@devicai/ui 0.56.0 → 0.58.0

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

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var useTranslations = require('../../i18n/useTranslations.js');
 
 /**
  * Reusable chip node for an AIElementWrapper reference. Shared by the
@@ -9,10 +10,11 @@ var jsxRuntime = require('react/jsx-runtime');
  * exact same chip markup and styling.
  */
 function ReferenceChip({ label, onRemove, variant = "input", icon, className, }) {
+    const t = useTranslations.useTranslations();
     const base = variant === "message"
         ? "devic-message-reference-chip"
         : "devic-reference-chip";
-    return (jsxRuntime.jsxs("div", { className: className ? `${base} ${className}` : base, title: label, children: [icon ?? jsxRuntime.jsx(ReferenceArrowIcon, {}), jsxRuntime.jsxs("span", { className: `${base}-label`, children: ["\"", label, "\""] }), onRemove && (jsxRuntime.jsx("button", { type: "button", className: "devic-reference-chip-remove", onClick: onRemove, "aria-label": "Quitar referencia", children: "\u00D7" }))] }));
+    return (jsxRuntime.jsxs("div", { className: className ? `${base} ${className}` : base, title: label, children: [icon ?? jsxRuntime.jsx(ReferenceArrowIcon, {}), jsxRuntime.jsxs("span", { className: `${base}-label`, children: ["\"", label, "\""] }), onRemove && (jsxRuntime.jsx("button", { type: "button", className: "devic-reference-chip-remove", onClick: onRemove, "aria-label": t("Remove reference"), children: "\u00D7" }))] }));
 }
 /** Corner-down-right arrow used as the default reference glyph. */
 function ReferenceArrowIcon() {

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

@@ -1 +1 @@
-{"version":3,"file":"ReferenceChip.js","sources":["../../../../../src/components/ChatDrawer/ReferenceChip.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * Visual context a {@link ReferenceChip} is rendered in:\n * - `input`: inside the prompt box, as an editable, removable chip.\n * - `message`: above a sent user bubble, as a read-only chip.\n */\nexport type ReferenceChipVariant = \"input\" | \"message\";\n\nexport interface ReferenceChipProps {\n  /** Short label shown inside the chip (quoted automatically). */\n  label: string;\n  /**\n   * When provided, renders a remove (×) button that invokes this handler.\n   * Only meaningful for the `input` variant.\n   */\n  onRemove?: () => void;\n  /** Visual context. Defaults to `input`. */\n  variant?: ReferenceChipVariant;\n  /** Optional custom icon replacing the default reference arrow. */\n  icon?: React.ReactNode;\n  /** Extra className appended to the chip root. */\n  className?: string;\n}\n\n/**\n * Reusable chip node for an AIElementWrapper reference. Shared by the\n * ChatInput (active references in the prompt box) and ChatMessages\n * (references parsed out of a sent user message), so both render the\n * exact same chip markup and styling.\n */\nexport function ReferenceChip({\n  label,\n  onRemove,\n  variant = \"input\",\n  icon,\n  className,\n}: ReferenceChipProps): JSX.Element {\n  const base =\n    variant === \"message\"\n      ? \"devic-message-reference-chip\"\n      : \"devic-reference-chip\";\n\n  return (\n    <div className={className ? `${base} ${className}` : base} title={label}>\n      {icon ?? <ReferenceArrowIcon />}\n      <span className={`${base}-label`}>\"{label}\"</span>\n      {onRemove && (\n        <button\n          type=\"button\"\n          className=\"devic-reference-chip-remove\"\n          onClick={onRemove}\n          aria-label=\"Quitar referencia\"\n        >\n          &times;\n        </button>\n      )}\n    </div>\n  );\n}\n\n/** Corner-down-right arrow used as the default reference glyph. */\nfunction ReferenceArrowIcon(): 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      aria-hidden=\"true\"\n    >\n      <polyline points=\"15 10 20 15 15 20\" />\n      <path d=\"M4 4v7a4 4 0 0 0 4 4h12\" />\n    </svg>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAyBA;;;;;AAKG;AACG,SAAU,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,EACJ,SAAS,GACU,EAAA;AACnB,IAAA,MAAM,IAAI,GACR,OAAO,KAAK;AACV,UAAE;UACA,sBAAsB;IAE5B,QACEA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,SAAS,GAAG,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CACpE,IAAI,IAAIC,cAAA,CAAC,kBAAkB,EAAA,EAAA,CAAG,EAC/BD,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,CAAA,EAAG,IAAI,CAAA,MAAA,CAAQ,EAAA,QAAA,EAAA,CAAA,IAAA,EAAI,KAAK,EAAA,IAAA,CAAA,EAAA,CAAS,EACjD,QAAQ,KACPC,cAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,QAAQ,EAAA,YAAA,EACN,mBAAmB,EAAA,QAAA,EAAA,QAAA,EAAA,CAGvB,CACV,CAAA,EAAA,CACG;AAEV;AAEA;AACA,SAAS,kBAAkB,GAAA;IACzB,QACED,yBACE,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,aAAA,EACV,MAAM,EAAA,QAAA,EAAA,CAElBC,cAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,mBAAmB,EAAA,CAAG,EACvCA,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,yBAAyB,EAAA,CAAG,CAAA,EAAA,CAChC;AAEV;;"}
+{"version":3,"file":"ReferenceChip.js","sources":["../../../../../src/components/ChatDrawer/ReferenceChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslations } from \"../../i18n\";\n\n/**\n * Visual context a {@link ReferenceChip} is rendered in:\n * - `input`: inside the prompt box, as an editable, removable chip.\n * - `message`: above a sent user bubble, as a read-only chip.\n */\nexport type ReferenceChipVariant = \"input\" | \"message\";\n\nexport interface ReferenceChipProps {\n  /** Short label shown inside the chip (quoted automatically). */\n  label: string;\n  /**\n   * When provided, renders a remove (×) button that invokes this handler.\n   * Only meaningful for the `input` variant.\n   */\n  onRemove?: () => void;\n  /** Visual context. Defaults to `input`. */\n  variant?: ReferenceChipVariant;\n  /** Optional custom icon replacing the default reference arrow. */\n  icon?: React.ReactNode;\n  /** Extra className appended to the chip root. */\n  className?: string;\n}\n\n/**\n * Reusable chip node for an AIElementWrapper reference. Shared by the\n * ChatInput (active references in the prompt box) and ChatMessages\n * (references parsed out of a sent user message), so both render the\n * exact same chip markup and styling.\n */\nexport function ReferenceChip({\n  label,\n  onRemove,\n  variant = \"input\",\n  icon,\n  className,\n}: ReferenceChipProps): JSX.Element {\n  const t = useTranslations();\n  const base =\n    variant === \"message\"\n      ? \"devic-message-reference-chip\"\n      : \"devic-reference-chip\";\n\n  return (\n    <div className={className ? `${base} ${className}` : base} title={label}>\n      {icon ?? <ReferenceArrowIcon />}\n      <span className={`${base}-label`}>\"{label}\"</span>\n      {onRemove && (\n        <button\n          type=\"button\"\n          className=\"devic-reference-chip-remove\"\n          onClick={onRemove}\n          aria-label={t(\"Remove reference\")}\n        >\n          &times;\n        </button>\n      )}\n    </div>\n  );\n}\n\n/** Corner-down-right arrow used as the default reference glyph. */\nfunction ReferenceArrowIcon(): 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      aria-hidden=\"true\"\n    >\n      <polyline points=\"15 10 20 15 15 20\" />\n      <path d=\"M4 4v7a4 4 0 0 0 4 4h12\" />\n    </svg>\n  );\n}\n"],"names":["useTranslations","_jsxs","_jsx"],"mappings":";;;;;AA0BA;;;;;AAKG;AACG,SAAU,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,EACJ,SAAS,GACU,EAAA;AACnB,IAAA,MAAM,CAAC,GAAGA,+BAAe,EAAE;AAC3B,IAAA,MAAM,IAAI,GACR,OAAO,KAAK;AACV,UAAE;UACA,sBAAsB;AAE5B,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,SAAS,GAAG,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CACpE,IAAI,IAAIC,cAAA,CAAC,kBAAkB,EAAA,EAAA,CAAG,EAC/BD,0BAAM,SAAS,EAAE,CAAA,EAAG,IAAI,CAAA,MAAA,CAAQ,EAAA,QAAA,EAAA,CAAA,IAAA,EAAI,KAAK,EAAA,IAAA,CAAA,EAAA,CAAS,EACjD,QAAQ,KACPC,cAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,QAAQ,EAAA,YAAA,EACL,CAAC,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,QAAA,EAAA,CAG1B,CACV,CAAA,EAAA,CACG;AAEV;AAEA;AACA,SAAS,kBAAkB,GAAA;IACzB,QACED,yBACE,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,aAAA,EACV,MAAM,EAAA,QAAA,EAAA,CAElBC,cAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,mBAAmB,EAAA,CAAG,EACvCA,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,yBAAyB,EAAA,CAAG,CAAA,EAAA,CAChC;AAEV;;"}

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

@@ -4,6 +4,7 @@ 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 DEFAULT_DISPLAY = {
     showValues: false,
@@ -26,24 +27,27 @@ function formatAmount(value, metric) {
     }
     return Math.round(value).toLocaleString();
 }
-function windowLabel(unit, every) {
-    const u = every > 1 ? `${unit}s` : unit;
-    return every > 1 ? `every ${every} ${u}` : `per ${unit}`;
+// The unit names are translated on their own so a dictionary can decline
+// them; the sentence around them is a separate entry with placeholders, which
+// is what a language with a different word order needs.
+function windowLabel(t, unit, every) {
+    const u = every > 1 ? t(`{count} ${unit}s`, { count: every }) : t(unit);
+    return every > 1 ? t('every {window}', { window: u }) : t('per {window}', { window: u });
 }
-function resetLabel(resetsAt) {
+function resetLabel(t, resetsAt) {
     if (!resetsAt)
         return '';
     const ms = resetsAt - Date.now();
     if (ms <= 0)
-        return 'resets now';
+        return t('resets now');
     const mins = Math.round(ms / 60000);
     if (mins < 60)
-        return `resets in ${mins}m`;
+        return t('resets in {count}m', { count: mins });
     const hours = Math.round(mins / 60);
     if (hours < 48)
-        return `resets in ${hours}h`;
+        return t('resets in {count}h', { count: hours });
     const days = Math.round(hours / 24);
-    return `resets in ${days}d`;
+    return t('resets in {count}d', { count: days });
 }
 /**
  * A thin usage bar showing the current tenant/subtenant usage window(s).
@@ -51,6 +55,7 @@ function resetLabel(resetsAt) {
  * Renders nothing when there are no usage limits configured for the tenant.
  */
 function UsageBar({ apiKey, baseUrl, tenantId, subtenantId, mode = 'always', metric, display, customUsageBar, color = '#1890ff', refreshKey, debug = false, }) {
+    const t = useTranslations.useTranslations();
     const cfg = React.useMemo(() => ({ ...DEFAULT_DISPLAY, ...display }), [display]);
     const devicContext = DevicContext.useOptionalDevicContext();
     const getTenantSession = devicContext?.getTenantSession;
@@ -114,14 +119,14 @@ function UsageBar({ apiKey, baseUrl, tenantId, subtenantId, mode = 'always', met
     }
     // onDemand, collapsed: show a small toggle button.
     if (mode === 'onDemand' && !visible) {
-        return (jsxRuntime.jsx("div", { className: "devic-usage-bar-wrap", "data-mode": "onDemand", children: jsxRuntime.jsxs("button", { type: "button", className: "devic-usage-toggle", onClick: () => setVisible(true), title: "Show usage", children: [jsxRuntime.jsx(GaugeIcon, {}), jsxRuntime.jsx("span", { children: "Usage" })] }) }));
+        return (jsxRuntime.jsx("div", { className: "devic-usage-bar-wrap", "data-mode": "onDemand", children: jsxRuntime.jsxs("button", { type: "button", className: "devic-usage-toggle", onClick: () => setVisible(true), title: t('Show usage'), children: [jsxRuntime.jsx(GaugeIcon, {}), jsxRuntime.jsx("span", { children: t('Usage') })] }) }));
     }
     // No configured limits (or not loaded yet with nothing to show): render nothing
     // in 'always' mode; in expanded onDemand, show a subtle note so the toggle isn't
     // confusing.
     if (rules.length === 0) {
         if (mode === 'onDemand' && loaded) {
-            return (jsxRuntime.jsx("div", { className: "devic-usage-bar-wrap", "data-mode": "onDemand", children: jsxRuntime.jsxs("div", { className: "devic-usage-bar", "data-empty": "true", children: [jsxRuntime.jsx("span", { className: "devic-usage-bar-label", children: "No usage limits" }), jsxRuntime.jsx("button", { type: "button", className: "devic-usage-collapse", onClick: () => setVisible(false), title: "Hide usage", "aria-label": "Hide usage", children: "\u00D7" })] }) }));
+            return (jsxRuntime.jsx("div", { className: "devic-usage-bar-wrap", "data-mode": "onDemand", children: jsxRuntime.jsxs("div", { className: "devic-usage-bar", "data-empty": "true", children: [jsxRuntime.jsx("span", { className: "devic-usage-bar-label", children: t('No usage limits') }), jsxRuntime.jsx("button", { type: "button", className: "devic-usage-collapse", onClick: () => setVisible(false), title: t('Hide usage'), "aria-label": t('Hide usage'), children: "\u00D7" })] }) }));
         }
         return null;
     }
@@ -129,20 +134,20 @@ function UsageBar({ apiKey, baseUrl, tenantId, subtenantId, mode = 'always', met
     const multi = rules.length > 1;
     // A header carries the tier chip and/or the onDemand collapse control, so the
     // collapse "×" has a stable home regardless of how many rows render below.
-    const header = showTierChip || mode === 'onDemand' ? (jsxRuntime.jsxs("div", { className: "devic-usage-bar-head", children: [showTierChip ? (jsxRuntime.jsx("span", { className: "devic-usage-tier", title: `Tier: ${tierId}`, children: tierId })) : (jsxRuntime.jsx("span", {})), mode === 'onDemand' && (jsxRuntime.jsx("button", { type: "button", className: "devic-usage-collapse", onClick: () => setVisible(false), title: "Hide usage", "aria-label": "Hide usage", children: "\u00D7" }))] })) : null;
+    const header = showTierChip || mode === 'onDemand' ? (jsxRuntime.jsxs("div", { className: "devic-usage-bar-head", children: [showTierChip ? (jsxRuntime.jsx("span", { className: "devic-usage-tier", title: t('Tier: {tier}', { tier: tierId }), children: tierId })) : (jsxRuntime.jsx("span", {})), mode === 'onDemand' && (jsxRuntime.jsx("button", { type: "button", className: "devic-usage-collapse", onClick: () => setVisible(false), title: t('Hide usage'), "aria-label": t('Hide usage'), children: "\u00D7" }))] })) : null;
     return (jsxRuntime.jsxs("div", { className: "devic-usage-bar-wrap", "data-mode": mode, children: [header, jsxRuntime.jsx("div", { className: "devic-usage-bar-group", children: rules.map((rule, i) => {
                     const pct = Math.min(100, Math.round(rule.percent));
                     const fill = fillColor(pct, color);
-                    const valuesText = `${formatAmount(rule.current, rule.metric)} / ${formatAmount(rule.limit, rule.metric)} ${rule.metric}`;
+                    const valuesText = `${formatAmount(rule.current, rule.metric)} / ${formatAmount(rule.limit, rule.metric)} ${t(rule.metric)}`;
                     // Distinguish rows by metric when several render; otherwise use the
                     // scope-aware label so single-rule mode reads "Usage 24%".
                     const prefix = multi
                         ? rule.metric === 'cost'
-                            ? 'Cost'
-                            : 'Tokens'
+                            ? t('Cost')
+                            : t('Tokens')
                         : rule.scope === 'subtenant'
-                            ? 'Your usage'
-                            : 'Usage';
+                            ? t('Your usage')
+                            : t('Usage');
                     const main = [];
                     if (cfg.showPercent)
                         main.push(`${pct}%`);
@@ -151,8 +156,8 @@ function UsageBar({ apiKey, baseUrl, tenantId, subtenantId, mode = 'always', met
                     if (main.length === 0)
                         main.push(`${pct}%`);
                     const label = `${prefix} ${main.join(' · ')}`.trim();
-                    const reset = resetLabel(rule.resetsAt);
-                    const win = windowLabel(rule.windowUnit, rule.windowEvery);
+                    const reset = resetLabel(t, rule.resetsAt);
+                    const win = windowLabel(t, rule.windowUnit, rule.windowEvery);
                     const title = `${valuesText} · ${win}${reset ? ` · ${reset}` : ''}`;
                     return (jsxRuntime.jsxs("div", { className: "devic-usage-bar", title: title, "data-state": pct >= 100 ? 'exceeded' : 'ok', children: [jsxRuntime.jsx("span", { className: "devic-usage-bar-label", children: label }), jsxRuntime.jsx("div", { className: "devic-usage-bar-track", children: jsxRuntime.jsx("div", { className: "devic-usage-bar-fill", style: { width: `${pct}%`, backgroundColor: fill } }) }), cfg.showWindow && (jsxRuntime.jsx("span", { className: "devic-usage-bar-window", children: win })), reset && jsxRuntime.jsx("span", { className: "devic-usage-bar-reset", children: reset })] }, `${rule.metric}-${rule.windowUnit}-${rule.windowEvery}-${rule.scope}-${i}`));
                 }) })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"UsageBar.js","sources":["../../../../../src/components/ChatDrawer/UsageBar.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport type { TenantUsage, TenantUsageRule } from '../../api/types';\n\n/**\n * Controls what each usage row renders. All flags compose, so a developer can,\n * for example, show absolute values together with the percentage and the tier.\n */\nexport interface UsageBarDisplay {\n  /**\n   * Show the absolute amount of the active window: `current / limit metric`\n   * (e.g. `1,200 / 5,000 tokens`).\n   * @default false\n   */\n  showValues?: boolean;\n  /**\n   * Show the utilization percentage (e.g. `24%`).\n   * @default true\n   */\n  showPercent?: boolean;\n  /**\n   * Show the temporal dimension of the window (e.g. `per 3h`, `every 3 hours`).\n   * @default true\n   */\n  showWindow?: boolean;\n  /**\n   * Show the tier (plan) the limits come from, as a chip above the bar(s).\n   * @default false\n   */\n  showTier?: boolean;\n  /**\n   * When more than one limit rule applies, render every rule (`true`) or only\n   * the single most restrictive one (`false`, highest utilization). The\n   * per-row presentation still follows the flags above.\n   * @default true\n   */\n  showAllRules?: boolean;\n}\n\nconst DEFAULT_DISPLAY: Required<UsageBarDisplay> = {\n  showValues: false,\n  showPercent: true,\n  showWindow: true,\n  showTier: false,\n  showAllRules: true,\n};\n\n/**\n * Usage data handed to a `customUsageBar` renderer so a developer can build\n * their own component with the live consumption / limits.\n */\nexport interface UsageBarData {\n  /** Tenant the usage belongs to. */\n  tenantId?: string;\n  /** Subtenant the usage is scoped to, if any. */\n  subtenantId?: string;\n  /** Tier (plan) the limits come from, if any. */\n  tierId?: string;\n  /**\n   * Applicable usage rules (filtered by `metric` when set), sorted by\n   * utilization descending — the most restrictive first.\n   */\n  rules: TenantUsageRule[];\n  /** `true` until the first fetch resolves. */\n  loading: boolean;\n}\n\n/**\n * Props for the UsageBar component.\n */\nexport interface UsageBarProps {\n  /** API key (resolved from provider by the ChatDrawer). */\n  apiKey?: string;\n  /** Base URL (resolved from provider by the ChatDrawer). */\n  baseUrl?: string;\n  /** Tenant whose usage is displayed. Required — without it the bar renders nothing. */\n  tenantId?: string;\n  /** Optional subtenant to scope the usage to a specific end user. */\n  subtenantId?: string;\n  /**\n   * Display mode:\n   * - 'always': the bar is always visible.\n   * - 'onDemand': a small toggle button is shown; the bar appears on click.\n   */\n  mode?: 'always' | 'onDemand';\n  /** Restrict the bar to a single metric. When omitted, all applicable rules are considered. */\n  metric?: 'tokens' | 'cost';\n  /**\n   * What to render per rule (values / percentage / window / tier) and whether\n   * to render all applicable rules or only the most restrictive one.\n   */\n  display?: UsageBarDisplay;\n  /**\n   * Render your own component instead of the built-in bar(s). Receives the live\n   * usage data (rules + tier + loading) and renders in the same slot, replacing\n   * the default UI entirely. When set, fetching/polling is still handled here;\n   * `mode`/`display` only affect the default UI and are ignored.\n   */\n  customUsageBar?: (data: UsageBarData) => React.ReactNode;\n  /** Primary color for the bar fill (below the warning threshold). */\n  color?: string;\n  /**\n   * Changes to this value trigger a refetch (e.g. the message count, so the bar\n   * refreshes after each assistant turn).\n   */\n  refreshKey?: number | string;\n  /** Enable debug logging of fetch errors to the console. */\n  debug?: boolean;\n}\n\nconst WARN_THRESHOLD = 90;\n\nfunction fillColor(percent: number, base: string): string {\n  if (percent >= 100) return '#ff4d4f';\n  if (percent >= WARN_THRESHOLD) return '#faad14';\n  return base;\n}\n\nfunction formatAmount(value: number, metric: 'tokens' | 'cost'): string {\n  if (metric === 'cost') {\n    return `$${value.toFixed(value < 1 ? 4 : 2)}`;\n  }\n  return Math.round(value).toLocaleString();\n}\n\nfunction windowLabel(unit: string, every: number): string {\n  const u = every > 1 ? `${unit}s` : unit;\n  return every > 1 ? `every ${every} ${u}` : `per ${unit}`;\n}\n\nfunction resetLabel(resetsAt?: number): string {\n  if (!resetsAt) return '';\n  const ms = resetsAt - Date.now();\n  if (ms <= 0) return 'resets now';\n  const mins = Math.round(ms / 60000);\n  if (mins < 60) return `resets in ${mins}m`;\n  const hours = Math.round(mins / 60);\n  if (hours < 48) return `resets in ${hours}h`;\n  const days = Math.round(hours / 24);\n  return `resets in ${days}d`;\n}\n\n/**\n * A thin usage bar showing the current tenant/subtenant usage window(s).\n * Rendered above the chat input. Antd-free — styled via `.devic-usage-*` classes.\n * Renders nothing when there are no usage limits configured for the tenant.\n */\nexport function UsageBar({\n  apiKey,\n  baseUrl,\n  tenantId,\n  subtenantId,\n  mode = 'always',\n  metric,\n  display,\n  customUsageBar,\n  color = '#1890ff',\n  refreshKey,\n  debug = false,\n}: UsageBarProps): JSX.Element | null {\n  const cfg = useMemo(() => ({ ...DEFAULT_DISPLAY, ...display }), [display]);\n\n  const devicContext = useOptionalDevicContext();\n  const getTenantSession = devicContext?.getTenantSession;\n  const onSessionExpired = devicContext?.onSessionExpired;\n  const client = useMemo(() => {\n    if (!apiKey && !getTenantSession) return null;\n    return new DevicApiClient({\n      apiKey,\n      baseUrl: baseUrl || 'https://api.devic.ai',\n      getTenantSession,\n      onSessionExpired,\n    });\n  }, [apiKey, getTenantSession, baseUrl]);\n\n  const [usage, setUsage] = useState<TenantUsage | null>(null);\n  const [loaded, setLoaded] = useState(false);\n  // onDemand starts hidden; 'always' is effectively visible from the start.\n  const [visible, setVisible] = useState(mode !== 'onDemand');\n\n  const fetchUsage = useCallback(async () => {\n    if (!client || !tenantId) return;\n    try {\n      const data = await client.getTenantUsage(tenantId, subtenantId);\n      setUsage(data || null);\n    } catch (err) {\n      if (debug) console.warn('[UsageBar] getTenantUsage failed:', err);\n      setUsage(null);\n    } finally {\n      setLoaded(true);\n    }\n  }, [client, tenantId, subtenantId, debug]);\n\n  // A custom renderer always wants the data, regardless of the onDemand toggle.\n  const active = !!customUsageBar || visible;\n\n  useEffect(() => {\n    if (!active) return;\n    void fetchUsage();\n  }, [active, fetchUsage, refreshKey]);\n\n  // Applicable rules: filter by metric, sort most-restrictive first.\n  const filteredSorted = useMemo(() => {\n    const pool = (usage?.usage || []).filter(\n      (r) => !metric || r.metric === metric,\n    );\n    return [...pool].sort((a, b) => b.percent - a.percent);\n  }, [usage, metric]);\n\n  // Default UI honours showAllRules; custom renderers always get the full set.\n  const rules = useMemo(\n    () => (cfg.showAllRules ? filteredSorted : filteredSorted.slice(0, 1)),\n    [filteredSorted, cfg.showAllRules],\n  );\n\n  const tierId = usage?.tierId || filteredSorted[0]?.tierId;\n\n  if (!tenantId || !client) return null;\n\n  // Custom renderer fully replaces the default UI; hand it the live data.\n  if (customUsageBar) {\n    return (\n      <>\n        {customUsageBar({\n          tenantId,\n          subtenantId,\n          tierId,\n          rules: filteredSorted,\n          loading: !loaded,\n        })}\n      </>\n    );\n  }\n\n  // onDemand, collapsed: show a small toggle button.\n  if (mode === 'onDemand' && !visible) {\n    return (\n      <div className=\"devic-usage-bar-wrap\" data-mode=\"onDemand\">\n        <button\n          type=\"button\"\n          className=\"devic-usage-toggle\"\n          onClick={() => setVisible(true)}\n          title=\"Show usage\"\n        >\n          <GaugeIcon />\n          <span>Usage</span>\n        </button>\n      </div>\n    );\n  }\n\n  // No configured limits (or not loaded yet with nothing to show): render nothing\n  // in 'always' mode; in expanded onDemand, show a subtle note so the toggle isn't\n  // confusing.\n  if (rules.length === 0) {\n    if (mode === 'onDemand' && loaded) {\n      return (\n        <div className=\"devic-usage-bar-wrap\" data-mode=\"onDemand\">\n          <div className=\"devic-usage-bar\" data-empty=\"true\">\n            <span className=\"devic-usage-bar-label\">No usage limits</span>\n            <button\n              type=\"button\"\n              className=\"devic-usage-collapse\"\n              onClick={() => setVisible(false)}\n              title=\"Hide usage\"\n              aria-label=\"Hide usage\"\n            >\n              &times;\n            </button>\n          </div>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  const showTierChip = cfg.showTier && !!tierId;\n  const multi = rules.length > 1;\n  // A header carries the tier chip and/or the onDemand collapse control, so the\n  // collapse \"×\" has a stable home regardless of how many rows render below.\n  const header =\n    showTierChip || mode === 'onDemand' ? (\n      <div className=\"devic-usage-bar-head\">\n        {showTierChip ? (\n          <span className=\"devic-usage-tier\" title={`Tier: ${tierId}`}>\n            {tierId}\n          </span>\n        ) : (\n          <span />\n        )}\n        {mode === 'onDemand' && (\n          <button\n            type=\"button\"\n            className=\"devic-usage-collapse\"\n            onClick={() => setVisible(false)}\n            title=\"Hide usage\"\n            aria-label=\"Hide usage\"\n          >\n            &times;\n          </button>\n        )}\n      </div>\n    ) : null;\n\n  return (\n    <div className=\"devic-usage-bar-wrap\" data-mode={mode}>\n      {header}\n      {/* All rows share a single container by default. */}\n      <div className=\"devic-usage-bar-group\">\n        {rules.map((rule, i) => {\n          const pct = Math.min(100, Math.round(rule.percent));\n          const fill = fillColor(pct, color);\n          const valuesText = `${formatAmount(rule.current, rule.metric)} / ${formatAmount(\n            rule.limit,\n            rule.metric,\n          )} ${rule.metric}`;\n          // Distinguish rows by metric when several render; otherwise use the\n          // scope-aware label so single-rule mode reads \"Usage 24%\".\n          const prefix = multi\n            ? rule.metric === 'cost'\n              ? 'Cost'\n              : 'Tokens'\n            : rule.scope === 'subtenant'\n              ? 'Your usage'\n              : 'Usage';\n          const main: string[] = [];\n          if (cfg.showPercent) main.push(`${pct}%`);\n          if (cfg.showValues) main.push(valuesText);\n          if (main.length === 0) main.push(`${pct}%`);\n          const label = `${prefix} ${main.join(' · ')}`.trim();\n          const reset = resetLabel(rule.resetsAt);\n          const win = windowLabel(rule.windowUnit, rule.windowEvery);\n          const title = `${valuesText} · ${win}${reset ? ` · ${reset}` : ''}`;\n\n          return (\n            <div\n              key={`${rule.metric}-${rule.windowUnit}-${rule.windowEvery}-${rule.scope}-${i}`}\n              className=\"devic-usage-bar\"\n              title={title}\n              data-state={pct >= 100 ? 'exceeded' : 'ok'}\n            >\n              <span className=\"devic-usage-bar-label\">{label}</span>\n              <div className=\"devic-usage-bar-track\">\n                <div\n                  className=\"devic-usage-bar-fill\"\n                  style={{ width: `${pct}%`, backgroundColor: fill }}\n                />\n              </div>\n              {cfg.showWindow && (\n                <span className=\"devic-usage-bar-window\">{win}</span>\n              )}\n              {reset && <span className=\"devic-usage-bar-reset\">{reset}</span>}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n/** Small gauge icon for the on-demand toggle. */\nfunction GaugeIcon(): 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 14a4 4 0 1 0-4-4\" />\n      <path d=\"M3 18a9 9 0 0 1 18 0\" />\n      <line x1=\"12\" y1=\"14\" x2=\"15\" y2=\"11\" />\n    </svg>\n  );\n}\n"],"names":["useMemo","useOptionalDevicContext","client","DevicApiClient","useState","useCallback","useEffect","_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"UsageBar.js","sources":["../../../../../src/components/ChatDrawer/UsageBar.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport type { TenantUsage, TenantUsageRule } from '../../api/types';\nimport { useTranslations } from '../../i18n';\nimport type { Translator } from '../../i18n';\n\n/**\n * Controls what each usage row renders. All flags compose, so a developer can,\n * for example, show absolute values together with the percentage and the tier.\n */\nexport interface UsageBarDisplay {\n  /**\n   * Show the absolute amount of the active window: `current / limit metric`\n   * (e.g. `1,200 / 5,000 tokens`).\n   * @default false\n   */\n  showValues?: boolean;\n  /**\n   * Show the utilization percentage (e.g. `24%`).\n   * @default true\n   */\n  showPercent?: boolean;\n  /**\n   * Show the temporal dimension of the window (e.g. `per 3h`, `every 3 hours`).\n   * @default true\n   */\n  showWindow?: boolean;\n  /**\n   * Show the tier (plan) the limits come from, as a chip above the bar(s).\n   * @default false\n   */\n  showTier?: boolean;\n  /**\n   * When more than one limit rule applies, render every rule (`true`) or only\n   * the single most restrictive one (`false`, highest utilization). The\n   * per-row presentation still follows the flags above.\n   * @default true\n   */\n  showAllRules?: boolean;\n}\n\nconst DEFAULT_DISPLAY: Required<UsageBarDisplay> = {\n  showValues: false,\n  showPercent: true,\n  showWindow: true,\n  showTier: false,\n  showAllRules: true,\n};\n\n/**\n * Usage data handed to a `customUsageBar` renderer so a developer can build\n * their own component with the live consumption / limits.\n */\nexport interface UsageBarData {\n  /** Tenant the usage belongs to. */\n  tenantId?: string;\n  /** Subtenant the usage is scoped to, if any. */\n  subtenantId?: string;\n  /** Tier (plan) the limits come from, if any. */\n  tierId?: string;\n  /**\n   * Applicable usage rules (filtered by `metric` when set), sorted by\n   * utilization descending — the most restrictive first.\n   */\n  rules: TenantUsageRule[];\n  /** `true` until the first fetch resolves. */\n  loading: boolean;\n}\n\n/**\n * Props for the UsageBar component.\n */\nexport interface UsageBarProps {\n  /** API key (resolved from provider by the ChatDrawer). */\n  apiKey?: string;\n  /** Base URL (resolved from provider by the ChatDrawer). */\n  baseUrl?: string;\n  /** Tenant whose usage is displayed. Required — without it the bar renders nothing. */\n  tenantId?: string;\n  /** Optional subtenant to scope the usage to a specific end user. */\n  subtenantId?: string;\n  /**\n   * Display mode:\n   * - 'always': the bar is always visible.\n   * - 'onDemand': a small toggle button is shown; the bar appears on click.\n   */\n  mode?: 'always' | 'onDemand';\n  /** Restrict the bar to a single metric. When omitted, all applicable rules are considered. */\n  metric?: 'tokens' | 'cost';\n  /**\n   * What to render per rule (values / percentage / window / tier) and whether\n   * to render all applicable rules or only the most restrictive one.\n   */\n  display?: UsageBarDisplay;\n  /**\n   * Render your own component instead of the built-in bar(s). Receives the live\n   * usage data (rules + tier + loading) and renders in the same slot, replacing\n   * the default UI entirely. When set, fetching/polling is still handled here;\n   * `mode`/`display` only affect the default UI and are ignored.\n   */\n  customUsageBar?: (data: UsageBarData) => React.ReactNode;\n  /** Primary color for the bar fill (below the warning threshold). */\n  color?: string;\n  /**\n   * Changes to this value trigger a refetch (e.g. the message count, so the bar\n   * refreshes after each assistant turn).\n   */\n  refreshKey?: number | string;\n  /** Enable debug logging of fetch errors to the console. */\n  debug?: boolean;\n}\n\nconst WARN_THRESHOLD = 90;\n\nfunction fillColor(percent: number, base: string): string {\n  if (percent >= 100) return '#ff4d4f';\n  if (percent >= WARN_THRESHOLD) return '#faad14';\n  return base;\n}\n\nfunction formatAmount(value: number, metric: 'tokens' | 'cost'): string {\n  if (metric === 'cost') {\n    return `$${value.toFixed(value < 1 ? 4 : 2)}`;\n  }\n  return Math.round(value).toLocaleString();\n}\n\n// The unit names are translated on their own so a dictionary can decline\n// them; the sentence around them is a separate entry with placeholders, which\n// is what a language with a different word order needs.\nfunction windowLabel(t: Translator, unit: string, every: number): string {\n  const u = every > 1 ? t(`{count} ${unit}s`, { count: every }) : t(unit);\n  return every > 1 ? t('every {window}', { window: u }) : t('per {window}', { window: u });\n}\n\nfunction resetLabel(t: Translator, resetsAt?: number): string {\n  if (!resetsAt) return '';\n  const ms = resetsAt - Date.now();\n  if (ms <= 0) return t('resets now');\n  const mins = Math.round(ms / 60000);\n  if (mins < 60) return t('resets in {count}m', { count: mins });\n  const hours = Math.round(mins / 60);\n  if (hours < 48) return t('resets in {count}h', { count: hours });\n  const days = Math.round(hours / 24);\n  return t('resets in {count}d', { count: days });\n}\n\n/**\n * A thin usage bar showing the current tenant/subtenant usage window(s).\n * Rendered above the chat input. Antd-free — styled via `.devic-usage-*` classes.\n * Renders nothing when there are no usage limits configured for the tenant.\n */\nexport function UsageBar({\n  apiKey,\n  baseUrl,\n  tenantId,\n  subtenantId,\n  mode = 'always',\n  metric,\n  display,\n  customUsageBar,\n  color = '#1890ff',\n  refreshKey,\n  debug = false,\n}: UsageBarProps): JSX.Element | null {\n  const t = useTranslations();\n  const cfg = useMemo(() => ({ ...DEFAULT_DISPLAY, ...display }), [display]);\n\n  const devicContext = useOptionalDevicContext();\n  const getTenantSession = devicContext?.getTenantSession;\n  const onSessionExpired = devicContext?.onSessionExpired;\n  const client = useMemo(() => {\n    if (!apiKey && !getTenantSession) return null;\n    return new DevicApiClient({\n      apiKey,\n      baseUrl: baseUrl || 'https://api.devic.ai',\n      getTenantSession,\n      onSessionExpired,\n    });\n  }, [apiKey, getTenantSession, baseUrl]);\n\n  const [usage, setUsage] = useState<TenantUsage | null>(null);\n  const [loaded, setLoaded] = useState(false);\n  // onDemand starts hidden; 'always' is effectively visible from the start.\n  const [visible, setVisible] = useState(mode !== 'onDemand');\n\n  const fetchUsage = useCallback(async () => {\n    if (!client || !tenantId) return;\n    try {\n      const data = await client.getTenantUsage(tenantId, subtenantId);\n      setUsage(data || null);\n    } catch (err) {\n      if (debug) console.warn('[UsageBar] getTenantUsage failed:', err);\n      setUsage(null);\n    } finally {\n      setLoaded(true);\n    }\n  }, [client, tenantId, subtenantId, debug]);\n\n  // A custom renderer always wants the data, regardless of the onDemand toggle.\n  const active = !!customUsageBar || visible;\n\n  useEffect(() => {\n    if (!active) return;\n    void fetchUsage();\n  }, [active, fetchUsage, refreshKey]);\n\n  // Applicable rules: filter by metric, sort most-restrictive first.\n  const filteredSorted = useMemo(() => {\n    const pool = (usage?.usage || []).filter(\n      (r) => !metric || r.metric === metric,\n    );\n    return [...pool].sort((a, b) => b.percent - a.percent);\n  }, [usage, metric]);\n\n  // Default UI honours showAllRules; custom renderers always get the full set.\n  const rules = useMemo(\n    () => (cfg.showAllRules ? filteredSorted : filteredSorted.slice(0, 1)),\n    [filteredSorted, cfg.showAllRules],\n  );\n\n  const tierId = usage?.tierId || filteredSorted[0]?.tierId;\n\n  if (!tenantId || !client) return null;\n\n  // Custom renderer fully replaces the default UI; hand it the live data.\n  if (customUsageBar) {\n    return (\n      <>\n        {customUsageBar({\n          tenantId,\n          subtenantId,\n          tierId,\n          rules: filteredSorted,\n          loading: !loaded,\n        })}\n      </>\n    );\n  }\n\n  // onDemand, collapsed: show a small toggle button.\n  if (mode === 'onDemand' && !visible) {\n    return (\n      <div className=\"devic-usage-bar-wrap\" data-mode=\"onDemand\">\n        <button\n          type=\"button\"\n          className=\"devic-usage-toggle\"\n          onClick={() => setVisible(true)}\n          title={t('Show usage')}\n        >\n          <GaugeIcon />\n          <span>{t('Usage')}</span>\n        </button>\n      </div>\n    );\n  }\n\n  // No configured limits (or not loaded yet with nothing to show): render nothing\n  // in 'always' mode; in expanded onDemand, show a subtle note so the toggle isn't\n  // confusing.\n  if (rules.length === 0) {\n    if (mode === 'onDemand' && loaded) {\n      return (\n        <div className=\"devic-usage-bar-wrap\" data-mode=\"onDemand\">\n          <div className=\"devic-usage-bar\" data-empty=\"true\">\n            <span className=\"devic-usage-bar-label\">\n              {t('No usage limits')}\n            </span>\n            <button\n              type=\"button\"\n              className=\"devic-usage-collapse\"\n              onClick={() => setVisible(false)}\n              title={t('Hide usage')}\n              aria-label={t('Hide usage')}\n            >\n              &times;\n            </button>\n          </div>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  const showTierChip = cfg.showTier && !!tierId;\n  const multi = rules.length > 1;\n  // A header carries the tier chip and/or the onDemand collapse control, so the\n  // collapse \"×\" has a stable home regardless of how many rows render below.\n  const header =\n    showTierChip || mode === 'onDemand' ? (\n      <div className=\"devic-usage-bar-head\">\n        {showTierChip ? (\n          <span className=\"devic-usage-tier\" title={t('Tier: {tier}', { tier: tierId })}>\n            {tierId}\n          </span>\n        ) : (\n          <span />\n        )}\n        {mode === 'onDemand' && (\n          <button\n            type=\"button\"\n            className=\"devic-usage-collapse\"\n            onClick={() => setVisible(false)}\n            title={t('Hide usage')}\n            aria-label={t('Hide usage')}\n          >\n            &times;\n          </button>\n        )}\n      </div>\n    ) : null;\n\n  return (\n    <div className=\"devic-usage-bar-wrap\" data-mode={mode}>\n      {header}\n      {/* All rows share a single container by default. */}\n      <div className=\"devic-usage-bar-group\">\n        {rules.map((rule, i) => {\n          const pct = Math.min(100, Math.round(rule.percent));\n          const fill = fillColor(pct, color);\n          const valuesText = `${formatAmount(rule.current, rule.metric)} / ${formatAmount(\n            rule.limit,\n            rule.metric,\n          )} ${t(rule.metric)}`;\n          // Distinguish rows by metric when several render; otherwise use the\n          // scope-aware label so single-rule mode reads \"Usage 24%\".\n          const prefix = multi\n            ? rule.metric === 'cost'\n              ? t('Cost')\n              : t('Tokens')\n            : rule.scope === 'subtenant'\n              ? t('Your usage')\n              : t('Usage');\n          const main: string[] = [];\n          if (cfg.showPercent) main.push(`${pct}%`);\n          if (cfg.showValues) main.push(valuesText);\n          if (main.length === 0) main.push(`${pct}%`);\n          const label = `${prefix} ${main.join(' · ')}`.trim();\n          const reset = resetLabel(t, rule.resetsAt);\n          const win = windowLabel(t, rule.windowUnit, rule.windowEvery);\n          const title = `${valuesText} · ${win}${reset ? ` · ${reset}` : ''}`;\n\n          return (\n            <div\n              key={`${rule.metric}-${rule.windowUnit}-${rule.windowEvery}-${rule.scope}-${i}`}\n              className=\"devic-usage-bar\"\n              title={title}\n              data-state={pct >= 100 ? 'exceeded' : 'ok'}\n            >\n              <span className=\"devic-usage-bar-label\">{label}</span>\n              <div className=\"devic-usage-bar-track\">\n                <div\n                  className=\"devic-usage-bar-fill\"\n                  style={{ width: `${pct}%`, backgroundColor: fill }}\n                />\n              </div>\n              {cfg.showWindow && (\n                <span className=\"devic-usage-bar-window\">{win}</span>\n              )}\n              {reset && <span className=\"devic-usage-bar-reset\">{reset}</span>}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n/** Small gauge icon for the on-demand toggle. */\nfunction GaugeIcon(): 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 14a4 4 0 1 0-4-4\" />\n      <path d=\"M3 18a9 9 0 0 1 18 0\" />\n      <line x1=\"12\" y1=\"14\" x2=\"15\" y2=\"11\" />\n    </svg>\n  );\n}\n"],"names":["useTranslations","useMemo","useOptionalDevicContext","client","DevicApiClient","useState","useCallback","useEffect","_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/dist/cjs/components/CoreMemoryModal/CoreMemoryModal.js

@@ -6,6 +6,7 @@ var reactDom = require('react-dom');
 var client = require('../../api/client.js');
 var DevicContext = require('../../provider/DevicContext.js');
 var theme = require('../theme.js');
+var useTranslations = require('../../i18n/useTranslations.js');
 
 /** Canonical sections of the core tier, in display order. */
 const SECTIONS = ["persona", "instructions", "decisions", "profile"];
@@ -49,15 +50,25 @@ function PinIcon() {
  * the API key needs that endpoint allowed.
  */
 function CoreMemoryModal({ isOpen, onClose, assistantId, tenantId, subtenantId, apiKey, baseUrl, editable = true, title, labels, theme: theme$1, }) {
-    const l = React.useMemo(() => ({
-        ...DEFAULT_CORE_MEMORY_LABELS,
-        ...labels,
-        title: labels?.title ?? title ?? DEFAULT_CORE_MEMORY_LABELS.title,
-        sections: {
-            ...DEFAULT_CORE_MEMORY_LABELS.sections,
-            ...labels?.sections,
-        },
-    }), [labels, title]);
+    const t = useTranslations.useTranslations();
+    // Three layers, narrowest first: the `labels` this host passed, then the
+    // dictionary, then English. `labels` stays authoritative — a host that
+    // already spells this dialog out itself must not have it changed underneath
+    // by a page-wide dictionary.
+    const l = React.useMemo(() => {
+        const translated = Object.fromEntries(Object.entries(DEFAULT_CORE_MEMORY_LABELS)
+            .filter(([, value]) => typeof value === "string")
+            .map(([key, value]) => [key, t(value)]));
+        return {
+            ...translated,
+            ...labels,
+            title: labels?.title ?? title ?? t(DEFAULT_CORE_MEMORY_LABELS.title),
+            sections: {
+                ...Object.fromEntries(Object.entries(DEFAULT_CORE_MEMORY_LABELS.sections).map(([key, value]) => [key, t(value)])),
+                ...labels?.sections,
+            },
+        };
+    }, [labels, title, t]);
     const context = DevicContext.useOptionalDevicContext();
     const resolvedBaseUrl = baseUrl || context?.baseUrl || "https://api.devic.ai";
     const resolvedTenantId = tenantId || context?.tenantId;

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

@@ -1 +1 @@
-{"version":3,"file":"CoreMemoryModal.js","sources":["../../../../../src/components/CoreMemoryModal/CoreMemoryModal.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type JSX,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { DevicApiClient } from \"../../api/client\";\nimport type { CoreMemoryEntry, CoreMemoryLimits } from \"../../api/types\";\nimport { useOptionalDevicContext } from \"../../provider\";\nimport { themeVars, type DevicTheme } from \"../theme\";\nimport \"./CoreMemoryModal.css\";\n\n/** Canonical sections of the core tier, in display order. */\nconst SECTIONS = [\"persona\", \"instructions\", \"decisions\", \"profile\"] as const;\n\n/**\n * Every piece of text the modal shows, so a host can render it in its own\n * language. Any subset can be given; the rest keeps the English default.\n */\nexport interface CoreMemoryLabels {\n  /** Modal title; the drawer also uses it for its brain button tooltip. */\n  title: string;\n  /** Accessible name of the close button. */\n  close: string;\n  loading: string;\n  /** Shown when the assistant has no core memory tier enabled. */\n  disabled: string;\n  /** Shown when the bucket holds no entries yet. */\n  empty: string;\n  /** Tooltip of the pin mark. */\n  pinned: string;\n  edit: string;\n  remove: string;\n  save: string;\n  cancel: string;\n  /** Confirms the composer. */\n  add: string;\n  /** Opens the composer. */\n  addMemory: string;\n  /** Composer placeholder. */\n  placeholder: string;\n  /** Footer; `{count}`, `{max}` and `{chars}` are replaced. */\n  footer: string;\n  /** Display names of the sections, by section key. */\n  sections: Record<string, string>;\n}\n\nexport const DEFAULT_CORE_MEMORY_LABELS: CoreMemoryLabels = {\n  title: \"Assistant memory\",\n  close: \"Close\",\n  loading: \"Loading memory…\",\n  disabled: \"Memory is not enabled for this assistant.\",\n  empty:\n    \"Nothing remembered yet. What the assistant learns and is told to keep will appear here.\",\n  pinned: \"Pinned: always kept, never changed by the assistant\",\n  edit: \"Edit\",\n  remove: \"Remove\",\n  save: \"Save\",\n  cancel: \"Cancel\",\n  add: \"Add\",\n  addMemory: \"+ Add memory\",\n  placeholder: \"Something the assistant should always remember…\",\n  footer: \"{count}/{max} entries · up to {chars} characters each\",\n  sections: {\n    persona: \"persona\",\n    instructions: \"instructions\",\n    decisions: \"decisions\",\n    profile: \"profile\",\n  },\n};\n\nconst fillTemplate = (template: string, values: Record<string, string>) =>\n  template.replace(/\\{(\\w+)\\}/g, (_, key: string) => values[key] ?? \"\");\n\nexport interface CoreMemoryModalProps {\n  /** Whether the modal is visible. */\n  isOpen: boolean;\n  onClose: () => void;\n  /** Assistant whose memory bucket is shown. */\n  assistantId: string;\n  /** Tenant of the end user (falls back to the provider's tenantId). */\n  tenantId?: string;\n  /** Subtenant of the end user (falls back to the provider's subtenantId). */\n  subtenantId?: string;\n  /** API key override (falls back to the provider's). */\n  apiKey?: string;\n  /** Base URL override (falls back to the provider's). */\n  baseUrl?: string;\n  /**\n   * Let the user add, edit and remove entries. Set false for a read-only\n   * view of what the assistant remembers.\n   * @default true\n   */\n  editable?: boolean;\n  /**\n   * Modal title. @default \"Assistant memory\"\n   * @deprecated Prefer `labels.title`; kept so existing hosts keep working.\n   */\n  title?: string;\n  /** Texts of the modal, for a host that renders it in its own language. */\n  labels?: Partial<CoreMemoryLabels>;\n  /**\n   * Colours and font. Same names as the drawer's style options, and the drawer\n   * passes its own down — a dialog opening in the default light palette over a\n   * themed application is the one thing this must not do.\n   */\n  theme?: DevicTheme;\n}\n\nfunction BrainIcon(): 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      aria-hidden=\"true\"\n    >\n      <path d=\"M9.5 2a2.5 2.5 0 0 0-2.45 2A3.5 3.5 0 0 0 4.6 8.6 3.5 3.5 0 0 0 3 11.5c0 1.1.5 2.08 1.29 2.73A3.5 3.5 0 0 0 7 20a3 3 0 0 0 5-2.24V4.5A2.5 2.5 0 0 0 9.5 2Z\" />\n      <path d=\"M14.5 2a2.5 2.5 0 0 1 2.45 2 3.5 3.5 0 0 1 2.45 4.6A3.5 3.5 0 0 1 21 11.5a3.49 3.49 0 0 1-1.29 2.73A3.5 3.5 0 0 1 17 20a3 3 0 0 1-5-2.24V4.5A2.5 2.5 0 0 1 14.5 2Z\" />\n    </svg>\n  );\n}\n\nfunction PinIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"11\"\n      height=\"11\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      stroke=\"none\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M16 3a1 1 0 0 1 .97 1.243l-1.2 4.8 3.937 3.938A1 1 0 0 1 19 14.688V15a1 1 0 0 1-1 1h-5v6l-1 1-1-1v-6H6a1 1 0 0 1-1-1v-.312a1 1 0 0 1 .293-.707L9.23 9.043l-1.2-4.8A1 1 0 0 1 9 3h7Z\" />\n    </svg>\n  );\n}\n\n/**\n * Modal showing — and, when `editable`, managing — the core memory of an\n * assistant for a tenant/subtenant combination: the standing entries\n * (persona, instructions, decisions, profile) injected into every prompt of\n * the bucket the assistant resolves there. Lets the end user see and control\n * what the assistant permanently remembers about them.\n *\n * Backed by the public memory API (`/api/v1/memory/assistants/:id/core`);\n * the API key needs that endpoint allowed.\n */\nexport function CoreMemoryModal({\n  isOpen,\n  onClose,\n  assistantId,\n  tenantId,\n  subtenantId,\n  apiKey,\n  baseUrl,\n  editable = true,\n  title,\n  labels,\n  theme,\n}: CoreMemoryModalProps): JSX.Element | null {\n  const l = useMemo<CoreMemoryLabels>(\n    () => ({\n      ...DEFAULT_CORE_MEMORY_LABELS,\n      ...labels,\n      title: labels?.title ?? title ?? DEFAULT_CORE_MEMORY_LABELS.title,\n      sections: {\n        ...DEFAULT_CORE_MEMORY_LABELS.sections,\n        ...labels?.sections,\n      },\n    }),\n    [labels, title]\n  );\n  const context = useOptionalDevicContext();\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || \"https://api.devic.ai\";\n  const resolvedTenantId = tenantId || context?.tenantId;\n  const resolvedSubtenantId = subtenantId || context?.subtenantId;\n\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedTenantSession = context?.getTenantSession;\n  const onSessionExpired = context?.onSessionExpired;\n\n  const client = useMemo(\n    () =>\n      resolvedApiKey || resolvedTenantSession\n        ? new DevicApiClient({\n            apiKey: resolvedApiKey,\n            baseUrl: resolvedBaseUrl,\n            getTenantSession: resolvedTenantSession,\n      onSessionExpired,\n          })\n        : null,\n    [resolvedApiKey, resolvedTenantSession, resolvedBaseUrl]\n  );\n\n  const [loading, setLoading] = useState(false);\n  const [enabled, setEnabled] = useState(true);\n  const [entries, setEntries] = useState<CoreMemoryEntry[]>([]);\n  const [limits, setLimits] = useState<CoreMemoryLimits | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [saving, setSaving] = useState(false);\n\n  // Inline composer / editor state\n  const [composerOpen, setComposerOpen] = useState(false);\n  const [composerSection, setComposerSection] = useState<string>(\"profile\");\n  const [composerText, setComposerText] = useState(\"\");\n  const [editingId, setEditingId] = useState<number | null>(null);\n  const [editingText, setEditingText] = useState(\"\");\n\n  const scopeOptions = useMemo(\n    () => ({\n      tenantId: resolvedTenantId || undefined,\n      subtenantId: resolvedSubtenantId || undefined,\n    }),\n    [resolvedTenantId, resolvedSubtenantId]\n  );\n\n  const refresh = useCallback(async () => {\n    if (!client) {\n      setError(\"API key not configured\");\n      return;\n    }\n    setLoading(true);\n    setError(null);\n    try {\n      const list = await client.getCoreMemory(assistantId, scopeOptions);\n      setEnabled(list.enabled);\n      setEntries(list.entries);\n      setLimits(list.limits ?? null);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setLoading(false);\n    }\n  }, [client, assistantId, scopeOptions]);\n\n  // Fetch on every open (memory may have changed since the last look).\n  const wasOpenRef = useRef(false);\n  useEffect(() => {\n    if (isOpen && !wasOpenRef.current) {\n      setComposerOpen(false);\n      setComposerText(\"\");\n      setEditingId(null);\n      void refresh();\n    }\n    wasOpenRef.current = isOpen;\n  }, [isOpen, refresh]);\n\n  // Escape closes\n  useEffect(() => {\n    if (!isOpen) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [isOpen, onClose]);\n\n  const runWrite = useCallback(\n    async (write: () => Promise<unknown>) => {\n      setSaving(true);\n      setError(null);\n      try {\n        await write();\n        await refresh();\n        return true;\n      } catch (err) {\n        setError(err instanceof Error ? err.message : String(err));\n        return false;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [refresh]\n  );\n\n  const handleAdd = async () => {\n    if (!client || !composerText.trim()) return;\n    const ok = await runWrite(() =>\n      client.addCoreMemoryEntry(\n        assistantId,\n        { content: composerText.trim(), section: composerSection },\n        scopeOptions\n      )\n    );\n    if (ok) {\n      setComposerOpen(false);\n      setComposerText(\"\");\n    }\n  };\n\n  const handleSaveEdit = async (entry: CoreMemoryEntry) => {\n    if (!client || !editingText.trim()) return;\n    const ok = await runWrite(() =>\n      client.updateCoreMemoryEntry(\n        assistantId,\n        entry.id,\n        { content: editingText.trim() },\n        scopeOptions\n      )\n    );\n    if (ok) setEditingId(null);\n  };\n\n  const handleRemove = async (entry: CoreMemoryEntry) => {\n    if (!client) return;\n    await runWrite(() =>\n      client.deleteCoreMemoryEntry(assistantId, entry.id, scopeOptions)\n    );\n  };\n\n  if (!isOpen) return null;\n\n  // Group entries by section, canonical sections first.\n  const sections: Array<{ name: string; entries: CoreMemoryEntry[] }> = [];\n  const bySection = new Map<string, CoreMemoryEntry[]>();\n  for (const entry of entries) {\n    const list = bySection.get(entry.section);\n    if (list) list.push(entry);\n    else bySection.set(entry.section, [entry]);\n  }\n  for (const name of SECTIONS) {\n    const list = bySection.get(name);\n    if (list) {\n      sections.push({ name, entries: list });\n      bySection.delete(name);\n    }\n  }\n  for (const [name, list] of bySection) sections.push({ name, entries: list });\n\n  return createPortal(\n    // The variables go on the overlay: a portal inherits nothing from the\n    // drawer that opened it, so without this the dialog ignores the theme.\n    <div\n      className=\"devic-cm-overlay\"\n      style={themeVars(theme)}\n      onClick={onClose}\n    >\n      <div\n        className=\"devic-cm-modal\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={l.title}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"devic-cm-header\">\n          <h3 className=\"devic-cm-title\">\n            <BrainIcon />\n            {l.title}\n          </h3>\n          <button\n            className=\"devic-cm-close\"\n            onClick={onClose}\n            type=\"button\"\n            aria-label={l.close}\n          >\n            ×\n          </button>\n        </div>\n\n        <div className=\"devic-cm-body\">\n          {error && <div className=\"devic-cm-error\">{error}</div>}\n\n          {loading ? (\n            <div className=\"devic-cm-loading\">{l.loading}</div>\n          ) : !enabled ? (\n            <div className=\"devic-cm-empty\">{l.disabled}</div>\n          ) : entries.length === 0 && !composerOpen ? (\n            <div className=\"devic-cm-empty\">{l.empty}</div>\n          ) : (\n            sections.map((section) => (\n              <div key={section.name} className=\"devic-cm-section\">\n                <div className=\"devic-cm-section-title\">\n                  {l.sections[section.name] ?? section.name}\n                </div>\n                {section.entries.map((entry) => (\n                  <div key={entry.id} className=\"devic-cm-entry\">\n                    {editingId === entry.id ? (\n                      <div className=\"devic-cm-editor\">\n                        <textarea\n                          className=\"devic-cm-textarea\"\n                          value={editingText}\n                          maxLength={limits?.maxEntryChars || undefined}\n                          onChange={(e) => setEditingText(e.target.value)}\n                          disabled={saving}\n                          autoFocus\n                        />\n                        <div className=\"devic-cm-editor-actions\">\n                          <button\n                            type=\"button\"\n                            className=\"devic-cm-btn devic-cm-btn-primary\"\n                            onClick={() => handleSaveEdit(entry)}\n                            disabled={saving || !editingText.trim()}\n                          >\n                            {l.save}\n                          </button>\n                          <button\n                            type=\"button\"\n                            className=\"devic-cm-btn\"\n                            onClick={() => setEditingId(null)}\n                            disabled={saving}\n                          >\n                            {l.cancel}\n                          </button>\n                        </div>\n                      </div>\n                    ) : (\n                      <>\n                        <div className=\"devic-cm-entry-content\">\n                          {entry.pinned && (\n                            <span\n                              className=\"devic-cm-pin\"\n                              title={l.pinned}\n                            >\n                              <PinIcon />\n                            </span>\n                          )}\n                          <span>{entry.content}</span>\n                        </div>\n                        {editable && (\n                          <div className=\"devic-cm-entry-actions\">\n                            <button\n                              type=\"button\"\n                              className=\"devic-cm-btn devic-cm-btn-small\"\n                              onClick={() => {\n                                setEditingId(entry.id);\n                                setEditingText(entry.content);\n                              }}\n                              disabled={saving}\n                            >\n                              {l.edit}\n                            </button>\n                            <button\n                              type=\"button\"\n                              className=\"devic-cm-btn devic-cm-btn-small devic-cm-btn-danger\"\n                              onClick={() => handleRemove(entry)}\n                              disabled={saving}\n                            >\n                              {l.remove}\n                            </button>\n                          </div>\n                        )}\n                      </>\n                    )}\n                  </div>\n                ))}\n              </div>\n            ))\n          )}\n\n          {editable && enabled && !loading && (\n            <div className=\"devic-cm-composer\">\n              {composerOpen ? (\n                <>\n                  <div className=\"devic-cm-composer-row\">\n                    <select\n                      className=\"devic-cm-select\"\n                      value={composerSection}\n                      onChange={(e) => setComposerSection(e.target.value)}\n                      disabled={saving}\n                    >\n                      {SECTIONS.map((s) => (\n                        <option key={s} value={s}>\n                          {l.sections[s] ?? s}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                  <textarea\n                    className=\"devic-cm-textarea\"\n                    placeholder={l.placeholder}\n                    value={composerText}\n                    maxLength={limits?.maxEntryChars || undefined}\n                    onChange={(e) => setComposerText(e.target.value)}\n                    disabled={saving}\n                    autoFocus\n                  />\n                  <div className=\"devic-cm-editor-actions\">\n                    <button\n                      type=\"button\"\n                      className=\"devic-cm-btn devic-cm-btn-primary\"\n                      onClick={handleAdd}\n                      disabled={saving || !composerText.trim()}\n                    >\n                      {l.add}\n                    </button>\n                    <button\n                      type=\"button\"\n                      className=\"devic-cm-btn\"\n                      onClick={() => {\n                        setComposerOpen(false);\n                        setComposerText(\"\");\n                      }}\n                      disabled={saving}\n                    >\n                      {l.cancel}\n                    </button>\n                  </div>\n                </>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"devic-cm-btn\"\n                  onClick={() => setComposerOpen(true)}\n                  disabled={saving}\n                >\n                  {l.addMemory}\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n\n        {limits && enabled && (\n          <div className=\"devic-cm-footer\">\n            {fillTemplate(l.footer, {\n              count: String(entries.length),\n              max: String(limits.maxEntries),\n              chars: String(limits.maxEntryChars),\n            })}\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\nexport default CoreMemoryModal;\n"],"names":["_jsxs","_jsx","theme","useMemo","useOptionalDevicContext","client","DevicApiClient","useState","useCallback","useRef","useEffect","createPortal","themeVars","_Fragment"],"mappings":"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"}
+{"version":3,"file":"CoreMemoryModal.js","sources":["../../../../../src/components/CoreMemoryModal/CoreMemoryModal.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type JSX,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { DevicApiClient } from \"../../api/client\";\nimport type { CoreMemoryEntry, CoreMemoryLimits } from \"../../api/types\";\nimport { useOptionalDevicContext } from \"../../provider\";\nimport { themeVars, type DevicTheme } from \"../theme\";\nimport { useTranslations } from \"../../i18n\";\nimport \"./CoreMemoryModal.css\";\n\n/** Canonical sections of the core tier, in display order. */\nconst SECTIONS = [\"persona\", \"instructions\", \"decisions\", \"profile\"] as const;\n\n/**\n * Every piece of text the modal shows, so a host can render it in its own\n * language. Any subset can be given; the rest keeps the English default.\n */\nexport interface CoreMemoryLabels {\n  /** Modal title; the drawer also uses it for its brain button tooltip. */\n  title: string;\n  /** Accessible name of the close button. */\n  close: string;\n  loading: string;\n  /** Shown when the assistant has no core memory tier enabled. */\n  disabled: string;\n  /** Shown when the bucket holds no entries yet. */\n  empty: string;\n  /** Tooltip of the pin mark. */\n  pinned: string;\n  edit: string;\n  remove: string;\n  save: string;\n  cancel: string;\n  /** Confirms the composer. */\n  add: string;\n  /** Opens the composer. */\n  addMemory: string;\n  /** Composer placeholder. */\n  placeholder: string;\n  /** Footer; `{count}`, `{max}` and `{chars}` are replaced. */\n  footer: string;\n  /** Display names of the sections, by section key. */\n  sections: Record<string, string>;\n}\n\nexport const DEFAULT_CORE_MEMORY_LABELS: CoreMemoryLabels = {\n  title: \"Assistant memory\",\n  close: \"Close\",\n  loading: \"Loading memory…\",\n  disabled: \"Memory is not enabled for this assistant.\",\n  empty:\n    \"Nothing remembered yet. What the assistant learns and is told to keep will appear here.\",\n  pinned: \"Pinned: always kept, never changed by the assistant\",\n  edit: \"Edit\",\n  remove: \"Remove\",\n  save: \"Save\",\n  cancel: \"Cancel\",\n  add: \"Add\",\n  addMemory: \"+ Add memory\",\n  placeholder: \"Something the assistant should always remember…\",\n  footer: \"{count}/{max} entries · up to {chars} characters each\",\n  sections: {\n    persona: \"persona\",\n    instructions: \"instructions\",\n    decisions: \"decisions\",\n    profile: \"profile\",\n  },\n};\n\nconst fillTemplate = (template: string, values: Record<string, string>) =>\n  template.replace(/\\{(\\w+)\\}/g, (_, key: string) => values[key] ?? \"\");\n\nexport interface CoreMemoryModalProps {\n  /** Whether the modal is visible. */\n  isOpen: boolean;\n  onClose: () => void;\n  /** Assistant whose memory bucket is shown. */\n  assistantId: string;\n  /** Tenant of the end user (falls back to the provider's tenantId). */\n  tenantId?: string;\n  /** Subtenant of the end user (falls back to the provider's subtenantId). */\n  subtenantId?: string;\n  /** API key override (falls back to the provider's). */\n  apiKey?: string;\n  /** Base URL override (falls back to the provider's). */\n  baseUrl?: string;\n  /**\n   * Let the user add, edit and remove entries. Set false for a read-only\n   * view of what the assistant remembers.\n   * @default true\n   */\n  editable?: boolean;\n  /**\n   * Modal title. @default \"Assistant memory\"\n   * @deprecated Prefer `labels.title`; kept so existing hosts keep working.\n   */\n  title?: string;\n  /** Texts of the modal, for a host that renders it in its own language. */\n  labels?: Partial<CoreMemoryLabels>;\n  /**\n   * Colours and font. Same names as the drawer's style options, and the drawer\n   * passes its own down — a dialog opening in the default light palette over a\n   * themed application is the one thing this must not do.\n   */\n  theme?: DevicTheme;\n}\n\nfunction BrainIcon(): 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      aria-hidden=\"true\"\n    >\n      <path d=\"M9.5 2a2.5 2.5 0 0 0-2.45 2A3.5 3.5 0 0 0 4.6 8.6 3.5 3.5 0 0 0 3 11.5c0 1.1.5 2.08 1.29 2.73A3.5 3.5 0 0 0 7 20a3 3 0 0 0 5-2.24V4.5A2.5 2.5 0 0 0 9.5 2Z\" />\n      <path d=\"M14.5 2a2.5 2.5 0 0 1 2.45 2 3.5 3.5 0 0 1 2.45 4.6A3.5 3.5 0 0 1 21 11.5a3.49 3.49 0 0 1-1.29 2.73A3.5 3.5 0 0 1 17 20a3 3 0 0 1-5-2.24V4.5A2.5 2.5 0 0 1 14.5 2Z\" />\n    </svg>\n  );\n}\n\nfunction PinIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"11\"\n      height=\"11\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      stroke=\"none\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M16 3a1 1 0 0 1 .97 1.243l-1.2 4.8 3.937 3.938A1 1 0 0 1 19 14.688V15a1 1 0 0 1-1 1h-5v6l-1 1-1-1v-6H6a1 1 0 0 1-1-1v-.312a1 1 0 0 1 .293-.707L9.23 9.043l-1.2-4.8A1 1 0 0 1 9 3h7Z\" />\n    </svg>\n  );\n}\n\n/**\n * Modal showing — and, when `editable`, managing — the core memory of an\n * assistant for a tenant/subtenant combination: the standing entries\n * (persona, instructions, decisions, profile) injected into every prompt of\n * the bucket the assistant resolves there. Lets the end user see and control\n * what the assistant permanently remembers about them.\n *\n * Backed by the public memory API (`/api/v1/memory/assistants/:id/core`);\n * the API key needs that endpoint allowed.\n */\nexport function CoreMemoryModal({\n  isOpen,\n  onClose,\n  assistantId,\n  tenantId,\n  subtenantId,\n  apiKey,\n  baseUrl,\n  editable = true,\n  title,\n  labels,\n  theme,\n}: CoreMemoryModalProps): JSX.Element | null {\n  const t = useTranslations();\n  // Three layers, narrowest first: the `labels` this host passed, then the\n  // dictionary, then English. `labels` stays authoritative — a host that\n  // already spells this dialog out itself must not have it changed underneath\n  // by a page-wide dictionary.\n  const l = useMemo<CoreMemoryLabels>(() => {\n    const translated = Object.fromEntries(\n      Object.entries(DEFAULT_CORE_MEMORY_LABELS)\n        .filter(([, value]) => typeof value === \"string\")\n        .map(([key, value]) => [key, t(value as string)])\n    ) as Omit<CoreMemoryLabels, \"sections\">;\n    return {\n      ...translated,\n      ...labels,\n      title: labels?.title ?? title ?? t(DEFAULT_CORE_MEMORY_LABELS.title),\n      sections: {\n        ...Object.fromEntries(\n          Object.entries(DEFAULT_CORE_MEMORY_LABELS.sections).map(\n            ([key, value]) => [key, t(value)]\n          )\n        ),\n        ...labels?.sections,\n      },\n    };\n  }, [labels, title, t]);\n  const context = useOptionalDevicContext();\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || \"https://api.devic.ai\";\n  const resolvedTenantId = tenantId || context?.tenantId;\n  const resolvedSubtenantId = subtenantId || context?.subtenantId;\n\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedTenantSession = context?.getTenantSession;\n  const onSessionExpired = context?.onSessionExpired;\n\n  const client = useMemo(\n    () =>\n      resolvedApiKey || resolvedTenantSession\n        ? new DevicApiClient({\n            apiKey: resolvedApiKey,\n            baseUrl: resolvedBaseUrl,\n            getTenantSession: resolvedTenantSession,\n      onSessionExpired,\n          })\n        : null,\n    [resolvedApiKey, resolvedTenantSession, resolvedBaseUrl]\n  );\n\n  const [loading, setLoading] = useState(false);\n  const [enabled, setEnabled] = useState(true);\n  const [entries, setEntries] = useState<CoreMemoryEntry[]>([]);\n  const [limits, setLimits] = useState<CoreMemoryLimits | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [saving, setSaving] = useState(false);\n\n  // Inline composer / editor state\n  const [composerOpen, setComposerOpen] = useState(false);\n  const [composerSection, setComposerSection] = useState<string>(\"profile\");\n  const [composerText, setComposerText] = useState(\"\");\n  const [editingId, setEditingId] = useState<number | null>(null);\n  const [editingText, setEditingText] = useState(\"\");\n\n  const scopeOptions = useMemo(\n    () => ({\n      tenantId: resolvedTenantId || undefined,\n      subtenantId: resolvedSubtenantId || undefined,\n    }),\n    [resolvedTenantId, resolvedSubtenantId]\n  );\n\n  const refresh = useCallback(async () => {\n    if (!client) {\n      setError(\"API key not configured\");\n      return;\n    }\n    setLoading(true);\n    setError(null);\n    try {\n      const list = await client.getCoreMemory(assistantId, scopeOptions);\n      setEnabled(list.enabled);\n      setEntries(list.entries);\n      setLimits(list.limits ?? null);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setLoading(false);\n    }\n  }, [client, assistantId, scopeOptions]);\n\n  // Fetch on every open (memory may have changed since the last look).\n  const wasOpenRef = useRef(false);\n  useEffect(() => {\n    if (isOpen && !wasOpenRef.current) {\n      setComposerOpen(false);\n      setComposerText(\"\");\n      setEditingId(null);\n      void refresh();\n    }\n    wasOpenRef.current = isOpen;\n  }, [isOpen, refresh]);\n\n  // Escape closes\n  useEffect(() => {\n    if (!isOpen) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [isOpen, onClose]);\n\n  const runWrite = useCallback(\n    async (write: () => Promise<unknown>) => {\n      setSaving(true);\n      setError(null);\n      try {\n        await write();\n        await refresh();\n        return true;\n      } catch (err) {\n        setError(err instanceof Error ? err.message : String(err));\n        return false;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [refresh]\n  );\n\n  const handleAdd = async () => {\n    if (!client || !composerText.trim()) return;\n    const ok = await runWrite(() =>\n      client.addCoreMemoryEntry(\n        assistantId,\n        { content: composerText.trim(), section: composerSection },\n        scopeOptions\n      )\n    );\n    if (ok) {\n      setComposerOpen(false);\n      setComposerText(\"\");\n    }\n  };\n\n  const handleSaveEdit = async (entry: CoreMemoryEntry) => {\n    if (!client || !editingText.trim()) return;\n    const ok = await runWrite(() =>\n      client.updateCoreMemoryEntry(\n        assistantId,\n        entry.id,\n        { content: editingText.trim() },\n        scopeOptions\n      )\n    );\n    if (ok) setEditingId(null);\n  };\n\n  const handleRemove = async (entry: CoreMemoryEntry) => {\n    if (!client) return;\n    await runWrite(() =>\n      client.deleteCoreMemoryEntry(assistantId, entry.id, scopeOptions)\n    );\n  };\n\n  if (!isOpen) return null;\n\n  // Group entries by section, canonical sections first.\n  const sections: Array<{ name: string; entries: CoreMemoryEntry[] }> = [];\n  const bySection = new Map<string, CoreMemoryEntry[]>();\n  for (const entry of entries) {\n    const list = bySection.get(entry.section);\n    if (list) list.push(entry);\n    else bySection.set(entry.section, [entry]);\n  }\n  for (const name of SECTIONS) {\n    const list = bySection.get(name);\n    if (list) {\n      sections.push({ name, entries: list });\n      bySection.delete(name);\n    }\n  }\n  for (const [name, list] of bySection) sections.push({ name, entries: list });\n\n  return createPortal(\n    // The variables go on the overlay: a portal inherits nothing from the\n    // drawer that opened it, so without this the dialog ignores the theme.\n    <div\n      className=\"devic-cm-overlay\"\n      style={themeVars(theme)}\n      onClick={onClose}\n    >\n      <div\n        className=\"devic-cm-modal\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={l.title}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"devic-cm-header\">\n          <h3 className=\"devic-cm-title\">\n            <BrainIcon />\n            {l.title}\n          </h3>\n          <button\n            className=\"devic-cm-close\"\n            onClick={onClose}\n            type=\"button\"\n            aria-label={l.close}\n          >\n            ×\n          </button>\n        </div>\n\n        <div className=\"devic-cm-body\">\n          {error && <div className=\"devic-cm-error\">{error}</div>}\n\n          {loading ? (\n            <div className=\"devic-cm-loading\">{l.loading}</div>\n          ) : !enabled ? (\n            <div className=\"devic-cm-empty\">{l.disabled}</div>\n          ) : entries.length === 0 && !composerOpen ? (\n            <div className=\"devic-cm-empty\">{l.empty}</div>\n          ) : (\n            sections.map((section) => (\n              <div key={section.name} className=\"devic-cm-section\">\n                <div className=\"devic-cm-section-title\">\n                  {l.sections[section.name] ?? section.name}\n                </div>\n                {section.entries.map((entry) => (\n                  <div key={entry.id} className=\"devic-cm-entry\">\n                    {editingId === entry.id ? (\n                      <div className=\"devic-cm-editor\">\n                        <textarea\n                          className=\"devic-cm-textarea\"\n                          value={editingText}\n                          maxLength={limits?.maxEntryChars || undefined}\n                          onChange={(e) => setEditingText(e.target.value)}\n                          disabled={saving}\n                          autoFocus\n                        />\n                        <div className=\"devic-cm-editor-actions\">\n                          <button\n                            type=\"button\"\n                            className=\"devic-cm-btn devic-cm-btn-primary\"\n                            onClick={() => handleSaveEdit(entry)}\n                            disabled={saving || !editingText.trim()}\n                          >\n                            {l.save}\n                          </button>\n                          <button\n                            type=\"button\"\n                            className=\"devic-cm-btn\"\n                            onClick={() => setEditingId(null)}\n                            disabled={saving}\n                          >\n                            {l.cancel}\n                          </button>\n                        </div>\n                      </div>\n                    ) : (\n                      <>\n                        <div className=\"devic-cm-entry-content\">\n                          {entry.pinned && (\n                            <span\n                              className=\"devic-cm-pin\"\n                              title={l.pinned}\n                            >\n                              <PinIcon />\n                            </span>\n                          )}\n                          <span>{entry.content}</span>\n                        </div>\n                        {editable && (\n                          <div className=\"devic-cm-entry-actions\">\n                            <button\n                              type=\"button\"\n                              className=\"devic-cm-btn devic-cm-btn-small\"\n                              onClick={() => {\n                                setEditingId(entry.id);\n                                setEditingText(entry.content);\n                              }}\n                              disabled={saving}\n                            >\n                              {l.edit}\n                            </button>\n                            <button\n                              type=\"button\"\n                              className=\"devic-cm-btn devic-cm-btn-small devic-cm-btn-danger\"\n                              onClick={() => handleRemove(entry)}\n                              disabled={saving}\n                            >\n                              {l.remove}\n                            </button>\n                          </div>\n                        )}\n                      </>\n                    )}\n                  </div>\n                ))}\n              </div>\n            ))\n          )}\n\n          {editable && enabled && !loading && (\n            <div className=\"devic-cm-composer\">\n              {composerOpen ? (\n                <>\n                  <div className=\"devic-cm-composer-row\">\n                    <select\n                      className=\"devic-cm-select\"\n                      value={composerSection}\n                      onChange={(e) => setComposerSection(e.target.value)}\n                      disabled={saving}\n                    >\n                      {SECTIONS.map((s) => (\n                        <option key={s} value={s}>\n                          {l.sections[s] ?? s}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                  <textarea\n                    className=\"devic-cm-textarea\"\n                    placeholder={l.placeholder}\n                    value={composerText}\n                    maxLength={limits?.maxEntryChars || undefined}\n                    onChange={(e) => setComposerText(e.target.value)}\n                    disabled={saving}\n                    autoFocus\n                  />\n                  <div className=\"devic-cm-editor-actions\">\n                    <button\n                      type=\"button\"\n                      className=\"devic-cm-btn devic-cm-btn-primary\"\n                      onClick={handleAdd}\n                      disabled={saving || !composerText.trim()}\n                    >\n                      {l.add}\n                    </button>\n                    <button\n                      type=\"button\"\n                      className=\"devic-cm-btn\"\n                      onClick={() => {\n                        setComposerOpen(false);\n                        setComposerText(\"\");\n                      }}\n                      disabled={saving}\n                    >\n                      {l.cancel}\n                    </button>\n                  </div>\n                </>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"devic-cm-btn\"\n                  onClick={() => setComposerOpen(true)}\n                  disabled={saving}\n                >\n                  {l.addMemory}\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n\n        {limits && enabled && (\n          <div className=\"devic-cm-footer\">\n            {fillTemplate(l.footer, {\n              count: String(entries.length),\n              max: String(limits.maxEntries),\n              chars: String(limits.maxEntryChars),\n            })}\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\nexport default CoreMemoryModal;\n"],"names":["_jsxs","_jsx","theme","useTranslations","useMemo","useOptionalDevicContext","client","DevicApiClient","useState","useCallback","useRef","useEffect","createPortal","themeVars","_Fragment"],"mappings":"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"}

package/dist/cjs/components/Feedback/FeedbackModal.js

@@ -2,11 +2,13 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var useTranslations = require('../../i18n/useTranslations.js');
 
 /**
  * Modal for submitting feedback with optional comment
  */
 function FeedbackModal({ isOpen, onClose, onSubmit, feedbackType, isSubmitting = false, theme, }) {
+    const t = useTranslations.useTranslations();
     const [comment, setComment] = React.useState('');
     const textareaRef = React.useRef(null);
     const modalRef = React.useRef(null);
@@ -70,7 +72,9 @@ function FeedbackModal({ isOpen, onClose, onSubmit, feedbackType, isSubmitting =
             onSubmit(comment);
         }
     };
-    return (jsxRuntime.jsx("div", { className: "devic-feedback-overlay", children: jsxRuntime.jsxs("div", { className: "devic-feedback-modal", ref: modalRef, style: modalStyle, children: [jsxRuntime.jsxs("div", { className: "devic-feedback-modal-header", children: [jsxRuntime.jsx("span", { className: "devic-feedback-modal-icon", children: feedbackType === 'positive' ? jsxRuntime.jsx(ThumbsUpIcon, { filled: true }) : jsxRuntime.jsx(ThumbsDownIcon, { filled: true }) }), jsxRuntime.jsx("span", { className: "devic-feedback-modal-title", children: feedbackType === 'positive' ? 'What did you like?' : 'What could be improved?' }), jsxRuntime.jsx("button", { type: "button", className: "devic-feedback-modal-close", onClick: onClose, "aria-label": "Close", children: jsxRuntime.jsx(CloseIcon, {}) })] }), jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [jsxRuntime.jsx("textarea", { ref: textareaRef, className: "devic-feedback-textarea", placeholder: "Add a comment (optional)...", value: comment, onChange: (e) => setComment(e.target.value), onKeyDown: handleKeyDown, rows: 3, disabled: isSubmitting }), jsxRuntime.jsxs("div", { className: "devic-feedback-modal-actions", children: [jsxRuntime.jsx("button", { type: "button", className: "devic-feedback-btn devic-feedback-btn--secondary", onClick: onClose, disabled: isSubmitting, children: "Cancel" }), jsxRuntime.jsx("button", { type: "submit", className: "devic-feedback-btn devic-feedback-btn--primary", disabled: isSubmitting, children: isSubmitting ? 'Sending...' : 'Submit' })] })] })] }) }));
+    return (jsxRuntime.jsx("div", { className: "devic-feedback-overlay", children: jsxRuntime.jsxs("div", { className: "devic-feedback-modal", ref: modalRef, style: modalStyle, children: [jsxRuntime.jsxs("div", { className: "devic-feedback-modal-header", children: [jsxRuntime.jsx("span", { className: "devic-feedback-modal-icon", children: feedbackType === 'positive' ? jsxRuntime.jsx(ThumbsUpIcon, { filled: true }) : jsxRuntime.jsx(ThumbsDownIcon, { filled: true }) }), jsxRuntime.jsx("span", { className: "devic-feedback-modal-title", children: feedbackType === 'positive'
+                                ? t('What did you like?')
+                                : t('What could be improved?') }), jsxRuntime.jsx("button", { type: "button", className: "devic-feedback-modal-close", onClick: onClose, "aria-label": t('Close'), children: jsxRuntime.jsx(CloseIcon, {}) })] }), jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [jsxRuntime.jsx("textarea", { ref: textareaRef, className: "devic-feedback-textarea", placeholder: t('Add a comment (optional)...'), value: comment, onChange: (e) => setComment(e.target.value), onKeyDown: handleKeyDown, rows: 3, disabled: isSubmitting }), jsxRuntime.jsxs("div", { className: "devic-feedback-modal-actions", children: [jsxRuntime.jsx("button", { type: "button", className: "devic-feedback-btn devic-feedback-btn--secondary", onClick: onClose, disabled: isSubmitting, children: t('Cancel') }), jsxRuntime.jsx("button", { type: "submit", className: "devic-feedback-btn devic-feedback-btn--primary", disabled: isSubmitting, children: isSubmitting ? t('Sending...') : t('Submit') })] })] })] }) }));
 }
 /* ── Icons ── */
 function ThumbsUpIcon({ filled = false }) {

package/dist/cjs/components/Feedback/FeedbackModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackModal.js","sources":["../../../../../src/components/Feedback/FeedbackModal.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from 'react';\nimport type { FeedbackModalProps } from './Feedback.types';\n\n/**\n * Modal for submitting feedback with optional comment\n */\nexport function FeedbackModal({\n  isOpen,\n  onClose,\n  onSubmit,\n  feedbackType,\n  isSubmitting = false,\n  theme,\n}: FeedbackModalProps): JSX.Element | null {\n  const [comment, setComment] = useState('');\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  // Build inline styles from theme\n  const modalStyle = useMemo(() => {\n    if (!theme) return undefined;\n    return {\n      '--devic-bg': theme.backgroundColor,\n      '--devic-text': theme.textColor,\n      '--devic-text-muted': theme.textMutedColor,\n      '--devic-text-secondary': theme.textMutedColor,\n      '--devic-bg-secondary': theme.secondaryBackgroundColor,\n      '--devic-border': theme.borderColor,\n      '--devic-primary': theme.primaryColor,\n      '--devic-primary-hover': theme.primaryHoverColor,\n    } as React.CSSProperties;\n  }, [theme]);\n\n  // Focus textarea when modal opens\n  useEffect(() => {\n    if (isOpen && textareaRef.current) {\n      setTimeout(() => textareaRef.current?.focus(), 50);\n    }\n  }, [isOpen]);\n\n  // Reset comment when modal closes\n  useEffect(() => {\n    if (!isOpen) {\n      setComment('');\n    }\n  }, [isOpen]);\n\n  // Handle click outside\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleClickOutside = (e: MouseEvent) => {\n      if (modalRef.current && !modalRef.current.contains(e.target as Node)) {\n        onClose();\n      }\n    };\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('keydown', handleEscape);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [isOpen, onClose]);\n\n  if (!isOpen) return null;\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    onSubmit(comment);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault();\n      onSubmit(comment);\n    }\n  };\n\n  return (\n    <div className=\"devic-feedback-overlay\">\n      <div className=\"devic-feedback-modal\" ref={modalRef} style={modalStyle}>\n        <div className=\"devic-feedback-modal-header\">\n          <span className=\"devic-feedback-modal-icon\">\n            {feedbackType === 'positive' ? <ThumbsUpIcon filled /> : <ThumbsDownIcon filled />}\n          </span>\n          <span className=\"devic-feedback-modal-title\">\n            {feedbackType === 'positive' ? 'What did you like?' : 'What could be improved?'}\n          </span>\n          <button\n            type=\"button\"\n            className=\"devic-feedback-modal-close\"\n            onClick={onClose}\n            aria-label=\"Close\"\n          >\n            <CloseIcon />\n          </button>\n        </div>\n\n        <form onSubmit={handleSubmit}>\n          <textarea\n            ref={textareaRef}\n            className=\"devic-feedback-textarea\"\n            placeholder=\"Add a comment (optional)...\"\n            value={comment}\n            onChange={(e) => setComment(e.target.value)}\n            onKeyDown={handleKeyDown}\n            rows={3}\n            disabled={isSubmitting}\n          />\n\n          <div className=\"devic-feedback-modal-actions\">\n            <button\n              type=\"button\"\n              className=\"devic-feedback-btn devic-feedback-btn--secondary\"\n              onClick={onClose}\n              disabled={isSubmitting}\n            >\n              Cancel\n            </button>\n            <button\n              type=\"submit\"\n              className=\"devic-feedback-btn devic-feedback-btn--primary\"\n              disabled={isSubmitting}\n            >\n              {isSubmitting ? 'Sending...' : 'Submit'}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n\n/* ── Icons ── */\n\nfunction ThumbsUpIcon({ filled = false }: { filled?: boolean }): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill={filled ? 'currentColor' : 'none'}\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M7 10v12M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z\" />\n    </svg>\n  );\n}\n\nfunction ThumbsDownIcon({ filled = false }: { filled?: boolean }): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill={filled ? 'currentColor' : 'none'}\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M17 14V2M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z\" />\n    </svg>\n  );\n}\n\nfunction CloseIcon(): 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      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n"],"names":["useState","useRef","useMemo","useEffect","_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"FeedbackModal.js","sources":["../../../../../src/components/Feedback/FeedbackModal.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from 'react';\nimport type { FeedbackModalProps } from './Feedback.types';\nimport { useTranslations } from '../../i18n';\n\n/**\n * Modal for submitting feedback with optional comment\n */\nexport function FeedbackModal({\n  isOpen,\n  onClose,\n  onSubmit,\n  feedbackType,\n  isSubmitting = false,\n  theme,\n}: FeedbackModalProps): JSX.Element | null {\n  const t = useTranslations();\n  const [comment, setComment] = useState('');\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  // Build inline styles from theme\n  const modalStyle = useMemo(() => {\n    if (!theme) return undefined;\n    return {\n      '--devic-bg': theme.backgroundColor,\n      '--devic-text': theme.textColor,\n      '--devic-text-muted': theme.textMutedColor,\n      '--devic-text-secondary': theme.textMutedColor,\n      '--devic-bg-secondary': theme.secondaryBackgroundColor,\n      '--devic-border': theme.borderColor,\n      '--devic-primary': theme.primaryColor,\n      '--devic-primary-hover': theme.primaryHoverColor,\n    } as React.CSSProperties;\n  }, [theme]);\n\n  // Focus textarea when modal opens\n  useEffect(() => {\n    if (isOpen && textareaRef.current) {\n      setTimeout(() => textareaRef.current?.focus(), 50);\n    }\n  }, [isOpen]);\n\n  // Reset comment when modal closes\n  useEffect(() => {\n    if (!isOpen) {\n      setComment('');\n    }\n  }, [isOpen]);\n\n  // Handle click outside\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleClickOutside = (e: MouseEvent) => {\n      if (modalRef.current && !modalRef.current.contains(e.target as Node)) {\n        onClose();\n      }\n    };\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('keydown', handleEscape);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [isOpen, onClose]);\n\n  if (!isOpen) return null;\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    onSubmit(comment);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault();\n      onSubmit(comment);\n    }\n  };\n\n  return (\n    <div className=\"devic-feedback-overlay\">\n      <div className=\"devic-feedback-modal\" ref={modalRef} style={modalStyle}>\n        <div className=\"devic-feedback-modal-header\">\n          <span className=\"devic-feedback-modal-icon\">\n            {feedbackType === 'positive' ? <ThumbsUpIcon filled /> : <ThumbsDownIcon filled />}\n          </span>\n          <span className=\"devic-feedback-modal-title\">\n            {feedbackType === 'positive'\n              ? t('What did you like?')\n              : t('What could be improved?')}\n          </span>\n          <button\n            type=\"button\"\n            className=\"devic-feedback-modal-close\"\n            onClick={onClose}\n            aria-label={t('Close')}\n          >\n            <CloseIcon />\n          </button>\n        </div>\n\n        <form onSubmit={handleSubmit}>\n          <textarea\n            ref={textareaRef}\n            className=\"devic-feedback-textarea\"\n            placeholder={t('Add a comment (optional)...')}\n            value={comment}\n            onChange={(e) => setComment(e.target.value)}\n            onKeyDown={handleKeyDown}\n            rows={3}\n            disabled={isSubmitting}\n          />\n\n          <div className=\"devic-feedback-modal-actions\">\n            <button\n              type=\"button\"\n              className=\"devic-feedback-btn devic-feedback-btn--secondary\"\n              onClick={onClose}\n              disabled={isSubmitting}\n            >\n              {t('Cancel')}\n            </button>\n            <button\n              type=\"submit\"\n              className=\"devic-feedback-btn devic-feedback-btn--primary\"\n              disabled={isSubmitting}\n            >\n              {isSubmitting ? t('Sending...') : t('Submit')}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n\n/* ── Icons ── */\n\nfunction ThumbsUpIcon({ filled = false }: { filled?: boolean }): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill={filled ? 'currentColor' : 'none'}\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M7 10v12M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z\" />\n    </svg>\n  );\n}\n\nfunction ThumbsDownIcon({ filled = false }: { filled?: boolean }): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill={filled ? 'currentColor' : 'none'}\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M17 14V2M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z\" />\n    </svg>\n  );\n}\n\nfunction CloseIcon(): 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      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n"],"names":["useTranslations","useState","useRef","useMemo","useEffect","_jsx","_jsxs"],"mappings":"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"}

package/dist/cjs/components/Feedback/MessageActions.js

@@ -3,11 +3,13 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var FeedbackModal = require('./FeedbackModal.js');
+var useTranslations = require('../../i18n/useTranslations.js');
 
 /**
  * Action buttons for a message (copy, thumbs up, thumbs down)
  */
 function MessageActions({ messageId, messageContent, currentFeedback = 'none', onFeedback, onCopy, showCopy = true, showFeedback = true, disabled = false, theme, }) {
+    const t = useTranslations.useTranslations();
     const [feedbackState, setFeedbackState] = React.useState(currentFeedback);
     const [modalOpen, setModalOpen] = React.useState(false);
     const [pendingFeedbackType, setPendingFeedbackType] = React.useState('positive');
@@ -54,7 +56,7 @@ function MessageActions({ messageId, messageContent, currentFeedback = 'none', o
             setIsSubmitting(false);
         }
     }, [messageId, pendingFeedbackType, onFeedback]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "devic-message-actions", style: containerStyle, children: [showCopy && messageContent && (jsxRuntime.jsx("button", { type: "button", className: `devic-action-btn ${copied ? 'devic-action-btn--active' : ''}`, onClick: handleCopy, disabled: disabled, title: "Copy to clipboard", "aria-label": "Copy to clipboard", children: copied ? jsxRuntime.jsx(CheckIcon, {}) : jsxRuntime.jsx(CopyIcon, {}) })), showFeedback && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { type: "button", className: `devic-action-btn ${feedbackState === 'positive' ? 'devic-action-btn--active devic-action-btn--positive' : ''}`, onClick: () => handleFeedbackClick('positive'), disabled: disabled, title: "Good response", "aria-label": "Good response", children: jsxRuntime.jsx(ThumbsUpIcon, { filled: feedbackState === 'positive' }) }), jsxRuntime.jsx("button", { type: "button", className: `devic-action-btn ${feedbackState === 'negative' ? 'devic-action-btn--active devic-action-btn--negative' : ''}`, onClick: () => handleFeedbackClick('negative'), disabled: disabled, title: "Bad response", "aria-label": "Bad response", children: jsxRuntime.jsx(ThumbsDownIcon, { filled: feedbackState === 'negative' }) })] }))] }), jsxRuntime.jsx(FeedbackModal.FeedbackModal, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSubmit: handleModalSubmit, feedbackType: pendingFeedbackType, isSubmitting: isSubmitting, theme: theme })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "devic-message-actions", style: containerStyle, children: [showCopy && messageContent && (jsxRuntime.jsx("button", { type: "button", className: `devic-action-btn ${copied ? 'devic-action-btn--active' : ''}`, onClick: handleCopy, disabled: disabled, title: t('Copy to clipboard'), "aria-label": t('Copy to clipboard'), children: copied ? jsxRuntime.jsx(CheckIcon, {}) : jsxRuntime.jsx(CopyIcon, {}) })), showFeedback && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { type: "button", className: `devic-action-btn ${feedbackState === 'positive' ? 'devic-action-btn--active devic-action-btn--positive' : ''}`, onClick: () => handleFeedbackClick('positive'), disabled: disabled, title: t('Good response'), "aria-label": t('Good response'), children: jsxRuntime.jsx(ThumbsUpIcon, { filled: feedbackState === 'positive' }) }), jsxRuntime.jsx("button", { type: "button", className: `devic-action-btn ${feedbackState === 'negative' ? 'devic-action-btn--active devic-action-btn--negative' : ''}`, onClick: () => handleFeedbackClick('negative'), disabled: disabled, title: t('Bad response'), "aria-label": t('Bad response'), children: jsxRuntime.jsx(ThumbsDownIcon, { filled: feedbackState === 'negative' }) })] }))] }), jsxRuntime.jsx(FeedbackModal.FeedbackModal, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSubmit: handleModalSubmit, feedbackType: pendingFeedbackType, isSubmitting: isSubmitting, theme: theme })] }));
 }
 /* ── Icons ── */
 function CopyIcon() {