dominds 1.2.1 → 1.2.3

package/dist/static/assets/{index-D31hl_lU.js → index-CQ_I7hKY.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-BbAmaR8b.js","assets/graph-D6Ri_Lai.js","assets/_baseUniq-DiywNHVu.js","assets/layout-B3qtQTBT.js","assets/_basePickBy-C12rN_vg.js","assets/clone-Bkbn_uYE.js","assets/cose-bilkent-S5V4N54A-B230TDgx.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-vPx0_Kf2.js","assets/chunk-TZMSLE5B-BHcJWc3E.js","assets/flowDiagram-NV44I4VS-DpaFCQTQ.js","assets/chunk-FMBD7UC4-DC-zfL1c.js","assets/chunk-55IACEB6-CQH0mRSP.js","assets/chunk-QN33PNHL-C66IkZZn.js","assets/channel-BcCx0X1y.js","assets/erDiagram-Q2GNP2WA-DQv8-O--.js","assets/gitGraphDiagram-V2S2FVAM-LxLKU9eL.js","assets/chunk-4BX2VUAB-w6hvr5cl.js","assets/chunk-QZHKN3VN-d4WcG1xf.js","assets/treemap-GDKQZRPO-X-s07uSN.js","assets/ganttDiagram-JELNMOA3-D6pED_Va.js","assets/linear-BTZ8JBi_.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-BYzHBAyb.js","assets/pieDiagram-ADFJNKIX-C5Mf9e0l.js","assets/arc-DrxUbN3H.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-CkNUJ3Ub.js","assets/xychartDiagram-PRI3JC2R-T1bVB0qG.js","assets/requirementDiagram-UZGBJVZJ-BfVnmLjx.js","assets/sequenceDiagram-WL72ISMW-DOcVymPT.js","assets/classDiagram-2ON5EDUG-DoVmhFsh.js","assets/chunk-B4BG7PRW-BFHlGl-B.js","assets/classDiagram-v2-WZHVMYZB-DoVmhFsh.js","assets/stateDiagram-FKZM4ZOC-BGnJdjGR.js","assets/chunk-DI55MBZ5-lr0iWako.js","assets/stateDiagram-v2-4FDKWEC3-u9ImkC3R.js","assets/journeyDiagram-XKPGCS4Q-D5y0L-2P.js","assets/timeline-definition-IT6M3QCI-RskBql3B.js","assets/mindmap-definition-VGOIOE7T-DswAPdTp.js","assets/kanban-definition-3W4ZIXB7-CYADGskW.js","assets/sankeyDiagram-TZEHDZUN-CI4ACQEi.js","assets/diagram-S2PKOQOG-CktmRCf3.js","assets/diagram-QEK2KX5R-G5_VO4V6.js","assets/blockDiagram-VD42YOAC-C7uhMHkq.js","assets/architectureDiagram-VXUJARFQ-ltWSc46G.js","assets/diagram-PSM6KHXK-BusGs3Z5.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-DT-v7sQa.js","assets/graph-CxY68Sol.js","assets/_baseUniq-DthoO01a.js","assets/layout-tnd5GmZZ.js","assets/_basePickBy-C8_nnsqi.js","assets/clone-BId_ID9_.js","assets/cose-bilkent-S5V4N54A-DTn26_9M.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-DzTsAXsE.js","assets/chunk-TZMSLE5B-HVG85V47.js","assets/flowDiagram-NV44I4VS-Dd0OzJaz.js","assets/chunk-FMBD7UC4-bq8JSud8.js","assets/chunk-55IACEB6-BnDlChYQ.js","assets/chunk-QN33PNHL-CYD7il1Z.js","assets/channel-Cezd8FHy.js","assets/erDiagram-Q2GNP2WA-DKt84Q0a.js","assets/gitGraphDiagram-V2S2FVAM-CF7YsjKj.js","assets/chunk-4BX2VUAB-CuA3QmqU.js","assets/chunk-QZHKN3VN-CG5BYWM5.js","assets/treemap-GDKQZRPO-Dfhg5Cue.js","assets/ganttDiagram-JELNMOA3-CE5vRk5V.js","assets/linear-Bc0HxlI-.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-BE1mGJrA.js","assets/pieDiagram-ADFJNKIX-D4hhjVcv.js","assets/arc-BDvn6pS2.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-Dhl1Zlbb.js","assets/xychartDiagram-PRI3JC2R-DukhTyEq.js","assets/requirementDiagram-UZGBJVZJ-BpFrD-ZM.js","assets/sequenceDiagram-WL72ISMW-Ct1SZHus.js","assets/classDiagram-2ON5EDUG-LradlCA-.js","assets/chunk-B4BG7PRW-Dur_RERC.js","assets/classDiagram-v2-WZHVMYZB-LradlCA-.js","assets/stateDiagram-FKZM4ZOC-DSkjMyzt.js","assets/chunk-DI55MBZ5-0kNIWuo8.js","assets/stateDiagram-v2-4FDKWEC3-CuGyb0XP.js","assets/journeyDiagram-XKPGCS4Q-BNFRYlil.js","assets/timeline-definition-IT6M3QCI-COcrpq5j.js","assets/mindmap-definition-VGOIOE7T-Bj0WEyYN.js","assets/kanban-definition-3W4ZIXB7-BsUJOCXn.js","assets/sankeyDiagram-TZEHDZUN-DpMkuZHq.js","assets/diagram-S2PKOQOG-CGjFk8eq.js","assets/diagram-QEK2KX5R-LT71KGg3.js","assets/blockDiagram-VD42YOAC-Dfna8BOv.js","assets/architectureDiagram-VXUJARFQ-DbrcqAVO.js","assets/diagram-PSM6KHXK-msf6GUZs.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>'
@@ -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>'
@@ -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;
@@ -3378,7 +3408,7 @@ class CreateDialogFlowController {
               </select>
             </div>
           </div>
-          <div class="form-group form-group-vertical shadow-members-group" id="shadow-members-group" style="${initialPickShadow ? "" : "display:none;"}">
+          <div class="form-group form-group-vertical shadow-members-group${initialPickShadow ? "" : " hidden"}" id="shadow-members-group">
             <label for="shadow-teammate-select">${escapeHtml$2(t2.shadowMembersLabel)}</label>
             <select id="shadow-teammate-select" class="teammate-dropdown">
               ${shadowMembers.map((member) => {
@@ -3404,7 +3434,7 @@ class CreateDialogFlowController {
                 <span id="priming-show-in-ui-label">${escapeHtml$2(t2.primingShowInUiLabel)}</span>
               </label>
             </div>
-            <div id="priming-more-section" class="priming-more-section" style="display:none;">
+            <div id="priming-more-section" class="priming-more-section hidden">
               <input type="text" id="priming-search-input" class="task-doc-input" placeholder="${escapeHtml$2(
       t2.primingSearchPlaceholder
     )}" autocomplete="off">
@@ -3574,7 +3604,7 @@ class CreateDialogFlowController {
       return script.slug;
     };
     const setPrimingMoreVisible = (visible) => {
-      primingMoreSection.style.display = visible ? "block" : "none";
+      primingMoreSection.classList.toggle("hidden", !visible);
       if (!visible) {
         primingSearchSeq += 1;
         primingSearchTerm = "";
@@ -3619,7 +3649,7 @@ class CreateDialogFlowController {
     };
     const renderPrimingSearchResults = () => {
       const t2 = strings();
-      if (primingMoreSection.style.display === "none") {
+      if (primingMoreSection.classList.contains("hidden")) {
         primingSearchResults.innerHTML = "";
         return;
       }
@@ -3814,7 +3844,7 @@ class CreateDialogFlowController {
         hideSuggestions();
         return;
       }
-      if (primingMoreSection.style.display !== "none") {
+      if (!primingMoreSection.classList.contains("hidden")) {
         e2.preventDefault();
         setPrimingMoreVisible(false);
         renderPrimingSearchResults();
@@ -3870,7 +3900,7 @@ class CreateDialogFlowController {
     select2.addEventListener("change", () => {
       const isShadow = select2.value === "__shadow__";
       if (shadowGroup instanceof HTMLElement) {
-        shadowGroup.style.display = isShadow ? "block" : "none";
+        shadowGroup.classList.toggle("hidden", !isShadow);
       }
       showTeammateInfo(select2.value);
       void loadPrimingScriptsForSelectedAgent();
@@ -97319,12 +97349,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-BbAmaR8b.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-DT-v7sQa.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-B230TDgx.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-DTn26_9M.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-vPx0_Kf2.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-YG6GDRKO-DzTsAXsE.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-DpaFCQTQ.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-Dd0OzJaz.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-DpaFCQTQ.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-Dd0OzJaz.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-DQv8-O--.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q2GNP2WA-DKt84Q0a.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-LxLKU9eL.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-V2S2FVAM-CF7YsjKj.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-D6pED_Va.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-JELNMOA3-CE5vRk5V.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-BYzHBAyb.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-HS3SLOUP-BE1mGJrA.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-C5Mf9e0l.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-ADFJNKIX-D4hhjVcv.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-CkNUJ3Ub.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-AYHSOK5B-Dhl1Zlbb.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-T1bVB0qG.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-PRI3JC2R-DukhTyEq.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-BfVnmLjx.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-UZGBJVZJ-BpFrD-ZM.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-DOcVymPT.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-WL72ISMW-Ct1SZHus.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-DoVmhFsh.js");
+    const { diagram: diagram22 } = await import("./classDiagram-2ON5EDUG-LradlCA-.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-DoVmhFsh.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-WZHVMYZB-LradlCA-.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-BGnJdjGR.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-FKZM4ZOC-DSkjMyzt.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-u9ImkC3R.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-4FDKWEC3-CuGyb0XP.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-D5y0L-2P.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-XKPGCS4Q-BNFRYlil.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-DpaFCQTQ.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-Dd0OzJaz.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-RskBql3B.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-IT6M3QCI-COcrpq5j.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-DswAPdTp.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-VGOIOE7T-Bj0WEyYN.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-CYADGskW.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-3W4ZIXB7-BsUJOCXn.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-CI4ACQEi.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-TZEHDZUN-DpMkuZHq.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-CktmRCf3.js");
+    const { diagram: diagram22 } = await import("./diagram-S2PKOQOG-CGjFk8eq.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-G5_VO4V6.js");
+    const { diagram: diagram22 } = await import("./diagram-QEK2KX5R-LT71KGg3.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-C7uhMHkq.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-VD42YOAC-Dfna8BOv.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-ltWSc46G.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-VXUJARFQ-DbrcqAVO.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-BusGs3Z5.js");
+    const { diagram: diagram22 } = await import("./diagram-PSM6KHXK-msf6GUZs.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
   return { id: id27, diagram: diagram2 };
@@ -108138,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>';
@@ -108358,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)}"]`
@@ -108365,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", {
@@ -108383,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);
       }
     }
   }
@@ -108647,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;
@@ -109681,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>';
@@ -109936,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)}"]`
@@ -109943,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", {
@@ -109961,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);
       }
     }
   }
@@ -110441,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;
@@ -111506,6 +111596,12 @@ ${formatUiLanguageOptionLabel({
     }
     return this.shadowRoot?.querySelector("#dialog-container");
   }
+  applyRemindersWidgetGeometryStyle(widget) {
+    widget.style.setProperty("--reminders-widget-left", `${this.remindersWidgetX}px`);
+    widget.style.setProperty("--reminders-widget-top", `${this.remindersWidgetY}px`);
+    widget.style.setProperty("--reminders-widget-width", `${this.remindersWidgetWidthPx}px`);
+    widget.style.setProperty("--reminders-widget-height", `${this.remindersWidgetHeightPx}px`);
+  }
   setupRemindersWidgetDrag() {
     const widget = this.shadowRoot?.querySelector("#reminders-widget");
     const header = this.shadowRoot?.querySelector("#reminders-widget-header");
@@ -111531,10 +111627,7 @@ ${formatUiLanguageOptionLabel({
       const maxY = Math.max(margin, window.innerHeight - this.remindersWidgetHeightPx - margin);
       this.remindersWidgetX = clamp(this.remindersWidgetX, margin, maxX);
       this.remindersWidgetY = clamp(this.remindersWidgetY, margin, maxY);
-      widget.style.left = `${this.remindersWidgetX}px`;
-      widget.style.top = `${this.remindersWidgetY}px`;
-      widget.style.width = `${this.remindersWidgetWidthPx}px`;
-      widget.style.height = `${this.remindersWidgetHeightPx}px`;
+      this.applyRemindersWidgetGeometryStyle(widget);
     };
     const initialRect = widget.getBoundingClientRect();
     if (Number.isFinite(initialRect.width) && initialRect.width > 0) {
@@ -111786,7 +111879,7 @@ ${formatUiLanguageOptionLabel({
     const remBtnCount = this.shadowRoot?.querySelector(
       "#navibar-reminders-toggle .reminders-count"
     );
-    const courseLabel = this.shadowRoot?.querySelector("#course-navi span");
+    const courseLabel = this.shadowRoot?.querySelector("#course-navi-label");
     const stopCount = this.shadowRoot?.querySelector(
       "#header-emergency-stop-count"
     );
@@ -112493,6 +112586,7 @@ ${formatUiLanguageOptionLabel({
       #navibar-context-health-wrap {
         display: inline-flex;
         align-items: center;
+        position: relative;
       }
 
       #navibar-context-health-wrap .navibar-tooltip {
@@ -113254,6 +113348,14 @@ ${formatUiLanguageOptionLabel({
         min-width: 0;
       }
 
+      .navibar-spacer {
+        flex: 1;
+      }
+
+      .navibar-gap-left {
+        margin-left: 12px;
+      }
+
       #course-navi {
         display: flex;
         align-items: center;
@@ -113261,10 +113363,22 @@ ${formatUiLanguageOptionLabel({
         gap: 3px;
       }
 
+      .course-navi-label {
+        margin: 0 8px;
+        min-width: 28px;
+        display: inline-block;
+        text-align: center;
+      }
+
       #reminders-callout {
         display: flex;
         align-items: center;
         flex-shrink: 0;
+        position: relative;
+      }
+
+      .reminders-refresh-button {
+        margin-left: 6px;
       }
 
       .icon-button {
@@ -113991,6 +114105,12 @@ ${formatUiLanguageOptionLabel({
         line-height: 1.4;
       }
 
+      #auth-modal-error {
+        display: none;
+        color: var(--dominds-danger, #dc3545);
+        font-size: var(--dominds-font-size-md, 13px);
+      }
+
       .modal-backdrop {
         position: absolute;
         top: 0;
@@ -114568,9 +114688,70 @@ ${formatUiLanguageOptionLabel({
       }
 
       #reminders-widget {
+        position: fixed;
+        left: var(--reminders-widget-left, 12px);
+        top: var(--reminders-widget-top, 56px);
+        width: var(--reminders-widget-width, 360px);
+        height: var(--reminders-widget-height, 240px);
+        min-width: 260px;
+        min-height: 160px;
+        max-width: calc(100vw - 24px);
+        max-height: calc(100vh - 24px);
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        border: 1px solid var(--dominds-border, #e0e0e0);
+        background: var(--dominds-bg, #ffffff);
+        border-radius: 10px;
+        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+        z-index: var(--dominds-z-overlay-reminders);
         opacity: 0.92;
       }
 
+      .reminders-widget-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 8px;
+        padding: 8px 10px;
+        border-bottom: 1px solid var(--dominds-border, #e0e0e0);
+        cursor: grab;
+      }
+
+      .reminders-widget-header-main {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+
+      #reminders-widget-content {
+        padding: 8px 10px;
+        overflow: auto;
+        flex: 1 1 auto;
+        min-height: 0;
+      }
+
+      .reminders-widget-empty {
+        color: var(--dominds-muted, #666666);
+        font-style: italic;
+        text-align: center;
+        padding: 12px;
+      }
+
+      #reminders-widget-resize-handle {
+        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;
+      }
+
       /* Reminder widget items */
       .rem-item {
         display: flex;
@@ -114606,6 +114787,11 @@ ${formatUiLanguageOptionLabel({
         word-break: break-word;
       }
 
+      .rem-item-content-loading {
+        color: var(--dominds-muted, #666666);
+        font-style: italic;
+      }
+
       .rem-section {
         display: flex;
         flex-direction: column;
@@ -114914,7 +115100,7 @@ ${uiLanguageButtonTooltip}">
                 </button>
                 <div id="current-dialog-title">${t2.currentDialogPlaceholder}</div>
               </div>
-              <div style="flex: 1;"></div>
+              <div class="navibar-spacer"></div>
               <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>
@@ -114922,42 +115108,42 @@ ${uiLanguageButtonTooltip}">
 	                <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>
+                  <span id="course-navi-label" class="course-navi-label">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="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 id="navibar-context-health-wrap" class="navibar-gap-left">
+	              <div class="badge-button" id="navibar-context-health" data-level="unknown" aria-label="${contextUsageTitle}">${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;">
+		          <div id="reminders-callout" class="navibar-gap-left">
 		            <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="navibar-reminders-refresh" title="${t2.refreshReminders}" aria-label="${t2.refreshReminders}" style="margin-left:6px;">
+	            <button class="icon-button reminders-refresh-button" id="navibar-reminders-refresh" title="${t2.refreshReminders}" aria-label="${t2.refreshReminders}">
               <span class="icon-mask app-icon-refresh" aria-hidden="true"></span>
             </button>
           </div>
             </div>
             ${this.remindersWidgetVisible ? `
-            <div id="reminders-widget" style="position: fixed; left: ${this.remindersWidgetX}px; top: ${this.remindersWidgetY}px; width: ${this.remindersWidgetWidthPx}px; height: ${this.remindersWidgetHeightPx}px; min-width: 260px; min-height: 160px; max-width: calc(100vw - 24px); max-height: calc(100vh - 24px); overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--dominds-border); background: var(--dominds-bg); border-radius: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.2); z-index: var(--dominds-z-overlay-reminders);">
-              <div id="reminders-widget-header" style="display:flex; align-items:center; justify-content: space-between; gap:8px; padding:8px 10px; border-bottom: 1px solid var(--dominds-border); cursor: grab;">
-                <div style="display:flex; align-items:center; gap:8px;">
+            <div id="reminders-widget" style="--reminders-widget-left: ${this.remindersWidgetX}px; --reminders-widget-top: ${this.remindersWidgetY}px; --reminders-widget-width: ${this.remindersWidgetWidthPx}px; --reminders-widget-height: ${this.remindersWidgetHeightPx}px;">
+              <div id="reminders-widget-header" class="reminders-widget-header">
+                <div class="reminders-widget-header-main">
                   <span class="icon-mask app-icon-bookmark app-icon-16" aria-hidden="true"></span>
-                  <span>${formatRemindersTitle(this.uiLanguage, this.toolbarReminders.length)}</span>
+                  <span id="reminders-widget-title">${formatRemindersTitle(this.uiLanguage, this.toolbarReminders.length)}</span>
                 </div>
                 <button id="reminders-widget-close" class="icon-button" aria-label="${t2.close}">
                   <span class="icon-mask app-icon-close" aria-hidden="true"></span>
                 </button>
               </div>
-              <div id="reminders-widget-content" style="padding:8px 10px; overflow:auto; flex: 1 1 auto; min-height: 0;">
-                ${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 id="reminders-widget-content">
+                ${this.toolbarReminders.length === 0 ? `<div class="reminders-widget-empty">${t2.noReminders}</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-corner-bottom-left" aria-hidden="true"></span>
-	              </div>
+	              <div id="reminders-widget-resize-handle" aria-hidden="true">
+		                <span class="icon-mask app-icon-resize-corner-bottom-left" aria-hidden="true"></span>
+		              </div>
             </div>
             ` : ""}
 
@@ -115541,7 +115727,7 @@ ${content}`;
     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-navi span");
+    const label = this.shadowRoot.querySelector("#course-navi-label");
     if (label) label.textContent = `C ${this.toolbarCurrentCourse}`;
   }
   /**
@@ -116503,7 +116689,7 @@ ${content}`;
             <label for="auth-key-input">${t2.authKeyLabel}</label>
             <input type="password" id="auth-key-input" class="task-doc-input" placeholder="${t2.authKeyPlaceholder}" autocomplete="off">
           </div>
-          <div class="form-group" id="auth-modal-error" style="display:none;color:var(--dominds-danger,#dc3545);font-size: var(--dominds-font-size-md, 13px);"></div>
+          <div class="form-group" id="auth-modal-error"></div>
         </div>
         <div class="modal-footer">
           <button class="btn btn-primary" id="auth-submit-btn">${t2.connect}</button>
@@ -117382,40 +117568,7 @@ ${content}`;
   }
   showError(message, type2 = "error") {
     console.error(`[${type2.toUpperCase()}] ${message}`);
-    if (this.shadowRoot) {
-      const contentEl = this.shadowRoot.querySelector("#dialog-content");
-      if (contentEl) {
-        const iconClass = this.getToastIconClass(type2);
-        const color2 = type2 === "error" ? "var(--dominds-danger, #dc3545)" : type2 === "warning" ? "var(--dominds-warning, #ffc107)" : "var(--dominds-info, #007bff)";
-        contentEl.innerHTML = `
-          <div style="
-            padding: 20px; 
-            margin: 20px; 
-            border-radius: 8px; 
-            background: ${type2 === "error" ? "var(--dominds-danger-bg, #f8d7da)" : type2 === "warning" ? "var(--dominds-warning-bg, #fff3cd)" : "var(--dominds-info-bg, #cce7ff)"};
-            border: 1px solid ${type2 === "error" ? "var(--dominds-danger-border, #f5c6cb)" : type2 === "warning" ? "var(--dominds-warning-border, #ffeaa7)" : "var(--dominds-info-border, #99d1ff)"};
-            color: ${color2};
-          ">
-            <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
-              <span class="icon-mask ${iconClass}" aria-hidden="true" style="width: 14px; height: 14px;"></span>
-              <strong>${type2 === "error" ? "Error" : type2 === "warning" ? "Warning" : "Info"}</strong>
-            </div>
-            <div>${message}</div>
-            ${type2 !== "info" ? `<div style="margin-top: 12px;">
-              <button onclick="this.parentElement.parentElement.remove()" style="
-                padding: 6px 12px;
-                border: none;
-                border-radius: 4px;
-                background: ${color2};
-                color: white;
-                cursor: pointer;
-                font-size: var(--dominds-font-size-sm, 12px);
-              ">Dismiss</button>
-            </div>` : ""}
-          </div>
-        `;
-      }
-    }
+    this.showToast(message, type2);
   }
   showSuccess(message) {
     this.showToast(message, "info", { history: "skip" });
@@ -117973,7 +118126,7 @@ ${content}`;
           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-navi span");
+          const courseLabel = this.shadowRoot?.querySelector("#course-navi-label");
           if (courseLabel) courseLabel.textContent = `C ${this.toolbarCurrentCourse}`;
           const latest = message.totalCourses;
           const input = this.q4hInput;
@@ -118327,14 +118480,6 @@ ${content}`;
       remBtnCount.textContent = String(this.toolbarReminders.length);
     }
     if (this.remindersWidgetVisible) {
-      const widgetHeaders = this.shadowRoot?.querySelectorAll(
-        "#reminders-widget-header span, .reminders-widget-header span"
-      );
-      if (widgetHeaders && widgetHeaders.length > 0) {
-        widgetHeaders.forEach((header) => {
-          header.textContent = formatRemindersTitle(this.uiLanguage, this.toolbarReminders.length);
-        });
-      }
       this.renderRemindersWidget();
     }
   }
@@ -118376,42 +118521,30 @@ ${content}`;
         Math.min(maxX, Math.floor(rect2.right - this.remindersWidgetWidthPx - 8))
       );
       this.remindersWidgetY = Math.max(margin, Math.min(maxY, Math.floor(rect2.bottom + 8)));
-      if (!existing) {
-        const widget = document.createElement("div");
-        widget.id = "reminders-widget";
-        widget.style.position = "fixed";
-        widget.style.left = `${this.remindersWidgetX}px`;
-        widget.style.top = `${this.remindersWidgetY}px`;
-        widget.style.width = `${this.remindersWidgetWidthPx}px`;
-        widget.style.height = `${this.remindersWidgetHeightPx}px`;
-        widget.style.minWidth = "260px";
-        widget.style.minHeight = "160px";
-        widget.style.maxWidth = "calc(100vw - 24px)";
-        widget.style.maxHeight = "calc(100vh - 24px)";
-        widget.style.overflow = "hidden";
-        widget.style.display = "flex";
-        widget.style.flexDirection = "column";
-        widget.style.border = "1px solid var(--dominds-border)";
-        widget.style.background = "var(--dominds-bg)";
-        widget.style.borderRadius = "10px";
-        widget.style.boxShadow = "0 8px 16px rgba(0,0,0,0.2)";
-        widget.style.zIndex = "2000";
-        widget.innerHTML = `
-          <div id="reminders-widget-header" style="display:flex; align-items:center; justify-content: space-between; gap:8px; padding:8px 10px; border-bottom: 1px solid var(--dominds-border); cursor: grab;">
-            <div style="display:flex; align-items:center; gap:8px;">
+      let widget = existing;
+      if (!widget) {
+        const created = document.createElement("div");
+        created.id = "reminders-widget";
+        created.innerHTML = `
+          <div id="reminders-widget-header" class="reminders-widget-header">
+            <div class="reminders-widget-header-main">
               <span class="icon-mask app-icon-bookmark app-icon-16" aria-hidden="true"></span>
-              <span>${formatRemindersTitle(this.uiLanguage, this.toolbarReminders.length)}</span>
+              <span id="reminders-widget-title">${formatRemindersTitle(this.uiLanguage, this.toolbarReminders.length)}</span>
             </div>
             <button id="reminders-widget-close" class="icon-button" aria-label="${t2.close}">
               <span class="icon-mask app-icon-close" aria-hidden="true"></span>
             </button>
           </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-corner-bottom-left" aria-hidden="true"></span>
-	          </div>
+          <div id="reminders-widget-content"></div>
+	          <div id="reminders-widget-resize-handle" aria-hidden="true">
+		            <span class="icon-mask app-icon-resize-corner-bottom-left" aria-hidden="true"></span>
+			          </div>
         `;
-        this.shadowRoot?.appendChild(widget);
+        this.shadowRoot?.appendChild(created);
+        widget = created;
+      }
+      if (widget) {
+        this.applyRemindersWidgetGeometryStyle(widget);
       }
       this.renderRemindersWidget();
       this.setupRemindersWidgetDrag();
@@ -118425,32 +118558,30 @@ ${content}`;
    */
   renderRemindersWidget() {
     if (!this.remindersWidgetVisible) return;
-    const widgetContents = this.shadowRoot?.querySelectorAll(
-      "#reminders-widget-content, .reminders-widget-content"
+    const widgetContent = this.shadowRoot?.querySelector(
+      "#reminders-widget-content"
     );
-    const widgetHeaders = this.shadowRoot?.querySelectorAll(
-      "#reminders-widget-header span, .reminders-widget-header span"
+    const widgetTitle = this.shadowRoot?.querySelector(
+      "#reminders-widget-title"
     );
-    if (!widgetContents || widgetContents.length === 0) {
-      console.warn("No reminders widget content containers found");
+    if (!widgetContent) {
+      console.warn("No reminders widget content container found");
       return;
     }
-    if (widgetHeaders && widgetHeaders.length > 0) {
-      widgetHeaders.forEach((header) => {
-        header.textContent = formatRemindersTitle(this.uiLanguage, this.toolbarReminders.length);
-      });
+    if (widgetTitle) {
+      widgetTitle.textContent = formatRemindersTitle(this.uiLanguage, this.toolbarReminders.length);
     }
     const numberedReminders = this.toolbarReminders.filter((r2) => r2 && r2.echoback !== false);
     const virtualReminders = this.toolbarReminders.filter((r2) => r2 && r2.echoback === false);
     let contentHTML = "";
     if (numberedReminders.length === 0 && virtualReminders.length === 0) {
       const t2 = getUiStrings(this.uiLanguage);
-      contentHTML = `<div style="color: var(--dominds-muted); font-style: italic; text-align: center; padding: 12px;">${t2.noReminders}</div>`;
+      contentHTML = `<div class="reminders-widget-empty">${t2.noReminders}</div>`;
     } else {
       const t2 = getUiStrings(this.uiLanguage);
       const numberedItems = numberedReminders.map((r2, i2) => {
         if (!r2 || !r2.content) {
-          return `<div class="rem-item"><div class="rem-item-number">${i2 + 1}.</div><div class="rem-item-content" style="color: var(--dominds-muted); font-style: italic;">${t2.loading}</div></div>`;
+          return `<div class="rem-item"><div class="rem-item-number">${i2 + 1}.</div><div class="rem-item-content rem-item-content-loading">${t2.loading}</div></div>`;
         }
         const reminderNo = typeof r2.reminder_no === "number" && Number.isInteger(r2.reminder_no) && r2.reminder_no > 0 ? r2.reminder_no : i2 + 1;
         const displayContent = this.formatReminderDisplayContent(r2.content, r2.meta);
@@ -118458,7 +118589,7 @@ ${content}`;
       }).join("");
       const virtualItemsArray = virtualReminders.map((r2) => {
         if (!r2 || !r2.content) {
-          return `<div class="rem-item rem-item-virtual"><div class="rem-item-content" style="color: var(--dominds-muted); font-style: italic;">${t2.loading}</div></div>`;
+          return `<div class="rem-item rem-item-virtual"><div class="rem-item-content rem-item-content-loading">${t2.loading}</div></div>`;
         }
         const meta = r2.meta && typeof r2.meta === "object" ? r2.meta : void 0;
         const kind = typeof meta?.kind === "string" ? meta.kind : "";
@@ -118481,9 +118612,7 @@ ${content}`;
       }
       contentHTML = sections.join("");
     }
-    widgetContents.forEach((widgetContent, index) => {
-      widgetContent.innerHTML = contentHTML;
-    });
+    widgetContent.innerHTML = contentHTML;
   }
   formatReminderDisplayContent(content, meta) {
     if (!meta) {
@@ -120039,9 +120168,9 @@ class DomindsSetup extends HTMLElement {
         <div class="section-title">${escapeHtml(t2.setupTeamTitle)}</div>
         ${parseError ? `<div class="error">${escapeHtml(parseError)}</div>` : ""}
 
-        <div class="subcard" style="margin-top:12px;">
+        <div class="subcard mt-12">
           <div class="subcard-title">${escapeHtml(t2.setupMemberDefaultsTitle)}</div>
-          <div class="fields" style="margin-top:8px;">
+          <div class="fields mt-8">
             <div class="field">
               <div class="field-title">${escapeHtml(t2.teamMembersProviderLabel)}</div>
               <select id="provider-select" class="select">${providerSelectOptions}</select>
@@ -120054,9 +120183,9 @@ class DomindsSetup extends HTMLElement {
           ${prominentForm}
         </div>
 
-        <pre class="code" style="margin-top:12px;">${snippet2}</pre>
+        <pre class="code mt-12">${snippet2}</pre>
 
-        <div class="row" style="margin-top:10px;">
+        <div class="row mt-10">
           <div class="muted">${this.renderTeamAfterWriteHint(teamPath, t2)}</div>
           <div class="spacer"></div>
           <button id="copy-team-snippet" class="${writeButtonClass}" ${writeDisabled}>${escapeHtml(
@@ -120146,16 +120275,16 @@ class DomindsSetup extends HTMLElement {
             `;
       }).join("");
       return `
-          <div class="subcard nested" style="margin-top:10px;">
+          <div class="subcard nested mt-10">
             <div class="subcard-title">${escapeHtml(this.formatModelParamNamespaceTitle(ns))}</div>
             ${rows}
           </div>
         `;
     }).join("");
     const hint = t2.setupTeamModelParamsHint.trim();
-    const hintHtml = hint === "" ? "" : `<div class="muted" style="margin-top:4px;">${escapeHtml(hint)}</div>`;
+    const hintHtml = hint === "" ? "" : `<div class="muted mt-4">${escapeHtml(hint)}</div>`;
     return `
-      <div class="subcard" style="margin-top:10px;">
+      <div class="subcard mt-10">
         <div class="subcard-title">${escapeHtml(t2.setupModelParamsTitle)}</div>
         ${hintHtml}
         ${sections}
@@ -120493,6 +120622,10 @@ class DomindsSetup extends HTMLElement {
       code{background:var(--color-bg-tertiary,#f1f5f9);border:1px solid var(--dominds-border-light,#e5e7eb);padding:1px 6px;border-radius:8px;}
 
       .code{background:var(--color-bg-tertiary,#f1f5f9);border:1px solid var(--dominds-border-light,#e5e7eb);border-radius:12px;padding:12px;overflow:auto;margin-top:10px;color:var(--dominds-fg,#333333);}
+      .mt-4{margin-top:4px;}
+      .mt-8{margin-top:8px;}
+      .mt-10{margin-top:10px;}
+      .mt-12{margin-top:12px;}
 
       .providers{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
       .provider-card{background:var(--dominds-bg-secondary,#ffffff);border:1px solid var(--dominds-border,#e0e0e0);border-radius:12px;padding:10px;}
@@ -120746,4 +120879,4 @@ export {
   clear$2 as y,
   defaultConfig2 as z
 };
-//# sourceMappingURL=index-D31hl_lU.js.map
+//# sourceMappingURL=index-CQ_I7hKY.js.map