@arqel-dev/ui 0.11.0 → 0.14.0

package/dist/chunk-FV7RESKL.js

@@ -0,0 +1,285 @@
+import { useRef, useState, useId, useEffect, useCallback } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/palette/CommandPalette.tsx
+var RECENT_KEY = "arqel:cmdpal:recent";
+var RECENT_WINDOW_MS = 30 * 24 * 60 * 60 * 1e3;
+var RECENT_LIMIT = 5;
+var DEBOUNCE_MS = 150;
+function readRecents() {
+  try {
+    const raw = globalThis.localStorage?.getItem(RECENT_KEY);
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    const now = Date.now();
+    return parsed.filter(
+      (e) => typeof e === "object" && e !== null && typeof e.id === "string" && typeof e.count === "number" && typeof e.lastUsed === "number" && now - e.lastUsed <= RECENT_WINDOW_MS && typeof e.command === "object"
+    );
+  } catch {
+    return [];
+  }
+}
+function writeRecents(entries) {
+  try {
+    globalThis.localStorage?.setItem(RECENT_KEY, JSON.stringify(entries));
+  } catch {
+  }
+}
+function recordUsage(command) {
+  const entries = readRecents();
+  const now = Date.now();
+  const idx = entries.findIndex((e) => e.id === command.id);
+  if (idx >= 0) {
+    const existing = entries[idx];
+    if (existing) {
+      entries[idx] = {
+        ...existing,
+        count: existing.count + 1,
+        lastUsed: now,
+        command
+      };
+    }
+  } else {
+    entries.push({ id: command.id, count: 1, lastUsed: now, command });
+  }
+  const fresh = entries.filter((e) => now - e.lastUsed <= RECENT_WINDOW_MS);
+  writeRecents(fresh);
+}
+function topRecents() {
+  return readRecents().slice().sort((a, b) => b.count === a.count ? b.lastUsed - a.lastUsed : b.count - a.count).slice(0, RECENT_LIMIT).map((e) => e.command);
+}
+function groupByCategory(commands) {
+  const order = [];
+  const buckets = /* @__PURE__ */ new Map();
+  for (const cmd of commands) {
+    const key = cmd.category ?? "General";
+    if (!buckets.has(key)) {
+      buckets.set(key, []);
+      order.push(key);
+    }
+    buckets.get(key)?.push(cmd);
+  }
+  return order.map((category) => ({ category, commands: buckets.get(category) ?? [] }));
+}
+function flattenGroups(groups) {
+  return groups.flatMap((g) => g.commands);
+}
+var dialogStyle = {
+  border: "none",
+  borderRadius: "0.75rem",
+  padding: 0,
+  width: "min(640px, 92vw)",
+  maxHeight: "70vh",
+  background: "var(--background, #fff)",
+  color: "var(--foreground, #111)"
+};
+function CommandPalette({ endpoint = "/admin/commands" }) {
+  const dialogRef = useRef(null);
+  const inputRef = useRef(null);
+  const debounceTimer = useRef(null);
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [results, setResults] = useState([]);
+  const [recents, setRecents] = useState([]);
+  const [highlight, setHighlight] = useState(0);
+  const titleId = useId();
+  const hintId = useId();
+  const listId = useId();
+  const optBaseId = useId();
+  const visibleCommands = query.trim().length === 0 ? recents : results;
+  const groups = query.trim().length === 0 && recents.length > 0 ? [{ category: "Recent", commands: recents }] : groupByCategory(visibleCommands);
+  const flat = flattenGroups(groups);
+  useEffect(() => {
+    function onKey(event) {
+      const isToggle = (event.key === "k" || event.key === "K") && (event.metaKey || event.ctrlKey);
+      if (!isToggle) return;
+      event.preventDefault();
+      setOpen((prev) => !prev);
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, []);
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (open && !dialog.open) {
+      try {
+        dialog.showModal();
+      } catch {
+      }
+      setRecents(topRecents());
+      setQuery("");
+      setResults([]);
+      setHighlight(0);
+      queueMicrotask(() => inputRef.current?.focus());
+    } else if (!open && dialog.open) {
+      dialog.close();
+    }
+  }, [open]);
+  useEffect(() => {
+    if (!open) return;
+    if (query.trim().length === 0) {
+      setResults([]);
+      return;
+    }
+    if (debounceTimer.current) clearTimeout(debounceTimer.current);
+    debounceTimer.current = setTimeout(() => {
+      const url = `${endpoint}?q=${encodeURIComponent(query)}`;
+      fetch(url, { headers: { Accept: "application/json" } }).then((res) => res.ok ? res.json() : { commands: [] }).then((data) => {
+        setResults(Array.isArray(data?.commands) ? data.commands : []);
+        setHighlight(0);
+      }).catch(() => {
+        setResults([]);
+      });
+    }, DEBOUNCE_MS);
+    return () => {
+      if (debounceTimer.current) clearTimeout(debounceTimer.current);
+    };
+  }, [query, open, endpoint]);
+  const close = useCallback(() => setOpen(false), []);
+  const execute = useCallback((command) => {
+    recordUsage(command);
+    setOpen(false);
+    window.location.assign(command.url);
+  }, []);
+  const onKeyDown = useCallback(
+    (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        close();
+        return;
+      }
+      if (flat.length === 0) return;
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setHighlight((h) => (h + 1) % flat.length);
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setHighlight((h) => (h - 1 + flat.length) % flat.length);
+      } else if (event.key === "Enter") {
+        event.preventDefault();
+        const target = flat[highlight];
+        if (target) execute(target);
+      }
+    },
+    [flat, highlight, close, execute]
+  );
+  const onDialogClick = useCallback(
+    (event) => {
+      if (event.target === dialogRef.current) close();
+    },
+    [close]
+  );
+  const optionId = (idx) => `${optBaseId}-opt-${idx}`;
+  const activeOptionId = flat.length > 0 ? optionId(highlight) : void 0;
+  return (
+    // biome-ignore lint/a11y/useKeyWithClickEvents: dialog backdrop click closes; Escape (onCancel) handles keyboard close
+    /* @__PURE__ */ jsx(
+      "dialog",
+      {
+        ref: dialogRef,
+        "aria-labelledby": titleId,
+        "aria-describedby": hintId,
+        onClick: onDialogClick,
+        onClose: () => setOpen(false),
+        onCancel: (event) => {
+          event.preventDefault();
+          close();
+        },
+        style: dialogStyle,
+        className: "backdrop:bg-black/40",
+        "data-arqel-cmdpal": "",
+        children: /* @__PURE__ */ jsxs("div", { onKeyDown, className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx("h2", { id: titleId, className: "sr-only", children: "Command palette" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              role: "combobox",
+              "aria-expanded": open,
+              "aria-controls": listId,
+              "aria-autocomplete": "list",
+              ...activeOptionId ? { "aria-activedescendant": activeOptionId } : {},
+              placeholder: "Type a command\u2026",
+              value: query,
+              onChange: (e) => setQuery(e.target.value),
+              className: "w-full border-b border-[var(--border,#e5e7eb)] bg-transparent px-4 py-3 text-base outline-none"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { role: "status", "aria-live": "polite", className: "sr-only", children: [
+            flat.length,
+            " commands"
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "ul",
+            {
+              id: listId,
+              role: "listbox",
+              "aria-label": "Commands",
+              className: "max-h-[50vh] overflow-y-auto py-2",
+              children: [
+                groups.length === 0 && /* @__PURE__ */ jsx("li", { role: "presentation", className: "px-4 py-3 text-sm opacity-60", children: "No commands found" }),
+                groups.map((group) => {
+                  const startIdx = flat.indexOf(group.commands[0] ?? {});
+                  return /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        role: "presentation",
+                        className: "px-4 pt-2 pb-1 text-xs font-semibold uppercase tracking-wide opacity-60",
+                        children: group.category
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("ul", { role: "presentation", className: "m-0 list-none p-0", children: group.commands.map((cmd, j) => {
+                      const idx = startIdx + j;
+                      const isActive = idx === highlight;
+                      return (
+                        // biome-ignore lint/a11y/useFocusableInteractive: focus stays on combobox; selection via aria-activedescendant
+                        // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard nav handled by combobox input ArrowUp/Down/Enter handler
+                        /* @__PURE__ */ jsxs(
+                          "li",
+                          {
+                            id: optionId(idx),
+                            role: "option",
+                            "aria-selected": isActive,
+                            "data-active": isActive ? "" : void 0,
+                            onMouseEnter: () => setHighlight(idx),
+                            onClick: () => execute(cmd),
+                            className: "flex cursor-pointer items-center gap-3 px-4 py-2 text-sm " + (isActive ? "bg-[var(--accent,#f1f5f9)]" : ""),
+                            children: [
+                              /* @__PURE__ */ jsx("span", { className: "flex-1", children: cmd.label }),
+                              cmd.description ? /* @__PURE__ */ jsx("span", { className: "text-xs opacity-60", children: cmd.description }) : null
+                            ]
+                          },
+                          cmd.id
+                        )
+                      );
+                    }) })
+                  ] }, group.category);
+                })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "footer",
+            {
+              id: hintId,
+              className: "flex items-center gap-3 border-t border-[var(--border,#e5e7eb)] px-4 py-2 text-xs opacity-70",
+              children: [
+                /* @__PURE__ */ jsx("span", { children: "\u2191\u2193 navigate" }),
+                /* @__PURE__ */ jsx("span", { children: "\u21B5 select" }),
+                /* @__PURE__ */ jsx("span", { children: "esc close" })
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  );
+}
+
+export { CommandPalette };
+//# sourceMappingURL=chunk-FV7RESKL.js.map
+//# sourceMappingURL=chunk-FV7RESKL.js.map

package/dist/chunk-FV7RESKL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/palette/CommandPalette.tsx"],"names":[],"mappings":"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","file":"chunk-FV7RESKL.js","sourcesContent":["/**\n * `<CommandPalette>` — global Cmd+K admin command palette.\n *\n * Wraps the `/admin/commands` endpoint shipped by `arqel-dev/core` (CMDPAL-002)\n * with a native `<dialog>`-based modal. No external dialog/combobox library\n * is used: the surface area is small enough that the platform primitives\n * (HTML dialog + ARIA combobox/listbox roles) cover every requirement.\n *\n * Usage: render once at the top of `<AppShell>` — the global Cmd+K /\n * Ctrl+K listener is mounted on `window` while the component is alive.\n */\n\nimport { type CSSProperties, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nexport interface PaletteCommand {\n  id: string;\n  label: string;\n  url: string;\n  description?: string | null;\n  category?: string | null;\n  icon?: string | null;\n}\n\nexport interface CommandPaletteProps {\n  /** Endpoint that returns `{ commands: PaletteCommand[] }`. */\n  endpoint?: string;\n}\n\ninterface RecentEntry {\n  id: string;\n  count: number;\n  lastUsed: number;\n  command: PaletteCommand;\n}\n\nconst RECENT_KEY = 'arqel:cmdpal:recent';\nconst RECENT_WINDOW_MS = 30 * 24 * 60 * 60 * 1000; // 30 days\nconst RECENT_LIMIT = 5;\nconst DEBOUNCE_MS = 150;\n\nfunction readRecents(): RecentEntry[] {\n  try {\n    const raw = globalThis.localStorage?.getItem(RECENT_KEY);\n    if (!raw) return [];\n    const parsed: unknown = JSON.parse(raw);\n    if (!Array.isArray(parsed)) return [];\n    const now = Date.now();\n    return parsed.filter(\n      (e): e is RecentEntry =>\n        typeof e === 'object' &&\n        e !== null &&\n        typeof (e as RecentEntry).id === 'string' &&\n        typeof (e as RecentEntry).count === 'number' &&\n        typeof (e as RecentEntry).lastUsed === 'number' &&\n        now - (e as RecentEntry).lastUsed <= RECENT_WINDOW_MS &&\n        typeof (e as RecentEntry).command === 'object',\n    );\n  } catch {\n    return [];\n  }\n}\n\nfunction writeRecents(entries: RecentEntry[]): void {\n  try {\n    globalThis.localStorage?.setItem(RECENT_KEY, JSON.stringify(entries));\n  } catch {\n    // Ignore quota/serialization failures — recents are best-effort.\n  }\n}\n\nfunction recordUsage(command: PaletteCommand): void {\n  const entries = readRecents();\n  const now = Date.now();\n  const idx = entries.findIndex((e) => e.id === command.id);\n  if (idx >= 0) {\n    const existing = entries[idx];\n    if (existing) {\n      entries[idx] = {\n        ...existing,\n        count: existing.count + 1,\n        lastUsed: now,\n        command,\n      };\n    }\n  } else {\n    entries.push({ id: command.id, count: 1, lastUsed: now, command });\n  }\n  // Prune anything older than the recency window.\n  const fresh = entries.filter((e) => now - e.lastUsed <= RECENT_WINDOW_MS);\n  writeRecents(fresh);\n}\n\nfunction topRecents(): PaletteCommand[] {\n  return readRecents()\n    .slice()\n    .sort((a, b) => (b.count === a.count ? b.lastUsed - a.lastUsed : b.count - a.count))\n    .slice(0, RECENT_LIMIT)\n    .map((e) => e.command);\n}\n\ninterface Group {\n  category: string;\n  commands: PaletteCommand[];\n}\n\nfunction groupByCategory(commands: PaletteCommand[]): Group[] {\n  const order: string[] = [];\n  const buckets = new Map<string, PaletteCommand[]>();\n  for (const cmd of commands) {\n    const key = cmd.category ?? 'General';\n    if (!buckets.has(key)) {\n      buckets.set(key, []);\n      order.push(key);\n    }\n    buckets.get(key)?.push(cmd);\n  }\n  return order.map((category) => ({ category, commands: buckets.get(category) ?? [] }));\n}\n\nfunction flattenGroups(groups: Group[]): PaletteCommand[] {\n  return groups.flatMap((g) => g.commands);\n}\n\nconst dialogStyle: CSSProperties = {\n  border: 'none',\n  borderRadius: '0.75rem',\n  padding: 0,\n  width: 'min(640px, 92vw)',\n  maxHeight: '70vh',\n  background: 'var(--background, #fff)',\n  color: 'var(--foreground, #111)',\n};\n\nexport function CommandPalette({ endpoint = '/admin/commands' }: CommandPaletteProps) {\n  const dialogRef = useRef<HTMLDialogElement | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [results, setResults] = useState<PaletteCommand[]>([]);\n  const [recents, setRecents] = useState<PaletteCommand[]>([]);\n  const [highlight, setHighlight] = useState(0);\n\n  const titleId = useId();\n  const hintId = useId();\n  const listId = useId();\n  const optBaseId = useId();\n\n  const visibleCommands = query.trim().length === 0 ? recents : results;\n  const groups =\n    query.trim().length === 0 && recents.length > 0\n      ? [{ category: 'Recent', commands: recents }]\n      : groupByCategory(visibleCommands);\n  const flat = flattenGroups(groups);\n\n  // Cmd+K / Ctrl+K global toggle.\n  useEffect(() => {\n    function onKey(event: KeyboardEvent) {\n      const isToggle = (event.key === 'k' || event.key === 'K') && (event.metaKey || event.ctrlKey);\n      if (!isToggle) return;\n      event.preventDefault();\n      setOpen((prev) => !prev);\n    }\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, []);\n\n  // Sync `open` state with the native <dialog>.\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    if (open && !dialog.open) {\n      try {\n        dialog.showModal();\n      } catch {\n        // jsdom or already-open: ignore.\n      }\n      setRecents(topRecents());\n      setQuery('');\n      setResults([]);\n      setHighlight(0);\n      // Defer focus after the dialog is on-screen.\n      queueMicrotask(() => inputRef.current?.focus());\n    } else if (!open && dialog.open) {\n      dialog.close();\n    }\n  }, [open]);\n\n  // Debounced fetch.\n  useEffect(() => {\n    if (!open) return;\n    if (query.trim().length === 0) {\n      setResults([]);\n      return;\n    }\n    if (debounceTimer.current) clearTimeout(debounceTimer.current);\n    debounceTimer.current = setTimeout(() => {\n      const url = `${endpoint}?q=${encodeURIComponent(query)}`;\n      fetch(url, { headers: { Accept: 'application/json' } })\n        .then((res) => (res.ok ? res.json() : { commands: [] }))\n        .then((data: { commands?: PaletteCommand[] }) => {\n          setResults(Array.isArray(data?.commands) ? data.commands : []);\n          setHighlight(0);\n        })\n        .catch(() => {\n          setResults([]);\n        });\n    }, DEBOUNCE_MS);\n    return () => {\n      if (debounceTimer.current) clearTimeout(debounceTimer.current);\n    };\n  }, [query, open, endpoint]);\n\n  const close = useCallback(() => setOpen(false), []);\n\n  const execute = useCallback((command: PaletteCommand) => {\n    recordUsage(command);\n    setOpen(false);\n    window.location.assign(command.url);\n  }, []);\n\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        close();\n        return;\n      }\n      if (flat.length === 0) return;\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        setHighlight((h) => (h + 1) % flat.length);\n      } else if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        setHighlight((h) => (h - 1 + flat.length) % flat.length);\n      } else if (event.key === 'Enter') {\n        event.preventDefault();\n        const target = flat[highlight];\n        if (target) execute(target);\n      }\n    },\n    [flat, highlight, close, execute],\n  );\n\n  // Close on backdrop click — dialog click hits the dialog itself, not children.\n  const onDialogClick = useCallback(\n    (event: React.MouseEvent<HTMLDialogElement>) => {\n      if (event.target === dialogRef.current) close();\n    },\n    [close],\n  );\n\n  const optionId = (idx: number) => `${optBaseId}-opt-${idx}`;\n  const activeOptionId = flat.length > 0 ? optionId(highlight) : undefined;\n\n  return (\n    // biome-ignore lint/a11y/useKeyWithClickEvents: dialog backdrop click closes; Escape (onCancel) handles keyboard close\n    <dialog\n      ref={dialogRef}\n      aria-labelledby={titleId}\n      aria-describedby={hintId}\n      onClick={onDialogClick}\n      onClose={() => setOpen(false)}\n      onCancel={(event) => {\n        event.preventDefault();\n        close();\n      }}\n      style={dialogStyle}\n      className=\"backdrop:bg-black/40\"\n      data-arqel-cmdpal=\"\"\n    >\n      {/* biome-ignore lint/a11y/noStaticElementInteractions: this wrapper only delegates ArrowUp/Down/Enter/Escape from the combobox input below */}\n      <div onKeyDown={onKeyDown} className=\"flex flex-col\">\n        <h2 id={titleId} className=\"sr-only\">\n          Command palette\n        </h2>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={open}\n          aria-controls={listId}\n          aria-autocomplete=\"list\"\n          {...(activeOptionId ? { 'aria-activedescendant': activeOptionId } : {})}\n          placeholder=\"Type a command…\"\n          value={query}\n          onChange={(e) => setQuery(e.target.value)}\n          className=\"w-full border-b border-[var(--border,#e5e7eb)] bg-transparent px-4 py-3 text-base outline-none\"\n        />\n        <div role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {flat.length} commands\n        </div>\n        <ul\n          id={listId}\n          // biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: WAI-ARIA combobox/listbox pattern requires <ul role=\"listbox\">\n          role=\"listbox\"\n          aria-label=\"Commands\"\n          className=\"max-h-[50vh] overflow-y-auto py-2\"\n        >\n          {groups.length === 0 && (\n            <li role=\"presentation\" className=\"px-4 py-3 text-sm opacity-60\">\n              No commands found\n            </li>\n          )}\n          {groups.map((group) => {\n            const startIdx = flat.indexOf(group.commands[0] ?? ({} as PaletteCommand));\n            return (\n              <li key={group.category} role=\"presentation\">\n                <div\n                  role=\"presentation\"\n                  className=\"px-4 pt-2 pb-1 text-xs font-semibold uppercase tracking-wide opacity-60\"\n                >\n                  {group.category}\n                </div>\n                <ul role=\"presentation\" className=\"m-0 list-none p-0\">\n                  {group.commands.map((cmd, j) => {\n                    const idx = startIdx + j;\n                    const isActive = idx === highlight;\n                    return (\n                      // biome-ignore lint/a11y/useFocusableInteractive: focus stays on combobox; selection via aria-activedescendant\n                      // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard nav handled by combobox input ArrowUp/Down/Enter handler\n                      <li\n                        key={cmd.id}\n                        id={optionId(idx)}\n                        // biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: WAI-ARIA combobox/listbox pattern requires <li role=\"option\">\n                        role=\"option\"\n                        aria-selected={isActive}\n                        data-active={isActive ? '' : undefined}\n                        onMouseEnter={() => setHighlight(idx)}\n                        onClick={() => execute(cmd)}\n                        className={\n                          'flex cursor-pointer items-center gap-3 px-4 py-2 text-sm ' +\n                          (isActive ? 'bg-[var(--accent,#f1f5f9)]' : '')\n                        }\n                      >\n                        <span className=\"flex-1\">{cmd.label}</span>\n                        {cmd.description ? (\n                          <span className=\"text-xs opacity-60\">{cmd.description}</span>\n                        ) : null}\n                      </li>\n                    );\n                  })}\n                </ul>\n              </li>\n            );\n          })}\n        </ul>\n        <footer\n          id={hintId}\n          className=\"flex items-center gap-3 border-t border-[var(--border,#e5e7eb)] px-4 py-2 text-xs opacity-70\"\n        >\n          <span>↑↓ navigate</span>\n          <span>↵ select</span>\n          <span>esc close</span>\n        </footer>\n      </div>\n    </dialog>\n  );\n}\n"]}

package/dist/chunk-I6MWOIFR.js

@@ -0,0 +1,204 @@
+import { ResourceIndex } from './chunk-2LTZJ4R7.js';
+import { ActionButton, ActionMenu } from './chunk-IKJYLSTK.js';
+import { usePage, router } from '@inertiajs/react';
+import { useMemo, useState, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+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;
+  if (!action.url) {
+    throw new Error(
+      `Arqel: action "${action.name}" has no url to dispatch to. Declare it on the Resource's actions()/headerActions()/toolbarActions() so the server emits its endpoint URL, or give it an explicit ->url().`
+    );
+  }
+  const url = action.url.replace("{id}", String(recordId ?? ""));
+  const method = action.method.toLowerCase();
+  const data = { ...formValues ?? {} };
+  if (recordId !== void 0) data["record_id"] = recordId;
+  router.visit(url, {
+    method,
+    data,
+    preserveScroll: true
+  });
+}
+function resolveRecordActions(tableActions, record) {
+  const visibleNames = record.arqel?.actions;
+  const overrides = record.arqel?.actionOverrides ?? {};
+  return tableActions.filter((action) => visibleNames ? visibleNames.includes(action.name) : true).map((action) => {
+    const override = overrides[action.name];
+    if (override === void 0) return action;
+    return {
+      ...action,
+      ...override.url !== void 0 ? { url: override.url } : {},
+      ...override.disabled === true ? { disabled: 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 dispatchBulkAction = (action) => {
+    const url = action.url;
+    if (url === void 0) {
+      return;
+    }
+    const method = action.method.toLowerCase();
+    router.visit(url, {
+      method,
+      data: { record_ids: selectedIds },
+      preserveScroll: true,
+      onSuccess: () => setSelectedIds([])
+    });
+  };
+  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) => (
+    // Route through ActionButton so destructive bulk actions that set
+    // requiresConfirmation open the ConfirmDialog before dispatching,
+    // matching row-action behaviour. Non-confirming actions fire
+    // immediately. The visit payload is unchanged.
+    /* @__PURE__ */ jsx(
+      ActionButton,
+      {
+        action,
+        onInvoke: () => dispatchBulkAction(action),
+        size: "sm"
+      },
+      action.name
+    )
+  )) }) : void 0;
+  const rowActionsList = props.actions?.row ?? [];
+  const rowActions = rowActionsList.length > 0 ? (record) => /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      actions: resolveRecordActions(rowActionsList, record),
+      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 } : {}
+    }
+  );
+}
+
+export { ArqelIndexPage };
+//# sourceMappingURL=chunk-I6MWOIFR.js.map
+//# sourceMappingURL=chunk-I6MWOIFR.js.map

package/dist/chunk-I6MWOIFR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/ArqelIndexPage.tsx"],"names":[],"mappings":";;;;;;AAkCA,SAAS,kBAAkB,MAAA,EAAkE;AAC3F,EAAA,MAAM,MAAmC,EAAC;AAC1C,EAAA,KAAA,MAAW,CAAC,CAAA,EAAG,CAAC,KAAK,MAAA,CAAO,OAAA,CAAQ,MAAM,CAAA,EAAG;AAC3C,IAAA,IAAI,CAAA,KAAM,MAAA,IAAa,CAAA,KAAM,IAAA,IAAQ,MAAM,EAAA,EAAI;AAC/C,IAAA,IAAI,MAAM,OAAA,CAAQ,CAAC,CAAA,IAAK,CAAA,CAAE,WAAW,CAAA,EAAG;AACxC,IAAA,GAAA,CAAI,CAAC,CAAA,GAAI,CAAA;AAAA,EACX;AACA,EAAA,OAAO,GAAA;AACT;AAUA,SAAS,YAAA,CACP,MAAA,EACA,MAAA,EACA,UAAA,EACM;AACN,EAAA,MAAM,WAAW,MAAA,EAAQ,EAAA;AAOzB,EAAA,IAAI,CAAC,OAAO,GAAA,EAAK;AACf,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAA,eAAA,EAAkB,OAAO,IAAI,CAAA,0KAAA;AAAA,KAG/B;AAAA,EACF;AACA,EAAA,MAAM,GAAA,GAAM,OAAO,GAAA,CAAI,OAAA,CAAQ,QAAQ,MAAA,CAAO,QAAA,IAAY,EAAE,CAAC,CAAA;AAC7D,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,MAAA,CAAO,WAAA,EAAY;AACzC,EAAA,MAAM,IAAA,GAAgC,EAAE,GAAI,UAAA,IAAc,EAAC,EAAG;AAC9D,EAAA,IAAI,QAAA,KAAa,MAAA,EAAW,IAAA,CAAK,WAAW,CAAA,GAAI,QAAA;AAEhD,EAAA,MAAA,CAAO,MAAM,GAAA,EAAK;AAAA,IAChB,MAAA;AAAA,IACA,IAAA;AAAA,IACA,cAAA,EAAgB;AAAA,GACjB,CAAA;AACH;AAgBA,SAAS,oBAAA,CACP,cACA,MAAA,EAMgB;AAChB,EAAA,MAAM,YAAA,GAAe,OAAO,KAAA,EAAO,OAAA;AACnC,EAAA,MAAM,SAAA,GAAY,MAAA,CAAO,KAAA,EAAO,eAAA,IAAmB,EAAC;AAEpD,EAAA,OAAO,YAAA,CACJ,MAAA,CAAO,CAAC,MAAA,KAAY,eAAe,YAAA,CAAa,QAAA,CAAS,MAAA,CAAO,IAAI,CAAA,GAAI,IAAK,CAAA,CAC7E,GAAA,CAAI,CAAC,MAAA,KAAW;AACf,IAAA,MAAM,QAAA,GAAW,SAAA,CAAU,MAAA,CAAO,IAAI,CAAA;AACtC,IAAA,IAAI,QAAA,KAAa,QAAW,OAAO,MAAA;AACnC,IAAA,OAAO;AAAA,MACL,GAAG,MAAA;AAAA,MACH,GAAI,SAAS,GAAA,KAAQ,MAAA,GAAY,EAAE,GAAA,EAAK,QAAA,CAAS,GAAA,EAAI,GAAI,EAAC;AAAA,MAC1D,GAAI,SAAS,QAAA,KAAa,IAAA,GAAO,EAAE,QAAA,EAAU,IAAA,KAAkB;AAAC,KAClE;AAAA,EACF,CAAC,CAAA;AACL;AAEA,SAAS,WAAW,MAAA,EAA8C;AAChE,EAAA,MAAM,OAAgC,EAAC;AACvC,EAAA,MAAM,OAAA,GAAU,iBAAA,CAAkB,MAAA,CAAO,OAAO,CAAA;AAChD,EAAA,IAAI,MAAA,CAAO,KAAK,OAAO,CAAA,CAAE,SAAS,CAAA,EAAG,IAAA,CAAK,QAAQ,CAAA,GAAI,OAAA;AACtD,EAAA,IAAI,OAAO,MAAA,KAAW,MAAA,EAAW,IAAA,CAAK,QAAQ,IAAI,MAAA,CAAO,MAAA;AACzD,EAAA,IAAI,MAAA,CAAO,MAAM,MAAA,EAAQ;AACvB,IAAA,IAAA,CAAK,MAAM,CAAA,GAAI,MAAA,CAAO,IAAA,CAAK,MAAA;AAC3B,IAAA,IAAI,OAAO,IAAA,CAAK,SAAA,OAAgB,WAAW,CAAA,GAAI,OAAO,IAAA,CAAK,SAAA;AAAA,EAC7D;AACA,EAAA,IAAI,MAAA,CAAO,QAAQ,MAAA,CAAO,IAAA,GAAO,GAAG,IAAA,CAAK,MAAM,IAAI,MAAA,CAAO,IAAA;AAC1D,EAAA,IAAI,MAAA,CAAO,OAAA,EAAS,IAAA,CAAK,UAAU,IAAI,MAAA,CAAO,OAAA;AAC9C,EAAA,OAAO,IAAA;AACT;AAEe,SAAR,cAAA,GAAwF;AAC7F,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA;AAEnB,EAAA,MAAM,cAAA,GAAiB,QAAQ,MAAM;AACnC,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,EAAC;AAC3C,IAAA,MAAM,EAAA,GAAK,IAAI,eAAA,CAAgB,MAAA,CAAO,SAAS,MAAM,CAAA;AACrD,IAAA,MAAM,UAAuC,EAAC;AAC9C,IAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,CAAA,IAAK,EAAA,CAAG,SAAQ,EAAG;AACvC,MAAA,MAAM,CAAA,GAAI,GAAA,CAAI,KAAA,CAAM,sBAAsB,CAAA;AAC1C,MAAA,IAAI,IAAI,CAAC,CAAA,UAAW,CAAA,CAAE,CAAC,CAAC,CAAA,GAAI,KAAA;AAAA,IAC9B;AACA,IAAA,OAAO,OAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAsC,cAAc,CAAA;AAC5F,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,IAAI,QAAA,CAAiB,KAAA,CAAM,UAAU,EAAE,CAAA;AACzE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,IAAI,QAAA,CAA6B,KAAA,CAAM,YAAY,OAAO,CAAA;AACpF,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,QAAA,CAAyC,EAAE,CAAA;AACjF,EAAA,MAAM,iBAAA,GAAoB,OAA6C,IAAI,CAAA;AAE3E,EAAA,MAAM,KAAA,GAAQ,CAAC,IAAA,KAAwC;AACrD,IAAA,MAAM,GAAA,GAAM,OAAO,MAAA,KAAW,WAAA,GAAc,MAAA,CAAO,QAAA,CAAS,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,GAAG,CAAA,CAAE,CAAC,CAAA;AAC5F,IAAA,MAAA,CAAO,GAAA,CAAI,GAAA,IAAO,GAAA,EAAK,IAAA,EAA+D;AAAA,MACpF,aAAA,EAAe,IAAA;AAAA,MACf,cAAA,EAAgB,IAAA;AAAA,MAChB,OAAA,EAAS;AAAA,KACV,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,MAAM,IAAA,IAAQ,IAAA;AAElC,EAAA,MAAM,kBAAA,GAAqB,CAAC,IAAA,EAAc,KAAA,KAA6B;AACrE,IAAA,MAAM,WAAA,GAAc,EAAE,GAAG,YAAA,EAAa;AACtC,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,IAAQ,UAAU,EAAA,EAAI;AACzD,MAAA,OAAO,YAAY,IAAI,CAAA;AAAA,IACzB,CAAA,MAAO;AACL,MAAA,WAAA,CAAY,IAAI,CAAA,GAAI,KAAA;AAAA,IACtB;AACA,IAAA,eAAA,CAAgB,WAAW,CAAA;AAC3B,IAAA,KAAA,CAAM,UAAA,CAAW,EAAE,OAAA,EAAS,WAAA,EAAa,MAAA,EAAQ,aAAa,IAAA,EAAM,WAAA,EAAa,OAAA,EAAS,CAAC,CAAA;AAAA,EAC7F,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAY;AACrC,IAAA,eAAA,CAAgB,EAAE,CAAA;AAClB,IAAA,KAAA,CAAM,UAAA,CAAW,EAAE,OAAA,EAAS,EAAC,EAAG,MAAA,EAAQ,WAAA,EAAa,IAAA,EAAM,WAAA,EAAa,OAAA,EAAS,CAAC,CAAA;AAAA,EACpF,CAAA;AAEA,EAAA,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAwB;AAClD,IAAA,cAAA,CAAe,KAAK,CAAA;AACpB,IAAA,IAAI,iBAAA,CAAkB,OAAA,EAAS,YAAA,CAAa,iBAAA,CAAkB,OAAO,CAAA;AACrE,IAAA,iBAAA,CAAkB,OAAA,GAAU,WAAW,MAAM;AAC3C,MAAA,KAAA,CAAM,UAAA,CAAW,EAAE,OAAA,EAAS,YAAA,EAAc,MAAA,EAAQ,OAAO,IAAA,EAAM,WAAA,EAAa,OAAA,EAAS,CAAC,CAAA;AAAA,IACxF,GAAG,GAAG,CAAA;AAAA,EACR,CAAA;AAEA,EAAA,SAAA;AAAA,IACE,MAAM,MAAM;AACV,MAAA,IAAI,iBAAA,CAAkB,OAAA,EAAS,YAAA,CAAa,iBAAA,CAAkB,OAAO,CAAA;AAAA,IACvE,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,gBAAA,GAAmB,CAAC,MAAA,EAAgB,SAAA,KAAmC;AAC3E,IAAA,KAAA;AAAA,MACE,UAAA,CAAW;AAAA,QACT,OAAA,EAAS,YAAA;AAAA,QACT,MAAA,EAAQ,WAAA;AAAA,QACR,IAAA,EAAM,EAAE,MAAA,EAAQ,SAAA,EAAU;AAAA,QAC1B;AAAA,OACD;AAAA,KACH;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,gBAAA,GAAmB,CAAC,OAAA,KAA0B;AAClD,IAAA,KAAA;AAAA,MACE,UAAA,CAAW;AAAA,QACT,OAAA,EAAS,YAAA;AAAA,QACT,MAAA,EAAQ,WAAA;AAAA,QACR,IAAA,EAAM,WAAA;AAAA,QACN,IAAA,EAAM,OAAA;AAAA,QACN;AAAA,OACD;AAAA,KACH;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,mBAAA,GAAsB,CAAC,UAAA,KAA6B;AACxD,IAAA,UAAA,CAAW,UAAU,CAAA;AACrB,IAAA,KAAA;AAAA,MACE,UAAA,CAAW;AAAA,QACT,OAAA,EAAS,YAAA;AAAA,QACT,MAAA,EAAQ,WAAA;AAAA,QACR,IAAA,EAAM,WAAA;AAAA,QACN,OAAA,EAAS;AAAA,OACV;AAAA,KACH;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,kBAAA,GAAqB,CAAC,MAAA,KAA+B;AAIzD,IAAA,MAAM,MAAM,MAAA,CAAO,GAAA;AACnB,IAAA,IAAI,QAAQ,MAAA,EAAW;AACrB,MAAA;AAAA,IACF;AACA,IAAA,MAAM,MAAA,GAAS,MAAA,CAAO,MAAA,CAAO,WAAA,EAAY;AACzC,IAAA,MAAA,CAAO,MAAM,GAAA,EAAK;AAAA,MAChB,MAAA;AAAA,MACA,IAAA,EAAM,EAAE,UAAA,EAAY,WAAA,EAA4C;AAAA,MAChE,cAAA,EAAgB,IAAA;AAAA,MAChB,SAAA,EAAW,MAAM,cAAA,CAAe,EAAE;AAAA,KACnC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,KAAA,CAAM,OAAA,EAAS,IAAA,IAAQ,EAAC;AAChD,EAAA,MAAM,WAAA,GACJ,eAAA,CAAgB,MAAA,GAAS,CAAA,IAAK,WAAA,CAAY,MAAA,GAAS,CAAA,mBACjD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA,eAAA,CAAgB,IAAI,CAAC,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKpB,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QAEC,MAAA;AAAA,QACA,QAAA,EAAU,MAAM,kBAAA,CAAmB,MAAM,CAAA;AAAA,QACzC,IAAA,EAAK;AAAA,OAAA;AAAA,MAHA,MAAA,CAAO;AAAA;AAId,GACD,GACH,CAAA,GACE,MAAA;AAEN,EAAA,MAAM,cAAA,GAAiB,KAAA,CAAM,OAAA,EAAS,GAAA,IAAO,EAAC;AAC9C,EAAA,MAAM,UAAA,GACJ,cAAA,CAAe,MAAA,GAAS,CAAA,GACpB,CAAC,MAAA,qBACC,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MAIC,OAAA,EAAS,oBAAA,CAAqB,cAAA,EAAgB,MAAM,CAAA;AAAA,MACpD,UAAU,CAAC,MAAA,EAAQ,eACjB,YAAA,CAAa,MAAA,EAAQ,QAAmC,UAAU;AAAA;AAAA,GAEtE,GAEF,MAAA;AAEN,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,YAAA;AAAA,MACA,cAAA,EAAgB,kBAAA;AAAA,MAChB,cAAA,EAAgB,kBAAA;AAAA,MAChB,cAAA,EAAgB,kBAAA;AAAA,MAChB,YAAA,EAAc,gBAAA;AAAA,MACd,YAAA,EAAc,gBAAA;AAAA,MACd,eAAA,EAAiB,mBAAA;AAAA,MACjB,MAAA,EAAQ,WAAA;AAAA,MACR,WAAA;AAAA,MACA,iBAAA,EAAmB,CAAC,GAAA,KAAQ,cAAA,CAAe,GAAG,CAAA;AAAA,MAC7C,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,MACnC,GAAI,WAAA,GAAc,EAAE,WAAA,KAAgB;AAAC;AAAA,GACxC;AAEJ","file":"chunk-I6MWOIFR.js","sourcesContent":["/**\n * Default Inertia page for `arqel::index`.\n *\n * Pulls every prop the server emits via `InertiaDataBuilder::\n * buildIndexData` / `buildTableIndexData` and forwards them to\n * `<ResourceIndex>`. Apps can override per-resource by registering\n * their own page component at `Pages/Arqel/{Slug}/Index.tsx` (the\n * lookup falls through to user pages first inside `createArqelApp`).\n *\n * Wires the standard table interactions — search / filter / sort /\n * pagination — into Inertia partial `router.get` visits so the\n * server can re-run TableQueryBuilder with the new query string.\n *\n * Query-string contract (matches `Arqel\\Table\\TableQueryBuilder`):\n *   - `?search=foo`              global search\n *   - `?sort=column&direction=asc|desc`\n *   - `?page=N&per_page=M`\n *   - `?filter[name]=value`      one entry per filter\n *\n * `search` is debounced (300ms) so typing doesn't hammer the\n * backend; the rest fire immediately.\n */\n\nimport type { ActionSchema } from '@arqel-dev/types/actions';\nimport type { RecordType, ResourceIndexProps } from '@arqel-dev/types/resources';\nimport type { SortDirection } from '@arqel-dev/types/tables';\nimport { router, usePage } from '@inertiajs/react';\nimport { type JSX, useEffect, useMemo, useRef, useState } from 'react';\nimport { ActionButton } from '../action/ActionButton.js';\nimport { ActionMenu } from '../action/ActionMenu.js';\nimport { ResourceIndex } from '../resource/ResourceIndex.js';\n\ntype FilterValue = unknown;\n\nfunction pruneEmptyFilters(values: Record<string, FilterValue>): Record<string, FilterValue> {\n  const out: Record<string, FilterValue> = {};\n  for (const [k, v] of Object.entries(values)) {\n    if (v === undefined || v === null || v === '') continue;\n    if (Array.isArray(v) && v.length === 0) continue;\n    out[k] = v;\n  }\n  return out;\n}\n\ninterface VisitParams {\n  filters: Record<string, FilterValue>;\n  search: string;\n  sort?: { column: string | null; direction: string | null } | null;\n  page?: number | undefined;\n  perPage?: number | undefined;\n}\n\nfunction invokeAction(\n  action: ActionSchema,\n  record: { id: string | number } | null,\n  formValues?: Record<string, unknown>,\n): void {\n  const recordId = record?.id;\n  // Every dispatchable action ships a server-emitted `url` (stock verbs,\n  // bulk, and custom callback actions all resolve through core's authorised\n  // routes — see `Action::resolveStockUrl()`, #48/#231). An absent `url`\n  // signals a misconfiguration; we must NOT fall back to the dead\n  // `/arqel-dev/actions/{name}` route removed in #174. Surface it clearly\n  // instead of masking it as a 404.\n  if (!action.url) {\n    throw new Error(\n      `Arqel: action \"${action.name}\" has no url to dispatch to. Declare it on ` +\n        `the Resource's actions()/headerActions()/toolbarActions() so the server ` +\n        `emits its endpoint URL, or give it an explicit ->url().`,\n    );\n  }\n  const url = action.url.replace('{id}', String(recordId ?? ''));\n  const method = action.method.toLowerCase() as 'get' | 'post' | 'put' | 'patch' | 'delete';\n  const data: Record<string, unknown> = { ...(formValues ?? {}) };\n  if (recordId !== undefined) data['record_id'] = recordId;\n\n  router.visit(url, {\n    method: method as never,\n    data: data as never,\n    preserveScroll: true,\n  });\n}\n\n/**\n * Resolve the row-action list for a single record (#140).\n *\n * Row actions are defined once at table level (label / icon / color /\n * confirmation / form), but `url(Closure)` and `disabled(Closure)`\n * actions depend on the row. The server emits those resolved values\n * per record under `record.arqel.actionOverrides`; here we merge them\n * onto the shared definitions so each row links to its own URL and\n * carries its own disabled state.\n *\n * When the server also emits `record.arqel.actions` (the visible +\n * executable action names) we filter the list against it so per-row\n * authorization/visibility is honoured.\n */\nfunction resolveRecordActions(\n  tableActions: ActionSchema[],\n  record: {\n    arqel?: {\n      actions?: string[];\n      actionOverrides?: Record<string, { url?: string; disabled?: true }>;\n    };\n  },\n): ActionSchema[] {\n  const visibleNames = record.arqel?.actions;\n  const overrides = record.arqel?.actionOverrides ?? {};\n\n  return tableActions\n    .filter((action) => (visibleNames ? visibleNames.includes(action.name) : true))\n    .map((action) => {\n      const override = overrides[action.name];\n      if (override === undefined) return action;\n      return {\n        ...action,\n        ...(override.url !== undefined ? { url: override.url } : {}),\n        ...(override.disabled === true ? { disabled: true as const } : {}),\n      };\n    });\n}\n\nfunction buildQuery(params: VisitParams): Record<string, unknown> {\n  const data: Record<string, unknown> = {};\n  const filters = pruneEmptyFilters(params.filters);\n  if (Object.keys(filters).length > 0) data['filter'] = filters;\n  if (params.search !== undefined) data['search'] = params.search;\n  if (params.sort?.column) {\n    data['sort'] = params.sort.column;\n    if (params.sort.direction) data['direction'] = params.sort.direction;\n  }\n  if (params.page && params.page > 1) data['page'] = params.page;\n  if (params.perPage) data['per_page'] = params.perPage;\n  return data;\n}\n\nexport default function ArqelIndexPage<TRecord extends RecordType = RecordType>(): JSX.Element {\n  const page = usePage();\n  const props = page.props as unknown as ResourceIndexProps<TRecord>;\n\n  const initialFilters = useMemo(() => {\n    if (typeof window === 'undefined') return {};\n    const sp = new URLSearchParams(window.location.search);\n    const fromUrl: Record<string, FilterValue> = {};\n    for (const [key, value] of sp.entries()) {\n      const m = key.match(/^filter\\[([^\\]]+)\\]$/);\n      if (m?.[1]) fromUrl[m[1]] = value;\n    }\n    return fromUrl;\n  }, []);\n\n  const [filterValues, setFilterValues] = useState<Record<string, FilterValue>>(initialFilters);\n  const [searchValue, setSearchValue] = useState<string>(props.search ?? '');\n  const [perPage, setPerPage] = useState<number | undefined>(props.pagination?.perPage);\n  const [selectedIds, setSelectedIds] = useState<ReadonlyArray<string | number>>([]);\n  const searchDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const visit = (data: Record<string, unknown>): void => {\n    const url = typeof window !== 'undefined' ? window.location.pathname : page.url.split('?')[0];\n    router.get(url ?? '/', data as Record<string, string | number | boolean | undefined>, {\n      preserveState: true,\n      preserveScroll: true,\n      replace: true,\n    });\n  };\n\n  const currentSort = props.sort ?? null;\n\n  const handleFilterChange = (name: string, value: FilterValue): void => {\n    const nextFilters = { ...filterValues };\n    if (value === undefined || value === null || value === '') {\n      delete nextFilters[name];\n    } else {\n      nextFilters[name] = value;\n    }\n    setFilterValues(nextFilters);\n    visit(buildQuery({ filters: nextFilters, search: searchValue, sort: currentSort, perPage }));\n  };\n\n  const handleClearFilters = (): void => {\n    setFilterValues({});\n    visit(buildQuery({ filters: {}, search: searchValue, sort: currentSort, perPage }));\n  };\n\n  const handleSearchChange = (value: string): void => {\n    setSearchValue(value);\n    if (searchDebounceRef.current) clearTimeout(searchDebounceRef.current);\n    searchDebounceRef.current = setTimeout(() => {\n      visit(buildQuery({ filters: filterValues, search: value, sort: currentSort, perPage }));\n    }, 300);\n  };\n\n  useEffect(\n    () => () => {\n      if (searchDebounceRef.current) clearTimeout(searchDebounceRef.current);\n    },\n    [],\n  );\n\n  const handleSortChange = (column: string, direction: SortDirection): void => {\n    visit(\n      buildQuery({\n        filters: filterValues,\n        search: searchValue,\n        sort: { column, direction },\n        perPage,\n      }),\n    );\n  };\n\n  const handlePageChange = (pageNum: number): void => {\n    visit(\n      buildQuery({\n        filters: filterValues,\n        search: searchValue,\n        sort: currentSort,\n        page: pageNum,\n        perPage,\n      }),\n    );\n  };\n\n  const handlePerPageChange = (newPerPage: number): void => {\n    setPerPage(newPerPage);\n    visit(\n      buildQuery({\n        filters: filterValues,\n        search: searchValue,\n        sort: currentSort,\n        perPage: newPerPage,\n      }),\n    );\n  };\n\n  const dispatchBulkAction = (action: ActionSchema): void => {\n    // Every bulk action carries a stock url (core resolves\n    // /admin/{slug}/bulk/{name} for any bulk action without an\n    // explicit url), so there is no client-side fallback route.\n    const url = action.url;\n    if (url === undefined) {\n      return;\n    }\n    const method = action.method.toLowerCase() as 'get' | 'post' | 'put' | 'patch' | 'delete';\n    router.visit(url, {\n      method: method as never,\n      data: { record_ids: selectedIds as readonly (string | number)[] } as never,\n      preserveScroll: true,\n      onSuccess: () => setSelectedIds([]),\n    });\n  };\n\n  const bulkActionsList = props.actions?.bulk ?? [];\n  const bulkActions =\n    bulkActionsList.length > 0 && selectedIds.length > 0 ? (\n      <div className=\"flex items-center gap-2\">\n        {bulkActionsList.map((action) => (\n          // Route through ActionButton so destructive bulk actions that set\n          // requiresConfirmation open the ConfirmDialog before dispatching,\n          // matching row-action behaviour. Non-confirming actions fire\n          // immediately. The visit payload is unchanged.\n          <ActionButton\n            key={action.name}\n            action={action}\n            onInvoke={() => dispatchBulkAction(action)}\n            size=\"sm\"\n          />\n        ))}\n      </div>\n    ) : undefined;\n\n  const rowActionsList = props.actions?.row ?? [];\n  const rowActions =\n    rowActionsList.length > 0\n      ? (record: TRecord) => (\n          <ActionMenu\n            // Resolve actions against this row so closure-URL /\n            // closure-disabled actions get their per-record values\n            // (#140) instead of the table-level placeholder.\n            actions={resolveRecordActions(rowActionsList, record)}\n            onInvoke={(action, formValues) =>\n              invokeAction(action, record as { id: string | number }, formValues)\n            }\n          />\n        )\n      : undefined;\n\n  return (\n    <ResourceIndex<TRecord>\n      {...props}\n      filterValues={filterValues}\n      onFilterChange={handleFilterChange}\n      onClearFilters={handleClearFilters}\n      onSearchChange={handleSearchChange}\n      onSortChange={handleSortChange}\n      onPageChange={handlePageChange}\n      onPerPageChange={handlePerPageChange}\n      search={searchValue}\n      selectedIds={selectedIds}\n      onSelectionChange={(ids) => setSelectedIds(ids)}\n      {...(rowActions ? { rowActions } : {})}\n      {...(bulkActions ? { bulkActions } : {})}\n    />\n  );\n}\n"]}