From a1eb4e244cafb5ba43c33727ffdf5fccdcf50a1a Mon Sep 17 00:00:00 2001
From: apale7 <1092377056@qq.com>
Date: Mon, 20 Apr 2026 00:45:21 +0800
Subject: [PATCH] fix(desktop): stabilize proxy and trace flows

---
 frontend/src/App.tsx                 | 1433 ++++++++++++++++++--------
 frontend/src/api.ts                  |   17 +
 frontend/src/env.d.ts                |    3 +
 frontend/src/i18n/locales/en.json    |   57 +-
 frontend/src/i18n/locales/zh-CN.json |   57 +-
 frontend/src/styles.css              |  278 +++--
 frontend/src/types.ts                |   56 +
 frontend/wailsjs/go/desktop/App.d.ts |    6 +
 frontend/wailsjs/go/desktop/App.js   |   12 +
 frontend/wailsjs/go/models.ts        |  210 +++-
 internal/app/service.go              |   98 +-
 internal/app/service_test.go         |  199 +++-
 internal/app/types.go                |  125 ++-
 internal/config/config.go            |   65 +-
 internal/desktop/app.go              |   31 +
 internal/desktop/bindings.go         |   24 +
 internal/desktop/http.go             |   26 +
 internal/desktop/http_test.go        |  255 ++++-
 internal/proxy/server.go             |  232 ++++-
 internal/proxy/server_test.go        |   97 +-
 internal/proxy/traces.go             |  260 +++++
 21 files changed, 2910 insertions(+), 631 deletions(-)
 create mode 100644 internal/proxy/traces.go

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index d32f36b..997bfca 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -8,14 +8,17 @@ import {
   exportConfig,
   getMeta,
   getOverview,
+  getProxySettings,
   importConfig,
   importProviders,
+  listRequestTraces,
   listAliases,
   listProviders,
   previewSync,
   runDoctor,
   saveAlias,
   saveDesktopPrefs,
+  saveProxySettings,
   saveProvider,
   setAliasTargetState,
   setProviderState,
@@ -38,6 +41,9 @@ import type {
   ProviderSaveResult,
   ProviderUpsertInput,
   ProviderView,
+  ProxySettingsSaveResult,
+  ProxySettingsView,
+  RequestTrace,
   SyncInput,
   SyncPreview,
   SyncResult,
@@ -67,26 +73,36 @@ type AliasFormState = {
   disabled: boolean
 }
 
-type TabKey = 'overview' | 'providers' | 'aliases' | 'sync' | 'settings'
+type TabKey = 'overview' | 'providers' | 'aliases' | 'log' | 'network' | 'sync' | 'settings'
 type FilterState = 'all' | 'enabled' | 'disabled'
 type ResolvedTheme = 'light' | 'dark'
-type ModalKey = 'provider-form' | 'provider-import' | 'alias-form' | 'alias-target' | null
+type ModalKey = 'provider-import' | 'alias-target' | null
+type DetailMode = 'empty' | 'create' | 'edit'
 type ConfigImportMode = 'text' | 'file'
 type ConfirmIntent =
   | { kind: 'delete-provider'; id: string }
   | { kind: 'delete-alias'; alias: string }
   | { kind: 'unbind-target'; alias: string; provider: string; model: string }
 
-const tabs: TabKey[] = ['overview', 'providers', 'aliases', 'sync', 'settings']
+const tabs: TabKey[] = ['overview', 'providers', 'aliases', 'log', 'network', 'sync', 'settings']
 
 const emptyPrefs: DesktopPrefsView = {
   launchAtLogin: false,
+  autoStartProxy: false,
   minimizeToTray: false,
   notifications: false,
   theme: 'system',
   language: 'system',
 }
 
+const emptyProxySettings: ProxySettingsView = {
+  connectTimeoutMs: 10000,
+  responseHeaderTimeoutMs: 15000,
+  firstByteTimeoutMs: 15000,
+  requestReadTimeoutMs: 30000,
+  streamIdleTimeoutMs: 60000,
+}
+
 const emptySync: SyncInput = {
   target: '',
   setModel: '',
@@ -174,6 +190,27 @@ function parseHeadersText(input: string): Record<string, string> | undefined {
   return headers
 }
 
+function providerFormFromView(provider: ProviderView): ProviderFormState {
+  return {
+    id: provider.id,
+    name: provider.name || '',
+    baseUrl: provider.baseUrl,
+    apiKey: '',
+    headersText: headersTextFromMap(provider.headers),
+    disabled: provider.disabled,
+    skipModels: false,
+    clearHeaders: false,
+  }
+}
+
+function aliasFormFromView(alias: AliasView): AliasFormState {
+  return {
+    alias: alias.alias,
+    displayName: alias.displayName || '',
+    disabled: !alias.enabled,
+  }
+}
+
 function joinWarnings(warnings?: string[]): string {
   if (!warnings || warnings.length === 0) {
     return ''
@@ -204,6 +241,10 @@ function desktopPrefsSaveStatus(result: DesktopPrefsSaveResult): string {
   return withWarnings(i18n.t('messages.saved'), result.warnings)
 }
 
+function proxySettingsSaveStatus(result: ProxySettingsSaveResult): string {
+  return withWarnings(i18n.t('messages.saved'), result.warnings)
+}
+
 function normalizeTab(hash: string): TabKey {
   const value = hash.replace(/^#/, '')
   return tabs.includes(value as TabKey) ? (value as TabKey) : 'overview'
@@ -221,6 +262,31 @@ function configFileName(configPath: string): string {
   return parts[parts.length - 1] || 'ocswitch-config.json'
 }
 
+function formatDateTime(value?: string): string {
+  if (!value) {
+    return '-'
+  }
+  const date = new Date(value)
+  if (Number.isNaN(date.getTime())) {
+    return value
+  }
+  return date.toLocaleString()
+}
+
+function formatDuration(value?: number): string {
+  if (value == null) {
+    return '-'
+  }
+  return `${value} ms`
+}
+
+function tracePrimaryText(trace: RequestTrace): string {
+  if (trace.finalProvider && trace.finalModel) {
+    return `${trace.finalProvider}/${trace.finalModel}`
+  }
+  return trace.error || i18n.t('messages.noData')
+}
+
 function downloadTextFile(filename: string, content: string) {
   const blob = new Blob([content], { type: 'application/json;charset=utf-8' })
   const url = URL.createObjectURL(blob)
@@ -273,7 +339,9 @@ export default function App() {
   const [providers, setProviders] = useState<ProviderView[]>([])
   const [aliases, setAliases] = useState<AliasView[]>([])
   const [prefs, setPrefs] = useState<DesktopPrefsView>(emptyPrefs)
+  const [proxySettings, setProxySettings] = useState<ProxySettingsView>(emptyProxySettings)
   const [prefsStatus, setPrefsStatus] = useState('')
+  const [proxySettingsStatus, setProxySettingsStatus] = useState('')
   const [doctorStatus, setDoctorStatus] = useState('')
   const [doctorResult, setDoctorResult] = useState<DoctorRunResult | null>(null)
   const [syncStatus, setSyncStatus] = useState('')
@@ -285,12 +353,19 @@ export default function App() {
   const [aliasStatus, setAliasStatus] = useState('')
   const [aliasForm, setAliasForm] = useState<AliasFormState>(emptyAliasForm)
   const [targetForm, setTargetForm] = useState<AliasTargetInput>(emptyTargetForm)
+  const [requestTraces, setRequestTraces] = useState<RequestTrace[]>([])
+  const [traceStatus, setTraceStatus] = useState('')
+  const [selectedTraceId, setSelectedTraceId] = useState<number | null>(null)
   const [loading, setLoading] = useState(false)
   const [activeTab, setActiveTab] = useState<TabKey>('overview')
   const [providerQuery, setProviderQuery] = useState('')
   const [providerFilter, setProviderFilter] = useState<FilterState>('all')
   const [aliasQuery, setAliasQuery] = useState('')
+  const [selectedProviderId, setSelectedProviderId] = useState<string | null>(null)
+  const [providerDetailMode, setProviderDetailMode] = useState<DetailMode>('empty')
   const [editingProviderId, setEditingProviderId] = useState('')
+  const [selectedAliasId, setSelectedAliasId] = useState<string | null>(null)
+  const [aliasDetailMode, setAliasDetailMode] = useState<DetailMode>('empty')
   const [editingAliasId, setEditingAliasId] = useState('')
   const [systemTheme, setSystemTheme] = useState<ResolvedTheme>('dark')
   const [systemLanguage, setSystemLanguage] = useState('en-US')
@@ -305,20 +380,29 @@ export default function App() {
     setLoading(true)
     setPrefsStatus(i18n.t('messages.refreshing'))
     try {
-      const [metaData, overviewData, providerData, aliasData] = await Promise.all([
+      const [metaData, overviewData, providerData, aliasData, proxySettingsData] = await Promise.all([
         getMeta(),
         getOverview(),
         listProviders(),
         listAliases(),
+        getProxySettings(),
       ])
       setMeta(metaData)
       setOverview(overviewData)
       setProviders(providerData)
       setAliases(aliasData)
       setPrefs(overviewData.desktop)
+      setProxySettings(proxySettingsData)
+      const traces = await listRequestTraces()
+      setRequestTraces(traces)
+      setSelectedTraceId((current) => current ?? traces[0]?.id ?? null)
       setPrefsStatus(i18n.t('messages.fresh'))
+      setProxySettingsStatus(i18n.t('messages.fresh'))
+      setTraceStatus(i18n.t('messages.fresh'))
     } catch (error) {
       setPrefsStatus(formatError(error))
+      setProxySettingsStatus(formatError(error))
+      setTraceStatus(formatError(error))
     } finally {
       setLoading(false)
     }
@@ -366,6 +450,10 @@ export default function App() {
   const aliasSearch = aliasQuery.trim().toLowerCase()
   const filteredProviders = providers.filter((provider) => providerMatches(provider, providerSearch, providerFilter))
   const filteredAliases = aliases.filter((alias) => aliasMatches(alias, aliasSearch))
+  const selectedProvider = providers.find((provider) => provider.id === selectedProviderId) || null
+  const selectedAlias = aliases.find((alias) => alias.alias === selectedAliasId) || null
+  const selectedTrace = requestTraces.find((trace) => trace.id === selectedTraceId) || requestTraces[0] || null
+  const proxyRunning = overview?.proxy.running ?? false
   const stats = overview
     ? [
         ['overview.providers', String(overview.providerCount)],
@@ -396,6 +484,84 @@ export default function App() {
     ;(firstFocusable || modal).focus()
   }, [activeModal, confirmIntent])
 
+  useEffect(() => {
+    if (activeTab !== 'log' && activeTab !== 'network') {
+      return
+    }
+    let cancelled = false
+    const tick = async () => {
+      try {
+        const traces = await listRequestTraces()
+        if (cancelled) {
+          return
+        }
+        setRequestTraces(traces)
+        setSelectedTraceId((current) => {
+          if (current && traces.some((trace) => trace.id === current)) {
+            return current
+          }
+          return traces[0]?.id ?? null
+        })
+        setTraceStatus(i18n.t('messages.fresh'))
+      } catch (error) {
+        if (!cancelled) {
+          setTraceStatus(formatError(error))
+        }
+      }
+    }
+    void tick()
+    const timer = window.setInterval(() => {
+      void tick()
+    }, 3000)
+    return () => {
+      cancelled = true
+      window.clearInterval(timer)
+    }
+  }, [activeTab])
+
+  useEffect(() => {
+    if (providerDetailMode === 'create') {
+      return
+    }
+    if (selectedProviderId && filteredProviders.some((provider) => provider.id === selectedProviderId)) {
+      return
+    }
+    if (filteredProviders.length > 0) {
+      const next = filteredProviders[0]
+      setSelectedProviderId(next.id)
+      setEditingProviderId(next.id)
+      setProviderForm(providerFormFromView(next))
+      setProviderDetailMode('edit')
+      return
+    }
+    setSelectedProviderId(null)
+    setEditingProviderId('')
+    setProviderForm(emptyProviderForm)
+    setProviderDetailMode('empty')
+  }, [filteredProviders, providerDetailMode, selectedProviderId])
+
+  useEffect(() => {
+    if (aliasDetailMode === 'create') {
+      return
+    }
+    if (selectedAliasId && filteredAliases.some((alias) => alias.alias === selectedAliasId)) {
+      return
+    }
+    if (filteredAliases.length > 0) {
+      const next = filteredAliases[0]
+      setSelectedAliasId(next.alias)
+      setEditingAliasId(next.alias)
+      setAliasForm(aliasFormFromView(next))
+      setTargetForm((current) => ({ ...current, alias: next.alias }))
+      setAliasDetailMode('edit')
+      return
+    }
+    setSelectedAliasId(null)
+    setEditingAliasId('')
+    setAliasForm(emptyAliasForm)
+    setAliasDetailMode('empty')
+  }, [aliasDetailMode, filteredAliases, selectedAliasId])
+
   function selectTab(tab: TabKey) {
     window.location.hash = tab
   }
@@ -410,6 +576,21 @@ export default function App() {
     setAliasForm(emptyAliasForm)
   }
 
+  function selectProviderDetail(provider: ProviderView) {
+    setSelectedProviderId(provider.id)
+    setEditingProviderId(provider.id)
+    setProviderForm(providerFormFromView(provider))
+    setProviderDetailMode('edit')
+  }
+
+  function selectAliasDetail(alias: AliasView) {
+    setSelectedAliasId(alias.alias)
+    setEditingAliasId(alias.alias)
+    setAliasForm(aliasFormFromView(alias))
+    setTargetForm((current) => ({ ...current, alias: alias.alias }))
+    setAliasDetailMode('edit')
+  }
+
   function closeModal() {
     setActiveModal(null)
   }
@@ -420,7 +601,8 @@ export default function App() {
 
   function openProviderCreateModal() {
     resetProviderForm()
-    setActiveModal('provider-form')
+    setSelectedProviderId(null)
+    setProviderDetailMode('create')
   }
 
   function openProviderImportModal() {
@@ -429,7 +611,8 @@ export default function App() {
 
   function openAliasCreateModal() {
     resetAliasForm()
-    setActiveModal('alias-form')
+    setSelectedAliasId(null)
+    setAliasDetailMode('create')
   }
 
   function openAliasTargetModal(alias?: string) {
@@ -488,6 +671,18 @@ export default function App() {
     }
   }
 
+  async function onSaveProxySettings() {
+    setProxySettingsStatus(i18n.t('messages.saving'))
+    try {
+      const saved = await saveProxySettings(proxySettings)
+      setProxySettings(saved.settings)
+      await refreshAll()
+      setProxySettingsStatus(proxySettingsSaveStatus(saved))
+    } catch (error) {
+      setProxySettingsStatus(formatError(error))
+    }
+  }
+
   async function onRunDoctor() {
     setDoctorStatus(i18n.t('messages.running'))
     try {
@@ -564,8 +759,10 @@ export default function App() {
         clearHeaders: providerForm.clearHeaders,
       }
       const result = await saveProvider(input)
-      resetProviderForm()
-      closeModal()
+      setSelectedProviderId(result.provider.id)
+      setEditingProviderId(result.provider.id)
+      setProviderForm(providerFormFromView(result.provider))
+      setProviderDetailMode('edit')
       setProviderStatus(providerSaveStatus(result))
       await refreshAll()
     } catch (error) {
@@ -591,19 +788,8 @@ export default function App() {
   }
 
   function onEditProvider(provider: ProviderView) {
-    setEditingProviderId(provider.id)
-    setProviderForm({
-      id: provider.id,
-      name: provider.name || '',
-      baseUrl: provider.baseUrl,
-      apiKey: '',
-      headersText: headersTextFromMap(provider.headers),
-      disabled: provider.disabled,
-      skipModels: false,
-      clearHeaders: false,
-    })
+    selectProviderDetail(provider)
     setProviderStatus(i18n.t('providers.statusEditing', { id: provider.id }))
-    setActiveModal('provider-form')
   }
 
   async function onToggleProvider(provider: ProviderView) {
@@ -625,8 +811,10 @@ export default function App() {
     setProviderStatus(i18n.t('providers.statusDeleting', { id }))
     try {
       await deleteProvider(id)
-      if (editingProviderId === id) {
+      if (selectedProviderId === id) {
+        setSelectedProviderId(null)
         resetProviderForm()
+        setProviderDetailMode('empty')
       }
       setProviderStatus(i18n.t('providers.statusDeleted', { id }))
       await refreshAll()
@@ -645,8 +833,10 @@ export default function App() {
         disabled: aliasForm.disabled,
       }
       await saveAlias(input)
-      resetAliasForm()
-      closeModal()
+      setSelectedAliasId(input.alias)
+      setEditingAliasId(input.alias)
+      setTargetForm((current) => ({ ...current, alias: input.alias }))
+      setAliasDetailMode('edit')
       setAliasStatus(i18n.t('aliases.statusSaved', { alias: input.alias }))
       await refreshAll()
     } catch (error) {
@@ -655,23 +845,18 @@ export default function App() {
   }
 
   function onEditAlias(alias: AliasView) {
-    setEditingAliasId(alias.alias)
-    setAliasForm({
-      alias: alias.alias,
-      displayName: alias.displayName || '',
-      disabled: !alias.enabled,
-    })
-    setTargetForm((current) => ({ ...current, alias: alias.alias }))
+    selectAliasDetail(alias)
     setAliasStatus(i18n.t('aliases.statusEditing', { alias: alias.alias }))
-    setActiveModal('alias-form')
   }
 
   async function onDeleteAlias(alias: string) {
     setAliasStatus(i18n.t('aliases.statusDeleting', { alias }))
     try {
       await deleteAlias(alias)
-      if (editingAliasId === alias) {
+      if (selectedAliasId === alias) {
+        setSelectedAliasId(null)
         resetAliasForm()
+        setAliasDetailMode('empty')
       }
       setAliasStatus(i18n.t('aliases.statusDeleted', { alias }))
       await refreshAll()
@@ -747,6 +932,10 @@ export default function App() {
 
   async function onImportConfig() {
     const content = configImportText.trim()
+    if (configImportMode === 'file' && (!configImportFileName || !content)) {
+      setConfigTransferStatus(i18n.t('settings.fileEmpty'))
+      return
+    }
     if (!content) {
       setConfigTransferStatus(i18n.t('settings.importEmpty'))
       return
@@ -818,9 +1007,7 @@ export default function App() {
     : ''
 
   const importModeLabelId = useId()
-  const providerFormTitleId = useId()
   const providerImportTitleId = useId()
-  const aliasFormTitleId = useId()
   const aliasTargetTitleId = useId()
   const confirmTitleId = useId()
 
@@ -851,43 +1038,6 @@ export default function App() {
       </aside>
 
       <main className="workspace">
-        <header className="workspace-header">
-          <div className="hero-copy">
-            <p className="section-kicker">{t(`nav.${activeTab}.title`)}</p>
-            <h2>{t(`nav.${activeTab}.title`)}</h2>
-            <p className="subtle">{t(`nav.${activeTab}.description`)}</p>
-          </div>
-          {activeTab === 'overview' ? (
-            <div className="hero-actions-wrap">
-              <div className="hero-meta">
-                <div className="hero-meta-card hero-status-card">
-                  <span className="meta-label">{t('overview.proxy')}</span>
-                  <strong>{overview?.proxy.running ? t('status.proxyRunning') : t('status.proxyIdle')}</strong>
-                </div>
-                <div className="hero-meta-card">
-                  <span className="meta-label">{t('overview.lastError')}</span>
-                  <strong>{overview?.proxy.lastError || '-'}</strong>
-                </div>
-              </div>
-              <div className="hero-actions">
-                <button
-                  type="button"
-                  className={overview?.proxy.running ? 'danger' : 'primary'}
-                  onClick={() => void onToggleProxy()}
-                >
-                  {overview?.proxy.running ? t('actions.stopProxy') : t('actions.startProxy')}
-                </button>
-                <button type="button" onClick={() => void refreshAll()} disabled={loading}>
-                  {t('actions.refresh')}
-                </button>
-                <button type="button" onClick={() => void onRunDoctor()}>
-                  {t('actions.runDoctor')}
-                </button>
-              </div>
-            </div>
-          ) : null}
-        </header>
-
         {activeTab === 'overview' ? (
           <section className="tab-layout overview-layout">
             <article className="panel">
@@ -928,6 +1078,9 @@ export default function App() {
                 <button type="button" onClick={() => void onRunDoctor()}>
                   {t('actions.runDoctor')}
                 </button>
+                <button type="button" onClick={() => void refreshAll()} disabled={loading}>
+                  {t('actions.refresh')}
+                </button>
                 <button type="button" onClick={() => selectTab('settings')}>
                   {t('nav.settings.title')}
                 </button>
@@ -999,8 +1152,8 @@ export default function App() {
         ) : null}
 
         {activeTab === 'providers' ? (
-          <section className="tab-layout">
-            <article className="panel panel-full panel-fill">
+          <section className="tab-layout providers-layout split-view">
+            <article className="panel panel-fill list-column">
               <div className="panel-header">
                 <div>
                   <h3>{t('providers.title')}</h3>
@@ -1020,120 +1173,226 @@ export default function App() {
                 </div>
               </div>
 
-              <div className="list-column">
-                <div className="list-toolbar">
+              <div className="list-toolbar">
+                <label>
+                  <span>{t('providers.search')}</span>
+                  <input
+                    type="text"
+                    value={providerQuery}
+                    onChange={(event) => setProviderQuery(event.target.value)}
+                    placeholder={t('providers.searchPlaceholder')}
+                  />
+                </label>
+                <label>
+                  <span>{t('providers.filter')}</span>
+                  <select
+                    value={providerFilter}
+                    onChange={(event) => setProviderFilter(event.target.value as FilterState)}
+                  >
+                    <option value="all">{t('providers.filterAll')}</option>
+                    <option value="enabled">{t('providers.filterEnabled')}</option>
+                    <option value="disabled">{t('providers.filterDisabled')}</option>
+                  </select>
+                </label>
+              </div>
+
+              <div className="scroll-list compact-list">
+                {providers.length === 0 ? (
+                  <article className="empty-card">
+                    <span className="empty-kicker">{t('providers.title')}</span>
+                    <h4>{t('providers.empty')}</h4>
+                    <p className="subtle">{t('providers.emptyHint')}</p>
+                    <div className="toolbar">
+                      <button type="button" className="primary" onClick={openProviderCreateModal}>
+                        {t('actions.newProvider')}
+                      </button>
+                      <button type="button" onClick={openProviderImportModal}>
+                        {t('actions.import')}
+                      </button>
+                    </div>
+                  </article>
+                ) : null}
+                {providers.length > 0 && filteredProviders.length === 0 ? (
+                  <article className="empty-card compact-empty">
+                    <h4>{t('providers.noMatches')}</h4>
+                    <p className="subtle">{t('providers.noMatchesHint')}</p>
+                  </article>
+                ) : null}
+                {filteredProviders.map((provider) => (
+                  <button
+                    key={provider.id}
+                    type="button"
+                    className={`compact-row ${selectedProviderId === provider.id ? 'active' : ''}`}
+                    onClick={() => onEditProvider(provider)}
+                  >
+                    <div className="compact-row-main">
+                      <div className="compact-row-titleblock">
+                        <strong>{provider.name || provider.id}</strong>
+                        <code>{provider.id}</code>
+                      </div>
+                      <span className={`badge ${provider.disabled ? 'idle' : 'live'}`}>
+                        {provider.disabled ? t('status.disabled') : t('status.enabled')}
+                      </span>
+                    </div>
+                    <div className="compact-row-summary compact-row-summary-grid">
+                      <span>{provider.baseUrl}</span>
+                      <span>{t('providers.modelsCount', { count: provider.models?.length || 0 })}</span>
+                      <span>{provider.apiKeyMasked || t('providers.apiKeyNotSet')}</span>
+                    </div>
+                  </button>
+                ))}
+              </div>
+            </article>
+
+            <article className="panel panel-fill detail-panel">
+              <div className="panel-header">
+                <div>
+                  <h3>
+                    {providerDetailMode === 'create'
+                      ? t('providers.formCreateTitle')
+                      : editingProviderId
+                        ? t('providers.formEditTitle', { id: editingProviderId })
+                        : t('providers.listTitle')}
+                  </h3>
+                  <p className="subtle">
+                    {providerDetailMode === 'empty'
+                      ? t('providers.selectHint')
+                      : providerStatus || t('providers.detailHint')}
+                  </p>
+                </div>
+                {providerDetailMode !== 'empty' ? (
+                  <div className="toolbar">
+                    {providerDetailMode === 'edit' && selectedProvider ? (
+                      <button type="button" onClick={() => void onToggleProvider(selectedProvider)}>
+                        {selectedProvider.disabled ? t('actions.enable') : t('actions.disable')}
+                      </button>
+                    ) : null}
+                    {providerDetailMode === 'edit' && selectedProvider ? (
+                      <button
+                        type="button"
+                        className="danger ghost-danger"
+                        onClick={() => setConfirmIntent({ kind: 'delete-provider', id: selectedProvider.id })}
+                      >
+                        {t('actions.delete')}
+                      </button>
+                    ) : null}
+                  </div>
+                ) : null}
+              </div>
+
+              {providerDetailMode === 'empty' ? (
+                <article className="empty-card compact-empty">
+                  <h4>{t('providers.selectTitle')}</h4>
+                  <p className="subtle">{t('providers.selectHint')}</p>
+                </article>
+              ) : (
+                <form className="stack-blocks" onSubmit={(event) => void onSaveProvider(event)}>
+                  <div className="inline-meta compact-inline-meta">
+                    <div>
+                      <span className="meta-label">{t('providers.baseUrl')}</span>
+                      <strong>{selectedProvider?.baseUrl || providerForm.baseUrl || '-'}</strong>
+                    </div>
+                    <div>
+                      <span className="meta-label">{t('providers.models')}</span>
+                      <strong>{selectedProvider?.models?.join(', ') || t('providers.modelsNone')}</strong>
+                    </div>
+                  </div>
                   <label>
-                    <span>{t('providers.search')}</span>
+                    <span>{t('providers.id')}</span>
                     <input
                       type="text"
-                      value={providerQuery}
-                      onChange={(event) => setProviderQuery(event.target.value)}
-                      placeholder={t('providers.searchPlaceholder')}
+                      value={providerForm.id}
+                      onChange={(event) => setProviderForm((current) => ({ ...current, id: event.target.value }))}
+                      placeholder={t('providers.placeholderId')}
                     />
                   </label>
                   <label>
-                    <span>{t('providers.filter')}</span>
-                    <select
-                      value={providerFilter}
-                      onChange={(event) => setProviderFilter(event.target.value as FilterState)}
-                    >
-                      <option value="all">{t('providers.filterAll')}</option>
-                      <option value="enabled">{t('providers.filterEnabled')}</option>
-                      <option value="disabled">{t('providers.filterDisabled')}</option>
-                    </select>
+                    <span>{t('providers.name')}</span>
+                    <input
+                      type="text"
+                      value={providerForm.name}
+                      onChange={(event) => setProviderForm((current) => ({ ...current, name: event.target.value }))}
+                      placeholder={t('providers.placeholderName')}
+                    />
                   </label>
-                </div>
-
-                <div className="scroll-list card-grid-list">
-                  {providers.length === 0 ? (
-                    <article className="empty-card">
-                      <span className="empty-kicker">{t('providers.title')}</span>
-                      <h4>{t('providers.empty')}</h4>
-                      <p className="subtle">{t('providers.emptyHint')}</p>
-                      <div className="toolbar">
-                        <button type="button" className="primary" onClick={openProviderCreateModal}>
-                          {t('actions.newProvider')}
-                        </button>
-                        <button type="button" onClick={openProviderImportModal}>
-                          {t('actions.import')}
-                        </button>
-                      </div>
-                    </article>
-                  ) : null}
-                  {providers.length > 0 && filteredProviders.length === 0 ? (
-                    <article className="empty-card compact-empty">
-                      <h4>{t('providers.noMatches')}</h4>
-                      <p className="subtle">{t('providers.noMatchesHint')}</p>
-                    </article>
-                  ) : null}
-                  {filteredProviders.map((provider) => (
-                    <article className="item-card" key={provider.id}>
-                      <div className="item-heading">
-                        <div className="item-heading-main">
-                          <strong>{provider.name || provider.id}</strong>
-                          <code>{provider.id}</code>
-                        </div>
-                        <span className={`badge ${provider.disabled ? 'idle' : 'live'}`}>
-                          {provider.disabled ? t('status.disabled') : t('status.enabled')}
-                        </span>
-                      </div>
-                      <div className="item-summary">
-                        <span>{provider.baseUrl}</span>
-                        <span>{t('providers.modelsCount', { count: provider.models?.length || 0 })}</span>
-                      </div>
-                      <div className="item-grid">
-                        <div>
-                          <span className="meta-label">{t('providers.baseUrl')}</span>
-                          <code>{provider.baseUrl}</code>
-                        </div>
-                        <div>
-                          <span className="meta-label">{t('providers.apiKeyMasked')}</span>
-                          <span>{provider.apiKeyMasked || t('providers.apiKeyNotSet')}</span>
-                        </div>
-                        <div>
-                          <span className="meta-label">{t('providers.headers')}</span>
-                          <span>{headersTextFromMap(provider.headers) || t('providers.headersNone')}</span>
-                        </div>
-                        <div>
-                          <span className="meta-label">{t('providers.models')}</span>
-                          <span>{provider.models?.join(', ') || t('providers.modelsNone')}</span>
-                        </div>
-                      </div>
-                      {provider.modelsSource ? (
-                        <div className="inline-pills">
-                          <span className="pill">{t('providers.sourceLabel')}: {provider.modelsSource}</span>
-                        </div>
-                      ) : null}
-                      <div className="card-actions">
-                        <div className="toolbar">
-                          <button type="button" onClick={() => onEditProvider(provider)}>
-                            {t('actions.edit')}
-                          </button>
-                          <button type="button" onClick={() => void onToggleProvider(provider)}>
-                            {provider.disabled ? t('actions.enable') : t('actions.disable')}
-                          </button>
-                        </div>
-                        <div className="toolbar toolbar-end">
-                          <button
-                            type="button"
-                            className="danger ghost-danger"
-                            onClick={() => setConfirmIntent({ kind: 'delete-provider', id: provider.id })}
-                          >
-                            {t('actions.delete')}
-                          </button>
-                        </div>
-                      </div>
-                    </article>
-                  ))}
-                </div>
-              </div>
+                  <label>
+                    <span>{t('providers.baseUrl')}</span>
+                    <input
+                      type="text"
+                      value={providerForm.baseUrl}
+                      onChange={(event) => setProviderForm((current) => ({ ...current, baseUrl: event.target.value }))}
+                      placeholder={t('providers.placeholderBaseUrl')}
+                    />
+                  </label>
+                  <label>
+                    <span>{t('providers.apiKey')}</span>
+                    <input
+                      type="text"
+                      value={providerForm.apiKey}
+                      onChange={(event) => setProviderForm((current) => ({ ...current, apiKey: event.target.value }))}
+                      placeholder={t('providers.placeholderApiKey')}
+                    />
+                  </label>
+                  <label>
+                    <span>{t('providers.headers')}</span>
+                    <textarea
+                      value={providerForm.headersText}
+                      onChange={(event) => setProviderForm((current) => ({ ...current, headersText: event.target.value }))}
+                      placeholder={t('providers.placeholderHeaders')}
+                      rows={4}
+                    />
+                  </label>
+                  <label className="checkbox-row">
+                    <input
+                      type="checkbox"
+                      checked={providerForm.disabled}
+                      onChange={(event) => setProviderForm((current) => ({ ...current, disabled: event.target.checked }))}
+                    />
+                    <span>{t('providers.saveDisabled')}</span>
+                  </label>
+                  <label className="checkbox-row">
+                    <input
+                      type="checkbox"
+                      checked={providerForm.skipModels}
+                      onChange={(event) => setProviderForm((current) => ({ ...current, skipModels: event.target.checked }))}
+                    />
+                    <span>{t('providers.skipModels')}</span>
+                  </label>
+                  <label className="checkbox-row">
+                    <input
+                      type="checkbox"
+                      checked={providerForm.clearHeaders}
+                      onChange={(event) => setProviderForm((current) => ({ ...current, clearHeaders: event.target.checked }))}
+                    />
+                    <span>{t('providers.clearHeaders')}</span>
+                  </label>
+                  <div className="toolbar">
+                    <button type="submit" className="primary">
+                      {t('actions.save')}
+                    </button>
+                    <button
+                      type="button"
+                      onClick={() => {
+                        if (selectedProvider) {
+                          selectProviderDetail(selectedProvider)
+                          return
+                        }
+                        resetProviderForm()
+                        setProviderDetailMode('empty')
+                      }}
+                    >
+                      {t('actions.reset')}
+                    </button>
+                  </div>
+                </form>
+              )}
             </article>
           </section>
         ) : null}
 
         {activeTab === 'aliases' ? (
-          <section className="tab-layout">
-            <article className="panel panel-full panel-fill">
+          <section className="tab-layout aliases-layout split-view">
+            <article className="panel panel-fill list-column">
               <div className="panel-header">
                 <div>
                   <h3>{t('aliases.title')}</h3>
@@ -1152,119 +1411,199 @@ export default function App() {
                 </div>
               </div>
 
-              <div className="list-column">
-                <div className="list-toolbar list-toolbar-single">
-                  <label>
-                    <span>{t('aliases.search')}</span>
-                    <input
-                      type="text"
-                      value={aliasQuery}
-                      onChange={(event) => setAliasQuery(event.target.value)}
-                      placeholder={t('aliases.searchPlaceholder')}
-                    />
-                  </label>
-                </div>
-
-                <div className="scroll-list card-grid-list">
-                  {aliases.length === 0 ? (
-                    <article className="empty-card">
-                      <span className="empty-kicker">{t('aliases.title')}</span>
-                      <h4>{t('aliases.empty')}</h4>
-                      <p className="subtle">{t('aliases.emptyHint')}</p>
-                      <div className="toolbar">
-                        <button type="button" className="primary" onClick={openAliasCreateModal}>
-                          {t('actions.newAlias')}
-                        </button>
-                        <button type="button" onClick={() => openAliasTargetModal()}>
-                          {t('actions.bind')}
-                        </button>
-                      </div>
-                    </article>
-                  ) : null}
-                  {aliases.length > 0 && filteredAliases.length === 0 ? (
-                    <article className="empty-card compact-empty">
-                      <h4>{t('aliases.noMatches')}</h4>
-                      <p className="subtle">{t('aliases.noMatchesHint')}</p>
-                    </article>
-                  ) : null}
-                  {filteredAliases.map((alias) => (
-                    <article className="item-card" key={alias.alias}>
-                      <div className="item-heading">
-                        <div className="item-heading-main">
-                          <strong>{alias.displayName || alias.alias}</strong>
-                          <code>{alias.alias}</code>
-                        </div>
-                        <span className={`badge ${alias.enabled ? 'live' : 'idle'}`}>
-                          {alias.enabled ? t('status.enabled') : t('status.disabled')}
-                        </span>
-                      </div>
-                      <div className="item-summary">
-                        <span>{t('aliases.routable', { available: alias.availableTargetCount, total: alias.targetCount })}</span>
-                        <span>{t('aliases.targetsCount', { count: alias.targets.length })}</span>
-                      </div>
-                      <div className="card-actions">
-                        <div className="toolbar">
-                          <button type="button" onClick={() => onEditAlias(alias)}>
-                            {t('actions.edit')}
-                          </button>
-                          <button type="button" onClick={() => openAliasTargetModal(alias.alias)}>
-                            {t('actions.useInBindForm')}
-                          </button>
-                        </div>
-                        <div className="toolbar toolbar-end">
-                          <button
-                            type="button"
-                            className="danger ghost-danger"
-                            onClick={() => setConfirmIntent({ kind: 'delete-alias', alias: alias.alias })}
-                          >
-                            {t('actions.delete')}
-                          </button>
-                        </div>
-                      </div>
-
-                      <div className="target-list target-list-compact">
-                        {alias.targets.length === 0 ? <p className="subtle">{t('aliases.noTargets')}</p> : null}
-                        {alias.targets.map((target) => (
-                          <div className="target-card" key={`${alias.alias}-${target.provider}-${target.model}`}>
-                            <div className="target-card-main">
-                              <code>
-                                {target.provider}/{target.model}
-                              </code>
-                              <span className={`badge ${target.enabled ? 'live' : 'idle'}`}>
-                                {target.enabled ? t('status.enabled') : t('status.disabled')}
-                              </span>
-                            </div>
-                            <div className="toolbar toolbar-end">
-                              <button
-                                type="button"
-                                onClick={() =>
-                                  void onToggleTarget(alias.alias, target.provider, target.model, target.enabled)
-                                }
-                              >
-                                {target.enabled ? t('actions.disable') : t('actions.enable')}
-                              </button>
-                              <button
-                                type="button"
-                                className="danger ghost-danger"
-                                onClick={() =>
-                                  setConfirmIntent({
-                                    kind: 'unbind-target',
-                                    alias: alias.alias,
-                                    provider: target.provider,
-                                    model: target.model,
-                                  })
-                                }
-                              >
-                                {t('actions.unbind')}
-                              </button>
-                            </div>
-                          </div>
-                        ))}
-                      </div>
-                    </article>
-                  ))}
-                </div>
+              <div className="list-toolbar list-toolbar-single">
+                <label>
+                  <span>{t('aliases.search')}</span>
+                  <input
+                    type="text"
+                    value={aliasQuery}
+                    onChange={(event) => setAliasQuery(event.target.value)}
+                    placeholder={t('aliases.searchPlaceholder')}
+                  />
+                </label>
               </div>
+
+              <div className="scroll-list compact-list">
+                {aliases.length === 0 ? (
+                  <article className="empty-card">
+                    <span className="empty-kicker">{t('aliases.title')}</span>
+                    <h4>{t('aliases.empty')}</h4>
+                    <p className="subtle">{t('aliases.emptyHint')}</p>
+                    <div className="toolbar">
+                      <button type="button" className="primary" onClick={openAliasCreateModal}>
+                        {t('actions.newAlias')}
+                      </button>
+                      <button type="button" onClick={() => openAliasTargetModal()}>
+                        {t('actions.bind')}
+                      </button>
+                    </div>
+                  </article>
+                ) : null}
+                {aliases.length > 0 && filteredAliases.length === 0 ? (
+                  <article className="empty-card compact-empty">
+                    <h4>{t('aliases.noMatches')}</h4>
+                    <p className="subtle">{t('aliases.noMatchesHint')}</p>
+                  </article>
+                ) : null}
+                {filteredAliases.map((alias) => (
+                  <button
+                    key={alias.alias}
+                    type="button"
+                    className={`compact-row ${selectedAliasId === alias.alias ? 'active' : ''}`}
+                    onClick={() => onEditAlias(alias)}
+                  >
+                    <div className="compact-row-main">
+                      <div className="compact-row-titleblock">
+                        <strong>{alias.displayName || alias.alias}</strong>
+                        <code>{alias.alias}</code>
+                      </div>
+                      <span className={`badge ${alias.enabled ? 'live' : 'idle'}`}>
+                        {alias.enabled ? t('status.enabled') : t('status.disabled')}
+                      </span>
+                    </div>
+                    <div className="compact-row-summary compact-row-summary-grid">
+                      <span>{t('aliases.routable', { available: alias.availableTargetCount, total: alias.targetCount })}</span>
+                      <span>{t('aliases.targetsCount', { count: alias.targets.length })}</span>
+                      <span>{alias.targets[0] ? `${alias.targets[0].provider}/${alias.targets[0].model}` : t('aliases.noTargets')}</span>
+                    </div>
+                  </button>
+                ))}
+              </div>
+            </article>
+
+            <article className="panel panel-fill detail-panel">
+              <div className="panel-header">
+                <div>
+                  <h3>
+                    {aliasDetailMode === 'create'
+                      ? t('aliases.formCreateTitle')
+                      : editingAliasId
+                        ? t('aliases.formEditTitle', { alias: editingAliasId })
+                        : t('aliases.listTitle')}
+                  </h3>
+                  <p className="subtle">
+                    {aliasDetailMode === 'empty' ? t('aliases.selectHint') : aliasStatus || t('aliases.detailHint')}
+                  </p>
+                </div>
+                {aliasDetailMode !== 'empty' ? (
+                  <div className="toolbar">
+                    <button type="button" onClick={() => openAliasTargetModal(aliasForm.alias || selectedAlias?.alias)}>
+                      {t('actions.bind')}
+                    </button>
+                    {selectedAlias ? (
+                      <button
+                        type="button"
+                        className="danger ghost-danger"
+                        onClick={() => setConfirmIntent({ kind: 'delete-alias', alias: selectedAlias.alias })}
+                      >
+                        {t('actions.delete')}
+                      </button>
+                    ) : null}
+                  </div>
+                ) : null}
+              </div>
+
+              {aliasDetailMode === 'empty' ? (
+                <article className="empty-card compact-empty">
+                  <h4>{t('aliases.selectTitle')}</h4>
+                  <p className="subtle">{t('aliases.selectHint')}</p>
+                </article>
+              ) : (
+                <div className="stack-blocks">
+                  <form className="stack" onSubmit={(event) => void onSaveAlias(event)}>
+                    <label>
+                      <span>{t('aliases.alias')}</span>
+                      <input
+                        type="text"
+                        value={aliasForm.alias}
+                        onChange={(event) => setAliasForm((current) => ({ ...current, alias: event.target.value }))}
+                        placeholder={t('aliases.placeholderAlias')}
+                      />
+                    </label>
+                    <label>
+                      <span>{t('aliases.displayName')}</span>
+                      <input
+                        type="text"
+                        value={aliasForm.displayName}
+                        onChange={(event) => setAliasForm((current) => ({ ...current, displayName: event.target.value }))}
+                        placeholder={t('aliases.placeholderDisplayName')}
+                      />
+                    </label>
+                    <label className="checkbox-row">
+                      <input
+                        type="checkbox"
+                        checked={aliasForm.disabled}
+                        onChange={(event) => setAliasForm((current) => ({ ...current, disabled: event.target.checked }))}
+                      />
+                      <span>{t('aliases.createDisabled')}</span>
+                    </label>
+                    <div className="toolbar">
+                      <button type="submit" className="primary">
+                        {t('actions.save')}
+                      </button>
+                      <button
+                        type="button"
+                        onClick={() => {
+                          if (selectedAlias) {
+                            selectAliasDetail(selectedAlias)
+                            return
+                          }
+                          resetAliasForm()
+                          setAliasDetailMode('empty')
+                        }}
+                      >
+                        {t('actions.reset')}
+                      </button>
+                    </div>
+                  </form>
+
+                  <section className="subpanel">
+                    <div className="subpanel-header">
+                      <h4>{t('aliases.targets')}</h4>
+                      {selectedAlias ? <span className="subtle">{t('aliases.targetsCount', { count: selectedAlias.targets.length })}</span> : null}
+                    </div>
+                    <div className="target-list target-list-compact">
+                      {!selectedAlias || selectedAlias.targets.length === 0 ? <p className="subtle">{t('aliases.noTargets')}</p> : null}
+                      {selectedAlias?.targets.map((target) => (
+                        <div className="target-card" key={`${selectedAlias.alias}-${target.provider}-${target.model}`}>
+                          <div className="target-card-main">
+                            <code>
+                              {target.provider}/{target.model}
+                            </code>
+                            <span className={`badge ${target.enabled ? 'live' : 'idle'}`}>
+                              {target.enabled ? t('status.enabled') : t('status.disabled')}
+                            </span>
+                          </div>
+                          <div className="toolbar toolbar-end">
+                            <button
+                              type="button"
+                              onClick={() =>
+                                void onToggleTarget(selectedAlias.alias, target.provider, target.model, target.enabled)
+                              }
+                            >
+                              {target.enabled ? t('actions.disable') : t('actions.enable')}
+                            </button>
+                            <button
+                              type="button"
+                              className="danger ghost-danger"
+                              onClick={() =>
+                                setConfirmIntent({
+                                  kind: 'unbind-target',
+                                  alias: selectedAlias.alias,
+                                  provider: target.provider,
+                                  model: target.model,
+                                })
+                              }
+                            >
+                              {t('actions.unbind')}
+                            </button>
+                          </div>
+                        </div>
+                      ))}
+                    </div>
+                  </section>
+                </div>
+              )}
             </article>
           </section>
         ) : null}
@@ -1362,6 +1701,272 @@ export default function App() {
           </section>
         ) : null}
 
+        {activeTab === 'log' ? (
+          <section className="tab-layout trace-layout">
+            <article className="panel trace-list-panel">
+              <div className="panel-header">
+                <div>
+                  <h3>{t('log.title')}</h3>
+                  <p className="subtle">{traceStatus || t('log.subtitle')}</p>
+                </div>
+                <span className="subtle">{t('log.count', { count: requestTraces.length })}</span>
+              </div>
+              <div className="trace-list">
+                {requestTraces.length === 0 ? (
+                  <article className="empty-card compact-empty">
+                    <h4>{t('log.empty')}</h4>
+                    <p className="subtle">{t('log.emptyHint')}</p>
+                  </article>
+                ) : null}
+                {requestTraces.map((trace) => (
+                  <button
+                    key={trace.id}
+                    type="button"
+                    className={`trace-row ${selectedTrace?.id === trace.id ? 'active' : ''}`}
+                    onClick={() => setSelectedTraceId(trace.id)}
+                  >
+                    <div className="trace-row-top">
+                      <strong>{trace.alias || trace.rawModel || `#${trace.id}`}</strong>
+                      <span className={`badge ${trace.success ? 'live' : 'idle'}`}>
+                        {trace.success ? t('log.success') : t('log.failed')}
+                      </span>
+                    </div>
+                    <div className="trace-row-summary">
+                      <span>{tracePrimaryText(trace)}</span>
+                      <span>{formatDuration(trace.durationMs)}</span>
+                    </div>
+                    <div className="inline-pills">
+                      <span className="pill">#{trace.id}</span>
+                      <span className="pill">{formatDateTime(trace.startedAt)}</span>
+                      {trace.failover ? <span className="pill trace-pill-warn">{t('log.failover')}</span> : null}
+                    </div>
+                  </button>
+                ))}
+              </div>
+            </article>
+
+            <article className="panel panel-fill">
+              <div className="panel-header">
+                <div>
+                  <h3>{t('log.detailTitle')}</h3>
+                  <p className="subtle">{selectedTrace ? t('log.detailSubtitle') : t('messages.noData')}</p>
+                </div>
+              </div>
+              {selectedTrace ? (
+                <div className="stack-blocks">
+                  <div className="trace-hero">
+                    <div>
+                      <span className="meta-label">{t('log.alias')}</span>
+                      <strong>{selectedTrace.alias || selectedTrace.rawModel || '-'}</strong>
+                    </div>
+                    <div>
+                      <span className="meta-label">{t('log.finalRoute')}</span>
+                      <strong>{tracePrimaryText(selectedTrace)}</strong>
+                    </div>
+                    <div>
+                      <span className="meta-label">{t('log.status')}</span>
+                      <strong>{selectedTrace.statusCode || '-'}</strong>
+                    </div>
+                    <div>
+                      <span className="meta-label">{t('log.totalTime')}</span>
+                      <strong>{formatDuration(selectedTrace.durationMs)}</strong>
+                    </div>
+                  </div>
+
+                  <div className="info-grid">
+                    <div>
+                      <dt>{t('log.startedAt')}</dt>
+                      <dd>{formatDateTime(selectedTrace.startedAt)}</dd>
+                    </div>
+                    <div>
+                      <dt>{t('log.firstByte')}</dt>
+                      <dd>{formatDuration(selectedTrace.firstByteMs)}</dd>
+                    </div>
+                    <div>
+                      <dt>{t('log.stream')}</dt>
+                      <dd>{selectedTrace.stream ? t('status.yes') : t('status.no')}</dd>
+                    </div>
+                    <div>
+                      <dt>{t('log.failover')}</dt>
+                      <dd>{selectedTrace.failover ? t('status.yes') : t('status.no')}</dd>
+                    </div>
+                  </div>
+
+                  {selectedTrace.error ? <p className="tone-error">{selectedTrace.error}</p> : null}
+
+                  <div className="stack">
+                    <div className="panel-header compact-header">
+                      <h4>{t('log.chainTitle')}</h4>
+                    </div>
+                    <div className="chain-list">
+                      {(selectedTrace.attempts || []).map((attempt) => (
+                        <article className="chain-card" key={`${selectedTrace.id}-${attempt.attempt}-${attempt.provider}-${attempt.model}`}>
+                          <div className="trace-row-top">
+                            <strong>{t('log.attemptLabel', { attempt: attempt.attempt })}</strong>
+                            <span className={`badge ${attempt.success ? 'live' : attempt.skipped ? 'outline' : 'idle'}`}>
+                              {attempt.result || '-'}
+                            </span>
+                          </div>
+                          <div className="item-grid">
+                            <div>
+                              <span className="meta-label">{t('log.provider')}</span>
+                              <span>{attempt.provider || '-'}</span>
+                            </div>
+                            <div>
+                              <span className="meta-label">{t('log.model')}</span>
+                              <span>{attempt.model || '-'}</span>
+                            </div>
+                            <div>
+                              <span className="meta-label">{t('log.status')}</span>
+                              <span>{attempt.statusCode || '-'}</span>
+                            </div>
+                            <div>
+                              <span className="meta-label">{t('log.totalTime')}</span>
+                              <span>{formatDuration(attempt.durationMs)}</span>
+                            </div>
+                          </div>
+                          {attempt.error ? <p className="subtle tone-error">{attempt.error}</p> : null}
+                        </article>
+                      ))}
+                    </div>
+                  </div>
+                </div>
+              ) : (
+                <p className="subtle">{t('messages.noData')}</p>
+              )}
+            </article>
+          </section>
+        ) : null}
+
+        {activeTab === 'network' ? (
+          <section className="tab-layout trace-layout">
+            <article className="panel trace-list-panel">
+              <div className="panel-header">
+                <div>
+                  <h3>{t('network.title')}</h3>
+                  <p className="subtle">{traceStatus || t('network.subtitle')}</p>
+                </div>
+              </div>
+              <div className="trace-list">
+                {requestTraces.length === 0 ? (
+                  <article className="empty-card compact-empty">
+                    <h4>{t('log.empty')}</h4>
+                    <p className="subtle">{t('log.emptyHint')}</p>
+                  </article>
+                ) : null}
+                {requestTraces.map((trace) => (
+                  <button
+                    key={trace.id}
+                    type="button"
+                    className={`trace-row ${selectedTrace?.id === trace.id ? 'active' : ''}`}
+                    onClick={() => setSelectedTraceId(trace.id)}
+                  >
+                    <div className="trace-row-top">
+                      <strong>#{trace.id}</strong>
+                      <span className={`badge ${trace.success ? 'live' : 'idle'}`}>{trace.statusCode || '-'}</span>
+                    </div>
+                    <div className="trace-row-summary">
+                      <span>{trace.finalUrl || tracePrimaryText(trace)}</span>
+                      <span>{formatDuration(trace.firstByteMs)}</span>
+                    </div>
+                  </button>
+                ))}
+              </div>
+            </article>
+
+            <article className="panel panel-fill">
+              <div className="panel-header">
+                <div>
+                  <h3>{t('network.detailTitle')}</h3>
+                  <p className="subtle">{selectedTrace ? t('network.detailSubtitle') : t('messages.noData')}</p>
+                </div>
+              </div>
+              {selectedTrace ? (
+                <div className="stack-blocks">
+                  <div className="trace-hero">
+                    <div>
+                      <span className="meta-label">{t('network.url')}</span>
+                      <strong>{selectedTrace.finalUrl || '-'}</strong>
+                    </div>
+                    <div>
+                      <span className="meta-label">{t('network.firstByte')}</span>
+                      <strong>{formatDuration(selectedTrace.firstByteMs)}</strong>
+                    </div>
+                    <div>
+                      <span className="meta-label">{t('network.totalTime')}</span>
+                      <strong>{formatDuration(selectedTrace.durationMs)}</strong>
+                    </div>
+                    <div>
+                      <span className="meta-label">{t('network.statusCode')}</span>
+                      <strong>{selectedTrace.statusCode || '-'}</strong>
+                    </div>
+                  </div>
+
+                  <details className="details-toggle" open>
+                    <summary>{t('network.requestHeaders')}</summary>
+                    <pre className="details">{pretty(selectedTrace.requestHeaders || {})}</pre>
+                  </details>
+
+                  <details className="details-toggle" open>
+                    <summary>{t('network.requestParams')}</summary>
+                    <pre className="details">{pretty(selectedTrace.requestParams || {})}</pre>
+                  </details>
+
+                  <div className="stack">
+                    {(selectedTrace.attempts || []).map((attempt) => (
+                      <details className="details-toggle" key={`${selectedTrace.id}-net-${attempt.attempt}`}>
+                        <summary>
+                          {t('network.attemptTitle', { attempt: attempt.attempt, provider: attempt.provider || '-', model: attempt.model || '-' })}
+                        </summary>
+                        <div className="stack-blocks trace-detail-block">
+                          <div className="info-grid">
+                            <div>
+                              <dt>{t('network.url')}</dt>
+                              <dd>{attempt.url || '-'}</dd>
+                            </div>
+                            <div>
+                              <dt>{t('network.statusCode')}</dt>
+                              <dd>{attempt.statusCode || '-'}</dd>
+                            </div>
+                            <div>
+                              <dt>{t('network.firstByte')}</dt>
+                              <dd>{formatDuration(attempt.firstByteMs)}</dd>
+                            </div>
+                            <div>
+                              <dt>{t('network.totalTime')}</dt>
+                              <dd>{formatDuration(attempt.durationMs)}</dd>
+                            </div>
+                          </div>
+                          <details className="details-toggle" open>
+                            <summary>{t('network.requestHeaders')}</summary>
+                            <pre className="details">{pretty(attempt.requestHeaders || {})}</pre>
+                          </details>
+                          <details className="details-toggle" open>
+                            <summary>{t('network.requestParams')}</summary>
+                            <pre className="details">{pretty(attempt.requestParams || {})}</pre>
+                          </details>
+                          <details className="details-toggle" open>
+                            <summary>{t('network.responseHeaders')}</summary>
+                            <pre className="details">{pretty(attempt.responseHeaders || {})}</pre>
+                          </details>
+                          {attempt.responseBody ? (
+                            <details className="details-toggle" open>
+                              <summary>{t('network.responseBody')}</summary>
+                              <pre className="details">{attempt.responseBody}</pre>
+                            </details>
+                          ) : null}
+                        </div>
+                      </details>
+                    ))}
+                  </div>
+                </div>
+              ) : (
+                <p className="subtle">{t('messages.noData')}</p>
+              )}
+            </article>
+          </section>
+        ) : null}
+
         {activeTab === 'settings' ? (
           <section className="tab-layout settings-layout">
             <article className="panel settings-main-panel">
@@ -1440,6 +2045,16 @@ export default function App() {
                       />
                       <span>{t('settings.launchAtLogin')}</span>
                     </label>
+                    <label className="checkbox-row">
+                      <input
+                        type="checkbox"
+                        checked={prefs.autoStartProxy}
+                        onChange={(event) =>
+                          setPrefs((current) => ({ ...current, autoStartProxy: event.target.checked }))
+                        }
+                      />
+                      <span>{t('settings.autoStartProxy')}</span>
+                    </label>
                     <label className="checkbox-row">
                       <input
                         type="checkbox"
@@ -1494,7 +2109,10 @@ export default function App() {
                         type="button"
                         aria-pressed={configImportMode === 'file'}
                         className={configImportMode === 'file' ? 'active-toggle' : ''}
-                        onClick={() => setConfigImportMode('file')}
+                        onClick={() => {
+                          setConfigImportMode('file')
+                          setConfigImportFileName('')
+                        }}
                       >
                         {t('settings.importModeFile')}
                       </button>
@@ -1533,6 +2151,86 @@ export default function App() {
             </article>
 
             <article className="panel settings-side-panel">
+              <section className="subpanel">
+                <div className="subpanel-header">
+                  <h4>{t('settings.timeoutTitle')}</h4>
+                  {proxySettingsStatus ? <p className="subtle settings-status">{proxySettingsStatus}</p> : null}
+                </div>
+                <form className="stack" onSubmit={(event) => {
+                  event.preventDefault()
+                  void onSaveProxySettings()
+                }}>
+                  <label>
+                    <span>{t('settings.connectTimeout')}</span>
+                    <input
+                      type="number"
+                      min={1000}
+                      step={1000}
+                      value={proxySettings.connectTimeoutMs}
+                      onChange={(event) =>
+                        setProxySettings((current) => ({ ...current, connectTimeoutMs: Number(event.target.value) || 0 }))
+                      }
+                    />
+                  </label>
+                  <label>
+                    <span>{t('settings.responseHeaderTimeout')}</span>
+                    <input
+                      type="number"
+                      min={1000}
+                      step={1000}
+                      value={proxySettings.responseHeaderTimeoutMs}
+                      onChange={(event) =>
+                        setProxySettings((current) => ({ ...current, responseHeaderTimeoutMs: Number(event.target.value) || 0 }))
+                      }
+                    />
+                  </label>
+                  <label>
+                    <span>{t('settings.firstByteTimeout')}</span>
+                    <input
+                      type="number"
+                      min={1000}
+                      step={1000}
+                      value={proxySettings.firstByteTimeoutMs}
+                      onChange={(event) =>
+                        setProxySettings((current) => ({ ...current, firstByteTimeoutMs: Number(event.target.value) || 0 }))
+                      }
+                    />
+                  </label>
+                  <label>
+                    <span>{t('settings.requestReadTimeout')}</span>
+                    <input
+                      type="number"
+                      min={1000}
+                      step={1000}
+                      value={proxySettings.requestReadTimeoutMs}
+                      onChange={(event) =>
+                        setProxySettings((current) => ({ ...current, requestReadTimeoutMs: Number(event.target.value) || 0 }))
+                      }
+                    />
+                  </label>
+                  <label>
+                    <span>{t('settings.streamIdleTimeout')}</span>
+                    <input
+                      type="number"
+                      min={1000}
+                      step={1000}
+                      value={proxySettings.streamIdleTimeoutMs}
+                      onChange={(event) =>
+                        setProxySettings((current) => ({ ...current, streamIdleTimeoutMs: Number(event.target.value) || 0 }))
+                      }
+                    />
+                  </label>
+                  <p className="subtle">
+                    {proxyRunning ? t('settings.timeoutRunningHint') : t('settings.timeoutHint')}
+                  </p>
+                  <div className="toolbar">
+                    <button type="submit" className="primary">
+                      {t('settings.saveTimeouts')}
+                    </button>
+                  </div>
+                </form>
+              </section>
+
               <div className="panel-header">
                 <div>
                   <h3>{t('settings.aboutTitle')}</h3>
@@ -1561,108 +2259,6 @@ export default function App() {
           </section>
         ) : null}
 
-        {activeModal === 'provider-form' ? (
-          <div className="modal-backdrop" onClick={closeModal}>
-            <div
-              className="modal-card"
-              role="dialog"
-              aria-modal="true"
-              aria-labelledby={providerFormTitleId}
-              tabIndex={-1}
-              onClick={(event) => event.stopPropagation()}
-              onKeyDown={onModalKeyDown}
-            >
-              <div className="subpanel-header">
-                <h4 id={providerFormTitleId}>
-                  {editingProviderId ? t('providers.formEditTitle', { id: editingProviderId }) : t('providers.formCreateTitle')}
-                </h4>
-                <button type="button" onClick={closeModal}>
-                  {t('actions.close')}
-                </button>
-              </div>
-              <form className="stack" onSubmit={(event) => void onSaveProvider(event)}>
-                <label>
-                  <span>{t('providers.id')}</span>
-                  <input
-                    type="text"
-                    value={providerForm.id}
-                    onChange={(event) => setProviderForm((current) => ({ ...current, id: event.target.value }))}
-                    placeholder={t('providers.placeholderId')}
-                  />
-                </label>
-                <label>
-                  <span>{t('providers.name')}</span>
-                  <input
-                    type="text"
-                    value={providerForm.name}
-                    onChange={(event) => setProviderForm((current) => ({ ...current, name: event.target.value }))}
-                    placeholder={t('providers.placeholderName')}
-                  />
-                </label>
-                <label>
-                  <span>{t('providers.baseUrl')}</span>
-                  <input
-                    type="text"
-                    value={providerForm.baseUrl}
-                    onChange={(event) => setProviderForm((current) => ({ ...current, baseUrl: event.target.value }))}
-                    placeholder={t('providers.placeholderBaseUrl')}
-                  />
-                </label>
-                <label>
-                  <span>{t('providers.apiKey')}</span>
-                  <input
-                    type="text"
-                    value={providerForm.apiKey}
-                    onChange={(event) => setProviderForm((current) => ({ ...current, apiKey: event.target.value }))}
-                    placeholder={t('providers.placeholderApiKey')}
-                  />
-                </label>
-                <label>
-                  <span>{t('providers.headers')}</span>
-                  <textarea
-                    value={providerForm.headersText}
-                    onChange={(event) => setProviderForm((current) => ({ ...current, headersText: event.target.value }))}
-                    placeholder={t('providers.placeholderHeaders')}
-                    rows={4}
-                  />
-                </label>
-                <label className="checkbox-row">
-                  <input
-                    type="checkbox"
-                    checked={providerForm.disabled}
-                    onChange={(event) => setProviderForm((current) => ({ ...current, disabled: event.target.checked }))}
-                  />
-                  <span>{t('providers.saveDisabled')}</span>
-                </label>
-                <label className="checkbox-row">
-                  <input
-                    type="checkbox"
-                    checked={providerForm.skipModels}
-                    onChange={(event) => setProviderForm((current) => ({ ...current, skipModels: event.target.checked }))}
-                  />
-                  <span>{t('providers.skipModels')}</span>
-                </label>
-                <label className="checkbox-row">
-                  <input
-                    type="checkbox"
-                    checked={providerForm.clearHeaders}
-                    onChange={(event) => setProviderForm((current) => ({ ...current, clearHeaders: event.target.checked }))}
-                  />
-                  <span>{t('providers.clearHeaders')}</span>
-                </label>
-                <div className="toolbar">
-                  <button type="submit" className="primary">
-                    {t('actions.save')}
-                  </button>
-                  <button type="button" onClick={resetProviderForm}>
-                    {t('actions.reset')}
-                  </button>
-                </div>
-              </form>
-            </div>
-          </div>
-        ) : null}
-
         {activeModal === 'provider-import' ? (
           <div className="modal-backdrop" onClick={closeModal}>
             <div
@@ -1704,63 +2300,6 @@ export default function App() {
           </div>
         ) : null}
 
-        {activeModal === 'alias-form' ? (
-          <div className="modal-backdrop" onClick={closeModal}>
-            <div
-              className="modal-card"
-              role="dialog"
-              aria-modal="true"
-              aria-labelledby={aliasFormTitleId}
-              tabIndex={-1}
-              onClick={(event) => event.stopPropagation()}
-              onKeyDown={onModalKeyDown}
-            >
-              <div className="subpanel-header">
-                <h4 id={aliasFormTitleId}>{editingAliasId ? t('aliases.formEditTitle', { alias: editingAliasId }) : t('aliases.formCreateTitle')}</h4>
-                <button type="button" onClick={closeModal}>
-                  {t('actions.close')}
-                </button>
-              </div>
-              <form className="stack" onSubmit={(event) => void onSaveAlias(event)}>
-                <label>
-                  <span>{t('aliases.alias')}</span>
-                  <input
-                    type="text"
-                    value={aliasForm.alias}
-                    onChange={(event) => setAliasForm((current) => ({ ...current, alias: event.target.value }))}
-                    placeholder={t('aliases.placeholderAlias')}
-                  />
-                </label>
-                <label>
-                  <span>{t('aliases.displayName')}</span>
-                  <input
-                    type="text"
-                    value={aliasForm.displayName}
-                    onChange={(event) => setAliasForm((current) => ({ ...current, displayName: event.target.value }))}
-                    placeholder={t('aliases.placeholderDisplayName')}
-                  />
-                </label>
-                <label className="checkbox-row">
-                  <input
-                    type="checkbox"
-                    checked={aliasForm.disabled}
-                    onChange={(event) => setAliasForm((current) => ({ ...current, disabled: event.target.checked }))}
-                  />
-                  <span>{t('aliases.createDisabled')}</span>
-                </label>
-                <div className="toolbar">
-                  <button type="submit" className="primary">
-                    {t('actions.save')}
-                  </button>
-                  <button type="button" onClick={resetAliasForm}>
-                    {t('actions.reset')}
-                  </button>
-                </div>
-              </form>
-            </div>
-          </div>
-        ) : null}
-
         {activeModal === 'alias-target' ? (
           <div className="modal-backdrop" onClick={closeModal}>
             <div
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index af7003e..68dbf94 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -16,7 +16,10 @@ import type {
   ProviderStateInput,
   ProviderUpsertInput,
   ProviderView,
+  ProxySettingsSaveResult,
+  ProxySettingsView,
   ProxyStatusView,
+  RequestTrace,
   SyncInput,
   SyncPreview,
   SyncResult,
@@ -157,6 +160,20 @@ export function getProxyStatus(): Promise<ProxyStatusView> {
   return isWails() ? bridge().ProxyStatus() : http<ProxyStatusView>('/api/proxy/status')
 }
 
+export function getProxySettings(): Promise<ProxySettingsView> {
+  return isWails() ? bridge().ProxySettings() : http<ProxySettingsView>('/api/proxy/settings')
+}
+
+export function saveProxySettings(input: ProxySettingsView): Promise<ProxySettingsSaveResult> {
+  return isWails()
+    ? bridge().SaveProxySettings(input)
+    : http<ProxySettingsSaveResult>('/api/proxy/settings', { method: 'POST', body: JSON.stringify(input) })
+}
+
+export function listRequestTraces(): Promise<RequestTrace[]> {
+  return isWails() ? bridge().RequestTraces(100) : http<RequestTrace[]>('/api/proxy/traces')
+}
+
 export function startProxy(): Promise<ProxyStatusView> {
   return isWails() ? bridge().StartProxy() : http<ProxyStatusView>('/api/proxy/start', { method: 'POST' })
 }
diff --git a/frontend/src/env.d.ts b/frontend/src/env.d.ts
index 1cff905..729a4f6 100644
--- a/frontend/src/env.d.ts
+++ b/frontend/src/env.d.ts
@@ -22,7 +22,10 @@ declare global {
           UnbindTarget: (input: import('./types').AliasTargetInput) => Promise<import('./types').AliasView>
           DoctorRun: () => Promise<import('./types').DoctorRunResult>
           ProxyStatus: () => Promise<import('./types').ProxyStatusView>
+          ProxySettings: () => Promise<import('./types').ProxySettingsView>
+          RequestTraces: (limit: number) => Promise<import('./types').RequestTrace[]>
           StartProxy: () => Promise<import('./types').ProxyStatusView>
+          SaveProxySettings: (input: import('./types').ProxySettingsView) => Promise<import('./types').ProxySettingsSaveResult>
           StopProxy: () => Promise<import('./types').ProxyStatusView>
           DesktopPrefs: () => Promise<import('./types').DesktopPrefsView>
           SavePrefs: (input: import('./types').DesktopPrefsView) => Promise<import('./types').DesktopPrefsSaveResult>
diff --git a/frontend/src/i18n/locales/en.json b/frontend/src/i18n/locales/en.json
index 97976e4..ca42f87 100644
--- a/frontend/src/i18n/locales/en.json
+++ b/frontend/src/i18n/locales/en.json
@@ -11,6 +11,8 @@
     "overview": { "title": "Overview", "description": "Status, actions, and environment" },
     "providers": { "title": "Providers", "description": "Manage upstream endpoints" },
     "aliases": { "title": "Aliases", "description": "Route models across targets" },
+    "log": { "title": "Log", "description": "Business routing, alias decisions, and failover chain" },
+    "network": { "title": "Network", "description": "Request metadata except LLM input and output content" },
     "sync": { "title": "Sync", "description": "OpenCode sync and doctor" },
     "settings": { "title": "Settings", "description": "Theme, language, desktop behavior" }
   },
@@ -32,7 +34,6 @@
     "unbind": "Unbind",
     "newProvider": "New provider",
     "newAlias": "New alias",
-    "useInBindForm": "Use in bind form",
     "close": "Close",
     "cancel": "Cancel",
     "confirm": "Confirm",
@@ -112,6 +113,9 @@
     "filterEnabled": "Enabled",
     "filterDisabled": "Disabled",
     "listCount": "{{shown}} shown / {{total}} total",
+    "detailHint": "Select one row to inspect and edit it on the right.",
+    "selectTitle": "Select a provider",
+    "selectHint": "The left list is optimized for density. Pick one row to inspect or edit details here.",
     "empty": "No providers configured yet.",
     "emptyHint": "Create one manually or import providers from your OpenCode config.",
     "noMatches": "No providers match the current filters.",
@@ -159,6 +163,9 @@
     "search": "Search aliases",
     "searchPlaceholder": "Filter by alias, display name, provider, or model",
     "listCount": "{{shown}} shown / {{total}} total",
+    "detailHint": "Select one row to inspect alias settings and targets on the right.",
+    "selectTitle": "Select an alias",
+    "selectHint": "The left list stays compact so you can scan more routes per screen. Pick one row to inspect or edit details here.",
     "empty": "No aliases configured yet.",
     "emptyHint": "Create an alias first, then bind provider/model targets to it.",
     "noMatches": "No aliases match the current filters.",
@@ -209,12 +216,51 @@
     "debugTitle": "Raw doctor JSON",
     "debugSummary": "Show doctor output"
   },
+  "log": {
+    "title": "Request log",
+    "subtitle": "Inspect alias routing, final target, and failover chain for each request.",
+    "count": "{{count}} requests",
+    "empty": "No proxied requests yet.",
+    "emptyHint": "Start the proxy and send a request to populate the timeline.",
+    "success": "Success",
+    "failed": "Failed",
+    "failover": "Failover",
+    "detailTitle": "Business detail",
+    "detailSubtitle": "This panel focuses on alias-level routing semantics.",
+    "alias": "Alias",
+    "finalRoute": "Final route",
+    "status": "Status",
+    "totalTime": "Total time",
+    "startedAt": "Started at",
+    "firstByte": "First byte",
+    "stream": "Stream",
+    "chainTitle": "Attempt chain",
+    "attemptLabel": "Attempt {{attempt}}",
+    "provider": "Provider",
+    "model": "Model"
+  },
+  "network": {
+    "title": "Network detail",
+    "subtitle": "Inspect URL, timing, status, headers, and params without exposing model IO content.",
+    "detailTitle": "Network inspector",
+    "detailSubtitle": "Each attempt shows technical metadata captured around the upstream call.",
+    "url": "URL",
+    "firstByte": "TTFB",
+    "totalTime": "Total time",
+    "statusCode": "Status code",
+    "requestHeaders": "Client request headers",
+    "requestParams": "Client request params",
+    "responseHeaders": "Upstream response headers",
+    "responseBody": "Upstream response body",
+    "attemptTitle": "Attempt {{attempt}} · {{provider}} / {{model}}"
+  },
   "settings": {
     "title": "Settings",
     "subtitle": "Persist desktop behavior, theme preference, and language preference.",
     "appearanceTitle": "Appearance",
     "languageTitle": "Language",
     "behaviorTitle": "Desktop behavior",
+    "timeoutTitle": "Proxy timeouts",
     "configTitle": "Config file",
     "importTitle": "Import mode",
     "importModeText": "Import text",
@@ -241,6 +287,15 @@
     "resolvedTheme": "Resolved theme",
     "resolvedLanguage": "Resolved language",
     "launchAtLogin": "Launch at login",
+    "autoStartProxy": "Start proxy on app launch",
+    "connectTimeout": "Connect timeout (ms)",
+    "responseHeaderTimeout": "Response header timeout (ms)",
+    "firstByteTimeout": "First byte timeout (ms)",
+    "requestReadTimeout": "Client request read timeout (ms)",
+    "streamIdleTimeout": "Stream idle timeout (ms)",
+    "timeoutHint": "Saved values apply to the next proxy start.",
+    "timeoutRunningHint": "The proxy is currently running. Saved values apply only after you restart it.",
+    "saveTimeouts": "Save proxy timeouts",
     "minimizeToTray": "Minimize to tray / close to background",
     "notifications": "Native notifications"
   },
diff --git a/frontend/src/i18n/locales/zh-CN.json b/frontend/src/i18n/locales/zh-CN.json
index 6b3a9c8..92be4bc 100644
--- a/frontend/src/i18n/locales/zh-CN.json
+++ b/frontend/src/i18n/locales/zh-CN.json
@@ -11,6 +11,8 @@
     "overview": { "title": "概览", "description": "状态、操作与环境信息" },
     "providers": { "title": "提供商", "description": "管理上游端点" },
     "aliases": { "title": "别名路由", "description": "管理别名与目标绑定" },
+    "log": { "title": "日志", "description": "查看业务路由、alias 决策与 failover 链路" },
+    "network": { "title": "网络", "description": "查看除 LLM 输入输出内容外的全部请求元数据" },
     "sync": { "title": "同步与体检", "description": "OpenCode 同步与 Doctor" },
     "settings": { "title": "设置", "description": "主题、语言与桌面偏好" }
   },
@@ -32,7 +34,6 @@
     "unbind": "解绑",
     "newProvider": "新建提供商",
     "newAlias": "新建别名",
-    "useInBindForm": "带入绑定表单",
     "close": "关闭",
     "cancel": "取消",
     "confirm": "确认",
@@ -112,6 +113,9 @@
     "filterEnabled": "已启用",
     "filterDisabled": "已禁用",
     "listCount": "显示 {{shown}} / 共 {{total}}",
+    "detailHint": "左侧选中一行后，在右侧查看并编辑详情。",
+    "selectTitle": "选择一个提供商",
+    "selectHint": "左侧列表已压缩为高密度模式，适合首屏浏览更多条目；选中一行后在这里查看或编辑详情。",
     "empty": "还没有配置任何提供商。",
     "emptyHint": "你可以手动新建提供商，或从 OpenCode 配置中批量导入。",
     "noMatches": "当前筛选条件下没有匹配的提供商。",
@@ -159,6 +163,9 @@
     "search": "搜索别名",
     "searchPlaceholder": "按别名、显示名、provider 或 model 过滤",
     "listCount": "显示 {{shown}} / 共 {{total}}",
+    "detailHint": "左侧选中一行后，在右侧查看别名设置和目标详情。",
+    "selectTitle": "选择一个别名",
+    "selectHint": "左侧列表保持紧凑，方便一屏浏览更多路由；选中一行后在这里查看或编辑详情。",
     "empty": "还没有配置任何别名。",
     "emptyHint": "先新建别名，再把上游 provider/model 绑定到它。",
     "noMatches": "当前筛选条件下没有匹配的别名。",
@@ -209,12 +216,51 @@
     "debugTitle": "原始 Doctor JSON",
     "debugSummary": "查看 Doctor 输出"
   },
+  "log": {
+    "title": "请求日志",
+    "subtitle": "按请求查看 alias 路由、最终目标与 failover 链路。",
+    "count": "共 {{count}} 条请求",
+    "empty": "还没有代理请求。",
+    "emptyHint": "先启动代理并发起一次请求，时间线才会出现内容。",
+    "success": "成功",
+    "failed": "失败",
+    "failover": "发生切换",
+    "detailTitle": "业务详情",
+    "detailSubtitle": "这里聚焦 alias 级别的业务路由语义。",
+    "alias": "Alias",
+    "finalRoute": "最终路由",
+    "status": "状态码",
+    "totalTime": "总耗时",
+    "startedAt": "开始时间",
+    "firstByte": "首字节时间",
+    "stream": "流式",
+    "chainTitle": "尝试链路",
+    "attemptLabel": "第 {{attempt}} 次尝试",
+    "provider": "提供商",
+    "model": "模型"
+  },
+  "network": {
+    "title": "网络详情",
+    "subtitle": "查看 URL、时延、状态码、请求头与参数，同时避免暴露模型输入输出正文。",
+    "detailTitle": "网络检查器",
+    "detailSubtitle": "每次尝试都会展示调用上游时采集到的技术元数据。",
+    "url": "URL",
+    "firstByte": "TTFB",
+    "totalTime": "总耗时",
+    "statusCode": "状态码",
+    "requestHeaders": "客户端请求头",
+    "requestParams": "客户端请求参数",
+    "responseHeaders": "上游响应头",
+    "responseBody": "上游响应体",
+    "attemptTitle": "第 {{attempt}} 次尝试 · {{provider}} / {{model}}"
+  },
   "settings": {
     "title": "设置",
     "subtitle": "持久化桌面行为、主题偏好和语言偏好。",
     "appearanceTitle": "外观",
     "languageTitle": "语言",
     "behaviorTitle": "桌面行为",
+    "timeoutTitle": "代理超时",
     "configTitle": "配置文件",
     "importTitle": "导入方式",
     "importModeText": "文本导入",
@@ -241,6 +287,15 @@
     "resolvedTheme": "实际主题",
     "resolvedLanguage": "实际语言",
     "launchAtLogin": "开机启动",
+    "autoStartProxy": "启动应用时自动开启代理",
+    "connectTimeout": "连接超时（毫秒）",
+    "responseHeaderTimeout": "响应头超时（毫秒）",
+    "firstByteTimeout": "首字节超时（毫秒）",
+    "requestReadTimeout": "客户端请求读取超时（毫秒）",
+    "streamIdleTimeout": "流空闲超时（毫秒）",
+    "timeoutHint": "保存后会在下一次启动代理时生效。",
+    "timeoutRunningHint": "代理当前正在运行，保存后的值要在重启代理后才会生效。",
+    "saveTimeouts": "保存代理超时",
     "minimizeToTray": "最小化到托盘 / 关闭时转入后台",
     "notifications": "系统通知"
   },
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 9c2794c..c93d781 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -263,8 +263,7 @@ html[data-theme='dark'] .sidebar {
 
 .sidebar-brand,
 .panel,
-.subpanel,
-.workspace-header {
+.subpanel {
   border: 1px solid var(--border);
   border-radius: 24px;
   background: var(--panel);
@@ -304,7 +303,6 @@ html[data-theme='dark'] .sidebar {
 }
 
 .eyebrow,
-.section-kicker,
 .meta-label,
 .stat-label,
 dt {
@@ -316,7 +314,6 @@ dt {
 }
 
 .sidebar-brand h1,
-.workspace-header h2,
 .panel h3,
 .subpanel h4 {
   margin: 0;
@@ -326,10 +323,6 @@ dt {
   font-size: 1.1rem;
 }
 
-.workspace-header h2 {
-  font-size: clamp(1.85rem, 2vw, 2.45rem);
-}
-
 .subtle {
   margin: 0;
   color: var(--text-muted);
@@ -388,7 +381,6 @@ html[data-theme='dark'] .nav-item.active {
   border-color: transparent;
 }
 
-html[data-theme='dark'] .nav-item.active .nav-description,
 html[data-theme='dark'] .nav-item.active .nav-title {
   color: #08111f;
 }
@@ -399,13 +391,8 @@ html[data-theme='dark'] .nav-item.active .nav-title {
   width: 100%;
 }
 
-.nav-description {
-  display: none;
-}
-
 .panel-header,
 .toolbar,
-.hero-actions,
 .item-heading,
 .subpanel-header,
 .list-toolbar {
@@ -423,8 +410,7 @@ html[data-theme='dark'] .nav-item.active .nav-title {
 .stack,
 .stack-blocks,
 .issue-stack,
-.target-list,
-.hero-meta {
+.target-list {
   display: grid;
   gap: 0.85rem;
 }
@@ -433,7 +419,6 @@ html[data-theme='dark'] .nav-item.active .nav-title {
 .target-card,
 .item-card,
 .stat-card,
-.hero-meta-card,
 .inline-meta {
   border: 1px solid var(--border);
   border-radius: 18px;
@@ -448,75 +433,6 @@ html[data-theme='dark'] .nav-item.active .nav-title {
   padding: 1.5rem;
 }
 
-.workspace-header {
-  display: grid;
-  gap: 1.25rem;
-  padding: 1.25rem;
-  background:
-    linear-gradient(135deg, var(--panel-strong), var(--panel-soft)),
-    radial-gradient(circle at top right, var(--accent-soft), transparent 32%);
-}
-
-.hero-copy {
-  display: grid;
-  gap: 0.5rem;
-}
-
-.hero-copy .subtle {
-  max-width: 52rem;
-}
-
-.hero-actions-wrap {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: stretch;
-  justify-content: space-between;
-  gap: 1.1rem;
-}
-
-.hero-meta {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  flex: 1;
-  min-width: min(100%, 460px);
-}
-
-.hero-meta-card {
-  display: grid;
-  gap: 0.35rem;
-  padding: 1rem 1.05rem;
-  transition:
-    border-color 160ms ease,
-    background 160ms ease,
-    box-shadow 160ms ease,
-    transform 160ms ease;
-}
-
-.hero-meta-card:hover {
-  border-color: var(--border-strong);
-  box-shadow: var(--shadow-sm);
-  transform: translateY(-2px);
-}
-
-.hero-meta-card strong {
-  font-size: 1rem;
-  word-break: break-word;
-}
-
-.hero-status-card {
-  position: relative;
-  overflow: hidden;
-}
-
-.hero-status-card::after {
-  content: '';
-  position: absolute;
-  inset: auto -22px -40px auto;
-  width: 92px;
-  height: 92px;
-  border-radius: 999px;
-  background: radial-gradient(circle, var(--accent-soft), transparent 70%);
-}
-
 .tab-layout {
   display: grid;
   gap: 1rem;
@@ -528,10 +444,15 @@ html[data-theme='dark'] .nav-item.active .nav-title {
 }
 
 .sync-layout,
+.trace-layout,
 .settings-layout {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
+.trace-layout {
+  grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr);
+}
+
 .settings-layout {
   grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.85fr);
   align-items: start;
@@ -552,6 +473,85 @@ html[data-theme='dark'] .nav-item.active .nav-title {
   grid-column: 1 / -1;
 }
 
+.trace-list-panel {
+  min-width: 0;
+}
+
+.trace-list {
+  display: grid;
+  gap: 0.85rem;
+  max-height: calc(100vh - 18rem);
+  overflow: auto;
+  padding-right: 0.2rem;
+}
+
+.trace-row {
+  display: grid;
+  gap: 0.7rem;
+  width: 100%;
+  padding: 1rem;
+  border-radius: 18px;
+  text-align: left;
+  background: var(--panel-muted);
+}
+
+.trace-row.active {
+  border-color: var(--accent);
+  box-shadow: var(--shadow-sm);
+}
+
+.trace-row-top,
+.trace-row-summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+.trace-row-summary {
+  color: var(--text-muted);
+  font-size: 0.9rem;
+}
+
+.trace-hero {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.85rem;
+}
+
+.trace-hero > div,
+.chain-card,
+.trace-detail-block {
+  padding: 0.95rem;
+  border: 1px solid var(--border);
+  border-radius: 18px;
+  background: var(--panel-muted);
+}
+
+.trace-hero > div {
+  display: grid;
+  gap: 0.35rem;
+}
+
+.chain-list {
+  display: grid;
+  gap: 0.8rem;
+}
+
+.chain-card {
+  display: grid;
+  gap: 0.8rem;
+}
+
+.trace-pill-warn {
+  background: var(--warning-soft);
+  color: var(--warning);
+}
+
+.compact-header {
+  margin-bottom: 0;
+}
+
 .stats-grid,
 .action-grid,
 .info-grid,
@@ -681,6 +681,11 @@ html[data-theme='dark'] button.ghost-danger:hover {
   align-items: start;
 }
 
+.providers-layout,
+.aliases-layout {
+  grid-template-columns: minmax(360px, 0.92fr) minmax(0, 1.08fr);
+}
+
 .editor-column,
 .list-column {
   min-width: 0;
@@ -717,6 +722,78 @@ html[data-theme='dark'] button.ghost-danger:hover {
   overflow: auto;
 }
 
+.compact-list {
+  gap: 0.7rem;
+}
+
+.compact-row {
+  display: grid;
+  gap: 0.75rem;
+  width: 100%;
+  padding: 0.9rem 1rem;
+  border: 1px solid var(--border);
+  border-radius: 18px;
+  background: var(--panel-muted);
+  text-align: left;
+  box-shadow: none;
+}
+
+.compact-row:hover,
+.compact-row.active {
+  border-color: var(--accent);
+  box-shadow: var(--shadow-sm);
+  transform: translateY(-1px);
+}
+
+.compact-row-main,
+.compact-row-summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+.compact-row-titleblock {
+  display: grid;
+  gap: 0.15rem;
+  min-width: 0;
+}
+
+.compact-row-titleblock code,
+.compact-row-summary span {
+  color: var(--text-muted);
+}
+
+.compact-row-titleblock strong,
+.compact-row-titleblock code,
+.compact-row-summary span {
+  min-width: 0;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.compact-row-summary-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(110px, auto));
+  align-items: center;
+  font-size: 0.88rem;
+}
+
+.detail-panel {
+  display: grid;
+  align-content: start;
+}
+
+.compact-inline-meta {
+  align-items: flex-start;
+}
+
+.compact-inline-meta > div {
+  display: grid;
+  gap: 0.3rem;
+  min-width: 0;
+}
+
 .scroll-list::-webkit-scrollbar {
   width: 10px;
 }
@@ -1108,15 +1185,14 @@ dd {
   }
 
   .nav-list {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .nav-description {
-    display: none;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
   .overview-layout,
   .sync-layout,
+  .trace-layout,
+  .providers-layout,
+  .aliases-layout,
   .stats-grid,
   .card-grid-list,
   .info-grid,
@@ -1139,9 +1215,7 @@ dd {
     padding: 1rem;
   }
 
-  .workspace-header,
   .panel-header,
-  .hero-actions,
   .toolbar,
   .card-actions,
   .subpanel-header,
@@ -1150,7 +1224,7 @@ dd {
   .target-card-main,
   .item-heading,
   .item-summary,
-  .hero-actions-wrap,
+  .compact-row-main,
   .inline-meta {
     flex-direction: column;
     align-items: stretch;
@@ -1164,6 +1238,7 @@ dd {
   .nav-list,
   .overview-layout,
   .sync-layout,
+  .trace-layout,
   .settings-layout,
   .stats-grid,
   .card-grid-list,
@@ -1171,7 +1246,7 @@ dd {
   .item-grid,
   .action-grid,
   .split-view,
-  .hero-meta {
+  .compact-row-summary-grid {
     grid-template-columns: 1fr;
   }
 
@@ -1183,13 +1258,18 @@ dd {
   .panel-fill {
     min-height: auto;
   }
+
+  .trace-row-top,
+  .trace-row-summary {
+    flex-direction: column;
+    align-items: stretch;
+  }
 }
 
 @media (max-width: 640px) {
   .sidebar-brand,
   .panel,
-  .subpanel,
-  .workspace-header {
+  .subpanel {
     border-radius: 20px;
   }
 
@@ -1202,10 +1282,6 @@ dd {
     align-items: flex-start;
   }
 
-  .workspace-header {
-    padding: 1rem;
-  }
-
   .panel,
   .subpanel {
     padding: 1rem;
diff --git a/frontend/src/types.ts b/frontend/src/types.ts
index ec3d0f2..372797b 100644
--- a/frontend/src/types.ts
+++ b/frontend/src/types.ts
@@ -4,6 +4,7 @@ export type LanguagePreference = 'system' | 'en-US' | 'zh-CN'
 
 export type DesktopPrefsView = {
   launchAtLogin: boolean
+  autoStartProxy: boolean
   minimizeToTray: boolean
   notifications: boolean
   theme: ThemePreference
@@ -15,6 +16,19 @@ export type DesktopPrefsSaveResult = {
   warnings?: string[]
 }
 
+export type ProxySettingsView = {
+  connectTimeoutMs: number
+  responseHeaderTimeoutMs: number
+  firstByteTimeoutMs: number
+  requestReadTimeoutMs: number
+  streamIdleTimeoutMs: number
+}
+
+export type ProxySettingsSaveResult = {
+  settings: ProxySettingsView
+  warnings?: string[]
+}
+
 export type ConfigExportView = {
   configPath: string
   content: string
@@ -36,6 +50,48 @@ export type ProxyStatusView = {
   lastError?: string
 }
 
+export type TraceAttempt = {
+  attempt: number
+  provider?: string
+  model?: string
+  url?: string
+  startedAt: string
+  durationMs: number
+  firstByteMs?: number
+  statusCode?: number
+  success: boolean
+  retryable: boolean
+  skipped: boolean
+  result?: string
+  error?: string
+  requestHeaders?: Record<string, string>
+  requestParams?: unknown
+  responseHeaders?: Record<string, string>
+  responseBody?: string
+}
+
+export type RequestTrace = {
+  id: number
+  startedAt: string
+  finishedAt?: string
+  durationMs: number
+  firstByteMs?: number
+  rawModel?: string
+  alias?: string
+  stream: boolean
+  success: boolean
+  statusCode?: number
+  error?: string
+  finalProvider?: string
+  finalModel?: string
+  finalUrl?: string
+  failover: boolean
+  attemptCount: number
+  requestHeaders?: Record<string, string>
+  requestParams?: unknown
+  attempts: TraceAttempt[]
+}
+
 export type Overview = {
   configPath: string
   providerCount: number
diff --git a/frontend/wailsjs/go/desktop/App.d.ts b/frontend/wailsjs/go/desktop/App.d.ts
index d10078f..7f665a3 100755
--- a/frontend/wailsjs/go/desktop/App.d.ts
+++ b/frontend/wailsjs/go/desktop/App.d.ts
@@ -36,8 +36,12 @@ export function PreviewSync(arg1:app.SyncInput):Promise<app.SyncPreview>;
 
 export function Providers():Promise<Array<app.ProviderView>>;
 
+export function ProxySettings():Promise<app.ProxySettingsView>;
+
 export function ProxyStatus():Promise<app.ProxyStatusView>;
 
+export function RequestTraces(arg1:number):Promise<Array<app.RequestTrace>>;
+
 export function SaveAlias(arg1:app.AliasUpsertInput):Promise<app.AliasView>;
 
 export function SaveDesktopPrefs(arg1:context.Context,arg2:app.DesktopPrefsInput):Promise<app.DesktopPrefsSaveResult>;
@@ -46,6 +50,8 @@ export function SavePrefs(arg1:app.DesktopPrefsInput):Promise<app.DesktopPrefsSa
 
 export function SaveProvider(arg1:app.ProviderUpsertInput):Promise<app.ProviderSaveResult>;
 
+export function SaveProxySettings(arg1:app.ProxySettingsInput):Promise<app.ProxySettingsSaveResult>;
+
 export function Service():Promise<app.Service>;
 
 export function SetProviderState(arg1:app.ProviderStateInput):Promise<app.ProviderView>;
diff --git a/frontend/wailsjs/go/desktop/App.js b/frontend/wailsjs/go/desktop/App.js
index 43fcbd5..280daf8 100755
--- a/frontend/wailsjs/go/desktop/App.js
+++ b/frontend/wailsjs/go/desktop/App.js
@@ -66,10 +66,18 @@ export function Providers() {
   return window['go']['desktop']['App']['Providers']();
 }
 
+export function ProxySettings() {
+  return window['go']['desktop']['App']['ProxySettings']();
+}
+
 export function ProxyStatus() {
   return window['go']['desktop']['App']['ProxyStatus']();
 }
 
+export function RequestTraces(arg1) {
+  return window['go']['desktop']['App']['RequestTraces'](arg1);
+}
+
 export function SaveAlias(arg1) {
   return window['go']['desktop']['App']['SaveAlias'](arg1);
 }
@@ -86,6 +94,10 @@ export function SaveProvider(arg1) {
   return window['go']['desktop']['App']['SaveProvider'](arg1);
 }
 
+export function SaveProxySettings(arg1) {
+  return window['go']['desktop']['App']['SaveProxySettings'](arg1);
+}
+
 export function Service() {
   return window['go']['desktop']['App']['Service']();
 }
diff --git a/frontend/wailsjs/go/models.ts b/frontend/wailsjs/go/models.ts
index c2ddb98..3ffcbc4 100755
--- a/frontend/wailsjs/go/models.ts
+++ b/frontend/wailsjs/go/models.ts
@@ -132,6 +132,7 @@ export namespace app {
 	}
 	export class DesktopPrefsInput {
 	    launchAtLogin: boolean;
+	    autoStartProxy: boolean;
 	    minimizeToTray: boolean;
 	    notifications: boolean;
 	    theme: string;
@@ -144,6 +145,7 @@ export namespace app {
 	    constructor(source: any = {}) {
 	        if ('string' === typeof source) source = JSON.parse(source);
 	        this.launchAtLogin = source["launchAtLogin"];
+	        this.autoStartProxy = source["autoStartProxy"];
 	        this.minimizeToTray = source["minimizeToTray"];
 	        this.notifications = source["notifications"];
 	        this.theme = source["theme"];
@@ -152,6 +154,7 @@ export namespace app {
 	}
 	export class DesktopPrefsView {
 	    launchAtLogin: boolean;
+	    autoStartProxy: boolean;
 	    minimizeToTray: boolean;
 	    notifications: boolean;
 	    theme: string;
@@ -164,6 +167,7 @@ export namespace app {
 	    constructor(source: any = {}) {
 	        if ('string' === typeof source) source = JSON.parse(source);
 	        this.launchAtLogin = source["launchAtLogin"];
+	        this.autoStartProxy = source["autoStartProxy"];
 	        this.minimizeToTray = source["minimizeToTray"];
 	        this.notifications = source["notifications"];
 	        this.theme = source["theme"];
@@ -294,8 +298,7 @@ export namespace app {
 	export class ProxyStatusView {
 	    running: boolean;
 	    bindAddress: string;
-	    // Go type: time
-	    startedAt?: any;
+	    startedAt?: string;
 	    lastError?: string;
 	
 	    static createFrom(source: any = {}) {
@@ -306,27 +309,9 @@ export namespace app {
 	        if ('string' === typeof source) source = JSON.parse(source);
 	        this.running = source["running"];
 	        this.bindAddress = source["bindAddress"];
-	        this.startedAt = this.convertValues(source["startedAt"], null);
+	        this.startedAt = source["startedAt"];
 	        this.lastError = source["lastError"];
 	    }
-	
-		convertValues(a: any, classs: any, asMap: boolean = false): any {
-		    if (!a) {
-		        return a;
-		    }
-		    if (a.slice && a.map) {
-		        return (a as any[]).map(elem => this.convertValues(elem, classs));
-		    } else if ("object" === typeof a) {
-		        if (asMap) {
-		            for (const key of Object.keys(a)) {
-		                a[key] = new classs(a[key]);
-		            }
-		            return a;
-		        }
-		        return new classs(a);
-		    }
-		    return a;
-		}
 	}
 	export class Overview {
 	    configPath: string;
@@ -501,7 +486,190 @@ export namespace app {
 	    }
 	}
 	
+	export class ProxySettingsInput {
+	    connectTimeoutMs: number;
+	    responseHeaderTimeoutMs: number;
+	    firstByteTimeoutMs: number;
+	    requestReadTimeoutMs: number;
+	    streamIdleTimeoutMs: number;
 	
+	    static createFrom(source: any = {}) {
+	        return new ProxySettingsInput(source);
+	    }
+	
+	    constructor(source: any = {}) {
+	        if ('string' === typeof source) source = JSON.parse(source);
+	        this.connectTimeoutMs = source["connectTimeoutMs"];
+	        this.responseHeaderTimeoutMs = source["responseHeaderTimeoutMs"];
+	        this.firstByteTimeoutMs = source["firstByteTimeoutMs"];
+	        this.requestReadTimeoutMs = source["requestReadTimeoutMs"];
+	        this.streamIdleTimeoutMs = source["streamIdleTimeoutMs"];
+	    }
+	}
+	export class ProxySettingsView {
+	    connectTimeoutMs: number;
+	    responseHeaderTimeoutMs: number;
+	    firstByteTimeoutMs: number;
+	    requestReadTimeoutMs: number;
+	    streamIdleTimeoutMs: number;
+	
+	    static createFrom(source: any = {}) {
+	        return new ProxySettingsView(source);
+	    }
+	
+	    constructor(source: any = {}) {
+	        if ('string' === typeof source) source = JSON.parse(source);
+	        this.connectTimeoutMs = source["connectTimeoutMs"];
+	        this.responseHeaderTimeoutMs = source["responseHeaderTimeoutMs"];
+	        this.firstByteTimeoutMs = source["firstByteTimeoutMs"];
+	        this.requestReadTimeoutMs = source["requestReadTimeoutMs"];
+	        this.streamIdleTimeoutMs = source["streamIdleTimeoutMs"];
+	    }
+	}
+	export class ProxySettingsSaveResult {
+	    settings: ProxySettingsView;
+	    warnings?: string[];
+	
+	    static createFrom(source: any = {}) {
+	        return new ProxySettingsSaveResult(source);
+	    }
+	
+	    constructor(source: any = {}) {
+	        if ('string' === typeof source) source = JSON.parse(source);
+	        this.settings = this.convertValues(source["settings"], ProxySettingsView);
+	        this.warnings = source["warnings"];
+	    }
+	
+		convertValues(a: any, classs: any, asMap: boolean = false): any {
+		    if (!a) {
+		        return a;
+		    }
+		    if (a.slice && a.map) {
+		        return (a as any[]).map(elem => this.convertValues(elem, classs));
+		    } else if ("object" === typeof a) {
+		        if (asMap) {
+		            for (const key of Object.keys(a)) {
+		                a[key] = new classs(a[key]);
+		            }
+		            return a;
+		        }
+		        return new classs(a);
+		    }
+		    return a;
+		}
+	}
+	
+	
+	export class TraceAttempt {
+	    attempt: number;
+	    provider?: string;
+	    model?: string;
+	    url?: string;
+	    startedAt: string;
+	    durationMs: number;
+	    firstByteMs?: number;
+	    statusCode?: number;
+	    success: boolean;
+	    retryable: boolean;
+	    skipped: boolean;
+	    result?: string;
+	    error?: string;
+	    requestHeaders?: Record<string, string>;
+	    requestParams?: any;
+	    responseHeaders?: Record<string, string>;
+	    responseBody?: string;
+	
+	    static createFrom(source: any = {}) {
+	        return new TraceAttempt(source);
+	    }
+	
+	    constructor(source: any = {}) {
+	        if ('string' === typeof source) source = JSON.parse(source);
+	        this.attempt = source["attempt"];
+	        this.provider = source["provider"];
+	        this.model = source["model"];
+	        this.url = source["url"];
+	        this.startedAt = source["startedAt"];
+	        this.durationMs = source["durationMs"];
+	        this.firstByteMs = source["firstByteMs"];
+	        this.statusCode = source["statusCode"];
+	        this.success = source["success"];
+	        this.retryable = source["retryable"];
+	        this.skipped = source["skipped"];
+	        this.result = source["result"];
+	        this.error = source["error"];
+	        this.requestHeaders = source["requestHeaders"];
+	        this.requestParams = source["requestParams"];
+	        this.responseHeaders = source["responseHeaders"];
+	        this.responseBody = source["responseBody"];
+	    }
+	}
+	export class RequestTrace {
+	    id: number;
+	    startedAt: string;
+	    finishedAt?: string;
+	    durationMs: number;
+	    firstByteMs?: number;
+	    rawModel?: string;
+	    alias?: string;
+	    stream: boolean;
+	    success: boolean;
+	    statusCode?: number;
+	    error?: string;
+	    finalProvider?: string;
+	    finalModel?: string;
+	    finalUrl?: string;
+	    failover: boolean;
+	    attemptCount: number;
+	    requestHeaders?: Record<string, string>;
+	    requestParams?: any;
+	    attempts: TraceAttempt[];
+	
+	    static createFrom(source: any = {}) {
+	        return new RequestTrace(source);
+	    }
+	
+	    constructor(source: any = {}) {
+	        if ('string' === typeof source) source = JSON.parse(source);
+	        this.id = source["id"];
+	        this.startedAt = source["startedAt"];
+	        this.finishedAt = source["finishedAt"];
+	        this.durationMs = source["durationMs"];
+	        this.firstByteMs = source["firstByteMs"];
+	        this.rawModel = source["rawModel"];
+	        this.alias = source["alias"];
+	        this.stream = source["stream"];
+	        this.success = source["success"];
+	        this.statusCode = source["statusCode"];
+	        this.error = source["error"];
+	        this.finalProvider = source["finalProvider"];
+	        this.finalModel = source["finalModel"];
+	        this.finalUrl = source["finalUrl"];
+	        this.failover = source["failover"];
+	        this.attemptCount = source["attemptCount"];
+	        this.requestHeaders = source["requestHeaders"];
+	        this.requestParams = source["requestParams"];
+	        this.attempts = this.convertValues(source["attempts"], TraceAttempt);
+	    }
+	
+		convertValues(a: any, classs: any, asMap: boolean = false): any {
+		    if (!a) {
+		        return a;
+		    }
+		    if (a.slice && a.map) {
+		        return (a as any[]).map(elem => this.convertValues(elem, classs));
+		    } else if ("object" === typeof a) {
+		        if (asMap) {
+		            for (const key of Object.keys(a)) {
+		                a[key] = new classs(a[key]);
+		            }
+		            return a;
+		        }
+		        return new classs(a);
+		    }
+		    return a;
+		}
+	}
 	export class Service {
 	
 	
diff --git a/internal/app/service.go b/internal/app/service.go
index 87b235f..f86cb63 100644
--- a/internal/app/service.go
+++ b/internal/app/service.go
@@ -15,16 +15,18 @@ import (
 
 type Service struct {
 	configPath string
+	traces     *proxy.TraceStore
 
 	mu          sync.Mutex
 	proxyCancel context.CancelFunc
 	proxyDone   chan struct{}
+	proxyReady  chan error
 	proxyErr    error
 	proxyStatus ProxyStatusView
 }
 
 func NewService(configPath string) *Service {
-	return &Service{configPath: strings.TrimSpace(configPath)}
+	return &Service{configPath: strings.TrimSpace(configPath), traces: proxy.NewTraceStore(200)}
 }
 
 func (s *Service) ConfigPath() string {
@@ -155,7 +157,6 @@ func (s *Service) ApplyOpenCodeSync(ctx context.Context, in SyncInput) (SyncResu
 }
 
 func (s *Service) StartProxy(ctx context.Context) error {
-	_ = ctx
 	cfg, err := s.loadConfig()
 	if err != nil {
 		return err
@@ -165,29 +166,36 @@ func (s *Service) StartProxy(ctx context.Context) error {
 	}
 
 	bindAddress := proxyBindAddress(cfg)
-	started := false
 
 	s.mu.Lock()
 	if s.proxyCancel == nil {
 		runCtx, cancel := context.WithCancel(context.Background())
 		done := make(chan struct{})
+		ready := make(chan error, 1)
 		s.proxyCancel = cancel
 		s.proxyDone = done
+		s.proxyReady = ready
 		s.proxyErr = nil
 		s.proxyStatus = ProxyStatusView{
 			Running:     true,
 			BindAddress: bindAddress,
-			StartedAt:   time.Now(),
+			StartedAt:   formatTimestamp(time.Now()),
 		}
-		started = true
-		go s.runProxy(runCtx, cancel, done, cfg, bindAddress)
+		go s.runProxy(runCtx, cancel, done, ready, cfg, bindAddress)
 	}
+	ready := s.proxyReady
+	done := s.proxyDone
 	s.mu.Unlock()
 
-	if !started {
-		return nil
+	select {
+	case err := <-ready:
+		return err
+	case <-done:
+		return s.WaitProxy(context.Background())
+	case <-ctx.Done():
+		_ = s.StopProxy(context.Background())
+		return ctx.Err()
 	}
-	return nil
 }
 
 func (s *Service) StopProxy(ctx context.Context) error {
@@ -234,6 +242,47 @@ func (s *Service) GetProxyStatus(ctx context.Context) (ProxyStatusView, error) {
 	return s.currentProxyStatus(proxyBindAddress(cfg)), nil
 }
 
+func (s *Service) GetProxySettings(ctx context.Context) (ProxySettingsView, error) {
+	_ = ctx
+	cfg, err := s.loadConfig()
+	if err != nil {
+		return ProxySettingsView{}, err
+	}
+	return proxySettingsView(cfg.Server), nil
+}
+
+func (s *Service) SaveProxySettings(ctx context.Context, in ProxySettingsInput) (ProxySettingsSaveResult, error) {
+	_ = ctx
+	cfg, err := s.loadConfig()
+	if err != nil {
+		return ProxySettingsSaveResult{}, err
+	}
+	cfg.Server.ConnectTimeoutMs = normalizePositiveInt(in.ConnectTimeoutMs, config.DefaultConnectTimeoutMs)
+	cfg.Server.ResponseHeaderTimeoutMs = normalizePositiveInt(in.ResponseHeaderTimeoutMs, config.DefaultResponseHeaderTimeoutMs)
+	cfg.Server.FirstByteTimeoutMs = normalizePositiveInt(in.FirstByteTimeoutMs, config.DefaultFirstByteTimeoutMs)
+	cfg.Server.RequestReadTimeoutMs = normalizePositiveInt(in.RequestReadTimeoutMs, config.DefaultRequestReadTimeoutMs)
+	cfg.Server.StreamIdleTimeoutMs = normalizePositiveInt(in.StreamIdleTimeoutMs, config.DefaultStreamIdleTimeoutMs)
+	if err := cfg.Save(); err != nil {
+		return ProxySettingsSaveResult{}, err
+	}
+	warnings := []string{}
+	status := s.currentProxyStatus(proxyBindAddress(cfg))
+	if status.Running {
+		warnings = append(warnings, "saved proxy timeout settings; restart proxy to apply changes")
+	}
+	return ProxySettingsSaveResult{Settings: proxySettingsView(cfg.Server), Warnings: warnings}, nil
+}
+
+func (s *Service) ListRequestTraces(ctx context.Context, limit int) ([]RequestTrace, error) {
+	_ = ctx
+	raw := s.traces.List(limit)
+	out := make([]RequestTrace, 0, len(raw))
+	for _, trace := range raw {
+		out = append(out, requestTraceView(trace))
+	}
+	return out, nil
+}
+
 func (s *Service) GetDesktopPrefs(ctx context.Context) (DesktopPrefsView, error) {
 	_ = ctx
 	cfg, err := s.loadConfig()
@@ -251,6 +300,7 @@ func (s *Service) SaveDesktopPrefs(ctx context.Context, in DesktopPrefsInput) (D
 	}
 	cfg.Desktop = config.Desktop{
 		LaunchAtLogin:  in.LaunchAtLogin,
+		AutoStartProxy: in.AutoStartProxy,
 		MinimizeToTray: in.MinimizeToTray,
 		Notifications:  in.Notifications,
 		Theme:          normalizeThemePreference(in.Theme),
@@ -322,13 +372,14 @@ func (s *Service) currentProxyStatus(bindAddress string) ProxyStatusView {
 	return status
 }
 
-func (s *Service) runProxy(runCtx context.Context, cancel context.CancelFunc, done chan struct{}, cfg *config.Config, bindAddress string) {
-	err := proxy.New(cfg).ListenAndServe(runCtx)
+func (s *Service) runProxy(runCtx context.Context, cancel context.CancelFunc, done chan struct{}, ready chan error, cfg *config.Config, bindAddress string) {
+	err := proxy.New(cfg, s.traces).ListenAndServeWithReady(runCtx, ready)
 	s.mu.Lock()
 	defer s.mu.Unlock()
 	if s.proxyDone == done {
 		s.proxyCancel = nil
 		s.proxyDone = nil
+		s.proxyReady = nil
 	}
 	s.proxyErr = err
 	status := s.proxyStatus
@@ -387,6 +438,7 @@ func doctorIssues(errs []error) []DoctorIssue {
 func desktopPrefsView(prefs config.Desktop) DesktopPrefsView {
 	return DesktopPrefsView{
 		LaunchAtLogin:  prefs.LaunchAtLogin,
+		AutoStartProxy: prefs.AutoStartProxy,
 		MinimizeToTray: prefs.MinimizeToTray,
 		Notifications:  prefs.Notifications,
 		Theme:          normalizeThemePreference(prefs.Theme),
@@ -394,6 +446,23 @@ func desktopPrefsView(prefs config.Desktop) DesktopPrefsView {
 	}
 }
 
+func proxySettingsView(server config.Server) ProxySettingsView {
+	return ProxySettingsView{
+		ConnectTimeoutMs:        normalizePositiveInt(server.ConnectTimeoutMs, config.DefaultConnectTimeoutMs),
+		ResponseHeaderTimeoutMs: normalizePositiveInt(server.ResponseHeaderTimeoutMs, config.DefaultResponseHeaderTimeoutMs),
+		FirstByteTimeoutMs:      normalizePositiveInt(server.FirstByteTimeoutMs, config.DefaultFirstByteTimeoutMs),
+		RequestReadTimeoutMs:    normalizePositiveInt(server.RequestReadTimeoutMs, config.DefaultRequestReadTimeoutMs),
+		StreamIdleTimeoutMs:     normalizePositiveInt(server.StreamIdleTimeoutMs, config.DefaultStreamIdleTimeoutMs),
+	}
+}
+
+func normalizePositiveInt(value int, fallback int) int {
+	if value <= 0 {
+		return fallback
+	}
+	return value
+}
+
 func normalizeThemePreference(value string) string {
 	trimmed := strings.TrimSpace(value)
 	switch trimmed {
@@ -460,6 +529,13 @@ func cloneHeaders(in map[string]string) map[string]string {
 	return out
 }
 
+func formatTimestamp(value time.Time) string {
+	if value.IsZero() {
+		return ""
+	}
+	return value.Format(time.RFC3339Nano)
+}
+
 func maskKey(k string) string {
 	if k == "" {
 		return ""
diff --git a/internal/app/service_test.go b/internal/app/service_test.go
index 4ed8d81..55427c3 100644
--- a/internal/app/service_test.go
+++ b/internal/app/service_test.go
@@ -23,6 +23,7 @@ func TestSaveDesktopPrefsPersistsToConfig(t *testing.T) {
 
 	prefs, err := svc.SaveDesktopPrefs(context.Background(), DesktopPrefsInput{
 		LaunchAtLogin:  true,
+		AutoStartProxy: true,
 		MinimizeToTray: true,
 		Notifications:  true,
 		Theme:          "dark",
@@ -31,7 +32,7 @@ func TestSaveDesktopPrefsPersistsToConfig(t *testing.T) {
 	if err != nil {
 		t.Fatalf("SaveDesktopPrefs() error = %v", err)
 	}
-	if !prefs.LaunchAtLogin || !prefs.MinimizeToTray || !prefs.Notifications || prefs.Theme != "dark" || prefs.Language != "zh-CN" {
+	if !prefs.LaunchAtLogin || !prefs.AutoStartProxy || !prefs.MinimizeToTray || !prefs.Notifications || prefs.Theme != "dark" || prefs.Language != "zh-CN" {
 		t.Fatalf("SaveDesktopPrefs() = %#v", prefs)
 	}
 
@@ -39,7 +40,7 @@ func TestSaveDesktopPrefsPersistsToConfig(t *testing.T) {
 	if err != nil {
 		t.Fatalf("config.Load() error = %v", err)
 	}
-	if !cfg.Desktop.LaunchAtLogin || !cfg.Desktop.MinimizeToTray || !cfg.Desktop.Notifications || cfg.Desktop.Theme != "dark" || cfg.Desktop.Language != "zh-CN" {
+	if !cfg.Desktop.LaunchAtLogin || !cfg.Desktop.AutoStartProxy || !cfg.Desktop.MinimizeToTray || !cfg.Desktop.Notifications || cfg.Desktop.Theme != "dark" || cfg.Desktop.Language != "zh-CN" {
 		t.Fatalf("persisted desktop prefs = %#v", cfg.Desktop)
 	}
 }
@@ -62,6 +63,102 @@ func TestSaveDesktopPrefsNormalizesUnknownThemeAndLanguage(t *testing.T) {
 	}
 }
 
+func TestSaveProxySettingsPersistsToConfig(t *testing.T) {
+	t.Parallel()
+
+	path := filepath.Join(t.TempDir(), "ocswitch.json")
+	svc := NewService(path)
+
+	result, err := svc.SaveProxySettings(context.Background(), ProxySettingsInput{
+		ConnectTimeoutMs:        12000,
+		ResponseHeaderTimeoutMs: 21000,
+		FirstByteTimeoutMs:      22000,
+		RequestReadTimeoutMs:    33000,
+		StreamIdleTimeoutMs:     70000,
+	})
+	if err != nil {
+		t.Fatalf("SaveProxySettings() error = %v", err)
+	}
+	if result.Settings.ConnectTimeoutMs != 12000 || result.Settings.ResponseHeaderTimeoutMs != 21000 || result.Settings.FirstByteTimeoutMs != 22000 || result.Settings.RequestReadTimeoutMs != 33000 || result.Settings.StreamIdleTimeoutMs != 70000 {
+		t.Fatalf("SaveProxySettings() = %#v", result.Settings)
+	}
+
+	cfg, err := config.Load(path)
+	if err != nil {
+		t.Fatalf("config.Load() error = %v", err)
+	}
+	if cfg.Server.ConnectTimeoutMs != 12000 || cfg.Server.ResponseHeaderTimeoutMs != 21000 || cfg.Server.FirstByteTimeoutMs != 22000 || cfg.Server.RequestReadTimeoutMs != 33000 || cfg.Server.StreamIdleTimeoutMs != 70000 {
+		t.Fatalf("persisted server settings = %#v", cfg.Server)
+	}
+}
+
+func TestSaveProxySettingsWarnsWhenProxyRunning(t *testing.T) {
+	t.Parallel()
+
+	path := filepath.Join(t.TempDir(), "ocswitch.json")
+	port := freePort(t)
+	cfg, err := config.Load(path)
+	if err != nil {
+		t.Fatalf("config.Load() error = %v", err)
+	}
+	cfg.Server.Host = "127.0.0.1"
+	cfg.Server.Port = port
+	if err := cfg.Save(); err != nil {
+		t.Fatalf("cfg.Save() error = %v", err)
+	}
+
+	svc := NewService(path)
+	if err := svc.StartProxy(context.Background()); err != nil {
+		t.Fatalf("StartProxy() error = %v", err)
+	}
+	defer func() { _ = svc.StopProxy(context.Background()) }()
+
+	result, err := svc.SaveProxySettings(context.Background(), ProxySettingsInput{ConnectTimeoutMs: 12000})
+	if err != nil {
+		t.Fatalf("SaveProxySettings() error = %v", err)
+	}
+	if len(result.Warnings) != 1 || !strings.Contains(result.Warnings[0], "restart proxy") {
+		t.Fatalf("warnings = %#v", result.Warnings)
+	}
+}
+
+func TestSaveProxySettingsNormalizesNonPositiveValues(t *testing.T) {
+	t.Parallel()
+
+	path := filepath.Join(t.TempDir(), "ocswitch.json")
+	svc := NewService(path)
+
+	result, err := svc.SaveProxySettings(context.Background(), ProxySettingsInput{
+		ConnectTimeoutMs:        0,
+		ResponseHeaderTimeoutMs: -1,
+		FirstByteTimeoutMs:      0,
+		RequestReadTimeoutMs:    -50,
+		StreamIdleTimeoutMs:     0,
+	})
+	if err != nil {
+		t.Fatalf("SaveProxySettings() error = %v", err)
+	}
+	if result.Settings.ConnectTimeoutMs != config.DefaultConnectTimeoutMs ||
+		result.Settings.ResponseHeaderTimeoutMs != config.DefaultResponseHeaderTimeoutMs ||
+		result.Settings.FirstByteTimeoutMs != config.DefaultFirstByteTimeoutMs ||
+		result.Settings.RequestReadTimeoutMs != config.DefaultRequestReadTimeoutMs ||
+		result.Settings.StreamIdleTimeoutMs != config.DefaultStreamIdleTimeoutMs {
+		t.Fatalf("normalized settings = %#v", result.Settings)
+	}
+
+	cfg, err := config.Load(path)
+	if err != nil {
+		t.Fatalf("config.Load() error = %v", err)
+	}
+	if cfg.Server.ConnectTimeoutMs != config.DefaultConnectTimeoutMs ||
+		cfg.Server.ResponseHeaderTimeoutMs != config.DefaultResponseHeaderTimeoutMs ||
+		cfg.Server.FirstByteTimeoutMs != config.DefaultFirstByteTimeoutMs ||
+		cfg.Server.RequestReadTimeoutMs != config.DefaultRequestReadTimeoutMs ||
+		cfg.Server.StreamIdleTimeoutMs != config.DefaultStreamIdleTimeoutMs {
+		t.Fatalf("persisted server settings = %#v", cfg.Server)
+	}
+}
+
 func TestStartStopProxyUpdatesStatus(t *testing.T) {
 	t.Parallel()
 
@@ -116,6 +213,104 @@ func TestStartStopProxyUpdatesStatus(t *testing.T) {
 	}
 }
 
+func TestStartProxyReturnsBindErrorWithoutRunningStatus(t *testing.T) {
+	t.Parallel()
+
+	path := filepath.Join(t.TempDir(), "ocswitch.json")
+	port := freePort(t)
+	listener, err := net.Listen("tcp", "127.0.0.1:"+itoa(port))
+	if err != nil {
+		t.Fatalf("net.Listen() error = %v", err)
+	}
+	defer listener.Close()
+
+	cfg, err := config.Load(path)
+	if err != nil {
+		t.Fatalf("config.Load() error = %v", err)
+	}
+	cfg.Server.Host = "127.0.0.1"
+	cfg.Server.Port = port
+	cfg.Server.APIKey = config.DefaultLocalAPIKey
+	if err := cfg.Save(); err != nil {
+		t.Fatalf("cfg.Save() error = %v", err)
+	}
+
+	svc := NewService(path)
+	err = svc.StartProxy(context.Background())
+	if err == nil {
+		t.Fatal("StartProxy() error = nil, want bind failure")
+	}
+	if !strings.Contains(strings.ToLower(err.Error()), "bind") {
+		t.Fatalf("StartProxy() error = %v, want bind failure", err)
+	}
+
+	status, statusErr := svc.GetProxyStatus(context.Background())
+	if statusErr != nil {
+		t.Fatalf("GetProxyStatus() error = %v", statusErr)
+	}
+	if status.Running {
+		t.Fatalf("status = %#v, want stopped", status)
+	}
+	if status.LastError == "" {
+		t.Fatalf("status = %#v, want last error", status)
+	}
+}
+
+func TestConcurrentStartProxyCallsShareStartupResult(t *testing.T) {
+	t.Parallel()
+
+	path := filepath.Join(t.TempDir(), "ocswitch.json")
+	port := freePort(t)
+	listener, err := net.Listen("tcp", "127.0.0.1:"+itoa(port))
+	if err != nil {
+		t.Fatalf("net.Listen() error = %v", err)
+	}
+	defer listener.Close()
+
+	cfg, err := config.Load(path)
+	if err != nil {
+		t.Fatalf("config.Load() error = %v", err)
+	}
+	cfg.Server.Host = "127.0.0.1"
+	cfg.Server.Port = port
+	cfg.Server.APIKey = config.DefaultLocalAPIKey
+	if err := cfg.Save(); err != nil {
+		t.Fatalf("cfg.Save() error = %v", err)
+	}
+
+	svc := NewService(path)
+	errCh := make(chan error, 2)
+	start := make(chan struct{})
+	for range 2 {
+		go func() {
+			<-start
+			errCh <- svc.StartProxy(context.Background())
+		}()
+	}
+	close(start)
+
+	for range 2 {
+		err := <-errCh
+		if err == nil {
+			t.Fatal("StartProxy() error = nil, want bind failure")
+		}
+		if !strings.Contains(strings.ToLower(err.Error()), "bind") {
+			t.Fatalf("StartProxy() error = %v, want bind failure", err)
+		}
+	}
+
+	status, statusErr := svc.GetProxyStatus(context.Background())
+	if statusErr != nil {
+		t.Fatalf("GetProxyStatus() error = %v", statusErr)
+	}
+	if status.Running {
+		t.Fatalf("status = %#v, want stopped", status)
+	}
+	if status.LastError == "" {
+		t.Fatalf("status = %#v, want last error", status)
+	}
+}
+
 func TestGetProxyStatusUsesCurrentConfigAddressWhenStopped(t *testing.T) {
 	t.Parallel()
 
diff --git a/internal/app/types.go b/internal/app/types.go
index 79fb4b6..1b89623 100644
--- a/internal/app/types.go
+++ b/internal/app/types.go
@@ -1,6 +1,6 @@
 package app
 
-import "time"
+import "github.com/Apale7/opencode-provider-switch/internal/proxy"
 
 type Overview struct {
 	ConfigPath       string           `json:"configPath"`
@@ -12,10 +12,123 @@ type Overview struct {
 }
 
 type ProxyStatusView struct {
-	Running     bool      `json:"running"`
-	BindAddress string    `json:"bindAddress"`
-	StartedAt   time.Time `json:"startedAt,omitempty"`
-	LastError   string    `json:"lastError,omitempty"`
+	Running     bool   `json:"running"`
+	BindAddress string `json:"bindAddress"`
+	StartedAt   string `json:"startedAt,omitempty"`
+	LastError   string `json:"lastError,omitempty"`
+}
+
+type ProxySettingsView struct {
+	ConnectTimeoutMs        int `json:"connectTimeoutMs"`
+	ResponseHeaderTimeoutMs int `json:"responseHeaderTimeoutMs"`
+	FirstByteTimeoutMs      int `json:"firstByteTimeoutMs"`
+	RequestReadTimeoutMs    int `json:"requestReadTimeoutMs"`
+	StreamIdleTimeoutMs     int `json:"streamIdleTimeoutMs"`
+}
+
+type ProxySettingsInput struct {
+	ConnectTimeoutMs        int `json:"connectTimeoutMs"`
+	ResponseHeaderTimeoutMs int `json:"responseHeaderTimeoutMs"`
+	FirstByteTimeoutMs      int `json:"firstByteTimeoutMs"`
+	RequestReadTimeoutMs    int `json:"requestReadTimeoutMs"`
+	StreamIdleTimeoutMs     int `json:"streamIdleTimeoutMs"`
+}
+
+type ProxySettingsSaveResult struct {
+	Settings ProxySettingsView `json:"settings"`
+	Warnings []string          `json:"warnings,omitempty"`
+}
+
+type RequestTrace struct {
+	ID             uint64            `json:"id"`
+	StartedAt      string            `json:"startedAt"`
+	FinishedAt     string            `json:"finishedAt,omitempty"`
+	DurationMs     int64             `json:"durationMs"`
+	FirstByteMs    int64             `json:"firstByteMs,omitempty"`
+	RawModel       string            `json:"rawModel,omitempty"`
+	Alias          string            `json:"alias,omitempty"`
+	Stream         bool              `json:"stream"`
+	Success        bool              `json:"success"`
+	StatusCode     int               `json:"statusCode,omitempty"`
+	Error          string            `json:"error,omitempty"`
+	FinalProvider  string            `json:"finalProvider,omitempty"`
+	FinalModel     string            `json:"finalModel,omitempty"`
+	FinalURL       string            `json:"finalUrl,omitempty"`
+	Failover       bool              `json:"failover"`
+	AttemptCount   int               `json:"attemptCount"`
+	RequestHeaders map[string]string `json:"requestHeaders,omitempty"`
+	RequestParams  any               `json:"requestParams,omitempty"`
+	Attempts       []TraceAttempt    `json:"attempts"`
+}
+
+type TraceAttempt struct {
+	Attempt         int               `json:"attempt"`
+	Provider        string            `json:"provider,omitempty"`
+	Model           string            `json:"model,omitempty"`
+	URL             string            `json:"url,omitempty"`
+	StartedAt       string            `json:"startedAt"`
+	DurationMs      int64             `json:"durationMs"`
+	FirstByteMs     int64             `json:"firstByteMs,omitempty"`
+	StatusCode      int               `json:"statusCode,omitempty"`
+	Success         bool              `json:"success"`
+	Retryable       bool              `json:"retryable"`
+	Skipped         bool              `json:"skipped"`
+	Result          string            `json:"result,omitempty"`
+	Error           string            `json:"error,omitempty"`
+	RequestHeaders  map[string]string `json:"requestHeaders,omitempty"`
+	RequestParams   any               `json:"requestParams,omitempty"`
+	ResponseHeaders map[string]string `json:"responseHeaders,omitempty"`
+	ResponseBody    string            `json:"responseBody,omitempty"`
+}
+
+func requestTraceView(trace proxy.RequestTrace) RequestTrace {
+	attempts := make([]TraceAttempt, 0, len(trace.Attempts))
+	for _, attempt := range trace.Attempts {
+		attempts = append(attempts, traceAttemptView(attempt))
+	}
+	return RequestTrace{
+		ID:             trace.ID,
+		StartedAt:      formatTimestamp(trace.StartedAt),
+		FinishedAt:     formatTimestamp(trace.FinishedAt),
+		DurationMs:     trace.DurationMs,
+		FirstByteMs:    trace.FirstByteMs,
+		RawModel:       trace.RawModel,
+		Alias:          trace.Alias,
+		Stream:         trace.Stream,
+		Success:        trace.Success,
+		StatusCode:     trace.StatusCode,
+		Error:          trace.Error,
+		FinalProvider:  trace.FinalProvider,
+		FinalModel:     trace.FinalModel,
+		FinalURL:       trace.FinalURL,
+		Failover:       trace.Failover,
+		AttemptCount:   trace.AttemptCount,
+		RequestHeaders: trace.RequestHeaders,
+		RequestParams:  trace.RequestParams,
+		Attempts:       attempts,
+	}
+}
+
+func traceAttemptView(attempt proxy.TraceAttempt) TraceAttempt {
+	return TraceAttempt{
+		Attempt:         attempt.Attempt,
+		Provider:        attempt.Provider,
+		Model:           attempt.Model,
+		URL:             attempt.URL,
+		StartedAt:       formatTimestamp(attempt.StartedAt),
+		DurationMs:      attempt.DurationMs,
+		FirstByteMs:     attempt.FirstByteMs,
+		StatusCode:      attempt.StatusCode,
+		Success:         attempt.Success,
+		Retryable:       attempt.Retryable,
+		Skipped:         attempt.Skipped,
+		Result:          attempt.Result,
+		Error:           attempt.Error,
+		RequestHeaders:  attempt.RequestHeaders,
+		RequestParams:   attempt.RequestParams,
+		ResponseHeaders: attempt.ResponseHeaders,
+		ResponseBody:    attempt.ResponseBody,
+	}
 }
 
 type ProviderView struct {
@@ -96,6 +209,7 @@ type SyncResult struct {
 
 type DesktopPrefsView struct {
 	LaunchAtLogin  bool   `json:"launchAtLogin"`
+	AutoStartProxy bool   `json:"autoStartProxy"`
 	MinimizeToTray bool   `json:"minimizeToTray"`
 	Notifications  bool   `json:"notifications"`
 	Theme          string `json:"theme"`
@@ -109,6 +223,7 @@ type DesktopPrefsSaveResult struct {
 
 type DesktopPrefsInput struct {
 	LaunchAtLogin  bool   `json:"launchAtLogin"`
+	AutoStartProxy bool   `json:"autoStartProxy"`
 	MinimizeToTray bool   `json:"minimizeToTray"`
 	Notifications  bool   `json:"notifications"`
 	Theme          string `json:"theme"`
diff --git a/internal/config/config.go b/internal/config/config.go
index 2ec8f9e..a4fa1b8 100644
--- a/internal/config/config.go
+++ b/internal/config/config.go
@@ -51,14 +51,28 @@ type Provider struct {
 
 // Server holds proxy listen settings.
 type Server struct {
-	Host   string `json:"host"`
-	Port   int    `json:"port"`
-	APIKey string `json:"api_key"`
+	Host                    string `json:"host"`
+	Port                    int    `json:"port"`
+	APIKey                  string `json:"api_key"`
+	ConnectTimeoutMs        int    `json:"connect_timeout_ms,omitempty"`
+	ResponseHeaderTimeoutMs int    `json:"response_header_timeout_ms,omitempty"`
+	FirstByteTimeoutMs      int    `json:"first_byte_timeout_ms,omitempty"`
+	RequestReadTimeoutMs    int    `json:"request_read_timeout_ms,omitempty"`
+	StreamIdleTimeoutMs     int    `json:"stream_idle_timeout_ms,omitempty"`
 }
 
+const (
+	DefaultConnectTimeoutMs        = 10_000
+	DefaultResponseHeaderTimeoutMs = 15_000
+	DefaultFirstByteTimeoutMs      = 15_000
+	DefaultRequestReadTimeoutMs    = 30_000
+	DefaultStreamIdleTimeoutMs     = 60_000
+)
+
 // Desktop holds desktop-shell user preferences.
 type Desktop struct {
 	LaunchAtLogin  bool   `json:"launch_at_login,omitempty"`
+	AutoStartProxy bool   `json:"auto_start_proxy,omitempty"`
 	MinimizeToTray bool   `json:"minimize_to_tray,omitempty"`
 	Notifications  bool   `json:"notifications,omitempty"`
 	Theme          string `json:"theme,omitempty"`
@@ -104,9 +118,14 @@ func ValidateProviderBaseURL(baseURL string) error {
 func Default() *Config {
 	return &Config{
 		Server: Server{
-			Host:   "127.0.0.1",
-			Port:   9982,
-			APIKey: DefaultLocalAPIKey,
+			Host:                    "127.0.0.1",
+			Port:                    9982,
+			APIKey:                  DefaultLocalAPIKey,
+			ConnectTimeoutMs:        DefaultConnectTimeoutMs,
+			ResponseHeaderTimeoutMs: DefaultResponseHeaderTimeoutMs,
+			FirstByteTimeoutMs:      DefaultFirstByteTimeoutMs,
+			RequestReadTimeoutMs:    DefaultRequestReadTimeoutMs,
+			StreamIdleTimeoutMs:     DefaultStreamIdleTimeoutMs,
 		},
 		Desktop:   Desktop{},
 		Providers: []Provider{},
@@ -158,6 +177,7 @@ func Load(path string) (*Config, error) {
 	if c.Server.APIKey == "" {
 		c.Server.APIKey = DefaultLocalAPIKey
 	}
+	normalizeServerTimeouts(&c.Server)
 	c.path = path
 	return c, nil
 }
@@ -448,8 +468,41 @@ func (c *Config) Validate() []error {
 	if c.Server.APIKey == DefaultLocalAPIKey && !isLoopbackHost(c.Server.Host) {
 		errs = append(errs, fmt.Errorf("server.api_key must not use the default value when listening on non-loopback host %q", c.Server.Host))
 	}
+	if c.Server.ConnectTimeoutMs <= 0 {
+		errs = append(errs, fmt.Errorf("server.connect_timeout_ms must be greater than 0"))
+	}
+	if c.Server.ResponseHeaderTimeoutMs <= 0 {
+		errs = append(errs, fmt.Errorf("server.response_header_timeout_ms must be greater than 0"))
+	}
+	if c.Server.FirstByteTimeoutMs <= 0 {
+		errs = append(errs, fmt.Errorf("server.first_byte_timeout_ms must be greater than 0"))
+	}
+	if c.Server.RequestReadTimeoutMs <= 0 {
+		errs = append(errs, fmt.Errorf("server.request_read_timeout_ms must be greater than 0"))
+	}
+	if c.Server.StreamIdleTimeoutMs <= 0 {
+		errs = append(errs, fmt.Errorf("server.stream_idle_timeout_ms must be greater than 0"))
+	}
 	return errs
 }
+
+func normalizeServerTimeouts(server *Server) {
+	if server == nil {
+		return
+	}
+	server.ConnectTimeoutMs = normalizeServerTimeoutMs(server.ConnectTimeoutMs, DefaultConnectTimeoutMs)
+	server.ResponseHeaderTimeoutMs = normalizeServerTimeoutMs(server.ResponseHeaderTimeoutMs, DefaultResponseHeaderTimeoutMs)
+	server.FirstByteTimeoutMs = normalizeServerTimeoutMs(server.FirstByteTimeoutMs, DefaultFirstByteTimeoutMs)
+	server.RequestReadTimeoutMs = normalizeServerTimeoutMs(server.RequestReadTimeoutMs, DefaultRequestReadTimeoutMs)
+	server.StreamIdleTimeoutMs = normalizeServerTimeoutMs(server.StreamIdleTimeoutMs, DefaultStreamIdleTimeoutMs)
+}
+
+func normalizeServerTimeoutMs(value int, fallback int) int {
+	if value <= 0 {
+		return fallback
+	}
+	return value
+}
 func isLoopbackHost(host string) bool {
 	host = strings.TrimSpace(host)
 	if host == "" || strings.EqualFold(host, "localhost") {
diff --git a/internal/desktop/app.go b/internal/desktop/app.go
index 9b608e9..ccc9218 100644
--- a/internal/desktop/app.go
+++ b/internal/desktop/app.go
@@ -2,6 +2,7 @@ package desktop
 
 import (
 	"context"
+	"errors"
 	"fmt"
 	"time"
 
@@ -62,9 +63,27 @@ func (a *App) Startup(ctx context.Context) {
 	a.notify.Attach(ctx)
 	a.auto.Attach(ctx)
 	_ = a.SyncDesktopPreferences(ctx)
+	if prefs, err := a.bindings.GetDesktopPrefs(ctx); err == nil && prefs.AutoStartProxy {
+		_, _ = a.bindings.StartProxy(ctx)
+		a.watchAutoStartProxyFailure()
+	}
 	a.tray.RefreshProxyStatus(ctx)
 }
 
+func (a *App) watchAutoStartProxyFailure() {
+	go func() {
+		waitCtx, cancel := context.WithTimeout(context.Background(), 1500*time.Millisecond)
+		defer cancel()
+		err := a.service.WaitProxy(waitCtx)
+		if err == nil || errors.Is(err, context.DeadlineExceeded) || errors.Is(err, context.Canceled) {
+			return
+		}
+		callCtx := a.callContext()
+		a.tray.RefreshProxyStatus(callCtx)
+		_ = a.notify.Send(callCtx, "Proxy failed to start", err.Error())
+	}()
+}
+
 func (a *App) BeforeClose(ctx context.Context) bool {
 	a.ctx = ctx
 	prevent, _ := a.tray.BeforeClose(ctx)
@@ -194,6 +213,18 @@ func (a *App) ProxyStatus() (app.ProxyStatusView, error) {
 	return a.bindings.GetProxyStatus(a.callContext())
 }
 
+func (a *App) RequestTraces(limit int) ([]app.RequestTrace, error) {
+	return a.bindings.ListRequestTraces(a.callContext(), limit)
+}
+
+func (a *App) ProxySettings() (app.ProxySettingsView, error) {
+	return a.bindings.GetProxySettings(a.callContext())
+}
+
+func (a *App) SaveProxySettings(in app.ProxySettingsInput) (app.ProxySettingsSaveResult, error) {
+	return a.bindings.SaveProxySettings(a.callContext(), in)
+}
+
 func (a *App) StartProxy() (app.ProxyStatusView, error) {
 	status, err := a.bindings.StartProxy(a.callContext())
 	if err != nil {
diff --git a/internal/desktop/bindings.go b/internal/desktop/bindings.go
index 1fa0a29..6deaadb 100644
--- a/internal/desktop/bindings.go
+++ b/internal/desktop/bindings.go
@@ -89,6 +89,18 @@ func (b *Bindings) GetProxyStatus(ctx context.Context) (app.ProxyStatusView, err
 	return b.service.GetProxyStatus(ctx)
 }
 
+func (b *Bindings) ListRequestTraces(ctx context.Context, limit int) ([]app.RequestTrace, error) {
+	return b.service.ListRequestTraces(ctx, limit)
+}
+
+func (b *Bindings) GetProxySettings(ctx context.Context) (app.ProxySettingsView, error) {
+	return b.service.GetProxySettings(ctx)
+}
+
+func (b *Bindings) SaveProxySettings(ctx context.Context, in app.ProxySettingsInput) (app.ProxySettingsSaveResult, error) {
+	return b.service.SaveProxySettings(ctx, in)
+}
+
 func (b *Bindings) StartProxy(ctx context.Context) (app.ProxyStatusView, error) {
 	if err := b.service.StartProxy(ctx); err != nil {
 		return app.ProxyStatusView{}, err
@@ -167,6 +179,18 @@ func (b *Bindings) ProxyStatus() (app.ProxyStatusView, error) {
 	return b.GetProxyStatus(context.Background())
 }
 
+func (b *Bindings) RequestTraces(limit int) ([]app.RequestTrace, error) {
+	return b.ListRequestTraces(context.Background(), limit)
+}
+
+func (b *Bindings) ProxySettings() (app.ProxySettingsView, error) {
+	return b.GetProxySettings(context.Background())
+}
+
+func (b *Bindings) SaveProxyConfig(in app.ProxySettingsInput) (app.ProxySettingsSaveResult, error) {
+	return b.SaveProxySettings(context.Background(), in)
+}
+
 func (b *Bindings) StartProxyNow() (app.ProxyStatusView, error) {
 	return b.StartProxy(context.Background())
 }
diff --git a/internal/desktop/http.go b/internal/desktop/http.go
index f1d573b..3933e47 100644
--- a/internal/desktop/http.go
+++ b/internal/desktop/http.go
@@ -298,6 +298,32 @@ func newHandler(instance *App, version string, baseURL string) (http.Handler, er
 		writeResult(w, data, err)
 	})
 
+	api.HandleFunc("/api/proxy/settings", func(w http.ResponseWriter, r *http.Request) {
+		switch r.Method {
+		case http.MethodGet:
+			data, err := b.GetProxySettings(r.Context())
+			writeResult(w, data, err)
+		case http.MethodPost:
+			var in appcore.ProxySettingsInput
+			if !decodeJSONBody(w, r, &in) {
+				return
+			}
+			data, err := b.SaveProxySettings(r.Context(), in)
+			writeResult(w, data, err)
+		default:
+			writeMethodNotAllowed(w, http.MethodGet, http.MethodPost)
+		}
+	})
+
+	api.HandleFunc("/api/proxy/traces", func(w http.ResponseWriter, r *http.Request) {
+		if r.Method != http.MethodGet {
+			writeMethodNotAllowed(w, http.MethodGet)
+			return
+		}
+		data, err := b.ListRequestTraces(r.Context(), 100)
+		writeResult(w, data, err)
+	})
+
 	api.HandleFunc("/api/proxy/start", func(w http.ResponseWriter, r *http.Request) {
 		if r.Method != http.MethodPost {
 			writeMethodNotAllowed(w, http.MethodPost)
diff --git a/internal/desktop/http_test.go b/internal/desktop/http_test.go
index 87bf84b..b134571 100644
--- a/internal/desktop/http_test.go
+++ b/internal/desktop/http_test.go
@@ -4,12 +4,14 @@ import (
 	"context"
 	"encoding/json"
 	"fmt"
+	"net"
 	"net/http"
 	"net/http/httptest"
 	"os"
 	"path/filepath"
 	"strings"
 	"testing"
+	"time"
 
 	"github.com/Apale7/opencode-provider-switch/internal/app"
 	"github.com/Apale7/opencode-provider-switch/internal/config"
@@ -76,8 +78,89 @@ func TestDesktopHTTPHandlerServesOverviewAndStaticApp(t *testing.T) {
 		}
 	})
 
+	t.Run("request traces api", func(t *testing.T) {
+		instance.Service().ListRequestTraces(context.Background(), 10)
+		req := httptest.NewRequest(http.MethodGet, "/api/proxy/traces", nil)
+		resp := httptest.NewRecorder()
+		h.ServeHTTP(resp, req)
+
+		if resp.Code != http.StatusOK {
+			t.Fatalf("status = %d, want %d", resp.Code, http.StatusOK)
+		}
+		var payload struct {
+			Data []app.RequestTrace `json:"data"`
+		}
+		if err := json.Unmarshal(resp.Body.Bytes(), &payload); err != nil {
+			t.Fatalf("json.Unmarshal() error = %v", err)
+		}
+		if len(payload.Data) != 0 {
+			t.Fatalf("traces = %#v, want empty list", payload.Data)
+		}
+	})
+
+	t.Run("proxy settings api", func(t *testing.T) {
+		req := httptest.NewRequest(http.MethodGet, "/api/proxy/settings", nil)
+		resp := httptest.NewRecorder()
+		h.ServeHTTP(resp, req)
+
+		if resp.Code != http.StatusOK {
+			t.Fatalf("status = %d, want %d", resp.Code, http.StatusOK)
+		}
+		var payload struct {
+			Data app.ProxySettingsView `json:"data"`
+		}
+		if err := json.Unmarshal(resp.Body.Bytes(), &payload); err != nil {
+			t.Fatalf("json.Unmarshal() error = %v", err)
+		}
+		if payload.Data.ConnectTimeoutMs != config.DefaultConnectTimeoutMs || payload.Data.FirstByteTimeoutMs != config.DefaultFirstByteTimeoutMs {
+			t.Fatalf("proxy settings = %#v", payload.Data)
+		}
+	})
+
+	t.Run("save proxy settings", func(t *testing.T) {
+		req := httptest.NewRequest(http.MethodPost, "/api/proxy/settings", strings.NewReader(`{"connectTimeoutMs":12000,"responseHeaderTimeoutMs":21000,"firstByteTimeoutMs":22000,"requestReadTimeoutMs":33000,"streamIdleTimeoutMs":70000}`))
+		req.Header.Set("Content-Type", "application/json")
+		resp := httptest.NewRecorder()
+		h.ServeHTTP(resp, req)
+
+		if resp.Code != http.StatusOK {
+			t.Fatalf("status = %d, want %d body=%s", resp.Code, http.StatusOK, resp.Body.String())
+		}
+		loaded, err := config.Load(path)
+		if err != nil {
+			t.Fatalf("config.Load() error = %v", err)
+		}
+		if loaded.Server.ConnectTimeoutMs != 12000 || loaded.Server.ResponseHeaderTimeoutMs != 21000 || loaded.Server.FirstByteTimeoutMs != 22000 || loaded.Server.RequestReadTimeoutMs != 33000 || loaded.Server.StreamIdleTimeoutMs != 70000 {
+			t.Fatalf("persisted server settings = %#v", loaded.Server)
+		}
+	})
+
+	t.Run("save proxy settings normalizes non-positive values", func(t *testing.T) {
+		req := httptest.NewRequest(http.MethodPost, "/api/proxy/settings", strings.NewReader(`{"connectTimeoutMs":0,"responseHeaderTimeoutMs":-1,"firstByteTimeoutMs":0,"requestReadTimeoutMs":-50,"streamIdleTimeoutMs":0}`))
+		req.Header.Set("Content-Type", "application/json")
+		resp := httptest.NewRecorder()
+		h.ServeHTTP(resp, req)
+
+		if resp.Code != http.StatusOK {
+			t.Fatalf("status = %d, want %d body=%s", resp.Code, http.StatusOK, resp.Body.String())
+		}
+		var payload struct {
+			Data app.ProxySettingsSaveResult `json:"data"`
+		}
+		if err := json.Unmarshal(resp.Body.Bytes(), &payload); err != nil {
+			t.Fatalf("json.Unmarshal() error = %v", err)
+		}
+		if payload.Data.Settings.ConnectTimeoutMs != config.DefaultConnectTimeoutMs ||
+			payload.Data.Settings.ResponseHeaderTimeoutMs != config.DefaultResponseHeaderTimeoutMs ||
+			payload.Data.Settings.FirstByteTimeoutMs != config.DefaultFirstByteTimeoutMs ||
+			payload.Data.Settings.RequestReadTimeoutMs != config.DefaultRequestReadTimeoutMs ||
+			payload.Data.Settings.StreamIdleTimeoutMs != config.DefaultStreamIdleTimeoutMs {
+			t.Fatalf("proxy settings payload = %#v", payload.Data.Settings)
+		}
+	})
+
 	t.Run("save desktop prefs", func(t *testing.T) {
-		req := httptest.NewRequest(http.MethodPost, "/api/desktop-prefs", strings.NewReader(`{"launchAtLogin":true,"minimizeToTray":true,"notifications":true,"theme":"dark","language":"zh-CN"}`))
+		req := httptest.NewRequest(http.MethodPost, "/api/desktop-prefs", strings.NewReader(`{"launchAtLogin":true,"autoStartProxy":true,"minimizeToTray":true,"notifications":true,"theme":"dark","language":"zh-CN"}`))
 		req.Header.Set("Content-Type", "application/json")
 		resp := httptest.NewRecorder()
 		h.ServeHTTP(resp, req)
@@ -89,11 +172,148 @@ func TestDesktopHTTPHandlerServesOverviewAndStaticApp(t *testing.T) {
 		if err != nil {
 			t.Fatalf("config.Load() error = %v", err)
 		}
-		if !loaded.Desktop.LaunchAtLogin || !loaded.Desktop.MinimizeToTray || !loaded.Desktop.Notifications || loaded.Desktop.Theme != "dark" || loaded.Desktop.Language != "zh-CN" {
+		if !loaded.Desktop.LaunchAtLogin || !loaded.Desktop.AutoStartProxy || !loaded.Desktop.MinimizeToTray || !loaded.Desktop.Notifications || loaded.Desktop.Theme != "dark" || loaded.Desktop.Language != "zh-CN" {
 			t.Fatalf("persisted desktop prefs = %#v", loaded.Desktop)
 		}
 	})
 
+	t.Run("startup auto starts proxy when enabled", func(t *testing.T) {
+		port := freePort(t)
+		cfg, err := config.Load(path)
+		if err != nil {
+			t.Fatalf("config.Load() error = %v", err)
+		}
+		cfg.Server.Host = "127.0.0.1"
+		cfg.Server.Port = port
+		cfg.Server.APIKey = config.DefaultLocalAPIKey
+		cfg.Desktop.AutoStartProxy = true
+		if err := cfg.Save(); err != nil {
+			t.Fatalf("cfg.Save() error = %v", err)
+		}
+
+		tray := &spyTray{}
+		notify := &spyNotifier{}
+		originalTray := instance.tray
+		originalNotify := instance.notify
+		defer func() {
+			instance.tray = originalTray
+			instance.notify = originalNotify
+			_ = instance.Service().StopProxy(context.Background())
+		}()
+		instance.tray = tray
+		instance.notify = notify
+
+		instance.Startup(context.Background())
+
+		status, err := instance.Service().GetProxyStatus(context.Background())
+		if err != nil {
+			t.Fatalf("GetProxyStatus() error = %v", err)
+		}
+		if !status.Running {
+			t.Fatalf("status = %#v, want running", status)
+		}
+		if tray.refreshCalls != 1 {
+			t.Fatalf("tray refreshCalls = %d, want 1", tray.refreshCalls)
+		}
+		if len(notify.sends) != 0 {
+			t.Fatalf("startup notifications = %#v, want none", notify.sends)
+		}
+	})
+
+	t.Run("startup auto start surfaces failure without success toast", func(t *testing.T) {
+		port := freePort(t)
+		listener, err := net.Listen("tcp", fmt.Sprintf("127.0.0.1:%d", port))
+		if err != nil {
+			t.Fatalf("net.Listen() error = %v", err)
+		}
+		defer listener.Close()
+
+		cfg, err := config.Load(path)
+		if err != nil {
+			t.Fatalf("config.Load() error = %v", err)
+		}
+		cfg.Server.Host = "127.0.0.1"
+		cfg.Server.Port = port
+		cfg.Server.APIKey = config.DefaultLocalAPIKey
+		cfg.Desktop.AutoStartProxy = true
+		if err := cfg.Save(); err != nil {
+			t.Fatalf("cfg.Save() error = %v", err)
+		}
+
+		tray := &spyTray{}
+		notify := &spyNotifier{}
+		originalTray := instance.tray
+		originalNotify := instance.notify
+		defer func() {
+			instance.tray = originalTray
+			instance.notify = originalNotify
+			_ = instance.Service().StopProxy(context.Background())
+		}()
+		instance.tray = tray
+		instance.notify = notify
+
+		instance.Startup(context.Background())
+
+		assertEventually(t, func() bool {
+			return len(notify.sends) == 1
+		})
+
+		status, err := instance.Service().GetProxyStatus(context.Background())
+		if err != nil {
+			t.Fatalf("GetProxyStatus() error = %v", err)
+		}
+		if status.Running {
+			t.Fatalf("status = %#v, want stopped after failure", status)
+		}
+		if status.LastError == "" {
+			t.Fatalf("status = %#v, want last error", status)
+		}
+		if len(notify.sends) != 1 {
+			t.Fatalf("notifications = %#v, want 1 failure notice", notify.sends)
+		}
+		if notify.sends[0].Title != "Proxy failed to start" {
+			t.Fatalf("notification = %#v, want failure title", notify.sends[0])
+		}
+		if !strings.Contains(strings.ToLower(notify.sends[0].Body), "bind") {
+			t.Fatalf("notification = %#v, want bind error", notify.sends[0])
+		}
+		if tray.refreshCalls < 2 {
+			t.Fatalf("tray refreshCalls = %d, want refresh after failure", tray.refreshCalls)
+		}
+	})
+
+	t.Run("proxy start api surfaces bind failure", func(t *testing.T) {
+		port := freePort(t)
+		listener, err := net.Listen("tcp", fmt.Sprintf("127.0.0.1:%d", port))
+		if err != nil {
+			t.Fatalf("net.Listen() error = %v", err)
+		}
+		defer listener.Close()
+
+		cfg, err := config.Load(path)
+		if err != nil {
+			t.Fatalf("config.Load() error = %v", err)
+		}
+		cfg.Server.Host = "127.0.0.1"
+		cfg.Server.Port = port
+		cfg.Server.APIKey = config.DefaultLocalAPIKey
+		cfg.Desktop.AutoStartProxy = false
+		if err := cfg.Save(); err != nil {
+			t.Fatalf("cfg.Save() error = %v", err)
+		}
+
+		req := httptest.NewRequest(http.MethodPost, "/api/proxy/start", nil)
+		resp := httptest.NewRecorder()
+		h.ServeHTTP(resp, req)
+
+		if resp.Code != http.StatusBadRequest {
+			t.Fatalf("status = %d, want %d body=%s", resp.Code, http.StatusBadRequest, resp.Body.String())
+		}
+		if !strings.Contains(strings.ToLower(resp.Body.String()), "bind") {
+			t.Fatalf("body = %q, want bind error", resp.Body.String())
+		}
+	})
+
 	t.Run("save desktop prefs keeps success with integration warning", func(t *testing.T) {
 		originalAuto := instance.auto
 		instance.auto = failingAutoStart{message: "startup folder unavailable"}
@@ -407,6 +627,7 @@ func (s *spyTray) BeforeClose(_ context.Context) (bool, error) {
 type spyNotifier struct {
 	syncCalls int
 	lastPrefs app.DesktopPrefsView
+	sends     []notifyCall
 }
 
 func (s *spyNotifier) Attach(_ context.Context) {}
@@ -418,6 +639,34 @@ func (s *spyNotifier) Sync(_ context.Context, prefs app.DesktopPrefsView) {
 	s.lastPrefs = prefs
 }
 
-func (s *spyNotifier) Send(_ context.Context, _ string, _ string) error {
+func (s *spyNotifier) Send(_ context.Context, title string, body string) error {
+	s.sends = append(s.sends, notifyCall{Title: title, Body: body})
 	return nil
 }
+
+type notifyCall struct {
+	Title string
+	Body  string
+}
+
+func assertEventually(t *testing.T, fn func() bool) {
+	t.Helper()
+	deadline := time.Now().Add(2 * time.Second)
+	for time.Now().Before(deadline) {
+		if fn() {
+			return
+		}
+		time.Sleep(20 * time.Millisecond)
+	}
+	t.Fatal("condition not satisfied before timeout")
+}
+
+func freePort(t *testing.T) int {
+	t.Helper()
+	listener, err := net.Listen("tcp", "127.0.0.1:0")
+	if err != nil {
+		t.Fatalf("net.Listen() error = %v", err)
+	}
+	defer listener.Close()
+	return listener.Addr().(*net.TCPAddr).Port
+}
diff --git a/internal/proxy/server.go b/internal/proxy/server.go
index a55c651..853238a 100644
--- a/internal/proxy/server.go
+++ b/internal/proxy/server.go
@@ -18,10 +18,6 @@ import (
 	"github.com/Apale7/opencode-provider-switch/internal/config"
 )
 
-var firstByteTimeout = 15 * time.Second
-var requestReadTimeout = 30 * time.Second
-var streamIdleTimeout = 60 * time.Second
-
 type openAIErrorEnvelope struct {
 	Error openAIError `json:"error"`
 }
@@ -43,21 +39,31 @@ type Server struct {
 	cfg    *config.Config
 	client *http.Client
 	logger *log.Logger
+	traces *TraceStore
 }
 
 // New constructs a Server from cfg.
-func New(cfg *config.Config) *Server {
+func New(cfg *config.Config, stores ...*TraceStore) *Server {
+	var traces *TraceStore
+	if len(stores) > 0 {
+		traces = stores[0]
+	}
+	if traces == nil {
+		traces = NewTraceStore(defaultTraceLimit)
+	}
+	firstByteTimeout := timeoutDuration(cfg.Server.FirstByteTimeoutMs, config.DefaultFirstByteTimeoutMs)
+	responseHeaderTimeout := timeoutDuration(cfg.Server.ResponseHeaderTimeoutMs, config.DefaultResponseHeaderTimeoutMs)
 	transport := &http.Transport{
 		Proxy: http.ProxyFromEnvironment,
 		DialContext: (&net.Dialer{
-			Timeout:   10 * time.Second,
+			Timeout:   timeoutDuration(cfg.Server.ConnectTimeoutMs, config.DefaultConnectTimeoutMs),
 			KeepAlive: 30 * time.Second,
 		}).DialContext,
 		MaxIdleConns:          100,
 		IdleConnTimeout:       90 * time.Second,
-		TLSHandshakeTimeout:   10 * time.Second,
+		TLSHandshakeTimeout:   timeoutDuration(cfg.Server.ConnectTimeoutMs, config.DefaultConnectTimeoutMs),
 		ExpectContinueTimeout: 1 * time.Second,
-		ResponseHeaderTimeout: firstByteTimeout,
+		ResponseHeaderTimeout: minDuration(responseHeaderTimeout, firstByteTimeout),
 		DisableCompression:    false,
 		ForceAttemptHTTP2:     true,
 	}
@@ -68,11 +74,18 @@ func New(cfg *config.Config) *Server {
 			Timeout:   0,
 		},
 		logger: log.New(log.Writer(), "[ocswitch] ", log.LstdFlags|log.Lmicroseconds),
+		traces: traces,
 	}
 }
 
 // ListenAndServe starts the HTTP listener until ctx is cancelled.
 func (s *Server) ListenAndServe(ctx context.Context) error {
+	return s.ListenAndServeWithReady(ctx, nil)
+}
+
+// ListenAndServeWithReady starts the HTTP listener until ctx is cancelled and
+// reports whether the listening socket was bound successfully.
+func (s *Server) ListenAndServeWithReady(ctx context.Context, ready chan<- error) error {
 	addr := fmt.Sprintf("%s:%d", s.cfg.Server.Host, s.cfg.Server.Port)
 	mux := http.NewServeMux()
 	mux.HandleFunc("/v1/responses", s.handleResponses)
@@ -81,14 +94,21 @@ func (s *Server) ListenAndServe(ctx context.Context) error {
 		w.WriteHeader(http.StatusOK)
 		_, _ = w.Write([]byte(`{"status":"ok"}`))
 	})
+	listener, err := net.Listen("tcp", addr)
+	if ready != nil {
+		ready <- err
+	}
+	if err != nil {
+		return err
+	}
 	srv := &http.Server{
 		Addr:              addr,
 		Handler:           mux,
 		ReadHeaderTimeout: 10 * time.Second,
-		ReadTimeout:       requestReadTimeout,
+		ReadTimeout:       timeoutDuration(s.cfg.Server.RequestReadTimeoutMs, config.DefaultRequestReadTimeoutMs),
 	}
 	errCh := make(chan error, 1)
-	go func() { errCh <- srv.ListenAndServe() }()
+	go func() { errCh <- srv.Serve(listener) }()
 	select {
 	case <-ctx.Done():
 		shutdownCtx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
@@ -142,6 +162,7 @@ var reqCounter uint64
 // handleResponses is the main alias→failover proxy entry.
 func (s *Server) handleResponses(w http.ResponseWriter, r *http.Request) {
 	reqID := atomic.AddUint64(&reqCounter, 1)
+	startedAt := time.Now()
 	if r.Method != http.MethodPost {
 		writeOpenAIError(w, http.StatusMethodNotAllowed, "method_not_allowed", "method not allowed")
 		return
@@ -168,21 +189,50 @@ func (s *Server) handleResponses(w http.ResponseWriter, r *http.Request) {
 	}
 	rawModel := aliasName
 	aliasName = normalizeAliasName(aliasName)
+	trace := RequestTrace{
+		ID:             reqID,
+		StartedAt:      startedAt,
+		RawModel:       rawModel,
+		Alias:          aliasName,
+		RequestHeaders: sanitizeHeaderMap(r.Header),
+		RequestParams:  sanitizeJSONValue("", payload),
+	}
+	if stream, ok := payload["stream"].(bool); ok {
+		trace.Stream = stream
+	}
+	defer func() {
+		trace.FinishedAt = time.Now()
+		trace.DurationMs = trace.FinishedAt.Sub(trace.StartedAt).Milliseconds()
+		trace.AttemptCount = len(trace.Attempts)
+		trace.Failover = len(trace.Attempts) > 1
+		if trace.FirstByteMs == 0 {
+			for _, attempt := range trace.Attempts {
+				if attempt.FirstByteMs > 0 {
+					trace.FirstByteMs = attempt.FirstByteMs
+					break
+				}
+			}
+		}
+		s.traces.Add(trace)
+	}()
 	s.logger.Printf("req=%d incoming model=%q alias=%q stream=%v", reqID, rawModel, aliasName, payload["stream"])
 	alias := s.cfg.FindAlias(aliasName)
 	if alias == nil {
 		s.logger.Printf("req=%d alias lookup failed for model=%q alias=%q", reqID, rawModel, aliasName)
+		trace.Error = fmt.Sprintf("alias %q not found", aliasName)
 		writeOpenAIError(w, http.StatusNotFound, "model_not_found", fmt.Sprintf("alias %q not found", aliasName))
 		return
 	}
 	if !alias.Enabled {
 		s.logger.Printf("req=%d alias=%q disabled", reqID, aliasName)
+		trace.Error = fmt.Sprintf("alias %q is disabled", aliasName)
 		writeOpenAIError(w, http.StatusNotFound, "model_not_found", fmt.Sprintf("alias %q is disabled", aliasName))
 		return
 	}
 	targets := s.cfg.AvailableTargets(*alias)
 	if len(targets) == 0 {
 		s.logger.Printf("req=%d alias=%q has no available targets", reqID, aliasName)
+		trace.Error = fmt.Sprintf("alias %q has no available targets", aliasName)
 		writeOpenAIError(w, http.StatusBadRequest, "invalid_request_error", fmt.Sprintf("alias %q has no available targets", aliasName))
 		return
 	}
@@ -190,28 +240,62 @@ func (s *Server) handleResponses(w http.ResponseWriter, r *http.Request) {
 	failoverCount := 0
 	var lastRetryable *upstreamFailure
 	for attempt, t := range targets {
+		attemptTrace := TraceAttempt{
+			Attempt:   attempt + 1,
+			Provider:  t.Provider,
+			Model:     t.Model,
+			StartedAt: time.Now(),
+			Result:    "pending",
+		}
 		p := s.cfg.FindProvider(t.Provider)
 		if p == nil || !p.IsEnabled() {
 			s.logger.Printf("req=%d alias=%s attempt=%d target provider %q unavailable, skipping", reqID, aliasName, attempt+1, t.Provider)
+			attemptTrace.Skipped = true
+			attemptTrace.Result = "skipped"
+			attemptTrace.Error = fmt.Sprintf("provider %q unavailable", t.Provider)
+			attemptTrace.DurationMs = time.Since(attemptTrace.StartedAt).Milliseconds()
+			trace.Attempts = append(trace.Attempts, attemptTrace)
 			failoverCount++
 			continue
 		}
 		s.logger.Printf("req=%d alias=%s attempt=%d provider=%s remote_model=%s failovers=%d", reqID, aliasName, attempt+1, p.ID, t.Model, failoverCount)
 		cloned := cloneMap(payload)
 		cloned["model"] = t.Model
+		upstreamURL := strings.TrimRight(p.BaseURL, "/") + "/responses"
+		attemptTrace.URL = upstreamURL
+		attemptTrace.RequestParams = sanitizeJSONValue("", cloned)
 		newBody, err := json.Marshal(cloned)
 		if err != nil {
 			s.logger.Printf("req=%d marshal error: %v", reqID, err)
+			attemptTrace.Result = "internal_error"
+			attemptTrace.Error = "marshal error"
+			attemptTrace.DurationMs = time.Since(attemptTrace.StartedAt).Milliseconds()
+			trace.Attempts = append(trace.Attempts, attemptTrace)
+			trace.Error = "marshal error"
 			writeOpenAIError(w, http.StatusInternalServerError, "server_error", "marshal error")
 			return
 		}
 
-		ok, retryable, upstreamErr, failure := s.tryOnce(r.Context(), w, r, p, t, newBody, aliasName, attempt+1, failoverCount)
-		if ok {
+		handled, success, retryable, upstreamErr, failure := s.tryOnce(r.Context(), w, r, p, t, newBody, aliasName, attempt+1, failoverCount, &attemptTrace, &trace)
+		attemptTrace.DurationMs = time.Since(attemptTrace.StartedAt).Milliseconds()
+		trace.Attempts = append(trace.Attempts, attemptTrace)
+		trace.FinalProvider = p.ID
+		trace.FinalModel = t.Model
+		trace.FinalURL = upstreamURL
+		trace.StatusCode = attemptTrace.StatusCode
+		if trace.FirstByteMs == 0 {
+			trace.FirstByteMs = attemptTrace.FirstByteMs
+		}
+		if handled {
+			trace.Success = success
+			if !success {
+				trace.Error = errorString(upstreamErr)
+			}
 			return
 		}
 		if !retryable {
 			s.logger.Printf("req=%d alias=%s attempt=%d final failure: %v", reqID, aliasName, attempt+1, upstreamErr)
+			trace.Error = errorString(upstreamErr)
 			return
 		}
 		if failure != nil {
@@ -222,6 +306,8 @@ func (s *Server) handleResponses(w http.ResponseWriter, r *http.Request) {
 	}
 
 	if lastRetryable != nil {
+		trace.StatusCode = lastRetryable.status
+		trace.Error = fmt.Sprintf("upstream %d", lastRetryable.status)
 		copyResponseHeaders(w.Header(), lastRetryable.header)
 		w.WriteHeader(lastRetryable.status)
 		if len(lastRetryable.body) > 0 {
@@ -230,11 +316,13 @@ func (s *Server) handleResponses(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
+	trace.StatusCode = http.StatusBadGateway
+	trace.Error = fmt.Sprintf("all upstream targets failed for alias %q", aliasName)
 	writeOpenAIError(w, http.StatusBadGateway, "server_error", fmt.Sprintf("all upstream targets failed for alias %q", aliasName))
 }
 
-// tryOnce proxies one attempt. Returns (ok, retryable, err, failure).
-// ok=true means successful response fully/partially written to client.
+// tryOnce proxies one attempt. Returns (handled, success, retryable, err, failure).
+// handled=true means a downstream response has already been started or completed.
 // retryable=true means failure happened before any bytes flushed downstream.
 func (s *Server) tryOnce(
 	ctx context.Context,
@@ -246,14 +334,16 @@ func (s *Server) tryOnce(
 	aliasName string,
 	attempt int,
 	failoverCount int,
-) (ok bool, retryable bool, err error, failure *upstreamFailure) {
+	attemptTrace *TraceAttempt,
+	trace *RequestTrace,
+) (handled bool, success bool, retryable bool, err error, failure *upstreamFailure) {
 	ctx, cancel := context.WithCancel(ctx)
 	defer cancel()
 
 	upstreamURL := strings.TrimRight(provider.BaseURL, "/") + "/responses"
 	upReq, err := http.NewRequestWithContext(ctx, http.MethodPost, upstreamURL, bytes.NewReader(body))
 	if err != nil {
-		return false, false, fmt.Errorf("build request: %w", err), nil
+		return false, false, false, fmt.Errorf("build request: %w", err), nil
 	}
 	copyForwardHeaders(upReq.Header, clientReq.Header)
 	upReq.Header.Set("Content-Type", "application/json")
@@ -265,46 +355,95 @@ func (s *Server) tryOnce(
 		upReq.Header.Set(k, v)
 	}
 	upReq.ContentLength = int64(len(body))
+	if attemptTrace != nil {
+		attemptTrace.RequestHeaders = sanitizeHeaderMap(upReq.Header)
+	}
 
 	startedAt := time.Now()
+	firstByteTimeout := timeoutDuration(s.cfg.Server.FirstByteTimeoutMs, config.DefaultFirstByteTimeoutMs)
 	resp, err := s.client.Do(upReq)
 	if err != nil {
-		return false, true, fmt.Errorf("upstream dial/transport: %w", err), nil
+		if attemptTrace != nil {
+			attemptTrace.Retryable = true
+			attemptTrace.Result = "transport_error"
+			attemptTrace.Error = fmt.Sprintf("upstream dial/transport: %v", err)
+		}
+		return false, false, true, fmt.Errorf("upstream dial/transport: %w", err), nil
 	}
 	defer resp.Body.Close()
+	if attemptTrace != nil {
+		attemptTrace.StatusCode = resp.StatusCode
+		attemptTrace.ResponseHeaders = sanitizeHeaderMap(resp.Header)
+	}
 
 	if resp.StatusCode >= 500 || resp.StatusCode == http.StatusTooManyRequests {
 		failure = captureRetryableFailure(resp)
-		return false, true, fmt.Errorf("upstream %d: %s", resp.StatusCode, truncate(string(failure.body), 200)), failure
+		sanitizedBody := sanitizeResponseBody(resp.Header.Get("Content-Type"), failure.body)
+		if attemptTrace != nil {
+			attemptTrace.Retryable = true
+			attemptTrace.Result = "retryable_failure"
+			attemptTrace.Error = fmt.Sprintf("upstream %d: %s", resp.StatusCode, sanitizedBody)
+			attemptTrace.ResponseBody = sanitizedBody
+		}
+		return false, false, true, fmt.Errorf("upstream %d: %s", resp.StatusCode, sanitizedBody), failure
 	}
 	if resp.StatusCode >= 400 {
 		s.logger.Printf("alias=%s attempt=%d provider=%s remote_model=%s upstream_status=%d", aliasName, attempt, provider.ID, target.Model, resp.StatusCode)
+		if attemptTrace != nil {
+			attemptTrace.Result = "final_failure"
+		}
 		s.writeDebugHeaders(w, aliasName, provider.ID, target.Model, attempt, failoverCount)
 		copyResponseHeaders(w.Header(), resp.Header)
 		w.WriteHeader(resp.StatusCode)
-		_, _ = io.Copy(w, resp.Body)
-		return true, false, fmt.Errorf("upstream %d", resp.StatusCode), nil
+		bodyBytes, _ := io.ReadAll(resp.Body)
+		if attemptTrace != nil {
+			attemptTrace.ResponseBody = sanitizeResponseBody(resp.Header.Get("Content-Type"), bodyBytes)
+		}
+		_, _ = w.Write(bodyBytes)
+		return true, false, false, fmt.Errorf("upstream %d", resp.StatusCode), nil
 	}
 
 	remaining := firstByteTimeout - time.Since(startedAt)
 	if remaining <= 0 {
-		return false, true, fmt.Errorf("upstream first byte timeout after %s", firstByteTimeout), nil
+		return false, false, true, fmt.Errorf("upstream first byte timeout after %s", firstByteTimeout), nil
 	}
 	firstChunk, firstErr := readFirstChunk(resp.Body, remaining)
 	if firstErr != nil {
 		if errors.Is(firstErr, errFirstByteTimeout) {
-			return false, true, fmt.Errorf("upstream first byte timeout after %s", firstByteTimeout), nil
+			if attemptTrace != nil {
+				attemptTrace.Retryable = true
+				attemptTrace.Result = "first_byte_timeout"
+				attemptTrace.Error = fmt.Sprintf("upstream first byte timeout after %s", firstByteTimeout)
+			}
+			return false, false, true, fmt.Errorf("upstream first byte timeout after %s", firstByteTimeout), nil
 		}
 		if errors.Is(firstErr, io.EOF) {
 			if len(firstChunk) == 0 {
-				return false, true, fmt.Errorf("upstream closed before first byte"), nil
+				if attemptTrace != nil {
+					attemptTrace.Retryable = true
+					attemptTrace.Result = "empty_response"
+					attemptTrace.Error = "upstream closed before first byte"
+				}
+				return false, false, true, fmt.Errorf("upstream closed before first byte"), nil
 			}
 		} else {
-			return false, true, fmt.Errorf("upstream first read: %w", firstErr), nil
+			if attemptTrace != nil {
+				attemptTrace.Retryable = true
+				attemptTrace.Result = "first_read_error"
+				attemptTrace.Error = fmt.Sprintf("upstream first read: %v", firstErr)
+			}
+			return false, false, true, fmt.Errorf("upstream first read: %w", firstErr), nil
 		}
 	}
+	if attemptTrace != nil {
+		attemptTrace.FirstByteMs = time.Since(startedAt).Milliseconds()
+	}
+	if trace != nil && trace.FirstByteMs == 0 && attemptTrace != nil {
+		trace.FirstByteMs = attemptTrace.FirstByteMs
+	}
 
 	isEventStream := false
+	streamIdleTimeout := timeoutDuration(s.cfg.Server.StreamIdleTimeoutMs, config.DefaultStreamIdleTimeoutMs)
 	if mediaType, _, parseErr := mime.ParseMediaType(resp.Header.Get("Content-Type")); parseErr == nil {
 		isEventStream = mediaType == "text/event-stream"
 	}
@@ -316,7 +455,11 @@ func (s *Server) tryOnce(
 	flusher, _ := w.(http.Flusher)
 	if len(firstChunk) > 0 {
 		if _, werr := w.Write(firstChunk); werr != nil {
-			return true, false, werr, nil
+			if attemptTrace != nil {
+				attemptTrace.Result = "downstream_write_error"
+				attemptTrace.Error = werr.Error()
+			}
+			return true, false, false, werr, nil
 		}
 		if flusher != nil {
 			flusher.Flush()
@@ -335,7 +478,11 @@ func (s *Server) tryOnce(
 		}
 		if n > 0 {
 			if _, werr := w.Write(buf[:n]); werr != nil {
-				return true, false, werr, nil
+				if attemptTrace != nil {
+					attemptTrace.Result = "downstream_write_error"
+					attemptTrace.Error = werr.Error()
+				}
+				return true, false, false, werr, nil
 			}
 			if flusher != nil {
 				flusher.Flush()
@@ -343,14 +490,29 @@ func (s *Server) tryOnce(
 		}
 		if rerr != nil {
 			if errors.Is(rerr, io.EOF) {
-				return true, false, nil, nil
+				if attemptTrace != nil {
+					attemptTrace.Result = "success"
+					attemptTrace.Success = true
+				}
+				return true, true, false, nil, nil
 			}
 			s.logger.Printf("alias=%s attempt=%d provider=%s remote_model=%s upstream body read failed after response start: %v", aliasName, attempt, provider.ID, target.Model, rerr)
-			return true, false, rerr, nil
+			if attemptTrace != nil {
+				attemptTrace.Result = "stream_error"
+				attemptTrace.Error = rerr.Error()
+			}
+			return true, false, false, rerr, nil
 		}
 	}
 }
 
+func errorString(err error) string {
+	if err == nil {
+		return ""
+	}
+	return err.Error()
+}
+
 var errFirstByteTimeout = errors.New("first byte timeout")
 var errStreamIdleTimeout = errors.New("stream idle timeout")
 
@@ -448,6 +610,20 @@ func requestReadError(err error) (int, string) {
 	}
 }
 
+func timeoutDuration(value int, fallback int) time.Duration {
+	if value <= 0 {
+		value = fallback
+	}
+	return time.Duration(value) * time.Millisecond
+}
+
+func minDuration(a time.Duration, b time.Duration) time.Duration {
+	if a <= b {
+		return a
+	}
+	return b
+}
+
 func normalizeAliasName(model string) string {
 	prefix := config.AppName + "/"
 	if strings.HasPrefix(model, prefix) {
diff --git a/internal/proxy/server_test.go b/internal/proxy/server_test.go
index 0632e7d..8824f6a 100644
--- a/internal/proxy/server_test.go
+++ b/internal/proxy/server_test.go
@@ -105,6 +105,16 @@ func TestHandleResponsesFailsOverOn429(t *testing.T) {
 	if got := rr.Header().Get("X-OCSWITCH-Provider"); got != "p2" {
 		t.Fatalf("X-OCSWITCH-Provider = %q, want p2", got)
 	}
+	traces := srv.traces.List(10)
+	if len(traces) != 1 {
+		t.Fatalf("trace count = %d, want 1", len(traces))
+	}
+	if !traces[0].Failover || traces[0].FinalProvider != "p2" || traces[0].AttemptCount != 2 {
+		t.Fatalf("trace = %#v", traces[0])
+	}
+	if got := traces[0].RequestHeaders["Authorization"]; got == "Bearer "+config.DefaultLocalAPIKey || got == "" {
+		t.Fatalf("trace auth header = %q, want masked value", got)
+	}
 }
 
 func TestHandleResponsesFailsOverOnEmptySSE200(t *testing.T) {
@@ -156,10 +166,6 @@ func TestHandleResponsesFailsOverOnEmptySSE200(t *testing.T) {
 }
 
 func TestHandleResponsesSSEBypassesIdleTimeout(t *testing.T) {
-	oldTimeout := streamIdleTimeout
-	streamIdleTimeout = 30 * time.Millisecond
-	defer func() { streamIdleTimeout = oldTimeout }()
-
 	upstream := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
 		w.Header().Set("Content-Type", "text/event-stream")
 		w.WriteHeader(http.StatusOK)
@@ -176,7 +182,7 @@ func TestHandleResponsesSSEBypassesIdleTimeout(t *testing.T) {
 	defer upstream.Close()
 
 	srv := New(&config.Config{
-		Server:    config.Server{APIKey: config.DefaultLocalAPIKey},
+		Server:    config.Server{APIKey: config.DefaultLocalAPIKey, StreamIdleTimeoutMs: 30},
 		Providers: []config.Provider{{ID: "p1", BaseURL: upstream.URL + "/v1"}},
 		Aliases: []config.Alias{{
 			Alias:   "gpt-5.4",
@@ -201,6 +207,87 @@ func TestHandleResponsesSSEBypassesIdleTimeout(t *testing.T) {
 	}
 }
 
+func TestHandleResponsesMarksBrokenStreamAsFailure(t *testing.T) {
+	t.Parallel()
+
+	upstream := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		w.Header().Set("Content-Type", "text/event-stream")
+		w.WriteHeader(http.StatusOK)
+		_, _ = w.Write([]byte("data: first\n\n"))
+		if flusher, ok := w.(http.Flusher); ok {
+			flusher.Flush()
+		}
+		hijacker, ok := w.(http.Hijacker)
+		if !ok {
+			t.Fatal("response writer does not support hijacking")
+		}
+		conn, _, err := hijacker.Hijack()
+		if err != nil {
+			t.Fatalf("Hijack() error = %v", err)
+		}
+		_ = conn.Close()
+	}))
+	defer upstream.Close()
+
+	srv := New(&config.Config{
+		Server:    config.Server{APIKey: config.DefaultLocalAPIKey},
+		Providers: []config.Provider{{ID: "p1", BaseURL: upstream.URL + "/v1"}},
+		Aliases: []config.Alias{{
+			Alias:   "gpt-5.4",
+			Enabled: true,
+			Targets: []config.Target{{Provider: "p1", Model: "up-1", Enabled: true}},
+		}},
+	})
+
+	req := httptest.NewRequest(http.MethodPost, "/v1/responses", strings.NewReader(`{"model":"gpt-5.4","stream":true}`))
+	req.Header.Set("Authorization", "Bearer "+config.DefaultLocalAPIKey)
+	req.Header.Set("Content-Type", "application/json")
+	req.Header.Set("Accept", "text/event-stream")
+	rr := httptest.NewRecorder()
+
+	srv.handleResponses(rr, req)
+
+	traces := srv.traces.List(10)
+	if len(traces) != 1 {
+		t.Fatalf("trace count = %d, want 1", len(traces))
+	}
+	if traces[0].Success {
+		t.Fatalf("trace = %#v, want failed trace", traces[0])
+	}
+	if traces[0].Error == "" {
+		t.Fatalf("trace = %#v, want error", traces[0])
+	}
+	if len(traces[0].Attempts) != 1 {
+		t.Fatalf("attempts = %#v, want 1", traces[0].Attempts)
+	}
+	if traces[0].Attempts[0].Success {
+		t.Fatalf("attempt = %#v, want failed attempt", traces[0].Attempts[0])
+	}
+	if traces[0].Attempts[0].Result != "stream_error" {
+		t.Fatalf("attempt result = %q, want stream_error", traces[0].Attempts[0].Result)
+	}
+}
+
+func TestNewUsesConfiguredTimeouts(t *testing.T) {
+	t.Parallel()
+
+	srv := New(&config.Config{Server: config.Server{
+		ConnectTimeoutMs:        12000,
+		ResponseHeaderTimeoutMs: 21000,
+		FirstByteTimeoutMs:      22000,
+		RequestReadTimeoutMs:    33000,
+		StreamIdleTimeoutMs:     70000,
+	}})
+
+	transport, ok := srv.client.Transport.(*http.Transport)
+	if !ok {
+		t.Fatalf("transport type = %T", srv.client.Transport)
+	}
+	if transport.ResponseHeaderTimeout != 21*time.Second {
+		t.Fatalf("ResponseHeaderTimeout = %s, want 21s", transport.ResponseHeaderTimeout)
+	}
+}
+
 func TestHandleResponsesDoesNotFailOverOn400(t *testing.T) {
 	t.Parallel()
 
diff --git a/internal/proxy/traces.go b/internal/proxy/traces.go
new file mode 100644
index 0000000..b4b4a91
--- /dev/null
+++ b/internal/proxy/traces.go
@@ -0,0 +1,260 @@
+package proxy
+
+import (
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"sort"
+	"strings"
+	"sync"
+	"time"
+)
+
+const defaultTraceLimit = 200
+
+type TraceStore struct {
+	mu     sync.Mutex
+	limit  int
+	traces []RequestTrace
+}
+
+type RequestTrace struct {
+	ID             uint64            `json:"id"`
+	StartedAt      time.Time         `json:"startedAt"`
+	FinishedAt     time.Time         `json:"finishedAt,omitempty"`
+	DurationMs     int64             `json:"durationMs"`
+	FirstByteMs    int64             `json:"firstByteMs,omitempty"`
+	RawModel       string            `json:"rawModel,omitempty"`
+	Alias          string            `json:"alias,omitempty"`
+	Stream         bool              `json:"stream"`
+	Success        bool              `json:"success"`
+	StatusCode     int               `json:"statusCode,omitempty"`
+	Error          string            `json:"error,omitempty"`
+	FinalProvider  string            `json:"finalProvider,omitempty"`
+	FinalModel     string            `json:"finalModel,omitempty"`
+	FinalURL       string            `json:"finalUrl,omitempty"`
+	Failover       bool              `json:"failover"`
+	AttemptCount   int               `json:"attemptCount"`
+	RequestHeaders map[string]string `json:"requestHeaders,omitempty"`
+	RequestParams  any               `json:"requestParams,omitempty"`
+	Attempts       []TraceAttempt    `json:"attempts"`
+}
+
+type TraceAttempt struct {
+	Attempt         int               `json:"attempt"`
+	Provider        string            `json:"provider,omitempty"`
+	Model           string            `json:"model,omitempty"`
+	URL             string            `json:"url,omitempty"`
+	StartedAt       time.Time         `json:"startedAt"`
+	DurationMs      int64             `json:"durationMs"`
+	FirstByteMs     int64             `json:"firstByteMs,omitempty"`
+	StatusCode      int               `json:"statusCode,omitempty"`
+	Success         bool              `json:"success"`
+	Retryable       bool              `json:"retryable"`
+	Skipped         bool              `json:"skipped"`
+	Result          string            `json:"result,omitempty"`
+	Error           string            `json:"error,omitempty"`
+	RequestHeaders  map[string]string `json:"requestHeaders,omitempty"`
+	RequestParams   any               `json:"requestParams,omitempty"`
+	ResponseHeaders map[string]string `json:"responseHeaders,omitempty"`
+	ResponseBody    string            `json:"responseBody,omitempty"`
+}
+
+func NewTraceStore(limit int) *TraceStore {
+	if limit <= 0 {
+		limit = defaultTraceLimit
+	}
+	return &TraceStore{limit: limit}
+}
+
+func (s *TraceStore) Add(trace RequestTrace) {
+	if s == nil {
+		return
+	}
+	s.mu.Lock()
+	defer s.mu.Unlock()
+	clone := cloneTrace(trace)
+	s.traces = append([]RequestTrace{clone}, s.traces...)
+	if len(s.traces) > s.limit {
+		s.traces = s.traces[:s.limit]
+	}
+}
+
+func (s *TraceStore) List(limit int) []RequestTrace {
+	if s == nil {
+		return nil
+	}
+	s.mu.Lock()
+	defer s.mu.Unlock()
+	if limit <= 0 || limit > len(s.traces) {
+		limit = len(s.traces)
+	}
+	out := make([]RequestTrace, 0, limit)
+	for _, trace := range s.traces[:limit] {
+		out = append(out, cloneTrace(trace))
+	}
+	return out
+}
+
+func cloneTrace(trace RequestTrace) RequestTrace {
+	trace.RequestHeaders = cloneStringMap(trace.RequestHeaders)
+	trace.RequestParams = cloneJSONValue(trace.RequestParams)
+	if len(trace.Attempts) == 0 {
+		trace.Attempts = []TraceAttempt{}
+		return trace
+	}
+	trace.Attempts = append([]TraceAttempt(nil), trace.Attempts...)
+	for index := range trace.Attempts {
+		trace.Attempts[index].RequestHeaders = cloneStringMap(trace.Attempts[index].RequestHeaders)
+		trace.Attempts[index].RequestParams = cloneJSONValue(trace.Attempts[index].RequestParams)
+		trace.Attempts[index].ResponseHeaders = cloneStringMap(trace.Attempts[index].ResponseHeaders)
+	}
+	return trace
+}
+
+func cloneStringMap(in map[string]string) map[string]string {
+	if len(in) == 0 {
+		return nil
+	}
+	out := make(map[string]string, len(in))
+	for key, value := range in {
+		out[key] = value
+	}
+	return out
+}
+
+func cloneJSONValue(value any) any {
+	switch typed := value.(type) {
+	case map[string]any:
+		out := make(map[string]any, len(typed))
+		for key, nested := range typed {
+			out[key] = cloneJSONValue(nested)
+		}
+		return out
+	case []any:
+		out := make([]any, len(typed))
+		for index, nested := range typed {
+			out[index] = cloneJSONValue(nested)
+		}
+		return out
+	default:
+		return typed
+	}
+}
+
+var sensitiveHeaderNames = map[string]bool{
+	"authorization":       true,
+	"proxy-authorization": true,
+	"x-api-key":           true,
+	"api-key":             true,
+	"cookie":              true,
+	"set-cookie":          true,
+}
+
+var redactedPayloadKeys = map[string]bool{
+	"content":      true,
+	"input":        true,
+	"instructions": true,
+	"messages":     true,
+	"output":       true,
+	"output_text":  true,
+	"prompt":       true,
+	"response":     true,
+	"text":         true,
+}
+
+func sanitizeHeaderMap(header http.Header) map[string]string {
+	if len(header) == 0 {
+		return nil
+	}
+	keys := make([]string, 0, len(header))
+	for key := range header {
+		keys = append(keys, key)
+	}
+	sort.Strings(keys)
+	out := make(map[string]string, len(keys))
+	for _, key := range keys {
+		values := header.Values(key)
+		joined := strings.Join(values, ", ")
+		if sensitiveHeaderNames[strings.ToLower(key)] {
+			joined = maskSensitiveValue(joined)
+		}
+		out[key] = joined
+	}
+	return out
+}
+
+func sanitizeJSONValue(key string, value any) any {
+	if redactedPayloadKeys[strings.ToLower(strings.TrimSpace(key))] {
+		return redactedSummary(value)
+	}
+	switch typed := value.(type) {
+	case map[string]any:
+		out := make(map[string]any, len(typed))
+		keys := make([]string, 0, len(typed))
+		for nestedKey := range typed {
+			keys = append(keys, nestedKey)
+		}
+		sort.Strings(keys)
+		for _, nestedKey := range keys {
+			out[nestedKey] = sanitizeJSONValue(nestedKey, typed[nestedKey])
+		}
+		return out
+	case []any:
+		out := make([]any, len(typed))
+		for index, nested := range typed {
+			out[index] = sanitizeJSONValue("", nested)
+		}
+		return out
+	default:
+		return typed
+	}
+}
+
+func redactedSummary(value any) any {
+	switch typed := value.(type) {
+	case []any:
+		return fmt.Sprintf("<redacted %d item(s)>", len(typed))
+	case map[string]any:
+		return fmt.Sprintf("<redacted object with %d key(s)>", len(typed))
+	case string:
+		if typed == "" {
+			return "<redacted>"
+		}
+		return fmt.Sprintf("<redacted %d chars>", len(typed))
+	default:
+		return "<redacted>"
+	}
+}
+
+func sanitizeResponseBody(contentType string, body []byte) string {
+	trimmed := strings.TrimSpace(string(body))
+	if trimmed == "" {
+		return ""
+	}
+	if strings.Contains(strings.ToLower(contentType), "json") {
+		var payload any
+		if err := json.Unmarshal([]byte(trimmed), &payload); err == nil {
+			sanitized := sanitizeJSONValue("", payload)
+			encoded, err := json.Marshal(sanitized)
+			if err == nil {
+				return truncate(string(encoded), 200)
+			}
+		}
+	}
+	if redacted, ok := redactedSummary(trimmed).(string); ok {
+		return redacted
+	}
+	return "<redacted>"
+}
+
+func maskSensitiveValue(value string) string {
+	trimmed := strings.TrimSpace(value)
+	if trimmed == "" {
+		return "***"
+	}
+	if len(trimmed) <= 8 {
+		return "***"
+	}
+	return trimmed[:4] + "..." + trimmed[len(trimmed)-4:]
+}