dominds 1.2.2 → 1.2.4

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

@@ -1,4 +1,4 @@
-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]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-zF1TxR2b.js","assets/graph-CcuoS4cG.js","assets/_baseUniq-BDcVFZR0.js","assets/layout-D7-FKbaT.js","assets/_basePickBy-CupsMxbi.js","assets/clone-BbCzdf37.js","assets/cose-bilkent-S5V4N54A-EkgySXec.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-BwhzzgYq.js","assets/chunk-TZMSLE5B-BEqexZui.js","assets/flowDiagram-NV44I4VS-CLNKs4id.js","assets/chunk-FMBD7UC4-Dly3juUJ.js","assets/chunk-55IACEB6-CdrmLoJU.js","assets/chunk-QN33PNHL-BgEarQt4.js","assets/channel-fLVkm5NV.js","assets/erDiagram-Q2GNP2WA-SIbEeh3n.js","assets/gitGraphDiagram-V2S2FVAM-DqO129yJ.js","assets/chunk-4BX2VUAB-1D1VasqQ.js","assets/chunk-QZHKN3VN-DedC1KyN.js","assets/treemap-GDKQZRPO-pzngdrcL.js","assets/ganttDiagram-JELNMOA3-tFaNfSzJ.js","assets/linear-BuDfNBon.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-DJx03jNn.js","assets/pieDiagram-ADFJNKIX-BoZQsSD6.js","assets/arc-E_Wq3ZBA.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-DCwmFmS8.js","assets/xychartDiagram-PRI3JC2R-BfBVgrdy.js","assets/requirementDiagram-UZGBJVZJ-b103XjYN.js","assets/sequenceDiagram-WL72ISMW-DmmctZww.js","assets/classDiagram-2ON5EDUG-BrreExL9.js","assets/chunk-B4BG7PRW-BT6zSZ9C.js","assets/classDiagram-v2-WZHVMYZB-BrreExL9.js","assets/stateDiagram-FKZM4ZOC-rzlWUEGW.js","assets/chunk-DI55MBZ5-D2pGqzLg.js","assets/stateDiagram-v2-4FDKWEC3-kNazIMQu.js","assets/journeyDiagram-XKPGCS4Q-CKkr3KnL.js","assets/timeline-definition-IT6M3QCI-8Jf8mEk1.js","assets/mindmap-definition-VGOIOE7T-BDwLe04b.js","assets/kanban-definition-3W4ZIXB7-CbSqCiEs.js","assets/sankeyDiagram-TZEHDZUN-Dpa0Lvc2.js","assets/diagram-S2PKOQOG-DuYxXn1P.js","assets/diagram-QEK2KX5R-DT2Sl1-I.js","assets/blockDiagram-VD42YOAC-BLN9Y7a8.js","assets/architectureDiagram-VXUJARFQ-522n5Xxv.js","assets/diagram-PSM6KHXK-YfLDy7xM.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);
@@ -2458,7 +2458,7 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
                     <span class="dialog-title">${t2.missingRoot}</span>
                     <span class="dialog-meta-right">
                       <span class="dialog-count">${rootGroup.subdialogs.length}</span>
-                      <span class="dialog-status">${rootGroup.rootId}</span>
+                      <span class="dialog-id">${rootGroup.rootId}</span>
                     </span>
                   </div>
                 </div>
@@ -2673,7 +2673,7 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
         </div>
         <div class="dialog-row dialog-submeta">
           <span class="dialog-meta-right">
-            <span class="dialog-status">${dialogId}</span>
+            <span class="dialog-id">${dialogId}</span>
             <span class="dialog-time">${updatedAt}</span>
           </span>
         </div>
@@ -3217,15 +3217,30 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
         font-size: var(--dominds-font-size-md, 13px);
       }
 
-      .dialog-status {
+      .dialog-id {
         font-size: var(--dominds-font-size-xs, 11px);
-        color: var(--dominds-muted, #666666);
+        color: var(--dominds-dialog-id-color, var(--dominds-muted, #666666));
         letter-spacing: 0.02em;
+        font-family: var(
+          --dominds-dialog-id-font-family,
+          var(
+            --font-mono,
+            ui-monospace,
+            SFMono-Regular,
+            Menlo,
+            Monaco,
+            Consolas,
+            "Liberation Mono",
+            "Courier New",
+            monospace
+          )
+        );
       }
 
       .dialog-time {
         font-size: var(--dominds-font-size-xs, 11px);
         color: var(--dominds-muted, #888888);
+        font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
       }
 
       .dialog-topic {
@@ -3408,7 +3423,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) => {
@@ -3434,7 +3449,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">
@@ -3604,7 +3619,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 = "";
@@ -3649,7 +3664,7 @@ class CreateDialogFlowController {
     };
     const renderPrimingSearchResults = () => {
       const t2 = strings();
-      if (primingMoreSection.style.display === "none") {
+      if (primingMoreSection.classList.contains("hidden")) {
         primingSearchResults.innerHTML = "";
         return;
       }
@@ -3844,7 +3859,7 @@ class CreateDialogFlowController {
         hideSuggestions();
         return;
       }
-      if (primingMoreSection.style.display !== "none") {
+      if (!primingMoreSection.classList.contains("hidden")) {
         e2.preventDefault();
         setPrimingMoreVisible(false);
         renderPrimingSearchResults();
@@ -3900,7 +3915,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();
@@ -97349,12 +97364,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-BHifCt9p.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-zF1TxR2b.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-CKSd-S5D.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-EkgySXec.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
       }
     ]
   ]);
@@ -97794,7 +97809,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-BNaps1fE.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-YG6GDRKO-BwhzzgYq.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0);
   return { id, diagram: diagram2 };
@@ -97814,7 +97829,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-CrYpUFw1.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CLNKs4id.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id2, diagram: diagram2 };
@@ -97840,7 +97855,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-CrYpUFw1.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CLNKs4id.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id3, diagram: diagram2 };
@@ -97857,7 +97872,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-F2jSpkNt.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q2GNP2WA-SIbEeh3n.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0);
   return { id: id4, diagram: diagram2 };
@@ -97874,7 +97889,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-BTcTn4tl.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-V2S2FVAM-DqO129yJ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,2,4,5]) : void 0);
   return { id: id5, diagram: diagram2 };
@@ -97891,7 +97906,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-DQY5u9Ze.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-JELNMOA3-tFaNfSzJ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0);
   return { id: id6, diagram: diagram2 };
@@ -97908,7 +97923,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-j84UsjFK.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-HS3SLOUP-DJx03jNn.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,2,4,5]) : void 0);
   return { id: id7, diagram: diagram2 };
@@ -97924,7 +97939,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-Cti5HVOM.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-ADFJNKIX-BoZQsSD6.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([25,17,19,2,4,5,26,27,22]) : void 0);
   return { id: id8, diagram: diagram2 };
@@ -97940,7 +97955,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-B0OAfxmD.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-AYHSOK5B-DCwmFmS8.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0);
   return { id: id9, diagram: diagram2 };
@@ -97957,7 +97972,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-DAxjCTew.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-PRI3JC2R-BfBVgrdy.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0);
   return { id: id10, diagram: diagram2 };
@@ -97974,7 +97989,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-CPeIRtqh.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-UZGBJVZJ-b103XjYN.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0);
   return { id: id11, diagram: diagram2 };
@@ -97991,7 +98006,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-m6U3yEW-.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-WL72ISMW-DmmctZww.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0);
   return { id: id12, diagram: diagram2 };
@@ -98011,7 +98026,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-yuMDuQgZ.js");
+    const { diagram: diagram22 } = await import("./classDiagram-2ON5EDUG-BrreExL9.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,33,11,12,13]) : void 0);
   return { id: id13, diagram: diagram2 };
@@ -98031,7 +98046,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-yuMDuQgZ.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-WZHVMYZB-BrreExL9.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([34,33,11,12,13]) : void 0);
   return { id: id14, diagram: diagram2 };
@@ -98051,7 +98066,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-BNCJCpNL.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-FKZM4ZOC-rzlWUEGW.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0);
   return { id: id15, diagram: diagram2 };
@@ -98074,7 +98089,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-CWF7Dvei.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-4FDKWEC3-kNazIMQu.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0);
   return { id: id16, diagram: diagram2 };
@@ -98091,7 +98106,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-LpTOa9u5.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-XKPGCS4Q-CKkr3KnL.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,9,11,26]) : void 0);
   return { id: id17, diagram: diagram2 };
@@ -98161,7 +98176,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-CrYpUFw1.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CLNKs4id.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id18, diagram: diagram2 };
@@ -98178,7 +98193,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-BSUCVPxZ.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-IT6M3QCI-8Jf8mEk1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0);
   return { id: id19, diagram: diagram2 };
@@ -98195,7 +98210,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-V2O8OFEc.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-VGOIOE7T-BDwLe04b.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0);
   return { id: id20, diagram: diagram2 };
@@ -98212,7 +98227,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-DbIGVEaG.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-3W4ZIXB7-CbSqCiEs.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0);
   return { id: id21, diagram: diagram2 };
@@ -98229,7 +98244,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-JMb8RTtf.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-TZEHDZUN-Dpa0Lvc2.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0);
   return { id: id22, diagram: diagram2 };
@@ -98246,7 +98261,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-CdCIx2zt.js");
+    const { diagram: diagram22 } = await import("./diagram-S2PKOQOG-DuYxXn1P.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,2,4,5]) : void 0);
   return { id: id23, diagram: diagram2 };
@@ -98262,7 +98277,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-C9JmrkfX.js");
+    const { diagram: diagram22 } = await import("./diagram-QEK2KX5R-DT2Sl1-I.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,2,4,5]) : void 0);
   return { id: id24, diagram: diagram2 };
@@ -98278,7 +98293,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-QMgggZ9X.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-VD42YOAC-BLN9Y7a8.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,2,1,14]) : void 0);
   return { id: id25, diagram: diagram2 };
@@ -98295,7 +98310,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-IT2HXpTY.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-VXUJARFQ-522n5Xxv.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,19,2,4,5,7]) : void 0);
   return { id: id26, diagram: diagram2 };
@@ -98312,7 +98327,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-D1Yw5CAn.js");
+    const { diagram: diagram22 } = await import("./diagram-PSM6KHXK-YfLDy7xM.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
   return { id: id27, diagram: diagram2 };
@@ -103427,7 +103442,21 @@ ${event.content}`;
         font-size: var(--dominds-font-size-md, 13px);
         color: var(--dominds-fg, var(--color-fg-primary, #333));
       }
-      .content-area .timestamp { font-size: var(--dominds-font-size-sm, 12px); color: var(--dominds-muted, var(--color-fg-tertiary, #64748b)); }
+      .content-area .timestamp {
+        font-size: var(--dominds-font-size-sm, 12px);
+        color: var(--dominds-muted, var(--color-fg-tertiary, #64748b));
+        font-family: var(
+          --font-mono,
+          ui-monospace,
+          SFMono-Regular,
+          Menlo,
+          Monaco,
+          Consolas,
+          "Liberation Mono",
+          "Courier New",
+          monospace
+        );
+      }
       .content { 
         font-size: var(--dominds-font-size-base, 14px);
         line-height: var(--dominds-line-height-dense, 1.4); 
@@ -103440,6 +103469,17 @@ ${event.content}`;
         font-size: var(--dominds-font-size-sm, 12px); 
         color: var(--dominds-muted, var(--color-fg-tertiary, #64748b)); 
         margin-top: 4px; 
+        font-family: var(
+          --font-mono,
+          ui-monospace,
+          SFMono-Regular,
+          Menlo,
+          Monaco,
+          Consolas,
+          "Liberation Mono",
+          "Courier New",
+          monospace
+        );
       }
       /* Removed welcome placeholder to avoid initial blank height issues */
       
@@ -105614,12 +105654,34 @@ class DomindsQ4HPanel extends HTMLElement {
 
       .q4h-question-origin-id {
         white-space: nowrap;
+        font-family: var(
+          --font-mono,
+          ui-monospace,
+          SFMono-Regular,
+          Menlo,
+          Monaco,
+          Consolas,
+          "Liberation Mono",
+          "Courier New",
+          monospace
+        );
       }
 
       .q4h-question-origin-asked-at {
         color: var(--color-fg-tertiary, #64748b);
         font-weight: 500;
         white-space: nowrap;
+        font-family: var(
+          --font-mono,
+          ui-monospace,
+          SFMono-Regular,
+          Menlo,
+          Monaco,
+          Consolas,
+          "Liberation Mono",
+          "Courier New",
+          monospace
+        );
       }
 
       .q4h-question-origin-sep {
@@ -108034,7 +108096,7 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
                     <span class="dialog-title">${t2.missingRoot}</span>
                     <span class="dialog-meta-right">
                       <span class="dialog-count">${rootGroup.subdialogs.length}</span>
-                      <span class="dialog-status">${rootGroup.rootId}</span>
+                      <span class="dialog-id">${rootGroup.rootId}</span>
                     </span>
                   </div>
                 </div>
@@ -108258,7 +108320,7 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
         </div>
         <div class="dialog-row dialog-submeta">
           <span class="dialog-meta-right">
-            <span class="dialog-status">${dialogId}</span>
+            <span class="dialog-id">${dialogId}</span>
             <span class="dialog-time">${updatedAt}</span>
           </span>
         </div>
@@ -108806,15 +108868,30 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
         font-size: var(--dominds-font-size-md, 13px);
       }
 
-      .dialog-status {
+      .dialog-id {
         font-size: var(--dominds-font-size-xs, 11px);
-        color: var(--dominds-muted, #666666);
+        color: var(--dominds-dialog-id-color, var(--dominds-muted, #666666));
         letter-spacing: 0.02em;
+        font-family: var(
+          --dominds-dialog-id-font-family,
+          var(
+            --font-mono,
+            ui-monospace,
+            SFMono-Regular,
+            Menlo,
+            Monaco,
+            Consolas,
+            "Liberation Mono",
+            "Courier New",
+            monospace
+          )
+        );
       }
 
       .dialog-time {
         font-size: var(--dominds-font-size-xs, 11px);
         color: var(--dominds-muted, #888888);
+        font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
       }
 
       .dialog-topic {
@@ -109484,7 +109561,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
                     <span class="dialog-title">${t2.missingRoot}</span>
                     <span class="dialog-meta-right">
                       <span class="dialog-count">${rootGroup.subdialogs.length}</span>
-                      <span class="dialog-status">${rootGroup.rootId}</span>
+                      <span class="dialog-id">${rootGroup.rootId}</span>
                     </span>
                   </div>
                 </div>
@@ -109829,7 +109906,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         </div>
         <div class="dialog-row dialog-submeta">
           <span class="dialog-meta-right">
-            <span class="dialog-status">${dialogId}</span>
+            <span class="dialog-id">${dialogId}</span>
             <span class="dialog-time">${updatedAt}</span>
           </span>
         </div>
@@ -109891,7 +109968,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
           <span class="dialog-title">@${dialog.agentId}</span>
           <span class="dialog-meta-right">
             ${badges}
-            <span class="dialog-status">${dialogId}</span>
+            <span class="dialog-id">${dialogId}</span>
             <span class="dialog-time">${updatedAt}</span>
           </span>
         </div>
@@ -110610,10 +110687,24 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         white-space: nowrap;
       }
 
-      .dialog-status {
+      .dialog-id {
         font-size: var(--dominds-font-size-xs, 11px);
-        color: var(--dominds-muted, #666666);
+        color: var(--dominds-dialog-id-color, var(--dominds-muted, #666666));
         letter-spacing: 0.02em;
+        font-family: var(
+          --dominds-dialog-id-font-family,
+          var(
+            --font-mono,
+            ui-monospace,
+            SFMono-Regular,
+            Menlo,
+            Monaco,
+            Consolas,
+            "Liberation Mono",
+            "Courier New",
+            monospace
+          )
+        );
       }
 
       .dialog-count {
@@ -110631,6 +110722,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
       .dialog-time {
         font-size: var(--dominds-font-size-xs, 11px);
         color: var(--dominds-muted, #888888);
+        font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
       }
 
       .dialog-subrow {
@@ -111596,6 +111688,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");
@@ -111621,10 +111719,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) {
@@ -111876,7 +111971,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"
     );
@@ -112583,6 +112678,7 @@ ${formatUiLanguageOptionLabel({
       #navibar-context-health-wrap {
         display: inline-flex;
         align-items: center;
+        position: relative;
       }
 
       #navibar-context-health-wrap .navibar-tooltip {
@@ -112728,6 +112824,20 @@ ${formatUiLanguageOptionLabel({
         white-space: nowrap;
       }
 
+      .problem-timestamp {
+        font-family: var(
+          --font-mono,
+          ui-monospace,
+          SFMono-Regular,
+          Menlo,
+          Monaco,
+          Consolas,
+          "Liberation Mono",
+          "Courier New",
+          monospace
+        );
+      }
+
       .problem-detail {
         margin-top: 4px;
         font-size: var(--dominds-font-size-sm, 12px);
@@ -113000,6 +113110,17 @@ ${formatUiLanguageOptionLabel({
 	        margin-top: 2px;
 	        color: var(--dominds-muted, #666666);
 	        font-size: var(--dominds-font-size-xs, 11px);
+          font-family: var(
+            --font-mono,
+            ui-monospace,
+            SFMono-Regular,
+            Menlo,
+            Monaco,
+            Consolas,
+            "Liberation Mono",
+            "Courier New",
+            monospace
+          );
 	      }
 
 	      .main-content {
@@ -113116,6 +113237,17 @@ ${formatUiLanguageOptionLabel({
         text-align: center;
         font-size: var(--dominds-font-size-sm, 12px);
         color: var(--dominds-muted, #666666);
+        font-family: var(
+          --font-mono,
+          ui-monospace,
+          SFMono-Regular,
+          Menlo,
+          Monaco,
+          Consolas,
+          "Liberation Mono",
+          "Courier New",
+          monospace
+        );
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -113344,6 +113476,14 @@ ${formatUiLanguageOptionLabel({
         min-width: 0;
       }
 
+      .navibar-spacer {
+        flex: 1;
+      }
+
+      .navibar-gap-left {
+        margin-left: 12px;
+      }
+
       #course-navi {
         display: flex;
         align-items: center;
@@ -113351,10 +113491,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 {
@@ -114081,6 +114233,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;
@@ -114367,6 +114525,17 @@ ${formatUiLanguageOptionLabel({
       .priming-search-ref {
         font-size: var(--dominds-font-size-sm, 12px);
         color: var(--dominds-muted, #666666);
+        font-family: var(
+          --font-mono,
+          ui-monospace,
+          SFMono-Regular,
+          Menlo,
+          Monaco,
+          Consolas,
+          "Liberation Mono",
+          "Courier New",
+          monospace
+        );
         overflow-wrap: anywhere;
       }
 
@@ -114460,6 +114629,17 @@ ${formatUiLanguageOptionLabel({
       .suggestion-path {
         font-size: var(--dominds-font-size-sm, 12px);
         color: var(--dominds-muted, #666666);
+        font-family: var(
+          --font-mono,
+          ui-monospace,
+          SFMono-Regular,
+          Menlo,
+          Monaco,
+          Consolas,
+          "Liberation Mono",
+          "Courier New",
+          monospace
+        );
         margin-bottom: 2px;
         word-break: break-all;
       }
@@ -114658,9 +114838,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;
@@ -114696,6 +114937,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;
@@ -115004,7 +115250,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>
@@ -115012,42 +115258,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>
             ` : ""}
 
@@ -115631,7 +115877,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}`;
   }
   /**
@@ -116593,7 +116839,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>
@@ -117472,40 +117718,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" });
@@ -117764,7 +117977,7 @@ ${content}`;
           <div class="problem-item" data-severity="${p2.severity}">
             <div class="problem-head">
               <div class="problem-message">${this.escapeHtml(p2.message)}</div>
-              <div class="problem-meta">${this.escapeHtml(p2.timestamp)}</div>
+              <div class="problem-meta problem-timestamp">${this.escapeHtml(p2.timestamp)}</div>
             </div>
             <div class="problem-detail">${this.escapeHtml(detailText)}</div>
           </div>
@@ -118063,7 +118276,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;
@@ -118417,14 +118630,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();
     }
   }
@@ -118466,42 +118671,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();
@@ -118515,32 +118708,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);
@@ -118548,7 +118739,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 : "";
@@ -118571,9 +118762,7 @@ ${content}`;
       }
       contentHTML = sections.join("");
     }
-    widgetContents.forEach((widgetContent, index) => {
-      widgetContent.innerHTML = contentHTML;
-    });
+    widgetContent.innerHTML = contentHTML;
   }
   formatReminderDisplayContent(content, meta) {
     if (!meta) {
@@ -120129,9 +120318,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>
@@ -120144,9 +120333,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(
@@ -120236,16 +120425,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}
@@ -120583,6 +120772,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;}
@@ -120836,4 +121029,4 @@ export {
   clear$2 as y,
   defaultConfig2 as z
 };
-//# sourceMappingURL=index-C7GGvXsN.js.map
+//# sourceMappingURL=index-C6rZcGnP.js.map