@aparte/core 0.9.0 → 0.11.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { H as escapeAttr, Y as resolveConfig, C as cssEscape, _ as runWithConfig, I as escapeHtml, L as getSegmentRenderer, M as installDefaultRenderersOnce, q as AparteMessageRepository, a2 as stampSegmentActivity, a3 as stampSegmentOnInsert, a4 as stampSegmentOnUpdate, a5 as renumberSegments, a6 as openSegmentIds, a7 as isTerminalStatus, N as isAwaitingReply, T as populateBubbleFromMessage, a1 as uuid, Z as revokeAttachmentUrls, v as buildElicitationPanel } from "./index-hQQljwfX.js";
-import { A, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, r, s, t, u, w, x, y, z, B, D, E, F, G, J, K, O, P, Q, R, S, U, V, W, X, $, a0 } from "./index-hQQljwfX.js";
+import { a4 as subscribeConfigChange, $ as resolveConfig, a1 as runWithConfig, p as AparteElicitationAbortError, x as buildApprovalPanel, y as buildElicitationPanel, K as escapeAttr, F as cssEscape, a7 as mergeSegmentUpdate, L as escapeHtml, O as getSegmentRenderer, P as installDefaultRenderersOnce, s as AparteMessageRepository, a8 as stampSegmentActivity, a9 as stampSegmentOnInsert, aa as stampSegmentOnUpdate, ab as renumberSegments, ac as openSegmentIds, ad as isTerminalStatus, ae as adoptMessageSegments, Q as isAwaitingReply, W as populateBubbleFromMessage, a6 as uuid, a0 as revokeAttachmentUrls } from "./is-awaiting-reply-Cb7H3YfN.js";
+import { A, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, q, r, t, u, v, w, z, B, C, D, E, G, H, I, J, M, N, R, S, T, U, V, X, Y, Z, _, a2, a3, a5 } from "./is-awaiting-reply-Cb7H3YfN.js";
 class AparteOption extends HTMLElement {
   static get observedAttributes() {
     return ["value", "disabled", "selected", "data-status"];
@@ -631,6 +631,222 @@ class AparteProgressSpinner extends HTMLElement {
 if (!customElements.get("aparte-progress-spinner")) {
   customElements.define("aparte-progress-spinner", AparteProgressSpinner);
 }
+class AparteElicitation extends HTMLElement {
+  _pending = null;
+  /**
+   * A turn ended — cancel the open question only if it was OUR turn.
+   *
+   * These two listeners sit on `window` and had no instance filter at all, so a
+   * Stop (or an error) in one chat cancelled the question a DIFFERENT chat was
+   * waiting on — and that chat's model was told the user had refused a question
+   * the user was still looking at. Same defect as the `compact()` handler that
+   * emptied both chats, which its four sibling handlers in `AparteClient` already
+   * guarded against.
+   *
+   * The leniency rule is the composer's, deliberately: an event with no
+   * `targetId` is for everyone (a single-chat app never sets one), and a chat we
+   * cannot identify accepts everything rather than becoming deaf. Only a
+   * MISMATCH is ignored.
+   */
+  _onTurnEnd = (e2) => {
+    const evtTargetId = e2.detail?.targetId;
+    const own = this._pendingTargetId();
+    if (evtTargetId && own && evtTargetId !== own) return;
+    this._cancelPending();
+  };
+  _unsubscribeConfig = null;
+  connectedCallback() {
+    this.style.display = "none";
+    this._unsubscribeConfig = subscribeConfigChange(this, () => this._relabelPending());
+    resolveConfig(this).setElicitationPresenter(this._present);
+    window.addEventListener("aparte-message-aborted", this._onTurnEnd);
+    window.addEventListener("aparte-message-error", this._onTurnEnd);
+  }
+  /**
+   * The boundary above us appeared, changed, or went away — move the
+   * registration with it.
+   *
+   * `connectedCallback` alone is not enough and cannot be: registering is a
+   * WRITE, and under all four wrappers it happens before `attachConfig` runs, so
+   * it lands on the global singleton. `requestUserInput()` then resolves the
+   * instance config, finds nothing, and answers the model `cancel` — the model
+   * hears the user refuse a question the user never saw.
+   *
+   * See {@link AparteConfigAware}.
+   */
+  aparteConfigChanged(next, previous) {
+    if (previous.getElicitationPresenter() === this._present) previous.setElicitationPresenter(null);
+    next.setElicitationPresenter(this._present);
+  }
+  disconnectedCallback() {
+    const cfg = resolveConfig(this);
+    if (cfg.getElicitationPresenter() === this._present) cfg.setElicitationPresenter(null);
+    window.removeEventListener("aparte-message-aborted", this._onTurnEnd);
+    window.removeEventListener("aparte-message-error", this._onTurnEnd);
+    this._unsubscribeConfig?.();
+    this._unsubscribeConfig = null;
+    this._cancelPending();
+  }
+  /**
+   * Re-apply the open question's strings, in place.
+   *
+   * Two owners, and both have to move or the panel goes bilingual: the panel's own
+   * defaults (`relabel`), and the Skip button, which this file builds and this file
+   * therefore has to re-text. The composer's one button is a third, and it already
+   * follows — `aparte-composer-send` remembers the panel state it was given.
+   */
+  _relabelPending() {
+    if (!this._pending) return;
+    const cfg = resolveConfig(this);
+    runWithConfig(cfg, () => this._pending.relabel());
+  }
+  _present = (request) => {
+    const composer = this._getComposer();
+    if (!composer) return Promise.reject(new AparteElicitationAbortError("no-presenter"));
+    return new Promise((resolve, reject) => {
+      let done = false;
+      const slot = {};
+      const close = () => {
+        if (done) return false;
+        done = true;
+        this._pending = null;
+        composer.hidePanel(slot.token);
+        return true;
+      };
+      const settle = (result) => {
+        if (close()) resolve(result);
+      };
+      const fail = (reason = "aborted") => {
+        if (close()) reject(new AparteElicitationAbortError(reason));
+      };
+      if (request.signal) {
+        if (request.signal.aborted) {
+          fail();
+          return;
+        }
+        request.signal.addEventListener("abort", () => fail(), { once: true });
+      }
+      const cfg = resolveConfig(this);
+      if (request.kind === "approval") {
+        const panel2 = runWithConfig(cfg, () => buildApprovalPanel(request.message, request.options ?? [], () => {
+          composer.setPanelSubmitEnabled(panel2.isComplete(), "submit");
+        }));
+        panel2.onSettle((answer) => settle({ action: "accept", content: answer }));
+        this._pending = { abort: () => fail(), composer, relabel: () => panel2.relabel() };
+        slot.token = composer.showPanel(panel2.el, {
+          submitEnabled: panel2.isComplete(),
+          mode: "submit",
+          // The composer's button carries the INSTRUCTION, which is written
+          // text — exactly the act that button already means. The options
+          // never route through it: a decision is its own click.
+          onSubmit: () => {
+            if (panel2.isComplete()) settle({ action: "accept", content: panel2.getContent() });
+          },
+          onEvict: () => fail()
+        });
+        panel2.focus();
+        return;
+      }
+      const schema = request.schema ?? { type: "string" };
+      const panel = runWithConfig(cfg, () => buildElicitationPanel(request.message, schema, () => {
+        composer.setPanelSubmitEnabled(panel.canProceed(), panel.mode());
+      }));
+      const skip = document.createElement("button");
+      skip.type = "button";
+      skip.className = "aparte-elic-skip";
+      skip.textContent = cfg.t("elicitationSkip");
+      skip.addEventListener("click", () => settle({ action: "decline" }));
+      panel.dismiss.appendChild(skip);
+      this._pending = {
+        abort: () => fail(),
+        composer,
+        relabel: () => {
+          panel.relabel();
+          skip.textContent = resolveConfig(this).t("elicitationSkip");
+        }
+      };
+      slot.token = composer.showPanel(panel.el, {
+        submitEnabled: panel.canProceed(),
+        mode: panel.mode(),
+        /*
+         * Something else took the slot — another request, a conversation switch,
+         * or a turn ending. The composer tears the panel down either way; only
+         * this callback can settle the promise, and without it the request hung
+         * AND `_pending` stayed set, so every later question was short-circuited
+         * for the life of the page. `cancel`, not `decline`: nobody declined
+         * anything, the question was taken away.
+         */
+        onEvict: () => fail(),
+        onSubmit: () => {
+          if (panel.mode() === "advance") {
+            panel.proceed();
+            composer.setPanelSubmitEnabled(panel.canProceed(), panel.mode());
+            return;
+          }
+          if (panel.isComplete()) settle({ action: "accept", content: panel.getContent() });
+        }
+      });
+      panel.focus();
+    });
+  };
+  _cancelPending() {
+    this._pending?.abort();
+  }
+  /**
+   * The host id of the chat whose composer holds the open panel.
+   *
+   * Walks up from the composer rather than from `this`, because the panel lives in
+   * the composer and that is what the turn belongs to. Matches the hosts
+   * `aparte-chat-bubble._resolveTargetId()` matches, for the reason written there:
+   * Angular's wrapper root IS the `<aparte-chat>` element, while the plain-root
+   * wrappers render a `[data-aparte-chat]` div instead, so matching only the tag
+   * resolves `undefined` on three wrappers out of four.
+   */
+  _pendingTargetId() {
+    let el = this._pending?.composer ?? null;
+    while (el) {
+      const tag = el.tagName?.toLowerCase();
+      const isHost = tag === "aparte-chat" || tag === "aparte-chat-component" || el.hasAttribute?.("data-aparte-chat");
+      if (isHost && el.id) return el.id;
+      el = el.parentElement;
+    }
+    return void 0;
+  }
+  /**
+   * The composer to present in: the nearest one in an ancestor subtree, and
+   * nothing else.
+   *
+   * There used to be a `document.querySelector('aparte-composer')` fallback, which
+   * is the "first chat on the page" bug this repo has now fixed in four other
+   * places: on a page with two chats, an elicitation that could not find its own
+   * composer mounted its panel in the OTHER chat's — so one conversation's question
+   * appeared under the other conversation, and answering it resolved a tool call
+   * belonging to a chat the user was not looking at.
+   *
+   * Returning `null` instead resolves `cancel`, which is honest: nothing was
+   * shown, so nothing was answered. The warning names the fix, because this is a
+   * setup mistake and only the developer can correct it — the guide's own example
+   * puts `<aparte-elicitation>` inside `<aparte-chat>`.
+   */
+  _getComposer() {
+    let node = this.parentElement;
+    while (node) {
+      const composer = node.querySelector("aparte-composer");
+      if (composer && typeof composer.showPanel === "function") return composer;
+      const tag = node.tagName?.toLowerCase();
+      const isChatBoundary = tag === "aparte-chat" || tag === "aparte-chat-component" || node.hasAttribute?.("data-aparte-chat");
+      if (isChatBoundary) break;
+      node = node.parentElement;
+    }
+    console.warn(
+      "[aparte-elicitation] No <aparte-composer> in this element's subtree, so the request was cancelled — the model will read that as a refusal. Move <aparte-elicitation> inside the <aparte-chat> it belongs to. It is deliberately NOT borrowing another chat's composer: on a page with two chats that put the question under the wrong one."
+    );
+    return null;
+  }
+}
+if (typeof customElements !== "undefined" && !customElements.get("aparte-elicitation")) {
+  customElements.define("aparte-elicitation", AparteElicitation);
+}
 class AparteChat extends HTMLElement {
   static get observedAttributes() {
     return ["placeholder", "disabled", "center-empty", "attachments"];
@@ -683,6 +899,7 @@ class AparteChat extends HTMLElement {
     const attachments = this.hasAttribute("attachments");
     this.innerHTML = `
       <aparte-chat-viewport></aparte-chat-viewport>
+      <aparte-elicitation></aparte-elicitation>
       <aparte-composer${composerAttrs}>
         <div class="aparte-composer-shell">
           ${attachments ? "<aparte-composer-attachments></aparte-composer-attachments>" : ""}
@@ -804,7 +1021,38 @@ class AparteChatBubble extends HTMLElement {
     this._updateName();
     this._updateLocalizedLabels();
     this._updateWaiting();
+    this._renderAvatar();
+    this._relabelSegments();
+    this._updateTimestamp(this.getAttribute("timestamp"));
   };
+  /**
+   * Ask every rendered segment to re-read its config-derived text.
+   *
+   * Not `_renderSegments()`, which wipes the container and rebuilds: that destroys a
+   * mounted artifact preview, reverts a reasoning block the reader expanded by
+   * clicking `<summary>` (the DOM's real state is never written back to `collapsed`),
+   * resets scroll inside long terminal panes, drops focus from an Approve/Reject
+   * gate, and throws away the incremental Markdown parser's buffered lookahead
+   * mid-stream — for a change that added no content. It also fires container-wide
+   * childList mutations, which is what the viewport's observer reads as "scroll to
+   * the bottom".
+   *
+   * `relabel` is the narrow alternative, bound by the same no-child-node rule as
+   * `update()`. A renderer that has no config-derived text does not implement it,
+   * and this loop simply skips it.
+   */
+  _relabelSegments() {
+    if (!this._segmentsEl) return;
+    for (const segment of this._segments) {
+      const renderer = resolveSegmentRenderer(segment.type, this._cfg);
+      if (!renderer?.relabel) continue;
+      const el = this._segmentsEl.querySelector(
+        `:scope > [data-segment-id="${cssEscape(segment.id)}"]`
+      );
+      if (!el) continue;
+      runWithConfig(this._cfg, () => renderer.relabel(el, segment));
+    }
+  }
   /**
    * Re-apply the locale strings written straight into the markup by `_render()` —
    * the accessible names a screen reader reads, which nothing else refreshes.
@@ -892,7 +1140,7 @@ class AparteChatBubble extends HTMLElement {
   }
   /** Set segments for rich content */
   setSegments(segments) {
-    this._segments = segments;
+    this._segments = [...segments];
     this._renderSegments();
     this._updateWaiting();
   }
@@ -904,16 +1152,16 @@ class AparteChatBubble extends HTMLElement {
   }
   /** Update a specific segment */
   updateSegment(segmentId, updates) {
-    const index = this._segments.findIndex((s2) => s2.id === segmentId);
+    const index = this._segments.findIndex((s) => s.id === segmentId);
     if (index !== -1) {
-      const updated = { ...this._segments[index], ...updates };
+      const updated = mergeSegmentUpdate(this._segments[index], updates);
       this._segments[index] = updated;
       this._applySegmentUpdate(segmentId, updated, updates);
     }
   }
   /** Append content to a segment */
   appendToSegment(segmentId, content) {
-    const segment = this._segments.find((s2) => s2.id === segmentId);
+    const segment = this._segments.find((s) => s.id === segmentId);
     if (segment && "content" in segment) {
       segment.content += content;
       this._applySegmentUpdate(segmentId, segment, { content: segment.content });
@@ -939,7 +1187,7 @@ class AparteChatBubble extends HTMLElement {
    * the human-in-the-loop control.
    */
   removeSegment(segmentId) {
-    const index = this._segments.findIndex((s2) => s2.id === segmentId);
+    const index = this._segments.findIndex((s) => s.id === segmentId);
     if (index !== -1) {
       this._segments.splice(index, 1);
     }
@@ -1022,7 +1270,7 @@ class AparteChatBubble extends HTMLElement {
     } else {
       warnMissingRenderer(segment.type);
       const fallback = document.createElement("div");
-      fallback.className = "segment segment-unknown";
+      fallback.className = "segment aparte-segment-unknown";
       fallback.textContent = `[Unknown segment type: ${segment.type}]`;
       this._segmentsEl.appendChild(fallback);
     }
@@ -1135,9 +1383,12 @@ class AparteChatBubble extends HTMLElement {
    * (same null-guarded degradation as the other region hooks).
    */
   _updateWaiting() {
+    const empty = this._segments.length === 0 && !this._content.trim();
+    const waiting = this._streaming && this._role !== "user" && empty;
+    const box = this.querySelector(".aparte-message-content");
+    if (box) box.hidden = empty && !waiting;
     const el = this.querySelector(".aparte-waiting");
     if (!el) return;
-    const waiting = this._streaming && this._role !== "user" && this._segments.length === 0 && !this._content.trim();
     el.hidden = !waiting;
     if (!waiting) return;
     const label = this._cfg.getLocale().typing;
@@ -1145,9 +1396,13 @@ class AparteChatBubble extends HTMLElement {
     if (sr && sr.textContent !== label) sr.textContent = label;
   }
   /**
-   * Hand the avatar host element off to the registered AvatarProvider, if
-   * any. Falls back to the default initial / image rendered by `_render()`
-   * when no provider is set.
+   * Hand the avatar host element off to the registered AvatarProvider, if any.
+   *
+   * With no provider the slot is left exactly as the shell rendered it — which for
+   * the default shell means EMPTY, and hidden by `.aparte-avatar:empty`. This used
+   * to claim it "falls back to the default initial rendered by `_render()`"; there
+   * is no such initial, and believing there was is what made `_updateRole` write
+   * one.
    */
   _renderAvatar() {
     const avatar = this.querySelector(".aparte-avatar");
@@ -1175,7 +1430,7 @@ class AparteChatBubble extends HTMLElement {
     }
     if (avatar) {
       avatar.setAttribute("data-role", this._role);
-      avatar.textContent = this._getAvatarInitial();
+      if (avatar.textContent) avatar.textContent = this._getAvatarInitial();
     }
     if (nameEl) {
       nameEl.textContent = this._getDisplayName();
@@ -1186,7 +1441,9 @@ class AparteChatBubble extends HTMLElement {
   _updateName() {
     const avatar = this.querySelector(".aparte-avatar");
     const nameEl = this.querySelector(".aparte-name");
-    if (avatar && !this._cfg.getAvatarProvider()) avatar.textContent = this._getAvatarInitial();
+    if (avatar && avatar.textContent && !this._cfg.getAvatarProvider()) {
+      avatar.textContent = this._getAvatarInitial();
+    }
     if (nameEl) nameEl.textContent = this._getDisplayName();
   }
   _updateContent() {
@@ -1242,7 +1499,7 @@ class AparteChatBubble extends HTMLElement {
       } else {
         warnMissingRenderer(segment.type);
         const fallback = document.createElement("div");
-        fallback.className = "segment segment-unknown";
+        fallback.className = "segment aparte-segment-unknown";
         fallback.textContent = `[Unknown segment type: ${segment.type}]`;
         this._segmentsEl.appendChild(fallback);
       }
@@ -1262,7 +1519,7 @@ class AparteChatBubble extends HTMLElement {
   _reflectError() {
     const message = this.querySelector(".aparte-message");
     if (!message) return;
-    const hasError = this._segments.some((s2) => s2.type === "error");
+    const hasError = this._segments.some((s) => s.type === "error");
     if (hasError) message.setAttribute("data-error", "");
     else message.removeAttribute("data-error");
   }
@@ -1271,7 +1528,7 @@ class AparteChatBubble extends HTMLElement {
     if (!timestampEl || !value) return;
     try {
       const date = new Date(isNaN(Number(value)) ? value : Number(value));
-      timestampEl.textContent = date.toLocaleTimeString(void 0, {
+      timestampEl.textContent = date.toLocaleTimeString(this._cfg.getLocale().tag || void 0, {
         hour: "2-digit",
         minute: "2-digit"
       });
@@ -1297,18 +1554,18 @@ class AparteChatBubble extends HTMLElement {
     const customAttachment = this._cfg.getAttachmentRenderer?.();
     if (customAttachment) {
       this._attachmentsEl.replaceChildren();
-      for (const a2 of this._attachments) {
-        const el = segmentRenderResultToElement(runWithConfig(this._cfg, () => customAttachment(a2)));
+      for (const a4 of this._attachments) {
+        const el = segmentRenderResultToElement(runWithConfig(this._cfg, () => customAttachment(a4)));
         if (el) this._attachmentsEl.appendChild(el);
       }
       return;
     }
-    this._attachmentsEl.innerHTML = this._attachments.map((a2) => {
-      const name = escapeHtml(a2.name);
-      if (a2.type.startsWith("image/")) {
-        return `<div class="aparte-thumb aparte-thumb--image" title="${name}"><img class="aparte-thumb__img" src="${escapeHtml(a2.url)}" alt="${name}" loading="lazy" /><span class="aparte-thumb__name">${name}</span></div>`;
+    this._attachmentsEl.innerHTML = this._attachments.map((a4) => {
+      const name = escapeHtml(a4.name);
+      if (a4.type.startsWith("image/")) {
+        return `<div class="aparte-thumb aparte-thumb--image" title="${name}"><img class="aparte-thumb__img" src="${escapeHtml(a4.url)}" alt="${name}" loading="lazy" /><span class="aparte-thumb__name">${name}</span></div>`;
       }
-      return `<div class="aparte-thumb aparte-thumb--file" title="${name}"><span class="aparte-thumb__ext">${escapeHtml(this._fileExt(a2.name))}</span><span class="aparte-thumb__name">${name}</span></div>`;
+      return `<div class="aparte-thumb aparte-thumb--file" title="${name}"><span class="aparte-thumb__ext">${escapeHtml(this._fileExt(a4.name))}</span><span class="aparte-thumb__name">${name}</span></div>`;
     }).join("");
     if (!this._cfg.getHostHandlers().attachmentPreview) return;
     this._attachmentsEl.querySelectorAll(".aparte-thumb--image").forEach((tile) => {
@@ -1413,14 +1670,14 @@ class AparteChatBubble extends HTMLElement {
     const buttons = [];
     if (this._role === "user") {
       if (config.user) {
-        for (const a2 of config.user) buttons.push(this._actionButtonHtml(a2, icons, locale));
+        for (const a4 of config.user) buttons.push(this._actionButtonHtml(a4, icons, locale));
       } else {
         if (config.copy) buttons.push(this._actionButtonHtml("copy", icons, locale));
         if (config.edit) buttons.push(this._actionButtonHtml("edit", icons, locale));
       }
     } else if (this._role === "assistant") {
       if (config.assistant) {
-        for (const a2 of config.assistant) buttons.push(this._actionButtonHtml(a2, icons, locale));
+        for (const a4 of config.assistant) buttons.push(this._actionButtonHtml(a4, icons, locale));
       } else {
         if (config.copy) buttons.push(this._actionButtonHtml("copy", icons, locale));
         if (config.retry) buttons.push(this._actionButtonHtml("retry", icons, locale));
@@ -1455,16 +1712,16 @@ class AparteChatBubble extends HTMLElement {
   /** Append the registered custom action buttons for this bubble's role. */
   _appendCustomActions(icons) {
     if (!this._actionBarEl) return;
-    for (const a2 of this._cfg.getActions("bubble")) {
-      const roles = a2.bubble?.roles ?? ["user", "assistant"];
+    for (const a4 of this._cfg.getActions("bubble")) {
+      const roles = a4.bubble?.roles ?? ["user", "assistant"];
       if (!roles.includes(this._role)) continue;
       const btn = document.createElement("button");
       btn.className = "aparte-action-btn aparte-action-custom";
-      btn.dataset["action"] = `custom:${a2.id}`;
-      btn.setAttribute("aria-label", a2.label);
-      btn.setAttribute("title", a2.label);
-      const fromProvider = icons[a2.icon];
-      btn.innerHTML = a2.icon.startsWith("<") ? a2.icon : typeof fromProvider === "function" ? fromProvider() : a2.iconFallback ?? "";
+      btn.dataset["action"] = `custom:${a4.id}`;
+      btn.setAttribute("aria-label", a4.label);
+      btn.setAttribute("title", a4.label);
+      const fromProvider = icons[a4.icon];
+      btn.innerHTML = a4.icon.startsWith("<") ? a4.icon : typeof fromProvider === "function" ? fromProvider() : a4.iconFallback ?? "";
       this._actionBarEl.appendChild(btn);
     }
   }
@@ -1530,12 +1787,12 @@ class AparteChatBubble extends HTMLElement {
         composed: true,
         detail
       }));
-      this._cfg.getActions("bubble").find((x2) => x2.id === actionId)?.onClick?.(e2);
+      this._cfg.getActions("bubble").find((x) => x.id === actionId)?.onClick?.(e2);
       return;
     }
     switch (action) {
       case "copy": {
-        const text = this._content || this._segments.map((s2) => s2.content ?? "").join("\n");
+        const text = this._content || this._segments.map((s) => s.content ?? "").join("\n");
         const icons = this._cfg.getIconProvider();
         const locale = this._cfg.getLocale();
         navigator.clipboard.writeText(text).then(() => {
@@ -1973,7 +2230,7 @@ class AparteChatViewport extends HTMLElement {
     if (!message.segments) {
       message.segments = [];
     }
-    const index = message.segments.findIndex((s2) => s2.id === segmentId);
+    const index = message.segments.findIndex((s) => s.id === segmentId);
     const segment = index === -1 ? void 0 : message.segments[index];
     if (segment && "content" in segment) {
       message.segments[index] = {
@@ -2023,38 +2280,42 @@ class AparteChatViewport extends HTMLElement {
     if (!message.segments) {
       message.segments = [];
     }
-    const stamped = stampSegmentOnInsert(message.segments, segment, messageId);
+    const stamped = stampSegmentOnInsert(
+      message.segments,
+      segment,
+      messageId,
+      // THIS chat's defaults, not the page's: two chats on one page can be
+      // configured differently, and the config seam is per instance.
+      resolveConfig(this).getSegmentDefaults(segment.type)
+    );
     message.segments.push(stamped);
     this._notifyBubble(messageId, "addSegment", stamped);
     this._autoScroll();
   }
-  updateSegment(a2, b2, c2) {
+  updateSegment(a4, b2, c2) {
     const clientForm = c2 === void 0 && typeof b2 === "object";
-    const messageId = clientForm ? this._activeMessageId() : a2;
-    const segmentId = clientForm ? a2 : b2;
+    const messageId = clientForm ? this._activeMessageId() : a4;
+    const segmentId = clientForm ? a4 : b2;
     const updates = clientForm ? b2 : c2;
     if (!messageId) return;
     const message = this._repo.getMessageById(messageId);
     if (!message?.segments) return;
-    const segmentIndex = message.segments.findIndex((s2) => s2.id === segmentId);
+    const segmentIndex = message.segments.findIndex((s) => s.id === segmentId);
     if (segmentIndex !== -1) {
       const current = message.segments[segmentIndex];
       const stamped = stampSegmentOnUpdate(current, updates);
-      message.segments[segmentIndex] = {
-        ...current,
-        ...stamped
-      };
+      message.segments[segmentIndex] = mergeSegmentUpdate(current, stamped);
       this._notifyBubble(messageId, "updateSegment", { segmentId, updates: stamped });
     }
   }
-  removeSegment(a2, b2) {
+  removeSegment(a4, b2) {
     const clientForm = b2 === void 0;
-    const messageId = clientForm ? this._activeMessageId() : a2;
-    const segmentId = clientForm ? a2 : b2;
+    const messageId = clientForm ? this._activeMessageId() : a4;
+    const segmentId = clientForm ? a4 : b2;
     if (!messageId || !segmentId) return;
     const message = this._repo.getMessageById(messageId);
     if (message?.segments) {
-      const idx = message.segments.findIndex((s2) => s2.id === segmentId);
+      const idx = message.segments.findIndex((s) => s.id === segmentId);
       if (idx !== -1) {
         message.segments.splice(idx, 1);
         renumberSegments(message.segments);
@@ -2143,7 +2404,7 @@ class AparteChatViewport extends HTMLElement {
    * which both records the message and creates its bubble element.
    */
   addMessage(message) {
-    this._repo.addOrUpdateMessage(this._repo.headId, { ...message });
+    this._repo.addOrUpdateMessage(this._repo.headId, adoptMessageSegments({ ...message }));
     this._pruneRenderedBubbles();
     this._autoScroll();
   }
@@ -2154,8 +2415,20 @@ class AparteChatViewport extends HTMLElement {
    * When `_frameworkManagedDOM` is true, only the internal repo is updated —
    * the framework owns the DOM and will create the bubble element itself.
    */
-  appendMessage(message) {
-    this._repo.addOrUpdateMessage(this._repo.headId, { ...message });
+  appendMessage(message, options) {
+    const stored = options?.historical ? adoptMessageSegments(message) : message.segments?.length ? { ...message, segments: message.segments.reduce(
+      (acc, segment) => {
+        acc.push(stampSegmentOnInsert(
+          acc,
+          segment,
+          message.id,
+          resolveConfig(this).getSegmentDefaults(segment.type)
+        ));
+        return acc;
+      },
+      []
+    ) } : { ...message };
+    this._repo.addOrUpdateMessage(this._repo.headId, stored);
     if (!this._frameworkManagedDOM) {
       const wrapper = this.querySelector(".aparte-messages-wrapper");
       if (wrapper) {
@@ -2172,7 +2445,7 @@ class AparteChatViewport extends HTMLElement {
         } else {
           wrapper.appendChild(bubble);
         }
-        populateBubbleFromMessage(bubble, message);
+        populateBubbleFromMessage(bubble, stored);
       }
     }
     this._pruneRenderedBubbles();
@@ -2322,7 +2595,13 @@ class AparteChatViewport extends HTMLElement {
    */
   importTree(tree) {
     this.clearAll({ revokeAttachments: false });
-    this._repo.import(tree);
+    this._repo.import({
+      ...tree,
+      messages: tree.messages.map((entry) => ({
+        ...entry,
+        message: adoptMessageSegments(entry.message)
+      }))
+    });
     this._reRenderActivePath();
   }
   /**
@@ -2370,7 +2649,7 @@ class AparteChatViewport extends HTMLElement {
   setMessages(messages) {
     this.clearAll({ revokeAttachments: false });
     for (const m2 of messages) {
-      this.appendMessage(m2);
+      this.appendMessage(m2, { historical: true });
     }
   }
   /**
@@ -2868,6 +3147,20 @@ class AparteComposer extends HTMLElement {
   _panelMode = "submit";
   _panelSubmitEnabled = false;
   _panelOnSubmit = null;
+  /**
+   * Who owns the one panel slot, and how to tell them they lost it.
+   *
+   * There is exactly one slot, `showPanel` empties it unconditionally, and nothing
+   * used to say whose it was. Three paths therefore closed a panel whose owner was
+   * still awaiting an answer, and none of them told the owner: a second `showPanel`,
+   * the owner-of-record's own `hidePanel`, and — the one that actually bit —
+   * `_handleMessageDone`, which fires on EVERY turn end. A question still open when a
+   * turn finished lost its panel while `<aparte-elicitation>` kept `_pending` set,
+   * so the request never settled AND every later request was short-circuited for the
+   * life of the page.
+   */
+  _panelToken = null;
+  _panelOnEvict = null;
   // Internal bus events that represent an observable STATE change — these are
   // mirrored to the public `aparte-composer-change` DOM event. `submit`/`cancel`
   // are actions, not state, and are covered by `aparte-send`/`aparte-cancel`.
@@ -3035,9 +3328,14 @@ class AparteComposer extends HTMLElement {
    * used to set on a child: an attribute is themeable, is visible to a consumer's
    * own rules, and does not clobber a `display` the consumer had set (the restore
    * wrote `''`, not the previous value).
+   *
+   * Returns the TOKEN for this panel. Pass it back to `hidePanel` so a presenter
+   * that has already lost the slot cannot close the panel that replaced it, and
+   * supply `onEvict` to be told when that happens — an owner that is not told is an
+   * owner whose promise nobody can settle.
    */
   showPanel(panel, options) {
-    this.hidePanel();
+    this._evictPanel();
     const inputEl = this.querySelector("aparte-composer-input");
     this.setAttribute("data-panel-active", "");
     panel.dataset["apartePanel"] = "true";
@@ -3050,10 +3348,31 @@ class AparteComposer extends HTMLElement {
     this._panelSubmitEnabled = options?.submitEnabled ?? false;
     this._panelMode = options?.mode ?? "submit";
     this._panelOnSubmit = options?.onSubmit ?? null;
+    this._panelOnEvict = options?.onEvict ?? null;
+    const token = Symbol("aparte-composer-panel");
+    this._panelToken = token;
     this._emit("panel-change", { active: true, submitEnabled: this._panelSubmitEnabled, mode: this._panelMode });
+    return token;
   }
-  /** Remove the panel and restore the composer's own controls. */
-  hidePanel() {
+  /**
+   * Remove the panel and restore the composer's own controls.
+   *
+   * With a `token`, this closes the panel only if that token still owns the slot —
+   * so a presenter settling late cannot tear down the panel that replaced it. With
+   * no token it closes whatever is there, which is what a consumer driving the
+   * composer directly means, and what `reset()` needs.
+   */
+  hidePanel(token) {
+    if (token !== void 0 && token !== this._panelToken) return;
+    this._teardownPanel();
+  }
+  /** Close the panel AND tell its owner, so a pending request never orphans. */
+  _evictPanel() {
+    const onEvict = this._panelOnEvict;
+    this._teardownPanel();
+    onEvict?.();
+  }
+  _teardownPanel() {
     const existing = this.querySelector("[data-aparte-panel]");
     if (existing) existing.remove();
     this.removeAttribute("data-panel-active");
@@ -3061,6 +3380,8 @@ class AparteComposer extends HTMLElement {
     this._panelSubmitEnabled = false;
     this._panelMode = "submit";
     this._panelOnSubmit = null;
+    this._panelOnEvict = null;
+    this._panelToken = null;
     this._emit("panel-change", { active: false, submitEnabled: false, mode: "submit" });
     this.focus();
   }
@@ -3138,7 +3459,7 @@ class AparteComposer extends HTMLElement {
   reset() {
     this.setValue("");
     this.clearAttachments();
-    if (this._panelActive) this.hidePanel();
+    if (this._panelActive) this._evictPanel();
   }
   /** Focus the input primitive inside this composer. */
   focus() {
@@ -3207,7 +3528,7 @@ class AparteComposer extends HTMLElement {
     if (!this._isForThisComposer(e2)) return;
     this._streaming = false;
     this._emit("streaming-change", { streaming: false });
-    if (this._panelActive) this.hidePanel();
+    if (this._panelActive) this._evictPanel();
   }
 }
 if (!customElements.get("aparte-composer")) {
@@ -3231,6 +3552,7 @@ class AparteComposerInput extends HTMLElement {
     this._render();
     this._connectToRoot();
     this._scheduleInitialReflow();
+    this._unsubscribes.push(subscribeConfigChange(this, () => this._updatePlaceholder()));
   }
   disconnectedCallback() {
     this._editor?.removeEventListener("input", this._onInput);
@@ -3368,10 +3690,10 @@ class AparteComposerInput extends HTMLElement {
     }
   }
   _handleFocus() {
-    this.classList.add("is-focused");
+    this.classList.add("aparte-is-focused");
   }
   _handleBlur() {
-    this.classList.remove("is-focused");
+    this.classList.remove("aparte-is-focused");
   }
   _handlePaste(e2) {
     e2.preventDefault();
@@ -3414,9 +3736,9 @@ class AparteComposerInput extends HTMLElement {
   }
   _updatePlaceholder() {
     if (this._editor) {
-      const p2 = this._getPlaceholder();
-      this._editor.setAttribute("data-placeholder", p2);
-      this._editor.setAttribute("aria-label", p2);
+      const p = this._getPlaceholder();
+      this._editor.setAttribute("data-placeholder", p);
+      this._editor.setAttribute("aria-label", p);
     }
   }
   _updatePlaceholderVisibility() {
@@ -3434,6 +3756,16 @@ if (!customElements.get("aparte-composer-input")) {
 class AparteComposerSend extends HTMLElement {
   _button = null;
   _unsubscribes = [];
+  /**
+   * The last `panel-change` payload.
+   *
+   * This button has four meanings — send, stop, submit an answer, advance to the
+   * next question — and three of them are decided by state it does not own: the
+   * root's `streaming`, and this payload. It was read straight out of the event's
+   * arguments and thrown away, so nothing could recompute the button's chrome
+   * afterwards; a config change had no way to know which of the four to write.
+   */
+  _panel = null;
   // Bound handler
   _onClick = this._handleClick.bind(this);
   connectedCallback() {
@@ -3483,27 +3815,56 @@ class AparteComposerSend extends HTMLElement {
       root._on("attachments-change", () => this._syncState())
     );
     this._unsubscribes.push(
-      root._on("panel-change", ({ active, submitEnabled, mode }) => {
-        if (!this._button) return;
-        if (active) {
-          this._button.disabled = !submitEnabled;
-          const cfg = resolveConfig(this);
-          const advancing = mode === "advance";
-          this._button.innerHTML = advancing ? cfg.getIcon("nextBranch") : this._getSubmitIcon();
-          const label = advancing ? cfg.t("elicitationNext") || "Next" : cfg.t("submitButton") || "Submit";
-          this._button.setAttribute("aria-label", label);
-          this._button.setAttribute("title", label);
-          this._button.classList.remove("is-streaming");
-        } else {
-          const root2 = this._getRoot();
-          if (root2?.streaming) {
-            this._syncStreamingState(true);
-          } else {
-            this._syncState();
-          }
-        }
+      root._on("panel-change", (payload) => {
+        this._panel = payload;
+        this._refreshChrome();
       })
     );
+    this._unsubscribes.push(subscribeConfigChange(this, () => this._refreshChrome()));
+  }
+  /**
+   * Write the chrome for the mode the button is IN, deciding before writing.
+   *
+   * Never `_render()`: it returns early once the button exists, and its own
+   * disabled/icon computation consults neither `root.streaming` nor the panel — so
+   * rebuilding mid-turn would put a paper plane back while a reply was still
+   * streaming, and rebuilding with the question panel open would silently drop out
+   * of answer mode. It would also take the focus off the one control in this
+   * composer most likely to be holding it.
+   */
+  _refreshChrome() {
+    if (!this._button) return;
+    if (this._panel?.active) {
+      this._syncPanelState();
+      return;
+    }
+    if (this._getRoot()?.streaming) {
+      this._syncStreamingState(true);
+      return;
+    }
+    this._syncState();
+  }
+  /**
+   * Panel open: this one button now means "answer", and WHICH answer depends on
+   * where you are in the form.
+   *
+   * The icon has to move with the meaning: it drew a paper plane while the label
+   * already said "Submit", so it read as "send a message" while it meant "answer
+   * this question". And a check on a form with three questions left was just as
+   * wrong — hence a chevron while there is more ahead. The visual is what a user
+   * reads.
+   */
+  _syncPanelState() {
+    const panel = this._panel;
+    if (!this._button || !panel?.active) return;
+    const cfg = resolveConfig(this);
+    const advancing = panel.mode === "advance";
+    this._button.disabled = !panel.submitEnabled;
+    this._button.innerHTML = advancing ? cfg.getIcon("nextBranch") : this._getSubmitIcon();
+    const label = advancing ? cfg.t("elicitationNext") || "Next" : cfg.t("submitButton") || "Submit";
+    this._button.setAttribute("aria-label", label);
+    this._button.setAttribute("title", label);
+    this._button.classList.remove("aparte-is-streaming");
   }
   _handleClick(e2) {
     e2.preventDefault();
@@ -3519,16 +3880,17 @@ class AparteComposerSend extends HTMLElement {
     const label = resolveConfig(this).t("sendButton") || "Send";
     this._button.setAttribute("aria-label", label);
     this._button.setAttribute("title", label);
-    this._button.classList.remove("is-streaming");
+    this._button.classList.remove("aparte-is-streaming");
   }
   _syncStreamingState(streaming) {
     if (!this._button) return;
     if (streaming) {
       this._button.disabled = false;
       this._button.innerHTML = this._getStopIcon();
-      this._button.setAttribute("aria-label", "Stop");
-      this._button.setAttribute("title", "Stop");
-      this._button.classList.add("is-streaming");
+      const label = resolveConfig(this).t("stopButton") || "Stop";
+      this._button.setAttribute("aria-label", label);
+      this._button.setAttribute("title", label);
+      this._button.classList.add("aparte-is-streaming");
     } else {
       this._syncState();
     }
@@ -3558,6 +3920,7 @@ class AparteComposerCancel extends HTMLElement {
   connectedCallback() {
     this._render();
     this._connectToRoot();
+    this._unsubscribes.push(subscribeConfigChange(this, () => this._refreshChrome()));
   }
   disconnectedCallback() {
     this._button?.removeEventListener("click", this._onClick);
@@ -3595,6 +3958,20 @@ class AparteComposerCancel extends HTMLElement {
     e2.preventDefault();
     this._getRoot()?.cancel();
   }
+  /**
+   * Re-read the accessible name and the icon in place.
+   *
+   * `hidden` is NOT touched: `_render()` always renders this button hidden and only
+   * the root's `streaming-change` listener ever un-hides it, so a rebuild would make
+   * the stop button vanish in the middle of a turn.
+   */
+  _refreshChrome() {
+    if (!this._button) return;
+    const label = resolveConfig(this).t("stopButton") || "Stop";
+    this._button.setAttribute("aria-label", label);
+    this._button.setAttribute("title", label);
+    this._button.innerHTML = this._getStopIcon();
+  }
   _getStopIcon() {
     return resolveConfig(this).getIcon("stop");
   }
@@ -3700,6 +4077,7 @@ class AparteComposerAddAttachment extends HTMLElement {
     this._render();
     this._connectToRoot();
     this._setupDragDrop();
+    this._unsubscribes.push(subscribeConfigChange(this, () => this._refreshChrome()));
   }
   disconnectedCallback() {
     this._button?.removeEventListener("click", this._onClick);
@@ -3716,6 +4094,24 @@ class AparteComposerAddAttachment extends HTMLElement {
   _getRoot() {
     return this.closest("aparte-composer");
   }
+  /**
+   * Re-read the label and the icon on the button that already exists.
+   *
+   * Deliberately not a re-render: `_render()` returns early once the button is
+   * there, and its `disabled` computation ignores `root.streaming` while the
+   * streaming listener sets `disabled` directly — so rebuilding would silently
+   * re-enable the attach button mid-turn, and drop focus if the user were on it.
+   * The native file input and the drag listeners live outside this element
+   * (on `document.body` and on the composer root), so they are untouched either way.
+   */
+  _refreshChrome() {
+    if (!this._button) return;
+    const cfg = resolveConfig(this);
+    const label = cfg.t("actionUpload") || "Attach file";
+    this._button.setAttribute("aria-label", label);
+    this._button.setAttribute("title", label);
+    this._button.innerHTML = cfg.getIcon("paperclip") || this._defaultIcon();
+  }
   _render() {
     if (this.querySelector(".aparte-caa-button")) return;
     const label = resolveConfig(this).t("actionUpload") || "Attach file";
@@ -3769,15 +4165,15 @@ class AparteComposerAddAttachment extends HTMLElement {
     const onDragOver = (e2) => {
       if (root.disabled) return;
       prevent(e2);
-      root.classList.add("is-dragover");
+      root.classList.add("aparte-is-dragover");
     };
     const onDragLeave = (e2) => {
       prevent(e2);
-      root.classList.remove("is-dragover");
+      root.classList.remove("aparte-is-dragover");
     };
     const onDrop = (e2) => {
       prevent(e2);
-      root.classList.remove("is-dragover");
+      root.classList.remove("aparte-is-dragover");
       if (root.disabled) return;
       const files = e2.dataTransfer?.files;
       if (files?.length) this._getRoot()?.addAttachments(files);
@@ -3809,6 +4205,9 @@ class AparteComposerAction extends HTMLElement {
   connectedCallback() {
     this._render();
     this._connectToRoot();
+    this._unsubscribes.push(subscribeConfigChange(this, () => {
+      if (this._button) this._button.innerHTML = this._resolveIcon(this.getAttribute("icon") ?? "");
+    }));
   }
   disconnectedCallback() {
     this._button?.removeEventListener("click", this._onClick);
@@ -4067,162 +4466,6 @@ class AparteConversationList extends HTMLElement {
   }
 }
 if (!customElements.get("aparte-conversation-list")) customElements.define("aparte-conversation-list", AparteConversationList);
-class AparteElicitation extends HTMLElement {
-  _pending = null;
-  /**
-   * A turn ended — cancel the open question only if it was OUR turn.
-   *
-   * These two listeners sit on `window` and had no instance filter at all, so a
-   * Stop (or an error) in one chat cancelled the question a DIFFERENT chat was
-   * waiting on — and that chat's model was told the user had refused a question
-   * the user was still looking at. Same defect as the `compact()` handler that
-   * emptied both chats, which its four sibling handlers in `AparteClient` already
-   * guarded against.
-   *
-   * The leniency rule is the composer's, deliberately: an event with no
-   * `targetId` is for everyone (a single-chat app never sets one), and a chat we
-   * cannot identify accepts everything rather than becoming deaf. Only a
-   * MISMATCH is ignored.
-   */
-  _onTurnEnd = (e2) => {
-    const evtTargetId = e2.detail?.targetId;
-    const own = this._pendingTargetId();
-    if (evtTargetId && own && evtTargetId !== own) return;
-    this._cancelPending();
-  };
-  connectedCallback() {
-    this.style.display = "none";
-    resolveConfig(this).setElicitationPresenter(this._present);
-    window.addEventListener("aparte-message-aborted", this._onTurnEnd);
-    window.addEventListener("aparte-message-error", this._onTurnEnd);
-  }
-  /**
-   * The boundary above us appeared, changed, or went away — move the
-   * registration with it.
-   *
-   * `connectedCallback` alone is not enough and cannot be: registering is a
-   * WRITE, and under all four wrappers it happens before `attachConfig` runs, so
-   * it lands on the global singleton. `requestUserInput()` then resolves the
-   * instance config, finds nothing, and answers the model `cancel` — the model
-   * hears the user refuse a question the user never saw.
-   *
-   * See {@link AparteConfigAware}.
-   */
-  aparteConfigChanged(next, previous) {
-    if (previous.getElicitationPresenter() === this._present) previous.setElicitationPresenter(null);
-    next.setElicitationPresenter(this._present);
-  }
-  disconnectedCallback() {
-    const cfg = resolveConfig(this);
-    if (cfg.getElicitationPresenter() === this._present) cfg.setElicitationPresenter(null);
-    window.removeEventListener("aparte-message-aborted", this._onTurnEnd);
-    window.removeEventListener("aparte-message-error", this._onTurnEnd);
-    this._cancelPending();
-  }
-  _present = (request) => {
-    if (this._pending) return Promise.resolve({ action: "cancel" });
-    const composer = this._getComposer();
-    if (!composer) return Promise.resolve({ action: "cancel" });
-    return new Promise((resolve) => {
-      let done = false;
-      const settle = (result) => {
-        if (done) return;
-        done = true;
-        this._pending = null;
-        composer.hidePanel();
-        resolve(result);
-      };
-      if (request.signal) {
-        if (request.signal.aborted) {
-          settle({ action: "cancel" });
-          return;
-        }
-        request.signal.addEventListener("abort", () => settle({ action: "cancel" }), { once: true });
-      }
-      const cfg = resolveConfig(this);
-      const panel = runWithConfig(cfg, () => buildElicitationPanel(request.message, request.schema, () => {
-        composer.setPanelSubmitEnabled(panel.canProceed(), panel.mode());
-      }));
-      const skip = document.createElement("button");
-      skip.type = "button";
-      skip.className = "aparte-elic-skip";
-      skip.textContent = cfg.t("elicitationSkip");
-      skip.addEventListener("click", () => settle({ action: "decline" }));
-      panel.dismiss.appendChild(skip);
-      this._pending = { settle, composer };
-      composer.showPanel(panel.el, {
-        submitEnabled: panel.canProceed(),
-        mode: panel.mode(),
-        onSubmit: () => {
-          if (panel.mode() === "advance") {
-            panel.proceed();
-            composer.setPanelSubmitEnabled(panel.canProceed(), panel.mode());
-            return;
-          }
-          if (panel.isComplete()) settle({ action: "accept", content: panel.getContent() });
-        }
-      });
-      panel.focus();
-    });
-  };
-  _cancelPending() {
-    this._pending?.settle({ action: "cancel" });
-  }
-  /**
-   * The host id of the chat whose composer holds the open panel.
-   *
-   * Walks up from the composer rather than from `this`, because the panel lives in
-   * the composer and that is what the turn belongs to. Matches the hosts
-   * `aparte-chat-bubble._resolveTargetId()` matches, for the reason written there:
-   * Angular's wrapper root IS the `<aparte-chat>` element, while the plain-root
-   * wrappers render a `[data-aparte-chat]` div instead, so matching only the tag
-   * resolves `undefined` on three wrappers out of four.
-   */
-  _pendingTargetId() {
-    let el = this._pending?.composer ?? null;
-    while (el) {
-      const tag = el.tagName?.toLowerCase();
-      const isHost = tag === "aparte-chat" || tag === "aparte-chat-component" || el.hasAttribute?.("data-aparte-chat");
-      if (isHost && el.id) return el.id;
-      el = el.parentElement;
-    }
-    return void 0;
-  }
-  /**
-   * The composer to present in: the nearest one in an ancestor subtree, and
-   * nothing else.
-   *
-   * There used to be a `document.querySelector('aparte-composer')` fallback, which
-   * is the "first chat on the page" bug this repo has now fixed in four other
-   * places: on a page with two chats, an elicitation that could not find its own
-   * composer mounted its panel in the OTHER chat's — so one conversation's question
-   * appeared under the other conversation, and answering it resolved a tool call
-   * belonging to a chat the user was not looking at.
-   *
-   * Returning `null` instead resolves `cancel`, which is honest: nothing was
-   * shown, so nothing was answered. The warning names the fix, because this is a
-   * setup mistake and only the developer can correct it — the guide's own example
-   * puts `<aparte-elicitation>` inside `<aparte-chat>`.
-   */
-  _getComposer() {
-    let node = this.parentElement;
-    while (node) {
-      const composer = node.querySelector("aparte-composer");
-      if (composer && typeof composer.showPanel === "function") return composer;
-      const tag = node.tagName?.toLowerCase();
-      const isChatBoundary = tag === "aparte-chat" || tag === "aparte-chat-component" || node.hasAttribute?.("data-aparte-chat");
-      if (isChatBoundary) break;
-      node = node.parentElement;
-    }
-    console.warn(
-      "[aparte-elicitation] No <aparte-composer> in this element's subtree, so the request was cancelled — the model will read that as a refusal. Move <aparte-elicitation> inside the <aparte-chat> it belongs to. It is deliberately NOT borrowing another chat's composer: on a page with two chats that put the question under the wrong one."
-    );
-    return null;
-  }
-}
-if (typeof customElements !== "undefined" && !customElements.get("aparte-elicitation")) {
-  customElements.define("aparte-elicitation", AparteElicitation);
-}
 function registerAllComponents() {
   const _chat = customElements.get("aparte-chat");
   const _viewport = customElements.get("aparte-chat-viewport");
@@ -4233,21 +4476,22 @@ function registerAllComponents() {
   }
 }
 export {
-  A as APARTE_CONVERSATION_SCHEMA_VERSION,
-  a as APARTE_DEFAULT_BUBBLE_ACTIONS,
-  b as APARTE_DEFAULT_HOST_HANDLERS,
-  c as APARTE_DEFAULT_ICON_FALLBACKS,
-  d as APARTE_DEFAULT_LOCALE,
-  e as APARTE_DEFAULT_SKELETON_FALLBACKS,
-  f as APARTE_DEFAULT_UI_EVENTS,
-  g as APARTE_HOST_ATTR,
-  h as AparteBackendTransport,
+  A as APARTE_CONFIG_CHANGE,
+  a as APARTE_CONVERSATION_SCHEMA_VERSION,
+  b as APARTE_DEFAULT_BUBBLE_ACTIONS,
+  c as APARTE_DEFAULT_HOST_HANDLERS,
+  d as APARTE_DEFAULT_ICON_FALLBACKS,
+  e as APARTE_DEFAULT_LOCALE,
+  f as APARTE_DEFAULT_SKELETON_FALLBACKS,
+  g as APARTE_DEFAULT_UI_EVENTS,
+  h as APARTE_HOST_ATTR,
+  i as AparteBackendTransport,
   AparteChat,
   AparteChatBubble,
-  i as AparteChatHost,
+  j as AparteChatHost,
   AparteChatStatus,
   AparteChatViewport,
-  j as AparteClient,
+  k as AparteClient,
   AparteComposer,
   AparteComposerAction,
   AparteComposerAddAttachment,
@@ -4256,57 +4500,61 @@ export {
   AparteComposerInput,
   AparteComposerSend,
   AparteComposerToolbar,
-  k as AparteConfig,
-  l as AparteConversationController,
+  l as AparteConfig,
+  m as AparteConversationController,
   AparteConversationList,
-  m as AparteConversationManager,
-  n as AparteDirectTransport,
+  n as AparteConversationManager,
+  o as AparteDirectTransport,
   AparteElicitation,
-  o as AparteError,
-  p as AparteErrorCode,
+  AparteElicitationAbortError,
+  q as AparteError,
+  r as AparteErrorCode,
   AparteMessageRepository,
   AparteOptgroup,
   AparteOption,
   AparteProgressSpinner,
   AparteSelect,
-  r as AparteStreamParser,
-  s as aparteGlobalConfig,
-  t as applyElementProps,
-  u as attachConfig,
+  t as AparteStreamParser,
+  u as aparteGlobalConfig,
+  v as applyElementProps,
+  w as attachConfig,
+  buildApprovalPanel,
   buildElicitationPanel,
-  w as collectRendererStyles,
-  x as contentToText,
-  y as contextConfig,
-  z as createAparteChatHandler,
-  B as createStreamAdapter,
+  z as collectRendererStyles,
+  B as contentToText,
+  C as contextConfig,
+  D as createAparteChatHandler,
+  E as createStreamAdapter,
   cssEscape,
-  D as declineDefaultRenderers,
-  E as defaultSanitizer,
-  F as deriveArtifactKind,
-  G as detachConfig,
+  G as declineDefaultRenderers,
+  H as defaultSanitizer,
+  I as deriveArtifactKind,
+  J as detachConfig,
   escapeAttr,
   escapeHtml,
-  J as filesToAttachments,
-  K as getAllRenderers,
+  M as filesToAttachments,
+  N as getAllRenderers,
   getSegmentRenderer,
   installDefaultRenderersOnce,
   isAwaitingReply,
-  O as isFormatAdapter,
-  P as isSafeUrl,
-  Q as isSegmentSettled,
-  R as parseAparteEventStream,
-  S as parseMarkdownToSegments,
+  R as isFormatAdapter,
+  S as isSafeUrl,
+  T as isSegmentSettled,
+  U as parseAparteEventStream,
+  V as parseMarkdownToSegments,
   populateBubbleFromMessage,
-  U as readableToAsyncIterable,
+  X as readableToAsyncIterable,
   registerAllComponents,
-  V as registerDefaultRenderers,
-  W as registerSegmentRenderer,
-  X as requestUserInput,
+  Y as registerDefaultRenderers,
+  Z as registerSegmentRenderer,
+  _ as requestUserInput,
   resolveConfig,
   revokeAttachmentUrls,
   runWithConfig,
-  $ as segmentDuration,
-  a0 as unregisterSegmentRenderer,
+  a2 as segmentDuration,
+  a3 as segmentTiming,
+  subscribeConfigChange,
+  a5 as unregisterSegmentRenderer,
   uuid
 };
 //# sourceMappingURL=index.js.map