@copilotkitnext/react 0.0.22-alpha.1 → 0.0.22-alpha.3

package/dist/index.mjs

@@ -1,3968 +1,118 @@
 "use client";
-
-// src/components/chat/CopilotChatInput.tsx
+import "./chunk-N5EP5OD5.mjs";
+import "./chunk-KPRUSQ3K.mjs";
+import "./chunk-US4KNAAV.mjs";
+import "./chunk-36HFWACS.mjs";
+import "./chunk-DVUQO72Z.mjs";
+import "./chunk-VBI6JXPC.mjs";
+import "./chunk-MWC5OV7Z.mjs";
+import "./chunk-6VUKDHOD.mjs";
 import {
-  useState as useState2,
-  useRef as useRef2,
-  useEffect as useEffect2,
-  useLayoutEffect,
-  forwardRef as forwardRef2,
-  useImperativeHandle as useImperativeHandle2,
-  useCallback,
-  useMemo as useMemo2
-} from "react";
-import { twMerge as twMerge3 } from "tailwind-merge";
-import { Plus, Mic, ArrowUp, X, Check, Square } from "lucide-react";
-
-// src/providers/CopilotChatConfigurationProvider.tsx
-import { createContext, useContext, useMemo, useState } from "react";
-import { DEFAULT_AGENT_ID, randomUUID } from "@copilotkitnext/shared";
-import { jsx } from "react/jsx-runtime";
-var CopilotChatDefaultLabels = {
-  chatInputPlaceholder: "Type a message...",
-  chatInputToolbarStartTranscribeButtonLabel: "Transcribe",
-  chatInputToolbarCancelTranscribeButtonLabel: "Cancel",
-  chatInputToolbarFinishTranscribeButtonLabel: "Finish",
-  chatInputToolbarAddButtonLabel: "Add photos or files",
-  chatInputToolbarToolsButtonLabel: "Tools",
-  assistantMessageToolbarCopyCodeLabel: "Copy",
-  assistantMessageToolbarCopyCodeCopiedLabel: "Copied",
-  assistantMessageToolbarCopyMessageLabel: "Copy",
-  assistantMessageToolbarThumbsUpLabel: "Good response",
-  assistantMessageToolbarThumbsDownLabel: "Bad response",
-  assistantMessageToolbarReadAloudLabel: "Read aloud",
-  assistantMessageToolbarRegenerateLabel: "Regenerate",
-  userMessageToolbarCopyMessageLabel: "Copy",
-  userMessageToolbarEditMessageLabel: "Edit",
-  chatDisclaimerText: "AI can make mistakes. Please verify important information.",
-  chatToggleOpenLabel: "Open chat",
-  chatToggleCloseLabel: "Close chat",
-  modalHeaderTitle: "CopilotKit Chat"
-};
-var CopilotChatConfiguration = createContext(null);
-var CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId, isModalDefaultOpen }) => {
-  const parentConfig = useContext(CopilotChatConfiguration);
-  const mergedLabels = useMemo(
-    () => ({
-      ...CopilotChatDefaultLabels,
-      ...parentConfig?.labels ?? {},
-      ...labels ?? {}
-    }),
-    [labels, parentConfig?.labels]
-  );
-  const resolvedAgentId = agentId ?? parentConfig?.agentId ?? DEFAULT_AGENT_ID;
-  const resolvedThreadId = useMemo(() => {
-    if (threadId) {
-      return threadId;
-    }
-    if (parentConfig?.threadId) {
-      return parentConfig.threadId;
-    }
-    return randomUUID();
-  }, [threadId, parentConfig?.threadId]);
-  const resolvedDefaultOpen = isModalDefaultOpen ?? parentConfig?.isModalDefaultOpen ?? true;
-  const [internalModalOpen, setInternalModalOpen] = useState(
-    parentConfig?.isModalOpen ?? resolvedDefaultOpen
-  );
-  const resolvedIsModalOpen = parentConfig?.isModalOpen ?? internalModalOpen;
-  const resolvedSetModalOpen = parentConfig?.setModalOpen ?? setInternalModalOpen;
-  const configurationValue = useMemo(
-    () => ({
-      labels: mergedLabels,
-      agentId: resolvedAgentId,
-      threadId: resolvedThreadId,
-      isModalOpen: resolvedIsModalOpen,
-      setModalOpen: resolvedSetModalOpen,
-      isModalDefaultOpen: resolvedDefaultOpen
-    }),
-    [
-      mergedLabels,
-      resolvedAgentId,
-      resolvedThreadId,
-      resolvedIsModalOpen,
-      resolvedSetModalOpen,
-      resolvedDefaultOpen
-    ]
-  );
-  return /* @__PURE__ */ jsx(CopilotChatConfiguration.Provider, { value: configurationValue, children });
-};
-var useCopilotChatConfiguration = () => {
-  const configuration = useContext(CopilotChatConfiguration);
-  return configuration;
-};
-
-// src/components/ui/button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/button.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var buttonVariants = 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: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 cursor-pointer",
-        link: "text-primary underline-offset-4 hover:underline",
-        assistantMessageToolbarButton: [
-          "cursor-pointer",
-          // Background and text
-          "p-0 text-[rgb(93,93,93)] hover:bg-[#E8E8E8]",
-          // Dark mode - lighter gray for better contrast
-          "dark:text-[rgb(243,243,243)] dark:hover:bg-[#303030]",
-          // Shape and sizing
-          "h-8 w-8",
-          // Interactions
-          "transition-colors",
-          // Hover states
-          "hover:text-[rgb(93,93,93)]",
-          "dark:hover:text-[rgb(243,243,243)]"
-        ],
-        chatInputToolbarPrimary: [
-          "cursor-pointer",
-          // Background and text
-          "bg-black text-white",
-          // Dark mode
-          "dark:bg-white dark:text-black dark:focus-visible:outline-white",
-          // Shape and sizing
-          "rounded-full",
-          // Interactions
-          "transition-colors",
-          // Focus states
-          "focus:outline-none",
-          // Hover states
-          "hover:opacity-70 disabled:hover:opacity-100",
-          // Disabled states
-          "disabled:cursor-not-allowed disabled:bg-[#00000014] disabled:text-[rgb(13,13,13)]",
-          "dark:disabled:bg-[#454545] dark:disabled:text-white "
-        ],
-        chatInputToolbarSecondary: [
-          "cursor-pointer",
-          // Background and text
-          "bg-transparent text-[#444444]",
-          // Dark mode
-          "dark:text-white dark:border-[#404040]",
-          // Shape and sizing
-          "rounded-full",
-          // Interactions
-          "transition-colors",
-          // Focus states
-          "focus:outline-none",
-          // Hover states
-          "hover:bg-[#f8f8f8] hover:text-[#333333]",
-          "dark:hover:bg-[#404040] dark:hover:text-[#FFFFFF]",
-          // Disabled states
-          "disabled:cursor-not-allowed disabled:opacity-50",
-          "disabled:hover:bg-transparent disabled:hover:text-[#444444]",
-          "dark:disabled:hover:bg-transparent dark:disabled:hover:text-[#CCCCCC]"
-        ]
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        chatInputToolbarIcon: [
-          // Shape and sizing
-          "h-9 w-9 rounded-full"
-        ],
-        chatInputToolbarIconLabel: [
-          // Shape and sizing
-          "h-9 px-3 rounded-full",
-          // Layout
-          "gap-2",
-          // Typography
-          "font-normal"
-        ]
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx2(
-    Comp,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/tooltip.tsx
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    TooltipPrimitive.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration,
-      ...props
-    }
-  );
-}
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(TooltipProvider, { children: /* @__PURE__ */ jsx3(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-    TooltipPrimitive.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx3(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
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(
-    DropdownMenuPrimitive.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
-    DropdownMenuPrimitive.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(
-    DropdownMenuPrimitive.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(
-    DropdownMenuPrimitive.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function DropdownMenuSub({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs2(
-    DropdownMenuPrimitive.SubTrigger,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx4(ChevronRightIcon, { className: "ml-auto size-4" })
-      ]
-    }
-  );
-}
-function DropdownMenuSubContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(
-    DropdownMenuPrimitive.SubContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/chat/CopilotChatAudioRecorder.tsx
-import { useRef, useEffect, useImperativeHandle, forwardRef } from "react";
-import { twMerge as twMerge2 } from "tailwind-merge";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var AudioRecorderError = class extends Error {
-  constructor(message) {
-    super(message);
-    this.name = "AudioRecorderError";
-  }
-};
-var CopilotChatAudioRecorder = forwardRef((props, ref) => {
-  const { className, ...divProps } = props;
-  const canvasRef = useRef(null);
-  const getLoudness = (n) => {
-    const elapsed = Date.now() / 1e3;
-    const samples = [];
-    for (let i = 0; i < n; i++) {
-      const position = i / n * 10 + elapsed * 0.5;
-      const wave1 = Math.sin(position * 2) * 0.3;
-      const wave2 = Math.sin(position * 5 + elapsed) * 0.2;
-      const wave3 = Math.sin(position * 0.5 + elapsed * 0.3) * 0.4;
-      const noise = (Math.random() - 0.5) * 0.1;
-      const envelope = Math.sin(elapsed * 0.7) * 0.5 + 0.5;
-      let amplitude = (wave1 + wave2 + wave3 + noise) * envelope;
-      amplitude = Math.max(0, Math.min(1, amplitude * 0.5 + 0.3));
-      samples.push(amplitude);
-    }
-    return samples;
-  };
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    let animationId;
-    const draw = () => {
-      const rect = canvas.getBoundingClientRect();
-      const dpr = window.devicePixelRatio || 1;
-      if (canvas.width !== rect.width * dpr || canvas.height !== rect.height * dpr) {
-        canvas.width = rect.width * dpr;
-        canvas.height = rect.height * dpr;
-        ctx.scale(dpr, dpr);
-        ctx.imageSmoothingEnabled = false;
-      }
-      const barWidth = 2;
-      const minHeight = 2;
-      const maxHeight = 20;
-      const gap = 2;
-      const numSamples = Math.ceil(rect.width / (barWidth + gap));
-      const loudnessData = getLoudness(numSamples);
-      ctx.clearRect(0, 0, rect.width, rect.height);
-      const computedStyle = getComputedStyle(canvas);
-      const currentForeground = computedStyle.color;
-      ctx.fillStyle = currentForeground;
-      const centerY = rect.height / 2;
-      for (let i = 0; i < loudnessData.length; i++) {
-        const sample = loudnessData[i] ?? 0;
-        const barHeight = Math.round(
-          sample * (maxHeight - minHeight) + minHeight
-        );
-        const x = Math.round(i * (barWidth + gap));
-        const y = Math.round(centerY - barHeight / 2);
-        ctx.fillRect(x, y, barWidth, barHeight);
-      }
-      animationId = requestAnimationFrame(draw);
-    };
-    draw();
-    return () => {
-      if (animationId) {
-        cancelAnimationFrame(animationId);
-      }
-    };
-  }, []);
-  useImperativeHandle(
-    ref,
-    () => ({
-      get state() {
-        return "idle";
-      },
-      start: async () => {
-      },
-      stop: () => new Promise((resolve) => {
-        const emptyBlob = new Blob([], { type: "audio/webm" });
-        resolve(emptyBlob);
-      }),
-      dispose: () => {
-      }
-    }),
-    []
-  );
-  return /* @__PURE__ */ jsx5("div", { className: twMerge2("h-[44px] w-full px-5", className), ...divProps, children: /* @__PURE__ */ jsx5(
-    "canvas",
-    {
-      ref: canvasRef,
-      className: "w-full h-full",
-      style: { imageRendering: "pixelated" }
-    }
-  ) });
-});
-CopilotChatAudioRecorder.displayName = "WebAudioRecorder";
-
-// src/lib/slots.tsx
-import React2 from "react";
-function renderSlot(slot, DefaultComponent, props) {
-  if (typeof slot === "string") {
-    return React2.createElement(DefaultComponent, {
-      ...props,
-      className: slot
-    });
-  }
-  if (typeof slot === "function") {
-    const Comp = slot;
-    return React2.createElement(Comp, props);
-  }
-  if (slot && typeof slot === "object" && !React2.isValidElement(slot)) {
-    return React2.createElement(DefaultComponent, {
-      ...props,
-      ...slot
-    });
-  }
-  return React2.createElement(DefaultComponent, props);
-}
-
-// src/components/chat/CopilotChatInput.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var SLASH_MENU_MAX_VISIBLE_ITEMS = 5;
-var SLASH_MENU_ITEM_HEIGHT_PX = 40;
-function CopilotChatInput({
-  mode = "input",
-  onSubmitMessage,
-  onStop,
-  isRunning = false,
-  onStartTranscribe,
-  onCancelTranscribe,
-  onFinishTranscribe,
-  onAddFile,
-  onChange,
-  value,
-  toolsMenu,
-  autoFocus = true,
-  textArea,
-  sendButton,
-  startTranscribeButton,
-  cancelTranscribeButton,
-  finishTranscribeButton,
-  addMenuButton,
-  audioRecorder,
-  children,
-  className,
-  ...props
-}) {
-  const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = useState2(() => value ?? "");
-  useEffect2(() => {
-    if (!isControlled && value !== void 0) {
-      setInternalValue(value);
-    }
-  }, [isControlled, value]);
-  const resolvedValue = isControlled ? value ?? "" : internalValue;
-  const [layout, setLayout] = useState2("compact");
-  const ignoreResizeRef = useRef2(false);
-  const resizeEvaluationRafRef = useRef2(null);
-  const isExpanded = mode === "input" && layout === "expanded";
-  const [commandQuery, setCommandQuery] = useState2(null);
-  const [slashHighlightIndex, setSlashHighlightIndex] = useState2(0);
-  const inputRef = useRef2(null);
-  const gridRef = useRef2(null);
-  const addButtonContainerRef = useRef2(null);
-  const actionsContainerRef = useRef2(null);
-  const audioRecorderRef = useRef2(null);
-  const slashMenuRef = useRef2(null);
-  const config = useCopilotChatConfiguration();
-  const labels = config?.labels ?? CopilotChatDefaultLabels;
-  const previousModalStateRef = useRef2(void 0);
-  const measurementCanvasRef = useRef2(null);
-  const measurementsRef = useRef2({
-    singleLineHeight: 0,
-    maxHeight: 0,
-    paddingLeft: 0,
-    paddingRight: 0
-  });
-  const commandItems = useMemo2(() => {
-    const entries = [];
-    const seen = /* @__PURE__ */ new Set();
-    const pushItem = (item) => {
-      if (item === "-") {
-        return;
-      }
-      if (item.items && item.items.length > 0) {
-        for (const nested of item.items) {
-          pushItem(nested);
-        }
-        return;
-      }
-      if (!seen.has(item.label)) {
-        seen.add(item.label);
-        entries.push(item);
-      }
-    };
-    if (onAddFile) {
-      pushItem({
-        label: labels.chatInputToolbarAddButtonLabel,
-        action: onAddFile
-      });
-    }
-    if (toolsMenu && toolsMenu.length > 0) {
-      for (const item of toolsMenu) {
-        pushItem(item);
-      }
-    }
-    return entries;
-  }, [labels.chatInputToolbarAddButtonLabel, onAddFile, toolsMenu]);
-  const filteredCommands = useMemo2(() => {
-    if (commandQuery === null) {
-      return [];
-    }
-    if (commandItems.length === 0) {
-      return [];
-    }
-    const query = commandQuery.trim().toLowerCase();
-    if (query.length === 0) {
-      return commandItems;
-    }
-    const startsWith = [];
-    const contains = [];
-    for (const item of commandItems) {
-      const label = item.label.toLowerCase();
-      if (label.startsWith(query)) {
-        startsWith.push(item);
-      } else if (label.includes(query)) {
-        contains.push(item);
-      }
-    }
-    return [...startsWith, ...contains];
-  }, [commandItems, commandQuery]);
-  useEffect2(() => {
-    if (!autoFocus) {
-      previousModalStateRef.current = config?.isModalOpen;
-      return;
-    }
-    if (config?.isModalOpen && !previousModalStateRef.current) {
-      inputRef.current?.focus();
-    }
-    previousModalStateRef.current = config?.isModalOpen;
-  }, [config?.isModalOpen, autoFocus]);
-  useEffect2(() => {
-    if (commandItems.length === 0 && commandQuery !== null) {
-      setCommandQuery(null);
-    }
-  }, [commandItems.length, commandQuery]);
-  const previousCommandQueryRef = useRef2(null);
-  useEffect2(() => {
-    if (commandQuery !== null && commandQuery !== previousCommandQueryRef.current && filteredCommands.length > 0) {
-      setSlashHighlightIndex(0);
-    }
-    previousCommandQueryRef.current = commandQuery;
-  }, [commandQuery, filteredCommands.length]);
-  useEffect2(() => {
-    if (commandQuery === null) {
-      setSlashHighlightIndex(0);
-      return;
-    }
-    if (filteredCommands.length === 0) {
-      setSlashHighlightIndex(-1);
-    } else if (slashHighlightIndex < 0 || slashHighlightIndex >= filteredCommands.length) {
-      setSlashHighlightIndex(0);
-    }
-  }, [commandQuery, filteredCommands, slashHighlightIndex]);
-  useEffect2(() => {
-    const recorder = audioRecorderRef.current;
-    if (!recorder) {
-      return;
-    }
-    if (mode === "transcribe") {
-      recorder.start().catch(console.error);
-    } else {
-      if (recorder.state === "recording") {
-        recorder.stop().catch(console.error);
-      }
-    }
-  }, [mode]);
-  useEffect2(() => {
-    if (mode !== "input") {
-      setLayout("compact");
-      setCommandQuery(null);
-    }
-  }, [mode]);
-  const updateSlashState = useCallback(
-    (value2) => {
-      if (commandItems.length === 0) {
-        setCommandQuery((prev) => prev === null ? prev : null);
-        return;
-      }
-      if (value2.startsWith("/")) {
-        const firstLine = value2.split(/\r?\n/, 1)[0] ?? "";
-        const query = firstLine.slice(1);
-        setCommandQuery((prev) => prev === query ? prev : query);
-      } else {
-        setCommandQuery((prev) => prev === null ? prev : null);
-      }
-    },
-    [commandItems.length]
-  );
-  useEffect2(() => {
-    updateSlashState(resolvedValue);
-  }, [resolvedValue, updateSlashState]);
-  const handleChange = (e) => {
-    const nextValue = e.target.value;
-    if (!isControlled) {
-      setInternalValue(nextValue);
-    }
-    onChange?.(nextValue);
-    updateSlashState(nextValue);
-  };
-  const clearInputValue = useCallback(() => {
-    if (!isControlled) {
-      setInternalValue("");
-    }
-    if (onChange) {
-      onChange("");
-    }
-  }, [isControlled, onChange]);
-  const runCommand = useCallback(
-    (item) => {
-      clearInputValue();
-      item.action?.();
-      setCommandQuery(null);
-      setSlashHighlightIndex(0);
-      requestAnimationFrame(() => {
-        inputRef.current?.focus();
-      });
-    },
-    [clearInputValue]
-  );
-  const handleKeyDown = (e) => {
-    if (commandQuery !== null && mode === "input") {
-      if (e.key === "ArrowDown") {
-        if (filteredCommands.length > 0) {
-          e.preventDefault();
-          setSlashHighlightIndex((prev) => {
-            if (filteredCommands.length === 0) {
-              return prev;
-            }
-            const next = prev === -1 ? 0 : (prev + 1) % filteredCommands.length;
-            return next;
-          });
-        }
-        return;
-      }
-      if (e.key === "ArrowUp") {
-        if (filteredCommands.length > 0) {
-          e.preventDefault();
-          setSlashHighlightIndex((prev) => {
-            if (filteredCommands.length === 0) {
-              return prev;
-            }
-            if (prev === -1) {
-              return filteredCommands.length - 1;
-            }
-            return prev <= 0 ? filteredCommands.length - 1 : prev - 1;
-          });
-        }
-        return;
-      }
-      if (e.key === "Enter") {
-        const selected = slashHighlightIndex >= 0 ? filteredCommands[slashHighlightIndex] : void 0;
-        if (selected) {
-          e.preventDefault();
-          runCommand(selected);
-          return;
-        }
-      }
-      if (e.key === "Escape") {
-        e.preventDefault();
-        setCommandQuery(null);
-        return;
-      }
-    }
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      if (isProcessing) {
-        onStop?.();
-      } else {
-        send();
-      }
-    }
-  };
-  const send = () => {
-    if (!onSubmitMessage) {
-      return;
-    }
-    const trimmed = resolvedValue.trim();
-    if (!trimmed) {
-      return;
-    }
-    onSubmitMessage(trimmed);
-    if (!isControlled) {
-      setInternalValue("");
-      onChange?.("");
-    }
-    if (inputRef.current) {
-      inputRef.current.focus();
-    }
-  };
-  const BoundTextArea = renderSlot(textArea, CopilotChatInput.TextArea, {
-    ref: inputRef,
-    value: resolvedValue,
-    onChange: handleChange,
-    onKeyDown: handleKeyDown,
-    autoFocus,
-    className: twMerge3(
-      "w-full py-3",
-      isExpanded ? "px-5" : "pr-5"
-    )
-  });
-  const isProcessing = mode !== "transcribe" && isRunning;
-  const canSend = resolvedValue.trim().length > 0 && !!onSubmitMessage;
-  const canStop = !!onStop;
-  const handleSendButtonClick = () => {
-    if (isProcessing) {
-      onStop?.();
-      return;
-    }
-    send();
-  };
-  const BoundAudioRecorder = renderSlot(audioRecorder, CopilotChatAudioRecorder, {
-    ref: audioRecorderRef
-  });
-  const BoundSendButton = renderSlot(sendButton, CopilotChatInput.SendButton, {
-    onClick: handleSendButtonClick,
-    disabled: isProcessing ? !canStop : !canSend,
-    children: isProcessing && canStop ? /* @__PURE__ */ jsx6(Square, { className: "size-[18px] fill-current" }) : void 0
-  });
-  const BoundStartTranscribeButton = renderSlot(startTranscribeButton, CopilotChatInput.StartTranscribeButton, {
-    onClick: onStartTranscribe
-  });
-  const BoundCancelTranscribeButton = renderSlot(cancelTranscribeButton, CopilotChatInput.CancelTranscribeButton, {
-    onClick: onCancelTranscribe
-  });
-  const BoundFinishTranscribeButton = renderSlot(finishTranscribeButton, CopilotChatInput.FinishTranscribeButton, {
-    onClick: onFinishTranscribe
-  });
-  const BoundAddMenuButton = renderSlot(addMenuButton, CopilotChatInput.AddMenuButton, {
-    disabled: mode === "transcribe",
-    onAddFile,
-    toolsMenu
-  });
-  if (children) {
-    const childProps = {
-      textArea: BoundTextArea,
-      audioRecorder: BoundAudioRecorder,
-      sendButton: BoundSendButton,
-      startTranscribeButton: BoundStartTranscribeButton,
-      cancelTranscribeButton: BoundCancelTranscribeButton,
-      finishTranscribeButton: BoundFinishTranscribeButton,
-      addMenuButton: BoundAddMenuButton,
-      onSubmitMessage,
-      onStop,
-      isRunning,
-      onStartTranscribe,
-      onCancelTranscribe,
-      onFinishTranscribe,
-      onAddFile,
-      mode,
-      toolsMenu,
-      autoFocus
-    };
-    return /* @__PURE__ */ jsx6(Fragment, { children: children(childProps) });
-  }
-  const handleContainerClick = (e) => {
-    const target = e.target;
-    if (target.tagName !== "BUTTON" && !target.closest("button") && inputRef.current && mode === "input") {
-      inputRef.current.focus();
-    }
-  };
-  const ensureMeasurements = useCallback(() => {
-    const textarea = inputRef.current;
-    if (!textarea) {
-      return;
-    }
-    const previousValue = textarea.value;
-    const previousHeight = textarea.style.height;
-    textarea.style.height = "auto";
-    const computedStyle = window.getComputedStyle(textarea);
-    const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
-    const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
-    const paddingTop = parseFloat(computedStyle.paddingTop) || 0;
-    const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;
-    textarea.value = "";
-    const singleLineHeight = textarea.scrollHeight;
-    textarea.value = previousValue;
-    const contentHeight = singleLineHeight - paddingTop - paddingBottom;
-    const maxHeight = contentHeight * 5 + paddingTop + paddingBottom;
-    measurementsRef.current = {
-      singleLineHeight,
-      maxHeight,
-      paddingLeft,
-      paddingRight
-    };
-    textarea.style.height = previousHeight;
-    textarea.style.maxHeight = `${maxHeight}px`;
-  }, []);
-  const adjustTextareaHeight = useCallback(() => {
-    const textarea = inputRef.current;
-    if (!textarea) {
-      return 0;
-    }
-    if (measurementsRef.current.singleLineHeight === 0) {
-      ensureMeasurements();
-    }
-    const { maxHeight } = measurementsRef.current;
-    if (maxHeight) {
-      textarea.style.maxHeight = `${maxHeight}px`;
-    }
-    textarea.style.height = "auto";
-    const scrollHeight = textarea.scrollHeight;
-    if (maxHeight) {
-      textarea.style.height = `${Math.min(scrollHeight, maxHeight)}px`;
-    } else {
-      textarea.style.height = `${scrollHeight}px`;
-    }
-    return scrollHeight;
-  }, [ensureMeasurements]);
-  const updateLayout = useCallback((nextLayout) => {
-    setLayout((prev) => {
-      if (prev === nextLayout) {
-        return prev;
-      }
-      ignoreResizeRef.current = true;
-      return nextLayout;
-    });
-  }, []);
-  const evaluateLayout = useCallback(() => {
-    if (mode !== "input") {
-      updateLayout("compact");
-      return;
-    }
-    if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
-      const isMobileViewport = window.matchMedia("(max-width: 767px)").matches;
-      if (isMobileViewport) {
-        ensureMeasurements();
-        adjustTextareaHeight();
-        updateLayout("expanded");
-        return;
-      }
-    }
-    const textarea = inputRef.current;
-    const grid = gridRef.current;
-    const addContainer = addButtonContainerRef.current;
-    const actionsContainer = actionsContainerRef.current;
-    if (!textarea || !grid || !addContainer || !actionsContainer) {
-      return;
-    }
-    if (measurementsRef.current.singleLineHeight === 0) {
-      ensureMeasurements();
-    }
-    const scrollHeight = adjustTextareaHeight();
-    const baseline = measurementsRef.current.singleLineHeight;
-    const hasExplicitBreak = resolvedValue.includes("\n");
-    const renderedMultiline = baseline > 0 ? scrollHeight > baseline + 1 : false;
-    let shouldExpand = hasExplicitBreak || renderedMultiline;
-    if (!shouldExpand) {
-      const gridStyles = window.getComputedStyle(grid);
-      const paddingLeft = parseFloat(gridStyles.paddingLeft) || 0;
-      const paddingRight = parseFloat(gridStyles.paddingRight) || 0;
-      const columnGap = parseFloat(gridStyles.columnGap) || 0;
-      const gridAvailableWidth = grid.clientWidth - paddingLeft - paddingRight;
-      if (gridAvailableWidth > 0) {
-        const addWidth = addContainer.getBoundingClientRect().width;
-        const actionsWidth = actionsContainer.getBoundingClientRect().width;
-        const compactWidth = Math.max(gridAvailableWidth - addWidth - actionsWidth - columnGap * 2, 0);
-        const canvas = measurementCanvasRef.current ?? document.createElement("canvas");
-        if (!measurementCanvasRef.current) {
-          measurementCanvasRef.current = canvas;
-        }
-        const context = canvas.getContext("2d");
-        if (context) {
-          const textareaStyles = window.getComputedStyle(textarea);
-          const font = textareaStyles.font || `${textareaStyles.fontStyle} ${textareaStyles.fontVariant} ${textareaStyles.fontWeight} ${textareaStyles.fontSize}/${textareaStyles.lineHeight} ${textareaStyles.fontFamily}`;
-          context.font = font;
-          const compactInnerWidth = Math.max(
-            compactWidth - (measurementsRef.current.paddingLeft || 0) - (measurementsRef.current.paddingRight || 0),
-            0
-          );
-          if (compactInnerWidth > 0) {
-            const lines = resolvedValue.length > 0 ? resolvedValue.split("\n") : [""];
-            let longestWidth = 0;
-            for (const line of lines) {
-              const metrics = context.measureText(line || " ");
-              if (metrics.width > longestWidth) {
-                longestWidth = metrics.width;
-              }
-            }
-            if (longestWidth > compactInnerWidth) {
-              shouldExpand = true;
-            }
-          }
-        }
-      }
-    }
-    const nextLayout = shouldExpand ? "expanded" : "compact";
-    updateLayout(nextLayout);
-  }, [adjustTextareaHeight, ensureMeasurements, mode, resolvedValue, updateLayout]);
-  useLayoutEffect(() => {
-    evaluateLayout();
-  }, [evaluateLayout]);
-  useEffect2(() => {
-    if (typeof ResizeObserver === "undefined") {
-      return;
-    }
-    const textarea = inputRef.current;
-    const grid = gridRef.current;
-    const addContainer = addButtonContainerRef.current;
-    const actionsContainer = actionsContainerRef.current;
-    if (!textarea || !grid || !addContainer || !actionsContainer) {
-      return;
-    }
-    const scheduleEvaluation = () => {
-      if (ignoreResizeRef.current) {
-        ignoreResizeRef.current = false;
-        return;
-      }
-      if (typeof window === "undefined") {
-        evaluateLayout();
-        return;
-      }
-      if (resizeEvaluationRafRef.current !== null) {
-        cancelAnimationFrame(resizeEvaluationRafRef.current);
-      }
-      resizeEvaluationRafRef.current = window.requestAnimationFrame(() => {
-        resizeEvaluationRafRef.current = null;
-        evaluateLayout();
-      });
-    };
-    const observer = new ResizeObserver(() => {
-      scheduleEvaluation();
-    });
-    observer.observe(grid);
-    observer.observe(addContainer);
-    observer.observe(actionsContainer);
-    observer.observe(textarea);
-    return () => {
-      observer.disconnect();
-      if (typeof window !== "undefined" && resizeEvaluationRafRef.current !== null) {
-        cancelAnimationFrame(resizeEvaluationRafRef.current);
-        resizeEvaluationRafRef.current = null;
-      }
-    };
-  }, [evaluateLayout]);
-  const slashMenuVisible = commandQuery !== null && commandItems.length > 0;
-  useEffect2(() => {
-    if (!slashMenuVisible || slashHighlightIndex < 0) {
-      return;
-    }
-    const active = slashMenuRef.current?.querySelector(
-      `[data-slash-index="${slashHighlightIndex}"]`
-    );
-    active?.scrollIntoView({ block: "nearest" });
-  }, [slashMenuVisible, slashHighlightIndex]);
-  const slashMenu = slashMenuVisible ? /* @__PURE__ */ jsx6(
-    "div",
-    {
-      "data-testid": "copilot-slash-menu",
-      role: "listbox",
-      "aria-label": "Slash commands",
-      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__ */ jsx6("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__ */ jsx6(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": isActive,
-            "data-active": isActive ? "true" : void 0,
-            "data-slash-index": index,
-            className: twMerge3(
-              "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"
-            ),
-            onMouseEnter: () => setSlashHighlightIndex(index),
-            onMouseDown: (event) => {
-              event.preventDefault();
-              runCommand(item);
-            },
-            children: item.label
-          },
-          `${item.label}-${index}`
-        );
-      })
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      className: twMerge3(
-        // Layout
-        "flex w-full flex-col items-center justify-center",
-        // Interaction
-        "cursor-text",
-        // Overflow and clipping
-        "overflow-visible bg-clip-padding contain-inline-size",
-        // Background
-        "bg-white dark:bg-[#303030]",
-        // Visual effects
-        "shadow-[0_4px_4px_0_#0000000a,0_0_1px_0_#0000009e] rounded-[28px]",
-        className
-      ),
-      onClick: handleContainerClick,
-      ...props,
-      "data-layout": isExpanded ? "expanded" : "compact",
-      children: /* @__PURE__ */ jsxs3(
-        "div",
-        {
-          ref: gridRef,
-          className: twMerge3(
-            "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__ */ jsx6(
-              "div",
-              {
-                ref: addButtonContainerRef,
-                className: twMerge3(
-                  "flex items-center",
-                  isExpanded ? "row-start-2" : "row-start-1",
-                  "col-start-1"
-                ),
-                children: BoundAddMenuButton
-              }
-            ),
-            /* @__PURE__ */ jsx6(
-              "div",
-              {
-                className: twMerge3(
-                  "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__ */ jsxs3(Fragment, { children: [
-                  BoundTextArea,
-                  slashMenu
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx6(
-              "div",
-              {
-                ref: actionsContainerRef,
-                className: twMerge3(
-                  "flex items-center justify-end gap-2",
-                  isExpanded ? "col-start-3 row-start-2" : "col-start-3 row-start-1"
-                ),
-                children: mode === "transcribe" ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-                  onCancelTranscribe && BoundCancelTranscribeButton,
-                  onFinishTranscribe && BoundFinishTranscribeButton
-                ] }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
-                  onStartTranscribe && BoundStartTranscribeButton,
-                  BoundSendButton
-                ] })
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-((CopilotChatInput2) => {
-  CopilotChatInput2.SendButton = ({ className, children, ...props }) => /* @__PURE__ */ jsx6("div", { className: "mr-[10px]", children: /* @__PURE__ */ jsx6(
-    Button,
-    {
-      type: "button",
-      variant: "chatInputToolbarPrimary",
-      size: "chatInputToolbarIcon",
-      className,
-      ...props,
-      children: children ?? /* @__PURE__ */ jsx6(ArrowUp, { className: "size-[18px]" })
-    }
-  ) });
-  CopilotChatInput2.ToolbarButton = ({ icon, labelKey, defaultClassName, className, ...props }) => {
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsxs3(Tooltip, { children: [
-      /* @__PURE__ */ jsx6(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(
-        Button,
-        {
-          type: "button",
-          variant: "chatInputToolbarSecondary",
-          size: "chatInputToolbarIcon",
-          className: twMerge3(defaultClassName, className),
-          ...props,
-          children: icon
-        }
-      ) }),
-      /* @__PURE__ */ jsx6(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsx6("p", { children: labels[labelKey] }) })
-    ] });
-  };
-  CopilotChatInput2.StartTranscribeButton = (props) => /* @__PURE__ */ jsx6(
-    CopilotChatInput2.ToolbarButton,
-    {
-      icon: /* @__PURE__ */ jsx6(Mic, { className: "size-[18px]" }),
-      labelKey: "chatInputToolbarStartTranscribeButtonLabel",
-      defaultClassName: "mr-2",
-      ...props
-    }
-  );
-  CopilotChatInput2.CancelTranscribeButton = (props) => /* @__PURE__ */ jsx6(
-    CopilotChatInput2.ToolbarButton,
-    {
-      icon: /* @__PURE__ */ jsx6(X, { className: "size-[18px]" }),
-      labelKey: "chatInputToolbarCancelTranscribeButtonLabel",
-      defaultClassName: "mr-2",
-      ...props
-    }
-  );
-  CopilotChatInput2.FinishTranscribeButton = (props) => /* @__PURE__ */ jsx6(
-    CopilotChatInput2.ToolbarButton,
-    {
-      icon: /* @__PURE__ */ jsx6(Check, { className: "size-[18px]" }),
-      labelKey: "chatInputToolbarFinishTranscribeButtonLabel",
-      defaultClassName: "mr-[10px]",
-      ...props
-    }
-  );
-  CopilotChatInput2.AddMenuButton = ({ className, toolsMenu, onAddFile, disabled, ...props }) => {
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const menuItems = useMemo2(() => {
-      const items = [];
-      if (onAddFile) {
-        items.push({
-          label: labels.chatInputToolbarAddButtonLabel,
-          action: onAddFile
-        });
-      }
-      if (toolsMenu && toolsMenu.length > 0) {
-        if (items.length > 0) {
-          items.push("-");
-        }
-        for (const item of toolsMenu) {
-          if (item === "-") {
-            if (items.length === 0 || items[items.length - 1] === "-") {
-              continue;
-            }
-            items.push(item);
-          } else {
-            items.push(item);
-          }
-        }
-        while (items.length > 0 && items[items.length - 1] === "-") {
-          items.pop();
-        }
-      }
-      return items;
-    }, [onAddFile, toolsMenu, labels.chatInputToolbarAddButtonLabel]);
-    const renderMenuItems = useCallback(
-      (items) => items.map((item, index) => {
-        if (item === "-") {
-          return /* @__PURE__ */ jsx6(DropdownMenuSeparator, {}, `separator-${index}`);
-        }
-        if (item.items && item.items.length > 0) {
-          return /* @__PURE__ */ jsxs3(DropdownMenuSub, { children: [
-            /* @__PURE__ */ jsx6(DropdownMenuSubTrigger, { children: item.label }),
-            /* @__PURE__ */ jsx6(DropdownMenuSubContent, { children: renderMenuItems(item.items) })
-          ] }, `group-${index}`);
-        }
-        return /* @__PURE__ */ jsx6(DropdownMenuItem, { onClick: item.action, children: item.label }, `item-${index}`);
-      }),
-      []
-    );
-    const hasMenuItems = menuItems.length > 0;
-    const isDisabled = disabled || !hasMenuItems;
-    return /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
-      /* @__PURE__ */ jsxs3(Tooltip, { children: [
-        /* @__PURE__ */ jsx6(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(
-          Button,
-          {
-            type: "button",
-            variant: "chatInputToolbarSecondary",
-            size: "chatInputToolbarIcon",
-            className: twMerge3("ml-1", className),
-            disabled: isDisabled,
-            ...props,
-            children: /* @__PURE__ */ jsx6(Plus, { className: "size-[20px]" })
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx6(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsxs3("p", { className: "flex items-center gap-1 text-xs font-medium", children: [
-          /* @__PURE__ */ jsx6("span", { children: "Add files and more" }),
-          /* @__PURE__ */ jsx6("code", { className: "rounded bg-[#4a4a4a] px-1 py-[1px] font-mono text-[11px] text-white dark:bg-[#e0e0e0] dark:text-black", children: "/" })
-        ] }) })
-      ] }),
-      hasMenuItems && /* @__PURE__ */ jsx6(DropdownMenuContent, { side: "top", align: "start", children: renderMenuItems(menuItems) })
-    ] });
-  };
-  CopilotChatInput2.TextArea = forwardRef2(function TextArea2({ style, className, autoFocus, ...props }, ref) {
-    const internalTextareaRef = useRef2(null);
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    useImperativeHandle2(ref, () => internalTextareaRef.current);
-    useEffect2(() => {
-      const textarea = internalTextareaRef.current;
-      if (!textarea) return;
-      const handleFocus = () => {
-        setTimeout(() => {
-          textarea.scrollIntoView({ behavior: "smooth", block: "nearest" });
-        }, 300);
-      };
-      textarea.addEventListener("focus", handleFocus);
-      return () => textarea.removeEventListener("focus", handleFocus);
-    }, []);
-    useEffect2(() => {
-      if (autoFocus) {
-        internalTextareaRef.current?.focus();
-      }
-    }, [autoFocus]);
-    return /* @__PURE__ */ jsx6(
-      "textarea",
-      {
-        ref: internalTextareaRef,
-        ...props,
-        style: {
-          overflow: "auto",
-          resize: "none",
-          ...style
-        },
-        placeholder: labels.chatInputPlaceholder,
-        className: twMerge3(
-          "bg-transparent outline-none antialiased font-regular leading-relaxed text-[16px] placeholder:text-[#00000077] dark:placeholder:text-[#fffc]",
-          className
-        ),
-        rows: 1
-      }
-    );
-  });
-  CopilotChatInput2.AudioRecorder = CopilotChatAudioRecorder;
-})(CopilotChatInput || (CopilotChatInput = {}));
-CopilotChatInput.TextArea.displayName = "CopilotChatInput.TextArea";
-CopilotChatInput.SendButton.displayName = "CopilotChatInput.SendButton";
-CopilotChatInput.ToolbarButton.displayName = "CopilotChatInput.ToolbarButton";
-CopilotChatInput.StartTranscribeButton.displayName = "CopilotChatInput.StartTranscribeButton";
-CopilotChatInput.CancelTranscribeButton.displayName = "CopilotChatInput.CancelTranscribeButton";
-CopilotChatInput.FinishTranscribeButton.displayName = "CopilotChatInput.FinishTranscribeButton";
-CopilotChatInput.AddMenuButton.displayName = "CopilotChatInput.AddMenuButton";
-var CopilotChatInput_default = CopilotChatInput;
-
-// src/components/chat/CopilotChatAssistantMessage.tsx
-import { useState as useState6 } from "react";
+  CopilotPopup
+} from "./chunk-IH5VFJ4L.mjs";
 import {
-  Copy,
-  Check as Check2,
-  ThumbsUp,
-  ThumbsDown,
-  Volume2,
-  RefreshCw
-} from "lucide-react";
-import { twMerge as twMerge4 } from "tailwind-merge";
-import "katex/dist/katex.min.css";
-import { Streamdown } from "streamdown";
-
-// src/hooks/use-render-tool-call.tsx
-import { useCallback as useCallback2, useEffect as useEffect5, useState as useState4, useSyncExternalStore } from "react";
-import { ToolCallStatus } from "@copilotkitnext/core";
-
-// src/providers/CopilotKitProvider.tsx
+  CopilotPopupView
+} from "./chunk-VUHFLJWI.mjs";
 import {
-  createContext as createContext2,
-  useContext as useContext2,
-  useMemo as useMemo3,
-  useEffect as useEffect4,
-  useReducer,
-  useRef as useRef4,
-  useState as useState3
-} from "react";
-import { z } from "zod";
-
-// src/lib/react-core.ts
-import { CopilotKitCore } from "@copilotkitnext/core";
-var CopilotKitCoreReact = class extends CopilotKitCore {
-  _renderToolCalls = [];
-  _renderCustomMessages = [];
-  _renderActivityMessages = [];
-  constructor(config) {
-    super(config);
-    this._renderToolCalls = config.renderToolCalls ?? [];
-    this._renderCustomMessages = config.renderCustomMessages ?? [];
-    this._renderActivityMessages = config.renderActivityMessages ?? [];
-  }
-  get renderCustomMessages() {
-    return this._renderCustomMessages;
-  }
-  get renderActivityMessages() {
-    return this._renderActivityMessages;
-  }
-  get renderToolCalls() {
-    return this._renderToolCalls;
-  }
-  setRenderToolCalls(renderToolCalls) {
-    this._renderToolCalls = renderToolCalls;
-    void this.notifySubscribers(
-      (subscriber) => {
-        const reactSubscriber = subscriber;
-        if (reactSubscriber.onRenderToolCallsChanged) {
-          reactSubscriber.onRenderToolCallsChanged({
-            copilotkit: this,
-            renderToolCalls: this.renderToolCalls
-          });
-        }
-      },
-      "Subscriber onRenderToolCallsChanged error:"
-    );
-  }
-  // Override to accept React-specific subscriber type
-  subscribe(subscriber) {
-    return super.subscribe(subscriber);
-  }
-  unsubscribe(subscriber) {
-    super.unsubscribe(subscriber);
-  }
-};
-
-// src/components/CopilotKitInspector.tsx
-import * as React4 from "react";
-import { createComponent } from "@lit-labs/react";
+  CopilotSidebar
+} from "./chunk-QFBM3ZT2.mjs";
 import {
-  WEB_INSPECTOR_TAG,
-  WebInspectorElement,
-  defineWebInspector
-} from "@copilotkitnext/web-inspector";
-import { jsx as jsx7 } from "react/jsx-runtime";
-defineWebInspector();
-var CopilotKitInspectorBase = createComponent({
-  tagName: WEB_INSPECTOR_TAG,
-  elementClass: WebInspectorElement,
-  react: React4
-});
-var CopilotKitInspector = React4.forwardRef(
-  ({ core, ...rest }, ref) => {
-    const innerRef = React4.useRef(null);
-    React4.useImperativeHandle(ref, () => innerRef.current, []);
-    React4.useEffect(() => {
-      if (innerRef.current) {
-        innerRef.current.core = core ?? null;
-      }
-    }, [core]);
-    return /* @__PURE__ */ jsx7(
-      CopilotKitInspectorBase,
-      {
-        ...rest,
-        ref: innerRef
-      }
-    );
-  }
-);
-CopilotKitInspector.displayName = "CopilotKitInspector";
-
-// src/providers/CopilotKitProvider.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
-var CopilotKitContext = createContext2({
-  copilotkit: null
-});
-function useStableArrayProp(prop, warningMessage, isMeaningfulChange) {
-  const empty = useMemo3(() => [], []);
-  const value = prop ?? empty;
-  const initial = useRef4(value);
-  useEffect4(() => {
-    if (warningMessage && value !== initial.current && (isMeaningfulChange ? isMeaningfulChange(initial.current, value) : true)) {
-      console.error(warningMessage);
-    }
-  }, [value, warningMessage]);
-  return value;
-}
-var CopilotKitProvider = ({
-  children,
-  runtimeUrl,
-  headers = {},
-  properties = {},
-  agents__unsafe_dev_only: agents = {},
-  renderToolCalls,
-  renderActivityMessages,
-  renderCustomMessages,
-  frontendTools,
-  humanInTheLoop,
-  showDevConsole = false,
-  useSingleEndpoint = false
-}) => {
-  const [shouldRenderInspector, setShouldRenderInspector] = useState3(false);
-  useEffect4(() => {
-    if (typeof window === "undefined") {
-      return;
-    }
-    if (showDevConsole === true) {
-      setShouldRenderInspector(true);
-    } else if (showDevConsole === "auto") {
-      const localhostHosts = /* @__PURE__ */ new Set(["localhost", "127.0.0.1"]);
-      if (localhostHosts.has(window.location.hostname)) {
-        setShouldRenderInspector(true);
-      } else {
-        setShouldRenderInspector(false);
-      }
-    } else {
-      setShouldRenderInspector(false);
-    }
-  }, [showDevConsole]);
-  const renderToolCallsList = useStableArrayProp(
-    renderToolCalls,
-    "renderToolCalls must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead.",
-    (initial, next) => {
-      const key = (rc) => `${rc?.agentId ?? ""}:${rc?.name ?? ""}`;
-      const setFrom = (arr) => new Set(arr.map(key));
-      const a = setFrom(initial);
-      const b = setFrom(next);
-      if (a.size !== b.size) return true;
-      for (const k of a) if (!b.has(k)) return true;
-      return false;
-    }
-  );
-  const renderCustomMessagesList = useStableArrayProp(
-    renderCustomMessages,
-    "renderCustomMessages must be a stable array."
-  );
-  const renderActivityMessagesList = useStableArrayProp(
-    renderActivityMessages,
-    "renderActivityMessages must be a stable array."
-  );
-  const frontendToolsList = useStableArrayProp(
-    frontendTools,
-    "frontendTools must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead."
-  );
-  const humanInTheLoopList = useStableArrayProp(
-    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 = useMemo3(() => {
-    const processedTools = [];
-    const processedRenderToolCalls = [];
-    humanInTheLoopList.forEach((tool) => {
-      const frontendTool = {
-        name: tool.name,
-        description: tool.description,
-        parameters: tool.parameters,
-        followUp: tool.followUp,
-        ...tool.agentId && { agentId: tool.agentId },
-        handler: async () => {
-          return new Promise((resolve) => {
-            console.warn(`Human-in-the-loop tool '${tool.name}' called but no interactive handler is set up.`);
-            resolve(void 0);
-          });
-        }
-      };
-      processedTools.push(frontendTool);
-      if (tool.render) {
-        processedRenderToolCalls.push({
-          name: tool.name,
-          args: tool.parameters,
-          render: tool.render,
-          ...tool.agentId && { agentId: tool.agentId }
-        });
-      }
-    });
-    return { tools: processedTools, renderToolCalls: processedRenderToolCalls };
-  }, [humanInTheLoopList]);
-  const allTools = useMemo3(() => {
-    const tools = [];
-    tools.push(...frontendToolsList);
-    tools.push(...processedHumanInTheLoopTools.tools);
-    return tools;
-  }, [frontendToolsList, processedHumanInTheLoopTools]);
-  const allRenderToolCalls = useMemo3(() => {
-    const combined = [...renderToolCallsList];
-    frontendToolsList.forEach((tool) => {
-      if (tool.render) {
-        const args = tool.parameters || (tool.name === "*" ? z.any() : void 0);
-        if (args) {
-          combined.push({
-            name: tool.name,
-            args,
-            render: tool.render
-          });
-        }
-      }
-    });
-    combined.push(...processedHumanInTheLoopTools.renderToolCalls);
-    return combined;
-  }, [renderToolCallsList, frontendToolsList, processedHumanInTheLoopTools]);
-  const copilotkit = useMemo3(() => {
-    const copilotkit2 = new CopilotKitCoreReact({
-      runtimeUrl,
-      runtimeTransport: useSingleEndpoint ? "single" : "rest",
-      headers,
-      properties,
-      agents__unsafe_dev_only: agents,
-      tools: allTools,
-      renderToolCalls: allRenderToolCalls,
-      renderActivityMessages: renderActivityMessagesList,
-      renderCustomMessages: renderCustomMessagesList
-    });
-    return copilotkit2;
-  }, [allTools, allRenderToolCalls, renderActivityMessagesList, renderCustomMessagesList, useSingleEndpoint]);
-  const [, forceUpdate] = useReducer((x) => x + 1, 0);
-  useEffect4(() => {
-    const unsubscribe = copilotkit.subscribe({
-      onRenderToolCallsChanged: () => {
-        forceUpdate();
-      }
-    });
-    return () => {
-      unsubscribe();
-    };
-  }, [copilotkit]);
-  useEffect4(() => {
-    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__ */ jsxs4(
-    CopilotKitContext.Provider,
-    {
-      value: {
-        copilotkit
-      },
-      children: [
-        children,
-        shouldRenderInspector ? /* @__PURE__ */ jsx8(CopilotKitInspector, { core: copilotkit }) : null
-      ]
-    }
-  );
-};
-var useCopilotKit = () => {
-  const context = useContext2(CopilotKitContext);
-  const [, forceUpdate] = useReducer((x) => x + 1, 0);
-  if (!context) {
-    throw new Error("useCopilotKit must be used within CopilotKitProvider");
-  }
-  useEffect4(() => {
-    const unsubscribe = context.copilotkit.subscribe({
-      onRuntimeConnectionStatusChanged: () => {
-        forceUpdate();
-      }
-    });
-    return () => {
-      unsubscribe();
-    };
-  }, []);
-  return context;
-};
-
-// src/hooks/use-render-tool-call.tsx
-import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID2 } from "@copilotkitnext/shared";
-import { partialJSONParse } from "@copilotkitnext/shared";
-import { jsx as jsx9 } from "react/jsx-runtime";
-function useRenderToolCall() {
-  const { copilotkit } = useCopilotKit();
-  const config = useCopilotChatConfiguration();
-  const agentId = config?.agentId ?? DEFAULT_AGENT_ID2;
-  const [executingToolCallIds, setExecutingToolCallIds] = useState4(() => /* @__PURE__ */ new Set());
-  const renderToolCalls = useSyncExternalStore(
-    (callback) => {
-      return copilotkit.subscribe({
-        onRenderToolCallsChanged: callback
-      });
-    },
-    () => copilotkit.renderToolCalls,
-    () => copilotkit.renderToolCalls
-  );
-  useEffect5(() => {
-    const unsubscribe = copilotkit.subscribe({
-      onToolExecutionStart: ({ toolCallId }) => {
-        setExecutingToolCallIds((prev) => {
-          if (prev.has(toolCallId)) return prev;
-          const next = new Set(prev);
-          next.add(toolCallId);
-          return next;
-        });
-      },
-      onToolExecutionEnd: ({ toolCallId }) => {
-        setExecutingToolCallIds((prev) => {
-          if (!prev.has(toolCallId)) return prev;
-          const next = new Set(prev);
-          next.delete(toolCallId);
-          return next;
-        });
-      }
-    });
-    return () => unsubscribe();
-  }, [copilotkit]);
-  const renderToolCall = useCallback2(
-    ({
-      toolCall,
-      toolMessage
-    }) => {
-      const exactMatches = renderToolCalls.filter(
-        (rc) => rc.name === toolCall.function.name
-      );
-      const renderConfig = exactMatches.find((rc) => rc.agentId === agentId) || exactMatches.find((rc) => !rc.agentId) || exactMatches[0] || renderToolCalls.find((rc) => rc.name === "*");
-      if (!renderConfig) {
-        return null;
-      }
-      const RenderComponent = renderConfig.render;
-      const args = partialJSONParse(toolCall.function.arguments);
-      const toolName = toolCall.function.name;
-      if (toolMessage) {
-        return /* @__PURE__ */ jsx9(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: ToolCallStatus.Complete,
-            result: toolMessage.content
-          },
-          toolCall.id
-        );
-      } else if (executingToolCallIds.has(toolCall.id)) {
-        return /* @__PURE__ */ jsx9(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: ToolCallStatus.Executing,
-            result: void 0
-          },
-          toolCall.id
-        );
-      } else {
-        return /* @__PURE__ */ jsx9(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: ToolCallStatus.InProgress,
-            result: void 0
-          },
-          toolCall.id
-        );
-      }
-    },
-    [renderToolCalls, executingToolCallIds, agentId]
-  );
-  return renderToolCall;
-}
-
-// src/hooks/use-render-custom-messages.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-function useRenderCustomMessages() {
-  const { copilotkit } = useCopilotKit();
-  const config = useCopilotChatConfiguration();
-  if (!config) {
-    return null;
-  }
-  const { agentId, threadId } = config;
-  const customMessageRenderers = copilotkit.renderCustomMessages.filter((renderer) => renderer.agentId === void 0 || renderer.agentId === agentId).sort((a, b) => {
-    const aHasAgent = a.agentId !== void 0;
-    const bHasAgent = b.agentId !== void 0;
-    if (aHasAgent === bHasAgent) return 0;
-    return aHasAgent ? -1 : 1;
-  });
-  return function(params) {
-    if (!customMessageRenderers.length) {
-      return null;
-    }
-    const { message, position } = params;
-    const runId = copilotkit.getRunIdForMessage(agentId, threadId, message.id);
-    const agent = copilotkit.getAgent(agentId);
-    if (!agent) {
-      throw new Error("Agent not found");
-    }
-    const messagesIdsInRun = agent.messages.filter((msg) => copilotkit.getRunIdForMessage(agentId, threadId, msg.id) === runId).map((msg) => msg.id);
-    const messageIndex = agent.messages.findIndex((msg) => msg.id === message.id) ?? 0;
-    const messageIndexInRun = Math.min(messagesIdsInRun.indexOf(message.id), 0);
-    const numberOfMessagesInRun = messagesIdsInRun.length;
-    const stateSnapshot = copilotkit.getStateByRun(agentId, threadId, runId);
-    let result = null;
-    for (const renderer of customMessageRenderers) {
-      if (!renderer.render) {
-        continue;
-      }
-      const Component = renderer.render;
-      result = /* @__PURE__ */ jsx10(
-        Component,
-        {
-          message,
-          position,
-          runId,
-          messageIndex,
-          messageIndexInRun,
-          numberOfMessagesInRun,
-          agentId,
-          stateSnapshot
-        },
-        `${runId}-${message.id}-${position}`
-      );
-      if (result) {
-        break;
-      }
-    }
-    return result;
-  };
-}
-
-// src/hooks/use-render-activity-message.tsx
-import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID3 } from "@copilotkitnext/shared";
-import { useCallback as useCallback3 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-function useRenderActivityMessage() {
-  const { copilotkit } = useCopilotKit();
-  const config = useCopilotChatConfiguration();
-  const agentId = config?.agentId ?? DEFAULT_AGENT_ID3;
-  const renderers = copilotkit.renderActivityMessages;
-  return useCallback3(
-    (message) => {
-      if (!renderers.length) {
-        return null;
-      }
-      const matches = renderers.filter(
-        (renderer2) => renderer2.activityType === message.activityType
-      );
-      const renderer = matches.find((candidate) => candidate.agentId === agentId) ?? matches.find((candidate) => candidate.agentId === void 0) ?? renderers.find((candidate) => candidate.activityType === "*");
-      if (!renderer) {
-        return null;
-      }
-      const parseResult = renderer.content.safeParse(message.content);
-      if (!parseResult.success) {
-        console.warn(
-          `Failed to parse content for activity message '${message.activityType}':`,
-          parseResult.error
-        );
-        return null;
-      }
-      const Component = renderer.render;
-      const agent = copilotkit.getAgent(agentId);
-      return /* @__PURE__ */ jsx11(
-        Component,
-        {
-          activityType: message.activityType,
-          content: parseResult.data,
-          message,
-          agent
-        },
-        message.id
-      );
-    },
-    [agentId, copilotkit, renderers]
-  );
-}
-
-// src/hooks/use-frontend-tool.tsx
-import { useEffect as useEffect6 } from "react";
-function useFrontendTool(tool) {
-  const { copilotkit } = useCopilotKit();
-  useEffect6(() => {
-    const name = tool.name;
-    if (copilotkit.getTool({ toolName: name, agentId: tool.agentId })) {
-      console.warn(
-        `Tool '${name}' already exists for agent '${tool.agentId || "global"}'. Overriding with latest registration.`
-      );
-      copilotkit.removeTool(name, tool.agentId);
-    }
-    copilotkit.addTool(tool);
-    if (tool.render) {
-      const keyOf = (rc) => `${rc.agentId ?? ""}:${rc.name}`;
-      const currentRenderToolCalls = copilotkit.renderToolCalls;
-      const mergedMap = /* @__PURE__ */ new Map();
-      for (const rc of currentRenderToolCalls) {
-        mergedMap.set(keyOf(rc), rc);
-      }
-      const newEntry = {
-        name,
-        args: tool.parameters,
-        agentId: tool.agentId,
-        render: tool.render
-      };
-      mergedMap.set(keyOf(newEntry), newEntry);
-      copilotkit.setRenderToolCalls(Array.from(mergedMap.values()));
-    }
-    return () => {
-      copilotkit.removeTool(name, tool.agentId);
-    };
-  }, [tool.name, copilotkit]);
-}
-
-// src/hooks/use-human-in-the-loop.tsx
-import { useCallback as useCallback4, useRef as useRef5, useEffect as useEffect7 } from "react";
-import React7 from "react";
-function useHumanInTheLoop(tool) {
-  const { copilotkit } = useCopilotKit();
-  const resolvePromiseRef = useRef5(null);
-  const respond = useCallback4(async (result) => {
-    if (resolvePromiseRef.current) {
-      resolvePromiseRef.current(result);
-      resolvePromiseRef.current = null;
-    }
-  }, []);
-  const handler = useCallback4(async () => {
-    return new Promise((resolve) => {
-      resolvePromiseRef.current = resolve;
-    });
-  }, []);
-  const RenderComponent = useCallback4(
-    (props) => {
-      const ToolComponent = tool.render;
-      if (props.status === "inProgress") {
-        const enhancedProps = {
-          ...props,
-          name: tool.name,
-          description: tool.description || "",
-          respond: void 0
-        };
-        return React7.createElement(ToolComponent, enhancedProps);
-      } else if (props.status === "executing") {
-        const enhancedProps = {
-          ...props,
-          name: tool.name,
-          description: tool.description || "",
-          respond
-        };
-        return React7.createElement(ToolComponent, enhancedProps);
-      } else if (props.status === "complete") {
-        const enhancedProps = {
-          ...props,
-          name: tool.name,
-          description: tool.description || "",
-          respond: void 0
-        };
-        return React7.createElement(ToolComponent, enhancedProps);
-      }
-      return React7.createElement(ToolComponent, props);
-    },
-    [tool.render, tool.name, tool.description, respond]
-  );
-  const frontendTool = {
-    ...tool,
-    handler,
-    render: RenderComponent
-  };
-  useFrontendTool(frontendTool);
-  useEffect7(() => {
-    return () => {
-      const keyOf = (rc) => `${rc.agentId ?? ""}:${rc.name}`;
-      const currentRenderToolCalls = copilotkit.renderToolCalls;
-      const filtered = currentRenderToolCalls.filter(
-        (rc) => keyOf(rc) !== keyOf({ name: tool.name, agentId: tool.agentId })
-      );
-      copilotkit.setRenderToolCalls(filtered);
-    };
-  }, [copilotkit, tool.name, tool.agentId]);
-}
-
-// src/hooks/use-agent.tsx
-import { useMemo as useMemo4, useEffect as useEffect8, useReducer as useReducer2 } from "react";
-import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID4 } from "@copilotkitnext/shared";
-var ALL_UPDATES = [
-  "OnMessagesChanged" /* OnMessagesChanged */,
-  "OnStateChanged" /* OnStateChanged */,
-  "OnRunStatusChanged" /* OnRunStatusChanged */
-];
-function useAgent({ agentId, updates } = {}) {
-  agentId ??= DEFAULT_AGENT_ID4;
-  const { copilotkit } = useCopilotKit();
-  const [, forceUpdate] = useReducer2((x) => x + 1, 0);
-  const updateFlags = useMemo4(
-    () => updates ?? ALL_UPDATES,
-    [JSON.stringify(updates)]
-  );
-  const agent = useMemo4(() => {
-    return copilotkit.getAgent(agentId);
-  }, [
-    agentId,
-    copilotkit.agents,
-    copilotkit.runtimeConnectionStatus,
-    copilotkit
-  ]);
-  useEffect8(() => {
-    if (!agent) {
-      return;
-    }
-    if (updateFlags.length === 0) {
-      return;
-    }
-    const handlers = {};
-    if (updateFlags.includes("OnMessagesChanged" /* OnMessagesChanged */)) {
-      handlers.onMessagesChanged = () => {
-        forceUpdate();
-      };
-    }
-    if (updateFlags.includes("OnStateChanged" /* OnStateChanged */)) {
-      handlers.onStateChanged = () => {
-        forceUpdate();
-      };
-    }
-    if (updateFlags.includes("OnRunStatusChanged" /* OnRunStatusChanged */)) {
-      handlers.onRunInitialized = () => {
-        forceUpdate();
-      };
-      handlers.onRunFinalized = () => {
-        forceUpdate();
-      };
-      handlers.onRunFailed = () => {
-        forceUpdate();
-      };
-    }
-    const subscription = agent.subscribe(handlers);
-    return () => subscription.unsubscribe();
-  }, [agent, forceUpdate, JSON.stringify(updateFlags)]);
-  return {
-    agent
-  };
-}
-
-// src/hooks/use-agent-context.tsx
-import { useEffect as useEffect9 } from "react";
-function useAgentContext(context) {
-  const { description, value } = context;
-  const { copilotkit } = useCopilotKit();
-  useEffect9(() => {
-    if (!copilotkit) return;
-    const id = copilotkit.addContext(context);
-    return () => {
-      copilotkit.removeContext(id);
-    };
-  }, [description, value, copilotkit]);
-}
-
-// src/hooks/use-suggestions.tsx
-import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo5, useState as useState5 } from "react";
-import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID5 } from "@copilotkitnext/shared";
-function useSuggestions({ agentId } = {}) {
-  const { copilotkit } = useCopilotKit();
-  const config = useCopilotChatConfiguration();
-  const resolvedAgentId = useMemo5(() => agentId ?? config?.agentId ?? DEFAULT_AGENT_ID5, [agentId, config?.agentId]);
-  const [suggestions, setSuggestions] = useState5(() => {
-    const result = copilotkit.getSuggestions(resolvedAgentId);
-    return result.suggestions;
-  });
-  const [isLoading, setIsLoading] = useState5(() => {
-    const result = copilotkit.getSuggestions(resolvedAgentId);
-    return result.isLoading;
-  });
-  useEffect10(() => {
-    const result = copilotkit.getSuggestions(resolvedAgentId);
-    setSuggestions(result.suggestions);
-    setIsLoading(result.isLoading);
-  }, [copilotkit, resolvedAgentId]);
-  useEffect10(() => {
-    const unsubscribe = copilotkit.subscribe({
-      onSuggestionsChanged: ({ agentId: changedAgentId, suggestions: suggestions2 }) => {
-        if (changedAgentId !== resolvedAgentId) {
-          return;
-        }
-        setSuggestions(suggestions2);
-      },
-      onSuggestionsStartedLoading: ({ agentId: changedAgentId }) => {
-        if (changedAgentId !== resolvedAgentId) {
-          return;
-        }
-        setIsLoading(true);
-      },
-      onSuggestionsFinishedLoading: ({ agentId: changedAgentId }) => {
-        if (changedAgentId !== resolvedAgentId) {
-          return;
-        }
-        setIsLoading(false);
-      },
-      onSuggestionsConfigChanged: () => {
-        const result = copilotkit.getSuggestions(resolvedAgentId);
-        setSuggestions(result.suggestions);
-        setIsLoading(result.isLoading);
-      }
-    });
-    return () => {
-      unsubscribe();
-    };
-  }, [copilotkit, resolvedAgentId]);
-  const reloadSuggestions = useCallback5(() => {
-    copilotkit.reloadSuggestions(resolvedAgentId);
-  }, [copilotkit, resolvedAgentId]);
-  const clearSuggestions = useCallback5(() => {
-    copilotkit.clearSuggestions(resolvedAgentId);
-  }, [copilotkit, resolvedAgentId]);
-  return {
-    suggestions,
-    reloadSuggestions,
-    clearSuggestions,
-    isLoading
-  };
-}
-
-// src/hooks/use-configure-suggestions.tsx
-import { useCallback as useCallback6, useEffect as useEffect11, useMemo as useMemo6, useRef as useRef6 } from "react";
-import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID6 } from "@copilotkitnext/shared";
-var EMPTY_DEPS = [];
-function useConfigureSuggestions(config, options) {
-  const { copilotkit } = useCopilotKit();
-  const chatConfig = useCopilotChatConfiguration();
-  const extraDeps = options?.deps ?? EMPTY_DEPS;
-  const resolvedConsumerAgentId = useMemo6(() => chatConfig?.agentId ?? DEFAULT_AGENT_ID6, [chatConfig?.agentId]);
-  const rawConsumerAgentId = useMemo6(() => config ? config.consumerAgentId : void 0, [config]);
-  const normalizationCacheRef = useRef6({
-    serialized: null,
-    config: null
-  });
-  const { normalizedConfig, serializedConfig } = useMemo6(() => {
-    if (!config) {
-      normalizationCacheRef.current = { serialized: null, config: null };
-      return { normalizedConfig: null, serializedConfig: null };
-    }
-    if (config.available === "disabled") {
-      normalizationCacheRef.current = { serialized: null, config: null };
-      return { normalizedConfig: null, serializedConfig: null };
-    }
-    let built;
-    if (isDynamicConfig(config)) {
-      built = {
-        ...config
-      };
-    } else {
-      const normalizedSuggestions = normalizeStaticSuggestions(config.suggestions);
-      const baseConfig = {
-        ...config,
-        suggestions: normalizedSuggestions
-      };
-      built = baseConfig;
-    }
-    const serialized = JSON.stringify(built);
-    const cache = normalizationCacheRef.current;
-    if (cache.serialized === serialized && cache.config) {
-      return { normalizedConfig: cache.config, serializedConfig: serialized };
-    }
-    normalizationCacheRef.current = { serialized, config: built };
-    return { normalizedConfig: built, serializedConfig: serialized };
-  }, [config, resolvedConsumerAgentId, ...extraDeps]);
-  const latestConfigRef = useRef6(null);
-  latestConfigRef.current = normalizedConfig;
-  const previousSerializedConfigRef = useRef6(null);
-  const targetAgentId = useMemo6(() => {
-    if (!normalizedConfig) {
-      return resolvedConsumerAgentId;
-    }
-    const consumer = normalizedConfig.consumerAgentId;
-    if (!consumer || consumer === "*") {
-      return resolvedConsumerAgentId;
-    }
-    return consumer;
-  }, [normalizedConfig, resolvedConsumerAgentId]);
-  const isGlobalConfig = rawConsumerAgentId === void 0 || rawConsumerAgentId === "*";
-  const requestReload = useCallback6(() => {
-    if (!normalizedConfig) {
-      return;
-    }
-    if (isGlobalConfig) {
-      const agents = Object.values(copilotkit.agents ?? {});
-      for (const entry of agents) {
-        const agentId = entry.agentId;
-        if (!agentId) {
-          continue;
-        }
-        if (!entry.isRunning) {
-          copilotkit.reloadSuggestions(agentId);
-        }
-      }
-      return;
-    }
-    if (!targetAgentId) {
-      return;
-    }
-    copilotkit.reloadSuggestions(targetAgentId);
-  }, [copilotkit, isGlobalConfig, normalizedConfig, targetAgentId]);
-  useEffect11(() => {
-    if (!serializedConfig || !latestConfigRef.current) {
-      return;
-    }
-    const id = copilotkit.addSuggestionsConfig(latestConfigRef.current);
-    requestReload();
-    return () => {
-      copilotkit.removeSuggestionsConfig(id);
-    };
-  }, [copilotkit, serializedConfig, requestReload]);
-  useEffect11(() => {
-    if (!normalizedConfig) {
-      previousSerializedConfigRef.current = null;
-      return;
-    }
-    if (serializedConfig && previousSerializedConfigRef.current === serializedConfig) {
-      return;
-    }
-    if (serializedConfig) {
-      previousSerializedConfigRef.current = serializedConfig;
-    }
-    requestReload();
-  }, [normalizedConfig, requestReload, serializedConfig]);
-  useEffect11(() => {
-    if (!normalizedConfig || extraDeps.length === 0) {
-      return;
-    }
-    requestReload();
-  }, [extraDeps.length, normalizedConfig, requestReload, ...extraDeps]);
-}
-function isDynamicConfig(config) {
-  return "instructions" in config;
-}
-function normalizeStaticSuggestions(suggestions) {
-  return suggestions.map((suggestion) => ({
-    ...suggestion,
-    isLoading: suggestion.isLoading ?? false
-  }));
-}
-
-// src/components/chat/CopilotChatToolCallsView.tsx
-import React8 from "react";
-import { Fragment as Fragment2, jsx as jsx12 } from "react/jsx-runtime";
-function CopilotChatToolCallsView({
-  message,
-  messages = []
-}) {
-  const renderToolCall = useRenderToolCall();
-  if (!message.toolCalls || message.toolCalls.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx12(Fragment2, { children: message.toolCalls.map((toolCall) => {
-    const toolMessage = messages.find(
-      (m) => m.role === "tool" && m.toolCallId === toolCall.id
-    );
-    return /* @__PURE__ */ jsx12(React8.Fragment, { children: renderToolCall({
-      toolCall,
-      toolMessage
-    }) }, toolCall.id);
-  }) });
-}
-var CopilotChatToolCallsView_default = CopilotChatToolCallsView;
-
-// src/components/chat/CopilotChatAssistantMessage.tsx
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-function CopilotChatAssistantMessage({
-  message,
-  messages,
-  isRunning,
-  onThumbsUp,
-  onThumbsDown,
-  onReadAloud,
-  onRegenerate,
-  additionalToolbarItems,
-  toolbarVisible = true,
-  markdownRenderer,
-  toolbar,
-  copyButton,
-  thumbsUpButton,
-  thumbsDownButton,
-  readAloudButton,
-  regenerateButton,
-  toolCallsView,
-  children,
-  className,
-  ...props
-}) {
-  const boundMarkdownRenderer = renderSlot(
-    markdownRenderer,
-    CopilotChatAssistantMessage.MarkdownRenderer,
-    {
-      content: message.content || ""
-    }
-  );
-  const boundCopyButton = renderSlot(
-    copyButton,
-    CopilotChatAssistantMessage.CopyButton,
-    {
-      onClick: async () => {
-        if (message.content) {
-          try {
-            await navigator.clipboard.writeText(message.content);
-          } catch (err) {
-            console.error("Failed to copy message:", err);
-          }
-        }
-      }
-    }
-  );
-  const boundThumbsUpButton = renderSlot(
-    thumbsUpButton,
-    CopilotChatAssistantMessage.ThumbsUpButton,
-    {
-      onClick: onThumbsUp
-    }
-  );
-  const boundThumbsDownButton = renderSlot(
-    thumbsDownButton,
-    CopilotChatAssistantMessage.ThumbsDownButton,
-    {
-      onClick: onThumbsDown
-    }
-  );
-  const boundReadAloudButton = renderSlot(
-    readAloudButton,
-    CopilotChatAssistantMessage.ReadAloudButton,
-    {
-      onClick: onReadAloud
-    }
-  );
-  const boundRegenerateButton = renderSlot(
-    regenerateButton,
-    CopilotChatAssistantMessage.RegenerateButton,
-    {
-      onClick: onRegenerate
-    }
-  );
-  const boundToolbar = renderSlot(
-    toolbar,
-    CopilotChatAssistantMessage.Toolbar,
-    {
-      children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1", children: [
-        boundCopyButton,
-        (onThumbsUp || thumbsUpButton) && boundThumbsUpButton,
-        (onThumbsDown || thumbsDownButton) && boundThumbsDownButton,
-        (onReadAloud || readAloudButton) && boundReadAloudButton,
-        (onRegenerate || regenerateButton) && boundRegenerateButton,
-        additionalToolbarItems
-      ] })
-    }
-  );
-  const boundToolCallsView = renderSlot(
-    toolCallsView,
-    CopilotChatToolCallsView_default,
-    {
-      message,
-      messages
-    }
-  );
-  const hasContent = !!(message.content && message.content.trim().length > 0);
-  const isLatestAssistantMessage = message.role === "assistant" && messages?.[messages.length - 1]?.id === message.id;
-  const shouldShowToolbar = toolbarVisible && hasContent && !(isRunning && isLatestAssistantMessage);
-  if (children) {
-    return /* @__PURE__ */ jsx13(Fragment3, { children: children({
-      markdownRenderer: boundMarkdownRenderer,
-      toolbar: boundToolbar,
-      toolCallsView: boundToolCallsView,
-      copyButton: boundCopyButton,
-      thumbsUpButton: boundThumbsUpButton,
-      thumbsDownButton: boundThumbsDownButton,
-      readAloudButton: boundReadAloudButton,
-      regenerateButton: boundRegenerateButton,
-      message,
-      messages,
-      isRunning,
-      onThumbsUp,
-      onThumbsDown,
-      onReadAloud,
-      onRegenerate,
-      additionalToolbarItems,
-      toolbarVisible: shouldShowToolbar
-    }) });
-  }
-  return /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      className: twMerge4(
-        "prose max-w-full break-words dark:prose-invert",
-        className
-      ),
-      ...props,
-      "data-message-id": message.id,
-      children: [
-        boundMarkdownRenderer,
-        boundToolCallsView,
-        shouldShowToolbar && boundToolbar
-      ]
-    }
-  );
-}
-((CopilotChatAssistantMessage2) => {
-  CopilotChatAssistantMessage2.MarkdownRenderer = ({ content, className, ...props }) => /* @__PURE__ */ jsx13(Streamdown, { className, ...props, children: content ?? "" });
-  CopilotChatAssistantMessage2.Toolbar = ({
-    className,
-    ...props
-  }) => /* @__PURE__ */ jsx13(
-    "div",
-    {
-      className: twMerge4(
-        "w-full bg-transparent flex items-center -ml-[5px] -mt-[0px]",
-        className
-      ),
-      ...props
-    }
-  );
-  CopilotChatAssistantMessage2.ToolbarButton = ({ title, children, ...props }) => {
-    return /* @__PURE__ */ jsxs5(Tooltip, { children: [
-      /* @__PURE__ */ jsx13(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx13(
-        Button,
-        {
-          type: "button",
-          variant: "assistantMessageToolbarButton",
-          "aria-label": title,
-          ...props,
-          children
-        }
-      ) }),
-      /* @__PURE__ */ jsx13(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsx13("p", { children: title }) })
-    ] });
-  };
-  CopilotChatAssistantMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const [copied, setCopied] = useState6(false);
-    const handleClick = (event) => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-      if (onClick) {
-        onClick(event);
-      }
-    };
-    return /* @__PURE__ */ jsx13(
-      CopilotChatAssistantMessage2.ToolbarButton,
-      {
-        title: title || labels.assistantMessageToolbarCopyMessageLabel,
-        onClick: handleClick,
-        className,
-        ...props,
-        children: copied ? /* @__PURE__ */ jsx13(Check2, { className: "size-[18px]" }) : /* @__PURE__ */ jsx13(Copy, { className: "size-[18px]" })
-      }
-    );
-  };
-  CopilotChatAssistantMessage2.ThumbsUpButton = ({ title, ...props }) => {
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsx13(
-      CopilotChatAssistantMessage2.ToolbarButton,
-      {
-        title: title || labels.assistantMessageToolbarThumbsUpLabel,
-        ...props,
-        children: /* @__PURE__ */ jsx13(ThumbsUp, { className: "size-[18px]" })
-      }
-    );
-  };
-  CopilotChatAssistantMessage2.ThumbsDownButton = ({ title, ...props }) => {
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsx13(
-      CopilotChatAssistantMessage2.ToolbarButton,
-      {
-        title: title || labels.assistantMessageToolbarThumbsDownLabel,
-        ...props,
-        children: /* @__PURE__ */ jsx13(ThumbsDown, { className: "size-[18px]" })
-      }
-    );
-  };
-  CopilotChatAssistantMessage2.ReadAloudButton = ({ title, ...props }) => {
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsx13(
-      CopilotChatAssistantMessage2.ToolbarButton,
-      {
-        title: title || labels.assistantMessageToolbarReadAloudLabel,
-        ...props,
-        children: /* @__PURE__ */ jsx13(Volume2, { className: "size-[20px]" })
-      }
-    );
-  };
-  CopilotChatAssistantMessage2.RegenerateButton = ({ title, ...props }) => {
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsx13(
-      CopilotChatAssistantMessage2.ToolbarButton,
-      {
-        title: title || labels.assistantMessageToolbarRegenerateLabel,
-        ...props,
-        children: /* @__PURE__ */ jsx13(RefreshCw, { className: "size-[18px]" })
-      }
-    );
-  };
-})(CopilotChatAssistantMessage || (CopilotChatAssistantMessage = {}));
-CopilotChatAssistantMessage.MarkdownRenderer.displayName = "CopilotChatAssistantMessage.MarkdownRenderer";
-CopilotChatAssistantMessage.Toolbar.displayName = "CopilotChatAssistantMessage.Toolbar";
-CopilotChatAssistantMessage.CopyButton.displayName = "CopilotChatAssistantMessage.CopyButton";
-CopilotChatAssistantMessage.ThumbsUpButton.displayName = "CopilotChatAssistantMessage.ThumbsUpButton";
-CopilotChatAssistantMessage.ThumbsDownButton.displayName = "CopilotChatAssistantMessage.ThumbsDownButton";
-CopilotChatAssistantMessage.ReadAloudButton.displayName = "CopilotChatAssistantMessage.ReadAloudButton";
-CopilotChatAssistantMessage.RegenerateButton.displayName = "CopilotChatAssistantMessage.RegenerateButton";
-var CopilotChatAssistantMessage_default = CopilotChatAssistantMessage;
-
-// src/components/chat/CopilotChatUserMessage.tsx
-import { useMemo as useMemo7, useState as useState7 } from "react";
-import { Copy as Copy2, Check as Check3, Edit, ChevronLeft, ChevronRight } from "lucide-react";
-import { twMerge as twMerge5 } from "tailwind-merge";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
-function flattenUserMessageContent(content) {
-  if (!content) {
-    return "";
-  }
-  if (typeof content === "string") {
-    return content;
-  }
-  return content.map((part) => {
-    if (part && typeof part === "object" && "type" in part && part.type === "text" && typeof part.text === "string") {
-      return part.text;
-    }
-    return "";
-  }).filter((text) => text.length > 0).join("\n");
-}
-function CopilotChatUserMessage({
-  message,
-  onEditMessage,
-  branchIndex,
-  numberOfBranches,
-  onSwitchToBranch,
-  additionalToolbarItems,
-  messageRenderer,
-  toolbar,
-  copyButton,
-  editButton,
-  branchNavigation,
-  children,
-  className,
-  ...props
-}) {
-  const flattenedContent = useMemo7(
-    () => flattenUserMessageContent(message.content),
-    [message.content]
-  );
-  const BoundMessageRenderer = renderSlot(
-    messageRenderer,
-    CopilotChatUserMessage.MessageRenderer,
-    {
-      content: flattenedContent
-    }
-  );
-  const BoundCopyButton = renderSlot(
-    copyButton,
-    CopilotChatUserMessage.CopyButton,
-    {
-      onClick: async () => {
-        if (flattenedContent) {
-          try {
-            await navigator.clipboard.writeText(flattenedContent);
-          } catch (err) {
-            console.error("Failed to copy message:", err);
-          }
-        }
-      }
-    }
-  );
-  const BoundEditButton = renderSlot(
-    editButton,
-    CopilotChatUserMessage.EditButton,
-    {
-      onClick: () => onEditMessage?.({ message })
-    }
-  );
-  const BoundBranchNavigation = renderSlot(
-    branchNavigation,
-    CopilotChatUserMessage.BranchNavigation,
-    {
-      currentBranch: branchIndex,
-      numberOfBranches,
-      onSwitchToBranch,
-      message
-    }
-  );
-  const showBranchNavigation = numberOfBranches && numberOfBranches > 1 && onSwitchToBranch;
-  const BoundToolbar = renderSlot(toolbar, CopilotChatUserMessage.Toolbar, {
-    children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1 justify-end", children: [
-      additionalToolbarItems,
-      BoundCopyButton,
-      onEditMessage && BoundEditButton,
-      showBranchNavigation && BoundBranchNavigation
-    ] })
-  });
-  if (children) {
-    return /* @__PURE__ */ jsx14(Fragment4, { children: children({
-      messageRenderer: BoundMessageRenderer,
-      toolbar: BoundToolbar,
-      copyButton: BoundCopyButton,
-      editButton: BoundEditButton,
-      branchNavigation: BoundBranchNavigation,
-      message,
-      branchIndex,
-      numberOfBranches,
-      additionalToolbarItems
-    }) });
-  }
-  return /* @__PURE__ */ jsxs6(
-    "div",
-    {
-      className: twMerge5("flex flex-col items-end group pt-10", className),
-      "data-message-id": message.id,
-      ...props,
-      children: [
-        BoundMessageRenderer,
-        BoundToolbar
-      ]
-    }
-  );
-}
-((CopilotChatUserMessage2) => {
-  CopilotChatUserMessage2.Container = ({ children, className, ...props }) => /* @__PURE__ */ jsx14(
-    "div",
-    {
-      className: twMerge5("flex flex-col items-end group", className),
-      ...props,
-      children
-    }
-  );
-  CopilotChatUserMessage2.MessageRenderer = ({ content, className }) => /* @__PURE__ */ jsx14(
-    "div",
-    {
-      className: twMerge5(
-        "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
-      ),
-      children: content
-    }
-  );
-  CopilotChatUserMessage2.Toolbar = ({
-    className,
-    ...props
-  }) => /* @__PURE__ */ jsx14(
-    "div",
-    {
-      className: twMerge5(
-        "w-full bg-transparent flex items-center justify-end -mr-[5px] mt-[4px] invisible group-hover:visible",
-        className
-      ),
-      ...props
-    }
-  );
-  CopilotChatUserMessage2.ToolbarButton = ({ title, children, className, ...props }) => {
-    return /* @__PURE__ */ jsxs6(Tooltip, { children: [
-      /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx14(
-        Button,
-        {
-          type: "button",
-          variant: "assistantMessageToolbarButton",
-          "aria-label": title,
-          className: twMerge5(className),
-          ...props,
-          children
-        }
-      ) }),
-      /* @__PURE__ */ jsx14(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsx14("p", { children: title }) })
-    ] });
-  };
-  CopilotChatUserMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const [copied, setCopied] = useState7(false);
-    const handleClick = (event) => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-      if (onClick) {
-        onClick(event);
-      }
-    };
-    return /* @__PURE__ */ jsx14(
-      CopilotChatUserMessage2.ToolbarButton,
-      {
-        title: title || labels.userMessageToolbarCopyMessageLabel,
-        onClick: handleClick,
-        className,
-        ...props,
-        children: copied ? /* @__PURE__ */ jsx14(Check3, { className: "size-[18px]" }) : /* @__PURE__ */ jsx14(Copy2, { className: "size-[18px]" })
-      }
-    );
-  };
-  CopilotChatUserMessage2.EditButton = ({ className, title, ...props }) => {
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsx14(
-      CopilotChatUserMessage2.ToolbarButton,
-      {
-        title: title || labels.userMessageToolbarEditMessageLabel,
-        className,
-        ...props,
-        children: /* @__PURE__ */ jsx14(Edit, { className: "size-[18px]" })
-      }
-    );
-  };
-  CopilotChatUserMessage2.BranchNavigation = ({
-    className,
-    currentBranch = 0,
-    numberOfBranches = 1,
-    onSwitchToBranch,
-    message,
-    ...props
-  }) => {
-    if (!numberOfBranches || numberOfBranches <= 1 || !onSwitchToBranch) {
-      return null;
-    }
-    const canGoPrev = currentBranch > 0;
-    const canGoNext = currentBranch < numberOfBranches - 1;
-    return /* @__PURE__ */ jsxs6("div", { className: twMerge5("flex items-center gap-1", className), ...props, children: [
-      /* @__PURE__ */ jsx14(
-        Button,
-        {
-          type: "button",
-          variant: "assistantMessageToolbarButton",
-          onClick: () => onSwitchToBranch?.({
-            branchIndex: currentBranch - 1,
-            numberOfBranches,
-            message
-          }),
-          disabled: !canGoPrev,
-          className: "h-6 w-6 p-0",
-          children: /* @__PURE__ */ jsx14(ChevronLeft, { className: "size-[20px]" })
-        }
-      ),
-      /* @__PURE__ */ jsxs6("span", { className: "text-sm text-muted-foreground px-0 font-medium", children: [
-        currentBranch + 1,
-        "/",
-        numberOfBranches
-      ] }),
-      /* @__PURE__ */ jsx14(
-        Button,
-        {
-          type: "button",
-          variant: "assistantMessageToolbarButton",
-          onClick: () => onSwitchToBranch?.({
-            branchIndex: currentBranch + 1,
-            numberOfBranches,
-            message
-          }),
-          disabled: !canGoNext,
-          className: "h-6 w-6 p-0",
-          children: /* @__PURE__ */ jsx14(ChevronRight, { className: "size-[20px]" })
-        }
-      )
-    ] });
-  };
-})(CopilotChatUserMessage || (CopilotChatUserMessage = {}));
-CopilotChatUserMessage.Container.displayName = "CopilotChatUserMessage.Container";
-CopilotChatUserMessage.MessageRenderer.displayName = "CopilotChatUserMessage.MessageRenderer";
-CopilotChatUserMessage.Toolbar.displayName = "CopilotChatUserMessage.Toolbar";
-CopilotChatUserMessage.ToolbarButton.displayName = "CopilotChatUserMessage.ToolbarButton";
-CopilotChatUserMessage.CopyButton.displayName = "CopilotChatUserMessage.CopyButton";
-CopilotChatUserMessage.EditButton.displayName = "CopilotChatUserMessage.EditButton";
-CopilotChatUserMessage.BranchNavigation.displayName = "CopilotChatUserMessage.BranchNavigation";
-var CopilotChatUserMessage_default = CopilotChatUserMessage;
-
-// src/components/chat/CopilotChatSuggestionPill.tsx
-import React9 from "react";
-import { Loader2 } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs7 } from "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 = React9.forwardRef(function CopilotChatSuggestionPill2({ className, children, icon, isLoading, type, ...props }, ref) {
-  const showIcon = !isLoading && icon;
-  return /* @__PURE__ */ jsxs7(
-    "button",
-    {
-      ref,
-      "data-slot": "suggestion-pill",
-      className: cn(baseClasses, className),
-      type: type ?? "button",
-      "aria-busy": isLoading || void 0,
-      disabled: isLoading || props.disabled,
-      ...props,
-      children: [
-        isLoading ? /* @__PURE__ */ jsx15("span", { className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx15(Loader2, { className: "h-3.5 sm:h-4 w-3.5 sm:w-4 animate-spin", "aria-hidden": "true" }) }) : showIcon && /* @__PURE__ */ jsx15("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__ */ jsx15("span", { className: labelClasses, children })
-      ]
-    }
-  );
-});
-CopilotChatSuggestionPill.displayName = "CopilotChatSuggestionPill";
-var CopilotChatSuggestionPill_default = CopilotChatSuggestionPill;
-
-// src/components/chat/CopilotChatSuggestionView.tsx
-import React10 from "react";
-import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
-var DefaultContainer = React10.forwardRef(function DefaultContainer2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx16(
-    "div",
-    {
-      ref,
-      className: cn(
-        "flex flex-wrap items-center gap-1.5 sm:gap-2 pl-0 pr-4 sm:px-0 pointer-events-none",
-        className
-      ),
-      ...props
-    }
-  );
-});
-var CopilotChatSuggestionView = React10.forwardRef(function CopilotChatSuggestionView2({
-  suggestions,
-  onSelectSuggestion,
-  loadingIndexes,
-  container,
-  suggestion: suggestionSlot,
-  className,
-  children,
-  ...restProps
-}, ref) {
-  const loadingSet = React10.useMemo(() => {
-    if (!loadingIndexes || loadingIndexes.length === 0) {
-      return /* @__PURE__ */ new Set();
-    }
-    return new Set(loadingIndexes);
-  }, [loadingIndexes]);
-  const ContainerElement = renderSlot(container, DefaultContainer, {
-    ref,
-    className,
-    ...restProps
-  });
-  const suggestionElements = suggestions.map((suggestion, index) => {
-    const isLoading = loadingSet.has(index) || suggestion.isLoading === true;
-    const pill = renderSlot(suggestionSlot, CopilotChatSuggestionPill_default, {
-      children: suggestion.title,
-      isLoading,
-      type: "button",
-      onClick: () => onSelectSuggestion?.(suggestion, index)
-    });
-    return React10.cloneElement(pill, {
-      key: `${suggestion.title}-${index}`
-    });
-  });
-  const boundContainer = React10.cloneElement(
-    ContainerElement,
-    void 0,
-    suggestionElements
-  );
-  if (typeof children === "function") {
-    const sampleSuggestion = renderSlot(suggestionSlot, CopilotChatSuggestionPill_default, {
-      children: suggestions[0]?.title ?? "",
-      isLoading: suggestions.length > 0 ? loadingSet.has(0) || suggestions[0]?.isLoading === true : false,
-      type: "button"
-    });
-    return /* @__PURE__ */ jsx16(Fragment5, { children: children({
-      container: boundContainer,
-      suggestion: sampleSuggestion,
-      suggestions,
-      onSelectSuggestion,
-      loadingIndexes,
-      className,
-      ...restProps
-    }) });
-  }
-  if (children) {
-    return /* @__PURE__ */ jsxs8(Fragment5, { children: [
-      boundContainer,
-      children
-    ] });
-  }
-  return boundContainer;
-});
-CopilotChatSuggestionView.displayName = "CopilotChatSuggestionView";
-var CopilotChatSuggestionView_default = CopilotChatSuggestionView;
-
-// src/components/chat/CopilotChatMessageView.tsx
-import { twMerge as twMerge6 } from "tailwind-merge";
-import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
-function CopilotChatMessageView({
-  messages = [],
-  assistantMessage,
-  userMessage,
-  cursor,
-  isRunning = false,
-  children,
-  className,
-  ...props
-}) {
-  const renderCustomMessage = useRenderCustomMessages();
-  const renderActivityMessage = useRenderActivityMessage();
-  const messageElements = messages.flatMap((message) => {
-    const elements = [];
-    if (renderCustomMessage) {
-      elements.push(
-        renderCustomMessage({
-          message,
-          position: "before"
-        })
-      );
-    }
-    if (message.role === "assistant") {
-      elements.push(
-        renderSlot(assistantMessage, CopilotChatAssistantMessage_default, {
-          key: message.id,
-          message,
-          messages,
-          isRunning
-        })
-      );
-    } else if (message.role === "user") {
-      elements.push(
-        renderSlot(userMessage, CopilotChatUserMessage_default, {
-          key: message.id,
-          message
-        })
-      );
-    } else if (message.role === "activity") {
-      const renderedActivity = renderActivityMessage(message);
-      if (renderedActivity) {
-        elements.push(renderedActivity);
-      }
-    }
-    if (renderCustomMessage) {
-      elements.push(
-        renderCustomMessage({
-          message,
-          position: "after"
-        })
-      );
-    }
-    return elements;
-  }).filter(Boolean);
-  if (children) {
-    return children({ messageElements, messages, isRunning });
-  }
-  return /* @__PURE__ */ jsxs9("div", { className: twMerge6("flex flex-col", className), ...props, children: [
-    messageElements,
-    isRunning && renderSlot(cursor, CopilotChatMessageView.Cursor, {})
-  ] });
-}
-CopilotChatMessageView.Cursor = function Cursor({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
-    "div",
-    {
-      className: twMerge6("w-[11px] h-[11px] rounded-full bg-foreground animate-pulse-cursor ml-1", className),
-      ...props
-    }
-  );
-};
-var CopilotChatMessageView_default = CopilotChatMessageView;
-
-// src/components/chat/CopilotChatView.tsx
-import React11, { useRef as useRef7, useState as useState9, useEffect as useEffect13 } from "react";
-import { twMerge as twMerge7 } from "tailwind-merge";
-import { StickToBottom, useStickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
-import { ChevronDown } from "lucide-react";
-
-// src/hooks/use-keyboard-height.tsx
-import { useState as useState8, useEffect as useEffect12 } from "react";
-function useKeyboardHeight() {
-  const [keyboardState, setKeyboardState] = useState8({
-    isKeyboardOpen: false,
-    keyboardHeight: 0,
-    availableHeight: typeof window !== "undefined" ? window.innerHeight : 0,
-    viewportHeight: typeof window !== "undefined" ? window.innerHeight : 0
-  });
-  useEffect12(() => {
-    if (typeof window === "undefined") {
-      return;
-    }
-    const visualViewport = window.visualViewport;
-    if (!visualViewport) {
-      return;
-    }
-    const updateKeyboardState = () => {
-      const layoutHeight = window.innerHeight;
-      const visualHeight = visualViewport.height;
-      const keyboardHeight = Math.max(0, layoutHeight - visualHeight);
-      const isKeyboardOpen = keyboardHeight > 150;
-      setKeyboardState({
-        isKeyboardOpen,
-        keyboardHeight,
-        availableHeight: visualHeight,
-        viewportHeight: layoutHeight
-      });
-    };
-    updateKeyboardState();
-    visualViewport.addEventListener("resize", updateKeyboardState);
-    visualViewport.addEventListener("scroll", updateKeyboardState);
-    return () => {
-      visualViewport.removeEventListener("resize", updateKeyboardState);
-      visualViewport.removeEventListener("scroll", updateKeyboardState);
-    };
-  }, []);
-  return keyboardState;
-}
-
-// src/components/chat/CopilotChatView.tsx
-import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
-function CopilotChatView({
-  messageView,
-  input,
-  scrollView,
-  scrollToBottomButton,
-  feather,
-  inputContainer,
-  disclaimer,
-  suggestionView,
-  messages = [],
-  autoScroll = true,
-  inputProps,
-  isRunning = false,
-  suggestions,
-  suggestionLoadingIndexes,
-  onSelectSuggestion,
-  children,
-  className,
-  ...props
-}) {
-  const inputContainerRef = useRef7(null);
-  const [inputContainerHeight, setInputContainerHeight] = useState9(0);
-  const [isResizing, setIsResizing] = useState9(false);
-  const resizeTimeoutRef = useRef7(null);
-  const { isKeyboardOpen, keyboardHeight, availableHeight } = useKeyboardHeight();
-  useEffect13(() => {
-    const element = inputContainerRef.current;
-    if (!element) return;
-    const resizeObserver = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        const newHeight = entry.contentRect.height;
-        setInputContainerHeight((prevHeight) => {
-          if (newHeight !== prevHeight) {
-            setIsResizing(true);
-            if (resizeTimeoutRef.current) {
-              clearTimeout(resizeTimeoutRef.current);
-            }
-            resizeTimeoutRef.current = setTimeout(() => {
-              setIsResizing(false);
-            }, 250);
-            return newHeight;
-          }
-          return prevHeight;
-        });
-      }
-    });
-    resizeObserver.observe(element);
-    setInputContainerHeight(element.offsetHeight);
-    return () => {
-      resizeObserver.disconnect();
-      if (resizeTimeoutRef.current) {
-        clearTimeout(resizeTimeoutRef.current);
-      }
-    };
-  }, []);
-  const BoundMessageView = renderSlot(messageView, CopilotChatMessageView_default, {
-    messages,
-    isRunning
-  });
-  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 BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});
-  const BoundScrollView = renderSlot(scrollView, CopilotChatView.ScrollView, {
-    autoScroll,
-    scrollToBottomButton,
-    inputContainerHeight,
-    isResizing,
-    children: /* @__PURE__ */ jsx18("div", { style: { paddingBottom: `${inputContainerHeight + (hasSuggestions ? 4 : 32)}px` }, children: /* @__PURE__ */ jsxs10("div", { className: "max-w-3xl mx-auto", children: [
-      BoundMessageView,
-      hasSuggestions ? /* @__PURE__ */ jsx18("div", { className: "pl-0 pr-4 sm:px-0 mt-4", children: BoundSuggestionView }) : null
-    ] }) })
-  });
-  const BoundScrollToBottomButton = renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, {});
-  const BoundDisclaimer = renderSlot(disclaimer, CopilotChatView.Disclaimer, {});
-  const BoundInputContainer = renderSlot(inputContainer, CopilotChatView.InputContainer, {
-    ref: inputContainerRef,
-    keyboardHeight: isKeyboardOpen ? keyboardHeight : 0,
-    children: /* @__PURE__ */ jsxs10(Fragment6, { children: [
-      /* @__PURE__ */ jsx18("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
-    ] })
-  });
-  if (children) {
-    return children({
-      messageView: BoundMessageView,
-      input: BoundInput,
-      scrollView: BoundScrollView,
-      scrollToBottomButton: BoundScrollToBottomButton,
-      feather: BoundFeather,
-      inputContainer: BoundInputContainer,
-      disclaimer: BoundDisclaimer,
-      suggestionView: BoundSuggestionView ?? /* @__PURE__ */ jsx18(Fragment6, {})
-    });
-  }
-  return /* @__PURE__ */ jsxs10("div", { className: twMerge7("relative h-full", className), ...props, children: [
-    BoundScrollView,
-    BoundFeather,
-    BoundInputContainer
-  ] });
-}
-((CopilotChatView2) => {
-  const ScrollContent = ({ children, scrollToBottomButton, inputContainerHeight, isResizing }) => {
-    const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-    return /* @__PURE__ */ jsxs10(Fragment6, { children: [
-      /* @__PURE__ */ jsx18(StickToBottom.Content, { className: "overflow-y-scroll overflow-x-hidden", children: /* @__PURE__ */ jsx18("div", { className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6", children }) }),
-      !isAtBottom && !isResizing && /* @__PURE__ */ jsx18(
-        "div",
-        {
-          className: "absolute inset-x-0 flex justify-center z-10 pointer-events-none",
-          style: {
-            bottom: `${inputContainerHeight + 16}px`
-          },
-          children: renderSlot(scrollToBottomButton, CopilotChatView2.ScrollToBottomButton, {
-            onClick: () => scrollToBottom()
-          })
-        }
-      )
-    ] });
-  };
-  CopilotChatView2.ScrollView = ({
-    children,
-    autoScroll = true,
-    scrollToBottomButton,
-    inputContainerHeight = 0,
-    isResizing = false,
-    className,
-    ...props
-  }) => {
-    const [hasMounted, setHasMounted] = useState9(false);
-    const { scrollRef, contentRef, scrollToBottom } = useStickToBottom();
-    const [showScrollButton, setShowScrollButton] = useState9(false);
-    useEffect13(() => {
-      setHasMounted(true);
-    }, []);
-    useEffect13(() => {
-      if (autoScroll) return;
-      const scrollElement = scrollRef.current;
-      if (!scrollElement) return;
-      const checkScroll = () => {
-        const atBottom = scrollElement.scrollHeight - scrollElement.scrollTop - scrollElement.clientHeight < 10;
-        setShowScrollButton(!atBottom);
-      };
-      checkScroll();
-      scrollElement.addEventListener("scroll", checkScroll);
-      const resizeObserver = new ResizeObserver(checkScroll);
-      resizeObserver.observe(scrollElement);
-      return () => {
-        scrollElement.removeEventListener("scroll", checkScroll);
-        resizeObserver.disconnect();
-      };
-    }, [scrollRef, autoScroll]);
-    if (!hasMounted) {
-      return /* @__PURE__ */ jsx18("div", { className: "h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden", children: /* @__PURE__ */ jsx18("div", { className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6", children }) });
-    }
-    if (!autoScroll) {
-      return /* @__PURE__ */ jsxs10(
-        "div",
-        {
-          ref: scrollRef,
-          className: cn(
-            "h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden relative",
-            className
-          ),
-          ...props,
-          children: [
-            /* @__PURE__ */ jsx18("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__ */ jsx18(
-              "div",
-              {
-                className: "absolute inset-x-0 flex justify-center z-10 pointer-events-none",
-                style: {
-                  bottom: `${inputContainerHeight + 16}px`
-                },
-                children: renderSlot(scrollToBottomButton, CopilotChatView2.ScrollToBottomButton, {
-                  onClick: () => scrollToBottom()
-                })
-              }
-            )
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx18(
-      StickToBottom,
-      {
-        className: cn("h-full max-h-full flex flex-col min-h-0 relative", className),
-        resize: "smooth",
-        initial: "smooth",
-        ...props,
-        children: /* @__PURE__ */ jsx18(
-          ScrollContent,
-          {
-            scrollToBottomButton,
-            inputContainerHeight,
-            isResizing,
-            children
-          }
-        )
-      }
-    );
-  };
-  CopilotChatView2.ScrollToBottomButton = ({
-    className,
-    ...props
-  }) => /* @__PURE__ */ jsx18(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      className: twMerge7(
-        "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",
-        "hover:bg-gray-50 dark:hover:bg-gray-800",
-        "flex items-center justify-center cursor-pointer",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx18(ChevronDown, { className: "w-4 h-4 text-gray-600 dark:text-white" })
-    }
-  );
-  CopilotChatView2.Feather = ({ className, style, ...props }) => /* @__PURE__ */ jsx18(
-    "div",
-    {
-      className: cn(
-        "absolute bottom-0 left-0 right-4 h-24 pointer-events-none z-10 bg-gradient-to-t",
-        "from-white via-white to-transparent",
-        "dark:from-[rgb(33,33,33)] dark:via-[rgb(33,33,33)]",
-        className
-      ),
-      style,
-      ...props
-    }
-  );
-  CopilotChatView2.InputContainer = React11.forwardRef(({ children, className, keyboardHeight = 0, ...props }, ref) => /* @__PURE__ */ jsx18(
-    "div",
-    {
-      ref,
-      className: cn("absolute bottom-0 left-0 right-0 z-20 pointer-events-none", className),
-      style: {
-        // Adjust position when keyboard is open to keep input visible
-        transform: keyboardHeight > 0 ? `translateY(-${keyboardHeight}px)` : void 0,
-        transition: "transform 0.2s ease-out"
-      },
-      ...props,
-      children
-    }
-  ));
-  CopilotChatView2.InputContainer.displayName = "CopilotChatView.InputContainer";
-  CopilotChatView2.Disclaimer = ({ className, ...props }) => {
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    return /* @__PURE__ */ jsx18(
-      "div",
-      {
-        className: cn("text-center text-xs text-muted-foreground py-3 px-4 max-w-3xl mx-auto", className),
-        ...props,
-        children: labels.chatDisclaimerText
-      }
-    );
-  };
-})(CopilotChatView || (CopilotChatView = {}));
-var CopilotChatView_default = CopilotChatView;
-
-// src/components/chat/CopilotChat.tsx
-import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID7, randomUUID as randomUUID2 } from "@copilotkitnext/shared";
-import { useCallback as useCallback7, useEffect as useEffect14, useMemo as useMemo8 } from "react";
-import { merge } from "ts-deepmerge";
-import { AGUIConnectNotImplementedError } from "@ag-ui/client";
-import { jsx as jsx19 } from "react/jsx-runtime";
-function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, ...props }) {
-  const existingConfig = useCopilotChatConfiguration();
-  const resolvedAgentId = agentId ?? existingConfig?.agentId ?? DEFAULT_AGENT_ID7;
-  const resolvedThreadId = useMemo8(
-    () => threadId ?? existingConfig?.threadId ?? randomUUID2(),
-    [threadId, existingConfig?.threadId]
-  );
-  const { agent } = useAgent({ agentId: resolvedAgentId });
-  const { copilotkit } = useCopilotKit();
-  const { suggestions: autoSuggestions } = useSuggestions({ agentId: resolvedAgentId });
-  const {
-    inputProps: providedInputProps,
-    messageView: providedMessageView,
-    suggestionView: providedSuggestionView,
-    ...restProps
-  } = props;
-  useEffect14(() => {
-    const connect = async (agent2) => {
-      try {
-        await copilotkit.connectAgent({ agent: agent2 });
-      } catch (error) {
-        if (error instanceof AGUIConnectNotImplementedError) {
-        } else {
-          throw error;
-        }
-      }
-    };
-    if (agent) {
-      agent.threadId = resolvedThreadId;
-      connect(agent);
-    }
-    return () => {
-    };
-  }, [resolvedThreadId, agent, copilotkit, resolvedAgentId]);
-  const onSubmitInput = useCallback7(
-    async (value) => {
-      agent?.addMessage({
-        id: randomUUID2(),
-        role: "user",
-        content: value
-      });
-      if (agent) {
-        try {
-          await copilotkit.runAgent({ agent });
-        } catch (error) {
-          console.error("CopilotChat: runAgent failed", error);
-        }
-      }
-    },
-    [agent, copilotkit]
-  );
-  const handleSelectSuggestion = useCallback7(
-    async (suggestion) => {
-      if (!agent) {
-        return;
-      }
-      agent.addMessage({
-        id: randomUUID2(),
-        role: "user",
-        content: suggestion.message
-      });
-      try {
-        await copilotkit.runAgent({ agent });
-      } catch (error) {
-        console.error("CopilotChat: runAgent failed after selecting suggestion", error);
-      }
-    },
-    [agent, copilotkit]
-  );
-  const stopCurrentRun = useCallback7(() => {
-    if (!agent) {
-      return;
-    }
-    try {
-      copilotkit.stopAgent({ agent });
-    } catch (error) {
-      console.error("CopilotChat: stopAgent failed", error);
-      try {
-        agent.abortRun();
-      } catch (abortError) {
-        console.error("CopilotChat: abortRun fallback failed", abortError);
-      }
-    }
-  }, [agent, copilotkit]);
-  const mergedProps = merge(
-    {
-      isRunning: agent?.isRunning ?? false,
-      suggestions: autoSuggestions,
-      onSelectSuggestion: handleSelectSuggestion,
-      suggestionView: providedSuggestionView
-    },
-    {
-      ...restProps,
-      ...typeof providedMessageView === "string" ? { messageView: { className: providedMessageView } } : providedMessageView !== void 0 ? { messageView: providedMessageView } : {}
-    }
-  );
-  const providedStopHandler = providedInputProps?.onStop;
-  const hasMessages = (agent?.messages?.length ?? 0) > 0;
-  const shouldAllowStop = (agent?.isRunning ?? false) && hasMessages;
-  const effectiveStopHandler = shouldAllowStop ? providedStopHandler ?? stopCurrentRun : providedStopHandler;
-  const finalInputProps = {
-    ...providedInputProps,
-    onSubmitMessage: onSubmitInput,
-    onStop: effectiveStopHandler,
-    isRunning: agent?.isRunning ?? false
-  };
-  finalInputProps.mode = agent?.isRunning ? "processing" : finalInputProps.mode ?? "input";
-  const finalProps = merge(mergedProps, {
-    messages: agent?.messages ?? [],
-    inputProps: finalInputProps
-  });
-  const RenderedChatView = renderSlot(chatView, CopilotChatView, finalProps);
-  return /* @__PURE__ */ jsx19(
-    CopilotChatConfigurationProvider,
-    {
-      agentId: resolvedAgentId,
-      threadId: resolvedThreadId,
-      labels,
-      isModalDefaultOpen,
-      children: RenderedChatView
-    }
-  );
-}
-((CopilotChat2) => {
-  CopilotChat2.View = CopilotChatView;
-})(CopilotChat || (CopilotChat = {}));
-
-// src/components/chat/CopilotChatToggleButton.tsx
-import React12, { useState as useState10 } from "react";
-import { MessageCircle, X as X2 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
-var DefaultOpenIcon = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx20(MessageCircle, { className: cn("h-6 w-6", className), strokeWidth: 1.75, fill: "currentColor", ...props });
-var DefaultCloseIcon = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx20(X2, { 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({
-  transition: "opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)"
-});
-var ICON_WRAPPER_BASE = "pointer-events-none absolute inset-0 flex items-center justify-center will-change-transform";
-var BUTTON_BASE_CLASSES = cn(
-  "fixed bottom-6 right-6 z-[1100] flex h-14 w-14 items-center justify-center",
-  "rounded-full border border-primary bg-primary text-primary-foreground",
-  "shadow-sm transition-all duration-200 ease-out",
-  "hover:scale-[1.04] hover:shadow-md",
-  "cursor-pointer",
-  "active:scale-[0.96]",
-  "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 = React12.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] = useState10(false);
-  const isOpen = configuration?.isModalOpen ?? fallbackOpen;
-  const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;
-  const handleClick = (event) => {
-    if (disabled) {
-      return;
-    }
-    if (onClick) {
-      onClick(event);
-    }
-    if (event.defaultPrevented) {
-      return;
-    }
-    const nextOpen = !isOpen;
-    setModalOpen(nextOpen);
-  };
-  const renderedOpenIcon = renderSlot(
-    openIcon,
-    DefaultOpenIcon,
-    {
-      className: "h-6 w-6",
-      "aria-hidden": true,
-      focusable: false
-    }
-  );
-  const renderedCloseIcon = renderSlot(
-    closeIcon,
-    DefaultCloseIcon,
-    {
-      className: "h-6 w-6",
-      "aria-hidden": true,
-      focusable: false
-    }
-  );
-  const openIconElement = /* @__PURE__ */ jsx20(
-    "span",
-    {
-      "aria-hidden": "true",
-      "data-slot": "chat-toggle-button-open-icon",
-      className: ICON_WRAPPER_BASE,
-      style: {
-        ...ICON_TRANSITION_STYLE,
-        opacity: isOpen ? 0 : 1,
-        transform: `scale(${isOpen ? 0.75 : 1}) rotate(${isOpen ? 90 : 0}deg)`
-      },
-      children: renderedOpenIcon
-    }
-  );
-  const closeIconElement = /* @__PURE__ */ jsx20(
-    "span",
-    {
-      "aria-hidden": "true",
-      "data-slot": "chat-toggle-button-close-icon",
-      className: ICON_WRAPPER_BASE,
-      style: {
-        ...ICON_TRANSITION_STYLE,
-        opacity: isOpen ? 1 : 0,
-        transform: `scale(${isOpen ? 1 : 0.75}) rotate(${isOpen ? 0 : -90}deg)`
-      },
-      children: renderedCloseIcon
-    }
-  );
-  return /* @__PURE__ */ jsxs11(
-    "button",
-    {
-      ref,
-      type: type ?? "button",
-      "data-slot": "chat-toggle-button",
-      "data-state": isOpen ? "open" : "closed",
-      className: cn(BUTTON_BASE_CLASSES, className),
-      "aria-label": isOpen ? labels.chatToggleCloseLabel : labels.chatToggleOpenLabel,
-      "aria-pressed": isOpen,
-      disabled,
-      onClick: handleClick,
-      ...restProps,
-      children: [
-        openIconElement,
-        closeIconElement
-      ]
-    }
-  );
-});
-CopilotChatToggleButton.displayName = "CopilotChatToggleButton";
-var CopilotChatToggleButton_default = CopilotChatToggleButton;
-
-// src/components/chat/CopilotSidebarView.tsx
-import { useEffect as useEffect15, useRef as useRef8, useState as useState11 } from "react";
-
-// src/components/chat/CopilotModalHeader.tsx
-import { useCallback as useCallback8 } from "react";
-import { X as X3 } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
-function CopilotModalHeader({
-  title,
-  titleContent,
-  closeButton,
-  children,
-  className,
-  ...rest
-}) {
-  const configuration = useCopilotChatConfiguration();
-  const fallbackTitle = configuration?.labels.modalHeaderTitle ?? CopilotChatDefaultLabels.modalHeaderTitle;
-  const resolvedTitle = title ?? fallbackTitle;
-  const handleClose = useCallback8(() => {
-    configuration?.setModalOpen(false);
-  }, [configuration]);
-  const BoundTitle = renderSlot(titleContent, CopilotModalHeader.Title, {
-    children: resolvedTitle
-  });
-  const BoundCloseButton = renderSlot(closeButton, CopilotModalHeader.CloseButton, {
-    onClick: handleClose
-  });
-  if (children) {
-    return children({
-      titleContent: BoundTitle,
-      closeButton: BoundCloseButton,
-      title: resolvedTitle,
-      ...rest
-    });
-  }
-  return /* @__PURE__ */ jsx21(
-    "header",
-    {
-      "data-slot": "copilot-modal-header",
-      className: cn(
-        "flex items-center justify-between border-b border-border px-4 py-4",
-        "bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80",
-        className
-      ),
-      ...rest,
-      children: /* @__PURE__ */ jsxs12("div", { className: "flex w-full items-center gap-2", children: [
-        /* @__PURE__ */ jsx21("div", { className: "flex-1", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx21("div", { className: "flex flex-1 justify-center text-center", children: BoundTitle }),
-        /* @__PURE__ */ jsx21("div", { className: "flex flex-1 justify-end", children: BoundCloseButton })
-      ] })
-    }
-  );
-}
-CopilotModalHeader.displayName = "CopilotModalHeader";
-((CopilotModalHeader2) => {
-  CopilotModalHeader2.Title = ({ children, className, ...props }) => /* @__PURE__ */ jsx21(
-    "div",
-    {
-      className: cn(
-        "w-full text-base font-medium leading-none tracking-tight text-foreground",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-  CopilotModalHeader2.CloseButton = ({
-    className,
-    ...props
-  }) => /* @__PURE__ */ jsx21(
-    "button",
-    {
-      type: "button",
-      className: cn(
-        "inline-flex size-8 items-center justify-center rounded-full text-muted-foreground transition cursor-pointer",
-        "hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        className
-      ),
-      "aria-label": "Close",
-      ...props,
-      children: /* @__PURE__ */ jsx21(X3, { 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
-import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs13 } from "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 = useRef8(null);
-  const [sidebarWidth, setSidebarWidth] = useState11(width ?? DEFAULT_SIDEBAR_WIDTH);
-  const widthToCss = (w) => {
-    return typeof w === "number" ? `${w}px` : w;
-  };
-  const widthToMargin = (w) => {
-    if (typeof w === "number") {
-      return `${w}px`;
-    }
-    return w;
-  };
-  useEffect15(() => {
-    if (width !== void 0) {
-      return;
-    }
-    if (typeof window === "undefined") {
-      return;
-    }
-    const element = sidebarRef.current;
-    if (!element) {
-      return;
-    }
-    const updateWidth = () => {
-      const rect = element.getBoundingClientRect();
-      if (rect.width > 0) {
-        setSidebarWidth(rect.width);
-      }
-    };
-    updateWidth();
-    if (typeof ResizeObserver !== "undefined") {
-      const observer = new ResizeObserver(() => updateWidth());
-      observer.observe(element);
-      return () => observer.disconnect();
-    }
-    window.addEventListener("resize", updateWidth);
-    return () => window.removeEventListener("resize", updateWidth);
-  }, [width]);
-  const headerElement = renderSlot(header, CopilotModalHeader, {});
-  return /* @__PURE__ */ jsxs13(Fragment7, { children: [
-    isSidebarOpen && /* @__PURE__ */ jsx22(
-      "style",
-      {
-        dangerouslySetInnerHTML: {
-          __html: `
-            @media (min-width: 768px) {
-              body {
-                margin-inline-end: ${widthToMargin(sidebarWidth)};
-                transition: margin-inline-end ${SIDEBAR_TRANSITION_MS}ms ease;
-              }
-            }`
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx22(CopilotChatToggleButton_default, {}),
-    /* @__PURE__ */ jsx22(
-      "aside",
-      {
-        ref: sidebarRef,
-        "data-copilot-sidebar": true,
-        className: cn(
-          "fixed right-0 top-0 z-[1200] flex",
-          // Height with dvh fallback and safe area support
-          "h-[100vh] h-[100dvh] max-h-screen",
-          // Responsive width: full on mobile, custom on desktop
-          "w-full",
-          "border-l border-border bg-background text-foreground shadow-xl",
-          "transition-transform duration-300 ease-out",
-          isSidebarOpen ? "translate-x-0" : "translate-x-full pointer-events-none"
-        ),
-        style: {
-          // Use CSS custom property for responsive width
-          ["--sidebar-width"]: widthToCss(sidebarWidth),
-          // Safe area insets for iOS
-          paddingTop: "env(safe-area-inset-top)",
-          paddingBottom: "env(safe-area-inset-bottom)"
-        },
-        "aria-hidden": !isSidebarOpen,
-        "aria-label": "Copilot chat sidebar",
-        role: "complementary",
-        children: /* @__PURE__ */ jsxs13("div", { className: "flex h-full w-full flex-col overflow-hidden", children: [
-          headerElement,
-          /* @__PURE__ */ jsx22("div", { className: "flex-1 overflow-hidden", "data-sidebar-chat": true, children: /* @__PURE__ */ jsx22(CopilotChatView_default, { ...props }) })
-        ] })
-      }
-    )
-  ] });
-}
-CopilotSidebarView.displayName = "CopilotSidebarView";
-
-// src/components/chat/CopilotPopupView.tsx
-import { useEffect as useEffect16, useMemo as useMemo9, useRef as useRef9, useState as useState12 } from "react";
-import { Fragment as Fragment8, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
-var DEFAULT_POPUP_WIDTH = 420;
-var DEFAULT_POPUP_HEIGHT = 560;
-var dimensionToCss = (value, fallback) => {
-  if (typeof value === "number" && Number.isFinite(value)) {
-    return `${value}px`;
-  }
-  if (typeof value === "string" && value.trim().length > 0) {
-    return value;
-  }
-  return `${fallback}px`;
-};
-function CopilotPopupView({
-  header,
-  width,
-  height,
-  clickOutsideToClose,
-  className,
-  ...restProps
-}) {
-  const configuration = useCopilotChatConfiguration();
-  const isPopupOpen = configuration?.isModalOpen ?? false;
-  const setModalOpen = configuration?.setModalOpen;
-  const labels = configuration?.labels ?? CopilotChatDefaultLabels;
-  const containerRef = useRef9(null);
-  const [isRendered, setIsRendered] = useState12(isPopupOpen);
-  const [isAnimatingOut, setIsAnimatingOut] = useState12(false);
-  useEffect16(() => {
-    if (isPopupOpen) {
-      setIsRendered(true);
-      setIsAnimatingOut(false);
-      return;
-    }
-    if (!isRendered) {
-      return;
-    }
-    setIsAnimatingOut(true);
-    const timeout = setTimeout(() => {
-      setIsRendered(false);
-      setIsAnimatingOut(false);
-    }, 200);
-    return () => clearTimeout(timeout);
-  }, [isPopupOpen, isRendered]);
-  useEffect16(() => {
-    if (!isPopupOpen) {
-      return;
-    }
-    if (typeof window === "undefined") {
-      return;
-    }
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") {
-        event.preventDefault();
-        setModalOpen?.(false);
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [isPopupOpen, setModalOpen]);
-  useEffect16(() => {
-    if (!isPopupOpen) {
-      return;
-    }
-    const focusTimer = setTimeout(() => {
-      containerRef.current?.focus({ preventScroll: true });
-    }, 200);
-    return () => clearTimeout(focusTimer);
-  }, [isPopupOpen]);
-  useEffect16(() => {
-    if (!isPopupOpen || !clickOutsideToClose) {
-      return;
-    }
-    if (typeof document === "undefined") {
-      return;
-    }
-    const handlePointerDown = (event) => {
-      const target = event.target;
-      if (!target) {
-        return;
-      }
-      const container = containerRef.current;
-      if (container?.contains(target)) {
-        return;
-      }
-      const toggleButton = document.querySelector("[data-slot='chat-toggle-button']");
-      if (toggleButton && toggleButton.contains(target)) {
-        return;
-      }
-      setModalOpen?.(false);
-    };
-    document.addEventListener("pointerdown", handlePointerDown);
-    return () => document.removeEventListener("pointerdown", handlePointerDown);
-  }, [isPopupOpen, clickOutsideToClose, setModalOpen]);
-  const headerElement = useMemo9(() => renderSlot(header, CopilotModalHeader, {}), [header]);
-  const resolvedWidth = dimensionToCss(width, DEFAULT_POPUP_WIDTH);
-  const resolvedHeight = dimensionToCss(height, DEFAULT_POPUP_HEIGHT);
-  const popupStyle = useMemo9(
-    () => ({
-      "--copilot-popup-width": resolvedWidth,
-      "--copilot-popup-height": resolvedHeight,
-      "--copilot-popup-max-width": "calc(100vw - 3rem)",
-      "--copilot-popup-max-height": "calc(100dvh - 7.5rem)",
-      paddingTop: "env(safe-area-inset-top)",
-      paddingBottom: "env(safe-area-inset-bottom)",
-      paddingLeft: "env(safe-area-inset-left)",
-      paddingRight: "env(safe-area-inset-right)"
-    }),
-    [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__ */ jsx23(
-    "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__ */ jsxs14(
-        "div",
-        {
-          ref: containerRef,
-          tabIndex: -1,
-          role: "dialog",
-          "aria-label": labels.modalHeaderTitle,
-          "data-copilot-popup": true,
-          className: cn(
-            "relative flex h-full w-full flex-col overflow-hidden bg-background text-foreground",
-            "origin-bottom focus:outline-none transform-gpu transition-transform transition-opacity duration-200 ease-out",
-            "md:transition-transform md:transition-opacity",
-            "rounded-none border border-border/0 shadow-none ring-0",
-            "md:h-[var(--copilot-popup-height)] md:w-[var(--copilot-popup-width)]",
-            "md:max-h-[var(--copilot-popup-max-height)] md:max-w-[var(--copilot-popup-max-width)]",
-            "md:origin-bottom-right md:rounded-2xl md:border-border md:shadow-xl md:ring-1 md:ring-border/40",
-            popupAnimationClass
-          ),
-          style: popupStyle,
-          children: [
-            headerElement,
-            /* @__PURE__ */ jsx23("div", { className: "flex-1 overflow-hidden", "data-popup-chat": true, children: /* @__PURE__ */ jsx23(
-              CopilotChatView_default,
-              {
-                ...restProps,
-                className: cn("h-full min-h-0", className)
-              }
-            ) })
-          ]
-        }
-      )
-    }
-  ) : null;
-  return /* @__PURE__ */ jsxs14(Fragment8, { children: [
-    /* @__PURE__ */ jsx23(CopilotChatToggleButton_default, {}),
-    popupContent
-  ] });
-}
-CopilotPopupView.displayName = "CopilotPopupView";
-
-// src/components/chat/CopilotSidebar.tsx
-import { useMemo as useMemo10 } from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
-function CopilotSidebar({ header, defaultOpen, width, ...chatProps }) {
-  const SidebarViewOverride = useMemo10(() => {
-    const Component = (viewProps) => {
-      const { header: viewHeader, width: viewWidth, ...restProps } = viewProps;
-      return /* @__PURE__ */ jsx24(
-        CopilotSidebarView,
-        {
-          ...restProps,
-          header: header ?? viewHeader,
-          width: width ?? viewWidth
-        }
-      );
-    };
-    return Object.assign(Component, CopilotChatView_default);
-  }, [header, width]);
-  return /* @__PURE__ */ jsx24(
-    CopilotChat,
-    {
-      ...chatProps,
-      chatView: SidebarViewOverride,
-      isModalDefaultOpen: defaultOpen
-    }
-  );
-}
-CopilotSidebar.displayName = "CopilotSidebar";
-
-// src/components/chat/CopilotPopup.tsx
-import { useMemo as useMemo11 } from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
-function CopilotPopup({
-  header,
-  defaultOpen,
-  width,
-  height,
-  clickOutsideToClose,
-  ...chatProps
-}) {
-  const PopupViewOverride = useMemo11(() => {
-    const Component = (viewProps) => {
-      const {
-        header: viewHeader,
-        width: viewWidth,
-        height: viewHeight,
-        clickOutsideToClose: viewClickOutsideToClose,
-        ...restProps
-      } = viewProps;
-      return /* @__PURE__ */ jsx25(
-        CopilotPopupView,
-        {
-          ...restProps,
-          header: header ?? viewHeader,
-          width: width ?? viewWidth,
-          height: height ?? viewHeight,
-          clickOutsideToClose: clickOutsideToClose ?? viewClickOutsideToClose
-        }
-      );
-    };
-    return Object.assign(Component, CopilotChatView_default);
-  }, [clickOutsideToClose, header, height, width]);
-  return /* @__PURE__ */ jsx25(
-    CopilotChat,
-    {
-      ...chatProps,
-      chatView: PopupViewOverride,
-      isModalDefaultOpen: defaultOpen
-    }
-  );
-}
-CopilotPopup.displayName = "CopilotPopup";
-
-// src/types/defineToolCallRenderer.ts
-import { z as z2 } from "zod";
-function defineToolCallRenderer(def) {
-  const argsSchema = def.name === "*" && !def.args ? z2.any() : def.args;
-  return {
-    name: def.name,
-    args: argsSchema,
-    render: def.render,
-    ...def.agentId ? { agentId: def.agentId } : {}
-  };
-}
-
-// src/components/WildcardToolCallRender.tsx
-import { useState as useState13 } from "react";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
-var WildcardToolCallRender = defineToolCallRenderer({
-  name: "*",
-  render: ({ args, result, name, status }) => {
-    const [isExpanded, setIsExpanded] = useState13(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__ */ jsx26("div", { className: "mt-2 pb-2", children: /* @__PURE__ */ jsxs15("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__ */ jsxs15(
-        "div",
-        {
-          className: "flex items-center justify-between gap-3 cursor-pointer",
-          onClick: () => setIsExpanded(!isExpanded),
-          children: [
-            /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 min-w-0", children: [
-              /* @__PURE__ */ jsx26(
-                "svg",
-                {
-                  className: `h-4 w-4 text-zinc-500 dark:text-zinc-400 transition-transform ${isExpanded ? "rotate-90" : ""}`,
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  strokeWidth: 2,
-                  stroke: "currentColor",
-                  children: /* @__PURE__ */ jsx26(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M8.25 4.5l7.5 7.5-7.5 7.5"
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx26("span", { className: "inline-block h-2 w-2 rounded-full bg-blue-500" }),
-              /* @__PURE__ */ jsx26("span", { className: "truncate text-sm font-medium text-zinc-900 dark:text-zinc-100", children: name })
-            ] }),
-            /* @__PURE__ */ jsx26(
-              "span",
-              {
-                className: `inline-flex items-center rounded-full px-2 py-1 text-xs font-medium ${statusStyles}`,
-                children: String(status)
-              }
-            )
-          ]
-        }
-      ),
-      isExpanded && /* @__PURE__ */ jsxs15("div", { className: "mt-3 grid gap-4", children: [
-        /* @__PURE__ */ jsxs15("div", { children: [
-          /* @__PURE__ */ jsx26("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Arguments" }),
-          /* @__PURE__ */ jsx26("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__ */ jsxs15("div", { children: [
-          /* @__PURE__ */ jsx26("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Result" }),
-          /* @__PURE__ */ jsx26("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) })
-        ] })
-      ] })
-    ] }) });
-  }
-});
+  CopilotSidebarView
+} from "./chunk-3TA5QBSZ.mjs";
+import {
+  CopilotModalHeader
+} from "./chunk-E56GYBP3.mjs";
+import {
+  CopilotChatToggleButton,
+  DefaultCloseIcon,
+  DefaultOpenIcon
+} from "./chunk-R5OLAA3L.mjs";
+import {
+  CopilotChat
+} from "./chunk-TKFOXPXF.mjs";
+import {
+  CopilotChatView_default
+} from "./chunk-F43IPGPA.mjs";
+import {
+  CopilotChatInput_default
+} from "./chunk-KCVDFZJX.mjs";
+import {
+  AudioRecorderError,
+  CopilotChatAudioRecorder
+} from "./chunk-4UDBR75C.mjs";
+import {
+  CopilotChatMessageView_default
+} from "./chunk-W5DUKRCI.mjs";
+import {
+  CopilotChatUserMessage_default
+} from "./chunk-BT6C5OPU.mjs";
+import {
+  CopilotChatAssistantMessage_default
+} from "./chunk-CZ3GI3IF.mjs";
+import {
+  CopilotChatSuggestionView_default
+} from "./chunk-RGD2L3Z4.mjs";
+import {
+  CopilotChatSuggestionPill_default
+} from "./chunk-NNPKBGD6.mjs";
+import {
+  CopilotChatToolCallsView_default
+} from "./chunk-YVPPF62K.mjs";
+import "./chunk-TAUOEJH2.mjs";
+import "./chunk-JWOIINVV.mjs";
+import "./chunk-VVAXSF3M.mjs";
+import "./chunk-FZR2XQKR.mjs";
+import {
+  WildcardToolCallRender
+} from "./chunk-5JNWVLQI.mjs";
+import {
+  defineToolCallRenderer
+} from "./chunk-46BZRXWT.mjs";
+import "./chunk-FIBK3DYE.mjs";
+import "./chunk-XO4IRKSC.mjs";
+import "./chunk-ETWJDCGE.mjs";
+import {
+  useRenderToolCall
+} from "./chunk-5AAT4Z3C.mjs";
+import {
+  useSuggestions
+} from "./chunk-Z3OIGQCZ.mjs";
+import {
+  useAgentContext
+} from "./chunk-WNRDFAZ5.mjs";
+import {
+  useAgent
+} from "./chunk-E4HD4M7R.mjs";
+import {
+  useConfigureSuggestions
+} from "./chunk-ZIDT52TM.mjs";
+import {
+  useHumanInTheLoop
+} from "./chunk-QJ6DZ645.mjs";
+import {
+  useFrontendTool
+} from "./chunk-NASFZS3N.mjs";
+import {
+  useRenderActivityMessage
+} from "./chunk-EJ5ZEAAN.mjs";
+import {
+  useRenderCustomMessages
+} from "./chunk-CSHBUHRW.mjs";
+import "./chunk-YZUPVMHC.mjs";
+import {
+  CopilotChatConfigurationProvider,
+  useCopilotChatConfiguration
+} from "./chunk-4XJK5IVQ.mjs";
+import {
+  CopilotKitProvider,
+  useCopilotKit
+} from "./chunk-VE3SBLU7.mjs";
+import {
+  CopilotKitInspector
+} from "./chunk-YPH4BHOY.mjs";
+import {
+  CopilotKitCoreReact
+} from "./chunk-NNAYEAP2.mjs";
 export {
   AudioRecorderError,
   CopilotChat,