@ljwei-stak/dsh-model-route-bot 0.66.3 → 0.67.0

package/apps/integration-client/independent-chat.css

@@ -0,0 +1,73 @@
+body[data-bot-product-ui] .ic-shell{height:100%;min-height:0;display:flex;background:var(--bp-chat-canvas);color:var(--bp-chat-ink);font:14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}
+.ic-context-boundary{display:flex;align-items:center;gap:12px;color:var(--bp-chat-muted);font-size:11px}.ic-context-boundary:before,.ic-context-boundary:after{content:"";height:1px;background:var(--bp-chat-line);flex:1}
+.ic-request.ic-request-working{display:flex;align-items:center;justify-content:space-between;gap:12px}.ic-request-working .ic-request-actions{margin:0;flex:none}.ic-request-working>span{min-width:0}
+.ic-streaming{align-self:flex-start;max-width:90%;min-width:0;overflow-wrap:anywhere}.ic-streaming-caption{display:flex;align-items:center;gap:7px;color:var(--bp-chat-muted);font-size:11px;margin-bottom:8px}.ic-streaming-dot{width:6px;height:6px;border-radius:50%;background:var(--bp-chat-accent);flex:none}.ic-streaming-text{white-space:pre-wrap;line-height:1.8;color:var(--bp-chat-ink)}.ic-streaming small{display:block;color:var(--bp-chat-muted);font-size:11px;margin-top:8px}
+.ic-shell *{box-sizing:border-box}.ic-shell button,.ic-native-entry{font:inherit;cursor:pointer}.ic-shell button:disabled{cursor:default;opacity:.5}.ic-shell button:focus-visible,.ic-shell textarea:focus-visible,.ic-native-entry:focus-visible{outline:2px solid var(--bp-chat-focus);outline-offset:3px}
+.ic-contacts{width:234px;flex:none;background:var(--bp-chat-sidebar);border-right:1px solid var(--bp-chat-line);padding:18px 10px;display:flex;flex-direction:column;min-height:0}.ic-contact-title{display:flex;align-items:center;gap:9px;padding:0 12px 20px}.ic-contacts nav{flex:1;min-height:0;overflow:auto}.ic-contacts nav button{border:0;color:var(--bp-chat-ink);display:flex;align-items:center;gap:10px;text-align:left;width:100%;background:transparent;padding:12px 10px;border-radius:12px;margin:3px 0}.ic-contacts nav button:hover,.ic-contacts nav button[aria-current=page]{background:var(--bp-chat-hover)}.ic-contacts nav button>span:last-child{min-width:0}.ic-contacts strong{font-weight:600}.ic-contacts small{display:block;color:var(--bp-chat-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px;font-size:12px}.ic-team-link{background:transparent;border:0;border-top:1px solid var(--bp-chat-line);padding:15px 12px 0;color:var(--bp-chat-muted);display:flex;justify-content:space-between;align-items:center}
+.ic-avatar{width:38px;height:38px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:var(--bp-chat-inset);color:var(--bp-chat-accent);flex:none}.ic-avatar-large{width:64px;height:64px;border-radius:23px}.ic-conversation{flex:1;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column}.ic-header{height:78px;flex:none;padding:12px 28px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--bp-chat-line)}.ic-heading{min-width:0;flex:1}.ic-heading strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}.ic-heading small{font-size:12px;color:var(--bp-chat-muted)}.ic-header-actions{display:flex;gap:4px}.ic-header-actions button{width:34px;height:34px;display:grid;place-items:center;background:transparent;color:var(--bp-chat-muted);border:0;border-radius:9px}.ic-header-actions button:hover{background:var(--bp-chat-inset)}
+.ic-transcript{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:22px 26px}.ic-message-column{max-width:790px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;gap:22px}.ic-message{max-width:90%;align-self:flex-start;min-width:0;overflow-wrap:anywhere}.ic-message-user{align-self:flex-end;max-width:78%}.ic-message-meta{display:flex;align-items:center;gap:9px;color:var(--bp-chat-muted);font-size:11px;padding:0 3px 6px}.ic-message-meta strong{font-weight:500}.ic-message-user .ic-message-meta{justify-content:flex-end}.ic-bubble{white-space:pre-wrap;font-size:14px;line-height:1.8;color:var(--bp-chat-ink)}.ic-message-user .ic-bubble{background:var(--bp-chat-user);color:var(--bp-chat-on-user);padding:10px 16px;border-radius:17px 17px 5px 17px}.ic-message-source{display:block;color:var(--bp-chat-muted);font-size:10px;margin-top:7px}.ic-message-tool,.ic-message-system{color:var(--bp-chat-muted);border-left:2px solid var(--bp-chat-line);padding-left:12px}.ic-message-tool .ic-bubble,.ic-message-system .ic-bubble{color:var(--bp-chat-muted);font-size:12px}.ic-tool-detail{font-size:12px;color:var(--bp-chat-muted);margin-top:8px}.ic-tool-detail p{margin:7px 0}.ic-tool-detail small{overflow-wrap:anywhere}.ic-empty{flex:1;display:flex;min-height:200px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:var(--bp-chat-muted)}.ic-empty strong{font-size:17px;color:var(--bp-chat-ink)}.ic-empty p{max-width:360px;margin:0}.ic-load-older{align-self:center;background:transparent;border:1px solid var(--bp-chat-line);border-radius:18px;padding:6px 14px;color:var(--bp-chat-muted)}
+.ic-composer-area{flex:none;padding:8px 28px 12px;max-height:53%;overflow:auto}.ic-composer-area>*{max-width:790px;margin-left:auto;margin-right:auto}.ic-composer{border:1px solid var(--bp-chat-line-strong);border-radius:19px;background:var(--bp-chat-surface);padding:12px 14px 10px;box-shadow:var(--bp-chat-shadow)}.ic-composer textarea{display:block;width:100%;max-height:160px;min-height:54px;resize:vertical;border:0;background:transparent;color:var(--bp-chat-ink);padding:0 2px;font:14px/1.65 inherit;font-family:inherit}.ic-composer textarea::placeholder{color:var(--bp-chat-muted)}.ic-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px}.ic-composer-footer>span{font-size:11px;color:var(--bp-chat-muted)}.ic-composer-footer button{display:flex;align-items:center;gap:7px;flex:none;border:0;border-radius:12px;background:var(--bp-chat-user);color:var(--bp-chat-on-user);padding:8px 13px;min-height:36px}.ic-capability-note{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--bp-chat-muted);margin-top:8px;margin-bottom:0}.ic-capability-note button{font:inherit;color:inherit;background:transparent;border:0;text-decoration:underline;padding:0}.ic-request{border-radius:11px;background:var(--bp-chat-inset);padding:10px 13px;margin-bottom:10px;font-size:12px;overflow-wrap:anywhere}.ic-request>small{display:block;font-size:10px;color:var(--bp-chat-muted);margin-top:4px}.ic-request-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.ic-request button,.ic-alert button,.ic-placeholder button{background:var(--bp-chat-surface);color:var(--bp-chat-ink);border:1px solid var(--bp-chat-line-strong);border-radius:8px;padding:5px 9px;font-size:12px;display:inline-flex;align-items:center;gap:5px;min-height:32px}.ic-stop{margin-left:auto}.ic-alert{margin:8px 16px;padding:11px 13px;border-radius:10px;color:var(--bp-chat-danger);background:var(--bp-chat-danger-bg);font-size:12px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;overflow-wrap:anywhere}.ic-composer-area .ic-alert{margin:0 auto 9px}.ic-placeholder{margin:auto;padding:28px;text-align:center;color:var(--bp-chat-muted)}.ic-scroll-latest{position:absolute;right:25px;bottom:220px;display:flex;align-items:center;gap:5px;z-index:2;border:1px solid var(--bp-chat-line-strong);border-radius:20px;padding:7px 12px;background:var(--bp-chat-surface);color:var(--bp-chat-ink);box-shadow:var(--bp-chat-shadow)}.ic-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
+.ic-native-entry{display:inline-flex;align-items:center;gap:6px;color:var(--bp-chat-ink);background:var(--bp-chat-inset);border:1px solid var(--bp-chat-line-strong);border-radius:12px;padding:7px 10px;white-space:nowrap;max-width:100%;font-size:12px}
+.ic-heading .ic-model{display:flex;align-items:center;gap:5px;max-width:100%;border:0;background:transparent;color:var(--bp-chat-muted);font-size:12px;padding:2px 0;line-height:1.5}.ic-model span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-model svg{flex:none}.ic-heading .ic-model:hover{color:var(--bp-chat-ink)}.ic-model[data-model-different] span:after{content:' · 已选与最近应用不同'}.ic-composer textarea{font-size:14px;line-height:1.65}
+/* The public Markdown primitive reads the Host token vocabulary. These local
+   aliases keep it on the same contact/chat palette, including user bubbles. */
+.ic-rich-body {
+  --dsw-alias-label-primary: var(--bp-chat-ink);
+  --dsw-alias-label-secondary: var(--bp-chat-muted);
+  --dsw-alias-label-tertiary: var(--bp-chat-muted);
+  --dsw-alias-label-caption: var(--bp-chat-muted);
+  --dsw-alias-link: var(--bp-chat-accent);
+  --dsw-alias-bg-base: var(--bp-chat-canvas);
+  --dsw-alias-border-l1: var(--bp-chat-line-strong);
+  --dsw-alias-border-l2: var(--bp-chat-line);
+  --dsw-alias-border-l3: var(--bp-chat-line);
+  --dsw-alias-markdown-inline-code: var(--bp-chat-inset);
+  --dsw-alias-markdown-code-block: var(--bp-chat-inset);
+  --dsw-alias-markdown-code-block-banner: var(--bp-chat-hover);
+  --dsw-focus-ring-color: var(--bp-chat-focus);
+  --dsw-radius-lg: 12px;
+  --dsw-radius-md: 8px;
+  --dsw-radius-sm: 5px;
+  --dsw-radius-xs: 3px;
+  --dsw-font-family: system-ui,-apple-system,"Segoe UI",sans-serif;
+  --ds-font-family-code: Consolas,"SFMono-Regular",monospace;
+  --dsw-font-markdown-base: 14px/1.8 var(--dsw-font-family);
+  --dsw-font-markdown-base-strong: 600 14px/1.8 var(--dsw-font-family);
+  --dsw-font-markdown-h1: 600 21px/1.5 var(--dsw-font-family);
+  --dsw-font-markdown-h2: 600 18px/1.5 var(--dsw-font-family);
+  --dsw-font-markdown-h3: 600 16px/1.5 var(--dsw-font-family);
+  --dsw-font-markdown-h4: 600 14px/1.5 var(--dsw-font-family);
+  --dsw-font-markdown-code: 12px/1.6 var(--ds-font-family-code);
+  --dsw-font-markdown-code-block: 12px/1.7 var(--ds-font-family-code);
+  --dsw-font-markdown-table: 12px/1.6 var(--dsw-font-family);
+  --dsw-font-markdown-table-head: 600 12px/1.6 var(--dsw-font-family);
+  --shiki-foreground: var(--bp-chat-ink);
+  --shiki-background: var(--bp-chat-inset);
+  --shiki-token-comment: var(--bp-chat-muted);
+  --shiki-token-string: var(--bp-chat-accent);
+  --shiki-token-constant: var(--bp-chat-accent);
+  --shiki-token-keyword: var(--bp-chat-accent);
+  --shiki-token-function: var(--bp-chat-ink);
+  --shiki-token-parameter: var(--bp-chat-ink);
+  --shiki-token-punctuation: var(--bp-chat-muted);
+  --shiki-token-string-expression: var(--bp-chat-accent);
+  --shiki-token-link: var(--bp-chat-accent);
+  min-width:0; max-width:100%; white-space:normal;
+}
+.ic-message-user .ic-rich-body{--dsw-alias-label-primary:var(--bp-chat-on-user);--dsw-alias-label-secondary:var(--bp-chat-on-user);--dsw-alias-label-tertiary:var(--bp-chat-on-user);--dsw-alias-label-caption:var(--bp-chat-on-user);--dsw-alias-link:var(--bp-chat-on-user)}
+.ic-rich-body .md-code-block{--dsw-alias-label-primary:var(--bp-chat-ink);--dsw-alias-label-tertiary:var(--bp-chat-muted);min-width:0;max-width:100%;overflow:clip;border:1px solid var(--bp-chat-line);color:var(--bp-chat-ink)}
+.ic-rich-body .md-code-block pre{max-width:100%;overflow-x:auto;white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important;overscroll-behavior-x:contain}
+.ic-rich-body .md-code-block pre code{white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important}
+.ic-rich-body .md-code-block [data-code-block-banner]{flex-wrap:wrap;position:relative;gap:8px;min-height:36px}
+.ic-rich-body .md-code-block [data-code-block-banner] button{min-height:28px;font-size:11px;color:var(--bp-chat-ink)}
+.ic-rich-body .md-table-wide{width:100%;max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain}
+.ic-rich-body table{color:inherit}.ic-rich-body a{overflow-wrap:anywhere;text-decoration:underline}.ic-rich-body :where(img,svg){max-width:100%}.ic-rich-body .katex-display{overflow-x:auto;overflow-y:hidden;max-width:100%;padding:3px 0}
+.ic-rich-message-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:7px;font-size:11px;color:var(--bp-chat-muted);max-width:100%}
+.ic-message-user .ic-rich-message-actions{justify-content:flex-end}.ic-rich-message-actions>button{background:transparent;border:0;color:inherit;font-size:11px;padding:3px 0;min-height:28px}.ic-rich-message-actions>button:hover{text-decoration:underline}
+.ic-rich-message-actions>span[data-copy-ok=false],.ic-rich-code-feedback[data-copy-ok=false]{color:var(--bp-chat-danger)}
+.ic-rich-code-feedback{font:11px/1.5 system-ui,sans-serif;color:var(--bp-chat-muted);flex-basis:100%;overflow-wrap:anywhere}
+.ic-rich-raw summary{cursor:pointer;min-height:28px;display:flex;align-items:center}.ic-rich-raw summary:hover{text-decoration:underline}.ic-rich-raw[open]{width:100%;flex-basis:100%}.ic-rich-raw textarea{width:100%;min-height:120px;max-height:250px;border:1px solid var(--bp-chat-line-strong);border-radius:8px;background:var(--bp-chat-surface);color:var(--bp-chat-ink);font:12px/1.6 Consolas,monospace;resize:vertical;padding:10px;white-space:pre}
+.ic-rich-tool-calls,.ic-rich-tool-result,.ic-rich-context{font-size:12px;max-width:100%;min-width:0;color:var(--bp-chat-muted)}
+.ic-rich-tool-calls{margin-top:8px;border:1px solid var(--bp-chat-line);border-radius:11px;padding:9px 12px;background:var(--bp-chat-sidebar)}
+.ic-rich-tool-calls summary,.ic-rich-tool-result summary,.ic-rich-context summary{cursor:pointer;overflow-wrap:anywhere}.ic-rich-tool-calls h4{font-size:12px;margin:13px 0 6px;color:var(--bp-chat-ink)}.ic-rich-tool-calls dl{margin:0}.ic-rich-tool-calls dt{font-size:10px;margin:8px 0 3px}.ic-rich-tool-calls dd{margin:0;overflow-wrap:anywhere}.ic-rich-tool-calls pre,.ic-rich-tool-result pre,.ic-rich-context pre{max-width:100%;overflow:auto;padding:10px;border-radius:7px;background:var(--bp-chat-inset);color:var(--bp-chat-ink);white-space:pre;overscroll-behavior-x:contain;font:11px/1.65 Consolas,monospace}.ic-rich-tool-note{font-size:10px;margin:7px 0;color:var(--bp-chat-muted)}.ic-rich-tool-error{color:var(--bp-chat-danger)}
+@media(max-width:650px){.ic-shell{flex-direction:column}.ic-contacts{width:100%;padding:7px 10px;border-right:0;border-bottom:1px solid var(--bp-chat-line);max-height:66px}.ic-contact-title,.ic-team-link{display:none}.ic-contacts nav{display:flex;gap:5px;overflow:auto;flex:none}.ic-contacts nav button{width:auto;flex:none;padding:5px 10px;margin:0;border-radius:12px;max-width:210px}.ic-contacts nav button small{display:none}.ic-contacts .ic-avatar{width:30px;height:30px;border-radius:10px}.ic-contacts nav button strong{white-space:nowrap;font-size:13px}.ic-header{height:68px;padding:10px 15px;gap:9px}.ic-heading small{font-size:10px}.ic-header-actions button{width:30px}.ic-transcript{padding:17px 16px}.ic-message-column{gap:20px}.ic-message{max-width:100%}.ic-message-user{max-width:88%}.ic-composer-area{padding:7px 12px 10px}.ic-composer{padding:10px 12px 8px;border-radius:16px}.ic-composer-footer>span{font-size:10px}.ic-capability-note{font-size:9px}.ic-request{padding:8px 10px}.ic-scroll-latest{right:17px}.ic-native-entry{font-size:11px;padding:6px}.ic-native-entry>svg:last-child{display:none}}

package/apps/integration-client/index.jsx

@@ -5,39 +5,44 @@ import { apply as applyMr } from '../../.dsh-plugin/client/official-harness.jsx'
 import { createProductApi, PRODUCT_PANELS } from './api.mjs'
 import { ProductNavigation, ProductPage } from './panels.jsx'
 import css from './product.css'
+import workspaceCss from './workspace.css'
+import chatCss from './chat.css'
+import desktopCss from './desktop.css'
+import usageCss from './usage.css'
+import notificationsCss from './notifications.css'
+import dataCss from './data.css'
+import botThreadsCss from './bot-threads.css'
+import webPanelCss from './web-panel.css'
+import composerDraftCss from './composer-draft.css'
+import botThreadHeaderCss from './bot-thread-header-bridge.css'
+import { createProductSlots } from './product-slots.jsx'
 import { installDesktopBridge } from './desktop-bridge.mjs'
 import { DesktopPane } from './desktop-pane.jsx'
+import { installWorkspaceAppearance } from './workspace-ui.jsx'
+import { IndependentChatPage } from './independent-chat-page.jsx'
+import { INDEPENDENT_CHAT_PANEL } from './independent-chat-navigation.mjs'
+import independentChatCss from './independent-chat.css'
 
 export const inject = [...new Set([...dsInject, 'remote'])]
 export { ProductPage, ProductNavigation, PRODUCT_PANELS }
 
-export function productSlots(slots, openPanel) {
-  return new Proxy(slots, { get(target, key) {
-    if (key === 'register') return (options, component) => {
-      if (component !== TeamSidebar) return target.register(options, component)
-      const Sidebar = props => {
-        const sidebarAddon = () => <ProductNavigation panels={PRODUCT_PANELS} openPanel={openPanel} compact={!props.wide} />
-        return <TeamSidebar {...props} actions={{ ...props.actions, sidebarAddon }} />
-      }
-      Sidebar.dsBotTeamSidebar = TeamSidebar
-      return target.register(options, Sidebar)
-    }
-    const value = Reflect.get(target, key, target)
-    return typeof value === 'function' ? value.bind(target) : value
-  } })
+export function productSlots(slots, openPanel, productApi, client) {
+  return createProductSlots(slots,openPanel,productApi,TeamSidebar,client)
 }
 
 export async function apply(ctx) {
   const api = createProductApi()
   ctx.effect(() => installDesktopBridge(api, props => <DesktopPane {...props} />), 'bot-product: desktop bridge')
   const openPanel = id => ctx.layout.selectPanel(id)
-  const slots = productSlots(ctx.slots, openPanel)
+  const slots = productSlots(ctx.slots, openPanel, api, { sessionBindingOf: id => ctx.sessions.binding(id), openSession: id => ctx.uiWorkspace.openSession(id) })
   const dsContext = new Proxy(ctx, { get: (target, key) => key === 'slots' ? slots : Reflect.get(target, key, target) })
   ctx.effect(() => {
     const previous = document.body.getAttribute('data-bot-product-ui')
     document.body.setAttribute('data-bot-product-ui', '1')
-    const style = document.createElement('style'); style.dataset.botProduct = '1'; style.textContent = css; document.head.append(style)
+    const style = document.createElement('style'); style.dataset.botProduct = '1'; style.textContent = `${css}\n${workspaceCss}\n${chatCss}\n${desktopCss}\n${usageCss}\n${notificationsCss}\n${dataCss}\n${botThreadsCss}\n${webPanelCss}\n${composerDraftCss}\n${botThreadHeaderCss}\n${independentChatCss}`; document.head.append(style)
+    const disposeAppearance = installWorkspaceAppearance(window)
     return () => {
+      disposeAppearance()
       style.remove()
       if (previous === null) document.body.removeAttribute('data-bot-product-ui')
       else document.body.setAttribute('data-bot-product-ui', previous)
@@ -45,6 +50,9 @@ export async function apply(ctx) {
   }, 'bot-product: styles')
   applyDs(dsContext)
   const disposeMr = await applyMr(ctx)
+  ctx.effect(() => ctx.slots.inject('main', () => ctx.slots.register({ name: 'main', key: INDEPENDENT_CHAT_PANEL,
+    inject: () => ({ productApi: api, openPanel, openSession: id => ctx.uiWorkspace.openSession(id) }),
+  }, IndependentChatPage)), 'bot-product: independent chat')
   for (const [section, key] of Object.entries(PRODUCT_PANELS)) {
     ctx.effect(() => ctx.slots.inject('main', () => ctx.slots.register({ name: 'main', key,
       inject: () => ({ section, productApi: api, openPanel,

package/apps/integration-client/library-panel.jsx

@@ -11,7 +11,7 @@ const fileBase64 = file => new Promise((resolve, reject) => {
   reader.readAsDataURL(file)
 })
 
-export function LibraryPanel({ snapshot, dispatch, busy }) {
+export function LibraryPanel({ snapshot, dispatch, busy, focus }) {
   const bots = snapshot.bots ?? []
   const [botId, setBotId] = useState(bots[0]?.id ?? '')
   const [path, setPath] = useState('')
@@ -45,6 +45,9 @@ export function LibraryPanel({ snapshot, dispatch, busy }) {
   }, [botId, path, call])
   useEffect(() => { setEditor(null); setDeleteName(null); setEntries([]); setSearchResults(null); void load(); return () => { sequence.current++ } }, [load])
   useEffect(() => { if (!botId && bots[0]) setBotId(bots[0].id) }, [botId, bots])
+  useEffect(() => {
+    if (focus?.botId && bots.some(bot => bot.id === focus.botId)) { setBotId(focus.botId); setPath(''); setEditor(null); setSearchResults(null) }
+  }, [focus?.version, focus?.botId])
   useEffect(() => {
     if (!editor?.line || !editorRef.current) return
     const textarea = editorRef.current, lines = textarea.value.split('\n')

package/apps/integration-client/licenses/jsqr-1.4.0-LICENSE.txt

@@ -0,0 +1,202 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright {yyyy} {name of copyright owner}
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+

package/apps/integration-client/main-route-editor.jsx

@@ -0,0 +1,94 @@
+import React, { useState } from 'react'
+import { BotModelPicker } from './model-picker.jsx'
+import { UiIcon } from './ui-icons.jsx'
+import { accountFor, findModel, FUNDING_MODES, numberOrNull, routeOf, textOf } from './binding-model.mjs'
+import { MAIN_LIMIT_FIELDS, newMainRoute } from './main-route-model.mjs'
+
+const PRICES = [['input', '输入价格'], ['output', '输出价格'], ['cacheRead', '缓存读取价格'], ['cacheWrite', '缓存写入价格']]
+const BOUNDS = [['maxInputTokens', '最大输入 Token'], ['maxOutputTokens', '最大输出 Token']]
+
+function NumberField({ label, value, onChange, min = 0, step = 'any' }) {
+  return <label className="bb-field"><span>{label}</span>
+    <input type="number" min={min} step={step} value={textOf(value)} onChange={event => onChange(event.target.value)} />
+  </label>
+}
+
+function EnableAccount({ account, onEnable }) {
+  const [daily, setDaily] = useState(textOf(account.dailyLimitUsd))
+  const [monthly, setMonthly] = useState(textOf(account.monthlyLimitUsd))
+  const day = numberOrNull(daily), month = numberOrNull(monthly)
+  return <div className="bb-route-account">
+    <div className="bb-fields">
+      <NumberField label="账户每日上限（USD）" value={daily} onChange={setDaily} />
+      <NumberField label="账户每月上限（USD）" value={monthly} onChange={setMonthly} />
+    </div>
+    <button type="button" disabled={day === null || month === null || day < 0 || month < 0}
+      onClick={() => onEnable(account, day, month)}>启用 {account.provider} 资金范围</button>
+  </div>
+}
+
+export function MainRouteEditor({ draft, defaultRoute, catalog, accounts, busy, onChange, onDefault, onEnableAccount, onSingleRoute }) {
+  const used = new Set(draft.routes.map(routeOf))
+  const offered = (catalog?.models ?? []).filter(model => !used.has(routeOf(model)))
+  const update = (index, route) => onChange({ ...draft, routes: draft.routes.map((item, at) => at === index ? route : item) })
+  return <section className="bb-route-editor" aria-label="Main 模型路线">
+    <header className="bb-route-heading">
+      <strong><UiIcon name="chart" size={16} />Main 模型路线</strong>
+      <span className="bb-pill">{draft.routes.filter(route => route.enabled).length} / {draft.routes.length} 已启用</span>
+      <p className="bb-note">每条路线单独设置资金渠道。API 路线共用金额预算，订阅路线共用调用次数。</p>
+    </header>
+    <fieldset className="bb-fieldset" disabled={busy}>
+      <details className="bb-fold">
+        <summary>共享预算与订阅次数</summary>
+        <div className="bb-fold-body">
+          <div className="bb-fields">{Object.entries(MAIN_LIMIT_FIELDS).flatMap(([mode, fields]) => fields.map(([key, label]) =>
+            <NumberField key={key} label={label} value={draft.limits[mode]?.[key]} step={mode === 'subscription' ? 1 : 'any'}
+              onChange={value => onChange({ ...draft, limits: { ...draft.limits, [mode]: { ...draft.limits[mode], [key]: value } } })} />))}</div>
+          <p className="bb-note">每日与每月限额成对填写。0 表示禁止消费或调用。</p>
+        </div>
+      </details>
+      {draft.routes.map((route, index) => {
+        const id = routeOf(route), model = findModel(catalog, id), primary = defaultRoute === id
+        const account = accountFor(accounts, route.provider), funding = route.funding
+        const changeFunding = patch => update(index, { ...route, funding: { ...funding, ...patch } })
+        return <details key={id} className="bb-route" data-main-route={id}>
+          <summary><span><strong>{model?.label ?? route.model}</strong><small>{id}</small></span>
+            <span className="bb-pill" data-tone={route.enabled && account?.enabled && model ? 'current' : 'muted'}>
+              {primary ? '默认 · ' : ''}{route.enabled ? (account?.enabled && model ? '已启用' : '待配置') : '已停用'}</span>
+          </summary>
+          <div className="bb-fold-body">
+            <div className="bb-row">
+              <label className="bb-check"><input type="checkbox" aria-label={`启用路线 ${id}`} checked={route.enabled} onChange={event => update(index, { ...route, enabled: event.target.checked })} />启用路线</label>
+              <button type="button" className="bb-link" disabled={primary || !route.enabled || !model} onClick={() => onDefault(route)}>设为默认</button>
+              <button type="button" className="bb-link" disabled={primary} onClick={() => onChange({ ...draft, routes: draft.routes.filter(item => item !== route) })}>移除路线</button>
+            </div>
+            <label className="bb-field"><span>资金渠道</span>
+              <select value={funding.mode} onChange={event => changeFunding({ mode: event.target.value, pricing: model?.pricing ?? null, request: null })}>
+                {FUNDING_MODES.filter(mode => mode.value === funding.mode || !model?.fundingModes || model.fundingModes.includes(mode.value))
+                  .map(mode => <option value={mode.value} key={mode.value}>{mode.label}</option>)}
+              </select>
+            </label>
+            <p className="bb-note">{account?.id === funding.scopeId ? `${account.provider} · ${account.enabled ? '资金范围已启用' : '资金范围未启用'}` : '需要重新选择此提供商的资金范围。'}</p>
+            {account && account.id !== funding.scopeId && <button type="button" className="bb-link" onClick={() => changeFunding({ scopeId: account.id })}>选择 {account.provider} 资金范围</button>}
+            {account && !account.enabled && <EnableAccount key={`${account.id}:${account.revision}`} account={account} onEnable={onEnableAccount} />}
+            {funding.mode === 'api' && <>
+              <div className="bb-fields">{PRICES.map(([key, label]) => <NumberField key={key} label={`${label}（USD / 百万 Token）`} value={funding.pricing?.[key]}
+                onChange={value => changeFunding({ pricing: { ...funding.pricing, [key]: value } })} />)}
+                {BOUNDS.map(([key, label]) => <NumberField key={key} label={label} value={funding.request?.[key]} min={1} step={1}
+                  onChange={value => changeFunding({ request: { ...funding.request, [key]: value } })} />)}
+              </div>
+              {model?.pricing && <button type="button" className="bb-link" onClick={() => changeFunding({ pricing: { ...model.pricing } })}>使用宿主登记的准确价格</button>}
+            </>}
+          </div>
+        </details>
+      })}
+      {offered.length > 0 && draft.routes.length < 64 && <BotModelPicker label="添加路线" models={offered} disabled={busy}
+        note="添加后先配置资金渠道和限额，再启用该路线。"
+        onSelect={model => onChange({ ...draft, routes: [...draft.routes, newMainRoute(model, accounts)] })} />}
+      <div className="bb-row">
+        <button type="button" className="bb-link" onClick={onSingleRoute}>改用单路线</button>
+        <small className="bb-note">保存后只保留默认模型的资金配置。</small>
+      </div>
+    </fieldset>
+  </section>
+}

package/apps/integration-client/main-route-model.mjs

@@ -0,0 +1,100 @@
+import { accountFor, findModel, numberOrNull, routeOf, scopeAllows, textOf } from './binding-model.mjs'
+
+export const MAIN_LIMIT_FIELDS = {
+  api: [['dailyBudgetUsd', '共享每日 API 预算（USD）'], ['monthlyBudgetUsd', '共享每月 API 预算（USD）']],
+  subscription: [['dailyCalls', '共享每日订阅次数'], ['monthlyCalls', '共享每月订阅次数']],
+}
+
+const pair = (value, first, second) => {
+  const a = numberOrNull(value?.[first]), b = numberOrNull(value?.[second])
+  return a === null || b === null ? null : { [first]: a, [second]: b }
+}
+
+function routeDraft(model, account, funding = null, enabled = false) {
+  return {
+    provider: model.provider, model: model.model, enabled,
+    funding: {
+      mode: funding?.mode ?? model.fundingModes?.[0] ?? 'api',
+      scopeId: funding?.scopeId ?? account?.id ?? null,
+      pricing: funding ? funding.pricing ?? null : model.pricing ?? null,
+      request: funding?.request ?? null,
+    },
+  }
+}
+
+export const newMainRoute = (model, accounts) => routeDraft(model, accountFor(accounts, model.provider))
+
+export function startMainRoutes(form, model, account, savedFunding) {
+  const pricing = pair(form, 'input', 'output')
+  const savedPrice = savedFunding?.pricing
+  const exactPrice = pricing && savedPrice?.input === pricing.input && savedPrice?.output === pricing.output ? savedPrice : pricing
+  return {
+    schemaVersion: 1,
+    limits: {
+      api: { dailyBudgetUsd: form.daily, monthlyBudgetUsd: form.monthly },
+      subscription: { dailyCalls: form.dailyCalls, monthlyCalls: form.monthlyCalls },
+    },
+    routes: model ? [routeDraft(model, account, {
+      mode: form.fundingMode, scopeId: account?.id,
+      pricing: form.fundingMode === 'api' ? exactPrice : null,
+      request: form.fundingMode === 'api' ? pair(form, 'maxInputTokens', 'maxOutputTokens') : null,
+    }, form.enabled && Boolean(account?.enabled))] : [],
+  }
+}
+
+export function mainRoutePayload(draft) {
+  if (!draft) return draft
+  return {
+    schemaVersion: 1,
+    limits: Object.fromEntries(Object.entries(MAIN_LIMIT_FIELDS).map(([mode, [[first], [second]]]) => [mode, pair(draft.limits[mode], first, second)])),
+    routes: draft.routes.map(route => {
+      const funding = route.funding
+      const pricing = funding.mode === 'api' ? pair(funding.pricing, 'input', 'output') : null
+      if (pricing) for (const key of ['cacheRead', 'cacheWrite']) {
+        const value = numberOrNull(funding.pricing[key])
+        if (value !== null) pricing[key] = value
+      }
+      return { ...route, funding: { mode: funding.mode, scopeId: funding.scopeId, pricing,
+        request: funding.mode === 'api' ? pair(funding.request, 'maxInputTokens', 'maxOutputTokens') : null } }
+    }),
+  }
+}
+
+export function mainDefaultFields(draft, routeId) {
+  const route = draft.routes.find(item => routeOf(item) === routeId)
+  if (!route) return {}
+  return {
+    fundingMode: route.funding.mode, input: textOf(route.funding.pricing?.input), output: textOf(route.funding.pricing?.output),
+    maxInputTokens: textOf(route.funding.request?.maxInputTokens), maxOutputTokens: textOf(route.funding.request?.maxOutputTokens),
+    daily: textOf(draft.limits.api?.dailyBudgetUsd), monthly: textOf(draft.limits.api?.monthlyBudgetUsd),
+    dailyCalls: textOf(draft.limits.subscription?.dailyCalls), monthlyCalls: textOf(draft.limits.subscription?.monthlyCalls),
+  }
+}
+
+export function mainRouteProblems(draft, { defaultRoute, enabled, catalog, accounts }) {
+  const settings = mainRoutePayload(draft)
+  const problems = []
+  const valid = (value, minimum = 0, integer = false) => Number.isFinite(value) && value >= minimum && (!integer || Number.isSafeInteger(value))
+  if (enabled && !settings.routes.some(route => route.enabled && routeOf(route) === defaultRoute)) problems.push('请从已启用的路线中选择默认模型。')
+  for (const [mode, fields] of Object.entries(MAIN_LIMIT_FIELDS)) {
+    const values = fields.map(([key]) => numberOrNull(draft.limits[mode]?.[key]))
+    if (values.some(value => value !== null) && !values.every(value => valid(value, 0, mode === 'subscription'))) {
+      problems.push(`${mode === 'api' ? 'API 预算' : '订阅次数'}的每日与每月限额需同时填写。`)
+    }
+  }
+  for (const route of settings.routes) {
+    if (!route.enabled) continue
+    const id = routeOf(route), model = findModel(catalog, id), { mode, scopeId, pricing, request } = route.funding
+    const account = accountFor(accounts, route.provider)
+    const scope = (catalog?.fundingScopes ?? []).find(item => item.id === scopeId)
+    if (!model || (model.fundingModes && !model.fundingModes.includes(mode)) || account?.id !== scopeId || !account?.enabled || !scopeAllows(scope, mode, id)) {
+      problems.push(`${id} 需要有效的模型、渠道和已启用的资金范围。`)
+    }
+    if (!settings.limits[mode]) problems.push(`${id} 需要填写共享${mode === 'api' ? ' API 预算' : '订阅次数'}。`)
+    if (mode === 'api' && (!(pricing ?? model?.pricing) || !Object.values(pricing ?? model.pricing).every(value => valid(value))
+      || !valid(request?.maxInputTokens, 1, true) || !valid(request?.maxOutputTokens, 1, true))) {
+      problems.push(`${id} 需要准确价格与正整数请求上界。`)
+    }
+  }
+  return problems
+}

package/apps/integration-client/model-picker.css

@@ -0,0 +1,37 @@
+html body[data-bot-product-ui] .bp-model-picker { display: flex; align-items: center; gap: 20px; color: var(--bp-ink); }
+html body[data-bot-product-ui] .bp-model-picker-label { flex: 1; font-size: 14px; font-weight: 550; }
+html body[data-bot-product-ui] .bp-model-picker-trigger { display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-width: 240px; max-width: 360px; padding: 9px 12px; border: 1px solid var(--bp-border); border-radius: 10px; background: var(--bp-surface); color: var(--bp-ink); cursor: pointer; text-align: left; font: inherit; }
+html body[data-bot-product-ui] .bp-model-current { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 3px; }
+html body[data-bot-product-ui] .bp-model-current strong { font-size: 13px; font-weight: 550; overflow-wrap: anywhere; }
+html body[data-bot-product-ui] .bp-model-current small { color: var(--bp-muted); font-size: 11px; }
+html body[data-bot-product-ui] .bp-model-provider-mark { display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 8px; background: var(--bp-subtle); color: var(--bp-ink); font-size: 11px; font-weight: 650; }
+html body[data-bot-product-ui] .bp-model-picker-note { flex-basis: 100%; margin: 0; font-size: 12px; line-height: 1.5; color: var(--bp-muted); }
+html body[data-bot-product-ui] .bp-model-picker { flex-wrap: wrap; }
+html body[data-bot-product-ui] .bp-model-popover { position: fixed; z-index: 11000; display: flex; flex-direction: column; box-sizing: border-box; border: 1px solid var(--bp-border, #dce2da); border-radius: 14px; background: var(--bp-surface, #fff); color: var(--bp-ink, #253d30); font: 13px var(--bp-font, system-ui); box-shadow: 0 12px 44px #0003; overflow: hidden; }
+html body[data-bot-product-ui] .bp-model-popover * { box-sizing: border-box; }
+html body[data-bot-product-ui] .bp-model-popover button { font: inherit; }
+html body[data-bot-product-ui] .bp-model-search { display: flex; align-items: center; gap: 9px; padding: 12px; border-bottom: 1px solid var(--bp-border); flex: none; }
+html body[data-bot-product-ui] .bp-model-search input { flex: 1; width: 0; padding: 5px 0; border: 0; outline: 0; background: transparent; color: inherit; font: inherit; }
+html body[data-bot-product-ui] .bp-model-search button { display: grid; place-items: center; padding: 5px; border: 0; border-radius: 6px; background: transparent; color: var(--bp-muted); cursor: pointer; }
+html body[data-bot-product-ui] .bp-model-options { display: grid; grid-template-columns: 155px minmax(0, 1fr); min-height: 180px; max-height: 340px; overflow: hidden; }
+html body[data-bot-product-ui] .bp-model-provider-rail { display: flex; flex-direction: column; gap: 3px; overflow-y: auto; padding: 8px; border-right: 1px solid var(--bp-border); background: var(--bp-subtle); }
+html body[data-bot-product-ui] .bp-model-provider-rail button { display: flex; align-items: center; justify-content: flex-start; gap: 8px; min-height: 36px; padding: 7px; border: 0; border-radius: 7px; background: transparent; color: var(--bp-ink); cursor: pointer; text-align: left; overflow-wrap: anywhere; }
+html body[data-bot-product-ui] .bp-model-provider-rail button span { display: grid; place-items: center; flex: none; width: 23px; height: 23px; border-radius: 6px; background: var(--bp-surface); font-size: 9px; font-weight: 650; }
+html body[data-bot-product-ui] .bp-model-provider-rail button[aria-pressed=true] { background: var(--bp-surface); box-shadow: 0 0 0 1px var(--bp-border); font-weight: 600; }
+html body[data-bot-product-ui] .bp-model-results { min-width: 0; overflow-y: auto; padding: 8px; }
+html body[data-bot-product-ui] .bp-model-results-caption { display: flex; justify-content: space-between; margin: 4px 7px 8px; font-size: 11px; color: var(--bp-muted); }
+html body[data-bot-product-ui] .bp-model-option { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 50px; padding: 9px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--bp-ink); text-align: left; cursor: pointer; }
+html body[data-bot-product-ui] .bp-model-option > span { display: flex; flex-direction: column; gap: 5px; min-width: 0; overflow-wrap: anywhere; }
+html body[data-bot-product-ui] .bp-model-option strong { font-size: 13px; font-weight: 550; }
+html body[data-bot-product-ui] .bp-model-option small { font-size: 11px; line-height: 1.4; color: var(--bp-muted); }
+html body[data-bot-product-ui] .bp-model-option[aria-pressed=true], html body[data-bot-product-ui] .bp-model-popover button:hover { background: var(--bp-hover); }
+html body[data-bot-product-ui] .bp-model-popover button:focus-visible, html body[data-bot-product-ui] .bp-model-picker-trigger:focus-visible { outline: 2px solid var(--bp-focus); outline-offset: -2px; }
+html body[data-bot-product-ui] .bp-model-popover footer { padding: 10px 14px; font-size: 11px; color: var(--bp-muted); border-top: 1px solid var(--bp-border); }
+html body[data-bot-product-ui] .bp-model-empty { padding: 15px 10px; color: var(--bp-muted); line-height: 1.6; }
+@media (max-width: 520px) {
+  html body[data-bot-product-ui] .bp-model-picker { align-items: stretch; gap: 10px; }
+  html body[data-bot-product-ui] .bp-model-picker-label { flex-basis: 100%; }
+  html body[data-bot-product-ui] .bp-model-picker-trigger { flex: 1; min-width: 0; max-width: 100%; }
+  html body[data-bot-product-ui] .bp-model-options { grid-template-columns: 118px minmax(0, 1fr); }
+  html body[data-bot-product-ui] .bp-model-provider-rail button { font-size: 11px; }
+}