dominds 1.17.7 → 1.18.2

package/webapp/dist/assets/{index-DAShQcjb.js → index-DLajsIDJ.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-B94p-Dpl.js","assets/graph-CuF_sq4r.js","assets/_baseUniq-CH9LRkiH.js","assets/layout-BvaOu3k2.js","assets/_basePickBy-u7tNFRWr.js","assets/clone-Cd-48URG.js","assets/cose-bilkent-S5V4N54A-CCji0YN3.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-CgCG1cP0.js","assets/chunk-TZMSLE5B-CBShDwy2.js","assets/flowDiagram-NV44I4VS-cJjXWAlK.js","assets/chunk-FMBD7UC4-DAUsTLPS.js","assets/chunk-55IACEB6-CaJzGgc9.js","assets/chunk-QN33PNHL-BfQs-QHE.js","assets/channel-Crbz0zgt.js","assets/erDiagram-Q2GNP2WA-Bs0-2Rfj.js","assets/gitGraphDiagram-V2S2FVAM-D_jVOYOK.js","assets/chunk-4BX2VUAB-BIIEb_5S.js","assets/chunk-QZHKN3VN-C5iKQ6mQ.js","assets/treemap-GDKQZRPO-BHzYvXGn.js","assets/ganttDiagram-JELNMOA3-Du1AUaKm.js","assets/linear-Cg-CjocS.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-CEFlo_Hl.js","assets/pieDiagram-ADFJNKIX-Bai5CMos.js","assets/arc-Bo0Lw3ZP.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-BPXDO_2E.js","assets/xychartDiagram-PRI3JC2R-DGdjkYQQ.js","assets/requirementDiagram-UZGBJVZJ-Dgj9X9cE.js","assets/sequenceDiagram-WL72ISMW-DZJTga0d.js","assets/classDiagram-2ON5EDUG-DrfJDzYO.js","assets/chunk-B4BG7PRW-DHQwhO9F.js","assets/classDiagram-v2-WZHVMYZB-DrfJDzYO.js","assets/stateDiagram-FKZM4ZOC-RNxYatKM.js","assets/chunk-DI55MBZ5-CG1lO0R8.js","assets/stateDiagram-v2-4FDKWEC3-ADxYqWzo.js","assets/journeyDiagram-XKPGCS4Q-zc2Q4Se9.js","assets/timeline-definition-IT6M3QCI-Qx_h1e-i.js","assets/mindmap-definition-VGOIOE7T-CVFVrU22.js","assets/kanban-definition-3W4ZIXB7-oT42RM2a.js","assets/sankeyDiagram-TZEHDZUN-Dc0mO4OD.js","assets/diagram-S2PKOQOG-Dt5W2t6V.js","assets/diagram-QEK2KX5R-DquJirs4.js","assets/blockDiagram-VD42YOAC-BSXoLLq_.js","assets/architectureDiagram-VXUJARFQ-Ckyr89Iw.js","assets/diagram-PSM6KHXK-DP-zGmAS.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-BUSeNot0.js","assets/graph-BHjCU5xP.js","assets/_baseUniq-BEetT15i.js","assets/layout-DteV_yE8.js","assets/_basePickBy-BPJaiZdW.js","assets/clone-_9Ayb1Gp.js","assets/cose-bilkent-S5V4N54A-C8wDw3NY.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-BpPr62CH.js","assets/chunk-TZMSLE5B-Gao4qrq7.js","assets/flowDiagram-NV44I4VS-DgwPjg4y.js","assets/chunk-FMBD7UC4-ORmtkrtS.js","assets/chunk-55IACEB6-C_X7T43V.js","assets/chunk-QN33PNHL-LTAOVhWu.js","assets/channel-EMYoPjW3.js","assets/erDiagram-Q2GNP2WA-BujwA137.js","assets/gitGraphDiagram-V2S2FVAM-D_gSifkv.js","assets/chunk-4BX2VUAB-CefNtjWG.js","assets/chunk-QZHKN3VN-ZoUM_4u5.js","assets/treemap-GDKQZRPO-C5MiL6--.js","assets/ganttDiagram-JELNMOA3-Db2ykf3E.js","assets/linear-zItbPrND.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-BDba5pKs.js","assets/pieDiagram-ADFJNKIX-BpM-aH2p.js","assets/arc-Dm7Zf36f.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-NXdIpA15.js","assets/xychartDiagram-PRI3JC2R-ybaJrSry.js","assets/requirementDiagram-UZGBJVZJ-D1AICAA0.js","assets/sequenceDiagram-WL72ISMW-Cw76oP8t.js","assets/classDiagram-2ON5EDUG-uha1vIGN.js","assets/chunk-B4BG7PRW-BRe3_2oA.js","assets/classDiagram-v2-WZHVMYZB-uha1vIGN.js","assets/stateDiagram-FKZM4ZOC-QjCeRczs.js","assets/chunk-DI55MBZ5-CbvrsI_w.js","assets/stateDiagram-v2-4FDKWEC3-IClqxQ4s.js","assets/journeyDiagram-XKPGCS4Q-CmJAbmlm.js","assets/timeline-definition-IT6M3QCI-BfyfTY7m.js","assets/mindmap-definition-VGOIOE7T-BJXI7UqO.js","assets/kanban-definition-3W4ZIXB7-DxQeBTDk.js","assets/sankeyDiagram-TZEHDZUN-WiReDPfo.js","assets/diagram-S2PKOQOG-DjMG97kd.js","assets/diagram-QEK2KX5R-BQKoRtwy.js","assets/blockDiagram-VD42YOAC-C8fLN0iu.js","assets/architectureDiagram-VXUJARFQ-BpTPtkuo.js","assets/diagram-PSM6KHXK-CMZAksVC.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);
@@ -384,6 +384,7 @@ function getUiStrings(language2) {
       q4hSelectedQuestionStaleToastPrefix: "已选问题已失效：",
       q4hMessageEmptyToast: "消息内容不能为空。",
       q4hNoRoutableTargetToast: "没有可路由的目标：请选择一个 Q4H 问题或活跃对话。",
+      q4hConnectionUnavailableToast: "当前未连接到后端，消息尚未发送。",
       q4hSendFailedToast: "发送消息失败。",
       teammateAssignmentBubbleTitle: "定位到任务安排气泡",
       teammateRequesterCallSiteTitle: "在新标签打开诉请发起点",
@@ -745,6 +746,7 @@ function getUiStrings(language2) {
     q4hSelectedQuestionStaleToastPrefix: "Selected Q4H question is stale: ",
     q4hMessageEmptyToast: "Message content is empty.",
     q4hNoRoutableTargetToast: "No routable target: select a Q4H question or an active dialog.",
+    q4hConnectionUnavailableToast: "Not connected to the backend; the message was not sent.",
     q4hSendFailedToast: "Failed to send message.",
     teammateAssignmentBubbleTitle: "Go to assignment bubble",
     teammateRequesterCallSiteTitle: "Open requester call site in new tab",
@@ -2308,18 +2310,32 @@ class WebSocketManager {
       console.debug("WebSocket connection already in progress");
       return;
     }
-    this.updateConnectionState({ status: "connecting" });
+    this.updateConnectionState({ status: "connecting", error: void 0 });
     try {
       const wsUrl = this.config.url.replace(/^http/, "ws");
-      this.ws = new WebSocket(wsUrl, this.config.protocols);
-      this.ws.onopen = this.handleOpen.bind(this);
-      this.ws.onmessage = this.handleMessage.bind(this);
-      this.ws.onclose = this.handleClose.bind(this);
-      this.ws.onerror = this.handleError.bind(this);
+      const ws = new WebSocket(wsUrl, this.config.protocols);
+      this.ws = ws;
+      ws.onopen = () => {
+        if (this.ws !== ws) return;
+        this.handleOpen();
+      };
+      ws.onmessage = (event) => {
+        if (this.ws !== ws) return;
+        this.handleMessage(event);
+      };
+      ws.onclose = (event) => {
+        if (this.ws !== ws) return;
+        this.handleClose(event);
+      };
+      ws.onerror = (event) => {
+        if (this.ws !== ws) return;
+        this.handleError(event);
+      };
       setTimeout(() => {
-        if (this.ws?.readyState === WebSocket.CONNECTING) {
+        if (this.ws === ws && ws.readyState === WebSocket.CONNECTING) {
           console.warn("WebSocket connection timeout");
           this.handleError(new Error("Connection timeout"));
+          ws.close(4e3, "Connection timeout");
         }
       }, 5e3);
     } catch (error2) {
@@ -2347,7 +2363,7 @@ class WebSocketManager {
       this.ws.close(1e3, "Client disconnect");
       this.ws = null;
     }
-    this.updateConnectionState({ status: "disconnected", reconnectAttempts: 0 });
+    this.updateConnectionState({ status: "disconnected", reconnectAttempts: 0, error: void 0 });
   }
   /**
    * Send a raw message to the server
@@ -2398,7 +2414,8 @@ class WebSocketManager {
     this.updateConnectionState({
       status: "connected",
       lastConnected: /* @__PURE__ */ new Date(),
-      reconnectAttempts: 0
+      reconnectAttempts: 0,
+      error: void 0
     });
     if (this.uiLanguage) {
       this.sendRaw({ type: "set_ui_language", uiLanguage: this.uiLanguage });
@@ -2417,11 +2434,12 @@ class WebSocketManager {
       clearInterval(this.heartbeatTimer);
       this.heartbeatTimer = null;
     }
+    this.ws = null;
     if (event.code === 4401 || event.reason === "unauthorized") {
       this.updateConnectionState({ status: "error", error: "Unauthorized" });
       return;
     }
-    this.updateConnectionState({ status: "disconnected" });
+    this.updateConnectionState({ status: "disconnected", error: void 0 });
     if (event.code !== 1e3) {
       console.warn("Abnormal close detected, scheduling reconnect");
       this.scheduleReconnect();
@@ -2463,21 +2481,27 @@ class WebSocketManager {
     this.backendEvtsChan.write(message);
   }
   updateConnectionState(updates) {
-    ({ ...this.connectionState });
     this.connectionState = { ...this.connectionState, ...updates };
     this.connPubChan.write({ ...this.connectionState });
   }
   scheduleReconnect() {
+    if (this.reconnectTimer) {
+      return;
+    }
     if (this.connectionState.reconnectAttempts >= this.connectionState.maxReconnectAttempts) {
-      console.error("Max reconnection attempts reached");
+      const errorMessage = "Max reconnection attempts reached";
+      console.error(errorMessage);
+      this.updateConnectionState({ status: "error", error: errorMessage });
       return;
     }
     const delay = Math.min(1e3 * Math.pow(2, this.connectionState.reconnectAttempts), 3e4);
     this.updateConnectionState({
       status: "reconnecting",
-      reconnectAttempts: this.connectionState.reconnectAttempts + 1
+      reconnectAttempts: this.connectionState.reconnectAttempts + 1,
+      error: void 0
     });
     this.reconnectTimer = setTimeout(() => {
+      this.reconnectTimer = null;
       this.connect();
     }, delay);
   }
@@ -2895,9 +2919,10 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
     if (patch.subdialogCount !== void 0 && targetSelf === rootId) {
       const countEl = entry.el.querySelector(".dialog-count");
       if (countEl instanceof HTMLElement) {
-        countEl.textContent = String(
-          typeof next2.subdialogCount === "number" ? next2.subdialogCount : 0
-        );
+        if (typeof next2.subdialogCount !== "number" || !Number.isInteger(next2.subdialogCount) || next2.subdialogCount < 0) {
+          throw new Error(`Root dialog ${rootId} received invalid backend subdialogCount`);
+        }
+        countEl.textContent = String(next2.subdialogCount);
       }
     }
     return true;
@@ -3031,6 +3056,14 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
     }
     return max2;
   }
+  getRootSubdialogCount(rootGroup) {
+    if (!rootGroup.root) return rootGroup.subdialogs.length;
+    const backendCount = rootGroup.root.subdialogCount;
+    if (typeof backendCount !== "number" || !Number.isInteger(backendCount) || backendCount < 0) {
+      throw new Error(`Root dialog ${rootGroup.rootId} is missing backend subdialogCount`);
+    }
+    return backendCount;
+  }
   render() {
     if (!this.shadowRoot) return;
     const style2 = this.getStyles();
@@ -3267,7 +3300,7 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
     const rootRowHtml = rootGroup.root ? this.renderRootRow(
       rootGroup.root,
       this.renderToggleIcon(rootCollapsed),
-      rootGroup.subdialogs.length
+      this.getRootSubdialogCount(rootGroup)
     ) : this.renderMissingRootRow(rootGroup, rootCollapsed);
     const existingRootRow = rootNode.querySelector(
       ":scope > .dialog-item.root-dialog"
@@ -63355,6 +63388,8 @@ const HighlightJS = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
 const PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX = 120;
 const PROGRESSIVE_EXPAND_STEP_PARENT_RATIO = 1 / 3;
 const PROGRESSIVE_EXPAND_STEP_PARENT_ATTR = "data-progressive-expand-step-parent";
+const PROGRESSIVE_EXPAND_CLICK_COMMIT_DELAY_MS = 220;
+const PROGRESSIVE_EXPAND_OVERFLOW_OBSERVER_SLACK_PX = 1;
 function sameProgressiveExpandState(left, right) {
   if (left.kind !== right.kind) return false;
   if (left.kind !== "partial" || right.kind !== "partial") return true;
@@ -63375,6 +63410,7 @@ function getProgressiveExpandLabel(language2) {
 class ProgressiveExpandableComponent {
   constructor(options) {
     this.overflowObserver = null;
+    this.pendingClickCommitTimeout = null;
     this.boundOnNestedGrowth = (event) => {
       if (!(event instanceof CustomEvent)) return;
       if (event.type !== "progressive-expand-content-grown") return;
@@ -63384,17 +63420,18 @@ class ProgressiveExpandableComponent {
         this.refreshExpandFooter();
       });
     };
-    this.boundOnClick = () => {
-      const stepPx = computeProgressiveExpandStepPx(this.stepParent);
-      const currentMaxHeightPx = this.currentState.kind === "partial" ? Math.max(this.currentState.maxHeightPx, this.target.clientHeight) : Math.max(this.target.clientHeight, PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX);
-      const nextMaxHeightPx = currentMaxHeightPx + stepPx;
-      this.collapseToHeight(nextMaxHeightPx);
-      this.updateState({ kind: "partial", maxHeightPx: nextMaxHeightPx });
-      requestAnimationFrame(() => {
-        this.refreshExpandFooter();
-        this.emitContentGrown("expand-step");
-        this.onAfterExpandStep?.();
-      });
+    this.boundOnClick = (event) => {
+      this.cancelPendingClickCommit();
+      if (event.detail >= 3) {
+        this.autoExpandFromNowOn();
+        this.queueAfterExpansionEffects();
+        return;
+      }
+      const clickAction = event.detail <= 1 ? () => this.expandOneStep() : () => this.expandToCurrentMaximum();
+      this.pendingClickCommitTimeout = window.setTimeout(() => {
+        this.pendingClickCommitTimeout = null;
+        clickAction();
+      }, PROGRESSIVE_EXPAND_CLICK_COMMIT_DELAY_MS);
     };
     this.target = options.target;
     this.footer = options.footer;
@@ -63403,11 +63440,11 @@ class ProgressiveExpandableComponent {
     this.label = options.label;
     this.observeTargetUntilOverflow = options.observeTargetUntilOverflow === true;
     this.onStateChange = options.onStateChange;
-    this.onAfterExpandStep = options.onAfterExpandStep;
+    this.onAfterExpand = options.onAfterExpand;
     this.currentState = options.state ?? { kind: "initial" };
     this.button.setAttribute("aria-label", this.label.text);
     this.button.title = this.label.title;
-    this.button.onclick = this.boundOnClick;
+    this.button.addEventListener("click", this.boundOnClick);
     this.target.addEventListener(
       "progressive-expand-content-grown",
       this.boundOnNestedGrowth
@@ -63419,9 +63456,21 @@ class ProgressiveExpandableComponent {
       this.refreshExpandFooter();
     });
   }
+  expandOneStep() {
+    if (this.currentState.kind === "full") {
+      return;
+    }
+    const stepPx = computeProgressiveExpandStepPx(this.stepParent);
+    const currentMaxHeightPx = this.currentState.kind === "partial" ? Math.max(this.currentState.maxHeightPx, this.target.clientHeight) : Math.max(this.target.clientHeight, PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX);
+    const nextMaxHeightPx = currentMaxHeightPx + stepPx;
+    this.collapseToHeight(nextMaxHeightPx);
+    this.updateState({ kind: "partial", maxHeightPx: nextMaxHeightPx });
+    this.queueAfterExpansionEffects();
+  }
   cleanup() {
+    this.cancelPendingClickCommit();
     this.disconnectOverflowObserver();
-    this.button.onclick = null;
+    this.button.removeEventListener("click", this.boundOnClick);
     this.target.removeEventListener(
       "progressive-expand-content-grown",
       this.boundOnNestedGrowth
@@ -63444,6 +63493,11 @@ class ProgressiveExpandableComponent {
     this.target.style.maxHeight = `${Math.max(PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX, heightPx)}px`;
     this.target.style.overflowY = "hidden";
   }
+  cancelPendingClickCommit() {
+    if (this.pendingClickCommitTimeout === null) return;
+    window.clearTimeout(this.pendingClickCommitTimeout);
+    this.pendingClickCommitTimeout = null;
+  }
   collapseToInitial() {
     this.collapseToHeight(PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX);
   }
@@ -63455,12 +63509,33 @@ class ProgressiveExpandableComponent {
     this.overflowObserver?.disconnect();
     this.overflowObserver = null;
   }
-  expandFully() {
+  autoExpandFromNowOn() {
     this.showCurrentContentFully();
     this.footer.classList.add("is-hidden");
     this.disconnectOverflowObserver();
     this.updateState({ kind: "full" });
   }
+  expandToCurrentMaximum() {
+    if (this.currentState.kind === "full") {
+      return;
+    }
+    const currentMaxHeightPx = Math.max(
+      this.target.scrollHeight + PROGRESSIVE_EXPAND_OVERFLOW_OBSERVER_SLACK_PX,
+      this.target.clientHeight,
+      PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX
+    );
+    this.collapseToHeight(currentMaxHeightPx);
+    this.updateState({ kind: "partial", maxHeightPx: currentMaxHeightPx });
+    this.queueAfterExpansionEffects();
+  }
+  queueAfterExpansionEffects() {
+    requestAnimationFrame(() => {
+      if (!this.target.isConnected) return;
+      this.refreshExpandFooter();
+      this.emitContentGrown("expand-step");
+      this.onAfterExpand?.();
+    });
+  }
   applyCurrentState() {
     switch (this.currentState.kind) {
       case "initial":
@@ -63470,15 +63545,16 @@ class ProgressiveExpandableComponent {
         this.collapseToHeight(this.currentState.maxHeightPx);
         return;
       case "full":
-        this.expandFully();
+        this.autoExpandFromNowOn();
         return;
     }
   }
   attachOverflowObserverIfNeeded() {
-    this.disconnectOverflowObserver();
-    if (!this.observeTargetUntilOverflow || this.currentState.kind !== "initial" || typeof ResizeObserver === "undefined") {
+    if (!this.observeTargetUntilOverflow || this.currentState.kind === "full" || typeof ResizeObserver === "undefined") {
+      this.disconnectOverflowObserver();
       return;
     }
+    if (this.overflowObserver !== null) return;
     this.overflowObserver = new ResizeObserver(() => {
       this.refreshExpandFooter();
       this.emitContentGrown("content-growth");
@@ -63497,6 +63573,12 @@ class ProgressiveExpandableComponent {
       }
       this.footer.classList.add("is-hidden");
       this.showCurrentContentFully();
+      this.attachOverflowObserverIfNeeded();
+      return;
+    }
+    if (this.currentState.kind === "full") {
+      this.showCurrentContentFully();
+      this.footer.classList.add("is-hidden");
       return;
     }
     const overflow = this.target.scrollHeight > this.target.clientHeight + 1;
@@ -63506,7 +63588,18 @@ class ProgressiveExpandableComponent {
       return;
     }
     this.footer.classList.add("is-hidden");
-    this.expandFully();
+    this.ensurePartialOverflowObserverSlack();
+    this.attachOverflowObserverIfNeeded();
+  }
+  ensurePartialOverflowObserverSlack() {
+    if (this.currentState.kind !== "partial") return;
+    const nextMaxHeightPx = Math.max(
+      this.currentState.maxHeightPx,
+      this.target.scrollHeight + PROGRESSIVE_EXPAND_OVERFLOW_OBSERVER_SLACK_PX
+    );
+    if (nextMaxHeightPx === this.currentState.maxHeightPx) return;
+    this.collapseToHeight(nextMaxHeightPx);
+    this.updateState({ kind: "partial", maxHeightPx: nextMaxHeightPx });
   }
 }
 function setupProgressiveExpandBehavior(options) {
@@ -63733,8 +63826,7 @@ class DomindsCodeBlock extends HTMLElement {
       stepParent,
       label: getProgressiveExpandLabel(language2),
       // Code blocks can keep growing while streaming output arrives. Observe only the code block
-      // itself until it first crosses the initial clamp threshold; never infer or observe parent
-      // containers here.
+      // itself while its expand footer is hidden; never infer or observe parent containers here.
       observeTargetUntilOverflow: true,
       state: this.progressiveExpandState,
       onStateChange: (state2) => {
@@ -98444,12 +98536,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-B94p-Dpl.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-BUSeNot0.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-CCji0YN3.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-C8wDw3NY.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
       }
     ]
   ]);
@@ -98889,7 +98981,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-CgCG1cP0.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-YG6GDRKO-BpPr62CH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0);
   return { id: id$1, diagram: diagram2 };
@@ -98909,7 +99001,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-cJjXWAlK.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-DgwPjg4y.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id2, diagram: diagram2 };
@@ -98935,7 +99027,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-cJjXWAlK.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-DgwPjg4y.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id3, diagram: diagram2 };
@@ -98952,7 +99044,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-Bs0-2Rfj.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q2GNP2WA-BujwA137.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0);
   return { id: id4, diagram: diagram2 };
@@ -98969,7 +99061,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-D_jVOYOK.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-V2S2FVAM-D_gSifkv.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,2,4,5]) : void 0);
   return { id: id5, diagram: diagram2 };
@@ -98986,7 +99078,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-Du1AUaKm.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-JELNMOA3-Db2ykf3E.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0);
   return { id: id6, diagram: diagram2 };
@@ -99003,7 +99095,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-CEFlo_Hl.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-HS3SLOUP-BDba5pKs.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,2,4,5]) : void 0);
   return { id: id7, diagram: diagram2 };
@@ -99019,7 +99111,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-Bai5CMos.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-ADFJNKIX-BpM-aH2p.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([25,17,19,2,4,5,26,27,22]) : void 0);
   return { id: id8, diagram: diagram2 };
@@ -99035,7 +99127,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-BPXDO_2E.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-AYHSOK5B-NXdIpA15.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0);
   return { id: id9, diagram: diagram2 };
@@ -99052,7 +99144,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-DGdjkYQQ.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-PRI3JC2R-ybaJrSry.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0);
   return { id: id10, diagram: diagram2 };
@@ -99069,7 +99161,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-Dgj9X9cE.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-UZGBJVZJ-D1AICAA0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0);
   return { id: id11, diagram: diagram2 };
@@ -99086,7 +99178,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-DZJTga0d.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-WL72ISMW-Cw76oP8t.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0);
   return { id: id12, diagram: diagram2 };
@@ -99106,7 +99198,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-DrfJDzYO.js");
+    const { diagram: diagram22 } = await import("./classDiagram-2ON5EDUG-uha1vIGN.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,33,11,12,13]) : void 0);
   return { id: id13, diagram: diagram2 };
@@ -99126,7 +99218,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-DrfJDzYO.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-WZHVMYZB-uha1vIGN.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([34,33,11,12,13]) : void 0);
   return { id: id14, diagram: diagram2 };
@@ -99146,7 +99238,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-RNxYatKM.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-FKZM4ZOC-QjCeRczs.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0);
   return { id: id15, diagram: diagram2 };
@@ -99169,7 +99261,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-ADxYqWzo.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-4FDKWEC3-IClqxQ4s.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0);
   return { id: id16, diagram: diagram2 };
@@ -99186,7 +99278,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-zc2Q4Se9.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-XKPGCS4Q-CmJAbmlm.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,9,11,26]) : void 0);
   return { id: id17, diagram: diagram2 };
@@ -99256,7 +99348,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-cJjXWAlK.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-DgwPjg4y.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id18, diagram: diagram2 };
@@ -99273,7 +99365,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-Qx_h1e-i.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-IT6M3QCI-BfyfTY7m.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0);
   return { id: id19, diagram: diagram2 };
@@ -99290,7 +99382,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-CVFVrU22.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-VGOIOE7T-BJXI7UqO.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0);
   return { id: id20, diagram: diagram2 };
@@ -99307,7 +99399,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-oT42RM2a.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-3W4ZIXB7-DxQeBTDk.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0);
   return { id: id21, diagram: diagram2 };
@@ -99324,7 +99416,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-Dc0mO4OD.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-TZEHDZUN-WiReDPfo.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0);
   return { id: id22, diagram: diagram2 };
@@ -99341,7 +99433,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-Dt5W2t6V.js");
+    const { diagram: diagram22 } = await import("./diagram-S2PKOQOG-DjMG97kd.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,2,4,5]) : void 0);
   return { id: id23, diagram: diagram2 };
@@ -99357,7 +99449,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-DquJirs4.js");
+    const { diagram: diagram22 } = await import("./diagram-QEK2KX5R-BQKoRtwy.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,2,4,5]) : void 0);
   return { id: id24, diagram: diagram2 };
@@ -99373,7 +99465,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-BSXoLLq_.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-VD42YOAC-C8fLN0iu.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,2,1,14]) : void 0);
   return { id: id25, diagram: diagram2 };
@@ -99390,7 +99482,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-Ckyr89Iw.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-VXUJARFQ-BpTPtkuo.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,19,2,4,5,7]) : void 0);
   return { id: id26, diagram: diagram2 };
@@ -99407,7 +99499,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-DP-zGmAS.js");
+    const { diagram: diagram22 } = await import("./diagram-PSM6KHXK-CMZAksVC.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
   return { id: id27, diagram: diagram2 };
@@ -100747,7 +100839,15 @@ function unwrapAnchor(anchor2) {
 function postprocessRenderedDomindsMarkdown(root2) {
   if (typeof window === "undefined") return;
   if (!("querySelectorAll" in root2)) return;
-  const anchors = root2.querySelectorAll("a");
+  const anchors = [];
+  if (root2 instanceof HTMLAnchorElement) {
+    anchors.push(root2);
+  }
+  for (const anchorNode of Array.from(root2.querySelectorAll("a"))) {
+    if (anchorNode instanceof HTMLAnchorElement) {
+      anchors.push(anchorNode);
+    }
+  }
   const previewAnchorsByPath = /* @__PURE__ */ new Map();
   for (const anchorNode of anchors) {
     if (!(anchorNode instanceof HTMLAnchorElement)) continue;
@@ -100787,6 +100887,57 @@ function postprocessRenderedDomindsMarkdown(root2) {
     }
   });
 }
+function isCodeBlockElement(node2) {
+  return node2 instanceof HTMLElement && node2.tagName === "DOMINDS-CODE-BLOCK" && typeof node2.code === "string";
+}
+function isMermaidBlockElement(node2) {
+  return node2 instanceof HTMLElement && node2.tagName === "DOMINDS-MERMAID-BLOCK" && typeof node2.definition === "string";
+}
+function isMathBlockElement(node2) {
+  return node2 instanceof HTMLElement && node2.tagName === "DOMINDS-MATH-BLOCK" && typeof node2.tex === "string";
+}
+function syncElementAttributes(live, next2) {
+  let changed = false;
+  for (const attr of Array.from(live.attributes)) {
+    if (!next2.hasAttribute(attr.name)) {
+      live.removeAttribute(attr.name);
+      changed = true;
+    }
+  }
+  for (const attr of Array.from(next2.attributes)) {
+    if (live.getAttribute(attr.name) !== attr.value) {
+      live.setAttribute(attr.name, attr.value);
+      changed = true;
+    }
+  }
+  return changed;
+}
+function syncOptionalAttribute(element, name, nextValue) {
+  if (nextValue === null) {
+    if (element.hasAttribute(name)) {
+      element.removeAttribute(name);
+      return true;
+    }
+    return false;
+  }
+  if (element.getAttribute(name) !== nextValue) {
+    element.setAttribute(name, nextValue);
+    return true;
+  }
+  return false;
+}
+function cloneRenderedNode(node2) {
+  return node2.cloneNode(true);
+}
+function maybeAddPostprocessTarget(targets, node2) {
+  if (node2 instanceof HTMLAnchorElement) {
+    targets.add(node2);
+    return;
+  }
+  if (node2 instanceof Element) {
+    targets.add(node2);
+  }
+}
 class DomindsMarkdownSection extends HTMLElement {
   constructor() {
     super();
@@ -100794,39 +100945,176 @@ class DomindsMarkdownSection extends HTMLElement {
     this.classList.add("markdown-section");
     this.innerHTML = '<div class="markdown-content"></div>';
   }
-  /**
-   * Public API: Append a markdown chunk and re-render
-   */
   appendChunk(chunk) {
     this.accumulatedRawMarkdown += chunk;
     this.render();
   }
-  /**
-   * Public API: Get the accumulated raw markdown
-   */
   getRawMarkdown() {
     return this.accumulatedRawMarkdown;
   }
-  /**
-   * Public API: Set the raw markdown directly (e.g. for reconstruction)
-   */
   setRawMarkdown(markdown) {
     this.accumulatedRawMarkdown = markdown;
     this.render();
   }
-  /**
-   * Internal render logic
-   */
+  canReuseNode(live, next2) {
+    if (live.nodeType !== next2.nodeType) return false;
+    if (live instanceof Text && next2 instanceof Text) return true;
+    if (live instanceof HTMLElement && next2 instanceof HTMLElement) {
+      return live.tagName === next2.tagName;
+    }
+    return false;
+  }
+  canSkipNode(live, next2) {
+    if (!this.canReuseNode(live, next2)) return false;
+    if (live instanceof Text && next2 instanceof Text) {
+      return live.data === next2.data;
+    }
+    if (!(live instanceof HTMLElement) || !(next2 instanceof HTMLElement)) {
+      return false;
+    }
+    if (isCodeBlockElement(live) && isCodeBlockElement(next2)) {
+      return (live.getAttribute("language") ?? "") === (next2.getAttribute("language") ?? "") && live.code === (next2.textContent ?? "");
+    }
+    if (isMermaidBlockElement(live) && isMermaidBlockElement(next2)) {
+      return live.definition === (next2.textContent ?? "");
+    }
+    if (isMathBlockElement(live) && isMathBlockElement(next2)) {
+      return (live.getAttribute("display") ?? "") === (next2.getAttribute("display") ?? "") && live.tex === (next2.textContent ?? "");
+    }
+    return live.isEqualNode(next2);
+  }
+  reconcileCustomElement(live, next2) {
+    if (isCodeBlockElement(live) && isCodeBlockElement(next2)) {
+      const attrChanged = syncOptionalAttribute(live, "language", next2.getAttribute("language"));
+      const nextCode = next2.textContent ?? "";
+      if (live.code !== nextCode) {
+        live.code = nextCode;
+        return "changed";
+      }
+      return attrChanged ? "changed" : "unchanged";
+    }
+    if (isMermaidBlockElement(live) && isMermaidBlockElement(next2)) {
+      const nextDefinition = next2.textContent ?? "";
+      if (live.definition !== nextDefinition) {
+        live.definition = nextDefinition;
+        return "changed";
+      }
+      return "unchanged";
+    }
+    if (isMathBlockElement(live) && isMathBlockElement(next2)) {
+      const attrChanged = syncOptionalAttribute(live, "display", next2.getAttribute("display"));
+      const nextTex = next2.textContent ?? "";
+      if (live.tex !== nextTex) {
+        live.tex = nextTex;
+        return "changed";
+      }
+      return attrChanged ? "changed" : "unchanged";
+    }
+    return "not-custom";
+  }
+  reconcileNode(live, next2, postprocessTargets) {
+    if (live instanceof Text && next2 instanceof Text) {
+      if (live.data !== next2.data) {
+        live.data = next2.data;
+        return true;
+      }
+      return false;
+    }
+    if (!(live instanceof HTMLElement) || !(next2 instanceof HTMLElement)) {
+      return false;
+    }
+    if (this.canSkipNode(live, next2)) {
+      return false;
+    }
+    const customResult = this.reconcileCustomElement(live, next2);
+    if (customResult !== "not-custom") {
+      return customResult === "changed";
+    }
+    const attrChanged = syncElementAttributes(live, next2);
+    const childrenChanged = this.reconcileChildren(live, next2, postprocessTargets);
+    if (attrChanged || childrenChanged) {
+      if (live instanceof HTMLAnchorElement) {
+        postprocessTargets.add(live);
+      }
+      return true;
+    }
+    return false;
+  }
+  reconcileChildren(liveParent, nextParent, postprocessTargets) {
+    const liveChildren = Array.from(liveParent.childNodes);
+    const nextChildren = Array.from(nextParent.childNodes);
+    let prefixLength = 0;
+    while (prefixLength < liveChildren.length && prefixLength < nextChildren.length && this.canSkipNode(liveChildren[prefixLength], nextChildren[prefixLength])) {
+      prefixLength += 1;
+    }
+    let liveTailIndex = liveChildren.length - 1;
+    let nextTailIndex = nextChildren.length - 1;
+    while (liveTailIndex >= prefixLength && nextTailIndex >= prefixLength && this.canSkipNode(liveChildren[liveTailIndex], nextChildren[nextTailIndex])) {
+      liveTailIndex -= 1;
+      nextTailIndex -= 1;
+    }
+    const tailReference = liveTailIndex + 1 < liveChildren.length ? liveChildren[liveTailIndex + 1] ?? null : null;
+    let changed = false;
+    const limit = Math.max(liveTailIndex - prefixLength + 1, nextTailIndex - prefixLength + 1);
+    for (let index = 0; index < limit; index += 1) {
+      const logicalIndex = prefixLength + index;
+      const live = logicalIndex <= liveTailIndex ? liveChildren[logicalIndex] ?? null : null;
+      const next2 = logicalIndex <= nextTailIndex ? nextChildren[logicalIndex] ?? null : null;
+      if (live === null && next2 !== null) {
+        const clone2 = cloneRenderedNode(next2);
+        liveParent.insertBefore(clone2, tailReference);
+        maybeAddPostprocessTarget(postprocessTargets, clone2);
+        changed = true;
+        continue;
+      }
+      if (live !== null && next2 === null) {
+        live.remove();
+        changed = true;
+        continue;
+      }
+      if (live === null || next2 === null) {
+        continue;
+      }
+      if (!this.canReuseNode(live, next2)) {
+        const clone2 = cloneRenderedNode(next2);
+        live.replaceWith(clone2);
+        maybeAddPostprocessTarget(postprocessTargets, clone2);
+        changed = true;
+        continue;
+      }
+      if (this.reconcileNode(live, next2, postprocessTargets)) {
+        changed = true;
+      }
+    }
+    return changed;
+  }
+  normalizePostprocessTargets(targets) {
+    const allTargets = Array.from(targets);
+    return allTargets.filter((target) => {
+      for (const other of allTargets) {
+        if (other === target) continue;
+        if (other.contains(target)) {
+          return false;
+        }
+      }
+      return true;
+    });
+  }
   render() {
     const contentEl = this.querySelector(".markdown-content");
-    if (contentEl) {
-      contentEl.innerHTML = renderDomindsMarkdown(this.accumulatedRawMarkdown, {
-        kind: "chat",
-        allowRelativeWorkspaceLinks: true
-      });
-      postprocessRenderedDomindsMarkdown(contentEl);
-      contentEl.setAttribute("data-raw-md", this.accumulatedRawMarkdown);
+    if (!contentEl) return;
+    const rendered = renderDomindsMarkdown(this.accumulatedRawMarkdown, {
+      kind: "chat",
+      allowRelativeWorkspaceLinks: true
+    });
+    const nextTree = document.createElement("div");
+    nextTree.innerHTML = rendered;
+    const postprocessTargets = /* @__PURE__ */ new Set();
+    this.reconcileChildren(contentEl, nextTree, postprocessTargets);
+    for (const target of this.normalizePostprocessTargets(postprocessTargets)) {
+      postprocessRenderedDomindsMarkdown(target);
     }
+    contentEl.setAttribute("data-raw-md", this.accumulatedRawMarkdown);
   }
 }
 if (!customElements.get("dominds-markdown-section")) {
@@ -100844,6 +101132,7 @@ const AUTO_SCROLL_WHEEL_RESISTANCE_PX = 56;
 const AUTO_SCROLL_WHEEL_DECAY_MS = 520;
 const AUTO_SCROLL_WHEEL_MAX_RESISTANCE = 1.8;
 const AUTO_SCROLL_WHEEL_IDLE_EPSILON = 0.03;
+const STREAM_CHUNK_FLUSH_INTERVAL_MS = 200;
 class DomindsDialogContainer extends HTMLElement {
   constructor() {
     super();
@@ -100852,6 +101141,12 @@ class DomindsDialogContainer extends HTMLElement {
     this.serverWorkLanguage = "en";
     this.displayState = null;
     this.suppressEvents = false;
+    this.pendingThinkingChunkBuffer = "";
+    this.pendingThinkingChunkFlushTimer = null;
+    this.pendingThinkingChunkFlushRaf = null;
+    this.pendingMarkdownChunkBuffer = "";
+    this.pendingMarkdownChunkFlushTimer = null;
+    this.pendingMarkdownChunkFlushRaf = null;
     this.autoScrollMode = "following";
     this.autoScrollPinnedToBottom = true;
     this.autoScrollLastRemainingPx = 0;
@@ -100882,6 +101177,9 @@ class DomindsDialogContainer extends HTMLElement {
     this.toolResultImageStatusByKey = /* @__PURE__ */ new Map();
     this.toolResultImageStatusElByKey = /* @__PURE__ */ new Map();
     this.queuedUserBubbleByMsgId = /* @__PURE__ */ new Map();
+    this.queuedUserContentItemsByMsgId = /* @__PURE__ */ new Map();
+    this.userImageStatusByKey = /* @__PURE__ */ new Map();
+    this.userImageStatusElByKey = /* @__PURE__ */ new Map();
     this.pendingTellaskCallAnchorByGenseq = /* @__PURE__ */ new Map();
     this.progressiveExpandCleanupByTarget = /* @__PURE__ */ new Map();
     this.viewportPanelState = { kind: "hidden" };
@@ -100921,6 +101219,24 @@ class DomindsDialogContainer extends HTMLElement {
       this.pendingScrollRequest = { kind: "by_genseq", course: detail.course, genseq: detail.genseq };
       this.maybeApplyPendingScrollRequest();
     };
+    this.enqueueThinkingChunkFlushRaf = () => {
+      this.pendingThinkingChunkFlushTimer = null;
+      if (this.pendingThinkingChunkBuffer.length < 1) return;
+      if (this.pendingThinkingChunkFlushRaf !== null) return;
+      this.pendingThinkingChunkFlushRaf = requestAnimationFrame(() => {
+        this.pendingThinkingChunkFlushRaf = null;
+        this.flushPendingThinkingChunks();
+      });
+    };
+    this.enqueueMarkdownChunkFlushRaf = () => {
+      this.pendingMarkdownChunkFlushTimer = null;
+      if (this.pendingMarkdownChunkBuffer.length < 1) return;
+      if (this.pendingMarkdownChunkFlushRaf !== null) return;
+      this.pendingMarkdownChunkFlushRaf = requestAnimationFrame(() => {
+        this.pendingMarkdownChunkFlushRaf = null;
+        this.flushPendingMarkdownChunks();
+      });
+    };
     this.attachShadow({ mode: "open" });
   }
   setServerWorkLanguage(language2) {
@@ -101598,6 +101914,7 @@ class DomindsDialogContainer extends HTMLElement {
     this.stopAutoScrollObservation();
     this.resetAutoScrollTransientState();
     this.clearViewportPanel();
+    this.resetPendingStreamChunkFlush();
     this.generationBubble = void 0;
     this.thinkingSection = void 0;
     this.markdownSection = void 0;
@@ -101614,6 +101931,9 @@ class DomindsDialogContainer extends HTMLElement {
     this.toolResultImageStatusByKey.clear();
     this.toolResultImageStatusElByKey.clear();
     this.queuedUserBubbleByMsgId.clear();
+    this.queuedUserContentItemsByMsgId.clear();
+    this.userImageStatusByKey.clear();
+    this.userImageStatusElByKey.clear();
     this.pendingTellaskCallAnchorByGenseq.clear();
     const messages = this.shadowRoot?.querySelector(".messages");
     if (messages) {
@@ -101626,6 +101946,7 @@ class DomindsDialogContainer extends HTMLElement {
       cleanup();
     }
     this.progressiveExpandCleanupByTarget.clear();
+    this.resetPendingStreamChunkFlush();
     this.stopAutoScrollObservation();
     this.resetAutoScrollTransientState();
     this.clearViewportPanel();
@@ -101647,12 +101968,121 @@ class DomindsDialogContainer extends HTMLElement {
     this.toolResultImageStatusByKey.clear();
     this.toolResultImageStatusElByKey.clear();
     this.queuedUserBubbleByMsgId.clear();
+    this.queuedUserContentItemsByMsgId.clear();
+    this.userImageStatusByKey.clear();
+    this.userImageStatusElByKey.clear();
     this.pendingTellaskCallAnchorByGenseq.clear();
     const messages = this.shadowRoot?.querySelector(".messages");
     if (messages) {
       messages.innerHTML = "";
     }
   }
+  clearPendingThinkingChunkFlushTimer() {
+    if (this.pendingThinkingChunkFlushTimer === null) return;
+    window.clearTimeout(this.pendingThinkingChunkFlushTimer);
+    this.pendingThinkingChunkFlushTimer = null;
+  }
+  clearPendingThinkingChunkFlushRaf() {
+    if (this.pendingThinkingChunkFlushRaf === null) return;
+    cancelAnimationFrame(this.pendingThinkingChunkFlushRaf);
+    this.pendingThinkingChunkFlushRaf = null;
+  }
+  clearPendingMarkdownChunkFlushTimer() {
+    if (this.pendingMarkdownChunkFlushTimer === null) return;
+    window.clearTimeout(this.pendingMarkdownChunkFlushTimer);
+    this.pendingMarkdownChunkFlushTimer = null;
+  }
+  clearPendingMarkdownChunkFlushRaf() {
+    if (this.pendingMarkdownChunkFlushRaf === null) return;
+    cancelAnimationFrame(this.pendingMarkdownChunkFlushRaf);
+    this.pendingMarkdownChunkFlushRaf = null;
+  }
+  resetPendingStreamChunkFlush() {
+    this.clearPendingThinkingChunkFlushTimer();
+    this.clearPendingThinkingChunkFlushRaf();
+    this.clearPendingMarkdownChunkFlushTimer();
+    this.clearPendingMarkdownChunkFlushRaf();
+    this.pendingThinkingChunkBuffer = "";
+    this.pendingMarkdownChunkBuffer = "";
+  }
+  flushPendingThinkingChunks() {
+    this.clearPendingThinkingChunkFlushTimer();
+    this.clearPendingThinkingChunkFlushRaf();
+    if (this.pendingThinkingChunkBuffer.length < 1) return;
+    const section = this.thinkingSection;
+    if (!section) {
+      this.pendingThinkingChunkBuffer = "";
+      return;
+    }
+    const contentEl = section.querySelector(".thinking-content");
+    if (!contentEl) {
+      this.pendingThinkingChunkBuffer = "";
+      return;
+    }
+    contentEl.textContent += this.pendingThinkingChunkBuffer;
+    this.pendingThinkingChunkBuffer = "";
+    this.scrollToBottom();
+  }
+  flushPendingMarkdownChunks() {
+    this.clearPendingMarkdownChunkFlushTimer();
+    this.clearPendingMarkdownChunkFlushRaf();
+    if (this.pendingMarkdownChunkBuffer.length < 1) return;
+    const section = this.markdownSection;
+    if (!section) {
+      this.pendingMarkdownChunkBuffer = "";
+      return;
+    }
+    section.appendChunk(this.pendingMarkdownChunkBuffer);
+    this.pendingMarkdownChunkBuffer = "";
+    this.scrollToBottom();
+  }
+  scheduleThinkingChunkFlush() {
+    if (this.pendingThinkingChunkFlushTimer !== null) return;
+    if (this.pendingThinkingChunkFlushRaf !== null) return;
+    this.pendingThinkingChunkFlushTimer = window.setTimeout(() => {
+      this.enqueueThinkingChunkFlushRaf();
+    }, STREAM_CHUNK_FLUSH_INTERVAL_MS);
+  }
+  scheduleMarkdownChunkFlush() {
+    if (this.pendingMarkdownChunkFlushTimer !== null) return;
+    if (this.pendingMarkdownChunkFlushRaf !== null) return;
+    this.pendingMarkdownChunkFlushTimer = window.setTimeout(() => {
+      this.enqueueMarkdownChunkFlushRaf();
+    }, STREAM_CHUNK_FLUSH_INTERVAL_MS);
+  }
+  completeThinkingSection() {
+    const thinkingSection = this.thinkingSection;
+    if (!thinkingSection) {
+      console.warn("thinking_finish_evt received without active thinking section, skipping");
+      return;
+    }
+    thinkingSection.classList.add("completed");
+    this.thinkingSection = void 0;
+  }
+  completeMarkdownSection() {
+    if (!this.markdownSection) {
+      console.warn("markdown_finish_evt received without active markdown section, skipping");
+      return;
+    }
+    this.markdownSection.classList.add("completed");
+    this.markdownSection = void 0;
+  }
+  requestImmediateThinkingChunkFlushForFinish() {
+    this.clearPendingThinkingChunkFlushTimer();
+    if (this.pendingThinkingChunkBuffer.length < 1) return false;
+    this.clearPendingThinkingChunkFlushRaf();
+    this.flushPendingThinkingChunks();
+    this.completeThinkingSection();
+    return true;
+  }
+  requestImmediateMarkdownChunkFlushForFinish() {
+    this.clearPendingMarkdownChunkFlushTimer();
+    if (this.pendingMarkdownChunkBuffer.length < 1) return false;
+    this.clearPendingMarkdownChunkFlushRaf();
+    this.flushPendingMarkdownChunks();
+    this.completeMarkdownSection();
+    return true;
+  }
   stopAutoScrollObservation() {
     if (this.autoScrollRealignRaf !== null) {
       cancelAnimationFrame(this.autoScrollRealignRaf);
@@ -101836,7 +102266,8 @@ class DomindsDialogContainer extends HTMLElement {
       // === FUNCTION CALLS (non-streaming mode - direct tool execution) ===
       case "func_call_requested_evt": {
         const ev = event;
-        this.handleFuncCallRequested(ev.funcId, ev.funcName, ev.arguments);
+        const timestamp2 = "timestamp" in ev && typeof ev.timestamp === "string" ? ev.timestamp : (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace("T", " ");
+        this.handleFuncCallRequested(ev.genseq, ev.funcId, ev.funcName, ev.arguments, timestamp2);
         break;
       }
       case "web_search_call_evt":
@@ -101848,9 +102279,12 @@ class DomindsDialogContainer extends HTMLElement {
       case "tool_result_image_ingest_evt":
         this.handleToolResultImageIngest(event);
         break;
+      case "user_image_ingest_evt":
+        this.handleUserImageIngest(event);
+        break;
       // Function results
       case "func_result_evt":
-        if (this.generationBubble && this.currentCourse !== event.course) {
+        if (this.generationBubble && this.generationBubble.getAttribute("data-seq") === String(event.genseq) && this.currentCourse !== event.course) {
           this.handleProtocolError("func_result event.course mismatch with active generation");
           console.error("Function result mismatch", {
             activeSeq: this.activeGenSeq,
@@ -101881,28 +102315,34 @@ class DomindsDialogContainer extends HTMLElement {
         this.handleFullRemindersUpdate(event);
         break;
       case "stream_error_evt":
-        if (!this.generationBubble) {
-          const host = this.getRootNode()?.host;
-          const t2 = getUiStrings(this.uiLanguage);
-          const detail = {
-            message: String(event.error || t2.unknownStreamErrorToast),
-            kind: "error"
-          };
-          if (host) {
-            dispatchDomindsEvent(host, "ui-toast", detail, { bubbles: true, composed: true });
+        {
+          const container = this.shadowRoot?.querySelector(".messages");
+          const targetBubble = event.genseq !== void 0 ? this.generationBubble && this.generationBubble.getAttribute("data-seq") === String(event.genseq) ? this.generationBubble : container ? container.querySelector(
+            `.generation-bubble[data-seq="${String(event.genseq)}"]`
+          ) : null : this.generationBubble;
+          if (!targetBubble) {
+            const host = this.getRootNode()?.host;
+            const t2 = getUiStrings(this.uiLanguage);
+            const detail = {
+              message: String(event.error || t2.unknownStreamErrorToast),
+              kind: "error"
+            };
+            if (host) {
+              dispatchDomindsEvent(host, "ui-toast", detail, { bubbles: true, composed: true });
+            }
+            break;
           }
-          break;
-        }
-        if (event.genseq !== void 0 && (this.activeGenSeq === void 0 || this.activeGenSeq !== event.genseq)) {
-          this.handleProtocolError("stream_error_evt event.genseq mismatch");
-          console.error("Stream error mismatch", {
-            activeSeq: this.activeGenSeq,
-            seq: event.genseq,
-            course: this.currentCourse,
-            evtCourse: event.course
-          });
+          if (event.genseq !== void 0 && this.generationBubble && this.generationBubble.getAttribute("data-seq") === String(event.genseq) && (this.activeGenSeq === void 0 || this.activeGenSeq !== event.genseq)) {
+            this.handleProtocolError("stream_error_evt event.genseq mismatch");
+            console.error("Stream error mismatch", {
+              activeSeq: this.activeGenSeq,
+              seq: event.genseq,
+              course: this.currentCourse,
+              evtCourse: event.course
+            });
+          }
+          this.handleError(String(event.error), targetBubble);
         }
-        this.handleError(String(event.error));
         break;
       // Historical stream events removed; only stream_error_evt may appear and is handled elsewhere
       default:
@@ -101932,6 +102372,7 @@ class DomindsDialogContainer extends HTMLElement {
       this.generationBubble = void 0;
     };
     const queuedMsgId = typeof msgId === "string" ? msgId.trim() : "";
+    const queuedContentItems = queuedMsgId === "" ? void 0 : this.queuedUserContentItemsByMsgId.get(queuedMsgId);
     const queuedBubble = queuedMsgId === "" ? void 0 : this.takeQueuedUserBubble(queuedMsgId);
     const existingBubble = this.generationBubble;
     if (queuedBubble) {
@@ -101943,7 +102384,8 @@ class DomindsDialogContainer extends HTMLElement {
         queuedBubble,
         seq2,
         timestamp2,
-        queuedMsgId
+        queuedMsgId,
+        queuedContentItems
       );
       if (typeof this.currentCourse === "number") {
         bubble2.setAttribute("data-course", String(this.currentCourse));
@@ -102025,6 +102467,7 @@ class DomindsDialogContainer extends HTMLElement {
     let bubble = this.queuedUserBubbleByMsgId.get(msgId);
     if (bubble && !bubble.isConnected) {
       this.queuedUserBubbleByMsgId.delete(msgId);
+      this.queuedUserContentItemsByMsgId.delete(msgId);
       bubble = void 0;
     }
     if (!bubble) {
@@ -102047,7 +102490,12 @@ class DomindsDialogContainer extends HTMLElement {
       }
       this.setBubbleTimestamp(bubble, event.timestamp);
     }
+    const contentHost = bubble.querySelector(".content");
+    if (contentHost) {
+      this.upsertUserContentItems(contentHost, event.contentItems, event.msgId);
+    }
     this.queuedUserBubbleByMsgId.set(msgId, bubble);
+    this.queuedUserContentItemsByMsgId.set(msgId, event.contentItems);
     this.insertRealtimeBubbleAfterActiveGeneration(container, bubble);
     this.scrollToBottom();
   }
@@ -102114,8 +102562,10 @@ class DomindsDialogContainer extends HTMLElement {
     const tracked = this.queuedUserBubbleByMsgId.get(msgId);
     if (tracked) {
       this.queuedUserBubbleByMsgId.delete(msgId);
+      this.queuedUserContentItemsByMsgId.delete(msgId);
       if (tracked.isConnected) return tracked;
     }
+    this.queuedUserContentItemsByMsgId.delete(msgId);
     const container = this.shadowRoot?.querySelector(".messages");
     if (!container) return void 0;
     for (const node2 of Array.from(
@@ -102126,7 +102576,7 @@ class DomindsDialogContainer extends HTMLElement {
     }
     return void 0;
   }
-  reuseQueuedUserBubbleForGeneration(queuedBubble, seq2, timestamp2, msgId) {
+  reuseQueuedUserBubbleForGeneration(queuedBubble, seq2, timestamp2, msgId, contentItems) {
     const queuedContentEl = queuedBubble.querySelector(".user-message");
     const queuedRawContent = queuedContentEl?.textContent ?? "";
     const bubble = this.createGenerationBubble(timestamp2);
@@ -102146,6 +102596,7 @@ class DomindsDialogContainer extends HTMLElement {
         divider2.className = "user-response-divider";
         body.appendChild(divider2);
         this.upsertUserPlainTextMessage(body, queuedRawContent);
+        this.upsertUserContentItems(body, contentItems, msgId, seq2);
         bubble.setAttribute("data-raw-user-msg", queuedRawContent);
       }
     }
@@ -102158,8 +102609,10 @@ class DomindsDialogContainer extends HTMLElement {
     const tracked = this.queuedUserBubbleByMsgId.get(msgId);
     if (tracked) {
       this.queuedUserBubbleByMsgId.delete(msgId);
+      this.queuedUserContentItemsByMsgId.delete(msgId);
       if (tracked.isConnected) tracked.remove();
     }
+    this.queuedUserContentItemsByMsgId.delete(msgId);
     const container = this.shadowRoot?.querySelector(".messages");
     if (!container) return;
     for (const node2 of Array.from(
@@ -102170,7 +102623,11 @@ class DomindsDialogContainer extends HTMLElement {
     }
   }
   handleGeneratingFinish(seq2, llmGenModel) {
-    const bubble = this.generationBubble;
+    const container = this.shadowRoot?.querySelector(".messages");
+    const activeBubble = this.generationBubble;
+    const bubble = activeBubble && activeBubble.getAttribute("data-seq") === String(seq2) ? activeBubble : container ? container.querySelector(
+      `.generation-bubble[data-seq="${String(seq2)}"]`
+    ) : null;
     if (!bubble) {
       if (this.activeGenSeq === seq2) {
         console.warn(
@@ -102186,6 +102643,7 @@ class DomindsDialogContainer extends HTMLElement {
       }
       return;
     }
+    const finalizingActiveBubble = bubble === activeBubble;
     if (typeof llmGenModel === "string") {
       const trimmed = llmGenModel.trim();
       if (trimmed.length > 0) {
@@ -102204,14 +102662,30 @@ class DomindsDialogContainer extends HTMLElement {
     bubble.classList.remove("generating");
     bubble.classList.add("completed");
     bubble.setAttribute("data-finalized", "true");
+    if (finalizingActiveBubble) {
+      this.clearPendingThinkingChunkFlushTimer();
+      this.clearPendingThinkingChunkFlushRaf();
+      this.clearPendingMarkdownChunkFlushTimer();
+      this.clearPendingMarkdownChunkFlushRaf();
+      this.flushPendingThinkingChunks();
+      this.flushPendingMarkdownChunks();
+      if (this.thinkingSection) {
+        this.completeThinkingSection();
+      }
+      if (this.markdownSection) {
+        this.completeMarkdownSection();
+      }
+    }
     if (this.viewportPanelState.kind !== "hidden" && this.viewportPanelState.genseq === seq2) {
       this.clearViewportPanel();
     }
-    this.thinkingSection = void 0;
-    this.markdownSection = void 0;
-    this.callingSection = void 0;
-    this.generationBubble = void 0;
-    this.previousDialog = void 0;
+    if (finalizingActiveBubble) {
+      this.thinkingSection = void 0;
+      this.markdownSection = void 0;
+      this.callingSection = void 0;
+      this.generationBubble = void 0;
+      this.previousDialog = void 0;
+    }
   }
   handleGenerationDiscard(seq2) {
     const container = this.shadowRoot?.querySelector(".messages");
@@ -102219,12 +102693,15 @@ class DomindsDialogContainer extends HTMLElement {
     const targetBubble = activeBubble && activeBubble.getAttribute("data-seq") === String(seq2) ? activeBubble : container ? container.querySelector(
       `.generation-bubble[data-seq="${String(seq2)}"]`
     ) : null;
+    const discardingActiveBubble = targetBubble !== null && targetBubble === activeBubble;
     if (targetBubble) {
       this.resetGenerationBubbleForRetry(targetBubble);
-      this.generationBubble = targetBubble;
-      this.thinkingSection = void 0;
-      this.markdownSection = void 0;
-      this.callingSection = void 0;
+      if (discardingActiveBubble) {
+        this.generationBubble = targetBubble;
+        this.thinkingSection = void 0;
+        this.markdownSection = void 0;
+        this.callingSection = void 0;
+      }
     }
     this.tellaskCallingSectionBySeq.delete(seq2);
     this.webSearchSectionBySeq.delete(seq2);
@@ -102282,9 +102759,19 @@ class DomindsDialogContainer extends HTMLElement {
     const body = bubble.querySelector(".bubble-body");
     (body || bubble).appendChild(thinkingSection);
     this.thinkingSection = thinkingSection;
+    this.pendingThinkingChunkBuffer = "";
+    this.clearPendingThinkingChunkFlushTimer();
+    this.clearPendingThinkingChunkFlushRaf();
     this.scrollToBottom();
   }
   handleThinkingChunk(genseq, chunk, timestamp2) {
+    if (this.generationBubble && this.generationBubble.getAttribute("data-seq") !== String(genseq) && this.thinkingSection) {
+      console.warn("thinking_chunk_evt genseq mismatch with active thinking section, skipping", {
+        activeSeq: this.generationBubble.getAttribute("data-seq"),
+        genseq
+      });
+      return;
+    }
     const thinkingSection = this.thinkingSection;
     if (!thinkingSection) {
       if (!this.generationBubble || this.generationBubble.getAttribute("data-seq") !== String(genseq)) {
@@ -102296,21 +102783,23 @@ class DomindsDialogContainer extends HTMLElement {
       console.warn("thinking_chunk_evt received without thinking section, auto-creating");
       this.handleThinkingStart(genseq, timestamp2);
     }
-    const section = this.thinkingSection;
-    const contentEl = section.querySelector(".thinking-content");
-    if (contentEl) {
-      contentEl.textContent += chunk;
-      this.scrollToBottom();
+    if (!this.thinkingSection) {
+      console.warn("thinking_chunk_evt received without thinking section, skipping");
+      return;
     }
+    this.pendingThinkingChunkBuffer += chunk;
+    this.scheduleThinkingChunkFlush();
   }
-  handleThinkingFinish(_genseq) {
-    const thinkingSection = this.thinkingSection;
-    if (!thinkingSection) {
-      console.warn("thinking_finish_evt received without active thinking section, skipping");
+  handleThinkingFinish(genseq) {
+    if (this.generationBubble && this.generationBubble.getAttribute("data-seq") !== String(genseq) && this.thinkingSection) {
+      console.warn("thinking_finish_evt genseq mismatch with active thinking section, skipping", {
+        activeSeq: this.generationBubble.getAttribute("data-seq"),
+        genseq
+      });
       return;
     }
-    thinkingSection.classList.add("completed");
-    this.thinkingSection = void 0;
+    if (this.requestImmediateThinkingChunkFlushForFinish()) return;
+    this.completeThinkingSection();
   }
   // === MARKDOWN EVENTS (Inside Generation Bubble) ===
   handleMarkdownStart(genseq, timestamp2) {
@@ -102328,9 +102817,19 @@ class DomindsDialogContainer extends HTMLElement {
     const body = bubble.querySelector(".bubble-body");
     (body || bubble).appendChild(markdownSection);
     this.markdownSection = markdownSection;
+    this.pendingMarkdownChunkBuffer = "";
+    this.clearPendingMarkdownChunkFlushTimer();
+    this.clearPendingMarkdownChunkFlushRaf();
     this.scrollToBottom();
   }
   handleMarkdownChunk(genseq, chunk, timestamp2) {
+    if (this.generationBubble && this.generationBubble.getAttribute("data-seq") !== String(genseq) && this.markdownSection) {
+      console.warn("markdown_chunk_evt genseq mismatch with active markdown section, skipping", {
+        activeSeq: this.generationBubble.getAttribute("data-seq"),
+        genseq
+      });
+      return;
+    }
     if (!this.markdownSection) {
       this.handleMarkdownStart(genseq, timestamp2);
     }
@@ -102338,16 +102837,19 @@ class DomindsDialogContainer extends HTMLElement {
       console.warn("markdown_chunk_evt received without markdown section, skipping");
       return;
     }
-    this.markdownSection.appendChunk(chunk);
-    this.scrollToBottom();
+    this.pendingMarkdownChunkBuffer += chunk;
+    this.scheduleMarkdownChunkFlush();
   }
-  handleMarkdownFinish(_genseq) {
-    if (!this.markdownSection) {
-      console.warn("markdown_finish_evt received without active markdown section, skipping");
+  handleMarkdownFinish(genseq) {
+    if (this.generationBubble && this.generationBubble.getAttribute("data-seq") !== String(genseq) && this.markdownSection) {
+      console.warn("markdown_finish_evt genseq mismatch with active markdown section, skipping", {
+        activeSeq: this.generationBubble.getAttribute("data-seq"),
+        genseq
+      });
       return;
     }
-    this.markdownSection.classList.add("completed");
-    this.markdownSection = void 0;
+    if (this.requestImmediateMarkdownChunkFlushForFinish()) return;
+    this.completeMarkdownSection();
   }
   handleUiOnlyMarkdown(event) {
     const content = typeof event.content === "string" ? event.content.trim() : "";
@@ -102368,17 +102870,16 @@ class DomindsDialogContainer extends HTMLElement {
     this.scrollToBottom();
   }
   // === FUNCTION CALL EVENTS (Non-streaming mode) ===
-  handleFuncCallRequested(funcId, funcName, argumentsStr) {
-    if (!this.generationBubble) {
+  handleFuncCallRequested(genseq, funcId, funcName, argumentsStr, timestamp2) {
+    const bubble = this.ensureGenerationBubbleForSeq(genseq, timestamp2);
+    if (!bubble) {
       console.warn("func_call_requested_evt received without generation bubble, skipping");
       return;
     }
     const funcCallSection = this.createFuncCallSection(funcId, funcName, argumentsStr);
-    if (typeof this.activeGenSeq === "number") {
-      funcCallSection.setAttribute("data-genseq", String(this.activeGenSeq));
-    }
-    const body = this.generationBubble.querySelector(".bubble-body");
-    (body || this.generationBubble).appendChild(funcCallSection);
+    funcCallSection.setAttribute("data-genseq", String(genseq));
+    const body = bubble.querySelector(".bubble-body");
+    (body || bubble).appendChild(funcCallSection);
     this.setupFuncCallArgsProgressiveExpand(funcCallSection);
     this.scrollToBottom();
   }
@@ -102846,9 +103347,9 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
       stepParent,
       label,
       // Dialog blocks can still grow after first render while content streams in. Observe only
-      // the target itself and stop as soon as the first overflow threshold is crossed.
+      // the target itself while its expand footer is hidden.
       observeTargetUntilOverflow: true,
-      onAfterExpandStep: () => {
+      onAfterExpand: () => {
         this.scrollToBottom();
       }
     });
@@ -102984,6 +103485,9 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
   makeToolResultImageStatusKey(genseq, toolCallId, relPath) {
     return `${String(genseq)}::${toolCallId}::${relPath}`;
   }
+  makeUserImageStatusKey(genseq, relPath) {
+    return `${String(genseq)}::${relPath}`;
+  }
   updateToolResultImageStatusDisplay(args) {
     const key = this.makeToolResultImageStatusKey(args.genseq, args.toolCallId, args.relPath);
     this.toolResultImageStatusByKey.set(key, {
@@ -103005,12 +103509,35 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
       disposition: event.disposition
     });
   }
+  updateUserImageStatusDisplay(args) {
+    const key = this.makeUserImageStatusKey(args.genseq, args.relPath);
+    this.userImageStatusByKey.set(key, {
+      message: args.message,
+      disposition: args.disposition,
+      genseq: args.genseq
+    });
+    const existing = this.userImageStatusElByKey.get(key);
+    if (!existing) return;
+    existing.textContent = args.message;
+    existing.setAttribute("data-image-ingest-disposition", args.disposition);
+  }
+  handleUserImageIngest(event) {
+    this.updateUserImageStatusDisplay({
+      genseq: event.genseq,
+      relPath: event.artifact.relPath,
+      message: event.message,
+      disposition: event.disposition
+    });
+  }
   // === FUNCTION RESULTS ===
   handleFuncResult(event) {
     if (event.id) {
-      const funcCallSection = this.generationBubble?.querySelector(
-        `.func-call-section[data-func-id="${event.id}"]`
-      );
+      const activeBubble = this.generationBubble;
+      const funcCallSection = activeBubble && activeBubble.getAttribute("data-seq") === String(event.genseq) ? activeBubble.querySelector(
+        `.func-call-section[data-func-id="${event.id}"][data-genseq="${String(event.genseq)}"]`
+      ) : this.shadowRoot?.querySelector(
+        `.func-call-section[data-func-id="${event.id}"][data-genseq="${String(event.genseq)}"]`
+      ) ?? null;
       if (funcCallSection) {
         const resultEl = funcCallSection.querySelector(".func-call-result");
         if (resultEl) {
@@ -103071,44 +103598,11 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
                 figure.appendChild(img);
                 figure.appendChild(ingestStatus);
                 resultEl.appendChild(figure);
-                const api = getApiClient();
-                const params = new URLSearchParams();
-                params.set("path", item.artifact.relPath);
-                params.set(
-                  "status",
-                  item.artifact.status ?? this.currentDialog?.status ?? "running"
-                );
-                const endpoint = `/api/dialogs/${encodeURIComponent(item.artifact.rootId)}/${encodeURIComponent(
-                  item.artifact.selfId
-                )}/artifact?${params.toString()}`;
-                void (async () => {
-                  try {
-                    const response = await api.fetchBlob(endpoint);
-                    if (!response.success || !response.data) {
-                      placeholder.textContent = response.error ? `Failed to load image: ${response.error}` : "Failed to load image";
-                      return;
-                    }
-                    const objectUrl = URL.createObjectURL(response.data);
-                    img.src = objectUrl;
-                    placeholder.remove();
-                    img.addEventListener(
-                      "load",
-                      () => {
-                        URL.revokeObjectURL(objectUrl);
-                      },
-                      { once: true }
-                    );
-                    img.addEventListener(
-                      "error",
-                      () => {
-                        URL.revokeObjectURL(objectUrl);
-                      },
-                      { once: true }
-                    );
-                  } catch (err) {
-                    placeholder.textContent = `Failed to load image: ${err instanceof Error ? err.message : String(err)}`;
-                  }
-                })();
+                this.loadArtifactImageIntoElement({
+                  img,
+                  placeholder,
+                  endpoint: this.buildDialogArtifactEndpoint(item)
+                });
                 continue;
               }
             }
@@ -103994,6 +104488,89 @@ ${event.content}`;
   upsertUserPlainTextMessage(body, rawContent) {
     this.upsertUserMessageByOrigin(body, rawContent, "user");
   }
+  buildDialogArtifactEndpoint(item) {
+    const params = new URLSearchParams();
+    params.set("path", item.artifact.relPath);
+    params.set("status", item.artifact.status ?? this.currentDialog?.status ?? "running");
+    return `/api/dialogs/${encodeURIComponent(item.artifact.rootId)}/${encodeURIComponent(
+      item.artifact.selfId
+    )}/artifact?${params.toString()}`;
+  }
+  loadArtifactImageIntoElement(args) {
+    const api = getApiClient();
+    void (async () => {
+      try {
+        const response = await api.fetchBlob(args.endpoint);
+        if (!response.success || !response.data) {
+          args.placeholder.textContent = response.error ? `Failed to load image: ${response.error}` : "Failed to load image";
+          return;
+        }
+        const objectUrl = URL.createObjectURL(response.data);
+        args.img.src = objectUrl;
+        args.placeholder.remove();
+        args.img.addEventListener(
+          "load",
+          () => {
+            URL.revokeObjectURL(objectUrl);
+          },
+          { once: true }
+        );
+        args.img.addEventListener(
+          "error",
+          () => {
+            URL.revokeObjectURL(objectUrl);
+          },
+          { once: true }
+        );
+      } catch (err) {
+        args.placeholder.textContent = `Failed to load image: ${err instanceof Error ? err.message : String(err)}`;
+      }
+    })();
+  }
+  upsertUserContentItems(body, contentItems, msgId, genseq) {
+    const divider2 = body.querySelector(".user-response-divider");
+    body.querySelectorAll(".user-attachment-strip").forEach((node2) => node2.remove());
+    if (!Array.isArray(contentItems) || contentItems.length === 0) return;
+    const imageItems = contentItems.filter((item) => item.type === "input_image");
+    if (imageItems.length === 0) return;
+    const strip = document.createElement("div");
+    strip.className = "user-attachment-strip";
+    for (const item of imageItems) {
+      const figure = document.createElement("figure");
+      figure.className = "tool-result-image user-attachment-image";
+      figure.setAttribute("data-user-msg-id", msgId);
+      figure.setAttribute("data-artifact-rel-path", item.artifact.relPath);
+      const img = document.createElement("img");
+      img.alt = "attached image";
+      const placeholder = document.createElement("span");
+      placeholder.textContent = `Loading image (${item.mimeType}, ${String(item.byteLength)} bytes)…`;
+      const ingestStatus = document.createElement("figcaption");
+      ingestStatus.className = "tool-result-image-ingest-status";
+      if (typeof genseq === "number") {
+        const imageStatusKey = this.makeUserImageStatusKey(genseq, item.artifact.relPath);
+        this.userImageStatusElByKey.set(imageStatusKey, ingestStatus);
+        const existingStatus = this.userImageStatusByKey.get(imageStatusKey);
+        if (existingStatus) {
+          ingestStatus.textContent = existingStatus.message;
+          ingestStatus.setAttribute("data-image-ingest-disposition", existingStatus.disposition);
+        }
+      }
+      figure.appendChild(placeholder);
+      figure.appendChild(img);
+      figure.appendChild(ingestStatus);
+      strip.appendChild(figure);
+      this.loadArtifactImageIntoElement({
+        img,
+        placeholder,
+        endpoint: this.buildDialogArtifactEndpoint(item)
+      });
+    }
+    if (divider2 instanceof HTMLElement) {
+      body.insertBefore(strip, divider2);
+      return;
+    }
+    body.appendChild(strip);
+  }
   upsertUserMessageByOrigin(body, rawContent, origin) {
     const renderAsPlainText = origin === "user" || origin === void 0;
     let divider2 = null;
@@ -104092,6 +104669,7 @@ ${event.content}`;
     }
     if (body.querySelector(".user-response-divider")) {
       this.upsertUserMessageByOrigin(body, event.content, event.origin);
+      this.upsertUserContentItems(body, event.contentItems, event.msgId, event.genseq);
       bubble.setAttribute("data-user-msg-id", event.msgId);
       bubble.setAttribute("data-raw-user-msg", event.content);
       bubble.setAttribute("data-user-msg-origin", event.origin);
@@ -104120,6 +104698,7 @@ ${event.content}`;
     divider2.className = "user-response-divider";
     body.appendChild(divider2);
     this.upsertUserMessageByOrigin(body, event.content, event.origin);
+    this.upsertUserContentItems(body, event.contentItems, event.msgId, event.genseq);
     bubble.setAttribute("data-user-msg-id", event.msgId);
     bubble.setAttribute("data-raw-user-msg", event.content);
     bubble.setAttribute("data-user-msg-origin", event.origin);
@@ -104319,8 +104898,9 @@ ${event.content}`;
     `;
     return el;
   }
-  handleError(err) {
-    if (!this.generationBubble) return;
+  handleError(err, bubble) {
+    const targetBubble = bubble ?? this.generationBubble ?? void 0;
+    if (!targetBubble) return;
     const el = document.createElement("div");
     el.className = "error-section";
     el.innerHTML = `
@@ -104330,8 +104910,8 @@ ${event.content}`;
       </div>
       <div class="error-content">${err}</div>
     `;
-    const body = this.generationBubble.querySelector(".bubble-body");
-    (body || this.generationBubble).appendChild(el);
+    const body = targetBubble.querySelector(".bubble-body");
+    (body || targetBubble).appendChild(el);
     this.scrollToBottom();
   }
   summarizeRetryError(raw) {
@@ -104938,6 +105518,15 @@ ${event.content}`;
         margin: 6px 0;
       }
 
+      .user-attachment-strip {
+        display: block;
+        padding: 2px 3px 2px 6px;
+      }
+
+      .user-attachment-image {
+        max-width: min(100%, 520px);
+      }
+
       .user-answer-callsite-actions {
         display: inline-flex;
         align-items: center;
@@ -105517,14 +106106,15 @@ ${event.content}`;
       }
 
       .tool-result-image-ingest-status {
-        margin-top: 6px;
-        font-size: var(--dominds-font-size-xs, 11px);
-        line-height: 1.45;
+        margin-top: 8px;
+        font-size: 12px;
+        line-height: 1.6;
         color: var(--dominds-fg-muted, var(--color-fg-tertiary, #64748b));
       }
 
       .tool-result-image-ingest-status[data-image-ingest-disposition^='filtered_'] {
         color: var(--color-warning-strong, #b45309);
+        font-weight: 500;
       }
 
       .func-call-section.failed {
@@ -106391,6 +106981,28 @@ const RESIZE_HANDLE_ARIA_LABEL_I18N = {
   zh: "调整输入区高度",
   en: "Resize input height"
 };
+const IMAGE_ATTACHMENT_I18N = {
+  zh: {
+    remove: "移除图片",
+    preview: "查看图片",
+    close: "关闭图片预览",
+    tooMany: "最多只能添加 10 张图片",
+    tooLarge: "单张图片不能超过 10 MB",
+    unsupported: "只支持 PNG、JPEG、WebP、GIF 图片",
+    readFailed: "读取图片失败",
+    imageOnlyPrompt: "请看附件图片。"
+  },
+  en: {
+    remove: "Remove image",
+    preview: "View image",
+    close: "Close image preview",
+    tooMany: "You can attach up to 10 images",
+    tooLarge: "Each image must be 10 MB or smaller",
+    unsupported: "Only PNG, JPEG, WebP, and GIF images are supported",
+    readFailed: "Failed to read image",
+    imageOnlyPrompt: "Please inspect the attached image."
+  }
+};
 const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
   constructor() {
     super();
@@ -106414,6 +107026,9 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
     this.inputHistory = [];
     this.inputHistoryCursor = null;
     this.inputHistoryDraft = null;
+    this.imageAttachments = [];
+    this.openImageAttachmentId = null;
+    this.imageDragDepth = 0;
     this.manualHeightPx = null;
     this.autoResizeBaseHostHeightPx = null;
     this.autoResizeCaptureArmed = false;
@@ -106468,6 +107083,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
       window.cancelAnimationFrame(this.inputUiRafId);
       this.inputUiRafId = null;
     }
+    this.revokeImageAttachments();
     this.finishManualResize(false);
     if (this.boundOnWindowResize) {
       window.removeEventListener("resize", this.boundOnWindowResize);
@@ -106599,6 +107215,137 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
     measurer.value = value.length > 0 ? value : " ";
     return measurer.scrollHeight;
   }
+  getAttachmentStripHeightPx() {
+    const strip = this.shadowRoot?.querySelector(".attachment-strip");
+    if (!(strip instanceof HTMLElement)) {
+      return 0;
+    }
+    const rect2 = strip.getBoundingClientRect();
+    if (rect2.height > 0) {
+      return rect2.height;
+    }
+    return strip.offsetHeight;
+  }
+  static escapeHtml(value) {
+    return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+  }
+  revokeImageAttachments() {
+    for (const attachment of this.imageAttachments) {
+      URL.revokeObjectURL(attachment.objectUrl);
+    }
+    this.imageAttachments = [];
+    this.openImageAttachmentId = null;
+  }
+  isSupportedImageMimeType(mimeType) {
+    return mimeType === "image/png" || mimeType === "image/jpeg" || mimeType === "image/webp" || mimeType === "image/gif";
+  }
+  makeAttachmentId() {
+    if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+      return crypto.randomUUID();
+    }
+    return `img_${Date.now()}_${Math.random().toString(16).slice(2)}`;
+  }
+  async fileToBase64(file) {
+    return await new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => {
+        const result = reader.result;
+        if (typeof result !== "string") {
+          reject(new Error("FileReader returned non-string result"));
+          return;
+        }
+        const commaIndex = result.indexOf(",");
+        if (commaIndex < 0) {
+          reject(new Error("FileReader data URL missing payload"));
+          return;
+        }
+        resolve(result.slice(commaIndex + 1));
+      };
+      reader.onerror = () => reject(reader.error ?? new Error("FileReader failed"));
+      reader.readAsDataURL(file);
+    });
+  }
+  async addImageFiles(files) {
+    const t2 = IMAGE_ATTACHMENT_I18N[this.uiLanguage];
+    const imageFiles = files.filter((file) => file.type.startsWith("image/"));
+    if (imageFiles.length === 0) return;
+    if (this.imageAttachments.length + imageFiles.length > _DomindsQ4HInput.IMAGE_ATTACHMENT_MAX_COUNT) {
+      throw new Error(t2.tooMany);
+    }
+    const nextAttachments = [];
+    try {
+      for (const file of imageFiles) {
+        if (!this.isSupportedImageMimeType(file.type)) {
+          throw new Error(t2.unsupported);
+        }
+        if (file.size <= 0 || file.size > _DomindsQ4HInput.IMAGE_ATTACHMENT_MAX_BYTES) {
+          throw new Error(t2.tooLarge);
+        }
+        nextAttachments.push({
+          id: this.makeAttachmentId(),
+          mimeType: file.type,
+          byteLength: file.size,
+          dataBase64: await this.fileToBase64(file),
+          objectUrl: URL.createObjectURL(file),
+          name: file.name.trim() || file.type
+        });
+      }
+    } catch (error2) {
+      for (const attachment of nextAttachments) {
+        URL.revokeObjectURL(attachment.objectUrl);
+      }
+      throw error2;
+    }
+    this.imageAttachments = [...this.imageAttachments, ...nextAttachments];
+    this.safeRender();
+    this.scheduleInputUiUpdate();
+  }
+  hasDraggedFiles(event) {
+    const dataTransfer = event.dataTransfer;
+    if (dataTransfer === null) return false;
+    return Array.from(dataTransfer.types).includes("Files");
+  }
+  setImageDropActive(active) {
+    this.inputWrapper.classList.toggle("image-drop-active", active && !this.props.disabled);
+  }
+  resetImageDragState() {
+    this.imageDragDepth = 0;
+    if (this.inputWrapper) {
+      this.inputWrapper.classList.remove("image-drop-active");
+    }
+  }
+  handleDroppedImageFiles(files) {
+    if (this.props.disabled) {
+      const t2 = getUiStrings(this.uiLanguage);
+      this.showError(t2.inputNotAvailableToast);
+      return;
+    }
+    void this.addImageFiles(files).catch((error2) => {
+      console.error("Failed to add dropped image:", error2);
+      const t2 = IMAGE_ATTACHMENT_I18N[this.uiLanguage];
+      this.showError(error2 instanceof Error ? error2.message : t2.readFailed);
+    });
+  }
+  removeImageAttachment(id28) {
+    const existing = this.imageAttachments.find((attachment) => attachment.id === id28);
+    if (existing) {
+      URL.revokeObjectURL(existing.objectUrl);
+    }
+    this.imageAttachments = this.imageAttachments.filter((attachment) => attachment.id !== id28);
+    if (this.openImageAttachmentId === id28) {
+      this.openImageAttachmentId = null;
+    }
+    this.safeRender();
+    this.scheduleInputUiUpdate();
+  }
+  getOutgoingAttachments() {
+    return this.imageAttachments.map((attachment) => ({
+      kind: "image",
+      mimeType: attachment.mimeType,
+      byteLength: attachment.byteLength,
+      dataBase64: attachment.dataBase64
+    }));
+  }
   setUiLanguage(language2) {
     this.uiLanguage = language2;
     const t2 = getUiStrings(language2);
@@ -106679,7 +107426,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
   resolvePrimaryActionMode() {
     if (this.hasSelectedQ4HTarget()) return "send";
     if (this.currentDialog === null) return "send";
-    const hasContent = (this.textInput?.value ?? "").trim().length > 0;
+    const hasContent = (this.textInput?.value ?? "").trim().length > 0 || this.imageAttachments.length > 0;
     const state2 = this.displayState;
     if (state2 === null) return "send";
     if (state2.kind === "proceeding_stop_requested") return "stopping";
@@ -106814,8 +107561,10 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
     if (this.textInput) {
       this.textInput.value = "";
       this.resetInputHistoryNavigation();
+      this.revokeImageAttachments();
       this.updateSendButton();
       this.autoResizeTextarea();
+      this.safeRender();
     }
   }
   getValue() {
@@ -106882,16 +107631,22 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
     if (!this.textInput) return;
     const previousHostHeightPx = this.getCurrentHostHeightPx();
     const hostChromeHeightPx = this.getHostChromeHeightPx();
-    const minHeight = Math.max(0, this.manualResizeMinPx - hostChromeHeightPx);
+    const attachmentStripHeightPx = this.getAttachmentStripHeightPx();
+    const minHeight = Math.max(
+      0,
+      this.manualResizeMinPx - hostChromeHeightPx - attachmentStripHeightPx
+    );
     const maxHeight = Math.max(
       minHeight,
-      Math.floor(window.innerHeight * _DomindsQ4HInput.AUTO_RESIZE_MAX_VIEWPORT_RATIO) - hostChromeHeightPx
+      Math.floor(window.innerHeight * _DomindsQ4HInput.AUTO_RESIZE_MAX_VIEWPORT_RATIO) - hostChromeHeightPx - attachmentStripHeightPx
     );
     this.textInput.style.height = "";
     const scrollHeight = this.getMeasuredTextareaScrollHeightPx();
     const desiredTextHeight = scrollHeight <= minHeight + 1 ? minHeight : scrollHeight + _DomindsQ4HInput.AUTO_RESIZE_EXTRA_GAP_PX;
     const nextHeight = Math.max(minHeight, Math.min(desiredTextHeight, maxHeight));
-    const desiredHostHeightPx = Math.ceil(hostChromeHeightPx + nextHeight);
+    const desiredHostHeightPx = Math.ceil(
+      hostChromeHeightPx + attachmentStripHeightPx + nextHeight
+    );
     const baselineHostHeightPx = this.getBaselineHostHeightPx();
     if (baselineHostHeightPx !== null) {
       this.autoResizeCaptureArmed = true;
@@ -106967,6 +107722,18 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         }
         this.scheduleInputUiUpdate();
       });
+      this.textInput.addEventListener("paste", (event) => {
+        const items = event.clipboardData?.items;
+        if (!items || items.length === 0) return;
+        const files = Array.from(items).filter((item) => item.kind === "file" && item.type.startsWith("image/")).map((item) => item.getAsFile()).filter((file) => file !== null);
+        if (files.length === 0) return;
+        event.preventDefault();
+        void this.addImageFiles(files).catch((error2) => {
+          console.error("Failed to add pasted image:", error2);
+          const t2 = IMAGE_ATTACHMENT_I18N[this.uiLanguage];
+          this.showError(error2 instanceof Error ? error2.message : t2.readFailed);
+        });
+      });
       this.textInput.addEventListener("keydown", (e2) => {
         const isIme = this.isComposing || e2.isComposing || e2.keyCode === 229;
         if (!isIme && e2.key === "ArrowUp") {
@@ -106992,7 +107759,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         }
         if (e2.key === "Escape") {
           if (isIme) return;
-          const hasContent = this.textInput.value.length > 0;
+          const hasContent = this.textInput.value.length > 0 || this.imageAttachments.length > 0;
           if (!hasContent) {
             this.escPrimedAtMs = null;
             return;
@@ -107036,6 +107803,44 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         }
       });
     }
+    if (this.inputWrapper) {
+      this.inputWrapper.addEventListener("dragenter", (event) => {
+        if (!this.hasDraggedFiles(event)) return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.imageDragDepth += 1;
+        this.setImageDropActive(true);
+      });
+      this.inputWrapper.addEventListener("dragover", (event) => {
+        if (!this.hasDraggedFiles(event)) return;
+        event.preventDefault();
+        event.stopPropagation();
+        const dataTransfer = event.dataTransfer;
+        if (dataTransfer !== null) {
+          dataTransfer.dropEffect = this.props.disabled ? "none" : "copy";
+        }
+        this.setImageDropActive(true);
+      });
+      this.inputWrapper.addEventListener("dragleave", (event) => {
+        if (!this.hasDraggedFiles(event)) return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.imageDragDepth = Math.max(0, this.imageDragDepth - 1);
+        if (this.imageDragDepth === 0) {
+          this.setImageDropActive(false);
+        }
+      });
+      this.inputWrapper.addEventListener("drop", (event) => {
+        if (!this.hasDraggedFiles(event)) return;
+        event.preventDefault();
+        event.stopPropagation();
+        const dataTransfer = event.dataTransfer;
+        const files = dataTransfer === null ? [] : Array.from(dataTransfer.files);
+        this.resetImageDragState();
+        if (files.length === 0) return;
+        this.handleDroppedImageFiles(files);
+      });
+    }
     const toggleBtn = this.shadowRoot.querySelector(".send-on-enter-toggle");
     if (toggleBtn) {
       toggleBtn.addEventListener("click", () => {
@@ -107101,6 +107906,33 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         this.resizeHandle.addEventListener("lostpointercapture", this.boundManualLostCapture);
       });
     }
+    this.shadowRoot.querySelectorAll(".attachment-thumb").forEach((button) => {
+      button.addEventListener("click", () => {
+        const id28 = button.dataset.attachmentId;
+        if (typeof id28 !== "string") return;
+        this.openImageAttachmentId = id28;
+        this.safeRender();
+      });
+    });
+    this.shadowRoot.querySelectorAll(".attachment-remove").forEach((button) => {
+      button.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const id28 = button.dataset.attachmentId;
+        if (typeof id28 !== "string") return;
+        this.removeImageAttachment(id28);
+      });
+    });
+    const modalCloseTargets = this.shadowRoot.querySelectorAll(
+      ".image-modal-backdrop, .image-modal-close"
+    );
+    modalCloseTargets.forEach((target) => {
+      target.addEventListener("click", () => {
+        this.openImageAttachmentId = null;
+        this.safeRender();
+        this.focusInput();
+      });
+    });
   }
   async requestDeclareDeath() {
     const t2 = getUiStrings(this.uiLanguage);
@@ -107118,6 +107950,9 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
     if (this.props.disabled) {
       throw new Error(t2.inputNotAvailableToast);
     }
+    if (!this.wsManager.isConnected()) {
+      throw new Error(t2.q4hConnectionUnavailableToast);
+    }
     const ok = window.confirm(this.getDeclareDeathConfirmText());
     if (!ok) return;
     const note2 = this.textInput ? this.textInput.value : "";
@@ -107177,7 +108012,11 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
   }
   async sendMessage() {
     const t2 = getUiStrings(this.uiLanguage);
-    const content = this.textInput.value.trim();
+    const attachmentI18n = IMAGE_ATTACHMENT_I18N[this.uiLanguage];
+    const hasAttachments = this.imageAttachments.length > 0;
+    const typedContent = this.textInput.value.trim();
+    const content = typedContent || (hasAttachments ? attachmentI18n.imageOnlyPrompt : "");
+    const attachments = this.getOutgoingAttachments();
     const answeredQuestionId = this.selectedQuestionId;
     const answeredQuestion = answeredQuestionId !== null ? this.questions.find((q2) => q2.id === answeredQuestionId) ?? null : null;
     if (answeredQuestionId !== null && answeredQuestion === null) {
@@ -107187,7 +108026,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
       selfId: answeredQuestion.dialogContext.selfId,
       rootId: answeredQuestion.dialogContext.rootId
     } : this.currentDialog;
-    if (!content) {
+    if (!content && attachments.length === 0) {
       throw new Error(t2.q4hMessageEmptyToast);
     }
     if (!targetDialog) {
@@ -107196,6 +108035,9 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
     if (this.props.disabled) {
       throw new Error(t2.inputNotAvailableToast);
     }
+    if (!this.wsManager.isConnected()) {
+      throw new Error(t2.q4hConnectionUnavailableToast);
+    }
     const msgId = idExports.generateShortId();
     try {
       const sr = this.shadowRoot;
@@ -107205,6 +108047,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         this.sendHumanReply({
           targetDialog,
           content,
+          attachments,
           msgId,
           questionId: answeredQuestion.id
         });
@@ -107214,11 +108057,12 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
           type: "drive_dlg_by_user_msg",
           dialog: targetDialog,
           content,
+          attachments,
           msgId,
           userLanguageCode: this.uiLanguage
         });
       }
-      this.recordInputHistoryEntry(content);
+      this.recordInputHistoryEntry(typedContent);
       if (answeredQuestion !== null) {
         this.selectQuestion(null);
         const dialogId = answeredQuestion.dialogContext.selfId;
@@ -107259,6 +108103,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
       type: "drive_dialog_by_user_answer",
       dialog: args.targetDialog,
       content: args.content,
+      attachments: args.attachments,
       msgId: args.msgId,
       questionId: args.questionId,
       continuationType: "answer",
@@ -107287,7 +108132,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
       this.sendButton.disabled = mode === "stopping" || !canStop;
       return;
     }
-    const hasContent = this.textInput.value.trim().length > 0;
+    const hasContent = this.textInput.value.trim().length > 0 || this.imageAttachments.length > 0;
     const hasSelectedQ4H = this.hasSelectedQ4HTarget();
     const hasCurrentDialog = this.currentDialog !== null;
     const hasRoutableTarget = hasSelectedQ4H || hasCurrentDialog;
@@ -107334,6 +108179,50 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
     this.inputWrapper = this.shadowRoot.querySelector(".input-wrapper");
     this.resizeHandle = this.shadowRoot.querySelector(".input-resize-handle");
   }
+  renderAttachmentStrip() {
+    if (this.imageAttachments.length === 0) return "";
+    const t2 = IMAGE_ATTACHMENT_I18N[this.uiLanguage];
+    const items = this.imageAttachments.map((attachment) => {
+      const id28 = _DomindsQ4HInput.escapeHtml(attachment.id);
+      const name = _DomindsQ4HInput.escapeHtml(attachment.name);
+      const src = _DomindsQ4HInput.escapeHtml(attachment.objectUrl);
+      return `
+          <div class="attachment-item">
+            <button class="attachment-thumb" type="button" data-attachment-id="${id28}" title="${_DomindsQ4HInput.escapeHtml(
+        t2.preview
+      )}" aria-label="${_DomindsQ4HInput.escapeHtml(t2.preview)}">
+              <img src="${src}" alt="${name}">
+            </button>
+            <button class="attachment-remove" type="button" data-attachment-id="${id28}" title="${_DomindsQ4HInput.escapeHtml(
+        t2.remove
+      )}" aria-label="${_DomindsQ4HInput.escapeHtml(t2.remove)}">
+              <span class="icon-mask attachment-remove-icon" aria-hidden="true"></span>
+            </button>
+          </div>
+        `;
+    }).join("");
+    return `<div class="attachment-strip">${items}</div>`;
+  }
+  renderImageModal() {
+    const attachment = this.openImageAttachmentId === null ? null : this.imageAttachments.find((item) => item.id === this.openImageAttachmentId) ?? null;
+    if (attachment === null) return "";
+    const t2 = IMAGE_ATTACHMENT_I18N[this.uiLanguage];
+    return `
+      <div class="image-modal" role="dialog" aria-modal="true">
+        <div class="image-modal-backdrop"></div>
+        <div class="image-modal-content">
+          <button class="image-modal-close" type="button" title="${_DomindsQ4HInput.escapeHtml(
+      t2.close
+    )}" aria-label="${_DomindsQ4HInput.escapeHtml(t2.close)}">
+            <span class="icon-mask image-modal-close-icon" aria-hidden="true"></span>
+          </button>
+          <img src="${_DomindsQ4HInput.escapeHtml(attachment.objectUrl)}" alt="${_DomindsQ4HInput.escapeHtml(
+      attachment.name
+    )}">
+        </div>
+      </div>
+    `;
+  }
   getComponentHTML() {
     const t2 = getUiStrings(this.uiLanguage);
     const mode = this.resolvePrimaryActionMode();
@@ -107350,13 +108239,16 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         <div class="input-section">
           <div class="input-resize-handle" role="separator" aria-orientation="horizontal" aria-label="${RESIZE_HANDLE_ARIA_LABEL_I18N[this.uiLanguage]}"></div>
           <div class="input-wrapper ${this.selectedQuestionId !== null ? "q4h-active" : ""} ${this.props.disabled ? "disabled" : ""}">
-            <textarea id="human-input"
-              class="message-input"
-              placeholder="${this.props.placeholder}"
-              maxlength="${this.props.maxLength}"
-              rows="2"
-              ${this.props.disabled ? "disabled" : ""}
-            ></textarea>
+            <div class="input-body">
+              <textarea id="human-input"
+                class="message-input"
+                placeholder="${this.props.placeholder}"
+                maxlength="${this.props.maxLength}"
+                rows="2"
+                ${this.props.disabled ? "disabled" : ""}
+              ></textarea>
+              ${this.renderAttachmentStrip()}
+            </div>
             <div class="input-actions">
               <button
                 class="send-on-enter-toggle ${this.sendOnEnter ? "active" : ""}"
@@ -107378,6 +108270,7 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
             </div>
           </div>
         </div>
+        ${this.renderImageModal()}
       </div>
     `;
   }
@@ -107495,6 +108388,14 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         padding-bottom: 6px;
       }
 
+      .input-body {
+        display: flex;
+        flex: 1;
+        min-width: 0;
+        min-height: 0;
+        flex-direction: column;
+      }
+
       .declare-death-button {
         display: inline-flex;
         align-items: center;
@@ -107563,6 +108464,16 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         box-shadow: 0 0 0 3px color-mix(in srgb, var(--dominds-focus, #007acc) 20%, transparent);
       }
 
+      .input-wrapper.image-drop-active {
+        border-color: var(--dominds-focus, #007acc);
+        background: color-mix(in srgb, var(--dominds-focus, #007acc) 10%, var(--dominds-input-bg, #f8f9fa));
+        box-shadow: 0 0 0 3px color-mix(in srgb, var(--dominds-focus, #007acc) 22%, transparent);
+      }
+
+      .input-wrapper.image-drop-active .message-input {
+        cursor: copy;
+      }
+
       .input-wrapper.disabled {
         opacity: 0.6;
         background: color-mix(in srgb, var(--dominds-primary, #007acc) 3%, var(--color-bg-secondary, #f8f9fa));
@@ -107586,6 +108497,117 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
         overflow-y: auto;
       }
 
+      .attachment-strip {
+        display: flex;
+        gap: 6px;
+        flex-wrap: wrap;
+        padding: 0 8px 8px 12px;
+        min-height: 44px;
+        align-items: center;
+      }
+
+      .attachment-item {
+        position: relative;
+        width: 44px;
+        height: 44px;
+        flex: 0 0 44px;
+      }
+
+      .attachment-thumb {
+        appearance: none;
+        width: 44px;
+        height: 44px;
+        padding: 0;
+        border: 1px solid var(--dominds-border, #e0e0e0);
+        border-radius: 6px;
+        overflow: hidden;
+        background: var(--dominds-bg-secondary, #ffffff);
+        cursor: pointer;
+      }
+
+      .attachment-thumb img {
+        display: block;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+
+      .attachment-remove {
+        appearance: none;
+        position: absolute;
+        top: -5px;
+        right: -5px;
+        width: 18px;
+        height: 18px;
+        padding: 0;
+        border: 1px solid var(--dominds-border, #e0e0e0);
+        border-radius: 50%;
+        background: var(--dominds-bg-secondary, #ffffff);
+        color: var(--dominds-fg, #333333);
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
+      }
+
+      .attachment-remove-icon,
+      .image-modal-close-icon {
+        --icon-mask: ${ICON_MASK_URLS.close};
+        width: 12px;
+        height: 12px;
+      }
+
+      .image-modal {
+        position: fixed;
+        inset: 0;
+        z-index: var(--dominds-z-overlay-modal, 2000);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .image-modal-backdrop {
+        position: absolute;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.62);
+      }
+
+      .image-modal-content {
+        position: relative;
+        max-width: min(92vw, 1100px);
+        max-height: min(88vh, 900px);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .image-modal-content img {
+        display: block;
+        max-width: 100%;
+        max-height: min(88vh, 900px);
+        object-fit: contain;
+        border-radius: 6px;
+        background: #111111;
+      }
+
+      .image-modal-close {
+        appearance: none;
+        position: absolute;
+        top: -10px;
+        right: -10px;
+        width: 28px;
+        height: 28px;
+        border: 1px solid rgba(255, 255, 255, 0.55);
+        border-radius: 50%;
+        background: rgba(0, 0, 0, 0.74);
+        color: #ffffff;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+      }
+
       .message-input::placeholder {
         color: var(--dominds-muted, #666666);
       }
@@ -107681,6 +108703,8 @@ _DomindsQ4HInput.SEND_ON_ENTER_STORAGE_KEY = "dominds-send-on-enter";
 _DomindsQ4HInput.INPUT_HISTORY_STORAGE_KEY = "dominds-user-input-history-v1";
 _DomindsQ4HInput.INPUT_HISTORY_MAX = 100;
 _DomindsQ4HInput.MANUAL_HEIGHT_STORAGE_KEY = "dominds-q4h-input-height-px-v1";
+_DomindsQ4HInput.IMAGE_ATTACHMENT_MAX_COUNT = 10;
+_DomindsQ4HInput.IMAGE_ATTACHMENT_MAX_BYTES = 10 * 1024 * 1024;
 let DomindsQ4HInput = _DomindsQ4HInput;
 if (!customElements.get("dominds-q4h-input")) {
   customElements.define("dominds-q4h-input", DomindsQ4HInput);
@@ -110844,9 +111868,10 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
     if (patch.subdialogCount !== void 0 && targetSelf === rootId) {
       const countEl = entry.el.querySelector(".dialog-count");
       if (countEl instanceof HTMLElement) {
-        countEl.textContent = String(
-          typeof next2.subdialogCount === "number" ? next2.subdialogCount : 0
-        );
+        if (typeof next2.subdialogCount !== "number" || !Number.isInteger(next2.subdialogCount) || next2.subdialogCount < 0) {
+          throw new Error(`Root dialog ${rootId} received invalid backend subdialogCount`);
+        }
+        countEl.textContent = String(next2.subdialogCount);
       }
     }
     return true;
@@ -110980,6 +112005,14 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
     }
     return max2;
   }
+  getRootSubdialogCount(rootGroup) {
+    if (!rootGroup.root) return rootGroup.subdialogs.length;
+    const backendCount = rootGroup.root.subdialogCount;
+    if (typeof backendCount !== "number" || !Number.isInteger(backendCount) || backendCount < 0) {
+      throw new Error(`Root dialog ${rootGroup.rootId} is missing backend subdialogCount`);
+    }
+    return backendCount;
+  }
   render() {
     if (!this.shadowRoot) return;
     const style2 = this.getStyles();
@@ -111219,7 +112252,7 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
     const rootRowHtml = rootGroup.root ? this.renderRootRow(
       rootGroup.root,
       this.renderToggleIcon(rootCollapsed),
-      rootGroup.subdialogs.length
+      this.getRootSubdialogCount(rootGroup)
     ) : this.renderMissingRootRow(rootGroup, rootCollapsed);
     const existingRootRow = rootNode.querySelector(
       ":scope > .dialog-item.root-dialog"
@@ -112444,9 +113477,10 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     if (patch.subdialogCount !== void 0 && targetSelf === rootId) {
       const countEl = entry.el.querySelector(".dialog-count");
       if (countEl instanceof HTMLElement) {
-        countEl.textContent = String(
-          typeof next2.subdialogCount === "number" ? next2.subdialogCount : 0
-        );
+        if (typeof next2.subdialogCount !== "number" || !Number.isInteger(next2.subdialogCount) || next2.subdialogCount < 0) {
+          throw new Error(`Root dialog ${rootId} received invalid backend subdialogCount`);
+        }
+        countEl.textContent = String(next2.subdialogCount);
       }
     }
     return true;
@@ -112675,6 +113709,14 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     }
     return max2;
   }
+  getRootSubdialogCount(rootGroup) {
+    if (!rootGroup.root) return rootGroup.subdialogs.length;
+    const backendCount = rootGroup.root.subdialogCount;
+    if (typeof backendCount !== "number" || !Number.isInteger(backendCount) || backendCount < 0) {
+      throw new Error(`Root dialog ${rootGroup.rootId} is missing backend subdialogCount`);
+    }
+    return backendCount;
+  }
   render() {
     if (!this.shadowRoot) return;
     const style2 = this.getStyles();
@@ -112914,7 +113956,7 @@ const _RunningDialogList = class _RunningDialogList extends HTMLElement {
     const rootRowHtml = rootGroup.root ? this.renderRootRow(
       rootGroup.root,
       this.renderToggleIcon(rootCollapsed),
-      rootGroup.subdialogs.length
+      this.getRootSubdialogCount(rootGroup)
     ) : this.renderMissingRootRow(rootGroup, rootCollapsed);
     const existingRootRow = rootNode.querySelector(
       ":scope > .dialog-item.root-dialog"
@@ -114002,6 +115044,8 @@ const _DomindsApp = class _DomindsApp extends HTMLElement {
     this.wsManager = getWebSocketManager();
     this.apiClient = getApiClient();
     this.connectionState = this.wsManager.getConnectionState();
+    this.wsConnectionOutageEligibleForHistory = this.connectionState.status === "connected";
+    this.wsConnectionErrorHistoryRecorded = false;
     this.authState = { kind: "uninitialized" };
     this.urlAuthPresent = false;
     this.rootDialogsByStatus = {
@@ -116096,6 +117140,11 @@ ${currentVersion}`;
           `CRITICAL: dialog-list subdialog node returned root dialog for rootId=${rootId} selfId=${selfId}`
         );
       }
+      if (!Number.isInteger(node2.rootSubdialogCount) || node2.rootSubdialogCount < 0) {
+        throw new Error(
+          `CRITICAL: dialog-list subdialog node returned invalid rootSubdialogCount=${String(node2.rootSubdialogCount)} rootId=${rootId} selfId=${selfId}`
+        );
+      }
       if (node2.status !== status) {
         throw new Error(
           `CRITICAL: dialog-list subdialog node status mismatch. expected=${status} actual=${node2.status} rootId=${rootId} selfId=${selfId}`
@@ -116131,9 +117180,18 @@ ${currentVersion}`;
       if (rootDialog) {
         const nodeUpdatedAtMs = timeExports.parseUnifiedTimestampMs(node2.lastModified);
         const rootUpdatedAtMs = timeExports.parseUnifiedTimestampMs(rootDialog.lastModified);
-        const nextSubdialogCount = Math.max(rootDialog.subdialogCount ?? 0, existing.length + 1);
+        const visibleCountFloor = existing.length + 1;
+        if (node2.rootSubdialogCount < visibleCountFloor) {
+          throw new Error(
+            `CRITICAL: dialog-list subdialog node rootSubdialogCount under visible count. rootId=${rootId} selfId=${selfId} backend=${node2.rootSubdialogCount} visible=${visibleCountFloor}`
+          );
+        }
+        const nextSubdialogCount = node2.rootSubdialogCount;
+        if (typeof rootDialog.subdialogCount !== "number" || !Number.isInteger(rootDialog.subdialogCount) || rootDialog.subdialogCount < 0) {
+          throw new Error(`Root dialog ${rootId} has invalid backend subdialogCount`);
+        }
         const nextLastModified = nodeUpdatedAtMs !== null && (rootUpdatedAtMs === null || nodeUpdatedAtMs > rootUpdatedAtMs) ? node2.lastModified : rootDialog.lastModified;
-        if (nextSubdialogCount !== (rootDialog.subdialogCount ?? 0) || nextLastModified !== rootDialog.lastModified) {
+        if (nextSubdialogCount !== rootDialog.subdialogCount || nextLastModified !== rootDialog.lastModified) {
           this.upsertRootDialogSnapshot({
             ...rootDialog,
             subdialogCount: nextSubdialogCount,
@@ -121650,6 +122708,11 @@ ${content}`;
       if (!Array.isArray(h2.subdialogs)) {
         throw new Error(`Hierarchy response for ${rootId} has invalid subdialogs payload`);
       }
+      if (!Number.isInteger(h2.root.subdialogCount) || h2.root.subdialogCount < 0) {
+        throw new Error(
+          `Hierarchy response for ${rootId} has invalid root subdialogCount=${String(h2.root.subdialogCount)}`
+        );
+      }
       const cachedRootDisplayState = this.dialogDisplayStatesByKey.get(
         this.dialogKey(rootId, rootId)
       );
@@ -121708,6 +122771,11 @@ ${content}`;
         rootId,
         newSubdialogs
       );
+      if (h2.root.subdialogCount < mergedSubdialogs.length) {
+        throw new Error(
+          `Hierarchy response for ${rootId} has root subdialogCount below loaded subdialog count. backend=${h2.root.subdialogCount} loaded=${mergedSubdialogs.length}`
+        );
+      }
       const nextRoot = {
         rootId,
         agentId: h2.root.agentId,
@@ -121718,7 +122786,7 @@ ${content}`;
         lastModified: h2.root.lastModified,
         displayState: rootDisplayState ?? rootEntry?.displayState,
         waitingForFreshBootsReasoning: h2.root.waitingForFreshBootsReasoning === true,
-        subdialogCount: typeof rootEntry?.subdialogCount === "number" ? Math.max(rootEntry.subdialogCount, mergedSubdialogs.length) : mergedSubdialogs.length
+        subdialogCount: h2.root.subdialogCount
       };
       this.upsertRootDialogSnapshot(nextRoot);
       this.setVisibleSubdialogsForRoot(rootId, mergedSubdialogs);
@@ -122674,11 +123742,15 @@ ${content}`;
   async ensureSubdialogsLoaded(rootId) {
     if (!rootId) return false;
     const rootDialog = this.getRootDialog(rootId);
-    const expectedCount = typeof rootDialog?.subdialogCount === "number" ? rootDialog.subdialogCount : 0;
+    if (!rootDialog) return false;
+    if (typeof rootDialog.subdialogCount !== "number" || !Number.isInteger(rootDialog.subdialogCount) || rootDialog.subdialogCount < 0) {
+      throw new Error(`Root dialog ${rootId} has invalid backend subdialogCount`);
+    }
+    const expectedCount = rootDialog.subdialogCount;
     if (expectedCount === 0) return true;
     const alreadyLoaded = this.getVisibleSubdialogsForRoot(rootId).length > 0;
     if (alreadyLoaded) return true;
-    const status = this.toPersistableStatus(rootDialog?.status);
+    const status = this.toPersistableStatus(rootDialog.status);
     if (status === null) return false;
     await this.loadRootHierarchyForKnownStatus(rootId, status);
     return this.getVisibleSubdialogsForRoot(rootId).length > 0;
@@ -122688,6 +123760,8 @@ ${content}`;
     this.connectionState = state2;
     this.updateConnectionStatus();
     if (state2.status === "connected") {
+      this.wsConnectionOutageEligibleForHistory = false;
+      this.wsConnectionErrorHistoryRecorded = false;
       this.wsManager.setUiLanguage(this.uiLanguage);
       this.wsManager.sendRaw({
         type: "get_q4h_state"
@@ -122695,12 +123769,25 @@ ${content}`;
       if (previousStatus !== "connected") {
         this.restoreCurrentDialogAfterReconnectInBackground();
       }
-    } else if (state2.status === "error") {
+    } else {
+      if (previousStatus === "connected") {
+        this.wsConnectionOutageEligibleForHistory = true;
+        this.wsConnectionErrorHistoryRecorded = false;
+      }
+      if (state2.status !== "error") {
+        return;
+      }
       if (state2.error === "Unauthorized") {
         this.onAuthRejected("ws");
         return;
       }
-      this.showError(state2.error || "Connection error");
+      const persistHistory = this.wsConnectionOutageEligibleForHistory && !this.wsConnectionErrorHistoryRecorded;
+      if (persistHistory) {
+        this.wsConnectionErrorHistoryRecorded = true;
+      }
+      this.showError(state2.error || "Connection error", "error", {
+        history: persistHistory ? "persist" : "skip"
+      });
     }
   }
   async reopenCurrentDialogAfterReconnect() {
@@ -122763,6 +123850,8 @@ ${content}`;
       statusEl.setAttribute("status", this.connectionState.status);
       if (this.connectionState.error) {
         statusEl.setAttribute("error", this.connectionState.error);
+      } else {
+        statusEl.removeAttribute("error");
       }
     }
   }
@@ -122774,9 +123863,9 @@ ${content}`;
       this.showWarning("No team members component available");
     }
   }
-  showError(message, type2 = "error") {
+  showError(message, type2 = "error", options) {
     console.error(`[${type2.toUpperCase()}] ${message}`);
-    this.showToast(message, type2);
+    this.showToast(message, type2, options);
   }
   showSuccess(message) {
     this.showToast(message, "info", { history: "skip" });
@@ -122838,10 +123927,10 @@ ${content}`;
       if (typeof item !== "object" || item === null) continue;
       const rec = item;
       const id28 = typeof rec["id"] === "string" ? rec["id"] : "";
-      const timestamp2 = typeof rec["timestamp"] === "string" ? rec["timestamp"] : "";
+      const timestamp2 = typeof rec["timestamp"] === "string" ? rec["timestamp"].trim() : "";
       const kind = rec["kind"];
       const message = typeof rec["message"] === "string" ? rec["message"] : "";
-      if (!id28 || !timestamp2 || !message) continue;
+      if (!id28 || !_DomindsApp.UNIFIED_TIMESTAMP_PATTERN.test(timestamp2) || !message) continue;
       if (kind !== "error" && kind !== "warning" && kind !== "info") continue;
       next2.push({ id: id28, timestamp: timestamp2, kind, message });
     }
@@ -122865,7 +123954,7 @@ ${content}`;
     if (trimmed === "") return;
     const next2 = {
       id: id28,
-      timestamp: now2.toISOString(),
+      timestamp: timeExports.formatUnifiedTimestamp(now2),
       kind: entry.kind,
       message: trimmed
     };
@@ -123762,23 +124851,38 @@ ${content}`;
               `CRITICAL: subdialog_created event for unknown rootId=${node2.rootId} selfId=${node2.selfId}`
             );
           }
-          const prevCount = typeof rootDialog.subdialogCount === "number" ? rootDialog.subdialogCount : 0;
-          const visibleCountFloor = hadLoadedSubdialogs || rootExpandedInDom ? this.getVisibleSubdialogsForRoot(node2.rootId).length + 1 : 1;
-          const nextCount = Math.max(prevCount + 1, visibleCountFloor, 1);
+          if (!Number.isInteger(subdialogEvent.rootSubdialogCount) || subdialogEvent.rootSubdialogCount < 0) {
+            throw new Error(
+              `CRITICAL: subdialog_created event returned invalid rootSubdialogCount=${String(subdialogEvent.rootSubdialogCount)} rootId=${node2.rootId} selfId=${node2.selfId}`
+            );
+          }
+          const existingSubdialogs = this.getVisibleSubdialogsForRoot(node2.rootId);
+          const alreadyVisible = existingSubdialogs.some(
+            (subdialog) => subdialog.selfId === incomingSubdialog.selfId
+          );
+          const visibleCountFloor = hadLoadedSubdialogs || rootExpandedInDom ? existingSubdialogs.length + (alreadyVisible ? 0 : 1) : 1;
+          if (subdialogEvent.rootSubdialogCount < visibleCountFloor) {
+            throw new Error(
+              `CRITICAL: subdialog_created event rootSubdialogCount under visible count. rootId=${node2.rootId} selfId=${node2.selfId} backend=${subdialogEvent.rootSubdialogCount} visible=${visibleCountFloor}`
+            );
+          }
+          const nextCount = subdialogEvent.rootSubdialogCount;
           this.upsertRootDialogSnapshot({
             ...rootDialog,
             subdialogCount: nextCount,
             lastModified: node2.lastModified || rootDialog.lastModified
           });
           if (hadLoadedSubdialogs || rootExpandedInDom) {
-            const existing = this.getVisibleSubdialogsForRoot(node2.rootId);
-            const idx = existing.findIndex((d2) => d2.selfId === incomingSubdialog.selfId);
+            const idx = existingSubdialogs.findIndex((d2) => d2.selfId === incomingSubdialog.selfId);
             if (idx >= 0) {
-              const updated = [...existing];
+              const updated = [...existingSubdialogs];
               updated[idx] = incomingSubdialog;
               this.setVisibleSubdialogsForRoot(node2.rootId, updated);
             } else {
-              this.setVisibleSubdialogsForRoot(node2.rootId, [...existing, incomingSubdialog]);
+              this.setVisibleSubdialogsForRoot(node2.rootId, [
+                ...existingSubdialogs,
+                incomingSubdialog
+              ]);
             }
           }
           if (hadLoadedSubdialogs || rootExpandedInDom || node2.status !== "running") {
@@ -124314,8 +125418,8 @@ ${content}`;
       stepParent: widgetContent,
       label: getProgressiveExpandLabel(this.uiLanguage),
       // Reminder bodies can become long after first paint when a nested code block is expanded.
-      // Track only target self-growth until the first outer overflow appears; never track widget
-      // parent resize for this.
+      // Track only target self-growth while the expand footer is hidden; never track widget parent
+      // resize for this.
       observeTargetUntilOverflow: true
     });
     this.reminderProgressiveExpandCleanupByKey.set(key, cleanup);
@@ -124696,8 +125800,9 @@ ${content}`;
   // Resize handle removed: input is resized via a dedicated handle inside `dominds-q4h-input`.
 };
 _DomindsApp.DEFAULT_BROWSER_TITLE = "Dominds - DevOps Mindsets";
-_DomindsApp.TOAST_HISTORY_STORAGE_KEY = "dominds-toast-history-v1";
+_DomindsApp.TOAST_HISTORY_STORAGE_KEY = "dominds-toast-history-v2";
 _DomindsApp.TOAST_HISTORY_MAX = 200;
+_DomindsApp.UNIFIED_TIMESTAMP_PATTERN = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/;
 _DomindsApp.SIDEBAR_WIDTH_STORAGE_KEY = "dominds-sidebar-width-px-v1";
 _DomindsApp.BOTTOM_PANEL_HEIGHT_STORAGE_KEY = "dominds-bottom-panel-height-px-v2";
 _DomindsApp.REMINDERS_WIDGET_SIZE_STORAGE_KEY = "dominds-reminders-widget-size-v1";
@@ -124715,6 +125820,7 @@ const _DomindsConnectionStatus = class _DomindsConnectionStatus extends HTMLElem
     this.mountedAtMs = 0;
     this.firstConnStateEventSeen = false;
     this.initialStatusRefreshTimer = null;
+    this.connStateCancel = null;
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
@@ -124726,15 +125832,20 @@ const _DomindsConnectionStatus = class _DomindsConnectionStatus extends HTMLElem
     const parsed = languageExports.normalizeLanguageCode(raw);
     this.uiLanguage = parsed ?? "en";
     const initial = this.wsManager.getConnectionState();
-    if (!this.hasAttribute("status")) {
-      this.setAttribute("status", initial.status);
-    }
-    if (initial.error && !this.hasAttribute("error")) {
+    this.setAttribute("status", initial.status);
+    if (initial.error) {
       this.setAttribute("error", initial.error);
+    } else if (!initial.error && this.hasAttribute("error")) {
+      this.removeAttribute("error");
     }
     this.updateDisplay();
     this.scheduleInitialStatusRefresh();
+    if (this.connStateCancel) {
+      this.connStateCancel();
+      this.connStateCancel = null;
+    }
     const sub2 = this.wsManager.subscribeToConnectionState();
+    this.connStateCancel = sub2.cancel;
     (async () => {
       for await (const state2 of sub2.stream()) {
         this.firstConnStateEventSeen = true;
@@ -124749,6 +125860,10 @@ const _DomindsConnectionStatus = class _DomindsConnectionStatus extends HTMLElem
       clearTimeout(this.initialStatusRefreshTimer);
       this.initialStatusRefreshTimer = null;
     }
+    if (this.connStateCancel) {
+      this.connStateCancel();
+      this.connStateCancel = null;
+    }
   }
   static get observedAttributes() {
     return ["status", "error", "ui-language"];
@@ -126673,4 +127788,4 @@ export {
   clear$2 as y,
   defaultConfig2 as z
 };
-//# sourceMappingURL=index-DAShQcjb.js.map
+//# sourceMappingURL=index-DLajsIDJ.js.map