@aparte/core 0.23.0 → 0.24.0

package/dist/{dialog-triggers-3G9TqG9g.js → dialog-triggers-BqXRdHWZ.js}

@@ -173,6 +173,8 @@ const APARTE_DEFAULT_LOCALE = {
   archiveConversation: "Archive",
   unarchiveConversation: "Unarchive",
   conversationActions: "Conversation actions",
+  conversationRunning: "Answering",
+  conversationWaiting: "Waiting for you",
   renameConversation: "Rename",
   conversationTitle: "Conversation title",
   pinConversation: "Pin",
@@ -1102,12 +1104,20 @@ function createStreamAdapter(opts) {
   };
   let thinkingContent = "";
   let thinkingCollapsed = false;
+  const settleThinking = (fold) => {
+    if (!thinkingId || thinkingCollapsed) return;
+    const chatConfig = typeof Element !== "undefined" && target instanceof Element ? resolveConfig(target) : config;
+    const keepOpen = !fold || chatConfig.getSegmentDefaults("thinking")?.collapsed === false;
+    target.updateSegment?.(thinkingId, keepOpen ? { isStreaming: false } : { collapsed: true, isStreaming: false });
+    thinkingCollapsed = true;
+  };
   return (e) => {
     switch (e.type) {
       case "run-start":
         target.updateMessage?.(messageId, { status: "streaming" });
         break;
       case "turn-start":
+        settleThinking(false);
         parser = new AparteStreamParser({ blocks: config.getStreamBlocks() });
         streaming = /* @__PURE__ */ new Set();
         thinkingId = null;
@@ -1120,7 +1130,8 @@ function createStreamAdapter(opts) {
           const seg = {
             id: `think-${uuid()}`,
             type: "thinking",
-            content: thinkingContent
+            content: thinkingContent,
+            isStreaming: true
           };
           thinkingId = seg.id;
           streaming.add(seg.id);
@@ -1131,12 +1142,7 @@ function createStreamAdapter(opts) {
         break;
       }
       case "text-delta": {
-        if (thinkingId && !thinkingCollapsed) {
-          const chatConfig = typeof Element !== "undefined" && target instanceof Element ? resolveConfig(target) : config;
-          const keepOpen = chatConfig.getSegmentDefaults("thinking")?.collapsed === false;
-          target.updateSegment?.(thinkingId, keepOpen ? { isStreaming: false } : { collapsed: true, isStreaming: false });
-          thinkingCollapsed = true;
-        }
+        settleThinking(true);
         const result = parser.parse(e.delta);
         for (const segment of result.segments) {
           if (!streaming.has(segment.id)) {
@@ -1166,6 +1172,7 @@ function createStreamAdapter(opts) {
         break;
       }
       case "tool-start": {
+        settleThinking(false);
         const toolSeg = {
           id: `tool-${e.toolCallId}`,
           type: "tool_call",
@@ -1890,6 +1897,12 @@ class ToolTable {
     }
     return this.any !== void 0 ? { value: this.any, level: "any" } : void 0;
   }
+  /** Every value registered, whatever its matcher. */
+  values() {
+    const out = [...this.exact.values(), ...[...this.patterns.values()].map((p) => p.value)];
+    if (this.any !== void 0) out.push(this.any);
+    return out;
+  }
   clear() {
     this.exact.clear();
     this.patterns.clear();
@@ -1915,6 +1928,7 @@ function renderingVersionOf(cfg) {
 function bumpRenderingVersion(cfg) {
   renderingVersions.set(cfg, renderingVersionOf(cfg) + 1);
 }
+const ELEMENT_SHAPING = ["hidden", "open", "details", "quiet"];
 function drawingOf(provider, name) {
   if (!provider || !(name in provider) || name in Object.prototype) return void 0;
   const fn = provider[name];
@@ -2943,21 +2957,35 @@ class AparteConfig {
    * @example
    * // A consumer chat: the reply is what matters; the calls stay in the history.
    * aparteGlobalConfig.registerToolDisplay('*', { hidden: true });
+   *
+   * @example
+   * // The line, and no raw JSON behind it: nothing, or a detail of the app's own.
+   * aparteGlobalConfig.registerToolDisplay('read_file', { label: 'Reading a file', details: false });
+   * aparteGlobalConfig.registerToolDisplay('web_search', {
+   *     label: 'Searched the web',
+   *     details: (segment) => sourcesList(segment.result),
+   * });
    */
   registerToolDisplay(match, display) {
     const before = this._toolDisplays.get(match);
     const next = { ...before, ...display };
     this._toolDisplays.set(match, next);
-    if (before?.hidden !== next.hidden || before?.open !== next.open) bumpRenderingVersion(this);
+    const shapes = ELEMENT_SHAPING.some((field) => before?.[field] !== next[field]) || before === void 0 && this._anotherShapes(next);
+    if (shapes) bumpRenderingVersion(this);
     this._notify();
   }
   /** Forget the display registered under this matcher. */
   unregisterToolDisplay(match) {
     const before = this._toolDisplays.get(match);
     this._toolDisplays.delete(match);
-    if (before?.hidden !== void 0 || before?.open !== void 0) bumpRenderingVersion(this);
+    const shapes = ELEMENT_SHAPING.some((field) => before?.[field] !== void 0) || before !== void 0 && this._anotherShapes(before);
+    if (shapes) bumpRenderingVersion(this);
     this._notify();
   }
+  /** Whether an entry other than `own` sets a field that shapes a row. */
+  _anotherShapes(own) {
+    return this._toolDisplays.values().some((entry) => entry !== own && ELEMENT_SHAPING.some((field) => entry[field] !== void 0));
+  }
   /** How a tool named `toolName` is shown — the entry that applies to it — or undefined. */
   getToolDisplay(toolName) {
     return this._toolDisplays.resolve(toolName)?.value;
@@ -3406,10 +3434,12 @@ function labelOf(segment) {
   if (ms === void 0) return cfg.t("thought");
   return cfg.t("thoughtFor").replace("{duration}", () => formatDuration(ms, cfg.getLocale().tag || void 0));
 }
+const arriving = (segment) => segment.isStreaming === true;
 function setLabel(el2, segment) {
   const text = labelOf(segment);
   const label = el2.querySelector(".aparte-thinking-label");
   if (label && label.textContent !== text) label.textContent = text;
+  label?.classList.toggle("aparte-shimmer", arriving(segment));
   el2.querySelector(".aparte-thinking-content")?.setAttribute("aria-label", text);
 }
 const thinkingRenderer = {
@@ -3442,7 +3472,7 @@ const thinkingRenderer = {
    * only part that is genuinely about reasoning rather than about disclosure.
    * `.aparte-thinking-label` stays too: `relabel` below queries it.
    */
-  render: (segment) => `<details class="aparte-segment aparte-segment-thinking aparte-accordion__item" data-segment-id="${escapeHtml(segment.id)}" ${segment.collapsed === false ? "open" : ""}><summary class="aparte-accordion__header aparte-thinking-header"><span class="aparte-thinking-label">${escapeHtml(labelOf(segment))}</span><span class="aparte-accordion__icon">${contextConfig().getIcon("expand")}</span></summary><div class="aparte-accordion__panel aparte-thinking-content" role="region" tabindex="0" aria-label="${escapeAttr(labelOf(segment))}">${contextConfig().renderMarkdown(segment.content)}</div></details>`,
+  render: (segment) => `<details class="aparte-segment aparte-segment-thinking aparte-accordion__item" data-segment-id="${escapeHtml(segment.id)}" ${segment.collapsed === false ? "open" : ""}><summary class="aparte-accordion__header aparte-thinking-header"><span class="aparte-thinking-label${escapeAttr(arriving(segment) ? " aparte-shimmer" : "")}">${escapeHtml(labelOf(segment))}</span><span class="aparte-accordion__icon">${contextConfig().getIcon("expand")}</span></summary><div class="aparte-accordion__panel aparte-thinking-content" role="region" tabindex="0" aria-label="${escapeAttr(labelOf(segment))}">${contextConfig().renderMarkdown(segment.content)}</div></details>`,
   /**
    * The default label is the only config-derived text here — and `segment.label`
    * still wins, exactly as in `render`, because that string is the app's.
@@ -3742,6 +3772,72 @@ function outcomeOf(segment) {
   if (segment.status === "rejected" && segment.refusal) return null;
   return { key: "toolOutput", text };
 }
+function behindOf(segment) {
+  const details = contextConfig().getToolDisplay(segment.toolCall?.name ?? "")?.details;
+  if (details === false) return { kind: "none" };
+  if (typeof details !== "function") return { kind: "parts" };
+  try {
+    const out = details(segment);
+    if (!out) return { kind: "none" };
+    return { kind: "body", body: typeof out === "string" ? contextConfig().sanitizeHtml(out) : out };
+  } catch {
+    return { kind: "none" };
+  }
+}
+const appDetailOf = (element) => element.querySelector(':scope > .aparte-tool-detail[data-details="app"]');
+function setBody(element, body) {
+  const detail = element.querySelector(".aparte-tool-detail");
+  if (!detail) return;
+  if (typeof body === "string") detail.innerHTML = body;
+  else detail.replaceChildren(body);
+  drawnBodies.set(detail, serialized(body));
+}
+const drawnBodies = /* @__PURE__ */ new WeakMap();
+const serialized = (body) => typeof body === "string" ? body : body.outerHTML;
+function relabelBody(detail, body) {
+  if (typeof body !== "string" && detail.contains(body)) {
+    drawnBodies.set(detail, body.outerHTML);
+    return;
+  }
+  const before = drawnBodies.get(detail);
+  const now = serialized(body);
+  if (before === now) return;
+  const next = document.createElement("div");
+  if (typeof body === "string") next.innerHTML = body;
+  else next.append(body);
+  const prev = document.createElement("div");
+  if (before !== void 0) prev.innerHTML = before;
+  if (before !== void 0 && sameShape(prev, next) && sameShape(prev, detail)) patchChanges(detail, prev, next);
+  else detail.replaceChildren(...Array.from(next.childNodes));
+  drawnBodies.set(detail, now);
+}
+function sameShape(a, b) {
+  if (a.childNodes.length !== b.childNodes.length) return false;
+  for (let i = 0; i < a.childNodes.length; i++) {
+    const x = a.childNodes[i];
+    const y = b.childNodes[i];
+    if (x.nodeType !== y.nodeType || x.nodeName !== y.nodeName || !sameShape(x, y)) return false;
+  }
+  return true;
+}
+function patchChanges(live, prev, next) {
+  for (let i = 0; i < live.childNodes.length; i++) {
+    const l = live.childNodes[i];
+    const p = prev.childNodes[i];
+    const n = next.childNodes[i];
+    if (l instanceof Element && p instanceof Element && n instanceof Element) {
+      for (const { name, value } of Array.from(n.attributes)) {
+        if (p.getAttribute(name) !== value) l.setAttribute(name, value);
+      }
+      for (const { name } of Array.from(p.attributes)) {
+        if (!n.hasAttribute(name)) l.removeAttribute(name);
+      }
+      patchChanges(l, p, n);
+    } else if (p.nodeValue !== n.nodeValue) {
+      l.nodeValue = n.nodeValue;
+    }
+  }
+}
 function setNote(element, segment) {
   const el2 = element.querySelector(".aparte-tool-note");
   if (!el2) return;
@@ -3848,6 +3944,23 @@ function iconOf(segment) {
   const key = cfg.getToolDisplay(segment.toolCall?.name ?? "")?.icon;
   return (key ? cfg.getIcon(key) : void 0) || cfg.getIcon("tool");
 }
+const isQuiet = (segment) => contextConfig().getToolDisplay(segment.toolCall?.name ?? "")?.quiet === true;
+function quietOf(segment) {
+  const status = segment.status ?? "pending";
+  const quiet = isQuiet(segment);
+  return {
+    shimmer: quiet && status === "pending",
+    spinner: !quiet && status === "pending",
+    stateHidden: quiet && (status === "pending" || status === "resolved")
+  };
+}
+function setQuiet(element, segment) {
+  const quiet = quietOf(segment);
+  element.toggleAttribute("data-quiet", isQuiet(segment));
+  element.querySelector(".aparte-tool-spinner")?.toggleAttribute("hidden", !quiet.spinner);
+  element.querySelector(".aparte-tool-name")?.classList.toggle("aparte-shimmer", quiet.shimmer);
+  element.querySelector(".aparte-tool-state")?.classList.toggle("aparte-sr-only", quiet.stateHidden);
+}
 function setName(element, segment) {
   const el2 = element.querySelector(".aparte-tool-name");
   if (!el2) return;
@@ -3855,68 +3968,85 @@ function setName(element, segment) {
   if (el2.textContent !== text) el2.textContent = text;
   el2.classList.toggle("aparte-tool-name--label", isLabel);
 }
-function pillMarkup(segment, status) {
+function pillMarkup(segment) {
   const badge = stateBadge(segment);
   const icon = iconOf(segment);
   const target = toolTarget(segment);
   const note = noteOf(segment);
   const name = nameOf(segment);
+  const quiet = quietOf(segment);
   return `
                 <span class="aparte-tool-label">
                     <span class="aparte-tool-icon">${icon}</span>
-                    <span class="aparte-tool-name${name.isLabel ? " aparte-tool-name--label" : ""}">${escapeHtml(name.text)}</span>
+                    <span class="aparte-tool-name${name.isLabel ? " aparte-tool-name--label" : ""}${quiet.shimmer ? " aparte-shimmer" : ""}">${escapeHtml(name.text)}</span>
                     <span class="aparte-tool-target"${target ? "" : " hidden"}>${escapeHtml(target)}</span>
                 </span>
-                <span class="aparte-spinner aparte-tool-spinner" aria-hidden="true"${status === "pending" ? "" : " hidden"}></span>
-                <span class="aparte-tool-state">${badge}</span>
+                <span class="aparte-spinner aparte-tool-spinner" aria-hidden="true"${quiet.spinner ? "" : " hidden"}></span>
+                <span class="aparte-tool-state${quiet.stateHidden ? " aparte-sr-only" : ""}">${badge}</span>
                 <span class="aparte-tool-note"${note ? ` title="${escapeAttr(note)}"` : " hidden"}>${escapeHtml(note)}</span>`;
 }
 function placeholderMarkup(segment) {
   return `<div class="aparte-segment aparte-segment-tool-call" data-segment-id="${escapeHtml(segment.id)}" data-status="${escapeAttr(segment.status ?? "pending")}" data-tool-call-id="${escapeAttr(segment.toolCall?.id ?? "")}" data-tool-name="${escapeAttr(segment.toolCall?.name ?? "tool")}" hidden></div>`;
 }
 const isPlaceholder = (element) => element.hidden && element.classList.contains("aparte-segment-tool-call") && element.childElementCount === 0;
+function drawDefault(segment, behind) {
+  const name = segment.toolCall?.name ?? "tool";
+  const status = segment.status ?? "pending";
+  const toolCallId = segment.toolCall?.id ?? "";
+  const pill = pillMarkup(segment);
+  const quiet = isQuiet(segment) ? " data-quiet" : "";
+  const toggle = contextConfig().getIcon("expand");
+  const input = behind.kind === "parts" ? describeInput(segment) : "";
+  const outcome = behind.kind === "parts" ? outcomeOf(segment) : null;
+  if (behind.kind === "none" || behind.kind === "parts" && !input && !outcome) {
+    return `
+        <div class="aparte-segment aparte-segment-tool-call" data-segment-id="${escapeHtml(segment.id)}" data-status="${escapeAttr(status)}" data-tool-call-id="${escapeAttr(toolCallId)}" data-tool-name="${escapeAttr(name)}"${quiet}><div class="aparte-tool-line">${pill}</div>
+        </div>
+    `;
+  }
+  const cfg = contextConfig();
+  const copy = copyButtonMarkup("aparte-tool-copy");
+  const open = segment.collapsed !== void 0 ? !segment.collapsed : cfg.getToolDisplay(name)?.open === true;
+  if (behind.kind === "body") {
+    const tpl = document.createElement("template");
+    tpl.innerHTML = `
+        <details class="aparte-segment aparte-segment-tool-call" data-segment-id="${escapeHtml(segment.id)}" data-status="${escapeAttr(status)}" data-tool-call-id="${escapeAttr(toolCallId)}" data-tool-name="${escapeAttr(name)}"${quiet}${open ? " open" : ""}>
+            <summary class="aparte-tool-summary"><span class="aparte-tool-toggle">${toggle}</span>${pill}</summary>
+            <div class="aparte-tool-detail" data-details="app"></div>
+        </details>`.trim();
+    const row = tpl.content.firstElementChild;
+    setBody(row, behind.body);
+    return row;
+  }
+  return `
+        <details class="aparte-segment aparte-segment-tool-call" data-segment-id="${escapeHtml(segment.id)}" data-status="${escapeAttr(status)}" data-tool-call-id="${escapeAttr(toolCallId)}" data-tool-name="${escapeAttr(name)}"${quiet}${open ? " open" : ""}>
+            <summary class="aparte-tool-summary"><span class="aparte-tool-toggle">${toggle}</span>${pill}</summary>
+            <div class="aparte-tool-detail">
+                ${input ? `
+                <div class="aparte-tool-part" data-part="input">
+                    <div class="aparte-tool-part-head"><span class="aparte-tool-part-label">${escapeHtml(cfg.t("toolInput"))}</span>${copy}</div>
+                    <div class="aparte-tool-part-body" role="region" tabindex="0" aria-label="${escapeAttr(cfg.t("toolInput"))}"><pre><code>${escapeHtml(input)}</code></pre></div>
+                </div>` : ""}
+                ${outcome ? `
+                <div class="aparte-tool-part" data-part="output">
+                    <div class="aparte-tool-part-head"><span class="aparte-tool-part-label">${escapeHtml(cfg.t(outcome.key))}</span>${copy}</div>
+                    <div class="aparte-tool-part-body" role="region" tabindex="0" aria-label="${escapeAttr(cfg.t(outcome.key))}"><pre><code>${escapeHtml(outcome.text)}</code></pre></div>
+                </div>` : ""}
+            </div>
+        </details>
+    `;
+}
 const toolCallRenderer = {
   type: "tool_call",
   render: (segment) => {
     const name = segment.toolCall?.name ?? "tool";
-    const status = segment.status ?? "pending";
-    const toolCallId = segment.toolCall?.id ?? "";
     if (contextConfig().isToolHidden(name)) return placeholderMarkup(segment);
     const customRenderer = contextConfig().getToolRenderer(name);
     if (customRenderer) {
       injectToolRendererStyles(name, customRenderer);
       return customRenderer.render(segment) || placeholderMarkup(segment);
     }
-    const pill = pillMarkup(segment, status);
-    const toggle = contextConfig().getIcon("expand");
-    const input = describeInput(segment);
-    const outcome = outcomeOf(segment);
-    if (!input && !outcome) {
-      return `
-            <div class="aparte-segment aparte-segment-tool-call" data-segment-id="${escapeHtml(segment.id)}" data-status="${escapeAttr(status)}" data-tool-call-id="${escapeAttr(toolCallId)}" data-tool-name="${escapeAttr(name)}">${pill}
-            </div>
-        `;
-    }
-    const cfg = contextConfig();
-    const copy = copyButtonMarkup("aparte-tool-copy");
-    const open = segment.collapsed !== void 0 ? !segment.collapsed : cfg.getToolDisplay(name)?.open === true;
-    return `
-            <details class="aparte-segment aparte-segment-tool-call" data-segment-id="${escapeHtml(segment.id)}" data-status="${escapeAttr(status)}" data-tool-call-id="${escapeAttr(toolCallId)}" data-tool-name="${escapeAttr(name)}"${open ? " open" : ""}>
-                <summary class="aparte-tool-summary"><span class="aparte-tool-toggle">${toggle}</span>${pill}</summary>
-                <div class="aparte-tool-detail">
-                    ${input ? `
-                    <div class="aparte-tool-part" data-part="input">
-                        <div class="aparte-tool-part-head"><span class="aparte-tool-part-label">${escapeHtml(cfg.t("toolInput"))}</span>${copy}</div>
-                        <div class="aparte-tool-part-body" role="region" tabindex="0" aria-label="${escapeAttr(cfg.t("toolInput"))}"><pre><code>${escapeHtml(input)}</code></pre></div>
-                    </div>` : ""}
-                    ${outcome ? `
-                    <div class="aparte-tool-part" data-part="output">
-                        <div class="aparte-tool-part-head"><span class="aparte-tool-part-label">${escapeHtml(cfg.t(outcome.key))}</span>${copy}</div>
-                        <div class="aparte-tool-part-body" role="region" tabindex="0" aria-label="${escapeAttr(cfg.t(outcome.key))}"><pre><code>${escapeHtml(outcome.text)}</code></pre></div>
-                    </div>` : ""}
-                </div>
-            </details>
-        `;
+    return drawDefault(segment, behindOf(segment));
   },
   /**
    * The pill's glyphs, and the label it wears while a person is deciding.
@@ -3949,8 +4079,14 @@ const toolCallRenderer = {
     if (outputLabel && outcome) outputLabel.textContent = cfg.t(outcome.key);
     if (outcome) element.querySelector('[data-part="output"] .aparte-tool-part-body')?.setAttribute("aria-label", cfg.t(outcome.key));
     for (const button of element.querySelectorAll(".aparte-tool-copy")) relabelCopyButton(button);
+    const appDetail = appDetailOf(element);
+    if (appDetail) {
+      const behind = behindOf(segment);
+      if (behind.kind === "body") relabelBody(appDetail, behind.body);
+    }
     const statusEl = element.querySelector(".aparte-tool-state");
     if (statusEl) statusEl.innerHTML = stateBadge(segment);
+    setQuiet(element, segment);
   },
   /**
    * Patch in place. NEVER re-render, and never touch `open`.
@@ -3972,32 +4108,45 @@ const toolCallRenderer = {
       element.setAttribute("data-status", status);
       return;
     }
-    const input = describeInput(segment);
-    const outcome = outcomeOf(segment);
-    const wantsDetail = !!input || !!outcome;
     const custom = contextConfig().getToolRenderer(segment.toolCall?.name);
     if (custom?.update && !hidden && !isPlaceholder(element)) {
       custom.update(element, segment);
       return;
     }
-    if (custom || hidden || isPlaceholder(element) || wantsDetail !== (element.tagName === "DETAILS")) {
-      const out = toolCallRenderer.render(segment);
+    const rebuild = (out) => {
       const tpl = document.createElement("template");
       tpl.innerHTML = typeof out === "string" ? out.trim() : "";
       const rebuilt = typeof out === "string" ? tpl.content.firstElementChild : out;
       if (rebuilt) {
+        if (!rebuilt.hasAttribute("data-segment-id")) rebuilt.setAttribute("data-segment-id", segment.id);
         element.replaceWith(rebuilt);
         toolCallRenderer.setup?.(rebuilt, segment);
       }
+    };
+    if (custom || hidden || isPlaceholder(element)) {
+      rebuild(toolCallRenderer.render(segment));
+      return;
+    }
+    const behind = behindOf(segment);
+    const input = behind.kind === "parts" ? describeInput(segment) : "";
+    const outcome = behind.kind === "parts" ? outcomeOf(segment) : null;
+    const wantsDetail = behind.kind === "body" || !!input || !!outcome;
+    const holdsAppDetail = !!appDetailOf(element);
+    if (wantsDetail !== (element.tagName === "DETAILS") || wantsDetail && behind.kind === "body" !== holdsAppDetail) {
+      rebuild(drawDefault(segment, behind));
       return;
     }
     element.setAttribute("data-status", status);
     const badge = element.querySelector(".aparte-tool-state");
     if (badge) badge.innerHTML = stateBadge(segment);
-    element.querySelector(".aparte-tool-spinner")?.toggleAttribute("hidden", status !== "pending");
+    setQuiet(element, segment);
     setName(element, segment);
     setTarget(element, segment);
     setNote(element, segment);
+    if (behind.kind === "body") {
+      setBody(element, behind.body);
+      return;
+    }
     setPart(element, "input", input, "toolInput");
     setPart(element, "output", outcome?.text ?? "", outcome?.key ?? "toolOutput");
     highlightParts(element);
@@ -4607,6 +4756,21 @@ function revokeAttachmentUrls(attachments) {
     if (attachment.url?.startsWith("blob:")) URL.revokeObjectURL(attachment.url);
   }
 }
+const known = /* @__PURE__ */ new Map();
+function rememberConversationStatus(id, status) {
+  if (status) known.set(id, status);
+  else known.delete(id);
+}
+function tellConversationStatus(id, status) {
+  rememberConversationStatus(id, status);
+  try {
+    window.dispatchEvent(new CustomEvent("aparte-conversation-status", { detail: { id, status } }));
+  } catch {
+  }
+}
+function conversationStatusOf(id) {
+  return known.get(id) ?? null;
+}
 const MAX_COMPACTION_SAVE_WAITS = 6;
 class AparteConversationController {
   _binding;
@@ -4615,6 +4779,10 @@ class AparteConversationController {
   _isStreaming = false;
   _isLoadingConversation = false;
   _ensureInFlight = null;
+  /** The conversation the turn in flight started in, and what the lists were told of it. */
+  _turn = null;
+  /** The reply the turn in flight writes into, from its `aparte-message-start`. */
+  _turnMessage = null;
   _onSendCapture = null;
   _onPathChanged = null;
   _onMessageStart = null;
@@ -4622,6 +4790,7 @@ class AparteConversationController {
   _onMessageError = null;
   _onMessageAborted = null;
   _onMessagePaused = null;
+  _onMessageResumed = null;
   _onSelectConversation = null;
   _onCompactDone = null;
   _unsubscribeManager = null;
@@ -4702,6 +4871,33 @@ class AparteConversationController {
       "[aparte] This chat resolves its own config, but the conversation manager was registered on aparteGlobalConfig — so nothing is being persisted. Pass the same config to init(): `init(adapter, myConfig)`, using the config you gave the chat."
     );
   }
+  /**
+   * Tell every conversation list on the page what the turn is doing, through
+   * `aparte-conversation-status` on `window` — the mirror of the list's
+   * `aparte-conversation-select`, which this controller hears. Always about the
+   * conversation the turn started in: the person may have opened another since. A turn
+   * that starts before its conversation exists (a first message) is told once it does.
+   */
+  _setTurn(status) {
+    if (!status) {
+      if (this._turn) tellConversationStatus(this._turn.id, null);
+      this._turn = null;
+      return;
+    }
+    const id = this._turn?.id ?? (status === "running" ? this._activeId ?? this._manager()?.activeId ?? null : null);
+    if (!id) return;
+    this._turn = { id, status };
+    tellConversationStatus(id, status);
+  }
+  /**
+   * Whether a lifecycle event is about the turn in flight. A turn a newer send replaced
+   * (a chip, a retry, an edit) says it stopped AFTER the new one started: its end must not
+   * end the new turn's state. An event without a message id is taken as this turn's.
+   */
+  _ofThisTurn(e) {
+    const id = e.detail?.messageId;
+    return !id || !this._turnMessage || id === this._turnMessage;
+  }
   /**
    * Attach event listeners to the binding host. Returns an unbind function.
    */
@@ -4732,29 +4928,42 @@ class AparteConversationController {
       }
     };
     host.addEventListener("aparte-path-changed", this._onPathChanged);
-    this._onMessageStart = () => {
+    this._onMessageStart = (e) => {
       this._isStreaming = true;
+      this._turnMessage = e.detail?.messageId ?? null;
+      this._setTurn("running");
     };
-    this._onMessageDone = () => {
+    const ended = (e) => {
+      if (!this._ofThisTurn(e)) return;
       this._isStreaming = false;
+      this._setTurn(null);
+      this._turnMessage = null;
+    };
+    this._onMessageDone = (e) => {
+      ended(e);
       queueMicrotask(() => this._persistActive());
     };
-    this._onMessageError = () => {
-      this._isStreaming = false;
+    this._onMessageError = (e) => {
+      ended(e);
       queueMicrotask(() => this._persistActive());
     };
-    this._onMessageAborted = () => {
-      this._isStreaming = false;
+    this._onMessageAborted = (e) => {
+      ended(e);
       queueMicrotask(() => this._persistActive());
     };
-    this._onMessagePaused = () => {
+    this._onMessagePaused = (e) => {
+      if (this._ofThisTurn(e)) this._setTurn("waiting");
       queueMicrotask(() => this._persistActive());
     };
+    this._onMessageResumed = (e) => {
+      if (this._ofThisTurn(e)) this._setTurn("running");
+    };
     host.addEventListener("aparte-message-start", this._onMessageStart);
     host.addEventListener("aparte-message-done", this._onMessageDone);
     host.addEventListener("aparte-message-error", this._onMessageError);
     host.addEventListener("aparte-message-aborted", this._onMessageAborted);
     host.addEventListener("aparte-message-paused", this._onMessagePaused);
+    host.addEventListener("aparte-message-resumed", this._onMessageResumed);
     this._onSelectConversation = (e) => {
       const evt = e;
       const targetId = evt.detail?.targetId;
@@ -4781,6 +4990,9 @@ class AparteConversationController {
     this._bound = false;
     this._subscribedTo = null;
     this._persistActive();
+    if (this._turn?.status === "running") this._setTurn(null);
+    this._turn = null;
+    this._turnMessage = null;
     this._stopHydrationRetry?.();
     this._stopHydrationRetry = null;
     const host = this._binding.host;
@@ -4812,6 +5024,10 @@ class AparteConversationController {
       host.removeEventListener("aparte-message-paused", this._onMessagePaused);
       this._onMessagePaused = null;
     }
+    if (this._onMessageResumed) {
+      host.removeEventListener("aparte-message-resumed", this._onMessageResumed);
+      this._onMessageResumed = null;
+    }
     if (this._onCompactDone && typeof window !== "undefined") {
       window.removeEventListener("aparte-compact-done", this._onCompactDone);
       this._onCompactDone = null;
@@ -4840,6 +5056,8 @@ class AparteConversationController {
     const isSwitch = id !== this._activeId;
     const manager = this._manager();
     if (isSwitch && this._isStreaming) {
+      if (this._turn?.status === "waiting") this._turn = null;
+      else this._setTurn(null);
       this._persistActive();
       try {
         window.dispatchEvent(new CustomEvent("aparte-abort", {
@@ -5021,6 +5239,7 @@ class AparteConversationController {
       }
       this._activeId = convId;
       this._options.onConversationCreated?.(convId);
+      if (this._isStreaming && !this._turn) this._setTurn("running");
     } else if (this._activeId !== null && this._activeId !== convId) {
       await manager.addMessage(convId, userMsg).catch(() => {
       });
@@ -6685,6 +6904,7 @@ class AparteClient {
       return;
     }
     dispatchLifecycleEvent(targetElement, "aparte-message-start", { messageId, role: "assistant" }, chatId);
+    if (opts?.resume) dispatchLifecycleEvent(targetElement, "aparte-message-paused", { messageId }, chatId);
     if (!opts?.resume && provider.id) {
       this._updateMessage(targetElement, messageId, {
         model: {
@@ -6697,6 +6917,7 @@ class AparteClient {
     const streamController = new AbortController();
     if (this._streamController !== streamController) this._streamController?.abort();
     this._streamController = streamController;
+    this._turnsInFlight.add(messageId);
     try {
       let result = opts?.resume ? { usage: void 0, suspended: opts.resume } : await this._streamLoop(targetElement, messageId, provider, baseRequest, authConfig, streamController);
       const maxResumes = this.options.maxTurns ?? 10;
@@ -6728,6 +6949,7 @@ class AparteClient {
         };
         const messages2 = this._resumeMessages(targetElement, messageId, baseRequest.messages);
         this._spendPause(targetElement, messageId);
+        dispatchLifecycleEvent(targetElement, "aparte-message-resumed", { messageId }, chatId);
         result = await this._streamLoop(
           targetElement,
           messageId,
@@ -6754,8 +6976,15 @@ class AparteClient {
       }
       const aparteError = AparteError.from(error, AparteErrorCode.UNKNOWN_ERROR);
       this._handleLifecycleError(targetElement, messageId, aparteError);
+    } finally {
+      this._turnsInFlight.delete(messageId);
     }
   }
+  /**
+   * Replies a turn is running into right now, a pause it waits on included: a second
+   * load of their conversation must not start them again (`resumeDeferred`).
+   */
+  _turnsInFlight = /* @__PURE__ */ new Set();
   /**
    * Handle aparte-retry — add a sibling branch to the assistant message and re-stream
    * using the same conversation history minus the retried reply.
@@ -7627,7 +7856,7 @@ ${content}
     const last = [...messages].reverse().find((m) => m.role === "assistant");
     const open = (last?.segments ?? []).filter(isOpenDeferred);
     const ticket = open.find((s) => s.deferred?.ticket)?.deferred?.ticket;
-    if (!last || open.length === 0 || !ticket || this._resuming.has(last.id)) return false;
+    if (!last || open.length === 0 || !ticket || this._resuming.has(last.id) || this._turnsInFlight.has(last.id)) return false;
     const config = this._config.getModelConfig();
     const recorded = last.model && this._config.getAIProvider(last.model.providerId) ? last.model : void 0;
     const providerId = recorded?.providerId ?? config.defaultProvider;
@@ -8060,6 +8289,7 @@ const APARTE_DEFAULT_UI_EVENTS = [
   "aparte-message-error",
   "aparte-message-aborted",
   "aparte-message-paused",
+  "aparte-message-resumed",
   "aparte-tool-approval-request"
 ];
 function applyElementProps(el2, props, transformValue = (value) => value) {
@@ -8188,8 +8418,11 @@ export {
   isTerminalStatus as al,
   adoptMessageSegments as am,
   APARTE_DERIVED_SEGMENTS as an,
-  chatBoundaryOf as ao,
-  rootOf as ap,
+  rememberConversationStatus as ao,
+  tellConversationStatus as ap,
+  conversationStatusOf as aq,
+  chatBoundaryOf as ar,
+  rootOf as as,
   APARTE_DEFAULT_BUBBLE_ACTIONS as b,
   APARTE_DEFAULT_HOST_HANDLERS as c,
   APARTE_DEFAULT_ICON_FALLBACKS as d,
@@ -8216,4 +8449,4 @@ export {
   collectRendererStyles as y,
   contentToText as z
 };
-//# sourceMappingURL=dialog-triggers-3G9TqG9g.js.map
+//# sourceMappingURL=dialog-triggers-BqXRdHWZ.js.map