v0.11.4

web/index.html

@@ -182,6 +182,11 @@
           <h1 data-i18n="nav.flows">Flow</h1>
         </div><div class="section-actions flow-page-actions"><button class="secondary" type="button" data-action="import-flow" data-i18n="flow.import">Import Flow</button><button class="primary" type="button" data-action="new-flow" data-i18n="flow.new">New Flow</button></div>
       </div>
+      <nav class="automation-tabs" data-i18n-aria="automationHub.navigation" aria-label="Automation navigation">
+        <button type="button" class="active" data-go="flows" data-i18n="nav.flows">Flow</button>
+        <button type="button" data-go="schedules" data-i18n="nav.schedules">Schedules</button>
+        <button type="button" data-go="automations" data-i18n="nav.automations">Automations</button>
+      </nav>
       <div class="panel flow-info-panel">
         <div><strong data-i18n="flow.infoTitle">One place for schedules and automations</strong>
           <p data-i18n="flow.infoText">Build the logic from blocks. GREE Controller translates Flow into generated schedules and automations. Generated entries are read-only outside this editor.</p>
@@ -200,6 +205,11 @@
           <h1 data-i18n="nav.schedules">Schedules</h1>
         </div><button class="secondary" data-open="scheduleDialog" data-i18n="actions.add">Add</button>
       </div>
+      <nav class="automation-tabs" data-i18n-aria="automationHub.navigation" aria-label="Automation navigation">
+        <button type="button" data-go="flows" data-i18n="nav.flows">Flow</button>
+        <button type="button" class="active" data-go="schedules" data-i18n="nav.schedules">Schedules</button>
+        <button type="button" data-go="automations" data-i18n="nav.automations">Automations</button>
+      </nav>
       <div class="panel schedule-template-panel">
         <div>
           <h3 data-i18n="schedules.quickSetup">Quick schedule setup</h3>
@@ -228,6 +238,11 @@
           <h1 data-i18n="nav.automations">Automations</h1>
         </div><button class="secondary" data-open="automationDialog" data-i18n="actions.add">Add</button>
       </div>
+      <nav class="automation-tabs" data-i18n-aria="automationHub.navigation" aria-label="Automation navigation">
+        <button type="button" data-go="flows" data-i18n="nav.flows">Flow</button>
+        <button type="button" data-go="schedules" data-i18n="nav.schedules">Schedules</button>
+        <button type="button" class="active" data-go="automations" data-i18n="nav.automations">Automations</button>
+      </nav>
       <div class="panel automation-hint"><strong data-i18n="automations.smartHintTitle">Use thermostat presets for daily
           comfort</strong>
         <p data-i18n="automations.smartHint">Schedules and zone presets handle normal heating/cooling automatically.
@@ -396,12 +411,12 @@
         </section>
 
         <section class="panel settings-block flow-shared-settings" id="flowSharedInputsSettings">
-          <div class="settings-block-head flow-shared-settings-head"><div><h3 data-i18n="flow.sharedInputsTitle">Wspólne wejścia Flow</h3><p data-i18n="flow.sharedInputsHint">Zdefiniuj wartości, stany i czujniki raz, a potem używaj ich w wielu Flow. Operator jest opcjonalny.</p></div><button type="button" class="primary flow-shared-add-button" id="addFlowSharedInput" data-i18n="flow.sharedInputAdd">Dodaj wejście</button></div>
+          <div class="settings-block-head flow-shared-settings-head"><div><h3 data-i18n="flow.sharedInputsTitle">Wspólne wejścia Flow</h3><p data-i18n="flow.sharedInputsHint">Zdefiniuj wspólne źródła wartości raz i używaj ich w wielu Flow. Czujniki HA dodane tylko tutaj nie są zapisywane do metryk.</p></div><button type="button" class="primary flow-shared-add-button" id="addFlowSharedInput" data-i18n="flow.sharedInputAdd">Dodaj wejście</button></div>
           <input type="hidden" id="flowSharedInputsRevision" name="flow_inputs_revision" value="[]"><div id="flowSharedInputList" class="flow-shared-input-list"></div>
         </section>
 
         <section class="panel settings-block">
-          <div class="settings-block-head"><div><h3 data-i18n="settings.sensorAliases">Sensor aliases</h3><p data-i18n="settings.sensorAliasesHint">Friendly names are used in charts and selectors; the original entity_id remains unchanged.</p></div></div>
+          <div class="settings-block-head"><div><h3 data-i18n="settings.sensorAliases">Sensor aliases</h3><p data-i18n="settings.sensorAliasesHint">Badges show whether an entity is collected as metrics, used by Flow, or both.</p></div></div>
           <div class="sensor-alias-manager">
             <div id="sensorAliasList" class="sensor-alias-list"></div>
             <div class="sensor-alias-add"><input id="sensorAliasEntity" placeholder="sensor.gabinet_temperature"><input id="sensorAliasName" data-i18n-placeholder="settings.aliasPlaceholder" placeholder="Gabinet"><button type="button" class="secondary" id="addSensorAlias" data-i18n="actions.add">Add</button></div>
@@ -694,7 +709,8 @@
   <section id="flowEditor" class="flow-editor" hidden aria-label="Flow editor">
     <header class="flow-editor-bar">
       <div class="flow-editor-title"><button type="button" class="icon-button" data-action="close-flow-editor" aria-label="Back">←</button><div><span class="eyebrow" data-i18n="flow.editorEyebrow">Flow editor</span><div class="flow-name-wrap"><div id="flowNameView" class="flow-name-view" hidden><button id="flowNameText" class="flow-name-text" type="button" data-action="edit-flow-name" data-i18n-title="flow.editName" title="Edit Flow name"></button><button class="flow-name-edit" type="button" data-action="edit-flow-name" data-i18n-title="flow.editName" data-i18n-aria="flow.editName" title="Edit Flow name" aria-label="Edit Flow name">✎</button></div><input id="flowName" maxlength="100" data-i18n-placeholder="flow.namePlaceholder" data-i18n-title="flow.nameAliasHint" placeholder="My automation"></div></div></div>
-      <div class="flow-editor-actions"><button class="secondary" type="button" data-action="flow-templates" data-i18n="flow.templates">Templates</button><button class="secondary" type="button" data-action="import-flow" data-i18n="flow.import">Import</button><button class="secondary" type="button" data-action="export-flow" data-i18n="flow.export">Export</button><button class="secondary" type="button" data-action="flow-dry-run" data-i18n="flow.dryRun">Dry-run</button><button class="secondary" type="button" data-action="flow-logs" data-i18n="flow.logs">Logs</button><label class="flow-enabled"><input type="checkbox" id="flowEnabled" checked><span data-i18n="common.enabled">Enabled</span></label><span id="flowCompileStatus" class="badge"></span><button class="primary" type="button" data-action="save-flow" data-i18n="actions.save">Save</button></div>
+      <div class="flow-editor-actions"><button class="secondary flow-desktop-action" type="button" data-action="flow-templates" data-i18n="flow.templates">Templates</button><button class="secondary flow-desktop-action" type="button" data-action="import-flow" data-i18n="flow.import">Import</button><button class="secondary flow-desktop-action" type="button" data-action="export-flow" data-i18n="flow.export">Export</button><button class="secondary flow-desktop-action" type="button" data-action="flow-dry-run" data-i18n="flow.dryRun">Dry-run</button><button class="secondary flow-desktop-action" type="button" data-action="flow-logs" data-i18n="flow.logs">Logs</button><label class="flow-enabled"><input type="checkbox" id="flowEnabled" checked><span id="flowEnabledLabel" data-i18n="common.enabled">Enabled</span></label><span id="flowSaveStatus" class="flow-save-status" aria-live="polite"></span><span id="flowCompileStatus" class="badge flow-compile-status"></span><button class="secondary flow-mobile-actions-button" type="button" data-action="flow-mobile-actions" data-i18n="flow.actions">Actions</button></div>
+      <button class="primary flow-save-button" type="button" data-action="save-flow" data-i18n="actions.save">Save</button>
     </header>
     <div class="flow-editor-body">
       <aside class="flow-palette">
@@ -714,20 +730,40 @@
           <button type="button" data-flow-add="ha_service_action" data-i18n="flow.node.haServiceAction">Home Assistant: usługa</button></div>
       </aside>
       <div class="flow-workspace-wrap">
-        <div class="flow-workspace-toolbar"><button type="button" class="secondary" data-action="flow-select-all" data-i18n="flow.selectAll">Zaznacz wszystko</button><button type="button" class="secondary" data-action="flow-clear-selection" data-i18n="flow.clearSelection">Wyczyść zaznaczenie</button><span id="flowSelectionCount" class="badge"></span></div>
+        <div class="flow-workspace-toolbar"><div class="flow-workspace-primary-actions"><button type="button" class="primary flow-add-block-button" data-action="flow-add-block"><span aria-hidden="true">＋</span><span data-i18n="flow.addBlock">Add block</span></button><button type="button" class="secondary flow-selection-action" data-action="flow-select-all" data-i18n="flow.selectAll">Zaznacz wszystko</button><button type="button" class="secondary flow-selection-action" data-action="flow-clear-selection" data-i18n="flow.clearSelection">Wyczyść zaznaczenie</button><span id="flowSelectionCount" class="badge"></span></div><div class="flow-zoom-controls" role="group" data-i18n-aria="flow.zoomControls" aria-label="Canvas zoom"><button type="button" class="secondary icon-button" data-action="flow-zoom-out" data-i18n-title="flow.zoomOut" title="Zoom out">−</button><span id="flowZoomLabel" aria-live="polite">100%</span><button type="button" class="secondary icon-button" data-action="flow-zoom-in" data-i18n-title="flow.zoomIn" title="Zoom in">＋</button><button type="button" class="secondary flow-fit-button" data-action="flow-fit" data-i18n="flow.fitView">Fit</button></div></div>
         <div id="flowWorkspace" class="flow-workspace" tabindex="0">
-          <svg id="flowEdges" class="flow-edges" aria-hidden="true"></svg><div id="flowNodes" class="flow-nodes"></div>
-          <div id="flowEmptyHint" class="flow-empty-hint"><strong data-i18n="flow.emptyCanvas">Start by adding blocks</strong><span data-i18n="flow.emptyCanvasHint">Conditions go on the left, actions on the right.</span></div>
+          <div id="flowCanvas" class="flow-canvas"><svg id="flowEdges" class="flow-edges" aria-hidden="true"></svg><div id="flowNodes" class="flow-nodes"></div></div>
+          <div id="flowEmptyHint" class="flow-empty-hint"><strong data-i18n="flow.emptyCanvas">Start by adding blocks</strong><span data-i18n="flow.emptyCanvasHint">Conditions go on the left, actions on the right.</span><button type="button" class="primary" data-action="flow-add-block" data-i18n="flow.addBlock">Add block</button></div>
         </div>
-        <div class="flow-natural-preview">
-          <div class="flow-preview-item flow-preview-interpretation"><strong data-i18n="flow.interpretation">Interpretation</strong><span id="flowInterpretation"></span></div>
-          <div class="flow-preview-item flow-preview-runtime" id="flowRuntimeInfo"><strong data-i18n="flow.runtimeInfo">Flow cycle</strong><span id="flowRuntimeSummary"></span></div>
+        <div class="flow-natural-preview" id="flowNaturalPreview">
+          <button type="button" class="flow-preview-toggle" data-action="flow-preview-toggle" aria-expanded="false"><strong data-i18n="flow.interpretation">Interpretation</strong><span class="flow-preview-toggle-icon" aria-hidden="true">⌃</span></button>
+          <div class="flow-preview-details">
+            <div class="flow-preview-item flow-preview-interpretation"><strong data-i18n="flow.interpretation">Interpretation</strong><span id="flowInterpretation"></span></div>
+            <div class="flow-preview-item flow-preview-runtime" id="flowRuntimeInfo"><strong data-i18n="flow.runtimeInfo">Flow cycle</strong><span id="flowRuntimeSummary"></span></div>
+          </div>
         </div>
       </div>
       <aside id="flowInspector" class="flow-inspector"><div class="empty compact"><strong data-i18n="flow.selectBlock">Select a block</strong><span data-i18n="flow.selectBlockHint">Its settings will appear here.</span></div></aside>
     </div>
   </section>
 
+  <dialog id="flowBlockDialog" class="sheet flow-block-dialog">
+    <div class="dialog-head"><div><span class="eyebrow" data-i18n="flow.blocks">Blocks</span><h2 data-i18n="flow.addBlock">Add block</h2></div><button type="button" data-close aria-label="Close">×</button></div>
+    <div class="flow-block-search"><input id="flowBlockSearch" type="search" autocomplete="off" data-i18n-placeholder="flow.searchBlocks" placeholder="Search blocks…"></div>
+    <div id="flowBlockLibrary" class="flow-block-library"></div>
+  </dialog>
+
+  <dialog id="flowEditorActionsDialog" class="sheet flow-editor-actions-dialog">
+    <div class="dialog-head"><h2 data-i18n="flow.actions">Actions</h2><button type="button" data-close>×</button></div>
+    <div class="menu-list">
+      <button type="button" data-action="flow-templates"><span data-i18n="flow.templates">Templates</span><span>›</span></button>
+      <button type="button" data-action="import-flow"><span data-i18n="flow.import">Import</span><span>›</span></button>
+      <button type="button" data-action="export-flow"><span data-i18n="flow.export">Export</span><span>›</span></button>
+      <button type="button" data-action="flow-dry-run"><span data-i18n="flow.dryRun">Dry-run</span><span>›</span></button>
+      <button type="button" data-action="flow-logs"><span data-i18n="flow.logs">Logs</span><span>›</span></button>
+    </div>
+  </dialog>
+
   <input id="flowImportFile" type="file" accept="application/json,.json,.flow.json" hidden>
 
   <dialog id="flowSharedInputDialog">
@@ -775,22 +811,37 @@
   </dialog>
 
   <nav class="bottom-nav" data-i18n-aria="nav.navigation" aria-label="Navigation">
+    <span class="nav-section-label desktop-nav-only" data-i18n="nav.sectionControl">Sterowanie</span>
     <button class="active" data-nav="dashboard"><span>⌂</span><b data-i18n="nav.dashboard">Dashboard</b></button>
-    <button data-nav="devices"><span>▣</span><b data-i18n="nav.devices">Devices</b></button>
     <button data-nav="zones"><span>◎</span><b data-i18n="nav.zones">Zones</b></button>
+    <button class="desktop-nav-only" data-nav="groups"><span>◉</span><b data-i18n="nav.groups">Groups</b></button>
+    <span class="nav-section-label desktop-nav-only" data-i18n="nav.sectionAutomation">Automatyzacja</span>
+    <button data-nav="flows"><span>◇</span><b data-i18n="nav.flows">Flow</b></button>
+    <button class="desktop-nav-only" data-nav="schedules"><span>◷</span><b data-i18n="nav.schedules">Schedules</b></button>
+    <button class="desktop-nav-only" data-nav="automations"><span>⌁</span><b data-i18n="nav.automations">Automations</b></button>
+    <span class="nav-section-label desktop-nav-only" data-i18n="nav.sectionData">Dane i system</span>
     <button data-nav="history"><span>⌁</span><b data-i18n="nav.history">History</b></button>
-    <button data-nav="more"><span>•••</span><b data-i18n="nav.more">More</b></button>
+    <button class="desktop-nav-only" data-nav="devices"><span>▣</span><b data-i18n="nav.devices">Devices</b></button>
+    <button class="desktop-nav-only" data-nav="homeassistant"><span>HA</span><b data-i18n="nav.homeAssistantShort">Home Assistant</b></button>
+    <button class="desktop-nav-only" data-nav="simulation"><span>▶</span><b data-i18n="nav.simulation">Simulator</b></button>
+    <button class="desktop-nav-only" data-nav="night"><span>☾</span><b data-i18n="nav.nightMode">Night mode</b></button>
+    <button class="desktop-nav-only" data-nav="logs"><span>≡</span><b data-i18n="nav.logs">Events</b></button>
+    <button class="desktop-nav-only" data-nav="settings"><span>⚙</span><b data-i18n="nav.settings">Settings</b></button>
+    <button class="mobile-nav-only" data-nav="more"><span>•••</span><b data-i18n="nav.more">More</b></button>
   </nav>
 
   <dialog id="moreDialog" class="sheet">
     <div class="dialog-head">
       <h2 data-i18n="nav.more">More</h2><button data-close>×</button>
     </div>
-    <div class="menu-list">
+    <div class="menu-list more-menu-list">
+      <span class="menu-section-label" data-i18n="nav.sectionControl">Sterowanie</span>
+      <button data-go="devices"><span data-i18n="nav.devices">Devices</span><span>›</span></button>
       <button data-go="groups"><span data-i18n="nav.groups">Groups</span><span>›</span></button>
-      <button data-go="flows"><span data-i18n="nav.flows">Flow</span><span>›</span></button>
+      <span class="menu-section-label" data-i18n="nav.sectionAutomation">Automatyzacja</span>
       <button data-go="schedules"><span data-i18n="nav.schedules">Schedules</span><span>›</span></button>
       <button data-go="automations"><span data-i18n="nav.automations">Automations</span><span>›</span></button>
+      <span class="menu-section-label" data-i18n="nav.sectionData">Dane i system</span>
       <button data-go="simulation"><span data-i18n="nav.simulation">Simulator</span><span>›</span></button>
       <button data-go="night"><span data-i18n="nav.nightMode">Night mode</span><span>›</span></button>
       <button data-go="homeassistant"><span data-i18n="nav.homeAssistant">Home Assistant /