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

package/dist/client/components/default-skills.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The skills every run in a scope (a working directory, or a scope the application registers) gets besides its
+ * agent's own: a team's pull request conventions, how a repository is built. Saved on their own.
+ */
+import { useTranslation } from '@nocobase/i18n/client';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { SaveIcon } from 'lucide-react';
+import { useState } from 'react';
+import { agentsKeys } from '../api/keys.js';
+import { useAgentsApi } from '../hooks/use-agents-api.js';
+import { useNotify } from '../hooks/use-notify.js';
+import { AgSection } from './ag-section.js';
+import { SkillScriptsNotice, SkillsSelect } from './skills-select.js';
+import { Button } from './ui/button.js';
+import { Skeleton } from './ui/skeleton.js';
+import { Spinner } from './ui/spinner.js';
+export function DefaultSkillsPanel({ scope, scopeId, canEdit, description, className, }) {
+    const { t } = useTranslation();
+    const api = useAgentsApi();
+    const key = agentsKeys.scopeSkills(scope, scopeId);
+    const current = useQuery({
+        queryKey: key,
+        queryFn: () => api.scopeSkills(scope, scopeId),
+    });
+    return (_jsx(AgSection, { id: `ag-default-skills-${scope}-${scopeId}`, title: t('defaultSkills.title'), description: description ?? t('defaultSkills.description'), ...(className ? { className } : {}), children: current.data ? (_jsx(DefaultSkillsForm, { scope: scope, scopeId: scopeId, initial: current.data, canEdit: canEdit }, current.data.join(','))) : current.isError ? (_jsx("p", { className: 'text-sm text-muted-foreground', children: t('common.requestFailed') })) : (_jsx(Skeleton, { className: 'h-8 w-full' })) }));
+}
+function DefaultSkillsForm({ scope, scopeId, initial, canEdit, }) {
+    const { t } = useTranslation();
+    const api = useAgentsApi();
+    const notify = useNotify();
+    const queryClient = useQueryClient();
+    const [selected, setSelected] = useState([...initial]);
+    const dirty = selected.length !== initial.length ||
+        selected.some((id) => !initial.includes(id));
+    const save = useMutation({
+        mutationFn: () => api.setScopeSkills(scope, scopeId, selected),
+        onSuccess: (skillIds) => {
+            queryClient.setQueryData(agentsKeys.scopeSkills(scope, scopeId), skillIds);
+            void queryClient.invalidateQueries({ queryKey: agentsKeys.skills });
+            notify.success(t('defaultSkills.saved'));
+        },
+        onError: (error) => notify.error(error),
+    });
+    return (_jsxs("div", { className: 'space-y-3', children: [_jsx(SkillsSelect, { id: `ag-default-skills-${scope}-${scopeId}-select`, value: selected, disabled: !canEdit || save.isPending, onChange: setSelected }), _jsx(SkillScriptsNotice, { value: selected }), canEdit ? (_jsx("div", { className: 'flex justify-end', children: _jsxs(Button, { variant: 'outline', size: 'sm', disabled: !dirty || save.isPending, onClick: () => save.mutate(), children: [save.isPending ? (_jsx(Spinner, { "data-icon": 'inline-start' })) : (_jsx(SaveIcon, { "data-icon": 'inline-start' })), t('defaultSkills.save')] }) })) : null] }));
+}
+//# sourceMappingURL=default-skills.js.map

package/dist/client/components/default-skills.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-skills.js","sourceRoot":"","sources":["../../../client/components/default-skills.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,GAQV;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,GAAG,GAAG,YAAY,EAAE,CAAC;IAC3B,MAAM,GAAG,GAAG,UAAU,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,QAAQ,CAAC;QACvB,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC;KAC/C,CAAC,CAAC;IACH,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,qBAAqB,KAAK,IAAI,OAAO,EAAE,EAC3C,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAC/B,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,2BAA2B,CAAC,KACtD,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAEnC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,iBAAiB,IAEhB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,CAAC,IAAI,EACrB,OAAO,EAAE,OAAO,IAJX,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAK3B,CACH,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,YAAG,SAAS,EAAC,+BAA+B,YACzC,CAAC,CAAC,sBAAsB,CAAC,GACxB,CACL,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,CACpC,GACS,CACb,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,OAAO,EACP,OAAO,EACP,OAAO,GAMR;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,GAAG,GAAG,YAAY,EAAE,CAAC;IAC3B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAW,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;IACjE,MAAM,KAAK,GACT,QAAQ,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM;QAClC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAG,WAAW,CAAC;QACvB,UAAU,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC;QAC9D,SAAS,EAAE,CAAC,QAAQ,EAAE,EAAE;YACtB,WAAW,CAAC,YAAY,CACtB,UAAU,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,EACtC,QAAQ,CACT,CAAC;YACF,KAAK,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;YACpE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;QAC3C,CAAC;QACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;KACxC,CAAC,CAAC;IACH,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,YAAY,IACX,EAAE,EAAE,qBAAqB,KAAK,IAAI,OAAO,SAAS,EAClD,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,EACpC,QAAQ,EAAE,WAAW,GACrB,EACF,KAAC,kBAAkB,IAAC,KAAK,EAAE,QAAQ,GAAI,EACtC,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,kBAAkB,YAC/B,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,aAE3B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,KAAC,OAAO,iBAAW,cAAc,GAAG,CACrC,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,iBAAW,cAAc,GAAG,CACtC,EACA,CAAC,CAAC,oBAAoB,CAAC,IACjB,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/diff-block.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from 'react';
+/** A line diff of two texts, added lines green and removed ones red; for skill versions and an agent's history. */
+export declare function DiffBlock({ before, after, className, }: {
+    readonly before: string;
+    readonly after: string;
+    readonly className?: string;
+}): ReactElement;
+//# sourceMappingURL=diff-block.d.ts.map

package/dist/client/components/diff-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-block.d.ts","sourceRoot":"","sources":["../../../client/components/diff-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,mHAAmH;AACnH,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CA6Bf"}

package/dist/client/components/diff-block.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { diffLines } from '../lib/diff.js';
+import { cn } from 'cn';
+/** A line diff of two texts, added lines green and removed ones red; for skill versions and an agent's history. */
+export function DiffBlock({ before, after, className, }) {
+    const lines = diffLines(before, after).map((line, at) => ({
+        ...line,
+        id: `${line.kind}:${at}`,
+    }));
+    return (_jsx("pre", { className: cn('max-h-96 overflow-auto rounded-md border font-mono text-xs leading-5', className), children: lines.map((line) => (_jsxs("div", { className: cn('px-2 whitespace-pre-wrap', line.kind === 'added' &&
+                'bg-[oklch(0.955_0.04_155)] text-[oklch(0.4_0.12_155)] dark:bg-[oklch(0.65_0.12_155/0.2)] dark:text-[oklch(0.85_0.12_155)]', line.kind === 'removed' &&
+                'bg-[oklch(0.955_0.03_25)] text-[oklch(0.45_0.18_27)] dark:bg-[oklch(0.62_0.18_25/0.2)] dark:text-[oklch(0.82_0.13_25)]'), children: [line.kind === 'added' ? '+ ' : line.kind === 'removed' ? '- ' : '  ', line.text] }, line.id))) }));
+}
+//# sourceMappingURL=diff-block.js.map

package/dist/client/components/diff-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-block.js","sourceRoot":"","sources":["../../../client/components/diff-block.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AAExB,mHAAmH;AACnH,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,GAKV;IACC,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QACxD,GAAG,IAAI;QACP,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE;KACzB,CAAC,CAAC,CAAC;IACJ,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,sEAAsE,EACtE,SAAS,CACV,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,eAEE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,IAAI,CAAC,IAAI,KAAK,OAAO;gBACnB,2HAA2H,EAC7H,IAAI,CAAC,IAAI,KAAK,SAAS;gBACrB,wHAAwH,CAC3H,aAEA,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACpE,IAAI,CAAC,IAAI,KAVL,IAAI,CAAC,EAAE,CAWR,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/model-entries.d.ts

@@ -0,0 +1,35 @@
+import { type AgentTool } from '@nocobase/agent-protocol';
+import type { ReactElement, ReactNode } from 'react';
+import { type AgentType } from '../../shared/agents.js';
+import type { ModelCatalog } from '../../shared/models.js';
+import type { RunnerSummary } from '../../shared/runners.js';
+import { type EntryDraft } from '../pages/agents/agent-model.js';
+/** A model typed freely, with the tool's common models suggested as the person types. */
+export declare function ModelInput({ id, tool, value, disabled, placeholder, ariaLabel, onChange, }: {
+    readonly id: string;
+    readonly tool: AgentTool;
+    readonly value: string;
+    readonly disabled?: boolean;
+    readonly placeholder?: string;
+    /** For a field with no visible label. */
+    readonly ariaLabel?: string;
+    readonly onChange: (model: string) => void;
+}): ReactElement;
+export declare function ModelEntriesEditor({ idPrefix, type, value, runners, catalog, disabled, onChange, onTest, testing, empty, }: {
+    readonly idPrefix: string;
+    readonly type: AgentType;
+    readonly value: readonly EntryDraft[];
+    /** For the count of runners each tool can run on now. */
+    readonly runners?: readonly RunnerSummary[] | undefined;
+    /** The services and models online rows choose from. */
+    readonly catalog?: ModelCatalog | undefined;
+    readonly disabled?: boolean;
+    readonly onChange: (entries: EntryDraft[]) => void;
+    /** Online rows: asks the model of a row for a short answer. */
+    readonly onTest?: (entry: EntryDraft) => void;
+    /** The key of the row being tested. */
+    readonly testing?: string | null;
+    /** What an online list without rows says: which model answers instead (`DefaultModelNote`). */
+    readonly empty?: ReactNode;
+}): ReactElement;
+//# sourceMappingURL=model-entries.d.ts.map

package/dist/client/components/model-entries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-entries.d.ts","sourceRoot":"","sources":["../../../client/components/model-entries.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,KAAK,SAAS,EACf,MAAM,0BAA0B,CAAC;AASlC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAGL,KAAK,SAAS,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,gCAAgC,CAAC;AAQxC,yFAAyF;AACzF,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,yCAAyC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,YAAY,CA8Cf;AA2DD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IACtC,yDAAyD;IACzD,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,SAAS,CAAC;IACxD,uDAAuD;IACvD,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACnD,+DAA+D;IAC/D,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,uCAAuC;IACvC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,+FAA+F;IAC/F,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;CAC5B,GAAG,YAAY,CA8Lf"}

package/dist/client/components/model-entries.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * An agent's tools and models, in order, as a compact list: one header row names the columns, and each row is one entry
+ * with its reasoning effort. A runner agent's rows pair a coding tool with a model (free text, suggested from what the
+ * tool is commonly run with; empty for the tool's default), an online agent's rows a model service with one of its
+ * models. The efforts offered are the row's tool's or the online ones. The first row is the default. Rows are added,
+ * removed and moved up or down; an online agent may remove its last row and wait for a model, a runner agent may not.
+ */
+import { Autocomplete } from '@base-ui/react';
+import { TOOL_MODEL_SUGGESTIONS, } from '@nocobase/agent-protocol';
+import { useTranslation } from '@nocobase/i18n/client';
+import { ArrowDownIcon, ArrowUpIcon, FlaskConicalIcon, PlusIcon, Trash2Icon, } from 'lucide-react';
+import { effortsFor, MAX_MODEL_ENTRIES, } from '../../shared/agents.js';
+import { cn } from 'cn';
+import { moveEntry, newEntryDraft, } from '../pages/agents/agent-model.js';
+import { EffortSelect, ToolSelect } from './agent-fields.js';
+import { ModelFields } from './agent-type.js';
+import { Badge } from './ui/badge.js';
+import { Button } from './ui/button.js';
+import { InputGroup, InputGroupInput } from './ui/input-group.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip.js';
+/** A model typed freely, with the tool's common models suggested as the person types. */
+export function ModelInput({ id, tool, value, disabled, placeholder, ariaLabel, onChange, }) {
+    const { t } = useTranslation();
+    return (_jsxs(Autocomplete.Root, { items: TOOL_MODEL_SUGGESTIONS[tool], value: value, openOnInputClick: true, disabled: disabled, onValueChange: (next) => onChange(next), children: [_jsx(InputGroup, { className: 'w-full', children: _jsx(Autocomplete.Input, { id: id, render: _jsx(InputGroupInput, { disabled: disabled }), placeholder: placeholder, "aria-label": ariaLabel, title: t('modelEntries.suggestions') }) }), _jsx(Autocomplete.Portal, { children: _jsx(Autocomplete.Positioner, { side: 'bottom', sideOffset: 6, align: 'start', className: 'isolate z-50', children: _jsx(Autocomplete.Popup, { "data-slot": 'combobox-content', className: 'max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95', children: _jsx(Autocomplete.List, { className: 'max-h-72 scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0', children: (item) => (_jsx(Autocomplete.Item, { value: item, className: 'relative flex w-full cursor-default items-center gap-2 rounded-md px-1.5 py-1 font-mono text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground', children: item }, item)) }) }) }) })] }));
+}
+/**
+ * Columns: index and default badge, tool or service, model, effort, the row's buttons. The header and every row are
+ * subgrids of one grid, so a column is as wide in each; the selects keep room for their placeholders.
+ */
+const COLUMNS = 'grid grid-cols-[auto_minmax(10rem,1fr)_minmax(10rem,1.5fr)_minmax(8rem,1fr)_auto] items-center gap-x-2 gap-y-1.5';
+const ROW = 'col-span-full grid grid-cols-subgrid items-center';
+/** The effort a row keeps when its tool changes: its own while the new tool takes it, else the default. */
+function effortFor(tool, effort) {
+    return effortsFor({ tool }).includes(effort) ? effort : '';
+}
+/** A new online row starts on the first service and model offered, when there is one. */
+function firstOffered(catalog) {
+    const service = catalog?.services[0];
+    const model = service?.models[0]?.value;
+    return service && model ? { modelService: service.name, model } : {};
+}
+/** Removes a row; the last row of a runner agent stays, with a tooltip saying why. */
+function RemoveButton({ required, disabled, onClick, }) {
+    const { t } = useTranslation();
+    const button = (_jsx(Button, { type: 'button', variant: 'ghost', size: 'icon-sm', "aria-label": t('modelEntries.remove'), title: required ? undefined : t('modelEntries.remove'), disabled: disabled || required, onClick: onClick, children: _jsx(Trash2Icon, {}) }));
+    if (!required)
+        return button;
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: _jsx("span", { tabIndex: 0, className: 'inline-flex' }), children: button }), _jsx(TooltipContent, { children: t('modelEntries.runnerNeedsOne') })] }));
+}
+export function ModelEntriesEditor({ idPrefix, type, value, runners, catalog, disabled, onChange, onTest, testing, empty, }) {
+    const { t } = useTranslation();
+    const replace = (index, patch) => onChange(value.map((entry, at) => (at === index ? { ...entry, ...patch } : entry)));
+    const add = () => onChange([
+        ...value,
+        newEntryDraft(type === 'online'
+            ? firstOffered(catalog)
+            : value.length > 0
+                ? { tool: value[value.length - 1].tool }
+                : {}),
+    ]);
+    return (_jsxs("div", { className: 'flex flex-col gap-2', children: [value.length > 0 ? (_jsx("div", { className: 'overflow-x-auto', children: _jsxs("div", { className: COLUMNS, children: [_jsxs("div", { "aria-hidden": true, className: cn(ROW, 'text-xs font-medium text-muted-foreground'), children: [_jsx("span", {}), _jsx("span", { children: type === 'online'
+                                        ? t('agentForm.modelService')
+                                        : t('agentForm.tool') }), _jsx("span", { children: t('agentForm.model') }), _jsx("span", { children: t('agentForm.reasoningEffort') }), _jsx("span", {})] }), _jsx("ol", { className: cn(ROW, 'gap-y-1.5'), "aria-label": t('modelEntries.title'), children: value.map((entry, index) => {
+                                const rowId = `${idPrefix}-${index}`;
+                                return (_jsxs("li", { "data-testid": 'ag-model-entry', "aria-label": t('modelEntries.row', { index: index + 1 }), className: ROW, children: [_jsxs("div", { className: 'flex items-center gap-1.5', children: [_jsx("span", { className: 'w-4 text-right text-sm text-muted-foreground tabular-nums', children: index + 1 }), index === 0 ? (_jsx(Badge, { variant: 'secondary', children: t('modelEntries.default') })) : null] }), type === 'online' ? (_jsx(ModelFields, { idPrefix: rowId, catalog: catalog, modelService: entry.modelService, model: entry.model, disabled: disabled, onChange: (modelService, model) => replace(index, { modelService, model }) })) : (_jsxs(_Fragment, { children: [_jsx(ToolSelect, { id: `${rowId}-tool`, value: entry.tool, runners: runners, disabled: disabled, ariaLabel: t('agentForm.tool'), onChange: (tool) => replace(index, {
+                                                        tool,
+                                                        effort: effortFor(tool, entry.effort),
+                                                    }) }), _jsx(ModelInput, { id: `${rowId}-model`, tool: entry.tool, value: entry.model, disabled: disabled, placeholder: t('agents.defaultModel'), ariaLabel: t('agentForm.model'), onChange: (model) => replace(index, { model }) })] })), _jsx(EffortSelect, { id: `${rowId}-effort`, efforts: effortsFor(type === 'online'
+                                                ? { modelService: entry.modelService }
+                                                : { tool: entry.tool }), value: entry.effort, disabled: disabled, ariaLabel: t('agentForm.reasoningEffort'), onChange: (effort) => replace(index, { effort }) }), _jsxs("div", { className: 'flex items-center', children: [type === 'online' && onTest ? (_jsx(Button, { type: 'button', variant: 'ghost', size: 'icon-sm', "aria-label": t('modelSection.test'), title: t('modelSection.test'), disabled: !entry.modelService ||
+                                                        !entry.model ||
+                                                        testing === entry.key, onClick: () => onTest(entry), children: _jsx(FlaskConicalIcon, {}) })) : null, _jsx(Button, { type: 'button', variant: 'ghost', size: 'icon-sm', "aria-label": t('modelEntries.moveUp'), title: t('modelEntries.moveUp'), disabled: disabled || index === 0, onClick: () => onChange(moveEntry(value, index, index - 1)), children: _jsx(ArrowUpIcon, {}) }), _jsx(Button, { type: 'button', variant: 'ghost', size: 'icon-sm', "aria-label": t('modelEntries.moveDown'), title: t('modelEntries.moveDown'), disabled: disabled || index === value.length - 1, onClick: () => onChange(moveEntry(value, index, index + 1)), children: _jsx(ArrowDownIcon, {}) }), _jsx(RemoveButton
+                                                // A runner agent needs an entry to run; an online one may wait for a model.
+                                                , { 
+                                                    // A runner agent needs an entry to run; an online one may wait for a model.
+                                                    required: type === 'runner' && value.length === 1, disabled: disabled, onClick: () => onChange(value.filter((_, at) => at !== index)) })] })] }, entry.key));
+                            }) })] }) })) : type === 'online' ? (empty) : (_jsx("p", { className: 'text-sm text-muted-foreground', children: t('modelEntries.required') })), _jsx("div", { children: _jsxs(Button, { type: 'button', variant: 'ghost', size: 'sm', disabled: disabled || value.length >= MAX_MODEL_ENTRIES, onClick: add, children: [_jsx(PlusIcon, { "data-icon": 'inline-start' }), type === 'online' && value.length === 0
+                            ? t('modelEntries.choose')
+                            : t('modelEntries.add')] }) })] }));
+}
+//# sourceMappingURL=model-entries.js.map

package/dist/client/components/model-entries.js.map

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

package/dist/client/components/page-container.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps, ReactElement } from 'react';
+export type PageContainerProps = ComponentProps<'section'>;
+/**
+ * The frame of a page: the full width, the responsive padding, and the spacing between its sections.
+ *
+ * A page renders one. Content that renders inside another page — an inline child route, a tab panel — already sits in
+ * that page's container and adds none of its own, while a covering `RouteChildPage` is a surface of its own and
+ * places one inside it.
+ */
+export declare function PageContainer({ className, ...props }: PageContainerProps): ReactElement;
+//# sourceMappingURL=page-container.d.ts.map

package/dist/client/components/page-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-container.d.ts","sourceRoot":"","sources":["../../../client/components/page-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3D;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,YAAY,CAOnC"}

package/dist/client/components/page-container.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from 'cn';
+/**
+ * The frame of a page: the full width, the responsive padding, and the spacing between its sections.
+ *
+ * A page renders one. Content that renders inside another page — an inline child route, a tab panel — already sits in
+ * that page's container and adds none of its own, while a covering `RouteChildPage` is a surface of its own and
+ * places one inside it.
+ */
+export function PageContainer({ className, ...props }) {
+    return (_jsx("section", { className: cn('w-full space-y-6 p-6 md:p-8', className), ...props }));
+}
+//# sourceMappingURL=page-container.js.map

package/dist/client/components/page-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-container.js","sourceRoot":"","sources":["../../../client/components/page-container.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AAIxB;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACW;IACnB,OAAO,CACL,kBACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/client/components/page-header.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement, ReactNode } from 'react';
+export interface PageHeaderProps {
+    readonly title: ReactNode;
+    readonly description?: ReactNode;
+    /** Page-level actions, aligned to the right of the title from the `sm` breakpoint up. */
+    readonly actions?: ReactNode;
+}
+/**
+ * The heading of a page: its only `h1`, an optional description, and the actions that apply to the whole page.
+ * This plugin sizes it for a work tool: a 2xl title, a one-line description, the
+ * actions vertically centred on the right with the one primary action last.
+ */
+export declare function PageHeader({ actions, description, title, }: PageHeaderProps): ReactElement;
+//# sourceMappingURL=page-header.d.ts.map

package/dist/client/components/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../client/components/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,yFAAyF;IACzF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,WAAW,EACX,KAAK,GACN,EAAE,eAAe,GAAG,YAAY,CAkBhC"}

package/dist/client/components/page-header.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The heading of a page: its only `h1`, an optional description, and the actions that apply to the whole page.
+ * This plugin sizes it for a work tool: a 2xl title, a one-line description, the
+ * actions vertically centred on the right with the one primary action last.
+ */
+export function PageHeader({ actions, description, title, }) {
+    return (_jsxs("header", { className: 'flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between', children: [_jsxs("div", { className: 'min-w-0', children: [_jsx("h1", { className: 'font-heading text-2xl font-semibold tracking-tight', children: title }), description ? (_jsx("p", { className: 'mt-1.5 max-w-3xl text-sm text-muted-foreground', children: description })) : null] }), actions ? (_jsx("div", { className: 'flex shrink-0 items-center gap-2', children: actions })) : null] }));
+}
+//# sourceMappingURL=page-header.js.map

package/dist/client/components/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../client/components/page-header.tsx"],"names":[],"mappings":";AASA;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,WAAW,EACX,KAAK,GACW;IAChB,OAAO,CACL,kBAAQ,SAAS,EAAC,oEAAoE,aACpF,eAAK,SAAS,EAAC,SAAS,aACtB,aAAI,SAAS,EAAC,oDAAoD,YAC/D,KAAK,GACH,EACJ,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,gDAAgD,YAC1D,WAAW,GACV,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,kCAAkC,YAAE,OAAO,GAAO,CAClE,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC"}

package/dist/client/components/refresh-button.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from 'react';
+export declare function RefreshButton({ onRefresh, }: {
+    /** Refetches the page's data; the icon spins until the promise settles. */
+    readonly onRefresh: () => Promise<unknown>;
+}): ReactElement;
+//# sourceMappingURL=refresh-button.d.ts.map

package/dist/client/components/refresh-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-button.d.ts","sourceRoot":"","sources":["../../../client/components/refresh-button.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAMpD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,GACV,EAAE;IACD,2EAA2E;IAC3E,QAAQ,CAAC,SAAS,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CAC5C,GAAG,YAAY,CA+Bf"}

package/dist/client/components/refresh-button.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The Refresh of a page whose data changes underneath the reader without a live update, such as the usage report: an
+ * outline icon button with the tooltip "Refresh", spinning until the refresh it started settles. It ends the page
+ * header's actions, as the application's own Refresh does (UI guidelines R4).
+ */
+import { useTranslation } from '@nocobase/i18n/client';
+import { RefreshCwIcon } from 'lucide-react';
+import { useState } from 'react';
+import { cn } from 'cn';
+import { Button } from './ui/button.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip.js';
+export function RefreshButton({ onRefresh, }) {
+    const { t } = useTranslation();
+    const [pending, setPending] = useState(false);
+    const label = t('common.refresh');
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: _jsx(Button, { variant: 'outline', size: 'icon', "aria-label": label, "aria-busy": pending, onClick: () => {
+                        if (pending)
+                            return;
+                        setPending(true);
+                        onRefresh()
+                            .catch(() => undefined)
+                            .finally(() => setPending(false));
+                    } }), children: _jsx(RefreshCwIcon, { "aria-hidden": 'true', className: cn(pending && 'animate-spin') }) }), _jsx(TooltipContent, { side: 'bottom', children: label })] }));
+}
+//# sourceMappingURL=refresh-button.js.map

package/dist/client/components/refresh-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-button.js","sourceRoot":"","sources":["../../../client/components/refresh-button.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE1E,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,GAIV;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAClC,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IACb,MAAM,EACJ,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,gBACC,KAAK,eACN,OAAO,EAClB,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,OAAO;4BAAE,OAAO;wBACpB,UAAU,CAAC,IAAI,CAAC,CAAC;wBACjB,SAAS,EAAE;6BACR,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC;6BACtB,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtC,CAAC,GACD,YAGJ,KAAC,aAAa,mBACA,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,OAAO,IAAI,cAAc,CAAC,GACxC,GACa,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,QAAQ,YAAE,KAAK,GAAkB,IAC9C,CACX,CAAC;AACJ,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 header's breadcrumb, 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 header's breadcrumb, 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-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

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

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

package/dist/client/components/runners-refresh.d.ts

@@ -0,0 +1,3 @@
+/** Runners coming online or changing refresh the runner list; the server says only which runner changed. */
+export declare function RunnersRefresh(): null;
+//# sourceMappingURL=runners-refresh.d.ts.map

package/dist/client/components/runners-refresh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runners-refresh.d.ts","sourceRoot":"","sources":["../../../client/components/runners-refresh.tsx"],"names":[],"mappings":"AAMA,4GAA4G;AAC5G,wBAAgB,cAAc,IAAI,IAAI,CAMrC"}