@camunda/design-system 0.1.0 → 0.2.0

package/dist/src/components/ui/file-uploader.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+export type FileStatus = "idle" | "uploading" | "complete" | "error";
+export interface FileUploaderProps extends Omit<React.ComponentProps<"div">, "onChange"> {
+    /** Single file replaces the previous; multiple appends. */
+    mode?: "single" | "multiple";
+    size?: "default" | "compact";
+    /** Accessible label title shown inside the drop zone. */
+    labelTitle?: string;
+    /** Secondary description (accepted types, size limits). */
+    labelDescription?: string;
+    /** Label for the browse-files button. */
+    buttonLabel?: string;
+    /** Native file input `accept` attribute. */
+    accept?: string;
+    /** Whether the uploader is disabled. */
+    disabled?: boolean;
+    /** Max number of files allowed (multiple mode only). */
+    maxFiles?: number;
+    /** Max size per file in bytes. */
+    maxSize?: number;
+    /** Controlled file list. */
+    files?: File[];
+    /** Called when files are added or removed. */
+    onFilesChange?: (files: File[]) => void;
+    /**
+     * Legacy alias for `onFilesChange` — matches the example API in the spec.
+     * Either prop works; `onFilesChange` takes precedence.
+     */
+    onChange?: (files: File[]) => void;
+    /** Per-file upload status provided by the caller. */
+    fileStatus?: Map<File, FileStatus>;
+    /** Per-file error messages for `error` status rows. */
+    fileErrors?: Map<File, string>;
+    /** Form-level invalid state. */
+    "aria-invalid"?: boolean | "true" | "false";
+}
+declare function FileUploader({ mode, size, labelTitle, labelDescription, buttonLabel, accept, disabled, maxFiles, maxSize, files: controlledFiles, onFilesChange, onChange, fileStatus, fileErrors, className, id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, "aria-label": ariaLabel, ...props }: FileUploaderProps): React.JSX.Element;
+export { FileUploader };
+//# sourceMappingURL=file-uploader.d.ts.map

package/dist/src/components/ui/file-uploader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-uploader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/file-uploader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0C/B,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,CACX;IACC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,qDAAqD;IACrD,UAAU,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACnC,uDAAuD;IACvD,UAAU,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC/B,gCAAgC;IAChC,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;CAC7C;AAGD,iBAAS,YAAY,CAAC,EACpB,IAAe,EACf,IAAgB,EAChB,UAA6B,EAC7B,gBAAgB,EAChB,WAA4B,EAC5B,MAAM,EACN,QAAgB,EAChB,QAAQ,EACR,OAAO,EACP,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,EAAE,EACF,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAmTnB;AAGD,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/src/components/ui/file-uploader.js

@@ -0,0 +1,198 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// 1. Imports
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { CheckCircle2, Loader2, UploadCloud, X, XCircle } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { Button, buttonVariants } from "./button";
+// 2. cva() variants
+const dropZoneVariants = cva([
+    "relative flex flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed border-border",
+    "bg-background px-6 py-4 text-center transition-colors",
+], {
+    variants: {
+        size: {
+            default: "min-h-[120px]",
+            compact: "min-h-[80px]",
+        },
+        isDragOver: {
+            true: "border-primary bg-accent",
+            false: "",
+        },
+        disabled: {
+            true: "cursor-not-allowed opacity-50 pointer-events-none",
+            false: "cursor-pointer hover:border-primary hover:bg-accent",
+        },
+        invalid: {
+            true: "border-destructive",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+        isDragOver: false,
+        disabled: false,
+        invalid: false,
+    },
+});
+// 4. Component
+function FileUploader({ mode = "single", size = "default", labelTitle = "Drop file here", labelDescription, buttonLabel = "Browse files", accept, disabled = false, maxFiles, maxSize, files: controlledFiles, onFilesChange, onChange, fileStatus, fileErrors, className, id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, "aria-label": ariaLabel, ...props }) {
+    // useId provides a stable ID so htmlFor always resolves even without an explicit `id` prop.
+    const stableId = React.useId();
+    const isControlled = controlledFiles !== undefined;
+    const [internalFiles, setInternalFiles] = React.useState([]);
+    const [isDragOver, setIsDragOver] = React.useState(false);
+    const [maxFilesError, setMaxFilesError] = React.useState(false);
+    const [sizeErrors, setSizeErrors] = React.useState(new Map());
+    const [liveMessage, setLiveMessage] = React.useState("");
+    // Ref-based pattern required by the React Compiler (eslint-plugin-react-hooks v7):
+    // - Refs are only read/written inside effects or handlers (never during render).
+    // - setState inside an effect is allowed only when the value is ref-derived.
+    const prevFileStatusRef = React.useRef(new Map());
+    const pendingAnnouncementRef = React.useRef("");
+    const files = isControlled ? controlledFiles : internalFiles;
+    // Always assign an inputId so the label htmlFor always resolves.
+    const inputId = `${id ?? stableId}-input`;
+    const regionId = id ? `${id}-region` : undefined;
+    const descriptionId = id ? `${id}-description` : undefined;
+    const maxFilesErrorId = id ? `${id}-max-files-error` : undefined;
+    const isInvalid = ariaInvalid === true || ariaInvalid === "true" ? true : false;
+    const announceLive = (msg) => {
+        // Clear first so the same message re-triggers the live region.
+        setLiveMessage("");
+        requestAnimationFrame(() => setLiveMessage(msg));
+    };
+    const applyFiles = (next) => {
+        if (!isControlled)
+            setInternalFiles(next);
+        onFilesChange?.(next);
+        onChange?.(next);
+    };
+    // Detect fileStatus transitions and announce them via the aria-live region.
+    // Pattern: refs are written inside an effect (never during render) and the setState
+    // call receives a ref-derived value — both constraints required by react-hooks v7.
+    React.useEffect(() => {
+        if (!fileStatus)
+            return;
+        const prev = prevFileStatusRef.current;
+        let msg = "";
+        for (const [file, next] of fileStatus) {
+            const previous = prev.get(file) ?? "idle";
+            if (previous !== next) {
+                if (next === "uploading")
+                    msg = `Uploading ${file.name}`;
+                else if (next === "complete")
+                    msg = `${file.name} uploaded`;
+                else if (next === "error")
+                    msg = `${file.name} upload failed`;
+                if (msg)
+                    break;
+            }
+        }
+        prevFileStatusRef.current = new Map(fileStatus);
+        if (!msg)
+            return;
+        pendingAnnouncementRef.current = msg;
+        // setState with a ref-derived value — permitted by enableAllowSetStateFromRefsInEffects.
+        setLiveMessage("");
+        requestAnimationFrame(() => {
+            setLiveMessage(pendingAnnouncementRef.current);
+        });
+    }, [fileStatus]);
+    const handleFiles = (incoming) => {
+        const list = Array.from(incoming);
+        const newSizeErrors = new Map(sizeErrors);
+        let hasNewSizeError = false;
+        for (const file of list) {
+            if (maxSize !== undefined && file.size > maxSize) {
+                const mb = (maxSize / 1_048_576).toFixed(0);
+                newSizeErrors.set(file, `File exceeds ${mb} MB limit.`);
+                hasNewSizeError = true;
+            }
+        }
+        if (hasNewSizeError)
+            setSizeErrors(newSizeErrors);
+        const base = mode === "single" ? [] : files;
+        const next = mode === "single" ? list.slice(0, 1) : [...base, ...list];
+        if (maxFiles !== undefined && next.length > maxFiles) {
+            setMaxFilesError(true);
+            const limited = next.slice(0, maxFiles);
+            applyFiles(limited);
+            for (const f of limited)
+                announceLive(`${f.name} added`);
+            return;
+        }
+        setMaxFilesError(false);
+        applyFiles(next);
+        for (const f of list)
+            announceLive(`${f.name} added`);
+    };
+    const removeFile = (file) => {
+        const next = files.filter((f) => f !== file);
+        const newSizeErrors = new Map(sizeErrors);
+        newSizeErrors.delete(file);
+        setSizeErrors(newSizeErrors);
+        if (next.length < (maxFiles ?? Infinity))
+            setMaxFilesError(false);
+        applyFiles(next);
+        announceLive(`${file.name} removed`);
+    };
+    const handleInputChange = (e) => {
+        if (e.target.files && e.target.files.length > 0) {
+            handleFiles(e.target.files);
+        }
+        // Reset so the same file can be re-selected.
+        e.target.value = "";
+    };
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        if (!disabled)
+            setIsDragOver(true);
+    };
+    const handleDragLeave = (e) => {
+        // Only clear if leaving the region itself, not a child element.
+        if (!e.currentTarget.contains(e.relatedTarget)) {
+            setIsDragOver(false);
+        }
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        setIsDragOver(false);
+        if (disabled)
+            return;
+        if (e.dataTransfer.files.length > 0) {
+            handleFiles(e.dataTransfer.files);
+        }
+    };
+    const describedByParts = [
+        labelDescription ? descriptionId : undefined,
+        ariaDescribedby,
+    ]
+        .filter(Boolean)
+        .join(" ");
+    const statusForFile = (file) => {
+        return fileStatus?.get(file) ?? "idle";
+    };
+    const errorForFile = (file) => {
+        return fileErrors?.get(file) ?? sizeErrors.get(file);
+    };
+    return (_jsxs("div", { "data-slot": "file-uploader", "aria-disabled": disabled || undefined, className: cn("flex flex-col gap-2", className), ...props, children: [_jsx("div", { "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: liveMessage }), _jsx("input", { type: "file", id: inputId, accept: accept, multiple: mode === "multiple", disabled: disabled, onChange: handleInputChange, "aria-hidden": "true", tabIndex: -1, className: "sr-only" }), _jsxs("div", { id: regionId, role: "region", "aria-label": ariaLabel ?? labelTitle ?? "File upload", "aria-describedby": describedByParts || undefined, "aria-invalid": isInvalid || undefined, "aria-dropeffect": isDragOver ? "copy" : undefined, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, className: dropZoneVariants({
+                    size,
+                    isDragOver,
+                    disabled,
+                    invalid: isInvalid,
+                }), children: [size !== "compact" && (_jsx(UploadCloud, { className: "size-8 text-muted-foreground", "aria-hidden": "true" })), labelTitle && (_jsx("p", { className: "text-sm font-medium text-foreground", children: labelTitle })), labelDescription && (_jsx("p", { id: descriptionId, className: "text-xs text-muted-foreground", children: labelDescription })), _jsx("label", { htmlFor: inputId, className: cn(buttonVariants({ variant: "outline", size: "sm" }), disabled && "pointer-events-none cursor-not-allowed opacity-50", "cursor-pointer"), children: buttonLabel })] }), files.length > 0 && (_jsx("ul", { className: "flex flex-col gap-1.5", role: "list", children: files.map((file) => {
+                    const status = statusForFile(file);
+                    const fileError = errorForFile(file);
+                    const rowId = `${id ?? "file-uploader"}-row-${file.name}`;
+                    const errorId = `${rowId}-error`;
+                    return (_jsxs("li", { children: [_jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2", "aria-busy": status === "uploading" || undefined, "aria-describedby": fileError ? errorId : undefined, children: [_jsxs("span", { className: "shrink-0", "aria-hidden": "true", children: [status === "uploading" && (_jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground" })), status === "complete" && (_jsx(CheckCircle2, { className: "size-4 text-success" })), status === "error" && (_jsx(XCircle, { className: "size-4 text-destructive" })), status === "idle" && _jsx("div", { className: "size-4" })] }), _jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-foreground", children: file.name }), _jsx(Button, { variant: "ghost", size: "icon-sm", type: "button", disabled: disabled, "aria-label": `Remove ${file.name}`, onClick: (e) => {
+                                            e.stopPropagation();
+                                            removeFile(file);
+                                        }, children: _jsx(X, { "aria-hidden": "true" }) })] }), fileError && (_jsx("p", { id: errorId, className: "mt-0.5 px-3 text-xs text-destructive", role: "alert", children: fileError }))] }, `${file.name}-${file.size}`));
+                }) })), maxFiles !== undefined &&
+                (maxFilesError || files.length >= maxFiles) && (_jsxs("p", { id: maxFilesErrorId, className: "text-xs text-destructive", role: "alert", children: ["Maximum ", maxFiles, " ", maxFiles === 1 ? "file" : "files", " reached."] }))] }));
+}
+// 5. Named exports
+export { FileUploader };
+//# sourceMappingURL=file-uploader.js.map

package/dist/src/components/ui/file-uploader.js.map

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

package/dist/src/components/ui/multi-select.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { type LucideIcon } from "lucide-react";
+export interface MultiSelectOption {
+    label: string;
+    value: string;
+    icon?: LucideIcon;
+    disabled?: boolean;
+}
+export interface MultiSelectGroup {
+    heading: string;
+    options: MultiSelectOption[];
+}
+export interface MultiSelectProps {
+    options: (MultiSelectOption | MultiSelectGroup)[];
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    placeholder?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    maxCount?: number;
+    hideSelectAll?: boolean;
+    closeOnSelect?: boolean;
+    emptyIndicator?: React.ReactNode;
+    size?: "default" | "sm";
+    disabled?: boolean;
+    id?: string;
+    className?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+declare function MultiSelect({ options, value: controlledValue, defaultValue, onValueChange, placeholder, searchable, searchPlaceholder, maxCount, hideSelectAll, closeOnSelect, emptyIndicator, size, disabled, id, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: MultiSelectProps): React.JSX.Element;
+export { MultiSelect };
+//# sourceMappingURL=multi-select.d.ts.map

package/dist/src/components/ui/multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/multi-select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAe/C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,EAAE,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAcD,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,WAA+B,EAC/B,UAAiB,EACjB,iBAA6B,EAC7B,QAAY,EACZ,aAAqB,EACrB,aAAqB,EACrB,cAAc,EACd,IAAgB,EAChB,QAAgB,EAChB,EAAE,EACF,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,gBAAgB,qBA4PlB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/components/ui/multi-select.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { ChevronDownIcon, XIcon, ListChecksIcon } from "lucide-react";
+import {} from "lucide-react";
+import { cn } from "../../lib/utils";
+import { Badge } from "./badge";
+import { C4Provider } from "./c4-provider";
+import { Checkbox } from "./checkbox";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "./command";
+function isGroup(item) {
+    return "heading" in item;
+}
+function getAllOptions(options) {
+    return options.flatMap((item) => (isGroup(item) ? item.options : [item]));
+}
+function MultiSelect({ options, value: controlledValue, defaultValue, onValueChange, placeholder = "Select options…", searchable = true, searchPlaceholder = "Search…", maxCount = 3, hideSelectAll = false, closeOnSelect = false, emptyIndicator, size = "default", disabled = false, id, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }) {
+    const [open, setOpen] = React.useState(false);
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? []);
+    const isControlled = controlledValue !== undefined;
+    const selected = isControlled ? controlledValue : internalValue;
+    function updateSelected(next) {
+        if (!isControlled) {
+            setInternalValue(next);
+        }
+        onValueChange?.(next);
+    }
+    function toggleOption(optionValue) {
+        const next = selected.includes(optionValue)
+            ? selected.filter((v) => v !== optionValue)
+            : [...selected, optionValue];
+        updateSelected(next);
+        if (closeOnSelect) {
+            setOpen(false);
+        }
+    }
+    const allOptions = getAllOptions(options);
+    const selectableOptions = allOptions.filter((o) => !o.disabled);
+    const allSelected = selectableOptions.length > 0 &&
+        selectableOptions.every((o) => selected.includes(o.value));
+    function handleSelectAll() {
+        if (allSelected) {
+            updateSelected([]);
+        }
+        else {
+            updateSelected(selectableOptions.map((o) => o.value));
+        }
+    }
+    const visibleChips = selected.slice(0, maxCount);
+    const overflowCount = selected.length - maxCount;
+    function removeOption(optionValue, e) {
+        e.stopPropagation();
+        updateSelected(selected.filter((v) => v !== optionValue));
+    }
+    function removeOverflow(e) {
+        e.stopPropagation();
+        updateSelected(selected.slice(0, maxCount));
+    }
+    function handleTriggerKeyDown(e) {
+        if (e.key === "Backspace" && !open && selected.length > 0) {
+            updateSelected(selected.slice(0, -1));
+        }
+    }
+    const optionLabelMap = React.useMemo(() => {
+        const map = new Map();
+        for (const o of getAllOptions(options)) {
+            map.set(o.value, o.label);
+        }
+        return map;
+    }, [options]);
+    const groupedItems = options.filter(isGroup);
+    const flatItems = options.filter((o) => !isGroup(o));
+    return (_jsxs(PopoverPrimitive.Root, { open: open, onOpenChange: disabled ? undefined : setOpen, children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsxs("button", { "data-slot": "multi-select", "data-size": size, id: id, type: "button", role: "combobox", "aria-expanded": open, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-disabled": disabled ? "true" : undefined, disabled: disabled, onKeyDown: handleTriggerKeyDown, className: cn("flex w-full min-h-9 flex-wrap items-center gap-1 rounded-lg border border-input bg-input-background px-2 py-1 text-sm text-left transition-all duration-200 outline-none", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:cursor-not-allowed disabled:opacity-50", "data-[size=sm]:min-h-8", selected.length === 0 && "text-muted-foreground", className), children: [selected.length === 0 ? (_jsx("span", { className: "flex-1 truncate", children: placeholder })) : (_jsxs(_Fragment, { children: [visibleChips.map((v) => {
+                                    const label = optionLabelMap.get(v) ?? v;
+                                    return (_jsxs(Badge, { variant: "outline", className: "gap-0.5 pr-0.5", children: [label, _jsx("button", { type: "button", "aria-label": `Remove ${label}`, onClick: (e) => removeOption(v, e), className: "ml-0.5 rounded-sm opacity-60 hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", children: _jsx(XIcon, { className: "size-3", "aria-hidden": "true" }) })] }, v));
+                                }), overflowCount > 0 && (_jsxs(Badge, { variant: "outline", className: "gap-0.5 pr-0.5", children: [_jsxs("span", { children: ["+", overflowCount, " more"] }), _jsx("button", { type: "button", "aria-label": `Remove ${overflowCount} more selected items`, onClick: removeOverflow, className: "ml-0.5 rounded-sm opacity-60 hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", children: _jsx(XIcon, { className: "size-3", "aria-hidden": "true" }) })] }))] })), _jsx(ChevronDownIcon, { className: "ml-auto size-4 shrink-0 opacity-50 pointer-events-none", "aria-hidden": "true" })] }) }), _jsx(PopoverPrimitive.Portal, { children: _jsx(C4Provider, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "multi-select-content", align: "start", sideOffset: 4, className: cn("z-50 w-[--radix-popover-trigger-width] p-0 rounded-lg border border-input bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95"), children: _jsxs(Command, { children: [searchable && (_jsx(CommandInput, { placeholder: searchPlaceholder, "aria-label": searchPlaceholder })), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: emptyIndicator ?? "No results found" }), !hideSelectAll && (_jsx(CommandGroup, { children: _jsxs(CommandItem, { onSelect: handleSelectAll, className: "gap-2", children: [_jsx(Checkbox, { checked: allSelected, "aria-hidden": "true", tabIndex: -1, className: "pointer-events-none" }), _jsx(ListChecksIcon, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }), allSelected ? "Clear All" : "Select All"] }) })), flatItems.length > 0 && (_jsx(CommandGroup, { children: flatItems.map((option) => {
+                                                const isSelected = selected.includes(option.value);
+                                                const Icon = option.icon;
+                                                return (_jsxs(CommandItem, { value: option.value, disabled: option.disabled, onSelect: () => toggleOption(option.value), className: "gap-2", children: [_jsx(Checkbox, { checked: isSelected, "aria-hidden": "true", tabIndex: -1, className: "pointer-events-none" }), Icon && (_jsx(Icon, { className: "size-4 text-muted-foreground", "aria-hidden": "true" })), option.label] }, option.value));
+                                            }) })), groupedItems.map((group) => (_jsx(CommandGroup, { heading: group.heading, children: group.options.map((option) => {
+                                                const isSelected = selected.includes(option.value);
+                                                const Icon = option.icon;
+                                                return (_jsxs(CommandItem, { value: option.value, disabled: option.disabled, onSelect: () => toggleOption(option.value), className: "gap-2", children: [_jsx(Checkbox, { checked: isSelected, "aria-hidden": "true", tabIndex: -1, className: "pointer-events-none" }), Icon && (_jsx(Icon, { className: "size-4 text-muted-foreground", "aria-hidden": "true" })), option.label] }, option.value));
+                                            }) }, group.heading)))] })] }) }) }) })] }));
+}
+export { MultiSelect };
+//# sourceMappingURL=multi-select.js.map

package/dist/src/components/ui/multi-select.js.map

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

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

@@ -11,5 +11,5 @@ declare function TableRow({ className, ...props }: React.ComponentProps<"tr">):
 declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
 declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
 declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
 //# sourceMappingURL=table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAgBpC,iBAAS,KAAK,CAAC,EACb,IAAW,EACX,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAAE,qBAsBnF;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAE1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAExE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQ1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAarE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAarE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,qBAI7E;AAED,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAgBpC,iBAAS,KAAK,CAAC,EACb,IAAW,EACX,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,qBAyBA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAarE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAarE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,qBAQjC;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAC"}

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

@@ -21,10 +21,10 @@ function Table({ size = "md", className, containerClassName, ...props }) {
                 className: cn("w-full caption-bottom border-collapse text-sm", className), ...props }) }) }));
 }
 function TableHeader({ className, ...props }) {
-    return _jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+    return (_jsx("thead", { "data-slot": "table-header", className: cn("bg-muted/50 [&_tr]:border-b", className), ...props }));
 }
 function TableBody({ className, ...props }) {
-    return _jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props });
+    return (_jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props }));
 }
 function TableFooter({ className, ...props }) {
     return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
@@ -43,5 +43,5 @@ function TableCell({ className, ...props }) {
 function TableCaption({ className, ...props }) {
     return (_jsx("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 }
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
 //# sourceMappingURL=table.js.map

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

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

package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts

@@ -0,0 +1,2 @@
+export declare function CostBreakdownChart(): import("react").JSX.Element;
+//# sourceMappingURL=CostBreakdownChart.d.ts.map

package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostBreakdownChart.d.ts","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/CostBreakdownChart.tsx"],"names":[],"mappings":"AAeA,wBAAgB,kBAAkB,gCAiDjC"}

package/dist/src/examples/cost-dashboard/CostBreakdownChart.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PieChart, Pie, Cell, ResponsiveContainer } from "recharts";
+import { agents, totalLlmSpend } from "./mock-data";
+import { useChartColors } from "./useChartColors";
+// Spend split into input vs output cost (summed across the definition's agents).
+const totalInput = +agents.reduce((sum, a) => sum + a.inCostUsd, 0).toFixed(2);
+const totalOutput = +agents
+    .reduce((sum, a) => sum + a.outCostUsd, 0)
+    .toFixed(2);
+const segments = [
+    { name: "Input", value: totalInput },
+    { name: "Output", value: totalOutput },
+];
+export function CostBreakdownChart() {
+    const [ref, colors] = useChartColors();
+    return (_jsxs("div", { ref: ref, className: "flex flex-col items-center", children: [_jsxs("div", { className: "relative h-44 w-44", children: [colors.length >= segments.length && (_jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsx(PieChart, { children: _jsx(Pie, { data: segments, dataKey: "value", nameKey: "name", innerRadius: 52, outerRadius: 84, stroke: "none", children: segments.map((s, i) => (_jsx(Cell, { fill: colors[i] }, s.name))) }) }) })), _jsxs("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [_jsxs("span", { className: "text-xl font-semibold tabular-nums", children: ["$", totalLlmSpend.toFixed(2)] }), _jsx("span", { className: "text-xs text-muted-foreground", children: "total spend" })] })] }), _jsx("ul", { className: "mt-4 w-full space-y-1 text-xs", children: segments.map((s, i) => (_jsxs("li", { className: "flex items-center justify-between gap-2", children: [_jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "inline-block size-2.5 rounded-[2px]", style: { background: colors[i] ?? "var(--muted)" } }), s.name] }), _jsxs("span", { className: "tabular-nums text-muted-foreground", children: ["$", s.value.toFixed(2)] })] }, s.name))) })] }));
+}
+//# sourceMappingURL=CostBreakdownChart.js.map

package/dist/src/examples/cost-dashboard/CostBreakdownChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostBreakdownChart.js","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/CostBreakdownChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,iFAAiF;AACjF,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAC/E,MAAM,WAAW,GAAG,CAAC,MAAM;KACxB,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;KACzC,OAAO,CAAC,CAAC,CAAC,CAAC;AACd,MAAM,QAAQ,GAAG;IACf,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE;IACpC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE;CACvC,CAAC;AAEF,MAAM,UAAU,kBAAkB;IAChC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,cAAc,EAAE,CAAC;IACvC,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,4BAA4B,aACnD,eAAK,SAAS,EAAC,oBAAoB,aAEhC,MAAM,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,IAAI,CACnC,KAAC,mBAAmB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,YAC7C,KAAC,QAAQ,cACP,KAAC,GAAG,IACF,IAAI,EAAE,QAAQ,EACd,OAAO,EAAC,OAAO,EACf,OAAO,EAAC,MAAM,EACd,WAAW,EAAE,EAAE,EACf,WAAW,EAAE,EAAE,EACf,MAAM,EAAC,MAAM,YAEZ,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,IAAI,IAAc,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAvB,CAAC,CAAC,IAAI,CAAqB,CACvC,CAAC,GACE,GACG,GACS,CACvB,EACD,eAAK,SAAS,EAAC,gFAAgF,aAC7F,gBAAM,SAAS,EAAC,oCAAoC,kBAChD,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,IACrB,EACP,eAAM,SAAS,EAAC,+BAA+B,4BAAmB,IAC9D,IACF,EACN,aAAI,SAAS,EAAC,+BAA+B,YAC1C,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,cAAiB,SAAS,EAAC,yCAAyC,aAClE,gBAAM,SAAS,EAAC,2BAA2B,aACzC,eACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,cAAc,EAAE,GAClD,EACD,CAAC,CAAC,IAAI,IACF,EACP,gBAAM,SAAS,EAAC,oCAAoC,kBAChD,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IACf,KAVA,CAAC,CAAC,IAAI,CAWV,CACN,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC"}

package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts

@@ -0,0 +1,2 @@
+export declare function CostDashboardPage(): import("react").JSX.Element;
+//# sourceMappingURL=CostDashboardPage.d.ts.map

package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostDashboardPage.d.ts","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/CostDashboardPage.tsx"],"names":[],"mappings":"AAqIA,wBAAgB,iBAAiB,gCAkIhC"}

package/dist/src/examples/cost-dashboard/CostDashboardPage.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDown, ArrowUp, CalendarDays } from "lucide-react";
+import { DataTable, Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, Badge, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Popover, PopoverTrigger, PopoverContent, cn, } from "../../index";
+import { AppShell } from "../shared/AppShell";
+import { costNav, costBackNav, costBreadcrumb } from "../shared/cost-nav";
+import { definition, instances, totalLlmSpend, totalTokens, totalRuns, } from "./mock-data";
+import { TrendChart } from "./TrendChart";
+import { CostBreakdownChart } from "./CostBreakdownChart";
+// Tinted background signals sentiment (positive = good, regardless of arrow
+// direction): a rising LLM spend is not "good", so it reads neutral, not green.
+const trendStyles = {
+    positive: "bg-success/15 text-success",
+    negative: "bg-destructive/15 text-destructive",
+    neutral: "bg-muted text-muted-foreground",
+};
+function TrendPill({ value, direction, sentiment }) {
+    const Arrow = direction === "up" ? ArrowUp : ArrowDown;
+    return (_jsxs("span", { className: cn("inline-flex items-center gap-0.5 rounded-md px-1.5 py-0.5 text-xs font-medium tabular-nums", trendStyles[sentiment]), children: [_jsx(Arrow, { className: "size-3", "aria-hidden": true }), value] }));
+}
+function Stat({ label, value, trend, }) {
+    return (_jsx(Card, { children: _jsxs(CardHeader, { children: [_jsx(CardDescription, { children: label }), _jsx("span", { className: "text-3xl font-semibold tracking-tight tabular-nums", children: value }), trend ? (_jsx(CardAction, { children: _jsx(TrendPill, { ...trend }) })) : null] }) }));
+}
+const instanceColumns = [
+    {
+        accessorKey: "key",
+        header: "Instance key",
+        cell: ({ row }) => (_jsx("span", { className: "font-mono text-xs", children: row.original.key })),
+    },
+    {
+        accessorKey: "version",
+        header: "Version",
+        cell: ({ row }) => `v${row.original.version}`,
+    },
+    {
+        accessorKey: "state",
+        header: "State",
+        cell: ({ row }) => row.original.state === "ACTIVE" ? (_jsx(Badge, { variant: "outline", className: "text-info", children: "ACTIVE" })) : (_jsx(Badge, { variant: "outline", children: "COMPLETED" })),
+    },
+    {
+        accessorKey: "costUsd",
+        header: "LLM cost",
+        cell: ({ row }) => (_jsxs("span", { className: "block text-right tabular-nums", children: ["$", row.original.costUsd.toFixed(2)] })),
+    },
+    {
+        accessorKey: "started",
+        header: "Started",
+    },
+];
+export function CostDashboardPage() {
+    // TODO: Replace with API call to GET /v1/definitions/{id}/versions/{v}/instances?range=...
+    return (_jsx(AppShell, { appName: "Agent Cost Monitor", sidebarLabel: "Agent Cost Monitor navigation", items: costNav, backNav: costBackNav, breadcrumb: costBreadcrumb, children: _jsxs("div", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsx("div", { children: _jsx("h1", { className: "text-2xl font-semibold", children: "Process definitions" }) }), _jsxs("div", { className: "flex flex-col items-end gap-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Select, { defaultValue: definition.name, children: [_jsx(SelectTrigger, { "aria-label": "Process definition", className: "w-44", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "OrderFulfillment", children: "OrderFulfillment" }), _jsx(SelectItem, { value: "InvoiceApproval", children: "InvoiceApproval" }), _jsx(SelectItem, { value: "SupportTriage", children: "SupportTriage" })] })] }), _jsxs(Select, { defaultValue: String(definition.version), children: [_jsx(SelectTrigger, { "aria-label": "Process version", className: "w-24", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: definition.versions.map((v) => (_jsxs(SelectItem, { value: String(v), children: ["v", v] }, v))) })] }), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", children: [_jsx(CalendarDays, {}), "Last 7 days"] }) }), _jsxs(PopoverContent, { align: "end", className: "w-48 gap-1 p-1.5", children: [_jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "Last 24 hours" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "Last 7 days" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "Last 30 days" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "Custom range" })] })] })] }), _jsx("p", { className: "text-right text-xs text-muted-foreground", children: "Compared to Jun 1\u20137" })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [_jsx(Stat, { label: "LLM spend", value: `$${totalLlmSpend.toFixed(2)}`, trend: { value: "3%", direction: "up", sentiment: "neutral" } }), _jsx(Stat, { label: "Total tokens", value: totalTokens.toLocaleString(), trend: { value: "8%", direction: "up", sentiment: "neutral" } }), _jsx(Stat, { label: "Total runs", value: totalRuns.toLocaleString(), trend: { value: "5%", direction: "down", sentiment: "neutral" } })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-3", children: [_jsxs(Card, { className: "lg:col-span-2", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Token usage trend" }) }), _jsx(CardContent, { children: _jsx(TrendChart, {}) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Cost breakdown" }) }), _jsx(CardContent, { children: _jsx(CostBreakdownChart, {}) })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Recent instances" }) }), _jsx(CardContent, { children: _jsx(DataTable, { columns: instanceColumns, data: instances, sorting: true, getRowId: (row) => row.key }) })] })] }) }));
+}
+//# sourceMappingURL=CostDashboardPage.js.map

package/dist/src/examples/cost-dashboard/CostDashboardPage.js.map

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

package/dist/src/examples/cost-dashboard/TrendChart.d.ts

@@ -0,0 +1,2 @@
+export declare function TrendChart(): import("react").JSX.Element;
+//# sourceMappingURL=TrendChart.d.ts.map

package/dist/src/examples/cost-dashboard/TrendChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendChart.d.ts","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/TrendChart.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,UAAU,gCAgDzB"}