@optilogic/chat 1.0.0-beta.1 → 1.0.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/README.md +235 -0
  2. package/dist/index.cjs +725 -35
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +319 -6
  5. package/dist/index.d.ts +319 -6
  6. package/dist/index.js +708 -25
  7. package/dist/index.js.map +1 -1
  8. package/package.json +15 -9
  9. package/src/components/agent-response/AgentResponse.tsx +76 -5
  10. package/src/components/agent-response/components/ActivityIndicators.tsx +36 -4
  11. package/src/components/agent-response/components/HITLSection.tsx +95 -0
  12. package/src/components/agent-response/components/MetadataRow.tsx +21 -6
  13. package/src/components/agent-response/components/ThinkingSection.tsx +101 -9
  14. package/src/components/agent-response/components/TruncatedMessage.tsx +52 -0
  15. package/src/components/agent-response/components/index.ts +6 -0
  16. package/src/components/agent-response/hooks/useAgentResponseAccumulator.ts +41 -0
  17. package/src/components/agent-response/index.ts +7 -0
  18. package/src/components/agent-response/types.ts +54 -1
  19. package/src/components/hitl-interactions/HITLInteractionRecord.tsx +139 -0
  20. package/src/components/hitl-interactions/HITLQuestionPanel.tsx +263 -0
  21. package/src/components/hitl-interactions/index.ts +18 -0
  22. package/src/components/user-prompt/UserPrompt.tsx +60 -0
  23. package/src/components/user-prompt/index.ts +1 -0
  24. package/src/components/user-prompt-input/UserPromptInput.tsx +326 -0
  25. package/src/components/user-prompt-input/index.ts +2 -0
  26. package/src/components/user-prompt-input/types.ts +52 -0
  27. package/src/index.ts +28 -0
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/agent-response/components/ActivityIndicators.tsx","../src/components/agent-response/utils.ts","../src/components/agent-response/components/MetadataRow.tsx","../src/components/agent-response/components/ThinkingSection.tsx","../src/components/agent-response/components/ActionBar.tsx","../src/components/agent-response/hooks/useThinkingTimer.ts","../src/components/agent-response/types.ts","../src/components/agent-response/hooks/useAgentResponseAccumulator.ts","../src/components/agent-response/AgentResponse.tsx"],"names":["React2","jsxs","jsx","cn","React3","React4","useState","useCallback","React5"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Activity Indicators Component\n *\n * Displays tool, knowledge, memory icons with counts and popovers\n */\n\nimport * as React from \"react\";\nimport { Wrench, Book, HardDrive } from \"lucide-react\";\nimport { cn, Popover, PopoverTrigger, PopoverContent } from \"@optilogic/core\";\nimport type { ToolCall, KnowledgeItem, MemoryItem } from \"../types\";\n\nexport interface ActivityIndicatorsProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Tool calls to display */\n toolCalls: ToolCall[];\n /** Knowledge items to display */\n knowledge: KnowledgeItem[];\n /** Memory items to display */\n memory: MemoryItem[];\n}\n\n/**\n * ActivityIndicators Component\n *\n * Displays icons with counts for tool calls, knowledge retrieval, and memory access.\n * Each icon has a popover showing details when clicked.\n *\n * @example\n * <ActivityIndicators\n * toolCalls={state.toolCalls}\n * knowledge={state.knowledge}\n * memory={state.memory}\n * />\n */\nconst ActivityIndicators = React.forwardRef<HTMLDivElement, ActivityIndicatorsProps>(\n ({ toolCalls, knowledge, memory, className, ...props }, ref) => {\n const hasAnyActivity =\n toolCalls.length > 0 || knowledge.length > 0 || memory.length > 0;\n\n if (!hasAnyActivity) return null;\n\n return (\n <div ref={ref} className={cn(\"flex items-center gap-2\", className)} {...props}>\n {/* Tool Calls */}\n {toolCalls.length > 0 && (\n <Popover>\n <PopoverTrigger asChild>\n <button\n className=\"flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors\"\n onClick={(e) => e.stopPropagation()}\n >\n <Wrench className=\"w-3.5 h-3.5\" />\n <span className=\"text-xs\">{toolCalls.length}</span>\n </button>\n </PopoverTrigger>\n <PopoverContent className=\"w-80\">\n <div className=\"space-y-2\">\n <h4 className=\"font-medium text-sm\">Tool Calls</h4>\n <div className=\"space-y-2 max-h-60 overflow-auto\">\n {toolCalls.map((tool) => (\n <div key={tool.id} className=\"p-2 bg-muted rounded text-xs\">\n <div className=\"font-medium\">{tool.name}</div>\n {tool.arguments && (\n <pre className=\"mt-1 text-muted-foreground overflow-x-auto\">\n {JSON.stringify(tool.arguments, null, 2)}\n </pre>\n )}\n </div>\n ))}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )}\n\n {/* Knowledge */}\n {knowledge.length > 0 && (\n <Popover>\n <PopoverTrigger asChild>\n <button\n className=\"flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors\"\n onClick={(e) => e.stopPropagation()}\n >\n <Book className=\"w-3.5 h-3.5\" />\n <span className=\"text-xs\">{knowledge.length}</span>\n </button>\n </PopoverTrigger>\n <PopoverContent className=\"w-80\">\n <div className=\"space-y-2\">\n <h4 className=\"font-medium text-sm\">Knowledge Retrieved</h4>\n <div className=\"space-y-2 max-h-60 overflow-auto\">\n {knowledge.map((item) => (\n <div key={item.id} className=\"p-2 bg-muted rounded text-xs\">\n <div className=\"font-medium\">{item.source}</div>\n <div className=\"mt-1 text-muted-foreground\">\n {item.content}\n </div>\n </div>\n ))}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )}\n\n {/* Memory */}\n {memory.length > 0 && (\n <Popover>\n <PopoverTrigger asChild>\n <button\n className=\"flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors\"\n onClick={(e) => e.stopPropagation()}\n >\n <HardDrive className=\"w-3.5 h-3.5\" />\n <span className=\"text-xs\">{memory.length}</span>\n </button>\n </PopoverTrigger>\n <PopoverContent className=\"w-80\">\n <div className=\"space-y-2\">\n <h4 className=\"font-medium text-sm\">Memory Accessed</h4>\n <div className=\"space-y-2 max-h-60 overflow-auto\">\n {memory.map((item) => (\n <div key={item.id} className=\"p-2 bg-muted rounded text-xs\">\n <div className=\"font-medium\">{item.type}</div>\n <div className=\"mt-1 text-muted-foreground\">\n {item.content}\n </div>\n </div>\n ))}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )}\n </div>\n );\n }\n);\nActivityIndicators.displayName = \"ActivityIndicators\";\n\nexport { ActivityIndicators };\n","/**\n * Agent Response Utility Functions\n */\n\n/**\n * Format elapsed time for display\n * - Under 60s: \"Xs\" (e.g., \"23s\")\n * - 60+ seconds while active: \"M:SS\" (e.g., \"1:23\")\n * - Complete under 60s: \"Xs\" (e.g., \"45s\")\n * - Complete 60-119s: \"1.X min\" (e.g., \"1.2 min\")\n * - Complete 120+ s: \"X.X min\" (e.g., \"2.5 min\")\n */\nexport function formatTime(seconds: number, isComplete: boolean): string {\n if (seconds < 1) {\n return isComplete ? \"<1s\" : \"0s\";\n }\n\n if (isComplete) {\n // Completed state formatting\n if (seconds < 60) {\n return `${Math.round(seconds)}s`;\n }\n const minutes = seconds / 60;\n return `${minutes.toFixed(1)} min`;\n }\n\n // Active state formatting\n if (seconds < 60) {\n return `${Math.floor(seconds)}s`;\n }\n const mins = Math.floor(seconds / 60);\n const secs = Math.floor(seconds % 60);\n return `${mins}:${secs.toString().padStart(2, \"0\")}`;\n}\n\n/**\n * Format total time for action bar display\n */\nexport function formatTotalTime(seconds: number): string {\n if (seconds < 1) {\n return \"<1s\";\n }\n if (seconds < 60) {\n return `${seconds.toFixed(1)}s`;\n }\n const minutes = seconds / 60;\n return `${minutes.toFixed(1)}m`;\n}\n","/**\n * Metadata Row Component\n *\n * Displays thinking toggle, timer, and activity indicators\n */\n\nimport * as React from \"react\";\nimport { ChevronDown, ChevronUp } from \"lucide-react\";\nimport { cn, LoadingSpinner } from \"@optilogic/core\";\nimport { ActivityIndicators } from \"./ActivityIndicators\";\nimport { formatTime } from \"../utils\";\nimport type { AgentResponseStatus, ToolCall, KnowledgeItem, MemoryItem } from \"../types\";\n\nexport interface MetadataRowProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Whether there is thinking content */\n hasThinking: boolean;\n /** Whether the thinking section is expanded */\n isExpanded: boolean;\n /** Toggle callback for thinking expansion */\n onToggle: () => void;\n /** Tool calls to display */\n toolCalls: ToolCall[];\n /** Knowledge items to display */\n knowledge: KnowledgeItem[];\n /** Memory items to display */\n memory: MemoryItem[];\n /** Current response status */\n status: AgentResponseStatus;\n /** Elapsed time in seconds */\n elapsedTime: number;\n}\n\n/**\n * MetadataRow Component\n *\n * Displays the metadata row with thinking toggle, timer, and activity indicators.\n * When thinking content is present, the row is clickable to toggle expansion.\n *\n * @example\n * <MetadataRow\n * hasThinking={!!state.thinking}\n * isExpanded={thinkingExpanded}\n * onToggle={toggleThinking}\n * toolCalls={state.toolCalls}\n * knowledge={state.knowledge}\n * memory={state.memory}\n * status={state.status}\n * elapsedTime={elapsedTime}\n * />\n */\nconst MetadataRow = React.forwardRef<HTMLDivElement, MetadataRowProps>(\n (\n {\n hasThinking,\n isExpanded,\n onToggle,\n toolCalls,\n knowledge,\n memory,\n status,\n elapsedTime,\n className,\n ...props\n },\n ref\n ) => {\n const isProcessing = status === \"processing\";\n const isComplete = status === \"complete\";\n const hasActivity =\n toolCalls.length > 0 || knowledge.length > 0 || memory.length > 0;\n\n // Determine what to show on the left side\n const renderLeftContent = () => {\n // If we have thinking text, show collapse toggle + label + timer\n if (hasThinking) {\n return (\n <div className=\"flex items-center gap-1.5\">\n {isExpanded ? (\n <ChevronUp className=\"w-3.5 h-3.5 text-muted-foreground\" />\n ) : (\n <ChevronDown className=\"w-3.5 h-3.5 text-muted-foreground\" />\n )}\n <span className=\"text-xs text-muted-foreground\">\n {isComplete\n ? `Thought for ${formatTime(elapsedTime, true)}`\n : `Thinking... ${formatTime(elapsedTime, false)}`}\n </span>\n </div>\n );\n }\n\n // If processing but no thinking text yet, show spinner\n if (isProcessing) {\n return (\n <div className=\"flex items-center gap-1.5\">\n <LoadingSpinner size=\"sm\" variant=\"muted\" className=\"w-3.5 h-3.5\" />\n <span className=\"text-xs text-muted-foreground\">Processing</span>\n </div>\n );\n }\n\n // Complete with no thinking - show nothing on left (just activity on right)\n return null;\n };\n\n const leftContent = renderLeftContent();\n\n // If nothing to show (no thinking, not processing, no activity), hide the row\n if (!leftContent && !hasActivity) {\n return null;\n }\n\n // Always use a div for the row to avoid nesting buttons\n // When there's thinking, only the left side is clickable\n return (\n <div\n ref={ref}\n className={cn(\"w-full flex items-center justify-between px-3 py-2\", className)}\n {...props}\n >\n {/* Left content - clickable when there's thinking */}\n {hasThinking ? (\n <button\n onClick={onToggle}\n className=\"flex items-center gap-1.5 hover:bg-muted/50 -ml-1.5 pl-1.5 pr-2 py-0.5 rounded transition-colors\"\n >\n {leftContent}\n </button>\n ) : (\n <div className=\"flex items-center gap-1.5\">\n {leftContent}\n </div>\n )}\n <ActivityIndicators\n toolCalls={toolCalls}\n knowledge={knowledge}\n memory={memory}\n />\n </div>\n );\n }\n);\nMetadataRow.displayName = \"MetadataRow\";\n\nexport { MetadataRow };\n","/**\n * Thinking Section Component\n *\n * Collapsible section for displaying agent thinking/reasoning content\n */\n\nimport * as React from \"react\";\nimport { cn } from \"@optilogic/core\";\n\nexport interface ThinkingSectionProps extends React.HTMLAttributes<HTMLDivElement> {\n /** The thinking content to display */\n content: string;\n /** Whether the section is expanded */\n isExpanded: boolean;\n}\n\n/**\n * ThinkingSection Component\n *\n * Displays the agent's thinking/reasoning content in a collapsible panel.\n *\n * @example\n * <ThinkingSection content={state.thinking} isExpanded={isExpanded} />\n */\nconst ThinkingSection = React.forwardRef<HTMLDivElement, ThinkingSectionProps>(\n ({ content, isExpanded, className, ...props }, ref) => {\n if (!isExpanded || !content) {\n return null;\n }\n\n return (\n <div\n ref={ref}\n className={cn(\"px-3 pb-3 border-t border-border\", className)}\n {...props}\n >\n <div className=\"mt-2 max-h-[200px] overflow-y-auto\">\n <pre className=\"text-xs text-muted-foreground whitespace-pre-wrap font-mono\">\n {content}\n </pre>\n </div>\n </div>\n );\n }\n);\nThinkingSection.displayName = \"ThinkingSection\";\n\nexport { ThinkingSection };\n","/**\n * Action Bar Component\n *\n * Displays copy, feedback, and timing actions for the response\n */\n\nimport * as React from \"react\";\nimport { useState, useCallback } from \"react\";\nimport { Copy, Check, ThumbsUp, ThumbsDown } from \"lucide-react\";\nimport { cn } from \"@optilogic/core\";\nimport { formatTotalTime } from \"../utils\";\nimport type { FeedbackValue } from \"../types\";\n\nexport interface ActionBarProps extends React.HTMLAttributes<HTMLDivElement> {\n /** The response text (for copying) */\n response: string;\n /** Whether the action bar is visible */\n isVisible: boolean;\n /** Total time in seconds */\n totalTimeSeconds: number;\n /** Current feedback value */\n feedback?: FeedbackValue;\n /** Callback when feedback changes */\n onFeedbackChange?: (feedback: FeedbackValue) => void;\n /** Callback when response is copied */\n onResponseCopy?: (response: string) => void;\n}\n\n/**\n * ActionBar Component\n *\n * Displays action buttons for copying the response, providing feedback,\n * and showing total response time.\n *\n * @example\n * <ActionBar\n * response={state.response}\n * isVisible={isHovered}\n * totalTimeSeconds={totalTime}\n * feedback={feedback}\n * onFeedbackChange={setFeedback}\n * onCopy={handleCopy}\n * />\n */\nconst ActionBar = React.forwardRef<HTMLDivElement, ActionBarProps>(\n (\n {\n response,\n isVisible,\n totalTimeSeconds,\n feedback,\n onFeedbackChange,\n onResponseCopy,\n className,\n ...props\n },\n ref\n ) => {\n const [copied, setCopied] = useState(false);\n\n const handleCopy = useCallback(async () => {\n try {\n await navigator.clipboard.writeText(response);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n onResponseCopy?.(response);\n } catch (err) {\n console.error(\"Failed to copy response:\", err);\n }\n }, [response, onResponseCopy]);\n\n const handleThumbsUp = useCallback(() => {\n const newValue = feedback === \"up\" ? null : \"up\";\n onFeedbackChange?.(newValue);\n }, [feedback, onFeedbackChange]);\n\n const handleThumbsDown = useCallback(() => {\n const newValue = feedback === \"down\" ? null : \"down\";\n onFeedbackChange?.(newValue);\n }, [feedback, onFeedbackChange]);\n\n const isThumbsUp = feedback === \"up\";\n const isThumbsDown = feedback === \"down\";\n\n return (\n <div\n ref={ref}\n className={cn(\n \"flex items-center justify-between px-4 py-2\",\n \"transition-opacity duration-200\",\n isVisible ? \"opacity-100\" : \"opacity-0 pointer-events-none\",\n className\n )}\n {...props}\n >\n {/* Left side - action buttons */}\n <div className=\"flex items-center gap-1\">\n {/* Copy button */}\n <button\n onClick={handleCopy}\n className=\"p-1.5 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground\"\n title={copied ? \"Copied!\" : \"Copy response\"}\n >\n {copied ? (\n <Check className=\"w-4 h-4 text-green-500\" />\n ) : (\n <Copy className=\"w-4 h-4\" />\n )}\n </button>\n\n {/* Thumbs up */}\n <button\n onClick={handleThumbsUp}\n className={cn(\n \"p-1.5 rounded hover:bg-muted transition-colors\",\n isThumbsUp\n ? \"text-green-500\"\n : \"text-muted-foreground hover:text-foreground\"\n )}\n title=\"Good response\"\n >\n <ThumbsUp className={cn(\"w-4 h-4\", isThumbsUp && \"fill-current\")} />\n </button>\n\n {/* Thumbs down */}\n <button\n onClick={handleThumbsDown}\n className={cn(\n \"p-1.5 rounded hover:bg-muted transition-colors\",\n isThumbsDown\n ? \"text-red-500\"\n : \"text-muted-foreground hover:text-foreground\"\n )}\n title=\"Poor response\"\n >\n <ThumbsDown className={cn(\"w-4 h-4\", isThumbsDown && \"fill-current\")} />\n </button>\n </div>\n\n {/* Right side - timing info */}\n <span className=\"text-xs text-muted-foreground\">\n Total time: {formatTotalTime(totalTimeSeconds)}\n </span>\n </div>\n );\n }\n);\nActionBar.displayName = \"ActionBar\";\n\nexport { ActionBar };\n","/**\n * useThinkingTimer Hook\n *\n * Tracks elapsed time during agent thinking/processing\n */\n\nimport { useState, useEffect } from \"react\";\nimport type { AgentResponseStatus } from \"../types\";\n\nexport interface UseThinkingTimerOptions {\n startTime: number | null;\n endTime: number | null;\n status: AgentResponseStatus;\n}\n\n/**\n * Custom hook for thinking timer\n * Returns elapsed time in seconds\n */\nexport function useThinkingTimer({\n startTime,\n endTime,\n status,\n}: UseThinkingTimerOptions): number {\n const [elapsed, setElapsed] = useState(0);\n\n useEffect(() => {\n if (!startTime) {\n setElapsed(0);\n return;\n }\n\n // If complete, calculate final elapsed time\n if (status === \"complete\" && endTime) {\n setElapsed((endTime - startTime) / 1000);\n return;\n }\n\n // If still processing, update every second\n if (status === \"processing\") {\n const updateElapsed = () => {\n setElapsed((Date.now() - startTime) / 1000);\n };\n\n updateElapsed(); // Initial update\n const interval = setInterval(updateElapsed, 1000);\n return () => clearInterval(interval);\n }\n }, [startTime, endTime, status]);\n\n return elapsed;\n}\n","/**\n * Agent Response Component Types\n *\n * Type definitions for the library-ready agent response component\n */\n\n/**\n * Status of the agent response cycle\n */\nexport type AgentResponseStatus = \"idle\" | \"processing\" | \"complete\";\n\n/**\n * Feedback value for the response\n */\nexport type FeedbackValue = \"up\" | \"down\" | null;\n\n/**\n * Tool call information from the agent\n */\nexport interface ToolCall {\n id: string;\n name: string;\n arguments?: Record<string, unknown>;\n timestamp: number;\n}\n\n/**\n * Knowledge retrieval information\n */\nexport interface KnowledgeItem {\n id: string;\n source: string;\n content: string;\n timestamp: number;\n}\n\n/**\n * Memory access information\n */\nexport interface MemoryItem {\n id: string;\n type: string;\n content: string;\n timestamp: number;\n}\n\n/**\n * State shape for the agent response component\n */\nexport interface AgentResponseState {\n /** Current status of the response cycle */\n status: AgentResponseStatus;\n /** Accumulated thinking/reasoning text */\n thinking: string;\n /** Tool calls made during processing */\n toolCalls: ToolCall[];\n /** Knowledge items retrieved */\n knowledge: KnowledgeItem[];\n /** Memory items accessed */\n memory: MemoryItem[];\n /** Final response text */\n response: string;\n /** Timestamp when first thinking message was received (for timer) */\n thinkingStartTime: number | null;\n /** Timestamp when response was completed (for final timer display) */\n responseCompleteTime: number | null;\n /** Timestamp when first message of any type was received (for total time) */\n firstMessageTime: number | null;\n}\n\n/**\n * WebSocket message payload for agent responses\n */\nexport interface AgentMessage {\n type: \"status\" | \"thinking\" | \"tool_call\" | \"knowledge\" | \"memory\" | \"response\";\n /** Message content - for simple string payloads */\n message?: string;\n /** Alternative content field */\n content?: string;\n /** For status messages */\n status?: string;\n /** For tool_call messages */\n tool?: {\n id: string;\n name: string;\n arguments?: Record<string, unknown>;\n };\n /** For knowledge messages */\n knowledge?: {\n id: string;\n source: string;\n content: string;\n };\n /** For memory messages */\n memory?: {\n id: string;\n type: string;\n content: string;\n };\n}\n\n/**\n * Generic websocket message wrapper type\n */\nexport interface GenericWebSocketMessage {\n topic: string;\n message: AgentMessage;\n accountId?: string;\n}\n\n/**\n * Initial state for the agent response component\n */\nexport const initialAgentResponseState: AgentResponseState = {\n status: \"idle\",\n thinking: \"\",\n toolCalls: [],\n knowledge: [],\n memory: [],\n response: \"\",\n thinkingStartTime: null,\n responseCompleteTime: null,\n firstMessageTime: null,\n};\n","/**\n * useAgentResponseAccumulator Hook\n *\n * Accumulates agent response messages into a unified state\n */\n\nimport { useState, useCallback } from \"react\";\nimport {\n initialAgentResponseState,\n type AgentResponseState,\n type AgentMessage,\n type GenericWebSocketMessage,\n type ToolCall,\n type KnowledgeItem,\n type MemoryItem,\n} from \"../types\";\n\nexport interface UseAgentResponseAccumulatorOptions {\n /** WebSocket topic to filter messages (optional, for convenience) */\n topic?: string;\n}\n\nexport interface UseAgentResponseAccumulatorReturn {\n /** Current accumulated state */\n state: AgentResponseState;\n\n /** Handler to process incoming messages */\n handleMessage: (message: unknown) => void;\n\n /** Reset state to initial */\n reset: () => void;\n}\n\n/**\n * Hook for accumulating agent response messages into a unified state\n *\n * @example\n * const { state, handleMessage, reset } = useAgentResponseAccumulator({ topic: \"agent\" });\n *\n * // In your WebSocket handler:\n * websocket.onmessage = (event) => {\n * handleMessage(JSON.parse(event.data));\n * };\n */\nexport function useAgentResponseAccumulator(\n options?: UseAgentResponseAccumulatorOptions\n): UseAgentResponseAccumulatorReturn {\n const [state, setState] = useState<AgentResponseState>(initialAgentResponseState);\n const topic = options?.topic;\n\n const handleMessage = useCallback(\n (message: unknown) => {\n // If topic filter is provided, check for matching topic\n let payload: AgentMessage;\n\n if (topic) {\n const msg = message as GenericWebSocketMessage;\n if (msg.topic !== topic) return;\n payload = msg.message;\n } else {\n // Assume message is the payload directly\n payload = message as AgentMessage;\n }\n\n setState((prev) => {\n // If we receive a non-status message while idle, transition to processing\n let newStatus = prev.status;\n const isFirstMessage = prev.status === \"idle\" && payload.type !== \"status\";\n if (isFirstMessage) {\n newStatus = \"processing\";\n }\n\n // Track first message time for total time calculation\n const firstMessageTime =\n prev.firstMessageTime ?? (isFirstMessage ? Date.now() : null);\n\n switch (payload.type) {\n case \"status\":\n // \"Harness connected\" resets to idle\n if (\n payload.message === \"Harness connected\" ||\n payload.status === \"Harness connected\"\n ) {\n return { ...initialAgentResponseState };\n }\n return { ...prev, status: newStatus };\n\n case \"thinking\": {\n const newThinking = payload.message || payload.content || \"\";\n // Add line break between thinking messages\n const separator = prev.thinking && newThinking ? \"\\n\\n\" : \"\";\n // Set thinkingStartTime on first thinking message\n const thinkingStartTime =\n prev.thinkingStartTime ?? (newThinking ? Date.now() : null);\n return {\n ...prev,\n status: newStatus,\n thinking: prev.thinking + separator + newThinking,\n thinkingStartTime,\n firstMessageTime,\n };\n }\n\n case \"tool_call\": {\n // Handle both formats: { message: \"ToolName\" } or { tool: { id, name, arguments } }\n const toolName = payload.message || payload.tool?.name;\n if (toolName) {\n const newToolCall: ToolCall = {\n id: payload.tool?.id || `tool-${Date.now()}`,\n name: toolName,\n arguments: payload.tool?.arguments,\n timestamp: Date.now(),\n };\n return {\n ...prev,\n status: newStatus,\n toolCalls: [...prev.toolCalls, newToolCall],\n firstMessageTime,\n };\n }\n return { ...prev, status: newStatus, firstMessageTime };\n }\n\n case \"knowledge\": {\n // Handle both formats: { message: \"content\" } or { knowledge: { id, source, content } }\n const knowledgeContent = payload.message || payload.knowledge?.content;\n if (knowledgeContent) {\n const newKnowledge: KnowledgeItem = {\n id: payload.knowledge?.id || `knowledge-${Date.now()}`,\n source: payload.knowledge?.source || \"unknown\",\n content: knowledgeContent,\n timestamp: Date.now(),\n };\n return {\n ...prev,\n status: newStatus,\n knowledge: [...prev.knowledge, newKnowledge],\n firstMessageTime,\n };\n }\n return { ...prev, status: newStatus, firstMessageTime };\n }\n\n case \"memory\": {\n // Handle both formats: { message: \"content\" } or { memory: { id, type, content } }\n const memoryContent = payload.message || payload.memory?.content;\n if (memoryContent) {\n const newMemory: MemoryItem = {\n id: payload.memory?.id || `memory-${Date.now()}`,\n type: payload.memory?.type || \"unknown\",\n content: memoryContent,\n timestamp: Date.now(),\n };\n return {\n ...prev,\n status: newStatus,\n memory: [...prev.memory, newMemory],\n firstMessageTime,\n };\n }\n return { ...prev, status: newStatus, firstMessageTime };\n }\n\n case \"response\":\n return {\n ...prev,\n status: \"complete\",\n response: payload.message || payload.content || \"\",\n responseCompleteTime: Date.now(),\n firstMessageTime: prev.firstMessageTime ?? Date.now(),\n };\n\n default:\n return { ...prev, status: newStatus, firstMessageTime };\n }\n });\n },\n [topic]\n );\n\n const reset = useCallback(() => {\n setState(initialAgentResponseState);\n }, []);\n\n return { state, handleMessage, reset };\n}\n","/**\n * AgentResponse Component\n *\n * A library-ready presentational component for displaying AI agent responses.\n * Displays thinking, tool calls, knowledge retrieval, memory access, and final response.\n */\n\nimport * as React from \"react\";\nimport { useState, useMemo, useCallback } from \"react\";\nimport { cn } from \"@optilogic/core\";\nimport { MetadataRow, ThinkingSection, ActionBar } from \"./components\";\nimport { useThinkingTimer } from \"./hooks\";\nimport type { AgentResponseState, FeedbackValue } from \"./types\";\n\nexport interface AgentResponseProps extends React.HTMLAttributes<HTMLDivElement> {\n /** The response state to render */\n state: AgentResponseState;\n\n /** Optional unique ID (for list keys) */\n id?: string;\n\n /** Optional timestamp to display */\n timestamp?: Date;\n\n /** Feedback state (controlled) */\n feedback?: FeedbackValue;\n onFeedbackChange?: (feedback: FeedbackValue) => void;\n\n /** Callback when the response is copied via the action bar */\n onResponseCopy?: (response: string) => void;\n\n /** Thinking section expansion (controlled or uncontrolled) */\n defaultThinkingExpanded?: boolean;\n thinkingExpanded?: boolean;\n onThinkingExpandedChange?: (expanded: boolean) => void;\n\n /** Action bar visibility mode */\n actionsVisible?: boolean | \"hover\";\n\n /**\n * Custom markdown renderer for the response content.\n * If not provided, the response will be rendered as plain text.\n *\n * @example\n * <AgentResponse\n * state={state}\n * renderMarkdown={(content) => <MyMarkdownRenderer content={content} />}\n * />\n */\n renderMarkdown?: (content: string) => React.ReactNode;\n}\n\n/**\n * AgentResponse Component\n *\n * A complete component for displaying AI agent responses including:\n * - Thinking/reasoning content (collapsible)\n * - Tool calls, knowledge retrieval, and memory access indicators\n * - Final response with optional markdown rendering\n * - Action bar with copy and feedback buttons\n *\n * @example\n * // Basic usage with useAgentResponseAccumulator hook\n * const { state, handleMessage } = useAgentResponseAccumulator();\n *\n * <AgentResponse state={state} />\n *\n * @example\n * // With markdown rendering and feedback\n * <AgentResponse\n * state={state}\n * renderMarkdown={(content) => <ReactMarkdown>{content}</ReactMarkdown>}\n * feedback={feedback}\n * onFeedbackChange={setFeedback}\n * />\n *\n * @example\n * // Controlled thinking expansion\n * <AgentResponse\n * state={state}\n * thinkingExpanded={isExpanded}\n * onThinkingExpandedChange={setIsExpanded}\n * />\n */\nconst AgentResponse = React.forwardRef<HTMLDivElement, AgentResponseProps>(\n (\n {\n state,\n id,\n timestamp,\n feedback,\n onFeedbackChange,\n onResponseCopy,\n defaultThinkingExpanded = false,\n thinkingExpanded: controlledThinkingExpanded,\n onThinkingExpandedChange,\n actionsVisible = \"hover\",\n renderMarkdown,\n className,\n ...props\n },\n ref\n ) => {\n // Uncontrolled thinking expanded state\n const [uncontrolledExpanded, setUncontrolledExpanded] = useState(defaultThinkingExpanded);\n\n // Determine if thinking is controlled\n const isThinkingControlled = controlledThinkingExpanded !== undefined;\n const thinkingExpanded = isThinkingControlled\n ? controlledThinkingExpanded\n : uncontrolledExpanded;\n\n // Toggle thinking handler\n const toggleThinking = useCallback(() => {\n const newValue = !thinkingExpanded;\n if (isThinkingControlled) {\n onThinkingExpandedChange?.(newValue);\n } else {\n setUncontrolledExpanded(newValue);\n }\n }, [thinkingExpanded, isThinkingControlled, onThinkingExpandedChange]);\n\n // Hover state for action bar visibility\n const [isHovered, setIsHovered] = useState(false);\n\n // Thinking timer\n const elapsedTime = useThinkingTimer({\n startTime: state.thinkingStartTime,\n endTime: state.responseCompleteTime,\n status: state.status,\n });\n\n // Calculate total time (from first message to response complete)\n const totalTimeSeconds = useMemo(() => {\n if (!state.firstMessageTime || !state.responseCompleteTime) return 0;\n return (state.responseCompleteTime - state.firstMessageTime) / 1000;\n }, [state.firstMessageTime, state.responseCompleteTime]);\n\n // Derived state: has any content been received?\n const hasAnyContent =\n state.thinking ||\n state.toolCalls.length > 0 ||\n state.knowledge.length > 0 ||\n state.memory.length > 0 ||\n state.response;\n\n // Derived state: should show metadata row?\n const showMetadataRow =\n state.thinking ||\n state.toolCalls.length > 0 ||\n state.knowledge.length > 0 ||\n state.memory.length > 0 ||\n state.status === \"processing\";\n\n // Determine action bar visibility\n const showActionBar = state.status === \"complete\" && state.response;\n const isActionBarVisible =\n actionsVisible === true ||\n (actionsVisible === \"hover\" && isHovered);\n\n // If no content, render nothing\n if (!hasAnyContent) {\n return null;\n }\n\n return (\n <div\n ref={ref}\n className={className}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n {...props}\n >\n {/* Message Content Container */}\n <div className=\"border border-border rounded-lg overflow-hidden\">\n {/* Metadata Row - show if there's any metadata or thinking */}\n {showMetadataRow && (\n <>\n <MetadataRow\n hasThinking={!!state.thinking}\n isExpanded={thinkingExpanded}\n onToggle={toggleThinking}\n toolCalls={state.toolCalls}\n knowledge={state.knowledge}\n memory={state.memory}\n status={state.status}\n elapsedTime={elapsedTime}\n />\n\n {/* Thinking Content - collapsible with max-height */}\n <ThinkingSection\n content={state.thinking}\n isExpanded={thinkingExpanded}\n />\n </>\n )}\n\n {/* Response Section */}\n {state.response && (\n <div\n className={cn(\n \"bg-muted/50 p-4\",\n showMetadataRow && \"border-t border-border\"\n )}\n >\n {renderMarkdown ? (\n renderMarkdown(state.response)\n ) : (\n <span className=\"whitespace-pre-wrap\">{state.response}</span>\n )}\n </div>\n )}\n </div>\n\n {/* Action Bar - outside the message container, visible on hover when complete */}\n {showActionBar && (\n <ActionBar\n response={state.response}\n isVisible={isActionBarVisible}\n totalTimeSeconds={totalTimeSeconds}\n feedback={feedback}\n onFeedbackChange={onFeedbackChange}\n onResponseCopy={onResponseCopy}\n />\n )}\n </div>\n );\n }\n);\nAgentResponse.displayName = \"AgentResponse\";\n\nexport { AgentResponse };\n"]}
1
+ {"version":3,"sources":["../src/components/agent-response/components/ActivityIndicators.tsx","../src/components/agent-response/utils.ts","../src/components/agent-response/components/MetadataRow.tsx","../src/components/agent-response/components/ThinkingSection.tsx","../src/components/agent-response/components/ActionBar.tsx","../src/components/hitl-interactions/HITLQuestionPanel.tsx","../src/components/hitl-interactions/HITLInteractionRecord.tsx","../src/components/agent-response/components/HITLSection.tsx","../src/components/agent-response/components/TruncatedMessage.tsx","../src/components/agent-response/hooks/useThinkingTimer.ts","../src/components/agent-response/types.ts","../src/components/agent-response/hooks/useAgentResponseAccumulator.ts","../src/components/agent-response/AgentResponse.tsx","../src/components/user-prompt/UserPrompt.tsx","../src/components/user-prompt-input/UserPromptInput.tsx"],"names":["React","React2","jsxs","jsx","cn","ChevronDown","React3","React4","useState","useCallback","React5","formatTime","React6","useMemo","React7","ChevronRight","React8","useEffect","thinkingStartTime","React9","React10"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Activity Indicators Component\n *\n * Displays tool, knowledge, memory icons with counts and popovers\n */\n\nimport * as React from \"react\";\nimport { Wrench, Book, HardDrive, Activity } from \"lucide-react\";\nimport { cn, Popover, PopoverTrigger, PopoverContent } from \"@optilogic/core\";\nimport type { ToolCall, KnowledgeItem, MemoryItem, StatusItem } from \"../types\";\n\nexport interface ActivityIndicatorsProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Tool calls to display */\n toolCalls: ToolCall[];\n /** Knowledge items to display */\n knowledge: KnowledgeItem[];\n /** Memory items to display */\n memory: MemoryItem[];\n /** Status updates to display */\n statusUpdates?: StatusItem[];\n}\n\n/**\n * ActivityIndicators Component\n *\n * Displays icons with counts for tool calls, knowledge retrieval, and memory access.\n * Each icon has a popover showing details when clicked.\n *\n * @example\n * <ActivityIndicators\n * toolCalls={state.toolCalls}\n * knowledge={state.knowledge}\n * memory={state.memory}\n * />\n */\nconst ActivityIndicators = React.forwardRef<HTMLDivElement, ActivityIndicatorsProps>(\n ({ toolCalls, knowledge, memory, statusUpdates = [], className, ...props }, ref) => {\n const hasAnyActivity =\n toolCalls.length > 0 || knowledge.length > 0 || memory.length > 0 || statusUpdates.length > 0;\n\n if (!hasAnyActivity) return null;\n\n return (\n <div ref={ref} className={cn(\"flex items-center gap-2\", className)} {...props}>\n {/* Status Updates */}\n {statusUpdates.length > 0 && (\n <Popover>\n <PopoverTrigger asChild>\n <button\n className=\"flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors\"\n onClick={(e) => e.stopPropagation()}\n >\n <Activity className=\"w-3.5 h-3.5\" />\n <span className=\"text-xs\">{statusUpdates.length}</span>\n </button>\n </PopoverTrigger>\n <PopoverContent className=\"w-80\">\n <div className=\"space-y-2\">\n <h4 className=\"font-medium text-sm\">Status Updates</h4>\n <div className=\"space-y-2 max-h-60 overflow-auto\">\n {statusUpdates.map((item) => (\n <div key={item.id} className=\"p-2 bg-muted rounded text-xs\">\n {item.agent && (\n <div className=\"font-medium text-muted-foreground\">{item.agent}</div>\n )}\n <div className={item.agent ? \"mt-1\" : \"\"}>{item.message}</div>\n </div>\n ))}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )}\n\n {/* Tool Calls */}\n {toolCalls.length > 0 && (\n <Popover>\n <PopoverTrigger asChild>\n <button\n className=\"flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors\"\n onClick={(e) => e.stopPropagation()}\n >\n <Wrench className=\"w-3.5 h-3.5\" />\n <span className=\"text-xs\">{toolCalls.length}</span>\n </button>\n </PopoverTrigger>\n <PopoverContent className=\"w-80\">\n <div className=\"space-y-2\">\n <h4 className=\"font-medium text-sm\">Tool Calls</h4>\n <div className=\"space-y-2 max-h-60 overflow-auto\">\n {toolCalls.map((tool) => (\n <div key={tool.id} className=\"p-2 bg-muted rounded text-xs\">\n <div className=\"font-medium\">{tool.name}</div>\n {tool.arguments && (\n <pre className=\"mt-1 text-muted-foreground overflow-x-auto\">\n {JSON.stringify(tool.arguments, null, 2)}\n </pre>\n )}\n </div>\n ))}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )}\n\n {/* Knowledge */}\n {knowledge.length > 0 && (\n <Popover>\n <PopoverTrigger asChild>\n <button\n className=\"flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors\"\n onClick={(e) => e.stopPropagation()}\n >\n <Book className=\"w-3.5 h-3.5\" />\n <span className=\"text-xs\">{knowledge.length}</span>\n </button>\n </PopoverTrigger>\n <PopoverContent className=\"w-80\">\n <div className=\"space-y-2\">\n <h4 className=\"font-medium text-sm\">Knowledge Retrieved</h4>\n <div className=\"space-y-2 max-h-60 overflow-auto\">\n {knowledge.map((item) => (\n <div key={item.id} className=\"p-2 bg-muted rounded text-xs\">\n <div className=\"font-medium\">{item.source}</div>\n <div className=\"mt-1 text-muted-foreground\">\n {item.content}\n </div>\n </div>\n ))}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )}\n\n {/* Memory */}\n {memory.length > 0 && (\n <Popover>\n <PopoverTrigger asChild>\n <button\n className=\"flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors\"\n onClick={(e) => e.stopPropagation()}\n >\n <HardDrive className=\"w-3.5 h-3.5\" />\n <span className=\"text-xs\">{memory.length}</span>\n </button>\n </PopoverTrigger>\n <PopoverContent className=\"w-80\">\n <div className=\"space-y-2\">\n <h4 className=\"font-medium text-sm\">Memory Accessed</h4>\n <div className=\"space-y-2 max-h-60 overflow-auto\">\n {memory.map((item) => (\n <div key={item.id} className=\"p-2 bg-muted rounded text-xs\">\n <div className=\"font-medium\">{item.type}</div>\n <div className=\"mt-1 text-muted-foreground\">\n {item.content}\n </div>\n </div>\n ))}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )}\n </div>\n );\n }\n);\nActivityIndicators.displayName = \"ActivityIndicators\";\n\nexport { ActivityIndicators };\n","/**\n * Agent Response Utility Functions\n */\n\n/**\n * Format elapsed time for display\n * - Under 60s: \"Xs\" (e.g., \"23s\")\n * - 60+ seconds while active: \"M:SS\" (e.g., \"1:23\")\n * - Complete under 60s: \"Xs\" (e.g., \"45s\")\n * - Complete 60-119s: \"1.X min\" (e.g., \"1.2 min\")\n * - Complete 120+ s: \"X.X min\" (e.g., \"2.5 min\")\n */\nexport function formatTime(seconds: number, isComplete: boolean): string {\n if (seconds < 1) {\n return isComplete ? \"<1s\" : \"0s\";\n }\n\n if (isComplete) {\n // Completed state formatting\n if (seconds < 60) {\n return `${Math.round(seconds)}s`;\n }\n const minutes = seconds / 60;\n return `${minutes.toFixed(1)} min`;\n }\n\n // Active state formatting\n if (seconds < 60) {\n return `${Math.floor(seconds)}s`;\n }\n const mins = Math.floor(seconds / 60);\n const secs = Math.floor(seconds % 60);\n return `${mins}:${secs.toString().padStart(2, \"0\")}`;\n}\n\n/**\n * Format total time for action bar display\n */\nexport function formatTotalTime(seconds: number): string {\n if (seconds < 1) {\n return \"<1s\";\n }\n if (seconds < 60) {\n return `${seconds.toFixed(1)}s`;\n }\n const minutes = seconds / 60;\n return `${minutes.toFixed(1)}m`;\n}\n","/**\n * Metadata Row Component\n *\n * Displays thinking toggle, timer, and activity indicators\n */\n\nimport * as React from \"react\";\nimport { ChevronDown, ChevronUp } from \"lucide-react\";\nimport { cn, LoadingSpinner } from \"@optilogic/core\";\nimport { ActivityIndicators } from \"./ActivityIndicators\";\nimport { formatTime } from \"../utils\";\nimport type { AgentResponseStatus, ToolCall, KnowledgeItem, MemoryItem, StatusItem } from \"../types\";\n\nexport interface MetadataRowProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Whether there is thinking content */\n hasThinking: boolean;\n /** Whether the thinking section is expanded */\n isExpanded: boolean;\n /** Toggle callback for thinking expansion */\n onToggle: () => void;\n /** Tool calls to display */\n toolCalls: ToolCall[];\n /** Knowledge items to display */\n knowledge: KnowledgeItem[];\n /** Memory items to display */\n memory: MemoryItem[];\n /** Status updates to display */\n statusUpdates?: StatusItem[];\n /** Optional content to display in the middle area between left content and activity indicators */\n statusContent?: React.ReactNode;\n /** Current response status */\n status: AgentResponseStatus;\n /** Elapsed time in seconds */\n elapsedTime: number;\n}\n\n/**\n * MetadataRow Component\n *\n * Displays the metadata row with thinking toggle, timer, and activity indicators.\n * When thinking content is present, the row is clickable to toggle expansion.\n *\n * @example\n * <MetadataRow\n * hasThinking={!!state.thinking}\n * isExpanded={thinkingExpanded}\n * onToggle={toggleThinking}\n * toolCalls={state.toolCalls}\n * knowledge={state.knowledge}\n * memory={state.memory}\n * status={state.status}\n * elapsedTime={elapsedTime}\n * />\n */\nconst MetadataRow = React.forwardRef<HTMLDivElement, MetadataRowProps>(\n (\n {\n hasThinking,\n isExpanded,\n onToggle,\n toolCalls,\n knowledge,\n memory,\n statusUpdates = [],\n statusContent,\n status,\n elapsedTime,\n className,\n ...props\n },\n ref\n ) => {\n const isProcessing = status === \"processing\";\n const isComplete = status === \"complete\";\n const hasActivity =\n toolCalls.length > 0 || knowledge.length > 0 || memory.length > 0 || statusUpdates.length > 0;\n\n // Determine what to show on the left side\n const renderLeftContent = () => {\n // If we have thinking text, show collapse toggle + label + timer\n if (hasThinking) {\n return (\n <div className=\"flex items-center gap-1.5\">\n {isExpanded ? (\n <ChevronUp className=\"w-3.5 h-3.5 text-muted-foreground\" />\n ) : (\n <ChevronDown className=\"w-3.5 h-3.5 text-muted-foreground\" />\n )}\n <span className=\"text-xs text-muted-foreground\">\n {isComplete\n ? `Thought for ${formatTime(elapsedTime, true)}`\n : `Thinking... ${formatTime(elapsedTime, false)}`}\n </span>\n </div>\n );\n }\n\n // If processing but no thinking text yet, show spinner\n if (isProcessing) {\n return (\n <div className=\"flex items-center gap-1.5\">\n <LoadingSpinner size=\"sm\" variant=\"muted\" className=\"w-3.5 h-3.5\" />\n <span className=\"text-xs text-muted-foreground\">Processing</span>\n </div>\n );\n }\n\n // Complete with no thinking - show nothing on left (just activity on right)\n return null;\n };\n\n const leftContent = renderLeftContent();\n\n // If nothing to show (no thinking, not processing, no activity, no status content), hide the row\n if (!leftContent && !hasActivity && !statusContent) {\n return null;\n }\n\n // Always use a div for the row to avoid nesting buttons\n // When there's thinking, only the left side is clickable\n return (\n <div\n ref={ref}\n className={cn(\"w-full flex items-center justify-between px-3 py-2\", className)}\n {...props}\n >\n {/* Left content - clickable when there's thinking */}\n {hasThinking ? (\n <button\n onClick={onToggle}\n className=\"flex items-center gap-1.5 hover:bg-muted/50 -ml-1.5 pl-1.5 pr-2 py-0.5 rounded transition-colors shrink-0\"\n >\n {leftContent}\n </button>\n ) : (\n <div className=\"flex items-center gap-1.5 shrink-0\">\n {leftContent}\n </div>\n )}\n\n {/* Middle content - status content slot */}\n {statusContent && (\n <div className=\"flex-1 min-w-0 mx-2\">\n {statusContent}\n </div>\n )}\n\n <ActivityIndicators\n toolCalls={toolCalls}\n knowledge={knowledge}\n memory={memory}\n statusUpdates={statusUpdates}\n />\n </div>\n );\n }\n);\nMetadataRow.displayName = \"MetadataRow\";\n\nexport { MetadataRow };\n","/**\n * Thinking Section Component\n *\n * Collapsible section for displaying agent thinking/reasoning content.\n * Supports both plain text and structured collapsible sub-sections.\n */\n\nimport * as React from \"react\";\nimport { useState, useCallback } from \"react\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { cn } from \"@optilogic/core\";\nimport type { ThinkingStep } from \"../types\";\n\nexport interface ThinkingSectionProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"content\"> {\n /** The thinking content to display (string or structured steps) */\n content: string | ThinkingStep[];\n /** Whether the section is expanded */\n isExpanded: boolean;\n /**\n * Custom markdown renderer for the thinking content.\n * If not provided, the content will be rendered as plain preformatted text.\n */\n renderMarkdown?: (content: string) => React.ReactNode;\n}\n\n/**\n * Internal component for rendering a collapsible thinking step\n */\ninterface ThinkingStepItemProps {\n step: ThinkingStep;\n renderMarkdown?: (content: string) => React.ReactNode;\n}\n\nconst ThinkingStepItem: React.FC<ThinkingStepItemProps> = ({ step, renderMarkdown }) => {\n const [isCollapsed, setIsCollapsed] = useState(step.isCollapsed ?? false);\n\n const toggleCollapse = useCallback(() => {\n setIsCollapsed((prev) => !prev);\n }, []);\n\n const indentPadding = step.depth * 16;\n\n return (\n <div className=\"border-b border-border/50 last:border-b-0\">\n <button\n onClick={toggleCollapse}\n className=\"w-full flex items-center gap-1.5 py-1.5 px-2 hover:bg-muted/50 transition-colors text-left\"\n style={{ paddingLeft: `${indentPadding + 8}px` }}\n >\n {isCollapsed ? (\n <ChevronRight className=\"w-3 h-3 text-muted-foreground flex-shrink-0\" />\n ) : (\n <ChevronDown className=\"w-3 h-3 text-muted-foreground flex-shrink-0\" />\n )}\n <span className=\"text-xs font-medium text-foreground/80\">{step.label}</span>\n </button>\n\n {!isCollapsed && (\n <div\n className=\"pb-2 px-2\"\n style={{ paddingLeft: `${indentPadding + 28}px` }}\n >\n {renderMarkdown ? (\n <div className=\"text-xs text-muted-foreground\">\n {renderMarkdown(step.content)}\n </div>\n ) : (\n <pre className=\"text-xs text-muted-foreground whitespace-pre-wrap font-mono\">\n {step.content}\n </pre>\n )}\n </div>\n )}\n </div>\n );\n};\n\n/**\n * ThinkingSection Component\n *\n * Displays the agent's thinking/reasoning content in a collapsible panel.\n * Supports both plain text content and structured collapsible sub-sections.\n *\n * @example\n * // Plain text content\n * <ThinkingSection content={state.thinking} isExpanded={isExpanded} />\n *\n * @example\n * // Structured content with sub-sections\n * <ThinkingSection\n * content={[\n * { id: \"1\", label: \"Analysis\", content: \"...\", depth: 0 },\n * { id: \"2\", label: \"Sub-analysis\", content: \"...\", depth: 1 },\n * ]}\n * isExpanded={isExpanded}\n * />\n */\nconst ThinkingSection = React.forwardRef<HTMLDivElement, ThinkingSectionProps>(\n ({ content, isExpanded, renderMarkdown, className, ...props }, ref) => {\n if (!isExpanded || !content || (Array.isArray(content) && content.length === 0)) {\n return null;\n }\n\n const isStructured = Array.isArray(content);\n\n return (\n <div\n ref={ref}\n className={cn(\"px-3 pb-3 border-t border-border\", className)}\n {...props}\n >\n <div className=\"mt-2 max-h-[200px] overflow-y-auto\">\n {isStructured ? (\n <div className=\"space-y-0\">\n {content.map((step) => (\n <ThinkingStepItem\n key={step.id}\n step={step}\n renderMarkdown={renderMarkdown}\n />\n ))}\n </div>\n ) : renderMarkdown ? (\n <div className=\"text-xs text-muted-foreground\">\n {renderMarkdown(content)}\n </div>\n ) : (\n <pre className=\"text-xs text-muted-foreground whitespace-pre-wrap font-mono\">\n {content}\n </pre>\n )}\n </div>\n </div>\n );\n }\n);\nThinkingSection.displayName = \"ThinkingSection\";\n\nexport { ThinkingSection };\n","/**\n * Action Bar Component\n *\n * Displays copy, feedback, and timing actions for the response\n */\n\nimport * as React from \"react\";\nimport { useState, useCallback } from \"react\";\nimport { Copy, Check, ThumbsUp, ThumbsDown } from \"lucide-react\";\nimport { cn } from \"@optilogic/core\";\nimport { formatTotalTime } from \"../utils\";\nimport type { FeedbackValue } from \"../types\";\n\nexport interface ActionBarProps extends React.HTMLAttributes<HTMLDivElement> {\n /** The response text (for copying) */\n response: string;\n /** Whether the action bar is visible */\n isVisible: boolean;\n /** Total time in seconds */\n totalTimeSeconds: number;\n /** Current feedback value */\n feedback?: FeedbackValue;\n /** Callback when feedback changes */\n onFeedbackChange?: (feedback: FeedbackValue) => void;\n /** Callback when response is copied */\n onResponseCopy?: (response: string) => void;\n}\n\n/**\n * ActionBar Component\n *\n * Displays action buttons for copying the response, providing feedback,\n * and showing total response time.\n *\n * @example\n * <ActionBar\n * response={state.response}\n * isVisible={isHovered}\n * totalTimeSeconds={totalTime}\n * feedback={feedback}\n * onFeedbackChange={setFeedback}\n * onCopy={handleCopy}\n * />\n */\nconst ActionBar = React.forwardRef<HTMLDivElement, ActionBarProps>(\n (\n {\n response,\n isVisible,\n totalTimeSeconds,\n feedback,\n onFeedbackChange,\n onResponseCopy,\n className,\n ...props\n },\n ref\n ) => {\n const [copied, setCopied] = useState(false);\n\n const handleCopy = useCallback(async () => {\n try {\n await navigator.clipboard.writeText(response);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n onResponseCopy?.(response);\n } catch (err) {\n console.error(\"Failed to copy response:\", err);\n }\n }, [response, onResponseCopy]);\n\n const handleThumbsUp = useCallback(() => {\n const newValue = feedback === \"up\" ? null : \"up\";\n onFeedbackChange?.(newValue);\n }, [feedback, onFeedbackChange]);\n\n const handleThumbsDown = useCallback(() => {\n const newValue = feedback === \"down\" ? null : \"down\";\n onFeedbackChange?.(newValue);\n }, [feedback, onFeedbackChange]);\n\n const isThumbsUp = feedback === \"up\";\n const isThumbsDown = feedback === \"down\";\n\n return (\n <div\n ref={ref}\n className={cn(\n \"flex items-center justify-between px-4 py-2\",\n \"transition-opacity duration-200\",\n isVisible ? \"opacity-100\" : \"opacity-0 pointer-events-none\",\n className\n )}\n {...props}\n >\n {/* Left side - action buttons */}\n <div className=\"flex items-center gap-1\">\n {/* Copy button */}\n <button\n onClick={handleCopy}\n className=\"p-1.5 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground\"\n title={copied ? \"Copied!\" : \"Copy response\"}\n >\n {copied ? (\n <Check className=\"w-4 h-4 text-green-500\" />\n ) : (\n <Copy className=\"w-4 h-4\" />\n )}\n </button>\n\n {/* Thumbs up */}\n <button\n onClick={handleThumbsUp}\n className={cn(\n \"p-1.5 rounded hover:bg-muted transition-colors\",\n isThumbsUp\n ? \"text-green-500\"\n : \"text-muted-foreground hover:text-foreground\"\n )}\n title=\"Good response\"\n >\n <ThumbsUp className={cn(\"w-4 h-4\", isThumbsUp && \"fill-current\")} />\n </button>\n\n {/* Thumbs down */}\n <button\n onClick={handleThumbsDown}\n className={cn(\n \"p-1.5 rounded hover:bg-muted transition-colors\",\n isThumbsDown\n ? \"text-red-500\"\n : \"text-muted-foreground hover:text-foreground\"\n )}\n title=\"Poor response\"\n >\n <ThumbsDown className={cn(\"w-4 h-4\", isThumbsDown && \"fill-current\")} />\n </button>\n </div>\n\n {/* Right side - timing info */}\n <span className=\"text-xs text-muted-foreground\">\n Total time: {formatTotalTime(totalTimeSeconds)}\n </span>\n </div>\n );\n }\n);\nActionBar.displayName = \"ActionBar\";\n\nexport { ActionBar };\n","/**\n * HITLQuestionPanel — Human-in-the-Loop clarifying question panel.\n *\n * Renders in the input area (replacing UserPromptInput) when the agent asks a\n * clarifying question via the HumanInTheLoop tool. Shows the question details\n * and lets the user respond via option buttons or free-form text.\n *\n * Option clicks select/toggle rather than immediately submitting. The \"Send\n * response\" button enables once all questions have a selected option OR the\n * textarea has text. On submit, selected options and free-form text are\n * combined into a single formatted string for the backend.\n */\n\nimport * as React from \"react\";\nimport { useState, useEffect, useRef, useCallback, useMemo } from \"react\";\nimport { cn, Button, Textarea } from \"@optilogic/core\";\n\nexport interface HITLQuestion {\n reason: string;\n questions: string[];\n options: Record<string, string[]> | null;\n context: string | null;\n /** Timeout in seconds. When omitted, no countdown is shown and the panel never times out. */\n timeoutSeconds?: number;\n receivedAt: number;\n}\n\nexport interface HITLQuestionPanelProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {\n question: HITLQuestion;\n onSubmit: (response: string) => void;\n onStop: () => void;\n}\n\n/**\n * Build a single response string from selected options and optional free-form text.\n * Format is designed to be easily parsed by the LLM consuming the response.\n */\nexport function buildResponseString(\n questions: string[],\n selectedOptions: Record<string, string>,\n freeformText: string\n): string {\n const parts: string[] = [];\n\n for (const q of questions) {\n const answer = selectedOptions[q];\n if (answer) {\n parts.push(`Q: ${q}\\nA: ${answer}`);\n }\n }\n\n const trimmed = freeformText.trim();\n if (trimmed) {\n parts.push(`Additional context: ${trimmed}`);\n }\n\n return parts.join(\"\\n\\n\");\n}\n\nconst HITLQuestionPanel = React.forwardRef<\n HTMLDivElement,\n HITLQuestionPanelProps\n>(({ question, onSubmit, onStop, className, ...props }, ref) => {\n const [freeformText, setFreeformText] = useState(\"\");\n const [selectedOptions, setSelectedOptions] = useState<\n Record<string, string>\n >({});\n const hasTimeout = question.timeoutSeconds != null;\n const [secondsLeft, setSecondsLeft] = useState(() =>\n hasTimeout\n ? Math.max(\n 0,\n Math.round(\n question.timeoutSeconds! - (Date.now() - question.receivedAt) / 1000\n )\n )\n : Infinity\n );\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n // Focus the textarea on mount\n useEffect(() => {\n textareaRef.current?.focus();\n }, []);\n\n // Countdown timer (only when timeoutSeconds is provided)\n useEffect(() => {\n if (!hasTimeout) return;\n const interval = setInterval(() => {\n const remaining = Math.max(\n 0,\n Math.round(\n question.timeoutSeconds! - (Date.now() - question.receivedAt) / 1000\n )\n );\n setSecondsLeft(remaining);\n if (remaining <= 0) clearInterval(interval);\n }, 1000);\n return () => clearInterval(interval);\n }, [hasTimeout, question.timeoutSeconds, question.receivedAt]);\n\n const timedOut = hasTimeout && secondsLeft <= 0;\n\n // Which questions have options defined?\n const questionsWithOptions = useMemo(\n () => question.questions.filter((q) => question.options?.[q]?.length),\n [question.questions, question.options]\n );\n\n const allOptionsSelected =\n questionsWithOptions.length > 0 &&\n questionsWithOptions.every((q) => selectedOptions[q]);\n\n const hasFreeformText = freeformText.trim().length > 0;\n\n const canSubmit = !timedOut && (allOptionsSelected || hasFreeformText);\n\n const handleOptionClick = useCallback(\n (questionText: string, option: string) => {\n if (timedOut) return;\n setSelectedOptions((prev) => {\n // Toggle: deselect if already selected, otherwise select\n if (prev[questionText] === option) {\n const next = { ...prev };\n delete next[questionText];\n return next;\n }\n return { ...prev, [questionText]: option };\n });\n },\n [timedOut]\n );\n\n const handleSubmit = useCallback(() => {\n if (!canSubmit) return;\n const combined = buildResponseString(\n question.questions,\n selectedOptions,\n freeformText\n );\n onSubmit(combined);\n }, [canSubmit, question.questions, selectedOptions, freeformText, onSubmit]);\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n handleSubmit();\n }\n },\n [handleSubmit]\n );\n\n const formatTime = (s: number) => {\n const m = Math.floor(s / 60);\n const sec = s % 60;\n return `${m}:${sec.toString().padStart(2, \"0\")}`;\n };\n\n return (\n <div\n ref={ref}\n className={cn(\n \"rounded-lg border border-border bg-muted p-4 space-y-3\",\n className\n )}\n {...props}\n >\n {/* Header: reason + countdown */}\n <div className=\"flex items-start justify-between gap-3\">\n <div className=\"flex-1\">\n <p className=\"text-sm font-medium text-foreground\">\n {question.reason}\n </p>\n </div>\n {hasTimeout && (\n <span\n className={cn(\n \"text-xs font-mono whitespace-nowrap\",\n secondsLeft <= 30 ? \"text-destructive\" : \"text-muted-foreground\"\n )}\n >\n {timedOut ? \"Timed out\" : formatTime(secondsLeft)}\n </span>\n )}\n </div>\n\n {/* Context (if provided) */}\n {question.context && (\n <div className=\"text-xs text-muted-foreground bg-background rounded p-2 border border-border max-h-24 overflow-y-auto\">\n <pre className=\"whitespace-pre-wrap font-mono\">\n {question.context}\n </pre>\n </div>\n )}\n\n {/* Questions */}\n <div className=\"space-y-3\">\n {question.questions.map((q, i) => (\n <div key={i}>\n <p className=\"text-sm text-foreground\">{q}</p>\n\n {/* Options for this question (if provided) */}\n {question.options?.[q] && (\n <div className=\"flex flex-wrap gap-2 mt-1.5\">\n {question.options[q].map((option, j) => {\n const isSelected = selectedOptions[q] === option;\n return (\n <Button\n key={j}\n variant={isSelected ? \"primary\" : \"outline\"}\n size=\"sm\"\n onClick={() => handleOptionClick(q, option)}\n disabled={timedOut}\n >\n {option}\n </Button>\n );\n })}\n </div>\n )}\n </div>\n ))}\n </div>\n\n {/* Free-form input — always shown for additional context */}\n <Textarea\n ref={textareaRef}\n value={freeformText}\n onChange={(e) => setFreeformText(e.target.value)}\n onKeyDown={handleKeyDown}\n disabled={timedOut}\n placeholder=\"Add additional context or type a full response...\"\n rows={2}\n className=\"resize-none\"\n />\n\n <div className=\"flex items-center justify-between\">\n <Button\n variant=\"ghost\"\n size=\"sm\"\n onClick={onStop}\n className=\"text-destructive hover:text-destructive hover:bg-destructive/10\"\n >\n Stop agent\n </Button>\n\n <Button\n variant=\"primary\"\n size=\"sm\"\n onClick={handleSubmit}\n disabled={!canSubmit}\n >\n Send response\n </Button>\n </div>\n </div>\n );\n});\nHITLQuestionPanel.displayName = \"HITLQuestionPanel\";\n\nexport { HITLQuestionPanel };\n","/**\n * HITLInteractionRecord — Displays a completed HITL Q&A interaction\n * in the chat message history.\n *\n * Rendered below AgentResponse in the agent message block. Shows the full detail\n * of each clarifying question the agent asked and the user's response.\n */\n\nimport * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"@optilogic/core\";\nimport type { HITLQuestion } from \"./HITLQuestionPanel\";\n\nexport interface HITLInteraction {\n question: HITLQuestion;\n response: string;\n respondedAt: number;\n}\n\nexport interface HITLInteractionRecordProps\n extends React.HTMLAttributes<HTMLDivElement> {\n interaction: HITLInteraction;\n}\n\n/**\n * Parse the formatted response string (produced by buildResponseString) back\n * into a per-question answer map and optional additional context.\n */\nfunction parseResponse(response: string): {\n answers: Record<string, string>;\n additionalContext: string | null;\n} {\n const answers: Record<string, string> = {};\n let additionalContext: string | null = null;\n\n const blocks = response.split(\"\\n\\n\");\n for (const block of blocks) {\n const qaMatch = block.match(/^Q: (.+)\\nA: (.+)$/s);\n if (qaMatch) {\n answers[qaMatch[1].trim()] = qaMatch[2].trim();\n } else if (block.startsWith(\"Additional context: \")) {\n additionalContext = block.slice(\"Additional context: \".length).trim();\n }\n }\n\n return { answers, additionalContext };\n}\n\nconst HITLInteractionRecord = React.forwardRef<\n HTMLDivElement,\n HITLInteractionRecordProps\n>(({ interaction, className, ...props }, ref) => {\n const { question, response, respondedAt } = interaction;\n const timestamp = new Date(respondedAt).toLocaleTimeString([], {\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n\n const { answers, additionalContext } = useMemo(\n () => parseResponse(response),\n [response]\n );\n\n // Check if parsing found any structured answers; if not, fall back to\n // showing the raw response string (for responses not built by buildResponseString).\n const hasParsedAnswers = Object.keys(answers).length > 0;\n\n return (\n <div\n ref={ref}\n className={cn(\n \"rounded-lg border border-border bg-muted p-3 space-y-2 text-sm\",\n className\n )}\n {...props}\n >\n {/* Header */}\n <div className=\"flex items-center justify-between\">\n <span className=\"font-medium text-muted-foreground\">\n Clarifying Question\n </span>\n <span className=\"text-xs text-muted-foreground\">{timestamp}</span>\n </div>\n\n {/* Reason */}\n <p className=\"text-foreground font-medium\">{question.reason}</p>\n\n {/* Context (if provided) */}\n {question.context && (\n <div className=\"text-xs text-muted-foreground bg-background rounded p-2 border border-border\">\n <pre className=\"whitespace-pre-wrap font-mono\">\n {question.context}\n </pre>\n </div>\n )}\n\n {/* Questions with inline answers */}\n <div className=\"space-y-2\">\n {question.questions.map((q, i) => (\n <div key={i}>\n <p className=\"text-foreground\">{q}</p>\n {question.options?.[q] && (\n <p className=\"text-xs text-muted-foreground ml-2\">\n Options: {question.options[q].join(\", \")}\n </p>\n )}\n {hasParsedAnswers && answers[q] && (\n <p className=\"text-xs text-foreground ml-2 mt-0.5 bg-background rounded px-2 py-1 border border-border\">\n <span className=\"text-muted-foreground\">Answer: </span>\n {answers[q]}\n </p>\n )}\n </div>\n ))}\n </div>\n\n {/* Additional context from freeform text, or raw fallback */}\n {hasParsedAnswers && additionalContext && (\n <div className=\"border-t border-border pt-2\">\n <span className=\"text-muted-foreground text-xs\">\n Additional context:\n </span>\n <p className=\"text-foreground mt-0.5\">{additionalContext}</p>\n </div>\n )}\n\n {/* Fallback: show raw response if it wasn't in the parsed Q/A format */}\n {!hasParsedAnswers && (\n <div className=\"border-t border-border pt-2\">\n <span className=\"text-muted-foreground text-xs\">Response:</span>\n <p className=\"text-foreground mt-0.5\">{response}</p>\n </div>\n )}\n </div>\n );\n});\nHITLInteractionRecord.displayName = \"HITLInteractionRecord\";\n\nexport { HITLInteractionRecord };\n","/**\n * HITL Section Component\n *\n * Collapsible section for displaying completed HITL (Human-in-the-Loop)\n * interactions within an AgentResponse. Follows the same pattern as\n * ThinkingSection for consistent UX.\n */\n\nimport * as React from \"react\";\nimport { useState, useCallback } from \"react\";\nimport { ChevronDown, ChevronRight, MessageCircleQuestion } from \"lucide-react\";\nimport { cn } from \"@optilogic/core\";\nimport { HITLInteractionRecord } from \"../../hitl-interactions\";\nimport type { HITLInteraction } from \"../../hitl-interactions\";\n\nexport interface HITLSectionProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /** The HITL interactions to display */\n interactions: HITLInteraction[];\n /** Whether the section starts expanded (uncontrolled) */\n defaultExpanded?: boolean;\n /** Whether the section is expanded (controlled) */\n isExpanded?: boolean;\n /** Callback when expansion state changes (controlled) */\n onExpandedChange?: (expanded: boolean) => void;\n}\n\nconst HITLSection = React.forwardRef<HTMLDivElement, HITLSectionProps>(\n (\n {\n interactions,\n defaultExpanded = false,\n isExpanded: controlledExpanded,\n onExpandedChange,\n className,\n ...props\n },\n ref\n ) => {\n const [uncontrolledExpanded, setUncontrolledExpanded] =\n useState(defaultExpanded);\n\n const isControlled = controlledExpanded !== undefined;\n const isExpanded = isControlled ? controlledExpanded : uncontrolledExpanded;\n\n const toggleExpanded = useCallback(() => {\n const newValue = !isExpanded;\n if (isControlled) {\n onExpandedChange?.(newValue);\n } else {\n setUncontrolledExpanded(newValue);\n }\n }, [isExpanded, isControlled, onExpandedChange]);\n\n if (!interactions || interactions.length === 0) {\n return null;\n }\n\n return (\n <div\n ref={ref}\n className={cn(\"border-t border-border\", className)}\n {...props}\n >\n {/* Collapsible header */}\n <button\n onClick={toggleExpanded}\n className=\"w-full flex items-center gap-2 py-2 px-3 hover:bg-muted/50 transition-colors text-left\"\n >\n {isExpanded ? (\n <ChevronDown className=\"w-3.5 h-3.5 text-muted-foreground flex-shrink-0\" />\n ) : (\n <ChevronRight className=\"w-3.5 h-3.5 text-muted-foreground flex-shrink-0\" />\n )}\n <MessageCircleQuestion className=\"w-3.5 h-3.5 text-muted-foreground flex-shrink-0\" />\n <span className=\"text-xs font-medium text-foreground/80\">\n Clarifying Questions ({interactions.length})\n </span>\n </button>\n\n {/* Expanded content */}\n {isExpanded && (\n <div className=\"px-3 pb-3 space-y-2\">\n {interactions.map((interaction, i) => (\n <HITLInteractionRecord key={i} interaction={interaction} />\n ))}\n </div>\n )}\n </div>\n );\n }\n);\nHITLSection.displayName = \"HITLSection\";\n\nexport { HITLSection };\n","/**\n * Truncated Message Component\n *\n * Renders a single-line text message with CSS-based truncation (text-overflow: ellipsis).\n * Designed as a standalone utility that can be used anywhere, including as\n * the statusContent slot in MetadataRow.\n */\n\nimport * as React from \"react\";\nimport { cn } from \"@optilogic/core\";\n\nexport interface TruncatedMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n /** The message string to display (truncated with ellipsis if it overflows) */\n message: string;\n}\n\n/**\n * TruncatedMessage Component\n *\n * Displays a single-line text message that truncates with an ellipsis when\n * it overflows its container. Uses CSS text-overflow for zero-JS truncation.\n *\n * @example\n * <TruncatedMessage message=\"Searching the knowledge base for relevant documents...\" />\n *\n * @example\n * // Inside MetadataRow's statusContent slot\n * <AgentResponse\n * state={state}\n * statusContent={<TruncatedMessage message=\"Running analysis...\" />}\n * />\n */\nconst TruncatedMessage = React.forwardRef<HTMLDivElement, TruncatedMessageProps>(\n ({ message, className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n className={cn(\n \"text-xs text-muted-foreground truncate min-w-0\",\n className\n )}\n title={message}\n {...props}\n >\n {message}\n </div>\n );\n }\n);\nTruncatedMessage.displayName = \"TruncatedMessage\";\n\nexport { TruncatedMessage };\n","/**\n * useThinkingTimer Hook\n *\n * Tracks elapsed time during agent thinking/processing\n */\n\nimport { useState, useEffect } from \"react\";\nimport type { AgentResponseStatus } from \"../types\";\n\nexport interface UseThinkingTimerOptions {\n startTime: number | null;\n endTime: number | null;\n status: AgentResponseStatus;\n}\n\n/**\n * Custom hook for thinking timer\n * Returns elapsed time in seconds\n */\nexport function useThinkingTimer({\n startTime,\n endTime,\n status,\n}: UseThinkingTimerOptions): number {\n const [elapsed, setElapsed] = useState(0);\n\n useEffect(() => {\n if (!startTime) {\n setElapsed(0);\n return;\n }\n\n // If complete, calculate final elapsed time\n if (status === \"complete\" && endTime) {\n setElapsed((endTime - startTime) / 1000);\n return;\n }\n\n // If still processing, update every second\n if (status === \"processing\") {\n const updateElapsed = () => {\n setElapsed((Date.now() - startTime) / 1000);\n };\n\n updateElapsed(); // Initial update\n const interval = setInterval(updateElapsed, 1000);\n return () => clearInterval(interval);\n }\n }, [startTime, endTime, status]);\n\n return elapsed;\n}\n","/**\n * Agent Response Component Types\n *\n * Type definitions for the library-ready agent response component\n */\n\n/**\n * Status of the agent response cycle\n */\nexport type AgentResponseStatus = \"idle\" | \"processing\" | \"complete\";\n\n/**\n * Feedback value for the response\n */\nexport type FeedbackValue = \"up\" | \"down\" | null;\n\n/**\n * Tool call information from the agent\n */\nexport interface ToolCall {\n id: string;\n name: string;\n arguments?: Record<string, unknown>;\n timestamp: number;\n}\n\n/**\n * Knowledge retrieval information\n */\nexport interface KnowledgeItem {\n id: string;\n source: string;\n content: string;\n timestamp: number;\n}\n\n/**\n * Memory access information\n */\nexport interface MemoryItem {\n id: string;\n type: string;\n content: string;\n timestamp: number;\n}\n\n/**\n * Status update information from the agent\n */\nexport interface StatusItem {\n id: string;\n message: string;\n timestamp: number;\n /** Optional agent name if in multi-agent scenario */\n agent?: string;\n}\n\n/**\n * A single step in structured thinking content\n */\nexport interface ThinkingStep {\n /** Unique identifier for the step */\n id: string;\n /** Label/title shown in the collapsible header */\n label: string;\n /** Content of the thinking step */\n content: string;\n /** Nesting depth (0 = root level, 1 = first indent, etc.) */\n depth: number;\n /** Whether this step should start collapsed (default: false) */\n isCollapsed?: boolean;\n}\n\n/**\n * Union type for thinking content\n * - string: plain text (backward compatible)\n * - ThinkingStep[]: structured with collapsible sub-sections\n */\nexport type ThinkingContent = string | ThinkingStep[];\n\n/**\n * State shape for the agent response component\n */\nexport interface AgentResponseState {\n /** Current status of the response cycle */\n status: AgentResponseStatus;\n /** Accumulated thinking/reasoning text */\n thinking: string;\n /** Structured thinking steps (if provided, takes precedence over thinking string) */\n thinkingSteps?: ThinkingStep[];\n /** Tool calls made during processing */\n toolCalls: ToolCall[];\n /** Knowledge items retrieved */\n knowledge: KnowledgeItem[];\n /** Memory items accessed */\n memory: MemoryItem[];\n /** Status updates from the agent */\n statusUpdates: StatusItem[];\n /** Final response text */\n response: string;\n /** Timestamp when first thinking message was received (for timer) */\n thinkingStartTime: number | null;\n /** Timestamp when response was completed (for final timer display) */\n responseCompleteTime: number | null;\n /** Timestamp when first message of any type was received (for total time) */\n firstMessageTime: number | null;\n}\n\n/**\n * WebSocket message payload for agent responses\n */\nexport interface AgentMessage {\n type: \"status\" | \"thinking\" | \"tool_call\" | \"knowledge\" | \"memory\" | \"response\" | \"status_update\";\n /** Message content - for simple string payloads */\n message?: string;\n /** Alternative content field */\n content?: string;\n /** For status messages */\n status?: string;\n /** For tool_call messages */\n tool?: {\n id: string;\n name: string;\n arguments?: Record<string, unknown>;\n };\n /** For knowledge messages */\n knowledge?: {\n id: string;\n source: string;\n content: string;\n };\n /** For memory messages */\n memory?: {\n id: string;\n type: string;\n content: string;\n };\n /** For status_update messages */\n statusUpdate?: {\n id: string;\n message: string;\n agent?: string;\n };\n /** For structured thinking step messages */\n thinkingStep?: {\n id?: string;\n label: string;\n content: string;\n depth?: number;\n isCollapsed?: boolean;\n };\n}\n\n/**\n * Generic websocket message wrapper type\n */\nexport interface GenericWebSocketMessage {\n topic: string;\n message: AgentMessage;\n accountId?: string;\n}\n\n/**\n * Initial state for the agent response component\n */\nexport const initialAgentResponseState: AgentResponseState = {\n status: \"idle\",\n thinking: \"\",\n toolCalls: [],\n knowledge: [],\n memory: [],\n statusUpdates: [],\n response: \"\",\n thinkingStartTime: null,\n responseCompleteTime: null,\n firstMessageTime: null,\n};\n","/**\n * useAgentResponseAccumulator Hook\n *\n * Accumulates agent response messages into a unified state\n */\n\nimport { useState, useCallback } from \"react\";\nimport {\n initialAgentResponseState,\n type AgentResponseState,\n type AgentMessage,\n type GenericWebSocketMessage,\n type ToolCall,\n type KnowledgeItem,\n type MemoryItem,\n type StatusItem,\n type ThinkingStep,\n} from \"../types\";\n\nexport interface UseAgentResponseAccumulatorOptions {\n /** WebSocket topic to filter messages (optional, for convenience) */\n topic?: string;\n}\n\nexport interface UseAgentResponseAccumulatorReturn {\n /** Current accumulated state */\n state: AgentResponseState;\n\n /** Handler to process incoming messages */\n handleMessage: (message: unknown) => void;\n\n /** Reset state to initial */\n reset: () => void;\n}\n\n/**\n * Hook for accumulating agent response messages into a unified state\n *\n * @example\n * const { state, handleMessage, reset } = useAgentResponseAccumulator({ topic: \"agent\" });\n *\n * // In your WebSocket handler:\n * websocket.onmessage = (event) => {\n * handleMessage(JSON.parse(event.data));\n * };\n */\nexport function useAgentResponseAccumulator(\n options?: UseAgentResponseAccumulatorOptions\n): UseAgentResponseAccumulatorReturn {\n const [state, setState] = useState<AgentResponseState>(initialAgentResponseState);\n const topic = options?.topic;\n\n const handleMessage = useCallback(\n (message: unknown) => {\n // If topic filter is provided, check for matching topic\n let payload: AgentMessage;\n\n if (topic) {\n const msg = message as GenericWebSocketMessage;\n if (msg.topic !== topic) return;\n payload = msg.message;\n } else {\n // Assume message is the payload directly\n payload = message as AgentMessage;\n }\n\n setState((prev) => {\n // If we receive a non-status message while idle, transition to processing\n let newStatus = prev.status;\n const isFirstMessage = prev.status === \"idle\" && payload.type !== \"status\";\n if (isFirstMessage) {\n newStatus = \"processing\";\n }\n\n // Track first message time for total time calculation\n const firstMessageTime =\n prev.firstMessageTime ?? (isFirstMessage ? Date.now() : null);\n\n switch (payload.type) {\n case \"status\":\n // \"Harness connected\" resets to idle\n if (\n payload.message === \"Harness connected\" ||\n payload.status === \"Harness connected\"\n ) {\n return { ...initialAgentResponseState };\n }\n return { ...prev, status: newStatus };\n\n case \"thinking\": {\n // Check if this is a structured thinking step\n if (payload.thinkingStep) {\n const newStep: ThinkingStep = {\n id: payload.thinkingStep.id || `step-${Date.now()}`,\n label: payload.thinkingStep.label,\n content: payload.thinkingStep.content,\n depth: payload.thinkingStep.depth ?? 0,\n isCollapsed: payload.thinkingStep.isCollapsed,\n };\n const thinkingStartTime = prev.thinkingStartTime ?? Date.now();\n return {\n ...prev,\n status: newStatus,\n thinkingSteps: [...(prev.thinkingSteps || []), newStep],\n thinkingStartTime,\n firstMessageTime,\n };\n }\n\n // Plain text thinking (existing behavior)\n const newThinking = payload.message || payload.content || \"\";\n // Add line break between thinking messages\n const separator = prev.thinking && newThinking ? \"\\n\\n\" : \"\";\n // Set thinkingStartTime on first thinking message\n const thinkingStartTime =\n prev.thinkingStartTime ?? (newThinking ? Date.now() : null);\n return {\n ...prev,\n status: newStatus,\n thinking: prev.thinking + separator + newThinking,\n thinkingStartTime,\n firstMessageTime,\n };\n }\n\n case \"tool_call\": {\n // Handle both formats: { message: \"ToolName\" } or { tool: { id, name, arguments } }\n const toolName = payload.message || payload.tool?.name;\n if (toolName) {\n const newToolCall: ToolCall = {\n id: payload.tool?.id || `tool-${Date.now()}`,\n name: toolName,\n arguments: payload.tool?.arguments,\n timestamp: Date.now(),\n };\n return {\n ...prev,\n status: newStatus,\n toolCalls: [...prev.toolCalls, newToolCall],\n firstMessageTime,\n };\n }\n return { ...prev, status: newStatus, firstMessageTime };\n }\n\n case \"knowledge\": {\n // Handle both formats: { message: \"content\" } or { knowledge: { id, source, content } }\n const knowledgeContent = payload.message || payload.knowledge?.content;\n if (knowledgeContent) {\n const newKnowledge: KnowledgeItem = {\n id: payload.knowledge?.id || `knowledge-${Date.now()}`,\n source: payload.knowledge?.source || \"unknown\",\n content: knowledgeContent,\n timestamp: Date.now(),\n };\n return {\n ...prev,\n status: newStatus,\n knowledge: [...prev.knowledge, newKnowledge],\n firstMessageTime,\n };\n }\n return { ...prev, status: newStatus, firstMessageTime };\n }\n\n case \"memory\": {\n // Handle both formats: { message: \"content\" } or { memory: { id, type, content } }\n const memoryContent = payload.message || payload.memory?.content;\n if (memoryContent) {\n const newMemory: MemoryItem = {\n id: payload.memory?.id || `memory-${Date.now()}`,\n type: payload.memory?.type || \"unknown\",\n content: memoryContent,\n timestamp: Date.now(),\n };\n return {\n ...prev,\n status: newStatus,\n memory: [...prev.memory, newMemory],\n firstMessageTime,\n };\n }\n return { ...prev, status: newStatus, firstMessageTime };\n }\n\n case \"response\":\n return {\n ...prev,\n status: \"complete\",\n response: payload.message || payload.content || \"\",\n responseCompleteTime: Date.now(),\n firstMessageTime: prev.firstMessageTime ?? Date.now(),\n };\n\n case \"status_update\": {\n const statusMessage = payload.message || payload.statusUpdate?.message;\n if (statusMessage) {\n const newStatusItem: StatusItem = {\n id: payload.statusUpdate?.id || `status-${Date.now()}`,\n message: statusMessage,\n agent: payload.statusUpdate?.agent,\n timestamp: Date.now(),\n };\n return {\n ...prev,\n status: newStatus,\n statusUpdates: [...prev.statusUpdates, newStatusItem],\n firstMessageTime,\n };\n }\n return { ...prev, status: newStatus, firstMessageTime };\n }\n\n default:\n return { ...prev, status: newStatus, firstMessageTime };\n }\n });\n },\n [topic]\n );\n\n const reset = useCallback(() => {\n setState(initialAgentResponseState);\n }, []);\n\n return { state, handleMessage, reset };\n}\n","/**\n * AgentResponse Component\n *\n * A library-ready presentational component for displaying AI agent responses.\n * Displays thinking, tool calls, knowledge retrieval, memory access, and final response.\n */\n\nimport * as React from \"react\";\nimport { useState, useMemo, useCallback } from \"react\";\nimport { cn } from \"@optilogic/core\";\nimport { MetadataRow, ThinkingSection, ActionBar, HITLSection } from \"./components\";\nimport { useThinkingTimer } from \"./hooks\";\nimport type { AgentResponseState, FeedbackValue } from \"./types\";\nimport type { HITLInteraction } from \"../hitl-interactions\";\n\nexport interface AgentResponseProps extends React.HTMLAttributes<HTMLDivElement> {\n /** The response state to render */\n state: AgentResponseState;\n\n /** Optional unique ID (for list keys) */\n id?: string;\n\n /** Optional timestamp to display */\n timestamp?: Date;\n\n /** Feedback state (controlled) */\n feedback?: FeedbackValue;\n onFeedbackChange?: (feedback: FeedbackValue) => void;\n\n /** Callback when the response is copied via the action bar */\n onResponseCopy?: (response: string) => void;\n\n /** Thinking section expansion (controlled or uncontrolled) */\n defaultThinkingExpanded?: boolean;\n thinkingExpanded?: boolean;\n onThinkingExpandedChange?: (expanded: boolean) => void;\n\n /** Action bar visibility mode */\n actionsVisible?: boolean | \"hover\";\n\n /**\n * Optional HITL (Human-in-the-Loop) interactions to display as a\n * collapsible section within the response. When provided, a \"Clarifying\n * Questions\" section appears between the thinking/metadata area and\n * the response content.\n */\n hitlInteractions?: HITLInteraction[];\n\n /** Whether the HITL section starts expanded (default: false) */\n defaultHITLExpanded?: boolean;\n\n /**\n * Optional content to display in the MetadataRow's middle area,\n * between the thinking toggle (left) and activity indicators (right).\n * Typically used for ephemeral status messages during processing.\n * The parent is responsible for setting and clearing this content.\n *\n * @example\n * <AgentResponse\n * state={state}\n * statusContent={\n * state.status !== 'complete'\n * ? <TruncatedMessage message=\"Analyzing data...\" />\n * : undefined\n * }\n * />\n */\n statusContent?: React.ReactNode;\n\n /**\n * Custom markdown renderer for the response content.\n * If not provided, the response will be rendered as plain text.\n *\n * @example\n * <AgentResponse\n * state={state}\n * renderMarkdown={(content) => <MyMarkdownRenderer content={content} />}\n * />\n */\n renderMarkdown?: (content: string) => React.ReactNode;\n\n /**\n * Custom markdown renderer for the thinking content.\n * If not provided, the thinking will be rendered as plain preformatted text.\n *\n * @example\n * <AgentResponse\n * state={state}\n * renderThinkingMarkdown={(content) => <MyMarkdownRenderer content={content} />}\n * />\n */\n renderThinkingMarkdown?: (content: string) => React.ReactNode;\n}\n\n/**\n * AgentResponse Component\n *\n * A complete component for displaying AI agent responses including:\n * - Thinking/reasoning content (collapsible)\n * - Tool calls, knowledge retrieval, and memory access indicators\n * - Final response with optional markdown rendering\n * - Action bar with copy and feedback buttons\n *\n * @example\n * // Basic usage with useAgentResponseAccumulator hook\n * const { state, handleMessage } = useAgentResponseAccumulator();\n *\n * <AgentResponse state={state} />\n *\n * @example\n * // With markdown rendering and feedback\n * <AgentResponse\n * state={state}\n * renderMarkdown={(content) => <ReactMarkdown>{content}</ReactMarkdown>}\n * feedback={feedback}\n * onFeedbackChange={setFeedback}\n * />\n *\n * @example\n * // Controlled thinking expansion\n * <AgentResponse\n * state={state}\n * thinkingExpanded={isExpanded}\n * onThinkingExpandedChange={setIsExpanded}\n * />\n */\nconst AgentResponse = React.forwardRef<HTMLDivElement, AgentResponseProps>(\n (\n {\n state,\n id,\n timestamp,\n feedback,\n onFeedbackChange,\n onResponseCopy,\n defaultThinkingExpanded = false,\n thinkingExpanded: controlledThinkingExpanded,\n onThinkingExpandedChange,\n actionsVisible = \"hover\",\n hitlInteractions,\n defaultHITLExpanded = false,\n statusContent,\n renderMarkdown,\n renderThinkingMarkdown,\n className,\n ...props\n },\n ref\n ) => {\n // Uncontrolled thinking expanded state\n const [uncontrolledExpanded, setUncontrolledExpanded] = useState(defaultThinkingExpanded);\n\n // Determine if thinking is controlled\n const isThinkingControlled = controlledThinkingExpanded !== undefined;\n const thinkingExpanded = isThinkingControlled\n ? controlledThinkingExpanded\n : uncontrolledExpanded;\n\n // Toggle thinking handler\n const toggleThinking = useCallback(() => {\n const newValue = !thinkingExpanded;\n if (isThinkingControlled) {\n onThinkingExpandedChange?.(newValue);\n } else {\n setUncontrolledExpanded(newValue);\n }\n }, [thinkingExpanded, isThinkingControlled, onThinkingExpandedChange]);\n\n // Hover state for action bar visibility\n const [isHovered, setIsHovered] = useState(false);\n\n // Thinking timer\n const elapsedTime = useThinkingTimer({\n startTime: state.thinkingStartTime,\n endTime: state.responseCompleteTime,\n status: state.status,\n });\n\n // Calculate total time (from first message to response complete)\n const totalTimeSeconds = useMemo(() => {\n if (!state.firstMessageTime || !state.responseCompleteTime) return 0;\n return (state.responseCompleteTime - state.firstMessageTime) / 1000;\n }, [state.firstMessageTime, state.responseCompleteTime]);\n\n // Check if we have any thinking content (plain text or structured)\n const hasThinkingContent =\n !!state.thinking || (state.thinkingSteps && state.thinkingSteps.length > 0) || false;\n\n const hasHITLInteractions =\n hitlInteractions && hitlInteractions.length > 0;\n\n // Derived state: has any content been received?\n const hasAnyContent =\n hasThinkingContent ||\n state.toolCalls.length > 0 ||\n state.knowledge.length > 0 ||\n state.memory.length > 0 ||\n state.statusUpdates.length > 0 ||\n hasHITLInteractions ||\n state.response;\n\n // Derived state: should show metadata row?\n const showMetadataRow =\n hasThinkingContent ||\n state.toolCalls.length > 0 ||\n state.knowledge.length > 0 ||\n state.memory.length > 0 ||\n state.statusUpdates.length > 0 ||\n state.status === \"processing\";\n\n // Determine action bar visibility\n const showActionBar = state.status === \"complete\" && state.response;\n const isActionBarVisible =\n actionsVisible === true ||\n (actionsVisible === \"hover\" && isHovered);\n\n // If no content, render nothing\n if (!hasAnyContent) {\n return null;\n }\n\n return (\n <div\n ref={ref}\n className={className}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n {...props}\n >\n {/* Message Content Container */}\n <div className=\"border border-border rounded-lg overflow-hidden\">\n {/* Metadata Row - show if there's any metadata or thinking */}\n {showMetadataRow && (\n <>\n <MetadataRow\n hasThinking={hasThinkingContent}\n isExpanded={thinkingExpanded}\n onToggle={toggleThinking}\n toolCalls={state.toolCalls}\n knowledge={state.knowledge}\n memory={state.memory}\n statusUpdates={state.statusUpdates}\n statusContent={statusContent}\n status={state.status}\n elapsedTime={elapsedTime}\n />\n\n {/* Thinking Content - collapsible with max-height */}\n <ThinkingSection\n content={\n state.thinkingSteps && state.thinkingSteps.length > 0\n ? state.thinkingSteps\n : state.thinking\n }\n isExpanded={thinkingExpanded}\n renderMarkdown={renderThinkingMarkdown}\n />\n </>\n )}\n\n {/* HITL Interactions - collapsible section */}\n {hasHITLInteractions && (\n <HITLSection\n interactions={hitlInteractions}\n defaultExpanded={defaultHITLExpanded}\n />\n )}\n\n {/* Response Section */}\n {state.response && (\n <div\n className={cn(\n \"bg-muted/50 p-4\",\n showMetadataRow && \"border-t border-border\"\n )}\n >\n {renderMarkdown ? (\n renderMarkdown(state.response)\n ) : (\n <span className=\"whitespace-pre-wrap\">{state.response}</span>\n )}\n </div>\n )}\n </div>\n\n {/* Action Bar - outside the message container, visible on hover when complete */}\n {showActionBar && (\n <ActionBar\n response={state.response}\n isVisible={isActionBarVisible}\n totalTimeSeconds={totalTimeSeconds}\n feedback={feedback}\n onFeedbackChange={onFeedbackChange}\n onResponseCopy={onResponseCopy}\n />\n )}\n </div>\n );\n }\n);\nAgentResponse.displayName = \"AgentResponse\";\n\nexport { AgentResponse };\n","import * as React from \"react\";\nimport { cn } from \"@optilogic/core\";\n\nexport interface UserPromptProps extends React.HTMLAttributes<HTMLDivElement> {\n /** The text content of the user's message */\n content: string;\n /** Optional timestamp to display below the message */\n timestamp?: Date;\n}\n\n/**\n * UserPrompt component\n *\n * Displays a user's chat message in a styled bubble.\n * Used alongside AgentResponse to create chat interfaces.\n *\n * @example\n * ```tsx\n * <UserPrompt\n * content=\"What is the weather today?\"\n * timestamp={new Date()}\n * />\n * ```\n *\n * @example\n * ```tsx\n * // Custom styling\n * <UserPrompt\n * content=\"Hello world\"\n * className=\"max-w-full\"\n * />\n * ```\n */\nexport const UserPrompt = React.forwardRef<HTMLDivElement, UserPromptProps>(\n ({ content, timestamp, className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n className={cn(\n \"w-fit max-w-[80%] rounded-lg px-4 pt-3.5 pb-3\",\n \"bg-secondary text-secondary-foreground\",\n className\n )}\n {...props}\n >\n <p className=\"whitespace-pre-wrap\">{content}</p>\n {timestamp && (\n <p className=\"text-xs text-secondary-foreground/70 mt-1\">\n {timestamp.toLocaleTimeString([], {\n hour: \"2-digit\",\n minute: \"2-digit\",\n })}\n </p>\n )}\n </div>\n );\n }\n);\n\nUserPrompt.displayName = \"UserPrompt\";\n","import * as React from \"react\";\nimport { Send, Loader2, Square } from \"lucide-react\";\nimport { cn, IconButton } from \"@optilogic/core\";\nimport {\n SlateEditor,\n Text,\n type SlateEditorRef,\n type NodeEntry,\n type DecoratedRange,\n type RenderLeafProps,\n} from \"@optilogic/editor\";\nimport type { UserPromptInputProps, UserPromptInputRef } from \"./types\";\n\n/**\n * Creates a decorate function that highlights code blocks.\n * Handles both complete (```...```) and unclosed (```...) code blocks.\n */\nfunction createCodeBlockDecorate(entry: NodeEntry): DecoratedRange[] {\n const [node, path] = entry;\n const ranges: DecoratedRange[] = [];\n\n if (!Text.isText(node)) {\n return ranges;\n }\n\n const { text } = node;\n\n // Find all ``` positions\n const backtickPositions: number[] = [];\n let searchStart = 0;\n while (true) {\n const pos = text.indexOf(\"```\", searchStart);\n if (pos === -1) break;\n backtickPositions.push(pos);\n searchStart = pos + 3;\n }\n\n // Process pairs of backticks (and handle unclosed blocks)\n let i = 0;\n while (i < backtickPositions.length) {\n const openPos = backtickPositions[i];\n const closePos = backtickPositions[i + 1];\n\n // Mark opening delimiter\n ranges.push({\n anchor: { path, offset: openPos },\n focus: { path, offset: openPos + 3 },\n codeDelimiter: true,\n } as DecoratedRange);\n\n if (closePos !== undefined) {\n // Complete code block - mark content and closing delimiter\n if (closePos > openPos + 3) {\n ranges.push({\n anchor: { path, offset: openPos + 3 },\n focus: { path, offset: closePos },\n codeBlock: true,\n } as DecoratedRange);\n }\n ranges.push({\n anchor: { path, offset: closePos },\n focus: { path, offset: closePos + 3 },\n codeDelimiter: true,\n } as DecoratedRange);\n i += 2; // Move past both opening and closing\n } else {\n // Unclosed code block - mark everything to end as code\n if (text.length > openPos + 3) {\n ranges.push({\n anchor: { path, offset: openPos + 3 },\n focus: { path, offset: text.length },\n codeBlock: true,\n } as DecoratedRange);\n }\n i += 1; // Move past opening only\n }\n }\n\n return ranges;\n}\n\n/**\n * Custom leaf renderer for code block styling\n */\nfunction CodeBlockLeaf({ attributes, children, leaf }: RenderLeafProps) {\n const leafAny = leaf as { codeBlock?: boolean; codeDelimiter?: boolean };\n\n if (leafAny.codeBlock) {\n return (\n <span\n {...attributes}\n className=\"bg-muted/50 text-muted-foreground font-mono text-sm rounded px-1\"\n >\n {children}\n </span>\n );\n }\n\n if (leafAny.codeDelimiter) {\n return (\n <span\n {...attributes}\n className=\"text-muted-foreground/50 font-mono text-sm\"\n >\n {children}\n </span>\n );\n }\n\n return <span {...attributes}>{children}</span>;\n}\n\n/**\n * UserPromptInput Component\n *\n * A rich text input for user messages that wraps SlateEditor.\n * Features:\n * - Code block styling with triple backticks\n * - Send button with loading state\n * - Action slot for additional buttons\n * - Tag support (optional)\n *\n * @example\n * <UserPromptInput\n * placeholder=\"Type your message...\"\n * onSubmit={(text) => sendMessage(text)}\n * renderActions={() => (\n * <IconButton icon={<Paperclip />} aria-label=\"Attach file\" />\n * )}\n * />\n */\nexport const UserPromptInput = React.forwardRef<\n UserPromptInputRef,\n UserPromptInputProps\n>(\n (\n {\n value = \"\",\n onChange,\n onSubmit,\n clearOnSubmit = true,\n placeholder = \"Type your message...\",\n disabled = false,\n isSubmitting = false,\n onStop,\n disableWhileSubmitting = true,\n autoFocus = false,\n refocusAfterSubmit = false,\n onReady,\n minRows = 1,\n maxRows = 6,\n renderActions,\n enableTags = false,\n onTagCreate,\n onTagDelete,\n className,\n ...props\n },\n ref\n ) => {\n const editorRef = React.useRef<SlateEditorRef>(null);\n const [internalValue, setInternalValue] = React.useState(value);\n const prevIsSubmitting = React.useRef(isSubmitting);\n const hasEmittedReady = React.useRef(false);\n\n // Sync internal value with prop\n React.useEffect(() => {\n setInternalValue(value);\n }, [value]);\n\n // Handle autoFocus - use double RAF to ensure Slate is fully initialized\n React.useEffect(() => {\n if (autoFocus) {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n editorRef.current?.focus();\n });\n });\n }\n }, [autoFocus]);\n\n // Emit onReady callback when editor is initialized\n React.useEffect(() => {\n if (!hasEmittedReady.current && onReady) {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n hasEmittedReady.current = true;\n onReady();\n });\n });\n }\n }, [onReady]);\n\n // Refocus after submit completes\n React.useEffect(() => {\n if (refocusAfterSubmit && prevIsSubmitting.current && !isSubmitting) {\n requestAnimationFrame(() => {\n editorRef.current?.focus();\n });\n }\n prevIsSubmitting.current = isSubmitting;\n }, [isSubmitting, refocusAfterSubmit]);\n\n // Expose ref methods\n React.useImperativeHandle(\n ref,\n () => ({\n focus: () => {\n try {\n editorRef.current?.focus();\n } catch {\n // Retry after Slate initializes (handles early calls)\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n editorRef.current?.focus();\n });\n });\n }\n },\n clear: () => {\n editorRef.current?.clear();\n setInternalValue(\"\");\n },\n getText: () => editorRef.current?.getText() ?? \"\",\n insertText: (text: string) => editorRef.current?.insertText(text),\n }),\n []\n );\n\n const handleChange = React.useCallback(\n (newValue: string) => {\n setInternalValue(newValue);\n onChange?.(newValue);\n },\n [onChange]\n );\n\n const handleSubmit = React.useCallback(\n (text: string) => {\n if (disabled || isSubmitting) return;\n if (!text.trim()) return;\n\n onSubmit?.(text.trim());\n\n if (clearOnSubmit) {\n editorRef.current?.clear();\n setInternalValue(\"\");\n }\n },\n [disabled, isSubmitting, onSubmit, clearOnSubmit]\n );\n\n const handleSendClick = React.useCallback(() => {\n const text = editorRef.current?.getText() ?? \"\";\n handleSubmit(text);\n }, [handleSubmit]);\n\n const hasContent = internalValue.trim().length > 0;\n const canSubmit = hasContent && !disabled && !isSubmitting;\n\n return (\n <div\n className={cn(\n \"rounded-lg border border-input bg-background\",\n disabled && \"opacity-50 cursor-not-allowed\",\n className\n )}\n {...props}\n >\n {/* Editor area */}\n <div className=\"pl-2 pr-0 pt-1 pb-1\">\n <SlateEditor\n ref={editorRef}\n value={internalValue}\n onChange={handleChange}\n onSubmit={handleSubmit}\n clearOnSubmit={false}\n placeholder={placeholder}\n disabled={disabled || (disableWhileSubmitting && isSubmitting)}\n enableTags={enableTags}\n onTagCreate={onTagCreate}\n onTagDelete={onTagDelete}\n minRows={minRows}\n maxRows={maxRows}\n decorate={createCodeBlockDecorate}\n renderLeaf={CodeBlockLeaf}\n />\n </div>\n\n {/* Actions row */}\n <div className=\"flex items-center justify-between pl-2 pr-1 pb-1 pt-1\">\n {/* Left actions slot */}\n <div className=\"flex items-center gap-1\">{renderActions?.()}</div>\n\n {/* Send/Stop button */}\n {isSubmitting && onStop ? (\n <IconButton\n icon={<Square />}\n variant=\"filled\"\n size=\"sm\"\n aria-label=\"Stop\"\n onClick={onStop}\n />\n ) : (\n <IconButton\n icon={\n isSubmitting ? (\n <Loader2 className=\"animate-spin\" />\n ) : (\n <Send />\n )\n }\n variant=\"filled\"\n size=\"sm\"\n aria-label={isSubmitting ? \"Sending...\" : \"Send message\"}\n disabled={!canSubmit}\n onClick={handleSendClick}\n />\n )}\n </div>\n </div>\n );\n }\n);\n\nUserPromptInput.displayName = \"UserPromptInput\";\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@optilogic/chat",
3
- "version": "1.0.0-beta.1",
3
+ "version": "1.0.0-beta.10",
4
4
  "description": "Chat UI components for Optilogic - AgentResponse and related components for LLM interactions",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -24,19 +24,25 @@
24
24
  "README.md"
25
25
  ],
26
26
  "dependencies": {
27
- "@optilogic/core": "1.0.0-beta.1"
27
+ "@optilogic/core": "1.0.0-beta.10",
28
+ "@optilogic/editor": "1.0.0-beta.10"
28
29
  },
29
30
  "peerDependencies": {
30
- "lucide-react": "^0.400.0",
31
31
  "react": "^18.0.0 || ^19.0.0",
32
- "react-dom": "^18.0.0 || ^19.0.0"
32
+ "react-dom": "^18.0.0 || ^19.0.0",
33
+ "slate": ">=0.100.0",
34
+ "slate-history": ">=0.100.0",
35
+ "slate-react": ">=0.100.0"
33
36
  },
34
37
  "devDependencies": {
35
- "@types/react": "^18.3.0",
36
- "@types/react-dom": "^18.3.0",
37
- "lucide-react": "^0.468.0",
38
- "react": "^18.3.1",
39
- "react-dom": "^18.3.1",
38
+ "@types/react": "^19.0.0",
39
+ "@types/react-dom": "^19.0.0",
40
+ "lucide-react": "^0.563.0",
41
+ "react": "^19.0.0",
42
+ "react-dom": "^19.0.0",
43
+ "slate": "^0.123.0",
44
+ "slate-history": "^0.113.1",
45
+ "slate-react": "^0.123.0",
40
46
  "tsup": "^8.3.5",
41
47
  "typescript": "^5.7.2"
42
48
  },
package/src/components/agent-response/AgentResponse.tsx CHANGED
@@ -8,9 +8,10 @@
8
8
  import * as React from "react";
9
9
  import { useState, useMemo, useCallback } from "react";
10
10
  import { cn } from "@optilogic/core";
11
- import { MetadataRow, ThinkingSection, ActionBar } from "./components";
11
+ import { MetadataRow, ThinkingSection, ActionBar, HITLSection } from "./components";
12
12
  import { useThinkingTimer } from "./hooks";
13
13
  import type { AgentResponseState, FeedbackValue } from "./types";
14
+ import type { HITLInteraction } from "../hitl-interactions";
14
15
 
15
16
  export interface AgentResponseProps extends React.HTMLAttributes<HTMLDivElement> {
16
17
  /** The response state to render */
@@ -37,6 +38,35 @@ export interface AgentResponseProps extends React.HTMLAttributes<HTMLDivElement>
37
38
  /** Action bar visibility mode */
38
39
  actionsVisible?: boolean | "hover";
39
40
 
41
+ /**
42
+ * Optional HITL (Human-in-the-Loop) interactions to display as a
43
+ * collapsible section within the response. When provided, a "Clarifying
44
+ * Questions" section appears between the thinking/metadata area and
45
+ * the response content.
46
+ */
47
+ hitlInteractions?: HITLInteraction[];
48
+
49
+ /** Whether the HITL section starts expanded (default: false) */
50
+ defaultHITLExpanded?: boolean;
51
+
52
+ /**
53
+ * Optional content to display in the MetadataRow's middle area,
54
+ * between the thinking toggle (left) and activity indicators (right).
55
+ * Typically used for ephemeral status messages during processing.
56
+ * The parent is responsible for setting and clearing this content.
57
+ *
58
+ * @example
59
+ * <AgentResponse
60
+ * state={state}
61
+ * statusContent={
62
+ * state.status !== 'complete'
63
+ * ? <TruncatedMessage message="Analyzing data..." />
64
+ * : undefined
65
+ * }
66
+ * />
67
+ */
68
+ statusContent?: React.ReactNode;
69
+
40
70
  /**
41
71
  * Custom markdown renderer for the response content.
42
72
  * If not provided, the response will be rendered as plain text.
@@ -48,6 +78,18 @@ export interface AgentResponseProps extends React.HTMLAttributes<HTMLDivElement>
48
78
  * />
49
79
  */
50
80
  renderMarkdown?: (content: string) => React.ReactNode;
81
+
82
+ /**
83
+ * Custom markdown renderer for the thinking content.
84
+ * If not provided, the thinking will be rendered as plain preformatted text.
85
+ *
86
+ * @example
87
+ * <AgentResponse
88
+ * state={state}
89
+ * renderThinkingMarkdown={(content) => <MyMarkdownRenderer content={content} />}
90
+ * />
91
+ */
92
+ renderThinkingMarkdown?: (content: string) => React.ReactNode;
51
93
  }
52
94
 
53
95
  /**
@@ -95,7 +137,11 @@ const AgentResponse = React.forwardRef<HTMLDivElement, AgentResponseProps>(
95
137
  thinkingExpanded: controlledThinkingExpanded,
96
138
  onThinkingExpandedChange,
97
139
  actionsVisible = "hover",
140
+ hitlInteractions,
141
+ defaultHITLExpanded = false,
142
+ statusContent,
98
143
  renderMarkdown,
144
+ renderThinkingMarkdown,
99
145
  className,
100
146
  ...props
101
147
  },
@@ -136,20 +182,30 @@ const AgentResponse = React.forwardRef<HTMLDivElement, AgentResponseProps>(
136
182
  return (state.responseCompleteTime - state.firstMessageTime) / 1000;
137
183
  }, [state.firstMessageTime, state.responseCompleteTime]);
138
184
 
185
+ // Check if we have any thinking content (plain text or structured)
186
+ const hasThinkingContent =
187
+ !!state.thinking || (state.thinkingSteps && state.thinkingSteps.length > 0) || false;
188
+
189
+ const hasHITLInteractions =
190
+ hitlInteractions && hitlInteractions.length > 0;
191
+
139
192
  // Derived state: has any content been received?
140
193
  const hasAnyContent =
141
- state.thinking ||
194
+ hasThinkingContent ||
142
195
  state.toolCalls.length > 0 ||
143
196
  state.knowledge.length > 0 ||
144
197
  state.memory.length > 0 ||
198
+ state.statusUpdates.length > 0 ||
199
+ hasHITLInteractions ||
145
200
  state.response;
146
201
 
147
202
  // Derived state: should show metadata row?
148
203
  const showMetadataRow =
149
- state.thinking ||
204
+ hasThinkingContent ||
150
205
  state.toolCalls.length > 0 ||
151
206
  state.knowledge.length > 0 ||
152
207
  state.memory.length > 0 ||
208
+ state.statusUpdates.length > 0 ||
153
209
  state.status === "processing";
154
210
 
155
211
  // Determine action bar visibility
@@ -177,24 +233,39 @@ const AgentResponse = React.forwardRef<HTMLDivElement, AgentResponseProps>(
177
233
  {showMetadataRow && (
178
234
  <>
179
235
  <MetadataRow
180
- hasThinking={!!state.thinking}
236
+ hasThinking={hasThinkingContent}
181
237
  isExpanded={thinkingExpanded}
182
238
  onToggle={toggleThinking}
183
239
  toolCalls={state.toolCalls}
184
240
  knowledge={state.knowledge}
185
241
  memory={state.memory}
242
+ statusUpdates={state.statusUpdates}
243
+ statusContent={statusContent}
186
244
  status={state.status}
187
245
  elapsedTime={elapsedTime}
188
246
  />
189
247
 
190
248
  {/* Thinking Content - collapsible with max-height */}
191
249
  <ThinkingSection
192
- content={state.thinking}
250
+ content={
251
+ state.thinkingSteps && state.thinkingSteps.length > 0
252
+ ? state.thinkingSteps
253
+ : state.thinking
254
+ }
193
255
  isExpanded={thinkingExpanded}
256
+ renderMarkdown={renderThinkingMarkdown}
194
257
  />
195
258
  </>
196
259
  )}
197
260
 
261
+ {/* HITL Interactions - collapsible section */}
262
+ {hasHITLInteractions && (
263
+ <HITLSection
264
+ interactions={hitlInteractions}
265
+ defaultExpanded={defaultHITLExpanded}
266
+ />
267
+ )}
268
+
198
269
  {/* Response Section */}
199
270
  {state.response && (
200
271
  <div