@nocobase/app-plugin-projects 0.0.0-stage → 0.1.0-beta.2

package/dist/client/components/pm-shortcut-keys.js

@@ -0,0 +1,46 @@
+/** Key predicates for the plugin's shortcuts, kept apart so they can be tested without rendering. */
+/** Typing into a field, an editor or a select must never trigger a single-letter shortcut. */
+export function isEditableTarget(target) {
+    if (!(target instanceof HTMLElement))
+        return false;
+    if (target.isContentEditable)
+        return true;
+    const tag = target.tagName;
+    if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT')
+        return true;
+    return target.closest('[contenteditable="true"], [role="combobox"]') !== null;
+}
+/** ⌘K on macOS, Ctrl+K elsewhere. */
+export function isSearchShortcut(event) {
+    return ((event.metaKey || event.ctrlKey) &&
+        !event.altKey &&
+        event.key.toLowerCase() === 'k');
+}
+/** The modifier to show next to a shortcut that accepts ⌘ or Ctrl: ⌘ on Apple devices, Ctrl elsewhere. */
+export function modifierKeyLabel(platform = typeof navigator === 'undefined'
+    ? ''
+    : navigator.platform || navigator.userAgent) {
+    return /mac|iphone|ipad|ipod/iu.test(platform) ? '⌘' : 'Ctrl';
+}
+/** An Enter that only confirms an IME candidate; Safari reports it with keyCode 229 and `isComposing` false. */
+function isImeEnter(event) {
+    return event.isComposing || event.keyCode === 229;
+}
+/** ⌘/Ctrl + Enter: the submit key of long-form editors (descriptions, knowledge documents), where Enter is a new paragraph. */
+export function isModifierEnter(event) {
+    return (event.key === 'Enter' &&
+        (event.metaKey || event.ctrlKey) &&
+        !isImeEnter(event));
+}
+/** Enter submits a message box (comments, decision comments, AI instructions); ⌘/Ctrl + Enter still does. */
+export function isSubmitEnter(event) {
+    return (event.key === 'Enter' &&
+        !event.shiftKey &&
+        !event.altKey &&
+        !isImeEnter(event));
+}
+/** Shift + Enter starts a new line in a message box that submits on Enter. */
+export function isNewLineEnter(event) {
+    return event.key === 'Enter' && event.shiftKey && !isImeEnter(event);
+}
+//# sourceMappingURL=pm-shortcut-keys.js.map

package/dist/client/components/pm-shortcut-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-shortcut-keys.js","sourceRoot":"","sources":["../../../client/components/pm-shortcut-keys.ts"],"names":[],"mappings":"AAAA,qGAAqG;AAErG,8FAA8F;AAC9F,MAAM,UAAU,gBAAgB,CAAC,MAA0B;IACzD,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,CAAC;QAAE,OAAO,KAAK,CAAC;IACnD,IAAI,MAAM,CAAC,iBAAiB;QAAE,OAAO,IAAI,CAAC;IAC1C,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC;IAC3B,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,UAAU,IAAI,GAAG,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC3E,OAAO,MAAM,CAAC,OAAO,CAAC,6CAA6C,CAAC,KAAK,IAAI,CAAC;AAChF,CAAC;AAED,qCAAqC;AACrC,MAAM,UAAU,gBAAgB,CAC9B,KAAoE;IAEpE,OAAO,CACL,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC;QAChC,CAAC,KAAK,CAAC,MAAM;QACb,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,CAChC,CAAC;AACJ,CAAC;AAED,0GAA0G;AAC1G,MAAM,UAAU,gBAAgB,CAC9B,WAAmB,OAAO,SAAS,KAAK,WAAW;IACjD,CAAC,CAAC,EAAE;IACJ,CAAC,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,SAAS;IAE7C,OAAO,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;AAChE,CAAC;AAaD,gHAAgH;AAChH,SAAS,UAAU,CAAC,KAAiB;IACnC,OAAO,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,OAAO,KAAK,GAAG,CAAC;AACpD,CAAC;AAED,+HAA+H;AAC/H,MAAM,UAAU,eAAe,CAAC,KAAiB;IAC/C,OAAO,CACL,KAAK,CAAC,GAAG,KAAK,OAAO;QACrB,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC;QAChC,CAAC,UAAU,CAAC,KAAK,CAAC,CACnB,CAAC;AACJ,CAAC;AAED,6GAA6G;AAC7G,MAAM,UAAU,aAAa,CAAC,KAAiB;IAC7C,OAAO,CACL,KAAK,CAAC,GAAG,KAAK,OAAO;QACrB,CAAC,KAAK,CAAC,QAAQ;QACf,CAAC,KAAK,CAAC,MAAM;QACb,CAAC,UAAU,CAAC,KAAK,CAAC,CACnB,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,cAAc,CAAC,KAAiB;IAC9C,OAAO,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AACvE,CAAC"}

package/dist/client/components/pm-shortcuts.d.ts

@@ -0,0 +1,21 @@
+import { type ReactElement } from 'react';
+/**
+ * The ⌘K issue search: a command dialog over `GET /api/projects/issues?q=`, searching titles and identifiers. Results
+ * come from the server, so the command list does not filter them again; Enter opens the highlighted issue.
+ */
+export declare function PmSearchDialog({ open, onOpenChange, }: {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+}): ReactElement;
+/**
+ * The keyboard shortcuts of the work pages: `C` creates an issue (`useNewIssueShortcut`), ⌘K / Ctrl+K opens the
+ * search. Each top-level page renders one (the pages are siblings, so exactly one listens at a time). `showTrigger`
+ * also renders a search button for pointer users.
+ */
+export declare function PmShortcuts({ onCreate, showTrigger, canCreate, }: {
+    /** Replaces the default "go to /issues/new", for a page that opens its own create dialog. */
+    readonly onCreate?: () => void;
+    readonly showTrigger?: boolean;
+    readonly canCreate?: boolean;
+}): ReactElement;
+//# sourceMappingURL=pm-shortcuts.d.ts.map

package/dist/client/components/pm-shortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-shortcuts.d.ts","sourceRoot":"","sources":["../../../client/components/pm-shortcuts.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAuB,MAAM,OAAO,CAAC;AAsB/D;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,GACb,EAAE;IACD,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,GAAG,YAAY,CAuEf;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAmB,EACnB,SAAgB,GACjB,EAAE;IACD,6FAA6F;IAC7F,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;CAC9B,GAAG,YAAY,CAwCf"}

package/dist/client/components/pm-shortcuts.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { keepPreviousData, useQuery } from '@tanstack/react-query';
+import { SearchIcon } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router';
+import { PmStatusBadge } from './pm-badges.js';
+import { Button } from './ui/button.js';
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from './ui/command.js';
+import { Kbd } from './ui/kbd.js';
+import { Spinner } from './ui/spinner.js';
+import { pmKeys } from '../api/keys.js';
+import { usePmApi } from '../hooks/use-pm-api.js';
+import { isSearchShortcut } from './pm-shortcut-keys.js';
+import { useNewIssueShortcut } from './use-new-issue-shortcut.js';
+/**
+ * The ⌘K issue search: a command dialog over `GET /api/projects/issues?q=`, searching titles and identifiers. Results
+ * come from the server, so the command list does not filter them again; Enter opens the highlighted issue.
+ */
+export function PmSearchDialog({ open, onOpenChange, }) {
+    const { t } = useTranslation();
+    const api = usePmApi();
+    const navigate = useNavigate();
+    const [text, setText] = useState('');
+    const [query, setQuery] = useState('');
+    useEffect(() => {
+        const timer = window.setTimeout(() => setQuery(text.trim()), 200);
+        return () => window.clearTimeout(timer);
+    }, [text]);
+    const results = useQuery({
+        queryKey: pmKeys.issueSearch(query),
+        queryFn: async () => (await api.issuePage({ q: query, limit: 20 })).data,
+        enabled: open && query !== '',
+        placeholderData: keepPreviousData,
+    });
+    function select(issueId) {
+        onOpenChange(false);
+        setText('');
+        void navigate(`/issues/${encodeURIComponent(issueId)}`);
+    }
+    const items = query ? (results.data ?? []) : [];
+    return (_jsx(CommandDialog, { open: open, onOpenChange: onOpenChange, title: t('search.title'), description: t('search.description'), children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { value: text, onValueChange: setText, placeholder: t('search.placeholder'), "aria-label": t('search.title') }), _jsxs(CommandList, { children: [results.isFetching ? (_jsx("div", { className: 'flex justify-center py-3', children: _jsx(Spinner, { className: 'size-4 text-muted-foreground', "aria-label": t('common.loading') }) })) : null, _jsx(CommandEmpty, { children: query ? t('search.noResults') : t('search.hint') }), items.length > 0 ? (_jsx(CommandGroup, { heading: t('search.issues'), children: items.map((issue) => (_jsxs(CommandItem, { value: issue.id, onSelect: () => select(issue.id), children: [_jsx("span", { className: 'w-16 shrink-0 font-mono text-xs text-muted-foreground', children: issue.identifier }), _jsx("span", { className: 'min-w-0 flex-1 truncate', children: issue.title }), _jsx(PmStatusBadge, { statusKey: issue.statusKey })] }, issue.id))) })) : null] })] }) }));
+}
+/**
+ * The keyboard shortcuts of the work pages: `C` creates an issue (`useNewIssueShortcut`), ⌘K / Ctrl+K opens the
+ * search. Each top-level page renders one (the pages are siblings, so exactly one listens at a time). `showTrigger`
+ * also renders a search button for pointer users.
+ */
+export function PmShortcuts({ onCreate, showTrigger = false, canCreate = true, }) {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const [open, setOpen] = useState(false);
+    const anchor = useNewIssueShortcut({
+        onCreate: onCreate ?? (() => void navigate('/issues/new')),
+        canCreate,
+    });
+    useEffect(() => {
+        function onKeyDown(event) {
+            if (event.defaultPrevented)
+                return;
+            if (isSearchShortcut(event)) {
+                event.preventDefault();
+                setOpen((current) => !current);
+            }
+        }
+        window.addEventListener('keydown', onKeyDown);
+        return () => window.removeEventListener('keydown', onKeyDown);
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx("span", { hidden: true, ref: anchor }), showTrigger ? (_jsxs(Button, { variant: 'outline', className: 'text-muted-foreground', onClick: () => setOpen(true), children: [_jsx(SearchIcon, { "data-icon": 'inline-start' }), t('search.trigger'), _jsx(Kbd, { "data-icon": 'inline-end', "aria-hidden": 'true', children: "\u2318K" })] })) : null, _jsx(PmSearchDialog, { open: open, onOpenChange: setOpen })] }));
+}
+//# sourceMappingURL=pm-shortcuts.js.map

package/dist/client/components/pm-shortcuts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-shortcuts.js","sourceRoot":"","sources":["../../../client/components/pm-shortcuts.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,GACZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,GAIb;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,GAAG,GAAG,QAAQ,EAAE,CAAC;IACvB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAClE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,OAAO,GAAG,QAAQ,CAAC;QACvB,QAAQ,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC;QACnC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;QACxE,OAAO,EAAE,IAAI,IAAI,KAAK,KAAK,EAAE;QAC7B,eAAe,EAAE,gBAAgB;KAClC,CAAC,CAAC;IAEH,SAAS,MAAM,CAAC,OAAe;QAC7B,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,OAAO,CAAC,EAAE,CAAC,CAAC;QACZ,KAAK,QAAQ,CAAC,WAAW,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAChD,OAAO,CACL,KAAC,aAAa,IACZ,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,EACxB,WAAW,EAAE,CAAC,CAAC,oBAAoB,CAAC,YAEpC,MAAC,OAAO,IAAC,YAAY,EAAE,KAAK,aAC1B,KAAC,YAAY,IACX,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,OAAO,EACtB,WAAW,EAAE,CAAC,CAAC,oBAAoB,CAAC,gBACxB,CAAC,CAAC,cAAc,CAAC,GAC7B,EACF,MAAC,WAAW,eACT,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CACpB,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,OAAO,IACN,SAAS,EAAC,8BAA8B,gBAC5B,CAAC,CAAC,gBAAgB,CAAC,GAC/B,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,YAAY,cACV,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,GACpC,EACd,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAC,YAAY,IAAC,OAAO,EAAE,CAAC,CAAC,eAAe,CAAC,YACtC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACpB,MAAC,WAAW,IAEV,KAAK,EAAE,KAAK,CAAC,EAAE,EACf,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,aAEhC,eAAM,SAAS,EAAC,uDAAuD,YACpE,KAAK,CAAC,UAAU,GACZ,EACP,eAAM,SAAS,EAAC,yBAAyB,YAAE,KAAK,CAAC,KAAK,GAAQ,EAC9D,KAAC,aAAa,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,KARxC,KAAK,CAAC,EAAE,CASD,CACf,CAAC,GACW,CAChB,CAAC,CAAC,CAAC,IAAI,IACI,IACN,GACI,CACjB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,IAAI,GAMjB;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,mBAAmB,CAAC;QACjC,QAAQ,EAAE,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC1D,SAAS;KACV,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,SAAS,CAAC,KAAoB;YACrC,IAAI,KAAK,CAAC,gBAAgB;gBAAE,OAAO;YACnC,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC5B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC;QACH,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAChE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BACE,eAAM,MAAM,QAAC,GAAG,EAAE,MAAM,GAAI,EAC3B,WAAW,CAAC,CAAC,CAAC,CACb,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,aAE5B,KAAC,UAAU,iBAAW,cAAc,GAAG,EACtC,CAAC,CAAC,gBAAgB,CAAC,EACpB,KAAC,GAAG,iBAAW,YAAY,iBAAa,MAAM,wBAExC,IACC,CACV,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,GAAI,IACpD,CACJ,CAAC;AACJ,CAAC"}

package/dist/client/components/pm-states.d.ts

@@ -0,0 +1,31 @@
+import type { ReactElement, ReactNode } from 'react';
+/**
+ * The loading, empty and error states every page of this plugin shares, so a list, a card grid and a detail
+ * page look the same while waiting, when empty and when a request fails.
+ */
+/** Rows shaped like a table while it loads. */
+export declare function PmListSkeleton({ rows, className, }: {
+    readonly rows?: number;
+    readonly className?: string;
+}): ReactElement;
+/** A detail page's heading and blocks while it loads. */
+export declare function PmDetailSkeleton(): ReactElement;
+/** A failed load with a retry button (none for 403, which retrying cannot fix). */
+export declare function PmLoadError({ title, error, onRetry, action, notFound, }: {
+    readonly title: string;
+    readonly error: unknown;
+    readonly onRetry?: () => void;
+    /** Replaces the generic not-found sentence, for example one that names the kind of record. */
+    readonly notFound?: string;
+    /** Replaces the retry button, for example "back to the list" on a 404. */
+    readonly action?: ReactNode;
+}): ReactElement;
+/** An empty list or panel: icon, title, one sentence and an optional action. */
+export declare function PmEmpty({ icon, title, description, action, className, }: {
+    readonly icon: ReactNode;
+    readonly title: string;
+    readonly description?: string;
+    readonly action?: ReactNode;
+    readonly className?: string;
+}): ReactElement;
+//# sourceMappingURL=pm-states.d.ts.map

package/dist/client/components/pm-states.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-states.d.ts","sourceRoot":"","sources":["../../../client/components/pm-states.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBrD;;;GAGG;AAEH,+CAA+C;AAC/C,wBAAgB,cAAc,CAAC,EAC7B,IAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CAaf;AAED,yDAAyD;AACzD,wBAAgB,gBAAgB,IAAI,YAAY,CAc/C;AAWD,mFAAmF;AACnF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,8FAA8F;IAC9F,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,0EAA0E;IAC1E,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;CAC7B,GAAG,YAAY,CAuBf;AAED,gFAAgF;AAChF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CAaf"}

package/dist/client/components/pm-states.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ApiClientError } from '@nocobase/app-client';
+import { useTranslation } from '@nocobase/i18n/client';
+import { AlertCircleIcon } from 'lucide-react';
+import { Alert, AlertAction, AlertDescription, AlertTitle, } from './ui/alert.js';
+import { Button } from './ui/button.js';
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from './ui/empty.js';
+import { Skeleton } from './ui/skeleton.js';
+import { cn } from 'cn';
+/**
+ * The loading, empty and error states every page of this plugin shares, so a list, a card grid and a detail
+ * page look the same while waiting, when empty and when a request fails.
+ */
+/** Rows shaped like a table while it loads. */
+export function PmListSkeleton({ rows = 6, className, }) {
+    const { t } = useTranslation();
+    return (_jsx("div", { role: 'status', "aria-label": t('common.loading'), className: cn('space-y-2 rounded-lg border bg-card p-3', className), children: Array.from({ length: rows }, (_, index) => (_jsx(Skeleton, { className: 'h-7 w-full' }, index))) }));
+}
+/** A detail page's heading and blocks while it loads. */
+export function PmDetailSkeleton() {
+    const { t } = useTranslation();
+    return (_jsxs("div", { role: 'status', "aria-label": t('common.loading'), className: 'space-y-4 px-6 py-6 md:px-8', children: [_jsx(Skeleton, { className: 'h-4 w-40' }), _jsx(Skeleton, { className: 'h-8 w-1/2' }), _jsx(Skeleton, { className: 'h-24 w-full' }), _jsx(Skeleton, { className: 'h-40 w-full' })] }));
+}
+/** The localized sentence for a failed request: forbidden, not found, or a generic failure. */
+function npErrorKey(error) {
+    if (error instanceof ApiClientError) {
+        if (error.status === 403)
+            return 'common.forbidden';
+        if (error.status === 404)
+            return 'states.notFound';
+    }
+    return 'common.requestFailed';
+}
+/** A failed load with a retry button (none for 403, which retrying cannot fix). */
+export function PmLoadError({ title, error, onRetry, action, notFound, }) {
+    const { t } = useTranslation();
+    const forbidden = error instanceof ApiClientError && error.status === 403;
+    return (_jsxs(Alert, { variant: 'destructive', children: [_jsx(AlertCircleIcon, {}), _jsx(AlertTitle, { children: title }), _jsx(AlertDescription, { children: notFound && npErrorKey(error) === 'states.notFound'
+                    ? notFound
+                    : t(npErrorKey(error)) }), action ? (_jsx(AlertAction, { children: action })) : onRetry && !forbidden ? (_jsx(AlertAction, { children: _jsx(Button, { variant: 'outline', size: 'sm', onClick: onRetry, children: t('common.retry') }) })) : null] }));
+}
+/** An empty list or panel: icon, title, one sentence and an optional action. */
+export function PmEmpty({ icon, title, description, action, className, }) {
+    return (_jsxs(Empty, { className: cn('min-h-48 border border-dashed', className), children: [_jsxs(EmptyHeader, { children: [_jsx(EmptyMedia, { variant: 'icon', children: icon }), _jsx(EmptyTitle, { children: title }), description ? (_jsx(EmptyDescription, { children: description })) : null] }), action ? _jsx(EmptyContent, { children: action }) : null] }));
+}
+//# sourceMappingURL=pm-states.js.map

package/dist/client/components/pm-states.js.map

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

package/dist/client/components/pm-tag.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentProps, ReactElement, ReactNode } from 'react';
+import { type PmTone } from './pm-tones.js';
+export type { PmTone } from './pm-tones.js';
+/**
+ * The one tag of this plugin: a rounded pill in a light tint
+ * of its hue with darker text of the same hue, 12px, tight enough that the pill hugs the glyph height instead of
+ * the padding; a status adds a small leading dot. Status, priority, PR and run states, decision types and role tags
+ * all use it, so they read as one family in both themes.
+ */
+export declare function PmTag({ tone, dot, icon, children, className, ...props }: Omit<ComponentProps<'span'>, 'children'> & {
+    readonly tone: PmTone;
+    /** A leading dot in the hue's saturated shade (status tags). */
+    readonly dot?: boolean;
+    /** A leading icon instead of the dot. */
+    readonly icon?: ReactNode;
+    readonly children: ReactNode;
+}): ReactElement;
+//# sourceMappingURL=pm-tag.d.ts.map

package/dist/client/components/pm-tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-tag.d.ts","sourceRoot":"","sources":["../../../client/components/pm-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAG3D,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,GAAW,EACX,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B,GAAG,YAAY,CAsBf"}

package/dist/client/components/pm-tag.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PM_TONE_CLASS } from './pm-tones.js';
+import { cn } from 'cn';
+/**
+ * The one tag of this plugin: a rounded pill in a light tint
+ * of its hue with darker text of the same hue, 12px, tight enough that the pill hugs the glyph height instead of
+ * the padding; a status adds a small leading dot. Status, priority, PR and run states, decision types and role tags
+ * all use it, so they read as one family in both themes.
+ */
+export function PmTag({ tone, dot = false, icon, children, className, ...props }) {
+    return (_jsxs("span", { "data-slot": 'pm-tag', "data-tone": tone, className: cn('inline-flex w-fit shrink-0 items-center gap-1 rounded-full px-2 py-0 text-xs leading-4 font-medium whitespace-nowrap [&_svg]:size-3 [&_svg]:shrink-0', PM_TONE_CLASS[tone], className), ...props, children: [icon ??
+                (dot ? (_jsx("span", { "aria-hidden": 'true', className: 'size-1.5 shrink-0 rounded-full bg-current' })) : null), children] }));
+}
+//# sourceMappingURL=pm-tag.js.map

package/dist/client/components/pm-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-tag.js","sourceRoot":"","sources":["../../../client/components/pm-tag.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAe,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AAIxB;;;;;GAKG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,EACJ,GAAG,GAAG,KAAK,EACX,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EAQT;IACC,OAAO,CACL,6BACY,QAAQ,eACP,IAAI,EACf,SAAS,EAAE,EAAE,CACX,sJAAsJ,EACtJ,aAAa,CAAC,IAAI,CAAC,EACnB,SAAS,CACV,KACG,KAAK,aAER,IAAI;gBACH,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,8BACc,MAAM,EAClB,SAAS,EAAC,2CAA2C,GACrD,CACH,CAAC,CAAC,CAAC,IAAI,CAAC,EACV,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/client/components/pm-tones.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The semantic hues of tags, badges and dots: a pale tint of the hue behind a darker ink of the same hue. In dark mode
+ * the tint is a dim translucent wash and the ink a lighter shade, so a pill never glows.
+ *
+ * The colours are written out as Tailwind arbitrary values rather than theme tokens: a plugin cannot add tokens to the
+ * application's stylesheet. Every class is spelled in full so the application's Tailwind build finds it.
+ */
+export type PmTone = 'grey' | 'blue' | 'violet' | 'amber' | 'green' | 'slate' | 'red' | 'orange';
+/** The tag colours of each hue. */
+export declare const PM_TONE_CLASS: Readonly<Record<PmTone, string>>;
+/** The ink alone, for dots (board column heads, the status distribution). */
+export declare const PM_TONE_DOT_CLASS: Readonly<Record<PmTone, string>>;
+/** The identity colour of a kind other than people and the system (its avatar and marker; `lib/kinds.ts`). */
+export declare const PM_OTHER_KIND_CLASS: string;
+export declare const PM_OTHER_KIND_TEXT_CLASS: string;
+//# sourceMappingURL=pm-tones.d.ts.map

package/dist/client/components/pm-tones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-tones.d.ts","sourceRoot":"","sources":["../../../client/components/pm-tones.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,MAAM,GAChB,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE9E,mCAAmC;AACnC,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAc1D,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAS9D,CAAC;AAEF,8GAA8G;AAC9G,eAAO,MAAM,mBAAmB,EAAE,MAC+F,CAAC;AAClI,eAAO,MAAM,wBAAwB,EAAE,MACwB,CAAC"}

package/dist/client/components/pm-tones.js

@@ -0,0 +1,26 @@
+/** The tag colours of each hue. */
+export const PM_TONE_CLASS = {
+    grey: 'bg-[oklch(0.955_0.004_264)] text-[oklch(0.46_0.015_264)] dark:bg-[oklch(0.72_0.01_264/0.14)] dark:text-[oklch(0.8_0.01_264)]',
+    blue: 'bg-[oklch(0.95_0.035_245)] text-[oklch(0.5_0.15_250)] dark:bg-[oklch(0.65_0.13_250/0.2)] dark:text-[oklch(0.8_0.1_250)]',
+    violet: 'bg-[oklch(0.95_0.035_295)] text-[oklch(0.5_0.17_295)] dark:bg-[oklch(0.65_0.14_295/0.2)] dark:text-[oklch(0.8_0.11_295)]',
+    amber: 'bg-[oklch(0.96_0.05_85)] text-[oklch(0.52_0.12_65)] dark:bg-[oklch(0.75_0.13_75/0.18)] dark:text-[oklch(0.84_0.12_80)]',
+    green: 'bg-[oklch(0.955_0.04_155)] text-[oklch(0.5_0.12_155)] dark:bg-[oklch(0.65_0.12_155/0.2)] dark:text-[oklch(0.8_0.12_155)]',
+    slate: 'bg-[oklch(0.935_0.008_264)] text-[oklch(0.42_0.02_264)] dark:bg-[oklch(0.6_0.02_264/0.2)] dark:text-[oklch(0.72_0.015_264)]',
+    red: 'bg-[oklch(0.955_0.03_25)] text-[oklch(0.52_0.18_27)] dark:bg-[oklch(0.62_0.18_25/0.2)] dark:text-[oklch(0.78_0.13_25)]',
+    orange: 'bg-[oklch(0.955_0.045_60)] text-[oklch(0.55_0.15_50)] dark:bg-[oklch(0.7_0.15_55/0.2)] dark:text-[oklch(0.82_0.12_60)]',
+};
+/** The ink alone, for dots (board column heads, the status distribution). */
+export const PM_TONE_DOT_CLASS = {
+    grey: 'bg-[oklch(0.46_0.015_264)] dark:bg-[oklch(0.8_0.01_264)]',
+    blue: 'bg-[oklch(0.5_0.15_250)] dark:bg-[oklch(0.8_0.1_250)]',
+    violet: 'bg-[oklch(0.5_0.17_295)] dark:bg-[oklch(0.8_0.11_295)]',
+    amber: 'bg-[oklch(0.52_0.12_65)] dark:bg-[oklch(0.84_0.12_80)]',
+    green: 'bg-[oklch(0.5_0.12_155)] dark:bg-[oklch(0.8_0.12_155)]',
+    slate: 'bg-[oklch(0.42_0.02_264)] dark:bg-[oklch(0.72_0.015_264)]',
+    red: 'bg-[oklch(0.52_0.18_27)] dark:bg-[oklch(0.78_0.13_25)]',
+    orange: 'bg-[oklch(0.55_0.15_50)] dark:bg-[oklch(0.82_0.12_60)]',
+};
+/** The identity colour of a kind other than people and the system (its avatar and marker; `lib/kinds.ts`). */
+export const PM_OTHER_KIND_CLASS = 'bg-[oklch(0.55_0.2_295/0.15)] text-[oklch(0.55_0.2_295)] dark:bg-[oklch(0.74_0.15_295/0.15)] dark:text-[oklch(0.74_0.15_295)]';
+export const PM_OTHER_KIND_TEXT_CLASS = 'text-[oklch(0.55_0.2_295)] dark:text-[oklch(0.74_0.15_295)]';
+//# sourceMappingURL=pm-tones.js.map

package/dist/client/components/pm-tones.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-tones.js","sourceRoot":"","sources":["../../../client/components/pm-tones.ts"],"names":[],"mappings":"AAUA,mCAAmC;AACnC,MAAM,CAAC,MAAM,aAAa,GAAqC;IAC7D,IAAI,EAAE,8HAA8H;IACpI,IAAI,EAAE,yHAAyH;IAC/H,MAAM,EACJ,0HAA0H;IAC5H,KAAK,EACH,wHAAwH;IAC1H,KAAK,EACH,0HAA0H;IAC5H,KAAK,EACH,6HAA6H;IAC/H,GAAG,EAAE,wHAAwH;IAC7H,MAAM,EACJ,wHAAwH;CAC3H,CAAC;AAEF,6EAA6E;AAC7E,MAAM,CAAC,MAAM,iBAAiB,GAAqC;IACjE,IAAI,EAAE,0DAA0D;IAChE,IAAI,EAAE,uDAAuD;IAC7D,MAAM,EAAE,wDAAwD;IAChE,KAAK,EAAE,wDAAwD;IAC/D,KAAK,EAAE,wDAAwD;IAC/D,KAAK,EAAE,2DAA2D;IAClE,GAAG,EAAE,wDAAwD;IAC7D,MAAM,EAAE,wDAAwD;CACjE,CAAC;AAEF,8GAA8G;AAC9G,MAAM,CAAC,MAAM,mBAAmB,GAC9B,+HAA+H,CAAC;AAClI,MAAM,CAAC,MAAM,wBAAwB,GACnC,6DAA6D,CAAC"}

package/dist/client/components/route-child-page.d.ts

@@ -0,0 +1,24 @@
+import { type ReactElement, type ReactNode } from 'react';
+export interface RouteChildPageProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+/**
+ * A child page, laid over the page that opened it.
+ *
+ * It is the third way a child route can present itself, beside `RouteDialog` and `RouteDrawer`: those float in the
+ * middle or at the side, this one covers the content area. Because it covers rather than replaces, the page beneath
+ * keeps its DOM — a draft being typed, a scroll position — and gets it back when this layer closes.
+ *
+ * Unlike the other two it is deliberately **not** modal. It does not portal out of the content area or trap focus,
+ * because the user is still on a page of the application and must be able to reach the sidebar. What closes it is
+ * the breadcrumb above it, or the browser's back button — not an X or Escape.
+ *
+ * It is a single element, which both positions and scrolls. Anything absolutely positioned inside it therefore
+ * moves with its scrolling — which is why the outlet for a deeper layer belongs *beside* this component rather
+ * than within it. Nested inside, a deeper layer would resolve `inset-0` against this one and scroll out of sight
+ * as soon as the user had scrolled this page. Kept as siblings, both layers anchor to the content area, and the
+ * DOM gains no level for each level of routing.
+ */
+export declare function RouteChildPage({ children, className, }: RouteChildPageProps): ReactElement;
+//# sourceMappingURL=route-child-page.d.ts.map

package/dist/client/components/route-child-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-child-page.d.ts","sourceRoot":"","sources":["../../../client/components/route-child-page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,GAAG,YAAY,CAsCpC"}

package/dist/client/components/route-child-page.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { cn } from 'cn';
+/**
+ * A child page, laid over the page that opened it.
+ *
+ * It is the third way a child route can present itself, beside `RouteDialog` and `RouteDrawer`: those float in the
+ * middle or at the side, this one covers the content area. Because it covers rather than replaces, the page beneath
+ * keeps its DOM — a draft being typed, a scroll position — and gets it back when this layer closes.
+ *
+ * Unlike the other two it is deliberately **not** modal. It does not portal out of the content area or trap focus,
+ * because the user is still on a page of the application and must be able to reach the sidebar. What closes it is
+ * the breadcrumb above it, or the browser's back button — not an X or Escape.
+ *
+ * It is a single element, which both positions and scrolls. Anything absolutely positioned inside it therefore
+ * moves with its scrolling — which is why the outlet for a deeper layer belongs *beside* this component rather
+ * than within it. Nested inside, a deeper layer would resolve `inset-0` against this one and scroll out of sight
+ * as soon as the user had scrolled this page. Kept as siblings, both layers anchor to the content area, and the
+ * DOM gains no level for each level of routing.
+ */
+export function RouteChildPage({ children, className, }) {
+    const layerRef = useRef(null);
+    // Covering a page is not the same as closing it: the siblings underneath keep their DOM, and with it their place
+    // in the tab order and the accessibility tree. Left alone they are reachable behind opaque paint — a keyboard
+    // user tabs through controls nothing on screen shows, and focusing one scrolls the covered page into view while
+    // the layer, anchored to the content area, does not move. `inert` switches off exactly what this layer covers.
+    // The sidebar and the header are outside the content area and so outside this list, which is what keeps the
+    // component non-modal. A sibling already marked belongs to the layer below and is left for it to restore.
+    useEffect(() => {
+        const covered = [];
+        for (let sibling = layerRef.current?.previousElementSibling ?? null; sibling; sibling = sibling.previousElementSibling) {
+            if (sibling.hasAttribute('inert'))
+                continue;
+            sibling.setAttribute('inert', '');
+            covered.push(sibling);
+        }
+        return () => {
+            for (const sibling of covered)
+                sibling.removeAttribute('inert');
+        };
+    });
+    // Above everything the covered page positions itself — a sticky table header or board column header carries
+    // `z-10`, and without a stacking level of its own this layer would paint underneath it.
+    return (_jsx("div", { className: cn('absolute inset-0 z-20 overflow-hidden overflow-y-auto bg-background', className), ref: layerRef, children: children }));
+}
+//# sourceMappingURL=route-child-page.js.map

package/dist/client/components/route-child-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-child-page.js","sourceRoot":"","sources":["../../../client/components/route-child-page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAqC,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AAOxB;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,GACW;IACpB,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,iHAAiH;IACjH,8GAA8G;IAC9G,gHAAgH;IAChH,+GAA+G;IAC/G,4GAA4G;IAC5G,0GAA0G;IAC1G,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAc,EAAE,CAAC;QAC9B,KACE,IAAI,OAAO,GAAG,QAAQ,CAAC,OAAO,EAAE,sBAAsB,IAAI,IAAI,EAC9D,OAAO,EACP,OAAO,GAAG,OAAO,CAAC,sBAAsB,EACxC,CAAC;YACD,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;gBAAE,SAAS;YAC5C,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAClC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;QACD,OAAO,GAAG,EAAE;YACV,KAAK,MAAM,OAAO,IAAI,OAAO;gBAAE,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,4GAA4G;IAC5G,wFAAwF;IACxF,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,SAAS,CACV,EACD,GAAG,EAAE,QAAQ,YAEZ,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/route-dialog.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+import { type RouteOverlayProps } from './route-overlay.js';
+export type RouteDialogProps = RouteOverlayProps;
+/** A child route presented as a centered modal dialog. */
+export declare function RouteDialog(props: RouteDialogProps): ReactElement;
+//# sourceMappingURL=route-dialog.d.ts.map

package/dist/client/components/route-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-dialog.d.ts","sourceRoot":"","sources":["../../../client/components/route-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,0DAA0D;AAC1D,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAEjE"}

package/dist/client/components/route-dialog.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RouteOverlay } from './route-overlay.js';
+/** A child route presented as a centered modal dialog. */
+export function RouteDialog(props) {
+    return _jsx(RouteOverlay, { ...props });
+}
+//# sourceMappingURL=route-dialog.js.map

package/dist/client/components/route-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-dialog.js","sourceRoot":"","sources":["../../../client/components/route-dialog.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA0B,MAAM,oBAAoB,CAAC;AAI1E,0DAA0D;AAC1D,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,OAAO,KAAC,YAAY,OAAK,KAAK,GAAI,CAAC;AACrC,CAAC"}

package/dist/client/components/route-drawer.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+import { type RouteOverlayProps } from './route-overlay.js';
+export type RouteDrawerProps = RouteOverlayProps;
+/** A child route presented as a modal panel docked to the right edge of the viewport. */
+export declare function RouteDrawer(props: RouteDrawerProps): ReactElement;
+//# sourceMappingURL=route-drawer.d.ts.map

package/dist/client/components/route-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-drawer.d.ts","sourceRoot":"","sources":["../../../client/components/route-drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,yFAAyF;AACzF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAEjE"}

package/dist/client/components/route-drawer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RouteOverlay } from './route-overlay.js';
+/** A child route presented as a modal panel docked to the right edge of the viewport. */
+export function RouteDrawer(props) {
+    return _jsx(RouteOverlay, { ...props, drawer: true });
+}
+//# sourceMappingURL=route-drawer.js.map

package/dist/client/components/route-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-drawer.js","sourceRoot":"","sources":["../../../client/components/route-drawer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA0B,MAAM,oBAAoB,CAAC;AAI1E,yFAAyF;AACzF,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,OAAO,KAAC,YAAY,OAAK,KAAK,EAAE,MAAM,SAAG,CAAC;AAC5C,CAAC"}

package/dist/client/components/route-overlay.d.ts

@@ -0,0 +1,21 @@
+import { type ReactElement, type ReactNode } from 'react';
+import { type To } from 'react-router';
+export interface RouteOverlayProps {
+    readonly title: ReactNode;
+    readonly description?: ReactNode;
+    readonly children?: ReactNode;
+    readonly footer?: ReactNode;
+    /** Where closing navigates. Defaults to the parent route, keeping the current search string. */
+    readonly closeTo?: To;
+    /** Runs before every close; resolving `false` keeps the overlay open, for example to guard unsaved changes. */
+    readonly beforeClose?: () => boolean | Promise<boolean>;
+    readonly className?: string;
+}
+/**
+ * The shared implementation of `RouteDialog` and `RouteDrawer`: a modal that is open for as long as its route matches,
+ * and closes by navigating away from it. Route registration stays with the application.
+ */
+export declare function RouteOverlay({ title, description, children, footer, closeTo, beforeClose, className, drawer, }: RouteOverlayProps & {
+    readonly drawer?: boolean;
+}): ReactElement;
+//# sourceMappingURL=route-overlay.d.ts.map

package/dist/client/components/route-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-overlay.d.ts","sourceRoot":"","sources":["../../../client/components/route-overlay.tsx"],"names":[],"mappings":"AAGA,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAA4B,KAAK,EAAE,EAAE,MAAM,cAAc,CAAC;AAejE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,gGAAgG;IAChG,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;IACtB,+GAA+G;IAC/G,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACxD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AASD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,MAAc,GACf,EAAE,iBAAiB,GAAG;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CA+HlE"}

package/dist/client/components/route-overlay.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { useTranslation } from '@nocobase/i18n/client';
+import { XIcon } from 'lucide-react';
+import { createContext, useCallback, useContext, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import { useLocation, useNavigate } from 'react-router';
+import { Button } from './ui/button.js';
+import { Dialog, DialogClose, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, } from './ui/dialog.js';
+import { cn } from 'cn';
+import { RouteOverlayContext } from './use-route-overlay.js';
+// Lets an overlay rendered through another overlay's outlet return focus into
+// the enclosing panel. Two overlays reached by one URL mount in the same
+// commit, so the nested one never observes the parent panel taking focus and
+// would otherwise fall back to `document.body`.
+const ParentPopupContext = createContext(null);
+/**
+ * The shared implementation of `RouteDialog` and `RouteDrawer`: a modal that is open for as long as its route matches,
+ * and closes by navigating away from it. Route registration stays with the application.
+ */
+export function RouteOverlay({ title, description, children, footer, closeTo, beforeClose, className, drawer = false, }) {
+    const { t } = useTranslation();
+    const parentPopup = useContext(ParentPopupContext);
+    const popupRef = useRef(null);
+    const previousFocusRef = useRef(null);
+    useLayoutEffect(() => {
+        previousFocusRef.current =
+            document.activeElement instanceof HTMLElement
+                ? document.activeElement
+                : null;
+    }, []);
+    const navigate = useNavigate();
+    const location = useLocation();
+    const [closingLocation, setClosingLocation] = useState(null);
+    const isClosing = closingLocation === location;
+    const pendingRef = useRef(null);
+    const generationRef = useRef(0);
+    // A still-mounted parent can change location while its confirmation is pending.
+    // Invalidate that request as well as requests from an unmounted route.
+    useLayoutEffect(() => {
+        generationRef.current += 1;
+        pendingRef.current = null;
+        return () => {
+            generationRef.current += 1;
+        };
+    }, [location]);
+    const close = useCallback(() => {
+        if (pendingRef.current)
+            return pendingRef.current;
+        const requestGeneration = generationRef.current;
+        setClosingLocation(location);
+        const request = Promise.resolve()
+            .then(async () => {
+            const allowed = beforeClose ? await beforeClose() : true;
+            if (allowed && generationRef.current === requestGeneration) {
+                await navigate(closeTo ?? { pathname: '..', search: location.search, hash: '' }, { relative: 'route', replace: true });
+            }
+        })
+            .finally(() => {
+            if (generationRef.current === requestGeneration) {
+                pendingRef.current = null;
+                setClosingLocation(null);
+            }
+        });
+        pendingRef.current = request;
+        return request;
+    }, [beforeClose, closeTo, location, navigate]);
+    const value = useMemo(() => ({ close, isClosing }), [close, isClosing]);
+    return (_jsx(RouteOverlayContext.Provider, { value: value, children: _jsx(ParentPopupContext.Provider, { value: popupRef, children: _jsx(Dialog, { open: true, onOpenChange: (open) => {
+                    if (!open)
+                        void close().catch((error) => {
+                            console.error('Failed to close route overlay', error);
+                        });
+                }, children: _jsxs(DialogPortal, { children: [_jsx(DialogOverlay, { forceRender: true }), _jsxs(DialogPrimitive.Popup, { ref: popupRef, finalFocus: () => {
+                                const previous = previousFocusRef.current;
+                                if (parentPopup?.current) {
+                                    return previous?.isConnected &&
+                                        parentPopup.current.contains(previous)
+                                        ? previous
+                                        : parentPopup.current;
+                                }
+                                return true;
+                            }, className: cn('fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-xl bg-popover text-popover-foreground shadow-lg outline-none duration-150 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95', 'flex max-h-[calc(100dvh-2rem)] flex-col gap-0 overflow-hidden p-0 sm:max-w-2xl', 
+                            // The viewport constraints are deliberate; all ordinary styling uses theme tokens.
+                            drawer &&
+                                'top-0 right-0 left-auto h-dvh max-h-dvh w-full max-w-full translate-x-0 translate-y-0 rounded-none sm:max-w-xl data-open:slide-in-from-right data-open:zoom-in-100', className), children: [_jsxs("header", { className: 'shrink-0 space-y-2 border-b p-4 pr-12', children: [_jsx(DialogTitle, { children: title }), description != null && (_jsx(DialogDescription, { children: description }))] }), _jsx("div", { className: 'min-h-0 flex-1 overflow-y-auto p-4', children: children }), footer != null && (_jsx("footer", { className: 'flex shrink-0 flex-wrap justify-end gap-2 border-t p-4', children: footer })), _jsxs(DialogClose, { render: _jsx(Button, { variant: 'ghost', size: 'icon-sm', className: 'absolute top-2 right-2' }), children: [_jsx(XIcon, {}), _jsx("span", { className: 'sr-only', children: t('common.close', { defaultValue: 'Close' }) })] })] })] }) }) }) }));
+}
+//# sourceMappingURL=route-overlay.js.map