@harnessio/ai-chat-core 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,62 +1,172 @@
 var $ = Object.defineProperty;
-var q = (n, i, t) => i in n ? $(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
-var d = (n, i, t) => q(n, typeof i != "symbol" ? i + "" : i, t);
-import j, { createContext as U, useContext as J, useState as D, useEffect as k } from "react";
+var U = (i, s, e) => s in i ? $(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e;
+var c = (i, s, e) => U(i, typeof s != "symbol" ? s + "" : s, e);
+import B, { createContext as H, useContext as Q, useState as x, useEffect as w, useReducer as J } from "react";
 class W {
   constructor() {
-    d(this, "plugins", /* @__PURE__ */ new Map());
-    d(this, "renderersByType", /* @__PURE__ */ new Map());
+    c(this, "plugins", /* @__PURE__ */ new Map());
+    c(this, "renderersByType", /* @__PURE__ */ new Map());
   }
-  registerPlugin(i) {
-    this.plugins.has(i.id), this.plugins.set(i.id, i), i.renderers.forEach((t) => {
-      const e = this.renderersByType.get(t.type) || [];
-      e.push(t), e.sort((r, s) => ((s == null ? void 0 : s.priority) ?? 0) - ((r == null ? void 0 : r.priority) ?? 0)), this.renderersByType.set(t.type, e);
+  registerPlugin(s) {
+    this.plugins.has(s.id), this.plugins.set(s.id, s), s.renderers.forEach((e) => {
+      const t = this.renderersByType.get(e.type) || [];
+      t.push(e), t.sort((n, r) => ((r == null ? void 0 : r.priority) ?? 0) - ((n == null ? void 0 : n.priority) ?? 0)), this.renderersByType.set(e.type, t);
     });
   }
-  unregisterPlugin(i) {
-    const t = this.plugins.get(i);
-    return t ? (t.renderers.forEach((e) => {
-      const s = (this.renderersByType.get(e.type) || []).filter((a) => !t.renderers.includes(a));
-      s.length === 0 ? this.renderersByType.delete(e.type) : this.renderersByType.set(e.type, s);
-    }), this.plugins.delete(i)) : !1;
+  unregisterPlugin(s) {
+    const e = this.plugins.get(s);
+    return e ? (e.renderers.forEach((t) => {
+      const r = (this.renderersByType.get(t.type) || []).filter((a) => !e.renderers.includes(a));
+      r.length === 0 ? this.renderersByType.delete(t.type) : this.renderersByType.set(t.type, r);
+    }), this.plugins.delete(s)) : !1;
   }
-  getPlugin(i) {
-    return this.plugins.get(i);
+  getPlugin(s) {
+    return this.plugins.get(s);
   }
   getAllPlugins() {
     return Array.from(this.plugins.values());
   }
-  getRenderersByType(i) {
-    return this.renderersByType.get(i) || [];
+  getRenderersByType(s) {
+    return this.renderersByType.get(s) || [];
   }
-  getBestRendererForType(i) {
-    return this.getRenderersByType(i)[0];
+  getBestRendererForType(s) {
+    return this.getRenderersByType(s)[0];
   }
   clear() {
     this.plugins.clear(), this.renderersByType.clear();
   }
 }
-class m {
+class z {
   constructor() {
-    d(this, "_subscriptions", /* @__PURE__ */ new Set());
+    c(this, "handlers", /* @__PURE__ */ new Map());
+    c(this, "renderers", /* @__PURE__ */ new Map());
   }
-  subscribe(i) {
-    return this._subscriptions.add(i), () => {
-      this._subscriptions.delete(i);
+  registerHandler(s, e) {
+    this.handlers.set(s, e);
+  }
+  registerRenderer(s, e) {
+    this.renderers.set(s, e);
+  }
+  unregister(s) {
+    this.handlers.delete(s), this.renderers.delete(s);
+  }
+  getHandler(s) {
+    return this.handlers.get(s);
+  }
+  getRenderer(s) {
+    return this.renderers.get(s);
+  }
+  getStrategy() {
+    return "queue";
+  }
+  hasHandler(s) {
+    return this.handlers.has(s);
+  }
+  hasRenderer(s) {
+    return this.renderers.has(s);
+  }
+  clear() {
+    this.handlers.clear(), this.renderers.clear();
+  }
+  getAllCapabilityNames() {
+    return Array.from(/* @__PURE__ */ new Set([...this.handlers.keys(), ...this.renderers.keys()]));
+  }
+}
+class V {
+  constructor(s) {
+    c(this, "executions", /* @__PURE__ */ new Map());
+    c(this, "executionQueue", []);
+    c(this, "isProcessing", !1);
+    c(this, "runningByName", /* @__PURE__ */ new Map());
+    c(this, "subscribers", /* @__PURE__ */ new Set());
+    c(this, "getHandler");
+    this.getHandler = s;
+  }
+  async executeCapability(s, e, t, n, r = "queue") {
+    if (!this.getHandler(s)) {
+      console.warn(`No handler registered for capability: ${s}`);
+      return;
+    }
+    const o = {
+      id: e,
+      name: s,
+      args: t,
+      status: { type: "queued" },
+      timestamp: Date.now(),
+      messageId: n
+    };
+    switch (this.executions.set(e, o), this.notifySubscribers(e), r) {
+      case "queue":
+      default:
+        this.executionQueue.push(e);
+        break;
+    }
+    this.isProcessing || this.processQueue();
+  }
+  async processQueue() {
+    if (!(this.isProcessing || this.executionQueue.length === 0)) {
+      for (this.isProcessing = !0; this.executionQueue.length > 0; ) {
+        const s = this.executionQueue.shift(), e = this.executions.get(s);
+        if (!e) continue;
+        const t = this.getHandler(e.name);
+        if (!t) continue;
+        e.status = { type: "running" }, this.notifySubscribers(s);
+        const n = this.runningByName.get(e.name) || [];
+        n.push(s), this.runningByName.set(e.name, n);
+        try {
+          const r = await t.execute(e.args, {
+            messageId: e.messageId,
+            capabilityId: s
+          });
+          e.status = { type: "complete", result: r }, e.result = r;
+        } catch (r) {
+          const a = r instanceof Error ? r.message : "Unknown error";
+          e.status = { type: "error", error: a }, e.error = a;
+        } finally {
+          const r = this.runningByName.get(e.name) || [], a = r.indexOf(s);
+          a > -1 && r.splice(a, 1), r.length === 0 ? this.runningByName.delete(e.name) : this.runningByName.set(e.name, r), this.notifySubscribers(s);
+        }
+      }
+      this.isProcessing = !1;
+    }
+  }
+  getExecution(s) {
+    return this.executions.get(s);
+  }
+  getExecutionsByMessage(s) {
+    return Array.from(this.executions.values()).filter((e) => e.messageId === s);
+  }
+  subscribe(s) {
+    return this.subscribers.add(s), () => this.subscribers.delete(s);
+  }
+  notifySubscribers(s) {
+    this.subscribers.forEach((e) => e(s));
+  }
+  clear() {
+    this.executions.clear(), this.executionQueue = [], this.runningByName.clear();
+  }
+}
+class y {
+  constructor() {
+    c(this, "_subscriptions", /* @__PURE__ */ new Set());
+  }
+  subscribe(s) {
+    return this._subscriptions.add(s), () => {
+      this._subscriptions.delete(s);
     };
   }
   notifySubscribers() {
-    for (const i of this._subscriptions)
-      i();
+    for (const s of this._subscriptions)
+      s();
   }
   getSubscriberCount() {
     return this._subscriptions.size;
   }
 }
-class z extends m {
+class G extends y {
   constructor() {
     super(...arguments);
-    d(this, "_state", {
+    c(this, "_state", {
       isActive: !1,
       context: null,
       focusedContent: null,
@@ -86,14 +196,14 @@ class z extends m {
   get focusedContentIndex() {
     return this._state.focusedContentIndex;
   }
-  focus(t, e, r, s = "detail") {
+  focus(e, t, n, r = "detail") {
     this._state = {
       isActive: !0,
-      context: s,
-      focusedContent: t,
-      focusedMessage: e,
-      focusedMessageId: e.id,
-      focusedContentIndex: r
+      context: r,
+      focusedContent: e,
+      focusedMessage: t,
+      focusedMessageId: t.id,
+      focusedContentIndex: n
     }, this.notifySubscribers();
   }
   blur() {
@@ -106,42 +216,42 @@ class z extends m {
       focusedContentIndex: null
     }, this.notifySubscribers();
   }
-  toggle(t, e, r, s = "detail") {
-    this._state.isActive && this._state.focusedMessageId === e.id && this._state.focusedContentIndex === r && this._state.context === s ? this.blur() : this.focus(t, e, r, s);
+  toggle(e, t, n, r = "detail") {
+    this._state.isActive && this._state.focusedMessageId === t.id && this._state.focusedContentIndex === n && this._state.context === r ? this.blur() : this.focus(e, t, n, r);
   }
-  switchContext(t) {
+  switchContext(e) {
     this._state.isActive && this._state.focusedContent && (this._state = {
       ...this._state,
-      context: t
+      context: e
     }, this.notifySubscribers());
   }
-  focusNext(t) {
-    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], s = this._state.focusedContentIndex ?? 0;
-    if (s + 1 < r.content.length) {
-      const a = r.content[s + 1];
-      this.focus(a, r, s + 1, this._state.context || "detail");
+  focusNext(e) {
+    if (!this._state.focusedMessageId || !e.length) return;
+    const t = e.findIndex((a) => a.id === this._state.focusedMessageId);
+    if (t === -1) return;
+    const n = e[t], r = this._state.focusedContentIndex ?? 0;
+    if (r + 1 < n.content.length) {
+      const a = n.content[r + 1];
+      this.focus(a, n, r + 1, this._state.context || "detail");
       return;
     }
-    if (e + 1 < t.length) {
-      const a = t[e + 1];
+    if (t + 1 < e.length) {
+      const a = e[t + 1];
       a.content.length > 0 && this.focus(a.content[0], a, 0, this._state.context || "detail");
     }
   }
-  focusPrevious(t) {
-    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], s = this._state.focusedContentIndex ?? 0;
-    if (s > 0) {
-      const a = r.content[s - 1];
-      this.focus(a, r, s - 1, this._state.context || "detail");
+  focusPrevious(e) {
+    if (!this._state.focusedMessageId || !e.length) return;
+    const t = e.findIndex((a) => a.id === this._state.focusedMessageId);
+    if (t === -1) return;
+    const n = e[t], r = this._state.focusedContentIndex ?? 0;
+    if (r > 0) {
+      const a = n.content[r - 1];
+      this.focus(a, n, r - 1, this._state.context || "detail");
       return;
     }
-    if (e > 0) {
-      const a = t[e - 1];
+    if (t > 0) {
+      const a = e[t - 1];
       if (a.content.length > 0) {
         const o = a.content.length - 1;
         this.focus(a.content[o], a, o, this._state.context || "detail");
@@ -149,21 +259,18 @@ class z extends m {
     }
   }
 }
-let G = 0, V = 0;
-function E() {
-  return `msg-${Date.now()}-${++G}`;
+let Y = 0, K = 0;
+function P() {
+  return `msg-${Date.now()}-${++Y}`;
 }
-function M() {
-  return `thread-${Date.now()}-${++V}`;
+function F() {
+  return `thread-${Date.now()}-${++K}`;
 }
-function ct(n = "id") {
-  return `${n}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
-}
-class w extends m {
-  constructor(t) {
+class R extends y {
+  constructor(e) {
     super();
-    d(this, "_state");
-    this.config = t, this._state = t.state;
+    c(this, "_state");
+    this.config = e, this._state = e.state;
   }
   get state() {
     return this._state;
@@ -171,27 +278,27 @@ class w extends m {
   getState() {
     return this._state;
   }
-  updateState(t) {
-    this._state = t, this.notifySubscribers();
+  updateState(e) {
+    this._state = e, this.notifySubscribers();
   }
   async switchTo() {
     await this.config.onSwitchTo(this._state.id);
   }
-  async rename(t) {
-    await this.config.onRename(this._state.id, t);
+  async rename(e) {
+    await this.config.onRename(this._state.id, e);
   }
   async delete() {
     await this.config.onDelete(this._state.id);
   }
-  subscribe(t) {
-    return super.subscribe(t);
+  subscribe(e) {
+    return super.subscribe(e);
   }
 }
-class H extends m {
+class X extends y {
   constructor() {
     super(...arguments);
-    d(this, "_text", "");
-    d(this, "_isSubmitting", !1);
+    c(this, "_text", "");
+    c(this, "_isSubmitting", !1);
   }
   get text() {
     return this._text;
@@ -205,21 +312,21 @@ class H extends m {
       isSubmitting: this._isSubmitting
     };
   }
-  setText(t) {
-    this._text = t, this.notifySubscribers();
+  setText(e) {
+    this._text = e, this.notifySubscribers();
   }
   clear() {
     this._text = "", this.notifySubscribers();
   }
-  setSubmitting(t) {
-    this._isSubmitting = t, this.notifySubscribers();
+  setSubmitting(e) {
+    this._isSubmitting = e, this.notifySubscribers();
   }
 }
-class T extends m {
-  constructor(t) {
+class C extends y {
+  constructor(e) {
     super();
-    d(this, "composer");
-    this._core = t, this.composer = new H(), this._core.subscribe(() => {
+    c(this, "composer");
+    this._core = e, this.composer = new X(), this._core.subscribe(() => {
       this.notifySubscribers();
     });
   }
@@ -244,16 +351,16 @@ class T extends m {
       capabilities: this._core.capabilities
     };
   }
-  append(t) {
-    this._core.append(t);
+  append(e) {
+    this._core.append(e);
   }
-  async send(t) {
-    if (t.trim()) {
+  async send(e) {
+    if (e.trim()) {
       this.composer.setSubmitting(!0);
       try {
         this.composer.clear(), await this._core.startRun({
           role: "user",
-          content: [{ type: "text", data: t }]
+          content: [{ type: "text", data: e }]
         });
       } catch {
       } finally {
@@ -267,23 +374,23 @@ class T extends m {
   clear() {
     this._core.clear();
   }
-  reset(t = []) {
-    this._core.reset(t);
+  reset(e = []) {
+    this._core.reset(e);
   }
-  subscribe(t) {
-    return super.subscribe(t);
+  subscribe(e) {
+    return super.subscribe(e);
   }
 }
-class x extends m {
-  constructor(t) {
+class E extends y {
+  constructor(e) {
     super();
-    d(this, "_messages", []);
-    d(this, "_isRunning", !1);
-    d(this, "_isDisabled", !1);
-    d(this, "_abortController", null);
+    c(this, "_messages", []);
+    c(this, "_isRunning", !1);
+    c(this, "_isDisabled", !1);
+    c(this, "_abortController", null);
     // Track current part being accumulated
-    d(this, "_currentPart", null);
-    this.config = t, t.initialMessages && (this._messages = [...t.initialMessages]);
+    c(this, "_currentPart", null);
+    this.config = e, e.initialMessages && (this._messages = [...e.initialMessages]);
   }
   get messages() {
     return this._messages;
@@ -304,133 +411,158 @@ class x extends m {
       feedback: !1
     };
   }
-  append(t) {
-    var r, s;
-    const e = {
-      id: t.id || E(),
-      parentId: t.parentId,
-      role: t.role,
-      content: t.content,
-      status: t.status || { type: "complete" },
-      timestamp: t.timestamp || Date.now(),
-      metadata: t.metadata
+  updateMessages(e) {
+    var t, n;
+    this._messages = e, (n = (t = this.config).onMessagesChange) == null || n.call(t, this._messages), this.notifySubscribers();
+  }
+  append(e) {
+    const t = {
+      id: e.id || P(),
+      parentId: e.parentId,
+      role: e.role,
+      content: e.content,
+      status: e.status || { type: "complete" },
+      timestamp: e.timestamp || Date.now(),
+      metadata: e.metadata
     };
-    this._messages.push(e), (s = (r = this.config).onMessagesChange) == null || s.call(r, this._messages), this.notifySubscribers();
+    this.updateMessages([...this._messages, t]);
   }
-  async startRun(t) {
-    var s, a;
+  async startRun(e) {
     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, this.notifySubscribers();
-    const e = E(), r = {
-      id: e,
+    this.append(e), this._isRunning = !0, this._abortController = new AbortController(), this._currentPart = null;
+    const t = P(), n = {
+      id: t,
       role: "assistant",
       content: [],
       status: { type: "running" },
       timestamp: Date.now()
     };
-    this._messages.push(r), (a = (s = this.config).onMessagesChange) == null || a.call(s, this._messages), this.notifySubscribers();
+    this.updateMessages([...this._messages, n]);
     try {
-      const o = this.config.streamAdapter.stream({
+      const r = this.config.streamAdapter.stream({
         messages: this._messages,
         signal: this._abortController.signal
       });
-      for await (const u of o) {
+      for await (const a of r) {
         if (this._abortController.signal.aborted)
           break;
-        this.handleStreamEvent(e, u.event);
+        this.handleStreamEvent(t, a.event);
       }
-      this.updateMessageStatus(e, { type: "complete" });
-    } catch (o) {
-      if (o instanceof Error && o.name === "AbortError")
-        this.updateMessageStatus(e, { type: "cancelled" });
+      this.updateMessageStatus(t, { type: "complete" });
+    } catch (r) {
+      if (r instanceof Error && r.name === "AbortError")
+        this.updateMessageStatus(t, { type: "cancelled" });
       else {
-        const u = o instanceof Error ? o.message : "Unknown error";
-        this.updateMessageStatus(e, {
+        const a = r instanceof Error ? r.message : "Unknown error";
+        this.updateMessageStatus(t, {
           type: "error",
-          error: u
+          error: a
         });
       }
     } finally {
       this._isRunning = !1, this._abortController = null, this._currentPart = null, this.notifySubscribers();
     }
   }
-  handleStreamEvent(t, e) {
-    var a, o;
-    const r = this._messages.findIndex((u) => u.id === t);
-    if (r === -1) return;
-    const s = this._messages[r];
-    if (e.type === "part-start")
-      this.handlePartStart(s, e);
-    else if (e.type === "text-delta")
-      this.handleTextDelta(s, e);
-    else if (e.type === "part-finish")
+  handleStreamEvent(e, t) {
+    const n = this._messages.findIndex((o) => o.id === e);
+    if (n === -1) return;
+    const r = this._messages[n];
+    if (t.type === "part-start")
+      this.handlePartStart(r, t);
+    else if (t.type === "text-delta" || t.type === "assistant_thought")
+      this.handleTextDelta(r, t);
+    else if (t.type === "part-finish")
       this.handlePartFinish();
-    else if (e.type === "metadata") {
-      const u = e;
-      s.metadata = {
-        ...s.metadata,
-        conversationId: u.conversationId,
-        interactionId: u.interactionId
+    else if (t.type === "metadata") {
+      const o = t;
+      r.metadata = {
+        ...r.metadata,
+        conversationId: o.conversationId,
+        interactionId: o.interactionId
       };
-    } else if (e.type === "error") {
-      const u = e;
-      s.content.push({
-        type: "error",
-        data: u.error
-      });
+    } else if (t.type === "capability_execution") {
+      const o = t;
+      r.content = [
+        ...r.content,
+        {
+          type: "capability",
+          capabilityId: o.capabilityId,
+          capabilityName: o.capabilityName,
+          args: o.args
+        }
+      ], this.config.capabilityExecutionManager && this.config.capabilityExecutionManager.executeCapability(
+        o.capabilityName,
+        o.capabilityId,
+        o.args,
+        e,
+        o.strategy
+      );
+    } else if (t.type === "error") {
+      const o = t;
+      r.content = [
+        ...r.content,
+        {
+          type: "error",
+          data: o.error
+        }
+      ];
     } else {
-      const u = e;
-      s.content.push({
-        type: u.type,
-        data: u.data,
-        parentId: u.parentId
-      });
+      const o = t;
+      r.content = [
+        ...r.content,
+        {
+          type: o.type,
+          data: o.data,
+          parentId: o.parentId
+        }
+      ];
     }
-    this._messages = [
-      ...this._messages.slice(0, r),
-      { ...s, timestamp: Date.now() },
-      ...this._messages.slice(r + 1)
-    ], (o = (a = this.config).onMessagesChange) == null || o.call(a, this._messages), this.notifySubscribers();
-  }
-  handlePartStart(t, e) {
-    const r = t.content.length;
-    let s;
-    switch (e.part.type) {
+    const a = [
+      ...this._messages.slice(0, n),
+      { ...r, timestamp: Date.now() },
+      ...this._messages.slice(n + 1)
+    ];
+    this.updateMessages(a);
+  }
+  handlePartStart(e, t) {
+    const n = e.content.length;
+    let r;
+    switch (t.part.type) {
       case "assistant_thought":
-        s = {
-          type: e.part.type,
+        r = {
+          type: t.part.type,
           data: [],
-          parentId: e.part.parentId
+          parentId: t.part.parentId
         };
         break;
       case "text":
-        s = {
-          type: e.part.type,
+        r = {
+          type: t.part.type,
           data: "",
-          parentId: e.part.parentId
+          parentId: t.part.parentId
         };
         break;
       default:
-        s = {
-          type: e.part.type,
-          parentId: e.part.parentId
+        r = {
+          type: t.part.type,
+          parentId: t.part.parentId
         };
     }
-    t.content.push(s), this._currentPart = {
-      messageId: t.id,
-      contentIndex: r,
-      type: e.part.type,
-      parentId: e.part.parentId
+    e.content = [...e.content, r], this._currentPart = {
+      messageId: e.id,
+      contentIndex: n,
+      type: t.part.type,
+      parentId: t.part.parentId
     };
   }
-  handleTextDelta(t, e) {
+  handleTextDelta(e, t) {
     if (!this._currentPart) {
       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 n = e.content[this._currentPart.contentIndex];
+    n.type === "assistant_thought" ? (Array.isArray(n.data) || (n.data = []), t.delta.trim() && n.data.push(t.delta.trim())) : n.data = (n.data || "") + t.delta;
   }
   handlePartFinish() {
     if (!this._currentPart) {
@@ -439,41 +571,45 @@ class x extends m {
     }
     this._currentPart = null;
   }
-  updateMessageStatus(t, e) {
-    var s, a;
-    const r = this._messages.findIndex((o) => o.id === t);
-    r !== -1 && (this._messages[r] = {
-      ...this._messages[r],
-      status: e
-    }, (a = (s = this.config).onMessagesChange) == null || a.call(s, this._messages), this.notifySubscribers());
+  updateMessageStatus(e, t) {
+    const n = this._messages.findIndex((a) => a.id === e);
+    if (n === -1) return;
+    const r = [
+      ...this._messages.slice(0, n),
+      {
+        ...this._messages[n],
+        status: t
+      },
+      ...this._messages.slice(n + 1)
+    ];
+    this.updateMessages(r);
   }
   clear() {
-    var t, e;
-    this._messages = [], (e = (t = this.config).onMessagesChange) == null || e.call(t, this._messages), this.notifySubscribers();
+    this.updateMessages([]);
   }
   cancelRun() {
     !this._isRunning || !this._abortController || this._abortController.abort();
   }
-  reset(t = []) {
-    var e, r;
-    this._messages = [...t], (r = (e = this.config).onMessagesChange) == null || r.call(e, this._messages), this.notifySubscribers();
+  reset(e = []) {
+    this.updateMessages([...e]);
   }
 }
-class K extends m {
-  constructor(t) {
+class Z extends y {
+  constructor(e) {
     super();
-    d(this, "_mainThreadId");
-    d(this, "_threads", /* @__PURE__ */ new Map());
-    d(this, "_threadItems", /* @__PURE__ */ new Map());
-    d(this, "_threadStates", /* @__PURE__ */ new Map());
-    d(this, "_isLoading", !1);
-    d(this, "main");
-    this.config = t, this._mainThreadId = M();
-    const e = new x({
-      streamAdapter: t.streamAdapter
+    c(this, "_mainThreadId");
+    c(this, "_threads", /* @__PURE__ */ new Map());
+    c(this, "_threadItems", /* @__PURE__ */ new Map());
+    c(this, "_threadStates", /* @__PURE__ */ new Map());
+    c(this, "_isLoading", !1);
+    c(this, "main");
+    this.config = e, this._mainThreadId = F();
+    const t = new E({
+      streamAdapter: e.streamAdapter,
+      capabilityExecutionManager: e.capabilityExecutionManager
     });
-    this.main = new T(e), this._threads.set(this._mainThreadId, this.main);
-    const r = {
+    this.main = new C(t), this._threads.set(this._mainThreadId, this.main);
+    const n = {
       id: this._mainThreadId,
       title: "New Chat",
       status: { type: "regular" },
@@ -481,14 +617,14 @@ class K extends m {
       createdAt: Date.now(),
       updatedAt: Date.now()
     };
-    this._threadStates.set(this._mainThreadId, r);
-    const s = new w({
-      state: r,
+    this._threadStates.set(this._mainThreadId, n);
+    const r = new R({
+      state: n,
       onSwitchTo: this.switchToThread.bind(this),
       onRename: this.renameThread.bind(this),
       onDelete: this.deleteThread.bind(this)
     });
-    this._threadItems.set(this._mainThreadId, s);
+    this._threadItems.set(this._mainThreadId, r);
   }
   get isLoading() {
     return this._isLoading;
@@ -497,33 +633,33 @@ class K extends m {
    * Get the currently active main thread
    */
   getMainThread() {
-    const t = this._threads.get(this._mainThreadId);
-    return t || this.main;
+    const e = this._threads.get(this._mainThreadId);
+    return e || this.main;
   }
   getState() {
-    const t = [], e = {};
-    for (const [r, s] of this._threadStates)
-      e[r] = s, s.status.type === "regular" && t.push(r);
+    const e = [], t = {};
+    for (const [n, r] of this._threadStates)
+      t[n] = r, r.status.type === "regular" && e.push(n);
     return {
       mainThreadId: this._mainThreadId,
-      threads: t,
+      threads: e,
       isLoading: this._isLoading,
-      threadItems: e
+      threadItems: t
     };
   }
-  async switchToThread(t) {
+  async switchToThread(e) {
     var a, o;
-    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(t);
-    if (s && (s.isMain = !0, this._threadStates.set(t, s), (o = this._threadItems.get(t)) == null || o.updateState(s)), this.config.threadListAdapter && (s != null && s.conversationId)) {
+    const t = this._threads.get(e);
+    if (!t)
+      throw new Error(`Thread ${e} not found`);
+    const n = this._threadStates.get(this._mainThreadId);
+    n && (n.isMain = !1, this._threadStates.set(this._mainThreadId, n), (a = this._threadItems.get(this._mainThreadId)) == null || a.updateState(n)), this._mainThreadId = e;
+    const r = this._threadStates.get(e);
+    if (r && (r.isMain = !0, this._threadStates.set(e, r), (o = this._threadItems.get(e)) == null || o.updateState(r)), this.config.threadListAdapter && (r != null && r.conversationId)) {
       this._isLoading = !0, this.notifySubscribers();
       try {
-        const u = await this.config.threadListAdapter.loadThread(t);
-        e.reset(u);
+        const u = await this.config.threadListAdapter.loadThread(e);
+        t.reset(u);
       } catch (u) {
         console.error("Failed to load thread:", u);
       } finally {
@@ -533,35 +669,36 @@ class K extends m {
     this.notifySubscribers();
   }
   async switchToNewThread() {
-    const t = M(), e = new x({
-      streamAdapter: this.config.streamAdapter
-    }), r = new T(e);
-    this._threads.set(t, r);
-    const s = {
-      id: t,
+    const e = F(), t = new E({
+      streamAdapter: this.config.streamAdapter,
+      capabilityExecutionManager: this.config.capabilityExecutionManager
+    }), n = new C(t);
+    this._threads.set(e, n);
+    const r = {
+      id: e,
       title: "New Chat",
       status: { type: "regular" },
       isMain: !1,
       createdAt: Date.now(),
       updatedAt: Date.now()
     };
-    this._threadStates.set(t, s);
-    const a = new w({
-      state: s,
+    this._threadStates.set(e, r);
+    const a = new R({
+      state: r,
       onSwitchTo: this.switchToThread.bind(this),
       onRename: this.renameThread.bind(this),
       onDelete: this.deleteThread.bind(this)
     });
-    if (this._threadItems.set(t, a), r.subscribe(() => {
+    if (this._threadItems.set(e, a), n.subscribe(() => {
       this.notifySubscribers();
     }), this.config.threadListAdapter)
       try {
         const o = await this.config.threadListAdapter.createThread();
-        s.conversationId = o.conversationId, this._threadStates.set(t, s), a.updateState(s);
+        r.conversationId = o.conversationId, this._threadStates.set(e, r), a.updateState(r);
       } catch (o) {
         console.error("Failed to create thread:", o);
       }
-    await this.switchToThread(t);
+    await this.switchToThread(e);
   }
   async loadThreads() {
     if (!this.config.threadListAdapter) {
@@ -570,72 +707,75 @@ class K extends m {
     }
     this._isLoading = !0, this.notifySubscribers();
     try {
-      const t = await this.config.threadListAdapter.loadThreads();
-      for (const e of t) {
-        if (this._threadStates.has(e.id))
+      const e = await this.config.threadListAdapter.loadThreads();
+      for (const t of e) {
+        if (this._threadStates.has(t.id))
           continue;
-        const r = new x({
+        const n = new E({
           streamAdapter: this.config.streamAdapter
-        }), s = new T(r);
-        this._threads.set(e.id, s), this._threadStates.set(e.id, e);
-        const a = new w({
-          state: e,
+        }), r = new C(n);
+        this._threads.set(t.id, r), this._threadStates.set(t.id, t);
+        const a = new R({
+          state: t,
           onSwitchTo: this.switchToThread.bind(this),
           onRename: this.renameThread.bind(this),
           onDelete: this.deleteThread.bind(this)
         });
-        this._threadItems.set(e.id, a), s.subscribe(() => {
+        this._threadItems.set(t.id, a), r.subscribe(() => {
           this.notifySubscribers();
         });
       }
-    } catch (t) {
-      console.error("Failed to load threads:", t);
+    } catch (e) {
+      console.error("Failed to load threads:", e);
     } finally {
       this._isLoading = !1, this.notifySubscribers();
     }
   }
-  async renameThread(t, e) {
-    var s;
-    const r = this._threadStates.get(t);
-    if (r) {
-      if (r.title = e, r.updatedAt = Date.now(), this._threadStates.set(t, r), (s = this._threadItems.get(t)) == null || s.updateState(r), this.config.threadListAdapter)
+  async renameThread(e, t) {
+    var r;
+    const n = this._threadStates.get(e);
+    if (n) {
+      if (n.title = t, n.updatedAt = Date.now(), this._threadStates.set(e, n), (r = this._threadItems.get(e)) == null || r.updateState(n), this.config.threadListAdapter)
         try {
-          await this.config.threadListAdapter.updateThread(t, { title: e });
+          await this.config.threadListAdapter.updateThread(e, { title: t });
         } catch (a) {
           console.error("Failed to rename thread:", a);
         }
       this.notifySubscribers();
     }
   }
-  async deleteThread(t) {
-    if (t === this._mainThreadId && this._threads.size === 1)
+  async deleteThread(e) {
+    if (e === 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);
-      e && await this.switchToThread(e);
+    if (e === this._mainThreadId) {
+      const t = Array.from(this._threads.keys()).find((n) => n !== e);
+      t && await this.switchToThread(t);
     }
-    if (this._threads.delete(t), this._threadItems.delete(t), this._threadStates.delete(t), this.config.threadListAdapter)
+    if (this._threads.delete(e), this._threadItems.delete(e), this._threadStates.delete(e), this.config.threadListAdapter)
       try {
-        await this.config.threadListAdapter.deleteThread(t);
-      } catch (e) {
-        console.error("Failed to delete thread:", e);
+        await this.config.threadListAdapter.deleteThread(e);
+      } catch (t) {
+        console.error("Failed to delete thread:", t);
       }
     this.notifySubscribers();
   }
 }
-class ht extends m {
-  constructor(t) {
+class pe extends y {
+  constructor(e) {
     super();
-    d(this, "threads");
-    d(this, "pluginRegistry");
-    d(this, "_contentFocusRuntime");
-    d(this, "_currentThreadUnsubscribe");
-    this.pluginRegistry = new W(), t.plugins && t.plugins.forEach((e) => {
-      this.pluginRegistry.registerPlugin(e);
-    }), this.threads = new K({
-      streamAdapter: t.streamAdapter,
-      threadListAdapter: t.threadListAdapter
-    }), this._contentFocusRuntime = new z(), this._contentFocusRuntime.subscribe(() => {
+    c(this, "threads");
+    c(this, "pluginRegistry");
+    c(this, "capabilityRegistry");
+    c(this, "capabilityExecutionManager");
+    c(this, "_contentFocusRuntime");
+    c(this, "_currentThreadUnsubscribe");
+    this.pluginRegistry = new W(), e.plugins && e.plugins.forEach((t) => {
+      this.pluginRegistry.registerPlugin(t);
+    }), this.capabilityRegistry = new z(), this.capabilityExecutionManager = new V((t) => this.capabilityRegistry.getHandler(t)), this.threads = new Z({
+      streamAdapter: e.streamAdapter,
+      threadListAdapter: e.threadListAdapter,
+      capabilityExecutionManager: this.capabilityExecutionManager
+    }), this._contentFocusRuntime = new G(), this._contentFocusRuntime.subscribe(() => {
       this.notifySubscribers();
     }), this.threads.subscribe(() => {
       this.subscribeToCurrentThread(), this.notifySubscribers();
@@ -650,9 +790,9 @@ class ht extends m {
   /**
    * Register a plugin
    */
-  registerPlugin(t) {
-    var e;
-    this.pluginRegistry.registerPlugin(t), (e = t.init) == null || e.call(t, {
+  registerPlugin(e) {
+    var t;
+    this.pluginRegistry.registerPlugin(e), (t = e.init) == null || t.call(e, {
       streamingEnabled: !0,
       feedbackEnabled: !1,
       detailPanelEnabled: !0
@@ -661,8 +801,8 @@ class ht extends m {
   /**
    * Unregister a plugin
    */
-  unregisterPlugin(t) {
-    return this.pluginRegistry.unregisterPlugin(t);
+  unregisterPlugin(e) {
+    return this.pluginRegistry.unregisterPlugin(e);
   }
   /**
    * Subscribe to the current main thread
@@ -673,21 +813,21 @@ class ht extends m {
       this.handleMessagesChange(this.thread.messages), this.notifySubscribers();
     });
   }
-  handleMessagesChange(t) {
-    if (t.length === 0) return;
-    const e = t[t.length - 1];
-    e.role === "assistant" && e.status.type === "complete" && this.autoFocusLastContent(t);
-  }
-  autoFocusLastContent(t) {
-    var e;
-    if (t.length !== 0 && !this._contentFocusRuntime.isActive)
-      for (let r = t.length - 1; r >= 0; r--) {
-        const s = t[r];
-        if (s.role === "assistant")
-          for (let a = s.content.length - 1; a >= 0; a--) {
-            const o = s.content[a], u = this.pluginRegistry.getRenderersByType(o.type);
-            if (u.length > 0 && ((e = u[0].capabilities) != null && e.supportsFocus)) {
-              this._contentFocusRuntime.focus(o, s, a, "detail");
+  handleMessagesChange(e) {
+    if (e.length === 0) return;
+    const t = e[e.length - 1];
+    t.role === "assistant" && t.status.type === "complete" && this.autoFocusLastContent(e);
+  }
+  autoFocusLastContent(e) {
+    var t;
+    if (e.length !== 0 && !this._contentFocusRuntime.isActive)
+      for (let n = e.length - 1; n >= 0; n--) {
+        const r = e[n];
+        if (r.role === "assistant")
+          for (let a = r.content.length - 1; a >= 0; a--) {
+            const o = r.content[a], u = this.pluginRegistry.getRenderersByType(o.type);
+            if (u.length > 0 && ((t = u[0].capabilities) != null && t.supportsFocus)) {
+              this._contentFocusRuntime.focus(o, r, a, "detail");
               return;
             }
           }
@@ -700,22 +840,22 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var R, A;
-function Y() {
-  if (A) return R;
-  A = 1;
-  var n = Object.getOwnPropertySymbols, i = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
-  function e(s) {
-    if (s == null)
+var M, L;
+function ee() {
+  if (L) return M;
+  L = 1;
+  var i = Object.getOwnPropertySymbols, s = Object.prototype.hasOwnProperty, e = Object.prototype.propertyIsEnumerable;
+  function t(r) {
+    if (r == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(s);
+    return Object(r);
   }
-  function r() {
+  function n() {
     try {
       if (!Object.assign)
         return !1;
-      var s = new String("abc");
-      if (s[5] = "de", Object.getOwnPropertyNames(s)[0] === "5")
+      var r = new String("abc");
+      if (r[5] = "de", Object.getOwnPropertyNames(r)[0] === "5")
         return !1;
       for (var a = {}, o = 0; o < 10; o++)
         a["_" + String.fromCharCode(o)] = o;
@@ -724,27 +864,27 @@ function Y() {
       });
       if (u.join("") !== "0123456789")
         return !1;
-      var f = {};
+      var p = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(l) {
-        f[l] = l;
-      }), Object.keys(Object.assign({}, f)).join("") === "abcdefghijklmnopqrst";
+        p[l] = l;
+      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return R = r() ? Object.assign : function(s, a) {
-    for (var o, u = e(s), f, l = 1; l < arguments.length; l++) {
+  return M = n() ? Object.assign : function(r, a) {
+    for (var o, u = t(r), p, l = 1; l < arguments.length; l++) {
       o = Object(arguments[l]);
-      for (var c in o)
-        i.call(o, c) && (u[c] = o[c]);
-      if (n) {
-        f = n(o);
-        for (var h = 0; h < f.length; h++)
-          t.call(o, f[h]) && (u[f[h]] = o[f[h]]);
+      for (var h in o)
+        s.call(o, h) && (u[h] = o[h]);
+      if (i) {
+        p = i(o);
+        for (var d = 0; d < p.length; d++)
+          e.call(o, p[d]) && (u[p[d]] = o[p[d]]);
       }
     }
     return u;
-  }, R;
+  }, M;
 }
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
@@ -754,72 +894,72 @@ function Y() {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var P;
-function Q() {
-  if (P) return _;
-  P = 1, Y();
-  var n = j, i = 60103;
+var j;
+function te() {
+  if (j) return _;
+  j = 1, ee();
+  var i = B, s = 60103;
   if (_.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
-    var t = Symbol.for;
-    i = t("react.element"), _.Fragment = t("react.fragment");
+    var e = Symbol.for;
+    s = e("react.element"), _.Fragment = e("react.fragment");
   }
-  var e = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, r = Object.prototype.hasOwnProperty, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function a(o, u, f) {
-    var l, c = {}, h = null, p = null;
-    f !== void 0 && (h = "" + f), u.key !== void 0 && (h = "" + u.key), u.ref !== void 0 && (p = u.ref);
-    for (l in u) r.call(u, l) && !s.hasOwnProperty(l) && (c[l] = u[l]);
-    if (o && o.defaultProps) for (l in u = o.defaultProps, u) c[l] === void 0 && (c[l] = u[l]);
-    return { $$typeof: i, type: o, key: h, ref: p, props: c, _owner: e.current };
+  var t = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = Object.prototype.hasOwnProperty, r = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function a(o, u, p) {
+    var l, h = {}, d = null, f = null;
+    p !== void 0 && (d = "" + p), u.key !== void 0 && (d = "" + u.key), u.ref !== void 0 && (f = u.ref);
+    for (l in u) n.call(u, l) && !r.hasOwnProperty(l) && (h[l] = u[l]);
+    if (o && o.defaultProps) for (l in u = o.defaultProps, u) h[l] === void 0 && (h[l] = u[l]);
+    return { $$typeof: s, type: o, key: d, ref: f, props: h, _owner: t.current };
   }
   return _.jsx = a, _.jsxs = a, _;
 }
-var F;
-function X() {
-  return F || (F = 1, I.exports = Q()), I.exports;
+var O;
+function se() {
+  return O || (O = 1, I.exports = te()), I.exports;
 }
-var Z = X();
-const B = U(null);
-function dt({ runtime: n, children: i }) {
-  return /* @__PURE__ */ Z.jsx(B.Provider, { value: n, children: i });
+var S = se();
+const k = H(null);
+function fe({ runtime: i, children: s }) {
+  return /* @__PURE__ */ S.jsx(k.Provider, { value: i, children: s });
 }
-function tt() {
-  const n = J(B);
-  if (!n)
+function re() {
+  const i = Q(k);
+  if (!i)
     throw new Error("useAssistantRuntimeContext must be used within AssistantRuntimeProvider");
-  return n;
+  return i;
 }
-function y() {
-  return tt();
+function g() {
+  return re();
 }
-function lt() {
-  const n = y();
+function ge() {
+  const i = g();
   return {
-    switchToThread: (i) => n.threads.switchToThread(i),
-    switchToNewThread: () => n.threads.switchToNewThread(),
+    switchToThread: (s) => i.threads.switchToThread(s),
+    switchToNewThread: () => i.threads.switchToNewThread(),
     loadThreads: () => {
-      var i, t;
-      return (t = (i = n.threads).loadThreads) == null ? void 0 : t.call(i);
+      var s, e;
+      return (e = (s = i.threads).loadThreads) == null ? void 0 : e.call(s);
     },
-    renameThread: (i, t) => {
-      var e, r;
-      return (r = (e = n.threads).renameThread) == null ? void 0 : r.call(e, i, t);
+    renameThread: (s, e) => {
+      var t, n;
+      return (n = (t = i.threads).renameThread) == null ? void 0 : n.call(t, s, e);
     },
-    deleteThread: (i) => {
-      var t, e;
-      return (e = (t = n.threads).deleteThread) == null ? void 0 : e.call(t, i);
+    deleteThread: (s) => {
+      var e, t;
+      return (t = (e = i.threads).deleteThread) == null ? void 0 : t.call(e, s);
     }
   };
 }
-function ft() {
-  const n = y(), [i, t] = D(n.threads.getState());
-  return k(() => n.threads.subscribe(() => {
-    t(n.threads.getState());
-  }), [n]), i;
+function be() {
+  const i = g(), [s, e] = x(i.threads.getState());
+  return w(() => i.threads.subscribe(() => {
+    e(i.threads.getState());
+  }), [i]), s;
 }
-function et() {
-  return y().threads.getMainThread();
+function ne() {
+  return g().threads.getMainThread();
 }
-var C = { exports: {} }, v = {};
+var v = { exports: {} }, A = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -829,77 +969,88 @@ var C = { exports: {} }, v = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var L;
-function st() {
-  if (L) return v;
-  L = 1;
-  var n = j;
-  function i(c, h) {
-    return c === h && (c !== 0 || 1 / c === 1 / h) || c !== c && h !== h;
-  }
-  var t = typeof Object.is == "function" ? Object.is : i, e = n.useState, r = n.useEffect, s = n.useLayoutEffect, a = n.useDebugValue;
-  function o(c, h) {
-    var p = h(), b = e({ inst: { value: p, getSnapshot: h } }), g = b[0].inst, S = b[1];
-    return s(
+var N;
+function ie() {
+  if (N) return A;
+  N = 1;
+  var i = B;
+  function s(h, d) {
+    return h === d && (h !== 0 || 1 / h === 1 / d) || h !== h && d !== d;
+  }
+  var e = typeof Object.is == "function" ? Object.is : s, t = i.useState, n = i.useEffect, r = i.useLayoutEffect, a = i.useDebugValue;
+  function o(h, d) {
+    var f = d(), m = t({ inst: { value: f, getSnapshot: d } }), b = m[0].inst, T = m[1];
+    return r(
       function() {
-        g.value = p, g.getSnapshot = h, u(g) && S({ inst: g });
+        b.value = f, b.getSnapshot = d, u(b) && T({ inst: b });
       },
-      [c, p, h]
-    ), r(
+      [h, f, d]
+    ), n(
       function() {
-        return u(g) && S({ inst: g }), c(function() {
-          u(g) && S({ inst: g });
+        return u(b) && T({ inst: b }), h(function() {
+          u(b) && T({ inst: b });
         });
       },
-      [c]
-    ), a(p), p;
+      [h]
+    ), a(f), f;
   }
-  function u(c) {
-    var h = c.getSnapshot;
-    c = c.value;
+  function u(h) {
+    var d = h.getSnapshot;
+    h = h.value;
     try {
-      var p = h();
-      return !t(c, p);
+      var f = d();
+      return !e(h, f);
     } catch {
       return !0;
     }
   }
-  function f(c, h) {
-    return h();
+  function p(h, d) {
+    return d();
   }
-  var l = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? f : o;
-  return v.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : l, v;
+  var l = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? p : o;
+  return A.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : l, A;
 }
-var O;
-function rt() {
-  return O || (O = 1, C.exports = st()), C.exports;
+var D;
+function ae() {
+  return D || (D = 1, v.exports = ie()), v.exports;
 }
-var N = rt();
-function pt() {
-  const n = y();
-  return N.useSyncExternalStore(
-    (i) => n.subscribe(() => {
-      i();
+var oe = ae();
+function ye() {
+  const i = g();
+  return oe.useSyncExternalStore(
+    (s) => i.subscribe(() => {
+      s();
     }),
-    () => n.thread.messages,
-    () => n.thread.messages
+    () => i.thread.messages,
+    () => i.thread.messages
   );
 }
-function nt() {
-  return et().composer;
-}
-function gt() {
-  const n = nt();
-  return N.useSyncExternalStore(
-    (i) => n.subscribe(i),
-    () => n.getState(),
-    () => n.getState()
-  );
+function me() {
+  const i = ne(), [s, e] = x(""), [t, n] = x(!1);
+  return {
+    text: s,
+    setText: e,
+    isSubmitting: t,
+    send: async (a) => {
+      if (a == null || a.preventDefault(), !s.trim() || t) return;
+      const o = s;
+      e(""), n(!0);
+      try {
+        await i.send(o);
+      } catch (u) {
+        console.error("Failed to send message:", u), e(o);
+      } finally {
+        n(!1);
+      }
+    },
+    clear: () => e(""),
+    append: (a) => e((o) => o + a)
+  };
 }
-function mt(n, i) {
-  var s, a, o, u;
-  const e = y().pluginRegistry.getBestRendererForType(n);
-  if (!e)
+function q(i, s) {
+  var r, a, o, u;
+  const t = g().pluginRegistry.getBestRendererForType(i);
+  if (!t)
     return {
       component: null,
       auxiliaryComponent: null,
@@ -907,109 +1058,155 @@ function mt(n, i) {
       supportsPreview: !1,
       supportsFullscreen: !1
     };
-  const r = i ? (s = e.auxiliary) == null ? void 0 : s[i] : null;
+  const n = s ? (r = t.auxiliary) == null ? void 0 : r[s] : null;
   return {
-    component: e.component,
-    auxiliaryComponent: r,
-    supportsFocus: ((a = e.capabilities) == null ? void 0 : a.supportsFocus) ?? !1,
-    supportsPreview: ((o = e.capabilities) == null ? void 0 : o.supportsPreview) ?? !1,
-    supportsFullscreen: ((u = e.capabilities) == null ? void 0 : u.supportsFullscreen) ?? !1
+    component: t.component,
+    auxiliaryComponent: n,
+    supportsFocus: ((a = t.capabilities) == null ? void 0 : a.supportsFocus) ?? !1,
+    supportsPreview: ((o = t.capabilities) == null ? void 0 : o.supportsPreview) ?? !1,
+    supportsFullscreen: ((u = t.capabilities) == null ? void 0 : u.supportsFullscreen) ?? !1
   };
 }
-function bt() {
-  const n = y(), [i, t] = D(n.contentFocus.state);
-  return k(() => n.contentFocus.subscribe(() => {
-    t(n.contentFocus.state);
-  }), [n]), {
-    ...i,
-    focus: (e, r, s, a) => n.contentFocus.focus(e, r, s, a),
-    blur: () => n.contentFocus.blur(),
-    toggle: (e, r, s, a) => n.contentFocus.toggle(e, r, s, a),
-    switchContext: (e) => n.contentFocus.switchContext(e),
-    focusNext: () => n.contentFocus.focusNext(n.thread.messages),
-    focusPrevious: () => n.contentFocus.focusPrevious(n.thread.messages)
+function _e() {
+  const i = g(), [s, e] = x(i.contentFocus.state);
+  return w(() => i.contentFocus.subscribe(() => {
+    e(i.contentFocus.state);
+  }), [i]), {
+    ...s,
+    focus: (t, n, r, a) => i.contentFocus.focus(t, n, r, a),
+    blur: () => i.contentFocus.blur(),
+    toggle: (t, n, r, a) => i.contentFocus.toggle(t, n, r, a),
+    switchContext: (t) => i.contentFocus.switchContext(t),
+    focusNext: () => i.contentFocus.focusNext(i.thread.messages),
+    focusPrevious: () => i.contentFocus.focusPrevious(i.thread.messages)
   };
 }
-function _t(n) {
-  const i = /* @__PURE__ */ new Map();
-  for (let e = 0; e < n.length; e++) {
-    const a = n[e].parentId ?? `__ungrouped_${e}`, o = i.get(a) ?? [];
-    o.push(e), i.set(a, o);
-  }
-  const t = [];
-  for (const [e, r] of i) {
-    const s = e.startsWith("__ungrouped_") ? void 0 : e, a = r.map((f) => n[f]), o = it(a), u = at(a);
-    t.push({ groupKey: s, indices: r, items: a, groupType: o, primaryType: u });
-  }
-  return t;
+function ue(i) {
+  const s = g();
+  w(() => (i.execute && s.capabilityRegistry.registerHandler(i.name, { execute: i.execute }), i.render && s.capabilityRegistry.registerRenderer(i.name, {
+    component: i.render
+  }), () => {
+    s.capabilityRegistry.unregister(i.name);
+  }), [i.name, s]);
 }
-function it(n) {
-  if (n.length === 1) return "single-type";
-  if (new Set(n.map((t) => t.type)).size === 1) {
-    const t = n[0].type;
-    return t === "tool_call" ? "tool-calls" : t === "assistant_thought" ? "reasoning" : "single-type";
-  }
-  return "mixed";
+function ce(i) {
+  const s = g(), [e, t] = x(
+    () => s.capabilityExecutionManager.getExecution(i)
+  ), [, n] = J((r) => r + 1, 0);
+  return w(() => {
+    const r = s.capabilityExecutionManager.getExecution(i);
+    return t(r), s.capabilityExecutionManager.subscribe((o) => {
+      if (o === i) {
+        const u = s.capabilityExecutionManager.getExecution(i);
+        t(u), n();
+      }
+    });
+  }, [i, s]), e;
+}
+function he({ message: i, content: s }) {
+  const e = g(), t = s, n = ce(t.capabilityId), r = e.capabilityRegistry.getRenderer(t.capabilityName);
+  if (!r || !n)
+    return null;
+  const a = r.component;
+  return /* @__PURE__ */ S.jsx(
+    a,
+    {
+      capabilityName: n.name,
+      capabilityId: n.id,
+      args: n.args,
+      result: n.result,
+      status: n.status,
+      message: i
+    }
+  );
+}
+function xe({ message: i, content: s }) {
+  const { component: e } = q(s.type);
+  if (s.type === "capability")
+    return /* @__PURE__ */ S.jsx(he, { message: i, content: s });
+  if (!e)
+    return null;
+  const t = e;
+  return /* @__PURE__ */ S.jsx(t, { content: s, message: i });
+}
+function Se({
+  message: i,
+  content: s,
+  context: e,
+  onClose: t,
+  onNavigate: n,
+  onSwitchContext: r
+}) {
+  const { auxiliaryComponent: a } = q(s.type, e);
+  if (!a)
+    return null;
+  const o = a;
+  return /* @__PURE__ */ S.jsx(
+    o,
+    {
+      content: s,
+      message: i,
+      context: e,
+      onClose: t,
+      onNavigate: n,
+      onSwitchContext: r
+    }
+  );
 }
-function at(n) {
-  const i = /* @__PURE__ */ new Map();
-  for (const r of n)
-    i.set(r.type, (i.get(r.type) || 0) + 1);
-  let t = 0, e = n[0].type;
-  for (const [r, s] of i)
-    s > t && (t = s, e = r);
-  return e;
+function we(i) {
+  const s = () => (ue(i), null);
+  return s.displayName = `Capability(${i.name})`, s;
 }
-class yt {
+class Te {
   getAllowedEvents() {
     return null;
   }
-  shouldProcessEvent(i) {
-    const t = this.getAllowedEvents();
-    return t ? t.includes(i) : !0;
+  shouldProcessEvent(s) {
+    const e = this.getAllowedEvents();
+    return e ? e.includes(s) : !0;
   }
-  async *stream(i) {
-    const { signal: t } = i, { url: e, options: r } = this.prepareRequest(i), s = await fetch(e, { ...r, signal: t });
-    if (!s.ok)
-      throw new Error(`HTTP error! status: ${s.status}`);
-    if (!s.body)
+  async *stream(s) {
+    const { signal: e } = s, { url: t, options: n } = this.prepareRequest(s), r = await fetch(t, { ...n, signal: e });
+    if (!r.ok)
+      throw new Error(`HTTP error! status: ${r.status}`);
+    if (!r.body)
       throw new Error("Response body is null");
-    yield* this.parseSSEStream(s.body, t);
+    yield* this.parseSSEStream(r.body, e);
   }
-  async *parseSSEStream(i, t) {
-    const e = i.getReader(), r = new TextDecoder();
-    let s = "", a = null;
+  async *parseSSEStream(s, e) {
+    const t = s.getReader(), n = new TextDecoder();
+    let r = "", a = null;
     try {
       for (; ; ) {
-        const { done: o, value: u } = await e.read();
-        if (o || t != null && t.aborted) break;
-        s += r.decode(u, { stream: !0 });
-        const f = s.split(`
+        const { done: o, value: u } = await t.read();
+        if (o || e != null && e.aborted) break;
+        r += n.decode(u, { stream: !0 });
+        const p = r.split(`
 `);
-        s = f.pop() || "";
-        for (const l of f) {
-          const c = l.trim();
-          if (!c) {
+        r = p.pop() || "";
+        for (const l of p) {
+          const h = l.trim();
+          if (!h) {
             a = null;
             continue;
           }
-          if (c !== ": ping") {
-            if (c.startsWith("event:")) {
-              a = c.substring(6).trim();
+          if (h !== ": ping") {
+            if (h.startsWith("event:")) {
+              a = h.substring(6).trim();
               continue;
             }
-            if (c.startsWith("data:")) {
-              const h = c.substring(5).trim();
-              if (h === "eof" || c === "eof")
+            if (h.startsWith("data:")) {
+              const d = h.substring(5).trim();
+              if (d === "eof" || h === "eof")
                 break;
               try {
-                const p = JSON.parse(h);
+                const f = JSON.parse(d);
                 if (a && this.shouldProcessEvent(a)) {
-                  const b = this.convertEvent({
+                  const m = this.convertEvent({
                     event: a,
-                    data: p
+                    data: f
                   });
-                  b && (yield b);
+                  m && (yield m);
                 }
               } catch {
               }
@@ -1019,33 +1216,35 @@ class yt {
         }
       }
     } finally {
-      e.releaseLock();
+      t.releaseLock();
     }
   }
 }
 export {
-  ht as AssistantRuntime,
-  dt as AssistantRuntimeProvider,
-  yt as BaseSSEStreamAdapter,
-  m as BaseSubscribable,
-  H as ComposerRuntime,
+  pe as AssistantRuntime,
+  fe as AssistantRuntimeProvider,
+  Se as AuxiliaryRenderer,
+  Te as BaseSSEStreamAdapter,
+  V as CapabilityExecutionManager,
+  z as CapabilityRegistry,
+  he as CapabilityRendererComp,
+  X as ComposerRuntime,
+  xe as ContentRenderer,
   W as PluginRegistry,
-  w as ThreadListItemRuntime,
-  K as ThreadListRuntime,
-  T as ThreadRuntime,
-  x as ThreadRuntimeCore,
-  ct as generateId,
-  E as generateMessageId,
-  M as generateThreadId,
-  _t as groupContentByParentId,
-  y as useAssistantRuntime,
-  nt as useComposer,
-  gt as useComposerState,
-  bt as useContentFocus,
-  mt as useContentRenderer,
-  et as useCurrentThread,
-  pt as useMessages,
-  lt as useThreadList,
-  ft as useThreadListState
+  R as ThreadListItemRuntime,
+  Z as ThreadListRuntime,
+  C as ThreadRuntime,
+  E as ThreadRuntimeCore,
+  we as makeCapability,
+  g as useAssistantRuntime,
+  ue as useCapability,
+  ce as useCapabilityExecution,
+  me as useComposer,
+  _e as useContentFocus,
+  q as useContentRenderer,
+  ne as useCurrentThread,
+  ye as useMessages,
+  ge as useThreadList,
+  be as useThreadListState
 };
 //# sourceMappingURL=index.js.map