@arqel-dev/ui 0.11.0 → 0.13.0

package/dist/index.js

@@ -1,3708 +1,20 @@
-import * as React16 from 'react';
-import { useId, useState, useMemo, useEffect, useCallback, useRef } from 'react';
-import { cva } from 'class-variance-authority';
-import { Slot, Checkbox as Checkbox$1, Label as Label$1, Separator as Separator$1, Select as Select$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Tooltip as Tooltip$1 } from 'radix-ui';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { isFieldEntry, isLayoutEntry } from '@arqel-dev/types/forms';
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon, XIcon, PanelLeftIcon } from 'lucide-react';
-import { useCanAccess, useFlash, useNavigation } from '@arqel-dev/hooks';
-import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
-import { useTheme } from '@arqel-dev/react/providers';
-import { usePage } from '@inertiajs/react';
-
-// src/action/ActionButton.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var buttonVariants = cva(
-  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "button";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-function FormActions({
-  submitLabel = "Save",
-  cancelLabel = "Cancel",
-  onCancel,
-  processing = false,
-  disabled = false,
-  extra,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex flex-wrap items-center justify-end gap-2 border-t border-border pt-4",
-        className
-      ),
-      children: [
-        extra && /* @__PURE__ */ jsx("div", { className: "mr-auto", children: extra }),
-        onCancel && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: processing, children: cancelLabel }),
-        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: processing || disabled, children: processing ? "Saving\u2026" : submitLabel })
-      ]
-    }
-  );
-}
-
-// src/form/FieldRegistry.tsx
-var registry = /* @__PURE__ */ new Map();
-function registerField(name, component) {
-  registry.set(name, component);
-}
-function getFieldComponent(name) {
-  return registry.get(name);
-}
-function clearFieldRegistry() {
-  registry.clear();
-}
-var inputClasses = cn(
-  "h-9 rounded-sm border border-[var(--input)]",
-  "bg-background px-3 text-sm",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-  "disabled:cursor-not-allowed disabled:opacity-50"
-);
-function NativeFieldInput(props) {
-  const { field } = props;
-  switch (field.type) {
-    case "text":
-    case "email":
-    case "url":
-    case "password":
-    case "slug":
-      return /* @__PURE__ */ jsx(TextLike, { ...props, field });
-    case "textarea":
-      return /* @__PURE__ */ jsx(Textarea, { ...props, field });
-    case "number":
-    case "currency":
-      return /* @__PURE__ */ jsx(NumericInput, { ...props, field });
-    case "boolean":
-    case "toggle":
-      return /* @__PURE__ */ jsx(Checkbox, { ...props, field });
-    case "select":
-      return /* @__PURE__ */ jsx(SelectInput, { ...props, field });
-    case "multiSelect":
-    case "hasMany":
-      return /* @__PURE__ */ jsx(MultiSelectInput, { ...props, field });
-    case "radio":
-      return /* @__PURE__ */ jsx(RadioGroup, { ...props, field });
-    case "belongsTo":
-      return /* @__PURE__ */ jsx(BelongsToInput, { ...props, field });
-    case "date":
-    case "dateTime":
-      return /* @__PURE__ */ jsx(DateInput, { ...props, field });
-    case "file":
-    case "image":
-      return /* @__PURE__ */ jsx(FileInput, { ...props });
-    default:
-      return null;
-  }
-}
-function TextLike({
-  field,
-  value,
-  onChange,
-  disabled,
-  inputId,
-  describedBy
-}) {
-  const htmlType = field.type === "email" ? "email" : field.type === "password" ? "password" : field.type === "url" ? "url" : "text";
-  const isDisabled = disabled || field.disabled || field.readonly;
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      id: inputId,
-      type: htmlType,
-      className: inputClasses,
-      value: typeof value === "string" ? value : (value ?? "")?.toString() ?? "",
-      placeholder: field.placeholder ?? void 0,
-      disabled: isDisabled,
-      readOnly: field.readonly === true,
-      required: field.required === true,
-      "aria-describedby": describedBy,
-      onChange: (e) => onChange(e.target.value)
-    }
-  );
-}
-function Textarea({
-  field,
-  value,
-  onChange,
-  disabled,
-  inputId,
-  describedBy
-}) {
-  return /* @__PURE__ */ jsx(
-    "textarea",
-    {
-      id: inputId,
-      className: cn(inputClasses, "h-auto min-h-[5rem] py-2"),
-      value: typeof value === "string" ? value : "",
-      placeholder: field.placeholder ?? void 0,
-      disabled: disabled || field.disabled || field.readonly,
-      readOnly: field.readonly === true,
-      required: field.required === true,
-      rows: 4,
-      "aria-describedby": describedBy,
-      onChange: (e) => onChange(e.target.value)
-    }
-  );
-}
-function NumericInput({
-  field,
-  value,
-  onChange,
-  disabled,
-  inputId,
-  describedBy
-}) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      id: inputId,
-      type: "number",
-      className: inputClasses,
-      value: value === null || value === void 0 ? "" : String(value),
-      placeholder: field.placeholder ?? void 0,
-      disabled: disabled || field.disabled || field.readonly,
-      readOnly: field.readonly === true,
-      required: field.required === true,
-      "aria-describedby": describedBy,
-      onChange: (e) => {
-        const raw = e.target.value;
-        if (raw === "") {
-          onChange(null);
-          return;
-        }
-        const num = Number(raw);
-        onChange(Number.isNaN(num) ? null : num);
-      }
-    }
-  );
-}
-function Checkbox({
-  field,
-  value,
-  onChange,
-  disabled,
-  inputId,
-  describedBy
-}) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      id: inputId,
-      type: "checkbox",
-      className: "h-4 w-4 rounded border-[var(--input)]",
-      checked: value === true,
-      disabled: disabled || field.disabled || field.readonly,
-      "aria-describedby": describedBy,
-      onChange: (e) => onChange(e.target.checked)
-    }
-  );
-}
-function normaliseOptions(options) {
-  if (!options) return [];
-  if (Array.isArray(options)) return options;
-  return Object.entries(options).map(([value, label]) => ({ value, label }));
-}
-function SelectInput({
-  field,
-  value,
-  onChange,
-  disabled,
-  inputId,
-  describedBy
-}) {
-  const options = normaliseOptions(field.props.options);
-  return /* @__PURE__ */ jsxs(
-    "select",
-    {
-      id: inputId,
-      className: inputClasses,
-      value: value === null || value === void 0 ? "" : String(value),
-      disabled: disabled || field.disabled || field.readonly,
-      required: field.required === true,
-      "aria-describedby": describedBy,
-      onChange: (e) => onChange(e.target.value === "" ? null : e.target.value),
-      children: [
-        field.placeholder && /* @__PURE__ */ jsx("option", { value: "", children: field.placeholder }),
-        options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
-      ]
-    }
-  );
-}
-function MultiSelectInput({
-  field,
-  value,
-  onChange,
-  disabled,
-  inputId,
-  describedBy
-}) {
-  const arr = Array.isArray(value) ? value : [];
-  const options = field.type === "multiSelect" ? normaliseOptions(field.props.options) : [];
-  return /* @__PURE__ */ jsx(
-    "select",
-    {
-      id: inputId,
-      multiple: true,
-      className: cn(inputClasses, "h-auto min-h-[6rem] py-1"),
-      value: arr.map(String),
-      disabled: disabled || field.disabled || field.readonly,
-      "aria-describedby": describedBy,
-      onChange: (e) => {
-        const next = Array.from(e.target.selectedOptions, (o) => o.value);
-        onChange(next);
-      },
-      children: options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
-    }
-  );
-}
-function RadioGroup({
-  field,
-  value,
-  onChange,
-  disabled,
-  inputId,
-  describedBy
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      id: inputId,
-      className: "flex flex-col gap-1",
-      "aria-describedby": describedBy,
-      role: "radiogroup",
-      children: (field.props.options ?? []).map((opt) => /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "radio",
-            name: field.name,
-            value: String(opt.value),
-            checked: String(value ?? "") === String(opt.value),
-            disabled: disabled || field.disabled || field.readonly,
-            onChange: () => onChange(opt.value)
-          }
-        ),
-        opt.label
-      ] }, opt.value))
-    }
-  );
-}
-function BelongsToInput({
-  field,
-  value,
-  onChange,
-  disabled,
-  inputId,
-  describedBy
-}) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      id: inputId,
-      type: "text",
-      className: inputClasses,
-      value: value === null || value === void 0 ? "" : String(value),
-      placeholder: field.placeholder ?? `Search ${field.props.relatedResource}\u2026`,
-      disabled: disabled || field.disabled || field.readonly,
-      readOnly: field.readonly === true,
-      "aria-describedby": describedBy,
-      onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
-    }
-  );
-}
-function DateInput({
-  field,
-  value,
-  onChange,
-  disabled,
-  inputId,
-  describedBy
-}) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      id: inputId,
-      type: field.type === "dateTime" ? "datetime-local" : "date",
-      className: inputClasses,
-      value: typeof value === "string" ? value : "",
-      disabled: disabled || field.disabled || field.readonly,
-      readOnly: field.readonly === true,
-      required: field.required === true,
-      "aria-describedby": describedBy,
-      onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
-    }
-  );
-}
-function FileInput({
-  field,
-  onChange,
-  disabled,
-  inputId,
-  describedBy
-}) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      id: inputId,
-      type: "file",
-      className: "text-sm",
-      disabled: disabled || field.disabled || field.readonly,
-      "aria-describedby": describedBy,
-      onChange: (e) => onChange(e.target.files?.[0] ?? null)
-    }
-  );
-}
-function FieldRenderer(props) {
-  const { field, errors, className } = props;
-  const id = useId();
-  const errorId = `${id}-error`;
-  const helperId = `${id}-helper`;
-  const hasError = errors && errors.length > 0;
-  const Custom = field.component ? getFieldComponent(field.component) : void 0;
-  const Input2 = Custom ?? NativeFieldInput;
-  const describedBy = [field.helperText ? helperId : null, hasError ? errorId : null].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-arqel-field": field.name,
-      "data-field-type": field.type,
-      className: cn("flex flex-col gap-1", className),
-      children: [
-        field.label !== null && field.label !== "" && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "text-sm font-medium", children: [
-          field.label,
-          field.required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" })
-        ] }),
-        /* @__PURE__ */ jsx(Input2, { ...props, inputId: id, describedBy: describedBy || void 0 }),
-        field.helperText && !hasError && /* @__PURE__ */ jsx("p", { id: helperId, className: "text-xs text-muted-foreground", children: field.helperText }),
-        hasError && /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "text-xs text-destructive", children: errors[0] })
-      ]
-    }
-  );
-}
-function FormFieldset({ config, children, className }) {
-  return /* @__PURE__ */ jsxs("fieldset", { className: cn("rounded-md border border-border p-4", className), children: [
-    /* @__PURE__ */ jsx("legend", { className: "px-1 text-sm font-medium", children: config.legend }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "grid gap-4",
-        style: { gridTemplateColumns: `repeat(${config.columns ?? 1}, minmax(0, 1fr))` },
-        children
-      }
-    )
-  ] });
-}
-function FormGrid({ config, children, className }) {
-  const columns = typeof config.columns === "number" ? config.columns : config.columns["md"] ?? 1;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("grid", className),
-      style: {
-        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
-        gap: config.gap ?? "1rem"
-      },
-      children
-    }
-  );
-}
-function FormSection({ config, children, className }) {
-  const [open, setOpen] = useState(!config.collapsed);
-  const collapsible = config.collapsible === true;
-  const heading = /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: config.heading }),
-      config.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: config.description })
-    ] }),
-    collapsible && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-expanded": open,
-        onClick: () => setOpen((v) => !v),
-        className: "text-sm text-muted-foreground hover:underline",
-        children: open ? "Hide" : "Show"
-      }
-    )
-  ] });
-  const body = open && /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "grid gap-4",
-      style: { gridTemplateColumns: `repeat(${config.columns ?? 1}, minmax(0, 1fr))` },
-      children
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      "data-arqel-section": "",
-      className: cn(
-        "rounded-md border border-border bg-background",
-        config.compact ? "p-3" : "p-4",
-        className
-      ),
-      children: config.aside ? /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-[16rem_1fr]", children: [
-        /* @__PURE__ */ jsx("div", { children: heading }),
-        /* @__PURE__ */ jsx("div", { children: body })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "mb-3", children: heading }),
-        body
-      ] })
-    }
-  );
-}
-function FormTabs({ config, tabs, className }) {
-  const [active, setActive] = useState(config.defaultTab ?? tabs[0]?.id ?? null);
-  const baseId = useId();
-  const refs = useRef([]);
-  if (tabs.length === 0 || active === null) return null;
-  const activeIndex = Math.max(
-    0,
-    tabs.findIndex((t) => t.id === active)
-  );
-  const activeTab = tabs[activeIndex];
-  if (!activeTab) return null;
-  const focus = (i) => {
-    const target = tabs[i];
-    if (!target) return;
-    setActive(target.id);
-    refs.current[i]?.focus();
-  };
-  const onKeyDown = (e) => {
-    if (e.key === "ArrowRight") {
-      e.preventDefault();
-      focus((activeIndex + 1) % tabs.length);
-    } else if (e.key === "ArrowLeft") {
-      e.preventDefault();
-      focus((activeIndex - 1 + tabs.length) % tabs.length);
-    } else if (e.key === "Home") {
-      e.preventDefault();
-      focus(0);
-    } else if (e.key === "End") {
-      e.preventDefault();
-      focus(tabs.length - 1);
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "tablist",
-        "aria-orientation": config.orientation,
-        className: "flex gap-1 border-b border-border",
-        children: tabs.map((tab, i) => {
-          const selected = tab.id === active;
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              ref: (el) => {
-                refs.current[i] = el;
-              },
-              type: "button",
-              role: "tab",
-              id: `${baseId}-tab-${tab.id}`,
-              "aria-controls": `${baseId}-panel-${tab.id}`,
-              "aria-selected": selected,
-              tabIndex: selected ? 0 : -1,
-              onClick: () => setActive(tab.id),
-              onKeyDown,
-              className: cn(
-                "-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
-                selected ? "border-primary font-medium text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
-              ),
-              children: [
-                tab.label,
-                tab.badge !== void 0 && tab.badge !== null && /* @__PURE__ */ jsx("span", { className: "ml-1 rounded-full bg-muted px-1.5 text-xs", children: tab.badge })
-              ]
-            },
-            tab.id
-          );
-        })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "tabpanel",
-        id: `${baseId}-panel-${activeTab.id}`,
-        "aria-labelledby": `${baseId}-tab-${activeTab.id}`,
-        className: "pt-4",
-        children: activeTab.content
-      }
-    )
-  ] });
-}
-function FormRenderer({
-  schema,
-  fields,
-  values,
-  errors = {},
-  onChange,
-  disabled = false,
-  className
-}) {
-  const fieldsByName = new Map(fields.map((f) => [f.name, f]));
-  const renderEntry = (entry, key) => {
-    if (isFieldEntry(entry)) {
-      return renderFieldEntry(entry, key);
-    }
-    if (isLayoutEntry(entry)) {
-      return renderLayoutEntry(entry, key);
-    }
-    return null;
-  };
-  const renderFieldEntry = (entry, key) => {
-    const field = fieldsByName.get(entry.name);
-    if (!field) return null;
-    return /* @__PURE__ */ jsx(
-      FieldRenderer,
-      {
-        field,
-        value: values[entry.name],
-        errors: errors[entry.name],
-        disabled: disabled || schema.disabled === true,
-        onChange: (value) => onChange(entry.name, value)
-      },
-      key
-    );
-  };
-  const renderChildren = (entries) => {
-    if (!entries) return null;
-    return entries.map((child, i) => renderEntry(child, `${i}`));
-  };
-  const renderLayoutEntry = (entry, key) => {
-    switch (entry.type) {
-      case "section":
-        return /* @__PURE__ */ jsx(FormSection, { config: entry.props, children: renderChildren(entry.schema) }, key);
-      case "fieldset":
-        return /* @__PURE__ */ jsx(FormFieldset, { config: entry.props, children: renderChildren(entry.schema) }, key);
-      case "grid":
-      case "columns":
-        return /* @__PURE__ */ jsx(
-          FormGrid,
-          {
-            config: entry.type === "columns" ? { columns: entry.props.columns } : entry.props,
-            children: renderChildren(entry.schema)
-          },
-          key
-        );
-      case "group":
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "flex gap-4",
-              entry.props.orientation === "vertical" ? "flex-col" : "flex-row"
-            ),
-            children: renderChildren(entry.schema)
-          },
-          key
-        );
-      case "tabs": {
-        const tabs = (entry.schema ?? []).filter((c) => isLayoutEntry(c) && c.type === "tab").map((tab) => ({
-          id: tab.props.id,
-          label: tab.props.label,
-          badge: tab.props.badge,
-          content: renderChildren(tab.schema) ?? /* @__PURE__ */ jsx("span", {}, `tab-${tab.props.id}-empty`)
-        }));
-        return /* @__PURE__ */ jsx(FormTabs, { config: entry.props, tabs }, key);
-      }
-      case "tab":
-        return null;
-    }
-  };
-  const columns = schema.columns ?? 1;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-arqel-form": "",
-      className: cn("grid gap-4", className),
-      style: columns > 1 ? { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` } : void 0,
-      children: schema.schema.map((entry, i) => renderEntry(entry, `${i}`))
-    }
-  );
-}
-function Dialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog$1.Root, { "data-slot": "dialog", ...props });
-}
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog$1.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-slot": "dialog-close", ...props });
-}
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      Dialog$1.Content,
-      {
-        "data-slot": "dialog-content",
-        className: cn(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxs(
-            Dialog$1.Close,
-            {
-              "data-slot": "dialog-close",
-              className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ jsx(XIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function DialogFooter({
-  className,
-  showCloseButton = false,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Close" }) })
-      ]
-    }
-  );
-}
-function DialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-var SIZE_CLASSES = {
-  sm: "sm:max-w-[24rem]",
-  md: "sm:max-w-[32rem]",
-  lg: "sm:max-w-[44rem]",
-  xl: "sm:max-w-[56rem]",
-  full: "sm:max-w-[90vw] h-[90vh]"
-};
-function ActionFormModal({
-  open,
-  onOpenChange,
-  action,
-  fields,
-  onSubmit,
-  processing = false,
-  errors = {},
-  initialValues = {}
-}) {
-  const [values, setValues] = useState(initialValues);
-  const size = action.modalSize ?? "md";
-  const schema = useMemo(
-    () => ({
-      schema: (action.form ?? []).map((entry) => ({
-        kind: "field",
-        name: entry.name,
-        type: entry.type
-      })),
-      columns: 1,
-      model: null,
-      inline: false,
-      disabled: false
-    }),
-    [action.form]
-  );
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => onOpenChange(next), children: /* @__PURE__ */ jsxs(DialogContent, { className: cn("overflow-auto", SIZE_CLASSES[size]), children: [
-    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: action.label }) }),
-    /* @__PURE__ */ jsxs(
-      "form",
-      {
-        className: "flex flex-col gap-4",
-        onSubmit: (e) => {
-          e.preventDefault();
-          onSubmit(values);
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            FormRenderer,
-            {
-              schema,
-              fields,
-              values,
-              errors,
-              onChange: (name, value) => setValues((prev) => ({ ...prev, [name]: value })),
-              disabled: processing
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            FormActions,
-            {
-              processing,
-              submitLabel: action.label,
-              extra: /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", disabled: processing, children: "Cancel" }) })
-            }
-          )
-        ]
-      }
-    )
-  ] }) });
-}
-var COLOR_VARIANT = {
-  destructive: "destructive",
-  warning: "default",
-  info: "default"
-};
-function ConfirmDialog({
-  open,
-  onOpenChange,
-  config,
-  onConfirm,
-  processing = false
-}) {
-  const [typed, setTyped] = useState("");
-  useEffect(() => {
-    if (!open) setTyped("");
-  }, [open]);
-  const requiresText = config?.requiresText;
-  const submitDisabled = processing || requiresText !== void 0 && typed !== requiresText;
-  const variant = COLOR_VARIANT[config?.color ?? "destructive"];
-  const submitLabel = config?.submitLabel ?? (config?.color === "info" ? "Confirm" : "Delete");
-  const cancelLabel = config?.cancelLabel ?? "Cancel";
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => onOpenChange(next), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[28rem]", showCloseButton: false, children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: config?.heading ?? "Are you sure?" }),
-      config?.description && /* @__PURE__ */ jsx(DialogDescription, { children: config.description })
-    ] }),
-    requiresText !== void 0 && /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsxs("span", { children: [
-        "Type ",
-        /* @__PURE__ */ jsx("code", { className: "font-mono text-foreground", children: requiresText }),
-        " to confirm"
-      ] }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          ref: (el) => el?.focus(),
-          value: typed,
-          onChange: (e) => setTyped(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && !submitDisabled) {
-              e.preventDefault();
-              onConfirm();
-            }
-          },
-          className: "h-9 rounded-md border border-input bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", disabled: processing, children: cancelLabel }) }),
-      /* @__PURE__ */ jsx(Button, { type: "button", variant, disabled: submitDisabled, onClick: onConfirm, children: processing ? "Working\u2026" : submitLabel })
-    ] })
-  ] }) });
-}
-var COLOR_TO_VARIANT = {
-  primary: "default",
-  secondary: "outline",
-  destructive: "destructive",
-  success: "default",
-  warning: "default",
-  info: "default"
-};
-var VARIANT_OVERRIDE = {
-  default: "default",
-  outline: "outline",
-  ghost: "ghost",
-  destructive: "destructive"
-};
-function ActionButton({
-  action,
-  formFields = [],
-  onInvoke,
-  processing = false,
-  errors,
-  size = "default",
-  className
-}) {
-  const [confirmOpen, setConfirmOpen] = useState(false);
-  const [formOpen, setFormOpen] = useState(false);
-  const variant = VARIANT_OVERRIDE[action.variant] ?? COLOR_TO_VARIANT[action.color];
-  const handleClick = () => {
-    if (action.disabled) return;
-    if (action.requiresConfirmation) {
-      setConfirmOpen(true);
-    } else if (action.form && action.form.length > 0) {
-      setFormOpen(true);
-    } else {
-      onInvoke();
-    }
-  };
-  const handleConfirm = () => {
-    setConfirmOpen(false);
-    if (action.form && action.form.length > 0) {
-      setFormOpen(true);
-    } else {
-      onInvoke();
-    }
-  };
-  const handleFormSubmit = (values) => {
-    onInvoke(values);
-    setFormOpen(false);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant,
-        size,
-        disabled: action.disabled === true || processing,
-        title: action.tooltip,
-        onClick: handleClick,
-        className,
-        children: action.label
-      }
-    ),
-    action.requiresConfirmation && /* @__PURE__ */ jsx(
-      ConfirmDialog,
-      {
-        open: confirmOpen,
-        onOpenChange: setConfirmOpen,
-        config: action.confirmation,
-        onConfirm: handleConfirm,
-        processing
-      }
-    ),
-    action.form && action.form.length > 0 && /* @__PURE__ */ jsx(
-      ActionFormModal,
-      {
-        open: formOpen,
-        onOpenChange: setFormOpen,
-        action,
-        fields: formFields,
-        onSubmit: handleFormSubmit,
-        processing,
-        errors
-      }
-    )
-  ] });
-}
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DropdownMenu$1.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenu$1.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { children: /* @__PURE__ */ jsx(
-    DropdownMenu$1.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenu$1.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ActionMenu({
-  actions,
-  formFieldsByAction = {},
-  onInvoke,
-  inlineThreshold = 3,
-  processing = false,
-  trigger,
-  className
-}) {
-  if (actions.length === 0) return null;
-  if (actions.length <= inlineThreshold) {
-    return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center gap-1", className), children: actions.map((action) => /* @__PURE__ */ jsx(
-      ActionButton,
-      {
-        action,
-        formFields: formFieldsByAction[action.name] ?? [],
-        onInvoke: (values) => onInvoke(action, values),
-        processing,
-        size: "sm"
-      },
-      action.name
-    )) });
-  }
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: trigger ?? /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Actions", children: "\u22EF" }) }),
-    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", sideOffset: 6, className: cn("min-w-[12rem]", className), children: actions.map((action) => /* @__PURE__ */ jsx(
-      DropdownMenuItem,
-      {
-        disabled: action.disabled === true,
-        variant: action.color === "destructive" ? "destructive" : "default",
-        onSelect: () => {
-          if (action.disabled) return;
-          onInvoke(action);
-        },
-        children: action.label
-      },
-      action.name
-    )) })
-  ] });
-}
-function CanAccess({ ability, record, children, fallback = null }) {
-  const allowed = useCanAccess(ability, record);
-  return /* @__PURE__ */ jsx(Fragment, { children: allowed ? children : fallback });
-}
-var KIND_CLASSES = {
-  success: "border-[var(--chart-2)]/60 bg-[var(--chart-2)]/15 text-foreground",
-  error: "border-destructive/60 bg-destructive/15 text-foreground",
-  warning: "border-[var(--chart-4)]/60 bg-[var(--chart-4)]/15 text-foreground",
-  info: "border-border bg-muted text-foreground"
-};
-var KIND_GLYPH = {
-  success: "\u2713",
-  error: "\u2717",
-  warning: "!",
-  info: "i"
-};
-function FlashToast({
-  kind,
-  message,
-  onDismiss,
-  durationMs = 5e3,
-  className
-}) {
-  useEffect(() => {
-    if (durationMs <= 0) return void 0;
-    const id = window.setTimeout(onDismiss, durationMs);
-    return () => window.clearTimeout(id);
-  }, [durationMs, onDismiss]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: kind === "error" ? "alert" : "status",
-      "aria-live": kind === "error" ? "assertive" : "polite",
-      className: cn(
-        "pointer-events-auto flex items-start gap-3 rounded-md border px-4 py-3 shadow-md",
-        "min-w-[18rem] max-w-md text-sm",
-        KIND_CLASSES[kind],
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "font-bold leading-5", children: KIND_GLYPH[kind] }),
-        /* @__PURE__ */ jsx("span", { className: "flex-1", children: message }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Dismiss",
-            onClick: onDismiss,
-            className: "text-muted-foreground hover:text-foreground",
-            children: "\u2715"
-          }
-        )
-      ]
-    }
-  );
-}
-var POSITION_CLASSES = {
-  "top-right": "top-4 right-4 items-end",
-  "top-left": "top-4 left-4 items-start",
-  "bottom-right": "bottom-4 right-4 items-end",
-  "bottom-left": "bottom-4 left-4 items-start"
-};
-var nextId = 0;
-function FlashContainer({
-  position = "top-right",
-  durationMs = 5e3,
-  className
-}) {
-  const [toasts, setToasts] = useState([]);
-  const handleMessage = useCallback((kind, message) => {
-    setToasts((prev) => [...prev, { id: ++nextId, kind, message }]);
-  }, []);
-  useFlash({ onMessage: handleMessage });
-  const dismiss = (id) => setToasts((prev) => prev.filter((t) => t.id !== id));
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-arqel-flash": "",
-      className: cn(
-        "pointer-events-none fixed z-50 flex flex-col gap-2",
-        POSITION_CLASSES[position],
-        className
-      ),
-      children: toasts.map((toast) => /* @__PURE__ */ jsx(
-        FlashToast,
-        {
-          kind: toast.kind,
-          message: toast.message,
-          durationMs,
-          onDismiss: () => dismiss(toast.id)
-        },
-        toast.id
-      ))
-    }
-  );
-}
-var RECENT_KEY = "arqel:cmdpal:recent";
-var RECENT_WINDOW_MS = 30 * 24 * 60 * 60 * 1e3;
-var RECENT_LIMIT = 5;
-var DEBOUNCE_MS = 150;
-function readRecents() {
-  try {
-    const raw = globalThis.localStorage?.getItem(RECENT_KEY);
-    if (!raw) return [];
-    const parsed = JSON.parse(raw);
-    if (!Array.isArray(parsed)) return [];
-    const now = Date.now();
-    return parsed.filter(
-      (e) => typeof e === "object" && e !== null && typeof e.id === "string" && typeof e.count === "number" && typeof e.lastUsed === "number" && now - e.lastUsed <= RECENT_WINDOW_MS && typeof e.command === "object"
-    );
-  } catch {
-    return [];
-  }
-}
-function writeRecents(entries) {
-  try {
-    globalThis.localStorage?.setItem(RECENT_KEY, JSON.stringify(entries));
-  } catch {
-  }
-}
-function recordUsage(command) {
-  const entries = readRecents();
-  const now = Date.now();
-  const idx = entries.findIndex((e) => e.id === command.id);
-  if (idx >= 0) {
-    const existing = entries[idx];
-    if (existing) {
-      entries[idx] = {
-        ...existing,
-        count: existing.count + 1,
-        lastUsed: now,
-        command
-      };
-    }
-  } else {
-    entries.push({ id: command.id, count: 1, lastUsed: now, command });
-  }
-  const fresh = entries.filter((e) => now - e.lastUsed <= RECENT_WINDOW_MS);
-  writeRecents(fresh);
-}
-function topRecents() {
-  return readRecents().slice().sort((a, b) => b.count === a.count ? b.lastUsed - a.lastUsed : b.count - a.count).slice(0, RECENT_LIMIT).map((e) => e.command);
-}
-function groupByCategory(commands) {
-  const order = [];
-  const buckets = /* @__PURE__ */ new Map();
-  for (const cmd of commands) {
-    const key = cmd.category ?? "General";
-    if (!buckets.has(key)) {
-      buckets.set(key, []);
-      order.push(key);
-    }
-    buckets.get(key)?.push(cmd);
-  }
-  return order.map((category) => ({ category, commands: buckets.get(category) ?? [] }));
-}
-function flattenGroups(groups) {
-  return groups.flatMap((g) => g.commands);
-}
-var dialogStyle = {
-  border: "none",
-  borderRadius: "0.75rem",
-  padding: 0,
-  width: "min(640px, 92vw)",
-  maxHeight: "70vh",
-  background: "var(--background, #fff)",
-  color: "var(--foreground, #111)"
-};
-function CommandPalette({ endpoint = "/admin/commands" }) {
-  const dialogRef = useRef(null);
-  const inputRef = useRef(null);
-  const debounceTimer = useRef(null);
-  const [open, setOpen] = useState(false);
-  const [query, setQuery] = useState("");
-  const [results, setResults] = useState([]);
-  const [recents, setRecents] = useState([]);
-  const [highlight, setHighlight] = useState(0);
-  const titleId = useId();
-  const hintId = useId();
-  const listId = useId();
-  const optBaseId = useId();
-  const visibleCommands = query.trim().length === 0 ? recents : results;
-  const groups = query.trim().length === 0 && recents.length > 0 ? [{ category: "Recent", commands: recents }] : groupByCategory(visibleCommands);
-  const flat = flattenGroups(groups);
-  useEffect(() => {
-    function onKey(event) {
-      const isToggle = (event.key === "k" || event.key === "K") && (event.metaKey || event.ctrlKey);
-      if (!isToggle) return;
-      event.preventDefault();
-      setOpen((prev) => !prev);
-    }
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, []);
-  useEffect(() => {
-    const dialog = dialogRef.current;
-    if (!dialog) return;
-    if (open && !dialog.open) {
-      try {
-        dialog.showModal();
-      } catch {
-      }
-      setRecents(topRecents());
-      setQuery("");
-      setResults([]);
-      setHighlight(0);
-      queueMicrotask(() => inputRef.current?.focus());
-    } else if (!open && dialog.open) {
-      dialog.close();
-    }
-  }, [open]);
-  useEffect(() => {
-    if (!open) return;
-    if (query.trim().length === 0) {
-      setResults([]);
-      return;
-    }
-    if (debounceTimer.current) clearTimeout(debounceTimer.current);
-    debounceTimer.current = setTimeout(() => {
-      const url = `${endpoint}?q=${encodeURIComponent(query)}`;
-      fetch(url, { headers: { Accept: "application/json" } }).then((res) => res.ok ? res.json() : { commands: [] }).then((data) => {
-        setResults(Array.isArray(data?.commands) ? data.commands : []);
-        setHighlight(0);
-      }).catch(() => {
-        setResults([]);
-      });
-    }, DEBOUNCE_MS);
-    return () => {
-      if (debounceTimer.current) clearTimeout(debounceTimer.current);
-    };
-  }, [query, open, endpoint]);
-  const close = useCallback(() => setOpen(false), []);
-  const execute = useCallback((command) => {
-    recordUsage(command);
-    setOpen(false);
-    window.location.assign(command.url);
-  }, []);
-  const onKeyDown = useCallback(
-    (event) => {
-      if (event.key === "Escape") {
-        event.preventDefault();
-        close();
-        return;
-      }
-      if (flat.length === 0) return;
-      if (event.key === "ArrowDown") {
-        event.preventDefault();
-        setHighlight((h) => (h + 1) % flat.length);
-      } else if (event.key === "ArrowUp") {
-        event.preventDefault();
-        setHighlight((h) => (h - 1 + flat.length) % flat.length);
-      } else if (event.key === "Enter") {
-        event.preventDefault();
-        const target = flat[highlight];
-        if (target) execute(target);
-      }
-    },
-    [flat, highlight, close, execute]
-  );
-  const onDialogClick = useCallback(
-    (event) => {
-      if (event.target === dialogRef.current) close();
-    },
-    [close]
-  );
-  const optionId = (idx) => `${optBaseId}-opt-${idx}`;
-  const activeOptionId = flat.length > 0 ? optionId(highlight) : void 0;
-  return (
-    // biome-ignore lint/a11y/useKeyWithClickEvents: dialog backdrop click closes; Escape (onCancel) handles keyboard close
-    /* @__PURE__ */ jsx(
-      "dialog",
-      {
-        ref: dialogRef,
-        "aria-labelledby": titleId,
-        "aria-describedby": hintId,
-        onClick: onDialogClick,
-        onClose: () => setOpen(false),
-        onCancel: (event) => {
-          event.preventDefault();
-          close();
-        },
-        style: dialogStyle,
-        className: "backdrop:bg-black/40",
-        "data-arqel-cmdpal": "",
-        children: /* @__PURE__ */ jsxs("div", { onKeyDown, className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx("h2", { id: titleId, className: "sr-only", children: "Command palette" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: inputRef,
-              type: "text",
-              role: "combobox",
-              "aria-expanded": open,
-              "aria-controls": listId,
-              "aria-autocomplete": "list",
-              ...activeOptionId ? { "aria-activedescendant": activeOptionId } : {},
-              placeholder: "Type a command\u2026",
-              value: query,
-              onChange: (e) => setQuery(e.target.value),
-              className: "w-full border-b border-[var(--border,#e5e7eb)] bg-transparent px-4 py-3 text-base outline-none"
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { role: "status", "aria-live": "polite", className: "sr-only", children: [
-            flat.length,
-            " commands"
-          ] }),
-          /* @__PURE__ */ jsxs(
-            "ul",
-            {
-              id: listId,
-              role: "listbox",
-              "aria-label": "Commands",
-              className: "max-h-[50vh] overflow-y-auto py-2",
-              children: [
-                groups.length === 0 && /* @__PURE__ */ jsx("li", { role: "presentation", className: "px-4 py-3 text-sm opacity-60", children: "No commands found" }),
-                groups.map((group) => {
-                  const startIdx = flat.indexOf(group.commands[0] ?? {});
-                  return /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        role: "presentation",
-                        className: "px-4 pt-2 pb-1 text-xs font-semibold uppercase tracking-wide opacity-60",
-                        children: group.category
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("ul", { role: "presentation", className: "m-0 list-none p-0", children: group.commands.map((cmd, j) => {
-                      const idx = startIdx + j;
-                      const isActive = idx === highlight;
-                      return (
-                        // biome-ignore lint/a11y/useFocusableInteractive: focus stays on combobox; selection via aria-activedescendant
-                        // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard nav handled by combobox input ArrowUp/Down/Enter handler
-                        /* @__PURE__ */ jsxs(
-                          "li",
-                          {
-                            id: optionId(idx),
-                            role: "option",
-                            "aria-selected": isActive,
-                            "data-active": isActive ? "" : void 0,
-                            onMouseEnter: () => setHighlight(idx),
-                            onClick: () => execute(cmd),
-                            className: "flex cursor-pointer items-center gap-3 px-4 py-2 text-sm " + (isActive ? "bg-[var(--accent,#f1f5f9)]" : ""),
-                            children: [
-                              /* @__PURE__ */ jsx("span", { className: "flex-1", children: cmd.label }),
-                              cmd.description ? /* @__PURE__ */ jsx("span", { className: "text-xs opacity-60", children: cmd.description }) : null
-                            ]
-                          },
-                          cmd.id
-                        )
-                      );
-                    }) })
-                  ] }, group.category);
-                })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "footer",
-            {
-              id: hintId,
-              className: "flex items-center gap-3 border-t border-[var(--border,#e5e7eb)] px-4 py-2 text-xs opacity-70",
-              children: [
-                /* @__PURE__ */ jsx("span", { children: "\u2191\u2193 navigate" }),
-                /* @__PURE__ */ jsx("span", { children: "\u21B5 select" }),
-                /* @__PURE__ */ jsx("span", { children: "esc close" })
-              ]
-            }
-          )
-        ] })
-      }
-    )
-  );
-}
-var alertVariants = cva(
-  "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        default: "bg-card text-card-foreground",
-        destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Alert({
-  className,
-  variant,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert",
-      role: "alert",
-      className: cn(alertVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-title",
-      className: cn(
-        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: cn(
-        "col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var badgeVariants = cva(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
-        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 [a&]:hover:underline"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({
-  className,
-  variant = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "span";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "badge",
-      "data-variant": variant,
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn(
-        "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-title",
-      className: cn("leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-action",
-      className: cn(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: cn("px-6", className),
-      ...props
-    }
-  );
-}
-function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-footer",
-      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
-      ...props
-    }
-  );
-}
-function Checkbox2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Checkbox$1.Root,
-    {
-      "data-slot": "checkbox",
-      className: cn(
-        "peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        Checkbox$1.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
-        }
-      )
-    }
-  );
-}
-function Label({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Label$1.Root,
-    {
-      "data-slot": "label",
-      className: cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function Separator({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Separator$1.Root,
-    {
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "fieldset",
-    {
-      "data-slot": "field-set",
-      className: cn(
-        "flex flex-col gap-6",
-        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldLegend({
-  className,
-  variant = "legend",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "legend",
-    {
-      "data-slot": "field-legend",
-      "data-variant": variant,
-      className: cn(
-        "mb-3 font-medium",
-        "data-[variant=legend]:text-base",
-        "data-[variant=label]:text-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "field-group",
-      className: cn(
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var fieldVariants = cva(
-  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
-  {
-    variants: {
-      orientation: {
-        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-        horizontal: [
-          "flex-row items-center",
-          "[&>[data-slot=field-label]]:flex-auto",
-          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-        ],
-        responsive: [
-          "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
-          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-        ]
-      }
-    },
-    defaultVariants: {
-      orientation: "vertical"
-    }
-  }
-);
-function Field({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": orientation,
-      className: cn(fieldVariants({ orientation }), className),
-      ...props
-    }
-  );
-}
-function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "field-content",
-      className: cn(
-        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldLabel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Label,
-    {
-      "data-slot": "field-label",
-      className: cn(
-        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
-        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
-        "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "field-label",
-      className: cn(
-        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "field-description",
-      className: cn(
-        "text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
-        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
-        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldSeparator({
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "field-separator",
-      "data-content": !!children,
-      className: cn(
-        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
-            "data-slot": "field-separator-content",
-            children
-          }
-        )
-      ]
-    }
-  );
-}
-function FieldError({
-  className,
-  children,
-  errors,
-  ...props
-}) {
-  const content = useMemo(() => {
-    if (children) {
-      return children;
-    }
-    if (!errors?.length) {
-      return null;
-    }
-    const uniqueErrors = [
-      ...new Map(errors.map((error) => [error?.message, error])).values()
-    ];
-    if (uniqueErrors?.length == 1) {
-      return uniqueErrors[0]?.message;
-    }
-    return /* @__PURE__ */ jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index)
-    ) });
-  }, [children, errors]);
-  if (!content) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "alert",
-      "data-slot": "field-error",
-      className: cn("text-sm font-normal text-destructive", className),
-      ...props,
-      children: content
-    }
-  );
-}
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: cn(
-        "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
-        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
-        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function Select({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Select$1.Root, { "data-slot": "select", ...props });
-}
-function SelectGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Select$1.Group, { "data-slot": "select-group", ...props });
-}
-function SelectValue({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Select$1.Value, { "data-slot": "select-value", ...props });
-}
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    Select$1.Trigger,
-    {
-      "data-slot": "select-trigger",
-      "data-size": size,
-      className: cn(
-        "flex w-fit items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(Select$1.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function SelectContent({
-  className,
-  children,
-  position = "item-aligned",
-  align = "center",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsxs(
-    Select$1.Content,
-    {
-      "data-slot": "select-content",
-      className: cn(
-        "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md 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-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-        position === "popper" && "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,
-      align,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
-          Select$1.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectLabel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Select$1.Label,
-    {
-      "data-slot": "select-label",
-      className: cn("px-2 py-1.5 text-xs text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    Select$1.Item,
-    {
-      "data-slot": "select-item",
-      className: cn(
-        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "data-slot": "select-item-indicator",
-            className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-          }
-        ),
-        /* @__PURE__ */ jsx(Select$1.ItemText, { children })
-      ]
-    }
-  );
-}
-function SelectSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Select$1.Separator,
-    {
-      "data-slot": "select-separator",
-      className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
-      ...props
-    }
-  );
-}
-function SelectScrollUpButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Select$1.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
-    }
-  );
-}
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Select$1.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
-    }
-  );
-}
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "skeleton",
-      className: cn("animate-pulse rounded-md bg-accent", className),
-      ...props
-    }
-  );
-}
-function Textarea2({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "textarea",
-    {
-      "data-slot": "textarea",
-      className: cn(
-        "flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TableCell({ column, value }) {
-  switch (column.type) {
-    case "text":
-      return /* @__PURE__ */ jsx(TextCell, { column, value });
-    case "badge":
-      return /* @__PURE__ */ jsx(BadgeCell, { column, value });
-    case "boolean":
-      return /* @__PURE__ */ jsx(BooleanCell, { column, value });
-    case "date":
-      return /* @__PURE__ */ jsx(DateCell, { column, value });
-    case "number":
-      return /* @__PURE__ */ jsx(NumberCell, { column, value });
-    case "icon":
-      return /* @__PURE__ */ jsx(IconCell, { column });
-    case "image":
-      return /* @__PURE__ */ jsx(ImageCell, { column, value });
-    case "relationship":
-      return /* @__PURE__ */ jsx(RelationshipCell, { column, value });
-    case "computed":
-      return /* @__PURE__ */ jsx(ComputedCell, { column, value });
-  }
-}
-function asString(value) {
-  if (value === null || value === void 0) return "";
-  if (typeof value === "string") return value;
-  if (typeof value === "number" || typeof value === "boolean") return String(value);
-  return JSON.stringify(value);
-}
-function TextCell({ column, value }) {
-  const str = asString(value);
-  const truncated = column.props.truncate && str.length > column.props.truncate ? `${str.slice(0, column.props.truncate)}\u2026` : str;
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        column.props.weight === "bold" && "font-bold",
-        column.props.weight === "medium" && "font-medium"
-      ),
-      children: truncated
-    }
-  );
-}
-function BadgeCell({ column, value }) {
-  const option = column.props.options?.find((o) => o.value === value);
-  const label = option?.label ?? asString(value);
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "inline-flex items-center px-2 py-0.5 text-xs",
-        column.props.pill ? "rounded-full" : "rounded-sm",
-        "bg-muted text-foreground"
-      ),
-      children: label
-    }
-  );
-}
-function BooleanCell({ column, value }) {
-  const truthy = Boolean(value);
-  return /* @__PURE__ */ jsx("span", { role: "img", "aria-label": truthy ? "true" : "false", children: truthy ? column.props.trueIcon ?? "\u2713" : column.props.falseIcon ?? "\u2014" });
-}
-function DateCell({ column, value }) {
-  if (!value) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
-  const raw = String(value);
-  const date = new Date(raw);
-  if (Number.isNaN(date.getTime())) return /* @__PURE__ */ jsx("span", { children: raw });
-  if (column.props.mode === "since") {
-    return /* @__PURE__ */ jsx("time", { dateTime: date.toISOString(), children: formatRelative(date) });
-  }
-  if (column.props.mode === "datetime") {
-    return /* @__PURE__ */ jsx("time", { dateTime: date.toISOString(), children: date.toLocaleString() });
-  }
-  return /* @__PURE__ */ jsx("time", { dateTime: date.toISOString(), children: date.toLocaleDateString() });
-}
-function formatRelative(date) {
-  const seconds = Math.round((Date.now() - date.getTime()) / 1e3);
-  if (seconds < 60) return `${seconds}s ago`;
-  const minutes = Math.round(seconds / 60);
-  if (minutes < 60) return `${minutes}m ago`;
-  const hours = Math.round(minutes / 60);
-  if (hours < 24) return `${hours}h ago`;
-  const days = Math.round(hours / 24);
-  return `${days}d ago`;
-}
-function NumberCell({ column, value }) {
-  if (value === null || value === void 0) return /* @__PURE__ */ jsx("span", { children: "\u2014" });
-  const num = typeof value === "number" ? value : Number(value);
-  if (Number.isNaN(num)) return /* @__PURE__ */ jsx("span", { children: asString(value) });
-  const formatted = num.toFixed(column.props.decimals ?? 0);
-  const [whole, dec] = formatted.split(".");
-  const safeWhole = whole ?? "0";
-  const ts = column.props.thousandsSeparator;
-  const finalWhole = ts ? safeWhole.replace(/\B(?=(\d{3})+(?!\d))/g, ts) : safeWhole;
-  const ds = column.props.decimalSeparator ?? ".";
-  return /* @__PURE__ */ jsxs("span", { children: [
-    column.props.prefix ?? "",
-    finalWhole,
-    dec ? `${ds}${dec}` : "",
-    column.props.suffix ?? ""
-  ] });
-}
-function IconCell({ column }) {
-  return /* @__PURE__ */ jsx("span", { role: "img", "aria-label": column.props.icon, title: column.props.icon, children: column.props.icon });
-}
-function ImageCell({ column, value }) {
-  const src = asString(value);
-  if (!src) return null;
-  const size = column.props.size ?? 32;
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      src,
-      alt: "",
-      style: { width: size, height: size },
-      className: cn(column.props.shape === "circular" ? "rounded-full" : "rounded")
-    }
-  );
-}
-function RelationshipCell({ column, value }) {
-  if (value === null || value === void 0) return /* @__PURE__ */ jsx("span", { children: "\u2014" });
-  if (typeof value === "object") {
-    const attr = value[column.props.attribute];
-    return /* @__PURE__ */ jsx("span", { children: asString(attr) });
-  }
-  return /* @__PURE__ */ jsx("span", { children: asString(value) });
-}
-function ComputedCell({ column, value }) {
-  if (value === null || value === void 0) {
-    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: column.props.placeholder ?? "\u2014" });
-  }
-  return /* @__PURE__ */ jsx("span", { children: asString(value) });
-}
-function DataTable({
-  columns,
-  records,
-  enableSelection = false,
-  selectedIds = [],
-  onSelectionChange,
-  sort = null,
-  onSortChange,
-  rowActions,
-  loading = false,
-  emptyState,
-  className
-}) {
-  const lastClickedIndexRef = useRef(null);
-  const visibleColumns = useMemo(() => columns.filter((col) => !col.hidden), [columns]);
-  const tableColumns = useMemo(
-    () => visibleColumns.map((col) => ({
-      id: col.name,
-      accessorFn: (row) => row[col.name],
-      header: () => col.label ?? col.name,
-      cell: (info) => /* @__PURE__ */ jsx(TableCell, { column: col, value: info.getValue() }),
-      enableSorting: col.sortable
-    })),
-    [visibleColumns]
-  );
-  const table = useReactTable({
-    data: records,
-    columns: tableColumns,
-    getCoreRowModel: getCoreRowModel()
-  });
-  const allSelected = enableSelection && records.length > 0 && selectedIds.length === records.length;
-  const someSelected = enableSelection && selectedIds.length > 0 && selectedIds.length < records.length;
-  const toggleAll = useCallback(() => {
-    if (!onSelectionChange) return;
-    if (allSelected) onSelectionChange([]);
-    else onSelectionChange(records.map((r) => r.id));
-  }, [allSelected, records, onSelectionChange]);
-  const toggleRow = useCallback(
-    (id, index, shiftKey) => {
-      if (!onSelectionChange) return;
-      const set = new Set(selectedIds);
-      const lastIndex = lastClickedIndexRef.current;
-      if (shiftKey && lastIndex !== null) {
-        const [from, to] = lastIndex < index ? [lastIndex, index] : [index, lastIndex];
-        const shouldSelect = !set.has(id);
-        for (let i = from; i <= to; i++) {
-          const rowId = records[i]?.id;
-          if (rowId === void 0) continue;
-          if (shouldSelect) set.add(rowId);
-          else set.delete(rowId);
-        }
-      } else if (set.has(id)) {
-        set.delete(id);
-      } else {
-        set.add(id);
-      }
-      lastClickedIndexRef.current = index;
-      onSelectionChange(Array.from(set));
-    },
-    [records, selectedIds, onSelectionChange]
-  );
-  const headerSortDirection = (columnName) => {
-    if (!sort || sort.column !== columnName) return null;
-    return sort.direction === "desc" ? "desc" : "asc";
-  };
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full overflow-x-auto", className), children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-sm", children: [
-    /* @__PURE__ */ jsx("thead", { className: "sticky top-0 bg-background", children: table.getHeaderGroups().map((group) => /* @__PURE__ */ jsxs("tr", { className: "border-b border-border", children: [
-      enableSelection && /* @__PURE__ */ jsx("th", { scope: "col", className: "w-10 px-3 py-2 text-left", children: /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "checkbox",
-          "aria-label": "Select all rows",
-          checked: allSelected,
-          ref: (el) => {
-            if (el) el.indeterminate = someSelected;
-          },
-          onChange: toggleAll
-        }
-      ) }),
-      group.headers.map((header) => {
-        const col = visibleColumns.find((c) => c.name === header.column.id);
-        const sortable = col?.sortable && onSortChange;
-        const direction = headerSortDirection(header.column.id);
-        return /* @__PURE__ */ jsx(
-          "th",
-          {
-            scope: "col",
-            className: cn(
-              "px-3 py-2 text-left font-medium text-muted-foreground",
-              col?.align === "center" && "text-center",
-              col?.align === "end" && "text-right"
-            ),
-            "aria-sort": direction === "asc" ? "ascending" : direction === "desc" ? "descending" : "none",
-            children: sortable ? /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                className: "inline-flex items-center gap-1 hover:text-foreground",
-                onClick: () => onSortChange(header.column.id, direction === "asc" ? "desc" : "asc"),
-                children: [
-                  flexRender(header.column.columnDef.header, header.getContext()),
-                  /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: direction === "asc" ? "\u25B2" : direction === "desc" ? "\u25BC" : "\u2195" })
-                ]
-              }
-            ) : flexRender(header.column.columnDef.header, header.getContext())
-          },
-          header.id
-        );
-      }),
-      rowActions && /* @__PURE__ */ jsx("th", { scope: "col", className: "w-24 px-3 py-2 text-right", "aria-label": "Actions" })
-    ] }, group.id)) }),
-    /* @__PURE__ */ jsxs("tbody", { children: [
-      loading && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-        "td",
-        {
-          colSpan: visibleColumns.length + (enableSelection ? 1 : 0) + (rowActions ? 1 : 0),
-          className: "px-3 py-4 text-center text-muted-foreground",
-          children: "Loading\u2026"
-        }
-      ) }),
-      !loading && records.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-        "td",
-        {
-          colSpan: visibleColumns.length + (enableSelection ? 1 : 0) + (rowActions ? 1 : 0),
-          className: "px-3 py-8 text-center text-muted-foreground",
-          children: emptyState ?? "No records found."
-        }
-      ) }),
-      !loading && table.getRowModel().rows.map((row, index) => {
-        const record = row.original;
-        const checked = selectedIds.includes(record.id);
-        return /* @__PURE__ */ jsxs(
-          "tr",
-          {
-            "data-selected": checked || void 0,
-            className: cn("border-b border-border", checked && "bg-muted"),
-            children: [
-              enableSelection && /* @__PURE__ */ jsx("td", { className: "w-10 px-3 py-2", children: /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "checkbox",
-                  "aria-label": `Select row ${record.id}`,
-                  checked,
-                  onChange: (event) => {
-                    const native = event.nativeEvent;
-                    toggleRow(record.id, index, native.shiftKey === true);
-                  }
-                }
-              ) }),
-              row.getVisibleCells().map((cell) => {
-                const col = visibleColumns.find((c) => c.name === cell.column.id);
-                return /* @__PURE__ */ jsx(
-                  "td",
-                  {
-                    className: cn(
-                      "px-3 py-2",
-                      col?.align === "center" && "text-center",
-                      col?.align === "end" && "text-right",
-                      col?.hiddenOnMobile && "hidden md:table-cell"
-                    ),
-                    children: flexRender(cell.column.columnDef.cell, cell.getContext())
-                  },
-                  cell.id
-                );
-              }),
-              rowActions && /* @__PURE__ */ jsx("td", { className: "w-24 px-3 py-2 text-right", children: rowActions(record) })
-            ]
-          },
-          row.id
-        );
-      })
-    ] })
-  ] }) });
-}
-function TableFilters({
-  filters,
-  values,
-  onChange,
-  onClearAll,
-  className
-}) {
-  if (filters.length === 0) return null;
-  const activeCount = filters.reduce((acc, f) => {
-    const v = values[f.name];
-    return v !== void 0 && v !== null && v !== "" ? acc + 1 : acc;
-  }, 0);
-  return /* @__PURE__ */ jsxs("fieldset", { className: cn("flex flex-wrap items-end gap-2 border-0 p-0", className), children: [
-    /* @__PURE__ */ jsx("legend", { className: "sr-only", children: "Filters" }),
-    filters.map((filter) => /* @__PURE__ */ jsx(
-      FilterControl,
-      {
-        filter,
-        value: values[filter.name],
-        onChange: (v) => onChange(filter.name, v)
-      },
-      filter.name
-    )),
-    activeCount > 0 && onClearAll && /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onClearAll, children: [
-      "Clear filters (",
-      activeCount,
-      ")"
-    ] })
-  ] });
-}
-function FilterControl({
-  filter,
-  value,
-  onChange
-}) {
-  switch (filter.type) {
-    case "select":
-      return /* @__PURE__ */ jsx(SelectFilter, { filter, value, onChange });
-    case "multiSelect":
-      return /* @__PURE__ */ jsx(MultiSelectFilter, { filter, value, onChange });
-    case "text":
-      return /* @__PURE__ */ jsx(TextFilter, { filter, value, onChange });
-    case "ternary":
-      return /* @__PURE__ */ jsx(TernaryFilter, { filter, value, onChange });
-    case "dateRange":
-    case "scope":
-      return null;
-  }
-}
-function controlClasses() {
-  return cn(
-    "h-9 rounded-sm border border-[var(--input)]",
-    "bg-background px-3 text-sm",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-  );
-}
-function SelectFilter({
-  filter,
-  value,
-  onChange
-}) {
-  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-    filter.label ?? filter.name,
-    /* @__PURE__ */ jsxs(
-      "select",
-      {
-        className: controlClasses(),
-        value: value === void 0 || value === null ? "" : String(value),
-        onChange: (e) => onChange(e.target.value === "" ? null : e.target.value),
-        children: [
-          /* @__PURE__ */ jsx("option", { value: "", children: "All" }),
-          filter.props.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
-        ]
-      }
-    )
-  ] });
-}
-function MultiSelectFilter({
-  filter,
-  value,
-  onChange
-}) {
-  const arr = Array.isArray(value) ? value : [];
-  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-    filter.label ?? filter.name,
-    /* @__PURE__ */ jsx(
-      "select",
-      {
-        multiple: true,
-        className: cn(controlClasses(), "h-auto min-h-[2.25rem] py-1"),
-        value: arr.map(String),
-        onChange: (e) => {
-          const next = Array.from(e.target.selectedOptions, (o) => o.value);
-          onChange(next.length === 0 ? null : next);
-        },
-        children: filter.props.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
-      }
-    )
-  ] });
-}
-function TextFilter({
-  filter,
-  value,
-  onChange
-}) {
-  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-    filter.label ?? filter.name,
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "text",
-        className: controlClasses(),
-        value: typeof value === "string" ? value : "",
-        onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
-      }
-    )
-  ] });
-}
-function TernaryFilter({
-  filter,
-  value,
-  onChange
-}) {
-  const current = value === void 0 || value === null ? "all" : String(value);
-  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-    filter.label ?? filter.name,
-    /* @__PURE__ */ jsxs(
-      "select",
-      {
-        className: controlClasses(),
-        value: current,
-        onChange: (e) => {
-          const v = e.target.value;
-          onChange(v === "all" ? null : v);
-        },
-        children: [
-          /* @__PURE__ */ jsx("option", { value: "all", children: filter.props.allLabel ?? "All" }),
-          /* @__PURE__ */ jsx("option", { value: "true", children: filter.props.trueLabel ?? "Yes" }),
-          /* @__PURE__ */ jsx("option", { value: "false", children: filter.props.falseLabel ?? "No" })
-        ]
-      }
-    )
-  ] });
-}
-function TablePagination({
-  meta,
-  onPageChange,
-  onPerPageChange,
-  perPageOptions = [10, 25, 50, 100],
-  className
-}) {
-  const from = (meta.currentPage - 1) * meta.perPage + 1;
-  const to = Math.min(meta.currentPage * meta.perPage, meta.total);
-  const isFirst = meta.currentPage <= 1;
-  const isLast = meta.currentPage >= meta.lastPage;
-  return /* @__PURE__ */ jsxs(
-    "nav",
-    {
-      className: cn(
-        "flex flex-wrap items-center justify-between gap-2 border-t border-border px-3 py-2 text-sm",
-        className
-      ),
-      "aria-label": "Pagination",
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: meta.total === 0 ? "No results" : `${from}\u2013${to} of ${meta.total}` }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          onPerPageChange && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-            "Per page",
-            /* @__PURE__ */ jsx(
-              "select",
-              {
-                className: "h-8 rounded-sm border border-[var(--input)] bg-background px-2",
-                value: meta.perPage,
-                onChange: (e) => onPerPageChange(Number(e.target.value)),
-                children: perPageOptions.map((n) => /* @__PURE__ */ jsx("option", { value: n, children: n }, n))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              disabled: isFirst,
-              onClick: () => onPageChange(meta.currentPage - 1),
-              "aria-label": "Previous page",
-              children: "Prev"
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-            meta.currentPage,
-            " / ",
-            meta.lastPage
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              disabled: isLast,
-              onClick: () => onPageChange(meta.currentPage + 1),
-              "aria-label": "Next page",
-              children: "Next"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function TableToolbar({
-  search,
-  filters,
-  selectedCount = 0,
-  bulkActions,
-  onClearSelection,
-  className
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3 px-3 py-3", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-2", children: [
-      search,
-      filters
-    ] }),
-    selectedCount > 0 && /* @__PURE__ */ jsxs(
-      "section",
-      {
-        className: "flex flex-wrap items-center gap-2 rounded-sm border border-border bg-muted px-3 py-2",
-        "aria-label": "Bulk actions",
-        children: [
-          /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
-            selectedCount,
-            " selected"
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
-            bulkActions,
-            onClearSelection && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "text-sm text-muted-foreground hover:underline",
-                onClick: onClearSelection,
-                children: "Clear"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function ResourceIndex({
-  resource,
-  records,
-  pagination,
-  columns,
-  filters,
-  search,
-  sort,
-  selectedIds = [],
-  filterValues = {},
-  onSelectionChange,
-  onSortChange,
-  onPageChange,
-  onPerPageChange,
-  onSearchChange,
-  onFilterChange,
-  onClearFilters,
-  searchSlot,
-  toolbarActions,
-  rowActions,
-  bulkActions,
-  emptyState,
-  loading = false,
-  className
-}) {
-  const enableSelection = Boolean(onSelectionChange);
-  const renderSearch = () => {
-    if (searchSlot) return searchSlot;
-    if (!onSearchChange) return null;
-    return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-      "Search",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "search",
-          placeholder: `Search ${resource.pluralLabel.toLowerCase()}\u2026`,
-          className: "h-9 w-64 rounded-sm border border-[var(--input)] bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-          value: search ?? "",
-          onChange: (e) => onSearchChange(e.target.value)
-        }
-      )
-    ] });
-  };
-  const normalisedSort = sort?.column ? {
-    column: sort.column,
-    direction: sort.direction === "desc" ? "desc" : "asc"
-  } : null;
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: cn("flex flex-col rounded-md border border-border bg-background", className),
-      "aria-label": resource.pluralLabel,
-      children: [
-        /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-center gap-3 border-b border-border px-4 py-3", children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold", children: resource.pluralLabel }),
-          /* @__PURE__ */ jsx("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: toolbarActions })
-        ] }),
-        /* @__PURE__ */ jsx(
-          TableToolbar,
-          {
-            search: renderSearch(),
-            filters: filters.length > 0 ? /* @__PURE__ */ jsx(
-              TableFilters,
-              {
-                filters,
-                values: filterValues,
-                onChange: (name, value) => onFilterChange?.(name, value),
-                onClearAll: onClearFilters
-              }
-            ) : null,
-            selectedCount: selectedIds.length,
-            bulkActions,
-            onClearSelection: onSelectionChange ? () => onSelectionChange([]) : void 0
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DataTable,
-          {
-            columns,
-            records,
-            enableSelection,
-            selectedIds,
-            onSelectionChange,
-            sort: normalisedSort,
-            onSortChange,
-            rowActions: rowActions ? (record) => rowActions(record) : void 0,
-            loading,
-            emptyState
-          }
-        ),
-        pagination && /* @__PURE__ */ jsx(
-          TablePagination,
-          {
-            meta: pagination,
-            onPageChange: (page) => onPageChange?.(page),
-            onPerPageChange
-          }
-        )
-      ]
-    }
-  );
-}
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React16.useState(void 0);
-  React16.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Root, { "data-slot": "sheet", ...props });
-}
-function SheetPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog$1.Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Overlay,
-    {
-      "data-slot": "sheet-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      Dialog$1.Content,
-      {
-        "data-slot": "sheet-content",
-        className: cn(
-          "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
-          side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
-          side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-          side === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-          side === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxs(Dialog$1.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-1.5 p-4", className),
-      ...props
-    }
-  );
-}
-function SheetTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("font-semibold text-foreground", className),
-      ...props
-    }
-  );
-}
-function SheetDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Description,
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Tooltip$1.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration,
-      ...props
-    }
-  );
-}
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Root, { "data-slot": "tooltip", ...props });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(
-    Tooltip$1.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
-      ]
-    }
-  ) });
-}
-var SIDEBAR_COOKIE_NAME = "sidebar_state";
-var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-var SIDEBAR_WIDTH = "16rem";
-var SIDEBAR_WIDTH_MOBILE = "18rem";
-var SIDEBAR_WIDTH_ICON = "3rem";
-var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React16.createContext(null);
-function useSidebar() {
-  const context = React16.useContext(SidebarContext);
-  if (!context) {
-    throw new Error("useSidebar must be used within a SidebarProvider.");
-  }
-  return context;
-}
-function SidebarProvider({
-  defaultOpen = true,
-  open: openProp,
-  onOpenChange: setOpenProp,
-  className,
-  style,
-  children,
-  ...props
-}) {
-  const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React16.useState(false);
-  const [_open, _setOpen] = React16.useState(defaultOpen);
-  const open = openProp ?? _open;
-  const setOpen = React16.useCallback(
-    (value) => {
-      const openState = typeof value === "function" ? value(open) : value;
-      if (setOpenProp) {
-        setOpenProp(openState);
-      } else {
-        _setOpen(openState);
-      }
-      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
-    },
-    [setOpenProp, open]
-  );
-  const toggleSidebar = React16.useCallback(() => {
-    return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
-  }, [isMobile, setOpen, setOpenMobile]);
-  React16.useEffect(() => {
-    const handleKeyDown = (event) => {
-      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
-        event.preventDefault();
-        toggleSidebar();
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [toggleSidebar]);
-  const state = open ? "expanded" : "collapsed";
-  const contextValue = React16.useMemo(
-    () => ({
-      state,
-      open,
-      setOpen,
-      isMobile,
-      openMobile,
-      setOpenMobile,
-      toggleSidebar
-    }),
-    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
-  );
-  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-wrapper",
-      style: {
-        "--sidebar-width": SIDEBAR_WIDTH,
-        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-        ...style
-      },
-      className: cn(
-        "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",
-        className
-      ),
-      ...props,
-      children
-    }
-  ) }) });
-}
-function Sidebar({
-  side = "left",
-  variant = "sidebar",
-  collapsible = "offcanvas",
-  className,
-  children,
-  ...props
-}) {
-  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
-  if (collapsible === "none") {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-slot": "sidebar",
-        className: cn(
-          "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-  if (isMobile) {
-    return /* @__PURE__ */ jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs(
-      SheetContent,
-      {
-        "data-sidebar": "sidebar",
-        "data-slot": "sidebar",
-        "data-mobile": "true",
-        className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
-        style: {
-          "--sidebar-width": SIDEBAR_WIDTH_MOBILE
-        },
-        side,
-        children: [
-          /* @__PURE__ */ jsxs(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", children })
-        ]
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "group peer hidden text-sidebar-foreground md:block",
-      "data-state": state,
-      "data-collapsible": state === "collapsed" ? collapsible : "",
-      "data-variant": variant,
-      "data-side": side,
-      "data-slot": "sidebar",
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "sidebar-gap",
-            className: cn(
-              "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
-              "group-data-[collapsible=offcanvas]:w-0",
-              "group-data-[side=right]:rotate-180",
-              variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "sidebar-container",
-            className: cn(
-              "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
-              side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-              // Adjust the padding for floating and inset variants.
-              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
-              className
-            ),
-            ...props,
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                "data-sidebar": "sidebar",
-                "data-slot": "sidebar-inner",
-                className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm",
-                children
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-function SidebarTrigger({
-  className,
-  onClick,
-  ...props
-}) {
-  const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      "data-sidebar": "trigger",
-      "data-slot": "sidebar-trigger",
-      variant: "ghost",
-      size: "icon",
-      className: cn("size-7", className),
-      onClick: (event) => {
-        onClick?.(event);
-        toggleSidebar();
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
-      ]
-    }
-  );
-}
-function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "main",
-    {
-      "data-slot": "sidebar-inset",
-      className: cn(
-        "relative flex w-full flex-1 flex-col bg-background",
-        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-header",
-      "data-sidebar": "header",
-      className: cn("flex flex-col gap-2 p-2", className),
-      ...props
-    }
-  );
-}
-function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-footer",
-      "data-sidebar": "footer",
-      className: cn("flex flex-col gap-2 p-2", className),
-      ...props
-    }
-  );
-}
-function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-content",
-      "data-sidebar": "content",
-      className: cn(
-        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-group",
-      "data-sidebar": "group",
-      className: cn("relative flex w-full min-w-0 flex-col p-2", className),
-      ...props
-    }
-  );
-}
-function SidebarGroupLabel({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "sidebar-group-label",
-      "data-sidebar": "group-label",
-      className: cn(
-        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SidebarGroupContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-group-content",
-      "data-sidebar": "group-content",
-      className: cn("w-full text-sm", className),
-      ...props
-    }
-  );
-}
-function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "ul",
-    {
-      "data-slot": "sidebar-menu",
-      "data-sidebar": "menu",
-      className: cn("flex w-full min-w-0 flex-col gap-1", className),
-      ...props
-    }
-  );
-}
-function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      "data-slot": "sidebar-menu-item",
-      "data-sidebar": "menu-item",
-      className: cn("group/menu-item relative", className),
-      ...props
-    }
-  );
-}
-var sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
-      },
-      size: {
-        default: "h-8 text-sm",
-        sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function SidebarMenuButton({
-  asChild = false,
-  isActive = false,
-  variant = "default",
-  size = "default",
-  tooltip,
-  className,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "button";
-  const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "sidebar-menu-button",
-      "data-sidebar": "menu-button",
-      "data-size": size,
-      "data-active": isActive,
-      className: cn(sidebarMenuButtonVariants({ variant, size }), className),
-      ...props
-    }
-  );
-  if (!tooltip) {
-    return button;
-  }
-  if (typeof tooltip === "string") {
-    tooltip = {
-      children: tooltip
-    };
-  }
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx(
-      TooltipContent,
-      {
-        side: "right",
-        align: "center",
-        hidden: state !== "collapsed" || isMobile,
-        ...tooltip
-      }
-    )
-  ] });
-}
-function AppShell({
-  variant = "sidebar-left",
-  sidebar,
-  topbar,
-  footer,
-  children,
-  className
-}) {
-  if (variant === "full-width") {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-arqel-shell": "full-width",
-        className: cn("min-h-screen bg-background text-foreground", className),
-        children: [
-          /* @__PURE__ */ jsx(CommandPalette, {}),
-          children
-        ]
-      }
-    );
-  }
-  if (variant === "topbar-only") {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-arqel-shell": "topbar-only",
-        className: cn("flex min-h-screen flex-col bg-background text-foreground", className),
-        children: [
-          /* @__PURE__ */ jsx(CommandPalette, {}),
-          topbar,
-          /* @__PURE__ */ jsx("main", { className: "flex-1", children }),
-          footer
-        ]
-      }
-    );
-  }
-  const sidebarSide = variant === "sidebar-right" ? "right" : "left";
-  return /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-arqel-shell": variant,
-      "data-sidebar-side": sidebarSide,
-      className: cn(
-        "flex min-h-svh w-full bg-background text-foreground",
-        sidebarSide === "right" && "flex-row-reverse",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(CommandPalette, {}),
-        sidebar,
-        /* @__PURE__ */ jsxs(SidebarInset, { children: [
-          topbar,
-          /* @__PURE__ */ jsx("main", { className: "flex-1", children }),
-          footer
-        ] })
-      ]
-    }
-  ) });
-}
-function Footer({ children, className }) {
-  return /* @__PURE__ */ jsx(
-    "footer",
-    {
-      "data-arqel-footer": "",
-      className: cn(
-        "shrink-0 border-t border-border bg-background px-4 py-3 text-sm text-muted-foreground",
-        className
-      ),
-      children
-    }
-  );
-}
-var MAX_WIDTH_CLASSES = {
-  none: "",
-  md: "max-w-md",
-  lg: "max-w-lg",
-  xl: "max-w-xl",
-  "2xl": "max-w-2xl",
-  "4xl": "max-w-4xl",
-  "6xl": "max-w-6xl",
-  "7xl": "max-w-7xl"
-};
-function MainContent({
-  breadcrumbs,
-  header,
-  children,
-  maxWidth = "7xl",
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-arqel-main": "",
-      className: cn(
-        "mx-auto w-full px-4 py-6 sm:px-6 lg:px-8",
-        MAX_WIDTH_CLASSES[maxWidth],
-        className
-      ),
-      children: [
-        breadcrumbs && /* @__PURE__ */ jsx("div", { className: "mb-3", children: breadcrumbs }),
-        header && /* @__PURE__ */ jsx("div", { className: "mb-6", children: header }),
-        children
-      ]
-    }
-  );
-}
-function Sidebar2({ items: itemsProp, brand, footer, className }) {
-  const { items: sharedItems } = useNavigation();
-  const items = itemsProp ?? sharedItems;
-  const grouped = useMemo(() => groupItems(items), [items]);
-  return /* @__PURE__ */ jsxs(Sidebar, { collapsible: "icon", className, children: [
-    brand ? /* @__PURE__ */ jsx(SidebarHeader, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 px-2 py-1.5 text-sm font-semibold", children: brand }) }) : null,
-    /* @__PURE__ */ jsx(SidebarContent, { children: grouped.map(([group, list]) => /* @__PURE__ */ jsxs(SidebarGroup, { children: [
-      group ? /* @__PURE__ */ jsx(SidebarGroupLabel, { children: group }) : null,
-      /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: list.map((item) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: Boolean(item.url), isActive: Boolean(item.active), children: item.url ? /* @__PURE__ */ jsx("a", { href: item.url, children: /* @__PURE__ */ jsx("span", { children: item.label }) }) : /* @__PURE__ */ jsx("span", { children: item.label }) }) }, item.url ?? item.label)) }) })
-    ] }, group ?? "__ungrouped__")) }),
-    footer ? /* @__PURE__ */ jsx(SidebarFooter, { children: footer }) : null
-  ] });
-}
-function groupItems(items) {
-  const groups = /* @__PURE__ */ new Map();
-  for (const item of items) {
-    const key = item.group ?? void 0;
-    const list = groups.get(key) ?? [];
-    list.push(item);
-    groups.set(key, list);
-  }
-  return Array.from(groups.entries());
-}
-function Topbar({
-  brand,
-  search,
-  userMenu,
-  tenantSwitcher,
-  onMobileMenuClick,
-  className
-}) {
-  const { resolved, toggle } = useTheme();
-  return /* @__PURE__ */ jsxs(
-    "header",
-    {
-      "data-arqel-topbar": "",
-      className: cn(
-        "flex h-14 shrink-0 items-center gap-2 border-b border-border bg-background px-4",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(SidebarTrigger, { className: "-ml-1" }),
-        brand && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: brand }),
-        /* @__PURE__ */ jsx("div", { className: "hidden flex-1 md:block", children: search }),
-        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2 md:ml-0", children: [
-          tenantSwitcher,
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              "aria-label": `Switch to ${resolved === "dark" ? "light" : "dark"} theme`,
-              onClick: toggle,
-              children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: resolved === "dark" ? "\u2600" : "\u263E" })
-            }
-          ),
-          userMenu
-        ] })
-      ]
-    }
-  );
-}
-function Breadcrumbs(props) {
-  if (props.items === void 0) {
-    return /* @__PURE__ */ jsx(SharedBreadcrumbs, { ...props });
-  }
-  return /* @__PURE__ */ jsx(BreadcrumbsList, { ...props, items: props.items });
-}
-function SharedBreadcrumbs(props) {
-  const page = usePage();
-  const items = page.props.panel?.breadcrumbs ?? [];
-  return /* @__PURE__ */ jsx(BreadcrumbsList, { ...props, items });
-}
-function BreadcrumbsList({
-  items,
-  separator = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "/" }),
-  className
-}) {
-  if (items.length === 0) return null;
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: cn("text-sm", className), children: /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center gap-2 text-muted-foreground", children: items.map((item, index) => {
-    const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
-      isLast || !item.url ? /* @__PURE__ */ jsx("span", { "aria-current": isLast ? "page" : void 0, className: "text-foreground", children: item.label }) : /* @__PURE__ */ jsx("a", { href: item.url, className: "hover:underline", children: item.label }),
-      !isLast && separator
-    ] }, `${item.label}-${item.url ?? "leaf"}`);
-  }) }) });
-}
-function EmptyState({ title, description, icon, action, className }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex flex-col items-center gap-3 px-4 py-12 text-center text-muted-foreground",
-        className
-      ),
-      children: [
-        icon && /* @__PURE__ */ jsx("div", { className: "text-3xl", children: icon }),
-        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-foreground", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "max-w-md text-sm", children: description }),
-        action && /* @__PURE__ */ jsx("div", { className: "mt-2", children: action })
-      ]
-    }
-  );
-}
-function ErrorState({ status, title, description, action, className }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "alert",
-      className: cn("flex flex-col items-center gap-3 px-4 py-16 text-center", className),
-      children: [
-        status && /* @__PURE__ */ jsx("span", { className: "text-sm font-mono text-muted-foreground", children: status }),
-        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "max-w-md text-sm text-muted-foreground", children: description }),
-        action && /* @__PURE__ */ jsx("div", { className: "mt-2", children: action })
-      ]
-    }
-  );
-}
-var VARIANT_CLASSES = {
-  line: "h-4 w-full",
-  block: "h-24 w-full",
-  circle: "h-10 w-10 rounded-full"
-};
-function LoadingSkeleton({
-  variant = "line",
-  width,
-  height,
-  count = 1,
-  className
-}) {
-  const items = Array.from({ length: count }, (_, i) => i);
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", "aria-hidden": "true", children: items.map((i) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: { width, height },
-      className: cn(
-        "animate-pulse bg-muted",
-        variant !== "circle" && "rounded-sm",
-        VARIANT_CLASSES[variant],
-        className
-      )
-    },
-    i
-  )) });
-}
-function PageHeader({ title, description, actions, className }) {
-  return /* @__PURE__ */ jsxs("header", { className: cn("flex flex-wrap items-start gap-4", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
-      description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description })
-    ] }),
-    actions && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions })
-  ] });
-}
-function resolveColumnSpan(columnSpan) {
-  if (columnSpan === void 0) return void 0;
-  if (typeof columnSpan === "number") return `col-span-${columnSpan}`;
-  return columnSpan;
-}
-function WidgetWrapper({
-  heading,
-  description,
-  loading = false,
-  error = null,
-  onRetry,
-  columnSpan,
-  className,
-  children
-}) {
-  const baseClass = cn(
-    "rounded border bg-background p-4",
-    resolveColumnSpan(columnSpan),
-    className
-  );
-  if (loading) {
-    return /* @__PURE__ */ jsx(
-      "section",
-      {
-        "aria-label": heading,
-        "aria-busy": "true",
-        className: baseClass,
-        "data-widget-state": "loading",
-        children: /* @__PURE__ */ jsx("div", { className: "animate-pulse h-32 bg-muted rounded" })
-      }
-    );
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx("section", { "aria-label": heading, className: baseClass, "data-widget-state": "error", children: /* @__PURE__ */ jsxs("div", { role: "alert", className: "flex flex-col gap-2 text-sm text-destructive", children: [
-      /* @__PURE__ */ jsx("p", { children: error.message }),
-      onRetry && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onRetry,
-          className: "self-start rounded border px-2 py-1 text-xs text-foreground hover:bg-muted",
-          children: "Retry"
-        }
-      )
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxs("section", { "aria-label": heading, className: baseClass, "data-widget-state": "ready", children: [
-    heading && /* @__PURE__ */ jsx("h2", { className: "text-sm font-medium text-muted-foreground", children: heading }),
-    description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: description }),
-    /* @__PURE__ */ jsx("div", { className: cn(heading || description ? "mt-3" : void 0), children })
-  ] });
-}
-var COLOR_TEXT = {
-  primary: "text-primary",
-  secondary: "text-secondary-foreground",
-  success: "text-green-600",
-  warning: "text-amber-600",
-  danger: "text-red-600",
-  info: "text-sky-600"
-};
-var COLOR_STROKE = {
-  primary: "stroke-primary",
-  secondary: "stroke-secondary-foreground",
-  success: "stroke-green-500",
-  warning: "stroke-amber-500",
-  danger: "stroke-red-500",
-  info: "stroke-sky-500"
-};
-function Sparkline({ points, color }) {
-  if (points.length < 2) return null;
-  const min = Math.min(...points);
-  const max = Math.max(...points);
-  const range = max - min || 1;
-  const stepX = 100 / (points.length - 1);
-  const coords = points.map((value, index) => {
-    const x = index * stepX;
-    const y = 30 - (value - min) / range * 30;
-    return `${x.toFixed(2)},${y.toFixed(2)}`;
-  }).join(" ");
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      viewBox: "0 0 100 30",
-      preserveAspectRatio: "none",
-      className: cn("mt-3 h-8 w-full", COLOR_STROKE[color]),
-      role: "img",
-      "aria-label": "Trend sparkline",
-      "data-testid": "stat-card-sparkline",
-      children: /* @__PURE__ */ jsx(
-        "polyline",
-        {
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          points: coords
-        }
-      )
-    }
-  );
-}
-function StatCard({ widget, className, columnSpan }) {
-  const { heading, description, value, statDescription, descriptionIcon, color, chart, url } = widget;
-  const hasChart = Array.isArray(chart) && chart.length >= 2;
-  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: cn("text-4xl font-bold tabular-nums", COLOR_TEXT[color]), children: value ?? "\u2014" }),
-    statDescription && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-1 text-xs text-muted-foreground", children: [
-      descriptionIcon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-testid": "stat-card-icon", children: descriptionIcon }),
-      /* @__PURE__ */ jsx("span", { children: statDescription })
-    ] }),
-    hasChart && /* @__PURE__ */ jsx(Sparkline, { points: chart, color })
-  ] });
-  const inner = url ? /* @__PURE__ */ jsx(
-    "a",
-    {
-      href: url,
-      className: "block rounded outline-none focus-visible:ring-2 focus-visible:ring-ring",
-      "data-testid": "stat-card-link",
-      children: body
-    }
-  ) : body;
-  return /* @__PURE__ */ jsx(
-    WidgetWrapper,
-    {
-      heading,
-      description,
-      columnSpan,
-      className,
-      children: inner
-    }
-  );
-}
-
-export { ActionButton, ActionFormModal, ActionMenu, Alert, AlertDescription, AlertTitle, AppShell, Badge, Breadcrumbs, Button, CanAccess, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox2 as Checkbox, CommandPalette, ConfirmDialog, DataTable, EmptyState, ErrorState, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldRenderer, FieldSeparator, FieldSet, FieldTitle, FlashContainer, FlashToast, Footer, FormActions, FormRenderer, Input, Label, LoadingSkeleton, MainContent, PageHeader, ResourceIndex, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar2 as Sidebar, Skeleton, StatCard, TableFilters, TablePagination, TableToolbar, Textarea2 as Textarea, Topbar, WidgetWrapper, badgeVariants, buttonVariants, clearFieldRegistry, cn, getFieldComponent, registerField };
+export { Breadcrumbs, EmptyState, ErrorState, LoadingSkeleton } from './chunk-MTNFFSVA.js';
+export { StatCard, WidgetWrapper } from './chunk-WKWV36PG.js';
+export { Alert, AlertDescription, AlertTitle, Badge, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Label, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Textarea, badgeVariants } from './chunk-K7QY56XN.js';
+export { PageHeader } from './chunk-MXUXMHOK.js';
+export { AppShell, Footer, MainContent, Sidebar, Topbar } from './chunk-6UJQP7KU.js';
+export { CommandPalette } from './chunk-FV7RESKL.js';
+export { Input, Separator, Skeleton } from './chunk-R4BOUU6Y.js';
+export { ResourceIndex } from './chunk-2LTZJ4R7.js';
+export { DataTable, TableFilters, TablePagination, TableToolbar } from './chunk-PZEVKMZX.js';
+import './chunk-RMPOR2YZ.js';
+export { ActionButton, ActionFormModal, ActionMenu, ConfirmDialog } from './chunk-TNJEHYRF.js';
+import './chunk-EYAUPJ6J.js';
+export { FormActions } from './chunk-MTZJDFQ6.js';
+export { FieldRenderer, FormRenderer, clearFieldRegistry, getFieldComponent, registerField } from './chunk-MSRTGCTJ.js';
+export { Button, buttonVariants } from './chunk-FHRQ7PWE.js';
+export { CanAccess } from './chunk-RNAMHQM6.js';
+export { FlashContainer, FlashToast } from './chunk-DSULVRB6.js';
+export { cn } from './chunk-B7ULUJVO.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map