@foris/ai-agent 0.1.0 → 0.1.1

package/dist/ai-agent.es.js

@@ -1,8 +1,8 @@
-var w = Object.defineProperty;
-var A = (o, t, u) => t in o ? w(o, t, { enumerable: !0, configurable: !0, writable: !0, value: u }) : o[t] = u;
-var g = (o, t, u) => (A(o, typeof t != "symbol" ? t + "" : t, u), u);
-import R, { useState as h, useRef as b, useEffect as x, useMemo as T, useCallback as N } from "react";
-var k = { exports: {} }, y = {};
+var T = Object.defineProperty;
+var A = (a, n, m) => n in a ? T(a, n, { enumerable: !0, configurable: !0, writable: !0, value: m }) : a[n] = m;
+var x = (a, n, m) => (A(a, typeof n != "symbol" ? n + "" : n, m), m);
+import R, { useState as C, useRef as v, useEffect as g, useMemo as N, useCallback as E } from "react";
+var k = { exports: {} }, h = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,122 +12,126 @@ var k = { exports: {} }, y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var v;
-function E() {
-  if (v)
-    return y;
-  v = 1;
-  var o = R, t = Symbol.for("react.element"), u = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(e, r, p) {
-    var n, s = {}, d = null, C = null;
-    p !== void 0 && (d = "" + p), r.key !== void 0 && (d = "" + r.key), r.ref !== void 0 && (C = r.ref);
-    for (n in r)
-      i.call(r, n) && !m.hasOwnProperty(n) && (s[n] = r[n]);
-    if (e && e.defaultProps)
-      for (n in r = e.defaultProps, r)
-        s[n] === void 0 && (s[n] = r[n]);
-    return { $$typeof: t, type: e, key: d, ref: C, props: s, _owner: c.current };
+var j;
+function O() {
+  if (j)
+    return h;
+  j = 1;
+  var a = R, n = Symbol.for("react.element"), m = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, u = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(r, s, _) {
+    var e, t = {}, p = null, f = null;
+    _ !== void 0 && (p = "" + _), s.key !== void 0 && (p = "" + s.key), s.ref !== void 0 && (f = s.ref);
+    for (e in s)
+      c.call(s, e) && !o.hasOwnProperty(e) && (t[e] = s[e]);
+    if (r && r.defaultProps)
+      for (e in s = r.defaultProps, s)
+        t[e] === void 0 && (t[e] = s[e]);
+    return { $$typeof: n, type: r, key: p, ref: f, props: t, _owner: u.current };
   }
-  return y.Fragment = u, y.jsx = l, y.jsxs = l, y;
+  return h.Fragment = m, h.jsx = l, h.jsxs = l, h;
 }
-k.exports = E();
-var a = k.exports;
+k.exports = O();
+var i = k.exports;
 class S {
-  constructor(t) {
-    g(this, "api");
-    this.api = t;
+  constructor(n, m) {
+    x(this, "api");
+    x(this, "headers", {
+      "Content-Type": "application/json"
+    });
+    this.api = n, this.headers = m ?? this.headers;
   }
-  post(t) {
+  post(n) {
     return fetch(this.api, {
       method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(t)
+      headers: this.headers,
+      body: JSON.stringify(n)
     });
   }
 }
-const j = (o) => {
-  const t = (i) => {
-    i && o((c) => {
-      const m = c[c.length - 1];
-      return (m == null ? void 0 : m.role) === "assistant" ? [
-        ...c.slice(0, -1),
-        { role: "assistant", content: m.content + i }
-      ] : [...c, { role: "assistant", content: i }];
+const P = (a) => {
+  const n = (c) => {
+    c && a((u) => {
+      const o = u[u.length - 1];
+      return (o == null ? void 0 : o.role) === "assistant" ? [
+        ...u.slice(0, -1),
+        { role: "assistant", content: o.content + c }
+      ] : [...u, { role: "assistant", content: c }];
     });
   };
   return {
-    splitChunks: async (i) => {
-      if (i.body) {
-        const c = i.body.getReader(), m = new TextDecoder();
+    splitChunks: async (c) => {
+      if (c.body) {
+        const u = c.body.getReader(), o = new TextDecoder();
         let l = "";
         for (; ; ) {
-          const { done: e, value: r } = await c.read();
-          if (e)
+          const { done: r, value: s } = await u.read();
+          if (r)
             break;
-          l += m.decode(r, { stream: !0 });
-          const p = l.split(`
+          l += o.decode(s, { stream: !0 });
+          const _ = l.split(`
 `);
-          l = p.pop() ?? "";
-          for (let n of p)
-            if (n = n.trim(), !!n && !n.startsWith(":") && !n.startsWith("event:") && (n.startsWith("data:") && (n = n.slice(5).trim()), !!n)) {
-              if (n === "[DONE]")
+          l = _.pop() ?? "";
+          for (let e of _)
+            if (e = e.trim(), !!e && !e.startsWith(":") && !e.startsWith("event:") && (e.startsWith("data:") && (e = e.slice(5).trim()), !!e)) {
+              if (e === "[DONE]")
                 return;
               try {
-                const s = JSON.parse(n), d = (s == null ? void 0 : s.type) === "token" ? typeof s.value == "string" ? s.value : typeof s.content == "string" ? s.content : "" : (s == null ? void 0 : s.type) === "chunk" ? typeof s.content == "string" ? s.content : typeof s.value == "string" ? s.value : "" : typeof (s == null ? void 0 : s.message) == "string" ? s.message : "";
-                d && t(d);
+                const t = JSON.parse(e), p = (t == null ? void 0 : t.type) === "token" ? typeof t.value == "string" ? t.value : typeof t.content == "string" ? t.content : "" : (t == null ? void 0 : t.type) === "chunk" ? typeof t.content == "string" ? t.content : typeof t.value == "string" ? t.value : "" : typeof (t == null ? void 0 : t.message) == "string" ? t.message : "";
+                p && n(p);
               } catch {
-                t(n);
+                n(e);
               }
             }
         }
       }
     }
   };
-}, O = "demo-123", $ = (o) => {
-  const [t, u] = h([]), { splitChunks: i } = j(u);
+}, $ = "demo-123", D = (a, n) => {
+  const [m, c] = C([]), { splitChunks: u } = P(c);
   return {
-    onSubmit: async ({ input: m, setInput: l, abortRef: e }) => {
-      var p;
-      if (!m.trim())
+    onSubmit: async ({ input: l, setInput: r, abortRef: s }) => {
+      var e;
+      if (!l.trim())
         return;
-      const r = m;
-      l(""), u((n) => [
-        ...n,
-        { role: "user", content: r },
+      const _ = l;
+      r(""), c((t) => [
+        ...t,
+        { role: "user", content: _ },
         { role: "assistant", content: "" }
       ]);
       try {
-        (p = e.current) == null || p.abort();
-        const n = new AbortController();
-        e.current = n;
-        const d = await new S(o).post({
-          chat_id: O,
-          message: r
+        (e = s.current) == null || e.abort();
+        const t = new AbortController();
+        s.current = t;
+        const p = n ? {
+          "Content-Type": "application/json",
+          ...n
+        } : {}, y = await new S(a, p).post({
+          chat_id: $,
+          message: _
         });
-        if (!d.ok) {
-          const C = await d.text().catch(() => "");
-          throw new Error(`HTTP ${d.status} ${d.statusText} ${C}`);
+        if (!y.ok) {
+          const w = await y.text().catch(() => "");
+          throw new Error(`HTTP ${y.status} ${y.statusText} ${w}`);
         }
-        i(d);
-      } catch (n) {
-        console.error("Error onSubmit", n);
+        u(y);
+      } catch (t) {
+        console.error("Error onSubmit", t);
       }
     },
-    messages: t
+    messages: m
   };
-}, Z = (o) => {
-  const { onSubmit: t, messages: u } = $(o.api), [i, c] = h(""), m = b(null), l = b(null);
-  return o.api ? (x(() => {
-    var e;
-    (e = m.current) == null || e.scrollIntoView({ behavior: "smooth" });
-  }, [u]), x(() => () => {
-    var e;
-    (e = l.current) == null || e.abort();
-  }, []), /* @__PURE__ */ a.jsxs("div", { style: { maxWidth: 600, margin: "0 auto" }, children: [
-    /* @__PURE__ */ a.jsx("h3", { children: "Chat SSE" }),
-    /* @__PURE__ */ a.jsxs(
+}, tt = (a) => {
+  const { onSubmit: n, messages: m } = D(a.api, a.headers), [c, u] = C(""), o = v(null), l = v(null);
+  return a.api ? (g(() => {
+    var r;
+    (r = o.current) == null || r.scrollIntoView({ behavior: "smooth" });
+  }, [m]), g(() => () => {
+    var r;
+    (r = l.current) == null || r.abort();
+  }, []), /* @__PURE__ */ i.jsxs("div", { style: { maxWidth: 600, margin: "0 auto" }, children: [
+    /* @__PURE__ */ i.jsx("h3", { children: "Chat SSE" }),
+    /* @__PURE__ */ i.jsxs(
       "div",
       {
         style: {
@@ -138,145 +142,146 @@ const j = (o) => {
           overflowY: "auto"
         },
         children: [
-          u.map((e, r) => /* @__PURE__ */ a.jsxs("div", { style: { marginBottom: 8 }, children: [
-            /* @__PURE__ */ a.jsxs("strong", { children: [
-              e.role,
+          m.map((r, s) => /* @__PURE__ */ i.jsxs("div", { style: { marginBottom: 8 }, children: [
+            /* @__PURE__ */ i.jsxs("strong", { children: [
+              r.role,
               ":"
             ] }),
             " ",
-            e.content
-          ] }, r)),
-          /* @__PURE__ */ a.jsx("div", { ref: m })
+            r.content
+          ] }, s)),
+          /* @__PURE__ */ i.jsx("div", { ref: o })
         ]
       }
     ),
-    /* @__PURE__ */ a.jsxs(
+    /* @__PURE__ */ i.jsxs(
       "form",
       {
-        onSubmit: (e) => {
-          e.preventDefault(), t({ input: i, setInput: c, abortRef: l });
+        onSubmit: (r) => {
+          r.preventDefault(), n({ input: c, setInput: u, abortRef: l });
         },
         children: [
-          /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ i.jsx(
             "input",
             {
               type: "text",
-              value: i,
-              onChange: (e) => c(e.target.value),
+              value: c,
+              onChange: (r) => u(r.target.value),
               placeholder: "Escribe un mensaje...",
               style: { width: "80%" }
             }
           ),
-          /* @__PURE__ */ a.jsx("button", { type: "submit", style: { width: "20%" }, children: "Enviar" })
+          /* @__PURE__ */ i.jsx("button", { type: "submit", style: { width: "20%" }, children: "Enviar" })
         ]
       }
     )
   ] })) : (console.error("API is required for the ChatPanel"), null);
-}, I = "_inputAction_1541p_1", P = "_inputAction_input_1541p_17", D = "_inputAction_button_1541p_36", f = {
+}, I = "_inputAction_1541p_1", W = "_inputAction_input_1541p_17", q = "_inputAction_button_1541p_36", b = {
   inputAction: I,
-  inputAction_input: P,
-  inputAction_button: D
-}, tt = ({
-  onApply: o = () => {
+  inputAction_input: W,
+  inputAction_button: q
+}, et = ({
+  onApply: a = () => {
   },
-  disabled: t = !1,
-  initialValue: u = ""
+  disabled: n = !1,
+  initialValue: m = ""
 }) => {
-  const [i, c] = h(u), m = T(() => i.trim(), [i]), l = !t && m.length > 0, e = N(() => {
-    l && o(m);
-  }, [l, o, m]);
-  return /* @__PURE__ */ a.jsxs("div", { className: f.inputAction, children: [
-    /* @__PURE__ */ a.jsx(
+  const [c, u] = C(m), o = N(() => c.trim(), [c]), l = !n && o.length > 0, r = E(() => {
+    l && a(o);
+  }, [l, a, o]);
+  return /* @__PURE__ */ i.jsxs("div", { className: b.inputAction, children: [
+    /* @__PURE__ */ i.jsx(
       "input",
       {
-        className: f.inputAction_input,
+        className: b.inputAction_input,
         type: "text",
-        value: i,
-        onChange: (r) => c(r.target.value),
-        onKeyDown: (r) => {
-          r.key === "Enter" && (r.preventDefault(), e());
+        value: c,
+        onChange: (s) => u(s.target.value),
+        onKeyDown: (s) => {
+          s.key === "Enter" && (s.preventDefault(), r());
         },
         placeholder: "Placeholder",
-        disabled: t
+        disabled: n
       }
     ),
-    /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ i.jsx(
       "button",
       {
-        className: f.inputAction_button,
+        className: b.inputAction_button,
         type: "button",
-        onClick: e,
+        onClick: r,
         disabled: !l,
         children: "Aplicar"
       }
     )
   ] });
-}, W = "demo-123", H = (o) => {
-  const [t, u] = h([]), [i, c] = h(!1), { splitChunks: m } = j(u), l = async () => {
-    try {
-      c(!0);
-      const r = await new S(o).post({
-        chat_id: W,
-        message: "Hola"
-      });
-      if (!r.ok) {
-        c(!1);
-        const p = await r.text().catch(() => "");
-        throw console.error("Error onSubmit"), new Error(`HTTP ${r.status} ${r.statusText} ${p}`);
+}, J = (a, n) => {
+  const [m, c] = C(""), [u, o] = C(!1);
+  return {
+    onSubmit: async (r) => {
+      o(!0);
+      try {
+        const s = n ? {
+          "Content-Type": "application/json",
+          ...n
+        } : {}, e = await new S(a, s).post(r);
+        if (e.ok) {
+          const t = await e.json();
+          c((t == null ? void 0 : t.description) ?? ""), o(!1);
+        }
+        if (!e.ok) {
+          o(!1);
+          const t = await e.text().catch(() => "");
+          throw new Error(`HTTP ${e.status} ${e.statusText} ${t}`);
+        }
+      } catch (s) {
+        console.error("Error onSubmit", s);
       }
-      m(r), c(!1);
-    } catch (e) {
-      c(!1), console.error("Error onSubmit", e);
-    }
-  };
-  return x(() => (l(), () => {
-    console.debug("useSummary: onSubmit: abort");
-  }), []), {
-    onSubmit: l,
-    message: t,
-    loading: i
+    },
+    loading: u,
+    summary: m
   };
-}, q = "_summaryCard_19k36_1", J = "_summaryCard_header_19k36_17", L = "_summaryCard_titleWrapper_19k36_22", B = "_summaryCard_icon_19k36_27", M = "_summaryCard_title_19k36_22", V = "_summaryCard_button_19k36_40", F = "_summaryCard_content_19k36_66", U = "_summaryCard_loading_19k36_72", Y = "_summaryCard_spinner_19k36_78", z = "_spin_19k36_1", G = "_summaryCard_loadingText_19k36_87", K = "_summaryCard_summaryText_19k36_93", _ = {
-  summaryCard: q,
-  summaryCard_header: J,
-  summaryCard_titleWrapper: L,
-  summaryCard_icon: B,
-  summaryCard_title: M,
-  summaryCard_button: V,
-  summaryCard_content: F,
-  summaryCard_loading: U,
-  summaryCard_spinner: Y,
-  spin: z,
-  summaryCard_loadingText: G,
-  summaryCard_summaryText: K
-}, et = ({ api: o }) => {
-  const { message: t, loading: u, onSubmit: i } = H(o);
-  return /* @__PURE__ */ a.jsxs("div", { className: _.summaryCard, children: [
-    /* @__PURE__ */ a.jsxs("div", { className: _.summaryCard_header, children: [
-      /* @__PURE__ */ a.jsxs("div", { className: _.summaryCard_titleWrapper, children: [
-        /* @__PURE__ */ a.jsx("span", { className: _.summaryCard_icon, children: "✨" }),
-        /* @__PURE__ */ a.jsx("h3", { className: _.summaryCard_title, children: "Resumen Inteligente" })
+}, H = "_summaryCard_19k36_1", L = "_summaryCard_header_19k36_17", B = "_summaryCard_titleWrapper_19k36_22", F = "_summaryCard_icon_19k36_27", V = "_summaryCard_title_19k36_22", M = "_summaryCard_button_19k36_40", U = "_summaryCard_content_19k36_66", Y = "_summaryCard_loading_19k36_72", z = "_summaryCard_spinner_19k36_78", G = "_spin_19k36_1", K = "_summaryCard_loadingText_19k36_87", Q = "_summaryCard_summaryText_19k36_93", d = {
+  summaryCard: H,
+  summaryCard_header: L,
+  summaryCard_titleWrapper: B,
+  summaryCard_icon: F,
+  summaryCard_title: V,
+  summaryCard_button: M,
+  summaryCard_content: U,
+  summaryCard_loading: Y,
+  summaryCard_spinner: z,
+  spin: G,
+  summaryCard_loadingText: K,
+  summaryCard_summaryText: Q
+}, nt = ({ api: a, body: n, title: m, headers: c }) => {
+  const { summary: u, loading: o, onSubmit: l } = J(a, c);
+  return /* @__PURE__ */ i.jsxs("div", { className: d.summaryCard, children: [
+    /* @__PURE__ */ i.jsxs("div", { className: d.summaryCard_header, children: [
+      /* @__PURE__ */ i.jsxs("div", { className: d.summaryCard_titleWrapper, children: [
+        /* @__PURE__ */ i.jsx("span", { className: d.summaryCard_icon, children: "✨" }),
+        /* @__PURE__ */ i.jsx("h3", { className: d.summaryCard_title, children: m })
       ] }),
-      /* @__PURE__ */ a.jsx(
+      !o && !u && /* @__PURE__ */ i.jsx(
         "button",
         {
-          onClick: () => i(),
-          className: _.summaryCard_button,
+          onClick: () => l(n),
+          className: d.summaryCard_button,
           children: "Generar Resumen"
         }
       )
     ] }),
-    /* @__PURE__ */ a.jsxs("div", { className: _.summaryCard_content, children: [
-      u && !t && /* @__PURE__ */ a.jsxs("div", { className: _.summaryCard_loading, children: [
-        /* @__PURE__ */ a.jsx("div", { className: _.summaryCard_spinner }),
-        /* @__PURE__ */ a.jsx("p", { className: _.summaryCard_loadingText, children: "Analizando contenido..." })
+    /* @__PURE__ */ i.jsxs("div", { className: d.summaryCard_content, children: [
+      o && !u && /* @__PURE__ */ i.jsxs("div", { className: d.summaryCard_loading, children: [
+        /* @__PURE__ */ i.jsx("div", { className: d.summaryCard_spinner }),
+        /* @__PURE__ */ i.jsx("p", { className: d.summaryCard_loadingText, children: "Analizando contenido..." })
       ] }),
-      t && /* @__PURE__ */ a.jsx("div", { className: _.summaryCard_summaryText, children: t.map((c) => c.content) })
+      u && /* @__PURE__ */ i.jsx("div", { className: d.summaryCard_summaryText, children: u })
     ] })
   ] });
 };
 export {
-  Z as ChatPanel,
-  tt as InputAction,
-  et as SummaryCard
+  tt as ChatPanel,
+  et as InputAction,
+  nt as SummaryCard
 };

package/dist/ai-agent.umd.js

@@ -1,4 +1,4 @@
-(function(d,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],s):(d=typeof globalThis<"u"?globalThis:d||self,s(d["foris-ai-agent"]={},d.React))})(this,function(d,s){"use strict";var P=Object.defineProperty;var I=(d,s,f)=>s in d?P(d,s,{enumerable:!0,configurable:!0,writable:!0,value:f}):d[s]=f;var j=(d,s,f)=>(I(d,typeof s!="symbol"?s+"":s,f),f);var f={exports:{}},C={};/**
+(function(l,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],r):(l=typeof globalThis<"u"?globalThis:l||self,r(l["foris-ai-agent"]={},l.React))})(this,function(l,r){"use strict";var I=Object.defineProperty;var W=(l,r,h)=>r in l?I(l,r,{enumerable:!0,configurable:!0,writable:!0,value:h}):l[r]=h;var v=(l,r,h)=>(W(l,typeof r!="symbol"?r+"":r,h),h);var h={exports:{}},f={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -6,5 +6,5 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var b;function k(){if(b)return C;b=1;var l=s,o=Symbol.for("react.element"),_=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,u=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function m(t,e,h){var n,r={},p=null,x=null;h!==void 0&&(p=""+h),e.key!==void 0&&(p=""+e.key),e.ref!==void 0&&(x=e.ref);for(n in e)i.call(e,n)&&!c.hasOwnProperty(n)&&(r[n]=e[n]);if(t&&t.defaultProps)for(n in e=t.defaultProps,e)r[n]===void 0&&(r[n]=e[n]);return{$$typeof:o,type:t,key:p,ref:x,props:r,_owner:u.current}}return C.Fragment=_,C.jsx=m,C.jsxs=m,C}f.exports=k();var a=f.exports;class v{constructor(o){j(this,"api");this.api=o}post(o){return fetch(this.api,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o)})}}const S=l=>{const o=i=>{i&&l(u=>{const c=u[u.length-1];return(c==null?void 0:c.role)==="assistant"?[...u.slice(0,-1),{role:"assistant",content:c.content+i}]:[...u,{role:"assistant",content:i}]})};return{splitChunks:async i=>{if(i.body){const u=i.body.getReader(),c=new TextDecoder;let m="";for(;;){const{done:t,value:e}=await u.read();if(t)break;m+=c.decode(e,{stream:!0});const h=m.split(`
-`);m=h.pop()??"";for(let n of h)if(n=n.trim(),!!n&&!n.startsWith(":")&&!n.startsWith("event:")&&(n.startsWith("data:")&&(n=n.slice(5).trim()),!!n)){if(n==="[DONE]")return;try{const r=JSON.parse(n),p=(r==null?void 0:r.type)==="token"?typeof r.value=="string"?r.value:typeof r.content=="string"?r.content:"":(r==null?void 0:r.type)==="chunk"?typeof r.content=="string"?r.content:typeof r.value=="string"?r.value:"":typeof(r==null?void 0:r.message)=="string"?r.message:"";p&&o(p)}catch{o(n)}}}}}}},A="demo-123",T=l=>{const[o,_]=s.useState([]),{splitChunks:i}=S(_);return{onSubmit:async({input:c,setInput:m,abortRef:t})=>{var h;if(!c.trim())return;const e=c;m(""),_(n=>[...n,{role:"user",content:e},{role:"assistant",content:""}]);try{(h=t.current)==null||h.abort();const n=new AbortController;t.current=n;const p=await new v(l).post({chat_id:A,message:e});if(!p.ok){const x=await p.text().catch(()=>"");throw new Error(`HTTP ${p.status} ${p.statusText} ${x}`)}i(p)}catch(n){console.error("Error onSubmit",n)}},messages:o}},R=l=>{const{onSubmit:o,messages:_}=T(l.api),[i,u]=s.useState(""),c=s.useRef(null),m=s.useRef(null);return l.api?(s.useEffect(()=>{var t;(t=c.current)==null||t.scrollIntoView({behavior:"smooth"})},[_]),s.useEffect(()=>()=>{var t;(t=m.current)==null||t.abort()},[]),a.jsxs("div",{style:{maxWidth:600,margin:"0 auto"},children:[a.jsx("h3",{children:"Chat SSE"}),a.jsxs("div",{style:{border:"1px solid #ccc",padding:12,minHeight:300,marginBottom:12,overflowY:"auto"},children:[_.map((t,e)=>a.jsxs("div",{style:{marginBottom:8},children:[a.jsxs("strong",{children:[t.role,":"]})," ",t.content]},e)),a.jsx("div",{ref:c})]}),a.jsxs("form",{onSubmit:t=>{t.preventDefault(),o({input:i,setInput:u,abortRef:m})},children:[a.jsx("input",{type:"text",value:i,onChange:t=>u(t.target.value),placeholder:"Escribe un mensaje...",style:{width:"80%"}}),a.jsx("button",{type:"submit",style:{width:"20%"},children:"Enviar"})]})]})):(console.error("API is required for the ChatPanel"),null)},g={inputAction:"_inputAction_1541p_1",inputAction_input:"_inputAction_input_1541p_17",inputAction_button:"_inputAction_button_1541p_36"},w=({onApply:l=()=>{},disabled:o=!1,initialValue:_=""})=>{const[i,u]=s.useState(_),c=s.useMemo(()=>i.trim(),[i]),m=!o&&c.length>0,t=s.useCallback(()=>{m&&l(c)},[m,l,c]);return a.jsxs("div",{className:g.inputAction,children:[a.jsx("input",{className:g.inputAction_input,type:"text",value:i,onChange:e=>u(e.target.value),onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),t())},placeholder:"Placeholder",disabled:o}),a.jsx("button",{className:g.inputAction_button,type:"button",onClick:t,disabled:!m,children:"Aplicar"})]})},E="demo-123",N=l=>{const[o,_]=s.useState([]),[i,u]=s.useState(!1),{splitChunks:c}=S(_),m=async()=>{try{u(!0);const e=await new v(l).post({chat_id:E,message:"Hola"});if(!e.ok){u(!1);const h=await e.text().catch(()=>"");throw console.error("Error onSubmit"),new Error(`HTTP ${e.status} ${e.statusText} ${h}`)}c(e),u(!1)}catch(t){u(!1),console.error("Error onSubmit",t)}};return s.useEffect(()=>(m(),()=>{console.debug("useSummary: onSubmit: abort")}),[]),{onSubmit:m,message:o,loading:i}},y={summaryCard:"_summaryCard_19k36_1",summaryCard_header:"_summaryCard_header_19k36_17",summaryCard_titleWrapper:"_summaryCard_titleWrapper_19k36_22",summaryCard_icon:"_summaryCard_icon_19k36_27",summaryCard_title:"_summaryCard_title_19k36_22",summaryCard_button:"_summaryCard_button_19k36_40",summaryCard_content:"_summaryCard_content_19k36_66",summaryCard_loading:"_summaryCard_loading_19k36_72",summaryCard_spinner:"_summaryCard_spinner_19k36_78",spin:"_spin_19k36_1",summaryCard_loadingText:"_summaryCard_loadingText_19k36_87",summaryCard_summaryText:"_summaryCard_summaryText_19k36_93"},O=({api:l})=>{const{message:o,loading:_,onSubmit:i}=N(l);return a.jsxs("div",{className:y.summaryCard,children:[a.jsxs("div",{className:y.summaryCard_header,children:[a.jsxs("div",{className:y.summaryCard_titleWrapper,children:[a.jsx("span",{className:y.summaryCard_icon,children:"✨"}),a.jsx("h3",{className:y.summaryCard_title,children:"Resumen Inteligente"})]}),a.jsx("button",{onClick:()=>i(),className:y.summaryCard_button,children:"Generar Resumen"})]}),a.jsxs("div",{className:y.summaryCard_content,children:[_&&!o&&a.jsxs("div",{className:y.summaryCard_loading,children:[a.jsx("div",{className:y.summaryCard_spinner}),a.jsx("p",{className:y.summaryCard_loadingText,children:"Analizando contenido..."})]}),o&&a.jsx("div",{className:y.summaryCard_summaryText,children:o.map(u=>u.content)})]})]})};d.ChatPanel=R,d.InputAction=w,d.SummaryCard=O,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+ */var j;function k(){if(j)return f;j=1;var d=r,u=Symbol.for("react.element"),_=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,c=d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function m(n,s,y){var e,t={},C=null,g=null;y!==void 0&&(C=""+y),s.key!==void 0&&(C=""+s.key),s.ref!==void 0&&(g=s.ref);for(e in s)i.call(s,e)&&!o.hasOwnProperty(e)&&(t[e]=s[e]);if(n&&n.defaultProps)for(e in s=n.defaultProps,s)t[e]===void 0&&(t[e]=s[e]);return{$$typeof:u,type:n,key:C,ref:g,props:t,_owner:c.current}}return f.Fragment=_,f.jsx=m,f.jsxs=m,f}h.exports=k();var a=h.exports;class S{constructor(u,_){v(this,"api");v(this,"headers",{"Content-Type":"application/json"});this.api=u,this.headers=_??this.headers}post(u){return fetch(this.api,{method:"POST",headers:this.headers,body:JSON.stringify(u)})}}const T=d=>{const u=i=>{i&&d(c=>{const o=c[c.length-1];return(o==null?void 0:o.role)==="assistant"?[...c.slice(0,-1),{role:"assistant",content:o.content+i}]:[...c,{role:"assistant",content:i}]})};return{splitChunks:async i=>{if(i.body){const c=i.body.getReader(),o=new TextDecoder;let m="";for(;;){const{done:n,value:s}=await c.read();if(n)break;m+=o.decode(s,{stream:!0});const y=m.split(`
+`);m=y.pop()??"";for(let e of y)if(e=e.trim(),!!e&&!e.startsWith(":")&&!e.startsWith("event:")&&(e.startsWith("data:")&&(e=e.slice(5).trim()),!!e)){if(e==="[DONE]")return;try{const t=JSON.parse(e),C=(t==null?void 0:t.type)==="token"?typeof t.value=="string"?t.value:typeof t.content=="string"?t.content:"":(t==null?void 0:t.type)==="chunk"?typeof t.content=="string"?t.content:typeof t.value=="string"?t.value:"":typeof(t==null?void 0:t.message)=="string"?t.message:"";C&&u(C)}catch{u(e)}}}}}}},A="demo-123",w=(d,u)=>{const[_,i]=r.useState([]),{splitChunks:c}=T(i);return{onSubmit:async({input:m,setInput:n,abortRef:s})=>{var e;if(!m.trim())return;const y=m;n(""),i(t=>[...t,{role:"user",content:y},{role:"assistant",content:""}]);try{(e=s.current)==null||e.abort();const t=new AbortController;s.current=t;const C=u?{"Content-Type":"application/json",...u}:{},x=await new S(d,C).post({chat_id:A,message:y});if(!x.ok){const P=await x.text().catch(()=>"");throw new Error(`HTTP ${x.status} ${x.statusText} ${P}`)}c(x)}catch(t){console.error("Error onSubmit",t)}},messages:_}},R=d=>{const{onSubmit:u,messages:_}=w(d.api,d.headers),[i,c]=r.useState(""),o=r.useRef(null),m=r.useRef(null);return d.api?(r.useEffect(()=>{var n;(n=o.current)==null||n.scrollIntoView({behavior:"smooth"})},[_]),r.useEffect(()=>()=>{var n;(n=m.current)==null||n.abort()},[]),a.jsxs("div",{style:{maxWidth:600,margin:"0 auto"},children:[a.jsx("h3",{children:"Chat SSE"}),a.jsxs("div",{style:{border:"1px solid #ccc",padding:12,minHeight:300,marginBottom:12,overflowY:"auto"},children:[_.map((n,s)=>a.jsxs("div",{style:{marginBottom:8},children:[a.jsxs("strong",{children:[n.role,":"]})," ",n.content]},s)),a.jsx("div",{ref:o})]}),a.jsxs("form",{onSubmit:n=>{n.preventDefault(),u({input:i,setInput:c,abortRef:m})},children:[a.jsx("input",{type:"text",value:i,onChange:n=>c(n.target.value),placeholder:"Escribe un mensaje...",style:{width:"80%"}}),a.jsx("button",{type:"submit",style:{width:"20%"},children:"Enviar"})]})]})):(console.error("API is required for the ChatPanel"),null)},b={inputAction:"_inputAction_1541p_1",inputAction_input:"_inputAction_input_1541p_17",inputAction_button:"_inputAction_button_1541p_36"},N=({onApply:d=()=>{},disabled:u=!1,initialValue:_=""})=>{const[i,c]=r.useState(_),o=r.useMemo(()=>i.trim(),[i]),m=!u&&o.length>0,n=r.useCallback(()=>{m&&d(o)},[m,d,o]);return a.jsxs("div",{className:b.inputAction,children:[a.jsx("input",{className:b.inputAction_input,type:"text",value:i,onChange:s=>c(s.target.value),onKeyDown:s=>{s.key==="Enter"&&(s.preventDefault(),n())},placeholder:"Placeholder",disabled:u}),a.jsx("button",{className:b.inputAction_button,type:"button",onClick:n,disabled:!m,children:"Aplicar"})]})},E=(d,u)=>{const[_,i]=r.useState(""),[c,o]=r.useState(!1);return{onSubmit:async n=>{o(!0);try{const s=u?{"Content-Type":"application/json",...u}:{},e=await new S(d,s).post(n);if(e.ok){const t=await e.json();i((t==null?void 0:t.description)??""),o(!1)}if(!e.ok){o(!1);const t=await e.text().catch(()=>"");throw new Error(`HTTP ${e.status} ${e.statusText} ${t}`)}}catch(s){console.error("Error onSubmit",s)}},loading:c,summary:_}},p={summaryCard:"_summaryCard_19k36_1",summaryCard_header:"_summaryCard_header_19k36_17",summaryCard_titleWrapper:"_summaryCard_titleWrapper_19k36_22",summaryCard_icon:"_summaryCard_icon_19k36_27",summaryCard_title:"_summaryCard_title_19k36_22",summaryCard_button:"_summaryCard_button_19k36_40",summaryCard_content:"_summaryCard_content_19k36_66",summaryCard_loading:"_summaryCard_loading_19k36_72",summaryCard_spinner:"_summaryCard_spinner_19k36_78",spin:"_spin_19k36_1",summaryCard_loadingText:"_summaryCard_loadingText_19k36_87",summaryCard_summaryText:"_summaryCard_summaryText_19k36_93"},O=({api:d,body:u,title:_,headers:i})=>{const{summary:c,loading:o,onSubmit:m}=E(d,i);return a.jsxs("div",{className:p.summaryCard,children:[a.jsxs("div",{className:p.summaryCard_header,children:[a.jsxs("div",{className:p.summaryCard_titleWrapper,children:[a.jsx("span",{className:p.summaryCard_icon,children:"✨"}),a.jsx("h3",{className:p.summaryCard_title,children:_})]}),!o&&!c&&a.jsx("button",{onClick:()=>m(u),className:p.summaryCard_button,children:"Generar Resumen"})]}),a.jsxs("div",{className:p.summaryCard_content,children:[o&&!c&&a.jsxs("div",{className:p.summaryCard_loading,children:[a.jsx("div",{className:p.summaryCard_spinner}),a.jsx("p",{className:p.summaryCard_loadingText,children:"Analizando contenido..."})]}),c&&a.jsx("div",{className:p.summaryCard_summaryText,children:c})]})]})};l.ChatPanel=R,l.InputAction=N,l.SummaryCard=O,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});

package/dist/ai-chat-panel/ChatPanel.d.ts

@@ -1,5 +1,6 @@
 interface ChatPanelProps {
     api: string;
+    headers?: any;
 }
 export declare const ChatPanel: (props: ChatPanelProps) => JSX.Element | null;
 export default ChatPanel;

package/dist/ai-summary-card/SummaryCard.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 interface Props {
+    title: string;
     api: string;
+    body: any;
+    headers?: any;
 }
 export declare const SummaryCard: React.FC<Props>;
 export {};

package/dist/hooks/useChat.d.ts

@@ -9,7 +9,7 @@ interface OnSubmitProps {
     setInput: (input: string) => void;
     abortRef: MutableRefObject<AbortController | null>;
 }
-export declare const useChat: (api: string) => {
+export declare const useChat: (api: string, headers?: any) => {
     onSubmit: ({ input, setInput, abortRef }: OnSubmitProps) => Promise<void>;
     messages: ChatMessage[];
 };

package/dist/hooks/useSummary.d.ts

@@ -1,14 +1,5 @@
-type Role = 'user' | 'assistant';
-interface ChatMessage {
-    role: Role;
-    content: string;
-}
-/**
- * TODO: Implement the useSummary hook
- */
-export declare const useSummary: (api: string) => {
-    onSubmit: () => Promise<void>;
-    message: ChatMessage[];
+export declare const useSummary: (api: string, headers?: any) => {
+    onSubmit: (body: any) => Promise<void>;
     loading: boolean;
+    summary: string;
 };
-export {};

package/dist/services/fetch-api/FetchApi.d.ts

@@ -0,0 +1,6 @@
+export declare class FetchApi {
+    private api;
+    private headers;
+    constructor(api: string, headers?: any);
+    post(body: any): Promise<Response>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foris/ai-agent",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "publishConfig": {
     "access": "public"
   },

package/dist/services/stream-api/StreamApi.d.ts

@@ -1,5 +0,0 @@
-export declare class StreamApiService {
-    private api;
-    constructor(api: string);
-    post(body: any): Promise<Response>;
-}