v0.9.13

web/index.html

@@ -88,7 +88,7 @@
           <div class="dashboard-global-divider"></div>
           <div class="house-climate dashboard-house-climate" id="houseClimate"></div>
         </div>
-        <section class="panel dashboard-section-panel">
+        <section class="panel dashboard-section-panel" id="controlPlanSection">
           <div class="dashboard-section-head compact-head">
             <div><span class="eyebrow" data-i18n="plan.eyebrow">Control plan</span>
               <h2 data-i18n="plan.title">What happens next</h2>
@@ -693,7 +693,7 @@
 
   <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><input id="flowName" maxlength="100" data-i18n-placeholder="flow.namePlaceholder" placeholder="My automation"></div></div>
+      <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><input id="flowName" maxlength="100" data-i18n-placeholder="flow.namePlaceholder" data-i18n-title="flow.nameAliasHint" placeholder="My automation"></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>
     </header>
     <div class="flow-editor-body">
@@ -721,7 +721,7 @@
 
   <input id="flowImportFile" type="file" accept="application/json,.json,.flow.json" hidden>
 
-  <dialog id="flowSharedInputDialog" class="flow-tool-dialog">
+  <dialog id="flowSharedInputDialog">
     <form id="flowSharedInputForm" class="dialog-form">
       <div class="dialog-head"><div><span class="eyebrow" data-i18n="flow.sharedInputEyebrow">Wspólne dane</span><h2 id="flowSharedInputDialogTitle" data-i18n="flow.sharedInputTitle">Wspólne wejście Flow</h2></div><button type="button" data-close>×</button></div>
       <input type="hidden" name="id">
@@ -733,32 +733,36 @@
         <button type="button" class="secondary" id="flowSharedInputTest" data-i18n="flow.sharedInputTest">Testuj wejście HA</button>
         <div id="flowSharedInputTestResult" class="flow-shared-test-result" hidden></div>
       </div>
-      <div class="dialog-actions flow-shared-dialog-actions"><button type="button" class="secondary" data-close data-i18n="actions.cancel">Anuluj</button><button type="submit" class="primary" data-i18n="actions.save">Zapisz</button></div>
+      <div class="form-actions"><button type="button" class="secondary" data-close data-i18n="actions.cancel">Anuluj</button><button type="submit" class="primary" data-i18n="actions.save">Zapisz</button></div>
     </form>
   </dialog>
 
-  <dialog id="flowTemplateDialog" class="flow-tool-dialog">
-    <div class="dialog-head"><div><span class="eyebrow" data-i18n="flow.templateLibrary">Flow library</span><h2 data-i18n="flow.templates">Templates</h2></div><button type="button" data-close>×</button></div>
-    <p class="field-note" data-i18n="flow.templatesHint">Ready-made layouts create an editable graph using existing zones, devices and groups.</p>
-    <div class="flow-template-toolbar"><label><span data-i18n="flow.templateSearchLabel">Szukaj presetów</span><input id="flowTemplateSearch" type="search" autocomplete="off" data-i18n-placeholder="flow.templateSearch" placeholder="Szukaj presetów…"></label></div>
-    <div class="flow-template-browser">
-      <div class="flow-template-catalog">
-        <div id="flowTemplateTabs" class="flow-template-tabs" role="tablist" data-i18n-aria="flow.templateCategories" aria-label="Preset categories"></div>
-        <div id="flowTemplateList" class="flow-template-list"></div>
+  <dialog id="flowTemplateDialog" class="dialog-wide">
+    <div class="dialog-form">
+      <div class="dialog-head"><div><span class="eyebrow" data-i18n="flow.templateLibrary">Flow library</span><h2 data-i18n="flow.templates">Templates</h2></div><button type="button" data-close>×</button></div>
+      <p class="field-note" data-i18n="flow.templatesHint">Ready-made layouts create an editable graph using existing zones, devices and groups.</p>
+      <div class="flow-template-toolbar"><label><span data-i18n="flow.templateSearchLabel">Szukaj presetów</span><input id="flowTemplateSearch" type="search" autocomplete="off" data-i18n-placeholder="flow.templateSearch" placeholder="Szukaj presetów…"></label></div>
+      <div class="flow-template-browser">
+        <div class="flow-template-catalog">
+          <div id="flowTemplateTabs" class="flow-template-tabs" role="tablist" data-i18n-aria="flow.templateCategories" aria-label="Preset categories"></div>
+          <div id="flowTemplateList" class="flow-template-list"></div>
+        </div>
+        <aside id="flowTemplatePreview" class="flow-template-preview"><div class="empty compact"><strong data-i18n="flow.templatePreview">Podgląd presetu</strong><span data-i18n="flow.templateSelectPreview">Wybierz preset, aby zobaczyć podgląd.</span></div></aside>
       </div>
-      <aside id="flowTemplatePreview" class="flow-template-preview"><div class="empty compact"><strong data-i18n="flow.templatePreview">Podgląd presetu</strong><span data-i18n="flow.templateSelectPreview">Wybierz preset, aby zobaczyć podgląd.</span></div></aside>
     </div>
   </dialog>
 
-  <dialog id="flowTestDialog" class="flow-tool-dialog">
-    <div class="dialog-head"><div><span class="eyebrow" data-i18n="flow.testMode">Flow diagnostics</span><h2 id="flowTestTitle" data-i18n="flow.dryRun">Dry-run</h2></div><button type="button" data-close>×</button></div>
-    <div id="flowSimulationControls" class="flow-simulation-controls">
-      <p class="field-note" data-i18n="flow.dryRunHint">Dry-run does not change thermostat, device, group, schedule or automation state.</p>
-      <label><span data-i18n="flow.simulationTime">Simulation date and time</span><input id="flowSimulationAt" type="datetime-local"></label>
-      <div><strong data-i18n="flow.simulationOverrides">Sensor overrides</strong><p class="field-note" data-i18n="flow.simulationOverridesHint">Leave blank to use the current application or Home Assistant state.</p><div id="flowSimulationOverrides" class="flow-simulation-overrides"></div></div>
-      <div class="dialog-actions"><button class="primary" type="button" data-action="run-flow-dry-run" data-i18n="flow.runSimulation">Run simulation</button></div>
+  <dialog id="flowTestDialog" class="dialog-wide">
+    <div class="dialog-form">
+      <div class="dialog-head"><div><span class="eyebrow" data-i18n="flow.testMode">Flow diagnostics</span><h2 id="flowTestTitle" data-i18n="flow.dryRun">Dry-run</h2></div><button type="button" data-close>×</button></div>
+      <div id="flowSimulationControls" class="flow-simulation-controls">
+        <p class="field-note" data-i18n="flow.dryRunHint">Dry-run does not change thermostat, device, group, schedule or automation state.</p>
+        <label><span data-i18n="flow.simulationTime">Simulation date and time</span><input id="flowSimulationAt" type="datetime-local"></label>
+        <div><strong data-i18n="flow.simulationOverrides">Sensor overrides</strong><p class="field-note" data-i18n="flow.simulationOverridesHint">Leave blank to use the current application or Home Assistant state.</p><div id="flowSimulationOverrides" class="flow-simulation-overrides"></div></div>
+        <div class="form-actions"><button class="primary" type="button" data-action="run-flow-dry-run" data-i18n="flow.runSimulation">Run simulation</button></div>
+      </div>
+      <div id="flowTestResults" class="flow-test-results"></div>
     </div>
-    <div id="flowTestResults" class="flow-test-results"></div>
   </dialog>
 
   <nav class="bottom-nav" data-i18n-aria="nav.navigation" aria-label="Navigation">
@@ -906,7 +910,7 @@
               data-i18n="preset.away">Away</span><input type="text" inputmode="decimal" step="0.5"
               name="heat_away_setpoint" value="17"></label></div>
       </details>
-      <div class="two">
+      <div class="two zone-hysteresis-row">
         <div class="hysteresis-config"><label id="commonHysteresisField"><span data-i18n="zones.hysteresis">Hysteresis
               °C</span><input type="text" inputmode="decimal" step="0.1" min="0.1" max="5" name="hysteresis"
               value="0.6"></label><label class="check" data-i18n-title="zones.separateHysteresisHint"