@copilotkit/react-ui 1.8.0-next.4 → 1.8.0-next.6

package/dist/index.mjs

@@ -1,65 +1,56 @@
 "use client";
 import "./chunk-EFZPSZWO.mjs";
-import "./chunk-MWC5OV7Z.mjs";
+import "./chunk-IU3WTXLQ.mjs";
+import "./chunk-MMVDU6DF.mjs";
 import "./chunk-SQMEPWVT.mjs";
 import {
   CopilotSidebar
-} from "./chunk-CZUP2N4J.mjs";
+} from "./chunk-FFNESJSG.mjs";
 import "./chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "./chunk-TFIQA2P5.mjs";
-import "./chunk-AIR3MXUU.mjs";
+} from "./chunk-6H7IQRIU.mjs";
+import "./chunk-DFHFPZQD.mjs";
 import "./chunk-CGVOCLHN.mjs";
-import "./chunk-GIPO7UB2.mjs";
-import "./chunk-UCVCAGU7.mjs";
+import "./chunk-QS7UFQFD.mjs";
+import "./chunk-V7W6IM2V.mjs";
 import {
-  DefaultResponseRenderer,
-  createResponseCache
-} from "./chunk-EJG6RRSX.mjs";
+  CopilotDevConsole
+} from "./chunk-GBXUOB6L.mjs";
 import {
-  DefaultStateRenderer
-} from "./chunk-MCO235PS.mjs";
-import "./chunk-N7LTE54T.mjs";
+  shouldShowDevConsole
+} from "./chunk-6TCUJ3B7.mjs";
+import "./chunk-KXE2JCUH.mjs";
+import "./chunk-YC4NBUGE.mjs";
+import "./chunk-BH6PCAAL.mjs";
+import "./chunk-OTPAZXVR.mjs";
 import "./chunk-VC4NO5QZ.mjs";
 import {
   CopilotChat
-} from "./chunk-H24B7QWO.mjs";
-import {
-  AssistantMessage
-} from "./chunk-FBYETUFL.mjs";
-import "./chunk-XB6QCUPB.mjs";
+} from "./chunk-Z6YOBQUJ.mjs";
 import "./chunk-UWWMAJ7R.mjs";
 import "./chunk-WEYDZBT7.mjs";
 import "./chunk-7RIBDD4K.mjs";
 import {
   UserMessage
 } from "./chunk-HEIDCT7I.mjs";
-import "./chunk-UZTZXMYS.mjs";
+import {
+  AssistantMessage
+} from "./chunk-FBYETUFL.mjs";
+import "./chunk-XB6QCUPB.mjs";
 import "./chunk-TOQ7P4DO.mjs";
 import "./chunk-LYHZXHTJ.mjs";
 import "./chunk-YQFVRDNC.mjs";
 import {
   Markdown
 } from "./chunk-XNQO5AZZ.mjs";
-import "./chunk-PCTCOQK2.mjs";
 import "./chunk-GJME6MK4.mjs";
+import "./chunk-UZTZXMYS.mjs";
 import {
   useChatContext
 } from "./chunk-5JY5QJ2W.mjs";
-import "./chunk-V7W6IM2V.mjs";
-import {
-  CopilotDevConsole
-} from "./chunk-QQ4FBIGN.mjs";
-import "./chunk-KXE2JCUH.mjs";
-import "./chunk-YC4NBUGE.mjs";
-import "./chunk-BH6PCAAL.mjs";
-import {
-  shouldShowDevConsole
-} from "./chunk-6TCUJ3B7.mjs";
+import "./chunk-PCTCOQK2.mjs";
 import "./chunk-ORSMX3SE.mjs";
-import "./chunk-OTPAZXVR.mjs";
-import "./chunk-IU3WTXLQ.mjs";
 import "./chunk-T26KLXLH.mjs";
 import {
   useCopilotChatSuggestions
@@ -73,11 +64,8 @@ export {
   CopilotDevConsole,
   CopilotPopup,
   CopilotSidebar,
-  DefaultResponseRenderer,
-  DefaultStateRenderer,
   Markdown,
   UserMessage,
-  createResponseCache,
   shouldShowDevConsole,
   useChatContext,
   useCopilotChatSuggestions

package/dist/types/css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/css.ts"],"sourcesContent":["// autogenerated (see postcss.config.js) - do not edit\nimport { CSSProperties } from \"react\";\n\nexport interface CopilotKitCSSProperties extends CSSProperties {\n  \"--copilot-kit-primary-color\"?: string;\n  \"--copilot-kit-contrast-color\"?: string;\n  \"--copilot-kit-secondary-color\"?: string;\n  \"--copilot-kit-background-color\"?: string;\n  \"--copilot-kit-muted-color\"?: string;\n  \"--copilot-kit-text-light-color\"?: string;\n  \"--copilot-kit-text-dark-color\"?: string;\n  \"--copilot-kit-separator-color\"?: string;\n  \"--copilot-kit-scrollbar-color\"?: string;\n  \"--copilot-kit-header-color\"?: string;\n  \"--copilot-kit-response-button-color\"?: string;\n  \"--copilot-kit-response-button-background-color\"?: string;\n  \"--copilot-kit-shadow-sm\"?: string;\n  \"--copilot-kit-shadow-md\"?: string;\n  \"--copilot-kit-shadow-lg\"?: string;\n  \"--copilot-kit-text-color\"?: string;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../src/types/css.ts"],"sourcesContent":["// autogenerated (see postcss.config.js) - do not edit\nimport { CSSProperties } from \"react\";\n\nexport interface CopilotKitCSSProperties extends CSSProperties {\n  \"--copilot-kit-primary-color\"?: string;\n  \"--copilot-kit-contrast-color\"?: string;\n  \"--copilot-kit-background-color\"?: string;\n  \"--copilot-kit-input-background-color\"?: string;\n  \"--copilot-kit-secondary-color\"?: string;\n  \"--copilot-kit-secondary-contrast-color\"?: string;\n  \"--copilot-kit-separator-color\"?: string;\n  \"--copilot-kit-muted-color\"?: string;\n  \"--copilot-kit-shadow-sm\"?: string;\n  \"--copilot-kit-shadow-md\"?: string;\n  \"--copilot-kit-shadow-lg\"?: string;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.8.0-next.4",
+  "version": "1.8.0-next.6",
   "sideEffects": [
     "**/*.css"
   ],
@@ -50,9 +50,9 @@
     "react-syntax-highlighter": "^15.5.0",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
-    "@copilotkit/react-core": "1.8.0-next.4",
-    "@copilotkit/runtime-client-gql": "1.8.0-next.4",
-    "@copilotkit/shared": "1.8.0-next.4"
+    "@copilotkit/react-core": "1.8.0-next.6",
+    "@copilotkit/runtime-client-gql": "1.8.0-next.6",
+    "@copilotkit/shared": "1.8.0-next.6"
   },
   "keywords": [
     "copilotkit",

package/src/components/index.ts

@@ -1,3 +1,2 @@
 export * from "./chat";
 export * from "./dev-console";
-export * from "./crew";

package/src/css/colors.css

@@ -56,3 +56,34 @@
   }
 }
 
+.dark,
+html.dark,
+body.dark,
+[data-theme="dark"],
+html[style*="color-scheme: dark"],
+body[style*="color-scheme: dark"] :root {
+  /* Main brand/action color - used for buttons, interactive elements */
+  --copilot-kit-primary-color: rgb(255, 255, 255);
+  /* Color that contrasts with primary - used for text on primary elements */
+  --copilot-kit-contrast-color: rgb(28, 28, 28);
+  /* Main page/container background color */
+  --copilot-kit-background-color: rgb(17, 17, 17);
+  /* Input box background color */
+  --copilot-kit-input-background-color: #2c2c2c;
+  /* Secondary background - used for cards, panels, elevated surfaces */
+  --copilot-kit-secondary-color: rgb(28, 28, 28);
+  /* Primary text color for main content */
+  --copilot-kit-secondary-contrast-color: rgb(255, 255, 255);
+  /* Border color for dividers and containers */
+  --copilot-kit-separator-color: rgb(45, 45, 45);
+  /* Muted color for disabled/inactive states */
+  --copilot-kit-muted-color: rgb(45, 45, 45);
+
+  /* Small shadow for subtle elevation */
+  --copilot-kit-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  /* Medium shadow for cards */
+  --copilot-kit-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
+  /* Large shadow for modals */
+  --copilot-kit-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
+}
+

package/src/css/panel.css

@@ -5,7 +5,7 @@
   -moz-tab-size: 4;
   -o-tab-size: 4;
   tab-size: 4;
-  background: white;
+  background: var(--copilot-kit-background-color);
   font-family:
     ui-sans-serif,
     system-ui,

package/dist/chunk-EJG6RRSX.mjs

@@ -1,138 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/crew/DefaultResponseRenderer.tsx
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var createResponseCache = () => {
-  const responseCache = /* @__PURE__ */ new Map();
-  return {
-    getResponse: (id) => responseCache.get(id),
-    setResponse: (id, response) => responseCache.set(id, response)
-  };
-};
-var useResponseCache = createResponseCache();
-var DefaultExpandIcon = ({ className }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className,
-    width: "12",
-    height: "12",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
-  }
-);
-var DefaultCollapseIcon = ({ className }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className,
-    width: "12",
-    height: "12",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
-  }
-);
-var DefaultContentRenderer = ({ content, className }) => /* @__PURE__ */ jsx("div", { className, children: content });
-var DefaultFeedbackButton = ({ label, onClick, className }) => /* @__PURE__ */ jsx("button", { onClick, className, children: label });
-var DefaultCompletedFeedback = ({ message, className }) => /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("span", { children: message }) });
-var DefaultResponseRenderer = ({
-  response,
-  status,
-  onRespond,
-  icons,
-  labels,
-  ContentRenderer = DefaultContentRenderer,
-  FeedbackButton = DefaultFeedbackButton,
-  CompletedFeedback = DefaultCompletedFeedback,
-  className = "copilotkit-response",
-  contentClassName = "copilotkit-response-content",
-  actionsClassName = "copilotkit-response-actions",
-  buttonClassName = "copilotkit-response-button",
-  completedFeedbackClassName = "copilotkit-response-completed-feedback"
-}) => {
-  const [isExpanded, setIsExpanded] = useState(true);
-  const defaultLabels = {
-    responseLabel: "Response",
-    approveLabel: "Approve",
-    rejectLabel: "Reject",
-    approvedMessage: "Approved",
-    rejectedMessage: "Rejected",
-    feedbackSubmittedMessage: "Feedback submitted"
-  };
-  const mergedLabels = __spreadValues(__spreadValues({}, defaultLabels), labels);
-  const renderFeedback = () => {
-    if (status === "complete") {
-      const cachedResponse = useResponseCache.getResponse(response.id);
-      return /* @__PURE__ */ jsx(
-        CompletedFeedback,
-        {
-          message: (cachedResponse == null ? void 0 : cachedResponse.__feedback__) ? cachedResponse.__feedback__ === mergedLabels.approvedMessage ? mergedLabels.approvedMessage : mergedLabels.rejectedMessage : mergedLabels.feedbackSubmittedMessage,
-          className: completedFeedbackClassName
-        }
-      );
-    }
-    if (status === "inProgress" || status === "executing") {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          FeedbackButton,
-          {
-            label: mergedLabels.approveLabel,
-            onClick: () => {
-              setIsExpanded(false);
-              onRespond == null ? void 0 : onRespond(mergedLabels.approveLabel);
-              useResponseCache.setResponse(response.id, __spreadProps(__spreadValues({}, response), {
-                __feedback__: mergedLabels.approvedMessage
-              }));
-            },
-            className: buttonClassName
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FeedbackButton,
-          {
-            label: mergedLabels.rejectLabel,
-            onClick: () => {
-              setIsExpanded(false);
-              useResponseCache.setResponse(response.id, __spreadProps(__spreadValues({}, response), {
-                __feedback__: mergedLabels.rejectedMessage
-              }));
-              onRespond == null ? void 0 : onRespond(mergedLabels.rejectLabel);
-            },
-            className: buttonClassName
-          }
-        )
-      ] });
-    }
-    return null;
-  };
-  const ExpandIcon = (icons == null ? void 0 : icons.expand) || DefaultExpandIcon;
-  const CollapseIcon = (icons == null ? void 0 : icons.collapse) || DefaultCollapseIcon;
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    isExpanded && /* @__PURE__ */ jsx(ContentRenderer, { content: response.content, className: contentClassName }),
-    /* @__PURE__ */ jsxs("div", { className: actionsClassName, children: [
-      /* @__PURE__ */ jsxs("div", { className: "copilotkit-response-label", children: [
-        /* @__PURE__ */ jsx("button", { onClick: () => setIsExpanded(!isExpanded), className: "copilotkit-toggle-button", children: isExpanded ? /* @__PURE__ */ jsx(CollapseIcon, { className: "copilotkit-icon" }) : /* @__PURE__ */ jsx(ExpandIcon, { className: "copilotkit-icon" }) }),
-        /* @__PURE__ */ jsx("span", { children: mergedLabels.responseLabel })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "copilotkit-response-buttons", children: renderFeedback() })
-    ] })
-  ] });
-};
-
-export {
-  createResponseCache,
-  DefaultResponseRenderer
-};
-//# sourceMappingURL=chunk-EJG6RRSX.mjs.map

package/dist/chunk-EJG6RRSX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/crew/DefaultResponseRenderer.tsx"],"sourcesContent":["/**\n * <br/>\n * A response renderer component for the CopilotKit framework. This component displays\n * a response that may require user feedback, such as approving or rejecting a suggestion.\n * It provides a flexible, customizable interface for rendering responses with user interaction.\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 * ## Usage\n *\n * ```tsx\n * import { DefaultResponseRenderer } from \"@copilotkit/react-ui\";\n * import \"@copilotkit/react-ui/styles.css\";\n *\n * // Basic usage\n * <DefaultResponseRenderer\n *   response={{\n *     id: \"response-1\",\n *     content: \"I've analyzed your data and found these insights...\"\n *   }}\n *   status=\"inProgress\"\n *   onRespond={(input) => console.log(`User responded: ${input}`)}\n * />\n * ```\n *\n * ## Customization\n *\n * You can customize the appearance and behavior of the component:\n *\n * ```tsx\n * // Custom labels and styling\n * <DefaultResponseRenderer\n *   response={{\n *     id: \"task-123\",\n *     content: \"Would you like to proceed with this recommendation?\"\n *   }}\n *   status=\"inProgress\"\n *   onRespond={handleResponse}\n *   labels={{\n *     responseLabel: \"AI Recommendation\",\n *     approveLabel: \"Yes, proceed\",\n *     rejectLabel: \"No, cancel\",\n *     approvedMessage: \"Proceeding with recommendation\",\n *     rejectedMessage: \"Recommendation cancelled\"\n *   }}\n *   className=\"my-custom-response\"\n *   contentClassName=\"my-custom-content\"\n *   buttonClassName=\"my-custom-button\"\n * />\n *\n * // Custom components\n * <DefaultResponseRenderer\n *   response={{\n *     id: \"task-456\",\n *     content: \"# Important Decision\\nThis requires your approval\"\n *   }}\n *   status=\"inProgress\"\n *   onRespond={handleResponse}\n *   ContentRenderer={({ content, className }) => (\n *     <MyMarkdownRenderer content={content} className={className} />\n *   )}\n *   FeedbackButton={({ label, onClick, className }) => (\n *     <MyCustomButton label={label} onClick={onClick} className={className} />\n *   )}\n * />\n * ```\n *\n * ### Look & Feel\n *\n * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:\n * ```tsx title=\"YourRootComponent.tsx\"\n * ...\n * import \"@copilotkit/react-ui/styles.css\"; // [!code highlight]\n *\n * export function YourRootComponent() {\n *   return (\n *     <CopilotKit>\n *       ...\n *     </CopilotKit>\n *   );\n * }\n * ```\n * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.\n */\n\nimport React, { useState } from \"react\";\nimport {\n  Response,\n  ResponseRendererProps,\n  ContentRendererProps,\n  FeedbackButtonProps,\n  CompletedFeedbackProps,\n  ResponseRendererIconProps,\n} from \"./types\";\n\n/**\n * Creates a cache for storing response feedback\n */\nconst createResponseCache = <T extends { id: string }>() => {\n  const responseCache = new Map<string, T>();\n\n  return {\n    getResponse: (id: string) => responseCache.get(id),\n    setResponse: (id: string, response: T) => responseCache.set(id, response),\n  };\n};\n\n/**\n * Default global response cache instance\n */\nconst useResponseCache = createResponseCache<Response & { __feedback__?: string }>();\n\n/**\n * Default expand icon component\n */\nconst DefaultExpandIcon: React.FC<ResponseRendererIconProps> = ({ className }) => (\n  <svg\n    className={className}\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <polyline points=\"6 9 12 15 18 9\"></polyline>\n  </svg>\n);\n\n/**\n * Default collapse icon component\n */\nconst DefaultCollapseIcon: React.FC<ResponseRendererIconProps> = ({ className }) => (\n  <svg\n    className={className}\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <polyline points=\"18 15 12 9 6 15\"></polyline>\n  </svg>\n);\n\n/**\n * Default content renderer that simply displays text\n */\nconst DefaultContentRenderer: React.FC<ContentRendererProps> = ({ content, className }) => (\n  <div className={className}>{content}</div>\n);\n\n/**\n * Default feedback button component\n */\nconst DefaultFeedbackButton: React.FC<FeedbackButtonProps> = ({ label, onClick, className }) => (\n  <button onClick={onClick} className={className}>\n    {label}\n  </button>\n);\n\n/**\n * Default completed feedback component\n */\nconst DefaultCompletedFeedback: React.FC<CompletedFeedbackProps> = ({ message, className }) => (\n  <div className={className}>\n    <span>{message}</span>\n  </div>\n);\n\n/**\n * Default response renderer component that handles rendering responses\n * and collecting user feedback\n */\nexport const DefaultResponseRenderer: React.FC<ResponseRendererProps> = ({\n  response,\n  status,\n  onRespond,\n  icons,\n  labels,\n  ContentRenderer = DefaultContentRenderer,\n  FeedbackButton = DefaultFeedbackButton,\n  CompletedFeedback = DefaultCompletedFeedback,\n  className = \"copilotkit-response\",\n  contentClassName = \"copilotkit-response-content\",\n  actionsClassName = \"copilotkit-response-actions\",\n  buttonClassName = \"copilotkit-response-button\",\n  completedFeedbackClassName = \"copilotkit-response-completed-feedback\",\n}) => {\n  const [isExpanded, setIsExpanded] = useState(true);\n\n  // Default label values\n  const defaultLabels = {\n    responseLabel: \"Response\",\n    approveLabel: \"Approve\",\n    rejectLabel: \"Reject\",\n    approvedMessage: \"Approved\",\n    rejectedMessage: \"Rejected\",\n    feedbackSubmittedMessage: \"Feedback submitted\",\n  };\n\n  // Merge provided labels with defaults\n  const mergedLabels = { ...defaultLabels, ...labels };\n\n  // Function to render feedback UI based on status\n  const renderFeedback = () => {\n    if (status === \"complete\") {\n      const cachedResponse = useResponseCache.getResponse(response.id);\n      return (\n        <CompletedFeedback\n          message={\n            cachedResponse?.__feedback__\n              ? cachedResponse.__feedback__ === mergedLabels.approvedMessage\n                ? mergedLabels.approvedMessage\n                : mergedLabels.rejectedMessage\n              : mergedLabels.feedbackSubmittedMessage\n          }\n          className={completedFeedbackClassName}\n        />\n      );\n    }\n\n    if (status === \"inProgress\" || status === \"executing\") {\n      return (\n        <>\n          <FeedbackButton\n            label={mergedLabels.approveLabel}\n            onClick={() => {\n              setIsExpanded(false);\n              onRespond?.(mergedLabels.approveLabel);\n              useResponseCache.setResponse(response.id, {\n                ...response,\n                __feedback__: mergedLabels.approvedMessage,\n              });\n            }}\n            className={buttonClassName}\n          />\n          <FeedbackButton\n            label={mergedLabels.rejectLabel}\n            onClick={() => {\n              setIsExpanded(false);\n              useResponseCache.setResponse(response.id, {\n                ...response,\n                __feedback__: mergedLabels.rejectedMessage,\n              });\n              onRespond?.(mergedLabels.rejectLabel);\n            }}\n            className={buttonClassName}\n          />\n        </>\n      );\n    }\n\n    return null;\n  };\n\n  // Decide which icon to display\n  const ExpandIcon = icons?.expand || DefaultExpandIcon;\n  const CollapseIcon = icons?.collapse || DefaultCollapseIcon;\n\n  return (\n    <div className={className}>\n      {/* Response content - conditionally expanded */}\n      {isExpanded && <ContentRenderer content={response.content} className={contentClassName} />}\n\n      <div className={actionsClassName}>\n        <div className=\"copilotkit-response-label\">\n          <button onClick={() => setIsExpanded(!isExpanded)} className=\"copilotkit-toggle-button\">\n            {isExpanded ? (\n              <CollapseIcon className=\"copilotkit-icon\" />\n            ) : (\n              <ExpandIcon className=\"copilotkit-icon\" />\n            )}\n          </button>\n          <span>{mergedLabels.responseLabel}</span>\n        </div>\n\n        <div className=\"copilotkit-response-buttons\">{renderFeedback()}</div>\n      </div>\n    </div>\n  );\n};\n\n/**\n * Export the response cache for reuse\n */\nexport { createResponseCache };\n"],"mappings":"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","names":[]}

package/dist/chunk-MCO235PS.mjs

@@ -1,164 +0,0 @@
-import {
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/crew/DefaultStateRenderer.tsx
-import { useState, useRef, useEffect, useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DefaultExpandIcon = ({ className }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className,
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
-  }
-);
-var DefaultCollapseIcon = ({ className }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className,
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
-  }
-);
-var DefaultLoaderIcon = ({ className }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: `${className} copilotkit-spinner`,
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-  }
-);
-var formatContent = (result) => {
-  if (result === null || result === void 0)
-    return "";
-  return typeof result === "string" ? result : JSON.stringify(result, null, 2);
-};
-var DefaultSkeletonLoader = ({ className }) => /* @__PURE__ */ jsxs("div", { className: className || "copilotkit-skeleton", children: [
-  /* @__PURE__ */ jsxs("div", { className: "copilotkit-skeleton-header", children: [
-    /* @__PURE__ */ jsx("div", { className: "copilotkit-skeleton-title" }),
-    /* @__PURE__ */ jsx("div", { className: "copilotkit-skeleton-subtitle" })
-  ] }),
-  /* @__PURE__ */ jsx("div", { className: "copilotkit-skeleton-content" })
-] });
-var DefaultStateItemRenderer = ({
-  item,
-  isNewest,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    className: `${className || "copilotkit-state-item"} ${isNewest ? "copilotkit-state-item-newest" : ""}`,
-    children: [
-      /* @__PURE__ */ jsx("div", { className: "copilotkit-state-item-header", children: "tool" in item ? item.tool : item.name }),
-      "thought" in item && item.thought && /* @__PURE__ */ jsx("div", { className: "copilotkit-state-item-thought", children: item.thought }),
-      "result" in item && item.result !== void 0 && item.result !== null && /* @__PURE__ */ jsx("div", { className: "copilotkit-state-item-result", children: formatContent(item.result) }),
-      "description" in item && item.description && /* @__PURE__ */ jsx("div", { className: "copilotkit-state-item-description", children: item.description })
-    ]
-  }
-);
-var DefaultStateRenderer = ({
-  state,
-  status,
-  StateItemRenderer = DefaultStateItemRenderer,
-  SkeletonLoader = DefaultSkeletonLoader,
-  labels,
-  icons,
-  className = "copilotkit-state",
-  contentClassName = "copilotkit-state-content",
-  itemClassName = "copilotkit-state-item",
-  maxHeight = "250px",
-  defaultCollapsed = true
-}) => {
-  const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
-  const contentRef = useRef(null);
-  const prevItemsLengthRef = useRef(0);
-  const [newestItemId, setNewestItemId] = useState(null);
-  const defaultLabels = {
-    inProgressLabel: "Analyzing",
-    completeLabel: "Analyzed",
-    emptyLabel: "No activity"
-  };
-  const mergedLabels = __spreadValues(__spreadValues({}, defaultLabels), labels);
-  const ExpandIcon = (icons == null ? void 0 : icons.expand) || DefaultExpandIcon;
-  const CollapseIcon = (icons == null ? void 0 : icons.collapse) || DefaultCollapseIcon;
-  const items = useMemo(() => {
-    var _a;
-    return state ? [...((_a = state.steps) == null ? void 0 : _a.filter((s) => s.tool)) || [], ...state.tasks || []].sort(
-      (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime()
-    ) : [];
-  }, [state]);
-  const isThinking = status === "inProgress" && items.length === 0;
-  useEffect(() => {
-    if (!state)
-      return;
-    if (items.length > prevItemsLengthRef.current) {
-      if (items.length > 0) {
-        const newest = items[items.length - 1];
-        setNewestItemId(newest.id);
-        setTimeout(() => {
-          setNewestItemId(null);
-        }, 1500);
-      }
-      if (contentRef.current && !isCollapsed) {
-        contentRef.current.scrollTop = contentRef.current.scrollHeight;
-      }
-    }
-    prevItemsLengthRef.current = items.length;
-  }, [items, isCollapsed, state]);
-  if (!state) {
-    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(DefaultLoaderIcon, { className: "copilotkit-loader" }) });
-  }
-  if (isCollapsed && items.length === 0 && !isThinking)
-    return null;
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsxs("div", { className: "copilotkit-state-header", onClick: () => setIsCollapsed(!isCollapsed), children: [
-      isCollapsed ? /* @__PURE__ */ jsx(ExpandIcon, { className: "copilotkit-icon" }) : /* @__PURE__ */ jsx(CollapseIcon, { className: "copilotkit-icon" }),
-      /* @__PURE__ */ jsx("div", { className: "copilotkit-state-label", children: status === "inProgress" ? /* @__PURE__ */ jsx("span", { className: "copilotkit-state-label-loading", children: mergedLabels.inProgressLabel }) : mergedLabels.completeLabel })
-    ] }),
-    !isCollapsed && /* @__PURE__ */ jsx("div", { ref: contentRef, className: contentClassName, style: { maxHeight }, children: items.length > 0 ? items.map((item) => /* @__PURE__ */ jsx(
-      StateItemRenderer,
-      {
-        item,
-        isNewest: item.id === newestItemId,
-        className: itemClassName
-      },
-      item.id
-    )) : isThinking ? (
-      // Show skeleton loader while thinking
-      /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(SkeletonLoader, {}),
-        /* @__PURE__ */ jsx(SkeletonLoader, {})
-      ] })
-    ) : (
-      // Empty state
-      /* @__PURE__ */ jsx("div", { className: "copilotkit-state-empty", children: mergedLabels.emptyLabel })
-    ) })
-  ] });
-};
-
-export {
-  DefaultStateRenderer
-};
-//# sourceMappingURL=chunk-MCO235PS.mjs.map

package/dist/chunk-MCO235PS.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/crew/DefaultStateRenderer.tsx"],"sourcesContent":["/**\n * <br/>\n * A state renderer component for the CopilotKit framework. This component displays\n * the internal state of an agent, such as the steps it has taken and the tasks it has performed.\n * It provides a collapsible UI that shows the agent's thought process and actions.\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 * ## Usage\n *\n * ```tsx\n * import { DefaultStateRenderer } from \"@copilotkit/react-ui\";\n * import \"@copilotkit/react-ui/styles.css\";\n *\n * // Basic usage\n * <DefaultStateRenderer\n *   state={agentState}\n *   status=\"inProgress\"\n * />\n * ```\n *\n * ## Customization\n *\n * You can customize the appearance and behavior of the component:\n *\n * ```tsx\n * // Custom labels and styling\n * <DefaultStateRenderer\n *   state={agentState}\n *   status=\"inProgress\"\n *   labels={{\n *     inProgressLabel: \"Thinking...\",\n *     completeLabel: \"Finished processing\",\n *     emptyLabel: \"Nothing to show\"\n *   }}\n *   className=\"my-custom-state\"\n *   contentClassName=\"my-custom-content\"\n *   itemClassName=\"my-custom-item\"\n *   maxHeight=\"300px\"\n *   defaultCollapsed={false}\n * />\n *\n * // Custom renderers\n * <DefaultStateRenderer\n *   state={agentState}\n *   status=\"inProgress\"\n *   StateItemRenderer={({ item, isNewest, className }) => (\n *     <MyCustomItemRenderer item={item} isNewest={isNewest} className={className} />\n *   )}\n *   SkeletonLoader={({ className }) => (\n *     <MyCustomSkeletonLoader className={className} />\n *   )}\n * />\n * ```\n *\n * ### Look & Feel\n *\n * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:\n * ```tsx title=\"YourRootComponent.tsx\"\n * ...\n * import \"@copilotkit/react-ui/styles.css\"; // [!code highlight]\n *\n * export function YourRootComponent() {\n *   return (\n *     <CopilotKit>\n *       ...\n *     </CopilotKit>\n *   );\n * }\n * ```\n * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.\n */\n\nimport React, { useState, useRef, useEffect, useMemo } from \"react\";\nimport {\n  AgentState,\n  StateRendererProps,\n  StateItemRendererProps,\n  SkeletonLoaderProps,\n  ToolStateItem,\n  TaskStateItem,\n  ResponseRendererIconProps,\n} from \"./types\";\n\n/**\n * Default expand icon component\n */\nconst DefaultExpandIcon: React.FC<ResponseRendererIconProps> = ({ className }) => (\n  <svg\n    className={className}\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <polyline points=\"6 9 12 15 18 9\"></polyline>\n  </svg>\n);\n\n/**\n * Default collapse icon component\n */\nconst DefaultCollapseIcon: React.FC<ResponseRendererIconProps> = ({ className }) => (\n  <svg\n    className={className}\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <polyline points=\"18 15 12 9 6 15\"></polyline>\n  </svg>\n);\n\n/**\n * Default loader icon component\n */\nconst DefaultLoaderIcon: React.FC<ResponseRendererIconProps> = ({ className }) => (\n  <svg\n    className={`${className} copilotkit-spinner`}\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M21 12a9 9 0 1 1-6.219-8.56\"></path>\n  </svg>\n);\n\n/**\n * Helper to safely format content\n */\nconst formatContent = (result: unknown): string => {\n  if (result === null || result === undefined) return \"\";\n  return typeof result === \"string\" ? result : JSON.stringify(result, null, 2);\n};\n\n/**\n * Default skeleton loader component\n */\nconst DefaultSkeletonLoader: React.FC<SkeletonLoaderProps> = ({ className }) => (\n  <div className={className || \"copilotkit-skeleton\"}>\n    <div className=\"copilotkit-skeleton-header\">\n      <div className=\"copilotkit-skeleton-title\"></div>\n      <div className=\"copilotkit-skeleton-subtitle\"></div>\n    </div>\n    <div className=\"copilotkit-skeleton-content\"></div>\n  </div>\n);\n\n/**\n * Default state item renderer component\n */\nconst DefaultStateItemRenderer: React.FC<StateItemRendererProps> = ({\n  item,\n  isNewest,\n  className,\n}) => (\n  <div\n    className={`${className || \"copilotkit-state-item\"} ${isNewest ? \"copilotkit-state-item-newest\" : \"\"}`}\n  >\n    <div className=\"copilotkit-state-item-header\">{\"tool\" in item ? item.tool : item.name}</div>\n\n    {\"thought\" in item && item.thought && (\n      <div className=\"copilotkit-state-item-thought\">{item.thought}</div>\n    )}\n\n    {\"result\" in item && item.result !== undefined && item.result !== null && (\n      <div className=\"copilotkit-state-item-result\">{formatContent(item.result)}</div>\n    )}\n\n    {\"description\" in item && item.description && (\n      <div className=\"copilotkit-state-item-description\">{item.description}</div>\n    )}\n  </div>\n);\n\n/**\n * Default state renderer component\n */\nexport const DefaultStateRenderer: React.FC<StateRendererProps> = ({\n  state,\n  status,\n  StateItemRenderer = DefaultStateItemRenderer,\n  SkeletonLoader = DefaultSkeletonLoader,\n  labels,\n  icons,\n  className = \"copilotkit-state\",\n  contentClassName = \"copilotkit-state-content\",\n  itemClassName = \"copilotkit-state-item\",\n  maxHeight = \"250px\",\n  defaultCollapsed = true,\n}) => {\n  const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const prevItemsLengthRef = useRef<number>(0);\n  const [newestItemId, setNewestItemId] = useState<string | null>(null);\n\n  // Default label values\n  const defaultLabels = {\n    inProgressLabel: \"Analyzing\",\n    completeLabel: \"Analyzed\",\n    emptyLabel: \"No activity\",\n  };\n\n  // Merge provided labels with defaults\n  const mergedLabels = { ...defaultLabels, ...labels };\n\n  // Decide which icon to display\n  const ExpandIcon = icons?.expand || DefaultExpandIcon;\n  const CollapseIcon = icons?.collapse || DefaultCollapseIcon;\n\n  // Safely compute derived values using useMemo\n  const items = useMemo(() => {\n    return state\n      ? [...(state.steps?.filter((s) => s.tool) || []), ...(state.tasks || [])].sort(\n          (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime(),\n        )\n      : [];\n  }, [state]);\n\n  // Determine if we should show skeleton UI (thinking but no items yet)\n  const isThinking = status === \"inProgress\" && items.length === 0;\n\n  // Track newest item and auto-scroll\n  useEffect(() => {\n    if (!state) return; // Skip effect if no state\n\n    // If new items were added\n    if (items.length > prevItemsLengthRef.current) {\n      // Get the newest item\n      if (items.length > 0) {\n        const newest = items[items.length - 1];\n        setNewestItemId(newest.id);\n\n        // Clear the animation after 1.5 seconds\n        setTimeout(() => {\n          setNewestItemId(null);\n        }, 1500);\n      }\n\n      // Auto-scroll to bottom\n      if (contentRef.current && !isCollapsed) {\n        contentRef.current.scrollTop = contentRef.current.scrollHeight;\n      }\n    }\n\n    prevItemsLengthRef.current = items.length;\n  }, [items, isCollapsed, state]);\n\n  // Early return for loading state with no state\n  if (!state) {\n    return (\n      <div className={className}>\n        <DefaultLoaderIcon className=\"copilotkit-loader\" />\n      </div>\n    );\n  }\n\n  // Don't render anything if collapsed and empty and not thinking\n  if (isCollapsed && items.length === 0 && !isThinking) return null;\n\n  return (\n    <div className={className}>\n      {/* Header with toggle */}\n      <div className=\"copilotkit-state-header\" onClick={() => setIsCollapsed(!isCollapsed)}>\n        {isCollapsed ? (\n          <ExpandIcon className=\"copilotkit-icon\" />\n        ) : (\n          <CollapseIcon className=\"copilotkit-icon\" />\n        )}\n        <div className=\"copilotkit-state-label\">\n          {status === \"inProgress\" ? (\n            <span className=\"copilotkit-state-label-loading\">{mergedLabels.inProgressLabel}</span>\n          ) : (\n            mergedLabels.completeLabel\n          )}\n        </div>\n      </div>\n\n      {/* Content area */}\n      {!isCollapsed && (\n        <div ref={contentRef} className={contentClassName} style={{ maxHeight }}>\n          {/* Render items if available */}\n          {items.length > 0 ? (\n            items.map((item) => (\n              <StateItemRenderer\n                key={item.id}\n                item={item}\n                isNewest={item.id === newestItemId}\n                className={itemClassName}\n              />\n            ))\n          ) : isThinking ? (\n            // Show skeleton loader while thinking\n            <>\n              <SkeletonLoader />\n              <SkeletonLoader />\n            </>\n          ) : (\n            // Empty state\n            <div className=\"copilotkit-state-empty\">{mergedLabels.emptyLabel}</div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-MWC5OV7Z.mjs

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

package/dist/chunk-N7LTE54T.mjs

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

package/dist/chunk-N7LTE54T.mjs.map

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

package/dist/chunk-UCVCAGU7.mjs

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

package/dist/chunk-UCVCAGU7.mjs.map

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