dominds 1.2.3 → 1.2.5

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

@@ -1,4 +1,4 @@
-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]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-bhGzX6kO.js","assets/graph-DwrKSIE7.js","assets/_baseUniq-CxKv0cd4.js","assets/layout-D6uIxu1E.js","assets/_basePickBy-CF9r08iy.js","assets/clone-C-JULvnG.js","assets/cose-bilkent-S5V4N54A-vXCmi_eC.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-D49MGNdF.js","assets/chunk-TZMSLE5B-Bcuvqo45.js","assets/flowDiagram-NV44I4VS-aBmNMuQ0.js","assets/chunk-FMBD7UC4-DAjkhhUU.js","assets/chunk-55IACEB6-Dnl2HDTZ.js","assets/chunk-QN33PNHL-CK6TY7IE.js","assets/channel-B4KzL0Kg.js","assets/erDiagram-Q2GNP2WA-S3hR85On.js","assets/gitGraphDiagram-V2S2FVAM-DEOBCM0G.js","assets/chunk-4BX2VUAB-0F-1ayl0.js","assets/chunk-QZHKN3VN-CketngiE.js","assets/treemap-GDKQZRPO-BoOzOm2j.js","assets/ganttDiagram-JELNMOA3-DJxXaiW1.js","assets/linear-CvBOGQA2.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-BH9kVuYd.js","assets/pieDiagram-ADFJNKIX-CdVZjM8g.js","assets/arc-C9JyvnlB.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-A6m5lZKd.js","assets/xychartDiagram-PRI3JC2R-C_h3_ICR.js","assets/requirementDiagram-UZGBJVZJ-Cac3zSJH.js","assets/sequenceDiagram-WL72ISMW-Domsjl5Y.js","assets/classDiagram-2ON5EDUG-CaP4T3r4.js","assets/chunk-B4BG7PRW-Bhx5RbkQ.js","assets/classDiagram-v2-WZHVMYZB-CaP4T3r4.js","assets/stateDiagram-FKZM4ZOC-Bu0lRQK1.js","assets/chunk-DI55MBZ5-EYd1wL3E.js","assets/stateDiagram-v2-4FDKWEC3-D0K-n3ic.js","assets/journeyDiagram-XKPGCS4Q-Dap7AcjR.js","assets/timeline-definition-IT6M3QCI-BGvpddwR.js","assets/mindmap-definition-VGOIOE7T-ugsrLNY5.js","assets/kanban-definition-3W4ZIXB7-4NOl8MEj.js","assets/sankeyDiagram-TZEHDZUN-DXDdUUl1.js","assets/diagram-S2PKOQOG-CjxkLHWG.js","assets/diagram-QEK2KX5R-DYlq3uFq.js","assets/blockDiagram-VD42YOAC-BA9vtmm7.js","assets/architectureDiagram-VXUJARFQ-CpcUgjHf.js","assets/diagram-PSM6KHXK-BUKfmfGk.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 {
@@ -3480,6 +3495,9 @@ class CreateDialogFlowController {
       return;
     }
     const strings = () => getUiStrings(this.deps.getLanguage());
+    const stripTaskdocSuffixForMatch = (value) => {
+      return value.endsWith(".tsk") ? value.slice(0, -4) : value;
+    };
     let createInFlight = false;
     let selectedSuggestionIndex = -1;
     let currentSuggestions = [];
@@ -3950,22 +3968,33 @@ class CreateDialogFlowController {
       setPrimingMoreVisible(false);
     });
     const updateSuggestions = (query) => {
-      const normalized = query.trim().toLowerCase();
+      const normalizedRaw = query.trim().toLowerCase();
+      if (!normalizedRaw) {
+        hideSuggestions();
+        return;
+      }
+      const normalized = stripTaskdocSuffixForMatch(normalizedRaw);
       if (!normalized) {
         hideSuggestions();
         return;
       }
-      currentSuggestions = this.deps.getTaskDocuments().filter(
-        (doc) => doc.relativePath.toLowerCase().includes(normalized) || doc.name.toLowerCase().includes(normalized)
-      ).map((doc) => ({
+      currentSuggestions = this.deps.getTaskDocuments().filter((doc) => {
+        const relativePathForMatch = stripTaskdocSuffixForMatch(doc.relativePath.toLowerCase());
+        const nameForMatch = stripTaskdocSuffixForMatch(doc.name.toLowerCase());
+        return relativePathForMatch.includes(normalized) || nameForMatch.includes(normalized);
+      }).map((doc) => ({
         ...doc,
-        _score: this.calculateSortScore(
-          doc.name.toLowerCase().includes(normalized),
-          doc.relativePath.toLowerCase().includes(normalized),
-          doc.name.toLowerCase().startsWith(normalized),
-          doc.relativePath.toLowerCase().startsWith(normalized),
-          doc.name.toLowerCase() === normalized
-        )
+        _score: (() => {
+          const relativePathForMatch = stripTaskdocSuffixForMatch(doc.relativePath.toLowerCase());
+          const nameForMatch = stripTaskdocSuffixForMatch(doc.name.toLowerCase());
+          return this.calculateSortScore(
+            nameForMatch.includes(normalized),
+            relativePathForMatch.includes(normalized),
+            nameForMatch.startsWith(normalized),
+            relativePathForMatch.startsWith(normalized),
+            nameForMatch === normalized
+          );
+        })()
       })).sort((a2, b2) => {
         if (a2._score !== b2._score) return b2._score - a2._score;
         if (a2.name.length !== b2.name.length) return a2.name.length - b2.name.length;
@@ -3978,11 +4007,13 @@ class CreateDialogFlowController {
         selectedSuggestionIndex = -1;
         return;
       }
-      suggestions.innerHTML = currentSuggestions.map(
-        (doc, index) => `<div class="suggestion ${index === selectedSuggestionIndex ? "selected" : ""}" data-index="${String(index)}"><div class="suggestion-path">${escapeHtml$2(
+      suggestions.innerHTML = currentSuggestions.map((doc, index) => {
+        const showName = doc.name.trim() !== "" && doc.name !== doc.relativePath;
+        const nameHtml = showName ? `<div class="suggestion-name">${escapeHtml$2(doc.name)}</div>` : "";
+        return `<div class="suggestion ${index === selectedSuggestionIndex ? "selected" : ""}" data-index="${String(index)}"><div class="suggestion-path">${escapeHtml$2(
           doc.relativePath
-        )}</div><div class="suggestion-name">${escapeHtml$2(doc.name)}</div></div>`
-      ).join("");
+        )}</div>${nameHtml}</div>`;
+      }).join("");
       suggestions.style.display = "block";
       selectedSuggestionIndex = -1;
     };
@@ -97349,12 +97380,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-DT-v7sQa.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-bhGzX6kO.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-DTn26_9M.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-vXCmi_eC.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
       }
     ]
   ]);
@@ -97794,7 +97825,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-DzTsAXsE.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-YG6GDRKO-D49MGNdF.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0);
   return { id, diagram: diagram2 };
@@ -97814,7 +97845,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-Dd0OzJaz.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-aBmNMuQ0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id2, diagram: diagram2 };
@@ -97840,7 +97871,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-Dd0OzJaz.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-aBmNMuQ0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id3, diagram: diagram2 };
@@ -97857,7 +97888,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-DKt84Q0a.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q2GNP2WA-S3hR85On.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0);
   return { id: id4, diagram: diagram2 };
@@ -97874,7 +97905,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-CF7YsjKj.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-V2S2FVAM-DEOBCM0G.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,2,4,5]) : void 0);
   return { id: id5, diagram: diagram2 };
@@ -97891,7 +97922,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-CE5vRk5V.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-JELNMOA3-DJxXaiW1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0);
   return { id: id6, diagram: diagram2 };
@@ -97908,7 +97939,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-BE1mGJrA.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-HS3SLOUP-BH9kVuYd.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,2,4,5]) : void 0);
   return { id: id7, diagram: diagram2 };
@@ -97924,7 +97955,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-D4hhjVcv.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-ADFJNKIX-CdVZjM8g.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 +97971,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-Dhl1Zlbb.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-AYHSOK5B-A6m5lZKd.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0);
   return { id: id9, diagram: diagram2 };
@@ -97957,7 +97988,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-DukhTyEq.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-PRI3JC2R-C_h3_ICR.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0);
   return { id: id10, diagram: diagram2 };
@@ -97974,7 +98005,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-BpFrD-ZM.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-UZGBJVZJ-Cac3zSJH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0);
   return { id: id11, diagram: diagram2 };
@@ -97991,7 +98022,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-Ct1SZHus.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-WL72ISMW-Domsjl5Y.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0);
   return { id: id12, diagram: diagram2 };
@@ -98011,7 +98042,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-LradlCA-.js");
+    const { diagram: diagram22 } = await import("./classDiagram-2ON5EDUG-CaP4T3r4.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,33,11,12,13]) : void 0);
   return { id: id13, diagram: diagram2 };
@@ -98031,7 +98062,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-LradlCA-.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-WZHVMYZB-CaP4T3r4.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([34,33,11,12,13]) : void 0);
   return { id: id14, diagram: diagram2 };
@@ -98051,7 +98082,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-DSkjMyzt.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-FKZM4ZOC-Bu0lRQK1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0);
   return { id: id15, diagram: diagram2 };
@@ -98074,7 +98105,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-CuGyb0XP.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-4FDKWEC3-D0K-n3ic.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0);
   return { id: id16, diagram: diagram2 };
@@ -98091,7 +98122,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-BNFRYlil.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-XKPGCS4Q-Dap7AcjR.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,9,11,26]) : void 0);
   return { id: id17, diagram: diagram2 };
@@ -98161,7 +98192,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-Dd0OzJaz.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-aBmNMuQ0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id18, diagram: diagram2 };
@@ -98178,7 +98209,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-COcrpq5j.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-IT6M3QCI-BGvpddwR.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0);
   return { id: id19, diagram: diagram2 };
@@ -98195,7 +98226,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-Bj0WEyYN.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-VGOIOE7T-ugsrLNY5.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0);
   return { id: id20, diagram: diagram2 };
@@ -98212,7 +98243,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-BsUJOCXn.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-3W4ZIXB7-4NOl8MEj.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0);
   return { id: id21, diagram: diagram2 };
@@ -98229,7 +98260,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-DpMkuZHq.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-TZEHDZUN-DXDdUUl1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0);
   return { id: id22, diagram: diagram2 };
@@ -98246,7 +98277,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-CGjFk8eq.js");
+    const { diagram: diagram22 } = await import("./diagram-S2PKOQOG-CjxkLHWG.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,2,4,5]) : void 0);
   return { id: id23, diagram: diagram2 };
@@ -98262,7 +98293,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-LT71KGg3.js");
+    const { diagram: diagram22 } = await import("./diagram-QEK2KX5R-DYlq3uFq.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,2,4,5]) : void 0);
   return { id: id24, diagram: diagram2 };
@@ -98278,7 +98309,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-Dfna8BOv.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-VD42YOAC-BA9vtmm7.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,2,1,14]) : void 0);
   return { id: id25, diagram: diagram2 };
@@ -98295,7 +98326,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-DbrcqAVO.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-VXUJARFQ-CpcUgjHf.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,19,2,4,5,7]) : void 0);
   return { id: id26, diagram: diagram2 };
@@ -98312,7 +98343,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-msf6GUZs.js");
+    const { diagram: diagram22 } = await import("./diagram-PSM6KHXK-BUKfmfGk.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
   return { id: id27, diagram: diagram2 };
@@ -102307,7 +102338,7 @@ ${event.content}`;
         box-sizing: border-box;
         padding: 0 12px 10px 12px;
         pointer-events: none;
-        z-index: 50;
+        z-index: var(--dominds-z-sticky, 50);
       }
 
       .scroll-to-bottom-wrap.hidden {
@@ -103427,7 +103458,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 +103485,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 */
       
@@ -104844,7 +104900,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         align-items: center;
         justify-content: center;
         background: transparent;
-        z-index: 2;
+        z-index: var(--dominds-z-local-handle, 2);
       }
 
       .input-resize-handle::after {
@@ -104874,7 +104930,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         padding: 10px;
         background: var(--dominds-sidebar-bg, #f8f9fa);
         position: relative;
-        z-index: 1;
+        z-index: var(--dominds-z-local-raised, 1);
       }
 
       .input-wrapper {
@@ -105614,12 +105670,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 {
@@ -107523,7 +107601,7 @@ class DomindsTeamMembers extends HTMLElement {
         align-items: center;
         justify-content: center;
         font-size: var(--dominds-font-size-sm, 12px);
-        z-index: 10;
+        z-index: var(--dominds-z-local-overlay, 10);
         border-radius: 10px;
       }
 
@@ -108034,7 +108112,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 +108336,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 +108884,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 +109577,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 +109922,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 +109984,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>
@@ -110306,7 +110399,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         content: '';
         position: absolute;
         inset: -28px;
-        z-index: 0;
+        z-index: var(--dominds-z-local-base, 0);
         pointer-events: none;
         background:
           radial-gradient(
@@ -110330,7 +110423,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         bottom: 0;
         left: -120%;
         width: 240%;
-        z-index: 0;
+        z-index: var(--dominds-z-local-base, 0);
         transform: translateX(0);
         pointer-events: none;
         opacity: 0.5;
@@ -110361,7 +110454,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         content: '';
         position: absolute;
         inset: 0;
-        z-index: 0;
+        z-index: var(--dominds-z-local-base, 0);
         pointer-events: none;
         border-radius: 8px;
         background:
@@ -110382,7 +110475,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
       .dialog-item.state-proceeding > .dialog-row,
       .dialog-item.gen-active > .dialog-row {
         position: relative;
-        z-index: 1;
+        z-index: var(--dominds-z-local-raised, 1);
       }
 
       @keyframes dialogScanlineSweep {
@@ -110610,10 +110703,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 +110738,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 {
@@ -112227,13 +112335,6 @@ ${formatUiLanguageOptionLabel({
         --dominds-line-height-tight: 1.18;
         --dominds-line-height-dense: 1.24;
         --dominds-line-height-base: 1.38;
-        --dominds-z-sidebar-mobile: 10;
-        --dominds-z-overlay-modal: 1000;
-        --dominds-z-overlay-popover: 1002;
-        --dominds-z-overlay-reminders: 2000;
-        --dominds-z-overlay-toast: 3000;
-        --dominds-z-overlay-toast-history: 4100;
-        --dominds-z-overlay-problems: 4200;
       }
 
       .app-container {
@@ -112596,6 +112697,11 @@ ${formatUiLanguageOptionLabel({
         left: auto;
         transform: none;
         background: var(--dominds-fg, #333333);
+        background: color-mix(
+          in srgb,
+          var(--dominds-fg, #333333) var(--dominds-alpha-surface-tooltip, 94%),
+          transparent
+        );
         color: var(--dominds-bg, #ffffff);
         padding: 6px 8px;
         border-radius: 6px;
@@ -112609,7 +112715,7 @@ ${formatUiLanguageOptionLabel({
         opacity: 0;
         pointer-events: none;
         transition: opacity 0.15s ease;
-        z-index: var(--dominds-z-overlay-popover);
+        z-index: var(--dominds-z-overlay-tooltip, 1100);
         box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
       }
 
@@ -112622,6 +112728,11 @@ ${formatUiLanguageOptionLabel({
         transform: none;
         border: 6px solid transparent;
         border-bottom-color: var(--dominds-fg, #333333);
+        border-bottom-color: color-mix(
+          in srgb,
+          var(--dominds-fg, #333333) var(--dominds-alpha-surface-tooltip, 94%),
+          transparent
+        );
       }
 
       #navibar-context-health-wrap:hover .navibar-tooltip {
@@ -112637,9 +112748,14 @@ ${formatUiLanguageOptionLabel({
         border: 1px solid var(--dominds-border, #e0e0e0);
         border-radius: 8px;
         background: var(--dominds-bg, #ffffff);
+        background: color-mix(
+          in srgb,
+          var(--dominds-bg, #ffffff) var(--dominds-alpha-surface-panel, 96%),
+          transparent
+        );
         box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
         overflow: hidden;
-        z-index: var(--dominds-z-overlay-problems);
+        z-index: var(--dominds-z-overlay-problems, 1200);
         display: flex;
         flex-direction: column;
       }
@@ -112732,6 +112848,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);
@@ -112781,11 +112911,16 @@ ${formatUiLanguageOptionLabel({
         min-width: 300px;
         max-width: 380px;
         background: var(--dominds-sidebar-bg, #f8f9fa);
+        background: color-mix(
+          in srgb,
+          var(--dominds-sidebar-bg, #f8f9fa) var(--dominds-alpha-surface-popover, 92%),
+          transparent
+        );
         border: 1px solid var(--dominds-border, #e0e0e0);
         border-radius: 8px;
         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
         padding: 4px;
-        z-index: var(--dominds-z-overlay-popover);
+        z-index: var(--dominds-z-overlay-popover, 1000);
       }
 
       .ui-language-menu-item {
@@ -112892,12 +113027,13 @@ ${formatUiLanguageOptionLabel({
       .toast-history-modal {
 		        position: fixed;
 		        inset: 0;
-		        z-index: var(--dominds-z-overlay-toast-history);
-		        display: flex;
+		        z-index: var(--dominds-z-overlay-toast-history, 2100);
+        display: flex;
 		        align-items: flex-start;
 		        justify-content: center;
         padding: 48px 10px 10px;
         background: rgba(0, 0, 0, 0.35);
+        background: color-mix(in srgb, #000000 var(--dominds-alpha-overlay-backdrop, 35%), transparent);
       }
 	
 	      .toast-history-modal.hidden {
@@ -112908,6 +113044,11 @@ ${formatUiLanguageOptionLabel({
         width: min(860px, calc(100vw - 32px));
         max-height: calc(100vh - 72px);
         background: var(--dominds-bg, #ffffff);
+        background: color-mix(
+          in srgb,
+          var(--dominds-bg, #ffffff) var(--dominds-alpha-surface-panel, 96%),
+          transparent
+        );
         border: 1px solid var(--dominds-border, #e0e0e0);
         border-radius: 10px;
 	        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
@@ -113004,6 +113145,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 {
@@ -113120,6 +113272,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;
@@ -114065,7 +114228,7 @@ ${formatUiLanguageOptionLabel({
           position: absolute;
           left: -280px;
           transition: left 0.3s ease;
-          z-index: var(--dominds-z-sidebar-mobile);
+          z-index: var(--dominds-z-sidebar-mobile, 120);
           resize: none;
         }
 
@@ -114086,7 +114249,7 @@ ${formatUiLanguageOptionLabel({
         left: 0;
         right: 0;
         bottom: 0;
-        z-index: var(--dominds-z-overlay-modal);
+        z-index: var(--dominds-z-overlay-modal, 2000);
         display: flex;
         align-items: center;
         justify-content: center;
@@ -114118,12 +114281,22 @@ ${formatUiLanguageOptionLabel({
         right: 0;
         bottom: 0;
         background: rgba(0, 0, 0, 0.5);
+        background: color-mix(
+          in srgb,
+          #000000 var(--dominds-alpha-overlay-backdrop-strong, 50%),
+          transparent
+        );
         backdrop-filter: blur(2px);
       }
 
       .modal-content {
         position: relative;
         background: var(--dominds-bg, #ffffff);
+        background: color-mix(
+          in srgb,
+          var(--dominds-bg, #ffffff) var(--dominds-alpha-surface-panel, 96%),
+          transparent
+        );
         border: 1px solid var(--dominds-border, #e0e0e0);
         border-radius: 10px;
         box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
@@ -114315,13 +114488,18 @@ ${formatUiLanguageOptionLabel({
         left: 0;
         right: 0;
         background: var(--dominds-bg, #ffffff);
+        background: color-mix(
+          in srgb,
+          var(--dominds-bg, #ffffff) var(--dominds-alpha-surface-popover, 92%),
+          transparent
+        );
         border: 1px solid var(--dominds-border, #e0e0e0);
         border-top: none;
         border-radius: 0 0 6px 6px;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
         max-height: 400px;
         overflow-y: auto;
-        z-index: var(--dominds-z-overlay-popover);
+        z-index: var(--dominds-z-overlay-popover, 1000);
         display: none;
       }
 
@@ -114397,6 +114575,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;
       }
 
@@ -114490,6 +114679,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;
       }
@@ -114633,6 +114833,11 @@ ${formatUiLanguageOptionLabel({
       /* Simple modal theming */
       .modal-content {
         background: var(--dominds-bg);
+        background: color-mix(
+          in srgb,
+          var(--dominds-bg, #ffffff) var(--dominds-alpha-surface-panel, 96%),
+          transparent
+        );
         border-color: var(--dominds-border);
       }
 
@@ -114667,6 +114872,11 @@ ${formatUiLanguageOptionLabel({
 
       .task-doc-suggestions {
         background: var(--dominds-bg);
+        background: color-mix(
+          in srgb,
+          var(--dominds-bg, #ffffff) var(--dominds-alpha-surface-popover, 92%),
+          transparent
+        );
         border-color: var(--dominds-border);
       }
 
@@ -114702,10 +114912,14 @@ ${formatUiLanguageOptionLabel({
         flex-direction: column;
         border: 1px solid var(--dominds-border, #e0e0e0);
         background: var(--dominds-bg, #ffffff);
+        background: color-mix(
+          in srgb,
+          var(--dominds-bg, #ffffff) var(--dominds-alpha-surface-reminders, 92%),
+          transparent
+        );
         border-radius: 10px;
         box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
-        z-index: var(--dominds-z-overlay-reminders);
-        opacity: 0.92;
+        z-index: var(--dominds-z-overlay-reminders, 900);
       }
 
       .reminders-widget-header {
@@ -117589,7 +117803,7 @@ ${content}`;
     const color2 = kind === "error" ? "var(--dominds-danger, #721c24)" : kind === "warning" ? "var(--dominds-warning, #856404)" : "var(--dominds-fg, #333333)";
     const border = kind === "error" ? "var(--dominds-danger-border, #f5c6cb)" : kind === "warning" ? "var(--dominds-warning-border, #ffeaa7)" : "var(--dominds-border, #e0e0e0)";
     const box = document.createElement("div");
-    box.style.cssText = `position: fixed; top: 18px; right: 18px; padding: 8px 12px; border-radius: 8px; background: ${bg}; color: ${color2}; box-shadow: 0 4px 12px rgba(0,0,0,0.2); border: 1px solid ${border}; z-index: var(--dominds-z-overlay-toast); font-size: var(--dominds-font-size-sm, 12px); display:flex; align-items:center; gap:8px; animation: slideDown 0.2s ease-out;`;
+    box.style.cssText = `position: fixed; top: 18px; right: 18px; padding: 8px 12px; border-radius: 8px; background: ${bg}; background: color-mix(in srgb, ${bg} var(--dominds-alpha-toast-bg, 80%), transparent); color: ${color2}; box-shadow: 0 4px 12px rgba(0,0,0,0.2); border: 1px solid ${border}; z-index: var(--dominds-z-overlay-toast, 1300); font-size: var(--dominds-font-size-sm, 12px); display:flex; align-items:center; gap:8px; animation: slideDown 0.2s ease-out;`;
     const iconSpan = document.createElement("span");
     iconSpan.className = `icon-mask ${this.getToastIconClass(kind)}`;
     iconSpan.setAttribute("aria-hidden", "true");
@@ -117827,7 +118041,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>
@@ -119046,6 +119260,7 @@ const _DomindsConnectionStatus = class _DomindsConnectionStatus extends HTMLElem
         align-items: center;
         gap: 5px;
         height: 20px;
+        position: relative;
         box-sizing: border-box;
         padding: 0 9px;
         border-radius: 10px;
@@ -119190,7 +119405,7 @@ const _DomindsConnectionStatus = class _DomindsConnectionStatus extends HTMLElem
         border-radius: 4px;
         font-size: 5px;
         white-space: nowrap;
-        z-index: 1000;
+        z-index: var(--dominds-z-overlay-tooltip, 1100);
         opacity: 0;
         pointer-events: none;
         transition: opacity 0.2s ease;
@@ -120669,9 +120884,9 @@ class DomindsSetup extends HTMLElement {
       .chip.ok{border-color:color-mix(in srgb, var(--dominds-success,#28a745) 45%, var(--dominds-border,#e0e0e0));color:var(--dominds-success,#28a745);}
       .chip.warn{border-color:color-mix(in srgb, var(--dominds-warning,#ffc107) 45%, var(--dominds-border,#e0e0e0));color:var(--dominds-warning,#ffc107);}
 
-      .modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000;}
-      .modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);}
-      .modal-content{position:relative;max-width:1100px;width:min(1100px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:var(--dominds-bg-secondary,#ffffff);border:1px solid var(--dominds-border,#e0e0e0);border-radius:12px;box-shadow:var(--shadow-lg,0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1));}
+      .modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--dominds-z-overlay-modal,2000);}
+      .modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);background:color-mix(in srgb,#000000 var(--dominds-alpha-overlay-backdrop-strong,50%),transparent);}
+      .modal-content{position:relative;max-width:1100px;width:min(1100px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:var(--dominds-bg-secondary,#ffffff);background:color-mix(in srgb,var(--dominds-bg-secondary,#ffffff) var(--dominds-alpha-surface-panel,96%),transparent);border:1px solid var(--dominds-border,#e0e0e0);border-radius:12px;box-shadow:var(--shadow-lg,0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1));}
       .modal-header{position:sticky;top:0;display:flex;align-items:center;gap:10px;padding:12px 12px;background:var(--dominds-bg-secondary,#ffffff);border-bottom:1px solid var(--dominds-border,#e0e0e0);}
       .modal-title{font-weight:650;color:var(--dominds-fg,#333333);}
       .modal-body{padding:12px;}
@@ -120879,4 +121094,4 @@ export {
   clear$2 as y,
   defaultConfig2 as z
 };
-//# sourceMappingURL=index-CQ_I7hKY.js.map
+//# sourceMappingURL=index-HWTRvE2k.js.map