@copilotkit/react-ui 1.1.3-feat-runtime-remote-actions.2 → 1.2.1

package/src/components/chat/Chat.tsx

@@ -17,7 +17,6 @@
  *
  * ```tsx
  * import { CopilotChat } from "@copilotkit/react-ui";
- * import "@copilotkit/react-ui/styles.css";
  *
  * <CopilotChat
  *   labels={{
@@ -30,10 +29,8 @@
  * ### Look & Feel
  *
  * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
- * ```tsx fileName="YourRootComponent.tsx" {2}
+ * ```tsx fileName="YourRootComponent.tsx"
  * ...
- * import "@copilotkit/react-ui/styles.css";
- *
  * export function YourRootComponent() {
  *   return (
  *     <CopilotKit>
@@ -230,7 +227,7 @@ const SUGGESTIONS_DEBOUNCE_TIMEOUT = 1000;
 export const useCopilotChatLogic = (
   makeSystemMessage?: SystemMessageFunction,
   onInProgress?: (isLoading: boolean) => void,
-  onSubmitMessage?: (messageContent: string) => Promise<void> | void,
+  onSubmitMessage?: (messageContent: string) => void,
 ) => {
   const { visibleMessages, appendMessage, reloadMessages, stopGeneration, isLoading } =
     useCopilotChat({

package/src/components/chat/Messages.tsx

@@ -10,9 +10,7 @@ import {
   ResultMessage,
   TextMessage,
   Role,
-  AgentStateMessage,
 } from "@copilotkit/runtime-client-gql";
-import { CoagentInChatRenderFunction } from "@copilotkit/react-core/dist/context/copilot-context";
 
 export const Messages = ({ messages, inProgress, children }: MessagesProps) => {
   const { chatComponentsCache } = useCopilotContext();
@@ -75,11 +73,8 @@ export const Messages = ({ messages, inProgress, children }: MessagesProps) => {
             </div>
           );
         } else if (message instanceof ActionExecutionMessage) {
-          if (
-            chatComponentsCache.current !== null &&
-            chatComponentsCache.current.actions[message.name]
-          ) {
-            const render = chatComponentsCache.current.actions[message.name];
+          if (chatComponentsCache.current !== null && chatComponentsCache.current[message.name]) {
+            const render = chatComponentsCache.current[message.name];
             // render a static string
             if (typeof render === "string") {
               // when render is static, we show it only when in progress
@@ -145,82 +140,6 @@ export const Messages = ({ messages, inProgress, children }: MessagesProps) => {
               </div>
             );
           }
-        } else if (message instanceof AgentStateMessage) {
-          let render: string | CoagentInChatRenderFunction | undefined;
-
-          if (chatComponentsCache.current !== null) {
-            render =
-              chatComponentsCache.current.coagentActions[
-                `${message.agentName}-${message.nodeName}`
-              ] || chatComponentsCache.current.coagentActions[`${message.agentName}-global`];
-          }
-
-          if (render) {
-            // render a static string
-            if (typeof render === "string") {
-              // when render is static, we show it only when in progress
-              if (isCurrentMessage && inProgress) {
-                return (
-                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>
-                    {context.icons.spinnerIcon} <span className="inProgressLabel">{render}</span>
-                  </div>
-                );
-              }
-              // Done - silent by default to avoid a series of "done" messages
-              else {
-                return null;
-              }
-            }
-            // render is a function
-            else {
-              const state = message.state;
-
-              let status = message.active ? "inProgress" : "complete";
-
-              const toRender = render({
-                status: status as any,
-                state,
-                nodeName: message.nodeName,
-              });
-
-              // No result and complete: stay silent
-              if (!toRender && status === "complete") {
-                return null;
-              }
-
-              if (typeof toRender === "string") {
-                return (
-                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>
-                    {isCurrentMessage && inProgress && context.icons.spinnerIcon} {toRender}
-                  </div>
-                );
-              } else {
-                return (
-                  <div key={index} className="copilotKitCustomAssistantMessage">
-                    {toRender}
-                  </div>
-                );
-              }
-            }
-          }
-          // No render function found- show the default message
-          else if (!inProgress || !isCurrentMessage) {
-            // Done - silent by default to avoid a series of "done" messages
-            return null;
-          } else {
-            // In progress
-            return (
-              <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>
-                {context.icons.spinnerIcon}
-              </div>
-            );
-          }
-        } else if (message instanceof ResultMessage && inProgress && isCurrentMessage) {
-          return (
-            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>
-              {context.icons.spinnerIcon}
-            </div>
-          );
         }
       })}
       <footer ref={messagesEndRef}>{children}</footer>

package/src/components/chat/Modal.tsx

@@ -81,6 +81,7 @@ export const CopilotModal = ({
   const [openState, setOpenState] = React.useState(defaultOpen);
 
   const setOpen = (open: boolean) => {
+    console.log("setOpen!!", open);
     onSetOpen?.(open);
     setOpenState(open);
   };

package/src/components/chat/Popup.tsx

@@ -18,7 +18,6 @@
  *
  * ```tsx
  * import { CopilotPopup } from "@copilotkit/react-ui";
- * import "@copilotkit/react-ui/styles.css";
  *
  * <CopilotPopup
  *   labels={{
@@ -31,10 +30,8 @@
  * ### Look & Feel
  *
  * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
- * ```tsx fileName="YourRootComponent.tsx" {2}
+ * ```tsx fileName="YourRootComponent.tsx"
  * ...
- * import "@copilotkit/react-ui/styles.css";
- *
  * export function YourRootComponent() {
  *   return (
  *     <CopilotKit>

package/src/components/chat/Sidebar.tsx

@@ -18,7 +18,6 @@
  *
  * ```tsx
  * import { CopilotSidebar } from "@copilotkit/react-ui";
- * import "@copilotkit/react-ui/styles.css";
  *
  * <CopilotSidebar
  *   labels={{
@@ -33,9 +32,8 @@
  * ### Look & Feel
  *
  * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
- * ```tsx fileName="YourRootComponent.tsx" {2}
+ * ```tsx fileName="YourRootComponent.tsx"
  * ...
- * import "@copilotkit/react-ui/styles.css";
  *
  * export function YourRootComponent() {
  *   return (
@@ -60,6 +58,7 @@ export function CopilotSidebar(props: CopilotModalProps) {
   );
 
   const onSetOpen = (open: boolean) => {
+    console.log("onSetOpen", open);
     props.onSetOpen?.(open);
     setExpandedClassName(open ? "sidebarExpanded" : "");
   };

package/src/components/chat/Suggestion.tsx

@@ -2,7 +2,6 @@ import {
   CopilotContextParams,
   extract,
   CopilotChatSuggestionConfiguration,
-  useCopilotContext,
 } from "@copilotkit/react-core";
 import { SuggestionsProps } from "./props";
 import { SmallSpinnerIcon } from "./Icons";
@@ -51,7 +50,6 @@ export const reloadSuggestions = async (
           ? `Produce up to ${config.maxSuggestions} suggestions. ` +
             `If there are no highly relevant suggestions you can think of, provide an empty array.`
           : `Produce between ${config.minSuggestions} and ${config.maxSuggestions} suggestions.`;
-
       const result = await extract({
         context,
         instructions:

package/src/components/dev-console/console.tsx

@@ -4,7 +4,6 @@ import { useCopilotContext } from "@copilotkit/react-core";
 import {
   getPublishedCopilotKitVersion,
   logActions,
-  logMessages,
   logReadables,
   shouldShowDevConsole,
 } from "./utils";
@@ -251,11 +250,6 @@ export default function DebugMenuButton({
               Log Actions
             </button>
           </MenuItem>
-          <MenuItem>
-            <button className="copilotKitDebugMenuItem" onClick={() => logMessages(context)}>
-              Log Messages
-            </button>
-          </MenuItem>
           <MenuItem>
             <button className="copilotKitDebugMenuItem" onClick={() => checkForUpdates(true)}>
               Check for Updates

package/src/components/dev-console/utils.ts

@@ -1,7 +1,5 @@
 import { CopilotContextParams, defaultCopilotContextCategories } from "@copilotkit/react-core";
 import { CopilotKitVersion } from "./types";
-import { ActionExecutionMessage, ResultMessage, TextMessage } from "@copilotkit/runtime-client-gql";
-import { AgentStateMessage } from "@copilotkit/runtime-client-gql";
 
 export function shouldShowDevConsole(showDevConsole: boolean | "auto"): boolean {
   if (typeof showDevConsole === "boolean") {
@@ -80,8 +78,6 @@ export async function getPublishedCopilotKitVersion(
 }
 
 export function logReadables(context: CopilotContextParams) {
-  console.log("%cCurrent Readables:", "font-size: 16px; font-weight: bold;");
-
   const readables = context.getContextString([], defaultCopilotContextCategories).trim();
   if (readables.length === 0) {
     console.log("No readables found");
@@ -91,8 +87,6 @@ export function logReadables(context: CopilotContextParams) {
 }
 
 export function logActions(context: CopilotContextParams) {
-  console.log("%cCurrent Actions:", "font-size: 16px; font-weight: bold;");
-
   if (Object.values(context.actions).length === 0) {
     console.log("No actions found");
     return;
@@ -106,53 +100,3 @@ export function logActions(context: CopilotContextParams) {
     console.groupEnd();
   }
 }
-
-export function logMessages(context: CopilotContextParams) {
-  console.log("%cCurrent Messages:", "font-size: 16px; font-weight: bold;");
-
-  if (context.messages.length === 0) {
-    console.log("No messages found");
-    return;
-  }
-
-  const tableData = context.messages.map((message) => {
-    if (message instanceof TextMessage) {
-      return {
-        id: message.id,
-        type: "TextMessage",
-        role: message.role,
-        name: undefined,
-        scope: undefined,
-        content: message.content,
-      };
-    } else if (message instanceof ActionExecutionMessage) {
-      return {
-        id: message.id,
-        type: "ActionExecutionMessage",
-        role: undefined,
-        name: message.name,
-        scope: message.scope,
-        content: message.arguments,
-      };
-    } else if (message instanceof ResultMessage) {
-      return {
-        id: message.id,
-        type: "ResultMessage",
-        role: undefined,
-        name: message.actionName,
-        scope: message.actionExecutionId,
-        content: message.result,
-      };
-    } else if (message instanceof AgentStateMessage) {
-      return {
-        id: message.id,
-        type: `AgentStateMessage (running: ${message.running})`,
-        role: message.role,
-        name: undefined,
-        scope: message.threadId,
-        content: message.state,
-      };
-    }
-  });
-  console.table(tableData);
-}

package/tsup.config.ts

@@ -1,16 +1,60 @@
-import { defineConfig, Options } from "tsup";
+import { defineConfig, Options } from "tsup-async-inject-style";
+import fs from "fs";
+import path from "path";
+import postcss from "postcss";
+import autoprefixer from "autoprefixer";
+import tailwindcss from "tailwindcss";
+import cssnano from "cssnano";
+import postcssImport from "postcss-import";
+import postcssNested from "postcss-nested";
 
-export default defineConfig((options: Options) => ({
-  entry: ["src/**/*.{ts,tsx}"],
-  format: ["esm", "cjs"],
-  dts: true,
-  minify: false,
-  external: ["react"],
-  sourcemap: true,
-  exclude: [
-    "**/*.test.ts", // Exclude TypeScript test files
-    "**/*.test.tsx", // Exclude TypeScript React test files
-    "**/__tests__/*", // Exclude any files inside a __tests__ directory
-  ],
-  ...options,
-}));
+export default defineConfig((options: Options) => {
+  return {
+    entry: ["src/**/*.ts", "src/**/*.tsx"],
+    format: ["esm", "cjs"],
+    dts: true,
+    minify: false,
+    external: ["react"],
+    splitting: false,
+    clean: true,
+    sourcemap: true,
+    exclude: [
+      "**/*.test.ts", // Exclude TypeScript test files
+      "**/*.test.tsx", // Exclude TypeScript React test files
+      "**/__tests__/*", // Exclude any files inside a __tests__ directory
+    ],
+    onSuccess: async () => {
+      // Create index.css file for backwards compatibility
+      fs.writeFileSync(
+        path.resolve(process.cwd(), "dist/index.css"),
+        `/* This is here for backwards compatibility */`,
+      );
+    },
+    injectStyle: async (_, filePath) => {
+      const cwd = process.cwd();
+      const outputPath = path.resolve(cwd, "dist/index.css");
+      const rawCSS = fs.readFileSync(filePath, "utf8");
+
+      const resultCSS = await postcss([
+        postcssImport(),
+        postcssNested(),
+        tailwindcss,
+        autoprefixer,
+        cssnano({ preset: "default" }),
+      ]).process(rawCSS, { from: filePath, to: outputPath });
+
+      if (resultCSS.css === undefined) {
+        throw new Error("No CSS output");
+      }
+
+      return `
+        if (globalThis.hasOwnProperty("document")) {
+          const style = document?.createElement("style");
+          style.innerHTML = '${resultCSS}';
+          document?.head.appendChild(style);
+        }
+      `;
+    },
+    ...options,
+  };
+});

package/dist/chunk-54JAUBUJ.mjs

@@ -1,26 +0,0 @@
-// src/hooks/use-copy-to-clipboard.tsx
-import * as React from "react";
-function useCopyToClipboard({ timeout = 2e3 }) {
-  const [isCopied, setIsCopied] = React.useState(false);
-  const copyToClipboard = (value) => {
-    var _a;
-    if (typeof window === "undefined" || !((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
-      return;
-    }
-    if (!value) {
-      return;
-    }
-    navigator.clipboard.writeText(value).then(() => {
-      setIsCopied(true);
-      setTimeout(() => {
-        setIsCopied(false);
-      }, timeout);
-    });
-  };
-  return { isCopied, copyToClipboard };
-}
-
-export {
-  useCopyToClipboard
-};
-//# sourceMappingURL=chunk-54JAUBUJ.mjs.map

package/dist/chunk-54JAUBUJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-copy-to-clipboard.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface useCopyToClipboardProps {\n  timeout?: number;\n}\n\nexport function useCopyToClipboard({ timeout = 2000 }: useCopyToClipboardProps) {\n  const [isCopied, setIsCopied] = React.useState<Boolean>(false);\n\n  const copyToClipboard = (value: string) => {\n    if (typeof window === \"undefined\" || !navigator.clipboard?.writeText) {\n      return;\n    }\n\n    if (!value) {\n      return;\n    }\n\n    navigator.clipboard.writeText(value).then(() => {\n      setIsCopied(true);\n\n      setTimeout(() => {\n        setIsCopied(false);\n      }, timeout);\n    });\n  };\n\n  return { isCopied, copyToClipboard };\n}\n"],"mappings":";AAAA,YAAY,WAAW;AAMhB,SAAS,mBAAmB,EAAE,UAAU,IAAK,GAA4B;AAC9E,QAAM,CAAC,UAAU,WAAW,IAAU,eAAkB,KAAK;AAE7D,QAAM,kBAAkB,CAAC,UAAkB;AAT7C;AAUI,QAAI,OAAO,WAAW,eAAe,GAAC,eAAU,cAAV,mBAAqB,YAAW;AACpE;AAAA,IACF;AAEA,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AAEA,cAAU,UAAU,UAAU,KAAK,EAAE,KAAK,MAAM;AAC9C,kBAAY,IAAI;AAEhB,iBAAW,MAAM;AACf,oBAAY,KAAK;AAAA,MACnB,GAAG,OAAO;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,SAAO,EAAE,UAAU,gBAAgB;AACrC;","names":[]}

package/dist/chunk-5HHVL5WK.mjs

@@ -1,29 +0,0 @@
-// src/hooks/use-copilot-chat-suggestions.tsx
-import { useEffect } from "react";
-import { useCopilotContext } from "@copilotkit/react-core";
-import { randomId } from "@copilotkit/shared";
-function useCopilotChatSuggestions({
-  instructions,
-  className,
-  minSuggestions = 1,
-  maxSuggestions = 3
-}, dependencies = []) {
-  const context = useCopilotContext();
-  useEffect(() => {
-    const id = randomId();
-    context.addChatSuggestionConfiguration(id, {
-      instructions,
-      minSuggestions,
-      maxSuggestions,
-      className
-    });
-    return () => {
-      context.removeChatSuggestionConfiguration(id);
-    };
-  }, dependencies);
-}
-
-export {
-  useCopilotChatSuggestions
-};
-//# sourceMappingURL=chunk-5HHVL5WK.mjs.map

package/dist/chunk-5HHVL5WK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["/**\n * <Callout type=\"warning\">\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without notice.\n * </Callout>\n *\n * `useCopilotReadable` is a React hook that provides app-state and other information\n * to the Copilot. Optionally, the hook can also handle hierarchical state within your\n * application, passing these parent-child relationships to the Copilot.\n *\n * <br/>\n * <img src=\"/images/use-copilot-chat-suggestions/use-copilot-chat-suggestions.gif\" width=\"500\" />\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   const [employees, setEmployees] = useState([]);\n *\n *   useCopilotChatSuggestions({\n *     instructions: `The following employees are on duty: ${JSON.stringify(employees)}`,\n *   });\n * }\n * ```\n *\n * ### Dependency Management\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   useCopilotChatSuggestions(\n *     {\n *       instructions: \"Suggest the most relevant next actions.\",\n *     },\n *     [appState],\n *   );\n * }\n * ```\n *\n * In the example above, the suggestions are generated based on the given instructions.\n * The hook monitors `appState`, and updates suggestions accordingly whenever it changes.\n *\n * ### Behavior and Lifecycle\n *\n * The hook registers the configuration with the chat context upon component mount and\n * removes it on unmount, ensuring a clean and efficient lifecycle management.\n */\n\nimport { useEffect } from \"react\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { randomId } from \"@copilotkit/shared\";\n\ninterface UseCopilotChatSuggestionsConfiguration {\n  /**\n   * A prompt or instructions for the GPT to generate suggestions.\n   */\n  instructions: string;\n  /**\n   * The minimum number of suggestions to generate. Defaults to `1`.\n   * @default 1\n   */\n  minSuggestions?: number;\n  /**\n   * The maximum number of suggestions to generate. Defaults to `3`.\n   * @default 1\n   */\n  maxSuggestions?: number;\n  /**\n   * An optional class name to apply to the suggestions.\n   */\n  className?: string;\n}\n\nexport function useCopilotChatSuggestions(\n  {\n    instructions,\n    className,\n    minSuggestions = 1,\n    maxSuggestions = 3,\n  }: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  const context = useCopilotContext();\n\n  useEffect(() => {\n    const id = randomId();\n\n    context.addChatSuggestionConfiguration(id, {\n      instructions,\n      minSuggestions,\n      maxSuggestions,\n      className,\n    });\n\n    return () => {\n      context.removeChatSuggestionConfiguration(id);\n    };\n  }, dependencies);\n}\n"],"mappings":";AA6DA,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AAuBlB,SAAS,0BACd;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GACA,eAAsB,CAAC,GACvB;AACA,QAAM,UAAU,kBAAkB;AAElC,YAAU,MAAM;AACd,UAAM,KAAK,SAAS;AAEpB,YAAQ,+BAA+B,IAAI;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,cAAQ,kCAAkC,EAAE;AAAA,IAC9C;AAAA,EACF,GAAG,YAAY;AACjB;","names":[]}

package/dist/chunk-B2KQEX2R.mjs

@@ -1,91 +0,0 @@
-import {
-  Window
-} from "./chunk-FO7Z5LAL.mjs";
-import {
-  Header
-} from "./chunk-FLV3J3VX.mjs";
-import {
-  Button
-} from "./chunk-YOH25I6N.mjs";
-import {
-  CopilotChat
-} from "./chunk-HR36Y2FQ.mjs";
-import {
-  Input
-} from "./chunk-U6J5DGOE.mjs";
-import {
-  Messages
-} from "./chunk-FOZVHL73.mjs";
-import {
-  ResponseButton
-} from "./chunk-XSUSSWDS.mjs";
-import {
-  ChatContextProvider
-} from "./chunk-BJPGMY3I.mjs";
-
-// src/components/chat/Modal.tsx
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CopilotModal = ({
-  instructions,
-  defaultOpen = false,
-  clickOutsideToClose = true,
-  hitEscapeToClose = true,
-  onSetOpen,
-  onSubmitMessage,
-  shortcut = "/",
-  icons,
-  labels,
-  makeSystemMessage,
-  showResponseButton = true,
-  onInProgress,
-  Window: Window2 = Window,
-  Button: Button2 = Button,
-  Header: Header2 = Header,
-  Messages: Messages2 = Messages,
-  Input: Input2 = Input,
-  ResponseButton: ResponseButton2 = ResponseButton,
-  className,
-  children
-}) => {
-  const [openState, setOpenState] = React.useState(defaultOpen);
-  const setOpen = (open) => {
-    onSetOpen == null ? void 0 : onSetOpen(open);
-    setOpenState(open);
-  };
-  return /* @__PURE__ */ jsxs(ChatContextProvider, { icons, labels, open: openState, setOpen, children: [
-    children,
-    /* @__PURE__ */ jsxs("div", { className, children: [
-      /* @__PURE__ */ jsx(Button2, {}),
-      /* @__PURE__ */ jsxs(
-        Window2,
-        {
-          clickOutsideToClose,
-          shortcut,
-          hitEscapeToClose,
-          children: [
-            /* @__PURE__ */ jsx(Header2, {}),
-            /* @__PURE__ */ jsx(
-              CopilotChat,
-              {
-                instructions,
-                onSubmitMessage,
-                makeSystemMessage,
-                showResponseButton,
-                onInProgress,
-                Messages: Messages2,
-                Input: Input2,
-                ResponseButton: ResponseButton2
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-
-export {
-  CopilotModal
-};
-//# sourceMappingURL=chunk-B2KQEX2R.mjs.map

package/dist/chunk-B2KQEX2R.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ChatContextProvider } from \"./ChatContext\";\nimport { ButtonProps, HeaderProps, WindowProps } from \"./props\";\nimport { Window as DefaultWindow } from \"./Window\";\nimport { Button as DefaultButton } from \"./Button\";\nimport { Header as DefaultHeader } from \"./Header\";\nimport { Messages as DefaultMessages } from \"./Messages\";\nimport { Input as DefaultInput } from \"./Input\";\nimport { ResponseButton as DefaultResponseButton } from \"./Response\";\nimport { CopilotChat, CopilotChatProps } from \"./Chat\";\n\nexport interface CopilotModalProps extends CopilotChatProps {\n  /**\n   * Whether the chat window should be open by default.\n   * @default false\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * If the chat window should close when the user clicks outside of it.\n   * @default true\n   */\n  clickOutsideToClose?: boolean;\n\n  /**\n   * If the chat window should close when the user hits the Escape key.\n   * @default true\n   */\n  hitEscapeToClose?: boolean;\n\n  /**\n   * The shortcut key to open the chat window.\n   * Uses Command-[shortcut] on a Mac and Ctrl-[shortcut] on Windows.\n   * @default '/'\n   */\n  shortcut?: string;\n\n  /**\n   * A callback that gets called when the chat window opens or closes.\n   */\n  onSetOpen?: (open: boolean) => void;\n\n  /**\n   * A custom Window component to use instead of the default.\n   */\n  Window?: React.ComponentType<WindowProps>;\n\n  /**\n   * A custom Button component to use instead of the default.\n   */\n  Button?: React.ComponentType<ButtonProps>;\n\n  /**\n   * A custom Header component to use instead of the default.\n   */\n  Header?: React.ComponentType<HeaderProps>;\n}\n\nexport const CopilotModal = ({\n  instructions,\n  defaultOpen = false,\n  clickOutsideToClose = true,\n  hitEscapeToClose = true,\n  onSetOpen,\n  onSubmitMessage,\n  shortcut = \"/\",\n  icons,\n  labels,\n  makeSystemMessage,\n  showResponseButton = true,\n  onInProgress,\n  Window = DefaultWindow,\n  Button = DefaultButton,\n  Header = DefaultHeader,\n  Messages = DefaultMessages,\n  Input = DefaultInput,\n  ResponseButton = DefaultResponseButton,\n  className,\n  children,\n}: CopilotModalProps) => {\n  const [openState, setOpenState] = React.useState(defaultOpen);\n\n  const setOpen = (open: boolean) => {\n    onSetOpen?.(open);\n    setOpenState(open);\n  };\n\n  return (\n    <ChatContextProvider icons={icons} labels={labels} open={openState} setOpen={setOpen}>\n      {children}\n      <div className={className}>\n        <Button></Button>\n        <Window\n          clickOutsideToClose={clickOutsideToClose}\n          shortcut={shortcut}\n          hitEscapeToClose={hitEscapeToClose}\n        >\n          <Header />\n          <CopilotChat\n            instructions={instructions}\n            onSubmitMessage={onSubmitMessage}\n            makeSystemMessage={makeSystemMessage}\n            showResponseButton={showResponseButton}\n            onInProgress={onInProgress}\n            Messages={Messages}\n            Input={Input}\n            ResponseButton={ResponseButton}\n          />\n        </Window>\n      </div>\n    </ChatContextProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,WAAW;AA2FV,cACA,YADA;AAjCD,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,QAAAA,UAAS;AAAA,EACT,QAAAC,UAAS;AAAA,EACT,QAAAC,UAAS;AAAA,EACT,UAAAC,YAAW;AAAA,EACX,OAAAC,SAAQ;AAAA,EACR,gBAAAC,kBAAiB;AAAA,EACjB;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,WAAW;AAE5D,QAAM,UAAU,CAAC,SAAkB;AACjC,2CAAY;AACZ,iBAAa,IAAI;AAAA,EACnB;AAEA,SACE,qBAAC,uBAAoB,OAAc,QAAgB,MAAM,WAAW,SACjE;AAAA;AAAA,IACD,qBAAC,SAAI,WACH;AAAA,0BAACJ,SAAA,EAAO;AAAA,MACR;AAAA,QAACD;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UAEA;AAAA,gCAACE,SAAA,EAAO;AAAA,YACR;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,UAAUC;AAAA,gBACV,OAAOC;AAAA,gBACP,gBAAgBC;AAAA;AAAA,YAClB;AAAA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["Window","Button","Header","Messages","Input","ResponseButton"]}

package/dist/chunk-BJPGMY3I.mjs

@@ -1,70 +0,0 @@
-import {
-  ActivityIcon,
-  CloseIcon,
-  HeaderCloseIcon,
-  OpenIcon,
-  PushToTalkIcon,
-  RegenerateIcon,
-  SendIcon,
-  SpinnerIcon,
-  StopIcon
-} from "./chunk-FZC7X5PK.mjs";
-import {
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/chat/ChatContext.tsx
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var ChatContext = React.createContext(void 0);
-function useChatContext() {
-  const context = React.useContext(ChatContext);
-  if (context === void 0) {
-    throw new Error(
-      "Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?"
-    );
-  }
-  return context;
-}
-var ChatContextProvider = ({
-  // temperature,
-  // instructions,
-  // maxFeedback,
-  labels,
-  icons,
-  children,
-  open,
-  setOpen
-}) => {
-  const context = {
-    labels: __spreadValues(__spreadValues({}, {
-      initial: "",
-      title: "CopilotKit",
-      placeholder: "Type a message...",
-      error: "\u274C An error occurred. Please try again.",
-      stopGenerating: "Stop generating",
-      regenerateResponse: "Regenerate response"
-    }), labels),
-    icons: __spreadValues(__spreadValues({}, {
-      openIcon: OpenIcon,
-      closeIcon: CloseIcon,
-      headerCloseIcon: HeaderCloseIcon,
-      sendIcon: SendIcon,
-      activityIcon: ActivityIcon,
-      spinnerIcon: SpinnerIcon,
-      stopIcon: StopIcon,
-      regenerateIcon: RegenerateIcon,
-      pushToTalkIcon: PushToTalkIcon
-    }), icons),
-    open,
-    setOpen
-  };
-  return /* @__PURE__ */ jsx(ChatContext.Provider, { value: context, children });
-};
-
-export {
-  ChatContext,
-  useChatContext,
-  ChatContextProvider
-};
-//# sourceMappingURL=chunk-BJPGMY3I.mjs.map

package/dist/chunk-BJPGMY3I.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/ChatContext.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport * as DefaultIcons from \"./Icons\";\n\n/**\n * Icons for CopilotChat component.\n */\nexport interface CopilotChatIcons {\n  /**\n   * The icon to use for the open chat button.\n   * @default <OpenIcon />\n   */\n  openIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the close chat button.\n   * @default <CloseIcon />\n   */\n  closeIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the close chat button in the header.\n   * @default <HeaderCloseIcon />\n   */\n  headerCloseIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the send button.\n   * @default <SendIcon />\n   */\n  sendIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the activity indicator.\n   * @default <ActivityIcon />\n   */\n  activityIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the spinner.\n   * @default <SpinnerIcon />\n   */\n  spinnerIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the stop button.\n   * @default <StopIcon />\n   */\n  stopIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the regenerate button.\n   * @default <RegenerateIcon />\n   */\n  regenerateIcon?: React.ReactNode;\n\n  /**\n   * The icons to use for push to talk.\n   * @default <PushToTalkIcon />\n   */\n\n  pushToTalkIcon?: React.ReactNode;\n}\n\n/**\n * Labels for CopilotChat component.\n */\nexport interface CopilotChatLabels {\n  /**\n   * The initial message(s) to display in the chat window.\n   */\n  initial?: string | string[];\n\n  /**\n   * The title to display in the header.\n   * @default \"CopilotKit\"\n   */\n  title?: string;\n\n  /**\n   * The placeholder to display in the input.\n   * @default \"Type a message...\"\n   */\n  placeholder?: string;\n\n  /**\n   * The message to display when an error occurs.\n   * @default \"❌ An error occurred. Please try again.\"\n   */\n  error?: string;\n\n  /**\n   * The label to display on the stop button.\n   * @default \"Stop generating\"\n   */\n  stopGenerating?: string;\n\n  /**\n   * The label to display on the regenerate button.\n   * @default \"Regenerate response\"\n   */\n  regenerateResponse?: string;\n}\n\ninterface ChatContext {\n  labels: Required<CopilotChatLabels>;\n  icons: Required<CopilotChatIcons>;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nexport const ChatContext = React.createContext<ChatContext | undefined>(undefined);\n\nexport function useChatContext(): ChatContext {\n  const context = React.useContext(ChatContext);\n  if (context === undefined) {\n    throw new Error(\n      \"Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?\",\n    );\n  }\n  return context;\n}\n\ninterface ChatContextProps {\n  // temperature?: number;\n  // instructions?: string;\n  // maxFeedback?: number;\n  labels?: CopilotChatLabels;\n  icons?: CopilotChatIcons;\n  children?: React.ReactNode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nexport const ChatContextProvider = ({\n  // temperature,\n  // instructions,\n  // maxFeedback,\n  labels,\n  icons,\n  children,\n  open,\n  setOpen,\n}: ChatContextProps) => {\n  const context = {\n    labels: {\n      ...{\n        initial: \"\",\n        title: \"CopilotKit\",\n        placeholder: \"Type a message...\",\n        error: \"❌ An error occurred. Please try again.\",\n        stopGenerating: \"Stop generating\",\n        regenerateResponse: \"Regenerate response\",\n      },\n      ...labels,\n    },\n\n    icons: {\n      ...{\n        openIcon: DefaultIcons.OpenIcon,\n        closeIcon: DefaultIcons.CloseIcon,\n        headerCloseIcon: DefaultIcons.HeaderCloseIcon,\n        sendIcon: DefaultIcons.SendIcon,\n        activityIcon: DefaultIcons.ActivityIcon,\n        spinnerIcon: DefaultIcons.SpinnerIcon,\n        stopIcon: DefaultIcons.StopIcon,\n        regenerateIcon: DefaultIcons.RegenerateIcon,\n        pushToTalkIcon: DefaultIcons.PushToTalkIcon,\n      },\n      ...icons,\n    },\n    open,\n    setOpen,\n  };\n  return <ChatContext.Provider value={context}>{children}</ChatContext.Provider>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,WAAkC;AA6KhC;AA/DF,IAAM,cAAc,MAAM,cAAuC,MAAS;AAE1E,SAAS,iBAA8B;AAC5C,QAAM,UAAU,MAAM,WAAW,WAAW;AAC5C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAaO,IAAM,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,EAIlC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AACtB,QAAM,UAAU;AAAA,IACd,QAAQ,kCACH;AAAA,MACD,SAAS;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA,MACb,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACtB,IACG;AAAA,IAGL,OAAO,kCACF;AAAA,MACD,UAAuB;AAAA,MACvB,WAAwB;AAAA,MACxB,iBAA8B;AAAA,MAC9B,UAAuB;AAAA,MACvB,cAA2B;AAAA,MAC3B,aAA0B;AAAA,MAC1B,UAAuB;AAAA,MACvB,gBAA6B;AAAA,MAC7B,gBAA6B;AAAA,IAC/B,IACG;AAAA,IAEL;AAAA,IACA;AAAA,EACF;AACA,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAO,SAAU,UAAS;AACzD;","names":[]}

package/dist/chunk-EFZPSZWO.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-EFZPSZWO.mjs.map

package/dist/chunk-EFZPSZWO.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-FL4ETWFB.mjs

@@ -1,21 +0,0 @@
-import {
-  CopilotModal
-} from "./chunk-B2KQEX2R.mjs";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/chat/Popup.tsx
-import { jsx } from "react/jsx-runtime";
-function CopilotPopup(props) {
-  props = __spreadProps(__spreadValues({}, props), {
-    className: props.className ? props.className + " copilotKitPopup" : "copilotKitPopup"
-  });
-  return /* @__PURE__ */ jsx(CopilotModal, __spreadProps(__spreadValues({}, props), { children: props.children }));
-}
-
-export {
-  CopilotPopup
-};
-//# sourceMappingURL=chunk-FL4ETWFB.mjs.map