dsh-router-core 0.1.0

package/lib/client.js

@@ -0,0 +1,3006 @@
+(function() {
+	//#region \0vite/all-css
+	try {
+		if (typeof document != "undefined") {
+			var elementStyle = document.createElement("style");
+			elementStyle.appendChild(document.createTextNode("/* ============================================================\n   dsh-router — sidebar entry\n   ============================================================ */\n\n.dshr-entry {\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n  min-height: 36px;\n  align-items: center;\n  gap: 10px;\n  border: none;\n  border-radius: 8px;\n  padding: 0 10px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font-size: 13px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.dshr-entry:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.dshr-entry[data-active] {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-active);\n  font-weight: 600;\n}\n\n.dshr-entryIcon {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n}\n\n.dshr-entryIcon svg {\n  display: block;\n  width: 18px;\n  height: 18px;\n}\n\n.dshr-entryLabel {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n[data-dsh-frame][data-sidebar-collapsed] .dshr-entry {\n  width: 36px;\n  min-height: 36px;\n  justify-content: center;\n  margin: 0 auto 12px;\n  padding: 0;\n  border-radius: 50%;\n}\n\n[data-dsh-frame][data-sidebar-collapsed] .dshr-entryLabel {\n  display: none;\n}\n\n/* ============================================================\n   dsh-router — center-column panel\n   ============================================================ */\n\n[data-pane='conversation'] {\n  position: relative;\n}\n\n.dshDesktopConversationSurface {\n  position: relative;\n}\n\n[data-dsh-router-view] {\n  position: absolute;\n  z-index: 60;\n  inset: 0;\n  display: none;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  background: var(--dsw-alias-bg-overlay, var(--dsw-alias-bg-base));\n}\n\n.dshr-panelView {\n  isolation: isolate;\n}\n\nhtml[data-dsh-router-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]):not([data-dsh-mnemon-active]) [data-dsh-router-view] {\n  display: block;\n}\n\nhtml[data-dsh-router-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]):not([data-dsh-mnemon-active]) [data-pane='conversation'] > :not([data-dsh-router-view]),\nhtml[data-dsh-router-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]):not([data-dsh-mnemon-active]) [class*='centerCol'] > :not([data-dsh-router-view]),\nhtml[data-dsh-router-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]):not([data-dsh-mnemon-active]) .dshDesktopConversationSurface > :not([data-dsh-router-view]) {\n  display: none !important;\n}\n\n/* ============================================================\n   dsh-router — panel shell\n   ============================================================ */\n\n.dshr-shell {\n  --rs-bg: var(--dsw-alias-bg-overlay, var(--dsw-alias-bg-base));\n  --rs-layer-1: var(--dsw-alias-bg-layer-1);\n  --rs-layer-2: var(--dsw-alias-bg-layer-2);\n  --rs-input: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-2));\n  --rs-text: var(--dsw-alias-label-primary);\n  --rs-muted: var(--dsw-alias-label-secondary);\n  --rs-faint: var(--dsw-alias-label-tertiary);\n  --rs-line: var(--dsw-alias-border-l1);\n  --rs-line-strong: var(--dsw-alias-border-l2);\n  --rs-accent: var(--dsw-alias-state-business-primary);\n  --rs-hover: var(--dsw-alias-interactive-bg-hover);\n  --rs-danger: var(--dsw-alias-state-error-primary);\n  --rs-success: var(--dsw-alias-state-success-primary);\n  --rs-ok: var(--rs-success);\n  --rs-warn: #9a6a18;\n  --rs-mono: var(--ds-font-family-code, 'SFMono-Regular', Consolas, monospace);\n  --rs-sans: var(--dsw-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  color: var(--rs-text);\n  background: var(--rs-bg);\n  font: 13px/1.55 var(--rs-sans);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.dshr-shell *,\n.dshr-shell *::before,\n.dshr-shell *::after { box-sizing: border-box; }\n\n.dshr-shell button,\n.dshr-shell input,\n.dshr-shell select,\n.dshr-shell textarea { color: inherit; font: inherit; }\n\n.dshr-shell button:focus-visible,\n.dshr-shell input:focus-visible,\n.dshr-shell select:focus-visible,\n.dshr-shell textarea:focus-visible {\n  outline: 2px solid var(--rs-accent);\n  outline-offset: 2px;\n}\n\n/* Masthead */\n.dshr-masthead {\n  display: flex;\n  min-height: 56px;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: 16px;\n  padding: 0 18px;\n  border-bottom: 1px solid var(--rs-line);\n}\n\n.dshr-brand {\n  display: grid;\n  min-width: 0;\n  flex: 0 1 auto;\n  align-content: center;\n  gap: 1px 9px;\n}\n\n.dshr-brandTitle {\n  overflow: hidden;\n  font-size: 15px;\n  font-weight: 650;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dshr-brandSub {\n  overflow: hidden;\n  color: var(--rs-faint);\n  font-size: 10px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dshr-statusCluster {\n  display: inline-flex;\n  min-width: 0;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: 7px;\n  margin-left: auto;\n  color: var(--rs-muted);\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.dshr-statusEndpoint {\n  overflow: hidden;\n  max-width: 220px;\n  color: var(--rs-faint);\n  font: 11px var(--rs-mono);\n  text-overflow: ellipsis;\n}\n\n.dshr-headerActions {\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: 10px;\n}\n\n.dshr-refreshedAt {\n  color: var(--rs-faint);\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n.dshr-iconButton {\n  display: inline-flex;\n  width: 28px;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid var(--rs-line);\n  border-radius: 6px;\n  color: var(--rs-muted);\n  background: var(--rs-layer-1);\n  cursor: pointer;\n}\n\n.dshr-iconButton:hover { color: var(--rs-text); background: var(--rs-hover); }\n.dshr-iconButton:disabled { opacity: 0.5; cursor: default; }\n\n.dshr-backButton {\n  display: inline-flex;\n  height: 28px;\n  align-items: center;\n  gap: 5px;\n  padding: 0 10px;\n  border: 1px solid var(--rs-line);\n  border-radius: 6px;\n  color: var(--rs-text);\n  background: transparent;\n  font-size: 12px;\n  cursor: pointer;\n  white-space: nowrap;\n}\n\n.dshr-backButton:hover { background: var(--rs-hover); }\n.dshr-backButton svg { display: block; }\n\n/* Alert banner */\n.dshr-alert {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: baseline;\n  gap: 10px;\n  margin: 12px 18px 0;\n  padding: 10px 12px;\n  border: 1px solid var(--rs-line-strong);\n  border-radius: 8px;\n  background: var(--rs-layer-1);\n}\n\n.dshr-alert strong { color: var(--rs-danger); font-size: 12px; }\n.dshr-alert span { color: var(--rs-muted); font-size: 12px; }\n\n/* Nav tabs */\n.dshr-nav {\n  display: flex;\n  flex: 0 0 auto;\n  gap: 2px;\n  padding: 0 14px;\n  border-bottom: 1px solid var(--rs-line);\n}\n\n.dshr-nav button {\n  position: relative;\n  min-height: 42px;\n  padding: 0 12px;\n  border: none;\n  color: var(--rs-muted);\n  background: transparent;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.dshr-nav button:hover { color: var(--rs-text); }\n\n.dshr-nav button[aria-current='page'] {\n  color: var(--rs-text);\n  font-weight: 600;\n}\n\n.dshr-nav button[aria-current='page']::after {\n  position: absolute;\n  right: 0;\n  bottom: -1px;\n  left: 0;\n  height: 2px;\n  border-radius: 2px 2px 0 0;\n  content: '';\n  background: var(--rs-accent);\n}\n\n.dshr-navCount {\n  display: inline-block;\n  margin-left: 5px;\n  padding: 0 6px;\n  border-radius: 9px;\n  color: var(--rs-faint);\n  background: var(--rs-layer-2);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n/* Content */\n.dshr-content {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1 1 auto;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.dshr-empty {\n  display: flex;\n  min-height: 120px;\n  align-items: center;\n  justify-content: center;\n  color: var(--rs-faint);\n  font-size: 13px;\n}\n\n/* Accounts table */\n.dshr-tableWrap {\n  overflow: auto;\n  padding: 12px 18px;\n}\n\n.dshr-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n\n.dshr-table th {\n  position: sticky;\n  top: 0;\n  padding: 8px 10px;\n  border-bottom: 1px solid var(--rs-line-strong);\n  color: var(--rs-faint);\n  background: var(--rs-bg);\n  font-size: 11px;\n  font-weight: 600;\n  text-align: left;\n  white-space: nowrap;\n}\n\n.dshr-table td {\n  padding: 7px 10px;\n  border-bottom: 1px solid var(--rs-line);\n  vertical-align: middle;\n}\n\n.dshr-table tbody tr:hover { background: var(--rs-hover); }\n\n.dshr-mono { font-family: var(--rs-mono); font-size: 11px; }\n.dshr-num { text-align: right; }\n.dshr-muted { color: var(--rs-faint); }\n.dshr-reason { color: var(--rs-muted); font-size: 11px; }\n\n.dshr-badge {\n  display: inline-block;\n  padding: 1px 8px;\n  border-radius: 9px;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.dshr-badge-ok { color: var(--rs-success); background: color-mix(in srgb, var(--rs-success) 12%, transparent); }\n.dshr-badge-warn { color: var(--rs-warn); background: color-mix(in srgb, var(--rs-warn) 14%, transparent); }\n.dshr-badge-danger { color: var(--rs-danger); background: color-mix(in srgb, var(--rs-danger) 12%, transparent); }\n\n/* Models grid */\n.dshr-modelGrid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n  gap: 10px;\n  padding: 14px 18px;\n}\n\n.dshr-modelCard {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 10px 12px;\n  border: 1px solid var(--rs-line);\n  border-radius: 8px;\n  background: var(--rs-layer-1);\n}\n\n.dshr-modelCard:hover { border-color: var(--rs-line-strong); }\n\n.dshr-modelId {\n  overflow: hidden;\n  font-family: var(--rs-mono);\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dshr-modelCtx {\n  flex: none;\n  color: var(--rs-faint);\n  font-size: 10px;\n}\n\n/* ============================================================\n   dsh-router — 9router 风格 tab 内容（供应商 / 组合 / 端点与密钥）\n   ============================================================ */\n\n.dshr-tabBody {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  gap: 14px;\n  padding: 14px 18px;\n}\n\n.dshr-card {\n  min-width: 0;\n  border: 1px solid var(--rs-line);\n  border-radius: 10px;\n  background: var(--rs-layer-1);\n  overflow: hidden;\n}\n\n.dshr-cardHead {\n  display: flex;\n  min-height: 44px;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n  border-bottom: 1px solid var(--rs-line);\n}\n\n.dshr-cardTitle {\n  font-size: 13px;\n  font-weight: 650;\n}\n\n.dshr-cardMeta {\n  margin-left: auto;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n/* 组合链 */\n.dshr-comboChain {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 14px;\n}\n\n.dshr-comboStep {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.dshr-comboArrow {\n  color: var(--rs-faint);\n  margin-right: 8px;\n}\n\n.dshr-comboSupplier {\n  font-family: var(--rs-mono);\n  font-size: 12px;\n}\n\n/* 端点与密钥 */\n.dshr-endpointRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 14px;\n}\n\n.dshr-endpointCode {\n  min-width: 0;\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 8px 10px;\n  border: 1px solid var(--rs-line);\n  border-radius: 6px;\n  background: var(--rs-layer-2);\n  color: var(--rs-text);\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dshr-miniButton {\n  display: inline-flex;\n  flex: none;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  padding: 0 10px;\n  border: 1px solid var(--rs-line);\n  border-radius: 6px;\n  color: var(--rs-muted);\n  background: var(--rs-layer-1);\n  font-size: 12px;\n  cursor: pointer;\n  white-space: nowrap;\n}\n\n.dshr-miniButton:hover { color: var(--rs-text); background: var(--rs-hover); }\n\n.dshr-code {\n  margin: 0;\n  padding: 12px 14px;\n  overflow-x: auto;\n  color: var(--rs-text);\n  background: var(--rs-layer-2);\n  font: 12px/1.6 var(--rs-mono);\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n/* ============================================================\n   dsh-router — 供应商详情 / 端点与密钥 / 通用控件\n   ============================================================ */\n\n/* 详情页头 */\n.dshr-detailHead {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-height: 36px;\n}\n\n.dshr-detailTitle {\n  font-size: 14px;\n  font-weight: 650;\n}\n\n/* 可点击卡片 */\n.dshr-card-click {\n  cursor: pointer;\n  transition: border-color .12s ease;\n}\n\n.dshr-card-click:hover { border-color: var(--rs-accent); }\n\n.dshr-cardHint {\n  padding: 0 14px 12px;\n}\n\n/* 供应商小卡片（grid 布局，替代整行大卡片） */\n.dshr-supplierGrid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));\n  gap: 12px;\n}\n\n/* 供应商分组（内置 / 插件分开） */\n.dshr-supplierGroup {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.dshr-supplierGroup + .dshr-supplierGroup {\n  margin-top: 22px;\n}\n\n.dshr-supplierGroupTitle {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--rs-muted);\n  letter-spacing: .04em;\n  padding-left: 2px;\n}\n\n.dshr-supplierCard {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 0;\n  padding: 16px 18px;\n  border: 1px solid var(--rs-line);\n  border-radius: 12px;\n  background: var(--rs-layer-1);\n  cursor: pointer;\n  transition: border-color .12s ease;\n}\n\n.dshr-supplierCard:hover { border-color: var(--rs-accent); }\n\n.dshr-supplierName {\n  font-size: 14px;\n  font-weight: 650;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.dshr-supplierRow {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  min-width: 0;\n}\n\n.dshr-supplierIcon {\n  width: 24px;\n  height: 24px;\n  flex: none;\n  border-radius: 5px;\n  object-fit: contain;\n  color: var(--rs-faint);\n}\n\n.dshr-supplierMeta {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n.dshr-chevron {\n  color: var(--rs-faint);\n  font-size: 18px;\n  line-height: 1;\n  margin-left: auto;\n}\n\n/* 登录框 */\n.dshr-loginBox {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px 14px;\n  border-bottom: 1px solid var(--rs-line);\n  background: var(--rs-layer-2);\n}\n\n.dshr-loginUrl {\n  display: block;\n  overflow: hidden;\n  padding: 8px 10px;\n  border: 1px solid var(--rs-line);\n  border-radius: 6px;\n  background: var(--rs-layer-1);\n  color: var(--rs-accent);\n  font: 11px/1.5 var(--rs-mono);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-break: break-all;\n}\n\n/* 输入框 */\n.dshr-input {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 30px;\n  padding: 0 10px;\n  border: 1px solid var(--rs-line);\n  border-radius: 6px;\n  background: var(--rs-layer-1);\n  color: var(--rs-text);\n  font-size: 12px;\n}\n\n.dshr-input:focus {\n  outline: none;\n  border-color: var(--rs-accent);\n}\n\n/* 成功提示 */\n.dshr-alert-ok {\n  border-color: color-mix(in srgb, var(--rs-ok) 45%, transparent);\n  background: color-mix(in srgb, var(--rs-ok) 10%, transparent);\n}\n\n.dshr-createdKey {\n  display: block;\n  margin: 6px 0;\n  padding: 8px 10px;\n  border-radius: 6px;\n  background: var(--rs-layer-1);\n  word-break: break-all;\n}\n\n/* 模型卡片行 */\n.dshr-modelRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.dshr-modelCard-off {\n  opacity: .55;\n}\n\n/* 开关 */\n.dshr-toggle {\n  position: relative;\n  flex: none;\n  width: 30px;\n  height: 16px;\n  border: none;\n  border-radius: 8px;\n  background: var(--rs-line);\n  cursor: pointer;\n  padding: 0;\n  transition: background .15s ease;\n}\n\n.dshr-toggle-on { background: var(--rs-ok); }\n\n.dshr-toggleKnob {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: #fff;\n  transition: transform .15s ease;\n}\n\n.dshr-toggle-on .dshr-toggleKnob { transform: translateX(14px); }\n\n/* 操作按钮组 */\n.dshr-ops {\n  display: flex;\n  gap: 6px;\n  white-space: nowrap;\n}\n\n.dshr-danger { color: var(--rs-danger); }\n.dshr-danger:hover { color: var(--rs-danger); border-color: var(--rs-danger); }\n\n/* ============================================================\n   dsh-router — 弹窗 + 按钮 + 整体打磨\n   ============================================================ */\n\n/* 弹窗 */\n.dshr-modalOverlay {\n  position: fixed;\n  z-index: 1000;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  background: color-mix(in srgb, #000 42%, transparent);\n  backdrop-filter: blur(2px);\n  animation: dshrFadeIn .12s ease;\n}\n\n.dshr-modal {\n  width: min(560px, 100%);\n  max-height: min(80vh, 640px);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid var(--rs-line-strong);\n  border-radius: 12px;\n  background: var(--rs-layer-1);\n  box-shadow: 0 20px 50px rgb(0 0 0 / .35), 0 0 0 1px rgb(0 0 0 / .05);\n  animation: dshrModalIn .16s ease;\n}\n\n.dshr-modalHead {\n  display: flex;\n  min-height: 48px;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: 10px;\n  padding: 0 16px;\n  border-bottom: 1px solid var(--rs-line);\n}\n\n.dshr-modalTitle {\n  min-width: 0;\n  flex: 1 1 auto;\n  overflow: hidden;\n  font-size: 14px;\n  font-weight: 650;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dshr-modalClose {\n  display: inline-flex;\n  flex: none;\n  width: 26px;\n  height: 26px;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 6px;\n  color: var(--rs-muted);\n  background: transparent;\n  cursor: pointer;\n}\n\n.dshr-modalClose:hover { color: var(--rs-text); background: var(--rs-hover); }\n\n.dshr-modalBody {\n  min-height: 0;\n  overflow: auto;\n  padding: 16px;\n}\n\n.dshr-modalActions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-top: 18px;\n}\n\n@keyframes dshrFadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes dshrModalIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }\n\n/* 按钮 */\n.dshr-shell .dshr-primaryButton {\n  display: inline-flex;\n  height: 30px;\n  align-items: center;\n  justify-content: center;\n  padding: 0 14px;\n  border: none;\n  border-radius: 7px;\n  color: #fff;\n  background: var(--rs-accent);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: filter .12s ease;\n}\n\n.dshr-shell .dshr-primaryButton:hover { filter: brightness(1.08); }\n.dshr-shell .dshr-primaryButton:disabled { opacity: .55; cursor: default; }\n\n.dshr-shell .dshr-dangerButton {\n  display: inline-flex;\n  height: 30px;\n  align-items: center;\n  justify-content: center;\n  padding: 0 14px;\n  border: none;\n  border-radius: 7px;\n  color: #fff;\n  background: var(--rs-danger);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: filter .12s ease;\n}\n\n.dshr-shell .dshr-dangerButton:hover { filter: brightness(1.1); }\n\n/* 登录步骤 */\n.dshr-loginBox {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.dshr-loginStep {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  color: var(--rs-muted);\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n.dshr-loginNum {\n  display: inline-flex;\n  flex: none;\n  width: 18px;\n  height: 18px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  color: var(--rs-accent);\n  background: color-mix(in srgb, var(--rs-accent) 14%, transparent);\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.dshr-loginUrl {\n  display: block;\n  overflow: hidden;\n  padding: 9px 11px;\n  border: 1px solid var(--rs-line);\n  border-radius: 8px;\n  background: var(--rs-layer-2);\n  color: var(--rs-accent);\n  font: 11px/1.5 var(--rs-mono);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-break: break-all;\n}\n\n/* 新 Key 弹窗 */\n.dshr-createdKeyBox {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.dshr-createdKey {\n  padding: 10px 12px;\n  border-radius: 8px;\n  background: var(--rs-layer-2);\n  word-break: break-all;\n  user-select: all;\n}\n\n/* ============================================================\n   dsh-router — 整体打磨\n   ============================================================ */\n\n/* Masthead: 细腻渐变 + 底部微阴影 */\n.dshr-masthead {\n  background: linear-gradient(to bottom, color-mix(in srgb, var(--rs-layer-1) 62%, transparent), transparent);\n}\n\n/* Brand 标题更突出 */\n.dshr-brandTitle {\n  letter-spacing: .01em;\n}\n\n/* 卡片:阴影 + hover 微抬升 */\n.dshr-card {\n  box-shadow: 0 1px 2px rgb(0 0 0 / .04);\n  transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;\n}\n\n.dshr-card-click:hover {\n  transform: translateY(-1px);\n  border-color: color-mix(in srgb, var(--rs-accent) 55%, var(--rs-line));\n  box-shadow: 0 6px 18px rgb(0 0 0 / .10);\n}\n\n/* Tab:悬停背景 + 计数徽标配色 */\n.dshr-nav button {\n  transition: color .12s ease, background .12s ease;\n}\n\n.dshr-nav button:hover {\n  background: var(--rs-hover);\n  border-radius: 6px 6px 0 0;\n}\n\n.dshr-navCount {\n  background: color-mix(in srgb, var(--rs-accent) 12%, transparent);\n  color: var(--rs-accent);\n  font-weight: 600;\n}\n\n/* 徽标:更柔和 */\n.dshr-badge {\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 12%, transparent);\n}\n\n/* 表格行悬停 + 表头层级 */\n.dshr-table tbody tr { transition: background .1s ease; }\n.dshr-table th { letter-spacing: .02em; }\n\n/* 输入框聚焦 */\n.dshr-input:focus {\n  border-color: var(--rs-accent);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--rs-accent) 18%, transparent);\n}\n\n/* 开关微过渡 */\n.dshr-toggle { transition: background .15s ease, box-shadow .15s ease; }\n.dshr-toggle:hover { box-shadow: 0 0 0 3px color-mix(in srgb, var(--rs-accent) 18%, transparent); }\n\n/* 内容区细滚动条 */\n.dshr-content::-webkit-scrollbar,\n.dshr-tableWrap::-webkit-scrollbar,\n.dshr-modalBody::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.dshr-content::-webkit-scrollbar-thumb,\n.dshr-tableWrap::-webkit-scrollbar-thumb,\n.dshr-modalBody::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: var(--rs-line-strong);\n}\n\n.dshr-content::-webkit-scrollbar-track,\n.dshr-tableWrap::-webkit-scrollbar-track,\n.dshr-modalBody::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n/* ============================================================\n   dsh-router — 端点与密钥（9router 风格布局）\n   ============================================================ */\n\n/* 卡片头图标 */\n.dshr-cardIcon {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 6px;\n  color: var(--rs-accent);\n  background: color-mix(in srgb, var(--rs-accent) 12%, transparent);\n}\n\n.dshr-cardAction {\n  margin-left: auto;\n}\n\n/* Endpoint 列表 */\n.dshr-endpointList {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px 14px;\n}\n\n.dshr-endpointRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.dshr-endpointLabel {\n  flex: none;\n  min-width: 88px;\n  padding: 3px 8px;\n  border-radius: 6px;\n  color: var(--rs-muted);\n  background: var(--rs-layer-2);\n  font: 11px var(--rs-mono);\n  text-align: center;\n}\n\n.dshr-endpointRow .dshr-input {\n  flex: 1 1 auto;\n  min-width: 0;\n  color: var(--rs-muted);\n}\n\n.dshr-endpointNote {\n  padding: 2px 2px 0;\n}\n\n/* 图标按钮 */\n.dshr-iconBtn {\n  display: inline-flex;\n  flex: none;\n  width: 30px;\n  height: 30px;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 6px;\n  color: var(--rs-muted);\n  background: transparent;\n  cursor: pointer;\n  transition: color .12s ease, background .12s ease;\n}\n\n.dshr-iconBtn:hover { color: var(--rs-accent); background: var(--rs-hover); }\n\n.dshr-iconBtn svg { display: block; }\n\n.dshr-iconBtn-sm { width: 26px; height: 26px; }\n\n/* Require API key 行 */\n.dshr-requireRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 12px 14px;\n  border-bottom: 1px solid var(--rs-line);\n}\n\n.dshr-requireTitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.dshr-requireDesc {\n  margin: 2px 0 0;\n  color: var(--rs-faint);\n  font-size: 12px;\n}\n\n/* 空状态 */\n.dshr-keyEmpty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 40px 16px 44px;\n}\n\n.dshr-keyEmptyIcon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  height: 56px;\n  margin-bottom: 6px;\n  border-radius: 50%;\n  color: var(--rs-accent);\n  background: color-mix(in srgb, var(--rs-accent) 10%, transparent);\n}\n\n.dshr-keyEmptyTitle {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.dshr-keyEmptyDesc {\n  margin: 0 0 8px;\n  color: var(--rs-faint);\n  font-size: 12px;\n}\n\n/* key 列表（flex 行，非表格） */\n.dshr-keyList {\n  display: flex;\n  flex-direction: column;\n}\n\n.dshr-keyRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 12px 14px;\n  border-bottom: 1px solid var(--rs-line);\n  transition: opacity .12s ease;\n}\n\n.dshr-keyRow:last-child { border-bottom: none; }\n.dshr-keyRow-paused { opacity: .6; }\n\n.dshr-keyInfo {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.dshr-keyNameRow {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.dshr-keyName {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.dshr-keyValue {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  margin-top: 2px;\n}\n\n.dshr-keyValue code {\n  overflow: hidden;\n  color: var(--rs-muted);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dshr-keyCreated {\n  margin: 3px 0 0;\n  color: var(--rs-faint);\n  font-size: 11px;\n}\n\n.dshr-keyPaused { color: var(--rs-warn); }\n\n.dshr-keyOps {\n  display: flex;\n  flex: none;\n  align-items: center;\n  gap: 4px;\n}\n\n/* 删除按钮 hover 才明显（9router：group-hover 显示） */\n.dshr-keyDelete {\n  color: var(--rs-muted);\n  opacity: 0;\n  transition: opacity .12s ease, color .12s ease, background .12s ease;\n}\n\n.dshr-keyRow:hover .dshr-keyDelete { opacity: 1; }\n.dshr-keyDelete:focus-visible { opacity: 1; }\n.dshr-keyDelete:hover {\n  color: var(--rs-danger);\n  background: color-mix(in srgb, var(--rs-danger) 14%, transparent);\n}\n\n/* 弹窗表单 */\n.dshr-modalForm {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.dshr-fieldLabel {\n  font-size: 12px;\n  font-weight: 650;\n  color: var(--rs-text);\n  margin-top: 4px;\n}\n\n.dshr-warnBox {\n  padding: 12px 14px;\n  border: 1px solid color-mix(in srgb, var(--rs-warn) 40%, transparent);\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--rs-warn) 8%, transparent);\n}\n\n.dshr-warnTitle {\n  margin: 0 0 4px;\n  color: var(--rs-warn);\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.dshr-warnDesc {\n  margin: 0;\n  color: var(--rs-muted);\n  font-size: 12px;\n}\n\n.dshr-createdRow { padding: 0; }\n\n.dshr-createdRow .dshr-input { color: var(--rs-text); }\n\n.dshr-fullButton { width: 100%; }\n\n/* ============================================================\n   dsh-router — 供应商详情（9router 风格）\n   ============================================================ */\n\n/* Header */\n.dshr-providerHead {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.dshr-backLink {\n  display: inline-flex;\n  align-items: center;\n  align-self: flex-start;\n  gap: 4px;\n  border: none;\n  padding: 2px 0;\n  color: var(--rs-muted);\n  background: transparent;\n  font-size: 12px;\n  cursor: pointer;\n  transition: color .12s ease;\n}\n\n.dshr-backLink:hover { color: var(--rs-accent); }\n\n.dshr-providerTitleRow {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.dshr-providerIcon {\n  display: inline-flex;\n  flex: none;\n  width: 44px;\n  height: 44px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10px;\n}\n\n.dshr-providerImg {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.dshr-providerName {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: -.01em;\n}\n\n.dshr-providerCount {\n  margin: 2px 0 0;\n  color: var(--rs-muted);\n  font-size: 12px;\n}\n\n/* 链接池空状态 */\n.dshr-linkEmpty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  padding: 36px 16px 40px;\n}\n\n.dshr-linkEmptyIcon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  color: var(--rs-accent);\n  background: color-mix(in srgb, var(--rs-accent) 10%, transparent);\n}\n\n.dshr-linkEmptyText { text-align: center; }\n\n.dshr-linkEmptyTitle {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.dshr-linkEmptyDesc {\n  margin: 2px 0 0;\n  color: var(--rs-faint);\n  font-size: 12px;\n}\n\n/* 链接列表（9router ConnectionRow 风格行） */\n.dshr-linkList {\n  display: flex;\n  flex-direction: column;\n}\n\n.dshr-linkRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 12px 14px;\n  border-bottom: 1px solid var(--rs-line);\n  transition: background .1s ease;\n}\n\n.dshr-linkRow:last-child { border-bottom: none; }\n.dshr-linkRow:hover { background: var(--rs-hover); }\n.dshr-linkRow[draggable='true'] { cursor: grab; }\n.dshr-linkRow[draggable='true']:active { cursor: grabbing; }\n.dshr-linkRowDragging { opacity: .45; background: var(--rs-hover); }\n\n.dshr-linkGrip {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--rs-muted);\n  flex: 0 0 auto;\n  cursor: grab;\n  padding: 4px 2px;\n  user-select: none;\n}\n.dshr-linkGrip:active { cursor: grabbing; }\n.dshr-linkGrip svg { opacity: .65; }\n.dshr-linkRow:hover .dshr-linkGrip svg { opacity: 1; }\n\n.dshr-linkMain {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.dshr-linkTitleLine {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.dshr-linkName {\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dshr-linkSub {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  margin-top: 3px;\n  color: var(--rs-faint);\n  font-size: 11px;\n}\n\n.dshr-linkUid { color: var(--rs-faint); }\n.dshr-linkCredits { color: var(--rs-muted); }\n.dshr-linkErr { color: var(--rs-warn); }\n.dshr-linkCooling { color: var(--rs-warn); }\n.dshr-linkDot { color: var(--rs-faint); opacity: .6; }\n\n.dshr-linkOps {\n  display: flex;\n  flex: none;\n  align-items: center;\n}\n\n/* 删除链接 hover 显示 + 红色 */\n.dshr-linkDelete {\n  color: var(--rs-muted);\n  opacity: 0;\n  transition: opacity .12s ease, color .12s ease, background .12s ease;\n}\n\n.dshr-linkRow:hover .dshr-linkDelete { opacity: 1; }\n.dshr-linkDelete:focus-visible { opacity: 1; }\n.dshr-linkDelete:hover {\n  color: var(--rs-danger);\n  background: color-mix(in srgb, var(--rs-danger) 14%, transparent);\n}\n\n/* 模型 chips（9router ModelRow 风格） */\n.dshr-modelChips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  padding: 14px;\n}\n\n.dshr-modelChip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 10px;\n  border: 1px solid var(--rs-line);\n  border-radius: 8px;\n  color: var(--rs-text);\n  background: var(--rs-layer-1);\n  font-size: 12px;\n  cursor: pointer;\n  transition: border-color .12s ease, background .12s ease, color .12s ease;\n}\n\n.dshr-modelChip:hover {\n  border-color: var(--rs-accent);\n  background: color-mix(in srgb, var(--rs-accent) 6%, transparent);\n}\n\n.dshr-modelChip:disabled { opacity: .6; cursor: default; }\n\n.dshr-modelChipId {\n  font-family: var(--rs-mono);\n  font-size: 11px;\n}\n\n.dshr-modelChipCtx {\n  flex: none;\n  color: var(--rs-faint);\n  font-size: 10px;\n}\n\n.dshr-modelChip-off {\n  border-style: dashed;\n  color: var(--rs-faint);\n  opacity: .8;\n}\n\n.dshr-modelChip-off:hover {\n  color: var(--rs-accent);\n  border-color: var(--rs-accent);\n}\n\n.dshr-modelChipRestore {\n  color: var(--rs-accent);\n  font-size: 10px;\n}\n\n/* 已禁用区 */\n.dshr-disabledModels {\n  width: 100%;\n}\n\n.dshr-disabledLabel {\n  margin: 4px 0 0;\n  color: var(--rs-faint);\n  font-size: 11px;\n}\n\n.dshr-disabledModels .dshr-modelChips {\n  padding: 8px 0 0;\n}\n\n/* ============================================================\n   dsh-router — 模型 chips 升级（9router 测试/复制 + 批量按钮）\n   ============================================================ */\n\n/* 卡片头操作组 */\n.dshr-cardActions {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: auto;\n}\n\n/* 连接池策略选择 */\n.dshr-poolStrategy {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n}\n.dshr-select {\n  appearance: none;\n  border: 1px solid var(--rs-line);\n  border-radius: 6px;\n  background: var(--rs-surface, transparent);\n  color: inherit;\n  font-size: 12px;\n  padding: 3px 22px 3px 8px;\n  cursor: pointer;\n  background-image: linear-gradient(45deg, transparent 50%, var(--rs-muted) 50%), linear-gradient(135deg, var(--rs-muted) 50%, transparent 50%);\n  background-position: calc(100% - 12px) 55%, calc(100% - 7px) 55%;\n  background-size: 5px 5px;\n  background-repeat: no-repeat;\n}\n.dshr-select:focus { outline: none; border-color: var(--rs-accent, #4c7dff); }\n\n\n/* 模型 chip 包装（状态边框） */\n.dshr-modelChipWrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  border: 1px solid var(--rs-line);\n  border-radius: 8px;\n  background: var(--rs-layer-1);\n  transition: border-color .12s ease, background .12s ease;\n}\n\n.dshr-modelChipWrap:hover {\n  border-color: var(--rs-accent);\n  background: color-mix(in srgb, var(--rs-accent) 6%, transparent);\n}\n\n.dshr-modelChipWrap.dshr-modelChip-ok { border-color: var(--rs-ok); }\n.dshr-modelChipWrap.dshr-modelChip-err { border-color: var(--rs-danger); }\n\n/* chip 本体（点击禁用） */\n.dshr-modelChipWrap .dshr-modelChip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 8px 6px 6px;\n  border: none;\n  border-radius: 8px;\n  color: var(--rs-text);\n  background: transparent;\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.dshr-modelChipStatus {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  color: var(--rs-faint);\n}\n\n.dshr-modelChipWrap.dshr-modelChip-ok .dshr-modelChipStatus { color: var(--rs-ok); }\n.dshr-modelChipWrap.dshr-modelChip-err .dshr-modelChipStatus { color: var(--rs-danger); }\n\n/* chip 右侧操作（hover 显示） */\n.dshr-modelChipOps {\n  display: inline-flex;\n  align-items: center;\n  gap: 0;\n  padding-right: 4px;\n  opacity: 0;\n  transition: opacity .12s ease;\n}\n\n.dshr-modelChipWrap:hover .dshr-modelChipOps,\n.dshr-modelChipOps:focus-within { opacity: 1; }\n\n/* 旧 .dshr-modelChip 独立样式（disabled 区仍用） */\n.dshr-modelChip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 10px;\n  border: 1px solid var(--rs-line);\n  border-radius: 8px;\n  color: var(--rs-text);\n  background: var(--rs-layer-1);\n  font-size: 12px;\n  cursor: pointer;\n  transition: border-color .12s ease, background .12s ease, color .12s ease;\n}\n\n.dshr-modelChip:hover {\n  border-color: var(--rs-accent);\n  background: color-mix(in srgb, var(--rs-accent) 6%, transparent);\n}\n\n.dshr-modelChip:disabled { opacity: .6; cursor: default; }\n\n.dshr-modelChipId {\n  font-family: var(--rs-mono);\n  font-size: 11px;\n}\n\n.dshr-modelChipCtx {\n  flex: none;\n  color: var(--rs-faint);\n  font-size: 10px;\n}\n\n.dshr-modelChip-off {\n  border-style: dashed;\n  color: var(--rs-faint);\n  opacity: .8;\n}\n\n.dshr-modelChip-off:hover {\n  color: var(--rs-accent);\n  border-color: var(--rs-accent);\n}\n\n.dshr-modelChipRestore {\n  color: var(--rs-accent);\n  font-size: 10px;\n}\n\n/* 计数徽标跟在标题/操作按钮右侧（模型卡片） */\n.dshr-cardMetaAfter {\n  margin-left: 0;\n}\n\n/* 测试 loading 转圈 */\n.dshr-spin {\n  display: inline-flex;\n  animation: dshrSpin .8s linear infinite;\n}\n\n@keyframes dshrSpin {\n  to { transform: rotate(360deg); }\n}\n\n/* 供应商标题行编辑按钮（靠右） */\n.dshr-providerEdit {\n  margin-left: auto;\n}\n\n/* 模型搜索栏 */\n.dshr-modelSearch {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 14px 0;\n}\n\n.dshr-modelSearchIcon {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  color: var(--rs-faint);\n}\n\n.dshr-modelSearch .dshr-input {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n/* 自定义模型删除按钮（hover 红色） */\n.dshr-modelDelete {\n  color: var(--rs-muted);\n  transition: color .12s ease, background .12s ease;\n}\n\n.dshr-modelDelete:hover {\n  color: var(--rs-danger);\n  background: color-mix(in srgb, var(--rs-danger) 14%, transparent);\n}\n\n/* 全局浮窗提示（toast） */\n.dshr-toast {\n  position: fixed;\n  z-index: 2000;\n  left: 50%;\n  bottom: 28px;\n  transform: translateX(-50%);\n  padding: 8px 16px;\n  border-radius: 8px;\n  color: var(--rs-text);\n  background: var(--rs-layer-2);\n  border: 1px solid var(--rs-line-strong);\n  box-shadow: 0 6px 20px rgb(0 0 0 / .18);\n  font-size: 12px;\n  font-weight: 500;\n  white-space: nowrap;\n  animation: dshrToastIn .18s ease;\n}\n\n@keyframes dshrToastIn {\n  from { opacity: 0; transform: translateX(-50%) translateY(8px); }\n  to { opacity: 1; transform: translateX(-50%) translateY(0); }\n}\n\n/* ============ 组合（9router combos 布局交互） ============ */\n.dshr-comboIntro { overflow: visible; }\n\n.dshr-comboIntroDesc {\n  font-size: 12px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.dshr-comboIntroBody {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px 14px;\n  padding: 10px 14px;\n  font-size: 12px;\n  color: var(--rs-muted);\n  border-top: 1px solid var(--rs-line);\n}\n\n.dshr-comboHeaderKey {\n  font-weight: 600;\n  color: var(--rs-text);\n  background: color-mix(in srgb, var(--rs-success) 14%, transparent);\n  border-radius: 4px;\n  padding: 1px 6px;\n  font-size: 11px;\n}\n\n.dshr-comboHeaderKey-2 {\n  margin-left: 4px;\n  background: color-mix(in srgb, var(--rs-accent) 14%, transparent);\n}\n\n.dshr-comboList { display: flex; flex-direction: column; gap: 10px; }\n\n.dshr-comboCard { display: flex; flex-direction: column; }\n\n.dshr-comboName {\n  font-family: var(--rs-mono);\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--rs-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 200px;\n}\n\n.dshr-comboOps {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex-shrink: 0;\n  margin-left: 10px;\n}\n\n.dshr-comboOpBtn-danger { color: var(--rs-danger); }\n.dshr-comboOpBtn-danger:hover {\n  color: var(--rs-danger);\n  background: color-mix(in srgb, var(--rs-danger) 12%, transparent);\n}\n\n.dshr-comboCardBody {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px 14px;\n  border-top: 1px solid var(--rs-line);\n}\n\n.dshr-comboChips {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n}\n\n.dshr-comboChip {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  background: color-mix(in srgb, var(--rs-text) 6%, transparent);\n  border: 1px solid var(--rs-line);\n  border-radius: 6px;\n  padding: 3px 8px 3px 5px;\n}\n\n.dshr-comboChipNum {\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--rs-primary);\n  background: color-mix(in srgb, var(--rs-primary) 12%, transparent);\n}\n\n.dshr-comboChipSupplier {\n  font-family: var(--rs-mono);\n  font-size: 11px;\n  color: var(--rs-text);\n}\n\n.dshr-comboEmptySteps { font-style: italic; font-size: 12px; }\n\n.dshr-comboMore { font-size: 10px; color: var(--rs-muted); }\n\n.dshr-comboStrategySelect {\n  width: 84px;\n  height: 26px;\n  padding: 0 6px;\n  font-size: 12px;\n}\n\n.dshr-comboStrategySelect:disabled {\n  opacity: .55;\n  cursor: not-allowed;\n}\n\n/* 表单 */\n.dshr-formLabel {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--rs-text);\n  margin: 0 0 6px;\n}\n\n.dshr-formHint {\n  font-size: 10px;\n  color: var(--rs-muted);\n  margin: 4px 0 0;\n}\n\n.dshr-comboEmptyStepsBox {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  padding: 20px 0;\n  border: 1px dashed color-mix(in srgb, var(--rs-text) 16%, transparent);\n  border-radius: 9px;\n  color: var(--rs-muted);\n}\n\n.dshr-comboStepList {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  max-height: 260px;\n  overflow-y: auto;\n}\n\n.dshr-comboStepRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 3px 4px;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  cursor: grab;\n}\n\n.dshr-comboStepRow:active { cursor: grabbing; }\n\n.dshr-comboStepRow-dragging {\n  opacity: .45;\n  border-color: var(--rs-accent);\n}\n\n.dshr-comboStepRow-over {\n  border-color: var(--rs-accent);\n  background: color-mix(in srgb, var(--rs-accent) 8%, transparent);\n}\n\n.dshr-comboGrip {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--rs-faint);\n  cursor: grab;\n}\n\n.dshr-comboStepNum {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--rs-primary);\n  background: color-mix(in srgb, var(--rs-primary) 12%, transparent);\n}\n\n.dshr-comboStepSelect { flex: 1; min-width: 0; }\n\n.dshr-comboStepRemove:hover {\n  color: var(--rs-danger);\n  background: color-mix(in srgb, var(--rs-danger) 14%, transparent);\n}\n\n.dshr-comboAddStep {\n  width: 100%;\n  margin-top: 8px;\n  padding: 8px 0;\n  border: 1px dashed color-mix(in srgb, var(--rs-text) 20%, transparent);\n  border-radius: 9px;\n  background: transparent;\n  color: var(--rs-primary);\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  transition: border-color .12s ease, background .12s ease;\n}\n\n.dshr-comboAddStep:hover {\n  border-color: color-mix(in srgb, var(--rs-primary) 50%, transparent);\n  background: color-mix(in srgb, var(--rs-primary) 5%, transparent);\n}\n\n/* 组合：已选模型行 + 添加模型挑选列表 */\n.dshr-comboSelectedModel {\n  flex: 1;\n  min-width: 0;\n  font-family: var(--rs-mono);\n  font-size: 12px;\n  color: var(--rs-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dshr-comboPickLabel { margin-top: 12px; }\n\n.dshr-comboModelSearch { margin-bottom: 6px; }\n\n.dshr-comboPickList {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 180px;\n  overflow-y: auto;\n}\n\n.dshr-comboPickItem {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  padding: 6px 8px;\n  border: none;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--rs-text);\n  font-size: 12px;\n  text-align: left;\n  cursor: pointer;\n  transition: background .12s ease;\n}\n\n.dshr-comboPickItem:hover { background: var(--rs-hover); }\n\n.dshr-comboPickName {\n  flex: 1;\n  min-width: 0;\n  font-family: var(--rs-mono);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dshr-comboPickEmpty {\n  font-size: 12px;\n  font-style: italic;\n  padding: 8px 2px;\n}\n\n/* 组合：添加模型按供应商分组 */\n.dshr-comboPickGroup { margin-bottom: 6px; }\n\n.dshr-comboPickGroupTitle {\n  margin: 0 0 2px;\n  padding: 0 8px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--rs-faint);\n}\n\n/* 组合表单：左右分栏（左=组合名/策略/已选，右=添加模型） */\n.dshr-comboFormSplit {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  align-items: start;\n}\n\n.dshr-comboFormLeft {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-width: 0;\n}\n\n.dshr-comboFormRight {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 0;\n  max-height: 340px;\n}\n\n.dshr-comboFormRight .dshr-comboPickList {\n  flex: 1;\n  min-height: 0;\n}\n\n/* 组合编辑弹窗：加宽 */\n.dshr-modal-wide {\n  width: min(760px, 100%);\n}\n\n/* 左右分栏之间的分割线 */\n.dshr-comboFormDivider {\n  position: absolute;\n  top: 12px;\n  bottom: 12px;\n  left: 50%;\n  width: 1px;\n  background: var(--rs-line);\n}\n/*$vite$:1*/"));
+			document.head.appendChild(elementStyle);
+		}
+	} catch (e) {
+		console.error("vite-plugin-css-injected-by-js", e);
+	}
+	//#endregion
+})();
+window.__ModuleLoader__.load({
+	id: "dsh-router",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_dom_client = require("react-dom/client");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/shared.ts
+		/** Active-state attribute on <html> that shows the panel. */
+		var ROUTER_ACTIVE_ATTR = "data-dsh-router-active";
+		/** The panel's visible title (also the sidebar entry label). */
+		var ROUTER_TITLE = "路由系统";
+		/** Same-origin API base the client panel fetches (host half serves it). */
+		var ROUTER_API_BASE = "/router/api";
+		//#endregion
+		//#region src/client/Modal.tsx
+		/**
+		* 通用弹窗：遮罩 + 居中对话框，ESC / 点遮罩关闭。9router 风格。
+		*/
+		function Modal({ title, onClose, children, dismissable = true, className = "" }) {
+			(0, react.useEffect)(() => {
+				if (!dismissable) return;
+				const onKey = (e) => {
+					if (e.key === "Escape") onClose();
+				};
+				document.addEventListener("keydown", onKey);
+				return () => document.removeEventListener("keydown", onKey);
+			}, [onClose, dismissable]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dshr-modalOverlay",
+				onClick: (e) => {
+					if (dismissable && e.target === e.currentTarget) onClose();
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: `dshr-modal${className ? ` ${className}` : ""}`,
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-label": title,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dshr-modalHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dshr-modalTitle",
+							children: title
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "dshr-modalClose",
+							onClick: onClose,
+							"aria-label": "关闭",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+								viewBox: "0 0 16 16",
+								width: "14",
+								height: "14",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1.5",
+								strokeLinecap: "round",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" })
+							})
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dshr-modalBody",
+						children
+					})]
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/SupplierDetail.tsx
+		/**
+		* 供应商详情 — 布局交互贴近 9router 供应商详情页。
+		* Header（返回 + 图标 + 名称 + 链接数）+ 链接池卡片（空状态 / 行列表 + 删除）
+		* + 可用模型卡片（flex-wrap chips，禁用模型单独列出可恢复）。
+		* 加链接流程由供应商能力驱动（登录链接 / API key / 轮询登录）。
+		*/
+		function Icon$2({ d, size = 18 }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 24 24",
+				width: size,
+				height: size,
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.8",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d })
+			});
+		}
+		var I$2 = {
+			back: "M19 12H5M12 19l-7-7 7-7",
+			link: "M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7",
+			add: "M12 5v14M5 12h14",
+			delete: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M10 11v6M14 11v6",
+			key: "M14 7a4 4 0 1 1-1.4 7.6L9 18H6v-3l4.4-4.4A4 4 0 0 1 14 7zM18 7h.01",
+			checkCircle: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM8.5 12l2.5 2.5 4.5-5",
+			cancel: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM9 9l6 6M15 9l-6 6",
+			robot: "M12 8V4M8 4h8M4 12a8 8 0 0 1 16 0v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-6zM9 14h.01M15 14h.01",
+			test: "M9 3h6M10 3v6.3L4.7 18a2 2 0 0 0 1.8 3h11a2 2 0 0 0 1.8-3L14 9.3V3M7.5 15h9",
+			copy: "M9 9h11v11H9zM5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1",
+			check: "M4 12.5l5 5L20 6.5",
+			edit: "M4 20h4L19.5 8.5a2.1 2.1 0 0 0-3-3L5 17v3zM13.5 6.5l3 3",
+			loading: "M12 3a9 9 0 1 0 9 9M12 3a9 9 0 0 1 9 9",
+			search: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM21 21l-4.3-4.3"
+		};
+		function untilLabel(account) {
+			if (!account.cooling || account.until === void 0) return "";
+			const remaining = new Date(account.until).getTime() - Date.now();
+			if (remaining <= 0) return "即将恢复";
+			const minutes = Math.ceil(remaining / 6e4);
+			if (minutes < 60) return `剩余 ${minutes} 分钟`;
+			return `剩余 ${Math.ceil(minutes / 60)} 小时`;
+		}
+		function statusBadge(account) {
+			if (account.disabled) return {
+				text: "已禁用",
+				cls: "dshr-badge-danger"
+			};
+			if (account.cooling) return {
+				text: "冷却中",
+				cls: "dshr-badge-warn"
+			};
+			return {
+				text: "健康",
+				cls: "dshr-badge-ok"
+			};
+		}
+		function SupplierDetail({ supplier, accounts, statusLoading, onBack, onRefresh }) {
+			const hasCap = (name) => supplier.capabilities?.includes(name) ?? false;
+			const canLogin = hasCap("generateLoginUrl") || hasCap("addApiKey");
+			const canApiKey = hasCap("addApiKey");
+			const canPoll = hasCap("pollLogin");
+			const canPool = canLogin;
+			const canCheckin = hasCap("checkinNow");
+			const [showLogin, setShowLogin] = (0, react.useState)(false);
+			const [loginUrl, setLoginUrl] = (0, react.useState)(null);
+			const [callbackUrl, setCallbackUrl] = (0, react.useState)("");
+			const [keyName, setKeyName] = (0, react.useState)("");
+			const [apiKey, setApiKey] = (0, react.useState)("");
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)("");
+			const [removeTarget, setRemoveTarget] = (0, react.useState)(null);
+			const [models, setModels] = (0, react.useState)(null);
+			const [alias, setAlias] = (0, react.useState)("");
+			const [modelsError, setModelsError] = (0, react.useState)("");
+			const [toast, setToast] = (0, react.useState)(null);
+			const [toggling, setToggling] = (0, react.useState)(false);
+			const [showAddModel, setShowAddModel] = (0, react.useState)(false);
+			const [newModelId, setNewModelId] = (0, react.useState)("");
+			const [addModelError, setAddModelError] = (0, react.useState)("");
+			const [addTesting, setAddTesting] = (0, react.useState)(false);
+			const [addTestResult, setAddTestResult] = (0, react.useState)(null);
+			const [showAlias, setShowAlias] = (0, react.useState)(false);
+			const [aliasDraft, setAliasDraft] = (0, react.useState)("");
+			const [aliasError, setAliasError] = (0, react.useState)("");
+			const [testingIds, setTestingIds] = (0, react.useState)(() => /* @__PURE__ */ new Set());
+			const [testResults, setTestResults] = (0, react.useState)({});
+			const [copiedModel, setCopiedModel] = (0, react.useState)(null);
+			const [modelQuery, setModelQuery] = (0, react.useState)("");
+			const [fetchingModels, setFetchingModels] = (0, react.useState)(false);
+			const [removeModelTarget, setRemoveModelTarget] = (0, react.useState)(null);
+			const [poolStrategy, setPoolStrategy] = (0, react.useState)("fallback");
+			const [poolOrder, setPoolOrder] = (0, react.useState)([]);
+			const [checkinRule, setCheckinRule] = (0, react.useState)("all");
+			const [checkingIn, setCheckingIn] = (0, react.useState)(false);
+			const [dragIndex, setDragIndex] = (0, react.useState)(null);
+			const mounted = (0, react.useRef)(true);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				return () => {
+					mounted.current = false;
+				};
+			}, []);
+			const showToast = (msg) => {
+				setToast(msg);
+				window.setTimeout(() => {
+					if (mounted.current) setToast(null);
+				}, 2500);
+			};
+			const loadModels = (0, react.useCallback)(async () => {
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/models`, { cache: "no-store" })).json();
+					if (mounted.current) if (data.ok && data.models) {
+						setModels(data.models);
+						if (data.alias) setAlias(data.alias);
+					} else setModelsError(data.error ?? "加载失败");
+				} catch (err) {
+					if (mounted.current) setModelsError(err.message);
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				loadModels();
+			}, [loadModels]);
+			const loadPoolConfig = (0, react.useCallback)(async () => {
+				try {
+					const [strategyRes, orderRes, ruleRes] = await Promise.all([
+						fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/pool/strategy`, { cache: "no-store" }),
+						fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/pool/order`, { cache: "no-store" }),
+						fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/checkin/rule`, { cache: "no-store" })
+					]);
+					const [strategyData, orderData, ruleData] = await Promise.all([
+						strategyRes.json(),
+						orderRes.json(),
+						ruleRes.json()
+					]);
+					if (mounted.current) {
+						if (strategyData.ok && strategyData.strategy) setPoolStrategy(strategyData.strategy);
+						if (orderData.ok && Array.isArray(orderData.order)) setPoolOrder(orderData.order);
+						if (ruleData.ok && ruleData.rule) setCheckinRule(ruleData.rule);
+					}
+				} catch {}
+			}, []);
+			(0, react.useEffect)(() => {
+				loadPoolConfig();
+			}, [loadPoolConfig]);
+			const savePoolOrder = async (uids) => {
+				setPoolOrder(uids);
+				try {
+					await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/pool/order`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({ uids }),
+						cache: "no-store"
+					});
+					showToast("连接池顺序已保存");
+				} catch {
+					showToast("保存顺序失败");
+				}
+			};
+			const runCheckin = async () => {
+				if (checkingIn) return;
+				setCheckingIn(true);
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/checkin`, {
+						method: "POST",
+						cache: "no-store"
+					})).json();
+					if (data.ok && data.total > 0) {
+						const failed = (data.results ?? []).filter((r) => r.status !== "ok" && r.status !== "already");
+						let msg = `签到完成：${data.succeeded}/${data.total} 成功`;
+						const already = data.already ?? 0;
+						if (already > 0) msg += ` · ${already} 今日已签`;
+						if (failed.length > 0) {
+							const first = failed[0];
+							msg += ` · ${first?.message ?? "有失败"}`;
+						}
+						showToast(msg);
+					} else showToast(data.error ?? (data.total === 0 ? "没有可签到的链接" : "签到失败"));
+					onRefresh();
+				} catch (err) {
+					showToast(`签到失败：${err.message}`);
+				} finally {
+					setCheckingIn(false);
+				}
+			};
+			const startLogin = async () => {
+				if (canApiKey) {
+					setShowLogin(true);
+					setBusy(false);
+					setError("");
+					setLoginUrl(null);
+					setCallbackUrl("");
+					setKeyName("");
+					setApiKey("");
+					return;
+				}
+				setShowLogin(true);
+				setBusy(true);
+				setError("");
+				setLoginUrl(null);
+				setCallbackUrl("");
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/login`, {
+						method: "POST",
+						cache: "no-store"
+					})).json();
+					if (data.ok && data.loginUrl) setLoginUrl(data.loginUrl);
+					else setError(data.error ?? "生成登录链接失败");
+				} catch (err) {
+					setError(err.message);
+				} finally {
+					setBusy(false);
+				}
+			};
+			const completeLogin = async () => {
+				if (callbackUrl.trim() === "") return;
+				setBusy(true);
+				setError("");
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/login/callback`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({ callbackUrl: callbackUrl.trim() }),
+						cache: "no-store"
+					})).json();
+					if (data.ok && data.account) {
+						showToast(`已添加链接 ${data.account.nickname || data.account.uid}`);
+						setShowLogin(false);
+						setLoginUrl(null);
+						setCallbackUrl("");
+						onRefresh();
+					} else setError(data.error ?? "添加失败");
+				} catch (err) {
+					setError(err.message);
+				} finally {
+					setBusy(false);
+				}
+			};
+			const addApiKey = async () => {
+				if (apiKey.trim() === "") return;
+				setBusy(true);
+				setError("");
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/links/add`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({
+							name: keyName.trim(),
+							apiKey: apiKey.trim()
+						}),
+						cache: "no-store"
+					})).json();
+					if (data.ok && data.account) {
+						showToast(`已添加链接 ${data.account.nickname || data.account.uid}`);
+						setShowLogin(false);
+						setKeyName("");
+						setApiKey("");
+						onRefresh();
+					} else setError(data.error ?? "添加失败");
+				} catch (err) {
+					setError(err.message);
+				} finally {
+					setBusy(false);
+				}
+			};
+			const doRemove = async (uid) => {
+				if ((await (await fetch(`/router/api/suppliers/${supplier.id}/links/remove`, {
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({ uid }),
+					cache: "no-store"
+				})).json()).ok) onRefresh();
+				setRemoveTarget(null);
+			};
+			const toggleModel = async (id, enabled) => {
+				setToggling(true);
+				try {
+					if ((await (await fetch(`/router/api/suppliers/${supplier.id}/models/toggle`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({
+							id,
+							enabled
+						}),
+						cache: "no-store"
+					})).json()).ok) {
+						setModels((prev) => prev ? prev.map((m) => m.id === id ? {
+							...m,
+							enabled
+						} : m) : prev);
+						onRefresh();
+					}
+				} finally {
+					setToggling(false);
+				}
+			};
+			const testNewModel = async () => {
+				if (newModelId.trim() === "") return;
+				setAddTesting(true);
+				setAddTestResult(null);
+				setAddModelError("");
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/models/test`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({ id: newModelId.trim() }),
+						cache: "no-store"
+					})).json();
+					setAddTestResult(data.ok ? { ok: true } : {
+						ok: false,
+						error: data.error ?? "测试失败"
+					});
+				} catch (err) {
+					setAddTestResult({
+						ok: false,
+						error: err.message
+					});
+				} finally {
+					setAddTesting(false);
+				}
+			};
+			const addCustomModel = async () => {
+				if (newModelId.trim() === "") return;
+				setBusy(true);
+				setAddModelError("");
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/models/add`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({ id: newModelId.trim() }),
+						cache: "no-store"
+					})).json();
+					if (data.ok) {
+						setShowAddModel(false);
+						setNewModelId("");
+						await loadModels();
+					} else setAddModelError(data.error ?? "添加失败");
+				} catch (err) {
+					setAddModelError(err.message);
+				} finally {
+					setBusy(false);
+				}
+			};
+			const bulkModels = async (enabled) => {
+				setToggling(true);
+				try {
+					await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/models/bulk`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({ enabled }),
+						cache: "no-store"
+					});
+					await loadModels();
+				} finally {
+					setToggling(false);
+				}
+			};
+			const fetchModels = async () => {
+				setFetchingModels(true);
+				setModelsError("");
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/models/fetch`, {
+						method: "POST",
+						cache: "no-store"
+					})).json();
+					if (data.ok) {
+						await loadModels();
+						const added = data.added ?? 0;
+						const removed = data.removed ?? 0;
+						if (added === 0 && removed === 0) showToast("模型已是最新");
+						else showToast(`已更新模型：+${added} 新增${removed > 0 ? `，${removed} 移除` : ""}`);
+					} else setModelsError(data.error ?? "获取失败");
+				} catch (err) {
+					setModelsError(err.message);
+				} finally {
+					setFetchingModels(false);
+				}
+			};
+			const removeModel = async (id) => {
+				setToggling(true);
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/models/remove`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({ id }),
+						cache: "no-store"
+					})).json();
+					if (data.ok) await loadModels();
+					else setModelsError(data.error ?? "删除失败");
+				} finally {
+					setToggling(false);
+				}
+			};
+			const testModel = async (id) => {
+				if (testingIds.has(id)) return;
+				setTestingIds((prev) => new Set(prev).add(id));
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/models/test`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({ id }),
+						cache: "no-store"
+					})).json();
+					setTestResults((prev) => ({
+						...prev,
+						[id]: data.ok ? "ok" : "error"
+					}));
+					if (!data.ok) setModelsError(data.error ?? "测试失败");
+				} catch (err) {
+					setTestResults((prev) => ({
+						...prev,
+						[id]: "error"
+					}));
+					setModelsError(err.message);
+				} finally {
+					setTestingIds((prev) => {
+						const n = new Set(prev);
+						n.delete(id);
+						return n;
+					});
+				}
+			};
+			const copyModel = async (id) => {
+				try {
+					await navigator.clipboard.writeText(`${alias}/${id}`);
+					setCopiedModel(id);
+					window.setTimeout(() => setCopiedModel(null), 1500);
+				} catch {}
+			};
+			const saveAlias = async () => {
+				setBusy(true);
+				setAliasError("");
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/alias`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({ alias: aliasDraft.trim() }),
+						cache: "no-store"
+					})).json();
+					if (data.ok) {
+						setAlias(aliasDraft.trim());
+						try {
+							await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/pool/strategy`, {
+								method: "POST",
+								headers: { "Content-Type": "application/json" },
+								body: JSON.stringify({ strategy: poolStrategy }),
+								cache: "no-store"
+							});
+						} catch {}
+						try {
+							await fetch(`${ROUTER_API_BASE}/suppliers/${supplier.id}/checkin/rule`, {
+								method: "POST",
+								headers: { "Content-Type": "application/json" },
+								body: JSON.stringify({ rule: checkinRule }),
+								cache: "no-store"
+							});
+						} catch {}
+						setShowAlias(false);
+					} else setAliasError(data.error ?? "保存失败");
+				} catch (err) {
+					setAliasError(err.message);
+				} finally {
+					setBusy(false);
+				}
+			};
+			const supplierAccounts = accounts.filter((a) => a.supplier === supplier.id);
+			const orderedAccounts = (() => {
+				const byUid = new Map(supplierAccounts.map((a) => [a.uid, a]));
+				const out = [];
+				const seen = /* @__PURE__ */ new Set();
+				for (const uid of poolOrder) {
+					const a = byUid.get(uid);
+					if (a && !seen.has(uid)) {
+						out.push(a);
+						seen.add(uid);
+					}
+				}
+				for (const a of supplierAccounts) if (!seen.has(a.uid)) out.push(a);
+				return out;
+			})();
+			const q = modelQuery.trim().toLowerCase();
+			const matchQuery = (m) => q === "" || m.id.toLowerCase().includes(q);
+			const enabledModels = models?.filter((m) => m.enabled && matchQuery(m)) ?? [];
+			const disabledModels = models?.filter((m) => !m.enabled && matchQuery(m)) ?? [];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshr-tabBody",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dshr-providerHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: "dshr-backLink",
+							onClick: onBack,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+								d: I$2.back,
+								size: 16
+							}), "返回"]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-providerTitleRow",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dshr-providerIcon",
+									children: supplier.icon !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+										className: "dshr-providerImg",
+										src: supplier.icon,
+										alt: ""
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+										d: I$2.link,
+										size: 22
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-providerMeta",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+										className: "dshr-providerName",
+										children: supplier.name
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+										className: "dshr-providerCount",
+										children: [
+											supplierAccounts.length,
+											" 链接",
+											canPool && ` · ${poolStrategy === "round-robin" ? "轮询" : "回退"}`,
+											` · 前缀 ${alias}`
+										]
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-iconBtn dshr-providerEdit",
+									title: "编辑供应商",
+									onClick: () => {
+										setAliasDraft(alias);
+										setAliasError("");
+										setShowAlias(true);
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+										d: I$2.edit,
+										size: 15
+									})
+								})
+							]
+						})]
+					}),
+					error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dshr-alert",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "出错了" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error })]
+					}),
+					canPool ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "dshr-card",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-cardHead",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshr-cardTitle",
+								children: "链接池"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-cardActions",
+								children: [canCheckin && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-miniButton",
+									onClick: () => void runCheckin(),
+									disabled: checkingIn || supplierAccounts.length === 0,
+									children: checkingIn ? "签到中…" : "签到"
+								}), canLogin && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dshr-primaryButton",
+									onClick: () => void startLogin(),
+									disabled: busy,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+										d: I$2.add,
+										size: 14
+									}), "添加链接"]
+								})]
+							})]
+						}), statusLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dshr-empty",
+							children: "加载中…"
+						}) : supplierAccounts.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-linkEmpty",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshr-linkEmptyIcon",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+										d: I$2.link,
+										size: 28
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-linkEmptyText",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dshr-linkEmptyTitle",
+										children: "暂无链接"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dshr-linkEmptyDesc",
+										children: "添加第一个登录链接开始使用"
+									})]
+								}),
+								canLogin && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dshr-primaryButton",
+									onClick: () => void startLogin(),
+									disabled: busy,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+										d: I$2.add,
+										size: 14
+									}), "添加链接"]
+								})
+							]
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dshr-linkList",
+							children: orderedAccounts.map((account, index) => {
+								const badge = statusBadge(account);
+								const coolingText = account.cooling || account.disabled ? `${account.reason ?? ""}${untilLabel(account) !== "" ? ` · ${untilLabel(account)}` : ""}` : "";
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: `dshr-linkRow${dragIndex === index ? " dshr-linkRowDragging" : ""}`,
+									draggable: true,
+									onDragStart: (e) => {
+										setDragIndex(index);
+										e.dataTransfer.effectAllowed = "move";
+									},
+									onDragOver: (e) => {
+										e.preventDefault();
+										e.dataTransfer.dropEffect = "move";
+									},
+									onDrop: (e) => {
+										e.preventDefault();
+										if (dragIndex === null || dragIndex === index) {
+											setDragIndex(null);
+											return;
+										}
+										const next = [...orderedAccounts];
+										const [moved] = next.splice(dragIndex, 1);
+										if (moved) next.splice(index, 0, moved);
+										setDragIndex(null);
+										savePoolOrder(next.map((a) => a.uid));
+									},
+									onDragEnd: () => setDragIndex(null),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "dshr-linkGrip",
+											title: "拖动排序",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+												viewBox: "0 0 24 24",
+												width: "14",
+												height: "14",
+												fill: "currentColor",
+												"aria-hidden": "true",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "9",
+														cy: "6",
+														r: "1.5"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "15",
+														cy: "6",
+														r: "1.5"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "9",
+														cy: "12",
+														r: "1.5"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "15",
+														cy: "12",
+														r: "1.5"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "9",
+														cy: "18",
+														r: "1.5"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "15",
+														cy: "18",
+														r: "1.5"
+													})
+												]
+											})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dshr-linkMain",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dshr-linkTitleLine",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dshr-linkName",
+													children: account.nickname || account.uid
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: `dshr-badge ${badge.cls}`,
+													children: badge.text
+												})]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dshr-linkSub",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dshr-mono dshr-linkUid",
+														children: account.uid
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dshr-linkDot",
+														children: "·"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: "dshr-mono dshr-linkCredits",
+														children: [Math.ceil(account.credits), " 积分"]
+													}),
+													account.err_count !== void 0 && account.err_count > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dshr-linkDot",
+														children: "·"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: "dshr-linkErr",
+														children: ["连续错误 ", account.err_count]
+													})] }),
+													coolingText !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dshr-reason dshr-linkCooling",
+														children: coolingText
+													})
+												]
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "dshr-linkOps",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dshr-iconBtn dshr-iconBtn-sm dshr-linkDelete",
+												title: "删除链接",
+												onClick: () => setRemoveTarget(account),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+													d: I$2.delete,
+													size: 15
+												})
+											})
+										})
+									]
+								}, account.uid);
+							})
+						})]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "dshr-card",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-cardHead",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dshr-cardTitle",
+										children: "可用模型"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshr-muted dshr-cardMeta dshr-cardMetaAfter",
+										children: models ? `${enabledModels.length}/${models.length} 启用` : ""
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshr-cardActions",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dshr-miniButton",
+												onClick: () => void fetchModels(),
+												disabled: fetchingModels,
+												children: fetchingModels ? "获取中…" : "获取模型"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: "dshr-miniButton",
+												onClick: () => {
+													setAddModelError("");
+													setAddTestResult(null);
+													setNewModelId("");
+													setShowAddModel(true);
+												},
+												disabled: toggling,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+													d: I$2.add,
+													size: 13
+												}), "添加模型"]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dshr-miniButton",
+												onClick: () => void bulkModels(true),
+												disabled: toggling,
+												children: "全部启用"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dshr-miniButton",
+												onClick: () => void bulkModels(false),
+												disabled: toggling,
+												children: "全部禁用"
+											})
+										]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-modelSearch",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshr-modelSearchIcon",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+										d: I$2.search,
+										size: 13
+									})
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: "dshr-input",
+									placeholder: "搜索模型…",
+									value: modelQuery,
+									onChange: (e) => setModelQuery(e.target.value)
+								})]
+							}),
+							modelsError !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-alert",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "出错了" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: modelsError })]
+							}),
+							models === null && modelsError === "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshr-empty",
+								children: "加载中…"
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-modelChips",
+								children: [enabledModels.map((model) => {
+									const status = testResults[model.id];
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: `dshr-modelChipWrap${status === "ok" ? " dshr-modelChip-ok" : status === "error" ? " dshr-modelChip-err" : ""}`,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dshr-modelChip",
+											title: "点击禁用",
+											disabled: toggling,
+											onClick: () => void toggleModel(model.id, false),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dshr-modelChipStatus",
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+													d: status === "ok" ? I$2.checkCircle : status === "error" ? I$2.cancel : I$2.robot,
+													size: 13
+												})
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dshr-modelChipId",
+												children: model.id
+											})]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dshr-modelChipOps",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "dshr-iconBtn dshr-iconBtn-sm",
+													title: testingIds.has(model.id) ? "测试中…" : "测试",
+													onClick: () => void testModel(model.id),
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: testingIds.has(model.id) ? "dshr-spin" : void 0,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+															d: testingIds.has(model.id) ? I$2.loading : I$2.test,
+															size: 13
+														})
+													})
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "dshr-iconBtn dshr-iconBtn-sm",
+													title: "复制模型名",
+													onClick: () => void copyModel(model.id),
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+														d: copiedModel === model.id ? I$2.check : I$2.copy,
+														size: 13
+													})
+												}),
+												model.custom && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "dshr-iconBtn dshr-iconBtn-sm dshr-modelDelete",
+													title: "删除自定义模型",
+													onClick: () => setRemoveModelTarget(model.id),
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$2, {
+														d: I$2.delete,
+														size: 13
+													})
+												})
+											]
+										})]
+									}, model.id);
+								}), disabledModels.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-disabledModels",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+										className: "dshr-disabledLabel",
+										children: [
+											"已禁用（",
+											disabledModels.length,
+											"）"
+										]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dshr-modelChips",
+										children: disabledModels.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dshr-modelChip dshr-modelChip-off",
+											title: "点击恢复",
+											disabled: toggling,
+											onClick: () => void toggleModel(model.id, true),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dshr-modelChipId",
+												children: model.id
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dshr-modelChipRestore",
+												children: "+ 恢复"
+											})]
+										}, model.id))
+									})]
+								})]
+							})
+						]
+					}),
+					showAddModel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Modal, {
+						title: "添加模型",
+						onClose: () => setShowAddModel(false),
+						dismissable: false,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-modalForm",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dshr-muted",
+									children: "输入模型 id，自定义模型会加入可用列表。"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: "dshr-input",
+									placeholder: "模型 id",
+									value: newModelId,
+									onChange: (e) => setNewModelId(e.target.value),
+									autoFocus: true
+								}),
+								addTestResult !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: addTestResult.ok ? "dshr-alert dshr-alert-ok" : "dshr-alert",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: addTestResult.ok ? "测试通过" : "测试失败" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: addTestResult.ok ? "该模型可用。" : addTestResult.error })]
+								}),
+								addModelError !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-alert",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "出错了" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: addModelError })]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-modalActions",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dshr-miniButton",
+											onClick: () => void testNewModel(),
+											disabled: addTesting || newModelId.trim() === "",
+											children: addTesting ? "测试中…" : "测试"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dshr-miniButton",
+											onClick: () => setShowAddModel(false),
+											children: "取消"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dshr-primaryButton",
+											onClick: () => void addCustomModel(),
+											disabled: busy || newModelId.trim() === "",
+											children: busy ? "添加中…" : "添加"
+										})
+									]
+								})
+							]
+						})
+					}),
+					showAlias && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Modal, {
+						title: "编辑供应商",
+						onClose: () => setShowAlias(false),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-modalForm",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+										className: "dshr-fieldLabel",
+										children: "前缀"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dshr-muted",
+										children: "前缀用于模型全名（复制模型名时 = 前缀/模型id），只含字母、数字、- 和 _。"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: "dshr-input dshr-mono",
+										placeholder: "如 oc、or、nv",
+										value: aliasDraft,
+										onChange: (e) => setAliasDraft(e.target.value)
+									})
+								] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+										className: "dshr-fieldLabel",
+										children: "连接池策略"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dshr-muted",
+										children: "回退 = 按连接池顺序取第一个健康链接；轮询 = 轮流使用健康链接。"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+										className: "dshr-select dshr-input",
+										value: poolStrategy,
+										onChange: (e) => setPoolStrategy(e.target.value),
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "fallback",
+											children: "回退"
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "round-robin",
+											children: "轮询"
+										})]
+									})
+								] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+									className: "dshr-fieldLabel",
+									children: "签到规则"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dshr-muted",
+									children: "所有链接 = 签到每个链接；首个链接 = 只签到第一个链接。（dsh-router 通用策略）"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: "dshr-select dshr-input",
+									value: checkinRule,
+									onChange: (e) => setCheckinRule(e.target.value),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "all",
+										children: "所有链接"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "first",
+										children: "首个链接"
+									})]
+								}),
+								aliasError !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-alert",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "出错了" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: aliasError })]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-modalActions",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dshr-miniButton",
+										onClick: () => setShowAlias(false),
+										children: "取消"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dshr-primaryButton",
+										onClick: () => void saveAlias(),
+										disabled: busy || aliasDraft.trim() === "",
+										children: busy ? "保存中…" : "保存"
+									})]
+								})
+							]
+						})
+					}),
+					removeModelTarget !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Modal, {
+						title: "删除自定义模型",
+						onClose: () => setRemoveModelTarget(null),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-modalForm",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: "dshr-muted",
+								children: [
+									"确定删除自定义模型「",
+									removeModelTarget,
+									"」吗？将从可用列表移除。"
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-modalActions",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-miniButton",
+									onClick: () => setRemoveModelTarget(null),
+									children: "取消"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-dangerButton",
+									onClick: () => {
+										const id = removeModelTarget;
+										setRemoveModelTarget(null);
+										removeModel(id);
+									},
+									children: "删除"
+								})]
+							})]
+						})
+					}),
+					showLogin && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Modal, {
+						title: `添加链接 · ${supplier.name}`,
+						onClose: () => {
+							if (!busy) {
+								setShowLogin(false);
+								setLoginUrl(null);
+								setCallbackUrl("");
+								setKeyName("");
+								setApiKey("");
+							}
+						},
+						children: canApiKey ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-modalForm",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dshr-muted",
+									children: "填入 OpenRouter API key（https://openrouter.ai/settings/keys），可起名字区分多个 key。"
+								}),
+								error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-alert",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "出错了" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error })]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: "dshr-input",
+									placeholder: "名字（可选，如 主key）",
+									value: keyName,
+									onChange: (e) => setKeyName(e.target.value)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: "dshr-input",
+									placeholder: "sk-or-v1-...",
+									type: "password",
+									value: apiKey,
+									onChange: (e) => setApiKey(e.target.value)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-modalActions",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dshr-miniButton",
+										onClick: () => setShowLogin(false),
+										disabled: busy,
+										children: "取消"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dshr-primaryButton",
+										onClick: () => void addApiKey(),
+										disabled: busy || apiKey.trim() === "",
+										children: busy ? "验证中…" : "添加"
+									})]
+								})
+							]
+						}) : busy && loginUrl === null && error === "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dshr-muted",
+							children: "正在生成登录链接…"
+						}) : loginUrl === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dshr-empty",
+							children: error !== "" ? error : "登录链接生成失败"
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-loginBox",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-loginStep",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshr-loginNum",
+										children: "1"
+									}), "在浏览器打开下面链接,完成登录"]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+									className: "dshr-loginUrl",
+									href: loginUrl,
+									target: "_blank",
+									rel: "noreferrer",
+									children: loginUrl
+								}),
+								canPoll ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshr-loginStep",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dshr-loginNum",
+											children: "2"
+										}), "登录成功后点「完成添加」，自动获取凭证"]
+									}),
+									error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshr-alert",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "出错了" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error })]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dshr-modalActions",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dshr-primaryButton",
+											onClick: () => void completeLogin(),
+											disabled: busy,
+											children: busy ? "轮询中…" : "完成添加"
+										})
+									})
+								] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshr-loginStep",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dshr-loginNum",
+											children: "2"
+										}), "登录成功后浏览器会跳到打不开的 127.0.0.1 地址"]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshr-loginStep",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dshr-loginNum",
+											children: "3"
+										}), "复制地址栏完整链接,粘贴到下面,点「完成添加」"]
+									}),
+									error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshr-alert",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "出错了" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error })]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshr-endpointRow",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: "dshr-input",
+											placeholder: "粘贴回调链接 http://127.0.0.1:18080/authorize?...",
+											value: callbackUrl,
+											onChange: (e) => setCallbackUrl(e.target.value)
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dshr-primaryButton",
+											onClick: () => void completeLogin(),
+											disabled: busy || callbackUrl.trim() === "",
+											children: busy ? "处理中…" : "完成添加"
+										})]
+									})
+								] })
+							]
+						})
+					}),
+					removeTarget !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Modal, {
+						title: "删除链接",
+						onClose: () => setRemoveTarget(null),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-modalForm",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: "dshr-muted",
+								children: [
+									"确定删除链接「",
+									removeTarget.nickname || removeTarget.uid,
+									"」吗？该账号将立即从路由池移除。"
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-modalActions",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-miniButton",
+									onClick: () => setRemoveTarget(null),
+									children: "取消"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-dangerButton",
+									onClick: () => void doRemove(removeTarget.uid),
+									children: "删除"
+								})]
+							})]
+						})
+					}),
+					toast !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dshr-toast",
+						children: toast
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/EndpointTab.tsx
+		/**
+		* 端点与密钥 — 布局交互贴近 9router endpoint 页（无隧道/Tailscale）。
+		* API Endpoint 卡片 + API Keys 卡片（Require API key + flex 行 key 列表 +
+		* Create/暂停确认/Created 弹窗）。
+		*/
+		function Icon$1({ d, size = 18 }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 24 24",
+				width: size,
+				height: size,
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.8",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d })
+			});
+		}
+		var I$1 = {
+			api: "M4 4h16v16H4zM9 9h6v6H9zM12 9V7M12 17v-2M9 12H7M17 12h-2",
+			key: "M14 7a4 4 0 1 1-1.4 7.6L9 18H6v-3l4.4-4.4A4 4 0 0 1 14 7zM18 7h.01",
+			visibility: "M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6zM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z",
+			visibilityOff: "M4 4l16 16M10.6 5.2A10 10 0 0 1 12 5c6.5 0 10 6 10 6a17 17 0 0 1-3.3 4M6.1 6.6A17 17 0 0 0 2 12s3.5 6 10 6a9.6 9.6 0 0 0 4-.8M9.9 9.9a3 3 0 0 0 4.2 4.2",
+			copy: "M9 9h11v11H9zM5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1",
+			check: "M4 12.5l5 5L20 6.5",
+			add: "M12 5v14M5 12h14",
+			delete: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M10 11v6M14 11v6"
+		};
+		function maskKey(full) {
+			if (!full || full.length <= 10) return full;
+			return `${full.slice(0, 6)}${"•".repeat(Math.min(full.length - 10, 12))}${full.slice(-4)}`;
+		}
+		function EndpointTab() {
+			const [keys, setKeys] = (0, react.useState)(null);
+			const [requireApiKey, setRequireApiKey] = (0, react.useState)(false);
+			const [showCreate, setShowCreate] = (0, react.useState)(false);
+			const [newKeyName, setNewKeyName] = (0, react.useState)("");
+			const [createdKey, setCreatedKey] = (0, react.useState)(null);
+			const [pauseTarget, setPauseTarget] = (0, react.useState)(null);
+			const [deleteTarget, setDeleteTarget] = (0, react.useState)(null);
+			const [visibleKeys, setVisibleKeys] = (0, react.useState)(() => /* @__PURE__ */ new Set());
+			const [copiedKeyId, setCopiedKeyId] = (0, react.useState)(null);
+			const [error, setError] = (0, react.useState)("");
+			const [busy, setBusy] = (0, react.useState)(false);
+			const mounted = (0, react.useRef)(true);
+			const endpointBase = `${window.location.origin}/v1`;
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				return () => {
+					mounted.current = false;
+				};
+			}, []);
+			const load = (0, react.useCallback)(async () => {
+				try {
+					const [keysRes, settingsRes] = await Promise.all([fetch(`${ROUTER_API_BASE}/keys`, { cache: "no-store" }), fetch(`${ROUTER_API_BASE}/settings`, { cache: "no-store" })]);
+					const keysData = await keysRes.json();
+					const settingsData = await settingsRes.json();
+					if (mounted.current) {
+						if (keysData.ok && keysData.keys) setKeys(keysData.keys);
+						else setError(keysData.error ?? "加载密钥失败");
+						if (settingsData.ok && settingsData.requireApiKey !== void 0) setRequireApiKey(settingsData.requireApiKey);
+					}
+				} catch (err) {
+					if (mounted.current) setError(err.message);
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			const openCreate = () => {
+				setNewKeyName("");
+				setError("");
+				setShowCreate(true);
+			};
+			const createKey = async () => {
+				setBusy(true);
+				setError("");
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/keys`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({ name: newKeyName }),
+						cache: "no-store"
+					})).json();
+					if (data.ok && data.key) {
+						setShowCreate(false);
+						setNewKeyName("");
+						setCreatedKey(data.key);
+						await load();
+					} else setError(data.error ?? "创建失败");
+				} catch (err) {
+					setError(err.message);
+				} finally {
+					setBusy(false);
+				}
+			};
+			const doDelete = async (id) => {
+				if ((await (await fetch(`/router/api/keys/delete`, {
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({ id }),
+					cache: "no-store"
+				})).json()).ok) {
+					setKeys((prev) => prev ? prev.filter((k) => k.id !== id) : prev);
+					setVisibleKeys((prev) => {
+						const next = new Set(prev);
+						next.delete(id);
+						return next;
+					});
+				}
+				setDeleteTarget(null);
+			};
+			const toggleKey = async (id, isActive) => {
+				if ((await (await fetch(`/router/api/keys/toggle`, {
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({
+						id,
+						isActive
+					}),
+					cache: "no-store"
+				})).json()).ok) setKeys((prev) => prev ? prev.map((k) => k.id === id ? {
+					...k,
+					isActive
+				} : k) : prev);
+			};
+			const toggleRequire = async (value) => {
+				setRequireApiKey(value);
+				if (!(await (await fetch(`/router/api/settings`, {
+					method: "PATCH",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({ requireApiKey: value }),
+					cache: "no-store"
+				})).json()).ok) setRequireApiKey(!value);
+			};
+			const copyText = async (text, id) => {
+				try {
+					await navigator.clipboard.writeText(text);
+					setCopiedKeyId(id);
+					window.setTimeout(() => setCopiedKeyId(null), 1500);
+				} catch {}
+			};
+			const toggleVisible = (id) => {
+				setVisibleKeys((prev) => {
+					const next = new Set(prev);
+					if (next.has(id)) next.delete(id);
+					else next.add(id);
+					return next;
+				});
+			};
+			const onKeySwitch = (key, next) => {
+				if (key.isActive && !next) setPauseTarget(key);
+				else toggleKey(key.id, next);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshr-tabBody",
+				children: [
+					error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dshr-alert",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "出错了" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "dshr-card",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-cardHead",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dshr-cardIcon",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$1, { d: I$1.api })
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshr-cardTitle",
+								children: "API Endpoint"
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-endpointList",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-endpointRow",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshr-endpointLabel",
+										children: "Local"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: "dshr-input dshr-mono",
+										value: endpointBase,
+										readOnly: true
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dshr-iconBtn",
+										title: "复制",
+										onClick: () => void copyText(endpointBase, "__endpoint"),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$1, {
+											d: copiedKeyId === "__endpoint" ? I$1.check : I$1.copy,
+											size: 16
+										})
+									})
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshr-muted dshr-reason dshr-endpointNote",
+								children: "OpenAI 兼容。任何工具把 baseURL 指向它即可使用。鉴权由下方「Require API key」控制。"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "dshr-card",
+						id: "require-api-key",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-cardHead",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshr-cardIcon",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$1, { d: I$1.key })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dshr-cardTitle",
+										children: "API Keys"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: "dshr-primaryButton dshr-cardAction",
+										onClick: openCreate,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$1, {
+											d: I$1.add,
+											size: 14
+										}), "创建 Key"]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-requireRow",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-requireInfo",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dshr-requireTitle",
+										children: "Require API key"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dshr-requireDesc",
+										children: "不带有效 key 的请求将被拒绝"
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: `dshr-toggle ${requireApiKey ? "dshr-toggle-on" : ""}`,
+									role: "switch",
+									"aria-checked": requireApiKey,
+									onClick: () => void toggleRequire(!requireApiKey),
+									title: requireApiKey ? "关闭鉴权" : "开启鉴权",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dshr-toggleKnob" })
+								})]
+							}),
+							keys === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshr-empty",
+								children: "加载中…"
+							}) : keys.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-keyEmpty",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshr-keyEmptyIcon",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$1, {
+											d: I$1.key,
+											size: 30
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dshr-keyEmptyTitle",
+										children: "还没有 API Key"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dshr-keyEmptyDesc",
+										children: "创建第一个 key 开始使用"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: "dshr-primaryButton",
+										onClick: openCreate,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$1, {
+											d: I$1.add,
+											size: 14
+										}), "创建 Key"]
+									})
+								]
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshr-keyList",
+								children: keys.map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: `dshr-keyRow${key.isActive ? "" : " dshr-keyRow-paused"}`,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshr-keyInfo",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dshr-keyNameRow",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+													className: "dshr-keyName",
+													children: key.name
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "dshr-iconBtn dshr-iconBtn-sm dshr-keyDelete",
+													title: "删除",
+													onClick: () => setDeleteTarget(key),
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$1, {
+														d: I$1.delete,
+														size: 14
+													})
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dshr-keyValue",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+														className: "dshr-mono",
+														children: visibleKeys.has(key.id) ? key.key : maskKey(key.key)
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "dshr-iconBtn dshr-iconBtn-sm",
+														title: visibleKeys.has(key.id) ? "隐藏" : "显示",
+														onClick: () => toggleVisible(key.id),
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$1, {
+															d: visibleKeys.has(key.id) ? I$1.visibilityOff : I$1.visibility,
+															size: 14
+														})
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "dshr-iconBtn dshr-iconBtn-sm",
+														title: "复制",
+														onClick: () => void copyText(key.key, key.id),
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$1, {
+															d: copiedKeyId === key.id ? I$1.check : I$1.copy,
+															size: 14
+														})
+													})
+												]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+												className: "dshr-keyCreated",
+												children: [
+													"创建于 ",
+													new Date(key.createdAt).toLocaleDateString(),
+													key.isActive === false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dshr-keyPaused",
+														children: " · 已暂停"
+													})
+												]
+											})
+										]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dshr-keyOps",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `dshr-toggle ${key.isActive ? "dshr-toggle-on" : ""}`,
+											role: "switch",
+											"aria-checked": key.isActive,
+											title: key.isActive ? "暂停 key" : "恢复 key",
+											onClick: () => onKeySwitch(key, !key.isActive),
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dshr-toggleKnob" })
+										})
+									})]
+								}, key.id))
+							})
+						]
+					}),
+					showCreate && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Modal, {
+						title: "创建 API Key",
+						onClose: () => setShowCreate(false),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-modalForm",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: "dshr-input",
+									placeholder: "Key 名称（如 生产环境）",
+									value: newKeyName,
+									onChange: (e) => setNewKeyName(e.target.value),
+									autoFocus: true
+								}),
+								error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-alert",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "出错了" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error })]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-modalActions",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dshr-miniButton",
+										onClick: () => setShowCreate(false),
+										children: "取消"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dshr-primaryButton",
+										onClick: () => void createKey(),
+										disabled: busy || newKeyName.trim() === "",
+										children: busy ? "创建中…" : "创建"
+									})]
+								})
+							]
+						})
+					}),
+					createdKey !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Modal, {
+						title: "API Key 已创建",
+						onClose: () => setCreatedKey(null),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-modalForm",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-warnBox",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dshr-warnTitle",
+										children: "立即保存这个 key!"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dshr-warnDesc",
+										children: "这是你唯一一次看到完整 key,请妥善保管。"
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-endpointRow dshr-createdRow",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: "dshr-input dshr-mono",
+										value: createdKey,
+										readOnly: true
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dshr-miniButton",
+										onClick: () => void copyText(createdKey, "__created"),
+										children: copiedKeyId === "__created" ? "已复制" : "复制"
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-primaryButton dshr-fullButton",
+									onClick: () => setCreatedKey(null),
+									children: "完成"
+								})
+							]
+						})
+					}),
+					pauseTarget !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Modal, {
+						title: "暂停 API Key",
+						onClose: () => setPauseTarget(null),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-modalForm",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: "dshr-muted",
+								children: [
+									"暂停 Key「",
+									pauseTarget.name,
+									"」?此 key 将立即失效,之后可以恢复。"
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-modalActions",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-miniButton",
+									onClick: () => setPauseTarget(null),
+									children: "取消"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-dangerButton",
+									onClick: () => {
+										const t = pauseTarget;
+										setPauseTarget(null);
+										toggleKey(t.id, false);
+									},
+									children: "暂停"
+								})]
+							})]
+						})
+					}),
+					deleteTarget !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Modal, {
+						title: "删除 API Key",
+						onClose: () => setDeleteTarget(null),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-modalForm",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: "dshr-muted",
+								children: [
+									"确定删除 Key「",
+									deleteTarget.name,
+									"」吗?使用它的客户端将立即失效,无法恢复。"
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-modalActions",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-miniButton",
+									onClick: () => setDeleteTarget(null),
+									children: "取消"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-dangerButton",
+									onClick: () => void doDelete(deleteTarget.id),
+									children: "删除"
+								})]
+							})]
+						})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/CombosTab.tsx
+		/**
+		* 组合 — 布局交互贴近 9router combos 页。
+		* 组合 = 命名的一组模型（完整名 alias/id），请求 model 传组合名时，
+		* 按策略（回退/轮询）命中其中一个。可创建/编辑/删除。
+		*/
+		function Icon({ d, size = 18 }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 24 24",
+				width: size,
+				height: size,
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.8",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d })
+			});
+		}
+		var I = {
+			layers: "M12 3l9 5-9 5-9-5 9-5zM3 13l9 5 9-5M3 17l9 5 9-5",
+			add: "M12 5v14M5 12h14",
+			copy: "M9 9h11v11H9zM5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1",
+			check: "M4 12.5l5 5L20 6.5",
+			edit: "M4 20h4L19.5 8.5a2.1 2.1 0 0 0-3-3L5 17v3zM13.5 6.5l3 3",
+			delete: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M10 11v6M14 11v6",
+			grip: "M9 6h.01M9 12h.01M9 18h.01M15 6h.01M15 12h.01M15 18h.01",
+			search: "M11 3a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM21 21l-4.35-4.35"
+		};
+		function CombosTab({ combos, aliases, onRefresh }) {
+			/** 当前供应商前缀（单供应商取第一个）。 */
+			const primaryAlias = aliases[0]?.alias ?? "";
+			/** 模型 → 所属供应商前缀（按 groups 分组匹配；找不到兜底 primaryAlias）。 */
+			const aliasOf = (model) => {
+				for (const g of groups) if (g.models.some((m) => m.id === model)) return g.supplier.alias;
+				return primaryAlias;
+			};
+			const [showForm, setShowForm] = (0, react.useState)(false);
+			const [editing, setEditing] = (0, react.useState)(null);
+			const [form, setForm] = (0, react.useState)({
+				name: "",
+				strategy: "fallback",
+				models: []
+			});
+			const [formError, setFormError] = (0, react.useState)("");
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [deleteTarget, setDeleteTarget] = (0, react.useState)(null);
+			const [copied, setCopied] = (0, react.useState)(null);
+			const [toast, setToast] = (0, react.useState)(null);
+			const [modelQuery, setModelQuery] = (0, react.useState)("");
+			const [groups, setGroups] = (0, react.useState)([]);
+			const [loadingGroups, setLoadingGroups] = (0, react.useState)(false);
+			const [dragIndex, setDragIndex] = (0, react.useState)(null);
+			const [dragOverIndex, setDragOverIndex] = (0, react.useState)(null);
+			const mounted = (0, react.useRef)(true);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				loadGroups();
+				return () => {
+					mounted.current = false;
+				};
+			}, []);
+			/** 打开弹窗时才拉取可用模型（按供应商分组）。 */
+			const loadGroups = async () => {
+				setLoadingGroups(true);
+				try {
+					const data = await (await fetch(`${ROUTER_API_BASE}/combos`, { cache: "no-store" })).json();
+					if (mounted.current) setGroups(data.groups ?? []);
+				} catch {
+					if (mounted.current) setGroups([]);
+				} finally {
+					if (mounted.current) setLoadingGroups(false);
+				}
+			};
+			const showToast = (msg) => {
+				setToast(msg);
+				window.setTimeout(() => {
+					if (mounted.current) setToast(null);
+				}, 2500);
+			};
+			const openCreate = () => {
+				setForm({
+					name: "",
+					strategy: "fallback",
+					models: []
+				});
+				setModelQuery("");
+				setFormError("");
+				setEditing(null);
+				setShowForm(true);
+				loadGroups();
+			};
+			const openEdit = (combo) => {
+				setForm({
+					name: combo.name,
+					strategy: combo.strategy,
+					models: [...combo.models]
+				});
+				setModelQuery("");
+				setFormError("");
+				setEditing(combo);
+				setShowForm(true);
+				loadGroups();
+			};
+			const patchForm = (patch) => {
+				setForm((prev) => ({
+					...prev,
+					...patch
+				}));
+			};
+			const toggleModel = (id) => {
+				patchForm({ models: form.models.includes(id) ? form.models.filter((m) => m !== id) : [...form.models, id] });
+			};
+			const handleDragStart = (index) => {
+				setDragIndex(index);
+			};
+			const handleDragOver = (e, index) => {
+				e.preventDefault();
+				if (dragOverIndex !== index) setDragOverIndex(index);
+			};
+			const handleDrop = (index) => {
+				if (dragIndex === null || dragIndex === index) {
+					setDragIndex(null);
+					setDragOverIndex(null);
+					return;
+				}
+				const next = [...form.models];
+				const [moved] = next.splice(dragIndex, 1);
+				if (moved === void 0) {
+					setDragIndex(null);
+					setDragOverIndex(null);
+					return;
+				}
+				next.splice(index, 0, moved);
+				patchForm({ models: next });
+				setDragIndex(null);
+				setDragOverIndex(null);
+			};
+			const removeModel = (index) => {
+				patchForm({ models: form.models.filter((_, i) => i !== index) });
+			};
+			const save = async () => {
+				if (form.name.trim() === "") {
+					setFormError("组合名不能为空");
+					return;
+				}
+				if (form.models.length === 0) {
+					setFormError("至少需要一个模型");
+					return;
+				}
+				setSaving(true);
+				setFormError("");
+				try {
+					const isEdit = editing !== null;
+					const data = await (await fetch(`${ROUTER_API_BASE}/combos/${isEdit ? "update" : "create"}`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify(isEdit ? {
+							id: editing.id,
+							name: form.name.trim(),
+							strategy: form.strategy,
+							models: form.models
+						} : {
+							name: form.name.trim(),
+							strategy: form.strategy,
+							models: form.models
+						}),
+						cache: "no-store"
+					})).json();
+					if (data.ok) {
+						setShowForm(false);
+						onRefresh();
+						showToast(isEdit ? "组合已更新" : "组合已创建");
+					} else setFormError(data.error ?? "保存失败");
+				} catch (err) {
+					setFormError(err.message);
+				} finally {
+					setSaving(false);
+				}
+			};
+			const doDelete = async (id) => {
+				const data = await (await fetch(`${ROUTER_API_BASE}/combos/remove`, {
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({ id }),
+					cache: "no-store"
+				})).json();
+				setDeleteTarget(null);
+				if (data.ok) {
+					onRefresh();
+					showToast("组合已删除");
+				} else showToast(data.error ?? "删除失败");
+			};
+			const copyName = async (name, id) => {
+				try {
+					await navigator.clipboard.writeText(name);
+					setCopied(id);
+					window.setTimeout(() => setCopied(null), 1500);
+				} catch {}
+			};
+			const updateStrategy = async (id, strategy) => {
+				const combo = combos.find((c) => c.id === id);
+				if (!combo) return;
+				const data = await (await fetch(`${ROUTER_API_BASE}/combos/update`, {
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({
+						id,
+						name: combo.name,
+						strategy,
+						models: combo.models
+					}),
+					cache: "no-store"
+				})).json();
+				if (data.ok) {
+					onRefresh();
+					showToast(`策略已切换为${strategy === "round-robin" ? "轮询" : "回退"}`);
+				} else showToast(data.error ?? "更新失败");
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshr-tabBody",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "dshr-card dshr-comboIntro",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-cardHead",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshr-cardIcon",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+										d: I.layers,
+										size: 16
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dshr-cardTitle",
+									children: "组合"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshr-muted dshr-comboIntroDesc",
+									children: "请求传组合名,在一组模型中按策略命中"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dshr-primaryButton dshr-cardAction",
+									onClick: openCreate,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+										d: I.add,
+										size: 14
+									}), "创建组合"]
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-comboIntroBody",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshr-comboHeaderKey",
+									children: "回退"
+								}),
+								" 按顺序尝试,前面失败时用下一个",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshr-comboHeaderKey dshr-comboHeaderKey-2",
+									children: "轮询"
+								}),
+								" 在模型间轮转分配请求"
+							]
+						})]
+					}),
+					combos.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dshr-keyEmpty",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dshr-keyEmptyIcon",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+									d: I.layers,
+									size: 30
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dshr-keyEmptyTitle",
+								children: "暂无组合"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dshr-keyEmptyDesc",
+								children: "创建组合,在一组模型中按策略命中"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: "dshr-primaryButton",
+								onClick: openCreate,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+									d: I.add,
+									size: 14
+								}), "创建组合"]
+							})
+						]
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dshr-comboList",
+						children: combos.map((combo) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "dshr-card dshr-comboCard",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-cardHead",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshr-cardIcon",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+											d: I.layers,
+											size: 16
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+										className: "dshr-comboName",
+										children: combo.name
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dshr-muted dshr-cardMeta",
+										children: [combo.models.length, " 模型"]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshr-comboOps",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+												className: "dshr-input dshr-comboStrategySelect",
+												value: combo.strategy,
+												title: "组合策略",
+												onChange: (e) => void updateStrategy(combo.id, e.target.value),
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "fallback",
+													children: "回退"
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "round-robin",
+													children: "轮询"
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dshr-iconBtn dshr-iconBtn-sm",
+												title: "复制组合名",
+												onClick: () => void copyName(combo.name, combo.id),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+													d: copied === combo.id ? I.check : I.copy,
+													size: 15
+												})
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dshr-iconBtn dshr-iconBtn-sm",
+												title: "编辑",
+												onClick: () => openEdit(combo),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+													d: I.edit,
+													size: 15
+												})
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dshr-iconBtn dshr-iconBtn-sm dshr-comboOpBtn-danger",
+												title: "删除",
+												onClick: () => setDeleteTarget(combo),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+													d: I.delete,
+													size: 15
+												})
+											})
+										]
+									})
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-comboCardBody",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dshr-comboChips",
+									children: combo.models.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshr-muted dshr-comboEmptySteps",
+										children: "无模型"
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [combo.models.slice(0, 4).map((model, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dshr-comboChip",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dshr-comboChipNum",
+											children: i + 1
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dshr-comboChipSupplier",
+											children: aliasOf(model) ? `${aliasOf(model)}/${model}` : model
+										})]
+									}, `${model}-${i}`)), combo.models.length > 4 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dshr-comboMore",
+										children: [
+											"+",
+											combo.models.length - 4,
+											" more"
+										]
+									})] })
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dshr-muted dshr-reason",
+									children: combo.strategy === "fallback" ? "按此顺序尝试模型;当前模型不可用时换下一个。" : "请求在模型间轮转分配。"
+								})]
+							})]
+						}, combo.id))
+					}),
+					showForm && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Modal, {
+						title: editing !== null ? "编辑组合" : "创建组合",
+						onClose: () => setShowForm(false),
+						className: "dshr-modal-wide",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-modalForm",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-comboFormSplit",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "dshr-comboFormDivider",
+											"aria-hidden": "true"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dshr-comboFormLeft",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: "dshr-formLabel",
+														children: "组合名"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														className: "dshr-input dshr-mono",
+														placeholder: "my-combo",
+														value: form.name,
+														onChange: (e) => patchForm({ name: e.target.value }),
+														autoFocus: true
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: "dshr-formHint",
+														children: "只能含字母、数字、-、_ 和 ."
+													})
+												] }),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+													className: "dshr-formLabel",
+													children: "策略"
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+													className: "dshr-input",
+													value: form.strategy,
+													onChange: (e) => patchForm({ strategy: e.target.value }),
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+														value: "fallback",
+														children: "回退 — 按顺序尝试,失败换下一个"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+														value: "round-robin",
+														children: "轮询 — 在模型间轮转分配"
+													})]
+												})] }),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+													className: "dshr-formLabel",
+													children: [
+														"模型（已选 ",
+														form.models.length,
+														"）"
+													]
+												}), form.models.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "dshr-comboEmptyStepsBox",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+														d: I.layers,
+														size: 20
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: "dshr-muted",
+														children: "还没有模型"
+													})]
+												}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: "dshr-comboStepList",
+													children: form.models.map((model, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: `dshr-comboStepRow${dragIndex === index ? " dshr-comboStepRow-dragging" : ""}${dragOverIndex === index && dragIndex !== null && dragIndex !== index ? " dshr-comboStepRow-over" : ""}`,
+														draggable: true,
+														onDragStart: () => handleDragStart(index),
+														onDragOver: (e) => handleDragOver(e, index),
+														onDrop: () => handleDrop(index),
+														onDragEnd: () => {
+															setDragIndex(null);
+															setDragOverIndex(null);
+														},
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: "dshr-comboGrip",
+																title: "拖拽排序",
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+																	d: I.grip,
+																	size: 14
+																})
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: "dshr-comboStepNum",
+																children: index + 1
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+																className: "dshr-comboSelectedModel",
+																children: aliasOf(model) ? `${aliasOf(model)}/${model}` : model
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: "dshr-iconBtn dshr-iconBtn-sm dshr-comboStepRemove",
+																title: "移除",
+																onClick: () => removeModel(index),
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+																	d: I.delete,
+																	size: 14
+																})
+															})
+														]
+													}, `${model}-${index}`))
+												})] })
+											]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dshr-comboFormRight",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+													className: "dshr-formLabel",
+													children: "添加模型"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "dshr-modelSearch dshr-comboModelSearch",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dshr-modelSearchIcon",
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+															d: I.search,
+															size: 13
+														})
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														className: "dshr-input",
+														placeholder: "搜索模型…",
+														value: modelQuery,
+														onChange: (e) => setModelQuery(e.target.value)
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: "dshr-comboPickList",
+													children: loadingGroups ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: "dshr-muted dshr-comboPickEmpty",
+														children: "加载中…"
+													}) : groups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: "dshr-muted dshr-comboPickEmpty",
+														children: "没有可添加的模型"
+													}) : groups.map((g) => {
+														const items = g.models.filter((m) => !form.models.includes(m.id) && (modelQuery === "" || m.id.toLowerCase().includes(modelQuery.toLowerCase())));
+														if (items.length === 0) return null;
+														return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: "dshr-comboPickGroup",
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+																className: "dshr-comboPickGroupTitle",
+																children: [
+																	g.supplier.name,
+																	" · ",
+																	g.supplier.alias
+																]
+															}), items.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: "dshr-comboPickItem",
+																onClick: () => toggleModel(m.id),
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: "dshr-comboPickName",
+																	children: m.id
+																})
+															}, m.id))]
+														}, g.supplier.id);
+													})
+												})
+											]
+										})
+									]
+								}),
+								formError !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-alert",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "出错了" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formError })]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-modalActions",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dshr-miniButton",
+										onClick: () => setShowForm(false),
+										children: "取消"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dshr-primaryButton",
+										onClick: () => void save(),
+										disabled: saving || form.name.trim() === "" || form.models.length === 0,
+										children: saving ? "保存中…" : editing !== null ? "保存" : "创建"
+									})]
+								})
+							]
+						})
+					}),
+					deleteTarget !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Modal, {
+						title: "删除组合",
+						onClose: () => setDeleteTarget(null),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshr-modalForm",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: "dshr-muted",
+								children: [
+									"确定删除组合「",
+									deleteTarget.name,
+									"」吗？"
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-modalActions",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-miniButton",
+									onClick: () => setDeleteTarget(null),
+									children: "取消"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dshr-dangerButton",
+									onClick: () => void doDelete(deleteTarget.id),
+									children: "删除"
+								})]
+							})]
+						})
+					}),
+					toast !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dshr-toast",
+						children: toast
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/RouterView.tsx
+		/**
+		* 路由系统 (Routing System) panel — a simplified 9router.
+		*
+		* Three tabs fed by the host half (/router/api/*), mirroring 9router's
+		* dashboard: 供应商 (supplier cards → detail: accounts + add-account + models),
+		* 组合 (combo fallback chains), 端点与密钥 (endpoint URL + API keys + auth).
+		*
+		* Masthead: 返回会话 button on the LEFT, refresh on the right.
+		* No online/offline concept — suppliers render whatever state they have.
+		*/
+		async function getJson(path) {
+			const response = await fetch(`${ROUTER_API_BASE}${path}`, { cache: "no-store" });
+			if (!response.ok) throw new Error(`HTTP ${response.status}`);
+			return response.json();
+		}
+		function RouterView({ onBack }) {
+			const [tab, setTab] = (0, react.useState)("suppliers");
+			const [detailSupplier, setDetailSupplier] = (0, react.useState)(null);
+			const [snapshot, setSnapshot] = (0, react.useState)({
+				health: null,
+				status: null,
+				combos: null
+			});
+			const [refreshing, setRefreshing] = (0, react.useState)(false);
+			const mounted = (0, react.useRef)(true);
+			const refresh = async () => {
+				if (refreshing) return;
+				setRefreshing(true);
+				try {
+					const [health, status, combos] = await Promise.all([
+						getJson("/health").catch(() => null),
+						getJson("/status").catch(() => null),
+						getJson("/combos").catch(() => null)
+					]);
+					if (mounted.current) setSnapshot({
+						health,
+						status,
+						combos
+					});
+				} finally {
+					if (mounted.current) setRefreshing(false);
+				}
+			};
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				refresh();
+				return () => {
+					mounted.current = false;
+				};
+			}, []);
+			const suppliers = snapshot.health?.suppliers ?? [];
+			const accounts = snapshot.status?.accounts ?? [];
+			const combos = snapshot.combos?.combos ?? [];
+			const suppliersError = snapshot.status?.ok === false ? snapshot.status.error : void 0;
+			const combosError = snapshot.combos?.ok === false ? snapshot.combos.error : void 0;
+			/** 渲染一组供应商卡片（内置 / 插件分开）。 */
+			const renderSupplierGroup = (title, group) => {
+				if (group.length === 0) return null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshr-supplierGroup",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dshr-supplierGroupTitle",
+						children: title
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dshr-supplierGrid",
+						children: group.map((supplier) => {
+							const supplierAccounts = accounts.filter((a) => a.supplier === supplier.id);
+							const healthy = supplierAccounts.filter((a) => !a.cooling && !a.disabled).length;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								className: "dshr-supplierCard",
+								onClick: () => setDetailSupplier(supplier),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-supplierRow",
+									children: [supplier.icon !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+										className: "dshr-supplierIcon",
+										src: supplier.icon,
+										alt: ""
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dshr-supplierName",
+										children: supplier.name
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshr-supplierMeta",
+									children: [supplierAccounts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dshr-muted",
+										children: [
+											supplierAccounts.length,
+											"/",
+											healthy,
+											" 健康"
+										]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshr-chevron",
+										children: "›"
+									})]
+								})]
+							}, supplier.id);
+						})
+					})]
+				});
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshr-shell",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: "dshr-masthead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: "dshr-backButton",
+							onClick: onBack,
+							title: "返回会话",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+								viewBox: "0 0 16 16",
+								width: "15",
+								height: "15",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1.5",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10 3 5 8l5 5" })
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "返回会话" })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dshr-brand",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshr-brandTitle",
+								children: ROUTER_TITLE
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+						className: "dshr-nav",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								"aria-current": tab === "suppliers" ? "page" : void 0,
+								onClick: () => setTab("suppliers"),
+								children: ["供应商 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshr-navCount",
+									children: suppliers.length
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								"aria-current": tab === "combos" ? "page" : void 0,
+								onClick: () => setTab("combos"),
+								children: ["组合 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshr-navCount",
+									children: combos.length
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								"aria-current": tab === "endpoint" ? "page" : void 0,
+								onClick: () => setTab("endpoint"),
+								children: "端点与密钥"
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dshr-content",
+						children: [
+							tab === "suppliers" && (detailSupplier !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SupplierDetail, {
+								supplier: detailSupplier,
+								accounts,
+								statusLoading: snapshot.status === null,
+								onBack: () => setDetailSupplier(null),
+								onRefresh: () => void refresh()
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshr-tabBody",
+								children: [
+									suppliers.length === 0 && snapshot.health !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dshr-empty",
+										children: "暂无供应商"
+									}),
+									renderSupplierGroup("内置", suppliers.filter((s) => s.source !== "external")),
+									renderSupplierGroup("插件", suppliers.filter((s) => s.source === "external")),
+									suppliersError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dshr-empty",
+										children: suppliersError
+									})
+								]
+							})),
+							tab === "combos" && (snapshot.combos === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshr-tabBody",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dshr-empty",
+									children: "加载中…"
+								})
+							}) : combosError !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshr-tabBody",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dshr-empty",
+									children: combosError
+								})
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CombosTab, {
+								combos,
+								aliases: snapshot.combos?.aliases ?? [],
+								onRefresh: () => void refresh()
+							})),
+							tab === "endpoint" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EndpointTab, {})
+						]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/sidebar-entry.ts
+		/**
+		* Mount a self-healing sidebar entry for the 路由系统 (Routing System),
+		* placed directly ABOVE dsh-mnemon's 记忆系统 entry when that is present.
+		*
+		* The DOM pattern mirrors dsh-mnemon's sidebar-entry.ts: an official-style
+		* row under the New Session row, with a MutationObserver keeping it in place
+		* as the shell re-renders. We deliberately order the family selector so the
+		* router entry sits above the memory entry.
+		*/
+		/** Other plugin families that occupy the same sidebar region. */
+		var FAMILY_SELECTOR = "[data-dsh-taskboard-entry], [data-dsh-ssh-entry], [data-dsh-mnemon-entry], [data-dsh-router-entry]";
+		/** The entry we want to sit above (dsh-mnemon's 记忆系统), when present. */
+		var ABOVE_TARGET_SELECTOR = "[data-dsh-mnemon-entry]";
+		function sidebarRoot() {
+			const column = document.querySelector("[data-pane=\"sidebar\"], [class*=\"sidebarCol\"], .dshDesktopUpstreamSidebar");
+			if (column === null) return void 0;
+			return column.querySelector("[class*=\"logoRow\"]")?.parentElement ?? column.firstElementChild;
+		}
+		function newSessionButton(root) {
+			const nested = root.querySelector("button[class*=\"newSession\"]");
+			if (nested !== null) return nested;
+			for (const child of root.children) if (child.tagName === "BUTTON") return child;
+		}
+		function createIcon() {
+			const namespace = "http://www.w3.org/2000/svg";
+			const icon = document.createElementNS(namespace, "svg");
+			icon.setAttribute("viewBox", "0 0 16 16");
+			icon.setAttribute("width", "18");
+			icon.setAttribute("height", "18");
+			icon.setAttribute("fill", "none");
+			icon.setAttribute("stroke", "currentColor");
+			icon.setAttribute("stroke-width", "1.5");
+			icon.setAttribute("stroke-linecap", "round");
+			icon.setAttribute("stroke-linejoin", "round");
+			icon.setAttribute("aria-hidden", "true");
+			const c1 = document.createElementNS(namespace, "circle");
+			c1.setAttribute("cx", "3.5");
+			c1.setAttribute("cy", "3.5");
+			c1.setAttribute("r", "1.6");
+			const c2 = document.createElementNS(namespace, "circle");
+			c2.setAttribute("cx", "12.5");
+			c2.setAttribute("cy", "3.5");
+			c2.setAttribute("r", "1.6");
+			const c3 = document.createElementNS(namespace, "circle");
+			c3.setAttribute("cx", "8");
+			c3.setAttribute("cy", "12.5");
+			c3.setAttribute("r", "1.6");
+			const p1 = document.createElementNS(namespace, "path");
+			p1.setAttribute("d", "M5.1 3.5h6.8");
+			const p2 = document.createElementNS(namespace, "path");
+			p2.setAttribute("d", "M3.5 5.1v4.3c0 1.7 2 2.2 3 2.4");
+			const p3 = document.createElementNS(namespace, "path");
+			p3.setAttribute("d", "M12.5 5.1v4.3c0 1.7-2 2.2-3 2.4");
+			icon.append(c1, c2, c3, p1, p2, p3);
+			return icon;
+		}
+		function createEntry(controller) {
+			const entry = document.createElement("button");
+			entry.type = "button";
+			entry.dataset.dshRouterEntry = "";
+			entry.className = "dshr-entry";
+			const icon = document.createElement("span");
+			icon.className = "dshr-entryIcon";
+			icon.append(createIcon());
+			const label = document.createElement("span");
+			label.className = "dshr-entryLabel";
+			entry.append(icon, label);
+			entry.addEventListener("click", () => {
+				controller.toggle();
+			});
+			return {
+				entry,
+				label
+			};
+		}
+		function placeEntry(root, entry) {
+			const button = newSessionButton(root);
+			if (button === void 0) return false;
+			if (entry.parentElement === root) return true;
+			const row = button.closest("[class*=\"logoRow\"]");
+			const base = row !== null && row.parentElement === root ? row : button;
+			const family = Array.from(root.children).filter((element) => element instanceof HTMLElement && element.matches(FAMILY_SELECTOR));
+			const aboveTarget = Array.from(root.children).find((element) => element instanceof HTMLElement && element.matches(ABOVE_TARGET_SELECTOR));
+			let anchor;
+			if (aboveTarget !== void 0) anchor = aboveTarget;
+			else anchor = family.at(-1)?.nextElementSibling ?? base.nextElementSibling;
+			root.insertBefore(entry, anchor);
+			return true;
+		}
+		/** Mount a self-healing 路由系统 entry above the 记忆系统 row. */
+		function mountRouterSidebarEntry(controller) {
+			const { entry, label } = createEntry(controller);
+			let root;
+			let placed = false;
+			const syncLabel = () => {
+				if (entry.getAttribute("aria-label") !== "路由系统") entry.setAttribute("aria-label", ROUTER_TITLE);
+				if (entry.title !== "路由系统") entry.title = ROUTER_TITLE;
+				if (label.textContent !== "路由系统") label.textContent = ROUTER_TITLE;
+			};
+			const rootObserver = new MutationObserver(() => {
+				if (root === void 0 || !root.isConnected) {
+					placed = false;
+					tryPlace();
+					return;
+				}
+				if (!root.contains(entry)) placed = placeEntry(root, entry);
+			});
+			const tryPlace = () => {
+				syncLabel();
+				if (root !== void 0 && !root.isConnected) {
+					rootObserver.disconnect();
+					root = void 0;
+					placed = false;
+				}
+				if (placed && document.body.contains(entry)) return;
+				if (placed) {
+					rootObserver.disconnect();
+					root = void 0;
+					placed = false;
+				}
+				root ?? (root = sidebarRoot());
+				if (root === void 0) return;
+				placed = placeEntry(root, entry);
+				if (placed) rootObserver.observe(root, {
+					childList: true,
+					subtree: true
+				});
+			};
+			const waitObserver = new MutationObserver(tryPlace);
+			waitObserver.observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+			const syncActive = () => {
+				if (controller.getSnapshot().open) entry.dataset.active = "true";
+				else delete entry.dataset.active;
+			};
+			const unsubscribe = controller.subscribe(syncActive);
+			syncActive();
+			tryPlace();
+			return () => {
+				waitObserver.disconnect();
+				rootObserver.disconnect();
+				unsubscribe();
+				entry.remove();
+			};
+		}
+		//#endregion
+		//#region \0@oxc-project+runtime@0.139.0/helpers/esm/typeof.js
+		function _typeof(o) {
+			"@babel/helpers - typeof";
+			return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+				return typeof o;
+			} : function(o) {
+				return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+			}, _typeof(o);
+		}
+		//#endregion
+		//#region \0@oxc-project+runtime@0.139.0/helpers/esm/toPrimitive.js
+		function toPrimitive(t, r) {
+			if ("object" != _typeof(t) || !t) return t;
+			var e = t[Symbol.toPrimitive];
+			if (void 0 !== e) {
+				var i = e.call(t, r || "default");
+				if ("object" != _typeof(i)) return i;
+				throw new TypeError("@@toPrimitive must return a primitive value.");
+			}
+			return ("string" === r ? String : Number)(t);
+		}
+		//#endregion
+		//#region \0@oxc-project+runtime@0.139.0/helpers/esm/toPropertyKey.js
+		function toPropertyKey(t) {
+			var i = toPrimitive(t, "string");
+			return "symbol" == _typeof(i) ? i : i + "";
+		}
+		//#endregion
+		//#region \0@oxc-project+runtime@0.139.0/helpers/esm/defineProperty.js
+		function _defineProperty(e, r, t) {
+			return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+				value: t,
+				enumerable: !0,
+				configurable: !0,
+				writable: !0
+			}) : e[r] = t, e;
+		}
+		//#endregion
+		//#region src/client/workspace-controller.ts
+		/** Small framework-neutral state holder shared by the sidebar row and panel. */
+		var RouterWorkspaceController = class {
+			constructor() {
+				_defineProperty(this, "snapshot", { open: false });
+				_defineProperty(this, "listeners", /* @__PURE__ */ new Set());
+				_defineProperty(this, "getSnapshot", () => this.snapshot);
+				_defineProperty(this, "subscribe", (listener) => {
+					this.listeners.add(listener);
+					return () => {
+						this.listeners.delete(listener);
+					};
+				});
+			}
+			open() {
+				this.setOpen(true);
+			}
+			close() {
+				this.setOpen(false);
+			}
+			toggle() {
+				this.setOpen(!this.snapshot.open);
+			}
+			setOpen(open) {
+				if (this.snapshot.open === open) return;
+				this.snapshot = { open };
+				for (const listener of this.listeners) listener();
+			}
+		};
+		//#endregion
+		//#region src/client/workspace-mount.tsx
+		/**
+		* Mount the 路由系统 center-column takeover panel, mirroring dsh-mnemon's
+		* workspace-mount.tsx: a React root appended to the conversation column,
+		* shown via `data-dsh-router-active` on <html>, and coordinated with the
+		* other sidebar panels (taskboard / ssh / mnemon) through the shared
+		* `dsh-panel-activate` event.
+		*/
+		var CONVERSATION_COLUMN_SELECTOR = "[data-pane=\"conversation\"], [class*=\"centerCol\"], .dshDesktopConversationSurface";
+		var ACTIVATE_EVENT = "dsh-panel-activate";
+		var SIDEBAR_CONTEXT_SELECTOR = "[class*=\"sessionRow\"], [class*=\"projectRow\"], [class*=\"searchResultRow\"], [class*=\"searchResultWorkspace\"], [class*=\"newSession\"]";
+		function conversationColumn() {
+			return document.querySelector(CONVERSATION_COLUMN_SELECTOR) ?? void 0;
+		}
+		function mountPanel(controller) {
+			function Panel() {
+				(0, react.useEffect)(() => {
+					const original = document.title;
+					document.title = ROUTER_TITLE;
+					return () => {
+						document.title = original;
+					};
+				}, []);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RouterView, { onBack: () => controller.close() });
+			}
+			let root;
+			let container;
+			const ensure = () => {
+				if (container !== void 0 && container.isConnected) return;
+				if (container !== void 0) {
+					root?.unmount();
+					root = void 0;
+					container = void 0;
+				}
+				const column = conversationColumn();
+				if (column === void 0) return;
+				container = document.createElement("div");
+				container.dataset.dshRouterView = "";
+				container.className = "dshr-panelView";
+				column.append(container);
+				root = (0, react_dom_client.createRoot)(container);
+				root.render(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Panel, {}));
+			};
+			const waitObserver = new MutationObserver(ensure);
+			waitObserver.observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+			let suppressCompatibilityClose = false;
+			const applyActive = () => {
+				if (!controller.getSnapshot().open) {
+					document.documentElement.removeAttribute(ROUTER_ACTIVE_ATTR);
+					return;
+				}
+				suppressCompatibilityClose = true;
+				document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: "ssh" }));
+				document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: "taskboard" }));
+				suppressCompatibilityClose = false;
+				document.documentElement.setAttribute(ROUTER_ACTIVE_ATTR, "");
+				document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: "router" }));
+			};
+			const onOtherPanelActivate = (event) => {
+				if (suppressCompatibilityClose || !controller.getSnapshot().open) return;
+				const detail = event.detail;
+				if (detail === "taskboard" || detail === "ssh" || detail === "mnemon") controller.close();
+			};
+			const onSidebarContextClick = (event) => {
+				if (!controller.getSnapshot().open) return;
+				const target = event.target;
+				if (target instanceof Element && target.closest(SIDEBAR_CONTEXT_SELECTOR) !== null) controller.close();
+			};
+			document.addEventListener("click", onSidebarContextClick, true);
+			document.addEventListener(ACTIVATE_EVENT, onOtherPanelActivate);
+			const unsubscribe = controller.subscribe(applyActive);
+			applyActive();
+			ensure();
+			return () => {
+				document.removeEventListener("click", onSidebarContextClick, true);
+				document.removeEventListener(ACTIVATE_EVENT, onOtherPanelActivate);
+				waitObserver.disconnect();
+				unsubscribe();
+				document.documentElement.removeAttribute(ROUTER_ACTIVE_ATTR);
+				root?.unmount();
+				root = void 0;
+				container?.remove();
+				container = void 0;
+			};
+		}
+		/** Mount the sidebar row and its stateful center-column workspace as one unit. */
+		function mountRouterWorkspace() {
+			if (typeof document === "undefined" || typeof window === "undefined") return () => {};
+			const controller = new RouterWorkspaceController();
+			const disposeEntry = mountRouterSidebarEntry(controller);
+			const disposePanel = mountPanel(controller);
+			return () => {
+				disposePanel();
+				disposeEntry();
+			};
+		}
+		//#endregion
+		//#region src/client/index.tsx
+		/**
+		* Client half of dsh-router: mounts the 路由系统 sidebar entry and its
+		* center-column panel. Pure DOM + fetch — no injected DSH services needed:
+		* the panel reads /router/api/* (same-origin), which the host half serves.
+		*/
+		/** No hard service dependencies; the web shell injects react/cordis. */
+		var inject = [];
+		/** Mount the routing-system workspace once the browser context is ready. */
+		function apply(ctx) {
+			ctx.effect(() => mountRouterWorkspace(), "dsh-router: routing system workspace");
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map