@copilotkit/react-core 1.51.5-next.0 → 1.51.5-next.2

package/dist/chunk-SBRCWA4S.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 {\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":";;;;;;;;;;;;;AAIA,SAAS,0BAA0B;AACnC,SAAS,WAAW,gBAAgB;AAyPxB,cAWA,YAXA;AAtLL,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,QAAM,UAAU,kBAAkB;AAClC,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,SAAS;AAGpD,YAAU,MAAM;AACd,UAAM,eAAe,CAAC,MAAqB;AACzC,UAAI,EAAE,QAAQ,UAAU;AACtB,gBAAQ;AAAA,MACV;AAAA,IACF;AAEA,QAAI,QAAQ;AACV,eAAS,iBAAiB,WAAW,YAAY;AACjD,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC;AAEA,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,YAAY;AACpD,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,MAAI,CAAC;AAAQ,WAAO;AAGpB,QAAM,iBAAiC,YAClC,UACD;AAAA,IACE,SAAS;AAAA,MACP,YAAY;AAAA,QACV,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA,eAAe,MAAM;AAAA,MACnB;AAAA,QACE,SACE;AAAA,QACF,UAAU,EAAE,QAAQ,WAAW;AAAA,MACjC;AAAA,MACA;AAAA,QACE,SACE;AAAA,QACF,UAAU,EAAE,QAAQ,UAAU;AAAA,MAChC;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,UAAU,EAAE,QAAQ,WAAW;AAAA,MACjC;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,UAAU,EAAE,QAAQ,cAAc;AAAA,MACpC;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,cAAc,EAAE,QAAQ,UAAU,YAAY,KAAK,IAAI,EAAE;AAAA,MACzD,kBAAkB;AAAA,QAChB,QAAQ;AAAA,QACR,YAAY,KAAK,IAAI,IAAI;AAAA,MAC3B;AAAA,MACA,gBAAgB,EAAE,QAAQ,QAAQ,YAAY,KAAK,IAAI,IAAI,IAAM;AAAA,IACnE;AAAA,IACA,qBAAqB,MAAM;AAAA,MACzB;AAAA,QACE,SAAS;AAAA,QACT,UAAU,EAAE,MAAM,gBAAgB;AAAA,MACpC;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,UAAU,EAAE,MAAM,gBAAgB;AAAA,MACpC;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,UAAU,EAAE,MAAM,gBAAgB;AAAA,MACpC;AAAA,IACF;AAAA,EACF;AAEJ,QAAM,yBAA0C,YAC3C,kBACD;AAAA,IACE,UAAU;AAAA,MACR;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,MACX;AAAA,MACA,SAAS;AAAA,MAET;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAO;AAAA,YACP,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,iBAAiB;AAAA,YACjB,cAAc;AAAA,YACd,WAAW;AAAA,YACX,SAAS;AAAA,YACT,eAAe;AAAA,YACf,UAAU;AAAA,YACV,UAAU;AAAA,UACZ;AAAA,UACA,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,UAGlC;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,SAAS;AAAA,kBACT,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,SAAS;AAAA,kBACT,cAAc;AAAA,kBACd,WAAW;AAAA,kBACX,YAAY;AAAA,kBACZ,QAAQ,CAAC,YAAY,gBAAgB;AAAA,kBACrC,SAAS,CAAC,YAAY,OAAO;AAAA,gBAC/B;AAAA,gBAEA;AAAA,uCAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,OAAO,GAC/D;AAAA,wCAAC,kBAAe;AAAA,oBAChB;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO;AAAA,0BACL,YAAY;AAAA,0BACZ,UAAU;AAAA,0BACV,OAAO;AAAA,0BACP,QAAQ;AAAA,wBACV;AAAA,wBACD;AAAA;AAAA,oBAED;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO;AAAA,0BACL,UAAU;AAAA,0BACV,OAAO;AAAA,0BACP,iBAAiB;AAAA,0BACjB,SAAS;AAAA,0BACT,cAAc;AAAA,wBAChB;AAAA,wBACD;AAAA;AAAA,0BACG;AAAA;AAAA;AAAA,oBACJ;AAAA,qBACF;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAS;AAAA,sBACT,OAAO;AAAA,wBACL,OAAO;AAAA,wBACP,UAAU;AAAA,wBACV,YAAY;AAAA,wBACZ,QAAQ;AAAA,wBACR,YAAY;AAAA,wBACZ,QAAQ;AAAA,wBACR,SAAS;AAAA,sBACX;AAAA,sBACA,cAAc,CAAC,MAAO,EAAE,cAAc,MAAM,QAAQ;AAAA,sBACpD,cAAc,CAAC,MAAO,EAAE,cAAc,MAAM,QAAQ;AAAA,sBACrD;AAAA;AAAA,kBAED;AAAA;AAAA;AAAA,YACF;AAAA,YAGA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,SAAS;AAAA,kBACT,cAAc;AAAA,kBACd,iBAAiB;AAAA,kBACjB,WAAW;AAAA,kBACX,YAAY;AAAA,kBACZ,QAAQ,CAAC,YAAY,gBAAgB;AAAA,kBACrC,SAAS,CAAC,YAAY,MAAM;AAAA,gBAC9B;AAAA,gBAEC;AAAA,kBACC;AAAA,oBACE,IAAI;AAAA,oBACJ,OAAO;AAAA,oBACP,OAAO,OAAO,KAAK,eAAe,OAAO,EAAE;AAAA,kBAC7C;AAAA,kBACA;AAAA,oBACE,IAAI;AAAA,oBACJ,OAAO;AAAA,oBACP,OAAO,eAAe,cAAc,EAAE;AAAA,kBACxC;AAAA,kBACA;AAAA,oBACE,IAAI;AAAA,oBACJ,OAAO;AAAA,oBACP,OAAO,OAAO,KAAK,eAAe,aAAa,EAAE;AAAA,kBACnD;AAAA,kBACA;AAAA,oBACE,IAAI;AAAA,oBACJ,OAAO;AAAA,oBACP,OAAO,uBAAuB,SAAS;AAAA,kBACzC;AAAA,kBACA;AAAA,oBACE,IAAI;AAAA,oBACJ,OAAO;AAAA,oBACP,OAAO,eAAe,oBAAoB,CAAC,CAAC,EAAE;AAAA,kBAChD;AAAA,gBACF,EAAE,IAAI,CAAC,QACL;AAAA,kBAAC;AAAA;AAAA,oBAEC,SAAS,MAAM,aAAa,IAAI,EAAE;AAAA,oBAClC,OAAO;AAAA,sBACL,SAAS;AAAA,sBACT,UAAU;AAAA,sBACV,YAAY;AAAA,sBACZ,QAAQ;AAAA,sBACR,QAAQ;AAAA,sBACR,iBAAiB,cAAc,IAAI,KAAK,UAAU;AAAA,sBAClD,OAAO,cAAc,IAAI,KAAK,YAAY;AAAA,sBAC1C,cACE,cAAc,IAAI,KAAK,sBAAsB;AAAA,sBAC/C,YAAY;AAAA,oBACd;AAAA,oBACA,cAAc,CAAC,MAAM;AACnB,0BAAI,cAAc,IAAI,IAAI;AACxB,0BAAE,cAAc,MAAM,QAAQ;AAC9B,0BAAE,cAAc,MAAM,kBAAkB;AAAA,sBAC1C;AAAA,oBACF;AAAA,oBACA,cAAc,CAAC,MAAM;AACnB,0BAAI,cAAc,IAAI,IAAI;AACxB,0BAAE,cAAc,MAAM,QAAQ;AAC9B,0BAAE,cAAc,MAAM,kBAAkB;AAAA,sBAC1C;AAAA,oBACF;AAAA,oBAEC;AAAA,0BAAI;AAAA,sBACJ,IAAI,QAAQ,KACX;AAAA,wBAAC;AAAA;AAAA,0BACC,OAAO;AAAA,4BACL,YAAY;AAAA,4BACZ,iBAAiB;AAAA,4BACjB,OAAO;AAAA,4BACP,SAAS;AAAA,4BACT,cAAc;AAAA,4BACd,UAAU;AAAA,0BACZ;AAAA,0BAEC,cAAI;AAAA;AAAA,sBACP;AAAA;AAAA;AAAA,kBAxCG,IAAI;AAAA,gBA0CX,CACD;AAAA;AAAA,YACH;AAAA,YAGA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,QAAQ;AAAA,kBACR,UAAU;AAAA,kBACV,SAAS;AAAA,kBACT,iBAAiB;AAAA,kBACjB,QAAQ,CAAC,YAAY,gBAAgB;AAAA,kBACrC,SAAS,CAAC,YAAY,OAAO;AAAA,gBAC/B;AAAA,gBAEC;AAAA,gCAAc,aAAa,oBAAC,cAAW,SAAS,gBAAgB;AAAA,kBAChE,cAAc,eACb,oBAAC,gBAAa,SAAS,gBAAgB;AAAA,kBAExC,cAAc,WAAW,oBAAC,kBAAe,SAAS,gBAAgB;AAAA,kBAClE,cAAc,cACb,oBAAC,eAAY,iBAAiB,wBAAwB;AAAA,kBAEvD,cAAc,aAAa,oBAAC,cAAW,SAAS,gBAAgB;AAAA;AAAA;AAAA,YACnE;AAAA,YAGA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,SAAS;AAAA,kBACT,WAAW;AAAA,kBACX,iBAAiB;AAAA,kBACjB,SAAS;AAAA,kBACT,gBAAgB;AAAA,kBAChB,YAAY;AAAA,kBACZ,WAAW;AAAA,kBACX,YAAY;AAAA,kBACZ,QAAQ,CAAC,YAAY,gBAAgB;AAAA,kBACrC,SAAS,CAAC,YAAY,MAAM;AAAA,gBAC9B;AAAA,gBAEA;AAAA,sCAAC,SAAI,OAAO,EAAE,UAAU,QAAQ,OAAO,UAAU,GAC/C;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,QAAO;AAAA,sBACP,KAAI;AAAA,sBACJ,OAAO,EAAE,OAAO,WAAW,gBAAgB,OAAO;AAAA,sBAClD,cAAc,CAAC,MACZ,EAAE,cAAc,MAAM,iBAAiB;AAAA,sBAE1C,cAAc,CAAC,MACZ,EAAE,cAAc,MAAM,iBAAiB;AAAA,sBAE3C;AAAA;AAAA,kBAED,GACF;AAAA,kBACA,oBAAC,SAAI,OAAO,EAAE,UAAU,QAAQ,OAAO,UAAU,GAC/C;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,QAAO;AAAA,sBACP,KAAI;AAAA,sBACJ,OAAO,EAAE,OAAO,WAAW,gBAAgB,OAAO;AAAA,sBAClD,cAAc,CAAC,MACZ,EAAE,cAAc,MAAM,iBAAiB;AAAA,sBAE1C,cAAc,CAAC,MACZ,EAAE,cAAc,MAAM,iBAAiB;AAAA,sBAE3C;AAAA;AAAA,kBAED,GACF;AAAA;AAAA;AAAA,YACF;AAAA,YAGC,CAAC,aACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,UAAU;AAAA,kBACV,KAAK;AAAA,kBACL,MAAM;AAAA,kBACN,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,iBAAiB;AAAA,kBACjB,gBAAgB;AAAA,kBAChB,sBAAsB;AAAA,kBACtB,SAAS;AAAA,kBACT,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,cAAc;AAAA,kBACd,QAAQ;AAAA,gBACV;AAAA,gBACA,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,gBAElC;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAS,MACP,OAAO,KAAK,uCAAuC,QAAQ;AAAA,oBAE7D,OAAO;AAAA;AAAA,sBAEL,QAAQ;AAAA,sBACR,SAAS;AAAA,sBACT,iBAAiB;AAAA;AAAA,sBACjB,OAAO;AAAA,sBACP,cAAc;AAAA;AAAA,sBACd,QAAQ;AAAA,sBACR,QAAQ;AAAA,sBACR,UAAU;AAAA;AAAA,sBACV,YAAY;AAAA,sBACZ,YACE;AAAA,sBACF,YAAY;AAAA,sBACZ,WACE;AAAA,sBACF,YAAY;AAAA;AAAA,sBACZ,SAAS;AAAA,sBACT,YAAY;AAAA,sBACZ,KAAK;AAAA,sBACL,eAAe;AAAA,sBACf,eAAe;AAAA,oBACjB;AAAA,oBACA,cAAc,CAAC,MAAM;AACnB,wBAAE,cAAc,MAAM,kBAAkB;AACxC,wBAAE,cAAc,MAAM,YAAY;AAClC,wBAAE,cAAc,MAAM,YACpB;AAAA,oBACJ;AAAA,oBACA,cAAc,CAAC,MAAM;AACnB,wBAAE,cAAc,MAAM,kBAAkB;AACxC,wBAAE,cAAc,MAAM,YAAY;AAClC,wBAAE,cAAc,MAAM,YACpB;AAAA,oBACJ;AAAA,oBACA,aAAa,CAAC,MAAM;AAClB,wBAAE,cAAc,MAAM,kBAAkB;AACxC,wBAAE,cAAc,MAAM,YAAY;AAAA,oBACpC;AAAA,oBACA,WAAW,CAAC,MAAM;AAChB,wBAAE,cAAc,MAAM,kBAAkB;AACxC,wBAAE,cAAc,MAAM,YAAY;AAAA,oBACpC;AAAA,oBACA,SAAS,CAAC,MAAM;AACd,wBAAE,cAAc,MAAM,UAAU;AAChC,wBAAE,cAAc,MAAM,gBAAgB;AAAA,oBACxC;AAAA,oBACA,QAAQ,CAAC,MAAM;AACb,wBAAE,cAAc,MAAM,UAAU;AAAA,oBAClC;AAAA,oBACD;AAAA;AAAA,sBAEC,oBAAC,UAAK,OAAO,EAAE,UAAU,QAAQ,YAAY,OAAO,GAAG,oBAAC;AAAA;AAAA;AAAA,gBAC1D;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,WAAW,EAAE,QAAQ,GAAgC;AAC5D,QAAM,UAAU,OAAO,OAAO,QAAQ,OAAO;AAE7C,MAAI,QAAQ,WAAW,GAAG;AACxB,WACE,qBAAC,SAAI,OAAO,EAAE,WAAW,UAAU,SAAS,UAAU,OAAO,UAAU,GACrE;AAAA,0BAAC,OAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ,YAAY,GAAG,kCAErD;AAAA,MACA,oBAAC,OAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ,EAAE,GAAG,sDAE3C;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,OAAO,GACjE,kBAAQ,IAAI,CAAC,QAAgB,UAC5B;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB;AAAA,UAEA;AAAA,iCAAC,SAAI,OAAO,EAAE,MAAM,EAAE,GACpB;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,YAAY;AAAA,oBACZ,OAAO;AAAA,oBACP,QAAQ;AAAA,kBACV;AAAA,kBAEC,iBAAO;AAAA;AAAA,cACV;AAAA,cACC,OAAO,eACN;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,OAAO;AAAA,oBACP,QAAQ;AAAA,kBACV;AAAA,kBAEC,iBAAO;AAAA;AAAA,cACV;AAAA,cAED,OAAO,cAAc,OAAO,WAAW,SAAS,KAC/C,qBAAC,SAAI,OAAO,EAAE,WAAW,OAAO,GAC9B;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,sBACL,UAAU;AAAA,sBACV,YAAY;AAAA,sBACZ,OAAO;AAAA,sBACP,eAAe;AAAA,sBACf,QAAQ;AAAA,oBACV;AAAA,oBACD;AAAA;AAAA,gBAED;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,sBACL,SAAS;AAAA,sBACT,eAAe;AAAA,sBACf,KAAK;AAAA,oBACP;AAAA,oBAEC,iBAAO,WAAW;AAAA,sBACjB,CAAC,OAAwB,WACvB,qBAAC,SAAiB,OAAO,EAAE,UAAU,OAAO,GAC1C;AAAA;AAAA,0BAAC;AAAA;AAAA,4BACC,OAAO;AAAA,8BACL,YAAY;AAAA,8BACZ,OAAO;AAAA,4BACT;AAAA,4BAEC,gBAAM;AAAA;AAAA,wBACT;AAAA,wBACC,MAAM,YACL;AAAA,0BAAC;AAAA;AAAA,4BACC,OAAO;AAAA,8BACL,YAAY;AAAA,8BACZ,UAAU;AAAA,8BACV,OAAO;AAAA,4BACT;AAAA,4BACD;AAAA;AAAA,wBAED;AAAA,wBAED,MAAM,QACL;AAAA,0BAAC;AAAA;AAAA,4BACC,OAAO;AAAA,8BACL,YAAY;AAAA,8BACZ,UAAU;AAAA,8BACV,OAAO;AAAA,4BACT;AAAA,4BACD;AAAA;AAAA,8BACG,MAAM;AAAA,8BAAK;AAAA;AAAA;AAAA,wBACf;AAAA,2BA7BM,MA+BV;AAAA,oBAEJ;AAAA;AAAA,gBACF;AAAA,iBACF;AAAA,eAEJ;AAAA,YACA,oBAAC,SAAI,OAAO,EAAE,YAAY,OAAO,GAC9B,iBAAO,WAAW,cACjB,oBAAC,aAAU,IAEX,oBAAC,+BAA4B,GAEjC;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,IAxGK;AAAA,EAyGP,CACD,GACH;AAEJ;AAEA,SAAS,aAAa,EAAE,QAAQ,GAAgC;AAC9D,QAAM,YAAY,QAAQ,cAAc;AAExC,MAAI,UAAU,WAAW,GAAG;AAC1B,WACE,qBAAC,SAAI,OAAO,EAAE,WAAW,UAAU,SAAS,UAAU,OAAO,UAAU,GACrE;AAAA,0BAAC,OAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ,YAAY,GAAG,2CAErD;AAAA,MACA,oBAAC,OAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ,EAAE,GAAG,6DAE3C;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,OAAO,GACjE,oBAAU,IAAI,CAAC,UAAoB,UAClC;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB;AAAA,UAEA,+BAAC,SAAI,OAAO,EAAE,MAAM,EAAE,GACpB;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,YAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,QAAQ;AAAA,gBACV;AAAA,gBAEC,mBAAS,QAAQ,YAAY,QAAQ;AAAA;AAAA,YACxC;AAAA,YACC,SAAS,eACR;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,QAAQ;AAAA,gBACV;AAAA,gBAEC,mBAAS;AAAA;AAAA,YACZ;AAAA,YAED,SAAS,SACR;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,WAAW;AAAA,kBACX,SAAS;AAAA,kBACT,iBAAiB;AAAA,kBACjB,cAAc;AAAA,kBACd,UAAU;AAAA,kBACV,WAAW;AAAA,kBACX,QAAQ;AAAA,gBACV;AAAA,gBAEC,eAAK,UAAU,SAAS,OAAO,MAAM,CAAC;AAAA;AAAA,YACzC;AAAA,aAEJ;AAAA;AAAA,MACF;AAAA;AAAA,IArDK;AAAA,EAsDP,CACD,GACH;AAEJ;AAEA,SAAS,eAAe,EAAE,QAAQ,GAAgC;AAChE,QAAM,cAAc,QAAQ,iBAAiB,CAAC;AAC9C,QAAM,oBAAoB,OAAO,QAAQ,WAAW;AAEpD,MAAI,kBAAkB,WAAW,GAAG;AAClC,WACE,qBAAC,SAAI,OAAO,EAAE,WAAW,UAAU,SAAS,UAAU,OAAO,UAAU,GACrE;AAAA,0BAAC,OAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ,YAAY,GAAG,uCAErD;AAAA,MACA,oBAAC,OAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ,EAAE,GAAG,kEAE3C;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,OAAO,GACjE,4BAAkB,IAAI,CAAC,CAAC,WAAW,KAAK,MACvC;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,cAAc;AAAA,YAChB;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,YAAY;AAAA,oBACZ,UAAU;AAAA,oBACV,OAAO;AAAA,oBACP,QAAQ;AAAA,kBACV;AAAA,kBAEC;AAAA;AAAA,cACH;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,SAAS;AAAA,oBACT,cAAc;AAAA,oBACd,UAAU;AAAA,oBACV,YAAY;AAAA,oBACZ,iBACE,MAAM,WAAW,YACb,YACA,MAAM,WAAW,aACf,YACA;AAAA,oBACR,OACE,MAAM,WAAW,YACb,YACA,MAAM,WAAW,aACf,YACA;AAAA,kBACV;AAAA,kBAEC,gBAAM,UAAU;AAAA;AAAA,cACnB;AAAA;AAAA;AAAA,QACF;AAAA,QAEC,MAAM,SACL,qBAAC,SAAI,OAAO,EAAE,cAAc,OAAO,GACjC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,eAAe;AAAA,gBACf,QAAQ;AAAA,cACV;AAAA,cACD;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,gBACL,SAAS;AAAA,gBACT,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,UAAU;AAAA,gBACV,WAAW;AAAA,gBACX,QAAQ;AAAA,cACV;AAAA,cAEC,eAAK,UAAU,MAAM,OAAO,MAAM,CAAC;AAAA;AAAA,UACtC;AAAA,WACF;AAAA,QAGD,MAAM,WACL;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,WAAW;AAAA,cACX,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,OAAO;AAAA,YACT;AAAA,YAEA;AAAA,kCAAC,SAAI,OAAO,EAAE,aAAa,MAAM,GAC/B;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,SAAQ;AAAA,kBACR,OAAO,EAAE,WAAW,0BAA0B;AAAA,kBAE9C;AAAA,wCAAC,WAAO,qGAA0F;AAAA,oBAClG;AAAA,sBAAC;AAAA;AAAA,wBACC,IAAG;AAAA,wBACH,IAAG;AAAA,wBACH,GAAE;AAAA,wBACF,MAAK;AAAA,wBACL,QAAO;AAAA,wBACP,aAAY;AAAA,wBACZ,iBAAgB;AAAA;AAAA,oBAClB;AAAA;AAAA;AAAA,cACF,GACF;AAAA,cACA,oBAAC,UAAK,2CAA6B;AAAA;AAAA;AAAA,QACrC;AAAA;AAAA;AAAA,IA7GG;AAAA,EA+GP,CACD,GACH;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AACF,GAEG;AACD,QAAM,WAAW,gBAAgB,YAAY,CAAC;AAE9C,MAAI,SAAS,WAAW,GAAG;AACzB,WACE,qBAAC,SAAI,OAAO,EAAE,WAAW,UAAU,SAAS,UAAU,OAAO,UAAU,GACrE;AAAA,0BAAC,OAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ,YAAY,GAAG,6BAAe;AAAA,MACpE,oBAAC,OAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ,EAAE,GAAG,sEAE3C;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,OAAO,GACjE,mBAAS,IAAI,CAAC,SAAkB,UAC/B;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,cAAc;AAAA,QACd,iBACE,QAAQ,SAAS,SACb,YACA,QAAQ,SAAS,cACf,YACA;AAAA,QACR,QAAQ,aAAa,QAAQ,SAAS,SAAS,YAAY,QAAQ,SAAS,cAAc,YAAY;AAAA,QACtG,YAAY,QAAQ,SAAS,SAAS,SAAS;AAAA,QAC/C,aAAa,QAAQ,SAAS,cAAc,SAAS;AAAA,MACvD;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,cAAc;AAAA,YAChB;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,YAAY;AAAA,oBACZ,UAAU;AAAA,oBACV,OAAO;AAAA,oBACP,eAAe;AAAA,kBACjB;AAAA,kBAEC,kBAAQ,QAAQ;AAAA;AAAA,cACnB;AAAA,cACC,QAAQ,aACP,oBAAC,UAAK,OAAO,EAAE,UAAU,QAAQ,OAAO,UAAU,GAC/C,cAAI,KAAK,QAAQ,SAAS,EAAE,mBAAmB,GAClD;AAAA;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,YAAY;AAAA,YACd;AAAA,YAEC,kBAAQ,WAAW;AAAA;AAAA,QACtB;AAAA;AAAA;AAAA,IA/CK;AAAA,EAgDP,CACD,GACH;AAEJ;AAEA,SAAS,WAAW,EAAE,QAAQ,GAAgC;AAC5D,QAAM,YAAY,QAAQ,oBAAoB,CAAC,CAAC;AAEhD,MAAI,UAAU,WAAW,GAAG;AAC1B,WACE,qBAAC,SAAI,OAAO,EAAE,WAAW,UAAU,SAAS,UAAU,OAAO,UAAU,GACrE;AAAA,0BAAC,OAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ,YAAY,GAAG,2CAErD;AAAA,MACA,oBAAC,OAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ,EAAE,GAAG,6DAE3C;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,OAAO,GACjE,oBAAU,IAAI,CAAC,KAAe,UAC7B;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE,YAAY,OAAO,OAAO,WAAW,QAAQ,YAAY;AAAA,YAEjE,cAAI,QAAQ,YAAY,QAAQ;AAAA;AAAA,QACnC;AAAA,QACC,IAAI,WACH;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,UAAU;AAAA,cACV,WAAW;AAAA,cACX,QAAQ;AAAA,YACV;AAAA,YAEC,cAAI;AAAA;AAAA,QACP;AAAA;AAAA;AAAA,IA1BG;AAAA,EA4BP,CACD,GACH;AAEJ;","names":[]}

package/dist/chunk-SFOKX4MH.mjs

@@ -1,195 +0,0 @@
-import {
-  shouldShowDevConsole
-} from "./chunk-ICIK2BSB.mjs";
-import {
-  useCopilotContext
-} from "./chunk-C7HSVDHD.mjs";
-import {
-  CopilotMessagesContext
-} from "./chunk-DMLQZG75.mjs";
-import {
-  useToast
-} from "./chunk-ZP2IMXFY.mjs";
-import {
-  __async
-} from "./chunk-SKC7AJIV.mjs";
-
-// src/components/copilot-provider/copilot-messages.tsx
-import {
-  useEffect,
-  useState,
-  useRef,
-  useCallback,
-  useMemo,
-  createContext,
-  useContext
-} from "react";
-import {
-  ErrorVisibility,
-  CopilotKitApiDiscoveryError,
-  CopilotKitRemoteEndpointDiscoveryError,
-  CopilotKitAgentDiscoveryError,
-  CopilotKitError,
-  CopilotKitErrorCode
-} from "@copilotkit/shared";
-import { jsx } from "react/jsx-runtime";
-var MessagesTapContext = createContext(null);
-function useMessagesTap() {
-  const tap = useContext(MessagesTapContext);
-  if (!tap)
-    throw new Error("useMessagesTap must be used inside <MessagesTapProvider>");
-  return tap;
-}
-function MessagesTapProvider({
-  children
-}) {
-  const messagesRef = useRef([]);
-  const tapRef = useRef({
-    getMessagesFromTap: () => messagesRef.current,
-    updateTapMessages: (messages) => {
-      messagesRef.current = messages;
-    }
-  });
-  return /* @__PURE__ */ jsx(MessagesTapContext.Provider, { value: tapRef.current, children });
-}
-function CopilotMessages({ children }) {
-  const [messages, setMessages] = useState([]);
-  const lastLoadedThreadId = useRef(void 0);
-  const lastLoadedAgentName = useRef(void 0);
-  const lastLoadedMessages = useRef(void 0);
-  const { updateTapMessages } = useMessagesTap();
-  const { threadId, agentSession, showDevConsole, onError, copilotApiConfig } = useCopilotContext();
-  const { setBannerError } = useToast();
-  const traceUIError = useCallback(
-    (error, originalError) => __async(this, null, function* () {
-      if (!onError || !copilotApiConfig.publicApiKey)
-        return;
-      try {
-        const traceEvent = {
-          type: "error",
-          timestamp: Date.now(),
-          context: {
-            source: "ui",
-            request: {
-              operation: "loadAgentState",
-              url: copilotApiConfig.chatApiEndpoint,
-              startTime: Date.now()
-            },
-            technical: {
-              environment: "browser",
-              userAgent: typeof navigator !== "undefined" ? navigator.userAgent : void 0,
-              stackTrace: originalError instanceof Error ? originalError.stack : void 0
-            }
-          },
-          error
-        };
-        yield onError(traceEvent);
-      } catch (traceError) {
-        console.error("Error in CopilotMessages onError handler:", traceError);
-      }
-    }),
-    [onError, copilotApiConfig.publicApiKey, copilotApiConfig.chatApiEndpoint]
-  );
-  const createStructuredError = (gqlError) => {
-    const extensions = gqlError.extensions;
-    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
-        });
-      }
-      if (originalError.stack.includes("CopilotKitRemoteEndpointDiscoveryError")) {
-        return new CopilotKitRemoteEndpointDiscoveryError({
-          message: originalError.message
-        });
-      }
-      if (originalError.stack.includes("CopilotKitAgentDiscoveryError")) {
-        return new CopilotKitAgentDiscoveryError({
-          agentName: "",
-          availableAgents: []
-        });
-      }
-    }
-    const message = (originalError == null ? void 0 : originalError.message) || gqlError.message;
-    const code = extensions == null ? void 0 : extensions.code;
-    if (code) {
-      return new CopilotKitError({ message, code });
-    }
-    return null;
-  };
-  const handleGraphQLErrors = useCallback(
-    (error) => {
-      var _a;
-      if ((_a = error.graphQLErrors) == null ? void 0 : _a.length) {
-        const graphQLErrors = error.graphQLErrors;
-        const routeError = (gqlError) => {
-          const extensions = gqlError.extensions;
-          const visibility = extensions == null ? void 0 : extensions.visibility;
-          const isDev = shouldShowDevConsole(showDevConsole);
-          if (!isDev) {
-            console.error(
-              "CopilotKit Error (hidden in production):",
-              gqlError.message
-            );
-            return;
-          }
-          if (visibility === ErrorVisibility.SILENT) {
-            console.error("CopilotKit Silent Error:", gqlError.message);
-            return;
-          }
-          const ckError = createStructuredError(gqlError);
-          if (ckError) {
-            setBannerError(ckError);
-            traceUIError(ckError, gqlError);
-          } else {
-            const fallbackError = new CopilotKitError({
-              message: gqlError.message,
-              code: CopilotKitErrorCode.UNKNOWN
-            });
-            setBannerError(fallbackError);
-            traceUIError(fallbackError, gqlError);
-          }
-        };
-        graphQLErrors.forEach(routeError);
-      } else {
-        const isDev = shouldShowDevConsole(showDevConsole);
-        if (!isDev) {
-          console.error("CopilotKit Error (hidden in production):", error);
-        } else {
-          const fallbackError = new CopilotKitError({
-            message: (error == null ? void 0 : error.message) || String(error),
-            code: CopilotKitErrorCode.UNKNOWN
-          });
-          setBannerError(fallbackError);
-          traceUIError(fallbackError, error);
-        }
-      }
-    },
-    [setBannerError, showDevConsole, traceUIError]
-  );
-  useEffect(() => {
-    updateTapMessages(messages);
-  }, [messages, updateTapMessages]);
-  const memoizedChildren = useMemo(() => children, [children]);
-  const [suggestions, setSuggestions] = useState([]);
-  return /* @__PURE__ */ jsx(
-    CopilotMessagesContext.Provider,
-    {
-      value: {
-        messages,
-        setMessages,
-        suggestions,
-        setSuggestions
-      },
-      children: memoizedChildren
-    }
-  );
-}
-
-export {
-  useMessagesTap,
-  MessagesTapProvider,
-  CopilotMessages
-};
-//# sourceMappingURL=chunk-SFOKX4MH.mjs.map

package/dist/chunk-SFOKX4MH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/copilot-provider/copilot-messages.tsx"],"sourcesContent":["/**\n * An internal context to separate the messages state (which is constantly changing) from the rest of CopilotKit context\n */\n\nimport {\n  ReactNode,\n  useEffect,\n  useState,\n  useRef,\n  useCallback,\n  useMemo,\n  createContext,\n  useContext,\n} from \"react\";\nimport { CopilotMessagesContext } from \"../../context/copilot-messages-context\";\nimport {\n  loadMessagesFromJsonRepresentation,\n  Message,\n  GraphQLError,\n} from \"@copilotkit/runtime-client-gql\";\nimport { useCopilotContext } from \"../../context/copilot-context\";\nimport { useToast } from \"../toast/toast-provider\";\nimport { shouldShowDevConsole } from \"../../utils/dev-console\";\nimport {\n  ErrorVisibility,\n  CopilotKitApiDiscoveryError,\n  CopilotKitRemoteEndpointDiscoveryError,\n  CopilotKitAgentDiscoveryError,\n  CopilotKitError,\n  CopilotKitErrorCode,\n} from \"@copilotkit/shared\";\nimport { Suggestion } from \"@copilotkitnext/core\";\n\n// Helper to determine if error should show as banner based on visibility and legacy patterns\nfunction shouldShowAsBanner(gqlError: GraphQLError): boolean {\n  const extensions = gqlError.extensions;\n  if (!extensions) return false;\n\n  // Priority 1: Check error code for discovery errors (these should always be banners)\n  const code = extensions.code as CopilotKitErrorCode;\n  if (\n    code === CopilotKitErrorCode.AGENT_NOT_FOUND ||\n    code === CopilotKitErrorCode.API_NOT_FOUND ||\n    code === CopilotKitErrorCode.REMOTE_ENDPOINT_NOT_FOUND ||\n    code === CopilotKitErrorCode.CONFIGURATION_ERROR ||\n    code === CopilotKitErrorCode.MISSING_PUBLIC_API_KEY_ERROR ||\n    code === CopilotKitErrorCode.UPGRADE_REQUIRED_ERROR\n  ) {\n    return true;\n  }\n\n  // Priority 2: Check banner visibility\n  if (extensions.visibility === ErrorVisibility.BANNER) {\n    return true;\n  }\n\n  // Priority 3: Check for critical errors that should be banners regardless of formal classification\n  const errorMessage = gqlError.message.toLowerCase();\n  if (\n    errorMessage.includes(\"api key\") ||\n    errorMessage.includes(\"401\") ||\n    errorMessage.includes(\"unauthorized\") ||\n    errorMessage.includes(\"authentication\") ||\n    errorMessage.includes(\"incorrect api key\")\n  ) {\n    return true;\n  }\n\n  // Priority 4: Legacy stack trace detection for discovery errors\n  const originalError = extensions.originalError as any;\n  if (originalError?.stack) {\n    return (\n      originalError.stack.includes(\"CopilotApiDiscoveryError\") ||\n      originalError.stack.includes(\"CopilotKitRemoteEndpointDiscoveryError\") ||\n      originalError.stack.includes(\"CopilotKitAgentDiscoveryError\")\n    );\n  }\n\n  return false;\n}\n\n/**\n * MessagesTap is used to mitigate performance issues when we only need\n * a snapshot of the messages, not a continuously updating stream of messages.\n */\n\nexport type MessagesTap = {\n  getMessagesFromTap: () => Message[];\n  updateTapMessages: (messages: Message[]) => void;\n};\n\nconst MessagesTapContext = createContext<MessagesTap | null>(null);\n\nexport function useMessagesTap() {\n  const tap = useContext(MessagesTapContext);\n  if (!tap)\n    throw new Error(\"useMessagesTap must be used inside <MessagesTapProvider>\");\n  return tap;\n}\n\nexport function MessagesTapProvider({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  const messagesRef = useRef<Message[]>([]);\n\n  const tapRef = useRef<MessagesTap>({\n    getMessagesFromTap: () => messagesRef.current,\n    updateTapMessages: (messages: Message[]) => {\n      messagesRef.current = messages;\n    },\n  });\n\n  return (\n    <MessagesTapContext.Provider value={tapRef.current}>\n      {children}\n    </MessagesTapContext.Provider>\n  );\n}\n\n/**\n * CopilotKit messages context.\n */\n\nexport function CopilotMessages({ children }: { children: ReactNode }) {\n  const [messages, setMessages] = useState<Message[]>([]);\n  const lastLoadedThreadId = useRef<string>(undefined!);\n  const lastLoadedAgentName = useRef<string>(undefined!);\n  const lastLoadedMessages = useRef<string>(undefined!);\n\n  const { updateTapMessages } = useMessagesTap();\n\n  const { threadId, agentSession, showDevConsole, onError, copilotApiConfig } =\n    useCopilotContext();\n  const { setBannerError } = useToast();\n\n  // Helper function to trace UI errors (similar to useCopilotRuntimeClient)\n  const traceUIError = useCallback(\n    async (error: CopilotKitError, originalError?: any) => {\n      // Just check if onError and publicApiKey are defined\n      if (!onError || !copilotApiConfig.publicApiKey) return;\n\n      try {\n        const traceEvent = {\n          type: \"error\" as const,\n          timestamp: Date.now(),\n          context: {\n            source: \"ui\" as const,\n            request: {\n              operation: \"loadAgentState\",\n              url: copilotApiConfig.chatApiEndpoint,\n              startTime: Date.now(),\n            },\n            technical: {\n              environment: \"browser\",\n              userAgent:\n                typeof navigator !== \"undefined\"\n                  ? navigator.userAgent\n                  : undefined,\n              stackTrace:\n                originalError instanceof Error\n                  ? originalError.stack\n                  : undefined,\n            },\n          },\n          error,\n        };\n        await onError(traceEvent);\n      } catch (traceError) {\n        console.error(\"Error in CopilotMessages onError handler:\", traceError);\n      }\n    },\n    [onError, copilotApiConfig.publicApiKey, copilotApiConfig.chatApiEndpoint],\n  );\n\n  const createStructuredError = (\n    gqlError: GraphQLError,\n  ): CopilotKitError | null => {\n    const extensions = gqlError.extensions;\n    const originalError = extensions?.originalError as any;\n\n    // Priority: Check stack trace for discovery errors first\n    if (originalError?.stack) {\n      if (originalError.stack.includes(\"CopilotApiDiscoveryError\")) {\n        return new CopilotKitApiDiscoveryError({\n          message: originalError.message,\n        });\n      }\n      if (\n        originalError.stack.includes(\"CopilotKitRemoteEndpointDiscoveryError\")\n      ) {\n        return new CopilotKitRemoteEndpointDiscoveryError({\n          message: originalError.message,\n        });\n      }\n      if (originalError.stack.includes(\"CopilotKitAgentDiscoveryError\")) {\n        return new CopilotKitAgentDiscoveryError({\n          agentName: \"\",\n          availableAgents: [],\n        });\n      }\n    }\n\n    // Fallback: Use the formal error code if available\n    const message = originalError?.message || gqlError.message;\n    const code = extensions?.code as CopilotKitErrorCode;\n\n    if (code) {\n      return new CopilotKitError({ message, code });\n    }\n\n    return null;\n  };\n\n  const handleGraphQLErrors = useCallback(\n    (error: any) => {\n      if (error.graphQLErrors?.length) {\n        const graphQLErrors = error.graphQLErrors as GraphQLError[];\n\n        // Route all errors to banners for consistent UI\n        const routeError = (gqlError: GraphQLError) => {\n          const extensions = gqlError.extensions;\n          const visibility = extensions?.visibility as ErrorVisibility;\n          const isDev = shouldShowDevConsole(showDevConsole);\n\n          if (!isDev) {\n            console.error(\n              \"CopilotKit Error (hidden in production):\",\n              gqlError.message,\n            );\n            return;\n          }\n\n          // Silent errors - just log\n          if (visibility === ErrorVisibility.SILENT) {\n            console.error(\"CopilotKit Silent Error:\", gqlError.message);\n            return;\n          }\n\n          // All other errors (including DEV_ONLY) show as banners for consistency\n          const ckError = createStructuredError(gqlError);\n          if (ckError) {\n            setBannerError(ckError);\n            // Trace the structured error\n            traceUIError(ckError, gqlError);\n          } else {\n            // Fallback: create a generic error for unstructured GraphQL errors\n            const fallbackError = new CopilotKitError({\n              message: gqlError.message,\n              code: CopilotKitErrorCode.UNKNOWN,\n            });\n            setBannerError(fallbackError);\n            // Trace the fallback error\n            traceUIError(fallbackError, gqlError);\n          }\n        };\n\n        // Process all errors as banners\n        graphQLErrors.forEach(routeError);\n      } else {\n        const isDev = shouldShowDevConsole(showDevConsole);\n        if (!isDev) {\n          console.error(\"CopilotKit Error (hidden in production):\", error);\n        } else {\n          // Route non-GraphQL errors to banner as well\n          const fallbackError = new CopilotKitError({\n            message: error?.message || String(error),\n            code: CopilotKitErrorCode.UNKNOWN,\n          });\n          setBannerError(fallbackError);\n          // Trace the non-GraphQL error\n          traceUIError(fallbackError, error);\n        }\n      }\n    },\n    [setBannerError, showDevConsole, traceUIError],\n  );\n\n  useEffect(() => {\n    updateTapMessages(messages);\n  }, [messages, updateTapMessages]);\n\n  const memoizedChildren = useMemo(() => children, [children]);\n  const [suggestions, setSuggestions] = useState<Suggestion[]>([]);\n\n  return (\n    <CopilotMessagesContext.Provider\n      value={{\n        messages,\n        setMessages,\n        suggestions,\n        setSuggestions,\n      }}\n    >\n      {memoizedChildren}\n    </CopilotMessagesContext.Provider>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-SK2XMJUD.mjs

@@ -1,42 +0,0 @@
-// src/context/threads-context.tsx
-import {
-  createContext,
-  useContext,
-  useState
-} from "react";
-import { randomUUID } from "@copilotkit/shared";
-import { jsx } from "react/jsx-runtime";
-var ThreadsContext = createContext(
-  void 0
-);
-function ThreadsProvider({
-  children,
-  threadId: explicitThreadId
-}) {
-  const [internalThreadId, setThreadId] = useState(() => randomUUID());
-  const threadId = explicitThreadId != null ? explicitThreadId : internalThreadId;
-  return /* @__PURE__ */ jsx(
-    ThreadsContext.Provider,
-    {
-      value: {
-        threadId,
-        setThreadId
-      },
-      children
-    }
-  );
-}
-function useThreads() {
-  const context = useContext(ThreadsContext);
-  if (!context) {
-    throw new Error("useThreads must be used within ThreadsProvider");
-  }
-  return context;
-}
-
-export {
-  ThreadsContext,
-  ThreadsProvider,
-  useThreads
-};
-//# sourceMappingURL=chunk-SK2XMJUD.mjs.map

package/dist/chunk-SK2XMJUD.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/context/threads-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  SetStateAction,\n} from \"react\";\nimport { randomUUID } from \"@copilotkit/shared\";\n\nexport interface ThreadsContextValue {\n  threadId: string;\n  setThreadId: (value: SetStateAction<string>) => void;\n}\n\nconst ThreadsContext = createContext<ThreadsContextValue | undefined>(\n  undefined,\n);\n\nexport interface ThreadsProviderProps {\n  children: ReactNode;\n  threadId?: string;\n}\n\nexport function ThreadsProvider({\n  children,\n  threadId: explicitThreadId,\n}: ThreadsProviderProps) {\n  const [internalThreadId, setThreadId] = useState<string>(() => randomUUID());\n\n  const threadId = explicitThreadId ?? internalThreadId;\n\n  return (\n    <ThreadsContext.Provider\n      value={{\n        threadId,\n        setThreadId,\n      }}\n    >\n      {children}\n    </ThreadsContext.Provider>\n  );\n}\n\nexport function useThreads() {\n  const context = useContext(ThreadsContext);\n  if (!context) {\n    throw new Error(\"useThreads must be used within ThreadsProvider\");\n  }\n  return context;\n}\n\nexport { ThreadsContext };\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,kBAAkB;AAyBvB;AAlBJ,IAAM,iBAAiB;AAAA,EACrB;AACF;AAOO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,UAAU;AACZ,GAAyB;AACvB,QAAM,CAAC,kBAAkB,WAAW,IAAI,SAAiB,MAAM,WAAW,CAAC;AAE3E,QAAM,WAAW,8CAAoB;AAErC,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,aAAa;AAC3B,QAAM,UAAU,WAAW,cAAc;AACzC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AACA,SAAO;AACT;","names":[]}

package/dist/chunk-SKC7AJIV.mjs

@@ -1,61 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __restKey = (key) => typeof key === "symbol" ? key : key + "";
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-export {
-  __spreadValues,
-  __spreadProps,
-  __restKey,
-  __objRest,
-  __async
-};
-//# sourceMappingURL=chunk-SKC7AJIV.mjs.map

package/dist/chunk-SKC7AJIV.mjs.map

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

package/dist/chunk-SPCZTZCY.mjs

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

package/dist/chunk-SPCZTZCY.mjs.map

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

package/dist/chunk-SYGQHN3H.mjs

@@ -1,27 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-SKC7AJIV.mjs";
-
-// src/hooks/use-copilot-chat-suggestions.tsx
-import {
-  useConfigureSuggestions,
-  useCopilotChatConfiguration
-} from "@copilotkitnext/react";
-function useCopilotChatSuggestions(config, dependencies = []) {
-  var _a, _b;
-  const existingConfig = useCopilotChatConfiguration();
-  const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
-  const available = (_b = config.available === "enabled" ? "always" : config.available) != null ? _b : "before-first-message";
-  const finalSuggestionConfig = __spreadProps(__spreadValues({}, config), {
-    available,
-    consumerAgentId: resolvedAgentId
-    // Use chatConfig.agentId here
-  });
-  useConfigureSuggestions(finalSuggestionConfig, dependencies);
-}
-
-export {
-  useCopilotChatSuggestions
-};
-//# sourceMappingURL=chunk-SYGQHN3H.mjs.map

package/dist/chunk-SYGQHN3H.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["/**\n * <Callout type=\"warning\">\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without notice.\n * </Callout>\n *\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 * <br/>\n * <img src=\"https://cdn.copilotkit.ai/docs/copilotkit/images/use-copilot-chat-suggestions/use-copilot-chat-suggestions.gif\" width=\"500\" />\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   const [employees, setEmployees] = useState([]);\n *\n *   useCopilotChatSuggestions({\n *     instructions: `The following employees are on duty: ${JSON.stringify(employees)}`,\n *   });\n * }\n * ```\n *\n * ### Dependency Management\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   useCopilotChatSuggestions(\n *     {\n *       instructions: \"Suggest the most relevant next actions.\",\n *     },\n *     [appState],\n *   );\n * }\n * ```\n *\n * In the example above, the suggestions are generated based on the given instructions.\n * The hook monitors `appState`, and updates suggestions accordingly whenever it changes.\n *\n * ### Behavior and Lifecycle\n *\n * The hook registers the configuration with the chat context upon component mount and\n * removes it on unmount, ensuring a clean and efficient lifecycle management.\n */\nimport {\n  useConfigureSuggestions,\n  useCopilotChatConfiguration,\n  useCopilotKit,\n  useSuggestions,\n} from \"@copilotkitnext/react\";\nimport { useEffect } from \"react\";\nimport { StaticSuggestionsConfig, Suggestion } from \"@copilotkitnext/core\";\n\ntype StaticSuggestionInput = Omit<Suggestion, \"isLoading\"> &\n  Partial<Pick<Suggestion, \"isLoading\">>;\n\ntype StaticSuggestionsConfigInput = Omit<\n  StaticSuggestionsConfig,\n  \"suggestions\"\n> & {\n  suggestions: StaticSuggestionInput[];\n};\n\ntype DynamicSuggestionsConfigInput = {\n  /**\n   * A prompt or instructions for the GPT to generate suggestions.\n   */\n  instructions: string;\n  /**\n   * The minimum number of suggestions to generate. Defaults to `1`.\n   * @default 1\n   */\n  minSuggestions?: number;\n  /**\n   * The maximum number of suggestions to generate. Defaults to `3`.\n   * @default 1\n   */\n  maxSuggestions?: number;\n\n  /**\n   * Whether the suggestions are available. Defaults to `enabled`.\n   * @default enabled\n   */\n  available?:\n    | \"enabled\"\n    | \"disabled\"\n    | \"always\"\n    | \"before-first-message\"\n    | \"after-first-message\";\n\n  /**\n   * An optional class name to apply to the suggestions.\n   */\n  className?: string;\n};\n\nexport type UseCopilotChatSuggestionsConfiguration =\n  | DynamicSuggestionsConfigInput\n  | StaticSuggestionsConfigInput;\n\nexport function useCopilotChatSuggestions(\n  config: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  const existingConfig = useCopilotChatConfiguration();\n  const resolvedAgentId = existingConfig?.agentId ?? \"default\";\n\n  const available =\n    (config.available === \"enabled\" ? \"always\" : config.available) ??\n    \"before-first-message\";\n\n  const finalSuggestionConfig = {\n    ...config,\n    available,\n    consumerAgentId: resolvedAgentId, // Use chatConfig.agentId here\n  };\n  useConfigureSuggestions(finalSuggestionConfig, dependencies);\n}\n"],"mappings":";;;;;;AA4DA;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAmDA,SAAS,0BACd,QACA,eAAsB,CAAC,GACvB;AAvHF;AAwHE,QAAM,iBAAiB,4BAA4B;AACnD,QAAM,mBAAkB,sDAAgB,YAAhB,YAA2B;AAEnD,QAAM,aACH,YAAO,cAAc,YAAY,WAAW,OAAO,cAAnD,YACD;AAEF,QAAM,wBAAwB,iCACzB,SADyB;AAAA,IAE5B;AAAA,IACA,iBAAiB;AAAA;AAAA,EACnB;AACA,0BAAwB,uBAAuB,YAAY;AAC7D;","names":[]}

package/dist/chunk-TFZXOEY4.mjs

@@ -1,61 +0,0 @@
-import {
-  useCopilotAction
-} from "./chunk-VZ4NSOFQ.mjs";
-import {
-  useCopilotContext
-} from "./chunk-C7HSVDHD.mjs";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-SKC7AJIV.mjs";
-
-// src/hooks/use-copilot-authenticated-action.ts
-import { Fragment, useCallback, useRef } from "react";
-import React from "react";
-function useCopilotAuthenticatedAction_c(action, dependencies) {
-  const { authConfig_c, authStates_c, setAuthStates_c } = useCopilotContext();
-  const pendingActionRef = useRef(null);
-  const executeAction = useCallback(
-    (props) => {
-      if (typeof action.render === "function") {
-        return action.render(props);
-      }
-      return action.render || React.createElement(Fragment);
-    },
-    [action]
-  );
-  const wrappedRender = useCallback(
-    (props) => {
-      const isAuthenticated = Object.values(authStates_c || {}).some(
-        (state) => state.status === "authenticated"
-      );
-      if (!isAuthenticated) {
-        pendingActionRef.current = props;
-        return (authConfig_c == null ? void 0 : authConfig_c.SignInComponent) ? React.createElement(authConfig_c.SignInComponent, {
-          onSignInComplete: (authState) => {
-            setAuthStates_c == null ? void 0 : setAuthStates_c((prev) => __spreadProps(__spreadValues({}, prev), {
-              [action.name]: authState
-            }));
-            if (pendingActionRef.current) {
-              executeAction(pendingActionRef.current);
-              pendingActionRef.current = null;
-            }
-          }
-        }) : React.createElement(Fragment);
-      }
-      return executeAction(props);
-    },
-    [action, authStates_c, setAuthStates_c]
-  );
-  useCopilotAction(
-    __spreadProps(__spreadValues({}, action), {
-      render: wrappedRender
-    }),
-    dependencies
-  );
-}
-
-export {
-  useCopilotAuthenticatedAction_c
-};
-//# sourceMappingURL=chunk-TFZXOEY4.mjs.map

package/dist/chunk-TFZXOEY4.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-copilot-authenticated-action.ts"],"sourcesContent":["import { Parameter } from \"@copilotkit/shared\";\nimport { Fragment, useCallback, useRef } from \"react\";\nimport { useCopilotContext } from \"../context/copilot-context\";\nimport { FrontendAction, ActionRenderProps } from \"../types/frontend-action\";\nimport { useCopilotAction } from \"./use-copilot-action\";\nimport React from \"react\";\n\n/**\n * Hook to create an authenticated action that requires user sign-in before execution.\n *\n * @remarks\n * This feature is only available when using CopilotKit's hosted cloud service.\n * To use this feature, sign up at https://cloud.copilotkit.ai to get your publicApiKey.\n *\n * @param action - The frontend action to be wrapped with authentication\n * @param dependencies - Optional array of dependencies that will trigger recreation of the action when changed\n */\nexport function useCopilotAuthenticatedAction_c<T extends Parameter[]>(\n  action: FrontendAction<T>,\n  dependencies?: any[],\n): void {\n  const { authConfig_c, authStates_c, setAuthStates_c } = useCopilotContext();\n  const pendingActionRef = useRef<ActionRenderProps<Parameter[]> | null>(null);\n\n  const executeAction = useCallback(\n    (props: ActionRenderProps<Parameter[]>) => {\n      if (typeof action.render === \"function\") {\n        return action.render(props);\n      }\n      return action.render || React.createElement(Fragment);\n    },\n    [action],\n  );\n\n  const wrappedRender = useCallback(\n    (props: ActionRenderProps<Parameter[]>): string | React.ReactElement => {\n      const isAuthenticated = Object.values(authStates_c || {}).some(\n        (state) => state.status === \"authenticated\",\n      );\n\n      if (!isAuthenticated) {\n        // Store action details for later execution\n        pendingActionRef.current = props;\n\n        return authConfig_c?.SignInComponent\n          ? React.createElement(authConfig_c.SignInComponent, {\n              onSignInComplete: (authState) => {\n                setAuthStates_c?.((prev) => ({\n                  ...prev,\n                  [action.name]: authState,\n                }));\n                if (pendingActionRef.current) {\n                  executeAction(pendingActionRef.current);\n                  pendingActionRef.current = null;\n                }\n              },\n            })\n          : React.createElement(Fragment);\n      }\n\n      return executeAction(props);\n    },\n    [action, authStates_c, setAuthStates_c],\n  );\n\n  useCopilotAction(\n    {\n      ...action,\n      render: wrappedRender,\n    } as FrontendAction<T>,\n    dependencies,\n  );\n}\n"],"mappings":";;;;;;;;;;;;AACA,SAAS,UAAU,aAAa,cAAc;AAI9C,OAAO,WAAW;AAYX,SAAS,gCACd,QACA,cACM;AACN,QAAM,EAAE,cAAc,cAAc,gBAAgB,IAAI,kBAAkB;AAC1E,QAAM,mBAAmB,OAA8C,IAAI;AAE3E,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAA0C;AACzC,UAAI,OAAO,OAAO,WAAW,YAAY;AACvC,eAAO,OAAO,OAAO,KAAK;AAAA,MAC5B;AACA,aAAO,OAAO,UAAU,MAAM,cAAc,QAAQ;AAAA,IACtD;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAAuE;AACtE,YAAM,kBAAkB,OAAO,OAAO,gBAAgB,CAAC,CAAC,EAAE;AAAA,QACxD,CAAC,UAAU,MAAM,WAAW;AAAA,MAC9B;AAEA,UAAI,CAAC,iBAAiB;AAEpB,yBAAiB,UAAU;AAE3B,gBAAO,6CAAc,mBACjB,MAAM,cAAc,aAAa,iBAAiB;AAAA,UAChD,kBAAkB,CAAC,cAAc;AAC/B,+DAAkB,CAAC,SAAU,iCACxB,OADwB;AAAA,cAE3B,CAAC,OAAO,IAAI,GAAG;AAAA,YACjB;AACA,gBAAI,iBAAiB,SAAS;AAC5B,4BAAc,iBAAiB,OAAO;AACtC,+BAAiB,UAAU;AAAA,YAC7B;AAAA,UACF;AAAA,QACF,CAAC,IACD,MAAM,cAAc,QAAQ;AAAA,MAClC;AAEA,aAAO,cAAc,KAAK;AAAA,IAC5B;AAAA,IACA,CAAC,QAAQ,cAAc,eAAe;AAAA,EACxC;AAEA;AAAA,IACE,iCACK,SADL;AAAA,MAEE,QAAQ;AAAA,IACV;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-TPN7WC53.mjs

@@ -1,33 +0,0 @@
-// src/types/frontend-action.ts
-import { ActionInputAvailability } from "@copilotkit/runtime-client-gql";
-import {
-  actionParametersToJsonSchema
-} from "@copilotkit/shared";
-function processActionsForRuntimeRequest(actions) {
-  const filteredActions = actions.filter(
-    (action) => action.available !== ActionInputAvailability.Disabled && action.disabled !== true && action.name !== "*" && action.available != "frontend" && !action.pairedAction
-  ).map((action) => {
-    let available = ActionInputAvailability.Enabled;
-    if (action.disabled) {
-      available = ActionInputAvailability.Disabled;
-    } else if (action.available === "disabled") {
-      available = ActionInputAvailability.Disabled;
-    } else if (action.available === "remote") {
-      available = ActionInputAvailability.Remote;
-    }
-    return {
-      name: action.name,
-      description: action.description || "",
-      jsonSchema: JSON.stringify(
-        actionParametersToJsonSchema(action.parameters || [])
-      ),
-      available
-    };
-  });
-  return filteredActions;
-}
-
-export {
-  processActionsForRuntimeRequest
-};
-//# sourceMappingURL=chunk-TPN7WC53.mjs.map

package/dist/chunk-TPN7WC53.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/frontend-action.ts"],"sourcesContent":["import { ActionInputAvailability } from \"@copilotkit/runtime-client-gql\";\nimport {\n  Action,\n  Parameter,\n  MappedParameterTypes,\n  actionParametersToJsonSchema,\n} from \"@copilotkit/shared\";\nimport React from \"react\";\n\ninterface InProgressState<T extends Parameter[] | [] = []> {\n  status: \"inProgress\";\n  args: Partial<MappedParameterTypes<T>>;\n  result: undefined;\n}\n\ninterface ExecutingState<T extends Parameter[] | [] = []> {\n  status: \"executing\";\n  args: MappedParameterTypes<T>;\n  result: undefined;\n}\n\ninterface CompleteState<T extends Parameter[] | [] = []> {\n  status: \"complete\";\n  args: MappedParameterTypes<T>;\n  result: any;\n}\n\ninterface InProgressStateNoArgs<T extends Parameter[] | [] = []> {\n  status: \"inProgress\";\n  args: Partial<MappedParameterTypes<T>>;\n  result: undefined;\n}\n\ninterface ExecutingStateNoArgs<T extends Parameter[] | [] = []> {\n  status: \"executing\";\n  args: MappedParameterTypes<T>;\n  result: undefined;\n}\n\ninterface CompleteStateNoArgs<T extends Parameter[] | [] = []> {\n  status: \"complete\";\n  args: MappedParameterTypes<T>;\n  result: any;\n}\n\ninterface InProgressStateWait<T extends Parameter[] | [] = []> {\n  status: \"inProgress\";\n  args: Partial<MappedParameterTypes<T>>;\n  /** @deprecated use respond instead */\n  handler: undefined;\n  respond: undefined;\n  result: undefined;\n}\n\ninterface ExecutingStateWait<T extends Parameter[] | [] = []> {\n  status: \"executing\";\n  args: MappedParameterTypes<T>;\n  /** @deprecated use respond instead */\n  handler: (result: any) => void;\n  respond: (result: any) => void;\n  result: undefined;\n}\n\ninterface CompleteStateWait<T extends Parameter[] | [] = []> {\n  status: \"complete\";\n  args: MappedParameterTypes<T>;\n  /** @deprecated use respond instead */\n  handler: undefined;\n  respond: undefined;\n  result: any;\n}\n\ninterface InProgressStateNoArgsWait<T extends Parameter[] | [] = []> {\n  status: \"inProgress\";\n  args: Partial<MappedParameterTypes<T>>;\n  /** @deprecated use respond instead */\n  handler: undefined;\n  respond: undefined;\n  result: undefined;\n}\n\ninterface ExecutingStateNoArgsWait<T extends Parameter[] | [] = []> {\n  status: \"executing\";\n  args: MappedParameterTypes<T>;\n  /** @deprecated use respond instead */\n  handler: (result: any) => void;\n  respond: (result: any) => void;\n  result: undefined;\n}\n\ninterface CompleteStateNoArgsWait<T extends Parameter[] | [] = []> {\n  status: \"complete\";\n  args: MappedParameterTypes<T>;\n  /** @deprecated use respond instead */\n  handler: undefined;\n  respond: undefined;\n}\n\nexport type ActionRenderProps<T extends Parameter[] | [] = []> =\n  | CompleteState<T>\n  | ExecutingState<T>\n  | InProgressState<T>;\n\nexport type ActionRenderPropsNoArgs<T extends Parameter[] | [] = []> =\n  | CompleteStateNoArgs<T>\n  | ExecutingStateNoArgs<T>\n  | InProgressStateNoArgs<T>;\n\nexport type ActionRenderPropsWait<T extends Parameter[] | [] = []> =\n  | CompleteStateWait<T>\n  | ExecutingStateWait<T>\n  | InProgressStateWait<T>;\n\nexport type ActionRenderPropsNoArgsWait<T extends Parameter[] | [] = []> =\n  | CompleteStateNoArgsWait<T>\n  | ExecutingStateNoArgsWait<T>\n  | InProgressStateNoArgsWait<T>;\n\nexport type CatchAllActionRenderProps<T extends Parameter[] | [] = []> =\n  | (CompleteState<T> & {\n      name: string;\n    })\n  | (ExecutingState<T> & {\n      name: string;\n    })\n  | (InProgressState<T> & {\n      name: string;\n    });\n\nexport type FrontendActionAvailability =\n  | \"disabled\"\n  | \"enabled\"\n  | \"remote\"\n  | \"frontend\";\n\nexport type FrontendAction<\n  T extends Parameter[] | [] = [],\n  N extends string = string,\n> = Action<T> & {\n  name: Exclude<N, \"*\">;\n  /**\n   * @deprecated Use `available` instead.\n   */\n  disabled?: boolean;\n  available?: FrontendActionAvailability;\n  pairedAction?: string;\n  followUp?: boolean;\n} & (\n    | {\n        render?:\n          | string\n          | (T extends []\n              ? (\n                  props: ActionRenderPropsNoArgs<T>,\n                ) => string | React.ReactElement\n              : (props: ActionRenderProps<T>) => string | React.ReactElement);\n        /** @deprecated use renderAndWaitForResponse instead */\n        renderAndWait?: never;\n        renderAndWaitForResponse?: never;\n      }\n    | {\n        render?: never;\n        /** @deprecated use renderAndWaitForResponse instead */\n        renderAndWait?: T extends []\n          ? (props: ActionRenderPropsNoArgsWait<T>) => React.ReactElement\n          : (props: ActionRenderPropsWait<T>) => React.ReactElement;\n        renderAndWaitForResponse?: T extends []\n          ? (props: ActionRenderPropsNoArgsWait<T>) => React.ReactElement\n          : (props: ActionRenderPropsWait<T>) => React.ReactElement;\n        handler?: never;\n      }\n  );\n\nexport type CatchAllFrontendAction = {\n  name: \"*\";\n  render: (props: CatchAllActionRenderProps<any>) => React.ReactElement;\n};\n\nexport type RenderFunctionStatus = ActionRenderProps<any>[\"status\"];\n\nexport function processActionsForRuntimeRequest(\n  actions: FrontendAction<any>[],\n) {\n  const filteredActions = actions\n    .filter(\n      (action) =>\n        action.available !== ActionInputAvailability.Disabled &&\n        action.disabled !== true &&\n        action.name !== \"*\" &&\n        action.available != \"frontend\" &&\n        !action.pairedAction,\n    )\n    .map((action) => {\n      let available: ActionInputAvailability | undefined =\n        ActionInputAvailability.Enabled;\n      if (action.disabled) {\n        available = ActionInputAvailability.Disabled;\n      } else if (action.available === \"disabled\") {\n        available = ActionInputAvailability.Disabled;\n      } else if (action.available === \"remote\") {\n        available = ActionInputAvailability.Remote;\n      }\n      return {\n        name: action.name,\n        description: action.description || \"\",\n        jsonSchema: JSON.stringify(\n          actionParametersToJsonSchema(action.parameters || []),\n        ),\n        available,\n      };\n    });\n  return filteredActions;\n}\n"],"mappings":";AAAA,SAAS,+BAA+B;AACxC;AAAA,EAIE;AAAA,OACK;AA8KA,SAAS,gCACd,SACA;AACA,QAAM,kBAAkB,QACrB;AAAA,IACC,CAAC,WACC,OAAO,cAAc,wBAAwB,YAC7C,OAAO,aAAa,QACpB,OAAO,SAAS,OAChB,OAAO,aAAa,cACpB,CAAC,OAAO;AAAA,EACZ,EACC,IAAI,CAAC,WAAW;AACf,QAAI,YACF,wBAAwB;AAC1B,QAAI,OAAO,UAAU;AACnB,kBAAY,wBAAwB;AAAA,IACtC,WAAW,OAAO,cAAc,YAAY;AAC1C,kBAAY,wBAAwB;AAAA,IACtC,WAAW,OAAO,cAAc,UAAU;AACxC,kBAAY,wBAAwB;AAAA,IACtC;AACA,WAAO;AAAA,MACL,MAAM,OAAO;AAAA,MACb,aAAa,OAAO,eAAe;AAAA,MACnC,YAAY,KAAK;AAAA,QACf,6BAA6B,OAAO,cAAc,CAAC,CAAC;AAAA,MACtD;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AACH,SAAO;AACT;","names":[]}