@orianatech/pire 1.0.0 → 1.2.0

package/dist/index.js

@@ -120,6 +120,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"/>',
@@ -147,6 +148,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",
@@ -191,6 +195,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",
@@ -766,6 +771,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",
@@ -826,6 +837,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",
@@ -2183,7 +2200,7 @@ function DataTable({
                   width: c.width,
                   "data-align": c.numeric || c.align === "right" ? "right" : c.align,
                   "data-allows-sorting": c.sortable ? "true" : void 0,
-                  children: /* @__PURE__ */ jsxs22("span", { className: cx("pire-th-inner", c.hideLabel && "pire-sr-only"), children: [
+                  children: /* @__PURE__ */ jsxs22("span", { className: c.hideLabel ? "pire-sr-only" : "pire-th-inner", children: [
                     c.label,
                     c.sortable ? /* @__PURE__ */ jsx30(
                       Icon,
@@ -2573,6 +2590,7 @@ import { MenuTrigger, Button as AriaButton11, Popover as Popover6 } from "react-
 import { jsx as jsx35, jsxs as jsxs27 } from "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,
@@ -2589,6 +2607,7 @@ function ShellBar({
 }) {
   const msg = usePireMessages();
   return /* @__PURE__ */ jsxs27("header", { className: cx("pire-shellbar", className), ...rest, children: [
+    launcher,
     onMenu ? /* @__PURE__ */ jsx35(IconButton, { icon: "menu", label: menuLabel, variant: "inverse", size: "sm", onPress: onMenu }) : null,
     monogram ? /* @__PURE__ */ jsx35("span", { className: "pire-shellbar-mono", "aria-hidden": "true", children: monogram }) : null,
     product ? /* @__PURE__ */ jsx35("span", { className: "pire-shellbar-product", children: product }) : null,
@@ -2848,11 +2867,37 @@ function SideNav({
   );
 }
 
+// src/components/navigation/ShellRail.tsx
+import * as React22 from "react";
+import { Button as AriaButton13 } from "react-aria-components";
+import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+function ShellRail({ groups, value, onChange, className, ...rest }) {
+  const msg = usePireMessages();
+  return /* @__PURE__ */ jsx38("nav", { className: cx("pire-shellrail", className), "aria-label": msg.shellRailLabel, ...rest, children: groups.map((group, gi) => (
+    // 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.
+    /* @__PURE__ */ jsxs30(React22.Fragment, { children: [
+      gi > 0 ? /* @__PURE__ */ jsx38("div", { className: "pire-shellrail-divider" }) : null,
+      /* @__PURE__ */ jsx38("div", { className: "pire-shellrail-group", "data-scroll": group.isScrollable ? "true" : void 0, children: group.items.map((item) => /* @__PURE__ */ jsx38(Tooltip, { label: item.label, placement: "right", children: /* @__PURE__ */ jsx38(
+        AriaButton13,
+        {
+          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__ */ jsx38("span", { className: "pire-shellrail-tile", children: /* @__PURE__ */ jsx38(Icon, { name: item.icon, size: 20 }) })
+        }
+      ) }, item.id)) })
+    ] }, group.items[0]?.id ?? gi)
+  )) });
+}
+
 // src/components/navigation/Tabs.tsx
 import { Tabs as AriaTabs, TabList, Tab as AriaTab, TabPanel } from "react-aria-components";
-import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
 function Tabs({ items, value, defaultValue, onChange, panels, className, style, ...rest }) {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     AriaTabs,
     {
       className,
@@ -2861,12 +2906,12 @@ function Tabs({ items, value, defaultValue, onChange, panels, className, style,
       defaultSelectedKey: defaultValue,
       onSelectionChange: (k) => onChange?.(String(k)),
       children: [
-        /* @__PURE__ */ jsx38(TabList, { className: "pire-tablist", items, "aria-label": rest["aria-label"] ?? "Views", children: (item) => /* @__PURE__ */ jsxs30(AriaTab, { className: cx("pire-tab"), id: item.id, isDisabled: item.isDisabled, children: [
-          item.icon ? /* @__PURE__ */ jsx38(Icon, { name: item.icon, size: 16 }) : null,
+        /* @__PURE__ */ jsx39(TabList, { className: "pire-tablist", items, "aria-label": rest["aria-label"] ?? "Views", children: (item) => /* @__PURE__ */ jsxs31(AriaTab, { className: cx("pire-tab"), id: item.id, isDisabled: item.isDisabled, children: [
+          item.icon ? /* @__PURE__ */ jsx39(Icon, { name: item.icon, size: 16 }) : null,
           item.label,
-          item.count != null ? /* @__PURE__ */ jsx38("span", { className: "pire-tab-count", children: item.count }) : null
+          item.count != null ? /* @__PURE__ */ jsx39("span", { className: "pire-tab-count", children: item.count }) : null
         ] }) }),
-        items.map((item) => /* @__PURE__ */ jsx38(TabPanel, { id: item.id, className: panels ? "pire-tabpanel" : void 0, children: panels?.[item.id] }, item.id))
+        items.map((item) => /* @__PURE__ */ jsx39(TabPanel, { id: item.id, className: panels ? "pire-tabpanel" : void 0, children: panels?.[item.id] }, item.id))
       ]
     }
   );
@@ -2874,9 +2919,9 @@ function Tabs({ items, value, defaultValue, onChange, panels, className, style,
 
 // src/components/navigation/Breadcrumb.tsx
 import { Breadcrumbs as AriaBreadcrumbs, Breadcrumb as AriaBreadcrumb, Link as Link2 } from "react-aria-components";
-import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 function Breadcrumb({ items, onNavigate, className, style }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     AriaBreadcrumbs,
     {
       className: cx("pire-breadcrumbs", className),
@@ -2885,9 +2930,9 @@ function Breadcrumb({ items, onNavigate, className, style }) {
       onAction: (key) => onNavigate?.(String(key)),
       children: (item) => {
         const last = items[items.length - 1] === item;
-        return /* @__PURE__ */ jsxs31(AriaBreadcrumb, { className: "pire-breadcrumb", id: item.id ?? item.label, children: [
-          last ? item.label : /* @__PURE__ */ jsx39(Link2, { href: item.href, children: item.label }),
-          last ? null : /* @__PURE__ */ jsx39(Icon, { name: "chevron-right", size: 12, style: { color: "var(--text-tertiary)" } })
+        return /* @__PURE__ */ jsxs32(AriaBreadcrumb, { className: "pire-breadcrumb", id: item.id ?? item.label, children: [
+          last ? item.label : /* @__PURE__ */ jsx40(Link2, { href: item.href, children: item.label }),
+          last ? null : /* @__PURE__ */ jsx40(Icon, { name: "chevron-right", size: 12, style: { color: "var(--text-tertiary)" } })
         ] });
       }
     }
@@ -2895,7 +2940,7 @@ function Breadcrumb({ items, onNavigate, className, style }) {
 }
 
 // src/components/navigation/Pagination.tsx
-import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
 function Pagination({
   page = 1,
   pageSize = 25,
@@ -2910,9 +2955,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__ */ jsxs32("nav", { className: cx("pire-pagination", className), style, "aria-label": msg.paginationLabel, children: [
-    /* @__PURE__ */ jsx40("span", { className: "pire-pagination-count", children: msg.paginationRange.replace("{from}", from.toLocaleString()).replace("{to}", to.toLocaleString()).replace("{total}", total.toLocaleString()) }),
-    /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsxs33("nav", { className: cx("pire-pagination", className), style, "aria-label": msg.paginationLabel, children: [
+    /* @__PURE__ */ jsx41("span", { className: "pire-pagination-count", children: msg.paginationRange.replace("{from}", from.toLocaleString()).replace("{to}", to.toLocaleString()).replace("{total}", total.toLocaleString()) }),
+    /* @__PURE__ */ jsx41(
       IconButton,
       {
         icon: "chevron-left",
@@ -2923,8 +2968,8 @@ function Pagination({
         onPress: () => onPageChange?.(page - 1)
       }
     ),
-    /* @__PURE__ */ jsx40("span", { className: "pire-pagination-count", "aria-live": "polite", children: msg.paginationPageOf.replace("{page}", String(page)).replace("{pages}", String(pages)) }),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41("span", { className: "pire-pagination-count", "aria-live": "polite", children: msg.paginationPageOf.replace("{page}", String(page)).replace("{pages}", String(pages)) }),
+    /* @__PURE__ */ jsx41(
       IconButton,
       {
         icon: "chevron-right",
@@ -2935,7 +2980,7 @@ function Pagination({
         onPress: () => onPageChange?.(page + 1)
       }
     ),
-    onPageSizeChange ? /* @__PURE__ */ jsx40(
+    onPageSizeChange ? /* @__PURE__ */ jsx41(
       Select,
       {
         "aria-label": msg.paginationRowsPerPage,
@@ -2951,7 +2996,7 @@ function Pagination({
 }
 
 // src/components/feedback/InlineMessage.tsx
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
 var KIND_ICON = {
   info: "info",
   success: "check-circle-2",
@@ -2961,7 +3006,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__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       className: cx("pire-msg", className),
@@ -2970,21 +3015,21 @@ function InlineMessage({ kind = "info", title, action, onClose, children, classN
       "aria-live": assertive ? "assertive" : "polite",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx41(Icon, { name: KIND_ICON[kind], size: 16, style: { marginTop: 2 } }),
-        /* @__PURE__ */ jsxs33("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--sp-1)" }, children: [
-          title ? /* @__PURE__ */ jsx41("span", { className: "pire-msg-title", children: title }) : null,
-          children ? /* @__PURE__ */ jsx41("span", { className: "pire-msg-body", children }) : null,
+        /* @__PURE__ */ jsx42(Icon, { name: KIND_ICON[kind], size: 16, style: { marginTop: 2 } }),
+        /* @__PURE__ */ jsxs34("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--sp-1)" }, children: [
+          title ? /* @__PURE__ */ jsx42("span", { className: "pire-msg-title", children: title }) : null,
+          children ? /* @__PURE__ */ jsx42("span", { className: "pire-msg-body", children }) : null,
           action
         ] }),
-        onClose ? /* @__PURE__ */ jsx41(IconButton, { icon: "x", label: msg.inlineMessageDismiss, size: "sm", onPress: onClose }) : null
+        onClose ? /* @__PURE__ */ jsx42(IconButton, { icon: "x", label: msg.inlineMessageDismiss, size: "sm", onPress: onClose }) : null
       ]
     }
   );
 }
 
 // src/components/feedback/Toast.tsx
-import * as React22 from "react";
-import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+import * as React23 from "react";
+import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
 var KIND_ICON2 = {
   info: "info",
   success: "check-circle-2",
@@ -2993,7 +3038,7 @@ var KIND_ICON2 = {
 };
 function Toast({ kind = "success", onClose, position = "bottom-center", children, className, ...rest }) {
   const msg = usePireMessages();
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       className: cx("pire-toast", className),
@@ -3002,40 +3047,40 @@ function Toast({ kind = "success", onClose, position = "bottom-center", children
       "aria-live": kind === "error" ? "assertive" : "polite",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx42(Icon, { name: KIND_ICON2[kind], size: 16 }),
-        /* @__PURE__ */ jsx42("span", { style: { flex: 1 }, children }),
-        onClose ? /* @__PURE__ */ jsx42(IconButton, { icon: "x", label: msg.toastDismiss, size: "sm", variant: "inverse", onPress: onClose }) : null
+        /* @__PURE__ */ jsx43(Icon, { name: KIND_ICON2[kind], size: 16 }),
+        /* @__PURE__ */ jsx43("span", { style: { flex: 1 }, children }),
+        onClose ? /* @__PURE__ */ jsx43(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__ */ jsxs34(ToastContext.Provider, { value, children: [
+  const value = React23.useMemo(() => ({ add, close }), [add, close]);
+  return /* @__PURE__ */ jsxs35(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx42("div", { className: "pire-toast-region", role: "region", "aria-label": msg.toastRegionLabel, children: toasts.map((t) => /* @__PURE__ */ jsx42(Toast, { kind: t.kind, onClose: () => close(t.id), style: { position: "static", transform: "none" }, children: t.message }, t.id)) })
+    /* @__PURE__ */ jsx43("div", { className: "pire-toast-region", role: "region", "aria-label": msg.toastRegionLabel, children: toasts.map((t) => /* @__PURE__ */ jsx43(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
-import { Button as AriaButton13 } from "react-aria-components";
-import { Fragment as Fragment3, jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Button as AriaButton14 } from "react-aria-components";
+import { Fragment as Fragment4, jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 function KpiTile({
   label,
   value,
@@ -3051,50 +3096,50 @@ function KpiTile({
   style
 }) {
   const tone = deltaTone ?? (deltaDirection === "down" ? "negative" : "positive");
-  const body = /* @__PURE__ */ jsxs35(Fragment3, { children: [
-    /* @__PURE__ */ jsxs35("span", { className: "pire-kpi-label", children: [
-      icon ? /* @__PURE__ */ jsx43(Icon, { name: icon, size: 16 }) : null,
+  const body = /* @__PURE__ */ jsxs36(Fragment4, { children: [
+    /* @__PURE__ */ jsxs36("span", { className: "pire-kpi-label", children: [
+      icon ? /* @__PURE__ */ jsx44(Icon, { name: icon, size: 16 }) : null,
       label
     ] }),
-    /* @__PURE__ */ jsxs35("span", { className: "pire-kpi-value", children: [
+    /* @__PURE__ */ jsxs36("span", { className: "pire-kpi-value", children: [
       value,
-      unit ? /* @__PURE__ */ jsx43("span", { className: "pire-kpi-unit", children: unit }) : null
+      unit ? /* @__PURE__ */ jsx44("span", { className: "pire-kpi-unit", children: unit }) : null
     ] }),
-    delta ? /* @__PURE__ */ jsxs35("span", { className: "pire-kpi-delta", "data-tone": tone, children: [
-      deltaDirection ? /* @__PURE__ */ jsx43(Icon, { name: deltaDirection === "up" ? "trending-up" : "trending-down", size: 12 }) : null,
+    delta ? /* @__PURE__ */ jsxs36("span", { className: "pire-kpi-delta", "data-tone": tone, children: [
+      deltaDirection ? /* @__PURE__ */ jsx44(Icon, { name: deltaDirection === "up" ? "trending-up" : "trending-down", size: 12 }) : null,
       delta
     ] }) : null,
-    footnote ? /* @__PURE__ */ jsx43("span", { className: "pire-kpi-foot", children: footnote }) : null
+    footnote ? /* @__PURE__ */ jsx44("span", { className: "pire-kpi-foot", children: footnote }) : null
   ] });
   const props = { className: cx("pire-kpi", className), "data-status": status, style };
-  return onPress ? /* @__PURE__ */ jsx43(AriaButton13, { ...props, "data-pressable": "true", onPress, children: body }) : /* @__PURE__ */ jsx43("div", { ...props, children: body });
+  return onPress ? /* @__PURE__ */ jsx44(AriaButton14, { ...props, "data-pressable": "true", onPress, children: body }) : /* @__PURE__ */ jsx44("div", { ...props, children: body });
 }
 
 // src/components/data/ObjectHeader.tsx
-import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 function ObjectHeader({ title, subtitle, id, breadcrumb, badge, facts, actions, className, ...rest }) {
-  return /* @__PURE__ */ jsxs36("header", { className: cx("pire-objheader", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs37("header", { className: cx("pire-objheader", className), ...rest, children: [
     breadcrumb,
-    /* @__PURE__ */ jsxs36("div", { className: "pire-objheader-row", children: [
-      /* @__PURE__ */ jsxs36("div", { style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ jsx44("h1", { className: "pire-objheader-title", children: title }),
-        subtitle || id ? /* @__PURE__ */ jsxs36("div", { className: "pire-objheader-sub", children: [
+    /* @__PURE__ */ jsxs37("div", { className: "pire-objheader-row", children: [
+      /* @__PURE__ */ jsxs37("div", { style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx45("h1", { className: "pire-objheader-title", children: title }),
+        subtitle || id ? /* @__PURE__ */ jsxs37("div", { className: "pire-objheader-sub", children: [
           subtitle,
-          id ? /* @__PURE__ */ jsx44("span", { className: "pire-objheader-id", children: id }) : null
+          id ? /* @__PURE__ */ jsx45("span", { className: "pire-objheader-id", children: id }) : null
         ] }) : null
       ] }),
       badge,
-      actions ? /* @__PURE__ */ jsx44("div", { className: "pire-objheader-actions", children: actions }) : null
+      actions ? /* @__PURE__ */ jsx45("div", { className: "pire-objheader-actions", children: actions }) : null
     ] }),
-    facts?.length ? /* @__PURE__ */ jsx44("dl", { className: "pire-facts", style: { margin: 0 }, children: facts.map((fact) => /* @__PURE__ */ jsxs36("div", { children: [
-      /* @__PURE__ */ jsx44("dt", { className: "pire-fact-label", children: fact.label }),
-      /* @__PURE__ */ jsx44("dd", { className: "pire-fact-value", "data-numeric": fact.numeric ? "true" : void 0, style: { margin: 0 }, children: fact.value })
+    facts?.length ? /* @__PURE__ */ jsx45("dl", { className: "pire-facts", style: { margin: 0 }, children: facts.map((fact) => /* @__PURE__ */ jsxs37("div", { children: [
+      /* @__PURE__ */ jsx45("dt", { className: "pire-fact-label", children: fact.label }),
+      /* @__PURE__ */ jsx45("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
-import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 function FilterBar({
   children,
   activeFilters = [],
@@ -3111,49 +3156,49 @@ function FilterBar({
   const label = useMessage("filterBarLabel", rest["aria-label"]);
   const go = useMessage("filterBarGo", goLabel);
   const clearAll = useMessage("filterBarClearAll", clearAllLabel);
-  return /* @__PURE__ */ jsxs37("section", { className: cx("pire-filterbar", className), ...rest, "aria-label": label, children: [
-    /* @__PURE__ */ jsxs37("div", { className: "pire-filterbar-controls", children: [
+  return /* @__PURE__ */ jsxs38("section", { className: cx("pire-filterbar", className), ...rest, "aria-label": label, children: [
+    /* @__PURE__ */ jsxs38("div", { className: "pire-filterbar-controls", children: [
       children,
-      onGo ? /* @__PURE__ */ jsx45(Button, { variant: "primary", onPress: onGo, children: go }) : null
+      onGo ? /* @__PURE__ */ jsx46(Button, { variant: "primary", onPress: onGo, children: go }) : null
     ] }),
-    activeFilters.length || resultLabel || actions ? /* @__PURE__ */ jsxs37("div", { className: "pire-filterbar-foot", children: [
-      activeFilters.map((filter) => /* @__PURE__ */ jsx45(Tag, { onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0, children: filter.label }, filter.id)),
-      activeFilters.length && onClear ? /* @__PURE__ */ jsx45(Button, { variant: "tertiary", size: "sm", onPress: onClear, children: clearAll }) : null,
-      resultLabel ? /* @__PURE__ */ jsx45("span", { className: "pire-filterbar-result", "aria-live": "polite", children: resultLabel }) : null,
-      actions ? /* @__PURE__ */ jsx45("div", { className: "pire-filterbar-actions", children: actions }) : null
+    activeFilters.length || resultLabel || actions ? /* @__PURE__ */ jsxs38("div", { className: "pire-filterbar-foot", children: [
+      activeFilters.map((filter) => /* @__PURE__ */ jsx46(Tag, { onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0, children: filter.label }, filter.id)),
+      activeFilters.length && onClear ? /* @__PURE__ */ jsx46(Button, { variant: "tertiary", size: "sm", onPress: onClear, children: clearAll }) : null,
+      resultLabel ? /* @__PURE__ */ jsx46("span", { className: "pire-filterbar-result", "aria-live": "polite", children: resultLabel }) : null,
+      actions ? /* @__PURE__ */ jsx46("div", { className: "pire-filterbar-actions", children: actions }) : null
     ] }) : null
   ] });
 }
 
 // src/components/data/DescriptionList.tsx
-import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 function DescriptionList({ items, layout = "rows", columns = 3, className, style, ...rest }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "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__ */ jsxs38("div", { className: "pire-dl-row", "data-emphasis": item.emphasis ? "true" : void 0, children: [
-        /* @__PURE__ */ jsxs38("dt", { className: "pire-dl-term", children: [
+      children: items.map((item, i) => /* @__PURE__ */ jsxs39("div", { className: "pire-dl-row", "data-emphasis": item.emphasis ? "true" : void 0, children: [
+        /* @__PURE__ */ jsxs39("dt", { className: "pire-dl-term", children: [
           item.label,
           item.hint
         ] }),
-        /* @__PURE__ */ jsx46("dd", { className: "pire-dl-value", "data-numeric": item.numeric ? "true" : void 0, children: item.value })
+        /* @__PURE__ */ jsx47("dd", { className: "pire-dl-value", "data-numeric": item.numeric ? "true" : void 0, children: item.value })
       ] }, i))
     }
   );
 }
 
 // src/components/data/Timeline.tsx
-import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 function Timeline({ entries, reverse = false, className, ...rest }) {
   const list = reverse ? [...entries].reverse() : entries;
-  return /* @__PURE__ */ jsx47("ol", { className: cx("pire-timeline", className), ...rest, children: list.map((entry, i) => /* @__PURE__ */ jsxs39("li", { className: "pire-timeline-item", children: [
-    /* @__PURE__ */ jsx47("span", { className: "pire-timeline-time", children: entry.time }),
-    /* @__PURE__ */ jsx47("span", { className: "pire-timeline-text", children: entry.event }),
-    entry.actor ? /* @__PURE__ */ jsx47("span", { className: "pire-timeline-actor", children: entry.actor }) : null
+  return /* @__PURE__ */ jsx48("ol", { className: cx("pire-timeline", className), ...rest, children: list.map((entry, i) => /* @__PURE__ */ jsxs40("li", { className: "pire-timeline-item", children: [
+    /* @__PURE__ */ jsx48("span", { className: "pire-timeline-time", children: entry.time }),
+    /* @__PURE__ */ jsx48("span", { className: "pire-timeline-text", children: entry.event }),
+    entry.actor ? /* @__PURE__ */ jsx48("span", { className: "pire-timeline-actor", children: entry.actor }) : null
   ] }, entry.id ?? i)) });
 }
 
@@ -3236,7 +3281,7 @@ function alignToCategories(series, categoryCount) {
 }
 
 // src/components/data/ChartFrame.tsx
-import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 function seriesLegend(series) {
   return series.map((one, index) => ({
     key: one.id,
@@ -3259,29 +3304,29 @@ function ChartFrame({
   children
 }) {
   const msg = usePireMessages();
-  return /* @__PURE__ */ jsxs40("figure", { className: cx("pire-chart", className), style, children: [
-    title || description ? /* @__PURE__ */ jsxs40("figcaption", { className: "pire-chart-head", children: [
-      title ? /* @__PURE__ */ jsx48("span", { className: "pire-chart-title", children: title }) : null,
-      description ? /* @__PURE__ */ jsx48("span", { className: "pire-chart-desc", children: description }) : null
+  return /* @__PURE__ */ jsxs41("figure", { className: cx("pire-chart", className), style, children: [
+    title || description ? /* @__PURE__ */ jsxs41("figcaption", { className: "pire-chart-head", children: [
+      title ? /* @__PURE__ */ jsx49("span", { className: "pire-chart-title", children: title }) : null,
+      description ? /* @__PURE__ */ jsx49("span", { className: "pire-chart-desc", children: description }) : null
     ] }) : null,
-    legend && legend.length > 1 ? /* @__PURE__ */ jsx48("ul", { className: "pire-chart-legend", children: legend.map((item) => /* @__PURE__ */ jsxs40("li", { className: "pire-chart-legend-item", children: [
-      /* @__PURE__ */ jsx48("span", { className: "pire-chart-swatch", style: { background: item.color } }),
+    legend && legend.length > 1 ? /* @__PURE__ */ jsx49("ul", { className: "pire-chart-legend", children: legend.map((item) => /* @__PURE__ */ jsxs41("li", { className: "pire-chart-legend-item", children: [
+      /* @__PURE__ */ jsx49("span", { className: "pire-chart-swatch", style: { background: item.color } }),
       item.label
     ] }, item.key)) }) : null,
-    /* @__PURE__ */ jsx48("div", { className: "pire-chart-plot", "aria-hidden": "true", children }),
-    /* @__PURE__ */ jsx48("div", { className: showDataTable ? "pire-chart-table" : "pire-sr-only", children: /* @__PURE__ */ jsxs40("table", { children: [
-      /* @__PURE__ */ jsx48("caption", { children: label }),
-      /* @__PURE__ */ jsx48("thead", { children: /* @__PURE__ */ jsxs40("tr", { children: [
-        /* @__PURE__ */ jsx48("th", { scope: "col", children: msg.chartCategoryHeader }),
-        series.map((one) => /* @__PURE__ */ jsx48("th", { scope: "col", children: one.label }, one.id))
+    /* @__PURE__ */ jsx49("div", { className: "pire-chart-plot", "aria-hidden": "true", children }),
+    /* @__PURE__ */ jsx49("div", { className: showDataTable ? "pire-chart-table" : "pire-sr-only", children: /* @__PURE__ */ jsxs41("table", { children: [
+      /* @__PURE__ */ jsx49("caption", { children: label }),
+      /* @__PURE__ */ jsx49("thead", { children: /* @__PURE__ */ jsxs41("tr", { children: [
+        /* @__PURE__ */ jsx49("th", { scope: "col", children: msg.chartCategoryHeader }),
+        series.map((one) => /* @__PURE__ */ jsx49("th", { scope: "col", children: one.label }, one.id))
       ] }) }),
-      /* @__PURE__ */ jsx48("tbody", { children: categories.map((category, categoryIndex) => (
+      /* @__PURE__ */ jsx49("tbody", { children: categories.map((category, categoryIndex) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
-        /* @__PURE__ */ jsxs40("tr", { children: [
-          /* @__PURE__ */ jsx48("th", { scope: "row", children: category }),
+        /* @__PURE__ */ jsxs41("tr", { children: [
+          /* @__PURE__ */ jsx49("th", { scope: "row", children: category }),
           series.map((one) => {
             const value = one.values[categoryIndex];
-            return /* @__PURE__ */ jsx48("td", { children: value == null ? msg.chartNoValue : formatValue(value) }, one.id);
+            return /* @__PURE__ */ jsx49("td", { children: value == null ? msg.chartNoValue : formatValue(value) }, one.id);
           })
         ] }, categoryIndex)
       )) })
@@ -3290,7 +3335,7 @@ function ChartFrame({
 }
 
 // src/components/data/BarChart.tsx
-import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
 function BarChart({
   categories,
   series: rawSeries,
@@ -3322,7 +3367,7 @@ function BarChart({
     const value = series[0].values[categoryIndex];
     return value == null ? msg.chartNoValue : formatValue(value);
   };
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     ChartFrame,
     {
       label,
@@ -3335,7 +3380,7 @@ function BarChart({
       showDataTable,
       className,
       style,
-      children: !hasData ? /* @__PURE__ */ jsx49("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsx49(
+      children: !hasData ? /* @__PURE__ */ jsx50("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsx50(
         "div",
         {
           className: "pire-chart-bars",
@@ -3344,12 +3389,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__ */ jsxs41("div", { className: "pire-chart-group", children: [
-              /* @__PURE__ */ jsx49("span", { className: "pire-chart-cat", children: category }),
-              /* @__PURE__ */ jsx49("div", { className: "pire-chart-track", children: series.map((one, seriesIndex) => {
+            /* @__PURE__ */ jsxs42("div", { className: "pire-chart-group", children: [
+              /* @__PURE__ */ jsx50("span", { className: "pire-chart-cat", children: category }),
+              /* @__PURE__ */ jsx50("div", { className: "pire-chart-track", children: series.map((one, seriesIndex) => {
                 const value = one.values[categoryIndex];
                 if (value == null) return null;
-                return /* @__PURE__ */ jsxs41(
+                return /* @__PURE__ */ jsxs42(
                   "div",
                   {
                     className: "pire-chart-bar",
@@ -3358,8 +3403,8 @@ function BarChart({
                       "--pire-bar-color": seriesColor(one, seriesIndex)
                     },
                     children: [
-                      withValues && orientation === "vertical" ? /* @__PURE__ */ jsx49("span", { className: "pire-chart-barval", children: formatValue(value) }) : null,
-                      /* @__PURE__ */ jsxs41("span", { className: "pire-chart-tip", role: "presentation", children: [
+                      withValues && orientation === "vertical" ? /* @__PURE__ */ jsx50("span", { className: "pire-chart-barval", children: formatValue(value) }) : null,
+                      /* @__PURE__ */ jsxs42("span", { className: "pire-chart-tip", role: "presentation", children: [
                         series.length > 1 ? `${one.label}: ` : "",
                         formatValue(value)
                       ] })
@@ -3368,7 +3413,7 @@ function BarChart({
                   one.id
                 );
               }) }),
-              withValues && orientation === "horizontal" ? /* @__PURE__ */ jsx49("span", { className: "pire-chart-val", children: horizontalLabelFor(categoryIndex) }) : null
+              withValues && orientation === "horizontal" ? /* @__PURE__ */ jsx50("span", { className: "pire-chart-val", children: horizontalLabelFor(categoryIndex) }) : null
             ] }, categoryIndex)
           ))
         }
@@ -3378,14 +3423,14 @@ function BarChart({
 }
 
 // src/components/data/LineChart.tsx
-import * as React23 from "react";
-import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
+import * as React24 from "react";
+import { jsx as jsx51, jsxs as jsxs43 } from "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;
@@ -3446,7 +3491,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__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     ChartFrame,
     {
       label,
@@ -3459,8 +3504,8 @@ function LineChart({
       showDataTable,
       className,
       style,
-      children: !hasData ? /* @__PURE__ */ jsx50("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsxs42("div", { className: "pire-chart-lines", ref: plotRef, style: { height }, children: [
-        width > 0 ? /* @__PURE__ */ jsxs42(
+      children: !hasData ? /* @__PURE__ */ jsx51("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsxs43("div", { className: "pire-chart-lines", ref: plotRef, style: { height }, children: [
+        width > 0 ? /* @__PURE__ */ jsxs43(
           "svg",
           {
             width,
@@ -3469,7 +3514,7 @@ function LineChart({
             "aria-hidden": "true",
             focusable: "false",
             children: [
-              /* @__PURE__ */ jsx50("g", { className: "pire-chart-grid", children: scale.ticks.map((tick) => /* @__PURE__ */ jsx50(
+              /* @__PURE__ */ jsx51("g", { className: "pire-chart-grid", children: scale.ticks.map((tick) => /* @__PURE__ */ jsx51(
                 "line",
                 {
                   x1: PLOT_INSET.left,
@@ -3479,8 +3524,8 @@ function LineChart({
                 },
                 tick
               )) }),
-              /* @__PURE__ */ jsxs42("g", { className: "pire-chart-tick", children: [
-                scale.ticks.map((tick) => /* @__PURE__ */ jsx50(
+              /* @__PURE__ */ jsxs43("g", { className: "pire-chart-tick", children: [
+                scale.ticks.map((tick) => /* @__PURE__ */ jsx51(
                   "text",
                   {
                     x: PLOT_INSET.left - 8,
@@ -3493,10 +3538,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__ */ jsx50("text", { x: xAt(index), y: height - 6, textAnchor: "middle", children: category }, index)
+                  /* @__PURE__ */ jsx51("text", { x: xAt(index), y: height - 6, textAnchor: "middle", children: category }, index)
                 ) : null)
               ] }),
-              showArea && series[0] ? /* @__PURE__ */ jsx50(
+              showArea && series[0] ? /* @__PURE__ */ jsx51(
                 "path",
                 {
                   d: areaFor(series[0].values),
@@ -3504,10 +3549,10 @@ function LineChart({
                   style: { fill: seriesColor(series[0], 0) }
                 }
               ) : null,
-              /* @__PURE__ */ jsx50("g", { className: "pire-chart-line", fill: "none", children: series.map((one, index) => /* @__PURE__ */ jsx50("path", { d: pathFor(one.values), stroke: seriesColor(one, index) }, one.id)) }),
-              withMarkers ? /* @__PURE__ */ jsx50("g", { className: "pire-chart-marker", children: series.map((one, seriesIndex) => one.values.map((value, index) => value == null ? null : (
+              /* @__PURE__ */ jsx51("g", { className: "pire-chart-line", fill: "none", children: series.map((one, index) => /* @__PURE__ */ jsx51("path", { d: pathFor(one.values), stroke: seriesColor(one, index) }, one.id)) }),
+              withMarkers ? /* @__PURE__ */ jsx51("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__ */ jsx50(
+                /* @__PURE__ */ jsx51(
                   "circle",
                   {
                     cx: xAt(index),
@@ -3521,18 +3566,18 @@ function LineChart({
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           "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__ */ jsx50("div", { className: "pire-chart-band", children: /* @__PURE__ */ jsxs42("span", { className: "pire-chart-tip", role: "presentation", children: [
-                /* @__PURE__ */ jsx50("strong", { children: category }),
+              /* @__PURE__ */ jsx51("div", { className: "pire-chart-band", children: /* @__PURE__ */ jsxs43("span", { className: "pire-chart-tip", role: "presentation", children: [
+                /* @__PURE__ */ jsx51("strong", { children: category }),
                 series.map((one) => {
                   const value = one.values[categoryIndex];
-                  return /* @__PURE__ */ jsxs42("span", { className: "pire-chart-tip-row", children: [
+                  return /* @__PURE__ */ jsxs43("span", { className: "pire-chart-tip-row", children: [
                     one.label,
                     ": ",
                     value == null ? "No data" : formatValue(value)
@@ -3548,8 +3593,8 @@ function LineChart({
 }
 
 // src/components/data/DonutChart.tsx
-import * as React24 from "react";
-import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
+import * as React25 from "react";
+import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
 var SEGMENT_GAP_DEGREES = 1.5;
 function DonutChart({
   categories,
@@ -3569,7 +3614,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);
@@ -3586,7 +3631,7 @@ function DonutChart({
   }));
   const hovered = hoveredIndex == null ? null : segments.find((segment) => segment.index === hoveredIndex) ?? null;
   let arcStart = 0;
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     ChartFrame,
     {
       label,
@@ -3599,8 +3644,8 @@ function DonutChart({
       showDataTable,
       className,
       style,
-      children: !hasData ? /* @__PURE__ */ jsx51("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsxs43("div", { className: "pire-chart-donut", style: { height: size }, children: [
-        /* @__PURE__ */ jsx51(
+      children: !hasData ? /* @__PURE__ */ jsx52("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsxs44("div", { className: "pire-chart-donut", style: { height: size }, children: [
+        /* @__PURE__ */ jsx52(
           "svg",
           {
             width: size,
@@ -3608,13 +3653,13 @@ function DonutChart({
             "aria-hidden": "true",
             focusable: "false",
             onMouseLeave: () => setHoveredIndex(null),
-            children: /* @__PURE__ */ jsx51("g", { transform: `rotate(-90 ${size / 2} ${size / 2})`, children: segments.map((segment) => {
+            children: /* @__PURE__ */ jsx52("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__ */ jsx51(
+                /* @__PURE__ */ jsx52(
                   "circle",
                   {
                     className: "pire-chart-arc",
@@ -3634,9 +3679,9 @@ function DonutChart({
             }) })
           }
         ),
-        /* @__PURE__ */ jsxs43("div", { className: "pire-chart-donut-center", style: { width: size - thickness * 2 - 8 }, children: [
-          /* @__PURE__ */ jsx51("span", { className: "pire-chart-donut-value", children: hovered ? formatValue(hovered.value) : centerLabel ?? formatValue(total) }),
-          /* @__PURE__ */ jsx51("span", { className: "pire-chart-donut-caption", children: hovered ? hovered.category : centerCaption })
+        /* @__PURE__ */ jsxs44("div", { className: "pire-chart-donut-center", style: { width: size - thickness * 2 - 8 }, children: [
+          /* @__PURE__ */ jsx52("span", { className: "pire-chart-donut-value", children: hovered ? formatValue(hovered.value) : centerLabel ?? formatValue(total) }),
+          /* @__PURE__ */ jsx52("span", { className: "pire-chart-donut-caption", children: hovered ? hovered.category : centerCaption })
         ] })
       ] })
     }
@@ -3647,15 +3692,15 @@ function colorForSegment(index) {
 }
 
 // src/components/data/LinkList.tsx
-import { Button as AriaButton14 } from "react-aria-components";
-import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Button as AriaButton15 } from "react-aria-components";
+import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 function LinkList({ items, onSelect, emphasis = "key", className, ...rest }) {
-  return /* @__PURE__ */ jsx52("div", { className: cx("pire-linklist", className), role: "list", "data-emphasis": emphasis, ...rest, children: items.map((item) => {
-    const keySlot = item.key ? /* @__PURE__ */ jsx52("span", { className: "pire-linklist-key", children: item.key }) : null;
-    const textSlot = item.text ? /* @__PURE__ */ jsx52("span", { className: "pire-linklist-text", children: item.text }) : null;
+  return /* @__PURE__ */ jsx53("div", { className: cx("pire-linklist", className), role: "list", "data-emphasis": emphasis, ...rest, children: items.map((item) => {
+    const keySlot = item.key ? /* @__PURE__ */ jsx53("span", { className: "pire-linklist-key", children: item.key }) : null;
+    const textSlot = item.text ? /* @__PURE__ */ jsx53("span", { className: "pire-linklist-text", children: item.text }) : null;
     const [first, second] = emphasis === "text" ? [textSlot, keySlot] : [keySlot, textSlot];
-    return /* @__PURE__ */ jsx52("div", { role: "listitem", className: "pire-linklist-row", children: /* @__PURE__ */ jsxs44(AriaButton14, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
-      item.icon ? /* @__PURE__ */ jsx52(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
+    return /* @__PURE__ */ jsx53("div", { role: "listitem", className: "pire-linklist-row", children: /* @__PURE__ */ jsxs45(AriaButton15, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
+      item.icon ? /* @__PURE__ */ jsx53(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
       first,
       second,
       item.trailing
@@ -3664,7 +3709,7 @@ function LinkList({ items, onSelect, emphasis = "key", className, ...rest }) {
 }
 
 // src/components/layout/PageBand.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function PageBand({
   surface = "card",
   hasBorder = true,
@@ -3672,7 +3717,7 @@ function PageBand({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       className: cx("pire-pageband", className),
@@ -3685,56 +3730,56 @@ function PageBand({
 }
 
 // src/components/layout/PageHeader.tsx
-import { jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
 function PageHeader({ title, subtitle, actions, className, ...rest }) {
-  return /* @__PURE__ */ jsxs45("header", { className: cx("pire-pageheader", className), ...rest, children: [
-    /* @__PURE__ */ jsxs45("div", { style: { minWidth: 0 }, children: [
-      /* @__PURE__ */ jsx54("h1", { className: "pire-pageheader-title", children: title }),
-      subtitle ? /* @__PURE__ */ jsx54("p", { className: "pire-pageheader-sub", children: subtitle }) : null
+  return /* @__PURE__ */ jsxs46("header", { className: cx("pire-pageheader", className), ...rest, children: [
+    /* @__PURE__ */ jsxs46("div", { style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ jsx55("h1", { className: "pire-pageheader-title", children: title }),
+      subtitle ? /* @__PURE__ */ jsx55("p", { className: "pire-pageheader-sub", children: subtitle }) : null
     ] }),
-    actions ? /* @__PURE__ */ jsx54("div", { className: "pire-pageheader-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ jsx55("div", { className: "pire-pageheader-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SectionHeader.tsx
-import { jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
 function SectionHeader({ title, meta, actions, className, ...rest }) {
-  return /* @__PURE__ */ jsxs46("div", { className: cx("pire-sectionhead", className), ...rest, children: [
-    /* @__PURE__ */ jsx55("span", { className: "pire-eyebrow", children: title }),
-    meta ? /* @__PURE__ */ jsx55("span", { style: { font: "var(--type-caption)", color: "var(--text-tertiary)" }, children: meta }) : null,
-    actions ? /* @__PURE__ */ jsx55("div", { className: "pire-sectionhead-actions", children: actions }) : null
+  return /* @__PURE__ */ jsxs47("div", { className: cx("pire-sectionhead", className), ...rest, children: [
+    /* @__PURE__ */ jsx56("span", { className: "pire-eyebrow", children: title }),
+    meta ? /* @__PURE__ */ jsx56("span", { style: { font: "var(--type-caption)", color: "var(--text-tertiary)" }, children: meta }) : null,
+    actions ? /* @__PURE__ */ jsx56("div", { className: "pire-sectionhead-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SelectionBar.tsx
-import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
 function SelectionBar({ count, noun = "record", children, actions, className, ...rest }) {
   if (!count) return null;
-  return /* @__PURE__ */ jsxs47("div", { className: cx("pire-selectionbar", className), role: "status", "aria-live": "polite", ...rest, children: [
-    /* @__PURE__ */ jsxs47("span", { className: "pire-selectionbar-count", children: [
+  return /* @__PURE__ */ jsxs48("div", { className: cx("pire-selectionbar", className), role: "status", "aria-live": "polite", ...rest, children: [
+    /* @__PURE__ */ jsxs48("span", { className: "pire-selectionbar-count", children: [
       count.toLocaleString(),
       " ",
       noun,
       count === 1 ? "" : "s",
       " selected"
     ] }),
-    children ? /* @__PURE__ */ jsx56("span", { style: { color: "var(--text-secondary)", font: "var(--type-caption)" }, children }) : null,
-    actions ? /* @__PURE__ */ jsx56("div", { className: "pire-selectionbar-actions", children: actions }) : null
+    children ? /* @__PURE__ */ jsx57("span", { style: { color: "var(--text-secondary)", font: "var(--type-caption)" }, children }) : null,
+    actions ? /* @__PURE__ */ jsx57("div", { className: "pire-selectionbar-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/FooterBar.tsx
-import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
 function FooterBar({ note, actions, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs48("footer", { className: cx("pire-footerbar", className), ...rest, children: [
-    note ? /* @__PURE__ */ jsx57("span", { className: "pire-footerbar-note", children: note }) : null,
+  return /* @__PURE__ */ jsxs49("footer", { className: cx("pire-footerbar", className), ...rest, children: [
+    note ? /* @__PURE__ */ jsx58("span", { className: "pire-footerbar-note", children: note }) : null,
     children,
-    actions ? /* @__PURE__ */ jsx57("div", { className: "pire-footerbar-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ jsx58("div", { className: "pire-footerbar-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SplitPane.tsx
-import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
 function SplitPane({
   list,
   detail,
@@ -3750,7 +3795,7 @@ function SplitPane({
 }) {
   const msg = usePireMessages();
   const width = typeof listWidth === "number" ? `${listWidth}px` : listWidth;
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs50(
     "div",
     {
       className: cx("pire-split", className),
@@ -3758,10 +3803,10 @@ function SplitPane({
       style: { ["--pire-split-list-w"]: width, ...style },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx58("section", { className: "pire-split-list", "aria-label": listLabel ?? msg.splitPaneList, children: list }),
-        /* @__PURE__ */ jsxs49("section", { className: "pire-split-detail", "aria-label": detailLabel ?? msg.splitPaneDetail, children: [
-          onBack ? /* @__PURE__ */ jsx58("div", { className: "pire-split-back", children: /* @__PURE__ */ jsx58(Button, { variant: "tertiary", size: "sm", icon: "arrow-left", onPress: onBack, children: backLabel ?? msg.splitPaneBack }) }) : null,
-          detail ?? /* @__PURE__ */ jsx58("div", { className: "pire-split-empty", children: emptyDetail })
+        /* @__PURE__ */ jsx59("section", { className: "pire-split-list", "aria-label": listLabel ?? msg.splitPaneList, children: list }),
+        /* @__PURE__ */ jsxs50("section", { className: "pire-split-detail", "aria-label": detailLabel ?? msg.splitPaneDetail, children: [
+          onBack ? /* @__PURE__ */ jsx59("div", { className: "pire-split-back", children: /* @__PURE__ */ jsx59(Button, { variant: "tertiary", size: "sm", icon: "arrow-left", onPress: onBack, children: backLabel ?? msg.splitPaneBack }) }) : null,
+          detail ?? /* @__PURE__ */ jsx59("div", { className: "pire-split-empty", children: emptyDetail })
         ] })
       ]
     }
@@ -3769,7 +3814,7 @@ function SplitPane({
 }
 
 // src/components/patterns/ConfirmDialog.tsx
-import { Fragment as Fragment4, jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
 function ConfirmDialog({
   isOpen,
   title,
@@ -3783,7 +3828,7 @@ function ConfirmDialog({
   onConfirm,
   onCancel
 }) {
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     Dialog,
     {
       isOpen,
@@ -3793,12 +3838,12 @@ function ConfirmDialog({
       onClose: onCancel,
       isDismissable: !isBusy,
       showClose: false,
-      footer: /* @__PURE__ */ jsxs50(Fragment4, { children: [
-        /* @__PURE__ */ jsx59(Button, { variant: "tertiary", isDisabled: isBusy, onPress: onCancel, children: cancelLabel }),
-        /* @__PURE__ */ jsx59(Button, { variant: tone === "danger" ? "danger" : "primary", isDisabled: isBusy, onPress: onConfirm, children: isBusy ? "Working\u2026" : confirmLabel })
+      footer: /* @__PURE__ */ jsxs51(Fragment5, { children: [
+        /* @__PURE__ */ jsx60(Button, { variant: "tertiary", isDisabled: isBusy, onPress: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsx60(Button, { variant: tone === "danger" ? "danger" : "primary", isDisabled: isBusy, onPress: onConfirm, children: isBusy ? "Working\u2026" : confirmLabel })
       ] }),
       children: [
-        consequence ? /* @__PURE__ */ jsx59(InlineMessage, { kind: tone === "danger" ? "error" : "warning", style: { marginBottom: children ? "var(--sp-3)" : 0 }, children: consequence }) : null,
+        consequence ? /* @__PURE__ */ jsx60(InlineMessage, { kind: tone === "danger" ? "error" : "warning", style: { marginBottom: children ? "var(--sp-3)" : 0 }, children: consequence }) : null,
         children
       ]
     }
@@ -3806,7 +3851,7 @@ function ConfirmDialog({
 }
 
 // src/components/patterns/CommandPalette.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import {
   Autocomplete,
   ModalOverlay as ModalOverlay2,
@@ -3819,7 +3864,7 @@ import {
   Header as Header2,
   useFilter
 } from "react-aria-components";
-import { Fragment as Fragment5, jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx61, jsxs as jsxs52 } from "react/jsx-runtime";
 var RESULTS_SECTION_KEY = "__pire_results__";
 var searchableText = (item) => [item.label, item.description, item.keywords].filter(Boolean).join(" ");
 function CommandPalette({
@@ -3840,17 +3885,17 @@ function CommandPalette({
   style
 }) {
   const msg = usePireMessages();
-  const [query, setQuery] = React25.useState("");
+  const [query, setQuery] = React26.useState("");
   const { contains } = useFilter({ sensitivity: "base" });
-  React25.useEffect(() => {
+  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]);
@@ -3860,7 +3905,7 @@ function CommandPalette({
   };
   const sections = [...groups, ...resultsGroup ? [{ ...resultsGroup, id: RESULTS_SECTION_KEY }] : []];
   const status = isLoading ? loadingLabel ?? msg.commandPaletteLoading : emptyLabel ?? msg.commandPaletteEmpty;
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     ModalOverlay2,
     {
       className: "pire-cp-overlay",
@@ -3869,11 +3914,11 @@ function CommandPalette({
       onOpenChange: (open) => {
         if (!open) onOpenChange?.(false);
       },
-      children: /* @__PURE__ */ jsx60(Modal2, { className: cx("pire-cp-modal", className), style, children: /* @__PURE__ */ jsxs51(AriaDialog4, { className: "pire-cp-dialog", "aria-label": ariaLabel ?? msg.commandPaletteLabel, children: [
-        /* @__PURE__ */ jsxs51(Autocomplete, { filter, inputValue: query, onInputChange: handleInputChange, children: [
-          /* @__PURE__ */ jsxs51(SearchField, { className: "pire-cp-search", "aria-label": msg.commandPaletteSearchLabel, children: [
-            /* @__PURE__ */ jsx60(Icon, { name: "search", size: 18, className: "pire-cp-search-icon" }),
-            /* @__PURE__ */ jsx60(
+      children: /* @__PURE__ */ jsx61(Modal2, { className: cx("pire-cp-modal", className), style, children: /* @__PURE__ */ jsxs52(AriaDialog4, { className: "pire-cp-dialog", "aria-label": ariaLabel ?? msg.commandPaletteLabel, children: [
+        /* @__PURE__ */ jsxs52(Autocomplete, { filter, inputValue: query, onInputChange: handleInputChange, children: [
+          /* @__PURE__ */ jsxs52(SearchField, { className: "pire-cp-search", "aria-label": msg.commandPaletteSearchLabel, children: [
+            /* @__PURE__ */ jsx61(Icon, { name: "search", size: 18, className: "pire-cp-search-icon" }),
+            /* @__PURE__ */ jsx61(
               AriaInput5,
               {
                 className: "pire-cp-input",
@@ -3882,16 +3927,16 @@ function CommandPalette({
               }
             )
           ] }),
-          isLoading ? /* @__PURE__ */ jsx60("div", { className: "pire-cp-loading", role: "status", "aria-live": "polite", children: loadingLabel ?? msg.commandPaletteLoading }) : null,
-          /* @__PURE__ */ jsx60(
+          isLoading ? /* @__PURE__ */ jsx61("div", { className: "pire-cp-loading", role: "status", "aria-live": "polite", children: loadingLabel ?? msg.commandPaletteLoading }) : null,
+          /* @__PURE__ */ jsx61(
             AriaMenu2,
             {
               className: "pire-cp-list",
               onAction: (key) => onAction?.(String(key)),
-              renderEmptyState: () => /* @__PURE__ */ jsx60("div", { className: "pire-cp-status", children: status }),
-              children: sections.map((section) => /* @__PURE__ */ jsxs51(AriaMenuSection2, { id: section.id, className: "pire-cp-section", children: [
-                section.label ? /* @__PURE__ */ jsx60(Header2, { className: "pire-cp-section-title", children: section.label }) : null,
-                section.items.map((item) => /* @__PURE__ */ jsx60(
+              renderEmptyState: () => /* @__PURE__ */ jsx61("div", { className: "pire-cp-status", children: status }),
+              children: sections.map((section) => /* @__PURE__ */ jsxs52(AriaMenuSection2, { id: section.id, className: "pire-cp-section", children: [
+                section.label ? /* @__PURE__ */ jsx61(Header2, { className: "pire-cp-section-title", children: section.label }) : null,
+                section.items.map((item) => /* @__PURE__ */ jsx61(
                   MenuItem,
                   {
                     id: item.id,
@@ -3912,18 +3957,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__ */ jsx60("div", { className: "pire-cp-foot", "aria-hidden": "true", children: footer ?? /* @__PURE__ */ jsxs51(Fragment5, { children: [
-            /* @__PURE__ */ jsxs51("span", { className: "pire-cp-hint", children: [
-              /* @__PURE__ */ jsx60(Kbd, { children: "\u2191" }),
-              /* @__PURE__ */ jsx60(Kbd, { children: "\u2193" }),
+          /* @__PURE__ */ jsx61("div", { className: "pire-cp-foot", "aria-hidden": "true", children: footer ?? /* @__PURE__ */ jsxs52(Fragment6, { children: [
+            /* @__PURE__ */ jsxs52("span", { className: "pire-cp-hint", children: [
+              /* @__PURE__ */ jsx61(Kbd, { children: "\u2191" }),
+              /* @__PURE__ */ jsx61(Kbd, { children: "\u2193" }),
               msg.commandPaletteHintNavigate
             ] }),
-            /* @__PURE__ */ jsxs51("span", { className: "pire-cp-hint", children: [
-              /* @__PURE__ */ jsx60(Kbd, { children: "\u21B5" }),
+            /* @__PURE__ */ jsxs52("span", { className: "pire-cp-hint", children: [
+              /* @__PURE__ */ jsx61(Kbd, { children: "\u21B5" }),
               msg.commandPaletteHintSelect
             ] }),
-            /* @__PURE__ */ jsxs51("span", { className: "pire-cp-hint", children: [
-              /* @__PURE__ */ jsx60(Kbd, { children: "esc" }),
+            /* @__PURE__ */ jsxs52("span", { className: "pire-cp-hint", children: [
+              /* @__PURE__ */ jsx61(Kbd, { children: "esc" }),
               msg.commandPaletteHintClose
             ] })
           ] }) })
@@ -3933,9 +3978,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;
@@ -3948,12 +3993,125 @@ function useCommandPaletteShortcut(onTrigger, { key = "k", isDisabled } = {}) {
   }, [key, isDisabled]);
 }
 
+// src/components/patterns/AppLauncher.tsx
+import * as React27 from "react";
+import {
+  DialogTrigger,
+  Button as AriaButton16,
+  Popover as Popover8,
+  Dialog as AriaDialog5,
+  useFilter as useFilter2
+} from "react-aria-components";
+import { Fragment as Fragment7, jsx as jsx62, jsxs as jsxs53 } from "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 } = useFilter2({ 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__ */ jsxs53(DialogTrigger, { children: [
+    /* @__PURE__ */ jsx62(AriaButton16, { className: "pire-launcher-trigger", "aria-label": label, children: /* @__PURE__ */ jsx62(Icon, { name: icon, size: 20 }) }),
+    /* @__PURE__ */ jsx62(
+      Popover8,
+      {
+        className: cx("pire-launcher-popover", className),
+        placement: "bottom start",
+        offset: 0,
+        crossOffset: 0,
+        containerPadding: 0,
+        children: /* @__PURE__ */ jsx62(AriaDialog5, { className: "pire-launcher", "aria-label": label, children: ({ close }) => /* @__PURE__ */ jsxs53(Fragment7, { children: [
+          /* @__PURE__ */ jsxs53("div", { className: "pire-launcher-head", children: [
+            /* @__PURE__ */ jsx62("span", { className: "pire-launcher-title", children: title ?? msg.appLauncherTitle }),
+            meta ? /* @__PURE__ */ jsx62("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__ */ jsx62(
+              Input,
+              {
+                "aria-label": msg.appLauncherSearch,
+                icon: "search",
+                type: "search",
+                autoFocus: true,
+                isClearable: true,
+                value: query,
+                onChange: handleSearch,
+                placeholder: searchPlaceholder ?? msg.appLauncherSearch
+              }
+            )
+          ) : null,
+          isLoading ? /* @__PURE__ */ jsx62("div", { className: "pire-launcher-empty", role: "status", "aria-live": "polite", children: msg.appLauncherLoading }) : null,
+          isEmpty ? /* @__PURE__ */ jsx62("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__ */ jsxs53("div", { className: "pire-launcher-section", children: [
+              section.label ? /* @__PURE__ */ jsx62("div", { className: "pire-eyebrow", children: section.label }) : null,
+              /* @__PURE__ */ jsx62("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__ */ jsxs53(
+                  AriaButton16,
+                  {
+                    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__ */ jsx62("span", { className: "pire-launcher-item-icon", children: /* @__PURE__ */ jsx62(Icon, { name: item.icon, size: (section.variant ?? "tile") === "tile" ? 20 : 16 }) }) : null,
+                      /* @__PURE__ */ jsxs53("span", { className: "pire-launcher-item-text", children: [
+                        /* @__PURE__ */ jsx62("span", { className: "pire-launcher-item-label", children: item.label }),
+                        showsDescription ? /* @__PURE__ */ jsx62("span", { className: "pire-launcher-item-desc", children: item.description }) : null
+                      ] })
+                    ]
+                  },
+                  item.id
+                );
+              }) })
+            ] }, section.label ?? section.items[0]?.id ?? si)
+          ))
+        ] }) })
+      }
+    )
+  ] });
+}
+
 // src/components/patterns/SidePanel.tsx
-import { ModalOverlay as ModalOverlay3, Modal as Modal3, Dialog as AriaDialog5, Heading as Heading5 } from "react-aria-components";
-import { jsx as jsx61, jsxs as jsxs52 } from "react/jsx-runtime";
+import { ModalOverlay as ModalOverlay3, Modal as Modal3, Dialog as AriaDialog6, Heading as Heading5 } from "react-aria-components";
+import { jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
 function SidePanel({ isOpen, title, subtitle, width = 400, children, footer, onClose, className }) {
   const msg = usePireMessages();
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx63(
     ModalOverlay3,
     {
       className: "pire-sidepanel-overlay",
@@ -3962,36 +4120,36 @@ function SidePanel({ isOpen, title, subtitle, width = 400, children, footer, onC
       onOpenChange: (o) => {
         if (!o) onClose?.();
       },
-      children: /* @__PURE__ */ jsx61(Modal3, { className: cx("pire-sidepanel", className), style: { width }, children: /* @__PURE__ */ jsxs52(AriaDialog5, { className: "pire-dialog", style: { height: "100%" }, children: [
-        /* @__PURE__ */ jsxs52("header", { className: "pire-dialog-head", children: [
-          /* @__PURE__ */ jsxs52("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx61(Heading5, { slot: "title", className: "pire-dialog-title", children: title }),
-            subtitle ? /* @__PURE__ */ jsx61("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
+      children: /* @__PURE__ */ jsx63(Modal3, { className: cx("pire-sidepanel", className), style: { width }, children: /* @__PURE__ */ jsxs54(AriaDialog6, { className: "pire-dialog", style: { height: "100%" }, children: [
+        /* @__PURE__ */ jsxs54("header", { className: "pire-dialog-head", children: [
+          /* @__PURE__ */ jsxs54("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx63(Heading5, { slot: "title", className: "pire-dialog-title", children: title }),
+            subtitle ? /* @__PURE__ */ jsx63("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
           ] }),
-          /* @__PURE__ */ jsx61(IconButton, { icon: "x", label: msg.sidePanelClose, size: "sm", onPress: onClose })
+          /* @__PURE__ */ jsx63(IconButton, { icon: "x", label: msg.sidePanelClose, size: "sm", onPress: onClose })
         ] }),
-        /* @__PURE__ */ jsx61("div", { className: "pire-dialog-body", style: { flex: 1 }, children }),
-        footer ? /* @__PURE__ */ jsx61("footer", { className: "pire-dialog-foot", children: footer }) : null
+        /* @__PURE__ */ jsx63("div", { className: "pire-dialog-body", style: { flex: 1 }, children }),
+        footer ? /* @__PURE__ */ jsx63("footer", { className: "pire-dialog-foot", children: footer }) : null
       ] }) })
     }
   );
 }
 
 // src/components/patterns/EmptyState.tsx
-import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
 function EmptyState({ icon = "file-text", title, action, compact, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs53("div", { className: cx("pire-empty", className), "data-compact": compact ? "true" : void 0, ...rest, children: [
-    /* @__PURE__ */ jsx62(Icon, { name: icon, size: 24, className: "pire-empty-icon" }),
-    title ? /* @__PURE__ */ jsx62("p", { className: "pire-empty-title", style: { margin: 0 }, children: title }) : null,
-    children ? /* @__PURE__ */ jsx62("p", { className: "pire-empty-body", style: { margin: 0 }, children }) : null,
+  return /* @__PURE__ */ jsxs55("div", { className: cx("pire-empty", className), "data-compact": compact ? "true" : void 0, ...rest, children: [
+    /* @__PURE__ */ jsx64(Icon, { name: icon, size: 24, className: "pire-empty-icon" }),
+    title ? /* @__PURE__ */ jsx64("p", { className: "pire-empty-title", style: { margin: 0 }, children: title }) : null,
+    children ? /* @__PURE__ */ jsx64("p", { className: "pire-empty-body", style: { margin: 0 }, children }) : null,
     action
   ] });
 }
 
 // src/components/patterns/FileDropZone.tsx
-import * as React26 from "react";
+import * as React28 from "react";
 import { DropZone, FileTrigger as FileTrigger2, isFileDropItem } from "react-aria-components";
-import { jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs56 } from "react/jsx-runtime";
 var isImage2 = (file) => file.type.startsWith("image/");
 function FileDropZone({
   label,
@@ -4019,10 +4177,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) => {
@@ -4042,12 +4200,12 @@ function FileDropZone({
     commit(allowsMultiple ? [...files, ...wrapped] : wrapped.slice(0, 1));
   };
   const remove = (target) => commit(files.filter((f) => f.file !== target));
-  return /* @__PURE__ */ jsxs54("div", { className: cx("pire-field", className), style, "data-full-width": String(fullWidth), ...rest, children: [
-    label ? /* @__PURE__ */ jsxs54("span", { className: "pire-field-label", children: [
+  return /* @__PURE__ */ jsxs56("div", { className: cx("pire-field", className), style, "data-full-width": String(fullWidth), ...rest, children: [
+    label ? /* @__PURE__ */ jsxs56("span", { className: "pire-field-label", children: [
       label,
-      isRequired ? /* @__PURE__ */ jsx63("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+      isRequired ? /* @__PURE__ */ jsx65("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs54(
+    /* @__PURE__ */ jsxs56(
       DropZone,
       {
         className: "pire-dropzone",
@@ -4061,25 +4219,25 @@ function FileDropZone({
           accept(dropped);
         },
         children: [
-          /* @__PURE__ */ jsx63(Icon, { name: "download", size: 24, className: "pire-dropzone-icon" }),
-          /* @__PURE__ */ jsx63("span", { className: "pire-dropzone-prompt", children: promptLabel ?? msg.fileDropZonePrompt }),
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx65(Icon, { name: "download", size: 24, className: "pire-dropzone-icon" }),
+          /* @__PURE__ */ jsx65("span", { className: "pire-dropzone-prompt", children: promptLabel ?? msg.fileDropZonePrompt }),
+          /* @__PURE__ */ jsx65(
             FileTrigger2,
             {
               acceptedFileTypes,
               allowsMultiple,
               onSelect: (list) => accept(list ? [...list] : []),
-              children: /* @__PURE__ */ jsx63(Button, { variant: "secondary", isDisabled: isDisabled || isReadOnly, children: msg.fileUploadChoose })
+              children: /* @__PURE__ */ jsx65(Button, { variant: "secondary", isDisabled: isDisabled || isReadOnly, children: msg.fileUploadChoose })
             }
           )
         ]
       }
     ),
-    files.length ? /* @__PURE__ */ jsx63("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ jsxs54("li", { className: "pire-fileupload-item", children: [
-      previewUrl ? /* @__PURE__ */ jsx63("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ jsx63(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
-      /* @__PURE__ */ jsx63("span", { className: "pire-fileupload-name", children: file.name }),
-      /* @__PURE__ */ jsx63("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
-      isDisabled || isReadOnly ? null : /* @__PURE__ */ jsx63(
+    files.length ? /* @__PURE__ */ jsx65("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ jsxs56("li", { className: "pire-fileupload-item", children: [
+      previewUrl ? /* @__PURE__ */ jsx65("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ jsx65(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
+      /* @__PURE__ */ jsx65("span", { className: "pire-fileupload-name", children: file.name }),
+      /* @__PURE__ */ jsx65("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
+      isDisabled || isReadOnly ? null : /* @__PURE__ */ jsx65(
         IconButton,
         {
           icon: "x",
@@ -4089,16 +4247,17 @@ function FileDropZone({
         }
       )
     ] }, `${file.name}-${file.size}-${file.lastModified}`)) }) : null,
-    uploadProgress != null ? /* @__PURE__ */ jsx63(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
-    description ? /* @__PURE__ */ jsx63("span", { className: "pire-field-hint", children: description }) : null,
-    isInvalid && errorMessage ? /* @__PURE__ */ jsx63("span", { className: "pire-field-error", children: errorMessage }) : null
+    uploadProgress != null ? /* @__PURE__ */ jsx65(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
+    description ? /* @__PURE__ */ jsx65("span", { className: "pire-field-hint", children: description }) : null,
+    isInvalid && errorMessage ? /* @__PURE__ */ jsx65("span", { className: "pire-field-error", children: errorMessage }) : null
   ] });
 }
 
 // src/index.ts
-import { DialogTrigger, MenuTrigger as MenuTrigger3, SubmenuTrigger, Popover as Popover8, RouterProvider, I18nProvider } from "react-aria-components";
+import { DialogTrigger as DialogTrigger2, MenuTrigger as MenuTrigger3, SubmenuTrigger, Popover as Popover9, RouterProvider, I18nProvider } from "react-aria-components";
 import { Focusable as Focusable2 } from "react-aria-components";
 export {
+  AppLauncher,
   Avatar,
   Badge,
   BarChart,
@@ -4118,7 +4277,7 @@ export {
   DialogBody,
   DialogDescription,
   DialogTitle,
-  DialogTrigger,
+  DialogTrigger2 as DialogTrigger,
   DonutChart,
   EmptyState,
   FileDropZone,
@@ -4151,7 +4310,7 @@ export {
   PageHeader,
   Pagination,
   PireIntlProvider,
-  Popover8 as Popover,
+  Popover9 as Popover,
   ProgressBar,
   Radio,
   RadioGroup,
@@ -4162,6 +4321,7 @@ export {
   SelectionBar,
   Separator,
   ShellBar,
+  ShellRail,
   SideNav,
   SidePanel,
   Skeleton,