@arbidocs/blocks 0.5.106 → 0.5.107

package/dist/chunk-LUO46ELJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/provider/host.ts"],"names":["GenericArbiHost","useHostConfigRecord"],"mappings":";;;;;AAwDO,IAAM,QAAA,GAAmEA;AAGzE,SAAS,OAAA,GAA0B;AACxC,EAAA,OAAOC,yBAAA,EAAoB;AAC7B","file":"chunk-LUO46ELJ.cjs","sourcesContent":["/**\n * The host configuration of `@arbidocs/blocks`: the `@arbidocs/react` domains plus the blocks ones,\n * handed over once:\n *\n *   <ArbiHost config={{ arbi, session, environment: { navigate, notify }, billing, viewer, … }}>\n *     <App />\n *   </ArbiHost>\n *\n * Every field is optional and has a default; each kit reads its domain (`useHost().billing`, or a\n * domain hook such as `useBlocksEnvironment()` that fills in the defaults). A blocks-only site gets\n * `arbi` and its sign-in layer from `defaultHost` (`@arbidocs/blocks/connect`); ARBI-frontend\n * passes its own (src/host/app-host.tsx), and is the reference for a site that looks like it.\n * A field whose value lives in the host's state is a hook (`use…`), so the configuration stays one\n * stable object. There is no other host provider: a new domain is a new optional field here.\n *\n * SDK-free: the provider is `@arbidocs/react/shell`'s, and the domain types are type-only.\n */\n\nimport type { PanelHostSupport } from '../shell/panel-host'\nimport type { ReactElement } from 'react'\nimport { ArbiHost as GenericArbiHost, useHostConfigRecord } from '@arbidocs/react/shell'\nimport type { ArbiHostProps } from '@arbidocs/react/shell'\nimport type { ArbiHostConfig as ArbiReactHostConfig } from '@arbidocs/react'\nimport type { BillingSupport } from '../connection/billing/support'\nimport type { NativeDocxSupport } from '../connection/docx/support'\nimport type { DocumentViewerSupport } from '../connection/viewer/support'\nimport type { DocumentToolsHost } from '../connection/viewer/ConnectedDocumentToolsProvider'\nimport type { ConnectedWorkspaceData } from '../connection/workspaceData'\nimport type { BlocksEnvironment } from './environment'\nimport type { AuthPagesSupport, SsoSupport } from '../connection/auth/support'\nimport type { WorkflowsHost } from '../connection/workflows/support'\n\nexport interface ArbiHostConfig extends ArbiReactHostConfig {\n  /** Panel popup registry and site-specific titles. Absent: shared browser windows, plain titles. */\n  panels?: PanelHostSupport\n  /** Router, notices, dialogs, runtime config and where documents, threads, … open. */\n  environment?: Partial<BlocksEnvironment>\n  /** Selling plans (Stripe). Absent: nothing is for sale; projects show limits and usage only. */\n  billing?: BillingSupport\n  /** The Word editor's host additions. Absent: no Defined term, no Generate image. */\n  docx?: NativeDocxSupport\n  /** The document viewer's host additions. Absent: no drafts, Translate, … */\n  viewer?: DocumentViewerSupport\n  /** The PDF document tools' host binding (its upload, its lists to refresh, Mail). */\n  documentTools?: DocumentToolsHost\n  /** Workspace lists the host already keeps live. Absent: the kits read their own. */\n  workspaceData?: ConnectedWorkspaceData\n  /** The auth pages' look, password rules and sign-in follow-ups. Absent: plain pages. */\n  auth?: AuthPagesSupport\n  /** The single sign-on provider. Absent: no SSO. */\n  sso?: SsoSupport\n  /** The workflows a site offers to start from, in its categories. Absent: none. */\n  workflows?: WorkflowsHost\n}\n\n/** `<ArbiHost config>` with the blocks domains. */\nexport const ArbiHost: (props: ArbiHostProps<ArbiHostConfig>) => ReactElement = GenericArbiHost\n\n/** The host configuration in scope (`{}` outside an `<ArbiHost>`). */\nexport function useHost(): ArbiHostConfig {\n  return useHostConfigRecord() as ArbiHostConfig\n}\n"]}

package/dist/chunk-MHFWGIF4.js

@@ -1,254 +0,0 @@
-"use client";
-import { cn } from '@arbidocs/react/ui';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/tips/registry.ts
-var TIP_MAX_CHARS = 80;
-var TIP_CTA_LABEL_MAX_CHARS = 24;
-function createTipsRegistry(config) {
-  const { tips, everywhere, hiddenLabel = "Hidden (off)" } = config;
-  let content = config.content;
-  const listeners = /* @__PURE__ */ new Set();
-  const effective = (tip) => {
-    const o = content.overrides?.[tip.code];
-    if (!o) return { tip, hidden: false };
-    return {
-      tip: {
-        ...tip,
-        message: o.message ?? tip.message,
-        cta: o.cta === null ? void 0 : o.cta ?? tip.cta,
-        context: o.context ?? tip.context
-      },
-      hidden: o.hidden === true
-    };
-  };
-  const custom = () => content.custom ?? [];
-  const applies = (tipContext, context) => tipContext === context || tipContext === everywhere;
-  const placements = [
-    ...config.placements,
-    { value: "hidden", label: hiddenLabel }
-  ];
-  return {
-    select: (context, state) => {
-      const builtins = tips.map(effective).filter(
-        ({ tip, hidden }) => !hidden && applies(tip.context, context) && (!tip.when || tip.when(state))
-      ).map(({ tip }) => tip);
-      const authored = custom().filter((t) => t.hidden !== true && applies(t.context, context));
-      return [...builtins, ...authored].sort(
-        (a, b) => (b.priority ?? 0) - (a.priority ?? 0)
-      );
-    },
-    editorTips: () => [
-      ...tips.map((t) => {
-        const e = effective(t);
-        return { tip: e.tip, isCustom: false, isHidden: e.hidden };
-      }),
-      ...custom().map((t) => ({ tip: t, isCustom: true, isHidden: t.hidden === true }))
-    ],
-    getContent: () => content,
-    setContent: (next) => {
-      content = next;
-      listeners.forEach((listener) => listener());
-    },
-    subscribe: (listener) => {
-      listeners.add(listener);
-      return () => {
-        listeners.delete(listener);
-      };
-    },
-    everywhere,
-    placements,
-    placementLabel: (p) => placements.find((o) => o.value === p)?.label ?? p
-  };
-}
-function usageMeterState(used, allowance) {
-  if (allowance <= 0) return used > 0 ? "over" : "under";
-  const ratio = used / allowance;
-  return ratio >= 1 ? "over" : ratio >= 0.8 ? "near" : "under";
-}
-var STATE_TONE = {
-  under: "bg-primary",
-  near: "bg-yellow-500",
-  over: "bg-red-500"
-};
-var pctOf = (n, scale) => scale > 0 ? Math.max(0, Math.min(100, n / scale * 100)) : 0;
-var SWATCH = {
-  plan: "bg-muted-foreground/40",
-  topUps: "bg-primary/30",
-  autoRoom: "bg-muted"
-};
-var HATCH = {
-  backgroundImage: "repeating-linear-gradient(135deg, currentColor 0 1.5px, transparent 1.5px 5px)"
-};
-function AllowanceBar({ allowance, label }) {
-  const { used, plan } = allowance;
-  const topUps = Math.max(0, allowance.topUps ?? 0);
-  const room = Math.max(0, allowance.autoRoom ?? 0);
-  const total = plan + topUps;
-  const scale = Math.max(total + room, used, Number.EPSILON);
-  const state = usageMeterState(used, total);
-  const usedPct = total > 0 ? Math.round(used / total * 100) : used > 0 ? 100 : 0;
-  const markPlan = plan > 0 && plan < scale && (topUps > 0 || room > 0);
-  return /* @__PURE__ */ jsxs("div", { className: "relative h-2 overflow-hidden rounded-full bg-muted", "data-slot": "usage-meter-bar", children: [
-    topUps > 0 && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn("absolute inset-y-0", SWATCH.topUps),
-        style: { left: `${pctOf(plan, scale)}%`, width: `${pctOf(topUps, scale)}%` },
-        "data-slot": "usage-meter-topups"
-      }
-    ),
-    room > 0 && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "absolute inset-y-0 text-muted-foreground/35",
-        style: { left: `${pctOf(total, scale)}%`, width: `${pctOf(room, scale)}%`, ...HATCH },
-        "data-slot": "usage-meter-auto-room"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "absolute inset-y-0 left-0 rounded-full transition-[width]",
-          STATE_TONE[state]
-        ),
-        style: { width: `${pctOf(Math.min(used, scale), scale)}%` },
-        role: "progressbar",
-        "aria-valuenow": Math.min(usedPct, 100),
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-label": label,
-        "data-state": state
-      }
-    ),
-    markPlan && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "absolute inset-y-0 w-0.5 -translate-x-1/2 bg-foreground/70",
-        style: { left: `${pctOf(plan, scale)}%` },
-        "aria-hidden": true,
-        "data-slot": "usage-meter-plan-mark"
-      }
-    ),
-    room > 0 && total > 0 && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "absolute inset-y-0 w-px bg-foreground/40",
-        style: { left: `${pctOf(total, scale)}%` },
-        "aria-hidden": true
-      }
-    )
-  ] });
-}
-function UsageMeter({
-  icon: Icon,
-  label,
-  value,
-  pct = 0,
-  hint,
-  allowance,
-  legend,
-  details,
-  actions,
-  className,
-  testId
-}) {
-  const clamped = Math.max(0, Math.min(100, pct));
-  const tone = clamped >= 100 ? "bg-red-500" : clamped >= 50 ? "bg-yellow-500" : "bg-primary";
-  const state = allowance ? usageMeterState(allowance.used, allowance.plan + Math.max(0, allowance.topUps ?? 0)) : void 0;
-  const legendItems = legend ? [
-    ["plan", legend.plan],
-    ["topUps", legend.topUps],
-    ["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 min-w-0 items-center justify-between gap-3 text-sm", children: [
-      /* @__PURE__ */ jsxs(
-        "span",
-        {
-          className: cn(
-            "flex min-w-0 items-center gap-1.5",
-            allowance ? "font-medium text-foreground" : "text-muted-foreground"
-          ),
-          children: [
-            Icon && /* @__PURE__ */ jsx(Icon, { className: "size-3.5 shrink-0" }),
-            /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
-              label,
-              hint ? ` (${hint})` : ""
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "shrink-0 font-medium tabular-nums text-foreground",
-          "data-slot": "usage-meter-value",
-          children: value
-        }
-      )
-    ] }),
-    allowance ? /* @__PURE__ */ jsx(AllowanceBar, { allowance, label }) : /* @__PURE__ */ jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn("h-full rounded-full transition-[width]", tone),
-        style: { width: `${clamped}%` },
-        role: "progressbar",
-        "aria-valuenow": clamped,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-label": label
-      }
-    ) }),
-    legendItems.length > 0 && /* @__PURE__ */ jsx(
-      "ul",
-      {
-        className: "flex flex-wrap gap-x-4 gap-y-1 text-xs tabular-nums text-muted-foreground",
-        "data-slot": "usage-meter-legend",
-        children: legendItems.map(([key, text]) => /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: "flex items-center gap-1.5",
-            "data-slot": `usage-meter-legend-${key}`,
-            children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: cn(
-                    "inline-block size-2 rounded-sm",
-                    SWATCH[key],
-                    key === "autoRoom" && "text-muted-foreground/60"
-                  ),
-                  style: key === "autoRoom" ? HATCH : void 0,
-                  "aria-hidden": true
-                }
-              ),
-              text
-            ]
-          },
-          key
-        ))
-      }
-    ),
-    details && /* @__PURE__ */ jsx("div", { className: "space-y-1 text-xs text-muted-foreground", children: details })
-  ] });
-  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 { TIP_CTA_LABEL_MAX_CHARS, TIP_MAX_CHARS, UsageMeter, createTipsRegistry, usageMeterState };
-//# sourceMappingURL=chunk-MHFWGIF4.js.map
-//# sourceMappingURL=chunk-MHFWGIF4.js.map

package/dist/chunk-MHFWGIF4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tips/registry.ts","../src/components/UsageMeter.tsx"],"names":[],"mappings":"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","file":"chunk-MHFWGIF4.js","sourcesContent":["/**\n * The contextual tips engine: which tips apply where, and the editable layer over them. The tips\n * themselves (their words, pages, situations and actions) are the site's content; a site hands\n * them to {@link createTipsRegistry} once and shows the result in `TipCard` / its tip bar, edits it\n * in `TipsEditorDialog`, and hides tips per user with `useDismissedTips` (`@arbidocs/react`).\n *\n * Each tip has a stable `code`. The editable layer (`TipsContent`) overrides a built-in tip's\n * message, action or page, hides it, or adds tips authored in the editor; swapping it in\n * (`setContent`) updates every subscriber without a reload.\n */\n\n/** Max length of a tip message: the bar is one line, so a tip is one short sentence. */\nexport const TIP_MAX_CHARS = 80\n/** Max length of a tip's action label, so the inline button doesn't dominate. */\nexport const TIP_CTA_LABEL_MAX_CHARS = 24\n\n/**\n * A tip's action: a label and exactly one target. `action` and `sequence` are the site's own ids\n * (what its action registry runs); `href` opens in a new window.\n */\nexport interface TipCta<Action extends string = string, Sequence extends string = string> {\n  label: string\n  action?: Action\n  sequence?: Sequence\n  href?: string\n}\n\nexport interface TipDefinition<Context extends string, State, Cta> {\n  /** Stable id (e.g. a page letter and a number). */\n  code: string\n  context: Context\n  message: string\n  /** Situation predicate; omitted: always applies on its page. */\n  when?: (state: State) => boolean\n  cta?: Cta\n  /** Higher shows first. Default 0. */\n  priority?: number\n  /** Using the action also hides the tip for good (a one-shot offer, now taken). */\n  dismissOnCta?: boolean\n}\n\n/** The editable layer over a built-in tip: omitted fields keep the built-in's; `cta: null` drops it. */\nexport interface TipOverride<Context extends string, Cta> {\n  message?: string\n  cta?: Cta | null\n  context?: Context\n  hidden?: boolean\n}\n\n/** A tip written in the editor: no situation predicate, so it always applies on its page. */\nexport interface CustomTip<Context extends string, Cta> {\n  code: string\n  context: Context\n  message: string\n  cta?: Cta\n  priority?: number\n  hidden?: boolean\n}\n\n/** The whole editable layer (a site keeps it as JSON next to its tips). */\nexport interface TipsContent<Context extends string, Cta> {\n  overrides: Record<string, TipOverride<Context, Cta>>\n  custom: CustomTip<Context, Cta>[]\n}\n\n/** A tip as the editor lists it: its effective form, where it came from and whether it is off. */\nexport interface EditorTip<Context extends string, State, Cta> {\n  tip: TipDefinition<Context, State, Cta>\n  isCustom: boolean\n  isHidden: boolean\n}\n\nexport interface TipsRegistryConfig<Context extends string, State, Cta> {\n  tips: readonly TipDefinition<Context, State, Cta>[]\n  /** The committed editable layer. */\n  content: TipsContent<Context, Cta>\n  /** The page whose tips show on every page. */\n  everywhere: Context\n  /** Where a tip can be placed, with the editor's labels (\"All pages\" first, say). */\n  placements: readonly { value: Context; label: string }[]\n  /** The editor's label for \"off\". Default \"Hidden (off)\". */\n  hiddenLabel?: string\n}\n\nexport type TipPlacement<Context extends string> = Context | 'hidden'\n\nexport interface TipsRegistry<Context extends string, State, Cta> {\n  /** Tips for a page whose situation matches, highest priority first (plus every-page tips). */\n  select: (context: Context, state: State) => TipDefinition<Context, State, Cta>[]\n  /** Every tip for the editor, across pages, hidden ones included. */\n  editorTips: () => EditorTip<Context, State, Cta>[]\n  /** The live editable layer. */\n  getContent: () => TipsContent<Context, Cta>\n  /** Swap the editable layer and notify subscribers (no reload). */\n  setContent: (next: TipsContent<Context, Cta>) => void\n  /** Follow changes to the editable layer; returns the unsubscribe. */\n  subscribe: (listener: () => void) => () => void\n  /** The page whose tips show on every page (where a new tip starts in the editor). */\n  everywhere: Context\n  /** The editor's placement choices: each page, then \"off\". */\n  placements: readonly { value: TipPlacement<Context>; label: string }[]\n  placementLabel: (placement: TipPlacement<Context>) => string\n}\n\nexport function createTipsRegistry<Context extends string, State, Cta>(\n  config: TipsRegistryConfig<Context, State, Cta>\n): TipsRegistry<Context, State, Cta> {\n  const { tips, everywhere, hiddenLabel = 'Hidden (off)' } = config\n  let content = config.content\n  const listeners = new Set<() => void>()\n  type Tip = TipDefinition<Context, State, Cta>\n\n  const effective = (tip: Tip): { tip: Tip; hidden: boolean } => {\n    const o = content.overrides?.[tip.code]\n    if (!o) return { tip, hidden: false }\n    return {\n      tip: {\n        ...tip,\n        message: o.message ?? tip.message,\n        cta: o.cta === null ? undefined : (o.cta ?? tip.cta),\n        context: o.context ?? tip.context,\n      },\n      hidden: o.hidden === true,\n    }\n  }\n  const custom = () => content.custom ?? []\n  const applies = (tipContext: Context, context: Context) =>\n    tipContext === context || tipContext === everywhere\n  const placements: { value: TipPlacement<Context>; label: string }[] = [\n    ...config.placements,\n    { value: 'hidden', label: hiddenLabel },\n  ]\n\n  return {\n    select: (context, state) => {\n      const builtins = tips\n        .map(effective)\n        .filter(\n          ({ tip, hidden }) =>\n            !hidden && applies(tip.context, context) && (!tip.when || tip.when(state))\n        )\n        .map(({ tip }) => tip)\n      const authored = custom().filter((t) => t.hidden !== true && applies(t.context, context))\n      return [...builtins, ...(authored as Tip[])].sort(\n        (a, b) => (b.priority ?? 0) - (a.priority ?? 0)\n      )\n    },\n    editorTips: () => [\n      ...tips.map((t) => {\n        const e = effective(t)\n        return { tip: e.tip, isCustom: false, isHidden: e.hidden }\n      }),\n      ...custom().map((t) => ({ tip: t as Tip, isCustom: true, isHidden: t.hidden === true })),\n    ],\n    getContent: () => content,\n    setContent: (next) => {\n      content = next\n      listeners.forEach((listener) => listener())\n    },\n    subscribe: (listener) => {\n      listeners.add(listener)\n      return () => {\n        listeners.delete(listener)\n      }\n    },\n    everywhere,\n    placements,\n    placementLabel: (p) => placements.find((o) => o.value === p)?.label ?? p,\n  }\n}\n","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-O4X7HXLF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/shell/AccountBanners.tsx","../src/shell/use-install-prompt.ts","../src/shell/InstallPrompt.tsx","../src/shell/RemoteControlPill.tsx","../src/shell/SplitLayout.tsx"],"names":["canPersistSession","jsx","Banner","useState","useEffect","useCallback","isIosDevice","getInstallInstructions","jsxs","testIdOr","cn","Download","X","MousePointerClick"],"mappings":"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","file":"chunk-O4X7HXLF.cjs","sourcesContent":["import { canPersistSession } from '@arbidocs/client'\nimport { Banner } from '../components/Banner'\n\nexport const DEFAULT_INSECURE_SESSION_BANNER_TEXT =\n  'This connection is not secure (no HTTPS), so your session is kept in memory only and you will be signed out when you reload. Use https:// or localhost for a persistent, encrypted session.'\n\nexport interface InsecureSessionBannerProps {\n  text?: string\n  className?: string\n}\n\n/**\n * Shown whenever the browser has no Web Crypto (a plain-HTTP origin other than localhost,\n * Tracking Prevention, some embedded webviews). Encryption at rest needs a non-extractable key,\n * so the session is held in memory only: everything works, but a reload signs the user out. Said\n * out loud rather than silently degrading. Renders nothing in a secure context.\n */\nexport function InsecureSessionBanner({\n  text = DEFAULT_INSECURE_SESSION_BANNER_TEXT,\n  className,\n}: InsecureSessionBannerProps) {\n  if (canPersistSession()) return null\n  return (\n    <Banner\n      variant=\"alert\"\n      tone=\"warning\"\n      text={text}\n      className={className}\n      testId=\"insecure-context-banner\"\n    />\n  )\n}\n\nexport const DEFAULT_ACCOUNT_DELETION_BANNER_TEXT = (date: string) =>\n  `Account deletion requested on ${date}. Your account and all data will be permanently deleted shortly.`\n\nexport interface AccountDeletionBannerProps {\n  /** When the user asked for the deletion (ISO timestamp, the user setting `deletion_requested_at`). */\n  requestedAt: string\n  /** The notice, given the formatted request date. */\n  text?: (date: string) => string\n  className?: string\n}\n\n/** The account is due for deletion: a standing notice until it goes. */\nexport function AccountDeletionBanner({\n  requestedAt,\n  text = DEFAULT_ACCOUNT_DELETION_BANNER_TEXT,\n  className,\n}: AccountDeletionBannerProps) {\n  const date = new Date(requestedAt).toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n  })\n  return (\n    <Banner\n      variant=\"alert\"\n      tone=\"destructive\"\n      text={text(date)}\n      className={className}\n      testId=\"account-deletion-banner\"\n    />\n  )\n}\n","import { useCallback, useEffect, useState } from 'react'\nimport { getInstallInstructions, isIosDevice, type InstallGuide } from './install-instructions'\n\n/** Non-standard Chromium event, not in lib.dom types. */\ninterface BeforeInstallPromptEvent extends Event {\n  readonly platforms: string[]\n  readonly userChoice: Promise<{ outcome: 'accepted' | 'dismissed'; platform: string }>\n  prompt(): Promise<void>\n}\n\nlet deferredPrompt: BeforeInstallPromptEvent | null = null\nlet installed = false\nlet initialized = false\nlet autoPromptParam: string | null = null\n\nconst subscribers = new Set<() => void>()\nconst notify = () => subscribers.forEach((fn) => fn())\n\nfunction isStandalone(): boolean {\n  if (typeof window === 'undefined') return false\n  const iosStandalone = (navigator as Navigator & { standalone?: boolean }).standalone === true\n  return window.matchMedia?.('(display-mode: standalone)').matches === true || iosStandalone\n}\n\nfunction wantsAutoPrompt(): boolean {\n  if (!autoPromptParam) return false\n  return new URLSearchParams(window.location.search).get(autoPromptParam) === 'true'\n}\n\nfunction onBeforeInstallPrompt(event: Event): void {\n  event.preventDefault()\n  deferredPrompt = event as BeforeInstallPromptEvent\n  notify()\n  if (wantsAutoPrompt()) void promptAppInstall()\n}\n\nfunction onAppInstalled(): void {\n  installed = true\n  deferredPrompt = null\n  notify()\n}\n\n/**\n * Begin capturing install events. Idempotent. Chromium fires `beforeinstallprompt` once, early,\n * usually before a lazy route has mounted, so call this at app startup (before the first render);\n * `useInstallPrompt` also calls it, which is enough when the hook mounts at the root.\n *\n * `options.autoPromptParam`: a share link `/?{param}=true` opens the native dialog as soon as the\n * browser is ready (Chromium).\n */\nexport function initInstallPrompt(options: { autoPromptParam?: string } = {}): void {\n  if (options.autoPromptParam) autoPromptParam = options.autoPromptParam\n  if (initialized || typeof window === 'undefined') return\n  initialized = true\n  installed = isStandalone()\n\n  window.addEventListener('beforeinstallprompt', onBeforeInstallPrompt)\n  window.addEventListener('appinstalled', onAppInstalled)\n}\n\n/**\n * Open the browser's install dialog if one was captured. Returns false when there is none (the\n * caller then shows {@link getInstallInstructions}). A captured prompt works once.\n */\nexport async function promptAppInstall(): Promise<boolean> {\n  if (!deferredPrompt) return false\n  const prompt = deferredPrompt\n  deferredPrompt = null\n  notify()\n  try {\n    await prompt.prompt()\n  } catch {\n    // The user dismissed it or the browser rejected it: nothing actionable.\n  }\n  return true\n}\n\n/** Default storage key of the remembered dismissal. */\nexport const INSTALL_PROMPT_DISMISSED_KEY = 'arbi-blocks:install-prompt-dismissed'\nconst DAY_MS = 24 * 60 * 60 * 1000\n\nfunction readDismissedAt(key: string): number | null {\n  try {\n    const raw = window.localStorage.getItem(key)\n    const at = raw ? Number(raw) : NaN\n    return Number.isFinite(at) ? at : null\n  } catch {\n    return null\n  }\n}\n\nexport interface UseInstallPromptOptions {\n  /** localStorage key remembering a dismissal. */\n  storageKey?: string\n  /** Days a dismissal is remembered. Default 30. */\n  dismissDays?: number\n  /** Query param that turns a share link into a one-click install (`install` for `?install=true`). */\n  autoPromptParam?: string\n  /** App name used in the manual instructions. */\n  appName?: string\n}\n\nexport interface UseInstallPromptResult {\n  /** A native install dialog can be opened right now (Chromium, once the event fired). */\n  canPrompt: boolean\n  /** Running as an installed app, or `appinstalled` fired. */\n  isInstalled: boolean\n  /** iOS has no install API: offer manual instructions instead. */\n  isIos: boolean\n  /** The user dismissed the offer (remembered across visits). */\n  isDismissed: boolean\n  /** Open the native dialog; false when none is available. */\n  promptInstall: () => Promise<boolean>\n  /** Hide the offer and remember it. */\n  dismiss: () => void\n  /** Manual steps for this browser. */\n  instructions: InstallGuide\n}\n\n/** The install state of the app, framework-neutral logic behind `InstallPrompt`. */\nexport function useInstallPrompt({\n  storageKey = INSTALL_PROMPT_DISMISSED_KEY,\n  dismissDays = 30,\n  autoPromptParam: autoParam,\n  appName,\n}: UseInstallPromptOptions = {}): UseInstallPromptResult {\n  const [, forceRender] = useState(0)\n  const [dismissedAt, setDismissedAt] = useState<number | null>(() =>\n    typeof window === 'undefined' ? null : readDismissedAt(storageKey)\n  )\n\n  useEffect(() => {\n    initInstallPrompt({ autoPromptParam: autoParam })\n    const onChange = () => forceRender((n) => n + 1)\n    subscribers.add(onChange)\n    // The singleton may have started before this mount: pick up the current state.\n    onChange()\n    return () => {\n      subscribers.delete(onChange)\n    }\n  }, [autoParam])\n\n  const dismiss = useCallback(() => {\n    const now = Date.now()\n    setDismissedAt(now)\n    try {\n      window.localStorage.setItem(storageKey, String(now))\n    } catch {\n      // Storage blocked: the dismissal lasts for this page view only.\n    }\n  }, [storageKey])\n\n  const isDismissed = dismissedAt !== null && Date.now() - dismissedAt < dismissDays * DAY_MS\n  const isInstalled = installed || isStandalone()\n  return {\n    canPrompt: !isInstalled && deferredPrompt !== null,\n    isInstalled,\n    isIos: isIosDevice(),\n    isDismissed,\n    promptInstall: promptAppInstall,\n    dismiss,\n    instructions: getInstallInstructions({ appName }),\n  }\n}\n\n/** Test seam: forget captured state (the singleton lives for the page). */\nexport function resetInstallPromptForTests(): void {\n  if (typeof window !== 'undefined') {\n    window.removeEventListener('beforeinstallprompt', onBeforeInstallPrompt)\n    window.removeEventListener('appinstalled', onAppInstalled)\n  }\n  deferredPrompt = null\n  installed = false\n  initialized = false\n  autoPromptParam = null\n  subscribers.clear()\n}\n","import { useState } from 'react'\nimport { Download, X } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport { useInstallPrompt, type UseInstallPromptOptions } from './use-install-prompt'\n\n/** Fixed strings of the install prompt. */\nexport interface InstallPromptLabels {\n  /** The pill's text. */\n  install: string\n  /** The dismiss button's accessible name. */\n  dismiss: string\n  /** Accessible name of the pill (`{app}` is replaced by `appName`). */\n  installAs: string\n}\n\nexport const DEFAULT_INSTALL_PROMPT_LABELS: InstallPromptLabels = {\n  install: 'Install app',\n  dismiss: 'Dismiss install prompt',\n  installAs: 'Install {app} as an app',\n}\n\nexport interface InstallPromptProps extends UseInstallPromptOptions {\n  labels?: Partial<InstallPromptLabels>\n  className?: string\n  'data-testid'?: string\n}\n\n/**\n * A small floating \"Install app\" pill. Renders only while the app can be installed (the browser\n * fired `beforeinstallprompt`, or on iOS where it shows the Add to Home Screen steps), is not\n * already installed, and was not dismissed (the dismissal is remembered for `dismissDays`).\n *\n * It sits above whatever is pinned to the bottom of the screen: it reads `--shell-bottom-inset`\n * (set by `MobileTabBar` and the chat composer, see `useShellBottomInset`) plus the device\n * safe area, so it never covers the tab bar or the composer. It sits in the bottom start corner\n * (clear of a bottom-right toaster) and clears a docked `Sidebar` (`--shell-start-inset`). Both\n * controls are 44px tall on a phone.\n */\nexport function InstallPrompt({\n  labels,\n  className,\n  'data-testid': testId,\n  ...options\n}: InstallPromptProps) {\n  const l = { ...DEFAULT_INSTALL_PROMPT_LABELS, ...labels }\n  const install = useInstallPrompt(options)\n  const [showSteps, setShowSteps] = useState(false)\n\n  const isOffer = install.canPrompt || install.isIos\n  if (install.isInstalled || install.isDismissed || !isOffer) return null\n\n  const appName = options.appName ?? 'this app'\n  const onInstall = async () => {\n    if (install.canPrompt) await install.promptInstall()\n    else setShowSteps((open) => !open)\n  }\n\n  return (\n    <div\n      data-slot=\"install-prompt\"\n      data-testid={testIdOr(testId, { testId: 'install-app-prompt' })}\n      className={cn(\n        'fixed z-30 flex max-w-[calc(100vw-1.5rem)] flex-col gap-2',\n        // Above the bottom bars (tab bar / composer) and the home indicator on a phone, a plain\n        // corner offset from `sm` up where the tab bar is gone.\n        'bottom-[calc(max(var(--shell-bottom-inset,0px),env(safe-area-inset-bottom,0px))+0.75rem)] sm:bottom-[calc(env(safe-area-inset-bottom,0px)+0.75rem)]',\n        // From `sm` up, clear of a docked sidebar (its footer holds the account menu).\n        'left-3 items-start sm:left-[calc(var(--shell-start-inset,0px)+0.75rem)]',\n        className\n      )}\n    >\n      {showSteps && (\n        <div\n          data-slot=\"install-prompt-steps\"\n          className=\"w-72 max-w-full rounded-lg border border-border bg-card p-3 text-sm text-card-foreground shadow-lg\"\n        >\n          <p className=\"font-medium\">{install.instructions.heading}</p>\n          <ol className=\"mt-2 list-decimal space-y-1 pl-5 text-muted-foreground\">\n            {install.instructions.steps.map((step) => (\n              <li key={step}>{step}</li>\n            ))}\n          </ol>\n        </div>\n      )}\n      <div className=\"inline-flex items-center rounded-full border border-border bg-card/95 text-foreground shadow-sm backdrop-blur\">\n        <button\n          type=\"button\"\n          onClick={() => void onInstall()}\n          aria-label={l.installAs.replace('{app}', appName)}\n          aria-expanded={install.canPrompt ? undefined : showSteps}\n          data-slot=\"install-prompt-action\"\n          className=\"inline-flex min-h-11 items-center gap-1.5 rounded-full pl-4 pr-2 text-xs font-medium transition-colors hover:bg-accent sm:min-h-9 sm:pl-3\"\n        >\n          <Download className=\"size-3.5\" aria-hidden=\"true\" />\n          {l.install}\n        </button>\n        <button\n          type=\"button\"\n          onClick={install.dismiss}\n          aria-label={l.dismiss}\n          data-slot=\"install-prompt-dismiss\"\n          className=\"inline-flex size-11 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-accent hover:text-foreground sm:size-9\"\n        >\n          <X className=\"size-3.5\" aria-hidden=\"true\" />\n        </button>\n      </div>\n    </div>\n  )\n}\n","import { MousePointerClick, X } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** Fixed strings of the remote-control pill. */\nexport interface RemoteControlPillLabels {\n  /** The disable button (the `disableLabel` prop wins). */\n  turnOffRemoteControl: string\n}\n\nexport const DEFAULT_REMOTE_CONTROL_PILL_LABELS: RemoteControlPillLabels = {\n  turnOffRemoteControl: 'Turn off remote control',\n}\n\nexport interface RemoteControlPillProps {\n  /** A run is actively driving the screen (tinted + pulsing). */\n  isActive: boolean\n  label: string\n  onDisable: () => void\n  disableLabel?: string\n  labels?: Partial<RemoteControlPillLabels>\n  /** Root id (default `remote-control-indicator`). */\n  'data-testid'?: string\n  /** Disable button id (default `remote-control-indicator-disable`). */\n  disableTestId?: string\n}\n\n/**\n * Persistent, unobtrusive status pill shown while remote control is on or a run is executing,\n * with a one-click disable. The app decides when to mount it.\n */\nexport function RemoteControlPill({\n  isActive,\n  label,\n  onDisable,\n  disableLabel: disableLabelProp,\n  labels,\n  'data-testid': testId,\n  disableTestId,\n}: RemoteControlPillProps) {\n  const disableLabel =\n    disableLabelProp ??\n    labels?.turnOffRemoteControl ??\n    DEFAULT_REMOTE_CONTROL_PILL_LABELS.turnOffRemoteControl\n  return (\n    <div\n      data-slot=\"remote-control-pill\"\n      data-testid={testIdOr(testId, { testId: 'remote-control-indicator' })}\n      className={cn(\n        'flex min-w-0 max-w-full items-center gap-1.5 rounded-full py-1 pl-2.5 pr-1 text-xs font-medium',\n        isActive ? 'bg-accent text-accent-foreground' : 'bg-muted text-muted-foreground'\n      )}\n    >\n      <MousePointerClick className={cn('size-3.5 shrink-0', isActive && 'animate-pulse')} />\n      <span className=\"min-w-0 max-w-[16rem] truncate\">{label}</span>\n      <button\n        type=\"button\"\n        onClick={onDisable}\n        title={disableLabel}\n        aria-label={disableLabel}\n        data-testid={testIdOr(disableTestId, { testId: 'remote-control-indicator-disable' })}\n        className=\"flex size-5 shrink-0 items-center justify-center rounded-full transition-colors hover:bg-foreground/10 hover:text-foreground pointer-coarse:size-8\"\n      >\n        <X className=\"size-3.5\" />\n      </button>\n    </div>\n  )\n}\n","import type { ReactNode } from 'react'\nimport { cn } from '@arbidocs/react/ui'\n\nexport interface SplitLayoutProps {\n  /** The main pane (the detail, the form, the transcript): takes the remaining width. */\n  primary: ReactNode\n  /**\n   * The side pane (the picker, the launcher): 20rem wide at the start once side by side, on top\n   * when stacked.\n   */\n  secondary: ReactNode\n  className?: string\n  primaryClassName?: string\n  secondaryClassName?: string\n  testId?: string\n}\n\n/**\n * Two panes (list and detail, form and preview) that stack by the width of their CONTAINER,\n * not the viewport: side by side from 48rem of container width, stacked below. Inside\n * `Shell.Content` / `PageContainer` (both are containers) an open dock or a narrow window\n * therefore stacks the panes instead of squeezing the main one to a sliver. Every pane has\n * `min-w-0`, so long words and wide tables shrink instead of stretching the grid.\n */\nexport function SplitLayout({\n  primary,\n  secondary,\n  className,\n  primaryClassName,\n  secondaryClassName,\n  testId = 'split-layout',\n}: SplitLayoutProps) {\n  return (\n    <div\n      data-slot=\"split-layout\"\n      data-testid={testId}\n      className={cn('flex flex-col gap-6 @3xl:flex-row @3xl:items-start', className)}\n    >\n      <div\n        data-slot=\"split-secondary\"\n        className={cn('min-w-0 @3xl:w-80 @3xl:shrink-0', secondaryClassName)}\n      >\n        {secondary}\n      </div>\n      <div data-slot=\"split-primary\" className={cn('min-w-0 @3xl:flex-1', primaryClassName)}>\n        {primary}\n      </div>\n    </div>\n  )\n}\n"]}