@dsh-plus/llm-pi 0.1.5 → 0.1.7

package/src/client/draft.ts

@@ -38,6 +38,8 @@ export interface ModelDraft {
   input: InputDraft
   reasoningEfforts: ReasoningDraft
   compat: Record<string, unknown>
+  /** 卡片未认识的字段原样往返（如 adapter: deepseek 的 imagePixelBudget 等）。 */
+  extra: Record<string, unknown>
 }
 
 export interface ProviderDraft {
@@ -61,6 +63,8 @@ export interface ProviderDraft {
   maxRequestImageBytes: string
   retryPolicy: unknown
   models: ModelDraft[]
+  /** 卡片未认识的字段原样往返（如 adapter/thinking/filesApiTimeoutMs 等）。 */
+  extra: Record<string, unknown>
 }
 
 export interface Draft {
@@ -100,7 +104,10 @@ export function pairsToHeaders(pairs: HeaderPair[]): Record<string, string> | un
 }
 
 function inputFromWire(list: string[] | undefined): InputDraft {
-  return { text: list?.includes('text') ?? false, image: list?.includes('image') ?? false }
+  return {
+    text: list?.includes('text') ?? false,
+    image: list?.includes('image') ?? false,
+  }
 }
 
 function inputToWire(input: InputDraft): string[] | undefined {
@@ -110,7 +117,9 @@ function inputToWire(input: InputDraft): string[] | undefined {
   return out.length > 0 ? out : undefined
 }
 
-function reasoningFromWire(value: false | Record<string, string | null> | undefined): ReasoningDraft {
+function reasoningFromWire(
+  value: false | Record<string, string | null> | undefined,
+): ReasoningDraft {
   if (value === false) return { nonReasoning: true, levels: {} }
   const levels: Record<string, string> = {}
   for (const [level, line] of Object.entries(value ?? {})) levels[level] = line ?? ''
@@ -126,7 +135,9 @@ function reasoningToWire(value: ReasoningDraft): false | Record<string, string>
   return Object.keys(out).length > 0 ? out : undefined
 }
 
-function budgetFromWire(value: { minimal: number; low: number; medium: number; high: number } | undefined): BudgetDraft {
+function budgetFromWire(
+  value: { minimal: number; low: number; medium: number; high: number } | undefined,
+): BudgetDraft {
   return {
     minimal: numToText(value?.minimal),
     low: numToText(value?.low),
@@ -135,13 +146,17 @@ function budgetFromWire(value: { minimal: number; low: number; medium: number; h
   }
 }
 
-function budgetToWire(value: BudgetDraft): { minimal: number; low: number; medium: number; high: number } | undefined {
+function budgetToWire(
+  value: BudgetDraft,
+): { minimal: number; low: number; medium: number; high: number } | undefined {
   const out: Record<string, number> = {}
   for (const key of ['minimal', 'low', 'medium', 'high'] as const) {
     const num = toNum(value[key])
     if (num !== undefined) out[key] = num
   }
-  return Object.keys(out).length > 0 ? (out as { minimal: number; low: number; medium: number; high: number }) : undefined
+  return Object.keys(out).length > 0
+    ? (out as { minimal: number; low: number; medium: number; high: number })
+    : undefined
 }
 
 /** 剔除空值：undefined / '' / 空数组 / 空对象。 */
@@ -156,6 +171,50 @@ function omitEmpty(obj: Record<string, unknown>): Record<string, unknown> {
   return out
 }
 
+/** 卡片已认识的 wire 字段（其余进 extra 原样往返）。 */
+const KNOWN_MODEL_KEYS = new Set([
+  'id',
+  'extends',
+  'name',
+  'contextWindow',
+  'maxTokens',
+  'input',
+  'reasoningEfforts',
+  'compat',
+])
+
+const KNOWN_PROVIDER_KEYS = new Set([
+  'extends',
+  'displayName',
+  'api',
+  'baseURL',
+  'apiKeyEnv',
+  'headers',
+  'compat',
+  'defaultContextWindow',
+  'defaultMaxTokens',
+  'defaultInput',
+  'reasoning',
+  'thinkingBudgets',
+  'cacheRetention',
+  'transport',
+  'timeoutMs',
+  'websocketConnectTimeoutMs',
+  'streamIdleTimeoutMs',
+  'maxRequestImageBytes',
+  'retryPolicy',
+  'models',
+])
+
+/** 摘出 wire 对象里卡片未认识的字段（undefined 值不保留）。 */
+function extraOf(wire: Record<string, unknown>, known: Set<string>): Record<string, unknown> {
+  const out: Record<string, unknown> = {}
+  for (const [key, value] of Object.entries(wire)) {
+    if (!known.has(key) && value !== undefined) out[key] = value
+  }
+  return out
+}
+
 function modelDraftFromWire(model: WireModel): ModelDraft {
   return {
     id: model.id,
@@ -166,21 +225,25 @@ function modelDraftFromWire(model: WireModel): ModelDraft {
     input: inputFromWire(model.input),
     reasoningEfforts: reasoningFromWire(model.reasoningEfforts),
     compat: { ...(model.compat ?? {}) },
+    extra: extraOf(model as Record<string, unknown>, KNOWN_MODEL_KEYS),
   }
 }
 
 function modelToWire(model: ModelDraft): WireModel {
   const reasoningEfforts = reasoningToWire(model.reasoningEfforts)
-  return omitEmpty({
-    id: model.id.trim(),
-    extends: model.extends.trim(),
-    name: model.name.trim(),
-    contextWindow: toNum(model.contextWindow),
-    maxTokens: toNum(model.maxTokens),
-    input: inputToWire(model.input),
-    ...(reasoningEfforts === undefined ? {} : { reasoningEfforts }),
-    compat: model.compat,
-  }) as WireModel
+  return {
+    ...model.extra,
+    ...(omitEmpty({
+      id: model.id.trim(),
+      extends: model.extends.trim(),
+      name: model.name.trim(),
+      contextWindow: toNum(model.contextWindow),
+      maxTokens: toNum(model.maxTokens),
+      input: inputToWire(model.input),
+      ...(reasoningEfforts === undefined ? {} : { reasoningEfforts }),
+      compat: model.compat,
+    }) as Record<string, unknown>),
+  } as unknown as WireModel
 }
 
 function providerDraftFromWire(provider: WireProvider): ProviderDraft {
@@ -205,32 +268,36 @@ function providerDraftFromWire(provider: WireProvider): ProviderDraft {
     maxRequestImageBytes: numToText(provider.maxRequestImageBytes),
     retryPolicy: provider.retryPolicy,
     models: (provider.models ?? []).map(modelDraftFromWire),
+    extra: extraOf(provider as Record<string, unknown>, KNOWN_PROVIDER_KEYS),
   }
 }
 
 function providerToWire(provider: ProviderDraft): WireProvider {
-  return omitEmpty({
-    extends: provider.extends.trim(),
-    displayName: provider.displayName.trim(),
-    api: provider.api,
-    baseURL: provider.baseURL.trim(),
-    apiKeyEnv: provider.apiKeyEnv.trim(),
-    headers: pairsToHeaders(provider.headers),
-    compat: provider.compat,
-    defaultContextWindow: toNum(provider.defaultContextWindow),
-    defaultMaxTokens: toNum(provider.defaultMaxTokens),
-    input: inputToWire(provider.input),
-    reasoning: provider.reasoning,
-    thinkingBudgets: budgetToWire(provider.thinkingBudgets),
-    cacheRetention: provider.cacheRetention,
-    transport: provider.transport,
-    timeoutMs: toNum(provider.timeoutMs),
-    websocketConnectTimeoutMs: toNum(provider.websocketConnectTimeoutMs),
-    streamIdleTimeoutMs: toNum(provider.streamIdleTimeoutMs),
-    maxRequestImageBytes: toNum(provider.maxRequestImageBytes),
-    retryPolicy: provider.retryPolicy,
-    models: provider.models.map(modelToWire),
-  }) as WireProvider
+  return {
+    ...provider.extra,
+    ...(omitEmpty({
+      extends: provider.extends.trim(),
+      displayName: provider.displayName.trim(),
+      api: provider.api,
+      baseURL: provider.baseURL.trim(),
+      apiKeyEnv: provider.apiKeyEnv.trim(),
+      headers: pairsToHeaders(provider.headers),
+      compat: provider.compat,
+      defaultContextWindow: toNum(provider.defaultContextWindow),
+      defaultMaxTokens: toNum(provider.defaultMaxTokens),
+      input: inputToWire(provider.input),
+      reasoning: provider.reasoning,
+      thinkingBudgets: budgetToWire(provider.thinkingBudgets),
+      cacheRetention: provider.cacheRetention,
+      transport: provider.transport,
+      timeoutMs: toNum(provider.timeoutMs),
+      websocketConnectTimeoutMs: toNum(provider.websocketConnectTimeoutMs),
+      streamIdleTimeoutMs: toNum(provider.streamIdleTimeoutMs),
+      maxRequestImageBytes: toNum(provider.maxRequestImageBytes),
+      retryPolicy: provider.retryPolicy,
+      models: provider.models.map(modelToWire),
+    }) as Record<string, unknown>),
+  } as unknown as WireProvider
 }
 
 export function emptyProviderDraft(): ProviderDraft {
@@ -255,6 +322,7 @@ export function emptyProviderDraft(): ProviderDraft {
     maxRequestImageBytes: '',
     retryPolicy: undefined,
     models: [],
+    extra: {},
   }
 }
 
@@ -268,6 +336,7 @@ export function emptyModelDraft(): ModelDraft {
     input: { text: false, image: false },
     reasoningEfforts: { nonReasoning: false, levels: {} },
     compat: {},
+    extra: {},
   }
 }
 
@@ -278,7 +347,10 @@ export function draftFromValue(value: ConfigValue): Draft {
     catalogRefreshHours: String(value.catalogRefreshHours),
     catalogProxy: value.catalogProxy,
     providers: Object.fromEntries(
-      Object.entries(value.providers).map(([route, provider]) => [route, providerDraftFromWire(provider)]),
+      Object.entries(value.providers).map(([route, provider]) => [
+        route,
+        providerDraftFromWire(provider),
+      ]),
     ),
   }
 }

package/src/client/fields.tsx

@@ -3,7 +3,7 @@
  * 视觉对齐官方卡片字段（label + hint + 控件纵列），样式类前缀 lpc-。
  * @module llm-pi/client/fields
  */
-import { useEffect, useState, type ReactElement } from 'react'
+import { type ReactElement, useEffect, useState } from 'react'
 
 import type { HeaderPair } from './draft.ts'
 
@@ -170,6 +170,7 @@ export function KeyValueEditor(props: KeyValueEditorProps): ReactElement {
         </label>
       </div>
       {props.pairs.map((pair, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: 可编辑 KV 行无稳定 id，行序即身份（增删行经 onEdit 整体回写）
         <div className="lpc-kvRow" key={index}>
           <input
             id={index === 0 ? props.id : undefined}
@@ -239,6 +240,7 @@ export interface JsonFieldProps {
 
 export function JsonField(props: JsonFieldProps): ReactElement {
   const [text, setText] = useState(() => toJsonText(props.value))
+  // biome-ignore lint/correctness/useExhaustiveDependencies: 仅在 epoch 递增（外部重置语义）时同步文本，避免编辑中被 value 回写打断
   useEffect(() => {
     setText(toJsonText(props.value))
   }, [props.epoch])

package/src/client/i18n.ts

@@ -102,7 +102,8 @@ export const en: Record<string, string> = {
   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.',
+  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',
@@ -151,7 +152,8 @@ export const en: Record<string, string> = {
   retryPolicyHint: 'dsh-llm RetryPolicy shape; invalid JSON is not submitted.',
   invalidJson: 'Invalid JSON (this field will not be submitted).',
   compatGroup: 'Compat overrides',
-  compatApiHint: 'When api is unset, fields render per openai-completions; the backend validates per the effective protocol.',
+  compatApiHint:
+    'When api is unset, fields render per openai-completions; the backend validates per the effective protocol.',
   compatUnset: 'Unset',
   modelsGroup: 'Model catalog',
   addModel: 'Add model',

package/src/client/scope.ts

@@ -31,7 +31,26 @@ export interface Scope {
 
 /** connection api.settings 的 RPC 面（本插件用到的三个方法）。 */
 export interface SettingsApi {
-  describe(payload?: Record<string, never>): Promise<{ result: { ok: boolean; value?: { namespaces: Array<{ ns: string; secrets: Array<{ path: string[]; set: boolean }> }> }; error?: { message?: string } } }>
-  update(request: { ns: string; patch: Record<string, unknown>; expectedRevision?: number }): Promise<{ result: { ok: boolean; error?: { message?: string } } }>
-  replace(request: { ns: string; section: Record<string, unknown>; expectedRevision?: number }): Promise<{ result: { ok: boolean; error?: { message?: string } } }>
+  describe(payload?: Record<string, never>): Promise<{
+    result: {
+      ok: boolean
+      value?: {
+        namespaces: Array<{
+          ns: string
+          secrets: Array<{ path: string[]; set: boolean }>
+        }>
+      }
+      error?: { message?: string }
+    }
+  }>
+  update(request: {
+    ns: string
+    patch: Record<string, unknown>
+    expectedRevision?: number
+  }): Promise<{ result: { ok: boolean; error?: { message?: string } } }>
+  replace(request: {
+    ns: string
+    section: Record<string, unknown>
+    expectedRevision?: number
+  }): Promise<{ result: { ok: boolean; error?: { message?: string } } }>
 }

package/src/client/views/compat.tsx

@@ -11,7 +11,10 @@ import { COMPAT_FALLBACK_API, compatFieldSpec, compatFieldsOf } from '../constan
 import { CollapseSection, JsonField, SelectField } from '../fields.tsx'
 
 /** api 变更后裁剪 compat：只保留新渲染组的字段，避免保存时被后端拒绝。 */
-export function pruneCompatForApi(compat: Record<string, unknown>, api: string): Record<string, unknown> {
+export function pruneCompatForApi(
+  compat: Record<string, unknown>,
+  api: string,
+): Record<string, unknown> {
   const group = api !== '' && compatFieldsOf(api).length > 0 ? api : COMPAT_FALLBACK_API
   const fields = new Set(compatFieldsOf(group))
   const next: Record<string, unknown> = {}
@@ -33,7 +36,8 @@ export interface CompatEditorProps {
 }
 
 export function CompatEditor(props: CompatEditorProps): ReactElement {
-  const effective = props.api !== '' && compatFieldsOf(props.api).length > 0 ? props.api : COMPAT_FALLBACK_API
+  const effective =
+    props.api !== '' && compatFieldsOf(props.api).length > 0 ? props.api : COMPAT_FALLBACK_API
   const fields = compatFieldsOf(effective)
   const setField = (field: string, value: unknown): void => {
     const next = { ...props.compat }
@@ -43,61 +47,63 @@ export function CompatEditor(props: CompatEditorProps): ReactElement {
   }
   return (
     <div className={`lpc-field lpc-wide`}>
-      <CollapseSection id={`${props.idPrefix}-collapse`} title={props.t('compatGroup')} defaultOpen={false}>
-        <>
-          {props.api === '' ? <p className="lpc-hint">{props.t('compatApiHint')}</p> : null}
-          <div className="lpc-grid">
-            {fields.map((field) => {
-              const spec = compatFieldSpec(effective, field)
-              if (spec === 'boolean') {
-                return (
-                  <SelectField
-                    key={field}
-                    id={`${props.idPrefix}-${field}`}
-                    label={field}
-                    value={props.compat[field] === undefined ? '' : String(props.compat[field])}
-                    options={['true', 'false']}
-                    unsetLabel={props.t('compatUnset')}
-                    disabled={props.disabled === true}
-                    onEdit={(value) => {
-                      if (value === '') setField(field, undefined)
-                      else setField(field, value === 'true')
-                    }}
-                  />
-                )
-              }
-              if (spec === 'object') {
-                return (
-                  <JsonField
-                    key={field}
-                    id={`${props.idPrefix}-${field}`}
-                    label={field}
-                    value={props.compat[field]}
-                    epoch={props.epoch}
-                    disabled={props.disabled === true}
-                    invalidText={props.t('invalidJson')}
-                    onEdit={(value) => setField(field, value)}
-                  />
-                )
-              }
+      <CollapseSection
+        id={`${props.idPrefix}-collapse`}
+        title={props.t('compatGroup')}
+        defaultOpen={false}
+      >
+        {props.api === '' ? <p className="lpc-hint">{props.t('compatApiHint')}</p> : null}
+        <div className="lpc-grid">
+          {fields.map((field) => {
+            const spec = compatFieldSpec(effective, field)
+            if (spec === 'boolean') {
               return (
                 <SelectField
                   key={field}
                   id={`${props.idPrefix}-${field}`}
                   label={field}
                   value={props.compat[field] === undefined ? '' : String(props.compat[field])}
-                  options={spec}
+                  options={['true', 'false']}
                   unsetLabel={props.t('compatUnset')}
                   disabled={props.disabled === true}
                   onEdit={(value) => {
                     if (value === '') setField(field, undefined)
-                    else setField(field, value)
+                    else setField(field, value === 'true')
                   }}
                 />
               )
-            })}
-          </div>
-        </>
+            }
+            if (spec === 'object') {
+              return (
+                <JsonField
+                  key={field}
+                  id={`${props.idPrefix}-${field}`}
+                  label={field}
+                  value={props.compat[field]}
+                  epoch={props.epoch}
+                  disabled={props.disabled === true}
+                  invalidText={props.t('invalidJson')}
+                  onEdit={(value) => setField(field, value)}
+                />
+              )
+            }
+            return (
+              <SelectField
+                key={field}
+                id={`${props.idPrefix}-${field}`}
+                label={field}
+                value={props.compat[field] === undefined ? '' : String(props.compat[field])}
+                options={spec}
+                unsetLabel={props.t('compatUnset')}
+                disabled={props.disabled === true}
+                onEdit={(value) => {
+                  if (value === '') setField(field, undefined)
+                  else setField(field, value)
+                }}
+              />
+            )
+          })}
+        </div>
       </CollapseSection>
     </div>
   )

package/src/client/views/models.tsx

@@ -4,7 +4,7 @@
  * （builtin / models-dev）与 provider 后拉取其 models 列表。
  * @module llm-pi/client/views/models
  */
-import { useEffect, useState, type ReactElement } from 'react'
+import { type ReactElement, useEffect, useState } from 'react'
 
 import { fetchCatalog, type WireModelsDevStatus } from '../api.ts'
 import { MODALITIES, THINKING_LEVELS } from '../constants.ts'
@@ -41,6 +41,7 @@ export function ModelsTable(props: ModelsTableProps): ReactElement {
   const [note, setNote] = useState('')
   const listId = `lpc-models-${props.route.replace(/[^a-zA-Z0-9_-]/g, '_')}`
 
+  // biome-ignore lint/correctness/useExhaustiveDependencies: 目录拉取仅随 source 切换重跑；t/defaultProvider 取首帧值即可
   useEffect(() => {
     let alive = true
     setNote(t('catalogLoading'))
@@ -91,7 +92,9 @@ export function ModelsTable(props: ModelsTableProps): ReactElement {
         </button>
       </div>
       <div className="lpc-catalogBar">
-        <label className="lpc-catalogLabel" htmlFor={`${listId}-source`}>{t('catalogSource')}</label>
+        <label className="lpc-catalogLabel" htmlFor={`${listId}-source`}>
+          {t('catalogSource')}
+        </label>
         <select
           id={`${listId}-source`}
           className="lpc-input lpc-select lpc-catalogSelect"
@@ -102,7 +105,9 @@ export function ModelsTable(props: ModelsTableProps): ReactElement {
           <option value="builtin">builtin</option>
           <option value="models-dev">models-dev</option>
         </select>
-        <label className="lpc-catalogLabel" htmlFor={`${listId}-provider`}>{t('catalogProvider')}</label>
+        <label className="lpc-catalogLabel" htmlFor={`${listId}-provider`}>
+          {t('catalogProvider')}
+        </label>
         <select
           id={`${listId}-provider`}
           className="lpc-input lpc-select lpc-catalogSelect"
@@ -112,7 +117,9 @@ export function ModelsTable(props: ModelsTableProps): ReactElement {
         >
           <option value="">-</option>
           {providerIds.map((id) => (
-            <option key={id} value={id}>{id}</option>
+            <option key={id} value={id}>
+              {id}
+            </option>
           ))}
         </select>
       </div>
@@ -124,6 +131,7 @@ export function ModelsTable(props: ModelsTableProps): ReactElement {
       </datalist>
       {props.models.map((model, index) => (
         <ModelRow
+          // biome-ignore lint/suspicious/noArrayIndexKey: model.id 可重复（手填），index 前缀保证 key 唯一且随行序稳定
           key={`${index}:${model.id}`}
           index={index}
           model={model}
@@ -160,7 +168,9 @@ export function ModelRow(props: ModelRowProps): ReactElement {
   return (
     <div className="lpc-modelRow">
       <div className="lpc-modelHead">
-        <span className="lpc-modelTitle">{t('modelRow')} {props.index + 1}</span>
+        <span className="lpc-modelTitle">
+          {t('modelRow')} {props.index + 1}
+        </span>
         <button
           type="button"
           className="lpc-btn lpc-btnGhost lpc-btnSmall"
@@ -222,7 +232,11 @@ export function ModelRow(props: ModelRowProps): ReactElement {
               label={modality}
               checked={model.input[modality]}
               disabled={props.disabled === true}
-              onEdit={(checked) => props.onPatch({ input: { ...model.input, [modality]: checked } })}
+              onEdit={(checked) =>
+                props.onPatch({
+                  input: { ...model.input, [modality]: checked },
+                })
+              }
             />
           ))}
         </div>
@@ -282,7 +296,12 @@ export function ReasoningEditor(props: ReasoningEditorProps): ReactElement {
               label={level}
               value={value.levels[level] ?? ''}
               disabled={props.disabled === true}
-              onEdit={(text) => props.onEdit({ ...value, levels: { ...value.levels, [level]: text } })}
+              onEdit={(text) =>
+                props.onEdit({
+                  ...value,
+                  levels: { ...value.levels, [level]: text },
+                })
+              }
             />
           ))}
         </div>

package/src/client/views/provider-fields.tsx

@@ -7,7 +7,12 @@
 import type { ReactElement } from 'react'
 
 import {
-  BUDGET_KEYS, CACHE_RETENTION_OPTIONS, MODALITIES, PROTOCOL_IDS, THINKING_LEVELS, TRANSPORT_OPTIONS,
+  BUDGET_KEYS,
+  CACHE_RETENTION_OPTIONS,
+  MODALITIES,
+  PROTOCOL_IDS,
+  THINKING_LEVELS,
+  TRANSPORT_OPTIONS,
 } from '../constants.ts'
 import type { ProviderDraft } from '../draft.ts'
 import { CheckRow, SelectField, TextField } from '../fields.tsx'
@@ -129,7 +134,9 @@ export function ProviderScalarFields(props: ProviderScalarFieldsProps): ReactEle
               value={draft.thinkingBudgets[key]}
               disabled={props.disabled === true}
               onEdit={(value) =>
-                props.onPatch({ thinkingBudgets: { ...draft.thinkingBudgets, [key]: value } })
+                props.onPatch({
+                  thinkingBudgets: { ...draft.thinkingBudgets, [key]: value },
+                })
               }
             />
           ))}
@@ -151,7 +158,12 @@ export function ProviderSelectFields(props: ProviderScalarFieldsProps): ReactEle
         options={PROTOCOL_IDS}
         unsetLabel={t('compatUnset')}
         disabled={props.disabled === true}
-        onEdit={(value) => props.onPatch({ api: value, compat: pruneCompatForApi(draft.compat, value) })}
+        onEdit={(value) =>
+          props.onPatch({
+            api: value,
+            compat: pruneCompatForApi(draft.compat, value),
+          })
+        }
       />
       <SelectField
         id={`${props.id}-reasoning`}

package/src/client/views/providers.tsx

@@ -4,7 +4,7 @@
  * 支持新增 route（输入键名）与删除 route。
  * @module llm-pi/client/views/providers
  */
-import { useState, type ReactElement } from 'react'
+import { type ReactElement, useState } from 'react'
 
 import type { ProviderDraft } from '../draft.ts'
 import { CollapseSection, JsonField, KeyValueEditor } from '../fields.tsx'
@@ -93,8 +93,15 @@ export function ProviderSection(props: ProviderSectionProps): ReactElement {
   const [open, setOpen] = useState(false)
   const { route, draft, t } = props
   const id = route.replace(/[^a-zA-Z0-9_-]/g, '_')
-  const summary = draft.api !== '' ? draft.api : draft.extends !== '' ? `extends ${draft.extends}` : ''
-  const fieldProps = { id, draft, disabled: props.disabled === true, t, onPatch: props.onPatch }
+  const summary =
+    draft.api !== '' ? draft.api : draft.extends !== '' ? `extends ${draft.extends}` : ''
+  const fieldProps = {
+    id,
+    draft,
+    disabled: props.disabled === true,
+    t,
+    onPatch: props.onPatch,
+  }
   return (
     <div className="lpc-route">
       <div className="lpc-routeHead">
@@ -135,29 +142,27 @@ export function ProviderSection(props: ProviderSectionProps): ReactElement {
             onEdit={(headers) => props.onPatch({ headers })}
           />
           <CollapseSection id={`${id}-advanced`} title={t('advancedGroup')} defaultOpen={false}>
-            <>
-              <JsonField
-                id={`${id}-retry`}
-                label={t('retryPolicy')}
-                hint={t('retryPolicyHint')}
-                invalidText={t('invalidJson')}
-                value={draft.retryPolicy}
-                epoch={props.epoch}
-                disabled={props.disabled === true}
-                wide
-                onEdit={(retryPolicy) => props.onPatch({ retryPolicy })}
-              />
-              <CompatEditor
-                idPrefix={`${id}-compat`}
-                api={draft.api}
-                compat={draft.compat}
-                epoch={props.epoch}
-                disabled={props.disabled === true}
-                wide
-                t={t}
-                onEdit={(compat) => props.onPatch({ compat })}
-              />
-            </>
+            <JsonField
+              id={`${id}-retry`}
+              label={t('retryPolicy')}
+              hint={t('retryPolicyHint')}
+              invalidText={t('invalidJson')}
+              value={draft.retryPolicy}
+              epoch={props.epoch}
+              disabled={props.disabled === true}
+              wide
+              onEdit={(retryPolicy) => props.onPatch({ retryPolicy })}
+            />
+            <CompatEditor
+              idPrefix={`${id}-compat`}
+              api={draft.api}
+              compat={draft.compat}
+              epoch={props.epoch}
+              disabled={props.disabled === true}
+              wide
+              t={t}
+              onEdit={(compat) => props.onPatch({ compat })}
+            />
           </CollapseSection>
           <ModelsTable
             route={route}