@foris/ai-agent 0.1.0

package/dist/ai-agent.es.js

@@ -0,0 +1,282 @@
+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 = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 };
+  }
+  return y.Fragment = u, y.jsx = l, y.jsxs = l, y;
+}
+k.exports = E();
+var a = k.exports;
+class S {
+  constructor(t) {
+    g(this, "api");
+    this.api = t;
+  }
+  post(t) {
+    return fetch(this.api, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(t)
+    });
+  }
+}
+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 }];
+    });
+  };
+  return {
+    splitChunks: async (i) => {
+      if (i.body) {
+        const c = i.body.getReader(), m = new TextDecoder();
+        let l = "";
+        for (; ; ) {
+          const { done: e, value: r } = await c.read();
+          if (e)
+            break;
+          l += m.decode(r, { stream: !0 });
+          const p = 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]")
+                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);
+              } catch {
+                t(n);
+              }
+            }
+        }
+      }
+    }
+  };
+}, O = "demo-123", $ = (o) => {
+  const [t, u] = h([]), { splitChunks: i } = j(u);
+  return {
+    onSubmit: async ({ input: m, setInput: l, abortRef: e }) => {
+      var p;
+      if (!m.trim())
+        return;
+      const r = m;
+      l(""), u((n) => [
+        ...n,
+        { role: "user", content: r },
+        { 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
+        });
+        if (!d.ok) {
+          const C = await d.text().catch(() => "");
+          throw new Error(`HTTP ${d.status} ${d.statusText} ${C}`);
+        }
+        i(d);
+      } catch (n) {
+        console.error("Error onSubmit", n);
+      }
+    },
+    messages: t
+  };
+}, 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(
+      "div",
+      {
+        style: {
+          border: "1px solid #ccc",
+          padding: 12,
+          minHeight: 300,
+          marginBottom: 12,
+          overflowY: "auto"
+        },
+        children: [
+          u.map((e, r) => /* @__PURE__ */ a.jsxs("div", { style: { marginBottom: 8 }, children: [
+            /* @__PURE__ */ a.jsxs("strong", { children: [
+              e.role,
+              ":"
+            ] }),
+            " ",
+            e.content
+          ] }, r)),
+          /* @__PURE__ */ a.jsx("div", { ref: m })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a.jsxs(
+      "form",
+      {
+        onSubmit: (e) => {
+          e.preventDefault(), t({ input: i, setInput: c, abortRef: l });
+        },
+        children: [
+          /* @__PURE__ */ a.jsx(
+            "input",
+            {
+              type: "text",
+              value: i,
+              onChange: (e) => c(e.target.value),
+              placeholder: "Escribe un mensaje...",
+              style: { width: "80%" }
+            }
+          ),
+          /* @__PURE__ */ a.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 = {
+  inputAction: I,
+  inputAction_input: P,
+  inputAction_button: D
+}, tt = ({
+  onApply: o = () => {
+  },
+  disabled: t = !1,
+  initialValue: u = ""
+}) => {
+  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(
+      "input",
+      {
+        className: f.inputAction_input,
+        type: "text",
+        value: i,
+        onChange: (r) => c(r.target.value),
+        onKeyDown: (r) => {
+          r.key === "Enter" && (r.preventDefault(), e());
+        },
+        placeholder: "Placeholder",
+        disabled: t
+      }
+    ),
+    /* @__PURE__ */ a.jsx(
+      "button",
+      {
+        className: f.inputAction_button,
+        type: "button",
+        onClick: e,
+        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}`);
+      }
+      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
+  };
+}, 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" })
+      ] }),
+      /* @__PURE__ */ a.jsx(
+        "button",
+        {
+          onClick: () => i(),
+          className: _.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..." })
+      ] }),
+      t && /* @__PURE__ */ a.jsx("div", { className: _.summaryCard_summaryText, children: t.map((c) => c.content) })
+    ] })
+  ] });
+};
+export {
+  Z as ChatPanel,
+  tt as InputAction,
+  et as SummaryCard
+};

package/dist/ai-agent.umd.js

@@ -0,0 +1,10 @@
+(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={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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"})});

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

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

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

@@ -0,0 +1 @@
+export { default as ChatPanel } from './ChatPanel';

package/dist/ai-input-action/InputAction.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    onApply?: (value: string) => void;
+    disabled?: boolean;
+    initialValue?: string;
+}
+export declare const InputAction: React.FC<Props>;
+export {};

package/dist/ai-input-action/index.d.ts

@@ -0,0 +1 @@
+export { InputAction } from './InputAction';

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    api: string;
+}
+export declare const SummaryCard: React.FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export { SummaryCard } from './SummaryCard';

package/dist/hooks/useChat.d.ts

@@ -0,0 +1,16 @@
+import type { MutableRefObject } from 'react';
+type Role = 'user' | 'assistant';
+interface ChatMessage {
+    role: Role;
+    content: string;
+}
+interface OnSubmitProps {
+    input: string;
+    setInput: (input: string) => void;
+    abortRef: MutableRefObject<AbortController | null>;
+}
+export declare const useChat: (api: string) => {
+    onSubmit: ({ input, setInput, abortRef }: OnSubmitProps) => Promise<void>;
+    messages: ChatMessage[];
+};
+export {};

package/dist/hooks/useSplitChunks.d.ts

@@ -0,0 +1,3 @@
+export declare const useSplitChunks: (setMessages: any) => {
+    splitChunks: (res: any) => Promise<void>;
+};

package/dist/hooks/useSummary.d.ts

@@ -0,0 +1,14 @@
+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[];
+    loading: boolean;
+};
+export {};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { ChatPanel } from './ai-chat-panel';
+import { InputAction } from './ai-input-action';
+import { SummaryCard } from './ai-summary-card';
+export { ChatPanel, InputAction, SummaryCard };

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

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

package/dist/style.css

@@ -0,0 +1 @@
+._inputAction_1541p_1{background-color:var(--color-neutral-00);border:1px solid var(--color-neutral-10);border-radius:8px;box-shadow:0 0 10px #0000000f;display:flex;align-items:center;gap:10px;padding:8px 10px;transition:box-shadow .2s ease,border-color .2s ease;width:100%}._inputAction_1541p_1:hover{border-color:var(--color-neutral-20);box-shadow:0 0 10px #0000001f}._inputAction_input_1541p_17{flex:1;min-width:0;border:0;background:transparent;font-family:inherit;font-size:.9375rem;line-height:1.4;color:var(--color-neutral-90);padding:6px 10px;outline:none}._inputAction_input_1541p_17::placeholder{color:var(--color-neutral-50)}._inputAction_input_1541p_17:disabled{color:var(--color-neutral-50);cursor:not-allowed}._inputAction_button_1541p_36{background-color:#9fc6d5;border:0;border-radius:10px;color:var(--color-neutral-00);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:8px 14px;transition:filter .2s ease,transform .05s ease;white-space:nowrap}._inputAction_button_1541p_36:hover{filter:brightness(.97)}._inputAction_button_1541p_36:active{color:var(--color-primary-50)}._inputAction_button_1541p_36:focus-visible{outline:2px solid var(--color-primary-50);outline-offset:2px}._inputAction_button_1541p_36:disabled{cursor:not-allowed;opacity:.55;transform:none}._summaryCard_19k36_1{background-color:var(--color-neutral-00);border:1px solid var(--color-neutral-10);border-radius:12px;box-shadow:0 0 10px #0000001a;padding:20px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .2s ease,border-color .2s ease;height:max-content}._summaryCard_19k36_1:hover{border-color:var(--color-neutral-20);box-shadow:0 0 10px #0003}._summaryCard_header_19k36_17{display:flex;flex-direction:column;gap:12px}._summaryCard_titleWrapper_19k36_22{display:flex;align-items:center;gap:8px}._summaryCard_icon_19k36_27{font-size:1.5rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}._summaryCard_title_19k36_22{color:var(--color-neutral-90);margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}._summaryCard_button_19k36_40{background-color:var(--color-neutral-00);border:1px solid var(--color-neutral-30);border-radius:8px;color:var(--color-neutral-90);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease;align-self:flex-start}._summaryCard_button_19k36_40:hover{background-color:var(--color-neutral-05);border-color:var(--color-neutral-40);box-shadow:0 0 5px #0000001a}._summaryCard_button_19k36_40:active{background-color:var(--color-neutral-10);box-shadow:none}._summaryCard_button_19k36_40:focus{outline:2px solid var(--color-primary-50);outline-offset:2px}._summaryCard_content_19k36_66{display:flex;flex-direction:column;gap:12px;min-height:60px}._summaryCard_loading_19k36_72{display:flex;align-items:center;gap:12px;padding:16px 0}._summaryCard_spinner_19k36_78{width:20px;height:20px;border:2px solid var(--color-neutral-20);border-top-color:var(--color-primary-50);border-radius:50%;animation:_spin_19k36_1 .8s linear infinite;flex-shrink:0}._summaryCard_loadingText_19k36_87{color:var(--color-neutral-60);font-size:.875rem;line-height:1.5;margin:0}._summaryCard_summaryText_19k36_93{background-color:var(--color-neutral-05);border-left:3px solid var(--color-primary-50);border-radius:8px;color:var(--color-neutral-80);font-size:.9375rem;line-height:1.6;padding:16px}@keyframes _spin_19k36_1{to{transform:rotate(360deg)}}@media screen and (max-width: 768px){._summaryCard_19k36_1{padding:16px;gap:12px}._summaryCard_header_19k36_17{gap:8px}._summaryCard_title_19k36_22{font-size:1rem}._summaryCard_button_19k36_40{font-size:.8125rem;padding:4px 12px}._summaryCard_summaryText_19k36_93{font-size:.875rem;padding:12px}}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@foris/ai-agent",
+  "version": "0.1.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/ai-agent.umd.js",
+  "module": "./dist/ai-agent.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/ai-agent.es.js",
+      "require": "./dist/ai-agent.umd.js",
+      "default": "./dist/ai-agent.es.js"
+    }
+  },
+  "dependencies": {
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.18",
+    "@testing-library/jest-dom": "6.4.0",
+    "@testing-library/react": "14.2.0",
+    "@testing-library/user-event": "14.5.2",
+    "@types/node": "20.2.5",
+    "@types/react": "18.0.28",
+    "@types/react-dom": "18.0.11",
+    "@types/testing-library__jest-dom": "6.0.0",
+    "@vitejs/plugin-react-swc": "3.5.0",
+    "@vitest/coverage-v8": "1.2.2",
+    "@vitest/ui": "1.2.2",
+    "classnames": "2.3.2",
+    "jsdom": "24.0.0",
+    "sass": "1.62.1",
+    "tailwindcss": "^4.1.18",
+    "typescript": "5.1.3",
+    "vite": "5.0.12",
+    "vite-plugin-dts": "3.7.1",
+    "vite-plugin-static-copy": "1.0.0",
+    "vitest": "1.2.2",
+    "@foris/tsconfig": "0.0.1"
+  },
+  "scripts": {
+    "build": "tsc && vite build",
+    "test:watch": "vitest --ui",
+    "coverage": "vitest run --coverage"
+  }
+}