@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-D5INX2EF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/command-trigger/command-trigger.tsx"],"sourcesContent":["import { forwardRef, type ComponentProps } from \"react\";\nimport { Search } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Kbd } from \"../kbd\";\n\nexport interface CommandTriggerProps extends ComponentProps<\"button\"> {\n  /** The visible and announced label. Defaults to \"Search\". */\n  label?: string;\n  /** The shortcut hint. Defaults to the platform-correct ⌘ K / Ctrl K. */\n  shortcut?: string;\n}\n\nfunction platformShortcut(): string {\n  if (typeof navigator === \"undefined\") return \"Ctrl K\";\n  // `userAgentData.platform` where available, else the legacy string. Both are\n  // hints, not guarantees — the trigger is a hint too, so a wrong guess is cosmetic.\n  const platform =\n    (navigator as { userAgentData?: { platform?: string } }).userAgentData?.platform ??\n    navigator.platform ??\n    \"\";\n  return /mac|iphone|ipad/i.test(platform) ? \"⌘ K\" : \"Ctrl K\";\n}\n\n/**\n * The command-palette opener, shaped like a search field: label left, shortcut\n * pinned right, collapsing to the icon alone under `sm`.\n *\n * The button’s accessible name comes entirely from `aria-label` — that is what\n * stops the `Kbd`’s shortcut glyph from concatenating into it (#117); a\n * non-empty `aria-label` short-circuits accessible-name computation before the\n * DOM is ever consulted. The visible label and the `Kbd` are ALSO marked\n * `aria-hidden`, per `accessibility.md`, as defence in depth: if `aria-label`\n * is ever dropped, that turns a silent regression into a loud one — an empty\n * accessible name rather than a plausible wrong one. They do not do the work\n * themselves.\n *\n * `shortcut` reads `navigator` at render time when omitted, which can differ\n * between server and client — a consumer that server-renders this component\n * should pass `shortcut` explicitly to avoid a hydration mismatch.\n */\nexport const CommandTrigger = forwardRef<HTMLButtonElement, CommandTriggerProps>(\n  function CommandTrigger({ label = \"Search\", shortcut, className, ...props }, ref) {\n    const hint = shortcut ?? platformShortcut();\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"command-trigger\"\n        aria-label={label}\n        className={cn(\n          \"inline-flex h-8 items-center gap-2 rounded-md border border-input bg-background px-2 text-body text-muted-foreground\",\n          \"hover:bg-accent hover:text-accent-foreground focus-ring focus-visible:border-input-focus\",\n          \"sm:w-56 sm:justify-between sm:ps-2 sm:pe-1.5\",\n          className,\n        )}\n        {...props}\n      >\n        <span className=\"flex min-w-0 items-center gap-2\">\n          <Search aria-hidden=\"true\" className=\"size-4 shrink-0\" />\n          <span aria-hidden=\"true\" className=\"hidden truncate sm:inline\">\n            {label}\n          </span>\n        </span>\n        <Kbd aria-hidden=\"true\" className=\"hidden sm:inline-flex\">\n          {hint}\n        </Kbd>\n      </button>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AAAA,SAAS,kBAAuC;AAChD,SAAS,cAAc;AAwDf,SACE,KADF;AA7CR,SAAS,mBAA2B;AAClC,MAAI,OAAO,cAAc,YAAa,QAAO;AAG7C,QAAM,WACH,UAAwD,eAAe,YACxE,UAAU,YACV;AACF,SAAO,mBAAmB,KAAK,QAAQ,IAAI,aAAQ;AACrD;AAmBO,IAAM,iBAAiB;AAAA,EAC5B,SAASA,gBAAe,EAAE,QAAQ,UAAU,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AAChF,UAAM,OAAO,YAAY,iBAAiB;AAC1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,aAAU;AAAA,QACV,cAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,+BAAC,UAAK,WAAU,mCACd;AAAA,gCAAC,UAAO,eAAY,QAAO,WAAU,mBAAkB;AAAA,YACvD,oBAAC,UAAK,eAAY,QAAO,WAAU,6BAChC,iBACH;AAAA,aACF;AAAA,UACA,oBAAC,OAAI,eAAY,QAAO,WAAU,yBAC/B,gBACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;","names":["CommandTrigger"]}

package/dist/chunk-DCHYNTHI.js

@@ -0,0 +1,11 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export {
+  __export
+};
+//# sourceMappingURL=chunk-DCHYNTHI.js.map

package/dist/chunk-DCHYNTHI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-DIQJODQR.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-DIQJODQR.js.map

package/dist/chunk-DIQJODQR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-DSGTH6JW.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-DSGTH6JW.js.map

package/dist/chunk-DSGTH6JW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-DU6ITAJL.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-DU6ITAJL.js.map

package/dist/chunk-DU6ITAJL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-DXC3DTCV.js

@@ -0,0 +1,256 @@
+"use client";
+import {
+  BADGE_APPEARANCE_RECIPES,
+  BADGE_APPEARANCE_RECIPES_CALM,
+  badgeVariants
+} from "./chunk-HNLYRHAU.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/status-badge/status-badge.tsx
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import {
+  AlertCircle,
+  CheckCircle2,
+  Circle,
+  Clock,
+  Loader2,
+  MinusCircle,
+  XCircle
+} from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var STATUSES = [
+  "pending",
+  "running",
+  "complete",
+  "awaiting-approval",
+  "denied",
+  "failed",
+  "skipped"
+];
+var STATUS_TONES = ["neutral", "info", "success", "warning", "destructive"];
+function isCustomStatus(status) {
+  return typeof status === "object" && status !== null;
+}
+var STATUS_TONE_MAP = {
+  pending: "neutral",
+  running: "info",
+  complete: "success",
+  "awaiting-approval": "warning",
+  denied: "neutral",
+  failed: "destructive",
+  skipped: "neutral"
+};
+var STATUS_ROLE = {
+  pending: "secondary",
+  running: "info",
+  complete: "success",
+  "awaiting-approval": "warning",
+  denied: "muted",
+  failed: "destructive",
+  skipped: "secondary"
+};
+var STATUS_LABELS = {
+  pending: "Pending",
+  running: "Running",
+  complete: "Complete",
+  "awaiting-approval": "Awaiting approval",
+  denied: "Denied",
+  failed: "Failed",
+  skipped: "Skipped"
+};
+var STATUS_ICONS = {
+  pending: Circle,
+  running: Loader2,
+  complete: CheckCircle2,
+  "awaiting-approval": Clock,
+  denied: XCircle,
+  failed: AlertCircle,
+  skipped: MinusCircle
+};
+var STATUS_TONE_ICONS = {
+  success: CheckCircle2,
+  warning: Clock,
+  destructive: AlertCircle
+};
+var STATUS_ICON_CLASSES = {
+  pending: "text-muted-foreground",
+  running: "text-info-text",
+  complete: "text-success-text",
+  "awaiting-approval": "text-warning-text",
+  denied: "text-muted-foreground",
+  failed: "text-destructive-text",
+  skipped: "text-muted-foreground"
+};
+var RUNNING_SPIN_CLASSES = "animate-spin motion-reduce:animate-none";
+var StatusIcon = forwardRef(function StatusIcon2({ status, className, ...props }, ref) {
+  const Icon = STATUS_ICONS[status];
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      ref,
+      "aria-hidden": "true",
+      "data-status": status,
+      className: cn(
+        "size-4 shrink-0",
+        STATUS_ICON_CLASSES[status],
+        status === "running" && RUNNING_SPIN_CLASSES,
+        className
+      ),
+      ...props
+    }
+  );
+});
+var statusBadgeVariants = cva(
+  // Builds on the Badge pill (geometry + typography from badge.tsx). The
+  // `outline` variant carries no fill, so each status sets its own
+  // border/bg/text — conflicts resolve via cn() (later utilities win).
+  cn(badgeVariants({ variant: "outline" }), "[&_svg]:shrink-0"),
+  {
+    variants: {
+      status: {
+        // calm: neutral fill — structural, not a colour role: `appearance`
+        // has no effect (see badge.tsx's `secondary`/`outline` variants).
+        pending: "border-transparent bg-secondary text-secondary-foreground",
+        // calm: status alpha-wash (escapes the decoration drawn-not-filled rule)
+        running: cn(
+          "border-info/40 bg-info/10 text-info-text",
+          "[--badge-fill:var(--info)] [--badge-ink:var(--info-text)] [--badge-on:var(--info-foreground)]",
+          BADGE_APPEARANCE_RECIPES
+        ),
+        complete: cn(
+          "border-success/40 bg-success/10 text-success-text",
+          "[--badge-fill:var(--success)] [--badge-ink:var(--success-text)] [--badge-on:var(--success-foreground)]",
+          BADGE_APPEARANCE_RECIPES
+        ),
+        // ATTENTION: solid fill — must grab the eye
+        "awaiting-approval": cn(
+          "border-transparent bg-warning text-warning-foreground",
+          "[--badge-fill:var(--warning)] [--badge-ink:var(--warning-text)] [--badge-on:var(--warning-foreground)]",
+          BADGE_APPEARANCE_RECIPES
+        ),
+        // calm: de-emphasized neutrals — structural, `appearance` has no effect.
+        denied: "border-transparent bg-muted text-muted-foreground",
+        // ATTENTION: solid fill — must grab the eye
+        failed: cn(
+          "border-transparent bg-destructive text-destructive-foreground",
+          "[--badge-fill:var(--destructive)] [--badge-ink:var(--destructive-text)] [--badge-on:var(--destructive-foreground)]",
+          BADGE_APPEARANCE_RECIPES
+        ),
+        // calm: neutral fill — structural, `appearance` has no effect.
+        skipped: "border-transparent bg-secondary text-muted-foreground"
+      },
+      /**
+       * The out-of-vocabulary escape hatch (#363) — CALM treatments only (the
+       * same alpha-wash/neutral technique as the calm `status` recipes above).
+       * There is deliberately no solid/attention recipe here: the loud fill
+       * stays exclusive to the canonical `awaiting-approval`/`failed` states
+       * (integrity constraint 2, see the file docblock). For the same reason,
+       * a non-neutral tone only ever wires `BADGE_APPEARANCE_RECIPES_CALM`
+       * (tint/outline/neutral — never solid), so even a theme's global
+       * `--badge-appearance: solid` cannot loudify the hatch; `StatusBadge`
+       * also clamps an explicit `appearance="solid"` prop away below.
+       */
+      tone: {
+        // Already a neutral pill — `appearance` has no effect (mirrors
+        // Badge's `secondary`).
+        neutral: "border-transparent bg-secondary text-secondary-foreground",
+        info: cn(
+          "border-info/40 bg-info/10 text-info-text",
+          "[--badge-fill:var(--info)] [--badge-ink:var(--info-text)]",
+          BADGE_APPEARANCE_RECIPES_CALM
+        ),
+        success: cn(
+          "border-success/40 bg-success/10 text-success-text",
+          "[--badge-fill:var(--success)] [--badge-ink:var(--success-text)]",
+          BADGE_APPEARANCE_RECIPES_CALM
+        ),
+        warning: cn(
+          "border-warning/40 bg-warning/10 text-warning-text",
+          "[--badge-fill:var(--warning)] [--badge-ink:var(--warning-text)]",
+          BADGE_APPEARANCE_RECIPES_CALM
+        ),
+        destructive: cn(
+          "border-destructive/40 bg-destructive/10 text-destructive-text",
+          "[--badge-fill:var(--destructive)] [--badge-ink:var(--destructive-text)]",
+          BADGE_APPEARANCE_RECIPES_CALM
+        )
+      },
+      /** `md` for inline use; `sm` for rail nodes / dense rows. */
+      size: {
+        sm: "px-2 [&_svg]:size-3",
+        md: "[&_svg]:size-3.5"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var StatusBadge = forwardRef(function StatusBadge2({ status, size, appearance, hideIcon = false, className, children, ...props }, ref) {
+  if (isCustomStatus(status)) {
+    const { label, tone, icon: Icon2 } = status;
+    const toneAppearance = appearance === "solid" ? void 0 : appearance;
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        "data-slot": "status-badge",
+        "data-status": "custom",
+        "data-tone": tone,
+        "data-appearance": toneAppearance,
+        className: cn(statusBadgeVariants({ tone, size }), className),
+        ...props,
+        children: [
+          hideIcon || !Icon2 ? null : /* @__PURE__ */ jsx(Icon2, { "aria-hidden": "true" }),
+          children ?? label
+        ]
+      }
+    );
+  }
+  const Icon = STATUS_ICONS[status];
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      "data-slot": "status-badge",
+      "data-status": status,
+      "data-tone": STATUS_TONE_MAP[status],
+      "data-appearance": appearance,
+      className: cn(statusBadgeVariants({ status, size }), className),
+      ...props,
+      children: [
+        hideIcon ? null : /* @__PURE__ */ jsx(
+          Icon,
+          {
+            "aria-hidden": "true",
+            className: status === "running" ? RUNNING_SPIN_CLASSES : void 0
+          }
+        ),
+        children ?? STATUS_LABELS[status]
+      ]
+    }
+  );
+});
+var TIMELINE_STATUS_MAP = {
+  done: "complete",
+  active: "running",
+  pending: "pending"
+};
+function fromTimelineStatus(status) {
+  return TIMELINE_STATUS_MAP[status];
+}
+
+export {
+  STATUSES,
+  STATUS_TONES,
+  isCustomStatus,
+  STATUS_ROLE,
+  STATUS_LABELS,
+  STATUS_TONE_ICONS,
+  StatusIcon,
+  statusBadgeVariants,
+  StatusBadge,
+  fromTimelineStatus
+};
+//# sourceMappingURL=chunk-DXC3DTCV.js.map

package/dist/chunk-DXC3DTCV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/status-badge/status-badge.tsx"],"sourcesContent":["/**\n * StatusBadge — the canonical execution-status vocabulary (#189, research 10 §B.1).\n *\n * One CLOSED 7-state enum unifies the five status idioms across the agent\n * trace components (`@elabs-ai/components-ai` Tool / ChainOfThought / Confirmation /\n * TestResults / Sandbox), so one agent run reads as one author and an agent\n * picks a status by MEANING — it cannot emit a color or a freeform string.\n *\n * Hybrid visual (research 08 \"green deliberate / status sparingly\"): the calm\n * states — including `complete` — render the quiet `bg-<status>/10` alpha-wash\n * or a neutral fill; ONLY the two attention states (`awaiting-approval`,\n * `failed`) get the solid status fill, so a settled transcript stays calm and\n * the states that need a human grab the eye.\n *\n * Builds ON the existing Badge cva (badge.tsx) — same pill geometry and\n * typography; status colors are semantic tokens only.\n *\n * BOUNDED ESCAPE HATCH (#363): a domain that genuinely has a state the 7\n * canonical values don't express (e.g. a run engine's `stopped_guardrail`) can\n * pass a `CustomStatus` object instead of a `Status` string. Three integrity\n * constraints keep it from eroding the anti-hallucination property above:\n *\n *   1. `tone` is reachable ONLY through the object form (which requires a\n *      `label`) — it is NOT an independent prop, so a canonical status can\n *      never be recolored (`status=\"failed\" tone=\"success\"` is unrepresentable).\n *   2. The hatch is CALM-ONLY: all five tones render the quiet alpha-wash/\n *      neutral treatments. The solid attention fill stays exclusive to the\n *      canonical `awaiting-approval` and `failed` — no consumer can mint a\n *      loud chip, or the loud/calm signal degrades to noise.\n *   3. No raw color, ever: `tone` maps to existing semantic tokens only\n *      (secondary / info / success / warning / destructive).\n *\n * Map a custom status ONCE, near your domain — not per call site. `StatusIcon`\n * stays canonical-only (the enum's own icon+color atom); there is no `emphasis`/\n * `loud` option on the hatch; `fromTimelineStatus()` is unchanged.\n */\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  AlertCircle,\n  CheckCircle2,\n  Circle,\n  Clock,\n  Loader2,\n  MinusCircle,\n  XCircle,\n  type LucideIcon,\n  type LucideProps,\n} from \"lucide-react\";\nimport {\n  BADGE_APPEARANCE_RECIPES,\n  BADGE_APPEARANCE_RECIPES_CALM,\n  badgeVariants,\n  type BadgeAppearance,\n} from \"../badge/badge\";\nimport { cn } from \"../../lib/cn\";\n\n/** The canonical, closed 7-state status enum (research 10 §B.1). */\nexport const STATUSES = [\n  \"pending\",\n  \"running\",\n  \"complete\",\n  \"awaiting-approval\",\n  \"denied\",\n  \"failed\",\n  \"skipped\",\n] as const;\n\nexport type Status = (typeof STATUSES)[number];\n\n/** Closed tone set for the out-of-vocabulary escape hatch (CALM treatments only). */\nexport const STATUS_TONES = [\"neutral\", \"info\", \"success\", \"warning\", \"destructive\"] as const;\n\nexport type StatusTone = (typeof STATUS_TONES)[number];\n\n/**\n * An out-of-vocabulary status. Prefer the canonical `Status` enum; reach for\n * this only when the domain genuinely has a state the 7 do not express (e.g. a\n * run engine's `stopped_guardrail`). Map it ONCE, near your domain — not per\n * call site.\n */\nexport interface CustomStatus {\n  label: string;\n  tone: StatusTone;\n  /** Optional Lucide glyph. Omitted → label-only (no default glyph). */\n  icon?: LucideIcon;\n}\n\n/** Narrows `Status | CustomStatus` — the object form is always the escape hatch. */\nexport function isCustomStatus(status: Status | CustomStatus): status is CustomStatus {\n  return typeof status === \"object\" && status !== null;\n}\n\n/**\n * The tone each CANONICAL status maps to, for the informational `data-tone`\n * attribute only — canonical rendering always goes through the untouched\n * `status` cva branch below, never through `tone`.\n */\nconst STATUS_TONE_MAP: Record<Status, StatusTone> = {\n  pending: \"neutral\",\n  running: \"info\",\n  complete: \"success\",\n  \"awaiting-approval\": \"warning\",\n  denied: \"neutral\",\n  failed: \"destructive\",\n  skipped: \"neutral\",\n};\n\n/**\n * The canonical semantic ROLE per status — the single source of truth for\n * status colour (#392). Any other status-keyed colour map in the repo\n * (`Timeline`'s `NODE_STYLE`, or a future one) must be TESTED against this,\n * not hand-authored — a second literal copy is exactly how `NODE_STYLE`\n * drifted (`running` rendered `--primary` while this map said `--info`).\n * Do NOT interpolate `bg-${STATUS_ROLE[status]}` into a class map: Tailwind\n * scans source statically, so a template-literal class emits no CSS. Keep\n * consuming maps as literal class strings, verified against this export by a\n * test.\n */\nexport const STATUS_ROLE = {\n  pending: \"secondary\",\n  running: \"info\",\n  complete: \"success\",\n  \"awaiting-approval\": \"warning\",\n  denied: \"muted\",\n  failed: \"destructive\",\n  skipped: \"secondary\",\n} as const satisfies Record<Status, string>;\n\n/** Default human-readable label per status (override via `children`). */\nexport const STATUS_LABELS: Record<Status, string> = {\n  pending: \"Pending\",\n  running: \"Running\",\n  complete: \"Complete\",\n  \"awaiting-approval\": \"Awaiting approval\",\n  denied: \"Denied\",\n  failed: \"Failed\",\n  skipped: \"Skipped\",\n};\n\nconst STATUS_ICONS: Record<Status, LucideIcon> = {\n  pending: Circle,\n  running: Loader2,\n  complete: CheckCircle2,\n  \"awaiting-approval\": Clock,\n  denied: XCircle,\n  failed: AlertCircle,\n  skipped: MinusCircle,\n};\n\n/**\n * Lucide glyph per out-of-vocabulary TONE — the same five-tone escape hatch\n * `CustomStatus` uses (`STATUS_TONES`). A consumer that encodes a bare TONE\n * with no fuller `Status` semantics (e.g. `@elabs-ai/components-flow`'s `FlowNode.tone`,\n * #387) derives its non-colour cue from here instead of inventing a second\n * icon vocabulary — each entry reuses the SAME icon `STATUS_ICONS` already\n * pairs with that tone's one canonical status (`success`→`complete`'s\n * `CheckCircle2`, `warning`→`awaiting-approval`'s `Clock`,\n * `destructive`→`failed`'s `AlertCircle`). `neutral`/`info` have no entry:\n * nothing consumes them yet, and reaching for a glyph on every neutral/\n * default-toned element would be assistive-tech noise on the common case —\n * extend this map, don't fork a new one, the day something needs them.\n */\nexport const STATUS_TONE_ICONS: Partial<Record<StatusTone, LucideIcon>> = {\n  success: CheckCircle2,\n  warning: Clock,\n  destructive: AlertCircle,\n};\n\n/**\n * On-surface icon color per status for the standalone `StatusIcon` atom.\n * (Inside `StatusBadge` the icon inherits the badge foreground instead, so it\n * stays legible on the solid attention fills.)\n */\nconst STATUS_ICON_CLASSES: Record<Status, string> = {\n  pending: \"text-muted-foreground\",\n  running: \"text-info-text\",\n  complete: \"text-success-text\",\n  \"awaiting-approval\": \"text-warning-text\",\n  denied: \"text-muted-foreground\",\n  failed: \"text-destructive-text\",\n  skipped: \"text-muted-foreground\",\n};\n\n/** `animate-spin` is a continuous loop (ease-linear is the allowed loop ease). */\nconst RUNNING_SPIN_CLASSES = \"animate-spin motion-reduce:animate-none\";\n\nexport interface StatusIconProps extends Omit<LucideProps, \"ref\"> {\n  /** The canonical execution status (closed enum). */\n  status: Status;\n}\n\n/**\n * The icon + status-color atom `StatusBadge` itself composes — for tight rows\n * (test-result rows, timeline/rail nodes) where a full badge is too heavy.\n * Decorative by default (`aria-hidden`); the adjacent row text must carry the\n * status name for AT users.\n */\nexport const StatusIcon = forwardRef<SVGSVGElement, StatusIconProps>(function StatusIcon(\n  { status, className, ...props },\n  ref,\n) {\n  const Icon = STATUS_ICONS[status];\n  return (\n    <Icon\n      ref={ref}\n      aria-hidden=\"true\"\n      data-status={status}\n      className={cn(\n        \"size-4 shrink-0\",\n        STATUS_ICON_CLASSES[status],\n        status === \"running\" && RUNNING_SPIN_CLASSES,\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const statusBadgeVariants = cva(\n  // Builds on the Badge pill (geometry + typography from badge.tsx). The\n  // `outline` variant carries no fill, so each status sets its own\n  // border/bg/text — conflicts resolve via cn() (later utilities win).\n  cn(badgeVariants({ variant: \"outline\" }), \"[&_svg]:shrink-0\"),\n  {\n    variants: {\n      status: {\n        // calm: neutral fill — structural, not a colour role: `appearance`\n        // has no effect (see badge.tsx's `secondary`/`outline` variants).\n        pending: \"border-transparent bg-secondary text-secondary-foreground\",\n        // calm: status alpha-wash (escapes the decoration drawn-not-filled rule)\n        running: cn(\n          \"border-info/40 bg-info/10 text-info-text\",\n          \"[--badge-fill:var(--info)] [--badge-ink:var(--info-text)] [--badge-on:var(--info-foreground)]\",\n          BADGE_APPEARANCE_RECIPES,\n        ),\n        complete: cn(\n          \"border-success/40 bg-success/10 text-success-text\",\n          \"[--badge-fill:var(--success)] [--badge-ink:var(--success-text)] [--badge-on:var(--success-foreground)]\",\n          BADGE_APPEARANCE_RECIPES,\n        ),\n        // ATTENTION: solid fill — must grab the eye\n        \"awaiting-approval\": cn(\n          \"border-transparent bg-warning text-warning-foreground\",\n          \"[--badge-fill:var(--warning)] [--badge-ink:var(--warning-text)] [--badge-on:var(--warning-foreground)]\",\n          BADGE_APPEARANCE_RECIPES,\n        ),\n        // calm: de-emphasized neutrals — structural, `appearance` has no effect.\n        denied: \"border-transparent bg-muted text-muted-foreground\",\n        // ATTENTION: solid fill — must grab the eye\n        failed: cn(\n          \"border-transparent bg-destructive text-destructive-foreground\",\n          \"[--badge-fill:var(--destructive)] [--badge-ink:var(--destructive-text)] [--badge-on:var(--destructive-foreground)]\",\n          BADGE_APPEARANCE_RECIPES,\n        ),\n        // calm: neutral fill — structural, `appearance` has no effect.\n        skipped: \"border-transparent bg-secondary text-muted-foreground\",\n      },\n      /**\n       * The out-of-vocabulary escape hatch (#363) — CALM treatments only (the\n       * same alpha-wash/neutral technique as the calm `status` recipes above).\n       * There is deliberately no solid/attention recipe here: the loud fill\n       * stays exclusive to the canonical `awaiting-approval`/`failed` states\n       * (integrity constraint 2, see the file docblock). For the same reason,\n       * a non-neutral tone only ever wires `BADGE_APPEARANCE_RECIPES_CALM`\n       * (tint/outline/neutral — never solid), so even a theme's global\n       * `--badge-appearance: solid` cannot loudify the hatch; `StatusBadge`\n       * also clamps an explicit `appearance=\"solid\"` prop away below.\n       */\n      tone: {\n        // Already a neutral pill — `appearance` has no effect (mirrors\n        // Badge's `secondary`).\n        neutral: \"border-transparent bg-secondary text-secondary-foreground\",\n        info: cn(\n          \"border-info/40 bg-info/10 text-info-text\",\n          \"[--badge-fill:var(--info)] [--badge-ink:var(--info-text)]\",\n          BADGE_APPEARANCE_RECIPES_CALM,\n        ),\n        success: cn(\n          \"border-success/40 bg-success/10 text-success-text\",\n          \"[--badge-fill:var(--success)] [--badge-ink:var(--success-text)]\",\n          BADGE_APPEARANCE_RECIPES_CALM,\n        ),\n        warning: cn(\n          \"border-warning/40 bg-warning/10 text-warning-text\",\n          \"[--badge-fill:var(--warning)] [--badge-ink:var(--warning-text)]\",\n          BADGE_APPEARANCE_RECIPES_CALM,\n        ),\n        destructive: cn(\n          \"border-destructive/40 bg-destructive/10 text-destructive-text\",\n          \"[--badge-fill:var(--destructive)] [--badge-ink:var(--destructive-text)]\",\n          BADGE_APPEARANCE_RECIPES_CALM,\n        ),\n      },\n      /** `md` for inline use; `sm` for rail nodes / dense rows. */\n      size: {\n        sm: \"px-2 [&_svg]:size-3\",\n        md: \"[&_svg]:size-3.5\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport interface StatusBadgeProps\n  extends\n    HTMLAttributes<HTMLSpanElement>,\n    Omit<VariantProps<typeof statusBadgeVariants>, \"status\" | \"tone\"> {\n  /** The canonical execution status, or a mapped out-of-vocabulary one (#363). */\n  status: Status | CustomStatus;\n  /** Render label-only (no status icon). */\n  hideIcon?: boolean;\n  /**\n   * Explicit per-instance override of the fill/border/ink treatment — see\n   * `Badge`'s own doc. Meaningful only on the colour-bearing statuses\n   * (`running`/`complete`/`awaiting-approval`/`failed`) and tones\n   * (`info`/`success`/`warning`/`destructive`); `pending`/`denied`/`skipped`\n   * and the `neutral` tone are already neutral pills. On a `CustomStatus`\n   * (the out-of-vocabulary hatch), `\"solid\"` is never honoured — the hatch\n   * is calm-only (integrity constraint 2, file docblock).\n   */\n  appearance?: BadgeAppearance;\n}\n\nexport const StatusBadge = forwardRef<HTMLSpanElement, StatusBadgeProps>(function StatusBadge(\n  { status, size, appearance, hideIcon = false, className, children, ...props },\n  ref,\n) {\n  if (isCustomStatus(status)) {\n    const { label, tone, icon: Icon } = status;\n    // Calm-only hatch: `solid` never reaches a custom tone, even via an\n    // explicit prop (integrity constraint 2) — `statusBadgeVariants`'\n    // `tone` branches also never wire the `solid` recipe, so a theme's\n    // global `--badge-appearance: solid` can't reach it either.\n    const toneAppearance = appearance === \"solid\" ? undefined : appearance;\n    return (\n      <span\n        ref={ref}\n        data-slot=\"status-badge\"\n        data-status=\"custom\"\n        data-tone={tone}\n        data-appearance={toneAppearance}\n        className={cn(statusBadgeVariants({ tone, size }), className)}\n        {...props}\n      >\n        {hideIcon || !Icon ? null : <Icon aria-hidden=\"true\" />}\n        {children ?? label}\n      </span>\n    );\n  }\n\n  const Icon = STATUS_ICONS[status];\n  return (\n    <span\n      ref={ref}\n      data-slot=\"status-badge\"\n      data-status={status}\n      data-tone={STATUS_TONE_MAP[status]}\n      data-appearance={appearance}\n      className={cn(statusBadgeVariants({ status, size }), className)}\n      {...props}\n    >\n      {hideIcon ? null : (\n        <Icon\n          aria-hidden=\"true\"\n          className={status === \"running\" ? RUNNING_SPIN_CLASSES : undefined}\n        />\n      )}\n      {children ?? STATUS_LABELS[status]}\n    </span>\n  );\n});\n\n/** The editor/markdown `Timeline` 3-state vocabulary (`@elabs-ai/components-editor`). */\nexport type TimelineStatus = \"done\" | \"active\" | \"pending\";\n\nconst TIMELINE_STATUS_MAP: Record<TimelineStatus, Status> = {\n  done: \"complete\",\n  active: \"running\",\n  pending: \"pending\",\n};\n\n/**\n * Map the Timeline `done|active|pending` vocabulary onto the canonical\n * `Status` (research 10 §B.1 mapping b — lossless; the timeline only\n * expresses 3 of the 7 states). The AI-SDK `ToolUIPart` mapper lives in\n * `@elabs-ai/components-ai` (`statusFromToolState`, tool.tsx) so `@elabs-ai/components-ui` stays free of\n * the `ai` dependency (D6).\n */\nexport function fromTimelineStatus(status: TimelineStatus): Status {\n  return TIMELINE_STATUS_MAP[status];\n}\n"],"mappings":"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","names":["StatusIcon","StatusBadge","Icon"]}

package/dist/chunk-DXDLTYTT.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-DXDLTYTT.js.map

package/dist/chunk-DXDLTYTT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-E3GNYOLS.js

@@ -0,0 +1,26 @@
+"use client";
+import {
+  StatePanel
+} from "./chunk-Y33ZFTMR.js";
+
+// src/components/empty-state/empty-state.tsx
+import "react";
+import { jsx } from "react/jsx-runtime";
+function EmptyState({ title, description, icon, actions, className }) {
+  return /* @__PURE__ */ jsx(
+    StatePanel,
+    {
+      kind: "empty",
+      title,
+      description,
+      icon,
+      actions,
+      className
+    }
+  );
+}
+
+export {
+  EmptyState
+};
+//# sourceMappingURL=chunk-E3GNYOLS.js.map

package/dist/chunk-E3GNYOLS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/empty-state/empty-state.tsx"],"sourcesContent":["/**\n * @deprecated Use `StatePanel kind=\"empty\"` from `@elabs-ai/components-ui` instead.\n * This wrapper is kept for back-compat and will be removed in a future release.\n */\nimport { type ReactNode } from \"react\";\nimport { StatePanel } from \"../state-panel/state-panel\";\n\nexport interface EmptyStateProps {\n  title: ReactNode;\n  description?: ReactNode;\n  /**\n   * Optional icon shown above the title, clamped to a fixed 40×40 (this\n   * wrapper only ever forwards `icon` to `StatePanel`, never `illustration`\n   * — for a larger, unclamped illustration use\n   * `StatePanel kind=\"empty\" illustration={...}` directly).\n   */\n  icon?: ReactNode;\n  /** Primary/secondary actions. */\n  actions?: ReactNode;\n  className?: string;\n}\n\n/** @deprecated Use `<StatePanel kind=\"empty\" />` instead. */\nexport function EmptyState({ title, description, icon, actions, className }: EmptyStateProps) {\n  return (\n    <StatePanel\n      kind=\"empty\"\n      title={title}\n      description={description}\n      icon={icon}\n      actions={actions}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;AAIA,OAA+B;AAqB3B;AAFG,SAAS,WAAW,EAAE,OAAO,aAAa,MAAM,SAAS,UAAU,GAAoB;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-EAFPUZ46.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-EAFPUZ46.js.map

package/dist/chunk-EAFPUZ46.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-EBDOKU5K.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-EBDOKU5K.js.map

package/dist/chunk-EBDOKU5K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}