@jini-ai/ui 0.6.15 → 0.6.16

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @jini-ai/ui
 
+## 0.6.16
+
+### Minor Changes
+
+- Remove the GitHub Copilot CLI agent: its def, `createCopilotStreamHandler`/`CopilotStreamEvent`,
+  account model discovery and the `@github/copilot-sdk` optional peer, the MCP installer's `copilot`
+  slug, and its icon. A saved `copilot` agent id no longer resolves (`getAgentDef` returns `null`).
+  CopilotKit/AG-UI is unrelated and unchanged.
+
+  Drop peers no runtime entry loads: `express` from core and http-kit (type-only imports; type
+  consumers keep `@types/express`), `vue` from ui-kit, `react-dom` from vibecoding.
+
 ## 0.6.13
 
 ### Patch Changes

package/dist/core.d.ts

@@ -9,7 +9,7 @@ export { DEFAULT_FAILURE_SOUND_ID, DEFAULT_SUCCESS_SOUND_ID, FAILURE_SOUNDS, SUC
 export type { AboutUpdateControl, AboutUpdatePrimaryAction, AboutUpdateTone, AppVersionInfo, SilentUpdatesState, UpdateKind, UpdaterDownloadProgress, UpdaterEnvironment, UpdaterModel, UpdaterState, UpdaterStatus, } from './features/about/types.js';
 export { ABOUT_UPDATE_KEYS, beginSilentUpdatesWrite, deriveAboutUpdateControl, isAboutUpdateActionDisabled, resolveSilentUpdatesWriteFailure, resolveSilentUpdatesWriteSuccess, } from './features/about/rules.js';
 export type { SettingsThemeChoice } from './features/appearance/types.js';
-export { THEME_OPTIONS, DEFAULT_ACCENT_COLOR, ACCENT_SWATCHES } from './features/appearance/constants.js';
+export { THEME_OPTIONS, DEFAULT_ACCENT_COLOR, ACCENT_SWATCHES, ACCENT_SWATCH_PRESETS } from './features/appearance/constants.js';
 export type { ThemeOption } from './features/appearance/constants.js';
 export { normalizeAccentColor, resolveAccentColor, accentVars } from './features/appearance/rules.js';
 export type { AccentCssVars } from './features/appearance/rules.js';

package/dist/core.js

@@ -17,7 +17,7 @@ export { randomUUID } from './utils/uuid.js';
 export { isAllowedEndpointUrl, isBlockedEndpointHost, isLoopbackEndpointHost, } from './utils/endpoint-policy.js';
 export { DEFAULT_FAILURE_SOUND_ID, DEFAULT_SUCCESS_SOUND_ID, FAILURE_SOUNDS, SUCCESS_SOUNDS, } from './features/notifications/notifications-catalog.js';
 export { ABOUT_UPDATE_KEYS, beginSilentUpdatesWrite, deriveAboutUpdateControl, isAboutUpdateActionDisabled, resolveSilentUpdatesWriteFailure, resolveSilentUpdatesWriteSuccess, } from './features/about/rules.js';
-export { THEME_OPTIONS, DEFAULT_ACCENT_COLOR, ACCENT_SWATCHES } from './features/appearance/constants.js';
+export { THEME_OPTIONS, DEFAULT_ACCENT_COLOR, ACCENT_SWATCHES, ACCENT_SWATCH_PRESETS } from './features/appearance/constants.js';
 export { normalizeAccentColor, resolveAccentColor, accentVars } from './features/appearance/rules.js';
 // --- connectors ---
 // Full surface of the connectors domain logic. `export *` rather than a hand-listed set,

package/dist/features/appearance/constants.d.ts

@@ -12,5 +12,32 @@ export declare const THEME_OPTIONS: ThemeOption[];
 /** Neutral default accent — hosts are expected to override via their own
  *  config/branding; this only guarantees the CSS vars are always set. */
 export declare const DEFAULT_ACCENT_COLOR: string;
-export declare const ACCENT_SWATCHES: readonly [string, "#c96442", "#7c3aed", "#059669", "#dc2626", "#d97706", "#0891b2", "#db2777"];
+/** One owner for each preset's color and English translation key. Hosts supply translations. */
+export declare const ACCENT_SWATCH_PRESETS: readonly [{
+    readonly color: string;
+    readonly nameKey: "Charcoal";
+}, {
+    readonly color: "#c96442";
+    readonly nameKey: "Clay";
+}, {
+    readonly color: "#7c3aed";
+    readonly nameKey: "Violet";
+}, {
+    readonly color: "#059669";
+    readonly nameKey: "Green";
+}, {
+    readonly color: "#dc2626";
+    readonly nameKey: "Red";
+}, {
+    readonly color: "#d97706";
+    readonly nameKey: "Amber";
+}, {
+    readonly color: "#0891b2";
+    readonly nameKey: "Teal";
+}, {
+    readonly color: "#db2777";
+    readonly nameKey: "Pink";
+}];
+/** Keep the existing string palette API for hosts that compose their own swatch lists. */
+export declare const ACCENT_SWATCHES: readonly string[];
 //# sourceMappingURL=constants.d.ts.map

package/dist/features/appearance/constants.js

@@ -11,14 +11,17 @@ export const THEME_OPTIONS = [
 /** Neutral default accent — hosts are expected to override via their own
  *  config/branding; this only guarantees the CSS vars are always set. */
 export const DEFAULT_ACCENT_COLOR = defaultAdminTheme.light.primary;
-export const ACCENT_SWATCHES = [
-    DEFAULT_ACCENT_COLOR,
-    '#c96442',
-    '#7c3aed',
-    '#059669',
-    '#dc2626',
-    '#d97706',
-    '#0891b2',
-    '#db2777',
+/** One owner for each preset's color and English translation key. Hosts supply translations. */
+export const ACCENT_SWATCH_PRESETS = [
+    { color: DEFAULT_ACCENT_COLOR, nameKey: 'Charcoal' },
+    { color: '#c96442', nameKey: 'Clay' },
+    { color: '#7c3aed', nameKey: 'Violet' },
+    { color: '#059669', nameKey: 'Green' },
+    { color: '#dc2626', nameKey: 'Red' },
+    { color: '#d97706', nameKey: 'Amber' },
+    { color: '#0891b2', nameKey: 'Teal' },
+    { color: '#db2777', nameKey: 'Pink' },
 ];
+/** Keep the existing string palette API for hosts that compose their own swatch lists. */
+export const ACCENT_SWATCHES = ACCENT_SWATCH_PRESETS.map(({ color }) => color);
 //# sourceMappingURL=constants.js.map

package/dist/features/appearance/react/components/AppearanceTab.js

@@ -4,7 +4,7 @@ import { agentHandleProps, agentSubHandle, buildAgentListHandles } from '@jini-a
 import { useT } from '../../../i18n/index.js';
 import { Icon } from '../../../../react/components/Icon.js';
 import { ACCENT_SWATCHES, DEFAULT_ACCENT_COLOR, applyAppearanceToDocument, normalizeAccentColor, resolveAccentColor, } from '../../../../utils/appearance.js';
-import { THEME_OPTIONS } from '../../constants.js';
+import { ACCENT_SWATCH_PRESETS, THEME_OPTIONS } from '../../constants.js';
 /**
  * Theme (system/light/dark) segmented control + accent-color swatch grid
  * with a custom color picker. Origin: `AppearanceSection` in
@@ -17,7 +17,6 @@ export function AppearanceTab({ theme, onThemeChange, accentColor, onAccentColor
     const swatchHandles = agentHandle ? buildAgentListHandles({ prefix: agentSubHandle({ base: agentHandle, action: 'swatch' }), ids: accentSwatches }) : undefined;
     const resolvedAriaLabel = ariaLabel ?? t('Appearance');
     const resolvedAccentLabel = accentLabel ?? t('Accent color');
-    const resolvedDefaultAccentAriaLabel = defaultAccentAriaLabel ?? t('Default accent color');
     const resolvedCustomAccentAriaLabel = customAccentAriaLabel ?? t('Custom accent color');
     const appliedTheme = theme === 'system' ? undefined : theme;
     useLayoutEffect(() => {
@@ -27,8 +26,9 @@ export function AppearanceTab({ theme, onThemeChange, accentColor, onAccentColor
     }, [livePreview, appliedTheme, resolvedAccent]);
     return (_jsxs("section", { className: "jini-settings-section jini-settings-appearance", children: [_jsx("div", { className: "jini-seg-control", role: "group", "aria-label": resolvedAriaLabel, style: { '--seg-cols': THEME_OPTIONS.length }, children: THEME_OPTIONS.map((option) => (_jsxs("button", { type: "button", className: 'jini-seg-btn' + (theme === option.value ? ' active' : ''), "aria-pressed": theme === option.value, onClick: () => onThemeChange(option.value), ...agentHandleProps({}, { base: agentHandle, ...({ action: `theme-${option.value}`, role: 'button', label: t(option.label) }) }), children: [option.icon ? _jsx(Icon, { name: option.icon, size: 14, "aria-hidden": "true" }) : null, _jsx("span", { className: "jini-seg-title", children: t(option.label) })] }, option.value))) }), _jsxs("div", { className: "jini-field", children: [_jsx("span", { className: "jini-field-label", children: resolvedAccentLabel }), _jsxs("div", { className: "jini-accent-swatches", role: "radiogroup", "aria-label": resolvedAccentLabel, children: [accentSwatches.map((color, index) => {
                                 const active = resolvedAccent === color;
-                                const swatchLabel = color === DEFAULT_ACCENT_COLOR ? resolvedDefaultAccentAriaLabel : color;
-                                return (_jsx("button", { type: "button", className: `jini-accent-swatch${active ? ' active' : ''}`, style: { background: color }, "aria-label": swatchLabel, "aria-checked": active, role: "radio", onClick: () => onAccentColorChange(normalizeAccentColor({ value: color }) ?? color), ...agentHandleProps({}, { base: swatchHandles?.[index], ...({ role: 'button', label: swatchLabel }) }) }, color));
+                                const nameKey = ACCENT_SWATCH_PRESETS.find((swatch) => swatch.color === color.toLowerCase())?.nameKey ?? color;
+                                const swatchLabel = color === DEFAULT_ACCENT_COLOR && defaultAccentAriaLabel !== undefined ? defaultAccentAriaLabel : t(nameKey);
+                                return (_jsx("button", { type: "button", className: `jini-accent-swatch${active ? ' active' : ''}`, style: { background: color }, "aria-label": swatchLabel, title: color, "aria-checked": active, role: "radio", onClick: () => onAccentColorChange(normalizeAccentColor({ value: color }) ?? color), ...agentHandleProps({}, { base: swatchHandles?.[index], ...({ role: 'button', label: swatchLabel }) }) }, color));
                             }), _jsx("input", { type: "color", "aria-label": resolvedCustomAccentAriaLabel, className: "jini-accent-swatch-picker", value: resolvedAccent, onChange: (event) => onAccentColorChange(event.target.value), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'custom-accent', role: 'field', label: resolvedCustomAccentAriaLabel }) }) })] })] })] }));
 }
 //# sourceMappingURL=AppearanceTab.js.map

package/dist/features/charts/contract.d.ts

@@ -15,12 +15,12 @@ export declare const chartSpecSchema: z.ZodObject<{
         color: z.ZodOptional<z.ZodString>;
     }, "strict", z.ZodTypeAny, {
         key: string;
-        label?: string | undefined;
         color?: string | undefined;
+        label?: string | undefined;
     }, {
         key: string;
-        label?: string | undefined;
         color?: string | undefined;
+        label?: string | undefined;
     }>, "many">;
     title: z.ZodOptional<z.ZodString>;
     description: z.ZodOptional<z.ZodString>;
@@ -122,8 +122,8 @@ export declare const chartSpecSchema: z.ZodObject<{
     data: Record<string, ChartValue>[];
     series: {
         key: string;
-        label?: string | undefined;
         color?: string | undefined;
+        label?: string | undefined;
     }[];
     title?: string | undefined;
     provider?: string | undefined;
@@ -154,8 +154,8 @@ export declare const chartSpecSchema: z.ZodObject<{
     data: Record<string, ChartValue>[];
     series: {
         key: string;
-        label?: string | undefined;
         color?: string | undefined;
+        label?: string | undefined;
     }[];
     title?: string | undefined;
     provider?: string | undefined;

package/dist/features/charts/react.js

@@ -6,7 +6,7 @@ import { InteractiveUiRegistry } from '../interactive-ui/registry.js';
 import { chartSpecSchema, DEFAULT_CHART_THEME } from './contract.js';
 import { mountChart } from './browser.js';
 import { chartCapability, chartProvidersByKind } from './registry.js';
-import { chartWireManifests, legacyChartSpec } from './wire.js';
+import { chartWireManifests, legacyChartSpec, withSeriesLabels } from './wire.js';
 /** React owns only the container; mountChart owns its descendants and lifecycle. */
 export function ChartHost({ spec, registry, theme = DEFAULT_CHART_THEME, siteProvider, onProviderError }) {
     const element = useRef(null);
@@ -39,7 +39,7 @@ const LEGACY_CHART_KINDS = ['bar', 'line', 'pie'];
 function chartComponent(kind, providers, options) {
     return function RegisteredChart(props) {
         const legacyKind = LEGACY_CHART_KINDS.find((legacy) => legacy === kind);
-        const spec = legacyKind ? legacyChartSpec({ kind: legacyKind, props }) : chartSpecSchema.parse(props.spec);
+        const spec = withSeriesLabels({ spec: legacyKind ? legacyChartSpec({ kind: legacyKind, props }) : chartSpecSchema.parse(props.spec) });
         return _jsx(ChartHost, { spec: spec, registry: providers, ...options });
     };
 }

package/dist/features/charts/wire.d.ts

@@ -8,32 +8,44 @@ export declare const rechartsBarChartPropsSchema: z.ZodObject<{
     data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>, "many">;
     categoryKey: z.ZodString;
     valueKey: z.ZodString;
+    /** The legend/tooltip name for `valueKey` ("Sign-ups"); omitted, the key is humanized. */
+    valueLabel: z.ZodOptional<z.ZodString>;
     color: z.ZodOptional<z.ZodString>;
 }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
     data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>, "many">;
     categoryKey: z.ZodString;
     valueKey: z.ZodString;
+    /** The legend/tooltip name for `valueKey` ("Sign-ups"); omitted, the key is humanized. */
+    valueLabel: z.ZodOptional<z.ZodString>;
     color: z.ZodOptional<z.ZodString>;
 }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
     data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>, "many">;
     categoryKey: z.ZodString;
     valueKey: z.ZodString;
+    /** The legend/tooltip name for `valueKey` ("Sign-ups"); omitted, the key is humanized. */
+    valueLabel: z.ZodOptional<z.ZodString>;
     color: z.ZodOptional<z.ZodString>;
 }, z.ZodTypeAny, "passthrough">>;
 export declare const rechartsLineChartPropsSchema: z.ZodObject<{
     data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>, "many">;
     categoryKey: z.ZodString;
     valueKey: z.ZodString;
+    /** The legend/tooltip name for `valueKey` ("Sign-ups"); omitted, the key is humanized. */
+    valueLabel: z.ZodOptional<z.ZodString>;
     color: z.ZodOptional<z.ZodString>;
 }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
     data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>, "many">;
     categoryKey: z.ZodString;
     valueKey: z.ZodString;
+    /** The legend/tooltip name for `valueKey` ("Sign-ups"); omitted, the key is humanized. */
+    valueLabel: z.ZodOptional<z.ZodString>;
     color: z.ZodOptional<z.ZodString>;
 }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
     data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>, "many">;
     categoryKey: z.ZodString;
     valueKey: z.ZodString;
+    /** The legend/tooltip name for `valueKey` ("Sign-ups"); omitted, the key is humanized. */
+    valueLabel: z.ZodOptional<z.ZodString>;
     color: z.ZodOptional<z.ZodString>;
 }, z.ZodTypeAny, "passthrough">>;
 export declare const rechartsPieChartPropsSchema: z.ZodObject<{
@@ -85,4 +97,11 @@ export declare function legacyChartSpec({ kind, props }: {
     kind: 'bar' | 'line' | 'pie';
     props: Record<string, unknown>;
 }, _options?: Record<string, never>): ChartSpec;
+/**
+ * Give every series a label, so a provider's legend and tooltip never show a raw data key
+ * (owner, 2026-10-30: a sign-ups chart's legend read "signups"). A label the caller passed wins.
+ */
+export declare function withSeriesLabels({ spec }: {
+    spec: ChartSpec;
+}, _options?: Record<string, never>): ChartSpec;
 //# sourceMappingURL=wire.d.ts.map

package/dist/features/charts/wire.js

@@ -4,7 +4,9 @@ import { chartSpecSchema } from './contract.js';
 /** Same passthrough/record reasoning as native data-table: A2UI action bindings and extra row data
  * belong to the wire protocol, not a renderer. Retain their established shapes during extraction. */
 export const rechartsBarChartPropsSchema = z.object({
-    data: z.array(z.record(z.unknown())).min(1), categoryKey: z.string(), valueKey: z.string(), color: z.string().optional(),
+    data: z.array(z.record(z.unknown())).min(1), categoryKey: z.string(), valueKey: z.string(),
+    /** The legend/tooltip name for `valueKey` ("Sign-ups"); omitted, the key is humanized. */
+    valueLabel: z.string().min(1).optional().describe('Human name for valueKey shown in the legend and tooltip, e.g. "Sign-ups". Defaults to the humanized key.'), color: z.string().optional(),
 }).passthrough();
 export const rechartsLineChartPropsSchema = rechartsBarChartPropsSchema;
 export const rechartsPieChartPropsSchema = z.object({
@@ -31,8 +33,24 @@ export function legacyChartSpec({ kind, props }, _options = {}) {
     const parsed = (kind === 'pie' ? rechartsPieChartPropsSchema : rechartsBarChartPropsSchema).parse(props);
     return chartSpecSchema.parse({
         kind, data: parsed.data, categoryKey: kind === 'pie' ? 'name' : parsed.categoryKey,
-        series: [{ key: kind === 'pie' ? 'value' : parsed.valueKey, ...(parsed.color !== undefined ? { color: parsed.color } : {}) }],
+        series: [{
+                key: kind === 'pie' ? 'value' : parsed.valueKey,
+                ...('valueLabel' in parsed && typeof parsed.valueLabel === 'string' ? { label: parsed.valueLabel } : {}),
+                ...(parsed.color !== undefined ? { color: parsed.color } : {}),
+            }],
         ...(typeof parsed.provider === 'string' ? { provider: parsed.provider } : {}),
     });
 }
+/** `signups` -> `Signups`, `sign_ups`/`signUps` -> `Sign ups`. Display only; the key still addresses the data. */
+function humanizeSeriesKey(key) {
+    const words = key.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/[_-]+/g, ' ').trim().toLowerCase();
+    return words ? words[0].toUpperCase() + words.slice(1) : key;
+}
+/**
+ * Give every series a label, so a provider's legend and tooltip never show a raw data key
+ * (owner, 2026-10-30: a sign-ups chart's legend read "signups"). A label the caller passed wins.
+ */
+export function withSeriesLabels({ spec }, _options = {}) {
+    return { ...spec, series: spec.series.map((series) => ({ ...series, label: series.label ?? humanizeSeriesKey(series.key) })) };
+}
 //# sourceMappingURL=wire.js.map

package/dist/features/execution/constants.js

@@ -70,7 +70,6 @@ export const DEFAULT_AGENT_DESCRIPTIONS = {
     'cursor-agent': 'Cursor command line',
     opencode: 'Open-source agent CLI',
     qwen: 'Qwen coding CLI',
-    copilot: 'GitHub coding CLI',
     devin: 'Cognition terminal CLI',
     kimi: 'Moonshot Kimi CLI',
     qoder: 'Alibaba coding CLI',

package/dist/features/folder-path-drop/rules.d.ts

@@ -24,9 +24,8 @@ import type { CaptureFolderPathDropInput } from './types.js';
  */
 export declare function folderPathsFromDataTransfer(dataTransfer: DataTransfer, port: FolderPathDropPort): string[];
 /**
- * The text a folder drop inserts: every path, space-joined, in drop order. The one place the format
- * lives — a path that itself contains a space is ambiguous in this format, so any change to quoting
- * or separators belongs here and nowhere else.
+ * The text a folder drop inserts: every path, space-joined, in drop order. Quote whitespace-containing
+ * paths so text consumers can distinguish the path from adjacent prose or secrets.
  *
  * @complexity Time/space: O(total path length).
  */

package/dist/features/folder-path-drop/rules.js

@@ -51,14 +51,13 @@ export function folderPathsFromDataTransfer(dataTransfer, port) {
     return paths;
 }
 /**
- * The text a folder drop inserts: every path, space-joined, in drop order. The one place the format
- * lives — a path that itself contains a space is ambiguous in this format, so any change to quoting
- * or separators belongs here and nowhere else.
+ * The text a folder drop inserts: every path, space-joined, in drop order. Quote whitespace-containing
+ * paths so text consumers can distinguish the path from adjacent prose or secrets.
  *
  * @complexity Time/space: O(total path length).
  */
 export function formatDroppedFolderPaths(paths) {
-    return paths.join(' ');
+    return paths.map(path => /\s/.test(path) ? `"${path}"` : path).join(' ');
 }
 /**
  * A capture-phase drop handler's whole decision. A drop carrying at least one folder with a

package/dist/features/i18n/dictionaries/settings-dialog.ar.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_AR = {
     'Custom instructions': 'تعليمات مخصصة',
     'Custom model id': 'معرّف نموذج مخصص',
     'Custom…': 'مخصص…',
+    'Charcoal': 'فحمي',
+    'Clay': 'طيني',
+    'Violet': 'بنفسجي',
+    'Green': 'أخضر',
+    'Red': 'أحمر',
+    'Amber': 'كهرماني',
+    'Teal': 'أزرق مخضر',
+    'Pink': 'وردي',
     'Default accent color': 'لون التمييز الافتراضي',
     'Default endpoint. Usually no need to change this.': 'نقطة النهاية الافتراضية. عادةً لا حاجة لتغيير هذا.',
     'Default model': 'النموذج الافتراضي',

package/dist/features/i18n/dictionaries/settings-dialog.bn.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_BN = {
     'Custom instructions': 'কাস্টম নির্দেশনা',
     'Custom model id': 'কাস্টম মডেল আইডি',
     'Custom…': 'কাস্টম…',
+    'Charcoal': 'কয়লা',
+    'Clay': 'মাটি',
+    'Violet': 'বেগুনি',
+    'Green': 'সবুজ',
+    'Red': 'লাল',
+    'Amber': 'অ্যাম্বার',
+    'Teal': 'নীলচে সবুজ',
+    'Pink': 'গোলাপি',
     'Default accent color': 'ডিফল্ট হাইলাইট রং',
     'Default endpoint. Usually no need to change this.': 'ডিফল্ট এন্ডপয়েন্ট। সাধারণত এটি পরিবর্তনের প্রয়োজন হয় না।',
     'Default model': 'ডিফল্ট মডেল',

package/dist/features/i18n/dictionaries/settings-dialog.de.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_DE = {
     'Custom instructions': 'Benutzerdefinierte Anweisungen',
     'Custom model id': 'Benutzerdefinierte Modell-ID',
     'Custom…': 'Benutzerdefiniert…',
+    'Charcoal': 'Anthrazit',
+    'Clay': 'Ton',
+    'Violet': 'Violett',
+    'Green': 'Grün',
+    'Red': 'Rot',
+    'Amber': 'Bernstein',
+    'Teal': 'Petrol',
+    'Pink': 'Pink',
     'Default accent color': 'Standard-Akzentfarbe',
     'Default endpoint. Usually no need to change this.': 'Standard-Endpunkt. Muss normalerweise nicht geändert werden.',
     'Default model': 'Standardmodell',

package/dist/features/i18n/dictionaries/settings-dialog.en.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_EN = {
     'Custom instructions': 'Custom instructions',
     'Custom model id': 'Custom model id',
     'Custom…': 'Custom…',
+    'Charcoal': 'Charcoal',
+    'Clay': 'Clay',
+    'Violet': 'Violet',
+    'Green': 'Green',
+    'Red': 'Red',
+    'Amber': 'Amber',
+    'Teal': 'Teal',
+    'Pink': 'Pink',
     'Default accent color': 'Default accent color',
     'Default endpoint. Usually no need to change this.': 'Default endpoint. Usually no need to change this.',
     'Default model': 'Default model',

package/dist/features/i18n/dictionaries/settings-dialog.es.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_ES = {
     'Custom instructions': 'Instrucciones personalizadas',
     'Custom model id': 'Id. de modelo personalizado',
     'Custom…': 'Personalizado…',
+    'Charcoal': 'Carbón',
+    'Clay': 'Arcilla',
+    'Violet': 'Violeta',
+    'Green': 'Verde',
+    'Red': 'Rojo',
+    'Amber': 'Ámbar',
+    'Teal': 'Verde azulado',
+    'Pink': 'Rosa',
     'Default accent color': 'Color de acento predeterminado',
     'Default endpoint. Usually no need to change this.': 'Endpoint predeterminado. Normalmente no hace falta cambiarlo.',
     'Default model': 'Modelo predeterminado',

package/dist/features/i18n/dictionaries/settings-dialog.fa.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_FA = {
     'Custom instructions': 'دستورالعمل‌های سفارشی',
     'Custom model id': 'شناسهٔ مدل سفارشی',
     'Custom…': 'سفارشی…',
+    'Charcoal': 'زغالی',
+    'Clay': 'سفالی',
+    'Violet': 'بنفش',
+    'Green': 'سبز',
+    'Red': 'قرمز',
+    'Amber': 'کهربایی',
+    'Teal': 'سبزآبی',
+    'Pink': 'صورتی',
     'Default accent color': 'رنگ تأکیدی پیش‌فرض',
     'Default endpoint. Usually no need to change this.': 'نقطهٔ پایانی پیش‌فرض. معمولاً نیازی به تغییر آن نیست.',
     'Default model': 'مدل پیش‌فرض',

package/dist/features/i18n/dictionaries/settings-dialog.fr.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_FR = {
     'Custom instructions': 'Instructions personnalisées',
     'Custom model id': 'Identifiant de modèle personnalisé',
     'Custom…': 'Personnalisé…',
+    'Charcoal': 'Anthracite',
+    'Clay': 'Argile',
+    'Violet': 'Violet',
+    'Green': 'Vert',
+    'Red': 'Rouge',
+    'Amber': 'Ambre',
+    'Teal': 'Bleu canard',
+    'Pink': 'Rose',
     'Default accent color': 'Couleur d\'accent par défaut',
     'Default endpoint. Usually no need to change this.': 'Point de terminaison par défaut. Il n\'est généralement pas nécessaire de le modifier.',
     'Default model': 'Modèle par défaut',

package/dist/features/i18n/dictionaries/settings-dialog.hi.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_HI = {
     'Custom instructions': 'कस्टम निर्देश',
     'Custom model id': 'कस्टम मॉडल आईडी',
     'Custom…': 'कस्टम…',
+    'Charcoal': 'चारकोल',
+    'Clay': 'मिट्टी',
+    'Violet': 'बैंगनी',
+    'Green': 'हरा',
+    'Red': 'लाल',
+    'Amber': 'एम्बर',
+    'Teal': 'हरित-नील',
+    'Pink': 'गुलाबी',
     'Default accent color': 'डिफ़ॉल्ट हाइलाइट रंग',
     'Default endpoint. Usually no need to change this.': 'डिफ़ॉल्ट एंडपॉइंट। आमतौर पर इसे बदलने की आवश्यकता नहीं होती।',
     'Default model': 'डिफ़ॉल्ट मॉडल',

package/dist/features/i18n/dictionaries/settings-dialog.hu.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_HU = {
     'Custom instructions': 'Egyéni utasítások',
     'Custom model id': 'Egyéni modellazonosító',
     'Custom…': 'Egyéni…',
+    'Charcoal': 'Grafit',
+    'Clay': 'Agyag',
+    'Violet': 'Ibolya',
+    'Green': 'Zöld',
+    'Red': 'Piros',
+    'Amber': 'Borostyán',
+    'Teal': 'Kékeszöld',
+    'Pink': 'Rózsaszín',
     'Default accent color': 'Alapértelmezett kiemelőszín',
     'Default endpoint. Usually no need to change this.': 'Alapértelmezett végpont. Általában nem szükséges módosítani.',
     'Default model': 'Alapértelmezett modell',

package/dist/features/i18n/dictionaries/settings-dialog.id.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_ID = {
     'Custom instructions': 'Instruksi kustom',
     'Custom model id': 'ID model kustom',
     'Custom…': 'Kustom…',
+    'Charcoal': 'Arang',
+    'Clay': 'Tanah liat',
+    'Violet': 'Ungu',
+    'Green': 'Hijau',
+    'Red': 'Merah',
+    'Amber': 'Kuning amber',
+    'Teal': 'Hijau kebiruan',
+    'Pink': 'Merah muda',
     'Default accent color': 'Warna aksen default',
     'Default endpoint. Usually no need to change this.': 'Endpoint default. Biasanya tidak perlu diubah.',
     'Default model': 'Model default',

package/dist/features/i18n/dictionaries/settings-dialog.it.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_IT = {
     'Custom instructions': 'Istruzioni personalizzate',
     'Custom model id': 'ID modello personalizzato',
     'Custom…': 'Personalizzato…',
+    'Charcoal': 'Antracite',
+    'Clay': 'Argilla',
+    'Violet': 'Viola',
+    'Green': 'Verde',
+    'Red': 'Rosso',
+    'Amber': 'Ambra',
+    'Teal': 'Verde acqua',
+    'Pink': 'Rosa',
     'Default accent color': 'Colore di accento predefinito',
     'Default endpoint. Usually no need to change this.': 'Endpoint predefinito. Di solito non è necessario modificarlo.',
     'Default model': 'Modello predefinito',

package/dist/features/i18n/dictionaries/settings-dialog.ja.js

@@ -69,6 +69,14 @@ export const SETTINGS_DIALOG_JA = {
     'Custom instructions': 'カスタム指示',
     'Custom model id': 'カスタムモデルID',
     'Custom…': 'カスタム…',
+    'Charcoal': 'チャコール',
+    'Clay': 'クレイ',
+    'Violet': 'バイオレット',
+    'Green': 'グリーン',
+    'Red': 'レッド',
+    'Amber': 'アンバー',
+    'Teal': 'ティール',
+    'Pink': 'ピンク',
     'Default accent color': '既定のアクセントカラー',
     'Default endpoint. Usually no need to change this.': '既定のエンドポイントです。通常は変更する必要はありません。',
     'Default model': '既定のモデル',

package/dist/features/i18n/dictionaries/settings-dialog.ko.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_KO = {
     'Custom instructions': '사용자 지정 지침',
     'Custom model id': '사용자 지정 모델 ID',
     'Custom…': '사용자 지정…',
+    'Charcoal': '차콜',
+    'Clay': '클레이',
+    'Violet': '바이올렛',
+    'Green': '초록',
+    'Red': '빨강',
+    'Amber': '호박색',
+    'Teal': '청록',
+    'Pink': '분홍',
     'Default accent color': '기본 강조 색상',
     'Default endpoint. Usually no need to change this.': '기본 엔드포인트입니다. 보통 변경할 필요가 없습니다.',
     'Default model': '기본 모델',

package/dist/features/i18n/dictionaries/settings-dialog.pl.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_PL = {
     'Custom instructions': 'Niestandardowe instrukcje',
     'Custom model id': 'Niestandardowy identyfikator modelu',
     'Custom…': 'Niestandardowy…',
+    'Charcoal': 'Grafitowy',
+    'Clay': 'Gliniany',
+    'Violet': 'Fioletowy',
+    'Green': 'Zielony',
+    'Red': 'Czerwony',
+    'Amber': 'Bursztynowy',
+    'Teal': 'Morski',
+    'Pink': 'Różowy',
     'Default accent color': 'Domyślny kolor akcentu',
     'Default endpoint. Usually no need to change this.': 'Domyślny punkt końcowy. Zwykle nie trzeba go zmieniać.',
     'Default model': 'Model domyślny',

package/dist/features/i18n/dictionaries/settings-dialog.pt-BR.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_PT_BR = {
     'Custom instructions': 'Instruções personalizadas',
     'Custom model id': 'ID de modelo personalizado',
     'Custom…': 'Personalizado…',
+    'Charcoal': 'Carvão',
+    'Clay': 'Argila',
+    'Violet': 'Violeta',
+    'Green': 'Verde',
+    'Red': 'Vermelho',
+    'Amber': 'Âmbar',
+    'Teal': 'Azul-petróleo',
+    'Pink': 'Rosa',
     'Default accent color': 'Cor de destaque padrão',
     'Default endpoint. Usually no need to change this.': 'Endpoint padrão. Geralmente não é necessário alterar isso.',
     'Default model': 'Modelo padrão',

package/dist/features/i18n/dictionaries/settings-dialog.ru.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_RU = {
     'Custom instructions': 'Пользовательские инструкции',
     'Custom model id': 'Пользовательский id. модели',
     'Custom…': 'Другое…',
+    'Charcoal': 'Угольный',
+    'Clay': 'Глиняный',
+    'Violet': 'Фиолетовый',
+    'Green': 'Зелёный',
+    'Red': 'Красный',
+    'Amber': 'Янтарный',
+    'Teal': 'Бирюзовый',
+    'Pink': 'Розовый',
     'Default accent color': 'Акцентный цвет по умолчанию',
     'Default endpoint. Usually no need to change this.': 'Конечная точка по умолчанию. Обычно менять её не требуется.',
     'Default model': 'Модель по умолчанию',

package/dist/features/i18n/dictionaries/settings-dialog.th.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_TH = {
     'Custom instructions': 'คำสั่งที่กำหนดเอง',
     'Custom model id': 'รหัสโมเดลที่กำหนดเอง',
     'Custom…': 'กำหนดเอง…',
+    'Charcoal': 'ถ่าน',
+    'Clay': 'ดินเผา',
+    'Violet': 'ม่วง',
+    'Green': 'เขียว',
+    'Red': 'แดง',
+    'Amber': 'อำพัน',
+    'Teal': 'เขียวน้ำทะเล',
+    'Pink': 'ชมพู',
     'Default accent color': 'สีเน้นเริ่มต้น',
     'Default endpoint. Usually no need to change this.': 'เอนด์พอยต์เริ่มต้น โดยปกติไม่จำเป็นต้องเปลี่ยนค่านี้',
     'Default model': 'โมเดลเริ่มต้น',

package/dist/features/i18n/dictionaries/settings-dialog.tr.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_TR = {
     'Custom instructions': 'Özel talimatlar',
     'Custom model id': 'Özel model kimliği',
     'Custom…': 'Özel…',
+    'Charcoal': 'Kömür',
+    'Clay': 'Kil',
+    'Violet': 'Mor',
+    'Green': 'Yeşil',
+    'Red': 'Kırmızı',
+    'Amber': 'Kehribar',
+    'Teal': 'Camgöbeği',
+    'Pink': 'Pembe',
     'Default accent color': 'Varsayılan vurgu rengi',
     'Default endpoint. Usually no need to change this.': 'Varsayılan uç nokta. Genellikle bunu değiştirmeye gerek yoktur.',
     'Default model': 'Varsayılan model',

package/dist/features/i18n/dictionaries/settings-dialog.uk.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_UK = {
     'Custom instructions': 'Власні інструкції',
     'Custom model id': 'Власний ідентифікатор моделі',
     'Custom…': 'Власний…',
+    'Charcoal': 'Вугільний',
+    'Clay': 'Глиняний',
+    'Violet': 'Фіолетовий',
+    'Green': 'Зелений',
+    'Red': 'Червоний',
+    'Amber': 'Бурштиновий',
+    'Teal': 'Бірюзовий',
+    'Pink': 'Рожевий',
     'Default accent color': 'Акцентний колір за замовчуванням',
     'Default endpoint. Usually no need to change this.': 'Кінцева точка за замовчуванням. Зазвичай змінювати її не потрібно.',
     'Default model': 'Модель за замовчуванням',

package/dist/features/i18n/dictionaries/settings-dialog.ur.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_UR = {
     'Custom instructions': 'کسٹم ہدایات',
     'Custom model id': 'کسٹم ماڈل آئی ڈی',
     'Custom…': 'کسٹم…',
+    'Charcoal': 'کوئلہ',
+    'Clay': 'مٹی',
+    'Violet': 'بنفشی',
+    'Green': 'سبز',
+    'Red': 'سرخ',
+    'Amber': 'کہربائی',
+    'Teal': 'نیلگوں سبز',
+    'Pink': 'گلابی',
     'Default accent color': 'ڈیفالٹ نمایاں رنگ',
     'Default endpoint. Usually no need to change this.': 'ڈیفالٹ اینڈ پوائنٹ۔ عام طور پر اسے تبدیل کرنے کی ضرورت نہیں ہوتی۔',
     'Default model': 'ڈیفالٹ ماڈل',

package/dist/features/i18n/dictionaries/settings-dialog.zh-CN.js

@@ -69,6 +69,14 @@ export const SETTINGS_DIALOG_ZH_CN = {
     'Custom instructions': '自定义指令',
     'Custom model id': '自定义模型 ID',
     'Custom…': '自定义…',
+    'Charcoal': '炭灰',
+    'Clay': '陶土',
+    'Violet': '紫罗兰',
+    'Green': '绿色',
+    'Red': '红色',
+    'Amber': '琥珀色',
+    'Teal': '青色',
+    'Pink': '粉色',
     'Default accent color': '默认强调色',
     'Default endpoint. Usually no need to change this.': '默认终结点，通常无需更改。',
     'Default model': '默认模型',

package/dist/features/i18n/dictionaries/settings-dialog.zh-TW.js

@@ -69,6 +69,14 @@ export const SETTINGS_DIALOG_ZH_TW = {
     'Custom instructions': '自訂指令',
     'Custom model id': '自訂模型 ID',
     'Custom…': '自訂…',
+    'Charcoal': '炭灰',
+    'Clay': '陶土',
+    'Violet': '紫羅蘭',
+    'Green': '綠色',
+    'Red': '紅色',
+    'Amber': '琥珀色',
+    'Teal': '青色',
+    'Pink': '粉紅色',
     'Default accent color': '預設強調色',
     'Default endpoint. Usually no need to change this.': '預設端點，通常不需要變更。',
     'Default model': '預設模型',

package/dist/features/mcp-ui/surfaces/checkbox.d.ts

@@ -13,6 +13,8 @@ export interface CheckboxProps {
      */
     readonly required?: boolean;
     readonly disabled?: boolean;
+    /** Visually hide the label (it repeats the card title); it stays the accessible name. */
+    readonly labelHidden?: boolean;
     /**
      * One extra `data-*` attribute on the `<input>`, escaped like every other value. For a caller
      * that needs to look the box up by something other than its DOM `name` — e.g. the confirmation

package/dist/features/mcp-ui/surfaces/choice-group.d.ts

@@ -22,6 +22,8 @@ export interface ChoiceGroupProps {
      */
     readonly required?: boolean;
     readonly disabled?: boolean;
+    /** Visually hide the legend (it repeats the card title); it stays the group's accessible name. */
+    readonly labelHidden?: boolean;
 }
 /**
  * Renders one grouped-choice field.

package/dist/features/mcp-ui/surfaces/choice-group.js

@@ -30,7 +30,7 @@
  * value unless normalised — see `form.ts`'s `readChecked`, which is written against this fact.
  */
 import { escapeHtml } from '../escape.js';
-import { fieldElementId } from './document.js';
+import { fieldElementId, VISUALLY_HIDDEN_CLASS } from './document.js';
 /**
  * Renders one grouped-choice field.
  *
@@ -63,7 +63,7 @@ export function renderChoiceGroup(props) {
     })
         .join('\n');
     return (`<fieldset class="mcpui-field mcpui-choice-group"${describedBy}>\n` +
-        `<legend class="mcpui-label">${escapeHtml(props.label)}${required}</legend>${hint}\n` +
+        `<legend class="mcpui-label${props.labelHidden === true ? ` ${VISUALLY_HIDDEN_CLASS}` : ''}">${escapeHtml(props.label)}${required}</legend>${hint}\n` +
         `${options}\n` +
         `</fieldset>`);
 }

package/dist/features/mcp-ui/surfaces/document.d.ts

@@ -10,7 +10,7 @@ export type { SurfaceDetail } from './structured-details.js';
  * be a color no caller could reskin. `var(--x, fallback)` appears only where a value is genuinely
  * optional.
  */
-export declare const SURFACE_BASE_CSS = "*, *::before, *::after { box-sizing: border-box; }\nhtml, body { margin: 0; padding: 0; }\nbody {\n  /* Transparent, not var(--jini-mcpui-bg): this document has no page of its own to paint. It is an\n     allow-scripts-only sandboxed iframe embedded directly in a host's chat transcript, and html's\n     background is left at its (also transparent) initial value, so the host's own pane shows\n     straight through to .mcpui-surface below rather than through a second, unrelated rectangle of\n     fill color sitting between the two. --jini-mcpui-bg stays declared for a caller styling\n     something else via extraCss -- nothing in this stylesheet reads it anymore. */\n  background: transparent;\n  color: var(--jini-mcpui-text);\n  font-family: var(--jini-mcpui-font);\n  font-size: 14px;\n  line-height: 1.5;\n  padding: 16px;\n  -webkit-font-smoothing: antialiased;\n}\n.mcpui-surface {\n  background: linear-gradient(135deg,\n    color-mix(in srgb, var(--jini-mcpui-accent) 5%, var(--jini-mcpui-panel)) 0%,\n    var(--jini-mcpui-panel) 60%);\n  border: 1px solid color-mix(in srgb, var(--jini-mcpui-accent) 18%, var(--jini-mcpui-border));\n  border-radius: var(--jini-mcpui-radius-md);\n  box-shadow: var(--jini-mcpui-surface-shadow);\n  padding: 18px 20px 16px;\n  max-width: 640px;\n  margin: 0 auto;\n}\n.mcpui-title {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  color: var(--jini-mcpui-text-strong);\n}\n.mcpui-description { margin: 6px 0 0; color: var(--jini-mcpui-text-muted); }\n/* fit-content(40%), not max-content: one long label used to take the whole row and squeeze every\n   value to one character per line. Labels wrap at 40% instead. */\n.mcpui-details {\n  display: grid;\n  grid-template-columns: fit-content(40%) minmax(0, 1fr);\n  gap: 4px 14px;\n  margin: 14px 0 0;\n}\n.mcpui-details dt { color: var(--jini-mcpui-text-soft); font-weight: 500; overflow-wrap: anywhere; }\n.mcpui-details dd { margin: 0; overflow-wrap: anywhere; color: var(--jini-mcpui-text); }\n.mcpui-details-outcome { display: flex; flex-direction: column; gap: 8px; }\n.mcpui-outcome-row { display: flex; align-items: flex-start; gap: 14px; }\n.mcpui-outcome-row dt { flex: 1; min-width: 0; overflow-wrap: anywhere; }\n.mcpui-outcome-row dt .mcpui-hint { display: block; font-weight: 400; }\n.mcpui-outcome-row dd { flex: 1; min-width: 0; }\n/* Capped so a long status cannot squeeze the label back to one character per line; the full text\n   stays in the cell's title. */\n.mcpui-outcome-row dd.mcpui-detail-status {\n  flex: 0 1 auto; max-width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n}\n/* Frames up to 480px: stack each label above its value so the value gets the full width.\n   Outcome lists keep their own row layout. */\n@media (max-width: 480px) {\n  .mcpui-details:not(.mcpui-details-outcome) { grid-template-columns: minmax(0, 1fr); row-gap: 0; }\n  .mcpui-details:not(.mcpui-details-outcome) dd { margin-bottom: 8px; }\n}\n/* The iframe has 16px body padding on each side: 352px viewport = 320px card. Stacked, the value\n   has the full width, so it wraps between words instead of truncating. */\n@media (max-width: 352px) {\n  .mcpui-outcome-row { flex-direction: column; gap: 2px; }\n  .mcpui-outcome-row dd.mcpui-detail-status { max-width: 100%; white-space: normal; overflow-wrap: normal; }\n}\n.mcpui-code {\n  margin: 0;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  max-height: 16em;\n  overflow: auto;\n  font-family: var(--jini-mcpui-font-mono);\n  font-size: 12.5px;\n  line-height: 1.45;\n  padding: 6px 8px;\n  border: 1px solid var(--jini-mcpui-border);\n  border-radius: var(--jini-mcpui-radius-sm);\n  background: var(--jini-mcpui-bg);\n}\n.mcpui-warning {\n  margin: 14px 0 0;\n  padding: 9px 11px;\n  border-radius: var(--jini-mcpui-radius-md);\n  border: 1px solid var(--jini-mcpui-danger);\n  background: var(--jini-mcpui-danger-tint);\n  color: var(--jini-mcpui-text-strong);\n}\n.mcpui-fields { display: flex; flex-direction: column; gap: 12px; margin: 16px 0 0; border: 0; padding: 0; }\n.mcpui-field { display: flex; flex-direction: column; gap: 4px; }\n.mcpui-field-inline { flex-direction: row; align-items: flex-start; gap: 8px; }\n.mcpui-label { font-weight: 500; color: var(--jini-mcpui-text-strong); }\n.mcpui-required { color: var(--jini-mcpui-accent); margin-left: 2px; }\n.mcpui-hint { color: var(--jini-mcpui-text-soft); font-size: 13px; }\n.mcpui-input, .mcpui-select, .mcpui-textarea {\n  font: inherit;\n  color: var(--jini-mcpui-text);\n  background: var(--jini-mcpui-panel);\n  border: 1px solid color-mix(in srgb, var(--jini-mcpui-accent) 14%, var(--jini-mcpui-border-strong));\n  border-radius: var(--jini-mcpui-radius-sm);\n  padding: 7px 9px;\n  width: 100%;\n  min-width: 0;\n}\n.mcpui-textarea { resize: vertical; min-height: 72px; font-family: var(--jini-mcpui-font); }\n/* A secret control's eye toggle sits inside the field's right edge. The control is padded so long\n   values never run under it; the button is a 40px tap target centred on the input, transparent,\n   so it overhangs the ~36px input invisibly instead of resizing the field. */\n.mcpui-secret { position: relative; display: flex; flex-direction: column; }\n.mcpui-secret > .mcpui-input, .mcpui-secret > .mcpui-textarea { padding-right: 44px; }\n.mcpui-secret-toggle {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 40px;\n  height: 40px;\n  margin-top: -20px;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 0;\n  border-radius: var(--jini-mcpui-radius-sm);\n  background: transparent;\n  color: var(--jini-mcpui-text-soft);\n  cursor: pointer;\n}\n.mcpui-secret > .mcpui-textarea + .mcpui-secret-toggle { top: 0; margin-top: -2px; }\n.mcpui-secret-toggle:hover:not([disabled]) { color: var(--jini-mcpui-text-strong); }\n.mcpui-secret-toggle[disabled] { opacity: 0.55; cursor: default; }\n.mcpui-secret-toggle:focus-visible { outline: 2px solid var(--jini-mcpui-accent-ring); outline-offset: -6px; }\n.mcpui-secret-toggle[aria-pressed=\"true\"] .mcpui-secret-icon-show,\n.mcpui-secret-toggle:not([aria-pressed=\"true\"]) .mcpui-secret-icon-hide { display: none; }\n.mcpui-checkbox { margin: 3px 0 0; accent-color: var(--jini-mcpui-accent); }\n.mcpui-choice-group { border: 0; padding: 0; margin: 0; min-width: 0; }\n.mcpui-choice { display: flex; flex-direction: row; align-items: flex-start; gap: 8px; margin: 6px 0 0; }\n.mcpui-choice-label { color: var(--jini-mcpui-text); font-weight: 400; }\n.mcpui-input:focus-visible, .mcpui-select:focus-visible, .mcpui-textarea:focus-visible,\n.mcpui-checkbox:focus-visible, .mcpui-button:focus-visible {\n  outline: 2px solid var(--jini-mcpui-accent-ring);\n  outline-offset: 1px;\n  border-color: var(--jini-mcpui-accent);\n}\n.mcpui-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; }\n.mcpui-button {\n  font: inherit;\n  font-weight: 500;\n  padding: 7px 15px;\n  border-radius: var(--jini-mcpui-radius-pill);\n  border: 1px solid color-mix(in srgb, var(--jini-mcpui-accent) 14%, var(--jini-mcpui-border-strong));\n  background: var(--jini-mcpui-panel);\n  color: var(--jini-mcpui-text);\n  cursor: pointer;\n}\n.mcpui-button:hover:not([disabled]) { background: var(--jini-mcpui-accent-tint); }\n.mcpui-button-primary {\n  background: var(--jini-mcpui-accent);\n  border-color: var(--jini-mcpui-accent);\n  color: var(--jini-mcpui-accent-ink);\n}\n.mcpui-button-primary:hover:not([disabled]) { background: var(--jini-mcpui-accent-hover); border-color: var(--jini-mcpui-accent-hover); }\n.mcpui-button-danger {\n  background: var(--jini-mcpui-danger);\n  border-color: var(--jini-mcpui-danger);\n  color: var(--jini-mcpui-panel);\n}\n.mcpui-button-danger:hover:not([disabled]) { background: var(--jini-mcpui-danger-hover); border-color: var(--jini-mcpui-danger-hover); }\n.mcpui-button[disabled] { opacity: 0.55; cursor: default; }\n.mcpui-status { margin: 12px 0 0; min-height: 1.4em; color: var(--jini-mcpui-text-muted); }\n.mcpui-status[data-state=\"failed\"], .mcpui-status[data-state=\"invalid\"], .mcpui-status[data-state=\"expired\"] { color: var(--jini-mcpui-danger); }\n.mcpui-status[data-state=\"done\"] { color: var(--jini-mcpui-text-strong); }\n/* Neither a plain success nor a failure \u2014 e.g. an outcome surface reporting \"uploaded, not yet\n   reachable\" (outcome.ts's own state: partial). Distinct from both --jini-mcpui-danger (would\n   wrongly read as \"this failed\") and --jini-mcpui-text-strong (would wrongly read as \"this is\n   fully done\"); the accent token reads as \"worth a second look\" without asserting either. */\n.mcpui-status[data-state=\"partial\"] { color: var(--jini-mcpui-accent); }\n.mcpui-code { font-family: var(--jini-mcpui-font-mono); font-size: 13px; color: var(--jini-mcpui-text-faint); }";
+export declare const SURFACE_BASE_CSS = "*, *::before, *::after { box-sizing: border-box; }\nhtml, body { margin: 0; padding: 0; }\nbody {\n  /* Transparent, not var(--jini-mcpui-bg): this document has no page of its own to paint. It is an\n     allow-scripts-only sandboxed iframe embedded directly in a host's chat transcript, and html's\n     background is left at its (also transparent) initial value, so the host's own pane shows\n     straight through to .mcpui-surface below rather than through a second, unrelated rectangle of\n     fill color sitting between the two. --jini-mcpui-bg stays declared for a caller styling\n     something else via extraCss -- nothing in this stylesheet reads it anymore. */\n  background: transparent;\n  color: var(--jini-mcpui-text);\n  font-family: var(--jini-mcpui-font);\n  font-size: 14px;\n  line-height: 1.5;\n  padding: 16px;\n  -webkit-font-smoothing: antialiased;\n}\n.mcpui-surface {\n  background: linear-gradient(135deg,\n    color-mix(in srgb, var(--jini-mcpui-accent) 5%, var(--jini-mcpui-panel)) 0%,\n    var(--jini-mcpui-panel) 60%);\n  border: 1px solid color-mix(in srgb, var(--jini-mcpui-accent) 18%, var(--jini-mcpui-border));\n  border-radius: var(--jini-mcpui-radius-md);\n  box-shadow: var(--jini-mcpui-surface-shadow);\n  padding: 18px 20px 16px;\n  max-width: 640px;\n  margin: 0 auto;\n}\n.mcpui-title {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  color: var(--jini-mcpui-text-strong);\n}\n.mcpui-description { margin: 6px 0 0; color: var(--jini-mcpui-text-muted); }\n/* fit-content(40%), not max-content: one long label used to take the whole row and squeeze every\n   value to one character per line. Labels wrap at 40% instead. */\n.mcpui-details {\n  display: grid;\n  grid-template-columns: fit-content(40%) minmax(0, 1fr);\n  gap: 4px 14px;\n  margin: 14px 0 0;\n}\n.mcpui-details dt { color: var(--jini-mcpui-text-soft); font-weight: 500; overflow-wrap: anywhere; }\n.mcpui-details dd { margin: 0; overflow-wrap: anywhere; color: var(--jini-mcpui-text); }\n.mcpui-details dt .mcpui-hint { display: block; font-weight: 400; }\n/* A nested group (a tool's input fields) gets the card's full width, not the narrow value column. */\n.mcpui-details > dt:has(+ dd > .mcpui-detail-group),\n.mcpui-details > dd:has(> .mcpui-detail-group) { grid-column: 1 / -1; }\n.mcpui-details > dt:has(+ dd > .mcpui-detail-group) { margin-bottom: 6px; }\n.mcpui-details-outcome { display: flex; flex-direction: column; gap: 8px; }\n.mcpui-outcome-row { display: flex; align-items: flex-start; gap: 14px; }\n.mcpui-outcome-row dt { flex: 1; min-width: 0; overflow-wrap: anywhere; }\n.mcpui-outcome-row dt .mcpui-hint { display: block; font-weight: 400; }\n.mcpui-outcome-row dd { flex: 1; min-width: 0; }\n/* Capped so a long status cannot squeeze the label back to one character per line; the full text\n   stays in the cell's title. */\n.mcpui-outcome-row dd.mcpui-detail-status {\n  flex: 0 1 auto; max-width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n}\n/* Frames up to 480px: stack each label above its value so the value gets the full width.\n   Outcome lists keep their own row layout. */\n@media (max-width: 480px) {\n  .mcpui-details:not(.mcpui-details-outcome) { grid-template-columns: minmax(0, 1fr); row-gap: 0; }\n  .mcpui-details:not(.mcpui-details-outcome) dd { margin-bottom: 8px; }\n}\n/* The iframe has 16px body padding on each side: 352px viewport = 320px card. Stacked, the value\n   has the full width, so it wraps between words instead of truncating. */\n@media (max-width: 352px) {\n  .mcpui-outcome-row { flex-direction: column; gap: 2px; }\n  .mcpui-outcome-row dd.mcpui-detail-status { max-width: 100%; white-space: normal; overflow-wrap: normal; }\n}\n.mcpui-code {\n  margin: 0;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  max-height: 16em;\n  overflow: auto;\n  font-family: var(--jini-mcpui-font-mono);\n  font-size: 12.5px;\n  line-height: 1.45;\n  padding: 6px 8px;\n  border: 1px solid var(--jini-mcpui-border);\n  border-radius: var(--jini-mcpui-radius-sm);\n  background: var(--jini-mcpui-bg);\n}\n.mcpui-warning {\n  margin: 14px 0 0;\n  padding: 9px 11px;\n  border-radius: var(--jini-mcpui-radius-md);\n  border: 1px solid var(--jini-mcpui-danger);\n  background: var(--jini-mcpui-danger-tint);\n  color: var(--jini-mcpui-text-strong);\n}\n.mcpui-fields { display: flex; flex-direction: column; gap: 12px; margin: 16px 0 0; border: 0; padding: 0; }\n.mcpui-field { display: flex; flex-direction: column; gap: 4px; }\n.mcpui-field-inline { flex-direction: row; align-items: flex-start; gap: 8px; }\n.mcpui-label { font-weight: 500; color: var(--jini-mcpui-text-strong); }\n.mcpui-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }\n.mcpui-required { color: var(--jini-mcpui-accent); margin-left: 2px; }\n.mcpui-hint { color: var(--jini-mcpui-text-soft); font-size: 13px; }\n.mcpui-input, .mcpui-select, .mcpui-textarea {\n  font: inherit;\n  color: var(--jini-mcpui-text);\n  background: var(--jini-mcpui-panel);\n  border: 1px solid color-mix(in srgb, var(--jini-mcpui-accent) 14%, var(--jini-mcpui-border-strong));\n  border-radius: var(--jini-mcpui-radius-sm);\n  padding: 7px 9px;\n  width: 100%;\n  min-width: 0;\n}\n.mcpui-textarea { resize: vertical; min-height: 72px; font-family: var(--jini-mcpui-font); }\n/* A secret control's eye toggle sits inside the field's right edge. The control is padded so long\n   values never run under it; the button is a 40px tap target centred on the input, transparent,\n   so it overhangs the ~36px input invisibly instead of resizing the field. */\n.mcpui-secret { position: relative; display: flex; flex-direction: column; }\n.mcpui-secret > .mcpui-input, .mcpui-secret > .mcpui-textarea { padding-right: 44px; }\n.mcpui-secret-toggle {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 40px;\n  height: 40px;\n  margin-top: -20px;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 0;\n  border-radius: var(--jini-mcpui-radius-sm);\n  background: transparent;\n  color: var(--jini-mcpui-text-soft);\n  cursor: pointer;\n}\n.mcpui-secret > .mcpui-textarea + .mcpui-secret-toggle { top: 0; margin-top: -2px; }\n.mcpui-secret-toggle:hover:not([disabled]) { color: var(--jini-mcpui-text-strong); }\n.mcpui-secret-toggle[disabled] { opacity: 0.55; cursor: default; }\n.mcpui-secret-toggle:focus-visible { outline: 2px solid var(--jini-mcpui-accent-ring); outline-offset: -6px; }\n.mcpui-secret-toggle[aria-pressed=\"true\"] .mcpui-secret-icon-show,\n.mcpui-secret-toggle:not([aria-pressed=\"true\"]) .mcpui-secret-icon-hide { display: none; }\n.mcpui-checkbox { margin: 3px 0 0; accent-color: var(--jini-mcpui-accent); }\n.mcpui-choice-group { border: 0; padding: 0; margin: 0; min-width: 0; }\n.mcpui-choice { display: flex; flex-direction: row; align-items: flex-start; gap: 8px; margin: 6px 0 0; }\n.mcpui-choice-label { color: var(--jini-mcpui-text); font-weight: 400; }\n.mcpui-input:focus-visible, .mcpui-select:focus-visible, .mcpui-textarea:focus-visible,\n.mcpui-checkbox:focus-visible, .mcpui-button:focus-visible {\n  outline: 2px solid var(--jini-mcpui-accent-ring);\n  outline-offset: 1px;\n  border-color: var(--jini-mcpui-accent);\n}\n.mcpui-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; }\n.mcpui-button {\n  font: inherit;\n  font-weight: 500;\n  padding: 7px 15px;\n  border-radius: var(--jini-mcpui-radius-pill);\n  border: 1px solid color-mix(in srgb, var(--jini-mcpui-accent) 14%, var(--jini-mcpui-border-strong));\n  background: var(--jini-mcpui-panel);\n  color: var(--jini-mcpui-text);\n  cursor: pointer;\n}\n.mcpui-button:hover:not([disabled]) { background: var(--jini-mcpui-accent-tint); }\n.mcpui-button-primary {\n  background: var(--jini-mcpui-accent);\n  border-color: var(--jini-mcpui-accent);\n  color: var(--jini-mcpui-accent-ink);\n}\n.mcpui-button-primary:hover:not([disabled]) { background: var(--jini-mcpui-accent-hover); border-color: var(--jini-mcpui-accent-hover); }\n.mcpui-button-danger {\n  background: var(--jini-mcpui-danger);\n  border-color: var(--jini-mcpui-danger);\n  color: var(--jini-mcpui-panel);\n}\n.mcpui-button-danger:hover:not([disabled]) { background: var(--jini-mcpui-danger-hover); border-color: var(--jini-mcpui-danger-hover); }\n.mcpui-button[disabled] { opacity: 0.55; cursor: default; }\n.mcpui-status { margin: 12px 0 0; min-height: 1.4em; color: var(--jini-mcpui-text-muted); }\n.mcpui-status[data-state=\"failed\"], .mcpui-status[data-state=\"invalid\"], .mcpui-status[data-state=\"expired\"] { color: var(--jini-mcpui-danger); }\n.mcpui-status[data-state=\"done\"] { color: var(--jini-mcpui-text-strong); }\n/* Neither a plain success nor a failure \u2014 e.g. an outcome surface reporting \"uploaded, not yet\n   reachable\" (outcome.ts's own state: partial). Distinct from both --jini-mcpui-danger (would\n   wrongly read as \"this failed\") and --jini-mcpui-text-strong (would wrongly read as \"this is\n   fully done\"); the accent token reads as \"worth a second look\" without asserting either. */\n.mcpui-status[data-state=\"partial\"] { color: var(--jini-mcpui-accent); }\n.mcpui-code { font-family: var(--jini-mcpui-font-mono); font-size: 13px; color: var(--jini-mcpui-text-faint); }";
 /**
  * The Content-Security-Policy every generated surface declares in its own `<head>`.
  *
@@ -118,6 +118,14 @@ export declare const DEFAULT_SURFACE_STATUS_TEXT: SurfaceStatusText;
  * the builders make no assumption about it beyond ES5.
  */
 export declare const SURFACE_SCRIPT_PRELUDE: string;
+/**
+ * A field name that is simultaneously an HTML `name`, part of a DOM `id`, and a key in the JSON
+ * params object the surface posts back. Anything outside this set breaks at least one of those
+ * three silently — a space in a `name` produces an `id` the `for` attribute cannot reference, so
+ * clicking the label stops focusing the control and nothing reports an error.
+ */
+/** Hides an element visually while keeping it in the accessibility tree (see `.mcpui-visually-hidden` in {@link SURFACE_BASE_CSS}). */
+export declare const VISUALLY_HIDDEN_CLASS = "mcpui-visually-hidden";
 /**
  * Builds the DOM id for a field's control, validating the name on the way through.
  *
@@ -136,6 +144,8 @@ export declare function renderFieldLabel(spec: {
     label: string;
     required?: boolean;
     hint?: string;
+    /** Visually hide the label (it repeats the card title); it stays the control's accessible name. */
+    labelHidden?: boolean;
 }): string;
 /** The `aria-describedby` attribute pointing at a field's hint, or `''` when it has none. */
 export declare function fieldDescribedBy(spec: {

package/dist/features/mcp-ui/surfaces/document.js

@@ -70,6 +70,11 @@ body {
 }
 .mcpui-details dt { color: var(--jini-mcpui-text-soft); font-weight: 500; overflow-wrap: anywhere; }
 .mcpui-details dd { margin: 0; overflow-wrap: anywhere; color: var(--jini-mcpui-text); }
+.mcpui-details dt .mcpui-hint { display: block; font-weight: 400; }
+/* A nested group (a tool's input fields) gets the card's full width, not the narrow value column. */
+.mcpui-details > dt:has(+ dd > .mcpui-detail-group),
+.mcpui-details > dd:has(> .mcpui-detail-group) { grid-column: 1 / -1; }
+.mcpui-details > dt:has(+ dd > .mcpui-detail-group) { margin-bottom: 6px; }
 .mcpui-details-outcome { display: flex; flex-direction: column; gap: 8px; }
 .mcpui-outcome-row { display: flex; align-items: flex-start; gap: 14px; }
 .mcpui-outcome-row dt { flex: 1; min-width: 0; overflow-wrap: anywhere; }
@@ -118,6 +123,7 @@ body {
 .mcpui-field { display: flex; flex-direction: column; gap: 4px; }
 .mcpui-field-inline { flex-direction: row; align-items: flex-start; gap: 8px; }
 .mcpui-label { font-weight: 500; color: var(--jini-mcpui-text-strong); }
+.mcpui-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
 .mcpui-required { color: var(--jini-mcpui-accent); margin-left: 2px; }
 .mcpui-hint { color: var(--jini-mcpui-text-soft); font-size: 13px; }
 .mcpui-input, .mcpui-select, .mcpui-textarea {
@@ -382,6 +388,8 @@ function reportCallFailure(error) {
  * three silently — a space in a `name` produces an `id` the `for` attribute cannot reference, so
  * clicking the label stops focusing the control and nothing reports an error.
  */
+/** Hides an element visually while keeping it in the accessibility tree (see `.mcpui-visually-hidden` in {@link SURFACE_BASE_CSS}). */
+export const VISUALLY_HIDDEN_CLASS = 'mcpui-visually-hidden';
 const FIELD_NAME_PATTERN = /^[A-Za-z_][A-Za-z0-9_.-]*$/;
 /**
  * Builds the DOM id for a field's control, validating the name on the way through.
@@ -406,7 +414,7 @@ export function renderFieldLabel(spec) {
     const hint = spec.hint === undefined
         ? ''
         : `\n<span class="mcpui-hint" id="${escapeHtml(fieldElementId(spec.name))}-hint">${escapeHtml(spec.hint)}</span>`;
-    return `<label class="mcpui-label" for="${escapeHtml(fieldElementId(spec.name))}">${escapeHtml(spec.label)}${required}</label>${hint}`;
+    return `<label class="mcpui-label${spec.labelHidden === true ? ` ${VISUALLY_HIDDEN_CLASS}` : ''}" for="${escapeHtml(fieldElementId(spec.name))}">${escapeHtml(spec.label)}${required}</label>${hint}`;
 }
 /** The `aria-describedby` attribute pointing at a field's hint, or `''` when it has none. */
 export function fieldDescribedBy(spec) {

package/dist/features/mcp-ui/surfaces/fields.d.ts

@@ -72,15 +72,21 @@ export interface MultiEnumField extends SurfaceFieldBase {
     readonly options: readonly SelectOption[];
 }
 export type SurfaceField = StringField | NumberField | BooleanField | EnumField | MultiEnumField;
+/** Presentation the form decides for a field, not part of the field's own data. */
+export interface FieldRenderOptions {
+    /** The label repeats the card title: keep it as the accessible name, but don't show it twice. */
+    readonly labelHidden?: boolean;
+}
 /**
  * Renders the control fragment for one field, dispatching on its kind.
  *
  * @param field - See {@link SurfaceField}.
  * @param text - Optional host translations for secret reveal controls.
+ * @param options - See {@link FieldRenderOptions}.
  * @returns An HTML fragment.
  * @complexity O(n) in the rendered length.
  */
-export declare function renderFieldControl(field: SurfaceField, text?: Partial<SecretInputText>): string;
+export declare function renderFieldControl(field: SurfaceField, text?: Partial<SecretInputText>, options?: FieldRenderOptions): string;
 /** What the surface's inline script needs to read a field's value back and coerce it — the runtime half of {@link SurfaceField}, with the presentation stripped out. */
 export interface FieldReadSpec {
     readonly name: string;

package/dist/features/mcp-ui/surfaces/fields.js

@@ -31,41 +31,42 @@ function present(source, keys) {
     }
     return picked;
 }
-function base(field) {
-    return { name: field.name, label: field.label, ...present(field, ['hint', 'required', 'disabled']) };
+function base(field, options = {}) {
+    return { name: field.name, label: field.label, ...present(field, ['hint', 'required', 'disabled']), ...(options.labelHidden === true ? { labelHidden: true } : {}) };
 }
 /** One-of-N, drawn as radios or a select per {@link EnumField.presentation}. @complexity O(n) in the rendered length. */
-function renderEnumField(field) {
+function renderEnumField(field, options) {
     if (field.presentation === 'radio') {
         return renderChoiceGroup({
-            ...base(field),
+            ...base(field, options),
             selection: 'single',
             options: field.options,
             ...(field.value === undefined ? {} : { value: [field.value] }),
         });
     }
-    return renderSelect({ ...base(field), options: field.options, ...present(field, ['value', 'placeholder']) });
+    return renderSelect({ ...base(field, options), options: field.options, ...present(field, ['value', 'placeholder']) });
 }
 /**
  * Renders the control fragment for one field, dispatching on its kind.
  *
  * @param field - See {@link SurfaceField}.
  * @param text - Optional host translations for secret reveal controls.
+ * @param options - See {@link FieldRenderOptions}.
  * @returns An HTML fragment.
  * @complexity O(n) in the rendered length.
  */
-export function renderFieldControl(field, text) {
+export function renderFieldControl(field, text, options = {}) {
     switch (field.kind) {
         case 'string':
-            return renderTextInput({ ...base(field), ...text, ...present(field, ['value', 'placeholder', 'multiline', 'rows', 'secret']) });
+            return renderTextInput({ ...base(field, options), ...text, ...present(field, ['value', 'placeholder', 'multiline', 'rows', 'secret']) });
         case 'number':
-            return renderTextInput({ ...base(field), inputType: 'number', ...present(field, ['value', 'placeholder', 'min', 'max', 'step']) });
+            return renderTextInput({ ...base(field, options), inputType: 'number', ...present(field, ['value', 'placeholder', 'min', 'max', 'step']) });
         case 'boolean':
-            return renderCheckbox({ ...base(field), ...present(field, ['value']) });
+            return renderCheckbox({ ...base(field, options), ...present(field, ['value']) });
         case 'enum':
-            return renderEnumField(field);
+            return renderEnumField(field, options);
         case 'multi-enum':
-            return renderChoiceGroup({ ...base(field), selection: 'multiple', options: field.options, ...present(field, ['value']) });
+            return renderChoiceGroup({ ...base(field, options), selection: 'multiple', options: field.options, ...present(field, ['value']) });
     }
     return unhandledCase(field);
 }

package/dist/features/mcp-ui/surfaces/form.js

@@ -54,10 +54,15 @@ function formActions(spec) {
         actions.push({ id: 'cancel', label: spec.cancel.label, variant: 'neutral' });
     return actions;
 }
+/** Case- and whitespace-insensitive equality: a field label that only repeats the card title is the same question. */
+function sameText(a, b) {
+    const norm = (s) => s.trim().replace(/\s+/g, ' ').toLowerCase();
+    return norm(a) === norm(b);
+}
 /** Header, context, the `<form>` itself and the status region. @complexity O(n) in the rendered length. */
 function formBodyHtml(spec, text) {
     const controls = spec.fields
-        .map((field) => renderFieldControl(field, { showSecret: text.showSecret, hideSecret: text.hideSecret }))
+        .map((field) => renderFieldControl(field, { showSecret: text.showSecret, hideSecret: text.hideSecret }, { labelHidden: sameText(field.label, spec.title) }))
         .join('\n');
     const warning = spec.warning === undefined ? '' : `<p class="mcpui-warning">${escapeHtml(spec.warning)}</p>`;
     return [

package/dist/features/mcp-ui/surfaces/select.d.ts

@@ -23,6 +23,8 @@ export interface SelectProps {
     /** Label for that leading empty option. Defaults to an em-dash. */
     readonly placeholder?: string;
     readonly disabled?: boolean;
+    /** Visually hide the label (it repeats the card title); it stays the accessible name. */
+    readonly labelHidden?: boolean;
 }
 /**
  * Renders one enumerated field.

package/dist/features/mcp-ui/surfaces/text-input.d.ts

@@ -16,6 +16,8 @@ export interface TextInputProps extends Partial<SecretInputText> {
     readonly hint?: string;
     readonly required?: boolean;
     readonly disabled?: boolean;
+    /** Visually hide the label (it repeats the card title); it stays the accessible name. */
+    readonly labelHidden?: boolean;
     /** `'number'` also constrains the on-screen keyboard on touch devices, which `'text'` would not. */
     readonly inputType?: 'text' | 'number';
     /** Renders as `<input type="password">`, or a masked textarea when multiline — either way with

package/dist/features/mcp-ui/surfaces/tool-approval.js

@@ -7,15 +7,16 @@ function record({ value }, _options = {}) {
     const candidate = { value };
     return isNonArrayRecord(candidate) ? candidate.value : {};
 }
-/** Project inline JSON-schema property copy into the existing dotted-path label contract.
- * No reference resolution or schema validation; unknown fields keep the renderer's fallback.
+/** Project inline JSON-schema property titles into the existing dotted-path label contract.
+ * Only `title`: `description` is guidance written for the model (often a paragraph), not a label;
+ * untitled fields keep the renderer's humanized-key fallback. No reference resolution or validation.
  * @complexity O(n * depth) time and space in property-path bytes; no effects or input mutation. */
 function schemaLabels({ schema, path = '' }, { text }) {
     const properties = record({ value: record({ value: schema }).properties });
     return Object.fromEntries(Object.entries(properties).flatMap(([key, property]) => {
         const field = record({ value: property });
         const fieldPath = path ? `${path}.${key}` : key;
-        const label = nonBlank({ value: field.title }) ?? nonBlank({ value: field.description });
+        const label = nonBlank({ value: field.title });
         return [
             ...(label ? [[fieldPath, text({ key: label })]] : []),
             ...Object.entries(schemaLabels({ schema: field, path: fieldPath }, { text })),

package/dist/react/components/AgentIcon.js

@@ -12,7 +12,6 @@ const ICON_EXT = {
     gemini: 'svg',
     opencode: 'svg',
     'cursor-agent': 'svg',
-    copilot: 'svg',
     qwen: 'svg',
     qoder: 'svg',
     deepseek: 'svg',

package/dist/react/components/agent-icon-data-uris.generated.js

@@ -7,7 +7,6 @@ export const AGENT_ICON_DATA_URIS = {
     "antigravity": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yIC0xIDI4IDI4Ij48cGF0aCBkPSJNMjEuNzUxIDIyLjYwN2MxLjM0IDEuMDA1IDMuMzUuMzM1IDEuNTA4LTEuNTA4QzE3LjczIDE1Ljc0IDE4LjkwNCAxIDEyLjAzNyAxIDUuMTcgMSA2LjM0MiAxNS43NC44MTUgMjEuMWMtMi4wMSAyLjAwOS4xNjcgMi41MTEgMS41MDcgMS41MDYgNS4xOTItMy41MTcgNC44NTctOS43MTQgOS43MTUtOS43MTQgNC44NTcgMCA0LjUyMiA2LjE5NyA5LjcxNCA5LjcxNXoiIGZpbGw9InVybCgjYWcpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhZyIgeDE9IjIiIHkxPSIxMiIgeDI9IjIyIiB5Mj0iMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjNDI4NUY0Ii8+PHN0b3Agb2Zmc2V0PSIuMzMiIHN0b3AtY29sb3I9IiNFQTQzMzUiLz48c3RvcCBvZmZzZXQ9Ii42NiIgc3RvcC1jb2xvcj0iI0ZCQkMwNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzM0QTg1MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPgo=",
     "claude": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2Q5Nzc1NyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjAuOTk4IDEwLjk0OUgyNHYzLjEwMmgtM3YzLjAyOGgtMS40ODdWMjBIMTh2LTIuOTIxaC0xLjQ4N1YyMEgxNXYtMi45MjFIOVYyMEg3LjQ4OHYtMi45MjFINlYyMEg0LjQ4N3YtMi45MjFIM1YxNC4wNUgwdi0zLjFoM1Y1aDE3Ljk5OHpNNiAxMC45NDloMS40ODhWOC4xMDJINnptMTAuNTEgMEgxOFY4LjEwMmgtMS40OXoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==",
     "codex": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE5LjUwMyAwSDQuNDk2QTQuNDk2IDQuNDk2IDAgMCAwIDAgNC40OTZ2MTUuMDA3QTQuNDk2IDQuNDk2IDAgMCAwIDQuNDk2IDI0aDE1LjAwN0E0LjQ5NiA0LjQ5NiAwIDAgMCAyNCAxOS41MDNWNC40OTZBNC40OTYgNC40OTYgMCAwIDAgMTkuNTAzIDAiLz48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNOS4wNjQgMy4zNDRhNC42IDQuNiAwIDAgMSAyLjI4NS0uMzEycTEuNS4xNzMgMi42NzMgMS4yNzUuMDE2LjAxNS4wMzcuMDIxYS4xLjEgMCAwIDAgLjA0MyAwIDQuNTUgNC41NSAwIDAgMSAzLjA0Ni4yNzVsLjA0Ny4wMjIuMTE2LjA1N2E0LjU4IDQuNTggMCAwIDEgMi4xODggMi4zOTlxLjMxMy43NjUuMzE1IDEuNTk1YTQuMiA0LjIgMCAwIDEtLjEzNCAxLjIyMy4xMi4xMiAwIDAgMCAuMDMuMTE1cS44OS45MSAxLjE4MyAyLjE3LjQzMyAyLjEzOC0uODg3IDMuODU0bC0uMTM2LjE2NmE0LjU1IDQuNTUgMCAwIDEtMi4yMDEgMS4zODguMTIuMTIgMCAwIDAtLjA4MS4wNzZjLS4xOTEuNTUxLS4zODMgMS4wMjMtLjc0IDEuNDk0LS45IDEuMTg3LTIuMjIyIDEuODQ2LTMuNzExIDEuODM4cS0xLjc4LS4wMDktMy4xNTctMS4zMDJhLjExLjExIDAgMCAwLS4xMDUtLjAyNGMtLjM4OC4xMjUtLjc4LjE0My0xLjIwNC4xMzhhNC40NCA0LjQ0IDAgMCAxLTEuOTQ1LS40NjYgNC41NCA0LjU0IDAgMCAxLTEuNjEtMS4zMzVjLS4xNTItLjIwMi0uMzAzLS4zOTItLjQxNC0uNjE3YTYgNiAwIDAgMS0uMzctLjk2MSA0LjYgNC42IDAgMCAxLS4wMTQtMi4yOTguMS4xIDAgMCAwIC4wMDYtLjA1Ni4xLjEgMCAwIDAtLjAyNy0uMDQ4IDQuNSA0LjUgMCAwIDEtMS4wMzQtMS42NTEgMy45IDMuOSAwIDAgMS0uMjUxLTEuMTkyIDUuMiA1LjIgMCAwIDEgLjE0MS0xLjZRMy42NTkgNy45MiA1LjA4NiA2Ljk3cS4zMTgtLjIxMi42MDEtLjMzYTYgNiAwIDAgMSAuNjQ2LS4yMjcuMS4xIDAgMCAwIC4wNjUtLjA2NiA0LjUgNC41IDAgMCAxIC44MjktMS42MTUgNC41NCA0LjU0IDAgMCAxIDEuODM3LTEuMzg4bTMuNDgyIDEwLjU2NWEuNjM3LjYzNyAwIDAgMCAwIDEuMjcyaDMuNjM2YS42MzcuNjM3IDAgMSAwIDAtMS4yNzJ6TTguNDYyIDkuMjNhLjYzNy42MzcgMCAwIDAtMS4xMDYuNjMxbDEuMjcyIDIuMjI0LTEuMjY2IDIuMTM2YS42MzYuNjM2IDAgMSAwIDEuMDk1LjY0OWwxLjQ1NC0yLjQ1NWEuNjQuNjQgMCAwIDAgLjAwNS0uNjR6Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMTIiIHgyPSIxMiIgeTE9IjMiIHkyPSIyMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNiMWE3ZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjN2E5ZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzk0MWZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",
-    "copilot": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzg1MzRGMyIgZD0iTTIzLjkyMiAxNi45OTJjLS44NjEgMS40OTUtNS44NTkgNS4wMjMtMTEuOTIyIDUuMDIzLTYuMDYzIDAtMTEuMDYxLTMuNTI4LTExLjkyMi01LjAyM0EuNjQxLjY0MSAwIDAgMSAwIDE2LjczNnYtMi44NjlhLjg0MS44NDEgMCAwIDEgLjA1My0uMjJjLjM3Mi0uOTM1IDEuMzQ3LTIuMjkyIDIuNjA1LTIuNjU2LjE2Ny0uNDI5LjQxNC0xLjA1NS42NDQtMS41MTdhMTAuMTk1IDEwLjE5NSAwIDAgMS0uMDUyLTEuMDg2YzAtMS4zMzEuMjgyLTIuNDk5IDEuMTMyLTMuMzY4LjM5Ny0uNDA2Ljg5LS43MTcgMS40NzQtLjk1MiAxLjM5OS0xLjEzNiAzLjM5Mi0yLjA5MyA2LjEyMi0yLjA5MyAyLjczMSAwIDQuNzY3Ljk1NyA2LjE2NiAyLjA5My41ODQuMjM1IDEuMDc3LjU0NiAxLjQ3NC45NTIuODUuODY5IDEuMTMyIDIuMDM3IDEuMTMyIDMuMzY4IDAgLjM2OC0uMDE0LjczMy0uMDUyIDEuMDg2LjIzLjQ2Mi40NzcgMS4wODguNjQ0IDEuNTE3IDEuMjU4LjM2NCAyLjIzMyAxLjcyMSAyLjYwNSAyLjY1NmEuODMyLjgzMiAwIDAgMSAuMDUzLjIydjIuODY5YS42NDEuNjQxIDAgMCAxLS4wNzguMjU2Wk0xMi4xNzIgMTFoLS4zNDRhNC4zMjMgNC4zMjMgMCAwIDEtLjM1NS41MDhDMTAuNzAzIDEyLjQ1NSA5LjU1NSAxMyA3Ljk2NSAxM2MtMS43MjUgMC0yLjk4OS0uMzU5LTMuNzgyLTEuMjU5YTIuMDA1IDIuMDA1IDAgMCAxLS4wODUtLjEwNEw0IDExLjc0MXY2LjU4NWMxLjQzNS43NzkgNC41MTQgMi4xNzkgOCAyLjE3OSAzLjQ4NiAwIDYuNTY1LTEuNCA4LTIuMTc5di02LjU4NWwtLjA5OC0uMTA0cy0uMDMzLjA0NS0uMDg1LjEwNGMtLjc5My45LTIuMDU3IDEuMjU5LTMuNzgyIDEuMjU5LTEuNTkgMC0yLjczOC0uNTQ1LTMuNTA4LTEuNDkyYTQuMzIzIDQuMzIzIDAgMCAxLS4zNTUtLjUwOGgtLjAxNi4wMTZabS42NDEtMi45MzVjLjEzNiAxLjA1Ny40MDMgMS45MTMuODc4IDIuNDk3LjQ0Mi41NDQgMS4xMzQuOTM4IDIuMzQ0LjkzOCAxLjU3MyAwIDIuMjkyLS4zMzcgMi42NTctLjc1MS4zODQtLjQzNS41NTgtMS4xNS41NTgtMi4zNjEgMC0xLjE0LS4yNDMtMS44NDctLjcwNS0yLjMxOS0uNDc3LS40ODgtMS4zMTktLjg2Mi0yLjgyNC0xLjAyNS0xLjQ4Ny0uMTYxLTIuMTkyLjEzOC0yLjUzMy41MjktLjI2OS4zMDctLjQzNy44MDgtLjQzOCAxLjU3OHYuMDIxYzAgLjI2NS4wMjEuNTYyLjA2My44OTNabS0xLjYyNiAwYy4wNDItLjMzMS4wNjMtLjYyOC4wNjMtLjg5NHYtLjAyYy0uMDAxLS43Ny0uMTY5LTEuMjcxLS40MzgtMS41NzgtLjM0MS0uMzkxLTEuMDQ2LS42OS0yLjUzMy0uNTI5LTEuNTA1LjE2My0yLjM0Ny41MzctMi44MjQgMS4wMjUtLjQ2Mi40NzItLjcwNSAxLjE3OS0uNzA1IDIuMzE5IDAgMS4yMTEuMTc1IDEuOTI2LjU1OCAyLjM2MS4zNjUuNDE0IDEuMDg0Ljc1MSAyLjY1Ny43NTEgMS4yMSAwIDEuOTAyLS4zOTQgMi4zNDQtLjkzOC40NzUtLjU4NC43NDItMS40NC44NzgtMi40OTdaIi8+PHBhdGggZmlsbD0iIzg1MzRGMyIgZD0iTTE0LjUgMTQuMjVhMSAxIDAgMCAxIDEgMXYyYTEgMSAwIDAgMS0yIDB2LTJhMSAxIDAgMCAxIDEtMVptLTUgMGExIDEgMCAwIDEgMSAxdjJhMSAxIDAgMCAxLTIgMHYtMmExIDEgMCAwIDEgMS0xWiIvPjwvc3ZnPg==",
     "cursor-agent": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMxYzFiMWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIuMTA2IDUuNjggMTIuNS4xMzVhMSAxIDAgMCAwLS45OTggMEwxLjg5MyA1LjY4YS44NC44NCAwIDAgMC0uNDE5LjcyNnYxMS4xODZjMCAuMy4xNi41NzcuNDIuNzI3bDkuNjA3IDUuNTQ3YTEgMSAwIDAgMCAuOTk4IDBsOS42MDgtNS41NDdhLjg0Ljg0IDAgMCAwIC40Mi0uNzI3VjYuNDA3YS44NC44NCAwIDAgMC0uNDItLjcyNnptLS42MDMgMS4xNzZMMTIuMjI4IDIyLjkyYy0uMDYzLjEwOC0uMjI4LjA2NC0uMjI4LS4wNjFWMTIuMzRhLjU5LjU5IDAgMCAwLS4yOTUtLjUxbC05LjExLTUuMjZjLS4xMDctLjA2Mi0uMDYzLS4yMjguMDYyLS4yMjhoMTguNTVjLjI2NCAwIC40MjguMjg2LjI5Ni41MTQiLz48L3N2Zz4=",
     "deepseek": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzRkNmJmZSIgZD0iTTIzLjc0OCA0LjQ4MmMtLjI1NC0uMTI0LS4zNjQuMTEzLS41MTIuMjM0LS4wNTEuMDM5LS4wOTQuMDktLjEzNy4xMzYtLjM3Mi4zOTctLjgwNi42NTctMS4zNzMuNjI2LS44MjktLjA0Ni0xLjUzNy4yMTQtMi4xNjMuODQ4LS4xMzMtLjc4Mi0uNTc1LTEuMjQ4LTEuMjQ3LTEuNTQ4LS4zNTItLjE1Ni0uNzA4LS4zMTEtLjk1NS0uNjUtLjE3Mi0uMjQxLS4yMTktLjUxLS4zMDUtLjc3NC0uMDU1LS4xNi0uMTEtLjMyMy0uMjkzLS4zNS0uMi0uMDMxLS4yNzguMTM2LS4zNTYuMjc2LS4zMTMuNTcyLS40MzQgMS4yMDItLjQyMiAxLjg0LjAyNyAxLjQzNi42MzMgMi41OCAxLjgzOCAzLjM5My4xMzcuMDkzLjE3Mi4xODcuMTI5LjMyMy0uMDgyLjI4LS4xOC41NTItLjI2Ni44MzMtLjA1NS4xNzktLjEzNy4yMTctLjMyOS4xNGE1LjUgNS41IDAgMCAxLTEuNzM2LTEuMThjLS44NTctLjgyOC0xLjYzMS0xLjc0Mi0yLjU5Ny0yLjQ1OGExMSAxMSAwIDAgMC0uNjg5LS40NzFjLS45ODUtLjk1Ny4xMy0xLjc0My4zODgtMS44MzYuMjctLjA5OC4wOTMtLjQzMi0uNzc5LS40MjhzLTEuNjcuMjk1LTIuNjg3LjY4NGEzIDMgMCAwIDEtLjQ2NS4xMzcgOS42IDkuNiAwIDAgMC0yLjg4My0uMTAyYy0xLjg4NS4yMS0zLjM5IDEuMTAyLTQuNDk3IDIuNjIzQy4wODIgOC42MDYtLjIzMSAxMC42ODQuMTUyIDEyLjg1Yy40MDMgMi4yODQgMS41NjkgNC4xNzUgMy4zNiA1LjY1MyAxLjg1OCAxLjUzMyAzLjk5NyAyLjI4NCA2LjQzOCAyLjE0IDEuNDgyLS4wODUgMy4xMzMtLjI4NCA0Ljk5NC0xLjg2LjQ3LjIzNC45NjIuMzI3IDEuNzguMzk3LjYzLjA1OSAxLjIzNi0uMDMgMS43MDUtLjEyOC43MzUtLjE1Ni42ODQtLjgzNy40MTktLjk2MS0yLjE1NS0xLjAwNC0xLjY4Mi0uNTk1LTIuMTEzLS45MjYgMS4wOTYtMS4yOTYgMi43NDYtMi42NDIgMy4zOTItNy4wMDMuMDUtLjM0Ny4wMDctLjU2NSAwLS44NDUtLjAwNC0uMTcuMDM1LS4yMzcuMjMtLjI1NmE0LjIgNC4yIDAgMCAwIDEuNTQ1LS40NzVjMS4zOTYtLjc2MyAxLjk2LTIuMDE1IDIuMDkzLTMuNTE3LjAyLS4yMy0uMDA0LS40NjctLjI0Ny0uNTg4ek0xMS41ODEgMThjLTIuMDg5LTEuNjQyLTMuMTAyLTIuMTgzLTMuNTItMi4xNi0uMzkyLjAyNC0uMzIxLjQ3MS0uMjM1Ljc2My4wOS4yODguMjA3LjQ4Ni4zNzEuNzM5LjExNC4xNjcuMTkyLjQxNi0uMTEzLjYwMy0uNjczLjQxNi0xLjg0Mi0uMTQtMS44OTctLjE2Ny0xLjM2MS0uODAyLTIuNS0xLjg2LTMuMzAxLTMuMzA3LS43NzQtMS4zOTMtMS4yMjQtMi44ODctMS4yOTgtNC40ODItLjAyLS4zODYuMDkzLS41MjIuNDc3LS41OTJhNC43IDQuNyAwIDAgMSAxLjUyOS0uMDM5YzIuMTMyLjMxMiAzLjk0NiAxLjI2NSA1LjQ2OCAyLjc3NC44NjguODYgMS41MjUgMS44ODcgMi4yMDIgMi44OTEuNzIgMS4wNjYgMS40OTQgMi4wODIgMi40OCAyLjkxNC4zNDguMjkyLjYyNS41MTQuODkxLjY3Ny0uODAyLjA5LTIuMTQuMTEtMy4wNTQtLjYxNG0xLTYuNDRhLjMwNi4zMDYgMCAwIDEgLjQxNS0uMjg3LjMuMyAwIDAgMSAuMi4yODguMzA2LjMwNiAwIDAgMS0uMzEuMzA3LjMwMy4zMDMgMCAwIDEtLjMwNC0uMzA4em0zLjExIDEuNTk2Yy0uMi4wODEtLjM5OS4xNTEtLjU5LjE2YTEuMjUgMS4yNSAwIDAgMS0uNzk4LS4yNTRjLS4yNzQtLjIzLS40Ny0uMzU4LS41NTItLjc1OGExLjcgMS43IDAgMCAxIC4wMTYtLjU4OGMuMDctLjMyNy0uMDA4LS41MzctLjIzOS0uNzI3LS4xODctLjE1Ni0uNDI2LS4xOTktLjY4OC0uMTk5YS41Ni41NiAwIDAgMS0uMjU0LS4wNzguMjUzLjI1MyAwIDAgMS0uMTE0LS4zNThjLjAyOC0uMDU0LjE2LS4xODYuMTkyLS4yMS4zNTYtLjIwMi43NjctLjEzNiAxLjE0Ni4wMTYuMzUyLjE0NC42MTguNDA4IDEuMDAxLjc4Mi4zOTEuNDUxLjQ2Mi41NzYuNjg1LjkxNC4xNzYuMjY1LjMzNi41MzcuNDQ1Ljg0OC4wNjcuMTk1LS4wMTkuMzU0LS4yNS40NTIiLz48L3N2Zz4=",
     "gemini": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgNC4zOTFBNC4zOSA0LjM5IDAgMCAxIDQuMzkxIDBoMTUuMjE3QTQuMzkgNC4zOSAwIDAgMSAyNCA0LjM5MXYxNS4yMTdBNC4zOSA0LjM5IDAgMCAxIDE5LjYwOCAyNEg0LjM5MUE0LjM5IDQuMzkgMCAwIDEgMCAxOS42MDh6Ii8+PHBhdGggZmlsbD0iIzFlMWUyZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNzQgMS40NDRhMi44MTYgMi44MTYgMCAwIDEgMi44MTYgMi44MTZ2MTUuNDhhMi44MTYgMi44MTYgMCAwIDEtMi44MTYgMi44MTZINC4yNmEyLjgxNiAyLjgxNiAwIDAgMS0yLjgxNi0yLjgxNlY0LjI2QTIuODE2IDIuODE2IDAgMCAxIDQuMjYgMS40NDR6TTcuMjM2IDguNTY0bDcuNzUyIDMuNzI4LTcuNzUyIDMuNzI3djIuODAybDkuNTU3LTQuNTk2di0zLjg2Nkw3LjIzNiA1Ljc2M3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjI0IiB4Mj0iMCIgeTE9IjYuNTg3IiB5Mj0iMTYuNDk0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2VlNGQ1ZCIvPjxzdG9wIG9mZnNldD0iLjMyOCIgc3RvcC1jb2xvcj0iI2IzODFkZCIvPjxzdG9wIG9mZnNldD0iLjQ3NiIgc3RvcC1jb2xvcj0iIzIwN2NmZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",

package/dist/renderers/shiki.js

@@ -1,3 +1,9 @@
+/**
+ * Syntax-highlighted code fragments for artifact rendering. Verbatim port of
+ * `apps/web/src/runtime/shiki.ts` in the origin project — no product-specific
+ * logic in the original. See `archived provenance ledger`.
+ */
+import { loadOptionalPeer } from '@jini-ai/core/optional-peer';
 let highlighterPromise = null;
 const cache = new Map();
 const CACHE_MAX = 128;
@@ -8,7 +14,7 @@ const CACHE_MAX = 128;
 // around with a cast that would fail at runtime. See `archived provenance ledger`.
 function getHighlighter() {
     if (!highlighterPromise) {
-        highlighterPromise = import('shiki/bundle/web').then(({ createHighlighter }) => createHighlighter({
+        highlighterPromise = loadOptionalPeer({ feature: 'Syntax highlighting', dependency: 'shiki', load: () => import('shiki/bundle/web') }).then(({ createHighlighter }) => createHighlighter({
             themes: ['github-light-default', 'github-dark-default'],
             langs: [
                 'javascript', 'typescript', 'tsx', 'jsx', 'html', 'css', 'json',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jini-ai/ui",
-  "version": "0.6.15",
+  "version": "0.6.16",
   "description": "Generic, product-neutral React UI primitives and feature domains. Framework-free types, decision rules, catalogs, and host port contracts live behind ./core (no React, no DOM). The Excalidraw and Lexical editors live behind ./sketch-editor and ./lexical-rich-text-editor; the GrapesJS-backed inline HTML editor lives behind ./html-editor.",
   "license": "Apache-2.0",
   "repository": {
@@ -58,6 +58,26 @@
         "src/theme/validation.ts",
         "src/theme/types.ts"
       ]
+    },
+    "optionalPeers": {
+      "@tanstack/react-query": "opt-in: cached react queries; import @jini-ai/ui/fetch-query/tanstack — Cached React queries could not load @tanstack/react-query. Install @tanstack/react-query to enable this feature, or check its installed version and native binaries.",
+      "@excalidraw/excalidraw": "opt-in: sketch editor; import @jini-ai/ui/sketch-editor — Sketch editor could not load @excalidraw/excalidraw. Install @excalidraw/excalidraw to enable this feature, or check its installed version and native binaries.",
+      "@lexical/react": "opt-in: rich text editor react bindings; import @jini-ai/ui/lexical-rich-text-editor — Rich text editor React bindings could not load @lexical/react. Install @lexical/react to enable this feature, or check its installed version and native binaries.",
+      "@lexical/utils": "opt-in: rich text editor utilities; import @jini-ai/ui/lexical-rich-text-editor — Rich text editor utilities could not load @lexical/utils. Install @lexical/utils to enable this feature, or check its installed version and native binaries.",
+      "@mcp-ui/client": "opt-in: mcp ui renderer; import @jini-ai/ui/mcp-ui — MCP UI renderer could not load @mcp-ui/client. Install @mcp-ui/client to enable this feature, or check its installed version and native binaries.",
+      "@radix-ui/react-checkbox": "opt-in: interactive ui controls; import @jini-ai/ui/interactive-ui — Interactive UI controls could not load @radix-ui/react-checkbox. Install @radix-ui/react-checkbox to enable this feature, or check its installed version and native binaries.",
+      "@radix-ui/react-label": "opt-in: interactive ui controls; import @jini-ai/ui/interactive-ui — Interactive UI controls could not load @radix-ui/react-label. Install @radix-ui/react-label to enable this feature, or check its installed version and native binaries.",
+      "@radix-ui/react-radio-group": "opt-in: interactive ui controls; import @jini-ai/ui/interactive-ui — Interactive UI controls could not load @radix-ui/react-radio-group. Install @radix-ui/react-radio-group to enable this feature, or check its installed version and native binaries.",
+      "@radix-ui/react-select": "opt-in: interactive ui controls; import @jini-ai/ui/interactive-ui — Interactive UI controls could not load @radix-ui/react-select. Install @radix-ui/react-select to enable this feature, or check its installed version and native binaries.",
+      "@radix-ui/react-slot": "opt-in: interactive ui controls — Interactive UI controls could not load @radix-ui/react-slot. Install @radix-ui/react-slot to enable this feature, or check its installed version and native binaries.",
+      "grapesjs": "opt-in: visual html editor; import @jini-ai/ui/html-editor — Visual HTML editor could not load grapesjs. Install grapesjs to enable this feature, or check its installed version and native binaries.",
+      "lexical": "opt-in: rich text editor; import @jini-ai/ui/lexical-rich-text-editor — Rich text editor could not load lexical. Install lexical to enable this feature, or check its installed version and native binaries.",
+      "class-variance-authority": "opt-in: styled interactive ui components; import @jini-ai/ui/interactive-ui — Styled interactive UI components could not load class-variance-authority. Install class-variance-authority to enable this feature, or check its installed version and native binaries.",
+      "clsx": "opt-in: styled interactive ui components; import @jini-ai/ui/interactive-ui — Styled interactive UI components could not load clsx. Install clsx to enable this feature, or check its installed version and native binaries.",
+      "parse5": "opt-in: html parsing; import @jini-ai/ui/html-editor — HTML parsing could not load parse5. Install parse5 to enable this feature, or check its installed version and native binaries.",
+      "shiki": "opt-in: syntax highlighting; import @jini-ai/ui/renderers — Syntax highlighting could not load shiki. Install shiki to enable this feature, or check its installed version and native binaries.",
+      "tailwind-merge": "opt-in: styled interactive ui components; import @jini-ai/ui/interactive-ui — Styled interactive UI components could not load tailwind-merge. Install tailwind-merge to enable this feature, or check its installed version and native binaries.",
+      "zod": "opt-in: schema-based features; import @jini-ai/ui/interactive-ui — Schema-based features could not load zod. Install zod to enable this feature, or check its installed version and native binaries."
     }
   },
   "type": "module",
@@ -243,15 +263,19 @@
     "shiki": "^1.24.4",
     "tailwind-merge": "^2.6.0",
     "zod": "^3.25.76",
-    "@jini-ai/agent-runtime": "^0.6.15",
-    "@jini-ai/integrations": "^0.6.15",
-    "@jini-ai/agentic": "^0.6.15",
-    "@jini-ai/core": "^0.6.15",
-    "@jini-ai/platform": "^0.6.15"
+    "@jini-ai/agentic": "^0.6.16",
+    "@jini-ai/platform": "^0.6.16",
+    "@jini-ai/core": "^0.6.16",
+    "@jini-ai/integrations": "^0.6.16",
+    "@jini-ai/agent-runtime": "^0.6.16"
   },
   "dependencies": {
-    "@jini-ai/ui-kit": "^0.6.15",
-    "@jini-ai/core": "^0.6.15"
+    "micromark": "^4.0.0",
+    "micromark-extension-gfm": "^3.0.0",
+    "@jini-ai/ui-kit": "^0.6.16",
+    "@jini-ai/core": "^0.6.16",
+    "@jini-ai/agentic": "^0.6.16",
+    "@jini-ai/platform": "^0.6.16"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
@@ -268,12 +292,8 @@
     "lexical": "0.36.2",
     "react": "^18.3.0 || ^19.0.0",
     "react-dom": "^18.3.0 || ^19.0.0",
-    "@jini-ai/platform": "^0.6.10",
-    "@jini-ai/agentic": "^0.6.10",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "micromark": "^4.0.0",
-    "micromark-extension-gfm": "^3.0.0",
     "parse5": "^7.3.0 || ^8.0.1",
     "shiki": "^1.24.4",
     "tailwind-merge": "^2.6.0",
@@ -316,30 +336,12 @@
     "lexical": {
       "optional": true
     },
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    },
-    "@jini-ai/platform": {
-      "optional": true
-    },
-    "@jini-ai/agentic": {
-      "optional": true
-    },
     "class-variance-authority": {
       "optional": true
     },
     "clsx": {
       "optional": true
     },
-    "micromark": {
-      "optional": true
-    },
-    "micromark-extension-gfm": {
-      "optional": true
-    },
     "parse5": {
       "optional": true
     },