@jini-ai/ui 0.4.7 → 0.4.8

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_ES = {
     'About': 'Acerca de',
     'Accent color': 'Color de acento',
     'Account': 'Cuenta',
+    'Advanced': 'Avanzado',
     'Advanced: proxy & custom paths': 'Avanzado: proxy y rutas personalizadas',
     'Agent check failed': 'Falló la comprobación del agente',
     'Agent is ready.': 'El agente está listo.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_ES = {
     'Not available for this daemon.': 'No disponible para este daemon.',
     'Not configured': 'No configurado',
     'Not installed': 'No instalado',
+    'Show {count} not installed': 'Mostrar {count} no instalados',
+    'Hide not installed': 'Ocultar no instalados',
+    'Show not-installed CLIs': 'Mostrar CLIs no instalados',
     'Not sharing': 'No se comparte',
     'Nothing is shared unless you opt in.': 'No se comparte nada a menos que lo actives.',
     'Off': 'Desactivado',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_FA = {
     'About': 'درباره',
     'Accent color': 'رنگ تأکیدی',
     'Account': 'حساب کاربری',
+    'Advanced': 'پیشرفته',
     'Advanced: proxy & custom paths': 'پیشرفته: پراکسی و مسیرهای سفارشی',
     'Agent check failed': 'بررسی عامل ناموفق بود',
     'Agent is ready.': 'عامل آماده است.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_FA = {
     'Not available for this daemon.': 'برای این دیمون در دسترس نیست.',
     'Not configured': 'پیکربندی‌نشده',
     'Not installed': 'نصب‌نشده',
+    'Show {count} not installed': 'نمایش {count} مورد نصب‌نشده',
+    'Hide not installed': 'پنهان کردن موارد نصب‌نشده',
+    'Show not-installed CLIs': 'نمایش CLIهای نصب‌نشده',
     'Not sharing': 'اشتراک‌گذاری نمی‌شود',
     'Nothing is shared unless you opt in.': 'تا زمانی که خودتان فعال نکنید، چیزی به اشتراک گذاشته نمی‌شود.',
     'Off': 'خاموش',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_FR = {
     'About': 'À propos',
     'Accent color': 'Couleur d\'accent',
     'Account': 'Compte',
+    'Advanced': 'Avancé',
     'Advanced: proxy & custom paths': 'Avancé : proxy et chemins personnalisés',
     'Agent check failed': 'Échec de la vérification de l\'agent',
     'Agent is ready.': 'L\'agent est prêt.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_FR = {
     'Not available for this daemon.': 'Non disponible pour ce daemon.',
     'Not configured': 'Non configuré',
     'Not installed': 'Non installé',
+    'Show {count} not installed': 'Afficher {count} non installés',
+    'Hide not installed': 'Masquer les non installés',
+    'Show not-installed CLIs': 'Afficher les CLIs non installés',
     'Not sharing': 'Pas de partage',
     'Nothing is shared unless you opt in.': 'Rien n\'est partagé tant que vous ne l\'activez pas.',
     'Off': 'Désactivé',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_HI = {
     'About': 'परिचय',
     'Accent color': 'हाइलाइट रंग',
     'Account': 'खाता',
+    'Advanced': 'उन्नत',
     'Advanced: proxy & custom paths': 'उन्नत: प्रॉक्सी और कस्टम पाथ',
     'Agent check failed': 'एजेंट जांच विफल रही',
     'Agent is ready.': 'एजेंट तैयार है।',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_HI = {
     'Not available for this daemon.': 'इस डेमन के लिए उपलब्ध नहीं है।',
     'Not configured': 'कॉन्फ़िगर नहीं किया गया',
     'Not installed': 'इंस्टॉल नहीं है',
+    'Show {count} not installed': '{count} इंस्टॉल नहीं किए गए दिखाएँ',
+    'Hide not installed': 'इंस्टॉल नहीं किए गए छिपाएँ',
+    'Show not-installed CLIs': 'इंस्टॉल नहीं किए गए CLI दिखाएँ',
     'Not sharing': 'साझा नहीं किया जा रहा',
     'Nothing is shared unless you opt in.': 'जब तक आप इसे सक्रिय नहीं करते, तब तक कुछ भी साझा नहीं किया जाता।',
     'Off': 'बंद',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_HU = {
     'About': 'Névjegy',
     'Accent color': 'Kiemelőszín',
     'Account': 'Fiók',
+    'Advanced': 'Speciális',
     'Advanced: proxy & custom paths': 'Speciális: proxy és egyéni útvonalak',
     'Agent check failed': 'Az ügynök ellenőrzése sikertelen',
     'Agent is ready.': 'Az ügynök készen áll.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_HU = {
     'Not available for this daemon.': 'Ehhez a démonhoz nem érhető el.',
     'Not configured': 'Nincs beállítva',
     'Not installed': 'Nincs telepítve',
+    'Show {count} not installed': '{count} nem telepített megjelenítése',
+    'Hide not installed': 'Nem telepítettek elrejtése',
+    'Show not-installed CLIs': 'Nem telepített CLI-k megjelenítése',
     'Not sharing': 'Nincs megosztás',
     'Nothing is shared unless you opt in.': 'Semmi sem kerül megosztásra, amíg nem járulsz hozzá.',
     'Off': 'Ki',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_ID = {
     'About': 'Tentang',
     'Accent color': 'Warna aksen',
     'Account': 'Akun',
+    'Advanced': 'Lanjutan',
     'Advanced: proxy & custom paths': 'Lanjutan: proxy & jalur kustom',
     'Agent check failed': 'Pemeriksaan agen gagal',
     'Agent is ready.': 'Agen sudah siap.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_ID = {
     'Not available for this daemon.': 'Tidak tersedia untuk daemon ini.',
     'Not configured': 'Belum dikonfigurasi',
     'Not installed': 'Belum terinstal',
+    'Show {count} not installed': 'Tampilkan {count} yang belum terinstal',
+    'Hide not installed': 'Sembunyikan yang belum terinstal',
+    'Show not-installed CLIs': 'Tampilkan CLI yang belum terinstal',
     'Not sharing': 'Tidak dibagikan',
     'Nothing is shared unless you opt in.': 'Tidak ada yang dibagikan kecuali Anda memilih untuk mengikutinya.',
     'Off': 'Nonaktif',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_IT = {
     'About': 'Informazioni',
     'Accent color': 'Colore di accento',
     'Account': 'Account',
+    'Advanced': 'Avanzate',
     'Advanced: proxy & custom paths': 'Avanzate: proxy e percorsi personalizzati',
     'Agent check failed': 'Verifica dell\'agente non riuscita',
     'Agent is ready.': 'L\'agente è pronto.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_IT = {
     'Not available for this daemon.': 'Non disponibile per questo daemon.',
     'Not configured': 'Non configurato',
     'Not installed': 'Non installato',
+    'Show {count} not installed': 'Mostra {count} non installati',
+    'Hide not installed': 'Nascondi non installati',
+    'Show not-installed CLIs': 'Mostra CLI non installati',
     'Not sharing': 'Nessuna condivisione',
     'Nothing is shared unless you opt in.': 'Non viene condiviso nulla a meno che tu non lo attivi.',
     'Off': 'Disattivato',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_JA = {
     'About': '概要',
     'Accent color': 'アクセントカラー',
     'Account': 'アカウント',
+    'Advanced': '詳細設定',
     'Advanced: proxy & custom paths': '詳細設定：プロキシとカスタムパス',
     'Agent check failed': 'エージェントの確認に失敗しました',
     'Agent is ready.': 'エージェントの準備ができました。',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_JA = {
     'Not available for this daemon.': 'このデーモンでは利用できません。',
     'Not configured': '未設定',
     'Not installed': '未インストール',
+    'Show {count} not installed': '未インストールの {count} 件を表示',
+    'Hide not installed': '未インストールを隠す',
+    'Show not-installed CLIs': '未インストールの CLI を表示',
     'Not sharing': '共有していません',
     'Nothing is shared unless you opt in.': 'オプトインしない限り、何も共有されません。',
     'Off': 'オフ',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_KO = {
     'About': '정보',
     'Accent color': '강조 색상',
     'Account': '계정',
+    'Advanced': '고급',
     'Advanced: proxy & custom paths': '고급: 프록시 및 사용자 지정 경로',
     'Agent check failed': '에이전트 확인 실패',
     'Agent is ready.': '에이전트가 준비되었습니다.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_KO = {
     'Not available for this daemon.': '이 데몬에서는 사용할 수 없습니다.',
     'Not configured': '구성되지 않음',
     'Not installed': '설치되지 않음',
+    'Show {count} not installed': '설치되지 않은 {count}개 표시',
+    'Hide not installed': '설치되지 않은 항목 숨기기',
+    'Show not-installed CLIs': '설치되지 않은 CLI 표시',
     'Not sharing': '공유하지 않음',
     'Nothing is shared unless you opt in.': '직접 동의하지 않는 한 아무것도 공유되지 않습니다.',
     'Off': '끄기',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_PL = {
     'About': 'Informacje',
     'Accent color': 'Kolor akcentu',
     'Account': 'Konto',
+    'Advanced': 'Zaawansowane',
     'Advanced: proxy & custom paths': 'Zaawansowane: proxy i niestandardowe ścieżki',
     'Agent check failed': 'Sprawdzenie agenta nie powiodło się',
     'Agent is ready.': 'Agent jest gotowy.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_PL = {
     'Not available for this daemon.': 'Niedostępne dla tego demona.',
     'Not configured': 'Nieskonfigurowane',
     'Not installed': 'Niezainstalowane',
+    'Show {count} not installed': 'Pokaż niezainstalowane ({count})',
+    'Hide not installed': 'Ukryj niezainstalowane',
+    'Show not-installed CLIs': 'Pokaż niezainstalowane CLI',
     'Not sharing': 'Nieudostępniane',
     'Nothing is shared unless you opt in.': 'Nic nie jest udostępniane, dopóki się na to nie zgodzisz.',
     'Off': 'Wyłączone',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_PT_BR = {
     'About': 'Sobre',
     'Accent color': 'Cor de destaque',
     'Account': 'Conta',
+    'Advanced': 'Avançado',
     'Advanced: proxy & custom paths': 'Avançado: proxy e caminhos personalizados',
     'Agent check failed': 'Falha na verificação do agente',
     'Agent is ready.': 'O agente está pronto.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_PT_BR = {
     'Not available for this daemon.': 'Não disponível para este daemon.',
     'Not configured': 'Não configurado',
     'Not installed': 'Não instalado',
+    'Show {count} not installed': 'Mostrar {count} não instalados',
+    'Hide not installed': 'Ocultar não instalados',
+    'Show not-installed CLIs': 'Mostrar CLIs não instalados',
     'Not sharing': 'Não compartilhando',
     'Nothing is shared unless you opt in.': 'Nada é compartilhado a menos que você opte por isso.',
     'Off': 'Desativado',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_RU = {
     'About': 'О программе',
     'Accent color': 'Акцентный цвет',
     'Account': 'Аккаунт',
+    'Advanced': 'Дополнительно',
     'Advanced: proxy & custom paths': 'Дополнительно: прокси и пользовательские пути',
     'Agent check failed': 'Проверка агента не удалась',
     'Agent is ready.': 'Агент готов.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_RU = {
     'Not available for this daemon.': 'Недоступно для этого демона.',
     'Not configured': 'Не настроено',
     'Not installed': 'Не установлено',
+    'Show {count} not installed': 'Показать неустановленные ({count})',
+    'Hide not installed': 'Скрыть неустановленные',
+    'Show not-installed CLIs': 'Показать неустановленные CLI',
     'Not sharing': 'Не передаётся',
     'Nothing is shared unless you opt in.': 'Ничего не передаётся, пока вы не включите это.',
     'Off': 'Выкл.',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_TH = {
     'About': 'เกี่ยวกับ',
     'Accent color': 'สีเน้น',
     'Account': 'บัญชี',
+    'Advanced': 'ขั้นสูง',
     'Advanced: proxy & custom paths': 'ขั้นสูง: พร็อกซีและพาธที่กำหนดเอง',
     'Agent check failed': 'ตรวจสอบเอเจนต์ไม่สำเร็จ',
     'Agent is ready.': 'เอเจนต์พร้อมใช้งานแล้ว',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_TH = {
     'Not available for this daemon.': 'ใช้ไม่ได้กับดีมอนนี้',
     'Not configured': 'ยังไม่ได้กำหนดค่า',
     'Not installed': 'ยังไม่ได้ติดตั้ง',
+    'Show {count} not installed': 'แสดงที่ยังไม่ได้ติดตั้ง {count} รายการ',
+    'Hide not installed': 'ซ่อนที่ยังไม่ได้ติดตั้ง',
+    'Show not-installed CLIs': 'แสดง CLI ที่ยังไม่ได้ติดตั้ง',
     'Not sharing': 'ไม่ได้แชร์',
     'Nothing is shared unless you opt in.': 'จะไม่มีการแชร์สิ่งใดจนกว่าคุณจะเปิดใช้งานเอง',
     'Off': 'ปิด',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_TR = {
     'About': 'Hakkında',
     'Accent color': 'Vurgu rengi',
     'Account': 'Hesap',
+    'Advanced': 'Gelişmiş',
     'Advanced: proxy & custom paths': 'Gelişmiş: proxy ve özel yollar',
     'Agent check failed': 'Aracı kontrolü başarısız oldu',
     'Agent is ready.': 'Aracı hazır.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_TR = {
     'Not available for this daemon.': 'Bu arka plan süreci için kullanılamaz.',
     'Not configured': 'Yapılandırılmadı',
     'Not installed': 'Yüklenmedi',
+    'Show {count} not installed': 'Yüklü olmayan {count} öğeyi göster',
+    'Hide not installed': 'Yüklü olmayanları gizle',
+    'Show not-installed CLIs': 'Yüklü olmayan CLI\'ları göster',
     'Not sharing': 'Paylaşılmıyor',
     'Nothing is shared unless you opt in.': 'Siz etkinleştirmedikçe hiçbir şey paylaşılmaz.',
     'Off': 'Kapalı',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_UK = {
     'About': 'Про програму',
     'Accent color': 'Акцентний колір',
     'Account': 'Обліковий запис',
+    'Advanced': 'Додатково',
     'Advanced: proxy & custom paths': 'Додатково: проксі та власні шляхи',
     'Agent check failed': 'Перевірку агента не пройдено',
     'Agent is ready.': 'Агент готовий.',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_UK = {
     'Not available for this daemon.': 'Недоступно для цього демона.',
     'Not configured': 'Не налаштовано',
     'Not installed': 'Не встановлено',
+    'Show {count} not installed': 'Показати невстановлені ({count})',
+    'Hide not installed': 'Сховати невстановлені',
+    'Show not-installed CLIs': 'Показати невстановлені CLI',
     'Not sharing': 'Не поширюється',
     'Nothing is shared unless you opt in.': 'Нічого не поширюється, доки ви не увімкнете це самостійно.',
     'Off': 'Вимкнено',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_UR = {
     'About': 'تعارف',
     'Accent color': 'نمایاں رنگ',
     'Account': 'اکاؤنٹ',
+    'Advanced': 'اعلیٰ درجے کی ترتیبات',
     'Advanced: proxy & custom paths': 'ایڈوانسڈ: پراکسی اور کسٹم پاتھز',
     'Agent check failed': 'ایجنٹ چیک ناکام ہو گیا',
     'Agent is ready.': 'ایجنٹ تیار ہے۔',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_UR = {
     'Not available for this daemon.': 'اس ڈیمن کے لیے دستیاب نہیں۔',
     'Not configured': 'کنفیگر نہیں ہے',
     'Not installed': 'انسٹال نہیں ہے',
+    'Show {count} not installed': '{count} غیر انسٹال شدہ دکھائیں',
+    'Hide not installed': 'غیر انسٹال شدہ چھپائیں',
+    'Show not-installed CLIs': 'غیر انسٹال شدہ CLI دکھائیں',
     'Not sharing': 'شیئر نہیں کیا جا رہا',
     'Nothing is shared unless you opt in.': 'جب تک آپ خود شامل نہ ہوں، کچھ بھی شیئر نہیں کیا جاتا۔',
     'Off': 'بند',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_ZH_CN = {
     'About': '关于',
     'Accent color': '强调色',
     'Account': '账户',
+    'Advanced': '高级',
     'Advanced: proxy & custom paths': '高级：代理与自定义路径',
     'Agent check failed': '智能体检查失败',
     'Agent is ready.': '智能体已就绪。',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_ZH_CN = {
     'Not available for this daemon.': '此守护进程不支持该功能。',
     'Not configured': '未配置',
     'Not installed': '未安装',
+    'Show {count} not installed': '显示 {count} 个未安装',
+    'Hide not installed': '隐藏未安装',
+    'Show not-installed CLIs': '显示未安装的 CLI',
     'Not sharing': '未共享',
     'Nothing is shared unless you opt in.': '除非你主动选择，否则不会共享任何内容。',
     'Off': '关闭',

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

@@ -7,6 +7,7 @@ export const SETTINGS_DIALOG_ZH_TW = {
     'About': '關於',
     'Accent color': '強調色',
     'Account': '帳戶',
+    'Advanced': '進階',
     'Advanced: proxy & custom paths': '進階：代理伺服器與自訂路徑',
     'Agent check failed': '代理程式檢查失敗',
     'Agent is ready.': '代理程式已就緒。',
@@ -131,6 +132,9 @@ export const SETTINGS_DIALOG_ZH_TW = {
     'Not available for this daemon.': '此背景程序不支援此功能。',
     'Not configured': '尚未設定',
     'Not installed': '尚未安裝',
+    'Show {count} not installed': '顯示 {count} 個尚未安裝',
+    'Hide not installed': '隱藏尚未安裝',
+    'Show not-installed CLIs': '顯示尚未安裝的 CLI',
     'Not sharing': '未共享',
     'Nothing is shared unless you opt in.': '除非你主動選擇加入，否則不會共享任何內容。',
     'Off': '關閉',

package/dist/features/interactive-ui/providers/shadcn/button.d.ts

@@ -8,7 +8,7 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "outline" | "ghost" | "destructive" | "secondary" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/features/mcp-ui/escape.js

@@ -1,3 +1,4 @@
+import { escapeHtml as sharedEscapeHtml } from "@jini-ai/core/text";
 /**
  * @module features/mcp-ui/escape
  *
@@ -21,12 +22,7 @@
  * @complexity O(n) in the value's length.
  */
 export function escapeHtml(value) {
-    return value
-        .replace(/&/g, '&')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;');
+    return sharedEscapeHtml({ text: value });
 }
 /**
  * Serializes a value as a JS literal safe to embed in an inline `<script>`.

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

@@ -139,7 +139,9 @@ export function renderBridgeScript(spec) {
   // good (owner bug 2026-10-08: an ask-choice card stuck at 192px after a reload). Leaving width out
   // keeps the frame at the host's width: 100%, and the ResizeObserver below re-reports height on resize.
   function reportSize() {
-    notify("ui/notifications/size-changed", { height: document.documentElement.scrollHeight });
+    // Root scrollHeight includes the iframe viewport, so a short card could never shrink.
+    // The body box includes the surface and its padding without that viewport floor.
+    notify("ui/notifications/size-changed", { height: Math.ceil(document.body.getBoundingClientRect().height) });
   }
 
   window.addEventListener("message", function (event) {
@@ -180,7 +182,7 @@ export function renderBridgeScript(spec) {
     readyHandlers = [];
     for (var i = 0; i < calls.length; i++) request(calls[i].method, calls[i].params).then(calls[i].resolve, calls[i].reject);
     for (var j = 0; j < handlers.length; j++) handlers[j]();
-    if (typeof ResizeObserver === "function") new ResizeObserver(reportSize).observe(document.documentElement);
+    if (typeof ResizeObserver === "function") new ResizeObserver(reportSize).observe(document.body);
   }
 
   function onHandshakeFailed(error) {

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

@@ -8,7 +8,7 @@ import { type SurfaceTokenName } from './tokens.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.mcpui-details {\n  display: grid;\n  grid-template-columns: max-content 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; }\n.mcpui-details dd { margin: 0; overflow-wrap: anywhere; color: var(--jini-mcpui-text); }\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.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-panel);\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.mcpui-details {\n  display: grid;\n  grid-template-columns: max-content 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; }\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/* 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.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-panel);\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>`.
  *
@@ -66,20 +66,27 @@ export declare function renderSurfaceHeader(spec: {
 export interface SurfaceDetail {
     readonly label: string;
     readonly value: string;
+    /** Optional secondary context beneath the label, using the shared muted hint style. */
+    readonly description?: string;
     /**
      * `code` renders the value in a monospace `<pre>` that keeps its line breaks and scrolls inside
      * its own box past a fixed height, so a long SQL statement or JSON argument stays readable without
-     * stretching the dialog past its frame. Omitted (or `text`) keeps the plain inline value.
+     * stretching the dialog past its frame. `status` reserves one line for a short outcome value.
+     * Omitted (or `text`) keeps the plain inline value.
      */
-    readonly format?: 'text' | 'code';
+    readonly format?: 'text' | 'code' | 'status';
 }
 /**
  * Renders a `label: value` description list.
  *
+ * @param options.layout - Outcome rows size independently and stack in narrow cards.
  * @returns The `<dl>`, or `''` for an empty list — an empty `<dl>` is announced by screen readers
  * as a list with no items, which is worse than no list.
+ * @complexity O(n) in the rendered length; no effects or input mutation.
  */
-export declare function renderDetailList(details: readonly SurfaceDetail[]): string;
+export declare function renderDetailList(details: readonly SurfaceDetail[], options?: {
+    layout?: 'outcome';
+}): string;
 /** Renders the polite live region every surface reports outcomes through. Its id is fixed so surface scripts can find it. */
 export declare function renderStatusRegion(): string;
 /**

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

@@ -67,6 +67,22 @@ body {
 }
 .mcpui-details dt { color: var(--jini-mcpui-text-soft); font-weight: 500; }
 .mcpui-details dd { margin: 0; overflow-wrap: anywhere; color: var(--jini-mcpui-text); }
+.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; }
+.mcpui-outcome-row dt .mcpui-hint { display: block; font-weight: 400; }
+.mcpui-outcome-row dd { flex: 1; min-width: 0; }
+/* Capped so a long status cannot squeeze the label back to one character per line; the full text
+   stays in the cell's title. */
+.mcpui-outcome-row dd.mcpui-detail-status {
+  flex: 0 1 auto; max-width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+/* The iframe has 16px body padding on each side: 352px viewport = 320px card. Stacked, the value
+   has the full width, so it wraps between words instead of truncating. */
+@media (max-width: 352px) {
+  .mcpui-outcome-row { flex-direction: column; gap: 2px; }
+  .mcpui-outcome-row dd.mcpui-detail-status { max-width: 100%; white-space: normal; overflow-wrap: normal; }
+}
 .mcpui-code {
   margin: 0;
   white-space: pre-wrap;
@@ -216,20 +232,26 @@ export function renderSurfaceHeader(spec) {
 /**
  * Renders a `label: value` description list.
  *
+ * @param options.layout - Outcome rows size independently and stack in narrow cards.
  * @returns The `<dl>`, or `''` for an empty list — an empty `<dl>` is announced by screen readers
  * as a list with no items, which is worse than no list.
+ * @complexity O(n) in the rendered length; no effects or input mutation.
  */
-export function renderDetailList(details) {
+export function renderDetailList(details, options = {}) {
     if (details.length === 0)
         return '';
+    const outcome = options.layout === 'outcome';
     const rows = details
         .map((detail) => {
         const value = escapeHtml(detail.value);
         const body = detail.format === 'code' ? `<pre class="mcpui-code">${value}</pre>` : value;
-        return `  <dt>${escapeHtml(detail.label)}</dt><dd>${body}</dd>`;
+        const description = detail.description === undefined ? '' : `<span class="mcpui-hint">${escapeHtml(detail.description)}</span>`;
+        const valueClass = detail.format === 'status' ? ` class="mcpui-detail-status" title="${value}"` : '';
+        const pair = `<dt>${escapeHtml(detail.label)}${description}</dt><dd${valueClass}>${body}</dd>`;
+        return outcome ? `  <div class="mcpui-outcome-row">${pair}</div>` : `  ${pair}`;
     })
         .join('\n');
-    return `<dl class="mcpui-details">\n${rows}\n</dl>`;
+    return `<dl class="mcpui-details${outcome ? ' mcpui-details-outcome' : ''}">\n${rows}\n</dl>`;
 }
 /** Renders the polite live region every surface reports outcomes through. Its id is fixed so surface scripts can find it. */
 export function renderStatusRegion() {

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

@@ -68,7 +68,7 @@ export function renderOutcomeDocument(spec) {
         : '';
     const bodyHtml = [
         renderSurfaceHeader(spec.description === undefined ? { title: spec.title } : { title: spec.title, description: spec.description }),
-        renderDetailList(spec.details ?? []),
+        renderDetailList(spec.details ?? [], { layout: 'outcome' }),
         statusHtml,
         actionsHtml,
     ]

package/dist/features/media-providers/constants.d.ts

@@ -1,10 +1,3 @@
 import type { MediaProviderOption } from './types.js';
-/**
- * A small, vendor-shaped starting catalog — same convention as `execution/constants.ts`'s
- * `DEFAULT_PROVIDER_PRESETS`. Sourced by driving Open Design's own Settings → Media providers
- * panel directly (Playwright) and transcribing its real provider list, base URLs, and default
- * models. Pass your own `catalog` to `MediaProvidersTab` to replace this wholesale; Zana or any
- * other host is expected to do so once it has its own provider roster.
- */
 export declare const DEFAULT_MEDIA_PROVIDER_CATALOG: readonly MediaProviderOption[];
 //# sourceMappingURL=constants.d.ts.map