@camunda/design-system 0.36.0 → 0.37.0

package/dist/src/components/ui/nav-icon.assignability.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Compile-time fixture for the `NavIcon` contract. Nothing imports this file — it exists to be
+ * type-checked, and `npm run typecheck` is what runs it.
+ *
+ * `NavIcon` is deliberately structural. Narrowing it back to lucide's `LucideIcon` (a
+ * `React.ForwardRefExoticComponent`, which structurally requires `$$typeof`) would silently
+ * reject three of the four sources below — including this package's own registry icons — and
+ * every consumer would discover it at their call sites rather than here.
+ */
+import type * as React from "react";
+import type { NavIcon } from "./nav-icon.js";
+import type { SidebarItem } from "./app-sidebar.js";
+import type { GlobalActionButton } from "./app-header.js";
+/** A Carbon icon's shape, which is what C3's `IconComponent` resolves to. */
+interface CarbonIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const fromLucide: NavIcon;
+declare const fromRegistryNamed: NavIcon;
+declare const fromRegistryMap: NavIcon;
+declare const fromAppMap: NavIcon;
+declare const fromCarbonClass: NavIcon;
+declare const fromCarbonFunction: NavIcon;
+/** Both consuming surfaces accept the same four sources. */
+declare const sidebarItem: SidebarItem;
+declare const sidebarItemWithoutIcon: SidebarItem;
+declare const globalAction: GlobalActionButton;
+export type { CarbonIconProps as _CarbonIconProps };
+export { fromLucide, fromRegistryNamed, fromRegistryMap, fromAppMap, fromCarbonClass, fromCarbonFunction, sidebarItem, sidebarItemWithoutIcon, globalAction, };
+//# sourceMappingURL=nav-icon.assignability.d.ts.map

package/dist/src/components/ui/nav-icon.assignability.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon.assignability.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/nav-icon.assignability.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,6EAA6E;AAC7E,UAAU,eAAgB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC7D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAID,QAAA,MAAM,UAAU,EAAE,OAAmC,CAAC;AACtD,QAAA,MAAM,iBAAiB,EAAE,OAAqB,CAAC;AAC/C,QAAA,MAAM,eAAe,EAAE,OAA8B,CAAC;AACtD,QAAA,MAAM,UAAU,EAAE,OAAiC,CAAC;AACpD,QAAA,MAAM,eAAe,EAAE,OAAyB,CAAC;AACjD,QAAA,MAAM,kBAAkB,EAAE,OAA4B,CAAC;AAEvD,4DAA4D;AAC5D,QAAA,MAAM,WAAW,EAAE,WAKlB,CAAC;AACF,QAAA,MAAM,sBAAsB,EAAE,WAI7B,CAAC;AACF,QAAA,MAAM,YAAY,EAAE,kBAInB,CAAC;AAEF,YAAY,EAAE,eAAe,IAAI,gBAAgB,EAAE,CAAC;AACpD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,sBAAsB,EACtB,YAAY,GACb,CAAC"}

package/dist/src/components/ui/nav-icon.assignability.js

@@ -0,0 +1,28 @@
+import { Home } from "lucide-react";
+import { camundaIcons, ProjectIcon } from "../../icons/index.js";
+import { camundaAppIcons } from "../../icons/camunda-app-icons.js";
+const fromLucide = Home;
+const fromRegistryNamed = ProjectIcon;
+const fromRegistryMap = camundaIcons.project;
+const fromAppMap = camundaAppIcons.operate;
+const fromCarbonClass = CarbonClassIcon;
+const fromCarbonFunction = CarbonFunctionIcon;
+/** Both consuming surfaces accept the same four sources. */
+const sidebarItem = {
+    type: "item",
+    key: "k",
+    label: "Label",
+    icon: CarbonFunctionIcon,
+};
+const sidebarItemWithoutIcon = {
+    type: "item",
+    key: "k",
+    label: "Label",
+};
+const globalAction = {
+    key: "k",
+    label: "Label",
+    icon: ProjectIcon,
+};
+export { fromLucide, fromRegistryNamed, fromRegistryMap, fromAppMap, fromCarbonClass, fromCarbonFunction, sidebarItem, sidebarItemWithoutIcon, globalAction, };
+//# sourceMappingURL=nav-icon.assignability.js.map

package/dist/src/components/ui/nav-icon.assignability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon.assignability.js","sourceRoot":"","sources":["../../../../src/components/ui/nav-icon.assignability.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAYhE,MAAM,UAAU,GAAY,IAAyB,CAAC;AACtD,MAAM,iBAAiB,GAAY,WAAW,CAAC;AAC/C,MAAM,eAAe,GAAY,YAAY,CAAC,OAAO,CAAC;AACtD,MAAM,UAAU,GAAY,eAAe,CAAC,OAAO,CAAC;AACpD,MAAM,eAAe,GAAY,eAAe,CAAC;AACjD,MAAM,kBAAkB,GAAY,kBAAkB,CAAC;AAEvD,4DAA4D;AAC5D,MAAM,WAAW,GAAgB;IAC/B,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,kBAAkB;CACzB,CAAC;AACF,MAAM,sBAAsB,GAAgB;IAC1C,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,OAAO;CACf,CAAC;AACF,MAAM,YAAY,GAAuB;IACvC,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,WAAW;CAClB,CAAC;AAGF,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,sBAAsB,EACtB,YAAY,GACb,CAAC"}

package/dist/src/components/ui/nav-icon.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+/**
+ * The accepted type of every data-driven icon slot in the navigation API.
+ *
+ * Deliberately structural rather than lucide's nominal `LucideIcon`: that type is a
+ * `React.ForwardRefExoticComponent`, so it structurally requires `$$typeof` and rejects any
+ * plain function component — including the design system's own registry icons. All four sources
+ * a consumer can hold assign to this one: lucide icons, the registry's icons, `camundaIcons[key]`
+ * and Carbon-shaped icon components.
+ *
+ * `size` is intentionally absent, and both plausible spellings were measured to fail under
+ * `strict`: `size?: number | string` rejects Carbon-shaped icons (whose `size` is `number`,
+ * through `getDerivedStateFromProps` contravariance) and `size?: number` rejects lucide
+ * (`propTypes` invariance). Size icons with the `size-*` utility, optionally reinforced with
+ * numeric `width`/`height` — both are members of `SVGProps<SVGSVGElement>`. A class overrides an
+ * SVG `width`/`height` attribute but not an inline `style`, so an icon that hardcodes its
+ * dimensions inline is out of contract.
+ */
+export type NavIcon = React.ComponentType<React.SVGProps<SVGSVGElement>>;
+/**
+ * Renders a navigation row's icon, falling back to the label's initials.
+ *
+ * The collapsed rail renders the icon as the row's only visual, with the label moved into
+ * `sr-only`. An icon-less node would collapse to a row that is invisible yet still focusable and
+ * still carries a tooltip — so something has to occupy the box. Initials keep rows
+ * distinguishable, and the rail's existing tooltip names them.
+ */
+export declare function NavRowIcon({ icon: Icon, label, className, }: {
+    icon?: NavIcon;
+    label: string;
+    className?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=nav-icon.d.ts.map

package/dist/src/components/ui/nav-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/nav-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAEzE;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EACL,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAmBA"}

package/dist/src/components/ui/nav-icon.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { deriveInitials } from "./avatar.js";
+/**
+ * Renders a navigation row's icon, falling back to the label's initials.
+ *
+ * The collapsed rail renders the icon as the row's only visual, with the label moved into
+ * `sr-only`. An icon-less node would collapse to a row that is invisible yet still focusable and
+ * still carries a tooltip — so something has to occupy the box. Initials keep rows
+ * distinguishable, and the rail's existing tooltip names them.
+ */
+export function NavRowIcon({ icon: Icon, label, className, }) {
+    if (Icon) {
+        return _jsx(Icon, { "aria-hidden": true, className: cn("size-5 shrink-0", className) });
+    }
+    const initials = deriveInitials(label);
+    return (_jsx("span", { "aria-hidden": true, "data-slot": "nav-row-icon-fallback", className: cn("flex size-5 shrink-0 items-center justify-center rounded-sm border border-current/30 text-[0.625rem] font-medium leading-none", className), children: initials }));
+}
+//# sourceMappingURL=nav-icon.js.map

package/dist/src/components/ui/nav-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon.js","sourceRoot":"","sources":["../../../../src/components/ui/nav-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAqB1C;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EACL,SAAS,GAKV;IACC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,KAAC,IAAI,yBAAa,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAI,CAAC;IAC3E,CAAC;IAED,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CACL,iDAEY,uBAAuB,EACjC,SAAS,EAAE,EAAE,CACX,+HAA+H,EAC/H,SAAS,CACV,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/src/components/ui/notifications.d.ts

@@ -0,0 +1,72 @@
+import * as React from "react";
+/**
+ * One notification, as the consumer already has it.
+ *
+ * Presentational only: `timestamp` is a pre-formatted string, not a Date, because relative
+ * formatting is locale and library work that belongs with the consumer — the design system has
+ * no opinion on whether "2h ago" or "14:32" is right for a product.
+ */
+export interface NavNotification {
+    key: string;
+    title: string;
+    description?: React.ReactNode;
+    /** Pre-formatted by the consumer. */
+    timestamp?: string;
+    /** Unread notifications carry a marker and count toward the bell's badge. */
+    isRead?: boolean;
+    href?: string;
+    onClick?: () => void;
+}
+export interface NotificationBellProps {
+    /**
+     * Unread notifications. Rendered as a badge; counts above `maxCount` show as `9+`. The bell
+     * owns no state — pass the count you already hold.
+     */
+    unreadCount?: number;
+    /** Highest number rendered literally. Default 9. */
+    maxCount?: number;
+    /** Accessible name for the trigger. Default "Notifications". */
+    label?: string;
+    /** Reflected as `aria-expanded`, for when the bell toggles a panel. */
+    isActive?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+/**
+ * Notification bell, for `AppHeader.globalActions` (as an `element`) or anywhere a trigger fits.
+ *
+ * Split from the panel on purpose: the trigger belongs in the header's action row while the
+ * panel is an overlay, and a consumer may already own one of the two.
+ */
+export declare function NotificationBell({ unreadCount, maxCount, label, isActive, onClick, className, }: NotificationBellProps): React.JSX.Element;
+export interface NotificationsPanelProps {
+    notifications: NavNotification[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Omit to render notifications without a per-item dismiss control. */
+    onDismiss?: (key: string) => void;
+    /** Panel heading. Default "Notifications". */
+    title?: string;
+    /** Shown when there is nothing to list. */
+    emptyMessage?: React.ReactNode;
+    /** Rendered in the panel header — e.g. a "Mark all as read" button. */
+    headerAction?: React.ReactNode;
+    /** Component used for notifications carrying an `href`. Default: a plain anchor. */
+    linkComponent?: React.ElementType;
+    className?: string;
+}
+/**
+ * Notification panel — a right-hand overlay listing what the consumer passes.
+ *
+ * Fetches nothing and stores nothing: `open` is controlled, because the trigger usually lives in
+ * the header and the panel does not, so one of the two has to own the state and it cannot be
+ * this one.
+ *
+ * **Mark notifications read from `onOpenChange(true)`.** The panel does not fire that write —
+ * it is a persisted mutation and the transport differs per product — but it is the agreed
+ * moment. Console's notification runtime deliberately leaves the timing here, and the same feed
+ * appears in several products: if one marks on open, another on click and a third only on an
+ * explicit action, the unread count means something different in each app.
+ */
+export declare function NotificationsPanel({ notifications, open, onOpenChange, onDismiss, title, emptyMessage, headerAction, linkComponent, className, }: NotificationsPanelProps): React.JSX.Element;
+//# sourceMappingURL=notifications.d.ts.map

package/dist/src/components/ui/notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/notifications.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,WAAe,EACf,QAAY,EACZ,KAAuB,EACvB,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,qBA0CvB;AAED,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,uEAAuE;IACvE,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,uEAAuE;IACvE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,oFAAoF;IACpF,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAuB,EACvB,YAA2C,EAC3C,YAAY,EACZ,aAAa,EACb,SAAS,GACV,EAAE,uBAAuB,qBAqCzB"}

package/dist/src/components/ui/notifications.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Bell, X } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from "./sheet.js";
+/**
+ * Notification bell, for `AppHeader.globalActions` (as an `element`) or anywhere a trigger fits.
+ *
+ * Split from the panel on purpose: the trigger belongs in the header's action row while the
+ * panel is an overlay, and a consumer may already own one of the two.
+ */
+export function NotificationBell({ unreadCount = 0, maxCount = 9, label = "Notifications", isActive, onClick, className, }) {
+    const hasUnread = unreadCount > 0;
+    const badgeText = unreadCount > maxCount ? `${maxCount}+` : `${unreadCount}`;
+    return (
+    // inline-flex, not block: the badge is positioned against this box, so it has to
+    // shrink-wrap the button or it anchors to the container's right edge instead.
+    _jsxs("div", { className: cn("relative inline-flex", className), children: [_jsx(Button, { variant: "ghost", size: "icon", "aria-label": hasUnread
+                    ? `${label}, ${unreadCount} unread`
+                    : `${label}, none unread`, "aria-expanded": isActive, onClick: onClick, "data-slot": "notification-bell", children: _jsx(Bell, { "aria-hidden": true, className: "size-4" }) }), hasUnread ? (_jsx("span", { "aria-hidden": true, "data-slot": "notification-bell-badge", className: "pointer-events-none absolute -right-0.5 -top-0.5 flex size-4 items-center justify-center rounded-full bg-primary-action-default text-[0.625rem] leading-none text-primary-action-foreground", children: badgeText })) : null, _jsx("span", { "aria-live": "polite", className: "sr-only", children: hasUnread ? `${unreadCount} unread notifications` : "" })] }));
+}
+/**
+ * Notification panel — a right-hand overlay listing what the consumer passes.
+ *
+ * Fetches nothing and stores nothing: `open` is controlled, because the trigger usually lives in
+ * the header and the panel does not, so one of the two has to own the state and it cannot be
+ * this one.
+ *
+ * **Mark notifications read from `onOpenChange(true)`.** The panel does not fire that write —
+ * it is a persisted mutation and the transport differs per product — but it is the agreed
+ * moment. Console's notification runtime deliberately leaves the timing here, and the same feed
+ * appears in several products: if one marks on open, another on click and a third only on an
+ * explicit action, the unread count means something different in each app.
+ */
+export function NotificationsPanel({ notifications, open, onOpenChange, onDismiss, title = "Notifications", emptyMessage = "You have no notifications.", headerAction, linkComponent, className, }) {
+    const isEmpty = notifications.length === 0;
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", "data-slot": "notifications-panel", className: cn("w-full sm:max-w-sm", className), children: [_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: title }), isEmpty ? (_jsx(SheetDescription, { children: emptyMessage })) : (_jsx(SheetDescription, { className: "sr-only", children: `${notifications.length} notifications` })), headerAction] }), isEmpty ? null : (_jsx("ul", { className: "m-0 flex list-none flex-col gap-1 overflow-y-auto p-4 pt-0", children: notifications.map((notification) => (_jsx(NotificationRow, { notification: notification, onDismiss: onDismiss, linkComponent: linkComponent }, notification.key))) }))] }) }));
+}
+function NotificationRow({ notification, onDismiss, linkComponent, }) {
+    const { key, title, description, timestamp, isRead, href, onClick } = notification;
+    const isInteractive = href !== undefined || onClick !== undefined;
+    const LinkEl = linkComponent ?? "a";
+    const Body = href
+        ? LinkEl
+        : isInteractive
+            ? "button"
+            : "div";
+    return (_jsxs("li", { "data-slot": "notification-item", "data-read": isRead ? "true" : "false", className: "flex items-start gap-2 rounded-md p-2 hover:bg-neutral-background-medium", children: [_jsx("span", { "aria-hidden": true, className: cn("mt-1.5 size-2 shrink-0 rounded-full", isRead ? "bg-transparent" : "bg-primary-action-default") }), _jsxs(Body, { ...(href ? { href } : isInteractive ? { type: "button" } : {}), onClick: onClick, className: cn("min-w-0 flex-1 text-left", isInteractive &&
+                    "rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: [_jsxs("span", { className: "block text-sm text-neutral-foreground-strong", children: [isRead ? null : _jsx("span", { className: "sr-only", children: "Unread. " }), title] }), description ? (_jsx("span", { className: "block text-sm text-neutral-foreground-subtle", children: description })) : null, timestamp ? (_jsx("span", { className: "block text-xs text-neutral-foreground-subtle", children: timestamp })) : null] }), onDismiss ? (_jsx(Button, { variant: "ghost", size: "icon-xs", "aria-label": `Dismiss ${title}`, onClick: () => onDismiss(key), className: "shrink-0 text-neutral-foreground-subtle", children: _jsx(X, {}) })) : null] }));
+}
+//# sourceMappingURL=notifications.js.map

package/dist/src/components/ui/notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../src/components/ui/notifications.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/ui/scorecard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scorecard.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/scorecard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,UAAU,GAAG,UAAU,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC5C;AAED,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuED,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAa,EACb,IAAgB,EAChB,OAAe,EACf,KAAa,EACb,YAAwB,EACxB,SAAS,GACV,EAAE,cAAc,qBAuDhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"scorecard.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/scorecard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,UAAU,GAAG,UAAU,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC5C;AAED,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiFD,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAa,EACb,IAAgB,EAChB,OAAe,EACf,KAAa,EACb,YAAwB,EACxB,SAAS,GACV,EAAE,cAAc,qBAwDhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/src/components/ui/scorecard.js

@@ -6,7 +6,7 @@ import { Badge } from "./badge.js";
 import { Card, CardHeader, CardTitle } from "./card.js";
 import { Skeleton } from "./skeleton.js";
 import { Sparkline } from "./sparkline.js";
-function ScorecardBody({ label, tooltip, value, delta, sparkline, size, loading, empty, emptyMessage, }) {
+function ScorecardBody({ label, tooltip, value, delta, sparkline, size, loading, empty, emptyMessage, asCard, }) {
     if (loading) {
         return (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: cn("h-7 w-20", size === "sm" && "h-6 w-16") })] }));
     }
@@ -14,13 +14,19 @@ function ScorecardBody({ label, tooltip, value, delta, sparkline, size, loading,
     // `loading` is always false here — the branch above already returned
     // before this point, so Sparkline never renders its own skeleton; the
     // fixed two-block skeleton above is what represents loading for the tile.
-    const sparklineElement = sparkline ? (_jsx(Sparkline, { data: sparkline.data, dataKey: sparkline.dataKey, loading: false })) : null;
+    // Bled flush to the Card's own edges via negative margins that cancel
+    // CardHeader's `px-4`/`px-3` and Card's own `py-4`/`py-3` — only correct
+    // when `asCard` actually wraps this content in that padding; the bare
+    // `<div>` (`asCard={false}`) has no padding of its own to cancel.
+    const sparklineElement = sparkline ? (_jsx(Sparkline, { data: sparkline.data, dataKey: sparkline.dataKey, loading: false, className: asCard
+            ? "w-auto -mx-4 -mb-4 group-data-[size=sm]/card:-mx-3 group-data-[size=sm]/card:-mb-3"
+            : undefined })) : null;
     return (_jsxs(_Fragment, { children: [_jsx(CardTitle, { tooltip: tooltip, className: "text-sm font-normal", children: label }), _jsx("div", { className: "flex min-w-0 items-center", children: _jsxs("span", { className: "inline-flex min-w-0 max-w-full items-center gap-2", children: [_jsx("span", { className: cn("min-w-0 truncate text-2xl font-semibold text-neutral-foreground-strong", size === "sm" && "text-xl"), children: empty ? emptyMessage : value }), !empty && delta && (_jsxs(Badge, { variant: delta.variant, className: "shrink-0", children: [_jsx(DeltaIcon, { "data-icon": "inline-start", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: delta.direction === "increase"
                                         ? "Increased by "
                                         : "Decreased by " }), delta.value] }))] }) }), !empty && sparklineElement] }));
 }
 function Scorecard({ label, tooltip, value, delta, sparkline, asCard = true, size = "default", loading = false, empty = false, emptyMessage = "No data", className, }) {
-    const content = (_jsx(ScorecardBody, { label: label, tooltip: tooltip, value: value, delta: delta, sparkline: sparkline, size: size, loading: loading, empty: empty, emptyMessage: emptyMessage }));
+    const content = (_jsx(ScorecardBody, { label: label, tooltip: tooltip, value: value, delta: delta, sparkline: sparkline, size: size, loading: loading, empty: empty, emptyMessage: emptyMessage, asCard: asCard }));
     // Loading removes the title from the accessible tree (it becomes a
     // Skeleton), so `aria-busy` alone would leave the busy region unnamed.
     // `aria-label` alone isn't enough either: the root is a plain `<div>`

package/dist/src/components/ui/scorecard.js.map

@@ -1 +1 @@
-{"version":3,"file":"scorecard.js","sourceRoot":"","sources":["../../../../src/components/ui/scorecard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"scorecard.js","sourceRoot":"","sources":["../../../../src/components/ui/scorecard.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/ui/sheet.d.ts

@@ -7,7 +7,7 @@ declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimi
 declare function SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>): React.JSX.Element;
 declare function SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>): React.JSX.Element;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function SheetContent({ className, children, side, showCloseButton, onOpenAutoFocus, onCloseAutoFocus, restoreFocusRef, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & VariantProps<typeof sheetVariants> & {
     showCloseButton?: boolean;

package/dist/src/components/ui/sparkline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,OAAO,EACP,OAAe,EACf,SAAS,GACV,EAAE,cAAc,qBAgDhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,OAAO,EACP,OAAe,EACf,SAAS,GACV,EAAE,cAAc,qBA0DhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/components/ui/sparkline.js

@@ -13,7 +13,17 @@ function Sparkline({ data, dataKey, loading = false, className, }) {
                 // BarChart/LineChart, which enable this unconditionally, the
                 // default `true` here would otherwise make the SVG an unexpected
                 // tab stop (role="application", tabIndex=0) with nothing to do.
-                accessibilityLayer: false, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "var(--chart-1)", stopOpacity: "var(--chart-area-fill-opacity)" }), _jsx("stop", { offset: "100%", stopColor: "var(--chart-1)", stopOpacity: 0 })] }) }), _jsx(YAxis, { hide: true, domain: ["dataMin", "dataMax"] }), _jsx(Area, { dataKey: dataKey, stroke: "var(--chart-1)", strokeWidth: 2, fill: `url(#${gradientId})`, isAnimationActive: false })] }) })) }));
+                accessibilityLayer: false, 
+                // Recharts' own default chart margin otherwise leaves ~5px of
+                // gutter on every side — invisible when Scorecard's Card padding
+                // dwarfed it, but exactly the gap that kept the trend from truly
+                // reaching the card's edges once that padding was canceled.
+                // Left/right stay at 0 for a true edge-to-edge bleed. Top/bottom
+                // keep a sliver matching the stroke's half-width: with
+                // domain=["dataMin", "dataMax"] the highest/lowest point's line
+                // is centered exactly on the plot's top/bottom edge, so zero
+                // margin there clips half the stroke at that point.
+                margin: { top: 2, right: 0, bottom: 2, left: 0 }, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "var(--chart-1)", stopOpacity: "var(--chart-area-fill-opacity)" }), _jsx("stop", { offset: "100%", stopColor: "var(--chart-1)", stopOpacity: 0 })] }) }), _jsx(YAxis, { hide: true, domain: ["dataMin", "dataMax"] }), _jsx(Area, { dataKey: dataKey, stroke: "var(--chart-1)", strokeWidth: 2, fill: `url(#${gradientId})`, isAnimationActive: false })] }) })) }));
 }
 export { Sparkline };
 //# sourceMappingURL=sparkline.js.map

package/dist/src/components/ui/sparkline.js.map

@@ -1 +1 @@
-{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../../src/components/ui/sparkline.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,SAAS,IAAI,iBAAiB,EAC9B,mBAAmB,EACnB,KAAK,GACN,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC,SAAS,SAAS,CAAC,EACjB,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,KAAK,EACf,SAAS,GACM;IACf,yEAAyE;IACzE,0EAA0E;IAC1E,oEAAoE;IACpE,MAAM,UAAU,GAAG,sBAAsB,KAAK,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC;IAE3E,OAAO,CACL,2BAAe,WAAW,EAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,YAC9D,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,CACvC,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,cAClB,MAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,iBACE,MAAM;gBAClB,8DAA8D;gBAC9D,6DAA6D;gBAC7D,iEAAiE;gBACjE,gEAAgE;gBAChE,kBAAkB,EAAE,KAAK,aAEzB,yBACE,0BAAgB,EAAE,EAAE,UAAU,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aACzD,eACE,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,gBAAgB,EAC1B,WAAW,EAAC,gCAAgC,GAC5C,EACF,eACE,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,gBAAgB,EAC1B,WAAW,EAAE,CAAC,GACd,IACa,GACZ,EACP,KAAC,KAAK,IAAC,IAAI,QAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,GAAI,EAC9C,KAAC,IAAI,IACH,OAAO,EAAE,OAAO,EAChB,MAAM,EAAC,gBAAgB,EACvB,WAAW,EAAE,CAAC,EACd,IAAI,EAAE,QAAQ,UAAU,GAAG,EAC3B,iBAAiB,EAAE,KAAK,GACxB,IACgB,GACA,CACvB,GACG,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../../src/components/ui/sparkline.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,SAAS,IAAI,iBAAiB,EAC9B,mBAAmB,EACnB,KAAK,GACN,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC,SAAS,SAAS,CAAC,EACjB,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,KAAK,EACf,SAAS,GACM;IACf,yEAAyE;IACzE,0EAA0E;IAC1E,oEAAoE;IACpE,MAAM,UAAU,GAAG,sBAAsB,KAAK,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC;IAE3E,OAAO,CACL,2BAAe,WAAW,EAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,YAC9D,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,CACvC,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,cAClB,MAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,iBACE,MAAM;gBAClB,8DAA8D;gBAC9D,6DAA6D;gBAC7D,iEAAiE;gBACjE,gEAAgE;gBAChE,kBAAkB,EAAE,KAAK;gBACzB,8DAA8D;gBAC9D,iEAAiE;gBACjE,iEAAiE;gBACjE,4DAA4D;gBAC5D,iEAAiE;gBACjE,uDAAuD;gBACvD,gEAAgE;gBAChE,6DAA6D;gBAC7D,oDAAoD;gBACpD,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,aAEhD,yBACE,0BAAgB,EAAE,EAAE,UAAU,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aACzD,eACE,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,gBAAgB,EAC1B,WAAW,EAAC,gCAAgC,GAC5C,EACF,eACE,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,gBAAgB,EAC1B,WAAW,EAAE,CAAC,GACd,IACa,GACZ,EACP,KAAC,KAAK,IAAC,IAAI,QAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,GAAI,EAC9C,KAAC,IAAI,IACH,OAAO,EAAE,OAAO,EAChB,MAAM,EAAC,gBAAgB,EACvB,WAAW,EAAE,CAAC,EACd,IAAI,EAAE,QAAQ,UAAU,GAAG,EAC3B,iBAAiB,EAAE,KAAK,GACxB,IACgB,GACA,CACvB,GACG,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export declare function DashboardPage(): React.JSX.Element;
+//# sourceMappingURL=DashboardPage.d.ts.map

package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../../src/examples/agent-control-plane-processes/DashboardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwF/B,wBAAgB,aAAa,sBAmW5B"}

package/dist/src/examples/agent-control-plane-processes/DashboardPage.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { ArrowRight, Workflow } from "lucide-react";
+import { Card, CardHeader, CardTitle, CardContent, Scorecard, LineChart, BarChart, Button, DataTable, Combobox, PageLayout, PageHeader, } from "../../index.js";
+import { AppShell } from "../shared/AppShell.js";
+import { DashboardSection } from "../shared/DashboardSection.js";
+import { agentControlPlaneNavFor, agentControlPlaneBreadcrumb, } from "../shared/agent-control-plane-nav.js";
+import { DateRangePopover } from "../shared/DateRangePopover.js";
+import { ALL, getProcessOptions, getSelectedProcess, getVersionOptions, getAgentOptions, getVisibleAgents, computeKpis, computeTokenTrend, computeTokenBreakdown, computeToolCallFrequency, computeInstanceRows, categoryChartHeight, } from "./derive.js";
+import { topProcessesByInstances, topProcessesByTokens, } from "./summary-mock-data.js";
+const preserveOrder = () => 0;
+const kpiGridClass = "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4";
+const instancesRankingConfig = {
+    instances: { label: "Instances", color: "var(--chart-1)" },
+};
+const tokensRankingConfig = {
+    tokens: { label: "Tokens", color: "var(--chart-1)" },
+};
+const instanceColumns = [
+    { accessorKey: "key", header: "Instance key" },
+    { accessorKey: "started", header: "Started" },
+    {
+        accessorKey: "agentNames",
+        header: "Agents",
+        cell: ({ row }) => row.original.agentNames.join(", "),
+    },
+    {
+        accessorKey: "inputTokens",
+        header: "Input tokens",
+        meta: { align: "right" },
+        cell: ({ row }) => (_jsx("span", { className: "block text-right tabular-nums", children: row.original.inputTokens.toLocaleString() })),
+    },
+    {
+        accessorKey: "outputTokens",
+        header: "Output tokens",
+        meta: { align: "right" },
+        cell: ({ row }) => (_jsx("span", { className: "block text-right tabular-nums", children: row.original.outputTokens.toLocaleString() })),
+    },
+];
+export function DashboardPage() {
+    const [processFilter, setProcessFilter] = React.useState(ALL);
+    const [versionFilter, setVersionFilter] = React.useState("");
+    const [agentFilter, setAgentFilter] = React.useState(ALL);
+    const [prevProcessFilter, setPrevProcessFilter] = React.useState(processFilter);
+    let effectiveVersionFilter = versionFilter;
+    let effectiveAgentFilter = agentFilter;
+    if (processFilter !== prevProcessFilter) {
+        setPrevProcessFilter(processFilter);
+        const process = processFilter === ALL ? undefined : getSelectedProcess(processFilter);
+        if (process) {
+            effectiveVersionFilter = String(process.latestVersion);
+            effectiveAgentFilter =
+                process.agents.length === 1 ? process.agents[0].name : ALL;
+        }
+        else {
+            effectiveVersionFilter = "";
+            effectiveAgentFilter = ALL;
+        }
+        setVersionFilter(effectiveVersionFilter);
+        setAgentFilter(effectiveAgentFilter);
+    }
+    const selectedProcess = processFilter === ALL ? undefined : getSelectedProcess(processFilter);
+    const visibleAgents = getVisibleAgents(processFilter, effectiveAgentFilter);
+    const kpis = computeKpis(processFilter, visibleAgents);
+    const trend = computeTokenTrend(processFilter, effectiveAgentFilter, visibleAgents);
+    const breakdown = computeTokenBreakdown(visibleAgents);
+    const toolFrequency = computeToolCallFrequency(visibleAgents);
+    const instanceRows = computeInstanceRows(processFilter, effectiveAgentFilter);
+    const processOptions = React.useMemo(() => getProcessOptions().map((opt) => ({ ...opt })), []);
+    const versionOptions = React.useMemo(() => selectedProcess
+        ? getVersionOptions(selectedProcess).map((opt) => ({ ...opt }))
+        : [], [selectedProcess]);
+    const agentOptions = React.useMemo(() => selectedProcess
+        ? getAgentOptions(selectedProcess).map((opt) => ({ ...opt }))
+        : [], [selectedProcess]);
+    const scopeFilters = (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Combobox, { options: processOptions, value: processFilter, onValueChange: (value) => setProcessFilter(value ?? ALL), placeholder: "Select process\u2026", searchPlaceholder: "Search processes\u2026", sortFn: preserveOrder, "aria-label": "Process", className: "w-56" }), selectedProcess ? (_jsx(Combobox, { options: versionOptions, value: effectiveVersionFilter, 
+                // TODO: model per-version metrics; this filter is currently
+                // cosmetic — every version of a process shares the same mock
+                // dataset in this pass.
+                onValueChange: (value) => {
+                    if (value)
+                        setVersionFilter(value);
+                }, placeholder: "Select version\u2026", searchPlaceholder: "Search versions\u2026", sortFn: preserveOrder, "aria-label": "Version", className: "w-36" })) : null, selectedProcess ? (_jsx(Combobox, { options: agentOptions, value: effectiveAgentFilter, onValueChange: (value) => setAgentFilter(value ?? ALL), placeholder: "Select agent\u2026", searchPlaceholder: "Search agents\u2026", sortFn: preserveOrder, "aria-label": "Agent", className: "w-48" })) : null] }));
+    return (_jsx(AppShell, { sidebarLabel: "Agent Control Plane navigation", items: agentControlPlaneNavFor("processes"), breadcrumb: agentControlPlaneBreadcrumb, children: _jsxs(PageLayout, { tabIndex: -1, width: "constrained", children: [_jsx(PageHeader, { title: "Processes", description: "Drill into process and agent performance, token usage, and running instances.", actions: _jsx(DateRangePopover, {}) }), _jsxs("div", { className: "mt-6 space-y-8", children: [scopeFilters, _jsxs("div", { className: kpiGridClass, children: [_jsx(Scorecard, { label: "Total process instances", value: kpis.totalInstances.toLocaleString(), delta: kpis.deltas.totalInstances, sparkline: {
+                                        data: kpis.sparklines.totalInstances,
+                                        dataKey: "value",
+                                    } }), _jsx(Scorecard, { label: "Total agent runs", value: kpis.totalAgentRuns.toLocaleString(), delta: kpis.deltas.totalAgentRuns, sparkline: {
+                                        data: kpis.sparklines.totalAgentRuns,
+                                        dataKey: "value",
+                                    } }), _jsx(Scorecard, { label: "Total tokens", value: kpis.totalTokens.toLocaleString(), delta: kpis.deltas.totalTokens, sparkline: {
+                                        data: kpis.sparklines.totalTokens,
+                                        dataKey: "value",
+                                    } }), _jsx(Scorecard, { label: "Agent execution duration", value: `${kpis.medianResponseMs.toLocaleString()} ms`, delta: kpis.deltas.medianResponseMs, tooltip: "Median time from agent task activation to completion, across agent runs.", sparkline: {
+                                        data: kpis.sparklines.medianResponseMs,
+                                        dataKey: "value",
+                                    } })] }), processFilter === ALL ? (_jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Top processes by instances" }) }), _jsxs(CardContent, { children: [_jsx("div", { className: "w-full", style: {
+                                                        height: categoryChartHeight(topProcessesByInstances.length),
+                                                    }, children: _jsx(BarChart, { data: topProcessesByInstances.map((d) => ({ ...d })), categoryKey: "process", config: instancesRankingConfig, orientation: "horizontal", className: "aspect-auto h-full w-full" }) }), _jsxs(Button, { type: "button", variant: "secondary", size: "sm", className: "mt-2", 
+                                                    // TODO: navigate to a filtered view of processes
+                                                    onClick: () => { }, children: ["All processes", _jsx(ArrowRight, {})] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Top processes by tokens" }) }), _jsx(CardContent, { children: _jsx("div", { className: "w-full", style: {
+                                                    height: categoryChartHeight(topProcessesByTokens.length),
+                                                }, children: _jsx(BarChart, { data: topProcessesByTokens.map((d) => ({ ...d })), categoryKey: "process", config: tokensRankingConfig, orientation: "horizontal", className: "aspect-auto h-full w-full" }) }) })] })] })) : null, _jsx(DashboardSection, { title: "Model & token usage", children: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: kpiGridClass, children: _jsx(Scorecard, { label: "Model calls", value: kpis.modelCalls.toLocaleString(), delta: kpis.deltas.modelCalls, sparkline: {
+                                                data: kpis.sparklines.modelCalls,
+                                                dataKey: "value",
+                                            } }) }), _jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Token trend" }) }), _jsx(CardContent, { children: _jsx(LineChart, { data: trend.data, categoryKey: "date", config: trend.config, curve: "linear", className: "h-56 w-full" }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Token usage by agent" }) }), _jsx(CardContent, { children: _jsx("div", { className: "w-full", style: {
+                                                                height: categoryChartHeight(breakdown.data.length),
+                                                            }, children: _jsx(BarChart, { data: breakdown.data, categoryKey: "agent", config: breakdown.config, orientation: "horizontal", stacked: true, className: "aspect-auto h-full w-full" }) }) })] })] })] }) }), _jsx(DashboardSection, { title: "Tool calls", children: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: kpiGridClass, children: _jsx(Scorecard, { label: "Tool calls", value: kpis.toolCalls.toLocaleString(), delta: kpis.deltas.toolCalls, sparkline: {
+                                                data: kpis.sparklines.toolCalls,
+                                                dataKey: "value",
+                                            } }) }), _jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Tool-call frequency" }) }), _jsx(CardContent, { children: _jsx("div", { className: "w-full", style: {
+                                                                height: categoryChartHeight(toolFrequency.data.length),
+                                                            }, children: _jsx(BarChart, { data: toolFrequency.data, categoryKey: "tool", config: toolFrequency.config, orientation: "horizontal", className: "aspect-auto h-full w-full" }) }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Tool-call heatmap" }) }), _jsxs(CardContent, { className: "flex flex-1 flex-col items-center justify-center gap-2 py-12 text-center", children: [_jsx(Workflow, { className: "size-8 text-neutral-foreground-subtle", "aria-hidden": "true" }), processFilter === ALL ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: "Select a process" }), _jsx("p", { className: "max-w-xs text-sm text-neutral-foreground-subtle", children: "See its tool-call heatmap by process step." })] })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: "Not available" }), _jsx("p", { className: "max-w-xs text-sm text-neutral-foreground-subtle", children: "Needs a BPMN diagram renderer this design system doesn't have." })] }))] })] })] })] }) }), _jsx(DashboardSection, { title: "Instances", children: _jsx(DataTable, { columns: instanceColumns, data: instanceRows, sorting: true, getRowId: (row) => row.key }) })] })] }) }));
+}
+//# sourceMappingURL=DashboardPage.js.map

package/dist/src/examples/agent-control-plane-processes/DashboardPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.js","sourceRoot":"","sources":["../../../../src/examples/agent-control-plane-processes/DashboardPage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,GAEX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EACL,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EACL,GAAG,EACH,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC;AAE9B,MAAM,YAAY,GAAG,sDAAsD,CAAC;AAE5E,MAAM,sBAAsB,GAAG;IAC7B,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE;CACrC,CAAC;AAExB,MAAM,mBAAmB,GAAG;IAC1B,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE;CAC/B,CAAC;AAExB,MAAM,eAAe,GAA6B;IAChD,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE;IAC9C,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IAC7C;QACE,WAAW,EAAE,YAAY;QACzB,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;KACtD;IACD;QACE,WAAW,EAAE,aAAa;QAC1B,MAAM,EAAE,cAAc;QACtB,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;QACxB,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACjB,eAAM,SAAS,EAAC,+BAA+B,YAC5C,GAAG,CAAC,QAAQ,CAAC,WAAW,CAAC,cAAc,EAAE,GACrC,CACR;KACF;IACD;QACE,WAAW,EAAE,cAAc;QAC3B,MAAM,EAAE,eAAe;QACvB,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;QACxB,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACjB,eAAM,SAAS,EAAC,+BAA+B,YAC5C,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAC,cAAc,EAAE,GACtC,CACR;KACF;CACF,CAAC;AAEF,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,GAAG,CAAC,CAAC;IACtE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IACrE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,GAAG,CAAC,CAAC;IAClE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAC7C,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEhC,IAAI,sBAAsB,GAAG,aAAa,CAAC;IAC3C,IAAI,oBAAoB,GAAG,WAAW,CAAC;IACvC,IAAI,aAAa,KAAK,iBAAiB,EAAE,CAAC;QACxC,oBAAoB,CAAC,aAAa,CAAC,CAAC;QACpC,MAAM,OAAO,GACX,aAAa,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC;QACxE,IAAI,OAAO,EAAE,CAAC;YACZ,sBAAsB,GAAG,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YACvD,oBAAoB;gBAClB,OAAO,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;QAC/D,CAAC;aAAM,CAAC;YACN,sBAAsB,GAAG,EAAE,CAAC;YAC5B,oBAAoB,GAAG,GAAG,CAAC;QAC7B,CAAC;QACD,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;QACzC,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACvC,CAAC;IAED,MAAM,eAAe,GACnB,aAAa,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACxE,MAAM,aAAa,GAAG,gBAAgB,CAAC,aAAa,EAAE,oBAAoB,CAAC,CAAC;IAC5E,MAAM,IAAI,GAAG,WAAW,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,iBAAiB,CAC7B,aAAa,EACb,oBAAoB,EACpB,aAAa,CACd,CAAC;IACF,MAAM,SAAS,GAAG,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,wBAAwB,CAAC,aAAa,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,mBAAmB,CAAC,aAAa,EAAE,oBAAoB,CAAC,CAAC;IAE9E,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,CAAC,EACpD,EAAE,CACH,CAAC;IACF,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CACH,eAAe;QACb,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,CAAC;QAC/D,CAAC,CAAC,EAAE,EACR,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CACH,eAAe;QACb,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,CAAC;QAC7D,CAAC,CAAC,EAAE,EACR,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,QAAQ,IACP,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,IAAI,GAAG,CAAC,EACxD,WAAW,EAAC,sBAAiB,EAC7B,iBAAiB,EAAC,wBAAmB,EACrC,MAAM,EAAE,aAAa,gBACV,SAAS,EACpB,SAAS,EAAC,MAAM,GAChB,EACD,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,QAAQ,IACP,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,sBAAsB;gBAC7B,4DAA4D;gBAC5D,6DAA6D;gBAC7D,wBAAwB;gBACxB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,IAAI,KAAK;wBAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;gBACrC,CAAC,EACD,WAAW,EAAC,sBAAiB,EAC7B,iBAAiB,EAAC,uBAAkB,EACpC,MAAM,EAAE,aAAa,gBACV,SAAS,EACpB,SAAS,EAAC,MAAM,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,QAAQ,IACP,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,oBAAoB,EAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,IAAI,GAAG,CAAC,EACtD,WAAW,EAAC,oBAAe,EAC3B,iBAAiB,EAAC,qBAAgB,EAClC,MAAM,EAAE,aAAa,gBACV,OAAO,EAClB,SAAS,EAAC,MAAM,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,YAAY,EAAC,gCAAgC,EAC7C,KAAK,EAAE,uBAAuB,CAAC,WAAW,CAAC,EAC3C,UAAU,EAAE,2BAA2B,YAEvC,MAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAC,aAAa,aAC3C,KAAC,UAAU,IACT,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,+EAA+E,EAC3F,OAAO,EAAE,KAAC,gBAAgB,KAAG,GAC7B,EAEF,eAAK,SAAS,EAAC,gBAAgB,aAC5B,YAAY,EAEb,eAAK,SAAS,EAAE,YAAY,aAC1B,KAAC,SAAS,IACR,KAAK,EAAC,yBAAyB,EAC/B,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,EAC3C,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,EACjC,SAAS,EAAE;wCACT,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,cAAc;wCACpC,OAAO,EAAE,OAAO;qCACjB,GACD,EACF,KAAC,SAAS,IACR,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,EAC3C,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,EACjC,SAAS,EAAE;wCACT,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,cAAc;wCACpC,OAAO,EAAE,OAAO;qCACjB,GACD,EACF,KAAC,SAAS,IACR,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAC9B,SAAS,EAAE;wCACT,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,WAAW;wCACjC,OAAO,EAAE,OAAO;qCACjB,GACD,EACF,KAAC,SAAS,IACR,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,KAAK,EACrD,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,EACnC,OAAO,EAAC,0EAA0E,EAClF,SAAS,EAAE;wCACT,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,gBAAgB;wCACtC,OAAO,EAAE,OAAO;qCACjB,GACD,IAEE,EAEL,aAAa,KAAK,GAAG,CAAC,CAAC,CAAC,CACvB,eAAK,SAAS,EAAC,uCAAuC,aACpD,MAAC,IAAI,eACH,KAAC,UAAU,cACT,KAAC,SAAS,6CAAuC,GACtC,EACb,MAAC,WAAW,eACV,cACE,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE;wDACL,MAAM,EAAE,mBAAmB,CACzB,uBAAuB,CAAC,MAAM,CAC/B;qDACF,YAED,KAAC,QAAQ,IACP,IAAI,EAAE,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EACpD,WAAW,EAAC,SAAS,EACrB,MAAM,EAAE,sBAAsB,EAC9B,WAAW,EAAC,YAAY,EACxB,SAAS,EAAC,2BAA2B,GACrC,GACE,EACN,MAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,MAAM;oDAChB,iDAAiD;oDACjD,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,8BAGjB,KAAC,UAAU,KAAG,IACP,IACG,IACT,EACP,MAAC,IAAI,eACH,KAAC,UAAU,cACT,KAAC,SAAS,0CAAoC,GACnC,EACb,KAAC,WAAW,cACV,cACE,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE;oDACL,MAAM,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,MAAM,CAAC;iDACzD,YAED,KAAC,QAAQ,IACP,IAAI,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EACjD,WAAW,EAAC,SAAS,EACrB,MAAM,EAAE,mBAAmB,EAC3B,WAAW,EAAC,YAAY,EACxB,SAAS,EAAC,2BAA2B,GACrC,GACE,GACM,IACT,IACH,CACP,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,gBAAgB,IAAC,KAAK,EAAC,qBAAqB,YAC3C,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAE,YAAY,YAC1B,KAAC,SAAS,IACR,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,EACvC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAC7B,SAAS,EAAE;gDACT,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU;gDAChC,OAAO,EAAE,OAAO;6CACjB,GACD,GACE,EAEN,eAAK,SAAS,EAAC,uCAAuC,aACpD,MAAC,IAAI,eACH,KAAC,UAAU,cACT,KAAC,SAAS,8BAAwB,GACvB,EACb,KAAC,WAAW,cACV,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,aAAa,GACvB,GACU,IACT,EACP,MAAC,IAAI,eACH,KAAC,UAAU,cACT,KAAC,SAAS,uCAAiC,GAChC,EACb,KAAC,WAAW,cACV,cACE,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE;gEACL,MAAM,EAAE,mBAAmB,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;6DACnD,YAED,KAAC,QAAQ,IACP,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,WAAW,EAAC,OAAO,EACnB,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,WAAW,EAAC,YAAY,EACxB,OAAO,QACP,SAAS,EAAC,2BAA2B,GACrC,GACE,GACM,IACT,IACH,IACF,GACW,EAEnB,KAAC,gBAAgB,IAAC,KAAK,EAAC,YAAY,YAClC,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAE,YAAY,YAC1B,KAAC,SAAS,IACR,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,EACtC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAC5B,SAAS,EAAE;gDACT,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,SAAS;gDAC/B,OAAO,EAAE,OAAO;6CACjB,GACD,GACE,EACN,eAAK,SAAS,EAAC,uCAAuC,aACpD,MAAC,IAAI,eACH,KAAC,UAAU,cACT,KAAC,SAAS,sCAAgC,GAC/B,EACb,KAAC,WAAW,cACV,cACE,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE;gEACL,MAAM,EAAE,mBAAmB,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;6DACvD,YAED,KAAC,QAAQ,IACP,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,WAAW,EAAC,MAAM,EAClB,MAAM,EAAE,aAAa,CAAC,MAAM,EAC5B,WAAW,EAAC,YAAY,EACxB,SAAS,EAAC,2BAA2B,GACrC,GACE,GACM,IACT,EACP,MAAC,IAAI,eACH,KAAC,UAAU,cACT,KAAC,SAAS,oCAA8B,GAC7B,EACb,MAAC,WAAW,IAAC,SAAS,EAAC,0EAA0E,aAC/F,KAAC,QAAQ,IACP,SAAS,EAAC,uCAAuC,iBACrC,MAAM,GAClB,EACD,aAAa,KAAK,GAAG,CAAC,CAAC,CAAC,CACvB,8BACE,YAAG,SAAS,EAAC,qCAAqC,iCAE9C,EACJ,YAAG,SAAS,EAAC,iDAAiD,2DAE1D,IACH,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,YAAG,SAAS,EAAC,qCAAqC,8BAE9C,EACJ,YAAG,SAAS,EAAC,iDAAiD,+EAG1D,IACH,CACJ,IACW,IACT,IACH,IACF,GACW,EAEnB,KAAC,gBAAgB,IAAC,KAAK,EAAC,WAAW,YACjC,KAAC,SAAS,IACR,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,YAAY,EAClB,OAAO,QACP,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,GAC1B,GACe,IACf,IACK,GACJ,CACZ,CAAC;AACJ,CAAC"}

package/dist/src/examples/agent-control-plane-processes/derive.d.ts

@@ -0,0 +1,65 @@
+import type { ChartConfig } from "../../index.js";
+import { type ProcessDefinition, type Agent, type InstanceRow } from "./mock-data.js";
+export declare const ALL = "all";
+export declare function getProcessOptions(): {
+    value: string;
+    label: string;
+}[];
+export declare function getSelectedProcess(processName: string): ProcessDefinition | undefined;
+export declare function getVersionOptions(process: ProcessDefinition): {
+    value: string;
+    label: string;
+}[];
+export declare function getAgentOptions(process: ProcessDefinition): {
+    value: string;
+    label: string;
+}[];
+export declare function getVisibleAgents(processFilter: string, agentFilter: string): Agent[];
+export declare function categoryChartHeight(rowCount: number): string;
+export interface KpiDelta {
+    value: string;
+    direction: "increase" | "decrease";
+    variant?: "success" | "danger" | "neutral";
+}
+export interface KpiSparklines {
+    totalInstances: Record<string, unknown>[];
+    totalAgentRuns: Record<string, unknown>[];
+    totalTokens: Record<string, unknown>[];
+    medianResponseMs: Record<string, unknown>[];
+    modelCalls: Record<string, unknown>[];
+    toolCalls: Record<string, unknown>[];
+}
+export interface KpiDeltas {
+    totalInstances: KpiDelta;
+    totalAgentRuns: KpiDelta;
+    totalTokens: KpiDelta;
+    medianResponseMs: KpiDelta;
+    modelCalls: KpiDelta;
+    toolCalls: KpiDelta;
+}
+export interface Kpis {
+    totalInstances: number;
+    totalAgentRuns: number;
+    totalTokens: number;
+    medianResponseMs: number;
+    modelCalls: number;
+    toolCalls: number;
+    sparklines: KpiSparklines;
+    deltas: KpiDeltas;
+}
+export declare function computeKpis(processFilter: string, visibleAgents: Agent[]): Kpis;
+export interface ModelCallCount {
+    model: string;
+    calls: number;
+}
+export declare function computeModelBreakdown(visibleAgents: Agent[]): ModelCallCount[];
+export declare function computeMedianResponseSparkline(visibleAgents: Agent[]): Record<string, unknown>[];
+export interface TrendSeries {
+    data: Record<string, unknown>[];
+    config: ChartConfig;
+}
+export declare function computeTokenTrend(processFilter: string, agentFilter: string, visibleAgents: Agent[]): TrendSeries;
+export declare function computeTokenBreakdown(visibleAgents: Agent[]): TrendSeries;
+export declare function computeToolCallFrequency(visibleAgents: Agent[]): TrendSeries;
+export declare function computeInstanceRows(processFilter: string, agentFilter: string): InstanceRow[];
+//# sourceMappingURL=derive.d.ts.map