@elizaos/agent 2.0.0-alpha.358 → 2.0.0-alpha.376

package/packages/ui/src/components/ui/field.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Label } from "./label";
+const Field = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("space-y-2", className), ...props })));
+Field.displayName = "Field";
+const FieldLabel = React.forwardRef(({ className, variant = "default", ...props }, ref) => (_jsx(Label, { ref: ref, className: cn(variant === "form"
+        ? "mb-2 block text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/80"
+        : variant === "kicker"
+            ? "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted"
+            : "text-sm font-medium text-txt-strong", className), ...props })));
+FieldLabel.displayName = "FieldLabel";
+const FieldDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn("text-xs leading-relaxed text-muted", className), ...props })));
+FieldDescription.displayName = "FieldDescription";
+const FieldMessage = React.forwardRef(({ className, tone = "default", ...props }, ref) => (_jsx("p", { ref: ref, className: cn("text-xs leading-relaxed", tone === "danger"
+        ? "text-danger"
+        : tone === "success"
+            ? "text-ok"
+            : "text-muted", className), ...props })));
+FieldMessage.displayName = "FieldMessage";
+export { Field, FieldDescription, FieldLabel, FieldMessage };

package/packages/ui/src/components/ui/form-select.d.ts

@@ -0,0 +1,14 @@
+import type * as SelectPrimitive from "@radix-ui/react-select";
+import * as React from "react";
+import { Select } from "./select";
+export interface FormSelectProps extends React.ComponentProps<typeof Select> {
+    children: React.ReactNode;
+    placeholder?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
+export declare function FormSelect({ children, contentClassName, placeholder, triggerClassName, ...props }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare const FormSelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=form-select.d.ts.map

package/packages/ui/src/components/ui/form-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,MAAM,EAKP,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,2CAqBjB;AAED,eAAO,MAAM,cAAc,2JAYzB,CAAC"}

package/packages/ui/src/components/ui/form-select.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "./select";
+export function FormSelect({ children, contentClassName, placeholder, triggerClassName, ...props }) {
+    return (_jsxs(Select, { ...props, children: [_jsx(SelectTrigger, { className: cn("h-11 w-full rounded-2xl border border-border/60 bg-bg/70 px-4 py-2 text-sm text-txt shadow-sm outline-none transition-[border-color,box-shadow,background-color,outline-color,outline-offset] focus:border-accent focus:outline-[2px] focus:outline-[var(--ring)] focus:outline-offset-2 focus:ring-0 focus:shadow-[0_0_0_4px_var(--focus)] focus-visible:border-accent focus-visible:outline-[2px] focus-visible:outline-[var(--ring)] focus-visible:outline-offset-2 focus-visible:ring-0 focus-visible:shadow-[0_0_0_4px_var(--focus)] data-[placeholder]:text-muted", triggerClassName), children: _jsx(SelectValue, { placeholder: placeholder }) }), _jsx(SelectContent, { className: cn("rounded-2xl border border-border/60 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_94%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] p-1 shadow-[inset_0_1px_0_rgba(255,255,255,0.08),0_22px_34px_-24px_rgba(15,23,42,0.28)] backdrop-blur-xl", contentClassName), children: children })] }));
+}
+export const FormSelectItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectItem, { ref: ref, className: cn("min-h-[2.75rem] rounded-xl px-3 py-2.5 text-sm text-txt outline-none transition-[background-color,color,box-shadow] focus:bg-[linear-gradient(180deg,rgba(var(--accent-rgb),0.18),rgba(var(--accent-rgb),0.08))] focus:text-black data-[state=checked]:bg-[linear-gradient(180deg,rgba(var(--accent-rgb),0.2),rgba(var(--accent-rgb),0.1))] data-[state=checked]:text-black data-[state=checked]:shadow-[inset_0_1px_0_rgba(255,255,255,0.1),0_10px_18px_-18px_rgba(var(--accent-rgb),0.25)]", className), ...props })));
+FormSelectItem.displayName = "FormSelectItem";

package/packages/ui/src/components/ui/grid.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type GridVariantsProps = {
+    columns?: 1 | 2 | 3 | 4 | 6 | 12 | null;
+    spacing?: "none" | "sm" | "md" | "lg" | null;
+};
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement>, GridVariantsProps {
+}
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=grid.d.ts.map

package/packages/ui/src/components/ui/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9C,CAAC;AA6BF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,iBAAiB;CAAG;AAExB,eAAO,MAAM,IAAI,kFAUhB,CAAC"}

package/packages/ui/src/components/ui/grid.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const _gridVariants = cva("grid", {
+    variants: {
+        columns: {
+            1: "grid-cols-1",
+            2: "grid-cols-2",
+            3: "grid-cols-3",
+            4: "grid-cols-4",
+            6: "grid-cols-6",
+            12: "grid-cols-12",
+        },
+        spacing: {
+            none: "gap-0",
+            sm: "gap-2",
+            md: "gap-4",
+            lg: "gap-6",
+        },
+    },
+    defaultVariants: {
+        columns: 1,
+        spacing: "md",
+    },
+});
+const gridVariants = _gridVariants;
+export const Grid = React.forwardRef(({ className, columns, spacing, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn(gridVariants({ columns, spacing }), className), ...props }));
+});
+Grid.displayName = "Grid";

package/packages/ui/src/components/ui/input.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface InputVariantProps {
+    variant?: "default" | "form" | "config" | null;
+    density?: "default" | "compact" | "relaxed" | null;
+}
+declare const inputVariants: (props?: InputVariantProps) => string;
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, InputVariantProps {
+    hasError?: boolean;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input, inputVariants };
+//# sourceMappingURL=input.d.ts.map

package/packages/ui/src/components/ui/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;CACpD;AA0BD,QAAA,MAAM,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,iBAAiB,KAAK,MAEzC,CAAC;AAEZ,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,iBAAiB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,qFAgBV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/packages/ui/src/components/ui/input.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const _inputVariants = cva("w-full border text-sm transition-[border-color,box-shadow,background-color] disabled:cursor-not-allowed disabled:opacity-50", {
+    variants: {
+        variant: {
+            default: "flex rounded-md border-input bg-bg px-3 py-2 ring-offset-bg file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+            form: "rounded-2xl border-border/60 bg-bg/70 px-4 py-2 shadow-sm focus-visible:border-accent focus-visible:ring-1 focus-visible:ring-accent",
+            config: "border-border bg-card font-[var(--mono)] placeholder:text-muted placeholder:opacity-60 focus:border-accent focus:outline-none focus:ring-1 focus:ring-accent",
+        },
+        density: {
+            default: "h-10",
+            compact: "h-9 px-2.5 py-1.5 text-xs",
+            relaxed: "h-11",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        density: "default",
+    },
+});
+const inputVariants = _inputVariants;
+const Input = React.forwardRef(({ className, type, variant, density, hasError, ...props }, ref) => {
+    return (_jsx("input", { type: type, className: cn(inputVariants({ variant, density }), hasError &&
+            "border-destructive bg-[color-mix(in_srgb,var(--destructive)_3%,var(--card))]", className), ref: ref, ...props }));
+});
+Input.displayName = "Input";
+export { Input, inputVariants };

package/packages/ui/src/components/ui/label.d.ts

@@ -0,0 +1,5 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from "react";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/packages/ui/src/components/ui/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,QAAA,MAAM,KAAK,yJAST,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/packages/ui/src/components/ui/label.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const _labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const labelVariants = _labelVariants;
+const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props })));
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label };

package/packages/ui/src/components/ui/new-action-button.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { type ButtonProps } from "./button";
+export interface NewActionButtonProps extends Omit<ButtonProps, "variant"> {
+}
+declare const NewActionButton: React.ForwardRefExoticComponent<NewActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { NewActionButton };
+//# sourceMappingURL=new-action-button.d.ts.map

package/packages/ui/src/components/ui/new-action-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-action-button.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/new-action-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;CAAG;AAQ7E,QAAA,MAAM,eAAe,gGAkBnB,CAAC;AAIH,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/packages/ui/src/components/ui/new-action-button.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus } from "lucide-react";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+function normalizeNewActionLabel(children) {
+    return React.Children.map(children, (child) => typeof child === "string" ? child.replace(/^\+\s*/, "") : child);
+}
+const NewActionButton = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsxs(Button, { ref: ref, variant: "surfaceAccent", className: cn("min-h-touch w-full justify-start rounded-xl px-4 py-2.5 text-sm font-medium", className), ...props, children: [_jsx(Plus, { className: "h-4 w-4" }), normalizeNewActionLabel(children)] }));
+});
+NewActionButton.displayName = "NewActionButton";
+export { NewActionButton };

package/packages/ui/src/components/ui/popover.d.ts

@@ -0,0 +1,7 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=popover.d.ts.map

package/packages/ui/src/components/ui/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAgBlB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/packages/ui/src/components/ui/popover.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("z-50 w-72 rounded-md border border-border bg-card p-4 text-txt shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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", className), ...props }) })));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+export { Popover, PopoverContent, PopoverTrigger };

package/packages/ui/src/components/ui/save-footer.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface SaveFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    dirty: boolean;
+    saving: boolean;
+    saveError: string | null;
+    saveSuccess: boolean;
+    onSave: () => void;
+    saveLabel?: string;
+    savingLabel?: string;
+    savedLabel?: string;
+}
+export declare const SaveFooter: React.ForwardRefExoticComponent<SaveFooterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=save-footer.d.ts.map

package/packages/ui/src/components/ui/save-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-footer.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/save-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,wFAuCtB,CAAC"}

package/packages/ui/src/components/ui/save-footer.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+export const SaveFooter = React.forwardRef(({ dirty, saving, saveError, saveSuccess, onSave, saveLabel = "Save Changes", savingLabel = "Saving…", savedLabel = "Saved", className, ...props }, ref) => {
+    if (!dirty)
+        return null;
+    return (_jsxs("div", { ref: ref, className: cn("flex items-center justify-end gap-3 pt-2", className), ...props, children: [saveError && (_jsx("span", { className: "text-xs text-destructive", children: saveError })), saveSuccess && _jsx("span", { className: "text-xs text-ok", children: savedLabel }), _jsx(Button, { size: "sm", className: "text-txt-strong hover:text-txt-strong", disabled: saving, onClick: onSave, children: saving ? savingLabel : saveLabel })] }));
+});
+SaveFooter.displayName = "SaveFooter";

package/packages/ui/src/components/ui/section-card.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export interface SectionCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Section title shown in the header */
+    title?: string;
+    /** Optional description below the title */
+    description?: string;
+    /** Optional actions (buttons, badges) aligned to the right of the header */
+    actions?: React.ReactNode;
+    /** Whether the section is collapsible */
+    collapsible?: boolean;
+    /** Default collapsed state (only when collapsible) */
+    defaultCollapsed?: boolean;
+}
+export declare const SectionCard: React.ForwardRefExoticComponent<SectionCardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=section-card.d.ts.map

package/packages/ui/src/components/ui/section-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-card.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/section-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,yFAiEvB,CAAC"}

package/packages/ui/src/components/ui/section-card.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+export const SectionCard = React.forwardRef(({ title, description, actions, collapsible = false, defaultCollapsed = false, className, children, ...props }, ref) => {
+    const [collapsed, setCollapsed] = React.useState(defaultCollapsed);
+    return (_jsxs("div", { ref: ref, className: cn("border border-border bg-card text-card-fg", className), ...props, children: [(title || actions) && (_jsxs("div", { className: "flex items-center justify-between px-4 py-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [title && (_jsxs(Button, { variant: "ghost", className: cn("h-auto px-0 text-sm font-semibold text-left justify-start", collapsible &&
+                                    "cursor-pointer hover:text-accent transition-colors", !collapsible && "cursor-default"), onClick: collapsible ? () => setCollapsed((c) => !c) : undefined, tabIndex: collapsible ? 0 : -1, children: [collapsible && (_jsx("span", { className: cn("mr-1.5 inline-block text-2xs text-muted transition-transform", !collapsed && "rotate-90"), children: "\u25B6" })), title] })), description && (_jsx("span", { className: "text-xs-tight text-muted", children: description }))] }), actions && (_jsx("div", { className: "flex items-center gap-2", children: actions }))] })), (!collapsible || !collapsed) && _jsx("div", { className: "p-4", children: children })] }));
+});
+SectionCard.displayName = "SectionCard";

package/packages/ui/src/components/ui/segmented-control.d.ts

@@ -0,0 +1,18 @@
+import type * as React from "react";
+export interface SegmentedControlItem<T extends string> {
+    value: T;
+    label: React.ReactNode;
+    badge?: React.ReactNode;
+    disabled?: boolean;
+    testId?: string;
+}
+export interface SegmentedControlProps<T extends string> extends React.HTMLAttributes<HTMLDivElement> {
+    value: T;
+    onValueChange: (value: T) => void;
+    items: Array<SegmentedControlItem<T>>;
+    buttonClassName?: string;
+    activeButtonClassName?: string;
+    inactiveButtonClassName?: string;
+}
+export declare function SegmentedControl<T extends string>({ value, onValueChange, items, className, buttonClassName, activeButtonClassName, inactiveButtonClassName, ...props }: SegmentedControlProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=segmented-control.d.ts.map

package/packages/ui/src/components/ui/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM;IACpD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,CACrD,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,CAAC,CAAC;IACT,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,KAAK,EACL,aAAa,EACb,KAAK,EACL,SAAS,EACT,eAAe,EACf,qBAAqB,EACrB,uBAAuB,EACvB,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAqC1B"}

package/packages/ui/src/components/ui/segmented-control.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+export function SegmentedControl({ value, onValueChange, items, className, buttonClassName, activeButtonClassName, inactiveButtonClassName, ...props }) {
+    return (_jsx("div", { "data-segmented-control": true, className: cn("flex w-fit max-w-full self-start items-center gap-1 rounded-2xl border border-border/30 bg-card/40 p-1 backdrop-blur-sm", className), ...props, children: items.map((item) => {
+            const isActive = item.value === value;
+            return (_jsxs("button", { type: "button", "data-segmented-control-button": true, "data-testid": item.testId, disabled: item.disabled, onClick: () => !item.disabled && onValueChange(item.value), className: cn("relative inline-flex items-center gap-1.5 rounded-xl px-3.5 py-2 text-xs font-semibold transition-all", isActive
+                    ? "border border-accent/26 bg-accent/14 text-txt shadow-sm"
+                    : "border border-transparent text-muted hover:bg-card/60 hover:text-txt", buttonClassName, isActive ? activeButtonClassName : inactiveButtonClassName), "aria-pressed": isActive, children: [item.label, item.badge] }, item.value));
+        }) }));
+}

package/packages/ui/src/components/ui/select.d.ts

@@ -0,0 +1,14 @@
+import * as SelectPrimitive from "@radix-ui/react-select";
+import * as React from "react";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+//# sourceMappingURL=select.d.ts.map

package/packages/ui/src/components/ui/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,oKAiBjB,CAAC;AAGH,QAAA,MAAM,oBAAoB,qKAcxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,uKAc1B,CAAC;AAIH,QAAA,MAAM,aAAa,8JA8BjB,CAAC;AAGH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAqBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}

package/packages/ui/src/components/ui/select.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import * as React from "react";
+import { SELECT_FLOATING_LAYER_NAME } from "../../lib/floating-layers";
+import { cn } from "../../lib/utils";
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn("flex h-10 w-full items-center justify-between rounded-md border border-input bg-bg px-3 py-2 text-sm ring-offset-bg placeholder:text-muted focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })] })));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUp, { className: "h-4 w-4" }) })));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDown, { className: "h-4 w-4" }) })));
+SelectScrollDownButton.displayName =
+    SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, "data-floating-layer": SELECT_FLOATING_LAYER_NAME, className: cn("relative z-[12000] max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-card text-txt shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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", position === "popper" &&
+            "w-[var(--radix-select-trigger-width)] min-w-[var(--radix-select-trigger-width)] data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" &&
+                    "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] max-w-[var(--radix-select-trigger-width)]"), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn("py-1.5 pl-2 pr-2 text-sm font-semibold", className), ...props })));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn("flex w-full cursor-default select-none items-center gap-1.5 rounded-sm py-1.5 pl-2 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx(SelectPrimitive.ItemText, { className: "min-w-0 flex-1", children: children }), _jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-3 w-3" }) }) })] })));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/packages/ui/src/components/ui/separator.d.ts

@@ -0,0 +1,5 @@
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

package/packages/ui/src/components/ui/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,SAAS,6JAoBd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/packages/ui/src/components/ui/separator.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className), ...props })));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+export { Separator };

package/packages/ui/src/components/ui/settings-controls.d.ts

@@ -0,0 +1,41 @@
+import type * as React from "react";
+import { FieldDescription, FieldLabel } from "./field";
+import { type InputProps } from "./input";
+import { SelectTrigger } from "./select";
+import { type TextareaProps } from "./textarea";
+export type SettingsSelectTriggerVariant = "compact" | "filter" | "soft" | "toolbar";
+export type SettingsInputVariant = "compact" | "filter";
+export interface SettingsSelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectTrigger> {
+    variant?: SettingsSelectTriggerVariant;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare function SettingsSelectTrigger({ className, variant, ...props }: SettingsSelectTriggerProps): import("react/jsx-runtime").JSX.Element;
+export interface SettingsInputProps extends Omit<InputProps, "variant"> {
+    variant?: SettingsInputVariant;
+}
+export declare function SettingsInput({ className, variant, ...props }: SettingsInputProps): import("react/jsx-runtime").JSX.Element;
+export interface SettingsTextareaProps extends TextareaProps {
+}
+export declare function SettingsTextarea({ className, ...props }: SettingsTextareaProps): import("react/jsx-runtime").JSX.Element;
+export interface SettingsSegmentedGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function SettingsSegmentedGroup({ className, ...props }: SettingsSegmentedGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface SettingsMutedTextProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function SettingsMutedText({ className, ...props }: SettingsMutedTextProps): import("react/jsx-runtime").JSX.Element;
+declare function SettingsField({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function SettingsFieldLabel({ className, ...props }: React.ComponentPropsWithoutRef<typeof FieldLabel>): import("react/jsx-runtime").JSX.Element;
+declare function SettingsFieldDescription({ className, ...props }: React.ComponentPropsWithoutRef<typeof FieldDescription>): import("react/jsx-runtime").JSX.Element;
+export declare const SettingsControls: {
+    Input: typeof SettingsInput;
+    SelectTrigger: typeof SettingsSelectTrigger;
+    Textarea: typeof SettingsTextarea;
+    SegmentedGroup: typeof SettingsSegmentedGroup;
+    MutedText: typeof SettingsMutedText;
+    Field: typeof SettingsField;
+    FieldLabel: typeof SettingsFieldLabel;
+    FieldDescription: typeof SettingsFieldDescription;
+};
+export {};
+//# sourceMappingURL=settings-controls.d.ts.map

package/packages/ui/src/components/ui/settings-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-controls.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/settings-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAS,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,4BAA4B,GACpC,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AA0BxD,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC;IAC5D,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAO5B;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAOpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa;CAAG;AAE/D,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAUvB;AAED,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAU7B;AAED,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAIxB;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAEtC;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,2CAOnD;AAED,iBAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,2CAOzD;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;CAS5B,CAAC"}

package/packages/ui/src/components/ui/settings-controls.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { Field, FieldDescription, FieldLabel } from "./field";
+import { Input } from "./input";
+import { SelectTrigger } from "./select";
+import { Textarea } from "./textarea";
+function settingsSelectTriggerClassName(variant) {
+    switch (variant) {
+        case "filter":
+            return "h-10 rounded-xl border border-border/50 bg-bg/80 px-3 py-2 text-left text-sm text-txt shadow-sm transition-[border-color,box-shadow,background-color] focus-visible:border-accent focus-visible:ring-1 focus-visible:ring-accent";
+        case "soft":
+            return "rounded-lg border border-border bg-bg px-2.5 py-1.5 text-xs shadow-sm transition-[border-color,box-shadow,background-color] focus-visible:border-accent focus-visible:ring-1 focus-visible:ring-accent";
+        case "toolbar":
+            return "h-11 rounded-xl border-border/60 bg-bg/70 text-left shadow-sm";
+        default:
+            return "h-9 rounded-lg border border-border bg-card px-2.5 py-1.5 text-xs shadow-sm transition-[border-color,box-shadow,background-color] focus-visible:border-accent focus-visible:ring-1 focus-visible:ring-accent";
+    }
+}
+function settingsInputClassName(variant) {
+    switch (variant) {
+        case "filter":
+            return "h-10 rounded-xl border-border/50 bg-bg/80 text-sm text-txt shadow-sm";
+        default:
+            return "h-9 rounded-lg border border-border bg-card px-3 py-2 text-xs shadow-sm transition-[border-color,box-shadow,background-color] focus-visible:border-accent focus-visible:ring-1 focus-visible:ring-accent";
+    }
+}
+export function SettingsSelectTrigger({ className, variant = "compact", ...props }) {
+    return (_jsx(SelectTrigger, { className: cn(settingsSelectTriggerClassName(variant), className), ...props }));
+}
+export function SettingsInput({ className, variant = "compact", ...props }) {
+    return (_jsx(Input, { className: cn(settingsInputClassName(variant), className), ...props }));
+}
+export function SettingsTextarea({ className, ...props }) {
+    return (_jsx(Textarea, { className: cn("w-full rounded-xl border border-border/60 bg-bg/55 px-3 py-2 text-xs-tight font-mono shadow-sm transition-[border-color,box-shadow,background-color] focus-visible:border-accent focus-visible:ring-1 focus-visible:ring-accent", className), ...props }));
+}
+export function SettingsSegmentedGroup({ className, ...props }) {
+    return (_jsx("div", { className: cn("flex shrink-0 gap-1 rounded-xl border border-border bg-card/50 p-1", className), ...props }));
+}
+export function SettingsMutedText({ className, ...props }) {
+    return (_jsx("div", { className: cn("text-xs-tight text-muted", className), ...props }));
+}
+function SettingsField({ className, ...props }) {
+    return _jsx(Field, { className: cn("gap-1.5", className), ...props });
+}
+function SettingsFieldLabel({ className, ...props }) {
+    return (_jsx(FieldLabel, { className: cn("text-xs font-semibold text-txt", className), ...props }));
+}
+function SettingsFieldDescription({ className, ...props }) {
+    return (_jsx(FieldDescription, { className: cn("text-xs-tight text-muted", className), ...props }));
+}
+export const SettingsControls = {
+    Input: SettingsInput,
+    SelectTrigger: SettingsSelectTrigger,
+    Textarea: SettingsTextarea,
+    SegmentedGroup: SettingsSegmentedGroup,
+    MutedText: SettingsMutedText,
+    Field: SettingsField,
+    FieldLabel: SettingsFieldLabel,
+    FieldDescription: SettingsFieldDescription,
+};

package/packages/ui/src/components/ui/skeleton.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+declare const Skeleton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare function SkeletonLine({ width, className, }: {
+    width?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SkeletonText({ lines }: {
+    lines?: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SkeletonMessage({ isUser }: {
+    isUser?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SkeletonCard(): import("react/jsx-runtime").JSX.Element;
+declare function SkeletonSidebar(): import("react/jsx-runtime").JSX.Element;
+declare function SkeletonChat(): import("react/jsx-runtime").JSX.Element;
+export { Skeleton, SkeletonCard, SkeletonChat, SkeletonLine, SkeletonMessage, SkeletonSidebar, SkeletonText, };
+//# sourceMappingURL=skeleton.d.ts.map

package/packages/ui/src/components/ui/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ,6GASZ,CAAC;AAGH,iBAAS,YAAY,CAAC,EACpB,KAAc,EACd,SAAc,GACf,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAOA;AAED,iBAAS,YAAY,CAAC,EAAE,KAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAWtD;AAED,iBAAS,eAAe,CAAC,EAAE,MAAc,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,2CAmBhE;AAED,iBAAS,YAAY,4CAapB;AAED,iBAAS,eAAe,4CAYvB;AAED,iBAAS,YAAY,4CAQpB;AAED,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,YAAY,GACb,CAAC"}

package/packages/ui/src/components/ui/skeleton.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const Skeleton = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("animate-pulse rounded-md bg-bg-accent", className), ...props })));
+Skeleton.displayName = "Skeleton";
+function SkeletonLine({ width = "100%", className = "", }) {
+    return (_jsx("div", { className: cn("h-4 animate-pulse rounded bg-bg-accent", className), style: { width } }));
+}
+function SkeletonText({ lines = 3 }) {
+    return (_jsx("div", { className: "space-y-2", children: Array.from({ length: lines }, (_, i) => i).map((lineIndex) => (_jsx(SkeletonLine, { width: lineIndex === lines - 1 ? "60%" : "100%" }, lineIndex))) }));
+}
+function SkeletonMessage({ isUser = false }) {
+    return (_jsxs("div", { className: cn("flex items-start gap-3 mt-4", isUser ? "justify-end" : "justify-start"), children: [!isUser && (_jsx("div", { className: "h-8 w-8 shrink-0 animate-pulse rounded-full bg-bg-accent" })), _jsxs("div", { className: cn("max-w-[80%] space-y-2", isUser && "items-end"), children: [_jsx("div", { className: "h-3 w-20 animate-pulse rounded bg-bg-accent" }), _jsx("div", { className: "min-w-[200px] animate-pulse rounded-2xl bg-bg-accent px-4 py-3", children: _jsx(SkeletonText, { lines: 2 }) })] })] }));
+}
+function SkeletonCard() {
+    return (_jsxs("div", { className: "space-y-4 rounded-lg border border-border bg-card p-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-10 w-10 animate-pulse rounded-lg bg-bg-accent" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(SkeletonLine, { width: "40%" }), _jsx(SkeletonLine, { width: "60%" })] })] }), _jsx(SkeletonText, { lines: 3 })] }));
+}
+function SkeletonSidebar() {
+    return (_jsxs("div", { className: "w-64 space-y-2 p-4", children: [_jsx("div", { className: "mb-6 h-8 w-32 animate-pulse rounded bg-bg-accent" }), Array.from({ length: 6 }, (_, idx) => idx).map((i) => (_jsxs("div", { className: "flex items-center gap-3 p-2", children: [_jsx("div", { className: "h-5 w-5 animate-pulse rounded bg-bg-accent" }), _jsx("div", { className: "h-4 flex-1 animate-pulse rounded bg-bg-accent" })] }, i)))] }));
+}
+function SkeletonChat() {
+    return (_jsxs("div", { className: "space-y-2 p-4", children: [_jsx(SkeletonMessage, {}), _jsx(SkeletonMessage, { isUser: true }), _jsx(SkeletonMessage, {})] }));
+}
+export { Skeleton, SkeletonCard, SkeletonChat, SkeletonLine, SkeletonMessage, SkeletonSidebar, SkeletonText, };

package/packages/ui/src/components/ui/slider.d.ts

@@ -0,0 +1,5 @@
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import * as React from "react";
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

package/packages/ui/src/components/ui/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,yJAiBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/packages/ui/src/components/ui/slider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const Slider = React.forwardRef(({ className, ...props }, ref) => (_jsxs(SliderPrimitive.Root, { ref: ref, className: cn("relative flex w-full touch-none select-none items-center", className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-input", children: _jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }), _jsx(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-bg ring-offset-bg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })] })));
+Slider.displayName = SliderPrimitive.Root.displayName;
+export { Slider };

package/packages/ui/src/components/ui/sonner.d.ts

@@ -0,0 +1,2 @@
+export { Toaster, toast } from "sonner";
+//# sourceMappingURL=sonner.d.ts.map

package/packages/ui/src/components/ui/sonner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/sonner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC"}

package/packages/ui/src/components/ui/sonner.js

@@ -0,0 +1 @@
+export { Toaster, toast } from "sonner";