+
+
+
-
- {binding.executorLabel}
-{binding.executorDescription}
+{binding.executorDescription}
-
+
+
-
+
- {launchStatus?.logFile ? {launchStatus.logFile} : null}
-
+
-
{statusText(launchStatus)}
{runtime?.ok ? {runtime.providerName} · {runtime.model} : {runtime?.message ?? '运行配置未就绪'}}
@@ -348,10 +357,24 @@ function ExecutorCard({
)}
+
+ {launchStatus?.logFile ? {launchStatus.logFile} : null}
+
+ {enabled ? '绑定启用中' : '绑定已关闭'}
+
+
+
+
);
}
@@ -387,45 +410,61 @@ function VisionSection({
}, [model, selectedKey]);
return (
-
-
-
);
}
@@ -723,123 +762,139 @@ export function ProvidersPage() {
}
};
+ const activeProviderCount = keys.filter((item) => item.status === 'active').length;
+
return (
- 图片任务模型
-发送含图片的消息时自动切换到此模型（需支持视觉能力，如 Qwen VL）
+
+
+
- {settings?.keyId ? (
-
+
+
- {settings?.keyId ? (
-
+
+
+
+
+ {settings?.keyId ? `${settings.keyName} · ${settings.visionModel}` : '未配置'}
+
图片任务模型
+发送含图片的消息时自动切换到此模型（需支持视觉能力，如 Qwen VL）
+
+
+
+
+
+ {!settings?.keyId ? (
+ 未配置时，图片消息将由默认模型处理。
) : null} -- 当前：{settings.keyName} · {settings.visionModel} -
- ) : ( -未配置，图片消息将由默认模型处理
- )} - -
-
-
+
+
+ {settings?.keyId ? '已绑定视觉模型' : '等待配置'}
+
+
+
+
+ {settings?.keyId ? (
+
+ ) : null}
+
+
+
-
-
-
- 统一模型中心
-管理 Provider、执行器绑定和默认模型
-
-
+
- 当前默认
- {globalSettings?.globalModel ?? '未设置'}
-
-
-
+
-
+
{message && 统一模型中心
+管理 Provider、执行器绑定和默认模型
{message}
} {error &&{error}
} -
-
+
-
-
-
-
-
+ 执行器绑定
-把 Provider 和模型绑定到 Goose、Aider、OpenHands
-
+
- {loading ? (
- MODEL CENTER
+ 默认模型与 Provider 资源池
++ 当前默认模型 {globalSettings?.globalModel ?? '未设置'} + {' · '} + Provider 资源池 {activeProviderCount}/{keys.length} 可用 +
加载中...
- ) : ( -
- {bindings.map((binding) => (
- item.executor === binding.executor)}
- plan={plans.find((item) => item.executor === binding.executor)}
- launchStatus={launchStatuses[binding.executor]}
- busy={busy}
- onSave={handleSaveBinding}
- onLaunch={handleLaunch}
- onStop={handleStop}
- onRestart={handleRestart}
- />
- ))}
-
- )}
-
-
-
+ Provider 资源池
-按名称纵向查看，更接近 list
-
+
+
-
- {keys.map((row) => (
-
-
-
-
- {row.name}
- {row.isSelected ? 默认 : null}
-
-
- {row.status === 'active' ? '可用' : '禁用'}
-
+
+
+ {loading ? (
+ 执行器绑定
+ +加载中...
+ ) : ( +
+ {bindings.map((binding) => (
+ item.executor === binding.executor)}
+ plan={plans.find((item) => item.executor === binding.executor)}
+ launchStatus={launchStatuses[binding.executor]}
+ busy={busy}
+ onSave={handleSaveBinding}
+ onLaunch={handleLaunch}
+ onStop={handleStop}
+ onRestart={handleRestart}
+ />
+ ))}
+
+ )}
+
+ Provider 资源池
+
+ {keys.map((row, index) => {
+ const accent = PROVIDER_ACCENTS[index % PROVIDER_ACCENTS.length];
+ return (
+
+ .asset-gateway-hero,
+.memory-v2-page > .asset-plugin-grid,
+.memory-v2-page > .model-center-section-title,
+.memory-v2-page > .model-center-card-note,
+.memory-v2-page > .banner {
+ width: 100%;
+ max-width: 100%;
+}
+
+.memory-v2-page .memory-v2-fields input,
+.memory-v2-page .memory-v2-fields select,
+.memory-v2-page .asset-plugin-fields select {
+ padding: 10px 12px;
+ border-radius: var(--radius-md);
+ border: 1px solid var(--color-border-input);
+ background: var(--color-bg-base);
+ color: var(--color-text-primary);
+}
+
+.memory-v2-top-grid {
+ grid-template-columns: minmax(0, 1fr);
+}
+
+.memory-v2-backend-grid {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.memory-v2-page .asset-plugin-grid {
+ gap: 12px;
+ margin-bottom: 12px;
+}
+
+.memory-v2-page .asset-plugin-card {
+ gap: 10px;
+ padding: 12px 14px;
+ box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
+}
+
+.memory-v2-card {
+ min-height: 0;
+}
+
+.memory-v2-backend-intro {
+ margin: -4px 0 10px;
+}
+
+.memory-v2-backend-details {
+ display: flex;
+ flex-direction: column;
+}
+
+.memory-v2-backend-summary {
+ display: flex;
+ gap: 10px;
+ align-items: center;
+ list-style: none;
+ cursor: pointer;
+}
+
+.memory-v2-backend-summary::-webkit-details-marker {
+ display: none;
+}
+
+.memory-v2-backend-summary-main {
+ display: grid;
+ gap: 2px;
+ flex: 1;
+ min-width: 0;
+}
+
+.memory-v2-backend-summary-main h3 {
+ margin: 0;
+ font-size: 15px;
+}
+
+.memory-v2-backend-body {
+ display: grid;
+ gap: 10px;
+ padding-top: 10px;
+ border-top: 1px solid var(--color-border);
+}
+
+.memory-v2-advanced-details {
+ border: 1px solid var(--color-border);
+ border-radius: var(--radius-md);
+ background: rgba(255, 255, 255, .02);
+}
+
+.memory-v2-advanced-details > summary {
+ padding: 8px 10px;
+ color: var(--color-text-muted);
+ font-size: 12px;
+ cursor: pointer;
+ list-style: none;
+}
+
+.memory-v2-advanced-details > summary::-webkit-details-marker {
+ display: none;
+}
+
+.memory-v2-advanced-details .memory-v2-fields {
+ padding: 0 10px 10px;
+}
+
+.memory-v2-toggle-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+ gap: 8px 12px;
+}
+
+.memory-v2-fields {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+ gap: 10px 12px;
+}
+
+.memory-v2-fields label {
+ display: grid;
+ gap: 5px;
+}
+
+.memory-v2-fields label > span {
+ color: var(--color-text-muted);
+ font-size: 11px;
+}
+
+.memory-v2-card .inline-check {
+ align-items: center;
+ color: var(--color-text-muted);
+ font-size: 12px;
+}
+
+.memory-v2-page .model-center-card-note {
+ margin: 0;
+}
+
+@media (min-width: 1280px) {
+ .memory-v2-backend-grid {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+}
+
+@media (max-width: 900px) {
+ .memory-v2-backend-grid {
+ grid-template-columns: minmax(0, 1fr);
+ }
+}
+
+@media (max-width: 620px) {
+ .asset-gateway-hero,
+ .model-center-section-head {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+
+ .asset-plugin-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .asset-plugin-footer {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+}
+
/* ── Capability settings ─────────────────────────────── */
.capability-intro {
+
+
+
+
+
- {row.name}
+{row.providerKind === 'custom' ? row.apiUrl : row.providerLabel}
- {row.providerKind === 'custom' ? row.apiUrl : row.providerLabel}
+
+ {row.status === 'active' ? '可用' : '禁用'}
+
+
+
+
+ {row.isSelected ? 默认 : null}
+ {row.isVisionSelected ? 图片任务 : null}
+
+
+
+
-
+ 默认模型
{row.defaultModel}
+
+
+ API Key
{row.apiKeyMasked}
-
-
- {!row.isSelected && row.status === 'active' ? (
-
-
+
+ );
+ })}
+