dominds 1.9.1 → 1.9.2

package/webapp/dist/assets/{index-D-SgXZTb.js → index-CCGi5dDE.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-KLK3FWXG-CgLK6cUW.js","assets/graph-DEeBvsT_.js","assets/_baseUniq-B5WIJgde.js","assets/layout-vY-lESK1.js","assets/_basePickBy-BCSeQ8Mb.js","assets/clone-8W6qtrsz.js","assets/cose-bilkent-S5V4N54A-gwXVRMa3.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-IC4MRINW-B0AMlCwV.js","assets/chunk-JSJVCQXG-B-adw7iw.js","assets/flowDiagram-PKNHOUZH-CxjVowsG.js","assets/chunk-FMBD7UC4-BzUcOjMH.js","assets/chunk-55IACEB6-DwJgszOl.js","assets/chunk-KX2RTZJC-a1S8VCMi.js","assets/channel-B0ljx2su.js","assets/erDiagram-INFDFZHY-Cz1TI05E.js","assets/gitGraphDiagram-K3NZZRJ6-D3Fz3qNA.js","assets/chunk-4BX2VUAB-DbKTqY07.js","assets/chunk-QZHKN3VN-BzG0M8E7.js","assets/treemap-KZPCXAKY-CuF9Fl6a.js","assets/ganttDiagram-A5KZAMGK-C3t2AHs5.js","assets/linear-Cw12N-49.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-LFFYTUFH-CcsQeBG4.js","assets/pieDiagram-SKSYHLDU-DBQkeFNk.js","assets/arc-CWDgoT74.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-337W2JSQ-BRqQEQ5R.js","assets/xychartDiagram-JWTSCODW-MwmjJKc5.js","assets/requirementDiagram-Z7DCOOCP-Bg-ZQVHw.js","assets/sequenceDiagram-2WXFIKYE-D4N6ze3Y.js","assets/classDiagram-VBA2DB6C-Bgs-IGF1.js","assets/chunk-WL4C6EOR-Jdr3sqWq.js","assets/classDiagram-v2-RAHNMMFH-Bgs-IGF1.js","assets/stateDiagram-RAJIS63D-vNdpo2RN.js","assets/chunk-NQ4KR5QH-BkpgGRb2.js","assets/stateDiagram-v2-FVOUBMTO-DklmFziq.js","assets/journeyDiagram-4ABVD52K-C_mKL3Wf.js","assets/timeline-definition-YZTLITO2-BrGjv8Mt.js","assets/mindmap-definition-YRQLILUH--gGSoZfe.js","assets/kanban-definition-K7BYSVSG-Ptg6jh3y.js","assets/sankeyDiagram-WA2Y5GQK-ADkSZ215.js","assets/diagram-P4PSJMXO-DpYGO4Wi.js","assets/diagram-IFDJBPK2-CiVS6fbK.js","assets/blockDiagram-WCTKOSBZ-DRcKQf9Q.js","assets/architectureDiagram-2XIMDMQ5-DFdZI4Uu.js","assets/diagram-E7M64L7V-BUDea9FM.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-KLK3FWXG-B-Ax3qBf.js","assets/graph-CkQycYq_.js","assets/_baseUniq-C3pRnD57.js","assets/layout-DpuTr6cl.js","assets/_basePickBy-9Z1lbVTN.js","assets/clone-DweFyVW6.js","assets/cose-bilkent-S5V4N54A-vgovmGKM.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-IC4MRINW-CaJ6bX75.js","assets/chunk-JSJVCQXG-DXyaccrz.js","assets/flowDiagram-PKNHOUZH-AsG_wdLN.js","assets/chunk-FMBD7UC4-aXp5zApD.js","assets/chunk-55IACEB6-C2eZTkZ1.js","assets/chunk-KX2RTZJC-C-u000c0.js","assets/channel-DDuIUO0R.js","assets/erDiagram-INFDFZHY-mEp6kC6i.js","assets/gitGraphDiagram-K3NZZRJ6-C1yyISy7.js","assets/chunk-4BX2VUAB-BQPkQh6v.js","assets/chunk-QZHKN3VN-BAc_2ceG.js","assets/treemap-KZPCXAKY-BWvLuAyU.js","assets/ganttDiagram-A5KZAMGK-zv3UhEAO.js","assets/linear-BQv5LuhW.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-LFFYTUFH-Dw1wAgpl.js","assets/pieDiagram-SKSYHLDU-Daqms3DT.js","assets/arc-BvNng3O_.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-337W2JSQ-BMNWp18J.js","assets/xychartDiagram-JWTSCODW-Bb3azvDM.js","assets/requirementDiagram-Z7DCOOCP-C1Mc4MX-.js","assets/sequenceDiagram-2WXFIKYE-C6cA5ncc.js","assets/classDiagram-VBA2DB6C-BIRrKhqs.js","assets/chunk-WL4C6EOR-D6ws69Jx.js","assets/classDiagram-v2-RAHNMMFH-BIRrKhqs.js","assets/stateDiagram-RAJIS63D-DRDqVPKY.js","assets/chunk-NQ4KR5QH-BoYRoo4A.js","assets/stateDiagram-v2-FVOUBMTO-B-pby7Ke.js","assets/journeyDiagram-4ABVD52K-CSGjRykr.js","assets/timeline-definition-YZTLITO2-C-m1bG_Z.js","assets/mindmap-definition-YRQLILUH-C5ajM9Hr.js","assets/kanban-definition-K7BYSVSG-DDCQetMc.js","assets/sankeyDiagram-WA2Y5GQK-DTHGhOsp.js","assets/diagram-P4PSJMXO-C3x0JkgF.js","assets/diagram-IFDJBPK2-3IlyK_xp.js","assets/blockDiagram-WCTKOSBZ-C7kfjZhf.js","assets/architectureDiagram-2XIMDMQ5-BF8vwQ4e.js","assets/diagram-E7M64L7V-B1sUlvtn.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);
@@ -2378,6 +2378,15 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
       if (timeEl instanceof HTMLElement) {
         timeEl.textContent = next2.lastModified || "";
       }
+      if (targetSelf === rootId) {
+        this.reorderVisibleRoots(next2.taskDocPath);
+      } else {
+        this.reorderVisibleSubdialogs(rootId);
+        const rootDialog = this.findDialogByIds(rootId, rootId, true);
+        if (rootDialog) {
+          this.reorderVisibleRoots(rootDialog.taskDocPath);
+        }
+      }
     }
     if (patch.subdialogCount !== void 0 && targetSelf === rootId) {
       const countEl = entry.el.querySelector(".dialog-count");
@@ -2601,29 +2610,13 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
         this.visibleSubdialogCountByRoot.delete(existing);
       }
     }
-    if (this.selectedKey) {
-      const [rootId, selfId] = this.splitDialogKey(this.selectedKey);
-      if (rootId && selfId) {
-        this.selectionState = {
-          kind: "selected",
-          rootId,
-          selfId,
-          isRoot: rootId === selfId
-        };
-      }
-    }
-    if (this.selectionState.kind === "selected") {
-      const hasSelection = validated.some(
-        (dialog2) => this.isSelectedDialog(dialog2, this.selectionState)
-      );
+    const selection2 = this.selectionState;
+    if (selection2.kind === "selected") {
+      const hasSelection = validated.some((dialog2) => this.isSelectedDialog(dialog2, selection2));
       if (!hasSelection) {
         this.clearSelection();
       } else {
-        this.ensureDialogVisible(
-          this.selectionState.rootId,
-          this.selectionState.selfId,
-          this.selectionState.isRoot
-        );
+        this.ensureDialogVisible(selection2.rootId, selection2.selfId, selection2.isRoot);
       }
     }
     const t2 = getUiStrings(this.props.uiLanguage);
@@ -2634,81 +2627,7 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
       this.refreshFromDom();
       return;
     }
-    const html2 = groups.map((group) => {
-      const taskCollapsed = this.collapsedTasks.has(group.taskDocPath);
-      const taskToggle = this.renderToggleIcon(taskCollapsed);
-      const visibleRootCount = this.visibleRootCountByTask.get(group.taskDocPath) ?? _ArchivedDialogList.SHOW_MORE_STEP;
-      const visibleRoots = group.roots.slice(0, visibleRootCount);
-      const hiddenRootCount = Math.max(group.roots.length - visibleRoots.length, 0);
-      const rootNodes = visibleRoots.map((rootGroup) => {
-        const rootDialog = rootGroup.root;
-        const rootCollapsed = this.collapsedRoots.has(rootGroup.rootId);
-        const rootToggle = this.renderToggleIcon(rootCollapsed);
-        const rootRow = rootDialog ? this.renderRootRow(rootDialog, rootToggle, rootGroup.subdialogs.length) : `
-                <div class="dialog-item root-dialog missing" data-root-id="${rootGroup.rootId}" data-self-id="">
-                  <div class="dialog-row">
-                    <button class="toggle root-toggle" data-action="toggle-root" data-root-id="${rootGroup.rootId}" type="button" aria-label="${this.formatToggleAriaLabel(rootCollapsed)}">${rootToggle}</button>
-                    <span class="dialog-title">${t2.missingRoot}</span>
-                    <span class="dialog-meta-right">
-                      <span class="dialog-count">${rootGroup.subdialogs.length}</span>
-                      <span class="dialog-id">${rootGroup.rootId}</span>
-                    </span>
-                  </div>
-                </div>
-              `;
-        const visibleSubdialogCount = this.visibleSubdialogCountByRoot.get(rootGroup.rootId) ?? _ArchivedDialogList.SHOW_MORE_STEP;
-        const visibleSubdialogs = rootGroup.subdialogs.slice(0, visibleSubdialogCount);
-        const hiddenSubdialogCount = Math.max(
-          rootGroup.subdialogs.length - visibleSubdialogs.length,
-          0
-        );
-        const subNodes = visibleSubdialogs.map((subdialog) => this.renderDialogRow(subdialog)).join("");
-        const subShowMore = hiddenSubdialogCount > 0 ? this.renderShowMoreButton({
-          action: "show-more-subdialogs",
-          rootId: rootGroup.rootId,
-          hiddenCount: hiddenSubdialogCount
-        }) : "";
-        const subCollapsed = taskCollapsed || rootCollapsed;
-        return `
-              <div class="rdlg-node" data-rdlg-root-id="${rootGroup.rootId}">
-                ${rootRow}
-                <div class="sdlg-children ${subCollapsed ? "collapsed" : ""}">
-                  ${subNodes}
-                  ${subShowMore}
-                </div>
-              </div>
-            `;
-      }).join("");
-      const rootShowMore = hiddenRootCount > 0 ? this.renderShowMoreButton({
-        action: "show-more-roots",
-        taskDocPath: group.taskDocPath,
-        hiddenCount: hiddenRootCount
-      }) : "";
-      return `
-          <div class="task-group task-node">
-            <div class="task-title" data-task-path="${group.taskDocPath}">
-              <div class="task-title-left">
-                <button class="toggle task-toggle" data-action="toggle-task" data-task-path="${group.taskDocPath}" type="button" aria-label="${this.formatToggleAriaLabel(taskCollapsed)}">${taskToggle}</button>
-                <span>${group.taskDocPath}</span>
-              </div>
-              <div class="task-title-right">
-                <button class="action icon-button" data-action="task-create-dialog" data-task-path="${group.taskDocPath}" type="button" title="${t2.createNewDialogTitle}" aria-label="${t2.createNewDialogTitle}">
-                  ${this.renderCreateIcon()}
-                </button>
-                <button class="action icon-button" data-action="task-revive" data-task-path="${group.taskDocPath}" type="button" title="${t2.dialogActionReviveAll}" aria-label="${t2.dialogActionReviveAll}">
-                  ${this.renderReviveIcon()}
-                </button>
-                <span class="dialog-count">${group.roots.length}</span>
-              </div>
-            </div>
-            <div class="task-rows ${taskCollapsed ? "collapsed" : ""}">
-              ${rootNodes}
-              ${rootShowMore}
-            </div>
-          </div>
-        `;
-    }).join("");
-    this.listEl.innerHTML = html2;
+    this.reconcileTaskGroups(groups);
     this.refreshFromDom();
   }
   renderLoading() {
@@ -2722,6 +2641,213 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
   encodeDialogDataset(dialog2) {
     return encodeURIComponent(JSON.stringify(dialog2));
   }
+  createElementFromHtml(html2) {
+    const template = document.createElement("template");
+    template.innerHTML = html2.trim();
+    const first = template.content.firstElementChild;
+    if (!(first instanceof HTMLElement)) {
+      throw new Error("Expected HTML template to produce a single HTMLElement.");
+    }
+    return first;
+  }
+  syncElement(target, next2) {
+    if (target.outerHTML === next2.outerHTML) return;
+    for (const name of target.getAttributeNames()) {
+      if (!next2.hasAttribute(name)) {
+        target.removeAttribute(name);
+      }
+    }
+    for (const name of next2.getAttributeNames()) {
+      const value = next2.getAttribute(name);
+      if (value === null) continue;
+      if (target.getAttribute(name) !== value) {
+        target.setAttribute(name, value);
+      }
+    }
+    if (target.innerHTML !== next2.innerHTML) {
+      target.innerHTML = next2.innerHTML;
+    }
+  }
+  renderTaskTitleRow(group, taskCollapsed) {
+    const t2 = getUiStrings(this.props.uiLanguage);
+    const taskToggle = this.renderToggleIcon(taskCollapsed);
+    return `
+      <div class="task-title" data-task-path="${group.taskDocPath}">
+        <div class="task-title-left">
+          <button class="toggle task-toggle" data-action="toggle-task" data-task-path="${group.taskDocPath}" type="button" aria-label="${this.formatToggleAriaLabel(taskCollapsed)}">${taskToggle}</button>
+          <span>${group.taskDocPath}</span>
+        </div>
+        <div class="task-title-right">
+          <button class="action icon-button" data-action="task-create-dialog" data-task-path="${group.taskDocPath}" type="button" title="${t2.createNewDialogTitle}" aria-label="${t2.createNewDialogTitle}">
+            ${this.renderCreateIcon()}
+          </button>
+          <button class="action icon-button" data-action="task-revive" data-task-path="${group.taskDocPath}" type="button" title="${t2.dialogActionReviveAll}" aria-label="${t2.dialogActionReviveAll}">
+            ${this.renderReviveIcon()}
+          </button>
+          <span class="dialog-count">${group.roots.length}</span>
+        </div>
+      </div>
+    `;
+  }
+  renderMissingRootRow(rootGroup, rootCollapsed) {
+    const t2 = getUiStrings(this.props.uiLanguage);
+    const rootToggle = this.renderToggleIcon(rootCollapsed);
+    return `
+      <div class="dialog-item root-dialog missing" data-root-id="${rootGroup.rootId}" data-self-id="">
+        <div class="dialog-row">
+          <button class="toggle root-toggle" data-action="toggle-root" data-root-id="${rootGroup.rootId}" type="button" aria-label="${this.formatToggleAriaLabel(rootCollapsed)}">${rootToggle}</button>
+          <span class="dialog-title">${t2.missingRoot}</span>
+          <span class="dialog-meta-right">
+            <span class="dialog-count">${rootGroup.subdialogs.length}</span>
+            <span class="dialog-id">${rootGroup.rootId}</span>
+          </span>
+        </div>
+      </div>
+    `;
+  }
+  reconcileShowMoreRow(container, html2) {
+    const existing = container.querySelector(":scope > .show-more-row");
+    if (html2 === null) {
+      existing?.remove();
+      return;
+    }
+    const next2 = this.createElementFromHtml(html2);
+    if (existing) {
+      this.syncElement(existing, next2);
+      container.appendChild(existing);
+      return;
+    }
+    container.appendChild(next2);
+  }
+  reconcileSubdialogRows(rootChildren, rootGroup) {
+    const existingRows = /* @__PURE__ */ new Map();
+    rootChildren.querySelectorAll(":scope > .dialog-item.sub-dialog[data-dialog-key]").forEach((row) => {
+      const key = (row.getAttribute("data-dialog-key") ?? "").trim();
+      if (key !== "") {
+        existingRows.set(key, row);
+      }
+    });
+    const visibleSubdialogCount = this.visibleSubdialogCountByRoot.get(rootGroup.rootId) ?? _ArchivedDialogList.SHOW_MORE_STEP;
+    const visibleSubdialogs = rootGroup.subdialogs.slice(0, visibleSubdialogCount);
+    const hiddenSubdialogCount = Math.max(
+      rootGroup.subdialogs.length - visibleSubdialogs.length,
+      0
+    );
+    for (const subdialog of visibleSubdialogs) {
+      const key = this.getDialogKey(subdialog);
+      const next2 = this.createElementFromHtml(this.renderDialogRow(subdialog));
+      const existing = existingRows.get(key);
+      if (existing) {
+        this.syncElement(existing, next2);
+        rootChildren.appendChild(existing);
+        existingRows.delete(key);
+      } else {
+        rootChildren.appendChild(next2);
+      }
+    }
+    for (const stale of existingRows.values()) {
+      stale.remove();
+    }
+    const showMoreHtml = hiddenSubdialogCount > 0 ? this.renderShowMoreButton({
+      action: "show-more-subdialogs",
+      rootId: rootGroup.rootId,
+      hiddenCount: hiddenSubdialogCount
+    }) : null;
+    this.reconcileShowMoreRow(rootChildren, showMoreHtml);
+  }
+  reconcileRootNode(rootNode, rootGroup, taskCollapsed) {
+    rootNode.setAttribute("data-rdlg-root-id", rootGroup.rootId);
+    const rootCollapsed = this.collapsedRoots.has(rootGroup.rootId);
+    const rootRowHtml = rootGroup.root ? this.renderRootRow(
+      rootGroup.root,
+      this.renderToggleIcon(rootCollapsed),
+      rootGroup.subdialogs.length
+    ) : this.renderMissingRootRow(rootGroup, rootCollapsed);
+    const existingRootRow = rootNode.querySelector(
+      ":scope > .dialog-item.root-dialog"
+    );
+    if (existingRootRow) {
+      this.syncElement(existingRootRow, this.createElementFromHtml(rootRowHtml));
+      if (rootNode.firstElementChild !== existingRootRow) {
+        rootNode.insertBefore(existingRootRow, rootNode.firstElementChild);
+      }
+    } else {
+      rootNode.insertBefore(this.createElementFromHtml(rootRowHtml), rootNode.firstElementChild);
+    }
+    let rootChildren = rootNode.querySelector(":scope > .sdlg-children");
+    if (!rootChildren) {
+      rootChildren = this.createElementFromHtml('<div class="sdlg-children"></div>');
+      rootNode.appendChild(rootChildren);
+    }
+    rootChildren.classList.toggle("collapsed", taskCollapsed || rootCollapsed);
+    this.reconcileSubdialogRows(rootChildren, rootGroup);
+  }
+  reconcileRootNodes(taskRows, group, taskCollapsed) {
+    const existingRoots = /* @__PURE__ */ new Map();
+    taskRows.querySelectorAll(":scope > .rdlg-node[data-rdlg-root-id]").forEach((node2) => {
+      const rootId = (node2.getAttribute("data-rdlg-root-id") ?? "").trim();
+      if (rootId !== "") {
+        existingRoots.set(rootId, node2);
+      }
+    });
+    const visibleRootCount = this.visibleRootCountByTask.get(group.taskDocPath) ?? _ArchivedDialogList.SHOW_MORE_STEP;
+    const visibleRoots = group.roots.slice(0, visibleRootCount);
+    const hiddenRootCount = Math.max(group.roots.length - visibleRoots.length, 0);
+    for (const rootGroup of visibleRoots) {
+      const existing = existingRoots.get(rootGroup.rootId);
+      const rootNode = existing ?? this.createElementFromHtml(
+        `<div class="rdlg-node" data-rdlg-root-id="${rootGroup.rootId}"></div>`
+      );
+      this.reconcileRootNode(rootNode, rootGroup, taskCollapsed);
+      taskRows.appendChild(rootNode);
+      existingRoots.delete(rootGroup.rootId);
+    }
+    for (const stale of existingRoots.values()) {
+      stale.remove();
+    }
+    const showMoreHtml = hiddenRootCount > 0 ? this.renderShowMoreButton({
+      action: "show-more-roots",
+      taskDocPath: group.taskDocPath,
+      hiddenCount: hiddenRootCount
+    }) : null;
+    this.reconcileShowMoreRow(taskRows, showMoreHtml);
+  }
+  reconcileTaskGroups(groups) {
+    if (!this.listEl) return;
+    this.listEl.querySelectorAll(":scope > .empty").forEach((node2) => node2.remove());
+    const existingGroups = /* @__PURE__ */ new Map();
+    this.listEl.querySelectorAll(":scope > .task-group.task-node").forEach((groupEl) => {
+      const taskPath = (groupEl.querySelector(":scope > .task-title")?.getAttribute("data-task-path") ?? "").trim();
+      if (taskPath !== "") {
+        existingGroups.set(taskPath, groupEl);
+      }
+    });
+    for (const group of groups) {
+      const taskCollapsed = this.collapsedTasks.has(group.taskDocPath);
+      const taskGroup = existingGroups.get(group.taskDocPath) ?? this.createElementFromHtml(
+        '<div class="task-group task-node"><div class="task-title"></div><div class="task-rows"></div></div>'
+      );
+      const nextTitle = this.createElementFromHtml(this.renderTaskTitleRow(group, taskCollapsed));
+      const currentTitle = taskGroup.querySelector(":scope > .task-title");
+      if (currentTitle) {
+        this.syncElement(currentTitle, nextTitle);
+      } else {
+        taskGroup.insertBefore(nextTitle, taskGroup.firstElementChild);
+      }
+      let taskRows = taskGroup.querySelector(":scope > .task-rows");
+      if (!taskRows) {
+        taskRows = this.createElementFromHtml('<div class="task-rows"></div>');
+        taskGroup.appendChild(taskRows);
+      }
+      taskRows.classList.toggle("collapsed", taskCollapsed);
+      this.reconcileRootNodes(taskRows, group, taskCollapsed);
+      this.listEl.appendChild(taskGroup);
+      existingGroups.delete(group.taskDocPath);
+    }
+    for (const stale of existingGroups.values()) {
+      stale.remove();
+    }
+  }
   decodeDialogDataset(el) {
     const raw = el.dataset.dialogJson;
     if (!raw) return null;
@@ -2762,6 +2888,90 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
       this.clearSelection();
     }
   }
+  getDialogUpdatedAtMsFromElement(el) {
+    const dialog2 = this.decodeDialogDataset(el);
+    if (!dialog2) return 0;
+    return this.parseTimestamp(dialog2.lastModified);
+  }
+  reorderVisibleSubdialogs(rootId) {
+    if (!this.listEl) return;
+    const rootChildren = this.listEl.querySelector(
+      `.rdlg-node[data-rdlg-root-id="${this.escapeSelector(rootId)}"] > .sdlg-children`
+    );
+    if (!(rootChildren instanceof HTMLElement)) return;
+    const subRows = Array.from(
+      rootChildren.querySelectorAll(":scope > .dialog-item.sub-dialog")
+    );
+    if (subRows.length <= 1) return;
+    subRows.sort((a2, b2) => {
+      const delta = this.getDialogUpdatedAtMsFromElement(b2) - this.getDialogUpdatedAtMsFromElement(a2);
+      if (delta !== 0) return delta;
+      const aSelf = a2.getAttribute("data-self-id") ?? "";
+      const bSelf = b2.getAttribute("data-self-id") ?? "";
+      return aSelf.localeCompare(bSelf);
+    });
+    const anchor2 = rootChildren.querySelector(":scope > .show-more-row");
+    for (const row of subRows) {
+      rootChildren.insertBefore(row, anchor2);
+    }
+  }
+  reorderVisibleRoots(taskDocPath) {
+    if (!this.listEl) return;
+    const taskTitle = this.listEl.querySelector(
+      `.task-title[data-task-path="${this.escapeSelector(taskDocPath)}"]`
+    );
+    const taskGroup = taskTitle?.closest(".task-group");
+    if (!(taskGroup instanceof HTMLElement)) return;
+    const taskRows = taskGroup.querySelector(".task-rows");
+    if (!(taskRows instanceof HTMLElement)) return;
+    const rootNodes = Array.from(taskRows.querySelectorAll(":scope > .rdlg-node"));
+    if (rootNodes.length <= 1) return;
+    rootNodes.sort((a2, b2) => {
+      const aRoot = a2.querySelector(":scope > .dialog-item.root-dialog");
+      const bRoot = b2.querySelector(":scope > .dialog-item.root-dialog");
+      const delta = (bRoot ? this.getDialogUpdatedAtMsFromElement(bRoot) : 0) - (aRoot ? this.getDialogUpdatedAtMsFromElement(aRoot) : 0);
+      if (delta !== 0) return delta;
+      const aRootId = (a2.getAttribute("data-rdlg-root-id") ?? "").trim();
+      const bRootId = (b2.getAttribute("data-rdlg-root-id") ?? "").trim();
+      return aRootId.localeCompare(bRootId);
+    });
+    const anchor2 = taskRows.querySelector(":scope > .show-more-row");
+    for (const node2 of rootNodes) {
+      taskRows.insertBefore(node2, anchor2);
+    }
+    this.reorderTaskGroups();
+  }
+  reorderTaskGroups() {
+    if (!this.listEl) return;
+    const groups = Array.from(
+      this.listEl.querySelectorAll(":scope > .task-group.task-node")
+    );
+    if (groups.length <= 1) return;
+    groups.sort((a2, b2) => {
+      const aTs = this.getTaskMaxUpdatedAtMs(a2);
+      const bTs = this.getTaskMaxUpdatedAtMs(b2);
+      const delta = bTs - aTs;
+      if (delta !== 0) return delta;
+      const aPath = (a2.querySelector(".task-title")?.getAttribute("data-task-path") ?? "").trim();
+      const bPath = (b2.querySelector(".task-title")?.getAttribute("data-task-path") ?? "").trim();
+      return aPath.localeCompare(bPath);
+    });
+    for (const group of groups) {
+      this.listEl.appendChild(group);
+    }
+    this.refreshFromDom();
+  }
+  getTaskMaxUpdatedAtMs(taskGroup) {
+    let max2 = 0;
+    const roots = taskGroup.querySelectorAll(
+      ".dialog-item.root-dialog[data-dialog-json]"
+    );
+    roots.forEach((row) => {
+      const ts = this.getDialogUpdatedAtMsFromElement(row);
+      if (ts > max2) max2 = ts;
+    });
+    return max2;
+  }
   clearSelection() {
     if (this.listEl) {
       const selected = this.listEl.querySelector(".dialog-item.selected");
@@ -2956,6 +3166,16 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
         this.updateToggleButtonUi(rootToggle, false);
       }
     }
+    if (!this.requestedSubdialogRoots.has(dialog2.rootId) && !this.hasSubdialogsLoaded(dialog2.rootId)) {
+      this.requestedSubdialogRoots.add(dialog2.rootId);
+      this.dispatchEvent(
+        new CustomEvent("dialog-expand", {
+          detail: { rootId: dialog2.rootId, status: "archived" },
+          bubbles: true,
+          composed: true
+        })
+      );
+    }
   }
   findDialogByIds(rootId, selfId, isRoot) {
     const targetSelf = isRoot ? rootId : selfId;
@@ -3252,7 +3472,12 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
         flex-direction: column;
         gap: 3px;
         padding: 2px 8px;
+        margin: 0;
         cursor: pointer;
+        border-right: 3px solid transparent;
+        border-radius: 0;
+        position: relative;
+        box-sizing: border-box;
       }
 
       .root-dialog {
@@ -3283,7 +3508,17 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
       }
 
       .dialog-item.selected {
-        background: color-mix(in srgb, var(--dominds-primary, #007acc) 12%, transparent);
+        background: color-mix(in srgb, var(--dominds-primary, #007acc) 13%, transparent);
+        margin: 2px 0;
+        border-radius: 10px 0 0 10px;
+        box-shadow:
+          inset 1px 0 0 color-mix(in srgb, white 55%, transparent),
+          inset 0 1px 0 color-mix(in srgb, white 55%, transparent),
+          inset 0 -1px 0 color-mix(in srgb, white 55%, transparent),
+          inset 2px 0 0 color-mix(in srgb, var(--dominds-primary, #007acc) 72%, transparent),
+          inset 0 2px 0 color-mix(in srgb, var(--dominds-primary, #007acc) 72%, transparent),
+          inset 0 -2px 0 color-mix(in srgb, var(--dominds-primary, #007acc) 72%, transparent);
+        z-index: var(--dominds-z-local-raised, 1);
       }
 
       .toggle {
@@ -3399,17 +3634,15 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
         display: inline-flex;
         align-items: center;
         gap: 6px;
+        font-weight: 500;
         flex: none;
         white-space: nowrap;
       }
 
       .dialog-count {
         font-size: var(--dominds-font-size-xs, 11px);
-        padding: 2px 6px;
-        border-radius: 999px;
-        background: var(--dominds-border, #e0e0e0);
         color: var(--dominds-muted, #666666);
-        flex: none;
+        letter-spacing: 0.02em;
       }
 
       .dialog-submeta {
@@ -3448,7 +3681,8 @@ const _ArchivedDialogList = class _ArchivedDialogList extends HTMLElement {
 
       .dialog-topic {
         font-size: var(--dominds-font-size-xs, 11px);
-        color: var(--dominds-muted, #888888);
+        color: var(--dominds-muted, #666666);
+        letter-spacing: 0.02em;
       }
 
       .empty {
@@ -97417,12 +97651,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-KLK3FWXG-CgLK6cUW.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-KLK3FWXG-B-Ax3qBf.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-gwXVRMa3.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-vgovmGKM.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
       }
     ]
   ]);
@@ -97862,7 +98096,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-B0AMlCwV.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-IC4MRINW-CaJ6bX75.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0);
   return { id: id$1, diagram: diagram2 };
@@ -97882,7 +98116,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-CxjVowsG.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-AsG_wdLN.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id2, diagram: diagram2 };
@@ -97908,7 +98142,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-CxjVowsG.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-AsG_wdLN.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id3, diagram: diagram2 };
@@ -97925,7 +98159,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-Cz1TI05E.js");
+    const { diagram: diagram22 } = await import("./erDiagram-INFDFZHY-mEp6kC6i.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0);
   return { id: id4, diagram: diagram2 };
@@ -97942,7 +98176,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-D3Fz3qNA.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-K3NZZRJ6-C1yyISy7.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,2,4,5]) : void 0);
   return { id: id5, diagram: diagram2 };
@@ -97959,7 +98193,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-C3t2AHs5.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-A5KZAMGK-zv3UhEAO.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0);
   return { id: id6, diagram: diagram2 };
@@ -97976,7 +98210,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-CcsQeBG4.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-LFFYTUFH-Dw1wAgpl.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,2,4,5]) : void 0);
   return { id: id7, diagram: diagram2 };
@@ -97992,7 +98226,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-DBQkeFNk.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-SKSYHLDU-Daqms3DT.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([25,17,19,2,4,5,26,27,22]) : void 0);
   return { id: id8, diagram: diagram2 };
@@ -98008,7 +98242,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-BRqQEQ5R.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-337W2JSQ-BMNWp18J.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0);
   return { id: id9, diagram: diagram2 };
@@ -98025,7 +98259,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-MwmjJKc5.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-JWTSCODW-Bb3azvDM.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0);
   return { id: id10, diagram: diagram2 };
@@ -98042,7 +98276,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-Bg-ZQVHw.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-Z7DCOOCP-C1Mc4MX-.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0);
   return { id: id11, diagram: diagram2 };
@@ -98059,7 +98293,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-D4N6ze3Y.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-2WXFIKYE-C6cA5ncc.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0);
   return { id: id12, diagram: diagram2 };
@@ -98079,7 +98313,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-Bgs-IGF1.js");
+    const { diagram: diagram22 } = await import("./classDiagram-VBA2DB6C-BIRrKhqs.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,33,11,9,12,13]) : void 0);
   return { id: id13, diagram: diagram2 };
@@ -98099,7 +98333,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-Bgs-IGF1.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-RAHNMMFH-BIRrKhqs.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([34,33,11,9,12,13]) : void 0);
   return { id: id14, diagram: diagram2 };
@@ -98119,7 +98353,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-vNdpo2RN.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-RAJIS63D-DRDqVPKY.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0);
   return { id: id15, diagram: diagram2 };
@@ -98142,7 +98376,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-DklmFziq.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-FVOUBMTO-B-pby7Ke.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0);
   return { id: id16, diagram: diagram2 };
@@ -98159,7 +98393,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_mKL3Wf.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-4ABVD52K-CSGjRykr.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,11,9,26]) : void 0);
   return { id: id17, diagram: diagram2 };
@@ -98229,7 +98463,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-CxjVowsG.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-AsG_wdLN.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id18, diagram: diagram2 };
@@ -98246,7 +98480,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-BrGjv8Mt.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-YZTLITO2-C-m1bG_Z.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0);
   return { id: id19, diagram: diagram2 };
@@ -98263,7 +98497,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--gGSoZfe.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-YRQLILUH-C5ajM9Hr.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0);
   return { id: id20, diagram: diagram2 };
@@ -98280,7 +98514,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-Ptg6jh3y.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-K7BYSVSG-DDCQetMc.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0);
   return { id: id21, diagram: diagram2 };
@@ -98297,7 +98531,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-ADkSZ215.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-WA2Y5GQK-DTHGhOsp.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0);
   return { id: id22, diagram: diagram2 };
@@ -98314,7 +98548,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-DpYGO4Wi.js");
+    const { diagram: diagram22 } = await import("./diagram-P4PSJMXO-C3x0JkgF.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,2,4,5]) : void 0);
   return { id: id23, diagram: diagram2 };
@@ -98330,7 +98564,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-CiVS6fbK.js");
+    const { diagram: diagram22 } = await import("./diagram-IFDJBPK2-3IlyK_xp.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,2,4,5]) : void 0);
   return { id: id24, diagram: diagram2 };
@@ -98346,7 +98580,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-DRcKQf9Q.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-WCTKOSBZ-C7kfjZhf.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,2,1,14]) : void 0);
   return { id: id25, diagram: diagram2 };
@@ -98363,7 +98597,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-DFdZI4Uu.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-2XIMDMQ5-BF8vwQ4e.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,19,2,4,5,7]) : void 0);
   return { id: id26, diagram: diagram2 };
@@ -98380,7 +98614,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-CAV8iv45.js");
+    const { diagram: diagram22 } = await import("./ishikawaDiagram-PHBUUO56-DY9fHLYz.js");
     return { diagram: diagram22 };
   }, true ? [] : void 0);
   return { id: id27, diagram: diagram2 };
@@ -98396,7 +98630,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-BsWMgmkQ.js");
+    const { diagram: diagram22 } = await import("./vennDiagram-LZ73GAT5-C8gZYuUq.js");
     return { diagram: diagram22 };
   }, true ? [] : void 0);
   return { id: id28, diagram: diagram2 };
@@ -98413,7 +98647,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-BUDea9FM.js");
+    const { diagram: diagram22 } = await import("./diagram-E7M64L7V-B1sUlvtn.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
   return { id: id29, diagram: diagram2 };
@@ -99274,7 +99508,14 @@ if (!customElements.get("dominds-mermaid-block")) {
   customElements.define("dominds-mermaid-block", DomindsMermaidBlock);
 }
 const WORKSPACE_FILE_PREVIEW_ROUTE = "/f";
+const RTWS_PSEUDO_ROUTE_SEGMENTS = ["workspace", "rtws", "<workspace>", "<rtws>"];
 const DOMINDS_RTWS_DATA_ATTR = "data-dominds-rtws";
+const DOMINDS_PREVIEW_PATH_ATTR = "dominds-preview-path";
+const DOMINDS_PREVIEW_HREF_ATTR = "dominds-preview-href";
+const DOMINDS_PREVIEW_STATE_ATTR = "dominds-preview-state";
+const DOMINDS_PREVIEW_STATE_PENDING = "pending";
+const DOMINDS_PREVIEW_STATE_READY = "ready";
+const DOMINDS_PREVIEW_STATE_INVALID = "invalid";
 function slugifyHeadingId(raw) {
   const trimmed = raw.trim();
   if (!trimmed) return "";
@@ -99420,6 +99661,74 @@ function normalizeRtwsRelativePath(rawPath, options) {
   }
   return out;
 }
+function normalizeWorkspacePseudoRelativePath(rawPath) {
+  const normalized = normalizeSlashPath(rawPath).replace(/\/+/g, "/").trim();
+  for (const prefix of RTWS_PSEUDO_ROUTE_SEGMENTS) {
+    let tail = null;
+    if (normalized === prefix || normalized === `/${prefix}`) {
+      tail = "";
+    } else if (normalized.startsWith(`/${prefix}/`)) {
+      tail = normalized.slice(prefix.length + 2);
+    } else if (normalized.startsWith(`${prefix}/`)) {
+      tail = normalized.slice(prefix.length + 1);
+    }
+    if (tail !== null) {
+      return normalizeRtwsRelativePath(tail, { allowRoot: true });
+    }
+  }
+  return null;
+}
+function decodeHrefPath(rawPath) {
+  try {
+    return decodeURIComponent(rawPath);
+  } catch {
+    return rawPath;
+  }
+}
+function isLoopbackHost(hostname) {
+  return hostname === "localhost" || hostname === "127.0.0.1" || hostname === "::1" || hostname === "[::1]";
+}
+function canRewriteSameRtwsHttpUrl(url) {
+  if (typeof window === "undefined") return false;
+  try {
+    const current = new URL(window.location.href);
+    if (url.origin === current.origin) return true;
+    return url.protocol === current.protocol && url.port === current.port && isLoopbackHost(url.hostname) && isLoopbackHost(current.hostname);
+  } catch {
+    return false;
+  }
+}
+function extractWorkspacePseudoHrefCandidate(rawHref) {
+  const trimmed = rawHref.trim();
+  if (trimmed.length < 1) return null;
+  if (!/^[a-zA-Z][a-zA-Z\d+.-]*:/.test(trimmed)) return trimmed;
+  let parsedUrl;
+  try {
+    parsedUrl = new URL(trimmed);
+  } catch {
+    return null;
+  }
+  if (!/^https?:$/i.test(parsedUrl.protocol)) return null;
+  if (!canRewriteSameRtwsHttpUrl(parsedUrl)) return null;
+  return decodeHrefPath(parsedUrl.pathname);
+}
+function parseWorkspacePseudoLinkTarget(rawHref) {
+  const hrefCandidate = extractWorkspacePseudoHrefCandidate(rawHref);
+  if (hrefCandidate === null) return null;
+  const parsed = parseWorkspaceHrefPath(hrefCandidate);
+  if (parsed === null) return null;
+  const relativePath = normalizeWorkspacePseudoRelativePath(parsed.rawPath);
+  if (relativePath === null) return null;
+  return {
+    relativePath,
+    line: parsed.line,
+    column: parsed.column
+  };
+}
+function deleteTokenAttr(token2, name) {
+  if (!Array.isArray(token2.attrs)) return;
+  token2.attrs = token2.attrs.filter(([attrName]) => attrName !== name);
+}
 function resolveRelativeWorkspaceFilePreviewTarget(rawHref, env) {
   if (!env.allowRelativeWorkspaceLinks) return null;
   const trimmed = rawHref.trim();
@@ -99526,7 +99835,15 @@ const domPurifyConfig = {
     allowCustomizedBuiltInElements: false
   },
   ADD_TAGS: [...allowedCustomElements],
-  ADD_ATTR: [...allowedCustomElementAttrs, "id", "target", "rel"]
+  ADD_ATTR: [
+    ...allowedCustomElementAttrs,
+    "id",
+    "target",
+    "rel",
+    DOMINDS_PREVIEW_PATH_ATTR,
+    DOMINDS_PREVIEW_HREF_ATTR,
+    DOMINDS_PREVIEW_STATE_ATTR
+  ]
 };
 const md = new MarkdownIt({
   html: false,
@@ -99575,16 +99892,18 @@ md.renderer.rules.link_open = (tokens, idx, options, _env, self2) => {
   const href = token2.attrGet("href");
   const env = getMarkdownRenderEnv(_env);
   if (typeof href === "string") {
+    const workspacePseudoLink = parseWorkspacePseudoLinkTarget(href);
     const workspaceFileLink = parseWorkspaceFileLinkTarget(href);
-    const previewTarget = workspaceFileLink !== null ? resolveWorkspaceFilePreviewTarget(workspaceFileLink) : resolveRelativeWorkspaceFilePreviewTarget(href, env);
+    const previewTarget = workspacePseudoLink ?? (workspaceFileLink !== null ? resolveWorkspaceFilePreviewTarget(workspaceFileLink) : resolveRelativeWorkspaceFilePreviewTarget(href, env));
     if (previewTarget) {
-      token2.attrSet("href", buildWorkspaceFilePreviewHref(previewTarget));
+      token2.attrSet(DOMINDS_PREVIEW_PATH_ATTR, previewTarget.relativePath);
+      token2.attrSet(DOMINDS_PREVIEW_HREF_ATTR, buildWorkspaceFilePreviewHref(previewTarget));
+      token2.attrSet(DOMINDS_PREVIEW_STATE_ATTR, DOMINDS_PREVIEW_STATE_PENDING);
+      deleteTokenAttr(token2, "href");
       applyOpenInNewTabAttrs(token2);
       return self2.renderToken(tokens, idx, options);
     }
-    if (/^https?:\/\//i.test(href.trim())) {
-      applyOpenInNewTabAttrs(token2);
-    }
+    applyOpenInNewTabAttrs(token2);
   }
   return self2.renderToken(tokens, idx, options);
 };
@@ -99610,6 +99929,106 @@ function renderDomindsMarkdown(input, opts = { kind: "chat" }) {
     return escapeHtmlText(input);
   }
 }
+function getAuthTokenForWorkspaceLinkCheck() {
+  const authFromUrl = getAuthFromCurrentUrl();
+  if (authFromUrl !== null) return authFromUrl;
+  if (typeof window === "undefined") return null;
+  try {
+    const authFromStorage = window.localStorage.getItem("dominds.authKey");
+    if (typeof authFromStorage !== "string") return null;
+    const trimmed = authFromStorage.trim();
+    return trimmed.length > 0 ? trimmed : null;
+  } catch {
+    return null;
+  }
+}
+async function resolveWorkspaceEntryBatch(relativePaths) {
+  const uniquePaths = Array.from(
+    new Set(relativePaths.map((path2) => path2.trim()).filter((path2) => path2.length > 0))
+  );
+  const resultMap = /* @__PURE__ */ new Map();
+  if (uniquePaths.length < 1) return resultMap;
+  const headers = { Accept: "application/json" };
+  const authToken = getAuthTokenForWorkspaceLinkCheck();
+  if (authToken !== null) {
+    headers["Authorization"] = `Bearer ${authToken}`;
+  }
+  try {
+    const response = await fetch("/api/markdown-links/resolve", {
+      method: "POST",
+      headers,
+      body: JSON.stringify({ paths: uniquePaths }),
+      cache: "no-store"
+    });
+    if (!response.ok) return resultMap;
+    const payload = await response.json();
+    if (typeof payload !== "object" || payload === null) return resultMap;
+    const rawResults = payload.results;
+    if (!Array.isArray(rawResults)) return resultMap;
+    for (const entry of rawResults) {
+      if (typeof entry !== "object" || entry === null) continue;
+      const path2 = entry.path;
+      const exists = entry.exists;
+      if (typeof path2 !== "string" || typeof exists !== "boolean") continue;
+      resultMap.set(path2, exists);
+    }
+    return resultMap;
+  } catch {
+    return resultMap;
+  }
+}
+function unwrapAnchor(anchor2) {
+  const parent = anchor2.parentNode;
+  if (parent === null) return;
+  const fragment = document.createDocumentFragment();
+  while (anchor2.firstChild) {
+    fragment.appendChild(anchor2.firstChild);
+  }
+  parent.replaceChild(fragment, anchor2);
+}
+function postprocessRenderedDomindsMarkdown(root2) {
+  if (typeof window === "undefined") return;
+  if (!("querySelectorAll" in root2)) return;
+  const anchors = root2.querySelectorAll("a");
+  const previewAnchorsByPath = /* @__PURE__ */ new Map();
+  for (const anchorNode of anchors) {
+    if (!(anchorNode instanceof HTMLAnchorElement)) continue;
+    anchorNode.setAttribute("target", "_blank");
+    const relTokens = new Set(
+      (anchorNode.getAttribute("rel") ?? "").split(/\s+/).map((part) => part.trim()).filter((part) => part.length > 0)
+    );
+    relTokens.add("noopener");
+    relTokens.add("noreferrer");
+    anchorNode.setAttribute("rel", Array.from(relTokens).join(" "));
+    const previewPath = anchorNode.getAttribute(DOMINDS_PREVIEW_PATH_ATTR);
+    const previewHref = anchorNode.getAttribute(DOMINDS_PREVIEW_HREF_ATTR);
+    const previewState = anchorNode.getAttribute(DOMINDS_PREVIEW_STATE_ATTR);
+    if (typeof previewPath !== "string" || typeof previewHref !== "string") continue;
+    if (previewState === DOMINDS_PREVIEW_STATE_READY || previewState === DOMINDS_PREVIEW_STATE_INVALID) {
+      continue;
+    }
+    anchorNode.setAttribute(DOMINDS_PREVIEW_STATE_ATTR, DOMINDS_PREVIEW_STATE_PENDING);
+    const bucket = previewAnchorsByPath.get(previewPath) ?? [];
+    bucket.push({ anchor: anchorNode, previewHref });
+    previewAnchorsByPath.set(previewPath, bucket);
+  }
+  if (previewAnchorsByPath.size < 1) return;
+  void resolveWorkspaceEntryBatch(Array.from(previewAnchorsByPath.keys())).then((results) => {
+    for (const [previewPath, anchorsForPath] of previewAnchorsByPath.entries()) {
+      const exists = results.get(previewPath) === true;
+      for (const item of anchorsForPath) {
+        if (!item.anchor.isConnected) continue;
+        if (exists) {
+          item.anchor.setAttribute("href", item.previewHref);
+          item.anchor.setAttribute(DOMINDS_PREVIEW_STATE_ATTR, DOMINDS_PREVIEW_STATE_READY);
+          continue;
+        }
+        item.anchor.setAttribute(DOMINDS_PREVIEW_STATE_ATTR, DOMINDS_PREVIEW_STATE_INVALID);
+        unwrapAnchor(item.anchor);
+      }
+    }
+  });
+}
 class DomindsMarkdownSection extends HTMLElement {
   constructor() {
     super();
@@ -99647,6 +100066,7 @@ class DomindsMarkdownSection extends HTMLElement {
         kind: "chat",
         allowRelativeWorkspaceLinks: true
       });
+      postprocessRenderedDomindsMarkdown(contentEl);
       contentEl.setAttribute("data-raw-md", this.accumulatedRawMarkdown);
     }
   }
@@ -101611,6 +102031,7 @@ class DomindsDialogContainer extends HTMLElement {
         kind: "chat",
         allowRelativeWorkspaceLinks: true
       });
+      postprocessRenderedDomindsMarkdown(bodyEl);
       bodyEl.classList.add("markdown-content");
       bodyEl.setAttribute("data-raw-md", event.tellaskContent);
       bodyEl.classList.add("completed");
@@ -101645,6 +102066,7 @@ class DomindsDialogContainer extends HTMLElement {
                   kind: "chat",
                   allowRelativeWorkspaceLinks: true
                 });
+                postprocessRenderedDomindsMarkdown(block2);
                 block2.classList.add("markdown-content");
                 block2.setAttribute("data-raw-md", raw);
                 resultEl.appendChild(block2);
@@ -101712,6 +102134,7 @@ class DomindsDialogContainer extends HTMLElement {
               kind: "chat",
               allowRelativeWorkspaceLinks: true
             });
+            postprocessRenderedDomindsMarkdown(resultEl);
             resultEl.setAttribute("data-raw-md", raw);
             resultEl.classList.add("markdown-content");
             resultEl.classList.add("completed");
@@ -101854,16 +102277,11 @@ ${event.content}`;
     } else {
       bubble.removeAttribute("data-assignment-genseq");
     }
-    const callerDialogId = typeof anchor2.callerDialogId === "string" ? anchor2.callerDialogId.trim() : "";
-    if (callerDialogId !== "") {
-      bubble.setAttribute("data-caller-dialog-id", callerDialogId);
+    if (anchor2.anchorRole === "response") {
+      bubble.setAttribute("data-caller-dialog-id", anchor2.callerDialogId);
+      bubble.setAttribute("data-caller-course", String(Math.floor(anchor2.callerCourse)));
     } else {
       bubble.removeAttribute("data-caller-dialog-id");
-    }
-    const callerCourse = typeof anchor2.callerCourse === "number" && Number.isFinite(anchor2.callerCourse) ? Math.floor(anchor2.callerCourse) : void 0;
-    if (callerCourse !== void 0) {
-      bubble.setAttribute("data-caller-course", String(callerCourse));
-    } else {
       bubble.removeAttribute("data-caller-course");
     }
     this.upsertGenerationBubbleAnchorActions(bubble);
@@ -101898,14 +102316,46 @@ ${event.content}`;
     const assignmentGenseq = this.parseOptionalPositiveInt(event.assignmentGenseq);
     const callerCourse = this.parseOptionalPositiveInt(event.callerCourse);
     const callerDialogId = typeof event.callerDialogId === "string" ? event.callerDialogId.trim() : void 0;
-    const anchorMeta = {
-      callId: rawCallId,
-      anchorRole: rawAnchorRole,
-      assignmentCourse: assignmentCourse !== void 0 ? storageExports.toAssignmentCourseNumber(assignmentCourse) : void 0,
-      assignmentGenseq: assignmentGenseq !== void 0 ? storageExports.toAssignmentGenerationSeqNumber(assignmentGenseq) : void 0,
-      callerDialogId,
-      callerCourse: callerCourse !== void 0 ? storageExports.toCallerCourseNumber(callerCourse) : void 0
-    };
+    let anchorMeta;
+    switch (rawAnchorRole) {
+      case "assignment":
+        anchorMeta = {
+          callId: rawCallId,
+          anchorRole: "assignment",
+          assignmentCourse: assignmentCourse !== void 0 ? storageExports.toAssignmentCourseNumber(assignmentCourse) : void 0,
+          assignmentGenseq: assignmentGenseq !== void 0 ? storageExports.toAssignmentGenerationSeqNumber(assignmentGenseq) : void 0
+        };
+        break;
+      case "response":
+        if (callerDialogId === void 0 || callerDialogId === "") {
+          this.handleProtocolError(
+            `tellask_call_anchor_evt missing callerDialogId for response ${JSON.stringify({
+              callId: rawCallId,
+              genseq: event.genseq
+            })}`
+          );
+          return;
+        }
+        if (callerCourse === void 0) {
+          this.handleProtocolError(
+            `tellask_call_anchor_evt missing callerCourse for response ${JSON.stringify({
+              callId: rawCallId,
+              genseq: event.genseq,
+              callerDialogId
+            })}`
+          );
+          return;
+        }
+        anchorMeta = {
+          callId: rawCallId,
+          anchorRole: "response",
+          assignmentCourse: assignmentCourse !== void 0 ? storageExports.toAssignmentCourseNumber(assignmentCourse) : void 0,
+          assignmentGenseq: assignmentGenseq !== void 0 ? storageExports.toAssignmentGenerationSeqNumber(assignmentGenseq) : void 0,
+          callerDialogId,
+          callerCourse: storageExports.toCallerCourseNumber(callerCourse)
+        };
+        break;
+    }
     const genseq = Math.floor(event.genseq);
     const messages = this.shadowRoot?.querySelector(".messages");
     const bubble = messages ? messages.querySelector(
@@ -104543,6 +104993,19 @@ class DomindsDocsPanel extends HTMLElement {
   openExternalLink(href) {
     window.open(href, "_blank", "noopener,noreferrer");
   }
+  normalizeDocBodyLinkTargets(root2) {
+    if (!("querySelectorAll" in root2)) return;
+    const anchors = root2.querySelectorAll("a");
+    for (const anchorNode of anchors) {
+      if (!(anchorNode instanceof HTMLAnchorElement)) continue;
+      const href = anchorNode.getAttribute("href");
+      if (typeof href !== "string") continue;
+      if (href.startsWith("#") || this.parseDocsLinkTarget(href) !== null) {
+        anchorNode.removeAttribute("target");
+        anchorNode.removeAttribute("rel");
+      }
+    }
+  }
   scrollToPendingAnchorIfAny() {
     if (!this.pendingScrollAnchorId) return;
     const id30 = this.pendingScrollAnchorId;
@@ -104584,6 +105047,8 @@ class DomindsDocsPanel extends HTMLElement {
         <div class="docs-body">${bodyHtml}</div>
       </div>
     `;
+    postprocessRenderedDomindsMarkdown(root2);
+    this.normalizeDocBodyLinkTargets(root2);
     root2.querySelectorAll("button.docs-tab").forEach((btn) => {
       btn.addEventListener("click", () => {
         const k2 = btn.dataset.docKey;
@@ -104612,6 +105077,14 @@ class DomindsDocsPanel extends HTMLElement {
           this.scrollToAnchorId(id30);
           return;
         }
+        if (href.startsWith("/f/") || href === "/f" || href === "/workspace" || href.startsWith("/workspace/") || href === "/rtws" || href.startsWith("/rtws/")) {
+          try {
+            const resolved = new URL(href, window.location.href);
+            this.openExternalLink(resolved.toString());
+          } catch {
+          }
+          return;
+        }
         if (this.isExternalLink(href)) {
           this.openExternalLink(href);
           return;
@@ -106171,6 +106644,7 @@ class DomindsQ4HPanel extends HTMLElement {
       <style>${style2}</style>
       ${html2}
     `;
+    postprocessRenderedDomindsMarkdown(this.shadowRoot);
     this.setupEventListeners();
     this.applySelectionUi();
   }
@@ -107895,6 +108369,7 @@ class DomindsTeamManualPanel extends HTMLElement {
         <div class="body">${bodyHtml}</div>
       </div>
     `;
+    postprocessRenderedDomindsMarkdown(root2);
     root2.querySelectorAll("button.topic").forEach((btn) => {
       btn.addEventListener("click", () => {
         const raw = btn.dataset.topic;
@@ -109013,6 +109488,15 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
       if (timeEl instanceof HTMLElement) {
         timeEl.textContent = next2.lastModified || "";
       }
+      if (targetSelf === rootId) {
+        this.reorderVisibleRoots(next2.taskDocPath);
+      } else {
+        this.reorderVisibleSubdialogs(rootId);
+        const rootDialog = this.findDialogByIds(rootId, rootId, true);
+        if (rootDialog) {
+          this.reorderVisibleRoots(rootDialog.taskDocPath);
+        }
+      }
     }
     if (patch.subdialogCount !== void 0 && targetSelf === rootId) {
       const countEl = entry.el.querySelector(".dialog-count");
@@ -109236,29 +109720,13 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
         this.visibleSubdialogCountByRoot.delete(existing);
       }
     }
-    if (this.selectedKey) {
-      const [rootId, selfId] = this.splitDialogKey(this.selectedKey);
-      if (rootId && selfId) {
-        this.selectionState = {
-          kind: "selected",
-          rootId,
-          selfId,
-          isRoot: rootId === selfId
-        };
-      }
-    }
-    if (this.selectionState.kind === "selected") {
-      const hasSelection = validated.some(
-        (dialog2) => this.isSelectedDialog(dialog2, this.selectionState)
-      );
+    const selection2 = this.selectionState;
+    if (selection2.kind === "selected") {
+      const hasSelection = validated.some((dialog2) => this.isSelectedDialog(dialog2, selection2));
       if (!hasSelection) {
         this.clearSelection();
       } else {
-        this.ensureDialogVisible(
-          this.selectionState.rootId,
-          this.selectionState.selfId,
-          this.selectionState.isRoot
-        );
+        this.ensureDialogVisible(selection2.rootId, selection2.selfId, selection2.isRoot);
       }
     }
     const t2 = getUiStrings(this.props.uiLanguage);
@@ -109269,84 +109737,7 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
       this.refreshFromDom();
       return;
     }
-    const html2 = groups.map((group) => {
-      const taskCollapsed = this.collapsedTasks.has(group.taskDocPath);
-      const taskToggle = this.renderToggleIcon(taskCollapsed);
-      const visibleRootCount = this.visibleRootCountByTask.get(group.taskDocPath) ?? _DoneDialogList.SHOW_MORE_STEP;
-      const visibleRoots = group.roots.slice(0, visibleRootCount);
-      const hiddenRootCount = Math.max(group.roots.length - visibleRoots.length, 0);
-      const rootNodes = visibleRoots.map((rootGroup) => {
-        const rootDialog = rootGroup.root;
-        const rootCollapsed = this.collapsedRoots.has(rootGroup.rootId);
-        const rootToggle = this.renderToggleIcon(rootCollapsed);
-        const rootRow = rootDialog ? this.renderRootRow(rootDialog, rootToggle, rootGroup.subdialogs.length) : `
-                <div class="dialog-item root-dialog missing" data-root-id="${rootGroup.rootId}" data-self-id="">
-                  <div class="dialog-row">
-                    <button class="toggle root-toggle" data-action="toggle-root" data-root-id="${rootGroup.rootId}" type="button" aria-label="${this.formatToggleAriaLabel(rootCollapsed)}">${rootToggle}</button>
-                    <span class="dialog-title">${t2.missingRoot}</span>
-                    <span class="dialog-meta-right">
-                      <span class="dialog-count">${rootGroup.subdialogs.length}</span>
-                      <span class="dialog-id">${rootGroup.rootId}</span>
-                    </span>
-                  </div>
-                </div>
-              `;
-        const visibleSubdialogCount = this.visibleSubdialogCountByRoot.get(rootGroup.rootId) ?? _DoneDialogList.SHOW_MORE_STEP;
-        const visibleSubdialogs = rootGroup.subdialogs.slice(0, visibleSubdialogCount);
-        const hiddenSubdialogCount = Math.max(
-          rootGroup.subdialogs.length - visibleSubdialogs.length,
-          0
-        );
-        const subNodes = visibleSubdialogs.map((subdialog) => this.renderDialogRow(subdialog)).join("");
-        const subShowMore = hiddenSubdialogCount > 0 ? this.renderShowMoreButton({
-          action: "show-more-subdialogs",
-          rootId: rootGroup.rootId,
-          hiddenCount: hiddenSubdialogCount
-        }) : "";
-        const subCollapsed = taskCollapsed || rootCollapsed;
-        return `
-              <div class="rdlg-node" data-rdlg-root-id="${rootGroup.rootId}">
-                ${rootRow}
-                <div class="sdlg-children ${subCollapsed ? "collapsed" : ""}">
-                  ${subNodes}
-                  ${subShowMore}
-                </div>
-              </div>
-            `;
-      }).join("");
-      const rootShowMore = hiddenRootCount > 0 ? this.renderShowMoreButton({
-        action: "show-more-roots",
-        taskDocPath: group.taskDocPath,
-        hiddenCount: hiddenRootCount
-      }) : "";
-      return `
-          <div class="task-group task-node">
-            <div class="task-title" data-task-path="${group.taskDocPath}">
-              <div class="task-title-left">
-                <button class="toggle task-toggle" data-action="toggle-task" data-task-path="${group.taskDocPath}" type="button" aria-label="${this.formatToggleAriaLabel(taskCollapsed)}">${taskToggle}</button>
-                <span>${group.taskDocPath}</span>
-              </div>
-              <div class="task-title-right">
-                <button class="action icon-button" data-action="task-create-dialog" data-task-path="${group.taskDocPath}" type="button" title="${t2.createNewDialogTitle}" aria-label="${t2.createNewDialogTitle}">
-                  ${this.renderCreateIcon()}
-                </button>
-                <button class="action icon-button" data-action="task-revive" data-task-path="${group.taskDocPath}" type="button" title="${t2.dialogActionReviveAll}" aria-label="${t2.dialogActionReviveAll}">
-                  ${this.renderReviveIcon()}
-                </button>
-                <button class="action icon-button" data-action="task-archive" data-task-path="${group.taskDocPath}" type="button" title="${t2.dialogActionArchiveAll}" aria-label="${t2.dialogActionArchiveAll}">
-                  ${this.renderArchiveIcon()}
-                </button>
-                <span class="dialog-count">${group.roots.length}</span>
-              </div>
-            </div>
-            <div class="task-rows ${taskCollapsed ? "collapsed" : ""}">
-              ${rootNodes}
-              ${rootShowMore}
-            </div>
-          </div>
-        `;
-    }).join("");
-    this.listEl.innerHTML = html2;
+    this.reconcileTaskGroups(groups);
     this.refreshFromDom();
   }
   renderLoading() {
@@ -109360,6 +109751,216 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
   encodeDialogDataset(dialog2) {
     return encodeURIComponent(JSON.stringify(dialog2));
   }
+  createElementFromHtml(html2) {
+    const template = document.createElement("template");
+    template.innerHTML = html2.trim();
+    const first = template.content.firstElementChild;
+    if (!(first instanceof HTMLElement)) {
+      throw new Error("Expected HTML template to produce a single HTMLElement.");
+    }
+    return first;
+  }
+  syncElement(target, next2) {
+    if (target.outerHTML === next2.outerHTML) return;
+    for (const name of target.getAttributeNames()) {
+      if (!next2.hasAttribute(name)) {
+        target.removeAttribute(name);
+      }
+    }
+    for (const name of next2.getAttributeNames()) {
+      const value = next2.getAttribute(name);
+      if (value === null) continue;
+      if (target.getAttribute(name) !== value) {
+        target.setAttribute(name, value);
+      }
+    }
+    if (target.innerHTML !== next2.innerHTML) {
+      target.innerHTML = next2.innerHTML;
+    }
+  }
+  renderTaskTitleRow(group, taskCollapsed) {
+    const t2 = getUiStrings(this.props.uiLanguage);
+    const taskToggle = this.renderToggleIcon(taskCollapsed);
+    return `
+      <div class="task-title" data-task-path="${group.taskDocPath}">
+        <div class="task-title-left">
+          <button class="toggle task-toggle" data-action="toggle-task" data-task-path="${group.taskDocPath}" type="button" aria-label="${this.formatToggleAriaLabel(taskCollapsed)}">${taskToggle}</button>
+          <span>${group.taskDocPath}</span>
+        </div>
+        <div class="task-title-right">
+          <button class="action icon-button" data-action="task-create-dialog" data-task-path="${group.taskDocPath}" type="button" title="${t2.createNewDialogTitle}" aria-label="${t2.createNewDialogTitle}">
+            ${this.renderCreateIcon()}
+          </button>
+          <button class="action icon-button" data-action="task-revive" data-task-path="${group.taskDocPath}" type="button" title="${t2.dialogActionReviveAll}" aria-label="${t2.dialogActionReviveAll}">
+            ${this.renderReviveIcon()}
+          </button>
+          <button class="action icon-button" data-action="task-archive" data-task-path="${group.taskDocPath}" type="button" title="${t2.dialogActionArchiveAll}" aria-label="${t2.dialogActionArchiveAll}">
+            ${this.renderArchiveIcon()}
+          </button>
+          <span class="dialog-count">${group.roots.length}</span>
+        </div>
+      </div>
+    `;
+  }
+  renderMissingRootRow(rootGroup, rootCollapsed) {
+    const t2 = getUiStrings(this.props.uiLanguage);
+    const rootToggle = this.renderToggleIcon(rootCollapsed);
+    return `
+      <div class="dialog-item root-dialog missing" data-root-id="${rootGroup.rootId}" data-self-id="">
+        <div class="dialog-row">
+          <button class="toggle root-toggle" data-action="toggle-root" data-root-id="${rootGroup.rootId}" type="button" aria-label="${this.formatToggleAriaLabel(rootCollapsed)}">${rootToggle}</button>
+          <span class="dialog-title">${t2.missingRoot}</span>
+          <span class="dialog-meta-right">
+            <span class="dialog-count">${rootGroup.subdialogs.length}</span>
+            <span class="dialog-id">${rootGroup.rootId}</span>
+          </span>
+        </div>
+      </div>
+    `;
+  }
+  reconcileShowMoreRow(container, html2) {
+    const existing = container.querySelector(":scope > .show-more-row");
+    if (html2 === null) {
+      existing?.remove();
+      return;
+    }
+    const next2 = this.createElementFromHtml(html2);
+    if (existing) {
+      this.syncElement(existing, next2);
+      container.appendChild(existing);
+      return;
+    }
+    container.appendChild(next2);
+  }
+  reconcileSubdialogRows(rootChildren, rootGroup) {
+    const existingRows = /* @__PURE__ */ new Map();
+    rootChildren.querySelectorAll(":scope > .dialog-item.sub-dialog[data-dialog-key]").forEach((row) => {
+      const key = (row.getAttribute("data-dialog-key") ?? "").trim();
+      if (key !== "") {
+        existingRows.set(key, row);
+      }
+    });
+    const visibleSubdialogCount = this.visibleSubdialogCountByRoot.get(rootGroup.rootId) ?? _DoneDialogList.SHOW_MORE_STEP;
+    const visibleSubdialogs = rootGroup.subdialogs.slice(0, visibleSubdialogCount);
+    const hiddenSubdialogCount = Math.max(
+      rootGroup.subdialogs.length - visibleSubdialogs.length,
+      0
+    );
+    for (const subdialog of visibleSubdialogs) {
+      const key = this.getDialogKey(subdialog);
+      const next2 = this.createElementFromHtml(this.renderDialogRow(subdialog));
+      const existing = existingRows.get(key);
+      if (existing) {
+        this.syncElement(existing, next2);
+        rootChildren.appendChild(existing);
+        existingRows.delete(key);
+      } else {
+        rootChildren.appendChild(next2);
+      }
+    }
+    for (const stale of existingRows.values()) {
+      stale.remove();
+    }
+    const showMoreHtml = hiddenSubdialogCount > 0 ? this.renderShowMoreButton({
+      action: "show-more-subdialogs",
+      rootId: rootGroup.rootId,
+      hiddenCount: hiddenSubdialogCount
+    }) : null;
+    this.reconcileShowMoreRow(rootChildren, showMoreHtml);
+  }
+  reconcileRootNode(rootNode, rootGroup, taskCollapsed) {
+    rootNode.setAttribute("data-rdlg-root-id", rootGroup.rootId);
+    const rootCollapsed = this.collapsedRoots.has(rootGroup.rootId);
+    const rootRowHtml = rootGroup.root ? this.renderRootRow(
+      rootGroup.root,
+      this.renderToggleIcon(rootCollapsed),
+      rootGroup.subdialogs.length
+    ) : this.renderMissingRootRow(rootGroup, rootCollapsed);
+    const existingRootRow = rootNode.querySelector(
+      ":scope > .dialog-item.root-dialog"
+    );
+    if (existingRootRow) {
+      this.syncElement(existingRootRow, this.createElementFromHtml(rootRowHtml));
+      if (rootNode.firstElementChild !== existingRootRow) {
+        rootNode.insertBefore(existingRootRow, rootNode.firstElementChild);
+      }
+    } else {
+      rootNode.insertBefore(this.createElementFromHtml(rootRowHtml), rootNode.firstElementChild);
+    }
+    let rootChildren = rootNode.querySelector(":scope > .sdlg-children");
+    if (!rootChildren) {
+      rootChildren = this.createElementFromHtml('<div class="sdlg-children"></div>');
+      rootNode.appendChild(rootChildren);
+    }
+    rootChildren.classList.toggle("collapsed", taskCollapsed || rootCollapsed);
+    this.reconcileSubdialogRows(rootChildren, rootGroup);
+  }
+  reconcileRootNodes(taskRows, group, taskCollapsed) {
+    const existingRoots = /* @__PURE__ */ new Map();
+    taskRows.querySelectorAll(":scope > .rdlg-node[data-rdlg-root-id]").forEach((node2) => {
+      const rootId = (node2.getAttribute("data-rdlg-root-id") ?? "").trim();
+      if (rootId !== "") {
+        existingRoots.set(rootId, node2);
+      }
+    });
+    const visibleRootCount = this.visibleRootCountByTask.get(group.taskDocPath) ?? _DoneDialogList.SHOW_MORE_STEP;
+    const visibleRoots = group.roots.slice(0, visibleRootCount);
+    const hiddenRootCount = Math.max(group.roots.length - visibleRoots.length, 0);
+    for (const rootGroup of visibleRoots) {
+      const existing = existingRoots.get(rootGroup.rootId);
+      const rootNode = existing ?? this.createElementFromHtml(
+        `<div class="rdlg-node" data-rdlg-root-id="${rootGroup.rootId}"></div>`
+      );
+      this.reconcileRootNode(rootNode, rootGroup, taskCollapsed);
+      taskRows.appendChild(rootNode);
+      existingRoots.delete(rootGroup.rootId);
+    }
+    for (const stale of existingRoots.values()) {
+      stale.remove();
+    }
+    const showMoreHtml = hiddenRootCount > 0 ? this.renderShowMoreButton({
+      action: "show-more-roots",
+      taskDocPath: group.taskDocPath,
+      hiddenCount: hiddenRootCount
+    }) : null;
+    this.reconcileShowMoreRow(taskRows, showMoreHtml);
+  }
+  reconcileTaskGroups(groups) {
+    if (!this.listEl) return;
+    this.listEl.querySelectorAll(":scope > .empty").forEach((node2) => node2.remove());
+    const existingGroups = /* @__PURE__ */ new Map();
+    this.listEl.querySelectorAll(":scope > .task-group.task-node").forEach((groupEl) => {
+      const taskPath = (groupEl.querySelector(":scope > .task-title")?.getAttribute("data-task-path") ?? "").trim();
+      if (taskPath !== "") {
+        existingGroups.set(taskPath, groupEl);
+      }
+    });
+    for (const group of groups) {
+      const taskCollapsed = this.collapsedTasks.has(group.taskDocPath);
+      const taskGroup = existingGroups.get(group.taskDocPath) ?? this.createElementFromHtml(
+        '<div class="task-group task-node"><div class="task-title"></div><div class="task-rows"></div></div>'
+      );
+      const nextTitle = this.createElementFromHtml(this.renderTaskTitleRow(group, taskCollapsed));
+      const currentTitle = taskGroup.querySelector(":scope > .task-title");
+      if (currentTitle) {
+        this.syncElement(currentTitle, nextTitle);
+      } else {
+        taskGroup.insertBefore(nextTitle, taskGroup.firstElementChild);
+      }
+      let taskRows = taskGroup.querySelector(":scope > .task-rows");
+      if (!taskRows) {
+        taskRows = this.createElementFromHtml('<div class="task-rows"></div>');
+        taskGroup.appendChild(taskRows);
+      }
+      taskRows.classList.toggle("collapsed", taskCollapsed);
+      this.reconcileRootNodes(taskRows, group, taskCollapsed);
+      this.listEl.appendChild(taskGroup);
+      existingGroups.delete(group.taskDocPath);
+    }
+    for (const stale of existingGroups.values()) {
+      stale.remove();
+    }
+  }
   decodeDialogDataset(el) {
     const raw = el.dataset.dialogJson;
     if (!raw) return null;
@@ -109400,6 +110001,90 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
       this.clearSelection();
     }
   }
+  getDialogUpdatedAtMsFromElement(el) {
+    const dialog2 = this.decodeDialogDataset(el);
+    if (!dialog2) return 0;
+    return this.parseTimestamp(dialog2.lastModified);
+  }
+  reorderVisibleSubdialogs(rootId) {
+    if (!this.listEl) return;
+    const rootChildren = this.listEl.querySelector(
+      `.rdlg-node[data-rdlg-root-id="${this.escapeSelector(rootId)}"] > .sdlg-children`
+    );
+    if (!(rootChildren instanceof HTMLElement)) return;
+    const subRows = Array.from(
+      rootChildren.querySelectorAll(":scope > .dialog-item.sub-dialog")
+    );
+    if (subRows.length <= 1) return;
+    subRows.sort((a2, b2) => {
+      const delta = this.getDialogUpdatedAtMsFromElement(b2) - this.getDialogUpdatedAtMsFromElement(a2);
+      if (delta !== 0) return delta;
+      const aSelf = a2.getAttribute("data-self-id") ?? "";
+      const bSelf = b2.getAttribute("data-self-id") ?? "";
+      return aSelf.localeCompare(bSelf);
+    });
+    const anchor2 = rootChildren.querySelector(":scope > .show-more-row");
+    for (const row of subRows) {
+      rootChildren.insertBefore(row, anchor2);
+    }
+  }
+  reorderVisibleRoots(taskDocPath) {
+    if (!this.listEl) return;
+    const taskTitle = this.listEl.querySelector(
+      `.task-title[data-task-path="${this.escapeSelector(taskDocPath)}"]`
+    );
+    const taskGroup = taskTitle?.closest(".task-group");
+    if (!(taskGroup instanceof HTMLElement)) return;
+    const taskRows = taskGroup.querySelector(".task-rows");
+    if (!(taskRows instanceof HTMLElement)) return;
+    const rootNodes = Array.from(taskRows.querySelectorAll(":scope > .rdlg-node"));
+    if (rootNodes.length <= 1) return;
+    rootNodes.sort((a2, b2) => {
+      const aRoot = a2.querySelector(":scope > .dialog-item.root-dialog");
+      const bRoot = b2.querySelector(":scope > .dialog-item.root-dialog");
+      const delta = (bRoot ? this.getDialogUpdatedAtMsFromElement(bRoot) : 0) - (aRoot ? this.getDialogUpdatedAtMsFromElement(aRoot) : 0);
+      if (delta !== 0) return delta;
+      const aRootId = (a2.getAttribute("data-rdlg-root-id") ?? "").trim();
+      const bRootId = (b2.getAttribute("data-rdlg-root-id") ?? "").trim();
+      return aRootId.localeCompare(bRootId);
+    });
+    const anchor2 = taskRows.querySelector(":scope > .show-more-row");
+    for (const node2 of rootNodes) {
+      taskRows.insertBefore(node2, anchor2);
+    }
+    this.reorderTaskGroups();
+  }
+  reorderTaskGroups() {
+    if (!this.listEl) return;
+    const groups = Array.from(
+      this.listEl.querySelectorAll(":scope > .task-group.task-node")
+    );
+    if (groups.length <= 1) return;
+    groups.sort((a2, b2) => {
+      const aTs = this.getTaskMaxUpdatedAtMs(a2);
+      const bTs = this.getTaskMaxUpdatedAtMs(b2);
+      const delta = bTs - aTs;
+      if (delta !== 0) return delta;
+      const aPath = (a2.querySelector(".task-title")?.getAttribute("data-task-path") ?? "").trim();
+      const bPath = (b2.querySelector(".task-title")?.getAttribute("data-task-path") ?? "").trim();
+      return aPath.localeCompare(bPath);
+    });
+    for (const group of groups) {
+      this.listEl.appendChild(group);
+    }
+    this.refreshFromDom();
+  }
+  getTaskMaxUpdatedAtMs(taskGroup) {
+    let max2 = 0;
+    const roots = taskGroup.querySelectorAll(
+      ".dialog-item.root-dialog[data-dialog-json]"
+    );
+    roots.forEach((row) => {
+      const ts = this.getDialogUpdatedAtMsFromElement(row);
+      if (ts > max2) max2 = ts;
+    });
+    return max2;
+  }
   clearSelection() {
     if (this.listEl) {
       const selected = this.listEl.querySelector(".dialog-item.selected");
@@ -109600,6 +110285,16 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
         this.updateToggleButtonUi(rootToggle, false);
       }
     }
+    if (!this.requestedSubdialogRoots.has(dialog2.rootId) && !this.hasSubdialogsLoaded(dialog2.rootId)) {
+      this.requestedSubdialogRoots.add(dialog2.rootId);
+      this.dispatchEvent(
+        new CustomEvent("dialog-expand", {
+          detail: { rootId: dialog2.rootId, status: "completed" },
+          bubbles: true,
+          composed: true
+        })
+      );
+    }
   }
   findDialogByIds(rootId, selfId, isRoot) {
     const targetSelf = isRoot ? rootId : selfId;
@@ -109896,7 +110591,12 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
         flex-direction: column;
         gap: 3px;
         padding: 2px 8px;
+        margin: 0;
         cursor: pointer;
+        border-right: 3px solid transparent;
+        border-radius: 0;
+        position: relative;
+        box-sizing: border-box;
       }
 
       .root-dialog {
@@ -109927,7 +110627,17 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
       }
 
       .dialog-item.selected {
-        background: color-mix(in srgb, var(--dominds-primary, #007acc) 12%, transparent);
+        background: color-mix(in srgb, var(--dominds-primary, #007acc) 13%, transparent);
+        margin: 2px 0;
+        border-radius: 10px 0 0 10px;
+        box-shadow:
+          inset 1px 0 0 color-mix(in srgb, white 55%, transparent),
+          inset 0 1px 0 color-mix(in srgb, white 55%, transparent),
+          inset 0 -1px 0 color-mix(in srgb, white 55%, transparent),
+          inset 2px 0 0 color-mix(in srgb, var(--dominds-primary, #007acc) 72%, transparent),
+          inset 0 2px 0 color-mix(in srgb, var(--dominds-primary, #007acc) 72%, transparent),
+          inset 0 -2px 0 color-mix(in srgb, var(--dominds-primary, #007acc) 72%, transparent);
+        z-index: var(--dominds-z-local-raised, 1);
       }
 
       .toggle {
@@ -110047,17 +110757,15 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
         display: inline-flex;
         align-items: center;
         gap: 6px;
+        font-weight: 500;
         flex: none;
         white-space: nowrap;
       }
 
       .dialog-count {
         font-size: var(--dominds-font-size-xs, 11px);
-        padding: 2px 6px;
-        border-radius: 999px;
-        background: var(--dominds-border, #e0e0e0);
         color: var(--dominds-muted, #666666);
-        flex: none;
+        letter-spacing: 0.02em;
       }
 
       .dialog-submeta {
@@ -110096,7 +110804,8 @@ const _DoneDialogList = class _DoneDialogList extends HTMLElement {
 
       .dialog-topic {
         font-size: var(--dominds-font-size-xs, 11px);
-        color: var(--dominds-muted, #888888);
+        color: var(--dominds-muted, #666666);
+        letter-spacing: 0.02em;
       }
 
       .empty {
@@ -123343,4 +124052,4 @@ export {
   purify as y,
   clear$2 as z
 };
-//# sourceMappingURL=index-D-SgXZTb.js.map
+//# sourceMappingURL=index-CCGi5dDE.js.map