@devicai/ui 0.57.0 → 0.59.0

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

@@ -1 +1 @@
-{"version":3,"file":"CompactionWidget.js","sources":["../../../../../src/components/ChatDrawer/CompactionWidget.tsx"],"sourcesContent":["import { useState, type JSX, type ReactNode } from \"react\";\nimport type {\n  CompactionActivity,\n  CompactionCheckpoint,\n  CompactionSummary,\n} from \"../../api/types\";\n\n/** Data handed to a custom compaction renderer. */\nexport interface CompactionRendererProps {\n  /**\n   * The checkpoint at this point of the conversation. Null while a compaction\n   * is being written and there is nothing to show yet.\n   */\n  checkpoint: CompactionCheckpoint | null;\n  /**\n   * True for the checkpoint that currently governs the context. Each\n   * compaction merges the previous summary into itself, so the earlier ones\n   * are a record rather than something still being sent.\n   */\n  isActive: boolean;\n  /**\n   * The compaction happening right now, or null. Present without a checkpoint\n   * means one is being written; the numbers say what it is folding.\n   */\n  activity: CompactionActivity | null;\n}\n\n/** Replaces the built-in compaction marker. Return null to hide it. */\nexport type CompactionRenderer = (props: CompactionRendererProps) => ReactNode;\n\nfunction formatTokens(value: number): string {\n  if (!value) return \"0\";\n  if (value < 1000) return String(value);\n  if (value < 1_000_000) return `${(value / 1000).toFixed(1)}k`;\n  return `${(value / 1_000_000).toFixed(2)}M`;\n}\n\nfunction CompressIcon(): JSX.Element {\n  return (\n    <svg\n      className=\"devic-compaction-icon\"\n      width=\"13\"\n      height=\"13\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"4 14 10 14 10 20\" />\n      <polyline points=\"20 10 14 10 14 4\" />\n      <line x1=\"14\" y1=\"10\" x2=\"21\" y2=\"3\" />\n      <line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\" />\n    </svg>\n  );\n}\n\nfunction ChevronIcon({ up }: { up: boolean }): JSX.Element {\n  return (\n    <svg\n      className=\"devic-compaction-chevron\"\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      aria-hidden=\"true\"\n      style={{ transform: up ? \"rotate(180deg)\" : undefined }}\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction Section({\n  title,\n  children,\n}: {\n  title: string;\n  children: ReactNode;\n}): JSX.Element {\n  return (\n    <div className=\"devic-compaction-section\">\n      <span className=\"devic-compaction-section-title\">{title}</span>\n      {children}\n    </div>\n  );\n}\n\nfunction Bullets({ items }: { items?: string[] }): JSX.Element | null {\n  if (!items?.length) return null;\n  return (\n    <ul className=\"devic-compaction-list\">\n      {items.map((item, i) => (\n        <li key={i}>{item}</li>\n      ))}\n    </ul>\n  );\n}\n\nfunction hasStructure(summary: CompactionSummary): boolean {\n  return Boolean(\n    summary.goal ||\n      summary.constraints?.length ||\n      summary.inProgress ||\n      summary.pending?.length ||\n      summary.decisions?.length ||\n      summary.data?.length ||\n      summary.done?.length ||\n      summary.openQuestions?.length\n  );\n}\n\nexport interface CompactionWidgetProps {\n  checkpoint: CompactionCheckpoint | null;\n  isActive?: boolean;\n  activity?: CompactionActivity | null;\n  renderer?: CompactionRenderer;\n  /**\n   * Lets the reader open the checkpoint and read what it says.\n   *\n   * Off by default, because what opens is not metadata: it is a model-written\n   * account of the conversation — its goal, the decisions taken and why, what\n   * is still pending, and the identifiers lifted out of it verbatim. That is\n   * the right thing to put in front of an operator and the wrong thing to put\n   * in front of the customer the conversation is with, so the closed form is\n   * the default and opening it is a decision the host makes.\n   *\n   * Collapsed it still says a compaction happened and how much it folded:\n   * hiding that would misrepresent the conversation, which is the opposite of\n   * the point.\n   */\n  expandable?: boolean;\n}\n\n/**\n * The cut line in the conversation.\n *\n * Anchored to the last message a checkpoint folded, it marks the exact point\n * where the assistant's view of the conversation stops: everything above it\n * is still here, still readable, and no longer sent. It is a rule across the\n * thread with the headline numbers, and — where the host opts in with\n * `expandable` — it opens to show what the assistant reads in place of those\n * messages.\n *\n * With no checkpoint yet and a compaction in flight it says so instead — that\n * is a model call of its own, and without it the conversation just appears to\n * have gone quiet.\n *\n * Deliberately not a message bubble: a checkpoint is not something anyone\n * said.\n */\nexport function CompactionWidget({\n  checkpoint,\n  isActive = true,\n  activity = null,\n  renderer,\n  expandable = false,\n}: CompactionWidgetProps): JSX.Element | null {\n  const [expanded, setExpanded] = useState(false);\n\n  if (renderer) {\n    return <>{renderer({ checkpoint, isActive, activity })}</>;\n  }\n\n  const running = activity?.state === \"running\";\n\n  if (!checkpoint) {\n    if (!running) return null;\n    return (\n      <div className=\"devic-compaction devic-compaction-running\">\n        <span className=\"devic-compaction-rule\" />\n        <span className=\"devic-compaction-pill\">\n          <CompressIcon />\n          <span className=\"devic-compaction-title\">Compacting context</span>\n          <span className=\"devic-compaction-meta\">\n            {activity!.messageCount} message\n            {activity!.messageCount === 1 ? \"\" : \"s\"} ·{\" \"}\n            {formatTokens(activity!.tokensBefore)} tokens\n          </span>\n          <span className=\"devic-compaction-dots\" aria-hidden=\"true\">\n            <i />\n            <i />\n            <i />\n          </span>\n        </span>\n        <span className=\"devic-compaction-rule\" />\n      </div>\n    );\n  }\n\n  const summary = checkpoint.summary || {};\n  const structured = hasStructure(summary);\n\n  const tooltip = `${checkpoint.compactedMessageCount} message${\n    checkpoint.compactedMessageCount === 1 ? \"\" : \"s\"\n  } are still in this conversation but no longer sent to the assistant`;\n\n  //The headline, identical either way: whether the checkpoint can be opened\n  //changes what the reader may inspect, never what the marker claims.\n  const headline = (\n    <>\n      <CompressIcon />\n      <span className=\"devic-compaction-title\">\n        Context compacted\n        {checkpoint.index > 1 ? ` (#${checkpoint.index})` : \"\"}\n      </span>\n      <span className=\"devic-compaction-meta\">\n        {checkpoint.compactedMessageCount} messages ·{\" \"}\n        {formatTokens(checkpoint.tokensBefore)} →{\" \"}\n        {formatTokens(checkpoint.tokensAfter)} tokens\n      </span>\n      {!isActive && (\n        <span\n          className=\"devic-compaction-tag\"\n          title=\"Superseded by a later compaction, which merged this summary into itself. Kept for the record.\"\n        >\n          superseded\n        </span>\n      )}\n    </>\n  );\n\n  return (\n    <div className=\"devic-compaction\">\n      <div className=\"devic-compaction-head\">\n        <span className=\"devic-compaction-rule\" />\n        {expandable ? (\n          <button\n            type=\"button\"\n            className=\"devic-compaction-pill\"\n            onClick={() => setExpanded((v) => !v)}\n            aria-expanded={expanded}\n            title={tooltip}\n          >\n            {headline}\n            <ChevronIcon up={expanded} />\n          </button>\n        ) : (\n          //A span, not a disabled button: there is nothing here to operate, so\n          //it should not reach the keyboard or announce itself as a control.\n          <span\n            className=\"devic-compaction-pill devic-compaction-pill-static\"\n            title={tooltip}\n          >\n            {headline}\n          </span>\n        )}\n        <span className=\"devic-compaction-rule\" />\n      </div>\n\n      {expandable && expanded && (\n        <div className=\"devic-compaction-body\">\n          <div className=\"devic-compaction-note\">\n            This is what the assistant reads in place of the messages above.\n            The messages themselves are still here.\n          </div>\n\n          {structured && (\n            <>\n              {summary.goal && <Section title=\"Goal\">{summary.goal}</Section>}\n              {!!summary.constraints?.length && (\n                <Section title=\"Constraints\">\n                  <Bullets items={summary.constraints} />\n                </Section>\n              )}\n              {summary.inProgress && (\n                <Section title=\"In progress\">{summary.inProgress}</Section>\n              )}\n              {!!summary.pending?.length && (\n                <Section title=\"Pending\">\n                  <Bullets items={summary.pending} />\n                </Section>\n              )}\n              {!!summary.decisions?.length && (\n                <Section title=\"Decisions\">\n                  <Bullets items={summary.decisions} />\n                </Section>\n              )}\n              {!!summary.data?.length && (\n                <Section title=\"Key data\">\n                  <Bullets\n                    items={summary.data.map((entry) =>\n                      entry.label ? `${entry.label}: ${entry.value}` : entry.value\n                    )}\n                  />\n                </Section>\n              )}\n              {!!summary.done?.length && (\n                <Section title=\"Done\">\n                  <Bullets items={summary.done} />\n                </Section>\n              )}\n              {!!summary.openQuestions?.length && (\n                <Section title=\"Open questions\">\n                  <Bullets items={summary.openQuestions} />\n                </Section>\n              )}\n            </>\n          )}\n\n          {summary.raw && (\n            <Section title={structured ? \"Notes\" : \"Summary\"}>\n              <div className=\"devic-compaction-raw\">{summary.raw}</div>\n            </Section>\n          )}\n\n          {!!checkpoint.facts?.length && (\n            <Section title=\"Preserved exactly\">\n              <div className=\"devic-compaction-facts\">\n                {checkpoint.facts.map((fact, i) => (\n                  <span key={i} className=\"devic-compaction-fact\">\n                    {fact.label ? (\n                      <span className=\"devic-compaction-fact-label\">\n                        {fact.label}:{\" \"}\n                      </span>\n                    ) : null}\n                    {fact.value}\n                  </span>\n                ))}\n              </div>\n            </Section>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default CompactionWidget;\n"],"names":["_jsxs","_jsx","useState","_Fragment"],"mappings":"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"}
+{"version":3,"file":"CompactionWidget.js","sources":["../../../../../src/components/ChatDrawer/CompactionWidget.tsx"],"sourcesContent":["import { useState, type JSX, type ReactNode } from \"react\";\nimport { useTranslations } from \"../../i18n\";\nimport type {\n  CompactionActivity,\n  CompactionCheckpoint,\n  CompactionSummary,\n} from \"../../api/types\";\n\n/** Data handed to a custom compaction renderer. */\nexport interface CompactionRendererProps {\n  /**\n   * The checkpoint at this point of the conversation. Null while a compaction\n   * is being written and there is nothing to show yet.\n   */\n  checkpoint: CompactionCheckpoint | null;\n  /**\n   * True for the checkpoint that currently governs the context. Each\n   * compaction merges the previous summary into itself, so the earlier ones\n   * are a record rather than something still being sent.\n   */\n  isActive: boolean;\n  /**\n   * The compaction happening right now, or null. Present without a checkpoint\n   * means one is being written; the numbers say what it is folding.\n   */\n  activity: CompactionActivity | null;\n}\n\n/** Replaces the built-in compaction marker. Return null to hide it. */\nexport type CompactionRenderer = (props: CompactionRendererProps) => ReactNode;\n\nfunction formatTokens(value: number): string {\n  if (!value) return \"0\";\n  if (value < 1000) return String(value);\n  if (value < 1_000_000) return `${(value / 1000).toFixed(1)}k`;\n  return `${(value / 1_000_000).toFixed(2)}M`;\n}\n\nfunction CompressIcon(): JSX.Element {\n  return (\n    <svg\n      className=\"devic-compaction-icon\"\n      width=\"13\"\n      height=\"13\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"4 14 10 14 10 20\" />\n      <polyline points=\"20 10 14 10 14 4\" />\n      <line x1=\"14\" y1=\"10\" x2=\"21\" y2=\"3\" />\n      <line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\" />\n    </svg>\n  );\n}\n\nfunction ChevronIcon({ up }: { up: boolean }): JSX.Element {\n  return (\n    <svg\n      className=\"devic-compaction-chevron\"\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      aria-hidden=\"true\"\n      style={{ transform: up ? \"rotate(180deg)\" : undefined }}\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction Section({\n  title,\n  children,\n}: {\n  title: string;\n  children: ReactNode;\n}): JSX.Element {\n  return (\n    <div className=\"devic-compaction-section\">\n      <span className=\"devic-compaction-section-title\">{title}</span>\n      {children}\n    </div>\n  );\n}\n\nfunction Bullets({ items }: { items?: string[] }): JSX.Element | null {\n  if (!items?.length) return null;\n  return (\n    <ul className=\"devic-compaction-list\">\n      {items.map((item, i) => (\n        <li key={i}>{item}</li>\n      ))}\n    </ul>\n  );\n}\n\nfunction hasStructure(summary: CompactionSummary): boolean {\n  return Boolean(\n    summary.goal ||\n      summary.constraints?.length ||\n      summary.inProgress ||\n      summary.pending?.length ||\n      summary.decisions?.length ||\n      summary.data?.length ||\n      summary.done?.length ||\n      summary.openQuestions?.length\n  );\n}\n\nexport interface CompactionWidgetProps {\n  checkpoint: CompactionCheckpoint | null;\n  isActive?: boolean;\n  activity?: CompactionActivity | null;\n  renderer?: CompactionRenderer;\n  /**\n   * Lets the reader open the checkpoint and read what it says.\n   *\n   * Off by default, because what opens is not metadata: it is a model-written\n   * account of the conversation — its goal, the decisions taken and why, what\n   * is still pending, and the identifiers lifted out of it verbatim. That is\n   * the right thing to put in front of an operator and the wrong thing to put\n   * in front of the customer the conversation is with, so the closed form is\n   * the default and opening it is a decision the host makes.\n   *\n   * Collapsed it still says a compaction happened and how much it folded:\n   * hiding that would misrepresent the conversation, which is the opposite of\n   * the point.\n   */\n  expandable?: boolean;\n}\n\n/**\n * The cut line in the conversation.\n *\n * Anchored to the last message a checkpoint folded, it marks the exact point\n * where the assistant's view of the conversation stops: everything above it\n * is still here, still readable, and no longer sent. It is a rule across the\n * thread with the headline numbers, and — where the host opts in with\n * `expandable` — it opens to show what the assistant reads in place of those\n * messages.\n *\n * With no checkpoint yet and a compaction in flight it says so instead — that\n * is a model call of its own, and without it the conversation just appears to\n * have gone quiet.\n *\n * Deliberately not a message bubble: a checkpoint is not something anyone\n * said.\n */\nexport function CompactionWidget({\n  checkpoint,\n  isActive = true,\n  activity = null,\n  renderer,\n  expandable = false,\n}: CompactionWidgetProps): JSX.Element | null {\n  const t = useTranslations();\n  const [expanded, setExpanded] = useState(false);\n\n  if (renderer) {\n    return <>{renderer({ checkpoint, isActive, activity })}</>;\n  }\n\n  const running = activity?.state === \"running\";\n\n  if (!checkpoint) {\n    if (!running) return null;\n    return (\n      <div className=\"devic-compaction devic-compaction-running\">\n        <span className=\"devic-compaction-rule\" />\n        <span className=\"devic-compaction-pill\">\n          <CompressIcon />\n          <span className=\"devic-compaction-title\">\n            {t(\"Compacting context\")}\n          </span>\n          <span className=\"devic-compaction-meta\">\n            {activity!.messageCount === 1\n              ? t(\"1 message\")\n              : t(\"{count} messages\", { count: activity!.messageCount })}{\" \"}\n            · {t(\"{tokens} tokens\", { tokens: formatTokens(activity!.tokensBefore) })}\n          </span>\n          <span className=\"devic-compaction-dots\" aria-hidden=\"true\">\n            <i />\n            <i />\n            <i />\n          </span>\n        </span>\n        <span className=\"devic-compaction-rule\" />\n      </div>\n    );\n  }\n\n  const summary = checkpoint.summary || {};\n  const structured = hasStructure(summary);\n\n  const tooltip =\n    checkpoint.compactedMessageCount === 1\n      ? t(\n          \"1 message is still in this conversation but no longer sent to the assistant\"\n        )\n      : t(\n          \"{count} messages are still in this conversation but no longer sent to the assistant\",\n          { count: checkpoint.compactedMessageCount }\n        );\n\n  //The headline, identical either way: whether the checkpoint can be opened\n  //changes what the reader may inspect, never what the marker claims.\n  const headline = (\n    <>\n      <CompressIcon />\n      <span className=\"devic-compaction-title\">\n        {t(\"Context compacted\")}\n        {checkpoint.index > 1 ? ` (#${checkpoint.index})` : \"\"}\n      </span>\n      <span className=\"devic-compaction-meta\">\n        {t(\"{count} messages\", { count: checkpoint.compactedMessageCount })} ·{\" \"}\n        {t(\"{before} → {after} tokens\", {\n          before: formatTokens(checkpoint.tokensBefore),\n          after: formatTokens(checkpoint.tokensAfter),\n        })}\n      </span>\n      {!isActive && (\n        <span\n          className=\"devic-compaction-tag\"\n          title={t(\n            \"Superseded by a later compaction, which merged this summary into itself. Kept for the record.\"\n          )}\n        >\n          {t(\"superseded\")}\n        </span>\n      )}\n    </>\n  );\n\n  return (\n    <div className=\"devic-compaction\">\n      <div className=\"devic-compaction-head\">\n        <span className=\"devic-compaction-rule\" />\n        {expandable ? (\n          <button\n            type=\"button\"\n            className=\"devic-compaction-pill\"\n            onClick={() => setExpanded((v) => !v)}\n            aria-expanded={expanded}\n            title={tooltip}\n          >\n            {headline}\n            <ChevronIcon up={expanded} />\n          </button>\n        ) : (\n          //A span, not a disabled button: there is nothing here to operate, so\n          //it should not reach the keyboard or announce itself as a control.\n          <span\n            className=\"devic-compaction-pill devic-compaction-pill-static\"\n            title={tooltip}\n          >\n            {headline}\n          </span>\n        )}\n        <span className=\"devic-compaction-rule\" />\n      </div>\n\n      {expandable && expanded && (\n        <div className=\"devic-compaction-body\">\n          <div className=\"devic-compaction-note\">\n            {t(\n              \"This is what the assistant reads in place of the messages above. The messages themselves are still here.\"\n            )}\n          </div>\n\n          {structured && (\n            <>\n              {summary.goal && <Section title={t(\"Goal\")}>{summary.goal}</Section>}\n              {!!summary.constraints?.length && (\n                <Section title={t(\"Constraints\")}>\n                  <Bullets items={summary.constraints} />\n                </Section>\n              )}\n              {summary.inProgress && (\n                <Section title={t(\"In progress\")}>{summary.inProgress}</Section>\n              )}\n              {!!summary.pending?.length && (\n                <Section title={t(\"Pending\")}>\n                  <Bullets items={summary.pending} />\n                </Section>\n              )}\n              {!!summary.decisions?.length && (\n                <Section title={t(\"Decisions\")}>\n                  <Bullets items={summary.decisions} />\n                </Section>\n              )}\n              {!!summary.data?.length && (\n                <Section title={t(\"Key data\")}>\n                  <Bullets\n                    items={summary.data.map((entry) =>\n                      entry.label ? `${entry.label}: ${entry.value}` : entry.value\n                    )}\n                  />\n                </Section>\n              )}\n              {!!summary.done?.length && (\n                <Section title={t(\"Done\")}>\n                  <Bullets items={summary.done} />\n                </Section>\n              )}\n              {!!summary.openQuestions?.length && (\n                <Section title={t(\"Open questions\")}>\n                  <Bullets items={summary.openQuestions} />\n                </Section>\n              )}\n            </>\n          )}\n\n          {summary.raw && (\n            <Section title={structured ? t(\"Notes\") : t(\"Summary\")}>\n              <div className=\"devic-compaction-raw\">{summary.raw}</div>\n            </Section>\n          )}\n\n          {!!checkpoint.facts?.length && (\n            <Section title={t(\"Preserved exactly\")}>\n              <div className=\"devic-compaction-facts\">\n                {checkpoint.facts.map((fact, i) => (\n                  <span key={i} className=\"devic-compaction-fact\">\n                    {fact.label ? (\n                      <span className=\"devic-compaction-fact-label\">\n                        {fact.label}:{\" \"}\n                      </span>\n                    ) : null}\n                    {fact.value}\n                  </span>\n                ))}\n              </div>\n            </Section>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default CompactionWidget;\n"],"names":["_jsxs","_jsx","useTranslations","useState","_Fragment"],"mappings":"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"}

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

@@ -4,9 +4,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var DevicContext = require('../../provider/DevicContext.js');
 var client = require('../../api/client.js');
+var useTranslations = require('../../i18n/useTranslations.js');
 
 const PAGE_SIZE = 10;
 function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId: propsTenantId, subtenantId: propsSubtenantId, conversationPreview, }) {
+    const t = useTranslations.useTranslations();
     const context = DevicContext.useOptionalDevicContext();
     const apiKey = propsApiKey || context?.apiKey;
     const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';
@@ -131,7 +133,7 @@ function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat
     const currentConv = conversations.find((c) => c.chatUID === currentChatUid);
     const currentName = currentConv
         ? getConversationLabel(currentConv)
-        : 'New chat';
+        : t('New chat');
     const filtered = conversations.filter((c) => {
         if (!search)
             return true;
@@ -145,14 +147,14 @@ function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat
         }
         return false;
     });
-    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 &&
+    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: t('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: t('Loading...') })), !loading && filtered.length === 0 && (jsxRuntime.jsx("div", { className: "devic-conversation-empty", children: t('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: getConversationLabel(conv) }), 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: () => {
+                                    }, 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: getConversationLabel(conv) }), 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: t('Loading more...') })), !loadingMore && hasMore && !loading && (jsxRuntime.jsx("button", { className: "devic-conversation-load-more", type: "button", onClick: handleLoadMore, children: t('Load more') }))] }), jsxRuntime.jsx("button", { className: "devic-conversation-new", type: "button", onClick: () => {
                             onNewChat();
                             setIsOpen(false);
-                        }, children: "+ Start a new chat" })] }))] }));
+                        }, children: t('+ Start a new chat') })] }))] }));
 }
 function ChevronIcon({ open }) {
     return (jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { transform: open ? 'rotate(180deg)' : undefined, transition: '0.2s' }, children: jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" }) }));

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\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":["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';\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":["useTranslations","useOptionalDevicContext","useState","useRef","DevicApiClient","useEffect","useCallback","_jsxs","_jsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../src/components/ChatDrawer/ErrorBoundary.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport type { ReactNode, ErrorInfo } from 'react';\n\ninterface Props {\n  children: ReactNode;\n  fallback?: ReactNode;\n}\n\ninterface State {\n  hasError: boolean;\n}\n\nexport class ChatDrawerErrorBoundary extends Component<Props, State> {\n  state: State = { hasError: false };\n\n  static getDerivedStateFromError(): State {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error, info: ErrorInfo): void {\n    console.error('[devic-ui] ChatDrawer error:', error, info.componentStack);\n  }\n\n  render(): ReactNode {\n    if (this.state.hasError) {\n      return this.props.fallback ?? null;\n    }\n    return this.props.children;\n  }\n}\n"],"names":["Component"],"mappings":";;;;AAYM,MAAO,uBAAwB,SAAQA,eAAuB,CAAA;AAApE,IAAA,WAAA,GAAA;;AACE,QAAA,IAAA,CAAA,KAAK,GAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;IAgBpC;AAdE,IAAA,OAAO,wBAAwB,GAAA;AAC7B,QAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC3B;IAEA,iBAAiB,CAAC,KAAY,EAAE,IAAe,EAAA;QAC7C,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC;IAC3E;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACvB,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI;QACpC;AACA,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;IAC5B;AACD;;"}
+{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../src/components/ChatDrawer/ErrorBoundary.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport type { ReactNode, ErrorInfo } from 'react';\n\ninterface Props {\n  children: ReactNode;\n  fallback?: ReactNode;\n}\n\ninterface State {\n  hasError: boolean;\n}\n\nexport class ChatDrawerErrorBoundary extends Component<Props, State> {\n  state: State = { hasError: false };\n\n  static getDerivedStateFromError(): State {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error, info: ErrorInfo): void {\n    console.error('[devic-ui] ChatDrawer error:', error, info.componentStack);\n  }\n\n  render(): ReactNode {\n    if (this.state.hasError) {\n      return this.props.fallback ?? null;\n    }\n    return this.props.children;\n  }\n}\n"],"names":["Component"],"mappings":";;;;AAYM,MAAO,uBAAwB,SAAQA,eAAuB,CAAA;AAApE,IAAA,WAAA,GAAA;;AACE,QAAA,IAAA,CAAA,KAAK,GAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;IAgBpC;AAdE,IAAA,OAAO,wBAAwB,GAAA;AAC7B,QAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC3B;IAEA,iBAAiB,CAAC,KAAY,EAAE,IAAe,EAAA;QAC7C,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC;IAC3E;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACvB,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI;QACpC;AACA,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;IAC5B;AACD;;;;"}

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

@@ -0,0 +1,40 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var useTranslations = require('../../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.useTranslations();
+    return (jsxRuntime.jsxs("div", { className: "devic-guardrail-notice", role: "status", children: [jsxRuntime.jsx("span", { className: "devic-guardrail-notice-icon", "aria-hidden": "true", children: jsxRuntime.jsx(ShieldIcon, {}) }), jsxRuntime.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 (jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }), jsxRuntime.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] }));
+}
+
+exports.GuardrailNotice = GuardrailNotice;
+//# sourceMappingURL=GuardrailNotice.js.map

package/dist/cjs/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":["useTranslations","_jsxs","_jsx"],"mappings":";;;;;AAmCA;;;;;;AAMG;SACa,eAAe,CAAC,EAC9B,OAAO,EACP,IAAI,GACiB,EAAA;AACrB,IAAA,MAAM,CAAC,GAAGA,+BAAe,EAAE;AAC3B,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wBAAwB,EAAC,IAAI,EAAC,QAAQ,aACnDC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,iBAAa,MAAM,EAAA,QAAA,EAC9DA,cAAA,CAAC,UAAU,EAAA,EAAA,CAAG,EAAA,CACT,EACPA,cAAA,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,eAAA,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,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,6CAA6C,EAAA,CAAG,EACxDA,yBAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,EACvCA,cAAA,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/cjs/components/ChatDrawer/HandoffSubagentWidget.js

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

package/dist/cjs/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":["AgentThreadState","useOptionalDevicContext","resolvePollingInterval","useMemo","createLogger","useState","useRef","useCallback","DevicApiClient","useEffect","_jsx","_Fragment","_jsxs","avatarUri","ThreadStateTag"],"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":["AgentThreadState","useTranslations","useOptionalDevicContext","resolvePollingInterval","useMemo","createLogger","useState","useRef","useCallback","DevicApiClient","useEffect","_jsx","_Fragment","_jsxs","avatarUri","ThreadStateTag"],"mappings":"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"}

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

@@ -1,21 +1,30 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var useTranslations = require('../../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
@@ -24,8 +33,9 @@ function resetText(resetsAt) {
  * `options.limitBannerRenderer`.
  */
 function LimitBanner({ limit }) {
-    const message = limit.message || 'Usage limit reached.';
-    const reset = resetText(limit.resetsAt);
+    const t = useTranslations.useTranslations();
+    const message = limit.message || t('Usage limit reached.');
+    const reset = resetText(t, limit.resetsAt);
     return (jsxRuntime.jsxs("div", { className: "devic-limit-banner", role: "alert", children: [jsxRuntime.jsx("span", { className: "devic-limit-banner-icon", "aria-hidden": "true", children: jsxRuntime.jsx(WarningIcon, {}) }), jsxRuntime.jsxs("div", { className: "devic-limit-banner-text", children: [jsxRuntime.jsx("span", { className: "devic-limit-banner-title", children: message }), reset && jsxRuntime.jsx("span", { className: "devic-limit-banner-reset", children: reset })] })] }));
 }
 function WarningIcon() {

package/dist/cjs/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,yBAAK,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,OAAO,EAAA,QAAA,EAAA,CAC9CC,yBAAM,SAAS,EAAC,yBAAyB,EAAA,aAAA,EAAa,MAAM,YAC1DA,cAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EAAA,CACV,EACPD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,aACtCC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAE,OAAO,EAAA,CAAQ,EAC1D,KAAK,IAAIA,cAAA,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,eAAA,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,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,0FAA0F,EAAA,CAAG,EACrGA,yBAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,EACvCA,cAAA,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":["useTranslations","_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,GAAGA,+BAAe,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,QACEC,yBAAK,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,OAAO,EAAA,QAAA,EAAA,CAC9CC,yBAAM,SAAS,EAAC,yBAAyB,EAAA,aAAA,EAAa,MAAM,YAC1DA,cAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EAAA,CACV,EACPD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,aACtCC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAE,OAAO,EAAA,CAAQ,EAC1D,KAAK,IAAIA,cAAA,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,eAAA,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,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,0FAA0F,EAAA,CAAG,EACrGA,yBAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,EACvCA,cAAA,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/cjs/components/ChatDrawer/QueueNotice.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var useTranslations = require('../../i18n/useTranslations.js');
 
 /**
  * The line above the input that says what happens to a message written while
@@ -12,7 +13,8 @@ var jsxRuntime = require('react/jsx-runtime');
  * `options.queueNoticeRenderer`.
  */
 function QueueNotice({ queuedCount, willProcess, alert, }) {
-    return (jsxRuntime.jsxs("div", { className: "devic-queue-notice", "data-alert": alert ? 'true' : undefined, role: alert ? 'alert' : 'status', children: [jsxRuntime.jsx("span", { className: "devic-queue-notice-icon", "aria-hidden": "true", children: alert ? jsxRuntime.jsx(WarningIcon, {}) : jsxRuntime.jsx(ClockIcon, {}) }), jsxRuntime.jsx("span", { children: alert || noticeText(queuedCount, willProcess) })] }));
+    const t = useTranslations.useTranslations();
+    return (jsxRuntime.jsxs("div", { className: "devic-queue-notice", "data-alert": alert ? 'true' : undefined, role: alert ? 'alert' : 'status', children: [jsxRuntime.jsx("span", { className: "devic-queue-notice-icon", "aria-hidden": "true", children: alert ? jsxRuntime.jsx(WarningIcon, {}) : jsxRuntime.jsx(ClockIcon, {}) }), jsxRuntime.jsx("span", { children: alert || noticeText(t, queuedCount, willProcess) })] }));
 }
 /**
  * Three different promises, so three different sentences.
@@ -22,18 +24,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 (jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntime.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" }), jsxRuntime.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] }));