@arbidocs/blocks 0.5.106 → 0.5.107

package/dist/chunk-73FJ6L6I.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/dashboards/chartModel.ts"],"names":[],"mappings":"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","file":"chunk-73FJ6L6I.cjs","sourcesContent":["/**\n * The renderer adapter's first half: a `ChartSpec` and its aggregated `Dataset` (long form: a row\n * per group and series) become a `ChartModel`, the categories and series a drawing component plots.\n * Nothing here knows the drawing library, so it can change without touching specs or sources.\n */\nimport type {\n  AGGREGATE_FIELDS,\n  ChartSpec,\n  Dataset,\n  DatasetField,\n  DatasetValue,\n  TimeBucket,\n} from '@arbidocs/react'\n\n/** The aggregated dataset's field ids (`@arbidocs/react`'s `AGGREGATE_FIELDS`, checked). */\nconst F = {\n  group: 'group',\n  key: 'key',\n  series: 'series',\n  value: 'value',\n} as const satisfies typeof AGGREGATE_FIELDS\n\n/** The drawing types (a metric and a table are not drawn). */\nexport type DrawnChartType = 'bar' | 'line' | 'area' | 'pie' | 'donut'\n\nexport interface ChartModelSeries {\n  id: string\n  label: string\n  /** One per category; `null` where the group has no value. */\n  values: (number | null)[]\n  /** The series' colour as a CSS value (a theme token). */\n  color: string\n}\n\n/** What a chart plots, library-free. */\nexport interface ChartModel {\n  type: DrawnChartType\n  stacked: boolean\n  /** Category labels, in order (x axis, or pie slices). */\n  categories: string[]\n  series: ChartModelSeries[]\n  /** The x axis's name (the grouped field). */\n  xLabel: string\n  /** The value's name (\"count\", \"sum of Fee\"). */\n  valueLabel: string\n  /** Formats a value for ticks, the tooltip and the table. */\n  format: (value: number) => string\n  /** Short form of `format` for axis ticks. */\n  formatTick: (value: number) => string\n}\n\n/** Formats by unit (`gbp`, `bytes`, `tokens`, …); a host passes its own (the SDK's £ formatter). */\nexport type UnitFormatters = Readonly<Record<string, (value: number) => string>>\n\n/** The theme's series colours, then a muted \"Other\". */\nexport const SERIES_COLORS = [1, 2, 3, 4, 5].map((i) => `hsl(var(--chart-${i}))`)\nexport const OTHER_COLOR = 'hsl(var(--muted-foreground))'\n\nconst MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']\n\n/** A date bucket key as people read it: \"12 Jun 2026\", \"W24 2026\", \"Jun 2026\", \"Q2 2026\", \"2026\". */\nexport function formatBucketLabel(key: string, bucket: TimeBucket = 'month'): string {\n  let m: RegExpMatchArray | null\n  if (bucket === 'day' && (m = key.match(/^(\\d{4})-(\\d{2})-(\\d{2})$/)))\n    return `${Number(m[3])} ${MONTHS[Number(m[2]) - 1]} ${m[1]}`\n  if (bucket === 'week' && (m = key.match(/^(\\d{4})-W(\\d{2})$/))) return `W${Number(m[2])} ${m[1]}`\n  if (bucket === 'month' && (m = key.match(/^(\\d{4})-(\\d{2})$/)))\n    return `${MONTHS[Number(m[2]) - 1]} ${m[1]}`\n  if (bucket === 'quarter' && (m = key.match(/^(\\d{4})-Q(\\d)$/))) return `Q${m[2]} ${m[1]}`\n  return key\n}\n\nconst compact = new Intl.NumberFormat('en-GB', { notation: 'compact', maximumFractionDigits: 1 })\nconst plain = new Intl.NumberFormat('en-GB', { maximumFractionDigits: 2 })\n\n/** The default formatters: £ with pence, bytes in KB/MB/GB, tokens compact. */\nexport const DEFAULT_UNIT_FORMATTERS: UnitFormatters = {\n  gbp: (v) =>\n    `${v < 0 ? '-' : ''}£${Math.abs(v).toLocaleString('en-GB', {\n      minimumFractionDigits: Number.isInteger(v) ? 0 : 2,\n      maximumFractionDigits: 2,\n    })}`,\n  bytes: (v) =>\n    v < 1024\n      ? `${v} B`\n      : v < 1024 ** 2\n        ? `${(v / 1024).toFixed(1)} KB`\n        : v < 1024 ** 3\n          ? `${(v / 1024 ** 2).toFixed(1)} MB`\n          : `${(v / 1024 ** 3).toFixed(1)} GB`,\n  tokens: (v) => compact.format(v),\n}\n\n/** The formatter of a value field: by its unit, a suffix for any other unit, else a number. */\nexport function formatterOf(\n  field: Pick<DatasetField, 'unit'> | undefined,\n  formatters: UnitFormatters = DEFAULT_UNIT_FORMATTERS\n): (value: number) => string {\n  const unit = field?.unit\n  if (!unit) return (v) => plain.format(v)\n  const known = formatters[unit] ?? DEFAULT_UNIT_FORMATTERS[unit]\n  return known ?? ((v) => `${plain.format(v)} ${unit}`)\n}\n\n/** The most series (or pie slices) drawn in their own colour; the rest fold into \"Other\". */\nexport const MAX_COLORED = SERIES_COLORS.length\n\nconst additive = (spec: ChartSpec) =>\n  (spec.aggregate ?? 'count') === 'count' || spec.aggregate === 'sum'\n\nconst num = (v: DatasetValue | undefined) => (typeof v === 'number' ? v : null)\n\nexport interface ChartModelOptions {\n  /** The source's fields, for the x axis's name. */\n  fields?: readonly DatasetField[]\n  formatters?: UnitFormatters\n  /** The words for the folded series and slices. Default \"Other\". */\n  otherLabel?: string\n}\n\n/**\n * Turn an aggregated dataset into what a chart plots. Series (and pie slices) beyond the theme's\n * colours fold into \"Other\" when the values add up (count, sum); otherwise the smallest are left out.\n */\nexport function chartModelOf(\n  spec: ChartSpec & { type: DrawnChartType },\n  dataset: Dataset,\n  options: ChartModelOptions = {}\n): ChartModel {\n  const other = options.otherLabel ?? 'Other'\n  const valueField = dataset.fields.find((f) => f.id === F.value)\n  const xField = options.fields?.find((f) => f.id === spec.x)\n  const isDate = xField?.type === 'date'\n  const keys: string[] = []\n  const labels = new Map<string, string>()\n  const seriesIds: string[] = []\n  const cells = new Map<string, number | null>()\n  for (const row of dataset.rows) {\n    const key = String(row[F.key] ?? row[F.group] ?? '')\n    if (!labels.has(key)) {\n      keys.push(key)\n      const label = String(row[F.group] ?? key)\n      labels.set(key, isDate && key ? formatBucketLabel(key, spec.bucket) : label)\n    }\n    const s = row[F.series] === undefined ? '' : String(row[F.series])\n    if (!seriesIds.includes(s)) seriesIds.push(s)\n    cells.set(`${key}\\u0000${s}`, num(row[F.value]))\n  }\n  const valueLabel = valueField?.label ?? 'value'\n  let series = seriesIds.map((s) => ({\n    id: s || F.value,\n    label: s || valueLabel,\n    values: keys.map((k) => cells.get(`${k}\\u0000${s}`) ?? null),\n  }))\n  let categories = keys.map((k) => labels.get(k) ?? k)\n  const sum = (values: (number | null)[]) => values.reduce<number>((a, v) => a + (v ?? 0), 0)\n\n  if (spec.type === 'pie' || spec.type === 'donut') {\n    const values = series[0]?.values ?? []\n    if (categories.length > MAX_COLORED) {\n      const order = values.map((_, i) => i).sort((a, b) => (values[b] ?? 0) - (values[a] ?? 0))\n      const kept = order.slice(0, MAX_COLORED - 1)\n      const rest = order.slice(MAX_COLORED - 1)\n      categories = [...kept.map((i) => categories[i]), ...(additive(spec) ? [other] : [])]\n      const keptValues = kept.map((i) => values[i])\n      series = [\n        {\n          ...series[0],\n          values: additive(spec) ? [...keptValues, sum(rest.map((i) => values[i]))] : keptValues,\n        },\n      ]\n    }\n  } else if (series.length > MAX_COLORED) {\n    const order = [...series].sort((a, b) => sum(b.values) - sum(a.values))\n    const kept = order.slice(0, MAX_COLORED - 1)\n    const rest = order.slice(MAX_COLORED - 1)\n    series = [\n      ...series.filter((s) => kept.includes(s)),\n      ...(additive(spec)\n        ? [\n            {\n              id: '__other',\n              label: other,\n              values: keys.map((_, i) =>\n                rest.some((s) => s.values[i] !== null) ? sum(rest.map((s) => s.values[i])) : null\n              ),\n            },\n          ]\n        : []),\n    ]\n  }\n\n  const format = formatterOf(valueField, options.formatters)\n  return {\n    type: spec.type,\n    stacked: Boolean(spec.stacked) && (spec.type === 'bar' || spec.type === 'area'),\n    categories,\n    series: series.map((s, i) => ({\n      ...s,\n      color: s.id === '__other' ? OTHER_COLOR : SERIES_COLORS[i % SERIES_COLORS.length],\n    })),\n    xLabel: xField?.label ?? '',\n    valueLabel,\n    format,\n    formatTick:\n      valueField?.unit === 'gbp' || valueField?.unit === 'bytes'\n        ? format\n        : (v) => compact.format(v),\n  }\n}\n\n/** The pie slice colours (one per category; \"Other\" muted). */\nexport function sliceColors(model: Pick<ChartModel, 'categories'>, otherLabel = 'Other') {\n  return model.categories.map((c, i) =>\n    c === otherLabel && i === model.categories.length - 1 && i >= MAX_COLORED - 1\n      ? OTHER_COLOR\n      : SERIES_COLORS[i % SERIES_COLORS.length]\n  )\n}\n\n/** The single value of a metric (an aggregated dataset with one group), or null. */\nexport function metricValueOf(dataset: Dataset | undefined): number | null {\n  if (!dataset?.rows.length) return null\n  return dataset.rows.reduce<number | null>((total, row) => {\n    const v = num(row[F.value])\n    return v === null ? total : (total ?? 0) + v\n  }, null)\n}\n"]}

package/dist/chunk-BH4MK2J5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/provider/host.ts"],"names":["GenericArbiHost"],"mappings":";;;AAwDO,IAAM,QAAA,GAAmEA;AAGzE,SAAS,OAAA,GAA0B;AACxC,EAAA,OAAO,mBAAA,EAAoB;AAC7B","file":"chunk-BH4MK2J5.js","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-C4TGESIB.cjs

@@ -1,260 +0,0 @@
-"use client";
-'use strict';
-
-var ui = require('@arbidocs/react/ui');
-var jsxRuntime = require('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__ */ jsxRuntime.jsxs("div", { className: "relative h-2 overflow-hidden rounded-full bg-muted", "data-slot": "usage-meter-bar", children: [
-    topUps > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: ui.cn("absolute inset-y-0", SWATCH.topUps),
-        style: { left: `${pctOf(plan, scale)}%`, width: `${pctOf(topUps, scale)}%` },
-        "data-slot": "usage-meter-topups"
-      }
-    ),
-    room > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center justify-between gap-3 text-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "span",
-        {
-          className: ui.cn(
-            "flex min-w-0 items-center gap-1.5",
-            allowance ? "font-medium text-foreground" : "text-muted-foreground"
-          ),
-          children: [
-            Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3.5 shrink-0" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate", children: [
-              label,
-              hint ? ` (${hint})` : ""
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: "shrink-0 font-medium tabular-nums text-foreground",
-          "data-slot": "usage-meter-value",
-          children: value
-        }
-      )
-    ] }),
-    allowance ? /* @__PURE__ */ jsxRuntime.jsx(AllowanceBar, { allowance, label }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-          "li",
-          {
-            className: "flex items-center gap-1.5",
-            "data-slot": `usage-meter-legend-${key}`,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: ui.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__ */ jsxRuntime.jsx("div", { className: "space-y-1 text-xs text-muted-foreground", children: details })
-  ] });
-  if (!actions) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("space-y-1.5", className), "data-testid": testId, "data-state": state, children: meter });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("@container", className), "data-testid": testId, "data-state": state, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 @lg:flex-row @lg:items-start @lg:gap-6", children: [
-    meter,
-    /* @__PURE__ */ jsxRuntime.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
-      }
-    )
-  ] }) });
-}
-
-exports.TIP_CTA_LABEL_MAX_CHARS = TIP_CTA_LABEL_MAX_CHARS;
-exports.TIP_MAX_CHARS = TIP_MAX_CHARS;
-exports.UsageMeter = UsageMeter;
-exports.createTipsRegistry = createTipsRegistry;
-exports.usageMeterState = usageMeterState;
-//# sourceMappingURL=chunk-C4TGESIB.cjs.map
-//# sourceMappingURL=chunk-C4TGESIB.cjs.map

package/dist/chunk-C4TGESIB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tips/registry.ts","../src/components/UsageMeter.tsx"],"names":["jsxs","jsx","cn"],"mappings":";;;;;;AAYO,IAAM,aAAA,GAAgB;AAEtB,IAAM,uBAAA,GAA0B;AA0FhC,SAAS,mBACd,MAAA,EACmC;AACnC,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAY,WAAA,GAAc,gBAAe,GAAI,MAAA;AAC3D,EAAA,IAAI,UAAU,MAAA,CAAO,OAAA;AACrB,EAAA,MAAM,SAAA,uBAAgB,GAAA,EAAgB;AAGtC,EAAA,MAAM,SAAA,GAAY,CAAC,GAAA,KAA4C;AAC7D,IAAA,MAAM,CAAA,GAAI,OAAA,CAAQ,SAAA,GAAY,GAAA,CAAI,IAAI,CAAA;AACtC,IAAA,IAAI,CAAC,CAAA,EAAG,OAAO,EAAE,GAAA,EAAK,QAAQ,KAAA,EAAM;AACpC,IAAA,OAAO;AAAA,MACL,GAAA,EAAK;AAAA,QACH,GAAG,GAAA;AAAA,QACH,OAAA,EAAS,CAAA,CAAE,OAAA,IAAW,GAAA,CAAI,OAAA;AAAA,QAC1B,KAAK,CAAA,CAAE,GAAA,KAAQ,OAAO,MAAA,GAAa,CAAA,CAAE,OAAO,GAAA,CAAI,GAAA;AAAA,QAChD,OAAA,EAAS,CAAA,CAAE,OAAA,IAAW,GAAA,CAAI;AAAA,OAC5B;AAAA,MACA,MAAA,EAAQ,EAAE,MAAA,KAAW;AAAA,KACvB;AAAA,EACF,CAAA;AACA,EAAA,MAAM,MAAA,GAAS,MAAM,OAAA,CAAQ,MAAA,IAAU,EAAC;AACxC,EAAA,MAAM,UAAU,CAAC,UAAA,EAAqB,OAAA,KACpC,UAAA,KAAe,WAAW,UAAA,KAAe,UAAA;AAC3C,EAAA,MAAM,UAAA,GAAgE;AAAA,IACpE,GAAG,MAAA,CAAO,UAAA;AAAA,IACV,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,WAAA;AAAY,GACxC;AAEA,EAAA,OAAO;AAAA,IACL,MAAA,EAAQ,CAAC,OAAA,EAAS,KAAA,KAAU;AAC1B,MAAA,MAAM,QAAA,GAAW,IAAA,CACd,GAAA,CAAI,SAAS,CAAA,CACb,MAAA;AAAA,QACC,CAAC,EAAE,GAAA,EAAK,MAAA,EAAO,KACb,CAAC,MAAA,IAAU,OAAA,CAAQ,GAAA,CAAI,OAAA,EAAS,OAAO,CAAA,KAAM,CAAC,IAAI,IAAA,IAAQ,GAAA,CAAI,KAAK,KAAK,CAAA;AAAA,QAE3E,GAAA,CAAI,CAAC,EAAE,GAAA,OAAU,GAAG,CAAA;AACvB,MAAA,MAAM,QAAA,GAAW,MAAA,EAAO,CAAE,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,MAAA,KAAW,IAAA,IAAQ,OAAA,CAAQ,CAAA,CAAE,OAAA,EAAS,OAAO,CAAC,CAAA;AACxF,MAAA,OAAO,CAAC,GAAG,QAAA,EAAU,GAAI,QAAkB,CAAA,CAAE,IAAA;AAAA,QAC3C,CAAC,CAAA,EAAG,CAAA,KAAA,CAAO,EAAE,QAAA,IAAY,CAAA,KAAM,EAAE,QAAA,IAAY,CAAA;AAAA,OAC/C;AAAA,IACF,CAAA;AAAA,IACA,YAAY,MAAM;AAAA,MAChB,GAAG,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,KAAM;AACjB,QAAA,MAAM,CAAA,GAAI,UAAU,CAAC,CAAA;AACrB,QAAA,OAAO,EAAE,KAAK,CAAA,CAAE,GAAA,EAAK,UAAU,KAAA,EAAO,QAAA,EAAU,EAAE,MAAA,EAAO;AAAA,MAC3D,CAAC,CAAA;AAAA,MACD,GAAG,MAAA,EAAO,CAAE,GAAA,CAAI,CAAC,CAAA,MAAO,EAAE,GAAA,EAAK,CAAA,EAAU,UAAU,IAAA,EAAM,QAAA,EAAU,CAAA,CAAE,MAAA,KAAW,MAAK,CAAE;AAAA,KACzF;AAAA,IACA,YAAY,MAAM,OAAA;AAAA,IAClB,UAAA,EAAY,CAAC,IAAA,KAAS;AACpB,MAAA,OAAA,GAAU,IAAA;AACV,MAAA,SAAA,CAAU,OAAA,CAAQ,CAAC,QAAA,KAAa,QAAA,EAAU,CAAA;AAAA,IAC5C,CAAA;AAAA,IACA,SAAA,EAAW,CAAC,QAAA,KAAa;AACvB,MAAA,SAAA,CAAU,IAAI,QAAQ,CAAA;AACtB,MAAA,OAAO,MAAM;AACX,QAAA,SAAA,CAAU,OAAO,QAAQ,CAAA;AAAA,MAC3B,CAAA;AAAA,IACF,CAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA,EAAgB,CAAC,CAAA,KAAM,UAAA,CAAW,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,KAAA,KAAU,CAAC,CAAA,EAAG,KAAA,IAAS;AAAA,GACzE;AACF;AC/IO,SAAS,eAAA,CAAgB,MAAc,SAAA,EAAoC;AAChF,EAAA,IAAI,SAAA,IAAa,CAAA,EAAG,OAAO,IAAA,GAAO,IAAI,MAAA,GAAS,OAAA;AAC/C,EAAA,MAAM,QAAQ,IAAA,GAAO,SAAA;AACrB,EAAA,OAAO,KAAA,IAAS,CAAA,GAAI,MAAA,GAAS,KAAA,IAAS,MAAM,MAAA,GAAS,OAAA;AACvD;AAEA,IAAM,UAAA,GAA8C;AAAA,EAClD,KAAA,EAAO,YAAA;AAAA,EACP,IAAA,EAAM,eAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,QAAQ,CAAC,CAAA,EAAW,KAAA,KACxB,KAAA,GAAQ,IAAI,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,CAAA,GAAI,KAAA,GAAS,GAAG,CAAC,CAAA,GAAI,CAAA;AAG9D,IAAM,MAAA,GAAS;AAAA,EACb,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ,eAAA;AAAA,EACR,QAAA,EAAU;AACZ,CAAA;AAEA,IAAM,KAAA,GAAQ;AAAA,EACZ,eAAA,EAAiB;AACnB,CAAA;AAGA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,KAAA,EAAM,EAAsD;AAC7F,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAI,SAAA;AACvB,EAAA,MAAM,SAAS,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,SAAA,CAAU,UAAU,CAAC,CAAA;AAChD,EAAA,MAAM,OAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,SAAA,CAAU,YAAY,CAAC,CAAA;AAChD,EAAA,MAAM,QAAQ,IAAA,GAAO,MAAA;AACrB,EAAA,MAAM,QAAQ,IAAA,CAAK,GAAA,CAAI,QAAQ,IAAA,EAAM,IAAA,EAAM,OAAO,OAAO,CAAA;AACzD,EAAA,MAAM,KAAA,GAAQ,eAAA,CAAgB,IAAA,EAAM,KAAK,CAAA;AACzC,EAAA,MAAM,OAAA,GAAU,KAAA,GAAQ,CAAA,GAAI,IAAA,CAAK,KAAA,CAAO,IAAA,GAAO,KAAA,GAAS,GAAG,CAAA,GAAI,IAAA,GAAO,CAAA,GAAI,GAAA,GAAM,CAAA;AAChF,EAAA,MAAM,WAAW,IAAA,GAAO,CAAA,IAAK,OAAO,KAAA,KAAU,MAAA,GAAS,KAAK,IAAA,GAAO,CAAA,CAAA;AACnE,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oDAAA,EAAqD,aAAU,iBAAA,EAC3E,QAAA,EAAA;AAAA,IAAA,MAAA,GAAS,CAAA,oBACRC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,KAAA,CAAG,oBAAA,EAAsB,MAAA,CAAO,MAAM,CAAA;AAAA,QACjD,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,IAAA,EAAM,KAAK,CAAC,CAAA,CAAA,CAAA,EAAK,OAAO,CAAA,EAAG,KAAA,CAAM,MAAA,EAAQ,KAAK,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA,QAC3E,WAAA,EAAU;AAAA;AAAA,KACZ;AAAA,IAED,OAAO,CAAA,oBACND,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,6CAAA;AAAA,QACV,OAAO,EAAE,IAAA,EAAM,CAAA,EAAG,KAAA,CAAM,OAAO,KAAK,CAAC,CAAA,CAAA,CAAA,EAAK,KAAA,EAAO,GAAG,KAAA,CAAM,IAAA,EAAM,KAAK,CAAC,CAAA,CAAA,CAAA,EAAK,GAAG,KAAA,EAAM;AAAA,QACpF,WAAA,EAAU;AAAA;AAAA,KACZ;AAAA,oBAEFA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,KAAA;AAAA,UACT,2DAAA;AAAA,UACA,WAAW,KAAK;AAAA,SAClB;AAAA,QACA,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,IAAA,EAAM,KAAK,CAAA,EAAG,KAAK,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA,QAC1D,IAAA,EAAK,aAAA;AAAA,QACL,eAAA,EAAe,IAAA,CAAK,GAAA,CAAI,OAAA,EAAS,GAAG,CAAA;AAAA,QACpC,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,YAAA,EAAY,KAAA;AAAA,QACZ,YAAA,EAAY;AAAA;AAAA,KACd;AAAA,IACC,QAAA,oBACCD,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,4DAAA;AAAA,QACV,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,IAAA,EAAM,KAAK,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA,QACxC,aAAA,EAAW,IAAA;AAAA,QACX,WAAA,EAAU;AAAA;AAAA,KACZ;AAAA,IAED,IAAA,GAAO,CAAA,IAAK,KAAA,GAAQ,CAAA,oBACnBA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,0CAAA;AAAA,QACV,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,KAAA,EAAO,KAAK,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA,QACzC,aAAA,EAAW;AAAA;AAAA;AACb,GAAA,EAEJ,CAAA;AAEJ;AAcO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,EAAM,IAAA;AAAA,EACN,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA,GAAM,CAAA;AAAA,EACN,IAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAkBG;AACD,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,GAAA,CAAI,GAAA,EAAK,GAAG,CAAC,CAAA;AAG9C,EAAA,MAAM,OAAO,OAAA,IAAW,GAAA,GAAM,YAAA,GAAe,OAAA,IAAW,KAAK,eAAA,GAAkB,YAAA;AAC/E,EAAA,MAAM,KAAA,GAAQ,SAAA,GACV,eAAA,CAAgB,SAAA,CAAU,MAAM,SAAA,CAAU,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,SAAA,CAAU,MAAA,IAAU,CAAC,CAAC,CAAA,GACnF,MAAA;AACJ,EAAA,MAAM,cAAc,MAAA,GAEd;AAAA,IACE,CAAC,MAAA,EAAQ,MAAA,CAAO,IAAI,CAAA;AAAA,IACpB,CAAC,QAAA,EAAU,MAAA,CAAO,MAAM,CAAA;AAAA,IACxB,CAAC,UAAA,EAAY,MAAA,CAAO,QAAQ;AAAA,GAC9B,CACA,MAAA,CAAO,CAAC,GAAG,IAAI,CAAA,KAAM,CAAC,CAAC,IAAI,CAAA,GAC7B,EAAC;AAEL,EAAA,MAAM,KAAA,mBACJD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yDAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAWE,KAAA;AAAA,YACT,mCAAA;AAAA,YACA,YAAY,6BAAA,GAAgC;AAAA,WAC9C;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,IAAA,oBAAQD,cAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAoB,CAAA;AAAA,4BAC7CD,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,cAAA,KAAA;AAAA,cACA,IAAA,GAAO,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,CAAA,GAAM;AAAA,aAAA,EACzB;AAAA;AAAA;AAAA,OACF;AAAA,sBACAC,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,mDAAA;AAAA,UACV,WAAA,EAAU,mBAAA;AAAA,UAET,QAAA,EAAA;AAAA;AAAA;AACH,KAAA,EACF,CAAA;AAAA,IACC,SAAA,kCACE,YAAA,EAAA,EAAa,SAAA,EAAsB,OAAc,CAAA,mBAElDA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,KAAA,CAAG,wCAAA,EAA0C,IAAI,CAAA;AAAA,QAC5D,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAI;AAAA,QAC9B,IAAA,EAAK,aAAA;AAAA,QACL,eAAA,EAAe,OAAA;AAAA,QACf,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,YAAA,EAAY;AAAA;AAAA,KACd,EACF,CAAA;AAAA,IAED,WAAA,CAAY,SAAS,CAAA,oBACpBD,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,2EAAA;AAAA,QACV,WAAA,EAAU,oBAAA;AAAA,QAET,sBAAY,GAAA,CAAI,CAAC,CAAC,GAAA,EAAK,IAAI,CAAA,qBAC1BD,eAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,SAAA,EAAU,2BAAA;AAAA,YACV,WAAA,EAAW,sBAAsB,GAAG,CAAA,CAAA;AAAA,YAEpC,QAAA,EAAA;AAAA,8BAAAC,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAWC,KAAA;AAAA,oBACT,gCAAA;AAAA,oBACA,OAAO,GAAG,CAAA;AAAA,oBACV,QAAQ,UAAA,IAAc;AAAA,mBACxB;AAAA,kBACA,KAAA,EAAO,GAAA,KAAQ,UAAA,GAAa,KAAA,GAAQ,MAAA;AAAA,kBACpC,aAAA,EAAW;AAAA;AAAA,eACb;AAAA,cACC;AAAA;AAAA,WAAA;AAAA,UAbI;AAAA,SAeR;AAAA;AAAA,KACH;AAAA,IAED,OAAA,oBAAWD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2CAA2C,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EAChF,CAAA;AAGF,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,KAAA,CAAG,aAAA,EAAe,SAAS,CAAA,EAAG,aAAA,EAAa,MAAA,EAAQ,YAAA,EAAY,KAAA,EAC5E,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,EAEJ;AAGA,EAAA,uBACED,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,KAAA,CAAG,cAAc,SAAS,CAAA,EAAG,aAAA,EAAa,MAAA,EAAQ,YAAA,EAAY,KAAA,EAC5E,QAAA,kBAAAF,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,4DAAA,EACZ,QAAA,EAAA;AAAA,IAAA,KAAA;AAAA,oBACDC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,gGAAA;AAAA,QACV,WAAA,EAAU,qBAAA;AAAA,QAET,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA,EACF,CAAA;AAEJ","file":"chunk-C4TGESIB.cjs","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"]}