dominds 1.23.7 → 1.23.8

package/webapp/dist/assets/{index-DvqI98wY.js → index--IEBo-K3.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-KLK3FWXG-aEZUtpHt.js","assets/graph-D-OO7MVR.js","assets/_baseUniq-DkdKmFUs.js","assets/layout-BFpoiNr0.js","assets/_basePickBy-528dB5Tu.js","assets/clone-BlToIURl.js","assets/cose-bilkent-S5V4N54A-BDVnPWt2.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-IC4MRINW-D2Hc1l7q.js","assets/chunk-JSJVCQXG-BWvy_u2h.js","assets/flowDiagram-PKNHOUZH-BkQUpSc9.js","assets/chunk-FMBD7UC4-BQE3IRbI.js","assets/chunk-55IACEB6-DOqixome.js","assets/chunk-KX2RTZJC-DsSmqNSf.js","assets/channel-DuagLVFr.js","assets/erDiagram-INFDFZHY-DvGIVeJS.js","assets/gitGraphDiagram-K3NZZRJ6-CnyjUBR4.js","assets/chunk-4BX2VUAB-BVowxdVQ.js","assets/chunk-QZHKN3VN-CWST9WcY.js","assets/treemap-KZPCXAKY-DKYYu8t-.js","assets/ganttDiagram-A5KZAMGK-BlG96EZZ.js","assets/linear-BwnDVwt9.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-LFFYTUFH-Bid564Un.js","assets/pieDiagram-SKSYHLDU-DIp7yy6V.js","assets/arc-BXvXVeL_.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-337W2JSQ-uKOhvCPR.js","assets/xychartDiagram-JWTSCODW-DJZb5SW1.js","assets/requirementDiagram-Z7DCOOCP-Da_5DlcQ.js","assets/sequenceDiagram-2WXFIKYE-jY-eNlAg.js","assets/classDiagram-VBA2DB6C-BnjkPcus.js","assets/chunk-WL4C6EOR-DjGCVqJN.js","assets/classDiagram-v2-RAHNMMFH-BnjkPcus.js","assets/stateDiagram-RAJIS63D-HMXNbLUd.js","assets/chunk-NQ4KR5QH-B3jQt0DX.js","assets/stateDiagram-v2-FVOUBMTO-C-50Qbn8.js","assets/journeyDiagram-4ABVD52K-C-JJRe4y.js","assets/timeline-definition-YZTLITO2-CkiLYjSG.js","assets/mindmap-definition-YRQLILUH-D4aHh1Ye.js","assets/kanban-definition-K7BYSVSG-BPGHC2fL.js","assets/sankeyDiagram-WA2Y5GQK-P3UD1XYS.js","assets/diagram-P4PSJMXO-ffnT7Lr_.js","assets/diagram-IFDJBPK2-Cvwaoava.js","assets/blockDiagram-WCTKOSBZ-DLRhkTKE.js","assets/architectureDiagram-2XIMDMQ5-Ck1IMDXl.js","assets/diagram-E7M64L7V-CvNVSxxk.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-KLK3FWXG-CdwYIQOJ.js","assets/graph-CvVYx_lD.js","assets/_baseUniq-7-u-sxFw.js","assets/layout-BImZEpEr.js","assets/_basePickBy-BKcCOLIM.js","assets/clone-CB_At6rt.js","assets/cose-bilkent-S5V4N54A-Cd8UzjNB.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-IC4MRINW-CIPOdGL1.js","assets/chunk-JSJVCQXG-DBdXbF3A.js","assets/flowDiagram-PKNHOUZH-aFGKk-PM.js","assets/chunk-FMBD7UC4-ryTUBUk6.js","assets/chunk-55IACEB6-DXMYVodl.js","assets/chunk-KX2RTZJC-DHmRW8Fy.js","assets/channel-D-m6pRdq.js","assets/erDiagram-INFDFZHY-CDgITFMs.js","assets/gitGraphDiagram-K3NZZRJ6-DH6bOdey.js","assets/chunk-4BX2VUAB-BWYOOC08.js","assets/chunk-QZHKN3VN-J-aYTkDG.js","assets/treemap-KZPCXAKY-B98r-m60.js","assets/ganttDiagram-A5KZAMGK-BZ_u2elV.js","assets/linear-DHdMAAzV.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-LFFYTUFH-Cwrydc6U.js","assets/pieDiagram-SKSYHLDU-CZvk1jXC.js","assets/arc-d4KSm3Dw.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-337W2JSQ-rREIz2-L.js","assets/xychartDiagram-JWTSCODW-CD7DBeTl.js","assets/requirementDiagram-Z7DCOOCP-C7Ko_VBz.js","assets/sequenceDiagram-2WXFIKYE-BFvPV1wQ.js","assets/classDiagram-VBA2DB6C-6_iFdvnA.js","assets/chunk-WL4C6EOR-BH9YAFjs.js","assets/classDiagram-v2-RAHNMMFH-6_iFdvnA.js","assets/stateDiagram-RAJIS63D-BcXbrOQl.js","assets/chunk-NQ4KR5QH-Ct6A6c5Z.js","assets/stateDiagram-v2-FVOUBMTO-g15Y_50y.js","assets/journeyDiagram-4ABVD52K-Dy7G86Ao.js","assets/timeline-definition-YZTLITO2-CGP_BvY2.js","assets/mindmap-definition-YRQLILUH-GOhVsm4O.js","assets/kanban-definition-K7BYSVSG-C76eRxWS.js","assets/sankeyDiagram-WA2Y5GQK-C4IvqC76.js","assets/diagram-P4PSJMXO-BrJUtC9e.js","assets/diagram-IFDJBPK2-DbpZNhXp.js","assets/blockDiagram-WCTKOSBZ-BCleQsi6.js","assets/architectureDiagram-2XIMDMQ5-BRszd4pF.js","assets/diagram-E7M64L7V-Cst9U1IU.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);
@@ -2738,6 +2738,7 @@ const checkUrl = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'
 const chevronLeftUrl = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M15.41%207.41%2014%206l-6%206%206%206%201.41-1.41L10.83%2012l4.58-4.59z'/%3e%3c/svg%3e";
 const chevronRightUrl = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M10%206%208.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6-6-6z'/%3e%3c/svg%3e";
 const chevronsDownUrl = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M18%206.41%2016.59%205%2012%209.58%207.41%205%206%206.41l6%206z'/%3e%3cpath%20d='m18%2013-1.41-1.41L12%2016.17l-4.59-4.58L6%2013l6%206z'/%3e%3c/svg%3e";
+const chevronsUpUrl = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='m18%2011-6-6-6%206%201.41%201.41L12%207.83l4.59%204.58z'/%3e%3cpath%20d='m18%2017.59-6-6-6%206L7.41%2019%2012%2014.42%2016.59%2019z'/%3e%3c/svg%3e";
 const circleUrl = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z'/%3e%3c/svg%3e";
 const closeUrl = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012%2019%206.41z'/%3e%3c/svg%3e";
 const collapseStripUrl = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2056%208'%3e%3cpath%20d='M2%202.2L8%205.8L14%202.2M21%202.2L27%205.8L33%202.2M40%202.2L46%205.8L52%202.2'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
@@ -2781,6 +2782,7 @@ const ICON_MASK_URLS = {
   chevronLeft: asMaskUrl(chevronLeftUrl),
   chevronRight: asMaskUrl(chevronRightUrl),
   chevronsDown: asMaskUrl(chevronsDownUrl),
+  chevronsUp: asMaskUrl(chevronsUpUrl),
   plus: asMaskUrl(plusUrl),
   plusCircle: asMaskUrl(plusCircleUrl),
   refresh: asMaskUrl(refreshUrl),
@@ -63547,6 +63549,14 @@ 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 = 420;
 const PROGRESSIVE_EXPAND_OVERFLOW_OBSERVER_SLACK_PX = 1;
+function getProgressiveExpandGrowthReason(event) {
+  if (!(event instanceof CustomEvent)) return null;
+  const detail = event.detail;
+  if (typeof detail !== "object" || detail === null) return null;
+  const reason = detail.reason;
+  if (reason === "expand-step" || reason === "content-growth") return reason;
+  return null;
+}
 function sameProgressiveExpandState(left, right) {
   if (left.kind !== right.kind) return false;
   if (left.kind !== "partial" || right.kind !== "partial") return true;
@@ -63564,13 +63574,13 @@ function computeProgressiveExpandStepPx(parent) {
 function getProgressiveExpandLabel(language2) {
   return language2 === "zh" ? { text: "展开更多", title: "展开更多" } : { text: "Show more", title: "Show more" };
 }
-class ProgressiveExpandableComponent {
+class DownwardProgressiveExpandableComponent {
   constructor(options) {
     this.overflowObserver = null;
     this.pendingClickCommitTimeout = null;
     this.boundOnNestedGrowth = (event) => {
-      if (!(event instanceof CustomEvent)) return;
       if (event.type !== "progressive-expand-content-grown") return;
+      if (getProgressiveExpandGrowthReason(event) === null) return;
       if (event.target === this.target) return;
       if (this.currentState.kind === "full") return;
       requestAnimationFrame(() => {
@@ -63660,7 +63670,9 @@ class ProgressiveExpandableComponent {
   updateState(nextState) {
     if (sameProgressiveExpandState(this.currentState, nextState)) return;
     this.currentState = nextState;
-    this.onStateChange?.(nextState);
+    if (this.onStateChange !== void 0) {
+      this.onStateChange(nextState);
+    }
   }
   collapseToHeight(heightPx) {
     this.target.style.maxHeight = `${Math.max(PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX, heightPx)}px`;
@@ -63701,7 +63713,9 @@ class ProgressiveExpandableComponent {
     return hiddenContentHeightPx > this.measureFooterLayoutHeightPx() + PROGRESSIVE_EXPAND_OVERFLOW_OBSERVER_SLACK_PX;
   }
   disconnectOverflowObserver() {
-    this.overflowObserver?.disconnect();
+    if (this.overflowObserver !== null) {
+      this.overflowObserver.disconnect();
+    }
     this.overflowObserver = null;
   }
   autoExpandFromNowOn() {
@@ -63728,7 +63742,9 @@ class ProgressiveExpandableComponent {
       if (!this.target.isConnected) return;
       this.refreshExpandFooter();
       this.emitContentGrown("expand-step");
-      this.onAfterExpand?.();
+      if (this.onAfterExpand !== void 0) {
+        this.onAfterExpand();
+      }
     });
   }
   applyCurrentState() {
@@ -63795,8 +63811,266 @@ class ProgressiveExpandableComponent {
     this.updateState({ kind: "partial", maxHeightPx: nextMaxHeightPx });
   }
 }
-function setupProgressiveExpandBehavior(options) {
-  const component = new ProgressiveExpandableComponent(options);
+class UpwardProgressiveExpandableComponent {
+  constructor(options) {
+    this.overflowObserver = null;
+    this.pendingClickCommitTimeout = null;
+    this.boundOnGrowth = (event) => {
+      if (event.type !== "progressive-expand-content-grown") return;
+      const reason = getProgressiveExpandGrowthReason(event);
+      if (reason === null) return;
+      if (this.currentState.kind === "full") return;
+      requestAnimationFrame(() => {
+        this.refreshExpandFooter();
+        if (reason === "content-growth") {
+          this.alignCollapsedContentToNewest();
+        }
+      });
+    };
+    this.boundOnClick = (event) => {
+      this.cancelPendingClickCommit();
+      if (event.detail >= 3) {
+        this.autoExpandFromNowOn();
+        this.queueAfterExpansionEffects();
+        return;
+      }
+      const clickAction = event.detail <= 1 ? () => this.expandOneStepTowardOlder() : () => this.expandForDoubleClick();
+      this.pendingClickCommitTimeout = window.setTimeout(() => {
+        this.pendingClickCommitTimeout = null;
+        clickAction();
+      }, PROGRESSIVE_EXPAND_CLICK_COMMIT_DELAY_MS);
+    };
+    this.boundOnDoubleClick = (event) => {
+      event.preventDefault();
+      this.cancelPendingClickCommit();
+      this.expandForDoubleClick();
+    };
+    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.isContentComplete = options.isContentComplete ?? (() => true);
+    this.onStateChange = options.onStateChange;
+    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.addEventListener("click", this.boundOnClick);
+    this.button.addEventListener("dblclick", this.boundOnDoubleClick);
+    this.target.addEventListener(
+      "progressive-expand-content-grown",
+      this.boundOnGrowth
+    );
+    this.applyCurrentState();
+    this.attachOverflowObserverIfNeeded();
+    this.refreshExpandFooter();
+    requestAnimationFrame(() => {
+      this.refreshExpandFooter();
+      this.alignCollapsedContentToNewest();
+    });
+  }
+  cleanup() {
+    this.cancelPendingClickCommit();
+    this.disconnectOverflowObserver();
+    this.button.removeEventListener("click", this.boundOnClick);
+    this.button.removeEventListener("dblclick", this.boundOnDoubleClick);
+    this.target.removeEventListener(
+      "progressive-expand-content-grown",
+      this.boundOnGrowth
+    );
+  }
+  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;
+    if (this.onStateChange !== void 0) {
+      this.onStateChange(nextState);
+    }
+  }
+  cancelPendingClickCommit() {
+    if (this.pendingClickCommitTimeout === null) return;
+    window.clearTimeout(this.pendingClickCommitTimeout);
+    this.pendingClickCommitTimeout = null;
+  }
+  collapseToHeight(heightPx) {
+    this.target.style.maxHeight = `${Math.max(PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX, heightPx)}px`;
+    this.target.style.overflowY = "hidden";
+    this.alignCollapsedContentToNewest();
+  }
+  collapseToInitial() {
+    this.collapseToHeight(PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX);
+  }
+  showCurrentContentFully() {
+    this.target.style.maxHeight = "none";
+    this.target.style.overflowY = "visible";
+  }
+  alignCollapsedContentToNewest() {
+    requestAnimationFrame(() => {
+      if (!this.target.isConnected) return;
+      if (this.currentState.kind === "full") return;
+      this.target.scrollTop = Math.max(0, this.target.scrollHeight - this.target.clientHeight);
+    });
+  }
+  measureFooterLayoutHeightPx() {
+    const wasHidden = this.footer.classList.contains("is-hidden");
+    const previousVisibility = this.footer.style.visibility;
+    const previousPointerEvents = this.footer.style.pointerEvents;
+    if (wasHidden) {
+      this.footer.style.visibility = "hidden";
+      this.footer.style.pointerEvents = "none";
+      this.footer.classList.remove("is-hidden");
+    }
+    const heightPx = Math.max(0, Math.ceil(this.footer.offsetHeight));
+    if (wasHidden) {
+      this.footer.classList.add("is-hidden");
+      this.footer.style.visibility = previousVisibility;
+      this.footer.style.pointerEvents = previousPointerEvents;
+    }
+    return heightPx;
+  }
+  shouldShowExpandFooter(visibleTargetHeightPx) {
+    const hiddenContentHeightPx = this.target.scrollHeight - visibleTargetHeightPx;
+    if (hiddenContentHeightPx <= PROGRESSIVE_EXPAND_OVERFLOW_OBSERVER_SLACK_PX) return false;
+    return hiddenContentHeightPx > this.measureFooterLayoutHeightPx() + PROGRESSIVE_EXPAND_OVERFLOW_OBSERVER_SLACK_PX;
+  }
+  disconnectOverflowObserver() {
+    if (this.overflowObserver !== null) {
+      this.overflowObserver.disconnect();
+    }
+    this.overflowObserver = null;
+  }
+  autoExpandFromNowOn() {
+    this.showCurrentContentFully();
+    this.footer.classList.add("is-hidden");
+    this.disconnectOverflowObserver();
+    this.updateState({ kind: "full" });
+  }
+  expandOneStepTowardOlder() {
+    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();
+  }
+  expandForDoubleClick() {
+    if (this.isContentComplete()) {
+      this.autoExpandFromNowOn();
+      this.queueAfterExpansionEffects();
+      return;
+    }
+    this.expandToCurrentMaximum();
+  }
+  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.alignCollapsedContentToNewest();
+      this.emitContentGrown("expand-step");
+      if (this.onAfterExpand !== void 0) {
+        this.onAfterExpand();
+      }
+    });
+  }
+  applyCurrentState() {
+    switch (this.currentState.kind) {
+      case "initial":
+        this.collapseToInitial();
+        return;
+      case "partial":
+        this.collapseToHeight(this.currentState.maxHeightPx);
+        return;
+      case "full":
+        this.autoExpandFromNowOn();
+        return;
+    }
+  }
+  attachOverflowObserverIfNeeded() {
+    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.alignCollapsedContentToNewest();
+      this.emitContentGrown("content-growth");
+    });
+    this.overflowObserver.observe(this.target);
+  }
+  refreshExpandFooter() {
+    if (!this.target.isConnected) return;
+    if (this.currentState.kind === "initial") {
+      if (this.shouldShowExpandFooter(PROGRESSIVE_EXPAND_INITIAL_MAX_HEIGHT_PX)) {
+        this.collapseToInitial();
+        this.footer.classList.remove("is-hidden");
+        this.disconnectOverflowObserver();
+        return;
+      }
+      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;
+    }
+    if (this.shouldShowExpandFooter(this.target.clientHeight)) {
+      this.footer.classList.remove("is-hidden");
+      this.disconnectOverflowObserver();
+      this.alignCollapsedContentToNewest();
+      return;
+    }
+    this.footer.classList.add("is-hidden");
+    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 setupDownwardProgressiveExpandBehavior(options) {
+  const component = new DownwardProgressiveExpandableComponent(options);
+  return () => {
+    component.cleanup();
+  };
+}
+function setupUpwardProgressiveExpandBehavior(options) {
+  const component = new UpwardProgressiveExpandableComponent(options);
   return () => {
     component.cleanup();
   };
@@ -64073,7 +64347,7 @@ class DomindsCodeBlock extends HTMLElement {
     const stepParent = resolveProgressiveExpandStepParent(this);
     const language2 = this.closest("[lang]")?.getAttribute("lang") ?? "en";
     this.progressiveExpandCleanup?.();
-    this.progressiveExpandCleanup = setupProgressiveExpandBehavior({
+    this.progressiveExpandCleanup = setupDownwardProgressiveExpandBehavior({
       target,
       footer,
       button,
@@ -98732,12 +99006,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-KLK3FWXG-aEZUtpHt.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-KLK3FWXG-CdwYIQOJ.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-BDVnPWt2.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-Cd8UzjNB.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
       }
     ]
   ]);
@@ -99177,7 +99451,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-D2Hc1l7q.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-IC4MRINW-CIPOdGL1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0);
   return { id: id$1, diagram: diagram2 };
@@ -99197,7 +99471,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-BkQUpSc9.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-aFGKk-PM.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id2, diagram: diagram2 };
@@ -99223,7 +99497,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-BkQUpSc9.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-aFGKk-PM.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id3, diagram: diagram2 };
@@ -99240,7 +99514,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-DvGIVeJS.js");
+    const { diagram: diagram22 } = await import("./erDiagram-INFDFZHY-CDgITFMs.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0);
   return { id: id4, diagram: diagram2 };
@@ -99257,7 +99531,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-CnyjUBR4.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-K3NZZRJ6-DH6bOdey.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,2,4,5]) : void 0);
   return { id: id5, diagram: diagram2 };
@@ -99274,7 +99548,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-BlG96EZZ.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-A5KZAMGK-BZ_u2elV.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0);
   return { id: id6, diagram: diagram2 };
@@ -99291,7 +99565,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-Bid564Un.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-LFFYTUFH-Cwrydc6U.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,2,4,5]) : void 0);
   return { id: id7, diagram: diagram2 };
@@ -99307,7 +99581,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-DIp7yy6V.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-SKSYHLDU-CZvk1jXC.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([25,17,19,2,4,5,26,27,22]) : void 0);
   return { id: id8, diagram: diagram2 };
@@ -99323,7 +99597,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-uKOhvCPR.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-337W2JSQ-rREIz2-L.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0);
   return { id: id9, diagram: diagram2 };
@@ -99340,7 +99614,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-DJZb5SW1.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-JWTSCODW-CD7DBeTl.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0);
   return { id: id10, diagram: diagram2 };
@@ -99357,7 +99631,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-Da_5DlcQ.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-Z7DCOOCP-C7Ko_VBz.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0);
   return { id: id11, diagram: diagram2 };
@@ -99374,7 +99648,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-jY-eNlAg.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-2WXFIKYE-BFvPV1wQ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0);
   return { id: id12, diagram: diagram2 };
@@ -99394,7 +99668,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-BnjkPcus.js");
+    const { diagram: diagram22 } = await import("./classDiagram-VBA2DB6C-6_iFdvnA.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,33,11,9,12,13]) : void 0);
   return { id: id13, diagram: diagram2 };
@@ -99414,7 +99688,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-BnjkPcus.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-RAHNMMFH-6_iFdvnA.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([34,33,11,9,12,13]) : void 0);
   return { id: id14, diagram: diagram2 };
@@ -99434,7 +99708,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-HMXNbLUd.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-RAJIS63D-BcXbrOQl.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0);
   return { id: id15, diagram: diagram2 };
@@ -99457,7 +99731,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-C-50Qbn8.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-FVOUBMTO-g15Y_50y.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0);
   return { id: id16, diagram: diagram2 };
@@ -99474,7 +99748,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-C-JJRe4y.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-4ABVD52K-Dy7G86Ao.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,11,9,26]) : void 0);
   return { id: id17, diagram: diagram2 };
@@ -99544,7 +99818,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-BkQUpSc9.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-aFGKk-PM.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id18, diagram: diagram2 };
@@ -99561,7 +99835,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-CkiLYjSG.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-YZTLITO2-CGP_BvY2.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0);
   return { id: id19, diagram: diagram2 };
@@ -99578,7 +99852,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-D4aHh1Ye.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-YRQLILUH-GOhVsm4O.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0);
   return { id: id20, diagram: diagram2 };
@@ -99595,7 +99869,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-BPGHC2fL.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-K7BYSVSG-C76eRxWS.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0);
   return { id: id21, diagram: diagram2 };
@@ -99612,7 +99886,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-P3UD1XYS.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-WA2Y5GQK-C4IvqC76.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0);
   return { id: id22, diagram: diagram2 };
@@ -99629,7 +99903,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-ffnT7Lr_.js");
+    const { diagram: diagram22 } = await import("./diagram-P4PSJMXO-BrJUtC9e.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,2,4,5]) : void 0);
   return { id: id23, diagram: diagram2 };
@@ -99645,7 +99919,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-Cvwaoava.js");
+    const { diagram: diagram22 } = await import("./diagram-IFDJBPK2-DbpZNhXp.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,2,4,5]) : void 0);
   return { id: id24, diagram: diagram2 };
@@ -99661,7 +99935,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-DLRhkTKE.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-WCTKOSBZ-BCleQsi6.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,2,1,14]) : void 0);
   return { id: id25, diagram: diagram2 };
@@ -99678,7 +99952,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-Ck1IMDXl.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-2XIMDMQ5-BRszd4pF.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,19,2,4,5,7]) : void 0);
   return { id: id26, diagram: diagram2 };
@@ -99695,7 +99969,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-BoU1GXkx.js");
+    const { diagram: diagram22 } = await import("./ishikawaDiagram-PHBUUO56-PAaQGWUX.js");
     return { diagram: diagram22 };
   }, true ? [] : void 0);
   return { id: id27, diagram: diagram2 };
@@ -99711,7 +99985,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-n9k6D3Up.js");
+    const { diagram: diagram22 } = await import("./vennDiagram-LZ73GAT5-BO_64ARK.js");
     return { diagram: diagram22 };
   }, true ? [] : void 0);
   return { id: id28, diagram: diagram2 };
@@ -99728,7 +100002,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-CvNVSxxk.js");
+    const { diagram: diagram22 } = await import("./diagram-E7M64L7V-Cst9U1IU.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
   return { id: id29, diagram: diagram2 };
@@ -102198,14 +102472,13 @@ class DomindsDialogContainer extends HTMLElement {
     this.stopAutoScrollObservation();
     this.resetAutoScrollTransientState();
     this.clearViewportPanel();
+    this.cleanupAllProgressiveExpands();
     this.resetPendingStreamChunkFlush();
     this.generationBubble = void 0;
     this.thinkingSection = void 0;
     this.activeThinkingMarkdownSegment = void 0;
     this.markdownSection = void 0;
     this.callingSection = void 0;
-    this.lastCompletedThinkingSection = void 0;
-    this.lastCompletedThinkingGenseq = void 0;
     this.currentCourse = course;
     this.activeGenSeq = void 0;
     this.callingSectionByCallId.clear();
@@ -102228,10 +102501,7 @@ class DomindsDialogContainer extends HTMLElement {
   }
   // Clean up current state and DOM content
   cleanup() {
-    for (const cleanup of this.progressiveExpandCleanupByTarget.values()) {
-      cleanup();
-    }
-    this.progressiveExpandCleanupByTarget.clear();
+    this.cleanupAllProgressiveExpands();
     this.resetPendingStreamChunkFlush();
     this.stopAutoScrollObservation();
     this.resetAutoScrollTransientState();
@@ -102243,8 +102513,6 @@ class DomindsDialogContainer extends HTMLElement {
     this.activeThinkingMarkdownSegment = void 0;
     this.markdownSection = void 0;
     this.callingSection = void 0;
-    this.lastCompletedThinkingSection = void 0;
-    this.lastCompletedThinkingGenseq = void 0;
     this.currentCourse = void 0;
     this.activeGenSeq = void 0;
     this.callingSectionByCallId.clear();
@@ -102306,6 +102574,7 @@ class DomindsDialogContainer extends HTMLElement {
     this.activeThinkingMarkdownSegment = markdownSection;
     markdownSection.appendChunk(this.pendingThinkingChunkBuffer);
     this.pendingThinkingChunkBuffer = "";
+    this.emitProgressiveExpandContentGrowth(markdownSection);
     this.scrollToBottom();
   }
   flushPendingMarkdownChunks() {
@@ -102342,8 +102611,6 @@ class DomindsDialogContainer extends HTMLElement {
       return;
     }
     thinkingSection.classList.add("completed");
-    this.lastCompletedThinkingSection = thinkingSection;
-    this.lastCompletedThinkingGenseq = genseq;
     this.completeActiveThinkingMarkdownSegment();
     this.thinkingSection = void 0;
   }
@@ -102378,10 +102645,6 @@ class DomindsDialogContainer extends HTMLElement {
     this.completeThinkingSection(genseq);
     return true;
   }
-  clearLastCompletedThinkingSection() {
-    this.lastCompletedThinkingSection = void 0;
-    this.lastCompletedThinkingGenseq = void 0;
-  }
   getThinkingContentElement(thinkingSection) {
     const contentEl = thinkingSection.querySelector(".thinking-content");
     if (!(contentEl instanceof HTMLElement)) {
@@ -102389,17 +102652,32 @@ class DomindsDialogContainer extends HTMLElement {
     }
     return contentEl;
   }
+  cleanupAllProgressiveExpands() {
+    for (const cleanup of this.progressiveExpandCleanupByTarget.values()) {
+      cleanup();
+    }
+    this.progressiveExpandCleanupByTarget.clear();
+  }
+  cleanupDisconnectedProgressiveExpands() {
+    for (const [target, cleanup] of this.progressiveExpandCleanupByTarget.entries()) {
+      if (target.isConnected) continue;
+      cleanup();
+      this.progressiveExpandCleanupByTarget.delete(target);
+    }
+  }
+  emitProgressiveExpandContentGrowth(target) {
+    dispatchDomindsEvent(
+      target,
+      "progressive-expand-content-grown",
+      { reason: "content-growth" },
+      { bubbles: true, composed: true }
+    );
+  }
   getFuncCallAppendTarget(genseq, bubble) {
     const activeThinkingSection = this.thinkingSection;
     if (activeThinkingSection && activeThinkingSection.getAttribute("data-genseq") === String(genseq)) {
       this.closeActiveThinkingMarkdownSegment(genseq);
-      return this.getThinkingContentElement(activeThinkingSection);
-    }
-    const completedThinkingSection = this.lastCompletedThinkingSection;
-    if (completedThinkingSection && completedThinkingSection.isConnected && this.lastCompletedThinkingGenseq === genseq && completedThinkingSection.closest(".generation-bubble") === bubble) {
-      return this.getThinkingContentElement(completedThinkingSection);
     }
-    this.clearLastCompletedThinkingSection();
     return bubble.querySelector(".bubble-body") ?? bubble;
   }
   requestImmediateMarkdownChunkFlushForFinish() {
@@ -102700,7 +102978,6 @@ class DomindsDialogContainer extends HTMLElement {
       this.activeThinkingMarkdownSegment = void 0;
       this.markdownSection = void 0;
       this.callingSection = void 0;
-      this.clearLastCompletedThinkingSection();
       this.generationBubble = void 0;
     };
     const queuedMsgId = typeof msgId === "string" ? msgId.trim() : "";
@@ -103005,7 +103282,6 @@ class DomindsDialogContainer extends HTMLElement {
       this.activeThinkingMarkdownSegment = void 0;
       this.markdownSection = void 0;
       this.callingSection = void 0;
-      this.clearLastCompletedThinkingSection();
       this.generationBubble = void 0;
       this.previousDialog = void 0;
     }
@@ -103025,7 +103301,6 @@ class DomindsDialogContainer extends HTMLElement {
         this.activeThinkingMarkdownSegment = void 0;
         this.markdownSection = void 0;
         this.callingSection = void 0;
-        this.clearLastCompletedThinkingSection();
       }
     }
     this.tellaskCallingSectionBySeq.delete(seq2);
@@ -103080,17 +103355,14 @@ class DomindsDialogContainer extends HTMLElement {
       );
       return;
     }
-    const existingSection = this.lastCompletedThinkingSection;
-    const thinkingSection = existingSection && existingSection.isConnected && this.lastCompletedThinkingGenseq === genseq && existingSection.closest(".generation-bubble") === bubble ? existingSection : this.createThinkingSection();
-    if (!thinkingSection.isConnected) {
-      const body = bubble.querySelector(".bubble-body");
-      (body || bubble).appendChild(thinkingSection);
-    }
+    const thinkingSection = this.createThinkingSection();
+    const body = bubble.querySelector(".bubble-body");
+    (body || bubble).appendChild(thinkingSection);
+    this.setupThinkingProgressiveExpand(thinkingSection);
     thinkingSection.classList.remove("completed");
     thinkingSection.setAttribute("data-genseq", String(genseq));
     this.thinkingSection = thinkingSection;
     this.activeThinkingMarkdownSegment = this.createThinkingMarkdownSegment(thinkingSection);
-    this.clearLastCompletedThinkingSection();
     this.pendingThinkingChunkBuffer = "";
     this.clearPendingThinkingChunkFlushTimer();
     this.clearPendingThinkingChunkFlushRaf();
@@ -103147,7 +103419,6 @@ class DomindsDialogContainer extends HTMLElement {
       return;
     }
     this.closeActiveThinkingMarkdownSegment(genseq);
-    this.clearLastCompletedThinkingSection();
     const markdownSection = this.createMarkdownSection();
     const body = bubble.querySelector(".bubble-body");
     (body || bubble).appendChild(markdownSection);
@@ -103242,6 +103513,7 @@ class DomindsDialogContainer extends HTMLElement {
     const appendTarget = this.getFuncCallAppendTarget(genseq, bubble);
     appendTarget.appendChild(funcCallSection);
     this.setupFuncCallArgsProgressiveExpand(funcCallSection);
+    this.emitProgressiveExpandContentGrowth(funcCallSection);
     this.scrollToBottom();
   }
   handleWebSearchCall(event) {
@@ -103271,6 +103543,7 @@ class DomindsDialogContainer extends HTMLElement {
     this.webSearchSectionByItemId.set(itemId, section);
     this.webSearchSectionBySeq.set(event.genseq, section);
     this.renderWebSearchSection(section, event);
+    this.emitProgressiveExpandContentGrowth(section);
     this.scrollToBottom();
   }
   extractWebSearchFocusText(event) {
@@ -103323,6 +103596,7 @@ class DomindsDialogContainer extends HTMLElement {
     this.nativeToolSectionByIdentity.set(identityKey, section);
     this.nativeToolSectionBySeq.set(event.genseq, section);
     this.renderNativeToolSection(section, event);
+    this.emitProgressiveExpandContentGrowth(section);
     this.scrollToBottom();
   }
   nativeToolTypeLabel(itemType) {
@@ -103412,6 +103686,7 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
     if (!body) return;
     if (!body.querySelector(".user-response-divider")) {
       body.replaceChildren();
+      this.cleanupDisconnectedProgressiveExpands();
       return;
     }
     let sawDivider = false;
@@ -103425,6 +103700,7 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
         child.remove();
       }
     }
+    this.cleanupDisconnectedProgressiveExpands();
   }
   compactWebSearchItemId(itemId) {
     const raw = itemId.trim();
@@ -103695,15 +103971,17 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
       this.stopCallTimingTicker();
     }
   }
-  setupProgressiveExpand(options) {
+  setupDownwardProgressiveExpand(options) {
     const { target, footer, button, stepParent } = options;
     const label = getProgressiveExpandLabel(this.uiLanguage);
     button.innerHTML = `
       <span class="progressive-expand-icon icon-mask" aria-hidden="true"></span>
     `;
     const previousCleanup = this.progressiveExpandCleanupByTarget.get(target);
-    previousCleanup?.();
-    const cleanup = setupProgressiveExpandBehavior({
+    if (previousCleanup !== void 0) {
+      previousCleanup();
+    }
+    const cleanup = setupDownwardProgressiveExpandBehavior({
       target,
       footer,
       button,
@@ -103723,19 +104001,55 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
     });
     this.progressiveExpandCleanupByTarget.set(target, cleanup);
   }
+  setupUpwardProgressiveExpand(options) {
+    const { target, footer, button, stepParent } = options;
+    const label = getProgressiveExpandLabel(this.uiLanguage);
+    button.innerHTML = `
+      <span class="progressive-expand-icon icon-mask" aria-hidden="true"></span>
+    `;
+    const previousCleanup = this.progressiveExpandCleanupByTarget.get(target);
+    if (previousCleanup !== void 0) {
+      previousCleanup();
+    }
+    const cleanup = setupUpwardProgressiveExpandBehavior({
+      target,
+      footer,
+      button,
+      stepParent,
+      label,
+      observeTargetUntilOverflow: true,
+      isContentComplete: () => {
+        const bubble = target.closest(".generation-bubble");
+        if (!(bubble instanceof HTMLElement)) return true;
+        return bubble.dataset.finalized === "true" || bubble.classList.contains("completed");
+      },
+      onAfterExpand: () => {
+        this.scrollToBottom();
+      }
+    });
+    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;
     const stepParent = resolveProgressiveExpandStepParent(section);
-    this.setupProgressiveExpand({
+    this.setupDownwardProgressiveExpand({
       target: content,
       footer,
       button,
       stepParent
     });
   }
+  setupThinkingProgressiveExpand(section) {
+    const target = section.querySelector(".thinking-content");
+    const footer = section.querySelector(".thinking-expand-footer");
+    const button = section.querySelector(".thinking-expand-btn");
+    if (!target || !footer || !button) return;
+    const stepParent = resolveProgressiveExpandStepParent(section);
+    this.setupUpwardProgressiveExpand({ target, footer, button, stepParent });
+  }
   setupFuncCallArgsProgressiveExpand(section) {
     const target = section.querySelector(".func-call-arguments");
     const footer = section.querySelector(
@@ -103746,7 +104060,7 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
     );
     if (!target || !footer || !button) return;
     const stepParent = resolveProgressiveExpandStepParent(section);
-    this.setupProgressiveExpand({ target, footer, button, stepParent });
+    this.setupDownwardProgressiveExpand({ target, footer, button, stepParent });
   }
   setupFuncCallResultProgressiveExpand(section) {
     const target = section.querySelector(".func-call-result");
@@ -103756,7 +104070,7 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
     );
     if (!target || !footer || !button) return;
     const stepParent = resolveProgressiveExpandStepParent(section);
-    this.setupProgressiveExpand({ target, footer, button, stepParent });
+    this.setupDownwardProgressiveExpand({ target, footer, button, stepParent });
   }
   setupTellaskResponseProgressiveExpand(section) {
     const target = section.querySelector(".teammate-content");
@@ -103764,7 +104078,7 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
     const button = section.querySelector(".teammate-expand-btn");
     if (!target || !footer || !button) return;
     const stepParent = resolveProgressiveExpandStepParent(section);
-    this.setupProgressiveExpand({ target, footer, button, stepParent });
+    this.setupDownwardProgressiveExpand({ target, footer, button, stepParent });
   }
   setupUiOnlyMarkdownProgressiveExpand(section) {
     const target = section.querySelector(".ui-only-markdown-content");
@@ -103774,7 +104088,7 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
     );
     if (!target || !footer || !button) return;
     const stepParent = resolveProgressiveExpandStepParent(section);
-    this.setupProgressiveExpand({ target, footer, button, stepParent });
+    this.setupDownwardProgressiveExpand({ target, footer, button, stepParent });
   }
   handleToolCallStart(event) {
     const genseq = event.genseq;
@@ -103976,7 +104290,10 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
           this.loadArtifactImageIntoElement({
             img,
             placeholder,
-            endpoint: this.buildDialogArtifactEndpoint(item)
+            endpoint: this.buildDialogArtifactEndpoint(item),
+            onSettled: () => {
+              this.emitProgressiveExpandContentGrowth(funcCallSection);
+            }
           });
           continue;
         }
@@ -104012,6 +104329,7 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
     const funcCallSection = this.findFuncCallSection(event.genseq, funcId);
     if (funcCallSection) {
       this.renderFuncResultIntoSection(event, funcCallSection);
+      this.emitProgressiveExpandContentGrowth(funcCallSection);
       this.scrollToBottom();
       return;
     }
@@ -105017,15 +105335,19 @@ ${event.content}`;
         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";
+          if (args.onSettled !== void 0) {
+            args.onSettled();
+          }
           return;
         }
         const objectUrl = URL.createObjectURL(response.data);
-        args.img.src = objectUrl;
-        args.placeholder.remove();
         args.img.addEventListener(
           "load",
           () => {
             URL.revokeObjectURL(objectUrl);
+            if (args.onSettled !== void 0) {
+              args.onSettled();
+            }
           },
           { once: true }
         );
@@ -105033,11 +105355,19 @@ ${event.content}`;
           "error",
           () => {
             URL.revokeObjectURL(objectUrl);
+            if (args.onSettled !== void 0) {
+              args.onSettled();
+            }
           },
           { once: true }
         );
+        args.img.src = objectUrl;
+        args.placeholder.remove();
       } catch (err) {
         args.placeholder.textContent = `Failed to load image: ${err instanceof Error ? err.message : String(err)}`;
+        if (args.onSettled !== void 0) {
+          args.onSettled();
+        }
       }
     })();
   }
@@ -105236,6 +105566,9 @@ ${event.content}`;
         <span class="section-icon icon-mask dc-icon-brain" aria-hidden="true"></span>
         <span class="section-title">${this.escapeHtml(t2.thinkingSectionTitle)}</span>
       </div>
+      <div class="thinking-expand-footer progressive-expand-footer is-hidden">
+        <button type="button" class="thinking-expand-btn progressive-expand-btn"></button>
+      </div>
       <div class="thinking-content"></div>
     `;
     return el;
@@ -106410,6 +106743,19 @@ ${event.content}`;
         justify-content: center;
       }
 
+      .thinking-expand-footer {
+        border-top: 0;
+        border-bottom: 1px solid var(--progressive-expand-border);
+        align-items: flex-end;
+      }
+
+      .thinking-expand-footer .progressive-expand-btn {
+        transform: translateY(var(--progressive-expand-tab-height));
+        border-top: 0;
+        border-bottom: 1px solid var(--progressive-expand-border);
+        border-radius: 0 0 12px 12px;
+      }
+
       .progressive-expand-btn:hover {
         background: var(--dominds-hover, var(--color-bg-tertiary, #f1f5f9));
       }
@@ -106429,6 +106775,10 @@ ${event.content}`;
         --icon-mask: ${ICON_MASK_URLS.chevronsDown};
       }
 
+      .thinking-expand-footer .progressive-expand-icon {
+        --icon-mask: ${ICON_MASK_URLS.chevronsUp};
+      }
+
       .progressive-expand-btn:hover .progressive-expand-icon,
       .progressive-expand-btn:focus-visible .progressive-expand-icon {
         animation-play-state: paused;
@@ -126641,7 +126991,7 @@ ${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({
+    const cleanup = setupDownwardProgressiveExpandBehavior({
       target,
       footer,
       button,
@@ -129067,4 +129417,4 @@ export {
   purify as y,
   clear$2 as z
 };
-//# sourceMappingURL=index-DvqI98wY.js.map
+//# sourceMappingURL=index--IEBo-K3.js.map