@arbidocs/blocks 0.4.129 → 0.4.131

package/dist/{chunk-IBZJYCYM.js → chunk-66TA5IBN.js}

@@ -105,7 +105,7 @@ function UsageMeter({
     ["autoRoom", legend.autoRoom]
   ].filter(([, text]) => !!text) : [];
   const meter = /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ jsxs(
         "span",
         {
@@ -175,30 +175,22 @@ function UsageMeter({
     ),
     details && /* @__PURE__ */ jsx("div", { className: "space-y-1 text-xs text-muted-foreground", children: details })
   ] });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        actions ? "flex flex-wrap items-start gap-x-6 gap-y-3" : "space-y-1.5",
-        className
-      ),
-      "data-testid": testId,
-      "data-state": state,
-      children: [
-        meter,
-        actions && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "flex shrink-0 flex-col items-stretch gap-2 sm:w-64",
-            "data-slot": "usage-meter-actions",
-            children: actions
-          }
-        )
-      ]
-    }
-  );
+  if (!actions) {
+    return /* @__PURE__ */ jsx("div", { className: cn("space-y-1.5", className), "data-testid": testId, "data-state": state, children: meter });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("@container", className), "data-testid": testId, "data-state": state, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 @lg:flex-row @lg:items-start @lg:gap-6", children: [
+    meter,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex min-w-0 flex-wrap items-center gap-2 @lg:w-60 @lg:shrink-0 @lg:flex-col @lg:items-stretch",
+        "data-slot": "usage-meter-actions",
+        children: actions
+      }
+    )
+  ] }) });
 }
 
 export { UsageMeter, usageMeterState };
-//# sourceMappingURL=chunk-IBZJYCYM.js.map
-//# sourceMappingURL=chunk-IBZJYCYM.js.map
+//# sourceMappingURL=chunk-66TA5IBN.js.map
+//# sourceMappingURL=chunk-66TA5IBN.js.map

package/dist/chunk-66TA5IBN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/UsageMeter.tsx"],"names":[],"mappings":"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","file":"chunk-66TA5IBN.js","sourcesContent":["import type { ReactNode } from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\n/**\n * What an allowance is made of, in the meter's own unit (£ of AI usage, GB, users): what was used, the plan's part\n * of the allowance, the top-ups on top of it, and how much more automatic top-ups may still add before a usage cap\n * (or budget) stops them.\n */\nexport interface UsageMeterAllowance {\n  used: number\n  /** The plan's part of the allowance (marked on the bar when top-ups or automatic room follow it). */\n  plan: number\n  /** Top-ups on top of the plan: the allowance now is `plan + topUps`. */\n  topUps?: number\n  /**\n   * Room automatic top-ups may still add before the cap stops them (drawn hatched after the allowance).\n   * `null` = no limit (nothing drawn: the room is unbounded); omitted = not applicable.\n   */\n  autoRoom?: number | null\n}\n\n/** Pressure on an allowance: under 80% used, 80% to under 100%, or at / over it. */\nexport type UsageMeterState = 'under' | 'near' | 'over'\n\n/** The allowance meter's pressure state for `used` of `allowance`. */\nexport function usageMeterState(used: number, allowance: number): UsageMeterState {\n  if (allowance <= 0) return used > 0 ? 'over' : 'under'\n  const ratio = used / allowance\n  return ratio >= 1 ? 'over' : ratio >= 0.8 ? 'near' : 'under'\n}\n\nconst STATE_TONE: Record<UsageMeterState, string> = {\n  under: 'bg-primary',\n  near: 'bg-yellow-500',\n  over: 'bg-red-500',\n}\n\nconst pctOf = (n: number, scale: number) =>\n  scale > 0 ? Math.max(0, Math.min(100, (n / scale) * 100)) : 0\n\n/** Legend swatches, matching the bar's segments. */\nconst SWATCH = {\n  plan: 'bg-muted-foreground/40',\n  topUps: 'bg-primary/30',\n  autoRoom: 'bg-muted',\n}\n\nconst HATCH = {\n  backgroundImage: 'repeating-linear-gradient(135deg, currentColor 0 1.5px, transparent 1.5px 5px)',\n} as const\n\n/** The segmented bar of an allowance meter: used, the plan mark, top-ups, and the automatic room. */\nfunction AllowanceBar({ allowance, label }: { allowance: UsageMeterAllowance; label: string }) {\n  const { used, plan } = allowance\n  const topUps = Math.max(0, allowance.topUps ?? 0)\n  const room = Math.max(0, allowance.autoRoom ?? 0)\n  const total = plan + topUps\n  const scale = Math.max(total + room, used, Number.EPSILON)\n  const state = usageMeterState(used, total)\n  const usedPct = total > 0 ? Math.round((used / total) * 100) : used > 0 ? 100 : 0\n  const markPlan = plan > 0 && plan < scale && (topUps > 0 || room > 0)\n  return (\n    <div className=\"relative h-2 overflow-hidden rounded-full bg-muted\" data-slot=\"usage-meter-bar\">\n      {topUps > 0 && (\n        <div\n          className={cn('absolute inset-y-0', SWATCH.topUps)}\n          style={{ left: `${pctOf(plan, scale)}%`, width: `${pctOf(topUps, scale)}%` }}\n          data-slot=\"usage-meter-topups\"\n        />\n      )}\n      {room > 0 && (\n        <div\n          className=\"absolute inset-y-0 text-muted-foreground/35\"\n          style={{ left: `${pctOf(total, scale)}%`, width: `${pctOf(room, scale)}%`, ...HATCH }}\n          data-slot=\"usage-meter-auto-room\"\n        />\n      )}\n      <div\n        className={cn(\n          'absolute inset-y-0 left-0 rounded-full transition-[width]',\n          STATE_TONE[state]\n        )}\n        style={{ width: `${pctOf(Math.min(used, scale), scale)}%` }}\n        role=\"progressbar\"\n        aria-valuenow={Math.min(usedPct, 100)}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label={label}\n        data-state={state}\n      />\n      {markPlan && (\n        <div\n          className=\"absolute inset-y-0 w-0.5 -translate-x-1/2 bg-foreground/70\"\n          style={{ left: `${pctOf(plan, scale)}%` }}\n          aria-hidden\n          data-slot=\"usage-meter-plan-mark\"\n        />\n      )}\n      {room > 0 && total > 0 && (\n        <div\n          className=\"absolute inset-y-0 w-px bg-foreground/40\"\n          style={{ left: `${pctOf(total, scale)}%` }}\n          aria-hidden\n        />\n      )}\n    </div>\n  )\n}\n\n/**\n * One labelled quota meter: icon + label on the left, used-of-limit on the right, a thin bar underneath.\n *\n * Simple mode (`pct`): the bar's tone follows pressure with the shared green → yellow → red gradation — green while\n * there's room, yellow past the halfway mark, red at the limit — so a stack of meters reads at a glance which quota\n * is the one to think about.\n *\n * Allowance mode (`allowance`): the bar spans the allowance plus what automatic top-ups may still add; it marks the\n * plan's part, shades the top-ups, hatches the automatic room, and fills what was used (red at the allowance, yellow\n * from 80%). `legend` names the segments; `details` (next period, cap) sit under the bar and `actions` (+ / −) beside\n * it. The meter's `data-state` is `under` / `near` / `over`.\n */\nexport function UsageMeter({\n  icon: Icon,\n  label,\n  value,\n  pct = 0,\n  hint,\n  allowance,\n  legend,\n  details,\n  actions,\n  className,\n  testId,\n}: {\n  icon?: LucideIcon\n  label: string\n  /** Formatted used-of-limit text, e.g. \"1,200 / 25,000\" or \"40 / 500 MB\". */\n  value: string\n  /** Simple mode: fill percentage, 0–100 (values are clamped). Ignored with `allowance`. */\n  pct?: number\n  /** Inline parenthetical after the label, e.g. \"resets May 31, 2025\" —\n   *  same font as the label, so the meter never grows an extra row. */\n  hint?: string\n  /** Allowance mode: the allowance's parts, in the meter's unit. */\n  allowance?: UsageMeterAllowance\n  /** Formatted legend entries for the allowance's segments (each shown only when set). */\n  legend?: { plan?: string; topUps?: string; autoRoom?: string }\n  details?: ReactNode\n  actions?: ReactNode\n  className?: string\n  testId?: string\n}) {\n  const clamped = Math.max(0, Math.min(100, pct))\n  // Shared green → yellow → red gradation (same thresholds as the project-card\n  // quota badges): green with room, yellow past the halfway mark, red at limit.\n  const tone = clamped >= 100 ? 'bg-red-500' : clamped >= 50 ? 'bg-yellow-500' : 'bg-primary'\n  const state = allowance\n    ? usageMeterState(allowance.used, allowance.plan + Math.max(0, allowance.topUps ?? 0))\n    : undefined\n  const legendItems = legend\n    ? (\n        [\n          ['plan', legend.plan],\n          ['topUps', legend.topUps],\n          ['autoRoom', legend.autoRoom],\n        ] as const\n      ).filter(([, text]) => !!text)\n    : []\n\n  const meter = (\n    <div className=\"min-w-0 flex-1 space-y-1.5\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3 text-sm\">\n        <span\n          className={cn(\n            'flex min-w-0 items-center gap-1.5',\n            allowance ? 'font-medium text-foreground' : 'text-muted-foreground'\n          )}\n        >\n          {Icon && <Icon className=\"size-3.5 shrink-0\" />}\n          <span className=\"truncate\">\n            {label}\n            {hint ? ` (${hint})` : ''}\n          </span>\n        </span>\n        <span\n          className=\"shrink-0 font-medium tabular-nums text-foreground\"\n          data-slot=\"usage-meter-value\"\n        >\n          {value}\n        </span>\n      </div>\n      {allowance ? (\n        <AllowanceBar allowance={allowance} label={label} />\n      ) : (\n        <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n          <div\n            className={cn('h-full rounded-full transition-[width]', tone)}\n            style={{ width: `${clamped}%` }}\n            role=\"progressbar\"\n            aria-valuenow={clamped}\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-label={label}\n          />\n        </div>\n      )}\n      {legendItems.length > 0 && (\n        <ul\n          className=\"flex flex-wrap gap-x-4 gap-y-1 text-xs tabular-nums text-muted-foreground\"\n          data-slot=\"usage-meter-legend\"\n        >\n          {legendItems.map(([key, text]) => (\n            <li\n              key={key}\n              className=\"flex items-center gap-1.5\"\n              data-slot={`usage-meter-legend-${key}`}\n            >\n              <span\n                className={cn(\n                  'inline-block size-2 rounded-sm',\n                  SWATCH[key],\n                  key === 'autoRoom' && 'text-muted-foreground/60'\n                )}\n                style={key === 'autoRoom' ? HATCH : undefined}\n                aria-hidden\n              />\n              {text}\n            </li>\n          ))}\n        </ul>\n      )}\n      {details && <div className=\"space-y-1 text-xs text-muted-foreground\">{details}</div>}\n    </div>\n  )\n\n  if (!actions) {\n    return (\n      <div className={cn('space-y-1.5', className)} data-testid={testId} data-state={state}>\n        {meter}\n      </div>\n    )\n  }\n  // The actions sit beside the meter when the meter's own box is wide enough, under it otherwise\n  // (a container query, so a narrow panel on a wide screen stacks too); nothing overflows at 390px.\n  return (\n    <div className={cn('@container', className)} data-testid={testId} data-state={state}>\n      <div className=\"flex flex-col gap-3 @lg:flex-row @lg:items-start @lg:gap-6\">\n        {meter}\n        <div\n          className=\"flex min-w-0 flex-wrap items-center gap-2 @lg:w-60 @lg:shrink-0 @lg:flex-col @lg:items-stretch\"\n          data-slot=\"usage-meter-actions\"\n        >\n          {actions}\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-OYMWV45N.js → chunk-7D4W3SAH.js}

@@ -1,6 +1,6 @@
 "use client";
 import { createContext, useState, useRef, useCallback, useEffect, useMemo, useContext } from 'react';
-import { useArbi } from '@arbidocs/react';
+import { useArbi, AccountClientProvider, arbiAccountClient, toProfileView } from '@arbidocs/react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/connection/ConnectionProvider.tsx
@@ -223,7 +223,54 @@ function ConnectionProvider({
       ensureWorkspaceOpen
     ]
   );
-  return /* @__PURE__ */ jsx(ConnectionContext.Provider, { value, children });
+  const account = useConnectionAccount(arbi, user, logout);
+  return /* @__PURE__ */ jsx(ConnectionContext.Provider, { value, children: /* @__PURE__ */ jsx(AccountClientProvider, { client: account, enabled: status === "authenticated", children }) });
+}
+function useConnectionAccount(arbi, user, logout) {
+  const userRef = useRef(user);
+  const logoutRef = useRef(logout);
+  logoutRef.current = logout;
+  const listeners = useRef(/* @__PURE__ */ new Set());
+  useEffect(() => {
+    userRef.current = user;
+    listeners.current.forEach((listener) => listener());
+  }, [user]);
+  return useMemo(() => {
+    const base = arbiAccountClient(arbi);
+    return {
+      ...base,
+      profile: () => {
+        const own = base.profile();
+        const fallback = userRef.current;
+        if (own || !fallback) return own;
+        return {
+          ...toProfileView({
+            givenName: "",
+            familyName: null,
+            picture: fallback.picture ?? null,
+            email: fallback.email,
+            isSso: false
+          }),
+          fullName: fallback.name
+        };
+      },
+      onProfileChange: (listener) => {
+        listeners.current.add(listener);
+        const off = base.onProfileChange(listener);
+        return () => {
+          listeners.current.delete(listener);
+          off();
+        };
+      },
+      signOut: async ({ everywhere } = {}) => {
+        try {
+          if (everywhere) await arbi.sessions.logoutAll();
+        } finally {
+          logoutRef.current();
+        }
+      }
+    };
+  }, [arbi]);
 }
 function useConnection() {
   const ctx = useContext(ConnectionContext);
@@ -233,5 +280,5 @@ function useConnection() {
 var isAuthenticated = (s) => s === "demo" || s === "authenticated";
 
 export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnection };
-//# sourceMappingURL=chunk-OYMWV45N.js.map
-//# sourceMappingURL=chunk-OYMWV45N.js.map
+//# sourceMappingURL=chunk-7D4W3SAH.js.map
+//# sourceMappingURL=chunk-7D4W3SAH.js.map

package/dist/chunk-7D4W3SAH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/connection/ConnectionProvider.tsx"],"names":[],"mappings":";;;;;AAkEA,IAAM,iBAAA,GAAoB,cAAsC,IAAI,CAAA;AAQpE,IAAM,wBAAA,GAA2B,wBAAA;AACjC,IAAM,cAAA,GAAiB,CAAC,MAAA,KAAmB,CAAA,iBAAA,EAAoB,MAAM,CAAA,CAAA;AACrE,SAAS,mBAAA,CAAoB,QAAgB,KAAA,EAAsB;AACjE,EAAA,IAAI;AACF,IAAA,IAAI,KAAA,SAAc,YAAA,CAAa,OAAA,CAAQ,eAAe,MAAM,CAAA,EAAG,gBAAA,CAAiB,KAAK,CAAC,CAAA;AAAA,SACjF,MAAA,CAAO,YAAA,CAAa,UAAA,CAAW,cAAA,CAAe,MAAM,CAAC,CAAA;AAAA,EAC5D,CAAA,CAAA,MAAQ;AAAA,EAER;AACF;AACA,IAAM,mBAAmB,CAAC,KAAA,KAAkB,KAAA,CAAM,IAAA,GAAO,WAAA,EAAY;AAG9D,IAAM,mBAAA,GAAsB,CAAC,MAAA,EAAgB,OAAA,KAClD,CAAA,EAAG,wBAAwB,CAAA,CAAA,EAAI,MAAA,IAAU,MAAM,CAAA,CAAA,EAAI,gBAAA,CAAiB,OAAO,CAAC,CAAA,CAAA;AAG9E,IAAM,4BAA4B,CAAC,MAAA,KACjC,GAAG,wBAAwB,CAAA,CAAA,EAAI,UAAU,MAAM,CAAA,CAAA;AAEjD,SAAS,sBAAA,CAAuB,QAAgB,OAAA,EAAuC;AACrF,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AACrB,EAAA,IAAI;AACF,IAAA,OAAO,OAAO,YAAA,CAAa,OAAA,CAAQ,mBAAA,CAAoB,MAAA,EAAQ,OAAO,CAAC,CAAA;AAAA,EACzE,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AAEA,SAAS,gBAAA,CAAiB,MAAA,EAAgB,OAAA,EAAwB,EAAA,EAAyB;AACzF,EAAA,IAAI,CAAC,OAAA,EAAS;AACd,EAAA,IAAI;AACF,IAAA,IAAI,EAAA,SAAW,YAAA,CAAa,OAAA,CAAQ,oBAAoB,MAAA,EAAQ,OAAO,GAAG,EAAE,CAAA;AAAA,gBAChE,YAAA,CAAa,UAAA,CAAW,mBAAA,CAAoB,MAAA,EAAQ,OAAO,CAAC,CAAA;AACxE,IAAA,MAAA,CAAO,YAAA,CAAa,UAAA,CAAW,yBAAA,CAA0B,MAAM,CAAC,CAAA;AAAA,EAClE,CAAA,CAAA,MAAQ;AAAA,EAER;AACF;AAGO,IAAM,uBAAA,GAA0B;AAGvC,SAAS,eAAA,CAAgB,SAAuB,UAAA,EAA+B;AAC7E,EAAA,MAAM,WAAW,CAAC,OAAA,CAAQ,WAAW,OAAA,CAAQ,UAAU,EACpD,GAAA,CAAI,CAAC,IAAA,KAAS,IAAA,EAAM,MAAM,CAAA,CAC1B,OAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,EAAA,OAAO;AAAA,IACL,MAAM,QAAA,IAAY,OAAA,CAAQ,MAAM,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA;AAAA,IAC5C,OAAO,OAAA,CAAQ,KAAA;AAAA,IACf,UAAA;AAAA,IACA,SAAS,OAAA,CAAQ;AAAA,GACnB;AACF;AAEO,SAAS,kBAAA,CAAmB;AAAA,EACjC,MAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,gBAAA,GAAmB,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAA;AAChD,EAAA,MAAM,eAAA,GAAkB,OAAO,eAAA,IAAmB,gBAAA;AAElD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,QAAA;AAAA,IAC1B,mBAAmB,YAAA,GAAe;AAAA,GACpC;AACA,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA0B,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,WAAA,EAAa,mBAAmB,CAAA,GAAI,SAAwB,IAAI,CAAA;AAIvE,EAAA,MAAM,cAAA,GAAiB,OAAsB,IAAI,CAAA;AACjD,EAAA,MAAM,iBAAA,GAAoB,WAAA,CAAY,CAAC,EAAA,KAAsB;AAC3D,IAAA,cAAA,CAAe,OAAA,GAAU,EAAA;AACzB,IAAA,mBAAA,CAAoB,EAAE,CAAA;AAAA,EACxB,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,MAAM,CAAA;AACjD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEtD,EAAA,MAAM,cAAA,GAAiB,OAAsB,IAAI,CAAA;AAKjD,EAAA,SAAA;AAAA,IACE,MACE,IAAA,CAAK,gBAAA,GAAmB,MAAM;AAC5B,MAAA,mBAAA,CAAoB,MAAA,CAAO,QAAQ,IAAI,CAAA;AACvC,MAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,MAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,MAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,MAAA,SAAA,CAAU,cAAc,CAAA;AACxB,MAAA,QAAA,CAAS,uBAAuB,CAAA;AAAA,IAClC,CAAC,CAAA;AAAA,IACH,CAAC,IAAA,EAAM,MAAA,CAAO,MAAA,EAAQ,iBAAiB;AAAA,GACzC;AAGA,EAAA,SAAA;AAAA,IACE,MACE,KAAK,IAAA,CAAK,eAAA;AAAA,MAAkB,CAAC,OAAA,KAC3B,OAAA,CAAQ,CAAC,OAAA,KAAa,OAAA,GAAU,eAAA,CAAgB,OAAA,EAAS,OAAA,CAAQ,UAAU,CAAA,GAAI,OAAQ;AAAA,KACzF;AAAA,IACF,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,MAAM,SAAA,GAAY,YAAY,MAAM;AAClC,IAAA,OAAA,CAAQ,MAAM,CAAA;AACd,IAAA,SAAA,CAAU,MAAM,CAAA;AAChB,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,OAAA,CAAQ,EAAE,MAAM,MAAA,CAAO,QAAA,CAAS,MAAM,KAAA,EAAO,MAAA,CAAO,QAAA,CAAS,KAAA,EAAO,CAAA;AACpE,IAAA,iBAAA,CAAkB,eAAe,CAAA;AAAA,EACnC,CAAA,EAAG,CAAC,MAAA,CAAO,QAAA,CAAS,IAAA,EAAM,OAAO,QAAA,CAAS,KAAA,EAAO,eAAA,EAAiB,iBAAiB,CAAC,CAAA;AAEpF,EAAA,MAAM,KAAA,GAAQ,WAAA;AAAA,IACZ,OAAO,KAAA,EAAe,QAAA,EAAkB,SAAA,GAAY,KAAA,KAAU;AAC5D,MAAA,QAAA,CAAS,IAAI,CAAA;AAEb,MAAA,IAAI,CAAC,gBAAA,EAAkB;AACrB,QAAA,SAAA,EAAU;AACV,QAAA;AAAA,MACF;AACA,MAAA,SAAA,CAAU,YAAY,CAAA;AACtB,MAAA,OAAA,CAAQ,MAAM,CAAA;AACd,MAAA,IAAI;AACF,QAAA,IAAI,SAAA,EAAW;AACb,UAAA,IAAI,CAAE,MAAM,IAAA,CAAK,cAAA,CAAe,KAAK,CAAA,EAAI;AACvC,YAAA,mBAAA,CAAoB,MAAA,CAAO,QAAQ,IAAI,CAAA;AACvC,YAAA,SAAA,CAAU,cAAc,CAAA;AACxB,YAAA;AAAA,UACF;AAAA,QACF,CAAA,MAAO,MAAM,IAAA,CAAK,KAAA,CAAM,OAAO,QAAQ,CAAA;AACvC,QAAA,cAAA,CAAe,OAAA,GAAU,iBAAiB,KAAK,CAAA;AAC/C,QAAA,MAAM,UAAA,GAAa,MAAM,IAAA,CAAK,UAAA,CAAW,IAAA,EAAK;AAC9C,QAAA,IAAI,YAAY,MAAA,EAAQ;AAKtB,UAAA,MAAM,SAAA,GAAY,sBAAA,CAAuB,MAAA,CAAO,MAAA,EAAQ,eAAe,OAAO,CAAA;AAC9E,UAAA,MAAM,SAAA,GAAY,aAAa,MAAA,CAAO,WAAA;AACtC,UAAA,MAAM,MAAA,GAAA,CACH,SAAA,GAAY,UAAA,CAAW,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAA,KAAgB,SAAS,CAAA,GAAI,KAAA,CAAA,KACnE,UAAA,CAAW,CAAC,CAAA;AACd,UAAA,MAAM,IAAA,CAAK,eAAA,CAAgB,MAAA,CAAO,WAAW,CAAA;AAC7C,UAAA,iBAAA,CAAkB,OAAO,WAAW,CAAA;AACpC,UAAA,gBAAA,CAAiB,MAAA,CAAO,MAAA,EAAQ,cAAA,CAAe,OAAA,EAAS,OAAO,WAAW,CAAA;AAAA,QAC5E;AAIA,QAAA,IAAI,QAAA,GAAqB,EAAE,IAAA,EAAM,KAAA,CAAM,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,EAAG,KAAA,EAAM;AAC5D,QAAA,MAAM,EAAA,GAAK,IAAA,CAAK,IAAA,CAAK,QAAA,EAAS;AAC9B,QAAA,MAAM,OAAA,GAAU,IAAA,CAAK,IAAA,CAAK,OAAA,IAAU;AACpC,QAAA,IAAI,OAAA,EAAS;AACX,UAAA,QAAA,GAAW,eAAA,CAAgB,OAAA,EAAS,EAAA,EAAI,UAAU,CAAA;AAAA,QACpD,CAAA,MAAO;AACL,UAAA,IAAI;AACF,YAAA,MAAM,OAAA,GAAU,MAAM,IAAA,CAAK,UAAA,CAAW,SAAA,EAAU;AAChD,YAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAM,EAAE,IAAA,CAAK,WAAA,KAAgB,EAAA,EAAI,UAAU,CAAA,EAAG,IAAA;AACzE,YAAA,IAAI,IAAA,EAAM;AACR,cAAA,MAAM,QAAA,GAAW,CAAC,IAAA,CAAK,UAAA,EAAY,IAAA,CAAK,WAAW,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,EAAE,IAAA,EAAK;AACpF,cAAA,QAAA,GAAW;AAAA,gBACT,MAAM,QAAA,IAAY,KAAA,CAAM,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA;AAAA,gBACpC,KAAA,EAAO,KAAK,KAAA,IAAS,KAAA;AAAA,gBACrB,YAAY,IAAA,CAAK,WAAA;AAAA,gBACjB,OAAA,EAAS,KAAK,OAAA,IAAW;AAAA,eAC3B;AAAA,YACF,CAAA,MAAA,IAAW,IAAI,UAAA,EAAY;AACzB,cAAA,QAAA,CAAS,aAAa,EAAA,CAAG,UAAA;AAAA,YAC3B;AAAA,UACF,CAAA,CAAA,MAAQ;AAAA,UAER;AAAA,QACF;AACA,QAAA,OAAA,CAAQ,QAAQ,CAAA;AAChB,QAAA,mBAAA,CAAoB,MAAA,CAAO,QAAQ,KAAK,CAAA;AACxC,QAAA,SAAA,CAAU,eAAe,CAAA;AAAA,MAC3B,SAAS,CAAA,EAAG;AAEV,QAAA,QAAA,CAAS,CAAA,YAAa,KAAA,GAAQ,CAAA,CAAE,OAAA,GAAU,yCAAyC,CAAA;AACnF,QAAA,SAAA,CAAU,OAAO,CAAA;AAAA,MACnB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,MAAM,SAAA,EAAW,gBAAA,EAAkB,OAAO,WAAA,EAAa,MAAA,CAAO,QAAQ,iBAAiB;AAAA,GAC1F;AAGA,EAAA,MAAM,eAAA,GAAkB,OAAO,KAAK,CAAA;AACpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,eAAA,CAAgB,OAAA,IAAW,CAAC,gBAAA,EAAkB;AAClD,IAAA,eAAA,CAAgB,OAAA,GAAU,IAAA;AAC1B,IAAA,IAAI,KAAA,GAAuB,IAAA;AAC3B,IAAA,IAAI;AACF,MAAA,KAAA,GAAQ,OAAO,YAAA,CAAa,OAAA,CAAQ,cAAA,CAAe,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,IACnE,CAAA,CAAA,MAAQ;AAAA,IAER;AACA,IAAA,IAAI,KAAA,EAAO,KAAK,KAAA,CAAM,KAAA,EAAO,IAAI,IAAI,CAAA;AAAA,mBACtB,cAAc,CAAA;AAAA,EAC/B,GAAG,CAAC,gBAAA,EAAkB,MAAA,CAAO,MAAA,EAAQ,KAAK,CAAC,CAAA;AAE3C,EAAA,MAAM,MAAA,GAAS,YAAY,MAAM;AAC/B,IAAA,mBAAA,CAAoB,MAAA,CAAO,QAAQ,IAAI,CAAA;AACvC,IAAA,IAAI,SAAS,MAAA,EAAQ;AACnB,MAAA,KAAK,KAAK,MAAA,IAAS;AAAA,IACrB;AACA,IAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,IAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,IAAA,gBAAA,CAAiB,MAAA,CAAO,MAAA,EAAQ,cAAA,CAAe,OAAA,EAAS,IAAI,CAAA;AAC5D,IAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,IAAA,SAAA,CAAU,cAAc,CAAA;AACxB,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EACf,GAAG,CAAC,IAAA,EAAM,MAAM,MAAA,CAAO,MAAA,EAAQ,iBAAiB,CAAC,CAAA;AAIjD,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,OAAO,EAAA,KAAe;AACpB,MAAA,IAAI,IAAA,KAAS,MAAA,IAAU,IAAA,CAAK,UAAA,EAAY;AACtC,QAAA,MAAM,IAAA,CAAK,gBAAgB,EAAE,CAAA;AAAA,MAC/B;AACA,MAAA,iBAAA,CAAkB,EAAE,CAAA;AACpB,MAAA,gBAAA,CAAiB,MAAA,CAAO,MAAA,EAAQ,cAAA,CAAe,OAAA,EAAS,EAAE,CAAA;AAAA,IAC5D,CAAA;AAAA,IACA,CAAC,IAAA,EAAM,IAAA,EAAM,MAAA,CAAO,QAAQ,iBAAiB;AAAA,GAC/C;AAIA,EAAA,MAAM,mBAAA,GAAsB,YAAY,YAAY;AAClD,IAAA,IAAI,IAAA,KAAS,MAAA,IAAU,CAAC,IAAA,CAAK,UAAA,EAAY;AACzC,IAAA,MAAM,EAAA,GACJ,eAAe,OAAA,IACf,sBAAA,CAAuB,OAAO,MAAA,EAAQ,cAAA,CAAe,OAAO,CAAA,IAC5D,MAAA,CAAO,WAAA;AACT,IAAA,IAAI,EAAA,EAAI,MAAM,IAAA,CAAK,eAAA,CAAgB,EAAE,CAAA;AAAA,EACvC,CAAA,EAAG,CAAC,IAAA,EAAM,IAAA,EAAM,OAAO,MAAA,EAAQ,MAAA,CAAO,WAAW,CAAC,CAAA;AAElD,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,IAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA,EAAe,gBAAA;AAAA,MACf,QAAQ,MAAA,CAAO,MAAA;AAAA,MACf,gBAAA,EAAkB,gBAAA,GAAmB,IAAA,CAAK,mBAAA,EAAoB,GAAI,MAAA;AAAA,MAClE,KAAA;AAAA,MACA,iBAAiB,MAAA,CAAO,eAAA;AAAA,MACxB,qBAAqB,MAAA,CAAO,WAAA;AAAA,MAC5B,KAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,IAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA,CAAO,MAAA;AAAA,MACP,IAAA;AAAA,MACA,MAAA,CAAO,eAAA;AAAA,MACP,MAAA,CAAO,WAAA;AAAA,MACP,KAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,OAAA,GAAU,oBAAA,CAAqB,IAAA,EAAM,IAAA,EAAM,MAAM,CAAA;AAEvD,EAAA,uBACE,GAAA,CAAC,iBAAA,CAAkB,QAAA,EAAlB,EAA2B,KAAA,EAC1B,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,MAAA,EAAQ,OAAA,EAAS,OAAA,EAAS,MAAA,KAAW,eAAA,EACzD,UACH,CAAA,EACF,CAAA;AAEJ;AAOA,SAAS,oBAAA,CACP,IAAA,EACA,IAAA,EACA,MAAA,EACe;AACf,EAAA,MAAM,OAAA,GAAU,OAAO,IAAI,CAAA;AAC3B,EAAA,MAAM,SAAA,GAAY,OAAO,MAAM,CAAA;AAC/B,EAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,EAAA,MAAM,SAAA,GAAY,MAAA,iBAAO,IAAI,GAAA,EAAiB,CAAA;AAC9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAClB,IAAA,SAAA,CAAU,OAAA,CAAQ,OAAA,CAAQ,CAAC,QAAA,KAAa,UAAU,CAAA;AAAA,EACpD,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AACT,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAA,MAAM,IAAA,GAAO,kBAAkB,IAAI,CAAA;AACnC,IAAA,OAAO;AAAA,MACL,GAAG,IAAA;AAAA,MACH,SAAS,MAA0B;AACjC,QAAA,MAAM,GAAA,GAAM,KAAK,OAAA,EAAQ;AACzB,QAAA,MAAM,WAAW,OAAA,CAAQ,OAAA;AACzB,QAAA,IAAI,GAAA,IAAO,CAAC,QAAA,EAAU,OAAO,GAAA;AAC7B,QAAA,OAAO;AAAA,UACL,GAAG,aAAA,CAAc;AAAA,YACf,SAAA,EAAW,EAAA;AAAA,YACX,UAAA,EAAY,IAAA;AAAA,YACZ,OAAA,EAAS,SAAS,OAAA,IAAW,IAAA;AAAA,YAC7B,OAAO,QAAA,CAAS,KAAA;AAAA,YAChB,KAAA,EAAO;AAAA,WACR,CAAA;AAAA,UACD,UAAU,QAAA,CAAS;AAAA,SACrB;AAAA,MACF,CAAA;AAAA,MACA,eAAA,EAAiB,CAAC,QAAA,KAAa;AAC7B,QAAA,SAAA,CAAU,OAAA,CAAQ,IAAI,QAAQ,CAAA;AAC9B,QAAA,MAAM,GAAA,GAAM,IAAA,CAAK,eAAA,CAAgB,QAAQ,CAAA;AACzC,QAAA,OAAO,MAAM;AACX,UAAA,SAAA,CAAU,OAAA,CAAQ,OAAO,QAAQ,CAAA;AACjC,UAAA,GAAA,EAAI;AAAA,QACN,CAAA;AAAA,MACF,CAAA;AAAA,MACA,SAAS,OAAO,EAAE,UAAA,EAAW,GAAI,EAAC,KAAM;AACtC,QAAA,IAAI;AACF,UAAA,IAAI,UAAA,EAAY,MAAM,IAAA,CAAK,QAAA,CAAS,SAAA,EAAU;AAAA,QAChD,CAAA,SAAE;AACA,UAAA,SAAA,CAAU,OAAA,EAAQ;AAAA,QACpB;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AACX;AAEO,SAAS,aAAA,GAAiC;AAC/C,EAAA,MAAM,GAAA,GAAM,WAAW,iBAAiB,CAAA;AACxC,EAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,sDAAsD,CAAA;AAChF,EAAA,OAAO,GAAA;AACT;AAEO,IAAM,eAAA,GAAkB,CAAC,CAAA,KAAwB,CAAA,KAAM,UAAU,CAAA,KAAM","file":"chunk-7D4W3SAH.js","sourcesContent":["/**\n * The demo/live connection layer for a host app. Holds auth + workspace\n * selection state and exposes it via {@link useConnection}, so every surface\n * works identically whether it's talking to a live ARBI backend or the seeded\n * demo workspace. Host-specific values (backend URL, demo identity, default\n * workspace/assistant ids) arrive once through {@link ArbiConnectionConfig}.\n */\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react'\nimport {\n  AccountClientProvider,\n  arbiAccountClient,\n  toProfileView,\n  useArbi,\n  type AccountClient,\n  type LoginProfile,\n  type ProfileView,\n} from '@arbidocs/react'\nimport type { ArbiMode, ArbiUser, ConnectionStatus, ArbiConnectionConfig } from './types'\n\ninterface ConnectionValue {\n  mode: ArbiMode\n  status: ConnectionStatus\n  user: ArbiUser | null\n  workspaceId: string | null\n  apiConfigured: boolean\n  apiUrl: string\n  /**\n   * The deployment domain the user's keys are derived for (`arbi.getDeploymentDomain()`), for the\n   * document tools' e-signing. `undefined` in demo mode.\n   */\n  deploymentDomain: string | undefined\n  error: string | null\n  /** Default assistant config ext_id (for the AI hooks). */\n  assistantConfig?: string\n  /** Fallback workspace ext_id when none is actively selected. */\n  fallbackWorkspaceId?: string\n  /** Authenticate. Live login when a backend is configured, otherwise the demo workspace. */\n  login: (email: string, password: string) => Promise<void>\n  /** One-click demo entry (no backend required). */\n  enterDemo: () => void\n  logout: () => void\n  /**\n   * Affirmatively select a workspace: opens it on the server (via the SDK),\n   * updates the app-wide state, and persists the choice so it survives future\n   * logins. This is the single entry point for \"the user is now in workspace X\".\n   */\n  setWorkspace: (id: string) => Promise<void>\n  /**\n   * Re-assert the selected workspace on the server session (idempotent `/open`).\n   * Call before a workspace-scoped write when the session may have lost its open\n   * workspace (token re-login, backend restart, session expiry) — the server\n   * resolves the workspace from the session, so a dropped `/open` yields\n   * \"No active workspace\" until it's re-opened.\n   */\n  ensureWorkspaceOpen: () => Promise<void>\n}\n\nconst ConnectionContext = createContext<ConnectionValue | null>(null)\n\n/**\n * Persist the affirmatively-selected workspace per backend AND per signed-in user, so a returning\n * user lands back in the workspace they last chose, while the next person on a shared browser\n * never starts from someone else's workspace id. Namespaced by apiUrl so distinct deployments\n * (and the demo workspace) don't clobber each other. Cleared on logout.\n */\nconst WORKSPACE_STORAGE_PREFIX = 'arbi:selectedWorkspace'\nconst sessionUserKey = (apiUrl: string) => `arbi:sessionUser:${apiUrl}`\nfunction rememberSessionUser(apiUrl: string, email: string | null) {\n  try {\n    if (email) window.localStorage.setItem(sessionUserKey(apiUrl), normalizeUserKey(email))\n    else window.localStorage.removeItem(sessionUserKey(apiUrl))\n  } catch {\n    /* Storage may be unavailable. */\n  }\n}\nconst normalizeUserKey = (email: string) => email.trim().toLowerCase()\n\n/** Exported for tests. */\nexport const workspaceStorageKey = (apiUrl: string, userKey: string) =>\n  `${WORKSPACE_STORAGE_PREFIX}:${apiUrl || 'demo'}:${normalizeUserKey(userKey)}`\n\n/** The pre-isolation key (apiUrl only). Never read: removed so it cannot leak across users. */\nconst legacyWorkspaceStorageKey = (apiUrl: string) =>\n  `${WORKSPACE_STORAGE_PREFIX}:${apiUrl || 'demo'}`\n\nfunction readPersistedWorkspace(apiUrl: string, userKey: string | null): string | null {\n  if (!userKey) return null\n  try {\n    return window.localStorage.getItem(workspaceStorageKey(apiUrl, userKey))\n  } catch {\n    return null\n  }\n}\n\nfunction persistWorkspace(apiUrl: string, userKey: string | null, id: string | null): void {\n  if (!userKey) return\n  try {\n    if (id) window.localStorage.setItem(workspaceStorageKey(apiUrl, userKey), id)\n    else window.localStorage.removeItem(workspaceStorageKey(apiUrl, userKey))\n    window.localStorage.removeItem(legacyWorkspaceStorageKey(apiUrl))\n  } catch {\n    // Storage unavailable (private mode, SSR) — selection stays in-memory only.\n  }\n}\n\n/** Shown on the sign-in screen after the session could not be recovered. */\nexport const SESSION_EXPIRED_MESSAGE = 'Your session expired. Sign in again.'\n\n/** The connection user for a profile: its full name, falling back to the email local part. */\nfunction userFromProfile(profile: LoginProfile, externalId?: string): ArbiUser {\n  const fullName = [profile.givenName, profile.familyName]\n    .map((part) => part?.trim())\n    .filter(Boolean)\n    .join(' ')\n  return {\n    name: fullName || profile.email.split('@')[0],\n    email: profile.email,\n    externalId,\n    picture: profile.picture,\n  }\n}\n\nexport function ConnectionProvider({\n  config,\n  children,\n}: {\n  config: ArbiConnectionConfig\n  children: ReactNode\n}) {\n  const arbi = useArbi()\n  const isLiveConfigured = config.apiUrl.length > 0\n  const demoWorkspaceId = config.demoWorkspaceId ?? 'demo-workspace'\n\n  const [status, setStatus] = useState<ConnectionStatus>(\n    isLiveConfigured ? 'connecting' : 'disconnected'\n  )\n  const [user, setUser] = useState<ArbiUser | null>(null)\n  const [workspaceId, setWorkspaceIdState] = useState<string | null>(null)\n  // The selected workspace as of now, not as of the last render: a flow that switches workspace\n  // and then re-opens it in the same async chain (a step that creates a matter, then starts its\n  // thread) must not re-open the one it just left.\n  const workspaceIdRef = useRef<string | null>(null)\n  const selectWorkspaceId = useCallback((id: string | null) => {\n    workspaceIdRef.current = id\n    setWorkspaceIdState(id)\n  }, [])\n  const [mode, setMode] = useState<ArbiMode>('demo')\n  const [error, setError] = useState<string | null>(null)\n  // Who the persisted workspace belongs to; set at sign-in, cleared at logout.\n  const storageUserRef = useRef<string | null>(null)\n\n  // The SDK could not recover the session (token refused, workspace not re-openable): drop to\n  // 'disconnected' with a plain message, so the host's gate sends the user to sign in instead of\n  // every call failing with a raw backend error. The remembered workspace is kept for next login.\n  useEffect(\n    () =>\n      arbi.onSessionExpired?.(() => {\n        rememberSessionUser(config.apiUrl, null)\n        storageUserRef.current = null\n        setUser(null)\n        selectWorkspaceId(null)\n        setStatus('disconnected')\n        setError(SESSION_EXPIRED_MESSAGE)\n      }),\n    [arbi, config.apiUrl, selectWorkspaceId]\n  )\n\n  // A saved name, picture or email reaches every surface reading `useConnection().user`.\n  useEffect(\n    () =>\n      arbi.user.onProfileChange?.((profile) =>\n        setUser((current) => (current ? userFromProfile(profile, current.externalId) : current))\n      ),\n    [arbi]\n  )\n\n  const enterDemo = useCallback(() => {\n    setMode('demo')\n    setStatus('demo')\n    setError(null)\n    setUser({ name: config.demoUser.name, email: config.demoUser.email })\n    selectWorkspaceId(demoWorkspaceId)\n  }, [config.demoUser.name, config.demoUser.email, demoWorkspaceId, selectWorkspaceId])\n\n  const login = useCallback(\n    async (email: string, password: string, restoring = false) => {\n      setError(null)\n      // No backend configured → run the seeded demo workspace.\n      if (!isLiveConfigured) {\n        enterDemo()\n        return\n      }\n      setStatus('connecting')\n      setMode('live')\n      try {\n        if (restoring) {\n          if (!(await arbi.restoreSession(email))) {\n            rememberSessionUser(config.apiUrl, null)\n            setStatus('disconnected')\n            return\n          }\n        } else await arbi.login(email, password)\n        storageUserRef.current = normalizeUserKey(email)\n        const workspaces = await arbi.workspaces.list()\n        if (workspaces?.length) {\n          // Prefer the workspace the user last affirmatively selected (persisted),\n          // then the configured workspace (there may be several — e.g. a\n          // marketing/KM workspace), then whichever happens to be first. Ternary\n          // (not `&&`) so an empty value can't leak `\"\"` into `target`.\n          const persisted = readPersistedWorkspace(config.apiUrl, storageUserRef.current)\n          const preferred = persisted ?? config.workspaceId\n          const target =\n            (preferred ? workspaces.find((w) => w.external_id === preferred) : undefined) ??\n            workspaces[0]\n          await arbi.selectWorkspace(target.external_id)\n          selectWorkspaceId(target.external_id)\n          persistWorkspace(config.apiUrl, storageUserRef.current, target.external_id)\n        }\n        // The profile (name + avatar) comes with the login response. A session restored without\n        // a login has none, so fall back to finding ourselves in the workspace roster; the email\n        // local part is only the last resort, never the answer when a profile name exists.\n        let resolved: ArbiUser = { name: email.split('@')[0], email }\n        const me = arbi.user.identity()\n        const profile = arbi.user.profile?.()\n        if (profile) {\n          resolved = userFromProfile(profile, me?.externalId)\n        } else {\n          try {\n            const members = await arbi.workspaces.listUsers()\n            const self = members.find((m) => m.user.external_id === me?.externalId)?.user\n            if (self) {\n              const fullName = [self.given_name, self.family_name].filter(Boolean).join(' ').trim()\n              resolved = {\n                name: fullName || email.split('@')[0],\n                email: self.email || email,\n                externalId: self.external_id,\n                picture: self.picture ?? null,\n              }\n            } else if (me?.externalId) {\n              resolved.externalId = me.externalId\n            }\n          } catch {\n            // Roster not available (e.g. no workspace) — keep the fallback identity.\n          }\n        }\n        setUser(resolved)\n        rememberSessionUser(config.apiUrl, email)\n        setStatus('authenticated')\n      } catch (e) {\n        // Surface the real error — no silent fallback to a fake session.\n        setError(e instanceof Error ? e.message : 'Sign-in failed. Check your credentials.')\n        setStatus('error')\n      }\n    },\n    [arbi, enterDemo, isLiveConfigured, config.workspaceId, config.apiUrl, selectWorkspaceId]\n  )\n\n  // Run once even under StrictMode; passwords and signing keys are never stored here.\n  const recoveryStarted = useRef(false)\n  useEffect(() => {\n    if (recoveryStarted.current || !isLiveConfigured) return\n    recoveryStarted.current = true\n    let email: string | null = null\n    try {\n      email = window.localStorage.getItem(sessionUserKey(config.apiUrl))\n    } catch {\n      /* unavailable */\n    }\n    if (email) void login(email, '', true)\n    else setStatus('disconnected')\n  }, [isLiveConfigured, config.apiUrl, login])\n\n  const logout = useCallback(() => {\n    rememberSessionUser(config.apiUrl, null)\n    if (mode === 'live') {\n      void arbi.logout?.()\n    }\n    setUser(null)\n    selectWorkspaceId(null)\n    persistWorkspace(config.apiUrl, storageUserRef.current, null)\n    storageUserRef.current = null\n    setStatus('disconnected')\n    setError(null)\n  }, [arbi, mode, config.apiUrl, selectWorkspaceId])\n\n  // Affirmative selection: open the workspace on the server (live), then remember\n  // it in state + storage so every surface — and the next login — is in sync.\n  const setWorkspace = useCallback(\n    async (id: string) => {\n      if (mode === 'live' && arbi.isLoggedIn) {\n        await arbi.selectWorkspace(id)\n      }\n      selectWorkspaceId(id)\n      persistWorkspace(config.apiUrl, storageUserRef.current, id)\n    },\n    [arbi, mode, config.apiUrl, selectWorkspaceId]\n  )\n\n  // Re-open the selected workspace on the session if the server may have dropped\n  // it. Idempotent: re-running `/open` for the already-selected workspace is safe.\n  const ensureWorkspaceOpen = useCallback(async () => {\n    if (mode !== 'live' || !arbi.isLoggedIn) return\n    const id =\n      workspaceIdRef.current ??\n      readPersistedWorkspace(config.apiUrl, storageUserRef.current) ??\n      config.workspaceId\n    if (id) await arbi.selectWorkspace(id)\n  }, [arbi, mode, config.apiUrl, config.workspaceId])\n\n  const value = useMemo<ConnectionValue>(\n    () => ({\n      mode,\n      status,\n      user,\n      workspaceId,\n      apiConfigured: isLiveConfigured,\n      apiUrl: config.apiUrl,\n      deploymentDomain: isLiveConfigured ? arbi.getDeploymentDomain() : undefined,\n      error,\n      assistantConfig: config.assistantConfig,\n      fallbackWorkspaceId: config.workspaceId,\n      login,\n      enterDemo,\n      logout,\n      setWorkspace,\n      ensureWorkspaceOpen,\n    }),\n    [\n      mode,\n      status,\n      user,\n      workspaceId,\n      isLiveConfigured,\n      config.apiUrl,\n      arbi,\n      config.assistantConfig,\n      config.workspaceId,\n      error,\n      login,\n      enterDemo,\n      logout,\n      setWorkspace,\n      ensureWorkspaceOpen,\n    ]\n  )\n\n  const account = useConnectionAccount(arbi, user, logout)\n\n  return (\n    <ConnectionContext.Provider value={value}>\n      <AccountClientProvider client={account} enabled={status === 'authenticated'}>\n        {children}\n      </AccountClientProvider>\n    </ConnectionContext.Provider>\n  )\n}\n\n/**\n * The account client of the settings blocks below: the SDK's, with sign-out going through this\n * connection (so its state is cleared too) and, for a session restored without a login (no SDK\n * profile), the connection user as the profile.\n */\nfunction useConnectionAccount(\n  arbi: ReturnType<typeof useArbi>,\n  user: ArbiUser | null,\n  logout: () => void\n): AccountClient {\n  const userRef = useRef(user)\n  const logoutRef = useRef(logout)\n  logoutRef.current = logout\n  const listeners = useRef(new Set<() => void>())\n  useEffect(() => {\n    userRef.current = user\n    listeners.current.forEach((listener) => listener())\n  }, [user])\n  return useMemo(() => {\n    const base = arbiAccountClient(arbi)\n    return {\n      ...base,\n      profile: (): ProfileView | null => {\n        const own = base.profile()\n        const fallback = userRef.current\n        if (own || !fallback) return own\n        return {\n          ...toProfileView({\n            givenName: '',\n            familyName: null,\n            picture: fallback.picture ?? null,\n            email: fallback.email,\n            isSso: false,\n          }),\n          fullName: fallback.name,\n        }\n      },\n      onProfileChange: (listener) => {\n        listeners.current.add(listener)\n        const off = base.onProfileChange(listener)\n        return () => {\n          listeners.current.delete(listener)\n          off()\n        }\n      },\n      signOut: async ({ everywhere } = {}) => {\n        try {\n          if (everywhere) await arbi.sessions.logoutAll()\n        } finally {\n          logoutRef.current()\n        }\n      },\n    }\n  }, [arbi])\n}\n\nexport function useConnection(): ConnectionValue {\n  const ctx = useContext(ConnectionContext)\n  if (!ctx) throw new Error('useConnection must be used within ConnectionProvider')\n  return ctx\n}\n\nexport const isAuthenticated = (s: ConnectionStatus) => s === 'demo' || s === 'authenticated'\n"]}

package/dist/{chunk-2DFDFOM7.js → chunk-7HAM7Y5U.js}

@@ -1,6 +1,6 @@
 "use client";
-import { isTone } from './chunk-AUS3KBHJ.js';
 import { findMentionQuery, filterMentionCandidates, insertMention, useListKeyNav } from './chunk-AA3PT6KR.js';
+import { isTone } from './chunk-AUS3KBHJ.js';
 import { observeResize } from './chunk-NPLYHR2E.js';
 import { Check, Loader2, Hourglass, AlertTriangle, MinusCircle, Table2, Mail, PenLine, ClipboardCheck, Bot, Upload, FileInput, FileText } from 'lucide-react';
 import { cn, Button } from '@arbidocs/react/ui';
@@ -903,5 +903,5 @@ function rootFontSizePx() {
 }
 
 export { DEFAULT_ASSIGNEE_WORDING, DEFAULT_STEP_DOCUMENT_LABELS, DEFAULT_STEP_KIND_LABELS, DEFAULT_STEP_RECORD_LABELS, EMPTY_WORKFLOW_SCOPE, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, STEP_KIND_ICONS, StepBadgeMark, StepChip, StepDocumentButton, StepDocumentCards, StepRecord, WORKFLOW_STEP_KINDS, assigneeName, buildLaunch, canAssign, composeStepPrompt, composeWorkflowPrompt, defaultInputs, dependsOn, eventWaitingDocuments, failedUpstream, fieldToFrontmatter, fillRunText, fillStepInputs, formatDate, initialRunInputs, inputsFromContext, isEmptyWorkflowScope, isPersonAction, isPersonStep, isRunFinished, isSteppedWorkflow, isWorkflowScope, nextAction, orderSteps, promptFieldName, reviewInstructions, rootFontSizePx, runFields, runFieldsOf, runThreadTitle, sendBackTargets, shownValue, skillToWorkflow, splitDocRef, stepConfigProblems, stepDependencies, stepDocuments, stepFields, stepKindOf, stepLevels, stepPhase, stepStatesFromActivity, upstreamSteps, useElementSize, useMentionAutocomplete, validateInputs, validateStep, validateWorkflowGraph, waitingDocuments, waitingForDocumentsText, workflowAccepts, workflowFromFrontmatter, workflowSteps, workflowsAccepting, workflowsForHost };
-//# sourceMappingURL=chunk-2DFDFOM7.js.map
-//# sourceMappingURL=chunk-2DFDFOM7.js.map
+//# sourceMappingURL=chunk-7HAM7Y5U.js.map
+//# sourceMappingURL=chunk-7HAM7Y5U.js.map