@orianatech/pire 1.1.0 → 1.2.0

package/dist/index.cjs

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  AppLauncher: () => AppLauncher,
   Avatar: () => Avatar,
   Badge: () => Badge,
   BarChart: () => BarChart,
@@ -49,17 +50,17 @@ __export(src_exports, {
   DialogBody: () => DialogBody,
   DialogDescription: () => DialogDescription,
   DialogTitle: () => DialogTitle,
-  DialogTrigger: () => import_react_aria_components34.DialogTrigger,
+  DialogTrigger: () => import_react_aria_components36.DialogTrigger,
   DonutChart: () => DonutChart,
   EmptyState: () => EmptyState,
   FileDropZone: () => FileDropZone,
   FileUpload: () => FileUpload,
   FilterBar: () => FilterBar,
-  Focusable: () => import_react_aria_components35.Focusable,
+  Focusable: () => import_react_aria_components37.Focusable,
   FooterBar: () => FooterBar,
   FormField: () => FormField,
   Heading: () => Heading,
-  I18nProvider: () => import_react_aria_components34.I18nProvider,
+  I18nProvider: () => import_react_aria_components36.I18nProvider,
   ICON_NAMES: () => ICON_NAMES,
   Icon: () => Icon,
   IconButton: () => IconButton,
@@ -74,7 +75,7 @@ __export(src_exports, {
   MenuItem: () => MenuItem,
   MenuSection: () => MenuSection,
   MenuSeparator: () => MenuSeparator,
-  MenuTrigger: () => import_react_aria_components34.MenuTrigger,
+  MenuTrigger: () => import_react_aria_components36.MenuTrigger,
   MultiComboBox: () => MultiComboBox,
   NumberField: () => NumberField,
   ObjectHeader: () => ObjectHeader,
@@ -82,24 +83,25 @@ __export(src_exports, {
   PageHeader: () => PageHeader,
   Pagination: () => Pagination,
   PireIntlProvider: () => PireIntlProvider,
-  Popover: () => import_react_aria_components34.Popover,
+  Popover: () => import_react_aria_components36.Popover,
   ProgressBar: () => ProgressBar,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
-  RouterProvider: () => import_react_aria_components34.RouterProvider,
+  RouterProvider: () => import_react_aria_components36.RouterProvider,
   SectionHeader: () => SectionHeader,
   SegmentedControl: () => SegmentedControl,
   Select: () => Select,
   SelectionBar: () => SelectionBar,
   Separator: () => Separator,
   ShellBar: () => ShellBar,
+  ShellRail: () => ShellRail,
   SideNav: () => SideNav,
   SidePanel: () => SidePanel,
   Skeleton: () => Skeleton,
   SkeletonTableRow: () => SkeletonTableRow,
   SplitPane: () => SplitPane,
   Strong: () => Strong,
-  SubmenuTrigger: () => import_react_aria_components34.SubmenuTrigger,
+  SubmenuTrigger: () => import_react_aria_components36.SubmenuTrigger,
   Switch: () => Switch,
   Tabs: () => Tabs,
   Tag: () => Tag,
@@ -245,6 +247,7 @@ var ICON_MARKUP = {
   "sort--descending": '<path d="M18 22 19.414 20.586 23 24.172 23 4 25 4 25 24.172 28.586 20.586 30 22 24 28 18 22z"/><path d="M2 6H16V8H2z"/><path d="M6 12H16V14H6z"/><path d="M10 18H16V20H10z"/>',
   "star": '<path d="M16,6.52l2.76,5.58.46,1,1,.15,6.16.89L22,18.44l-.75.73.18,1,1.05,6.13-5.51-2.89L16,23l-.93.49L9.56,26.34l1-6.13.18-1L10,18.44,5.58,14.09l6.16-.89,1-.15.46-1L16,6.52M16,2l-4.55,9.22L1.28,12.69l7.36,7.18L6.9,30,16,25.22,25.1,30,23.36,19.87l7.36-7.17L20.55,11.22Z"/>',
   "star--filled": '<path d="M16,2l-4.55,9.22L1.28,12.69l7.36,7.18L6.9,30,16,25.22,25.1,30,23.36,19.87l7.36-7.17L20.55,11.22Z"/>',
+  "store": '<path d="M30,10.68l-2-6A1,1,0,0,0,27,4H5a1,1,0,0,0-1,.68l-2,6A1.19,1.19,0,0,0,2,11v6a1,1,0,0,0,1,1H4V28H6V18h6V28H28V18h1a1,1,0,0,0,1-1V11A1.19,1.19,0,0,0,30,10.68ZM26,26H14V18H26Zm2-10H24V12H22v4H17V12H15v4H10V12H8v4H4V11.16L5.72,6H26.28L28,11.16Z"/>',
   "subtract": '<path d="M8 15H24V17H8z"/>',
   "table--split": '<path d="M27,3H5A2,2,0,0,0,3,5V27a2,2,0,0,0,2,2H27a2,2,0,0,0,2-2V5A2,2,0,0,0,27,3Zm0,2V9H5V5ZM17,11H27v7H17Zm-2,7H5V11H15ZM5,20H15v7H5Zm12,7V20H27v7Z"/>',
   "tag": '<path d="M10,14a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,10,14Zm0-6a2,2,0,1,0,1.998,2.0044A2.002,2.002,0,0,0,10,8Z"/><path d="M16.6436,29.4145,2.5858,15.3555A2,2,0,0,1,2,13.9414V4A2,2,0,0,1,4,2h9.9413a2,2,0,0,1,1.4142.5858L29.4144,16.6436a2.0005,2.0005,0,0,1,0,2.8285l-9.9424,9.9425a2.0008,2.0008,0,0,1-2.8285,0ZM4,4v9.9417L18.0578,28,28,18.0579,13.9416,4Z"/>',
@@ -272,6 +275,9 @@ var CARBON_MAP = {
   "bell": "notification",
   "help-circle": "help",
   "grid-3x3": "grid",
+  /* The app launcher's trigger. Carbon has no 2x2 grid, and `apps` is the glyph it uses for
+     exactly this affordance, so the Lucide name maps onto it rather than onto plain `grid`. */
+  "grid-2x2": "apps",
   "home": "home",
   "file-text": "document",
   "clipboard-list": "list--checked",
@@ -316,6 +322,7 @@ var CARBON_MAP = {
   "trending-up": "arrow--up",
   "trending-down": "arrow--down",
   "shopping-cart": "shopping--cart",
+  "store": "store",
   "user": "user",
   "shapes": "apps",
   "type": "text--font",
@@ -883,6 +890,12 @@ var enMessages = {
   paginationNext: "Next page",
   paginationRowsPerPage: "Rows per page",
   sideNavLabel: "Main navigation",
+  shellRailLabel: "Applications",
+  appLauncherLabel: "All applications",
+  appLauncherTitle: "All applications",
+  appLauncherSearch: "Search for an application",
+  appLauncherEmpty: "No application matches that search.",
+  appLauncherLoading: "Loading applications\u2026",
   splitPaneList: "List",
   splitPaneDetail: "Detail",
   splitPaneBack: "Back to list",
@@ -943,6 +956,12 @@ var esMessages = {
   paginationNext: "P\xE1gina siguiente",
   paginationRowsPerPage: "Filas por p\xE1gina",
   sideNavLabel: "Navegaci\xF3n principal",
+  shellRailLabel: "Aplicaciones",
+  appLauncherLabel: "Todas las aplicaciones",
+  appLauncherTitle: "Todas las aplicaciones",
+  appLauncherSearch: "Busc\xE1 una aplicaci\xF3n",
+  appLauncherEmpty: "Ninguna aplicaci\xF3n coincide con esa b\xFAsqueda.",
+  appLauncherLoading: "Cargando aplicaciones\u2026",
   splitPaneList: "Lista",
   splitPaneDetail: "Detalle",
   splitPaneBack: "Volver a la lista",
@@ -2594,6 +2613,7 @@ var import_react_aria_components24 = require("react-aria-components");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var initials2 = (name) => name.trim().split(/\s+/).slice(0, 2).map((p) => p[0]).join("").toUpperCase();
 function ShellBar({
+  launcher,
   product,
   monogram,
   title,
@@ -2610,6 +2630,7 @@ function ShellBar({
 }) {
   const msg = usePireMessages();
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("header", { className: cx("pire-shellbar", className), ...rest, children: [
+    launcher,
     onMenu ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(IconButton, { icon: "menu", label: menuLabel, variant: "inverse", size: "sm", onPress: onMenu }) : null,
     monogram ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "pire-shellbar-mono", "aria-hidden": "true", children: monogram }) : null,
     product ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "pire-shellbar-product", children: product }) : null,
@@ -2856,12 +2877,38 @@ function SideNav({
   );
 }
 
-// src/components/navigation/Tabs.tsx
+// src/components/navigation/ShellRail.tsx
+var React22 = __toESM(require("react"), 1);
 var import_react_aria_components27 = require("react-aria-components");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime38 = (
+  // The divider is a sibling of the groups rather than a pseudo-element on one, because the
+  // scrolling zone would carry its own rule out of view on the first wheel event.
+  require("react/jsx-runtime")
+);
+function ShellRail({ groups, value, onChange, className, ...rest }) {
+  const msg = usePireMessages();
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("nav", { className: cx("pire-shellrail", className), "aria-label": msg.shellRailLabel, ...rest, children: groups.map((group, gi) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(React22.Fragment, { children: [
+    gi > 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "pire-shellrail-divider" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "pire-shellrail-group", "data-scroll": group.isScrollable ? "true" : void 0, children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Tooltip, { label: item.label, placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      import_react_aria_components27.Button,
+      {
+        className: "pire-shellrail-item",
+        "aria-label": item.label,
+        "data-selected": item.id === value ? "true" : void 0,
+        "aria-current": item.id === value ? "true" : void 0,
+        onPress: () => onChange?.(item.id),
+        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "pire-shellrail-tile", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: item.icon, size: 20 }) })
+      }
+    ) }, item.id)) })
+  ] }, group.items[0]?.id ?? gi)) });
+}
+
+// src/components/navigation/Tabs.tsx
+var import_react_aria_components28 = require("react-aria-components");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Tabs({ items, value, defaultValue, onChange, panels, className, style, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-    import_react_aria_components27.Tabs,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    import_react_aria_components28.Tabs,
     {
       className,
       style,
@@ -2869,23 +2916,23 @@ function Tabs({ items, value, defaultValue, onChange, panels, className, style,
       defaultSelectedKey: defaultValue,
       onSelectionChange: (k) => onChange?.(String(k)),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_aria_components27.TabList, { className: "pire-tablist", items, "aria-label": rest["aria-label"] ?? "Views", children: (item) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react_aria_components27.Tab, { className: cx("pire-tab"), id: item.id, isDisabled: item.isDisabled, children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: item.icon, size: 16 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_aria_components28.TabList, { className: "pire-tablist", items, "aria-label": rest["aria-label"] ?? "Views", children: (item) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_aria_components28.Tab, { className: cx("pire-tab"), id: item.id, isDisabled: item.isDisabled, children: [
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { name: item.icon, size: 16 }) : null,
           item.label,
-          item.count != null ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "pire-tab-count", children: item.count }) : null
+          item.count != null ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "pire-tab-count", children: item.count }) : null
         ] }) }),
-        items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_aria_components27.TabPanel, { id: item.id, className: panels ? "pire-tabpanel" : void 0, children: panels?.[item.id] }, item.id))
+        items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_aria_components28.TabPanel, { id: item.id, className: panels ? "pire-tabpanel" : void 0, children: panels?.[item.id] }, item.id))
       ]
     }
   );
 }
 
 // src/components/navigation/Breadcrumb.tsx
-var import_react_aria_components28 = require("react-aria-components");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_react_aria_components29 = require("react-aria-components");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Breadcrumb({ items, onNavigate, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components28.Breadcrumbs,
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    import_react_aria_components29.Breadcrumbs,
     {
       className: cx("pire-breadcrumbs", className),
       style,
@@ -2893,9 +2940,9 @@ function Breadcrumb({ items, onNavigate, className, style }) {
       onAction: (key) => onNavigate?.(String(key)),
       children: (item) => {
         const last = items[items.length - 1] === item;
-        return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_aria_components28.Breadcrumb, { className: "pire-breadcrumb", id: item.id ?? item.label, children: [
-          last ? item.label : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_aria_components28.Link, { href: item.href, children: item.label }),
-          last ? null : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { name: "chevron-right", size: 12, style: { color: "var(--text-tertiary)" } })
+        return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react_aria_components29.Breadcrumb, { className: "pire-breadcrumb", id: item.id ?? item.label, children: [
+          last ? item.label : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_aria_components29.Link, { href: item.href, children: item.label }),
+          last ? null : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { name: "chevron-right", size: 12, style: { color: "var(--text-tertiary)" } })
         ] });
       }
     }
@@ -2903,7 +2950,7 @@ function Breadcrumb({ items, onNavigate, className, style }) {
 }
 
 // src/components/navigation/Pagination.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Pagination({
   page = 1,
   pageSize = 25,
@@ -2918,9 +2965,9 @@ function Pagination({
   const pages = Math.max(1, Math.ceil(total / pageSize));
   const from = total === 0 ? 0 : (page - 1) * pageSize + 1;
   const to = Math.min(total, page * pageSize);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("nav", { className: cx("pire-pagination", className), style, "aria-label": msg.paginationLabel, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "pire-pagination-count", children: msg.paginationRange.replace("{from}", from.toLocaleString()).replace("{to}", to.toLocaleString()).replace("{total}", total.toLocaleString()) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("nav", { className: cx("pire-pagination", className), style, "aria-label": msg.paginationLabel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "pire-pagination-count", children: msg.paginationRange.replace("{from}", from.toLocaleString()).replace("{to}", to.toLocaleString()).replace("{total}", total.toLocaleString()) }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       IconButton,
       {
         icon: "chevron-left",
@@ -2931,8 +2978,8 @@ function Pagination({
         onPress: () => onPageChange?.(page - 1)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "pire-pagination-count", "aria-live": "polite", children: msg.paginationPageOf.replace("{page}", String(page)).replace("{pages}", String(pages)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "pire-pagination-count", "aria-live": "polite", children: msg.paginationPageOf.replace("{page}", String(page)).replace("{pages}", String(pages)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       IconButton,
       {
         icon: "chevron-right",
@@ -2943,7 +2990,7 @@ function Pagination({
         onPress: () => onPageChange?.(page + 1)
       }
     ),
-    onPageSizeChange ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    onPageSizeChange ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       Select,
       {
         "aria-label": msg.paginationRowsPerPage,
@@ -2959,7 +3006,7 @@ function Pagination({
 }
 
 // src/components/feedback/InlineMessage.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var KIND_ICON = {
   info: "info",
   success: "check-circle-2",
@@ -2969,7 +3016,7 @@ var KIND_ICON = {
 function InlineMessage({ kind = "info", title, action, onClose, children, className, ...rest }) {
   const msg = usePireMessages();
   const assertive = kind === "error" || kind === "warning";
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
     {
       className: cx("pire-msg", className),
@@ -2978,21 +3025,21 @@ function InlineMessage({ kind = "info", title, action, onClose, children, classN
       "aria-live": assertive ? "assertive" : "polite",
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { name: KIND_ICON[kind], size: 16, style: { marginTop: 2 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--sp-1)" }, children: [
-          title ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "pire-msg-title", children: title }) : null,
-          children ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "pire-msg-body", children }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { name: KIND_ICON[kind], size: 16, style: { marginTop: 2 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--sp-1)" }, children: [
+          title ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "pire-msg-title", children: title }) : null,
+          children ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "pire-msg-body", children }) : null,
           action
         ] }),
-        onClose ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconButton, { icon: "x", label: msg.inlineMessageDismiss, size: "sm", onPress: onClose }) : null
+        onClose ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IconButton, { icon: "x", label: msg.inlineMessageDismiss, size: "sm", onPress: onClose }) : null
       ]
     }
   );
 }
 
 // src/components/feedback/Toast.tsx
-var React22 = __toESM(require("react"), 1);
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var React23 = __toESM(require("react"), 1);
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var KIND_ICON2 = {
   info: "info",
   success: "check-circle-2",
@@ -3001,7 +3048,7 @@ var KIND_ICON2 = {
 };
 function Toast({ kind = "success", onClose, position = "bottom-center", children, className, ...rest }) {
   const msg = usePireMessages();
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "div",
     {
       className: cx("pire-toast", className),
@@ -3010,40 +3057,40 @@ function Toast({ kind = "success", onClose, position = "bottom-center", children
       "aria-live": kind === "error" ? "assertive" : "polite",
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { name: KIND_ICON2[kind], size: 16 }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { style: { flex: 1 }, children }),
-        onClose ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IconButton, { icon: "x", label: msg.toastDismiss, size: "sm", variant: "inverse", onPress: onClose }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { name: KIND_ICON2[kind], size: 16 }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { style: { flex: 1 }, children }),
+        onClose ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(IconButton, { icon: "x", label: msg.toastDismiss, size: "sm", variant: "inverse", onPress: onClose }) : null
       ]
     }
   );
 }
-var ToastContext = React22.createContext(null);
+var ToastContext = React23.createContext(null);
 function ToastProvider({ children, timeout = 6e3 }) {
   const msg = usePireMessages();
-  const [toasts, setToasts] = React22.useState([]);
-  const close = React22.useCallback((id) => setToasts((t) => t.filter((x) => x.id !== id)), []);
-  const add = React22.useCallback((toast) => {
+  const [toasts, setToasts] = React23.useState([]);
+  const close = React23.useCallback((id) => setToasts((t) => t.filter((x) => x.id !== id)), []);
+  const add = React23.useCallback((toast) => {
     const id = Math.random().toString(36).slice(2);
     setToasts((t) => [...t, { ...toast, id }]);
     const ms = toast.timeout ?? timeout;
     if (ms > 0) setTimeout(() => close(id), ms);
     return id;
   }, [close, timeout]);
-  const value = React22.useMemo(() => ({ add, close }), [add, close]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(ToastContext.Provider, { value, children: [
+  const value = React23.useMemo(() => ({ add, close }), [add, close]);
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "pire-toast-region", role: "region", "aria-label": msg.toastRegionLabel, children: toasts.map((t) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Toast, { kind: t.kind, onClose: () => close(t.id), style: { position: "static", transform: "none" }, children: t.message }, t.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "pire-toast-region", role: "region", "aria-label": msg.toastRegionLabel, children: toasts.map((t) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Toast, { kind: t.kind, onClose: () => close(t.id), style: { position: "static", transform: "none" }, children: t.message }, t.id)) })
   ] });
 }
 function useToast() {
-  const ctx = React22.useContext(ToastContext);
+  const ctx = React23.useContext(ToastContext);
   if (!ctx) throw new Error("useToast must be used inside <ToastProvider>");
   return ctx;
 }
 
 // src/components/data/KpiTile.tsx
-var import_react_aria_components29 = require("react-aria-components");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_react_aria_components30 = require("react-aria-components");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function KpiTile({
   label,
   value,
@@ -3059,50 +3106,50 @@ function KpiTile({
   style
 }) {
   const tone = deltaTone ?? (deltaDirection === "down" ? "negative" : "positive");
-  const body = /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "pire-kpi-label", children: [
-      icon ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { name: icon, size: 16 }) : null,
+  const body = /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "pire-kpi-label", children: [
+      icon ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: icon, size: 16 }) : null,
       label
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "pire-kpi-value", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "pire-kpi-value", children: [
       value,
-      unit ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "pire-kpi-unit", children: unit }) : null
+      unit ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "pire-kpi-unit", children: unit }) : null
     ] }),
-    delta ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "pire-kpi-delta", "data-tone": tone, children: [
-      deltaDirection ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { name: deltaDirection === "up" ? "trending-up" : "trending-down", size: 12 }) : null,
+    delta ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "pire-kpi-delta", "data-tone": tone, children: [
+      deltaDirection ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: deltaDirection === "up" ? "trending-up" : "trending-down", size: 12 }) : null,
       delta
     ] }) : null,
-    footnote ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "pire-kpi-foot", children: footnote }) : null
+    footnote ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "pire-kpi-foot", children: footnote }) : null
   ] });
   const props = { className: cx("pire-kpi", className), "data-status": status, style };
-  return onPress ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_aria_components29.Button, { ...props, "data-pressable": "true", onPress, children: body }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ...props, children: body });
+  return onPress ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_aria_components30.Button, { ...props, "data-pressable": "true", onPress, children: body }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { ...props, children: body });
 }
 
 // src/components/data/ObjectHeader.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function ObjectHeader({ title, subtitle, id, breadcrumb, badge, facts, actions, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("header", { className: cx("pire-objheader", className), ...rest, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("header", { className: cx("pire-objheader", className), ...rest, children: [
     breadcrumb,
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "pire-objheader-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h1", { className: "pire-objheader-title", children: title }),
-        subtitle || id ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "pire-objheader-sub", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "pire-objheader-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h1", { className: "pire-objheader-title", children: title }),
+        subtitle || id ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "pire-objheader-sub", children: [
           subtitle,
-          id ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "pire-objheader-id", children: id }) : null
+          id ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "pire-objheader-id", children: id }) : null
         ] }) : null
       ] }),
       badge,
-      actions ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "pire-objheader-actions", children: actions }) : null
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "pire-objheader-actions", children: actions }) : null
     ] }),
-    facts?.length ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dl", { className: "pire-facts", style: { margin: 0 }, children: facts.map((fact) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dt", { className: "pire-fact-label", children: fact.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dd", { className: "pire-fact-value", "data-numeric": fact.numeric ? "true" : void 0, style: { margin: 0 }, children: fact.value })
+    facts?.length ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dl", { className: "pire-facts", style: { margin: 0 }, children: facts.map((fact) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dt", { className: "pire-fact-label", children: fact.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dd", { className: "pire-fact-value", "data-numeric": fact.numeric ? "true" : void 0, style: { margin: 0 }, children: fact.value })
     ] }, fact.label)) }) : null
   ] });
 }
 
 // src/components/data/FilterBar.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function FilterBar({
   children,
   activeFilters = [],
@@ -3119,49 +3166,49 @@ function FilterBar({
   const label = useMessage("filterBarLabel", rest["aria-label"]);
   const go = useMessage("filterBarGo", goLabel);
   const clearAll = useMessage("filterBarClearAll", clearAllLabel);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { className: cx("pire-filterbar", className), ...rest, "aria-label": label, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "pire-filterbar-controls", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("section", { className: cx("pire-filterbar", className), ...rest, "aria-label": label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "pire-filterbar-controls", children: [
       children,
-      onGo ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button, { variant: "primary", onPress: onGo, children: go }) : null
+      onGo ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { variant: "primary", onPress: onGo, children: go }) : null
     ] }),
-    activeFilters.length || resultLabel || actions ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "pire-filterbar-foot", children: [
-      activeFilters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Tag, { onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0, children: filter.label }, filter.id)),
-      activeFilters.length && onClear ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button, { variant: "tertiary", size: "sm", onPress: onClear, children: clearAll }) : null,
-      resultLabel ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "pire-filterbar-result", "aria-live": "polite", children: resultLabel }) : null,
-      actions ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "pire-filterbar-actions", children: actions }) : null
+    activeFilters.length || resultLabel || actions ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "pire-filterbar-foot", children: [
+      activeFilters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Tag, { onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0, children: filter.label }, filter.id)),
+      activeFilters.length && onClear ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { variant: "tertiary", size: "sm", onPress: onClear, children: clearAll }) : null,
+      resultLabel ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "pire-filterbar-result", "aria-live": "polite", children: resultLabel }) : null,
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "pire-filterbar-actions", children: actions }) : null
     ] }) : null
   ] });
 }
 
 // src/components/data/DescriptionList.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function DescriptionList({ items, layout = "rows", columns = 3, className, style, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "dl",
     {
       className: cx("pire-dl", className),
       "data-layout": layout,
       style: { ...layout === "grid" ? { "--pire-dl-cols": columns } : null, ...style },
       ...rest,
-      children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "pire-dl-row", "data-emphasis": item.emphasis ? "true" : void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("dt", { className: "pire-dl-term", children: [
+      children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "pire-dl-row", "data-emphasis": item.emphasis ? "true" : void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("dt", { className: "pire-dl-term", children: [
           item.label,
           item.hint
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("dd", { className: "pire-dl-value", "data-numeric": item.numeric ? "true" : void 0, children: item.value })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("dd", { className: "pire-dl-value", "data-numeric": item.numeric ? "true" : void 0, children: item.value })
       ] }, i))
     }
   );
 }
 
 // src/components/data/Timeline.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Timeline({ entries, reverse = false, className, ...rest }) {
   const list = reverse ? [...entries].reverse() : entries;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ol", { className: cx("pire-timeline", className), ...rest, children: list.map((entry, i) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("li", { className: "pire-timeline-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "pire-timeline-time", children: entry.time }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "pire-timeline-text", children: entry.event }),
-    entry.actor ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "pire-timeline-actor", children: entry.actor }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("ol", { className: cx("pire-timeline", className), ...rest, children: list.map((entry, i) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("li", { className: "pire-timeline-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "pire-timeline-time", children: entry.time }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "pire-timeline-text", children: entry.event }),
+    entry.actor ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "pire-timeline-actor", children: entry.actor }) : null
   ] }, entry.id ?? i)) });
 }
 
@@ -3244,7 +3291,7 @@ function alignToCategories(series, categoryCount) {
 }
 
 // src/components/data/ChartFrame.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function seriesLegend(series) {
   return series.map((one, index) => ({
     key: one.id,
@@ -3267,29 +3314,29 @@ function ChartFrame({
   children
 }) {
   const msg = usePireMessages();
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("figure", { className: cx("pire-chart", className), style, children: [
-    title || description ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("figcaption", { className: "pire-chart-head", children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "pire-chart-title", children: title }) : null,
-      description ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "pire-chart-desc", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("figure", { className: cx("pire-chart", className), style, children: [
+    title || description ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("figcaption", { className: "pire-chart-head", children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "pire-chart-title", children: title }) : null,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "pire-chart-desc", children: description }) : null
     ] }) : null,
-    legend && legend.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("ul", { className: "pire-chart-legend", children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("li", { className: "pire-chart-legend-item", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "pire-chart-swatch", style: { background: item.color } }),
+    legend && legend.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ul", { className: "pire-chart-legend", children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("li", { className: "pire-chart-legend-item", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "pire-chart-swatch", style: { background: item.color } }),
       item.label
     ] }, item.key)) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "pire-chart-plot", "aria-hidden": "true", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: showDataTable ? "pire-chart-table" : "pire-sr-only", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("table", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("caption", { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("th", { scope: "col", children: msg.chartCategoryHeader }),
-        series.map((one) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("th", { scope: "col", children: one.label }, one.id))
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "pire-chart-plot", "aria-hidden": "true", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: showDataTable ? "pire-chart-table" : "pire-sr-only", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("table", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("caption", { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("th", { scope: "col", children: msg.chartCategoryHeader }),
+        series.map((one) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("th", { scope: "col", children: one.label }, one.id))
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tbody", { children: categories.map((category, categoryIndex) => (
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tbody", { children: categories.map((category, categoryIndex) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("th", { scope: "row", children: category }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("th", { scope: "row", children: category }),
           series.map((one) => {
             const value = one.values[categoryIndex];
-            return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("td", { children: value == null ? msg.chartNoValue : formatValue(value) }, one.id);
+            return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("td", { children: value == null ? msg.chartNoValue : formatValue(value) }, one.id);
           })
         ] }, categoryIndex)
       )) })
@@ -3298,7 +3345,7 @@ function ChartFrame({
 }
 
 // src/components/data/BarChart.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function BarChart({
   categories,
   series: rawSeries,
@@ -3330,7 +3377,7 @@ function BarChart({
     const value = series[0].values[categoryIndex];
     return value == null ? msg.chartNoValue : formatValue(value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     ChartFrame,
     {
       label,
@@ -3343,7 +3390,7 @@ function BarChart({
       showDataTable,
       className,
       style,
-      children: !hasData ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      children: !hasData ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         "div",
         {
           className: "pire-chart-bars",
@@ -3352,12 +3399,12 @@ function BarChart({
           style: { "--pire-chart-height": `${height}px` },
           children: categories.map((category, categoryIndex) => (
             // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "pire-chart-group", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "pire-chart-cat", children: category }),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "pire-chart-track", children: series.map((one, seriesIndex) => {
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "pire-chart-group", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "pire-chart-cat", children: category }),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "pire-chart-track", children: series.map((one, seriesIndex) => {
                 const value = one.values[categoryIndex];
                 if (value == null) return null;
-                return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
                   "div",
                   {
                     className: "pire-chart-bar",
@@ -3366,8 +3413,8 @@ function BarChart({
                       "--pire-bar-color": seriesColor(one, seriesIndex)
                     },
                     children: [
-                      withValues && orientation === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "pire-chart-barval", children: formatValue(value) }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "pire-chart-tip", role: "presentation", children: [
+                      withValues && orientation === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "pire-chart-barval", children: formatValue(value) }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "pire-chart-tip", role: "presentation", children: [
                         series.length > 1 ? `${one.label}: ` : "",
                         formatValue(value)
                       ] })
@@ -3376,7 +3423,7 @@ function BarChart({
                   one.id
                 );
               }) }),
-              withValues && orientation === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "pire-chart-val", children: horizontalLabelFor(categoryIndex) }) : null
+              withValues && orientation === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "pire-chart-val", children: horizontalLabelFor(categoryIndex) }) : null
             ] }, categoryIndex)
           ))
         }
@@ -3386,14 +3433,14 @@ function BarChart({
 }
 
 // src/components/data/LineChart.tsx
-var React23 = __toESM(require("react"), 1);
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var React24 = __toESM(require("react"), 1);
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var PLOT_INSET = { top: 10, right: 14, bottom: 24, left: 58 };
 var MARKER_LIMIT = 20;
-var useIsomorphicLayoutEffect2 = typeof window === "undefined" ? React23.useEffect : React23.useLayoutEffect;
+var useIsomorphicLayoutEffect2 = typeof window === "undefined" ? React24.useEffect : React24.useLayoutEffect;
 function useMeasuredWidth() {
-  const ref = React23.useRef(null);
-  const [width, setWidth] = React23.useState(0);
+  const ref = React24.useRef(null);
+  const [width, setWidth] = React24.useState(0);
   useIsomorphicLayoutEffect2(() => {
     const element = ref.current;
     if (!element) return;
@@ -3454,7 +3501,7 @@ function LineChart({
     return `M${xAt(present[0].index)} ${baseline} L${line} L${xAt(last.index)} ${baseline} Z`;
   };
   const labelEvery = Math.max(1, Math.ceil(categories.length / Math.max(2, Math.floor(innerWidth / 64))));
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     ChartFrame,
     {
       label,
@@ -3467,8 +3514,8 @@ function LineChart({
       showDataTable,
       className,
       style,
-      children: !hasData ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "pire-chart-lines", ref: plotRef, style: { height }, children: [
-        width > 0 ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+      children: !hasData ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "pire-chart-lines", ref: plotRef, style: { height }, children: [
+        width > 0 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
           "svg",
           {
             width,
@@ -3477,7 +3524,7 @@ function LineChart({
             "aria-hidden": "true",
             focusable: "false",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("g", { className: "pire-chart-grid", children: scale.ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("g", { className: "pire-chart-grid", children: scale.ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 "line",
                 {
                   x1: PLOT_INSET.left,
@@ -3487,8 +3534,8 @@ function LineChart({
                 },
                 tick
               )) }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("g", { className: "pire-chart-tick", children: [
-                scale.ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("g", { className: "pire-chart-tick", children: [
+                scale.ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "text",
                   {
                     x: PLOT_INSET.left - 8,
@@ -3501,10 +3548,10 @@ function LineChart({
                 )),
                 categories.map((category, index) => index % labelEvery === 0 ? (
                   // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("text", { x: xAt(index), y: height - 6, textAnchor: "middle", children: category }, index)
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("text", { x: xAt(index), y: height - 6, textAnchor: "middle", children: category }, index)
                 ) : null)
               ] }),
-              showArea && series[0] ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              showArea && series[0] ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 "path",
                 {
                   d: areaFor(series[0].values),
@@ -3512,10 +3559,10 @@ function LineChart({
                   style: { fill: seriesColor(series[0], 0) }
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("g", { className: "pire-chart-line", fill: "none", children: series.map((one, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: pathFor(one.values), stroke: seriesColor(one, index) }, one.id)) }),
-              withMarkers ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("g", { className: "pire-chart-marker", children: series.map((one, seriesIndex) => one.values.map((value, index) => value == null ? null : (
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("g", { className: "pire-chart-line", fill: "none", children: series.map((one, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { d: pathFor(one.values), stroke: seriesColor(one, index) }, one.id)) }),
+              withMarkers ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("g", { className: "pire-chart-marker", children: series.map((one, seriesIndex) => one.values.map((value, index) => value == null ? null : (
                 // biome-ignore lint/suspicious/noArrayIndexKey: a series is positional — the index is the point's identity, and category labels repeat.
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "circle",
                   {
                     cx: xAt(index),
@@ -3529,18 +3576,18 @@ function LineChart({
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "div",
           {
             className: "pire-chart-hover",
             style: { inset: `${PLOT_INSET.top}px ${PLOT_INSET.right}px ${PLOT_INSET.bottom}px ${PLOT_INSET.left}px` },
             children: categories.map((category, categoryIndex) => (
               // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "pire-chart-band", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "pire-chart-tip", role: "presentation", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("strong", { children: category }),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "pire-chart-band", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "pire-chart-tip", role: "presentation", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("strong", { children: category }),
                 series.map((one) => {
                   const value = one.values[categoryIndex];
-                  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "pire-chart-tip-row", children: [
+                  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "pire-chart-tip-row", children: [
                     one.label,
                     ": ",
                     value == null ? "No data" : formatValue(value)
@@ -3556,8 +3603,8 @@ function LineChart({
 }
 
 // src/components/data/DonutChart.tsx
-var React24 = __toESM(require("react"), 1);
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var React25 = __toESM(require("react"), 1);
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var SEGMENT_GAP_DEGREES = 1.5;
 function DonutChart({
   categories,
@@ -3577,7 +3624,7 @@ function DonutChart({
 }) {
   const label = rest["aria-label"];
   const msg = usePireMessages();
-  const [hoveredIndex, setHoveredIndex] = React24.useState(null);
+  const [hoveredIndex, setHoveredIndex] = React25.useState(null);
   warnOnDonutShape(series, categories.length, label);
   const values = (series[0]?.values ?? []).slice(0, categories.length);
   const segments = categories.map((category, index) => ({ category, index, value: values[index] ?? 0 })).filter((segment) => segment.value > 0);
@@ -3594,7 +3641,7 @@ function DonutChart({
   }));
   const hovered = hoveredIndex == null ? null : segments.find((segment) => segment.index === hoveredIndex) ?? null;
   let arcStart = 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     ChartFrame,
     {
       label,
@@ -3607,8 +3654,8 @@ function DonutChart({
       showDataTable,
       className,
       style,
-      children: !hasData ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "pire-chart-donut", style: { height: size }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      children: !hasData ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "pire-chart-donut", style: { height: size }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "svg",
           {
             width: size,
@@ -3616,13 +3663,13 @@ function DonutChart({
             "aria-hidden": "true",
             focusable: "false",
             onMouseLeave: () => setHoveredIndex(null),
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("g", { transform: `rotate(-90 ${size / 2} ${size / 2})`, children: segments.map((segment) => {
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("g", { transform: `rotate(-90 ${size / 2} ${size / 2})`, children: segments.map((segment) => {
               const arcLength = segment.value / total * circumference;
               const offset = arcStart;
               arcStart += arcLength;
               return (
                 // biome-ignore lint/a11y/noStaticElementInteractions: pointer-only enhancement inside an aria-hidden plot — the arcs carry nothing the data table does not, so there is nothing here for a keyboard to reach.
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   "circle",
                   {
                     className: "pire-chart-arc",
@@ -3642,9 +3689,9 @@ function DonutChart({
             }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "pire-chart-donut-center", style: { width: size - thickness * 2 - 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pire-chart-donut-value", children: hovered ? formatValue(hovered.value) : centerLabel ?? formatValue(total) }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pire-chart-donut-caption", children: hovered ? hovered.category : centerCaption })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "pire-chart-donut-center", style: { width: size - thickness * 2 - 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "pire-chart-donut-value", children: hovered ? formatValue(hovered.value) : centerLabel ?? formatValue(total) }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "pire-chart-donut-caption", children: hovered ? hovered.category : centerCaption })
         ] })
       ] })
     }
@@ -3655,15 +3702,15 @@ function colorForSegment(index) {
 }
 
 // src/components/data/LinkList.tsx
-var import_react_aria_components30 = require("react-aria-components");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_react_aria_components31 = require("react-aria-components");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function LinkList({ items, onSelect, emphasis = "key", className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cx("pire-linklist", className), role: "list", "data-emphasis": emphasis, ...rest, children: items.map((item) => {
-    const keySlot = item.key ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "pire-linklist-key", children: item.key }) : null;
-    const textSlot = item.text ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "pire-linklist-text", children: item.text }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cx("pire-linklist", className), role: "list", "data-emphasis": emphasis, ...rest, children: items.map((item) => {
+    const keySlot = item.key ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "pire-linklist-key", children: item.key }) : null;
+    const textSlot = item.text ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "pire-linklist-text", children: item.text }) : null;
     const [first, second] = emphasis === "text" ? [textSlot, keySlot] : [keySlot, textSlot];
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { role: "listitem", className: "pire-linklist-row", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react_aria_components30.Button, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
-      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { role: "listitem", className: "pire-linklist-row", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_react_aria_components31.Button, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
+      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
       first,
       second,
       item.trailing
@@ -3672,7 +3719,7 @@ function LinkList({ items, onSelect, emphasis = "key", className, ...rest }) {
 }
 
 // src/components/layout/PageBand.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function PageBand({
   surface = "card",
   hasBorder = true,
@@ -3680,7 +3727,7 @@ function PageBand({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       className: cx("pire-pageband", className),
@@ -3693,56 +3740,56 @@ function PageBand({
 }
 
 // src/components/layout/PageHeader.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function PageHeader({ title, subtitle, actions, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("header", { className: cx("pire-pageheader", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { minWidth: 0 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h1", { className: "pire-pageheader-title", children: title }),
-      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "pire-pageheader-sub", children: subtitle }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("header", { className: cx("pire-pageheader", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h1", { className: "pire-pageheader-title", children: title }),
+      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "pire-pageheader-sub", children: subtitle }) : null
     ] }),
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "pire-pageheader-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "pire-pageheader-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SectionHeader.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function SectionHeader({ title, meta, actions, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: cx("pire-sectionhead", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "pire-eyebrow", children: title }),
-    meta ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { font: "var(--type-caption)", color: "var(--text-tertiary)" }, children: meta }) : null,
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "pire-sectionhead-actions", children: actions }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: cx("pire-sectionhead", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "pire-eyebrow", children: title }),
+    meta ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { font: "var(--type-caption)", color: "var(--text-tertiary)" }, children: meta }) : null,
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "pire-sectionhead-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SelectionBar.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function SelectionBar({ count, noun = "record", children, actions, className, ...rest }) {
   if (!count) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: cx("pire-selectionbar", className), role: "status", "aria-live": "polite", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "pire-selectionbar-count", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cx("pire-selectionbar", className), role: "status", "aria-live": "polite", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "pire-selectionbar-count", children: [
       count.toLocaleString(),
       " ",
       noun,
       count === 1 ? "" : "s",
       " selected"
     ] }),
-    children ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: "var(--text-secondary)", font: "var(--type-caption)" }, children }) : null,
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "pire-selectionbar-actions", children: actions }) : null
+    children ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: "var(--text-secondary)", font: "var(--type-caption)" }, children }) : null,
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "pire-selectionbar-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/FooterBar.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function FooterBar({ note, actions, children, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("footer", { className: cx("pire-footerbar", className), ...rest, children: [
-    note ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "pire-footerbar-note", children: note }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("footer", { className: cx("pire-footerbar", className), ...rest, children: [
+    note ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "pire-footerbar-note", children: note }) : null,
     children,
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "pire-footerbar-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "pire-footerbar-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SplitPane.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function SplitPane({
   list,
   detail,
@@ -3758,7 +3805,7 @@ function SplitPane({
 }) {
   const msg = usePireMessages();
   const width = typeof listWidth === "number" ? `${listWidth}px` : listWidth;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       className: cx("pire-split", className),
@@ -3766,10 +3813,10 @@ function SplitPane({
       style: { ["--pire-split-list-w"]: width, ...style },
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("section", { className: "pire-split-list", "aria-label": listLabel ?? msg.splitPaneList, children: list }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { className: "pire-split-detail", "aria-label": detailLabel ?? msg.splitPaneDetail, children: [
-          onBack ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "pire-split-back", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { variant: "tertiary", size: "sm", icon: "arrow-left", onPress: onBack, children: backLabel ?? msg.splitPaneBack }) }) : null,
-          detail ?? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "pire-split-empty", children: emptyDetail })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("section", { className: "pire-split-list", "aria-label": listLabel ?? msg.splitPaneList, children: list }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("section", { className: "pire-split-detail", "aria-label": detailLabel ?? msg.splitPaneDetail, children: [
+          onBack ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "pire-split-back", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { variant: "tertiary", size: "sm", icon: "arrow-left", onPress: onBack, children: backLabel ?? msg.splitPaneBack }) }) : null,
+          detail ?? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "pire-split-empty", children: emptyDetail })
         ] })
       ]
     }
@@ -3777,7 +3824,7 @@ function SplitPane({
 }
 
 // src/components/patterns/ConfirmDialog.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function ConfirmDialog({
   isOpen,
   title,
@@ -3791,7 +3838,7 @@ function ConfirmDialog({
   onConfirm,
   onCancel
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     Dialog,
     {
       isOpen,
@@ -3801,12 +3848,12 @@ function ConfirmDialog({
       onClose: onCancel,
       isDismissable: !isBusy,
       showClose: false,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { variant: "tertiary", isDisabled: isBusy, onPress: onCancel, children: cancelLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { variant: tone === "danger" ? "danger" : "primary", isDisabled: isBusy, onPress: onConfirm, children: isBusy ? "Working\u2026" : confirmLabel })
+      footer: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { variant: "tertiary", isDisabled: isBusy, onPress: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { variant: tone === "danger" ? "danger" : "primary", isDisabled: isBusy, onPress: onConfirm, children: isBusy ? "Working\u2026" : confirmLabel })
       ] }),
       children: [
-        consequence ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InlineMessage, { kind: tone === "danger" ? "error" : "warning", style: { marginBottom: children ? "var(--sp-3)" : 0 }, children: consequence }) : null,
+        consequence ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(InlineMessage, { kind: tone === "danger" ? "error" : "warning", style: { marginBottom: children ? "var(--sp-3)" : 0 }, children: consequence }) : null,
         children
       ]
     }
@@ -3814,9 +3861,9 @@ function ConfirmDialog({
 }
 
 // src/components/patterns/CommandPalette.tsx
-var React25 = __toESM(require("react"), 1);
-var import_react_aria_components31 = require("react-aria-components");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var React26 = __toESM(require("react"), 1);
+var import_react_aria_components32 = require("react-aria-components");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var RESULTS_SECTION_KEY = "__pire_results__";
 var searchableText = (item) => [item.label, item.description, item.keywords].filter(Boolean).join(" ");
 function CommandPalette({
@@ -3837,17 +3884,17 @@ function CommandPalette({
   style
 }) {
   const msg = usePireMessages();
-  const [query, setQuery] = React25.useState("");
-  const { contains } = (0, import_react_aria_components31.useFilter)({ sensitivity: "base" });
-  React25.useEffect(() => {
+  const [query, setQuery] = React26.useState("");
+  const { contains } = (0, import_react_aria_components32.useFilter)({ sensitivity: "base" });
+  React26.useEffect(() => {
     if (isOpen) setQuery("");
   }, [isOpen]);
-  const searchableById = React25.useMemo(() => {
+  const searchableById = React26.useMemo(() => {
     const byId = /* @__PURE__ */ new Map();
     for (const group of groups) for (const item of group.items) byId.set(item.id, searchableText(item));
     return byId;
   }, [groups]);
-  const filter = React25.useCallback((textValue, inputValue, node) => {
+  const filter = React26.useCallback((textValue, inputValue, node) => {
     if (node.parentKey === RESULTS_SECTION_KEY) return true;
     return contains(searchableById.get(String(node.key)) ?? textValue, inputValue);
   }, [contains, searchableById]);
@@ -3857,8 +3904,8 @@ function CommandPalette({
   };
   const sections = [...groups, ...resultsGroup ? [{ ...resultsGroup, id: RESULTS_SECTION_KEY }] : []];
   const status = isLoading ? loadingLabel ?? msg.commandPaletteLoading : emptyLabel ?? msg.commandPaletteEmpty;
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-    import_react_aria_components31.ModalOverlay,
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    import_react_aria_components32.ModalOverlay,
     {
       className: "pire-cp-overlay",
       isOpen,
@@ -3866,12 +3913,12 @@ function CommandPalette({
       onOpenChange: (open) => {
         if (!open) onOpenChange?.(false);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_aria_components31.Modal, { className: cx("pire-cp-modal", className), style, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react_aria_components31.Dialog, { className: "pire-cp-dialog", "aria-label": ariaLabel ?? msg.commandPaletteLabel, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react_aria_components31.Autocomplete, { filter, inputValue: query, onInputChange: handleInputChange, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react_aria_components31.SearchField, { className: "pire-cp-search", "aria-label": msg.commandPaletteSearchLabel, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "search", size: 18, className: "pire-cp-search-icon" }),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-              import_react_aria_components31.Input,
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_aria_components32.Modal, { className: cx("pire-cp-modal", className), style, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react_aria_components32.Dialog, { className: "pire-cp-dialog", "aria-label": ariaLabel ?? msg.commandPaletteLabel, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react_aria_components32.Autocomplete, { filter, inputValue: query, onInputChange: handleInputChange, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react_aria_components32.SearchField, { className: "pire-cp-search", "aria-label": msg.commandPaletteSearchLabel, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "search", size: 18, className: "pire-cp-search-icon" }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              import_react_aria_components32.Input,
               {
                 className: "pire-cp-input",
                 autoFocus: true,
@@ -3879,16 +3926,16 @@ function CommandPalette({
               }
             )
           ] }),
-          isLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "pire-cp-loading", role: "status", "aria-live": "polite", children: loadingLabel ?? msg.commandPaletteLoading }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-            import_react_aria_components31.Menu,
+          isLoading ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "pire-cp-loading", role: "status", "aria-live": "polite", children: loadingLabel ?? msg.commandPaletteLoading }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            import_react_aria_components32.Menu,
             {
               className: "pire-cp-list",
               onAction: (key) => onAction?.(String(key)),
-              renderEmptyState: () => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "pire-cp-status", children: status }),
-              children: sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react_aria_components31.MenuSection, { id: section.id, className: "pire-cp-section", children: [
-                section.label ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_aria_components31.Header, { className: "pire-cp-section-title", children: section.label }) : null,
-                section.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              renderEmptyState: () => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "pire-cp-status", children: status }),
+              children: sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react_aria_components32.MenuSection, { id: section.id, className: "pire-cp-section", children: [
+                section.label ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_aria_components32.Header, { className: "pire-cp-section-title", children: section.label }) : null,
+                section.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                   MenuItem,
                   {
                     id: item.id,
@@ -3909,18 +3956,18 @@ function CommandPalette({
           // aria-hidden: the glyphs are a sighted affordance for discovering the keys. A screen
           // reader already announces the listbox semantics that make those keys work, so reading
           // "up arrow down arrow navigate" out loud is noise on every open.
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "pire-cp-foot", "aria-hidden": "true", children: footer ?? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "pire-cp-hint", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Kbd, { children: "\u2191" }),
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Kbd, { children: "\u2193" }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "pire-cp-foot", "aria-hidden": "true", children: footer ?? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "pire-cp-hint", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Kbd, { children: "\u2191" }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Kbd, { children: "\u2193" }),
               msg.commandPaletteHintNavigate
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "pire-cp-hint", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Kbd, { children: "\u21B5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "pire-cp-hint", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Kbd, { children: "\u21B5" }),
               msg.commandPaletteHintSelect
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "pire-cp-hint", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Kbd, { children: "esc" }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "pire-cp-hint", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Kbd, { children: "esc" }),
               msg.commandPaletteHintClose
             ] })
           ] }) })
@@ -3930,9 +3977,9 @@ function CommandPalette({
   );
 }
 function useCommandPaletteShortcut(onTrigger, { key = "k", isDisabled } = {}) {
-  const handler = React25.useRef(onTrigger);
+  const handler = React26.useRef(onTrigger);
   handler.current = onTrigger;
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (isDisabled) return;
     const onKeyDown = (event) => {
       if (!(event.metaKey || event.ctrlKey) || event.altKey) return;
@@ -3945,13 +3992,120 @@ function useCommandPaletteShortcut(onTrigger, { key = "k", isDisabled } = {}) {
   }, [key, isDisabled]);
 }
 
+// src/components/patterns/AppLauncher.tsx
+var React27 = __toESM(require("react"), 1);
+var import_react_aria_components33 = require("react-aria-components");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var searchableText2 = (item) => [item.label, item.description, item.keywords].filter(Boolean).join(" ");
+function AppLauncher({
+  sections,
+  onAction,
+  value,
+  title,
+  meta,
+  isSearchable = true,
+  onSearchChange,
+  isFilteredExternally,
+  isLoading,
+  emptyLabel,
+  searchPlaceholder,
+  "aria-label": ariaLabel,
+  icon = "grid-2x2",
+  className
+}) {
+  const msg = usePireMessages();
+  const [query, setQuery] = React27.useState("");
+  const { contains } = (0, import_react_aria_components33.useFilter)({ sensitivity: "base" });
+  const handleSearch = (next) => {
+    setQuery(next);
+    onSearchChange?.(next);
+  };
+  const visible = React27.useMemo(() => {
+    if (isFilteredExternally) return sections;
+    const q = query.trim();
+    if (!q) return sections;
+    return sections.map((section) => ({ ...section, items: section.items.filter((i) => contains(searchableText2(i), q)) })).filter((section) => section.items.length > 0);
+  }, [sections, query, isFilteredExternally, contains]);
+  const isEmpty = !isLoading && visible.length === 0;
+  const label = ariaLabel ?? msg.appLauncherLabel;
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react_aria_components33.DialogTrigger, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_aria_components33.Button, { className: "pire-launcher-trigger", "aria-label": label, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: icon, size: 20 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      import_react_aria_components33.Popover,
+      {
+        className: cx("pire-launcher-popover", className),
+        placement: "bottom start",
+        offset: 0,
+        crossOffset: 0,
+        containerPadding: 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_aria_components33.Dialog, { className: "pire-launcher", "aria-label": label, children: ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "pire-launcher-head", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "pire-launcher-title", children: title ?? msg.appLauncherTitle }),
+            meta ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "pire-launcher-meta", children: meta }) : null
+          ] }),
+          isSearchable ? (
+            // autoFocus is right here specifically: the panel exists to be searched, and the
+            // user just chose to open it, so taking the caret is what they asked for.
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+              Input,
+              {
+                "aria-label": msg.appLauncherSearch,
+                icon: "search",
+                type: "search",
+                autoFocus: true,
+                isClearable: true,
+                value: query,
+                onChange: handleSearch,
+                placeholder: searchPlaceholder ?? msg.appLauncherSearch
+              }
+            )
+          ) : null,
+          isLoading ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "pire-launcher-empty", role: "status", "aria-live": "polite", children: msg.appLauncherLoading }) : null,
+          isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "pire-launcher-empty", children: emptyLabel ?? msg.appLauncherEmpty }) : null,
+          visible.map((section, si) => (
+            // Sections are positional zones with no record identity, so the heading is the key
+            // where there is one. Same reasoning as ShellRail's groups.
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "pire-launcher-section", children: [
+              section.label ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "pire-eyebrow", children: section.label }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "pire-launcher-grid", "data-variant": section.variant ?? "tile", children: section.items.map((item) => {
+                const isCurrent = item.id === value;
+                const showsDescription = (section.variant ?? "tile") === "tile" && Boolean(item.description);
+                return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+                  import_react_aria_components33.Button,
+                  {
+                    className: "pire-launcher-item",
+                    "data-selected": isCurrent ? "true" : void 0,
+                    "aria-current": isCurrent ? "true" : void 0,
+                    onPress: () => {
+                      close();
+                      onAction?.(item.id);
+                    },
+                    children: [
+                      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "pire-launcher-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: (section.variant ?? "tile") === "tile" ? 20 : 16 }) }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "pire-launcher-item-text", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "pire-launcher-item-label", children: item.label }),
+                        showsDescription ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "pire-launcher-item-desc", children: item.description }) : null
+                      ] })
+                    ]
+                  },
+                  item.id
+                );
+              }) })
+            ] }, section.label ?? section.items[0]?.id ?? si)
+          ))
+        ] }) })
+      }
+    )
+  ] });
+}
+
 // src/components/patterns/SidePanel.tsx
-var import_react_aria_components32 = require("react-aria-components");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_react_aria_components34 = require("react-aria-components");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function SidePanel({ isOpen, title, subtitle, width = 400, children, footer, onClose, className }) {
   const msg = usePireMessages();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-    import_react_aria_components32.ModalOverlay,
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    import_react_aria_components34.ModalOverlay,
     {
       className: "pire-sidepanel-overlay",
       isOpen,
@@ -3959,36 +4113,36 @@ function SidePanel({ isOpen, title, subtitle, width = 400, children, footer, onC
       onOpenChange: (o) => {
         if (!o) onClose?.();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_aria_components32.Modal, { className: cx("pire-sidepanel", className), style: { width }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react_aria_components32.Dialog, { className: "pire-dialog", style: { height: "100%" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("header", { className: "pire-dialog-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_aria_components32.Heading, { slot: "title", className: "pire-dialog-title", children: title }),
-            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
+      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_aria_components34.Modal, { className: cx("pire-sidepanel", className), style: { width }, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react_aria_components34.Dialog, { className: "pire-dialog", style: { height: "100%" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("header", { className: "pire-dialog-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_aria_components34.Heading, { slot: "title", className: "pire-dialog-title", children: title }),
+            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(IconButton, { icon: "x", label: msg.sidePanelClose, size: "sm", onPress: onClose })
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(IconButton, { icon: "x", label: msg.sidePanelClose, size: "sm", onPress: onClose })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "pire-dialog-body", style: { flex: 1 }, children }),
-        footer ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("footer", { className: "pire-dialog-foot", children: footer }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "pire-dialog-body", style: { flex: 1 }, children }),
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("footer", { className: "pire-dialog-foot", children: footer }) : null
       ] }) })
     }
   );
 }
 
 // src/components/patterns/EmptyState.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function EmptyState({ icon = "file-text", title, action, compact, children, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: cx("pire-empty", className), "data-compact": compact ? "true" : void 0, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: icon, size: 24, className: "pire-empty-icon" }),
-    title ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "pire-empty-title", style: { margin: 0 }, children: title }) : null,
-    children ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "pire-empty-body", style: { margin: 0 }, children }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cx("pire-empty", className), "data-compact": compact ? "true" : void 0, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { name: icon, size: 24, className: "pire-empty-icon" }),
+    title ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "pire-empty-title", style: { margin: 0 }, children: title }) : null,
+    children ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "pire-empty-body", style: { margin: 0 }, children }) : null,
     action
   ] });
 }
 
 // src/components/patterns/FileDropZone.tsx
-var React26 = __toESM(require("react"), 1);
-var import_react_aria_components33 = require("react-aria-components");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var React28 = __toESM(require("react"), 1);
+var import_react_aria_components35 = require("react-aria-components");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var isImage2 = (file) => file.type.startsWith("image/");
 function FileDropZone({
   label,
@@ -4016,10 +4170,10 @@ function FileDropZone({
   ...rest
 }) {
   const msg = usePireMessages();
-  const [uncontrolled, setUncontrolled] = React26.useState(defaultValue ?? []);
+  const [uncontrolled, setUncontrolled] = React28.useState(defaultValue ?? []);
   const files = value ?? uncontrolled;
-  const created = React26.useRef([]);
-  React26.useEffect(() => () => {
+  const created = React28.useRef([]);
+  React28.useEffect(() => () => {
     for (const url of created.current) URL.revokeObjectURL(url);
   }, []);
   const commit = (next) => {
@@ -4039,13 +4193,13 @@ function FileDropZone({
     commit(allowsMultiple ? [...files, ...wrapped] : wrapped.slice(0, 1));
   };
   const remove = (target) => commit(files.filter((f) => f.file !== target));
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: cx("pire-field", className), style, "data-full-width": String(fullWidth), ...rest, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "pire-field-label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: cx("pire-field", className), style, "data-full-width": String(fullWidth), ...rest, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "pire-field-label", children: [
       label,
-      isRequired ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+      isRequired ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
-      import_react_aria_components33.DropZone,
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+      import_react_aria_components35.DropZone,
       {
         className: "pire-dropzone",
         "aria-label": ariaLabel,
@@ -4053,30 +4207,30 @@ function FileDropZone({
         isDisabled: isDisabled || isReadOnly,
         onDrop: async (e) => {
           const dropped = await Promise.all(
-            e.items.filter(import_react_aria_components33.isFileDropItem).map((item) => item.getFile())
+            e.items.filter(import_react_aria_components35.isFileDropItem).map((item) => item.getFile())
           );
           accept(dropped);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "download", size: 24, className: "pire-dropzone-icon" }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "pire-dropzone-prompt", children: promptLabel ?? msg.fileDropZonePrompt }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-            import_react_aria_components33.FileTrigger,
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "download", size: 24, className: "pire-dropzone-icon" }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-dropzone-prompt", children: promptLabel ?? msg.fileDropZonePrompt }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            import_react_aria_components35.FileTrigger,
             {
               acceptedFileTypes,
               allowsMultiple,
               onSelect: (list) => accept(list ? [...list] : []),
-              children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { variant: "secondary", isDisabled: isDisabled || isReadOnly, children: msg.fileUploadChoose })
+              children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "secondary", isDisabled: isDisabled || isReadOnly, children: msg.fileUploadChoose })
             }
           )
         ]
       }
     ),
-    files.length ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("li", { className: "pire-fileupload-item", children: [
-      previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "pire-fileupload-name", children: file.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
-      isDisabled || isReadOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    files.length ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("li", { className: "pire-fileupload-item", children: [
+      previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-fileupload-name", children: file.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
+      isDisabled || isReadOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         IconButton,
         {
           icon: "x",
@@ -4086,17 +4240,18 @@ function FileDropZone({
         }
       )
     ] }, `${file.name}-${file.size}-${file.lastModified}`)) }) : null,
-    uploadProgress != null ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
-    description ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "pire-field-hint", children: description }) : null,
-    isInvalid && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "pire-field-error", children: errorMessage }) : null
+    uploadProgress != null ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
+    description ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-field-hint", children: description }) : null,
+    isInvalid && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-field-error", children: errorMessage }) : null
   ] });
 }
 
 // src/index.ts
-var import_react_aria_components34 = require("react-aria-components");
-var import_react_aria_components35 = require("react-aria-components");
+var import_react_aria_components36 = require("react-aria-components");
+var import_react_aria_components37 = require("react-aria-components");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AppLauncher,
   Avatar,
   Badge,
   BarChart,
@@ -4160,6 +4315,7 @@ var import_react_aria_components35 = require("react-aria-components");
   SelectionBar,
   Separator,
   ShellBar,
+  ShellRail,
   SideNav,
   SidePanel,
   Skeleton,