@qilin-agent/client-ui-settings-models 3.1.7 → 3.1.8

package/README.i18n.yaml

@@ -21,8 +21,8 @@
   en: 644c771c6398d855
   zh: 3fae98747222b713
 /qilin-agent-client-ui-settings-models/use-this-package/editing-a-provider:
-  en: bf92096bdde5e93a
-  zh: 4012a71b7d0f01d2
+  en: 79cb8c3a351644c2
+  zh: 05b6e54500e573dd
 /qilin-agent-client-ui-settings-models/use-this-package/adding-and-deleting-providers:
   en: 30c980f905a0245d
   zh: bc119152d4f1a16d

package/README.md

@@ -47,7 +47,9 @@ The collapsed 自定义设置 fold carries the curated extras: `baseURL` for bot
 
 The DeepSeek card edits the shared `llm-deepseek` endpoint, credentials, and model catalog without a protocol selector. When Cordis YAML selects Messages, the public endpoint placeholder is `https://api.deepseek.com/anthropic`. Saving the card preserves protocol configuration.
 
-Expand **Customized settings → Model options** to edit each model. Both provider families share the same row layout, labels, and icons: context window and max output tokens occupy two columns, and **Input types** occupies a separate row with **Text** and **Image** checkboxes. A row without an input declaration displays the installed model’s input types, then the provider default, then Text. Known pi-ai providers load their installed catalog without endpoint I/O; opening a row does not write an override. Explicit input selections take precedence, including text-only overrides of vision models. Checkbox edits save the selected types, with at least one type required. DeepSeek writes `inputModalities`; pi-ai writes `input`. Unchecking Image for DeepSeek also removes `imagePixelBudget` and `imageMaxBytes`, because the adapter rejects those limits without image input. Clearing the input field in `settings.yaml` restores adapter inheritance; **Restore default models** resets the entire catalog override. Declare only input types the upstream model can actually process.
+Drag a model’s three-line handle to change its position within the provider, or focus the handle and use the up and down arrow keys. Apply saves the order; Cancel discards it. Each model keeps its settings, expanded options, and unfinished capacity text when moved. The drag preview and the reduced-motion-aware row animation come from shared UI primitives, and before/after insertion markers show the target slot.
+
+Expand **Customized settings → Model options** to edit each model. Both provider families share the same row layout, labels, and icons: context window and max output tokens occupy two columns, and **Input types** occupies a separate row with **Text** and **Image** checkboxes. A row narrower than 440px moves its display-name field under the id, so both identity fields stay editable instead of shrinking under their placeholders. A row without an input declaration displays the installed model’s input types, then the provider default, then Text. Known pi-ai providers load their installed catalog without endpoint I/O; opening a row does not write an override. Explicit input selections take precedence, including text-only overrides of vision models. Checkbox edits save the selected types, with at least one type required. DeepSeek writes `inputModalities`; pi-ai writes `input`. Unchecking Image for DeepSeek also removes `imagePixelBudget` and `imageMaxBytes`, because the adapter rejects those limits without image input. Clearing the input field in `settings.yaml` restores adapter inheritance; **Restore default models** resets the entire catalog override. Declare only input types the upstream model can actually process.
 
 A model row on a hand-declared pi-ai route also edits its **Reasoning levels**, the `reasoningEfforts` the adapter already reads from `settings.yaml`; the **?** beside the label explains the two columns. With the switch off the field is absent, so the model does not reason and the model picker offers no level; a stored `false` is kept until the switch is used. Turning it on always starts from rows for off, low, medium, and high; it does not restore levels removed earlier, and **Cancel** discards the edit instead. Each row pairs a level select — the keys `llm-pi-ai`'s configuration schema accepts in `reasoningEfforts`, read from the namespace schema like the protocol choices and today `off`, `minimal`, `low`, `medium`, `high`, `xhigh`, and `max`, each usable once — with the **API value** sent for it, which starts as the level name; a field cleared while typing stores the level name and shows it once the field is left. Off only turns reasoning off, so its value field is disabled; a value already written for it in `settings.yaml` is shown and kept. Changing a row's level resets a value still spelled as the old level; a custom value carries over only between two thinking levels, so changing a row to or from Off resets it. A stored key the schema does not list keeps its row and stays selectable there. Rows can be added and deleted and are saved in row order, while the model picker lists the levels in escalation order. The section refuses what the adapter refuses: no level besides Off — including a `reasoningEfforts:` left without a value, which shows the switch on with no rows — or a value that is missing on a level besides Off or empty on any level. A refused value marks its field invalid, and leaving that field fills in the level name. The rows keep no state of their own, so a model row reused after a deletion, a reset, or a fold shows only its own model. Routes served from the installed catalog and the DeepSeek card keep the adapter's levels and show no reasoning control.
 

package/README.zh.md

@@ -47,7 +47,9 @@ API 密钥输入框初始为空，并使用 `autocomplete="new-password"` 提示
 
 `llm-deepseek` 的 DeepSeek 卡片编辑共用的端点、凭据和模型目录，不提供协议选择器。Cordis YAML 选择 Messages 时，官方端点占位符为 `https://api.deepseek.com/anthropic`；保存卡片不会改写协议配置。
 
-展开**自定义设置 → 模型选项**编辑模型。两个提供方家族共用相同的模型行布局、标签和图标：上下文窗口与最大输出 token 数分为两列，**输入类型**独占下一行，提供**文本**和**图片**复选框。未声明输入类型的模型行优先显示已安装模型的输入类型，其次是提供方默认值，最后回退为文本。已知 pi-ai 提供方会加载已安装目录，不向端点发送请求；打开模型行不会写入覆盖值。显式输入选择具有优先权，包括为视觉模型设置的仅文本覆盖。修改复选框会保存所选类型，且至少保留一种。DeepSeek 写入 `inputModalities`，pi-ai 写入 `input`。DeepSeek 取消勾选图片时，还会移除 `imagePixelBudget` 和 `imageMaxBytes`，因为适配器在没有图片输入时拒绝这些限制。在 `settings.yaml` 中清除输入字段可恢复适配器继承；**恢复默认模型**会重置整个模型目录覆盖。仅声明上游模型实际能够处理的输入类型。
+拖动模型的三横线手柄可调整它在当前提供方内的位置，也可以聚焦手柄后按上下方向键。保存会保留顺序；取消会放弃修改。移动时，每个模型的参数、已展开选项和未完成的容量输入都会随模型保留。拖拽预览与遵循减少动态效果设置的行动画来自共享 UI 原语，前后插入标记显示目标位置。
+
+展开**自定义设置 → 模型选项**编辑模型。两个提供方家族共用相同的模型行布局、标签和图标：上下文窗口与最大输出 token 数分为两列，**输入类型**独占下一行，提供**文本**和**图片**复选框。宽度窄于 440px 的行把显示名字段移到 id 下方，两个身份字段都保持可编辑，而不会被挤到占位符之下。未声明输入类型的模型行优先显示已安装模型的输入类型，其次是提供方默认值，最后回退为文本。已知 pi-ai 提供方会加载已安装目录，不向端点发送请求；打开模型行不会写入覆盖值。显式输入选择具有优先权，包括为视觉模型设置的仅文本覆盖。修改复选框会保存所选类型，且至少保留一种。DeepSeek 写入 `inputModalities`，pi-ai 写入 `input`。DeepSeek 取消勾选图片时，还会移除 `imagePixelBudget` 和 `imageMaxBytes`，因为适配器在没有图片输入时拒绝这些限制。在 `settings.yaml` 中清除输入字段可恢复适配器继承；**恢复默认模型**会重置整个模型目录覆盖。仅声明上游模型实际能够处理的输入类型。
 
 手工声明的 pi-ai 路由上，模型行还会编辑**推理等级**，即适配器本来就从 `settings.yaml` 读取的 `reasoningEfforts`；标签旁的 **?** 说明两列的含义。开关关闭时该字段不存在，模型不推理，模型选择器不提供任何档位；已存储的 `false` 在开关被操作前保持不变。打开开关总是从 off、low、medium 和 high 四行开始，不会恢复之前删掉的档位；要放弃修改请点**取消**。每行把一个档位选择框——可选值是 `llm-pi-ai` 配置 schema 允许作为 `reasoningEfforts` 键的档位，与协议选项一样从命名空间 schema 读取，目前为 `off`、`minimal`、`low`、`medium`、`high`、`xhigh`、`max`，每个档位只能用一次——与发送给它的 **API 参数值**配成一对，参数值初始为档位名；输入时清空的字段会存为档位名，离开字段后显示出来。Off 只表示关闭思考，因此它的参数值输入框是禁用的；`settings.yaml` 中已为它写好的值会显示并保留。修改某行的档位时，仍是旧档位名的参数值会随之重置；自定义值只在两个思考档位之间保留，切到或切离 Off 都会重置。schema 未列出的已存键会保留自己的行，并可在该行中继续选择。行可以增删，并按行的顺序保存，模型选择器则按升级顺序列出档位。本节拒绝适配器会拒绝的配置：没有 Off 以外的档位（包括未写值的 `reasoningEfforts:`，此时开关显示为打开且没有任何行），或者 Off 以外的档位缺少参数值、任意档位的参数值为空字符串。被拒绝的值会把对应输入框标为无效，离开该输入框时会填入档位名。各行不保留自己的状态，因此删除、恢复默认或折叠之后被复用的模型行只显示它自己的模型。走已安装目录的路由和 DeepSeek 卡片沿用适配器的档位，不显示推理等级控件。
 

package/lib/client.js

@@ -55,7 +55,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-settings-models/src/client/ModelsSection.module.css.mjs
-		const css$2 = ".PF5DZW_section{color:var(--qilin-alias-label-primary);flex-direction:column;gap:12px;display:flex}.PF5DZW_title{color:var(--qilin-alias-label-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.PF5DZW_intro{color:var(--qilin-alias-label-tertiary);margin:0;font-size:14px;line-height:22px}.PF5DZW_notice{color:var(--qilin-alias-state-warn-label);margin:0;font-size:12px;line-height:18px}.PF5DZW_savedNotice{color:var(--qilin-alias-state-success-primary);margin:0;font-size:12px;line-height:18px}.PF5DZW_rows{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.PF5DZW_rowCard{border:.5px solid var(--qilin-alias-border-l4);border-radius:16px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.PF5DZW_rowHead{align-items:center;gap:10px;display:flex}.PF5DZW_rowIdentity{align-items:center;gap:6px;min-width:0;display:inline-flex}.PF5DZW_rowName{color:var(--qilin-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}.PF5DZW_rowTag{border:.5px solid var(--qilin-alias-border-l3);color:var(--qilin-alias-label-secondary);border-radius:4px;flex:none;padding:1px 6px;font-size:11px;line-height:16px}.PF5DZW_credentialDot{box-sizing:border-box;corner-shape:round;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.PF5DZW_credentialDotConfigured{background:var(--qilin-alias-state-success-primary)}.PF5DZW_credentialDotMissing{background:var(--qilin-alias-state-error-primary)}.PF5DZW_rowActions{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.PF5DZW_primaryButton,.PF5DZW_secondaryButton,.PF5DZW_addButton{box-sizing:border-box;height:36px;font:inherit;cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:4px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.PF5DZW_primaryButton{background:var(--qilin-alias-button-primary-fill);color:var(--qilin-alias-label-primary-foreground)}.PF5DZW_primaryButton:hover:not(:disabled){background:var(--qilin-alias-button-primary-hover)}.PF5DZW_secondaryButton,.PF5DZW_addButton{border:.5px solid var(--qilin-alias-border-l3);color:var(--qilin-alias-label-primary);background:0 0}.PF5DZW_secondaryButton:hover:not(:disabled),.PF5DZW_addButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover)}.PF5DZW_secondaryButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-solid)}.PF5DZW_dangerButton{box-sizing:border-box;height:36px;color:var(--qilin-alias-state-error-primary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:18px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.PF5DZW_dangerButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-danger)}.PF5DZW_rowActions .PF5DZW_secondaryButton,.PF5DZW_rowActions .PF5DZW_dangerButton{border-radius:14px;height:28px;padding:0 10px;font-size:12px;line-height:18px}.PF5DZW_primaryButton:disabled,.PF5DZW_secondaryButton:disabled,.PF5DZW_dangerButton:disabled,.PF5DZW_addButton:disabled,.PF5DZW_linkButton:disabled,.PF5DZW_addModelButton:disabled{opacity:.4;cursor:default}.PF5DZW_primaryButton:focus-visible,.PF5DZW_secondaryButton:focus-visible,.PF5DZW_dangerButton:focus-visible,.PF5DZW_addButton:focus-visible,.PF5DZW_linkButton:focus-visible,.PF5DZW_addModelButton:focus-visible,.PF5DZW_iconButton:focus-visible,.PF5DZW_customizedSummary:focus-visible{box-shadow:0 0 0 2px var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));outline:none}.PF5DZW_editor{background:var(--qilin-alias-bg-module-platform);border-radius:12px;flex-direction:column;gap:14px;padding:14px 16px;display:flex}.PF5DZW_editorHeader{align-items:baseline;gap:8px;display:flex}.PF5DZW_editorTitle{color:var(--qilin-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}.PF5DZW_editorRoute{color:var(--qilin-alias-label-tertiary);font-size:12px;line-height:18px}.PF5DZW_field{flex-direction:column;gap:6px;display:flex}.PF5DZW_fieldLabel{color:var(--qilin-alias-label-secondary);align-items:center;gap:10px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.PF5DZW_helpButton{border:.5px solid var(--qilin-alias-border-l3);corner-shape:round;width:16px;height:16px;color:var(--qilin-alias-label-tertiary);font:inherit;text-align:center;cursor:help;background:0 0;border-radius:50%;padding:0;font-size:11px;line-height:15px}.PF5DZW_helpButton:hover,.PF5DZW_helpButton:focus-visible{color:var(--qilin-alias-label-primary);border-color:var(--qilin-alias-label-tertiary)}.PF5DZW_linkButton{box-sizing:border-box;height:28px;color:var(--qilin-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;padding:0 10px;font-size:12px;line-height:18px;display:inline-flex}.PF5DZW_linkButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover);color:var(--qilin-alias-label-secondary)}.PF5DZW_advancedHint{color:var(--qilin-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.PF5DZW_editorActions{justify-content:flex-end;gap:8px;display:flex}.PF5DZW_addBlock{flex-direction:column;gap:12px;display:flex}.PF5DZW_addActions{flex-wrap:wrap;gap:10px;display:flex}.PF5DZW_addButton{border:1px dashed var(--qilin-alias-border-l3);border-radius:16px;flex:1 1 0;gap:6px;min-width:180px;height:44px}.PF5DZW_addCard,.PF5DZW_setupCard{background:var(--qilin-alias-bg-module-platform);border-radius:12px;flex-direction:column;gap:14px;padding:14px 16px;list-style:none;display:flex}.PF5DZW_addCard .PF5DZW_editor,.PF5DZW_setupCard .PF5DZW_editor{background:0 0;padding:0}.PF5DZW_customized{border-top:.5px solid var(--qilin-alias-border-l2);padding-top:10px}.PF5DZW_customizedSummary{cursor:pointer;width:fit-content;color:var(--qilin-alias-label-secondary);border-radius:6px;align-items:center;gap:6px;margin-left:-4px;padding:2px 4px;font-size:12px;font-weight:500;line-height:18px;list-style:none;display:flex}.PF5DZW_customizedSummary::-webkit-details-marker{display:none}.PF5DZW_customizedSummary:before{content:\"\";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .12s;transform:rotate(-45deg)translate(-1px,-1px)}.PF5DZW_customized[open]>.PF5DZW_customizedSummary:before{transform:rotate(45deg)translate(-1px,-1px)}.PF5DZW_customizedSummary:hover{color:var(--qilin-alias-label-primary)}.PF5DZW_customizedBody{flex-direction:column;gap:12px;padding-top:12px;display:flex}.PF5DZW_modelCatalog{border-top:.5px solid var(--qilin-alias-border-l2);flex-direction:column;gap:10px;padding-top:12px;display:flex}.PF5DZW_modelCatalogHeading{flex-direction:column;gap:2px;display:flex}.PF5DZW_modelCatalogTitle{color:var(--qilin-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px}.PF5DZW_modelCatalogMeta,.PF5DZW_modelEmpty{color:var(--qilin-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.PF5DZW_modelList{flex-direction:column;gap:8px;display:flex}.PF5DZW_modelListHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.PF5DZW_modelEntry{border:.5px solid var(--qilin-alias-border-l4);border-radius:10px;padding:6px}.PF5DZW_modelRow{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}.PF5DZW_iconButton{box-sizing:border-box;width:28px;height:28px;color:var(--qilin-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.PF5DZW_iconButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover);color:var(--qilin-alias-label-primary)}.PF5DZW_iconButton:disabled{cursor:default;opacity:.4}.PF5DZW_iconButtonDanger:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-danger);color:var(--qilin-alias-state-error-primary)}.PF5DZW_modelAdvanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 4px 2px;display:grid}.PF5DZW_modelField{flex-direction:column;gap:4px;min-width:0;display:flex}.PF5DZW_modelInputTypes{border:none;grid-column:1/-1;min-width:0;margin:0;padding:0}.PF5DZW_modelInputTypes legend{margin-bottom:4px;padding:0}.PF5DZW_modelInputChoices{flex-wrap:wrap;align-items:center;gap:16px;min-height:32px;display:flex}.PF5DZW_modelFieldLabel{color:var(--qilin-alias-label-tertiary);font-size:12px;line-height:18px}.PF5DZW_modelReasoning{flex-direction:column;grid-column:1/-1;gap:6px;min-width:0;display:flex}.PF5DZW_modelReasoningLabel{align-items:center;gap:6px;display:inline-flex}.PF5DZW_modelReasoningHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.PF5DZW_modelReasoningRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.PF5DZW_modelReasoningRow .PF5DZW_selectInput{max-width:none}.PF5DZW_modelReasoningValueInput{font-family:var(--ds-font-family-code);font-size:13px}.PF5DZW_modelEmpty{border:1px dashed var(--qilin-alias-border-l3);text-align:center;border-radius:8px;padding:12px}.PF5DZW_addModelButton{box-sizing:border-box;border:.5px solid var(--qilin-alias-border-l3);height:28px;color:var(--qilin-alias-label-primary);font:inherit;cursor:pointer;background:0 0;border-radius:14px;align-self:flex-start;align-items:center;gap:4px;padding:0 10px;font-size:12px;line-height:18px;display:inline-flex}.PF5DZW_addModelButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover)}.PF5DZW_input{box-sizing:border-box;border:.5px solid var(--qilin-alias-border-l4);width:100%;height:32px;font:inherit;background:var(--qilin-alias-bg-layer-1);color:var(--qilin-alias-label-primary);border-radius:8px;padding:0 10px;font-size:14px;line-height:22px}select.PF5DZW_input{cursor:pointer;max-width:240px}.PF5DZW_input:focus{border-color:var(--qilin-alias-state-business-primary);outline:none}.PF5DZW_input::placeholder{color:var(--qilin-alias-label-dimmed)}.PF5DZW_input:disabled{opacity:.6;cursor:default}.PF5DZW_keyInput{position:relative}.PF5DZW_keyInputFilled{padding-right:40px}.PF5DZW_keyToggle{border-radius:var(--qilin-radius-md);width:32px;color:var(--qilin-alias-label-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset:1px 1px 1px auto}.PF5DZW_keyToggle:hover:not(:disabled){color:var(--qilin-alias-label-primary)}.PF5DZW_keyToggle:focus-visible{outline:var(--qilin-focus-ring-width) solid var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));outline-offset:-2px}.PF5DZW_keyToggle:disabled{opacity:.6;cursor:default}.PF5DZW_selectInput{appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2381858C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px;padding-right:32px}.PF5DZW_error{color:var(--qilin-alias-state-error-primary);margin:0;font-size:12px;line-height:18px}.PF5DZW_deleteDialog{width:min(480px,100%)}.PF5DZW_deleteConfirm:not(:disabled){border-color:var(--qilin-alias-state-error-primary);color:var(--qilin-alias-state-error-primary)}.PF5DZW_deleteConfirm:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-danger)}.PF5DZW_hiddenLabel{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.PF5DZW_customizedSummary:before,.PF5DZW_switchThumb{transition:none}}.PF5DZW_fetchDialog{--qilin-scrollbar-thumb:var(--qilin-alias-scrollbar-bg-l2);--qilin-scrollbar-thumb-hover:var(--qilin-alias-scrollbar-hover-l2);max-width:520px}.PF5DZW_candidateToolbar{align-items:center;gap:8px;margin-bottom:6px;display:flex}.PF5DZW_candidateSearch{flex:240px;min-width:0}.PF5DZW_candidateList{flex-direction:column;gap:2px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.PF5DZW_candidate{border-radius:6px}.PF5DZW_candidateLabel{cursor:pointer;align-items:center;gap:8px;padding:6px 8px;display:flex}.PF5DZW_candidateId{font-family:var(--ds-font-family-code);overflow-wrap:anywhere;flex:auto;font-size:13px}.PF5DZW_candidateEmpty{color:var(--qilin-alias-label-secondary);text-align:center;margin:24px 0;font-size:13px;line-height:20px}";
+		const css$2 = ".PF5DZW_section{color:var(--qilin-alias-label-primary);flex-direction:column;gap:12px;display:flex}.PF5DZW_title{color:var(--qilin-alias-label-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.PF5DZW_intro{color:var(--qilin-alias-label-tertiary);margin:0;font-size:14px;line-height:22px}.PF5DZW_notice{color:var(--qilin-alias-state-warn-label);margin:0;font-size:12px;line-height:18px}.PF5DZW_savedNotice{color:var(--qilin-alias-state-success-primary);margin:0;font-size:12px;line-height:18px}.PF5DZW_rows{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.PF5DZW_rowCard{border:1px solid var(--qilin-alias-border-l4);border-radius:16px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.PF5DZW_rowHead{align-items:center;gap:10px;display:flex}.PF5DZW_rowIdentity{align-items:center;gap:6px;min-width:0;display:inline-flex}.PF5DZW_rowName{color:var(--qilin-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}.PF5DZW_rowTag{border:1px solid var(--qilin-alias-border-l3);color:var(--qilin-alias-label-secondary);border-radius:4px;flex:none;padding:1px 6px;font-size:11px;line-height:16px}.PF5DZW_credentialDot{box-sizing:border-box;corner-shape:round;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.PF5DZW_credentialDotConfigured{background:var(--qilin-alias-state-success-primary)}.PF5DZW_credentialDotMissing{background:var(--qilin-alias-state-error-primary)}.PF5DZW_rowActions{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.PF5DZW_primaryButton,.PF5DZW_secondaryButton,.PF5DZW_addButton{box-sizing:border-box;height:36px;font:inherit;cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:4px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.PF5DZW_primaryButton{background:var(--qilin-alias-button-primary-fill);color:var(--qilin-alias-label-primary-foreground)}.PF5DZW_primaryButton:hover:not(:disabled){background:var(--qilin-alias-button-primary-hover)}.PF5DZW_secondaryButton,.PF5DZW_addButton{border:1px solid var(--qilin-alias-border-l3);color:var(--qilin-alias-label-primary);background:0 0}.PF5DZW_secondaryButton:hover:not(:disabled),.PF5DZW_addButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover)}.PF5DZW_secondaryButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-solid)}.PF5DZW_dangerButton{box-sizing:border-box;height:36px;color:var(--qilin-alias-state-error-primary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:18px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.PF5DZW_dangerButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-danger)}.PF5DZW_rowActions .PF5DZW_secondaryButton,.PF5DZW_rowActions .PF5DZW_dangerButton{border-radius:14px;height:28px;padding:0 10px;font-size:12px;line-height:18px}.PF5DZW_primaryButton:disabled,.PF5DZW_secondaryButton:disabled,.PF5DZW_dangerButton:disabled,.PF5DZW_addButton:disabled,.PF5DZW_linkButton:disabled,.PF5DZW_addModelButton:disabled{opacity:.4;cursor:default}.PF5DZW_primaryButton:focus-visible,.PF5DZW_secondaryButton:focus-visible,.PF5DZW_dangerButton:focus-visible,.PF5DZW_addButton:focus-visible,.PF5DZW_linkButton:focus-visible,.PF5DZW_addModelButton:focus-visible,.PF5DZW_iconButton:focus-visible,.PF5DZW_customizedSummary:focus-visible{box-shadow:0 0 0 2px var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));outline:none}.PF5DZW_editor{background:var(--qilin-alias-bg-module-platform);border-radius:12px;flex-direction:column;gap:14px;padding:14px 16px;display:flex}.PF5DZW_editorHeader{align-items:baseline;gap:8px;display:flex}.PF5DZW_editorTitle{color:var(--qilin-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}.PF5DZW_editorRoute{color:var(--qilin-alias-label-tertiary);font-size:12px;line-height:18px}.PF5DZW_field{flex-direction:column;gap:6px;display:flex}.PF5DZW_fieldLabel{color:var(--qilin-alias-label-secondary);align-items:center;gap:10px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.PF5DZW_helpButton{border:1px solid var(--qilin-alias-border-l3);corner-shape:round;width:16px;height:16px;color:var(--qilin-alias-label-tertiary);font:inherit;text-align:center;cursor:help;background:0 0;border-radius:50%;padding:0;font-size:11px;line-height:15px}.PF5DZW_helpButton:hover,.PF5DZW_helpButton:focus-visible{color:var(--qilin-alias-label-primary);border-color:var(--qilin-alias-label-tertiary)}.PF5DZW_linkButton{box-sizing:border-box;height:28px;color:var(--qilin-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;padding:0 10px;font-size:12px;line-height:18px;display:inline-flex}.PF5DZW_linkButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover);color:var(--qilin-alias-label-secondary)}.PF5DZW_advancedHint{color:var(--qilin-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.PF5DZW_editorActions{justify-content:flex-end;gap:8px;display:flex}.PF5DZW_addBlock{flex-direction:column;gap:12px;display:flex}.PF5DZW_addActions{flex-wrap:wrap;gap:10px;display:flex}.PF5DZW_addButton{border:1px dashed var(--qilin-alias-border-l3);border-radius:16px;flex:1 1 0;gap:6px;min-width:180px;height:44px}.PF5DZW_addCard,.PF5DZW_setupCard{background:var(--qilin-alias-bg-module-platform);border-radius:12px;flex-direction:column;gap:14px;padding:14px 16px;list-style:none;display:flex}.PF5DZW_addCard .PF5DZW_editor,.PF5DZW_setupCard .PF5DZW_editor{background:0 0;padding:0}.PF5DZW_customized{border-top:1px solid var(--qilin-alias-border-l2);padding-top:10px}.PF5DZW_customizedSummary{cursor:pointer;width:fit-content;color:var(--qilin-alias-label-secondary);border-radius:6px;align-items:center;gap:6px;margin-left:-4px;padding:2px 4px;font-size:12px;font-weight:500;line-height:18px;list-style:none;display:flex}.PF5DZW_customizedSummary::-webkit-details-marker{display:none}.PF5DZW_customizedSummary:before{content:\"\";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .12s;transform:rotate(-45deg)translate(-1px,-1px)}.PF5DZW_customized[open]>.PF5DZW_customizedSummary:before{transform:rotate(45deg)translate(-1px,-1px)}.PF5DZW_customizedSummary:hover{color:var(--qilin-alias-label-primary)}.PF5DZW_customizedBody{flex-direction:column;gap:12px;padding-top:12px;display:flex}.PF5DZW_modelCatalog{border-top:1px solid var(--qilin-alias-border-l2);flex-direction:column;gap:10px;padding-top:12px;display:flex;position:relative}.PF5DZW_modelCatalogHeading{flex-direction:column;gap:2px;display:flex}.PF5DZW_modelCatalogTitle{color:var(--qilin-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px}.PF5DZW_modelCatalogMeta,.PF5DZW_modelEmpty{color:var(--qilin-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.PF5DZW_modelList{flex-direction:column;gap:8px;display:flex}.PF5DZW_modelListHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.PF5DZW_modelEntry{border:1px solid var(--qilin-alias-border-l4);border-radius:10px;padding:6px;position:relative;container:PF5DZW_model-row/inline-size}.PF5DZW_modelRow{grid-template-columns:auto minmax(0,1.4fr) minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}@container PF5DZW_model-row (width<=440px){.PF5DZW_modelRow{grid-template-columns:auto minmax(0,1fr) auto auto}.PF5DZW_modelRow>input:first-of-type{grid-area:1/2}.PF5DZW_modelRow>input:nth-of-type(2){grid-area:2/2/auto/-1}}.PF5DZW_modelDragHandle:not(:disabled){cursor:grab}.PF5DZW_modelEntry[data-dragging]{opacity:.5}.PF5DZW_modelDragPreview{background:var(--qilin-alias-bg-module-platform)}.PF5DZW_modelEntry:before,.PF5DZW_modelEntry:after{content:\"\";z-index:1;height:4px;position:absolute;left:0;right:0}.PF5DZW_modelEntry:before{top:-4px}.PF5DZW_modelEntry:after{bottom:-4px}.PF5DZW_modelEntry[data-drop-target=before]:before,.PF5DZW_modelEntry[data-drop-target=after]:after{background:linear-gradient(55deg, transparent calc(50% - 1px), var(--qilin-alias-state-business-primary) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) 0 0 / 5px 7px no-repeat, linear-gradient(125deg, transparent calc(50% - 1px), var(--qilin-alias-state-business-primary) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) 0 5px / 5px 7px no-repeat, linear-gradient(var(--qilin-alias-state-business-primary) 0 0) 4px 5px / calc(100% - 4px) 2px no-repeat;height:12px}.PF5DZW_modelEntry[data-drop-target=before]:before{top:-10px}.PF5DZW_modelEntry[data-drop-target=after]:after{bottom:-10px}.PF5DZW_iconButton{box-sizing:border-box;width:28px;height:28px;color:var(--qilin-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.PF5DZW_iconButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover);color:var(--qilin-alias-label-primary)}.PF5DZW_iconButton:disabled{cursor:default;opacity:.4}.PF5DZW_iconButtonDanger:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-danger);color:var(--qilin-alias-state-error-primary)}.PF5DZW_modelAdvanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 4px 2px;display:grid}.PF5DZW_modelField{flex-direction:column;gap:4px;min-width:0;display:flex}.PF5DZW_modelInputTypes{border:none;grid-column:1/-1;min-width:0;margin:0;padding:0}.PF5DZW_modelInputTypes legend{margin-bottom:4px;padding:0}.PF5DZW_modelInputChoices{flex-wrap:wrap;align-items:center;gap:16px;min-height:32px;display:flex}.PF5DZW_modelFieldLabel{color:var(--qilin-alias-label-tertiary);font-size:12px;line-height:18px}.PF5DZW_modelReasoning{flex-direction:column;grid-column:1/-1;gap:6px;min-width:0;display:flex}.PF5DZW_modelReasoningLabel{align-items:center;gap:6px;display:inline-flex}.PF5DZW_modelReasoningHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.PF5DZW_modelReasoningRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.PF5DZW_modelReasoningRow .PF5DZW_selectInput{max-width:none}.PF5DZW_modelReasoningValueInput{font-family:var(--ds-font-family-code);font-size:13px}.PF5DZW_modelEmpty{border:1px dashed var(--qilin-alias-border-l3);text-align:center;border-radius:8px;padding:12px}.PF5DZW_addModelButton{box-sizing:border-box;border:1px solid var(--qilin-alias-border-l3);height:28px;color:var(--qilin-alias-label-primary);font:inherit;cursor:pointer;background:0 0;border-radius:14px;align-self:flex-start;align-items:center;gap:4px;padding:0 10px;font-size:12px;line-height:18px;display:inline-flex}.PF5DZW_addModelButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover)}.PF5DZW_input{box-sizing:border-box;border:1px solid var(--qilin-alias-border-l4);width:100%;height:32px;font:inherit;background:var(--qilin-alias-bg-layer-1);color:var(--qilin-alias-label-primary);border-radius:8px;padding:0 10px;font-size:14px;line-height:22px}select.PF5DZW_input{cursor:pointer;max-width:240px}.PF5DZW_input:focus{border-color:var(--qilin-alias-state-business-primary);outline:none}.PF5DZW_input::placeholder{color:var(--qilin-alias-label-dimmed)}.PF5DZW_input:disabled{opacity:.6;cursor:default}.PF5DZW_keyInput{position:relative}.PF5DZW_keyInputFilled{padding-right:40px}.PF5DZW_keyToggle{border-radius:var(--qilin-radius-md);width:32px;color:var(--qilin-alias-label-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset:1px 1px 1px auto}.PF5DZW_keyToggle:hover:not(:disabled){color:var(--qilin-alias-label-primary)}.PF5DZW_keyToggle:focus-visible{outline:var(--qilin-focus-ring-width) solid var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));outline-offset:-2px}.PF5DZW_keyToggle:disabled{opacity:.6;cursor:default}.PF5DZW_selectInput{appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2381858C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px;padding-right:32px}.PF5DZW_error{color:var(--qilin-alias-state-error-primary);margin:0;font-size:12px;line-height:18px}.PF5DZW_deleteDialog{width:min(480px,100%)}.PF5DZW_deleteConfirm:not(:disabled){border-color:var(--qilin-alias-state-error-primary);color:var(--qilin-alias-state-error-primary)}.PF5DZW_deleteConfirm:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-danger)}.PF5DZW_hiddenLabel{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.PF5DZW_customizedSummary:before,.PF5DZW_switchThumb{transition:none}}.PF5DZW_fetchDialog{--qilin-scrollbar-thumb:var(--qilin-alias-scrollbar-bg-l2);--qilin-scrollbar-thumb-hover:var(--qilin-alias-scrollbar-hover-l2);max-width:520px}.PF5DZW_candidateToolbar{align-items:center;gap:8px;margin-bottom:6px;display:flex}.PF5DZW_candidateSearch{flex:240px;min-width:0}.PF5DZW_candidateList{flex-direction:column;gap:2px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.PF5DZW_candidate{border-radius:6px}.PF5DZW_candidateLabel{cursor:pointer;align-items:center;gap:8px;padding:6px 8px;display:flex}.PF5DZW_candidateId{font-family:var(--ds-font-family-code);overflow-wrap:anywhere;flex:auto;font-size:13px}.PF5DZW_candidateEmpty{color:var(--qilin-alias-label-secondary);text-align:center;margin:24px 0;font-size:13px;line-height:20px}";
 		const tagId$2 = "@qilin-agent/client-ui-settings-models/ModelsSection.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -106,11 +106,14 @@ window.__ModuleLoader__.load({
 			"keyInputFilled": "PF5DZW_keyInputFilled",
 			"keyToggle": "PF5DZW_keyToggle",
 			"linkButton": "PF5DZW_linkButton",
+			"model-row": "PF5DZW_model-row",
 			"modelAdvanced": "PF5DZW_modelAdvanced",
 			"modelCatalog": "PF5DZW_modelCatalog",
 			"modelCatalogHeading": "PF5DZW_modelCatalogHeading",
 			"modelCatalogMeta": "PF5DZW_modelCatalogMeta",
 			"modelCatalogTitle": "PF5DZW_modelCatalogTitle",
+			"modelDragHandle": "PF5DZW_modelDragHandle",
+			"modelDragPreview": "PF5DZW_modelDragPreview",
 			"modelEmpty": "PF5DZW_modelEmpty",
 			"modelEntry": "PF5DZW_modelEntry",
 			"modelField": "PF5DZW_modelField",
@@ -475,6 +478,10 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/ModelRow.js
+		function rowHalf(event) {
+			const rect = event.currentTarget.getBoundingClientRect();
+			return event.clientY < rect.top + rect.height / 2 ? "before" : "after";
+		}
 		/**
 		* Render consistent model identity, capacity, and input-type controls.
 		* @param props - drafted fields and their owning editor's actions.
@@ -482,11 +489,58 @@ window.__ModuleLoader__.load({
 		*/
 		function ModelRow(props) {
 			const { model, position, t, disabled } = props;
+			const preview = (0, _qilin_agent_client_ui_primitives.useRowDragPreview)(ModelsSection_module_css_default["modelDragPreview"]);
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: ModelsSection_module_css_default["modelEntry"],
+				"data-row-key": props.rowKey,
+				"data-dragging": props.order.dragging || void 0,
+				"data-drop-target": props.order.dragging ? void 0 : props.order.target,
+				onDragOver: (event) => {
+					if (!props.order.canDrop) return;
+					event.preventDefault();
+					event.dataTransfer.dropEffect = "move";
+					props.order.onOver(rowHalf(event));
+				},
+				onDragLeave: (event) => {
+					if (event.relatedTarget instanceof Node && event.currentTarget.contains(event.relatedTarget)) return;
+					props.order.onLeave();
+				},
+				onDrop: (event) => {
+					if (!props.order.canDrop) return;
+					event.preventDefault();
+					props.order.onDrop(rowHalf(event));
+				},
 				children: [(0, react_jsx_runtime.jsxs)("div", {
 					className: ModelsSection_module_css_default["modelRow"],
 					children: [
+						(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Tooltip, {
+							label: t("reorderModelHelp"),
+							children: (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: `${ModelsSection_module_css_default["iconButton"]} ${ModelsSection_module_css_default["modelDragHandle"]}`,
+								"aria-label": `${t("reorderModel")} ${String(position)}`,
+								"aria-keyshortcuts": "ArrowUp ArrowDown",
+								"aria-description": t("reorderModelHelp"),
+								disabled,
+								draggable: !disabled,
+								onDragStart: (event) => {
+									event.dataTransfer.effectAllowed = "move";
+									event.dataTransfer.setData("application/x-qilin-model-order", String(position));
+									props.order.onStart();
+									preview.start(event, event.currentTarget.closest("[data-row-key]"));
+								},
+								onDragEnd: () => {
+									if (preview.clear()) props.order.onEnd();
+								},
+								onKeyDown: (event) => {
+									if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return;
+									event.preventDefault();
+									event.stopPropagation();
+									props.order.onMove(event.key === "ArrowUp" ? -1 : 1);
+								},
+								children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconDragHandleOutlineRegular, { size: 14 })
+							})
+						}),
 						["id", "name"].map((field) => (0, react_jsx_runtime.jsx)("input", {
 							className: ModelsSection_module_css_default["input"],
 							type: "text",
@@ -563,17 +617,108 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region lib/types/client/DeepSeekModelsEditor.js
+		//#region lib/types/client/useModelRows.js
+		/** Local model-row identities, disclosures, capacity text, and draft ordering. */
+		/** One editor-local identity; editing a model ID never replaces its controls. */
+		function createRow(key) {
+			return {
+				key,
+				expanded: false,
+				editing: /* @__PURE__ */ new Map()
+			};
+		}
 		/**
-		* Curated editor for the direct DeepSeek adapter's advisory model catalog.
-		* The settings layer replaces `models` as one array, so the parent supplies
-		* the effective inherited rows until the first edit materializes a user
-		* override; reset removes that override instead of copying defaults into it.
+		* Keep row state with its model through draft moves and removals.
+		* @param models - current draft array, owned by the provider card.
+		* @param onChange - replaces only that card's draft array.
+		* @param disabled - prevents reordering while the card cannot be edited.
+		* @returns row state and local editing and ordering actions.
 		*/
-		/** Row index encoded in an editing-buffer key. */
-		function rowOf(key) {
-			return Number(key.slice(0, key.indexOf(":")));
+		function useModelRows(models, onChange, disabled) {
+			const nextKey = (0, react.useRef)(0);
+			const [stored, setRows] = (0, react.useState)(() => models.map(() => createRow(nextKey.current++)));
+			const [dragged, setDragged] = (0, react.useState)();
+			const [target, setTarget] = (0, react.useState)();
+			const entries = models.map((model, index) => ({
+				model,
+				state: stored[index] ?? createRow(nextKey.current++)
+			}));
+			const rows = entries.map((entry) => entry.state);
+			if (stored.length !== models.length) setRows(rows);
+			const endDrag = () => {
+				setDragged(void 0);
+				setTarget(void 0);
+			};
+			const move = (from, to) => {
+				if (disabled || from === to || from < 0 || to < 0 || to >= models.length) return;
+				const order = [...entries];
+				const moved = order.splice(from, 1);
+				order.splice(to, 0, ...moved);
+				setRows(order.map((entry) => entry.state));
+				onChange(order.map((entry) => entry.model));
+			};
+			return {
+				rows: entries.map(({ model, state }, index) => ({
+					...state,
+					model,
+					order: {
+						dragging: dragged === state.key,
+						target: target?.key === state.key ? target.half : void 0,
+						canDrop: !disabled && dragged !== void 0,
+						onStart: () => {
+							setDragged(state.key);
+						},
+						onEnd: endDrag,
+						onOver: (half) => {
+							setTarget((current) => current?.key === state.key && current.half === half ? current : {
+								key: state.key,
+								half
+							});
+						},
+						onLeave: () => {
+							setTarget((current) => current?.key === state.key ? void 0 : current);
+						},
+						onDrop: (half) => {
+							const from = rows.findIndex((row) => row.key === dragged);
+							const insertion = index + (half === "after" ? 1 : 0);
+							move(from, insertion > from ? insertion - 1 : insertion);
+							endDrag();
+						},
+						onMove: (offset) => {
+							move(index, index + offset);
+						}
+					}
+				})),
+				toggle: (index) => {
+					setRows(rows.map((row, at) => at === index ? {
+						...row,
+						expanded: !row.expanded
+					} : row));
+				},
+				edit: (index, field, text) => {
+					setRows(rows.map((row, at) => {
+						if (at !== index) return row;
+						const editing = new Map(row.editing);
+						if (text === void 0) editing.delete(field);
+						else editing.set(field, text);
+						return {
+							...row,
+							editing
+						};
+					}));
+				},
+				forget: (removed) => {
+					setRows(rows.filter((_row, index) => !removed.has(index)));
+					endDrag();
+				},
+				reset: () => {
+					setRows(models.map(() => createRow(nextKey.current++)));
+					endDrag();
+				}
+			};
 		}
+		//#endregion
+		//#region lib/types/client/DeepSeekModelsEditor.js
 		/** Accepted capacity spellings: a decimal count with an optional K/M suffix. */
 		const CAPACITY_PATTERN = /^(\d+(?:\.\d+)?)([km])?$/i;
 		/** Decimal suffix scales — `1M` is 1000K, matching how model capacities are quoted. */
@@ -662,8 +807,7 @@ window.__ModuleLoader__.load({
 		* @returns the catalog editor.
 		*/
 		function DeepSeekModelsEditor(props) {
-			const [editing, setEditing] = (0, react.useState)(() => /* @__PURE__ */ new Map());
-			const [expanded, setExpanded] = (0, react.useState)(() => /* @__PURE__ */ new Set());
+			const rowState = useModelRows(props.models, props.onChange, props.disabled);
 			const update = (index, key, value) => {
 				const next = props.models.map((model, at) => {
 					const copy = { ...model };
@@ -675,61 +819,32 @@ window.__ModuleLoader__.load({
 				props.onChange(next);
 			};
 			const remove = (index) => {
-				setEditing((current) => {
-					const next = /* @__PURE__ */ new Map();
-					for (const [key, text] of current) {
-						const at = rowOf(key);
-						if (at === index) continue;
-						next.set(at > index ? key.replace(/^\d+/, String(at - 1)) : key, text);
-					}
-					return next;
-				});
-				setExpanded((current) => {
-					const next = /* @__PURE__ */ new Set();
-					for (const at of current) {
-						if (at === index) continue;
-						next.add(at > index ? at - 1 : at);
-					}
-					return next;
-				});
+				rowState.forget(new Set([index]));
 				props.onChange(props.models.filter((_model, at) => at !== index).map((model) => ({ ...model })));
 			};
 			const reset = () => {
-				setEditing(/* @__PURE__ */ new Map());
-				setExpanded(/* @__PURE__ */ new Set());
+				rowState.reset();
 				props.onReset();
 			};
-			const toggle = (index) => {
-				setExpanded((current) => {
-					const next = new Set(current);
-					if (!next.delete(index)) next.add(index);
-					return next;
-				});
-			};
 			/** The field's text: its live keystrokes, else the stored count spelled short. */
 			const capacityText = (model, index, field) => {
-				const typed = editing.get(`${String(index)}:${field}`);
+				const typed = rowState.rows[index]?.editing.get(field);
 				if (typed !== void 0) return typed;
 				const value = model[field];
 				return typeof value === "number" ? formatCapacity(value) : "";
 			};
 			const settleCapacity = (index, field) => {
-				const key = `${String(index)}:${field}`;
-				const typed = editing.get(key);
+				const typed = rowState.rows[index]?.editing.get(field);
 				if (typed === void 0) return;
 				const parsed = parseCapacity(typed);
 				if (parsed !== void 0 && Number.isNaN(parsed)) return;
-				setEditing((current) => {
-					const next = new Map(current);
-					next.delete(key);
-					return next;
-				});
+				rowState.edit(index, field, void 0);
 			};
 			const capacityInput = (model, index, field, fallback) => ({
 				value: capacityText(model, index, field),
 				placeholder: fallback === void 0 ? props.t(field === "contextWindow" ? "contextWindowPlaceholder" : "maxTokensPlaceholder") : formatCapacity(fallback),
 				onChange: (text) => {
-					setEditing((current) => new Map(current).set(`${String(index)}:${field}`, text));
+					rowState.edit(index, field, text);
 					update(index, field, parseCapacity(text));
 				},
 				onBlur: () => {
@@ -759,16 +874,21 @@ window.__ModuleLoader__.load({
 							children: props.t("resetModels")
 						}) : null]
 					}),
-					props.models.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
-						className: ModelsSection_module_css_default["modelEmpty"],
-						children: props.t("modelsEmpty")
-					}) : (0, react_jsx_runtime.jsx)("div", {
+					(0, react_jsx_runtime.jsxs)(_qilin_agent_client_ui_primitives.AnimatedRows, {
 						className: ModelsSection_module_css_default["modelList"],
-						children: props.models.map((model, index) => (0, react_jsx_runtime.jsx)(ModelRow, {
+						rowKeys: rowState.rows.map((row) => String(row.key)),
+						ready: true,
+						resetKey: "",
+						children: [props.models.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+							className: ModelsSection_module_css_default["modelEmpty"],
+							children: props.t("modelsEmpty")
+						}) : null, rowState.rows.map(({ model, key, expanded, order }, index) => (0, react_jsx_runtime.jsx)(ModelRow, {
+							rowKey: key,
+							order,
 							model,
 							position: index + 1,
 							inputField: "inputModalities",
-							expanded: expanded.has(index),
+							expanded,
 							disabled: props.disabled,
 							t: props.t,
 							contextWindow: capacityInput(model, index, "contextWindow", props.defaultContextWindow),
@@ -784,12 +904,12 @@ window.__ModuleLoader__.load({
 								props.onChange(props.models.map((row, at) => at === index ? next : row));
 							},
 							onToggle: () => {
-								toggle(index);
+								rowState.toggle(index);
 							},
 							onRemove: () => {
 								remove(index);
 							}
-						}, index))
+						}, key))]
 					}),
 					(0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
@@ -903,33 +1023,13 @@ window.__ModuleLoader__.load({
 			const [candidates, setCandidates] = (0, react.useState)(void 0);
 			const [picked, setPicked] = (0, react.useState)(/* @__PURE__ */ new Set());
 			const [candidateQuery, setCandidateQuery] = (0, react.useState)("");
-			const [expanded, setExpanded] = (0, react.useState)(/* @__PURE__ */ new Set());
-			const [editing, setEditing] = (0, react.useState)(/* @__PURE__ */ new Map());
-			/** Buffer key for one capacity field; the row half moves when rows do. */
-			const bufferKey = (index, field) => `${String(index)}:${field}`;
+			const rowState = useModelRows(models, onChange, disabled);
 			const editCapacity = (index, field, text) => {
-				setEditing((current) => new Map(current).set(bufferKey(index, field), text));
+				rowState.edit(index, field, text);
 				patch(index, { [field]: parseCapacity(text) });
 			};
 			/** What a capacity field shows: the buffer while typing, else the stored count. */
-			const capacityText = (model, index, field) => editing.get(bufferKey(index, field)) ?? capacitySpelling(numberOf(model, field));
-			/** Drop one row's entries and shift the rows after it down, in one pass. */
-			const reindexOnRemove = (current, index) => {
-				const next = /* @__PURE__ */ new Map();
-				for (const [key, value] of current) {
-					const at = Number(key.slice(0, key.indexOf(":")));
-					if (at === index) continue;
-					next.set(at > index ? key.replace(/^\d+/, String(at - 1)) : key, value);
-				}
-				return next;
-			};
-			const toggleExpanded = (index) => {
-				setExpanded((current) => {
-					const next = new Set(current);
-					if (!next.delete(index)) next.add(index);
-					return next;
-				});
-			};
+			const capacityText = (model, index, field) => rowState.rows[index]?.editing.get(field) ?? capacitySpelling(numberOf(model, field));
 			const patch = (index, next) => {
 				onChange(models.map((model, at) => {
 					if (at !== index) return model;
@@ -1028,7 +1128,10 @@ window.__ModuleLoader__.load({
 								type: "button",
 								className: ModelsSection_module_css_default["linkButton"],
 								disabled,
-								onClick: props.onReset,
+								onClick: () => {
+									rowState.reset();
+									props.onReset?.();
+								},
 								children: t("resetModels")
 							}) : null,
 							(0, react_jsx_runtime.jsx)("button", {
@@ -1047,16 +1150,21 @@ window.__ModuleLoader__.load({
 						className: ModelsSection_module_css_default["modelEmpty"],
 						children: t("modelsEmpty")
 					}) : null,
-					(0, react_jsx_runtime.jsx)("div", {
+					(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.AnimatedRows, {
 						className: ModelsSection_module_css_default["modelList"],
-						children: models.map((model, index) => (0, react_jsx_runtime.jsx)(ModelRow, {
+						rowKeys: rowState.rows.map((row) => String(row.key)),
+						ready: true,
+						resetKey: "",
+						children: rowState.rows.map(({ model, key, expanded, order }, index) => (0, react_jsx_runtime.jsx)(ModelRow, {
+							rowKey: key,
+							order,
 							model,
 							position: index + 1,
 							inputField: "input",
 							inputFallback: inputDefaults.get(textOf(model, "id")) ?? props.defaultInput,
 							inputLoading: catalogProvider !== void 0 && catalog === void 0,
 							reasoningLevels: props.reasoningLevels,
-							expanded: expanded.has(index),
+							expanded,
 							disabled,
 							t,
 							contextWindow: {
@@ -1080,19 +1188,13 @@ window.__ModuleLoader__.load({
 								onChange(models.map((row, at) => at === index ? next : row));
 							},
 							onToggle: () => {
-								toggleExpanded(index);
+								rowState.toggle(index);
 							},
 							onRemove: () => {
 								onChange(models.filter((_model, at) => at !== index));
-								setExpanded((current) => {
-									const next = /* @__PURE__ */ new Set();
-									for (const at of current) if (at < index) next.add(at);
-									else if (at > index) next.add(at - 1);
-									return next;
-								});
-								setEditing((current) => reindexOnRemove(current, index));
+								rowState.forget(new Set([index]));
 							}
-						}, index))
+						}, key))
 					}),
 					(0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
@@ -2997,6 +3099,8 @@ window.__ModuleLoader__.load({
 			modelReasoningOffValuePlaceholder: "Turns reasoning off",
 			addModel: "Add model",
 			removeModel: "Delete model",
+			reorderModel: "Reorder model",
+			reorderModelHelp: "Drag the handle, or focus it and press the up or down arrow key.",
 			modelsEmpty: "No models will be shown in the selector. Unlisted IDs can still be sent directly.",
 			keyBlank: "Enter the API key, or leave the field empty to keep the stored one.",
 			keyBlankNew: "Enter the API key, or leave the field empty if this provider authenticates another way.",
@@ -3123,6 +3227,8 @@ window.__ModuleLoader__.load({
 			modelReasoningOffValuePlaceholder: "关闭思考",
 			addModel: "添加模型",
 			removeModel: "删除模型",
+			reorderModel: "调整模型顺序",
+			reorderModelHelp: "拖动手柄，或聚焦手柄后按上下方向键。",
 			modelsEmpty: "模型选择器中将不显示任何模型；目录外 ID 仍可直接发送。",
 			keyBlank: "请输入 API 密钥；留空则保持已存储的密钥。",
 			keyBlankNew: "请输入 API 密钥；若该提供方以其他方式鉴权，可以留空。",

package/lib/types/client/ModelRow.d.ts

@@ -2,6 +2,7 @@
 import type { ReactNode } from 'react';
 import type { DeepSeekModelDraft } from './DeepSeekModelsEditor.tsx';
 import type { ModelsKey } from './locales.ts';
+import type { ModelRowOrder } from './useModelRows.ts';
 /** A capacity's editable text and adapter-specific inherited hint. */
 interface CapacityInput {
     value: string;
@@ -12,7 +13,9 @@ interface CapacityInput {
 /** Adapter-owned data and actions for one model row. */
 interface ModelRowProps {
     model: DeepSeekModelDraft;
+    rowKey: number;
     position: number;
+    order: ModelRowOrder;
     inputField: 'inputModalities' | 'input';
     inputFallback?: readonly string[] | undefined;
     inputLoading?: boolean;

package/lib/types/client/locales.d.ts

@@ -74,6 +74,8 @@ export declare const en: {
     modelReasoningOffValuePlaceholder: string;
     addModel: string;
     removeModel: string;
+    reorderModel: string;
+    reorderModelHelp: string;
     modelsEmpty: string;
     keyBlank: string;
     keyBlankNew: string;

package/lib/types/client/useModelRows.d.ts

@@ -0,0 +1,41 @@
+/** Local model-row identities, disclosures, capacity text, and draft ordering. */
+import type { DeepSeekModelDraft } from './DeepSeekModelsEditor.tsx';
+/** Text fields whose unfinished spelling belongs to one draft row. */
+export type CapacityField = 'contextWindow' | 'maxTokens';
+interface RowState {
+    key: number;
+    expanded: boolean;
+    editing: Map<CapacityField, string>;
+}
+/** Drag state and actions for one model row within its editor. */
+export interface ModelRowOrder {
+    dragging: boolean;
+    target: 'before' | 'after' | undefined;
+    canDrop: boolean;
+    onStart: () => void;
+    onEnd: () => void;
+    onOver: (half: 'before' | 'after') => void;
+    onLeave: () => void;
+    onDrop: (half: 'before' | 'after') => void;
+    onMove: (offset: -1 | 1) => void;
+}
+interface ModelRows {
+    rows: (RowState & {
+        model: DeepSeekModelDraft;
+        order: ModelRowOrder;
+    })[];
+    toggle: (index: number) => void;
+    edit: (index: number, field: CapacityField, text: string | undefined) => void;
+    forget: (removed: ReadonlySet<number>) => void;
+    reset: () => void;
+}
+/**
+ * Keep row state with its model through draft moves and removals.
+ * @param models - current draft array, owned by the provider card.
+ * @param onChange - replaces only that card's draft array.
+ * @param disabled - prevents reordering while the card cannot be edited.
+ * @returns row state and local editing and ordering actions.
+ */
+export declare function useModelRows(models: readonly DeepSeekModelDraft[], onChange: (models: DeepSeekModelDraft[]) => void, disabled: boolean): ModelRows;
+export {};
+//# sourceMappingURL=useModelRows.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qilin-agent/client-ui-settings-models",
   "description": "Models settings and shared product-onboarding dialogs over existing settings and credential joins",
-  "version": "3.1.7",
+  "version": "3.1.8",
   "publishConfig": {
     "access": "public"
   },
@@ -40,27 +40,27 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "@qilin-agent/kylin": "~4.0.5"
+    "@qilin-agent/kylin": "~4.0.6-alpha.2"
   },
   "devDependencies": {
+    "@qilin-agent/remote-mock": "3.1.8",
+    "@qilin-agent/api-remotes": "3.1.8",
+    "@qilin-agent/client-locale": "3.1.8",
+    "@qilin-agent/client-store": "3.1.8",
+    "@qilin-agent/client-test-runtime": "3.1.8",
+    "@qilin-agent/client-ui-primitives": "3.1.8",
+    "@qilin-agent/client-ui-settings": "3.1.8",
+    "@qilin-agent/client-ui-slots": "3.1.8",
+    "@qilin-agent/host-webserver": "3.1.8",
     "@types/react": "~18.3.1",
     "@testing-library/react": "^16.3.2",
+    "@qilin-agent/kylin": "~4.0.6-alpha.2",
     "react": "^18.2.0",
-    "@qilin-agent/remote-mock": "3.1.7",
-    "@qilin-agent/client-locale": "3.1.7",
-    "@qilin-agent/api-remotes": "3.1.7",
-    "@qilin-agent/client-store": "3.1.7",
-    "@qilin-agent/client-test-runtime": "3.1.7",
-    "@qilin-agent/client-ui-primitives": "3.1.7",
-    "@qilin-agent/client-ui-settings": "3.1.7",
-    "@qilin-agent/client-ui-slots": "3.1.7",
-    "@qilin-agent/kylin": "~4.0.5",
-    "@qilin-agent/host-webserver": "3.1.7",
-    "@qilin-agent/client-ui-renderer": "3.1.7",
-    "@qilin-agent/util-values": "3.1.7"
+    "@qilin-agent/client-ui-renderer": "3.1.8",
+    "@qilin-agent/util-values": "3.1.8"
   },
   "dependencies": {
-    "@qilin-agent/schemastery": "~3.18.5"
+    "@qilin-agent/schemastery": "~3.18.6-alpha.2"
   },
   "files": [
     "lib/index.js",