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

package/dist/client/components/agent-picker.d.ts

@@ -0,0 +1,128 @@
+import type { ComponentProps, ReactElement } from 'react';
+import type { ChatAgent, ChatAvailability, ConversationMode, OfflineReason } from '../../shared/conversations.js';
+export interface AgentPickerLabels {
+    /** A `toolbar` trigger's accessible name; `{name}` is the agent shown with its availability (`withStatus`). */
+    readonly switch: string;
+    /** A `field` trigger's accessible name, such as the field's label and the agent: `{name}` as in `switch`. */
+    readonly field: string;
+    /** The agent and its availability in a trigger's accessible name: `{name}`, `{status}`. */
+    readonly withStatus: string;
+    /** The menu's heading while choosing who a new conversation goes to. */
+    readonly chooseFor: string;
+    /** The menu's heading when picking starts a new conversation (`bound`). */
+    readonly startWith: string;
+    /** Under the menu, when the conversation stays with its agent (`bound`). */
+    readonly boundHint: string;
+    /** Under the menu otherwise. */
+    readonly modeHint: string;
+    readonly empty: string;
+    /** Shown in place of a name when there is no agent. */
+    readonly none: string;
+    /** A `field`'s chosen agent the list does not hold, such as one the viewer may not see. */
+    readonly unknown: string;
+    /** A `field`'s trigger while nothing is chosen. */
+    readonly placeholder: string;
+    readonly myDefault: string;
+    readonly systemDefault: string;
+    readonly personal: string;
+    /** A conversation answered by the system default in place of its own agent. */
+    readonly temporary: string;
+    readonly onlineGroup: string;
+    readonly runnerGroup: string;
+    readonly mode: Readonly<Record<ConversationMode, string>>;
+    readonly modeHints: Readonly<Record<ConversationMode, string>>;
+    readonly availability: Readonly<Record<'online' | OfflineReason, string>>;
+}
+export type AgentTagTone = 'grey' | 'blue' | 'violet' | 'amber';
+/** A small rounded tag in a tint of its hue. */
+export declare function AgentTag({ tone, className, ...props }: ComponentProps<'span'> & {
+    readonly tone: AgentTagTone;
+}): ReactElement;
+export interface AvailabilityDotProps {
+    readonly availability: ChatAvailability;
+    readonly className?: string;
+    readonly labels?: Partial<AgentPickerLabels>;
+}
+/** A green or grey dot with its meaning for screen readers. */
+export declare function AvailabilityDot({ availability, className, labels, }: AvailabilityDotProps): ReactElement;
+export interface ModeTagProps extends ComponentProps<'span'> {
+    readonly mode: ConversationMode;
+    readonly labels?: Partial<AgentPickerLabels>;
+}
+/** A conversation's mode, Online or Runner, with what it means on hover. */
+export declare function ModeTag({ mode, labels, className, ...props }: ModeTagProps): ReactElement;
+/** An agent's tags: the viewer's default or the system default, and "only me" for a personal agent. */
+export declare function AgentTags({ agent, labels, }: {
+    readonly agent: ChatAgent;
+    readonly labels?: Partial<AgentPickerLabels>;
+}): ReactElement;
+export interface AgentIdentityProps {
+    /** The name the avatar is drawn from; null draws a generic avatar. */
+    readonly name: string | null;
+    /** The text shown; `name` by default. */
+    readonly label?: string;
+    /** Its availability, as a dot on the avatar's corner; none when unknown. */
+    readonly availability?: ChatAvailability | null;
+    readonly labels?: Partial<AgentPickerLabels>;
+    readonly className?: string;
+    readonly nameClassName?: string;
+    /** The ring that cuts the dot out of the avatar, in the colour of what is behind it. */
+    readonly ringClassName?: string;
+}
+/** An agent as one row: its avatar with the availability dot on the corner, then its name. */
+export declare function AgentIdentity({ name, label, availability, labels, className, nameClassName, ringClassName, }: AgentIdentityProps): ReactElement;
+/** What the trigger shows when it is not simply the chosen agent, such as a conversation whose agent is gone. */
+export interface AgentPickerShown {
+    readonly name: string | null;
+    readonly availability?: ChatAvailability | null;
+    readonly mode?: ConversationMode | null;
+    /** The system default answers in place of the conversation's own agent. */
+    readonly temporary?: boolean;
+}
+/** A choice of no agent at the top of the menu, checked while `value` is null. */
+export interface AgentPickerNoneOption {
+    readonly label: string;
+    readonly onSelect: () => void;
+}
+/**
+ * `field` looks like a form's select: as wide as its container, the chosen agent and its availability, no tags.
+ * `toolbar` is sized for a composer's toolbar, which is an `@container`: the name truncates only past a generous width,
+ * and the mode tag shows only where the container is wide (`@md`).
+ */
+export type AgentPickerAppearance = 'field' | 'toolbar';
+export interface AgentPickerProps {
+    /** Every agent the viewer may pick. */
+    readonly agents: readonly ChatAgent[];
+    /** The chosen agent's id; it gets a check mark unless `bound`. */
+    readonly value: string | null;
+    readonly onSelect: (agentId: string) => void;
+    /** `field` (the default) for forms and settings, `toolbar` for a composer. */
+    readonly appearance?: AgentPickerAppearance;
+    /** Offer only agents of this type; a chosen agent of another type still shows on the trigger. */
+    readonly type?: ConversationMode;
+    /** The trigger's content; the chosen agent by default. */
+    readonly shown?: AgentPickerShown;
+    /** An existing conversation: picking another agent starts a new conversation, so nothing is checked. */
+    readonly bound?: boolean;
+    /** Group the menu by mode, Online then Runner. */
+    readonly groupByMode?: boolean;
+    /** Show the mode tag on a `toolbar` trigger. */
+    readonly showMode?: boolean;
+    /** Show what picking means under the menu (`boundHint` or `modeHint`); by default only in a `toolbar`. */
+    readonly showHint?: boolean;
+    /** How an agent is named, such as in the viewer's language; `agent.name` by default. */
+    readonly agentName?: (agent: ChatAgent) => string | null;
+    readonly labels?: Partial<AgentPickerLabels>;
+    /** Offers choosing no agent, such as "System default" for a person's own default. */
+    readonly noneOption?: AgentPickerNoneOption;
+    /** A `field`'s trigger while nothing is chosen; `labels.placeholder` by default. */
+    readonly placeholder?: string;
+    /** The trigger's id, for a form label. */
+    readonly id?: string;
+    readonly disabled?: boolean;
+    readonly className?: string;
+    readonly align?: 'start' | 'center' | 'end';
+    readonly 'data-testid'?: string;
+}
+export declare function AgentPicker({ agents, value, onSelect, appearance, type, shown, bound, groupByMode, showMode, showHint, agentName, labels, noneOption, placeholder, id, disabled, className, align, 'data-testid': testId, }: AgentPickerProps): ReactElement;
+//# sourceMappingURL=agent-picker.d.ts.map

package/dist/client/components/agent-picker.d.ts.map

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

package/dist/client/components/agent-picker.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * A copy of the UI Library's `agent-picker` (`ui-library/registry/agents/agent-picker.tsx`), its imports made relative.
+ *
+ * The one way to pick an agent: a trigger with the agent's avatar (its availability dot on the avatar's corner) and
+ * name, and a menu of every agent the viewer may pick, grouped by type (Online, Runner) with their default and personal
+ * tags and availability. Two appearances: `field` (the default), which looks like a form's select, for forms and
+ * settings; and `toolbar`, compact with the mode tag, for a composer. Presentational: pass the agents (`ChatAgent` from
+ * `@nocobase/app-plugin-agents/shared/conversations`), the one chosen, and `onSelect`; every word comes from `labels`,
+ * English by default. A form that may choose no agent, such as a default setting, adds `noneOption` at the top of the
+ * menu. `AgentIdentity` is the avatar, dot and name on their own, for a picker that lists agents among other things.
+ */
+import { CheckIcon, ChevronDownIcon, MessageSquareIcon, WrenchIcon, } from 'lucide-react';
+import { cn } from 'cn';
+import { AgentAvatar } from './agent-avatar.js';
+import { Badge } from './ui/badge.js';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from './ui/dropdown-menu.js';
+const defaultAgentPickerLabels = {
+    switch: 'Chatting with {name}; choose another agent',
+    field: 'Agent: {name}',
+    withStatus: '{name}, {status}',
+    chooseFor: 'Chat with',
+    startWith: 'Start a new conversation with',
+    boundHint: 'A conversation stays with its agent; choosing another starts a new conversation.',
+    modeHint: 'Online answers on the server in seconds; Runner runs a coding agent on a runtime. A conversation keeps its mode.',
+    empty: 'No agent you may chat with',
+    none: 'No agent',
+    unknown: 'Unknown agent',
+    placeholder: 'Choose an agent',
+    myDefault: 'My default',
+    systemDefault: 'System default',
+    personal: 'Only me',
+    temporary: 'Temporary',
+    onlineGroup: 'Online agents',
+    runnerGroup: 'Runner agents',
+    mode: { online: 'Online', runner: 'Runner' },
+    modeHints: {
+        online: 'Answers in seconds on the server',
+        runner: 'A coding agent on a runtime',
+    },
+    availability: {
+        online: 'Online',
+        agentMissing: 'Deleted',
+        agentArchived: 'Archived',
+        forbidden: 'Not available to you',
+        noRunner: 'No runner online',
+        modelUnavailable: 'Model unavailable',
+    },
+};
+function labelsOf(labels) {
+    return labels
+        ? { ...defaultAgentPickerLabels, ...labels }
+        : defaultAgentPickerLabels;
+}
+const TONE = {
+    grey: 'bg-muted text-muted-foreground',
+    blue: 'bg-blue-500/10 text-blue-700 dark:text-blue-300',
+    violet: 'bg-violet-500/10 text-violet-700 dark:text-violet-300',
+    amber: 'bg-amber-500/10 text-amber-700 dark:text-amber-300',
+};
+/** A small rounded tag in a tint of its hue. */
+export function AgentTag({ tone, className, ...props }) {
+    return (_jsx(Badge, { variant: 'secondary', "data-tone": tone, className: cn('font-normal', TONE[tone], className), ...props }));
+}
+/** What an availability means in words, such as "Online" or "No runner online". */
+function availabilityText(availability, words) {
+    return availability.online
+        ? words.availability.online
+        : words.availability[availability.reason ?? 'noRunner'];
+}
+/** A green or grey dot with its meaning for screen readers. */
+export function AvailabilityDot({ availability, className, labels, }) {
+    const label = availabilityText(availability, labelsOf(labels));
+    return (_jsx("span", { role: 'img', "aria-label": label, title: label, "data-online": availability.online ? 'true' : 'false', className: cn('inline-block size-2 shrink-0 rounded-full', availability.online ? 'bg-green-500' : 'bg-muted-foreground/40', className) }));
+}
+/** A conversation's mode, Online or Runner, with what it means on hover. */
+export function ModeTag({ mode, labels, className, ...props }) {
+    const words = labelsOf(labels);
+    return (_jsx("span", { title: words.modeHints[mode], className: cn('inline-flex', className), ...props, children: _jsxs(AgentTag, { tone: mode === 'online' ? 'violet' : 'blue', children: [mode === 'online' ? _jsx(MessageSquareIcon, {}) : _jsx(WrenchIcon, {}), words.mode[mode]] }) }));
+}
+/** An agent's tags: the viewer's default or the system default, and "only me" for a personal agent. */
+export function AgentTags({ agent, labels, }) {
+    const words = labelsOf(labels);
+    return (_jsxs(_Fragment, { children: [agent.isMyDefault ? (_jsx(AgentTag, { tone: 'blue', children: words.myDefault })) : agent.isSystemDefault ? (_jsx(AgentTag, { tone: 'grey', children: words.systemDefault })) : null, agent.personal ? (_jsx(AgentTag, { tone: 'violet', children: words.personal })) : null] }));
+}
+/** An agent as one row: its avatar with the availability dot on the corner, then its name. */
+export function AgentIdentity({ name, label, availability, labels, className, nameClassName, ringClassName = 'ring-background', }) {
+    const text = label ?? name ?? '';
+    return (_jsxs("span", { className: cn('inline-flex min-w-0 items-center gap-1.5', className), children: [_jsxs("span", { className: 'relative inline-flex shrink-0', children: [_jsx(AgentAvatar, { name: name, size: 'xs' }), availability ? (_jsx(AvailabilityDot, { availability: availability, ...(labels ? { labels } : {}), className: cn('absolute -right-0.5 -bottom-0.5 ring-2', ringClassName) })) : null] }), _jsx("span", { className: cn('truncate', nameClassName), title: text, children: text })] }));
+}
+function format(template, values) {
+    return template.replace(/\{(\w+)\}/g, (match, key) => key in values ? (values[key] ?? match) : match);
+}
+function defaultName(agent) {
+    return agent.name;
+}
+/** The app's select trigger (`components/ui/select.tsx`), so a `field` sits among a form's selects unnoticed. */
+const FIELD_TRIGGER = 'flex h-8 w-full min-w-0 items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-left text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40';
+const TOOLBAR_TRIGGER = 'flex max-w-44 min-w-0 items-center gap-1.5 rounded-md px-1 py-0.5 text-xs text-muted-foreground hover:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 @md:max-w-64';
+export function AgentPicker({ agents, value, onSelect, appearance = 'field', type, shown, bound = false, groupByMode = true, showMode = true, showHint, agentName = defaultName, labels, noneOption, placeholder, id, disabled, className, align = 'start', 'data-testid': testId = 'agent-picker', }) {
+    const words = labelsOf(labels);
+    const toolbar = appearance === 'toolbar';
+    const offered = type ? agents.filter((agent) => agent.type === type) : agents;
+    const chosen = agents.find((agent) => agent.id === value) ?? null;
+    // Nothing chosen and no "no agent" choice: a field shows its placeholder.
+    const empty = !toolbar && !shown && value === null && !noneOption;
+    // What a field holds besides an agent: no agent, or an agent the list does not hold.
+    const fieldName = value === null
+        ? (noneOption?.label ?? null)
+        : !chosen && !toolbar
+            ? words.unknown
+            : null;
+    const shownName = shown ? shown.name : chosen ? agentName(chosen) : null;
+    const name = empty
+        ? (placeholder ?? words.placeholder)
+        : (shownName ?? fieldName ?? words.none);
+    const availability = shown ? shown.availability : chosen?.availability;
+    const mode = shown ? shown.mode : (chosen?.type ?? null);
+    // The dot is part of the avatar, so the accessible name says what it means.
+    const subject = availability
+        ? format(words.withStatus, {
+            name,
+            status: availabilityText(availability, words),
+        })
+        : name;
+    const groups = groupByMode
+        ? ['online', 'runner']
+            .map((group) => ({
+            type: group,
+            agents: offered.filter((agent) => agent.type === group),
+        }))
+            .filter((group) => group.agents.length > 0)
+        : [{ type: null, agents: offered }];
+    // A field holding no agent shows the words alone, as a select shows its choice.
+    const avatarless = !toolbar && !shown && !chosen;
+    return (_jsxs(DropdownMenu, { children: [_jsxs(DropdownMenuTrigger, { disabled: disabled ?? false, render: _jsx("button", { type: 'button', id: id, className: cn(toolbar ? TOOLBAR_TRIGGER : FIELD_TRIGGER, className), "aria-label": format(toolbar ? words.switch : words.field, {
+                        name: subject,
+                    }), "data-appearance": appearance, "data-testid": testId }), children: [avatarless ? (_jsx("span", { className: cn('min-w-0 flex-1 truncate', empty && 'text-muted-foreground'), title: name, children: name })) : (_jsx(AgentIdentity, { name: shownName, label: name, availability: availability ?? null, labels: words, 
+                        // The composer's toolbar sits on a card; a field on the page or a dialog.
+                        ringClassName: toolbar ? 'ring-card' : 'ring-background', ...(toolbar
+                            ? { nameClassName: 'font-medium text-foreground' }
+                            : { className: 'flex-1' }) })), toolbar && showMode && mode ? (_jsx(ModeTag, { mode: mode, labels: words, className: 'hidden shrink-0 @md:inline-flex' })) : null, toolbar && shown?.temporary ? (_jsx(AgentTag, { tone: 'amber', children: words.temporary })) : null, _jsx(ChevronDownIcon, { className: toolbar
+                            ? 'size-3.5 shrink-0'
+                            : 'pointer-events-none size-4 shrink-0 text-muted-foreground', "aria-hidden": 'true' })] }), _jsxs(DropdownMenuContent, { align: align, className: toolbar
+                    ? 'w-72 max-w-(--available-width)'
+                    : 'w-auto max-w-[min(var(--container-sm),var(--available-width))] min-w-(--anchor-width)', children: [_jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuLabel, { children: bound ? words.startWith : words.chooseFor }), noneOption ? (_jsxs(DropdownMenuItem, { onClick: noneOption.onSelect, "data-agent": '', children: [_jsx("span", { className: 'min-w-0 flex-1 truncate', children: noneOption.label }), !bound && value === null ? (_jsx(CheckIcon, { className: 'size-3.5', "aria-hidden": 'true' })) : null] })) : null, offered.length === 0 ? (_jsx(DropdownMenuItem, { disabled: true, children: words.empty })) : null] }), groups.map((group) => (_jsxs(DropdownMenuGroup, { "data-mode": group.type ?? undefined, children: [group.type ? (_jsx(DropdownMenuLabel, { className: 'text-xs font-normal text-muted-foreground', children: group.type === 'online'
+                                    ? words.onlineGroup
+                                    : words.runnerGroup })) : null, group.agents.map((agent) => (_jsxs(DropdownMenuItem, { onClick: () => onSelect(agent.id), "data-agent": agent.id, children: [_jsx(AgentAvatar, { name: agentName(agent), size: 'xs' }), _jsx("span", { className: 'min-w-0 flex-1 truncate', children: agentName(agent) ?? words.none }), _jsx(AgentTags, { agent: agent, labels: words }), _jsx(AvailabilityDot, { availability: agent.availability, labels: words }), !bound && value === agent.id ? (_jsx(CheckIcon, { className: 'size-3.5', "aria-hidden": 'true' })) : null] }, agent.id)))] }, group.type ?? 'all'))), (showHint ?? toolbar) ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsx("p", { className: 'px-2 py-1 text-xs text-muted-foreground', children: bound ? words.boundHint : words.modeHint })] })) : null] })] }));
+}
+//# sourceMappingURL=agent-picker.js.map

package/dist/client/components/agent-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-picker.js","sourceRoot":"","sources":["../../../client/components/agent-picker.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;AACH,OAAO,EACL,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,UAAU,GACX,MAAM,cAAc,CAAC;AAStB,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAoC/B,MAAM,wBAAwB,GAAsB;IAClD,MAAM,EAAE,4CAA4C;IACpD,KAAK,EAAE,eAAe;IACtB,UAAU,EAAE,kBAAkB;IAC9B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,+BAA+B;IAC1C,SAAS,EACP,kFAAkF;IACpF,QAAQ,EACN,kHAAkH;IACpH,KAAK,EAAE,4BAA4B;IACnC,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,eAAe;IACxB,WAAW,EAAE,iBAAiB;IAC9B,SAAS,EAAE,YAAY;IACvB,aAAa,EAAE,gBAAgB;IAC/B,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,eAAe;IAC5B,WAAW,EAAE,eAAe;IAC5B,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE;IAC5C,SAAS,EAAE;QACT,MAAM,EAAE,kCAAkC;QAC1C,MAAM,EAAE,6BAA6B;KACtC;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,SAAS;QACvB,aAAa,EAAE,UAAU;QACzB,SAAS,EAAE,sBAAsB;QACjC,QAAQ,EAAE,kBAAkB;QAC5B,gBAAgB,EAAE,mBAAmB;KACtC;CACF,CAAC;AAEF,SAAS,QAAQ,CAAC,MAAmC;IACnD,OAAO,MAAM;QACX,CAAC,CAAC,EAAE,GAAG,wBAAwB,EAAE,GAAG,MAAM,EAAE;QAC5C,CAAC,CAAC,wBAAwB,CAAC;AAC/B,CAAC;AAID,MAAM,IAAI,GAA2C;IACnD,IAAI,EAAE,gCAAgC;IACtC,IAAI,EAAE,iDAAiD;IACvD,MAAM,EAAE,uDAAuD;IAC/D,KAAK,EAAE,oDAAoD;CAC5D,CAAC;AAEF,gDAAgD;AAChD,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACiD;IACzD,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAC,WAAW,eACR,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KAC/C,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAQD,mFAAmF;AACnF,SAAS,gBAAgB,CACvB,YAA8B,EAC9B,KAAwB;IAExB,OAAO,YAAY,CAAC,MAAM;QACxB,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM;QAC3B,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,IAAI,UAAU,CAAC,CAAC;AAC5D,CAAC;AAED,+DAA+D;AAC/D,MAAM,UAAU,eAAe,CAAC,EAC9B,YAAY,EACZ,SAAS,EACT,MAAM,GACe;IACrB,MAAM,KAAK,GAAG,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/D,OAAO,CACL,eACE,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,KAAK,EAAE,KAAK,iBACC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACnD,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,wBAAwB,EAC/D,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAOD,4EAA4E;AAC5E,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACK;IACb,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,CACL,eACE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KACnC,KAAK,YAET,MAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,aAClD,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG,CAAC,CAAC,CAAC,KAAC,UAAU,KAAG,EAC1D,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IACR,GACN,CACR,CAAC;AACJ,CAAC;AAED,uGAAuG;AACvG,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,MAAM,GAIP;IACC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,CACL,8BACG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,KAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,YAAE,KAAK,CAAC,SAAS,GAAY,CACnD,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAC1B,KAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,YAAE,KAAK,CAAC,aAAa,GAAY,CACvD,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,YAAE,KAAK,CAAC,QAAQ,GAAY,CACpD,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC;AAgBD,8FAA8F;AAC9F,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,aAAa,EACb,aAAa,GAAG,iBAAiB,GACd;IACnB,MAAM,IAAI,GAAG,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;IACjC,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,aACxE,gBAAM,SAAS,EAAC,+BAA+B,aAC7C,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,EACpC,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,eAAe,IACd,YAAY,EAAE,YAAY,KACtB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC9B,SAAS,EAAE,EAAE,CACX,wCAAwC,EACxC,aAAa,CACd,GACD,CACH,CAAC,CAAC,CAAC,IAAI,IACH,EACP,eAAM,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,YACxD,IAAI,GACA,IACF,CACR,CAAC;AACJ,CAAC;AA2DD,SAAS,MAAM,CAAC,QAAgB,EAAE,MAA8B;IAC9D,OAAO,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,GAAW,EAAE,EAAE,CAC3D,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAC/C,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAgB;IACnC,OAAO,KAAK,CAAC,IAAI,CAAC;AACpB,CAAC;AAED,iHAAiH;AACjH,MAAM,aAAa,GACjB,ihBAAihB,CAAC;AAEphB,MAAM,eAAe,GACnB,yPAAyP,CAAC;AAE5P,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,OAAO,EACpB,IAAI,EACJ,KAAK,EACL,KAAK,GAAG,KAAK,EACb,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,SAAS,GAAG,WAAW,EACvB,MAAM,EACN,UAAU,EACV,WAAW,EACX,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,OAAO,EACf,aAAa,EAAE,MAAM,GAAG,cAAc,GACrB;IACjB,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,KAAK,SAAS,CAAC;IACzC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9E,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC;IAClE,0EAA0E;IAC1E,MAAM,KAAK,GAAG,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC;IAClE,qFAAqF;IACrF,MAAM,SAAS,GACb,KAAK,KAAK,IAAI;QACZ,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,IAAI,IAAI,CAAC;QAC7B,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO;YACnB,CAAC,CAAC,KAAK,CAAC,OAAO;YACf,CAAC,CAAC,IAAI,CAAC;IACb,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,MAAM,IAAI,GAAG,KAAK;QAChB,CAAC,CAAC,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC;QACpC,CAAC,CAAC,CAAC,SAAS,IAAI,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,EAAE,YAAY,CAAC;IACvE,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC;IACzD,4EAA4E;IAC5E,MAAM,OAAO,GAAG,YAAY;QAC1B,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAE;YACvB,IAAI;YACJ,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,KAAK,CAAC;SAC9C,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;IACT,MAAM,MAAM,GAAG,WAAW;QACxB,CAAC,CAAE,CAAC,QAAQ,EAAE,QAAQ,CAAW;aAC5B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACf,IAAI,EAAE,KAAK;YACX,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC;SACxD,CAAC,CAAC;aACF,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IACtC,gFAAgF;IAChF,MAAM,UAAU,GAAG,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC;IACjD,OAAO,CACL,MAAC,YAAY,eACX,MAAC,mBAAmB,IAClB,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,MAAM,EACJ,iBACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,CAAC,gBACvD,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE;wBACvD,IAAI,EAAE,OAAO;qBACd,CAAC,qBACe,UAAU,iBACd,MAAM,GACnB,aAGH,UAAU,CAAC,CAAC,CAAC,CACZ,eACE,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,KAAK,IAAI,uBAAuB,CACjC,EACD,KAAK,EAAE,IAAI,YAEV,IAAI,GACA,CACR,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IACZ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,IAAI,EACX,YAAY,EAAE,YAAY,IAAI,IAAI,EAClC,MAAM,EAAE,KAAK;wBACb,0EAA0E;wBAC1E,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,KACpD,CAAC,OAAO;4BACV,CAAC,CAAC,EAAE,aAAa,EAAE,6BAA6B,EAAE;4BAClD,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,GAC5B,CACH,EACA,OAAO,IAAI,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAC7B,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,EACb,SAAS,EAAC,iCAAiC,GAC3C,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IAAI,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAC7B,KAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,YAAE,KAAK,CAAC,SAAS,GAAY,CACpD,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,eAAe,IACd,SAAS,EACP,OAAO;4BACL,CAAC,CAAC,mBAAmB;4BACrB,CAAC,CAAC,2DAA2D,iBAErD,MAAM,GAClB,IACkB,EACtB,MAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EACP,OAAO;oBACL,CAAC,CAAC,gCAAgC;oBAClC,CAAC,CAAC,uFAAuF,aAG7F,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,cACf,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,GACxB,EACnB,UAAU,CAAC,CAAC,CAAC,CACZ,MAAC,gBAAgB,IAAC,OAAO,EAAE,UAAU,CAAC,QAAQ,gBAAa,EAAE,aAC3D,eAAM,SAAS,EAAC,yBAAyB,YACtC,UAAU,CAAC,KAAK,GACZ,EACN,CAAC,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,GAAG,CACtD,CAAC,CAAC,CAAC,IAAI,IACS,CACpB,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,KAAC,gBAAgB,IAAC,QAAQ,kBAAE,KAAK,CAAC,KAAK,GAAoB,CAC5D,CAAC,CAAC,CAAC,IAAI,IACU,EACnB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,MAAC,iBAAiB,iBAEL,KAAK,CAAC,IAAI,IAAI,SAAS,aAEjC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,KAAC,iBAAiB,IAAC,SAAS,EAAC,2CAA2C,YACrE,KAAK,CAAC,IAAI,KAAK,QAAQ;oCACtB,CAAC,CAAC,KAAK,CAAC,WAAW;oCACnB,CAAC,CAAC,KAAK,CAAC,WAAW,GACH,CACrB,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,MAAC,gBAAgB,IAEf,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,gBACrB,KAAK,CAAC,EAAE,aAEpB,KAAC,WAAW,IAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,IAAI,GAAG,EACjD,eAAM,SAAS,EAAC,yBAAyB,YACtC,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,GAC1B,EACP,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,EAC1C,KAAC,eAAe,IACd,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,MAAM,EAAE,KAAK,GACb,EACD,CAAC,KAAK,IAAI,KAAK,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAC9B,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,GAAG,CACtD,CAAC,CAAC,CAAC,IAAI,KAfH,KAAK,CAAC,EAAE,CAgBI,CACpB,CAAC,KA7BG,KAAK,CAAC,IAAI,IAAI,KAAK,CA8BN,CACrB,CAAC,EACD,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CACvB,8BACE,KAAC,qBAAqB,KAAG,EACzB,YAAG,SAAS,EAAC,yCAAyC,YACnD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GACvC,IACH,CACJ,CAAC,CAAC,CAAC,IAAI,IACY,IACT,CAChB,CAAC;AACJ,CAAC"}

package/dist/client/components/agent-type.d.ts

@@ -0,0 +1,32 @@
+import type { ReactElement } from 'react';
+import { type AgentType } from '../../shared/agents.js';
+import type { ModelCatalog } from '../../shared/models.js';
+/** A small Online / Runner tag. */
+export declare function AgentTypeTag({ type, }: {
+    readonly type: AgentType;
+}): ReactElement;
+/** The new-agent dialog's first question: an online agent or a runner agent. */
+export declare function AgentTypePicker({ value, onChange, }: {
+    readonly value: AgentType;
+    readonly onChange: (type: AgentType) => void;
+}): ReactElement;
+/**
+ * What an online agent that lists no model answers with: the system default chat model, with a link to change it on
+ * the Models page; or, while no service offers a chat model, that it needs one, with a link to set one up.
+ */
+export declare function DefaultModelNote(): ReactElement | null;
+/** What online agents need and is missing: no model service offers a model yet. */
+export declare function NoModels(): ReactElement;
+/**
+ * The model service and model selects of a row of the tools-and-models list, labelled for assistive technology only
+ * (the list's header names the columns); a model no longer offered stays listed so it shows.
+ */
+export declare function ModelFields({ idPrefix, catalog, modelService, model, disabled, onChange, }: {
+    readonly idPrefix: string;
+    readonly catalog: ModelCatalog | undefined;
+    readonly modelService: string;
+    readonly model: string;
+    readonly disabled?: boolean;
+    readonly onChange: (modelService: string, model: string) => void;
+}): ReactElement;
+//# sourceMappingURL=agent-type.d.ts.map

package/dist/client/components/agent-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-type.d.ts","sourceRoot":"","sources":["../../../client/components/agent-type.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAsB3D,mCAAmC;AACnC,wBAAgB,YAAY,CAAC,EAC3B,IAAI,GACL,EAAE;IACD,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;CAC1B,GAAG,YAAY,CAQf;AAED,gFAAgF;AAChF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC9C,GAAG,YAAY,CA4Bf;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,YAAY,GAAG,IAAI,CAiBtD;AAED,mFAAmF;AACnF,wBAAgB,QAAQ,IAAI,YAAY,CAGvC;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClE,GAAG,YAAY,CA0Ef"}

package/dist/client/components/agent-type.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * What the agent pages show of an agent's type: the Online / Runner tag, the type choice of the new-agent dialog, the
+ * model service and model selects of an online agent's entry, whose options come from the server's model catalog
+ * (`GET agents/admin/models`), and what an online agent that lists no model answers with: the system default chat
+ * model (`GET agents/defaultModels`), with the way to the Models page to change it.
+ */
+import { useTranslation } from '@nocobase/i18n/client';
+import { MessageSquareIcon, WrenchIcon } from 'lucide-react';
+import { Link } from 'react-router';
+import { AGENT_TYPES } from '../../shared/agents.js';
+import { useDefaultModels, useDefaultModelText, } from '../hooks/use-model-catalog.js';
+import { AgTag } from './ag-tag.js';
+import { Field, FieldContent, FieldDescription, FieldLabel, FieldTitle, } from './ui/field.js';
+import { RadioGroup, RadioGroupItem } from './ui/radio-group.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from './ui/select.js';
+/** A small Online / Runner tag. */
+export function AgentTypeTag({ type, }) {
+    const { t } = useTranslation();
+    return (_jsxs(AgTag, { tone: type === 'online' ? 'violet' : 'blue', children: [type === 'online' ? _jsx(MessageSquareIcon, {}) : _jsx(WrenchIcon, {}), t(`agentTypes.${type}`)] }));
+}
+/** The new-agent dialog's first question: an online agent or a runner agent. */
+export function AgentTypePicker({ value, onChange, }) {
+    const { t } = useTranslation();
+    return (_jsx(RadioGroup, { "aria-label": t('agentTypes.label'), value: value, className: 'grid-cols-1 sm:grid-cols-2', onValueChange: (next) => {
+            const type = AGENT_TYPES.find((candidate) => candidate === next);
+            if (type)
+                onChange(type);
+        }, children: ['online', 'runner'].map((type) => (_jsx(FieldLabel, { htmlFor: `ag-agent-type-${type}`, children: _jsxs(Field, { orientation: 'horizontal', children: [_jsxs(FieldContent, { children: [_jsxs(FieldTitle, { children: [type === 'online' ? _jsx(MessageSquareIcon, {}) : _jsx(WrenchIcon, {}), t(`agentTypes.${type}`)] }), _jsx(FieldDescription, { children: t(`agentTypes.${type}Hint`) })] }), _jsx(RadioGroupItem, { value: type, id: `ag-agent-type-${type}` })] }) }, type))) }));
+}
+/**
+ * What an online agent that lists no model answers with: the system default chat model, with a link to change it on
+ * the Models page; or, while no service offers a chat model, that it needs one, with a link to set one up.
+ */
+export function DefaultModelNote() {
+    const { t } = useTranslation();
+    const defaults = useDefaultModels();
+    const model = useDefaultModelText();
+    if (!defaults.data)
+        return null;
+    return (_jsxs(FieldDescription, { "data-testid": 'ag-default-model-note', children: [_jsx("span", { children: model
+                    ? t('agents.usesDefaultModel', { model })
+                    : t('agentForm.noModels') }), ' ', _jsx(Link, { to: '/models', className: 'underline underline-offset-4', children: model ? t('agents.changeDefaultModel') : t('agents.setUpModels') })] }));
+}
+/** What online agents need and is missing: no model service offers a model yet. */
+export function NoModels() {
+    const { t } = useTranslation();
+    return _jsx(FieldDescription, { children: t('agentForm.noModels') });
+}
+/**
+ * The model service and model selects of a row of the tools-and-models list, labelled for assistive technology only
+ * (the list's header names the columns); a model no longer offered stays listed so it shows.
+ */
+export function ModelFields({ idPrefix, catalog, modelService, model, disabled, onChange, }) {
+    const { t } = useTranslation();
+    const services = catalog?.services ?? [];
+    const serviceItems = [
+        ...services.map((service) => ({
+            value: service.name,
+            label: service.title,
+        })),
+        ...(modelService &&
+            !services.some((service) => service.name === modelService)
+            ? [{ value: modelService, label: modelService }]
+            : []),
+    ];
+    const offered = services.find((service) => service.name === modelService)?.models ?? [];
+    const modelItems = [
+        ...offered.map((option) => ({ value: option.value, label: option.label })),
+        ...(model && !offered.some((option) => option.value === model)
+            ? [{ value: model, label: model }]
+            : []),
+    ];
+    return (_jsxs(_Fragment, { children: [_jsxs(Select, { items: serviceItems, value: modelService || null, disabled: disabled, onValueChange: (next) => {
+                    const first = services.find((service) => service.name === next)?.models[0]
+                        ?.value ?? '';
+                    onChange(next ?? '', first);
+                }, children: [_jsx(SelectTrigger, { id: `${idPrefix}-service`, "aria-label": t('agentForm.modelService'), className: 'w-full', children: _jsx(SelectValue, { placeholder: t('agentForm.chooseService') }) }), _jsx(SelectContent, { className: 'w-auto max-w-[min(var(--container-sm),var(--available-width))] min-w-(--anchor-width) [&_[data-slot=select-item]>:first-child]:whitespace-normal', children: serviceItems.map((item) => (_jsx(SelectItem, { value: item.value, children: item.label }, item.value))) })] }), _jsxs(Select, { items: modelItems, value: model || null, disabled: disabled || !modelService, onValueChange: (next) => onChange(modelService, next ?? ''), children: [_jsx(SelectTrigger, { id: `${idPrefix}-model`, "aria-label": t('agentForm.model'), className: 'w-full', children: _jsx(SelectValue, { placeholder: t('agentForm.chooseModel') }) }), _jsx(SelectContent, { className: 'w-auto max-w-[min(var(--container-sm),var(--available-width))] min-w-(--anchor-width) [&_[data-slot=select-item]>:first-child]:whitespace-normal', children: modelItems.map((item) => (_jsx(SelectItem, { value: item.value, children: item.label }, item.value))) })] })] }));
+}
+//# sourceMappingURL=agent-type.js.map

package/dist/client/components/agent-type.js.map

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

package/dist/client/components/availability-dot.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from 'react';
+import type { ChatAvailability } from '../../shared/conversations.js';
+/** A green or grey dot with its meaning for screen readers. */
+export declare function AvailabilityDot({ availability, className, }: {
+    readonly availability: ChatAvailability;
+    readonly className?: string;
+}): ReactElement;
+//# sourceMappingURL=availability-dot.d.ts.map

package/dist/client/components/availability-dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"availability-dot.d.ts","sourceRoot":"","sources":["../../../client/components/availability-dot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGtE,+DAA+D;AAC/D,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,YAAY,EAAE,gBAAgB,CAAC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CAoBf"}

package/dist/client/components/availability-dot.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Whether an agent can answer a chat now, as a dot beside its name (the profile's default chat agent). */
+import { useTranslation } from '@nocobase/i18n/client';
+import { cn } from 'cn';
+/** A green or grey dot with its meaning for screen readers. */
+export function AvailabilityDot({ availability, className, }) {
+    const { t } = useTranslation();
+    const label = availability.online
+        ? t('chat.availability.online')
+        : t(`chat.availability.${availability.reason ?? 'noRunner'}`);
+    return (_jsx("span", { role: 'img', "aria-label": label, title: label, "data-online": availability.online ? 'true' : 'false', className: cn('inline-block size-2 shrink-0 rounded-full', availability.online
+            ? 'bg-[oklch(0.65_0.16_150)]'
+            : 'bg-muted-foreground/40', className) }));
+}
+//# sourceMappingURL=availability-dot.js.map

package/dist/client/components/availability-dot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"availability-dot.js","sourceRoot":"","sources":["../../../client/components/availability-dot.tsx"],"names":[],"mappings":";AAAA,2GAA2G;AAC3G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AAExB,+DAA+D;AAC/D,MAAM,UAAU,eAAe,CAAC,EAC9B,YAAY,EACZ,SAAS,GAIV;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM;QAC/B,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC;QAC/B,CAAC,CAAC,CAAC,CAAC,qBAAqB,YAAY,CAAC,MAAM,IAAI,UAAU,EAAE,CAAC,CAAC;IAChE,OAAO,CACL,eACE,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,KAAK,EAAE,KAAK,iBACC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACnD,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,YAAY,CAAC,MAAM;YACjB,CAAC,CAAC,2BAA2B;YAC7B,CAAC,CAAC,wBAAwB,EAC5B,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/client/components/brief-view.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from 'react';
+import type { BriefPreview } from '../../shared/briefs.js';
+export declare function BriefView({ brief, }: {
+    readonly brief: Pick<BriefPreview, 'platform' | 'agentPrompt' | 'firstMessage'>;
+}): ReactElement;
+//# sourceMappingURL=brief-view.d.ts.map

package/dist/client/components/brief-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brief-view.d.ts","sourceRoot":"","sources":["../../../client/components/brief-view.tsx"],"names":[],"mappings":"AASA,OAAO,EAAY,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AA8D3D,wBAAgB,SAAS,CAAC,EACxB,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,IAAI,CAClB,YAAY,EACZ,UAAU,GAAG,aAAa,GAAG,cAAc,CAC5C,CAAC;CACH,GAAG,YAAY,CAsFf"}

package/dist/client/components/brief-view.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A previewed brief as the agent is sent it. The system prompt comes in two parts: the platform's (its rules, the task,
+ * the context and the English lead-in to the agent's prompt), collapsed to a one-line summary, and the agent's own
+ * prompt, which ends it, open as a card. The first message follows. Everything shows rendered as Markdown or as the raw
+ * text. The placeholders the runner fills in stay visible, annotated, so nobody mistakes them for text the agent reads
+ * as is.
+ */
+import { useTranslation } from '@nocobase/i18n/client';
+import { ChevronRightIcon } from 'lucide-react';
+import { useState } from 'react';
+import { AgMarkdown } from './ag-markdown.js';
+import { Button } from './ui/button.js';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible.js';
+const RAW = 'font-mono text-xs leading-5 whitespace-pre-wrap wrap-anywhere';
+/** About how long a text is, in characters, rounded to the hundred once it is that long. */
+function approximateLength(text) {
+    const length = text.trim().length;
+    return length < 100 ? length : Math.round(length / 100) * 100;
+}
+function Body({ mode, text, muted, testId, }) {
+    const panel = muted ? 'max-h-96 overflow-auto rounded-md bg-muted p-3' : '';
+    return mode === 'raw' ? (_jsx("pre", { "data-testid": testId, className: `${RAW} ${panel}`, children: text })) : (_jsx("div", { "data-testid": testId, className: panel, children: _jsx(AgMarkdown, { content: text }) }));
+}
+function Block({ id, title, children, }) {
+    return (_jsxs("section", { "aria-labelledby": id, className: 'flex flex-col gap-2', children: [_jsx("h3", { id: id, className: 'text-sm font-medium', children: title }), children] }));
+}
+export function BriefView({ brief, }) {
+    const { t, i18n } = useTranslation();
+    const [mode, setMode] = useState('rendered');
+    const size = new Intl.NumberFormat(i18n.language).format(approximateLength(brief.platform));
+    return (_jsxs("div", { className: 'flex flex-col gap-4', children: [_jsx("div", { role: 'group', "aria-label": t('brief.showAs'), className: 'inline-flex w-fit gap-0.5 rounded-lg border p-0.5', children: ['rendered', 'raw'].map((value) => (_jsx(Button, { type: 'button', size: 'xs', variant: mode === value ? 'secondary' : 'ghost', "aria-pressed": mode === value, onClick: () => setMode(value), children: t(`brief.${value}`) }, value))) }), _jsxs(Block, { id: 'ag-brief-system', title: t('brief.system'), children: [_jsxs(Collapsible, { className: 'flex flex-col gap-2', children: [_jsxs("div", { className: 'flex flex-col gap-0.5', children: [_jsxs(CollapsibleTrigger, { className: 'group flex w-fit cursor-pointer items-center gap-1 rounded-sm text-left text-sm focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-none', children: [_jsx(ChevronRightIcon, { "aria-hidden": 'true', className: 'size-4 shrink-0 text-muted-foreground transition-transform group-data-panel-open:rotate-90 motion-reduce:transition-none' }), t('brief.platform', { size })] }), _jsx("p", { className: 'pl-5 text-xs text-muted-foreground', children: t('brief.platformNote') })] }), _jsx(CollapsibleContent, { children: _jsx(Body, { mode: mode, text: brief.platform, muted: true, testId: 'ag-brief-platform' }) })] }), _jsxs("section", { "aria-labelledby": 'ag-brief-agent', className: 'flex flex-col gap-2 rounded-lg border p-3', children: [_jsx("h4", { id: 'ag-brief-agent', className: 'text-sm font-medium', children: t('brief.agentPrompt') }), brief.agentPrompt.trim() ? (_jsx(Body, { mode: mode, text: brief.agentPrompt, testId: 'ag-brief-agent-prompt' })) : (_jsx("p", { className: 'text-sm text-muted-foreground', children: t('brief.noAgentPrompt') }))] })] }), _jsx(Block, { id: 'ag-brief-first', title: t('brief.firstMessage'), children: brief.firstMessage.trim() ? (_jsx(Body, { mode: mode, text: brief.firstMessage, muted: true, testId: 'ag-brief-first' })) : (_jsx("p", { className: 'text-sm text-muted-foreground', children: t('brief.empty') })) }), _jsx("p", { className: 'text-xs text-muted-foreground', children: t('brief.previewPlaceholders') })] }));
+}
+//# sourceMappingURL=brief-view.js.map

package/dist/client/components/brief-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brief-view.js","sourceRoot":"","sources":["../../../client/components/brief-view.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAqC,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,GAAG,GAAG,+DAA+D,CAAC;AAE5E,4FAA4F;AAC5F,SAAS,iBAAiB,CAAC,IAAY;IACrC,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC;IAClC,OAAO,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAChE,CAAC;AAED,SAAS,IAAI,CAAC,EACZ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,GAOP;IACC,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,gDAAgD,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5E,OAAO,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CACtB,6BAAkB,MAAM,EAAE,SAAS,EAAE,GAAG,GAAG,IAAI,KAAK,EAAE,YACnD,IAAI,GACD,CACP,CAAC,CAAC,CAAC,CACF,6BAAkB,MAAM,EAAE,SAAS,EAAE,KAAK,YACxC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,GAAI,GACzB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,EACb,EAAE,EACF,KAAK,EACL,QAAQ,GAKT;IACC,OAAO,CACL,sCAA0B,EAAE,EAAE,SAAS,EAAC,qBAAqB,aAC3D,aAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,qBAAqB,YACxC,KAAK,GACH,EACJ,QAAQ,IACD,CACX,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,GAMN;IACC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAO,UAAU,CAAC,CAAC;IACnD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CACtD,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAClC,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,cACE,IAAI,EAAC,OAAO,gBACA,CAAC,CAAC,cAAc,CAAC,EAC7B,SAAS,EAAC,mDAAmD,YAE3D,CAAC,UAAU,EAAE,KAAK,CAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7C,KAAC,MAAM,IAEL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,kBACjC,IAAI,KAAK,KAAK,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAE5B,CAAC,CAAC,SAAS,KAAK,EAAE,CAAC,IAPf,KAAK,CAQH,CACV,CAAC,GACE,EACN,MAAC,KAAK,IAAC,EAAE,EAAC,iBAAiB,EAAC,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,aAClD,MAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB,aAC1C,eAAK,SAAS,EAAC,uBAAuB,aACpC,MAAC,kBAAkB,IAAC,SAAS,EAAC,4JAA4J,aACxL,KAAC,gBAAgB,mBACH,MAAM,EAClB,SAAS,EAAC,0HAA0H,GACpI,EACD,CAAC,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,CAAC,IACX,EACrB,YAAG,SAAS,EAAC,oCAAoC,YAC9C,CAAC,CAAC,oBAAoB,CAAC,GACtB,IACA,EACN,KAAC,kBAAkB,cACjB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,KAAK,CAAC,QAAQ,EACpB,KAAK,QACL,MAAM,EAAC,mBAAmB,GAC1B,GACiB,IACT,EACd,sCACkB,gBAAgB,EAChC,SAAS,EAAC,2CAA2C,aAErD,aAAI,EAAE,EAAC,gBAAgB,EAAC,SAAS,EAAC,qBAAqB,YACpD,CAAC,CAAC,mBAAmB,CAAC,GACpB,EACJ,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAC1B,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,KAAK,CAAC,WAAW,EACvB,MAAM,EAAC,uBAAuB,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,+BAA+B,YACzC,CAAC,CAAC,qBAAqB,CAAC,GACvB,CACL,IACO,IACJ,EACR,KAAC,KAAK,IAAC,EAAE,EAAC,gBAAgB,EAAC,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,YACtD,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAC3B,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,KAAK,CAAC,YAAY,EACxB,KAAK,QACL,MAAM,EAAC,gBAAgB,GACvB,CACH,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,+BAA+B,YAAE,CAAC,CAAC,aAAa,CAAC,GAAK,CACpE,GACK,EACR,YAAG,SAAS,EAAC,+BAA+B,YACzC,CAAC,CAAC,2BAA2B,CAAC,GAC7B,IACA,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/command-line.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from 'react';
+/** A shell command with a copy button (the add-runner dialog, the upgrade popover). */
+export declare function CommandLine({ command, }: {
+    readonly command: string;
+}): ReactElement;
+//# sourceMappingURL=command-line.d.ts.map

package/dist/client/components/command-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-line.d.ts","sourceRoot":"","sources":["../../../client/components/command-line.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAKpD,uFAAuF;AACvF,wBAAgB,WAAW,CAAC,EAC1B,OAAO,GACR,EAAE;IACD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B,GAAG,YAAY,CA8Bf"}

package/dist/client/components/command-line.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { CheckIcon, CopyIcon } from 'lucide-react';
+import { useState } from 'react';
+import { useNotify } from '../hooks/use-notify.js';
+import { Button } from './ui/button.js';
+/** A shell command with a copy button (the add-runner dialog, the upgrade popover). */
+export function CommandLine({ command, }) {
+    const { t } = useTranslation();
+    const notify = useNotify();
+    const [copied, setCopied] = useState(false);
+    async function copy() {
+        try {
+            await navigator.clipboard.writeText(command);
+            setCopied(true);
+            window.setTimeout(() => setCopied(false), 2000);
+        }
+        catch (error) {
+            notify.error(error, t('command.copyFailed'));
+        }
+    }
+    return (_jsxs("div", { className: 'flex items-start gap-2 rounded-lg border bg-muted p-2 pl-3', children: [_jsx("code", { className: 'min-w-0 flex-1 py-1 font-mono text-xs break-all select-all', children: command }), _jsx(Button, { variant: 'ghost', size: 'icon-sm', "aria-label": copied ? t('command.copied') : t('command.copy'), onClick: () => void copy(), children: copied ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}) })] }));
+}
+//# sourceMappingURL=command-line.js.map

package/dist/client/components/command-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-line.js","sourceRoot":"","sources":["../../../client/components/command-line.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,uFAAuF;AACvF,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,GAGR;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,KAAK,UAAU,IAAI;QACjB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAC7C,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAClD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,4DAA4D,aACzE,eAAM,SAAS,EAAC,4DAA4D,YACzE,OAAO,GACH,EACP,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,SAAS,gBACF,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,EAC5D,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,EAAE,YAEzB,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,GAC/B,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/default-skills.d.ts

@@ -0,0 +1,10 @@
+import { type ReactElement } from 'react';
+export declare function DefaultSkillsPanel({ scope, scopeId, canEdit, description, className, }: {
+    readonly scope: string;
+    readonly scopeId: string;
+    readonly canEdit: boolean;
+    /** What the section says, in the viewer's language; a general line when absent. */
+    readonly description?: string;
+    readonly className?: string;
+}): ReactElement;
+//# sourceMappingURL=default-skills.d.ts.map

package/dist/client/components/default-skills.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-skills.d.ts","sourceRoot":"","sources":["../../../client/components/default-skills.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAWpD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CAgCf"}