@kywi-software/core 0.6.7 → 0.7.0

package/dist/admin/surfaces/menus/menu-tree.js

@@ -0,0 +1,292 @@
+/**
+ * menu-tree.ts — the client-side item model behind the Menus editor (#112).
+ *
+ * Why a client-side tree at all: `PUT /menus/:id/items` is a NESTED FULL
+ * REPLACE, so the editor owns the whole tree between loads and serializes it
+ * once on save. That is what lets this module fix the site tree's reorder
+ * semantics rather than inherit them.
+ *
+ *   site-tree.tsx (naive):  on drop, the dragged node is handed the *target's*
+ *   `sortOrder`, leaving two siblings sharing an order and the rest of the group
+ *   untouched — the resulting sequence depends on the server's tie-break.
+ *
+ *   here:  a drop splices the dragged subtree into its new sibling array, and
+ *   sibling order IS array order. Serialization walks the arrays in order, so
+ *   every affected group comes out resequenced 0..n by construction, with no
+ *   duplicate or gapped positions possible.
+ *
+ * Everything in this module is pure and immutable (a move returns a new tree),
+ * which is what makes the drag semantics testable without dnd-kit.
+ */
+/**
+ * Maximum nesting the nav renderers handle: 3 levels ⇒ depths 0, 1 and 2.
+ * Drops that would go deeper are clamped, never rejected (see {@link moveItem}).
+ */
+export const MAX_MENU_DEPTH = 3;
+/** Pixels of horizontal drag per depth step; also the row's indent unit. */
+export const INDENT_WIDTH = 24;
+let keySeq = 0;
+/** Fresh client key for an item that has no server row yet. */
+export function newItemKey() {
+    keySeq += 1;
+    return `new-${keySeq}`;
+}
+// ── Conversion ────────────────────────────────────────────────────────────────
+/** Adopt the server's flagged admin tree as editor state. */
+export function fromServerItems(nodes) {
+    return nodes.map(node => ({
+        key: node.id,
+        label: node.label,
+        description: node.description ?? '',
+        openInNewWindow: node.openInNewWindow,
+        contentId: node.contentId,
+        externalUrl: node.externalUrl,
+        href: node.href,
+        contentStatus: node.contentStatus,
+        contentMissing: node.contentMissing,
+        children: fromServerItems(node.children),
+    }));
+}
+/** A blank item of either kind, ready to append to the tree. */
+export function makeItem(init) {
+    return {
+        key: newItemKey(),
+        description: '',
+        openInNewWindow: false,
+        contentId: null,
+        externalUrl: null,
+        href: null,
+        contentStatus: null,
+        contentMissing: false,
+        children: [],
+        ...init,
+    };
+}
+/**
+ * Serialize to the nested `PUT /menus/:id/items` body.
+ *
+ * Optional keys are omitted rather than sent empty: the route's zod schema is
+ * `.strict()`, and an omitted `description` is meaningfully different from an
+ * empty string. Sibling order is array order — the resequencing contract.
+ */
+export function toPayload(items) {
+    return items.map(item => {
+        const payload = { label: item.label };
+        if (item.contentId)
+            payload.contentId = item.contentId;
+        else if (item.externalUrl)
+            payload.externalUrl = item.externalUrl;
+        if (item.description.trim())
+            payload.description = item.description;
+        if (item.openInNewWindow)
+            payload.openInNewWindow = true;
+        if (item.children.length > 0)
+            payload.children = toPayload(item.children);
+        return payload;
+    });
+}
+// ── Queries ───────────────────────────────────────────────────────────────────
+/** Depth-first flatten; the render order and the drop-projection basis. */
+export function flattenTree(items, parentKey = null, depth = 0) {
+    const out = [];
+    for (const item of items) {
+        out.push({ item, key: item.key, depth, parentKey });
+        out.push(...flattenTree(item.children, item.key, depth + 1));
+    }
+    return out;
+}
+export function findItem(items, key) {
+    for (const item of items) {
+        if (item.key === key)
+            return item;
+        const found = findItem(item.children, key);
+        if (found)
+            return found;
+    }
+    return null;
+}
+/** Total items at every depth. */
+export function countItems(items) {
+    return items.reduce((n, item) => n + 1 + countItems(item.children), 0);
+}
+/** Levels of nesting BELOW an item (a leaf is 0). */
+export function subtreeHeight(item) {
+    if (item.children.length === 0)
+        return 0;
+    return 1 + Math.max(...item.children.map(subtreeHeight));
+}
+/** Items with neither a content link nor a URL — unsavable, and always broken. */
+export function itemsWithoutTarget(items) {
+    const out = [];
+    for (const item of items) {
+        if (!item.contentId && !item.externalUrl)
+            out.push(item);
+        out.push(...itemsWithoutTarget(item.children));
+    }
+    return out;
+}
+// ── Mutations (all immutable) ─────────────────────────────────────────────────
+export function updateItem(items, key, patch) {
+    return items.map(item => item.key === key
+        ? { ...item, ...patch }
+        : { ...item, children: updateItem(item.children, key, patch) });
+}
+/** Remove an item AND its subtree. Returns the new tree plus what was cut. */
+export function removeItem(items, key) {
+    let removed = null;
+    const walk = (list) => {
+        const out = [];
+        for (const item of list) {
+            if (item.key === key) {
+                removed = item;
+                continue;
+            }
+            out.push({ ...item, children: walk(item.children) });
+        }
+        return out;
+    };
+    const next = walk(items);
+    return { items: next, removed };
+}
+/** Splice an item into a parent's children (root when `parentKey` is null). */
+export function insertItem(items, parentKey, index, item) {
+    if (parentKey === null) {
+        const next = [...items];
+        next.splice(clamp(index, 0, next.length), 0, item);
+        return next;
+    }
+    return items.map(candidate => {
+        if (candidate.key === parentKey) {
+            const children = [...candidate.children];
+            children.splice(clamp(index, 0, children.length), 0, item);
+            return { ...candidate, children };
+        }
+        return { ...candidate, children: insertItem(candidate.children, parentKey, index, item) };
+    });
+}
+/** Append a new item at the end of the root list. */
+export function appendItem(items, item) {
+    return [...items, item];
+}
+/**
+ * Resolve a drop into a concrete position.
+ *
+ * Vertical position comes from the item dropped ON (dnd-kit's `over`), depth
+ * from how far the pointer travelled horizontally (`offsetX`) — the standard
+ * dnd-kit sortable-tree projection, which is the only way a flat sortable list
+ * can express "reparent" as well as "reorder".
+ *
+ * The projected depth is clamped three ways, so a drop is always *graceful*:
+ *  - it can be at most one level deeper than the row above it (you cannot
+ *    create an orphan level),
+ *  - never shallower than the row below it (which would jump that row's group),
+ *  - and never so deep that the dragged item's own subtree would exceed
+ *    {@link MAX_MENU_DEPTH}.
+ */
+export function projectDrop(items, activeKey, overKey, offsetX) {
+    if (activeKey === overKey)
+        return null;
+    const flat = flattenTree(items);
+    const activeIndex = flat.findIndex(f => f.key === activeKey);
+    const overIndex = flat.findIndex(f => f.key === overKey);
+    if (activeIndex === -1 || overIndex === -1)
+        return null;
+    const active = flat[activeIndex];
+    const moved = active.item;
+    // Dropping an item into its own subtree would detach the tree from its root.
+    if (findItem(moved.children, overKey))
+        return null;
+    // Project against the tree WITHOUT the dragged subtree — that is the list the
+    // item is landing in, and it keeps indices honest when dragging downward.
+    const remaining = flattenTree(removeItem(items, activeKey).items);
+    const overRemainingIndex = remaining.findIndex(f => f.key === overKey);
+    if (overRemainingIndex === -1)
+        return null;
+    // Dragging down takes the slot AFTER the row dropped on; dragging up takes
+    // its slot, pushing it down. (dnd-kit's arrayMove, expressed on the tree.)
+    const insertIndex = activeIndex < overIndex ? overRemainingIndex + 1 : overRemainingIndex;
+    const previous = insertIndex > 0 ? remaining[insertIndex - 1] : undefined;
+    const next = remaining[insertIndex];
+    const maxDepth = previous ? previous.depth + 1 : 0;
+    const minDepth = next ? next.depth : 0;
+    const heightCap = MAX_MENU_DEPTH - 1 - subtreeHeight(moved);
+    const projected = active.depth + Math.round(offsetX / INDENT_WIDTH);
+    // Depth cap wins over `minDepth`: a too-deep drop lands shallower rather than
+    // being refused, and the tree stays valid either way.
+    const depth = Math.min(clamp(projected, minDepth, maxDepth), Math.max(heightCap, 0));
+    const parentKey = resolveParentKey(remaining, insertIndex, depth);
+    const index = siblingIndex(remaining, insertIndex, parentKey);
+    return { parentKey, index, depth };
+}
+/** Apply a drop. Returns the original tree unchanged when it cannot land. */
+export function moveItem(items, activeKey, overKey, offsetX) {
+    const target = projectDrop(items, activeKey, overKey, offsetX);
+    if (!target)
+        return items;
+    const { items: without, removed } = removeItem(items, activeKey);
+    if (!removed)
+        return items;
+    return insertItem(without, target.parentKey, target.index, removed);
+}
+/**
+ * Keyboard/button equivalent of dragging right: become the last child of the
+ * previous sibling. No-op for a first child, or when the move would exceed
+ * {@link MAX_MENU_DEPTH}.
+ */
+export function indentItem(items, key) {
+    const flat = flattenTree(items);
+    const entry = flat.find(f => f.key === key);
+    if (!entry)
+        return items;
+    const siblings = flat.filter(f => f.parentKey === entry.parentKey);
+    const position = siblings.findIndex(f => f.key === key);
+    const previous = position > 0 ? siblings[position - 1] : undefined;
+    if (!previous)
+        return items;
+    if (entry.depth + 1 + subtreeHeight(entry.item) > MAX_MENU_DEPTH - 1)
+        return items;
+    const { items: without, removed } = removeItem(items, key);
+    if (!removed)
+        return items;
+    return insertItem(without, previous.key, previous.item.children.length, removed);
+}
+/** Become the next sibling of the current parent. No-op at the root level. */
+export function outdentItem(items, key) {
+    const flat = flattenTree(items);
+    const entry = flat.find(f => f.key === key);
+    if (!entry || entry.parentKey === null)
+        return items;
+    const parent = flat.find(f => f.key === entry.parentKey);
+    const grandParentKey = parent.parentKey;
+    const parentSiblings = flat.filter(f => f.parentKey === grandParentKey);
+    const parentPosition = parentSiblings.findIndex(f => f.key === parent.key);
+    const { items: without, removed } = removeItem(items, key);
+    if (!removed)
+        return items;
+    return insertItem(without, grandParentKey, parentPosition + 1, removed);
+}
+// ── Internals ─────────────────────────────────────────────────────────────────
+function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+}
+/** The nearest row above the insertion point that sits one level shallower. */
+function resolveParentKey(flat, insertIndex, depth) {
+    if (depth === 0)
+        return null;
+    for (let i = insertIndex - 1; i >= 0; i--) {
+        const candidate = flat[i];
+        if (candidate.depth === depth - 1)
+            return candidate.key;
+    }
+    return null;
+}
+/** How many of the target parent's children already sit above the drop. */
+function siblingIndex(flat, insertIndex, parentKey) {
+    let index = 0;
+    for (let i = 0; i < insertIndex; i++) {
+        if (flat[i].parentKey === parentKey)
+            index += 1;
+    }
+    return index;
+}
+//# sourceMappingURL=menu-tree.js.map

package/dist/admin/surfaces/menus/menu-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-tree.js","sourceRoot":"","sources":["../../../../src/admin/surfaces/menus/menu-tree.ts"],"names":[],"mappings":"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"}

package/dist/admin/surfaces/menus/menus-data.d.ts

@@ -0,0 +1,101 @@
+/**
+ * Data helpers for the admin Menus surfaces (#112).
+ *
+ * Thin, typed wrappers over the menu REST surface shipped with #110. Every
+ * helper takes the cookie-aware `useAdminContext().fetch`, which appends the
+ * active `?siteId=` itself — surfaces never thread the site id by hand.
+ *
+ * The wire types below MIRROR the server shapes (`MenuRow` /
+ * `MenuItemAdminNode` in `db/menu-queries.ts`, `MenuItemPayload` in
+ * `api/menu-routes.ts`) rather than importing them: the DB types carry `Date`
+ * columns that arrive here as JSON strings, and a client surface must never
+ * reach into a module that pulls drizzle/zod into its chunk.
+ */
+import type { FetchLike } from '../../content-editor-api.js';
+/** A menu row as returned by `GET /menus` (timestamps JSON-serialized). */
+export interface MenuSummary {
+    id: string;
+    siteId: string;
+    slug: string;
+    name: string;
+    createdAt: string;
+    updatedAt: string;
+}
+/**
+ * One item of the admin (flagged) tree from `GET /menus/:id/items`.
+ *
+ * `contentMissing` / `resolvable` are the server's live resolution verdict: an
+ * item whose target was deleted or unpublished still appears here — that is the
+ * whole point of the admin read — so the editor can show it as broken instead
+ * of silently dropping it the way the public resolved endpoint does.
+ */
+export interface MenuItemNode {
+    id: string;
+    menuId: string;
+    parentId: string | null;
+    sortOrder: number;
+    label: string;
+    contentId: string | null;
+    externalUrl: string | null;
+    openInNewWindow: boolean;
+    description: string | null;
+    href: string | null;
+    contentStatus: string | null;
+    contentMissing: boolean;
+    resolvable: boolean;
+    children: MenuItemNode[];
+}
+/** One item of the nested full-replace body sent to `PUT /menus/:id/items`. */
+export interface MenuItemPayload {
+    label: string;
+    contentId?: string;
+    externalUrl?: string;
+    description?: string;
+    openInNewWindow?: boolean;
+    children?: MenuItemPayload[];
+}
+/** A node of `GET /tree` — the admin content tree the page picker browses. */
+export interface ContentTreeNode {
+    id: string;
+    parentId: string | null;
+    title: string;
+    slug: string;
+    path: string;
+    depth: number;
+    sortOrder: number;
+    isNav: boolean;
+    isLocked: boolean;
+    status: string;
+    contentTypeName: string;
+    children: ContentTreeNode[];
+}
+export declare function loadMenus(fetchFn: FetchLike): Promise<MenuSummary[]>;
+export declare function createMenu(fetchFn: FetchLike, payload: {
+    name: string;
+    slug: string;
+}): Promise<MenuSummary>;
+export declare function updateMenu(fetchFn: FetchLike, id: string, payload: {
+    name?: string;
+    slug?: string;
+}): Promise<MenuSummary>;
+export declare function deleteMenu(fetchFn: FetchLike, id: string): Promise<void>;
+export declare function loadMenuItems(fetchFn: FetchLike, id: string): Promise<MenuItemNode[]>;
+/**
+ * Full nested replace. The server rewrites the whole item tree in one
+ * transaction, so the editor never issues per-item PATCHes and a save is
+ * idempotent — sending the same tree twice leaves the menu identical.
+ */
+export declare function saveMenuItems(fetchFn: FetchLike, id: string, items: MenuItemPayload[]): Promise<MenuItemNode[]>;
+export declare function loadContentTree(fetchFn: FetchLike): Promise<ContentTreeNode[]>;
+/**
+ * `id -> nav label` from `GET /nav`, which resolves each node's `menuTitle`
+ * (falling back to its title). The picker seeds a new item's label from this so
+ * a page whose editor set a short `menuTitle` ("Pricing") enters the menu under
+ * that name rather than its long page title — the same rule the site-tree-driven
+ * nav applies. Nodes absent from the nav tree (unpublished / `isNav: false`)
+ * simply fall back to their content title.
+ */
+export declare function loadNavLabels(fetchFn: FetchLike): Promise<Record<string, string>>;
+/** Total number of items in a menu tree, at every depth. */
+export declare function countMenuItems(items: MenuItemNode[]): number;
+//# sourceMappingURL=menus-data.d.ts.map

package/dist/admin/surfaces/menus/menus-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus-data.d.ts","sourceRoot":"","sources":["../../../../src/admin/surfaces/menus/menus-data.ts"],"names":[],"mappings":"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"}

package/dist/admin/surfaces/menus/menus-data.js

@@ -0,0 +1,98 @@
+/**
+ * Data helpers for the admin Menus surfaces (#112).
+ *
+ * Thin, typed wrappers over the menu REST surface shipped with #110. Every
+ * helper takes the cookie-aware `useAdminContext().fetch`, which appends the
+ * active `?siteId=` itself — surfaces never thread the site id by hand.
+ *
+ * The wire types below MIRROR the server shapes (`MenuRow` /
+ * `MenuItemAdminNode` in `db/menu-queries.ts`, `MenuItemPayload` in
+ * `api/menu-routes.ts`) rather than importing them: the DB types carry `Date`
+ * columns that arrive here as JSON strings, and a client surface must never
+ * reach into a module that pulls drizzle/zod into its chunk.
+ */
+// ── Response helpers (same contract as the sibling surfaces' data modules) ────
+async function readData(res) {
+    if (!res.ok)
+        throw new Error(await errorMessage(res));
+    const body = await res.json();
+    return body.data;
+}
+async function expectOk(res) {
+    if (!res.ok)
+        throw new Error(await errorMessage(res));
+}
+async function errorMessage(res) {
+    let message = `Request failed (${res.status})`;
+    try {
+        const body = await res.json();
+        message = body?.error?.message ?? message;
+        // Validation errors carry per-field detail; surface the first one, since a
+        // menu save that fails on one item should name that item, not "400".
+        const first = body?.error?.details?.[0];
+        if (first?.message)
+            message = first.path ? `${first.path}: ${first.message}` : first.message;
+    }
+    catch {
+        /* keep default */
+    }
+    return message;
+}
+// ── Menus ─────────────────────────────────────────────────────────────────────
+export async function loadMenus(fetchFn) {
+    return readData(await fetchFn('/api/v1/menus'));
+}
+export async function createMenu(fetchFn, payload) {
+    return readData(await fetchFn('/api/v1/menus', { method: 'POST', body: JSON.stringify(payload) }));
+}
+export async function updateMenu(fetchFn, id, payload) {
+    return readData(await fetchFn(`/api/v1/menus/${id}`, { method: 'PUT', body: JSON.stringify(payload) }));
+}
+export async function deleteMenu(fetchFn, id) {
+    await expectOk(await fetchFn(`/api/v1/menus/${id}`, { method: 'DELETE' }));
+}
+// ── Menu items ────────────────────────────────────────────────────────────────
+export async function loadMenuItems(fetchFn, id) {
+    return readData(await fetchFn(`/api/v1/menus/${id}/items`));
+}
+/**
+ * Full nested replace. The server rewrites the whole item tree in one
+ * transaction, so the editor never issues per-item PATCHes and a save is
+ * idempotent — sending the same tree twice leaves the menu identical.
+ */
+export async function saveMenuItems(fetchFn, id, items) {
+    return readData(await fetchFn(`/api/v1/menus/${id}/items`, {
+        method: 'PUT',
+        body: JSON.stringify({ items }),
+    }));
+}
+// ── Content lookup (page picker) ──────────────────────────────────────────────
+export async function loadContentTree(fetchFn) {
+    return readData(await fetchFn('/api/v1/tree'));
+}
+/**
+ * `id -> nav label` from `GET /nav`, which resolves each node's `menuTitle`
+ * (falling back to its title). The picker seeds a new item's label from this so
+ * a page whose editor set a short `menuTitle` ("Pricing") enters the menu under
+ * that name rather than its long page title — the same rule the site-tree-driven
+ * nav applies. Nodes absent from the nav tree (unpublished / `isNav: false`)
+ * simply fall back to their content title.
+ */
+export async function loadNavLabels(fetchFn) {
+    const tree = await readData(await fetchFn('/api/v1/nav'));
+    const labels = {};
+    const walk = (nodes) => {
+        for (const n of nodes) {
+            labels[n.id] = n.title;
+            walk(n.children);
+        }
+    };
+    walk(tree);
+    return labels;
+}
+// ── Derived helpers ───────────────────────────────────────────────────────────
+/** Total number of items in a menu tree, at every depth. */
+export function countMenuItems(items) {
+    return items.reduce((n, item) => n + 1 + countMenuItems(item.children), 0);
+}
+//# sourceMappingURL=menus-data.js.map

package/dist/admin/surfaces/menus/menus-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus-data.js","sourceRoot":"","sources":["../../../../src/admin/surfaces/menus/menus-data.ts"],"names":[],"mappings":"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"}

package/dist/admin/surfaces/menus/menus-list.d.ts

@@ -0,0 +1,3 @@
+import type { SurfaceProps } from '../../registry.js';
+export default function MenusListSurface(_props: SurfaceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menus-list.d.ts.map

package/dist/admin/surfaces/menus/menus-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus-list.d.ts","sourceRoot":"","sources":["../../../../src/admin/surfaces/menus/menus-list.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAuCrD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,MAAM,EAAE,YAAY,2CA+N5D"}

package/dist/admin/surfaces/menus/menus-list.js

@@ -0,0 +1,105 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * `menus.list` surface — the site's named navigation menus (#112).
+ *
+ * A menu is the owner-managed alternative to nav derived from the site tree:
+ * create one (conventionally `main` / `footer`), then edit its items in the
+ * menu editor. Layout/list conventions follow the sibling list surfaces
+ * (Layouts, Feeds): page header + primary action, `kywi-table`, row actions.
+ */
+import { useCallback, useEffect, useState } from 'react';
+import { useAdminContext } from '../../context.js';
+import { LoadingState, ErrorState, ConfirmDialog, Modal, slugify } from '../../primitives.js';
+import { loadMenus, loadMenuItems, createMenu, updateMenu, deleteMenu, countMenuItems, } from './menus-data.js';
+function emptyForm(menu) {
+    return {
+        menu,
+        name: menu?.name ?? '',
+        slug: menu?.slug ?? '',
+        slugTouched: menu !== null,
+        error: null,
+        busy: false,
+    };
+}
+export default function MenusListSurface(_props) {
+    const { fetch: adminFetch, navigate } = useAdminContext();
+    const [menus, setMenus] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [form, setForm] = useState(null);
+    const [pendingDelete, setPendingDelete] = useState(null);
+    const [deleting, setDeleting] = useState(false);
+    const load = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const rows = await loadMenus(adminFetch);
+            const withCounts = await Promise.all(rows.map(async (row) => {
+                try {
+                    return { ...row, itemCount: countMenuItems(await loadMenuItems(adminFetch, row.id)) };
+                }
+                catch {
+                    // A menu whose items fail to load is still listed — losing the whole
+                    // page over one unreadable count would be the worse failure.
+                    return { ...row, itemCount: 0 };
+                }
+            }));
+            setMenus(withCounts);
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : 'Failed to load menus');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [adminFetch]);
+    useEffect(() => { load(); }, [load]);
+    const handleNameChange = useCallback((value) => {
+        setForm(prev => prev ? { ...prev, name: value, slug: prev.slugTouched ? prev.slug : slugify(value) } : prev);
+    }, []);
+    const handleSubmit = useCallback(async () => {
+        if (!form)
+            return;
+        const name = form.name.trim();
+        const slug = form.slug.trim();
+        if (!name) {
+            setForm({ ...form, error: 'A menu name is required.' });
+            return;
+        }
+        if (!slug) {
+            setForm({ ...form, error: 'A menu slug is required.' });
+            return;
+        }
+        setForm({ ...form, busy: true, error: null });
+        try {
+            if (form.menu)
+                await updateMenu(adminFetch, form.menu.id, { name, slug });
+            else
+                await createMenu(adminFetch, { name, slug });
+            setForm(null);
+            await load();
+        }
+        catch (e) {
+            setForm({ ...form, busy: false, error: e instanceof Error ? e.message : 'Save failed' });
+        }
+    }, [form, adminFetch, load]);
+    const handleDelete = useCallback(async () => {
+        if (!pendingDelete)
+            return;
+        setDeleting(true);
+        try {
+            await deleteMenu(adminFetch, pendingDelete.id);
+            setPendingDelete(null);
+            await load();
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : 'Delete failed');
+        }
+        finally {
+            setDeleting(false);
+        }
+    }, [pendingDelete, adminFetch, load]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "kywi-admin-page-header", children: [_jsxs("div", { children: [_jsx("h1", { children: "Menus" }), _jsxs("p", { className: "kywi-text-muted", children: ["Named navigation menus. Nav modules render a menu by its slug \u2014 ", _jsx("code", { children: "main" }), " for the header, ", _jsx("code", { children: "footer" }), " for the footer \u2014 so editing a menu here changes the site\u2019s navigation everywhere it appears."] })] }), _jsx("div", { className: "kywi-admin-button-row", children: _jsx("button", { type: "button", className: "kywi-btn kywi-btn-primary", onClick: () => setForm(emptyForm(null)), children: "New Menu" }) })] }), loading ? (_jsx(LoadingState, { label: "Loading menus\u2026" })) : error ? (_jsx(ErrorState, { message: error, onRetry: load })) : menus.length === 0 ? (_jsxs("div", { className: "kywi-empty-state", children: [_jsxs("p", { children: ["No menus yet. Create one named ", _jsx("code", { children: "main" }), " to take over the site header."] }), _jsx("button", { type: "button", className: "kywi-btn kywi-btn-primary", onClick: () => setForm(emptyForm(null)), children: "Create your first menu" })] })) : (_jsx("div", { className: "kywi-table-scroll", children: _jsxs("table", { className: "kywi-table kywi-menus-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Name" }), _jsx("th", { children: "Slug" }), _jsx("th", { children: "Items" }), _jsx("th", { children: "Updated" }), _jsx("th", { className: "kywi-col-actions", children: "Actions" })] }) }), _jsx("tbody", { children: menus.map(menu => (_jsxs("tr", { children: [_jsx("td", { children: _jsx("button", { type: "button", className: "kywi-link-button", onClick: () => navigate(`/admin/menus/${menu.id}`), children: menu.name }) }), _jsx("td", { children: _jsx("code", { children: menu.slug }) }), _jsx("td", { children: menu.itemCount }), _jsx("td", { children: menu.updatedAt ? new Date(menu.updatedAt).toLocaleDateString() : '—' }), _jsxs("td", { className: "kywi-col-actions", children: [_jsx("button", { type: "button", className: "kywi-btn kywi-btn-ghost kywi-btn-sm", onClick: () => navigate(`/admin/menus/${menu.id}`), children: "Edit items" }), _jsx("button", { type: "button", className: "kywi-btn kywi-btn-ghost kywi-btn-sm", onClick: () => setForm(emptyForm(menu)), children: "Rename" }), _jsx("button", { type: "button", className: "kywi-btn kywi-btn-danger kywi-btn-sm", onClick: () => setPendingDelete(menu), children: "Delete" })] })] }, menu.id))) })] }) })), form && (_jsxs(Modal, { title: form.menu ? `Rename “${form.menu.name}”` : 'New menu', onClose: () => setForm(null), labelledBy: "kywi-menu-form-title", children: [_jsxs("div", { className: "kywi-field", children: [_jsx("label", { htmlFor: "kywi-menu-name", className: "kywi-field-label", children: "Menu name" }), _jsx("input", { id: "kywi-menu-name", type: "text", className: "kywi-input", value: form.name, placeholder: "Main navigation", onChange: e => handleNameChange(e.target.value) })] }), _jsxs("div", { className: "kywi-field", children: [_jsx("label", { htmlFor: "kywi-menu-slug", className: "kywi-field-label", children: "Slug" }), _jsx("input", { id: "kywi-menu-slug", type: "text", className: "kywi-input", value: form.slug, placeholder: "main", onChange: e => setForm(prev => prev && { ...prev, slugTouched: true, slug: slugify(e.target.value) }) }), _jsxs("span", { className: "kywi-field-hint", children: ["Nav modules reference this slug. ", _jsx("code", { children: "main" }), " and ", _jsx("code", { children: "footer" }), " are the slugs a generated site looks for."] })] }), form.error && _jsx(ErrorState, { message: form.error }), _jsxs("div", { className: "kywi-admin-form-actions", children: [_jsx("button", { type: "button", className: "kywi-btn kywi-btn-secondary", onClick: () => setForm(null), disabled: form.busy, children: "Cancel" }), _jsx("button", { type: "button", className: "kywi-btn kywi-btn-primary", onClick: handleSubmit, disabled: form.busy, children: form.busy ? 'Saving…' : form.menu ? 'Save changes' : 'Create menu' })] })] })), pendingDelete && (_jsx(ConfirmDialog, { title: "Delete menu", message: _jsxs(_Fragment, { children: ["Delete \u201C", pendingDelete.name, "\u201D and its ", pendingDelete.itemCount, " item", pendingDelete.itemCount === 1 ? '' : 's', "? Any nav module pointing at", ' ', _jsx("code", { children: pendingDelete.slug }), " reverts to its fallback \u2014 a generated site header falls back to the site tree. This cannot be undone."] }), busy: deleting, onCancel: () => setPendingDelete(null), onConfirm: handleDelete }))] }));
+}
+//# sourceMappingURL=menus-list.js.map