@haneinfo/frontend-instances 0.6.0 → 0.8.0

package/dist/import-client.js

@@ -0,0 +1,179 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn } from '@haneinfo/frontend-shell';
+import { Download, FileUp, RotateCw } from 'lucide-react';
+import { useEffect, useId, useRef, useState } from 'react';
+import { call, ErrorMessage, RequestFailure, useTask } from './action-client.js';
+import { errorKey } from './messages.js';
+import { canPoll, importMapping } from './query.js';
+import { Card, CardHeader, ErrorState, NativeSelect, touch } from './ui.js';
+const inaccessible = (error) => error &&
+    ['unauthorized', 'forbidden', 'notFound', 'FORBIDDEN', 'INSTANCE_NOT_FOUND'].includes(error.key);
+/** Row data of an import report as readable "column: value" text, never as JSON. */
+function rowText(data) {
+    if (!data)
+        return '—';
+    return Object.entries(data)
+        .map(([key, value]) => {
+        const text = value === null || value === undefined
+            ? '—'
+            : typeof value === 'object'
+                ? Array.isArray(value)
+                    ? `${value.length}`
+                    : '…'
+                : String(value);
+        return `${key}: ${text}`;
+    })
+        .join(' · ');
+}
+export function JobStatus({ initial, labels: t, action, downloadBase, onComplete, }) {
+    const [job, setJob] = useState(initial), [attempt, setAttempt] = useState(0), [stopped, setStopped] = useState(false);
+    const [error, setError] = useState();
+    const complete = useRef(onComplete);
+    complete.current = onComplete;
+    // biome-ignore lint/correctness/useExhaustiveDependencies: attempt is the explicit manual refresh signal.
+    useEffect(() => {
+        let active = true, timer;
+        let polls = 0;
+        setStopped(false);
+        setError(undefined);
+        const poll = async () => {
+            try {
+                const next = await call(action, { kind: 'job', id: initial.id });
+                if (!active)
+                    return;
+                setJob(next);
+                if (!canPoll(next)) {
+                    complete.current?.(next);
+                    return;
+                }
+                if (++polls >= 90) {
+                    setStopped(true);
+                    return;
+                }
+                timer = setTimeout(poll, 2000);
+            }
+            catch (error) {
+                if (active) {
+                    setError(error instanceof RequestFailure ? error.reason : { key: 'requestFailed' });
+                    setStopped(true);
+                }
+            }
+        };
+        if (canPoll(initial))
+            timer = setTimeout(poll, 2000);
+        else
+            complete.current?.(initial);
+        return () => {
+            active = false;
+            clearTimeout(timer);
+        };
+    }, [initial, action, attempt]);
+    if (inaccessible(error))
+        return _jsx(ErrorMessage, { error: error, labels: t });
+    const progress = Math.max(0, Math.min(100, job.progress));
+    return (_jsxs("section", { className: "flex min-w-0 flex-col gap-3 rounded-xl bg-card p-4 text-card-foreground ring-1 ring-foreground/10", "aria-label": t.job, children: [_jsxs("p", { role: "status", className: "font-medium text-sm", children: [t.job, ": ", t[job.status], " (", progress, "%)"] }), _jsx("progress", { "aria-label": t.job, value: progress, max: 100, className: "h-2 w-full accent-primary" }), _jsx(ErrorMessage, { error: error, labels: t }), job.lastError && (_jsx("p", { role: "alert", className: "break-words text-destructive text-sm", children: t.requestFailed })), stopped && (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: t.pollStopped }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: touch, onClick: () => setAttempt(attempt + 1), children: [_jsx(RotateCw, { "aria-hidden": "true", "data-icon": "inline-start" }), t.retry] })] })), job.status === 'SUCCEEDED' && job.result && (_jsx(JobReport, { result: job.result, labels: t, downloadBase: downloadBase }))] }));
+}
+export function JobReport({ result, labels: t, downloadBase, }) {
+    const failures = result.kind === 'preflight'
+        ? (result.rows ?? []).filter((r) => r.errors.length)
+        : Array.isArray(result.failed)
+            ? result.failed
+            : [];
+    const stat = (label, value) => (_jsxs("div", { className: "flex flex-col rounded-lg bg-muted/50 px-3 py-2", children: [_jsx("dt", { className: "text-muted-foreground text-xs", children: label }), _jsx("dd", { className: "font-semibold text-lg tabular-nums", children: value })] }));
+    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-3", children: [_jsxs("dl", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: [stat(t.total, result.total ?? result.rowCount ?? 0), result.kind === 'preflight' && stat(t.valid, result.valid ?? 0), result.kind === 'import' && stat(t.success, result.imported?.length ?? 0), result.kind !== 'export' &&
+                        stat(t.failed, Array.isArray(result.failed) ? result.failed.length : (result.failed ?? 0))] }), (result.errors ?? []).map((error) => (_jsx("p", { className: "break-words text-destructive text-sm", children: t[errorKey(error.code)] }, `${error.code}-${error.path}-${error.message}`))), !!failures.length && (_jsx("div", { className: "max-h-96 overflow-auto rounded-lg border", children: _jsxs("table", { className: "w-full text-left text-sm", children: [_jsx("thead", { className: "sticky top-0 bg-muted", children: _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "px-3 py-2 font-medium", children: t.row }), _jsx("th", { scope: "col", className: "px-3 py-2 font-medium", children: t.value }), _jsx("th", { scope: "col", className: "px-3 py-2 font-medium", children: t.code }), _jsx("th", { scope: "col", className: "px-3 py-2 font-medium", children: t.reason })] }) }), _jsx("tbody", { children: failures.map((row) => (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "px-3 py-2 tabular-nums", children: row.rowNumber }), _jsx("td", { className: "max-w-64 px-3 py-2 [overflow-wrap:anywhere]", children: rowText(row.data) }), _jsx("td", { className: "px-3 py-2", children: row.errors
+                                            .map((e) => (errorKey(e.code) === 'requestFailed' ? '—' : e.code))
+                                            .join(', ') }), _jsx("td", { className: "max-w-64 px-3 py-2 [overflow-wrap:anywhere]", children: row.errors.map((e) => t[errorKey(e.code)]).join('; ') })] }, row.rowNumber))) })] }) })), result.downloadPath && (_jsxs("a", { className: cn('inline-flex items-center gap-1.5 self-start rounded-md font-medium text-sm underline underline-offset-4 outline-none focus-visible:ring-3 focus-visible:ring-ring/50', touch), href: `${downloadBase}?${new URLSearchParams({ path: result.downloadPath })}`, children: [_jsx(Download, { "aria-hidden": "true", className: "size-4" }), result.kind === 'export' ? t.download : t.downloadErrors] }))] }));
+}
+export function ImportClient({ machines, fields: initialFields, labels: t, action, uploadAction, downloadBase, }) {
+    const task = useTask();
+    const fileId = useId();
+    const fileInput = useRef(null);
+    const [fileName, setFileName] = useState('');
+    const machineId = useId();
+    const [machine, setMachine] = useState(machines[0]?.code ?? ''), [fields, setFields] = useState(initialFields);
+    const [upload, setUpload] = useState();
+    const [targets, setTargets] = useState([]), [keys, setKeys] = useState([]);
+    const [preflight, setPreflight] = useState(), [completed, setCompleted] = useState(), [imported, setImported] = useState();
+    const [confirmed, setConfirmed] = useState(false);
+    const reset = () => {
+        setPreflight(undefined);
+        setCompleted(undefined);
+        setImported(undefined);
+        setConfirmed(false);
+    };
+    if (inaccessible(task.error))
+        return (_jsx(ErrorState, { title: t.forbiddenTitle, description: t[task.error?.key ?? 'requestFailed'] }));
+    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-4", "aria-busy": task.pending, children: [_jsx("p", { className: "text-muted-foreground text-sm", children: t.importHint }), _jsx(ErrorMessage, { error: task.error, labels: t }), _jsx("p", { role: "status", "aria-live": "polite", className: "sr-only", children: task.pending ? t.loading : '' }), machines.length > 1 && (_jsxs("label", { htmlFor: machineId, className: "grid max-w-md gap-1.5 text-sm", children: [_jsx("span", { className: "font-medium", children: t.machine }), _jsx(NativeSelect, { id: machineId, disabled: task.pending, value: machine, onChange: (e) => {
+                            const code = e.target.value;
+                            void task.run(async () => {
+                                const next = await call(action, {
+                                    kind: 'importFields',
+                                    machineCode: code,
+                                });
+                                setMachine(code);
+                                setFields(next);
+                                setUpload(undefined);
+                                setTargets([]);
+                                setKeys([]);
+                                reset();
+                            });
+                        }, children: machines.map((m) => (_jsx("option", { value: m.code, children: m.label }, m.code))) })] })), _jsxs(Card, { children: [_jsx(CardHeader, { title: t.importStepFile, description: t.file }), _jsxs("form", { className: "flex flex-col gap-3 p-4 sm:p-5", onSubmit: (e) => {
+                            e.preventDefault();
+                            const form = new FormData(e.currentTarget);
+                            void task.run(async () => {
+                                reset();
+                                setUpload(undefined);
+                                const result = await uploadAction(form);
+                                if (result.error)
+                                    throw new RequestFailure(result.error);
+                                const next = result.data;
+                                setUpload(next);
+                                setTargets(next.headers.map((header) => (fields.some((f) => f.key === header) ? header : '')));
+                                setKeys([]);
+                            });
+                        }, children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-1.5 text-sm", children: [_jsx("label", { htmlFor: fileId, className: "sr-only", children: t.file }), _jsx("input", { ref: fileInput, id: fileId, name: "file", type: "file", accept: ".csv,.xlsx", required: true, disabled: task.pending, className: "sr-only", onChange: (event) => {
+                                            setFileName(event.currentTarget.files?.[0]?.name ?? '');
+                                            setUpload(undefined);
+                                            reset();
+                                        } }), _jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-3 rounded-lg border border-dashed p-3", children: [_jsxs(Button, { type: "button", variant: "outline", className: touch, disabled: task.pending, onClick: () => fileInput.current?.click(), children: [_jsx(FileUp, { "aria-hidden": "true", "data-icon": "inline-start" }), t.uploadAttachments] }), _jsx("span", { className: cn('min-w-0 [overflow-wrap:anywhere]', !fileName && 'text-muted-foreground'), children: fileName || t.noFileChosen })] })] }), _jsx(Button, { type: "submit", className: cn('self-start', touch), disabled: task.pending, children: t.readHeaders })] })] }), upload && (_jsxs(Card, { children: [_jsx(CardHeader, { title: t.mapping }), _jsx("form", { className: "p-4 sm:p-5", onSubmit: (e) => {
+                            e.preventDefault();
+                            void task.run(async () => {
+                                const mapping = importMapping(upload.headers, targets, keys, fields);
+                                reset();
+                                setPreflight(await call(action, {
+                                    kind: 'preflight',
+                                    input: {
+                                        machineCode: machine,
+                                        format: upload.format,
+                                        contentBase64: upload.contentBase64,
+                                        ...mapping,
+                                    },
+                                }));
+                            });
+                        }, children: _jsxs("fieldset", { disabled: task.pending || !!preflight, className: "flex min-w-0 flex-col gap-4", children: [_jsx("legend", { className: "sr-only", children: t.mapping }), _jsx("div", { className: "flex flex-col gap-2", children: upload.headers.map((header, index) => (_jsxs("div", { className: "grid items-center gap-2 text-sm sm:grid-cols-2", children: [_jsx("span", { "aria-hidden": "true", className: "break-all font-medium", children: header }), _jsxs(NativeSelect, { "aria-label": header, value: targets[index] ?? '', onChange: (e) => {
+                                                    setTargets(targets.map((target, i) => (i === index ? e.target.value : target)));
+                                                    setKeys([]);
+                                                }, children: [_jsx("option", { value: "", children: t.skip }), fields.map((f) => (_jsxs("option", { value: f.key, children: [f.label, f.required ? ` · ${t.required}` : ''] }, f.key)))] })] }, header))) }), _jsxs("fieldset", { className: "flex flex-wrap gap-3 rounded-lg border p-3", children: [_jsx("legend", { className: "px-1 font-medium text-sm", children: t.duplicateKey }), _jsx("p", { className: "w-full text-muted-foreground text-sm", children: t.duplicateHint }), fields
+                                            .filter((f) => targets.includes(f.key))
+                                            .map((f) => (_jsxs("label", { className: "flex items-center gap-2 text-sm max-md:min-h-11", children: [_jsx("input", { type: "checkbox", className: "size-4 accent-primary", checked: keys.includes(f.key), disabled: !keys.includes(f.key) && keys.length >= 5, onChange: (e) => setKeys(e.target.checked
+                                                        ? [...keys, f.key]
+                                                        : keys.filter((key) => key !== f.key)) }), f.label] }, f.key)))] }), _jsx(Button, { type: "submit", className: cn('self-start', touch), children: t.preflight })] }) })] })), preflight && (_jsx(JobStatus, { initial: preflight, labels: t, action: action, downloadBase: downloadBase, onComplete: setCompleted })), completed && (_jsx(ImportConfirmation, { job: completed, labels: t, pending: task.pending || confirmed, onConfirm: () => {
+                    void task.run(async () => {
+                        const job = await call(action, {
+                            kind: 'confirm',
+                            id: completed.id,
+                            confirmed: true,
+                        });
+                        setConfirmed(true);
+                        setImported(job);
+                    });
+                } })), imported && (_jsx(JobStatus, { initial: imported, labels: t, action: action, downloadBase: downloadBase }))] }));
+}
+export function ImportConfirmation({ job, labels: t, pending, onConfirm, }) {
+    if (job.status !== 'SUCCEEDED' || job.result?.kind !== 'preflight')
+        return null;
+    return (_jsxs("div", { className: "flex flex-col gap-3 rounded-xl bg-card p-4 text-card-foreground ring-1 ring-foreground/10", children: [_jsx("p", { className: "text-sm", children: t.confirmHint }), _jsx(Button, { type: "button", className: cn('self-start', touch), disabled: pending || !!job.result.errors?.length || !job.result.valid, onClick: onConfirm, children: t.confirmImport })] }));
+}
+//# sourceMappingURL=import-client.js.map

package/dist/import-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"import-client.js","sourceRoot":"","sources":["../src/import-client.tsx"],"names":[],"mappings":"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"}

package/dist/instance-management-client.d.ts

@@ -1,11 +1,13 @@
 import { type ReactNode } from 'react';
-import type { DeletedList, InstanceAction, InstanceDetail, Labels, TagList } from './contracts.js';
+import type { DeletedList, InstanceAction, InstanceDetail, InstanceQuery, Labels, ListResult, TagList } from './contracts.js';
+/** Native modal dialog with focus trap and focus return; used for conflicts. */
 export declare function ManagementDialog({ title, children, onCancel, }: {
     title: string;
     children: ReactNode;
     onCancel: () => void;
 }): import("react").JSX.Element;
-export declare function TagPicker({ label, labels: t, action, onPick, disabled, }: {
+export declare function TagPicker({ label, labels: t, action, onPick, disabled, hideLabel, }: {
+    hideLabel?: boolean;
     label: string;
     labels: Labels;
     action: InstanceAction;
@@ -17,8 +19,21 @@ export declare function TagsPanel({ id, initial, action, labels: t, onChanged, }
     initial: TagList;
     action: InstanceAction;
     labels: Labels;
-    onChanged: () => Promise<void>;
+    onChanged: (list?: TagList) => Promise<void>;
 }): import("react").JSX.Element;
+/** Lifecycle operations as a secondary menu; only server-reported capabilities appear. */
+export declare function LifecycleMenu({ id, instance, action, labels: t, basePath, onChanged, extraItems, disabled, disabledDescription, }: {
+    id: string;
+    instance: InstanceDetail['instance'];
+    action: InstanceAction;
+    labels: Labels;
+    basePath: string;
+    onChanged: (instance: InstanceDetail['instance']) => Promise<void>;
+    extraItems?: ReactNode;
+    disabled?: boolean;
+    disabledDescription?: string;
+}): import("react").JSX.Element | null;
+/** @deprecated Kept for hosts that mount the earlier inline lifecycle buttons; use LifecycleMenu. */
 export declare function LifecyclePanel({ id, initial, action, labels: t, basePath, onChanged, }: {
     id: string;
     initial: InstanceDetail['instance'];
@@ -27,13 +42,15 @@ export declare function LifecyclePanel({ id, initial, action, labels: t, basePat
     basePath: string;
     onChanged: () => Promise<void>;
 }): import("react").JSX.Element;
-export declare function DeletedInstancesClient({ initial, action, labels: t, }: {
+export declare function DeletedInstancesClient({ initial, action, labels: t, locale, timeZone, }: {
     initial: DeletedList;
     action: InstanceAction;
     labels: Labels;
+    locale?: string;
+    timeZone?: string;
 }): import("react").JSX.Element;
-export declare function queryWithTagsFallback(action: InstanceAction, machineCode: string, query: import('./contracts.js').InstanceQuery): Promise<{
-    result: import("./contracts.js").ListResult;
+export declare function queryWithTagsFallback(action: InstanceAction, machineCode: string, query: InstanceQuery): Promise<{
+    result: ListResult;
     available: boolean;
     query: {
         archived?: "EXCLUDE" | "INCLUDE" | "ONLY";

package/dist/instance-management-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"instance-management-client.d.ts","sourceRoot":"","sources":["../src/instance-management-client.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAE3E,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGnG,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,+BAoDA;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAM,EAAE,CAAC,EACT,MAAM,EACN,MAAM,EACN,QAAgB,GACjB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAsHA;AAED,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,OAAO,EACP,MAAM,EACN,MAAM,EAAE,CAAC,EACT,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC,+BAmDA;AAED,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,OAAO,EACP,MAAM,EACN,MAAM,EAAE,CAAC,EACT,QAAQ,EACR,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACpC,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC,+BA0DA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,MAAM,EACN,MAAM,EAAE,CAAC,GACV,EAAE;IACD,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CAChB,+BAyDA;AAED,wBAAsB,qBAAqB,CACzC,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,OAAO,gBAAgB,EAAE,aAAa;;;;;;;;;;;;;;GA0B9C"}
+{"version":3,"file":"instance-management-client.d.ts","sourceRoot":"","sources":["../src/instance-management-client.tsx"],"names":[],"mappings":"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"}

package/dist/instance-management-client.js

@@ -1,9 +1,13 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input } from '@haneinfo/frontend-shell';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Button, cn, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Input, } from '@haneinfo/frontend-shell';
+import { Archive, ArchiveRestore, ChevronLeft, ChevronRight, MoreHorizontal, Plus, RotateCcw, Tag as TagIcon, Trash2, } from 'lucide-react';
 import { useEffect, useId, useRef, useState } from 'react';
 import { call, ErrorMessage, RequestFailure, useTask } from './action-client.js';
-const box = 'min-w-0 rounded-md border bg-card p-4';
+import { formatDateTime, formatNumber } from './format.js';
+import { Chip, DateTimeText, EmptyState, fillTemplate, fillText, touch } from './ui.js';
+const box = 'min-w-0 rounded-xl bg-card p-4 text-card-foreground ring-1 ring-foreground/10';
+/** Native modal dialog with focus trap and focus return; used for conflicts. */
 export function ManagementDialog({ title, children, onCancel, }) {
     const ref = useRef(null), id = useId();
     useEffect(() => {
@@ -13,13 +17,16 @@ export function ManagementDialog({ title, children, onCancel, }) {
             dialog.showModal();
         else
             dialog?.setAttribute('open', '');
-        dialog?.querySelector('button,input,select')?.focus();
+        dialog?.querySelector('button,input,select,textarea,a[href]')?.focus();
         return () => {
             dialog?.close?.();
-            previous?.focus();
+            if (previous?.isConnected)
+                previous.focus();
+            else
+                document.querySelector('main h1')?.focus();
         };
     }, []);
-    return (_jsxs("dialog", { ref: ref, "aria-labelledby": id, className: "fixed m-auto max-h-[85vh] w-[calc(100%-2rem)] max-w-2xl overflow-y-auto rounded-lg border bg-card p-4 text-foreground backdrop:bg-black/50", onCancel: (event) => {
+    return (_jsxs("dialog", { ref: ref, "aria-labelledby": id, className: "fixed m-auto max-h-[85dvh] w-[calc(100%-2rem)] max-w-2xl overflow-y-auto rounded-xl bg-popover p-5 text-popover-foreground ring-1 ring-foreground/10 backdrop:bg-black/40 max-sm:mb-0 max-sm:w-full max-sm:rounded-b-none", onCancel: (event) => {
             event.preventDefault();
             onCancel();
         }, onKeyDown: (event) => {
@@ -29,7 +36,7 @@ export function ManagementDialog({ title, children, onCancel, }) {
             }
             if (event.key === 'Tab') {
                 const elements = [
-                    ...(ref.current?.querySelectorAll('button:not(:disabled),input:not(:disabled),select:not(:disabled)') ?? []),
+                    ...(ref.current?.querySelectorAll('button:not(:disabled),input:not(:disabled),select:not(:disabled),textarea:not(:disabled),a[href]') ?? []),
                 ];
                 const first = elements[0], last = elements[elements.length - 1];
                 if (event.shiftKey && document.activeElement === first) {
@@ -41,9 +48,9 @@ export function ManagementDialog({ title, children, onCancel, }) {
                     first?.focus();
                 }
             }
-        }, children: [_jsx("h2", { id: id, className: "mb-4 font-semibold", children: title }), children] }));
+        }, children: [_jsx("h2", { id: id, className: "mb-4 font-heading font-medium text-base", children: title }), children] }));
 }
-export function TagPicker({ label, labels: t, action, onPick, disabled = false, }) {
+export function TagPicker({ label, labels: t, action, onPick, disabled = false, hideLabel = false, }) {
     const id = useId(), seq = useRef(0);
     const [q, setQ] = useState(''), [items, setItems] = useState([]);
     const [open, setOpen] = useState(false), [active, setActive] = useState(-1), [error, setError] = useState();
@@ -82,55 +89,76 @@ export function TagPicker({ label, labels: t, action, onPick, disabled = false,
         setOpen(false);
         seq.current++;
     };
-    return (_jsxs("div", { className: "relative flex min-w-0 flex-col gap-2", children: [_jsx("label", { htmlFor: id, children: label }), _jsx(Input, { id: id, role: "combobox", "aria-autocomplete": "list", "aria-expanded": open, "aria-controls": `${id}-list`, "aria-activedescendant": open && active >= 0 ? `${id}-${active}` : undefined, value: q, disabled: disabled, onFocus: () => setOpen(true), onBlur: () => {
-                    setOpen(false);
-                    seq.current++;
-                }, onChange: (event) => {
-                    const value = event.target.value;
-                    setActive(-1);
-                    if (value.includes(','))
-                        choose(value);
-                    else {
-                        setQ(value);
-                        setOpen(true);
-                    }
-                }, onKeyDown: (event) => {
-                    if (event.key === 'Escape') {
-                        event.preventDefault();
-                        setOpen(false);
-                        seq.current++;
-                    }
-                    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
-                        event.preventDefault();
-                        setOpen(true);
-                        setActive((index) => items.length
-                            ? (index + (event.key === 'ArrowDown' ? 1 : -1) + items.length) % items.length
-                            : -1);
-                    }
-                    if (event.key === 'Enter') {
-                        event.preventDefault();
-                        choose(open && active >= 0 ? items[active].label : q);
-                    }
-                } }), open && (_jsxs("div", { id: `${id}-list`, role: "listbox", "aria-label": label, className: "max-h-48 overflow-auto rounded border bg-card", children: [items.map((item, index) => (_jsxs("button", { type: "button", role: "option", "aria-selected": index === active, id: `${id}-${index}`, className: "block w-full break-words p-2 text-left", onMouseDown: (event) => event.preventDefault(), onClick: () => choose(item.label), children: [item.label, " (", item.count, ")"] }, item.label))), !items.length && _jsx("p", { role: "status", children: t.noSuggestions })] })), _jsx(ErrorMessage, { error: error, labels: t }), _jsx(Button, { type: "button", disabled: disabled || !q.trim(), onClick: () => choose(q), children: t.addTags })] }));
+    return (_jsxs("div", { className: "relative flex min-w-0 flex-col gap-1.5", children: [_jsx("label", { htmlFor: id, className: hideLabel ? 'sr-only' : 'font-medium text-sm', children: label }), _jsxs("div", { className: "flex min-w-0 gap-2", children: [_jsx(Input, { id: id, role: "combobox", "aria-autocomplete": "list", "aria-expanded": open, "aria-controls": `${id}-list`, "aria-activedescendant": open && active >= 0 ? `${id}-${active}` : undefined, value: q, disabled: disabled, autoComplete: "off", className: "h-9 min-w-0 flex-1 max-md:h-11", onFocus: () => setOpen(true), onBlur: () => {
+                            setOpen(false);
+                            seq.current++;
+                        }, onChange: (event) => {
+                            const value = event.target.value;
+                            setActive(-1);
+                            if (value.includes(','))
+                                choose(value);
+                            else {
+                                setQ(value);
+                                setOpen(true);
+                            }
+                        }, onKeyDown: (event) => {
+                            if (event.key === 'Escape') {
+                                event.preventDefault();
+                                setOpen(false);
+                                seq.current++;
+                            }
+                            if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+                                event.preventDefault();
+                                setOpen(true);
+                                setActive((index) => items.length
+                                    ? (index + (event.key === 'ArrowDown' ? 1 : -1) + items.length) % items.length
+                                    : -1);
+                            }
+                            if (event.key === 'Enter') {
+                                event.preventDefault();
+                                choose(open && active >= 0 ? items[active].label : q);
+                            }
+                        } }), _jsxs(Button, { type: "button", variant: "outline", className: touch, disabled: disabled || !q.trim(), onClick: () => choose(q), children: [_jsx(Plus, { "aria-hidden": "true", "data-icon": "inline-start" }), t.addTags] })] }), open && (_jsxs("div", { id: `${id}-list`, role: "listbox", "aria-label": label, className: "absolute top-full right-0 left-0 z-20 mt-1 max-h-56 overflow-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10", children: [items.map((item, index) => (_jsxs("button", { type: "button", role: "option", "aria-selected": index === active, id: `${id}-${index}`, tabIndex: -1, className: "flex w-full items-center justify-between gap-3 rounded-md px-2 py-1.5 text-left text-sm hover:bg-accent aria-selected:bg-accent max-md:min-h-11 [overflow-wrap:anywhere]", onMouseDown: (event) => event.preventDefault(), onClick: () => choose(item.label), children: [_jsx("span", { children: item.label }), _jsx("span", { className: "text-muted-foreground text-xs tabular-nums", children: item.count })] }, item.label))), !items.length && (_jsx("p", { role: "status", className: "px-2 py-1.5 text-muted-foreground text-sm", children: t.noSuggestions }))] })), _jsx(ErrorMessage, { error: error, labels: t })] }));
 }
 export function TagsPanel({ id, initial, action, labels: t, onChanged, }) {
     const [list, setList] = useState(initial), task = useTask();
+    const heading = useId();
     const refresh = async () => {
-        setList(await call(action, { kind: 'tags', id }));
-        await onChanged();
+        const next = await call(action, { kind: 'tags', id });
+        setList(next);
+        await onChanged(next);
     };
-    return (_jsxs("section", { className: `${box} flex flex-col gap-3`, "aria-label": t.tags, "aria-busy": task.pending, children: [_jsx("h2", { className: "font-semibold", children: t.tags }), _jsx(ErrorMessage, { error: task.error, labels: t }), task.pending && _jsx("p", { role: "status", children: t.loading }), _jsx("ul", { className: "flex flex-wrap gap-2", children: list.items.map((tag) => (_jsxs("li", { className: "max-w-full break-words rounded border p-2", children: [_jsx("span", { children: tag.label }), tag.canRemove && (_jsx(Button, { type: "button", variant: "ghost", disabled: task.pending, "aria-label": `${t.removeTag}: ${tag.label}`, onClick: () => {
-                                void task.run(async () => {
-                                    await call(action, { kind: 'removeTag', id, key: tag.normalizedKey });
-                                    await refresh();
-                                });
-                            }, children: t.remove }))] }, tag.normalizedKey))) }), list.canAdd && (_jsx(TagPicker, { label: t.tagInput, labels: t, action: action, disabled: task.pending, onPick: (tags) => {
+    return (_jsxs("section", { className: cn(box, 'flex flex-col gap-3'), "aria-labelledby": heading, "aria-busy": task.pending, children: [_jsxs("h2", { id: heading, className: "flex items-center gap-2 font-heading font-medium text-base", children: [_jsx(TagIcon, { "aria-hidden": "true", className: "size-4 text-muted-foreground" }), t.tags] }), _jsx(ErrorMessage, { error: task.error, labels: t }), _jsx("p", { role: "status", "aria-live": "polite", className: "sr-only", children: task.pending ? t.loading : '' }), list.items.length ? (_jsx("ul", { className: "flex flex-wrap gap-2", children: list.items.map((tag) => (_jsx("li", { className: "max-w-full", children: _jsx(Chip, { removeLabel: `${t.removeTag}: ${tag.label}`, disabled: task.pending, onRemove: tag.canRemove
+                            ? () => void task.run(async () => {
+                                await call(action, { kind: 'removeTag', id, key: tag.normalizedKey });
+                                await refresh();
+                            })
+                            : undefined, children: tag.label }) }, tag.normalizedKey))) })) : (_jsx("p", { className: "text-muted-foreground text-sm", children: t.tagsEmpty })), list.canAdd && (_jsx(TagPicker, { label: t.tagInput, labels: t, action: action, disabled: task.pending, onPick: (tags) => {
                     void task.run(async () => {
                         await call(action, { kind: 'addTags', id, tags });
                         await refresh();
                     });
                 } }))] }));
 }
+/** Lifecycle operations as a secondary menu; only server-reported capabilities appear. */
+export function LifecycleMenu({ id, instance, action, labels: t, basePath, onChanged, extraItems, disabled = false, disabledDescription, }) {
+    const [confirm, setConfirm] = useState(false), task = useTask();
+    const act = (operation) => task.run(async () => {
+        await call(action, { kind: 'lifecycle', id, operation });
+        if (operation === 'delete') {
+            window.location.assign(basePath);
+            return;
+        }
+        await onChanged((await call(action, { kind: 'detail', id })).instance);
+    });
+    if (!instance.canArchive && !instance.canUnarchive && !instance.canDelete && !extraItems)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", className: `min-h-11 ${touch}`, disabled: task.pending || disabled, "aria-describedby": disabledDescription, children: [_jsx(MoreHorizontal, { "aria-hidden": "true", "data-icon": "inline-start" }), t.moreActions] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-52", children: [extraItems, instance.canArchive && (_jsxs(DropdownMenuItem, { className: "max-md:min-h-11", onSelect: () => void act('archive'), children: [_jsx(Archive, { "aria-hidden": "true" }), t.archive] })), instance.canUnarchive && (_jsxs(DropdownMenuItem, { className: "max-md:min-h-11", onSelect: () => void act('unarchive'), children: [_jsx(ArchiveRestore, { "aria-hidden": "true" }), t.unarchive] })), instance.canDelete && (_jsxs(DropdownMenuItem, { variant: "destructive", className: "max-md:min-h-11", onSelect: () => setConfirm(true), children: [_jsx(Trash2, { "aria-hidden": "true" }), t.deleteInstance] }))] })] }), _jsx(ErrorMessage, { error: task.error, labels: t }), _jsx(AlertDialog, { open: confirm, onOpenChange: (open) => {
+                    if (!task.pending)
+                        setConfirm(open);
+                }, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: t.confirmDeleteTitle }), _jsx(AlertDialogDescription, { children: t.deleteHint })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { className: touch, disabled: task.pending, children: t.cancel }), _jsx(Button, { variant: "destructive", className: touch, disabled: task.pending, onClick: () => void act('delete'), children: t.confirmDelete })] })] }) })] }));
+}
+/** @deprecated Kept for hosts that mount the earlier inline lifecycle buttons; use LifecycleMenu. */
 export function LifecyclePanel({ id, initial, action, labels: t, basePath, onChanged, }) {
     const [instance, setInstance] = useState(initial), [confirm, setConfirm] = useState(false), task = useTask();
     const act = (operation) => {
@@ -144,33 +172,35 @@ export function LifecyclePanel({ id, initial, action, labels: t, basePath, onCha
             await onChanged();
         });
     };
-    return (_jsxs("section", { className: "flex flex-wrap items-center gap-3", "aria-busy": task.pending, children: [instance.archived && (_jsx("p", { role: "status", className: "rounded border p-2", children: t.archived })), _jsx(ErrorMessage, { error: task.error, labels: t }), instance.canArchive && (_jsx(Button, { disabled: task.pending, onClick: () => act('archive'), children: t.archive })), instance.canUnarchive && (_jsx(Button, { disabled: task.pending, onClick: () => act('unarchive'), children: t.unarchive })), instance.canDelete && (_jsx(Button, { disabled: task.pending, variant: "destructive", onClick: () => setConfirm(true), children: t.deleteInstance })), confirm && (_jsxs(ManagementDialog, { title: t.confirmDelete, onCancel: () => {
+    return (_jsxs("section", { className: "flex flex-wrap items-center gap-3", "aria-busy": task.pending, children: [instance.archived && (_jsx("p", { role: "status", className: "rounded-md border px-2 py-1 text-sm", children: t.archived })), _jsx(ErrorMessage, { error: task.error, labels: t }), instance.canArchive && (_jsx(Button, { disabled: task.pending, onClick: () => act('archive'), children: t.archive })), instance.canUnarchive && (_jsx(Button, { disabled: task.pending, onClick: () => act('unarchive'), children: t.unarchive })), instance.canDelete && (_jsx(Button, { disabled: task.pending, variant: "destructive", onClick: () => setConfirm(true), children: t.deleteInstance })), confirm && (_jsxs(ManagementDialog, { title: t.confirmDelete, onCancel: () => {
                     if (!task.pending)
                         setConfirm(false);
                 }, children: [_jsx("p", { children: t.deleteHint }), _jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [_jsx(Button, { disabled: task.pending, variant: "destructive", onClick: () => act('delete'), children: t.confirmDelete }), _jsx(Button, { disabled: task.pending, variant: "outline", onClick: () => setConfirm(false), children: t.cancel })] })] }))] }));
 }
-export function DeletedInstancesClient({ initial, action, labels: t, }) {
-    const [list, setList] = useState(initial), task = useTask();
+export function DeletedInstancesClient({ initial, action, labels: t, locale = 'zh-TW', timeZone = 'Asia/Taipei', }) {
+    const [list, setList] = useState(initial), [message, setMessage] = useState(''), task = useTask();
     const load = async (offset) => setList(await call(action, { kind: 'deletedInstances', offset }));
-    return (_jsxs("section", { className: "flex min-w-0 flex-col gap-3", "aria-busy": task.pending, children: [_jsx(ErrorMessage, { error: task.error, labels: t }), task.pending && _jsx("p", { role: "status", children: t.loading }), !list.items.length && _jsx("p", { children: t.deletedEmpty }), list.items.map((item) => (_jsxs("article", { className: `${box} flex flex-col gap-2 break-words`, children: [_jsx("h2", { children: item.id }), _jsxs("dl", { children: [_jsx("dt", { children: t.deletedBy }), _jsx("dd", { children: item.deletedByName ?? item.deletedBy }), _jsx("dt", { children: t.deletedAt }), _jsx("dd", { children: item.deletedAt }), _jsx("dt", { children: t.retentionDays }), _jsx("dd", { children: item.remainingRetentionDays })] }), _jsx(Button, { disabled: task.pending, onClick: () => {
-                            void task.run(async () => {
-                                await call(action, { kind: 'lifecycle', id: item.id, operation: 'undelete' });
-                                await load(list.offset);
-                            });
-                        }, children: t.restore })] }, item.id))), _jsxs("p", { role: "status", children: [t.total, ": ", list.total] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { disabled: task.pending || list.offset === 0, onClick: () => {
-                            void task.run(() => load(Math.max(0, list.offset - list.limit)));
-                        }, children: t.previous }), _jsx(Button, { disabled: task.pending || list.offset + list.limit >= list.total, onClick: () => {
-                            void task.run(() => load(list.offset + list.limit));
-                        }, children: t.next })] })] }));
+    const page = Math.floor(list.offset / Math.max(1, list.limit)) + 1;
+    const pages = Math.max(1, Math.ceil(list.total / Math.max(1, list.limit)));
+    return (_jsxs("section", { className: "flex min-w-0 flex-col gap-3", "aria-busy": task.pending, children: [_jsx(ErrorMessage, { error: task.error, labels: t }), _jsx("p", { role: "status", "aria-live": "polite", className: "sr-only", children: task.pending ? t.loading : message }), !list.items.length ? (_jsx(EmptyState, { icon: _jsx(Trash2, {}), title: t.deletedEmpty, description: t.deletedDescription })) : (_jsx("ul", { className: "flex flex-col gap-2", children: list.items.map((item) => {
+                    const date = formatDateTime(item.deletedAt, { locale, timeZone }) ?? '';
+                    return (_jsxs("li", { "data-instance-id": item.id, className: cn(box, 'flex flex-col gap-3 sm:flex-row sm:items-center'), children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [_jsx("h2", { className: "font-medium text-sm", children: fillTemplate(t.deletedRecordTitle, {
+                                            date: (_jsx(DateTimeText, { iso: new Date(item.deletedAt).toISOString(), text: date, full: formatDateTime(item.deletedAt, { locale, timeZone, full: true }) ?? date })),
+                                        }) }), _jsxs("p", { className: "text-muted-foreground text-sm", children: [t.deletedBy, "\uFF1A", item.deletedByName ?? t.unknownPerson, " \u00B7", ' ', fillText(t.retentionLeft, {
+                                                days: formatNumber(item.remainingRetentionDays, locale),
+                                            })] })] }), _jsxs(Button, { variant: "outline", className: cn('self-start sm:self-center', touch), disabled: task.pending, onClick: () => {
+                                    void task.run(async () => {
+                                        await call(action, { kind: 'lifecycle', id: item.id, operation: 'undelete' });
+                                        await load(list.offset);
+                                        setMessage(t.restored);
+                                    });
+                                }, children: [_jsx(RotateCcw, { "aria-hidden": "true", "data-icon": "inline-start" }), t.restore] })] }, item.id));
+                }) })), list.total > list.limit && (_jsxs("nav", { "aria-label": t.pagination, className: "flex items-center justify-end gap-2", children: [_jsxs(Button, { variant: "outline", className: touch, disabled: task.pending || list.offset === 0, onClick: () => void task.run(() => load(Math.max(0, list.offset - list.limit))), children: [_jsx(ChevronLeft, { "aria-hidden": "true", "data-icon": "inline-start" }), t.previous] }), _jsx("span", { className: "text-sm tabular-nums", children: fillText(t.pageOf, { page, pages }) }), _jsxs(Button, { variant: "outline", className: touch, disabled: task.pending || list.offset + list.limit >= list.total, onClick: () => void task.run(() => load(list.offset + list.limit)), children: [t.next, _jsx(ChevronRight, { "aria-hidden": "true", "data-icon": "inline-end" })] })] }))] }));
 }
 export async function queryWithTagsFallback(action, machineCode, query) {
     try {
         return {
-            result: await call(action, {
-                kind: 'query',
-                machineCode,
-                query,
-            }),
+            result: await call(action, { kind: 'query', machineCode, query }),
             available: true,
             query,
         };
@@ -180,11 +210,7 @@ export async function queryWithTagsFallback(action, machineCode, query) {
             throw error;
         const { tags: _tags, tagMatch: _match, ...without } = query;
         return {
-            result: await call(action, {
-                kind: 'query',
-                machineCode,
-                query: without,
-            }),
+            result: await call(action, { kind: 'query', machineCode, query: without }),
             available: false,
             query: without,
         };