dominds 1.6.2 → 1.6.4

package/dist/static/assets/{index-1Tlt2ebA.js → index-DLmfFirx.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-DsiyUZhi.js","assets/graph-BE1Fw6SE.js","assets/_baseUniq-4QF_OoKK.js","assets/layout-BOn5O0Mv.js","assets/_basePickBy-DSCRdLZO.js","assets/clone-IE0Tnwxn.js","assets/cose-bilkent-S5V4N54A-CfeoQnK-.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-CuSqcxrm.js","assets/chunk-TZMSLE5B-GrDvKWzz.js","assets/flowDiagram-NV44I4VS-CVd2p2Br.js","assets/chunk-FMBD7UC4-s7Uar1x2.js","assets/chunk-55IACEB6-DxOFWSAF.js","assets/chunk-QN33PNHL-DC20K06j.js","assets/channel-BYCxsEk5.js","assets/erDiagram-Q2GNP2WA-DbVLZtGY.js","assets/gitGraphDiagram-V2S2FVAM-B0Y7WTbj.js","assets/chunk-4BX2VUAB-N8tlmsFc.js","assets/chunk-QZHKN3VN-6mPLLfRu.js","assets/treemap-GDKQZRPO-DCcRUg7I.js","assets/ganttDiagram-JELNMOA3-6NsYNEcf.js","assets/linear-BVAPTXI-.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-p6CQsk4A.js","assets/pieDiagram-ADFJNKIX-76JJOJvZ.js","assets/arc-BVQeKKx9.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-iKXJUo4i.js","assets/xychartDiagram-PRI3JC2R-DQKFjqLB.js","assets/requirementDiagram-UZGBJVZJ-B0uk_5yk.js","assets/sequenceDiagram-WL72ISMW-DFnXuPNE.js","assets/classDiagram-2ON5EDUG-fO59bj9m.js","assets/chunk-B4BG7PRW-C1tSyN_l.js","assets/classDiagram-v2-WZHVMYZB-fO59bj9m.js","assets/stateDiagram-FKZM4ZOC-BZjZXttD.js","assets/chunk-DI55MBZ5-BTmIrFZd.js","assets/stateDiagram-v2-4FDKWEC3-C_R3IF0y.js","assets/journeyDiagram-XKPGCS4Q-DR4cvYtN.js","assets/timeline-definition-IT6M3QCI-Kkhw0x0F.js","assets/mindmap-definition-VGOIOE7T-DUJXw6w6.js","assets/kanban-definition-3W4ZIXB7-JPOdtj9o.js","assets/sankeyDiagram-TZEHDZUN-O3weNg52.js","assets/diagram-S2PKOQOG-ZL3Kts-u.js","assets/diagram-QEK2KX5R-DiZLndjJ.js","assets/blockDiagram-VD42YOAC-CexS18Qs.js","assets/architectureDiagram-VXUJARFQ-B4I8KFTn.js","assets/diagram-PSM6KHXK-IAjJ50CC.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-BuNhcUpS.js","assets/graph-CCjti2O0.js","assets/_baseUniq-B198d-KY.js","assets/layout-BcSBhjCx.js","assets/_basePickBy-BI5Rq0uy.js","assets/clone-CNyZHFPL.js","assets/cose-bilkent-S5V4N54A-DMvvhmW4.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-BC30TrOS.js","assets/chunk-TZMSLE5B-CSzc4mi_.js","assets/flowDiagram-NV44I4VS-CjRvEre8.js","assets/chunk-FMBD7UC4-BvHbQUmg.js","assets/chunk-55IACEB6-CNu24wD5.js","assets/chunk-QN33PNHL-BDzIqYT9.js","assets/channel-BxJm9rVf.js","assets/erDiagram-Q2GNP2WA-DoStgM_4.js","assets/gitGraphDiagram-V2S2FVAM-jNkE61r9.js","assets/chunk-4BX2VUAB-DZhNVfjS.js","assets/chunk-QZHKN3VN-DCSYTX8L.js","assets/treemap-GDKQZRPO-BQopYfN_.js","assets/ganttDiagram-JELNMOA3-BUTAh-bt.js","assets/linear-yE500fJs.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-BFxdxbX3.js","assets/pieDiagram-ADFJNKIX-CWFbaJ0k.js","assets/arc-DaOMBOGX.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-DNdamKCt.js","assets/xychartDiagram-PRI3JC2R-CsLeQwkI.js","assets/requirementDiagram-UZGBJVZJ-Ct8UB1vk.js","assets/sequenceDiagram-WL72ISMW-IiC8_KXA.js","assets/classDiagram-2ON5EDUG-CJsEP-fz.js","assets/chunk-B4BG7PRW-B4pvVnuq.js","assets/classDiagram-v2-WZHVMYZB-CJsEP-fz.js","assets/stateDiagram-FKZM4ZOC-CCJb2r9z.js","assets/chunk-DI55MBZ5-DPtQdiEz.js","assets/stateDiagram-v2-4FDKWEC3-BvHtU6GE.js","assets/journeyDiagram-XKPGCS4Q-BCLnxPc7.js","assets/timeline-definition-IT6M3QCI-Bn2Z-SBO.js","assets/mindmap-definition-VGOIOE7T-B7T5bXb-.js","assets/kanban-definition-3W4ZIXB7-BDeqtjCx.js","assets/sankeyDiagram-TZEHDZUN-DC7E0Ymo.js","assets/diagram-S2PKOQOG-D58YgxwF.js","assets/diagram-QEK2KX5R-_TJXK1XR.js","assets/blockDiagram-VD42YOAC-BTOxO1BR.js","assets/architectureDiagram-VXUJARFQ-D-S9nnw1.js","assets/diagram-PSM6KHXK-D0APVthl.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);
@@ -270,10 +270,9 @@ function getUiStrings(language) {
       runMarkerResumed: "已继续",
       runMarkerInterrupted: "已中断",
       runBadgeInterruptedTitle: "对话已中断（可继续）",
+      runBadgeRunningTitle: "正在运行",
       runBadgeWaitingHumanTitle: "等待你的输入（Q4H）",
       runBadgeWaitingSubdialogsTitle: "等待支线对话完成",
-      runBadgeWaitingBothTitle: "等待你的输入和支线对话",
-      runBadgeGeneratingTitle: "生成中…",
       connectionConnected: "已连接",
       connectionConnecting: "连接中",
       connectionDisconnected: "未连接",
@@ -599,10 +598,9 @@ function getUiStrings(language) {
     runMarkerResumed: "Resumed",
     runMarkerInterrupted: "Interrupted",
     runBadgeInterruptedTitle: "Interrupted (resumable)",
+    runBadgeRunningTitle: "Running",
     runBadgeWaitingHumanTitle: "Waiting for human input (Q4H)",
     runBadgeWaitingSubdialogsTitle: "Waiting for sideline dialogs",
-    runBadgeWaitingBothTitle: "Waiting for human + sideline dialogs",
-    runBadgeGeneratingTitle: "Generating…",
     connectionConnected: "Connected",
     connectionConnecting: "Connecting",
     connectionDisconnected: "Disconnected",
@@ -1931,6 +1929,9 @@ const ICON_MASK_URLS = {
   warning: asMaskUrl(
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>'
   ),
+  helpCircle: asMaskUrl(
+    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"/></svg>'
+  ),
   history: asMaskUrl(
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.25 2.52.77-1.28-3.52-2.09V8z"/></svg>'
   ),
@@ -1943,6 +1944,9 @@ const ICON_MASK_URLS = {
   users: asMaskUrl(
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 13.75c-2.34 0-7 1.17-7 3.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5zM4.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25H4.34zM9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5 5.5 6.57 5.5 8.5 7.07 12 9 12zm0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7zm7.04 6.81c1.16.84 1.96 1.96 1.96 3.44V19h4v-1.75c0-2.02-3.5-3.17-5.96-3.44zM15 12c1.93 0 3.5-1.57 3.5-3.5S16.93 5 15 5c-.54 0-1.04.13-1.5.35.63.89 1 1.98 1 3.15s-.37 2.26-1 3.15c.46.22.96.35 1.5.35z"/></svg>'
   ),
+  call: asMaskUrl(
+    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.24.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>'
+  ),
   tools: asMaskUrl(
     '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m22.61 18.99-9.08-9.08c.93-2.34.45-5.1-1.44-7C9.79.61 6.21.4 3.66 2.26L7.5 6.11 6.08 7.52 2.25 3.69C.39 6.23.6 9.82 2.9 12.11c1.86 1.86 4.57 2.35 6.89 1.48l9.11 9.11c.39.39 1.02.39 1.41 0l2.3-2.3c.4-.38.4-1.01 0-1.41zm-3 1.6-9.46-9.46c-.61.45-1.29.72-2 .82-1.36.2-2.79-.21-3.83-1.25C3.37 9.76 2.93 8.5 3 7.26l3.09 3.09 4.24-4.24-3.09-3.09c1.24-.07 2.49.37 3.44 1.31a4.469 4.469 0 0 1 1.24 3.96 4.35 4.35 0 0 1-.88 1.96l9.45 9.45-.88.89z"/></svg>'
   ),
@@ -97298,12 +97302,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-DsiyUZhi.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-BuNhcUpS.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-CfeoQnK-.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-DMvvhmW4.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
       }
     ]
   ]);
@@ -97743,7 +97747,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-CuSqcxrm.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-YG6GDRKO-BC30TrOS.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0);
   return { id, diagram: diagram2 };
@@ -97763,7 +97767,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-CVd2p2Br.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CjRvEre8.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id2, diagram: diagram2 };
@@ -97789,7 +97793,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-CVd2p2Br.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CjRvEre8.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id3, diagram: diagram2 };
@@ -97806,7 +97810,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-DbVLZtGY.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q2GNP2WA-DoStgM_4.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0);
   return { id: id4, diagram: diagram2 };
@@ -97823,7 +97827,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-B0Y7WTbj.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-V2S2FVAM-jNkE61r9.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,2,4,5]) : void 0);
   return { id: id5, diagram: diagram2 };
@@ -97840,7 +97844,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-6NsYNEcf.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-JELNMOA3-BUTAh-bt.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0);
   return { id: id6, diagram: diagram2 };
@@ -97857,7 +97861,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-p6CQsk4A.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-HS3SLOUP-BFxdxbX3.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,2,4,5]) : void 0);
   return { id: id7, diagram: diagram2 };
@@ -97873,7 +97877,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-76JJOJvZ.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-ADFJNKIX-CWFbaJ0k.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([25,17,19,2,4,5,26,27,22]) : void 0);
   return { id: id8, diagram: diagram2 };
@@ -97889,7 +97893,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-iKXJUo4i.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-AYHSOK5B-DNdamKCt.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0);
   return { id: id9, diagram: diagram2 };
@@ -97906,7 +97910,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-DQKFjqLB.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-PRI3JC2R-CsLeQwkI.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0);
   return { id: id10, diagram: diagram2 };
@@ -97923,7 +97927,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-B0uk_5yk.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-UZGBJVZJ-Ct8UB1vk.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0);
   return { id: id11, diagram: diagram2 };
@@ -97940,7 +97944,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-DFnXuPNE.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-WL72ISMW-IiC8_KXA.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0);
   return { id: id12, diagram: diagram2 };
@@ -97960,7 +97964,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-fO59bj9m.js");
+    const { diagram: diagram22 } = await import("./classDiagram-2ON5EDUG-CJsEP-fz.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,33,11,12,13]) : void 0);
   return { id: id13, diagram: diagram2 };
@@ -97980,7 +97984,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-fO59bj9m.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-WZHVMYZB-CJsEP-fz.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([34,33,11,12,13]) : void 0);
   return { id: id14, diagram: diagram2 };
@@ -98000,7 +98004,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-BZjZXttD.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-FKZM4ZOC-CCJb2r9z.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0);
   return { id: id15, diagram: diagram2 };
@@ -98023,7 +98027,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-C_R3IF0y.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-4FDKWEC3-BvHtU6GE.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0);
   return { id: id16, diagram: diagram2 };
@@ -98040,7 +98044,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-DR4cvYtN.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-XKPGCS4Q-BCLnxPc7.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,9,11,26]) : void 0);
   return { id: id17, diagram: diagram2 };
@@ -98110,7 +98114,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-CVd2p2Br.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CjRvEre8.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id18, diagram: diagram2 };
@@ -98127,7 +98131,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-Kkhw0x0F.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-IT6M3QCI-Bn2Z-SBO.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0);
   return { id: id19, diagram: diagram2 };
@@ -98144,7 +98148,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-DUJXw6w6.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-VGOIOE7T-B7T5bXb-.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0);
   return { id: id20, diagram: diagram2 };
@@ -98161,7 +98165,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-JPOdtj9o.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-3W4ZIXB7-BDeqtjCx.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0);
   return { id: id21, diagram: diagram2 };
@@ -98178,7 +98182,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-O3weNg52.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-TZEHDZUN-DC7E0Ymo.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0);
   return { id: id22, diagram: diagram2 };
@@ -98195,7 +98199,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-ZL3Kts-u.js");
+    const { diagram: diagram22 } = await import("./diagram-S2PKOQOG-D58YgxwF.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,2,4,5]) : void 0);
   return { id: id23, diagram: diagram2 };
@@ -98211,7 +98215,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-DiZLndjJ.js");
+    const { diagram: diagram22 } = await import("./diagram-QEK2KX5R-_TJXK1XR.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,2,4,5]) : void 0);
   return { id: id24, diagram: diagram2 };
@@ -98227,7 +98231,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-CexS18Qs.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-VD42YOAC-BTOxO1BR.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,2,1,14]) : void 0);
   return { id: id25, diagram: diagram2 };
@@ -98244,7 +98248,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-B4I8KFTn.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-VXUJARFQ-D-S9nnw1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,19,2,4,5,7]) : void 0);
   return { id: id26, diagram: diagram2 };
@@ -98261,7 +98265,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-IAjJ50CC.js");
+    const { diagram: diagram22 } = await import("./diagram-PSM6KHXK-D0APVthl.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
   return { id: id27, diagram: diagram2 };
@@ -100295,7 +100299,6 @@ class DomindsDialogContainer extends HTMLElement {
    * it relies on live events that follow the course_update event.
    */
   resetForCourse(course) {
-    this.clearGenerationGlow();
     this.stopAutoScrollObservation();
     this.resetAutoScrollTransientState();
     this.clearRetryPanel();
@@ -100319,7 +100322,6 @@ class DomindsDialogContainer extends HTMLElement {
   }
   // Clean up current state and DOM content
   cleanup() {
-    this.clearGenerationGlow();
     this.stopAutoScrollObservation();
     this.resetAutoScrollTransientState();
     this.clearRetryPanel();
@@ -100371,31 +100373,6 @@ class DomindsDialogContainer extends HTMLElement {
     });
     this.autoScrollResizeObserver.observe(el);
   }
-  clearGenerationGlow() {
-    const active = this.activeGeneratingDialog;
-    if (!active) return;
-    this.dispatchEvent(
-      new CustomEvent("dlg-generation-state", {
-        detail: { rootId: active.rootId, selfId: active.selfId, active: false },
-        bubbles: true,
-        composed: true
-      })
-    );
-    this.activeGeneratingDialog = void 0;
-  }
-  setGenerationGlowActive(active) {
-    const dialog = this.currentDialog;
-    if (!dialog) return;
-    const ident = { rootId: dialog.rootId, selfId: dialog.selfId };
-    this.activeGeneratingDialog = active ? ident : void 0;
-    this.dispatchEvent(
-      new CustomEvent("dlg-generation-state", {
-        detail: { rootId: ident.rootId, selfId: ident.selfId, active },
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
   async handleDialogEvent(event) {
     if (event.dialog) {
       const isCurrentDialog = this.currentDialog && event.dialog.selfId === this.currentDialog.selfId && event.dialog.rootId === this.currentDialog.rootId;
@@ -100478,7 +100455,6 @@ class DomindsDialogContainer extends HTMLElement {
         }
         this.currentCourse = event.course;
         this.activeGenSeq = event.genseq;
-        this.setGenerationGlowActive(true);
         this.handleGeneratingStart(event.genseq, event.timestamp, event.msgId);
         break;
       case "generating_finish_evt":
@@ -100490,7 +100466,6 @@ class DomindsDialogContainer extends HTMLElement {
           const llmGenModel = typeof event.llmGenModel === "string" ? event.llmGenModel : void 0;
           this.handleGeneratingFinish(event.genseq, llmGenModel);
           this.activeGenSeq = void 0;
-          this.clearGenerationGlow();
         }
         break;
       case "genseq_discard_evt":
@@ -109378,7 +109353,6 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     this.snapshotGroups = [];
     this.visibleRootCountByTask = /* @__PURE__ */ new Map();
     this.visibleSubdialogCountByRoot = /* @__PURE__ */ new Map();
-    this.generatingKeys = /* @__PURE__ */ new Set();
     this.handleClick = (event) => {
       const target = event.target;
       if (!target) return;
@@ -109646,9 +109620,8 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     const selfId = dialog.selfId ? dialog.selfId : dialog.rootId;
     return this.dialogKey(rootId, selfId);
   }
-  isGenerating(dialog) {
-    const key = this.getDialogKey(dialog);
-    return this.generatingKeys.has(key);
+  renderRunBadge(className, title, iconClass = "run-badge-icon") {
+    return `<span class="run-badge ${className}" title="${title}" aria-label="${title}"><span class="icon-mask ${iconClass}" aria-hidden="true"></span></span>`;
   }
   renderRunBadges(dialog) {
     const t2 = getUiStrings(this.props.uiLanguage);
@@ -109656,27 +109629,27 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     const badges = [];
     switch (visualState.kind) {
       case "none":
+        break;
       case "proceeding":
+        badges.push(this.renderRunBadge("proceeding", t2.runBadgeRunningTitle));
+        break;
       case "proceeding_stop_requested":
         break;
       case "interrupted":
-        badges.push(
-          `<span class="run-badge interrupted" title="${t2.runBadgeInterruptedTitle}">INT</span>`
-        );
+        badges.push(this.renderRunBadge("interrupted", t2.runBadgeInterruptedTitle));
         break;
       case "blocked_q4h":
-        badges.push(
-          `<span class="run-badge blocked blocked-q4h" title="${t2.runBadgeWaitingHumanTitle}">Q4H</span>`
-        );
+        badges.push(this.renderRunBadge("blocked blocked-q4h", t2.runBadgeWaitingHumanTitle));
         break;
       case "blocked_subdialogs":
         badges.push(
-          `<span class="run-badge blocked blocked-subdialogs" title="${t2.runBadgeWaitingSubdialogsTitle}">SUB</span>`
+          this.renderRunBadge("blocked blocked-subdialogs", t2.runBadgeWaitingSubdialogsTitle)
         );
         break;
       case "blocked_both":
+        badges.push(this.renderRunBadge("blocked blocked-q4h", t2.runBadgeWaitingHumanTitle));
         badges.push(
-          `<span class="run-badge blocked blocked-both" title="${t2.runBadgeWaitingBothTitle}">Q4H+SUB</span>`
+          this.renderRunBadge("blocked blocked-subdialogs", t2.runBadgeWaitingSubdialogsTitle)
         );
         break;
       default: {
@@ -109684,11 +109657,6 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         throw new Error(`Unhandled RunControlVisualState: ${String(_exhaustive)}`);
       }
     }
-    if (this.isGenerating(dialog)) {
-      badges.push(
-        `<span class="run-badge generating" title="${t2.runBadgeGeneratingTitle}">GEN</span>`
-      );
-    }
     if (badges.length === 0) return "";
     return `<span class="run-badges">${badges.join("")}</span>`;
   }
@@ -109704,7 +109672,6 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     if (suffix) {
       el.classList.add(suffix);
     }
-    el.classList.toggle("gen-active", this.isGenerating(dialog));
     const badgesHtml = this.renderRunBadges(dialog);
     const meta = el.querySelector(".dialog-meta-right");
     if (!(meta instanceof HTMLElement)) return;
@@ -109935,90 +109902,9 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
       this.refreshFromDom();
       return;
     }
-    const html2 = groups.map((group) => {
-      const taskCollapsed = this.collapsedTasks.has(group.taskDocPath);
-      const taskToggle = this.renderToggleIcon(taskCollapsed);
-      const visibleRootCount = this.visibleRootCountByTask.get(group.taskDocPath) ?? _RunningDialogList.SHOW_MORE_STEP;
-      const visibleRoots = group.roots.slice(0, visibleRootCount);
-      const hiddenRootCount = Math.max(group.roots.length - visibleRoots.length, 0);
-      const rootNodes = visibleRoots.map((rootGroup) => {
-        const rootDialog = rootGroup.root;
-        const rootCollapsed = this.collapsedRoots.has(rootGroup.rootId);
-        const rootToggle = this.renderToggleIcon(rootCollapsed);
-        const rootRow = rootDialog ? this.renderRootRow(rootDialog, rootToggle, rootGroup.subdialogs.length) : `
-                <div class="dialog-item root-dialog missing" data-root-id="${rootGroup.rootId}" data-self-id="">
-                  <div class="dialog-row">
-                    <button class="toggle root-toggle" data-action="toggle-root" data-root-id="${rootGroup.rootId}" type="button" aria-label="${this.formatToggleAriaLabel(rootCollapsed)}">${rootToggle}</button>
-                    <span class="dialog-title">${t2.missingRoot}</span>
-                    <span class="dialog-meta-right">
-                      <span class="dialog-count">${rootGroup.subdialogs.length}</span>
-                      <span class="dialog-id">${rootGroup.rootId}</span>
-                    </span>
-                  </div>
-                </div>
-              `;
-        const visibleSubdialogCount = this.visibleSubdialogCountByRoot.get(rootGroup.rootId) ?? _RunningDialogList.SHOW_MORE_STEP;
-        const visibleSubdialogs = rootGroup.subdialogs.slice(0, visibleSubdialogCount);
-        const hiddenSubdialogCount = Math.max(
-          rootGroup.subdialogs.length - visibleSubdialogs.length,
-          0
-        );
-        const subNodes = visibleSubdialogs.map((subdialog) => this.renderDialogRow(subdialog, "sub")).join("");
-        const subShowMore = hiddenSubdialogCount > 0 ? this.renderShowMoreButton({
-          action: "show-more-subdialogs",
-          rootId: rootGroup.rootId,
-          hiddenCount: hiddenSubdialogCount
-        }) : "";
-        const subCollapsed = taskCollapsed || rootCollapsed;
-        return `
-              <div class="rdlg-node" data-rdlg-root-id="${rootGroup.rootId}">
-                ${rootRow}
-                <div class="sdlg-children ${subCollapsed ? "collapsed" : ""}">
-                  ${subNodes}
-                  ${subShowMore}
-                </div>
-              </div>
-            `;
-      }).join("");
-      const rootShowMore = hiddenRootCount > 0 ? this.renderShowMoreButton({
-        action: "show-more-roots",
-        taskDocPath: group.taskDocPath,
-        hiddenCount: hiddenRootCount
-      }) : "";
-      return `
-          <div class="task-group task-node">
-            <div class="task-title" data-task-path="${group.taskDocPath}">
-              <div class="task-title-left">
-                <button class="toggle task-toggle" data-action="toggle-task" data-task-path="${group.taskDocPath}" type="button" aria-label="${this.formatToggleAriaLabel(taskCollapsed)}">${taskToggle}</button>
-                <span>${group.taskDocPath}</span>
-              </div>
-              <div class="task-title-right">
-                <button class="action icon-button" data-action="task-create-dialog" data-task-path="${group.taskDocPath}" type="button" title="${t2.createNewDialogTitle}" aria-label="${t2.createNewDialogTitle}">
-                  ${this.renderCreateIcon()}
-                </button>
-                <button class="action icon-button" data-action="task-mark-done" data-task-path="${group.taskDocPath}" type="button" title="${t2.dialogActionMarkAllDone}" aria-label="${t2.dialogActionMarkAllDone}">
-                  ${this.renderDoneIcon()}
-                </button>
-                <button class="action icon-button" data-action="task-archive" data-task-path="${group.taskDocPath}" type="button" title="${t2.dialogActionArchiveAll}" aria-label="${t2.dialogActionArchiveAll}">
-                  ${this.renderArchiveIcon()}
-                </button>
-                <span class="dialog-count">${group.roots.length}</span>
-              </div>
-            </div>
-            <div class="task-rows ${taskCollapsed ? "collapsed" : ""}">
-              ${rootNodes}
-              ${rootShowMore}
-            </div>
-          </div>
-        `;
-    }).join("");
-    this.listEl.innerHTML = html2;
+    this.reconcileTaskGroups(groups);
     this.refreshFromDom();
   }
-  setGeneratingKeys(keys) {
-    this.generatingKeys = new Set(keys);
-    this.refreshGeneratingBadges();
-  }
   renderLoading() {
     if (!this.listEl) return;
     const t2 = getUiStrings(this.props.uiLanguage);
@@ -110030,6 +109916,216 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
   encodeDialogDataset(dialog) {
     return encodeURIComponent(JSON.stringify(dialog));
   }
+  createElementFromHtml(html2) {
+    const template = document.createElement("template");
+    template.innerHTML = html2.trim();
+    const first = template.content.firstElementChild;
+    if (!(first instanceof HTMLElement)) {
+      throw new Error("Expected HTML template to produce a single HTMLElement.");
+    }
+    return first;
+  }
+  syncElement(target, next2) {
+    if (target.outerHTML === next2.outerHTML) return;
+    for (const name of target.getAttributeNames()) {
+      if (!next2.hasAttribute(name)) {
+        target.removeAttribute(name);
+      }
+    }
+    for (const name of next2.getAttributeNames()) {
+      const value = next2.getAttribute(name);
+      if (value === null) continue;
+      if (target.getAttribute(name) !== value) {
+        target.setAttribute(name, value);
+      }
+    }
+    if (target.innerHTML !== next2.innerHTML) {
+      target.innerHTML = next2.innerHTML;
+    }
+  }
+  renderTaskTitleRow(group, taskCollapsed) {
+    const t2 = getUiStrings(this.props.uiLanguage);
+    const taskToggle = this.renderToggleIcon(taskCollapsed);
+    return `
+      <div class="task-title" data-task-path="${group.taskDocPath}">
+        <div class="task-title-left">
+          <button class="toggle task-toggle" data-action="toggle-task" data-task-path="${group.taskDocPath}" type="button" aria-label="${this.formatToggleAriaLabel(taskCollapsed)}">${taskToggle}</button>
+          <span>${group.taskDocPath}</span>
+        </div>
+        <div class="task-title-right">
+          <button class="action icon-button" data-action="task-create-dialog" data-task-path="${group.taskDocPath}" type="button" title="${t2.createNewDialogTitle}" aria-label="${t2.createNewDialogTitle}">
+            ${this.renderCreateIcon()}
+          </button>
+          <button class="action icon-button" data-action="task-mark-done" data-task-path="${group.taskDocPath}" type="button" title="${t2.dialogActionMarkAllDone}" aria-label="${t2.dialogActionMarkAllDone}">
+            ${this.renderDoneIcon()}
+          </button>
+          <button class="action icon-button" data-action="task-archive" data-task-path="${group.taskDocPath}" type="button" title="${t2.dialogActionArchiveAll}" aria-label="${t2.dialogActionArchiveAll}">
+            ${this.renderArchiveIcon()}
+          </button>
+          <span class="dialog-count">${group.roots.length}</span>
+        </div>
+      </div>
+    `;
+  }
+  renderMissingRootRow(rootGroup, rootCollapsed) {
+    const t2 = getUiStrings(this.props.uiLanguage);
+    const rootToggle = this.renderToggleIcon(rootCollapsed);
+    return `
+      <div class="dialog-item root-dialog missing" data-root-id="${rootGroup.rootId}" data-self-id="">
+        <div class="dialog-row">
+          <button class="toggle root-toggle" data-action="toggle-root" data-root-id="${rootGroup.rootId}" type="button" aria-label="${this.formatToggleAriaLabel(rootCollapsed)}">${rootToggle}</button>
+          <span class="dialog-title">${t2.missingRoot}</span>
+          <span class="dialog-meta-right">
+            <span class="dialog-count">${rootGroup.subdialogs.length}</span>
+            <span class="dialog-id">${rootGroup.rootId}</span>
+          </span>
+        </div>
+      </div>
+    `;
+  }
+  reconcileShowMoreRow(container, html2) {
+    const existing = container.querySelector(":scope > .show-more-row");
+    if (html2 === null) {
+      existing?.remove();
+      return;
+    }
+    const next2 = this.createElementFromHtml(html2);
+    if (existing) {
+      this.syncElement(existing, next2);
+      container.appendChild(existing);
+      return;
+    }
+    container.appendChild(next2);
+  }
+  reconcileSubdialogRows(rootChildren, rootGroup) {
+    const existingRows = /* @__PURE__ */ new Map();
+    rootChildren.querySelectorAll(":scope > .dialog-item.sub-dialog[data-dialog-key]").forEach((row) => {
+      const key = (row.getAttribute("data-dialog-key") ?? "").trim();
+      if (key !== "") {
+        existingRows.set(key, row);
+      }
+    });
+    const visibleSubdialogCount = this.visibleSubdialogCountByRoot.get(rootGroup.rootId) ?? _RunningDialogList.SHOW_MORE_STEP;
+    const visibleSubdialogs = rootGroup.subdialogs.slice(0, visibleSubdialogCount);
+    const hiddenSubdialogCount = Math.max(
+      rootGroup.subdialogs.length - visibleSubdialogs.length,
+      0
+    );
+    for (const subdialog of visibleSubdialogs) {
+      const key = this.getDialogKey(subdialog);
+      const next2 = this.createElementFromHtml(this.renderDialogRow(subdialog, "sub"));
+      const existing = existingRows.get(key);
+      if (existing) {
+        this.syncElement(existing, next2);
+        rootChildren.appendChild(existing);
+        existingRows.delete(key);
+      } else {
+        rootChildren.appendChild(next2);
+      }
+    }
+    for (const stale of existingRows.values()) {
+      stale.remove();
+    }
+    const showMoreHtml = hiddenSubdialogCount > 0 ? this.renderShowMoreButton({
+      action: "show-more-subdialogs",
+      rootId: rootGroup.rootId,
+      hiddenCount: hiddenSubdialogCount
+    }) : null;
+    this.reconcileShowMoreRow(rootChildren, showMoreHtml);
+  }
+  reconcileRootNode(rootNode, rootGroup, taskCollapsed) {
+    rootNode.setAttribute("data-rdlg-root-id", rootGroup.rootId);
+    const rootCollapsed = this.collapsedRoots.has(rootGroup.rootId);
+    const rootRowHtml = rootGroup.root ? this.renderRootRow(
+      rootGroup.root,
+      this.renderToggleIcon(rootCollapsed),
+      rootGroup.subdialogs.length
+    ) : this.renderMissingRootRow(rootGroup, rootCollapsed);
+    const existingRootRow = rootNode.querySelector(
+      ":scope > .dialog-item.root-dialog"
+    );
+    if (existingRootRow) {
+      this.syncElement(existingRootRow, this.createElementFromHtml(rootRowHtml));
+      if (rootNode.firstElementChild !== existingRootRow) {
+        rootNode.insertBefore(existingRootRow, rootNode.firstElementChild);
+      }
+    } else {
+      rootNode.insertBefore(this.createElementFromHtml(rootRowHtml), rootNode.firstElementChild);
+    }
+    let rootChildren = rootNode.querySelector(":scope > .sdlg-children");
+    if (!rootChildren) {
+      rootChildren = this.createElementFromHtml('<div class="sdlg-children"></div>');
+      rootNode.appendChild(rootChildren);
+    }
+    rootChildren.classList.toggle("collapsed", taskCollapsed || rootCollapsed);
+    this.reconcileSubdialogRows(rootChildren, rootGroup);
+  }
+  reconcileRootNodes(taskRows, group, taskCollapsed) {
+    const existingRoots = /* @__PURE__ */ new Map();
+    taskRows.querySelectorAll(":scope > .rdlg-node[data-rdlg-root-id]").forEach((node2) => {
+      const rootId = (node2.getAttribute("data-rdlg-root-id") ?? "").trim();
+      if (rootId !== "") {
+        existingRoots.set(rootId, node2);
+      }
+    });
+    const visibleRootCount = this.visibleRootCountByTask.get(group.taskDocPath) ?? _RunningDialogList.SHOW_MORE_STEP;
+    const visibleRoots = group.roots.slice(0, visibleRootCount);
+    const hiddenRootCount = Math.max(group.roots.length - visibleRoots.length, 0);
+    for (const rootGroup of visibleRoots) {
+      const existing = existingRoots.get(rootGroup.rootId);
+      const rootNode = existing ?? this.createElementFromHtml(
+        `<div class="rdlg-node" data-rdlg-root-id="${rootGroup.rootId}"></div>`
+      );
+      this.reconcileRootNode(rootNode, rootGroup, taskCollapsed);
+      taskRows.appendChild(rootNode);
+      existingRoots.delete(rootGroup.rootId);
+    }
+    for (const stale of existingRoots.values()) {
+      stale.remove();
+    }
+    const showMoreHtml = hiddenRootCount > 0 ? this.renderShowMoreButton({
+      action: "show-more-roots",
+      taskDocPath: group.taskDocPath,
+      hiddenCount: hiddenRootCount
+    }) : null;
+    this.reconcileShowMoreRow(taskRows, showMoreHtml);
+  }
+  reconcileTaskGroups(groups) {
+    if (!this.listEl) return;
+    this.listEl.querySelectorAll(":scope > .empty").forEach((node2) => node2.remove());
+    const existingGroups = /* @__PURE__ */ new Map();
+    this.listEl.querySelectorAll(":scope > .task-group.task-node").forEach((groupEl) => {
+      const taskPath = (groupEl.querySelector(":scope > .task-title")?.getAttribute("data-task-path") ?? "").trim();
+      if (taskPath !== "") {
+        existingGroups.set(taskPath, groupEl);
+      }
+    });
+    for (const group of groups) {
+      const taskCollapsed = this.collapsedTasks.has(group.taskDocPath);
+      const taskGroup = existingGroups.get(group.taskDocPath) ?? this.createElementFromHtml(
+        '<div class="task-group task-node"><div class="task-title"></div><div class="task-rows"></div></div>'
+      );
+      const nextTitle = this.createElementFromHtml(this.renderTaskTitleRow(group, taskCollapsed));
+      const currentTitle = taskGroup.querySelector(":scope > .task-title");
+      if (currentTitle) {
+        this.syncElement(currentTitle, nextTitle);
+      } else {
+        taskGroup.insertBefore(nextTitle, taskGroup.firstElementChild);
+      }
+      let taskRows = taskGroup.querySelector(":scope > .task-rows");
+      if (!taskRows) {
+        taskRows = this.createElementFromHtml('<div class="task-rows"></div>');
+        taskGroup.appendChild(taskRows);
+      }
+      taskRows.classList.toggle("collapsed", taskCollapsed);
+      this.reconcileRootNodes(taskRows, group, taskCollapsed);
+      this.listEl.appendChild(taskGroup);
+      existingGroups.delete(group.taskDocPath);
+    }
+    for (const stale of existingGroups.values()) {
+      stale.remove();
+    }
+  }
   decodeDialogDataset(el) {
     const raw = el.dataset.dialogJson;
     if (!raw) return null;
@@ -110069,15 +110165,6 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     } else if (this.selectedKey) {
       this.clearSelection();
     }
-    const selectedRootId = this.selectionState.kind === "selected" ? this.selectionState.rootId : void 0;
-    this.applyIntensityDim(selectedRootId);
-    this.refreshGeneratingBadges();
-  }
-  applyIntensityDim(selectedRootId) {
-    this.dialogIndex.forEach((entry) => {
-      const shouldDim = !!selectedRootId && entry.rootId !== selectedRootId;
-      entry.el.classList.toggle("other-root-glow", shouldDim);
-    });
   }
   getDialogUpdatedAtMsFromElement(el) {
     const dialog = this.decodeDialogDataset(el);
@@ -110163,36 +110250,6 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     });
     return max2;
   }
-  refreshGeneratingBadges() {
-    const t2 = getUiStrings(this.props.uiLanguage);
-    this.dialogIndex.forEach((entry) => {
-      const isGenerating = this.generatingKeys.has(entry.key);
-      entry.el.classList.toggle("gen-active", isGenerating);
-      const badges = entry.el.querySelector(".run-badges");
-      const existing = badges?.querySelector(".run-badge.generating");
-      if (isGenerating) {
-        if (!existing) {
-          const badgeHtml = `<span class="run-badge generating" title="${t2.runBadgeGeneratingTitle}">GEN</span>`;
-          if (badges) {
-            badges.insertAdjacentHTML("beforeend", badgeHtml);
-          } else {
-            const meta = entry.el.querySelector(".dialog-meta-right");
-            if (meta) {
-              meta.insertAdjacentHTML("afterbegin", `<span class="run-badges">${badgeHtml}</span>`);
-            }
-          }
-        }
-      } else if (existing) {
-        existing.remove();
-        const parent = badges ?? existing.parentElement;
-        if (parent instanceof HTMLElement && parent.classList.contains("run-badges")) {
-          if (parent.querySelector(".run-badge") === null) {
-            parent.remove();
-          }
-        }
-      }
-    });
-  }
   clearSelection() {
     if (this.listEl) {
       const selected = this.listEl.querySelector(".dialog-item.selected");
@@ -110200,7 +110257,6 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     }
     this.selectionState = { kind: "none" };
     this.selectedKey = null;
-    this.applyIntensityDim(void 0);
   }
   formatToggleAriaLabel(collapsed) {
     if (this.props.uiLanguage === "zh") {
@@ -110257,7 +110313,6 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
   renderRootRow(dialog, toggleIcon, subdialogCount) {
     const t2 = getUiStrings(this.props.uiLanguage);
     const isSelected = this.isSelectedDialog(dialog, this.selectionState);
-    const isGenerating = this.isGenerating(dialog);
     const runStateClass = this.getRunStateClass(dialog);
     const badges = this.renderRunBadges(dialog);
     const dialogId = dialog.rootId;
@@ -110266,7 +110321,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     const dialogJson = this.encodeDialogDataset(dialog);
     return `
       <div
-        class="dialog-item root-dialog${isSelected ? " selected" : ""}${isGenerating ? " gen-active" : ""}${runStateClass}"
+        class="dialog-item root-dialog${isSelected ? " selected" : ""}${runStateClass}"
         data-root-id="${dialog.rootId}"
         data-self-id=""
         data-dialog-key="${dialogKey}"
@@ -110307,7 +110362,6 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
   renderDialogRow(dialog, kind) {
     const t2 = getUiStrings(this.props.uiLanguage);
     const isSelected = this.isSelectedDialog(dialog, this.selectionState);
-    const isGenerating = this.isGenerating(dialog);
     const runStateClass = this.getRunStateClass(dialog);
     const badges = this.renderRunBadges(dialog);
     const dialogId = kind === "sub" ? dialog.selfId ?? "" : dialog.selfId ? dialog.selfId : dialog.rootId;
@@ -110320,7 +110374,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
       const callsign = this.getDialogDisplayCallsign(dialog);
       return `
         <div
-          class="${rowClass} sdlg-node${isSelected ? " selected" : ""}${isGenerating ? " gen-active" : ""}${runStateClass}"
+          class="${rowClass} sdlg-node${isSelected ? " selected" : ""}${runStateClass}"
           data-root-id="${dialog.rootId}"
           data-self-id="${dialog.selfId ?? ""}"
           data-dialog-key="${dialogKey}"
@@ -110349,7 +110403,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     }
     return `
       <div
-        class="${rowClass}${isSelected ? " selected" : ""}${isGenerating ? " gen-active" : ""}${runStateClass}"
+        class="${rowClass}${isSelected ? " selected" : ""}${runStateClass}"
         data-root-id="${dialog.rootId}"
         data-self-id="${dialog.selfId ?? ""}"
         data-dialog-key="${dialogKey}"
@@ -110413,7 +110467,6 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         })
       );
     }
-    this.applyIntensityDim(dialog.rootId);
   }
   findDialogByIds(rootId, selfId, isRoot) {
     const targetSelf = isRoot ? rootId : selfId;
@@ -110701,8 +110754,12 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         flex-direction: column;
         gap: 3px;
         padding: 2px 8px;
+        margin: 0;
         cursor: pointer;
-        border-left: 3px solid transparent;
+        border-right: 3px solid transparent;
+        border-radius: 0;
+        position: relative;
+        box-sizing: border-box;
       }
 
       .root-dialog {
@@ -110733,44 +110790,62 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
       }
 
       .dialog-item.selected {
-        background: color-mix(in srgb, var(--dominds-primary, #007acc) 12%, transparent);
+        background: color-mix(in srgb, var(--dominds-primary, #007acc) 13%, transparent);
+        margin: 2px 0;
+        border-radius: 10px 0 0 10px;
+        box-shadow:
+          inset 1px 0 0 color-mix(in srgb, white 55%, transparent),
+          inset 0 1px 0 color-mix(in srgb, white 55%, transparent),
+          inset 0 -1px 0 color-mix(in srgb, white 55%, transparent),
+          inset 2px 0 0 color-mix(in srgb, var(--dominds-primary, #007acc) 72%, transparent),
+          inset 0 2px 0 color-mix(in srgb, var(--dominds-primary, #007acc) 72%, transparent),
+          inset 0 -2px 0 color-mix(in srgb, var(--dominds-primary, #007acc) 72%, transparent);
+        z-index: var(--dominds-z-local-raised, 1);
       }
 
       .dialog-item.state-interrupted {
-        border-left-color: color-mix(in srgb, var(--dominds-danger, #dc3545) 55%, transparent);
+        border-right-color: color-mix(in srgb, var(--dominds-danger, #dc3545) 55%, transparent);
         background: color-mix(in srgb, var(--dominds-danger, #dc3545) 10%, transparent);
       }
 
       .dialog-item.state-blocked-q4h {
-        border-left-color: color-mix(in srgb, #7c3aed 60%, transparent);
+        border-right-color: color-mix(in srgb, #7c3aed 60%, transparent);
         background: color-mix(in srgb, #7c3aed 9%, transparent);
       }
 
       .dialog-item.state-blocked-subdialogs {
-        border-left-color: color-mix(in srgb, var(--dominds-primary, #007acc) 55%, transparent);
+        border-right-color: color-mix(in srgb, var(--dominds-primary, #007acc) 55%, transparent);
         background: color-mix(in srgb, var(--dominds-primary, #007acc) 7%, transparent);
       }
 
       .dialog-item.state-blocked-both {
-        border-left-color: color-mix(in srgb, #7c3aed 40%, var(--dominds-primary, #007acc) 40%);
+        border-right-color: color-mix(in srgb, #7c3aed 40%, var(--dominds-primary, #007acc) 40%);
         background: color-mix(in srgb, #7c3aed 6%, var(--dominds-primary, #007acc) 5%);
       }
 
       .dialog-item.state-proceeding {
         --dialog-glow-color: var(--dominds-primary, #007acc);
-        border-left-color: color-mix(in srgb, var(--dialog-glow-color) 55%, transparent);
+        border-right-color: color-mix(in srgb, var(--dialog-glow-color) 55%, transparent);
         background: color-mix(in srgb, var(--dialog-glow-color) 5%, transparent);
         position: relative;
         overflow: hidden;
       }
 
       .dialog-item.state-proceeding-stop {
-        border-left-color: color-mix(in srgb, #f59e0b 60%, transparent);
+        border-right-color: color-mix(in srgb, #f59e0b 60%, transparent);
         background: color-mix(in srgb, #f59e0b 8%, transparent);
       }
 
-      .dialog-item.state-proceeding::before,
-      .dialog-item.gen-active::before {
+      .dialog-item.selected.state-proceeding,
+      .dialog-item.selected.state-proceeding-stop,
+      .dialog-item.selected.state-interrupted,
+      .dialog-item.selected.state-blocked-q4h,
+      .dialog-item.selected.state-blocked-subdialogs,
+      .dialog-item.selected.state-blocked-both {
+        border-right-color: transparent;
+      }
+
+      .dialog-item.state-proceeding::before {
         content: '';
         position: absolute;
         inset: -28px;
@@ -110790,8 +110865,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         filter: blur(12px);
       }
 
-      .dialog-item.state-proceeding::after,
-      .dialog-item.gen-active::after {
+      .dialog-item.state-proceeding::after {
         content: '';
         position: absolute;
         top: 0;
@@ -110818,37 +110892,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         animation: dialogScanlineSweep 1.05s ease-in-out infinite;
       }
 
-      .dialog-item.other-root-glow.state-proceeding::after,
-      .dialog-item.other-root-glow.gen-active::after {
-        opacity: 0;
-        animation: none;
-      }
-
-      .dialog-item.other-root-glow.state-proceeding::before,
-      .dialog-item.other-root-glow.gen-active::before {
-        content: '';
-        position: absolute;
-        inset: 0;
-        z-index: var(--dominds-z-local-base, 0);
-        pointer-events: none;
-        border-radius: 8px;
-        background:
-          radial-gradient(
-            ellipse at 50% 40%,
-            color-mix(in srgb, var(--dialog-glow-color, var(--dominds-primary, #007acc)) 35%, transparent)
-              0%,
-            color-mix(in srgb, var(--dialog-glow-color, var(--dominds-primary, #007acc)) 18%, transparent)
-              45%,
-            transparent 75%
-          );
-        opacity: 0;
-        filter: blur(6px);
-        transform: scale(0.96);
-        animation: dialogNodeGlowPulse 2.7s ease-in-out infinite;
-      }
-
-      .dialog-item.state-proceeding > .dialog-row,
-      .dialog-item.gen-active > .dialog-row {
+      .dialog-item.state-proceeding > .dialog-row {
         position: relative;
         z-index: var(--dominds-z-local-raised, 1);
       }
@@ -110867,67 +110911,43 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         }
       }
 
-      @keyframes dialogNodeGlowPulse {
-        0% {
-          opacity: 0;
-          transform: scale(0.96);
-        }
-        50% {
-          opacity: 0.8;
-          transform: scale(1.06);
-        }
-        100% {
-          opacity: 0;
-          transform: scale(0.96);
-        }
-      }
-
-      .dialog-item.gen-active {
-        --dialog-glow-color: var(--dominds-primary, #007acc);
-        position: relative;
-        overflow: hidden;
-      }
-
       @media (prefers-reduced-motion: reduce) {
         .dialog-item.state-proceeding::before,
-        .dialog-item.gen-active::before,
-        .dialog-item.state-proceeding::after,
-        .dialog-item.gen-active::after {
+        .dialog-item.state-proceeding::after {
           animation: none;
         }
 
-        .dialog-item.state-proceeding::after,
-        .dialog-item.gen-active::after {
+        .dialog-item.state-proceeding::after {
           opacity: 0.2;
         }
 
-        .dialog-item.other-root-glow.state-proceeding::before,
-        .dialog-item.other-root-glow.gen-active::before {
-          animation: none;
-          opacity: 0.2;
-        }
       }
 
       .run-badges {
         display: inline-flex;
         align-items: center;
-        gap: 4px;
+        gap: 3px;
       }
 
       .run-badge {
         display: inline-flex;
         align-items: center;
         justify-content: center;
-        height: 16px;
-        padding: 0 5px;
+        width: 22px;
+        height: 14px;
+        padding: 0;
         border-radius: 999px;
-        font-size: var(--dominds-font-size-xs, 11px);
-        font-weight: 700;
-        letter-spacing: 0.02em;
         border: 1px solid color-mix(in srgb, var(--dominds-border, #e0e0e0) 80%, transparent);
         background: var(--dominds-bg, #ffffff);
         color: var(--dominds-muted, #666666);
         user-select: none;
+        box-sizing: border-box;
+      }
+
+      .run-badge-icon {
+        width: 12px;
+        height: 12px;
+        flex: 0 0 auto;
       }
 
       .run-badge.interrupted {
@@ -110936,6 +110956,12 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         color: var(--dominds-danger, #721c24);
       }
 
+      .run-badge.proceeding {
+        background: color-mix(in srgb, var(--dominds-primary, #007acc) 12%, white 88%);
+        border-color: color-mix(in srgb, var(--dominds-primary, #007acc) 42%, transparent);
+        color: var(--dominds-primary, #007acc);
+      }
+
       .run-badge.blocked-q4h {
         background: color-mix(in srgb, #ede9fe 70%, white 30%);
         border-color: color-mix(in srgb, #7c3aed 35%, transparent);
@@ -110948,16 +110974,20 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
         color: var(--dominds-primary, #007acc);
       }
 
-      .run-badge.blocked-both {
-        background: color-mix(in srgb, #ede9fe 45%, var(--dominds-primary, #007acc) 9%, white 46%);
-        border-color: color-mix(in srgb, #7c3aed 25%, var(--dominds-primary, #007acc) 25%);
-        color: #5b21b6;
+      .run-badge.proceeding .run-badge-icon {
+        --icon-mask: ${ICON_MASK_URLS.play};
       }
 
-      .run-badge.generating {
-        background: color-mix(in srgb, var(--dominds-primary, #007acc) 14%, white 86%);
-        border-color: color-mix(in srgb, var(--dominds-primary, #007acc) 35%, transparent);
-        color: var(--dominds-primary, #007acc);
+      .run-badge.interrupted .run-badge-icon {
+        --icon-mask: ${ICON_MASK_URLS.error};
+      }
+
+      .run-badge.blocked-q4h .run-badge-icon {
+        --icon-mask: ${ICON_MASK_URLS.helpCircle};
+      }
+
+      .run-badge.blocked-subdialogs .run-badge-icon {
+        --icon-mask: ${ICON_MASK_URLS.call};
       }
 
       .toggle {
@@ -111226,7 +111256,6 @@ const _DomindsApp = class _DomindsApp extends HTMLElement {
     this.dialogRunStatesByKey = /* @__PURE__ */ new Map();
     this.proceedingDialogsCount = 0;
     this.resumableDialogsCount = 0;
-    this.generatingDialogKeys = /* @__PURE__ */ new Set();
     this.currentDialog = null;
     this.currentDialogStatus = null;
     this.retryPanelState = { kind: "hidden" };
@@ -116143,26 +116172,6 @@ ${content}`;
       input.setValue(`${current}${needsSpace ? " " : ""}${mentionWithSpace}`);
       input.focusInput();
     });
-    this.shadowRoot.addEventListener("dlg-generation-state", (event) => {
-      const ce2 = event;
-      const detail = ce2.detail;
-      const rootId = detail && typeof detail.rootId === "string" ? detail.rootId : "";
-      const selfId = detail && typeof detail.selfId === "string" ? detail.selfId : "";
-      const active = detail && typeof detail.active === "boolean" ? detail.active : false;
-      if (!rootId || !selfId) return;
-      const key = this.dialogKey(rootId, selfId);
-      if (active) {
-        this.generatingDialogKeys.add(key);
-      } else {
-        this.generatingDialogKeys.delete(key);
-      }
-      const sr = this.shadowRoot;
-      if (!sr) return;
-      const runningList = sr.querySelector("#running-dialog-list");
-      if (runningList instanceof RunningDialogList) {
-        runningList.setGeneratingKeys(this.generatingDialogKeys);
-      }
-    });
     this.shadowRoot.addEventListener("dialog-status-action", ((event) => {
       const ce2 = event;
       void this.handleDialogStatusAction(ce2.detail);
@@ -118114,7 +118123,6 @@ ${content}`;
         if (runningList instanceof RunningDialogList) {
           runningList.setProps({ loading });
           runningList.applySnapshot(dialogs);
-          runningList.setGeneratingKeys(this.generatingDialogKeys);
           if (this.currentDialog) runningList.setCurrentDialog(this.currentDialog);
         }
         break;
@@ -122050,4 +122058,4 @@ export {
   clear$2 as y,
   defaultConfig2 as z
 };
-//# sourceMappingURL=index-1Tlt2ebA.js.map
+//# sourceMappingURL=index-DLmfFirx.js.map