site-operator-react 0.2.1 → 0.2.6

package/README.md

@@ -119,3 +119,43 @@ function App() {
 // - once ready, it returns the live ChatController instance
 // controller?.sendMessage('Hola');
 ```
+
+### AgentChatProvider + AgentChatMount + useAgentChatController
+
+If you prefer a React Context approach, wrap your app (or a subtree) with `AgentChatProvider`. It manages the `ref` and exposes the `ChatController` via `useAgentChatController`. Place `<AgentChatMount />` where you want the chat UI to render.
+
+```tsx
+import { AgentChatProvider, AgentChatMount, useAgentChatController, type AppContext } from 'site-operator-react';
+
+const context: AppContext = {
+  v: "1.1",
+  site: { name: "Mi Portal" },
+  user: { id: "u-123" },
+  nav: { routes: [] }
+};
+
+function ChatActions() {
+  const controller = useAgentChatController();
+  return (
+    <button onClick={() => controller?.startNewThread()}>
+      Nuevo chat
+    </button>
+  );
+}
+
+function App() {
+  return (
+    <AgentChatProvider
+      backendUrl="http://localhost:8001/ag_ui"
+      appName="My React App"
+      context={{ appContext: context }}
+    >
+      <header>Mi App</header>
+      <main>
+        <AgentChatMount className="chat-root" />
+      </main>
+      <ChatActions />
+    </AgentChatProvider>
+  );
+}
+```

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { Action } from 'site-operator';
 import { AgentChat as AgentChat_2 } from 'site-operator';
 import { AgentState } from 'site-operator';
 import { AppContext } from 'site-operator';
@@ -5,9 +6,15 @@ import { AppState } from 'site-operator';
 import { ChatController } from 'site-operator';
 import { ClickTarget } from 'site-operator';
 import { default as default_2 } from 'react';
+import { ExecutePlanResult } from 'site-operator';
 import { RefObject } from 'react';
+import { SuggestedPrompt } from 'site-operator';
 
-export declare const AgentChat: default_2.ForwardRefExoticComponent<AgentChatProps & default_2.RefAttributes<AgentChat_2 | null>>;
+export declare const AgentChat: default_2.ForwardRefExoticComponent<AgentChatProps & default_2.RefAttributes<AgentChat_2>>;
+
+export declare const AgentChatMount: default_2.FC<AgentChatMountProps>;
+
+export declare type AgentChatMountProps = default_2.HTMLAttributes<HTMLDivElement>;
 
 export declare interface AgentChatProps {
     backendUrl?: string;
@@ -23,6 +30,15 @@ export declare interface AgentChatProps {
     context?: ContextProps;
 }
 
+export declare const AgentChatProvider: default_2.FC<AgentChatProviderProps>;
+
+export declare type AgentChatProviderProps = AgentChatProps & {
+    children?: default_2.ReactNode;
+    handlers?: {
+        executePlan?: (plan: Action) => Promise<ExecutePlanResult>;
+    };
+};
+
 export { AgentState }
 
 export { AppContext }
@@ -34,6 +50,7 @@ export { ClickTarget }
 export declare interface ComposerProps {
     disclaimer?: string;
     placeholder?: string;
+    suggestedPrompts?: SuggestedPrompt[];
 }
 
 export declare interface ContextProps {
@@ -50,17 +67,24 @@ export declare interface ThreadViewProps {
     emptyText?: string;
 }
 
+export declare function useAgentChatController(): ChatController | null;
+
 /**
  * A hook to register a Chat Portal specification for the agent.
  * This allows the agent to navigate and control the host application.
  * @param context The AppContext defining site, user and navigation.
- * @param options Optional refs for accessing the AgentChat controller.
+ *                If null/undefined, registration is skipped.
+ * @param options Optional refs for accessing the AgentChat controller and custom handlers.
  * @returns ChatController instance if an AgentChat ref is provided.
  */
-export declare function useChatPortal(context: AppContext, options?: UseChatPortalOptions): ChatController | null;
+export declare function useChatPortal(context: AppContext | null | undefined, options?: UseChatPortalOptions & {
+    handlers?: {
+        executePlan?: (plan: Action) => Promise<ExecutePlanResult>;
+    };
+}): ChatController | null;
 
 export declare type UseChatPortalOptions = {
-    chatRef?: RefObject<AgentChat_2>;
+    chatRef?: RefObject<AgentChat_2 | null>;
 };
 
 export { }

package/dist/site-operator-react.es.js

@@ -1,6 +1,7 @@
-import W, { useRef as re, useImperativeHandle as te, useEffect as y, useState as ae } from "react";
-import { chatPortalService as ne } from "site-operator";
-var A = { exports: {} }, p = {};
+import q, { useRef as N, useImperativeHandle as ie, useEffect as R, useState as J, createContext as V, useContext as z } from "react";
+import { chatPortalService as ce } from "site-operator";
+import { createPortal as fe } from "react-dom";
+var S = { exports: {} }, T = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +11,29 @@ 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 D;
-function le() {
-  if (D) return p;
-  D = 1;
-  var c = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
-  function m(f, a, u) {
-    var d = null;
-    if (u !== void 0 && (d = "" + u), a.key !== void 0 && (d = "" + a.key), "key" in a) {
-      u = {};
-      for (var s in a)
-        s !== "key" && (u[s] = a[s]);
-    } else u = a;
-    return a = u.ref, {
-      $$typeof: c,
-      type: f,
-      key: d,
+var L;
+function de() {
+  if (L) return T;
+  L = 1;
+  var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function f(d, a, i) {
+    var E = null;
+    if (i !== void 0 && (E = "" + i), a.key !== void 0 && (E = "" + a.key), "key" in a) {
+      i = {};
+      for (var n in a)
+        n !== "key" && (i[n] = a[n]);
+    } else i = a;
+    return a = i.ref, {
+      $$typeof: s,
+      type: d,
+      key: E,
       ref: a !== void 0 ? a : null,
-      props: u
+      props: i
     };
   }
-  return p.Fragment = i, p.jsx = m, p.jsxs = m, p;
+  return T.Fragment = t, T.jsx = f, T.jsxs = f, T;
 }
-var b = {};
+var p = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,126 +43,126 @@ var b = {};
  * 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 oe() {
-  return L || (L = 1, process.env.NODE_ENV !== "production" && (function() {
-    function c(e) {
+var W;
+function Ee() {
+  return W || (W = 1, process.env.NODE_ENV !== "production" && (function() {
+    function s(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === Q ? null : e.displayName || e.name || null;
+        return e.$$typeof === ue ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case O:
+        case C:
           return "Fragment";
-        case J:
+        case Q:
           return "Profiler";
-        case q:
+        case Z:
           return "StrictMode";
-        case X:
+        case te:
           return "Suspense";
-        case H:
+        case ne:
           return "SuspenseList";
-        case Z:
+        case le:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case U:
+          case B:
             return "Portal";
-          case z:
+          case ee:
             return e.displayName || "Context";
-          case V:
+          case K:
             return (e._context.displayName || "Context") + ".Consumer";
-          case G:
+          case re:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case B:
-            return r = e.displayName || null, r !== null ? r : c(e.type) || "Memo";
-          case P:
+          case ae:
+            return r = e.displayName || null, r !== null ? r : s(e.type) || "Memo";
+          case h:
             r = e._payload, e = e._init;
             try {
-              return c(e(r));
+              return s(e(r));
             } catch {
             }
         }
       return null;
     }
-    function i(e) {
+    function t(e) {
       return "" + e;
     }
-    function m(e) {
+    function f(e) {
       try {
-        i(e);
+        t(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
+        var l = r.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          n
-        ), i(e);
+          u
+        ), t(e);
       }
     }
-    function f(e) {
-      if (e === O) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === P)
+    function d(e) {
+      if (e === C) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === h)
         return "<...>";
       try {
-        var r = c(e);
+        var r = s(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var e = g.A;
+      var e = y.A;
       return e === null ? null : e.getOwner();
     }
-    function u() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function d(e) {
-      if (N.call(e, "key")) {
+    function E(e) {
+      if (Y.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function s(e, r) {
-      function t() {
-        x || (x = !0, console.error(
+    function n(e, r) {
+      function l() {
+        $ || ($ = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
       }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
+      l.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: l,
         configurable: !0
       });
     }
-    function v() {
-      var e = c(this.type);
-      return Y[e] || (Y[e] = !0, console.error(
+    function b() {
+      var e = s(this.type);
+      return I[e] || (I[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function _(e, r, t, n, S, j) {
-      var l = t.ref;
+    function v(e, r, l, u, k, j) {
+      var o = l.ref;
       return e = {
-        $$typeof: C,
+        $$typeof: x,
         type: e,
         key: r,
-        props: t,
-        _owner: n
-      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
+        props: l,
+        _owner: u
+      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: v
+        get: b
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -176,7 +177,7 @@ function oe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: S
+        value: k
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -184,159 +185,188 @@ function oe() {
         value: j
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function o(e, r, t, n, S, j) {
-      var l = r.children;
-      if (l !== void 0)
-        if (n)
-          if (K(l)) {
-            for (n = 0; n < l.length; n++)
-              T(l[n]);
-            Object.freeze && Object.freeze(l);
+    function c(e, r, l, u, k, j) {
+      var o = r.children;
+      if (o !== void 0)
+        if (u)
+          if (oe(o)) {
+            for (u = 0; u < o.length; u++)
+              A(o[u]);
+            Object.freeze && Object.freeze(o);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else T(l);
-      if (N.call(r, "key")) {
-        l = c(e);
-        var R = Object.keys(r).filter(function(ee) {
-          return ee !== "key";
+        else A(o);
+      if (Y.call(r, "key")) {
+        o = s(e);
+        var _ = Object.keys(r).filter(function(se) {
+          return se !== "key";
         });
-        n = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", F[l + n] || (R = 0 < R.length ? "{" + R.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", D[o + u] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          n,
-          l,
-          R,
-          l
-        ), F[l + n] = !0);
+          u,
+          o,
+          _,
+          o
+        ), D[o + u] = !0);
       }
-      if (l = null, t !== void 0 && (m(t), l = "" + t), d(r) && (m(r.key), l = "" + r.key), "key" in r) {
-        t = {};
-        for (var h in r)
-          h !== "key" && (t[h] = r[h]);
-      } else t = r;
-      return l && s(
-        t,
+      if (o = null, l !== void 0 && (f(l), o = "" + l), E(r) && (f(r.key), o = "" + r.key), "key" in r) {
+        l = {};
+        for (var w in r)
+          w !== "key" && (l[w] = r[w]);
+      } else l = r;
+      return o && n(
+        l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), _(
+      ), v(
         e,
+        o,
         l,
-        t,
         a(),
-        S,
+        k,
         j
       );
     }
-    function T(e) {
-      E(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === P && (e._payload.status === "fulfilled" ? E(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function A(e) {
+      m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === h && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function E(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === C;
+    function m(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === x;
     }
-    var k = W, C = Symbol.for("react.transitional.element"), U = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), z = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), g = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, K = Array.isArray, w = console.createTask ? console.createTask : function() {
+    var P = q, x = Symbol.for("react.transitional.element"), B = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), Z = Symbol.for("react.strict_mode"), Q = Symbol.for("react.profiler"), K = Symbol.for("react.consumer"), ee = Symbol.for("react.context"), re = Symbol.for("react.forward_ref"), te = Symbol.for("react.suspense"), ne = Symbol.for("react.suspense_list"), ae = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), le = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), y = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, oe = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
-    k = {
+    P = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var x, Y = {}, $ = k.react_stack_bottom_frame.bind(
-      k,
-      u
-    )(), I = w(f(u)), F = {};
-    b.Fragment = O, b.jsx = function(e, r, t) {
-      var n = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return o(
+    var $, I = {}, M = P.react_stack_bottom_frame.bind(
+      P,
+      i
+    )(), F = O(d(i)), D = {};
+    p.Fragment = C, p.jsx = function(e, r, l) {
+      var u = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return c(
         e,
         r,
-        t,
+        l,
         !1,
-        n ? Error("react-stack-top-frame") : $,
-        n ? w(f(e)) : I
+        u ? Error("react-stack-top-frame") : M,
+        u ? O(d(e)) : F
       );
-    }, b.jsxs = function(e, r, t) {
-      var n = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return o(
+    }, p.jsxs = function(e, r, l) {
+      var u = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return c(
         e,
         r,
-        t,
+        l,
         !0,
-        n ? Error("react-stack-top-frame") : $,
-        n ? w(f(e)) : I
+        u ? Error("react-stack-top-frame") : M,
+        u ? O(d(e)) : F
       );
     };
-  })()), b;
+  })()), p;
 }
-var M;
-function ue() {
-  return M || (M = 1, process.env.NODE_ENV === "production" ? A.exports = le() : A.exports = oe()), A.exports;
+var U;
+function me() {
+  return U || (U = 1, process.env.NODE_ENV === "production" ? S.exports = de() : S.exports = Ee()), S.exports;
 }
-var se = ue();
-const ie = W.forwardRef(({
-  backendUrl: c,
-  conversationUrl: i,
-  appName: m,
-  agentAvatar: f,
+var g = me();
+const G = q.forwardRef(({
+  backendUrl: s,
+  conversationUrl: t,
+  appName: f,
+  agentAvatar: d,
   inspector: a,
-  interceptor: u,
-  className: d,
-  composer: s,
-  thread: v,
-  header: _,
-  context: o
-}, T) => {
-  const E = re(null);
-  return te(T, () => E.current), y(() => {
-    E.current && (o != null && o.appContext) && E.current.setAppContext(o.appContext);
-  }, [o == null ? void 0 : o.appContext]), y(() => {
-    E.current && (o != null && o.appState) && E.current.setAppState(o.appState);
-  }, [o == null ? void 0 : o.appState]), /* @__PURE__ */ se.jsx(
+  interceptor: i,
+  className: E,
+  composer: n,
+  thread: b,
+  header: v,
+  context: c
+}, A) => {
+  const m = N(null);
+  return ie(A, () => m.current), R(() => {
+    m.current && (c != null && c.appContext) && m.current.setAppContext(c.appContext);
+  }, [c == null ? void 0 : c.appContext]), R(() => {
+    m.current && (c != null && c.appState) && m.current.setAppState(c.appState);
+  }, [c == null ? void 0 : c.appState]), R(() => {
+    m.current && (n != null && n.suggestedPrompts) && m.current.setSuggestedPrompts(n.suggestedPrompts);
+  }, [n == null ? void 0 : n.suggestedPrompts]), /* @__PURE__ */ g.jsx(
     "agent-chat",
     {
-      ref: E,
-      backendUrl: c,
-      conversationUrl: i,
-      appName: m,
-      agentAvatar: f,
-      disclaimer: s == null ? void 0 : s.disclaimer,
-      placeholder: s == null ? void 0 : s.placeholder,
-      emptyText: v == null ? void 0 : v.emptyText,
-      headerTitle: _ == null ? void 0 : _.title,
-      hideHeader: _ == null ? void 0 : _.hide,
+      ref: m,
+      backendUrl: s,
+      conversationUrl: t,
+      appName: f,
+      agentAvatar: d,
+      disclaimer: n == null ? void 0 : n.disclaimer,
+      placeholder: n == null ? void 0 : n.placeholder,
+      emptyText: b == null ? void 0 : b.emptyText,
+      headerTitle: v == null ? void 0 : v.title,
+      hideHeader: v == null ? void 0 : v.hide,
       inspector: a ? "true" : void 0,
-      interceptor: u ? !0 : void 0,
-      class: d
+      interceptor: i ? !0 : void 0,
+      class: E
     }
   );
 });
-ie.displayName = "AgentChat";
-function de(c, i) {
-  const [m, f] = ae(null);
-  return y(() => {
-    ne.registerPortal(c);
-  }, [c]), y(() => {
-    var d;
-    const a = (d = i == null ? void 0 : i.chatRef) == null ? void 0 : d.current;
+G.displayName = "AgentChat";
+function ve(s, t) {
+  const [f, d] = J(null);
+  return R(() => {
+    s && ce.registerPortal(s, t == null ? void 0 : t.handlers);
+  }, [s, t == null ? void 0 : t.handlers]), R(() => {
+    var E;
+    const a = (E = t == null ? void 0 : t.chatRef) == null ? void 0 : E.current;
     if (!a) return;
     if (a.controller) {
-      f(a.controller);
+      d(a.controller);
       return;
     }
-    const u = (s) => {
-      f(s.detail ?? null);
+    const i = (n) => {
+      d(n.detail ?? null);
     };
-    return a.addEventListener("controller-ready", u), () => {
-      a.removeEventListener("controller-ready", u);
+    return a.addEventListener("controller-ready", i), () => {
+      a.removeEventListener("controller-ready", i);
     };
-  }, [i == null ? void 0 : i.chatRef]), m;
+  }, [t == null ? void 0 : t.chatRef]), f;
 }
+const X = V(null), H = V(null);
+function Te() {
+  return z(X);
+}
+const pe = ({ children: s, ...t }) => {
+  const f = z(H), d = N(null);
+  return R(() => {
+    if (f)
+      return f(d.current), () => {
+        f(null);
+      };
+  }, [f]), /* @__PURE__ */ g.jsx("div", { ref: d, ...t, children: s });
+}, ge = ({
+  children: s,
+  context: t,
+  handlers: f,
+  ...d
+}) => {
+  const a = N(null), i = ve(t == null ? void 0 : t.appContext, { chatRef: a, handlers: f }), [E, n] = J(null);
+  return /* @__PURE__ */ g.jsx(X.Provider, { value: i, children: /* @__PURE__ */ g.jsxs(H.Provider, { value: n, children: [
+    s,
+    E ? fe(/* @__PURE__ */ g.jsx(G, { ref: a, context: t, ...d }), E) : null
+  ] }) });
+};
 export {
-  ie as AgentChat,
-  de as useChatPortal
+  G as AgentChat,
+  pe as AgentChatMount,
+  ge as AgentChatProvider,
+  Te as useAgentChatController,
+  ve as useChatPortal
 };

package/dist/site-operator-react.umd.js

@@ -1,4 +1,4 @@
-(function(m,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("site-operator")):typeof define=="function"&&define.amd?define(["exports","react","site-operator"],i):(m=typeof globalThis<"u"?globalThis:m||self,i(m.SiteOperatorReact={},m.React,m.SiteOperator))})(this,(function(m,i,V){"use strict";var k={exports:{}},b={};/**
+(function(v,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react"),require("site-operator"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","site-operator","react-dom"],a):(v=typeof globalThis<"u"?globalThis:v||self,a(v.SiteOperatorReact={},v.React,v.SiteOperator,v.ReactDOM))})(this,(function(v,a,H,B){"use strict";var P={exports:{}},b={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var N;function z(){if(N)return b;N=1;var f=Symbol.for("react.transitional.element"),c=Symbol.for("react.fragment");function _(d,a,u){var E=null;if(u!==void 0&&(E=""+u),a.key!==void 0&&(E=""+a.key),"key"in a){u={};for(var s in a)s!=="key"&&(u[s]=a[s])}else u=a;return a=u.ref,{$$typeof:f,type:d,key:E,ref:a!==void 0?a:null,props:u}}return b.Fragment=c,b.jsx=_,b.jsxs=_,b}var T={};/**
+ */var Y;function Z(){if(Y)return b;Y=1;var c=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function d(E,l,f){var R=null;if(f!==void 0&&(R=""+f),l.key!==void 0&&(R=""+l.key),"key"in l){f={};for(var n in l)n!=="key"&&(f[n]=l[n])}else f=l;return l=f.ref,{$$typeof:c,type:E,key:R,ref:l!==void 0?l:null,props:f}}return b.Fragment=t,b.jsx=d,b.jsxs=d,b}var p={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var x;function G(){return x||(x=1,process.env.NODE_ENV!=="production"&&(function(){function f(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===oe?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case P:return"Fragment";case Q:return"Profiler";case q:return"StrictMode";case re:return"Suspense";case te:return"SuspenseList";case ne:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case Z:return"Portal";case K:return e.displayName||"Context";case $:return(e._context.displayName||"Context")+".Consumer";case ee:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ae:return r=e.displayName||null,r!==null?r:f(e.type)||"Memo";case g:r=e._payload,e=e._init;try{return f(e(r))}catch{}}return null}function c(e){return""+e}function _(e){try{c(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),c(e)}}function d(e){if(e===P)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===g)return"<...>";try{var r=f(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=h.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function E(e){if(D.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function s(e,r){function t(){L||(L=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function S(){var e=f(this.type);return M[e]||(M[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function R(e,r,t,n,O,w){var o=t.ref;return e={$$typeof:F,type:e,key:r,props:t,_owner:n},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:S}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function l(e,r,t,n,O,w){var o=r.children;if(o!==void 0)if(n)if(le(o)){for(n=0;n<o.length;n++)y(o[n]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else y(o);if(D.call(r,"key")){o=f(e);var v=Object.keys(r).filter(function(ue){return ue!=="key"});n=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",J[o+n]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var M;function Q(){return M||(M=1,process.env.NODE_ENV!=="production"&&(function(){function c(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ie?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case y:return"Fragment";case ne:return"Profiler";case te:return"StrictMode";case se:return"Suspense";case oe:return"SuspenseList";case fe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case re:return"Portal";case le:return e.displayName||"Context";case ae:return(e._context.displayName||"Context")+".Consumer";case ue:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ce:return r=e.displayName||null,r!==null?r:c(e.type)||"Memo";case O:r=e._payload,e=e._init;try{return c(e(r))}catch{}}return null}function t(e){return""+e}function d(e){try{t(e);var r=!1}catch{r=!0}if(r){r=console;var u=r.error,s=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",s),t(e)}}function E(e){if(e===y)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var r=c(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function l(){var e=j.A;return e===null?null:e.getOwner()}function f(){return Error("react-stack-top-frame")}function R(e){if(U.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function n(e,r){function u(){J||(J=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}function A(){var e=c(this.type);return V[e]||(V[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function m(e,r,u,s,h,N){var o=u.ref;return e={$$typeof:W,type:e,key:r,props:u,_owner:s},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:A}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:h}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function i(e,r,u,s,h,N){var o=r.children;if(o!==void 0)if(s)if(de(o)){for(s=0;s<o.length;s++)C(o[s]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else C(o);if(U.call(r,"key")){o=c(e);var T=Object.keys(r).filter(function(Ee){return Ee!=="key"});s=0<T.length?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}",X[o+s]||(T=0<T.length?"{"+T.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,n,o,v,o),J[o+n]=!0)}if(o=null,t!==void 0&&(_(t),o=""+t),E(r)&&(_(r.key),o=""+r.key),"key"in r){t={};for(var C in r)C!=="key"&&(t[C]=r[C])}else t=r;return o&&s(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),R(e,o,t,a(),O,w)}function y(e){p(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===g&&(e._payload.status==="fulfilled"?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e=="object"&&e!==null&&e.$$typeof===F}var A=i,F=Symbol.for("react.transitional.element"),Z=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),Q=Symbol.for("react.profiler"),$=Symbol.for("react.consumer"),K=Symbol.for("react.context"),ee=Symbol.for("react.forward_ref"),re=Symbol.for("react.suspense"),te=Symbol.for("react.suspense_list"),ae=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),ne=Symbol.for("react.activity"),oe=Symbol.for("react.client.reference"),h=A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,le=Array.isArray,j=console.createTask?console.createTask:function(){return null};A={react_stack_bottom_frame:function(e){return e()}};var L,M={},W=A.react_stack_bottom_frame.bind(A,u)(),U=j(d(u)),J={};T.Fragment=P,T.jsx=function(e,r,t){var n=1e4>h.recentlyCreatedOwnerStacks++;return l(e,r,t,!1,n?Error("react-stack-top-frame"):W,n?j(d(e)):U)},T.jsxs=function(e,r,t){var n=1e4>h.recentlyCreatedOwnerStacks++;return l(e,r,t,!0,n?Error("react-stack-top-frame"):W,n?j(d(e)):U)}})()),T}var Y;function X(){return Y||(Y=1,process.env.NODE_ENV==="production"?k.exports=z():k.exports=G()),k.exports}var H=X();const I=i.forwardRef(({backendUrl:f,conversationUrl:c,appName:_,agentAvatar:d,inspector:a,interceptor:u,className:E,composer:s,thread:S,header:R,context:l},y)=>{const p=i.useRef(null);return i.useImperativeHandle(y,()=>p.current),i.useEffect(()=>{p.current&&(l!=null&&l.appContext)&&p.current.setAppContext(l.appContext)},[l==null?void 0:l.appContext]),i.useEffect(()=>{p.current&&(l!=null&&l.appState)&&p.current.setAppState(l.appState)},[l==null?void 0:l.appState]),H.jsx("agent-chat",{ref:p,backendUrl:f,conversationUrl:c,appName:_,agentAvatar:d,disclaimer:s==null?void 0:s.disclaimer,placeholder:s==null?void 0:s.placeholder,emptyText:S==null?void 0:S.emptyText,headerTitle:R==null?void 0:R.title,hideHeader:R==null?void 0:R.hide,inspector:a?"true":void 0,interceptor:u?!0:void 0,class:E})});I.displayName="AgentChat";function B(f,c){const[_,d]=i.useState(null);return i.useEffect(()=>{V.chatPortalService.registerPortal(f)},[f]),i.useEffect(()=>{var E;const a=(E=c==null?void 0:c.chatRef)==null?void 0:E.current;if(!a)return;if(a.controller){d(a.controller);return}const u=s=>{d(s.detail??null)};return a.addEventListener("controller-ready",u),()=>{a.removeEventListener("controller-ready",u)}},[c==null?void 0:c.chatRef]),_}m.AgentChat=I,m.useChatPortal=B,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,s,o,T,o),X[o+s]=!0)}if(o=null,u!==void 0&&(d(u),o=""+u),R(r)&&(d(r.key),o=""+r.key),"key"in r){u={};for(var x in r)x!=="key"&&(u[x]=r[x])}else u=r;return o&&n(u,typeof e=="function"?e.displayName||e.name||"Unknown":e),m(e,o,u,l(),h,N)}function C(e){_(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===O&&(e._payload.status==="fulfilled"?_(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function _(e){return typeof e=="object"&&e!==null&&e.$$typeof===W}var S=a,W=Symbol.for("react.transitional.element"),re=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),te=Symbol.for("react.strict_mode"),ne=Symbol.for("react.profiler"),ae=Symbol.for("react.consumer"),le=Symbol.for("react.context"),ue=Symbol.for("react.forward_ref"),se=Symbol.for("react.suspense"),oe=Symbol.for("react.suspense_list"),ce=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),fe=Symbol.for("react.activity"),ie=Symbol.for("react.client.reference"),j=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,de=Array.isArray,w=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(e){return e()}};var J,V={},z=S.react_stack_bottom_frame.bind(S,f)(),G=w(E(f)),X={};p.Fragment=y,p.jsx=function(e,r,u){var s=1e4>j.recentlyCreatedOwnerStacks++;return i(e,r,u,!1,s?Error("react-stack-top-frame"):z,s?w(E(e)):G)},p.jsxs=function(e,r,u){var s=1e4>j.recentlyCreatedOwnerStacks++;return i(e,r,u,!0,s?Error("react-stack-top-frame"):z,s?w(E(e)):G)}})()),p}var I;function K(){return I||(I=1,process.env.NODE_ENV==="production"?P.exports=Z():P.exports=Q()),P.exports}var g=K();const k=a.forwardRef(({backendUrl:c,conversationUrl:t,appName:d,agentAvatar:E,inspector:l,interceptor:f,className:R,composer:n,thread:A,header:m,context:i},C)=>{const _=a.useRef(null);return a.useImperativeHandle(C,()=>_.current),a.useEffect(()=>{_.current&&(i!=null&&i.appContext)&&_.current.setAppContext(i.appContext)},[i==null?void 0:i.appContext]),a.useEffect(()=>{_.current&&(i!=null&&i.appState)&&_.current.setAppState(i.appState)},[i==null?void 0:i.appState]),a.useEffect(()=>{_.current&&(n!=null&&n.suggestedPrompts)&&_.current.setSuggestedPrompts(n.suggestedPrompts)},[n==null?void 0:n.suggestedPrompts]),g.jsx("agent-chat",{ref:_,backendUrl:c,conversationUrl:t,appName:d,agentAvatar:E,disclaimer:n==null?void 0:n.disclaimer,placeholder:n==null?void 0:n.placeholder,emptyText:A==null?void 0:A.emptyText,headerTitle:m==null?void 0:m.title,hideHeader:m==null?void 0:m.hide,inspector:l?"true":void 0,interceptor:f?!0:void 0,class:R})});k.displayName="AgentChat";function D(c,t){const[d,E]=a.useState(null);return a.useEffect(()=>{c&&H.chatPortalService.registerPortal(c,t==null?void 0:t.handlers)},[c,t==null?void 0:t.handlers]),a.useEffect(()=>{var R;const l=(R=t==null?void 0:t.chatRef)==null?void 0:R.current;if(!l)return;if(l.controller){E(l.controller);return}const f=n=>{E(n.detail??null)};return l.addEventListener("controller-ready",f),()=>{l.removeEventListener("controller-ready",f)}},[t==null?void 0:t.chatRef]),d}const F=a.createContext(null),L=a.createContext(null);function q(){return a.useContext(F)}const $=({children:c,...t})=>{const d=a.useContext(L),E=a.useRef(null);return a.useEffect(()=>{if(d)return d(E.current),()=>{d(null)}},[d]),g.jsx("div",{ref:E,...t,children:c})},ee=({children:c,context:t,handlers:d,...E})=>{const l=a.useRef(null),f=D(t==null?void 0:t.appContext,{chatRef:l,handlers:d}),[R,n]=a.useState(null);return g.jsx(F.Provider,{value:f,children:g.jsxs(L.Provider,{value:n,children:[c,R?B.createPortal(g.jsx(k,{ref:l,context:t,...E}),R):null]})})};v.AgentChat=k,v.AgentChatMount=$,v.AgentChatProvider=ee,v.useAgentChatController=q,v.useChatPortal=D,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "site-operator-react",
-  "version": "0.2.1",
+  "version": "0.2.6",
   "description": "React wrapper for site-operator, providing AgentChat component and hooks.",
   "type": "module",
   "author": "jostvian",
@@ -32,7 +32,7 @@
     "dev": "vite build --watch"
   },
   "dependencies": {
-    "site-operator": "^0.1.14"
+    "site-operator": "^0.2.6"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -47,4 +47,4 @@
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.5.0"
   }
-}
+}