site-operator-react 0.1.4 → 0.1.9

package/README.md

@@ -24,10 +24,20 @@ function App() {
     <div className="App">
       <AgentChat
         backendUrl="http://localhost:8001/ag_ui"
+        conversationUrl="http://localhost:8003"
         appName="My React App"
         agentAvatar="/avatar.png"
-        disclaimer="Agent puede cometer errores. Verifica la información importante"
-        emptyText="¿Cómo puedo ayudarte hoy?"
+        header={{
+          title: "Mi Asistente",
+          hide: false
+        }}
+        composer={{
+          disclaimer: "Agent puede cometer errores. Verifica la información importante",
+          placeholder: "Enviar un mensaje a Agent"
+        }}
+        thread={{
+          emptyText: "¿Cómo puedo ayudarte hoy?"
+        }}
       />
     </div>
   );

package/dist/index.d.ts

@@ -8,24 +8,44 @@ export declare const AgentChat: default_2.FC<AgentChatProps>;
 
 export declare interface AgentChatProps {
     backendUrl?: string;
+    conversationUrl?: string;
     appName?: string;
     agentAvatar?: string;
-    disclaimer?: string;
-    emptyText?: string;
     inspector?: boolean;
     interceptor?: boolean;
-    appContext?: AgentState;
     className?: string;
+    composer?: ComposerProps;
+    thread?: ThreadViewProps;
+    header?: HeaderProps;
+    context?: ContextProps;
 }
 
 export { AgentState }
 
+export declare interface ComposerProps {
+    disclaimer?: string;
+    placeholder?: string;
+}
+
+export declare interface ContextProps {
+    appContext?: AgentState;
+}
+
+export declare interface HeaderProps {
+    title?: string;
+    hide?: boolean;
+}
+
 export { NavGraph }
 
 export { NavNode }
 
 export { PortalSpec }
 
+export declare interface ThreadViewProps {
+    emptyText?: string;
+}
+
 /**
  * A hook to register a Chat Portal specification for the agent.
  * This allows the agent to navigate and control the host application.

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

@@ -1,6 +1,6 @@
 import ee, { useRef as re, useEffect as M } from "react";
 import { chatPortalService as te } from "site-operator";
-var p = { exports: {} }, _ = {};
+var A = { exports: {} }, p = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,27 +12,27 @@ var p = { exports: {} }, _ = {};
  */
 var F;
 function ne() {
-  if (F) return _;
+  if (F) return p;
   F = 1;
-  var s = Symbol.for("react.transitional.element"), m = Symbol.for("react.fragment");
-  function c(i, o, u) {
-    var f = null;
-    if (u !== void 0 && (f = "" + u), o.key !== void 0 && (f = "" + o.key), "key" in o) {
+  var l = Symbol.for("react.transitional.element"), E = Symbol.for("react.fragment");
+  function f(d, o, u) {
+    var m = null;
+    if (u !== void 0 && (m = "" + u), o.key !== void 0 && (m = "" + o.key), "key" in o) {
       u = {};
-      for (var l in o)
-        l !== "key" && (u[l] = o[l]);
+      for (var s in o)
+        s !== "key" && (u[s] = o[s]);
     } else u = o;
     return o = u.ref, {
-      $$typeof: s,
-      type: i,
-      key: f,
+      $$typeof: l,
+      type: d,
+      key: m,
       ref: o !== void 0 ? o : null,
       props: u
     };
   }
-  return _.Fragment = m, _.jsx = c, _.jsxs = c, _;
+  return p.Fragment = E, p.jsx = f, p.jsxs = f, p;
 }
-var R = {};
+var b = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,13 +45,13 @@ var R = {};
 var D;
 function ae() {
   return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
-    function s(e) {
+    function l(e) {
       if (e == null) return null;
       if (typeof e == "function")
         return e.$$typeof === Z ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case k:
+        case O:
           return "Fragment";
         case q:
           return "Profiler";
@@ -78,22 +78,22 @@ function ae() {
             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 : s(e.type) || "Memo";
-          case A:
+            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
+          case P:
             r = e._payload, e = e._init;
             try {
-              return s(e(r));
+              return l(e(r));
             } catch {
             }
         }
       return null;
     }
-    function m(e) {
+    function E(e) {
       return "" + e;
     }
-    function c(e) {
+    function f(e) {
       try {
-        m(e);
+        E(e);
         var r = !1;
       } catch {
         r = !0;
@@ -105,37 +105,37 @@ function ae() {
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           n
-        ), m(e);
+        ), E(e);
       }
     }
-    function i(e) {
-      if (e === k) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === A)
+    function d(e) {
+      if (e === O) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === P)
         return "<...>";
       try {
-        var r = s(e);
+        var r = l(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var e = O.A;
+      var e = S.A;
       return e === null ? null : e.getOwner();
     }
     function u() {
       return Error("react-stack-top-frame");
     }
-    function f(e) {
-      if (j.call(e, "key")) {
+    function m(e) {
+      if (h.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function l(e, r) {
+    function s(e, r) {
       function t() {
-        N || (N = !0, console.error(
+        C || (C = !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
         ));
@@ -145,13 +145,13 @@ function ae() {
         configurable: !0
       });
     }
-    function T() {
-      var e = s(this.type);
-      return C[e] || (C[e] = !0, console.error(
+    function R() {
+      var e = l(this.type);
+      return N[e] || (N[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(e, r, t, n, b, S) {
+    function c(e, r, t, n, k, g) {
       var a = t.ref;
       return e = {
         $$typeof: x,
@@ -161,7 +161,7 @@ function ae() {
         _owner: n
       }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: T
+        get: R
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -176,33 +176,33 @@ function ae() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: b
+        value: k
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: S
+        value: g
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function y(e, r, t, n, b, S) {
+    function i(e, r, t, n, k, g) {
       var a = r.children;
       if (a !== void 0)
         if (n)
           if (Q(a)) {
             for (n = 0; n < a.length; n++)
-              h(a[n]);
+              _(a[n]);
             Object.freeze && Object.freeze(a);
           } 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 h(a);
-      if (j.call(r, "key")) {
-        a = s(e);
-        var d = Object.keys(r).filter(function(K) {
+        else _(a);
+      if (h.call(r, "key")) {
+        a = l(e);
+        var v = Object.keys(r).filter(function(K) {
           return K !== "key";
         });
-        n = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", I[a + n] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
+        n = 0 < v.length ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}", I[a + n] || (v = 0 < v.length ? "{" + v.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -211,108 +211,114 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           n,
           a,
-          d,
+          v,
           a
         ), I[a + n] = !0);
       }
-      if (a = null, t !== void 0 && (c(t), a = "" + t), f(r) && (c(r.key), a = "" + r.key), "key" in r) {
+      if (a = null, t !== void 0 && (f(t), a = "" + t), m(r) && (f(r.key), a = "" + r.key), "key" in r) {
         t = {};
-        for (var g in r)
-          g !== "key" && (t[g] = r[g]);
+        for (var w in r)
+          w !== "key" && (t[w] = r[w]);
       } else t = r;
-      return a && l(
+      return a && s(
         t,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), E(
+      ), c(
         e,
         a,
         t,
         o(),
-        b,
-        S
+        k,
+        g
       );
     }
-    function h(e) {
-      w(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? w(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function _(e) {
+      j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === P && (e._payload.status === "fulfilled" ? j(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function w(e) {
+    function j(e) {
       return typeof e == "object" && e !== null && e.$$typeof === x;
     }
-    var v = ee, x = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), V = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), O = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, Q = Array.isArray, P = console.createTask ? console.createTask : function() {
+    var T = ee, x = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), V = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), S = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, h = Object.prototype.hasOwnProperty, Q = Array.isArray, y = console.createTask ? console.createTask : function() {
       return null;
     };
-    v = {
+    T = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var N, C = {}, Y = v.react_stack_bottom_frame.bind(
-      v,
+    var C, N = {}, Y = T.react_stack_bottom_frame.bind(
+      T,
       u
-    )(), $ = P(i(u)), I = {};
-    R.Fragment = k, R.jsx = function(e, r, t) {
-      var n = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return y(
+    )(), $ = y(d(u)), I = {};
+    b.Fragment = O, b.jsx = function(e, r, t) {
+      var n = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return i(
         e,
         r,
         t,
         !1,
         n ? Error("react-stack-top-frame") : Y,
-        n ? P(i(e)) : $
+        n ? y(d(e)) : $
       );
-    }, R.jsxs = function(e, r, t) {
-      var n = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return y(
+    }, b.jsxs = function(e, r, t) {
+      var n = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return i(
         e,
         r,
         t,
         !0,
         n ? Error("react-stack-top-frame") : Y,
-        n ? P(i(e)) : $
+        n ? y(d(e)) : $
       );
     };
-  })()), R;
+  })()), b;
 }
 var L;
 function oe() {
-  return L || (L = 1, process.env.NODE_ENV === "production" ? p.exports = ne() : p.exports = ae()), p.exports;
+  return L || (L = 1, process.env.NODE_ENV === "production" ? A.exports = ne() : A.exports = ae()), A.exports;
 }
-var se = oe();
-const ce = ({
-  backendUrl: s,
-  appName: m,
-  agentAvatar: c,
-  disclaimer: i,
-  emptyText: o,
-  inspector: u,
-  interceptor: f,
-  appContext: l,
-  className: T
+var le = oe();
+const ie = ({
+  backendUrl: l,
+  conversationUrl: E,
+  appName: f,
+  agentAvatar: d,
+  inspector: o,
+  interceptor: u,
+  className: m,
+  composer: s,
+  thread: R,
+  header: c,
+  context: i
 }) => {
-  const E = re(null);
+  const _ = re(null);
   return M(() => {
-    E.current && l && E.current.setAppContext(l);
-  }, [l]), /* @__PURE__ */ se.jsx(
+    _.current && (i != null && i.appContext) && _.current.setAppContext(i.appContext);
+  }, [i == null ? void 0 : i.appContext]), /* @__PURE__ */ le.jsx(
     "agent-chat",
     {
-      ref: E,
-      "backend-url": s,
-      "app-name": m,
-      "agent-avatar": c,
-      disclaimer: i,
-      "empty-text": o,
-      inspector: u ? "true" : void 0,
-      interceptor: f ? !0 : void 0,
-      class: T
+      ref: _,
+      "backend-url": l,
+      "conversation-url": E,
+      "app-name": f,
+      "agent-avatar": d,
+      disclaimer: s == null ? void 0 : s.disclaimer,
+      placeholder: s == null ? void 0 : s.placeholder,
+      "empty-text": R == null ? void 0 : R.emptyText,
+      "header-title": c == null ? void 0 : c.title,
+      "hide-header": c == null ? void 0 : c.hide,
+      inspector: o ? "true" : void 0,
+      interceptor: u ? !0 : void 0,
+      class: m
     }
   );
 };
-function ie(s) {
+function ce(l) {
   M(() => {
-    te.registerPortal(s);
-  }, [s]);
+    te.registerPortal(l);
+  }, [l]);
 }
 export {
-  ce as AgentChat,
-  ie as useChatPortal
+  ie as AgentChat,
+  ce as useChatPortal
 };

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

@@ -1,4 +1,4 @@
-(function(l,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):(l=typeof globalThis<"u"?globalThis:l||self,i(l.SiteOperatorReact={},l.React,l.SiteOperator))})(this,(function(l,i,$){"use strict";var b={exports:{}},p={};/**
+(function(c,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react"),require("site-operator")):typeof define=="function"&&define.amd?define(["exports","react","site-operator"],f):(c=typeof globalThis<"u"?globalThis:c||self,f(c.SiteOperatorReact={},c.React,c.SiteOperator))})(this,(function(c,f,$){"use strict";var O={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 j;function J(){if(j)return p;j=1;var s=Symbol.for("react.transitional.element"),E=Symbol.for("react.fragment");function f(d,o,u){var m=null;if(u!==void 0&&(m=""+u),o.key!==void 0&&(m=""+o.key),"key"in o){u={};for(var c in o)c!=="key"&&(u[c]=o[c])}else u=o;return o=u.ref,{$$typeof:s,type:d,key:m,ref:o!==void 0?o:null,props:u}}return p.Fragment=E,p.jsx=f,p.jsxs=f,p}var R={};/**
+ */var x;function J(){if(x)return b;x=1;var u=Symbol.for("react.transitional.element"),p=Symbol.for("react.fragment");function E(m,o,s){var _=null;if(s!==void 0&&(_=""+s),o.key!==void 0&&(_=""+o.key),"key"in o){s={};for(var l in o)l!=="key"&&(s[l]=o[l])}else s=o;return o=s.ref,{$$typeof:u,type:m,key:_,ref:o!==void 0?o:null,props:s}}return b.Fragment=p,b.jsx=E,b.jsxs=E,b}var T={};/**
  * @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 w;function V(){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===oe?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case S:return"Fragment";case Z:return"Profiler";case H:return"StrictMode";case re:return"Suspense";case te:return"SuspenseList";case ae: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 B:return"Portal";case K:return e.displayName||"Context";case Q: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 ne:return r=e.displayName||null,r!==null?r:s(e.type)||"Memo";case A:r=e._payload,e=e._init;try{return s(e(r))}catch{}}return null}function E(e){return""+e}function f(e){try{E(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),E(e)}}function d(e){if(e===S)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===A)return"<...>";try{var r=s(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function o(){var e=P.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function m(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function c(e,r){function t(){D||(D=!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 O(){var e=s(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 v(e,r,t,n,k,y){var a=t.ref;return e={$$typeof:I,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:O}):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:k}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function N(e,r,t,n,k,y){var a=r.children;if(a!==void 0)if(n)if(se(a)){for(n=0;n<a.length;n++)C(a[n]);Object.freeze&&Object.freeze(a)}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(a);if(F.call(r,"key")){a=s(e);var _=Object.keys(r).filter(function(ue){return ue!=="key"});n=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",U[a+n]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var C;function V(){return C||(C=1,process.env.NODE_ENV!=="production"&&(function(){function u(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 Z:return"Profiler";case H:return"StrictMode";case re:return"Suspense";case te:return"SuspenseList";case ae: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 B:return"Portal";case K:return e.displayName||"Context";case Q: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 ne:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case y:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function p(e){return""+e}function E(e){try{p(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),p(e)}}function m(e){if(e===P)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===y)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function o(){var e=g.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function _(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function l(e,r){function t(){D||(D=!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 k(){var e=u(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 d(e,r,t,n,A,w){var a=t.ref;return e={$$typeof:I,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:k}):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:A}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function i(e,r,t,n,A,w){var a=r.children;if(a!==void 0)if(n)if(ue(a)){for(n=0;n<a.length;n++)R(a[n]);Object.freeze&&Object.freeze(a)}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 R(a);if(F.call(r,"key")){a=u(e);var v=Object.keys(r).filter(function(se){return se!=="key"});n=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",U[a+n]||(v=0<v.length?"{"+v.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,a,_,a),U[a+n]=!0)}if(a=null,t!==void 0&&(f(t),a=""+t),m(r)&&(f(r.key),a=""+r.key),"key"in r){t={};for(var g in r)g!=="key"&&(t[g]=r[g])}else t=r;return a&&c(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),v(e,a,t,o(),k,y)}function C(e){Y(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===A&&(e._payload.status==="fulfilled"?Y(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function Y(e){return typeof e=="object"&&e!==null&&e.$$typeof===I}var T=i,I=Symbol.for("react.transitional.element"),B=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),H=Symbol.for("react.strict_mode"),Z=Symbol.for("react.profiler"),Q=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"),ne=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),ae=Symbol.for("react.activity"),oe=Symbol.for("react.client.reference"),P=T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,se=Array.isArray,h=console.createTask?console.createTask:function(){return null};T={react_stack_bottom_frame:function(e){return e()}};var D,M={},L=T.react_stack_bottom_frame.bind(T,u)(),W=h(d(u)),U={};R.Fragment=S,R.jsx=function(e,r,t){var n=1e4>P.recentlyCreatedOwnerStacks++;return N(e,r,t,!1,n?Error("react-stack-top-frame"):L,n?h(d(e)):W)},R.jsxs=function(e,r,t){var n=1e4>P.recentlyCreatedOwnerStacks++;return N(e,r,t,!0,n?Error("react-stack-top-frame"):L,n?h(d(e)):W)}})()),R}var x;function z(){return x||(x=1,process.env.NODE_ENV==="production"?b.exports=J():b.exports=V()),b.exports}var q=z();const G=({backendUrl:s,appName:E,agentAvatar:f,disclaimer:d,emptyText:o,inspector:u,interceptor:m,appContext:c,className:O})=>{const v=i.useRef(null);return i.useEffect(()=>{v.current&&c&&v.current.setAppContext(c)},[c]),q.jsx("agent-chat",{ref:v,"backend-url":s,"app-name":E,"agent-avatar":f,disclaimer:d,"empty-text":o,inspector:u?"true":void 0,interceptor:m?!0:void 0,class:O})};function X(s){i.useEffect(()=>{$.chatPortalService.registerPortal(s)},[s])}l.AgentChat=G,l.useChatPortal=X,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,n,a,v,a),U[a+n]=!0)}if(a=null,t!==void 0&&(E(t),a=""+t),_(r)&&(E(r.key),a=""+r.key),"key"in r){t={};for(var h in r)h!=="key"&&(t[h]=r[h])}else t=r;return a&&l(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),d(e,a,t,o(),A,w)}function R(e){Y(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===y&&(e._payload.status==="fulfilled"?Y(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function Y(e){return typeof e=="object"&&e!==null&&e.$$typeof===I}var S=f,I=Symbol.for("react.transitional.element"),B=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),H=Symbol.for("react.strict_mode"),Z=Symbol.for("react.profiler"),Q=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"),ne=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),ae=Symbol.for("react.activity"),oe=Symbol.for("react.client.reference"),g=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,ue=Array.isArray,j=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(e){return e()}};var D,M={},L=S.react_stack_bottom_frame.bind(S,s)(),W=j(m(s)),U={};T.Fragment=P,T.jsx=function(e,r,t){var n=1e4>g.recentlyCreatedOwnerStacks++;return i(e,r,t,!1,n?Error("react-stack-top-frame"):L,n?j(m(e)):W)},T.jsxs=function(e,r,t){var n=1e4>g.recentlyCreatedOwnerStacks++;return i(e,r,t,!0,n?Error("react-stack-top-frame"):L,n?j(m(e)):W)}})()),T}var N;function z(){return N||(N=1,process.env.NODE_ENV==="production"?O.exports=J():O.exports=V()),O.exports}var q=z();const G=({backendUrl:u,conversationUrl:p,appName:E,agentAvatar:m,inspector:o,interceptor:s,className:_,composer:l,thread:k,header:d,context:i})=>{const R=f.useRef(null);return f.useEffect(()=>{R.current&&(i!=null&&i.appContext)&&R.current.setAppContext(i.appContext)},[i==null?void 0:i.appContext]),q.jsx("agent-chat",{ref:R,"backend-url":u,"conversation-url":p,"app-name":E,"agent-avatar":m,disclaimer:l==null?void 0:l.disclaimer,placeholder:l==null?void 0:l.placeholder,"empty-text":k==null?void 0:k.emptyText,"header-title":d==null?void 0:d.title,"hide-header":d==null?void 0:d.hide,inspector:o?"true":void 0,interceptor:s?!0:void 0,class:_})};function X(u){f.useEffect(()=>{$.chatPortalService.registerPortal(u)},[u])}c.AgentChat=G,c.useChatPortal=X,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "site-operator-react",
-  "version": "0.1.4",
+  "version": "0.1.9",
   "description": "React wrapper for site-operator, providing AgentChat component and hooks.",
   "type": "module",
   "author": "jostvian",