@aigentyc/chat-sdk 0.1.0

package/dist/chunk-FQN6OBGN.cjs

@@ -0,0 +1,171 @@
+"use client";
+'use strict';
+
+var chunkWZLWAVSS_cjs = require('./chunk-WZLWAVSS.cjs');
+var chunk525KS5HM_cjs = require('./chunk-525KS5HM.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var useStickToBottom = require('use-stick-to-bottom');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Conversation = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  useStickToBottom.StickToBottom,
+  {
+    className: chunk525KS5HM_cjs.cn("relative flex-1 overflow-y-hidden", className),
+    initial: "smooth",
+    resize: "smooth",
+    role: "log",
+    ...props
+  }
+);
+var ConversationContent = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  useStickToBottom.StickToBottom.Content,
+  {
+    className: chunk525KS5HM_cjs.cn("flex flex-col gap-8", className),
+    ...props
+  }
+);
+var ConversationEmptyState = ({
+  className,
+  title = "No messages yet",
+  description = "Start a conversation to see messages here",
+  icon,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: chunk525KS5HM_cjs.cn(
+      "flex size-full flex-col items-center justify-center gap-3 p-8 text-center",
+      className
+    ),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: icon }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium text-sm", children: title }),
+        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: description })
+      ] })
+    ] })
+  }
+);
+var ConversationScrollButton = ({
+  className,
+  ...props
+}) => {
+  const { isAtBottom, scrollToBottom } = useStickToBottom.useStickToBottomContext();
+  const handleScrollToBottom = react.useCallback(() => {
+    scrollToBottom();
+  }, [scrollToBottom]);
+  return !isAtBottom && /* @__PURE__ */ jsxRuntime.jsx(
+    chunkWZLWAVSS_cjs.Button,
+    {
+      className: chunk525KS5HM_cjs.cn(
+        "absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full",
+        className
+      ),
+      onClick: handleScrollToBottom,
+      size: "icon",
+      type: "button",
+      variant: "outline",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownIcon, { className: "size-4" })
+    }
+  );
+};
+var Loader = ({ className, text = "Thinking...", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
+  {
+    className: chunk525KS5HM_cjs.cn(
+      "flex items-center gap-2 w-full py-3",
+      className
+    ),
+    style: { color: "var(--ac-loader-color, var(--ac-primary, #2f80ed))" },
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          className: "animate-spin",
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "circle",
+              {
+                cx: "10",
+                cy: "10",
+                r: "8",
+                stroke: "#E5E5E5",
+                strokeWidth: "2",
+                fill: "none"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                d: "M10 2C14.4183 2 18 5.58172 18 10",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                fill: "none"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground", children: text })
+    ]
+  }
+);
+var SpinnerLoader = ({ className, size = 16, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: chunk525KS5HM_cjs.cn(
+      "inline-flex animate-spin items-center justify-center",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        height: size,
+        strokeLinejoin: "round",
+        style: { color: "currentcolor" },
+        viewBox: "0 0 16 16",
+        width: size,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Loader" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_2393_1490)", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 0V4", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 16V12", opacity: "0.5", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.29773 1.52783L5.64887 4.7639", opacity: "0.9", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.7023 1.52783L10.3511 4.7639", opacity: "0.1", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.7023 14.472L10.3511 11.236", opacity: "0.4", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.29773 14.472L5.64887 11.236", opacity: "0.6", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.6085 5.52783L11.8043 6.7639", opacity: "0.2", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.391602 10.472L4.19583 9.23598", opacity: "0.7", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.6085 10.4722L11.8043 9.2361", opacity: "0.3", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.391602 5.52783L4.19583 6.7639", opacity: "0.8", stroke: "currentColor", strokeWidth: "1.5" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_2393_1490", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "16", width: "16" }) }) })
+        ]
+      }
+    )
+  }
+);
+
+exports.Conversation = Conversation;
+exports.ConversationContent = ConversationContent;
+exports.ConversationEmptyState = ConversationEmptyState;
+exports.ConversationScrollButton = ConversationScrollButton;
+exports.Loader = Loader;
+exports.SpinnerLoader = SpinnerLoader;
+//# sourceMappingURL=chunk-FQN6OBGN.cjs.map
+//# sourceMappingURL=chunk-FQN6OBGN.cjs.map

package/dist/chunk-FQN6OBGN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ai-elements/conversation.tsx","../src/ai-elements/loader.tsx"],"names":["jsx","StickToBottom","cn","jsxs","Fragment","useStickToBottomContext","useCallback","Button","ArrowDownIcon"],"mappings":"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","file":"chunk-FQN6OBGN.cjs","sourcesContent":["\"use client\";\n\nimport { Button } from \"../ui/button\";\nimport { cn } from \"../core/utils\";\nimport { ArrowDownIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { useCallback } from \"react\";\nimport { StickToBottom, useStickToBottomContext } from \"use-stick-to-bottom\";\n\nexport type ConversationProps = ComponentProps<typeof StickToBottom>;\n\nexport const Conversation = ({ className, ...props }: ConversationProps) => (\n  <StickToBottom\n    className={cn(\"relative flex-1 overflow-y-hidden\", className)}\n    initial=\"smooth\"\n    resize=\"smooth\"\n    role=\"log\"\n    {...props}\n  />\n);\n\nexport type ConversationContentProps = ComponentProps<\n  typeof StickToBottom.Content\n>;\n\nexport const ConversationContent = ({\n  className,\n  ...props\n}: ConversationContentProps) => (\n  <StickToBottom.Content\n    className={cn(\"flex flex-col gap-8\", className)}\n    {...props}\n  />\n);\n\nexport type ConversationEmptyStateProps = ComponentProps<\"div\"> & {\n  title?: string;\n  description?: string;\n  icon?: React.ReactNode;\n};\n\nexport const ConversationEmptyState = ({\n  className,\n  title = \"No messages yet\",\n  description = \"Start a conversation to see messages here\",\n  icon,\n  children,\n  ...props\n}: ConversationEmptyStateProps) => (\n  <div\n    className={cn(\n      \"flex size-full flex-col items-center justify-center gap-3 p-8 text-center\",\n      className\n    )}\n    {...props}\n  >\n    {children ?? (\n      <>\n        {icon && <div className=\"text-muted-foreground\">{icon}</div>}\n        <div className=\"space-y-1\">\n          <h3 className=\"font-medium text-sm\">{title}</h3>\n          {description && (\n            <p className=\"text-muted-foreground text-sm\">{description}</p>\n          )}\n        </div>\n      </>\n    )}\n  </div>\n);\n\nexport type ConversationScrollButtonProps = ComponentProps<typeof Button>;\n\nexport const ConversationScrollButton = ({\n  className,\n  ...props\n}: ConversationScrollButtonProps) => {\n  const { isAtBottom, scrollToBottom } = useStickToBottomContext();\n\n  const handleScrollToBottom = useCallback(() => {\n    scrollToBottom();\n  }, [scrollToBottom]);\n\n  return (\n    !isAtBottom && (\n      <Button\n        className={cn(\n          \"absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full\",\n          className\n        )}\n        onClick={handleScrollToBottom}\n        size=\"icon\"\n        type=\"button\"\n        variant=\"outline\"\n        {...props}\n      >\n        <ArrowDownIcon className=\"size-4\" />\n      </Button>\n    )\n  );\n};\n","\"use client\";\n\nimport { cn } from \"../core/utils\";\nimport type { HTMLAttributes } from \"react\";\n\nexport type LoaderProps = HTMLAttributes<HTMLDivElement> & {\n  text?: string;\n};\n\nexport const Loader = ({ className, text = \"Thinking...\", ...props }: LoaderProps) => (\n  <div\n    className={cn(\n      \"flex items-center gap-2 w-full py-3\",\n      className\n    )}\n    style={{ color: \"var(--ac-loader-color, var(--ac-primary, #2f80ed))\" }}\n    {...props}\n  >\n    {/* Circular spinner */}\n    <svg\n      className=\"animate-spin\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        cx=\"10\"\n        cy=\"10\"\n        r=\"8\"\n        stroke=\"#E5E5E5\"\n        strokeWidth=\"2\"\n        fill=\"none\"\n      />\n      <path\n        d=\"M10 2C14.4183 2 18 5.58172 18 10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        fill=\"none\"\n      />\n    </svg>\n    <span className=\"text-sm text-foreground\">{text}</span>\n  </div>\n);\n\n// Spinner loader for other use cases\nexport type SpinnerLoaderProps = HTMLAttributes<HTMLDivElement> & {\n  size?: number;\n};\n\nexport const SpinnerLoader = ({ className, size = 16, ...props }: SpinnerLoaderProps) => (\n  <div\n    className={cn(\n      \"inline-flex animate-spin items-center justify-center\",\n      className\n    )}\n    {...props}\n  >\n    <svg\n      height={size}\n      strokeLinejoin=\"round\"\n      style={{ color: \"currentcolor\" }}\n      viewBox=\"0 0 16 16\"\n      width={size}\n    >\n      <title>Loader</title>\n      <g clipPath=\"url(#clip0_2393_1490)\">\n        <path d=\"M8 0V4\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M8 16V12\" opacity=\"0.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M3.29773 1.52783L5.64887 4.7639\" opacity=\"0.9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M12.7023 1.52783L10.3511 4.7639\" opacity=\"0.1\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M12.7023 14.472L10.3511 11.236\" opacity=\"0.4\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M3.29773 14.472L5.64887 11.236\" opacity=\"0.6\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M15.6085 5.52783L11.8043 6.7639\" opacity=\"0.2\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M0.391602 10.472L4.19583 9.23598\" opacity=\"0.7\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M15.6085 10.4722L11.8043 9.2361\" opacity=\"0.3\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        <path d=\"M0.391602 5.52783L4.19583 6.7639\" opacity=\"0.8\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_2393_1490\">\n          <rect fill=\"white\" height=\"16\" width=\"16\" />\n        </clipPath>\n      </defs>\n    </svg>\n  </div>\n);\n"]}

package/dist/chunk-FYPJSHCL.js

@@ -0,0 +1,190 @@
+"use client";
+import { createContext, useContext, useState, useRef, useMemo, useEffect, useCallback } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useChat } from '@ai-sdk/react';
+import { DefaultChatTransport } from 'ai';
+
+// src/providers/SlotsContext.tsx
+var SlotsContext = createContext({});
+function SlotsProvider({ slots = {}, children }) {
+  return /* @__PURE__ */ jsx(SlotsContext.Provider, { value: slots, children });
+}
+function useSlots() {
+  return useContext(SlotsContext);
+}
+function useSlot(name) {
+  const slots = useContext(SlotsContext);
+  return slots[name];
+}
+function renderSlot(name, props, DefaultComponent, slots) {
+  const Override = slots[name];
+  if (Override) {
+    return /* @__PURE__ */ jsx(Override, { ...props, DefaultComponent });
+  }
+  return /* @__PURE__ */ jsx(DefaultComponent, { ...props });
+}
+var SESSION_KEY_PREFIX = "aigentyc-session-";
+var MESSAGE_KEY_PREFIX = "aigentyc-messages-";
+function getOrCreateSessionId(projectId) {
+  if (typeof window === "undefined") return crypto.randomUUID();
+  const key = SESSION_KEY_PREFIX + projectId;
+  try {
+    const stored = sessionStorage.getItem(key);
+    if (stored) return stored;
+    const id = crypto.randomUUID();
+    sessionStorage.setItem(key, id);
+    return id;
+  } catch {
+    return crypto.randomUUID();
+  }
+}
+function persistMessages(projectId, messages) {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.setItem(MESSAGE_KEY_PREFIX + projectId, JSON.stringify(messages));
+  } catch {
+  }
+}
+function loadPersistedMessages(projectId) {
+  if (typeof window === "undefined") return [];
+  try {
+    const raw = localStorage.getItem(MESSAGE_KEY_PREFIX + projectId);
+    return raw ? JSON.parse(raw) : [];
+  } catch {
+    return [];
+  }
+}
+function clearPersistedMessages(projectId) {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.removeItem(MESSAGE_KEY_PREFIX + projectId);
+  } catch {
+  }
+}
+var ChatContext = createContext(null);
+function ChatContextProvider({
+  config,
+  callbacks,
+  children
+}) {
+  const projectId = config.projectId || "default";
+  const [sessionId, setSessionId] = useState(() => getOrCreateSessionId(projectId));
+  const callbacksRef = useRef(callbacks);
+  callbacksRef.current = callbacks;
+  const initialMessages = useMemo(
+    () => loadPersistedMessages(projectId),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  const transport = useMemo(
+    () => new DefaultChatTransport({
+      api: `${config.apiEndpoint || ""}/api/kb/chat`,
+      headers: config.apiKey ? { Authorization: `Bearer ${config.apiKey}` } : void 0,
+      body: { projectId: config.projectId, sessionId }
+    }),
+    [config.apiEndpoint, config.apiKey, config.projectId, sessionId]
+  );
+  const {
+    messages,
+    sendMessage: sdkSendMessage,
+    status: sdkStatus,
+    error,
+    stop,
+    setMessages
+  } = useChat({
+    id: sessionId,
+    messages: initialMessages,
+    transport,
+    onFinish: (message) => {
+      callbacksRef.current?.onMessageReceived?.(message);
+    },
+    onError: (err) => {
+      callbacksRef.current?.onError?.(err);
+    }
+  });
+  const status = error ? "error" : sdkStatus === "streaming" || sdkStatus === "submitted" ? "streaming" : "idle";
+  useEffect(() => {
+    persistMessages(projectId, messages);
+  }, [messages, projectId]);
+  const activeTools = useMemo(() => {
+    if (messages.length === 0) return [];
+    const last = messages[messages.length - 1];
+    if (last.role !== "assistant" || !Array.isArray(last.parts)) return [];
+    return last.parts.filter((p) => typeof p.type === "string" && p.type.startsWith("tool-")).map((p) => ({
+      toolName: p.toolName || p.type.replace("tool-", ""),
+      state: p.state || "output-available",
+      args: p.args || {},
+      result: p.result,
+      renderMode: p.renderMode || "inline"
+    }));
+  }, [messages]);
+  const sendMessage = useCallback(
+    (content) => {
+      if (!content.trim()) return;
+      callbacksRef.current?.onMessageSent?.({
+        id: crypto.randomUUID(),
+        role: "user",
+        content
+      });
+      sdkSendMessage({ text: content });
+    },
+    [sdkSendMessage]
+  );
+  const stopGeneration = useCallback(() => stop(), [stop]);
+  const newConversation = useCallback(() => {
+    setMessages([]);
+    clearPersistedMessages(projectId);
+    if (typeof window !== "undefined") {
+      try {
+        sessionStorage.removeItem(SESSION_KEY_PREFIX + projectId);
+      } catch {
+      }
+    }
+    setSessionId(getOrCreateSessionId(projectId));
+  }, [projectId, setMessages]);
+  const clearMessages = useCallback(() => {
+    setMessages([]);
+    clearPersistedMessages(projectId);
+  }, [projectId, setMessages]);
+  const value = useMemo(
+    () => ({
+      messages,
+      status,
+      error,
+      sessionId,
+      config,
+      activeTools,
+      sendMessage,
+      stopGeneration,
+      newConversation,
+      clearMessages,
+      callbacks: callbacksRef.current
+    }),
+    [
+      messages,
+      status,
+      error,
+      sessionId,
+      config,
+      activeTools,
+      sendMessage,
+      stopGeneration,
+      newConversation,
+      clearMessages
+    ]
+  );
+  return /* @__PURE__ */ jsx(ChatContext.Provider, { value, children });
+}
+function useChatContext() {
+  const ctx = useContext(ChatContext);
+  if (!ctx) {
+    throw new Error(
+      "useChatContext must be used within a ChatProvider or ChatContextProvider"
+    );
+  }
+  return ctx;
+}
+
+export { ChatContext, ChatContextProvider, SlotsProvider, renderSlot, useChatContext, useSlot, useSlots };
+//# sourceMappingURL=chunk-FYPJSHCL.js.map
+//# sourceMappingURL=chunk-FYPJSHCL.js.map

package/dist/chunk-FYPJSHCL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/SlotsContext.tsx","../src/providers/ChatContext.tsx"],"names":["createContext","jsx","useContext"],"mappings":";;;;;;AA2CA,IAAM,YAAA,GAAe,aAAA,CAAuB,EAAE,CAAA;AAcvC,SAAS,cAAc,EAAE,KAAA,GAAQ,EAAC,EAAG,UAAS,EAAuB;AAC1E,EAAA,2BACG,YAAA,CAAa,QAAA,EAAb,EAAsB,KAAA,EAAO,OAAQ,QAAA,EAAS,CAAA;AAEnD;AAKO,SAAS,QAAA,GAAoB;AAClC,EAAA,OAAO,WAAW,YAAY,CAAA;AAChC;AAKO,SAAS,QACd,IAAA,EAC8B;AAC9B,EAAA,MAAM,KAAA,GAAQ,WAAW,YAAY,CAAA;AACrC,EAAA,OAAO,MAAM,IAAI,CAAA;AACnB;AAUO,SAAS,UAAA,CACd,IAAA,EACA,KAAA,EACA,gBAAA,EACA,KAAA,EACoB;AACpB,EAAA,MAAM,QAAA,GAAW,MAAM,IAAI,CAAA;AAC3B,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO,gBAAA,EAAoC,CAAA;AAAA,EAClE;AACA,EAAA,uBAAO,GAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,KAAA,EAAO,CAAA;AACtC;ACrEA,IAAM,kBAAA,GAAqB,mBAAA;AAC3B,IAAM,kBAAA,GAAqB,oBAAA;AAE3B,SAAS,qBAAqB,SAAA,EAA2B;AACvD,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,OAAO,UAAA,EAAW;AAC5D,EAAA,MAAM,MAAM,kBAAA,GAAqB,SAAA;AACjC,EAAA,IAAI;AACF,IAAA,MAAM,MAAA,GAAS,cAAA,CAAe,OAAA,CAAQ,GAAG,CAAA;AACzC,IAAA,IAAI,QAAQ,OAAO,MAAA;AACnB,IAAA,MAAM,EAAA,GAAK,OAAO,UAAA,EAAW;AAC7B,IAAA,cAAA,CAAe,OAAA,CAAQ,KAAK,EAAE,CAAA;AAC9B,IAAA,OAAO,EAAA;AAAA,EACT,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,OAAO,UAAA,EAAW;AAAA,EAC3B;AACF;AAEA,SAAS,eAAA,CAAgB,WAAmB,QAAA,EAA2B;AACrE,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACnC,EAAA,IAAI;AACF,IAAA,YAAA,CAAa,QAAQ,kBAAA,GAAqB,SAAA,EAAW,IAAA,CAAK,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA,EAC/E,CAAA,CAAA,MAAQ;AAAA,EAER;AACF;AAEA,SAAS,sBAAsB,SAAA,EAAkC;AAC/D,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,EAAC;AAC3C,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,YAAA,CAAa,OAAA,CAAQ,kBAAA,GAAqB,SAAS,CAAA;AAC/D,IAAA,OAAO,GAAA,GAAM,IAAA,CAAK,KAAA,CAAM,GAAG,IAAI,EAAC;AAAA,EAClC,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,EAAC;AAAA,EACV;AACF;AAEA,SAAS,uBAAuB,SAAA,EAAyB;AACvD,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACnC,EAAA,IAAI;AACF,IAAA,YAAA,CAAa,UAAA,CAAW,qBAAqB,SAAS,CAAA;AAAA,EACxD,CAAA,CAAA,MAAQ;AAAA,EAER;AACF;AAgBO,IAAM,WAAA,GAAcA,cAAuC,IAAI;AAY/D,SAAS,mBAAA,CAAoB;AAAA,EAClC,MAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAA6B;AAC3B,EAAA,MAAM,SAAA,GAAY,OAAO,SAAA,IAAa,SAAA;AACtC,EAAA,MAAM,CAAC,WAAW,YAAY,CAAA,GAAI,SAAS,MAAM,oBAAA,CAAqB,SAAS,CAAC,CAAA;AAChF,EAAA,MAAM,YAAA,GAAe,OAAO,SAAS,CAAA;AACrC,EAAA,YAAA,CAAa,OAAA,GAAU,SAAA;AAEvB,EAAA,MAAM,eAAA,GAAkB,OAAA;AAAA,IACtB,MAAM,sBAAsB,SAAS,CAAA;AAAA;AAAA,IAErC;AAAC,GACH;AAEA,EAAA,MAAM,SAAA,GAAY,OAAA;AAAA,IAChB,MACE,IAAI,oBAAA,CAAqB;AAAA,MACvB,GAAA,EAAK,CAAA,EAAG,MAAA,CAAO,WAAA,IAAe,EAAE,CAAA,YAAA,CAAA;AAAA,MAChC,OAAA,EAAS,OAAO,MAAA,GAAS,EAAE,eAAe,CAAA,OAAA,EAAU,MAAA,CAAO,MAAM,CAAA,CAAA,EAAG,GAAI,MAAA;AAAA,MACxE,IAAA,EAAM,EAAE,SAAA,EAAW,MAAA,CAAO,WAAW,SAAA;AAAU,KAChD,CAAA;AAAA,IACH,CAAC,MAAA,CAAO,WAAA,EAAa,OAAO,MAAA,EAAQ,MAAA,CAAO,WAAW,SAAS;AAAA,GACjE;AAEA,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,WAAA,EAAa,cAAA;AAAA,IACb,MAAA,EAAQ,SAAA;AAAA,IACR,KAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,MACE,OAAA,CAAQ;AAAA,IACV,EAAA,EAAI,SAAA;AAAA,IACJ,QAAA,EAAU,eAAA;AAAA,IACV,SAAA;AAAA,IACA,QAAA,EAAU,CAAC,OAAA,KAAY;AACrB,MAAA,YAAA,CAAa,OAAA,EAAS,oBAAoB,OAAiC,CAAA;AAAA,IAC7E,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,GAAA,KAAQ;AAChB,MAAA,YAAA,CAAa,OAAA,EAAS,UAAU,GAAG,CAAA;AAAA,IACrC;AAAA,GACD,CAAA;AAED,EAAA,MAAM,SAAqB,KAAA,GACvB,OAAA,GACA,cAAc,WAAA,IAAe,SAAA,KAAc,cACzC,WAAA,GACA,MAAA;AAEN,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAA,CAAgB,WAAW,QAAQ,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,QAAA,EAAU,SAAS,CAAC,CAAA;AAExB,EAAA,MAAM,WAAA,GAAc,QAAsB,MAAM;AAC9C,IAAA,IAAI,QAAA,CAAS,MAAA,KAAW,CAAA,EAAG,OAAO,EAAC;AACnC,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,QAAA,CAAS,MAAA,GAAS,CAAC,CAAA;AACzC,IAAA,IAAI,IAAA,CAAK,IAAA,KAAS,WAAA,IAAe,CAAC,KAAA,CAAM,QAAQ,IAAA,CAAK,KAAK,CAAA,EAAG,OAAO,EAAC;AACrE,IAAA,OAAQ,KAAK,KAAA,CACV,MAAA,CAAO,CAAC,CAAA,KAAM,OAAO,CAAA,CAAE,IAAA,KAAS,QAAA,IAAa,CAAA,CAAE,KAAgB,UAAA,CAAW,OAAO,CAAC,CAAA,CAClF,GAAA,CAAI,CAAC,CAAA,MAAO;AAAA,MACX,UAAW,CAAA,CAAE,QAAA,IAAwB,EAAE,IAAA,CAAgB,OAAA,CAAQ,SAAS,EAAE,CAAA;AAAA,MAC1E,KAAA,EAAQ,EAAE,KAAA,IAAiC,kBAAA;AAAA,MAC3C,IAAA,EAAO,CAAA,CAAE,IAAA,IAAoC,EAAC;AAAA,MAC9C,QAAQ,CAAA,CAAE,MAAA;AAAA,MACV,UAAA,EAAa,EAAE,UAAA,IAAyB;AAAA,KAC1C,CAAE,CAAA;AAAA,EACN,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,WAAA,GAAc,WAAA;AAAA,IAClB,CAAC,OAAA,KAAoB;AACnB,MAAA,IAAI,CAAC,OAAA,CAAQ,IAAA,EAAK,EAAG;AACrB,MAAA,YAAA,CAAa,SAAS,aAAA,GAAgB;AAAA,QACpC,EAAA,EAAI,OAAO,UAAA,EAAW;AAAA,QACtB,IAAA,EAAM,MAAA;AAAA,QACN;AAAA,OACc,CAAA;AAChB,MAAA,cAAA,CAAe,EAAE,IAAA,EAAM,OAAA,EAAS,CAAA;AAAA,IAClC,CAAA;AAAA,IACA,CAAC,cAAc;AAAA,GACjB;AAEA,EAAA,MAAM,iBAAiB,WAAA,CAAY,MAAM,MAAK,EAAG,CAAC,IAAI,CAAC,CAAA;AAEvD,EAAA,MAAM,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAA,WAAA,CAAY,EAAE,CAAA;AACd,IAAA,sBAAA,CAAuB,SAAS,CAAA;AAChC,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,MAAA,IAAI;AACF,QAAA,cAAA,CAAe,UAAA,CAAW,qBAAqB,SAAS,CAAA;AAAA,MAC1D,CAAA,CAAA,MAAQ;AAAA,MAER;AAAA,IACF;AACA,IAAA,YAAA,CAAa,oBAAA,CAAqB,SAAS,CAAC,CAAA;AAAA,EAC9C,CAAA,EAAG,CAAC,SAAA,EAAW,WAAW,CAAC,CAAA;AAE3B,EAAA,MAAM,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,WAAA,CAAY,EAAE,CAAA;AACd,IAAA,sBAAA,CAAuB,SAAS,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,SAAA,EAAW,WAAW,CAAC,CAAA;AAE3B,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,QAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAW,YAAA,CAAa;AAAA,KAC1B,CAAA;AAAA,IACA;AAAA,MACE,QAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBAAOC,GAAAA,CAAC,WAAA,CAAY,QAAA,EAAZ,EAAqB,OAAe,QAAA,EAAS,CAAA;AACvD;AAKO,SAAS,cAAA,GAAmC;AACjD,EAAA,MAAM,GAAA,GAAMC,WAAW,WAAW,CAAA;AAClC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,GAAA;AACT","file":"chunk-FYPJSHCL.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  createContext,\n  useContext,\n  type ReactNode,\n  type ComponentType,\n} from \"react\";\n\n/**\n * All available slot names that can be overridden.\n */\nexport type SlotName =\n  | \"header\"\n  | \"footer\"\n  | \"input\"\n  | \"welcomePage\"\n  | \"userMessage\"\n  | \"assistantMessage\"\n  | \"systemMessage\"\n  | \"loader\"\n  | \"feedback\"\n  | \"tools\"\n  | \"toolRenderers\"\n  | \"liveChatPanel\"\n  | \"satisfactionRating\"\n  | \"visitorIdentityForm\"\n  | \"floatingButton\"\n  | \"emptyState\";\n\n/**\n * A slot component receives the default component as a prop alongside its own props.\n */\nexport type SlotComponent<P = Record<string, unknown>> = ComponentType<\n  P & { DefaultComponent: ComponentType<P> }\n>;\n\n/**\n * Map of slot name to override component.\n */\nexport type SlotMap = Partial<Record<SlotName, SlotComponent<any>>>;\n\nconst SlotsContext = createContext<SlotMap>({});\n\n/** Props for the SlotsProvider component. */\nexport interface SlotsProviderProps {\n  /** Slot overrides map */\n  slots?: SlotMap;\n  children: ReactNode;\n}\n\n/**\n * Provides slot overrides to descendant components.\n * Wrap your chat tree with this provider and pass a `slots` map\n * to replace built-in UI sections.\n */\nexport function SlotsProvider({ slots = {}, children }: SlotsProviderProps) {\n  return (\n    <SlotsContext.Provider value={slots}>{children}</SlotsContext.Provider>\n  );\n}\n\n/**\n * Returns the full SlotMap from context.\n */\nexport function useSlots(): SlotMap {\n  return useContext(SlotsContext);\n}\n\n/**\n * Returns the override component for the given slot name, or undefined if none is set.\n */\nexport function useSlot<P = Record<string, unknown>>(\n  name: SlotName\n): SlotComponent<P> | undefined {\n  const slots = useContext(SlotsContext);\n  return slots[name] as SlotComponent<P> | undefined;\n}\n\n/**\n * Renders a slot: if an override exists, renders it with `{...props, DefaultComponent}`.\n * Otherwise renders the DefaultComponent with the given props.\n *\n * @param name - The slot name\n * @param props - Props to pass to the component\n * @param DefaultComponent - The built-in fallback component\n */\nexport function renderSlot<P extends Record<string, unknown>>(\n  name: SlotName,\n  props: P,\n  DefaultComponent: ComponentType<P>,\n  slots: SlotMap\n): React.ReactElement {\n  const Override = slots[name] as SlotComponent<P> | undefined;\n  if (Override) {\n    return <Override {...props} DefaultComponent={DefaultComponent} />;\n  }\n  return <DefaultComponent {...props} />;\n}\n","\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  useMemo,\n  type ReactNode,\n} from \"react\";\nimport type {\n  ChatConfig,\n  ChatMessage,\n  ChatEventCallbacks,\n} from \"../core/types\";\nimport { useChat } from \"@ai-sdk/react\";\nimport { DefaultChatTransport } from \"ai\";\n\ntype ChatStatus = \"idle\" | \"streaming\" | \"error\";\n\ninterface ActiveTool {\n  toolName: string;\n  state: \"partial-call\" | \"call\" | \"output-available\";\n  args: Record<string, unknown>;\n  result?: unknown;\n  renderMode: string;\n}\n\nconst SESSION_KEY_PREFIX = \"aigentyc-session-\";\nconst MESSAGE_KEY_PREFIX = \"aigentyc-messages-\";\n\nfunction getOrCreateSessionId(projectId: string): string {\n  if (typeof window === \"undefined\") return crypto.randomUUID();\n  const key = SESSION_KEY_PREFIX + projectId;\n  try {\n    const stored = sessionStorage.getItem(key);\n    if (stored) return stored;\n    const id = crypto.randomUUID();\n    sessionStorage.setItem(key, id);\n    return id;\n  } catch {\n    return crypto.randomUUID();\n  }\n}\n\nfunction persistMessages(projectId: string, messages: unknown[]): void {\n  if (typeof window === \"undefined\") return;\n  try {\n    localStorage.setItem(MESSAGE_KEY_PREFIX + projectId, JSON.stringify(messages));\n  } catch {\n    // Quota or unavailable\n  }\n}\n\nfunction loadPersistedMessages(projectId: string): ChatMessage[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const raw = localStorage.getItem(MESSAGE_KEY_PREFIX + projectId);\n    return raw ? JSON.parse(raw) : [];\n  } catch {\n    return [];\n  }\n}\n\nfunction clearPersistedMessages(projectId: string): void {\n  if (typeof window === \"undefined\") return;\n  try {\n    localStorage.removeItem(MESSAGE_KEY_PREFIX + projectId);\n  } catch {\n    // ignore\n  }\n}\n\nexport interface ChatContextValue {\n  messages: ChatMessage[];\n  status: ChatStatus;\n  error: Error | undefined;\n  sessionId: string;\n  config: ChatConfig;\n  activeTools: ActiveTool[];\n  sendMessage: (content: string) => void;\n  stopGeneration: () => void;\n  newConversation: () => void;\n  clearMessages: () => void;\n  callbacks?: ChatEventCallbacks;\n}\n\nexport const ChatContext = createContext<ChatContextValue | null>(null);\n\nexport interface ChatContextProviderProps {\n  config: ChatConfig;\n  callbacks?: ChatEventCallbacks;\n  children: ReactNode;\n}\n\n/**\n * Internal provider that manages chat state via @ai-sdk/react `useChat`.\n * Handles message persistence and session management.\n */\nexport function ChatContextProvider({\n  config,\n  callbacks,\n  children,\n}: ChatContextProviderProps) {\n  const projectId = config.projectId || \"default\";\n  const [sessionId, setSessionId] = useState(() => getOrCreateSessionId(projectId));\n  const callbacksRef = useRef(callbacks);\n  callbacksRef.current = callbacks;\n\n  const initialMessages = useMemo(\n    () => loadPersistedMessages(projectId),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  );\n\n  const transport = useMemo(\n    () =>\n      new DefaultChatTransport({\n        api: `${config.apiEndpoint || \"\"}/api/kb/chat`,\n        headers: config.apiKey ? { Authorization: `Bearer ${config.apiKey}` } : undefined,\n        body: { projectId: config.projectId, sessionId },\n      }),\n    [config.apiEndpoint, config.apiKey, config.projectId, sessionId]\n  );\n\n  const {\n    messages,\n    sendMessage: sdkSendMessage,\n    status: sdkStatus,\n    error,\n    stop,\n    setMessages,\n  } = useChat({\n    id: sessionId,\n    messages: initialMessages as never,\n    transport,\n    onFinish: (message) => {\n      callbacksRef.current?.onMessageReceived?.(message as unknown as ChatMessage);\n    },\n    onError: (err) => {\n      callbacksRef.current?.onError?.(err);\n    },\n  });\n\n  const status: ChatStatus = error\n    ? \"error\"\n    : sdkStatus === \"streaming\" || sdkStatus === \"submitted\"\n      ? \"streaming\"\n      : \"idle\";\n\n  useEffect(() => {\n    persistMessages(projectId, messages);\n  }, [messages, projectId]);\n\n  const activeTools = useMemo<ActiveTool[]>(() => {\n    if (messages.length === 0) return [];\n    const last = messages[messages.length - 1] as { role: string; parts?: unknown[] };\n    if (last.role !== \"assistant\" || !Array.isArray(last.parts)) return [];\n    return (last.parts as Array<Record<string, unknown>>)\n      .filter((p) => typeof p.type === \"string\" && (p.type as string).startsWith(\"tool-\"))\n      .map((p) => ({\n        toolName: (p.toolName as string) || (p.type as string).replace(\"tool-\", \"\"),\n        state: (p.state as ActiveTool[\"state\"]) || \"output-available\",\n        args: (p.args as Record<string, unknown>) || {},\n        result: p.result,\n        renderMode: (p.renderMode as string) || \"inline\",\n      }));\n  }, [messages]);\n\n  const sendMessage = useCallback(\n    (content: string) => {\n      if (!content.trim()) return;\n      callbacksRef.current?.onMessageSent?.({\n        id: crypto.randomUUID(),\n        role: \"user\",\n        content,\n      } as ChatMessage);\n      sdkSendMessage({ text: content });\n    },\n    [sdkSendMessage]\n  );\n\n  const stopGeneration = useCallback(() => stop(), [stop]);\n\n  const newConversation = useCallback(() => {\n    setMessages([]);\n    clearPersistedMessages(projectId);\n    if (typeof window !== \"undefined\") {\n      try {\n        sessionStorage.removeItem(SESSION_KEY_PREFIX + projectId);\n      } catch {\n        // ignore\n      }\n    }\n    setSessionId(getOrCreateSessionId(projectId));\n  }, [projectId, setMessages]);\n\n  const clearMessages = useCallback(() => {\n    setMessages([]);\n    clearPersistedMessages(projectId);\n  }, [projectId, setMessages]);\n\n  const value = useMemo<ChatContextValue>(\n    () => ({\n      messages: messages as unknown as ChatMessage[],\n      status,\n      error: error as Error | undefined,\n      sessionId,\n      config,\n      activeTools,\n      sendMessage,\n      stopGeneration,\n      newConversation,\n      clearMessages,\n      callbacks: callbacksRef.current,\n    }),\n    [\n      messages,\n      status,\n      error,\n      sessionId,\n      config,\n      activeTools,\n      sendMessage,\n      stopGeneration,\n      newConversation,\n      clearMessages,\n    ]\n  );\n\n  return <ChatContext.Provider value={value}>{children}</ChatContext.Provider>;\n}\n\n/**\n * Returns the chat context. Must be used within a `ChatContextProvider`.\n */\nexport function useChatContext(): ChatContextValue {\n  const ctx = useContext(ChatContext);\n  if (!ctx) {\n    throw new Error(\n      \"useChatContext must be used within a ChatProvider or ChatContextProvider\"\n    );\n  }\n  return ctx;\n}\n"]}