@copilotkit/react-core 1.51.4-next.6 → 1.51.4-next.8

package/dist/chunk-R7BV32X4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-tree.ts"],"sourcesContent":["import { randomId } from \"@copilotkit/shared\";\nimport { useCallback, useReducer } from \"react\";\n\nexport type TreeNodeId = string;\n\nexport interface TreeNode {\n  id: TreeNodeId;\n  value: string;\n  children: TreeNode[];\n  parentId?: TreeNodeId;\n  categories: Set<string>;\n}\n\nexport type Tree = TreeNode[];\n\nexport interface UseTreeReturn {\n  tree: Tree;\n  addElement: (\n    value: string,\n    categories: string[],\n    parentId?: TreeNodeId,\n  ) => TreeNodeId;\n  printTree: (categories: string[]) => string;\n  removeElement: (id: TreeNodeId) => void;\n  getAllElements: () => Tree;\n}\n\nconst findNode = (nodes: Tree, id: TreeNodeId): TreeNode | undefined => {\n  for (const node of nodes) {\n    if (node.id === id) {\n      return node;\n    }\n    const result = findNode(node.children, id);\n    if (result) {\n      return result;\n    }\n  }\n  return undefined;\n};\n\nconst removeNode = (nodes: Tree, id: TreeNodeId): Tree => {\n  return nodes.reduce((result: Tree, node) => {\n    if (node.id !== id) {\n      const newNode = { ...node, children: removeNode(node.children, id) };\n      result.push(newNode);\n    }\n    return result;\n  }, []);\n};\n\nconst addNode = (\n  nodes: Tree,\n  newNode: TreeNode,\n  parentId?: TreeNodeId,\n): Tree => {\n  if (!parentId) {\n    return [...nodes, newNode];\n  }\n  return nodes.map((node) => {\n    if (node.id === parentId) {\n      return { ...node, children: [...node.children, newNode] };\n    } else if (node.children.length) {\n      return { ...node, children: addNode(node.children, newNode, parentId) };\n    }\n    return node;\n  });\n};\n\nconst treeIndentationRepresentation = (\n  index: number,\n  indentLevel: number,\n): string => {\n  if (indentLevel === 0) {\n    return (index + 1).toString();\n  } else if (indentLevel === 1) {\n    return String.fromCharCode(65 + index); // 65 is the ASCII value for 'A'\n  } else if (indentLevel === 2) {\n    return String.fromCharCode(97 + index); // 97 is the ASCII value for 'a'\n  } else {\n    return \"-\";\n  }\n};\n\nconst printNode = (node: TreeNode, prefix = \"\", indentLevel = 0): string => {\n  const indent = \" \".repeat(3).repeat(indentLevel);\n\n  const prefixPlusIndentLength = prefix.length + indent.length;\n  const subsequentLinesPrefix = \" \".repeat(prefixPlusIndentLength);\n\n  const valueLines = node.value.split(\"\\n\");\n\n  const outputFirstLine = `${indent}${prefix}${valueLines[0]}`;\n  const outputSubsequentLines = valueLines\n    .slice(1)\n    .map((line) => `${subsequentLinesPrefix}${line}`)\n    .join(\"\\n\");\n\n  let output = `${outputFirstLine}\\n`;\n  if (outputSubsequentLines) {\n    output += `${outputSubsequentLines}\\n`;\n  }\n\n  const childPrePrefix = \" \".repeat(prefix.length);\n\n  node.children.forEach(\n    (child, index) =>\n      (output += printNode(\n        child,\n        `${childPrePrefix}${treeIndentationRepresentation(index, indentLevel + 1)}. `,\n        indentLevel + 1,\n      )),\n  );\n  return output;\n};\n\n// Action types\ntype Action =\n  | {\n      type: \"ADD_NODE\";\n      value: string;\n      parentId?: string;\n      id: string;\n      categories: string[];\n    }\n  | { type: \"REMOVE_NODE\"; id: string };\n\n// Reducer function\nfunction treeReducer(state: Tree, action: Action): Tree {\n  switch (action.type) {\n    case \"ADD_NODE\": {\n      const { value, parentId, id: newNodeId } = action;\n      const newNode: TreeNode = {\n        id: newNodeId,\n        value,\n        children: [],\n        categories: new Set(action.categories),\n      };\n\n      try {\n        return addNode(state, newNode, parentId);\n      } catch (error) {\n        console.error(`Error while adding node with id ${newNodeId}: ${error}`);\n        return state;\n      }\n    }\n    case \"REMOVE_NODE\":\n      return removeNode(state, action.id);\n    default:\n      return state;\n  }\n}\n\n// useTree hook\nconst useTree = (): UseTreeReturn => {\n  const [tree, dispatch] = useReducer(treeReducer, []);\n\n  const addElement = useCallback(\n    (value: string, categories: string[], parentId?: string): TreeNodeId => {\n      const newNodeId = randomId(); // Generate new ID outside of dispatch\n      dispatch({\n        type: \"ADD_NODE\",\n        value,\n        parentId,\n        id: newNodeId,\n        categories: categories,\n      });\n      return newNodeId; // Return the new ID\n    },\n    [],\n  );\n\n  const removeElement = useCallback((id: TreeNodeId): void => {\n    dispatch({ type: \"REMOVE_NODE\", id });\n  }, []);\n\n  const getAllElements = useCallback(() => {\n    return tree;\n  }, [tree]);\n\n  const printTree = useCallback(\n    (categories: string[]): string => {\n      const categoriesSet = new Set(categories);\n\n      let output = \"\";\n      tree.forEach((node, index) => {\n        // if the node does not have any of the desired categories, continue to the next node\n        if (!setsHaveIntersection(categoriesSet, node.categories)) {\n          return;\n        }\n\n        // add a new line before each node except the first one\n        if (index !== 0) {\n          output += \"\\n\";\n        }\n\n        output += printNode(\n          node,\n          `${treeIndentationRepresentation(index, 0)}. `,\n        );\n      });\n      return output;\n    },\n    [tree],\n  );\n\n  return { tree, addElement, printTree, removeElement, getAllElements };\n};\n\nexport default useTree;\n\nfunction setsHaveIntersection<T>(setA: Set<T>, setB: Set<T>): boolean {\n  const [smallerSet, largerSet] =\n    setA.size <= setB.size ? [setA, setB] : [setB, setA];\n\n  for (let item of smallerSet) {\n    if (largerSet.has(item)) {\n      return true;\n    }\n  }\n\n  return false;\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-VKNLTZJE.mjs → chunk-S65UEHGI.mjs}

@@ -1,19 +1,23 @@
-import {
-  useToast
-} from "./chunk-EFL5OBKN.mjs";
 import {
   useCoAgentStateRenders
-} from "./chunk-QD7EID4N.mjs";
+} from "./chunk-IHMMKEFG.mjs";
 import {
   CopilotContext
-} from "./chunk-AFNWX62Q.mjs";
+} from "./chunk-C7HSVDHD.mjs";
+import {
+  useToast
+} from "./chunk-ZP2IMXFY.mjs";
 
 // src/hooks/use-coagent-state-render.ts
 import { useRef, useContext, useEffect } from "react";
 import { randomId, CopilotKitAgentDiscoveryError } from "@copilotkit/shared";
 function useCoAgentStateRender(action, dependencies) {
   const { chatComponentsCache, availableAgents } = useContext(CopilotContext);
-  const { setCoAgentStateRender, removeCoAgentStateRender, coAgentStateRenders } = useCoAgentStateRenders();
+  const {
+    setCoAgentStateRender,
+    removeCoAgentStateRender,
+    coAgentStateRenders
+  } = useCoAgentStateRenders();
   const idRef = useRef(randomId());
   const { setBannerError, addToast } = useToast();
   useEffect(() => {
@@ -21,7 +25,10 @@ function useCoAgentStateRender(action, dependencies) {
       const message = `(useCoAgentStateRender): Agent "${action.name}" not found. Make sure the agent exists and is properly configured.`;
       const agentError = new CopilotKitAgentDiscoveryError({
         agentName: action.name,
-        availableAgents: availableAgents.map((a) => ({ name: a.name, id: a.id }))
+        availableAgents: availableAgents.map((a) => ({
+          name: a.name,
+          id: a.id
+        }))
       });
       setBannerError(agentError);
     }
@@ -39,19 +46,21 @@ function useCoAgentStateRender(action, dependencies) {
   }
   useEffect(() => {
     const currentId = idRef.current;
-    const hasDuplicate = Object.entries(coAgentStateRenders).some(([id, otherAction]) => {
-      if (id === currentId)
-        return false;
-      if (otherAction.name !== action.name)
-        return false;
-      const hasNodeName = !!action.nodeName;
-      const hasOtherNodeName = !!otherAction.nodeName;
-      if (!hasNodeName && !hasOtherNodeName)
-        return true;
-      if (hasNodeName !== hasOtherNodeName)
-        return false;
-      return action.nodeName === otherAction.nodeName;
-    });
+    const hasDuplicate = Object.entries(coAgentStateRenders).some(
+      ([id, otherAction]) => {
+        if (id === currentId)
+          return false;
+        if (otherAction.name !== action.name)
+          return false;
+        const hasNodeName = !!action.nodeName;
+        const hasOtherNodeName = !!otherAction.nodeName;
+        if (!hasNodeName && !hasOtherNodeName)
+          return true;
+        if (hasNodeName !== hasOtherNodeName)
+          return false;
+        return action.nodeName === otherAction.nodeName;
+      }
+    );
     if (hasDuplicate) {
       const message = action.nodeName ? `Found multiple state renders for agent ${action.name} and node ${action.nodeName}. State renders might get overridden` : `Found multiple state renders for agent ${action.name}. State renders might get overridden`;
       addToast({
@@ -83,4 +92,4 @@ function useCoAgentStateRender(action, dependencies) {
 export {
   useCoAgentStateRender
 };
-//# sourceMappingURL=chunk-VKNLTZJE.mjs.map
+//# sourceMappingURL=chunk-S65UEHGI.mjs.map

package/dist/chunk-S65UEHGI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-coagent-state-render.ts"],"sourcesContent":["/**\n * The useCoAgentStateRender hook allows you to render UI or text based components on a Agentic Copilot's state in the chat.\n * This is particularly useful for showing intermediate state or progress during Agentic Copilot operations.\n *\n * ## Usage\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCoAgentStateRender } from \"@copilotkit/react-core\";\n *\n * type YourAgentState = {\n *   agent_state_property: string;\n * }\n *\n * useCoAgentStateRender<YourAgentState>({\n *   name: \"basic_agent\",\n *   nodeName: \"optionally_specify_a_specific_node\",\n *   render: ({ status, state, nodeName }) => {\n *     return (\n *       <YourComponent\n *         agentStateProperty={state.agent_state_property}\n *         status={status}\n *         nodeName={nodeName}\n *       />\n *     );\n *   },\n * });\n * ```\n *\n * This allows for you to render UI components or text based on what is happening within the agent.\n *\n * ### Example\n * A great example of this is in our Perplexity Clone where we render the progress of an agent's internet search as it is happening.\n * You can play around with it below or learn how to build it with its [demo](/coagents/videos/perplexity-clone).\n *\n * <Callout type=\"info\">\n *   This example is hosted on Vercel and may take a few seconds to load.\n * </Callout>\n *\n * <iframe src=\"https://examples-coagents-ai-researcher-ui.vercel.app/\" className=\"w-full rounded-lg border h-[700px] my-4\" />\n */\n\nimport { useRef, useContext, useEffect } from \"react\";\nimport { CopilotContext } from \"../context/copilot-context\";\nimport { randomId, CopilotKitAgentDiscoveryError } from \"@copilotkit/shared\";\nimport { CoAgentStateRender } from \"../types/coagent-action\";\nimport { useToast } from \"../components/toast/toast-provider\";\nimport { useCoAgentStateRenders } from \"../context/coagent-state-renders-context\";\n\n/**\n * This hook is used to render agent state with custom UI components or text. This is particularly\n * useful for showing intermediate state or progress during Agentic Copilot operations.\n * To get started using rendering intermediate state through this hook, checkout the documentation.\n *\n * https://docs.copilotkit.ai/coagents/shared-state/predictive-state-updates\n */\n\n// We implement useCoAgentStateRender dependency handling so that\n// the developer has the option to not provide any dependencies.\n// see useCopilotAction for more details about this approach.\nexport function useCoAgentStateRender<T = any>(\n  action: CoAgentStateRender<T>,\n  dependencies?: any[],\n): void {\n  const { chatComponentsCache, availableAgents } = useContext(CopilotContext);\n  const {\n    setCoAgentStateRender,\n    removeCoAgentStateRender,\n    coAgentStateRenders,\n  } = useCoAgentStateRenders();\n  const idRef = useRef<string>(randomId());\n  const { setBannerError, addToast } = useToast();\n\n  useEffect(() => {\n    if (\n      availableAgents?.length &&\n      !availableAgents.some((a) => a.name === action.name)\n    ) {\n      const message = `(useCoAgentStateRender): Agent \"${action.name}\" not found. Make sure the agent exists and is properly configured.`;\n\n      // Route to banner instead of toast for consistency\n      const agentError = new CopilotKitAgentDiscoveryError({\n        agentName: action.name,\n        availableAgents: availableAgents.map((a) => ({\n          name: a.name,\n          id: a.id,\n        })),\n      });\n      setBannerError(agentError);\n    }\n  }, [availableAgents]);\n\n  const key = `${action.name}-${action.nodeName || \"global\"}`;\n\n  if (dependencies === undefined) {\n    if (coAgentStateRenders[idRef.current]) {\n      coAgentStateRenders[idRef.current].handler = action.handler as any;\n      if (typeof action.render === \"function\") {\n        if (chatComponentsCache.current !== null) {\n          chatComponentsCache.current.coAgentStateRenders[key] = action.render;\n        }\n      }\n    }\n  }\n\n  useEffect(() => {\n    // Check for duplicates by comparing against all other actions\n    const currentId = idRef.current;\n    const hasDuplicate = Object.entries(coAgentStateRenders).some(\n      ([id, otherAction]) => {\n        // Skip comparing with self\n        if (id === currentId) return false;\n\n        // Different agent names are never duplicates\n        if (otherAction.name !== action.name) return false;\n\n        // Same agent names:\n        const hasNodeName = !!action.nodeName;\n        const hasOtherNodeName = !!otherAction.nodeName;\n\n        // If neither has nodeName, they're duplicates\n        if (!hasNodeName && !hasOtherNodeName) return true;\n\n        // If one has nodeName and other doesn't, they're not duplicates\n        if (hasNodeName !== hasOtherNodeName) return false;\n\n        // If both have nodeName, they're duplicates only if the names match\n        return action.nodeName === otherAction.nodeName;\n      },\n    );\n\n    if (hasDuplicate) {\n      const message = action.nodeName\n        ? `Found multiple state renders for agent ${action.name} and node ${action.nodeName}. State renders might get overridden`\n        : `Found multiple state renders for agent ${action.name}. State renders might get overridden`;\n\n      addToast({\n        type: \"warning\",\n        message,\n        id: `dup-action-${action.name}`,\n      });\n    }\n  }, [coAgentStateRenders]);\n\n  useEffect(() => {\n    setCoAgentStateRender(idRef.current, action as any);\n    if (chatComponentsCache.current !== null && action.render !== undefined) {\n      chatComponentsCache.current.coAgentStateRenders[key] = action.render;\n    }\n    return () => {\n      removeCoAgentStateRender(idRef.current);\n    };\n  }, [\n    setCoAgentStateRender,\n    removeCoAgentStateRender,\n    action.name,\n    // include render only if it's a string\n    typeof action.render === \"string\" ? action.render : undefined,\n    // dependencies set by the developer\n    ...(dependencies || []),\n  ]);\n}\n"],"mappings":";;;;;;;;;;;AA2CA,SAAS,QAAQ,YAAY,iBAAiB;AAE9C,SAAS,UAAU,qCAAqC;AAgBjD,SAAS,sBACd,QACA,cACM;AACN,QAAM,EAAE,qBAAqB,gBAAgB,IAAI,WAAW,cAAc;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,uBAAuB;AAC3B,QAAM,QAAQ,OAAe,SAAS,CAAC;AACvC,QAAM,EAAE,gBAAgB,SAAS,IAAI,SAAS;AAE9C,YAAU,MAAM;AACd,SACE,mDAAiB,WACjB,CAAC,gBAAgB,KAAK,CAAC,MAAM,EAAE,SAAS,OAAO,IAAI,GACnD;AACA,YAAM,UAAU,mCAAmC,OAAO;AAG1D,YAAM,aAAa,IAAI,8BAA8B;AAAA,QACnD,WAAW,OAAO;AAAA,QAClB,iBAAiB,gBAAgB,IAAI,CAAC,OAAO;AAAA,UAC3C,MAAM,EAAE;AAAA,UACR,IAAI,EAAE;AAAA,QACR,EAAE;AAAA,MACJ,CAAC;AACD,qBAAe,UAAU;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,MAAM,GAAG,OAAO,QAAQ,OAAO,YAAY;AAEjD,MAAI,iBAAiB,QAAW;AAC9B,QAAI,oBAAoB,MAAM,OAAO,GAAG;AACtC,0BAAoB,MAAM,OAAO,EAAE,UAAU,OAAO;AACpD,UAAI,OAAO,OAAO,WAAW,YAAY;AACvC,YAAI,oBAAoB,YAAY,MAAM;AACxC,8BAAoB,QAAQ,oBAAoB,GAAG,IAAI,OAAO;AAAA,QAChE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,YAAU,MAAM;AAEd,UAAM,YAAY,MAAM;AACxB,UAAM,eAAe,OAAO,QAAQ,mBAAmB,EAAE;AAAA,MACvD,CAAC,CAAC,IAAI,WAAW,MAAM;AAErB,YAAI,OAAO;AAAW,iBAAO;AAG7B,YAAI,YAAY,SAAS,OAAO;AAAM,iBAAO;AAG7C,cAAM,cAAc,CAAC,CAAC,OAAO;AAC7B,cAAM,mBAAmB,CAAC,CAAC,YAAY;AAGvC,YAAI,CAAC,eAAe,CAAC;AAAkB,iBAAO;AAG9C,YAAI,gBAAgB;AAAkB,iBAAO;AAG7C,eAAO,OAAO,aAAa,YAAY;AAAA,MACzC;AAAA,IACF;AAEA,QAAI,cAAc;AAChB,YAAM,UAAU,OAAO,WACnB,0CAA0C,OAAO,iBAAiB,OAAO,iDACzE,0CAA0C,OAAO;AAErD,eAAS;AAAA,QACP,MAAM;AAAA,QACN;AAAA,QACA,IAAI,cAAc,OAAO;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,mBAAmB,CAAC;AAExB,YAAU,MAAM;AACd,0BAAsB,MAAM,SAAS,MAAa;AAClD,QAAI,oBAAoB,YAAY,QAAQ,OAAO,WAAW,QAAW;AACvE,0BAAoB,QAAQ,oBAAoB,GAAG,IAAI,OAAO;AAAA,IAChE;AACA,WAAO,MAAM;AACX,+BAAyB,MAAM,OAAO;AAAA,IACxC;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA,OAAO;AAAA;AAAA,IAEP,OAAO,OAAO,WAAW,WAAW,OAAO,SAAS;AAAA;AAAA,IAEpD,GAAI,gBAAgB,CAAC;AAAA,EACvB,CAAC;AACH;","names":[]}

package/dist/{chunk-YCG6SNAU.mjs → chunk-SBRCWA4S.mjs}

@@ -2,10 +2,10 @@ import {
   CheckIcon,
   CopilotKitIcon,
   ExclamationMarkTriangleIcon
-} from "./chunk-PIF5KJYI.mjs";
+} from "./chunk-7PJKPWMD.mjs";
 import {
   useCopilotContext
-} from "./chunk-AFNWX62Q.mjs";
+} from "./chunk-C7HSVDHD.mjs";
 import {
   useCopilotMessagesContext
 } from "./chunk-DMLQZG75.mjs";
@@ -14,7 +14,11 @@ import {
 import { COPILOTKIT_VERSION } from "@copilotkit/shared";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
+function DeveloperConsoleModal({
+  isOpen,
+  onClose,
+  hasApiKey
+}) {
   const context = useCopilotContext();
   const messagesContext = useCopilotMessagesContext();
   const [activeTab, setActiveTab] = useState("actions");
@@ -37,9 +41,18 @@ function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
     return null;
   const displayContext = hasApiKey ? context : {
     actions: {
-      search_web: { name: "search_web", description: "Search the web for information" },
-      send_email: { name: "send_email", description: "Send an email to a contact" },
-      create_document: { name: "create_document", description: "Create a new document" },
+      search_web: {
+        name: "search_web",
+        description: "Search the web for information"
+      },
+      send_email: {
+        name: "send_email",
+        description: "Send an email to a contact"
+      },
+      create_document: {
+        name: "create_document",
+        description: "Create a new document"
+      },
       analyze_code: {
         name: "analyze_code",
         description: "Analyze code for issues and improvements"
@@ -69,7 +82,10 @@ function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
     ],
     coagentStates: {
       "main-agent": { status: "active", lastUpdate: Date.now() },
-      "code-assistant": { status: "active", lastUpdate: Date.now() - 15e3 },
+      "code-assistant": {
+        status: "active",
+        lastUpdate: Date.now() - 15e3
+      },
       "search-agent": { status: "idle", lastUpdate: Date.now() - 6e4 }
     },
     getDocumentsContext: () => [
@@ -99,13 +115,21 @@ function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
         role: "assistant",
         content: "I'll help you create a todo list with drag and drop. Let me start by setting up the basic components and then add the drag and drop functionality using React DnD."
       },
-      { id: "3", role: "user", content: "Can you also add priority levels and due dates?" },
+      {
+        id: "3",
+        role: "user",
+        content: "Can you also add priority levels and due dates?"
+      },
       {
         id: "4",
         role: "assistant",
         content: "Absolutely! I'll enhance the todo items with priority levels (high, medium, low) and due date functionality. This will make your todo list much more powerful for task management."
       },
-      { id: "5", role: "user", content: "Perfect! How about adding categories or tags?" }
+      {
+        id: "5",
+        role: "user",
+        content: "Perfect! How about adding categories or tags?"
+      }
     ]
   };
   return /* @__PURE__ */ jsx(
@@ -222,14 +246,26 @@ function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
                   opacity: !hasApiKey ? 0.9 : 1
                 },
                 children: [
-                  { id: "actions", label: "Actions", count: Object.keys(displayContext.actions).length },
-                  { id: "readables", label: "Readables", count: displayContext.getAllContext().length },
+                  {
+                    id: "actions",
+                    label: "Actions",
+                    count: Object.keys(displayContext.actions).length
+                  },
+                  {
+                    id: "readables",
+                    label: "Readables",
+                    count: displayContext.getAllContext().length
+                  },
                   {
                     id: "agent",
                     label: "Agent Status",
                     count: Object.keys(displayContext.coagentStates).length
                   },
-                  { id: "messages", label: "Messages", count: displayMessagesContext.messages.length },
+                  {
+                    id: "messages",
+                    label: "Messages",
+                    count: displayMessagesContext.messages.length
+                  },
                   {
                     id: "context",
                     label: "Context",
@@ -455,11 +491,35 @@ function ActionsTab({ context }) {
       children: /* @__PURE__ */ jsxs(
         "div",
         {
-          style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" },
+          style: {
+            display: "flex",
+            alignItems: "flex-start",
+            justifyContent: "space-between"
+          },
           children: [
             /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx("h3", { style: { fontWeight: "600", color: "#1f2937", margin: "0 0 4px 0" }, children: action.name }),
-              action.description && /* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color: "#4b5563", margin: "0 0 12px 0" }, children: action.description }),
+              /* @__PURE__ */ jsx(
+                "h3",
+                {
+                  style: {
+                    fontWeight: "600",
+                    color: "#1f2937",
+                    margin: "0 0 4px 0"
+                  },
+                  children: action.name
+                }
+              ),
+              action.description && /* @__PURE__ */ jsx(
+                "p",
+                {
+                  style: {
+                    fontSize: "14px",
+                    color: "#4b5563",
+                    margin: "0 0 12px 0"
+                  },
+                  children: action.description
+                }
+              ),
               action.parameters && action.parameters.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "12px" }, children: [
                 /* @__PURE__ */ jsx(
                   "p",
@@ -474,15 +534,56 @@ function ActionsTab({ context }) {
                     children: "Parameters:"
                   }
                 ),
-                /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: action.parameters.map((param, pIndex) => /* @__PURE__ */ jsxs("div", { style: { fontSize: "14px" }, children: [
-                  /* @__PURE__ */ jsx("span", { style: { fontFamily: "monospace", color: "#374151" }, children: param.name }),
-                  param.required && /* @__PURE__ */ jsx("span", { style: { marginLeft: "4px", fontSize: "12px", color: "#ef4444" }, children: "*required" }),
-                  param.type && /* @__PURE__ */ jsxs("span", { style: { marginLeft: "8px", fontSize: "12px", color: "#6b7280" }, children: [
-                    "(",
-                    param.type,
-                    ")"
-                  ] })
-                ] }, pIndex)) })
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "4px"
+                    },
+                    children: action.parameters.map(
+                      (param, pIndex) => /* @__PURE__ */ jsxs("div", { style: { fontSize: "14px" }, children: [
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            style: {
+                              fontFamily: "monospace",
+                              color: "#374151"
+                            },
+                            children: param.name
+                          }
+                        ),
+                        param.required && /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            style: {
+                              marginLeft: "4px",
+                              fontSize: "12px",
+                              color: "#ef4444"
+                            },
+                            children: "*required"
+                          }
+                        ),
+                        param.type && /* @__PURE__ */ jsxs(
+                          "span",
+                          {
+                            style: {
+                              marginLeft: "8px",
+                              fontSize: "12px",
+                              color: "#6b7280"
+                            },
+                            children: [
+                              "(",
+                              param.type,
+                              ")"
+                            ]
+                          }
+                        )
+                      ] }, pIndex)
+                    )
+                  }
+                )
               ] })
             ] }),
             /* @__PURE__ */ jsx("div", { style: { marginLeft: "16px" }, children: action.status === "available" ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(ExclamationMarkTriangleIcon, {}) })
@@ -514,10 +615,34 @@ function ReadablesTab({ context }) {
       children: /* @__PURE__ */ jsx(
         "div",
         {
-          style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" },
+          style: {
+            display: "flex",
+            alignItems: "flex-start",
+            justifyContent: "space-between"
+          },
           children: /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
-            /* @__PURE__ */ jsx("h3", { style: { fontWeight: "600", color: "#1f2937", margin: "0 0 4px 0" }, children: readable.name || `Readable ${index + 1}` }),
-            readable.description && /* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color: "#4b5563", margin: "0 0 12px 0" }, children: readable.description }),
+            /* @__PURE__ */ jsx(
+              "h3",
+              {
+                style: {
+                  fontWeight: "600",
+                  color: "#1f2937",
+                  margin: "0 0 4px 0"
+                },
+                children: readable.name || `Readable ${index + 1}`
+              }
+            ),
+            readable.description && /* @__PURE__ */ jsx(
+              "p",
+              {
+                style: {
+                  fontSize: "14px",
+                  color: "#4b5563",
+                  margin: "0 0 12px 0"
+                },
+                children: readable.description
+              }
+            ),
             readable.value && /* @__PURE__ */ jsx(
               "pre",
               {
@@ -570,7 +695,18 @@ function AgentStatusTab({ context }) {
               marginBottom: "16px"
             },
             children: [
-              /* @__PURE__ */ jsx("h3", { style: { fontWeight: "600", fontSize: "18px", color: "#1f2937", margin: 0 }, children: agentName }),
+              /* @__PURE__ */ jsx(
+                "h3",
+                {
+                  style: {
+                    fontWeight: "600",
+                    fontSize: "18px",
+                    color: "#1f2937",
+                    margin: 0
+                  },
+                  children: agentName
+                }
+              ),
               /* @__PURE__ */ jsx(
                 "span",
                 {
@@ -661,7 +797,9 @@ function AgentStatusTab({ context }) {
     agentName
   )) });
 }
-function MessagesTab({ messagesContext }) {
+function MessagesTab({
+  messagesContext
+}) {
   const messages = messagesContext.messages || [];
   if (messages.length === 0) {
     return /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: "48px 0", color: "#6b7280" }, children: [
@@ -707,7 +845,17 @@ function MessagesTab({ messagesContext }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx("div", { style: { fontSize: "14px", color: "#1f2937", whiteSpace: "pre-wrap" }, children: message.content || "" })
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              fontSize: "14px",
+              color: "#1f2937",
+              whiteSpace: "pre-wrap"
+            },
+            children: message.content || ""
+          }
+        )
       ]
     },
     index
@@ -732,7 +880,13 @@ function ContextTab({ context }) {
         border: "1px solid #e5e7eb"
       },
       children: [
-        /* @__PURE__ */ jsx("h3", { style: { fontWeight: "600", color: "#1f2937", margin: "0 0 8px 0" }, children: doc.name || `Document ${index + 1}` }),
+        /* @__PURE__ */ jsx(
+          "h3",
+          {
+            style: { fontWeight: "600", color: "#1f2937", margin: "0 0 8px 0" },
+            children: doc.name || `Document ${index + 1}`
+          }
+        ),
         doc.content && /* @__PURE__ */ jsx(
           "pre",
           {
@@ -756,4 +910,4 @@ function ContextTab({ context }) {
 export {
   DeveloperConsoleModal
 };
-//# sourceMappingURL=chunk-YCG6SNAU.mjs.map
+//# sourceMappingURL=chunk-SBRCWA4S.mjs.map

package/dist/chunk-SBRCWA4S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dev-console/developer-console-modal.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCopilotContext } from \"../../context/copilot-context\";\nimport { useCopilotMessagesContext } from \"../../context/copilot-messages-context\";\nimport { COPILOTKIT_VERSION } from \"@copilotkit/shared\";\nimport { useEffect, useState } from \"react\";\nimport {\n  CheckIcon,\n  CopilotKitIcon,\n  ExclamationMarkTriangleIcon,\n} from \"./icons\";\n\n// Type definitions for the developer console\ninterface ActionParameter {\n  name: string;\n  required?: boolean;\n  type?: string;\n}\n\ninterface Action {\n  name: string;\n  description?: string;\n  parameters?: ActionParameter[];\n  status?: string;\n}\n\ninterface Readable {\n  name?: string;\n  description?: string;\n  value?: any;\n  content?: string;\n  metadata?: Record<string, any>;\n}\n\ninterface AgentState {\n  status?: string;\n  state?: any;\n  running?: boolean;\n  lastUpdate?: number;\n}\n\ninterface Message {\n  id?: string;\n  role?: \"user\" | \"assistant\" | \"system\";\n  content?: string;\n  timestamp?: number;\n  [key: string]: any; // Allow additional properties from CopilotKit\n}\n\ninterface Document {\n  name?: string;\n  content?: string;\n  metadata?: Record<string, any>;\n}\n\ninterface DisplayContext {\n  actions: Record<string, Action>;\n  getAllContext: () => Readable[];\n  coagentStates: Record<string, AgentState>;\n  getDocumentsContext: (args?: any[]) => Document[];\n}\n\ninterface MessagesContext {\n  messages: Message[];\n}\n\ninterface DeveloperConsoleModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  hasApiKey: boolean;\n}\n\nexport function DeveloperConsoleModal({\n  isOpen,\n  onClose,\n  hasApiKey,\n}: DeveloperConsoleModalProps) {\n  const context = useCopilotContext();\n  const messagesContext = useCopilotMessagesContext();\n  const [activeTab, setActiveTab] = useState(\"actions\");\n\n  // Handle escape key\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        onClose();\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"keydown\", handleEscape);\n      document.body.style.overflow = \"hidden\";\n    }\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape);\n      document.body.style.overflow = \"unset\";\n    };\n  }, [isOpen, onClose]);\n\n  if (!isOpen) return null;\n\n  // Create mock data for preview when no API key\n  const displayContext: DisplayContext = hasApiKey\n    ? (context as DisplayContext)\n    : {\n        actions: {\n          search_web: {\n            name: \"search_web\",\n            description: \"Search the web for information\",\n          },\n          send_email: {\n            name: \"send_email\",\n            description: \"Send an email to a contact\",\n          },\n          create_document: {\n            name: \"create_document\",\n            description: \"Create a new document\",\n          },\n          analyze_code: {\n            name: \"analyze_code\",\n            description: \"Analyze code for issues and improvements\",\n          },\n          generate_tests: {\n            name: \"generate_tests\",\n            description: \"Generate unit tests for functions\",\n          },\n        },\n        getAllContext: () => [\n          {\n            content:\n              \"User preferences: dark mode enabled, TypeScript preferred\",\n            metadata: { source: \"settings\" },\n          },\n          {\n            content:\n              \"Current project: Building a React application with CopilotKit\",\n            metadata: { source: \"project\" },\n          },\n          {\n            content: \"Recent activity: Implemented authentication system\",\n            metadata: { source: \"activity\" },\n          },\n          {\n            content: \"Development environment: VS Code, Node.js 18, React 18\",\n            metadata: { source: \"environment\" },\n          },\n        ],\n        coagentStates: {\n          \"main-agent\": { status: \"active\", lastUpdate: Date.now() },\n          \"code-assistant\": {\n            status: \"active\",\n            lastUpdate: Date.now() - 15000,\n          },\n          \"search-agent\": { status: \"idle\", lastUpdate: Date.now() - 60000 },\n        },\n        getDocumentsContext: () => [\n          {\n            content: \"README.md: Project setup and installation instructions\",\n            metadata: { type: \"documentation\" },\n          },\n          {\n            content: \"API Documentation: CopilotKit integration guide\",\n            metadata: { type: \"documentation\" },\n          },\n          {\n            content: \"package.json: Project dependencies and scripts\",\n            metadata: { type: \"configuration\" },\n          },\n        ],\n      };\n\n  const displayMessagesContext: MessagesContext = hasApiKey\n    ? (messagesContext as MessagesContext)\n    : {\n        messages: [\n          {\n            id: \"1\",\n            role: \"user\",\n            content:\n              \"Help me implement a todo list with drag and drop functionality\",\n          },\n          {\n            id: \"2\",\n            role: \"assistant\",\n            content:\n              \"I'll help you create a todo list with drag and drop. Let me start by setting up the basic components and then add the drag and drop functionality using React DnD.\",\n          },\n          {\n            id: \"3\",\n            role: \"user\",\n            content: \"Can you also add priority levels and due dates?\",\n          },\n          {\n            id: \"4\",\n            role: \"assistant\",\n            content:\n              \"Absolutely! I'll enhance the todo items with priority levels (high, medium, low) and due date functionality. This will make your todo list much more powerful for task management.\",\n          },\n          {\n            id: \"5\",\n            role: \"user\",\n            content: \"Perfect! How about adding categories or tags?\",\n          },\n        ],\n      };\n\n  return (\n    <div\n      style={{\n        position: \"fixed\",\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        zIndex: 9999,\n        backgroundColor: \"rgba(0, 0, 0, 0.3)\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        padding: \"16px\",\n      }}\n      onClick={onClose}\n    >\n      <div\n        style={{\n          width: \"1152px\",\n          maxWidth: \"95vw\",\n          height: \"80vh\",\n          backgroundColor: \"white\",\n          borderRadius: \"12px\",\n          boxShadow: \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          overflow: \"hidden\",\n          position: \"relative\",\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            padding: \"24px\",\n            borderBottom: \"1px solid #e5e7eb\",\n            minHeight: \"73px\",\n            flexShrink: 0,\n            filter: !hasApiKey ? \"blur(0.3px)\" : \"none\",\n            opacity: !hasApiKey ? 0.95 : 1,\n          }}\n        >\n          <div style={{ display: \"flex\", alignItems: \"center\", gap: \"12px\" }}>\n            <CopilotKitIcon />\n            <h1\n              style={{\n                fontWeight: \"bold\",\n                fontSize: \"20px\",\n                color: \"#1f2937\",\n                margin: 0,\n              }}\n            >\n              Inspector\n            </h1>\n            <span\n              style={{\n                fontSize: \"14px\",\n                color: \"#6b7280\",\n                backgroundColor: \"#f3f4f6\",\n                padding: \"4px 8px\",\n                borderRadius: \"4px\",\n              }}\n            >\n              v{COPILOTKIT_VERSION}\n            </span>\n          </div>\n          <button\n            onClick={onClose}\n            style={{\n              color: \"#9ca3af\",\n              fontSize: \"24px\",\n              fontWeight: \"300\",\n              border: \"none\",\n              background: \"none\",\n              cursor: \"pointer\",\n              padding: \"4px\",\n            }}\n            onMouseEnter={(e) => (e.currentTarget.style.color = \"#4b5563\")}\n            onMouseLeave={(e) => (e.currentTarget.style.color = \"#9ca3af\")}\n          >\n            ×\n          </button>\n        </div>\n\n        {/* Tab Navigation */}\n        <div\n          style={{\n            display: \"flex\",\n            borderBottom: \"1px solid #e5e7eb\",\n            backgroundColor: \"#f9fafb\",\n            minHeight: \"50px\",\n            flexShrink: 0,\n            filter: !hasApiKey ? \"blur(0.3px)\" : \"none\",\n            opacity: !hasApiKey ? 0.9 : 1,\n          }}\n        >\n          {[\n            {\n              id: \"actions\",\n              label: \"Actions\",\n              count: Object.keys(displayContext.actions).length,\n            },\n            {\n              id: \"readables\",\n              label: \"Readables\",\n              count: displayContext.getAllContext().length,\n            },\n            {\n              id: \"agent\",\n              label: \"Agent Status\",\n              count: Object.keys(displayContext.coagentStates).length,\n            },\n            {\n              id: \"messages\",\n              label: \"Messages\",\n              count: displayMessagesContext.messages.length,\n            },\n            {\n              id: \"context\",\n              label: \"Context\",\n              count: displayContext.getDocumentsContext([]).length,\n            },\n          ].map((tab) => (\n            <button\n              key={tab.id}\n              onClick={() => setActiveTab(tab.id)}\n              style={{\n                padding: \"12px 24px\",\n                fontSize: \"14px\",\n                fontWeight: \"500\",\n                border: \"none\",\n                cursor: \"pointer\",\n                backgroundColor: activeTab === tab.id ? \"white\" : \"transparent\",\n                color: activeTab === tab.id ? \"#2563eb\" : \"#6b7280\",\n                borderBottom:\n                  activeTab === tab.id ? \"2px solid #2563eb\" : \"none\",\n                transition: \"all 0.2s\",\n              }}\n              onMouseEnter={(e) => {\n                if (activeTab !== tab.id) {\n                  e.currentTarget.style.color = \"#1f2937\";\n                  e.currentTarget.style.backgroundColor = \"#f3f4f6\";\n                }\n              }}\n              onMouseLeave={(e) => {\n                if (activeTab !== tab.id) {\n                  e.currentTarget.style.color = \"#6b7280\";\n                  e.currentTarget.style.backgroundColor = \"transparent\";\n                }\n              }}\n            >\n              {tab.label}\n              {tab.count > 0 && (\n                <span\n                  style={{\n                    marginLeft: \"8px\",\n                    backgroundColor: \"#e5e7eb\",\n                    color: \"#374151\",\n                    padding: \"2px 8px\",\n                    borderRadius: \"9999px\",\n                    fontSize: \"12px\",\n                  }}\n                >\n                  {tab.count}\n                </span>\n              )}\n            </button>\n          ))}\n        </div>\n\n        {/* Content */}\n        <div\n          style={{\n            height: \"calc(100% - 142px)\",\n            overflow: \"auto\",\n            padding: \"24px\",\n            backgroundColor: \"#f9fafb\",\n            filter: !hasApiKey ? \"blur(0.3px)\" : \"none\",\n            opacity: !hasApiKey ? 0.85 : 1,\n          }}\n        >\n          {activeTab === \"actions\" && <ActionsTab context={displayContext} />}\n          {activeTab === \"readables\" && (\n            <ReadablesTab context={displayContext} />\n          )}\n          {activeTab === \"agent\" && <AgentStatusTab context={displayContext} />}\n          {activeTab === \"messages\" && (\n            <MessagesTab messagesContext={displayMessagesContext} />\n          )}\n          {activeTab === \"context\" && <ContextTab context={displayContext} />}\n        </div>\n\n        {/* Footer */}\n        <div\n          style={{\n            padding: \"16px 24px\",\n            borderTop: \"1px solid #e5e7eb\",\n            backgroundColor: \"white\",\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            minHeight: \"57px\",\n            flexShrink: 0,\n            filter: !hasApiKey ? \"blur(0.3px)\" : \"none\",\n            opacity: !hasApiKey ? 0.9 : 1,\n          }}\n        >\n          <div style={{ fontSize: \"14px\", color: \"#6b7280\" }}>\n            <a\n              href=\"https://github.com/CopilotKit/CopilotKit/issues\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              style={{ color: \"#2563eb\", textDecoration: \"none\" }}\n              onMouseEnter={(e) =>\n                (e.currentTarget.style.textDecoration = \"underline\")\n              }\n              onMouseLeave={(e) =>\n                (e.currentTarget.style.textDecoration = \"none\")\n              }\n            >\n              Report an issue\n            </a>\n          </div>\n          <div style={{ fontSize: \"14px\", color: \"#6b7280\" }}>\n            <a\n              href=\"https://mcp.copilotkit.ai/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              style={{ color: \"#2563eb\", textDecoration: \"none\" }}\n              onMouseEnter={(e) =>\n                (e.currentTarget.style.textDecoration = \"underline\")\n              }\n              onMouseLeave={(e) =>\n                (e.currentTarget.style.textDecoration = \"none\")\n              }\n            >\n              Add MCP Server →\n            </a>\n          </div>\n        </div>\n\n        {/* Enhanced CTA Overlay */}\n        {!hasApiKey && (\n          <div\n            style={{\n              position: \"absolute\",\n              top: 0,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              backgroundColor: \"rgba(255, 255, 255, 0.2)\",\n              backdropFilter: \"blur(2px)\",\n              WebkitBackdropFilter: \"blur(2px)\",\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              borderRadius: \"12px\",\n              zIndex: 10,\n            }}\n            onClick={(e) => e.stopPropagation()}\n          >\n            <button\n              onClick={() =>\n                window.open(\"https://cloud.copilotkit.ai/sign-in\", \"_blank\")\n              }\n              style={{\n                // Following button system specifications\n                height: \"48px\",\n                padding: \"12px 24px\",\n                backgroundColor: \"#030507\", // textPrimary token\n                color: \"#FFFFFF\",\n                borderRadius: \"12px\", // Medium radius token\n                border: \"none\",\n                cursor: \"pointer\",\n                fontSize: \"14px\", // Medium Semi Bold typography\n                fontWeight: \"600\",\n                fontFamily:\n                  \"'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif\",\n                lineHeight: \"22px\",\n                boxShadow:\n                  \"0 4px 16px rgba(3, 5, 7, 0.2), 0 1px 3px rgba(3, 5, 7, 0.1)\",\n                transition: \"all 200ms ease\", // 200ms ease as per specs\n                display: \"inline-flex\",\n                alignItems: \"center\",\n                gap: \"8px\",\n                textTransform: \"uppercase\",\n                letterSpacing: \"0.5px\",\n              }}\n              onMouseEnter={(e) => {\n                e.currentTarget.style.backgroundColor = \"#575758\"; // textSecondary token for hover\n                e.currentTarget.style.transform = \"translateY(-1px)\";\n                e.currentTarget.style.boxShadow =\n                  \"0 6px 20px rgba(3, 5, 7, 0.25), 0 2px 4px rgba(3, 5, 7, 0.15)\";\n              }}\n              onMouseLeave={(e) => {\n                e.currentTarget.style.backgroundColor = \"#030507\";\n                e.currentTarget.style.transform = \"translateY(0)\";\n                e.currentTarget.style.boxShadow =\n                  \"0 4px 16px rgba(3, 5, 7, 0.2), 0 1px 3px rgba(3, 5, 7, 0.1)\";\n              }}\n              onMouseDown={(e) => {\n                e.currentTarget.style.backgroundColor = \"#858589\"; // textDisabled token for pressed\n                e.currentTarget.style.transform = \"translateY(0)\";\n              }}\n              onMouseUp={(e) => {\n                e.currentTarget.style.backgroundColor = \"#575758\";\n                e.currentTarget.style.transform = \"translateY(-1px)\";\n              }}\n              onFocus={(e) => {\n                e.currentTarget.style.outline = \"2px solid #BEC9FF\";\n                e.currentTarget.style.outlineOffset = \"2px\";\n              }}\n              onBlur={(e) => {\n                e.currentTarget.style.outline = \"none\";\n              }}\n            >\n              Get License Key\n              <span style={{ fontSize: \"16px\", marginLeft: \"-4px\" }}>→</span>\n            </button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// Tab Components\nfunction ActionsTab({ context }: { context: DisplayContext }) {\n  const actions = Object.values(context.actions);\n\n  if (actions.length === 0) {\n    return (\n      <div style={{ textAlign: \"center\", padding: \"48px 0\", color: \"#6b7280\" }}>\n        <p style={{ fontSize: \"18px\", margin: \"0 0 8px 0\" }}>\n          No actions available\n        </p>\n        <p style={{ fontSize: \"14px\", margin: 0 }}>\n          Actions will appear here when registered\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      {actions.map((action: Action, index: number) => (\n        <div\n          key={index}\n          style={{\n            backgroundColor: \"white\",\n            padding: \"16px\",\n            borderRadius: \"8px\",\n            boxShadow: \"0 1px 3px 0 rgba(0, 0, 0, 0.1)\",\n            border: \"1px solid #e5e7eb\",\n          }}\n        >\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"flex-start\",\n              justifyContent: \"space-between\",\n            }}\n          >\n            <div style={{ flex: 1 }}>\n              <h3\n                style={{\n                  fontWeight: \"600\",\n                  color: \"#1f2937\",\n                  margin: \"0 0 4px 0\",\n                }}\n              >\n                {action.name}\n              </h3>\n              {action.description && (\n                <p\n                  style={{\n                    fontSize: \"14px\",\n                    color: \"#4b5563\",\n                    margin: \"0 0 12px 0\",\n                  }}\n                >\n                  {action.description}\n                </p>\n              )}\n              {action.parameters && action.parameters.length > 0 && (\n                <div style={{ marginTop: \"12px\" }}>\n                  <p\n                    style={{\n                      fontSize: \"12px\",\n                      fontWeight: \"500\",\n                      color: \"#6b7280\",\n                      textTransform: \"uppercase\",\n                      margin: \"0 0 4px 0\",\n                    }}\n                  >\n                    Parameters:\n                  </p>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      flexDirection: \"column\",\n                      gap: \"4px\",\n                    }}\n                  >\n                    {action.parameters.map(\n                      (param: ActionParameter, pIndex: number) => (\n                        <div key={pIndex} style={{ fontSize: \"14px\" }}>\n                          <span\n                            style={{\n                              fontFamily: \"monospace\",\n                              color: \"#374151\",\n                            }}\n                          >\n                            {param.name}\n                          </span>\n                          {param.required && (\n                            <span\n                              style={{\n                                marginLeft: \"4px\",\n                                fontSize: \"12px\",\n                                color: \"#ef4444\",\n                              }}\n                            >\n                              *required\n                            </span>\n                          )}\n                          {param.type && (\n                            <span\n                              style={{\n                                marginLeft: \"8px\",\n                                fontSize: \"12px\",\n                                color: \"#6b7280\",\n                              }}\n                            >\n                              ({param.type})\n                            </span>\n                          )}\n                        </div>\n                      ),\n                    )}\n                  </div>\n                </div>\n              )}\n            </div>\n            <div style={{ marginLeft: \"16px\" }}>\n              {action.status === \"available\" ? (\n                <CheckIcon />\n              ) : (\n                <ExclamationMarkTriangleIcon />\n              )}\n            </div>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction ReadablesTab({ context }: { context: DisplayContext }) {\n  const readables = context.getAllContext();\n\n  if (readables.length === 0) {\n    return (\n      <div style={{ textAlign: \"center\", padding: \"48px 0\", color: \"#6b7280\" }}>\n        <p style={{ fontSize: \"18px\", margin: \"0 0 8px 0\" }}>\n          No readable context available\n        </p>\n        <p style={{ fontSize: \"14px\", margin: 0 }}>\n          Readable context will appear here when provided\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      {readables.map((readable: Readable, index: number) => (\n        <div\n          key={index}\n          style={{\n            backgroundColor: \"white\",\n            padding: \"16px\",\n            borderRadius: \"8px\",\n            boxShadow: \"0 1px 3px 0 rgba(0, 0, 0, 0.1)\",\n            border: \"1px solid #e5e7eb\",\n          }}\n        >\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"flex-start\",\n              justifyContent: \"space-between\",\n            }}\n          >\n            <div style={{ flex: 1 }}>\n              <h3\n                style={{\n                  fontWeight: \"600\",\n                  color: \"#1f2937\",\n                  margin: \"0 0 4px 0\",\n                }}\n              >\n                {readable.name || `Readable ${index + 1}`}\n              </h3>\n              {readable.description && (\n                <p\n                  style={{\n                    fontSize: \"14px\",\n                    color: \"#4b5563\",\n                    margin: \"0 0 12px 0\",\n                  }}\n                >\n                  {readable.description}\n                </p>\n              )}\n              {readable.value && (\n                <pre\n                  style={{\n                    marginTop: \"12px\",\n                    padding: \"8px\",\n                    backgroundColor: \"#f9fafb\",\n                    borderRadius: \"4px\",\n                    fontSize: \"12px\",\n                    overflowX: \"auto\",\n                    margin: \"12px 0 0 0\",\n                  }}\n                >\n                  {JSON.stringify(readable.value, null, 2)}\n                </pre>\n              )}\n            </div>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction AgentStatusTab({ context }: { context: DisplayContext }) {\n  const agentStates = context.coagentStates || {};\n  const agentStateEntries = Object.entries(agentStates);\n\n  if (agentStateEntries.length === 0) {\n    return (\n      <div style={{ textAlign: \"center\", padding: \"48px 0\", color: \"#6b7280\" }}>\n        <p style={{ fontSize: \"18px\", margin: \"0 0 8px 0\" }}>\n          No agent states available\n        </p>\n        <p style={{ fontSize: \"14px\", margin: 0 }}>\n          Agent states will appear here when agents are active\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"24px\" }}>\n      {agentStateEntries.map(([agentName, state]: [string, AgentState]) => (\n        <div\n          key={agentName}\n          style={{\n            backgroundColor: \"white\",\n            padding: \"24px\",\n            borderRadius: \"8px\",\n            boxShadow: \"0 1px 3px 0 rgba(0, 0, 0, 0.1)\",\n            border: \"1px solid #e5e7eb\",\n          }}\n        >\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"space-between\",\n              marginBottom: \"16px\",\n            }}\n          >\n            <h3\n              style={{\n                fontWeight: \"600\",\n                fontSize: \"18px\",\n                color: \"#1f2937\",\n                margin: 0,\n              }}\n            >\n              {agentName}\n            </h3>\n            <span\n              style={{\n                padding: \"4px 12px\",\n                borderRadius: \"9999px\",\n                fontSize: \"12px\",\n                fontWeight: \"500\",\n                backgroundColor:\n                  state.status === \"running\"\n                    ? \"#dcfce7\"\n                    : state.status === \"complete\"\n                      ? \"#dbeafe\"\n                      : \"#f3f4f6\",\n                color:\n                  state.status === \"running\"\n                    ? \"#166534\"\n                    : state.status === \"complete\"\n                      ? \"#1e40af\"\n                      : \"#1f2937\",\n              }}\n            >\n              {state.status || \"idle\"}\n            </span>\n          </div>\n\n          {state.state && (\n            <div style={{ marginBottom: \"12px\" }}>\n              <p\n                style={{\n                  fontSize: \"12px\",\n                  fontWeight: \"500\",\n                  color: \"#6b7280\",\n                  textTransform: \"uppercase\",\n                  margin: \"0 0 4px 0\",\n                }}\n              >\n                Current State:\n              </p>\n              <pre\n                style={{\n                  padding: \"12px\",\n                  backgroundColor: \"#f9fafb\",\n                  borderRadius: \"4px\",\n                  fontSize: \"12px\",\n                  overflowX: \"auto\",\n                  margin: 0,\n                }}\n              >\n                {JSON.stringify(state.state, null, 2)}\n              </pre>\n            </div>\n          )}\n\n          {state.running && (\n            <div\n              style={{\n                marginTop: \"16px\",\n                display: \"flex\",\n                alignItems: \"center\",\n                fontSize: \"14px\",\n                color: \"#4b5563\",\n              }}\n            >\n              <div style={{ marginRight: \"8px\" }}>\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  style={{ animation: \"spin 1s linear infinite\" }}\n                >\n                  <style>{`@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }`}</style>\n                  <circle\n                    cx=\"8\"\n                    cy=\"8\"\n                    r=\"6\"\n                    fill=\"none\"\n                    stroke=\"#4b5563\"\n                    strokeWidth=\"2\"\n                    strokeDasharray=\"9 3\"\n                  />\n                </svg>\n              </div>\n              <span>Agent is currently running...</span>\n            </div>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction MessagesTab({\n  messagesContext,\n}: {\n  messagesContext: MessagesContext;\n}) {\n  const messages = messagesContext.messages || [];\n\n  if (messages.length === 0) {\n    return (\n      <div style={{ textAlign: \"center\", padding: \"48px 0\", color: \"#6b7280\" }}>\n        <p style={{ fontSize: \"18px\", margin: \"0 0 8px 0\" }}>No messages yet</p>\n        <p style={{ fontSize: \"14px\", margin: 0 }}>\n          Messages will appear here as the conversation progresses\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      {messages.map((message: Message, index: number) => (\n        <div\n          key={index}\n          style={{\n            padding: \"16px\",\n            borderRadius: \"8px\",\n            backgroundColor:\n              message.role === \"user\"\n                ? \"#eff6ff\"\n                : message.role === \"assistant\"\n                  ? \"#f9fafb\"\n                  : \"#fefce8\",\n            border: `1px solid ${message.role === \"user\" ? \"#c7d2fe\" : message.role === \"assistant\" ? \"#e5e7eb\" : \"#fde047\"}`,\n            marginLeft: message.role === \"user\" ? \"48px\" : \"0\",\n            marginRight: message.role === \"assistant\" ? \"48px\" : \"0\",\n          }}\n        >\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"flex-start\",\n              justifyContent: \"space-between\",\n              marginBottom: \"8px\",\n            }}\n          >\n            <span\n              style={{\n                fontWeight: \"500\",\n                fontSize: \"14px\",\n                color: \"#374151\",\n                textTransform: \"capitalize\",\n              }}\n            >\n              {message.role || \"system\"}\n            </span>\n            {message.timestamp && (\n              <span style={{ fontSize: \"12px\", color: \"#6b7280\" }}>\n                {new Date(message.timestamp).toLocaleTimeString()}\n              </span>\n            )}\n          </div>\n          <div\n            style={{\n              fontSize: \"14px\",\n              color: \"#1f2937\",\n              whiteSpace: \"pre-wrap\",\n            }}\n          >\n            {message.content || \"\"}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction ContextTab({ context }: { context: DisplayContext }) {\n  const documents = context.getDocumentsContext([]);\n\n  if (documents.length === 0) {\n    return (\n      <div style={{ textAlign: \"center\", padding: \"48px 0\", color: \"#6b7280\" }}>\n        <p style={{ fontSize: \"18px\", margin: \"0 0 8px 0\" }}>\n          No document context available\n        </p>\n        <p style={{ fontSize: \"14px\", margin: 0 }}>\n          Document context will appear here when provided\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      {documents.map((doc: Document, index: number) => (\n        <div\n          key={index}\n          style={{\n            backgroundColor: \"white\",\n            padding: \"16px\",\n            borderRadius: \"8px\",\n            boxShadow: \"0 1px 3px 0 rgba(0, 0, 0, 0.1)\",\n            border: \"1px solid #e5e7eb\",\n          }}\n        >\n          <h3\n            style={{ fontWeight: \"600\", color: \"#1f2937\", margin: \"0 0 8px 0\" }}\n          >\n            {doc.name || `Document ${index + 1}`}\n          </h3>\n          {doc.content && (\n            <pre\n              style={{\n                padding: \"12px\",\n                backgroundColor: \"#f9fafb\",\n                borderRadius: \"4px\",\n                fontSize: \"12px\",\n                overflowX: \"auto\",\n                margin: 0,\n              }}\n            >\n              {doc.content}\n            </pre>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-HE22TZMF.mjs → chunk-SFOKX4MH.mjs}

@@ -1,15 +1,15 @@
 import {
   shouldShowDevConsole
 } from "./chunk-ICIK2BSB.mjs";
-import {
-  useToast
-} from "./chunk-EFL5OBKN.mjs";
 import {
   useCopilotContext
-} from "./chunk-AFNWX62Q.mjs";
+} from "./chunk-C7HSVDHD.mjs";
 import {
   CopilotMessagesContext
 } from "./chunk-DMLQZG75.mjs";
+import {
+  useToast
+} from "./chunk-ZP2IMXFY.mjs";
 import {
   __async
 } from "./chunk-SKC7AJIV.mjs";
@@ -40,7 +40,9 @@ function useMessagesTap() {
     throw new Error("useMessagesTap must be used inside <MessagesTapProvider>");
   return tap;
 }
-function MessagesTapProvider({ children }) {
+function MessagesTapProvider({
+  children
+}) {
   const messagesRef = useRef([]);
   const tapRef = useRef({
     getMessagesFromTap: () => messagesRef.current,
@@ -93,10 +95,14 @@ function CopilotMessages({ children }) {
     const originalError = extensions == null ? void 0 : extensions.originalError;
     if (originalError == null ? void 0 : originalError.stack) {
       if (originalError.stack.includes("CopilotApiDiscoveryError")) {
-        return new CopilotKitApiDiscoveryError({ message: originalError.message });
+        return new CopilotKitApiDiscoveryError({
+          message: originalError.message
+        });
       }
       if (originalError.stack.includes("CopilotKitRemoteEndpointDiscoveryError")) {
-        return new CopilotKitRemoteEndpointDiscoveryError({ message: originalError.message });
+        return new CopilotKitRemoteEndpointDiscoveryError({
+          message: originalError.message
+        });
       }
       if (originalError.stack.includes("CopilotKitAgentDiscoveryError")) {
         return new CopilotKitAgentDiscoveryError({
@@ -122,7 +128,10 @@ function CopilotMessages({ children }) {
           const visibility = extensions == null ? void 0 : extensions.visibility;
           const isDev = shouldShowDevConsole(showDevConsole);
           if (!isDev) {
-            console.error("CopilotKit Error (hidden in production):", gqlError.message);
+            console.error(
+              "CopilotKit Error (hidden in production):",
+              gqlError.message
+            );
             return;
           }
           if (visibility === ErrorVisibility.SILENT) {
@@ -183,4 +192,4 @@ export {
   MessagesTapProvider,
   CopilotMessages
 };
-//# sourceMappingURL=chunk-HE22TZMF.mjs.map
+//# sourceMappingURL=chunk-SFOKX4MH.mjs.map