@dsh-plus/llm-pi 0.1.42 → 0.1.44

package/src/client/draft.ts

@@ -69,9 +69,6 @@ export interface ProviderDraft {
 
 export interface Draft {
   enabled: boolean
-  catalogUrl: string
-  catalogRefreshHours: string
-  catalogProxy: string
   providers: Record<string, ProviderDraft>
 }
 
@@ -355,9 +352,6 @@ export function emptyModelDraft(): ModelDraft {
 export function draftFromValue(value: ConfigValue): Draft {
   return {
     enabled: value.enabled,
-    catalogUrl: value.catalogUrl,
-    catalogRefreshHours: String(value.catalogRefreshHours),
-    catalogProxy: value.catalogProxy,
     providers: Object.fromEntries(
       Object.entries(value.providers).map(([route, provider]) => [
         route,
@@ -369,17 +363,44 @@ export function draftFromValue(value: ConfigValue): Draft {
 
 /** 提交补丁：完整配置对象，providers 全量替换；空值一律剔除。 */
 export function toPatch(draft: Draft): ConfigPatch {
-  const refreshHours = toNum(draft.catalogRefreshHours)
   return {
     enabled: draft.enabled,
-    catalogUrl: draft.catalogUrl.trim(),
-    // 保存动作在文本非法时不可用（card.tsx 的 invalid 门控），故写入路径必为合法数字；
-    // dirty 比较路径可能拿到非法文本的 undefined（JSON.stringify 时同键被丢弃），
-    // 此处仅把"保存前已校验"的运行期事实带到类型层，取值不变。
-    catalogRefreshHours: refreshHours as unknown as number,
-    catalogProxy: draft.catalogProxy.trim(),
     providers: Object.fromEntries(
       Object.entries(draft.providers).map(([route, provider]) => [route, providerToWire(provider)]),
     ),
   }
 }
+
+/** 目录一键添加的结果：added=false 表示该 route 已有同 id 条目（原样返回草稿）。 */
+export interface AddModelResult {
+  draft: Draft
+  added: boolean
+}
+
+/**
+ * 把一个内置目录模型加进目标 route：只写 `id` + `extends`（**不预填**
+ * name/contextWindow/maxTokens——继承才能跟随 pi-ai 目录升级，预填会把值冻住）。
+ * 同 id 已存在时原样返回（added=false），不产生重复条目。
+ */
+export function addModelEntry(
+  draft: Draft,
+  route: string,
+  model: { id: string; path: string },
+): AddModelResult {
+  const provider = draft.providers[route]
+  if (provider === undefined) return { draft, added: false }
+  if (provider.models.some((entry) => entry.id.trim() === model.id)) {
+    return { draft, added: false }
+  }
+  const entry: ModelDraft = { ...emptyModelDraft(), id: model.id, extends: model.path }
+  return {
+    draft: {
+      ...draft,
+      providers: {
+        ...draft.providers,
+        [route]: { ...provider, models: [...provider.models, entry] },
+      },
+    },
+    added: true,
+  }
+}

package/src/client/fields.tsx

@@ -13,18 +13,30 @@ import type { HeaderPair } from './draft.ts'
 /**
  * 可折叠小节：复杂项（compat/retryPolicy 等）默认折叠，避免卡片过长；
  * 基础项（baseURL 等）保持展开。标题按钮切换展开态。
+ * 传 `open` 即为**受控**（由外部状态决定展开，如卡片级"全部收起"与
+ * 「从内置目录添加」联动展开目标 route）；不传则内部自管。
  */
 export interface CollapseSectionProps {
   id: string
   title: string
-  /** 默认展开态；复杂项传 false（默认折叠）。 */
+  /** 默认展开态；复杂项传 false（默认折叠）。受控模式下仅作初值语义的说明。 */
   defaultOpen: boolean
+  /** 受控展开态；传了就完全由外部决定。 */
+  open?: boolean
+  onToggle?(): void
+  /** 标题右侧的计数/状态副标题（如 compat「已设 3/19」）。 */
+  meta?: string
   disabled?: boolean
   children: ReactNode
 }
 
 export function CollapseSection(props: CollapseSectionProps): ReactElement {
-  const [open, setOpen] = useState(props.defaultOpen)
+  const [innerOpen, setInnerOpen] = useState(props.defaultOpen)
+  const open = props.open ?? innerOpen
+  const toggle = (): void => {
+    if (props.onToggle !== undefined) props.onToggle()
+    else setInnerOpen((value) => !value)
+  }
   return (
     <div className="lpc-collapse">
       <button
@@ -32,10 +44,13 @@ export function CollapseSection(props: CollapseSectionProps): ReactElement {
         className="lpc-collapseHead"
         id={props.id}
         aria-expanded={open}
-        onClick={() => setOpen(!open)}
+        onClick={toggle}
       >
         <ChevronDownIcon className={`lpc-chevron${open ? ' lpc-chevronOpen' : ''}`} />
         <span className="lpc-collapseTitle">{props.title}</span>
+        {props.meta !== undefined && props.meta !== '' ? (
+          <span className="lpc-collapseMeta">{props.meta}</span>
+        ) : null}
       </button>
       {open ? <div className="lpc-collapseBody">{props.children}</div> : null}
     </div>

package/src/client/i18n.ts

@@ -1,6 +1,8 @@
 /**
  * 配置卡片文案（zh/en）。经 ctx.locale.register 注册、bind 取用，与官方卡片同机制。
  * 公共键（save/discard/unsaved 等）来自 shared 的 common 字典，本文件只维护业务键。
+ * 服务端推导出来的诊断/提示（compat problem、版本区间提示、降级诊断）按原文展示，
+ * 不做二次翻译——它们是事实描述，且与日志同一份文本。
  * @module llm-pi/client/i18n
  */
 import { commonEn, commonZh, mergeDict } from '@dsh-plus/shared/client'
@@ -9,29 +11,74 @@ export const NS = 'dsh-plus-llm-pi'
 
 const ownZh = {
   title: 'LLM 路由（llm-pi）',
-  description: '自定义 LLM 路由：协议、compat、模型目录与 models.dev 目录兜底。',
-  summaryLine: '自定义 LLM 路由：协议、compat、模型目录与 models.dev 目录兜底。',
+  description:
+    '自定义 LLM 路由：协议、compat、模型继承；模型目录唯一来自 pi-ai 内置目录（随已装 dsh 自动跟随）。',
+  summaryLine:
+    '自定义 LLM 路由：协议、compat、模型继承；模型目录唯一来自 pi-ai 内置目录（随已装 dsh 自动跟随）。',
   enabled: '启用插件',
-  catalogUrl: 'models.dev 目录数据端点',
-  catalogUrlHint: '快照数据源；一般无需修改。',
-  catalogRefreshHours: '目录刷新间隔（小时）',
-  catalogRefreshHoursHint: '0 = 不自动拉取（可手动拉取或读已有缓存）；>0 = 每 N 小时自动拉取。',
-  catalogProxy: '拉取代理地址',
-  catalogProxyHint: 'HTTP 代理（如 http://127.0.0.1:7890）；留空直连。',
-  kitSource: '模块来源',
-  modelsDevStatus: 'models.dev 快照',
-  modelsDevEmpty: '未拉取（无缓存数据；可手动拉取）',
-  modelsDevStatusLine: '已加载',
-  modelsDevError: '加载失败：',
-  refreshCatalog: '手动拉取',
-  refreshingCatalog: '拉取中…',
-  refreshOk: '目录已拉取。',
-  refreshFailed: '拉取失败：',
+  runtimeGroup: '运行期套件',
+  runtimeSource: '来源',
+  runtimeRoot: '安装树',
+  runtimeVersions: '生效版本',
+  runtimeCatalog: '内置模型目录',
+  runtimeProtocols: '可服务协议',
+  runtimeCompat: 'compat 门控表',
+  runtimeDiagnostics: '诊断',
+  runtimeVersionUnknown: '未知',
+  runtimeCatalogUnit: '个 provider /',
+  runtimeCatalogModels: '个模型',
+  runtimeCatalogGenerated: '数据生成于',
+  runtimeNotice: '提示',
+  runtimeDerived: '现场推导',
+  runtimeFallback: '回退快照',
+  browserGroup: '内置模型目录',
+  browserHint:
+    '浏览 pi-ai 内置目录（随已装 dsh 的 pi-ai 版本自动更新）：模糊搜索、按供应商/协议/能力筛选；复制路径 id，或一键把「模型 id + 继承源」加到某个 route。',
+  browserSearch: '模糊搜索',
+  browserSearchPlaceholder: '模型 id / 显示名 / provider，多词用空格',
+  browserProvider: '供应商',
+  browserApi: '协议',
+  browserAll: '全部',
+  browserOnlyServable: '仅本插件可服务',
+  browserReasoning: '推理',
+  browserImage: '图片输入',
+  browserTarget: '目标 route',
+  browserNoTarget:
+    '还没有可添加的 route：先在上方新增一个 route（adapter: deepseek 的路由不适用 pi-ai 继承）。',
+  browserMatched: '命中',
+  browserHiddenServable: '另有协议不受支持的模型',
+  browserHiddenUnit: '个已隐藏',
+  browserLoadMore: '加载更多',
+  browserLoading: '目录加载中…',
+  browserEmpty: '没有命中的模型。',
+  browserFailed: '目录加载失败：',
+  browserAdd: '添加',
+  browserAdded: '已添加',
+  browserCopy: '复制路径 id',
+  browserCopied: '已复制',
+  browserDetails: '参数明细',
+  browserCompat: 'compat',
+  browserExtra: '其余参数',
+  browserThinkMap: '思考档位',
+  browserInputText: '文本',
+  browserInputImage: '图片',
+  browserContextShort: '上下文',
+  browserMaxShort: '输出',
+  browserAddedTo: '已添加到 route',
+  browserTargetProtocol: '当前协议',
+  browserNoProtocol: '协议待定',
+  blockUnsupported: '该协议本插件无法服务（不可添加）',
+  blockDuplicate: '该 route 已有同 id 模型',
+  blockConflict: '与目标 route 的协议不一致',
+  blockMixed: '目标 route 已混用多个协议，请先修正',
+  blockNoRoute: '目标 route 不存在',
   advancedGroup: '高级设置（retryPolicy / compat）',
   extraFields: '其余字段（JSON）',
   extraFieldsHint:
     '表单未覆盖的 wire 字段原样往返：如 adapter=deepseek 的 thinking / reasoningEffort、Files API 与图片配额等。对象整体合并进该 route（模型级同 key 覆盖 route 级），非法 JSON 不会提交。',
   providersGroup: 'Provider 路由',
+  providersCollapseAll: '全部收起',
+  providersExpandAll: '全部展开',
   addRoute: '新增 route',
   addRoutePlaceholder: '新 route 键名（如 my-llm）',
   routeEmpty: 'route 键名不能为空。',
@@ -39,7 +86,8 @@ const ownZh = {
   deleteRoute: '删除 route',
   providerFields: '基础字段',
   extends: '继承内置 provider',
-  extendsHint: '如 openai、anthropic；提供 api/baseURL 默认值与模型查找源。',
+  extendsHint:
+    '如 openai、anthropic（候选见「内置模型目录」）；提供 api/baseURL 默认值与模型查找源。',
   displayName: '显示名',
   api: '线协议',
   baseURL: '端点 URL',
@@ -70,55 +118,104 @@ const ownZh = {
   compatGroup: 'Compat 覆盖',
   compatApiHint: 'api 未设置时暂按 openai-completions 字段组渲染；保存时后端按实际协议校验。',
   compatUnset: '未设置',
+  compatSetCount: '已设',
+  compatFilter: '过滤字段',
   modelsGroup: '模型目录',
   addModel: '添加模型',
-  deleteModel: '删除',
+  addFromCatalog: '从内置目录添加',
+  modelsCollapseAll: '全部收起',
+  modelsExpandAll: '全部展开',
+  modelsFilter: '过滤模型',
+  modelsFilterPlaceholder: '按 id / 继承源筛选',
+  modelsHidden: '已按筛选隐藏',
   modelRow: '模型',
+  modelUntitled: '（未填 id）',
+  deleteModel: '删除',
   modelId: '模型 id',
   modelIdHint: '发送给 provider 的标识，必填。',
   modelIdRequired: '模型 id 必填。',
   modelExtends: '继承源',
-  modelExtendsHint: '"provider/model" 或裸 model id（候选来自下方目录）。',
+  modelExtendsHint: '"provider/model" 或裸 model id；候选见「内置模型目录」。',
   modelName: '显示名',
   contextWindow: '上下文容量',
   maxTokens: '输出上限',
   input: '输入模态',
   reasoningEfforts: 'reasoningEfforts',
   nonReasoning: '非推理模型',
-  catalogSource: '候选来源',
-  catalogProvider: '候选 provider',
-  catalogLoading: '目录加载中…',
-  catalogFailed: '目录加载失败。',
   saveOk: '已保存。',
   saveFailed: '保存失败：',
 } as const
 
 const ownEn = {
   title: 'LLM routes (llm-pi)',
-  description: 'Custom LLM routes: protocol, compat, model catalog and models.dev fallback.',
-  summaryLine: 'Custom LLM routes: protocol, compat, model catalog and models.dev fallback.',
+  description:
+    'Custom LLM routes: protocol, compat, model inheritance; the model catalog comes solely from the pi-ai built-in catalog (following the installed dsh).',
+  summaryLine:
+    'Custom LLM routes: protocol, compat, model inheritance; the model catalog comes solely from the pi-ai built-in catalog.',
   enabled: 'Enable plugin',
-  catalogUrl: 'models.dev catalog endpoint',
-  catalogUrlHint: 'Snapshot data source; usually no change needed.',
-  catalogRefreshHours: 'Catalog refresh (hours)',
-  catalogRefreshHoursHint:
-    '0 = no auto refresh (manual refresh or existing cache); >0 = refresh every N hours.',
-  catalogProxy: 'Fetch proxy',
-  catalogProxyHint: 'HTTP proxy (e.g. http://127.0.0.1:7890); leave empty for direct.',
-  kitSource: 'Module source',
-  modelsDevStatus: 'models.dev snapshot',
-  modelsDevEmpty: 'Not fetched (no cached data; use manual refresh)',
-  modelsDevStatusLine: 'Loaded',
-  modelsDevError: 'Load failed: ',
-  refreshCatalog: 'Refresh now',
-  refreshingCatalog: 'Refreshing…',
-  refreshOk: 'Catalog refreshed.',
-  refreshFailed: 'Refresh failed: ',
+  runtimeGroup: 'Runtime kit',
+  runtimeSource: 'Source',
+  runtimeRoot: 'Install tree',
+  runtimeVersions: 'Effective versions',
+  runtimeCatalog: 'Built-in catalog',
+  runtimeProtocols: 'Servable protocols',
+  runtimeCompat: 'compat gates',
+  runtimeDiagnostics: 'Diagnostics',
+  runtimeVersionUnknown: 'unknown',
+  runtimeCatalogUnit: 'providers /',
+  runtimeCatalogModels: 'models',
+  runtimeCatalogGenerated: 'data generated at',
+  runtimeNotice: 'Notice',
+  runtimeDerived: 'derived live',
+  runtimeFallback: 'fallback snapshot',
+  browserGroup: 'Built-in model catalog',
+  browserHint:
+    'Browse the pi-ai built-in catalog (follows the installed dsh): fuzzy search, filter by provider/protocol/capability; copy the path id, or add "model id + inheritance source" to a route in one click.',
+  browserSearch: 'Fuzzy search',
+  browserSearchPlaceholder: 'model id / display name / provider; space-separated terms',
+  browserProvider: 'Provider',
+  browserApi: 'Protocol',
+  browserAll: 'All',
+  browserOnlyServable: 'Servable only',
+  browserReasoning: 'Reasoning',
+  browserImage: 'Image input',
+  browserTarget: 'Target route',
+  browserNoTarget:
+    'No route to add to yet: create one above (adapter: deepseek routes do not use pi-ai inheritance).',
+  browserMatched: 'Matched',
+  browserHiddenServable: 'Unsupported-protocol models',
+  browserHiddenUnit: 'hidden',
+  browserLoadMore: 'Load more',
+  browserLoading: 'Loading catalog…',
+  browserEmpty: 'No matching model.',
+  browserFailed: 'Catalog request failed: ',
+  browserAdd: 'Add',
+  browserAdded: 'Added',
+  browserCopy: 'Copy path id',
+  browserCopied: 'Copied',
+  browserDetails: 'Parameters',
+  browserCompat: 'compat',
+  browserExtra: 'Other parameters',
+  browserThinkMap: 'Thinking levels',
+  browserInputText: 'text',
+  browserInputImage: 'image',
+  browserContextShort: 'context',
+  browserMaxShort: 'output',
+  browserAddedTo: 'Added to route',
+  browserTargetProtocol: 'protocol',
+  browserNoProtocol: 'protocol undecided',
+  blockUnsupported: 'This protocol is not servable by this plugin',
+  blockDuplicate: 'This route already has a model with the same id',
+  blockConflict: 'Protocol differs from the target route',
+  blockMixed: 'The target route already mixes protocols — fix it first',
+  blockNoRoute: 'Target route does not exist',
   advancedGroup: 'Advanced (retryPolicy / compat)',
   extraFields: 'Other fields (JSON)',
   extraFieldsHint:
     'Wire fields the form does not cover, round-tripped verbatim: e.g. thinking / reasoningEffort and the Files API & image quotas for adapter=deepseek. The object merges into this route (model-level keys win); invalid JSON is not submitted.',
   providersGroup: 'Provider routes',
+  providersCollapseAll: 'Collapse all',
+  providersExpandAll: 'Expand all',
   addRoute: 'Add route',
   addRoutePlaceholder: 'New route key (e.g. my-llm)',
   routeEmpty: 'Route key must not be empty.',
@@ -126,7 +223,8 @@ const ownEn = {
   deleteRoute: 'Delete route',
   providerFields: 'Basic fields',
   extends: 'Inherit built-in provider',
-  extendsHint: 'e.g. openai, anthropic; provides api/baseURL defaults and the model lookup source.',
+  extendsHint:
+    'e.g. openai, anthropic (see the built-in catalog below); provides api/baseURL defaults and the model lookup source.',
   displayName: 'Display name',
   api: 'Wire protocol',
   baseURL: 'Base URL',
@@ -158,25 +256,31 @@ const ownEn = {
   compatApiHint:
     'When api is unset, fields render per openai-completions; the backend validates per the effective protocol.',
   compatUnset: 'Unset',
+  compatSetCount: 'set',
+  compatFilter: 'Filter fields',
   modelsGroup: 'Model catalog',
   addModel: 'Add model',
-  deleteModel: 'Delete',
+  addFromCatalog: 'Add from catalog',
+  modelsCollapseAll: 'Collapse all',
+  modelsExpandAll: 'Expand all',
+  modelsFilter: 'Filter models',
+  modelsFilterPlaceholder: 'filter by id / inheritance source',
+  modelsHidden: 'hidden by filter',
   modelRow: 'Model',
+  modelUntitled: '(no id yet)',
+  deleteModel: 'Delete',
   modelId: 'Model id',
   modelIdHint: 'The identifier sent to the provider; required.',
   modelIdRequired: 'Model id is required.',
   modelExtends: 'Inherits from',
-  modelExtendsHint: '"provider/model" or a bare model id (candidates from the catalog below).',
+  modelExtendsHint:
+    '"provider/model" or a bare model id; candidates in the built-in catalog above.',
   modelName: 'Display name',
   contextWindow: 'Context window',
   maxTokens: 'Max tokens',
   input: 'Input modalities',
   reasoningEfforts: 'reasoningEfforts',
   nonReasoning: 'Non-reasoning model',
-  catalogSource: 'Candidate source',
-  catalogProvider: 'Candidate provider',
-  catalogLoading: 'Loading catalog…',
-  catalogFailed: 'Failed to load catalog.',
   saveOk: 'Saved.',
   saveFailed: 'Save failed: ',
 } as const

package/src/client/root-fields.tsx

@@ -1,36 +1,54 @@
 /**
- * 「LLM 路由」卡片的根字段组：总开关、目录端点/刷新间隔/代理，以及运行期诊断行
- * （kitSource 与 models-dev 快照状态，来自模型目录端点而非配置数据）。
+ * 卡片根字段组：总开关 + 运行期状态行。
+ *
+ * 状态行回答的是"我现在到底在跑哪一份 pi-ai"——插件按文件路径动态加载已装 dsh 树
+ * 里的套件（见 resolve-dsh.ts），manifest 上写的版本**不是**生效版本。这里显示
+ * 生效版本、安装树、目录规模与数据日期、可服务协议、compat 表来源，以及逐项降级
+ * 诊断；版本超出验证区间时给出提示（提示而非阻断）。
  * @module llm-pi/client/root-fields
  */
 
-import { CheckRow, TextField } from '@dsh-plus/shared/client'
+import { CheckRow } from '@dsh-plus/shared/client'
 import type { ReactElement } from 'react'
 
-import type { WireModelsDevStatus } from './api.ts'
-import { type Draft, numTextOk } from './draft.ts'
+import type { WireKitInfo } from './api.ts'
+import type { Draft } from './draft.ts'
 import type { Translate } from './i18n.ts'
 
-/** models-dev 状态行文案（缺席/错误/未拉取/正常四态）。 */
-function modelsDevText(status: WireModelsDevStatus | null, t: Translate): string {
-  if (status === null) return t('modelsDevEmpty')
-  if (status.error !== null) return `${t('modelsDevError')}${status.error}`
-  if (status.fetchedAt === null) return t('modelsDevEmpty')
-  return `${t('modelsDevStatusLine')}：${status.providers} 个 provider，快照 ${status.fetchedAt}`
+/** 时间戳 → 本地日期（秒级精度足够）。 */
+function formatTime(ms: number | undefined, fallback: string): string {
+  if (ms === undefined || !Number.isFinite(ms)) return fallback
+  return new Date(ms).toLocaleString()
+}
+
+/** 生效版本三连（缺失显示"未知"）。 */
+function versionsText(kit: WireKitInfo, t: Translate): string {
+  const unknown = t('runtimeVersionUnknown')
+  return [
+    `pi-ai ${kit.versions.piAi ?? unknown}`,
+    `dsh-llm-pi-ai ${kit.versions.piAiAdapter ?? unknown}`,
+    ...(kit.versions.dsh === undefined ? [] : [`dsh ${kit.versions.dsh}`]),
+  ].join(' · ')
+}
+
+/** 来源标签：现场推导 / 回退快照。 */
+function sourceLabel(t: Translate, source: string): string {
+  return source === 'official' ? t('runtimeDerived') : t('runtimeFallback')
 }
 
 export interface RootFieldsProps {
   t: Translate
   draft: Draft
   disabled: boolean
-  kitSource: string | null
-  modelsDevStatus: WireModelsDevStatus | null
+  kit: WireKitInfo | null
+  /** 目录索引拉取失败原因（失败时状态行显式提示，其余字段照常可编辑）。 */
+  kitError: string
   /** 根字段编辑（合并式写入并清空状态行）。 */
   onEdit(patch: Partial<Draft>): void
 }
 
 export function RootFields(props: RootFieldsProps): ReactElement {
-  const { t, draft, disabled, onEdit } = props
+  const { t, draft, disabled, kit, onEdit } = props
   return (
     <>
       <CheckRow
@@ -41,44 +59,38 @@ export function RootFields(props: RootFieldsProps): ReactElement {
         disabled={disabled}
         onEdit={(value) => onEdit({ enabled: value })}
       />
-      <TextField
-        prefix="lpc"
-        id="lpc-catalogUrl"
-        label={t('catalogUrl')}
-        hint={t('catalogUrlHint')}
-        value={draft.catalogUrl}
-        disabled={disabled}
-        onEdit={(value) => onEdit({ catalogUrl: value })}
-      />
-      <TextField
-        prefix="lpc"
-        id="lpc-catalogRefresh"
-        label={t('catalogRefreshHours')}
-        hint={t('catalogRefreshHoursHint')}
-        value={draft.catalogRefreshHours}
-        numeric
-        disabled={disabled}
-        invalid={!numTextOk(draft.catalogRefreshHours)}
-        invalidLabel={t('invalidNumber')}
-        onEdit={(value) => onEdit({ catalogRefreshHours: value })}
-      />
-      <TextField
-        prefix="lpc"
-        id="lpc-catalogProxy"
-        label={t('catalogProxy')}
-        hint={t('catalogProxyHint')}
-        value={draft.catalogProxy}
-        disabled={disabled}
-        onEdit={(value) => onEdit({ catalogProxy: value })}
-      />
-      <p className="lpc-statusRow">
-        {t('kitSource')}：{props.kitSource ?? ''}
-      </p>
-      <div className="lpc-statusRow">
-        <span>
-          {t('modelsDevStatus')}：{modelsDevText(props.modelsDevStatus, t)}
-        </span>
-      </div>
+      <p className="lpc-groupLabel">{t('runtimeGroup')}</p>
+      {props.kitError !== '' ? (
+        <p className="lpc-invalid">{`${t('browserFailed')}${props.kitError}`}</p>
+      ) : null}
+      {kit === null ? (
+        <p className="lpc-hint">{t('browserLoading')}</p>
+      ) : (
+        <>
+          <p className="lpc-statusRow">
+            {`${t('runtimeSource')}：${kit.source}${kit.root === undefined ? '' : ` · ${t('runtimeRoot')} ${kit.root}`}`}
+          </p>
+          <p className="lpc-statusRow">{`${t('runtimeVersions')}：${versionsText(kit, t)}`}</p>
+          <p className="lpc-statusRow">
+            {`${t('runtimeCatalog')}：${kit.catalog.providers} ${t('runtimeCatalogUnit')} ${kit.catalog.models} ${t('runtimeCatalogModels')} · ${t('runtimeCatalogGenerated')} ${formatTime(kit.catalog.generatedAt, t('runtimeVersionUnknown'))}`}
+          </p>
+          <p className="lpc-statusRow">
+            {`${t('runtimeProtocols')}：${kit.protocols.join(' / ')}（${sourceLabel(t, kit.protocolSource)}）`}
+          </p>
+          <p className="lpc-statusRow">
+            {`${t('runtimeCompat')}：${sourceLabel(t, kit.compatSource)}`}
+          </p>
+          {kit.versionNotice !== undefined ? (
+            <p className="lpc-invalid">{`${t('runtimeNotice')}：${kit.versionNotice}`}</p>
+          ) : null}
+          {kit.diagnostics.length > 0 ? (
+            <>
+              <p className="lpc-catDetailLabel">{t('runtimeDiagnostics')}</p>
+              <pre className="lpc-catJson">{kit.diagnostics.join('\n')}</pre>
+            </>
+          ) : null}
+        </>
+      )}
     </>
   )
 }