@arbidocs/blocks 0.4.128 → 0.4.130

package/dist/settings/index.js

@@ -1,25 +1,25 @@
 "use client";
-export { ActiveSessionsDialog, AvatarPicker, DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS, DEFAULT_AVATAR_PICKER_LABELS, DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS, DEFAULT_IDENTITY_VERIFICATION_LABELS, DEFAULT_LOGOUT_DIALOG_LABELS, DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS, DEFAULT_PROFILE_CARD_LABELS, DEFAULT_SETTINGS_DANGER_ZONE_LABELS, DeleteAccountDialog, EMAIL_NOTIFICATION_CATEGORIES, EMAIL_NOTIFICATION_KEYS, IdentityVerificationCard, IdentityVerificationDialog, LogoutDialog, NotificationCategoryList, PasswordChangeDialog, ProfileCard, RequireVerified, SettingsActionRow, SettingsCard, SettingsDangerZone, SettingsPanel, SettingsRow, SettingsSection, SettingsSwitchGroup, SettingsSwitchRow, formatSessionTtl, toActiveSessionViews, toDeleteBlockerViews, toLogoutSessionViews, toNotificationCategories } from '../chunk-GFYGYME3.js';
 export { ModalBreadcrumbHeader, ModalCrumbs } from '../chunk-RC6VTY2H.js';
-import { UsageMeter } from '../chunk-IBZJYCYM.js';
+export { ActiveSessionsDialog, AvatarPicker, DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS, DEFAULT_AVATAR_PICKER_LABELS, DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS, DEFAULT_IDENTITY_VERIFICATION_LABELS, DEFAULT_LOGOUT_DIALOG_LABELS, DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS, DEFAULT_PROFILE_CARD_LABELS, DEFAULT_SETTINGS_DANGER_ZONE_LABELS, DeleteAccountDialog, EMAIL_NOTIFICATION_CATEGORIES, EMAIL_NOTIFICATION_KEYS, IdentityVerificationCard, IdentityVerificationDialog, LogoutDialog, NotificationCategoryList, PasswordChangeDialog, ProfileCard, RequireVerified, SettingsActionRow, SettingsCard, SettingsDangerZone, SettingsPanel, SettingsRow, SettingsSection, SettingsSwitchGroup, SettingsSwitchRow, formatSessionTtl, toActiveSessionViews, toDeleteBlockerViews, toLogoutSessionViews, toNotificationCategories } from '../chunk-OQ7RUNOC.js';
+import { UsageMeter } from '../chunk-66TA5IBN.js';
 export { DEFAULT_DOCUMENT_PICKER_LABELS, DocumentPicker, MultiSelect } from '../chunk-4XJZ6AAY.js';
-export { DEFAULT_TRI_STATE_FILTER_MENU_LABELS, TriStateFilterMenu } from '../chunk-6S5FLMWG.js';
 import { ToneBadge } from '../chunk-5LXQPP2K.js';
+export { DEFAULT_TRI_STATE_FILTER_MENU_LABELS, TriStateFilterMenu } from '../chunk-6S5FLMWG.js';
 import '../chunk-VILAPTCB.js';
-export { ConfirmDialog, DEFAULT_CONFIRM_DIALOG_LABELS } from '../chunk-ECERC6TI.js';
+export { ConfirmDialog, DEFAULT_CONFIRM_DIALOG_LABELS } from '../chunk-VHJHY7TT.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
-import { ModalSection, ModalSectionTitle, ModalHeader, ModalScaffold } from '../chunk-TX2ZICS7.js';
-export { MODAL_SECTION_TITLE_CLASS, ModalHeader, ModalScaffold, ModalSection, ModalSectionTitle } from '../chunk-TX2ZICS7.js';
 import { TONE_BORDER, TONE_SURFACE } from '../chunk-AUS3KBHJ.js';
 import '../chunk-NPLYHR2E.js';
 import { testIdOr, prefixedTestId } from '../chunk-7F6CBP3Z.js';
+import { ModalSection, ModalSectionTitle, ModalHeader, ModalScaffold } from '../chunk-TX2ZICS7.js';
+export { MODAL_SECTION_TITLE_CLASS, ModalHeader, ModalScaffold, ModalSection, ModalSectionTitle } from '../chunk-TX2ZICS7.js';
 import { formatCount } from '../chunk-OXF2IFXG.js';
 import '../chunk-VUNV25KB.js';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { cn, DialogFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Button, Tooltip, TooltipTrigger, TooltipContent, Switch, Dialog, DialogContent, DialogTitle, DialogDescription, Label, Textarea, Checkbox, ScrollArea, Popover, PopoverTrigger, PopoverContent, Badge, DialogHeader, Progress } from '@arbidocs/react/ui';
+import { cn, DialogFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Button, Tooltip, TooltipTrigger, TooltipContent, Switch, Dialog, DialogContent, DialogTitle, DialogDescription, Label, Textarea, Checkbox, ScrollArea, DialogHeader, Badge, Progress } from '@arbidocs/react/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo, useState, useId, Fragment as Fragment$1 } from 'react';
-import { History, Undo2, Star, Trash2, Users, Sparkles, Brain, RefreshCw, Wifi, WifiOff, Crown, ChevronDown, ChevronRight, Pencil, Plus, Loader2, Check, Tag, Info, Gift, PlugIcon, CheckCircle2, ExternalLink, ShieldCheck, Plug, AlertCircle, MessageCircleQuestionMark, BookOpen, UserPlus, ChartNoAxesColumn, FileText, X, Mail, Send, Clock, Infinity, ArrowRight, Copy, LogOut } from 'lucide-react';
+import { History, Undo2, Star, Trash2, Users, Sparkles, Brain, RefreshCw, Wifi, WifiOff, Crown, ChevronDown, ChevronRight, Pencil, Plus, Loader2, Check, X, Info, Tag, Gift, PlugIcon, CheckCircle2, ExternalLink, ShieldCheck, Plug, AlertCircle, MessageCircleQuestionMark, BookOpen, UserPlus, ChartNoAxesColumn, FileText, Mail, Send, Clock, Infinity, ArrowRight, Copy, LogOut } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 
 function SegmentedControl({
@@ -124,6 +124,22 @@ function FloatingPanel({
     }
   );
 }
+var INTERACTIVE_SELECTOR = 'button, input, select, a, [role="tab"], [role="radio"]';
+function DraggableHeader({ onDragStart, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex-shrink-0",
+      onMouseDown: onDragStart ? (e) => {
+        const target = e.target;
+        if (target.closest(INTERACTIVE_SELECTOR)) return;
+        onDragStart(e);
+      } : void 0,
+      style: onDragStart ? { cursor: "move" } : void 0,
+      children
+    }
+  );
+}
 function PanelFrame({ testId, className, children }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -654,7 +670,7 @@ function JsonTree({
   level = 0,
   path = [],
   resolveHint,
-  formatValue
+  formatValue: formatValue2
 }) {
   const [isExpanded, setIsExpanded] = useState(defaultExpanded || level < 2);
   const [copied, setCopied] = useState(false);
@@ -682,7 +698,7 @@ function JsonTree({
   const isArray = Array.isArray(data);
   const isObject = typeof data === "object" && data !== null && !isArray;
   if (!isObject && !isArray) {
-    const displayValue = hint && formatValue ? formatValue(data, hint) : plainValue(data);
+    const displayValue = hint && formatValue2 ? formatValue2(data, hint) : plainValue(data);
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -762,13 +778,179 @@ function JsonTree({
           level: level + 1,
           path: currentPath,
           resolveHint,
-          formatValue
+          formatValue: formatValue2
         },
         key
       );
     }) })
   ] });
 }
+
+// src/settings/message-schema-hints.ts
+var messageFieldHints = {
+  role: {
+    displayName: "Role",
+    formatType: "enum",
+    description: "Message role (user, assistant, or system)"
+  },
+  content: {
+    displayName: "Content",
+    formatType: "long-string",
+    description: "Message content text"
+  },
+  created_at: {
+    displayName: "Created At",
+    formatType: "timestamp",
+    description: "Message creation timestamp"
+  },
+  external_id: {
+    displayName: "Message ID",
+    formatType: "id",
+    description: "External message identifier"
+  },
+  conversation_ext_id: {
+    displayName: "Conversation ID",
+    formatType: "id",
+    description: "Parent conversation identifier"
+  },
+  parent_message_ext_id: {
+    displayName: "Parent Message ID",
+    formatType: "id",
+    description: "Parent message identifier (null for first message)"
+  },
+  created_by_ext_id: {
+    displayName: "Created By",
+    formatType: "id",
+    description: "User who created this message"
+  },
+  config_ext_id: {
+    displayName: "Config ID",
+    formatType: "id",
+    description: "Configuration used for this message"
+  },
+  shared: {
+    displayName: "Shared",
+    formatType: "boolean",
+    description: "Whether message is shared"
+  },
+  tools: {
+    displayName: "Tools",
+    formatType: "json",
+    description: "Tool outputs (citations, retrieval, trace)"
+  },
+  meta: {
+    displayName: "Metadata",
+    formatType: "json",
+    description: "Additional metadata"
+  }
+};
+var traceToolFieldHints = {
+  name: {
+    displayName: "Tool Name",
+    formatType: "enum",
+    description: "Execution trace tool"
+  },
+  description: {
+    displayName: "Description",
+    formatType: "string",
+    description: "Tool description"
+  },
+  trace_id: {
+    displayName: "Trace ID",
+    formatType: "id",
+    description: "Unique trace identifier"
+  },
+  start_time: {
+    displayName: "Start Time",
+    formatType: "timestamp",
+    description: "When execution started"
+  },
+  duration_seconds: {
+    displayName: "Duration (seconds)",
+    formatType: "number",
+    description: "Total execution time"
+  },
+  steps: {
+    displayName: "Execution Steps",
+    formatType: "json",
+    description: "Full execution trace with all steps"
+  }
+};
+var citationToolFieldHints = {
+  name: {
+    displayName: "Tool Name",
+    formatType: "enum",
+    description: "Model citation tool"
+  },
+  tool_responses: {
+    displayName: "Citations",
+    formatType: "json",
+    description: "Citation data mapped by citation number"
+  }
+};
+function getFieldHint(path, fieldName) {
+  if (path.length === 1 && path[0] === "message") {
+    return messageFieldHints[fieldName] || null;
+  }
+  if (path.length >= 3 && path[0] === "message" && path[1] === "tools" && path[2] === "trace") {
+    return traceToolFieldHints[fieldName] || null;
+  }
+  if (path.length >= 3 && path[0] === "message" && path[1] === "tools" && path[2] === "model_citations") {
+    return citationToolFieldHints[fieldName] || null;
+  }
+  if (fieldName === "external_id" || fieldName.endsWith("_ext_id")) {
+    return { formatType: "id", displayName: fieldName.replace(/_/g, " ") };
+  }
+  if (fieldName === "created_at" || fieldName === "updated_at" || fieldName.endsWith("_at")) {
+    return { formatType: "timestamp", displayName: fieldName.replace(/_/g, " ") };
+  }
+  if (fieldName.includes("time") && !fieldName.includes("duration")) {
+    return { formatType: "timestamp" };
+  }
+  if (fieldName.includes("duration")) {
+    return { formatType: "number", description: "Duration in seconds" };
+  }
+  if (path.length >= 2 && path[path.length - 2] === "tools" && fieldName === "trace") {
+    return {
+      displayName: "\u{1F50D} Execution Trace",
+      formatType: "json",
+      description: "Complete execution trace with all steps and timing"
+    };
+  }
+  return null;
+}
+function formatValue(value, hint) {
+  if (value === null) return "null";
+  if (value === void 0) return "undefined";
+  if (hint?.formatType === "timestamp" && typeof value === "string") {
+    try {
+      const date = new Date(value);
+      if (!isNaN(date.getTime())) {
+        return `${date.toLocaleString()} (${value})`;
+      }
+    } catch {
+    }
+  }
+  if (hint?.formatType === "timestamp" && typeof value === "number") {
+    const date = new Date(value * 1e3);
+    return `${date.toLocaleString()} (${value})`;
+  }
+  if (hint?.formatType === "id" && typeof value === "string") {
+    if (value.length > 20) {
+      return `${value.substring(0, 16)}...${value.substring(value.length - 4)}`;
+    }
+  }
+  if (typeof value === "string") {
+    if (value.length > 100) {
+      return `"${value.substring(0, 97)}..." (${value.length} chars)`;
+    }
+    return `"${value}"`;
+  }
+  return String(value);
+}
+function MessageJsonTree(props) {
+  return /* @__PURE__ */ jsx(JsonTree, { ...props, resolveHint: getFieldHint, formatValue });
+}
 var DEFAULT_TIPS_EDITOR_LABELS = {
   titleList: "Edit tips",
   titleNew: "New tip",
@@ -1289,6 +1471,64 @@ function SyncFolderStatus({
     }
   );
 }
+function FilterChip({
+  label,
+  state,
+  icon,
+  color,
+  onDismiss,
+  dismissLabel,
+  className,
+  testId
+}) {
+  const isExclude = state === "exclude";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1 text-xs font-medium rounded px-1.5 py-0.5 flex-shrink-0 border",
+        isExclude ? "bg-background text-red-text border-red-text" : "bg-primary text-white border-primary",
+        className
+      ),
+      "data-state": state,
+      "data-testid": testId,
+      children: [
+        color ? (
+          /* Filled square for include; empty square for exclude */
+          isExclude ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "w-3.5 h-3.5 rounded flex-shrink-0 border-2",
+              style: { borderColor: color }
+            }
+          ) : /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "w-3.5 h-3.5 rounded flex items-center justify-center flex-shrink-0",
+              style: { backgroundColor: color },
+              children: /* @__PURE__ */ jsx(Check, { className: "w-2.5 h-2.5 text-white", strokeWidth: 3 })
+            }
+          )
+        ) : icon && /* @__PURE__ */ jsx("span", { className: "flex-none", children: icon }),
+        /* @__PURE__ */ jsxs("span", { className: "truncate max-w-[80px]", title: label, children: [
+          isExclude && /* @__PURE__ */ jsx("span", { className: "opacity-70 mr-0.5", children: "Not" }),
+          label
+        ] }),
+        onDismiss && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onDismiss,
+            "aria-label": dismissLabel ?? `Remove ${label}`,
+            className: "flex-none ml-0.5 opacity-70 hover:opacity-100",
+            "data-testid": testId ? `${testId}-remove` : void 0,
+            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3", strokeWidth: 2.5 })
+          }
+        )
+      ]
+    }
+  );
+}
 var planBadgeVariants = cva(
   "inline-flex flex-shrink-0 items-center rounded-full border font-semibold leading-none",
   {
@@ -1326,6 +1566,50 @@ function PlanBadge({
     }
   );
 }
+function MoreInfo({
+  title,
+  children,
+  label = "More info",
+  testId = "more-info",
+  className
+}) {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(true),
+        className: cn(
+          "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-sm text-xs font-medium text-muted-foreground underline-offset-2 hover:text-foreground hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+          className
+        ),
+        "data-slot": "more-info",
+        "data-testid": testId,
+        children: [
+          /* @__PURE__ */ jsx(Info, { className: "size-3.5", "aria-hidden": true }),
+          label
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", "data-testid": `${testId}-dialog`, children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: title })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-3 text-sm leading-relaxed text-muted-foreground", children })
+    ] }) })
+  ] });
+}
+function MoreInfoList({ items }) {
+  return /* @__PURE__ */ jsx("ul", { className: "space-y-2", "data-slot": "more-info-list", children: items.map((item, i) => /* @__PURE__ */ jsxs("li", { children: [
+    item.term && /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
+      item.term,
+      ". "
+    ] }),
+    item.text
+  ] }, item.term ?? i)) });
+}
 var barColor = (pct) => pct >= 100 ? "bg-red-500" : pct >= 50 ? "bg-yellow-500" : "bg-primary";
 var valueColor2 = (pct) => pct >= 100 ? "text-red-text" : pct >= 80 ? "text-yellow-text" : "text-muted-foreground";
 function QuotaMeter({
@@ -1417,9 +1701,10 @@ var DEFAULT_PLAN_CARD_LABELS = {
   pricingExplainer: "How pricing works",
   explainerTiers: [
     "AI usage and storage are shared by everyone in the project. AI usage resets monthly.",
-    "Need more? Add \xA325 of AI usage or 25 GB at a time. Add-ons renew until you reduce them.",
-    "Automatic top-ups stay within your monthly usage cap (\xA3100 by default; \xA30 = no automatic top-ups, or no limit). Adding by hand is never capped.",
-    "Add-ons start now. Downgrades, billing switches and add-on reductions start at the end of the period. No refunds.",
+    "Need more? Add \xA325 of AI usage or 25 GB at a time, at checkout or later. Add-ons renew with the plan until you reduce them.",
+    "Automatic top-ups add one more step when you run low, up to your monthly usage cap (\xA3100 by default; \xA30 = none; or no limit). Adding by hand is never capped.",
+    "Add-ons start now: AI usage is charged in full, storage only for the rest of the period. Downgrades, billing switches and reductions start at the end of the period. No refunds.",
+    "Annual plans are 25% off, add-ons included.",
     "Prices are shown + VAT; the total for your country is shown before you pay."
   ],
   explainerAiUsage: "About 1p of AI usage buys one moderately complex request, or reading ~25 documents, on a Standard model. Premium models can cost 10\u2013100\xD7 more.",
@@ -1610,45 +1895,21 @@ function PlanInfoPopover({
   labels
 }) {
   const l = useMemo(() => ({ ...DEFAULT_PLAN_CARD_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "sm",
-        className: "gap-1.5 text-sm text-muted-foreground",
-        children: [
-          /* @__PURE__ */ jsx(Info, { className: "h-4 w-4" }),
-          l.pricingExplainer
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      PopoverContent,
-      {
-        side: "top",
-        align: "start",
-        className: "max-w-screen-safe w-[380px] space-y-3 text-sm leading-relaxed",
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "text-base font-semibold", children: l.pricingExplainer }),
-          /* @__PURE__ */ jsx("ul", { className: "list-disc space-y-1 pl-4", children: l.explainerTiers.map((line) => /* @__PURE__ */ jsx("li", { children: line }, line)) }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            l.explainerAiUsage,
-            " ",
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onOpenModelList,
-                className: "font-medium text-foreground underline underline-offset-2 hover:text-primary/80",
-                children: l.seeModelList
-              }
-            )
-          ] })
-        ]
-      }
-    )
+  return /* @__PURE__ */ jsxs(MoreInfo, { title: l.pricingExplainer, label: l.pricingExplainer, testId: "pricing-explainer", children: [
+    /* @__PURE__ */ jsx(MoreInfoList, { items: l.explainerTiers.map((text) => ({ text })) }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      l.explainerAiUsage,
+      " ",
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onOpenModelList,
+          className: "font-medium text-foreground underline underline-offset-2 hover:text-primary/80",
+          children: l.seeModelList
+        }
+      )
+    ] })
   ] });
 }
 var DEFAULT_REFERRAL_REWARD_LABELS = {
@@ -2029,172 +2290,6 @@ function RenameDialog({
     ] })
   ] }) });
 }
-var DEFAULT_FIRM_POOL_SECTION_LABELS = {
-  title: "Firm usage",
-  licence: "Licence",
-  used: "AI usage this month",
-  storage: "Storage",
-  users: "Internal users",
-  premiumOnly: "Standard AI is unlimited; the allowance applies to Premium AI.",
-  resets: (date) => `resets ${date}`,
-  usageUnknown: "Usage is being calculated.",
-  legendLicence: (amount) => `Licence ${amount}`,
-  legendTopUps: (amount) => `Top-ups ${amount}`,
-  legendAutoRoom: (amount) => `Automatic top-ups may add ${amount}`,
-  autoRoomNoLimit: "Automatic top-ups: no limit",
-  budget: "Usage budget \u2014 limits automatic top-ups only",
-  budgetValue: (left, limit) => `${left} left of ${limit}`,
-  autoAddons: (count) => `Automatic top-ups this month: ${count}`,
-  autoAddonsOff: "Automatic top-ups are off (\xA30 usage budget).",
-  topUpLabel: "Steps to add",
-  topUp: "Add AI usage",
-  toppingUp: "Adding\u2026",
-  topUpHelp: (perStep) => `Each step adds ${perStep} of AI usage a month, pooled across the firm, and renews until reduced.`,
-  topUpTotal: (total) => `+${total} of AI usage a month`
-};
-var FIRM_POOL_MAX_TOP_UP = 100;
-var defaultFormat = (gbp) => `\xA3${gbp.toLocaleString("en-GB", { maximumFractionDigits: 2 })}`;
-function FirmPoolSection({
-  view,
-  formatAmount = defaultFormat,
-  onTopUp,
-  isToppingUp = false,
-  labels,
-  testId = "firm-pool"
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_FIRM_POOL_SECTION_LABELS, ...labels }), [labels]);
-  const [count, setCount] = useState(1);
-  const valid = Number.isInteger(count) && count >= 1 && count <= FIRM_POOL_MAX_TOP_UP;
-  const used = view.usedGbp;
-  const step = view.addonGbp ?? 25;
-  const base = Math.min(view.baseGbp ?? view.totalGbp, view.totalGbp);
-  const topUps = Math.max(0, view.totalGbp - base);
-  const gb = (n) => `${Math.round(n * 10) / 10} GB`;
-  const storage = view.storage;
-  const users = view.users;
-  return /* @__PURE__ */ jsxs("section", { className: "space-y-3", "data-testid": testId, children: [
-    /* @__PURE__ */ jsx("h3", { className: "px-1 text-sm font-semibold text-foreground", children: l.title }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-4 px-1", children: [
-      view.licence && /* @__PURE__ */ jsxs("div", { className: "space-y-0.5 text-sm", "data-testid": `${testId}-licence`, children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-x-4", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: l.licence }),
-          /* @__PURE__ */ jsx("span", { className: "tabular-nums text-muted-foreground", children: view.licence })
-        ] }),
-        view.renews && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-renews`, children: view.renews })
-      ] }),
-      /* @__PURE__ */ jsx(
-        UsageMeter,
-        {
-          label: l.used,
-          hint: view.resetsAt ? l.resets(view.resetsAt) : void 0,
-          value: `${used != null ? formatAmount(used) : "\u2014"} / ${formatAmount(view.totalGbp)}`,
-          allowance: {
-            used: used ?? 0,
-            plan: base,
-            topUps,
-            autoRoom: view.autoAddonsOff ? 0 : view.autoRoomGbp
-          },
-          legend: {
-            plan: topUps > 0 || (view.autoRoomGbp ?? 0) > 0 ? l.legendLicence(formatAmount(base)) : void 0,
-            topUps: topUps > 0 ? l.legendTopUps(formatAmount(topUps)) : void 0,
-            autoRoom: view.autoRoomGbp === null ? l.autoRoomNoLimit : view.autoRoomGbp ? l.legendAutoRoom(formatAmount(view.autoRoomGbp)) : void 0
-          },
-          details: used == null ? /* @__PURE__ */ jsx("p", { children: l.usageUnknown }) : void 0,
-          testId: `${testId}-usage`
-        }
-      ),
-      storage && /* @__PURE__ */ jsx(
-        UsageMeter,
-        {
-          label: l.storage,
-          value: `${storage.usedGb != null ? gb(storage.usedGb) : "\u2014"} / ${gb(storage.totalGb)}`,
-          allowance: {
-            used: storage.usedGb ?? 0,
-            plan: storage.totalGb - (storage.autoAddedGb ?? 0),
-            topUps: storage.autoAddedGb ?? 0
-          },
-          legend: {
-            plan: storage.autoAddedGb ? l.legendLicence(gb(storage.totalGb - storage.autoAddedGb)) : void 0,
-            topUps: storage.autoAddedGb ? l.legendTopUps(gb(storage.autoAddedGb)) : void 0
-          },
-          testId: `${testId}-storage`
-        }
-      ),
-      users && /* @__PURE__ */ jsx(
-        UsageMeter,
-        {
-          label: l.users,
-          value: `${users.used ?? "\u2014"} / ${users.total}`,
-          allowance: { used: users.used ?? 0, plan: users.total },
-          testId: `${testId}-users`
-        }
-      ),
-      view.autoAddons && /* @__PURE__ */ jsx(
-        UsageMeter,
-        {
-          label: l.budget,
-          value: view.autoAddons.left ? l.budgetValue(view.autoAddons.left, view.autoAddons.limit) : `${view.autoAddons.spent} / ${view.autoAddons.limit}`,
-          pct: view.autoAddons.pct,
-          details: /* @__PURE__ */ jsxs("p", { "data-testid": `${testId}-auto-addons-count`, children: [
-            l.autoAddons(view.autoAddons.count),
-            view.autoAddons.added ? ` (${view.autoAddons.added})` : ""
-          ] }),
-          testId: `${testId}-auto-addons`
-        }
-      ),
-      view.autoAddonsOff && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-auto-addons-off`, children: l.autoAddonsOff }),
-      view.premiumOnly && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-premium-only`, children: l.premiumOnly }),
-      onTopUp && /* @__PURE__ */ jsxs(
-        "form",
-        {
-          className: "flex flex-wrap items-end gap-2",
-          "data-testid": `${testId}-top-up`,
-          onSubmit: (event) => {
-            event.preventDefault();
-            if (valid && !isToppingUp) onTopUp(count);
-          },
-          children: [
-            /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-              l.topUpLabel,
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  type: "number",
-                  min: 1,
-                  max: FIRM_POOL_MAX_TOP_UP,
-                  step: 1,
-                  value: Number.isNaN(count) ? "" : count,
-                  onChange: (event) => setCount(event.target.valueAsNumber),
-                  className: "h-8 w-24",
-                  "data-testid": `${testId}-top-up-count`
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "submit",
-                size: "sm",
-                disabled: !valid || isToppingUp,
-                "data-testid": `${testId}-top-up-button`,
-                children: isToppingUp ? l.toppingUp : l.topUp
-              }
-            ),
-            valid && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "self-center text-sm tabular-nums text-foreground",
-                "data-testid": `${testId}-top-up-total`,
-                children: l.topUpTotal(formatAmount(count * step))
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { className: "w-full text-xs text-muted-foreground", children: l.topUpHelp(formatAmount(step)) })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
 var DEFAULT_SUPPORT_PANEL_LABELS = {
   support: "Support",
   userGuide: "User Guide"
@@ -2447,7 +2542,7 @@ function UsageLineChart({
   dates,
   series,
   formatDate,
-  formatValue,
+  formatValue: formatValue2,
   emptyLabel,
   labels
 }) {
@@ -2561,7 +2656,7 @@ function UsageLineChart({
           s.key,
           ":"
         ] }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums", children: formatValue(s.values[hoverIdx]) })
+        /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums", children: formatValue2(s.values[hoverIdx]) })
       ] }, s.key))
     ] })
   ] });
@@ -3564,6 +3659,6 @@ function ErrorDialogView({
   ) });
 }
 
-export { CONVERSATION_TITLE_MAX, CheckoutDialogFrame, ConfigSwitcherBar, ConnectionCard, ConnectionsEmpty, ConnectionsError, ConnectionsLoading, ConversationTitleSection, DEFAULT_CHECKOUT_DIALOG_LABELS, DEFAULT_CONFIG_SWITCHER_BAR_LABELS, DEFAULT_CONNECTION_CARD_LABELS, DEFAULT_CONVERSATION_TITLE_SECTION_LABELS, DEFAULT_DAILY_CAP_FIELD_LABELS, DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS, DEFAULT_ERROR_DIALOG_LABELS, DEFAULT_FIRM_POOL_SECTION_LABELS, DEFAULT_INLINE_NAME_EDITOR_LABELS, DEFAULT_INVITE_CONTACTS_DIALOG_LABELS, DEFAULT_INVOICES_DIALOG_LABELS, DEFAULT_MEMBER_PROJECT_ROW_LABELS, DEFAULT_MODEL_SELECTION_SECTION_LABELS, DEFAULT_PLAN_CARD_LABELS, DEFAULT_PROJECT_CARD_VIEW_LABELS, DEFAULT_PROJECT_DETAIL_HEADER_LABELS, DEFAULT_PROJECT_LIST_LABELS, DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS, DEFAULT_REFERRAL_REWARD_LABELS, DEFAULT_RENAME_DIALOG_LABELS, DEFAULT_SHARED_PROJECTS_SECTION_LABELS, DEFAULT_SUBSCRIPTION_SECTION_LABELS, DEFAULT_SUBSCRIPTION_STATUS_LABELS, DEFAULT_SUPPORT_PANEL_LABELS, DEFAULT_SYNC_DIALOG_FOOTER_LABELS, DEFAULT_SYNC_FOLDER_ROW_LABELS, DEFAULT_TIPS_EDITOR_LABELS, DEFAULT_USAGE_LINE_CHART_LABELS, DEFAULT_USAGE_PANEL_LABELS, DEFAULT_USAGE_PROPORTION_BAR_LABELS, DEFAULT_WELCOME_DIALOG_LABELS, DEFAULT_WORK_OFFLINE_LABELS, DailyCapField, EmailWorkspaceDialogView, ErrorDialogView, FIRM_POOL_MAX_TOP_UP, FirmPoolSection, FloatingPanel, InlineNameEditor, InviteContactsDialog, InvoicesDialog, JsonTree, MemberProjectRow, ModelProviderLabel, ModelSelectionSection, PanelActionsRow, PanelAddButton, PanelFrame, PanelFrameBody, PanelNote, PanelScroll, PanelTitleBar, PlanActionButton, PlanActionRow, PlanBadge, PlanCard, PlanCardGrid, PlanDialogFrame, PlanInfoPopover, PlanNotice, PlanPickerCard, PlanPickerHeader, PlanStack, PlanTierOption, PlanTransition, PremiumModelsFrame, PricingToggle, ProjectCardView, ProjectDetailHeader, ProjectDetailSection, ProjectGroup, ProjectList, ProjectNameLabel, ProjectPlanPicker, ProjectRow, ProjectRowActions, PromoCodeInput, QuotaExceededDialogView, QuotaMeter, ReferralRewardBadge, ReferralRewardNote, ReferralRewardSummary, RenameDialog, RowButton, RowIconAction, SegmentedControl, ServerConnectionButton, SharedProjectRow, SharedProjectsSection, SubscriptionSectionView, SubscriptionStatusView, SupportPanel, SupportUnavailable, SyncCheckList, SyncDialogBody, SyncDialogFooter, SyncField, SyncFolderRow, SyncFolderStatus, SyncLinkButton, SyncLinkRow, SyncLoading, SyncNote, SyncOptionToggle, SyncOptions, SyncReconnectNotice, SyncSelect, SyncSmallNote, SyncTreeFrame, ThreadPreviewDialog, TipsEditorDialog, UsageActionButton, UsageLegend, UsageLineChart, UsagePanel, UsageProportionBar, UsageQuotaHint, UsageSection, UsageSummary, UsageToggle, WelcomeDialog, WelcomeProjectPicker, WorkOfflineToggle };
+export { CONVERSATION_TITLE_MAX, CheckoutDialogFrame, ConfigSwitcherBar, ConnectionCard, ConnectionsEmpty, ConnectionsError, ConnectionsLoading, ConversationTitleSection, DEFAULT_CHECKOUT_DIALOG_LABELS, DEFAULT_CONFIG_SWITCHER_BAR_LABELS, DEFAULT_CONNECTION_CARD_LABELS, DEFAULT_CONVERSATION_TITLE_SECTION_LABELS, DEFAULT_DAILY_CAP_FIELD_LABELS, DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS, DEFAULT_ERROR_DIALOG_LABELS, DEFAULT_INLINE_NAME_EDITOR_LABELS, DEFAULT_INVITE_CONTACTS_DIALOG_LABELS, DEFAULT_INVOICES_DIALOG_LABELS, DEFAULT_MEMBER_PROJECT_ROW_LABELS, DEFAULT_MODEL_SELECTION_SECTION_LABELS, DEFAULT_PLAN_CARD_LABELS, DEFAULT_PROJECT_CARD_VIEW_LABELS, DEFAULT_PROJECT_DETAIL_HEADER_LABELS, DEFAULT_PROJECT_LIST_LABELS, DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS, DEFAULT_REFERRAL_REWARD_LABELS, DEFAULT_RENAME_DIALOG_LABELS, DEFAULT_SHARED_PROJECTS_SECTION_LABELS, DEFAULT_SUBSCRIPTION_SECTION_LABELS, DEFAULT_SUBSCRIPTION_STATUS_LABELS, DEFAULT_SUPPORT_PANEL_LABELS, DEFAULT_SYNC_DIALOG_FOOTER_LABELS, DEFAULT_SYNC_FOLDER_ROW_LABELS, DEFAULT_TIPS_EDITOR_LABELS, DEFAULT_USAGE_LINE_CHART_LABELS, DEFAULT_USAGE_PANEL_LABELS, DEFAULT_USAGE_PROPORTION_BAR_LABELS, DEFAULT_WELCOME_DIALOG_LABELS, DEFAULT_WORK_OFFLINE_LABELS, DailyCapField, DraggableHeader, EmailWorkspaceDialogView, ErrorDialogView, FilterChip, FloatingPanel, InlineNameEditor, InviteContactsDialog, InvoicesDialog, JsonTree, MemberProjectRow, MessageJsonTree, ModelProviderLabel, ModelSelectionSection, MoreInfo, MoreInfoList, PanelActionsRow, PanelAddButton, PanelFrame, PanelFrameBody, PanelNote, PanelScroll, PanelTitleBar, PlanActionButton, PlanActionRow, PlanBadge, PlanCard, PlanCardGrid, PlanDialogFrame, PlanInfoPopover, PlanNotice, PlanPickerCard, PlanPickerHeader, PlanStack, PlanTierOption, PlanTransition, PremiumModelsFrame, PricingToggle, ProjectCardView, ProjectDetailHeader, ProjectDetailSection, ProjectGroup, ProjectList, ProjectNameLabel, ProjectPlanPicker, ProjectRow, ProjectRowActions, PromoCodeInput, QuotaExceededDialogView, QuotaMeter, ReferralRewardBadge, ReferralRewardNote, ReferralRewardSummary, RenameDialog, RowButton, RowIconAction, SegmentedControl, ServerConnectionButton, SharedProjectRow, SharedProjectsSection, SubscriptionSectionView, SubscriptionStatusView, SupportPanel, SupportUnavailable, SyncCheckList, SyncDialogBody, SyncDialogFooter, SyncField, SyncFolderRow, SyncFolderStatus, SyncLinkButton, SyncLinkRow, SyncLoading, SyncNote, SyncOptionToggle, SyncOptions, SyncReconnectNotice, SyncSelect, SyncSmallNote, SyncTreeFrame, ThreadPreviewDialog, TipsEditorDialog, UsageActionButton, UsageLegend, UsageLineChart, UsagePanel, UsageProportionBar, UsageQuotaHint, UsageSection, UsageSummary, UsageToggle, WelcomeDialog, WelcomeProjectPicker, WorkOfflineToggle };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map