@copilotkit/react-core 2.0.0-next.1 → 2.0.0-rc.1

package/dist/chunk-YCG6SNAU.mjs.map

@@ -1 +0,0 @@
-{"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 { CheckIcon, CopilotKitIcon, ExclamationMarkTriangleIcon } 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({ isOpen, onClose, hasApiKey }: 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: { name: \"search_web\", description: \"Search the web for information\" },\n          send_email: { name: \"send_email\", description: \"Send an email to a contact\" },\n          create_document: { name: \"create_document\", description: \"Create a new document\" },\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: \"User preferences: dark mode enabled, TypeScript preferred\",\n            metadata: { source: \"settings\" },\n          },\n          {\n            content: \"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\": { status: \"active\", lastUpdate: Date.now() - 15000 },\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: \"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          { id: \"3\", role: \"user\", content: \"Can you also add priority levels and due dates?\" },\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          { id: \"5\", role: \"user\", content: \"Perfect! How about adding categories or tags?\" },\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            { id: \"actions\", label: \"Actions\", count: Object.keys(displayContext.actions).length },\n            { id: \"readables\", label: \"Readables\", count: displayContext.getAllContext().length },\n            {\n              id: \"agent\",\n              label: \"Agent Status\",\n              count: Object.keys(displayContext.coagentStates).length,\n            },\n            { id: \"messages\", label: \"Messages\", count: displayMessagesContext.messages.length },\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: 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\" && <ReadablesTab context={displayContext} />}\n          {activeTab === \"agent\" && <AgentStatusTab context={displayContext} />}\n          {activeTab === \"messages\" && <MessagesTab messagesContext={displayMessagesContext} />}\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) => (e.currentTarget.style.textDecoration = \"underline\")}\n              onMouseLeave={(e) => (e.currentTarget.style.textDecoration = \"none\")}\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) => (e.currentTarget.style.textDecoration = \"underline\")}\n              onMouseLeave={(e) => (e.currentTarget.style.textDecoration = \"none\")}\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={() => window.open(\"https://cloud.copilotkit.ai/sign-in\", \"_blank\")}\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: \"'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif\",\n                lineHeight: \"22px\",\n                boxShadow: \"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\" }}>No actions available</p>\n        <p style={{ fontSize: \"14px\", margin: 0 }}>Actions will appear here when registered</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={{ display: \"flex\", alignItems: \"flex-start\", justifyContent: \"space-between\" }}\n          >\n            <div style={{ flex: 1 }}>\n              <h3 style={{ fontWeight: \"600\", color: \"#1f2937\", margin: \"0 0 4px 0\" }}>\n                {action.name}\n              </h3>\n              {action.description && (\n                <p style={{ fontSize: \"14px\", color: \"#4b5563\", margin: \"0 0 12px 0\" }}>\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 style={{ display: \"flex\", flexDirection: \"column\", gap: \"4px\" }}>\n                    {action.parameters.map((param: ActionParameter, pIndex: number) => (\n                      <div key={pIndex} style={{ fontSize: \"14px\" }}>\n                        <span style={{ fontFamily: \"monospace\", color: \"#374151\" }}>\n                          {param.name}\n                        </span>\n                        {param.required && (\n                          <span style={{ marginLeft: \"4px\", fontSize: \"12px\", color: \"#ef4444\" }}>\n                            *required\n                          </span>\n                        )}\n                        {param.type && (\n                          <span style={{ marginLeft: \"8px\", fontSize: \"12px\", color: \"#6b7280\" }}>\n                            ({param.type})\n                          </span>\n                        )}\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              )}\n            </div>\n            <div style={{ marginLeft: \"16px\" }}>\n              {action.status === \"available\" ? <CheckIcon /> : <ExclamationMarkTriangleIcon />}\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\" }}>No readable context available</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={{ display: \"flex\", alignItems: \"flex-start\", justifyContent: \"space-between\" }}\n          >\n            <div style={{ flex: 1 }}>\n              <h3 style={{ fontWeight: \"600\", color: \"#1f2937\", margin: \"0 0 4px 0\" }}>\n                {readable.name || `Readable ${index + 1}`}\n              </h3>\n              {readable.description && (\n                <p style={{ fontSize: \"14px\", color: \"#4b5563\", margin: \"0 0 12px 0\" }}>\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\" }}>No agent states available</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 style={{ fontWeight: \"600\", fontSize: \"18px\", color: \"#1f2937\", margin: 0 }}>\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({ messagesContext }: { messagesContext: MessagesContext }) {\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 style={{ fontSize: \"14px\", color: \"#1f2937\", whiteSpace: \"pre-wrap\" }}>\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\" }}>No document context available</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 style={{ fontWeight: \"600\", color: \"#1f2937\", margin: \"0 0 8px 0\" }}>\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-YTQHRJUA.mjs

@@ -1,86 +0,0 @@
-import {
-  useToast
-} from "./chunk-EFL5OBKN.mjs";
-import {
-  useCoAgentStateRenders
-} from "./chunk-FDOMAPJY.mjs";
-import {
-  CopilotContext
-} from "./chunk-AFNWX62Q.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 idRef = useRef(randomId());
-  const { setBannerError, addToast } = useToast();
-  useEffect(() => {
-    if ((availableAgents == null ? void 0 : availableAgents.length) && !availableAgents.some((a) => a.name === action.name)) {
-      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 }))
-      });
-      setBannerError(agentError);
-    }
-  }, [availableAgents]);
-  const key = `${action.name}-${action.nodeName || "global"}`;
-  if (dependencies === void 0) {
-    if (coAgentStateRenders[idRef.current]) {
-      coAgentStateRenders[idRef.current].handler = action.handler;
-      if (typeof action.render === "function") {
-        if (chatComponentsCache.current !== null) {
-          chatComponentsCache.current.coAgentStateRenders[key] = action.render;
-        }
-      }
-    }
-  }
-  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;
-    });
-    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({
-        type: "warning",
-        message,
-        id: `dup-action-${action.name}`
-      });
-    }
-  }, [coAgentStateRenders]);
-  useEffect(() => {
-    setCoAgentStateRender(idRef.current, action);
-    if (chatComponentsCache.current !== null && action.render !== void 0) {
-      chatComponentsCache.current.coAgentStateRenders[key] = action.render;
-    }
-    return () => {
-      removeCoAgentStateRender(idRef.current);
-    };
-  }, [
-    setCoAgentStateRender,
-    removeCoAgentStateRender,
-    action.name,
-    // include render only if it's a string
-    typeof action.render === "string" ? action.render : void 0,
-    // dependencies set by the developer
-    ...dependencies || []
-  ]);
-}
-
-export {
-  useCoAgentStateRender
-};
-//# sourceMappingURL=chunk-YTQHRJUA.mjs.map

package/dist/chunk-YTQHRJUA.mjs.map

@@ -1 +0,0 @@
-{"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 { setCoAgentStateRender, removeCoAgentStateRender, coAgentStateRenders } =\n    useCoAgentStateRenders();\n  const idRef = useRef<string>(randomId());\n  const { setBannerError, addToast } = useToast();\n\n  useEffect(() => {\n    if (availableAgents?.length && !availableAgents.some((a) => a.name === action.name)) {\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) => ({ name: a.name, id: a.id })),\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(([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    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,EAAE,uBAAuB,0BAA0B,oBAAoB,IAC3E,uBAAuB;AACzB,QAAM,QAAQ,OAAe,SAAS,CAAC;AACvC,QAAM,EAAE,gBAAgB,SAAS,IAAI,SAAS;AAE9C,YAAU,MAAM;AACd,SAAI,mDAAiB,WAAU,CAAC,gBAAgB,KAAK,CAAC,MAAM,EAAE,SAAS,OAAO,IAAI,GAAG;AACnF,YAAM,UAAU,mCAAmC,OAAO;AAG1D,YAAM,aAAa,IAAI,8BAA8B;AAAA,QACnD,WAAW,OAAO;AAAA,QAClB,iBAAiB,gBAAgB,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,GAAG,EAAE;AAAA,MAC1E,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,KAAK,CAAC,CAAC,IAAI,WAAW,MAAM;AAEnF,UAAI,OAAO;AAAW,eAAO;AAG7B,UAAI,YAAY,SAAS,OAAO;AAAM,eAAO;AAG7C,YAAM,cAAc,CAAC,CAAC,OAAO;AAC7B,YAAM,mBAAmB,CAAC,CAAC,YAAY;AAGvC,UAAI,CAAC,eAAe,CAAC;AAAkB,eAAO;AAG9C,UAAI,gBAAgB;AAAkB,eAAO;AAG7C,aAAO,OAAO,aAAa,YAAY;AAAA,IACzC,CAAC;AAED,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-YYN33GSG.mjs

@@ -1,73 +0,0 @@
-// src/hooks/use-flat-category-store.ts
-import { useCallback, useReducer } from "react";
-import { randomId } from "@copilotkit/shared";
-var useFlatCategoryStore = () => {
-  const [elements, dispatch] = useReducer(
-    flatCategoryStoreReducer,
-    /* @__PURE__ */ new Map()
-  );
-  const addElement = useCallback((value, categories) => {
-    const newId = randomId();
-    dispatch({
-      type: "ADD_ELEMENT",
-      value,
-      id: newId,
-      categories
-    });
-    return newId;
-  }, []);
-  const removeElement = useCallback((id) => {
-    dispatch({ type: "REMOVE_ELEMENT", id });
-  }, []);
-  const allElements = useCallback(
-    (categories) => {
-      const categoriesSet = new Set(categories);
-      const result = [];
-      elements.forEach((element) => {
-        if (setsHaveIntersection(categoriesSet, element.categories)) {
-          result.push(element.value);
-        }
-      });
-      return result;
-    },
-    [elements]
-  );
-  return { addElement, removeElement, allElements };
-};
-var use_flat_category_store_default = useFlatCategoryStore;
-function flatCategoryStoreReducer(state, action) {
-  switch (action.type) {
-    case "ADD_ELEMENT": {
-      const { value, id, categories } = action;
-      const newElement = {
-        id,
-        value,
-        categories: new Set(categories)
-      };
-      const newState = new Map(state);
-      newState.set(id, newElement);
-      return newState;
-    }
-    case "REMOVE_ELEMENT": {
-      const newState = new Map(state);
-      newState.delete(action.id);
-      return newState;
-    }
-    default:
-      return state;
-  }
-}
-function setsHaveIntersection(setA, setB) {
-  const [smallerSet, largerSet] = setA.size <= setB.size ? [setA, setB] : [setB, setA];
-  for (let item of smallerSet) {
-    if (largerSet.has(item)) {
-      return true;
-    }
-  }
-  return false;
-}
-
-export {
-  use_flat_category_store_default
-};
-//# sourceMappingURL=chunk-YYN33GSG.mjs.map

package/dist/chunk-YYN33GSG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-flat-category-store.ts"],"sourcesContent":["import { useCallback, useReducer } from \"react\";\nimport { randomId } from \"@copilotkit/shared\";\n\nexport type FlatCategoryStoreId = string;\n\nexport interface UseFlatCategoryStoreReturn<T> {\n  addElement: (value: T, categories: string[]) => FlatCategoryStoreId;\n  removeElement: (id: FlatCategoryStoreId) => void;\n  allElements: (categories: string[]) => T[];\n}\n\ninterface FlatCategoryStoreElement<T> {\n  id: FlatCategoryStoreId;\n  value: T;\n  categories: Set<string>;\n}\n\nconst useFlatCategoryStore = <T>(): UseFlatCategoryStoreReturn<T> => {\n  const [elements, dispatch] = useReducer(\n    flatCategoryStoreReducer<T>,\n    new Map<FlatCategoryStoreId, FlatCategoryStoreElement<T>>(),\n  );\n\n  const addElement = useCallback((value: T, categories: string[]): FlatCategoryStoreId => {\n    const newId = randomId();\n    dispatch({\n      type: \"ADD_ELEMENT\",\n      value,\n      id: newId,\n      categories,\n    });\n    return newId;\n  }, []);\n\n  const removeElement = useCallback((id: FlatCategoryStoreId): void => {\n    dispatch({ type: \"REMOVE_ELEMENT\", id });\n  }, []);\n\n  const allElements = useCallback(\n    (categories: string[]): T[] => {\n      const categoriesSet = new Set(categories);\n      const result: T[] = [];\n      elements.forEach((element) => {\n        if (setsHaveIntersection(categoriesSet, element.categories)) {\n          result.push(element.value);\n        }\n      });\n      return result;\n    },\n    [elements],\n  );\n\n  return { addElement, removeElement, allElements };\n};\n\nexport default useFlatCategoryStore;\n\n// Action types\ntype Action<T> =\n  | {\n      type: \"ADD_ELEMENT\";\n      value: T;\n      id: FlatCategoryStoreId;\n      categories: string[];\n    }\n  | { type: \"REMOVE_ELEMENT\"; id: FlatCategoryStoreId };\n\n// Reducer\nfunction flatCategoryStoreReducer<T>(\n  state: Map<FlatCategoryStoreId, FlatCategoryStoreElement<T>>,\n  action: Action<T>,\n): Map<FlatCategoryStoreId, FlatCategoryStoreElement<T>> {\n  switch (action.type) {\n    case \"ADD_ELEMENT\": {\n      const { value, id, categories } = action;\n      const newElement: FlatCategoryStoreElement<T> = {\n        id,\n        value,\n        categories: new Set(categories),\n      };\n      const newState = new Map(state);\n      newState.set(id, newElement);\n      return newState;\n    }\n    case \"REMOVE_ELEMENT\": {\n      const newState = new Map(state);\n      newState.delete(action.id);\n      return newState;\n    }\n    default:\n      return state;\n  }\n}\n\nfunction setsHaveIntersection<T>(setA: Set<T>, setB: Set<T>): boolean {\n  const [smallerSet, largerSet] = 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":";AAAA,SAAS,aAAa,kBAAkB;AACxC,SAAS,gBAAgB;AAgBzB,IAAM,uBAAuB,MAAwC;AACnE,QAAM,CAAC,UAAU,QAAQ,IAAI;AAAA,IAC3B;AAAA,IACA,oBAAI,IAAsD;AAAA,EAC5D;AAEA,QAAM,aAAa,YAAY,CAAC,OAAU,eAA8C;AACtF,UAAM,QAAQ,SAAS;AACvB,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,MACA,IAAI;AAAA,MACJ;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB,YAAY,CAAC,OAAkC;AACnE,aAAS,EAAE,MAAM,kBAAkB,GAAG,CAAC;AAAA,EACzC,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc;AAAA,IAClB,CAAC,eAA8B;AAC7B,YAAM,gBAAgB,IAAI,IAAI,UAAU;AACxC,YAAM,SAAc,CAAC;AACrB,eAAS,QAAQ,CAAC,YAAY;AAC5B,YAAI,qBAAqB,eAAe,QAAQ,UAAU,GAAG;AAC3D,iBAAO,KAAK,QAAQ,KAAK;AAAA,QAC3B;AAAA,MACF,CAAC;AACD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SAAO,EAAE,YAAY,eAAe,YAAY;AAClD;AAEA,IAAO,kCAAQ;AAaf,SAAS,yBACP,OACA,QACuD;AACvD,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,eAAe;AAClB,YAAM,EAAE,OAAO,IAAI,WAAW,IAAI;AAClC,YAAM,aAA0C;AAAA,QAC9C;AAAA,QACA;AAAA,QACA,YAAY,IAAI,IAAI,UAAU;AAAA,MAChC;AACA,YAAM,WAAW,IAAI,IAAI,KAAK;AAC9B,eAAS,IAAI,IAAI,UAAU;AAC3B,aAAO;AAAA,IACT;AAAA,IACA,KAAK,kBAAkB;AACrB,YAAM,WAAW,IAAI,IAAI,KAAK;AAC9B,eAAS,OAAO,OAAO,EAAE;AACzB,aAAO;AAAA,IACT;AAAA,IACA;AACE,aAAO;AAAA,EACX;AACF;AAEA,SAAS,qBAAwB,MAAc,MAAuB;AACpE,QAAM,CAAC,YAAY,SAAS,IAAI,KAAK,QAAQ,KAAK,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,IAAI;AAEnF,WAAS,QAAQ,YAAY;AAC3B,QAAI,UAAU,IAAI,IAAI,GAAG;AACvB,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/chunk-Z6JV2LRY.mjs

@@ -1,37 +0,0 @@
-// src/hooks/use-copilot-readable.ts
-import { useCopilotKit } from "@copilotkitnext/react";
-import { useEffect, useRef } from "react";
-function useCopilotReadable({ description, value, convert, available }, dependencies) {
-  const { copilotkit } = useCopilotKit();
-  const ctxIdRef = useRef(void 0);
-  useEffect(() => {
-    if (!copilotkit)
-      return;
-    const found = Object.entries(copilotkit.context).find(([id, ctxItem]) => {
-      return JSON.stringify({ description, value }) == JSON.stringify(ctxItem);
-    });
-    if (found) {
-      ctxIdRef.current = found[0];
-      if (available === "disabled")
-        copilotkit.removeContext(ctxIdRef.current);
-      return;
-    }
-    if (!found && available === "disabled")
-      return;
-    ctxIdRef.current = copilotkit.addContext({
-      description,
-      value: (convert != null ? convert : JSON.stringify)(value)
-    });
-    return () => {
-      if (!ctxIdRef.current)
-        return;
-      copilotkit.removeContext(ctxIdRef.current);
-    };
-  }, [description, value, convert]);
-  return ctxIdRef.current;
-}
-
-export {
-  useCopilotReadable
-};
-//# sourceMappingURL=chunk-Z6JV2LRY.mjs.map

package/dist/chunk-Z6JV2LRY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-copilot-readable.ts"],"sourcesContent":["/**\n * `useCopilotReadable` is a React hook that provides app-state and other information\n * to the Copilot. Optionally, the hook can also handle hierarchical state within your\n * application, passing these parent-child relationships to the Copilot.\n *\n * ## Usage\n *\n * ### Simple Usage\n *\n * In its most basic usage, useCopilotReadable accepts a single string argument\n * representing any piece of app state, making it available for the Copilot to use\n * as context when responding to user input.\n *\n * ```tsx\n * import { useCopilotReadable } from \"@copilotkit/react-core\";\n *\n * export function MyComponent() {\n *   const [employees, setEmployees] = useState([]);\n *\n *   useCopilotReadable({\n *     description: \"The list of employees\",\n *     value: employees,\n *   });\n * }\n * ```\n *\n * ### Nested Components\n *\n * Optionally, you can maintain the hierarchical structure of information by passing\n * `parentId`. This allows you to use `useCopilotReadable` in nested components:\n *\n * ```tsx /employeeContextId/1 {17,23}\n * import { useCopilotReadable } from \"@copilotkit/react-core\";\n *\n * function Employee(props: EmployeeProps) {\n *   const { employeeName, workProfile, metadata } = props;\n *\n *   // propagate any information to copilot\n *   const employeeContextId = useCopilotReadable({\n *     description: \"Employee name\",\n *     value: employeeName\n *   });\n *\n *   // Pass a parentID to maintain a hierarchical structure.\n *   // Especially useful with child React components, list elements, etc.\n *   useCopilotReadable({\n *     description: \"Work profile\",\n *     value: workProfile.description(),\n *     parentId: employeeContextId\n *   });\n *\n *   useCopilotReadable({\n *     description: \"Employee metadata\",\n *     value: metadata.description(),\n *     parentId: employeeContextId\n *   });\n *\n *   return (\n *     // Render as usual...\n *   );\n * }\n * ```\n */\nimport { useCopilotKit } from \"@copilotkitnext/react\";\nimport { useEffect, useRef } from \"react\";\n\n/**\n * Options for the useCopilotReadable hook.\n */\nexport interface UseCopilotReadableOptions {\n  /**\n   * The description of the information to be added to the Copilot context.\n   */\n  description: string;\n  /**\n   * The value to be added to the Copilot context. Object values are automatically stringified.\n   */\n  value: any;\n  /**\n   * The ID of the parent context, if any.\n   */\n  parentId?: string;\n  /**\n   * An array of categories to control which context are visible where. Particularly useful\n   * with CopilotTextarea (see `useMakeAutosuggestionFunction`)\n   */\n  categories?: string[];\n\n  /**\n   * Whether the context is available to the Copilot.\n   */\n  available?: \"enabled\" | \"disabled\";\n\n  /**\n   * A custom conversion function to use to serialize the value to a string. If not provided, the value\n   * will be serialized using `JSON.stringify`.\n   */\n  convert?: (description: string, value: any) => string;\n}\n\n/**\n * Adds the given information to the Copilot context to make it readable by Copilot.\n */\nexport function useCopilotReadable(\n  { description, value, convert, available }: UseCopilotReadableOptions,\n  dependencies?: any[],\n): string | undefined {\n  const { copilotkit } = useCopilotKit();\n  const ctxIdRef = useRef<string | undefined>(undefined);\n  useEffect(() => {\n    if (!copilotkit) return;\n\n    const found = Object.entries(copilotkit.context).find(([id, ctxItem]) => {\n      return JSON.stringify({ description, value }) == JSON.stringify(ctxItem);\n    });\n    if (found) {\n      ctxIdRef.current = found[0];\n      if (available === \"disabled\") copilotkit.removeContext(ctxIdRef.current);\n      return;\n    }\n    if (!found && available === \"disabled\") return;\n\n    ctxIdRef.current = copilotkit.addContext({\n      description,\n      value: (convert ?? JSON.stringify)(value),\n    });\n\n    return () => {\n      if (!ctxIdRef.current) return;\n      copilotkit.removeContext(ctxIdRef.current);\n    };\n  }, [description, value, convert]);\n\n  return ctxIdRef.current;\n}\n"],"mappings":";AA+DA,SAAS,qBAAqB;AAC9B,SAAS,WAAW,cAAc;AAuC3B,SAAS,mBACd,EAAE,aAAa,OAAO,SAAS,UAAU,GACzC,cACoB;AACpB,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,WAAW,OAA2B,MAAS;AACrD,YAAU,MAAM;AACd,QAAI,CAAC;AAAY;AAEjB,UAAM,QAAQ,OAAO,QAAQ,WAAW,OAAO,EAAE,KAAK,CAAC,CAAC,IAAI,OAAO,MAAM;AACvE,aAAO,KAAK,UAAU,EAAE,aAAa,MAAM,CAAC,KAAK,KAAK,UAAU,OAAO;AAAA,IACzE,CAAC;AACD,QAAI,OAAO;AACT,eAAS,UAAU,MAAM,CAAC;AAC1B,UAAI,cAAc;AAAY,mBAAW,cAAc,SAAS,OAAO;AACvE;AAAA,IACF;AACA,QAAI,CAAC,SAAS,cAAc;AAAY;AAExC,aAAS,UAAU,WAAW,WAAW;AAAA,MACvC;AAAA,MACA,QAAQ,4BAAW,KAAK,WAAW,KAAK;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,UAAI,CAAC,SAAS;AAAS;AACvB,iBAAW,cAAc,SAAS,OAAO;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,OAAO,CAAC;AAEhC,SAAO,SAAS;AAClB;","names":[]}

package/dist/chunk-ZVF5Q6IH.mjs

@@ -1,29 +0,0 @@
-// src/hooks/use-lazy-tool-renderer.tsx
-import { useRenderToolCall } from "@copilotkitnext/react";
-import { useCallback } from "react";
-function useLazyToolRenderer() {
-  const renderToolCall = useRenderToolCall();
-  return useCallback(
-    (message, messages) => {
-      var _a;
-      if (!((_a = message == null ? void 0 : message.toolCalls) == null ? void 0 : _a.length))
-        return null;
-      const toolCall = message.toolCalls[0];
-      if (!toolCall)
-        return null;
-      const toolMessage = messages == null ? void 0 : messages.find(
-        (m) => m.role === "tool" && m.toolCallId === toolCall.id
-      );
-      return () => renderToolCall({
-        toolCall,
-        toolMessage
-      });
-    },
-    [renderToolCall]
-  );
-}
-
-export {
-  useLazyToolRenderer
-};
-//# sourceMappingURL=chunk-ZVF5Q6IH.mjs.map

package/dist/chunk-ZVF5Q6IH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-lazy-tool-renderer.tsx"],"sourcesContent":["import { useRenderToolCall } from \"@copilotkitnext/react\";\nimport { AIMessage, Message, ToolResult } from \"@copilotkit/shared\";\nimport React, { useCallback } from \"react\";\n\nexport function useLazyToolRenderer(): (\n  message?: AIMessage,\n  messages?: Message[],\n) => null | (() => ReturnType<ReturnType<typeof useRenderToolCall>> | null) {\n  const renderToolCall = useRenderToolCall();\n\n  return useCallback(\n    (message?: AIMessage, messages?: Message[]) => {\n      if (!message?.toolCalls?.length) return null;\n\n      const toolCall = message.toolCalls[0];\n      if (!toolCall) return null;\n\n      const toolMessage = messages?.find(\n        (m) => m.role === \"tool\" && m.toolCallId === toolCall.id,\n      ) as ToolResult;\n\n      return () =>\n        renderToolCall({\n          toolCall,\n          toolMessage,\n        });\n    },\n    [renderToolCall],\n  );\n}\n"],"mappings":";AAAA,SAAS,yBAAyB;AAElC,SAAgB,mBAAmB;AAE5B,SAAS,sBAG4D;AAC1E,QAAM,iBAAiB,kBAAkB;AAEzC,SAAO;AAAA,IACL,CAAC,SAAqB,aAAyB;AAXnD;AAYM,UAAI,GAAC,wCAAS,cAAT,mBAAoB;AAAQ,eAAO;AAExC,YAAM,WAAW,QAAQ,UAAU,CAAC;AACpC,UAAI,CAAC;AAAU,eAAO;AAEtB,YAAM,cAAc,qCAAU;AAAA,QAC5B,CAAC,MAAM,EAAE,SAAS,UAAU,EAAE,eAAe,SAAS;AAAA;AAGxD,aAAO,MACL,eAAe;AAAA,QACb;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACL;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AACF;","names":[]}

package/dist/chunk-ZYTXB6HH.mjs

@@ -1,151 +0,0 @@
-import {
-  useAgentNodeName
-} from "./chunk-I76HKHPJ.mjs";
-import {
-  __async,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-SKC7AJIV.mjs";
-
-// src/hooks/use-coagent.ts
-import { useCallback, useEffect, useMemo, useRef } from "react";
-import { useAgent, useCopilotKit } from "@copilotkitnext/react";
-function useCoAgent(options) {
-  const { agent } = useAgent({ agentId: options.name });
-  const { copilotkit } = useCopilotKit();
-  const nodeName = useAgentNodeName(options.name);
-  const handleStateUpdate = useCallback(
-    (newState) => {
-      if (!agent)
-        return;
-      if (typeof newState === "function") {
-        const updater = newState;
-        agent.setState(updater(agent.state));
-      } else {
-        agent.setState(__spreadValues(__spreadValues({}, agent.state), newState));
-      }
-    },
-    [agent == null ? void 0 : agent.state, agent == null ? void 0 : agent.setState]
-  );
-  useEffect(() => {
-    var _a;
-    if (!options.config && !options.configurable)
-      return;
-    let config = (_a = options.config) != null ? _a : {};
-    if (options.configurable) {
-      config = __spreadProps(__spreadValues({}, config), {
-        configurable: __spreadValues(__spreadValues({}, options.configurable), config.configurable)
-      });
-    }
-    copilotkit.setProperties(config);
-  }, [options.config, options.configurable]);
-  const externalStateStr = useMemo(
-    () => isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0,
-    [isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0]
-  );
-  useEffect(() => {
-    if ((agent == null ? void 0 : agent.state) && isExternalStateManagement(options) && JSON.stringify(options.state) !== JSON.stringify(agent.state)) {
-      handleStateUpdate(options.state);
-    }
-  }, [agent, externalStateStr, handleStateUpdate]);
-  const hasStateValues = useCallback((value) => {
-    return Boolean(value && Object.keys(value).length);
-  }, []);
-  const initialStateRef = useRef(
-    isExternalStateManagement(options) ? options.state : "initialState" in options ? options.initialState : void 0
-  );
-  useEffect(() => {
-    if (isExternalStateManagement(options)) {
-      initialStateRef.current = options.state;
-    } else if ("initialState" in options) {
-      initialStateRef.current = options.initialState;
-    }
-  }, [
-    isExternalStateManagement(options) ? JSON.stringify(options.state) : "initialState" in options ? JSON.stringify(options.initialState) : void 0
-  ]);
-  useEffect(() => {
-    if (!agent)
-      return;
-    const subscriber = {
-      onStateChanged: (args) => {
-        if (isExternalStateManagement(options)) {
-          options.setState(args.state);
-        }
-      },
-      onRunInitialized: (args) => {
-        const runHasState = hasStateValues(args.state);
-        if (runHasState) {
-          handleStateUpdate(args.state);
-          return;
-        }
-        if (hasStateValues(agent.state)) {
-          return;
-        }
-        if (initialStateRef.current !== void 0) {
-          handleStateUpdate(initialStateRef.current);
-        }
-      }
-    };
-    const subscription = agent.subscribe(subscriber);
-    return () => {
-      subscription.unsubscribe();
-    };
-  }, [agent, handleStateUpdate, hasStateValues]);
-  return useMemo(() => {
-    var _a, _b, _c;
-    if (!agent) {
-      const noop = () => {
-      };
-      const noopAsync = () => __async(this, null, function* () {
-      });
-      const initialState = (
-        // prefer externally provided state if available
-        (_b = (_a = "state" in options && options.state) != null ? _a : (
-          // then initialState if provided
-          "initialState" in options && options.initialState
-        )) != null ? _b : {}
-      );
-      return {
-        name: options.name,
-        nodeName,
-        threadId: void 0,
-        running: false,
-        state: initialState,
-        setState: noop,
-        start: noop,
-        stop: noop,
-        run: noopAsync
-      };
-    }
-    return {
-      name: (_c = agent == null ? void 0 : agent.agentId) != null ? _c : options.name,
-      nodeName,
-      threadId: agent.threadId,
-      running: agent.isRunning,
-      state: agent.state,
-      setState: handleStateUpdate,
-      // TODO: start and run both have same thing. need to figure out
-      start: agent.runAgent,
-      stop: agent.abortRun,
-      run: agent.runAgent
-    };
-  }, [
-    agent == null ? void 0 : agent.state,
-    agent == null ? void 0 : agent.runAgent,
-    agent == null ? void 0 : agent.abortRun,
-    agent == null ? void 0 : agent.runAgent,
-    agent == null ? void 0 : agent.threadId,
-    agent == null ? void 0 : agent.isRunning,
-    agent == null ? void 0 : agent.agentId,
-    handleStateUpdate,
-    options.name
-  ]);
-}
-var isExternalStateManagement = (options) => {
-  return "state" in options && "setState" in options;
-};
-
-export {
-  useCoAgent
-};
-//# sourceMappingURL=chunk-ZYTXB6HH.mjs.map

package/dist/chunk-ZYTXB6HH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-coagent.ts"],"sourcesContent":["/**\n * <Callout type=\"info\">\n *   Usage of this hook assumes some additional setup in your application, for more information\n *   on that see the CoAgents <span className=\"text-blue-500\">[getting started guide](/coagents/quickstart/langgraph)</span>.\n * </Callout>\n * <Frame className=\"my-12\">\n *   <img\n *     src=\"https://cdn.copilotkit.ai/docs/copilotkit/images/coagents/SharedStateCoAgents.gif\"\n *     alt=\"CoAgents demonstration\"\n *     className=\"w-auto\"\n *   />\n * </Frame>\n *\n * This hook is used to integrate an agent into your application. With its use, you can\n * render and update the state of an agent, allowing for a dynamic and interactive experience.\n * We call these shared state experiences agentic copilots, or CoAgents for short.\n *\n * ## Usage\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCoAgent } from \"@copilotkit/react-core\";\n *\n * type AgentState = {\n *   count: number;\n * }\n *\n * const agent = useCoAgent<AgentState>({\n *   name: \"my-agent\",\n *   initialState: {\n *     count: 0,\n *   },\n * });\n *\n * ```\n *\n * `useCoAgent` returns an object with the following properties:\n *\n * ```tsx\n * const {\n *   name,     // The name of the agent currently being used.\n *   nodeName, // The name of the current LangGraph node.\n *   state,    // The current state of the agent.\n *   setState, // A function to update the state of the agent.\n *   running,  // A boolean indicating if the agent is currently running.\n *   start,    // A function to start the agent.\n *   stop,     // A function to stop the agent.\n *   run,      // A function to re-run the agent. Takes a HintFunction to inform the agent why it is being re-run.\n * } = agent;\n * ```\n *\n * Finally we can leverage these properties to create reactive experiences with the agent!\n *\n * ```tsx\n * const { state, setState } = useCoAgent<AgentState>({\n *   name: \"my-agent\",\n *   initialState: {\n *     count: 0,\n *   },\n * });\n *\n * return (\n *   <div>\n *     <p>Count: {state.count}</p>\n *     <button onClick={() => setState({ count: state.count + 1 })}>Increment</button>\n *   </div>\n * );\n * ```\n *\n * This reactivity is bidirectional, meaning that changes to the state from the agent will be reflected in the UI and vice versa.\n *\n * ## Parameters\n * <PropertyReference name=\"options\" type=\"UseCoagentOptions<T>\" required>\n *   The options to use when creating the coagent.\n *   <PropertyReference name=\"name\" type=\"string\" required>\n *     The name of the agent to use.\n *   </PropertyReference>\n *   <PropertyReference name=\"initialState\" type=\"T | any\">\n *     The initial state of the agent.\n *   </PropertyReference>\n *   <PropertyReference name=\"state\" type=\"T | any\">\n *     State to manage externally if you are using this hook with external state management.\n *   </PropertyReference>\n *   <PropertyReference name=\"setState\" type=\"(newState: T | ((prevState: T | undefined) => T)) => void\">\n *     A function to update the state of the agent if you are using this hook with external state management.\n *   </PropertyReference>\n * </PropertyReference>\n */\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Message } from \"@copilotkit/shared\";\nimport { useAgent, useCopilotKit } from \"@copilotkitnext/react\";\nimport { type AgentSubscriber } from \"@ag-ui/client\";\nimport { useAgentNodeName } from \"./use-agent-nodename\";\n\ninterface UseCoagentOptionsBase {\n  /**\n   * The name of the agent being used.\n   */\n  name: string;\n  /**\n   * @deprecated - use \"config.configurable\"\n   * Config to pass to a LangGraph Agent\n   */\n  configurable?: Record<string, any>;\n  /**\n   * Config to pass to a LangGraph Agent\n   */\n  config?: {\n    configurable?: Record<string, any>;\n    [key: string]: any;\n  };\n}\n\ninterface WithInternalStateManagementAndInitial<T> extends UseCoagentOptionsBase {\n  /**\n   * The initial state of the agent.\n   */\n  initialState: T;\n}\n\ninterface WithInternalStateManagement extends UseCoagentOptionsBase {\n  /**\n   * Optional initialState with default type any\n   */\n  initialState?: any;\n}\n\ninterface WithExternalStateManagement<T> extends UseCoagentOptionsBase {\n  /**\n   * The current state of the agent.\n   */\n  state: T;\n  /**\n   * A function to update the state of the agent.\n   */\n  setState: (newState: T | ((prevState: T | undefined) => T)) => void;\n}\n\ntype UseCoagentOptions<T> =\n  | WithInternalStateManagementAndInitial<T>\n  | WithInternalStateManagement\n  | WithExternalStateManagement<T>;\n\nexport interface UseCoagentReturnType<T> {\n  /**\n   * The name of the agent being used.\n   */\n  name: string;\n  /**\n   * The name of the current LangGraph node.\n   */\n  nodeName?: string;\n  /**\n   * The ID of the thread the agent is running in.\n   */\n  threadId?: string;\n  /**\n   * A boolean indicating if the agent is currently running.\n   */\n  running: boolean;\n  /**\n   * The current state of the agent.\n   */\n  state: T;\n  /**\n   * A function to update the state of the agent.\n   */\n  setState: (newState: T | ((prevState: T | undefined) => T)) => void;\n  /**\n   * A function to start the agent.\n   */\n  start: () => void;\n  /**\n   * A function to stop the agent.\n   */\n  stop: () => void;\n  /**\n   * A function to re-run the agent. The hint function can be used to provide a hint to the agent\n   * about why it is being re-run again.\n   */\n  run: (...args: any[]) => Promise<any>;\n}\n\nexport interface HintFunctionParams {\n  /**\n   * The previous state of the agent.\n   */\n  previousState: any;\n  /**\n   * The current state of the agent.\n   */\n  currentState: any;\n}\n\nexport type HintFunction = (params: HintFunctionParams) => Message | undefined;\n\n/**\n * This hook is used to integrate an agent into your application. With its use, you can\n * render and update the state of the agent, allowing for a dynamic and interactive experience.\n * We call these shared state experiences \"agentic copilots\". To get started using agentic copilots, which\n * we refer to as CoAgents, checkout the documentation at https://docs.copilotkit.ai/coagents/quickstart/langgraph.\n */\nexport function useCoAgent<T = any>(options: UseCoagentOptions<T>): UseCoagentReturnType<T> {\n  const { agent } = useAgent({ agentId: options.name });\n  const { copilotkit } = useCopilotKit();\n  const nodeName = useAgentNodeName(options.name);\n\n  const handleStateUpdate = useCallback(\n    (newState: T | ((prevState: T | undefined) => T)) => {\n      if (!agent) return;\n\n      if (typeof newState === \"function\") {\n        const updater = newState as (prevState: T | undefined) => T;\n        agent.setState(updater(agent.state));\n      } else {\n        agent.setState({ ...agent.state, ...newState });\n      }\n    },\n    [agent?.state, agent?.setState],\n  );\n\n  useEffect(() => {\n    if (!options.config && !options.configurable) return;\n\n    let config = options.config ?? {};\n    if (options.configurable) {\n      config = {\n        ...config,\n        configurable: {\n          ...options.configurable,\n          ...config.configurable,\n        },\n      };\n    }\n    copilotkit.setProperties(config);\n  }, [options.config, options.configurable]);\n\n  const externalStateStr = useMemo(\n    () => (isExternalStateManagement(options) ? JSON.stringify(options.state) : undefined),\n    [isExternalStateManagement(options) ? JSON.stringify(options.state) : undefined],\n  );\n\n  // Sync internal state with external state if state management is external\n  useEffect(() => {\n    if (\n      agent?.state &&\n      isExternalStateManagement(options) &&\n      JSON.stringify(options.state) !== JSON.stringify(agent.state)\n    ) {\n      handleStateUpdate(options.state);\n    }\n  }, [agent, externalStateStr, handleStateUpdate]);\n\n  const hasStateValues = useCallback((value?: Record<string, any>) => {\n    return Boolean(value && Object.keys(value).length);\n  }, []);\n\n  const initialStateRef = useRef<any>(\n    isExternalStateManagement(options)\n      ? options.state\n      : \"initialState\" in options\n        ? options.initialState\n        : undefined,\n  );\n\n  useEffect(() => {\n    if (isExternalStateManagement(options)) {\n      initialStateRef.current = options.state;\n    } else if (\"initialState\" in options) {\n      initialStateRef.current = options.initialState;\n    }\n  }, [\n    isExternalStateManagement(options)\n      ? JSON.stringify(options.state)\n      : \"initialState\" in options\n        ? JSON.stringify(options.initialState)\n        : undefined,\n  ]);\n\n  useEffect(() => {\n    if (!agent) return;\n    const subscriber: AgentSubscriber = {\n      onStateChanged: (args: any) => {\n        if (isExternalStateManagement(options)) {\n          options.setState(args.state);\n        }\n      },\n      onRunInitialized: (args: any) => {\n        const runHasState = hasStateValues(args.state);\n        if (runHasState) {\n          handleStateUpdate(args.state);\n          return;\n        }\n\n        if (hasStateValues(agent.state)) {\n          return;\n        }\n\n        if (initialStateRef.current !== undefined) {\n          handleStateUpdate(initialStateRef.current);\n        }\n      },\n    };\n\n    const subscription = agent.subscribe(subscriber);\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [agent, handleStateUpdate, hasStateValues]);\n\n  // Return a consistent shape whether or not the agent is available\n  return useMemo<UseCoagentReturnType<T>>(() => {\n    if (!agent) {\n      const noop = () => {};\n      const noopAsync = async () => {};\n      const initialState =\n        // prefer externally provided state if available\n        (\"state\" in options && (options as any).state) ??\n        // then initialState if provided\n        (\"initialState\" in options && (options as any).initialState) ??\n        ({} as T);\n      return {\n        name: options.name,\n        nodeName,\n        threadId: undefined,\n        running: false,\n        state: initialState as T,\n        setState: noop,\n        start: noop,\n        stop: noop,\n        run: noopAsync,\n      };\n    }\n\n    return {\n      name: agent?.agentId ?? options.name,\n      nodeName,\n      threadId: agent.threadId,\n      running: agent.isRunning,\n      state: agent.state,\n      setState: handleStateUpdate,\n      // TODO: start and run both have same thing. need to figure out\n      start: agent.runAgent,\n      stop: agent.abortRun,\n      run: agent.runAgent,\n    };\n  }, [\n    agent?.state,\n    agent?.runAgent,\n    agent?.abortRun,\n    agent?.runAgent,\n    agent?.threadId,\n    agent?.isRunning,\n    agent?.agentId,\n    handleStateUpdate,\n    options.name,\n  ]);\n}\n\nconst isExternalStateManagement = <T>(\n  options: UseCoagentOptions<T>,\n): options is WithExternalStateManagement<T> => {\n  return \"state\" in options && \"setState\" in options;\n};\n"],"mappings":";;;;;;;;;;AA0FA,SAAS,aAAa,WAAW,SAAS,cAAwB;AAElE,SAAS,UAAU,qBAAqB;AAgHjC,SAAS,WAAoB,SAAwD;AAC1F,QAAM,EAAE,MAAM,IAAI,SAAS,EAAE,SAAS,QAAQ,KAAK,CAAC;AACpD,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,WAAW,iBAAiB,QAAQ,IAAI;AAE9C,QAAM,oBAAoB;AAAA,IACxB,CAAC,aAAoD;AACnD,UAAI,CAAC;AAAO;AAEZ,UAAI,OAAO,aAAa,YAAY;AAClC,cAAM,UAAU;AAChB,cAAM,SAAS,QAAQ,MAAM,KAAK,CAAC;AAAA,MACrC,OAAO;AACL,cAAM,SAAS,kCAAK,MAAM,QAAU,SAAU;AAAA,MAChD;AAAA,IACF;AAAA,IACA,CAAC,+BAAO,OAAO,+BAAO,QAAQ;AAAA,EAChC;AAEA,YAAU,MAAM;AA/NlB;AAgOI,QAAI,CAAC,QAAQ,UAAU,CAAC,QAAQ;AAAc;AAE9C,QAAI,UAAS,aAAQ,WAAR,YAAkB,CAAC;AAChC,QAAI,QAAQ,cAAc;AACxB,eAAS,iCACJ,SADI;AAAA,QAEP,cAAc,kCACT,QAAQ,eACR,OAAO;AAAA,MAEd;AAAA,IACF;AACA,eAAW,cAAc,MAAM;AAAA,EACjC,GAAG,CAAC,QAAQ,QAAQ,QAAQ,YAAY,CAAC;AAEzC,QAAM,mBAAmB;AAAA,IACvB,MAAO,0BAA0B,OAAO,IAAI,KAAK,UAAU,QAAQ,KAAK,IAAI;AAAA,IAC5E,CAAC,0BAA0B,OAAO,IAAI,KAAK,UAAU,QAAQ,KAAK,IAAI,MAAS;AAAA,EACjF;AAGA,YAAU,MAAM;AACd,SACE,+BAAO,UACP,0BAA0B,OAAO,KACjC,KAAK,UAAU,QAAQ,KAAK,MAAM,KAAK,UAAU,MAAM,KAAK,GAC5D;AACA,wBAAkB,QAAQ,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,OAAO,kBAAkB,iBAAiB,CAAC;AAE/C,QAAM,iBAAiB,YAAY,CAAC,UAAgC;AAClE,WAAO,QAAQ,SAAS,OAAO,KAAK,KAAK,EAAE,MAAM;AAAA,EACnD,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAkB;AAAA,IACtB,0BAA0B,OAAO,IAC7B,QAAQ,QACR,kBAAkB,UAChB,QAAQ,eACR;AAAA,EACR;AAEA,YAAU,MAAM;AACd,QAAI,0BAA0B,OAAO,GAAG;AACtC,sBAAgB,UAAU,QAAQ;AAAA,IACpC,WAAW,kBAAkB,SAAS;AACpC,sBAAgB,UAAU,QAAQ;AAAA,IACpC;AAAA,EACF,GAAG;AAAA,IACD,0BAA0B,OAAO,IAC7B,KAAK,UAAU,QAAQ,KAAK,IAC5B,kBAAkB,UAChB,KAAK,UAAU,QAAQ,YAAY,IACnC;AAAA,EACR,CAAC;AAED,YAAU,MAAM;AACd,QAAI,CAAC;AAAO;AACZ,UAAM,aAA8B;AAAA,MAClC,gBAAgB,CAAC,SAAc;AAC7B,YAAI,0BAA0B,OAAO,GAAG;AACtC,kBAAQ,SAAS,KAAK,KAAK;AAAA,QAC7B;AAAA,MACF;AAAA,MACA,kBAAkB,CAAC,SAAc;AAC/B,cAAM,cAAc,eAAe,KAAK,KAAK;AAC7C,YAAI,aAAa;AACf,4BAAkB,KAAK,KAAK;AAC5B;AAAA,QACF;AAEA,YAAI,eAAe,MAAM,KAAK,GAAG;AAC/B;AAAA,QACF;AAEA,YAAI,gBAAgB,YAAY,QAAW;AACzC,4BAAkB,gBAAgB,OAAO;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAEA,UAAM,eAAe,MAAM,UAAU,UAAU;AAC/C,WAAO,MAAM;AACX,mBAAa,YAAY;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,OAAO,mBAAmB,cAAc,CAAC;AAG7C,SAAO,QAAiC,MAAM;AAzThD;AA0TI,QAAI,CAAC,OAAO;AACV,YAAM,OAAO,MAAM;AAAA,MAAC;AACpB,YAAM,YAAY,MAAY;AAAA,MAAC;AAC/B,YAAM;AAAA;AAAA,SAEH,sBAAW,WAAY,QAAgB,UAAvC;AAAA;AAAA,UAEA,kBAAkB,WAAY,QAAgB;AAAA,cAF9C,YAGA,CAAC;AAAA;AACJ,aAAO;AAAA,QACL,MAAM,QAAQ;AAAA,QACd;AAAA,QACA,UAAU;AAAA,QACV,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,OAAO;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,MACP;AAAA,IACF;AAEA,WAAO;AAAA,MACL,OAAM,oCAAO,YAAP,YAAkB,QAAQ;AAAA,MAChC;AAAA,MACA,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM;AAAA,MACf,OAAO,MAAM;AAAA,MACb,UAAU;AAAA;AAAA,MAEV,OAAO,MAAM;AAAA,MACb,MAAM,MAAM;AAAA,MACZ,KAAK,MAAM;AAAA,IACb;AAAA,EACF,GAAG;AAAA,IACD,+BAAO;AAAA,IACP,+BAAO;AAAA,IACP,+BAAO;AAAA,IACP,+BAAO;AAAA,IACP,+BAAO;AAAA,IACP,+BAAO;AAAA,IACP,+BAAO;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,EACV,CAAC;AACH;AAEA,IAAM,4BAA4B,CAChC,YAC8C;AAC9C,SAAO,WAAW,WAAW,cAAc;AAC7C;","names":[]}

package/dist/components/CopilotListeners.d.ts

@@ -1,3 +0,0 @@
-declare function CopilotListeners(): null;
-
-export { CopilotListeners };