@applica-software-guru/persona-sdk 0.1.48 → 0.1.52

package/dist/bundle.es.js

@@ -1,9 +1,9 @@
 var F = Object.defineProperty;
-var J = (a, t, e) => t in a ? F(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var o = (a, t, e) => J(a, typeof t != "symbol" ? t + "" : t, e);
-import { createContext as K, useContext as R, useState as S, useRef as q, useMemo as _, useEffect as B, useCallback as v } from "react";
-import { useExternalStoreRuntime as Y, AssistantRuntimeProvider as G } from "@assistant-ui/react";
-var z = { exports: {} }, w = {};
+var J = (a, e, t) => e in a ? F(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var o = (a, e, t) => J(a, typeof e != "symbol" ? e + "" : e, t);
+import { createContext as K, useContext as A, useState as k, useRef as q, useMemo as _, useEffect as B, useCallback as v } from "react";
+import { useExternalStoreRuntime as Y, CompositeAttachmentAdapter as G, SimpleImageAttachmentAdapter as V, AssistantRuntimeProvider as H } from "@assistant-ui/react";
+var D = { exports: {} }, b = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -14,16 +14,16 @@ var z = { exports: {} }, w = {};
  * LICENSE file in the root directory of this source tree.
  */
 var $;
-function V() {
-  if ($) return w;
+function Q() {
+  if ($) return b;
   $ = 1;
-  var a = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function e(n, s, i) {
+  var a = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
+  function t(n, s, i) {
     var r = null;
     if (i !== void 0 && (r = "" + i), s.key !== void 0 && (r = "" + s.key), "key" in s) {
       i = {};
-      for (var c in s)
-        c !== "key" && (i[c] = s[c]);
+      for (var l in s)
+        l !== "key" && (i[l] = s[l]);
     } else i = s;
     return s = i.ref, {
       $$typeof: a,
@@ -33,31 +33,31 @@ function V() {
       props: i
     };
   }
-  return w.Fragment = t, w.jsx = e, w.jsxs = e, w;
+  return b.Fragment = e, b.jsx = t, b.jsxs = t, b;
 }
-z.exports = V();
-var x = z.exports;
-function H(a) {
-  return a.filter((t) => {
-    var e;
-    return t.finishReason === "stop" ? t.text !== null && ((e = t.text) == null ? void 0 : e.trim()) !== "" : !0;
+D.exports = Q();
+var R = D.exports;
+function X(a) {
+  return a.filter((e) => {
+    var t;
+    return e.finishReason === "stop" ? e.text !== null && ((t = e.text) == null ? void 0 : t.trim()) !== "" : !0;
   });
 }
-function Q(a) {
-  const t = [];
-  let e = null;
+function Z(a) {
+  const e = [];
+  let t = null;
   for (const s of a)
-    s.type !== "transaction" && (s.type === "reasoning" ? (e != null && (t.push(e), e = null), t.push(s)) : s.functionCalls ? (e && t.push(e), t.push(s), e = null) : s.functionResponse ? t[t.length - 1] = {
-      ...t[t.length - 1],
+    s.type !== "transaction" && (s.type === "reasoning" ? (t != null && (e.push(t), t = null), e.push(s)) : s.functionCalls ? (t && e.push(t), e.push(s), t = null) : s.functionResponse ? e[e.length - 1] = {
+      ...e[e.length - 1],
       functionResponse: s.functionResponse
-    } : e && s.protocol === e.protocol && (e.role === s.role || s.finishReason === "stop") ? (e.text += s.text, e.files = [...e.files ?? [], ...s.files ?? []]) : (e && t.push(e), e = {
+    } : t && s.protocol === t.protocol && (t.role === s.role || s.finishReason === "stop") ? (t.text += s.text, t.files = [...t.files ?? [], ...s.files ?? []]) : (t && e.push(t), t = {
       ...s
     }));
-  return e && t.push(e), H(t);
+  return t && e.push(t), X(e);
 }
-function X(a) {
-  var e, n;
-  const t = ((e = a.files) == null ? void 0 : e.map(
+function tt(a) {
+  var t, n;
+  const e = ((t = a.files) == null ? void 0 : t.map(
     (s) => ({
       type: "file",
       data: s.url,
@@ -81,53 +81,53 @@ function X(a) {
   } : {
     id: a.id,
     role: a.role,
-    content: a.type === "reasoning" ? [{ type: "reasoning", text: a.text }, ...t] : [{ type: "text", text: a.text }, ...t]
+    content: a.type === "reasoning" ? [{ type: "reasoning", text: a.text }, ...e] : [{ type: "text", text: a.text }, ...e]
   };
 }
-class k {
+class P {
   constructor() {
     o(this, "statusChangeCallbacks", []);
     o(this, "messageCallbacks", []);
   }
-  addStatusChangeListener(t) {
-    this.statusChangeCallbacks.push(t);
+  addStatusChangeListener(e) {
+    this.statusChangeCallbacks.push(e);
   }
-  addMessageListener(t) {
-    this.messageCallbacks.push(t);
+  addMessageListener(e) {
+    this.messageCallbacks.push(e);
   }
-  async syncSession(t) {
-    this.session = t;
+  async syncSession(e) {
+    this.session = e;
   }
-  async notifyMessage(t) {
-    this.messageCallbacks.forEach((e) => e(t));
+  async notifyMessage(e) {
+    this.messageCallbacks.forEach((t) => t(e));
   }
-  async notifyMessages(t) {
-    t.forEach((e) => {
-      this.messageCallbacks.forEach((n) => n(e));
+  async notifyMessages(e) {
+    e.forEach((t) => {
+      this.messageCallbacks.forEach((n) => n(t));
     });
   }
-  async setSession(t) {
-    this.session = t;
+  async setSession(e) {
+    this.session = e;
   }
-  async setStatus(t) {
-    const e = this.status !== t;
-    this.status = t, e && this.statusChangeCallbacks.forEach((n) => n(t));
+  async setStatus(e) {
+    const t = this.status !== e;
+    this.status = e, t && this.statusChangeCallbacks.forEach((n) => n(e));
   }
   clearListeners() {
     this.statusChangeCallbacks = [], this.messageCallbacks = [];
   }
-  onTransaction(t) {
+  onTransaction(e) {
   }
 }
-class M extends k {
-  constructor(e) {
+class M extends P {
+  constructor(t) {
     super();
     o(this, "status");
     o(this, "autostart");
     o(this, "session");
     o(this, "config");
     o(this, "notify", !0);
-    this.config = e, this.status = "disconnected", this.autostart = !0;
+    this.config = t, this.status = "disconnected", this.autostart = !0;
   }
   getName() {
     return "rest";
@@ -135,18 +135,18 @@ class M extends k {
   getPriority() {
     return 0;
   }
-  async connect(e) {
-    return this.setStatus("connected"), e;
+  async connect(t) {
+    return this.setStatus("connected"), t;
   }
   async disconnect() {
     this.setStatus("disconnected"), this.session = null;
   }
-  async syncSession(e) {
-    this.session = e;
+  async syncSession(t) {
+    this.session = t;
   }
-  async send(e) {
-    const { apiUrl: n, apiKey: s, agentId: i } = this.config, r = this.session ?? "new", c = e, h = await (await fetch(`${n}/agents/${i}/sessions/${r}/messages`, {
-      body: JSON.stringify({ userMessage: c }),
+  async send(t) {
+    const { apiUrl: n, apiKey: s, agentId: i } = this.config, r = this.session ?? "new", l = t, h = await (await fetch(`${n}/agents/${i}/sessions/${r}/messages`, {
+      body: JSON.stringify({ userMessage: l }),
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -155,22 +155,22 @@ class M extends k {
       }
     })).json();
     this.notifyMessages(
-      h.response.messages.map((m) => ({
+      h.response.messages.map((w) => ({
         type: "message",
-        payload: m
+        payload: w
       }))
     );
   }
 }
-class I extends k {
-  constructor(e) {
+class I extends P {
+  constructor(t) {
     super();
     o(this, "status");
     o(this, "autostart");
     o(this, "session");
     o(this, "config");
     o(this, "webSocket");
-    this.config = e, this.status = "disconnected", this.autostart = !0, this.session = null, this.webSocket = null;
+    this.config = t, this.status = "disconnected", this.autostart = !0, this.session = null, this.webSocket = null;
   }
   getName() {
     return "websocket";
@@ -178,16 +178,16 @@ class I extends k {
   getPriority() {
     return 1;
   }
-  async syncSession(e) {
+  async syncSession(t) {
     var n;
-    (n = this.config.logger) == null || n.debug("Syncing session with WebSocket protocol:", e), this.session = e, this.webSocket && this.status === "connected" && (this.disconnect(), this.connect(e));
+    (n = this.config.logger) == null || n.debug("Syncing session with WebSocket protocol:", t), this.session = t, this.webSocket && this.status === "connected" && (this.disconnect(), this.connect(t));
   }
-  connect(e) {
-    var c;
+  connect(t) {
+    var l;
     if (this.webSocket !== null && this.status === "connected")
       return Promise.resolve(this.session);
-    const n = e || this.session || "new";
-    (c = this.config.logger) == null || c.debug("Connecting to WebSocket with sessionId:", n);
+    const n = t || this.session || "new";
+    (l = this.config.logger) == null || l.debug("Connecting to WebSocket with sessionId:", n);
     const s = encodeURIComponent(this.config.apiKey), i = this.config.agentId, r = `${this.config.webSocketUrl}?sessionCode=${n}&agentId=${i}&apiKey=${s}`;
     return this.setStatus("connecting"), this.webSocket = new WebSocket(r), this.webSocket.addEventListener("open", () => {
       this.setStatus("connected");
@@ -203,15 +203,15 @@ class I extends k {
     }), Promise.resolve(n);
   }
   disconnect() {
-    var e;
-    return (e = this.config.logger) == null || e.debug("Disconnecting WebSocket"), this.webSocket && this.status === "connected" && (this.webSocket.close(), this.setStatus("disconnected"), this.webSocket = null), Promise.resolve();
+    var t;
+    return (t = this.config.logger) == null || t.debug("Disconnecting WebSocket"), this.webSocket && this.status === "connected" && (this.webSocket.close(), this.setStatus("disconnected"), this.webSocket = null), Promise.resolve();
   }
-  send(e) {
-    return this.webSocket && this.status === "connected" ? (this.webSocket.send(JSON.stringify({ type: "request", payload: e })), Promise.resolve()) : Promise.reject(new Error("WebSocket is not connected"));
+  send(t) {
+    return this.webSocket && this.status === "connected" ? (this.webSocket.send(JSON.stringify({ type: "request", payload: t })), Promise.resolve()) : Promise.reject(new Error("WebSocket is not connected"));
   }
 }
-class Z {
-  constructor(t) {
+class et {
+  constructor(e) {
     o(this, "config");
     o(this, "pc", null);
     o(this, "ws", null);
@@ -225,9 +225,9 @@ class Z {
     o(this, "isConnected", !1);
     o(this, "visualizerCallbacks", []);
     o(this, "messageCallbacks", []);
-    this.config = t;
+    this.config = e;
   }
-  async connect(t) {
+  async connect(e) {
     var n;
     if (this.isConnected) return;
     this.isConnected = !0;
@@ -256,8 +256,8 @@ class Z {
       }), this.audioCtx || this._startAnalyzers();
       const i = new Audio();
       i.srcObject = this.remoteStream, i.play().catch((r) => {
-        var c;
-        (c = this.config.logger) == null || c.error("Error playing remote audio:", r);
+        var l;
+        (l = this.config.logger) == null || l.error("Error playing remote audio:", r);
       });
     }, this.pc.onicecandidate = (s) => {
       var i;
@@ -271,22 +271,22 @@ class Z {
     }, this.pc.ondatachannel = (s) => {
       const i = s.channel;
       i.onmessage = (r) => {
-        this.messageCallbacks.forEach((c) => {
-          c(r);
+        this.messageCallbacks.forEach((l) => {
+          l(r);
         });
       };
     };
-    const e = this.config.webrtcUrl || "wss://persona.applica.guru/api/webrtc";
-    this.ws = new WebSocket(`${e}?apiKey=${encodeURIComponent(this.config.apiKey)}`), this.ws.onopen = async () => {
-      var c, u;
+    const t = this.config.webrtcUrl || "wss://persona.applica.guru/api/webrtc";
+    this.ws = new WebSocket(`${t}?apiKey=${encodeURIComponent(this.config.apiKey)}`), this.ws.onopen = async () => {
+      var l, u;
       const s = await this.pc.createOffer();
       await this.pc.setLocalDescription(s);
       const i = {
         apiKey: this.config.apiKey,
         agentId: this.config.agentId,
-        sessionCode: t
+        sessionCode: e
       };
-      (c = this.config.logger) == null || c.debug("Opening connection to WebRTC server: ", i);
+      (l = this.config.logger) == null || l.debug("Opening connection to WebRTC server: ", i);
       const r = {
         type: "OFFER",
         src: ((u = crypto.randomUUID) == null ? void 0 : u.call(crypto)) || "client_" + Date.now(),
@@ -308,57 +308,57 @@ class Z {
       else if (i.type === "CANDIDATE")
         try {
           await this.pc.addIceCandidate(new RTCIceCandidate(i.payload.candidate));
-        } catch (c) {
-          (r = this.config.logger) == null || r.error("Error adding ICE candidate:", c);
+        } catch (l) {
+          (r = this.config.logger) == null || r.error("Error adding ICE candidate:", l);
         }
     }, this.ws.onclose = () => {
       this._stopAnalyzers();
     };
   }
   async disconnect() {
-    var t;
-    this.isConnected && (this.isConnected = !1, ((t = this.ws) == null ? void 0 : t.readyState) === WebSocket.OPEN && this.ws.close(), this.pc && this.pc.close(), this.localStream && this.localStream.getTracks().forEach((e) => e.stop()), this.remoteStream = new MediaStream(), this.audioCtx && (await this.audioCtx.close(), this.audioCtx = null), this._stopAnalyzers());
+    var e;
+    this.isConnected && (this.isConnected = !1, ((e = this.ws) == null ? void 0 : e.readyState) === WebSocket.OPEN && this.ws.close(), this.pc && this.pc.close(), this.localStream && this.localStream.getTracks().forEach((t) => t.stop()), this.remoteStream = new MediaStream(), this.audioCtx && (await this.audioCtx.close(), this.audioCtx = null), this._stopAnalyzers());
   }
-  addVisualizerCallback(t) {
-    this.visualizerCallbacks.push(t);
+  addVisualizerCallback(e) {
+    this.visualizerCallbacks.push(e);
   }
-  addMessageCallback(t) {
-    this.messageCallbacks.push(t);
+  addMessageCallback(e) {
+    this.messageCallbacks.push(e);
   }
-  createDataChannel(t = "messages") {
-    this.pc && (this.dataChannel = this.pc.createDataChannel(t), this.dataChannel.onopen = () => {
-      var e;
-      return (e = this.config.logger) == null ? void 0 : e.info("Data channel opened");
-    }, this.dataChannel.onmessage = (e) => {
+  createDataChannel(e = "messages") {
+    this.pc && (this.dataChannel = this.pc.createDataChannel(e), this.dataChannel.onopen = () => {
+      var t;
+      return (t = this.config.logger) == null ? void 0 : t.info("Data channel opened");
+    }, this.dataChannel.onmessage = (t) => {
       this.messageCallbacks.forEach((n) => {
-        n(e);
+        n(t);
       });
     });
   }
-  sendMessage(t) {
-    var e, n;
+  sendMessage(e) {
+    var t, n;
     if (!this.dataChannel) {
-      (e = this.config.logger) == null || e.warn("Data channel is not open, cannot send message");
+      (t = this.config.logger) == null || t.warn("Data channel is not open, cannot send message");
       return;
     }
-    this.dataChannel.send(t), (n = this.config.logger) == null || n.info("Sent message:", t);
+    this.dataChannel.send(JSON.stringify({ type: "request", payload: e })), (n = this.config.logger) == null || n.info("Sent message:", e);
   }
   _startAnalyzers() {
     if (!this.localStream || !this.remoteStream || this.visualizerCallbacks.length === 0)
       return;
     this.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
-    const t = this.audioCtx.createMediaStreamSource(this.localStream), e = this.audioCtx.createMediaStreamSource(this.remoteStream);
-    this.localAnalyser = this.audioCtx.createAnalyser(), this.remoteAnalyser = this.audioCtx.createAnalyser(), this.localAnalyser.fftSize = 256, this.remoteAnalyser.fftSize = 256, t.connect(this.localAnalyser), e.connect(this.remoteAnalyser);
+    const e = this.audioCtx.createMediaStreamSource(this.localStream), t = this.audioCtx.createMediaStreamSource(this.remoteStream);
+    this.localAnalyser = this.audioCtx.createAnalyser(), this.remoteAnalyser = this.audioCtx.createAnalyser(), this.localAnalyser.fftSize = 256, this.remoteAnalyser.fftSize = 256, e.connect(this.localAnalyser), t.connect(this.remoteAnalyser);
     const n = () => {
       if (!this.localAnalyser || !this.remoteAnalyser || this.visualizerCallbacks.length === 0)
         return;
       const s = new Uint8Array(this.localAnalyser.frequencyBinCount), i = new Uint8Array(this.remoteAnalyser.frequencyBinCount);
       this.localAnalyser.getByteFrequencyData(s), this.remoteAnalyser.getByteFrequencyData(i);
-      const r = s.reduce((u, h) => u + h, 0) / s.length, c = i.reduce((u, h) => u + h, 0) / i.length;
+      const r = s.reduce((u, h) => u + h, 0) / s.length, l = i.reduce((u, h) => u + h, 0) / i.length;
       this.visualizerCallbacks.length > 0 && this.visualizerCallbacks.forEach((u) => {
         u({
           localAmplitude: r,
-          remoteAmplitude: c
+          remoteAmplitude: l
         });
       }), this.analyzerFrame = requestAnimationFrame(n);
     };
@@ -368,15 +368,15 @@ class Z {
     this.analyzerFrame && (cancelAnimationFrame(this.analyzerFrame), this.analyzerFrame = null), this.localAnalyser = null, this.remoteAnalyser = null;
   }
 }
-class N extends k {
-  constructor(e) {
+class N extends P {
+  constructor(t) {
     super();
     o(this, "status");
     o(this, "session");
     o(this, "autostart");
     o(this, "config");
     o(this, "webRTCClient");
-    this.config = e, this.status = "disconnected", this.session = null, this.autostart = (e == null ? void 0 : e.autostart) ?? !1, this.webRTCClient = new Z(e), this.webRTCClient.addMessageCallback((n) => {
+    this.config = t, this.status = "disconnected", this.session = null, this.autostart = (t == null ? void 0 : t.autostart) ?? !1, this.webRTCClient = new et(t), this.webRTCClient.addMessageCallback((n) => {
       const s = JSON.parse(n.data);
       this.notifyMessage(s);
     });
@@ -387,39 +387,39 @@ class N extends k {
   getPriority() {
     return 10;
   }
-  async syncSession(e) {
-    super.syncSession(e), this.status === "connected" && (await this.disconnect(), await this.connect(e));
+  async syncSession(t) {
+    super.syncSession(t), this.status === "connected" && (await this.disconnect(), await this.connect(t));
   }
-  async connect(e) {
+  async connect(t) {
     var n;
-    return this.status === "connected" ? Promise.resolve(this.session) : (this.session = e || this.session || "new", this.setStatus("connecting"), (n = this.config.logger) == null || n.debug("Connecting to WebRTC with sessionId:", this.session), await this.webRTCClient.connect(this.session), this.setStatus("connected"), await this.webRTCClient.createDataChannel(), this.session);
+    return this.status === "connected" ? Promise.resolve(this.session) : (this.session = t || this.session || "new", this.setStatus("connecting"), (n = this.config.logger) == null || n.debug("Connecting to WebRTC with sessionId:", this.session), await this.webRTCClient.connect(this.session), this.setStatus("connected"), await this.webRTCClient.createDataChannel(), this.session);
   }
   async disconnect() {
-    var e, n, s;
+    var t, n, s;
     if (this.status === "disconnected")
-      return (e = this.config.logger) == null || e.warn("Already disconnected"), Promise.resolve();
+      return (t = this.config.logger) == null || t.warn("Already disconnected"), Promise.resolve();
     await this.webRTCClient.disconnect(), this.setStatus("disconnected"), (s = (n = this.config) == null ? void 0 : n.logger) == null || s.debug("Disconnected from WebRTC");
   }
-  send(e) {
-    return this.status !== "connected" ? Promise.reject(new Error("Not connected")) : (this.webRTCClient.sendMessage(e), Promise.resolve());
+  send(t) {
+    return this.status !== "connected" ? Promise.reject(new Error("Not connected")) : (this.webRTCClient.sendMessage(t), Promise.resolve());
   }
 }
-class ee {
-  constructor(t) {
+class st {
+  constructor(e) {
     o(this, "config");
-    this.config = t;
+    this.config = e;
   }
-  async complete(t, e) {
+  async complete(e, t) {
     var n;
-    await this.persist(t, { ...e, success: !0 }), (n = this.config.logger) == null || n.debug("Transaction completed:", t);
+    await this.persist(e, { ...t, success: !0 }), (n = this.config.logger) == null || n.debug("Transaction completed:", e);
   }
-  async fail(t, e) {
+  async fail(e, t) {
     var n;
-    await this.persist(t, { ...e, success: !1 }), (n = this.config.logger) == null || n.debug("Transaction failed:", { ...t, ...e });
+    await this.persist(e, { ...t, success: !1 }), (n = this.config.logger) == null || n.debug("Transaction failed:", { ...e, ...t });
   }
-  async persist(t, e) {
-    await fetch(`${this.config.apiUrl}/transactions/${t.id}`, {
-      body: JSON.stringify(e),
+  async persist(e, t) {
+    await fetch(`${this.config.apiUrl}/transactions/${e.id}`, {
+      body: JSON.stringify(t),
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -429,22 +429,22 @@ class ee {
     });
   }
 }
-class te {
-  constructor(t, e) {
+class nt {
+  constructor(e, t) {
     o(this, "transaction");
     o(this, "manager");
-    this.transaction = t, this.manager = e;
+    this.transaction = e, this.manager = t;
   }
   getFunctionCall() {
     return this.transaction.functionCall;
   }
-  async invoke(t) {
-    const e = this.transaction.functionCall;
-    if (!e) {
+  async invoke(e) {
+    const t = this.transaction.functionCall;
+    if (!t) {
       await this.fail("No function call found");
       return;
     }
-    const n = e.name, s = e.args, i = t[n];
+    const n = t.name, s = t.args, i = e[n];
     if (!i) {
       await this.fail(`Tool ${n} not found`);
       return;
@@ -456,22 +456,22 @@ class te {
       await this.fail(`Error executing tool ${n}: ${r}`);
     }
   }
-  async complete(t) {
-    await this.manager.complete(this.transaction, { success: !0, output: t, error: null });
+  async complete(e) {
+    await this.manager.complete(this.transaction, { success: !0, output: e, error: null });
   }
-  async fail(t) {
-    await this.manager.fail(this.transaction, { success: !1, output: null, error: t });
+  async fail(e) {
+    await this.manager.fail(this.transaction, { success: !1, output: null, error: e });
   }
 }
-class se extends k {
-  constructor(e) {
+class it extends P {
+  constructor(t) {
     super();
     o(this, "status");
     o(this, "autostart");
     o(this, "session");
     o(this, "config");
     o(this, "notify", !0);
-    this.config = e, this.status = "disconnected", this.autostart = !0;
+    this.config = t, this.status = "disconnected", this.autostart = !0;
   }
   getName() {
     return "transaction";
@@ -479,194 +479,223 @@ class se extends k {
   getPriority() {
     return 0;
   }
-  async connect(e) {
-    return this.setStatus("connected"), e;
+  async connect(t) {
+    return this.setStatus("connected"), t;
   }
   async disconnect() {
     this.setStatus("disconnected"), this.session = null;
   }
-  async syncSession(e) {
-    this.session = e;
+  async syncSession(t) {
+    this.session = t;
   }
-  async send(e) {
+  async send(t) {
     var n;
-    throw (n = this.config.logger) == null || n.debug("Sending message:", e), new Error("Not implemented");
+    throw (n = this.config.logger) == null || n.debug("Sending message:", t), new Error("Not implemented");
   }
-  onTransaction(e) {
+  onTransaction(t) {
     var i;
     if (!this.config.onTransaction) {
       (i = this.config.logger) == null || i.error("Transaction protocol config is not set");
       return;
     }
-    const n = new ee(this.config), s = new te(e, n);
+    const n = new st(this.config), s = new nt(t, n);
     this.config.onTransaction(s);
   }
 }
-const P = K(void 0);
-function ne({
+const x = K(void 0);
+function at(a) {
+  return new Promise((e, t) => {
+    const n = new FileReader();
+    n.readAsDataURL(a), n.onload = () => {
+      const i = n.result.split(";base64,")[1];
+      e(i);
+    }, n.onerror = (s) => {
+      t(s);
+    };
+  });
+}
+function ot({
   dev: a = !1,
-  protocols: t,
-  logger: e,
+  protocols: e,
+  logger: t,
   children: n,
   session: s = "new",
   ...i
 }) {
-  const [r, c] = S(!1), [u, h] = S([]), [m, D] = S(s), [C, O] = S(/* @__PURE__ */ new Map()), E = q(!1), y = _(() => {
-    if (Array.isArray(t))
-      return t;
-    if (typeof t == "object" && t !== null) {
-      const l = a ? "localhost:8000" : "persona.applica.guru/api", d = a ? "http" : "https", p = a ? "ws" : "wss";
-      let g = Object.keys(t).map((f) => {
-        switch (f) {
+  const [r, l] = k(!1), [u, h] = k([]), [w, z] = k(s), [S, W] = k(/* @__PURE__ */ new Map()), E = q(!1), m = _(() => {
+    if (Array.isArray(e))
+      return e;
+    if (typeof e == "object" && e !== null) {
+      const c = a ? "localhost:8000" : "persona.applica.guru/api", f = a ? "http" : "https", p = a ? "ws" : "wss";
+      let y = Object.keys(e).map((g) => {
+        switch (g) {
           case "rest":
-            const b = t[f];
-            return b === !0 ? new M({
-              apiUrl: `${d}://${l}`,
+            const d = e[g];
+            return d === !0 ? new M({
+              apiUrl: `${f}://${c}`,
               apiKey: i.apiKey,
               agentId: i.agentId,
-              logger: e
-            }) : new M(b);
+              logger: t
+            }) : new M(d);
           case "webrtc":
-            const A = t[f];
-            return A === !0 ? new N({
-              webrtcUrl: `${p}://${l}/webrtc`,
+            const C = e[g];
+            return C === !0 ? new N({
+              webrtcUrl: `${p}://${c}/webrtc`,
               apiKey: i.apiKey,
               agentId: i.agentId,
-              logger: e
-            }) : new N(A);
+              logger: t
+            }) : new N(C);
           case "websocket":
-            const T = t[f];
+            const T = e[g];
             return T === !0 ? new I({
-              webSocketUrl: `${p}://${l}/websocket`,
+              webSocketUrl: `${p}://${c}/websocket`,
               apiKey: i.apiKey,
               agentId: i.agentId,
-              logger: e
+              logger: t
             }) : new I(T);
           default:
-            throw new Error(`Unknown protocol: ${f}`);
+            throw new Error(`Unknown protocol: ${g}`);
         }
       });
-      return i.tools && g.push(
-        new se({
-          apiUrl: `${d}://${l}`,
+      return i.tools && y.push(
+        new it({
+          apiUrl: `${f}://${c}`,
           apiKey: i.apiKey,
           agentId: i.agentId,
-          onTransaction: async (f) => {
-            await f.invoke(i.tools);
+          onTransaction: async (g) => {
+            await g.invoke(i.tools);
           },
-          logger: e
+          logger: t
         })
-      ), g;
+      ), y;
     }
     throw new Error("Invalid protocols configuration");
   }, []);
   B(() => {
-    E.current || (E.current = !0, e == null || e.debug(
+    E.current || (E.current = !0, t == null || t.debug(
       "Initializing protocols: ",
-      y.map((l) => l.getName())
-    ), y.forEach((l) => {
-      l.setSession(m), l.clearListeners(), l.addStatusChangeListener((d) => {
-        e == null || e.debug(`${l.getName()} has notified new status: ${d}`), C.set(l.getName(), d), O(new Map(C));
-      }), l.addMessageListener((d) => {
-        if (d.type === "message") {
-          const p = d.payload;
+      m.map((c) => c.getName())
+    ), m.forEach((c) => {
+      c.setSession(w), c.clearListeners(), c.addStatusChangeListener((f) => {
+        t == null || t.debug(`${c.getName()} has notified new status: ${f}`), S.set(c.getName(), f), W(new Map(S));
+      }), c.addMessageListener((f) => {
+        if (f.type === "message") {
+          const p = f.payload;
           h(
-            (g) => Q([...g, { ...p, protocol: l.getName() }])
+            (y) => Z([...y, { ...p, protocol: c.getName() }])
           );
-        } else d.type === "transaction" && y.filter((p) => p !== l).forEach((p) => p.onTransaction(d.payload));
-      }), l.autostart && l.status === "disconnected" && (e == null || e.debug(`Connecting to protocol: ${l.getName()}`), l.connect(m));
+        } else f.type === "transaction" && m.filter((p) => p !== c).forEach((p) => p.onTransaction(f.payload));
+      }), c.autostart && c.status === "disconnected" && (t == null || t.debug(`Connecting to protocol: ${c.getName()}`), c.connect(w));
     }));
-  }, [m, y, e, C]);
-  const W = async (l) => {
+  }, [w, m, t, S]);
+  const O = async (c) => {
     var g;
-    if (((g = l.content[0]) == null ? void 0 : g.type) !== "text") throw new Error("Only text messages are supported");
-    const d = l.content[0].text;
-    h((f) => [...f, { role: "user", type: "text", text: d }]), c(!0);
-    const p = y.sort((f, b) => b.getPriority() - f.getPriority()).find((f) => f.status === "connected");
-    await (p == null ? void 0 : p.send(d)), c(!1);
-  }, U = v(() => (c(!1), h([]), D("new"), Promise.resolve()), []), j = v(() => Promise.resolve(), []), L = Y({
+    if (((g = c.content[0]) == null ? void 0 : g.type) !== "text") throw new Error("Only text messages are supported");
+    const f = c.content[0].text;
+    h((d) => [...d, { role: "user", type: "text", text: f }]), l(!0);
+    const p = m.sort((d, C) => C.getPriority() - d.getPriority()).find((d) => d.status === "connected"), y = [];
+    if (c.attachments)
+      for (const d of c.attachments)
+        d.contentType.startsWith("image/") && d.file && y.push({
+          role: "user",
+          image: {
+            contentType: d.contentType,
+            content: await at(d.file)
+          },
+          text: "",
+          type: "text"
+        });
+    c.content && y.push({
+      role: "user",
+      text: c.content[0].text,
+      type: "text"
+    }), t == null || t.debug("Sending message:", y), await (p == null ? void 0 : p.send(y)), l(!1);
+  }, U = v(() => (l(!1), h([]), z("new"), Promise.resolve()), []), L = v(() => Promise.resolve(), []), j = Y({
     isRunning: r,
     messages: u,
-    convertMessage: X,
-    onNew: W,
+    convertMessage: tt,
+    onNew: O,
     onCancel: U,
-    onReload: j
+    onReload: L,
+    adapters: {
+      attachments: new G([new V()])
+    }
   });
-  return /* @__PURE__ */ x.jsx(P.Provider, { value: { protocols: y, protocolsStatus: C }, children: /* @__PURE__ */ x.jsx(G, { runtime: L, children: n }) });
+  return /* @__PURE__ */ R.jsx(x.Provider, { value: { protocols: m, protocolsStatus: S }, children: /* @__PURE__ */ R.jsx(H, { runtime: j, children: n }) });
 }
-function ce({ children: a, ...t }) {
-  return /* @__PURE__ */ x.jsx(ne, { ...t, children: a });
+function ht({ children: a, ...e }) {
+  return /* @__PURE__ */ R.jsx(ot, { ...e, children: a });
 }
-function le() {
-  const a = R(P);
+function dt() {
+  const a = A(x);
   if (!a)
     throw new Error("usePersonaRuntime must be used within a PersonaRuntimeProvider");
   return a;
 }
-function ie(a) {
-  const t = R(P);
-  if (!t)
-    throw new Error("usePersonaRuntimeProtocol must be used within a PersonaRuntimeProvider");
-  const e = t.protocols.find((s) => s.getName() === a);
+function rt(a) {
+  const e = A(x);
   if (!e)
+    throw new Error("usePersonaRuntimeProtocol must be used within a PersonaRuntimeProvider");
+  const t = e.protocols.find((s) => s.getName() === a);
+  if (!t)
     return null;
-  const n = t.protocolsStatus.get(e.getName());
+  const n = e.protocolsStatus.get(t.getName());
   return {
-    ...e,
-    connect: e.connect.bind(e),
-    disconnect: e.disconnect.bind(e),
-    send: e.send.bind(e),
-    setSession: e.setSession.bind(e),
-    addStatusChangeListener: e.addStatusChangeListener.bind(e),
-    addMessageListener: e.addMessageListener.bind(e),
-    getName: e.getName.bind(e),
-    getPriority: e.getPriority.bind(e),
-    status: n || e.status
+    ...t,
+    connect: t.connect.bind(t),
+    disconnect: t.disconnect.bind(t),
+    send: t.send.bind(t),
+    setSession: t.setSession.bind(t),
+    addStatusChangeListener: t.addStatusChangeListener.bind(t),
+    addMessageListener: t.addMessageListener.bind(t),
+    getName: t.getName.bind(t),
+    getPriority: t.getPriority.bind(t),
+    status: n || t.status
   };
 }
-function ue() {
-  const a = R(P);
+function ft() {
+  const a = A(x);
   if (!a)
     throw new Error("usePersonaRuntimeEndpoint must be used within a PersonaRuntimeProvider");
-  for (const t of a.protocols)
-    if (t.getName() === "rest")
-      return t.config.apiUrl;
+  for (const e of a.protocols)
+    if (e.getName() === "rest")
+      return e.config.apiUrl;
   throw new Error("REST protocol not found");
 }
-function he() {
-  return ie("webrtc");
+function pt() {
+  return rt("webrtc");
 }
-class de {
+class gt {
   constructor() {
     o(this, "prefix", "[Persona]");
   }
-  log(t, ...e) {
-    console.log(`${this.prefix} - ${t}`, ...e);
+  log(e, ...t) {
+    console.log(`${this.prefix} - ${e}`, ...t);
   }
-  info(t, ...e) {
-    console.info(`${this.prefix} - ${t}`, ...e);
+  info(e, ...t) {
+    console.info(`${this.prefix} - ${e}`, ...t);
   }
-  warn(t, ...e) {
-    console.warn(`${this.prefix} - ${t}`, ...e);
+  warn(e, ...t) {
+    console.warn(`${this.prefix} - ${e}`, ...t);
   }
-  error(t, ...e) {
-    console.error(`${this.prefix} - ${t}`, ...e);
+  error(e, ...t) {
+    console.error(`${this.prefix} - ${e}`, ...t);
   }
-  debug(t, ...e) {
-    console.debug(`${this.prefix} - ${t}`, ...e);
+  debug(e, ...t) {
+    console.debug(`${this.prefix} - ${e}`, ...t);
   }
 }
 export {
-  de as PersonaConsoleLogger,
-  k as PersonaProtocolBase,
+  gt as PersonaConsoleLogger,
+  P as PersonaProtocolBase,
   M as PersonaRESTProtocol,
-  ce as PersonaRuntimeProvider,
-  se as PersonaTransactionProtocol,
+  ht as PersonaRuntimeProvider,
+  it as PersonaTransactionProtocol,
   N as PersonaWebRTCProtocol,
   I as PersonaWebSocketProtocol,
-  le as usePersonaRuntime,
-  ue as usePersonaRuntimeEndpoint,
-  ie as usePersonaRuntimeProtocol,
-  he as usePersonaRuntimeWebRTCProtocol
+  dt as usePersonaRuntime,
+  ft as usePersonaRuntimeEndpoint,
+  rt as usePersonaRuntimeProtocol,
+  pt as usePersonaRuntimeWebRTCProtocol
 };
 //# sourceMappingURL=bundle.es.js.map