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

package/dist/client/online/services.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `ModelServicesPage`: the Models page, laid out like the Apps page: a page header with "Add service", then a table of
+ * the model services online agents call, one row per service with its name, base URL host, provider type with how many
+ * chat, embedding and rerank models it offers, and status.
+ * Several services of one provider are normal (two OpenAI-compatible endpoints, two keys of one provider). Clicking a
+ * row, or Edit in its menu, opens its editor in a dialog (`service-editor.tsx`); "Add service" opens the same dialog
+ * empty. The menu also turns a service on or off or deletes it. Above the table, the system default chat model online
+ * agents with no models of their own answer with (`default-model.tsx`). It reads and manages behind `agents.services`: who
+ * only reads sees the same rows and forms, unchangeable.
+ */
+import { useCan } from '@nocobase/app-plugin-authorization/client';
+import { useTranslation } from '@nocobase/i18n/client';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { BrainCircuitIcon, MoreHorizontalIcon, PencilIcon, PlusIcon, PowerIcon, Trash2Icon, } from 'lucide-react';
+import { useState } from 'react';
+import { MODEL_PROVIDERS } from '../../shared/models.js';
+import { agentsKeys } from '../api/keys.js';
+import { AgEmpty, AgListSkeleton, AgLoadError, } from '../components/ag-states.js';
+import { PageContainer } from '../components/page-container.js';
+import { PageHeader } from '../components/page-header.js';
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '../components/ui/alert-dialog.js';
+import { Badge } from '../components/ui/badge.js';
+import { Button } from '../components/ui/button.js';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from '../components/ui/dropdown-menu.js';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '../components/ui/table.js';
+import { useAgentsApi } from '../hooks/use-agents-api.js';
+import { useNotify } from '../hooks/use-notify.js';
+import { hostOf, kindCounts, serviceStatus, sortServices, } from './model.js';
+import { DefaultModelSection } from './default-model.js';
+import { ServiceDialog } from './service-editor.js';
+const STATUS_BADGE = {
+    on: 'secondary',
+    off: 'outline',
+    noKey: 'destructive',
+    noModels: 'destructive',
+};
+export function ModelServicesPage() {
+    const { t } = useTranslation();
+    const api = useAgentsApi();
+    const canManage = useCan({
+        resource: { type: 'settings', id: 'agents.services' },
+        action: 'manage',
+    }).can;
+    const services = useQuery({
+        queryKey: agentsKeys.services,
+        queryFn: () => api.services(),
+    });
+    // The dialog's service (null adds one), kept while it closes so its content does not change as it fades out.
+    const [editor, setEditor] = useState({ open: false, name: null });
+    const openEditor = (name) => setEditor({ open: true, name });
+    const addButton = canManage ? (_jsxs(Button, { onClick: () => openEditor(null), children: [_jsx(PlusIcon, { "data-icon": 'inline-start' }), t('services.add.open')] })) : null;
+    let content;
+    if (services.isError && !services.data)
+        content = (_jsx(AgLoadError, { title: t('services.loadFailed'), error: services.error, onRetry: () => void services.refetch() }));
+    else if (!services.data)
+        content = _jsx(AgListSkeleton, { rows: 2 });
+    else if (services.data.length === 0)
+        content = (_jsx(AgEmpty, { icon: _jsx(BrainCircuitIcon, {}), title: t('services.empty.title'), description: canManage
+                ? t('services.empty.description')
+                : t('services.empty.readOnly'), action: addButton }));
+    else
+        content = (_jsx("div", { className: 'rounded-lg border', children: _jsxs(Table, { "aria-label": t('services.list'), children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: t('services.columns.name') }), _jsx(TableHead, { className: 'w-48', children: t('services.columns.provider') }), _jsx(TableHead, { className: 'w-32', children: t('services.columns.status') }), _jsx(TableHead, { className: 'w-12' })] }) }), _jsx(TableBody, { children: sortServices(services.data).map((service) => (_jsx(ServiceRow, { service: service, canManage: canManage, onEdit: () => openEditor(service.name) }, service.name))) })] }) }));
+    return (_jsxs(PageContainer, { children: [_jsx(PageHeader, { title: t('models.title'), description: t('models.description'), actions: services.data && services.data.length > 0 ? addButton : null }), services.data && services.data.length > 0 ? (_jsx(DefaultModelSection, { canManage: canManage })) : null, content, services.data ? (_jsx(ServiceDialog, { open: editor.open, service: services.data.find((service) => service.name === editor.name) ??
+                    null, services: services.data, canManage: canManage, onOpenChange: (open) => setEditor((current) => ({ ...current, open })) })) : null] }));
+}
+/** One service: its name, host, provider and status, and its actions; clicking it opens its editor. */
+function ServiceRow({ service, canManage, onEdit, }) {
+    const { t } = useTranslation();
+    const api = useAgentsApi();
+    const notify = useNotify();
+    const queryClient = useQueryClient();
+    const [deleting, setDeleting] = useState(false);
+    const status = serviceStatus(service);
+    const host = hostOf(service);
+    // A service's models are the catalog's, and its default chat model's and the agents' state follow from them.
+    const refresh = () => queryClient.invalidateQueries({ queryKey: agentsKeys.all });
+    const power = useMutation({
+        mutationFn: (enabled) => api.updateService(service.name, { enabled }),
+        onSuccess: async (_, enabled) => {
+            await refresh();
+            notify.success(t(enabled ? 'services.service.turnedOn' : 'services.service.turnedOff', {
+                title: service.title,
+            }));
+        },
+        onError: (error) => notify.error(error),
+    });
+    const remove = useMutation({
+        mutationFn: () => api.deleteService(service.name),
+        onSuccess: async () => {
+            await refresh();
+            notify.success(t('services.service.deleted', { title: service.title }));
+        },
+        onError: (error) => notify.error(error),
+    });
+    return (_jsxs(TableRow, { "aria-label": service.title, className: 'cursor-pointer', onClick: onEdit, children: [_jsx(TableCell, { children: _jsxs("div", { className: 'min-w-0', children: [_jsx(Button, { variant: 'link', className: 'h-auto max-w-full justify-start px-0 text-left whitespace-normal text-foreground', "aria-label": t('services.service.edit', { title: service.title }), onClick: (event) => {
+                                event.stopPropagation();
+                                onEdit();
+                            }, children: service.title }), _jsx("div", { className: 'truncate font-mono text-xs text-muted-foreground', children: host ?? t('services.service.defaultHost') })] }) }), _jsxs(TableCell, { children: [_jsx("div", { children: providerTitle(service) }), _jsx("div", { className: 'text-xs text-muted-foreground', children: kindCounts(service.models)
+                            .map(({ kind, count }) => t(`services.models.counts.${kind}`, { count }))
+                            .join(' · ') })] }), _jsx(TableCell, { children: _jsx(Badge, { variant: STATUS_BADGE[status], children: t(`services.status.${status}`) }) }), _jsxs(TableCell, { className: 'text-right', onClick: (event) => event.stopPropagation(), children: [canManage ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: _jsx(Button, { variant: 'ghost', size: 'icon-sm', "aria-label": t('services.service.actions', {
+                                        title: service.title,
+                                    }) }), children: _jsx(MoreHorizontalIcon, {}) }), _jsxs(DropdownMenuContent, { align: 'end', className: 'w-auto min-w-40', children: [_jsxs(DropdownMenuItem, { onClick: onEdit, children: [_jsx(PencilIcon, {}), t('actions.edit')] }), _jsxs(DropdownMenuItem, { disabled: power.isPending, onClick: () => power.mutate(!service.enabled), children: [_jsx(PowerIcon, {}), service.enabled
+                                                ? t('services.service.turnOff')
+                                                : t('services.service.turnOn')] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: 'destructive', onClick: () => setDeleting(true), children: [_jsx(Trash2Icon, {}), t('services.service.delete')] })] })] })) : null, _jsx(AlertDialog, { open: deleting, onOpenChange: setDeleting, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: t('services.service.deleteTitle', { title: service.title }) }), _jsx(AlertDialogDescription, { children: t('services.service.deleteDescription') })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: t('actions.cancel') }), _jsx(AlertDialogAction, { variant: 'destructive', disabled: remove.isPending, onClick: () => remove.mutate(), children: t('services.service.delete') })] })] }) })] })] }));
+}
+const providerTitle = (service) => MODEL_PROVIDERS.find((provider) => provider.name === service.provider)
+    ?.title ?? service.provider;
+//# sourceMappingURL=services.js.map

package/dist/client/online/services.js.map

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

package/dist/client/pages/agents/agent-model.d.ts

@@ -0,0 +1,73 @@
+/** The agent forms' drafts: what a person typed, and the agent input it makes once it checks out. */
+import { type AgentTool } from '@nocobase/agent-protocol';
+import { type AgentInput, type AgentModelEntry, type AgentType } from '../../../shared/agents.js';
+import type { AgentPreset } from '../../../shared/presets.js';
+export interface NewAgentDraft {
+    readonly name: string;
+    readonly description: string;
+    /** Chosen first; the fields below follow it. */
+    readonly type: AgentType;
+    /** A runner agent's rows: coding tools, their models (empty for the tool's default) and efforts. */
+    readonly runnerEntries: readonly EntryDraft[];
+    /**
+     * An online agent's rows: model services, their models and efforts. Null until the person changes them: the dialog
+     * then starts on the first model offered.
+     */
+    readonly onlineEntries: readonly EntryDraft[] | null;
+    readonly instructions: string;
+    readonly actions: readonly string[];
+}
+/** A blank draft; `actions` are the ones a new agent starts with (the application's `defaultOn` actions). */
+export declare function newAgentDraft(actions?: readonly string[]): NewAgentDraft;
+/**
+ * Whether the person entered something in a new agent's draft (text compared trimmed): the type or the rows changed from
+ * where the draft starts, or any text was typed. The actions are judged by the dialog, which knows whether the person
+ * chose them.
+ */
+export declare function isDirtyDraft(draft: NewAgentDraft): boolean;
+/**
+ * The input a new agent's draft makes, with `onlineEntries` the online rows as the dialog shows them, or the
+ * translation key of what is wrong: its name, or its rows. Only the fields of its type are sent.
+ */
+export declare function newAgentInput(draft: NewAgentDraft, onlineEntries?: readonly EntryDraft[]): {
+    readonly input: AgentInput;
+} | {
+    readonly nameError: string;
+} | {
+    readonly modelError: string;
+};
+/**
+ * A row of the tools-and-models list as the editor holds it: a runner row uses `tool` and `model` (empty for the tool's
+ * default), an online row `modelService` and `model`; both an `effort` (empty for the default). `key` tells rows apart
+ * while they move.
+ */
+export interface EntryDraft {
+    readonly key: string;
+    readonly tool: AgentTool;
+    readonly modelService: string;
+    readonly model: string;
+    readonly effort: string;
+}
+/** A new row; a runner row starts on the first tool, an online row on nothing chosen. */
+export declare function newEntryDraft(patch?: Partial<Omit<EntryDraft, 'key'>>): EntryDraft;
+/** The editor's rows for an agent's saved entries. */
+export declare function entryDrafts(entries: readonly AgentModelEntry[]): EntryDraft[];
+/** The entries the rows make for an agent of `type`; rows not filled in are kept, so a check can name them. */
+export declare function draftEntries(type: AgentType, drafts: readonly EntryDraft[]): AgentModelEntry[];
+/** What is wrong with the rows, as a translation key, or null when they may be saved. */
+export declare function entriesError(type: AgentType, drafts: readonly EntryDraft[]): string | null;
+/** Whether the rows make the same entries, in the same order and with the same efforts, as `entries`. */
+export declare function sameEntries(type: AgentType, drafts: readonly EntryDraft[], entries: readonly AgentModelEntry[]): boolean;
+/** The rows with the one at `from` moved to `to`. */
+export declare function moveEntry<Item>(items: readonly Item[], from: number, to: number): Item[];
+/** A whole number from `min` to `max` typed into a field, or null. */
+export declare function wholeNumber(text: string, min: number, max: number): number | null;
+/** One regular expression per line, blank lines dropped. */
+export declare function patternLines(text: string): string[];
+/** The first line that is not a valid regular expression, or null. */
+export declare function invalidPattern(lines: readonly string[]): string | null;
+/** Whether two lists hold the same items, in any order. */
+export declare function sameItems(a: readonly string[], b: readonly string[]): boolean;
+/** The draft with a preset applied; `name` and `description` are the preset's, in the viewer's language. */
+export declare function applyPreset(draft: NewAgentDraft, preset: AgentPreset, name: string, description: string): NewAgentDraft;
+//# sourceMappingURL=agent-model.d.ts.map

package/dist/client/pages/agents/agent-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-model.d.ts","sourceRoot":"","sources":["../../../../client/pages/agents/agent-model.ts"],"names":[],"mappings":"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"}

package/dist/client/pages/agents/agent-model.js

@@ -0,0 +1,172 @@
+/** The agent forms' drafts: what a person typed, and the agent input it makes once it checks out. */
+import { AGENT_TOOLS } from '@nocobase/agent-protocol';
+import { isOnlineEntry, MAX_MODEL_ENTRIES, sameEntry, } from '../../../shared/agents.js';
+/** A blank draft; `actions` are the ones a new agent starts with (the application's `defaultOn` actions). */
+export function newAgentDraft(actions = []) {
+    return {
+        name: '',
+        description: '',
+        type: 'runner',
+        runnerEntries: [newEntryDraft()],
+        onlineEntries: null,
+        instructions: '',
+        actions,
+    };
+}
+/**
+ * Whether the person entered something in a new agent's draft (text compared trimmed): the type or the rows changed from
+ * where the draft starts, or any text was typed. The actions are judged by the dialog, which knows whether the person
+ * chose them.
+ */
+export function isDirtyDraft(draft) {
+    const [first, ...others] = draft.runnerEntries;
+    return (Boolean(draft.name.trim() ||
+        draft.description.trim() ||
+        draft.instructions.trim()) ||
+        draft.type !== 'runner' ||
+        draft.onlineEntries !== null ||
+        others.length > 0 ||
+        !first ||
+        first.tool !== AGENT_TOOLS[0] ||
+        Boolean(first.model.trim()) ||
+        Boolean(first.effort));
+}
+/**
+ * The input a new agent's draft makes, with `onlineEntries` the online rows as the dialog shows them, or the
+ * translation key of what is wrong: its name, or its rows. Only the fields of its type are sent.
+ */
+export function newAgentInput(draft, onlineEntries = draft.onlineEntries ?? []) {
+    if (!draft.name.trim())
+        return { nameError: 'agentForm.nameRequired' };
+    const rows = draft.type === 'online' ? onlineEntries : draft.runnerEntries;
+    // A new agent starts with a model; only a saved online agent may be left waiting for one.
+    const problem = rows.length === 0
+        ? 'modelEntries.required'
+        : entriesError(draft.type, rows);
+    if (problem)
+        return { modelError: problem };
+    return {
+        input: {
+            name: draft.name.trim(),
+            description: draft.description.trim() || null,
+            type: draft.type,
+            modelEntries: draftEntries(draft.type, rows),
+            instructions: draft.instructions.trim() || null,
+            actions: [...draft.actions],
+        },
+    };
+}
+let entryKeys = 0;
+/** A new row; a runner row starts on the first tool, an online row on nothing chosen. */
+export function newEntryDraft(patch = {}) {
+    entryKeys += 1;
+    return {
+        key: `entry-${entryKeys}`,
+        tool: AGENT_TOOLS[0],
+        modelService: '',
+        model: '',
+        effort: '',
+        ...patch,
+    };
+}
+/** The editor's rows for an agent's saved entries. */
+export function entryDrafts(entries) {
+    return entries.map((entry) => isOnlineEntry(entry)
+        ? newEntryDraft({
+            modelService: entry.modelService,
+            model: entry.model,
+            effort: entry.effort ?? '',
+        })
+        : newEntryDraft({
+            tool: entry.tool,
+            model: entry.model ?? '',
+            effort: entry.effort ?? '',
+        }));
+}
+/** The entries the rows make for an agent of `type`; rows not filled in are kept, so a check can name them. */
+export function draftEntries(type, drafts) {
+    return drafts.map((draft) => type === 'online'
+        ? {
+            modelService: draft.modelService,
+            model: draft.model,
+            effort: draft.effort || null,
+        }
+        : {
+            tool: draft.tool,
+            model: draft.model.trim() || null,
+            effort: draft.effort || null,
+        });
+}
+/** What is wrong with the rows, as a translation key, or null when they may be saved. */
+export function entriesError(type, drafts) {
+    // An online agent with no entry waits for a model; a runner agent cannot run without one.
+    if (drafts.length === 0)
+        return type === 'runner' ? 'modelEntries.required' : null;
+    if (drafts.length > MAX_MODEL_ENTRIES)
+        return 'modelEntries.tooMany';
+    if (type === 'online' &&
+        drafts.some((draft) => !draft.modelService || !draft.model))
+        return 'agentForm.modelRequired';
+    const entries = draftEntries(type, drafts);
+    if (entries.some((entry, index) => entries.slice(0, index).some((other) => sameEntry(entry, other))))
+        return 'modelEntries.duplicate';
+    return null;
+}
+/** Whether the rows make the same entries, in the same order and with the same efforts, as `entries`. */
+export function sameEntries(type, drafts, entries) {
+    const next = draftEntries(type, drafts);
+    return (next.length === entries.length &&
+        next.every((entry, index) => sameEntry(entry, entries[index]) &&
+            (entry.effort ?? null) === (entries[index].effort ?? null)));
+}
+/** The rows with the one at `from` moved to `to`. */
+export function moveEntry(items, from, to) {
+    if (to < 0 || to >= items.length || from === to)
+        return [...items];
+    const next = [...items];
+    const [moved] = next.splice(from, 1);
+    next.splice(to, 0, moved);
+    return next;
+}
+/** A whole number from `min` to `max` typed into a field, or null. */
+export function wholeNumber(text, min, max) {
+    if (!/^\s*\d+\s*$/u.test(text))
+        return null;
+    const value = Number(text);
+    return value >= min && value <= max ? value : null;
+}
+/** One regular expression per line, blank lines dropped. */
+export function patternLines(text) {
+    return text
+        .split('\n')
+        .map((line) => line.trim())
+        .filter(Boolean);
+}
+/** The first line that is not a valid regular expression, or null. */
+export function invalidPattern(lines) {
+    for (const line of lines) {
+        try {
+            new RegExp(line, 'u');
+        }
+        catch {
+            return line;
+        }
+    }
+    return null;
+}
+/** Whether two lists hold the same items, in any order. */
+export function sameItems(a, b) {
+    return a.length === b.length && a.every((item) => b.includes(item));
+}
+/** The draft with a preset applied; `name` and `description` are the preset's, in the viewer's language. */
+export function applyPreset(draft, preset, name, description) {
+    return {
+        ...draft,
+        name: draft.name.trim() ? draft.name : name,
+        description,
+        type: preset.type ?? draft.type,
+        instructions: preset.instructions,
+        actions: [...preset.actions],
+    };
+}
+//# sourceMappingURL=agent-model.js.map

package/dist/client/pages/agents/agent-model.js.map

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

package/dist/client/pages/agents/detail/brief-preview.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from 'react';
+export declare function BriefPreviewDialog({ agentId, open, onClose, }: {
+    readonly agentId: string;
+    readonly open: boolean;
+    readonly onClose: () => void;
+}): ReactElement;
+//# sourceMappingURL=brief-preview.d.ts.map

package/dist/client/pages/agents/detail/brief-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brief-preview.d.ts","sourceRoot":"","sources":["../../../../../client/pages/agents/detail/brief-preview.tsx"],"names":[],"mappings":"AASA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAiBpD,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,IAAI,EACJ,OAAO,GACR,EAAE;IACD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B,GAAG,YAAY,CAmEf"}

package/dist/client/pages/agents/detail/brief-preview.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * "Preview full prompt": what a run of this agent would be sent now, rendered by the same code the claim uses on a
+ * made-up subject, without queueing anything. A switch picks the scenario among the subject kinds that offer a sample
+ * (the vocabulary's `preview`), the application's first by default (for example, a task, or a conversation); the made-up values
+ * are marked `[sample]`. It shows the system prompt in one, with the agent's own part marked at its end, and the first
+ * message.
+ */
+import { useTranslation } from '@nocobase/i18n/client';
+import { useQuery } from '@tanstack/react-query';
+import { useState } from 'react';
+import { agentsKeys } from '../../../api/keys.js';
+import { BriefView } from '../../../components/brief-view.js';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '../../../components/ui/dialog.js';
+import { Spinner } from '../../../components/ui/spinner.js';
+import { Tabs, TabsList, TabsTrigger } from '../../../components/ui/tabs.js';
+import { useAgentsApi } from '../../../hooks/use-agents-api.js';
+import { errorText } from '../../../hooks/use-notify.js';
+import { usePreviewSubjects, useText } from '../../../hooks/use-vocabulary.js';
+export function BriefPreviewDialog({ agentId, open, onClose, }) {
+    const { t } = useTranslation();
+    const api = useAgentsApi();
+    const text = useText();
+    const scenarios = usePreviewSubjects();
+    const [chosen, setChosen] = useState(null);
+    const scenario = scenarios.find((item) => item.kind === chosen)?.kind ??
+        scenarios[0]?.kind ??
+        null;
+    const preview = useQuery({
+        queryKey: agentsKeys.briefPreview(agentId, scenario),
+        queryFn: () => api.briefPreview(agentId, scenario),
+        enabled: open,
+        retry: false,
+        staleTime: 0,
+    });
+    return (_jsx(Dialog, { open: open, onOpenChange: (next) => {
+            if (!next)
+                onClose();
+        }, children: _jsxs(DialogContent, { className: 'flex max-h-[calc(100dvh-2rem)] flex-col sm:max-w-4xl', children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t('brief.previewTitle') }), _jsx(DialogDescription, { children: t('brief.previewDescription') })] }), scenarios.length > 1 && scenario ? (_jsx(Tabs, { value: scenario, onValueChange: (next) => setChosen(String(next)), children: _jsx(TabsList, { "aria-label": t('brief.scenario'), children: scenarios.map((item) => (_jsx(TabsTrigger, { value: item.kind, children: text(item.title, item.kind) }, item.kind))) }) })) : null, _jsx("div", { className: '-mx-4 min-h-0 flex-1 overflow-y-auto px-4', children: preview.isError ? (_jsx("p", { className: 'text-sm text-destructive', children: errorText(t, preview.error, t('brief.previewFailed')) })) : !preview.data ? (_jsx("div", { className: 'flex justify-center py-6', children: _jsx(Spinner, {}) })) : (_jsxs("div", { className: 'flex flex-col gap-3', children: [_jsx("p", { className: 'text-sm text-muted-foreground', children: t('brief.sample', {
+                                    subject: `${preview.data.subject.key}${preview.data.subject.title ? ` ${preview.data.subject.title}` : ''}`,
+                                }) }), _jsx(BriefView, { brief: preview.data })] })) })] }) }));
+}
+//# sourceMappingURL=brief-preview.js.map

package/dist/client/pages/agents/detail/brief-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brief-preview.js","sourceRoot":"","sources":["../../../../../client/pages/agents/detail/brief-preview.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE/E,MAAM,UAAU,kBAAkB,CAAC,EACjC,OAAO,EACP,IAAI,EACJ,OAAO,GAKR;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,GAAG,GAAG,YAAY,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,SAAS,GAAG,kBAAkB,EAAE,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1D,MAAM,QAAQ,GACZ,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,EAAE,IAAI;QACpD,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI;QAClB,IAAI,CAAC;IACP,MAAM,OAAO,GAAG,QAAQ,CAAC;QACvB,QAAQ,EAAE,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC;QACpD,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC;QAClD,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,CAAC;KACb,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,CAAC,IAAI;gBAAE,OAAO,EAAE,CAAC;QACvB,CAAC,YAED,MAAC,aAAa,IAAC,SAAS,EAAC,sDAAsD,aAC7E,MAAC,YAAY,eACX,KAAC,WAAW,cAAE,CAAC,CAAC,oBAAoB,CAAC,GAAe,EACpD,KAAC,iBAAiB,cAAE,CAAC,CAAC,0BAA0B,CAAC,GAAqB,IACzD,EACd,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAClC,KAAC,IAAI,IACH,KAAK,EAAE,QAAQ,EACf,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,YAEhD,KAAC,QAAQ,kBAAa,CAAC,CAAC,gBAAgB,CAAC,YACtC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,KAAC,WAAW,IAAiB,KAAK,EAAE,IAAI,CAAC,IAAI,YAC1C,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,IADZ,IAAI,CAAC,IAAI,CAEb,CACf,CAAC,GACO,GACN,CACR,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,2CAA2C,YACvD,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,YAAG,SAAS,EAAC,0BAA0B,YACpC,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,CAAC,GACpD,CACL,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,OAAO,KAAG,GACP,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,qBAAqB,aAClC,YAAG,SAAS,EAAC,+BAA+B,YACzC,CAAC,CAAC,cAAc,EAAE;oCACjB,OAAO,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;iCAC5G,CAAC,GACA,EACJ,KAAC,SAAS,IAAC,KAAK,EAAE,OAAO,CAAC,IAAI,GAAI,IAC9B,CACP,GACG,IACQ,GACT,CACV,CAAC;AACJ,CAAC"}

package/dist/client/pages/agents/detail/history.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement } from 'react';
+import type { AgentChange } from '../../../../shared/agents.js';
+/** Entries of an agent's history, newest first. */
+export declare function AgentChangeList({ entries, }: {
+    readonly entries: readonly AgentChange[];
+}): ReactElement;
+/** The history tab of an agent's page. */
+export declare function AgentHistory({ agentId, }: {
+    readonly agentId: string;
+}): ReactElement;
+//# sourceMappingURL=history.d.ts.map

package/dist/client/pages/agents/detail/history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"history.d.ts","sourceRoot":"","sources":["../../../../../client/pages/agents/detail/history.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EACV,WAAW,EAIZ,MAAM,8BAA8B,CAAC;AA2MtC,mDAAmD;AACnD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,GACR,EAAE;IACD,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;CAC1C,GAAG,YAAY,CAiDf;AAED,0CAA0C;AAC1C,wBAAgB,YAAY,CAAC,EAC3B,OAAO,GACR,EAAE;IACD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B,GAAG,YAAY,CAqBf"}

package/dist/client/pages/agents/detail/history.js

@@ -0,0 +1,149 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * An agent's history (`GET /agents/:id/history`): who changed its configuration, when, and what, a field at a time.
+ * Long text shows as a line diff, lists as what was added and removed (skills, runners, people and business actions by
+ * name), other values as before → after. A variable is named with what happened to it, never with a value.
+ *
+ * `AgentChangeList` also tells someone whose save was refused what changed since they opened the agent.
+ */
+import { useTranslation } from '@nocobase/i18n/client';
+import { ServerCogIcon } from 'lucide-react';
+import { useQuery } from '@tanstack/react-query';
+import { agentsKeys } from '../../../api/keys.js';
+import { AgSection } from '../../../components/ag-section.js';
+import { AgTag } from '../../../components/ag-tag.js';
+import { DiffBlock } from '../../../components/diff-block.js';
+import { Skeleton } from '../../../components/ui/skeleton.js';
+import { useAgentsApi } from '../../../hooks/use-agents-api.js';
+import { useText } from '../../../hooks/use-vocabulary.js';
+import { useAgentActions } from '../../../lib/action-catalog.js';
+import { entryText } from '../../../lib/agents.js';
+import { useFormatters } from '../../../lib/format.js';
+/** Fields shown as a line diff. */
+const TEXT_FIELDS = new Set([
+    'description',
+    'instructions',
+    'toolPolicy',
+]);
+/** Fields holding ids, named through `Names`. */
+const LIST_FIELDS = new Set([
+    'skillIds',
+    'runnerIds',
+    'actions',
+    'userIds',
+]);
+const NO_ACTIONS = [];
+/** The names of skills, runners, people and business actions, as far as the caller may read them. */
+function useNames() {
+    const api = useAgentsApi();
+    const text = useText();
+    const skills = useQuery({
+        queryKey: agentsKeys.skills,
+        queryFn: () => api.skills(),
+    });
+    const runners = useQuery({
+        queryKey: agentsKeys.runners,
+        queryFn: () => api.runners(),
+    });
+    const users = useQuery({
+        queryKey: agentsKeys.users,
+        queryFn: () => api.users(),
+    });
+    const actions = useAgentActions(NO_ACTIONS);
+    return {
+        skillIds: new Map((skills.data ?? []).map((item) => [item.id, item.name])),
+        runnerIds: new Map((runners.data ?? []).map((item) => [item.id, item.name])),
+        userIds: new Map((users.data ?? []).map((item) => [item.id, item.name])),
+        actions: new Map((actions ?? []).map((option) => [
+            option.key,
+            text(option.title, option.key),
+        ])),
+    };
+}
+function asText(value) {
+    if (value === null || value === undefined)
+        return '';
+    if (typeof value === 'string')
+        return value;
+    return JSON.stringify(value, null, 2);
+}
+function asList(value) {
+    return Array.isArray(value)
+        ? value.filter((item) => typeof item === 'string')
+        : [];
+}
+function Chip({ tone, children, }) {
+    return (_jsxs(AgTag, { tone: tone === 'added' ? 'green' : 'red', children: [tone === 'added' ? '+ ' : '− ', children] }));
+}
+/** One field that changed. */
+function FieldChange({ change, names, }) {
+    const { t } = useTranslation();
+    if (change.field === 'variable')
+        return (_jsxs("div", { className: 'flex flex-wrap items-center gap-2 text-sm', children: [_jsx("span", { className: 'text-muted-foreground', children: t('history.fields.variable') }), _jsx("code", { className: 'font-mono text-xs', children: change.name }), _jsx("span", { children: t(`history.variable.${change.change}`) }), _jsx("span", { className: 'text-xs text-muted-foreground', children: t('history.valueHidden') })] }));
+    const { field, before, after } = change;
+    const label = (_jsx("span", { className: 'text-muted-foreground', children: t(`history.fields.${field}`) }));
+    if (TEXT_FIELDS.has(field))
+        return (_jsxs("div", { className: 'space-y-1 text-sm', children: [label, _jsx(DiffBlock, { before: asText(before), after: asText(after) })] }));
+    if (LIST_FIELDS.has(field)) {
+        const map = names[field];
+        const from = asList(before);
+        const to = asList(after);
+        const name = (id) => map.get(id) ?? id;
+        return (_jsxs("div", { className: 'flex flex-wrap items-center gap-1.5 text-sm', children: [label, to
+                    .filter((id) => !from.includes(id))
+                    .map((id) => (_jsx(Chip, { tone: 'added', children: name(id) }, `+${id}`))), from
+                    .filter((id) => !to.includes(id))
+                    .map((id) => (_jsx(Chip, { tone: 'removed', children: name(id) }, `-${id}`)))] }));
+    }
+    const show = (value) => {
+        if (value === null || value === undefined || value === '')
+            return t('history.none');
+        const plain = asText(value);
+        if (field === 'modelEntries' && Array.isArray(value))
+            return value
+                .map((entry) => entryText(entry, t))
+                .join(', ');
+        if (field === 'type')
+            return t(`agentTypes.${plain}`);
+        if (field === 'access')
+            return t(`agents.access.${plain}`);
+        if (field === 'confirmChanges')
+            return t(`capabilities.confirm.${plain}`);
+        if (field === 'ownerUserId')
+            return names.userIds.get(plain) ?? plain;
+        return plain;
+    };
+    return (_jsxs("div", { className: 'flex flex-wrap items-center gap-2 text-sm', children: [label, _jsx("span", { className: 'text-muted-foreground line-through', children: show(before) }), _jsx("span", { "aria-hidden": 'true', children: "\u2192" }), _jsx("span", { className: 'font-medium', children: show(after) })] }));
+}
+/**
+ * Who made a change: a person by name, the system when no person did (a seed, a migration, a background job), or a
+ * person whose account is gone.
+ */
+function Actor({ entry }) {
+    const { t } = useTranslation();
+    if (entry.actorUserId === null)
+        return (_jsxs("span", { className: 'inline-flex items-center gap-1 font-medium', children: [_jsx(ServerCogIcon, { "aria-hidden": 'true', className: 'size-3.5 text-muted-foreground' }), t('history.system')] }));
+    return (_jsx("span", { className: 'font-medium', children: entry.actorName ?? t('history.deletedUser') }));
+}
+/** Entries of an agent's history, newest first. */
+export function AgentChangeList({ entries, }) {
+    const { t } = useTranslation();
+    const format = useFormatters();
+    const names = useNames();
+    if (entries.length === 0)
+        return (_jsx("p", { className: 'text-sm text-muted-foreground', children: t('history.empty') }));
+    return (_jsx("ol", { className: 'divide-y rounded-lg border', children: entries.map((entry) => (_jsxs("li", { "data-testid": `agent-change-${entry.id}`, className: 'space-y-2 px-3 py-2.5', children: [_jsxs("div", { className: 'flex flex-wrap items-center gap-2 text-sm', children: [_jsx(Actor, { entry: entry }), _jsx("span", { children: t(`history.actions.${entry.action}`) }), _jsx(AgTag, { tone: 'grey', children: t('history.version', { revision: entry.revision }) }), _jsx("time", { dateTime: entry.createdAt, title: format.dateTime(entry.createdAt), className: 'ml-auto text-xs text-muted-foreground', children: format.relative(entry.createdAt) })] }), entry.changes.length > 0 ? (_jsx("div", { className: 'space-y-2 pl-7', children: entry.changes.map((change) => (_jsx(FieldChange, { change: change, names: names }, change.field === 'variable'
+                        ? `variable:${change.name}`
+                        : change.field))) })) : null] }, entry.id))) }));
+}
+/** The history tab of an agent's page. */
+export function AgentHistory({ agentId, }) {
+    const { t } = useTranslation();
+    const api = useAgentsApi();
+    const history = useQuery({
+        queryKey: agentsKeys.agentHistory(agentId),
+        queryFn: () => api.agentHistory(agentId),
+    });
+    return (_jsx(AgSection, { id: 'ag-agent-history', title: t('history.title'), description: t('history.description'), className: 'max-w-3xl', children: history.data ? (_jsx(AgentChangeList, { entries: history.data })) : (_jsx(Skeleton, { className: 'h-24 w-full' })) }));
+}
+//# sourceMappingURL=history.js.map