@devicai/ui 0.40.3 → 0.41.0

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 { 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 client = useMemo(() => {\n    if (!apiKey) return null;\n    return new DevicApiClient({\n      apiKey,\n      baseUrl: baseUrl || 'https://api.devic.ai',\n    });\n  }, [apiKey, 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","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';\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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"}

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

@@ -27,16 +27,20 @@ function PinIcon() {
  */
 function CoreMemoryModal({ isOpen, onClose, assistantId, tenantId, subtenantId, apiKey, baseUrl, editable = true, title = "Assistant memory", theme: theme$1, }) {
     const context = DevicContext.useOptionalDevicContext();
-    const resolvedApiKey = apiKey || context?.apiKey;
     const resolvedBaseUrl = baseUrl || context?.baseUrl || "https://api.devic.ai";
     const resolvedTenantId = tenantId || context?.tenantId;
     const resolvedSubtenantId = subtenantId || context?.subtenantId;
-    const client$1 = React.useMemo(() => resolvedApiKey
+    const resolvedApiKey = apiKey || context?.apiKey;
+    const resolvedTenantSession = context?.getTenantSession;
+    const onSessionExpired = context?.onSessionExpired;
+    const client$1 = React.useMemo(() => resolvedApiKey || resolvedTenantSession
         ? new client.DevicApiClient({
             apiKey: resolvedApiKey,
             baseUrl: resolvedBaseUrl,
+            getTenantSession: resolvedTenantSession,
+            onSessionExpired,
         })
-        : null, [resolvedApiKey, resolvedBaseUrl]);
+        : null, [resolvedApiKey, resolvedTenantSession, resolvedBaseUrl]);
     const [loading, setLoading] = React.useState(false);
     const [enabled, setEnabled] = React.useState(true);
     const [entries, setEntries] = React.useState([]);

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\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  /** Modal title. @default \"Assistant memory\" */\n  title?: string;\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 = \"Assistant memory\",\n  theme,\n}: CoreMemoryModalProps): JSX.Element | null {\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\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 client = useMemo(\n    () =>\n      resolvedApiKey\n        ? new DevicApiClient({\n            apiKey: resolvedApiKey,\n            baseUrl: resolvedBaseUrl,\n          })\n        : null,\n    [resolvedApiKey, 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={title}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"devic-cm-header\">\n          <h3 className=\"devic-cm-title\">\n            <BrainIcon />\n            {title}\n          </h3>\n          <button\n            className=\"devic-cm-close\"\n            onClick={onClose}\n            type=\"button\"\n            aria-label=\"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\">Loading memory…</div>\n          ) : !enabled ? (\n            <div className=\"devic-cm-empty\">\n              Memory is not enabled for this assistant.\n            </div>\n          ) : entries.length === 0 && !composerOpen ? (\n            <div className=\"devic-cm-empty\">\n              Nothing remembered yet. What the assistant learns and is told to\n              keep will appear here.\n            </div>\n          ) : (\n            sections.map((section) => (\n              <div key={section.name} className=\"devic-cm-section\">\n                <div className=\"devic-cm-section-title\">{section.name}</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                            Save\n                          </button>\n                          <button\n                            type=\"button\"\n                            className=\"devic-cm-btn\"\n                            onClick={() => setEditingId(null)}\n                            disabled={saving}\n                          >\n                            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=\"Pinned: always kept, never changed by the assistant\"\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                              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                              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                          {s}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                  <textarea\n                    className=\"devic-cm-textarea\"\n                    placeholder=\"Something the assistant should always remember…\"\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                      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                      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                  + Add memory\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n\n        {limits && enabled && (\n          <div className=\"devic-cm-footer\">\n            {entries.length}/{limits.maxEntries} entries · up to{\" \"}\n            {limits.maxEntryChars} characters each\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\nexport default CoreMemoryModal;\n"],"names":["_jsxs","_jsx","theme","useOptionalDevicContext","client","useMemo","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 \"./CoreMemoryModal.css\";\n\n/** Canonical sections of the core tier, in display order. */\nconst SECTIONS = [\"persona\", \"instructions\", \"decisions\", \"profile\"] as const;\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  /** Modal title. @default \"Assistant memory\" */\n  title?: string;\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 = \"Assistant memory\",\n  theme,\n}: CoreMemoryModalProps): JSX.Element | null {\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={title}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"devic-cm-header\">\n          <h3 className=\"devic-cm-title\">\n            <BrainIcon />\n            {title}\n          </h3>\n          <button\n            className=\"devic-cm-close\"\n            onClick={onClose}\n            type=\"button\"\n            aria-label=\"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\">Loading memory…</div>\n          ) : !enabled ? (\n            <div className=\"devic-cm-empty\">\n              Memory is not enabled for this assistant.\n            </div>\n          ) : entries.length === 0 && !composerOpen ? (\n            <div className=\"devic-cm-empty\">\n              Nothing remembered yet. What the assistant learns and is told to\n              keep will appear here.\n            </div>\n          ) : (\n            sections.map((section) => (\n              <div key={section.name} className=\"devic-cm-section\">\n                <div className=\"devic-cm-section-title\">{section.name}</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                            Save\n                          </button>\n                          <button\n                            type=\"button\"\n                            className=\"devic-cm-btn\"\n                            onClick={() => setEditingId(null)}\n                            disabled={saving}\n                          >\n                            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=\"Pinned: always kept, never changed by the assistant\"\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                              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                              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                          {s}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                  <textarea\n                    className=\"devic-cm-textarea\"\n                    placeholder=\"Something the assistant should always remember…\"\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                      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                      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                  + Add memory\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n\n        {limits && enabled && (\n          <div className=\"devic-cm-footer\">\n            {entries.length}/{limits.maxEntries} entries · up to{\" \"}\n            {limits.maxEntryChars} characters each\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\nexport default CoreMemoryModal;\n"],"names":["_jsxs","_jsx","theme","useOptionalDevicContext","client","useMemo","DevicApiClient","useState","useCallback","useRef","useEffect","createPortal","themeVars","_Fragment"],"mappings":"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"}

package/dist/cjs/components/IntegrationsModal/useIntegrations.js

@@ -22,13 +22,20 @@ function isRefusal(err) {
 function useIntegrations(options) {
     const { assistantId, tenantId, subtenantId, apiKey, baseUrl, enabled = true, } = options;
     const context = DevicContext.useOptionalDevicContext();
-    const resolvedApiKey = apiKey || context?.apiKey;
     const resolvedBaseUrl = baseUrl || context?.baseUrl || "https://api.devic.ai";
     const resolvedTenantId = tenantId || context?.tenantId;
     const resolvedSubtenantId = subtenantId || context?.subtenantId;
-    const client$1 = React.useMemo(() => resolvedApiKey
-        ? new client.DevicApiClient({ apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl })
-        : null, [resolvedApiKey, resolvedBaseUrl]);
+    const resolvedApiKey = apiKey || context?.apiKey;
+    const resolvedTenantSession = context?.getTenantSession;
+    const onSessionExpired = context?.onSessionExpired;
+    const client$1 = React.useMemo(() => resolvedApiKey || resolvedTenantSession
+        ? new client.DevicApiClient({
+            apiKey: resolvedApiKey,
+            baseUrl: resolvedBaseUrl,
+            getTenantSession: resolvedTenantSession,
+            onSessionExpired,
+        })
+        : null, [resolvedApiKey, resolvedTenantSession, resolvedBaseUrl]);
     const scope = React.useMemo(() => ({
         assistantId,
         tenantId: resolvedTenantId || undefined,
@@ -41,7 +48,7 @@ function useIntegrations(options) {
     const [settled, setSettled] = React.useState(false);
     const refresh = React.useCallback(async (dropCache = false) => {
         if (!client$1) {
-            setError("API key not configured");
+            setError("No credentials configured");
             setSettled(true);
             return;
         }

package/dist/cjs/components/IntegrationsModal/useIntegrations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntegrations.js","sources":["../../../../../src/components/IntegrationsModal/useIntegrations.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { DevicApiClient } from \"../../api/client\";\nimport type { DevicApiError } from \"../../api/client\";\nimport type { Integration } from \"../../api/types\";\nimport { useOptionalDevicContext } from \"../../provider\";\n\n/** What identifies the end user in front of the widget. */\nexport interface IntegrationsScope {\n  assistantId: string;\n  tenantId?: string;\n  subtenantId?: string;\n}\n\nexport interface UseIntegrationsOptions extends IntegrationsScope {\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   * Fetch when this turns true, and only then. The launcher passes the drawer's\n   * open state so a widget nobody opens costs no request at all.\n   */\n  enabled?: boolean;\n}\n\nexport interface IntegrationsState {\n  integrations: Integration[];\n  loading: boolean;\n  error: string | null;\n  /**\n   * Whether this assistant offers connected apps to its tenants at all.\n   *\n   * False before the first answer arrives, and false again if the server said\n   * no — which it does for a disabled catalogue, a missing tenant, and an\n   * assistant that does not exist, deliberately without distinguishing them.\n   * Anything that hangs off this flag stays hidden until the server has said\n   * yes, so nothing ever appears and then disappears.\n   */\n  offered: boolean;\n  /** True once a first answer (or refusal) has arrived. */\n  settled: boolean;\n  refresh: (dropCache?: boolean) => Promise<void>;\n  client: DevicApiClient | null;\n  scope: IntegrationsScope;\n}\n\n/** A 4xx here means \"not for you\", not \"something broke\". */\nfunction isRefusal(err: unknown): boolean {\n  const status = (err as DevicApiError)?.statusCode;\n  return typeof status === \"number\" && status >= 400 && status < 500;\n}\n\n/**\n * The apps an assistant offers to its tenants, with the accounts THIS tenant\n * has connected — loaded once and shared.\n *\n * Both the header button and the modal need the same listing: the button to\n * know whether it should exist and which logos to show, the modal to fill\n * itself. Fetching it in each of them would double every round trip and let the\n * two disagree for a moment after connecting an account.\n */\nexport function useIntegrations(\n  options: UseIntegrationsOptions\n): IntegrationsState {\n  const {\n    assistantId,\n    tenantId,\n    subtenantId,\n    apiKey,\n    baseUrl,\n    enabled = true,\n  } = options;\n\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\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 client = useMemo(\n    () =>\n      resolvedApiKey\n        ? new DevicApiClient({ apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl })\n        : null,\n    [resolvedApiKey, resolvedBaseUrl]\n  );\n\n  const scope = useMemo(\n    () => ({\n      assistantId,\n      tenantId: resolvedTenantId || undefined,\n      subtenantId: resolvedSubtenantId || undefined,\n    }),\n    [assistantId, resolvedTenantId, resolvedSubtenantId]\n  );\n\n  const [integrations, setIntegrations] = useState<Integration[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [offered, setOffered] = useState(false);\n  const [settled, setSettled] = useState(false);\n\n  const refresh = useCallback(\n    async (dropCache = false) => {\n      if (!client) {\n        setError(\"API key not configured\");\n        setSettled(true);\n        return;\n      }\n      setLoading(true);\n      setError(null);\n      try {\n        // The server caches a scope's connections briefly; after an OAuth round\n        // trip that cache is exactly one step behind, so drop it first.\n        if (dropCache) {\n          await client.refreshIntegrations(scope).catch(() => undefined);\n        }\n        const list = await client.getIntegrations(scope);\n        setIntegrations(list);\n        setOffered(list.length > 0);\n      } catch (err) {\n        setIntegrations([]);\n        setOffered(false);\n        setError(err instanceof Error ? err.message : String(err));\n        if (!isRefusal(err)) {\n          // A refusal is an ordinary answer and stays quiet. A 500 or a dead\n          // network is not, and swallowing it entirely would leave an\n          // integrator with a button that never appears and no reason why.\n          console.warn(\"[devic-ui] could not load connected apps\", err);\n        }\n      } finally {\n        setLoading(false);\n        setSettled(true);\n      }\n    },\n    [client, scope]\n  );\n\n  // Once per scope, not once per render of whatever switched it on. A new\n  // assistant or tenant is a different listing altogether, so it loads again —\n  // and the previous tenant's apps are dropped first, because showing them\n  // while the new ones arrive would name accounts that are not this user's.\n  const key = `${client ? \"k\" : \"-\"}|${scope.assistantId}|${scope.tenantId ?? \"\"}|${scope.subtenantId ?? \"\"}`;\n  const loadedKeyRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (!enabled || loadedKeyRef.current === key) return;\n    if (loadedKeyRef.current !== null) {\n      setIntegrations([]);\n      setOffered(false);\n      setSettled(false);\n    }\n    loadedKeyRef.current = key;\n    void refresh();\n  }, [enabled, key, refresh]);\n\n  return {\n    integrations,\n    loading,\n    error,\n    offered,\n    settled,\n    refresh,\n    client,\n    scope,\n  };\n}\n"],"names":["useOptionalDevicContext","client","useMemo","DevicApiClient","useState","useCallback","useRef","useEffect"],"mappings":"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"}
+{"version":3,"file":"useIntegrations.js","sources":["../../../../../src/components/IntegrationsModal/useIntegrations.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { DevicApiError } from \"../../api/client\";\nimport { DevicApiClient } from \"../../api/client\";\nimport type { Integration } from \"../../api/types\";\nimport { useOptionalDevicContext } from \"../../provider\";\n\n/** What identifies the end user in front of the widget. */\nexport interface IntegrationsScope {\n  assistantId: string;\n  tenantId?: string;\n  subtenantId?: string;\n}\n\nexport interface UseIntegrationsOptions extends IntegrationsScope {\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   * Fetch when this turns true, and only then. The launcher passes the drawer's\n   * open state so a widget nobody opens costs no request at all.\n   */\n  enabled?: boolean;\n}\n\nexport interface IntegrationsState {\n  integrations: Integration[];\n  loading: boolean;\n  error: string | null;\n  /**\n   * Whether this assistant offers connected apps to its tenants at all.\n   *\n   * False before the first answer arrives, and false again if the server said\n   * no — which it does for a disabled catalogue, a missing tenant, and an\n   * assistant that does not exist, deliberately without distinguishing them.\n   * Anything that hangs off this flag stays hidden until the server has said\n   * yes, so nothing ever appears and then disappears.\n   */\n  offered: boolean;\n  /** True once a first answer (or refusal) has arrived. */\n  settled: boolean;\n  refresh: (dropCache?: boolean) => Promise<void>;\n  client: DevicApiClient | null;\n  scope: IntegrationsScope;\n}\n\n/** A 4xx here means \"not for you\", not \"something broke\". */\nfunction isRefusal(err: unknown): boolean {\n  const status = (err as DevicApiError)?.statusCode;\n  return typeof status === \"number\" && status >= 400 && status < 500;\n}\n\n/**\n * The apps an assistant offers to its tenants, with the accounts THIS tenant\n * has connected — loaded once and shared.\n *\n * Both the header button and the modal need the same listing: the button to\n * know whether it should exist and which logos to show, the modal to fill\n * itself. Fetching it in each of them would double every round trip and let the\n * two disagree for a moment after connecting an account.\n */\nexport function useIntegrations(\n  options: UseIntegrationsOptions\n): IntegrationsState {\n  const {\n    assistantId,\n    tenantId,\n    subtenantId,\n    apiKey,\n    baseUrl,\n    enabled = true,\n  } = options;\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 scope = useMemo(\n    () => ({\n      assistantId,\n      tenantId: resolvedTenantId || undefined,\n      subtenantId: resolvedSubtenantId || undefined,\n    }),\n    [assistantId, resolvedTenantId, resolvedSubtenantId]\n  );\n\n  const [integrations, setIntegrations] = useState<Integration[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [offered, setOffered] = useState(false);\n  const [settled, setSettled] = useState(false);\n\n  const refresh = useCallback(\n    async (dropCache = false) => {\n      if (!client) {\n        setError(\"No credentials configured\");\n        setSettled(true);\n        return;\n      }\n      setLoading(true);\n      setError(null);\n      try {\n        // The server caches a scope's connections briefly; after an OAuth round\n        // trip that cache is exactly one step behind, so drop it first.\n        if (dropCache) {\n          await client.refreshIntegrations(scope).catch(() => undefined);\n        }\n        const list = await client.getIntegrations(scope);\n        setIntegrations(list);\n        setOffered(list.length > 0);\n      } catch (err) {\n        setIntegrations([]);\n        setOffered(false);\n        setError(err instanceof Error ? err.message : String(err));\n        if (!isRefusal(err)) {\n          // A refusal is an ordinary answer and stays quiet. A 500 or a dead\n          // network is not, and swallowing it entirely would leave an\n          // integrator with a button that never appears and no reason why.\n          console.warn(\"[devic-ui] could not load connected apps\", err);\n        }\n      } finally {\n        setLoading(false);\n        setSettled(true);\n      }\n    },\n    [client, scope]\n  );\n\n  // Once per scope, not once per render of whatever switched it on. A new\n  // assistant or tenant is a different listing altogether, so it loads again —\n  // and the previous tenant's apps are dropped first, because showing them\n  // while the new ones arrive would name accounts that are not this user's.\n  const key = `${client ? \"k\" : \"-\"}|${scope.assistantId}|${scope.tenantId ?? \"\"}|${scope.subtenantId ?? \"\"}`;\n  const loadedKeyRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (!enabled || loadedKeyRef.current === key) return;\n    if (loadedKeyRef.current !== null) {\n      setIntegrations([]);\n      setOffered(false);\n      setSettled(false);\n    }\n    loadedKeyRef.current = key;\n    void refresh();\n  }, [enabled, key, refresh]);\n\n  return {\n    integrations,\n    loading,\n    error,\n    offered,\n    settled,\n    refresh,\n    client,\n    scope,\n  };\n}\n"],"names":["useOptionalDevicContext","client","useMemo","DevicApiClient","useState","useCallback","useRef","useEffect"],"mappings":"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"}

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

@@ -197,6 +197,8 @@ function ConfirmModal({ open, onClose, onConfirm, title, icon, message, confirmT
 function ThreadStateTag({ state, threadId, agentName, showIcon = true, customIcon, pausedReason, approvalRejectedMessage, finishReason, onActionComplete, pauseUntil, subthreadCount, showAdminActions = false, apiKey, baseUrl, interactive = true, }) {
     const context = DevicContext.useOptionalDevicContext();
     const resolvedApiKey = apiKey || context?.apiKey;
+    const resolvedTenantSession = context?.getTenantSession;
+    const onSessionExpired = context?.onSessionExpired;
     const resolvedBaseUrl = baseUrl || context?.baseUrl || 'https://api.devic.ai';
     // State
     const [dropdownOpen, setDropdownOpen] = React.useState(false);
@@ -231,10 +233,15 @@ function ThreadStateTag({ state, threadId, agentName, showIcon = true, customIco
     }, [dropdownOpen]);
     // API client
     const getClient = React.useCallback(() => {
-        if (!resolvedApiKey)
+        if (!resolvedApiKey && !resolvedTenantSession)
             return null;
-        return new client.DevicApiClient({ apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl });
-    }, [resolvedApiKey, resolvedBaseUrl]);
+        return new client.DevicApiClient({
+            apiKey: resolvedApiKey,
+            baseUrl: resolvedBaseUrl,
+            getTenantSession: resolvedTenantSession,
+            onSessionExpired,
+        });
+    }, [resolvedApiKey, resolvedTenantSession, resolvedBaseUrl]);
     // Config
     const config = getStateConfig(state, subthreadCount);
     if (!state) {