@jini-ai/ui 0.5.5 → 0.5.6

package/dist/features/skills/react/components/SkillRow.labels.d.ts

@@ -0,0 +1,7 @@
+import type { SkillRowLabels } from './SkillRow.js';
+/** The row's own label keys (the inline edit form resolves its own). */
+export type SkillRowOwnLabelKey = 'expandLabel' | 'collapseLabel' | 'editLabel' | 'overrideCreateLabel' | 'deleteLabel' | 'deleteConfirmLabel' | 'cancelLabel' | 'enableToggleLabel' | 'loadingLabel' | 'filesHeading' | 'noFilesLabel' | 'bodyHeading' | 'userBadge' | 'overrideWarning';
+export type ResolvedSkillRowLabels = Required<Pick<SkillRowLabels, SkillRowOwnLabelKey>>;
+/** Untranslated defaults for every row label; see `resolveLabels`. */
+export declare const DEFAULT_SKILL_ROW_LABELS: ResolvedSkillRowLabels;
+//# sourceMappingURL=SkillRow.labels.d.ts.map

package/dist/features/skills/react/components/SkillRow.labels.js

@@ -0,0 +1,18 @@
+/** Untranslated defaults for every row label; see `resolveLabels`. */
+export const DEFAULT_SKILL_ROW_LABELS = {
+    expandLabel: 'Expand',
+    collapseLabel: 'Collapse',
+    editLabel: 'Edit',
+    overrideCreateLabel: 'Create override',
+    deleteLabel: 'Delete',
+    deleteConfirmLabel: 'Confirm delete',
+    cancelLabel: 'Cancel',
+    enableToggleLabel: 'Enabled',
+    loadingLabel: 'Loading…',
+    filesHeading: 'Files',
+    noFilesLabel: 'No files.',
+    bodyHeading: 'SKILL.md',
+    userBadge: 'user',
+    overrideWarning: 'This skill ships with the host. Editing it creates your own copy — the original is unaffected.',
+};
+//# sourceMappingURL=SkillRow.labels.js.map

package/dist/features/skills/react/components/SkillsTab.js

@@ -5,7 +5,9 @@ import { useT } from '../../../i18n/index.js';
 import { Icon } from '../../../../react/components/Icon.js';
 import { useSkillsTab } from '../hooks/useSkillsTab.js';
 import { SkillDraftForm } from './SkillDraftForm.js';
+import { resolveLabels } from './SkillDraftForm.labels.js';
 import { SkillRow } from './SkillRow.js';
+import { DEFAULT_SKILLS_TAB_LABELS } from './SkillsTab.labels.js';
 /**
  * Skill library: search + source/mode/category filters, a create form, and
  * one collapsible row per skill (enable toggle, preview, file tree, inline
@@ -16,22 +18,30 @@ import { SkillRow } from './SkillRow.js';
  */
 export function SkillsTab({ port, disabledSkillIds, onToggleEnabled, locale = 'en', labels, agentHandle }) {
     const t = useT();
-    const { loading, loadError, filters, setSearch, setSourceFilter, setModeFilter, setCategoryFilter, filteredSkills, sourceOptions, modeOptions, categoryOptions, expandedId, toggleExpanded, bodyById, bodyLoadingId, filesById, filesLoadingId, editingId, creating, draft, setDraft, draftError, draftSaving, startCreate, requestEdit, confirmBuiltInEditId, confirmBuiltInEdit, cancelBuiltInEdit, cancelDraft, submitDraft, confirmDeleteId, armDelete, cancelDelete, commitDelete, } = useSkillsTab({ port, locale });
-    const searchPlaceholder = labels?.searchPlaceholder ?? t('Search skills…');
-    const newSkillLabel = labels?.newSkillLabel ?? t('New skill');
-    const sourceFilterLabel = labels?.sourceFilterLabel ?? t('Source');
-    const modeFilterLabel = labels?.modeFilterLabel ?? t('Type');
-    const categoryFilterLabel = labels?.categoryFilterLabel ?? t('Category');
-    const allLabel = labels?.allLabel ?? t('All');
-    const noResultsLabel = labels?.noResultsLabel ?? t('No skills match these filters.');
-    const loadErrorLabel = labels?.loadErrorLabel ?? t('Could not load skills: {error}', { error: loadError ?? '' });
+    const tab = useSkillsTab({ port, locale });
+    const l = resolveLabels({ defaults: DEFAULT_SKILLS_TAB_LABELS, t }, { labels });
+    const loadErrorLabel = labels?.loadErrorLabel ?? t('Could not load skills: {error}', { error: tab.loadError ?? '' });
+    return (_jsxs("section", { className: "jini-settings-section jini-settings-skills", children: [_jsx(SkillsTabToolbar, { tab: tab, labels: l, agentHandle: agentHandle }), tab.loadError ? (_jsx("div", { className: "jini-empty-card jini-empty-card-error", children: _jsx("strong", { children: loadErrorLabel }) })) : null, tab.creating ? (_jsx(SkillDraftForm, { heading: l.newSkillLabel, draft: tab.draft, onDraftChange: tab.setDraft, error: tab.draftError, saving: tab.draftSaving, isEdit: false, onCancel: tab.cancelDraft, onSubmit: tab.submitDraft, labels: labels, ...(agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'create-form' }) } : {}) })) : null, !tab.loading && tab.filteredSkills.length === 0 ? (_jsx("div", { className: "jini-empty-card", children: _jsx("strong", { children: l.noResultsLabel }) })) : (_jsx(SkillsTabRows, { tab: tab, disabledSkillIds: disabledSkillIds, onToggleEnabled: onToggleEnabled, locale: locale, labels: labels, agentHandle: agentHandle }))] }));
+}
+/** Search box, "New skill" button, and the source/mode/(category) selects. */
+function SkillsTabToolbar({ tab, labels: l, agentHandle, }) {
+    const { filters, categoryOptions } = tab;
+    return (_jsxs("div", { className: "jini-skills-toolbar", children: [_jsxs("div", { className: "jini-skills-toolbar-top", children: [_jsx("input", { type: "search", className: "jini-skills-search", placeholder: l.searchPlaceholder, value: filters.search, onChange: (event) => tab.setSearch(event.target.value), "aria-label": l.searchPlaceholder, ...agentHandleProps({}, { base: agentHandle, action: 'search', role: 'field', label: l.searchPlaceholder }) }), _jsxs("button", { type: "button", className: "jini-button jini-button-primary", onClick: tab.startCreate, "data-testid": "skills-new", ...agentHandleProps({}, { base: agentHandle, action: 'new', role: 'button', label: l.newSkillLabel }), children: [_jsx(Icon, { name: "plus", size: 13 }), _jsx("span", { children: l.newSkillLabel })] })] }), _jsxs("div", { className: "jini-skills-filter-selects", children: [_jsx(SkillFilterSelect, { label: l.sourceFilterLabel, allLabel: l.allLabel, value: filters.source, row: tab.sourceOptions, onChange: (value) => tab.setSourceFilter(value), action: "filter-source", agentHandle: agentHandle }), _jsx(SkillFilterSelect, { label: l.modeFilterLabel, allLabel: l.allLabel, value: filters.mode, row: tab.modeOptions, onChange: tab.setModeFilter, action: "filter-mode", agentHandle: agentHandle }), categoryOptions ? (_jsx(SkillFilterSelect, { label: l.categoryFilterLabel, allLabel: l.allLabel, value: filters.category, row: categoryOptions, onChange: tab.setCategoryFilter, action: "filter-category", agentHandle: agentHandle, formatValue: humanizeSkillCategory, testId: "skills-category-filters" })) : null] })] }));
+}
+const identity = (value) => value;
+/** One labelled filter `<select>`: an "All (n)" option then one per value. */
+function SkillFilterSelect({ label, allLabel, value, row, onChange, action, agentHandle, formatValue = identity, testId, }) {
+    return (_jsxs("label", { className: "jini-skills-filter-select", "data-testid": testId, children: [_jsx("span", { children: label }), _jsxs("select", { value: value, onChange: (event) => onChange(event.target.value), ...agentHandleProps({}, { base: agentHandle, action, role: 'field', label }), children: [_jsxs("option", { value: "all", children: [allLabel, " (", row.all, ")"] }), row.options.map(([optionValue, count]) => (_jsxs("option", { value: optionValue, children: [formatValue(optionValue), " (", count, ")"] }, optionValue)))] })] }));
+}
+/** One `SkillRow` per filtered skill, each with its own derived agent handle. */
+function SkillsTabRows({ tab, disabledSkillIds, onToggleEnabled, locale, labels, agentHandle, }) {
+    const { filteredSkills, draft, draftError, draftSaving } = tab;
     const rowHandles = agentHandle
         ? buildAgentListHandles({ prefix: agentSubHandle({ base: agentHandle, action: 'skill' }), ids: filteredSkills.map((skill) => skill.id) })
         : undefined;
-    return (_jsxs("section", { className: "jini-settings-section jini-settings-skills", children: [_jsxs("div", { className: "jini-skills-toolbar", children: [_jsxs("div", { className: "jini-skills-toolbar-top", children: [_jsx("input", { type: "search", className: "jini-skills-search", placeholder: searchPlaceholder, value: filters.search, onChange: (event) => setSearch(event.target.value), "aria-label": searchPlaceholder, ...agentHandleProps({}, { base: agentHandle, ...({ action: 'search', role: 'field', label: searchPlaceholder }) }) }), _jsxs("button", { type: "button", className: "jini-button jini-button-primary", onClick: startCreate, "data-testid": "skills-new", ...agentHandleProps({}, { base: agentHandle, ...({ action: 'new', role: 'button', label: newSkillLabel }) }), children: [_jsx(Icon, { name: "plus", size: 13 }), _jsx("span", { children: newSkillLabel })] })] }), _jsxs("div", { className: "jini-skills-filter-selects", children: [_jsxs("label", { className: "jini-skills-filter-select", children: [_jsx("span", { children: sourceFilterLabel }), _jsxs("select", { value: filters.source, onChange: (event) => setSourceFilter(event.target.value), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'filter-source', role: 'field', label: sourceFilterLabel }) }), children: [_jsxs("option", { value: "all", children: [allLabel, " (", sourceOptions.all, ")"] }), sourceOptions.options.map(([value, count]) => (_jsxs("option", { value: value, children: [value, " (", count, ")"] }, value)))] })] }), _jsxs("label", { className: "jini-skills-filter-select", children: [_jsx("span", { children: modeFilterLabel }), _jsxs("select", { value: filters.mode, onChange: (event) => setModeFilter(event.target.value), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'filter-mode', role: 'field', label: modeFilterLabel }) }), children: [_jsxs("option", { value: "all", children: [allLabel, " (", modeOptions.all, ")"] }), modeOptions.options.map(([value, count]) => (_jsxs("option", { value: value, children: [value, " (", count, ")"] }, value)))] })] }), categoryOptions ? (_jsxs("label", { className: "jini-skills-filter-select", "data-testid": "skills-category-filters", children: [_jsx("span", { children: categoryFilterLabel }), _jsxs("select", { value: filters.category, onChange: (event) => setCategoryFilter(event.target.value), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'filter-category', role: 'field', label: categoryFilterLabel }) }), children: [_jsxs("option", { value: "all", children: [allLabel, " (", categoryOptions.all, ")"] }), categoryOptions.options.map(([value, count]) => (_jsxs("option", { value: value, children: [humanizeSkillCategory(value), " (", count, ")"] }, value)))] })] })) : null] })] }), loadError ? (_jsx("div", { className: "jini-empty-card jini-empty-card-error", children: _jsx("strong", { children: loadErrorLabel }) })) : null, creating ? (_jsx(SkillDraftForm, { heading: newSkillLabel, draft: draft, onDraftChange: setDraft, error: draftError, saving: draftSaving, isEdit: false, onCancel: cancelDraft, onSubmit: submitDraft, labels: labels, ...(agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'create-form' }) } : {}) })) : null, !loading && filteredSkills.length === 0 ? (_jsx("div", { className: "jini-empty-card", children: _jsx("strong", { children: noResultsLabel }) })) : (_jsx("div", { className: "jini-skills-rows", "data-testid": "skills-list", children: filteredSkills.map((skill, index) => {
-                    const isExpanded = expandedId === skill.id;
-                    const isEditing = editingId === skill.id;
-                    return (_jsx(SkillRow, { ...(rowHandles?.[index] ? { agentHandle: rowHandles[index] } : {}), skill: skill, locale: locale, enabled: !disabledSkillIds.has(skill.id), expanded: isExpanded, editing: isEditing, body: bodyById[skill.id], bodyLoading: bodyLoadingId === skill.id, files: filesById[skill.id] ?? null, filesLoading: filesLoadingId === skill.id, confirmDelete: confirmDeleteId === skill.id, confirmBuiltInEdit: confirmBuiltInEditId === skill.id, draft: isEditing ? draft : null, draftError: isEditing ? draftError : null, draftSaving: isEditing && draftSaving, onDraftChange: setDraft, onToggleExpanded: () => toggleExpanded(skill.id), onToggleEnabled: (enabled) => onToggleEnabled(skill.id, enabled), onStartEdit: () => requestEdit(skill), onConfirmBuiltInEdit: confirmBuiltInEdit, onCancelBuiltInEdit: cancelBuiltInEdit, onArmDelete: () => armDelete(skill.id), onCancelDelete: cancelDelete, onCommitDelete: () => commitDelete(skill.id), onCancelEdit: cancelDraft, onSubmitEdit: submitDraft, labels: labels }, skill.id));
-                }) }))] }));
+    return (_jsx("div", { className: "jini-skills-rows", "data-testid": "skills-list", children: filteredSkills.map((skill, index) => {
+            const isEditing = tab.editingId === skill.id;
+            return (_jsx(SkillRow, { ...(rowHandles?.[index] ? { agentHandle: rowHandles[index] } : {}), skill: skill, locale: locale, enabled: !disabledSkillIds.has(skill.id), expanded: tab.expandedId === skill.id, editing: isEditing, body: tab.bodyById[skill.id], bodyLoading: tab.bodyLoadingId === skill.id, files: tab.filesById[skill.id] ?? null, filesLoading: tab.filesLoadingId === skill.id, confirmDelete: tab.confirmDeleteId === skill.id, confirmBuiltInEdit: tab.confirmBuiltInEditId === skill.id, draft: isEditing ? draft : null, draftError: isEditing ? draftError : null, draftSaving: isEditing && draftSaving, onDraftChange: tab.setDraft, onToggleExpanded: () => tab.toggleExpanded(skill.id), onToggleEnabled: (enabled) => onToggleEnabled(skill.id, enabled), onStartEdit: () => tab.requestEdit(skill), onConfirmBuiltInEdit: tab.confirmBuiltInEdit, onCancelBuiltInEdit: tab.cancelBuiltInEdit, onArmDelete: () => tab.armDelete(skill.id), onCancelDelete: tab.cancelDelete, onCommitDelete: () => tab.commitDelete(skill.id), onCancelEdit: tab.cancelDraft, onSubmitEdit: tab.submitDraft, labels: labels }, skill.id));
+        }) }));
 }
 //# sourceMappingURL=SkillsTab.js.map

package/dist/features/skills/react/components/SkillsTab.labels.d.ts

@@ -0,0 +1,7 @@
+import type { SkillsTabLabels } from './SkillsTab.js';
+/** The tab's own plain labels. `loadErrorLabel` is resolved separately in
+ *  `SkillsTab` because its default interpolates the load error. */
+export type ResolvedSkillsTabLabels = Required<Pick<SkillsTabLabels, 'searchPlaceholder' | 'newSkillLabel' | 'sourceFilterLabel' | 'modeFilterLabel' | 'categoryFilterLabel' | 'allLabel' | 'noResultsLabel'>>;
+/** Untranslated defaults for the tab's own labels; see `resolveLabels`. */
+export declare const DEFAULT_SKILLS_TAB_LABELS: ResolvedSkillsTabLabels;
+//# sourceMappingURL=SkillsTab.labels.d.ts.map

package/dist/features/skills/react/components/SkillsTab.labels.js

@@ -0,0 +1,11 @@
+/** Untranslated defaults for the tab's own labels; see `resolveLabels`. */
+export const DEFAULT_SKILLS_TAB_LABELS = {
+    searchPlaceholder: 'Search skills…',
+    newSkillLabel: 'New skill',
+    sourceFilterLabel: 'Source',
+    modeFilterLabel: 'Type',
+    categoryFilterLabel: 'Category',
+    allLabel: 'All',
+    noResultsLabel: 'No skills match these filters.',
+};
+//# sourceMappingURL=SkillsTab.labels.js.map

package/dist/features/skills/rules.js

@@ -31,7 +31,7 @@ export const EMPTY_SKILL_DRAFT = {
 /** The two origins the source filter offers explicitly. A host may report
  *  others (an org registry, a marketplace); those are counted under `all` and
  *  get no pill of their own, matching the origin's behaviour. */
-const KNOWN_SOURCES = ['all', 'user', 'built-in'];
+const KNOWN_SOURCES = ['user', 'built-in'];
 /**
  * The skill's name in `locale`, falling back to the untranslated `name`.
  *
@@ -116,26 +116,37 @@ export function filterSkills(skills, filters, locale) {
  */
 export function skillFilterOptions(skills, filters, locale, dimension) {
     const matching = skills.filter((skill) => skillMatchesFilters(skill, filters, locale, dimension));
-    if (dimension === 'source') {
-        const counts = new Map(KNOWN_SOURCES.filter((s) => s !== 'all').map((s) => [s, 0]));
-        for (const skill of matching) {
-            // `undefined` means an origin outside the known vocabulary (an org
-            // registry, a marketplace). Those are counted in `all` and get no pill.
-            // One lookup, not a `has` + `get` pair with an unreachable `?? 0`.
-            const current = counts.get(skill.source);
-            if (current !== undefined)
-                counts.set(skill.source, current + 1);
-        }
-        return {
-            all: matching.length,
-            options: [...counts.entries()]
-                .map(([value, count]) => [value, count])
-                .sort((a, b) => a[0].localeCompare(b[0])),
-        };
+    if (dimension === 'source')
+        return sourceFilterOptions({ matching });
+    return valueFilterOptions({ skills, matching, valueOf: dimension === 'mode' ? modeValue : categoryValue });
+}
+/** Sorted by value (`localeCompare`) so the pill row is stable across renders. */
+function sortedOptions(options) {
+    return options.sort((a, b) => a[0].localeCompare(b[0]));
+}
+/** The `source` pills: always the known vocabulary, counted over `matching`. */
+function sourceFilterOptions({ matching }) {
+    const counts = new Map(KNOWN_SOURCES.map((s) => [s, 0]));
+    for (const skill of matching) {
+        // `undefined` means an origin outside the known vocabulary (an org
+        // registry, a marketplace). Those are counted in `all` and get no pill.
+        // One lookup, not a `has` + `get` pair with an unreachable `?? 0`.
+        const current = counts.get(skill.source);
+        if (current !== undefined)
+            counts.set(skill.source, current + 1);
     }
-    // `mode` is required on every skill; `category` is optional, so a skill
-    // without one contributes to `all` but to no pill.
-    const valueOf = (skill) => dimension === 'mode' ? skill.mode : typeof skill.category === 'string' && skill.category ? skill.category : null;
+    return {
+        all: matching.length,
+        options: sortedOptions([...counts.entries()].map(([value, count]) => [value, count])),
+    };
+}
+// `mode` is required on every skill; `category` is optional, so a skill
+// without one contributes to `all` but to no pill.
+const modeValue = (skill) => skill.mode;
+const categoryValue = (skill) => typeof skill.category === 'string' && skill.category ? skill.category : null;
+/** The data-derived pills (`mode`, `category`): option SET from every skill,
+ *  COUNTS from `matching` — see `skillFilterOptions`. */
+function valueFilterOptions({ skills, matching, valueOf, }) {
     const values = new Set();
     for (const skill of skills) {
         const value = valueOf(skill);
@@ -151,9 +162,7 @@ export function skillFilterOptions(skills, filters, locale, dimension) {
     }
     return {
         all: matching.length,
-        options: [...values]
-            .map((value) => [value, counts.get(value) ?? 0])
-            .sort((a, b) => a[0].localeCompare(b[0])),
+        options: sortedOptions([...values].map((value) => [value, counts.get(value) ?? 0])),
     };
 }
 /**

package/dist/features/source-config-list/agent-handles.js

@@ -146,6 +146,7 @@ export function sourceConfigAgentProps(base, options) {
     if (base === undefined)
         return {};
     const handle = options.action === undefined ? base : sourceConfigActionHandle(base, options.action);
-    return agentHandle({ handle: handle }, { ...(options.role === undefined ? {} : { role: options.role }), ...(options.label === undefined ? {} : { label: options.label }) });
+    // `role` and `label` are required by SourceConfigAgentPropsOptions, so both are always forwarded.
+    return agentHandle({ handle: handle }, { role: options.role, label: options.label });
 }
 //# sourceMappingURL=agent-handles.js.map

package/dist/features/source-config-list/dependencies.js

@@ -1,8 +1,58 @@
+function createDelay({ latencyMs }) {
+    return (value) => latencyMs > 0 ? new Promise((resolve) => setTimeout(() => resolve(value), latencyMs)) : Promise.resolve(value);
+}
+/**
+ * Replaces the stored source with `id` by `transform(current)`; resolves
+ * `null` (and leaves the store untouched) when no source has that id.
+ */
+function replaceById({ fake: { store, delay }, id, transform, }) {
+    const index = store.findIndex((source) => source.id === id);
+    if (index === -1)
+        return delay(null);
+    const updated = transform(store[index]);
+    store[index] = updated;
+    return delay(updated);
+}
+/** The default `onUpdate`: `fields` merged key-by-key, `label`/`enabled` replaced only when the patch carries them. */
+function mergeSourcePatch(current, patch) {
+    return {
+        ...current,
+        ...(patch.label !== undefined ? { label: patch.label } : {}),
+        ...(patch.enabled !== undefined ? { enabled: patch.enabled } : {}),
+        ...(patch.fields !== undefined ? { fields: { ...current.fields, ...patch.fields } } : {}),
+    };
+}
+const DEFAULT_TEST_RESULT = { ok: true, message: 'Connection ok.', latencyMs: 0 };
+function createTestSource({ store, delay }, { onTest }) {
+    return (id, draft) => {
+        const source = id === undefined ? undefined : store.find((s) => s.id === id);
+        return delay(onTest ? onTest(id, draft, source) : { ...DEFAULT_TEST_RESULT });
+    };
+}
+/** Wires the optional refresh/trust/test/update capabilities each `supports*` flag enables (all default to true). */
+function wireOptionalCapabilities({ port, fake, options, }) {
+    if (options.supportsRefresh ?? true) {
+        const onRefresh = options.onRefresh ?? ((source) => source);
+        port.refreshSource = (id) => replaceById({ fake, id, transform: onRefresh });
+    }
+    if (options.supportsTrust ?? true) {
+        port.setTrust = (id, trust) => replaceById({ fake, id, transform: (current) => ({ ...current, trust }) });
+    }
+    wireTestAndUpdate({ port, fake, options });
+}
+function wireTestAndUpdate({ port, fake, options, }) {
+    if (options.supportsTest ?? true) {
+        port.testSource = createTestSource(fake, options);
+    }
+    if (options.supportsUpdate ?? true) {
+        const onUpdate = options.onUpdate ?? mergeSourcePatch;
+        port.updateSource = (id, patch) => replaceById({ fake, id, transform: (current) => onUpdate(current, patch) });
+    }
+}
 /** An in-memory test double good enough for demos and for driving this feature's own hook/component tests. */
 export function createFakeSourceConfigPort(options) {
     const store = options.sources ? [...options.sources] : [];
-    const latencyMs = options.latencyMs ?? 0;
-    const delay = (value) => latencyMs > 0 ? new Promise((resolve) => setTimeout(() => resolve(value), latencyMs)) : Promise.resolve(value);
+    const delay = createDelay({ latencyMs: options.latencyMs ?? 0 });
     const port = {
         fetchSources() {
             return delay([...store]);
@@ -20,53 +70,7 @@ export function createFakeSourceConfigPort(options) {
             return delay(true);
         },
     };
-    if (options.supportsRefresh ?? true) {
-        port.refreshSource = (id) => {
-            const index = store.findIndex((source) => source.id === id);
-            if (index === -1)
-                return delay(null);
-            const current = store[index];
-            const refreshed = (options.onRefresh ?? ((source) => source))(current);
-            store[index] = refreshed;
-            return delay(refreshed);
-        };
-    }
-    if (options.supportsTrust ?? true) {
-        port.setTrust = (id, trust) => {
-            const index = store.findIndex((source) => source.id === id);
-            if (index === -1)
-                return delay(null);
-            const updated = { ...store[index], trust };
-            store[index] = updated;
-            return delay(updated);
-        };
-    }
-    if (options.supportsTest ?? true) {
-        port.testSource = (id, draft) => {
-            const source = id === undefined ? undefined : store.find((s) => s.id === id);
-            const defaultResult = { ok: true, message: 'Connection ok.', latencyMs: 0 };
-            const result = options.onTest ? options.onTest(id, draft, source) : defaultResult;
-            return delay(result);
-        };
-    }
-    if (options.supportsUpdate ?? true) {
-        port.updateSource = (id, patch) => {
-            const index = store.findIndex((source) => source.id === id);
-            if (index === -1)
-                return delay(null);
-            const current = store[index];
-            const updated = options.onUpdate
-                ? options.onUpdate(current, patch)
-                : {
-                    ...current,
-                    ...(patch.label !== undefined ? { label: patch.label } : {}),
-                    ...(patch.enabled !== undefined ? { enabled: patch.enabled } : {}),
-                    ...(patch.fields !== undefined ? { fields: { ...current.fields, ...patch.fields } } : {}),
-                };
-            store[index] = updated;
-            return delay(updated);
-        };
-    }
+    wireOptionalCapabilities({ port, fake: { store, delay }, options });
     return port;
 }
 export function createFakeSourceConfigDependencies(options) {

package/dist/features/source-config-list/index.d.ts

@@ -4,7 +4,7 @@ export { MASK_CHAR, MASKED_VALUE_MIN_MASK_LENGTH, MASKED_VALUE_VISIBLE_SUFFIX_LE
 export { createFakeSourceConfigDependencies, createFakeSourceConfigPort, type FakeSourceConfigPortOptions, } from './dependencies.js';
 export type { SourceConfigDependencies, SourceConfigPort } from './ports.js';
 export { emptySourceDraft, isActionPending, issueForField, maskFieldValue, pendingActionKey, removeSourceById, sourceDisplayLabel, updateSourceById, upsertSourceById, validateSourceDraft, withoutPendingAction, withPendingAction, } from './rules.js';
-export type { AddSourceInput, AddSourceResult, SourceActionKind, SourceConfigItem, SourceConnectionStatus, SourceDraftIssue, SourceDraftValidation, SourceFieldKind, SourceFieldOption, SourceFieldSpec, SourceFieldValues, SourceTestResult, SourceTrustOption, } from './types.js';
+export type { AddSourceInput, AddSourceResult, SourceActionKind, SourceConfigItem, SourceConnectionStatus, SourceDraftIssue, SourceDraftValidation, SourceFieldKind, SourceFieldOption, SourceFieldSpec, SourceFieldValues, SourceTestResult, SourceTrustOption, SourceTrustSelectorProps, } from './types.js';
 export { useSourceConfigList, useWiredSourceConfigList } from './react/hooks/useSourceConfigList.js';
 export type { SourceConfigListCapabilities, SourceConfigListController, UseSourceConfigListParams, UseWiredSourceConfigListParams, } from './react/hooks/useSourceConfigList.js';
 export { useSourceConfigAddForm, useWiredSourceConfigAddForm } from './react/hooks/useSourceConfigAddForm.js';
@@ -14,9 +14,9 @@ export type { SourceConfigFieldProps } from './react/components/SourceConfigFiel
 export { SourceConfigTestControl } from './react/components/SourceConfigTestControl.js';
 export type { SourceConfigTestControlProps } from './react/components/SourceConfigTestControl.js';
 export { SourceConfigAddForm } from './react/components/SourceConfigAddForm.js';
-export type { SourceConfigAddFormProps } from './react/components/SourceConfigAddForm.js';
+export type { SourceConfigAddFormBaseProps, SourceConfigAddFormProps } from './react/components/SourceConfigAddForm.js';
 export { SourceConfigItemCard } from './react/components/SourceConfigItemCard.js';
-export type { SourceConfigItemCardProps } from './react/components/SourceConfigItemCard.js';
+export type { SourceConfigItemCardBaseProps, SourceConfigItemCardProps } from './react/components/SourceConfigItemCard.js';
 export { SourceConfigListView } from './react/components/SourceConfigListView.js';
 export type { SourceConfigListViewProps } from './react/components/SourceConfigListView.js';
 export { SourceConfigList } from './react/components/SourceConfigList.js';

package/dist/features/source-config-list/react/components/SourceConfigAddForm.d.ts

@@ -1,7 +1,7 @@
-import type { SourceDraftValidation, SourceFieldSpec, SourceFieldValues, SourceTestResult, SourceTrustOption } from '../../types.js';
-export interface SourceConfigAddFormProps {
+import type { SourceDraftValidation, SourceFieldSpec, SourceFieldValues, SourceTestResult, SourceTrustSelectorProps } from '../../types.js';
+/** Every add-form prop except the trust selector's pair (see {@link SourceTrustSelectorProps}). */
+export interface SourceConfigAddFormBaseProps {
     fieldSpecs: readonly SourceFieldSpec[];
-    trustOptions?: readonly SourceTrustOption[];
     values: SourceFieldValues;
     trust?: string | undefined;
     validation: SourceDraftValidation;
@@ -10,7 +10,6 @@ export interface SourceConfigAddFormProps {
     submitError?: string | null | undefined;
     addLabel?: string;
     onFieldChange: (key: string, value: string) => void;
-    onTrustChange: (value: string) => void;
     onSubmit: () => void;
     /**
      * Test-before-save (the origin BYOK `EntryShell.tsx`/`ByokConnectionTestControl`
@@ -44,6 +43,8 @@ export interface SourceConfigAddFormProps {
     /** Cancel button copy, translated. Defaults to `'Cancel'`. */
     cancelLabel?: string;
 }
+/** `onTrustChange` is required only together with `trustOptions` — see {@link SourceTrustSelectorProps}. */
+export type SourceConfigAddFormProps = SourceConfigAddFormBaseProps & SourceTrustSelectorProps;
 /**
  * The "add a source" form: one `SourceConfigField` per host-supplied field
  * spec, an optional trust selector (rendered only when `trustOptions` is
@@ -71,5 +72,5 @@ export interface SourceConfigAddFormProps {
  * caller's next `page.find_elements` sees them, because that verb re-queries
  * the DOM rather than replaying an earlier snapshot.
  */
-export declare function SourceConfigAddForm({ fieldSpecs, trustOptions, values, trust, validation, submitAttempted, submitting, submitError, addLabel, onFieldChange, onTrustChange, onSubmit, canTest, testing, testResult, onTest, agentHandle, onCancel, cancelLabel, }: SourceConfigAddFormProps): import("react").JSX.Element;
+export declare function SourceConfigAddForm(props: SourceConfigAddFormProps): import("react").JSX.Element;
 //# sourceMappingURL=SourceConfigAddForm.d.ts.map

package/dist/features/source-config-list/react/components/SourceConfigAddForm.js

@@ -4,6 +4,7 @@ import { sourceConfigActionHandle, sourceConfigAgentProps, sourceConfigFieldHand
 import { issueForField } from '../../rules.js';
 import { SourceConfigField } from './SourceConfigField.js';
 import { SourceConfigTestControl } from './SourceConfigTestControl.js';
+import { SourceConfigTrustOptions } from './SourceConfigTrustOptions.js';
 /**
  * The "add a source" form: one `SourceConfigField` per host-supplied field
  * spec, an optional trust selector (rendered only when `trustOptions` is
@@ -31,17 +32,47 @@ import { SourceConfigTestControl } from './SourceConfigTestControl.js';
  * caller's next `page.find_elements` sees them, because that verb re-queries
  * the DOM rather than replaying an earlier snapshot.
  */
-export function SourceConfigAddForm({ fieldSpecs, trustOptions, values, trust, validation, submitAttempted, submitting, submitError, addLabel, onFieldChange, onTrustChange, onSubmit, canTest = false, testing = false, testResult, onTest, agentHandle, onCancel, cancelLabel, }) {
+export function SourceConfigAddForm(props) {
+    const { addLabel, onSubmit, agentHandle, submitError } = props;
     const t = useT();
     const submitLabel = addLabel ? t(addLabel) : t('Add source');
-    const trustLabel = t('Trust level');
-    const submitButton = (_jsx("button", { type: "submit", className: "source-config-add-form-submit", disabled: submitting, ...sourceConfigAgentProps(agentHandle, { role: 'button', label: submitLabel, action: 'submit' }), children: submitting ? t('Adding…') : submitLabel }));
     return (_jsxs("form", { className: "source-config-add-form", ...sourceConfigAgentProps(agentHandle, { role: 'form', label: submitLabel }), onSubmit: (event) => {
             event.preventDefault();
             onSubmit();
-        }, children: [fieldSpecs.map((spec) => {
-                const issue = submitAttempted ? issueForField(validation, spec.key) : undefined;
-                return (_jsx(SourceConfigField, { spec: spec, value: values[spec.key] ?? '', disabled: submitting, onChange: (value) => onFieldChange(spec.key, value), ...(issue ? { error: t(issue.message, { label: t(spec.label) }) } : {}), ...(agentHandle ? { agentHandle: sourceConfigFieldHandle(agentHandle, spec.key) } : {}) }, spec.key));
-            }), trustOptions && trustOptions.length > 0 ? (_jsxs("label", { className: "source-config-field", htmlFor: "source-config-add-form-trust", children: [_jsx("span", { className: "source-config-field-label", children: trustLabel }), _jsxs("select", { id: "source-config-add-form-trust", value: trust ?? '', disabled: submitting, "aria-label": trustLabel, ...sourceConfigAgentProps(agentHandle, { role: 'field', label: trustLabel, action: 'trust' }), onChange: (event) => onTrustChange(event.target.value), children: [!trust ? (_jsx("option", { value: "", disabled: true, hidden: true, children: t('Select…') })) : null, trustOptions.map((option) => (_jsx("option", { value: option.value, children: t(option.label) }, option.value)))] })] })) : null, canTest && onTest ? (_jsx(SourceConfigTestControl, { running: testing, disabled: submitting || !validation.ok, onTest: onTest, ...(testResult ? { result: testResult } : {}), ...(agentHandle ? { agentHandle: sourceConfigActionHandle(agentHandle, 'test') } : {}) })) : null, submitError ? (_jsx("div", { className: "source-config-add-form-error", role: "alert", children: t(submitError) })) : null, onCancel ? (_jsxs("div", { className: "source-config-add-form-actions", children: [submitButton, _jsx("button", { type: "button", className: "source-config-add-form-cancel", disabled: submitting, ...sourceConfigAgentProps(agentHandle, { role: 'button', label: t(cancelLabel ?? 'Cancel'), action: 'cancel' }), onClick: onCancel, children: t(cancelLabel ?? 'Cancel') })] })) : (submitButton)] }));
+        }, children: [_jsx(AddFormFields, { ...props }), _jsx(AddFormTrustSelect, { ...props }), _jsx(AddFormTestControl, { ...props }), submitError ? (_jsx("div", { className: "source-config-add-form-error", role: "alert", children: t(submitError) })) : null, _jsx(AddFormActions, { ...props, submitLabel: submitLabel })] }));
+}
+/** One `SourceConfigField` per spec; a field's error only shows once a submit has been attempted. */
+function AddFormFields({ fieldSpecs, values, validation, submitAttempted, submitting, onFieldChange, agentHandle }) {
+    const t = useT();
+    return fieldSpecs.map((spec) => {
+        const issue = submitAttempted ? issueForField(validation, spec.key) : undefined;
+        return (_jsx(SourceConfigField, { spec: spec, value: values[spec.key] ?? '', disabled: submitting, onChange: (value) => onFieldChange(spec.key, value), ...(issue ? { error: t(issue.message, { label: t(spec.label) }) } : {}), ...(agentHandle ? { agentHandle: sourceConfigFieldHandle(agentHandle, spec.key) } : {}) }, spec.key));
+    });
+}
+/** Rendered only when `trustOptions` is non-empty — the origin MCP-server shape has no trust concept at all. */
+function AddFormTrustSelect(props) {
+    const t = useT();
+    // Narrow on `props` itself (not a destructured copy) so the non-empty `trustOptions` check also
+    // proves `onTrustChange` present — the `SourceTrustSelectorProps` union binds the two.
+    if (!props.trustOptions || props.trustOptions.length === 0)
+        return null;
+    const { trustOptions, trust, submitting, onTrustChange, agentHandle } = props;
+    const trustLabel = t('Trust level');
+    return (_jsxs("label", { className: "source-config-field", htmlFor: "source-config-add-form-trust", children: [_jsx("span", { className: "source-config-field-label", children: trustLabel }), _jsx("select", { id: "source-config-add-form-trust", value: trust ?? '', disabled: submitting, "aria-label": trustLabel, ...sourceConfigAgentProps(agentHandle, { role: 'field', label: trustLabel, action: 'trust' }), onChange: (event) => onTrustChange(event.target.value), children: _jsx(SourceConfigTrustOptions, { trust: trust, trustOptions: trustOptions }) })] }));
+}
+/** Test-before-save: only when the host can test (`canTest`) and wired `onTest`; disabled while the draft is invalid. */
+function AddFormTestControl({ canTest = false, onTest, testing = false, submitting, validation, testResult, agentHandle }) {
+    if (!canTest || !onTest)
+        return null;
+    return (_jsx(SourceConfigTestControl, { running: testing, disabled: submitting || !validation.ok, onTest: onTest, ...(testResult ? { result: testResult } : {}), ...(agentHandle ? { agentHandle: sourceConfigActionHandle(agentHandle, 'test') } : {}) }));
+}
+/** The submit button alone, or wrapped beside a Cancel button when `onCancel` is given. */
+function AddFormActions({ submitting, agentHandle, onCancel, cancelLabel, submitLabel }) {
+    const t = useT();
+    const submitButton = (_jsx("button", { type: "submit", className: "source-config-add-form-submit", disabled: submitting, ...sourceConfigAgentProps(agentHandle, { role: 'button', label: submitLabel, action: 'submit' }), children: submitting ? t('Adding…') : submitLabel }));
+    if (!onCancel)
+        return submitButton;
+    const resolvedCancelLabel = t(cancelLabel ?? 'Cancel');
+    return (_jsxs("div", { className: "source-config-add-form-actions", children: [submitButton, _jsx("button", { type: "button", className: "source-config-add-form-cancel", disabled: submitting, ...sourceConfigAgentProps(agentHandle, { role: 'button', label: resolvedCancelLabel, action: 'cancel' }), onClick: onCancel, children: resolvedCancelLabel })] }));
 }
 //# sourceMappingURL=SourceConfigAddForm.js.map

package/dist/features/source-config-list/react/components/SourceConfigField.js

@@ -36,6 +36,33 @@ import { maskFieldValue } from '../../rules.js';
  */
 export function SourceConfigField({ spec, value, error, disabled = false, idPrefix = 'source-config-field', agentHandle, onChange }) {
     const t = useT();
+    const { revealed, toggleRevealed, isLockedSecret } = useSecretReveal({ kind: spec.kind, value });
+    const inputId = `${idPrefix}-${spec.key}`;
+    const errorId = error ? `${inputId}-error` : undefined;
+    const fieldLabel = t(spec.label);
+    const shared = {
+        disabled,
+        'aria-invalid': Boolean(error) || undefined,
+        'aria-describedby': errorId,
+        ...sourceConfigAgentProps(agentHandle, { role: 'field', label: fieldLabel }),
+        onChange: (event) => onChange(event.target.value),
+    };
+    // Labelled by the field it reveals, not by the live "Show"/"Hide" on its face: an agent label is
+    // stable page ontology, so it must not flip every time the toggle is clicked.
+    const revealAgentProps = sourceConfigAgentProps(agentHandle, {
+        role: 'button',
+        label: t('Show or hide {label}', { label: fieldLabel }),
+        action: 'reveal',
+    });
+    const reveal = { revealed, disabled, agentProps: revealAgentProps, onToggle: toggleRevealed };
+    return (_jsxs("label", { className: "source-config-field", htmlFor: inputId, children: [_jsxs("span", { className: "source-config-field-label", children: [fieldLabel, spec.required ? (_jsx("span", { className: "source-config-field-required", "aria-label": t('required'), children: "*" })) : null] }), _jsx(SourceConfigFieldControl, { spec: spec, value: value, inputId: inputId, shared: shared, reveal: reveal, isLockedSecret: isLockedSecret }), error ? (_jsx("span", { id: errorId, className: "source-config-field-error", role: "alert", children: error })) : null] }));
+}
+/**
+ * The `password`/`secret-textarea` show-hide state. The toggle is small local
+ * disclosure state (per the vertical-slice guardrail allowing that in a leaf
+ * component).
+ */
+function useSecretReveal({ kind, value }) {
     const [revealed, setRevealed] = useState(false);
     // Whether THIS mount ever had a pre-existing secret to protect, captured
     // once rather than recomputed from `value` on every render. A plain
@@ -46,7 +73,7 @@ export function SourceConfigField({ spec, value, error, disabled = false, idPref
     // up. A ref survives across renders without itself triggering one, so it
     // can be flipped on (below, in the empty-value effect) without disturbing
     // in-progress typing.
-    const hadStoredSecretRef = useRef(spec.kind === 'secret-textarea' && Boolean(value));
+    const hadStoredSecretRef = useRef(kind === 'secret-textarea' && Boolean(value));
     // Re-hide as soon as the field empties. The add form clears its values after a
     // successful submit but keeps this component mounted, so a `revealed` left on
     // from the previous entry meant the NEXT credential was typed into a visible
@@ -64,33 +91,50 @@ export function SourceConfigField({ spec, value, error, disabled = false, idPref
             hadStoredSecretRef.current = false;
         }
     }, [value]);
-    const inputId = `${idPrefix}-${spec.key}`;
-    const errorId = error ? `${inputId}-error` : undefined;
-    const placeholder = spec.placeholder ? t(spec.placeholder) : undefined;
     // Gate (mask + block direct typing) only when there is an actual stored
     // secret still un-revealed. A field with nothing to protect — first-time
     // entry, or one already cleared out — is immediately editable, no
     // "Show"/reveal click required.
-    const isLockedSecret = spec.kind === 'secret-textarea' && hadStoredSecretRef.current && !revealed;
-    const fieldLabel = t(spec.label);
-    const controlAgentProps = sourceConfigAgentProps(agentHandle, { role: 'field', label: fieldLabel });
-    // Labelled by the field it reveals, not by the live "Show"/"Hide" on its face: an agent label is
-    // stable page ontology, so it must not flip every time the toggle is clicked.
-    const revealAgentProps = sourceConfigAgentProps(agentHandle, {
-        role: 'button',
-        label: t('Show or hide {label}', { label: fieldLabel }),
-        action: 'reveal',
-    });
-    return (_jsxs("label", { className: "source-config-field", htmlFor: inputId, children: [_jsxs("span", { className: "source-config-field-label", children: [fieldLabel, spec.required ? (_jsx("span", { className: "source-config-field-required", "aria-label": t('required'), children: "*" })) : null] }), spec.kind === 'select' ? (_jsxs("select", { id: inputId, value: value, disabled: disabled, "aria-invalid": Boolean(error) || undefined, "aria-describedby": errorId, ...controlAgentProps, onChange: (event) => onChange(event.target.value), children: [_jsx("option", { value: "", disabled: true, hidden: true, children: placeholder ?? t('Select…') }), (spec.options ?? []).map((option) => (_jsx("option", { value: option.value, children: t(option.label) }, option.value)))] })) : spec.kind === 'textarea' || spec.kind === 'secret-textarea' ? (_jsxs("span", { className: "source-config-field-row", children: [_jsx("textarea", { id: inputId, value: isLockedSecret ? maskFieldValue(spec.kind, value) : value, placeholder: placeholder, 
-                        // A masked textarea must not be typed into — the visible text is not
-                        // the real value, so an edit would commit the mask characters.
-                        // Revealing is the way in, exactly like the password field. Only
-                        // applies when there is a stored secret to protect — see
-                        // `isLockedSecret`.
-                        readOnly: isLockedSecret, disabled: disabled, "aria-invalid": Boolean(error) || undefined, "aria-describedby": errorId, ...controlAgentProps, onChange: (event) => onChange(event.target.value) }), spec.kind === 'secret-textarea' ? (_jsx("button", { type: "button", className: "source-config-field-toggle", disabled: disabled, ...revealAgentProps, onClick: () => setRevealed((current) => !current), title: revealed ? t('Hide') : t('Show'), children: revealed ? t('Hide') : t('Show') })) : null] })) : spec.kind === 'password' ? (_jsxs("span", { className: "source-config-field-row", children: [_jsx("input", { id: inputId, type: revealed ? 'text' : 'password', 
-                        // `new-password`, NOT `off`: Chrome deliberately ignores `off` and fills a saved site
-                        // login into the first password input it finds (and the text input above it as the
-                        // username). A source's credential is never the operator's own login.
-                        autoComplete: "new-password", value: value, placeholder: placeholder, disabled: disabled, "aria-invalid": Boolean(error) || undefined, "aria-describedby": errorId, ...controlAgentProps, onChange: (event) => onChange(event.target.value) }), _jsx("button", { type: "button", className: "source-config-field-toggle", disabled: disabled, ...revealAgentProps, onClick: () => setRevealed((current) => !current), title: revealed ? t('Hide') : t('Show'), children: revealed ? t('Hide') : t('Show') })] })) : (_jsx("input", { id: inputId, type: spec.kind === 'url' ? 'url' : 'text', value: value, placeholder: placeholder, disabled: disabled, "aria-invalid": Boolean(error) || undefined, "aria-describedby": errorId, ...controlAgentProps, onChange: (event) => onChange(event.target.value) })), error ? (_jsx("span", { id: errorId, className: "source-config-field-error", role: "alert", children: error })) : null] }));
+    const isLockedSecret = kind === 'secret-textarea' && hadStoredSecretRef.current && !revealed;
+    return { revealed, toggleRevealed: () => setRevealed((current) => !current), isLockedSecret };
+}
+/** Picks the control for `spec.kind`: a select, a (secret-)textarea, a password input, or a plain text/url input. */
+function SourceConfigFieldControl(props) {
+    const t = useT();
+    const { spec, value, inputId, shared } = props;
+    const placeholder = spec.placeholder ? t(spec.placeholder) : undefined;
+    if (spec.kind === 'select')
+        return _jsx(SelectControl, { spec: spec, value: value, inputId: inputId, shared: shared, placeholder: placeholder });
+    if (spec.kind === 'textarea' || spec.kind === 'secret-textarea')
+        return _jsx(TextareaControl, { ...props, placeholder: placeholder });
+    if (spec.kind === 'password')
+        return _jsx(PasswordControl, { ...props, placeholder: placeholder });
+    return _jsx("input", { id: inputId, type: spec.kind === 'url' ? 'url' : 'text', value: value, placeholder: placeholder, ...shared });
+}
+function SelectControl({ spec, value, inputId, shared, placeholder, }) {
+    const t = useT();
+    return (_jsxs("select", { id: inputId, value: value, ...shared, children: [_jsx("option", { value: "", disabled: true, hidden: true, children: placeholder ?? t('Select…') }), (spec.options ?? []).map((option) => (_jsx("option", { value: option.value, children: t(option.label) }, option.value)))] }));
+}
+function TextareaControl({ spec, value, inputId, shared, reveal, isLockedSecret, placeholder }) {
+    return (_jsxs("span", { className: "source-config-field-row", children: [_jsx("textarea", { id: inputId, value: isLockedSecret ? maskFieldValue(spec.kind, value) : value, placeholder: placeholder, 
+                // A masked textarea must not be typed into — the visible text is not
+                // the real value, so an edit would commit the mask characters.
+                // Revealing is the way in, exactly like the password field. Only
+                // applies when there is a stored secret to protect — see
+                // `isLockedSecret`.
+                readOnly: isLockedSecret, ...shared }), spec.kind === 'secret-textarea' ? _jsx(RevealToggle, { ...reveal }) : null] }));
+}
+function PasswordControl({ value, inputId, shared, reveal, placeholder }) {
+    return (_jsxs("span", { className: "source-config-field-row", children: [_jsx("input", { id: inputId, type: reveal.revealed ? 'text' : 'password', 
+                // `new-password`, NOT `off`: Chrome deliberately ignores `off` and fills a saved site
+                // login into the first password input it finds (and the text input above it as the
+                // username). A source's credential is never the operator's own login.
+                autoComplete: "new-password", value: value, placeholder: placeholder, ...shared }), _jsx(RevealToggle, { ...reveal })] }));
+}
+/** The `password`/`secret-textarea` Show/Hide button. */
+function RevealToggle({ revealed, disabled, agentProps, onToggle }) {
+    const t = useT();
+    const label = revealed ? t('Hide') : t('Show');
+    return (_jsx("button", { type: "button", className: "source-config-field-toggle", disabled: disabled, ...agentProps, onClick: onToggle, title: label, children: label }));
 }
 //# sourceMappingURL=SourceConfigField.js.map