@devicai/ui 0.57.0 → 0.58.0

package/dist/esm/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\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  subtenantId: propsSubtenantId,\n  conversationPreview,\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  const subtenantId = propsSubtenantId || context?.subtenantId;\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 [firstMessages, setFirstMessages] = useState<Record<string, string | null>>({});\n  const fetchedChatsRef = useRef<Set<string>>(new Set());\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const clientRef = useRef<DevicApiClient | null>(null);\n  const getTenantSession = context?.getTenantSession;\n  const onSessionExpired = context?.onSessionExpired;\n\n  if (!clientRef.current && (apiKey || getTenantSession)) {\n    clientRef.current = new DevicApiClient({ apiKey, baseUrl, getTenantSession, onSessionExpired });\n  }\n\n  // Update client config when props/context change\n  useEffect(() => {\n    if (clientRef.current) {\n      clientRef.current.setConfig({ apiKey, baseUrl, getTenantSession, onSessionExpired });\n    } else if (apiKey || getTenantSession) {\n      clientRef.current = new DevicApiClient({ apiKey, baseUrl, getTenantSession, onSessionExpired });\n    }\n  }, [apiKey, baseUrl, getTenantSession]);\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        subtenantId,\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, subtenantId]);\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  // Lazy-fetch first user message for unnamed conversations\n  useEffect(() => {\n    if (conversationPreview !== 'firstMessage' || !clientRef.current || !isOpen) return;\n    const unnamed = conversations.filter((c) => !c.name && !fetchedChatsRef.current.has(c.chatUID));\n    if (unnamed.length === 0) return;\n\n    // Mark as loading (null = loading)\n    unnamed.forEach((c) => fetchedChatsRef.current.add(c.chatUID));\n    setFirstMessages((prev) => {\n      const next = { ...prev };\n      unnamed.forEach((c) => { next[c.chatUID] = null; });\n      return next;\n    });\n\n    unnamed.forEach((conv) => {\n      clientRef.current!.getChatHistory(assistantId, conv.chatUID, { tenantId }).then((history) => {\n        const firstUserMsg = history.chatContent?.find((m) => m.role === 'user');\n        const text = firstUserMsg?.content?.message || '';\n        setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: text || '' }));\n      }).catch(() => {\n        setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: '' }));\n      });\n    });\n  }, [conversations, isOpen, conversationPreview, assistantId, tenantId]);\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 getConversationLabel = (conv: ConversationSummary): string => {\n    if (conv.name) return conv.name;\n    if (conversationPreview === 'firstMessage') {\n      const msg = firstMessages[conv.chatUID];\n      if (msg === null) return '...';\n      if (msg) return msg;\n    }\n    return formatDate(conv.creationTimestampMs);\n  };\n\n  const currentConv = conversations.find((c) => c.chatUID === currentChatUid);\n  const currentName = currentConv\n    ? getConversationLabel(currentConv)\n    : 'New chat';\n\n  const filtered = conversations.filter((c) => {\n    if (!search) return true;\n    const q = search.toLowerCase();\n    if ((c.name || '').toLowerCase().includes(q)) return true;\n    if (conversationPreview === 'firstMessage') {\n      const msg = firstMessages[c.chatUID];\n      if (msg && msg.toLowerCase().includes(q)) return true;\n    }\n    return false;\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                    {getConversationLabel(conv)}\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":["_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';\nimport { useTranslations } from '../../i18n';\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  subtenantId: propsSubtenantId,\n  conversationPreview,\n}: ConversationSelectorProps): JSX.Element {\n  const t = useTranslations();\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  const subtenantId = propsSubtenantId || context?.subtenantId;\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 [firstMessages, setFirstMessages] = useState<Record<string, string | null>>({});\n  const fetchedChatsRef = useRef<Set<string>>(new Set());\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const clientRef = useRef<DevicApiClient | null>(null);\n  const getTenantSession = context?.getTenantSession;\n  const onSessionExpired = context?.onSessionExpired;\n\n  if (!clientRef.current && (apiKey || getTenantSession)) {\n    clientRef.current = new DevicApiClient({ apiKey, baseUrl, getTenantSession, onSessionExpired });\n  }\n\n  // Update client config when props/context change\n  useEffect(() => {\n    if (clientRef.current) {\n      clientRef.current.setConfig({ apiKey, baseUrl, getTenantSession, onSessionExpired });\n    } else if (apiKey || getTenantSession) {\n      clientRef.current = new DevicApiClient({ apiKey, baseUrl, getTenantSession, onSessionExpired });\n    }\n  }, [apiKey, baseUrl, getTenantSession]);\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        subtenantId,\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, subtenantId]);\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  // Lazy-fetch first user message for unnamed conversations\n  useEffect(() => {\n    if (conversationPreview !== 'firstMessage' || !clientRef.current || !isOpen) return;\n    const unnamed = conversations.filter((c) => !c.name && !fetchedChatsRef.current.has(c.chatUID));\n    if (unnamed.length === 0) return;\n\n    // Mark as loading (null = loading)\n    unnamed.forEach((c) => fetchedChatsRef.current.add(c.chatUID));\n    setFirstMessages((prev) => {\n      const next = { ...prev };\n      unnamed.forEach((c) => { next[c.chatUID] = null; });\n      return next;\n    });\n\n    unnamed.forEach((conv) => {\n      clientRef.current!.getChatHistory(assistantId, conv.chatUID, { tenantId }).then((history) => {\n        const firstUserMsg = history.chatContent?.find((m) => m.role === 'user');\n        const text = firstUserMsg?.content?.message || '';\n        setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: text || '' }));\n      }).catch(() => {\n        setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: '' }));\n      });\n    });\n  }, [conversations, isOpen, conversationPreview, assistantId, tenantId]);\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 getConversationLabel = (conv: ConversationSummary): string => {\n    if (conv.name) return conv.name;\n    if (conversationPreview === 'firstMessage') {\n      const msg = firstMessages[conv.chatUID];\n      if (msg === null) return '...';\n      if (msg) return msg;\n    }\n    return formatDate(conv.creationTimestampMs);\n  };\n\n  const currentConv = conversations.find((c) => c.chatUID === currentChatUid);\n  const currentName = currentConv\n    ? getConversationLabel(currentConv)\n    : t('New chat');\n\n  const filtered = conversations.filter((c) => {\n    if (!search) return true;\n    const q = search.toLowerCase();\n    if ((c.name || '').toLowerCase().includes(q)) return true;\n    if (conversationPreview === 'firstMessage') {\n      const msg = firstMessages[c.chatUID];\n      if (msg && msg.toLowerCase().includes(q)) return true;\n    }\n    return false;\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={t('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\">{t('Loading...')}</div>\n            )}\n            {!loading && filtered.length === 0 && (\n              <div className=\"devic-conversation-empty\">\n                {t('No conversations')}\n              </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                    {getConversationLabel(conv)}\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\">\n                {t('Loading more...')}\n              </div>\n            )}\n            {!loadingMore && hasMore && !loading && (\n              <button\n                className=\"devic-conversation-load-more\"\n                type=\"button\"\n                onClick={handleLoadMore}\n              >\n                {t('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            {t('+ 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":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/ChatDrawer/GuardrailNotice.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from "react";
+/**
+ * What the backend records when a guardrail stops a turn. Sent as the content
+ * of a `guard_rail` message, and mirrored on the conversation itself.
+ *
+ * Every field is optional on purpose: this is a provider payload, its shape
+ * varies with the guardrail that fired, and the notice has to survive whatever
+ * comes back.
+ */
+export interface GuardrailPayload {
+    tripwireTriggered?: boolean;
+    info?: {
+        guardrail_name?: string;
+        flagged?: boolean;
+        confidence?: number;
+        threshold?: number;
+        stage_name?: string;
+        [key: string]: unknown;
+    };
+    [key: string]: unknown;
+}
+export interface GuardrailNoticeProps {
+    /** The guardrail result, when the backend sent a structured one. */
+    payload?: GuardrailPayload;
+    /** The message text, when the backend sent a plain sentence instead. */
+    text?: string;
+}
+export type GuardrailRenderer = (props: GuardrailNoticeProps) => ReactNode;
+/**
+ * The line that replaces the answer when a guardrail stopped the turn.
+ *
+ * It is deliberately not a message bubble: nobody said this, the assistant was
+ * prevented from speaking. What it does say is which guardrail fired, because
+ * a reader who only sees "blocked" cannot tell a topic filter from an outage.
+ */
+export declare function GuardrailNotice({ payload, text, }: GuardrailNoticeProps): JSX.Element;

package/dist/esm/components/ChatDrawer/GuardrailNotice.js

@@ -0,0 +1,38 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslations } from '../../i18n/useTranslations.js';
+
+/**
+ * The line that replaces the answer when a guardrail stopped the turn.
+ *
+ * It is deliberately not a message bubble: nobody said this, the assistant was
+ * prevented from speaking. What it does say is which guardrail fired, because
+ * a reader who only sees "blocked" cannot tell a topic filter from an outage.
+ */
+function GuardrailNotice({ payload, text, }) {
+    const t = useTranslations();
+    return (jsxs("div", { className: "devic-guardrail-notice", role: "status", children: [jsx("span", { className: "devic-guardrail-notice-icon", "aria-hidden": "true", children: jsx(ShieldIcon, {}) }), jsx("span", { children: text || noticeText(t, payload) })] }));
+}
+/**
+ * Names the guardrail when the payload carries a name, and stays vague when it
+ * does not — an invented name is worse than no name.
+ *
+ * The name is a `{name}` placeholder rather than interpolated here, so a
+ * translation can put it wherever that language needs it.
+ */
+function noticeText(t, payload) {
+    const name = payload?.info?.guardrail_name;
+    const stage = payload?.info?.stage_name;
+    if (!name) {
+        return t("This message was stopped by a guardrail.");
+    }
+    if (stage === "input") {
+        return t("Your message was stopped by the “{name}” guardrail.", { name });
+    }
+    return t("The answer was stopped by the “{name}” guardrail.", { name });
+}
+function ShieldIcon() {
+    return (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] }));
+}
+
+export { GuardrailNotice };
+//# sourceMappingURL=GuardrailNotice.js.map

package/dist/esm/components/ChatDrawer/GuardrailNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuardrailNotice.js","sources":["../../../../src/components/ChatDrawer/GuardrailNotice.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useTranslations } from \"../../i18n\";\nimport type { Translator } from \"../../i18n\";\n\n/**\n * What the backend records when a guardrail stops a turn. Sent as the content\n * of a `guard_rail` message, and mirrored on the conversation itself.\n *\n * Every field is optional on purpose: this is a provider payload, its shape\n * varies with the guardrail that fired, and the notice has to survive whatever\n * comes back.\n */\nexport interface GuardrailPayload {\n  tripwireTriggered?: boolean;\n  info?: {\n    guardrail_name?: string;\n    flagged?: boolean;\n    confidence?: number;\n    threshold?: number;\n    stage_name?: string;\n    [key: string]: unknown;\n  };\n  [key: string]: unknown;\n}\n\nexport interface GuardrailNoticeProps {\n  /** The guardrail result, when the backend sent a structured one. */\n  payload?: GuardrailPayload;\n  /** The message text, when the backend sent a plain sentence instead. */\n  text?: string;\n}\n\nexport type GuardrailRenderer = (props: GuardrailNoticeProps) => ReactNode;\n\n/**\n * The line that replaces the answer when a guardrail stopped the turn.\n *\n * It is deliberately not a message bubble: nobody said this, the assistant was\n * prevented from speaking. What it does say is which guardrail fired, because\n * a reader who only sees \"blocked\" cannot tell a topic filter from an outage.\n */\nexport function GuardrailNotice({\n  payload,\n  text,\n}: GuardrailNoticeProps): JSX.Element {\n  const t = useTranslations();\n  return (\n    <div className=\"devic-guardrail-notice\" role=\"status\">\n      <span className=\"devic-guardrail-notice-icon\" aria-hidden=\"true\">\n        <ShieldIcon />\n      </span>\n      <span>{text || noticeText(t, payload)}</span>\n    </div>\n  );\n}\n\n/**\n * Names the guardrail when the payload carries a name, and stays vague when it\n * does not — an invented name is worse than no name.\n *\n * The name is a `{name}` placeholder rather than interpolated here, so a\n * translation can put it wherever that language needs it.\n */\nfunction noticeText(t: Translator, payload?: GuardrailPayload): string {\n  const name = payload?.info?.guardrail_name;\n  const stage = payload?.info?.stage_name;\n\n  if (!name) {\n    return t(\"This message was stopped by a guardrail.\");\n  }\n  if (stage === \"input\") {\n    return t(\"Your message was stopped by the “{name}” guardrail.\", { name });\n  }\n  return t(\"The answer was stopped by the “{name}” guardrail.\", { name });\n}\n\nfunction ShieldIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" />\n      <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n      <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n    </svg>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAmCA;;;;;;AAMG;SACa,eAAe,CAAC,EAC9B,OAAO,EACP,IAAI,GACiB,EAAA;AACrB,IAAA,MAAM,CAAC,GAAG,eAAe,EAAE;AAC3B,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wBAAwB,EAAC,IAAI,EAAC,QAAQ,aACnDC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,iBAAa,MAAM,EAAA,QAAA,EAC9DA,GAAA,CAAC,UAAU,EAAA,EAAA,CAAG,EAAA,CACT,EACPA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,IAAI,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,EAAA,CAAQ,CAAA,EAAA,CACzC;AAEV;AAEA;;;;;;AAMG;AACH,SAAS,UAAU,CAAC,CAAa,EAAE,OAA0B,EAAA;AAC3D,IAAA,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,EAAE,cAAc;AAC1C,IAAA,MAAM,KAAK,GAAG,OAAO,EAAE,IAAI,EAAE,UAAU;IAEvC,IAAI,CAAC,IAAI,EAAE;AACT,QAAA,OAAO,CAAC,CAAC,0CAA0C,CAAC;IACtD;AACA,IAAA,IAAI,KAAK,KAAK,OAAO,EAAE;QACrB,OAAO,CAAC,CAAC,qDAAqD,EAAE,EAAE,IAAI,EAAE,CAAC;IAC3E;IACA,OAAO,CAAC,CAAC,mDAAmD,EAAE,EAAE,IAAI,EAAE,CAAC;AACzE;AAEA,SAAS,UAAU,GAAA;AACjB,IAAA,QACED,IAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,QAAA,EAAA,CAEtBC,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,6CAA6C,EAAA,CAAG,EACxDA,cAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,EACvCA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,CAAA,EAAA,CACvC;AAEV;;"}

package/dist/esm/components/ChatDrawer/HandoffSubagentWidget.js

@@ -7,6 +7,7 @@ import { AgentThreadState } from '../../api/types.js';
 import { ThreadStateTag } from '../ThreadStateTag/ThreadStateTag.js';
 import { resolvePollingInterval } from '../../hooks/usePolling.js';
 import { avatarUri } from '../../utils/avatar.js';
+import { useTranslations } from '../../i18n/useTranslations.js';
 
 const TERMINAL_STATES = [
     AgentThreadState.COMPLETED,
@@ -24,6 +25,7 @@ function formatElapsed(seconds) {
     return m > 0 ? `${m}m ${s}s` : `${s}s`;
 }
 function HandoffSubagentWidget({ subThreadId, onCompleted, apiKey, baseUrl, pollingInterval, renderWidget, }) {
+    const t = useTranslations();
     const context = useOptionalDevicContext();
     const resolvedApiKey = apiKey || context?.apiKey;
     const resolvedBaseUrl = baseUrl || context?.baseUrl || 'https://api.devic.ai';
@@ -142,7 +144,7 @@ function HandoffSubagentWidget({ subThreadId, onCompleted, apiKey, baseUrl, poll
     if (renderWidget) {
         return jsx(Fragment, { children: renderWidget({ thread, agent, elapsedSeconds, isTerminal }) });
     }
-    return (jsxs("div", { className: "devic-handoff-widget", children: [jsxs("div", { className: "devic-handoff-header", children: [jsx("div", { className: "devic-handoff-agent-avatar", children: agent?.imgUrl || agent?._id ? (jsx("img", { src: agent.imgUrl || avatarUri(agent._id, agent.avatarStyle), alt: "", className: "devic-handoff-avatar-img" })) : (jsx(RobotFallbackIcon, {})) }), jsx("span", { className: "devic-handoff-agent-name", children: agent?.name || thread?.name || 'Subagent' })] }), thread?.state && (jsx("div", { className: "devic-handoff-state-row", children: jsx(ThreadStateTag, { state: thread.state, threadId: thread._id || subThreadId, agentName: agent?.name || thread?.name || 'Subagent', pausedReason: thread.pausedReason, finishReason: thread.finishReason, pauseUntil: thread.pauseUntil, interactive: true, apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl }) })), totalTasks > 0 && (jsxs("div", { className: "devic-handoff-progress", children: [jsx("div", { className: "devic-handoff-progress-bar", children: jsx("div", { className: "devic-handoff-progress-fill", "data-status": thread?.state === AgentThreadState.FAILED ? 'error' : isTerminal ? 'success' : 'active', style: { width: `${taskPercentage}%` } }) }), jsxs("span", { className: "devic-handoff-progress-text", children: [completedTasks, "/", totalTasks] })] })), totalTasks === 0 && isProcessing && (jsx("div", { className: "devic-handoff-progress", children: jsx("div", { className: "devic-handoff-progress-bar", children: jsx("div", { className: "devic-handoff-progress-indeterminate" }) }) })), lastSummary && (jsx("div", { className: `devic-handoff-summary ${isProcessing ? 'devic-handoff-summary-active' : ''}`, children: lastSummary })), isProcessing && (jsxs("div", { className: "devic-handoff-elapsed", children: [jsx(ClockSmallIcon, {}), jsx("span", { children: formatElapsed(elapsedSeconds) })] }))] }));
+    return (jsxs("div", { className: "devic-handoff-widget", children: [jsxs("div", { className: "devic-handoff-header", children: [jsx("div", { className: "devic-handoff-agent-avatar", children: agent?.imgUrl || agent?._id ? (jsx("img", { src: agent.imgUrl || avatarUri(agent._id, agent.avatarStyle), alt: "", className: "devic-handoff-avatar-img" })) : (jsx(RobotFallbackIcon, {})) }), jsx("span", { className: "devic-handoff-agent-name", children: agent?.name || thread?.name || t('Subagent') })] }), thread?.state && (jsx("div", { className: "devic-handoff-state-row", children: jsx(ThreadStateTag, { state: thread.state, threadId: thread._id || subThreadId, agentName: agent?.name || thread?.name || t('Subagent'), pausedReason: thread.pausedReason, finishReason: thread.finishReason, pauseUntil: thread.pauseUntil, interactive: true, apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl }) })), totalTasks > 0 && (jsxs("div", { className: "devic-handoff-progress", children: [jsx("div", { className: "devic-handoff-progress-bar", children: jsx("div", { className: "devic-handoff-progress-fill", "data-status": thread?.state === AgentThreadState.FAILED ? 'error' : isTerminal ? 'success' : 'active', style: { width: `${taskPercentage}%` } }) }), jsxs("span", { className: "devic-handoff-progress-text", children: [completedTasks, "/", totalTasks] })] })), totalTasks === 0 && isProcessing && (jsx("div", { className: "devic-handoff-progress", children: jsx("div", { className: "devic-handoff-progress-bar", children: jsx("div", { className: "devic-handoff-progress-indeterminate" }) }) })), lastSummary && (jsx("div", { className: `devic-handoff-summary ${isProcessing ? 'devic-handoff-summary-active' : ''}`, children: lastSummary })), isProcessing && (jsxs("div", { className: "devic-handoff-elapsed", children: [jsx(ClockSmallIcon, {}), jsx("span", { children: formatElapsed(elapsedSeconds) })] }))] }));
 }
 /* ── Icons ── */
 function RobotFallbackIcon() {

package/dist/esm/components/ChatDrawer/HandoffSubagentWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"HandoffSubagentWidget.js","sources":["../../../../src/components/ChatDrawer/HandoffSubagentWidget.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport { AgentThreadState } from '../../api/types';\nimport type { AgentThreadDto, AgentDto } from '../../api/types';\nimport { ThreadStateTag } from '../ThreadStateTag';\nimport { resolvePollingInterval } from '../../hooks/usePolling';\nimport { createLogger } from '../../utils/logger';\nimport { avatarUri } from '../../utils/avatar';\n\nconst TERMINAL_STATES: AgentThreadState[] = [\n  AgentThreadState.COMPLETED,\n  AgentThreadState.FAILED,\n  AgentThreadState.TERMINATED,\n];\n\n/**\n * The subagent runs for as long as it runs, so watching it does not need the\n * main conversation's rhythm. A configured `pollingInterval` still wins.\n */\nconst DEFAULT_POLL_INTERVAL_MS = 5000;\n\nexport interface HandoffSubagentWidgetProps {\n  /**\n   * The subthread ID to monitor\n   */\n  subThreadId: string;\n\n  /**\n   * Called when the subthread reaches a terminal state\n   */\n  onCompleted?: () => void;\n\n  /**\n   * API key (overrides provider context)\n   */\n  apiKey?: string;\n\n  /**\n   * Base URL (overrides provider context)\n   */\n  baseUrl?: string;\n\n  /**\n   * How often (ms) the subthread is polled while it runs. Overrides the\n   * DevicProvider's `pollingInterval`. Values below 250 ms are clamped.\n   * @default 5000\n   */\n  pollingInterval?: number;\n\n  /**\n   * Custom renderer to replace the entire widget content.\n   * Receives the thread and agent data.\n   */\n  renderWidget?: (props: {\n    thread: AgentThreadDto | null;\n    agent: AgentDto | null;\n    elapsedSeconds: number;\n    isTerminal: boolean;\n  }) => React.ReactNode;\n}\n\nfunction formatElapsed(seconds: number): string {\n  const m = Math.floor(seconds / 60);\n  const s = seconds % 60;\n  return m > 0 ? `${m}m ${s}s` : `${s}s`;\n}\n\nexport function HandoffSubagentWidget({\n  subThreadId,\n  onCompleted,\n  apiKey,\n  baseUrl,\n  pollingInterval,\n  renderWidget,\n}: HandoffSubagentWidgetProps): JSX.Element {\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const resolvedPollInterval = resolvePollingInterval(\n    pollingInterval,\n    context?.pollingInterval,\n    DEFAULT_POLL_INTERVAL_MS\n  );\n  const debug = context?.debug ?? false;\n  const log = useMemo(() => createLogger(debug), [debug]);\n\n  const [thread, setThread] = useState<AgentThreadDto | null>(null);\n  const [agent, setAgent] = useState<AgentDto | null>(null);\n  const [elapsedSeconds, setElapsedSeconds] = useState(0);\n\n  const pollRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const timerRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const hasCalledCompleted = useRef(false);\n  const startTimeRef = useRef(Date.now());\n\n  const resolvedTenantSession = context?.getTenantSession;\n  const onSessionExpired = context?.onSessionExpired;\n  const getClient = useCallback((): DevicApiClient | null => {\n    if (!resolvedApiKey && !resolvedTenantSession) return null;\n    return new DevicApiClient({\n      apiKey: resolvedApiKey,\n      baseUrl: resolvedBaseUrl,\n      getTenantSession: resolvedTenantSession,\n      onSessionExpired,\n    });\n  }, [resolvedApiKey, resolvedTenantSession, resolvedBaseUrl]);\n\n  const fetchThread = useCallback(async () => {\n    const client = getClient();\n    if (!client) return;\n\n    try {\n      const data = await client.getThreadById(subThreadId, true);\n      log.log('[HandoffSubagentWidget] Thread loaded:', {\n        id: data._id,\n        agentId: data.agentId,\n        parentAgentId: data.parentAgentId,\n        name: data.name,\n        state: data.state,\n      });\n      setThread(data);\n\n      if (\n        data.state &&\n        TERMINAL_STATES.includes(data.state) &&\n        !hasCalledCompleted.current\n      ) {\n        hasCalledCompleted.current = true;\n        onCompleted?.();\n      }\n    } catch (err) {\n      log.error('[HandoffSubagentWidget] Error fetching thread:', err);\n    }\n  }, [subThreadId, getClient, onCompleted]);\n\n  // Initial fetch + polling\n  useEffect(() => {\n    fetchThread();\n    pollRef.current = setInterval(fetchThread, resolvedPollInterval);\n    return () => {\n      if (pollRef.current) clearInterval(pollRef.current);\n    };\n  }, [fetchThread, resolvedPollInterval]);\n\n  // Fetch agent details once we have a thread with an agent ID\n  const agentIdToFetch = thread?.agentId || thread?.parentAgentId;\n  useEffect(() => {\n    if (!agentIdToFetch || agent) return;\n    const client = getClient();\n    if (!client) {\n      log.warn('[HandoffSubagentWidget] No API client available (missing apiKey?)');\n      return;\n    }\n\n    log.log('[HandoffSubagentWidget] Fetching agent details for:', agentIdToFetch);\n    client.getAgentDetails(agentIdToFetch).then((data) => {\n      log.log('[HandoffSubagentWidget] Agent details loaded:', data?.name);\n      setAgent(data);\n    }).catch((err) => {\n      log.warn('[HandoffSubagentWidget] Could not fetch agent details:', err);\n    });\n  }, [agentIdToFetch, agent, getClient]);\n\n  // Stop polling on terminal state\n  useEffect(() => {\n    if (thread?.state && TERMINAL_STATES.includes(thread.state)) {\n      if (pollRef.current) {\n        clearInterval(pollRef.current);\n        pollRef.current = null;\n      }\n    }\n  }, [thread?.state]);\n\n  // Elapsed timer\n  useEffect(() => {\n    startTimeRef.current = Date.now();\n    timerRef.current = setInterval(() => {\n      setElapsedSeconds(Math.floor((Date.now() - startTimeRef.current) / 1000));\n    }, 1000);\n    return () => {\n      if (timerRef.current) clearInterval(timerRef.current);\n    };\n  }, []);\n\n  // Stop timer on terminal\n  useEffect(() => {\n    if (thread?.state && TERMINAL_STATES.includes(thread.state)) {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n        timerRef.current = null;\n      }\n    }\n  }, [thread?.state]);\n\n  // Computed\n  const isTerminal = !!(thread?.state && TERMINAL_STATES.includes(thread.state));\n  const isProcessing = thread?.state === AgentThreadState.PROCESSING || thread?.state === AgentThreadState.HANDED_OFF;\n  const totalTasks = thread?.tasks?.length || 0;\n  const completedTasks = thread?.tasks?.filter((t) => t.completed).length || 0;\n  const taskPercentage = totalTasks ? Math.round((completedTasks / totalTasks) * 100) : 0;\n\n  const lastMessage = thread?.threadContent?.[thread.threadContent.length - 1];\n  const lastSummary = lastMessage?.summary;\n\n  // Custom renderer\n  if (renderWidget) {\n    return <>{renderWidget({ thread, agent, elapsedSeconds, isTerminal })}</>;\n  }\n\n  return (\n    <div className=\"devic-handoff-widget\">\n      {/* Header: Agent avatar + name */}\n      <div className=\"devic-handoff-header\">\n        <div className=\"devic-handoff-agent-avatar\">\n          {/* The subagent's own face — uploaded, or generated from its id. The\n              robot glyph is kept for the case where the hand-off names no\n              agent at all, which is the only time there is nothing to draw. */}\n          {agent?.imgUrl || agent?._id ? (\n            <img\n              src={agent.imgUrl || avatarUri(agent._id!, agent.avatarStyle)}\n              alt=\"\"\n              className=\"devic-handoff-avatar-img\"\n            />\n          ) : (\n            <RobotFallbackIcon />\n          )}\n        </div>\n        <span className=\"devic-handoff-agent-name\">\n          {agent?.name || thread?.name || 'Subagent'}\n        </span>\n      </div>\n\n      {/* State tag */}\n      {thread?.state && (\n        <div className=\"devic-handoff-state-row\">\n          <ThreadStateTag\n            state={thread.state}\n            threadId={thread._id || subThreadId}\n            agentName={agent?.name || thread?.name || 'Subagent'}\n            pausedReason={thread.pausedReason}\n            finishReason={thread.finishReason}\n            pauseUntil={thread.pauseUntil}\n            interactive={true}\n            apiKey={resolvedApiKey}\n            baseUrl={resolvedBaseUrl}\n          />\n        </div>\n      )}\n\n      {/* Progress bar */}\n      {totalTasks > 0 && (\n        <div className=\"devic-handoff-progress\">\n          <div className=\"devic-handoff-progress-bar\">\n            <div\n              className=\"devic-handoff-progress-fill\"\n              data-status={thread?.state === AgentThreadState.FAILED ? 'error' : isTerminal ? 'success' : 'active'}\n              style={{ width: `${taskPercentage}%` }}\n            />\n          </div>\n          <span className=\"devic-handoff-progress-text\">\n            {completedTasks}/{totalTasks}\n          </span>\n        </div>\n      )}\n\n      {/* Indeterminate progress when no tasks */}\n      {totalTasks === 0 && isProcessing && (\n        <div className=\"devic-handoff-progress\">\n          <div className=\"devic-handoff-progress-bar\">\n            <div className=\"devic-handoff-progress-indeterminate\" />\n          </div>\n        </div>\n      )}\n\n      {/* Last message summary */}\n      {lastSummary && (\n        <div className={`devic-handoff-summary ${isProcessing ? 'devic-handoff-summary-active' : ''}`}>\n          {lastSummary}\n        </div>\n      )}\n\n      {/* Elapsed time */}\n      {isProcessing && (\n        <div className=\"devic-handoff-elapsed\">\n          <ClockSmallIcon />\n          <span>{formatElapsed(elapsedSeconds)}</span>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/* ── Icons ── */\n\nfunction RobotFallbackIcon(): JSX.Element {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#999\">\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=\"#999\" strokeWidth=\"2\" />\n      <circle cx=\"12\" cy=\"2\" r=\"1.5\" />\n    </svg>\n  );\n}\n\nfunction ClockSmallIcon(): 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"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"HandoffSubagentWidget.js","sources":["../../../../src/components/ChatDrawer/HandoffSubagentWidget.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport { AgentThreadState } from '../../api/types';\nimport type { AgentThreadDto, AgentDto } from '../../api/types';\nimport { ThreadStateTag } from '../ThreadStateTag';\nimport { resolvePollingInterval } from '../../hooks/usePolling';\nimport { createLogger } from '../../utils/logger';\nimport { avatarUri } from '../../utils/avatar';\nimport { useTranslations } from '../../i18n';\n\nconst TERMINAL_STATES: AgentThreadState[] = [\n  AgentThreadState.COMPLETED,\n  AgentThreadState.FAILED,\n  AgentThreadState.TERMINATED,\n];\n\n/**\n * The subagent runs for as long as it runs, so watching it does not need the\n * main conversation's rhythm. A configured `pollingInterval` still wins.\n */\nconst DEFAULT_POLL_INTERVAL_MS = 5000;\n\nexport interface HandoffSubagentWidgetProps {\n  /**\n   * The subthread ID to monitor\n   */\n  subThreadId: string;\n\n  /**\n   * Called when the subthread reaches a terminal state\n   */\n  onCompleted?: () => void;\n\n  /**\n   * API key (overrides provider context)\n   */\n  apiKey?: string;\n\n  /**\n   * Base URL (overrides provider context)\n   */\n  baseUrl?: string;\n\n  /**\n   * How often (ms) the subthread is polled while it runs. Overrides the\n   * DevicProvider's `pollingInterval`. Values below 250 ms are clamped.\n   * @default 5000\n   */\n  pollingInterval?: number;\n\n  /**\n   * Custom renderer to replace the entire widget content.\n   * Receives the thread and agent data.\n   */\n  renderWidget?: (props: {\n    thread: AgentThreadDto | null;\n    agent: AgentDto | null;\n    elapsedSeconds: number;\n    isTerminal: boolean;\n  }) => React.ReactNode;\n}\n\nfunction formatElapsed(seconds: number): string {\n  const m = Math.floor(seconds / 60);\n  const s = seconds % 60;\n  return m > 0 ? `${m}m ${s}s` : `${s}s`;\n}\n\nexport function HandoffSubagentWidget({\n  subThreadId,\n  onCompleted,\n  apiKey,\n  baseUrl,\n  pollingInterval,\n  renderWidget,\n}: HandoffSubagentWidgetProps): JSX.Element {\n  const t = useTranslations();\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const resolvedPollInterval = resolvePollingInterval(\n    pollingInterval,\n    context?.pollingInterval,\n    DEFAULT_POLL_INTERVAL_MS\n  );\n  const debug = context?.debug ?? false;\n  const log = useMemo(() => createLogger(debug), [debug]);\n\n  const [thread, setThread] = useState<AgentThreadDto | null>(null);\n  const [agent, setAgent] = useState<AgentDto | null>(null);\n  const [elapsedSeconds, setElapsedSeconds] = useState(0);\n\n  const pollRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const timerRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const hasCalledCompleted = useRef(false);\n  const startTimeRef = useRef(Date.now());\n\n  const resolvedTenantSession = context?.getTenantSession;\n  const onSessionExpired = context?.onSessionExpired;\n  const getClient = useCallback((): DevicApiClient | null => {\n    if (!resolvedApiKey && !resolvedTenantSession) return null;\n    return new DevicApiClient({\n      apiKey: resolvedApiKey,\n      baseUrl: resolvedBaseUrl,\n      getTenantSession: resolvedTenantSession,\n      onSessionExpired,\n    });\n  }, [resolvedApiKey, resolvedTenantSession, resolvedBaseUrl]);\n\n  const fetchThread = useCallback(async () => {\n    const client = getClient();\n    if (!client) return;\n\n    try {\n      const data = await client.getThreadById(subThreadId, true);\n      log.log('[HandoffSubagentWidget] Thread loaded:', {\n        id: data._id,\n        agentId: data.agentId,\n        parentAgentId: data.parentAgentId,\n        name: data.name,\n        state: data.state,\n      });\n      setThread(data);\n\n      if (\n        data.state &&\n        TERMINAL_STATES.includes(data.state) &&\n        !hasCalledCompleted.current\n      ) {\n        hasCalledCompleted.current = true;\n        onCompleted?.();\n      }\n    } catch (err) {\n      log.error('[HandoffSubagentWidget] Error fetching thread:', err);\n    }\n  }, [subThreadId, getClient, onCompleted]);\n\n  // Initial fetch + polling\n  useEffect(() => {\n    fetchThread();\n    pollRef.current = setInterval(fetchThread, resolvedPollInterval);\n    return () => {\n      if (pollRef.current) clearInterval(pollRef.current);\n    };\n  }, [fetchThread, resolvedPollInterval]);\n\n  // Fetch agent details once we have a thread with an agent ID\n  const agentIdToFetch = thread?.agentId || thread?.parentAgentId;\n  useEffect(() => {\n    if (!agentIdToFetch || agent) return;\n    const client = getClient();\n    if (!client) {\n      log.warn('[HandoffSubagentWidget] No API client available (missing apiKey?)');\n      return;\n    }\n\n    log.log('[HandoffSubagentWidget] Fetching agent details for:', agentIdToFetch);\n    client.getAgentDetails(agentIdToFetch).then((data) => {\n      log.log('[HandoffSubagentWidget] Agent details loaded:', data?.name);\n      setAgent(data);\n    }).catch((err) => {\n      log.warn('[HandoffSubagentWidget] Could not fetch agent details:', err);\n    });\n  }, [agentIdToFetch, agent, getClient]);\n\n  // Stop polling on terminal state\n  useEffect(() => {\n    if (thread?.state && TERMINAL_STATES.includes(thread.state)) {\n      if (pollRef.current) {\n        clearInterval(pollRef.current);\n        pollRef.current = null;\n      }\n    }\n  }, [thread?.state]);\n\n  // Elapsed timer\n  useEffect(() => {\n    startTimeRef.current = Date.now();\n    timerRef.current = setInterval(() => {\n      setElapsedSeconds(Math.floor((Date.now() - startTimeRef.current) / 1000));\n    }, 1000);\n    return () => {\n      if (timerRef.current) clearInterval(timerRef.current);\n    };\n  }, []);\n\n  // Stop timer on terminal\n  useEffect(() => {\n    if (thread?.state && TERMINAL_STATES.includes(thread.state)) {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n        timerRef.current = null;\n      }\n    }\n  }, [thread?.state]);\n\n  // Computed\n  const isTerminal = !!(thread?.state && TERMINAL_STATES.includes(thread.state));\n  const isProcessing = thread?.state === AgentThreadState.PROCESSING || thread?.state === AgentThreadState.HANDED_OFF;\n  const totalTasks = thread?.tasks?.length || 0;\n  const completedTasks = thread?.tasks?.filter((t) => t.completed).length || 0;\n  const taskPercentage = totalTasks ? Math.round((completedTasks / totalTasks) * 100) : 0;\n\n  const lastMessage = thread?.threadContent?.[thread.threadContent.length - 1];\n  const lastSummary = lastMessage?.summary;\n\n  // Custom renderer\n  if (renderWidget) {\n    return <>{renderWidget({ thread, agent, elapsedSeconds, isTerminal })}</>;\n  }\n\n  return (\n    <div className=\"devic-handoff-widget\">\n      {/* Header: Agent avatar + name */}\n      <div className=\"devic-handoff-header\">\n        <div className=\"devic-handoff-agent-avatar\">\n          {/* The subagent's own face — uploaded, or generated from its id. The\n              robot glyph is kept for the case where the hand-off names no\n              agent at all, which is the only time there is nothing to draw. */}\n          {agent?.imgUrl || agent?._id ? (\n            <img\n              src={agent.imgUrl || avatarUri(agent._id!, agent.avatarStyle)}\n              alt=\"\"\n              className=\"devic-handoff-avatar-img\"\n            />\n          ) : (\n            <RobotFallbackIcon />\n          )}\n        </div>\n        <span className=\"devic-handoff-agent-name\">\n          {agent?.name || thread?.name || t('Subagent')}\n        </span>\n      </div>\n\n      {/* State tag */}\n      {thread?.state && (\n        <div className=\"devic-handoff-state-row\">\n          <ThreadStateTag\n            state={thread.state}\n            threadId={thread._id || subThreadId}\n            agentName={agent?.name || thread?.name || t('Subagent')}\n            pausedReason={thread.pausedReason}\n            finishReason={thread.finishReason}\n            pauseUntil={thread.pauseUntil}\n            interactive={true}\n            apiKey={resolvedApiKey}\n            baseUrl={resolvedBaseUrl}\n          />\n        </div>\n      )}\n\n      {/* Progress bar */}\n      {totalTasks > 0 && (\n        <div className=\"devic-handoff-progress\">\n          <div className=\"devic-handoff-progress-bar\">\n            <div\n              className=\"devic-handoff-progress-fill\"\n              data-status={thread?.state === AgentThreadState.FAILED ? 'error' : isTerminal ? 'success' : 'active'}\n              style={{ width: `${taskPercentage}%` }}\n            />\n          </div>\n          <span className=\"devic-handoff-progress-text\">\n            {completedTasks}/{totalTasks}\n          </span>\n        </div>\n      )}\n\n      {/* Indeterminate progress when no tasks */}\n      {totalTasks === 0 && isProcessing && (\n        <div className=\"devic-handoff-progress\">\n          <div className=\"devic-handoff-progress-bar\">\n            <div className=\"devic-handoff-progress-indeterminate\" />\n          </div>\n        </div>\n      )}\n\n      {/* Last message summary */}\n      {lastSummary && (\n        <div className={`devic-handoff-summary ${isProcessing ? 'devic-handoff-summary-active' : ''}`}>\n          {lastSummary}\n        </div>\n      )}\n\n      {/* Elapsed time */}\n      {isProcessing && (\n        <div className=\"devic-handoff-elapsed\">\n          <ClockSmallIcon />\n          <span>{formatElapsed(elapsedSeconds)}</span>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/* ── Icons ── */\n\nfunction RobotFallbackIcon(): JSX.Element {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#999\">\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=\"#999\" strokeWidth=\"2\" />\n      <circle cx=\"12\" cy=\"2\" r=\"1.5\" />\n    </svg>\n  );\n}\n\nfunction ClockSmallIcon(): 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"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/dist/esm/components/ChatDrawer/LimitBanner.js

@@ -1,19 +1,28 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslations } from '../../i18n/useTranslations.js';
 
-function resetText(resetsAt) {
+function resetText(t, resetsAt) {
     if (!resetsAt)
         return null;
     const ms = resetsAt - Date.now();
     if (ms <= 0)
-        return 'You can try again now.';
+        return t('You can try again now.');
     const mins = Math.round(ms / 60000);
-    if (mins < 60)
-        return `Resets in ${mins} minute${mins === 1 ? '' : 's'}.`;
+    if (mins < 60) {
+        return mins === 1
+            ? t('Resets in 1 minute.')
+            : t('Resets in {count} minutes.', { count: mins });
+    }
     const hours = Math.round(mins / 60);
-    if (hours < 48)
-        return `Resets in ${hours} hour${hours === 1 ? '' : 's'}.`;
+    if (hours < 48) {
+        return hours === 1
+            ? t('Resets in 1 hour.')
+            : t('Resets in {count} hours.', { count: hours });
+    }
     const days = Math.round(hours / 24);
-    return `Resets in ${days} day${days === 1 ? '' : 's'}.`;
+    return days === 1
+        ? t('Resets in 1 day.')
+        : t('Resets in {count} days.', { count: days });
 }
 /**
  * Default banner shown above the chat input when a message is blocked by a
@@ -22,8 +31,9 @@ function resetText(resetsAt) {
  * `options.limitBannerRenderer`.
  */
 function LimitBanner({ limit }) {
-    const message = limit.message || 'Usage limit reached.';
-    const reset = resetText(limit.resetsAt);
+    const t = useTranslations();
+    const message = limit.message || t('Usage limit reached.');
+    const reset = resetText(t, limit.resetsAt);
     return (jsxs("div", { className: "devic-limit-banner", role: "alert", children: [jsx("span", { className: "devic-limit-banner-icon", "aria-hidden": "true", children: jsx(WarningIcon, {}) }), jsxs("div", { className: "devic-limit-banner-text", children: [jsx("span", { className: "devic-limit-banner-title", children: message }), reset && jsx("span", { className: "devic-limit-banner-reset", children: reset })] })] }));
 }
 function WarningIcon() {

package/dist/esm/components/ChatDrawer/LimitBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitBanner.js","sources":["../../../../src/components/ChatDrawer/LimitBanner.tsx"],"sourcesContent":["import React from 'react';\nimport type { TenantLimitExceeded } from '../../api/types';\n\nexport interface LimitBannerProps {\n  limit: TenantLimitExceeded;\n}\n\nfunction resetText(resetsAt?: number): string | null {\n  if (!resetsAt) return null;\n  const ms = resetsAt - Date.now();\n  if (ms <= 0) return 'You can try again now.';\n  const mins = Math.round(ms / 60000);\n  if (mins < 60) return `Resets in ${mins} minute${mins === 1 ? '' : 's'}.`;\n  const hours = Math.round(mins / 60);\n  if (hours < 48) return `Resets in ${hours} hour${hours === 1 ? '' : 's'}.`;\n  const days = Math.round(hours / 24);\n  return `Resets in ${days} day${days === 1 ? '' : 's'}.`;\n}\n\n/**\n * Default banner shown above the chat input when a message is blocked by a\n * tenant/subtenant usage limit. Antd-free — styled via `.devic-limit-banner*`.\n * Suppress it with `options.hideLimitBanner` or replace it with\n * `options.limitBannerRenderer`.\n */\nexport function LimitBanner({ limit }: LimitBannerProps): JSX.Element {\n  const message = limit.message || 'Usage limit reached.';\n  const reset = resetText(limit.resetsAt);\n  return (\n    <div className=\"devic-limit-banner\" role=\"alert\">\n      <span className=\"devic-limit-banner-icon\" aria-hidden=\"true\">\n        <WarningIcon />\n      </span>\n      <div className=\"devic-limit-banner-text\">\n        <span className=\"devic-limit-banner-title\">{message}</span>\n        {reset && <span className=\"devic-limit-banner-reset\">{reset}</span>}\n      </div>\n    </div>\n  );\n}\n\nfunction WarningIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n      <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n      <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n    </svg>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;AAOA,SAAS,SAAS,CAAC,QAAiB,EAAA;AAClC,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,IAAI;IAC1B,MAAM,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE;IAChC,IAAI,EAAE,IAAI,CAAC;AAAE,QAAA,OAAO,wBAAwB;IAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC;IACnC,IAAI,IAAI,GAAG,EAAE;AAAE,QAAA,OAAO,CAAA,UAAA,EAAa,IAAI,CAAA,OAAA,EAAU,IAAI,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG;IACzE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC;IACnC,IAAI,KAAK,GAAG,EAAE;AAAE,QAAA,OAAO,CAAA,UAAA,EAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG;IAC1E,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;AACnC,IAAA,OAAO,CAAA,UAAA,EAAa,IAAI,CAAA,IAAA,EAAO,IAAI,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG;AACzD;AAEA;;;;;AAKG;AACG,SAAU,WAAW,CAAC,EAAE,KAAK,EAAoB,EAAA;AACrD,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,sBAAsB;IACvD,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC;IACvC,QACEA,cAAK,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,OAAO,EAAA,QAAA,EAAA,CAC9CC,cAAM,SAAS,EAAC,yBAAyB,EAAA,aAAA,EAAa,MAAM,YAC1DA,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EAAA,CACV,EACPD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,aACtCC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAE,OAAO,EAAA,CAAQ,EAC1D,KAAK,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CAC/D,CAAA,EAAA,CACF;AAEV;AAEA,SAAS,WAAW,GAAA;AAClB,IAAA,QACED,IAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,QAAA,EAAA,CAEtBC,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,0FAA0F,EAAA,CAAG,EACrGA,cAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,EACvCA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,CAAA,EAAA,CACvC;AAEV;;"}
+{"version":3,"file":"LimitBanner.js","sources":["../../../../src/components/ChatDrawer/LimitBanner.tsx"],"sourcesContent":["import React from 'react';\nimport type { TenantLimitExceeded } from '../../api/types';\nimport { useTranslations } from '../../i18n';\nimport type { Translator } from '../../i18n';\n\nexport interface LimitBannerProps {\n  limit: TenantLimitExceeded;\n}\n\nfunction resetText(t: Translator, resetsAt?: number): string | null {\n  if (!resetsAt) return null;\n  const ms = resetsAt - Date.now();\n  if (ms <= 0) return t('You can try again now.');\n  const mins = Math.round(ms / 60000);\n  if (mins < 60) {\n    return mins === 1\n      ? t('Resets in 1 minute.')\n      : t('Resets in {count} minutes.', { count: mins });\n  }\n  const hours = Math.round(mins / 60);\n  if (hours < 48) {\n    return hours === 1\n      ? t('Resets in 1 hour.')\n      : t('Resets in {count} hours.', { count: hours });\n  }\n  const days = Math.round(hours / 24);\n  return days === 1\n    ? t('Resets in 1 day.')\n    : t('Resets in {count} days.', { count: days });\n}\n\n/**\n * Default banner shown above the chat input when a message is blocked by a\n * tenant/subtenant usage limit. Antd-free — styled via `.devic-limit-banner*`.\n * Suppress it with `options.hideLimitBanner` or replace it with\n * `options.limitBannerRenderer`.\n */\nexport function LimitBanner({ limit }: LimitBannerProps): JSX.Element {\n  const t = useTranslations();\n  const message = limit.message || t('Usage limit reached.');\n  const reset = resetText(t, limit.resetsAt);\n  return (\n    <div className=\"devic-limit-banner\" role=\"alert\">\n      <span className=\"devic-limit-banner-icon\" aria-hidden=\"true\">\n        <WarningIcon />\n      </span>\n      <div className=\"devic-limit-banner-text\">\n        <span className=\"devic-limit-banner-title\">{message}</span>\n        {reset && <span className=\"devic-limit-banner-reset\">{reset}</span>}\n      </div>\n    </div>\n  );\n}\n\nfunction WarningIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n      <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n      <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n    </svg>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;AASA,SAAS,SAAS,CAAC,CAAa,EAAE,QAAiB,EAAA;AACjD,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,IAAI;IAC1B,MAAM,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE;IAChC,IAAI,EAAE,IAAI,CAAC;AAAE,QAAA,OAAO,CAAC,CAAC,wBAAwB,CAAC;IAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC;AACnC,IAAA,IAAI,IAAI,GAAG,EAAE,EAAE;QACb,OAAO,IAAI,KAAK;AACd,cAAE,CAAC,CAAC,qBAAqB;cACvB,CAAC,CAAC,4BAA4B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IACtD;IACA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC;AACnC,IAAA,IAAI,KAAK,GAAG,EAAE,EAAE;QACd,OAAO,KAAK,KAAK;AACf,cAAE,CAAC,CAAC,mBAAmB;cACrB,CAAC,CAAC,0BAA0B,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;IACrD;IACA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;IACnC,OAAO,IAAI,KAAK;AACd,UAAE,CAAC,CAAC,kBAAkB;UACpB,CAAC,CAAC,yBAAyB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACnD;AAEA;;;;;AAKG;AACG,SAAU,WAAW,CAAC,EAAE,KAAK,EAAoB,EAAA;AACrD,IAAA,MAAM,CAAC,GAAG,eAAe,EAAE;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,sBAAsB,CAAC;IAC1D,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC;IAC1C,QACEA,cAAK,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,OAAO,EAAA,QAAA,EAAA,CAC9CC,cAAM,SAAS,EAAC,yBAAyB,EAAA,aAAA,EAAa,MAAM,YAC1DA,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EAAA,CACV,EACPD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,aACtCC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAE,OAAO,EAAA,CAAQ,EAC1D,KAAK,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CAC/D,CAAA,EAAA,CACF;AAEV;AAEA,SAAS,WAAW,GAAA;AAClB,IAAA,QACED,IAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,QAAA,EAAA,CAEtBC,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,0FAA0F,EAAA,CAAG,EACrGA,cAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,EACvCA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,CAAA,EAAA,CACvC;AAEV;;"}

package/dist/esm/components/ChatDrawer/QueueNotice.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslations } from '../../i18n/useTranslations.js';
 
 /**
  * The line above the input that says what happens to a message written while
@@ -10,7 +11,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
  * `options.queueNoticeRenderer`.
  */
 function QueueNotice({ queuedCount, willProcess, alert, }) {
-    return (jsxs("div", { className: "devic-queue-notice", "data-alert": alert ? 'true' : undefined, role: alert ? 'alert' : 'status', children: [jsx("span", { className: "devic-queue-notice-icon", "aria-hidden": "true", children: alert ? jsx(WarningIcon, {}) : jsx(ClockIcon, {}) }), jsx("span", { children: alert || noticeText(queuedCount, willProcess) })] }));
+    const t = useTranslations();
+    return (jsxs("div", { className: "devic-queue-notice", "data-alert": alert ? 'true' : undefined, role: alert ? 'alert' : 'status', children: [jsx("span", { className: "devic-queue-notice-icon", "aria-hidden": "true", children: alert ? jsx(WarningIcon, {}) : jsx(ClockIcon, {}) }), jsx("span", { children: alert || noticeText(t, queuedCount, willProcess) })] }));
 }
 /**
  * Three different promises, so three different sentences.
@@ -20,18 +22,28 @@ function QueueNotice({ queuedCount, willProcess, alert, }) {
  * sender to finish. Telling that person the assistant will pick it up "on its
  * next turn" describes a turn that is not happening.
  */
-function noticeText(queuedCount, willProcess) {
+function noticeText(t, queuedCount, willProcess) {
     if (queuedCount <= 0) {
-        return 'The assistant is still answering. Send anyway and your message joins its next turn.';
+        return t('The assistant is still answering. Send anyway and your message joins its next turn.');
     }
-    const subject = queuedCount === 1 ? '1 message' : `${queuedCount} messages`;
+    // Singular and plural are separate entries rather than a placeholder over a
+    // suffix: the two differ by more than an "s" in most languages.
+    const one = queuedCount === 1;
     if (willProcess === 'after_delay') {
-        return `${subject} waiting — the assistant is giving you a moment to finish before it answers.`;
+        return one
+            ? t('1 message waiting — the assistant is giving you a moment to finish before it answers.')
+            : t('{count} messages waiting — the assistant is giving you a moment to finish before it answers.', { count: queuedCount });
     }
     if (willProcess === 'on_resume') {
-        return `${subject} waiting — the assistant picks ${queuedCount === 1 ? 'it' : 'them'} up when it comes back to this conversation.`;
+        return one
+            ? t('1 message waiting — the assistant picks it up when it comes back to this conversation.')
+            : t('{count} messages waiting — the assistant picks them up when it comes back to this conversation.', { count: queuedCount });
     }
-    return `${subject} waiting — the assistant picks ${queuedCount === 1 ? 'it' : 'them'} up on its next turn.`;
+    return one
+        ? t('1 message waiting — the assistant picks it up on its next turn.')
+        : t('{count} messages waiting — the assistant picks them up on its next turn.', {
+            count: queuedCount,
+        });
 }
 function WarningIcon() {
     return (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] }));

package/dist/esm/components/ChatDrawer/QueueNotice.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueueNotice.js","sources":["../../../../src/components/ChatDrawer/QueueNotice.tsx"],"sourcesContent":["import React from 'react';\nimport type { QueueDisposition } from '../../api/types';\n\nexport interface QueueNoticeProps {\n  /** How many messages are waiting on this conversation right now. */\n  queuedCount: number;\n  /** What the last accepted message was told. Shapes the wording. */\n  willProcess?: QueueDisposition;\n  /**\n   * Something happened to a message that the count alone does not explain — it\n   * was turned down, or a stop threw it away. Replaces the standing text while\n   * it is set, since it is the more urgent of the two.\n   */\n  alert?: string;\n}\n\n/**\n * The line above the input that says what happens to a message written while\n * the assistant is working.\n *\n * Writing into a conversation that is busy is allowed but not obvious, so it is\n * spelled out twice: before sending, what the button will do; after, what became\n * of it. Suppress it with `options.hideQueueNotice`, or replace it with\n * `options.queueNoticeRenderer`.\n */\nexport function QueueNotice({\n  queuedCount,\n  willProcess,\n  alert,\n}: QueueNoticeProps): JSX.Element {\n  return (\n    <div\n      className=\"devic-queue-notice\"\n      data-alert={alert ? 'true' : undefined}\n      role={alert ? 'alert' : 'status'}\n    >\n      <span className=\"devic-queue-notice-icon\" aria-hidden=\"true\">\n        {alert ? <WarningIcon /> : <ClockIcon />}\n      </span>\n      <span>{alert || noticeText(queuedCount, willProcess)}</span>\n    </div>\n  );\n}\n\n/**\n * Three different promises, so three different sentences.\n *\n * `after_delay` is the one that is easy to get wrong: an assistant with an input\n * delay queues what is written while the conversation is *idle*, waiting for the\n * sender to finish. Telling that person the assistant will pick it up \"on its\n * next turn\" describes a turn that is not happening.\n */\nfunction noticeText(\n  queuedCount: number,\n  willProcess?: QueueDisposition\n): string {\n  if (queuedCount <= 0) {\n    return 'The assistant is still answering. Send anyway and your message joins its next turn.';\n  }\n\n  const subject = queuedCount === 1 ? '1 message' : `${queuedCount} messages`;\n\n  if (willProcess === 'after_delay') {\n    return `${subject} waiting — the assistant is giving you a moment to finish before it answers.`;\n  }\n  if (willProcess === 'on_resume') {\n    return `${subject} waiting — the assistant picks ${\n      queuedCount === 1 ? 'it' : 'them'\n    } up when it comes back to this conversation.`;\n  }\n  return `${subject} waiting — the assistant picks ${\n    queuedCount === 1 ? 'it' : 'them'\n  } up on its next turn.`;\n}\n\nfunction WarningIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n      <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n      <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n    </svg>\n  );\n}\n\nfunction ClockIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <polyline points=\"12 7 12 12 15 14\" />\n    </svg>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;AAgBA;;;;;;;;AAQG;AACG,SAAU,WAAW,CAAC,EAC1B,WAAW,EACX,WAAW,EACX,KAAK,GACY,EAAA;AACjB,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,oBAAoB,EAAA,YAAA,EAClB,KAAK,GAAG,MAAM,GAAG,SAAS,EACtC,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,EAAA,QAAA,EAAA,CAEhCC,cAAM,SAAS,EAAC,yBAAyB,EAAA,aAAA,EAAa,MAAM,EAAA,QAAA,EACzD,KAAK,GAAGA,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,GAAGA,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACnC,EACPA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,IAAI,UAAU,CAAC,WAAW,EAAE,WAAW,CAAC,EAAA,CAAQ,CAAA,EAAA,CACxD;AAEV;AAEA;;;;;;;AAOG;AACH,SAAS,UAAU,CACjB,WAAmB,EACnB,WAA8B,EAAA;AAE9B,IAAA,IAAI,WAAW,IAAI,CAAC,EAAE;AACpB,QAAA,OAAO,qFAAqF;IAC9F;AAEA,IAAA,MAAM,OAAO,GAAG,WAAW,KAAK,CAAC,GAAG,WAAW,GAAG,CAAA,EAAG,WAAW,WAAW;AAE3E,IAAA,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,CAAA,EAAG,OAAO,CAAA,4EAAA,CAA8E;IACjG;AACA,IAAA,IAAI,WAAW,KAAK,WAAW,EAAE;AAC/B,QAAA,OAAO,CAAA,EAAG,OAAO,CAAA,+BAAA,EACf,WAAW,KAAK,CAAC,GAAG,IAAI,GAAG,MAC7B,8CAA8C;IAChD;AACA,IAAA,OAAO,CAAA,EAAG,OAAO,CAAA,+BAAA,EACf,WAAW,KAAK,CAAC,GAAG,IAAI,GAAG,MAC7B,uBAAuB;AACzB;AAEA,SAAS,WAAW,GAAA;AAClB,IAAA,QACED,IAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,QAAA,EAAA,CAEtBC,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,0FAA0F,EAAA,CAAG,EACrGA,cAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,EACvCA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,CAAA,EAAA,CACvC;AAEV;AAEA,SAAS,SAAS,GAAA;IAChB,QACED,IAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,QAAA,EAAA,CAEtBC,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAA,CAAG,EAChCA,GAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,kBAAkB,EAAA,CAAG,CAAA,EAAA,CAClC;AAEV;;"}
+{"version":3,"file":"QueueNotice.js","sources":["../../../../src/components/ChatDrawer/QueueNotice.tsx"],"sourcesContent":["import React from 'react';\nimport type { QueueDisposition } from '../../api/types';\nimport { useTranslations } from '../../i18n';\nimport type { Translator } from '../../i18n';\n\nexport interface QueueNoticeProps {\n  /** How many messages are waiting on this conversation right now. */\n  queuedCount: number;\n  /** What the last accepted message was told. Shapes the wording. */\n  willProcess?: QueueDisposition;\n  /**\n   * Something happened to a message that the count alone does not explain — it\n   * was turned down, or a stop threw it away. Replaces the standing text while\n   * it is set, since it is the more urgent of the two.\n   */\n  alert?: string;\n}\n\n/**\n * The line above the input that says what happens to a message written while\n * the assistant is working.\n *\n * Writing into a conversation that is busy is allowed but not obvious, so it is\n * spelled out twice: before sending, what the button will do; after, what became\n * of it. Suppress it with `options.hideQueueNotice`, or replace it with\n * `options.queueNoticeRenderer`.\n */\nexport function QueueNotice({\n  queuedCount,\n  willProcess,\n  alert,\n}: QueueNoticeProps): JSX.Element {\n  const t = useTranslations();\n  return (\n    <div\n      className=\"devic-queue-notice\"\n      data-alert={alert ? 'true' : undefined}\n      role={alert ? 'alert' : 'status'}\n    >\n      <span className=\"devic-queue-notice-icon\" aria-hidden=\"true\">\n        {alert ? <WarningIcon /> : <ClockIcon />}\n      </span>\n      <span>{alert || noticeText(t, queuedCount, willProcess)}</span>\n    </div>\n  );\n}\n\n/**\n * Three different promises, so three different sentences.\n *\n * `after_delay` is the one that is easy to get wrong: an assistant with an input\n * delay queues what is written while the conversation is *idle*, waiting for the\n * sender to finish. Telling that person the assistant will pick it up \"on its\n * next turn\" describes a turn that is not happening.\n */\nfunction noticeText(\n  t: Translator,\n  queuedCount: number,\n  willProcess?: QueueDisposition\n): string {\n  if (queuedCount <= 0) {\n    return t(\n      'The assistant is still answering. Send anyway and your message joins its next turn.'\n    );\n  }\n\n  // Singular and plural are separate entries rather than a placeholder over a\n  // suffix: the two differ by more than an \"s\" in most languages.\n  const one = queuedCount === 1;\n\n  if (willProcess === 'after_delay') {\n    return one\n      ? t(\n          '1 message waiting — the assistant is giving you a moment to finish before it answers.'\n        )\n      : t(\n          '{count} messages waiting — the assistant is giving you a moment to finish before it answers.',\n          { count: queuedCount }\n        );\n  }\n  if (willProcess === 'on_resume') {\n    return one\n      ? t(\n          '1 message waiting — the assistant picks it up when it comes back to this conversation.'\n        )\n      : t(\n          '{count} messages waiting — the assistant picks them up when it comes back to this conversation.',\n          { count: queuedCount }\n        );\n  }\n  return one\n    ? t('1 message waiting — the assistant picks it up on its next turn.')\n    : t('{count} messages waiting — the assistant picks them up on its next turn.', {\n        count: queuedCount,\n      });\n}\n\nfunction WarningIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n      <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n      <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n    </svg>\n  );\n}\n\nfunction ClockIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <polyline points=\"12 7 12 12 15 14\" />\n    </svg>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/ChatDrawer/RecalledMemoriesWidget.js

@@ -1,5 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
+import { useTranslations } from '../../i18n/useTranslations.js';
 
 const SOURCE_LABELS = {
     conversation_start: "Automatic recall",
@@ -47,6 +48,7 @@ function ChevronIcon({ up }) {
  * Renders nothing when the records carry no content.
  */
 function RecalledMemoriesWidget({ records, isLoading = false, renderer, }) {
+    const t = useTranslations();
     const [expanded, setExpanded] = useState(false);
     if (renderer) {
         return jsx(Fragment, { children: renderer({ records, isLoading }) });
@@ -56,19 +58,29 @@ function RecalledMemoriesWidget({ records, isLoading = false, renderer, }) {
     const turns = records
         .filter((r) => r.source === "conversation_start")
         .flatMap((r) => r.turns ?? []);
-    const sources = [...new Set(records.map((r) => SOURCE_LABELS[r.source]))];
+    const sources = [
+        ...new Set(records.map((r) => t(SOURCE_LABELS[r.source]))),
+    ];
     if (!facts.length && !entities.length && !turns.length)
         return null;
     const summaryParts = [];
     if (facts.length) {
-        summaryParts.push(`${facts.length} fact${facts.length > 1 ? "s" : ""}`);
+        summaryParts.push(facts.length === 1
+            ? t("1 fact")
+            : t("{count} facts", { count: facts.length }));
     }
     if (entities.length) {
-        summaryParts.push(`${entities.length} entit${entities.length > 1 ? "ies" : "y"}`);
+        summaryParts.push(entities.length === 1
+            ? t("1 entity")
+            : t("{count} entities", { count: entities.length }));
     }
-    return (jsxs("div", { className: "devic-recall", children: [jsxs("button", { type: "button", className: "devic-recall-header", onClick: () => setExpanded((v) => !v), "aria-expanded": expanded, children: [jsx(BrainIcon, {}), jsx("span", { className: "devic-recall-title", children: "Recalled memories" }), summaryParts.length > 0 && (jsx("span", { className: "devic-recall-summary", children: summaryParts.join(" · ") })), jsx("span", { className: "devic-recall-spacer" }), sources.map((s) => (jsx("span", { className: "devic-recall-source", children: s }, s))), jsx(ChevronIcon, { up: expanded })] }), expanded && (jsxs("div", { className: "devic-recall-body", children: [facts.length > 0 && (jsx("div", { className: "devic-recall-facts", children: facts.map((fact, i) => (jsxs("div", { className: "devic-recall-fact", children: [jsx("span", { children: fact.fact }), jsxs("span", { className: "devic-recall-fact-meta", children: [fact.source && fact.target
+    return (jsxs("div", { className: "devic-recall", children: [jsxs("button", { type: "button", className: "devic-recall-header", onClick: () => setExpanded((v) => !v), "aria-expanded": expanded, children: [jsx(BrainIcon, {}), jsx("span", { className: "devic-recall-title", children: t("Recalled memories") }), summaryParts.length > 0 && (jsx("span", { className: "devic-recall-summary", children: summaryParts.join(" · ") })), jsx("span", { className: "devic-recall-spacer" }), sources.map((s) => (jsx("span", { className: "devic-recall-source", children: s }, s))), jsx(ChevronIcon, { up: expanded })] }), expanded && (jsxs("div", { className: "devic-recall-body", children: [facts.length > 0 && (jsx("div", { className: "devic-recall-facts", children: facts.map((fact, i) => (jsxs("div", { className: "devic-recall-fact", children: [jsx("span", { children: fact.fact }), jsxs("span", { className: "devic-recall-fact-meta", children: [fact.source && fact.target
                                             ? `${fact.source} → ${fact.relation} → ${fact.target}`
-                                            : fact.relation, fact.validAt ? ` · since ${fact.validAt.slice(0, 10)}` : ""] })] }, i))) })), entities.length > 0 && (jsx("div", { className: "devic-recall-entities", children: entities.map((entity) => (jsxs("span", { className: "devic-recall-entity", title: entity.summary || undefined, children: [entity.name, jsxs("span", { className: "devic-recall-entity-type", children: [" ", "\u00B7 ", entity.type] })] }, entity.id))) })), turns.length > 0 && (jsxs("div", { className: "devic-recall-turns", children: [jsx("span", { className: "devic-recall-turns-title", children: "Previous session context" }), turns.map((turn, i) => (jsxs("span", { className: "devic-recall-turn", children: [jsxs("span", { className: "devic-recall-turn-role", children: [turn.role, ":"] }), " ", turn.content] }, i)))] }))] }))] }));
+                                            : fact.relation, fact.validAt
+                                            ? ` · ${t("since {date}", {
+                                                date: fact.validAt.slice(0, 10),
+                                            })}`
+                                            : ""] })] }, i))) })), entities.length > 0 && (jsx("div", { className: "devic-recall-entities", children: entities.map((entity) => (jsxs("span", { className: "devic-recall-entity", title: entity.summary || undefined, children: [entity.name, jsxs("span", { className: "devic-recall-entity-type", children: [" ", "\u00B7 ", entity.type] })] }, entity.id))) })), turns.length > 0 && (jsxs("div", { className: "devic-recall-turns", children: [jsx("span", { className: "devic-recall-turns-title", children: t("Previous session context") }), turns.map((turn, i) => (jsxs("span", { className: "devic-recall-turn", children: [jsxs("span", { className: "devic-recall-turn-role", children: [turn.role, ":"] }), " ", turn.content] }, i)))] }))] }))] }));
 }
 
 export { RecalledMemoriesWidget };