@goodandready/dsh-model-sync 0.5.15 → 0.5.17

package/README.md

@@ -78,8 +78,13 @@ graph LR
 
 ## ✨ Key Features
 
+* 🏷️ **Smart Collections & Catalog Auto-Tagging**: Automatically categorizes models into standardized tags (`coding`, `reasoning`, `fast`, `vision`, `long-context`) during discovery, provides fast pill-button filtering in the Web UI, and introduces a one-click "⭐ Curated Best" selection preset for top flagship models.
+* ⚡ **Latency TTFT Radar & Sparklines**: Probes response latency and Time To First Token (TTFT) across models, renders ASCII sparklines (` ▂▃▂ `) and 4-tier speed badges (⚡ `< 300ms`, 🟢 `< 1.2s`, 🟡 `1.5 - 3.0s`, 🔴 `> 3.0s`), and exposes `GET /dsh-model-sync/health/latency` for intelligent downstream routing.
+* 💸 **Dynamic Live Pricing Sync & Prompt Caching**: Periodic background updates of live model pricing from OpenRouter and LiteLLM snapshots with persistent disk fallback cache, tracking prompt cache read/write costs (`cacheReadPerToken`, `cacheWritePerToken`), with `GET /dsh-model-sync/pricing` and `POST /dsh-model-sync/pricing/sync` endpoints.
 * 💰 **Built-in Reference Pricing Database**: Canonical token pricing database automatically enriches models for OpenAI, Anthropic, Groq, Mistral, xAI, and DeepSeek, enabling cost-limit filtering and `@cheap` auto-resolution even when upstream APIs omit pricing metadata.
 * 🎯 **Dynamic Smart Virtual Aliases & Auto-Fallback**: Route requests to virtual aliases like `@fast`, `@cheap`, and `@best-code`, with automatic fallback chains when circuit breakers open or health probes fail.
+* 📏 **Real Context Limits & Boundary Safety (`contextWindow` / `maxOutputTokens`)**: precise separation of input and generation limits, prevention of 400 `max_tokens` errors via auto-clamping, and clear `In: 128k | Out: 8k` badges in Web UI.
+* 🧠 **Unified Reasoning & Thinking Configuration**: automatic format detection (`effort`, `budget_tokens`, `boolean`) and parameter translation with suppression of incompatible options (such as `temperature` on o1/o3).
 * 🔔 **External Diff Webhooks & Event Dispatching**: Real-time webhook notifications with HMAC-SHA256 signature verification and Cordis `model-sync/diff` events when models are added, deprecated, or prices change.
 * ⚡ **High-Performance Policy Filtering**: Fast-path evaluation in `filterModels` bypasses regular expressions and array filtering when no filtering policy is configured, guaranteeing zero-overhead discovery runs.
 * 🔄 **One-Click In-App Updates**: Built-in update checker in Settings with automatic npm cache bypass on demand (`?fresh=1` / `Cache-Control: no-cache`), ensuring instantaneous discovery of new package releases.

package/README.ru.md

@@ -78,8 +78,13 @@ graph LR
 
 ## ✨ Ключевые возможности
 
+* 🏷️ **Смарт-коллекции и авто-тегирование каталога**: Автоматическое присвоение тегов моделям (`coding`, `reasoning`, `fast`, `vision`, `long-context`) при синхронизации, фильтрация по тегам pill-кнопками в Web UI и пресет «⭐ Curated Best» для выбора лучших флагманских моделей в один клик.
+* ⚡ **Радар задержек (Latency & TTFT) и спарклайны**: Измерение времени ответа и Time To First Token (TTFT), визуализация спарклайнами (` ▂▃▂ `) с 4 градациями скорости (⚡ `< 300мс`, 🟢 `< 1.2с`, 🟡 `1.5 - 3.0с`, 🔴 `> 3.0с`) и эндпоинт `GET /dsh-model-sync/health/latency` для агентов-маршрутизаторов.
+* 💸 **Динамическая синхронизация цен и учёт Prompt Caching**: Фоновое обновление актуальных тарифов из OpenRouter и LiteLLM с дисковым fallback-кэшем, поддержка скидок кэширования промптов (`cacheReadPerToken`, `cacheWritePerToken`) и эндпоинты `GET /dsh-model-sync/pricing`, `POST /dsh-model-sync/pricing/sync`.
 * 💰 **Встроенная база эталонных цен токенов**: Автоматическое обогащение моделей тарифами для OpenAI, Anthropic, Groq, Mistral, xAI и DeepSeek, обеспечивающее работу лимитов цен и псевдонима `@cheap` даже при отсутствии метаданных в API провайдера.
 * 🎯 **Динамические «умные» псевдонимы и авто-фоллбэк**: Поддержка виртуальных алиасов (`@fast`, `@cheap`, `@best-code`) и цепочек резервирования с автопереключением при размыкании Circuit Breaker.
+* 📏 **Реальные лимиты контекста и авто-клампинг (`contextWindow` / `maxOutputTokens`)**: точное разделение входного и выходного лимита токенов, защита от ошибок 400 `max_tokens` и индикация `Вход: 128k | Выход: 8k` в Web UI.
+* 🧠 **Унификация параметров Reasoning & Thinking**: автоматическое определение формата (`effort`, `budget_tokens`, `boolean`) и параметров бюджета рассуждений с подавлением несовместимых параметров (например, `temperature` для o1/o3).
 * 🔔 **Внешние Diff Webhooks и диспетчеризация событий**: Уведомления в реальном времени с проверкой подписи HMAC-SHA256 и событиями Cordis `model-sync/diff` при добавлении моделей, их устаревании или изменении цен.
 * ⚡ **Высокопроизводительная фильтрация моделей**: Быстрый путь (`fast-path`) в `filterModels` мгновенно возвращает каталог при отсутствии активных правил политики, исключая лишнюю компиляцию regex и прогоны массивов.
 * 🔄 **Обновление плагина в один клик**: Встроенный механизм проверки обновлений в Настройках со сбросом кэша npm при ручном запросе (`?fresh=1` / `Cache-Control: no-cache`), гарантирующий получение актуальной версии.

package/README.zh.md

@@ -78,8 +78,13 @@ graph LR
 
 ## ✨ 核心特性
 
+* 🏷️ **智能集合与模型自动标签**：同步时自动识别并标记模型分类标签（`coding` 编程、`reasoning` 思考推理、`fast` 极速轻量、`vision` 多模态、`long-context` 128k+ 长上下文），支持 UI 药丸胶囊快速筛选与一键精选顶级旗舰预设（"⭐ 精选最佳"）。
+* ⚡ **延迟雷达 (TTFT) 与火花线可视化**：实时测量模型响应时间与首字延迟 (TTFT)，提供火花线走势（` ▂▃▂ `）及 4 档速度徽章（⚡ `< 300ms`、🟢 `< 1.2s`、🟡 `1.5 - 3.0s`、🔴 `> 3.0s`），并开放 `GET /dsh-model-sync/health/latency` 路由接口。
+* 💸 **实时价格动态后台同步与提示词缓存**：定期从 OpenRouter 和 LiteLLM 获取最新模型单价，支持本地磁盘降级缓存，支持提示词缓存读写定价（`cacheReadPerToken`、`cacheWritePerToken`），并提供 `GET /dsh-model-sync/pricing` 和 `POST /dsh-model-sync/pricing/sync` 端点。
 * 💰 **内置基准价格数据库**：自动为 OpenAI、Anthropic、Groq、Mistral、xAI 和 DeepSeek 模型补充 Token 价格数据，即使服务商接口未返回价格，也可无缝支持成本上限过滤与 `@cheap` 别名解析。
 * 🎯 **动态智能虚拟别名与故障转移**：支持 `@fast`、`@cheap`、`@best-code` 等虚拟别名及故障转移链，在熔断器打开或健康检查失败时自动切换至备用模型。
+* 📏 **真实上下文限制与边界安全 (`contextWindow` / `maxOutputTokens`)**：精确区分输入与输出令牌限制，通过自动限制防止 400 `max_tokens` 错误，并在 Web UI 中显示 `输入: 128k | 输出: 8k` 徽章。
+* 🧠 **统一的深度思考与推理配置 (Reasoning & Thinking)**：自动检测参数格式 (`effort`, `budget_tokens`, `boolean`) 并转换推理预算，自动屏蔽不兼容参数（如 o1/o3 的 `temperature`）。
 * 🔔 **外部差异通知 Webhook 与事件分发**：支持 HMAC-SHA256 签名验证的实时 Webhook 通知与 Cordis `model-sync/diff` 事件，可在新模型上线、模型废弃或价格变更时即时推送。
 * ⚡ **高性能模型策略过滤**：在未配置过滤策略时，`filterModels` 采用快速路径直接返回模型目录，避免不必要的正则表达式编译和数组遍历。
 * 🔄 **一键检查与更新**：内置设置面板更新检查，在手动刷新时通过 `?fresh=1` 或 `Cache-Control: no-cache` 绕过 npm 缓存，即时获取最新版本。

package/lib/adapter-registry.js

@@ -32,6 +32,7 @@ const PROVIDER_ADAPTERS = Object.freeze({
       id: 'id',
       name: 'name',
       contextWindow: 'context_length',
+      maxOutputTokens: 'max_tokens',
     },
     defaultModels: [
       'deepseek/deepseek-v4.1-flash',
@@ -83,7 +84,7 @@ function mappedRows(provider, rows, descriptor) {
   return rows.map((row) => {
     const mapped = { ...(row && typeof row === 'object' ? row : {}) }
     for (const [target, source] of Object.entries(fields)) {
-      if (!['id', 'name', 'description', 'contextWindow', 'maxTokens', 'pricing', 'tags'].includes(target)) continue
+      if (!['id', 'name', 'description', 'contextWindow', 'maxTokens', 'maxOutputTokens', 'pricing', 'tags'].includes(target)) continue
       const value = pathValue(row, source)
       if (value !== undefined) mapped[target] = value
     }
@@ -128,6 +129,7 @@ function parseRows(provider, payload, descriptor) {
       id: String(row.name ?? '').replace(/^models\//, ''),
       name: row.displayName ?? row.display_name ?? row.name,
       contextWindow: row.inputTokenLimit,
+      maxOutputTokens: row.outputTokenLimit,
       maxTokens: row.outputTokenLimit,
     })))
   }
@@ -194,7 +196,7 @@ export function normalizeAdapterConfig(config, profile = {}) {
   const capabilityMap = source.capabilityMap && typeof source.capabilityMap === 'object' && !Array.isArray(source.capabilityMap) ? structuredClone(source.capabilityMap) : {}
   for (const key of Object.keys(capabilityMap)) if (!CAPABILITIES.has(key)) delete capabilityMap[key]
   const fields = source.fields && typeof source.fields === 'object' && !Array.isArray(source.fields) ? structuredClone(source.fields) : {}
-  for (const key of Object.keys(fields)) if (!['id', 'name', 'description', 'contextWindow', 'maxTokens', 'pricing', 'tags'].includes(key) || typeof fields[key] !== 'string' || fields[key].length > 128) delete fields[key]
+  for (const key of Object.keys(fields)) if (!['id', 'name', 'description', 'contextWindow', 'maxTokens', 'maxOutputTokens', 'pricing', 'tags'].includes(key) || typeof fields[key] !== 'string' || fields[key].length > 128) delete fields[key]
   for (const key of Object.keys(capabilityMap)) {
     const values = Array.isArray(capabilityMap[key]) ? capabilityMap[key] : [capabilityMap[key]]
     capabilityMap[key] = values.filter((value) => typeof value === 'string' && value.length <= 128).slice(0, 8)

package/lib/client.js

@@ -65,6 +65,14 @@ window.__ModuleLoader__.load({
       '.dms-alert-ok{background:var(--dsw-alias-state-success-secondary,var(--dsw-alias-bg-layer-2));color:var(--dsw-alias-state-success-primary)}' +
       '.dms-alert-bad{background:var(--dsw-alias-state-error-secondary,var(--dsw-alias-bg-layer-2));color:var(--dsw-alias-state-error-primary)}' +
       '.dms-probe-result{padding:2px 6px;border-radius:4px;font-family:monospace;font-size:11px;border:1px solid var(--dsw-alias-border-l2);display:inline-flex;align-items:center;gap:4px}' +
+      '.dms-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer}' +
+      '.dms-pill:hover{border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary)}' +
+      '.dms-pill-active{background:var(--dsw-alias-label-primary)!important;color:var(--dsw-alias-bg-layer-3)!important;border-color:transparent!important;font-weight:600}' +
+      '.dms-tier-lightning{border-color:#a855f7;color:#a855f7;background:rgba(168,85,247,0.1)}' +
+      '.dms-tier-fast{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-secondary,rgba(34,197,94,0.1))}' +
+      '.dms-tier-moderate{border-color:var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);background:var(--dsw-alias-state-warn-secondary,rgba(234,179,8,0.1))}' +
+      '.dms-tier-slow{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-state-error-secondary,rgba(239,68,68,0.1))}' +
+      '.dms-sparkline{font-family:monospace;letter-spacing:-1px;margin-left:3px;font-weight:bold}' +
       '@media (max-width:540px){.dms-provider{grid-template-columns:1fr!important}.dms-provider .dms-btn{justify-self:start}.dms-toolbar>div:first-child{align-items:stretch;flex-direction:column}.dms-toolbar>div:first-child select{width:100%}.dms-toolbar,.dms-section,.dms-section-card,.dms-editor{padding:11px 12px}}'
 
     function createErrorBoundary() {
@@ -228,6 +236,18 @@ window.__ModuleLoader__.load({
       notifyOnPriceChanged: 'Notify on price changes',
       saveWebhook: 'Save Webhook Settings',
       testWebhook: 'Test Webhook',
+      selectCurated: '⭐ Curated Best',
+      tagAll: 'All',
+      tagCurated: '⭐ Curated',
+      tagReasoning: '🧠 Reasoning',
+      tagCoding: '💻 Coding',
+      tagFast: '⚡ Fast',
+      tagVision: '👁️ Vision',
+      tagLongContext: '📜 128k+',
+      speedRadar: 'Latency Radar',
+      ttft: 'TTFT',
+      pricingSync: 'Sync Prices',
+      pricingSyncing: 'Syncing prices…',
       webhookTesting: 'Testing...',
       webhookSuccess: 'Webhook test succeeded',
       webhookFailed: 'Webhook test failed: %s',
@@ -295,6 +315,9 @@ window.__ModuleLoader__.load({
       saveFailed: 'Save rejected by settings service',
       scopeReadOnly: 'Settings are read-only in this environment',
       firstSeen: 'First seen',
+      contextIn: 'In',
+      contextOut: 'Out',
+      reasoningFormat: 'Reasoning',
     }
 
     const zh = {
@@ -397,6 +420,18 @@ window.__ModuleLoader__.load({
       notifyOnPriceChanged: '模型价格变更时通知',
       saveWebhook: '保存 Webhook 设置',
       testWebhook: '测试 Webhook',
+      selectCurated: '⭐ 精选最佳',
+      tagAll: '全部',
+      tagCurated: '⭐ 精选',
+      tagReasoning: '🧠 深度思考',
+      tagCoding: '💻 编程优化',
+      tagFast: '⚡ 极速轻量',
+      tagVision: '👁️ 多模态视觉',
+      tagLongContext: '📜 长上下文',
+      speedRadar: '延迟雷达',
+      ttft: '首字延迟',
+      pricingSync: '同步价格',
+      pricingSyncing: '正在同步价格…',
       webhookTesting: '正在测试...',
       webhookSuccess: 'Webhook 测试成功',
       webhookFailed: 'Webhook 测试失败：%s',
@@ -464,6 +499,98 @@ window.__ModuleLoader__.load({
       saveFailed: '设置服务拒绝保存',
       scopeReadOnly: '当前环境为只读设置',
       firstSeen: '首次发现',
+      contextIn: '输入',
+      contextOut: '输出',
+      reasoningFormat: '推理',
+    }
+
+    
+    const SPARKLINE_BARS = [' ', '▂', '▃', '▄', '▅', '▆', '▇', '█']
+    function generateSparkline(values) {
+      if (!Array.isArray(values) || values.length === 0) return ''
+      const nums = values.filter((v) => typeof v === 'number' && Number.isFinite(v))
+      if (nums.length === 0) return ''
+      if (nums.length === 1) return '▄'
+      const min = Math.min(...nums)
+      const max = Math.max(...nums)
+      if (min === max) return '▄'.repeat(nums.length)
+      const range = max - min
+      return nums.map((v) => SPARKLINE_BARS[Math.min(7, Math.max(0, Math.floor(((v - min) / range) * 7)))]).join('')
+    }
+
+    function classifySpeedTier(latencyMs, isOk = true) {
+      if (!isOk) return 'degraded'
+      if (typeof latencyMs !== 'number' || !Number.isFinite(latencyMs) || latencyMs <= 0) return 'unknown'
+      if (latencyMs < 300) return 'lightning'
+      if (latencyMs < 1200) return 'fast'
+      if (latencyMs <= 3000) return 'moderate'
+      return 'slow'
+    }
+
+    function deriveModelTags(model) {
+      if (!model || typeof model !== 'object') return []
+      const tags = new Set(Array.isArray(model.tags) ? model.tags.filter((t) => typeof t === 'string' && t.trim()).map((t) => t.trim().toLowerCase()) : [])
+      const idLower = String(model.id || '').toLowerCase()
+      const nameLower = String(model.name || '').toLowerCase()
+      const provLower = String(model.provider || '').toLowerCase()
+      const capabilities = model.capabilities || {}
+
+      if (capabilities.code === true || idLower.includes('coder') || idLower.includes('codestral') || idLower.includes('starcoder') || idLower.includes('deepseek-coder') || idLower.includes('claude-3-7-sonnet') || idLower.includes('claude-3-5-sonnet') || idLower.includes('kimi-k2.7-code') || idLower.includes('qwen-2.5-coder') || idLower.includes('qwen2.5-coder') || (/(^|[_-])(code|dev|prog)($|[_-])/i.test(idLower)) || (/(^|[_-])(code|coder)($|[_-])/i.test(nameLower))) {
+        tags.add('coding')
+      }
+      if (model.reasoningConfig?.supportsReasoning === true || capabilities.reasoning === true || /(^|[_-])(o1|o3|r1|qwq)($|[_-])/i.test(idLower) || idLower.includes('reasoner') || idLower.includes('deepseek-r1') || idLower.includes('thinking') || idLower.includes('-r1')) {
+        tags.add('reasoning')
+      }
+      if (provLower === 'groq' || provLower === 'cerebras' || idLower.includes('flash') || idLower.includes('mini') || idLower.includes('instant') || idLower.includes('haiku') || idLower.includes('small') || idLower.includes('8b') || idLower.includes('3b') || idLower.includes('1b') || idLower.includes('turbo') || idLower.includes('lite') || idLower.includes('nano')) {
+        tags.add('fast')
+      }
+      if (capabilities.vision === true || (Array.isArray(model.input) && model.input.includes('image')) || idLower.includes('vision') || idLower.includes('vl') || idLower.includes('pixtral') || idLower.includes('gemini') || idLower.includes('claude-3') || idLower.includes('4o')) {
+        tags.add('vision')
+      }
+      if (typeof model.contextWindow === 'number' && model.contextWindow >= 128000) {
+        tags.add('long-context')
+      }
+      return [...tags].sort()
+    }
+
+    function isCuratedModel(model) {
+      if (!model || typeof model !== 'object') return false
+      if (model.lifecycle?.deprecated) return false
+      const id = String(model.id || '').toLowerCase()
+      if (/-(202\d{5}|202\d-\d{2}-\d{2}|\d{4})$/.test(id) && !id.includes('claude-3-7') && !id.includes('claude-3-5')) {
+        return false
+      }
+      if (id.includes('-0314') || id.includes('-0613') || id.includes('-1106') || id.includes('-0125')) {
+        return false
+      }
+      const curatedIds = [
+        'claude-3-7-sonnet', 'claude-3-5-sonnet', 'claude-3-5-haiku',
+        'gpt-4o', 'gpt-4o-mini', 'o1', 'o3-mini',
+        'deepseek-chat', 'deepseek-reasoner', 'deepseek-v3', 'deepseek-r1',
+        'gemini-2.0-flash', 'gemini-1.5-pro', 'gemini-1.5-flash',
+        'llama-3.3-70b-versatile', 'llama-3.1-8b-instant', 'llama-3.1-70b-versatile',
+        'qwen-2.5-coder-32b', 'qwen-2.5-72b', 'qwq-32b',
+        'mistral-large', 'codestral', 'pixtral-large',
+        'kimi-k2.7-code'
+      ]
+      for (const c of curatedIds) {
+        if (id === c || id.endsWith('/' + c) || id.includes(c)) return true
+      }
+      const tags = model.tags || deriveModelTags(model)
+      return tags.includes('coding') && tags.includes('reasoning') && tags.includes('long-context')
+    }
+
+    function formatTokens(num) {
+      if (typeof num !== "number" || !Number.isFinite(num) || num <= 0) return "?";
+      if (num >= 1000000) {
+        const m = num / 1000000;
+        return (m % 1 === 0 ? m : m.toFixed(1)) + "M";
+      }
+      if (num >= 1000) {
+        const k = num / 1000;
+        return (k % 1 === 0 ? k : k.toFixed(0)) + "k";
+      }
+      return String(num);
     }
 
     const API = '/dsh-model-sync'
@@ -660,6 +787,7 @@ window.__ModuleLoader__.load({
       })
       const [pageSize, setPageSize] = React.useState(50)
       const [quickFilter, setQuickFilter] = React.useState({ context100k: false, cheap: false })
+      const [selectedTag, setSelectedTag] = React.useState('all')
       const [tryState, setTryState] = React.useState({})
       const [batchTrying, setBatchTrying] = React.useState(false)
       const [batchSummary, setBatchSummary] = React.useState(null)
@@ -1253,7 +1381,15 @@ window.__ModuleLoader__.load({
           const haystack = (m.id + ' ' + (m.name || '') + ' ' + (m.aliases || []).join(' ') + ' ' + (m.tags || []).join(' ') + ' ' + (m.description || '')).toLowerCase()
           return tokens.every((tok) => haystack.includes(tok))
         }) : filteredChoicesBase
-        const quickFilteredChoices = searchedChoices.filter((m) => {
+        const taggedChoices = selectedTag === 'all'
+          ? searchedChoices
+          : selectedTag === 'curated'
+            ? searchedChoices.filter((m) => isCuratedModel(m))
+            : searchedChoices.filter((m) => {
+                const tags = (m.tags && m.tags.length > 0) ? m.tags : deriveModelTags(m)
+                return tags.includes(selectedTag)
+              })
+        const quickFilteredChoices = taggedChoices.filter((m) => {
           if (quickFilter.context100k && (!m.contextWindow || m.contextWindow < 100000)) return false
           if (quickFilter.cheap) {
             const price = m.pricing?.inputPerToken
@@ -1276,7 +1412,7 @@ window.__ModuleLoader__.load({
           }
           return (a.name || a.id || '').localeCompare(b.name || b.id || '')
         })
-      }, [choices, capabilityFilter, debouncedSearchQuery, quickFilter, sortBy])
+      }, [choices, capabilityFilter, debouncedSearchQuery, selectedTag, quickFilter, sortBy])
 
       const maxContext = React.useMemo(() => filteredChoices.reduce((max, m) => Math.max(max, m.contextWindow || 0), 0), [filteredChoices])
       const minPrice = React.useMemo(() => filteredChoices.reduce((min, m) => m.pricing?.inputPerToken !== undefined ? Math.min(min, m.pricing.inputPerToken) : min, Infinity), [filteredChoices])
@@ -1680,6 +1816,13 @@ window.__ModuleLoader__.load({
                   ))
                 ) : React.createElement('small', { style: { display: 'block', marginBottom: 8 } }, t.noCapabilities),
                 React.createElement('div', { style: { display: 'flex', gap: 6, margin: '6px 0', flexWrap: 'wrap' } },
+                  button(t.selectCurated || '⭐ Curated Best', () => {
+                    const ids = new Set(selectionDraft)
+                    for (const m of choices) {
+                      if (isCuratedModel(m)) ids.add(m.id)
+                    }
+                    setSelectionDraft([...ids])
+                  }, 'primary'),
                   button(t.selectAllFiltered, () => { const ids = new Set(selectionDraft); for (const m of filteredChoices) ids.add(m.id); setSelectionDraft([...ids]) }),
                   button(t.deselectAllFiltered, () => { const filterSet = new Set(filteredChoices.map((m) => m.id)); setSelectionDraft(selectionDraft.filter((id) => !filterSet.has(id))) }),
                   button(t.invertFiltered, () => { const current = new Set(selectionDraft); for (const m of filteredChoices) { if (current.has(m.id)) current.delete(m.id); else current.add(m.id); } setSelectionDraft([...current]) })
@@ -1690,6 +1833,22 @@ window.__ModuleLoader__.load({
                   batchSummary ? React.createElement('small', { style: { color: 'var(--dsw-alias-label-secondary)' } }, t.batchTryResults.replace('%d', batchSummary.reachable).replace('%d', batchSummary.total)) : null
                 ),
                 React.createElement('small', { style: { display: 'block', marginBottom: 8 } }, `${filteredChoices.length}/${choices.length} ${t.capabilityCount}`),
+                React.createElement('div', { style: { display: 'flex', gap: 6, margin: '8px 0', flexWrap: 'wrap', alignItems: 'center' } },
+                  [
+                    { id: 'all', label: t.tagAll || 'All' },
+                    { id: 'curated', label: t.tagCurated || '⭐ Curated' },
+                    { id: 'reasoning', label: t.tagReasoning || '🧠 Reasoning' },
+                    { id: 'coding', label: t.tagCoding || '💻 Coding' },
+                    { id: 'fast', label: t.tagFast || '⚡ Fast' },
+                    { id: 'vision', label: t.tagVision || '👁️ Vision' },
+                    { id: 'long-context', label: t.tagLongContext || '📜 128k+' },
+                  ].map((pill) => React.createElement('button', {
+                    key: pill.id,
+                    type: 'button',
+                    className: 'dms-pill' + (selectedTag === pill.id ? ' dms-pill-active' : ''),
+                    onClick: () => setSelectedTag(pill.id),
+                  }, pill.label))
+                ),
                 visibleChoices.map((model) => {
                   const deprecationDays = (() => {
                     const d = model.lifecycle?.deprecationDate
@@ -1697,20 +1856,69 @@ window.__ModuleLoader__.load({
                     const diff = new Date(d).getTime() - Date.now()
                     return diff > 0 ? Math.ceil(diff / (1000 * 60 * 60 * 24)) : 0
                   })()
-                  const probe = tryState[`${row.provider}:${model.id}`]
+                  const radar = status?.latencyRadar?.radar?.find((r) => r.provider === row.provider && r.model === model.id)
+                  const probe = tryState[`${row.provider}:${model.id}`] || (radar ? { ok: radar.ok, latency: radar.latencyMs, ttftMs: radar.ttftMs, sparkline: radar.sparkline, status: radar.status } : null)
                   return React.createElement('label', { key: model.id, style: { display: 'block', margin: '4px 0', padding: '4px 6px', borderRadius: 6, background: isNewModel(model, row) ? 'var(--dsw-alias-bg-layer-2)' : 'transparent' } },
                     React.createElement('input', { type: 'checkbox', checked: selectionDraft.includes(model.id), onChange: (e) => setSelectionDraft((current) => e.target.checked ? [...current, model.id] : current.filter((id) => id !== model.id)) }),
                     ` ${model.name ?? model.id} (${model.id})`,
                     isNewModel(model, row) ? React.createElement('span', { style: { marginLeft: 6, fontSize: 11, padding: '1px 5px', borderRadius: 4, background: 'var(--dsw-alias-state-business-primary)', color: 'white' } }, 'NEW') : null,
                     deprecationDays !== null ? React.createElement('span', { style: { marginLeft: 6, fontSize: 10, padding: '1px 5px', borderRadius: 4, background: 'var(--dsw-alias-state-warn-primary)', color: 'white' } }, deprecationDays > 0 ? t.deprecatesIn.replace('%d', deprecationDays) : t.deprecated) : null,
+                    (model.contextWindow || model.maxOutputTokens || model.maxTokens) ? React.createElement('span', {
+                      style: {
+                        marginLeft: 6,
+                        fontSize: 11,
+                        padding: '1px 5px',
+                        borderRadius: 4,
+                        background: 'var(--dsw-alias-bg-layer-2)',
+                        border: '1px solid var(--dsw-alias-border-l1)',
+                        color: 'var(--dsw-alias-label-secondary)',
+                      },
+                      title: `${t.contextIn || 'In'}: ${model.contextWindow || '?'} | ${t.contextOut || 'Out'}: ${model.maxOutputTokens || model.maxTokens || '?'}`
+                    }, `${t.contextIn || 'In'}: ${formatTokens(model.contextWindow)} | ${t.contextOut || 'Out'}: ${formatTokens(model.maxOutputTokens || model.maxTokens)}`) : null,
+                    (model.reasoningConfig?.supportsReasoning || model.capabilities?.reasoning) ? React.createElement('span', {
+                      style: {
+                        marginLeft: 6,
+                        fontSize: 11,
+                        padding: '1px 5px',
+                        borderRadius: 4,
+                        background: 'var(--dsw-alias-state-business-secondary, var(--dsw-alias-bg-layer-2))',
+                        color: 'var(--dsw-alias-state-business-primary)',
+                        border: '1px solid var(--dsw-alias-border-l1)',
+                      },
+                      title: model.reasoningConfig?.paramFormat ? `Reasoning format: ${model.reasoningConfig.paramFormat}` : 'Reasoning supported'
+                    }, `🧠 ${model.reasoningConfig?.paramFormat || 'reasoning'}`) : null,
                     (model.contextWindow && maxContext > 0 && model.contextWindow >= maxContext) ? React.createElement('span', { style: { marginLeft: 4, fontSize: 10, padding: '1px 4px', borderRadius: 3, background: 'var(--dsw-alias-state-warn-primary)', color: 'white' } }, '★') : null,
                     (model.pricing && minPrice !== Infinity && model.pricing.inputPerToken === minPrice) ? React.createElement('span', { style: { marginLeft: 4, fontSize: 10, padding: '1px 4px', borderRadius: 3, background: 'var(--dsw-alias-state-success-primary)', color: 'white' } }, '$') : null,
-                    model.tags && model.tags.length ? React.createElement('small', { style: { marginLeft: 6, color: 'var(--dsw-alias-label-secondary)' } }, model.tags.join(', ')) : null,
+                    (() => {
+                      const modelTags = (model.tags && model.tags.length > 0) ? model.tags : deriveModelTags(model)
+                      if (!modelTags || modelTags.length === 0) return null
+                      return React.createElement('span', { style: { marginLeft: 6, display: 'inline-flex', gap: 3, verticalAlign: 'middle' } },
+                        modelTags.map((tag) => React.createElement('span', {
+                          key: tag,
+                          style: {
+                            fontSize: 10,
+                            padding: '0 4px',
+                            borderRadius: 3,
+                            background: 'var(--dsw-alias-bg-layer-2)',
+                            border: '1px solid var(--dsw-alias-border-l1)',
+                            color: 'var(--dsw-alias-label-secondary)',
+                          }
+                        }, tag === 'coding' ? '💻 coding' : tag === 'reasoning' ? '🧠 reasoning' : tag === 'fast' ? '⚡ fast' : tag === 'vision' ? '👁️ vision' : tag === 'long-context' ? '📜 128k+' : tag))
+                      )
+                    })(),
                     model.pricing ? React.createElement('small', { style: { marginLeft: 6, color: 'var(--dsw-alias-label-secondary)', fontSize: 11 } }, `in $${(model.pricing.inputPerToken * 1000000).toFixed(2)}/1M` + (model.pricing.cacheReadPerToken !== undefined ? ` / cache $${(model.pricing.cacheReadPerToken * 1000000).toFixed(2)}` : '') + (model.pricing.outputPerToken !== undefined ? ` / out $${(model.pricing.outputPerToken * 1000000).toFixed(2)}` : '')) : null,
                     model.description ? React.createElement('small', { title: model.description, style: { display: 'block', marginLeft: 22, color: 'var(--dsw-alias-label-secondary)', fontSize: 11 } }, model.description.slice(0, 120)) : null,
                     row.baseURL || row.api ? React.createElement('a', { href: (row.baseURL || '') + '/models/' + encodeURIComponent(model.id), target: '_blank', rel: 'noopener', style: { marginLeft: 8, fontSize: 11 } }, 'docs') : null,
                     React.createElement('button', { type: 'button', onClick: (e) => { e.preventDefault(); doTry(row.provider, model.id) }, style: { marginLeft: 8, fontSize: 11, padding: '1px 6px', borderRadius: 4 } }, (probe && probe.loading) ? '…' : '▶'),
-                    probe && !probe.loading ? React.createElement('span', { className: 'dms-badge ' + (probe.ok ? 'dms-badge-ok' : 'dms-badge-bad'), style: { marginLeft: 6 } }, probe.ok ? `${probe.latency}ms` : (probe.error || probe.status || 'offline')) : null
+                    probe && !probe.loading ? React.createElement('span', {
+                      className: 'dms-badge ' + (probe.ok ? (classifySpeedTier(probe.latency, probe.ok) === 'lightning' ? 'dms-tier-lightning' : classifySpeedTier(probe.latency, probe.ok) === 'fast' ? 'dms-tier-fast' : 'dms-tier-moderate') : 'dms-badge-bad'),
+                      style: { marginLeft: 6 },
+                      title: probe.ttftMs ? `TTFT: ${probe.ttftMs}ms | Latency: ${probe.latency}ms` : (probe.latency ? `${probe.latency}ms` : undefined)
+                    },
+                      (classifySpeedTier(probe.latency, probe.ok) === 'lightning' ? '⚡ ' : classifySpeedTier(probe.latency, probe.ok) === 'fast' ? '🟢 ' : classifySpeedTier(probe.latency, probe.ok) === 'moderate' ? '🟡 ' : '🔴 ') +
+                      (probe.ok ? `${probe.latency}ms` : (probe.error || probe.status || 'offline')) +
+                      (probe.sparkline ? ` ${probe.sparkline}` : '')
+                    ) : null
                   )
                 }),
                 filteredChoices.length > pageSize ? React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 8, margin: '8px 0' } },
@@ -1872,7 +2080,7 @@ window.__ModuleLoader__.load({
       trySlot('settings.plugin.item', () => ctx.slots.register({ name: 'settings.plugin.item', key: NS, locale: NS, inject: () => ({ ctx }) }, (props) => React.createElement(ErrorBoundary, null, React.createElement(ModelSyncCard, { ...props, ctx }))))
     }
 
-    module.exports = { apply, inject: ['slots', 'locale', 'configForms'], filterModelsByCapabilities }
+    module.exports = { apply, inject: ['slots', 'locale', 'configForms'], filterModelsByCapabilities, deriveModelTags, isCuratedModel, generateSparkline, classifySpeedTier }
     return module.exports
   },
 })

package/lib/http.js

@@ -339,7 +339,46 @@ export function registerHttpApi(ctx, synchronizer, { getSchedulerStatus = () =>
       }
     }
     if (route === 'import') {
-      if (req.method !== 'POST') return json(res, 405, { error: { code: 'method', message: 'POST only' } })
+      if (route === 'health-latency') {
+      if (req.method !== 'GET') return json(res, 405, { error: { code: 'method', message: 'GET only' } })
+      try {
+        const urlObj = new URL(req.url, 'http://127.0.0.1')
+        const provider = urlObj.searchParams.get('provider') || undefined
+        const report = typeof synchronizer.getLatencyRadar === 'function'
+          ? synchronizer.getLatencyRadar({ provider })
+          : { updatedAt: Date.now(), radar: [] }
+        return json(res, 200, report)
+      } catch (error) {
+        return json(res, 400, { error: { code: 'bad-request', message: error instanceof Error ? error.message : String(error) } })
+      }
+    }
+    if (route === 'pricing') {
+      if (req.method === 'GET') {
+        try {
+          const urlObj = new URL(req.url, 'http://127.0.0.1')
+          const provider = urlObj.searchParams.get('provider') || undefined
+          const model = urlObj.searchParams.get('model') || undefined
+          const report = typeof synchronizer.getPricingInfo === 'function'
+            ? synchronizer.getPricingInfo({ provider, model })
+            : { pricing: {} }
+          return json(res, 200, report)
+        } catch (error) {
+          return json(res, 400, { error: { code: 'bad-request', message: error instanceof Error ? error.message : String(error) } })
+        }
+      }
+      if (req.method === 'POST') {
+        try {
+          const result = typeof synchronizer.syncPricing === 'function'
+            ? await synchronizer.syncPricing()
+            : { updated: 0, source: 'reference' }
+          return json(res, 200, result)
+        } catch (error) {
+          return json(res, 500, { error: { code: 'sync-failed', message: error instanceof Error ? error.message : String(error) } })
+        }
+      }
+      return json(res, 405, { error: { code: 'method', message: 'GET or POST only' } })
+    }
+    if (req.method !== 'POST') return json(res, 405, { error: { code: 'method', message: 'POST only' } })
       try {
         const body = await readJson(req)
         const result = await synchronizer.importConfig(body)
@@ -357,6 +396,45 @@ export function registerHttpApi(ctx, synchronizer, { getSchedulerStatus = () =>
       if (req.method !== 'GET') return json(res, 405, { error: { code: 'method', message: 'GET only' } })
       return json(res, 200, { notifications: synchronizer.notifications(normalizeNotificationRequest(req.url)) })
     }
+    if (route === 'health-latency') {
+      if (req.method !== 'GET') return json(res, 405, { error: { code: 'method', message: 'GET only' } })
+      try {
+        const urlObj = new URL(req.url, 'http://127.0.0.1')
+        const provider = urlObj.searchParams.get('provider') || undefined
+        const report = typeof synchronizer.getLatencyRadar === 'function'
+          ? synchronizer.getLatencyRadar({ provider })
+          : { updatedAt: Date.now(), radar: [] }
+        return json(res, 200, report)
+      } catch (error) {
+        return json(res, 400, { error: { code: 'bad-request', message: error instanceof Error ? error.message : String(error) } })
+      }
+    }
+    if (route === 'pricing') {
+      if (req.method === 'GET') {
+        try {
+          const urlObj = new URL(req.url, 'http://127.0.0.1')
+          const provider = urlObj.searchParams.get('provider') || undefined
+          const model = urlObj.searchParams.get('model') || undefined
+          const report = typeof synchronizer.getPricingInfo === 'function'
+            ? synchronizer.getPricingInfo({ provider, model })
+            : { pricing: {} }
+          return json(res, 200, report)
+        } catch (error) {
+          return json(res, 400, { error: { code: 'bad-request', message: error instanceof Error ? error.message : String(error) } })
+        }
+      }
+      if (req.method === 'POST') {
+        try {
+          const result = typeof synchronizer.syncPricing === 'function'
+            ? await synchronizer.syncPricing()
+            : { updated: 0, source: 'reference' }
+          return json(res, 200, result)
+        } catch (error) {
+          return json(res, 500, { error: { code: 'sync-failed', message: error instanceof Error ? error.message : String(error) } })
+        }
+      }
+      return json(res, 405, { error: { code: 'method', message: 'GET or POST only' } })
+    }
     if (req.method !== 'POST') return json(res, 405, { error: { code: 'method', message: 'POST only' } })
     let options
     try {
@@ -423,5 +501,7 @@ export function registerHttpApi(ctx, synchronizer, { getSchedulerStatus = () =>
     ctx.webServer.register({ kind: 'exact', path: BASE + '/notifications/read', handler: makeHandler('notification-read') }),
     ctx.webServer.register({ kind: 'exact', path: BASE + '/notifications/acknowledge', handler: makeHandler('notification-acknowledge') }),
     ctx.webServer.register({ kind: 'exact', path: BASE + '/webhook/test', handler: makeHandler('webhook-test') }),
+    ctx.webServer.register({ kind: 'exact', path: BASE + '/health/latency', handler: makeHandler('health-latency') }),
+    ctx.webServer.register({ kind: 'exact', path: BASE + '/pricing', handler: makeHandler('pricing') }),
   ]
 }