@copilotkitnext/react 0.0.22-alpha.9 → 0.0.23

package/dist/index.js

@@ -1,47 +1,87 @@
-'use strict';
-
-var React2 = require('react');
-var tailwindMerge = require('tailwind-merge');
-var lucideReact = require('lucide-react');
-var shared = require('@copilotkitnext/shared');
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var clsx = require('clsx');
-var TooltipPrimitive = require('@radix-ui/react-tooltip');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
-require('katex/dist/katex.min.css');
-var streamdown = require('streamdown');
-var core = require('@copilotkitnext/core');
-var zod = require('zod');
-var react = require('@lit-labs/react');
-var webInspector = require('@copilotkitnext/web-inspector');
-var useStickToBottom = require('use-stick-to-bottom');
-var tsDeepmerge = require('ts-deepmerge');
-var client = require('@ag-ui/client');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  n.default = e;
-  return Object.freeze(n);
-}
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
-var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AudioRecorderError: () => AudioRecorderError,
+  CopilotChat: () => CopilotChat,
+  CopilotChatAssistantMessage: () => CopilotChatAssistantMessage_default,
+  CopilotChatAudioRecorder: () => CopilotChatAudioRecorder,
+  CopilotChatConfigurationProvider: () => CopilotChatConfigurationProvider,
+  CopilotChatInput: () => CopilotChatInput_default,
+  CopilotChatMessageView: () => CopilotChatMessageView_default,
+  CopilotChatSuggestionPill: () => CopilotChatSuggestionPill_default,
+  CopilotChatSuggestionView: () => CopilotChatSuggestionView_default,
+  CopilotChatToggleButton: () => CopilotChatToggleButton,
+  CopilotChatToggleButtonCloseIcon: () => DefaultCloseIcon,
+  CopilotChatToggleButtonOpenIcon: () => DefaultOpenIcon,
+  CopilotChatToolCallsView: () => CopilotChatToolCallsView_default,
+  CopilotChatUserMessage: () => CopilotChatUserMessage_default,
+  CopilotChatView: () => CopilotChatView_default,
+  CopilotKitCoreReact: () => CopilotKitCoreReact,
+  CopilotKitInspector: () => CopilotKitInspector,
+  CopilotKitProvider: () => CopilotKitProvider,
+  CopilotModalHeader: () => CopilotModalHeader,
+  CopilotPopup: () => CopilotPopup,
+  CopilotPopupView: () => CopilotPopupView,
+  CopilotSidebar: () => CopilotSidebar,
+  CopilotSidebarView: () => CopilotSidebarView,
+  WildcardToolCallRender: () => WildcardToolCallRender,
+  defineToolCallRenderer: () => defineToolCallRenderer,
+  useAgent: () => useAgent,
+  useAgentContext: () => useAgentContext,
+  useConfigureSuggestions: () => useConfigureSuggestions,
+  useCopilotChatConfiguration: () => useCopilotChatConfiguration,
+  useCopilotKit: () => useCopilotKit,
+  useFrontendTool: () => useFrontendTool,
+  useHumanInTheLoop: () => useHumanInTheLoop,
+  useRenderActivityMessage: () => useRenderActivityMessage,
+  useRenderCustomMessages: () => useRenderCustomMessages,
+  useRenderToolCall: () => useRenderToolCall,
+  useSuggestions: () => useSuggestions
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("@ag-ui/core"), module.exports);
+__reExport(index_exports, require("@ag-ui/client"), module.exports);
 
+// src/components/chat/CopilotChatInput.tsx
+var import_react4 = require("react");
+var import_tailwind_merge3 = require("tailwind-merge");
+var import_lucide_react2 = require("lucide-react");
+
+// src/providers/CopilotChatConfigurationProvider.tsx
+var import_react = require("react");
+var import_shared = require("@copilotkitnext/shared");
+var import_jsx_runtime = require("react/jsx-runtime");
 var CopilotChatDefaultLabels = {
   chatInputPlaceholder: "Type a message...",
   chatInputToolbarStartTranscribeButtonLabel: "Transcribe",
@@ -63,10 +103,10 @@ var CopilotChatDefaultLabels = {
   chatToggleCloseLabel: "Close chat",
   modalHeaderTitle: "CopilotKit Chat"
 };
-var CopilotChatConfiguration = React2.createContext(null);
+var CopilotChatConfiguration = (0, import_react.createContext)(null);
 var CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId, isModalDefaultOpen }) => {
-  const parentConfig = React2.useContext(CopilotChatConfiguration);
-  const mergedLabels = React2.useMemo(
+  const parentConfig = (0, import_react.useContext)(CopilotChatConfiguration);
+  const mergedLabels = (0, import_react.useMemo)(
     () => ({
       ...CopilotChatDefaultLabels,
       ...parentConfig?.labels ?? {},
@@ -74,23 +114,23 @@ var CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId, i
     }),
     [labels, parentConfig?.labels]
   );
-  const resolvedAgentId = agentId ?? parentConfig?.agentId ?? shared.DEFAULT_AGENT_ID;
-  const resolvedThreadId = React2.useMemo(() => {
+  const resolvedAgentId = agentId ?? parentConfig?.agentId ?? import_shared.DEFAULT_AGENT_ID;
+  const resolvedThreadId = (0, import_react.useMemo)(() => {
     if (threadId) {
       return threadId;
     }
     if (parentConfig?.threadId) {
       return parentConfig.threadId;
     }
-    return shared.randomUUID();
+    return (0, import_shared.randomUUID)();
   }, [threadId, parentConfig?.threadId]);
   const resolvedDefaultOpen = isModalDefaultOpen ?? parentConfig?.isModalDefaultOpen ?? true;
-  const [internalModalOpen, setInternalModalOpen] = React2.useState(
+  const [internalModalOpen, setInternalModalOpen] = (0, import_react.useState)(
     parentConfig?.isModalOpen ?? resolvedDefaultOpen
   );
   const resolvedIsModalOpen = parentConfig?.isModalOpen ?? internalModalOpen;
   const resolvedSetModalOpen = parentConfig?.setModalOpen ?? setInternalModalOpen;
-  const configurationValue = React2.useMemo(
+  const configurationValue = (0, import_react.useMemo)(
     () => ({
       labels: mergedLabels,
       agentId: resolvedAgentId,
@@ -108,16 +148,27 @@ var CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId, i
       resolvedDefaultOpen
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(CopilotChatConfiguration.Provider, { value: configurationValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopilotChatConfiguration.Provider, { value: configurationValue, children });
 };
 var useCopilotChatConfiguration = () => {
-  const configuration = React2.useContext(CopilotChatConfiguration);
+  const configuration = (0, import_react.useContext)(CopilotChatConfiguration);
   return configuration;
 };
+
+// src/components/ui/button.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
-var buttonVariants = classVarianceAuthority.cva(
+
+// src/components/ui/button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -213,8 +264,8 @@ function Button({
   asChild = false,
   ...props
 }) {
-  const Comp = asChild ? reactSlot.Slot : "button";
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     Comp,
     {
       "data-slot": "button",
@@ -223,12 +274,16 @@ function Button({
     }
   );
 }
+
+// src/components/ui/tooltip.tsx
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TooltipPrimitive__namespace.Provider,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration,
@@ -239,12 +294,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -252,8 +307,8 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    TooltipPrimitive__namespace.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset,
@@ -264,21 +319,26 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
 }
+
+// src/components/ui/dropdown-menu.tsx
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Trigger,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
       ...props
@@ -290,8 +350,8 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
       sideOffset,
@@ -309,8 +369,8 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
@@ -327,8 +387,8 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
       className: cn("bg-border -mx-1 my-1 h-px", className),
@@ -339,7 +399,7 @@ function DropdownMenuSeparator({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -347,8 +407,8 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive__namespace.SubTrigger,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    DropdownMenuPrimitive.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
@@ -359,7 +419,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "ml-auto size-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.ChevronRightIcon, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -368,8 +428,8 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.SubContent,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
       className: cn(
@@ -380,15 +440,20 @@ function DropdownMenuSubContent({
     }
   );
 }
+
+// src/components/chat/CopilotChatAudioRecorder.tsx
+var import_react2 = require("react");
+var import_tailwind_merge2 = require("tailwind-merge");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var AudioRecorderError = class extends Error {
   constructor(message) {
     super(message);
     this.name = "AudioRecorderError";
   }
 };
-var CopilotChatAudioRecorder = React2.forwardRef((props, ref) => {
+var CopilotChatAudioRecorder = (0, import_react2.forwardRef)((props, ref) => {
   const { className, ...divProps } = props;
-  const canvasRef = React2.useRef(null);
+  const canvasRef = (0, import_react2.useRef)(null);
   const getLoudness = (n) => {
     const elapsed = Date.now() / 1e3;
     const samples = [];
@@ -405,7 +470,7 @@ var CopilotChatAudioRecorder = React2.forwardRef((props, ref) => {
     }
     return samples;
   };
-  React2.useEffect(() => {
+  (0, import_react2.useEffect)(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -449,7 +514,7 @@ var CopilotChatAudioRecorder = React2.forwardRef((props, ref) => {
       }
     };
   }, []);
-  React2.useImperativeHandle(
+  (0, import_react2.useImperativeHandle)(
     ref,
     () => ({
       get state() {
@@ -466,7 +531,7 @@ var CopilotChatAudioRecorder = React2.forwardRef((props, ref) => {
     }),
     []
   );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("h-[44px] w-full px-5", className), ...divProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_tailwind_merge2.twMerge)("h-[44px] w-full px-5", className), ...divProps, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "canvas",
     {
       ref: canvasRef,
@@ -476,25 +541,63 @@ var CopilotChatAudioRecorder = React2.forwardRef((props, ref) => {
   ) });
 });
 CopilotChatAudioRecorder.displayName = "WebAudioRecorder";
-function renderSlot(slot, DefaultComponent, props) {
+
+// src/lib/slots.tsx
+var import_react3 = __toESM(require("react"));
+function shallowEqual(obj1, obj2) {
+  const keys1 = Object.keys(obj1);
+  const keys2 = Object.keys(obj2);
+  if (keys1.length !== keys2.length) return false;
+  for (const key of keys1) {
+    if (obj1[key] !== obj2[key]) return false;
+  }
+  return true;
+}
+function renderSlotElement(slot, DefaultComponent, props) {
   if (typeof slot === "string") {
-    return React2__namespace.default.createElement(DefaultComponent, {
+    return import_react3.default.createElement(DefaultComponent, {
       ...props,
       className: slot
     });
   }
   if (typeof slot === "function") {
-    const Comp = slot;
-    return React2__namespace.default.createElement(Comp, props);
+    return import_react3.default.createElement(slot, props);
   }
-  if (slot && typeof slot === "object" && !React2__namespace.default.isValidElement(slot)) {
-    return React2__namespace.default.createElement(DefaultComponent, {
+  if (slot && typeof slot === "object" && !import_react3.default.isValidElement(slot)) {
+    return import_react3.default.createElement(DefaultComponent, {
       ...props,
       ...slot
     });
   }
-  return React2__namespace.default.createElement(DefaultComponent, props);
+  return import_react3.default.createElement(DefaultComponent, props);
+}
+var MemoizedSlotWrapper = import_react3.default.memo(
+  import_react3.default.forwardRef(function MemoizedSlotWrapper2(props, ref) {
+    const { $slot, $component, ...rest } = props;
+    const propsWithRef = ref !== null ? { ...rest, ref } : rest;
+    return renderSlotElement($slot, $component, propsWithRef);
+  }),
+  (prev, next) => {
+    if (prev.$slot !== next.$slot) return false;
+    if (prev.$component !== next.$component) return false;
+    const { $slot: _ps, $component: _pc, ...prevRest } = prev;
+    const { $slot: _ns, $component: _nc, ...nextRest } = next;
+    return shallowEqual(
+      prevRest,
+      nextRest
+    );
+  }
+);
+function renderSlot(slot, DefaultComponent, props) {
+  return import_react3.default.createElement(MemoizedSlotWrapper, {
+    ...props,
+    $slot: slot,
+    $component: DefaultComponent
+  });
 }
+
+// src/components/chat/CopilotChatInput.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var SLASH_MENU_MAX_VISIBLE_ITEMS = 5;
 var SLASH_MENU_ITEM_HEIGHT_PX = 40;
 function CopilotChatInput({
@@ -522,36 +625,36 @@ function CopilotChatInput({
   ...props
 }) {
   const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = React2.useState(() => value ?? "");
-  React2.useEffect(() => {
+  const [internalValue, setInternalValue] = (0, import_react4.useState)(() => value ?? "");
+  (0, import_react4.useEffect)(() => {
     if (!isControlled && value !== void 0) {
       setInternalValue(value);
     }
   }, [isControlled, value]);
   const resolvedValue = isControlled ? value ?? "" : internalValue;
-  const [layout, setLayout] = React2.useState("compact");
-  const ignoreResizeRef = React2.useRef(false);
-  const resizeEvaluationRafRef = React2.useRef(null);
+  const [layout, setLayout] = (0, import_react4.useState)("compact");
+  const ignoreResizeRef = (0, import_react4.useRef)(false);
+  const resizeEvaluationRafRef = (0, import_react4.useRef)(null);
   const isExpanded = mode === "input" && layout === "expanded";
-  const [commandQuery, setCommandQuery] = React2.useState(null);
-  const [slashHighlightIndex, setSlashHighlightIndex] = React2.useState(0);
-  const inputRef = React2.useRef(null);
-  const gridRef = React2.useRef(null);
-  const addButtonContainerRef = React2.useRef(null);
-  const actionsContainerRef = React2.useRef(null);
-  const audioRecorderRef = React2.useRef(null);
-  const slashMenuRef = React2.useRef(null);
+  const [commandQuery, setCommandQuery] = (0, import_react4.useState)(null);
+  const [slashHighlightIndex, setSlashHighlightIndex] = (0, import_react4.useState)(0);
+  const inputRef = (0, import_react4.useRef)(null);
+  const gridRef = (0, import_react4.useRef)(null);
+  const addButtonContainerRef = (0, import_react4.useRef)(null);
+  const actionsContainerRef = (0, import_react4.useRef)(null);
+  const audioRecorderRef = (0, import_react4.useRef)(null);
+  const slashMenuRef = (0, import_react4.useRef)(null);
   const config = useCopilotChatConfiguration();
   const labels = config?.labels ?? CopilotChatDefaultLabels;
-  const previousModalStateRef = React2.useRef(void 0);
-  const measurementCanvasRef = React2.useRef(null);
-  const measurementsRef = React2.useRef({
+  const previousModalStateRef = (0, import_react4.useRef)(void 0);
+  const measurementCanvasRef = (0, import_react4.useRef)(null);
+  const measurementsRef = (0, import_react4.useRef)({
     singleLineHeight: 0,
     maxHeight: 0,
     paddingLeft: 0,
     paddingRight: 0
   });
-  const commandItems = React2.useMemo(() => {
+  const commandItems = (0, import_react4.useMemo)(() => {
     const entries = [];
     const seen = /* @__PURE__ */ new Set();
     const pushItem = (item) => {
@@ -582,7 +685,7 @@ function CopilotChatInput({
     }
     return entries;
   }, [labels.chatInputToolbarAddButtonLabel, onAddFile, toolsMenu]);
-  const filteredCommands = React2.useMemo(() => {
+  const filteredCommands = (0, import_react4.useMemo)(() => {
     if (commandQuery === null) {
       return [];
     }
@@ -605,7 +708,7 @@ function CopilotChatInput({
     }
     return [...startsWith, ...contains];
   }, [commandItems, commandQuery]);
-  React2.useEffect(() => {
+  (0, import_react4.useEffect)(() => {
     if (!autoFocus) {
       previousModalStateRef.current = config?.isModalOpen;
       return;
@@ -615,19 +718,19 @@ function CopilotChatInput({
     }
     previousModalStateRef.current = config?.isModalOpen;
   }, [config?.isModalOpen, autoFocus]);
-  React2.useEffect(() => {
+  (0, import_react4.useEffect)(() => {
     if (commandItems.length === 0 && commandQuery !== null) {
       setCommandQuery(null);
     }
   }, [commandItems.length, commandQuery]);
-  const previousCommandQueryRef = React2.useRef(null);
-  React2.useEffect(() => {
+  const previousCommandQueryRef = (0, import_react4.useRef)(null);
+  (0, import_react4.useEffect)(() => {
     if (commandQuery !== null && commandQuery !== previousCommandQueryRef.current && filteredCommands.length > 0) {
       setSlashHighlightIndex(0);
     }
     previousCommandQueryRef.current = commandQuery;
   }, [commandQuery, filteredCommands.length]);
-  React2.useEffect(() => {
+  (0, import_react4.useEffect)(() => {
     if (commandQuery === null) {
       setSlashHighlightIndex(0);
       return;
@@ -638,7 +741,7 @@ function CopilotChatInput({
       setSlashHighlightIndex(0);
     }
   }, [commandQuery, filteredCommands, slashHighlightIndex]);
-  React2.useEffect(() => {
+  (0, import_react4.useEffect)(() => {
     const recorder = audioRecorderRef.current;
     if (!recorder) {
       return;
@@ -651,13 +754,13 @@ function CopilotChatInput({
       }
     }
   }, [mode]);
-  React2.useEffect(() => {
+  (0, import_react4.useEffect)(() => {
     if (mode !== "input") {
       setLayout("compact");
       setCommandQuery(null);
     }
   }, [mode]);
-  const updateSlashState = React2.useCallback(
+  const updateSlashState = (0, import_react4.useCallback)(
     (value2) => {
       if (commandItems.length === 0) {
         setCommandQuery((prev) => prev === null ? prev : null);
@@ -673,7 +776,7 @@ function CopilotChatInput({
     },
     [commandItems.length]
   );
-  React2.useEffect(() => {
+  (0, import_react4.useEffect)(() => {
     updateSlashState(resolvedValue);
   }, [resolvedValue, updateSlashState]);
   const handleChange = (e) => {
@@ -684,7 +787,7 @@ function CopilotChatInput({
     onChange?.(nextValue);
     updateSlashState(nextValue);
   };
-  const clearInputValue = React2.useCallback(() => {
+  const clearInputValue = (0, import_react4.useCallback)(() => {
     if (!isControlled) {
       setInternalValue("");
     }
@@ -692,7 +795,7 @@ function CopilotChatInput({
       onChange("");
     }
   }, [isControlled, onChange]);
-  const runCommand = React2.useCallback(
+  const runCommand = (0, import_react4.useCallback)(
     (item) => {
       clearInputValue();
       item.action?.();
@@ -780,7 +883,7 @@ function CopilotChatInput({
     onChange: handleChange,
     onKeyDown: handleKeyDown,
     autoFocus,
-    className: tailwindMerge.twMerge(
+    className: (0, import_tailwind_merge3.twMerge)(
       "w-full py-3",
       isExpanded ? "px-5" : "pr-5"
     )
@@ -801,7 +904,7 @@ function CopilotChatInput({
   const BoundSendButton = renderSlot(sendButton, CopilotChatInput.SendButton, {
     onClick: handleSendButtonClick,
     disabled: isProcessing ? !canStop : !canSend,
-    children: isProcessing && canStop ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "size-[18px] fill-current" }) : void 0
+    children: isProcessing && canStop ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Square, { className: "size-[18px] fill-current" }) : void 0
   });
   const BoundStartTranscribeButton = renderSlot(startTranscribeButton, CopilotChatInput.StartTranscribeButton, {
     onClick: onStartTranscribe
@@ -837,7 +940,7 @@ function CopilotChatInput({
       toolsMenu,
       autoFocus
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children(childProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: children(childProps) });
   }
   const handleContainerClick = (e) => {
     const target = e.target;
@@ -845,7 +948,7 @@ function CopilotChatInput({
       inputRef.current.focus();
     }
   };
-  const ensureMeasurements = React2.useCallback(() => {
+  const ensureMeasurements = (0, import_react4.useCallback)(() => {
     const textarea = inputRef.current;
     if (!textarea) {
       return;
@@ -872,7 +975,7 @@ function CopilotChatInput({
     textarea.style.height = previousHeight;
     textarea.style.maxHeight = `${maxHeight}px`;
   }, []);
-  const adjustTextareaHeight = React2.useCallback(() => {
+  const adjustTextareaHeight = (0, import_react4.useCallback)(() => {
     const textarea = inputRef.current;
     if (!textarea) {
       return 0;
@@ -893,7 +996,7 @@ function CopilotChatInput({
     }
     return scrollHeight;
   }, [ensureMeasurements]);
-  const updateLayout = React2.useCallback((nextLayout) => {
+  const updateLayout = (0, import_react4.useCallback)((nextLayout) => {
     setLayout((prev) => {
       if (prev === nextLayout) {
         return prev;
@@ -902,7 +1005,7 @@ function CopilotChatInput({
       return nextLayout;
     });
   }, []);
-  const evaluateLayout = React2.useCallback(() => {
+  const evaluateLayout = (0, import_react4.useCallback)(() => {
     if (mode !== "input") {
       updateLayout("compact");
       return;
@@ -973,10 +1076,10 @@ function CopilotChatInput({
     const nextLayout = shouldExpand ? "expanded" : "compact";
     updateLayout(nextLayout);
   }, [adjustTextareaHeight, ensureMeasurements, mode, resolvedValue, updateLayout]);
-  React2.useLayoutEffect(() => {
+  (0, import_react4.useLayoutEffect)(() => {
     evaluateLayout();
   }, [evaluateLayout]);
-  React2.useEffect(() => {
+  (0, import_react4.useEffect)(() => {
     if (typeof ResizeObserver === "undefined") {
       return;
     }
@@ -1020,7 +1123,7 @@ function CopilotChatInput({
     };
   }, [evaluateLayout]);
   const slashMenuVisible = commandQuery !== null && commandItems.length > 0;
-  React2.useEffect(() => {
+  (0, import_react4.useEffect)(() => {
     if (!slashMenuVisible || slashHighlightIndex < 0) {
       return;
     }
@@ -1029,7 +1132,7 @@ function CopilotChatInput({
     );
     active?.scrollIntoView({ block: "nearest" });
   }, [slashMenuVisible, slashHighlightIndex]);
-  const slashMenu = slashMenuVisible ? /* @__PURE__ */ jsxRuntime.jsx(
+  const slashMenu = slashMenuVisible ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-testid": "copilot-slash-menu",
@@ -1038,9 +1141,9 @@ function CopilotChatInput({
       ref: slashMenuRef,
       className: "absolute bottom-full left-0 right-0 z-30 mb-2 max-h-64 overflow-y-auto rounded-lg border border-border bg-white shadow-lg dark:border-[#3a3a3a] dark:bg-[#1f1f1f]",
       style: { maxHeight: `${SLASH_MENU_MAX_VISIBLE_ITEMS * SLASH_MENU_ITEM_HEIGHT_PX}px` },
-      children: filteredCommands.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: "No commands found" }) : filteredCommands.map((item, index) => {
+      children: filteredCommands.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: "No commands found" }) : filteredCommands.map((item, index) => {
         const isActive = index === slashHighlightIndex;
-        return /* @__PURE__ */ jsxRuntime.jsx(
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             type: "button",
@@ -1048,7 +1151,7 @@ function CopilotChatInput({
             "aria-selected": isActive,
             "data-active": isActive ? "true" : void 0,
             "data-slash-index": index,
-            className: tailwindMerge.twMerge(
+            className: (0, import_tailwind_merge3.twMerge)(
               "w-full px-3 py-2 text-left text-sm transition-colors",
               "hover:bg-muted dark:hover:bg-[#2f2f2f]",
               isActive ? "bg-muted dark:bg-[#2f2f2f]" : "bg-transparent"
@@ -1065,10 +1168,10 @@ function CopilotChatInput({
       })
     }
   ) : null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
-      className: tailwindMerge.twMerge(
+      className: (0, import_tailwind_merge3.twMerge)(
         // Layout
         "flex w-full flex-col items-center justify-center",
         // Interaction
@@ -1084,21 +1187,21 @@ function CopilotChatInput({
       onClick: handleContainerClick,
       ...props,
       "data-layout": isExpanded ? "expanded" : "compact",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
         "div",
         {
           ref: gridRef,
-          className: tailwindMerge.twMerge(
+          className: (0, import_tailwind_merge3.twMerge)(
             "grid w-full gap-x-3 gap-y-3 px-3 py-2",
             isExpanded ? "grid-cols-[auto_minmax(0,1fr)_auto] grid-rows-[auto_auto]" : "grid-cols-[auto_minmax(0,1fr)_auto] items-center"
           ),
           "data-layout": isExpanded ? "expanded" : "compact",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "div",
               {
                 ref: addButtonContainerRef,
-                className: tailwindMerge.twMerge(
+                className: (0, import_tailwind_merge3.twMerge)(
                   "flex items-center",
                   isExpanded ? "row-start-2" : "row-start-1",
                   "col-start-1"
@@ -1106,31 +1209,31 @@ function CopilotChatInput({
                 children: BoundAddMenuButton
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "div",
               {
-                className: tailwindMerge.twMerge(
+                className: (0, import_tailwind_merge3.twMerge)(
                   "relative flex min-w-0 flex-col",
                   isExpanded ? "col-span-3 row-start-1" : "col-start-2 row-start-1"
                 ),
-                children: mode === "transcribe" ? BoundAudioRecorder : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                children: mode === "transcribe" ? BoundAudioRecorder : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
                   BoundTextArea,
                   slashMenu
                 ] })
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "div",
               {
                 ref: actionsContainerRef,
-                className: tailwindMerge.twMerge(
+                className: (0, import_tailwind_merge3.twMerge)(
                   "flex items-center justify-end gap-2",
                   isExpanded ? "col-start-3 row-start-2" : "col-start-3 row-start-1"
                 ),
-                children: mode === "transcribe" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                children: mode === "transcribe" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
                   onCancelTranscribe && BoundCancelTranscribeButton,
                   onFinishTranscribe && BoundFinishTranscribeButton
-                ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
                   onStartTranscribe && BoundStartTranscribeButton,
                   BoundSendButton
                 ] })
@@ -1143,7 +1246,7 @@ function CopilotChatInput({
   );
 }
 ((CopilotChatInput2) => {
-  CopilotChatInput2.SendButton = ({ className, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-[10px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+  CopilotChatInput2.SendButton = ({ className, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mr-[10px]", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     Button,
     {
       type: "button",
@@ -1151,49 +1254,49 @@ function CopilotChatInput({
       size: "chatInputToolbarIcon",
       className,
       ...props,
-      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "size-[18px]" })
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ArrowUp, { className: "size-[18px]" })
     }
   ) });
   CopilotChatInput2.ToolbarButton = ({ icon, labelKey, defaultClassName, className, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         Button,
         {
           type: "button",
           variant: "chatInputToolbarSecondary",
           size: "chatInputToolbarIcon",
-          className: tailwindMerge.twMerge(defaultClassName, className),
+          className: (0, import_tailwind_merge3.twMerge)(defaultClassName, className),
           ...props,
           children: icon
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: labels[labelKey] }) })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipContent, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: labels[labelKey] }) })
     ] });
   };
-  CopilotChatInput2.StartTranscribeButton = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  CopilotChatInput2.StartTranscribeButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     CopilotChatInput2.ToolbarButton,
     {
-      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mic, { className: "size-[18px]" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Mic, { className: "size-[18px]" }),
       labelKey: "chatInputToolbarStartTranscribeButtonLabel",
       defaultClassName: "mr-2",
       ...props
     }
   );
-  CopilotChatInput2.CancelTranscribeButton = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  CopilotChatInput2.CancelTranscribeButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     CopilotChatInput2.ToolbarButton,
     {
-      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-[18px]" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.X, { className: "size-[18px]" }),
       labelKey: "chatInputToolbarCancelTranscribeButtonLabel",
       defaultClassName: "mr-2",
       ...props
     }
   );
-  CopilotChatInput2.FinishTranscribeButton = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  CopilotChatInput2.FinishTranscribeButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     CopilotChatInput2.ToolbarButton,
     {
-      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-[18px]" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Check, { className: "size-[18px]" }),
       labelKey: "chatInputToolbarFinishTranscribeButtonLabel",
       defaultClassName: "mr-[10px]",
       ...props
@@ -1202,7 +1305,7 @@ function CopilotChatInput({
   CopilotChatInput2.AddMenuButton = ({ className, toolsMenu, onAddFile, disabled, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const menuItems = React2.useMemo(() => {
+    const menuItems = (0, import_react4.useMemo)(() => {
       const items = [];
       if (onAddFile) {
         items.push({
@@ -1230,51 +1333,51 @@ function CopilotChatInput({
       }
       return items;
     }, [onAddFile, toolsMenu, labels.chatInputToolbarAddButtonLabel]);
-    const renderMenuItems = React2.useCallback(
+    const renderMenuItems = (0, import_react4.useCallback)(
       (items) => items.map((item, index) => {
         if (item === "-") {
-          return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}, `separator-${index}`);
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuSeparator, {}, `separator-${index}`);
         }
         if (item.items && item.items.length > 0) {
-          return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubTrigger, { children: item.label }),
-            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { children: renderMenuItems(item.items) })
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenuSub, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuSubTrigger, { children: item.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuSubContent, { children: renderMenuItems(item.items) })
           ] }, `group-${index}`);
         }
-        return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { onClick: item.action, children: item.label }, `item-${index}`);
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuItem, { onClick: item.action, children: item.label }, `item-${index}`);
       }),
       []
     );
     const hasMenuItems = menuItems.length > 0;
     const isDisabled = disabled || !hasMenuItems;
-    return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           Button,
           {
             type: "button",
             variant: "chatInputToolbarSecondary",
             size: "chatInputToolbarIcon",
-            className: tailwindMerge.twMerge("ml-1", className),
+            className: (0, import_tailwind_merge3.twMerge)("ml-1", className),
             disabled: isDisabled,
             ...props,
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-[20px]" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Plus, { className: "size-[20px]" })
           }
         ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1 text-xs font-medium", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Add files and more" }),
-          /* @__PURE__ */ jsxRuntime.jsx("code", { className: "rounded bg-[#4a4a4a] px-1 py-[1px] font-mono text-[11px] text-white dark:bg-[#e0e0e0] dark:text-black", children: "/" })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipContent, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "flex items-center gap-1 text-xs font-medium", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Add files and more" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { className: "rounded bg-[#4a4a4a] px-1 py-[1px] font-mono text-[11px] text-white dark:bg-[#e0e0e0] dark:text-black", children: "/" })
         ] }) })
       ] }),
-      hasMenuItems && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { side: "top", align: "start", children: renderMenuItems(menuItems) })
+      hasMenuItems && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuContent, { side: "top", align: "start", children: renderMenuItems(menuItems) })
     ] });
   };
-  CopilotChatInput2.TextArea = React2.forwardRef(function TextArea2({ style, className, autoFocus, ...props }, ref) {
-    const internalTextareaRef = React2.useRef(null);
+  CopilotChatInput2.TextArea = (0, import_react4.forwardRef)(function TextArea2({ style, className, autoFocus, ...props }, ref) {
+    const internalTextareaRef = (0, import_react4.useRef)(null);
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    React2.useImperativeHandle(ref, () => internalTextareaRef.current);
-    React2.useEffect(() => {
+    (0, import_react4.useImperativeHandle)(ref, () => internalTextareaRef.current);
+    (0, import_react4.useEffect)(() => {
       const textarea = internalTextareaRef.current;
       if (!textarea) return;
       const handleFocus = () => {
@@ -1285,12 +1388,12 @@ function CopilotChatInput({
       textarea.addEventListener("focus", handleFocus);
       return () => textarea.removeEventListener("focus", handleFocus);
     }, []);
-    React2.useEffect(() => {
+    (0, import_react4.useEffect)(() => {
       if (autoFocus) {
         internalTextareaRef.current?.focus();
       }
     }, [autoFocus]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "textarea",
       {
         ref: internalTextareaRef,
@@ -1301,7 +1404,7 @@ function CopilotChatInput({
           ...style
         },
         placeholder: labels.chatInputPlaceholder,
-        className: tailwindMerge.twMerge(
+        className: (0, import_tailwind_merge3.twMerge)(
           "bg-transparent outline-none antialiased font-regular leading-relaxed text-[16px] placeholder:text-[#00000077] dark:placeholder:text-[#fffc]",
           className
         ),
@@ -1319,7 +1422,25 @@ CopilotChatInput.CancelTranscribeButton.displayName = "CopilotChatInput.CancelTr
 CopilotChatInput.FinishTranscribeButton.displayName = "CopilotChatInput.FinishTranscribeButton";
 CopilotChatInput.AddMenuButton.displayName = "CopilotChatInput.AddMenuButton";
 var CopilotChatInput_default = CopilotChatInput;
-var CopilotKitCoreReact = class extends core.CopilotKitCore {
+
+// src/components/chat/CopilotChatAssistantMessage.tsx
+var import_react17 = require("react");
+var import_lucide_react3 = require("lucide-react");
+var import_tailwind_merge4 = require("tailwind-merge");
+var import_katex_min = require("katex/dist/katex.min.css");
+var import_streamdown = require("streamdown");
+
+// src/hooks/use-render-tool-call.tsx
+var import_react7 = __toESM(require("react"));
+var import_core2 = require("@copilotkitnext/core");
+
+// src/providers/CopilotKitProvider.tsx
+var import_react6 = require("react");
+var import_zod = require("zod");
+
+// src/lib/react-core.ts
+var import_core = require("@copilotkitnext/core");
+var CopilotKitCoreReact = class extends import_core.CopilotKitCore {
   _renderToolCalls = [];
   _renderCustomMessages = [];
   _renderActivityMessages = [];
@@ -1357,26 +1478,29 @@ var CopilotKitCoreReact = class extends core.CopilotKitCore {
   subscribe(subscriber) {
     return super.subscribe(subscriber);
   }
-  unsubscribe(subscriber) {
-    super.unsubscribe(subscriber);
-  }
 };
-webInspector.defineWebInspector();
-var CopilotKitInspectorBase = react.createComponent({
-  tagName: webInspector.WEB_INSPECTOR_TAG,
-  elementClass: webInspector.WebInspectorElement,
-  react: React2__namespace
+
+// src/components/CopilotKitInspector.tsx
+var React4 = __toESM(require("react"));
+var import_react5 = require("@lit-labs/react");
+var import_web_inspector = require("@copilotkitnext/web-inspector");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+(0, import_web_inspector.defineWebInspector)();
+var CopilotKitInspectorBase = (0, import_react5.createComponent)({
+  tagName: import_web_inspector.WEB_INSPECTOR_TAG,
+  elementClass: import_web_inspector.WebInspectorElement,
+  react: React4
 });
-var CopilotKitInspector = React2__namespace.forwardRef(
+var CopilotKitInspector = React4.forwardRef(
   ({ core, ...rest }, ref) => {
-    const innerRef = React2__namespace.useRef(null);
-    React2__namespace.useImperativeHandle(ref, () => innerRef.current, []);
-    React2__namespace.useEffect(() => {
+    const innerRef = React4.useRef(null);
+    React4.useImperativeHandle(ref, () => innerRef.current, []);
+    React4.useEffect(() => {
       if (innerRef.current) {
         innerRef.current.core = core ?? null;
       }
     }, [core]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       CopilotKitInspectorBase,
       {
         ...rest,
@@ -1386,14 +1510,17 @@ var CopilotKitInspector = React2__namespace.forwardRef(
   }
 );
 CopilotKitInspector.displayName = "CopilotKitInspector";
-var CopilotKitContext = React2.createContext({
+
+// src/providers/CopilotKitProvider.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var CopilotKitContext = (0, import_react6.createContext)({
   copilotkit: null
 });
 function useStableArrayProp(prop, warningMessage, isMeaningfulChange) {
-  const empty = React2.useMemo(() => [], []);
+  const empty = (0, import_react6.useMemo)(() => [], []);
   const value = prop ?? empty;
-  const initial = React2.useRef(value);
-  React2.useEffect(() => {
+  const initial = (0, import_react6.useRef)(value);
+  (0, import_react6.useEffect)(() => {
     if (warningMessage && value !== initial.current && (isMeaningfulChange ? isMeaningfulChange(initial.current, value) : true)) {
       console.error(warningMessage);
     }
@@ -1414,8 +1541,8 @@ var CopilotKitProvider = ({
   showDevConsole = false,
   useSingleEndpoint = false
 }) => {
-  const [shouldRenderInspector, setShouldRenderInspector] = React2.useState(false);
-  React2.useEffect(() => {
+  const [shouldRenderInspector, setShouldRenderInspector] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1461,7 +1588,7 @@ var CopilotKitProvider = ({
     humanInTheLoop,
     "humanInTheLoop must be a stable array. If you want to dynamically add or remove human-in-the-loop tools, use `useHumanInTheLoop` instead."
   );
-  const processedHumanInTheLoopTools = React2.useMemo(() => {
+  const processedHumanInTheLoopTools = (0, import_react6.useMemo)(() => {
     const processedTools = [];
     const processedRenderToolCalls = [];
     humanInTheLoopList.forEach((tool) => {
@@ -1490,17 +1617,17 @@ var CopilotKitProvider = ({
     });
     return { tools: processedTools, renderToolCalls: processedRenderToolCalls };
   }, [humanInTheLoopList]);
-  const allTools = React2.useMemo(() => {
+  const allTools = (0, import_react6.useMemo)(() => {
     const tools = [];
     tools.push(...frontendToolsList);
     tools.push(...processedHumanInTheLoopTools.tools);
     return tools;
   }, [frontendToolsList, processedHumanInTheLoopTools]);
-  const allRenderToolCalls = React2.useMemo(() => {
+  const allRenderToolCalls = (0, import_react6.useMemo)(() => {
     const combined = [...renderToolCallsList];
     frontendToolsList.forEach((tool) => {
       if (tool.render) {
-        const args = tool.parameters || (tool.name === "*" ? zod.z.any() : void 0);
+        const args = tool.parameters || (tool.name === "*" ? import_zod.z.any() : void 0);
         if (args) {
           combined.push({
             name: tool.name,
@@ -1513,7 +1640,7 @@ var CopilotKitProvider = ({
     combined.push(...processedHumanInTheLoopTools.renderToolCalls);
     return combined;
   }, [renderToolCallsList, frontendToolsList, processedHumanInTheLoopTools]);
-  const copilotkit = React2.useMemo(() => {
+  const copilotkit = (0, import_react6.useMemo)(() => {
     const copilotkit2 = new CopilotKitCoreReact({
       runtimeUrl,
       runtimeTransport: useSingleEndpoint ? "single" : "rest",
@@ -1527,25 +1654,25 @@ var CopilotKitProvider = ({
     });
     return copilotkit2;
   }, [allTools, allRenderToolCalls, renderActivityMessagesList, renderCustomMessagesList, useSingleEndpoint]);
-  const [, forceUpdate] = React2.useReducer((x) => x + 1, 0);
-  React2.useEffect(() => {
-    const unsubscribe = copilotkit.subscribe({
+  const [, forceUpdate] = (0, import_react6.useReducer)((x) => x + 1, 0);
+  (0, import_react6.useEffect)(() => {
+    const subscription = copilotkit.subscribe({
       onRenderToolCallsChanged: () => {
         forceUpdate();
       }
     });
     return () => {
-      unsubscribe();
+      subscription.unsubscribe();
     };
   }, [copilotkit]);
-  React2.useEffect(() => {
+  (0, import_react6.useEffect)(() => {
     copilotkit.setRuntimeUrl(runtimeUrl);
     copilotkit.setRuntimeTransport(useSingleEndpoint ? "single" : "rest");
     copilotkit.setHeaders(headers);
     copilotkit.setProperties(properties);
     copilotkit.setAgents__unsafe_dev_only(agents);
   }, [runtimeUrl, headers, properties, agents, useSingleEndpoint]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     CopilotKitContext.Provider,
     {
       value: {
@@ -1553,45 +1680,107 @@ var CopilotKitProvider = ({
       },
       children: [
         children,
-        shouldRenderInspector ? /* @__PURE__ */ jsxRuntime.jsx(CopilotKitInspector, { core: copilotkit }) : null
+        shouldRenderInspector ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CopilotKitInspector, { core: copilotkit }) : null
       ]
     }
   );
 };
 var useCopilotKit = () => {
-  const context = React2.useContext(CopilotKitContext);
-  const [, forceUpdate] = React2.useReducer((x) => x + 1, 0);
+  const context = (0, import_react6.useContext)(CopilotKitContext);
+  const [, forceUpdate] = (0, import_react6.useReducer)((x) => x + 1, 0);
   if (!context) {
     throw new Error("useCopilotKit must be used within CopilotKitProvider");
   }
-  React2.useEffect(() => {
-    const unsubscribe = context.copilotkit.subscribe({
+  (0, import_react6.useEffect)(() => {
+    const subscription = context.copilotkit.subscribe({
       onRuntimeConnectionStatusChanged: () => {
         forceUpdate();
       }
     });
     return () => {
-      unsubscribe();
+      subscription.unsubscribe();
     };
   }, []);
   return context;
 };
+
+// src/hooks/use-render-tool-call.tsx
+var import_shared2 = require("@copilotkitnext/shared");
+var import_shared3 = require("@copilotkitnext/shared");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ToolCallRenderer = import_react7.default.memo(
+  function ToolCallRenderer2({
+    toolCall,
+    toolMessage,
+    RenderComponent,
+    isExecuting
+  }) {
+    const args = (0, import_react7.useMemo)(
+      () => (0, import_shared3.partialJSONParse)(toolCall.function.arguments),
+      [toolCall.function.arguments]
+    );
+    const toolName = toolCall.function.name;
+    if (toolMessage) {
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        RenderComponent,
+        {
+          name: toolName,
+          args,
+          status: import_core2.ToolCallStatus.Complete,
+          result: toolMessage.content
+        }
+      );
+    } else if (isExecuting) {
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        RenderComponent,
+        {
+          name: toolName,
+          args,
+          status: import_core2.ToolCallStatus.Executing,
+          result: void 0
+        }
+      );
+    } else {
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        RenderComponent,
+        {
+          name: toolName,
+          args,
+          status: import_core2.ToolCallStatus.InProgress,
+          result: void 0
+        }
+      );
+    }
+  },
+  // Custom comparison function to prevent re-renders when tool call data hasn't changed
+  (prevProps, nextProps) => {
+    if (prevProps.toolCall.id !== nextProps.toolCall.id) return false;
+    if (prevProps.toolCall.function.name !== nextProps.toolCall.function.name) return false;
+    if (prevProps.toolCall.function.arguments !== nextProps.toolCall.function.arguments) return false;
+    const prevResult = prevProps.toolMessage?.content;
+    const nextResult = nextProps.toolMessage?.content;
+    if (prevResult !== nextResult) return false;
+    if (prevProps.isExecuting !== nextProps.isExecuting) return false;
+    if (prevProps.RenderComponent !== nextProps.RenderComponent) return false;
+    return true;
+  }
+);
 function useRenderToolCall() {
   const { copilotkit } = useCopilotKit();
   const config = useCopilotChatConfiguration();
-  const agentId = config?.agentId ?? shared.DEFAULT_AGENT_ID;
-  const [executingToolCallIds, setExecutingToolCallIds] = React2.useState(() => /* @__PURE__ */ new Set());
-  const renderToolCalls = React2.useSyncExternalStore(
+  const agentId = config?.agentId ?? import_shared2.DEFAULT_AGENT_ID;
+  const [executingToolCallIds, setExecutingToolCallIds] = (0, import_react7.useState)(() => /* @__PURE__ */ new Set());
+  const renderToolCalls = (0, import_react7.useSyncExternalStore)(
     (callback) => {
       return copilotkit.subscribe({
         onRenderToolCallsChanged: callback
-      });
+      }).unsubscribe;
     },
     () => copilotkit.renderToolCalls,
     () => copilotkit.renderToolCalls
   );
-  React2.useEffect(() => {
-    const unsubscribe = copilotkit.subscribe({
+  (0, import_react7.useEffect)(() => {
+    const subscription = copilotkit.subscribe({
       onToolExecutionStart: ({ toolCallId }) => {
         setExecutingToolCallIds((prev) => {
           if (prev.has(toolCallId)) return prev;
@@ -1609,9 +1798,9 @@ function useRenderToolCall() {
         });
       }
     });
-    return () => unsubscribe();
+    return () => subscription.unsubscribe();
   }, [copilotkit]);
-  const renderToolCall = React2.useCallback(
+  const renderToolCall = (0, import_react7.useCallback)(
     ({
       toolCall,
       toolMessage
@@ -1624,47 +1813,25 @@ function useRenderToolCall() {
         return null;
       }
       const RenderComponent = renderConfig.render;
-      const args = shared.partialJSONParse(toolCall.function.arguments);
-      const toolName = toolCall.function.name;
-      if (toolMessage) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: core.ToolCallStatus.Complete,
-            result: toolMessage.content
-          },
-          toolCall.id
-        );
-      } else if (executingToolCallIds.has(toolCall.id)) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: core.ToolCallStatus.Executing,
-            result: void 0
-          },
-          toolCall.id
-        );
-      } else {
-        return /* @__PURE__ */ jsxRuntime.jsx(
+      const isExecuting = executingToolCallIds.has(toolCall.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        ToolCallRenderer,
+        {
+          toolCall,
+          toolMessage,
           RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: core.ToolCallStatus.InProgress,
-            result: void 0
-          },
-          toolCall.id
-        );
-      }
+          isExecuting
+        },
+        toolCall.id
+      );
     },
     [renderToolCalls, executingToolCallIds, agentId]
   );
   return renderToolCall;
 }
+
+// src/hooks/use-render-custom-messages.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function useRenderCustomMessages() {
   const { copilotkit } = useCopilotKit();
   const config = useCopilotChatConfiguration();
@@ -1699,7 +1866,7 @@ function useRenderCustomMessages() {
         continue;
       }
       const Component = renderer.render;
-      result = /* @__PURE__ */ jsxRuntime.jsx(
+      result = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         Component,
         {
           message,
@@ -1720,12 +1887,17 @@ function useRenderCustomMessages() {
     return result;
   };
 }
+
+// src/hooks/use-render-activity-message.tsx
+var import_shared4 = require("@copilotkitnext/shared");
+var import_react8 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function useRenderActivityMessage() {
   const { copilotkit } = useCopilotKit();
   const config = useCopilotChatConfiguration();
-  const agentId = config?.agentId ?? shared.DEFAULT_AGENT_ID;
+  const agentId = config?.agentId ?? import_shared4.DEFAULT_AGENT_ID;
   const renderers = copilotkit.renderActivityMessages;
-  return React2.useCallback(
+  return (0, import_react8.useCallback)(
     (message) => {
       if (!renderers.length) {
         return null;
@@ -1747,7 +1919,7 @@ function useRenderActivityMessage() {
       }
       const Component = renderer.render;
       const agent = copilotkit.getAgent(agentId);
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         Component,
         {
           activityType: message.activityType,
@@ -1761,9 +1933,14 @@ function useRenderActivityMessage() {
     [agentId, copilotkit, renderers]
   );
 }
-function useFrontendTool(tool) {
+
+// src/hooks/use-frontend-tool.tsx
+var import_react9 = require("react");
+var EMPTY_DEPS = [];
+function useFrontendTool(tool, deps) {
   const { copilotkit } = useCopilotKit();
-  React2.useEffect(() => {
+  const extraDeps = deps ?? EMPTY_DEPS;
+  (0, import_react9.useEffect)(() => {
     const name = tool.name;
     if (copilotkit.getTool({ toolName: name, agentId: tool.agentId })) {
       console.warn(
@@ -1791,23 +1968,27 @@ function useFrontendTool(tool) {
     return () => {
       copilotkit.removeTool(name, tool.agentId);
     };
-  }, [tool.name, copilotkit]);
+  }, [tool.name, copilotkit, extraDeps.length, ...extraDeps]);
 }
-function useHumanInTheLoop(tool) {
+
+// src/hooks/use-human-in-the-loop.tsx
+var import_react10 = require("react");
+var import_react11 = __toESM(require("react"));
+function useHumanInTheLoop(tool, deps) {
   const { copilotkit } = useCopilotKit();
-  const resolvePromiseRef = React2.useRef(null);
-  const respond = React2.useCallback(async (result) => {
+  const resolvePromiseRef = (0, import_react10.useRef)(null);
+  const respond = (0, import_react10.useCallback)(async (result) => {
     if (resolvePromiseRef.current) {
       resolvePromiseRef.current(result);
       resolvePromiseRef.current = null;
     }
   }, []);
-  const handler = React2.useCallback(async () => {
+  const handler = (0, import_react10.useCallback)(async () => {
     return new Promise((resolve) => {
       resolvePromiseRef.current = resolve;
     });
   }, []);
-  const RenderComponent = React2.useCallback(
+  const RenderComponent = (0, import_react10.useCallback)(
     (props) => {
       const ToolComponent = tool.render;
       if (props.status === "inProgress") {
@@ -1817,7 +1998,7 @@ function useHumanInTheLoop(tool) {
           description: tool.description || "",
           respond: void 0
         };
-        return React2__namespace.default.createElement(ToolComponent, enhancedProps);
+        return import_react11.default.createElement(ToolComponent, enhancedProps);
       } else if (props.status === "executing") {
         const enhancedProps = {
           ...props,
@@ -1825,7 +2006,7 @@ function useHumanInTheLoop(tool) {
           description: tool.description || "",
           respond
         };
-        return React2__namespace.default.createElement(ToolComponent, enhancedProps);
+        return import_react11.default.createElement(ToolComponent, enhancedProps);
       } else if (props.status === "complete") {
         const enhancedProps = {
           ...props,
@@ -1833,9 +2014,9 @@ function useHumanInTheLoop(tool) {
           description: tool.description || "",
           respond: void 0
         };
-        return React2__namespace.default.createElement(ToolComponent, enhancedProps);
+        return import_react11.default.createElement(ToolComponent, enhancedProps);
       }
-      return React2__namespace.default.createElement(ToolComponent, props);
+      return import_react11.default.createElement(ToolComponent, props);
     },
     [tool.render, tool.name, tool.description, respond]
   );
@@ -1844,8 +2025,8 @@ function useHumanInTheLoop(tool) {
     handler,
     render: RenderComponent
   };
-  useFrontendTool(frontendTool);
-  React2.useEffect(() => {
+  useFrontendTool(frontendTool, deps);
+  (0, import_react10.useEffect)(() => {
     return () => {
       const keyOf = (rc) => `${rc.agentId ?? ""}:${rc.name}`;
       const currentRenderToolCalls = copilotkit.renderToolCalls;
@@ -1856,31 +2037,55 @@ function useHumanInTheLoop(tool) {
     };
   }, [copilotkit, tool.name, tool.agentId]);
 }
+
+// src/hooks/use-agent.tsx
+var import_react12 = require("react");
+var import_shared5 = require("@copilotkitnext/shared");
+var import_core3 = require("@copilotkitnext/core");
 var ALL_UPDATES = [
   "OnMessagesChanged" /* OnMessagesChanged */,
   "OnStateChanged" /* OnStateChanged */,
   "OnRunStatusChanged" /* OnRunStatusChanged */
 ];
 function useAgent({ agentId, updates } = {}) {
-  agentId ??= shared.DEFAULT_AGENT_ID;
+  agentId ??= import_shared5.DEFAULT_AGENT_ID;
   const { copilotkit } = useCopilotKit();
-  const [, forceUpdate] = React2.useReducer((x) => x + 1, 0);
-  const updateFlags = React2.useMemo(
+  const [, forceUpdate] = (0, import_react12.useReducer)((x) => x + 1, 0);
+  const updateFlags = (0, import_react12.useMemo)(
     () => updates ?? ALL_UPDATES,
     [JSON.stringify(updates)]
   );
-  const agent = React2.useMemo(() => {
-    return copilotkit.getAgent(agentId);
+  const agent = (0, import_react12.useMemo)(() => {
+    const existing = copilotkit.getAgent(agentId);
+    if (existing) {
+      return existing;
+    }
+    const isRuntimeConfigured = copilotkit.runtimeUrl !== void 0;
+    const status = copilotkit.runtimeConnectionStatus;
+    if (isRuntimeConfigured && (status === import_core3.CopilotKitCoreRuntimeConnectionStatus.Disconnected || status === import_core3.CopilotKitCoreRuntimeConnectionStatus.Connecting)) {
+      const provisional = new import_core3.ProxiedCopilotRuntimeAgent({
+        runtimeUrl: copilotkit.runtimeUrl,
+        agentId,
+        transport: copilotkit.runtimeTransport
+      });
+      provisional.headers = { ...copilotkit.headers };
+      return provisional;
+    }
+    const knownAgents = Object.keys(copilotkit.agents ?? {});
+    const runtimePart = isRuntimeConfigured ? `runtimeUrl=${copilotkit.runtimeUrl}` : "no runtimeUrl";
+    throw new Error(
+      `useAgent: Agent '${agentId}' not found after runtime sync (${runtimePart}). ` + (knownAgents.length ? `Known agents: [${knownAgents.join(", ")}]` : "No agents registered.") + " Verify your runtime /info and/or agents__unsafe_dev_only."
+    );
   }, [
     agentId,
     copilotkit.agents,
     copilotkit.runtimeConnectionStatus,
+    copilotkit.runtimeUrl,
+    copilotkit.runtimeTransport,
+    JSON.stringify(copilotkit.headers),
     copilotkit
   ]);
-  React2.useEffect(() => {
-    if (!agent) {
-      return;
-    }
+  (0, import_react12.useEffect)(() => {
     if (updateFlags.length === 0) {
       return;
     }
@@ -1913,10 +2118,13 @@ function useAgent({ agentId, updates } = {}) {
     agent
   };
 }
+
+// src/hooks/use-agent-context.tsx
+var import_react13 = require("react");
 function useAgentContext(context) {
   const { description, value } = context;
   const { copilotkit } = useCopilotKit();
-  React2.useEffect(() => {
+  (0, import_react13.useEffect)(() => {
     if (!copilotkit) return;
     const id = copilotkit.addContext(context);
     return () => {
@@ -1924,25 +2132,29 @@ function useAgentContext(context) {
     };
   }, [description, value, copilotkit]);
 }
+
+// src/hooks/use-suggestions.tsx
+var import_react14 = require("react");
+var import_shared6 = require("@copilotkitnext/shared");
 function useSuggestions({ agentId } = {}) {
   const { copilotkit } = useCopilotKit();
   const config = useCopilotChatConfiguration();
-  const resolvedAgentId = React2.useMemo(() => agentId ?? config?.agentId ?? shared.DEFAULT_AGENT_ID, [agentId, config?.agentId]);
-  const [suggestions, setSuggestions] = React2.useState(() => {
+  const resolvedAgentId = (0, import_react14.useMemo)(() => agentId ?? config?.agentId ?? import_shared6.DEFAULT_AGENT_ID, [agentId, config?.agentId]);
+  const [suggestions, setSuggestions] = (0, import_react14.useState)(() => {
     const result = copilotkit.getSuggestions(resolvedAgentId);
     return result.suggestions;
   });
-  const [isLoading, setIsLoading] = React2.useState(() => {
+  const [isLoading, setIsLoading] = (0, import_react14.useState)(() => {
     const result = copilotkit.getSuggestions(resolvedAgentId);
     return result.isLoading;
   });
-  React2.useEffect(() => {
+  (0, import_react14.useEffect)(() => {
     const result = copilotkit.getSuggestions(resolvedAgentId);
     setSuggestions(result.suggestions);
     setIsLoading(result.isLoading);
   }, [copilotkit, resolvedAgentId]);
-  React2.useEffect(() => {
-    const unsubscribe = copilotkit.subscribe({
+  (0, import_react14.useEffect)(() => {
+    const subscription = copilotkit.subscribe({
       onSuggestionsChanged: ({ agentId: changedAgentId, suggestions: suggestions2 }) => {
         if (changedAgentId !== resolvedAgentId) {
           return;
@@ -1968,13 +2180,13 @@ function useSuggestions({ agentId } = {}) {
       }
     });
     return () => {
-      unsubscribe();
+      subscription.unsubscribe();
     };
   }, [copilotkit, resolvedAgentId]);
-  const reloadSuggestions = React2.useCallback(() => {
+  const reloadSuggestions = (0, import_react14.useCallback)(() => {
     copilotkit.reloadSuggestions(resolvedAgentId);
   }, [copilotkit, resolvedAgentId]);
-  const clearSuggestions = React2.useCallback(() => {
+  const clearSuggestions = (0, import_react14.useCallback)(() => {
     copilotkit.clearSuggestions(resolvedAgentId);
   }, [copilotkit, resolvedAgentId]);
   return {
@@ -1984,18 +2196,21 @@ function useSuggestions({ agentId } = {}) {
     isLoading
   };
 }
-var EMPTY_DEPS = [];
-function useConfigureSuggestions(config, options) {
+
+// src/hooks/use-configure-suggestions.tsx
+var import_react15 = require("react");
+var import_shared7 = require("@copilotkitnext/shared");
+function useConfigureSuggestions(config, deps) {
   const { copilotkit } = useCopilotKit();
   const chatConfig = useCopilotChatConfiguration();
-  const extraDeps = options?.deps ?? EMPTY_DEPS;
-  const resolvedConsumerAgentId = React2.useMemo(() => chatConfig?.agentId ?? shared.DEFAULT_AGENT_ID, [chatConfig?.agentId]);
-  const rawConsumerAgentId = React2.useMemo(() => config ? config.consumerAgentId : void 0, [config]);
-  const normalizationCacheRef = React2.useRef({
+  const extraDeps = deps ?? [];
+  const resolvedConsumerAgentId = (0, import_react15.useMemo)(() => chatConfig?.agentId ?? import_shared7.DEFAULT_AGENT_ID, [chatConfig?.agentId]);
+  const rawConsumerAgentId = (0, import_react15.useMemo)(() => config ? config.consumerAgentId : void 0, [config]);
+  const normalizationCacheRef = (0, import_react15.useRef)({
     serialized: null,
     config: null
   });
-  const { normalizedConfig, serializedConfig } = React2.useMemo(() => {
+  const { normalizedConfig, serializedConfig } = (0, import_react15.useMemo)(() => {
     if (!config) {
       normalizationCacheRef.current = { serialized: null, config: null };
       return { normalizedConfig: null, serializedConfig: null };
@@ -2025,10 +2240,10 @@ function useConfigureSuggestions(config, options) {
     normalizationCacheRef.current = { serialized, config: built };
     return { normalizedConfig: built, serializedConfig: serialized };
   }, [config, resolvedConsumerAgentId, ...extraDeps]);
-  const latestConfigRef = React2.useRef(null);
+  const latestConfigRef = (0, import_react15.useRef)(null);
   latestConfigRef.current = normalizedConfig;
-  const previousSerializedConfigRef = React2.useRef(null);
-  const targetAgentId = React2.useMemo(() => {
+  const previousSerializedConfigRef = (0, import_react15.useRef)(null);
+  const targetAgentId = (0, import_react15.useMemo)(() => {
     if (!normalizedConfig) {
       return resolvedConsumerAgentId;
     }
@@ -2039,7 +2254,7 @@ function useConfigureSuggestions(config, options) {
     return consumer;
   }, [normalizedConfig, resolvedConsumerAgentId]);
   const isGlobalConfig = rawConsumerAgentId === void 0 || rawConsumerAgentId === "*";
-  const requestReload = React2.useCallback(() => {
+  const requestReload = (0, import_react15.useCallback)(() => {
     if (!normalizedConfig) {
       return;
     }
@@ -2061,7 +2276,7 @@ function useConfigureSuggestions(config, options) {
     }
     copilotkit.reloadSuggestions(targetAgentId);
   }, [copilotkit, isGlobalConfig, normalizedConfig, targetAgentId]);
-  React2.useEffect(() => {
+  (0, import_react15.useEffect)(() => {
     if (!serializedConfig || !latestConfigRef.current) {
       return;
     }
@@ -2071,7 +2286,7 @@ function useConfigureSuggestions(config, options) {
       copilotkit.removeSuggestionsConfig(id);
     };
   }, [copilotkit, serializedConfig, requestReload]);
-  React2.useEffect(() => {
+  (0, import_react15.useEffect)(() => {
     if (!normalizedConfig) {
       previousSerializedConfigRef.current = null;
       return;
@@ -2084,7 +2299,7 @@ function useConfigureSuggestions(config, options) {
     }
     requestReload();
   }, [normalizedConfig, requestReload, serializedConfig]);
-  React2.useEffect(() => {
+  (0, import_react15.useEffect)(() => {
     if (!normalizedConfig || extraDeps.length === 0) {
       return;
     }
@@ -2100,6 +2315,10 @@ function normalizeStaticSuggestions(suggestions) {
     isLoading: suggestion.isLoading ?? false
   }));
 }
+
+// src/components/chat/CopilotChatToolCallsView.tsx
+var import_react16 = __toESM(require("react"));
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function CopilotChatToolCallsView({
   message,
   messages = []
@@ -2108,17 +2327,20 @@ function CopilotChatToolCallsView({
   if (!message.toolCalls || message.toolCalls.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: message.toolCalls.map((toolCall) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: message.toolCalls.map((toolCall) => {
     const toolMessage = messages.find(
       (m) => m.role === "tool" && m.toolCallId === toolCall.id
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(React2__namespace.default.Fragment, { children: renderToolCall({
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react16.default.Fragment, { children: renderToolCall({
       toolCall,
       toolMessage
     }) }, toolCall.id);
   }) });
 }
 var CopilotChatToolCallsView_default = CopilotChatToolCallsView;
+
+// src/components/chat/CopilotChatAssistantMessage.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function CopilotChatAssistantMessage({
   message,
   messages,
@@ -2195,7 +2417,7 @@ function CopilotChatAssistantMessage({
     toolbar,
     CopilotChatAssistantMessage.Toolbar,
     {
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-1", children: [
         boundCopyButton,
         (onThumbsUp || thumbsUpButton) && boundThumbsUpButton,
         (onThumbsDown || thumbsDownButton) && boundThumbsDownButton,
@@ -2217,7 +2439,7 @@ function CopilotChatAssistantMessage({
   const isLatestAssistantMessage = message.role === "assistant" && messages?.[messages.length - 1]?.id === message.id;
   const shouldShowToolbar = toolbarVisible && hasContent && !(isRunning && isLatestAssistantMessage);
   if (children) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: children({
       markdownRenderer: boundMarkdownRenderer,
       toolbar: boundToolbar,
       toolCallsView: boundToolCallsView,
@@ -2237,10 +2459,10 @@ function CopilotChatAssistantMessage({
       toolbarVisible: shouldShowToolbar
     }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "div",
     {
-      className: tailwindMerge.twMerge(
+      className: (0, import_tailwind_merge4.twMerge)(
         "prose max-w-full break-words dark:prose-invert",
         className
       ),
@@ -2255,14 +2477,14 @@ function CopilotChatAssistantMessage({
   );
 }
 ((CopilotChatAssistantMessage2) => {
-  CopilotChatAssistantMessage2.MarkdownRenderer = ({ content, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(streamdown.Streamdown, { className, ...props, children: content ?? "" });
+  CopilotChatAssistantMessage2.MarkdownRenderer = ({ content, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_streamdown.Streamdown, { className, ...props, children: content ?? "" });
   CopilotChatAssistantMessage2.Toolbar = ({
     className,
     ...props
-  }) => /* @__PURE__ */ jsxRuntime.jsx(
+  }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
-      className: tailwindMerge.twMerge(
+      className: (0, import_tailwind_merge4.twMerge)(
         "w-full bg-transparent flex items-center -ml-[5px] -mt-[0px]",
         className
       ),
@@ -2270,8 +2492,8 @@ function CopilotChatAssistantMessage({
     }
   );
   CopilotChatAssistantMessage2.ToolbarButton = ({ title, children, ...props }) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         Button,
         {
           type: "button",
@@ -2281,13 +2503,13 @@ function CopilotChatAssistantMessage({
           children
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: title }) })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipContent, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: title }) })
     ] });
   };
   CopilotChatAssistantMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const [copied, setCopied] = React2.useState(false);
+    const [copied, setCopied] = (0, import_react17.useState)(false);
     const handleClick = (event) => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
@@ -2295,62 +2517,62 @@ function CopilotChatAssistantMessage({
         onClick(event);
       }
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       CopilotChatAssistantMessage2.ToolbarButton,
       {
         title: title || labels.assistantMessageToolbarCopyMessageLabel,
         onClick: handleClick,
         className,
         ...props,
-        children: copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-[18px]" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "size-[18px]" })
+        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Check, { className: "size-[18px]" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Copy, { className: "size-[18px]" })
       }
     );
   };
   CopilotChatAssistantMessage2.ThumbsUpButton = ({ title, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       CopilotChatAssistantMessage2.ToolbarButton,
       {
         title: title || labels.assistantMessageToolbarThumbsUpLabel,
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ThumbsUp, { className: "size-[18px]" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.ThumbsUp, { className: "size-[18px]" })
       }
     );
   };
   CopilotChatAssistantMessage2.ThumbsDownButton = ({ title, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       CopilotChatAssistantMessage2.ToolbarButton,
       {
         title: title || labels.assistantMessageToolbarThumbsDownLabel,
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ThumbsDown, { className: "size-[18px]" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.ThumbsDown, { className: "size-[18px]" })
       }
     );
   };
   CopilotChatAssistantMessage2.ReadAloudButton = ({ title, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       CopilotChatAssistantMessage2.ToolbarButton,
       {
         title: title || labels.assistantMessageToolbarReadAloudLabel,
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Volume2, { className: "size-[20px]" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Volume2, { className: "size-[20px]" })
       }
     );
   };
   CopilotChatAssistantMessage2.RegenerateButton = ({ title, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       CopilotChatAssistantMessage2.ToolbarButton,
       {
         title: title || labels.assistantMessageToolbarRegenerateLabel,
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "size-[18px]" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.RefreshCw, { className: "size-[18px]" })
       }
     );
   };
@@ -2363,6 +2585,12 @@ CopilotChatAssistantMessage.ThumbsDownButton.displayName = "CopilotChatAssistant
 CopilotChatAssistantMessage.ReadAloudButton.displayName = "CopilotChatAssistantMessage.ReadAloudButton";
 CopilotChatAssistantMessage.RegenerateButton.displayName = "CopilotChatAssistantMessage.RegenerateButton";
 var CopilotChatAssistantMessage_default = CopilotChatAssistantMessage;
+
+// src/components/chat/CopilotChatUserMessage.tsx
+var import_react18 = require("react");
+var import_lucide_react4 = require("lucide-react");
+var import_tailwind_merge5 = require("tailwind-merge");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function flattenUserMessageContent(content) {
   if (!content) {
     return "";
@@ -2393,7 +2621,7 @@ function CopilotChatUserMessage({
   className,
   ...props
 }) {
-  const flattenedContent = React2.useMemo(
+  const flattenedContent = (0, import_react18.useMemo)(
     () => flattenUserMessageContent(message.content),
     [message.content]
   );
@@ -2438,7 +2666,7 @@ function CopilotChatUserMessage({
   );
   const showBranchNavigation = numberOfBranches && numberOfBranches > 1 && onSwitchToBranch;
   const BoundToolbar = renderSlot(toolbar, CopilotChatUserMessage.Toolbar, {
-    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 justify-end", children: [
+    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-1 justify-end", children: [
       additionalToolbarItems,
       BoundCopyButton,
       onEditMessage && BoundEditButton,
@@ -2446,7 +2674,7 @@ function CopilotChatUserMessage({
     ] })
   });
   if (children) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: children({
       messageRenderer: BoundMessageRenderer,
       toolbar: BoundToolbar,
       copyButton: BoundCopyButton,
@@ -2458,10 +2686,10 @@ function CopilotChatUserMessage({
       additionalToolbarItems
     }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
-      className: tailwindMerge.twMerge("flex flex-col items-end group pt-10", className),
+      className: (0, import_tailwind_merge5.twMerge)("flex flex-col items-end group pt-10", className),
       "data-message-id": message.id,
       ...props,
       children: [
@@ -2472,18 +2700,18 @@ function CopilotChatUserMessage({
   );
 }
 ((CopilotChatUserMessage2) => {
-  CopilotChatUserMessage2.Container = ({ children, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  CopilotChatUserMessage2.Container = ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
-      className: tailwindMerge.twMerge("flex flex-col items-end group", className),
+      className: (0, import_tailwind_merge5.twMerge)("flex flex-col items-end group", className),
       ...props,
       children
     }
   );
-  CopilotChatUserMessage2.MessageRenderer = ({ content, className }) => /* @__PURE__ */ jsxRuntime.jsx(
+  CopilotChatUserMessage2.MessageRenderer = ({ content, className }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
-      className: tailwindMerge.twMerge(
+      className: (0, import_tailwind_merge5.twMerge)(
         "prose dark:prose-invert bg-muted relative max-w-[80%] rounded-[18px] px-4 py-1.5 data-[multiline]:py-3 inline-block whitespace-pre-wrap",
         className
       ),
@@ -2493,10 +2721,10 @@ function CopilotChatUserMessage({
   CopilotChatUserMessage2.Toolbar = ({
     className,
     ...props
-  }) => /* @__PURE__ */ jsxRuntime.jsx(
+  }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
-      className: tailwindMerge.twMerge(
+      className: (0, import_tailwind_merge5.twMerge)(
         "w-full bg-transparent flex items-center justify-end -mr-[5px] mt-[4px] invisible group-hover:visible",
         className
       ),
@@ -2504,25 +2732,25 @@ function CopilotChatUserMessage({
     }
   );
   CopilotChatUserMessage2.ToolbarButton = ({ title, children, className, ...props }) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Button,
         {
           type: "button",
           variant: "assistantMessageToolbarButton",
           "aria-label": title,
-          className: tailwindMerge.twMerge(className),
+          className: (0, import_tailwind_merge5.twMerge)(className),
           ...props,
           children
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: title }) })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipContent, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: title }) })
     ] });
   };
   CopilotChatUserMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const [copied, setCopied] = React2.useState(false);
+    const [copied, setCopied] = (0, import_react18.useState)(false);
     const handleClick = (event) => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
@@ -2530,27 +2758,27 @@ function CopilotChatUserMessage({
         onClick(event);
       }
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       CopilotChatUserMessage2.ToolbarButton,
       {
         title: title || labels.userMessageToolbarCopyMessageLabel,
         onClick: handleClick,
         className,
         ...props,
-        children: copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-[18px]" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "size-[18px]" })
+        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Check, { className: "size-[18px]" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Copy, { className: "size-[18px]" })
       }
     );
   };
   CopilotChatUserMessage2.EditButton = ({ className, title, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       CopilotChatUserMessage2.ToolbarButton,
       {
         title: title || labels.userMessageToolbarEditMessageLabel,
         className,
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "size-[18px]" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Edit, { className: "size-[18px]" })
       }
     );
   };
@@ -2567,8 +2795,8 @@ function CopilotChatUserMessage({
     }
     const canGoPrev = currentBranch > 0;
     const canGoNext = currentBranch < numberOfBranches - 1;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("flex items-center gap-1", className), ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: (0, import_tailwind_merge5.twMerge)("flex items-center gap-1", className), ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Button,
         {
           type: "button",
@@ -2580,15 +2808,15 @@ function CopilotChatUserMessage({
           }),
           disabled: !canGoPrev,
           className: "h-6 w-6 p-0",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-[20px]" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronLeft, { className: "size-[20px]" })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground px-0 font-medium", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "text-sm text-muted-foreground px-0 font-medium", children: [
         currentBranch + 1,
         "/",
         numberOfBranches
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Button,
         {
           type: "button",
@@ -2600,7 +2828,7 @@ function CopilotChatUserMessage({
           }),
           disabled: !canGoNext,
           className: "h-6 w-6 p-0",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-[20px]" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronRight, { className: "size-[20px]" })
         }
       )
     ] });
@@ -2614,11 +2842,16 @@ CopilotChatUserMessage.CopyButton.displayName = "CopilotChatUserMessage.CopyButt
 CopilotChatUserMessage.EditButton.displayName = "CopilotChatUserMessage.EditButton";
 CopilotChatUserMessage.BranchNavigation.displayName = "CopilotChatUserMessage.BranchNavigation";
 var CopilotChatUserMessage_default = CopilotChatUserMessage;
+
+// src/components/chat/CopilotChatSuggestionPill.tsx
+var import_react19 = __toESM(require("react"));
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var baseClasses = "group inline-flex h-7 sm:h-8 items-center gap-1 sm:gap-1.5 rounded-full border border-border/60 bg-background px-2.5 sm:px-3 text-[11px] sm:text-xs leading-none text-foreground transition-colors cursor-pointer hover:bg-accent/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:text-muted-foreground disabled:hover:bg-background disabled:hover:text-muted-foreground pointer-events-auto";
 var labelClasses = "whitespace-nowrap font-medium leading-none";
-var CopilotChatSuggestionPill = React2__namespace.default.forwardRef(function CopilotChatSuggestionPill2({ className, children, icon, isLoading, type, ...props }, ref) {
+var CopilotChatSuggestionPill = import_react19.default.forwardRef(function CopilotChatSuggestionPill2({ className, children, icon, isLoading, type, ...props }, ref) {
   const showIcon = !isLoading && icon;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "button",
     {
       ref,
@@ -2629,16 +2862,20 @@ var CopilotChatSuggestionPill = React2__namespace.default.forwardRef(function Co
       disabled: isLoading || props.disabled,
       ...props,
       children: [
-        isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 sm:h-4 w-3.5 sm:w-4 animate-spin", "aria-hidden": "true" }) }) : showIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground", children: icon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelClasses, children })
+        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.Loader2, { className: "h-3.5 sm:h-4 w-3.5 sm:w-4 animate-spin", "aria-hidden": "true" }) }) : showIcon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: labelClasses, children })
       ]
     }
   );
 });
 CopilotChatSuggestionPill.displayName = "CopilotChatSuggestionPill";
 var CopilotChatSuggestionPill_default = CopilotChatSuggestionPill;
-var DefaultContainer = React2__namespace.default.forwardRef(function DefaultContainer2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+
+// src/components/chat/CopilotChatSuggestionView.tsx
+var import_react20 = __toESM(require("react"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var DefaultContainer = import_react20.default.forwardRef(function DefaultContainer2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       ref,
@@ -2650,7 +2887,7 @@ var DefaultContainer = React2__namespace.default.forwardRef(function DefaultCont
     }
   );
 });
-var CopilotChatSuggestionView = React2__namespace.default.forwardRef(function CopilotChatSuggestionView2({
+var CopilotChatSuggestionView = import_react20.default.forwardRef(function CopilotChatSuggestionView2({
   suggestions,
   onSelectSuggestion,
   loadingIndexes,
@@ -2660,7 +2897,7 @@ var CopilotChatSuggestionView = React2__namespace.default.forwardRef(function Co
   children,
   ...restProps
 }, ref) {
-  const loadingSet = React2__namespace.default.useMemo(() => {
+  const loadingSet = import_react20.default.useMemo(() => {
     if (!loadingIndexes || loadingIndexes.length === 0) {
       return /* @__PURE__ */ new Set();
     }
@@ -2679,11 +2916,11 @@ var CopilotChatSuggestionView = React2__namespace.default.forwardRef(function Co
       type: "button",
       onClick: () => onSelectSuggestion?.(suggestion, index)
     });
-    return React2__namespace.default.cloneElement(pill, {
+    return import_react20.default.cloneElement(pill, {
       key: `${suggestion.title}-${index}`
     });
   });
-  const boundContainer = React2__namespace.default.cloneElement(
+  const boundContainer = import_react20.default.cloneElement(
     ContainerElement,
     void 0,
     suggestionElements
@@ -2694,7 +2931,7 @@ var CopilotChatSuggestionView = React2__namespace.default.forwardRef(function Co
       isLoading: suggestions.length > 0 ? loadingSet.has(0) || suggestions[0]?.isLoading === true : false,
       type: "button"
     });
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: children({
       container: boundContainer,
       suggestion: sampleSuggestion,
       suggestions,
@@ -2705,7 +2942,7 @@ var CopilotChatSuggestionView = React2__namespace.default.forwardRef(function Co
     }) });
   }
   if (children) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
       boundContainer,
       children
     ] });
@@ -2714,6 +2951,105 @@ var CopilotChatSuggestionView = React2__namespace.default.forwardRef(function Co
 });
 CopilotChatSuggestionView.displayName = "CopilotChatSuggestionView";
 var CopilotChatSuggestionView_default = CopilotChatSuggestionView;
+
+// src/components/chat/CopilotChatMessageView.tsx
+var import_react21 = __toESM(require("react"));
+var import_tailwind_merge6 = require("tailwind-merge");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var MemoizedAssistantMessage = import_react21.default.memo(
+  function MemoizedAssistantMessage2({
+    message,
+    messages,
+    isRunning,
+    AssistantMessageComponent
+  }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      AssistantMessageComponent,
+      {
+        message,
+        messages,
+        isRunning
+      }
+    );
+  },
+  (prevProps, nextProps) => {
+    if (prevProps.message.id !== nextProps.message.id) return false;
+    if (prevProps.message.content !== nextProps.message.content) return false;
+    const prevToolCalls = prevProps.message.toolCalls;
+    const nextToolCalls = nextProps.message.toolCalls;
+    if (prevToolCalls?.length !== nextToolCalls?.length) return false;
+    if (prevToolCalls && nextToolCalls) {
+      for (let i = 0; i < prevToolCalls.length; i++) {
+        const prevTc = prevToolCalls[i];
+        const nextTc = nextToolCalls[i];
+        if (!prevTc || !nextTc) return false;
+        if (prevTc.id !== nextTc.id) return false;
+        if (prevTc.function.arguments !== nextTc.function.arguments) return false;
+      }
+    }
+    if (prevToolCalls && prevToolCalls.length > 0) {
+      const toolCallIds = new Set(prevToolCalls.map((tc) => tc.id));
+      const prevToolResults = prevProps.messages.filter(
+        (m) => m.role === "tool" && toolCallIds.has(m.toolCallId)
+      );
+      const nextToolResults = nextProps.messages.filter(
+        (m) => m.role === "tool" && toolCallIds.has(m.toolCallId)
+      );
+      if (prevToolResults.length !== nextToolResults.length) return false;
+      for (let i = 0; i < prevToolResults.length; i++) {
+        if (prevToolResults[i].content !== nextToolResults[i].content) return false;
+      }
+    }
+    const nextIsLatest = nextProps.messages[nextProps.messages.length - 1]?.id === nextProps.message.id;
+    if (nextIsLatest && prevProps.isRunning !== nextProps.isRunning) return false;
+    if (prevProps.AssistantMessageComponent !== nextProps.AssistantMessageComponent) return false;
+    return true;
+  }
+);
+var MemoizedUserMessage = import_react21.default.memo(
+  function MemoizedUserMessage2({
+    message,
+    UserMessageComponent
+  }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(UserMessageComponent, { message });
+  },
+  (prevProps, nextProps) => {
+    if (prevProps.message.id !== nextProps.message.id) return false;
+    if (prevProps.message.content !== nextProps.message.content) return false;
+    if (prevProps.UserMessageComponent !== nextProps.UserMessageComponent) return false;
+    return true;
+  }
+);
+var MemoizedActivityMessage = import_react21.default.memo(
+  function MemoizedActivityMessage2({
+    message,
+    renderActivityMessage
+  }) {
+    return renderActivityMessage(message);
+  },
+  (prevProps, nextProps) => {
+    if (prevProps.message.id !== nextProps.message.id) return false;
+    if (prevProps.message.activityType !== nextProps.message.activityType) return false;
+    if (JSON.stringify(prevProps.message.content) !== JSON.stringify(nextProps.message.content)) return false;
+    return true;
+  }
+);
+var MemoizedCustomMessage = import_react21.default.memo(
+  function MemoizedCustomMessage2({
+    message,
+    position,
+    renderCustomMessage
+  }) {
+    return renderCustomMessage({ message, position });
+  },
+  (prevProps, nextProps) => {
+    if (prevProps.message.id !== nextProps.message.id) return false;
+    if (prevProps.position !== nextProps.position) return false;
+    if (prevProps.message.content !== nextProps.message.content) return false;
+    if (prevProps.message.role !== nextProps.message.role) return false;
+    return true;
+  }
+);
 function CopilotChatMessageView({
   messages = [],
   assistantMessage,
@@ -2730,40 +3066,66 @@ function CopilotChatMessageView({
     const elements = [];
     if (renderCustomMessage) {
       elements.push(
-        renderCustomMessage({
-          message,
-          position: "before"
-        })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          MemoizedCustomMessage,
+          {
+            message,
+            position: "before",
+            renderCustomMessage
+          },
+          `${message.id}-custom-before`
+        )
       );
     }
     if (message.role === "assistant") {
+      const AssistantComponent = typeof assistantMessage === "function" ? assistantMessage : CopilotChatAssistantMessage_default;
       elements.push(
-        renderSlot(assistantMessage, CopilotChatAssistantMessage_default, {
-          key: message.id,
-          message,
-          messages,
-          isRunning
-        })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          MemoizedAssistantMessage,
+          {
+            message,
+            messages,
+            isRunning,
+            AssistantMessageComponent: AssistantComponent
+          },
+          message.id
+        )
       );
     } else if (message.role === "user") {
+      const UserComponent = typeof userMessage === "function" ? userMessage : CopilotChatUserMessage_default;
       elements.push(
-        renderSlot(userMessage, CopilotChatUserMessage_default, {
-          key: message.id,
-          message
-        })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          MemoizedUserMessage,
+          {
+            message,
+            UserMessageComponent: UserComponent
+          },
+          message.id
+        )
       );
     } else if (message.role === "activity") {
-      const renderedActivity = renderActivityMessage(message);
-      if (renderedActivity) {
-        elements.push(renderedActivity);
-      }
+      elements.push(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          MemoizedActivityMessage,
+          {
+            message,
+            renderActivityMessage
+          },
+          message.id
+        )
+      );
     }
     if (renderCustomMessage) {
       elements.push(
-        renderCustomMessage({
-          message,
-          position: "after"
-        })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          MemoizedCustomMessage,
+          {
+            message,
+            position: "after",
+            renderCustomMessage
+          },
+          `${message.id}-custom-after`
+        )
       );
     }
     return elements;
@@ -2771,29 +3133,38 @@ function CopilotChatMessageView({
   if (children) {
     return children({ messageElements, messages, isRunning });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("flex flex-col", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: (0, import_tailwind_merge6.twMerge)("flex flex-col", className), ...props, children: [
     messageElements,
     isRunning && renderSlot(cursor, CopilotChatMessageView.Cursor, {})
   ] });
 }
 CopilotChatMessageView.Cursor = function Cursor({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
-      className: tailwindMerge.twMerge("w-[11px] h-[11px] rounded-full bg-foreground animate-pulse-cursor ml-1", className),
+      className: (0, import_tailwind_merge6.twMerge)("w-[11px] h-[11px] rounded-full bg-foreground animate-pulse-cursor ml-1", className),
       ...props
     }
   );
 };
 var CopilotChatMessageView_default = CopilotChatMessageView;
+
+// src/components/chat/CopilotChatView.tsx
+var import_react23 = __toESM(require("react"));
+var import_tailwind_merge7 = require("tailwind-merge");
+var import_use_stick_to_bottom = require("use-stick-to-bottom");
+var import_lucide_react6 = require("lucide-react");
+
+// src/hooks/use-keyboard-height.tsx
+var import_react22 = require("react");
 function useKeyboardHeight() {
-  const [keyboardState, setKeyboardState] = React2.useState({
+  const [keyboardState, setKeyboardState] = (0, import_react22.useState)({
     isKeyboardOpen: false,
     keyboardHeight: 0,
     availableHeight: typeof window !== "undefined" ? window.innerHeight : 0,
     viewportHeight: typeof window !== "undefined" ? window.innerHeight : 0
   });
-  React2.useEffect(() => {
+  (0, import_react22.useEffect)(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -2823,6 +3194,9 @@ function useKeyboardHeight() {
   }, []);
   return keyboardState;
 }
+
+// src/components/chat/CopilotChatView.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function CopilotChatView({
   messageView,
   input,
@@ -2843,12 +3217,12 @@ function CopilotChatView({
   className,
   ...props
 }) {
-  const inputContainerRef = React2.useRef(null);
-  const [inputContainerHeight, setInputContainerHeight] = React2.useState(0);
-  const [isResizing, setIsResizing] = React2.useState(false);
-  const resizeTimeoutRef = React2.useRef(null);
+  const inputContainerRef = (0, import_react23.useRef)(null);
+  const [inputContainerHeight, setInputContainerHeight] = (0, import_react23.useState)(0);
+  const [isResizing, setIsResizing] = (0, import_react23.useState)(false);
+  const resizeTimeoutRef = (0, import_react23.useRef)(null);
   const { isKeyboardOpen, keyboardHeight, availableHeight } = useKeyboardHeight();
-  React2.useEffect(() => {
+  (0, import_react23.useEffect)(() => {
     const element = inputContainerRef.current;
     if (!element) return;
     const resizeObserver = new ResizeObserver((entries) => {
@@ -2884,25 +3258,21 @@ function CopilotChatView({
   });
   const BoundInput = renderSlot(input, CopilotChatInput_default, inputProps ?? {});
   const hasSuggestions = Array.isArray(suggestions) && suggestions.length > 0;
-  const BoundSuggestionView = hasSuggestions ? renderSlot(
-    suggestionView,
-    CopilotChatSuggestionView_default,
-    {
-      suggestions,
-      loadingIndexes: suggestionLoadingIndexes,
-      onSelectSuggestion,
-      className: "mb-3 lg:ml-4 lg:mr-4 ml-0 mr-0"
-    }
-  ) : null;
+  const BoundSuggestionView = hasSuggestions ? renderSlot(suggestionView, CopilotChatSuggestionView_default, {
+    suggestions,
+    loadingIndexes: suggestionLoadingIndexes,
+    onSelectSuggestion,
+    className: "mb-3 lg:ml-4 lg:mr-4 ml-0 mr-0"
+  }) : null;
   const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});
   const BoundScrollView = renderSlot(scrollView, CopilotChatView.ScrollView, {
     autoScroll,
     scrollToBottomButton,
     inputContainerHeight,
     isResizing,
-    children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { paddingBottom: `${inputContainerHeight + (hasSuggestions ? 4 : 32)}px` }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl mx-auto", children: [
+    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { paddingBottom: `${inputContainerHeight + (hasSuggestions ? 4 : 32)}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "max-w-3xl mx-auto", children: [
       BoundMessageView,
-      hasSuggestions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-0 pr-4 sm:px-0 mt-4", children: BoundSuggestionView }) : null
+      hasSuggestions ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "pl-0 pr-4 sm:px-0 mt-4", children: BoundSuggestionView }) : null
     ] }) })
   });
   const BoundScrollToBottomButton = renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, {});
@@ -2910,8 +3280,8 @@ function CopilotChatView({
   const BoundInputContainer = renderSlot(inputContainer, CopilotChatView.InputContainer, {
     ref: inputContainerRef,
     keyboardHeight: isKeyboardOpen ? keyboardHeight : 0,
-    children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-3xl mx-auto py-0 px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6 pointer-events-auto", children: BoundInput }),
+    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "max-w-3xl mx-auto py-0 px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6 pointer-events-auto", children: BoundInput }),
       BoundDisclaimer
     ] })
   });
@@ -2924,10 +3294,10 @@ function CopilotChatView({
       feather: BoundFeather,
       inputContainer: BoundInputContainer,
       disclaimer: BoundDisclaimer,
-      suggestionView: BoundSuggestionView ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {})
+      suggestionView: BoundSuggestionView ?? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {})
     });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("relative h-full", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: (0, import_tailwind_merge7.twMerge)("relative h-full", className), ...props, children: [
     BoundScrollView,
     BoundFeather,
     BoundInputContainer
@@ -2935,10 +3305,10 @@ function CopilotChatView({
 }
 ((CopilotChatView2) => {
   const ScrollContent = ({ children, scrollToBottomButton, inputContainerHeight, isResizing }) => {
-    const { isAtBottom, scrollToBottom } = useStickToBottom.useStickToBottomContext();
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(useStickToBottom.StickToBottom.Content, { className: "overflow-y-scroll overflow-x-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6", children }) }),
-      !isAtBottom && !isResizing && /* @__PURE__ */ jsxRuntime.jsx(
+    const { isAtBottom, scrollToBottom } = (0, import_use_stick_to_bottom.useStickToBottomContext)();
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_use_stick_to_bottom.StickToBottom.Content, { className: "overflow-y-scroll overflow-x-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6", children }) }),
+      !isAtBottom && !isResizing && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "div",
         {
           className: "absolute inset-x-0 flex justify-center z-10 pointer-events-none",
@@ -2961,13 +3331,13 @@ function CopilotChatView({
     className,
     ...props
   }) => {
-    const [hasMounted, setHasMounted] = React2.useState(false);
-    const { scrollRef, contentRef, scrollToBottom } = useStickToBottom.useStickToBottom();
-    const [showScrollButton, setShowScrollButton] = React2.useState(false);
-    React2.useEffect(() => {
+    const [hasMounted, setHasMounted] = (0, import_react23.useState)(false);
+    const { scrollRef, contentRef, scrollToBottom } = (0, import_use_stick_to_bottom.useStickToBottom)();
+    const [showScrollButton, setShowScrollButton] = (0, import_react23.useState)(false);
+    (0, import_react23.useEffect)(() => {
       setHasMounted(true);
     }, []);
-    React2.useEffect(() => {
+    (0, import_react23.useEffect)(() => {
       if (autoScroll) return;
       const scrollElement = scrollRef.current;
       if (!scrollElement) return;
@@ -2985,10 +3355,10 @@ function CopilotChatView({
       };
     }, [scrollRef, autoScroll]);
     if (!hasMounted) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6", children }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6", children }) });
     }
     if (!autoScroll) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         "div",
         {
           ref: scrollRef,
@@ -2998,8 +3368,8 @@ function CopilotChatView({
           ),
           ...props,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6", children }),
-            showScrollButton && !isResizing && /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: contentRef, className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6", children }),
+            showScrollButton && !isResizing && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "div",
               {
                 className: "absolute inset-x-0 flex justify-center z-10 pointer-events-none",
@@ -3015,14 +3385,14 @@ function CopilotChatView({
         }
       );
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      useStickToBottom.StickToBottom,
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_use_stick_to_bottom.StickToBottom,
       {
         className: cn("h-full max-h-full flex flex-col min-h-0 relative", className),
         resize: "smooth",
         initial: "smooth",
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           ScrollContent,
           {
             scrollToBottomButton,
@@ -3037,12 +3407,12 @@ function CopilotChatView({
   CopilotChatView2.ScrollToBottomButton = ({
     className,
     ...props
-  }) => /* @__PURE__ */ jsxRuntime.jsx(
+  }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     Button,
     {
       variant: "outline",
       size: "sm",
-      className: tailwindMerge.twMerge(
+      className: (0, import_tailwind_merge7.twMerge)(
         "rounded-full w-10 h-10 p-0 pointer-events-auto",
         "bg-white dark:bg-gray-900",
         "shadow-lg border border-gray-200 dark:border-gray-700",
@@ -3051,10 +3421,10 @@ function CopilotChatView({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "w-4 h-4 text-gray-600 dark:text-white" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.ChevronDown, { className: "w-4 h-4 text-gray-600 dark:text-white" })
     }
   );
-  CopilotChatView2.Feather = ({ className, style, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  CopilotChatView2.Feather = ({ className, style, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       className: cn(
@@ -3067,7 +3437,7 @@ function CopilotChatView({
       ...props
     }
   );
-  CopilotChatView2.InputContainer = React2__namespace.default.forwardRef(({ children, className, keyboardHeight = 0, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  CopilotChatView2.InputContainer = import_react23.default.forwardRef(({ children, className, keyboardHeight = 0, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       ref,
@@ -3085,7 +3455,7 @@ function CopilotChatView({
   CopilotChatView2.Disclaimer = ({ className, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "div",
       {
         className: cn("text-center text-xs text-muted-foreground py-3 px-4 max-w-3xl mx-auto", className),
@@ -3096,11 +3466,18 @@ function CopilotChatView({
   };
 })(CopilotChatView || (CopilotChatView = {}));
 var CopilotChatView_default = CopilotChatView;
+
+// src/components/chat/CopilotChat.tsx
+var import_shared8 = require("@copilotkitnext/shared");
+var import_react24 = require("react");
+var import_ts_deepmerge = require("ts-deepmerge");
+var import_client = require("@ag-ui/client");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, ...props }) {
   const existingConfig = useCopilotChatConfiguration();
-  const resolvedAgentId = agentId ?? existingConfig?.agentId ?? shared.DEFAULT_AGENT_ID;
-  const resolvedThreadId = React2.useMemo(
-    () => threadId ?? existingConfig?.threadId ?? shared.randomUUID(),
+  const resolvedAgentId = agentId ?? existingConfig?.agentId ?? import_shared8.DEFAULT_AGENT_ID;
+  const resolvedThreadId = (0, import_react24.useMemo)(
+    () => threadId ?? existingConfig?.threadId ?? (0, import_shared8.randomUUID)(),
     [threadId, existingConfig?.threadId]
   );
   const { agent } = useAgent({ agentId: resolvedAgentId });
@@ -3112,47 +3489,41 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
     suggestionView: providedSuggestionView,
     ...restProps
   } = props;
-  React2.useEffect(() => {
+  (0, import_react24.useEffect)(() => {
     const connect = async (agent2) => {
       try {
         await copilotkit.connectAgent({ agent: agent2 });
       } catch (error) {
-        if (error instanceof client.AGUIConnectNotImplementedError) ; else {
+        if (error instanceof import_client.AGUIConnectNotImplementedError) {
+        } else {
           throw error;
         }
       }
     };
-    if (agent) {
-      agent.threadId = resolvedThreadId;
-      connect(agent);
-    }
+    agent.threadId = resolvedThreadId;
+    connect(agent);
     return () => {
     };
   }, [resolvedThreadId, agent, copilotkit, resolvedAgentId]);
-  const onSubmitInput = React2.useCallback(
+  const onSubmitInput = (0, import_react24.useCallback)(
     async (value) => {
-      agent?.addMessage({
-        id: shared.randomUUID(),
+      agent.addMessage({
+        id: (0, import_shared8.randomUUID)(),
         role: "user",
         content: value
       });
-      if (agent) {
-        try {
-          await copilotkit.runAgent({ agent });
-        } catch (error) {
-          console.error("CopilotChat: runAgent failed", error);
-        }
+      try {
+        await copilotkit.runAgent({ agent });
+      } catch (error) {
+        console.error("CopilotChat: runAgent failed", error);
       }
     },
     [agent, copilotkit]
   );
-  const handleSelectSuggestion = React2.useCallback(
+  const handleSelectSuggestion = (0, import_react24.useCallback)(
     async (suggestion) => {
-      if (!agent) {
-        return;
-      }
       agent.addMessage({
-        id: shared.randomUUID(),
+        id: (0, import_shared8.randomUUID)(),
         role: "user",
         content: suggestion.message
       });
@@ -3164,10 +3535,7 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
     },
     [agent, copilotkit]
   );
-  const stopCurrentRun = React2.useCallback(() => {
-    if (!agent) {
-      return;
-    }
+  const stopCurrentRun = (0, import_react24.useCallback)(() => {
     try {
       copilotkit.stopAgent({ agent });
     } catch (error) {
@@ -3179,9 +3547,9 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
       }
     }
   }, [agent, copilotkit]);
-  const mergedProps = tsDeepmerge.merge(
+  const mergedProps = (0, import_ts_deepmerge.merge)(
     {
-      isRunning: agent?.isRunning ?? false,
+      isRunning: agent.isRunning,
       suggestions: autoSuggestions,
       onSelectSuggestion: handleSelectSuggestion,
       suggestionView: providedSuggestionView
@@ -3192,22 +3560,22 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
     }
   );
   const providedStopHandler = providedInputProps?.onStop;
-  const hasMessages = (agent?.messages?.length ?? 0) > 0;
-  const shouldAllowStop = (agent?.isRunning ?? false) && hasMessages;
+  const hasMessages = agent.messages.length > 0;
+  const shouldAllowStop = agent.isRunning && hasMessages;
   const effectiveStopHandler = shouldAllowStop ? providedStopHandler ?? stopCurrentRun : providedStopHandler;
   const finalInputProps = {
     ...providedInputProps,
     onSubmitMessage: onSubmitInput,
     onStop: effectiveStopHandler,
-    isRunning: agent?.isRunning ?? false
+    isRunning: agent.isRunning
   };
-  finalInputProps.mode = agent?.isRunning ? "processing" : finalInputProps.mode ?? "input";
-  const finalProps = tsDeepmerge.merge(mergedProps, {
-    messages: agent?.messages ?? [],
+  finalInputProps.mode = agent.isRunning ? "processing" : finalInputProps.mode ?? "input";
+  const finalProps = (0, import_ts_deepmerge.merge)(mergedProps, {
+    messages: agent.messages,
     inputProps: finalInputProps
   });
   const RenderedChatView = renderSlot(chatView, CopilotChatView, finalProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     CopilotChatConfigurationProvider,
     {
       agentId: resolvedAgentId,
@@ -3221,14 +3589,19 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
 ((CopilotChat2) => {
   CopilotChat2.View = CopilotChatView;
 })(CopilotChat || (CopilotChat = {}));
+
+// src/components/chat/CopilotChatToggleButton.tsx
+var import_react25 = __toESM(require("react"));
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var DefaultOpenIcon = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircle, { className: cn("h-6 w-6", className), strokeWidth: 1.75, fill: "currentColor", ...props });
+}) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.MessageCircle, { className: cn("h-6 w-6", className), strokeWidth: 1.75, fill: "currentColor", ...props });
 var DefaultCloseIcon = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: cn("h-6 w-6", className), strokeWidth: 1.75, ...props });
+}) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.X, { className: cn("h-6 w-6", className), strokeWidth: 1.75, ...props });
 DefaultOpenIcon.displayName = "CopilotChatToggleButton.OpenIcon";
 DefaultCloseIcon.displayName = "CopilotChatToggleButton.CloseIcon";
 var ICON_TRANSITION_STYLE = Object.freeze({
@@ -3245,11 +3618,11 @@ var BUTTON_BASE_CLASSES = cn(
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
   "disabled:pointer-events-none disabled:opacity-60"
 );
-var CopilotChatToggleButton = React2__namespace.default.forwardRef(function CopilotChatToggleButton2({ openIcon, closeIcon, className, ...buttonProps }, ref) {
+var CopilotChatToggleButton = import_react25.default.forwardRef(function CopilotChatToggleButton2({ openIcon, closeIcon, className, ...buttonProps }, ref) {
   const { onClick, type, disabled, ...restProps } = buttonProps;
   const configuration = useCopilotChatConfiguration();
   const labels = configuration?.labels ?? CopilotChatDefaultLabels;
-  const [fallbackOpen, setFallbackOpen] = React2.useState(false);
+  const [fallbackOpen, setFallbackOpen] = (0, import_react25.useState)(false);
   const isOpen = configuration?.isModalOpen ?? fallbackOpen;
   const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;
   const handleClick = (event) => {
@@ -3283,7 +3656,7 @@ var CopilotChatToggleButton = React2__namespace.default.forwardRef(function Copi
       focusable: false
     }
   );
-  const openIconElement = /* @__PURE__ */ jsxRuntime.jsx(
+  const openIconElement = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -3297,7 +3670,7 @@ var CopilotChatToggleButton = React2__namespace.default.forwardRef(function Copi
       children: renderedOpenIcon
     }
   );
-  const closeIconElement = /* @__PURE__ */ jsxRuntime.jsx(
+  const closeIconElement = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -3311,7 +3684,7 @@ var CopilotChatToggleButton = React2__namespace.default.forwardRef(function Copi
       children: renderedCloseIcon
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "button",
     {
       ref,
@@ -3333,6 +3706,14 @@ var CopilotChatToggleButton = React2__namespace.default.forwardRef(function Copi
 });
 CopilotChatToggleButton.displayName = "CopilotChatToggleButton";
 var CopilotChatToggleButton_default = CopilotChatToggleButton;
+
+// src/components/chat/CopilotSidebarView.tsx
+var import_react27 = require("react");
+
+// src/components/chat/CopilotModalHeader.tsx
+var import_react26 = require("react");
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function CopilotModalHeader({
   title,
   titleContent,
@@ -3344,7 +3725,7 @@ function CopilotModalHeader({
   const configuration = useCopilotChatConfiguration();
   const fallbackTitle = configuration?.labels.modalHeaderTitle ?? CopilotChatDefaultLabels.modalHeaderTitle;
   const resolvedTitle = title ?? fallbackTitle;
-  const handleClose = React2.useCallback(() => {
+  const handleClose = (0, import_react26.useCallback)(() => {
     configuration?.setModalOpen(false);
   }, [configuration]);
   const BoundTitle = renderSlot(titleContent, CopilotModalHeader.Title, {
@@ -3361,7 +3742,7 @@ function CopilotModalHeader({
       ...rest
     });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "header",
     {
       "data-slot": "copilot-modal-header",
@@ -3371,17 +3752,17 @@ function CopilotModalHeader({
         className
       ),
       ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 justify-center text-center", children: BoundTitle }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 justify-end", children: BoundCloseButton })
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex w-full items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex-1", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-1 justify-center text-center", children: BoundTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-1 justify-end", children: BoundCloseButton })
       ] })
     }
   );
 }
 CopilotModalHeader.displayName = "CopilotModalHeader";
 ((CopilotModalHeader2) => {
-  CopilotModalHeader2.Title = ({ children, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  CopilotModalHeader2.Title = ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       className: cn(
@@ -3395,7 +3776,7 @@ CopilotModalHeader.displayName = "CopilotModalHeader";
   CopilotModalHeader2.CloseButton = ({
     className,
     ...props
-  }) => /* @__PURE__ */ jsxRuntime.jsx(
+  }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "button",
     {
       type: "button",
@@ -3406,19 +3787,22 @@ CopilotModalHeader.displayName = "CopilotModalHeader";
       ),
       "aria-label": "Close",
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4", "aria-hidden": "true" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.X, { className: "h-4 w-4", "aria-hidden": "true" })
     }
   );
 })(CopilotModalHeader || (CopilotModalHeader = {}));
 CopilotModalHeader.Title.displayName = "CopilotModalHeader.Title";
 CopilotModalHeader.CloseButton.displayName = "CopilotModalHeader.CloseButton";
+
+// src/components/chat/CopilotSidebarView.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var DEFAULT_SIDEBAR_WIDTH = 480;
 var SIDEBAR_TRANSITION_MS = 260;
 function CopilotSidebarView({ header, width, ...props }) {
   const configuration = useCopilotChatConfiguration();
   const isSidebarOpen = configuration?.isModalOpen ?? false;
-  const sidebarRef = React2.useRef(null);
-  const [sidebarWidth, setSidebarWidth] = React2.useState(width ?? DEFAULT_SIDEBAR_WIDTH);
+  const sidebarRef = (0, import_react27.useRef)(null);
+  const [sidebarWidth, setSidebarWidth] = (0, import_react27.useState)(width ?? DEFAULT_SIDEBAR_WIDTH);
   const widthToCss = (w) => {
     return typeof w === "number" ? `${w}px` : w;
   };
@@ -3428,7 +3812,7 @@ function CopilotSidebarView({ header, width, ...props }) {
     }
     return w;
   };
-  React2.useEffect(() => {
+  (0, import_react27.useEffect)(() => {
     if (width !== void 0) {
       return;
     }
@@ -3455,8 +3839,8 @@ function CopilotSidebarView({ header, width, ...props }) {
     return () => window.removeEventListener("resize", updateWidth);
   }, [width]);
   const headerElement = renderSlot(header, CopilotModalHeader, {});
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    isSidebarOpen && /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "style",
       {
         dangerouslySetInnerHTML: {
@@ -3470,8 +3854,8 @@ function CopilotSidebarView({ header, width, ...props }) {
         }
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(CopilotChatToggleButton_default, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopilotChatToggleButton_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "aside",
       {
         ref: sidebarRef,
@@ -3496,15 +3880,19 @@ function CopilotSidebarView({ header, width, ...props }) {
         "aria-hidden": !isSidebarOpen,
         "aria-label": "Copilot chat sidebar",
         role: "complementary",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex h-full w-full flex-col overflow-hidden", children: [
           headerElement,
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", "data-sidebar-chat": true, children: /* @__PURE__ */ jsxRuntime.jsx(CopilotChatView_default, { ...props }) })
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-1 overflow-hidden", "data-sidebar-chat": true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopilotChatView_default, { ...props }) })
         ] })
       }
     )
   ] });
 }
 CopilotSidebarView.displayName = "CopilotSidebarView";
+
+// src/components/chat/CopilotPopupView.tsx
+var import_react28 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var DEFAULT_POPUP_WIDTH = 420;
 var DEFAULT_POPUP_HEIGHT = 560;
 var dimensionToCss = (value, fallback) => {
@@ -3528,10 +3916,10 @@ function CopilotPopupView({
   const isPopupOpen = configuration?.isModalOpen ?? false;
   const setModalOpen = configuration?.setModalOpen;
   const labels = configuration?.labels ?? CopilotChatDefaultLabels;
-  const containerRef = React2.useRef(null);
-  const [isRendered, setIsRendered] = React2.useState(isPopupOpen);
-  const [isAnimatingOut, setIsAnimatingOut] = React2.useState(false);
-  React2.useEffect(() => {
+  const containerRef = (0, import_react28.useRef)(null);
+  const [isRendered, setIsRendered] = (0, import_react28.useState)(isPopupOpen);
+  const [isAnimatingOut, setIsAnimatingOut] = (0, import_react28.useState)(false);
+  (0, import_react28.useEffect)(() => {
     if (isPopupOpen) {
       setIsRendered(true);
       setIsAnimatingOut(false);
@@ -3547,7 +3935,7 @@ function CopilotPopupView({
     }, 200);
     return () => clearTimeout(timeout);
   }, [isPopupOpen, isRendered]);
-  React2.useEffect(() => {
+  (0, import_react28.useEffect)(() => {
     if (!isPopupOpen) {
       return;
     }
@@ -3563,7 +3951,7 @@ function CopilotPopupView({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isPopupOpen, setModalOpen]);
-  React2.useEffect(() => {
+  (0, import_react28.useEffect)(() => {
     if (!isPopupOpen) {
       return;
     }
@@ -3572,7 +3960,7 @@ function CopilotPopupView({
     }, 200);
     return () => clearTimeout(focusTimer);
   }, [isPopupOpen]);
-  React2.useEffect(() => {
+  (0, import_react28.useEffect)(() => {
     if (!isPopupOpen || !clickOutsideToClose) {
       return;
     }
@@ -3597,10 +3985,10 @@ function CopilotPopupView({
     document.addEventListener("pointerdown", handlePointerDown);
     return () => document.removeEventListener("pointerdown", handlePointerDown);
   }, [isPopupOpen, clickOutsideToClose, setModalOpen]);
-  const headerElement = React2.useMemo(() => renderSlot(header, CopilotModalHeader, {}), [header]);
+  const headerElement = (0, import_react28.useMemo)(() => renderSlot(header, CopilotModalHeader, {}), [header]);
   const resolvedWidth = dimensionToCss(width, DEFAULT_POPUP_WIDTH);
   const resolvedHeight = dimensionToCss(height, DEFAULT_POPUP_HEIGHT);
-  const popupStyle = React2.useMemo(
+  const popupStyle = (0, import_react28.useMemo)(
     () => ({
       "--copilot-popup-width": resolvedWidth,
       "--copilot-popup-height": resolvedHeight,
@@ -3614,14 +4002,14 @@ function CopilotPopupView({
     [resolvedHeight, resolvedWidth]
   );
   const popupAnimationClass = isPopupOpen && !isAnimatingOut ? "pointer-events-auto translate-y-0 opacity-100 md:scale-100" : "pointer-events-none translate-y-4 opacity-0 md:translate-y-5 md:scale-[0.95]";
-  const popupContent = isRendered ? /* @__PURE__ */ jsxRuntime.jsx(
+  const popupContent = isRendered ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       className: cn(
         "fixed inset-0 z-[1200] flex max-w-full flex-col items-stretch",
         "md:inset-auto md:bottom-24 md:right-6 md:items-end md:gap-4"
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         "div",
         {
           ref: containerRef,
@@ -3642,7 +4030,7 @@ function CopilotPopupView({
           style: popupStyle,
           children: [
             headerElement,
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", "data-popup-chat": true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex-1 overflow-hidden", "data-popup-chat": true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               CopilotChatView_default,
               {
                 ...restProps,
@@ -3654,17 +4042,21 @@ function CopilotPopupView({
       )
     }
   ) : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(CopilotChatToggleButton_default, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CopilotChatToggleButton_default, {}),
     popupContent
   ] });
 }
 CopilotPopupView.displayName = "CopilotPopupView";
+
+// src/components/chat/CopilotSidebar.tsx
+var import_react29 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function CopilotSidebar({ header, defaultOpen, width, ...chatProps }) {
-  const SidebarViewOverride = React2.useMemo(() => {
+  const SidebarViewOverride = (0, import_react29.useMemo)(() => {
     const Component = (viewProps) => {
       const { header: viewHeader, width: viewWidth, ...restProps } = viewProps;
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         CopilotSidebarView,
         {
           ...restProps,
@@ -3675,7 +4067,7 @@ function CopilotSidebar({ header, defaultOpen, width, ...chatProps }) {
     };
     return Object.assign(Component, CopilotChatView_default);
   }, [header, width]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     CopilotChat,
     {
       ...chatProps,
@@ -3685,6 +4077,10 @@ function CopilotSidebar({ header, defaultOpen, width, ...chatProps }) {
   );
 }
 CopilotSidebar.displayName = "CopilotSidebar";
+
+// src/components/chat/CopilotPopup.tsx
+var import_react30 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function CopilotPopup({
   header,
   defaultOpen,
@@ -3693,7 +4089,7 @@ function CopilotPopup({
   clickOutsideToClose,
   ...chatProps
 }) {
-  const PopupViewOverride = React2.useMemo(() => {
+  const PopupViewOverride = (0, import_react30.useMemo)(() => {
     const Component = (viewProps) => {
       const {
         header: viewHeader,
@@ -3702,7 +4098,7 @@ function CopilotPopup({
         clickOutsideToClose: viewClickOutsideToClose,
         ...restProps
       } = viewProps;
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         CopilotPopupView,
         {
           ...restProps,
@@ -3715,7 +4111,7 @@ function CopilotPopup({
     };
     return Object.assign(Component, CopilotChatView_default);
   }, [clickOutsideToClose, header, height, width]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     CopilotChat,
     {
       ...chatProps,
@@ -3725,8 +4121,11 @@ function CopilotPopup({
   );
 }
 CopilotPopup.displayName = "CopilotPopup";
+
+// src/types/defineToolCallRenderer.ts
+var import_zod2 = require("zod");
 function defineToolCallRenderer(def) {
-  const argsSchema = def.name === "*" && !def.args ? zod.z.any() : def.args;
+  const argsSchema = def.name === "*" && !def.args ? import_zod2.z.any() : def.args;
   return {
     name: def.name,
     args: argsSchema,
@@ -3734,23 +4133,27 @@ function defineToolCallRenderer(def) {
     ...def.agentId ? { agentId: def.agentId } : {}
   };
 }
+
+// src/components/WildcardToolCallRender.tsx
+var import_react31 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var WildcardToolCallRender = defineToolCallRenderer({
   name: "*",
   render: ({ args, result, name, status }) => {
-    const [isExpanded, setIsExpanded] = React2.useState(false);
+    const [isExpanded, setIsExpanded] = (0, import_react31.useState)(false);
     const statusString = String(status);
     const isActive = statusString === "inProgress" || statusString === "executing";
     const isComplete = statusString === "complete";
     const statusStyles = isActive ? "bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-400" : isComplete ? "bg-emerald-100 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-400" : "bg-zinc-100 text-zinc-800 dark:bg-zinc-700/40 dark:text-zinc-300";
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 pb-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-zinc-200/60 dark:border-zinc-800/60 bg-white/70 dark:bg-zinc-900/50 shadow-sm backdrop-blur p-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-2 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "rounded-xl border border-zinc-200/60 dark:border-zinc-800/60 bg-white/70 dark:bg-zinc-900/50 shadow-sm backdrop-blur p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
         "div",
         {
           className: "flex items-center justify-between gap-3 cursor-pointer",
           onClick: () => setIsExpanded(!isExpanded),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 "svg",
                 {
                   className: `h-4 w-4 text-zinc-500 dark:text-zinc-400 transition-transform ${isExpanded ? "rotate-90" : ""}`,
@@ -3758,7 +4161,7 @@ var WildcardToolCallRender = defineToolCallRenderer({
                   viewBox: "0 0 24 24",
                   strokeWidth: 2,
                   stroke: "currentColor",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -3768,10 +4171,10 @@ var WildcardToolCallRender = defineToolCallRenderer({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block h-2 w-2 rounded-full bg-blue-500" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-medium text-zinc-900 dark:text-zinc-100", children: name })
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-blue-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "truncate text-sm font-medium text-zinc-900 dark:text-zinc-100", children: name })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               "span",
               {
                 className: `inline-flex items-center rounded-full px-2 py-1 text-xs font-medium ${statusStyles}`,
@@ -3781,55 +4184,58 @@ var WildcardToolCallRender = defineToolCallRenderer({
           ]
         }
       ),
-      isExpanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 grid gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Arguments" }),
-          /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: JSON.stringify(args ?? {}, null, 2) })
+      isExpanded && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mt-3 grid gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Arguments" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: JSON.stringify(args ?? {}, null, 2) })
         ] }),
-        result !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Result" }),
-          /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: typeof result === "string" ? result : JSON.stringify(result, null, 2) })
+        result !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Result" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: typeof result === "string" ? result : JSON.stringify(result, null, 2) })
         ] })
       ] })
     ] }) });
   }
 });
-
-exports.AudioRecorderError = AudioRecorderError;
-exports.CopilotChat = CopilotChat;
-exports.CopilotChatAssistantMessage = CopilotChatAssistantMessage_default;
-exports.CopilotChatAudioRecorder = CopilotChatAudioRecorder;
-exports.CopilotChatConfigurationProvider = CopilotChatConfigurationProvider;
-exports.CopilotChatInput = CopilotChatInput_default;
-exports.CopilotChatMessageView = CopilotChatMessageView_default;
-exports.CopilotChatSuggestionPill = CopilotChatSuggestionPill_default;
-exports.CopilotChatSuggestionView = CopilotChatSuggestionView_default;
-exports.CopilotChatToggleButton = CopilotChatToggleButton;
-exports.CopilotChatToggleButtonCloseIcon = DefaultCloseIcon;
-exports.CopilotChatToggleButtonOpenIcon = DefaultOpenIcon;
-exports.CopilotChatToolCallsView = CopilotChatToolCallsView_default;
-exports.CopilotChatUserMessage = CopilotChatUserMessage_default;
-exports.CopilotChatView = CopilotChatView_default;
-exports.CopilotKitCoreReact = CopilotKitCoreReact;
-exports.CopilotKitInspector = CopilotKitInspector;
-exports.CopilotKitProvider = CopilotKitProvider;
-exports.CopilotModalHeader = CopilotModalHeader;
-exports.CopilotPopup = CopilotPopup;
-exports.CopilotPopupView = CopilotPopupView;
-exports.CopilotSidebar = CopilotSidebar;
-exports.CopilotSidebarView = CopilotSidebarView;
-exports.WildcardToolCallRender = WildcardToolCallRender;
-exports.defineToolCallRenderer = defineToolCallRenderer;
-exports.useAgent = useAgent;
-exports.useAgentContext = useAgentContext;
-exports.useConfigureSuggestions = useConfigureSuggestions;
-exports.useCopilotChatConfiguration = useCopilotChatConfiguration;
-exports.useCopilotKit = useCopilotKit;
-exports.useFrontendTool = useFrontendTool;
-exports.useHumanInTheLoop = useHumanInTheLoop;
-exports.useRenderActivityMessage = useRenderActivityMessage;
-exports.useRenderCustomMessages = useRenderCustomMessages;
-exports.useRenderToolCall = useRenderToolCall;
-exports.useSuggestions = useSuggestions;
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AudioRecorderError,
+  CopilotChat,
+  CopilotChatAssistantMessage,
+  CopilotChatAudioRecorder,
+  CopilotChatConfigurationProvider,
+  CopilotChatInput,
+  CopilotChatMessageView,
+  CopilotChatSuggestionPill,
+  CopilotChatSuggestionView,
+  CopilotChatToggleButton,
+  CopilotChatToggleButtonCloseIcon,
+  CopilotChatToggleButtonOpenIcon,
+  CopilotChatToolCallsView,
+  CopilotChatUserMessage,
+  CopilotChatView,
+  CopilotKitCoreReact,
+  CopilotKitInspector,
+  CopilotKitProvider,
+  CopilotModalHeader,
+  CopilotPopup,
+  CopilotPopupView,
+  CopilotSidebar,
+  CopilotSidebarView,
+  WildcardToolCallRender,
+  defineToolCallRenderer,
+  useAgent,
+  useAgentContext,
+  useConfigureSuggestions,
+  useCopilotChatConfiguration,
+  useCopilotKit,
+  useFrontendTool,
+  useHumanInTheLoop,
+  useRenderActivityMessage,
+  useRenderCustomMessages,
+  useRenderToolCall,
+  useSuggestions,
+  ...require("@ag-ui/core"),
+  ...require("@ag-ui/client")
+});
 //# sourceMappingURL=index.js.map