@harnessio/ai-chat-core 0.0.14 → 0.0.16

package/dist/index.js

@@ -1,36 +1,36 @@
 var J = Object.defineProperty;
-var W = (i, s, t) => s in i ? J(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t;
-var u = (i, s, t) => W(i, typeof s != "symbol" ? s + "" : s, t);
-import k, { createContext as q, useContext as U, useState as b, useEffect as w, useReducer as z, useCallback as C, useMemo as V } from "react";
+var W = (i, r, t) => r in i ? J(i, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[r] = t;
+var u = (i, r, t) => W(i, typeof r != "symbol" ? r + "" : r, t);
+import B, { createContext as q, useContext as U, useState as b, useEffect as w, useReducer as z, useCallback as C, useMemo as V } from "react";
 class G {
   constructor() {
     u(this, "plugins", /* @__PURE__ */ new Map());
     u(this, "renderersByType", /* @__PURE__ */ new Map());
   }
-  registerPlugin(s) {
-    this.plugins.has(s.id), this.plugins.set(s.id, s), s.renderers.forEach((t) => {
+  registerPlugin(r) {
+    this.plugins.has(r.id), this.plugins.set(r.id, r), r.renderers.forEach((t) => {
       const e = this.renderersByType.get(t.type) || [];
-      e.push(t), e.sort((r, n) => ((n == null ? void 0 : n.priority) ?? 0) - ((r == null ? void 0 : r.priority) ?? 0)), this.renderersByType.set(t.type, e);
+      e.push(t), e.sort((s, n) => ((n == null ? void 0 : n.priority) ?? 0) - ((s == null ? void 0 : s.priority) ?? 0)), this.renderersByType.set(t.type, e);
     });
   }
-  unregisterPlugin(s) {
-    const t = this.plugins.get(s);
+  unregisterPlugin(r) {
+    const t = this.plugins.get(r);
     return t ? (t.renderers.forEach((e) => {
       const n = (this.renderersByType.get(e.type) || []).filter((a) => !t.renderers.includes(a));
       n.length === 0 ? this.renderersByType.delete(e.type) : this.renderersByType.set(e.type, n);
-    }), this.plugins.delete(s)) : !1;
+    }), this.plugins.delete(r)) : !1;
   }
-  getPlugin(s) {
-    return this.plugins.get(s);
+  getPlugin(r) {
+    return this.plugins.get(r);
   }
   getAllPlugins() {
     return Array.from(this.plugins.values());
   }
-  getRenderersByType(s) {
-    return this.renderersByType.get(s) || [];
+  getRenderersByType(r) {
+    return this.renderersByType.get(r) || [];
   }
-  getBestRendererForType(s) {
-    return this.getRenderersByType(s)[0];
+  getBestRendererForType(r) {
+    return this.getRenderersByType(r)[0];
   }
   clear() {
     this.plugins.clear(), this.renderersByType.clear();
@@ -41,29 +41,29 @@ class Y {
     u(this, "handlers", /* @__PURE__ */ new Map());
     u(this, "renderers", /* @__PURE__ */ new Map());
   }
-  registerHandler(s, t) {
-    this.handlers.set(s, t);
+  registerHandler(r, t) {
+    this.handlers.set(r, t);
   }
-  registerRenderer(s, t) {
-    this.renderers.set(s, t);
+  registerRenderer(r, t) {
+    this.renderers.set(r, t);
   }
-  unregister(s) {
-    this.handlers.delete(s), this.renderers.delete(s);
+  unregister(r) {
+    this.handlers.delete(r), this.renderers.delete(r);
   }
-  getHandler(s) {
-    return this.handlers.get(s);
+  getHandler(r) {
+    return this.handlers.get(r);
   }
-  getRenderer(s) {
-    return this.renderers.get(s);
+  getRenderer(r) {
+    return this.renderers.get(r);
   }
   getStrategy() {
     return "queue";
   }
-  hasHandler(s) {
-    return this.handlers.has(s);
+  hasHandler(r) {
+    return this.handlers.has(r);
   }
-  hasRenderer(s) {
-    return this.renderers.has(s);
+  hasRenderer(r) {
+    return this.renderers.has(r);
   }
   clear() {
     this.handlers.clear(), this.renderers.clear();
@@ -73,27 +73,27 @@ class Y {
   }
 }
 class K {
-  constructor(s) {
+  constructor(r) {
     u(this, "executions", /* @__PURE__ */ new Map());
     u(this, "executionQueue", []);
     u(this, "isProcessing", !1);
     u(this, "runningByName", /* @__PURE__ */ new Map());
     u(this, "subscribers", /* @__PURE__ */ new Set());
     u(this, "getHandler");
-    this.getHandler = s;
+    this.getHandler = r;
   }
-  async executeCapability(s, t, e, r, n = "queue") {
-    if (!this.getHandler(s)) {
-      console.warn(`No handler registered for capability: ${s}`);
+  async executeCapability(r, t, e, s, n = "queue") {
+    if (!this.getHandler(r)) {
+      console.warn(`No handler registered for capability: ${r}`);
       return;
     }
     const o = {
       id: t,
-      name: s,
+      name: r,
       args: e,
       status: { type: "queued" },
       timestamp: Date.now(),
-      messageId: r
+      messageId: s
     };
     switch (this.executions.set(t, o), this.notifySubscribers(t), n) {
       case "queue":
@@ -106,41 +106,41 @@ class K {
   async processQueue() {
     if (!(this.isProcessing || this.executionQueue.length === 0)) {
       for (this.isProcessing = !0; this.executionQueue.length > 0; ) {
-        const s = this.executionQueue.shift(), t = this.executions.get(s);
+        const r = this.executionQueue.shift(), t = this.executions.get(r);
         if (!t) continue;
         const e = this.getHandler(t.name);
         if (!e) continue;
-        t.status = { type: "running" }, this.notifySubscribers(s);
-        const r = this.runningByName.get(t.name) || [];
-        r.push(s), this.runningByName.set(t.name, r);
+        t.status = { type: "running" }, this.notifySubscribers(r);
+        const s = this.runningByName.get(t.name) || [];
+        s.push(r), this.runningByName.set(t.name, s);
         try {
           const n = await e.execute(t.args, {
             messageId: t.messageId,
-            capabilityId: s
+            capabilityId: r
           });
           t.status = { type: "complete", result: n }, t.result = n;
         } catch (n) {
           const a = n instanceof Error ? n.message : "Unknown error";
           t.status = { type: "error", error: a }, t.error = a;
         } finally {
-          const n = this.runningByName.get(t.name) || [], a = n.indexOf(s);
-          a > -1 && n.splice(a, 1), n.length === 0 ? this.runningByName.delete(t.name) : this.runningByName.set(t.name, n), this.notifySubscribers(s);
+          const n = this.runningByName.get(t.name) || [], a = n.indexOf(r);
+          a > -1 && n.splice(a, 1), n.length === 0 ? this.runningByName.delete(t.name) : this.runningByName.set(t.name, n), this.notifySubscribers(r);
         }
       }
       this.isProcessing = !1;
     }
   }
-  getExecution(s) {
-    return this.executions.get(s);
+  getExecution(r) {
+    return this.executions.get(r);
   }
-  getExecutionsByMessage(s) {
-    return Array.from(this.executions.values()).filter((t) => t.messageId === s);
+  getExecutionsByMessage(r) {
+    return Array.from(this.executions.values()).filter((t) => t.messageId === r);
   }
-  subscribe(s) {
-    return this.subscribers.add(s), () => this.subscribers.delete(s);
+  subscribe(r) {
+    return this.subscribers.add(r), () => this.subscribers.delete(r);
   }
-  notifySubscribers(s) {
-    this.subscribers.forEach((t) => t(s));
+  notifySubscribers(r) {
+    this.subscribers.forEach((t) => t(r));
   }
   clear() {
     this.executions.clear(), this.executionQueue = [], this.runningByName.clear();
@@ -150,14 +150,14 @@ class y {
   constructor() {
     u(this, "_subscriptions", /* @__PURE__ */ new Set());
   }
-  subscribe(s) {
-    return this._subscriptions.add(s), () => {
-      this._subscriptions.delete(s);
+  subscribe(r) {
+    return this._subscriptions.add(r), () => {
+      this._subscriptions.delete(r);
     };
   }
   notifySubscribers() {
-    for (const s of this._subscriptions)
-      s();
+    for (const r of this._subscriptions)
+      r();
   }
   getSubscriberCount() {
     return this._subscriptions.size;
@@ -196,14 +196,14 @@ class X extends y {
   get focusedContentIndex() {
     return this._state.focusedContentIndex;
   }
-  focus(t, e, r, n = "detail") {
+  focus(t, e, s, n = "detail") {
     this._state = {
       isActive: !0,
       context: n,
       focusedContent: t,
       focusedMessage: e,
       focusedMessageId: e.id,
-      focusedContentIndex: r
+      focusedContentIndex: s
     }, this.notifySubscribers();
   }
   blur() {
@@ -216,8 +216,8 @@ class X extends y {
       focusedContentIndex: null
     }, this.notifySubscribers();
   }
-  toggle(t, e, r, n = "detail") {
-    this._state.isActive && this._state.focusedMessageId === e.id && this._state.focusedContentIndex === r && this._state.context === n ? this.blur() : this.focus(t, e, r, n);
+  toggle(t, e, s, n = "detail") {
+    this._state.isActive && this._state.focusedMessageId === e.id && this._state.focusedContentIndex === s && this._state.context === n ? this.blur() : this.focus(t, e, s, n);
   }
   switchContext(t) {
     this._state.isActive && this._state.focusedContent && (this._state = {
@@ -229,10 +229,10 @@ class X extends y {
     if (!this._state.focusedMessageId || !t.length) return;
     const e = t.findIndex((a) => a.id === this._state.focusedMessageId);
     if (e === -1) return;
-    const r = t[e], n = this._state.focusedContentIndex ?? 0;
-    if (n + 1 < r.content.length) {
-      const a = r.content[n + 1];
-      this.focus(a, r, n + 1, this._state.context || "detail");
+    const s = t[e], n = this._state.focusedContentIndex ?? 0;
+    if (n + 1 < s.content.length) {
+      const a = s.content[n + 1];
+      this.focus(a, s, n + 1, this._state.context || "detail");
       return;
     }
     if (e + 1 < t.length) {
@@ -244,10 +244,10 @@ class X extends y {
     if (!this._state.focusedMessageId || !t.length) return;
     const e = t.findIndex((a) => a.id === this._state.focusedMessageId);
     if (e === -1) return;
-    const r = t[e], n = this._state.focusedContentIndex ?? 0;
+    const s = t[e], n = this._state.focusedContentIndex ?? 0;
     if (n > 0) {
-      const a = r.content[n - 1];
-      this.focus(a, r, n - 1, this._state.context || "detail");
+      const a = s.content[n - 1];
+      this.focus(a, s, n - 1, this._state.context || "detail");
       return;
     }
     if (e > 0) {
@@ -263,7 +263,7 @@ let Z = 0, tt = 0;
 function F() {
   return `msg-${Date.now()}-${++Z}`;
 }
-function j() {
+function D() {
   return `thread-${Date.now()}-${++tt}`;
 }
 class I extends y {
@@ -434,8 +434,8 @@ class R extends y {
     };
   }
   updateMessages(t) {
-    var e, r;
-    this._messages = t, (r = (e = this.config).onMessagesChange) == null || r.call(e, this._messages), this.notifySubscribers();
+    var e, s;
+    this._messages = t, (s = (e = this.config).onMessagesChange) == null || s.call(e, this._messages), this.notifySubscribers();
   }
   append(t) {
     const e = {
@@ -453,14 +453,14 @@ class R extends y {
     if (this._isRunning)
       throw new Error("A run is already in progress");
     this.append(t), this._isRunning = !0, this._abortController = new AbortController(), this._currentPart = null;
-    const e = F(), r = {
+    const e = F(), s = {
       id: e,
       role: "assistant",
       content: [],
       status: { type: "running" },
       timestamp: Date.now()
     };
-    this.updateMessages([...this._messages, r]);
+    this.updateMessages([...this._messages, s]);
     try {
       const n = this.config.streamAdapter.stream({
         messages: this._messages,
@@ -488,9 +488,9 @@ class R extends y {
     }
   }
   handleStreamEvent(t, e) {
-    const r = this._messages.findIndex((o) => o.id === t);
-    if (r === -1) return;
-    const n = this._messages[r];
+    const s = this._messages.findIndex((o) => o.id === t);
+    if (s === -1) return;
+    const n = this._messages[s];
     if (e.type === "part-start")
       this.handlePartStart(n, e);
     else if (e.type === "text-delta" || e.type === "assistant_thought")
@@ -505,16 +505,25 @@ class R extends y {
         interactionId: o.interactionId
       }, o.conversationId && !this._conversationId && (this._conversationId = o.conversationId), o.title && !this._title && (this._title = o.title);
     } else if (e.type === "capability_execution") {
-      const o = e;
-      n.content = [
-        ...n.content,
-        {
-          type: "capability",
-          capabilityId: o.capabilityId,
+      const o = e, c = {
+        type: "capability",
+        capabilityId: o.capabilityId,
+        capabilityName: o.capabilityName,
+        args: o.args
+      };
+      n.content.push(c);
+      const d = o.artifact;
+      d && n.content.push({
+        type: "artifact",
+        data: {
           capabilityName: o.capabilityName,
-          args: o.args
+          originalArgs: o.args,
+          displayData: {
+            name: d.displayName,
+            type: d.displayType
+          }
         }
-      ], this.config.capabilityExecutionManager && this.config.capabilityExecutionManager.executeCapability(
+      }), this.config.capabilityExecutionManager && this.config.capabilityExecutionManager.executeCapability(
         o.capabilityName,
         o.capabilityId,
         o.args,
@@ -542,14 +551,14 @@ class R extends y {
       ];
     }
     const a = [
-      ...this._messages.slice(0, r),
+      ...this._messages.slice(0, s),
       { ...n, timestamp: Date.now() },
-      ...this._messages.slice(r + 1)
+      ...this._messages.slice(s + 1)
     ];
     this.updateMessages(a);
   }
   handlePartStart(t, e) {
-    const r = t.content.length;
+    const s = t.content.length;
     let n;
     switch (e.part.type) {
       case "assistant_thought":
@@ -577,7 +586,7 @@ class R extends y {
     }
     t.content = [...t.content, n], this._currentPart = {
       messageId: t.id,
-      contentIndex: r,
+      contentIndex: s,
       type: e.part.type,
       parentId: e.part.parentId
     };
@@ -587,8 +596,8 @@ class R extends y {
       console.warn("Received text-delta without part-start");
       return;
     }
-    const r = t.content[this._currentPart.contentIndex];
-    r.type === "assistant_thought" ? (Array.isArray(r.data) || (r.data = []), e.delta.trim() && r.data.push(e.delta.trim())) : r.data = (r.data || "") + e.delta;
+    const s = t.content[this._currentPart.contentIndex];
+    s.type === "assistant_thought" ? (Array.isArray(s.data) || (s.data = []), e.delta.trim() && s.data.push(e.delta.trim())) : s.data = (s.data || "") + e.delta;
   }
   handlePartFinish() {
     if (!this._currentPart) {
@@ -597,9 +606,9 @@ class R extends y {
     }
     const t = this._messages.findIndex((e) => e.id === this._currentPart.messageId);
     if (t !== -1) {
-      const e = this._messages[t], r = e.content[this._currentPart.contentIndex];
-      if (r) {
-        r.status = { type: "complete" };
+      const e = this._messages[t], s = e.content[this._currentPart.contentIndex];
+      if (s) {
+        s.status = { type: "complete" };
         const n = [
           ...this._messages.slice(0, t),
           { ...e, timestamp: Date.now() },
@@ -611,32 +620,32 @@ class R extends y {
     this._currentPart = null;
   }
   updateMessageStatus(t, e) {
-    const r = this._messages.findIndex((a) => a.id === t);
-    if (r === -1) return;
+    const s = this._messages.findIndex((a) => a.id === t);
+    if (s === -1) return;
     const n = [
-      ...this._messages.slice(0, r),
+      ...this._messages.slice(0, s),
       {
-        ...this._messages[r],
+        ...this._messages[s],
         status: e
       },
-      ...this._messages.slice(r + 1)
+      ...this._messages.slice(s + 1)
     ];
     this.updateMessages(n);
   }
   completeStreamingContent(t) {
     const e = this._messages.findIndex((c) => c.id === t);
     if (e === -1) return;
-    const r = this._messages[e];
-    if (!r.content.some((c) => {
-      var l;
-      return ((l = c.status) == null ? void 0 : l.type) === "streaming";
+    const s = this._messages[e];
+    if (!s.content.some((c) => {
+      var d;
+      return ((d = c.status) == null ? void 0 : d.type) === "streaming";
     })) return;
-    const a = r.content.map((c) => {
-      var l;
-      return ((l = c.status) == null ? void 0 : l.type) === "streaming" ? { ...c, status: { type: "complete" } } : c;
+    const a = s.content.map((c) => {
+      var d;
+      return ((d = c.status) == null ? void 0 : d.type) === "streaming" ? { ...c, status: { type: "complete" } } : c;
     }), o = [
       ...this._messages.slice(0, e),
-      { ...r, content: a, timestamp: Date.now() },
+      { ...s, content: a, timestamp: Date.now() },
       ...this._messages.slice(e + 1)
     ];
     this.updateMessages(o);
@@ -668,13 +677,13 @@ class st extends y {
     u(this, "_searchQuery");
     u(this, "_abortController", null);
     u(this, "main");
-    this.config = t, this._mainThreadId = j();
+    this.config = t, this._mainThreadId = D();
     const e = new R({
       streamAdapter: t.streamAdapter,
       capabilityExecutionManager: t.capabilityExecutionManager
     });
     this.main = new v(e), this._threads.set(this._mainThreadId, this.main);
-    const r = {
+    const s = {
       id: this._mainThreadId,
       title: "New Chat",
       status: { type: "regular" },
@@ -682,9 +691,9 @@ class st extends y {
       createdAt: Date.now(),
       updatedAt: Date.now()
     };
-    this._threadStates.set(this._mainThreadId, r);
+    this._threadStates.set(this._mainThreadId, s);
     const n = new I({
-      state: r,
+      state: s,
       onSwitchTo: this.switchToThread.bind(this),
       onRename: this.renameThread.bind(this),
       onDelete: this.deleteThread.bind(this)
@@ -703,8 +712,8 @@ class st extends y {
   }
   getState() {
     const t = [], e = {};
-    for (const [r, n] of this._threadStates)
-      e[r] = n, n.status.type === "regular" && t.push(r);
+    for (const [s, n] of this._threadStates)
+      e[s] = n, n.status.type === "regular" && t.push(s);
     return {
       mainThreadId: this._mainThreadId,
       threads: t,
@@ -718,8 +727,8 @@ class st extends y {
     const e = this._threads.get(t);
     if (!e)
       throw new Error(`Thread ${t} not found`);
-    const r = this._threadStates.get(this._mainThreadId);
-    r && (r.isMain = !1, this._threadStates.set(this._mainThreadId, r), (a = this._threadItems.get(this._mainThreadId)) == null || a.updateState(r)), this._mainThreadId = t;
+    const s = this._threadStates.get(this._mainThreadId);
+    s && (s.isMain = !1, this._threadStates.set(this._mainThreadId, s), (a = this._threadItems.get(this._mainThreadId)) == null || a.updateState(s)), this._mainThreadId = t;
     const n = this._threadStates.get(t);
     if (n && (n.isMain = !0, this._threadStates.set(t, n), (o = this._threadItems.get(t)) == null || o.updateState(n), e.setConversationId(n.conversationId), e.setTitle(n.title)), this.config.threadListAdapter && (n != null && n.conversationId)) {
       this._isLoading = !0, this.notifySubscribers();
@@ -735,11 +744,11 @@ class st extends y {
     this.notifySubscribers();
   }
   async switchToNewThread() {
-    const t = j(), e = new R({
+    const t = D(), e = new R({
       streamAdapter: this.config.streamAdapter,
       capabilityExecutionManager: this.config.capabilityExecutionManager
-    }), r = new v(e);
-    this._threads.set(t, r);
+    }), s = new v(e);
+    this._threads.set(t, s);
     const n = {
       id: t,
       title: "New Chat",
@@ -755,8 +764,8 @@ class st extends y {
       onRename: this.renameThread.bind(this),
       onDelete: this.deleteThread.bind(this)
     });
-    if (this._threadItems.set(t, a), r.subscribe(() => {
-      this.syncThreadStateFromRuntime(t, r), this.notifySubscribers();
+    if (this._threadItems.set(t, a), s.subscribe(() => {
+      this.syncThreadStateFromRuntime(t, s), this.notifySubscribers();
     }), this.config.threadListAdapter)
       try {
         const o = await this.config.threadListAdapter.createThread();
@@ -771,25 +780,30 @@ class st extends y {
       return console.warn("No threadListAdapter configured"), [];
     if (this._isLoading)
       return [];
-    this._abortController && this._abortController.abort(), this._abortController = new AbortController(), (t == null ? void 0 : t.query) !== void 0 && (this._searchQuery = t.query), this._isLoading = !0, this.notifySubscribers();
+    if (this._abortController && this._abortController.abort(), this._abortController = new AbortController(), (t == null ? void 0 : t.query) !== void 0 && (this._searchQuery = t.query), t != null && t.replace) {
+      const e = Array.from(this._threads.keys()).filter((s) => s !== this._mainThreadId);
+      for (const s of e)
+        this._threads.delete(s), this._threadItems.delete(s), this._threadStates.delete(s);
+    }
+    this._isLoading = !0, this.notifySubscribers();
     try {
       const e = await this.config.threadListAdapter.loadThreads(t);
-      for (const r of e) {
-        if (this._threadStates.has(r.id))
+      for (const s of e) {
+        if (this._threadStates.has(s.id))
           continue;
         const n = new R({
           streamAdapter: this.config.streamAdapter,
           capabilityExecutionManager: this.config.capabilityExecutionManager
         }), a = new v(n);
-        this._threads.set(r.id, a), this._threadStates.set(r.id, r);
+        this._threads.set(s.id, a), this._threadStates.set(s.id, s);
         const o = new I({
-          state: r,
+          state: s,
           onSwitchTo: this.switchToThread.bind(this),
           onRename: this.renameThread.bind(this),
           onDelete: this.deleteThread.bind(this)
         });
-        this._threadItems.set(r.id, o), a.subscribe(() => {
-          this.syncThreadStateFromRuntime(r.id, a), this.notifySubscribers();
+        this._threadItems.set(s.id, o), a.subscribe(() => {
+          this.syncThreadStateFromRuntime(s.id, a), this.notifySubscribers();
         });
       }
       return e;
@@ -804,14 +818,14 @@ class st extends y {
    */
   syncThreadStateFromRuntime(t, e) {
     var n;
-    const r = this._threadStates.get(t);
-    r && (r.conversationId !== e.conversationId || r.title !== e.title) && (r.conversationId = e.conversationId, r.title = e.title || r.title, r.updatedAt = Date.now(), this._threadStates.set(t, r), (n = this._threadItems.get(t)) == null || n.updateState(r));
+    const s = this._threadStates.get(t);
+    s && (s.conversationId !== e.conversationId || s.title !== e.title) && (s.conversationId = e.conversationId, s.title = e.title || s.title, s.updatedAt = Date.now(), this._threadStates.set(t, s), (n = this._threadItems.get(t)) == null || n.updateState(s));
   }
   async renameThread(t, e) {
     var n;
-    const r = this._threadStates.get(t);
-    if (r) {
-      if (r.title = e, r.updatedAt = Date.now(), this._threadStates.set(t, r), (n = this._threadItems.get(t)) == null || n.updateState(r), this.config.threadListAdapter)
+    const s = this._threadStates.get(t);
+    if (s) {
+      if (s.title = e, s.updatedAt = Date.now(), this._threadStates.set(t, s), (n = this._threadItems.get(t)) == null || n.updateState(s), this.config.threadListAdapter)
         try {
           await this.config.threadListAdapter.updateThread(t, { title: e });
         } catch (a) {
@@ -824,7 +838,7 @@ class st extends y {
     if (t === this._mainThreadId && this._threads.size === 1)
       throw new Error("Cannot delete the last thread");
     if (t === this._mainThreadId) {
-      const e = Array.from(this._threads.keys()).find((r) => r !== t);
+      const e = Array.from(this._threads.keys()).find((s) => s !== t);
       e && await this.switchToThread(e);
     }
     if (this._threads.delete(t), this._threadItems.delete(t), this._threadStates.delete(t), this.config.threadListAdapter)
@@ -897,8 +911,8 @@ class bt extends y {
   autoFocusLastContent(t) {
     var e;
     if (t.length !== 0 && !this._contentFocusRuntime.isActive)
-      for (let r = t.length - 1; r >= 0; r--) {
-        const n = t[r];
+      for (let s = t.length - 1; s >= 0; s--) {
+        const n = t[s];
         if (n.role === "assistant")
           for (let a = n.content.length - 1; a >= 0; a--) {
             const o = n.content[a], c = this.pluginRegistry.getRenderersByType(o.type);
@@ -916,17 +930,17 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var M, O;
+var M, j;
 function rt() {
-  if (O) return M;
-  O = 1;
-  var i = Object.getOwnPropertySymbols, s = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+  if (j) return M;
+  j = 1;
+  var i = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function e(n) {
     if (n == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
     return Object(n);
   }
-  function r() {
+  function s() {
     try {
       if (!Object.assign)
         return !1;
@@ -940,23 +954,23 @@ function rt() {
       });
       if (c.join("") !== "0123456789")
         return !1;
-      var l = {};
+      var d = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(f) {
-        l[f] = f;
-      }), Object.keys(Object.assign({}, l)).join("") === "abcdefghijklmnopqrst";
+        d[f] = f;
+      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return M = r() ? Object.assign : function(n, a) {
-    for (var o, c = e(n), l, f = 1; f < arguments.length; f++) {
+  return M = s() ? Object.assign : function(n, a) {
+    for (var o, c = e(n), d, f = 1; f < arguments.length; f++) {
       o = Object(arguments[f]);
       for (var h in o)
-        s.call(o, h) && (c[h] = o[h]);
+        r.call(o, h) && (c[h] = o[h]);
       if (i) {
-        l = i(o);
-        for (var d = 0; d < l.length; d++)
-          t.call(o, l[d]) && (c[l[d]] = o[l[d]]);
+        d = i(o);
+        for (var l = 0; l < d.length; l++)
+          t.call(o, d[l]) && (c[d[l]] = o[d[l]]);
       }
     }
     return c;
@@ -970,33 +984,33 @@ function rt() {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var D;
+var N;
 function nt() {
-  if (D) return x;
-  D = 1, rt();
-  var i = k, s = 60103;
+  if (N) return x;
+  N = 1, rt();
+  var i = B, r = 60103;
   if (x.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
     var t = Symbol.for;
-    s = t("react.element"), x.Fragment = t("react.fragment");
+    r = t("react.element"), x.Fragment = t("react.fragment");
   }
-  var e = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, r = Object.prototype.hasOwnProperty, n = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function a(o, c, l) {
-    var f, h = {}, d = null, g = null;
-    l !== void 0 && (d = "" + l), c.key !== void 0 && (d = "" + c.key), c.ref !== void 0 && (g = c.ref);
-    for (f in c) r.call(c, f) && !n.hasOwnProperty(f) && (h[f] = c[f]);
+  var e = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = Object.prototype.hasOwnProperty, n = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function a(o, c, d) {
+    var f, h = {}, l = null, p = null;
+    d !== void 0 && (l = "" + d), c.key !== void 0 && (l = "" + c.key), c.ref !== void 0 && (p = c.ref);
+    for (f in c) s.call(c, f) && !n.hasOwnProperty(f) && (h[f] = c[f]);
     if (o && o.defaultProps) for (f in c = o.defaultProps, c) h[f] === void 0 && (h[f] = c[f]);
-    return { $$typeof: s, type: o, key: d, ref: g, props: h, _owner: e.current };
+    return { $$typeof: r, type: o, key: l, ref: p, props: h, _owner: e.current };
   }
   return x.jsx = a, x.jsxs = a, x;
 }
-var L;
+var O;
 function it() {
-  return L || (L = 1, E.exports = nt()), E.exports;
+  return O || (O = 1, E.exports = nt()), E.exports;
 }
 var S = it();
 const $ = q(null);
-function yt({ runtime: i, children: s }) {
-  return /* @__PURE__ */ S.jsx($.Provider, { value: i, children: s });
+function yt({ runtime: i, children: r }) {
+  return /* @__PURE__ */ S.jsx($.Provider, { value: i, children: r });
 }
 function at() {
   const i = U($);
@@ -1004,36 +1018,36 @@ function at() {
     throw new Error("useAssistantRuntimeContext must be used within AssistantRuntimeProvider");
   return i;
 }
-function p() {
+function g() {
   return at();
 }
 function _t() {
-  const i = p();
+  const i = g();
   return {
-    switchToThread: (s) => i.threads.switchToThread(s),
+    switchToThread: (r) => i.threads.switchToThread(r),
     switchToNewThread: () => i.threads.switchToNewThread(),
-    loadThreads: (s) => i.threads.loadThreads(s),
-    renameThread: (s, t) => {
-      var e, r;
-      return (r = (e = i.threads).renameThread) == null ? void 0 : r.call(e, s, t);
+    loadThreads: (r) => i.threads.loadThreads(r),
+    renameThread: (r, t) => {
+      var e, s;
+      return (s = (e = i.threads).renameThread) == null ? void 0 : s.call(e, r, t);
     },
-    deleteThread: (s) => {
+    deleteThread: (r) => {
       var t, e;
-      return (e = (t = i.threads).deleteThread) == null ? void 0 : e.call(t, s);
+      return (e = (t = i.threads).deleteThread) == null ? void 0 : e.call(t, r);
     }
   };
 }
 function xt() {
-  const i = p(), [s, t] = b(i.threads.getState());
+  const i = g(), [r, t] = b(i.threads.getState());
   return w(() => i.threads.subscribe(() => {
     t(i.threads.getState());
-  }), [i]), s;
+  }), [i]), r;
 }
 function ot() {
-  const s = p().threads.getMainThread(), [, t] = b({});
-  return w(() => s.subscribe(() => {
+  const r = g().threads.getMainThread(), [, t] = b({});
+  return w(() => r.subscribe(() => {
     t({});
-  }), [s]), s;
+  }), [r]), r;
 }
 var A = { exports: {} }, P = {};
 /**
@@ -1045,87 +1059,87 @@ var A = { exports: {} }, P = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var N;
+var L;
 function ct() {
-  if (N) return P;
-  N = 1;
-  var i = k;
-  function s(h, d) {
-    return h === d && (h !== 0 || 1 / h === 1 / d) || h !== h && d !== d;
-  }
-  var t = typeof Object.is == "function" ? Object.is : s, e = i.useState, r = i.useEffect, n = i.useLayoutEffect, a = i.useDebugValue;
-  function o(h, d) {
-    var g = d(), _ = e({ inst: { value: g, getSnapshot: d } }), m = _[0].inst, T = _[1];
+  if (L) return P;
+  L = 1;
+  var i = B;
+  function r(h, l) {
+    return h === l && (h !== 0 || 1 / h === 1 / l) || h !== h && l !== l;
+  }
+  var t = typeof Object.is == "function" ? Object.is : r, e = i.useState, s = i.useEffect, n = i.useLayoutEffect, a = i.useDebugValue;
+  function o(h, l) {
+    var p = l(), _ = e({ inst: { value: p, getSnapshot: l } }), m = _[0].inst, T = _[1];
     return n(
       function() {
-        m.value = g, m.getSnapshot = d, c(m) && T({ inst: m });
+        m.value = p, m.getSnapshot = l, c(m) && T({ inst: m });
       },
-      [h, g, d]
-    ), r(
+      [h, p, l]
+    ), s(
       function() {
         return c(m) && T({ inst: m }), h(function() {
           c(m) && T({ inst: m });
         });
       },
       [h]
-    ), a(g), g;
+    ), a(p), p;
   }
   function c(h) {
-    var d = h.getSnapshot;
+    var l = h.getSnapshot;
     h = h.value;
     try {
-      var g = d();
-      return !t(h, g);
+      var p = l();
+      return !t(h, p);
     } catch {
       return !0;
     }
   }
-  function l(h, d) {
-    return d();
+  function d(h, l) {
+    return l();
   }
-  var f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? l : o;
+  var f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : o;
   return P.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : f, P;
 }
-var B;
+var k;
 function ut() {
-  return B || (B = 1, A.exports = ct()), A.exports;
+  return k || (k = 1, A.exports = ct()), A.exports;
 }
 var ht = ut();
 function St() {
-  const i = p();
+  const i = g();
   return ht.useSyncExternalStore(
-    (s) => i.subscribe(() => {
-      s();
+    (r) => i.subscribe(() => {
+      r();
     }),
     () => i.thread.messages,
     () => i.thread.messages
   );
 }
 function wt() {
-  const i = ot(), [s, t] = b(""), [e, r] = b(!1);
+  const i = ot(), [r, t] = b(""), [e, s] = b(!1);
   return {
-    text: s,
+    text: r,
     setText: t,
     isSubmitting: e,
     send: async (a) => {
-      if (a == null || a.preventDefault(), !s.trim() || e) return;
-      const o = s;
-      t(""), r(!0);
+      if (a == null || a.preventDefault(), !r.trim() || e) return;
+      const o = r;
+      t(""), s(!0);
       try {
         await i.send(o);
       } catch (c) {
         console.error("Failed to send message:", c), t(o);
       } finally {
-        r(!1);
+        s(!1);
       }
     },
     clear: () => t(""),
     append: (a) => t((o) => o + a)
   };
 }
-function Q(i, s) {
+function Q(i, r) {
   var n, a, o, c;
-  const e = p().pluginRegistry.getBestRendererForType(i);
+  const e = g().pluginRegistry.getBestRendererForType(i);
   if (!e)
     return {
       component: null,
@@ -1134,92 +1148,92 @@ function Q(i, s) {
       supportsPreview: !1,
       supportsFullscreen: !1
     };
-  const r = s ? (n = e.auxiliary) == null ? void 0 : n[s] : null;
+  const s = r ? (n = e.auxiliary) == null ? void 0 : n[r] : null;
   return {
     component: e.component,
-    auxiliaryComponent: r,
+    auxiliaryComponent: s,
     supportsFocus: ((a = e.capabilities) == null ? void 0 : a.supportsFocus) ?? !1,
     supportsPreview: ((o = e.capabilities) == null ? void 0 : o.supportsPreview) ?? !1,
     supportsFullscreen: ((c = e.capabilities) == null ? void 0 : c.supportsFullscreen) ?? !1
   };
 }
 function Ct() {
-  const i = p(), [s, t] = b(i.contentFocus.state);
+  const i = g(), [r, t] = b(i.contentFocus.state);
   return w(() => i.contentFocus.subscribe(() => {
     t(i.contentFocus.state);
   }), [i]), {
-    ...s,
-    focus: (e, r, n, a) => i.contentFocus.focus(e, r, n, a),
+    ...r,
+    focus: (e, s, n, a) => i.contentFocus.focus(e, s, n, a),
     blur: () => i.contentFocus.blur(),
-    toggle: (e, r, n, a) => i.contentFocus.toggle(e, r, n, a),
+    toggle: (e, s, n, a) => i.contentFocus.toggle(e, s, n, a),
     switchContext: (e) => i.contentFocus.switchContext(e),
     focusNext: () => i.contentFocus.focusNext(i.thread.messages),
     focusPrevious: () => i.contentFocus.focusPrevious(i.thread.messages)
   };
 }
 function dt(i) {
-  const s = p();
-  w(() => (i.execute && s.capabilityRegistry.registerHandler(i.name, { execute: i.execute }), i.render && s.capabilityRegistry.registerRenderer(i.name, {
+  const r = g();
+  w(() => (i.execute && r.capabilityRegistry.registerHandler(i.name, { execute: i.execute }), i.render && r.capabilityRegistry.registerRenderer(i.name, {
     component: i.render
   }), () => {
-    s.capabilityRegistry.unregister(i.name);
-  }), [i.name, s]);
+    r.capabilityRegistry.unregister(i.name);
+  }), [i.name, r]);
 }
 function lt(i) {
-  const s = p(), [t, e] = b(
-    () => s.capabilityExecutionManager.getExecution(i)
-  ), [, r] = z((n) => n + 1, 0);
+  const r = g(), [t, e] = b(
+    () => r.capabilityExecutionManager.getExecution(i)
+  ), [, s] = z((n) => n + 1, 0);
   return w(() => {
-    const n = s.capabilityExecutionManager.getExecution(i);
-    return e(n), s.capabilityExecutionManager.subscribe((o) => {
+    const n = r.capabilityExecutionManager.getExecution(i);
+    return e(n), r.capabilityExecutionManager.subscribe((o) => {
       if (o === i) {
-        const c = s.capabilityExecutionManager.getExecution(i);
-        e(c), r();
+        const c = r.capabilityExecutionManager.getExecution(i);
+        e(c), s();
       }
     });
-  }, [i, s]), t;
+  }, [i, r]), t;
 }
 const H = q(void 0);
 function Tt({ children: i }) {
-  const [s, t] = b({}), e = C((c, l) => {
+  const [r, t] = b({}), e = C((c, d) => {
     t((f) => {
-      if (l === null) {
-        const { [c]: h, ...d } = f;
-        return d;
+      if (d === null) {
+        const { [c]: h, ...l } = f;
+        return l;
       }
       return {
         ...f,
-        [c]: { id: c, ...l }
+        [c]: { id: c, ...d }
       };
     });
-  }, []), r = C((c) => {
-    t((l) => {
-      const { [c]: f, ...h } = l;
+  }, []), s = C((c) => {
+    t((d) => {
+      const { [c]: f, ...h } = d;
       return h;
     });
-  }, []), n = C(() => Object.values(s).reduce(
-    (c, l) => {
-      const f = Object.entries(l.data).reduce(
-        (h, [d, g]) => ({
+  }, []), n = C(() => Object.values(r).reduce(
+    (c, d) => {
+      const f = Object.entries(d.data).reduce(
+        (h, [l, p]) => ({
           ...h,
-          [d]: typeof g == "string" ? g : JSON.stringify(g)
+          [l]: typeof p == "string" ? p : JSON.stringify(p)
         }),
         {}
       );
       return { ...c, ...f };
     },
     {}
-  ), [s]), a = C(() => {
+  ), [r]), a = C(() => {
     t({});
   }, []), o = V(
     () => ({
-      contexts: s,
+      contexts: r,
       setContext: e,
-      removeContext: r,
+      removeContext: s,
       getContextData: n,
       clearContexts: a
     }),
-    [s, e, r, n, a]
+    [r, e, s, n, a]
   );
   return /* @__PURE__ */ S.jsx(H.Provider, { value: o, children: i });
 }
@@ -1230,93 +1244,93 @@ function ft() {
   return i;
 }
 function It(i) {
-  const { setContext: s, removeContext: t } = ft(), { id: e = "currentPage", ...r } = i;
-  w(() => (s(e, r), () => {
+  const { setContext: r, removeContext: t } = ft(), { id: e = "currentPage", ...s } = i;
+  w(() => (r(e, s), () => {
     t(e);
-  }), [e, r.displayName, JSON.stringify(r.data), r.priority, r.icon]);
+  }), [e, s.displayName, JSON.stringify(s.data), s.priority, s.icon]);
 }
-function gt({ message: i, content: s }) {
-  const t = p(), e = s, r = lt(e.capabilityId), n = t.capabilityRegistry.getRenderer(e.capabilityName);
-  if (!n || !r)
+function pt({ message: i, content: r }) {
+  const t = g(), e = r, s = lt(e.capabilityId), n = t.capabilityRegistry.getRenderer(e.capabilityName);
+  if (!n || !s)
     return null;
   const a = n.component;
   return /* @__PURE__ */ S.jsx(
     a,
     {
-      capabilityName: r.name,
-      capabilityId: r.id,
-      args: r.args,
-      result: r.result,
-      status: r.status,
+      capabilityName: s.name,
+      capabilityId: s.id,
+      args: s.args,
+      result: s.result,
+      status: s.status,
       message: i
     }
   );
 }
-function vt({ message: i, content: s }) {
-  const { component: t } = Q(s.type);
-  if (s.type === "capability")
-    return /* @__PURE__ */ S.jsx(gt, { message: i, content: s });
+function vt({ message: i, content: r }) {
+  const { component: t } = Q(r.type);
+  if (r.type === "capability")
+    return /* @__PURE__ */ S.jsx(pt, { message: i, content: r });
   if (!t)
     return null;
   const e = t;
-  return /* @__PURE__ */ S.jsx(e, { content: s, message: i });
+  return /* @__PURE__ */ S.jsx(e, { content: r, message: i });
 }
 function Rt({
   message: i,
-  content: s,
+  content: r,
   context: t,
   onClose: e,
-  onNavigate: r,
+  onNavigate: s,
   onSwitchContext: n
 }) {
-  const { auxiliaryComponent: a } = Q(s.type, t);
+  const { auxiliaryComponent: a } = Q(r.type, t);
   if (!a)
     return null;
   const o = a;
   return /* @__PURE__ */ S.jsx(
     o,
     {
-      content: s,
+      content: r,
       message: i,
       context: t,
       onClose: e,
-      onNavigate: r,
+      onNavigate: s,
       onSwitchContext: n
     }
   );
 }
 function Et(i) {
-  const s = () => (dt(i), null);
-  return s.displayName = `Capability(${i.name})`, s;
+  const r = () => (dt(i), null);
+  return r.displayName = `Capability(${i.name})`, r;
 }
 class Mt {
   getAllowedEvents() {
     return null;
   }
-  shouldProcessEvent(s) {
+  shouldProcessEvent(r) {
     const t = this.getAllowedEvents();
-    return t ? t.includes(s) : !0;
+    return t ? t.includes(r) : !0;
   }
-  async *stream(s) {
-    const { signal: t } = s, { url: e, options: r } = this.prepareRequest(s), n = await fetch(e, { ...r, signal: t });
+  async *stream(r) {
+    const { signal: t } = r, { url: e, options: s } = this.prepareRequest(r), n = await fetch(e, { ...s, signal: t });
     if (!n.ok)
       throw new Error(`HTTP error! status: ${n.status}`);
     if (!n.body)
       throw new Error("Response body is null");
     yield* this.parseSSEStream(n.body, t);
   }
-  async *parseSSEStream(s, t) {
-    const e = s.getReader(), r = new TextDecoder();
+  async *parseSSEStream(r, t) {
+    const e = r.getReader(), s = new TextDecoder();
     let n = "", a = null;
     try {
       for (; ; ) {
         const { done: o, value: c } = await e.read();
         if (o || t != null && t.aborted) break;
-        n += r.decode(c, { stream: !0 });
-        const l = n.split(`
+        n += s.decode(c, { stream: !0 });
+        const d = n.split(`
 `);
-        n = l.pop() || "";
-        for (const f of l) {
+        n = d.pop() || "";
+        for (const f of d) {
           const h = f.trim();
           if (!h) {
             a = null;
@@ -1328,15 +1342,15 @@ class Mt {
               continue;
             }
             if (h.startsWith("data:")) {
-              const d = h.substring(5).trim();
-              if (d === "eof" || h === "eof")
+              const l = h.substring(5).trim();
+              if (l === "eof" || h === "eof")
                 break;
               try {
-                const g = JSON.parse(d);
+                const p = JSON.parse(l);
                 if (a && this.shouldProcessEvent(a)) {
                   const _ = this.convertEvent({
                     event: a,
-                    data: g
+                    data: p
                   });
                   _ && (yield _);
                 }
@@ -1359,7 +1373,7 @@ export {
   Mt as BaseSSEStreamAdapter,
   K as CapabilityExecutionManager,
   Y as CapabilityRegistry,
-  gt as CapabilityRendererComp,
+  pt as CapabilityRendererComp,
   Tt as ChatContextProvider,
   et as ComposerRuntime,
   vt as ContentRenderer,
@@ -1368,8 +1382,9 @@ export {
   st as ThreadListRuntime,
   v as ThreadRuntime,
   R as ThreadRuntimeCore,
+  F as generateMessageId,
   Et as makeCapability,
-  p as useAssistantRuntime,
+  g as useAssistantRuntime,
   dt as useCapability,
   lt as useCapabilityExecution,
   ft as useChatContext,