@aparte/core 0.8.0 → 0.10.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { H as escapeAttr, X as resolveConfig, C as cssEscape, Z as runWithConfig, I as escapeHtml, L as getSegmentRenderer, M as installDefaultRenderersOnce, q as AparteMessageRepository, N as isAwaitingReply, S as populateBubbleFromMessage, $ as uuid, Y as revokeAttachmentUrls, v as buildElicitationPanel } from "./index-BieFbKeW.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, T, U, V, W, _ } from "./index-BieFbKeW.js";
+import { I as escapeAttr, D as cssEscape, $ as runWithConfig, Z as resolveConfig, a5 as mergeSegmentUpdate, J as escapeHtml, M as getSegmentRenderer, N as installDefaultRenderersOnce, r as AparteMessageRepository, a6 as stampSegmentActivity, a7 as stampSegmentOnInsert, a8 as stampSegmentOnUpdate, a9 as renumberSegments, aa as openSegmentIds, ab as isTerminalStatus, ac as adoptMessageSegments, O as isAwaitingReply, U as populateBubbleFromMessage, a4 as uuid, _ as revokeAttachmentUrls, a2 as subscribeConfigChange, w as buildElicitationPanel } from "./index-BnKBciDG.js";
+import { A, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, s, t, u, v, x, y, z, B, C, E, F, G, H, K, L, P, Q, R, S, T, V, W, X, Y, a0, a1, a3 } from "./index-BnKBciDG.js";
 class AparteOption extends HTMLElement {
   static get observedAttributes() {
     return ["value", "disabled", "selected", "data-status"];
@@ -804,7 +804,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 +923,7 @@ class AparteChatBubble extends HTMLElement {
   }
   /** Set segments for rich content */
   setSegments(segments) {
-    this._segments = segments;
+    this._segments = [...segments];
     this._renderSegments();
     this._updateWaiting();
   }
@@ -906,7 +937,7 @@ class AparteChatBubble extends HTMLElement {
   updateSegment(segmentId, updates) {
     const index = this._segments.findIndex((s2) => s2.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);
     }
@@ -1135,9 +1166,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 +1179,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 +1213,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 +1224,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() {
@@ -1271,7 +1311,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"
       });
@@ -1978,7 +2018,13 @@ class AparteChatViewport extends HTMLElement {
     if (segment && "content" in segment) {
       message.segments[index] = {
         ...segment,
-        content: segment.content + chunk
+        content: segment.content + chunk,
+        // Content arriving IS the segment's activity, so this is what
+        // `endedAt` measures. Without it a thinking block's end would be
+        // whenever someone happened to notice it had stopped — the end of
+        // the turn, or the start of the next segment — and both of those
+        // silently fold the waiting that followed into the duration.
+        ...stampSegmentActivity(segment)
       };
     }
     this.dispatchEvent(new CustomEvent("aparte-segment-update", {
@@ -2017,8 +2063,16 @@ class AparteChatViewport extends HTMLElement {
     if (!message.segments) {
       message.segments = [];
     }
-    message.segments.push(segment);
-    this._notifyBubble(messageId, "addSegment", segment);
+    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) {
@@ -2031,11 +2085,10 @@ class AparteChatViewport extends HTMLElement {
     if (!message?.segments) return;
     const segmentIndex = message.segments.findIndex((s2) => s2.id === segmentId);
     if (segmentIndex !== -1) {
-      message.segments[segmentIndex] = {
-        ...message.segments[segmentIndex],
-        ...updates
-      };
-      this._notifyBubble(messageId, "updateSegment", { segmentId, updates });
+      const current = message.segments[segmentIndex];
+      const stamped = stampSegmentOnUpdate(current, updates);
+      message.segments[segmentIndex] = mergeSegmentUpdate(current, stamped);
+      this._notifyBubble(messageId, "updateSegment", { segmentId, updates: stamped });
     }
   }
   removeSegment(a2, b2) {
@@ -2046,7 +2099,10 @@ class AparteChatViewport extends HTMLElement {
     const message = this._repo.getMessageById(messageId);
     if (message?.segments) {
       const idx = message.segments.findIndex((s2) => s2.id === segmentId);
-      if (idx !== -1) message.segments.splice(idx, 1);
+      if (idx !== -1) {
+        message.segments.splice(idx, 1);
+        renumberSegments(message.segments);
+      }
     }
     this._notifyBubble(messageId, "removeSegment", segmentId);
   }
@@ -2086,13 +2142,26 @@ class AparteChatViewport extends HTMLElement {
     if (message) {
       message.isStreaming = false;
       message.status = "completed";
-      message.segments?.forEach((s2) => {
-        s2.isStreaming = false;
-      });
+      this._settleSegments(messageId, message);
       this._notifyBubble(messageId, "complete", { status: "completed" });
       this._recalculateSpacer();
     }
   }
+  /**
+   * Close a finished message's still-open segments, one `updateSegment` each.
+   *
+   * Deliberately NOT a loop that writes `isStreaming` onto the objects: that path
+   * stamps the model and tells the bubble nothing, so a renderer never learns its
+   * segment settled — no `endedAt` in the rendered label, and no final Markdown
+   * flush either. Going through `updateSegment` reuses the one path that does
+   * both.
+   */
+  _settleSegments(messageId, message) {
+    if (!message.segments) return;
+    for (const id of openSegmentIds(message.segments)) {
+      this.updateSegment(messageId, id, { isStreaming: false });
+    }
+  }
   /**
    * Atomic update for a message by ID
    * Supports updating content, status, segments, and other metadata
@@ -2103,6 +2172,7 @@ class AparteChatViewport extends HTMLElement {
     Object.assign(message, updates);
     if (updates.status) {
       message.isStreaming = updates.status === "streaming" || updates.status === "pending";
+      if (isTerminalStatus(updates.status)) this._settleSegments(messageId, message);
     }
     this._notifyBubble(messageId, "update", updates);
     this._autoScroll();
@@ -2117,7 +2187,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();
   }
@@ -2128,8 +2198,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) {
@@ -2146,7 +2228,7 @@ class AparteChatViewport extends HTMLElement {
         } else {
           wrapper.appendChild(bubble);
         }
-        populateBubbleFromMessage(bubble, message);
+        populateBubbleFromMessage(bubble, stored);
       }
     }
     this._pruneRenderedBubbles();
@@ -2296,7 +2378,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();
   }
   /**
@@ -2344,7 +2432,7 @@ class AparteChatViewport extends HTMLElement {
   setMessages(messages) {
     this.clearAll({ revokeAttachments: false });
     for (const m2 of messages) {
-      this.appendMessage(m2);
+      this.appendMessage(m2, { historical: true });
     }
   }
   /**
@@ -3205,6 +3293,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);
@@ -3408,6 +3497,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() {
@@ -3457,27 +3556,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("is-streaming");
   }
   _handleClick(e2) {
     e2.preventDefault();
@@ -3500,8 +3628,9 @@ class AparteComposerSend extends HTMLElement {
     if (streaming) {
       this._button.disabled = false;
       this._button.innerHTML = this._getStopIcon();
-      this._button.setAttribute("aria-label", "Stop");
-      this._button.setAttribute("title", "Stop");
+      const label = resolveConfig(this).t("stopButton") || "Stop";
+      this._button.setAttribute("aria-label", label);
+      this._button.setAttribute("title", label);
       this._button.classList.add("is-streaming");
     } else {
       this._syncState();
@@ -3532,6 +3661,7 @@ class AparteComposerCancel extends HTMLElement {
   connectedCallback() {
     this._render();
     this._connectToRoot();
+    this._unsubscribes.push(subscribeConfigChange(this, () => this._refreshChrome()));
   }
   disconnectedCallback() {
     this._button?.removeEventListener("click", this._onClick);
@@ -3569,6 +3699,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");
   }
@@ -3674,6 +3818,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);
@@ -3690,6 +3835,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";
@@ -3783,6 +3946,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);
@@ -4064,8 +4230,10 @@ class AparteElicitation extends HTMLElement {
     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);
@@ -4091,8 +4259,24 @@ class AparteElicitation extends HTMLElement {
     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.panel.relabel());
+    this._pending.skip.textContent = cfg.t("elicitationSkip");
+  }
   _present = (request) => {
     if (this._pending) return Promise.resolve({ action: "cancel" });
     const composer = this._getComposer();
@@ -4123,7 +4307,7 @@ class AparteElicitation extends HTMLElement {
       skip.textContent = cfg.t("elicitationSkip");
       skip.addEventListener("click", () => settle({ action: "decline" }));
       panel.dismiss.appendChild(skip);
-      this._pending = { settle, composer };
+      this._pending = { settle, composer, panel, skip };
       composer.showPanel(panel.el, {
         submitEnabled: panel.canProceed(),
         mode: panel.mode(),
@@ -4207,21 +4391,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,
@@ -4230,55 +4415,59 @@ 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,
+  p as AparteError,
+  q as AparteErrorCode,
   AparteMessageRepository,
   AparteOptgroup,
   AparteOption,
   AparteProgressSpinner,
   AparteSelect,
-  r as AparteStreamParser,
-  s as aparteGlobalConfig,
-  t as applyElementProps,
-  u as attachConfig,
+  s as AparteStreamParser,
+  t as aparteGlobalConfig,
+  u as applyElementProps,
+  v as attachConfig,
   buildElicitationPanel,
-  w as collectRendererStyles,
-  x as contentToText,
-  y as contextConfig,
-  z as createAparteChatHandler,
-  B as createStreamAdapter,
+  x as collectRendererStyles,
+  y as contentToText,
+  z as contextConfig,
+  B as createAparteChatHandler,
+  C as createStreamAdapter,
   cssEscape,
-  D as declineDefaultRenderers,
-  E as defaultSanitizer,
-  F as deriveArtifactKind,
-  G as detachConfig,
+  E as declineDefaultRenderers,
+  F as defaultSanitizer,
+  G as deriveArtifactKind,
+  H as detachConfig,
   escapeAttr,
   escapeHtml,
-  J as filesToAttachments,
-  K as getAllRenderers,
+  K as filesToAttachments,
+  L as getAllRenderers,
   getSegmentRenderer,
   installDefaultRenderersOnce,
   isAwaitingReply,
-  O as isFormatAdapter,
-  P as isSafeUrl,
-  Q as parseAparteEventStream,
-  R as parseMarkdownToSegments,
+  P as isFormatAdapter,
+  Q as isSafeUrl,
+  R as isSegmentSettled,
+  S as parseAparteEventStream,
+  T as parseMarkdownToSegments,
   populateBubbleFromMessage,
-  T as readableToAsyncIterable,
+  V as readableToAsyncIterable,
   registerAllComponents,
-  U as registerDefaultRenderers,
-  V as registerSegmentRenderer,
-  W as requestUserInput,
+  W as registerDefaultRenderers,
+  X as registerSegmentRenderer,
+  Y as requestUserInput,
   resolveConfig,
   revokeAttachmentUrls,
   runWithConfig,
-  _ as unregisterSegmentRenderer,
+  a0 as segmentDuration,
+  a1 as segmentTiming,
+  subscribeConfigChange,
+  a3 as unregisterSegmentRenderer,
   uuid
 };
 //# sourceMappingURL=index.js.map