@schandlergarcia/sf-web-components 1.7.0 → 1.9.0

package/dist/components/library/chat/ChatPanel.d.ts

@@ -1,16 +1,20 @@
+import React from "react";
+import { UseChatStateOptions } from "./useChatState";
+import { ChatMessageData } from "./ChatMessage";
+export interface ChatPanelProps {
+    title?: string;
+    onSend?: UseChatStateOptions["onSend"];
+    initialMessages?: UseChatStateOptions["initialMessages"];
+    welcomeTitle?: string;
+    welcomeSubtitle?: string;
+    suggestions?: string[];
+    placeholder?: string;
+    className?: string;
+    renderAvatar?: (message: ChatMessageData) => React.ReactNode;
+    showHeader?: boolean;
+}
 /**
  * All-in-one chat panel. Composes ChatMessageList, ChatInput, ChatWelcome,
  * and useChatState into a single drop-in component.
- *
- * @param {string}   title — panel header title
- * @param {Function} onSend — async (userMessage, history, helpers) => assistantMessage?
- * @param {Array}    initialMessages — seed messages
- * @param {string}   welcomeTitle — welcome screen heading
- * @param {string}   welcomeSubtitle — welcome screen description
- * @param {string[]} suggestions — starter and follow-up prompts
- * @param {string}   placeholder — input placeholder
- * @param {string}   className — additional classes on the root container
- * @param {Function} renderAvatar — (message) => ReactNode
- * @param {boolean}  showHeader — show the title bar (default true)
  */
-export default function ChatPanel({ title, onSend, initialMessages, welcomeTitle, welcomeSubtitle, suggestions, placeholder, className, renderAvatar, showHeader, }: string): import("react/jsx-runtime").JSX.Element;
+export default function ChatPanel({ title, onSend, initialMessages, welcomeTitle, welcomeSubtitle, suggestions, placeholder, className, renderAvatar, showHeader, }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/chat/ChatPanel.js

@@ -1,11 +1,10 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import "react";
 import f from "./ChatMessageList.js";
-import p from "./ChatInput.js";
-import u from "./ChatWelcome.js";
-import x from "./useChatState.js";
+import u from "./ChatInput.js";
+import x from "./ChatWelcome.js";
+import p from "./useChatState.js";
 import { TrashIcon as k } from "@heroicons/react/24/outline";
-function w({
+function j({
   title: o = "AI Assistant",
   onSend: l,
   initialMessages: i = [],
@@ -17,7 +16,7 @@ function w({
   renderAvatar: h,
   showHeader: c = !0
 }) {
-  const e = x({ initialMessages: i, onSend: l }), b = e.messages.length === 0;
+  const e = p({ initialMessages: i, onSend: l }), b = e.messages.length === 0;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -40,7 +39,7 @@ function w({
           ) : null
         ] }) : null,
         b ? /* @__PURE__ */ t(
-          u,
+          x,
           {
             title: n,
             subtitle: d,
@@ -59,7 +58,7 @@ function w({
           }
         ),
         /* @__PURE__ */ t("div", { className: "border-t border-slate-100 p-3 dark:border-slate-800", children: /* @__PURE__ */ t(
-          p,
+          u,
           {
             onSend: (s) => e.sendMessage(s),
             disabled: e.isLoading,
@@ -72,6 +71,6 @@ function w({
   );
 }
 export {
-  w as default
+  j as default
 };
 //# sourceMappingURL=ChatPanel.js.map

package/dist/components/library/chat/ChatPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPanel.js","sources":["../../../../src/components/library/chat/ChatPanel.jsx"],"sourcesContent":["import React from \"react\";\nimport ChatMessageList from \"./ChatMessageList\";\nimport ChatInput from \"./ChatInput\";\nimport ChatWelcome from \"./ChatWelcome\";\nimport useChatState from \"./useChatState\";\nimport { TrashIcon } from \"@heroicons/react/24/outline\";\n\n/**\n * All-in-one chat panel. Composes ChatMessageList, ChatInput, ChatWelcome,\n * and useChatState into a single drop-in component.\n *\n * @param {string}   title — panel header title\n * @param {Function} onSend — async (userMessage, history, helpers) => assistantMessage?\n * @param {Array}    initialMessages — seed messages\n * @param {string}   welcomeTitle — welcome screen heading\n * @param {string}   welcomeSubtitle — welcome screen description\n * @param {string[]} suggestions — starter and follow-up prompts\n * @param {string}   placeholder — input placeholder\n * @param {string}   className — additional classes on the root container\n * @param {Function} renderAvatar — (message) => ReactNode\n * @param {boolean}  showHeader — show the title bar (default true)\n */\nexport default function ChatPanel({\n  title = \"AI Assistant\",\n  onSend,\n  initialMessages = [],\n  welcomeTitle,\n  welcomeSubtitle,\n  suggestions = [],\n  placeholder,\n  className = \"\",\n  renderAvatar,\n  showHeader = true,\n}) {\n  const chat = useChatState({ initialMessages, onSend });\n\n  const isEmpty = chat.messages.length === 0;\n\n  return (\n    <div\n      className={[\n        \"flex flex-col overflow-hidden rounded-xl border border-slate-200 bg-white dark:border-slate-800 dark:bg-slate-900\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      {/* Header */}\n      {showHeader ? (\n        <div className=\"flex items-center justify-between border-b border-slate-100 px-4 py-3 dark:border-slate-800\">\n          <h3 className=\"text-sm font-semibold text-slate-900 dark:text-slate-50\">\n            {title}\n          </h3>\n          {chat.messages.length > 0 ? (\n            <button\n              type=\"button\"\n              onClick={chat.clearMessages}\n              className=\"rounded p-1 text-slate-400 transition hover:bg-slate-100 hover:text-slate-600 dark:text-slate-500 dark:hover:bg-slate-800 dark:hover:text-slate-300\"\n              aria-label=\"Clear chat\"\n            >\n              <TrashIcon className=\"h-4 w-4\" />\n            </button>\n          ) : null}\n        </div>\n      ) : null}\n\n      {/* Messages or welcome */}\n      {isEmpty ? (\n        <ChatWelcome\n          title={welcomeTitle}\n          subtitle={welcomeSubtitle}\n          suggestions={suggestions}\n          onSuggestion={(text) => chat.sendMessage(text)}\n        />\n      ) : (\n        <ChatMessageList\n          messages={chat.messages}\n          isLoading={chat.isLoading}\n          isStreaming={chat.isStreaming}\n          suggestions={suggestions}\n          onSuggestion={(text) => chat.sendMessage(text)}\n          renderAvatar={renderAvatar}\n        />\n      )}\n\n      {/* Input */}\n      <div className=\"border-t border-slate-100 p-3 dark:border-slate-800\">\n        <ChatInput\n          onSend={(content) => chat.sendMessage(content)}\n          disabled={chat.isLoading}\n          isLoading={chat.isLoading}\n          placeholder={placeholder}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["ChatPanel","title","onSend","initialMessages","welcomeTitle","welcomeSubtitle","suggestions","placeholder","className","renderAvatar","showHeader","chat","useChatState","isEmpty","jsxs","jsx","TrashIcon","ChatWelcome","text","ChatMessageList","ChatInput","content"],"mappings":";;;;;;;AAsBA,SAAwBA,EAAU;AAAA,EAChC,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAA;AAAA,EAClB,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAAA,EACd,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAG;AACD,QAAMC,IAAOC,EAAa,EAAE,iBAAAT,GAAiB,QAAAD,GAAQ,GAE/CW,IAAUF,EAAK,SAAS,WAAW;AAEzC,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAN;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAGV,UAAA;AAAA,QAAAE,IACC,gBAAAI,EAAC,OAAA,EAAI,WAAU,+FACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,2DACX,UAAAd,GACH;AAAA,UACCU,EAAK,SAAS,SAAS,IACtB,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAASJ,EAAK;AAAA,cACd,WAAU;AAAA,cACV,cAAW;AAAA,cAEX,UAAA,gBAAAI,EAACC,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA,IAE/B;AAAA,QAAA,EAAA,CACN,IACE;AAAA,QAGHH,IACC,gBAAAE;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOb;AAAA,YACP,UAAUC;AAAA,YACV,aAAAC;AAAA,YACA,cAAc,CAACY,MAASP,EAAK,YAAYO,CAAI;AAAA,UAAA;AAAA,QAAA,IAG/C,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAUR,EAAK;AAAA,YACf,WAAWA,EAAK;AAAA,YAChB,aAAaA,EAAK;AAAA,YAClB,aAAAL;AAAA,YACA,cAAc,CAACY,MAASP,EAAK,YAAYO,CAAI;AAAA,YAC7C,cAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAKJ,gBAAAM,EAAC,OAAA,EAAI,WAAU,uDACb,UAAA,gBAAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,QAAQ,CAACC,MAAYV,EAAK,YAAYU,CAAO;AAAA,YAC7C,UAAUV,EAAK;AAAA,YACf,WAAWA,EAAK;AAAA,YAChB,aAAAJ;AAAA,UAAA;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ChatPanel.js","sources":["../../../../src/components/library/chat/ChatPanel.tsx"],"sourcesContent":["import React from \"react\";\nimport ChatMessageList from \"./ChatMessageList\";\nimport ChatInput from \"./ChatInput\";\nimport ChatWelcome from \"./ChatWelcome\";\nimport useChatState, { UseChatStateOptions } from \"./useChatState\";\nimport { ChatMessageData } from \"./ChatMessage\";\nimport { TrashIcon } from \"@heroicons/react/24/outline\";\n\nexport interface ChatPanelProps {\n  title?: string;\n  onSend?: UseChatStateOptions[\"onSend\"];\n  initialMessages?: UseChatStateOptions[\"initialMessages\"];\n  welcomeTitle?: string;\n  welcomeSubtitle?: string;\n  suggestions?: string[];\n  placeholder?: string;\n  className?: string;\n  renderAvatar?: (message: ChatMessageData) => React.ReactNode;\n  showHeader?: boolean;\n}\n\n/**\n * All-in-one chat panel. Composes ChatMessageList, ChatInput, ChatWelcome,\n * and useChatState into a single drop-in component.\n */\nexport default function ChatPanel({\n  title = \"AI Assistant\",\n  onSend,\n  initialMessages = [],\n  welcomeTitle,\n  welcomeSubtitle,\n  suggestions = [],\n  placeholder,\n  className = \"\",\n  renderAvatar,\n  showHeader = true,\n}: ChatPanelProps) {\n  const chat = useChatState({ initialMessages, onSend });\n\n  const isEmpty = chat.messages.length === 0;\n\n  return (\n    <div\n      className={[\n        \"flex flex-col overflow-hidden rounded-xl border border-slate-200 bg-white dark:border-slate-800 dark:bg-slate-900\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      {/* Header */}\n      {showHeader ? (\n        <div className=\"flex items-center justify-between border-b border-slate-100 px-4 py-3 dark:border-slate-800\">\n          <h3 className=\"text-sm font-semibold text-slate-900 dark:text-slate-50\">\n            {title}\n          </h3>\n          {chat.messages.length > 0 ? (\n            <button\n              type=\"button\"\n              onClick={chat.clearMessages}\n              className=\"rounded p-1 text-slate-400 transition hover:bg-slate-100 hover:text-slate-600 dark:text-slate-500 dark:hover:bg-slate-800 dark:hover:text-slate-300\"\n              aria-label=\"Clear chat\"\n            >\n              <TrashIcon className=\"h-4 w-4\" />\n            </button>\n          ) : null}\n        </div>\n      ) : null}\n\n      {/* Messages or welcome */}\n      {isEmpty ? (\n        <ChatWelcome\n          title={welcomeTitle}\n          subtitle={welcomeSubtitle}\n          suggestions={suggestions}\n          onSuggestion={(text) => chat.sendMessage(text)}\n        />\n      ) : (\n        <ChatMessageList\n          messages={chat.messages}\n          isLoading={chat.isLoading}\n          isStreaming={chat.isStreaming}\n          suggestions={suggestions}\n          onSuggestion={(text) => chat.sendMessage(text)}\n          renderAvatar={renderAvatar}\n        />\n      )}\n\n      {/* Input */}\n      <div className=\"border-t border-slate-100 p-3 dark:border-slate-800\">\n        <ChatInput\n          onSend={(content) => chat.sendMessage(content)}\n          disabled={chat.isLoading}\n          isLoading={chat.isLoading}\n          placeholder={placeholder}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["ChatPanel","title","onSend","initialMessages","welcomeTitle","welcomeSubtitle","suggestions","placeholder","className","renderAvatar","showHeader","chat","useChatState","isEmpty","jsxs","jsx","TrashIcon","ChatWelcome","text","ChatMessageList","ChatInput","content"],"mappings":";;;;;;AAyBA,SAAwBA,EAAU;AAAA,EAChC,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAA;AAAA,EAClB,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAAA,EACd,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAmB;AACjB,QAAMC,IAAOC,EAAa,EAAE,iBAAAT,GAAiB,QAAAD,GAAQ,GAE/CW,IAAUF,EAAK,SAAS,WAAW;AAEzC,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAN;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAGV,UAAA;AAAA,QAAAE,IACC,gBAAAI,EAAC,OAAA,EAAI,WAAU,+FACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,2DACX,UAAAd,GACH;AAAA,UACCU,EAAK,SAAS,SAAS,IACtB,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAASJ,EAAK;AAAA,cACd,WAAU;AAAA,cACV,cAAW;AAAA,cAEX,UAAA,gBAAAI,EAACC,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA,IAE/B;AAAA,QAAA,EAAA,CACN,IACE;AAAA,QAGHH,IACC,gBAAAE;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOb;AAAA,YACP,UAAUC;AAAA,YACV,aAAAC;AAAA,YACA,cAAc,CAACY,MAASP,EAAK,YAAYO,CAAI;AAAA,UAAA;AAAA,QAAA,IAG/C,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAUR,EAAK;AAAA,YACf,WAAWA,EAAK;AAAA,YAChB,aAAaA,EAAK;AAAA,YAClB,aAAAL;AAAA,YACA,cAAc,CAACY,MAASP,EAAK,YAAYO,CAAI;AAAA,YAC7C,cAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAKJ,gBAAAM,EAAC,OAAA,EAAI,WAAU,uDACb,UAAA,gBAAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,QAAQ,CAACC,MAAYV,EAAK,YAAYU,CAAO;AAAA,YAC7C,UAAUV,EAAK;AAAA,YACf,WAAWA,EAAK;AAAA,YAChB,aAAAJ;AAAA,UAAA;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/library/chat/ChatSuggestions.d.ts

@@ -1,7 +1,8 @@
+export interface ChatSuggestionsProps {
+    suggestions?: string[];
+    onSelect?: (suggestion: string) => void;
+}
 /**
  * Quick-action prompt buttons. Place above the input or after an assistant message.
- *
- * @param {string[]} suggestions — prompt strings
- * @param {Function} onSelect — (suggestion) => void
  */
-export default function ChatSuggestions({ suggestions, onSelect }: string[]): import("react/jsx-runtime").JSX.Element | null;
+export default function ChatSuggestions({ suggestions, onSelect }: ChatSuggestionsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/library/chat/ChatSuggestions.js

@@ -1,7 +1,6 @@
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import "react";
 import { SparklesIcon as n } from "@heroicons/react/24/outline";
-function i({ suggestions: e = [], onSelect: t }) {
+function s({ suggestions: e = [], onSelect: t }) {
   return e.length ? /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-2", children: e.map((r) => /* @__PURE__ */ d(
     "button",
     {
@@ -17,6 +16,6 @@ function i({ suggestions: e = [], onSelect: t }) {
   )) }) : null;
 }
 export {
-  i as default
+  s as default
 };
 //# sourceMappingURL=ChatSuggestions.js.map

package/dist/components/library/chat/ChatSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSuggestions.js","sources":["../../../../src/components/library/chat/ChatSuggestions.jsx"],"sourcesContent":["import React from \"react\";\nimport { SparklesIcon } from \"@heroicons/react/24/outline\";\n\n/**\n * Quick-action prompt buttons. Place above the input or after an assistant message.\n *\n * @param {string[]} suggestions — prompt strings\n * @param {Function} onSelect — (suggestion) => void\n */\nexport default function ChatSuggestions({ suggestions = [], onSelect }) {\n  if (!suggestions.length) return null;\n\n  return (\n    <div className=\"flex flex-wrap gap-2\">\n      {suggestions.map((text) => (\n        <button\n          key={text}\n          type=\"button\"\n          onClick={() => onSelect?.(text)}\n          className=\"inline-flex items-center gap-1.5 rounded-full border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-600 shadow-sm transition hover:border-brand-300 hover:bg-brand-50 hover:text-brand-700 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300 dark:hover:border-brand-700 dark:hover:bg-brand-950/30 dark:hover:text-brand-300\"\n        >\n          <SparklesIcon className=\"h-3 w-3\" aria-hidden=\"true\" />\n          {text}\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"names":["ChatSuggestions","suggestions","onSelect","text","jsxs","jsx","SparklesIcon"],"mappings":";;;AASA,SAAwBA,EAAgB,EAAE,aAAAC,IAAc,CAAA,GAAI,UAAAC,KAAY;AACtE,SAAKD,EAAY,2BAGd,OAAA,EAAI,WAAU,wBACZ,UAAAA,EAAY,IAAI,CAACE,MAChB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAS,MAAMF,IAAWC,CAAI;AAAA,MAC9B,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAE,EAACC,GAAA,EAAa,WAAU,WAAU,eAAY,QAAO;AAAA,QACpDH;AAAA,MAAA;AAAA,IAAA;AAAA,IANIA;AAAA,EAAA,CAQR,GACH,IAf8B;AAiBlC;"}
+{"version":3,"file":"ChatSuggestions.js","sources":["../../../../src/components/library/chat/ChatSuggestions.tsx"],"sourcesContent":["import { SparklesIcon } from \"@heroicons/react/24/outline\";\n\nexport interface ChatSuggestionsProps {\n  suggestions?: string[];\n  onSelect?: (suggestion: string) => void;\n}\n\n/**\n * Quick-action prompt buttons. Place above the input or after an assistant message.\n */\nexport default function ChatSuggestions({ suggestions = [], onSelect }: ChatSuggestionsProps) {\n  if (!suggestions.length) return null;\n\n  return (\n    <div className=\"flex flex-wrap gap-2\">\n      {suggestions.map((text) => (\n        <button\n          key={text}\n          type=\"button\"\n          onClick={() => onSelect?.(text)}\n          className=\"inline-flex items-center gap-1.5 rounded-full border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-600 shadow-sm transition hover:border-brand-300 hover:bg-brand-50 hover:text-brand-700 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300 dark:hover:border-brand-700 dark:hover:bg-brand-950/30 dark:hover:text-brand-300\"\n        >\n          <SparklesIcon className=\"h-3 w-3\" aria-hidden=\"true\" />\n          {text}\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"names":["ChatSuggestions","suggestions","onSelect","text","jsxs","jsx","SparklesIcon"],"mappings":";;AAUA,SAAwBA,EAAgB,EAAE,aAAAC,IAAc,CAAA,GAAI,UAAAC,KAAkC;AAC5F,SAAKD,EAAY,2BAGd,OAAA,EAAI,WAAU,wBACZ,UAAAA,EAAY,IAAI,CAACE,MAChB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAS,MAAMF,IAAWC,CAAI;AAAA,MAC9B,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAE,EAACC,GAAA,EAAa,WAAU,WAAU,eAAY,QAAO;AAAA,QACpDH;AAAA,MAAA;AAAA,IAAA;AAAA,IANIA;AAAA,EAAA,CAQR,GACH,IAf8B;AAiBlC;"}

package/dist/components/library/chat/ChatToolCall.d.ts

@@ -1,6 +1,14 @@
+export interface ToolCall {
+    id?: string;
+    name: string;
+    args?: unknown;
+    status: "running" | "complete" | "error";
+    result?: unknown;
+}
+export interface ChatToolCallProps {
+    toolCall: ToolCall;
+}
 /**
  * Displays an agent tool call / function execution step.
- *
- * @param {Object} toolCall — { id?, name, args?, status: "running"|"complete"|"error", result? }
  */
-export default function ChatToolCall({ toolCall }: Object): import("react/jsx-runtime").JSX.Element;
+export default function ChatToolCall({ toolCall }: ChatToolCallProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/chat/ChatToolCall.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatToolCall.js","sources":["../../../../src/components/library/chat/ChatToolCall.jsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Spinner from \"../ui/Spinner\";\nimport {\n  WrenchScrewdriverIcon,\n  CheckCircleIcon,\n  XCircleIcon,\n  ChevronDownIcon,\n} from \"@heroicons/react/24/outline\";\n\nconst STATUS_CONFIG = {\n  running: {\n    icon: <Spinner size=\"xs\" tone=\"brand\" label=\"Running\" />,\n    text: \"text-brand-600 dark:text-brand-400\",\n    bg: \"bg-brand-50 border-brand-100 dark:bg-brand-950/20 dark:border-brand-900/30\",\n    label: \"Running\",\n  },\n  complete: {\n    icon: <CheckCircleIcon className=\"h-3.5 w-3.5 text-emerald-500\" />,\n    text: \"text-emerald-700 dark:text-emerald-300\",\n    bg: \"bg-emerald-50 border-emerald-100 dark:bg-emerald-950/20 dark:border-emerald-900/30\",\n    label: \"Complete\",\n  },\n  error: {\n    icon: <XCircleIcon className=\"h-3.5 w-3.5 text-red-500\" />,\n    text: \"text-red-700 dark:text-red-300\",\n    bg: \"bg-red-50 border-red-100 dark:bg-red-950/20 dark:border-red-900/30\",\n    label: \"Failed\",\n  },\n};\n\n/**\n * Displays an agent tool call / function execution step.\n *\n * @param {Object} toolCall — { id?, name, args?, status: \"running\"|\"complete\"|\"error\", result? }\n */\nexport default function ChatToolCall({ toolCall }) {\n  const [expanded, setExpanded] = useState(false);\n  const config = STATUS_CONFIG[toolCall.status] ?? STATUS_CONFIG.running;\n  const hasDetails = toolCall.args || toolCall.result;\n\n  return (\n    <div\n      className={[\n        \"rounded-lg border text-xs\",\n        config.bg,\n      ].join(\" \")}\n    >\n      <button\n        type=\"button\"\n        onClick={() => hasDetails && setExpanded(!expanded)}\n        className={[\n          \"flex w-full items-center gap-2 px-3 py-1.5\",\n          hasDetails ? \"cursor-pointer\" : \"cursor-default\",\n        ].join(\" \")}\n      >\n        {config.icon}\n        <WrenchScrewdriverIcon className=\"h-3 w-3 text-slate-400 dark:text-slate-500\" />\n        <span className={[\"font-medium\", config.text].join(\" \")}>\n          {toolCall.name}\n        </span>\n        <span className=\"text-slate-400 dark:text-slate-500\">\n          — {config.label}\n        </span>\n        {hasDetails ? (\n          <ChevronDownIcon\n            className={[\n              \"ml-auto h-3 w-3 text-slate-400 transition-transform dark:text-slate-500\",\n              expanded ? \"rotate-180\" : \"\",\n            ].join(\" \")}\n          />\n        ) : null}\n      </button>\n\n      {expanded && hasDetails ? (\n        <div className=\"border-t border-inherit px-3 py-2 font-mono text-[11px] leading-relaxed text-slate-600 dark:text-slate-300\">\n          {toolCall.args ? (\n            <div className=\"mb-1\">\n              <span className=\"font-sans font-semibold text-slate-500 dark:text-slate-400\">\n                Args:{\" \"}\n              </span>\n              {typeof toolCall.args === \"string\"\n                ? toolCall.args\n                : JSON.stringify(toolCall.args, null, 2)}\n            </div>\n          ) : null}\n          {toolCall.result ? (\n            <div>\n              <span className=\"font-sans font-semibold text-slate-500 dark:text-slate-400\">\n                Result:{\" \"}\n              </span>\n              {typeof toolCall.result === \"string\"\n                ? toolCall.result\n                : JSON.stringify(toolCall.result, null, 2)}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["STATUS_CONFIG","Spinner","jsx","CheckCircleIcon","XCircleIcon","ChatToolCall","toolCall","expanded","setExpanded","useState","config","hasDetails","jsxs","WrenchScrewdriverIcon","ChevronDownIcon"],"mappings":";;;;AASA,MAAMA,IAAgB;AAAA,EACpB,SAAS;AAAA,IACP,wBAAOC,GAAA,EAAQ,MAAK,MAAK,MAAK,SAAQ,OAAM,WAAU;AAAA,IACtD,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,EAAA;AAAA,EAET,UAAU;AAAA,IACR,MAAM,gBAAAC,EAACC,GAAA,EAAgB,WAAU,+BAAA,CAA+B;AAAA,IAChE,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,MAAM,gBAAAD,EAACE,GAAA,EAAY,WAAU,2BAAA,CAA2B;AAAA,IACxD,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX;AAOA,SAAwBC,EAAa,EAAE,UAAAC,KAAY;AACjD,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAASV,EAAcM,EAAS,MAAM,KAAKN,EAAc,SACzDW,IAAaL,EAAS,QAAQA,EAAS;AAE7C,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF,EAAO;AAAA,MAAA,EACP,KAAK,GAAG;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAMD,KAAcH,EAAY,CAACD,CAAQ;AAAA,YAClD,WAAW;AAAA,cACT;AAAA,cACAI,IAAa,mBAAmB;AAAA,YAAA,EAChC,KAAK,GAAG;AAAA,YAET,UAAA;AAAA,cAAAD,EAAO;AAAA,cACR,gBAAAR,EAACW,GAAA,EAAsB,WAAU,6CAAA,CAA6C;AAAA,cAC9E,gBAAAX,EAAC,QAAA,EAAK,WAAW,CAAC,eAAeQ,EAAO,IAAI,EAAE,KAAK,GAAG,GACnD,UAAAJ,EAAS,KAAA,CACZ;AAAA,cACA,gBAAAM,EAAC,QAAA,EAAK,WAAU,sCAAqC,UAAA;AAAA,gBAAA;AAAA,gBAChDF,EAAO;AAAA,cAAA,GACZ;AAAA,cACCC,IACC,gBAAAT;AAAA,gBAACY;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACAP,IAAW,eAAe;AAAA,kBAAA,EAC1B,KAAK,GAAG;AAAA,gBAAA;AAAA,cAAA,IAEV;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGLA,KAAYI,IACX,gBAAAC,EAAC,OAAA,EAAI,WAAU,8GACZ,UAAA;AAAA,UAAAN,EAAS,OACR,gBAAAM,EAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,8DAA6D,UAAA;AAAA,cAAA;AAAA,cACrE;AAAA,YAAA,GACR;AAAA,YACC,OAAON,EAAS,QAAS,WACtBA,EAAS,OACT,KAAK,UAAUA,EAAS,MAAM,MAAM,CAAC;AAAA,UAAA,EAAA,CAC3C,IACE;AAAA,UACHA,EAAS,SACR,gBAAAM,EAAC,OAAA,EACC,UAAA;AAAA,YAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,8DAA6D,UAAA;AAAA,cAAA;AAAA,cACnE;AAAA,YAAA,GACV;AAAA,YACC,OAAON,EAAS,UAAW,WACxBA,EAAS,SACT,KAAK,UAAUA,EAAS,QAAQ,MAAM,CAAC;AAAA,UAAA,EAAA,CAC7C,IACE;AAAA,QAAA,EAAA,CACN,IACE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"ChatToolCall.js","sources":["../../../../src/components/library/chat/ChatToolCall.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Spinner from \"../ui/Spinner\";\nimport {\n  WrenchScrewdriverIcon,\n  CheckCircleIcon,\n  XCircleIcon,\n  ChevronDownIcon,\n} from \"@heroicons/react/24/outline\";\n\nexport interface ToolCall {\n  id?: string;\n  name: string;\n  args?: unknown;\n  status: \"running\" | \"complete\" | \"error\";\n  result?: unknown;\n}\n\nexport interface ChatToolCallProps {\n  toolCall: ToolCall;\n}\n\nconst STATUS_CONFIG = {\n  running: {\n    icon: <Spinner size=\"xs\" tone=\"brand\" label=\"Running\" />,\n    text: \"text-brand-600 dark:text-brand-400\",\n    bg: \"bg-brand-50 border-brand-100 dark:bg-brand-950/20 dark:border-brand-900/30\",\n    label: \"Running\",\n  },\n  complete: {\n    icon: <CheckCircleIcon className=\"h-3.5 w-3.5 text-emerald-500\" />,\n    text: \"text-emerald-700 dark:text-emerald-300\",\n    bg: \"bg-emerald-50 border-emerald-100 dark:bg-emerald-950/20 dark:border-emerald-900/30\",\n    label: \"Complete\",\n  },\n  error: {\n    icon: <XCircleIcon className=\"h-3.5 w-3.5 text-red-500\" />,\n    text: \"text-red-700 dark:text-red-300\",\n    bg: \"bg-red-50 border-red-100 dark:bg-red-950/20 dark:border-red-900/30\",\n    label: \"Failed\",\n  },\n};\n\n/**\n * Displays an agent tool call / function execution step.\n */\nexport default function ChatToolCall({ toolCall }: ChatToolCallProps) {\n  const [expanded, setExpanded] = useState(false);\n  const config = STATUS_CONFIG[toolCall.status] ?? STATUS_CONFIG.running;\n  const hasDetails = toolCall.args || toolCall.result;\n\n  return (\n    <div\n      className={[\n        \"rounded-lg border text-xs\",\n        config.bg,\n      ].join(\" \")}\n    >\n      <button\n        type=\"button\"\n        onClick={() => hasDetails && setExpanded(!expanded)}\n        className={[\n          \"flex w-full items-center gap-2 px-3 py-1.5\",\n          hasDetails ? \"cursor-pointer\" : \"cursor-default\",\n        ].join(\" \")}\n      >\n        {config.icon}\n        <WrenchScrewdriverIcon className=\"h-3 w-3 text-slate-400 dark:text-slate-500\" />\n        <span className={[\"font-medium\", config.text].join(\" \")}>\n          {toolCall.name}\n        </span>\n        <span className=\"text-slate-400 dark:text-slate-500\">\n          — {config.label}\n        </span>\n        {hasDetails ? (\n          <ChevronDownIcon\n            className={[\n              \"ml-auto h-3 w-3 text-slate-400 transition-transform dark:text-slate-500\",\n              expanded ? \"rotate-180\" : \"\",\n            ].join(\" \")}\n          />\n        ) : null}\n      </button>\n\n      {expanded && hasDetails ? (\n        <div className=\"border-t border-inherit px-3 py-2 font-mono text-[11px] leading-relaxed text-slate-600 dark:text-slate-300\">\n          {toolCall.args ? (\n            <div className=\"mb-1\">\n              <span className=\"font-sans font-semibold text-slate-500 dark:text-slate-400\">\n                Args:{\" \"}\n              </span>\n              {typeof toolCall.args === \"string\"\n                ? toolCall.args\n                : JSON.stringify(toolCall.args, null, 2)}\n            </div>\n          ) : null}\n          {toolCall.result ? (\n            <div>\n              <span className=\"font-sans font-semibold text-slate-500 dark:text-slate-400\">\n                Result:{\" \"}\n              </span>\n              {typeof toolCall.result === \"string\"\n                ? toolCall.result\n                : JSON.stringify(toolCall.result, null, 2)}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["STATUS_CONFIG","Spinner","jsx","CheckCircleIcon","XCircleIcon","ChatToolCall","toolCall","expanded","setExpanded","useState","config","hasDetails","jsxs","WrenchScrewdriverIcon","ChevronDownIcon"],"mappings":";;;;AAqBA,MAAMA,IAAgB;AAAA,EACpB,SAAS;AAAA,IACP,wBAAOC,GAAA,EAAQ,MAAK,MAAK,MAAK,SAAQ,OAAM,WAAU;AAAA,IACtD,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,EAAA;AAAA,EAET,UAAU;AAAA,IACR,MAAM,gBAAAC,EAACC,GAAA,EAAgB,WAAU,+BAAA,CAA+B;AAAA,IAChE,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,MAAM,gBAAAD,EAACE,GAAA,EAAY,WAAU,2BAAA,CAA2B;AAAA,IACxD,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX;AAKA,SAAwBC,EAAa,EAAE,UAAAC,KAA+B;AACpE,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAASV,EAAcM,EAAS,MAAM,KAAKN,EAAc,SACzDW,IAAaL,EAAS,QAAQA,EAAS;AAE7C,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF,EAAO;AAAA,MAAA,EACP,KAAK,GAAG;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAMD,KAAcH,EAAY,CAACD,CAAQ;AAAA,YAClD,WAAW;AAAA,cACT;AAAA,cACAI,IAAa,mBAAmB;AAAA,YAAA,EAChC,KAAK,GAAG;AAAA,YAET,UAAA;AAAA,cAAAD,EAAO;AAAA,cACR,gBAAAR,EAACW,GAAA,EAAsB,WAAU,6CAAA,CAA6C;AAAA,cAC9E,gBAAAX,EAAC,QAAA,EAAK,WAAW,CAAC,eAAeQ,EAAO,IAAI,EAAE,KAAK,GAAG,GACnD,UAAAJ,EAAS,KAAA,CACZ;AAAA,cACA,gBAAAM,EAAC,QAAA,EAAK,WAAU,sCAAqC,UAAA;AAAA,gBAAA;AAAA,gBAChDF,EAAO;AAAA,cAAA,GACZ;AAAA,cACCC,IACC,gBAAAT;AAAA,gBAACY;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACAP,IAAW,eAAe;AAAA,kBAAA,EAC1B,KAAK,GAAG;AAAA,gBAAA;AAAA,cAAA,IAEV;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGLA,KAAYI,IACX,gBAAAC,EAAC,OAAA,EAAI,WAAU,8GACZ,UAAA;AAAA,UAAAN,EAAS,OACR,gBAAAM,EAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,8DAA6D,UAAA;AAAA,cAAA;AAAA,cACrE;AAAA,YAAA,GACR;AAAA,YACC,OAAON,EAAS,QAAS,WACtBA,EAAS,OACT,KAAK,UAAUA,EAAS,MAAM,MAAM,CAAC;AAAA,UAAA,EAAA,CAC3C,IACE;AAAA,UACHA,EAAS,SACR,gBAAAM,EAAC,OAAA,EACC,UAAA;AAAA,YAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,8DAA6D,UAAA;AAAA,cAAA;AAAA,cACnE;AAAA,YAAA,GACV;AAAA,YACC,OAAON,EAAS,UAAW,WACxBA,EAAS,SACT,KAAK,UAAUA,EAAS,QAAQ,MAAM,CAAC;AAAA,UAAA,EAAA,CAC7C,IACE;AAAA,QAAA,EAAA,CACN,IACE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/library/chat/ChatTypingIndicator.d.ts

@@ -1,6 +1,7 @@
+export interface ChatTypingIndicatorProps {
+    label?: string;
+}
 /**
  * Animated typing indicator shown while the agent is processing.
  */
-export default function ChatTypingIndicator({ label }: {
-    label?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+export default function ChatTypingIndicator({ label }: ChatTypingIndicatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/chat/ChatTypingIndicator.js

@@ -1,7 +1,6 @@
 import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import "react";
 import { CpuChipIcon as t } from "@heroicons/react/24/solid";
-function r({ label: s = "Thinking" }) {
+function d({ label: s = "Thinking" }) {
   return /* @__PURE__ */ e("div", { className: "flex items-start gap-3", children: [
     /* @__PURE__ */ a("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-brand-100 dark:bg-brand-900/40", children: /* @__PURE__ */ a(t, { className: "h-4 w-4 text-brand-600 dark:text-brand-400" }) }),
     /* @__PURE__ */ e("div", { className: "flex items-center gap-2 rounded-2xl rounded-tl-md bg-slate-100 px-4 py-3 dark:bg-slate-800", children: [
@@ -15,6 +14,6 @@ function r({ label: s = "Thinking" }) {
   ] });
 }
 export {
-  r as default
+  d as default
 };
 //# sourceMappingURL=ChatTypingIndicator.js.map

package/dist/components/library/chat/ChatTypingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatTypingIndicator.js","sources":["../../../../src/components/library/chat/ChatTypingIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { CpuChipIcon } from \"@heroicons/react/24/solid\";\n\n/**\n * Animated typing indicator shown while the agent is processing.\n */\nexport default function ChatTypingIndicator({ label = \"Thinking\" }) {\n  return (\n    <div className=\"flex items-start gap-3\">\n      <div className=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-brand-100 dark:bg-brand-900/40\">\n        <CpuChipIcon className=\"h-4 w-4 text-brand-600 dark:text-brand-400\" />\n      </div>\n      <div className=\"flex items-center gap-2 rounded-2xl rounded-tl-md bg-slate-100 px-4 py-3 dark:bg-slate-800\">\n        <div className=\"flex gap-1\">\n          <span className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400 dark:bg-slate-500 [animation-delay:0ms]\" />\n          <span className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400 dark:bg-slate-500 [animation-delay:150ms]\" />\n          <span className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400 dark:bg-slate-500 [animation-delay:300ms]\" />\n        </div>\n        <span className=\"text-xs text-slate-400 dark:text-slate-500\">{label}</span>\n      </div>\n    </div>\n  );\n}\n"],"names":["ChatTypingIndicator","label","jsxs","jsx","CpuChipIcon"],"mappings":";;;AAMA,SAAwBA,EAAoB,EAAE,OAAAC,IAAQ,cAAc;AAClE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAU,kGACb,4BAACC,GAAA,EAAY,WAAU,8CAA6C,EAAA,CACtE;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,8FACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,+FAAA,CAA+F;AAAA,QAC/G,gBAAAA,EAAC,QAAA,EAAK,WAAU,iGAAA,CAAiG;AAAA,QACjH,gBAAAA,EAAC,QAAA,EAAK,WAAU,iGAAA,CAAiG;AAAA,MAAA,GACnH;AAAA,MACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,8CAA8C,UAAAF,EAAA,CAAM;AAAA,IAAA,EAAA,CACtE;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ChatTypingIndicator.js","sources":["../../../../src/components/library/chat/ChatTypingIndicator.tsx"],"sourcesContent":["import { CpuChipIcon } from \"@heroicons/react/24/solid\";\n\nexport interface ChatTypingIndicatorProps {\n  label?: string;\n}\n\n/**\n * Animated typing indicator shown while the agent is processing.\n */\nexport default function ChatTypingIndicator({ label = \"Thinking\" }: ChatTypingIndicatorProps) {\n  return (\n    <div className=\"flex items-start gap-3\">\n      <div className=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-brand-100 dark:bg-brand-900/40\">\n        <CpuChipIcon className=\"h-4 w-4 text-brand-600 dark:text-brand-400\" />\n      </div>\n      <div className=\"flex items-center gap-2 rounded-2xl rounded-tl-md bg-slate-100 px-4 py-3 dark:bg-slate-800\">\n        <div className=\"flex gap-1\">\n          <span className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400 dark:bg-slate-500 [animation-delay:0ms]\" />\n          <span className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400 dark:bg-slate-500 [animation-delay:150ms]\" />\n          <span className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400 dark:bg-slate-500 [animation-delay:300ms]\" />\n        </div>\n        <span className=\"text-xs text-slate-400 dark:text-slate-500\">{label}</span>\n      </div>\n    </div>\n  );\n}\n"],"names":["ChatTypingIndicator","label","jsxs","jsx","CpuChipIcon"],"mappings":";;AASA,SAAwBA,EAAoB,EAAE,OAAAC,IAAQ,cAAwC;AAC5F,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAU,kGACb,4BAACC,GAAA,EAAY,WAAU,8CAA6C,EAAA,CACtE;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,8FACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,+FAAA,CAA+F;AAAA,QAC/G,gBAAAA,EAAC,QAAA,EAAK,WAAU,iGAAA,CAAiG;AAAA,QACjH,gBAAAA,EAAC,QAAA,EAAK,WAAU,iGAAA,CAAiG;AAAA,MAAA,GACnH;AAAA,MACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,8CAA8C,UAAAF,EAAA,CAAM;AAAA,IAAA,EAAA,CACtE;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/library/chat/ChatWelcome.d.ts

@@ -1,10 +1,12 @@
+import React from "react";
+export interface ChatWelcomeProps {
+    title?: string;
+    subtitle?: string;
+    suggestions?: string[];
+    onSuggestion?: (text: string) => void;
+    icon?: React.ReactNode;
+}
 /**
  * Empty-state welcome screen shown before the first message.
- *
- * @param {string} title — welcome heading
- * @param {string} subtitle — description text
- * @param {string[]} suggestions — starter prompt suggestions
- * @param {Function} onSuggestion — (text) => void
- * @param {React.ReactNode} icon — custom icon override
  */
-export default function ChatWelcome({ title, subtitle, suggestions, onSuggestion, icon, }: string): import("react/jsx-runtime").JSX.Element;
+export default function ChatWelcome({ title, subtitle, suggestions, onSuggestion, icon, }: ChatWelcomeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/chat/ChatWelcome.js

@@ -1,8 +1,7 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import "react";
-import { CpuChipIcon as o } from "@heroicons/react/24/solid";
-import c from "./ChatSuggestions.js";
-function h({
+import { CpuChipIcon as c } from "@heroicons/react/24/solid";
+import d from "./ChatSuggestions.js";
+function x({
   title: r = "How can I help?",
   subtitle: l = "Ask me anything about your data, or try one of the suggestions below.",
   suggestions: t = [],
@@ -10,15 +9,15 @@ function h({
   icon: n
 }) {
   return /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 px-6 py-12 text-center", children: [
-    n ?? /* @__PURE__ */ e("div", { className: "flex h-14 w-14 items-center justify-center rounded-2xl bg-brand-100 dark:bg-brand-900/40", children: /* @__PURE__ */ e(o, { className: "h-7 w-7 text-brand-600 dark:text-brand-400" }) }),
+    n ?? /* @__PURE__ */ e("div", { className: "flex h-14 w-14 items-center justify-center rounded-2xl bg-brand-100 dark:bg-brand-900/40", children: /* @__PURE__ */ e(c, { className: "h-7 w-7 text-brand-600 dark:text-brand-400" }) }),
     /* @__PURE__ */ a("div", { children: [
       /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-slate-900 dark:text-slate-50", children: r }),
       /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: l })
     ] }),
-    t.length ? /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(c, { suggestions: t, onSelect: s }) }) : null
+    t.length ? /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(d, { suggestions: t, onSelect: s }) }) : null
   ] });
 }
 export {
-  h as default
+  x as default
 };
 //# sourceMappingURL=ChatWelcome.js.map

package/dist/components/library/chat/ChatWelcome.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWelcome.js","sources":["../../../../src/components/library/chat/ChatWelcome.jsx"],"sourcesContent":["import React from \"react\";\nimport { CpuChipIcon } from \"@heroicons/react/24/solid\";\nimport ChatSuggestions from \"./ChatSuggestions\";\n\n/**\n * Empty-state welcome screen shown before the first message.\n *\n * @param {string} title — welcome heading\n * @param {string} subtitle — description text\n * @param {string[]} suggestions — starter prompt suggestions\n * @param {Function} onSuggestion — (text) => void\n * @param {React.ReactNode} icon — custom icon override\n */\nexport default function ChatWelcome({\n  title = \"How can I help?\",\n  subtitle = \"Ask me anything about your data, or try one of the suggestions below.\",\n  suggestions = [],\n  onSuggestion,\n  icon,\n}) {\n  return (\n    <div className=\"flex flex-1 flex-col items-center justify-center gap-4 px-6 py-12 text-center\">\n      {icon ?? (\n        <div className=\"flex h-14 w-14 items-center justify-center rounded-2xl bg-brand-100 dark:bg-brand-900/40\">\n          <CpuChipIcon className=\"h-7 w-7 text-brand-600 dark:text-brand-400\" />\n        </div>\n      )}\n      <div>\n        <h3 className=\"text-base font-semibold text-slate-900 dark:text-slate-50\">\n          {title}\n        </h3>\n        <p className=\"mt-1 text-sm text-slate-500 dark:text-slate-400\">\n          {subtitle}\n        </p>\n      </div>\n      {suggestions.length ? (\n        <div className=\"mt-2\">\n          <ChatSuggestions suggestions={suggestions} onSelect={onSuggestion} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["ChatWelcome","title","subtitle","suggestions","onSuggestion","icon","jsxs","jsx","CpuChipIcon","ChatSuggestions"],"mappings":";;;;AAaA,SAAwBA,EAAY;AAAA,EAClC,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc,CAAA;AAAA,EACd,cAAAC;AAAA,EACA,MAAAC;AACF,GAAG;AACD,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,iFACZ,UAAA;AAAA,IAAAD,KACC,gBAAAE,EAAC,SAAI,WAAU,4FACb,4BAACC,GAAA,EAAY,WAAU,8CAA6C,EAAA,CACtE;AAAA,sBAED,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,6DACX,UAAAN,GACH;AAAA,MACA,gBAAAM,EAAC,KAAA,EAAE,WAAU,mDACV,UAAAL,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IACCC,EAAY,SACX,gBAAAI,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA,EAACE,GAAA,EAAgB,aAAAN,GAA0B,UAAUC,EAAA,CAAc,EAAA,CACrE,IACE;AAAA,EAAA,GACN;AAEJ;"}
+{"version":3,"file":"ChatWelcome.js","sources":["../../../../src/components/library/chat/ChatWelcome.tsx"],"sourcesContent":["import React from \"react\";\nimport { CpuChipIcon } from \"@heroicons/react/24/solid\";\nimport ChatSuggestions from \"./ChatSuggestions\";\n\nexport interface ChatWelcomeProps {\n  title?: string;\n  subtitle?: string;\n  suggestions?: string[];\n  onSuggestion?: (text: string) => void;\n  icon?: React.ReactNode;\n}\n\n/**\n * Empty-state welcome screen shown before the first message.\n */\nexport default function ChatWelcome({\n  title = \"How can I help?\",\n  subtitle = \"Ask me anything about your data, or try one of the suggestions below.\",\n  suggestions = [],\n  onSuggestion,\n  icon,\n}: ChatWelcomeProps) {\n  return (\n    <div className=\"flex flex-1 flex-col items-center justify-center gap-4 px-6 py-12 text-center\">\n      {icon ?? (\n        <div className=\"flex h-14 w-14 items-center justify-center rounded-2xl bg-brand-100 dark:bg-brand-900/40\">\n          <CpuChipIcon className=\"h-7 w-7 text-brand-600 dark:text-brand-400\" />\n        </div>\n      )}\n      <div>\n        <h3 className=\"text-base font-semibold text-slate-900 dark:text-slate-50\">\n          {title}\n        </h3>\n        <p className=\"mt-1 text-sm text-slate-500 dark:text-slate-400\">\n          {subtitle}\n        </p>\n      </div>\n      {suggestions.length ? (\n        <div className=\"mt-2\">\n          <ChatSuggestions suggestions={suggestions} onSelect={onSuggestion} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["ChatWelcome","title","subtitle","suggestions","onSuggestion","icon","jsxs","jsx","CpuChipIcon","ChatSuggestions"],"mappings":";;;AAeA,SAAwBA,EAAY;AAAA,EAClC,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc,CAAA;AAAA,EACd,cAAAC;AAAA,EACA,MAAAC;AACF,GAAqB;AACnB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,iFACZ,UAAA;AAAA,IAAAD,KACC,gBAAAE,EAAC,SAAI,WAAU,4FACb,4BAACC,GAAA,EAAY,WAAU,8CAA6C,EAAA,CACtE;AAAA,sBAED,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,6DACX,UAAAN,GACH;AAAA,MACA,gBAAAM,EAAC,KAAA,EAAE,WAAU,mDACV,UAAAL,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IACCC,EAAY,SACX,gBAAAI,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA,EAACE,GAAA,EAAgB,aAAAN,GAA0B,UAAUC,EAAA,CAAc,EAAA,CACrE,IACE;AAAA,EAAA,GACN;AAEJ;"}

package/dist/components/library/chat/index.d.ts

@@ -8,3 +8,13 @@ export { default as ChatSuggestions } from "./ChatSuggestions";
 export { default as ChatToolCall } from "./ChatToolCall";
 export { default as ChatWelcome } from "./ChatWelcome";
 export { default as useChatState } from "./useChatState";
+export type { ChatPanelProps } from "./ChatPanel";
+export type { ChatBarProps } from "./ChatBar";
+export type { ChatMessageListProps } from "./ChatMessageList";
+export type { ChatMessageProps, ChatMessageData } from "./ChatMessage";
+export type { ChatInputProps } from "./ChatInput";
+export type { ChatTypingIndicatorProps } from "./ChatTypingIndicator";
+export type { ChatSuggestionsProps } from "./ChatSuggestions";
+export type { ChatToolCallProps, ToolCall } from "./ChatToolCall";
+export type { ChatWelcomeProps } from "./ChatWelcome";
+export type { UseChatStateOptions, UseChatStateReturn, ChatMessage as ChatMessageType, ChatStateHelpers, } from "./useChatState";

package/dist/components/library/chat/useChatState.d.ts

@@ -1,13 +1,41 @@
+import { ToolCall } from "./ChatToolCall";
+export interface ChatMessage {
+    id: string;
+    role: "user" | "assistant" | "system";
+    content?: string;
+    timestamp: string;
+    components?: unknown[];
+    toolCalls?: ToolCall[];
+    isError?: boolean;
+    isStreaming?: boolean;
+}
+export interface ChatStateHelpers {
+    addMessage: (msg: Partial<ChatMessage>) => string;
+    updateMessage: (id: string, updates: Partial<ChatMessage>) => void;
+    appendChunk: (id: string, chunk: string) => void;
+    setStreaming: (streaming: boolean) => void;
+}
+export interface UseChatStateOptions {
+    initialMessages?: Partial<ChatMessage>[];
+    onSend?: (userMessage: ChatMessage, allMessages: ChatMessage[], helpers: ChatStateHelpers) => Promise<Partial<ChatMessage> | void>;
+}
+export interface UseChatStateReturn {
+    messages: ChatMessage[];
+    isLoading: boolean;
+    isStreaming: boolean;
+    error: string | null;
+    sendMessage: (content: string, extra?: Partial<ChatMessage>) => Promise<void>;
+    addMessage: (msg: Partial<ChatMessage>) => string;
+    updateMessage: (id: string, updates: Partial<ChatMessage>) => void;
+    appendChunk: (id: string, chunk: string) => void;
+    removeMessage: (id: string) => void;
+    clearMessages: () => void;
+    retryLast: () => void;
+    setError: (error: string | null) => void;
+}
 /**
  * Core state management hook for AI chat.
  *
- * @param {Object} options
- * @param {Array}  options.initialMessages — seed the conversation
- * @param {Function} options.onSend — async (userMessage, allMessages) => assistantMessage | void
- *   Return a message object to add it, or use appendChunk / addMessage for streaming.
- *
- * @returns {Object}
- *
  * @example
  * const chat = useChatState({
  *   onSend: async (msg, history) => {
@@ -17,7 +45,4 @@
  *   },
  * });
  */
-export default function useChatState({ initialMessages, onSend }?: {
-    initialMessages: any[];
-    onSend: Function;
-}): Object;
+export default function useChatState({ initialMessages, onSend }?: UseChatStateOptions): UseChatStateReturn;

package/dist/components/library/chat/useChatState.js

@@ -1,77 +1,94 @@
-import { useState as g, useRef as k, useCallback as o } from "react";
-let v = 1;
-function S() {
-  return `msg-${Date.now()}-${v++}`;
+import { useState as u, useRef as C, useCallback as o } from "react";
+let L = 1;
+function m() {
+  return `msg-${Date.now()}-${L++}`;
 }
-function R({ initialMessages: h = [], onSend: I } = {}) {
-  const [r, a] = g(
-    () => h.map((e) => ({ id: S(), timestamp: (/* @__PURE__ */ new Date()).toISOString(), ...e }))
-  ), [x, M] = g(!1), [D, w] = g(!1), [O, l] = g(null), y = k(I);
-  y.current = I;
+function k({ initialMessages: y = [], onSend: p } = {}) {
+  const [r, a] = u(
+    () => y.map((e) => ({
+      id: m(),
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      role: e.role || "user",
+      ...e
+    }))
+  ), [I, S] = u(!1), [h, M] = u(!1), [x, l] = u(null), w = C(p);
+  w.current = p;
   const c = o((e) => {
-    const t = { id: S(), timestamp: (/* @__PURE__ */ new Date()).toISOString(), ...e };
-    return a((s) => [...s, t]), t.id;
-  }, []), d = o((e, t) => {
+    const n = {
+      id: m(),
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      role: e.role || "assistant",
+      ...e
+    };
+    return a((s) => [...s, n]), n.id;
+  }, []), g = o((e, n) => {
     a(
-      (s) => s.map((n) => n.id === e ? { ...n, ...t } : n)
+      (s) => s.map((t) => t.id === e ? { ...t, ...n } : t)
     );
-  }, []), f = o((e, t) => {
+  }, []), d = o((e, n) => {
     a(
       (s) => s.map(
-        (n) => n.id === e ? { ...n, content: (n.content ?? "") + t } : n
+        (t) => t.id === e ? { ...t, content: (t.content ?? "") + n } : t
       )
     );
-  }, []), C = o((e) => {
-    a((t) => t.filter((s) => s.id !== e));
-  }, []), L = o(() => {
+  }, []), D = o((e) => {
+    a((n) => n.filter((s) => s.id !== e));
+  }, []), E = o(() => {
     a([]), l(null);
-  }, []), m = o(
-    async (e, t = {}) => {
+  }, []), f = o(
+    async (e, n = {}) => {
       if (!e?.trim()) return;
       l(null);
-      const s = { role: "user", content: e.trim(), ...t }, n = S(), p = { ...s, id: n, timestamp: (/* @__PURE__ */ new Date()).toISOString() };
-      a((i) => [...i, p]), M(!0);
+      const s = {
+        role: "user",
+        content: e.trim(),
+        ...n,
+        id: m(),
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      a((t) => [...t, s]), S(!0);
       try {
-        const i = [...r, p], u = await y.current?.(p, i, {
+        const t = [...r, s], i = await w.current?.(s, t, {
           addMessage: c,
-          updateMessage: d,
-          appendChunk: f,
-          setStreaming: w
+          updateMessage: g,
+          appendChunk: d,
+          setStreaming: M
         });
-        u && typeof u == "object" && u.role && c(u);
-      } catch (i) {
-        l(i?.message ?? "Failed to send message"), c({
+        i && typeof i == "object" && i.role && c(i);
+      } catch (t) {
+        const i = t instanceof Error ? t.message : "Failed to send message";
+        l(i), c({
           role: "system",
-          content: i?.message ?? "Something went wrong. Please try again.",
+          content: t instanceof Error ? t.message : "Something went wrong. Please try again.",
           isError: !0
         });
       } finally {
-        M(!1), w(!1);
+        S(!1), M(!1);
       }
     },
-    [r, c, d, f]
-  ), b = o(() => {
+    [r, c, g, d]
+  ), O = o(() => {
     const e = [...r].reverse().find((s) => s.role === "user");
     if (!e) return;
-    const t = r.lastIndexOf(e);
-    a(r.slice(0, t)), l(null), m(e.content);
-  }, [r, m]);
+    const n = r.lastIndexOf(e);
+    a(r.slice(0, n)), l(null), f(e.content || "");
+  }, [r, f]);
   return {
     messages: r,
-    isLoading: x,
-    isStreaming: D,
-    error: O,
-    sendMessage: m,
+    isLoading: I,
+    isStreaming: h,
+    error: x,
+    sendMessage: f,
     addMessage: c,
-    updateMessage: d,
-    appendChunk: f,
-    removeMessage: C,
-    clearMessages: L,
-    retryLast: b,
+    updateMessage: g,
+    appendChunk: d,
+    removeMessage: D,
+    clearMessages: E,
+    retryLast: O,
     setError: l
   };
 }
 export {
-  R as default
+  k as default
 };
 //# sourceMappingURL=useChatState.js.map

package/dist/components/library/chat/useChatState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChatState.js","sources":["../../../../src/components/library/chat/useChatState.jsx"],"sourcesContent":["import { useState, useCallback, useRef } from \"react\";\n\nlet _nextId = 1;\nfunction uid() {\n  return `msg-${Date.now()}-${_nextId++}`;\n}\n\n/**\n * Core state management hook for AI chat.\n *\n * @param {Object} options\n * @param {Array}  options.initialMessages — seed the conversation\n * @param {Function} options.onSend — async (userMessage, allMessages) => assistantMessage | void\n *   Return a message object to add it, or use appendChunk / addMessage for streaming.\n *\n * @returns {Object}\n *\n * @example\n * const chat = useChatState({\n *   onSend: async (msg, history) => {\n *     const res = await fetch(\"/api/chat\", { method: \"POST\", body: JSON.stringify({ messages: history }) });\n *     const data = await res.json();\n *     return { role: \"assistant\", content: data.reply, components: data.components };\n *   },\n * });\n */\nexport default function useChatState({ initialMessages = [], onSend } = {}) {\n  const [messages, setMessages] = useState(() =>\n    initialMessages.map((m) => ({ id: uid(), timestamp: new Date().toISOString(), ...m }))\n  );\n  const [isLoading, setIsLoading] = useState(false);\n  const [isStreaming, setIsStreaming] = useState(false);\n  const [error, setError] = useState(null);\n  const onSendRef = useRef(onSend);\n  onSendRef.current = onSend;\n\n  const addMessage = useCallback((msg) => {\n    const full = { id: uid(), timestamp: new Date().toISOString(), ...msg };\n    setMessages((prev) => [...prev, full]);\n    return full.id;\n  }, []);\n\n  const updateMessage = useCallback((id, updates) => {\n    setMessages((prev) =>\n      prev.map((m) => (m.id === id ? { ...m, ...updates } : m))\n    );\n  }, []);\n\n  const appendChunk = useCallback((id, chunk) => {\n    setMessages((prev) =>\n      prev.map((m) =>\n        m.id === id ? { ...m, content: (m.content ?? \"\") + chunk } : m\n      )\n    );\n  }, []);\n\n  const removeMessage = useCallback((id) => {\n    setMessages((prev) => prev.filter((m) => m.id !== id));\n  }, []);\n\n  const clearMessages = useCallback(() => {\n    setMessages([]);\n    setError(null);\n  }, []);\n\n  const sendMessage = useCallback(\n    async (content, extra = {}) => {\n      if (!content?.trim()) return;\n      setError(null);\n\n      const userMsg = { role: \"user\", content: content.trim(), ...extra };\n      const userId = uid();\n      const fullUser = { ...userMsg, id: userId, timestamp: new Date().toISOString() };\n\n      setMessages((prev) => [...prev, fullUser]);\n      setIsLoading(true);\n\n      try {\n        const allMsgs = [...messages, fullUser];\n        const result = await onSendRef.current?.(fullUser, allMsgs, {\n          addMessage,\n          updateMessage,\n          appendChunk,\n          setStreaming: setIsStreaming,\n        });\n\n        if (result && typeof result === \"object\" && result.role) {\n          addMessage(result);\n        }\n      } catch (err) {\n        setError(err?.message ?? \"Failed to send message\");\n        addMessage({\n          role: \"system\",\n          content: err?.message ?? \"Something went wrong. Please try again.\",\n          isError: true,\n        });\n      } finally {\n        setIsLoading(false);\n        setIsStreaming(false);\n      }\n    },\n    [messages, addMessage, updateMessage, appendChunk]\n  );\n\n  const retryLast = useCallback(() => {\n    const lastUser = [...messages].reverse().find((m) => m.role === \"user\");\n    if (!lastUser) return;\n\n    const idx = messages.lastIndexOf(lastUser);\n    setMessages(messages.slice(0, idx));\n    setError(null);\n\n    sendMessage(lastUser.content);\n  }, [messages, sendMessage]);\n\n  return {\n    messages,\n    isLoading,\n    isStreaming,\n    error,\n    sendMessage,\n    addMessage,\n    updateMessage,\n    appendChunk,\n    removeMessage,\n    clearMessages,\n    retryLast,\n    setError,\n  };\n}\n"],"names":["_nextId","uid","useChatState","initialMessages","onSend","messages","setMessages","useState","m","isLoading","setIsLoading","isStreaming","setIsStreaming","error","setError","onSendRef","useRef","addMessage","useCallback","msg","full","prev","updateMessage","id","updates","appendChunk","chunk","removeMessage","clearMessages","sendMessage","content","extra","userMsg","userId","fullUser","allMsgs","result","err","retryLast","lastUser","idx"],"mappings":"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"}
+{"version":3,"file":"useChatState.js","sources":["../../../../src/components/library/chat/useChatState.tsx"],"sourcesContent":["import { useState, useCallback, useRef } from \"react\";\nimport { ToolCall } from \"./ChatToolCall\";\n\nlet _nextId = 1;\nfunction uid(): string {\n  return `msg-${Date.now()}-${_nextId++}`;\n}\n\nexport interface ChatMessage {\n  id: string;\n  role: \"user\" | \"assistant\" | \"system\";\n  content?: string;\n  timestamp: string;\n  components?: unknown[];\n  toolCalls?: ToolCall[];\n  isError?: boolean;\n  isStreaming?: boolean;\n}\n\nexport interface ChatStateHelpers {\n  addMessage: (msg: Partial<ChatMessage>) => string;\n  updateMessage: (id: string, updates: Partial<ChatMessage>) => void;\n  appendChunk: (id: string, chunk: string) => void;\n  setStreaming: (streaming: boolean) => void;\n}\n\nexport interface UseChatStateOptions {\n  initialMessages?: Partial<ChatMessage>[];\n  onSend?: (\n    userMessage: ChatMessage,\n    allMessages: ChatMessage[],\n    helpers: ChatStateHelpers\n  ) => Promise<Partial<ChatMessage> | void>;\n}\n\nexport interface UseChatStateReturn {\n  messages: ChatMessage[];\n  isLoading: boolean;\n  isStreaming: boolean;\n  error: string | null;\n  sendMessage: (content: string, extra?: Partial<ChatMessage>) => Promise<void>;\n  addMessage: (msg: Partial<ChatMessage>) => string;\n  updateMessage: (id: string, updates: Partial<ChatMessage>) => void;\n  appendChunk: (id: string, chunk: string) => void;\n  removeMessage: (id: string) => void;\n  clearMessages: () => void;\n  retryLast: () => void;\n  setError: (error: string | null) => void;\n}\n\n/**\n * Core state management hook for AI chat.\n *\n * @example\n * const chat = useChatState({\n *   onSend: async (msg, history) => {\n *     const res = await fetch(\"/api/chat\", { method: \"POST\", body: JSON.stringify({ messages: history }) });\n *     const data = await res.json();\n *     return { role: \"assistant\", content: data.reply, components: data.components };\n *   },\n * });\n */\nexport default function useChatState({ initialMessages = [], onSend }: UseChatStateOptions = {}): UseChatStateReturn {\n  const [messages, setMessages] = useState<ChatMessage[]>(() =>\n    initialMessages.map((m) => ({\n      id: uid(),\n      timestamp: new Date().toISOString(),\n      role: m.role || \"user\",\n      ...m\n    } as ChatMessage))\n  );\n  const [isLoading, setIsLoading] = useState(false);\n  const [isStreaming, setIsStreaming] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const onSendRef = useRef(onSend);\n  onSendRef.current = onSend;\n\n  const addMessage = useCallback((msg: Partial<ChatMessage>): string => {\n    const full: ChatMessage = {\n      id: uid(),\n      timestamp: new Date().toISOString(),\n      role: msg.role || \"assistant\",\n      ...msg\n    } as ChatMessage;\n    setMessages((prev) => [...prev, full]);\n    return full.id;\n  }, []);\n\n  const updateMessage = useCallback((id: string, updates: Partial<ChatMessage>) => {\n    setMessages((prev) =>\n      prev.map((m) => (m.id === id ? { ...m, ...updates } : m))\n    );\n  }, []);\n\n  const appendChunk = useCallback((id: string, chunk: string) => {\n    setMessages((prev) =>\n      prev.map((m) =>\n        m.id === id ? { ...m, content: (m.content ?? \"\") + chunk } : m\n      )\n    );\n  }, []);\n\n  const removeMessage = useCallback((id: string) => {\n    setMessages((prev) => prev.filter((m) => m.id !== id));\n  }, []);\n\n  const clearMessages = useCallback(() => {\n    setMessages([]);\n    setError(null);\n  }, []);\n\n  const sendMessage = useCallback(\n    async (content: string, extra: Partial<ChatMessage> = {}) => {\n      if (!content?.trim()) return;\n      setError(null);\n\n      const userMsg: ChatMessage = {\n        role: \"user\",\n        content: content.trim(),\n        ...extra,\n        id: uid(),\n        timestamp: new Date().toISOString()\n      } as ChatMessage;\n\n      setMessages((prev) => [...prev, userMsg]);\n      setIsLoading(true);\n\n      try {\n        const allMsgs = [...messages, userMsg];\n        const result = await onSendRef.current?.(userMsg, allMsgs, {\n          addMessage,\n          updateMessage,\n          appendChunk,\n          setStreaming: setIsStreaming,\n        });\n\n        if (result && typeof result === \"object\" && result.role) {\n          addMessage(result);\n        }\n      } catch (err) {\n        const errorMessage = err instanceof Error ? err.message : \"Failed to send message\";\n        setError(errorMessage);\n        addMessage({\n          role: \"system\",\n          content: err instanceof Error ? err.message : \"Something went wrong. Please try again.\",\n          isError: true,\n        });\n      } finally {\n        setIsLoading(false);\n        setIsStreaming(false);\n      }\n    },\n    [messages, addMessage, updateMessage, appendChunk]\n  );\n\n  const retryLast = useCallback(() => {\n    const lastUser = [...messages].reverse().find((m) => m.role === \"user\");\n    if (!lastUser) return;\n\n    const idx = messages.lastIndexOf(lastUser);\n    setMessages(messages.slice(0, idx));\n    setError(null);\n\n    sendMessage(lastUser.content || \"\");\n  }, [messages, sendMessage]);\n\n  return {\n    messages,\n    isLoading,\n    isStreaming,\n    error,\n    sendMessage,\n    addMessage,\n    updateMessage,\n    appendChunk,\n    removeMessage,\n    clearMessages,\n    retryLast,\n    setError,\n  };\n}\n"],"names":["_nextId","uid","useChatState","initialMessages","onSend","messages","setMessages","useState","m","isLoading","setIsLoading","isStreaming","setIsStreaming","error","setError","onSendRef","useRef","addMessage","useCallback","msg","full","prev","updateMessage","id","updates","appendChunk","chunk","removeMessage","clearMessages","sendMessage","content","extra","userMsg","allMsgs","result","err","errorMessage","retryLast","lastUser","idx"],"mappings":"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"}

package/dist/components/library/data/DataModeProvider.d.ts

@@ -1,22 +1,26 @@
+import React from "react";
+export type DataMode = "sample" | "live";
+export interface DataModeContextValue {
+    mode: DataMode;
+    isSample: boolean;
+    isLive: boolean;
+    toggle: () => void;
+    setMode: (mode: DataMode) => void;
+}
 /**
  * Read the current data mode from any component.
  *
  * @returns {{ mode: "sample"|"live", isSample: boolean, isLive: boolean, toggle: () => void, setMode: (mode) => void }}
  */
-export function useDataMode(): {
-    mode: "sample" | "live";
-    isSample: boolean;
-    isLive: boolean;
-    toggle: () => void;
-    setMode: (mode: any) => void;
-};
+export declare function useDataMode(): DataModeContextValue;
+export interface DataModeProviderProps {
+    initialMode?: DataMode;
+    children: React.ReactNode;
+}
 /**
  * Provides global data-mode state (sample vs live) to the component tree.
  * Persists to localStorage so the choice survives page reloads.
  *
  * Wrap once in _app.js alongside AppThemeProvider.
  */
-export default function DataModeProvider({ initialMode, children }: {
-    initialMode?: string | undefined;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
+export default function DataModeProvider({ initialMode, children }: DataModeProviderProps): import("react/jsx-runtime").JSX.Element;