@copilotkit/react-ui 1.7.2-next.1 → 1.7.2-next.2

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

@@ -0,0 +1,340 @@
+import { ReactNode } from 'react';
+
+/**
+ * Status of a response or action that requires user input
+ */
+type ResponseStatus = "inProgress" | "complete" | "executing";
+/**
+ * Response data structure for the ResponseRenderer
+ */
+interface Response {
+    /**
+     * Unique identifier for the response
+     */
+    id: string;
+    /**
+     * The content of the response to display
+     */
+    content: string;
+    /**
+     * Optional metadata for the response
+     */
+    metadata?: Record<string, any>;
+}
+/**
+ * Optional cache for storing user feedback
+ */
+interface ResponseCache<T extends {
+    id: string;
+}> {
+    /**
+     * Get feedback for a specific ID
+     */
+    getResponse: (id: string) => T | undefined;
+    /**
+     * Set feedback for a specific ID
+     */
+    setResponse: (id: string, response: T) => void;
+}
+/**
+ * Props for custom icon components
+ */
+interface ResponseRendererIconProps {
+    className?: string;
+}
+/**
+ * Icons for the ResponseRenderer component
+ */
+interface ResponseRendererIcons {
+    /**
+     * Icon for expanding content
+     */
+    expand?: React.ComponentType<ResponseRendererIconProps>;
+    /**
+     * Icon for collapsing content
+     */
+    collapse?: React.ComponentType<ResponseRendererIconProps>;
+}
+/**
+ * Labels for the ResponseRenderer component
+ */
+interface ResponseRendererLabels {
+    /**
+     * Label for the response section
+     */
+    responseLabel?: string;
+    /**
+     * Label for the approve button
+     */
+    approveLabel?: string;
+    /**
+     * Label for the reject button
+     */
+    rejectLabel?: string;
+    /**
+     * Message shown when approved
+     */
+    approvedMessage?: string;
+    /**
+     * Message shown when rejected
+     */
+    rejectedMessage?: string;
+    /**
+     * Message shown when feedback is submitted
+     */
+    feedbackSubmittedMessage?: string;
+}
+/**
+ * Props for the content renderer component
+ */
+interface ContentRendererProps {
+    /**
+     * Content to render
+     */
+    content: string;
+    /**
+     * CSS class name for styling
+     */
+    className?: string;
+}
+/**
+ * Props for the feedback button component
+ */
+interface FeedbackButtonProps {
+    /**
+     * The text to display on the button
+     */
+    label: string;
+    /**
+     * Function to call when the button is clicked
+     */
+    onClick: () => void;
+    /**
+     * CSS class name for styling
+     */
+    className?: string;
+}
+/**
+ * Props for the completed feedback display component
+ */
+interface CompletedFeedbackProps {
+    /**
+     * The message to display
+     */
+    message: string;
+    /**
+     * CSS class name for styling
+     */
+    className?: string;
+}
+/**
+ * Props for the ResponseRenderer component
+ */
+interface ResponseRendererProps {
+    /**
+     * The response data to render
+     */
+    response: Response;
+    /**
+     * The current status of the response
+     */
+    status: ResponseStatus;
+    /**
+     * Function to call when a response is given
+     */
+    onRespond?: (input: string) => void;
+    /**
+     * Custom icons for the component
+     */
+    icons?: ResponseRendererIcons;
+    /**
+     * Custom labels for the component
+     */
+    labels?: ResponseRendererLabels;
+    /**
+     * Custom component for rendering content
+     */
+    ContentRenderer?: React.ComponentType<ContentRendererProps>;
+    /**
+     * Custom component for rendering feedback buttons
+     */
+    FeedbackButton?: React.ComponentType<FeedbackButtonProps>;
+    /**
+     * Custom component for rendering completed feedback
+     */
+    CompletedFeedback?: React.ComponentType<CompletedFeedbackProps>;
+    /**
+     * CSS class for the root element
+     */
+    className?: string;
+    /**
+     * CSS class for the content element
+     */
+    contentClassName?: string;
+    /**
+     * CSS class for the actions container
+     */
+    actionsClassName?: string;
+    /**
+     * CSS class for feedback buttons
+     */
+    buttonClassName?: string;
+    /**
+     * CSS class for completed feedback
+     */
+    completedFeedbackClassName?: string;
+    /**
+     * Children nodes
+     */
+    children?: ReactNode;
+}
+/**
+ * Base state item interface for agent state items
+ */
+interface StateItem {
+    /**
+     * Unique identifier for the item
+     */
+    id: string;
+    /**
+     * Timestamp when the item was created
+     */
+    timestamp: string;
+}
+/**
+ * Tool execution state item
+ */
+interface ToolStateItem extends StateItem {
+    /**
+     * Name of the tool that was executed
+     */
+    tool: string;
+    /**
+     * Optional thought process for the tool execution
+     */
+    thought?: string;
+    /**
+     * Result of the tool execution
+     */
+    result?: any;
+}
+/**
+ * Task state item
+ */
+interface TaskStateItem extends StateItem {
+    /**
+     * Name of the task
+     */
+    name: string;
+    /**
+     * Description of the task
+     */
+    description?: string;
+}
+/**
+ * AgentState containing information about steps and tasks
+ */
+interface AgentState {
+    /**
+     * Array of tool execution steps
+     */
+    steps?: ToolStateItem[];
+    /**
+     * Array of tasks
+     */
+    tasks?: TaskStateItem[];
+}
+/**
+ * Props for the item renderer component
+ */
+interface StateItemRendererProps {
+    /**
+     * The item to render
+     */
+    item: ToolStateItem | TaskStateItem;
+    /**
+     * Whether the item is the newest
+     */
+    isNewest: boolean;
+    /**
+     * CSS class for the item container
+     */
+    className?: string;
+}
+/**
+ * Props for the skeleton loader component
+ */
+interface SkeletonLoaderProps {
+    /**
+     * CSS class for the skeleton
+     */
+    className?: string;
+}
+/**
+ * Props for the DefaultStateRenderer component
+ */
+interface StateRendererProps {
+    /**
+     * The state to render
+     */
+    state?: AgentState;
+    /**
+     * The current status
+     */
+    status: ResponseStatus;
+    /**
+     * Custom component for rendering individual state items
+     */
+    StateItemRenderer?: React.ComponentType<StateItemRendererProps>;
+    /**
+     * Custom component for showing a loading skeleton
+     */
+    SkeletonLoader?: React.ComponentType<SkeletonLoaderProps>;
+    /**
+     * Custom labels for the component
+     */
+    labels?: {
+        /**
+         * Label shown when in progress
+         */
+        inProgressLabel?: string;
+        /**
+         * Label shown when complete
+         */
+        completeLabel?: string;
+        /**
+         * Label shown when no items are present
+         */
+        emptyLabel?: string;
+    };
+    /**
+     * Custom icons for the component
+     */
+    icons?: ResponseRendererIcons;
+    /**
+     * CSS class for the root element
+     */
+    className?: string;
+    /**
+     * CSS class for the content container
+     */
+    contentClassName?: string;
+    /**
+     * CSS class for state items
+     */
+    itemClassName?: string;
+    /**
+     * Maximum height for the content area
+     */
+    maxHeight?: string;
+    /**
+     * Initial collapsed state
+     */
+    defaultCollapsed?: boolean;
+    /**
+     * Children nodes
+     */
+    children?: ReactNode;
+}
+
+export { AgentState, CompletedFeedbackProps, ContentRendererProps, FeedbackButtonProps, Response, ResponseCache, ResponseRendererIconProps, ResponseRendererIcons, ResponseRendererLabels, ResponseRendererProps, ResponseStatus, SkeletonLoaderProps, StateItem, StateItemRendererProps, StateRendererProps, TaskStateItem, ToolStateItem };

package/dist/components/crew/types.js

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/components/crew/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/crew/types.ts"],"sourcesContent":["import { ReactNode } from \"react\";\n\n/**\n * Status of a response or action that requires user input\n */\nexport type ResponseStatus = \"inProgress\" | \"complete\" | \"executing\";\n\n/**\n * Response data structure for the ResponseRenderer\n */\nexport interface Response {\n  /**\n   * Unique identifier for the response\n   */\n  id: string;\n\n  /**\n   * The content of the response to display\n   */\n  content: string;\n\n  /**\n   * Optional metadata for the response\n   */\n  metadata?: Record<string, any>;\n}\n\n/**\n * Optional cache for storing user feedback\n */\nexport interface ResponseCache<T extends { id: string }> {\n  /**\n   * Get feedback for a specific ID\n   */\n  getResponse: (id: string) => T | undefined;\n\n  /**\n   * Set feedback for a specific ID\n   */\n  setResponse: (id: string, response: T) => void;\n}\n\n/**\n * Props for custom icon components\n */\nexport interface ResponseRendererIconProps {\n  className?: string;\n}\n\n/**\n * Icons for the ResponseRenderer component\n */\nexport interface ResponseRendererIcons {\n  /**\n   * Icon for expanding content\n   */\n  expand?: React.ComponentType<ResponseRendererIconProps>;\n\n  /**\n   * Icon for collapsing content\n   */\n  collapse?: React.ComponentType<ResponseRendererIconProps>;\n}\n\n/**\n * Labels for the ResponseRenderer component\n */\nexport interface ResponseRendererLabels {\n  /**\n   * Label for the response section\n   */\n  responseLabel?: string;\n\n  /**\n   * Label for the approve button\n   */\n  approveLabel?: string;\n\n  /**\n   * Label for the reject button\n   */\n  rejectLabel?: string;\n\n  /**\n   * Message shown when approved\n   */\n  approvedMessage?: string;\n\n  /**\n   * Message shown when rejected\n   */\n  rejectedMessage?: string;\n\n  /**\n   * Message shown when feedback is submitted\n   */\n  feedbackSubmittedMessage?: string;\n}\n\n/**\n * Props for the content renderer component\n */\nexport interface ContentRendererProps {\n  /**\n   * Content to render\n   */\n  content: string;\n\n  /**\n   * CSS class name for styling\n   */\n  className?: string;\n}\n\n/**\n * Props for the feedback button component\n */\nexport interface FeedbackButtonProps {\n  /**\n   * The text to display on the button\n   */\n  label: string;\n\n  /**\n   * Function to call when the button is clicked\n   */\n  onClick: () => void;\n\n  /**\n   * CSS class name for styling\n   */\n  className?: string;\n}\n\n/**\n * Props for the completed feedback display component\n */\nexport interface CompletedFeedbackProps {\n  /**\n   * The message to display\n   */\n  message: string;\n\n  /**\n   * CSS class name for styling\n   */\n  className?: string;\n}\n\n/**\n * Props for the ResponseRenderer component\n */\nexport interface ResponseRendererProps {\n  /**\n   * The response data to render\n   */\n  response: Response;\n\n  /**\n   * The current status of the response\n   */\n  status: ResponseStatus;\n\n  /**\n   * Function to call when a response is given\n   */\n  onRespond?: (input: string) => void;\n\n  /**\n   * Custom icons for the component\n   */\n  icons?: ResponseRendererIcons;\n\n  /**\n   * Custom labels for the component\n   */\n  labels?: ResponseRendererLabels;\n\n  /**\n   * Custom component for rendering content\n   */\n  ContentRenderer?: React.ComponentType<ContentRendererProps>;\n\n  /**\n   * Custom component for rendering feedback buttons\n   */\n  FeedbackButton?: React.ComponentType<FeedbackButtonProps>;\n\n  /**\n   * Custom component for rendering completed feedback\n   */\n  CompletedFeedback?: React.ComponentType<CompletedFeedbackProps>;\n\n  /**\n   * CSS class for the root element\n   */\n  className?: string;\n\n  /**\n   * CSS class for the content element\n   */\n  contentClassName?: string;\n\n  /**\n   * CSS class for the actions container\n   */\n  actionsClassName?: string;\n\n  /**\n   * CSS class for feedback buttons\n   */\n  buttonClassName?: string;\n\n  /**\n   * CSS class for completed feedback\n   */\n  completedFeedbackClassName?: string;\n\n  /**\n   * Children nodes\n   */\n  children?: ReactNode;\n}\n\n/**\n * Base state item interface for agent state items\n */\nexport interface StateItem {\n  /**\n   * Unique identifier for the item\n   */\n  id: string;\n\n  /**\n   * Timestamp when the item was created\n   */\n  timestamp: string;\n}\n\n/**\n * Tool execution state item\n */\nexport interface ToolStateItem extends StateItem {\n  /**\n   * Name of the tool that was executed\n   */\n  tool: string;\n\n  /**\n   * Optional thought process for the tool execution\n   */\n  thought?: string;\n\n  /**\n   * Result of the tool execution\n   */\n  result?: any;\n}\n\n/**\n * Task state item\n */\nexport interface TaskStateItem extends StateItem {\n  /**\n   * Name of the task\n   */\n  name: string;\n\n  /**\n   * Description of the task\n   */\n  description?: string;\n}\n\n/**\n * AgentState containing information about steps and tasks\n */\nexport interface AgentState {\n  /**\n   * Array of tool execution steps\n   */\n  steps?: ToolStateItem[];\n\n  /**\n   * Array of tasks\n   */\n  tasks?: TaskStateItem[];\n}\n\n/**\n * Props for the item renderer component\n */\nexport interface StateItemRendererProps {\n  /**\n   * The item to render\n   */\n  item: ToolStateItem | TaskStateItem;\n\n  /**\n   * Whether the item is the newest\n   */\n  isNewest: boolean;\n\n  /**\n   * CSS class for the item container\n   */\n  className?: string;\n}\n\n/**\n * Props for the skeleton loader component\n */\nexport interface SkeletonLoaderProps {\n  /**\n   * CSS class for the skeleton\n   */\n  className?: string;\n}\n\n/**\n * Props for the DefaultStateRenderer component\n */\nexport interface StateRendererProps {\n  /**\n   * The state to render\n   */\n  state?: AgentState;\n\n  /**\n   * The current status\n   */\n  status: ResponseStatus;\n\n  /**\n   * Custom component for rendering individual state items\n   */\n  StateItemRenderer?: React.ComponentType<StateItemRendererProps>;\n\n  /**\n   * Custom component for showing a loading skeleton\n   */\n  SkeletonLoader?: React.ComponentType<SkeletonLoaderProps>;\n\n  /**\n   * Custom labels for the component\n   */\n  labels?: {\n    /**\n     * Label shown when in progress\n     */\n    inProgressLabel?: string;\n\n    /**\n     * Label shown when complete\n     */\n    completeLabel?: string;\n\n    /**\n     * Label shown when no items are present\n     */\n    emptyLabel?: string;\n  };\n\n  /**\n   * Custom icons for the component\n   */\n  icons?: ResponseRendererIcons;\n\n  /**\n   * CSS class for the root element\n   */\n  className?: string;\n\n  /**\n   * CSS class for the content container\n   */\n  contentClassName?: string;\n\n  /**\n   * CSS class for state items\n   */\n  itemClassName?: string;\n\n  /**\n   * Maximum height for the content area\n   */\n  maxHeight?: string;\n\n  /**\n   * Initial collapsed state\n   */\n  defaultCollapsed?: boolean;\n\n  /**\n   * Children nodes\n   */\n  children?: ReactNode;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/components/crew/types.mjs

@@ -0,0 +1,2 @@
+import "../../chunk-N7LTE54T.mjs";
+//# sourceMappingURL=types.mjs.map

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

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

package/dist/components/dev-console/console.mjs

@@ -2,12 +2,12 @@
 import {
   CopilotDevConsole,
   DebugMenuButton
-} from "../../chunk-22K5DDPF.mjs";
-import "../../chunk-6TCUJ3B7.mjs";
+} from "../../chunk-ZIF5JJCH.mjs";
 import "../../chunk-KXE2JCUH.mjs";
 import "../../chunk-TI7SY2RI.mjs";
-import "../../chunk-BH6PCAAL.mjs";
 import "../../chunk-OTPAZXVR.mjs";
+import "../../chunk-6TCUJ3B7.mjs";
+import "../../chunk-BH6PCAAL.mjs";
 import "../../chunk-FZC7X5PK.mjs";
 import "../../chunk-MRXNTQOX.mjs";
 export {

package/dist/components/dev-console/index.mjs

@@ -1,14 +1,14 @@
 import "../../chunk-V7W6IM2V.mjs";
 import {
   CopilotDevConsole
-} from "../../chunk-22K5DDPF.mjs";
+} from "../../chunk-ZIF5JJCH.mjs";
+import "../../chunk-KXE2JCUH.mjs";
+import "../../chunk-TI7SY2RI.mjs";
+import "../../chunk-OTPAZXVR.mjs";
 import {
   shouldShowDevConsole
 } from "../../chunk-6TCUJ3B7.mjs";
-import "../../chunk-KXE2JCUH.mjs";
-import "../../chunk-TI7SY2RI.mjs";
 import "../../chunk-BH6PCAAL.mjs";
-import "../../chunk-OTPAZXVR.mjs";
 import "../../chunk-FZC7X5PK.mjs";
 import "../../chunk-MRXNTQOX.mjs";
 export {

package/dist/components/index.d.ts

@@ -8,6 +8,9 @@ export { UserMessage } from './chat/messages/UserMessage.js';
 export { useChatContext } from './chat/ChatContext.js';
 export { shouldShowDevConsole } from './dev-console/utils.js';
 export { CopilotDevConsole } from './dev-console/console.js';
+export { DefaultResponseRenderer, createResponseCache } from './crew/DefaultResponseRenderer.js';
+export { DefaultStateRenderer } from './crew/DefaultStateRenderer.js';
+export { AgentState, CompletedFeedbackProps, ContentRendererProps, FeedbackButtonProps, Response, ResponseCache, ResponseRendererIconProps, ResponseRendererIcons, ResponseRendererLabels, ResponseRendererProps, ResponseStatus, SkeletonLoaderProps, StateItem, StateItemRendererProps, StateRendererProps, TaskStateItem, ToolStateItem } from './crew/types.js';
 import '@copilotkit/runtime-client-gql';
 import 'react/jsx-runtime';
 import './chat/Modal.js';