dominds 1.17.2 → 1.17.4

package/webapp/dist/assets/{index-BV_dDe3L.js → index-Cyx7eev_.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-KLK3FWXG-D_JMhNNL.js","assets/graph-BrKKvSVx.js","assets/_baseUniq-BHtz-XvO.js","assets/layout-NtmBC9CZ.js","assets/_basePickBy-EK9iGcOl.js","assets/clone-XglJh1R0.js","assets/cose-bilkent-S5V4N54A--gZrh2tG.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-IC4MRINW-DKra5-za.js","assets/chunk-JSJVCQXG-CK8inzJx.js","assets/flowDiagram-PKNHOUZH-IBGgxeki.js","assets/chunk-FMBD7UC4-C2i0rEFF.js","assets/chunk-55IACEB6-DsPShmjL.js","assets/chunk-KX2RTZJC-BjEK5_oI.js","assets/channel-CxE9sL_E.js","assets/erDiagram-INFDFZHY-BzJClUtq.js","assets/gitGraphDiagram-K3NZZRJ6-C14OpSSI.js","assets/chunk-4BX2VUAB-BlyIt9uv.js","assets/chunk-QZHKN3VN-CMikir3s.js","assets/treemap-KZPCXAKY-DB1uUX8l.js","assets/ganttDiagram-A5KZAMGK-DdxgzFKe.js","assets/linear-BrqwApt9.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-LFFYTUFH-k0Yv94VI.js","assets/pieDiagram-SKSYHLDU-wydKHXzN.js","assets/arc-NqUmMwkS.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-337W2JSQ-D6i3VaFO.js","assets/xychartDiagram-JWTSCODW-CfIdcI74.js","assets/requirementDiagram-Z7DCOOCP-C0sBwH6H.js","assets/sequenceDiagram-2WXFIKYE-CJsKHnh5.js","assets/classDiagram-VBA2DB6C-kzzlkQ_D.js","assets/chunk-WL4C6EOR-1gtCLicd.js","assets/classDiagram-v2-RAHNMMFH-kzzlkQ_D.js","assets/stateDiagram-RAJIS63D-B6A5jTdU.js","assets/chunk-NQ4KR5QH-Clf489xc.js","assets/stateDiagram-v2-FVOUBMTO-6YIjpVKr.js","assets/journeyDiagram-4ABVD52K-BnSlOrbq.js","assets/timeline-definition-YZTLITO2-BQS5KHfj.js","assets/mindmap-definition-YRQLILUH-DcknQb8H.js","assets/kanban-definition-K7BYSVSG-CNYH0HDF.js","assets/sankeyDiagram-WA2Y5GQK-33jPg4PK.js","assets/diagram-P4PSJMXO-Dg46tTnk.js","assets/diagram-IFDJBPK2-BFv5iU5U.js","assets/blockDiagram-WCTKOSBZ-RNM7ujN4.js","assets/architectureDiagram-2XIMDMQ5-CJ7Jb15a.js","assets/diagram-E7M64L7V-HkYhqJDL.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-KLK3FWXG-DU_3BSOq.js","assets/graph-ozb0amP0.js","assets/_baseUniq-B06twih4.js","assets/layout-Bu3Xw0z2.js","assets/_basePickBy-CgM-M_q8.js","assets/clone-5uLJc7AC.js","assets/cose-bilkent-S5V4N54A-CoiJzdQi.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-IC4MRINW-B26QTIJt.js","assets/chunk-JSJVCQXG-CRq8LK53.js","assets/flowDiagram-PKNHOUZH-DkxGh-JF.js","assets/chunk-FMBD7UC4-BwYp8OtY.js","assets/chunk-55IACEB6-6sRVmXqs.js","assets/chunk-KX2RTZJC-CzFE355P.js","assets/channel-C5U2W0P9.js","assets/erDiagram-INFDFZHY-C28KjRkA.js","assets/gitGraphDiagram-K3NZZRJ6-xiHqomZC.js","assets/chunk-4BX2VUAB-7z2PgnSv.js","assets/chunk-QZHKN3VN-DWkpxb-w.js","assets/treemap-KZPCXAKY-Lnkh2bpd.js","assets/ganttDiagram-A5KZAMGK-BmZnHD96.js","assets/linear-Bq77itJm.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-LFFYTUFH-fLl_TA1F.js","assets/pieDiagram-SKSYHLDU-Cxg_wh4K.js","assets/arc-CoXJvjeB.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-337W2JSQ-DFguuaS9.js","assets/xychartDiagram-JWTSCODW-DgvaqrGO.js","assets/requirementDiagram-Z7DCOOCP--tJ_dfsT.js","assets/sequenceDiagram-2WXFIKYE-dwXRRnyq.js","assets/classDiagram-VBA2DB6C-mVfJeuZL.js","assets/chunk-WL4C6EOR-DkpfoQzK.js","assets/classDiagram-v2-RAHNMMFH-mVfJeuZL.js","assets/stateDiagram-RAJIS63D-DToxcEC2.js","assets/chunk-NQ4KR5QH-3cQSOzCt.js","assets/stateDiagram-v2-FVOUBMTO-BY5hDUqz.js","assets/journeyDiagram-4ABVD52K--aRyymZs.js","assets/timeline-definition-YZTLITO2-CT3WRcFt.js","assets/mindmap-definition-YRQLILUH-CHB8qv8L.js","assets/kanban-definition-K7BYSVSG-BO_QdW_O.js","assets/sankeyDiagram-WA2Y5GQK-f0zWimMc.js","assets/diagram-P4PSJMXO-lrqvXDXp.js","assets/diagram-IFDJBPK2-CFWMc1oD.js","assets/blockDiagram-WCTKOSBZ-CYRE6deu.js","assets/architectureDiagram-2XIMDMQ5-BLFRWTKn.js","assets/diagram-E7M64L7V-DgqOvF1U.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);
@@ -63314,11 +63314,176 @@ function requireLib() {
 }
 var libExports = /* @__PURE__ */ requireLib();
 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";
+function sameProgressiveExpandState(left, right) {
+  if (left.kind !== right.kind) return false;
+  if (left.kind !== "partial" || right.kind !== "partial") return true;
+  return left.maxHeightPx === right.maxHeightPx;
+}
+function resolveProgressiveExpandStepParent(target) {
+  return target.closest(`[${PROGRESSIVE_EXPAND_STEP_PARENT_ATTR}="true"]`);
+}
+function computeProgressiveExpandStepPx(parent) {
+  const parentHeight = parent?.clientHeight ?? 0;
+  const viewportHeight = typeof window === "undefined" ? 0 : window.innerHeight;
+  const referenceHeight = parentHeight > 0 ? parentHeight : viewportHeight > 0 ? viewportHeight : PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX;
+  return Math.max(1, Math.floor(referenceHeight * PROGRESSIVE_EXPAND_STEP_PARENT_RATIO));
+}
+function getProgressiveExpandLabel(language2) {
+  return language2 === "zh" ? { text: "展开更多", title: "展开更多" } : { text: "Show more", title: "Show more" };
+}
+class ProgressiveExpandableComponent {
+  constructor(options) {
+    this.overflowObserver = null;
+    this.boundOnNestedGrowth = (event) => {
+      if (!(event instanceof CustomEvent)) return;
+      if (event.type !== "progressive-expand-content-grown") return;
+      if (event.target === this.target) return;
+      if (this.currentState.kind === "full") return;
+      requestAnimationFrame(() => {
+        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.target = options.target;
+    this.footer = options.footer;
+    this.button = options.button;
+    this.stepParent = options.stepParent ?? null;
+    this.label = options.label;
+    this.observeTargetUntilOverflow = options.observeTargetUntilOverflow === true;
+    this.onStateChange = options.onStateChange;
+    this.onAfterExpandStep = options.onAfterExpandStep;
+    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.target.addEventListener(
+      "progressive-expand-content-grown",
+      this.boundOnNestedGrowth
+    );
+    this.applyCurrentState();
+    this.attachOverflowObserverIfNeeded();
+    this.refreshExpandFooter();
+    requestAnimationFrame(() => {
+      this.refreshExpandFooter();
+    });
+  }
+  cleanup() {
+    this.disconnectOverflowObserver();
+    this.button.onclick = null;
+    this.target.removeEventListener(
+      "progressive-expand-content-grown",
+      this.boundOnNestedGrowth
+    );
+  }
+  emitContentGrown(reason) {
+    dispatchDomindsEvent(
+      this.target,
+      "progressive-expand-content-grown",
+      { reason },
+      { bubbles: true, composed: true }
+    );
+  }
+  updateState(nextState) {
+    if (sameProgressiveExpandState(this.currentState, nextState)) return;
+    this.currentState = nextState;
+    this.onStateChange?.(nextState);
+  }
+  collapseToHeight(heightPx) {
+    this.target.style.maxHeight = `${Math.max(PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX, heightPx)}px`;
+    this.target.style.overflowY = "hidden";
+  }
+  collapseToInitial() {
+    this.collapseToHeight(PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX);
+  }
+  showCurrentContentFully() {
+    this.target.style.maxHeight = "none";
+    this.target.style.overflowY = "visible";
+  }
+  disconnectOverflowObserver() {
+    this.overflowObserver?.disconnect();
+    this.overflowObserver = null;
+  }
+  expandFully() {
+    this.showCurrentContentFully();
+    this.footer.classList.add("is-hidden");
+    this.disconnectOverflowObserver();
+    this.updateState({ kind: "full" });
+  }
+  applyCurrentState() {
+    switch (this.currentState.kind) {
+      case "initial":
+        this.collapseToInitial();
+        return;
+      case "partial":
+        this.collapseToHeight(this.currentState.maxHeightPx);
+        return;
+      case "full":
+        this.expandFully();
+        return;
+    }
+  }
+  attachOverflowObserverIfNeeded() {
+    this.disconnectOverflowObserver();
+    if (!this.observeTargetUntilOverflow || this.currentState.kind !== "initial" || typeof ResizeObserver === "undefined") {
+      return;
+    }
+    this.overflowObserver = new ResizeObserver(() => {
+      this.refreshExpandFooter();
+      this.emitContentGrown("content-growth");
+    });
+    this.overflowObserver.observe(this.target);
+  }
+  refreshExpandFooter() {
+    if (!this.target.isConnected) return;
+    if (this.currentState.kind === "initial") {
+      const exceedsInitialClamp = this.target.scrollHeight > PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX + 1;
+      if (exceedsInitialClamp) {
+        this.collapseToInitial();
+        this.footer.classList.remove("is-hidden");
+        this.disconnectOverflowObserver();
+        return;
+      }
+      this.footer.classList.add("is-hidden");
+      this.showCurrentContentFully();
+      return;
+    }
+    const overflow = this.target.scrollHeight > this.target.clientHeight + 1;
+    if (overflow) {
+      this.footer.classList.remove("is-hidden");
+      this.disconnectOverflowObserver();
+      return;
+    }
+    this.footer.classList.add("is-hidden");
+    this.expandFully();
+  }
+}
+function setupProgressiveExpandBehavior(options) {
+  const component = new ProgressiveExpandableComponent(options);
+  return () => {
+    component.cleanup();
+  };
+}
 class DomindsCodeBlock extends HTMLElement {
   constructor() {
     super();
     this._language = "";
     this._code = "";
+    this.progressiveExpandCleanup = null;
+    this.progressiveExpandState = { kind: "initial" };
     this.style.display = "block";
   }
   static get observedAttributes() {
@@ -63327,6 +63492,10 @@ class DomindsCodeBlock extends HTMLElement {
   connectedCallback() {
     this.render();
   }
+  disconnectedCallback() {
+    this.progressiveExpandCleanup?.();
+    this.progressiveExpandCleanup = null;
+  }
   attributeChangedCallback(name, oldValue, newValue) {
     if (name === "language" && oldValue !== newValue) {
       this._language = newValue;
@@ -63413,11 +63582,82 @@ class DomindsCodeBlock extends HTMLElement {
             background: var(--dominds-bg, var(--color-bg-primary, #f8f8f8));
             overflow: auto;
           }
+          .code-expand-footer {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding: 0 0 4px;
+            margin-top: -1px;
+            background: linear-gradient(
+              to bottom,
+              color-mix(in srgb, var(--dominds-bg-secondary, #ffffff) 0%, transparent),
+              var(--dominds-bg-secondary, var(--color-bg-secondary, #ffffff)) 72%
+            );
+          }
+          .code-expand-footer.is-hidden {
+            display: none;
+          }
+          .code-expand-btn {
+            width: 28px;
+            height: 20px;
+            border-radius: 999px;
+            border: 1px solid var(--dominds-border, var(--color-border-primary, #e5e5e5));
+            background: var(--dominds-bg-secondary, var(--color-bg-secondary, #ffffff));
+            color: var(--dominds-muted, var(--color-fg-tertiary, #616161));
+            cursor: pointer;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+            transition:
+              background 0.2s ease,
+              border-color 0.2s ease,
+              color 0.2s ease,
+              box-shadow 0.2s ease;
+          }
+          .code-expand-btn:hover {
+            border-color: var(--dominds-primary, var(--color-accent-primary, #005fb8));
+            color: var(--dominds-primary, var(--color-accent-primary, #005fb8));
+            background: color-mix(
+              in srgb,
+              var(--dominds-bg-secondary, #ffffff) 85%,
+              var(--dominds-primary, #005fb8) 15%
+            );
+          }
+          .code-expand-btn:focus-visible {
+            outline: 2px solid var(--dominds-primary, var(--color-accent-primary, #005fb8));
+            outline-offset: 1px;
+          }
+          .code-expand-icon {
+            width: 12px;
+            height: 12px;
+            --icon-mask: ${ICON_MASK_URLS.chevronsDown};
+            animation: progressive-expand-flash 2.2s ease-in-out infinite;
+          }
+          .code-expand-btn:hover .code-expand-icon,
+          .code-expand-btn:focus-visible .code-expand-icon {
+            animation-play-state: paused;
+          }
           code.hljs {
             padding: 0;
             background: transparent;
             color: var(--dominds-fg, var(--color-fg-primary, #3b3b3b));
           }
+          @keyframes progressive-expand-flash {
+            0%,
+            100% {
+              opacity: 0.5;
+              transform: translateY(0);
+            }
+            35% {
+              opacity: 1;
+              transform: translateY(1px);
+            }
+            60% {
+              opacity: 0.75;
+              transform: translateY(3px);
+            }
+          }
         </style>
         <div class="code-block-wrapper">
           <div class="code-header">
@@ -63425,13 +63665,45 @@ class DomindsCodeBlock extends HTMLElement {
             <button class="copy-btn" title="Copy code" aria-label="Copy code" onclick="navigator.clipboard.writeText(this.parentElement.nextElementSibling.querySelector('code').textContent)"><span class="icon-mask" aria-hidden="true"></span></button>
           </div>
           <pre><code class="hljs language-${language2}">${highlighted}</code></pre>
+          <div class="code-expand-footer is-hidden">
+            <button type="button" class="code-expand-btn">
+              <span class="code-expand-icon icon-mask" aria-hidden="true"></span>
+            </button>
+          </div>
         </div>
       `;
+      this.setupProgressiveExpand();
     } catch (error2) {
       console.error("Highlighting error:", error2);
       this.innerHTML = `<pre><code>${this._code}</code></pre>`;
     }
   }
+  setupProgressiveExpand() {
+    const target = this.querySelector("pre");
+    const footer = this.querySelector(".code-expand-footer");
+    const button = this.querySelector(".code-expand-btn");
+    if (!(target instanceof HTMLElement)) return;
+    if (!(footer instanceof HTMLElement)) return;
+    if (!(button instanceof HTMLButtonElement)) return;
+    const stepParent = resolveProgressiveExpandStepParent(this);
+    const language2 = this.closest("[lang]")?.getAttribute("lang") ?? "en";
+    this.progressiveExpandCleanup?.();
+    this.progressiveExpandCleanup = setupProgressiveExpandBehavior({
+      target,
+      footer,
+      button,
+      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.
+      observeTargetUntilOverflow: true,
+      state: this.progressiveExpandState,
+      onStateChange: (state2) => {
+        this.progressiveExpandState = state2;
+      }
+    });
+  }
 }
 if (!customElements.get("dominds-code-block")) {
   customElements.define("dominds-code-block", DomindsCodeBlock);
@@ -98071,12 +98343,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-KLK3FWXG-D_JMhNNL.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-KLK3FWXG-DU_3BSOq.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--gZrh2tG.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-CoiJzdQi.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
       }
     ]
   ]);
@@ -98461,12 +98733,12 @@ function baseKeys(object) {
 var DataView = getNative(root, "DataView");
 var Promise$1 = getNative(root, "Promise");
 var Set$1 = getNative(root, "Set");
-var WeakMap$1 = getNative(root, "WeakMap");
+var WeakMap = getNative(root, "WeakMap");
 var mapTag$1 = "[object Map]", objectTag = "[object Object]", promiseTag = "[object Promise]", setTag$1 = "[object Set]", weakMapTag = "[object WeakMap]";
 var dataViewTag = "[object DataView]";
-var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1);
+var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap);
 var getTag = baseGetTag;
-if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map$1 && getTag(new Map$1()) != mapTag$1 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$1 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag) {
+if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map$1 && getTag(new Map$1()) != mapTag$1 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$1 || WeakMap && getTag(new WeakMap()) != weakMapTag) {
   getTag = function(value) {
     var result = baseGetTag(value), Ctor = result == objectTag ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
     if (ctorString) {
@@ -98516,7 +98788,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./c4Diagram-IC4MRINW-DKra5-za.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-IC4MRINW-B26QTIJt.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0);
   return { id: id$1, diagram: diagram2 };
@@ -98536,7 +98808,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-PKNHOUZH-IBGgxeki.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-DkxGh-JF.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id2, diagram: diagram2 };
@@ -98562,7 +98834,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-PKNHOUZH-IBGgxeki.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-DkxGh-JF.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id3, diagram: diagram2 };
@@ -98579,7 +98851,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./erDiagram-INFDFZHY-BzJClUtq.js");
+    const { diagram: diagram22 } = await import("./erDiagram-INFDFZHY-C28KjRkA.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0);
   return { id: id4, diagram: diagram2 };
@@ -98596,7 +98868,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./gitGraphDiagram-K3NZZRJ6-C14OpSSI.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-K3NZZRJ6-xiHqomZC.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,2,4,5]) : void 0);
   return { id: id5, diagram: diagram2 };
@@ -98613,7 +98885,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./ganttDiagram-A5KZAMGK-DdxgzFKe.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-A5KZAMGK-BmZnHD96.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0);
   return { id: id6, diagram: diagram2 };
@@ -98630,7 +98902,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./infoDiagram-LFFYTUFH-k0Yv94VI.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-LFFYTUFH-fLl_TA1F.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,2,4,5]) : void 0);
   return { id: id7, diagram: diagram2 };
@@ -98646,7 +98918,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./pieDiagram-SKSYHLDU-wydKHXzN.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-SKSYHLDU-Cxg_wh4K.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([25,17,19,2,4,5,26,27,22]) : void 0);
   return { id: id8, diagram: diagram2 };
@@ -98662,7 +98934,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./quadrantDiagram-337W2JSQ-D6i3VaFO.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-337W2JSQ-DFguuaS9.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0);
   return { id: id9, diagram: diagram2 };
@@ -98679,7 +98951,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./xychartDiagram-JWTSCODW-CfIdcI74.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-JWTSCODW-DgvaqrGO.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0);
   return { id: id10, diagram: diagram2 };
@@ -98696,7 +98968,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./requirementDiagram-Z7DCOOCP-C0sBwH6H.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-Z7DCOOCP--tJ_dfsT.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0);
   return { id: id11, diagram: diagram2 };
@@ -98713,7 +98985,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sequenceDiagram-2WXFIKYE-CJsKHnh5.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-2WXFIKYE-dwXRRnyq.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0);
   return { id: id12, diagram: diagram2 };
@@ -98733,7 +99005,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-VBA2DB6C-kzzlkQ_D.js");
+    const { diagram: diagram22 } = await import("./classDiagram-VBA2DB6C-mVfJeuZL.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,33,11,9,12,13]) : void 0);
   return { id: id13, diagram: diagram2 };
@@ -98753,7 +99025,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-RAHNMMFH-kzzlkQ_D.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-RAHNMMFH-mVfJeuZL.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([34,33,11,9,12,13]) : void 0);
   return { id: id14, diagram: diagram2 };
@@ -98773,7 +99045,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-RAJIS63D-B6A5jTdU.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-RAJIS63D-DToxcEC2.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0);
   return { id: id15, diagram: diagram2 };
@@ -98796,7 +99068,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-FVOUBMTO-6YIjpVKr.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-FVOUBMTO-BY5hDUqz.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0);
   return { id: id16, diagram: diagram2 };
@@ -98813,7 +99085,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./journeyDiagram-4ABVD52K-BnSlOrbq.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-4ABVD52K--aRyymZs.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,11,9,26]) : void 0);
   return { id: id17, diagram: diagram2 };
@@ -98883,7 +99155,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-PKNHOUZH-IBGgxeki.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-DkxGh-JF.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id18, diagram: diagram2 };
@@ -98900,7 +99172,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-YZTLITO2-BQS5KHfj.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-YZTLITO2-CT3WRcFt.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0);
   return { id: id19, diagram: diagram2 };
@@ -98917,7 +99189,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-YRQLILUH-DcknQb8H.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-YRQLILUH-CHB8qv8L.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0);
   return { id: id20, diagram: diagram2 };
@@ -98934,7 +99206,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-K7BYSVSG-CNYH0HDF.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-K7BYSVSG-BO_QdW_O.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0);
   return { id: id21, diagram: diagram2 };
@@ -98951,7 +99223,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sankeyDiagram-WA2Y5GQK-33jPg4PK.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-WA2Y5GQK-f0zWimMc.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0);
   return { id: id22, diagram: diagram2 };
@@ -98968,7 +99240,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-P4PSJMXO-Dg46tTnk.js");
+    const { diagram: diagram22 } = await import("./diagram-P4PSJMXO-lrqvXDXp.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,2,4,5]) : void 0);
   return { id: id23, diagram: diagram2 };
@@ -98984,7 +99256,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-IFDJBPK2-BFv5iU5U.js");
+    const { diagram: diagram22 } = await import("./diagram-IFDJBPK2-CFWMc1oD.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,2,4,5]) : void 0);
   return { id: id24, diagram: diagram2 };
@@ -99000,7 +99272,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./blockDiagram-WCTKOSBZ-RNM7ujN4.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-WCTKOSBZ-CYRE6deu.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,2,1,14]) : void 0);
   return { id: id25, diagram: diagram2 };
@@ -99017,7 +99289,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./architectureDiagram-2XIMDMQ5-CJ7Jb15a.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-2XIMDMQ5-BLFRWTKn.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,19,2,4,5,7]) : void 0);
   return { id: id26, diagram: diagram2 };
@@ -99034,7 +99306,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./ishikawaDiagram-PHBUUO56-C3EYBxjN.js");
+    const { diagram: diagram22 } = await import("./ishikawaDiagram-PHBUUO56-ZL9tBKUr.js");
     return { diagram: diagram22 };
   }, true ? [] : void 0);
   return { id: id27, diagram: diagram2 };
@@ -99050,7 +99322,7 @@ var detector28 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader28 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./vennDiagram-LZ73GAT5-BtcfWZJx.js");
+    const { diagram: diagram22 } = await import("./vennDiagram-LZ73GAT5-CYSLSh1w.js");
     return { diagram: diagram22 };
   }, true ? [] : void 0);
   return { id: id28, diagram: diagram2 };
@@ -99067,7 +99339,7 @@ var detector29 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader29 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-E7M64L7V-HkYhqJDL.js");
+    const { diagram: diagram22 } = await import("./diagram-E7M64L7V-DgqOvF1U.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
   return { id: id29, diagram: diagram2 };
@@ -100501,8 +100773,6 @@ function isSystemNoticeMarkdownContent(value) {
   const trimmed = value.trimStart();
   return trimmed.startsWith("【系统提示】") || trimmed.startsWith("[System notice]");
 }
-const CALLING_CONTENT_INITIAL_MAX_HEIGHT_PX = 120;
-const CALLING_EXPAND_STEP_VIEWPORT_RATIO = 1 / 3;
 const AUTO_SCROLL_FOLLOW_THRESHOLD_PX = 32;
 const AUTO_SCROLL_WHEEL_RESISTANCE_PX = 56;
 const AUTO_SCROLL_WHEEL_DECAY_MS = 520;
@@ -100547,7 +100817,7 @@ class DomindsDialogContainer extends HTMLElement {
     this.toolResultImageStatusElByKey = /* @__PURE__ */ new Map();
     this.queuedUserBubbleByMsgId = /* @__PURE__ */ new Map();
     this.pendingTellaskCallAnchorByGenseq = /* @__PURE__ */ new Map();
-    this.progressiveExpandObserverByTarget = /* @__PURE__ */ new WeakMap();
+    this.progressiveExpandCleanupByTarget = /* @__PURE__ */ new Map();
     this.viewportPanelState = { kind: "hidden" };
     this.pendingScrollRequest = null;
     this.highlightSeq = 0;
@@ -101286,6 +101556,10 @@ class DomindsDialogContainer extends HTMLElement {
   }
   // Clean up current state and DOM content
   cleanup() {
+    for (const cleanup of this.progressiveExpandCleanupByTarget.values()) {
+      cleanup();
+    }
+    this.progressiveExpandCleanupByTarget.clear();
     this.stopAutoScrollObservation();
     this.resetAutoScrollTransientState();
     this.clearViewportPanel();
@@ -102472,73 +102746,41 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
       this.stopCallTimingTicker();
     }
   }
-  getProgressiveExpandLabel() {
-    if (this.uiLanguage === "zh") {
-      return { text: "展开更多", title: "展开更多" };
-    }
-    return { text: "Show more", title: "Show more" };
-  }
   setupProgressiveExpand(options) {
-    const { target, footer, button } = options;
-    const label = this.getProgressiveExpandLabel();
+    const { target, footer, button, stepParent } = options;
+    const label = getProgressiveExpandLabel(this.uiLanguage);
     button.innerHTML = `
       <span class="progressive-expand-icon icon-mask" aria-hidden="true"></span>
     `;
-    button.setAttribute("aria-label", label.text);
-    button.title = label.title;
-    const collapseToInitial = () => {
-      target.style.maxHeight = `${CALLING_CONTENT_INITIAL_MAX_HEIGHT_PX}px`;
-      target.style.overflowY = "hidden";
-    };
-    const expandFully = () => {
-      target.style.maxHeight = "none";
-      target.style.overflowY = "visible";
-      footer.classList.add("is-hidden");
-    };
-    const refreshExpandFooter = () => {
-      if (!target.isConnected) return;
-      const overflow = target.scrollHeight > target.clientHeight + 1;
-      if (overflow) {
-        footer.classList.remove("is-hidden");
-        return;
-      }
-      expandFully();
-    };
-    button.onclick = () => {
-      const stepPx = Math.max(
-        1,
-        Math.floor(window.innerHeight * CALLING_EXPAND_STEP_VIEWPORT_RATIO)
-      );
-      const nextMaxHeightPx = Math.max(target.clientHeight, CALLING_CONTENT_INITIAL_MAX_HEIGHT_PX) + stepPx;
-      target.style.maxHeight = `${nextMaxHeightPx}px`;
-      target.style.overflowY = "hidden";
-      requestAnimationFrame(() => {
-        refreshExpandFooter();
+    const previousCleanup = this.progressiveExpandCleanupByTarget.get(target);
+    previousCleanup?.();
+    const cleanup = setupProgressiveExpandBehavior({
+      target,
+      footer,
+      button,
+      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.
+      observeTargetUntilOverflow: true,
+      onAfterExpandStep: () => {
         this.scrollToBottom();
-      });
-    };
-    const previousObserver = this.progressiveExpandObserverByTarget.get(target);
-    if (previousObserver) {
-      previousObserver.disconnect();
-    }
-    if (typeof ResizeObserver !== "undefined") {
-      const observer = new ResizeObserver(() => {
-        refreshExpandFooter();
-      });
-      observer.observe(target);
-      this.progressiveExpandObserverByTarget.set(target, observer);
-    }
-    collapseToInitial();
-    requestAnimationFrame(() => {
-      refreshExpandFooter();
+      }
     });
+    this.progressiveExpandCleanupByTarget.set(target, cleanup);
   }
   setupCallingProgressiveExpand(section) {
     const content = section.querySelector(".calling-content");
     const footer = section.querySelector(".calling-expand-footer");
     const button = section.querySelector(".calling-expand-btn");
     if (!content || !footer || !button) return;
-    this.setupProgressiveExpand({ target: content, footer, button });
+    const stepParent = resolveProgressiveExpandStepParent(section);
+    this.setupProgressiveExpand({
+      target: content,
+      footer,
+      button,
+      stepParent
+    });
   }
   setupFuncCallArgsProgressiveExpand(section) {
     const target = section.querySelector(".func-call-arguments");
@@ -102549,7 +102791,8 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
       ".func-call-arguments-expand-btn"
     );
     if (!target || !footer || !button) return;
-    this.setupProgressiveExpand({ target, footer, button });
+    const stepParent = resolveProgressiveExpandStepParent(section);
+    this.setupProgressiveExpand({ target, footer, button, stepParent });
   }
   setupFuncCallResultProgressiveExpand(section) {
     const target = section.querySelector(".func-call-result");
@@ -102558,14 +102801,16 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
       ".func-call-result-expand-btn"
     );
     if (!target || !footer || !button) return;
-    this.setupProgressiveExpand({ target, footer, button });
+    const stepParent = resolveProgressiveExpandStepParent(section);
+    this.setupProgressiveExpand({ target, footer, button, stepParent });
   }
   setupTellaskResponseProgressiveExpand(section) {
     const target = section.querySelector(".teammate-content");
     const footer = section.querySelector(".teammate-expand-footer");
     const button = section.querySelector(".teammate-expand-btn");
     if (!target || !footer || !button) return;
-    this.setupProgressiveExpand({ target, footer, button });
+    const stepParent = resolveProgressiveExpandStepParent(section);
+    this.setupProgressiveExpand({ target, footer, button, stepParent });
   }
   setupUiOnlyMarkdownProgressiveExpand(section) {
     const target = section.querySelector(".ui-only-markdown-content");
@@ -102574,7 +102819,8 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
       ".ui-only-markdown-expand-btn"
     );
     if (!target || !footer || !button) return;
-    this.setupProgressiveExpand({ target, footer, button });
+    const stepParent = resolveProgressiveExpandStepParent(section);
+    this.setupProgressiveExpand({ target, footer, button, stepParent });
   }
   handleToolCallStart(event) {
     const genseq = event.genseq;
@@ -113861,6 +114107,7 @@ const _DomindsApp = class _DomindsApp extends HTMLElement {
     this.toolsWidgetWidthPx = 380;
     this.toolsWidgetHeightPx = 320;
     this.sidebarResizeCleanup = null;
+    this.reminderProgressiveExpandCleanupByKey = /* @__PURE__ */ new Map();
     this.boundOnWindowResize = () => {
       this.restoreViewportScopedResizableSizes();
       this.setupSidebarResizePersistence();
@@ -115052,6 +115299,7 @@ ${formatUiLanguageOptionLabel({
       this.sidebarResizeCleanup();
       this.sidebarResizeCleanup = null;
     }
+    this.cleanupAllReminderProgressiveExpands();
   }
   /**
    * Initial render - creates the DOM structure once after component construction.
@@ -118833,6 +119081,133 @@ ${currentVersion}`;
         min-width: 0;
       }
 
+      .rem-item-body {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        min-width: 0;
+      }
+
+      .rem-item-content.rem-item-content-markdown {
+        white-space: normal;
+        padding-right: 2px;
+      }
+
+      .rem-item-content.rem-item-content-expandable {
+        overflow-y: hidden;
+      }
+
+      .rem-item-expand-footer {
+        margin-top: 2px;
+        padding-top: 2px;
+        border-top: 1px solid var(--dominds-border, #e0e0e0);
+        display: flex;
+        justify-content: center;
+      }
+
+      .rem-item-expand-footer.is-hidden {
+        display: none;
+      }
+
+      .rem-item-expand-btn {
+        border: 1px solid var(--dominds-border, #e0e0e0);
+        background: color-mix(in srgb, var(--dominds-bg, #ffffff) 86%, var(--dominds-hover, #f8f9fa) 14%);
+        color: var(--dominds-fg, #475569);
+        border-radius: 999px;
+        width: 26px;
+        height: 22px;
+        padding: 0;
+        cursor: pointer;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .rem-item-expand-btn:hover {
+        background: var(--dominds-hover, #f1f5f9);
+      }
+
+      .rem-item-expand-btn:focus-visible {
+        outline: 2px solid var(--dominds-primary, #007acc);
+        outline-offset: 1px;
+      }
+
+      .rem-item-expand-icon {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        animation: progressive-expand-flash 2.2s ease-in-out infinite;
+        width: 14px;
+        height: 14px;
+        --icon-mask: ${ICON_MASK_URLS.chevronsDown};
+      }
+
+      .rem-item-expand-btn:hover .rem-item-expand-icon,
+      .rem-item-expand-btn:focus-visible .rem-item-expand-icon {
+        animation-play-state: paused;
+      }
+
+
+      .rem-item-content.rem-item-content-markdown > :first-child {
+        margin-top: 0;
+      }
+
+      .rem-item-content.rem-item-content-markdown > :last-child {
+        margin-bottom: 0;
+      }
+
+      .rem-item-content.rem-item-content-markdown p {
+        margin: 0 0 0.55em;
+      }
+
+      .rem-item-content.rem-item-content-markdown ul,
+      .rem-item-content.rem-item-content-markdown ol {
+        margin: 0 0 0.65em 1.25em;
+        padding: 0;
+      }
+
+      .rem-item-content.rem-item-content-markdown li {
+        margin: 0.18em 0;
+      }
+
+      .rem-item-content.rem-item-content-markdown h1,
+      .rem-item-content.rem-item-content-markdown h2,
+      .rem-item-content.rem-item-content-markdown h3,
+      .rem-item-content.rem-item-content-markdown h4,
+      .rem-item-content.rem-item-content-markdown h5,
+      .rem-item-content.rem-item-content-markdown h6 {
+        margin: 0.75em 0 0.4em;
+        line-height: 1.3;
+      }
+
+      .rem-item-content.rem-item-content-markdown blockquote {
+        margin: 0.6em 0;
+        padding-left: 0.75em;
+        border-left: 3px solid color-mix(in srgb, var(--dominds-primary, #007acc) 45%, transparent);
+        color: color-mix(in srgb, var(--dominds-fg, #333333) 78%, var(--dominds-muted, #666666) 22%);
+      }
+
+      .rem-item-content.rem-item-content-markdown code:not([class]) {
+        background: color-mix(in srgb, var(--dominds-hover, #f8f9fa) 86%, var(--dominds-bg, #ffffff) 14%);
+        border-radius: 4px;
+        padding: 0.08em 0.32em;
+        font-size: 0.95em;
+      }
+
+      .rem-item-content.rem-item-content-markdown table {
+        width: 100%;
+        border-collapse: collapse;
+        margin: 0.6em 0;
+      }
+
+      .rem-item-content.rem-item-content-markdown th,
+      .rem-item-content.rem-item-content-markdown td {
+        border: 1px solid var(--dominds-border, #e0e0e0);
+        padding: 0.32em 0.45em;
+        text-align: left;
+        vertical-align: top;
+      }
+
       .rem-item-content-loading {
         color: var(--dominds-muted, #666666);
         font-style: italic;
@@ -118863,6 +119238,11 @@ ${currentVersion}`;
         background: color-mix(in srgb, var(--dominds-hover) 65%, var(--dominds-bg) 35%);
       }
 
+      @keyframes progressive-expand-flash {
+        0%, 100% { opacity: 0.46; transform: translateY(0); }
+        50% { opacity: 1; transform: translateY(1px); }
+      }
+
     `;
   }
   getHTML() {
@@ -119099,7 +119479,7 @@ ${uiLanguageButtonTooltip}">
                   <span class="icon-mask app-icon-close" aria-hidden="true"></span>
                 </button>
               </div>
-              <div id="reminders-widget-content">
+              <div id="reminders-widget-content" lang="${this.uiLanguage}" data-progressive-expand-step-parent="true">
                 ${this.toolbarReminders.length === 0 ? `<div class="reminders-widget-empty">${t2.noReminders}</div>` : ""}
               </div>
 	              <div id="reminders-widget-resize-handle" aria-hidden="true">
@@ -119110,7 +119490,7 @@ ${uiLanguageButtonTooltip}">
 
 	            <div class="dialog-section">
                 <div class="conversation-viewport">
-	                <div class="conversation-scroll-area">
+	                <div class="conversation-scroll-area" lang="${this.uiLanguage}" data-progressive-expand-step-parent="true">
 	                  <dominds-dialog-container id="dialog-container" ui-language="${this.uiLanguage}"></dominds-dialog-container>
 	                </div>
                 </div>
@@ -119267,13 +119647,6 @@ ${content}`;
     this.shadowRoot.addEventListener("reminders-update", () => {
       this.updateRemindersWidget();
     });
-    this.shadowRoot.addEventListener("reminder-text", (event) => {
-      this.toolbarReminders[event.detail.index] = {
-        reminder_id: `transient-${String(event.detail.index)}`,
-        content: event.detail.content
-      };
-      this.updateRemindersWidget();
-    });
     this.shadowRoot.addEventListener("dialog-expand", (event) => {
       const { rootId, status } = event.detail;
       if (rootId && status) {
@@ -122703,6 +123076,7 @@ ${content}`;
   }
   closeRemindersWidget() {
     this.remindersWidgetVisible = false;
+    this.cleanupAllReminderProgressiveExpands();
     const widget = this.shadowRoot?.querySelector("#reminders-widget");
     if (widget) widget.remove();
     this.updateToolbarDisplay();
@@ -123402,9 +123776,6 @@ ${content}`;
     if (remBtnCount) {
       remBtnCount.textContent = String(this.toolbarReminders.length);
     }
-    if (this.remindersWidgetVisible) {
-      this.renderRemindersWidget();
-    }
   }
   /**
    * Reset reminder operation count (call when starting new dialog)
@@ -123463,7 +123834,7 @@ ${content}`;
               <span class="icon-mask app-icon-close" aria-hidden="true"></span>
             </button>
           </div>
-          <div id="reminders-widget-content"></div>
+          <div id="reminders-widget-content" lang="${this.uiLanguage}" data-progressive-expand-step-parent="true"></div>
 	          <div id="reminders-widget-resize-handle" aria-hidden="true">
 		            <span class="icon-mask app-icon-resize-corner-bottom-left" aria-hidden="true"></span>
 			          </div>
@@ -123480,7 +123851,7 @@ ${content}`;
   }
   /**
    * Render reminders widget content with proper formatting
-   * Handles daemon reminders with PID and other metadata
+   * Preserve backend-authored reminder semantics in the widget.
    */
   renderRemindersWidget() {
     if (!this.remindersWidgetVisible) return;
@@ -123494,49 +123865,30 @@ ${content}`;
       console.warn("No reminders widget content container found");
       return;
     }
+    widgetContent.setAttribute("lang", this.uiLanguage);
+    widgetContent.setAttribute("data-progressive-expand-step-parent", "true");
     if (widgetTitle) {
       widgetTitle.textContent = formatRemindersTitle(this.uiLanguage, this.toolbarReminders.length);
     }
+    const shell = this.ensureRemindersWidgetShell(widgetContent);
     const numberedReminders = this.toolbarReminders.filter((r2) => r2 && r2.echoback !== false);
     const virtualReminders = this.toolbarReminders.filter((r2) => r2 && r2.echoback === false);
-    let contentHTML = "";
-    if (numberedReminders.length === 0 && virtualReminders.length === 0) {
-      const t2 = getUiStrings(this.uiLanguage);
-      contentHTML = `<div class="reminders-widget-empty">${t2.noReminders}</div>`;
-    } else {
-      const t2 = getUiStrings(this.uiLanguage);
-      const numberedItems = numberedReminders.map((r2, i2) => {
-        if (!r2 || !r2.content) {
-          const pendingId = `pending-${String(i2 + 1)}`;
-          return `<div class="rem-item"><div class="rem-item-head"><div class="rem-item-number" title="${this.escapeHtml(pendingId)}">${this.escapeHtml(pendingId)}</div></div><div class="rem-item-content rem-item-content-loading">${t2.loading}</div></div>`;
-        }
-        const reminderId = typeof r2.reminder_id === "string" && r2.reminder_id.trim() !== "" ? r2.reminder_id : `pending-${String(i2 + 1)}`;
-        const displayContent = this.formatReminderDisplayContent(r2.content, r2.meta);
-        const scopeBadgeHtml = this.renderReminderScopeBadgeHtml(r2.scope);
-        return `<div class="rem-item"><div class="rem-item-head"><div class="rem-item-number" title="${this.escapeHtml(reminderId)}">${this.escapeHtml(reminderId)}</div>${scopeBadgeHtml}</div><div class="rem-item-content">${this.renderReminderPlainHtml(displayContent)}</div></div>`;
-      }).join("");
-      const virtualItemsArray = virtualReminders.map((r2) => {
-        if (!r2 || !r2.content) {
-          return `<div class="rem-item rem-item-virtual"><div class="rem-item-content rem-item-content-loading">${t2.loading}</div></div>`;
-        }
-        r2.meta && typeof r2.meta === "object" ? r2.meta : void 0;
-        const displayContent = this.formatReminderDisplayContent(r2.content, r2.meta);
-        return `<div class="rem-item rem-item-virtual"><div class="rem-item-content">${this.renderReminderPlainHtml(displayContent)}</div></div>`;
-      });
-      const virtualItems = virtualItemsArray.join('<hr class="rem-divider">');
-      const sections = [];
-      if (virtualItems.length > 0) {
-        sections.push(`<div class="rem-section">${virtualItems}</div>`);
-      }
-      if (numberedItems.length > 0) {
-        if (virtualItems.length > 0) {
-          sections.push('<hr class="rem-divider rem-divider-section">');
-        }
-        sections.push(`<div class="rem-section">${numberedItems}</div>`);
-      }
-      contentHTML = sections.join("");
-    }
-    widgetContent.innerHTML = contentHTML;
+    const t2 = getUiStrings(this.uiLanguage);
+    const virtualEntries = virtualReminders.map(
+      (r2, i2) => this.buildReminderRenderEntry("virtual", r2, i2, t2)
+    );
+    const numberedEntries = numberedReminders.map(
+      (r2, i2) => this.buildReminderRenderEntry("numbered", r2, i2, t2)
+    );
+    this.assertUniqueReminderRenderKeys("virtual", virtualEntries);
+    this.assertUniqueReminderRenderKeys("numbered", numberedEntries);
+    shell.empty.textContent = t2.noReminders;
+    shell.empty.hidden = virtualEntries.length > 0 || numberedEntries.length > 0;
+    shell.virtualSection.hidden = virtualEntries.length < 1;
+    shell.numberedSection.hidden = numberedEntries.length < 1;
+    shell.sectionDivider.hidden = virtualEntries.length < 1 || numberedEntries.length < 1;
+    this.patchReminderSection(shell.virtualSection, virtualEntries, widgetContent);
+    this.patchReminderSection(shell.numberedSection, numberedEntries, widgetContent);
   }
   renderReminderScopeBadgeHtml(scope) {
     const t2 = getUiStrings(this.uiLanguage);
@@ -123548,26 +123900,209 @@ ${content}`;
     }
     return `<span class="rem-item-scope rem-item-scope-dialog" title="${this.escapeHtml(t2.dialogReminderScope)}" aria-label="${this.escapeHtml(t2.dialogReminderScope)}"><span class="icon-mask" aria-hidden="true"></span></span>`;
   }
-  formatReminderDisplayContent(content, meta) {
-    if (!meta) {
-      return content;
-    }
-    const metaPid = typeof meta.pid === "number" ? meta.pid : void 0;
-    const metaKind = typeof meta.kind === "string" ? meta.kind : void 0;
-    const metaInitialCommand = typeof meta.initialCommandLine === "string" ? meta.initialCommandLine : void 0;
-    const metaDaemonCommand = typeof meta.daemonCommandLine === "string" ? meta.daemonCommandLine : void 0;
-    if (metaKind === "daemon" && metaPid) {
-      const t2 = getUiStrings(this.uiLanguage);
-      const pidStr = String(metaPid);
-      const commandStr = metaInitialCommand || metaDaemonCommand || t2.unknownCommand;
-      return `🔄 ${t2.daemonLabel} (PID: ${pidStr})
-${t2.commandLabel}: ${commandStr}`;
-    }
+  formatReminderDisplayContent(content, _meta) {
     return content;
   }
+  renderReminderContentHtml(content, renderMode) {
+    if (renderMode === "plain") {
+      return [
+        '<div class="rem-item-body">',
+        `<div class="rem-item-content rem-item-content-expandable">${this.renderReminderPlainHtml(content)}</div>`,
+        '<div class="rem-item-expand-footer is-hidden"><button type="button" class="rem-item-expand-btn"><span class="rem-item-expand-icon icon-mask" aria-hidden="true"></span></button></div>',
+        "</div>"
+      ].join("");
+    }
+    return [
+      '<div class="rem-item-body">',
+      `<div class="rem-item-content rem-item-content-markdown rem-item-content-expandable markdown-content">${renderDomindsMarkdown(content, { kind: "chat" })}</div>`,
+      '<div class="rem-item-expand-footer is-hidden"><button type="button" class="rem-item-expand-btn"><span class="rem-item-expand-icon icon-mask" aria-hidden="true"></span></button></div>',
+      "</div>"
+    ].join("");
+  }
   renderReminderPlainHtml(content) {
     return htmlExports.escapeHtml(content).replace(/\n/g, "<br>");
   }
+  ensureRemindersWidgetShell(widgetContent) {
+    let empty2 = widgetContent.querySelector('[data-reminders-role="empty"]');
+    if (!(empty2 instanceof HTMLElement)) {
+      empty2 = document.createElement("div");
+      empty2.className = "reminders-widget-empty";
+      empty2.setAttribute("data-reminders-role", "empty");
+      widgetContent.appendChild(empty2);
+    }
+    let virtualSection = widgetContent.querySelector(
+      '[data-reminders-role="virtual-section"]'
+    );
+    if (!(virtualSection instanceof HTMLElement)) {
+      virtualSection = document.createElement("div");
+      virtualSection.className = "rem-section rem-section-virtual";
+      virtualSection.setAttribute("data-reminders-role", "virtual-section");
+      widgetContent.appendChild(virtualSection);
+    }
+    let sectionDivider = widgetContent.querySelector(
+      '[data-reminders-role="section-divider"]'
+    );
+    if (!(sectionDivider instanceof HTMLHRElement)) {
+      sectionDivider = document.createElement("hr");
+      sectionDivider.className = "rem-divider rem-divider-section";
+      sectionDivider.setAttribute("data-reminders-role", "section-divider");
+      widgetContent.appendChild(sectionDivider);
+    }
+    let numberedSection = widgetContent.querySelector(
+      '[data-reminders-role="numbered-section"]'
+    );
+    if (!(numberedSection instanceof HTMLElement)) {
+      numberedSection = document.createElement("div");
+      numberedSection.className = "rem-section rem-section-numbered";
+      numberedSection.setAttribute("data-reminders-role", "numbered-section");
+      widgetContent.appendChild(numberedSection);
+    }
+    const orderedShellNodes = [
+      empty2,
+      virtualSection,
+      sectionDivider,
+      numberedSection
+    ];
+    let rootReferenceNode = widgetContent.firstChild;
+    for (const shellNode of orderedShellNodes) {
+      if (shellNode !== rootReferenceNode) {
+        widgetContent.insertBefore(shellNode, rootReferenceNode);
+      }
+      rootReferenceNode = shellNode.nextSibling;
+    }
+    for (const child of Array.from(widgetContent.childNodes)) {
+      if (orderedShellNodes.includes(child)) continue;
+      child.remove();
+    }
+    return {
+      empty: empty2,
+      virtualSection,
+      sectionDivider,
+      numberedSection
+    };
+  }
+  buildReminderRenderEntry(section, reminder, index, t2) {
+    const fallbackId = `pending-${String(index + 1)}`;
+    const reminderId = typeof reminder?.reminder_id === "string" && reminder.reminder_id.trim() !== "" ? reminder.reminder_id : fallbackId;
+    let html2;
+    if (!reminder || !reminder.content) {
+      const scopeBadgeHtml = section === "numbered" ? "" : this.renderReminderScopeBadgeHtml(reminder?.scope);
+      const itemClass = section === "virtual" ? "rem-item rem-item-virtual" : "rem-item";
+      html2 = `<div class="${itemClass}"><div class="rem-item-head"><div class="rem-item-number" title="${this.escapeHtml(reminderId)}">${this.escapeHtml(reminderId)}</div>${scopeBadgeHtml}</div><div class="rem-item-content rem-item-content-loading">${t2.loading}</div></div>`;
+    } else {
+      const displayContent = this.formatReminderDisplayContent(reminder.content, reminder.meta);
+      const scopeBadgeHtml = section === "numbered" ? this.renderReminderScopeBadgeHtml(reminder.scope) : "";
+      const itemClass = section === "virtual" ? "rem-item rem-item-virtual" : "rem-item";
+      html2 = `<div class="${itemClass}"><div class="rem-item-head"><div class="rem-item-number" title="${this.escapeHtml(reminderId)}">${this.escapeHtml(reminderId)}</div>${scopeBadgeHtml}</div>${this.renderReminderContentHtml(displayContent, reminder.renderMode)}</div>`;
+    }
+    return {
+      key: `${section}:${reminderId}`,
+      fingerprint: `${this.uiLanguage}\0${reminder?.renderRevision ?? `loading:${section}:${reminderId}`}`,
+      html: html2
+    };
+  }
+  createReminderItemElement(entry, widgetContent) {
+    const wrapper = document.createElement("div");
+    wrapper.innerHTML = entry.html;
+    const item = wrapper.firstElementChild;
+    if (!(item instanceof HTMLElement)) {
+      throw new Error(`Reminder render produced no root node for key=${entry.key}`);
+    }
+    item.dataset.reminderKey = entry.key;
+    item.dataset.reminderFingerprint = entry.fingerprint;
+    postprocessRenderedDomindsMarkdown(item);
+    this.setupReminderProgressiveExpandForItem(entry.key, item, widgetContent);
+    return item;
+  }
+  setupReminderProgressiveExpandForItem(key, item, widgetContent) {
+    this.cleanupReminderProgressiveExpand(key);
+    const target = item.querySelector(".rem-item-content");
+    const footer = item.querySelector(".rem-item-expand-footer");
+    const button = item.querySelector(".rem-item-expand-btn");
+    if (!target || !footer || !button) return;
+    const cleanup = setupProgressiveExpandBehavior({
+      target,
+      footer,
+      button,
+      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.
+      observeTargetUntilOverflow: true
+    });
+    this.reminderProgressiveExpandCleanupByKey.set(key, cleanup);
+  }
+  cleanupReminderProgressiveExpand(key) {
+    const cleanup = this.reminderProgressiveExpandCleanupByKey.get(key);
+    if (!cleanup) return;
+    cleanup();
+    this.reminderProgressiveExpandCleanupByKey.delete(key);
+  }
+  cleanupAllReminderProgressiveExpands() {
+    for (const cleanup of this.reminderProgressiveExpandCleanupByKey.values()) {
+      cleanup();
+    }
+    this.reminderProgressiveExpandCleanupByKey.clear();
+  }
+  assertUniqueReminderRenderKeys(section, entries2) {
+    const seen2 = /* @__PURE__ */ new Set();
+    for (const entry of entries2) {
+      if (seen2.has(entry.key)) {
+        throw new Error(`Duplicate reminder render key in ${section} section: ${entry.key}`);
+      }
+      seen2.add(entry.key);
+    }
+  }
+  patchReminderSection(section, entries2, widgetContent) {
+    const existingByKey = /* @__PURE__ */ new Map();
+    for (const child of Array.from(section.children)) {
+      if (!(child instanceof HTMLElement)) {
+        child.remove();
+        continue;
+      }
+      if (!child.classList.contains("rem-item")) {
+        child.remove();
+        continue;
+      }
+      const key = child.dataset.reminderKey;
+      if (typeof key === "string" && key.length > 0) {
+        if (existingByKey.has(key)) {
+          throw new Error(`Duplicate reminder DOM key in widget section: ${key}`);
+        }
+        existingByKey.set(key, child);
+      } else {
+        child.remove();
+      }
+    }
+    let referenceNode = section.firstChild;
+    for (const entry of entries2) {
+      const existing = existingByKey.get(entry.key) ?? null;
+      let item = existing;
+      if (existing !== null && existing.dataset.reminderFingerprint !== entry.fingerprint) {
+        const nextSibling = existing.nextSibling;
+        const wasReferenceNode = existing === referenceNode;
+        this.cleanupReminderProgressiveExpand(entry.key);
+        existing.remove();
+        if (wasReferenceNode) {
+          referenceNode = nextSibling;
+        }
+        item = null;
+      }
+      if (item === null) {
+        item = this.createReminderItemElement(entry, widgetContent);
+        section.insertBefore(item, referenceNode);
+      } else if (item !== referenceNode) {
+        section.insertBefore(item, referenceNode);
+      }
+      referenceNode = item.nextSibling;
+      existingByKey.delete(entry.key);
+    }
+    for (const [obsoleteKey, obsoleteNode] of existingByKey.entries()) {
+      this.cleanupReminderProgressiveExpand(obsoleteKey);
+      obsoleteNode.remove();
+    }
+  }
   /**
    * Get agent display name from team configuration or fallback to default format
    */
@@ -125854,4 +126389,4 @@ export {
   purify as y,
   clear$2 as z
 };
-//# sourceMappingURL=index-BV_dDe3L.js.map
+//# sourceMappingURL=index-Cyx7eev_.js.map