@agentiffai/design 0.1.0

package/dist/copilotkit/index.js

@@ -0,0 +1,538 @@
+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 { 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,
+  isLoading,
+  isGenerating
+  // These are available but not used in our current implementation:
+  // isCurrentMessage,
+  // onRegenerate,
+  // onCopy,
+  // onThumbsUp,
+  // onThumbsDown,
+  // markdownTagRenderers,
+  // ImageRenderer,
+}) => {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(AssistantThinking, { message: "Thinking..." });
+  }
+  if (isGenerating && !message?.content) {
+    return /* @__PURE__ */ jsx(AssistantThinking, { message: "Generating response..." });
+  }
+  const content = message?.content || "";
+  const attachments = [];
+  return /* @__PURE__ */ jsx(
+    AssistantMessage,
+    {
+      content,
+      avatarInitials: "AI",
+      isLoading: isGenerating,
+      attachments,
+      enableMarkdown: true
+    }
+  );
+};
+AssistantMessageAdapter.displayName = "AssistantMessageAdapter";
+var InputAdapter = ({
+  inProgress,
+  onSend,
+  isVisible = true
+}) => {
+  const [value, setValue] = useState("");
+  const handleSubmit = async (message) => {
+    if (!message.trim() || inProgress) return;
+    await onSend(message);
+    setValue("");
+  };
+  return /* @__PURE__ */ jsx(
+    ChatInput,
+    {
+      value,
+      onChange: setValue,
+      onSubmit: handleSubmit,
+      placeholder: "Ask, write or search for anything...",
+      isDisabled: inProgress,
+      autoFocus: isVisible,
+      "aria-label": "Chat message input",
+      suggestions: [
+        { text: "Create in-depth analysis" },
+        { text: "Identify actionable tasks" },
+        { text: "Summarize key points" }
+      ],
+      onSuggestionSelect: (suggestion) => {
+        setValue(suggestion);
+        handleSubmit(suggestion);
+      }
+    }
+  );
+};
+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 {
+    position: fixed !important;
+    right: -100vw !important;
+    bottom: 0 !important;
+    transition: right 0.3s ease !important;
+  }
+
+  /* Move sidebar container into view when expanded */
+  .copilotKitSidebarContentWrapper.sidebarExpanded .copilotKitSidebar {
+    right: 0 !important;
+  }
+
+  /* Mobile-first: Full viewport sidebar */
+  .copilotKitSidebar .copilotKitWindow {
+    position: fixed !important;
+    top: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    left: auto !important;
+    width: 100vw !important;
+    height: 100vh !important;
+    max-width: 100vw !important;
+    max-height: 100vh !important;
+    margin: 0 !important;
+    border-radius: 0 !important;
+    z-index: 1001 !important;
+
+    transform: translateX(100%) !important;
+    visibility: hidden !important;
+    pointer-events: none !important;
+    opacity: 0 !important;
+    display: none !important;
+
+    transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease !important;
+  }
+
+  /* When window has .open class (CopilotKit's native class), show it */
+  .copilotKitSidebar .copilotKitWindow.open {
+    display: flex !important;
+    transform: translateX(0) !important;
+    visibility: visible !important;
+    pointer-events: auto !important;
+    opacity: 1 !important;
+  }
+
+  /* Desktop: Sidebar panel on the right (640px = CopilotKit's breakpoint) */
+  @media (min-width: 640px) {
+    .copilotKitSidebar .copilotKitWindow {
+      inset: auto !important;
+      top: 0 !important;
+      right: 0 !important;
+      bottom: 0 !important;
+      left: auto !important;
+      width: 28rem !important;
+      height: 100vh !important;
+      max-width: 28rem !important;
+      max-height: 100vh !important;
+    }
+  }
+
+  /* Hide button when sidebar is open */
+  .copilotKitSidebarContentWrapper.sidebarExpanded {
+    button[aria-label="Open chat"],
+    button[aria-label="Close chat"] {
+      display: none !important;
+    }
+  }
+
+  /* Show button when sidebar is closed */
+  .copilotKitSidebarContentWrapper:not(.sidebarExpanded) {
+    button[aria-label="Open chat"],
+    button[aria-label="Close chat"] {
+      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;
+  bottom: 8px;
+  right: 8px;
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+  border: none;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 1000;
+  transition: all 0.2s ease;
+
+  &:hover {
+    transform: scale(1.05);
+    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);
+  }
+
+  &:active {
+    transform: scale(0.95);
+  }
+
+  svg {
+    width: 20px;
+    height: 20px;
+    fill: white;
+  }
+`;
+var CustomCopilotSidebar = ({
+  children,
+  instructions = "You are a helpful AI assistant.",
+  labels,
+  icons,
+  defaultOpen = false,
+  clickOutsideToClose = true,
+  hitEscapeToClose = true,
+  shortcut = "/",
+  onSetOpen,
+  className,
+  ...props
+}) => {
+  const HeaderAdapter = (_props) => {
+    const { setOpen } = useChatContext();
+    const handleClose = () => {
+      setOpen(false);
+      onSetOpen?.(false);
+    };
+    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 MessagesAdapter = (props2) => {
+    return /* @__PURE__ */ jsx(Messages, { children: props2.messages.map((message, index) => /* @__PURE__ */ jsx(
+      props2.RenderMessage,
+      {
+        message,
+        inProgress: props2.inProgress,
+        index,
+        isCurrentMessage: index === props2.messages.length - 1
+      },
+      message.id || `message-${index}`
+    )) });
+  };
+  const CustomButton = (_props) => {
+    const { open, setOpen } = useChatContext();
+    const handleClick = () => {
+      const newOpenState = !open;
+      setOpen(newOpenState);
+      onSetOpen?.(newOpenState);
+    };
+    return /* @__PURE__ */ jsx(
+      StyledChatButton,
+      {
+        onClick: handleClick,
+        "aria-label": open ? "Close chat" : "Open chat",
+        type: "button",
+        children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            fill: "currentColor",
+            xmlns: "http://www.w3.org/2000/svg",
+            role: "img",
+            "aria-label": "Chat icon",
+            children: [
+              /* @__PURE__ */ jsx("title", { children: "Chat" }),
+              /* @__PURE__ */ jsx("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" })
+            ]
+          }
+        )
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(GlobalSidebarStyles, {}),
+    /* @__PURE__ */ jsx(
+      CopilotSidebar,
+      {
+        AssistantMessage: AssistantMessageAdapter,
+        UserMessage: UserMessageAdapter,
+        Input: InputAdapter,
+        Header: HeaderAdapter,
+        Window: WindowAdapter,
+        Messages: MessagesAdapter,
+        Button: CustomButton,
+        instructions,
+        labels: {
+          title: "AI Assistant",
+          initial: "Hi! How can I help you today?",
+          ...labels
+        },
+        icons,
+        defaultOpen,
+        clickOutsideToClose,
+        hitEscapeToClose,
+        shortcut,
+        onSetOpen,
+        className,
+        ...props,
+        children
+      }
+    )
+  ] });
+};
+CustomCopilotSidebar.displayName = "CustomCopilotSidebar";
+var GlobalSidebarStyles2 = createGlobalStyle`
+  /* Override CopilotKit's default positioning - start off-screen */
+  .copilotKitSidebar {
+    position: fixed !important;
+    right: -100vw !important;
+    bottom: 0 !important;
+    transition: right 0.3s ease !important;
+  }
+
+  /* Move sidebar container into view when expanded */
+  .copilotKitSidebarContentWrapper.sidebarExpanded .copilotKitSidebar {
+    right: 0 !important;
+  }
+
+  /* Mobile-first: Full viewport sidebar */
+  .copilotKitSidebar .copilotKitWindow {
+    /* Override CopilotKit defaults for mobile */
+    position: fixed !important;
+    top: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    left: auto !important;
+    width: 100vw !important;
+    height: 100vh !important;
+    max-width: 100vw !important;
+    max-height: 100vh !important;
+    margin: 0 !important;
+    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;
+  }
+
+  /* When window has .open class (CopilotKit's native class), show it */
+  .copilotKitSidebar .copilotKitWindow.open {
+    display: flex !important;
+    transform: translateX(0) !important;
+    visibility: visible !important;
+    pointer-events: auto !important;
+    opacity: 1 !important;
+  }
+
+  /* Desktop: Sidebar panel on the right (640px = CopilotKit's breakpoint) */
+  @media (min-width: 640px) {
+    .copilotKitSidebar .copilotKitWindow {
+      inset: auto !important;
+      top: 0 !important;
+      right: 0 !important;
+      bottom: 0 !important;
+      left: auto !important;
+      width: 28rem !important;
+      height: 100vh !important;
+      max-width: 28rem !important;
+      max-height: 100vh !important;
+    }
+  }
+
+  /* Hide button when sidebar is open */
+  .copilotKitSidebarContentWrapper.sidebarExpanded {
+    button[aria-label="Open chat"],
+    button[aria-label="Close chat"] {
+      display: none !important;
+    }
+  }
+
+  /* Show button when sidebar is closed */
+  .copilotKitSidebarContentWrapper:not(.sidebarExpanded) {
+    button[aria-label="Open chat"],
+    button[aria-label="Close chat"] {
+      display: flex !important;
+    }
+  }
+`;
+var StyledChatButton2 = styled.button`
+  position: fixed;
+  bottom: 8px;
+  right: 8px;
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+  border: none;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 1000;
+  transition: all 0.2s ease;
+
+  &:hover {
+    transform: scale(1.05);
+    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);
+  }
+
+  &:active {
+    transform: scale(0.95);
+  }
+
+  svg {
+    width: 20px;
+    height: 20px;
+    fill: white;
+  }
+`;
+function CustomCopilotSidebar2({
+  children,
+  defaultOpen = false,
+  onSetOpen,
+  instructions,
+  className
+}) {
+  const HeaderAdapterWithClose = (_props) => {
+    const { setOpen } = useChatContext();
+    const handleClose = () => {
+      setOpen(false);
+      onSetOpen?.(false);
+    };
+    return /* @__PURE__ */ jsx(Header, { title: "AI Assistant", subtitle: "How can I help you today?", onClose: handleClose });
+  };
+  const WindowAdapterLocal = (props) => {
+    return /* @__PURE__ */ jsx(Window, { children: props.children });
+  };
+  const MessagesAdapter = (props) => {
+    return /* @__PURE__ */ jsx(Messages, { children: props.messages.map((message, index) => /* @__PURE__ */ jsx(
+      props.RenderMessage,
+      {
+        message,
+        inProgress: props.inProgress,
+        index,
+        isCurrentMessage: index === props.messages.length - 1
+      },
+      message.id || `message-${index}`
+    )) });
+  };
+  const CustomButton = (_props) => {
+    const { open, setOpen } = useChatContext();
+    const handleClick = () => {
+      const newOpenState = !open;
+      setOpen(newOpenState);
+      onSetOpen?.(newOpenState);
+    };
+    return /* @__PURE__ */ jsx(
+      StyledChatButton2,
+      {
+        onClick: handleClick,
+        "aria-label": open ? "Close chat" : "Open chat",
+        type: "button",
+        children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            fill: "currentColor",
+            xmlns: "http://www.w3.org/2000/svg",
+            role: "img",
+            "aria-label": "Chat icon",
+            children: [
+              /* @__PURE__ */ jsx("title", { children: "Chat" }),
+              /* @__PURE__ */ jsx("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" })
+            ]
+          }
+        )
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(GlobalSidebarStyles2, {}),
+    /* @__PURE__ */ jsx(
+      CopilotSidebar,
+      {
+        AssistantMessage: AssistantMessageAdapter,
+        UserMessage: UserMessageAdapter,
+        Input: InputAdapter,
+        Header: HeaderAdapterWithClose,
+        Window: WindowAdapterLocal,
+        Messages: MessagesAdapter,
+        Button: CustomButton,
+        instructions,
+        labels: {
+          title: "AI Assistant",
+          initial: "Hi! How can I help you today?"
+        },
+        defaultOpen,
+        clickOutsideToClose: true,
+        hitEscapeToClose: true,
+        onSetOpen,
+        className,
+        children
+      }
+    )
+  ] });
+}
+CustomCopilotSidebar2.displayName = "CustomCopilotSidebar";
+
+export { AssistantMessageAdapter, CustomCopilotSidebar2 as CustomCopilotSidebar, InputAdapter, CustomCopilotSidebar as IntegratedSidebar, UserMessageAdapter };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/copilotkit/index.js.map

@@ -0,0 +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"]}

package/dist/icons/index.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var chunkH4VHCHCP_cjs = require('../chunk-H4VHCHCP.cjs');
+
+
+
+Object.defineProperty(exports, "FacebookIcon", {
+  enumerable: true,
+  get: function () { return chunkH4VHCHCP_cjs.FacebookIcon; }
+});
+Object.defineProperty(exports, "GmailIcon", {
+  enumerable: true,
+  get: function () { return chunkH4VHCHCP_cjs.GmailIcon; }
+});
+Object.defineProperty(exports, "InstagramIcon", {
+  enumerable: true,
+  get: function () { return chunkH4VHCHCP_cjs.InstagramIcon; }
+});
+Object.defineProperty(exports, "LinkedInIcon", {
+  enumerable: true,
+  get: function () { return chunkH4VHCHCP_cjs.LinkedInIcon; }
+});
+Object.defineProperty(exports, "RedditIcon", {
+  enumerable: true,
+  get: function () { return chunkH4VHCHCP_cjs.RedditIcon; }
+});
+Object.defineProperty(exports, "SlackIcon", {
+  enumerable: true,
+  get: function () { return chunkH4VHCHCP_cjs.SlackIcon; }
+});
+Object.defineProperty(exports, "TelegramIcon", {
+  enumerable: true,
+  get: function () { return chunkH4VHCHCP_cjs.TelegramIcon; }
+});
+Object.defineProperty(exports, "WhatsAppIcon", {
+  enumerable: true,
+  get: function () { return chunkH4VHCHCP_cjs.WhatsAppIcon; }
+});
+Object.defineProperty(exports, "XIcon", {
+  enumerable: true,
+  get: function () { return chunkH4VHCHCP_cjs.XIcon; }
+});
+Object.defineProperty(exports, "YouTubeIcon", {
+  enumerable: true,
+  get: function () { return chunkH4VHCHCP_cjs.YouTubeIcon; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/icons/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}