@goodandready/dsh-model-sync 0.5.16 → 0.5.18

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,31 @@ window.__ModuleLoader__.load({
       notifyOnPriceChanged: 'Notify on price changes',
       saveWebhook: 'Save Webhook Settings',
       testWebhook: 'Test Webhook',
+      probeCapabilities: '🔍 Verify Capabilities',
+      probeAll: '🔍 Verify All Models',
+      probeNewOnly: '⚡ Verify New Only',
+      probingInProgress: 'Verifying capabilities…',
+      verifiedBadge: 'Verified',
+      ollamaHubTitle: '🦙 Ollama Model Hub',
+      ollamaPullPlaceholder: 'e.g. llama3.2:3b or qwen2.5-coder:7b',
+      ollamaPullBtn: '⬇ Pull Model',
+      ollamaUnloadBtn: '⏏ Unload from VRAM',
+      ollamaDeleteBtn: '🗑 Delete',
+      ollamaRunningVram: 'Active in VRAM (GPU)',
+      ollamaNoRunning: 'No models currently loaded in VRAM',
+      ollamaInstalled: 'Installed Local Models',
+      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',
@@ -400,6 +433,31 @@ window.__ModuleLoader__.load({
       notifyOnPriceChanged: '模型价格变更时通知',
       saveWebhook: '保存 Webhook 设置',
       testWebhook: '测试 Webhook',
+      probeCapabilities: '🔍 验证模型能力',
+      probeAll: '🔍 验证所有模型',
+      probeNewOnly: '⚡ 仅验证新模型',
+      probingInProgress: '正在验证模型能力…',
+      verifiedBadge: '已验证',
+      ollamaHubTitle: '🦙 Ollama 本地模型中心',
+      ollamaPullPlaceholder: '例如 llama3.2:3b 或 qwen2.5-coder:7b',
+      ollamaPullBtn: '⬇ 下载/拉取模型',
+      ollamaUnloadBtn: '⏏ 释放显存 (VRAM)',
+      ollamaDeleteBtn: '🗑 删除模型',
+      ollamaRunningVram: '当前显存占用 (VRAM)',
+      ollamaNoRunning: '显存中无运行模型',
+      ollamaInstalled: '已安装的本地模型',
+      selectCurated: '⭐ 精选最佳',
+      tagAll: '全部',
+      tagCurated: '⭐ 精选',
+      tagReasoning: '🧠 深度思考',
+      tagCoding: '💻 编程优化',
+      tagFast: '⚡ 极速轻量',
+      tagVision: '👁️ 多模态视觉',
+      tagLongContext: '📜 长上下文',
+      speedRadar: '延迟雷达',
+      ttft: '首字延迟',
+      pricingSync: '同步价格',
+      pricingSyncing: '正在同步价格…',
       webhookTesting: '正在测试...',
       webhookSuccess: 'Webhook 测试成功',
       webhookFailed: 'Webhook 测试失败：%s',
@@ -473,6 +531,81 @@ window.__ModuleLoader__.load({
     }
 
     
+    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) {
@@ -680,6 +813,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)
@@ -1127,6 +1261,84 @@ window.__ModuleLoader__.load({
           .finally(() => setBusy(false))
       }
 
+
+      const [probingProvider, setProbingProvider] = React.useState(null)
+      const [probingAll, setProbingAll] = React.useState(false)
+      const [verifiedCapabilities, setVerifiedCapabilities] = React.useState({})
+      const [ollamaPs, setOllamaPs] = React.useState([])
+      const [ollamaTags, setOllamaTags] = React.useState([])
+      const [ollamaPullInput, setOllamaPullInput] = React.useState('')
+      const [ollamaPullState, setOllamaPullState] = React.useState(null)
+
+      const loadVerified = () => {
+        fetch(`${API}/probe/verified`)
+          .then(safeJson)
+          .then((d) => { if (d?.verified) setVerifiedCapabilities(d.verified) })
+          .catch(() => {})
+      }
+
+      const probeProviderCaps = (targetProvider, onlyNew = false) => {
+        setProbingProvider(targetProvider)
+        fetch(`${API}/probe/provider`, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ provider: targetProvider, onlyNew }) })
+          .then(safeJson)
+          .then(() => { loadVerified(); load() })
+          .catch((e) => setError(String(e?.message ?? e)))
+          .finally(() => setProbingProvider(null))
+      }
+
+      const probeAllCaps = (onlyNew = false) => {
+        setProbingAll(true)
+        fetch(`${API}/probe/all`, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ onlyNew }) })
+          .then(safeJson)
+          .then(() => { loadVerified(); load() })
+          .catch((e) => setError(String(e?.message ?? e)))
+          .finally(() => setProbingAll(false))
+      }
+
+      const loadOllama = () => {
+        fetch(`${API}/ollama/ps`).then(safeJson).then((d) => { if (d?.running) setOllamaPs(d.running) }).catch(() => {})
+        fetch(`${API}/ollama/tags`).then(safeJson).then((d) => { if (d?.models) setOllamaTags(d.models) }).catch(() => {})
+      }
+
+      const pullOllamaModel = (name) => {
+        if (!name) return
+        fetch(`${API}/ollama/pull`, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ model: name }) })
+          .then(safeJson)
+          .then((res) => {
+            setOllamaPullState(res.status || { model: name, status: 'pulling', percent: 0 })
+            const poll = setInterval(() => {
+              fetch(`${API}/ollama/pull/status?model=${encodeURIComponent(name)}`)
+                .then(safeJson)
+                .then((st) => {
+                  if (st?.status) {
+                    setOllamaPullState(st.status)
+                    if (st.status.done) {
+                      clearInterval(poll)
+                      loadOllama()
+                      load()
+                    }
+                  }
+                })
+                .catch(() => clearInterval(poll))
+            }, 1000)
+          })
+          .catch((e) => setError(String(e?.message ?? e)))
+      }
+
+      const unloadOllama = (name) => {
+        fetch(`${API}/ollama/unload`, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ model: name }) })
+          .then(safeJson)
+          .then(() => loadOllama())
+          .catch((e) => setError(String(e?.message ?? e)))
+      }
+
+      const deleteOllama = (name) => {
+        fetch(`${API}/ollama/delete`, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ model: name }) })
+          .then(safeJson)
+          .then(() => { loadOllama(); load() })
+          .catch((e) => setError(String(e?.message ?? e)))
+      }
+
       const openSelection = (row) => {
         const available = row.availableModels ?? row.models ?? []
         const defaults = row.selectableModels ?? available
@@ -1273,7 +1485,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
@@ -1296,7 +1516,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])
@@ -1585,7 +1805,9 @@ window.__ModuleLoader__.load({
           button(t.refreshAll, () => execute(undefined)),
           button(dryRun ? t.run : t.apply, () => execute(provider || undefined), dryRun ? undefined : 'primary'),
           button(t.health, () => checkHealth(provider || undefined)),
-          button(t.checkCredentials, () => checkCredentials(provider || undefined))
+          button(t.checkCredentials, () => checkCredentials(provider || undefined)),
+          button(probingAll ? '⏳ ' + (t.probingInProgress || 'Verifying…') : (t.probeAll || '🔍 Verify All'), () => probeAllCaps(false)),
+          button(t.probeNewOnly || '⚡ Verify New', () => probeAllCaps(true))
         ),
         busy ? React.createElement('span', null, t.running) : null,
         error ? React.createElement('div', { className: 'dms-alert dms-alert-bad' }, error) : null,
@@ -1631,7 +1853,8 @@ window.__ModuleLoader__.load({
             ),
             button(t.selectModels, () => openSelection(row)),
             button(t.policy, () => openPolicy(row)),
-            button(t.providerSettings || 'Configure', () => openProviderConfig(row))
+            button(t.providerSettings || 'Configure', () => openProviderConfig(row)),
+            button(probingProvider === row.provider ? '⏳' : (t.probeCapabilities || '🔍 Capabilities'), () => probeProviderCaps(row.provider))
           )
 
           const providerConfigEditor = providerConfigOpen === row.provider ? React.createElement('div', { className: 'dms-editor' },
@@ -1675,6 +1898,34 @@ window.__ModuleLoader__.load({
             )
           ) : null
 
+
+          const ollamaPanel = (row.provider === 'ollama') ? React.createElement('div', { style: { marginTop: 10, padding: '10px 12px', background: 'var(--dsw-alias-bg-layer-2)', borderRadius: 8, border: '1px solid var(--dsw-alias-border-l1)' } },
+            React.createElement('div', { style: { fontWeight: 600, marginBottom: 8 } }, t.ollamaHubTitle || '🦙 Ollama Local Models Hub'),
+            React.createElement('div', { style: { display: 'flex', gap: 6, marginBottom: 8 } },
+              React.createElement('input', {
+                type: 'text',
+                placeholder: t.ollamaPullPlaceholder || 'e.g. llama3.2:3b',
+                value: ollamaPullInput,
+                onChange: (e) => setOllamaPullInput(e.target.value),
+                style: { flex: 1, padding: '4px 8px', borderRadius: 4, border: '1px solid var(--dsw-alias-border-l2)' }
+              }),
+              button(t.ollamaPullBtn || '⬇ Pull', () => pullOllamaModel(ollamaPullInput.trim()), 'primary')
+            ),
+            ollamaPullState && !ollamaPullState.done ? React.createElement('div', { style: { margin: '6px 0', fontSize: 12 } },
+              `Downloading ${ollamaPullState.model}: ${ollamaPullState.status || ''} ${ollamaPullState.percent || 0}% (${ollamaPullState.completedFormatted || ''} / ${ollamaPullState.totalFormatted || ''})`,
+              React.createElement('div', { style: { width: '100%', height: 6, background: 'var(--dsw-alias-border-l2)', borderRadius: 3, overflow: 'hidden', marginTop: 4 } },
+                React.createElement('div', { style: { width: `${ollamaPullState.percent || 0}%`, height: '100%', background: 'var(--dsw-alias-state-business-primary)' } })
+              )
+            ) : null,
+            ollamaPs.length > 0 ? React.createElement('div', { style: { marginTop: 8 } },
+              React.createElement('small', { style: { fontWeight: 600, display: 'block', marginBottom: 4 } }, t.ollamaRunningVram || 'Active in VRAM (GPU):'),
+              ollamaPs.map((rm) => React.createElement('div', { key: rm.name, style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', margin: '3px 0', fontSize: 12 } },
+                React.createElement('span', null, `⚡ ${rm.name} · VRAM: ${rm.sizeVramFormatted}`),
+                button(t.ollamaUnloadBtn || '⏏ Unload', () => unloadOllama(rm.name))
+              ))
+            ) : React.createElement('small', { style: { display: 'block', color: 'var(--dsw-alias-label-secondary)', margin: '4px 0' } }, t.ollamaNoRunning || 'No models currently in VRAM')
+          ) : null
+
           const selectionEditor = selectionProvider === row.provider ? React.createElement('div', { className: 'dms-editor' },
             React.createElement('strong', null, `${t.selectModels}: ${selectionProvider}`),
             React.createElement('div', { style: { display: 'flex', gap: 8, margin: '8px 0', flexWrap: 'wrap' } },
@@ -1700,6 +1951,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]) })
@@ -1710,6 +1968,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
@@ -1717,7 +1991,8 @@ 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})`,
@@ -1749,12 +2024,46 @@ window.__ModuleLoader__.load({
                     }, `🧠 ${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))
+                      )
+                    })(),
+                    (() => {
+                      const ver = verifiedCapabilities?.[`${row.provider}:${model.id}`]?.verified
+                      if (!ver) return null
+                      return React.createElement('span', { style: { marginLeft: 6, display: 'inline-flex', gap: 3, verticalAlign: 'middle' } },
+                        ver.tools ? React.createElement('span', { style: { fontSize: 10, padding: '0 4px', borderRadius: 3, background: 'rgba(34, 197, 94, 0.15)', color: '#22c55e', border: '1px solid rgba(34, 197, 94, 0.3)' } }, '✔ Tools') : null,
+                        ver.vision ? React.createElement('span', { style: { fontSize: 10, padding: '0 4px', borderRadius: 3, background: 'rgba(34, 197, 94, 0.15)', color: '#22c55e', border: '1px solid rgba(34, 197, 94, 0.3)' } }, '✔ Vision') : null,
+                        ver.jsonSchema ? React.createElement('span', { style: { fontSize: 10, padding: '0 4px', borderRadius: 3, background: 'rgba(34, 197, 94, 0.15)', color: '#22c55e', border: '1px solid rgba(34, 197, 94, 0.3)' } }, '✔ JSON') : null,
+                        ver.developerRole ? React.createElement('span', { style: { fontSize: 10, padding: '0 4px', borderRadius: 3, background: 'rgba(34, 197, 94, 0.15)', color: '#22c55e', border: '1px solid rgba(34, 197, 94, 0.3)' } }, '✔ DevRole') : null
+                      )
+                    })(),
                     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' } },
@@ -1808,7 +2117,7 @@ window.__ModuleLoader__.load({
             )
           ) : null
 
-          return React.createElement('div', { key: row.provider, className: 'dms-provider-wrap' }, providerCard, providerConfigEditor, selectionEditor, policyEditor)
+          return React.createElement('div', { key: row.provider, className: 'dms-provider-wrap' }, providerCard, providerConfigEditor, ollamaPanel, selectionEditor, policyEditor)
         }),
         React.createElement('div', { className: 'dms-section-card dms-section' },
           React.createElement('div', { className: 'dms-section-title' }, React.createElement('strong', null, t.modelAliases)),
@@ -1916,7 +2225,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
   },
 })