@arqel-dev/ui 0.11.0 → 0.13.0

package/dist/pages.js

@@ -1,3032 +1,30 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { useMemo, useState, useRef, useEffect, useCallback, Suspense, useId, lazy } from 'react';
-import { cva } from 'class-variance-authority';
-import { Slot, DropdownMenu as DropdownMenu$1, Dialog as Dialog$1 } from 'radix-ui';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { isFieldEntry, isLayoutEntry } from '@arqel-dev/types/forms';
-import { useArqelForm } from '@arqel-dev/hooks';
-import { usePage, router } from '@inertiajs/react';
-import { ResponsiveContainer, LineChart as LineChart$1, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Line, BarChart as BarChart$1, Bar, AreaChart as AreaChart$1, Area, PieChart as PieChart$1, Pie, Cell, RadarChart as RadarChart$1, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar } from 'recharts';
-import { XIcon } from 'lucide-react';
-import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var init_cn = __esm({
-  "src/utils/cn.ts"() {
-  }
-});
-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
-    }
-  );
-}
-var buttonVariants;
-var init_button = __esm({
-  "src/shadcn/ui/button.tsx"() {
-    init_cn();
-    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"
-        }
-      }
-    );
-  }
-});
-
-// src/action/Button.tsx
-var init_Button = __esm({
-  "src/action/Button.tsx"() {
-    init_button();
-  }
-});
-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 })
-      ]
-    }
-  );
-}
-var init_FormActions = __esm({
-  "src/form/FormActions.tsx"() {
-    init_Button();
-    init_cn();
-  }
-});
-
-// src/form/FieldRegistry.tsx
-function getFieldComponent(name) {
-  return registry.get(name);
-}
-var registry;
-var init_FieldRegistry = __esm({
-  "src/form/FieldRegistry.tsx"() {
-    registry = /* @__PURE__ */ new Map();
-  }
-});
-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)
-    }
-  );
-}
-var inputClasses;
-var init_nativeFields = __esm({
-  "src/form/nativeFields.tsx"() {
-    init_cn();
-    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 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 Input = 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(Input, { ...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] })
-      ]
-    }
-  );
-}
-var init_FieldRenderer = __esm({
-  "src/form/FieldRenderer.tsx"() {
-    init_cn();
-    init_FieldRegistry();
-    init_nativeFields();
-  }
-});
-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
-      }
-    )
-  ] });
-}
-var init_FormFieldset = __esm({
-  "src/form/FormFieldset.tsx"() {
-    init_cn();
-  }
-});
-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
-    }
-  );
-}
-var init_FormGrid = __esm({
-  "src/form/FormGrid.tsx"() {
-    init_cn();
-  }
-});
-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
-      ] })
-    }
-  );
-}
-var init_FormSection = __esm({
-  "src/form/FormSection.tsx"() {
-    init_cn();
-  }
-});
-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
-      }
-    )
-  ] });
-}
-var init_FormTabs = __esm({
-  "src/form/FormTabs.tsx"() {
-    init_cn();
-  }
-});
-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}`))
-    }
-  );
-}
-var init_FormRenderer = __esm({
-  "src/form/FormRenderer.tsx"() {
-    init_cn();
-    init_FieldRenderer();
-    init_FormFieldset();
-    init_FormGrid();
-    init_FormSection();
-    init_FormTabs();
-  }
-});
-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 })
-  ] });
-}
-var init_PageHeader = __esm({
-  "src/utility/PageHeader.tsx"() {
-    init_cn();
-  }
-});
-
-// src/pages/ArqelCreatePage.tsx
-var ArqelCreatePage_exports = {};
-__export(ArqelCreatePage_exports, {
-  default: () => ArqelCreatePage
-});
-function ArqelCreatePage() {
-  const page = usePage();
-  const props = page.props;
-  const fields = props.fields ?? [];
-  const schema = props.form ?? FALLBACK_SCHEMA;
-  const form = useArqelForm({ fields });
-  const submit = (e) => {
-    e.preventDefault();
-    const slug = props.resource?.slug ?? "";
-    const basePath = props.resource?.panelPath ?? "/admin";
-    router.post(`${basePath}/${slug}`, form.data, {
-      preserveScroll: true
-    });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx(PageHeader, { title: `Create ${props.resource?.label ?? "record"}`, description: null }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: "space-y-6", children: [
-      /* @__PURE__ */ jsx(
-        FormRenderer,
-        {
-          schema,
-          fields,
-          values: form.data,
-          onChange: (name, value) => form.setData(name, value),
-          errors: form.errors
-        }
-      ),
-      /* @__PURE__ */ jsx(FormActions, { processing: form.processing, onCancel: () => window.history.back() })
-    ] })
-  ] });
-}
-var FALLBACK_SCHEMA;
-var init_ArqelCreatePage = __esm({
-  "src/pages/ArqelCreatePage.tsx"() {
-    init_FormActions();
-    init_FormRenderer();
-    init_PageHeader();
-    FALLBACK_SCHEMA = {
-      schema: [],
-      columns: 1,
-      model: null,
-      inline: false,
-      disabled: false
-    };
-  }
-});
-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 init_WidgetWrapper = __esm({
-  "src/widgets/WidgetWrapper.tsx"() {
-    init_cn();
-  }
-});
-
-// src/widgets/types.ts
-function toRowShape(data) {
-  return data.labels.map((label, i) => {
-    const row = { name: label };
-    data.datasets.forEach((ds, j) => {
-      row[`dataset${j}`] = ds.data[i] ?? 0;
-    });
-    return row;
-  });
-}
-function colorFor(dataset, index) {
-  return dataset.color ?? PALETTE[index % PALETTE.length] ?? "#2563eb";
-}
-var PALETTE;
-var init_types = __esm({
-  "src/widgets/types.ts"() {
-    PALETTE = [
-      "#2563eb",
-      "#10b981",
-      "#f59e0b",
-      "#ef4444",
-      "#8b5cf6",
-      "#ec4899",
-      "#14b8a6",
-      "#f97316"
-    ];
-  }
-});
-
-// src/widgets/charts/LineChart.tsx
-var LineChart_exports = {};
-__export(LineChart_exports, {
-  LineChart: () => LineChart
-});
-function LineChart({ chartData, height, showLegend, showGrid }) {
-  const rows = toRowShape(chartData);
-  return /* @__PURE__ */ jsx("div", { "data-testid": "chart-line", style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart$1, { data: rows, children: [
-    showGrid ? /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }) : null,
-    /* @__PURE__ */ jsx(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx(YAxis, {}),
-    /* @__PURE__ */ jsx(Tooltip, {}),
-    showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null,
-    chartData.datasets.map((ds, i) => /* @__PURE__ */ jsx(
-      Line,
-      {
-        type: "monotone",
-        dataKey: `dataset${i}`,
-        name: ds.label,
-        stroke: colorFor(ds, i),
-        strokeWidth: 2,
-        dot: false
-      },
-      ds.label
-    ))
-  ] }) }) });
-}
-var init_LineChart = __esm({
-  "src/widgets/charts/LineChart.tsx"() {
-    init_types();
-  }
-});
-
-// src/widgets/charts/BarChart.tsx
-var BarChart_exports = {};
-__export(BarChart_exports, {
-  BarChart: () => BarChart
-});
-function BarChart({ chartData, height, showLegend, showGrid }) {
-  const rows = toRowShape(chartData);
-  return /* @__PURE__ */ jsx("div", { "data-testid": "chart-bar", style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart$1, { data: rows, children: [
-    showGrid ? /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }) : null,
-    /* @__PURE__ */ jsx(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx(YAxis, {}),
-    /* @__PURE__ */ jsx(Tooltip, {}),
-    showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null,
-    chartData.datasets.map((ds, i) => /* @__PURE__ */ jsx(Bar, { dataKey: `dataset${i}`, name: ds.label, fill: colorFor(ds, i) }, ds.label))
-  ] }) }) });
-}
-var init_BarChart = __esm({
-  "src/widgets/charts/BarChart.tsx"() {
-    init_types();
-  }
-});
-
-// src/widgets/charts/AreaChart.tsx
-var AreaChart_exports = {};
-__export(AreaChart_exports, {
-  AreaChart: () => AreaChart
-});
-function AreaChart({ chartData, height, showLegend, showGrid }) {
-  const rows = toRowShape(chartData);
-  return /* @__PURE__ */ jsx("div", { "data-testid": "chart-area", style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(AreaChart$1, { data: rows, children: [
-    showGrid ? /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }) : null,
-    /* @__PURE__ */ jsx(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx(YAxis, {}),
-    /* @__PURE__ */ jsx(Tooltip, {}),
-    showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null,
-    chartData.datasets.map((ds, i) => {
-      const color = colorFor(ds, i);
-      return /* @__PURE__ */ jsx(
-        Area,
-        {
-          type: "monotone",
-          dataKey: `dataset${i}`,
-          name: ds.label,
-          stroke: color,
-          fill: color,
-          fillOpacity: 0.3
-        },
-        ds.label
-      );
-    })
-  ] }) }) });
-}
-var init_AreaChart = __esm({
-  "src/widgets/charts/AreaChart.tsx"() {
-    init_types();
-  }
-});
-
-// src/widgets/charts/PieChart.tsx
-var PieChart_exports = {};
-__export(PieChart_exports, {
-  PieChart: () => PieChart
-});
-function PieChart({
-  chartData,
-  height,
-  showLegend,
-  innerRadius = 0,
-  testId = "chart-pie"
-}) {
-  const first = chartData.datasets[0];
-  const slices = (first?.data ?? []).map((value, i) => ({
-    name: chartData.labels[i] ?? `Slice ${i + 1}`,
-    value
-  }));
-  return /* @__PURE__ */ jsx("div", { "data-testid": testId, style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(PieChart$1, { children: [
-    /* @__PURE__ */ jsx(
-      Pie,
-      {
-        data: slices,
-        dataKey: "value",
-        nameKey: "name",
-        innerRadius,
-        outerRadius: "80%",
-        label: true,
-        children: slices.map((slice, i) => /* @__PURE__ */ jsx(Cell, { fill: colorFor(first ?? { }, i) }, slice.name))
-      }
-    ),
-    /* @__PURE__ */ jsx(Tooltip, {}),
-    showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null
-  ] }) }) });
-}
-var init_PieChart = __esm({
-  "src/widgets/charts/PieChart.tsx"() {
-    init_types();
-  }
-});
-
-// src/widgets/charts/DonutChart.tsx
-var DonutChart_exports = {};
-__export(DonutChart_exports, {
-  DonutChart: () => DonutChart
-});
-function DonutChart(props) {
-  return /* @__PURE__ */ jsx(PieChart, { ...props, innerRadius: 60, testId: "chart-donut" });
-}
-var init_DonutChart = __esm({
-  "src/widgets/charts/DonutChart.tsx"() {
-    init_PieChart();
-  }
-});
-
-// src/widgets/charts/RadarChart.tsx
-var RadarChart_exports = {};
-__export(RadarChart_exports, {
-  RadarChart: () => RadarChart
-});
-function RadarChart({ chartData, height, showLegend, showGrid }) {
-  const rows = toRowShape(chartData);
-  return /* @__PURE__ */ jsx("div", { "data-testid": "chart-radar", style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(RadarChart$1, { data: rows, children: [
-    showGrid ? /* @__PURE__ */ jsx(PolarGrid, {}) : null,
-    /* @__PURE__ */ jsx(PolarAngleAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx(PolarRadiusAxis, {}),
-    chartData.datasets.map((ds, i) => {
-      const color = colorFor(ds, i);
-      return /* @__PURE__ */ jsx(
-        Radar,
-        {
-          dataKey: `dataset${i}`,
-          name: ds.label,
-          stroke: color,
-          fill: color,
-          fillOpacity: 0.3
-        },
-        ds.label
-      );
-    }),
-    /* @__PURE__ */ jsx(Tooltip, {}),
-    showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null
-  ] }) }) });
-}
-var init_RadarChart = __esm({
-  "src/widgets/charts/RadarChart.tsx"() {
-    init_types();
-  }
-});
-function ChartCard({ widget }) {
-  const Chart = REGISTRY[widget.chartType] ?? LineChart2;
-  return /* @__PURE__ */ jsx(WidgetWrapper, { heading: widget.heading, description: widget.description, children: /* @__PURE__ */ jsx(
-    Suspense,
-    {
-      fallback: /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "status",
-          "aria-label": "Loading chart",
-          "data-testid": "chart-fallback",
-          className: "animate-pulse rounded bg-muted",
-          style: { height: widget.height }
-        }
-      ),
-      children: /* @__PURE__ */ jsx(
-        Chart,
-        {
-          chartData: widget.chartData,
-          chartOptions: widget.chartOptions,
-          height: widget.height,
-          showLegend: widget.showLegend,
-          showGrid: widget.showGrid
-        }
-      )
-    }
-  ) });
-}
-var LineChart2, BarChart2, AreaChart2, PieChart2, DonutChart2, RadarChart2, REGISTRY;
-var init_ChartCard = __esm({
-  "src/widgets/ChartCard.tsx"() {
-    init_WidgetWrapper();
-    LineChart2 = lazy(() => Promise.resolve().then(() => (init_LineChart(), LineChart_exports)).then((m) => ({ default: m.LineChart })));
-    BarChart2 = lazy(() => Promise.resolve().then(() => (init_BarChart(), BarChart_exports)).then((m) => ({ default: m.BarChart })));
-    AreaChart2 = lazy(() => Promise.resolve().then(() => (init_AreaChart(), AreaChart_exports)).then((m) => ({ default: m.AreaChart })));
-    PieChart2 = lazy(() => Promise.resolve().then(() => (init_PieChart(), PieChart_exports)).then((m) => ({ default: m.PieChart })));
-    DonutChart2 = lazy(
-      () => Promise.resolve().then(() => (init_DonutChart(), DonutChart_exports)).then((m) => ({ default: m.DonutChart }))
-    );
-    RadarChart2 = lazy(
-      () => Promise.resolve().then(() => (init_RadarChart(), RadarChart_exports)).then((m) => ({ default: m.RadarChart }))
-    );
-    REGISTRY = {
-      line: LineChart2,
-      bar: BarChart2,
-      area: AreaChart2,
-      pie: PieChart2,
-      donut: DonutChart2,
-      radar: RadarChart2
-    };
-  }
-});
-function DashboardFilters({ filters, values, onChange, className }) {
-  if (!filters || filters.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-2", className), "data-testid": "dashboard-filters", children: filters.map((filter) => /* @__PURE__ */ jsx(
-    FilterControl,
-    {
-      filter,
-      value: values[filter.name],
-      onChange: (v) => onChange(filter.name, v)
-    },
-    filter.name
-  )) });
-}
-function FilterControl({
-  filter,
-  value,
-  onChange
-}) {
-  if (filter.type === "select") {
-    return /* @__PURE__ */ jsx(SelectControl, { filter, value, onChange });
-  }
-  if (filter.type === "date_range") {
-    return /* @__PURE__ */ jsx(
-      DateRangeControl,
-      {
-        filter,
-        value,
-        onChange
-      }
-    );
-  }
-  return null;
-}
-function controlClasses() {
-  return cn(
-    "h-9 rounded-sm border border-[var(--input)]",
-    "bg-background px-2 text-sm",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-  );
-}
-function normaliseOptions2(raw) {
-  if (!raw) return [];
-  if (Array.isArray(raw)) {
-    return raw.map((o) => ({ value: String(o.value), label: String(o.label ?? o.value) }));
-  }
-  return Object.entries(raw).map(([k, v]) => ({ value: String(k), label: String(v) }));
-}
-function SelectControl({
-  filter,
-  value,
-  onChange
-}) {
-  const options = normaliseOptions2(filter.options);
-  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-    filter.label ?? filter.name,
-    /* @__PURE__ */ jsxs(
-      "select",
-      {
-        "aria-label": filter.label ?? filter.name,
-        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" }),
-          options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
-        ]
-      }
-    )
-  ] });
-}
-function DateRangeControl({
-  filter,
-  value,
-  onChange
-}) {
-  const range = value && typeof value === "object" ? value : {};
-  const fromValue = typeof range.from === "string" ? range.from : "";
-  const toValue = typeof range.to === "string" ? range.to : "";
-  return /* @__PURE__ */ jsxs("fieldset", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-    /* @__PURE__ */ jsx("legend", { children: filter.label ?? filter.name }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "date",
-          "aria-label": `${filter.label ?? filter.name} from`,
-          className: controlClasses(),
-          value: fromValue,
-          onChange: (e) => onChange({ from: e.target.value || null, to: range.to ?? null })
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2013" }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "date",
-          "aria-label": `${filter.label ?? filter.name} to`,
-          className: controlClasses(),
-          value: toValue,
-          onChange: (e) => onChange({ from: range.from ?? null, to: e.target.value || null })
-        }
-      )
-    ] })
-  ] });
-}
-var init_DashboardFilters = __esm({
-  "src/widgets/DashboardFilters.tsx"() {
-    init_cn();
-  }
-});
-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
-    }
-  );
-}
-var COLOR_TEXT, COLOR_STROKE;
-var init_StatCard = __esm({
-  "src/widgets/StatCard.tsx"() {
-    init_cn();
-    init_WidgetWrapper();
-    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"
-    };
-    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 TableCard({ widget, className }) {
-  return /* @__PURE__ */ jsx(
-    WidgetWrapper,
-    {
-      heading: widget.heading ?? void 0,
-      description: widget.description ?? void 0,
-      className,
-      children: widget.loadError ? /* @__PURE__ */ jsx("div", { role: "alert", className: "text-sm text-red-600", children: widget.loadError }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: cn("w-full border-collapse text-sm", "text-foreground"), children: [
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "border-b border-border text-left", children: widget.columns.map((column) => /* @__PURE__ */ jsx(
-            "th",
-            {
-              scope: "col",
-              className: "px-2 py-1.5 font-medium text-muted-foreground",
-              children: column.label ?? column.name
-            },
-            column.name
-          )) }) }),
-          /* @__PURE__ */ jsx("tbody", { children: widget.records.map((record, rowIndex) => /* @__PURE__ */ jsx(
-            "tr",
-            {
-              className: "border-b border-border last:border-0",
-              children: widget.columns.map((column) => /* @__PURE__ */ jsx("td", { className: "px-2 py-1.5", children: formatCell(record[column.name]) }, column.name))
-            },
-            rowIndex
-          )) })
-        ] }) }),
-        widget.seeAllUrl && /* @__PURE__ */ jsx("div", { className: "mt-3 text-right", children: /* @__PURE__ */ jsx("a", { href: widget.seeAllUrl, className: "text-sm text-primary", children: "See all \u2192" }) })
-      ] })
-    }
-  );
-}
-function formatCell(value) {
-  if (value === null || value === void 0) return "";
-  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
-    return String(value);
-  }
-  try {
-    return JSON.stringify(value);
-  } catch {
-    return "";
-  }
-}
-var init_TableCard = __esm({
-  "src/widgets/TableCard.tsx"() {
-    init_cn();
-    init_WidgetWrapper();
-  }
-});
-function WidgetRenderer({ widget, filterValues, fetcher }) {
-  const [data, setData] = useState(widget.data ?? null);
-  const filterRef = useRef(filterValues);
-  filterRef.current = filterValues;
-  const dashboardId = widget.dashboardId;
-  const widgetId = widget.widgetId ?? widget.name;
-  const poll = typeof widget.poll === "number" ? widget.poll : 0;
-  const deferred = widget.deferred === true;
-  const hasInlineDataRef = useRef(widget.data !== null && widget.data !== void 0);
-  useEffect(() => {
-    if (!dashboardId || !widgetId) return void 0;
-    const url = `/admin/dashboards/${dashboardId}/widgets/${widgetId}/data`;
-    const doFetch = async () => {
-      try {
-        const result = fetcher ? await fetcher(url) : await fetch(url, { headers: { Accept: "application/json" } }).then((r) => r.json());
-        setData(result);
-      } catch {
-      }
-    };
-    let interval;
-    if (deferred && !hasInlineDataRef.current) {
-      void doFetch();
-    }
-    if (poll > 0) {
-      interval = setInterval(() => {
-        void doFetch();
-      }, poll * 1e3);
-    }
-    return () => {
-      if (interval) clearInterval(interval);
-    };
-  }, [dashboardId, widgetId, poll, deferred, fetcher]);
-  const merged = mergeData(widget, data);
-  switch (widget.type) {
-    case "stat":
-      return /* @__PURE__ */ jsx(StatCard, { widget: merged });
-    case "chart":
-      return /* @__PURE__ */ jsx(ChartCard, { widget: merged });
-    case "table":
-      return /* @__PURE__ */ jsx(TableCard, { widget: merged });
-    default:
-      return /* @__PURE__ */ jsxs("div", { role: "alert", className: "text-sm text-red-600", children: [
-        "Widget type ",
-        widget.type,
-        " not registered"
-      ] });
-  }
-}
-function mergeData(widget, data) {
-  if (data && typeof data === "object" && !Array.isArray(data)) {
-    return { ...widget, ...data };
-  }
-  return { ...widget, data };
-}
-var init_WidgetRenderer = __esm({
-  "src/widgets/WidgetRenderer.tsx"() {
-    init_ChartCard();
-    init_StatCard();
-    init_TableCard();
-  }
-});
-function DashboardGrid({
-  dashboard,
-  filterValues,
-  onFilterChange,
-  className
-}) {
-  const [internalValues, setInternalValues] = useState(filterValues ?? {});
-  const values = filterValues ?? internalValues;
-  const handleChange = (name, value) => {
-    if (onFilterChange) {
-      onFilterChange(name, value);
-    } else {
-      setInternalValues((prev) => ({ ...prev, [name]: value }));
-    }
-  };
-  const filterPayload = normaliseFilters(dashboard.filters);
-  const heading = dashboard.heading ?? dashboard.label;
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        heading && /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold", children: heading }),
-        dashboard.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: dashboard.description })
-      ] }),
-      filterPayload.length > 0 && /* @__PURE__ */ jsx(DashboardFilters, { filters: filterPayload, values, onChange: handleChange })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn("grid gap-4", gridColsClass(dashboard.columns)),
-        "data-testid": "dashboard-grid",
-        children: dashboard.widgets.map((widget) => {
-          const rawSpan = widget.columnSpan;
-          const span = typeof rawSpan === "number" ? rawSpan : 1;
-          const style = { gridColumn: `span ${span}` };
-          return /* @__PURE__ */ jsx("div", { style, "data-widget-slot": widget.name, children: /* @__PURE__ */ jsx(WidgetRenderer, { widget, filterValues: values }) }, widget.name);
-        })
-      }
-    )
-  ] });
-}
-function gridColsClass(columns) {
-  if (typeof columns === "number") {
-    return `grid-cols-${Math.max(1, Math.min(12, columns))}`;
-  }
-  const parts = [];
-  parts.push("grid-cols-1");
-  for (const bp of ["sm", "md", "lg", "xl", "2xl"]) {
-    const value = columns[bp];
-    if (typeof value === "number") {
-      parts.push(`${BREAKPOINT_PREFIX[bp]}grid-cols-${Math.max(1, Math.min(12, value))}`);
-    }
-  }
-  return parts.join(" ");
-}
-function normaliseFilters(raw) {
-  if (!raw) return [];
-  if (Array.isArray(raw)) return raw;
-  return [];
-}
-var BREAKPOINT_PREFIX;
-var init_DashboardGrid = __esm({
-  "src/widgets/DashboardGrid.tsx"() {
-    init_cn();
-    init_DashboardFilters();
-    init_WidgetRenderer();
-    BREAKPOINT_PREFIX = {
-      sm: "sm:",
-      md: "md:",
-      lg: "lg:",
-      xl: "xl:",
-      "2xl": "2xl:"
-    };
-  }
-});
-
-// src/widgets/index.ts
-var init_widgets = __esm({
-  "src/widgets/index.ts"() {
-    init_DashboardGrid();
-  }
-});
-
-// src/pages/ArqelDashboardPage.tsx
-var ArqelDashboardPage_exports = {};
-__export(ArqelDashboardPage_exports, {
-  default: () => ArqelDashboardPage
-});
-function ArqelDashboardPage() {
-  const { dashboard, filterValues } = usePage().props;
-  const handleFilterChange = (name, value) => {
-    const current = filterValues ?? {};
-    const next = { ...current };
-    if (value === void 0 || value === null || value === "") {
-      delete next[name];
-    } else {
-      next[name] = value;
-    }
-    const path = dashboard.path ?? `/admin/dashboards/${dashboard.id}`;
-    const params = Object.keys(next).length > 0 ? { filters: next } : {};
-    router.get(path, params, {
-      preserveState: true,
-      preserveScroll: true,
-      replace: true
-    });
-  };
-  return /* @__PURE__ */ jsx(
-    DashboardGrid,
-    {
-      dashboard,
-      filterValues: filterValues ?? {},
-      onFilterChange: handleFilterChange
-    }
-  );
-}
-var init_ArqelDashboardPage = __esm({
-  "src/pages/ArqelDashboardPage.tsx"() {
-    init_widgets();
-  }
-});
-
-// src/pages/ArqelEditPage.tsx
-var ArqelEditPage_exports = {};
-__export(ArqelEditPage_exports, {
-  default: () => ArqelEditPage
-});
-function ArqelEditPage() {
-  const page = usePage();
-  const props = page.props;
-  const fields = props.fields ?? [];
-  const record = props.record;
-  const schema = props.form ?? FALLBACK_SCHEMA2;
-  const form = useArqelForm({ fields, record });
-  const submit = (e) => {
-    e.preventDefault();
-    const id = String(record?.id ?? "");
-    const slug = props.resource?.slug ?? "";
-    const basePath = props.resource?.panelPath ?? "/admin";
-    router.put(`${basePath}/${slug}/${id}`, form.data, {
-      preserveScroll: true
-    });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx(
-      PageHeader,
-      {
-        title: props.recordTitle ?? `Edit ${props.resource?.label ?? "record"}`,
-        description: props.recordSubtitle ?? null
-      }
-    ),
-    /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: "space-y-6", children: [
-      /* @__PURE__ */ jsx(
-        FormRenderer,
-        {
-          schema,
-          fields,
-          values: form.data,
-          onChange: (name, value) => form.setData(name, value),
-          errors: form.errors
-        }
-      ),
-      /* @__PURE__ */ jsx(FormActions, { processing: form.processing, onCancel: () => window.history.back() })
-    ] })
-  ] });
-}
-var FALLBACK_SCHEMA2;
-var init_ArqelEditPage = __esm({
-  "src/pages/ArqelEditPage.tsx"() {
-    init_FormActions();
-    init_FormRenderer();
-    init_PageHeader();
-    FALLBACK_SCHEMA2 = {
-      schema: [],
-      columns: 1,
-      model: null,
-      inline: false,
-      disabled: false
-    };
-  }
-});
-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
-    }
-  );
-}
-var init_dropdown_menu = __esm({
-  "src/shadcn/ui/dropdown-menu.tsx"() {
-    "use client";
-    init_cn();
-  }
-});
-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 init_dialog = __esm({
-  "src/shadcn/ui/dialog.tsx"() {
-    init_cn();
-    init_button();
-  }
-});
-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 SIZE_CLASSES;
-var init_ActionFormModal = __esm({
-  "src/action/ActionFormModal.tsx"() {
-    init_FormActions();
-    init_FormRenderer();
-    init_dialog();
-    init_cn();
-    init_Button();
-    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 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_VARIANT;
-var init_ConfirmDialog = __esm({
-  "src/action/ConfirmDialog.tsx"() {
-    init_dialog();
-    init_Button();
-    COLOR_VARIANT = {
-      destructive: "destructive",
-      warning: "default",
-      info: "default"
-    };
-  }
-});
-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
-      }
-    )
-  ] });
-}
-var COLOR_TO_VARIANT, VARIANT_OVERRIDE;
-var init_ActionButton = __esm({
-  "src/action/ActionButton.tsx"() {
-    init_ActionFormModal();
-    init_Button();
-    init_ConfirmDialog();
-    COLOR_TO_VARIANT = {
-      primary: "default",
-      secondary: "outline",
-      destructive: "destructive",
-      success: "default",
-      warning: "default",
-      info: "default"
-    };
-    VARIANT_OVERRIDE = {
-      default: "default",
-      outline: "outline",
-      ghost: "ghost",
-      destructive: "destructive"
-    };
-  }
-});
-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
-    )) })
-  ] });
-}
-var init_ActionMenu = __esm({
-  "src/action/ActionMenu.tsx"() {
-    init_dropdown_menu();
-    init_cn();
-    init_ActionButton();
-    init_Button();
-  }
-});
-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) });
-}
-var init_cells = __esm({
-  "src/table/cells.tsx"() {
-    init_cn();
-  }
-});
-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
-        );
-      })
-    ] })
-  ] }) });
-}
-var init_DataTable = __esm({
-  "src/table/DataTable.tsx"() {
-    init_cn();
-    init_cells();
-  }
-});
-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(
-      FilterControl2,
-      {
-        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 FilterControl2({
-  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 controlClasses2() {
-  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: controlClasses2(),
-        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(controlClasses2(), "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: controlClasses2(),
-        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: controlClasses2(),
-        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" })
-        ]
-      }
-    )
-  ] });
-}
-var init_TableFilters = __esm({
-  "src/table/TableFilters.tsx"() {
-    init_Button();
-    init_cn();
-  }
-});
-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"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-var init_TablePagination = __esm({
-  "src/table/TablePagination.tsx"() {
-    init_Button();
-    init_cn();
-  }
-});
-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"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-var init_TableToolbar = __esm({
-  "src/table/TableToolbar.tsx"() {
-    init_cn();
-  }
-});
-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 init_ResourceIndex = __esm({
-  "src/resource/ResourceIndex.tsx"() {
-    init_DataTable();
-    init_TableFilters();
-    init_TablePagination();
-    init_TableToolbar();
-    init_cn();
-  }
-});
-
-// src/pages/ArqelIndexPage.tsx
-var ArqelIndexPage_exports = {};
-__export(ArqelIndexPage_exports, {
-  default: () => ArqelIndexPage
-});
-function pruneEmptyFilters(values) {
-  const out = {};
-  for (const [k, v] of Object.entries(values)) {
-    if (v === void 0 || v === null || v === "") continue;
-    if (Array.isArray(v) && v.length === 0) continue;
-    out[k] = v;
-  }
-  return out;
-}
-function invokeAction(action, record, formValues) {
-  const recordId = record?.id;
-  const url = action.url ? action.url.replace("{id}", String(recordId ?? "")) : `/arqel-dev/actions/${action.name}`;
-  const method = action.method.toLowerCase();
-  const data = { ...formValues ?? {} };
-  if (recordId !== void 0) data["record_id"] = recordId;
-  router.visit(url, {
-    method,
-    data,
-    preserveScroll: true
-  });
-}
-function buildQuery(params) {
-  const data = {};
-  const filters = pruneEmptyFilters(params.filters);
-  if (Object.keys(filters).length > 0) data["filter"] = filters;
-  if (params.search !== void 0) data["search"] = params.search;
-  if (params.sort?.column) {
-    data["sort"] = params.sort.column;
-    if (params.sort.direction) data["direction"] = params.sort.direction;
-  }
-  if (params.page && params.page > 1) data["page"] = params.page;
-  if (params.perPage) data["per_page"] = params.perPage;
-  return data;
-}
-function ArqelIndexPage() {
-  const page = usePage();
-  const props = page.props;
-  const initialFilters = useMemo(() => {
-    if (typeof window === "undefined") return {};
-    const sp = new URLSearchParams(window.location.search);
-    const fromUrl = {};
-    for (const [key, value] of sp.entries()) {
-      const m = key.match(/^filter\[([^\]]+)\]$/);
-      if (m?.[1]) fromUrl[m[1]] = value;
-    }
-    return fromUrl;
-  }, []);
-  const [filterValues, setFilterValues] = useState(initialFilters);
-  const [searchValue, setSearchValue] = useState(props.search ?? "");
-  const [perPage, setPerPage] = useState(props.pagination?.perPage);
-  const [selectedIds, setSelectedIds] = useState([]);
-  const searchDebounceRef = useRef(null);
-  const visit = (data) => {
-    const url = typeof window !== "undefined" ? window.location.pathname : page.url.split("?")[0];
-    router.get(url ?? "/", data, {
-      preserveState: true,
-      preserveScroll: true,
-      replace: true
-    });
-  };
-  const currentSort = props.sort ?? null;
-  const handleFilterChange = (name, value) => {
-    const nextFilters = { ...filterValues };
-    if (value === void 0 || value === null || value === "") {
-      delete nextFilters[name];
-    } else {
-      nextFilters[name] = value;
-    }
-    setFilterValues(nextFilters);
-    visit(buildQuery({ filters: nextFilters, search: searchValue, sort: currentSort, perPage }));
-  };
-  const handleClearFilters = () => {
-    setFilterValues({});
-    visit(buildQuery({ filters: {}, search: searchValue, sort: currentSort, perPage }));
-  };
-  const handleSearchChange = (value) => {
-    setSearchValue(value);
-    if (searchDebounceRef.current) clearTimeout(searchDebounceRef.current);
-    searchDebounceRef.current = setTimeout(() => {
-      visit(buildQuery({ filters: filterValues, search: value, sort: currentSort, perPage }));
-    }, 300);
-  };
-  useEffect(
-    () => () => {
-      if (searchDebounceRef.current) clearTimeout(searchDebounceRef.current);
-    },
-    []
-  );
-  const handleSortChange = (column, direction) => {
-    visit(
-      buildQuery({
-        filters: filterValues,
-        search: searchValue,
-        sort: { column, direction },
-        perPage
-      })
-    );
-  };
-  const handlePageChange = (pageNum) => {
-    visit(
-      buildQuery({
-        filters: filterValues,
-        search: searchValue,
-        sort: currentSort,
-        page: pageNum,
-        perPage
-      })
-    );
-  };
-  const handlePerPageChange = (newPerPage) => {
-    setPerPage(newPerPage);
-    visit(
-      buildQuery({
-        filters: filterValues,
-        search: searchValue,
-        sort: currentSort,
-        perPage: newPerPage
-      })
-    );
-  };
-  const bulkActionsList = props.actions?.bulk ?? [];
-  const bulkActions = bulkActionsList.length > 0 && selectedIds.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: bulkActionsList.map((action) => /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick: () => {
-        const url = action.url ?? `/arqel-dev/actions/${action.name}`;
-        const method = action.method.toLowerCase();
-        router.visit(url, {
-          method,
-          data: { record_ids: selectedIds },
-          preserveScroll: true,
-          onSuccess: () => setSelectedIds([])
-        });
-      },
-      className: "inline-flex h-8 items-center gap-1 rounded-sm border border-destructive/40 bg-destructive/10 px-3 text-xs font-medium text-destructive hover:bg-destructive/20",
-      children: action.label
-    },
-    action.name
-  )) }) : void 0;
-  const rowActionsList = props.actions?.row ?? [];
-  const rowActions = rowActionsList.length > 0 ? (record) => /* @__PURE__ */ jsx(
-    ActionMenu,
-    {
-      actions: rowActionsList,
-      onInvoke: (action, formValues) => invokeAction(action, record, formValues)
-    }
-  ) : void 0;
-  return /* @__PURE__ */ jsx(
-    ResourceIndex,
-    {
-      ...props,
-      filterValues,
-      onFilterChange: handleFilterChange,
-      onClearFilters: handleClearFilters,
-      onSearchChange: handleSearchChange,
-      onSortChange: handleSortChange,
-      onPageChange: handlePageChange,
-      onPerPageChange: handlePerPageChange,
-      search: searchValue,
-      selectedIds,
-      onSelectionChange: (ids) => setSelectedIds(ids),
-      ...rowActions ? { rowActions } : {},
-      ...bulkActions ? { bulkActions } : {}
-    }
-  );
-}
-var init_ArqelIndexPage = __esm({
-  "src/pages/ArqelIndexPage.tsx"() {
-    init_ActionMenu();
-    init_ResourceIndex();
-  }
-});
-
-// src/pages/ArqelShowPage.tsx
-var ArqelShowPage_exports = {};
-__export(ArqelShowPage_exports, {
-  default: () => ArqelShowPage
-});
-function ArqelShowPage() {
-  const page = usePage();
-  const props = page.props;
-  const fields = props.fields ?? [];
-  const values = {};
-  for (const field of fields) {
-    const name = field.name;
-    if (typeof name === "string" && props.record !== null && typeof props.record === "object") {
-      values[name] = props.record[name];
-    }
-  }
-  const declaredForm = props.form;
-  const schema = declaredForm ? { ...declaredForm, disabled: true } : FALLBACK_SCHEMA3;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx(
-      PageHeader,
-      {
-        title: props.recordTitle ?? props.resource?.label ?? "Record",
-        description: props.recordSubtitle ?? null
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FormRenderer,
-      {
-        schema,
-        fields,
-        values,
-        onChange: () => {
-        },
-        errors: {}
-      }
-    )
-  ] });
-}
-var FALLBACK_SCHEMA3;
-var init_ArqelShowPage = __esm({
-  "src/pages/ArqelShowPage.tsx"() {
-    init_FormRenderer();
-    init_PageHeader();
-    FALLBACK_SCHEMA3 = {
-      schema: [],
-      columns: 1,
-      model: null,
-      inline: false,
-      disabled: true
-    };
-  }
-});
+export { ArqelShowPage } from './chunk-7LSZADUC.js';
+export { ArqelDashboardPage } from './chunk-PXON56HL.js';
+export { ArqelEditPage } from './chunk-3JJOHYD7.js';
+export { ArqelIndexPage } from './chunk-ERT7LL6C.js';
+import './chunk-47HD7ALI.js';
+export { ArqelCreatePage } from './chunk-VSTRVXXZ.js';
+import './chunk-WKWV36PG.js';
+import './chunk-MXUXMHOK.js';
+import './chunk-2LTZJ4R7.js';
+import './chunk-PZEVKMZX.js';
+import './chunk-RMPOR2YZ.js';
+import './chunk-TNJEHYRF.js';
+import './chunk-EYAUPJ6J.js';
+import './chunk-MTZJDFQ6.js';
+import './chunk-MSRTGCTJ.js';
+import './chunk-FHRQ7PWE.js';
+import './chunk-B7ULUJVO.js';
 
 // src/pages/index.ts
-init_ArqelCreatePage();
-init_ArqelDashboardPage();
-init_ArqelEditPage();
-init_ArqelIndexPage();
-init_ArqelShowPage();
 var arqelPages = {
-  "arqel::index": () => Promise.resolve().then(() => (init_ArqelIndexPage(), ArqelIndexPage_exports)),
-  "arqel::create": () => Promise.resolve().then(() => (init_ArqelCreatePage(), ArqelCreatePage_exports)),
-  "arqel::edit": () => Promise.resolve().then(() => (init_ArqelEditPage(), ArqelEditPage_exports)),
-  "arqel::show": () => Promise.resolve().then(() => (init_ArqelShowPage(), ArqelShowPage_exports)),
-  "arqel::dashboard": () => Promise.resolve().then(() => (init_ArqelDashboardPage(), ArqelDashboardPage_exports))
+  "arqel::index": () => import('./ArqelIndexPage-MRH3572Z.js'),
+  "arqel::create": () => import('./ArqelCreatePage-P3G6TKIK.js'),
+  "arqel::edit": () => import('./ArqelEditPage-HKQSE6E5.js'),
+  "arqel::show": () => import('./ArqelShowPage-4FS5MTUN.js'),
+  "arqel::dashboard": () => import('./ArqelDashboardPage-PX3Y75AA.js')
 };
 
-export { ArqelCreatePage, ArqelDashboardPage, ArqelEditPage, ArqelIndexPage, ArqelShowPage, arqelPages };
+export { arqelPages };
 //# sourceMappingURL=pages.js.map
 //# sourceMappingURL=pages.js.map