@copilotkit/react-ui 1.8.0-next.3 → 1.8.0-next.5

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":[]}

package/dist/components/crew/DefaultResponseRenderer.d.ts

@@ -1,110 +0,0 @@
-import React__default from 'react';
-import { ResponseRendererProps } from './types.js';
-
-/**
- * <br/>
- * A response renderer component for the CopilotKit framework. This component displays
- * a response that may require user feedback, such as approving or rejecting a suggestion.
- * It provides a flexible, customizable interface for rendering responses with user interaction.
- *
- * ## Install Dependencies
- *
- * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
- *
- * ```shell npm2yarn \"@copilotkit/react-ui"\
- * npm install @copilotkit/react-core @copilotkit/react-ui
- * ```
- *
- * ## Usage
- *
- * ```tsx
- * import { DefaultResponseRenderer } from "@copilotkit/react-ui";
- * import "@copilotkit/react-ui/styles.css";
- *
- * // Basic usage
- * <DefaultResponseRenderer
- *   response={{
- *     id: "response-1",
- *     content: "I've analyzed your data and found these insights..."
- *   }}
- *   status="inProgress"
- *   onRespond={(input) => console.log(`User responded: ${input}`)}
- * />
- * ```
- *
- * ## Customization
- *
- * You can customize the appearance and behavior of the component:
- *
- * ```tsx
- * // Custom labels and styling
- * <DefaultResponseRenderer
- *   response={{
- *     id: "task-123",
- *     content: "Would you like to proceed with this recommendation?"
- *   }}
- *   status="inProgress"
- *   onRespond={handleResponse}
- *   labels={{
- *     responseLabel: "AI Recommendation",
- *     approveLabel: "Yes, proceed",
- *     rejectLabel: "No, cancel",
- *     approvedMessage: "Proceeding with recommendation",
- *     rejectedMessage: "Recommendation cancelled"
- *   }}
- *   className="my-custom-response"
- *   contentClassName="my-custom-content"
- *   buttonClassName="my-custom-button"
- * />
- *
- * // Custom components
- * <DefaultResponseRenderer
- *   response={{
- *     id: "task-456",
- *     content: "# Important Decision\nThis requires your approval"
- *   }}
- *   status="inProgress"
- *   onRespond={handleResponse}
- *   ContentRenderer={({ content, className }) => (
- *     <MyMarkdownRenderer content={content} className={className} />
- *   )}
- *   FeedbackButton={({ label, onClick, className }) => (
- *     <MyCustomButton label={label} onClick={onClick} className={className} />
- *   )}
- * />
- * ```
- *
- * ### Look & Feel
- *
- * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
- * ```tsx title="YourRootComponent.tsx"
- * ...
- * import "@copilotkit/react-ui/styles.css"; // [!code highlight]
- *
- * export function YourRootComponent() {
- *   return (
- *     <CopilotKit>
- *       ...
- *     </CopilotKit>
- *   );
- * }
- * ```
- * 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.
- */
-
-/**
- * Creates a cache for storing response feedback
- */
-declare const createResponseCache: <T extends {
-    id: string;
-}>() => {
-    getResponse: (id: string) => T | undefined;
-    setResponse: (id: string, response: T) => Map<string, T>;
-};
-/**
- * Default response renderer component that handles rendering responses
- * and collecting user feedback
- */
-declare const DefaultResponseRenderer: React__default.FC<ResponseRendererProps>;
-
-export { DefaultResponseRenderer, createResponseCache };

package/dist/components/crew/DefaultResponseRenderer.js

@@ -1,175 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/crew/DefaultResponseRenderer.tsx
-var DefaultResponseRenderer_exports = {};
-__export(DefaultResponseRenderer_exports, {
-  DefaultResponseRenderer: () => DefaultResponseRenderer,
-  createResponseCache: () => createResponseCache
-});
-module.exports = __toCommonJS(DefaultResponseRenderer_exports);
-var import_react = require("react");
-var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsx)(
-  "svg",
-  {
-    className,
-    width: "12",
-    height: "12",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
-  }
-);
-var DefaultCollapseIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  "svg",
-  {
-    className,
-    width: "12",
-    height: "12",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
-  }
-);
-var DefaultContentRenderer = ({ content, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children: content });
-var DefaultFeedbackButton = ({ label, onClick, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick, className, children: label });
-var DefaultCompletedFeedback = ({ message, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime.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] = (0, import_react.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { className, children: [
-    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentRenderer, { content: response.content, className: contentClassName }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: actionsClassName, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "copilotkit-response-label", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => setIsExpanded(!isExpanded), className: "copilotkit-toggle-button", children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapseIcon, { className: "copilotkit-icon" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpandIcon, { className: "copilotkit-icon" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: mergedLabels.responseLabel })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "copilotkit-response-buttons", children: renderFeedback() })
-    ] })
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DefaultResponseRenderer,
-  createResponseCache
-});
-//# sourceMappingURL=DefaultResponseRenderer.js.map

package/dist/components/crew/DefaultResponseRenderer.js.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/components/crew/DefaultResponseRenderer.mjs

@@ -1,10 +0,0 @@
-import {
-  DefaultResponseRenderer,
-  createResponseCache
-} from "../../chunk-EJG6RRSX.mjs";
-import "../../chunk-MRXNTQOX.mjs";
-export {
-  DefaultResponseRenderer,
-  createResponseCache
-};
-//# sourceMappingURL=DefaultResponseRenderer.mjs.map

package/dist/components/crew/DefaultResponseRenderer.mjs.map

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

package/dist/components/crew/DefaultStateRenderer.d.ts

@@ -1,88 +0,0 @@
-import React__default from 'react';
-import { StateRendererProps } from './types.js';
-
-/**
- * <br/>
- * A state renderer component for the CopilotKit framework. This component displays
- * the internal state of an agent, such as the steps it has taken and the tasks it has performed.
- * It provides a collapsible UI that shows the agent's thought process and actions.
- *
- * ## Install Dependencies
- *
- * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
- *
- * ```shell npm2yarn \"@copilotkit/react-ui"\
- * npm install @copilotkit/react-core @copilotkit/react-ui
- * ```
- *
- * ## Usage
- *
- * ```tsx
- * import { DefaultStateRenderer } from "@copilotkit/react-ui";
- * import "@copilotkit/react-ui/styles.css";
- *
- * // Basic usage
- * <DefaultStateRenderer
- *   state={agentState}
- *   status="inProgress"
- * />
- * ```
- *
- * ## Customization
- *
- * You can customize the appearance and behavior of the component:
- *
- * ```tsx
- * // Custom labels and styling
- * <DefaultStateRenderer
- *   state={agentState}
- *   status="inProgress"
- *   labels={{
- *     inProgressLabel: "Thinking...",
- *     completeLabel: "Finished processing",
- *     emptyLabel: "Nothing to show"
- *   }}
- *   className="my-custom-state"
- *   contentClassName="my-custom-content"
- *   itemClassName="my-custom-item"
- *   maxHeight="300px"
- *   defaultCollapsed={false}
- * />
- *
- * // Custom renderers
- * <DefaultStateRenderer
- *   state={agentState}
- *   status="inProgress"
- *   StateItemRenderer={({ item, isNewest, className }) => (
- *     <MyCustomItemRenderer item={item} isNewest={isNewest} className={className} />
- *   )}
- *   SkeletonLoader={({ className }) => (
- *     <MyCustomSkeletonLoader className={className} />
- *   )}
- * />
- * ```
- *
- * ### Look & Feel
- *
- * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
- * ```tsx title="YourRootComponent.tsx"
- * ...
- * import "@copilotkit/react-ui/styles.css"; // [!code highlight]
- *
- * export function YourRootComponent() {
- *   return (
- *     <CopilotKit>
- *       ...
- *     </CopilotKit>
- *   );
- * }
- * ```
- * 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.
- */
-
-/**
- * Default state renderer component
- */
-declare const DefaultStateRenderer: React__default.FC<StateRendererProps>;
-
-export { DefaultStateRenderer };