@yourgpt/copilot-sdk 1.3.0 → 1.4.1

package/dist/ui/index.js

@@ -1,15 +1,15 @@
-import { useCopilot, useThreadManager } from '../chunk-N2SMQKRK.js';
-import { createServerAdapter } from '../chunk-CVD3X4MN.js';
+import { useCopilot, useThreadManager } from '../chunk-7JQ5GJSK.js';
+import { createServerAdapter } from '../chunk-T6W2Y3D6.js';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React7 from 'react';
-import React7__default, { memo, createContext, useState, useRef, useLayoutEffect, useId, useCallback, useContext, useEffect } from 'react';
+import * as React18 from 'react';
+import React18__default, { memo, createContext, useState, useRef, useId, useCallback, useLayoutEffect, useContext, useEffect } from 'react';
 import { Streamdown } from 'streamdown';
 import { code } from '@streamdown/code';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import { useStickToBottomContext, StickToBottom as StickToBottom$1 } from 'use-stick-to-bottom';
+import { StickToBottom as StickToBottom$1, useStickToBottomContext } from 'use-stick-to-bottom';
 import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
@@ -486,7 +486,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React7.forwardRef(
+var Button = React18.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -727,7 +727,7 @@ function TooltipTrigger({
   disabled,
   ...props
 }) {
-  if (asChild && React7__default.isValidElement(children)) {
+  if (asChild && React18__default.isValidElement(children)) {
     return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { disabled, render: children, ...props });
   }
   return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { disabled, ...props, children });
@@ -756,7 +756,7 @@ function TooltipContent({
     }
   ) }) });
 }
-var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -768,7 +768,7 @@ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -777,7 +777,7 @@ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -831,7 +831,7 @@ var MessageContent = ({
   );
   return markdown ? /* @__PURE__ */ jsx(Markdown, { className: classNames, ...props, children }) : /* @__PURE__ */ jsx("div", { className: classNames, ...props, children });
 };
-var Textarea = React7.forwardRef(({ className, ...props }, ref) => {
+var Textarea = React18.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "textarea",
     {
@@ -995,7 +995,7 @@ function PromptInputAction({
 }
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React7.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var HoverCardContent = React18.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -1095,11 +1095,11 @@ function SourceContent({
     }
   ) });
 }
-var ReasoningContext = React7.createContext(
+var ReasoningContext = React18.createContext(
   null
 );
 function useReasoningContext() {
-  const context = React7.useContext(ReasoningContext);
+  const context = React18.useContext(ReasoningContext);
   if (!context) {
     throw new Error(
       "Reasoning components must be used within a Reasoning provider"
@@ -1115,11 +1115,11 @@ function Reasoning({
   defaultOpen = false,
   className
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React7.useState(defaultOpen);
-  const prevStreamingRef = React7.useRef(isStreaming);
+  const [uncontrolledOpen, setUncontrolledOpen] = React18.useState(defaultOpen);
+  const prevStreamingRef = React18.useRef(isStreaming);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
-  const setIsOpen = React7.useCallback(
+  const setIsOpen = React18.useCallback(
     (open) => {
       if (onOpenChange) {
         onOpenChange(open);
@@ -1130,7 +1130,7 @@ function Reasoning({
     },
     [isControlled, onOpenChange]
   );
-  React7.useEffect(() => {
+  React18.useEffect(() => {
     if (isStreaming && !prevStreamingRef.current) {
       setIsOpen(true);
     } else if (!isStreaming && prevStreamingRef.current) {
@@ -1186,9 +1186,9 @@ function ReasoningContent({
   className
 }) {
   const { isOpen } = useReasoningContext();
-  const contentRef = React7.useRef(null);
-  const [height, setHeight] = React7.useState(0);
-  React7.useEffect(() => {
+  const contentRef = React18.useRef(null);
+  const [height, setHeight] = React18.useState(0);
+  React18.useEffect(() => {
     if (contentRef.current) {
       const resizeObserver = new ResizeObserver((entries) => {
         for (const entry of entries) {
@@ -1237,11 +1237,11 @@ function SimpleReasoning({
     /* @__PURE__ */ jsx(ReasoningContent, { markdown, children: content })
   ] });
 }
-var CopilotUIContext = React7.createContext(
+var CopilotUIContext = React18.createContext(
   null
 );
 function useCopilotUI() {
-  const context = React7.useContext(CopilotUIContext);
+  const context = React18.useContext(CopilotUIContext);
   if (!context) {
     return {
       debug: false,
@@ -1256,7 +1256,7 @@ function CopilotUIProvider({
   debug = false,
   defaultDebugExpanded = false
 }) {
-  const value = React7.useMemo(
+  const value = React18.useMemo(
     () => ({
       debug,
       defaultDebugExpanded,
@@ -1398,7 +1398,7 @@ function ToolStep({
 }) {
   const { isDebug, defaultDebugExpanded } = useCopilotUI();
   const debug = debugProp ?? isDebug;
-  const [expanded, setExpanded] = React7.useState(
+  const [expanded, setExpanded] = React18.useState(
     defaultExpanded ?? defaultDebugExpanded ?? false
   );
   const displayTitle = getDisplayTitle(step);
@@ -1621,6 +1621,22 @@ function ChevronUpIcon({ className }) {
     }
   );
 }
+function ChevronLeftIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" })
+    }
+  );
+}
 function CopyIcon({ className }) {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -1863,9 +1879,9 @@ function ArrowUpRightIcon({ className }) {
     }
   );
 }
-var ConfirmationContext = React7.createContext(null);
+var ConfirmationContext = React18.createContext(null);
 function useConfirmationContext() {
-  const context = React7.useContext(ConfirmationContext);
+  const context = React18.useContext(ConfirmationContext);
   if (!context) {
     throw new Error(
       "Confirmation components must be used within a Confirmation provider"
@@ -2037,8 +2053,8 @@ function PermissionConfirmation({
   permissionOptions = DEFAULT_PERMISSION_OPTIONS,
   className
 }) {
-  const [selectedPermission, setSelectedPermission] = React7.useState("ask");
-  const [showOptions, setShowOptions] = React7.useState(false);
+  const [selectedPermission, setSelectedPermission] = React18.useState("ask");
+  const [showOptions, setShowOptions] = React18.useState(false);
   const handleApprove = () => {
     onApprove?.(selectedPermission);
   };
@@ -2168,7 +2184,7 @@ function CompactPermissionConfirmation({
   onReject,
   className
 }) {
-  const [rememberChoice, setRememberChoice] = React7.useState(false);
+  const [rememberChoice, setRememberChoice] = React18.useState(false);
   const handleApprove = () => {
     onApprove?.(rememberChoice ? "allow_always" : "ask");
   };
@@ -2711,9 +2727,9 @@ function ModelSelector({
   showCapabilities = true,
   className
 }) {
-  const [isOpen, setIsOpen] = React7.useState(false);
-  const containerRef = React7.useRef(null);
-  React7.useEffect(() => {
+  const [isOpen, setIsOpen] = React18.useState(false);
+  const containerRef = React18.useRef(null);
+  React18.useEffect(() => {
     function handleClickOutside(event) {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -2722,7 +2738,7 @@ function ModelSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const selectedModel = React7.useMemo(() => {
+  const selectedModel = React18.useMemo(() => {
     if (!value) return null;
     if (providers) {
       for (const provider of providers) {
@@ -2948,7 +2964,7 @@ function PopoverTrigger({
   className,
   ...props
 }) {
-  if (asChild && React7.isValidElement(children)) {
+  if (asChild && React18.isValidElement(children)) {
     return /* @__PURE__ */ jsx(Popover$1.Trigger, { render: children, className, ...props });
   }
   return /* @__PURE__ */ jsx(Popover$1.Trigger, { className, ...props, children });
@@ -3083,8 +3099,8 @@ function ThreadPicker({
   itemClassName,
   newButtonClassName
 }) {
-  const [isOpen, setIsOpen] = React7.useState(false);
-  const selectedThread = React7.useMemo(() => {
+  const [isOpen, setIsOpen] = React18.useState(false);
+  const selectedThread = React18.useMemo(() => {
     if (!value) return null;
     return threads.find((t) => t.id === value) ?? null;
   }, [value, threads]);
@@ -3290,7 +3306,7 @@ function ThreadCard({
   showDelete = true,
   className
 }) {
-  const [isHovered, setIsHovered] = React7.useState(false);
+  const [isHovered, setIsHovered] = React18.useState(false);
   const handleDelete = (e) => {
     e.stopPropagation();
     onDelete?.();
@@ -3541,7 +3557,7 @@ function DefaultMessage({
 }) {
   const isUser = message.role === "user";
   const isStreaming = isLastMessage && isLoading;
-  const { cleanContent, followUps } = React7.useMemo(() => {
+  const { cleanContent, followUps } = React18.useMemo(() => {
     if (isUser || !message.content) {
       return { cleanContent: message.content, followUps: [] };
     }
@@ -3680,7 +3696,7 @@ function DefaultMessage({
             toolName: exec.name
           };
           const output = toolDef.render(renderProps);
-          return /* @__PURE__ */ jsx(React7.Fragment, { children: output }, exec.id);
+          return /* @__PURE__ */ jsx(React18.Fragment, { children: output }, exec.id);
         }
         return null;
       }) }),
@@ -3716,7 +3732,7 @@ function DefaultMessage({
             approval: approvalCallbacks
           };
           const output = toolDef.render(renderProps);
-          return /* @__PURE__ */ jsx(React7.Fragment, { children: output }, tool.id);
+          return /* @__PURE__ */ jsx(React18.Fragment, { children: output }, tool.id);
         }
         return /* @__PURE__ */ jsx(
           PermissionConfirmation,
@@ -3748,7 +3764,7 @@ function DefaultMessage({
   ] });
 }
 function AttachmentPreview({ attachment }) {
-  const [expanded, setExpanded] = React7.useState(false);
+  const [expanded, setExpanded] = React18.useState(false);
   if (attachment.type !== "image") {
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border bg-muted/50 px-3 py-2 text-sm", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: attachment.type }),
@@ -4168,6 +4184,199 @@ function ChatWelcome({
     }
   );
 }
+var CopilotChatContext = createContext(
+  null
+);
+var useCopilotChatContext = () => {
+  const ctx = useContext(CopilotChatContext);
+  if (!ctx) {
+    throw new Error(
+      "useCopilotChatContext must be used within CopilotChat. Make sure you're using CopilotChat.Home, CopilotChat.Input, etc. inside <CopilotChat>"
+    );
+  }
+  return ctx;
+};
+function HomeView({ children, className }) {
+  const { view } = useCopilotChatContext();
+  if (view !== "home") return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "csdk-chat-home-view flex flex-1 flex-col overflow-auto",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center my-auto w-full", children })
+    }
+  );
+}
+var Home = HomeView;
+function ChatView({ children, className }) {
+  const { view } = useCopilotChatContext();
+  if (view !== "chat") return null;
+  if (children) {
+    return /* @__PURE__ */ jsx("div", { className: cn("csdk-chat-view flex flex-col", className), children });
+  }
+  return null;
+}
+ChatView.displayName = "ChatView";
+function chatViewHasOnlyLayoutChildren(chatViewElement) {
+  if (!chatViewElement?.props?.children) return false;
+  const childArray = React18__default.Children.toArray(chatViewElement.props.children);
+  if (childArray.length === 0) return false;
+  return childArray.every(
+    (child) => React18__default.isValidElement(child) && (child.type === Header || child.type === Footer)
+  );
+}
+function Header({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("csdk-chat-header", className), children });
+}
+function Footer({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("csdk-chat-footer", className), children });
+}
+function Input({ placeholder: placeholderProp, className }) {
+  const {
+    send,
+    isLoading,
+    onStop,
+    placeholder: defaultPlaceholder
+  } = useCopilotChatContext();
+  const [value, setValue] = useState("");
+  const handleSubmit = useCallback(() => {
+    if (value.trim() && !isLoading) {
+      send(value.trim());
+      setValue("");
+    }
+  }, [value, isLoading, send]);
+  return /* @__PURE__ */ jsxs(
+    PromptInput,
+    {
+      value,
+      onValueChange: setValue,
+      isLoading,
+      onSubmit: handleSubmit,
+      className: cn("csdk-compound-input", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          PromptInputTextarea,
+          {
+            placeholder: placeholderProp ?? defaultPlaceholder
+          }
+        ),
+        /* @__PURE__ */ jsx(PromptInputActions, { className: "justify-end", children: /* @__PURE__ */ jsx(PromptInputAction, { tooltip: isLoading ? "Stop" : "Send", children: isLoading ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "destructive",
+            className: "csdk-button-stop rounded-full size-9",
+            onClick: onStop,
+            children: /* @__PURE__ */ jsx(StopIcon, { className: "h-4 w-4" })
+          }
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            className: "csdk-button-send rounded-full size-9",
+            onClick: handleSubmit,
+            disabled: !value.trim(),
+            children: /* @__PURE__ */ jsx(ArrowUpIcon, { className: "h-4 w-4" })
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+function SuggestionsCompound({
+  items,
+  label,
+  className,
+  buttonClassName
+}) {
+  const { send } = useCopilotChatContext();
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("csdk-compound-suggestions", className), children: [
+    label && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground mb-2 block", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: items.map((item, i) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => send(item),
+        className: cn(
+          "csdk-followup-button px-3 py-1.5 text-sm rounded-full border",
+          "bg-background hover:bg-accent transition-colors",
+          buttonClassName
+        ),
+        children: item
+      },
+      i
+    )) })
+  ] });
+}
+function BackButton({
+  className,
+  children,
+  disabled,
+  "aria-label": ariaLabel = "Start new chat"
+}) {
+  const { onNewChat, isThreadBusy } = useCopilotChatContext();
+  if (!onNewChat) return null;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onNewChat,
+      disabled: disabled || isThreadBusy,
+      "aria-label": ariaLabel,
+      className: cn(
+        "csdk-back-button flex items-center gap-1 text-sm",
+        "hover:bg-accent rounded px-2 py-1",
+        "disabled:opacity-50 disabled:cursor-not-allowed",
+        className
+      ),
+      children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { children: "New Chat" })
+      ] })
+    }
+  );
+}
+function ThreadPickerCompound(props) {
+  const {
+    threads,
+    currentThreadId,
+    onSwitchThread,
+    onNewChat,
+    onDeleteThread,
+    isThreadBusy
+  } = useCopilotChatContext();
+  if (!threads || !onSwitchThread) return null;
+  return /* @__PURE__ */ jsx(
+    ThreadPicker,
+    {
+      ...props,
+      value: currentThreadId,
+      threads,
+      onSelect: onSwitchThread,
+      onNewThread: onNewChat,
+      onDeleteThread,
+      disabled: isThreadBusy
+    }
+  );
+}
+function hasCompoundChild(children, ...components) {
+  return React18__default.Children.toArray(children).some(
+    (child) => React18__default.isValidElement(child) && components.includes(child.type)
+  );
+}
+function findCompoundChild(children, component) {
+  return React18__default.Children.toArray(children).find(
+    (child) => React18__default.isValidElement(child) && child.type === component
+  );
+}
+function filterCompoundChildren(children, ...components) {
+  return React18__default.Children.toArray(children).filter(
+    (child) => React18__default.isValidElement(child) && components.includes(child.type)
+  );
+}
 var DEFAULT_MAX_FILE_SIZE2 = 5 * 1024 * 1024;
 var DEFAULT_ALLOWED_TYPES2 = ["image/*", "application/pdf"];
 function getAttachmentType2(mimeType) {
@@ -4193,12 +4402,14 @@ function fileToBase642(file) {
 function generateAttachmentId2() {
   return `att_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
 }
-function Chat({
+function ChatComponent({
   // Core
   messages = [],
   onSendMessage,
   onStop,
   isLoading = false,
+  // Compound children
+  children,
   // Labels
   placeholder = "Type a message...",
   welcomeMessage,
@@ -4249,7 +4460,13 @@ function Chat({
   renderHeader,
   // Styling
   className,
-  classNames = {}
+  classNames = {},
+  // Thread management for compound components
+  onNewChat,
+  threads,
+  currentThreadId,
+  onSwitchThread,
+  isThreadBusy
 }) {
   const [input, setInput] = useState("");
   const [pendingAttachments, setPendingAttachments] = useState([]);
@@ -4400,9 +4617,60 @@ function Chat({
     [onSuggestionClick, onSendMessage]
   );
   const acceptString = allowedFileTypes.join(",");
-  const showWelcome = messages.length === 0 && welcome !== false;
+  const view = messages.length === 0 ? "home" : "chat";
+  const hasCustomHome = hasCompoundChild(children, Home, HomeView);
+  const hasCustomChatView = hasCompoundChild(children, ChatView);
+  const hasCustomLayout = hasCustomHome || hasCustomChatView;
+  const rootHeader = findCompoundChild(children, Header);
+  const rootFooter = findCompoundChild(children, Footer);
+  const viewChildren = filterCompoundChildren(
+    children,
+    HomeView,
+    Home,
+    ChatView
+  );
+  const chatViewElement = findCompoundChild(children, ChatView);
+  const chatViewNeedsDefault = chatViewElement && (!chatViewElement.props.children || chatViewHasOnlyLayoutChildren(chatViewElement));
+  const showDefaultWelcome = view === "home" && !hasCustomHome && welcome !== false;
   const welcomeConfig = typeof welcome === "object" ? welcome : void 0;
-  return /* @__PURE__ */ jsxs(
+  const send = useCallback(
+    (message, attachments) => {
+      onSendMessage?.(message, attachments);
+    },
+    [onSendMessage]
+  );
+  const contextValue = React18__default.useMemo(
+    () => ({
+      view,
+      send,
+      isLoading,
+      onStop,
+      attachmentsEnabled,
+      placeholder,
+      // Thread management - passed from connected-chat
+      onNewChat,
+      threads,
+      currentThreadId,
+      onSwitchThread,
+      onDeleteThread,
+      isThreadBusy
+    }),
+    [
+      view,
+      send,
+      isLoading,
+      onStop,
+      attachmentsEnabled,
+      placeholder,
+      onNewChat,
+      threads,
+      currentThreadId,
+      onSwitchThread,
+      onDeleteThread,
+      isThreadBusy
+    ]
+  );
+  return /* @__PURE__ */ jsx(CopilotChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
@@ -4426,8 +4694,10 @@ function Chat({
             className: classNames.header
           }
         )),
-        showWelcome ? (
-          /* Welcome Screen (centered input) */
+        rootHeader,
+        hasCustomLayout && viewChildren,
+        showDefaultWelcome ? (
+          /* Default Welcome Screen (centered input) */
           /* @__PURE__ */ jsx(
             ChatWelcome,
             {
@@ -4448,249 +4718,265 @@ function Chat({
               processAttachment: processAttachmentProp
             }
           )
-        ) : (
-          /* Normal Chat UI (messages + input at bottom) */
-          /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(
-              ChatContainerRoot,
-              {
-                className: cn("relative flex-1", classNames.container),
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    ChatContainerContent,
-                    {
-                      className: cn("gap-4 p-4", classNames.messageList),
-                      children: [
-                        messages.length === 0 && /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-muted-foreground", children: welcomeMessage || "Send a message to start the conversation" }),
-                        messages.map((message, index) => {
-                          const isLastMessage = index === messages.length - 1;
-                          const isEmptyAssistant = message.role === "assistant" && !message.content?.trim();
-                          const hasToolCalls = message.tool_calls && message.tool_calls.length > 0;
-                          const hasToolExecutions = message.toolExecutions && message.toolExecutions.length > 0;
-                          const hasPendingApprovals = message.toolExecutions?.some(
-                            (exec) => exec.approvalStatus === "required"
-                          );
-                          if (isEmptyAssistant) {
-                            if (hasToolCalls || hasToolExecutions) ; else if (isLastMessage && hasPendingApprovals) ; else if (isLastMessage && isLoading && !isProcessing) {
-                              return /* @__PURE__ */ jsxs(Message, { className: "flex gap-2", children: [
-                                /* @__PURE__ */ jsx(
-                                  MessageAvatar,
-                                  {
-                                    src: assistantAvatar.src || "",
-                                    alt: "Assistant",
-                                    fallback: assistantAvatar.fallback,
-                                    fallbackIcon: !assistantAvatar.src ? /* @__PURE__ */ jsx(copilot_sdk_logo_default, { className: "size-5" }) : void 0,
-                                    className: "bg-background"
-                                  }
-                                ),
-                                /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsx(Loader, { variant: loaderVariant, size: "sm" }) })
-                              ] }, message.id);
-                            } else {
-                              return null;
-                            }
-                          }
-                          const savedExecutions = message.metadata?.toolExecutions;
-                          const messageToolExecutions = message.toolExecutions || savedExecutions;
-                          const messageWithExecutions = messageToolExecutions ? { ...message, toolExecutions: messageToolExecutions } : message;
-                          const handleFollowUpClick = (question) => {
-                            if (onSuggestionClick) {
-                              onSuggestionClick(question);
-                            } else {
-                              onSendMessage?.(question);
-                            }
-                          };
-                          return renderMessage ? /* @__PURE__ */ jsx(React7__default.Fragment, { children: renderMessage(messageWithExecutions, index) }, message.id) : /* @__PURE__ */ jsx(
-                            DefaultMessage,
-                            {
-                              message: messageWithExecutions,
-                              userAvatar,
-                              assistantAvatar,
-                              showUserAvatar,
-                              userMessageClassName: classNames.userMessage,
-                              assistantMessageClassName: classNames.assistantMessage,
-                              size: fontSize,
-                              isLastMessage,
-                              isLoading,
-                              registeredTools,
-                              toolRenderers,
-                              onApproveToolExecution,
-                              onRejectToolExecution,
-                              showFollowUps,
-                              onFollowUpClick: handleFollowUpClick,
-                              followUpClassName,
-                              followUpButtonClassName
-                            },
-                            message.id
-                          );
-                        }),
-                        isProcessing && /* @__PURE__ */ jsxs(Message, { className: "flex gap-2", children: [
-                          /* @__PURE__ */ jsx(
-                            MessageAvatar,
-                            {
-                              src: assistantAvatar?.src || "",
-                              alt: "Assistant",
-                              fallback: assistantAvatar?.fallback || "AI",
-                              fallbackIcon: !assistantAvatar?.src ? /* @__PURE__ */ jsx(copilot_sdk_logo_default, { className: "size-5" }) : void 0,
-                              className: "bg-background"
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted px-4 py-2 flex items-center gap-2", children: [
-                            /* @__PURE__ */ jsx(Loader, { variant: "dots", size: "sm" }),
-                            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Continuing..." })
-                          ] })
-                        ] }),
-                        isLoading && !isProcessing && (() => {
-                          const lastMessage = messages[messages.length - 1];
-                          if (lastMessage?.role === "user") {
+        ) : null,
+        view === "chat" && (!hasCustomChatView || chatViewNeedsDefault) && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            ChatContainerRoot,
+            {
+              className: cn("relative flex-1", classNames.container),
+              children: [
+                /* @__PURE__ */ jsxs(
+                  ChatContainerContent,
+                  {
+                    className: cn("gap-4 p-4", classNames.messageList),
+                    children: [
+                      messages.length === 0 && /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-muted-foreground", children: welcomeMessage || "Send a message to start the conversation" }),
+                      messages.map((message, index) => {
+                        const isLastMessage = index === messages.length - 1;
+                        const isEmptyAssistant = message.role === "assistant" && !message.content?.trim();
+                        const hasToolCalls = message.tool_calls && message.tool_calls.length > 0;
+                        const hasToolExecutions = message.toolExecutions && message.toolExecutions.length > 0;
+                        const hasPendingApprovals = message.toolExecutions?.some(
+                          (exec) => exec.approvalStatus === "required"
+                        );
+                        if (isEmptyAssistant) {
+                          if (hasToolCalls || hasToolExecutions) ; else if (isLastMessage && hasPendingApprovals) ; else if (isLastMessage && isLoading && !isProcessing) {
                             return /* @__PURE__ */ jsxs(Message, { className: "flex gap-2", children: [
                               /* @__PURE__ */ jsx(
                                 MessageAvatar,
                                 {
-                                  src: assistantAvatar?.src || "",
+                                  src: assistantAvatar.src || "",
                                   alt: "Assistant",
-                                  fallback: assistantAvatar?.fallback || "AI",
-                                  fallbackIcon: !assistantAvatar?.src ? /* @__PURE__ */ jsx(copilot_sdk_logo_default, { className: "size-5" }) : void 0,
+                                  fallback: assistantAvatar.fallback,
+                                  fallbackIcon: !assistantAvatar.src ? /* @__PURE__ */ jsx(copilot_sdk_logo_default, { className: "size-5" }) : void 0,
                                   className: "bg-background"
                                 }
                               ),
                               /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsx(Loader, { variant: loaderVariant, size: "sm" }) })
-                            ] });
+                            ] }, message.id);
+                          } else {
+                            return null;
                           }
-                          return null;
-                        })(),
-                        /* @__PURE__ */ jsx(ChatContainerScrollAnchor, {})
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("div", { className: "absolute right-4 bottom-4", children: /* @__PURE__ */ jsx(ScrollButton, { className: "shadow-sm" }) })
-                ]
-              }
-            ),
-            suggestions.length > 0 && !isLoading && /* @__PURE__ */ jsx(
-              Suggestions,
-              {
-                suggestions,
-                onSuggestionClick: handleSuggestionClick,
-                className: classNames.suggestions
-              }
-            ),
-            renderInput ? renderInput() : /* @__PURE__ */ jsxs("div", { className: cn("p-2 pt-0", classNames.input), children: [
-              pendingAttachments.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 p-2 mb-2 bg-muted/30 rounded-lg", children: pendingAttachments.map((att) => /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
-                att.attachment.type === "image" ? /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: att.previewUrl,
-                    alt: att.file.name,
-                    className: "w-16 h-16 object-cover rounded-lg border"
-                  }
-                ) : /* @__PURE__ */ jsxs("div", { className: "w-16 h-16 bg-muted rounded-lg border flex flex-col items-center justify-center p-1", children: [
-                  /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      className: "w-6 h-6 text-muted-foreground",
-                      fill: "none",
-                      viewBox: "0 0 24 24",
-                      stroke: "currentColor",
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          strokeWidth: 1.5,
-                          d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
                         }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground truncate w-full text-center mt-1", children: att.file.name.length > 10 ? att.file.name.slice(0, 8) + "..." : att.file.name })
-                ] }),
-                att.status === "processing" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-background/80 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx(Loader, { variant: "dots", size: "sm" }) }),
-                att.status === "error" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-destructive/20 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-destructive text-xs", children: "Error" }) }),
+                        const savedExecutions = message.metadata?.toolExecutions;
+                        const messageToolExecutions = message.toolExecutions || savedExecutions;
+                        const messageWithExecutions = messageToolExecutions ? { ...message, toolExecutions: messageToolExecutions } : message;
+                        const handleFollowUpClick = (question) => {
+                          if (onSuggestionClick) {
+                            onSuggestionClick(question);
+                          } else {
+                            onSendMessage?.(question);
+                          }
+                        };
+                        return renderMessage ? /* @__PURE__ */ jsx(React18__default.Fragment, { children: renderMessage(messageWithExecutions, index) }, message.id) : /* @__PURE__ */ jsx(
+                          DefaultMessage,
+                          {
+                            message: messageWithExecutions,
+                            userAvatar,
+                            assistantAvatar,
+                            showUserAvatar,
+                            userMessageClassName: classNames.userMessage,
+                            assistantMessageClassName: classNames.assistantMessage,
+                            size: fontSize,
+                            isLastMessage,
+                            isLoading,
+                            registeredTools,
+                            toolRenderers,
+                            onApproveToolExecution,
+                            onRejectToolExecution,
+                            showFollowUps,
+                            onFollowUpClick: handleFollowUpClick,
+                            followUpClassName,
+                            followUpButtonClassName
+                          },
+                          message.id
+                        );
+                      }),
+                      isProcessing && /* @__PURE__ */ jsxs(Message, { className: "flex gap-2", children: [
+                        /* @__PURE__ */ jsx(
+                          MessageAvatar,
+                          {
+                            src: assistantAvatar?.src || "",
+                            alt: "Assistant",
+                            fallback: assistantAvatar?.fallback || "AI",
+                            fallbackIcon: !assistantAvatar?.src ? /* @__PURE__ */ jsx(copilot_sdk_logo_default, { className: "size-5" }) : void 0,
+                            className: "bg-background"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted px-4 py-2 flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsx(Loader, { variant: "dots", size: "sm" }),
+                          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Continuing..." })
+                        ] })
+                      ] }),
+                      isLoading && !isProcessing && (() => {
+                        const lastMessage = messages[messages.length - 1];
+                        if (lastMessage?.role === "user") {
+                          return /* @__PURE__ */ jsxs(Message, { className: "flex gap-2", children: [
+                            /* @__PURE__ */ jsx(
+                              MessageAvatar,
+                              {
+                                src: assistantAvatar?.src || "",
+                                alt: "Assistant",
+                                fallback: assistantAvatar?.fallback || "AI",
+                                fallbackIcon: !assistantAvatar?.src ? /* @__PURE__ */ jsx(copilot_sdk_logo_default, { className: "size-5" }) : void 0,
+                                className: "bg-background"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsx(Loader, { variant: loaderVariant, size: "sm" }) })
+                          ] });
+                        }
+                        return null;
+                      })(),
+                      /* @__PURE__ */ jsx(ChatContainerScrollAnchor, {})
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: "absolute right-4 bottom-4", children: /* @__PURE__ */ jsx(ScrollButton, { className: "shadow-sm" }) })
+              ]
+            }
+          ),
+          suggestions.length > 0 && !isLoading && /* @__PURE__ */ jsx(
+            Suggestions,
+            {
+              suggestions,
+              onSuggestionClick: handleSuggestionClick,
+              className: classNames.suggestions
+            }
+          ),
+          renderInput ? renderInput() : /* @__PURE__ */ jsxs("div", { className: cn("p-2 pt-0", classNames.input), children: [
+            pendingAttachments.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 p-2 mb-2 bg-muted/30 rounded-lg", children: pendingAttachments.map((att) => /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+              att.attachment.type === "image" ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: att.previewUrl,
+                  alt: att.file.name,
+                  className: "w-16 h-16 object-cover rounded-lg border"
+                }
+              ) : /* @__PURE__ */ jsxs("div", { className: "w-16 h-16 bg-muted rounded-lg border flex flex-col items-center justify-center p-1", children: [
                 /* @__PURE__ */ jsx(
-                  "button",
+                  "svg",
                   {
-                    onClick: () => removePendingAttachment(att.id),
-                    className: "absolute -top-1.5 -right-1.5 bg-destructive text-destructive-foreground rounded-full p-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
-                    type: "button",
-                    children: /* @__PURE__ */ jsx(XIcon2, { className: "w-3 h-3" })
+                    className: "w-6 h-6 text-muted-foreground",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 1.5,
+                        d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+                      }
+                    )
                   }
-                )
-              ] }, att.id)) }),
-              /* @__PURE__ */ jsxs(
-                PromptInput,
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground truncate w-full text-center mt-1", children: att.file.name.length > 10 ? att.file.name.slice(0, 8) + "..." : att.file.name })
+              ] }),
+              att.status === "processing" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-background/80 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx(Loader, { variant: "dots", size: "sm" }) }),
+              att.status === "error" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-destructive/20 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-destructive text-xs", children: "Error" }) }),
+              /* @__PURE__ */ jsx(
+                "button",
                 {
-                  value: input,
-                  onValueChange: setInput,
-                  isLoading,
-                  onSubmit: handleSubmit,
-                  className: "",
-                  children: [
-                    /* @__PURE__ */ jsx(PromptInputTextarea, { placeholder }),
-                    /* @__PURE__ */ jsxs(PromptInputActions, { className: "flex justify-between", children: [
-                      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-                        PromptInputAction,
-                        {
-                          tooltip: attachmentsEnabled ? "Attach files" : attachmentsDisabledTooltip,
-                          children: /* @__PURE__ */ jsxs(
-                            "label",
-                            {
-                              htmlFor: fileInputId,
-                              className: cn(
-                                "csdk-button-attach flex h-8 w-8 items-center justify-center rounded-2xl",
-                                attachmentsEnabled ? "hover:bg-secondary-foreground/10 cursor-pointer" : "opacity-50 cursor-not-allowed"
-                              ),
-                              children: [
-                                /* @__PURE__ */ jsx(
-                                  "input",
-                                  {
-                                    ref: fileInputRef,
-                                    type: "file",
-                                    multiple: true,
-                                    accept: acceptString,
-                                    onChange: handleInputChange,
-                                    className: "hidden",
-                                    id: fileInputId,
-                                    disabled: !attachmentsEnabled
-                                  }
-                                ),
-                                /* @__PURE__ */ jsx(PlusIcon, { className: "text-primary size-5" })
-                              ]
-                            }
-                          )
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx(PromptInputAction, { tooltip: isLoading ? "Stop" : "Send", children: isLoading ? /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          size: "sm",
-                          variant: "destructive",
-                          className: "csdk-button-stop rounded-full size-9",
-                          onClick: onStop,
-                          children: /* @__PURE__ */ jsx(StopIcon, { className: "h-4 w-4" })
-                        }
-                      ) : /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          size: "sm",
-                          className: "csdk-button-send rounded-full size-9",
-                          onClick: handleSubmit,
-                          disabled: !input.trim() && !pendingAttachments.some(
-                            (att) => att.status === "ready"
-                          ),
-                          children: /* @__PURE__ */ jsx(ArrowUpIcon, { className: "h-4 w-4" })
-                        }
-                      ) })
-                    ] })
-                  ]
+                  onClick: () => removePendingAttachment(att.id),
+                  className: "absolute -top-1.5 -right-1.5 bg-destructive text-destructive-foreground rounded-full p-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
+                  type: "button",
+                  children: /* @__PURE__ */ jsx(XIcon2, { className: "w-3 h-3" })
                 }
               )
-            ] })
+            ] }, att.id)) }),
+            /* @__PURE__ */ jsxs(
+              PromptInput,
+              {
+                value: input,
+                onValueChange: setInput,
+                isLoading,
+                onSubmit: handleSubmit,
+                className: "",
+                children: [
+                  /* @__PURE__ */ jsx(PromptInputTextarea, { placeholder }),
+                  /* @__PURE__ */ jsxs(PromptInputActions, { className: "flex justify-between", children: [
+                    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                      PromptInputAction,
+                      {
+                        tooltip: attachmentsEnabled ? "Attach files" : attachmentsDisabledTooltip,
+                        children: /* @__PURE__ */ jsxs(
+                          "label",
+                          {
+                            htmlFor: fileInputId,
+                            className: cn(
+                              "csdk-button-attach flex h-8 w-8 items-center justify-center rounded-2xl",
+                              attachmentsEnabled ? "hover:bg-secondary-foreground/10 cursor-pointer" : "opacity-50 cursor-not-allowed"
+                            ),
+                            children: [
+                              /* @__PURE__ */ jsx(
+                                "input",
+                                {
+                                  ref: fileInputRef,
+                                  type: "file",
+                                  multiple: true,
+                                  accept: acceptString,
+                                  onChange: handleInputChange,
+                                  className: "hidden",
+                                  id: fileInputId,
+                                  disabled: !attachmentsEnabled
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(PlusIcon, { className: "text-primary size-5" })
+                            ]
+                          }
+                        )
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(PromptInputAction, { tooltip: isLoading ? "Stop" : "Send", children: isLoading ? /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        size: "sm",
+                        variant: "destructive",
+                        className: "csdk-button-stop rounded-full size-9",
+                        onClick: onStop,
+                        children: /* @__PURE__ */ jsx(StopIcon, { className: "h-4 w-4" })
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        size: "sm",
+                        className: "csdk-button-send rounded-full size-9",
+                        onClick: handleSubmit,
+                        disabled: !input.trim() && !pendingAttachments.some(
+                          (att) => att.status === "ready"
+                        ),
+                        children: /* @__PURE__ */ jsx(ArrowUpIcon, { className: "h-4 w-4" })
+                      }
+                    ) })
+                  ] })
+                ]
+              }
+            )
           ] })
-        )
+        ] }),
+        rootFooter
       ]
     }
-  );
+  ) });
 }
+var Chat = Object.assign(ChatComponent, {
+  Root: ChatComponent,
+  // Alias for layout composition pattern
+  Home,
+  // Backward compat alias
+  HomeView,
+  // New name
+  ChatView,
+  Header,
+  Footer,
+  Input,
+  Suggestions: SuggestionsCompound,
+  BackButton,
+  // Navigation: start new chat
+  ThreadPicker: ThreadPickerCompound
+  // Thread switching
+});
 function ToolExecutionMessage({
   executions,
   assistantAvatar = { fallback: "AI" },
@@ -5021,13 +5307,14 @@ function parsePersistenceConfig(persistence, onThreadChange) {
     onThreadChange
   };
 }
-function CopilotChat(props) {
+function CopilotChatBase(props) {
   const {
     persistence,
     showThreadPicker = false,
     onThreadChange,
     classNames,
     header,
+    children,
     ...chatProps
   } = props;
   const persistenceConfig = parsePersistenceConfig(persistence, onThreadChange);
@@ -5167,7 +5454,7 @@ function CopilotChat(props) {
     footer: classNames.footer
   } : void 0;
   const { threadManager, handleSwitchThread, handleNewThread, isBusy } = threadManagerResult;
-  const handleDeleteThread = React7__default.useCallback(
+  const handleDeleteThread = React18__default.useCallback(
     (threadId) => {
       const isCurrentThread = threadManager.currentThreadId === threadId;
       threadManager.deleteThread(threadId);
@@ -5218,10 +5505,33 @@ function CopilotChat(props) {
       renderHeader: useCustomHeader ? chatProps.renderHeader : void 0,
       recentThreads: isPersistenceEnabled ? threadManager.threads : void 0,
       onSelectThread: isPersistenceEnabled ? handleSwitchThread : void 0,
-      onDeleteThread: isPersistenceEnabled ? handleDeleteThread : void 0
+      onDeleteThread: isPersistenceEnabled ? handleDeleteThread : void 0,
+      onNewChat: handleNewThread,
+      threads: isPersistenceEnabled ? threadManager.threads : void 0,
+      currentThreadId: threadManager.currentThreadId,
+      onSwitchThread: isPersistenceEnabled ? handleSwitchThread : void 0,
+      isThreadBusy: isBusy,
+      children
     }
   );
 }
+var CopilotChat = Object.assign(CopilotChatBase, {
+  Root: CopilotChatBase,
+  // Alias for layout composition pattern
+  Home: Chat.Home,
+  // Backward compat alias
+  HomeView: Chat.HomeView,
+  // New name
+  ChatView: Chat.ChatView,
+  Header: Chat.Header,
+  Footer: Chat.Footer,
+  Input: Chat.Input,
+  Suggestions: Chat.Suggestions,
+  BackButton: Chat.BackButton,
+  // Navigation: start new chat
+  ThreadPicker: Chat.ThreadPicker
+  // Thread switching
+});
 var ConnectedChat = CopilotChat;
 function YourGPTLogo({ className }) {
   return /* @__PURE__ */ jsxs(
@@ -5269,6 +5579,6 @@ function PoweredBy({ className, showLogo = true }) {
   );
 }
 
-export { AlertTriangleIcon, BotIcon, Button, CapabilityBadge, CapabilityList, Chat, ChatContainerContent, ChatContainerRoot, ChatContainerScrollAnchor, ChatWelcome, CheckIcon, ChevronDownIcon2 as ChevronDownIcon, ChevronUpIcon, CloseIcon, CodeBlock, CompactPermissionConfirmation, Confirmation, ConfirmationActions, ConfirmationApproved, ConfirmationMessage, ConfirmationPending, ConfirmationRejected, ConnectedChat, CopilotChat, CopilotUIProvider, CopyIcon, DEFAULT_PERMISSION_OPTIONS, DevLogger, FeedbackBar, FollowUpQuestions, InlineToolSteps, Loader, Markdown, MessageAvatar, MessageContent, Message as MessagePrimitive, ModelSelector, PermissionConfirmation, PoweredBy, PromptInput, PromptInputAction, PromptInputActions, PromptInputTextarea, Reasoning, ReasoningContent, ReasoningTrigger, RefreshIcon, ScrollButton, SendIcon, SimpleConfirmation, SimpleModelSelector, SimpleReasoning, Source, SourceContent, SourceTrigger, StopIcon, ThreadCard, ThreadList, ThreadPicker, ThumbsDownIcon2 as ThumbsDownIcon, ThumbsUpIcon2 as ThumbsUpIcon, ToolExecutionMessage, ToolStep, ToolSteps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserIcon, XIcon2 as XIcon, cn, parseFollowUps, useChatContainer, useCopilotUI };
+export { AlertTriangleIcon, BotIcon, Button, CapabilityBadge, CapabilityList, Chat, ChatContainerContent, ChatContainerRoot, ChatContainerScrollAnchor, ChatWelcome, CheckIcon, ChevronDownIcon2 as ChevronDownIcon, ChevronLeftIcon, ChevronUpIcon, CloseIcon, CodeBlock, CompactPermissionConfirmation, Confirmation, ConfirmationActions, ConfirmationApproved, ConfirmationMessage, ConfirmationPending, ConfirmationRejected, ConnectedChat, CopilotChat, CopilotUIProvider, CopyIcon, DEFAULT_PERMISSION_OPTIONS, DevLogger, FeedbackBar, FollowUpQuestions, InlineToolSteps, Loader, Markdown, MessageAvatar, MessageContent, Message as MessagePrimitive, ModelSelector, PermissionConfirmation, PoweredBy, PromptInput, PromptInputAction, PromptInputActions, PromptInputTextarea, Reasoning, ReasoningContent, ReasoningTrigger, RefreshIcon, ScrollButton, SendIcon, SimpleConfirmation, SimpleModelSelector, SimpleReasoning, Source, SourceContent, SourceTrigger, StopIcon, ThreadCard, ThreadList, ThreadPicker, ThumbsDownIcon2 as ThumbsDownIcon, ThumbsUpIcon2 as ThumbsUpIcon, ToolExecutionMessage, ToolStep, ToolSteps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserIcon, XIcon2 as XIcon, cn, parseFollowUps, useChatContainer, useCopilotChatContext, useCopilotUI };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map