@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-ENL3CCZB.js

@@ -0,0 +1,385 @@
+"use client";
+import {
+  mergeRefs
+} from "./chunk-L37QZALU.js";
+import {
+  StatePanel
+} from "./chunk-Y33ZFTMR.js";
+import {
+  Sidebar,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarProvider,
+  useSidebar
+} from "./chunk-HWVU636Q.js";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle
+} from "./chunk-FXC64HLD.js";
+import {
+  useIsMobile
+} from "./chunk-YCFOFNQF.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/context-rail/context-rail.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useId,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_WIDTH = "20rem";
+var DEFAULT_OVERLAY_BREAKPOINT = 768;
+var NARROW_STRIP_WIDTH = "3rem";
+function resolveActiveId(sections, candidate) {
+  if (candidate != null && sections.some((section) => section.id === candidate)) {
+    return candidate;
+  }
+  return sections[0]?.id;
+}
+var COUNT_BADGE_BASE = "pointer-events-none absolute inline-flex items-center justify-center rounded-full bg-sidebar-accent text-meta text-sidebar-accent-foreground tabular-nums";
+var COUNT_BADGE_POSITION = "end-0 -top-1 h-4 min-w-4 px-0.5";
+var CONTEXT_RAIL_HEADER = "flex h-header shrink-0 items-center gap-2 border-b border-border-strong px-2 group-data-[collapsible=icon]:h-auto group-data-[collapsible=icon]:flex-col group-data-[collapsible=icon]:items-stretch group-data-[collapsible=icon]:border-b-0 group-data-[collapsible=icon]:px-2 group-data-[collapsible=icon]:pt-3 group-data-[collapsible=icon]:pb-2";
+function ContextRailSwitcher({
+  sections,
+  activeId,
+  onSelect,
+  orientation
+}) {
+  const { open, setOpen } = useSidebar();
+  const { t } = useLocale();
+  const handleClick = (section) => {
+    const isActive = section.id === activeId;
+    if (isActive) {
+      setOpen(!open);
+      return;
+    }
+    onSelect(section.id);
+    if (!open) setOpen(true);
+  };
+  return /* @__PURE__ */ jsx(
+    SidebarMenu,
+    {
+      "data-slot": "context-rail-switcher",
+      className: (
+        // Expanded, the switcher is a fixed-width cluster at the END of the
+        // header band, so it must NOT take the menu's default `w-full` — that
+        // would push the section heading out of the row. It is also capped at
+        // HALF the band: `sections` is caller-supplied and unbounded, and an
+        // uncapped row of 32px buttons reserves its full width before the
+        // heading gets any, so at the default 20rem width eight sections left
+        // the active section's label about 20px to render in — effectively
+        // gone — and more than that overflowed the rail. Capped, the overflow
+        // moves into the cluster itself, which scrolls (its items are the
+        // buttons, so the region already has the focusable descendant WCAG
+        // 2.1.1 wants) while the heading keeps its half. Collapsed (and in the
+        // narrow strip) it is the whole column again, with no cap and no
+        // scroller.
+        orientation === "row" ? "w-auto max-w-1/2 shrink-0 flex-row overflow-x-auto py-1 [&>li]:shrink-0 group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:max-w-none group-data-[collapsible=icon]:flex-col group-data-[collapsible=icon]:overflow-x-visible" : "flex-col"
+      ),
+      children: sections.map((section) => {
+        const isActive = section.id === activeId;
+        const countPhrase = section.count != null ? t("ui.contextRail.sectionCount", { count: section.count }) : void 0;
+        const accessibleName = countPhrase ? `${section.label} ${countPhrase}` : section.label;
+        return /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [
+          /* @__PURE__ */ jsxs(
+            SidebarMenuButton,
+            {
+              "data-slot": "context-rail-switcher-item",
+              tooltip: section.label,
+              isActive,
+              "aria-current": isActive ? "true" : void 0,
+              disabled: section.disabled,
+              onClick: () => handleClick(section),
+              className: "data-[active=true]:before:hidden",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "flex size-4 shrink-0 items-center justify-center [&_svg]:size-4",
+                    children: section.icon
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: accessibleName })
+              ]
+            }
+          ),
+          section.count != null && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "context-rail-count",
+              "aria-hidden": "true",
+              className: cn(COUNT_BADGE_BASE, COUNT_BADGE_POSITION),
+              children: section.count
+            }
+          )
+        ] }, section.id);
+      })
+    }
+  );
+}
+var ContextRailWide = forwardRef(function ContextRailWide2({ sections, activeId, activeSection, onSelect, empty, hasSections, className, ...props }, ref) {
+  const { t } = useLocale();
+  const headingId = useId();
+  const hasHeading = hasSections && activeSection != null;
+  return (
+    // A landmark, not a bare `<div>`: this is the THIRD region of a three-region
+    // shell and it sits OUTSIDE `<main>`, so without one its content belongs to
+    // no region a screen-reader user can navigate to. Same shape and same
+    // reasoning as `SideDock`'s own root (`side-dock.tsx`, `<aside
+    // aria-labelledby={titleId}>`) and as the blocks' list columns
+    // (`app-list-column.tsx`, `mail-list-column.tsx`). Named by the section
+    // heading below, so the name tracks the section actually on screen; with no
+    // sections there is no heading to point at, so the localized empty-state
+    // string names it instead — a landmark with no name is barely better than
+    // no landmark.
+    /* @__PURE__ */ jsx(
+      "aside",
+      {
+        ref,
+        "data-slot": "context-rail",
+        "data-presentation": "wide",
+        "aria-labelledby": hasHeading ? headingId : void 0,
+        "aria-label": hasHeading ? void 0 : t("ui.contextRail.empty"),
+        className: cn("flex h-full min-h-0 w-full flex-col", className),
+        ...props,
+        children: hasHeading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { "data-slot": "context-rail-header", className: CONTEXT_RAIL_HEADER, children: [
+            /* @__PURE__ */ jsx(
+              "h2",
+              {
+                id: headingId,
+                "data-slot": "context-rail-heading",
+                className: "min-w-0 flex-1 truncate px-2 text-title group-data-[collapsible=icon]:hidden",
+                children: activeSection.label
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ContextRailSwitcher,
+              {
+                sections,
+                activeId,
+                onSelect,
+                orientation: "row"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "context-rail-body",
+              tabIndex: 0,
+              className: "min-h-0 flex-1 overflow-y-auto p-4 focus-ring-inset group-data-[collapsible=icon]:hidden",
+              children: activeSection.content
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 group-data-[collapsible=icon]:hidden", children: empty })
+      }
+    )
+  );
+});
+var ContextRailNarrow = forwardRef(
+  function ContextRailNarrow2({ sections, activeId, activeSection, onSelect, empty, hasSections, width, className, ...props }, ref) {
+    const { open, setOpen } = useSidebar();
+    const stripRef = useRef(null);
+    const mergedStripRef = useMemo(() => mergeRefs(ref, stripRef), [ref]);
+    const { t } = useLocale();
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "aside",
+        {
+          ref: mergedStripRef,
+          "data-slot": "context-rail",
+          "data-presentation": "narrow",
+          "aria-label": activeSection?.label ?? t("ui.contextRail.empty"),
+          className: cn(
+            // `px-2 pt-3 pb-2`: the same strip padding the wide branch's
+            // collapsed header band carries, for the same reason — see
+            // `CONTEXT_RAIL_HEADER`. The two branches are one control at two
+            // widths, so their resting strip must not shift under the reader.
+            "flex h-full w-(--sidebar-width-icon) flex-col bg-sidebar px-2 pt-3 pb-2 text-sidebar-foreground",
+            className
+          ),
+          ...props,
+          children: /* @__PURE__ */ jsx(
+            ContextRailSwitcher,
+            {
+              sections,
+              activeId,
+              onSelect,
+              orientation: "column"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Sheet, { open, onOpenChange: setOpen, modal: false, children: /* @__PURE__ */ jsxs(
+        SheetContent,
+        {
+          side: "right",
+          onPointerDownOutside: (event) => {
+            if (event.target instanceof Node && stripRef.current?.contains(event.target)) {
+              event.preventDefault();
+            }
+          },
+          className: "right-[var(--sidebar-width-icon)] flex w-[var(--sidebar-width)] max-w-[calc(100vw-var(--sidebar-width-icon))] flex-col bg-sidebar p-0 text-sidebar-foreground",
+          style: {
+            // Redeclared here, not inherited — see `ContextRailNarrowProps.width`'s
+            // doc comment above for why a portal needs its own copy.
+            "--sidebar-width": width,
+            "--sidebar-width-icon": NARROW_STRIP_WIDTH
+          },
+          children: [
+            /* @__PURE__ */ jsxs(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ jsx(SheetTitle, { children: activeSection?.label ?? "" }),
+              /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the context rail\u2019s expanded content." })
+            ] }),
+            hasSections && activeSection ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  "data-slot": "context-rail-heading",
+                  className: "flex h-header shrink-0 items-center truncate border-b border-border-strong px-4 text-title",
+                  children: activeSection.label
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-slot": "context-rail-body",
+                  tabIndex: 0,
+                  className: "min-h-0 flex-1 overflow-y-auto p-4 focus-ring-inset",
+                  children: activeSection.content
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: empty })
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+var ContextRail = forwardRef(function ContextRail2({
+  sections,
+  activeSectionId,
+  defaultActiveSectionId,
+  onActiveSectionChange,
+  open,
+  defaultOpen,
+  onOpenChange,
+  width = DEFAULT_WIDTH,
+  empty,
+  overlayBreakpoint = DEFAULT_OVERLAY_BREAKPOINT,
+  className,
+  style,
+  ...props
+}, ref) {
+  const { t } = useLocale();
+  const isControlled = activeSectionId !== void 0;
+  const [internalActiveId, setInternalActiveId] = useState(
+    () => defaultActiveSectionId ?? sections[0]?.id
+  );
+  const activeId = resolveActiveId(sections, isControlled ? activeSectionId : internalActiveId);
+  const activeSection = sections.find((section) => section.id === activeId);
+  const hasSections = sections.length > 0;
+  const handleSelect = useCallback(
+    (id) => {
+      if (!isControlled) setInternalActiveId(id);
+      onActiveSectionChange?.(id);
+    },
+    [isControlled, onActiveSectionChange]
+  );
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "production" && overlayBreakpoint < 768) {
+      console.warn(
+        `ContextRail: "overlayBreakpoint" (${overlayBreakpoint}) is below 768px. The rail's overlay/Sheet presentation is meant for viewports narrower than the app shell's own mobile breakpoint \u2014 a lower value can flip the rail to its overlay presentation before the rest of the app shell does.`
+      );
+    }
+  }, [overlayBreakpoint]);
+  const isNarrow = useIsMobile(overlayBreakpoint);
+  const emptyContent = empty ?? /* @__PURE__ */ jsx(
+    StatePanel,
+    {
+      kind: "empty",
+      title: t("ui.contextRail.empty"),
+      className: "border-0 bg-sidebar-accent [--foreground:var(--sidebar-foreground)] [--muted-foreground:var(--sidebar-muted-foreground)]"
+    }
+  );
+  const emptySlot = /* @__PURE__ */ jsx("div", { "data-slot": "context-rail-empty", children: emptyContent });
+  return /* @__PURE__ */ jsx(
+    SidebarProvider,
+    {
+      frame: "nested",
+      open,
+      defaultOpen,
+      onOpenChange,
+      style: { "--sidebar-width": width },
+      children: isNarrow ? /* @__PURE__ */ jsx(
+        ContextRailNarrow,
+        {
+          ref,
+          sections,
+          activeId,
+          activeSection,
+          onSelect: handleSelect,
+          empty: emptySlot,
+          hasSections,
+          width,
+          className,
+          style,
+          ...props
+        }
+      ) : (
+        // `variant` is hardcoded, not a public prop (#382) — see the doc
+        // comment on `ContextRailProps` above.
+        // No edge line (the variant draws it under the same group selector, so the
+        // override uses that selector too). The rail's `bg-sidebar` chrome fill is
+        // already the boundary against the canvas (`surface-elevation` keeps
+        // the two apart in every theme), and beside an inset content card the
+        // card's own elevation is — so the line only ever drew a stray hairline.
+        /* @__PURE__ */ jsx(
+          Sidebar,
+          {
+            side: "right",
+            collapsible: "icon",
+            variant: "sidebar",
+            className: "group-data-[side=right]:border-l-0",
+            children: /* @__PURE__ */ jsx(
+              ContextRailWide,
+              {
+                ref,
+                sections,
+                activeId,
+                activeSection,
+                onSelect: handleSelect,
+                empty: emptySlot,
+                hasSections,
+                className,
+                style,
+                ...props
+              }
+            )
+          }
+        )
+      )
+    }
+  );
+});
+
+export {
+  ContextRail
+};
+//# sourceMappingURL=chunk-ENL3CCZB.js.map

package/dist/chunk-ENL3CCZB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/context-rail/context-rail.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from \"react\";\n\nimport { cn } from \"../../lib/cn\";\nimport { mergeRefs } from \"../../lib/merge-refs\";\nimport { useIsMobile } from \"../../lib/use-mobile\";\nimport { useLocale } from \"../locale-provider/locale-provider\";\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from \"../sheet\";\nimport {\n  Sidebar,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  useSidebar,\n} from \"../sidebar\";\nimport { StatePanel } from \"../state-panel\";\n\n/** One switchable section of a `ContextRail`. */\nexport interface ContextRailSection {\n  /** Stable identifier — the switcher's `SidebarMenuButton` key and the\n   * value reported to `activeSectionId`/`onActiveSectionChange`. */\n  id: string;\n  /** Visible label. Feeds the switcher entry's accessible name and the\n   * body's heading — never rendered as visible text in the switcher\n   * itself, which stays icon-only in every state. */\n  label: string;\n  /** Icon shown in the switcher, in both the expanded and collapsed\n   * (48px icon strip) presentations. Decorative — wrapped `aria-hidden`. */\n  icon: ReactNode;\n  /** Optional count badge. Visible in BOTH states (unlike\n   * `SidebarMenuBadge`, which hides under `collapsible=\"icon\"`) and folded\n   * into the switcher entry's accessible name, e.g. \"Sources 3 items\". */\n  count?: number;\n  /** Rendered only while this section is active — the rail mounts exactly\n   * one section's content at a time. */\n  content: ReactNode;\n  /** Disables the switcher entry; clicking it is a no-op. */\n  disabled?: boolean;\n}\n\n// #382: this surface is DECLARED, not derived from `Sidebar`\n// (`Omit<ComponentProps<typeof Sidebar>, …>`), on purpose. `ContextRail` has\n// two rendering branches and only the wide one mounts a real `Sidebar` — the\n// narrow branch (`ContextRailNarrow`, below `overlayBreakpoint`) renders a\n// `Sheet` instead and has no `Sidebar` to forward a `Sidebar`-only prop to.\n// Deriving the type from `Sidebar` previously let `variant` leak into the\n// public API and stay silently inert in the narrow branch (no `data-variant`,\n// no layout change) — see #382. Re-deriving from `Sidebar` reintroduces that\n// bug; add members here explicitly instead.\n//\n// `onSelect` (the native div text-selection event) is omitted so it can't\n// collide with this component's own `onSelect`-shaped internals\n// (`ContextRailBranchProps`) when `props` is spread onto\n// `ContextRailWide`/`ContextRailNarrow` below.\n//\n// `children` is omitted for the same reason `variant` is declared out above:\n// both `ContextRailWide` and `ContextRailNarrow` supply their OWN JSX\n// children after spreading `props` onto their root element, so a caller's\n// `children` would be accepted by the type and then silently discarded at\n// render — another advertised-but-inert prop, the exact failure mode #382\n// fixed for `variant`.\nexport interface ContextRailProps extends Omit<ComponentProps<\"div\">, \"onSelect\" | \"children\"> {\n  /** The sections the switcher can pick between. An empty array renders\n   * the `empty` slot instead of a switcher. */\n  sections: ContextRailSection[];\n  /** Controlled active section id. */\n  activeSectionId?: string;\n  /** Initial active section id (uncontrolled). Defaults to `sections[0]`. */\n  defaultActiveSectionId?: string;\n  /** Fires with the clicked section's id — including a re-click of the\n   * already-active section (open/close is a separate concern, see `open`). */\n  onActiveSectionChange?: (sectionId: string) => void;\n  /** Controlled expanded/collapsed state. Clicking the ACTIVE switcher\n   * entry toggles this; clicking an INACTIVE entry sets it `true`. */\n  open?: boolean;\n  /** Initial expanded/collapsed state (uncontrolled). Defaults to `true`. */\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Expanded width, published as `--sidebar-width`. @default \"20rem\" */\n  width?: string;\n  /** Replaces the default localized empty state when `sections` is empty. */\n  empty?: ReactNode;\n  /**\n   * Below this viewport width the rail renders its own 48px strip plus a\n   * `Sheet` for the expanded body instead of mounting `Sidebar` — dev-only\n   * warns if set below 768. @default 768\n   */\n  overlayBreakpoint?: number;\n}\n\nconst DEFAULT_WIDTH = \"20rem\";\nconst DEFAULT_OVERLAY_BREAKPOINT = 768;\n// Mirrors sidebar.tsx's private `SIDEBAR_WIDTH_ICON` — the value the nested\n// `SidebarProvider` actually publishes as `--sidebar-width-icon` (ContextRail\n// never overrides that key in its own `style` prop). ADR 0035 §3: \"The\n// collapsed strip is 3rem (48px) … Retuning it is a fork, not a prop\" — so\n// this is a fixed constant, not something derived from a prop.\nconst NARROW_STRIP_WIDTH = \"3rem\";\n\nfunction resolveActiveId(\n  sections: ContextRailSection[],\n  candidate: string | undefined,\n): string | undefined {\n  if (candidate != null && sections.some((section) => section.id === candidate)) {\n    return candidate;\n  }\n  return sections[0]?.id;\n}\n\ninterface ContextRailSwitcherProps {\n  sections: ContextRailSection[];\n  activeId: string | undefined;\n  onSelect: (id: string) => void;\n  orientation: \"row\" | \"column\";\n}\n\n// The count badge's own positioning, kept out of the JSX because the reasoning\n// below is longer than the markup it belongs to.\n//\n// It is rendered as a SIBLING of `SidebarMenuButton`, not a child.\n// `sidebarMenuButtonVariants`' base class string carries `overflow-hidden`\n// (sidebar.tsx), so a child at a negative offset (`-end-1 -top-1`) is clipped\n// by its own parent — which contradicted `ContextRailSection.count`'s promise\n// that the count stays visible in the collapsed 48px strip, the state the badge\n// exists for. `SidebarMenuItem` is already `relative` and does not clip, so the\n// same offsets resolve against the item box instead and paint in full.\nconst COUNT_BADGE_BASE =\n  \"pointer-events-none absolute inline-flex items-center justify-center rounded-full bg-sidebar-accent text-meta text-sidebar-accent-foreground tabular-nums\";\n// ONE treatment, both orientations and both states: the icon-sized corner\n// badge. The switcher entry is icon-only everywhere — expanded, it is a fixed\n// cluster in the rail's header band, not a full-width labelled row — so the\n// end-anchored, vertically-centred pill the row used to get landed ON TOP of\n// the entry's own glyph and hid it (measured at 1440px on the dashboard shell:\n// a 20px pill over a 16px icon in a 32px button).\n//\n// The badge hugs the item's own END EDGE (`end-0`) rather than overhanging it\n// (`-end-1`), which is the ordinary corner-badge convention. The reason is this\n// rail's POSITION, not its look: `ContextRail` is the outermost column of the\n// shell, so its end edge can BE the viewport edge — a 4px overhang then lands\n// past `window.innerWidth` and the count is clipped in half by the browser\n// (measured before the strip gained its own padding). `CONTEXT_RAIL_HEADER`'s\n// `px-2` now buys that margin back, so this is belt and braces rather than the\n// only guard — keep it: a host restyling the rail through `className` can put\n// the item back on the edge. The vertical `-top-1` overhang is kept — but the\n// expanded row switcher is an `overflow-x-auto` scroller, which clips on BOTH\n// axes, so that row carries `py-1` to keep the overhang inside its own box\n// (measured: without it the count was cut in half at the top).\nconst COUNT_BADGE_POSITION = \"end-0 -top-1 h-4 min-w-4 px-0.5\";\n\n// The rail's own header band. Two jobs, and both are geometry the rail cannot\n// leave to its children:\n//\n// 1. EXPANDED it is `h-header` (56px by default) — the same height an app shell's top bar carries\n//    (`AppShell`, and both shipped shell blocks) — and it holds the section\n//    heading AND the switcher in ONE row. Before this, the switcher row (32px,\n//    flush at y=0) and a separately-bordered heading (53px) stacked to 85px, so\n//    the rail's header stood ~29px taller than the bar it sits beside and\n//    nothing in the two headers lined up.\n// 2. COLLAPSED it is the 48px icon strip's own padding. `p-2` is what every\n//    other Sidebar region uses (`SidebarHeader`/`SidebarGroup`/`SidebarFooter`),\n//    and it is load-bearing here rather than decorative: without it a 32px\n//    button sits flush at the strip's start edge, 8px off the strip's centre\n//    line and 8px off every icon in the left nav rail, and the active entry's\n//    `before:` accent bar paints ON the rail's own boundary. `pt-3` (not `pt-2`)\n//    centres the FIRST icon in the same 56px band as the top bar's controls, so\n//    the two rails' first rows agree.\nconst CONTEXT_RAIL_HEADER =\n  \"flex h-header shrink-0 items-center gap-2 border-b border-border-strong px-2 group-data-[collapsible=icon]:h-auto group-data-[collapsible=icon]:flex-col group-data-[collapsible=icon]:items-stretch group-data-[collapsible=icon]:border-b-0 group-data-[collapsible=icon]:px-2 group-data-[collapsible=icon]:pt-3 group-data-[collapsible=icon]:pb-2\";\n\nfunction ContextRailSwitcher({\n  sections,\n  activeId,\n  onSelect,\n  orientation,\n}: ContextRailSwitcherProps) {\n  const { open, setOpen } = useSidebar();\n  const { t } = useLocale();\n\n  const handleClick = (section: ContextRailSection) => {\n    const isActive = section.id === activeId;\n    if (isActive) {\n      setOpen(!open);\n      return;\n    }\n    onSelect(section.id);\n    if (!open) setOpen(true);\n  };\n\n  return (\n    <SidebarMenu\n      data-slot=\"context-rail-switcher\"\n      className={\n        // Expanded, the switcher is a fixed-width cluster at the END of the\n        // header band, so it must NOT take the menu's default `w-full` — that\n        // would push the section heading out of the row. It is also capped at\n        // HALF the band: `sections` is caller-supplied and unbounded, and an\n        // uncapped row of 32px buttons reserves its full width before the\n        // heading gets any, so at the default 20rem width eight sections left\n        // the active section's label about 20px to render in — effectively\n        // gone — and more than that overflowed the rail. Capped, the overflow\n        // moves into the cluster itself, which scrolls (its items are the\n        // buttons, so the region already has the focusable descendant WCAG\n        // 2.1.1 wants) while the heading keeps its half. Collapsed (and in the\n        // narrow strip) it is the whole column again, with no cap and no\n        // scroller.\n        orientation === \"row\"\n          ? \"w-auto max-w-1/2 shrink-0 flex-row overflow-x-auto py-1 [&>li]:shrink-0 group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:max-w-none group-data-[collapsible=icon]:flex-col group-data-[collapsible=icon]:overflow-x-visible\"\n          : \"flex-col\"\n      }\n    >\n      {sections.map((section) => {\n        const isActive = section.id === activeId;\n        const countPhrase =\n          section.count != null\n            ? t(\"ui.contextRail.sectionCount\", { count: section.count })\n            : undefined;\n        // The count is deliberately part of the accessible name (one\n        // sr-only span authors the whole string) — a screen-reader user\n        // switching sections should hear \"Sources 3 items\", not just\n        // \"Sources\", since the count is the reason to pick that section.\n        const accessibleName = countPhrase ? `${section.label} ${countPhrase}` : section.label;\n\n        return (\n          <SidebarMenuItem key={section.id}>\n            <SidebarMenuButton\n              data-slot=\"context-rail-switcher-item\"\n              tooltip={section.label}\n              isActive={isActive}\n              aria-current={isActive ? \"true\" : undefined}\n              disabled={section.disabled}\n              onClick={() => handleClick(section)}\n              // No leading accent bar: in a nav LIST it marks the row, but on a\n              // 32px icon button in this switcher it read as a stray vertical\n              // line beside the glyph. The accent fill is the active cue here\n              // (a shape, so it survives greyscale), and `aria-current` names it.\n              className=\"data-[active=true]:before:hidden\"\n            >\n              <span\n                aria-hidden=\"true\"\n                className=\"flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\"\n              >\n                {section.icon}\n              </span>\n              <span className=\"sr-only\">{accessibleName}</span>\n            </SidebarMenuButton>\n            {section.count != null && (\n              <span\n                data-slot=\"context-rail-count\"\n                aria-hidden=\"true\"\n                className={cn(COUNT_BADGE_BASE, COUNT_BADGE_POSITION)}\n              >\n                {section.count}\n              </span>\n            )}\n          </SidebarMenuItem>\n        );\n      })}\n    </SidebarMenu>\n  );\n}\n\ninterface ContextRailBranchProps extends Omit<ComponentProps<\"div\">, \"onSelect\"> {\n  sections: ContextRailSection[];\n  activeId: string | undefined;\n  activeSection: ContextRailSection | undefined;\n  onSelect: (id: string) => void;\n  empty: ReactNode;\n  hasSections: boolean;\n}\n\ninterface ContextRailNarrowProps extends ContextRailBranchProps {\n  /**\n   * The rail's expanded width (`ContextRailProps.width`), forwarded here\n   * because the Sheet's content is portalled to `document.body` and is\n   * therefore NOT a DOM descendant of the nested `SidebarProvider` that\n   * declares `--sidebar-width` on its own element — custom properties\n   * inherit down the real DOM tree, not the React tree, so a portal never\n   * sees an ancestor's declaration. Redeclared inline on `SheetContent`\n   * itself, mirroring the library's own precedent for the same problem\n   * (`sidebar.tsx`'s mobile `Sheet`, `style={{ \"--sidebar-width\":\n   * SIDEBAR_WIDTH_MOBILE }}`).\n   */\n  width: string;\n}\n\nconst ContextRailWide = forwardRef<HTMLDivElement, ContextRailBranchProps>(function ContextRailWide(\n  { sections, activeId, activeSection, onSelect, empty, hasSections, className, ...props },\n  ref,\n) {\n  const { t } = useLocale();\n  const headingId = useId();\n  const hasHeading = hasSections && activeSection != null;\n\n  return (\n    // A landmark, not a bare `<div>`: this is the THIRD region of a three-region\n    // shell and it sits OUTSIDE `<main>`, so without one its content belongs to\n    // no region a screen-reader user can navigate to. Same shape and same\n    // reasoning as `SideDock`'s own root (`side-dock.tsx`, `<aside\n    // aria-labelledby={titleId}>`) and as the blocks' list columns\n    // (`app-list-column.tsx`, `mail-list-column.tsx`). Named by the section\n    // heading below, so the name tracks the section actually on screen; with no\n    // sections there is no heading to point at, so the localized empty-state\n    // string names it instead — a landmark with no name is barely better than\n    // no landmark.\n    <aside\n      // Runtime-safe: the ref target is a real element either way; only the TS\n      // element type differs, and `ContextRailProps` keeps the `HTMLDivElement`\n      // ref it has always published rather than making this a breaking change.\n      ref={ref as Ref<HTMLElement>}\n      data-slot=\"context-rail\"\n      // Which of the two presentations is on screen, as a styling hook. A host\n      // that has to compensate for its OWN chrome (the dashboard block pays\n      // back an inset card's top gutter so the two headers share a line) needs\n      // a different offset per branch, and `className` lands on whichever one\n      // is mounted — so without this marker one branch always gets the other's\n      // number.\n      data-presentation=\"wide\"\n      aria-labelledby={hasHeading ? headingId : undefined}\n      aria-label={hasHeading ? undefined : t(\"ui.contextRail.empty\")}\n      className={cn(\"flex h-full min-h-0 w-full flex-col\", className)}\n      {...props}\n    >\n      {hasHeading ? (\n        <>\n          {/* Heading and switcher share ONE band, sized to the app shell's own\n              top bar — see `CONTEXT_RAIL_HEADER`. With no sections there is no\n              switcher and no heading, so the band would be an empty ruled bar:\n              it goes with them. */}\n          <div data-slot=\"context-rail-header\" className={CONTEXT_RAIL_HEADER}>\n            {/* A real heading, not a `text-title` div: the body content sits\n                under it, so heading navigation has to be able to reach it (WCAG\n                1.3.1). `h2` is the rung under the host page's own `h1`. */}\n            <h2\n              id={headingId}\n              data-slot=\"context-rail-heading\"\n              className=\"min-w-0 flex-1 truncate px-2 text-title group-data-[collapsible=icon]:hidden\"\n            >\n              {activeSection.label}\n            </h2>\n            <ContextRailSwitcher\n              sections={sections}\n              activeId={activeId}\n              onSelect={onSelect}\n              orientation=\"row\"\n            />\n          </div>\n          <div\n            data-slot=\"context-rail-body\"\n            // Focusable because it scrolls; `focus-ring-inset` because\n            // `Sidebar`'s own frame clips anything drawn outside this box, and\n            // both layers of the plain rung are drawn outside it. The content\n            // this rail mounts is caller-supplied and routinely has no\n            // focusable descendant at all, so without a tab stop there is no\n            // keyboard route into the region once it overflows (WCAG 2.1.1,\n            // axe `scrollable-region-focusable`).\n            tabIndex={0}\n            className=\"min-h-0 flex-1 overflow-y-auto p-4 focus-ring-inset group-data-[collapsible=icon]:hidden\"\n          >\n            {activeSection.content}\n          </div>\n        </>\n      ) : (\n        <div className=\"min-h-0 flex-1 group-data-[collapsible=icon]:hidden\">{empty}</div>\n      )}\n    </aside>\n  );\n});\n\nconst ContextRailNarrow = forwardRef<HTMLDivElement, ContextRailNarrowProps>(\n  function ContextRailNarrow(\n    { sections, activeId, activeSection, onSelect, empty, hasSections, width, className, ...props },\n    ref,\n  ) {\n    const { open, setOpen } = useSidebar();\n    // The strip is the sheet's own persistent companion control (ADR 0035\n    // §3), not something genuinely \"outside\" it — but it IS a DOM sibling\n    // outside the Sheet's portalled content, so Radix's DismissableLayer\n    // (active even with `modal={false}`; see the comment on `<Sheet>` below)\n    // treats a pointerdown on the strip as an outside interaction and calls\n    // `onOpenChange(false)` on POINTERDOWN, before this component's own\n    // `onClick` runs. MEASURED (fix round 1, task-9b-fix-1.md): that race\n    // flips `open` to `false` a tick before `ContextRailSwitcher`'s\n    // `handleClick` reads it, so clicking the ACTIVE entry (meant to CLOSE\n    // the sheet via `setOpen(!open)`) instead read `open` as already-false\n    // and REOPENED it — the sheet never actually closed. `onPointerDownOutside`\n    // is the sanctioned Radix escape hatch for exactly this: suppress the\n    // auto-dismiss for pointerdowns that land on the strip, and let this\n    // component's own click handler keep owning open/close for it — a\n    // genuine outside click (the canvas, anywhere else) still dismisses.\n    const stripRef = useRef<HTMLDivElement>(null);\n    const mergedStripRef = useMemo(() => mergeRefs<HTMLDivElement>(ref, stripRef), [ref]);\n    const { t } = useLocale();\n\n    return (\n      <>\n        {/* The same landmark the wide branch gets, for the same reason — but\n            named with `aria-label`, not `aria-labelledby`. The heading here\n            lives inside the Sheet, which is PORTALLED to `document.body` and\n            unmounted while the sheet is closed, so an id reference would point\n            at nothing in the rail's resting state. The computed name is\n            identical either way. */}\n        <aside\n          // Runtime-safe cast; see the wide branch for why the published ref\n          // type stays `HTMLDivElement`.\n          ref={mergedStripRef as Ref<HTMLElement>}\n          data-slot=\"context-rail\"\n          // See the wide branch: the marker is what lets a host target one\n          // presentation's padding without disturbing the other's.\n          data-presentation=\"narrow\"\n          aria-label={activeSection?.label ?? t(\"ui.contextRail.empty\")}\n          className={cn(\n            // `px-2 pt-3 pb-2`: the same strip padding the wide branch's\n            // collapsed header band carries, for the same reason — see\n            // `CONTEXT_RAIL_HEADER`. The two branches are one control at two\n            // widths, so their resting strip must not shift under the reader.\n            \"flex h-full w-(--sidebar-width-icon) flex-col bg-sidebar px-2 pt-3 pb-2 text-sidebar-foreground\",\n            className,\n          )}\n          {...props}\n        >\n          <ContextRailSwitcher\n            sections={sections}\n            activeId={activeId}\n            onSelect={onSelect}\n            orientation=\"column\"\n          />\n        </aside>\n        {/* `modal={false}`: the 48px strip is a PERSISTENT sibling of this\n            sheet, not part of it — Radix's default modal behaviour hides\n            every body sibling from assistive tech and traps focus inside\n            the dialog while open, which would make the always-visible\n            switcher strip unreachable to a screen reader the moment the\n            sheet opens. Non-modal keeps the strip operable throughout (and,\n            per Radix, means DialogOverlay renders nothing — the panel itself\n            is the only thing that can be occluding the strip). */}\n        <Sheet open={open} onOpenChange={setOpen} modal={false}>\n          <SheetContent\n            side=\"right\"\n            onPointerDownOutside={(event) => {\n              if (event.target instanceof Node && stripRef.current?.contains(event.target)) {\n                event.preventDefault();\n              }\n            }}\n            // The strip is a REAL, non-portalled DOM descendant of the nested\n            // provider, so `right-0`/`w-3/4`/`max-w-sm` from `sheetVariants`\n            // would seat this portalled panel directly on top of it (both\n            // anchored to the same right edge, panel wider than the strip).\n            // Inset by exactly the strip width so both stay hittable — never\n            // hide the strip, never move the switcher into the sheet (ADR\n            // 0035 §3: \"The collapsed icon strip survives at every viewport\n            // width\"). MEASURED (fix round 1, task-9b-fix-1.md): this repo's\n            // pinned `tailwind-merge@^2.6.0` predates Tailwind v4's `(--var)`\n            // parens shorthand and does not recognize it as an arbitrary\n            // value for the `right`/`w` groups — `right-(--sidebar-width-icon)`\n            // and `w-(--sidebar-width)` were silently left UN-deduped against\n            // `sheetVariants`' own `right-0`/`w-3/4` (both ended up in the\n            // merged class list, letting the ORIGINAL literal win the\n            // cascade — the exact bug this fix exists to close). The bracket\n            // form with an explicit `var()` call — already proven to merge\n            // correctly two tokens later in this same string, where\n            // `max-w-[calc(100vw-var(--sidebar-width-icon))]` DOES dedupe\n            // against `max-w-sm` — is what tailwind-merge v2 actually\n            // recognizes, so `right`/`w` use that form too.\n            className=\"right-[var(--sidebar-width-icon)] flex w-[var(--sidebar-width)] max-w-[calc(100vw-var(--sidebar-width-icon))] flex-col bg-sidebar p-0 text-sidebar-foreground\"\n            style={\n              {\n                // Redeclared here, not inherited — see `ContextRailNarrowProps.width`'s\n                // doc comment above for why a portal needs its own copy.\n                \"--sidebar-width\": width,\n                \"--sidebar-width-icon\": NARROW_STRIP_WIDTH,\n              } as CSSProperties\n            }\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>{activeSection?.label ?? \"\"}</SheetTitle>\n              <SheetDescription>\n                Displays the context rail&rsquo;s expanded content.\n              </SheetDescription>\n            </SheetHeader>\n            {hasSections && activeSection ? (\n              <>\n                {/* A real heading for the same reason as the wide branch. The\n                    Sheet's own name comes from the `sr-only` `SheetTitle`\n                    above; this is the visible heading the body sits under. */}\n                <h2\n                  data-slot=\"context-rail-heading\"\n                  // `h-header`, matching the wide branch's header band and the app\n                  // shell's top bar — the sheet is the same rail at a narrower\n                  // width, so its header keeps the same height.\n                  className=\"flex h-header shrink-0 items-center truncate border-b border-border-strong px-4 text-title\"\n                >\n                  {activeSection.label}\n                </h2>\n                <div\n                  data-slot=\"context-rail-body\"\n                  // Focusable because it scrolls; `focus-ring-inset` because the\n                  // Sheet panel clips anything drawn outside this box. See the\n                  // wide branch for the full rationale.\n                  tabIndex={0}\n                  className=\"min-h-0 flex-1 overflow-y-auto p-4 focus-ring-inset\"\n                >\n                  {activeSection.content}\n                </div>\n              </>\n            ) : (\n              <div className=\"min-h-0 flex-1\">{empty}</div>\n            )}\n          </SheetContent>\n        </Sheet>\n      </>\n    );\n  },\n);\n\n/**\n * A right-hand rail whose collapsed state is a 48px icon strip that doubles\n * as its own section switcher. Built on `Sidebar`/`SidebarProvider`\n * (`frame=\"nested\"`, ADR 0035 §4) as an implementation detail — the public\n * seam is `sections` + `activeSectionId`/`onActiveSectionChange` (which\n * section) and `open`/`onOpenChange` (expanded or collapsed), both\n * controlled/uncontrolled. Below `overlayBreakpoint` it renders its own\n * strip plus a `Sheet` instead of mounting `Sidebar`. See\n * `docs/ADR/0035-context-rail-and-side-dock.md` §3.\n *\n * Known constraint (task-11f-brief.md Finding 5): below `overlayBreakpoint`\n * the expanded body is a `Sheet`, which always spans the full browser\n * viewport, while the persistent 48px strip is bounded by whatever container\n * the host gives the rail. In a host container shorter than the viewport\n * (any app shell with a toolbar above the rail), the strip stops mid-screen\n * while the sheet keeps going — the two read as unrelated surfaces. Give\n * `ContextRail` a full-viewport-height host container below the breakpoint\n * to avoid this seam.\n */\nexport const ContextRail = forwardRef<HTMLDivElement, ContextRailProps>(function ContextRail(\n  {\n    sections,\n    activeSectionId,\n    defaultActiveSectionId,\n    onActiveSectionChange,\n    open,\n    defaultOpen,\n    onOpenChange,\n    width = DEFAULT_WIDTH,\n    empty,\n    overlayBreakpoint = DEFAULT_OVERLAY_BREAKPOINT,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const { t } = useLocale();\n  const isControlled = activeSectionId !== undefined;\n  const [internalActiveId, setInternalActiveId] = useState<string | undefined>(\n    () => defaultActiveSectionId ?? sections[0]?.id,\n  );\n  const activeId = resolveActiveId(sections, isControlled ? activeSectionId : internalActiveId);\n  const activeSection = sections.find((section) => section.id === activeId);\n  const hasSections = sections.length > 0;\n\n  const handleSelect = useCallback(\n    (id: string) => {\n      if (!isControlled) setInternalActiveId(id);\n      onActiveSectionChange?.(id);\n    },\n    [isControlled, onActiveSectionChange],\n  );\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\" && overlayBreakpoint < 768) {\n      // oxlint-disable-next-line no-console\n      console.warn(\n        `ContextRail: \"overlayBreakpoint\" (${overlayBreakpoint}) is below 768px. The rail's ` +\n          \"overlay/Sheet presentation is meant for viewports narrower than the app shell's own \" +\n          \"mobile breakpoint — a lower value can flip the rail to its overlay presentation \" +\n          \"before the rest of the app shell does.\",\n      );\n    }\n  }, [overlayBreakpoint]);\n\n  const isNarrow = useIsMobile(overlayBreakpoint);\n\n  // Finding 4 (task-11f-brief.md): `StatePanel`'s `empty` variant paints\n  // `bg-surface` — a CONTENT-canvas token — which is correct for every other\n  // consumer but wrong here: this slot sits inside `--sidebar` CHROME, and in\n  // the `light` reference theme `--surface` reads as a near-white rectangle\n  // against the rail's own dark ground. Fixed at this call site only (never\n  // in `state-panel.tsx`, which stays canvas-tuned for its other consumers):\n  // `bg-sidebar-accent` moves the panel onto a sidebar-family surface (no new\n  // token minted), and the `--foreground` / `--muted-foreground` custom-\n  // property retarget makes `StatePanel`'s own (unexported)\n  // `text-foreground`/`text-muted-foreground` title and description ink\n  // resolve against the RAIL's ink instead of the page's — in `light`,\n  // `--foreground` and `--sidebar` are the same colour, so without this the\n  // title would render at ~1.3:1 against its own background. Same idiom as\n  // `focus-ring [--focus-ring-color:…]` elsewhere in this package: retarget\n  // the variable the shared component already reads, don't fork the\n  // component.\n  //\n  // Fix round 1 (task-11f-fix-1.md, Moderate M1): this block used to also add\n  // `border-sidebar-border`. Measured against the `bg-sidebar-accent` fill\n  // above, that border read at 1.09:1 (light) / 1.07:1 (dark) — effectively\n  // invisible, and a pairing no other Sidebar-family surface uses (every\n  // other use of `--sidebar-border` sits on the ambient `--sidebar` chrome,\n  // not on this fill).\n  //\n  // Fix round 2 (task-11f-fix-2.md, Finding B): dropping the colour class\n  // wasn't enough — `StatePanel`'s OWN `border border-dashed` still rendered,\n  // falling through to the base `--border` token instead of a sidebar one.\n  // Measured: 7.56:1 (light) — a canvas-tuned border drawing inside sidebar\n  // chrome, a semantic mismatch — and 1.15:1 (dark) — still effectively\n  // invisible, M1's original problem reached through a different token. Fixed\n  // by removing the border ELEMENT itself, not just its colour: `border-0`\n  // here (call-site `className`, merged last by `cn()`) beats `StatePanel`'s\n  // own `border border-dashed` with no edit to the shared component and no\n  // effect on any other consumer. The fill (`bg-sidebar-accent`) plus the\n  // title/description ink retargets are left exactly as they were — verified\n  // by eye in both `layout-context-rail--empty` theme slugs that the panel\n  // still reads as a bounded region on fill and title alone.\n  const emptyContent = empty ?? (\n    <StatePanel\n      kind=\"empty\"\n      title={t(\"ui.contextRail.empty\")}\n      className=\"border-0 bg-sidebar-accent [--foreground:var(--sidebar-foreground)] [--muted-foreground:var(--sidebar-muted-foreground)]\"\n    />\n  );\n  const emptySlot = <div data-slot=\"context-rail-empty\">{emptyContent}</div>;\n\n  return (\n    <SidebarProvider\n      frame=\"nested\"\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      style={{ \"--sidebar-width\": width } as CSSProperties}\n    >\n      {isNarrow ? (\n        <ContextRailNarrow\n          ref={ref}\n          sections={sections}\n          activeId={activeId}\n          activeSection={activeSection}\n          onSelect={handleSelect}\n          empty={emptySlot}\n          hasSections={hasSections}\n          width={width}\n          className={className}\n          style={style}\n          {...props}\n        />\n      ) : (\n        // `variant` is hardcoded, not a public prop (#382) — see the doc\n        // comment on `ContextRailProps` above.\n        // No edge line (the variant draws it under the same group selector, so the\n        // override uses that selector too). The rail's `bg-sidebar` chrome fill is\n        // already the boundary against the canvas (`surface-elevation` keeps\n        // the two apart in every theme), and beside an inset content card the\n        // card's own elevation is — so the line only ever drew a stray hairline.\n        <Sidebar\n          side=\"right\"\n          collapsible=\"icon\"\n          variant=\"sidebar\"\n          // eslint-disable-next-line conventions/logical-props -- must cancel Sidebar's own physical `group-data-[side=right]:border-l` under the same selector; a logical override loses the cascade\n          className=\"group-data-[side=right]:border-l-0\"\n        >\n          <ContextRailWide\n            ref={ref}\n            sections={sections}\n            activeId={activeId}\n            activeSection={activeSection}\n            onSelect={handleSelect}\n            empty={emptySlot}\n            hasSections={hasSections}\n            className={className}\n            style={style}\n            {...props}\n          />\n        </Sidebar>\n      )}\n    </SidebarProvider>\n  );\n});\n"],"mappings":"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","names":["ContextRailWide","ContextRailNarrow","ContextRail"]}

package/dist/chunk-EP3U7OQ3.js

@@ -0,0 +1,18 @@
+"use client";
+
+// src/lib/agent-event-model.ts
+function agentEventOutcomeStatus(outcome) {
+  switch (outcome) {
+    case "ok":
+      return "complete";
+    case "blocked":
+      return "denied";
+    case "failed":
+      return "failed";
+  }
+}
+
+export {
+  agentEventOutcomeStatus
+};
+//# sourceMappingURL=chunk-EP3U7OQ3.js.map

package/dist/chunk-EP3U7OQ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/agent-event-model.ts"],"sourcesContent":["/**\n * The lifecycle/hook-event model behind `AgentEvent` (`@elabs-ai/components-ai`,\n * #109) and the terminal CLI look-alike family's own event line (issue #117).\n *\n * Promoted here (not duplicated) because `@elabs-ai/components-ai` and\n * `@elabs-ai/components-terminal` are layer-2 DAG SIBLINGS and may not import\n * each other — `ui` is upstream of both\n * (docs/decisions/2026-09-01-brainless-adoption-architecture.md § 4).\n * `agentEventOutcomeStatus` maps onto the existing closed 7-state `Status`\n * (`components/status-badge/status-badge.tsx`), which already lives in\n * `ui` — no eighth status is introduced.\n */\nimport type { Status } from \"../components/status-badge/status-badge\";\n\n/**\n * When an event fired relative to the action it gates. A separate, WIDER\n * vocabulary than `CheckResult.phase` (`\"before\" | \"after\"`, per-check): this\n * one also admits `\"lifecycle\"` for events with no gated action (a turn's\n * `user_prompt_submit`/`stop`). The two `phase` concepts answer different\n * questions — \"when did this event fire\" vs \"when did this check run\" — and\n * are never unified (§ 6.1 of the architecture decision above).\n */\nexport type AgentEventPhase = \"before\" | \"after\" | \"lifecycle\";\n\n/** An event's verdict. Maps onto the existing closed `Status` — see `agentEventOutcomeStatus`. */\nexport type AgentEventOutcome = \"ok\" | \"blocked\" | \"failed\";\n\n/**\n * `outcome` → the canonical 7-state `Status`. No new status value is added\n * (issue #109 acceptance criteria); `blocked` maps to `denied` — a runtime\n * hook refusing an action is the same shape as a human denying one.\n */\nexport function agentEventOutcomeStatus(outcome: AgentEventOutcome): Status {\n  switch (outcome) {\n    case \"ok\":\n      return \"complete\";\n    case \"blocked\":\n      return \"denied\";\n    case \"failed\":\n      return \"failed\";\n  }\n}\n"],"mappings":";;;AAgCO,SAAS,wBAAwB,SAAoC;AAC1E,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/chunk-ERTYAID6.js

@@ -0,0 +1,101 @@
+"use client";
+import {
+  toggleVariants
+} from "./chunk-LG33MONJ.js";
+import {
+  buttonVariants
+} from "./chunk-C5QBV5RE.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/toolbar/toolbar.tsx
+import * as ToolbarPrimitive from "@radix-ui/react-toolbar";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var toolbarVariants = cva("flex items-center gap-1", {
+  variants: {
+    orientation: {
+      horizontal: "flex-row",
+      // Radix already writes `aria-orientation`; this only lays it out.
+      vertical: "h-full flex-col"
+    }
+  },
+  defaultVariants: { orientation: "horizontal" }
+});
+var Toolbar = forwardRef(
+  function Toolbar2({ className, orientation, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      ToolbarPrimitive.Root,
+      {
+        ref,
+        "data-slot": "toolbar",
+        orientation: orientation ?? "horizontal",
+        className: cn(toolbarVariants({ orientation }), className),
+        ...props
+      }
+    );
+  }
+);
+var ToolbarButton = forwardRef(function ToolbarButton2({ className, variant = "ghost", size = "sm", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ToolbarPrimitive.Button,
+    {
+      ref,
+      "data-slot": "toolbar-button",
+      className: cn(buttonVariants({ variant, size }), className),
+      ...props
+    }
+  );
+});
+var ToolbarSeparator = forwardRef(function ToolbarSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ToolbarPrimitive.Separator,
+    {
+      ref,
+      "data-slot": "toolbar-separator",
+      className: cn(
+        "bg-border-strong mx-1 shrink-0",
+        "data-[orientation=horizontal]:h-5 data-[orientation=horizontal]:w-px",
+        "data-[orientation=vertical]:h-px data-[orientation=vertical]:w-5",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var ToolbarToggleGroup = forwardRef(function ToolbarToggleGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ToolbarPrimitive.ToggleGroup,
+    {
+      ref,
+      "data-slot": "toolbar-toggle-group",
+      className: cn("flex items-center gap-1", className),
+      ...props
+    }
+  );
+});
+var ToolbarToggleItem = forwardRef(function ToolbarToggleItem2({ className, size = "sm", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ToolbarPrimitive.ToggleItem,
+    {
+      ref,
+      "data-slot": "toolbar-toggle-item",
+      className: cn(toggleVariants({ size }), className),
+      ...props
+    }
+  );
+});
+var ToolbarSlot = ToolbarPrimitive.Button;
+
+export {
+  toolbarVariants,
+  Toolbar,
+  ToolbarButton,
+  ToolbarSeparator,
+  ToolbarToggleGroup,
+  ToolbarToggleItem,
+  ToolbarSlot
+};
+//# sourceMappingURL=chunk-ERTYAID6.js.map

package/dist/chunk-ERTYAID6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toolbar/toolbar.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * Toolbar — the ONE row that genuinely claims `role=\"toolbar\"`.\n *\n * The role is a promise: a toolbar is a SINGLE tab stop, and the arrow keys move\n * between its controls (WAI-ARIA APG). Four rows in this repo claim the role\n * without implementing that, which is worse than not claiming it — a screen\n * reader tells the user to press the arrow keys and nothing happens. This\n * component delegates the roving tabindex to `@radix-ui/react-toolbar` so the\n * promise is kept, and exists so no one has to hand-roll it again.\n *\n * When NOT to use it. A row of ordinary controls above a list or table is a\n * `ViewToolbar` — that component deliberately does not claim the role, because\n * every control there is an ordinary tab stop and readers expect Tab, not\n * arrows. Reach for `Toolbar` when the row is DENSE and SECONDARY to the content\n * it acts on (a document's page/zoom controls, a formatting bar): collapsing a\n * dozen controls into one tab stop is what makes the content reachable again.\n *\n * Anatomy — a shell plus three composable parts. There is no `actions` prop and\n * no items array: a toolbar's layout is the caller's, so groups are arranged\n * with ordinary flex utilities and `ToolbarSeparator` between them.\n */\n\nimport * as ToolbarPrimitive from \"@radix-ui/react-toolbar\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\n\nimport { cn } from \"../../lib/cn\";\nimport { buttonVariants } from \"../button\";\nimport { toggleVariants } from \"../toggle\";\n\n/* -------------------------------------------------------------------------- */\n/* Root                                                                        */\n/* -------------------------------------------------------------------------- */\n\nexport const toolbarVariants = cva(\"flex items-center gap-1\", {\n  variants: {\n    orientation: {\n      horizontal: \"flex-row\",\n      // Radix already writes `aria-orientation`; this only lays it out.\n      vertical: \"h-full flex-col\",\n    },\n  },\n  defaultVariants: { orientation: \"horizontal\" },\n});\n\nexport interface ToolbarProps\n  extends\n    Omit<ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root>, \"orientation\">,\n    VariantProps<typeof toolbarVariants> {\n  /**\n   * What this toolbar acts on (\"Document\", \"Formatting\"). A toolbar is one tab\n   * stop with several controls inside it, so without a name a screen-reader\n   * user lands on an anonymous group — hence required, not optional.\n   */\n  \"aria-label\": string;\n}\n\n/**\n * The row shell. Renders no surface of its own: a toolbar sits ON something\n * (a card header, a document frame) and inherits that surface, so painting a\n * background here would double the fill wherever it is placed.\n */\nexport const Toolbar = forwardRef<ElementRef<typeof ToolbarPrimitive.Root>, ToolbarProps>(\n  function Toolbar({ className, orientation, ...props }, ref) {\n    return (\n      <ToolbarPrimitive.Root\n        ref={ref}\n        data-slot=\"toolbar\"\n        orientation={orientation ?? \"horizontal\"}\n        className={cn(toolbarVariants({ orientation }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------- */\n/* Parts                                                                       */\n/* -------------------------------------------------------------------------- */\n\nexport interface ToolbarButtonProps\n  extends\n    ComponentPropsWithoutRef<typeof ToolbarPrimitive.Button>,\n    Pick<VariantProps<typeof buttonVariants>, \"variant\" | \"size\"> {}\n\n/**\n * A control inside the toolbar. Styled with `buttonVariants` — the same ink,\n * heights and focus ring as every other button in the system, not a parallel\n * set. Icon-only controls take `size=\"icon-sm\"` and MUST carry an `aria-label`;\n * wrap in a `Tooltip` when the glyph needs a name on screen too.\n */\nexport const ToolbarButton = forwardRef<\n  ElementRef<typeof ToolbarPrimitive.Button>,\n  ToolbarButtonProps\n>(function ToolbarButton({ className, variant = \"ghost\", size = \"sm\", ...props }, ref) {\n  return (\n    <ToolbarPrimitive.Button\n      ref={ref}\n      data-slot=\"toolbar-button\"\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n});\n\nexport type ToolbarSeparatorProps = ComponentPropsWithoutRef<typeof ToolbarPrimitive.Separator>;\n\n/**\n * The divider between two groups of controls. It is the ONLY cue between two\n * same-fill regions of the row, so it takes the strong rung (WCAG 1.4.11,\n * ADR 0010) — `Separator`'s subtle default would be a decorative hairline here.\n */\nexport const ToolbarSeparator = forwardRef<\n  ElementRef<typeof ToolbarPrimitive.Separator>,\n  ToolbarSeparatorProps\n>(function ToolbarSeparator({ className, ...props }, ref) {\n  return (\n    <ToolbarPrimitive.Separator\n      ref={ref}\n      data-slot=\"toolbar-separator\"\n      className={cn(\n        \"bg-border-strong mx-1 shrink-0\",\n        \"data-[orientation=horizontal]:h-5 data-[orientation=horizontal]:w-px\",\n        \"data-[orientation=vertical]:h-px data-[orientation=vertical]:w-5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport type ToolbarToggleGroupProps = ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleGroup>;\n\n/** A set of mutually-exclusive or multi-select toggles (a view switcher, bold/italic). */\nexport const ToolbarToggleGroup = forwardRef<\n  ElementRef<typeof ToolbarPrimitive.ToggleGroup>,\n  ToolbarToggleGroupProps\n>(function ToolbarToggleGroup({ className, ...props }, ref) {\n  return (\n    <ToolbarPrimitive.ToggleGroup\n      ref={ref}\n      data-slot=\"toolbar-toggle-group\"\n      className={cn(\"flex items-center gap-1\", className)}\n      {...props}\n    />\n  );\n});\n\nexport interface ToolbarToggleItemProps\n  extends\n    ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleItem>,\n    Pick<VariantProps<typeof toggleVariants>, \"size\"> {}\n\n/** One toggle. Shares `Toggle`'s pressed styling, so state reads the same everywhere. */\nexport const ToolbarToggleItem = forwardRef<\n  ElementRef<typeof ToolbarPrimitive.ToggleItem>,\n  ToolbarToggleItemProps\n>(function ToolbarToggleItem({ className, size = \"sm\", ...props }, ref) {\n  return (\n    <ToolbarPrimitive.ToggleItem\n      ref={ref}\n      data-slot=\"toolbar-toggle-item\"\n      className={cn(toggleVariants({ size }), className)}\n      {...props}\n    />\n  );\n});\n\n/**\n * An escape hatch for anything the parts above do not cover — a `Select`, an\n * input, a `DropdownMenu` trigger. `asChild` hands the roving-tabindex wiring to\n * whatever you render, so the control stays part of the arrow-key sequence\n * instead of becoming a second tab stop inside a single-tab-stop row.\n */\nexport const ToolbarSlot = ToolbarPrimitive.Button;\n"],"mappings":";;;;;;;;;;;;AAwBA,YAAY,sBAAsB;AAClC,SAAS,WAA8B;AACvC,SAAS,kBAAkE;AAyCrE;AA/BC,IAAM,kBAAkB,IAAI,2BAA2B;AAAA,EAC5D,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA;AAAA,MAEZ,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,aAAa,aAAa;AAC/C,CAAC;AAmBM,IAAM,UAAU;AAAA,EACrB,SAASA,SAAQ,EAAE,WAAW,aAAa,GAAG,MAAM,GAAG,KAAK;AAC1D,WACE;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV,aAAa,eAAe;AAAA,QAC5B,WAAW,GAAG,gBAAgB,EAAE,YAAY,CAAC,GAAG,SAAS;AAAA,QACxD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAiBO,IAAM,gBAAgB,WAG3B,SAASC,eAAc,EAAE,WAAW,UAAU,SAAS,OAAO,MAAM,GAAG,MAAM,GAAG,KAAK;AACrF,SACE;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AASM,IAAM,mBAAmB,WAG9B,SAASC,kBAAiB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACxD,SACE;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAKM,IAAM,qBAAqB,WAGhC,SAASC,oBAAmB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC1D,SACE;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAQM,IAAM,oBAAoB,WAG/B,SAASC,mBAAkB,EAAE,WAAW,OAAO,MAAM,GAAG,MAAM,GAAG,KAAK;AACtE,SACE;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MAChD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAQM,IAAM,cAA+B;","names":["Toolbar","ToolbarButton","ToolbarSeparator","ToolbarToggleGroup","ToolbarToggleItem"]}

package/dist/chunk-FAOX6A5D.js

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

package/dist/chunk-FAOX6A5D.js.map

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