@agentiffai/design 0.1.0 → 0.1.2

package/dist/copilotkit/index.js

@@ -1,9 +1,9 @@
-import { AssistantThinking, AssistantMessage, ChatInput, UserMessage, Header, Window, Messages } from '../chunk-CNVJ5UF2.js';
-export { Actions, AgentState, AssistantMessage, Button, FileAttachment, Footer, Header, Input, Messages, MessagesList, MessagesListContainer, MessagesListContent, Response, Suggestions, UserMessage2 as UserMessage, Window } from '../chunk-CNVJ5UF2.js';
+import { AssistantThinking, AssistantMessage, UserMessage, ChatInput, Header, Window, Messages } from '../chunk-H5TKEGIC.js';
+export { Actions, AgentState, AssistantMessage, Button, FileAttachment, Footer, Header, Input, Messages, MessagesList, MessagesListContainer, MessagesListContent, Response, Suggestions, UserMessage2 as UserMessage, Window } from '../chunk-H5TKEGIC.js';
+import { CopilotSidebar, useChatContext } from '@copilotkit/react-ui';
+import styled, { createGlobalStyle } from 'styled-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import styled, { createGlobalStyle } from 'styled-components';
-import { CopilotSidebar, useChatContext } from '@copilotkit/react-ui';
 
 var AssistantMessageAdapter = ({
   message,
@@ -38,6 +38,29 @@ var AssistantMessageAdapter = ({
   );
 };
 AssistantMessageAdapter.displayName = "AssistantMessageAdapter";
+var UserMessageWrapper = styled.div`
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+  padding: 8px 0;
+`;
+var UserMessageAdapter = ({
+  message,
+  ImageRenderer
+}) => {
+  if (message?.image) {
+    return /* @__PURE__ */ jsx(
+      ImageRenderer,
+      {
+        image: message.image,
+        content: message.content
+      }
+    );
+  }
+  const content = message?.content || "";
+  return /* @__PURE__ */ jsx(UserMessageWrapper, { children: /* @__PURE__ */ jsx(UserMessage, { children: content }) });
+};
+UserMessageAdapter.displayName = "UserMessageAdapter";
 var InputAdapter = ({
   inProgress,
   onSend,
@@ -72,23 +95,6 @@ var InputAdapter = ({
   );
 };
 InputAdapter.displayName = "InputAdapter";
-var UserMessageWrapper = styled.div`
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-  padding: 8px 0;
-`;
-var UserMessageAdapter = ({
-  message,
-  ImageRenderer
-}) => {
-  if (message?.image) {
-    return /* @__PURE__ */ jsx(ImageRenderer, { image: message.image, content: message.content });
-  }
-  const content = message?.content || "";
-  return /* @__PURE__ */ jsx(UserMessageWrapper, { children: /* @__PURE__ */ jsx(UserMessage, { children: content }) });
-};
-UserMessageAdapter.displayName = "UserMessageAdapter";
 var GlobalSidebarStyles = createGlobalStyle`
   /* Override CopilotKit's default positioning - start off-screen */
   .copilotKitSidebar {
@@ -105,6 +111,7 @@ var GlobalSidebarStyles = createGlobalStyle`
 
   /* Mobile-first: Full viewport sidebar */
   .copilotKitSidebar .copilotKitWindow {
+    /* Override CopilotKit defaults for mobile */
     position: fixed !important;
     top: 0 !important;
     right: 0 !important;
@@ -118,12 +125,14 @@ var GlobalSidebarStyles = createGlobalStyle`
     border-radius: 0 !important;
     z-index: 1001 !important;
 
+    /* Hidden by default - translateX(100%) moves it off-screen to the right */
     transform: translateX(100%) !important;
     visibility: hidden !important;
     pointer-events: none !important;
     opacity: 0 !important;
     display: none !important;
 
+    /* Smooth slide transition */
     transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease !important;
   }
 
@@ -166,36 +175,6 @@ var GlobalSidebarStyles = createGlobalStyle`
       display: flex !important;
     }
   }
-
-  /* Override CopilotKit's default message styles with our custom components */
-  .copilotKitSidebar {
-    /* Reset all default CopilotKit message styling */
-    [class*="copilotKitMessage"],
-    [class*="Message-module"] {
-      all: unset !important;
-      display: contents !important;
-    }
-
-    /* Ensure our custom UserMessage gradient pill shows through */
-    button[role="presentation"] {
-      all: revert !important;
-      display: inline-flex !important;
-    }
-
-    /* Reset input styles to allow our custom ChatInput */
-    [class*="Input-module"],
-    [class*="copilotKitInput"] {
-      all: unset !important;
-      display: contents !important;
-    }
-
-    /* Reset header styles */
-    [class*="Header-module"],
-    [class*="copilotKitHeader"] {
-      all: unset !important;
-      display: contents !important;
-    }
-  }
 `;
 var StyledChatButton = styled.button`
   position: fixed;
@@ -229,20 +208,14 @@ var StyledChatButton = styled.button`
     fill: white;
   }
 `;
-var CustomCopilotSidebar = ({
+function CustomCopilotSidebar({
   children,
-  instructions = "You are a helpful AI assistant.",
-  labels,
-  icons,
   defaultOpen = false,
-  clickOutsideToClose = true,
-  hitEscapeToClose = true,
-  shortcut = "/",
   onSetOpen,
-  className,
-  ...props
-}) => {
-  const HeaderAdapter = (_props) => {
+  instructions,
+  className
+}) {
+  const HeaderAdapterWithClose = (_props) => {
     const { setOpen } = useChatContext();
     const handleClose = () => {
       setOpen(false);
@@ -250,17 +223,17 @@ var CustomCopilotSidebar = ({
     };
     return /* @__PURE__ */ jsx(Header, { title: "AI Assistant", subtitle: "How can I help you today?", onClose: handleClose });
   };
-  const WindowAdapter = (props2) => {
-    return /* @__PURE__ */ jsx(Window, { children: props2.children });
+  const WindowAdapterLocal = (props) => {
+    return /* @__PURE__ */ jsx(Window, { children: props.children });
   };
-  const MessagesAdapter = (props2) => {
-    return /* @__PURE__ */ jsx(Messages, { children: props2.messages.map((message, index) => /* @__PURE__ */ jsx(
-      props2.RenderMessage,
+  const MessagesAdapter = (props) => {
+    return /* @__PURE__ */ jsx(Messages, { children: props.messages.map((message, index) => /* @__PURE__ */ jsx(
+      props.RenderMessage,
       {
         message,
-        inProgress: props2.inProgress,
+        inProgress: props.inProgress,
         index,
-        isCurrentMessage: index === props2.messages.length - 1
+        isCurrentMessage: index === props.messages.length - 1
       },
       message.id || `message-${index}`
     )) });
@@ -305,29 +278,25 @@ var CustomCopilotSidebar = ({
         AssistantMessage: AssistantMessageAdapter,
         UserMessage: UserMessageAdapter,
         Input: InputAdapter,
-        Header: HeaderAdapter,
-        Window: WindowAdapter,
+        Header: HeaderAdapterWithClose,
+        Window: WindowAdapterLocal,
         Messages: MessagesAdapter,
         Button: CustomButton,
         instructions,
         labels: {
           title: "AI Assistant",
-          initial: "Hi! How can I help you today?",
-          ...labels
+          initial: "Hi! How can I help you today?"
         },
-        icons,
         defaultOpen,
-        clickOutsideToClose,
-        hitEscapeToClose,
-        shortcut,
+        clickOutsideToClose: true,
+        hitEscapeToClose: true,
         onSetOpen,
         className,
-        ...props,
         children
       }
     )
   ] });
-};
+}
 CustomCopilotSidebar.displayName = "CustomCopilotSidebar";
 var GlobalSidebarStyles2 = createGlobalStyle`
   /* Override CopilotKit's default positioning - start off-screen */
@@ -345,7 +314,6 @@ var GlobalSidebarStyles2 = createGlobalStyle`
 
   /* Mobile-first: Full viewport sidebar */
   .copilotKitSidebar .copilotKitWindow {
-    /* Override CopilotKit defaults for mobile */
     position: fixed !important;
     top: 0 !important;
     right: 0 !important;
@@ -359,14 +327,12 @@ var GlobalSidebarStyles2 = createGlobalStyle`
     border-radius: 0 !important;
     z-index: 1001 !important;
 
-    /* Hidden by default - translateX(100%) moves it off-screen to the right */
     transform: translateX(100%) !important;
     visibility: hidden !important;
     pointer-events: none !important;
     opacity: 0 !important;
     display: none !important;
 
-    /* Smooth slide transition */
     transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease !important;
   }
 
@@ -409,6 +375,36 @@ var GlobalSidebarStyles2 = createGlobalStyle`
       display: flex !important;
     }
   }
+
+  /* Override CopilotKit's default message styles with our custom components */
+  .copilotKitSidebar {
+    /* Reset all default CopilotKit message styling */
+    [class*="copilotKitMessage"],
+    [class*="Message-module"] {
+      all: unset !important;
+      display: contents !important;
+    }
+
+    /* Ensure our custom UserMessage gradient pill shows through */
+    button[role="presentation"] {
+      all: revert !important;
+      display: inline-flex !important;
+    }
+
+    /* Reset input styles to allow our custom ChatInput */
+    [class*="Input-module"],
+    [class*="copilotKitInput"] {
+      all: unset !important;
+      display: contents !important;
+    }
+
+    /* Reset header styles */
+    [class*="Header-module"],
+    [class*="copilotKitHeader"] {
+      all: unset !important;
+      display: contents !important;
+    }
+  }
 `;
 var StyledChatButton2 = styled.button`
   position: fixed;
@@ -442,14 +438,19 @@ var StyledChatButton2 = styled.button`
     fill: white;
   }
 `;
-function CustomCopilotSidebar2({
+var CustomCopilotSidebar2 = ({
   children,
+  instructions = "You are a helpful AI assistant.",
+  labels,
+  icons,
   defaultOpen = false,
+  clickOutsideToClose = true,
+  hitEscapeToClose = true,
+  shortcut = "/",
   onSetOpen,
-  instructions,
   className
-}) {
-  const HeaderAdapterWithClose = (_props) => {
+}) => {
+  const HeaderAdapter = (_props) => {
     const { setOpen } = useChatContext();
     const handleClose = () => {
       setOpen(false);
@@ -457,7 +458,7 @@ function CustomCopilotSidebar2({
     };
     return /* @__PURE__ */ jsx(Header, { title: "AI Assistant", subtitle: "How can I help you today?", onClose: handleClose });
   };
-  const WindowAdapterLocal = (props) => {
+  const WindowAdapter = (props) => {
     return /* @__PURE__ */ jsx(Window, { children: props.children });
   };
   const MessagesAdapter = (props) => {
@@ -512,27 +513,30 @@ function CustomCopilotSidebar2({
         AssistantMessage: AssistantMessageAdapter,
         UserMessage: UserMessageAdapter,
         Input: InputAdapter,
-        Header: HeaderAdapterWithClose,
-        Window: WindowAdapterLocal,
+        Header: HeaderAdapter,
+        Window: WindowAdapter,
         Messages: MessagesAdapter,
         Button: CustomButton,
         instructions,
         labels: {
           title: "AI Assistant",
-          initial: "Hi! How can I help you today?"
+          initial: "Hi! How can I help you today?",
+          ...labels
         },
+        icons,
         defaultOpen,
-        clickOutsideToClose: true,
-        hitEscapeToClose: true,
+        clickOutsideToClose,
+        hitEscapeToClose,
+        shortcut,
         onSetOpen,
         className,
         children
       }
     )
   ] });
-}
+};
 CustomCopilotSidebar2.displayName = "CustomCopilotSidebar";
 
-export { AssistantMessageAdapter, CustomCopilotSidebar2 as CustomCopilotSidebar, InputAdapter, CustomCopilotSidebar as IntegratedSidebar, UserMessageAdapter };
+export { AssistantMessageAdapter, CustomCopilotSidebar, InputAdapter, CustomCopilotSidebar2 as IntegratedSidebar, UserMessageAdapter };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/copilotkit/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/copilotkit/adapters/AssistantMessageAdapter.tsx","../../src/components/copilotkit/adapters/InputAdapter.tsx","../../src/components/copilotkit/adapters/UserMessageAdapter.tsx","../../src/components/copilotkit/CopilotSidebarIntegration.tsx","../../src/components/copilotkit/CustomCopilotSidebar/CustomCopilotSidebar.tsx"],"names":["jsx","styled","props","GlobalSidebarStyles","createGlobalStyle","StyledChatButton","CustomCopilotSidebar","useChatContext","jsxs","Fragment","CopilotSidebar"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Adapter component that bridges custom AssistantMessage with CopilotKit's expected interface\n *\n * This adapter:\n * 1. Converts CopilotKit's AssistantMessageProps to our custom component props\n * 2. Handles loading states by showing AssistantThinking component\n * 3. Extracts message content and renders with our styled component\n */\n\nimport type { AssistantMessageProps as CopilotAssistantMessageProps } from '@copilotkit/react-ui';\nimport type React from 'react';\nimport { AssistantThinking } from '../../AssistantThinking/AssistantThinking';\nimport { AssistantMessage } from '../Messages/AssistantMessage';\n\n/**\n * Adapter that converts CopilotKit's AssistantMessageProps to our custom component\n */\nexport const AssistantMessageAdapter: React.FC<CopilotAssistantMessageProps> = ({\n  message,\n  isLoading,\n  isGenerating,\n  // These are available but not used in our current implementation:\n  // isCurrentMessage,\n  // onRegenerate,\n  // onCopy,\n  // onThumbsUp,\n  // onThumbsDown,\n  // markdownTagRenderers,\n  // ImageRenderer,\n}) => {\n  // Show thinking state when loading (before content arrives)\n  if (isLoading) {\n    return <AssistantThinking message=\"Thinking...\" />;\n  }\n\n  // Show thinking state when generating (content is streaming)\n  if (isGenerating && !message?.content) {\n    return <AssistantThinking message=\"Generating response...\" />;\n  }\n\n  // Extract content from the message\n  const content = message?.content || '';\n\n  // Parse attachments if present in the message\n  // Note: generativeUI is a function in CopilotKit's AIMessage, not an array\n  // For now, we don't extract attachments from the message\n  // TODO: Implement proper attachment extraction when CopilotKit supports it\n  const attachments: any[] = [];\n\n  return (\n    <AssistantMessage\n      content={content}\n      avatarInitials=\"AI\"\n      isLoading={isGenerating} // Show loading dots while generating\n      attachments={attachments}\n      enableMarkdown={true}\n    />\n  );\n};\n\nAssistantMessageAdapter.displayName = 'AssistantMessageAdapter';\n","/**\n * Adapter component that bridges custom Input with CopilotKit's expected interface\n *\n * This adapter:\n * 1. Converts CopilotKit's InputProps to our custom component props\n * 2. Handles the onSend callback to work with CopilotKit's message system\n * 3. Manages input state and submission\n */\n\nimport type { InputProps as CopilotInputProps } from '@copilotkit/react-ui';\nimport type React from 'react';\nimport { useState } from 'react';\nimport { ChatInput } from '../../ChatInput/ChatInput';\n\n/**\n * Adapter that converts CopilotKit's InputProps to our custom component\n */\nexport const InputAdapter: React.FC<CopilotInputProps> = ({\n  inProgress,\n  onSend,\n  isVisible = true,\n}) => {\n  const [value, setValue] = useState('');\n\n  const handleSubmit = async (message: string) => {\n    if (!message.trim() || inProgress) return;\n\n    // Call CopilotKit's onSend which returns a Promise<Message>\n    await onSend(message);\n    setValue(''); // Clear input after sending\n  };\n\n  // TODO: Add support for stop button and file upload if needed\n\n  return (\n    <ChatInput\n      value={value}\n      onChange={setValue}\n      onSubmit={handleSubmit}\n      placeholder=\"Ask, write or search for anything...\"\n      isDisabled={inProgress}\n      autoFocus={isVisible}\n      aria-label=\"Chat message input\"\n      suggestions={[\n        { text: 'Create in-depth analysis' },\n        { text: 'Identify actionable tasks' },\n        { text: 'Summarize key points' },\n      ]}\n      onSuggestionSelect={(suggestion) => {\n        setValue(suggestion);\n        handleSubmit(suggestion);\n      }}\n    />\n  );\n};\n\nInputAdapter.displayName = 'InputAdapter';\n","/**\n * Adapter component that bridges custom UserMessage with CopilotKit's expected interface\n *\n * This adapter:\n * 1. Converts CopilotKit's UserMessageProps to our custom component props\n * 2. Extracts message content from CopilotKit's message object\n * 3. Handles image messages appropriately\n */\n\nimport type { UserMessageProps as CopilotUserMessageProps } from '@copilotkit/react-ui';\nimport type React from 'react';\nimport styled from 'styled-components';\nimport { UserMessage } from '../../UserMessage/UserMessage';\n\n// Wrapper to align user messages to the right\nconst UserMessageWrapper = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  padding: 8px 0;\n`;\n\n/**\n * Adapter that converts CopilotKit's UserMessageProps to our custom component\n */\nexport const UserMessageAdapter: React.FC<CopilotUserMessageProps> = ({\n  message,\n  ImageRenderer,\n}) => {\n  // Handle image messages\n  if (message?.image) {\n    return <ImageRenderer image={message.image} content={message.content} />;\n  }\n\n  // Extract text content\n  const content = message?.content || '';\n\n  // Our UserMessage is a button-like component with React ARIA\n  // In the chat context, it's not interactive, so we don't provide onPress\n  return (\n    <UserMessageWrapper>\n      <UserMessage>{content}</UserMessage>\n    </UserMessageWrapper>\n  );\n};\n\nUserMessageAdapter.displayName = 'UserMessageAdapter';\n","/**\n * Complete CopilotSidebar Integration Example\n *\n * This file demonstrates how to integrate custom-designed components\n * (AssistantMessage, UserMessage, AssistantThinking, Input) with CopilotKit's\n * CopilotSidebar component using adapter components.\n *\n * Usage:\n * ```tsx\n * import { CopilotKit } from \"@copilotkit/react-core\";\n * import { CustomCopilotSidebar } from \"./CopilotSidebarIntegration\";\n *\n * function App() {\n *   return (\n *     <CopilotKit runtimeUrl=\"/api/copilotkit\">\n *       <CustomCopilotSidebar>\n *         <YourApp />\n *       </CustomCopilotSidebar>\n *     </CopilotKit>\n *   );\n * }\n * ```\n */\n\nimport type {\n  ButtonProps as CopilotButtonProps,\n  HeaderProps as CopilotHeaderProps,\n  MessagesProps as CopilotMessagesProps,\n  WindowProps as CopilotWindowProps,\n} from '@copilotkit/react-ui';\nimport { CopilotSidebar, useChatContext } from '@copilotkit/react-ui';\nimport type React from 'react';\nimport styled, { createGlobalStyle } from 'styled-components';\nimport { AssistantMessageAdapter, InputAdapter, UserMessageAdapter } from './adapters';\nimport { Header } from './Header/Header';\nimport { Messages } from './Messages/Messages';\nimport { Window } from './Window/Window';\n\n// Global styles to ensure sidebar starts hidden and button visibility\nconst GlobalSidebarStyles = createGlobalStyle`\n  /* Override CopilotKit's default positioning - start off-screen */\n  .copilotKitSidebar {\n    position: fixed !important;\n    right: -100vw !important;\n    bottom: 0 !important;\n    transition: right 0.3s ease !important;\n  }\n\n  /* Move sidebar container into view when expanded */\n  .copilotKitSidebarContentWrapper.sidebarExpanded .copilotKitSidebar {\n    right: 0 !important;\n  }\n\n  /* Mobile-first: Full viewport sidebar */\n  .copilotKitSidebar .copilotKitWindow {\n    position: fixed !important;\n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    left: auto !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    max-width: 100vw !important;\n    max-height: 100vh !important;\n    margin: 0 !important;\n    border-radius: 0 !important;\n    z-index: 1001 !important;\n\n    transform: translateX(100%) !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n    opacity: 0 !important;\n    display: none !important;\n\n    transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease !important;\n  }\n\n  /* When window has .open class (CopilotKit's native class), show it */\n  .copilotKitSidebar .copilotKitWindow.open {\n    display: flex !important;\n    transform: translateX(0) !important;\n    visibility: visible !important;\n    pointer-events: auto !important;\n    opacity: 1 !important;\n  }\n\n  /* Desktop: Sidebar panel on the right (640px = CopilotKit's breakpoint) */\n  @media (min-width: 640px) {\n    .copilotKitSidebar .copilotKitWindow {\n      inset: auto !important;\n      top: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      left: auto !important;\n      width: 28rem !important;\n      height: 100vh !important;\n      max-width: 28rem !important;\n      max-height: 100vh !important;\n    }\n  }\n\n  /* Hide button when sidebar is open */\n  .copilotKitSidebarContentWrapper.sidebarExpanded {\n    button[aria-label=\"Open chat\"],\n    button[aria-label=\"Close chat\"] {\n      display: none !important;\n    }\n  }\n\n  /* Show button when sidebar is closed */\n  .copilotKitSidebarContentWrapper:not(.sidebarExpanded) {\n    button[aria-label=\"Open chat\"],\n    button[aria-label=\"Close chat\"] {\n      display: flex !important;\n    }\n  }\n\n  /* Override CopilotKit's default message styles with our custom components */\n  .copilotKitSidebar {\n    /* Reset all default CopilotKit message styling */\n    [class*=\"copilotKitMessage\"],\n    [class*=\"Message-module\"] {\n      all: unset !important;\n      display: contents !important;\n    }\n\n    /* Ensure our custom UserMessage gradient pill shows through */\n    button[role=\"presentation\"] {\n      all: revert !important;\n      display: inline-flex !important;\n    }\n\n    /* Reset input styles to allow our custom ChatInput */\n    [class*=\"Input-module\"],\n    [class*=\"copilotKitInput\"] {\n      all: unset !important;\n      display: contents !important;\n    }\n\n    /* Reset header styles */\n    [class*=\"Header-module\"],\n    [class*=\"copilotKitHeader\"] {\n      all: unset !important;\n      display: contents !important;\n    }\n  }\n`;\n\n// Styled button positioned in the bottom-right corner\nconst StyledChatButton = styled.button`\n  position: fixed;\n  bottom: 8px;\n  right: 8px;\n  width: 36px;\n  height: 36px;\n  border-radius: 18px;\n  border: none;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 1000;\n  transition: all 0.2s ease;\n\n  &:hover {\n    transform: scale(1.05);\n    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  svg {\n    width: 20px;\n    height: 20px;\n    fill: white;\n  }\n`;\n\nexport interface CustomCopilotSidebarProps {\n  /**\n   * Children to render alongside the sidebar\n   */\n  children?: React.ReactNode;\n  /**\n   * Instructions for the AI assistant\n   */\n  instructions?: string;\n  /**\n   * Custom labels for the sidebar\n   */\n  labels?: {\n    title?: string;\n    initial?: string;\n  };\n  /**\n   * Custom icons\n   */\n  icons?: Record<string, React.ReactNode>;\n  /**\n   * Whether the sidebar starts open\n   */\n  defaultOpen?: boolean;\n  /**\n   * Allow closing by clicking outside\n   */\n  clickOutsideToClose?: boolean;\n  /**\n   * Allow closing with Escape key\n   */\n  hitEscapeToClose?: boolean;\n  /**\n   * Keyboard shortcut to open\n   */\n  shortcut?: string;\n  /**\n   * Callback when open state changes\n   */\n  onSetOpen?: (open: boolean) => void;\n  /**\n   * CSS class name\n   */\n  className?: string;\n}\n\n/**\n * CopilotSidebar with custom-designed components\n *\n * This component wraps CopilotKit's CopilotSidebar and injects our\n * custom components via adapter components.\n *\n * Features:\n * - Custom AssistantMessage with avatar and loading states\n * - AssistantThinking component shown during loading\n * - Custom UserMessage with gradient pill design\n * - Custom Input with React ARIA accessibility\n * - Styled chat button with gradient\n */\nexport const CustomCopilotSidebar: React.FC<CustomCopilotSidebarProps> = ({\n  children,\n  instructions = 'You are a helpful AI assistant.',\n  labels,\n  icons,\n  defaultOpen = false,\n  clickOutsideToClose = true,\n  hitEscapeToClose = true,\n  shortcut = '/',\n  onSetOpen,\n  className,\n  ...props\n}) => {\n  // Header adapter with close handler\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: This component must be defined here to access CopilotKit's ChatContext and the onSetOpen prop\n  const HeaderAdapter = (_props: CopilotHeaderProps) => {\n    const { setOpen } = useChatContext();\n\n    const handleClose = () => {\n      setOpen(false);\n      onSetOpen?.(false);\n    };\n\n    return (\n      <Header title=\"AI Assistant\" subtitle=\"How can I help you today?\" onClose={handleClose} />\n    );\n  };\n\n  // Window adapter - wraps our custom Window component\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: Simple adapter component\n  const WindowAdapter = (props: CopilotWindowProps) => {\n    return <Window>{props.children}</Window>;\n  };\n\n  // Messages adapter - wraps our custom Messages component\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: Simple adapter component\n  const MessagesAdapter = (props: CopilotMessagesProps) => {\n    return (\n      <Messages>\n        {props.messages.map((message, index) => (\n          <props.RenderMessage\n            key={message.id || `message-${index}`}\n            message={message}\n            inProgress={props.inProgress}\n            index={index}\n            isCurrentMessage={index === props.messages.length - 1}\n          />\n        ))}\n      </Messages>\n    );\n  };\n\n  // Custom Button component that uses CopilotKit's ChatContext\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: This component must be defined here to access CopilotKit's ChatContext and the onSetOpen prop\n  const CustomButton = (_props: CopilotButtonProps) => {\n    const { open, setOpen } = useChatContext();\n\n    const handleClick = () => {\n      const newOpenState = !open;\n      setOpen(newOpenState);\n      onSetOpen?.(newOpenState);\n    };\n\n    return (\n      <StyledChatButton\n        onClick={handleClick}\n        aria-label={open ? 'Close chat' : 'Open chat'}\n        type=\"button\"\n      >\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          role=\"img\"\n          aria-label=\"Chat icon\"\n        >\n          <title>Chat</title>\n          <path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\" />\n        </svg>\n      </StyledChatButton>\n    );\n  };\n\n  return (\n    <>\n      <GlobalSidebarStyles />\n      <CopilotSidebar\n        // Pass through custom components via adapters\n        AssistantMessage={AssistantMessageAdapter}\n        UserMessage={UserMessageAdapter}\n        Input={InputAdapter}\n        Header={HeaderAdapter}\n        Window={WindowAdapter}\n        Messages={MessagesAdapter}\n        Button={CustomButton}\n        // Configuration\n        instructions={instructions}\n        labels={{\n          title: 'AI Assistant',\n          initial: 'Hi! How can I help you today?',\n          ...labels,\n        }}\n        icons={icons}\n        // Behavior\n        defaultOpen={defaultOpen}\n        clickOutsideToClose={clickOutsideToClose}\n        hitEscapeToClose={hitEscapeToClose}\n        shortcut={shortcut}\n        onSetOpen={onSetOpen}\n        // Styling\n        className={className}\n        // Other props\n        {...props}\n      >\n        {children}\n      </CopilotSidebar>\n    </>\n  );\n};\n\nCustomCopilotSidebar.displayName = 'CustomCopilotSidebar';\n","import type {\n  ButtonProps as CopilotButtonProps,\n  HeaderProps as CopilotHeaderProps,\n  MessagesProps as CopilotMessagesProps,\n  WindowProps as CopilotWindowProps,\n} from '@copilotkit/react-ui';\nimport { CopilotSidebar, useChatContext } from '@copilotkit/react-ui';\nimport type { ReactNode } from 'react';\nimport styled, { createGlobalStyle } from 'styled-components';\nimport { AssistantMessageAdapter, InputAdapter, UserMessageAdapter } from '../adapters';\nimport { Header } from '../Header/Header';\nimport { Messages } from '../Messages/Messages';\nimport { Window } from '../Window/Window';\n\n// Global styles to ensure sidebar starts hidden and button visibility\nconst GlobalSidebarStyles = createGlobalStyle`\n  /* Override CopilotKit's default positioning - start off-screen */\n  .copilotKitSidebar {\n    position: fixed !important;\n    right: -100vw !important;\n    bottom: 0 !important;\n    transition: right 0.3s ease !important;\n  }\n\n  /* Move sidebar container into view when expanded */\n  .copilotKitSidebarContentWrapper.sidebarExpanded .copilotKitSidebar {\n    right: 0 !important;\n  }\n\n  /* Mobile-first: Full viewport sidebar */\n  .copilotKitSidebar .copilotKitWindow {\n    /* Override CopilotKit defaults for mobile */\n    position: fixed !important;\n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    left: auto !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    max-width: 100vw !important;\n    max-height: 100vh !important;\n    margin: 0 !important;\n    border-radius: 0 !important;\n    z-index: 1001 !important;\n\n    /* Hidden by default - translateX(100%) moves it off-screen to the right */\n    transform: translateX(100%) !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n    opacity: 0 !important;\n    display: none !important;\n\n    /* Smooth slide transition */\n    transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease !important;\n  }\n\n  /* When window has .open class (CopilotKit's native class), show it */\n  .copilotKitSidebar .copilotKitWindow.open {\n    display: flex !important;\n    transform: translateX(0) !important;\n    visibility: visible !important;\n    pointer-events: auto !important;\n    opacity: 1 !important;\n  }\n\n  /* Desktop: Sidebar panel on the right (640px = CopilotKit's breakpoint) */\n  @media (min-width: 640px) {\n    .copilotKitSidebar .copilotKitWindow {\n      inset: auto !important;\n      top: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      left: auto !important;\n      width: 28rem !important;\n      height: 100vh !important;\n      max-width: 28rem !important;\n      max-height: 100vh !important;\n    }\n  }\n\n  /* Hide button when sidebar is open */\n  .copilotKitSidebarContentWrapper.sidebarExpanded {\n    button[aria-label=\"Open chat\"],\n    button[aria-label=\"Close chat\"] {\n      display: none !important;\n    }\n  }\n\n  /* Show button when sidebar is closed */\n  .copilotKitSidebarContentWrapper:not(.sidebarExpanded) {\n    button[aria-label=\"Open chat\"],\n    button[aria-label=\"Close chat\"] {\n      display: flex !important;\n    }\n  }\n`;\n\n// Styled button positioned in the bottom-right corner\nconst StyledChatButton = styled.button`\n  position: fixed;\n  bottom: 8px;\n  right: 8px;\n  width: 36px;\n  height: 36px;\n  border-radius: 18px;\n  border: none;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 1000;\n  transition: all 0.2s ease;\n\n  &:hover {\n    transform: scale(1.05);\n    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  svg {\n    width: 20px;\n    height: 20px;\n    fill: white;\n  }\n`;\n\nexport interface CustomCopilotSidebarProps {\n  children: ReactNode;\n  defaultOpen?: boolean;\n  onSetOpen?: (open: boolean) => void;\n  instructions?: string;\n  className?: string;\n}\n\n/**\n * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components\n *\n * This component wraps CopilotKit's CopilotSidebar and provides our custom\n * design system components for a consistent look and feel.\n *\n * @example\n * ```tsx\n * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>\n *   <YourApp />\n * </CustomCopilotSidebar>\n * ```\n */\nexport function CustomCopilotSidebar({\n  children,\n  defaultOpen = false,\n  onSetOpen,\n  instructions,\n  className,\n}: CustomCopilotSidebarProps) {\n  // Header adapter with close handler\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: This component must be defined here to access CopilotKit's ChatContext and the onSetOpen prop\n  const HeaderAdapterWithClose = (_props: CopilotHeaderProps) => {\n    const { setOpen } = useChatContext();\n\n    const handleClose = () => {\n      setOpen(false);\n      onSetOpen?.(false);\n    };\n\n    return (\n      <Header title=\"AI Assistant\" subtitle=\"How can I help you today?\" onClose={handleClose} />\n    );\n  };\n\n  // Window adapter - wraps our custom Window component\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: Simple adapter component\n  const WindowAdapterLocal = (props: CopilotWindowProps) => {\n    return <Window>{props.children}</Window>;\n  };\n\n  // Messages adapter - wraps our custom Messages component\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: Simple adapter component\n  const MessagesAdapter = (props: CopilotMessagesProps) => {\n    return (\n      <Messages>\n        {props.messages.map((message, index) => (\n          <props.RenderMessage\n            key={message.id || `message-${index}`}\n            message={message}\n            inProgress={props.inProgress}\n            index={index}\n            isCurrentMessage={index === props.messages.length - 1}\n          />\n        ))}\n      </Messages>\n    );\n  };\n\n  // Custom Button component that uses CopilotKit's ChatContext\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: This component must be defined here to access CopilotKit's ChatContext and the onSetOpen prop\n  const CustomButton = (_props: CopilotButtonProps) => {\n    const { open, setOpen } = useChatContext();\n\n    const handleClick = () => {\n      const newOpenState = !open;\n      setOpen(newOpenState);\n      onSetOpen?.(newOpenState);\n    };\n\n    return (\n      <StyledChatButton\n        onClick={handleClick}\n        aria-label={open ? 'Close chat' : 'Open chat'}\n        type=\"button\"\n      >\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          role=\"img\"\n          aria-label=\"Chat icon\"\n        >\n          <title>Chat</title>\n          <path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\" />\n        </svg>\n      </StyledChatButton>\n    );\n  };\n\n  return (\n    <>\n      <GlobalSidebarStyles />\n      <CopilotSidebar\n        // Pass through custom components via adapters\n        AssistantMessage={AssistantMessageAdapter}\n        UserMessage={UserMessageAdapter}\n        Input={InputAdapter}\n        Header={HeaderAdapterWithClose}\n        Window={WindowAdapterLocal}\n        Messages={MessagesAdapter}\n        Button={CustomButton}\n        // Configuration\n        instructions={instructions}\n        labels={{\n          title: 'AI Assistant',\n          initial: 'Hi! How can I help you today?',\n        }}\n        // Behavior\n        defaultOpen={defaultOpen}\n        clickOutsideToClose={true}\n        hitEscapeToClose={true}\n        onSetOpen={onSetOpen}\n        // Styling\n        className={className}\n      >\n        {children}\n      </CopilotSidebar>\n    </>\n  );\n}\n\nCustomCopilotSidebar.displayName = 'CustomCopilotSidebar';\n"]}
+{"version":3,"sources":["../../src/components/copilotkit/adapters/AssistantMessageAdapter.tsx","../../src/components/copilotkit/adapters/UserMessageAdapter.tsx","../../src/components/copilotkit/adapters/InputAdapter.tsx","../../src/components/copilotkit/CustomCopilotSidebar/CustomCopilotSidebar.tsx","../../src/components/copilotkit/CopilotSidebarIntegration.tsx"],"names":["jsx","styled","GlobalSidebarStyles","createGlobalStyle","StyledChatButton","CustomCopilotSidebar","useChatContext","jsxs","Fragment","CopilotSidebar"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Adapter component that bridges custom AssistantMessage with CopilotKit's expected interface\n *\n * This adapter:\n * 1. Converts CopilotKit's AssistantMessageProps to our custom component props\n * 2. Handles loading states by showing AssistantThinking component\n * 3. Extracts message content and renders with our styled component\n */\n\nimport type React from 'react';\nimport type { AssistantMessageProps as CopilotAssistantMessageProps } from '@copilotkit/react-ui';\nimport { AssistantMessage } from '../Messages/AssistantMessage';\nimport { AssistantThinking } from '../../AssistantThinking/AssistantThinking';\n\n/**\n * Adapter that converts CopilotKit's AssistantMessageProps to our custom component\n */\nexport const AssistantMessageAdapter: React.FC<CopilotAssistantMessageProps> = ({\n  message,\n  isLoading,\n  isGenerating,\n  // These are available but not used in our current implementation:\n  // isCurrentMessage,\n  // onRegenerate,\n  // onCopy,\n  // onThumbsUp,\n  // onThumbsDown,\n  // markdownTagRenderers,\n  // ImageRenderer,\n}) => {\n  // Show thinking state when loading (before content arrives)\n  if (isLoading) {\n    return <AssistantThinking message=\"Thinking...\" />;\n  }\n\n  // Show thinking state when generating (content is streaming)\n  if (isGenerating && !message?.content) {\n    return <AssistantThinking message=\"Generating response...\" />;\n  }\n\n  // Extract content from the message\n  const content = message?.content || '';\n\n  // Parse attachments if present in the message\n  // TODO: Implement attachments parsing from CopilotKit message data\n  const attachments: any[] = [];\n\n  return (\n    <AssistantMessage\n      content={content}\n      avatarInitials=\"AI\"\n      isLoading={isGenerating} // Show loading dots while generating\n      attachments={attachments}\n      enableMarkdown={true}\n    />\n  );\n};\n\nAssistantMessageAdapter.displayName = 'AssistantMessageAdapter';\n","/**\n * Adapter component that bridges custom UserMessage with CopilotKit's expected interface\n *\n * This adapter:\n * 1. Converts CopilotKit's UserMessageProps to our custom component props\n * 2. Extracts message content from CopilotKit's message object\n * 3. Handles image messages appropriately\n */\n\nimport type React from 'react';\nimport type { UserMessageProps as CopilotUserMessageProps } from '@copilotkit/react-ui';\nimport styled from 'styled-components';\nimport { UserMessage } from '../../UserMessage/UserMessage';\n\n// Wrapper to align user messages to the right\nconst UserMessageWrapper = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  padding: 8px 0;\n`;\n\n/**\n * Adapter that converts CopilotKit's UserMessageProps to our custom component\n */\nexport const UserMessageAdapter: React.FC<CopilotUserMessageProps> = ({\n  message,\n  ImageRenderer,\n}) => {\n  // Handle image messages\n  if (message?.image) {\n    return (\n      <ImageRenderer\n        image={message.image}\n        content={message.content}\n      />\n    );\n  }\n\n  // Extract text content\n  const content = message?.content || '';\n\n  // Our UserMessage is a button-like component with React ARIA\n  // In the chat context, it's not interactive, so we don't provide onPress\n  return (\n    <UserMessageWrapper>\n      <UserMessage>\n        {content}\n      </UserMessage>\n    </UserMessageWrapper>\n  );\n};\n\nUserMessageAdapter.displayName = 'UserMessageAdapter';\n","/**\n * Adapter component that bridges custom Input with CopilotKit's expected interface\n *\n * This adapter:\n * 1. Converts CopilotKit's InputProps to our custom component props\n * 2. Handles the onSend callback to work with CopilotKit's message system\n * 3. Manages input state and submission\n */\n\nimport { useState } from 'react';\nimport type React from 'react';\nimport type { InputProps as CopilotInputProps } from '@copilotkit/react-ui';\nimport { ChatInput } from '../../ChatInput/ChatInput';\n\n/**\n * Adapter that converts CopilotKit's InputProps to our custom component\n */\nexport const InputAdapter: React.FC<CopilotInputProps> = ({\n  inProgress,\n  onSend,\n  isVisible = true,\n}) => {\n  const [value, setValue] = useState('');\n\n  const handleSubmit = async (message: string) => {\n    if (!message.trim() || inProgress) return;\n\n    // Call CopilotKit's onSend which returns a Promise<Message>\n    await onSend(message);\n    setValue(''); // Clear input after sending\n  };\n\n  // TODO: Add support for stop button and file upload if needed\n\n  return (\n    <ChatInput\n      value={value}\n      onChange={setValue}\n      onSubmit={handleSubmit}\n      placeholder=\"Ask, write or search for anything...\"\n      isDisabled={inProgress}\n      autoFocus={isVisible}\n      aria-label=\"Chat message input\"\n      suggestions={[\n        { text: 'Create in-depth analysis' },\n        { text: 'Identify actionable tasks' },\n        { text: 'Summarize key points' },\n      ]}\n      onSuggestionSelect={(suggestion) => {\n        setValue(suggestion);\n        handleSubmit(suggestion);\n      }}\n    />\n  );\n};\n\nInputAdapter.displayName = 'InputAdapter';\n","import type {\n  ButtonProps as CopilotButtonProps,\n  HeaderProps as CopilotHeaderProps,\n  MessagesProps as CopilotMessagesProps,\n  WindowProps as CopilotWindowProps,\n} from '@copilotkit/react-ui';\nimport { CopilotSidebar, useChatContext } from '@copilotkit/react-ui';\nimport type { ReactNode } from 'react';\nimport styled, { createGlobalStyle } from 'styled-components';\nimport {\n  AssistantMessageAdapter,\n  UserMessageAdapter,\n  InputAdapter,\n} from '../adapters';\nimport { Header } from '../Header/Header';\nimport { Messages } from '../Messages/Messages';\nimport { Window } from '../Window/Window';\n\n// Global styles to ensure sidebar starts hidden and button visibility\nconst GlobalSidebarStyles = createGlobalStyle`\n  /* Override CopilotKit's default positioning - start off-screen */\n  .copilotKitSidebar {\n    position: fixed !important;\n    right: -100vw !important;\n    bottom: 0 !important;\n    transition: right 0.3s ease !important;\n  }\n\n  /* Move sidebar container into view when expanded */\n  .copilotKitSidebarContentWrapper.sidebarExpanded .copilotKitSidebar {\n    right: 0 !important;\n  }\n\n  /* Mobile-first: Full viewport sidebar */\n  .copilotKitSidebar .copilotKitWindow {\n    /* Override CopilotKit defaults for mobile */\n    position: fixed !important;\n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    left: auto !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    max-width: 100vw !important;\n    max-height: 100vh !important;\n    margin: 0 !important;\n    border-radius: 0 !important;\n    z-index: 1001 !important;\n\n    /* Hidden by default - translateX(100%) moves it off-screen to the right */\n    transform: translateX(100%) !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n    opacity: 0 !important;\n    display: none !important;\n\n    /* Smooth slide transition */\n    transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease !important;\n  }\n\n  /* When window has .open class (CopilotKit's native class), show it */\n  .copilotKitSidebar .copilotKitWindow.open {\n    display: flex !important;\n    transform: translateX(0) !important;\n    visibility: visible !important;\n    pointer-events: auto !important;\n    opacity: 1 !important;\n  }\n\n  /* Desktop: Sidebar panel on the right (640px = CopilotKit's breakpoint) */\n  @media (min-width: 640px) {\n    .copilotKitSidebar .copilotKitWindow {\n      inset: auto !important;\n      top: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      left: auto !important;\n      width: 28rem !important;\n      height: 100vh !important;\n      max-width: 28rem !important;\n      max-height: 100vh !important;\n    }\n  }\n\n  /* Hide button when sidebar is open */\n  .copilotKitSidebarContentWrapper.sidebarExpanded {\n    button[aria-label=\"Open chat\"],\n    button[aria-label=\"Close chat\"] {\n      display: none !important;\n    }\n  }\n\n  /* Show button when sidebar is closed */\n  .copilotKitSidebarContentWrapper:not(.sidebarExpanded) {\n    button[aria-label=\"Open chat\"],\n    button[aria-label=\"Close chat\"] {\n      display: flex !important;\n    }\n  }\n`;\n\n// Styled button positioned in the bottom-right corner\nconst StyledChatButton = styled.button`\n  position: fixed;\n  bottom: 8px;\n  right: 8px;\n  width: 36px;\n  height: 36px;\n  border-radius: 18px;\n  border: none;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 1000;\n  transition: all 0.2s ease;\n\n  &:hover {\n    transform: scale(1.05);\n    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  svg {\n    width: 20px;\n    height: 20px;\n    fill: white;\n  }\n`;\n\nexport interface CustomCopilotSidebarProps {\n  children: ReactNode;\n  defaultOpen?: boolean;\n  onSetOpen?: (open: boolean) => void;\n  instructions?: string;\n  className?: string;\n}\n\n/**\n * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components\n *\n * This component wraps CopilotKit's CopilotSidebar and provides our custom\n * design system components for a consistent look and feel.\n *\n * @example\n * ```tsx\n * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>\n *   <YourApp />\n * </CustomCopilotSidebar>\n * ```\n */\nexport function CustomCopilotSidebar({\n  children,\n  defaultOpen = false,\n  onSetOpen,\n  instructions,\n  className,\n}: CustomCopilotSidebarProps) {\n  // Header adapter with close handler\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: This component must be defined here to access CopilotKit's ChatContext and the onSetOpen prop\n  const HeaderAdapterWithClose = (_props: CopilotHeaderProps) => {\n    const { setOpen } = useChatContext();\n\n    const handleClose = () => {\n      setOpen(false);\n      onSetOpen?.(false);\n    };\n\n    return (\n      <Header title=\"AI Assistant\" subtitle=\"How can I help you today?\" onClose={handleClose} />\n    );\n  };\n\n  // Window adapter - wraps our custom Window component\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: Simple adapter component\n  const WindowAdapterLocal = (props: CopilotWindowProps) => {\n    return <Window>{props.children}</Window>;\n  };\n\n  // Messages adapter - wraps our custom Messages component\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: Simple adapter component\n  const MessagesAdapter = (props: CopilotMessagesProps) => {\n    return (\n      <Messages>\n        {props.messages.map((message, index) => (\n          <props.RenderMessage\n            key={message.id || `message-${index}`}\n            message={message}\n            inProgress={props.inProgress}\n            index={index}\n            isCurrentMessage={index === props.messages.length - 1}\n          />\n        ))}\n      </Messages>\n    );\n  };\n\n  // Custom Button component that uses CopilotKit's ChatContext\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: This component must be defined here to access CopilotKit's ChatContext and the onSetOpen prop\n  const CustomButton = (_props: CopilotButtonProps) => {\n    const { open, setOpen } = useChatContext();\n\n    const handleClick = () => {\n      const newOpenState = !open;\n      setOpen(newOpenState);\n      onSetOpen?.(newOpenState);\n    };\n\n    return (\n      <StyledChatButton\n        onClick={handleClick}\n        aria-label={open ? 'Close chat' : 'Open chat'}\n        type=\"button\"\n      >\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          role=\"img\"\n          aria-label=\"Chat icon\"\n        >\n          <title>Chat</title>\n          <path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\" />\n        </svg>\n      </StyledChatButton>\n    );\n  };\n\n  return (\n    <>\n      <GlobalSidebarStyles />\n      <CopilotSidebar\n        // Pass through custom components via adapters\n        AssistantMessage={AssistantMessageAdapter}\n        UserMessage={UserMessageAdapter}\n        Input={InputAdapter}\n        Header={HeaderAdapterWithClose}\n        Window={WindowAdapterLocal}\n        Messages={MessagesAdapter}\n        Button={CustomButton}\n\n        // Configuration\n        instructions={instructions}\n        labels={{\n          title: 'AI Assistant',\n          initial: 'Hi! How can I help you today?',\n        }}\n\n        // Behavior\n        defaultOpen={defaultOpen}\n        clickOutsideToClose={true}\n        hitEscapeToClose={true}\n        onSetOpen={onSetOpen}\n\n        // Styling\n        className={className}\n      >\n        {children}\n      </CopilotSidebar>\n    </>\n  );\n}\n\nCustomCopilotSidebar.displayName = 'CustomCopilotSidebar';\n","/**\n * Complete CopilotSidebar Integration Example\n *\n * This file demonstrates how to integrate custom-designed components\n * (AssistantMessage, UserMessage, AssistantThinking, Input) with CopilotKit's\n * CopilotSidebar component using adapter components.\n *\n * Usage:\n * ```tsx\n * import { CopilotKit } from \"@copilotkit/react-core\";\n * import { CustomCopilotSidebar } from \"./CopilotSidebarIntegration\";\n *\n * function App() {\n *   return (\n *     <CopilotKit runtimeUrl=\"/api/copilotkit\">\n *       <CustomCopilotSidebar>\n *         <YourApp />\n *       </CustomCopilotSidebar>\n *     </CopilotKit>\n *   );\n * }\n * ```\n */\n\nimport type React from 'react';\nimport { CopilotSidebar, useChatContext } from '@copilotkit/react-ui';\nimport type {\n  ButtonProps as CopilotButtonProps,\n  HeaderProps as CopilotHeaderProps,\n  WindowProps as CopilotWindowProps,\n  MessagesProps as CopilotMessagesProps,\n} from '@copilotkit/react-ui';\nimport styled, { createGlobalStyle } from 'styled-components';\nimport {\n  AssistantMessageAdapter,\n  UserMessageAdapter,\n  InputAdapter,\n} from './adapters';\nimport { Header } from './Header/Header';\nimport { Window } from './Window/Window';\nimport { Messages } from './Messages/Messages';\n\n// Global styles to ensure sidebar starts hidden and button visibility\nconst GlobalSidebarStyles = createGlobalStyle`\n  /* Override CopilotKit's default positioning - start off-screen */\n  .copilotKitSidebar {\n    position: fixed !important;\n    right: -100vw !important;\n    bottom: 0 !important;\n    transition: right 0.3s ease !important;\n  }\n\n  /* Move sidebar container into view when expanded */\n  .copilotKitSidebarContentWrapper.sidebarExpanded .copilotKitSidebar {\n    right: 0 !important;\n  }\n\n  /* Mobile-first: Full viewport sidebar */\n  .copilotKitSidebar .copilotKitWindow {\n    position: fixed !important;\n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    left: auto !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    max-width: 100vw !important;\n    max-height: 100vh !important;\n    margin: 0 !important;\n    border-radius: 0 !important;\n    z-index: 1001 !important;\n\n    transform: translateX(100%) !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n    opacity: 0 !important;\n    display: none !important;\n\n    transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease !important;\n  }\n\n  /* When window has .open class (CopilotKit's native class), show it */\n  .copilotKitSidebar .copilotKitWindow.open {\n    display: flex !important;\n    transform: translateX(0) !important;\n    visibility: visible !important;\n    pointer-events: auto !important;\n    opacity: 1 !important;\n  }\n\n  /* Desktop: Sidebar panel on the right (640px = CopilotKit's breakpoint) */\n  @media (min-width: 640px) {\n    .copilotKitSidebar .copilotKitWindow {\n      inset: auto !important;\n      top: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      left: auto !important;\n      width: 28rem !important;\n      height: 100vh !important;\n      max-width: 28rem !important;\n      max-height: 100vh !important;\n    }\n  }\n\n  /* Hide button when sidebar is open */\n  .copilotKitSidebarContentWrapper.sidebarExpanded {\n    button[aria-label=\"Open chat\"],\n    button[aria-label=\"Close chat\"] {\n      display: none !important;\n    }\n  }\n\n  /* Show button when sidebar is closed */\n  .copilotKitSidebarContentWrapper:not(.sidebarExpanded) {\n    button[aria-label=\"Open chat\"],\n    button[aria-label=\"Close chat\"] {\n      display: flex !important;\n    }\n  }\n\n  /* Override CopilotKit's default message styles with our custom components */\n  .copilotKitSidebar {\n    /* Reset all default CopilotKit message styling */\n    [class*=\"copilotKitMessage\"],\n    [class*=\"Message-module\"] {\n      all: unset !important;\n      display: contents !important;\n    }\n\n    /* Ensure our custom UserMessage gradient pill shows through */\n    button[role=\"presentation\"] {\n      all: revert !important;\n      display: inline-flex !important;\n    }\n\n    /* Reset input styles to allow our custom ChatInput */\n    [class*=\"Input-module\"],\n    [class*=\"copilotKitInput\"] {\n      all: unset !important;\n      display: contents !important;\n    }\n\n    /* Reset header styles */\n    [class*=\"Header-module\"],\n    [class*=\"copilotKitHeader\"] {\n      all: unset !important;\n      display: contents !important;\n    }\n  }\n`;\n\n// Styled button positioned in the bottom-right corner\nconst StyledChatButton = styled.button`\n  position: fixed;\n  bottom: 8px;\n  right: 8px;\n  width: 36px;\n  height: 36px;\n  border-radius: 18px;\n  border: none;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 1000;\n  transition: all 0.2s ease;\n\n  &:hover {\n    transform: scale(1.05);\n    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  svg {\n    width: 20px;\n    height: 20px;\n    fill: white;\n  }\n`;\n\nexport interface CustomCopilotSidebarProps {\n  /**\n   * Children to render alongside the sidebar\n   */\n  children?: React.ReactNode;\n  /**\n   * Instructions for the AI assistant\n   */\n  instructions?: string;\n  /**\n   * Custom labels for the UI\n   */\n  labels?: Record<string, string>;\n  /**\n   * Custom icons for the UI\n   */\n  icons?: Record<string, React.ReactNode>;\n  /**\n   * Whether the sidebar should be open by default\n   */\n  defaultOpen?: boolean;\n  /**\n   * Whether clicking outside should close the sidebar\n   */\n  clickOutsideToClose?: boolean;\n  /**\n   * Whether hitting escape should close the sidebar\n   */\n  hitEscapeToClose?: boolean;\n  /**\n   * Keyboard shortcut to open the sidebar\n   */\n  shortcut?: string;\n  /**\n   * Callback when the sidebar open state changes\n   */\n  onSetOpen?: (open: boolean) => void;\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n}\n\n/**\n * CopilotSidebar with custom-designed components\n *\n * This component wraps CopilotKit's CopilotSidebar and injects our\n * custom components via adapter components.\n *\n * Features:\n * - Custom AssistantMessage with avatar and loading states\n * - AssistantThinking component shown during loading\n * - Custom UserMessage with gradient pill design\n * - Custom Input with React ARIA accessibility\n * - Styled chat button with gradient\n */\nexport const CustomCopilotSidebar: React.FC<CustomCopilotSidebarProps> = ({\n  children,\n  instructions = \"You are a helpful AI assistant.\",\n  labels,\n  icons,\n  defaultOpen = false,\n  clickOutsideToClose = true,\n  hitEscapeToClose = true,\n  shortcut = '/',\n  onSetOpen,\n  className,\n}) => {\n  // Header adapter with close handler\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: This component must be defined here to access CopilotKit's ChatContext and the onSetOpen prop\n  const HeaderAdapter = (_props: CopilotHeaderProps) => {\n    const { setOpen } = useChatContext();\n\n    const handleClose = () => {\n      setOpen(false);\n      onSetOpen?.(false);\n    };\n\n    return (\n      <Header title=\"AI Assistant\" subtitle=\"How can I help you today?\" onClose={handleClose} />\n    );\n  };\n\n  // Window adapter - wraps our custom Window component\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: Simple adapter component\n  const WindowAdapter = (props: CopilotWindowProps) => {\n    return <Window>{props.children}</Window>;\n  };\n\n  // Messages adapter - wraps our custom Messages component\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: Simple adapter component\n  const MessagesAdapter = (props: CopilotMessagesProps) => {\n    return (\n      <Messages>\n        {props.messages.map((message, index) => (\n          <props.RenderMessage\n            key={message.id || `message-${index}`}\n            message={message}\n            inProgress={props.inProgress}\n            index={index}\n            isCurrentMessage={index === props.messages.length - 1}\n          />\n        ))}\n      </Messages>\n    );\n  };\n\n  // Custom Button component that uses CopilotKit's ChatContext\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: This component must be defined here to access CopilotKit's ChatContext and the onSetOpen prop\n  const CustomButton = (_props: CopilotButtonProps) => {\n    const { open, setOpen } = useChatContext();\n\n    const handleClick = () => {\n      const newOpenState = !open;\n      setOpen(newOpenState);\n      onSetOpen?.(newOpenState);\n    };\n\n    return (\n      <StyledChatButton\n        onClick={handleClick}\n        aria-label={open ? 'Close chat' : 'Open chat'}\n        type=\"button\"\n      >\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          role=\"img\"\n          aria-label=\"Chat icon\"\n        >\n          <title>Chat</title>\n          <path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\" />\n        </svg>\n      </StyledChatButton>\n    );\n  };\n\n  return (\n    <>\n      <GlobalSidebarStyles />\n      <CopilotSidebar\n        // Pass through custom components via adapters\n        AssistantMessage={AssistantMessageAdapter}\n        UserMessage={UserMessageAdapter}\n        Input={InputAdapter}\n        Header={HeaderAdapter}\n        Window={WindowAdapter}\n        Messages={MessagesAdapter}\n        Button={CustomButton}\n\n        // Configuration\n        instructions={instructions}\n        labels={{\n          title: \"AI Assistant\",\n          initial: \"Hi! How can I help you today?\",\n          ...labels,\n        }}\n        icons={icons}\n\n        // Behavior\n        defaultOpen={defaultOpen}\n        clickOutsideToClose={clickOutsideToClose}\n        hitEscapeToClose={hitEscapeToClose}\n        shortcut={shortcut}\n        onSetOpen={onSetOpen}\n\n        // Styling\n        className={className}\n      >\n        {children}\n      </CopilotSidebar>\n    </>\n  );\n};\n\nCustomCopilotSidebar.displayName = 'CustomCopilotSidebar';\n"]}