@arbidocs/blocks 0.4.128 → 0.4.130

package/dist/settings/index.cjs

@@ -1,19 +1,19 @@
 "use client";
 'use strict';
 
-var chunkOR4CO743_cjs = require('../chunk-OR4CO743.cjs');
 var chunk223D4727_cjs = require('../chunk-223D4727.cjs');
-var chunkA7NCSZAP_cjs = require('../chunk-A7NCSZAP.cjs');
+var chunkAAFX64WD_cjs = require('../chunk-AAFX64WD.cjs');
+var chunkQZTNTP75_cjs = require('../chunk-QZTNTP75.cjs');
 var chunkS5HZBXZA_cjs = require('../chunk-S5HZBXZA.cjs');
-var chunkN26CXGXC_cjs = require('../chunk-N26CXGXC.cjs');
 var chunkDVUZTGVL_cjs = require('../chunk-DVUZTGVL.cjs');
+var chunkN26CXGXC_cjs = require('../chunk-N26CXGXC.cjs');
 require('../chunk-ADOKTJHV.cjs');
-var chunkZAVEMQ37_cjs = require('../chunk-ZAVEMQ37.cjs');
+var chunkDWZXSPMB_cjs = require('../chunk-DWZXSPMB.cjs');
 var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
-var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
 var chunk32HW2Q33_cjs = require('../chunk-32HW2Q33.cjs');
 require('../chunk-PPCATBOY.cjs');
 var chunkMHVNT4J3_cjs = require('../chunk-MHVNT4J3.cjs');
+var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
 require('../chunk-DES3K4SD.cjs');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
@@ -145,6 +145,22 @@ function FloatingPanel({
     }
   );
 }
+var INTERACTIVE_SELECTOR = 'button, input, select, a, [role="tab"], [role="radio"]';
+function DraggableHeader({ onDragStart, children }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
     "div",
@@ -675,7 +691,7 @@ function JsonTree({
   level = 0,
   path = [],
   resolveHint,
-  formatValue
+  formatValue: formatValue2
 }) {
   const [isExpanded, setIsExpanded] = react.useState(defaultExpanded || level < 2);
   const [copied, setCopied] = react.useState(false);
@@ -703,7 +719,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__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -783,13 +799,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__ */ jsxRuntime.jsx(JsonTree, { ...props, resolveHint: getFieldHint, formatValue });
+}
 var DEFAULT_TIPS_EDITOR_LABELS = {
   titleList: "Edit tips",
   titleNew: "New tip",
@@ -1310,6 +1492,64 @@ function SyncFolderStatus({
     }
   );
 }
+function FilterChip({
+  label,
+  state,
+  icon,
+  color,
+  onDismiss,
+  dismissLabel,
+  className,
+  testId
+}) {
+  const isExclude = state === "exclude";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: ui.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__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "w-3.5 h-3.5 rounded flex-shrink-0 border-2",
+              style: { borderColor: color }
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "w-3.5 h-3.5 rounded flex items-center justify-center flex-shrink-0",
+              style: { backgroundColor: color },
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-2.5 h-2.5 text-white", strokeWidth: 3 })
+            }
+          )
+        ) : icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-none", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate max-w-[80px]", title: label, children: [
+          isExclude && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-70 mr-0.5", children: "Not" }),
+          label
+        ] }),
+        onDismiss && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3", strokeWidth: 2.5 })
+          }
+        )
+      ]
+    }
+  );
+}
 var planBadgeVariants = classVarianceAuthority.cva(
   "inline-flex flex-shrink-0 items-center rounded-full border font-semibold leading-none",
   {
@@ -1347,6 +1587,50 @@ function PlanBadge({
     }
   );
 }
+function MoreInfo({
+  title,
+  children,
+  label = "More info",
+  testId = "more-info",
+  className
+}) {
+  const [open, setOpen] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(true),
+        className: ui.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__ */ jsxRuntime.jsx(lucideReact.Info, { className: "size-3.5", "aria-hidden": true }),
+          label
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "sm:max-w-md", "data-testid": `${testId}-dialog`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { className: "sr-only", children: title })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3 text-sm leading-relaxed text-muted-foreground", children })
+    ] }) })
+  ] });
+}
+function MoreInfoList({ items }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", "data-slot": "more-info-list", children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+    item.term && /* @__PURE__ */ jsxRuntime.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({
@@ -1438,9 +1722,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.",
@@ -1631,45 +1916,21 @@ function PlanInfoPopover({
   labels
 }) {
   const l = react.useMemo(() => ({ ...DEFAULT_PLAN_CARD_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      ui.Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "sm",
-        className: "gap-1.5 text-sm text-muted-foreground",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "h-4 w-4" }),
-          l.pricingExplainer
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      ui.PopoverContent,
-      {
-        side: "top",
-        align: "start",
-        className: "max-w-screen-safe w-[380px] space-y-3 text-sm leading-relaxed",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold", children: l.pricingExplainer }),
-          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-disc space-y-1 pl-4", children: l.explainerTiers.map((line) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: line }, line)) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
-            l.explainerAiUsage,
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onOpenModelList,
-                className: "font-medium text-foreground underline underline-offset-2 hover:text-primary/80",
-                children: l.seeModelList
-              }
-            )
-          ] })
-        ]
-      }
-    )
+  return /* @__PURE__ */ jsxRuntime.jsxs(MoreInfo, { title: l.pricingExplainer, label: l.pricingExplainer, testId: "pricing-explainer", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(MoreInfoList, { items: l.explainerTiers.map((text) => ({ text })) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      l.explainerAiUsage,
+      " ",
+      /* @__PURE__ */ jsxRuntime.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 = {
@@ -2050,172 +2311,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 = react.useMemo(() => ({ ...DEFAULT_FIRM_POOL_SECTION_LABELS, ...labels }), [labels]);
-  const [count, setCount] = react.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__ */ jsxRuntime.jsxs("section", { className: "space-y-3", "data-testid": testId, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "px-1 text-sm font-semibold text-foreground", children: l.title }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 px-1", children: [
-      view.licence && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5 text-sm", "data-testid": `${testId}-licence`, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-x-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: l.licence }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums text-muted-foreground", children: view.licence })
-        ] }),
-        view.renews && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-renews`, children: view.renews })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        chunkA7NCSZAP_cjs.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__ */ jsxRuntime.jsx("p", { children: l.usageUnknown }) : void 0,
-          testId: `${testId}-usage`
-        }
-      ),
-      storage && /* @__PURE__ */ jsxRuntime.jsx(
-        chunkA7NCSZAP_cjs.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__ */ jsxRuntime.jsx(
-        chunkA7NCSZAP_cjs.UsageMeter,
-        {
-          label: l.users,
-          value: `${users.used ?? "\u2014"} / ${users.total}`,
-          allowance: { used: users.used ?? 0, plan: users.total },
-          testId: `${testId}-users`
-        }
-      ),
-      view.autoAddons && /* @__PURE__ */ jsxRuntime.jsx(
-        chunkA7NCSZAP_cjs.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-auto-addons-off`, children: l.autoAddonsOff }),
-      view.premiumOnly && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-premium-only`, children: l.premiumOnly }),
-      onTopUp && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-              l.topUpLabel,
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.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__ */ jsxRuntime.jsx(
-              ui.Button,
-              {
-                type: "submit",
-                size: "sm",
-                disabled: !valid || isToppingUp,
-                "data-testid": `${testId}-top-up-button`,
-                children: isToppingUp ? l.toppingUp : l.topUp
-              }
-            ),
-            valid && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: "self-center text-sm tabular-nums text-foreground",
-                "data-testid": `${testId}-top-up-total`,
-                children: l.topUpTotal(formatAmount(count * step))
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.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"
@@ -2345,7 +2440,7 @@ function WelcomeDialog({
                 planBadge
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: quotas.map((quota) => /* @__PURE__ */ jsxRuntime.jsx(
-                chunkA7NCSZAP_cjs.UsageMeter,
+                chunkQZTNTP75_cjs.UsageMeter,
                 {
                   icon: quota.icon,
                   label: quota.label,
@@ -2468,7 +2563,7 @@ function UsageLineChart({
   dates,
   series,
   formatDate,
-  formatValue,
+  formatValue: formatValue2,
   emptyLabel,
   labels
 }) {
@@ -2582,7 +2677,7 @@ function UsageLineChart({
           s.key,
           ":"
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium tabular-nums", children: formatValue(s.values[hoverIdx]) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium tabular-nums", children: formatValue2(s.values[hoverIdx]) })
       ] }, s.key))
     ] })
   ] });
@@ -3217,7 +3312,7 @@ function SubscriptionStatusView({
     ] }),
     !resetDate && isCanceling && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-yellow-text", children: l.cancelsAtEndOfBillingPeriod }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: meters.map((m) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkA7NCSZAP_cjs.UsageMeter,
+      chunkQZTNTP75_cjs.UsageMeter,
       {
         icon: m.icon,
         label: m.label,
@@ -3585,145 +3680,145 @@ function ErrorDialogView({
   ) });
 }
 
+Object.defineProperty(exports, "ModalBreadcrumbHeader", {
+  enumerable: true,
+  get: function () { return chunk223D4727_cjs.ModalBreadcrumbHeader; }
+});
+Object.defineProperty(exports, "ModalCrumbs", {
+  enumerable: true,
+  get: function () { return chunk223D4727_cjs.ModalCrumbs; }
+});
 Object.defineProperty(exports, "ActiveSessionsDialog", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.ActiveSessionsDialog; }
+  get: function () { return chunkAAFX64WD_cjs.ActiveSessionsDialog; }
 });
 Object.defineProperty(exports, "AvatarPicker", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.AvatarPicker; }
+  get: function () { return chunkAAFX64WD_cjs.AvatarPicker; }
 });
 Object.defineProperty(exports, "DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS; }
+  get: function () { return chunkAAFX64WD_cjs.DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_AVATAR_PICKER_LABELS", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.DEFAULT_AVATAR_PICKER_LABELS; }
+  get: function () { return chunkAAFX64WD_cjs.DEFAULT_AVATAR_PICKER_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS; }
+  get: function () { return chunkAAFX64WD_cjs.DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_IDENTITY_VERIFICATION_LABELS", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.DEFAULT_IDENTITY_VERIFICATION_LABELS; }
+  get: function () { return chunkAAFX64WD_cjs.DEFAULT_IDENTITY_VERIFICATION_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_LOGOUT_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.DEFAULT_LOGOUT_DIALOG_LABELS; }
+  get: function () { return chunkAAFX64WD_cjs.DEFAULT_LOGOUT_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS; }
+  get: function () { return chunkAAFX64WD_cjs.DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PROFILE_CARD_LABELS", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.DEFAULT_PROFILE_CARD_LABELS; }
+  get: function () { return chunkAAFX64WD_cjs.DEFAULT_PROFILE_CARD_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SETTINGS_DANGER_ZONE_LABELS", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.DEFAULT_SETTINGS_DANGER_ZONE_LABELS; }
+  get: function () { return chunkAAFX64WD_cjs.DEFAULT_SETTINGS_DANGER_ZONE_LABELS; }
 });
 Object.defineProperty(exports, "DeleteAccountDialog", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.DeleteAccountDialog; }
+  get: function () { return chunkAAFX64WD_cjs.DeleteAccountDialog; }
 });
 Object.defineProperty(exports, "EMAIL_NOTIFICATION_CATEGORIES", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.EMAIL_NOTIFICATION_CATEGORIES; }
+  get: function () { return chunkAAFX64WD_cjs.EMAIL_NOTIFICATION_CATEGORIES; }
 });
 Object.defineProperty(exports, "EMAIL_NOTIFICATION_KEYS", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.EMAIL_NOTIFICATION_KEYS; }
+  get: function () { return chunkAAFX64WD_cjs.EMAIL_NOTIFICATION_KEYS; }
 });
 Object.defineProperty(exports, "IdentityVerificationCard", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.IdentityVerificationCard; }
+  get: function () { return chunkAAFX64WD_cjs.IdentityVerificationCard; }
 });
 Object.defineProperty(exports, "IdentityVerificationDialog", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.IdentityVerificationDialog; }
+  get: function () { return chunkAAFX64WD_cjs.IdentityVerificationDialog; }
 });
 Object.defineProperty(exports, "LogoutDialog", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.LogoutDialog; }
+  get: function () { return chunkAAFX64WD_cjs.LogoutDialog; }
 });
 Object.defineProperty(exports, "NotificationCategoryList", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.NotificationCategoryList; }
+  get: function () { return chunkAAFX64WD_cjs.NotificationCategoryList; }
 });
 Object.defineProperty(exports, "PasswordChangeDialog", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.PasswordChangeDialog; }
+  get: function () { return chunkAAFX64WD_cjs.PasswordChangeDialog; }
 });
 Object.defineProperty(exports, "ProfileCard", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.ProfileCard; }
+  get: function () { return chunkAAFX64WD_cjs.ProfileCard; }
 });
 Object.defineProperty(exports, "RequireVerified", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.RequireVerified; }
+  get: function () { return chunkAAFX64WD_cjs.RequireVerified; }
 });
 Object.defineProperty(exports, "SettingsActionRow", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.SettingsActionRow; }
+  get: function () { return chunkAAFX64WD_cjs.SettingsActionRow; }
 });
 Object.defineProperty(exports, "SettingsCard", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.SettingsCard; }
+  get: function () { return chunkAAFX64WD_cjs.SettingsCard; }
 });
 Object.defineProperty(exports, "SettingsDangerZone", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.SettingsDangerZone; }
+  get: function () { return chunkAAFX64WD_cjs.SettingsDangerZone; }
 });
 Object.defineProperty(exports, "SettingsPanel", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.SettingsPanel; }
+  get: function () { return chunkAAFX64WD_cjs.SettingsPanel; }
 });
 Object.defineProperty(exports, "SettingsRow", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.SettingsRow; }
+  get: function () { return chunkAAFX64WD_cjs.SettingsRow; }
 });
 Object.defineProperty(exports, "SettingsSection", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.SettingsSection; }
+  get: function () { return chunkAAFX64WD_cjs.SettingsSection; }
 });
 Object.defineProperty(exports, "SettingsSwitchGroup", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.SettingsSwitchGroup; }
+  get: function () { return chunkAAFX64WD_cjs.SettingsSwitchGroup; }
 });
 Object.defineProperty(exports, "SettingsSwitchRow", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.SettingsSwitchRow; }
+  get: function () { return chunkAAFX64WD_cjs.SettingsSwitchRow; }
 });
 Object.defineProperty(exports, "formatSessionTtl", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.formatSessionTtl; }
+  get: function () { return chunkAAFX64WD_cjs.formatSessionTtl; }
 });
 Object.defineProperty(exports, "toActiveSessionViews", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.toActiveSessionViews; }
+  get: function () { return chunkAAFX64WD_cjs.toActiveSessionViews; }
 });
 Object.defineProperty(exports, "toDeleteBlockerViews", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.toDeleteBlockerViews; }
+  get: function () { return chunkAAFX64WD_cjs.toDeleteBlockerViews; }
 });
 Object.defineProperty(exports, "toLogoutSessionViews", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.toLogoutSessionViews; }
+  get: function () { return chunkAAFX64WD_cjs.toLogoutSessionViews; }
 });
 Object.defineProperty(exports, "toNotificationCategories", {
   enumerable: true,
-  get: function () { return chunkOR4CO743_cjs.toNotificationCategories; }
-});
-Object.defineProperty(exports, "ModalBreadcrumbHeader", {
-  enumerable: true,
-  get: function () { return chunk223D4727_cjs.ModalBreadcrumbHeader; }
-});
-Object.defineProperty(exports, "ModalCrumbs", {
-  enumerable: true,
-  get: function () { return chunk223D4727_cjs.ModalCrumbs; }
+  get: function () { return chunkAAFX64WD_cjs.toNotificationCategories; }
 });
 Object.defineProperty(exports, "DEFAULT_DOCUMENT_PICKER_LABELS", {
   enumerable: true,
@@ -3747,11 +3842,11 @@ Object.defineProperty(exports, "TriStateFilterMenu", {
 });
 Object.defineProperty(exports, "ConfirmDialog", {
   enumerable: true,
-  get: function () { return chunkZAVEMQ37_cjs.ConfirmDialog; }
+  get: function () { return chunkDWZXSPMB_cjs.ConfirmDialog; }
 });
 Object.defineProperty(exports, "DEFAULT_CONFIRM_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkZAVEMQ37_cjs.DEFAULT_CONFIRM_DIALOG_LABELS; }
+  get: function () { return chunkDWZXSPMB_cjs.DEFAULT_CONFIRM_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "MODAL_SECTION_TITLE_CLASS", {
   enumerable: true,
@@ -3788,7 +3883,6 @@ exports.DEFAULT_CONVERSATION_TITLE_SECTION_LABELS = DEFAULT_CONVERSATION_TITLE_S
 exports.DEFAULT_DAILY_CAP_FIELD_LABELS = DEFAULT_DAILY_CAP_FIELD_LABELS;
 exports.DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS = DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS;
 exports.DEFAULT_ERROR_DIALOG_LABELS = DEFAULT_ERROR_DIALOG_LABELS;
-exports.DEFAULT_FIRM_POOL_SECTION_LABELS = DEFAULT_FIRM_POOL_SECTION_LABELS;
 exports.DEFAULT_INLINE_NAME_EDITOR_LABELS = DEFAULT_INLINE_NAME_EDITOR_LABELS;
 exports.DEFAULT_INVITE_CONTACTS_DIALOG_LABELS = DEFAULT_INVITE_CONTACTS_DIALOG_LABELS;
 exports.DEFAULT_INVOICES_DIALOG_LABELS = DEFAULT_INVOICES_DIALOG_LABELS;
@@ -3814,18 +3908,21 @@ exports.DEFAULT_USAGE_PROPORTION_BAR_LABELS = DEFAULT_USAGE_PROPORTION_BAR_LABEL
 exports.DEFAULT_WELCOME_DIALOG_LABELS = DEFAULT_WELCOME_DIALOG_LABELS;
 exports.DEFAULT_WORK_OFFLINE_LABELS = DEFAULT_WORK_OFFLINE_LABELS;
 exports.DailyCapField = DailyCapField;
+exports.DraggableHeader = DraggableHeader;
 exports.EmailWorkspaceDialogView = EmailWorkspaceDialogView;
 exports.ErrorDialogView = ErrorDialogView;
-exports.FIRM_POOL_MAX_TOP_UP = FIRM_POOL_MAX_TOP_UP;
-exports.FirmPoolSection = FirmPoolSection;
+exports.FilterChip = FilterChip;
 exports.FloatingPanel = FloatingPanel;
 exports.InlineNameEditor = InlineNameEditor;
 exports.InviteContactsDialog = InviteContactsDialog;
 exports.InvoicesDialog = InvoicesDialog;
 exports.JsonTree = JsonTree;
 exports.MemberProjectRow = MemberProjectRow;
+exports.MessageJsonTree = MessageJsonTree;
 exports.ModelProviderLabel = ModelProviderLabel;
 exports.ModelSelectionSection = ModelSelectionSection;
+exports.MoreInfo = MoreInfo;
+exports.MoreInfoList = MoreInfoList;
 exports.PanelActionsRow = PanelActionsRow;
 exports.PanelAddButton = PanelAddButton;
 exports.PanelFrame = PanelFrame;