dominds 1.1.6 → 1.2.2

package/dist/static/assets/{index-DaZbrV-q.js → index-C7GGvXsN.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-Dnlg0ok5.js","assets/graph-CnvU0FjD.js","assets/_baseUniq-g1_NLieP.js","assets/layout-BYzDkHqx.js","assets/_basePickBy-EML3qdwF.js","assets/clone-BtaEjew1.js","assets/cose-bilkent-S5V4N54A-CJgMZCwj.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-DIjkhjuY.js","assets/chunk-TZMSLE5B-C61iAI8s.js","assets/flowDiagram-NV44I4VS-BQ4mflc1.js","assets/chunk-FMBD7UC4-5nxZys6t.js","assets/chunk-55IACEB6-CzOuQePF.js","assets/chunk-QN33PNHL-Uy_-uURz.js","assets/channel-Bakzwrgg.js","assets/erDiagram-Q2GNP2WA-2KGx3PAN.js","assets/gitGraphDiagram-V2S2FVAM-CDs41AOG.js","assets/chunk-4BX2VUAB-CKFimmAm.js","assets/chunk-QZHKN3VN-CJQbEeje.js","assets/treemap-GDKQZRPO-CErYwONq.js","assets/ganttDiagram-JELNMOA3-8PfSUIHY.js","assets/linear-VLJDrz8J.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-D720eVoQ.js","assets/pieDiagram-ADFJNKIX-Dl2Ty0rJ.js","assets/arc-Bdo9DRTR.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-BzFjAV5h.js","assets/xychartDiagram-PRI3JC2R-DbTtUeKf.js","assets/requirementDiagram-UZGBJVZJ-CnN9CJex.js","assets/sequenceDiagram-WL72ISMW-BQseuQKR.js","assets/classDiagram-2ON5EDUG-hNe0kv_5.js","assets/chunk-B4BG7PRW-gUEe_gi7.js","assets/classDiagram-v2-WZHVMYZB-hNe0kv_5.js","assets/stateDiagram-FKZM4ZOC-BIMo-Z1b.js","assets/chunk-DI55MBZ5-CsnJb9mF.js","assets/stateDiagram-v2-4FDKWEC3-J-cLlcfL.js","assets/journeyDiagram-XKPGCS4Q-DOHe9YaN.js","assets/timeline-definition-IT6M3QCI-HDlKsKJT.js","assets/mindmap-definition-VGOIOE7T-B7mdoXRq.js","assets/kanban-definition-3W4ZIXB7-C8iB1vYN.js","assets/sankeyDiagram-TZEHDZUN-w_r9N_py.js","assets/diagram-S2PKOQOG-DhIecZ05.js","assets/diagram-QEK2KX5R-CjW7mUVC.js","assets/blockDiagram-VD42YOAC-BrEyRSBy.js","assets/architectureDiagram-VXUJARFQ-CWqCvER5.js","assets/diagram-PSM6KHXK-BN1DT536.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-BHifCt9p.js","assets/graph-H2pPtcA4.js","assets/_baseUniq-C8Q00Cvu.js","assets/layout-BiSpBPja.js","assets/_basePickBy-Bg9xz_Tp.js","assets/clone-CfMXyshY.js","assets/cose-bilkent-S5V4N54A-CKSd-S5D.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-BNaps1fE.js","assets/chunk-TZMSLE5B-NCw7uRdY.js","assets/flowDiagram-NV44I4VS-CrYpUFw1.js","assets/chunk-FMBD7UC4-e7aNNaiR.js","assets/chunk-55IACEB6-D5DqyXC-.js","assets/chunk-QN33PNHL-BP5Df-KD.js","assets/channel-Qhtg5RP4.js","assets/erDiagram-Q2GNP2WA-F2jSpkNt.js","assets/gitGraphDiagram-V2S2FVAM-BTcTn4tl.js","assets/chunk-4BX2VUAB-D03ApKpv.js","assets/chunk-QZHKN3VN-BtWZ1Jo-.js","assets/treemap-GDKQZRPO-BO313787.js","assets/ganttDiagram-JELNMOA3-DQY5u9Ze.js","assets/linear-Cp2PUQOj.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-j84UsjFK.js","assets/pieDiagram-ADFJNKIX-Cti5HVOM.js","assets/arc-uTk9hRzv.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-B0OAfxmD.js","assets/xychartDiagram-PRI3JC2R-DAxjCTew.js","assets/requirementDiagram-UZGBJVZJ-CPeIRtqh.js","assets/sequenceDiagram-WL72ISMW-m6U3yEW-.js","assets/classDiagram-2ON5EDUG-yuMDuQgZ.js","assets/chunk-B4BG7PRW-DJeZvicH.js","assets/classDiagram-v2-WZHVMYZB-yuMDuQgZ.js","assets/stateDiagram-FKZM4ZOC-BNCJCpNL.js","assets/chunk-DI55MBZ5-CDj13d_v.js","assets/stateDiagram-v2-4FDKWEC3-CWF7Dvei.js","assets/journeyDiagram-XKPGCS4Q-LpTOa9u5.js","assets/timeline-definition-IT6M3QCI-BSUCVPxZ.js","assets/mindmap-definition-VGOIOE7T-V2O8OFEc.js","assets/kanban-definition-3W4ZIXB7-DbIGVEaG.js","assets/sankeyDiagram-TZEHDZUN-JMb8RTtf.js","assets/diagram-S2PKOQOG-CdCIx2zt.js","assets/diagram-QEK2KX5R-C9JmrkfX.js","assets/blockDiagram-VD42YOAC-QMgggZ9X.js","assets/architectureDiagram-VXUJARFQ-IT2HXpTY.js","assets/diagram-PSM6KHXK-D1Yw5CAn.js"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -1836,7 +1836,7 @@ function escapeHtmlAttr(text2) {
 const asMaskUrl = (svg2) => `url("data:image/svg+xml,${encodeURIComponent(svg2)}")`;
 const ICON_MASK_URLS = {
   toggleTriangle: asMaskUrl(
-    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 8.64 15.27 12 10 15.36V8.64M8 5v14l11-7L8 5z"/></svg>'
+    "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 10'><path d='M1 1L7 5L1 9Z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'/></svg>"
   ),
   chevronLeft: asMaskUrl(
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z"/></svg>'
@@ -1872,10 +1872,10 @@ const ICON_MASK_URLS = {
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>'
   ),
   play: asMaskUrl(
-    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 8.64 15.27 12 10 15.36V8.64M8 5v14l11-7L8 5z"/></svg>'
+    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4.5 3v18l15.5-9z"/></svg>'
   ),
   stop: asMaskUrl(
-    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 8v8H8V8h8m2-2H6v12h12V6z"/></svg>'
+    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/></svg>'
   ),
   warning: asMaskUrl(
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>'
@@ -1914,10 +1914,10 @@ const ICON_MASK_URLS = {
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></svg>'
   ),
   send: asMaskUrl(
-    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m4.01 6.03 7.51 3.22-7.52-1 .01-2.22m7.5 8.72L4 17.97v-2.22l7.51-1M2.01 3 2 10l15 2-15 2 .01 7L23 12 2.01 3z"/></svg>'
+    "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 5.5L6 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/><path d='M12 5.5L18 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='8' x2='12' y2='15.5' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>"
   ),
   queueNow: asMaskUrl(
-    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 3H3c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h5v2h8v-2h2v-2H3V5h18v8h2V5a2 2 0 0 0-2-2zm-8 7V7h-2v3H8v2h3v3h2v-3h3v-2h-3zm11 8-4.5 4.5L18 21l3-3-3-3 1.5-1.5L24 18z"/></svg>'
+    "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><line x1='8' y1='5' x2='16' y2='5' stroke='black' stroke-width='1.6' stroke-linecap='round'/><path d='M12 8L6.6 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/><path d='M12 8L17.4 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='10' x2='12' y2='15.5' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>"
   ),
   insertDown: asMaskUrl(
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 13h-3V3h-2v10H8l4 4 4-4zM4 19v2h16v-2H4z"/></svg>'
@@ -1926,7 +1926,7 @@ const ICON_MASK_URLS = {
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95A5.469 5.469 0 0 1 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11A2.98 2.98 0 0 1 22 15c0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z"/></svg>'
   ),
   collapseStrip: asMaskUrl(
-    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>'
+    "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 8'><path d='M2 2.2L8 5.8L14 2.2M21 2.2L27 5.8L33 2.2M40 2.2L46 5.8L52 2.2' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>"
   ),
   scrollDown: asMaskUrl(
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>'
@@ -1970,8 +1970,8 @@ const ICON_MASK_URLS = {
   themeLight: asMaskUrl(
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 9c1.65 0 3 1.35 3 3s-1.35 3-3 3-3-1.35-3-3 1.35-3 3-3m0-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/></svg>'
   ),
-  resizeDiagonal: asMaskUrl(
-    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z"/></svg>'
+  resizeCornerBottomLeft: asMaskUrl(
+    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3L21 21M3 9L15 21" fill="none" stroke="black" stroke-width="3" stroke-linecap="round"/></svg>'
   )
 };
 const ICON_MASK_BASE_CSS = `
@@ -2589,8 +2589,15 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
     return collapsed ? "Expand" : "Collapse";
   }
   renderToggleIcon(collapsed) {
-    const rotation = collapsed ? "0deg" : "90deg";
-    return `<span class="q4h-toggle-arrow icon-mask" style="transform: rotate(${rotation})" aria-hidden="true"></span>`;
+    const stateClass = collapsed ? "is-collapsed" : "is-expanded";
+    return `<span class="q4h-toggle-arrow icon-mask ${stateClass}" aria-hidden="true"></span>`;
+  }
+  updateToggleButtonUi(button, collapsed) {
+    button.setAttribute("aria-label", this.formatToggleAriaLabel(collapsed));
+    const arrow = button.querySelector(".q4h-toggle-arrow");
+    if (!(arrow instanceof HTMLElement)) return;
+    arrow.classList.toggle("is-collapsed", collapsed);
+    arrow.classList.toggle("is-expanded", !collapsed);
   }
   renderReviveIcon() {
     return '<span class="icon-mask dlg-icon-revive" aria-hidden="true"></span>';
@@ -2803,6 +2810,7 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
     } else {
       this.collapsedTasks.add(taskPath);
     }
+    const collapsed = this.collapsedTasks.has(taskPath);
     if (!this.listEl) return;
     const title = this.listEl.querySelector(
       `.task-title[data-task-path="${this.escapeSelector(taskPath)}"]`
@@ -2810,13 +2818,18 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
     const taskGroup = title?.closest(".task-group");
     const taskRows = taskGroup?.querySelector(".task-rows");
     if (taskRows instanceof HTMLElement) {
-      taskRows.classList.toggle("collapsed", this.collapsedTasks.has(taskPath));
+      taskRows.classList.toggle("collapsed", collapsed);
+    }
+    const taskToggle = taskGroup?.querySelector(".toggle.task-toggle");
+    if (taskToggle instanceof HTMLButtonElement) {
+      this.updateToggleButtonUi(taskToggle, collapsed);
     }
   }
   toggleRoot(rootId) {
+    const hasLoadedSubdialogs = this.hasSubdialogsLoaded(rootId);
     if (this.collapsedRoots.has(rootId)) {
       this.collapsedRoots.delete(rootId);
-      if (!this.requestedSubdialogRoots.has(rootId) && !this.hasSubdialogsLoaded(rootId)) {
+      if (!this.requestedSubdialogRoots.has(rootId) && !hasLoadedSubdialogs) {
         this.requestedSubdialogRoots.add(rootId);
         this.dispatchEvent(
           new CustomEvent("dialog-expand", {
@@ -2828,21 +2841,30 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
       }
     } else {
       this.collapsedRoots.add(rootId);
-      this.requestedSubdialogRoots.delete(rootId);
-      this.dispatchEvent(
-        new CustomEvent("dialog-collapse", {
-          detail: { rootId, status: "archived" },
-          bubbles: true,
-          composed: true
-        })
-      );
+      if (hasLoadedSubdialogs) {
+        this.requestedSubdialogRoots.delete(rootId);
+        this.dispatchEvent(
+          new CustomEvent("dialog-collapse", {
+            detail: { rootId, status: "archived" },
+            bubbles: true,
+            composed: true
+          })
+        );
+      }
     }
+    const collapsed = this.collapsedRoots.has(rootId);
     if (this.listEl) {
       const rootChildren = this.listEl.querySelector(
         `.rdlg-node[data-rdlg-root-id="${this.escapeSelector(rootId)}"] > .sdlg-children`
       );
       if (rootChildren instanceof HTMLElement) {
-        rootChildren.classList.toggle("collapsed", this.collapsedRoots.has(rootId));
+        rootChildren.classList.toggle("collapsed", collapsed);
+      }
+      const rootToggle = this.listEl.querySelector(
+        `.toggle.root-toggle[data-root-id="${this.escapeSelector(rootId)}"]`
+      );
+      if (rootToggle instanceof HTMLButtonElement) {
+        this.updateToggleButtonUi(rootToggle, collapsed);
       }
     }
   }
@@ -3092,6 +3114,14 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
         --icon-mask: ${ICON_MASK_URLS.toggleTriangle};
       }
 
+      .toggle .q4h-toggle-arrow.is-collapsed {
+        transform: rotate(0deg);
+      }
+
+      .toggle .q4h-toggle-arrow.is-expanded {
+        transform: rotate(90deg);
+      }
+
       .icon-button {
         border: none;
         background: transparent;
@@ -97319,12 +97349,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-Dnlg0ok5.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-BHifCt9p.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-CJgMZCwj.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-CKSd-S5D.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
       }
     ]
   ]);
@@ -97764,7 +97794,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./c4Diagram-YG6GDRKO-DIjkhjuY.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-YG6GDRKO-BNaps1fE.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0);
   return { id, diagram: diagram2 };
@@ -97784,7 +97814,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-BQ4mflc1.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CrYpUFw1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id2, diagram: diagram2 };
@@ -97810,7 +97840,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-BQ4mflc1.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CrYpUFw1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id3, diagram: diagram2 };
@@ -97827,7 +97857,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./erDiagram-Q2GNP2WA-2KGx3PAN.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q2GNP2WA-F2jSpkNt.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0);
   return { id: id4, diagram: diagram2 };
@@ -97844,7 +97874,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./gitGraphDiagram-V2S2FVAM-CDs41AOG.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-V2S2FVAM-BTcTn4tl.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,2,4,5]) : void 0);
   return { id: id5, diagram: diagram2 };
@@ -97861,7 +97891,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./ganttDiagram-JELNMOA3-8PfSUIHY.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-JELNMOA3-DQY5u9Ze.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0);
   return { id: id6, diagram: diagram2 };
@@ -97878,7 +97908,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./infoDiagram-HS3SLOUP-D720eVoQ.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-HS3SLOUP-j84UsjFK.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,2,4,5]) : void 0);
   return { id: id7, diagram: diagram2 };
@@ -97894,7 +97924,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./pieDiagram-ADFJNKIX-Dl2Ty0rJ.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-ADFJNKIX-Cti5HVOM.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([25,17,19,2,4,5,26,27,22]) : void 0);
   return { id: id8, diagram: diagram2 };
@@ -97910,7 +97940,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./quadrantDiagram-AYHSOK5B-BzFjAV5h.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-AYHSOK5B-B0OAfxmD.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0);
   return { id: id9, diagram: diagram2 };
@@ -97927,7 +97957,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./xychartDiagram-PRI3JC2R-DbTtUeKf.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-PRI3JC2R-DAxjCTew.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0);
   return { id: id10, diagram: diagram2 };
@@ -97944,7 +97974,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./requirementDiagram-UZGBJVZJ-CnN9CJex.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-UZGBJVZJ-CPeIRtqh.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0);
   return { id: id11, diagram: diagram2 };
@@ -97961,7 +97991,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sequenceDiagram-WL72ISMW-BQseuQKR.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-WL72ISMW-m6U3yEW-.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0);
   return { id: id12, diagram: diagram2 };
@@ -97981,7 +98011,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-2ON5EDUG-hNe0kv_5.js");
+    const { diagram: diagram22 } = await import("./classDiagram-2ON5EDUG-yuMDuQgZ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,33,11,12,13]) : void 0);
   return { id: id13, diagram: diagram2 };
@@ -98001,7 +98031,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-v2-WZHVMYZB-hNe0kv_5.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-WZHVMYZB-yuMDuQgZ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([34,33,11,12,13]) : void 0);
   return { id: id14, diagram: diagram2 };
@@ -98021,7 +98051,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-FKZM4ZOC-BIMo-Z1b.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-FKZM4ZOC-BNCJCpNL.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0);
   return { id: id15, diagram: diagram2 };
@@ -98044,7 +98074,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-v2-4FDKWEC3-J-cLlcfL.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-4FDKWEC3-CWF7Dvei.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0);
   return { id: id16, diagram: diagram2 };
@@ -98061,7 +98091,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./journeyDiagram-XKPGCS4Q-DOHe9YaN.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-XKPGCS4Q-LpTOa9u5.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,9,11,26]) : void 0);
   return { id: id17, diagram: diagram2 };
@@ -98131,7 +98161,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-BQ4mflc1.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CrYpUFw1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id18, diagram: diagram2 };
@@ -98148,7 +98178,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./timeline-definition-IT6M3QCI-HDlKsKJT.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-IT6M3QCI-BSUCVPxZ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0);
   return { id: id19, diagram: diagram2 };
@@ -98165,7 +98195,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./mindmap-definition-VGOIOE7T-B7mdoXRq.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-VGOIOE7T-V2O8OFEc.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0);
   return { id: id20, diagram: diagram2 };
@@ -98182,7 +98212,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./kanban-definition-3W4ZIXB7-C8iB1vYN.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-3W4ZIXB7-DbIGVEaG.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0);
   return { id: id21, diagram: diagram2 };
@@ -98199,7 +98229,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sankeyDiagram-TZEHDZUN-w_r9N_py.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-TZEHDZUN-JMb8RTtf.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0);
   return { id: id22, diagram: diagram2 };
@@ -98216,7 +98246,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-S2PKOQOG-DhIecZ05.js");
+    const { diagram: diagram22 } = await import("./diagram-S2PKOQOG-CdCIx2zt.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,2,4,5]) : void 0);
   return { id: id23, diagram: diagram2 };
@@ -98232,7 +98262,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-QEK2KX5R-CjW7mUVC.js");
+    const { diagram: diagram22 } = await import("./diagram-QEK2KX5R-C9JmrkfX.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,2,4,5]) : void 0);
   return { id: id24, diagram: diagram2 };
@@ -98248,7 +98278,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./blockDiagram-VD42YOAC-BrEyRSBy.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-VD42YOAC-QMgggZ9X.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,2,1,14]) : void 0);
   return { id: id25, diagram: diagram2 };
@@ -98265,7 +98295,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./architectureDiagram-VXUJARFQ-CWqCvER5.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-VXUJARFQ-IT2HXpTY.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,19,2,4,5,7]) : void 0);
   return { id: id26, diagram: diagram2 };
@@ -98282,7 +98312,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-PSM6KHXK-BN1DT536.js");
+    const { diagram: diagram22 } = await import("./diagram-PSM6KHXK-D1Yw5CAn.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
   return { id: id27, diagram: diagram2 };
@@ -104743,7 +104773,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         <div class="input-section">
           <div class="input-resize-handle" role="separator" aria-orientation="horizontal" aria-label="${RESIZE_HANDLE_ARIA_LABEL_I18N[this.uiLanguage]}"></div>
           <div class="input-wrapper ${this.selectedQuestionId !== null ? "q4h-active" : ""} ${this.props.disabled ? "disabled" : ""}">
-            <textarea
+            <textarea id="human-input"
               class="message-input"
               placeholder="${this.props.placeholder}"
               maxlength="${this.props.maxLength}"
@@ -104972,6 +105002,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         display: flex;
         align-items: center;
         justify-content: center;
+        position: relative;
         width: 27px;
         height: 27px;
         border: none;
@@ -105017,21 +105048,29 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         opacity: 0.6;
       }
 
+      .send-icon,
+      .stop-icon,
+      .queue-icon {
+        display: block;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        width: 18px;
+        height: 18px;
+        transform: translate(-50%, -50%);
+      }
+
       .send-icon {
-        width: 11px;
-        height: 11px;
         --icon-mask: ${ICON_MASK_URLS.send};
       }
 
       .stop-icon {
-        width: 11px;
-        height: 11px;
         --icon-mask: ${ICON_MASK_URLS.stop};
+        width: 14px;
+        height: 14px;
       }
 
       .queue-icon {
-        width: 11px;
-        height: 11px;
         --icon-mask: ${ICON_MASK_URLS.queueNow};
       }
 
@@ -108129,8 +108168,15 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
     return collapsed ? "Expand" : "Collapse";
   }
   renderToggleIcon(collapsed) {
-    const rotation = collapsed ? "0deg" : "90deg";
-    return `<span class="q4h-toggle-arrow icon-mask" style="transform: rotate(${rotation})" aria-hidden="true"></span>`;
+    const stateClass = collapsed ? "is-collapsed" : "is-expanded";
+    return `<span class="q4h-toggle-arrow icon-mask ${stateClass}" aria-hidden="true"></span>`;
+  }
+  updateToggleButtonUi(button, collapsed) {
+    button.setAttribute("aria-label", this.formatToggleAriaLabel(collapsed));
+    const arrow = button.querySelector(".q4h-toggle-arrow");
+    if (!(arrow instanceof HTMLElement)) return;
+    arrow.classList.toggle("is-collapsed", collapsed);
+    arrow.classList.toggle("is-expanded", !collapsed);
   }
   renderArchiveIcon() {
     return '<span class="icon-mask dlg-icon-archive" aria-hidden="true"></span>';
@@ -108349,6 +108395,7 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
     } else {
       this.collapsedTasks.add(taskPath);
     }
+    const collapsed = this.collapsedTasks.has(taskPath);
     if (!this.listEl) return;
     const title = this.listEl.querySelector(
       `.task-title[data-task-path="${this.escapeSelector(taskPath)}"]`
@@ -108356,13 +108403,18 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
     const taskGroup = title?.closest(".task-group");
     const taskRows = taskGroup?.querySelector(".task-rows");
     if (taskRows instanceof HTMLElement) {
-      taskRows.classList.toggle("collapsed", this.collapsedTasks.has(taskPath));
+      taskRows.classList.toggle("collapsed", collapsed);
+    }
+    const taskToggle = taskGroup?.querySelector(".toggle.task-toggle");
+    if (taskToggle instanceof HTMLButtonElement) {
+      this.updateToggleButtonUi(taskToggle, collapsed);
     }
   }
   toggleRoot(rootId) {
+    const hasLoadedSubdialogs = this.hasSubdialogsLoaded(rootId);
     if (this.collapsedRoots.has(rootId)) {
       this.collapsedRoots.delete(rootId);
-      if (!this.requestedSubdialogRoots.has(rootId) && !this.hasSubdialogsLoaded(rootId)) {
+      if (!this.requestedSubdialogRoots.has(rootId) && !hasLoadedSubdialogs) {
         this.requestedSubdialogRoots.add(rootId);
         this.dispatchEvent(
           new CustomEvent("dialog-expand", {
@@ -108374,21 +108426,30 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
       }
     } else {
       this.collapsedRoots.add(rootId);
-      this.requestedSubdialogRoots.delete(rootId);
-      this.dispatchEvent(
-        new CustomEvent("dialog-collapse", {
-          detail: { rootId, status: "completed" },
-          bubbles: true,
-          composed: true
-        })
-      );
+      if (hasLoadedSubdialogs) {
+        this.requestedSubdialogRoots.delete(rootId);
+        this.dispatchEvent(
+          new CustomEvent("dialog-collapse", {
+            detail: { rootId, status: "completed" },
+            bubbles: true,
+            composed: true
+          })
+        );
+      }
     }
+    const collapsed = this.collapsedRoots.has(rootId);
     if (this.listEl) {
       const rootChildren = this.listEl.querySelector(
         `.rdlg-node[data-rdlg-root-id="${this.escapeSelector(rootId)}"] > .sdlg-children`
       );
       if (rootChildren instanceof HTMLElement) {
-        rootChildren.classList.toggle("collapsed", this.collapsedRoots.has(rootId));
+        rootChildren.classList.toggle("collapsed", collapsed);
+      }
+      const rootToggle = this.listEl.querySelector(
+        `.toggle.root-toggle[data-root-id="${this.escapeSelector(rootId)}"]`
+      );
+      if (rootToggle instanceof HTMLButtonElement) {
+        this.updateToggleButtonUi(rootToggle, collapsed);
       }
     }
   }
@@ -108638,6 +108699,14 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
         --icon-mask: ${ICON_MASK_URLS.toggleTriangle};
       }
 
+      .toggle .q4h-toggle-arrow.is-collapsed {
+        transform: rotate(0deg);
+      }
+
+      .toggle .q4h-toggle-arrow.is-expanded {
+        transform: rotate(90deg);
+      }
+
       .icon-button {
         border: none;
         background: transparent;
@@ -109672,8 +109741,15 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     return collapsed ? "Expand" : "Collapse";
   }
   renderToggleIcon(collapsed) {
-    const rotation = collapsed ? "0deg" : "90deg";
-    return `<span class="q4h-toggle-arrow icon-mask" style="transform: rotate(${rotation})" aria-hidden="true"></span>`;
+    const stateClass = collapsed ? "is-collapsed" : "is-expanded";
+    return `<span class="q4h-toggle-arrow icon-mask ${stateClass}" aria-hidden="true"></span>`;
+  }
+  updateToggleButtonUi(button, collapsed) {
+    button.setAttribute("aria-label", this.formatToggleAriaLabel(collapsed));
+    const arrow = button.querySelector(".q4h-toggle-arrow");
+    if (!(arrow instanceof HTMLElement)) return;
+    arrow.classList.toggle("is-collapsed", collapsed);
+    arrow.classList.toggle("is-expanded", !collapsed);
   }
   renderDoneIcon() {
     return '<span class="icon-mask dlg-icon-done" aria-hidden="true"></span>';
@@ -109927,6 +110003,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     } else {
       this.collapsedTasks.add(taskPath);
     }
+    const collapsed = this.collapsedTasks.has(taskPath);
     if (!this.listEl) return;
     const title = this.listEl.querySelector(
       `.task-title[data-task-path="${this.escapeSelector(taskPath)}"]`
@@ -109934,13 +110011,18 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     const taskGroup = title?.closest(".task-group");
     const taskRows = taskGroup?.querySelector(".task-rows");
     if (taskRows instanceof HTMLElement) {
-      taskRows.classList.toggle("collapsed", this.collapsedTasks.has(taskPath));
+      taskRows.classList.toggle("collapsed", collapsed);
+    }
+    const taskToggle = taskGroup?.querySelector(".toggle.task-toggle");
+    if (taskToggle instanceof HTMLButtonElement) {
+      this.updateToggleButtonUi(taskToggle, collapsed);
     }
   }
   toggleRoot(rootId) {
+    const hasLoadedSubdialogs = this.hasSubdialogsLoaded(rootId);
     if (this.collapsedRoots.has(rootId)) {
       this.collapsedRoots.delete(rootId);
-      if (!this.requestedSubdialogRoots.has(rootId) && !this.hasSubdialogsLoaded(rootId)) {
+      if (!this.requestedSubdialogRoots.has(rootId) && !hasLoadedSubdialogs) {
         this.requestedSubdialogRoots.add(rootId);
         this.dispatchEvent(
           new CustomEvent("dialog-expand", {
@@ -109952,21 +110034,30 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
       }
     } else {
       this.collapsedRoots.add(rootId);
-      this.requestedSubdialogRoots.delete(rootId);
-      this.dispatchEvent(
-        new CustomEvent("dialog-collapse", {
-          detail: { rootId, status: "running" },
-          bubbles: true,
-          composed: true
-        })
-      );
+      if (hasLoadedSubdialogs) {
+        this.requestedSubdialogRoots.delete(rootId);
+        this.dispatchEvent(
+          new CustomEvent("dialog-collapse", {
+            detail: { rootId, status: "running" },
+            bubbles: true,
+            composed: true
+          })
+        );
+      }
     }
+    const collapsed = this.collapsedRoots.has(rootId);
     if (this.listEl) {
       const rootChildren = this.listEl.querySelector(
         `.rdlg-node[data-rdlg-root-id="${this.escapeSelector(rootId)}"] > .sdlg-children`
       );
       if (rootChildren instanceof HTMLElement) {
-        rootChildren.classList.toggle("collapsed", this.collapsedRoots.has(rootId));
+        rootChildren.classList.toggle("collapsed", collapsed);
+      }
+      const rootToggle = this.listEl.querySelector(
+        `.toggle.root-toggle[data-root-id="${this.escapeSelector(rootId)}"]`
+      );
+      if (rootToggle instanceof HTMLButtonElement) {
+        this.updateToggleButtonUi(rootToggle, collapsed);
       }
     }
   }
@@ -110432,6 +110523,14 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         --icon-mask: ${ICON_MASK_URLS.toggleTriangle};
       }
 
+      .toggle .q4h-toggle-arrow.is-collapsed {
+        transform: rotate(0deg);
+      }
+
+      .toggle .q4h-toggle-arrow.is-expanded {
+        transform: rotate(90deg);
+      }
+
       .icon-button {
         border: none;
         background: transparent;
@@ -111160,23 +111259,23 @@ const _DomindsApp = class _DomindsApp extends HTMLElement {
     if (dialogTitle && this.currentDialog === null) {
       dialogTitle.textContent = t2.currentDialogPlaceholder;
     }
-    const prev2 = this.shadowRoot.querySelector("#toolbar-prev");
+    const prev2 = this.shadowRoot.querySelector("#course-navi-prev");
     if (prev2) prev2.setAttribute("aria-label", t2.previousCourse);
-    const next2 = this.shadowRoot.querySelector("#toolbar-next");
+    const next2 = this.shadowRoot.querySelector("#course-navi-next");
     if (next2) next2.setAttribute("aria-label", t2.nextCourse);
     const savePriming = this.shadowRoot.querySelector(
-      "#toolbar-save-priming"
+      "#navibar-save-priming"
     );
     if (savePriming) {
       savePriming.title = t2.primingSaveButtonTitle;
       savePriming.setAttribute("aria-label", t2.primingSaveButtonTitle);
     }
     const remToggle = this.shadowRoot.querySelector(
-      "#toolbar-reminders-toggle"
+      "#navibar-reminders-toggle"
     );
     if (remToggle) remToggle.setAttribute("aria-label", t2.reminders);
     const remRefresh = this.shadowRoot.querySelector(
-      "#toolbar-reminders-refresh"
+      "#navibar-reminders-refresh"
     );
     if (remRefresh) {
       remRefresh.setAttribute("aria-label", t2.refreshReminders);
@@ -111769,32 +111868,32 @@ ${formatUiLanguageOptionLabel({
    * Use this when dialog is loaded or course changes.
    */
   updateToolbarDisplay() {
-    const prevBtn = this.shadowRoot?.querySelector("#toolbar-prev");
-    const nextBtn = this.shadowRoot?.querySelector("#toolbar-next");
+    const prevBtn = this.shadowRoot?.querySelector("#course-navi-prev");
+    const nextBtn = this.shadowRoot?.querySelector("#course-navi-next");
     const savePrimingBtn = this.shadowRoot?.querySelector(
-      "#toolbar-save-priming"
+      "#navibar-save-priming"
     );
     const remBtnCount = this.shadowRoot?.querySelector(
-      "#toolbar-reminders-toggle .reminders-count"
+      "#navibar-reminders-toggle .reminders-count"
     );
-    const courseLabel = this.shadowRoot?.querySelector("#course-nav span");
+    const courseLabel = this.shadowRoot?.querySelector("#course-navi span");
     const stopCount = this.shadowRoot?.querySelector(
-      "#toolbar-emergency-stop-count"
+      "#header-emergency-stop-count"
     );
     const resumeCount = this.shadowRoot?.querySelector(
-      "#toolbar-resume-all-count"
+      "#header-resume-all-count"
     );
     const stopPill = this.shadowRoot?.querySelector(
-      "#toolbar-emergency-stop-pill"
+      "#header-emergency-stop-pill"
     );
     const resumePill = this.shadowRoot?.querySelector(
-      "#toolbar-resume-all-pill"
+      "#header-resume-all-pill"
     );
     const stopBtn = this.shadowRoot?.querySelector(
-      "#toolbar-emergency-stop"
+      "#header-emergency-stop"
     );
     const resumeBtn = this.shadowRoot?.querySelector(
-      "#toolbar-resume-all"
+      "#header-resume-all"
     );
     const applyRunControlRefreshAttrs = (pill) => {
       if (this.lastRunControlRefresh) {
@@ -111909,9 +112008,9 @@ ${formatUiLanguageOptionLabel({
     `;
   }
   updateContextHealthUi() {
-    const el = this.shadowRoot?.querySelector("#toolbar-context-health");
+    const el = this.shadowRoot?.querySelector("#navibar-context-health");
     if (!(el instanceof HTMLElement)) return;
-    const tooltip = this.shadowRoot?.querySelector("#toolbar-context-health-tooltip");
+    const tooltip = this.shadowRoot?.querySelector("#navibar-context-health-tooltip");
     const snapshot = this.toolbarContextHealth;
     if (!snapshot) {
       el.setAttribute("data-level", "unknown");
@@ -112255,9 +112354,12 @@ ${formatUiLanguageOptionLabel({
         display: inline-flex;
         align-items: center;
         gap: 5px;
-        padding: 2px 9px;
-        border-radius: 12px;
+        height: 20px;
+        box-sizing: border-box;
+        padding: 0 9px;
+        border-radius: 10px;
         font-size: var(--dominds-font-size-sm, 12px);
+        line-height: 1;
         font-weight: 500;
         user-select: none;
         border: 1px solid var(--dominds-border, #e0e0e0);
@@ -112270,7 +112372,7 @@ ${formatUiLanguageOptionLabel({
       #toast-history-btn {
         width: 28px;
         justify-content: center;
-        padding: 2px 0;
+        padding: 0;
         color: color-mix(in srgb, var(--dominds-fg, #333333) 86%, var(--dominds-muted, #666666));
       }
 
@@ -112288,9 +112390,12 @@ ${formatUiLanguageOptionLabel({
         display: inline-flex;
         align-items: center;
         gap: 5px;
-        padding: 2px 9px;
-        border-radius: 12px;
+        height: 20px;
+        box-sizing: border-box;
+        padding: 0 9px;
+        border-radius: 10px;
         font-size: var(--dominds-font-size-sm, 12px);
+        line-height: 1;
         font-weight: 500;
         user-select: none;
         border: 1px solid var(--dominds-border, #e0e0e0);
@@ -112354,37 +112459,37 @@ ${formatUiLanguageOptionLabel({
         border-color: var(--dominds-success, #28a745);
       }
 
-      #toolbar-emergency-stop-pill[data-disabled='true'] {
+      #header-emergency-stop-pill[data-disabled='true'] {
         background: color-mix(in srgb, #22c55e 14%, var(--dominds-bg, #ffffff));
         border-color: color-mix(in srgb, #22c55e 22%, var(--dominds-border, #e0e0e0));
         opacity: 0.6;
         cursor: not-allowed;
       }
 
-      #toolbar-emergency-stop-pill:not([data-disabled='true']) {
+      #header-emergency-stop-pill:not([data-disabled='true']) {
         background: color-mix(in srgb, #22c55e 55%, var(--dominds-bg, #ffffff));
         border-color: color-mix(in srgb, #22c55e 65%, var(--dominds-border, #e0e0e0));
         cursor: pointer;
       }
 
-      #toolbar-emergency-stop-pill:hover:not([data-disabled='true']) {
+      #header-emergency-stop-pill:hover:not([data-disabled='true']) {
         border-color: color-mix(in srgb, #22c55e 80%, var(--dominds-border, #e0e0e0));
       }
 
-      #toolbar-resume-all-pill[data-disabled='true'] {
+      #header-resume-all-pill[data-disabled='true'] {
         background: color-mix(in srgb, #ef4444 14%, var(--dominds-bg, #ffffff));
         border-color: color-mix(in srgb, #ef4444 22%, var(--dominds-border, #e0e0e0));
         opacity: 0.6;
         cursor: not-allowed;
       }
 
-      #toolbar-resume-all-pill:not([data-disabled='true']) {
+      #header-resume-all-pill:not([data-disabled='true']) {
         background: color-mix(in srgb, #ef4444 55%, var(--dominds-bg, #ffffff));
         border-color: color-mix(in srgb, #ef4444 65%, var(--dominds-border, #e0e0e0));
         cursor: pointer;
       }
 
-      #toolbar-resume-all-pill:hover:not([data-disabled='true']) {
+      #header-resume-all-pill:hover:not([data-disabled='true']) {
         border-color: color-mix(in srgb, #ef4444 80%, var(--dominds-border, #e0e0e0));
       }
 
@@ -112419,7 +112524,7 @@ ${formatUiLanguageOptionLabel({
         color: var(--dominds-danger, #721c24);
       }
 
-      #toolbar-context-health {
+      #navibar-context-health {
         cursor: default;
         font-variant-numeric: tabular-nums;
         width: 20px;
@@ -112433,19 +112538,19 @@ ${formatUiLanguageOptionLabel({
         justify-content: center;
       }
 
-      #toolbar-context-health[data-level='healthy'] {
+      #navibar-context-health[data-level='healthy'] {
         color: var(--dominds-success, #155724);
       }
 
-      #toolbar-context-health[data-level='caution'] {
+      #navibar-context-health[data-level='caution'] {
         color: color-mix(in srgb, #b45309 85%, var(--dominds-fg, #333333));
       }
 
-      #toolbar-context-health[data-level='critical'] {
+      #navibar-context-health[data-level='critical'] {
         color: var(--dominds-danger, #721c24);
       }
 
-      #toolbar-context-health[data-level='unknown'] {
+      #navibar-context-health[data-level='unknown'] {
         color: var(--dominds-muted, #666666);
       }
 
@@ -112458,7 +112563,7 @@ ${formatUiLanguageOptionLabel({
             stroke-width: 1.5;
           }
 
-          #toolbar-context-health[data-level='unknown'] .ctx-usage-ring {
+          #navibar-context-health[data-level='unknown'] .ctx-usage-ring {
             stroke: color-mix(in srgb, var(--dominds-muted, #666666) 70%, var(--dominds-bg, #ffffff));
           }
 
@@ -112475,12 +112580,12 @@ ${formatUiLanguageOptionLabel({
             stroke: color-mix(in srgb, var(--dominds-danger, #721c24) 80%, var(--dominds-bg, #ffffff));
             stroke-width: 1.2;
           }
-      #toolbar-context-health-wrap {
+      #navibar-context-health-wrap {
         display: inline-flex;
         align-items: center;
       }
 
-      #toolbar-context-health-wrap .toolbar-tooltip {
+      #navibar-context-health-wrap .navibar-tooltip {
         position: absolute;
         top: calc(100% + 6px);
         right: 0;
@@ -112504,7 +112609,7 @@ ${formatUiLanguageOptionLabel({
         box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
       }
 
-      #toolbar-context-health-wrap .toolbar-tooltip::after {
+      #navibar-context-health-wrap .navibar-tooltip::after {
         content: '';
         position: absolute;
         bottom: 100%;
@@ -112515,7 +112620,7 @@ ${formatUiLanguageOptionLabel({
         border-bottom-color: var(--dominds-fg, #333333);
       }
 
-      #toolbar-context-health-wrap:hover .toolbar-tooltip {
+      #navibar-context-health-wrap:hover .navibar-tooltip {
         opacity: 1;
       }
 
@@ -113220,7 +113325,7 @@ ${formatUiLanguageOptionLabel({
         overflow: hidden;
       }
 
-      .toolbar {
+      .navibar {
         display: flex;
         align-items: center;
         gap: 5px;
@@ -113232,14 +113337,14 @@ ${formatUiLanguageOptionLabel({
         position: relative;
       }
 
-      .toolbar-left {
+      .navibar-left {
         display: flex;
         align-items: center;
         gap: 6px;
         min-width: 0;
       }
 
-      #course-nav {
+      #course-navi {
         display: flex;
         align-items: center;
         flex-shrink: 0;
@@ -113276,7 +113381,31 @@ ${formatUiLanguageOptionLabel({
 
       .header-run-pill-icon .icon-mask,
       .header-pill-button .icon-mask,
-      #toast-history-btn .icon-mask,
+      #toast-history-btn .icon-mask {
+        width: 20px;
+        height: 20px;
+      }
+
+      .header-run-pill-icon .icon-mask.app-icon-stop {
+        width: 16px;
+        height: 16px;
+      }
+
+      .header-run-pill-icon .icon-mask.app-icon-play {
+        width: 18px;
+        height: 18px;
+      }
+
+      .header-pill-button .icon-mask.app-icon-warning {
+        width: 16px;
+        height: 16px;
+      }
+
+      #toast-history-btn .icon-mask.app-icon-history {
+        width: 16px;
+        height: 16px;
+      }
+
       .badge-button .icon-mask,
       .tools-registry-actions .icon-mask,
       .problems-panel-actions .icon-mask,
@@ -113286,6 +113415,11 @@ ${formatUiLanguageOptionLabel({
         height: 14px;
       }
 
+      .navibar .icon-button .icon-mask {
+        width: 18px;
+        height: 18px;
+      }
+
       .activity-button .icon-mask {
         width: 18px;
         height: 18px;
@@ -113405,8 +113539,8 @@ ${formatUiLanguageOptionLabel({
         --icon-mask: ${ICON_MASK_URLS.scrollDown};
       }
 
-      .app-icon-resize-diagonal {
-        --icon-mask: ${ICON_MASK_URLS.resizeDiagonal};
+      .app-icon-resize-corner-bottom-left {
+        --icon-mask: ${ICON_MASK_URLS.resizeCornerBottomLeft};
       }
 
       .app-icon-check {
@@ -113897,7 +114031,7 @@ ${formatUiLanguageOptionLabel({
           padding: 4px 6px;
         }
 
-        .toolbar {
+        .navibar {
           padding: 1px 6px;
         }
       }
@@ -114740,20 +114874,20 @@ ${formatUiLanguageOptionLabel({
 		          </div>
 	          <div class="header-actions">
               <div class="header-run-controls">
-                <div class="header-run-pill danger" id="toolbar-emergency-stop-pill" data-disabled="${this.proceedingDialogsCount > 0 ? "false" : "true"}" title="${t2.emergencyStop}">
-	                  <button type="button" class="header-run-pill-icon" id="toolbar-emergency-stop" aria-label="${t2.emergencyStop} (${String(this.proceedingDialogsCount)})" aria-disabled="${this.proceedingDialogsCount > 0 ? "false" : "true"}">
+                <div class="header-run-pill danger" id="header-emergency-stop-pill" data-disabled="${this.proceedingDialogsCount > 0 ? "false" : "true"}" title="${t2.emergencyStop}">
+	                  <button type="button" class="header-run-pill-icon" id="header-emergency-stop" aria-label="${t2.emergencyStop} (${String(this.proceedingDialogsCount)})" aria-disabled="${this.proceedingDialogsCount > 0 ? "false" : "true"}">
 	                    <span class="icon-mask app-icon-stop" aria-hidden="true"></span>
 	                  </button>
-                  <span class="header-run-pill-count" id="toolbar-emergency-stop-count" data-testid="toolbar.proceeding_count" aria-hidden="true">${String(this.proceedingDialogsCount)}</span>
+                  <span class="header-run-pill-count" id="header-emergency-stop-count" data-testid="toolbar.proceeding_count" aria-hidden="true">${String(this.proceedingDialogsCount)}</span>
                 </div>
-                <div class="header-run-pill success" id="toolbar-resume-all-pill" data-disabled="${this.resumableDialogsCount > 0 ? "false" : "true"}" title="${t2.resumeAll}">
-	                  <button type="button" class="header-run-pill-icon" id="toolbar-resume-all" aria-label="${t2.resumeAll} (${String(this.resumableDialogsCount)})" aria-disabled="${this.resumableDialogsCount > 0 ? "false" : "true"}">
+                <div class="header-run-pill success" id="header-resume-all-pill" data-disabled="${this.resumableDialogsCount > 0 ? "false" : "true"}" title="${t2.resumeAll}">
+	                  <button type="button" class="header-run-pill-icon" id="header-resume-all" aria-label="${t2.resumeAll} (${String(this.resumableDialogsCount)})" aria-disabled="${this.resumableDialogsCount > 0 ? "false" : "true"}">
 	                    <span class="icon-mask app-icon-play" aria-hidden="true"></span>
 	                  </button>
-                  <span class="header-run-pill-count" id="toolbar-resume-all-count" data-testid="toolbar.resumable_count" aria-hidden="true">${String(this.resumableDialogsCount)}</span>
+                  <span class="header-run-pill-count" id="header-resume-all-count" data-testid="toolbar.resumable_count" aria-hidden="true">${String(this.resumableDialogsCount)}</span>
                 </div>
               </div>
-		            <button class="header-pill-button problems" id="toolbar-problems-toggle" title="${t2.problemsButtonTitle}" aria-label="${t2.problemsButtonTitle}" data-severity="${this.getProblemsTopSeverity()}" data-has-problems="${this.problems.length > 0 ? "true" : "false"}">
+		            <button class="header-pill-button problems" id="header-problems-toggle" title="${t2.problemsButtonTitle}" aria-label="${t2.problemsButtonTitle}" data-severity="${this.getProblemsTopSeverity()}" data-has-problems="${this.problems.length > 0 ? "true" : "false"}">
 		              <span class="icon-mask app-icon-warning" aria-hidden="true"></span>
 		              <span class="problems-count">${String(this.problems.length)}</span>
 		            </button>
@@ -114863,36 +114997,36 @@ ${uiLanguageButtonTooltip}">
           </aside>
 
           <main class="content-area">
-            <div class="toolbar">
-              <div class="toolbar-left">
+            <div class="navibar">
+              <div class="navibar-left">
                 <button class="icon-button" id="new-dialog-btn" title="${t2.newDialogTitle}" aria-label="${t2.newDialogTitle}">
                   <span class="icon-mask app-icon-plus" aria-hidden="true"></span>
                 </button>
                 <div id="current-dialog-title">${t2.currentDialogPlaceholder}</div>
               </div>
               <div style="flex: 1;"></div>
-              <button class="icon-button" id="toolbar-save-priming" title="${t2.primingSaveButtonTitle}" aria-label="${t2.primingSaveButtonTitle}" ${this.currentDialog ? "" : "disabled"}>
+              <button class="icon-button" id="navibar-save-priming" title="${t2.primingSaveButtonTitle}" aria-label="${t2.primingSaveButtonTitle}" ${this.currentDialog ? "" : "disabled"}>
                 <span class="icon-mask app-icon-save" aria-hidden="true"></span>
               </button>
-	              <div id="course-nav">
-	                <button class="icon-button" id="toolbar-prev" ${this.toolbarCurrentCourse > 1 ? "" : "disabled"} aria-label="${t2.previousCourse}">
+	              <div id="course-navi">
+	                <button class="icon-button" id="course-navi-prev" ${this.toolbarCurrentCourse > 1 ? "" : "disabled"} aria-label="${t2.previousCourse}">
 	                  <span class="icon-mask app-icon-prev" aria-hidden="true"></span>
 	                </button>
-	              <span style="margin: 0 8px; min-width: 28px; display:inline-block; text-align:center;">C ${this.toolbarCurrentCourse}</span>
-	              <button class="icon-button" id="toolbar-next" ${this.toolbarCurrentCourse < this.toolbarTotalCourses ? "" : "disabled"} aria-label="${t2.nextCourse}">
-	                <span class="icon-mask app-icon-next" aria-hidden="true"></span>
-	              </button>
+                  <span style="margin: 0 8px; min-width: 28px; display:inline-block; text-align:center;">C ${this.toolbarCurrentCourse}</span>
+                  <button class="icon-button" id="course-navi-next" ${this.toolbarCurrentCourse < this.toolbarTotalCourses ? "" : "disabled"} aria-label="${t2.nextCourse}">
+                    <span class="icon-mask app-icon-next" aria-hidden="true"></span>
+                  </button>
 		            </div>
-                <div id="toolbar-context-health-wrap" style="position: relative; margin-left: 12px;">
-	              <div class="badge-button" id="toolbar-context-health" data-level="unknown" aria-label="${contextUsageTitle}" style="">${this.renderContextUsageIcon(this.toolbarContextHealth)}</div>
-                  <div class="toolbar-tooltip" id="toolbar-context-health-tooltip">${contextUsageTooltipText}</div>
+                <div id="navibar-context-health-wrap" style="position: relative; margin-left: 12px;">
+	              <div class="badge-button" id="navibar-context-health" data-level="unknown" aria-label="${contextUsageTitle}" style="">${this.renderContextUsageIcon(this.toolbarContextHealth)}</div>
+                  <div class="navibar-tooltip" id="navibar-context-health-tooltip">${contextUsageTooltipText}</div>
                 </div>
 		          <div id="reminders-callout" style="position: relative; margin-left: 12px;">
-		            <button class="badge-button" id="toolbar-reminders-toggle" aria-label="${t2.reminders}">
+		            <button class="badge-button" id="navibar-reminders-toggle" aria-label="${t2.reminders}">
 		              <span class="icon-mask app-icon-bookmark" aria-hidden="true"></span>
 		              <span class="reminders-count">${String(this.toolbarReminders.length)}</span>
 		            </button>
-	            <button class="icon-button" id="toolbar-reminders-refresh" title="${t2.refreshReminders}" aria-label="${t2.refreshReminders}" style="margin-left:6px;">
+	            <button class="icon-button" id="navibar-reminders-refresh" title="${t2.refreshReminders}" aria-label="${t2.refreshReminders}" style="margin-left:6px;">
               <span class="icon-mask app-icon-refresh" aria-hidden="true"></span>
             </button>
           </div>
@@ -114912,7 +115046,7 @@ ${uiLanguageButtonTooltip}">
                 ${this.toolbarReminders.length === 0 ? `<div style="color: var(--dominds-muted); font-style: italic; text-align: center; padding: 12px;">${t2.noReminders}</div>` : '<div class="reminders-widget-content"></div>'}
               </div>
 	              <div id="reminders-widget-resize-handle" aria-hidden="true" style="position:absolute; left:8px; bottom:8px; width:14px; height:14px; display:flex; align-items:center; justify-content:center; cursor:nesw-resize; color: var(--dominds-muted, #64748b); opacity:0.72;">
-	                <span class="icon-mask app-icon-resize-diagonal" aria-hidden="true"></span>
+	                <span class="icon-mask app-icon-resize-corner-bottom-left" aria-hidden="true"></span>
 	              </div>
             </div>
             ` : ""}
@@ -115294,9 +115428,9 @@ ${content}`;
       if (!(target instanceof Element)) return;
       const button = target.closest("button");
       if (!(button instanceof HTMLButtonElement)) return;
-      if (button.id === "toolbar-emergency-stop") {
+      if (button.id === "header-emergency-stop") {
         captureKeyboardCountSnapshot(button, this.proceedingDialogsCount);
-      } else if (button.id === "toolbar-resume-all") {
+      } else if (button.id === "header-resume-all") {
         captureKeyboardCountSnapshot(button, this.resumableDialogsCount);
       }
     });
@@ -115307,7 +115441,7 @@ ${content}`;
         void this.openCreateDialogFlow({ source: "toolbar" });
         return;
       }
-      const savePrimingBtn = target.closest("#toolbar-save-priming");
+      const savePrimingBtn = target.closest("#navibar-save-priming");
       if (savePrimingBtn) {
         await this.saveCurrentCourseAsPrimingScript();
         return;
@@ -115354,7 +115488,7 @@ ${content}`;
         void this.loadToolsRegistry();
         return;
       }
-      const prevBtn = target.closest("#toolbar-prev");
+      const prevBtn = target.closest("#course-navi-prev");
       if (prevBtn) {
         if (this.toolbarCurrentCourse > 1) {
           const dc = this.shadowRoot?.querySelector(
@@ -115368,7 +115502,7 @@ ${content}`;
         }
         return;
       }
-      const nextBtn = target.closest("#toolbar-next");
+      const nextBtn = target.closest("#course-navi-next");
       if (nextBtn) {
         if (this.toolbarCurrentCourse < this.toolbarTotalCourses) {
           const dc = this.shadowRoot?.querySelector(
@@ -115385,7 +115519,7 @@ ${content}`;
         }
         return;
       }
-      const problemsToggle = target.closest("#toolbar-problems-toggle");
+      const problemsToggle = target.closest("#header-problems-toggle");
       if (problemsToggle) {
         this.problemsPanelOpen = !this.problemsPanelOpen;
         if (this.problemsPanelOpen) {
@@ -115405,12 +115539,12 @@ ${content}`;
         this.wsManager.sendRaw({ type: "get_problems" });
         return;
       }
-      const remToggle = target.closest("#toolbar-reminders-toggle");
+      const remToggle = target.closest("#navibar-reminders-toggle");
       if (remToggle) {
         this.toggleRemindersWidget();
         return;
       }
-      const remRefresh = target.closest("#toolbar-reminders-refresh");
+      const remRefresh = target.closest("#navibar-reminders-refresh");
       if (remRefresh) {
         if (this.currentDialog && this.currentDialog.selfId && this.currentDialog.rootId) {
           this.wsManager.sendRaw({
@@ -115420,9 +115554,7 @@ ${content}`;
         }
         return;
       }
-      const emergencyStopBtn = target.closest(
-        "#toolbar-emergency-stop"
-      );
+      const emergencyStopBtn = target.closest("#header-emergency-stop");
       if (emergencyStopBtn) {
         const t2 = getUiStrings(this.uiLanguage);
         const proceedingCountSnapshot = readKeyboardCountSnapshot(emergencyStopBtn);
@@ -115437,7 +115569,7 @@ ${content}`;
         }
         return;
       }
-      const resumeAllBtn = target.closest("#toolbar-resume-all");
+      const resumeAllBtn = target.closest("#header-resume-all");
       if (resumeAllBtn) {
         const t2 = getUiStrings(this.uiLanguage);
         const resumableCountSnapshot = readKeyboardCountSnapshot(resumeAllBtn);
@@ -115495,11 +115627,11 @@ ${content}`;
    */
   updateToolbarCourseDisplay() {
     if (!this.shadowRoot) return;
-    const prev2 = this.shadowRoot.querySelector("#toolbar-prev");
-    const next2 = this.shadowRoot.querySelector("#toolbar-next");
+    const prev2 = this.shadowRoot.querySelector("#course-navi-prev");
+    const next2 = this.shadowRoot.querySelector("#course-navi-next");
     if (prev2) prev2.disabled = !(this.toolbarCurrentCourse > 1);
     if (next2) next2.disabled = !(this.toolbarCurrentCourse < this.toolbarTotalCourses);
-    const label = this.shadowRoot.querySelector("#course-nav span");
+    const label = this.shadowRoot.querySelector("#course-navi span");
     if (label) label.textContent = `C ${this.toolbarCurrentCourse}`;
   }
   /**
@@ -117643,7 +117775,7 @@ ${content}`;
   updateProblemsUi() {
     const sr = this.shadowRoot;
     if (!sr) return;
-    const btn = sr.querySelector("#toolbar-problems-toggle");
+    const btn = sr.querySelector("#header-problems-toggle");
     if (btn) {
       btn.setAttribute("data-severity", this.getProblemsTopSeverity());
       btn.setAttribute("data-has-problems", this.problems.length > 0 ? "true" : "false");
@@ -117927,11 +118059,11 @@ ${content}`;
         case "course_update": {
           this.toolbarCurrentCourse = message.course;
           this.toolbarTotalCourses = message.totalCourses;
-          const prevBtn = this.shadowRoot?.querySelector("#toolbar-prev");
-          const nextBtn = this.shadowRoot?.querySelector("#toolbar-next");
+          const prevBtn = this.shadowRoot?.querySelector("#course-navi-prev");
+          const nextBtn = this.shadowRoot?.querySelector("#course-navi-next");
           if (prevBtn) prevBtn.disabled = !(this.toolbarCurrentCourse > 1);
           if (nextBtn) nextBtn.disabled = !(this.toolbarCurrentCourse < this.toolbarTotalCourses);
-          const courseLabel = this.shadowRoot?.querySelector("#course-nav span");
+          const courseLabel = this.shadowRoot?.querySelector("#course-navi span");
           if (courseLabel) courseLabel.textContent = `C ${this.toolbarCurrentCourse}`;
           const latest = message.totalCourses;
           const input = this.q4hInput;
@@ -118279,7 +118411,7 @@ ${content}`;
    */
   updateReminderCountBadge() {
     const remBtnCount = this.shadowRoot?.querySelector(
-      "#toolbar-reminders-toggle .reminders-count"
+      "#navibar-reminders-toggle .reminders-count"
     );
     if (remBtnCount) {
       remBtnCount.textContent = String(this.toolbarReminders.length);
@@ -118324,7 +118456,7 @@ ${content}`;
     this.remindersWidgetVisible = !this.remindersWidgetVisible;
     const existing = this.shadowRoot?.querySelector("#reminders-widget");
     if (this.remindersWidgetVisible) {
-      const tb = this.shadowRoot?.querySelector(".toolbar");
+      const tb = this.shadowRoot?.querySelector(".navibar");
       const rect2 = tb ? tb.getBoundingClientRect() : { right: 340, bottom: 80 };
       const margin = 12;
       const maxX = Math.max(margin, window.innerWidth - this.remindersWidgetWidthPx - margin);
@@ -118366,7 +118498,7 @@ ${content}`;
           </div>
           <div id="reminders-widget-content" style="padding:8px 10px; overflow:auto; flex: 1 1 auto; min-height: 0;"></div>
 	          <div id="reminders-widget-resize-handle" aria-hidden="true" style="position:absolute; left:8px; bottom:8px; width:14px; height:14px; display:flex; align-items:center; justify-content:center; cursor:nesw-resize; color: var(--dominds-muted, #64748b); opacity:0.72;">
-	            <span class="icon-mask app-icon-resize-diagonal" aria-hidden="true"></span>
+	            <span class="icon-mask app-icon-resize-corner-bottom-left" aria-hidden="true"></span>
 	          </div>
         `;
         this.shadowRoot?.appendChild(widget);
@@ -118867,15 +118999,19 @@ const _DomindsConnectionStatus = class _DomindsConnectionStatus extends HTMLElem
         display: inline-flex;
         align-items: center;
         gap: 4px;
+        --status-text-optical-offset-y: -1px;
       }
 
       .status-container {
         display: flex;
         align-items: center;
         gap: 5px;
-        padding: 2px 8px;
-        border-radius: 12px;
+        height: 20px;
+        box-sizing: border-box;
+        padding: 0 9px;
+        border-radius: 10px;
         font-size: 9px;
+        line-height: 1;
         font-weight: 500;
         cursor: default;
         user-select: none;
@@ -118955,7 +119091,12 @@ const _DomindsConnectionStatus = class _DomindsConnectionStatus extends HTMLElem
       }
 
       .status-text {
+        display: inline-flex;
+        align-items: center;
+        height: 100%;
         font-weight: 500;
+        line-height: 1;
+        transform: translateY(var(--status-text-optical-offset-y));
         white-space: nowrap;
       }
 
@@ -120695,4 +120836,4 @@ export {
   clear$2 as y,
   defaultConfig2 as z
 };
-//# sourceMappingURL=index-DaZbrV-q.js.map
+//# sourceMappingURL=index-C7GGvXsN.js.map