@devicai/ui 0.10.3 → 0.11.0

package/dist/cjs/components/ChatDrawer/ConversationSelector.js

@@ -5,6 +5,7 @@ var React = require('react');
 var DevicContext = require('../../provider/DevicContext.js');
 var client = require('../../api/client.js');
 
+const PAGE_SIZE = 10;
 function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId: propsTenantId, }) {
     const context = DevicContext.useOptionalDevicContext();
     const apiKey = propsApiKey || context?.apiKey;
@@ -14,7 +15,10 @@ function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat
     const [conversations, setConversations] = React.useState([]);
     const [search, setSearch] = React.useState('');
     const [loading, setLoading] = React.useState(false);
+    const [loadingMore, setLoadingMore] = React.useState(false);
+    const [hasMore, setHasMore] = React.useState(true);
     const dropdownRef = React.useRef(null);
+    const listRef = React.useRef(null);
     const clientRef = React.useRef(null);
     if (!clientRef.current && apiKey) {
         clientRef.current = new client.DevicApiClient({ apiKey, baseUrl });
@@ -28,26 +32,48 @@ function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat
             clientRef.current = new client.DevicApiClient({ apiKey, baseUrl });
         }
     }, [apiKey, baseUrl]);
-    const fetchConversations = React.useCallback(async () => {
+    const fetchConversations = React.useCallback(async (offset = 0, append = false) => {
         if (!clientRef.current)
             return;
-        setLoading(true);
+        if (offset === 0) {
+            setLoading(true);
+        }
+        else {
+            setLoadingMore(true);
+        }
         try {
-            const list = await clientRef.current.listConversations(assistantId, { tenantId });
-            setConversations(list);
+            const response = await clientRef.current.listConversations(assistantId, {
+                tenantId,
+                offset,
+                limit: PAGE_SIZE,
+            });
+            setConversations((prev) => append ? [...prev, ...response.histories] : response.histories);
+            setHasMore(offset + response.histories.length < response.total);
         }
         catch {
             // silently fail
         }
         finally {
             setLoading(false);
+            setLoadingMore(false);
         }
     }, [assistantId, tenantId]);
     React.useEffect(() => {
         if (isOpen) {
-            fetchConversations();
+            fetchConversations(0);
         }
     }, [isOpen, fetchConversations]);
+    // Fetch conversations when currentChatUid changes so the selector label is correct
+    React.useEffect(() => {
+        if (currentChatUid && conversations.length === 0) {
+            fetchConversations(0);
+        }
+    }, [currentChatUid, conversations.length, fetchConversations]);
+    const handleLoadMore = React.useCallback(() => {
+        if (!loadingMore && hasMore) {
+            fetchConversations(conversations.length, true);
+        }
+    }, [loadingMore, hasMore, conversations.length, fetchConversations]);
     // Close on outside click
     React.useEffect(() => {
         if (!isOpen)
@@ -65,11 +91,11 @@ function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat
         ? currentConv.name || formatDate(currentConv.creationTimestampMs)
         : 'New chat';
     const filtered = conversations.filter((c) => !search || (c.name || '').toLowerCase().includes(search.toLowerCase()));
-    return (jsxRuntime.jsxs("div", { className: "devic-conversation-selector", ref: dropdownRef, children: [jsxRuntime.jsxs("button", { className: "devic-conversation-selector-trigger", onClick: () => setIsOpen(!isOpen), type: "button", children: [jsxRuntime.jsx("span", { className: "devic-conversation-selector-label", children: currentName }), jsxRuntime.jsx(ChevronIcon, { open: isOpen })] }), isOpen && (jsxRuntime.jsxs("div", { className: "devic-conversation-dropdown", children: [jsxRuntime.jsx("div", { className: "devic-conversation-search-wrapper", children: jsxRuntime.jsx("input", { className: "devic-conversation-search", type: "text", placeholder: "Search conversations...", value: search, onChange: (e) => setSearch(e.target.value), autoFocus: true }) }), jsxRuntime.jsxs("div", { className: "devic-conversation-list", children: [loading && (jsxRuntime.jsx("div", { className: "devic-conversation-loading", children: "Loading..." })), !loading && filtered.length === 0 && (jsxRuntime.jsx("div", { className: "devic-conversation-empty", children: "No conversations" })), !loading &&
+    return (jsxRuntime.jsxs("div", { className: "devic-conversation-selector", ref: dropdownRef, children: [jsxRuntime.jsxs("button", { className: "devic-conversation-selector-trigger", onClick: () => setIsOpen(!isOpen), type: "button", children: [jsxRuntime.jsx("span", { className: "devic-conversation-selector-label", children: currentName }), jsxRuntime.jsx(ChevronIcon, { open: isOpen })] }), isOpen && (jsxRuntime.jsxs("div", { className: "devic-conversation-dropdown", children: [jsxRuntime.jsx("div", { className: "devic-conversation-search-wrapper", children: jsxRuntime.jsx("input", { className: "devic-conversation-search", type: "text", placeholder: "Search conversations...", value: search, onChange: (e) => setSearch(e.target.value), autoFocus: true }) }), jsxRuntime.jsxs("div", { className: "devic-conversation-list", ref: listRef, children: [loading && (jsxRuntime.jsx("div", { className: "devic-conversation-loading", children: "Loading..." })), !loading && filtered.length === 0 && (jsxRuntime.jsx("div", { className: "devic-conversation-empty", children: "No conversations" })), !loading &&
                                 filtered.map((conv) => (jsxRuntime.jsxs("button", { className: "devic-conversation-item", "data-active": conv.chatUID === currentChatUid, type: "button", onClick: () => {
                                         onSelect(conv.chatUID);
                                         setIsOpen(false);
-                                    }, children: [conv.chatUID === currentChatUid && (jsxRuntime.jsx("span", { className: "devic-conversation-item-check", children: jsxRuntime.jsx(CheckIcon, {}) })), jsxRuntime.jsx("span", { className: "devic-conversation-item-name", children: conv.name || formatDate(conv.creationTimestampMs) }), jsxRuntime.jsx("span", { className: "devic-conversation-item-date", children: formatDate(conv.lastEditTimestampMs || conv.creationTimestampMs) })] }, conv.chatUID)))] }), jsxRuntime.jsx("button", { className: "devic-conversation-new", type: "button", onClick: () => {
+                                    }, children: [conv.chatUID === currentChatUid && (jsxRuntime.jsx("span", { className: "devic-conversation-item-check", children: jsxRuntime.jsx(CheckIcon, {}) })), jsxRuntime.jsx("span", { className: "devic-conversation-item-name", children: conv.name || formatDate(conv.creationTimestampMs) }), jsxRuntime.jsx("span", { className: "devic-conversation-item-date", children: formatDate(conv.lastEditTimestampMs || conv.creationTimestampMs) })] }, conv.chatUID))), loadingMore && (jsxRuntime.jsx("div", { className: "devic-conversation-loading", children: "Loading more..." })), !loadingMore && hasMore && !loading && (jsxRuntime.jsx("button", { className: "devic-conversation-load-more", type: "button", onClick: handleLoadMore, children: "Load more" }))] }), jsxRuntime.jsx("button", { className: "devic-conversation-new", type: "button", onClick: () => {
                             onNewChat();
                             setIsOpen(false);
                         }, children: "+ Start a new chat" })] }))] }));

package/dist/cjs/components/ChatDrawer/ConversationSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationSelector.js","sources":["../../../../../src/components/ChatDrawer/ConversationSelector.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport type { ConversationSummary } from '../../api/types';\nimport type { ConversationSelectorProps } from './ChatDrawer.types';\n\nexport function ConversationSelector({\n  assistantId,\n  currentChatUid,\n  onSelect,\n  onNewChat,\n  apiKey: propsApiKey,\n  baseUrl: propsBaseUrl,\n  tenantId: propsTenantId,\n}: ConversationSelectorProps): JSX.Element {\n  const context = useOptionalDevicContext();\n  const apiKey = propsApiKey || context?.apiKey;\n  const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const tenantId = propsTenantId || context?.tenantId;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [conversations, setConversations] = useState<ConversationSummary[]>([]);\n  const [search, setSearch] = useState('');\n  const [loading, setLoading] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const clientRef = useRef<DevicApiClient | null>(null);\n\n  if (!clientRef.current && apiKey) {\n    clientRef.current = new DevicApiClient({ apiKey, baseUrl });\n  }\n\n  // Update client config when props/context change\n  useEffect(() => {\n    if (clientRef.current && apiKey) {\n      clientRef.current.setConfig({ apiKey, baseUrl });\n    } else if (!clientRef.current && apiKey) {\n      clientRef.current = new DevicApiClient({ apiKey, baseUrl });\n    }\n  }, [apiKey, baseUrl]);\n\n  const fetchConversations = useCallback(async () => {\n    if (!clientRef.current) return;\n    setLoading(true);\n    try {\n      const list = await clientRef.current.listConversations(assistantId, { tenantId });\n      setConversations(list);\n    } catch {\n      // silently fail\n    } finally {\n      setLoading(false);\n    }\n  }, [assistantId, tenantId]);\n\n  useEffect(() => {\n    if (isOpen) {\n      fetchConversations();\n    }\n  }, [isOpen, fetchConversations]);\n\n  // Close on outside click\n  useEffect(() => {\n    if (!isOpen) return;\n    const handler = (e: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(e.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [isOpen]);\n\n  const currentConv = conversations.find((c) => c.chatUID === currentChatUid);\n  const currentName = currentConv\n    ? currentConv.name || formatDate(currentConv.creationTimestampMs)\n    : 'New chat';\n\n  const filtered = conversations.filter((c) =>\n    !search || (c.name || '').toLowerCase().includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"devic-conversation-selector\" ref={dropdownRef}>\n      <button\n        className=\"devic-conversation-selector-trigger\"\n        onClick={() => setIsOpen(!isOpen)}\n        type=\"button\"\n      >\n        <span className=\"devic-conversation-selector-label\">{currentName}</span>\n        <ChevronIcon open={isOpen} />\n      </button>\n\n      {isOpen && (\n        <div className=\"devic-conversation-dropdown\">\n          <div className=\"devic-conversation-search-wrapper\">\n            <input\n              className=\"devic-conversation-search\"\n              type=\"text\"\n              placeholder=\"Search conversations...\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              autoFocus\n            />\n          </div>\n\n          <div className=\"devic-conversation-list\">\n            {loading && (\n              <div className=\"devic-conversation-loading\">Loading...</div>\n            )}\n            {!loading && filtered.length === 0 && (\n              <div className=\"devic-conversation-empty\">No conversations</div>\n            )}\n            {!loading &&\n              filtered.map((conv) => (\n                <button\n                  key={conv.chatUID}\n                  className=\"devic-conversation-item\"\n                  data-active={conv.chatUID === currentChatUid}\n                  type=\"button\"\n                  onClick={() => {\n                    onSelect(conv.chatUID);\n                    setIsOpen(false);\n                  }}\n                >\n                  {conv.chatUID === currentChatUid && (\n                    <span className=\"devic-conversation-item-check\">\n                      <CheckIcon />\n                    </span>\n                  )}\n                  <span className=\"devic-conversation-item-name\">\n                    {conv.name || formatDate(conv.creationTimestampMs)}\n                  </span>\n                  <span className=\"devic-conversation-item-date\">\n                    {formatDate(conv.lastEditTimestampMs || conv.creationTimestampMs)}\n                  </span>\n                </button>\n              ))}\n          </div>\n\n          <button\n            className=\"devic-conversation-new\"\n            type=\"button\"\n            onClick={() => {\n              onNewChat();\n              setIsOpen(false);\n            }}\n          >\n            + Start a new chat\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ChevronIcon({ open }: { open: boolean }): JSX.Element {\n  return (\n    <svg\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      style={{ transform: open ? 'rotate(180deg)' : undefined, transition: '0.2s' }}\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"20,6 9,17 4,12\" />\n    </svg>\n  );\n}\n\nfunction formatDate(ms: number): string {\n  const d = new Date(ms);\n  const now = new Date();\n  if (d.toDateString() === now.toDateString()) {\n    return d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });\n  }\n  return d.toLocaleDateString(undefined, { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });\n}\n"],"names":["useOptionalDevicContext","useState","useRef","DevicApiClient","useEffect","useCallback","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ConversationSelector.js","sources":["../../../../../src/components/ChatDrawer/ConversationSelector.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport type { ConversationSummary } from '../../api/types';\nimport type { ConversationSelectorProps } from './ChatDrawer.types';\n\nconst PAGE_SIZE = 10;\n\nexport function ConversationSelector({\n  assistantId,\n  currentChatUid,\n  onSelect,\n  onNewChat,\n  apiKey: propsApiKey,\n  baseUrl: propsBaseUrl,\n  tenantId: propsTenantId,\n}: ConversationSelectorProps): JSX.Element {\n  const context = useOptionalDevicContext();\n  const apiKey = propsApiKey || context?.apiKey;\n  const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const tenantId = propsTenantId || context?.tenantId;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [conversations, setConversations] = useState<ConversationSummary[]>([]);\n  const [search, setSearch] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [loadingMore, setLoadingMore] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const clientRef = useRef<DevicApiClient | null>(null);\n\n  if (!clientRef.current && apiKey) {\n    clientRef.current = new DevicApiClient({ apiKey, baseUrl });\n  }\n\n  // Update client config when props/context change\n  useEffect(() => {\n    if (clientRef.current && apiKey) {\n      clientRef.current.setConfig({ apiKey, baseUrl });\n    } else if (!clientRef.current && apiKey) {\n      clientRef.current = new DevicApiClient({ apiKey, baseUrl });\n    }\n  }, [apiKey, baseUrl]);\n\n  const fetchConversations = useCallback(async (offset = 0, append = false) => {\n    if (!clientRef.current) return;\n    if (offset === 0) {\n      setLoading(true);\n    } else {\n      setLoadingMore(true);\n    }\n    try {\n      const response = await clientRef.current.listConversations(assistantId, {\n        tenantId,\n        offset,\n        limit: PAGE_SIZE,\n      });\n      setConversations((prev) => append ? [...prev, ...response.histories] : response.histories);\n      setHasMore(offset + response.histories.length < response.total);\n    } catch {\n      // silently fail\n    } finally {\n      setLoading(false);\n      setLoadingMore(false);\n    }\n  }, [assistantId, tenantId]);\n\n  useEffect(() => {\n    if (isOpen) {\n      fetchConversations(0);\n    }\n  }, [isOpen, fetchConversations]);\n\n  // Fetch conversations when currentChatUid changes so the selector label is correct\n  useEffect(() => {\n    if (currentChatUid && conversations.length === 0) {\n      fetchConversations(0);\n    }\n  }, [currentChatUid, conversations.length, fetchConversations]);\n\n  const handleLoadMore = useCallback(() => {\n    if (!loadingMore && hasMore) {\n      fetchConversations(conversations.length, true);\n    }\n  }, [loadingMore, hasMore, conversations.length, fetchConversations]);\n\n  // Close on outside click\n  useEffect(() => {\n    if (!isOpen) return;\n    const handler = (e: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(e.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [isOpen]);\n\n  const currentConv = conversations.find((c) => c.chatUID === currentChatUid);\n  const currentName = currentConv\n    ? currentConv.name || formatDate(currentConv.creationTimestampMs)\n    : 'New chat';\n\n  const filtered = conversations.filter((c) =>\n    !search || (c.name || '').toLowerCase().includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"devic-conversation-selector\" ref={dropdownRef}>\n      <button\n        className=\"devic-conversation-selector-trigger\"\n        onClick={() => setIsOpen(!isOpen)}\n        type=\"button\"\n      >\n        <span className=\"devic-conversation-selector-label\">{currentName}</span>\n        <ChevronIcon open={isOpen} />\n      </button>\n\n      {isOpen && (\n        <div className=\"devic-conversation-dropdown\">\n          <div className=\"devic-conversation-search-wrapper\">\n            <input\n              className=\"devic-conversation-search\"\n              type=\"text\"\n              placeholder=\"Search conversations...\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              autoFocus\n            />\n          </div>\n\n          <div\n            className=\"devic-conversation-list\"\n            ref={listRef}\n          >\n            {loading && (\n              <div className=\"devic-conversation-loading\">Loading...</div>\n            )}\n            {!loading && filtered.length === 0 && (\n              <div className=\"devic-conversation-empty\">No conversations</div>\n            )}\n            {!loading &&\n              filtered.map((conv) => (\n                <button\n                  key={conv.chatUID}\n                  className=\"devic-conversation-item\"\n                  data-active={conv.chatUID === currentChatUid}\n                  type=\"button\"\n                  onClick={() => {\n                    onSelect(conv.chatUID);\n                    setIsOpen(false);\n                  }}\n                >\n                  {conv.chatUID === currentChatUid && (\n                    <span className=\"devic-conversation-item-check\">\n                      <CheckIcon />\n                    </span>\n                  )}\n                  <span className=\"devic-conversation-item-name\">\n                    {conv.name || formatDate(conv.creationTimestampMs)}\n                  </span>\n                  <span className=\"devic-conversation-item-date\">\n                    {formatDate(conv.lastEditTimestampMs || conv.creationTimestampMs)}\n                  </span>\n                </button>\n              ))}\n            {loadingMore && (\n              <div className=\"devic-conversation-loading\">Loading more...</div>\n            )}\n            {!loadingMore && hasMore && !loading && (\n              <button\n                className=\"devic-conversation-load-more\"\n                type=\"button\"\n                onClick={handleLoadMore}\n              >\n                Load more\n              </button>\n            )}\n          </div>\n\n          <button\n            className=\"devic-conversation-new\"\n            type=\"button\"\n            onClick={() => {\n              onNewChat();\n              setIsOpen(false);\n            }}\n          >\n            + Start a new chat\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ChevronIcon({ open }: { open: boolean }): JSX.Element {\n  return (\n    <svg\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      style={{ transform: open ? 'rotate(180deg)' : undefined, transition: '0.2s' }}\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"20,6 9,17 4,12\" />\n    </svg>\n  );\n}\n\nfunction formatDate(ms: number): string {\n  const d = new Date(ms);\n  const now = new Date();\n  if (d.toDateString() === now.toDateString()) {\n    return d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });\n  }\n  return d.toLocaleDateString(undefined, { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });\n}\n"],"names":["useOptionalDevicContext","useState","useRef","DevicApiClient","useEffect","useCallback","_jsxs","_jsx"],"mappings":"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"}

package/dist/cjs/components/ThreadStateTag/ThreadStateTag.js

@@ -122,7 +122,7 @@ function StateIcon({ iconType }) {
 function Modal({ open, onClose, title, titleIcon, children, footer, }) {
     if (!open)
         return null;
-    return (jsxRuntime.jsx("div", { className: "devic-state-modal-overlay", onClick: onClose, children: jsxRuntime.jsxs("div", { className: "devic-state-modal", onClick: (e) => e.stopPropagation(), children: [jsxRuntime.jsxs("div", { className: "devic-state-modal-header", children: [jsxRuntime.jsxs("h3", { className: "devic-state-modal-title", children: [titleIcon, title] }), jsxRuntime.jsx("button", { className: "devic-state-modal-close", onClick: onClose, type: "button", children: jsxRuntime.jsx(CloseIcon, {}) })] }), jsxRuntime.jsx("div", { className: "devic-state-modal-body", children: children }), footer && (jsxRuntime.jsx("div", { className: "devic-state-modal-footer", children: footer }))] }) }));
+    return reactDom.createPortal(jsxRuntime.jsx("div", { className: "devic-state-modal-overlay", onClick: onClose, children: jsxRuntime.jsxs("div", { className: "devic-state-modal", onClick: (e) => e.stopPropagation(), children: [jsxRuntime.jsxs("div", { className: "devic-state-modal-header", children: [jsxRuntime.jsxs("h3", { className: "devic-state-modal-title", children: [titleIcon, title] }), jsxRuntime.jsx("button", { className: "devic-state-modal-close", onClick: onClose, type: "button", children: jsxRuntime.jsx(CloseIcon, {}) })] }), jsxRuntime.jsx("div", { className: "devic-state-modal-body", children: children }), footer && (jsxRuntime.jsx("div", { className: "devic-state-modal-footer", children: footer }))] }) }), document.body);
 }
 /* ── Explain Modal with typing effect ── */
 function ExplainModal({ open, onClose, explanation, isLoading, agentName, }) {

package/dist/cjs/components/ThreadStateTag/ThreadStateTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadStateTag.js","sources":["../../../../../src/components/ThreadStateTag/ThreadStateTag.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport { AgentThreadState } from '../../api/types';\nimport type { ThreadStateTagProps, StateConfig } from './ThreadStateTag.types';\nimport './ThreadStateTag.css';\n\n/* ── State configuration map ── */\n\nfunction getStateConfig(state: string, subthreadCount?: number): StateConfig {\n  const configs: Record<string, StateConfig> = {\n    [AgentThreadState.QUEUED]: {\n      color: 'gold', bgColor: '#fffbe6', borderColor: '#ffe58f',\n      text: 'Queued', iconType: null,\n    },\n    [AgentThreadState.PROCESSING]: {\n      color: 'processing', bgColor: '#e6f4ff', borderColor: '#91caff',\n      text: 'Processing', iconType: 'spinner',\n    },\n    [AgentThreadState.COMPLETED]: {\n      color: 'success', bgColor: '#f6ffed', borderColor: '#b7eb8f',\n      text: 'Completed', iconType: null,\n    },\n    [AgentThreadState.FAILED]: {\n      color: 'error', bgColor: '#fff2f0', borderColor: '#ffa39e',\n      text: 'Failed', iconType: null,\n    },\n    [AgentThreadState.TERMINATED]: {\n      color: 'default', bgColor: '#fafafa', borderColor: '#d9d9d9',\n      text: 'Terminated', iconType: null,\n    },\n    [AgentThreadState.GUARDRAIL_TRIGGER]: {\n      color: 'error', bgColor: '#fff2f0', borderColor: '#ffa39e',\n      text: 'Guardrail Triggered', iconType: 'shield',\n    },\n    [AgentThreadState.PAUSED]: {\n      color: 'purple', bgColor: '#f9f0ff', borderColor: '#d3adf7',\n      text: 'Paused', iconType: 'pause',\n    },\n    [AgentThreadState.PAUSED_FOR_APPROVAL]: {\n      color: 'gold', bgColor: '#fffbe6', borderColor: '#ffe58f',\n      text: 'Waiting for approval', iconType: 'warning',\n    },\n    [AgentThreadState.APPROVAL_REJECTED]: {\n      color: 'error', bgColor: '#fff2f0', borderColor: '#ffa39e',\n      text: 'Approval rejected', iconType: null,\n    },\n    [AgentThreadState.WAITING_FOR_RESPONSE]: {\n      color: 'gold', bgColor: '#fffbe6', borderColor: '#ffe58f',\n      text: 'Waiting for response', iconType: 'envelope',\n    },\n    [AgentThreadState.PAUSED_FOR_RESUME]: {\n      color: 'blue', bgColor: '#e6f4ff', borderColor: '#91caff',\n      text: 'Resume scheduled', iconType: 'clock',\n    },\n    [AgentThreadState.HANDED_OFF]: {\n      color: 'blue', bgColor: '#e6f4ff', borderColor: '#91caff',\n      text: subthreadCount && subthreadCount > 1 ? `Handed off (${subthreadCount})` : 'Handed off',\n      iconType: 'handoff',\n    },\n  };\n\n  return configs[state] || { color: 'default', bgColor: '#fafafa', borderColor: '#d9d9d9', text: 'Unknown', iconType: null };\n}\n\n/* ── SVG Icons ── */\n\nfunction SpinnerIcon(): JSX.Element {\n  return (\n    <svg className=\"devic-state-spinner\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\">\n      <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\n    </svg>\n  );\n}\n\nfunction PauseIcon(): JSX.Element {\n  return (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\" />\n      <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\" />\n    </svg>\n  );\n}\n\nfunction PlayIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M8 5v14l11-7z\" />\n    </svg>\n  );\n}\n\nfunction WarningIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\" />\n    </svg>\n  );\n}\n\nfunction EnvelopeIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" />\n      <path d=\"M22 7l-10 7L2 7\" />\n    </svg>\n  );\n}\n\nfunction ClockIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <polyline points=\"12,6 12,12 16,14\" />\n    </svg>\n  );\n}\n\nfunction ShieldIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" />\n      <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n      <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n    </svg>\n  );\n}\n\nfunction HandoffIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M12 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-1 6h2a3 3 0 0 1 3 3v3h-2v-3a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v3H8v-3a3 3 0 0 1 3-3z\" />\n      <path d=\"M16 16l4-2-4-2v4z\" opacity=\"0.8\" />\n    </svg>\n  );\n}\n\nfunction CaretDownIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"5 8 14 9\" fill=\"currentColor\">\n      <path d=\"M7 10l5 5 5-5z\" />\n    </svg>\n  );\n}\n\nfunction WrenchIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\" />\n    </svg>\n  );\n}\n\nfunction EyeIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\nfunction LightbulbIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#FFC000\" stroke=\"#FFC000\" strokeWidth=\"1\">\n      <path d=\"M9 21h6M12 3a6 6 0 0 0-4 10.5V17h8v-3.5A6 6 0 0 0 12 3z\" fill=\"#FFC000\" stroke=\"none\" />\n    </svg>\n  );\n}\n\nfunction RobotIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" rx=\"2\" />\n      <circle cx=\"9\" cy=\"14\" r=\"2\" fill=\"#fff\" />\n      <circle cx=\"15\" cy=\"14\" r=\"2\" fill=\"#fff\" />\n      <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"8\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <circle cx=\"12\" cy=\"2\" r=\"1.5\" />\n    </svg>\n  );\n}\n\nfunction UserIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n    </svg>\n  );\n}\n\nfunction CloseIcon(): JSX.Element {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\nfunction InfoIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\" />\n    </svg>\n  );\n}\n\n/* ── Helper: render icon by type ── */\n\nfunction StateIcon({ iconType }: { iconType: string | null }): JSX.Element | null {\n  switch (iconType) {\n    case 'spinner': return <SpinnerIcon />;\n    case 'pause': return <PauseIcon />;\n    case 'warning': return <WarningIcon />;\n    case 'envelope': return <EnvelopeIcon />;\n    case 'clock': return <ClockIcon />;\n    case 'shield': return <ShieldIcon />;\n    case 'handoff': return <HandoffIcon />;\n    default: return null;\n  }\n}\n\n/* ── Modal component ── */\n\nfunction Modal({\n  open,\n  onClose,\n  title,\n  titleIcon,\n  children,\n  footer,\n}: {\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  titleIcon?: React.ReactNode;\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n}): JSX.Element | null {\n  if (!open) return null;\n\n  return (\n    <div className=\"devic-state-modal-overlay\" onClick={onClose}>\n      <div className=\"devic-state-modal\" onClick={(e) => e.stopPropagation()}>\n        <div className=\"devic-state-modal-header\">\n          <h3 className=\"devic-state-modal-title\">\n            {titleIcon}\n            {title}\n          </h3>\n          <button className=\"devic-state-modal-close\" onClick={onClose} type=\"button\">\n            <CloseIcon />\n          </button>\n        </div>\n        <div className=\"devic-state-modal-body\">\n          {children}\n        </div>\n        {footer && (\n          <div className=\"devic-state-modal-footer\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/* ── Explain Modal with typing effect ── */\n\nfunction ExplainModal({\n  open,\n  onClose,\n  explanation,\n  isLoading,\n  agentName,\n}: {\n  open: boolean;\n  onClose: () => void;\n  explanation: string | null;\n  isLoading: boolean;\n  agentName: string;\n}): JSX.Element | null {\n  const [displayedText, setDisplayedText] = useState('');\n  const [fullTextDisplayed, setFullTextDisplayed] = useState(false);\n  const charIndexRef = useRef(0);\n\n  useEffect(() => {\n    if (!explanation || isLoading) {\n      setDisplayedText('');\n      charIndexRef.current = 0;\n      setFullTextDisplayed(false);\n      return;\n    }\n\n    if (charIndexRef.current < explanation.length) {\n      const timer = setTimeout(() => {\n        charIndexRef.current++;\n        setDisplayedText(explanation.slice(0, charIndexRef.current));\n        if (charIndexRef.current >= explanation.length) {\n          setFullTextDisplayed(true);\n        }\n      }, 20);\n      return () => clearTimeout(timer);\n    }\n  }, [explanation, isLoading, displayedText]);\n\n  const handleClose = () => {\n    setDisplayedText('');\n    charIndexRef.current = 0;\n    setFullTextDisplayed(false);\n    onClose();\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={handleClose}\n      title={`Thread execution description of \"${agentName}\"`}\n      titleIcon={<LightbulbIcon />}\n    >\n      {isLoading ? (\n        <div className=\"devic-state-loading\">\n          <div className=\"devic-state-loading-spinner\" />\n        </div>\n      ) : (\n        <div className=\"devic-explain-content\">\n          {displayedText}\n          {!fullTextDisplayed && <span className=\"devic-typing-cursor\">|</span>}\n        </div>\n      )}\n    </Modal>\n  );\n}\n\n/* ── Approval Modal ── */\n\nfunction ApprovalModal({\n  open,\n  onClose,\n  onApprove,\n  isLoading,\n  pausedReason,\n}: {\n  open: boolean;\n  onClose: () => void;\n  onApprove: (action: 'approved' | 'rejected', retry: boolean, message?: string) => void;\n  isLoading: boolean;\n  pausedReason?: string;\n}): JSX.Element | null {\n  const [feedback, setFeedback] = useState('');\n\n  const handleClose = () => {\n    setFeedback('');\n    onClose();\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={handleClose}\n      title=\"Review Agent Request\"\n      titleIcon={<EyeIcon />}\n    >\n      <div className=\"devic-approval-layout\">\n        <div className=\"devic-approval-request\">\n          <div style={{ fontWeight: 600, marginBottom: 8, fontSize: 13 }}>Agent's request:</div>\n          <div style={{ whiteSpace: 'pre-wrap' }}>{pausedReason || 'Agent is waiting for approval to resume execution.'}</div>\n        </div>\n        <div className=\"devic-approval-actions\">\n          <div style={{ fontWeight: 600, fontSize: 13 }}>Your feedback:</div>\n          <textarea\n            className=\"devic-approval-textarea\"\n            value={feedback}\n            onChange={(e) => setFeedback(e.target.value)}\n            placeholder=\"Optional feedback for the agent...\"\n          />\n          <div className=\"devic-approval-buttons\">\n            <button\n              className=\"devic-state-btn devic-state-btn-danger\"\n              onClick={() => onApprove('rejected', false, feedback)}\n              disabled={isLoading}\n              type=\"button\"\n            >\n              Reject and finish\n            </button>\n            <button\n              className=\"devic-state-btn devic-state-btn-primary\"\n              onClick={() => onApprove('rejected', true, feedback)}\n              disabled={isLoading || !feedback.trim()}\n              type=\"button\"\n            >\n              Continue with feedback\n            </button>\n            <button\n              className=\"devic-state-btn devic-state-btn-success\"\n              onClick={() => onApprove('approved', false)}\n              disabled={isLoading}\n              type=\"button\"\n            >\n              Approve\n            </button>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n\n/* ── Complete Thread Modal ── */\n\nfunction CompleteModal({\n  open,\n  onClose,\n  onComplete,\n}: {\n  open: boolean;\n  onClose: () => void;\n  onComplete: (state: string) => void;\n}): JSX.Element | null {\n  const [completionState, setCompletionState] = useState('terminated');\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title=\"Complete Execution Manually\"\n      titleIcon={<WrenchIcon />}\n      footer={\n        <>\n          <button className=\"devic-state-btn\" onClick={onClose} type=\"button\">Cancel</button>\n          <button className=\"devic-state-btn devic-state-btn-danger\" onClick={() => onComplete(completionState)} type=\"button\">\n            Complete\n          </button>\n        </>\n      }\n    >\n      <div style={{ marginBottom: 12 }}>\n        <div style={{ fontWeight: 600, marginBottom: 4 }}>Confirm Manual Completion</div>\n        <p style={{ margin: '4px 0 12px', color: '#666', fontSize: 13 }}>\n          You are about to manually complete this agent's execution.\n        </p>\n        <div style={{ marginBottom: 12 }}>\n          <div style={{ fontWeight: 500, marginBottom: 6, fontSize: 13 }}>Complete as:</div>\n          <select\n            className=\"devic-completion-select\"\n            value={completionState}\n            onChange={(e) => setCompletionState(e.target.value)}\n          >\n            <option value=\"terminated\">Terminated - Finish thread as manually terminated</option>\n            <option value=\"completed\">Completed - Finish thread as successfully completed</option>\n            <option value=\"failed\">Failed - Finish thread as failed or with errors</option>\n          </select>\n        </div>\n        <div className=\"devic-state-warning\">\n          <InfoIcon />\n          <span>This action will immediately terminate all ongoing processes. The execution cannot be resumed after completion.</span>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n\n/* ── Confirm Modal (Pause/Resume) ── */\n\nfunction ConfirmModal({\n  open,\n  onClose,\n  onConfirm,\n  title,\n  icon,\n  message,\n  confirmText,\n}: {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  title: string;\n  icon: React.ReactNode;\n  message: string;\n  confirmText: string;\n}): JSX.Element | null {\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title={title}\n      titleIcon={icon}\n      footer={\n        <>\n          <button className=\"devic-state-btn\" onClick={onClose} type=\"button\">Cancel</button>\n          <button className=\"devic-state-btn devic-state-btn-primary\" onClick={onConfirm} type=\"button\">\n            {confirmText}\n          </button>\n        </>\n      }\n    >\n      <p style={{ margin: 0, color: '#666', fontSize: 14 }}>{message}</p>\n    </Modal>\n  );\n}\n\n/* ── Main ThreadStateTag ── */\n\nexport function ThreadStateTag({\n  state,\n  threadId,\n  agentName,\n  showIcon = true,\n  customIcon,\n  pausedReason,\n  approvalRejectedMessage,\n  finishReason,\n  onActionComplete,\n  pauseUntil,\n  subthreadCount,\n  showAdminActions = false,\n  apiKey,\n  baseUrl,\n  interactive = true,\n}: ThreadStateTagProps): JSX.Element {\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || 'https://api.devic.ai';\n\n  // State\n  const [dropdownOpen, setDropdownOpen] = useState(false);\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [explainModalOpen, setExplainModalOpen] = useState(false);\n  const [threadExplanation, setThreadExplanation] = useState<string | null>(null);\n  const [isLoadingExplanation, setIsLoadingExplanation] = useState(false);\n  const [pauseModalOpen, setPauseModalOpen] = useState(false);\n  const [resumeModalOpen, setResumeModalOpen] = useState(false);\n  const [reviewModalOpen, setReviewModalOpen] = useState(false);\n  const [isLoadingApproval, setIsLoadingApproval] = useState(false);\n  const [completeModalOpen, setCompleteModalOpen] = useState(false);\n\n  const tagRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [tooltipStyle, setTooltipStyle] = useState<React.CSSProperties>({});\n  const [dropdownStyle, setDropdownStyle] = useState<React.CSSProperties>({});\n\n  // Close dropdown on click outside\n  useEffect(() => {\n    if (!dropdownOpen) return;\n    const handleClick = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (\n        tagRef.current && !tagRef.current.contains(target) &&\n        (!dropdownRef.current || !dropdownRef.current.contains(target))\n      ) {\n        setDropdownOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClick);\n    return () => document.removeEventListener('mousedown', handleClick);\n  }, [dropdownOpen]);\n\n  // API client\n  const getClient = useCallback((): DevicApiClient | null => {\n    if (!resolvedApiKey) return null;\n    return new DevicApiClient({ apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl });\n  }, [resolvedApiKey, resolvedBaseUrl]);\n\n  // Config\n  const config = getStateConfig(state, subthreadCount);\n\n  if (!state) {\n    return <span className=\"devic-state-tag\" data-color=\"default\">Unknown</span>;\n  }\n\n  // Icon\n  const renderIcon = () => {\n    if (!showIcon) return null;\n    if (customIcon) return <span className=\"devic-state-tag-icon\">{customIcon}</span>;\n    const icon = <StateIcon iconType={config.iconType} />;\n    return icon ? <span className=\"devic-state-tag-icon\">{icon}</span> : null;\n  };\n\n  // Tooltip content\n  const getTooltipContent = (): string | null => {\n    switch (state) {\n      case AgentThreadState.PAUSED_FOR_APPROVAL:\n        return 'Agent is waiting for approval to resume execution';\n      case AgentThreadState.PAUSED_FOR_RESUME:\n        if (pauseUntil) {\n          const timeDiff = new Date(pauseUntil).getTime() - Date.now();\n          const hours = Math.floor(timeDiff / 3600000);\n          const minutes = Math.floor(timeDiff / 60000);\n          const timeStr = hours > 0 ? `${hours} hours` : `${minutes} minutes`;\n          return `Agent paused, will resume at ${new Date(pauseUntil).toLocaleString()} (${timeStr})`;\n        }\n        return 'Agent paused, will resume at a scheduled time';\n      case AgentThreadState.WAITING_FOR_RESPONSE:\n        return pausedReason || 'Agent is waiting for response';\n      case AgentThreadState.COMPLETED:\n      case AgentThreadState.FAILED:\n      case AgentThreadState.TERMINATED:\n        return finishReason || 'Manually finished thread';\n      case AgentThreadState.APPROVAL_REJECTED:\n        return approvalRejectedMessage || 'Approval was rejected';\n      case AgentThreadState.GUARDRAIL_TRIGGER:\n        return 'Agent execution paused due to guardrail trigger';\n      default:\n        return null;\n    }\n  };\n\n  // Handlers\n  const handleExplain = async () => {\n    setDropdownOpen(false);\n    setExplainModalOpen(true);\n    setIsLoadingExplanation(true);\n    setThreadExplanation(null);\n\n    const client = getClient();\n    if (!client) {\n      setThreadExplanation('API key not configured.');\n      setIsLoadingExplanation(false);\n      return;\n    }\n\n    try {\n      const explanation = await client.explainAgentThread(threadId);\n      setThreadExplanation(explanation);\n    } catch {\n      setThreadExplanation('Could not obtain the thread explanation.');\n    } finally {\n      setIsLoadingExplanation(false);\n    }\n  };\n\n  const handlePause = async () => {\n    const client = getClient();\n    if (!client) return;\n    try {\n      await client.pauseResumeThread(threadId, 'paused');\n      setPauseModalOpen(false);\n      onActionComplete?.();\n    } catch (err) {\n      console.error('Error pausing thread:', err);\n    }\n  };\n\n  const handleResume = async () => {\n    const client = getClient();\n    if (!client) return;\n    try {\n      await client.pauseResumeThread(threadId, 'queued');\n      setResumeModalOpen(false);\n      onActionComplete?.();\n    } catch (err) {\n      console.error('Error resuming thread:', err);\n    }\n  };\n\n  const handleApproval = async (action: 'approved' | 'rejected', retry: boolean, message?: string) => {\n    const client = getClient();\n    if (!client) return;\n    setIsLoadingApproval(true);\n    try {\n      await client.handleThreadApproval(threadId, action === 'approved', retry, message || '');\n      setReviewModalOpen(false);\n      onActionComplete?.();\n    } catch (err) {\n      console.error('Error handling thread approval:', err);\n    } finally {\n      setIsLoadingApproval(false);\n    }\n  };\n\n  const handleComplete = async (completionState: string) => {\n    const client = getClient();\n    if (!client) return;\n    try {\n      await client.completeThread(threadId, completionState);\n      setCompleteModalOpen(false);\n      onActionComplete?.();\n    } catch (err) {\n      console.error('Error completing thread:', err);\n    }\n  };\n\n  // Build dropdown items\n  const dropdownItems: Array<{ key: string; icon: React.ReactNode; label: string; onClick: () => void }> = [];\n\n  if (showAdminActions && [AgentThreadState.PROCESSING, AgentThreadState.QUEUED, AgentThreadState.WAITING_FOR_RESPONSE].includes(state as AgentThreadState)) {\n    dropdownItems.push({\n      key: 'complete',\n      icon: <WrenchIcon />,\n      label: 'Complete manually',\n      onClick: () => { setDropdownOpen(false); setCompleteModalOpen(true); },\n    });\n  }\n\n  if (state === AgentThreadState.QUEUED) {\n    dropdownItems.push({\n      key: 'pause',\n      icon: <PauseIcon />,\n      label: 'Pause',\n      onClick: () => { setDropdownOpen(false); setPauseModalOpen(true); },\n    });\n  }\n\n  if (state === AgentThreadState.PAUSED || state === AgentThreadState.PAUSED_FOR_RESUME) {\n    dropdownItems.push({\n      key: 'resume',\n      icon: <PlayIcon />,\n      label: 'Resume',\n      onClick: () => { setDropdownOpen(false); setResumeModalOpen(true); },\n    });\n  }\n\n  if (state === AgentThreadState.PAUSED_FOR_APPROVAL) {\n    dropdownItems.push({\n      key: 'review',\n      icon: <EyeIcon />,\n      label: 'Review',\n      onClick: () => { setDropdownOpen(false); setReviewModalOpen(true); },\n    });\n  }\n\n  dropdownItems.push({\n    key: 'explain',\n    icon: <LightbulbIcon />,\n    label: 'Explain thread...',\n    onClick: handleExplain,\n  });\n\n  const canInteract = interactive && threadId;\n  const tooltipContent = getTooltipContent();\n\n  return (\n    <>\n      <div\n        ref={tagRef}\n        className=\"devic-state-tag\"\n        data-color={config.color}\n        data-interactive={String(!!canInteract)}\n        data-dropdown-open={String(dropdownOpen)}\n        onClick={canInteract ? () => {\n          if (!dropdownOpen) {\n            const rect = tagRef.current?.getBoundingClientRect();\n            if (rect) {\n              setDropdownStyle({\n                position: 'fixed',\n                top: rect.bottom + 4,\n                right: window.innerWidth - rect.right,\n              });\n            }\n          }\n          setDropdownOpen(!dropdownOpen);\n        } : undefined}\n        onMouseEnter={() => {\n          if (!dropdownOpen && tooltipContent) {\n            const rect = tagRef.current?.getBoundingClientRect();\n            if (rect) {\n              setTooltipStyle({\n                position: 'fixed',\n                top: rect.top - 8,\n                left: rect.left + rect.width / 2,\n                transform: 'translate(-50%, -100%)',\n              });\n            }\n            setShowTooltip(true);\n          }\n        }}\n        onMouseLeave={() => setShowTooltip(false)}\n      >\n        {renderIcon()}\n        {config.text}\n        {canInteract && (\n          <span className=\"devic-state-tag-caret\">\n            <CaretDownIcon />\n          </span>\n        )}\n\n      </div>\n\n      {/* Tooltip - portal to escape overflow/transform containers */}\n      {showTooltip && tooltipContent && !dropdownOpen && createPortal(\n        <div className=\"devic-state-tooltip-portal\" style={tooltipStyle}>{tooltipContent}</div>,\n        document.body\n      )}\n\n      {/* Dropdown - portal to escape overflow/transform containers */}\n      {dropdownOpen && canInteract && createPortal(\n        <div ref={dropdownRef} className=\"devic-state-dropdown-portal\" style={dropdownStyle}>\n          {dropdownItems.map((item) => (\n            <button\n              key={item.key}\n              className=\"devic-state-dropdown-item\"\n              onClick={(e) => { e.stopPropagation(); item.onClick(); }}\n              type=\"button\"\n            >\n              <span className=\"devic-state-dropdown-item-icon\">{item.icon}</span>\n              {item.label}\n            </button>\n          ))}\n        </div>,\n        document.body\n      )}\n\n      {/* Modals */}\n      <ExplainModal\n        open={explainModalOpen}\n        onClose={() => setExplainModalOpen(false)}\n        explanation={threadExplanation}\n        isLoading={isLoadingExplanation}\n        agentName={agentName}\n      />\n\n      <CompleteModal\n        open={completeModalOpen}\n        onClose={() => setCompleteModalOpen(false)}\n        onComplete={handleComplete}\n      />\n\n      <ConfirmModal\n        open={pauseModalOpen}\n        onClose={() => setPauseModalOpen(false)}\n        onConfirm={handlePause}\n        title=\"Pause Thread\"\n        icon={<PauseIcon />}\n        message=\"You are about to pause this queued thread. It can be resumed later.\"\n        confirmText=\"Pause\"\n      />\n\n      <ConfirmModal\n        open={resumeModalOpen}\n        onClose={() => setResumeModalOpen(false)}\n        onConfirm={handleResume}\n        title=\"Resume Thread\"\n        icon={<PlayIcon />}\n        message=\"You are about to resume this thread. It will go back to the queue and be processed when possible.\"\n        confirmText=\"Resume\"\n      />\n\n      <ApprovalModal\n        open={reviewModalOpen}\n        onClose={() => setReviewModalOpen(false)}\n        onApprove={handleApproval}\n        isLoading={isLoadingApproval}\n        pausedReason={pausedReason}\n      />\n    </>\n  );\n}\n"],"names":["AgentThreadState","_jsx","_jsxs","useState","useRef","useEffect","_Fragment","useOptionalDevicContext","useCallback","DevicApiClient","createPortal"],"mappings":"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"}
+{"version":3,"file":"ThreadStateTag.js","sources":["../../../../../src/components/ThreadStateTag/ThreadStateTag.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport { AgentThreadState } from '../../api/types';\nimport type { ThreadStateTagProps, StateConfig } from './ThreadStateTag.types';\nimport './ThreadStateTag.css';\n\n/* ── State configuration map ── */\n\nfunction getStateConfig(state: string, subthreadCount?: number): StateConfig {\n  const configs: Record<string, StateConfig> = {\n    [AgentThreadState.QUEUED]: {\n      color: 'gold', bgColor: '#fffbe6', borderColor: '#ffe58f',\n      text: 'Queued', iconType: null,\n    },\n    [AgentThreadState.PROCESSING]: {\n      color: 'processing', bgColor: '#e6f4ff', borderColor: '#91caff',\n      text: 'Processing', iconType: 'spinner',\n    },\n    [AgentThreadState.COMPLETED]: {\n      color: 'success', bgColor: '#f6ffed', borderColor: '#b7eb8f',\n      text: 'Completed', iconType: null,\n    },\n    [AgentThreadState.FAILED]: {\n      color: 'error', bgColor: '#fff2f0', borderColor: '#ffa39e',\n      text: 'Failed', iconType: null,\n    },\n    [AgentThreadState.TERMINATED]: {\n      color: 'default', bgColor: '#fafafa', borderColor: '#d9d9d9',\n      text: 'Terminated', iconType: null,\n    },\n    [AgentThreadState.GUARDRAIL_TRIGGER]: {\n      color: 'error', bgColor: '#fff2f0', borderColor: '#ffa39e',\n      text: 'Guardrail Triggered', iconType: 'shield',\n    },\n    [AgentThreadState.PAUSED]: {\n      color: 'purple', bgColor: '#f9f0ff', borderColor: '#d3adf7',\n      text: 'Paused', iconType: 'pause',\n    },\n    [AgentThreadState.PAUSED_FOR_APPROVAL]: {\n      color: 'gold', bgColor: '#fffbe6', borderColor: '#ffe58f',\n      text: 'Waiting for approval', iconType: 'warning',\n    },\n    [AgentThreadState.APPROVAL_REJECTED]: {\n      color: 'error', bgColor: '#fff2f0', borderColor: '#ffa39e',\n      text: 'Approval rejected', iconType: null,\n    },\n    [AgentThreadState.WAITING_FOR_RESPONSE]: {\n      color: 'gold', bgColor: '#fffbe6', borderColor: '#ffe58f',\n      text: 'Waiting for response', iconType: 'envelope',\n    },\n    [AgentThreadState.PAUSED_FOR_RESUME]: {\n      color: 'blue', bgColor: '#e6f4ff', borderColor: '#91caff',\n      text: 'Resume scheduled', iconType: 'clock',\n    },\n    [AgentThreadState.HANDED_OFF]: {\n      color: 'blue', bgColor: '#e6f4ff', borderColor: '#91caff',\n      text: subthreadCount && subthreadCount > 1 ? `Handed off (${subthreadCount})` : 'Handed off',\n      iconType: 'handoff',\n    },\n  };\n\n  return configs[state] || { color: 'default', bgColor: '#fafafa', borderColor: '#d9d9d9', text: 'Unknown', iconType: null };\n}\n\n/* ── SVG Icons ── */\n\nfunction SpinnerIcon(): JSX.Element {\n  return (\n    <svg className=\"devic-state-spinner\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\">\n      <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\n    </svg>\n  );\n}\n\nfunction PauseIcon(): JSX.Element {\n  return (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\" />\n      <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\" />\n    </svg>\n  );\n}\n\nfunction PlayIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M8 5v14l11-7z\" />\n    </svg>\n  );\n}\n\nfunction WarningIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\" />\n    </svg>\n  );\n}\n\nfunction EnvelopeIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" />\n      <path d=\"M22 7l-10 7L2 7\" />\n    </svg>\n  );\n}\n\nfunction ClockIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <polyline points=\"12,6 12,12 16,14\" />\n    </svg>\n  );\n}\n\nfunction ShieldIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" />\n      <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n      <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n    </svg>\n  );\n}\n\nfunction HandoffIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M12 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-1 6h2a3 3 0 0 1 3 3v3h-2v-3a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v3H8v-3a3 3 0 0 1 3-3z\" />\n      <path d=\"M16 16l4-2-4-2v4z\" opacity=\"0.8\" />\n    </svg>\n  );\n}\n\nfunction CaretDownIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"5 8 14 9\" fill=\"currentColor\">\n      <path d=\"M7 10l5 5 5-5z\" />\n    </svg>\n  );\n}\n\nfunction WrenchIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\" />\n    </svg>\n  );\n}\n\nfunction EyeIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\nfunction LightbulbIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#FFC000\" stroke=\"#FFC000\" strokeWidth=\"1\">\n      <path d=\"M9 21h6M12 3a6 6 0 0 0-4 10.5V17h8v-3.5A6 6 0 0 0 12 3z\" fill=\"#FFC000\" stroke=\"none\" />\n    </svg>\n  );\n}\n\nfunction RobotIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" rx=\"2\" />\n      <circle cx=\"9\" cy=\"14\" r=\"2\" fill=\"#fff\" />\n      <circle cx=\"15\" cy=\"14\" r=\"2\" fill=\"#fff\" />\n      <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"8\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <circle cx=\"12\" cy=\"2\" r=\"1.5\" />\n    </svg>\n  );\n}\n\nfunction UserIcon(): JSX.Element {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n    </svg>\n  );\n}\n\nfunction CloseIcon(): JSX.Element {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\nfunction InfoIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\" />\n    </svg>\n  );\n}\n\n/* ── Helper: render icon by type ── */\n\nfunction StateIcon({ iconType }: { iconType: string | null }): JSX.Element | null {\n  switch (iconType) {\n    case 'spinner': return <SpinnerIcon />;\n    case 'pause': return <PauseIcon />;\n    case 'warning': return <WarningIcon />;\n    case 'envelope': return <EnvelopeIcon />;\n    case 'clock': return <ClockIcon />;\n    case 'shield': return <ShieldIcon />;\n    case 'handoff': return <HandoffIcon />;\n    default: return null;\n  }\n}\n\n/* ── Modal component ── */\n\nfunction Modal({\n  open,\n  onClose,\n  title,\n  titleIcon,\n  children,\n  footer,\n}: {\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  titleIcon?: React.ReactNode;\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n}): JSX.Element | null {\n  if (!open) return null;\n\n  return createPortal(\n    <div className=\"devic-state-modal-overlay\" onClick={onClose}>\n      <div className=\"devic-state-modal\" onClick={(e) => e.stopPropagation()}>\n        <div className=\"devic-state-modal-header\">\n          <h3 className=\"devic-state-modal-title\">\n            {titleIcon}\n            {title}\n          </h3>\n          <button className=\"devic-state-modal-close\" onClick={onClose} type=\"button\">\n            <CloseIcon />\n          </button>\n        </div>\n        <div className=\"devic-state-modal-body\">\n          {children}\n        </div>\n        {footer && (\n          <div className=\"devic-state-modal-footer\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\n/* ── Explain Modal with typing effect ── */\n\nfunction ExplainModal({\n  open,\n  onClose,\n  explanation,\n  isLoading,\n  agentName,\n}: {\n  open: boolean;\n  onClose: () => void;\n  explanation: string | null;\n  isLoading: boolean;\n  agentName: string;\n}): JSX.Element | null {\n  const [displayedText, setDisplayedText] = useState('');\n  const [fullTextDisplayed, setFullTextDisplayed] = useState(false);\n  const charIndexRef = useRef(0);\n\n  useEffect(() => {\n    if (!explanation || isLoading) {\n      setDisplayedText('');\n      charIndexRef.current = 0;\n      setFullTextDisplayed(false);\n      return;\n    }\n\n    if (charIndexRef.current < explanation.length) {\n      const timer = setTimeout(() => {\n        charIndexRef.current++;\n        setDisplayedText(explanation.slice(0, charIndexRef.current));\n        if (charIndexRef.current >= explanation.length) {\n          setFullTextDisplayed(true);\n        }\n      }, 20);\n      return () => clearTimeout(timer);\n    }\n  }, [explanation, isLoading, displayedText]);\n\n  const handleClose = () => {\n    setDisplayedText('');\n    charIndexRef.current = 0;\n    setFullTextDisplayed(false);\n    onClose();\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={handleClose}\n      title={`Thread execution description of \"${agentName}\"`}\n      titleIcon={<LightbulbIcon />}\n    >\n      {isLoading ? (\n        <div className=\"devic-state-loading\">\n          <div className=\"devic-state-loading-spinner\" />\n        </div>\n      ) : (\n        <div className=\"devic-explain-content\">\n          {displayedText}\n          {!fullTextDisplayed && <span className=\"devic-typing-cursor\">|</span>}\n        </div>\n      )}\n    </Modal>\n  );\n}\n\n/* ── Approval Modal ── */\n\nfunction ApprovalModal({\n  open,\n  onClose,\n  onApprove,\n  isLoading,\n  pausedReason,\n}: {\n  open: boolean;\n  onClose: () => void;\n  onApprove: (action: 'approved' | 'rejected', retry: boolean, message?: string) => void;\n  isLoading: boolean;\n  pausedReason?: string;\n}): JSX.Element | null {\n  const [feedback, setFeedback] = useState('');\n\n  const handleClose = () => {\n    setFeedback('');\n    onClose();\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={handleClose}\n      title=\"Review Agent Request\"\n      titleIcon={<EyeIcon />}\n    >\n      <div className=\"devic-approval-layout\">\n        <div className=\"devic-approval-request\">\n          <div style={{ fontWeight: 600, marginBottom: 8, fontSize: 13 }}>Agent's request:</div>\n          <div style={{ whiteSpace: 'pre-wrap' }}>{pausedReason || 'Agent is waiting for approval to resume execution.'}</div>\n        </div>\n        <div className=\"devic-approval-actions\">\n          <div style={{ fontWeight: 600, fontSize: 13 }}>Your feedback:</div>\n          <textarea\n            className=\"devic-approval-textarea\"\n            value={feedback}\n            onChange={(e) => setFeedback(e.target.value)}\n            placeholder=\"Optional feedback for the agent...\"\n          />\n          <div className=\"devic-approval-buttons\">\n            <button\n              className=\"devic-state-btn devic-state-btn-danger\"\n              onClick={() => onApprove('rejected', false, feedback)}\n              disabled={isLoading}\n              type=\"button\"\n            >\n              Reject and finish\n            </button>\n            <button\n              className=\"devic-state-btn devic-state-btn-primary\"\n              onClick={() => onApprove('rejected', true, feedback)}\n              disabled={isLoading || !feedback.trim()}\n              type=\"button\"\n            >\n              Continue with feedback\n            </button>\n            <button\n              className=\"devic-state-btn devic-state-btn-success\"\n              onClick={() => onApprove('approved', false)}\n              disabled={isLoading}\n              type=\"button\"\n            >\n              Approve\n            </button>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n\n/* ── Complete Thread Modal ── */\n\nfunction CompleteModal({\n  open,\n  onClose,\n  onComplete,\n}: {\n  open: boolean;\n  onClose: () => void;\n  onComplete: (state: string) => void;\n}): JSX.Element | null {\n  const [completionState, setCompletionState] = useState('terminated');\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title=\"Complete Execution Manually\"\n      titleIcon={<WrenchIcon />}\n      footer={\n        <>\n          <button className=\"devic-state-btn\" onClick={onClose} type=\"button\">Cancel</button>\n          <button className=\"devic-state-btn devic-state-btn-danger\" onClick={() => onComplete(completionState)} type=\"button\">\n            Complete\n          </button>\n        </>\n      }\n    >\n      <div style={{ marginBottom: 12 }}>\n        <div style={{ fontWeight: 600, marginBottom: 4 }}>Confirm Manual Completion</div>\n        <p style={{ margin: '4px 0 12px', color: '#666', fontSize: 13 }}>\n          You are about to manually complete this agent's execution.\n        </p>\n        <div style={{ marginBottom: 12 }}>\n          <div style={{ fontWeight: 500, marginBottom: 6, fontSize: 13 }}>Complete as:</div>\n          <select\n            className=\"devic-completion-select\"\n            value={completionState}\n            onChange={(e) => setCompletionState(e.target.value)}\n          >\n            <option value=\"terminated\">Terminated - Finish thread as manually terminated</option>\n            <option value=\"completed\">Completed - Finish thread as successfully completed</option>\n            <option value=\"failed\">Failed - Finish thread as failed or with errors</option>\n          </select>\n        </div>\n        <div className=\"devic-state-warning\">\n          <InfoIcon />\n          <span>This action will immediately terminate all ongoing processes. The execution cannot be resumed after completion.</span>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n\n/* ── Confirm Modal (Pause/Resume) ── */\n\nfunction ConfirmModal({\n  open,\n  onClose,\n  onConfirm,\n  title,\n  icon,\n  message,\n  confirmText,\n}: {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  title: string;\n  icon: React.ReactNode;\n  message: string;\n  confirmText: string;\n}): JSX.Element | null {\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title={title}\n      titleIcon={icon}\n      footer={\n        <>\n          <button className=\"devic-state-btn\" onClick={onClose} type=\"button\">Cancel</button>\n          <button className=\"devic-state-btn devic-state-btn-primary\" onClick={onConfirm} type=\"button\">\n            {confirmText}\n          </button>\n        </>\n      }\n    >\n      <p style={{ margin: 0, color: '#666', fontSize: 14 }}>{message}</p>\n    </Modal>\n  );\n}\n\n/* ── Main ThreadStateTag ── */\n\nexport function ThreadStateTag({\n  state,\n  threadId,\n  agentName,\n  showIcon = true,\n  customIcon,\n  pausedReason,\n  approvalRejectedMessage,\n  finishReason,\n  onActionComplete,\n  pauseUntil,\n  subthreadCount,\n  showAdminActions = false,\n  apiKey,\n  baseUrl,\n  interactive = true,\n}: ThreadStateTagProps): JSX.Element {\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || 'https://api.devic.ai';\n\n  // State\n  const [dropdownOpen, setDropdownOpen] = useState(false);\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [explainModalOpen, setExplainModalOpen] = useState(false);\n  const [threadExplanation, setThreadExplanation] = useState<string | null>(null);\n  const [isLoadingExplanation, setIsLoadingExplanation] = useState(false);\n  const [pauseModalOpen, setPauseModalOpen] = useState(false);\n  const [resumeModalOpen, setResumeModalOpen] = useState(false);\n  const [reviewModalOpen, setReviewModalOpen] = useState(false);\n  const [isLoadingApproval, setIsLoadingApproval] = useState(false);\n  const [completeModalOpen, setCompleteModalOpen] = useState(false);\n\n  const tagRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [tooltipStyle, setTooltipStyle] = useState<React.CSSProperties>({});\n  const [dropdownStyle, setDropdownStyle] = useState<React.CSSProperties>({});\n\n  // Close dropdown on click outside\n  useEffect(() => {\n    if (!dropdownOpen) return;\n    const handleClick = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (\n        tagRef.current && !tagRef.current.contains(target) &&\n        (!dropdownRef.current || !dropdownRef.current.contains(target))\n      ) {\n        setDropdownOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClick);\n    return () => document.removeEventListener('mousedown', handleClick);\n  }, [dropdownOpen]);\n\n  // API client\n  const getClient = useCallback((): DevicApiClient | null => {\n    if (!resolvedApiKey) return null;\n    return new DevicApiClient({ apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl });\n  }, [resolvedApiKey, resolvedBaseUrl]);\n\n  // Config\n  const config = getStateConfig(state, subthreadCount);\n\n  if (!state) {\n    return <span className=\"devic-state-tag\" data-color=\"default\">Unknown</span>;\n  }\n\n  // Icon\n  const renderIcon = () => {\n    if (!showIcon) return null;\n    if (customIcon) return <span className=\"devic-state-tag-icon\">{customIcon}</span>;\n    const icon = <StateIcon iconType={config.iconType} />;\n    return icon ? <span className=\"devic-state-tag-icon\">{icon}</span> : null;\n  };\n\n  // Tooltip content\n  const getTooltipContent = (): string | null => {\n    switch (state) {\n      case AgentThreadState.PAUSED_FOR_APPROVAL:\n        return 'Agent is waiting for approval to resume execution';\n      case AgentThreadState.PAUSED_FOR_RESUME:\n        if (pauseUntil) {\n          const timeDiff = new Date(pauseUntil).getTime() - Date.now();\n          const hours = Math.floor(timeDiff / 3600000);\n          const minutes = Math.floor(timeDiff / 60000);\n          const timeStr = hours > 0 ? `${hours} hours` : `${minutes} minutes`;\n          return `Agent paused, will resume at ${new Date(pauseUntil).toLocaleString()} (${timeStr})`;\n        }\n        return 'Agent paused, will resume at a scheduled time';\n      case AgentThreadState.WAITING_FOR_RESPONSE:\n        return pausedReason || 'Agent is waiting for response';\n      case AgentThreadState.COMPLETED:\n      case AgentThreadState.FAILED:\n      case AgentThreadState.TERMINATED:\n        return finishReason || 'Manually finished thread';\n      case AgentThreadState.APPROVAL_REJECTED:\n        return approvalRejectedMessage || 'Approval was rejected';\n      case AgentThreadState.GUARDRAIL_TRIGGER:\n        return 'Agent execution paused due to guardrail trigger';\n      default:\n        return null;\n    }\n  };\n\n  // Handlers\n  const handleExplain = async () => {\n    setDropdownOpen(false);\n    setExplainModalOpen(true);\n    setIsLoadingExplanation(true);\n    setThreadExplanation(null);\n\n    const client = getClient();\n    if (!client) {\n      setThreadExplanation('API key not configured.');\n      setIsLoadingExplanation(false);\n      return;\n    }\n\n    try {\n      const explanation = await client.explainAgentThread(threadId);\n      setThreadExplanation(explanation);\n    } catch {\n      setThreadExplanation('Could not obtain the thread explanation.');\n    } finally {\n      setIsLoadingExplanation(false);\n    }\n  };\n\n  const handlePause = async () => {\n    const client = getClient();\n    if (!client) return;\n    try {\n      await client.pauseResumeThread(threadId, 'paused');\n      setPauseModalOpen(false);\n      onActionComplete?.();\n    } catch (err) {\n      console.error('Error pausing thread:', err);\n    }\n  };\n\n  const handleResume = async () => {\n    const client = getClient();\n    if (!client) return;\n    try {\n      await client.pauseResumeThread(threadId, 'queued');\n      setResumeModalOpen(false);\n      onActionComplete?.();\n    } catch (err) {\n      console.error('Error resuming thread:', err);\n    }\n  };\n\n  const handleApproval = async (action: 'approved' | 'rejected', retry: boolean, message?: string) => {\n    const client = getClient();\n    if (!client) return;\n    setIsLoadingApproval(true);\n    try {\n      await client.handleThreadApproval(threadId, action === 'approved', retry, message || '');\n      setReviewModalOpen(false);\n      onActionComplete?.();\n    } catch (err) {\n      console.error('Error handling thread approval:', err);\n    } finally {\n      setIsLoadingApproval(false);\n    }\n  };\n\n  const handleComplete = async (completionState: string) => {\n    const client = getClient();\n    if (!client) return;\n    try {\n      await client.completeThread(threadId, completionState);\n      setCompleteModalOpen(false);\n      onActionComplete?.();\n    } catch (err) {\n      console.error('Error completing thread:', err);\n    }\n  };\n\n  // Build dropdown items\n  const dropdownItems: Array<{ key: string; icon: React.ReactNode; label: string; onClick: () => void }> = [];\n\n  if (showAdminActions && [AgentThreadState.PROCESSING, AgentThreadState.QUEUED, AgentThreadState.WAITING_FOR_RESPONSE].includes(state as AgentThreadState)) {\n    dropdownItems.push({\n      key: 'complete',\n      icon: <WrenchIcon />,\n      label: 'Complete manually',\n      onClick: () => { setDropdownOpen(false); setCompleteModalOpen(true); },\n    });\n  }\n\n  if (state === AgentThreadState.QUEUED) {\n    dropdownItems.push({\n      key: 'pause',\n      icon: <PauseIcon />,\n      label: 'Pause',\n      onClick: () => { setDropdownOpen(false); setPauseModalOpen(true); },\n    });\n  }\n\n  if (state === AgentThreadState.PAUSED || state === AgentThreadState.PAUSED_FOR_RESUME) {\n    dropdownItems.push({\n      key: 'resume',\n      icon: <PlayIcon />,\n      label: 'Resume',\n      onClick: () => { setDropdownOpen(false); setResumeModalOpen(true); },\n    });\n  }\n\n  if (state === AgentThreadState.PAUSED_FOR_APPROVAL) {\n    dropdownItems.push({\n      key: 'review',\n      icon: <EyeIcon />,\n      label: 'Review',\n      onClick: () => { setDropdownOpen(false); setReviewModalOpen(true); },\n    });\n  }\n\n  dropdownItems.push({\n    key: 'explain',\n    icon: <LightbulbIcon />,\n    label: 'Explain thread...',\n    onClick: handleExplain,\n  });\n\n  const canInteract = interactive && threadId;\n  const tooltipContent = getTooltipContent();\n\n  return (\n    <>\n      <div\n        ref={tagRef}\n        className=\"devic-state-tag\"\n        data-color={config.color}\n        data-interactive={String(!!canInteract)}\n        data-dropdown-open={String(dropdownOpen)}\n        onClick={canInteract ? () => {\n          if (!dropdownOpen) {\n            const rect = tagRef.current?.getBoundingClientRect();\n            if (rect) {\n              setDropdownStyle({\n                position: 'fixed',\n                top: rect.bottom + 4,\n                right: window.innerWidth - rect.right,\n              });\n            }\n          }\n          setDropdownOpen(!dropdownOpen);\n        } : undefined}\n        onMouseEnter={() => {\n          if (!dropdownOpen && tooltipContent) {\n            const rect = tagRef.current?.getBoundingClientRect();\n            if (rect) {\n              setTooltipStyle({\n                position: 'fixed',\n                top: rect.top - 8,\n                left: rect.left + rect.width / 2,\n                transform: 'translate(-50%, -100%)',\n              });\n            }\n            setShowTooltip(true);\n          }\n        }}\n        onMouseLeave={() => setShowTooltip(false)}\n      >\n        {renderIcon()}\n        {config.text}\n        {canInteract && (\n          <span className=\"devic-state-tag-caret\">\n            <CaretDownIcon />\n          </span>\n        )}\n\n      </div>\n\n      {/* Tooltip - portal to escape overflow/transform containers */}\n      {showTooltip && tooltipContent && !dropdownOpen && createPortal(\n        <div className=\"devic-state-tooltip-portal\" style={tooltipStyle}>{tooltipContent}</div>,\n        document.body\n      )}\n\n      {/* Dropdown - portal to escape overflow/transform containers */}\n      {dropdownOpen && canInteract && createPortal(\n        <div ref={dropdownRef} className=\"devic-state-dropdown-portal\" style={dropdownStyle}>\n          {dropdownItems.map((item) => (\n            <button\n              key={item.key}\n              className=\"devic-state-dropdown-item\"\n              onClick={(e) => { e.stopPropagation(); item.onClick(); }}\n              type=\"button\"\n            >\n              <span className=\"devic-state-dropdown-item-icon\">{item.icon}</span>\n              {item.label}\n            </button>\n          ))}\n        </div>,\n        document.body\n      )}\n\n      {/* Modals */}\n      <ExplainModal\n        open={explainModalOpen}\n        onClose={() => setExplainModalOpen(false)}\n        explanation={threadExplanation}\n        isLoading={isLoadingExplanation}\n        agentName={agentName}\n      />\n\n      <CompleteModal\n        open={completeModalOpen}\n        onClose={() => setCompleteModalOpen(false)}\n        onComplete={handleComplete}\n      />\n\n      <ConfirmModal\n        open={pauseModalOpen}\n        onClose={() => setPauseModalOpen(false)}\n        onConfirm={handlePause}\n        title=\"Pause Thread\"\n        icon={<PauseIcon />}\n        message=\"You are about to pause this queued thread. It can be resumed later.\"\n        confirmText=\"Pause\"\n      />\n\n      <ConfirmModal\n        open={resumeModalOpen}\n        onClose={() => setResumeModalOpen(false)}\n        onConfirm={handleResume}\n        title=\"Resume Thread\"\n        icon={<PlayIcon />}\n        message=\"You are about to resume this thread. It will go back to the queue and be processed when possible.\"\n        confirmText=\"Resume\"\n      />\n\n      <ApprovalModal\n        open={reviewModalOpen}\n        onClose={() => setReviewModalOpen(false)}\n        onApprove={handleApproval}\n        isLoading={isLoadingApproval}\n        pausedReason={pausedReason}\n      />\n    </>\n  );\n}\n"],"names":["AgentThreadState","_jsx","_jsxs","createPortal","useState","useRef","useEffect","_Fragment","useOptionalDevicContext","useCallback","DevicApiClient"],"mappings":"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"}

package/dist/cjs/hooks/useDevicChat.js

@@ -31,7 +31,7 @@ var logger = require('../utils/logger.js');
  * ```
  */
 function useDevicChat(options) {
-    const { assistantId, chatUid: initialChatUid, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId, tenantMetadata, enabledTools, modelInterfaceTools = [], pollingInterval = 1000, onMessageSent, onMessageReceived, onToolCall, onError, onChatCreated, debug: propsDebug, } = options;
+    const { assistantId, chatUid: initialChatUid, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId, tenantMetadata, enabledTools, modelInterfaceTools = [], pollingInterval = 1000, onMessageSent, onMessageReceived, onToolCall, onError, onChatCreated, onFileUpload, debug: propsDebug, } = options;
     // Get context (may be null if not wrapped in provider)
     const context = DevicContext.useOptionalDevicContext();
     // Resolve configuration
@@ -265,7 +265,7 @@ function useDevicChat(options) {
         setIsLoading(true);
         setError(null);
         setStatus('processing');
-        // Add user message optimistically
+        // Add user message optimistically (show file names before upload)
         const userMessage = {
             uid: `temp-${Date.now()}`,
             role: 'user',
@@ -273,8 +273,8 @@ function useDevicChat(options) {
                 message,
                 files: sendOptions?.files?.map((f) => ({
                     name: f.name,
-                    url: f.downloadUrl || '',
-                    type: f.fileType || 'other',
+                    url: '',
+                    type: f.type.split('/')[0] || 'other',
                 })),
             },
             timestamp: Date.now(),
@@ -282,11 +282,44 @@ function useDevicChat(options) {
         setMessages((prev) => [...prev, userMessage]);
         onMessageSent?.(userMessage);
         try {
+            // Upload files if provided
+            let uploadedFiles;
+            if (sendOptions?.files && sendOptions.files.length > 0) {
+                logRef.current.log('[useDevicChat] Uploading files...');
+                if (onFileUpload) {
+                    // Use custom upload handler
+                    uploadedFiles = await onFileUpload(sendOptions.files);
+                }
+                else {
+                    // Default: upload via Devic API
+                    const uploadResults = await Promise.all(sendOptions.files.map((file) => clientRef.current.uploadFile(file)));
+                    uploadedFiles = uploadResults.map((r) => ({
+                        name: r.name,
+                        downloadUrl: r.downloadUrl,
+                        fileType: r.fileType,
+                    }));
+                }
+                logRef.current.log('[useDevicChat] Files uploaded:', uploadedFiles);
+                // Update optimistic message with download URLs
+                setMessages((prev) => prev.map((m) => m.uid === userMessage.uid
+                    ? {
+                        ...m,
+                        content: {
+                            ...m.content,
+                            files: uploadedFiles.map((f) => ({
+                                name: f.name,
+                                url: f.downloadUrl || '',
+                                type: f.fileType || 'other',
+                            })),
+                        },
+                    }
+                    : m));
+            }
             // Build request DTO
             const dto = {
                 message,
                 chatUid: chatUid || undefined,
-                files: sendOptions?.files,
+                files: uploadedFiles,
                 metadata: {
                     ...resolvedTenantMetadata,
                     ...sendOptions?.metadata,
@@ -327,6 +360,7 @@ function useDevicChat(options) {
         resolvedTenantMetadata,
         toolSchemas,
         onMessageSent,
+        onFileUpload,
     ]);
     // Clear chat
     const clearChat = React.useCallback(() => {