diff --git a/tests/unit/config-tabs-ui.test.mjs b/tests/unit/config-tabs-ui.test.mjs
index 5903b5a..4707c1c 100644
--- a/tests/unit/config-tabs-ui.test.mjs
+++ b/tests/unit/config-tabs-ui.test.mjs
@@ -49,8 +49,10 @@ test('config template keeps expected config tabs in top and side navigation', ()
     assert.match(html, /class="codex-config-grid"/);
     assert.match(html, /onSettingsTabClick\('backup'\)/);
     assert.match(html, /onSettingsTabClick\('trash'\)/);
+    assert.match(html, /onSettingsTabClick\('device'\)/);
     assert.match(html, /settingsTab === 'backup'/);
     assert.match(html, /settingsTab === 'trash'/);
+    assert.match(html, /settingsTab === 'device'/);
     assert.match(html, /sessionTrashCount/);
     assert.match(html, /id="side-tab-market"/);
     assert.match(html, /id="tab-market"/);
@@ -107,17 +109,29 @@ test('config template keeps expected config tabs in top and side navigation', ()
     assert.doesNotMatch(html, /class="market-ecosystem-grid"/);
     assert.match(html, /id="settings-tab-backup"/);
     assert.match(html, /id="settings-tab-trash"/);
+    assert.match(html, /id="settings-tab-device"/);
     assert.match(html, /role="tab"/);
     assert.match(html, /aria-controls="settings-panel-backup"/);
     assert.match(html, /aria-controls="settings-panel-trash"/);
+    assert.match(html, /aria-controls="settings-panel-device"/);
     assert.match(html, /:aria-selected="settingsTab === 'backup'"/);
     assert.match(html, /:aria-selected="settingsTab === 'trash'"/);
+    assert.match(html, /:aria-selected="settingsTab === 'device'"/);
     assert.match(html, /id="settings-tab-backup"[\s\S]*:tabindex="settingsTab === 'backup' \? 0 : -1"/);
     assert.match(html, /id="settings-tab-trash"[\s\S]*:tabindex="settingsTab === 'trash' \? 0 : -1"/);
+    assert.match(html, /id="settings-tab-device"[\s\S]*:tabindex="settingsTab === 'device' \? 0 : -1"/);
     assert.match(html, /id="settings-panel-backup"/);
     assert.match(html, /id="settings-panel-trash"/);
+    assert.match(html, /id="settings-panel-device"/);
     assert.match(html, /<div[\s\S]*v-show="settingsTab === 'backup'"[\s\S]*id="settings-panel-backup"[\s\S]*aria-labelledby="settings-tab-backup">/);
     assert.match(html, /<div[\s\S]*v-show="settingsTab === 'trash'"[\s\S]*id="settings-panel-trash"[\s\S]*aria-labelledby="settings-tab-trash">/);
+    assert.match(html, /<div[\s\S]*v-show="settingsTab === 'device'"[\s\S]*id="settings-panel-device"[\s\S]*aria-labelledby="settings-tab-device">/);
+    assert.match(html, /id="settings-panel-device"[\s\S]*?<span class="selector-title">配置重置<\/span>/);
+    assert.match(html, /id="settings-panel-device"[\s\S]*?@click="resetConfig"/);
+    assert.doesNotMatch(
+        html.match(/id="panel-config-provider"[\s\S]*?<\/template>/)?.[0] || '',
+        /<span class="selector-title">配置重置<\/span>/
+    );
     assert.match(html, /class="settings-tab-actions trash-header-actions"/);
     assert.match(html, /<button class="btn-tool btn-tool-compact" @click="loadSessionTrash\(\{ forceRefresh: true \}\)"/);
     assert.match(html, /<button class="btn-tool btn-tool-compact" @click="clearSessionTrash"/);
@@ -209,7 +223,7 @@ test('config template keeps expected config tabs in top and side navigation', ()
     assert.match(templateAgentModals, /<div class="modal modal-wide" role="dialog" aria-modal="true" aria-labelledby="config-template-modal-title">/);
     assert.match(templateAgentModals, /<div class="modal-title" id="config-template-modal-title">Config 模板编辑器（手动确认应用）<\/div>/);
     assert.match(templateAgentModals, /<div v-if="showAgentsModal" class="modal-overlay" @click\.self="closeAgentsModal">/);
-    assert.match(templateAgentModals, /<div class="modal modal-wide modal-editor" role="dialog" aria-modal="true" aria-labelledby="agents-modal-title">/);
+    assert.match(templateAgentModals, /<div class="modal modal-wide modal-editor agents-modal" role="dialog" aria-modal="true" aria-labelledby="agents-modal-title">/);
     assert.match(templateAgentModals, /<div class="modal-title" id="agents-modal-title">{{ agentsModalTitle }}<\/div>/);
     assert.match(modalsBasic, /<button type="button" class="btn-remove-model" @click="removeModel\(model\)">删除<\/button>/);
     assert.doesNotMatch(modalsBasic, /<span class="btn-remove-model" @click="removeModel\(model\)">删除<\/span>/);
@@ -326,6 +340,7 @@ test('web ui script defines provider mode metadata for codex only', () => {
     assert.match(appScript, /sessionTrashHasMoreItems\(\)/);
     assert.match(appScript, /sessionTrashHiddenCount\(\)/);
     assert.match(appScript, /normalizeSettingsTab\(tab\)/);
+    assert.match(appScript, /tab === 'trash' \|\| tab === 'device'/);
     assert.match(appScript, /switchSettingsTab\(tab,\s*options = \{\}\)/);
     assert.match(appScript, /loadSessionTrash\(options = \{\}\)/);
     assert.match(appScript, /loadMoreSessionTrashItems\(\)/);
@@ -413,7 +428,7 @@ test('trash item styles stay aligned with session card layout and keep mobile us
         styles,
         /@media \(max-width: 540px\)\s*\{[\s\S]*\.session-item-copy\.session-item-pin svg,\s*[\s\S]*width:\s*16px;/
     );
-    assert.match(styles, /@media \(max-width: 540px\)\s*\{[\s\S]*\.session-item-copy\s*\{[\s\S]*width:\s*44px;[\s\S]*height:\s*44px;[\s\S]*min-width:\s*44px;[\s\S]*min-height:\s*44px;/);
+    assert.match(styles, /@media \(max-width: 540px\)\s*\{[\s\S]*\.session-item-copy\s*\{[\s\S]*width:\s*36px;[\s\S]*height:\s*36px;[\s\S]*min-width:\s*36px;[\s\S]*min-height:\s*36px;/);
     assert.match(styles, /\.codex-config-grid\s*\{/);
     assert.match(styles, /\.codex-config-grid\s*\{[\s\S]*grid-template-columns:\s*repeat\(auto-fit,\s*minmax\(min\(240px,\s*100%\),\s*1fr\)\);/);
     assert.match(styles, /\.codex-config-field\s*\{/);
diff --git a/tests/unit/web-ui-behavior-parity.test.mjs b/tests/unit/web-ui-behavior-parity.test.mjs
index 7ed416a..5182ed1 100644
--- a/tests/unit/web-ui-behavior-parity.test.mjs
+++ b/tests/unit/web-ui-behavior-parity.test.mjs
@@ -319,15 +319,7 @@ test('captured bundled app skeleton only exposes expected data key drift versus
     const headDataKeys = Object.keys(headAppOptions.data()).sort();
     const extraCurrentKeys = currentDataKeys.filter((key) => !headDataKeys.includes(key)).sort();
     const missingCurrentKeys = headDataKeys.filter((key) => !currentDataKeys.includes(key)).sort();
-    const allowedExtraCurrentKeys = [
-        'healthCheckDialogLastResult',
-        'healthCheckDialogLockedProvider',
-        'healthCheckDialogMessages',
-        'healthCheckDialogPrompt',
-        'healthCheckDialogSelectedProvider',
-        'healthCheckDialogSending',
-        'showHealthCheckDialog'
-    ];
+    const allowedExtraCurrentKeys = [];
     const allowedMissingCurrentKeys = [];
     if (parityAgainstHead) {
         const allowedExtraKeySet = new Set(allowedExtraCurrentKeys);
@@ -347,12 +339,7 @@ test('captured bundled app skeleton only exposes expected data key drift versus
     const headMethodKeys = Object.keys(headMethods).sort();
     const extraCurrentMethodKeys = currentMethodKeys.filter((key) => !headMethodKeys.includes(key)).sort();
     const missingCurrentMethodKeys = headMethodKeys.filter((key) => !currentMethodKeys.includes(key)).sort();
-    const allowedExtraCurrentMethodKeys = [
-        'buildDefaultHealthCheckPrompt',
-        'closeHealthCheckDialog',
-        'openHealthCheckDialog',
-        'sendHealthCheckDialogMessage'
-    ];
+    const allowedExtraCurrentMethodKeys = [];
     if (parityAgainstHead) {
         const allowedExtraMethodKeySet = new Set(allowedExtraCurrentMethodKeys);
         const unexpectedExtraCurrentMethodKeys = extraCurrentMethodKeys.filter((key) => !allowedExtraMethodKeySet.has(key));
diff --git a/tests/unit/web-ui-source-bundle.test.mjs b/tests/unit/web-ui-source-bundle.test.mjs
index 84c1b4e..230341d 100644
--- a/tests/unit/web-ui-source-bundle.test.mjs
+++ b/tests/unit/web-ui-source-bundle.test.mjs
@@ -22,6 +22,7 @@ test('bundled web ui html inlines partials without leaking include directives',
 
     assert.match(html, /id="panel-market"/);
     assert.match(html, /id="settings-panel-trash"/);
+    assert.match(html, /id="settings-panel-device"/);
     assert.match(html, /class="modal modal-wide skills-modal"/);
     assert.match(html, /<script type="module" src="\/web-ui\/app\.js"><\/script>/);
     assert.doesNotMatch(html, /<script type="module" src="web-ui\/app\.js"><\/script>/);
diff --git a/web-ui/modules/app.methods.session-trash.mjs b/web-ui/modules/app.methods.session-trash.mjs
index 828b9ae..f02c0dc 100644
--- a/web-ui/modules/app.methods.session-trash.mjs
+++ b/web-ui/modules/app.methods.session-trash.mjs
@@ -206,7 +206,10 @@ export function createSessionTrashMethods(options = {}) {
         },
 
         normalizeSettingsTab(tab) {
-            return tab === 'trash' ? 'trash' : 'backup';
+            if (tab === 'trash' || tab === 'device') {
+                return tab;
+            }
+            return 'backup';
         },
 
         async onSettingsTabClick(tab) {
diff --git a/web-ui/partials/index/layout-header.html b/web-ui/partials/index/layout-header.html
index 20bb409..65893c4 100644
--- a/web-ui/partials/index/layout-header.html
+++ b/web-ui/partials/index/layout-header.html
@@ -243,7 +243,7 @@ <h1 class="main-title">
                         <span class="sr-only">本地配置中枢，统一管理 Codex / Claude Code / OpenClaw。</span>
                     </p>
                     <p class="subtitle" v-else-if="mainTab === 'sessions'">
-                        浏览、导出或独立查看 Codex / Claude 会话记录。
+                        统一查看与导出 Codex / Claude 会话。
                     </p>
                     <p class="subtitle" v-else-if="mainTab === 'market'">
                         统一管理 Codex / Claude Skills，并聚焦本地导入与分发。
diff --git a/web-ui/partials/index/modal-config-template-agents.html b/web-ui/partials/index/modal-config-template-agents.html
index 5d0a23a..75ee9dd 100644
--- a/web-ui/partials/index/modal-config-template-agents.html
+++ b/web-ui/partials/index/modal-config-template-agents.html
@@ -25,7 +25,7 @@
         </div>
 
         <div v-if="showAgentsModal" class="modal-overlay" @click.self="closeAgentsModal">
-            <div class="modal modal-wide modal-editor" role="dialog" aria-modal="true" aria-labelledby="agents-modal-title">
+            <div class="modal modal-wide modal-editor agents-modal" role="dialog" aria-modal="true" aria-labelledby="agents-modal-title">
                 <div class="modal-header modal-editor-header">
                     <div class="modal-title" id="agents-modal-title">{{ agentsModalTitle }}</div>
                     <div class="modal-header-actions">
diff --git a/web-ui/partials/index/panel-config-codex.html b/web-ui/partials/index/panel-config-codex.html
index f8c62ac..32f8516 100644
--- a/web-ui/partials/index/panel-config-codex.html
+++ b/web-ui/partials/index/panel-config-codex.html
@@ -143,16 +143,6 @@
                     </button>
                 </div>
 
-                <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">配置重置</span>
-                    </div>
-                    <div class="config-template-hint">先备份 config.toml，再写默认配置。</div>
-                    <button class="btn-tool" @click="resetConfig" :disabled="resetConfigLoading || loading || !!initError">
-                        {{ resetConfigLoading ? '重装中...' : '重装配置' }}
-                    </button>
-                </div>
-
                 </template>
 
                 <div class="selector-section">
diff --git a/web-ui/partials/index/panel-settings.html b/web-ui/partials/index/panel-settings.html
index 5c71c07..ad1a9a5 100644
--- a/web-ui/partials/index/panel-settings.html
+++ b/web-ui/partials/index/panel-settings.html
@@ -27,6 +27,16 @@
                             回收站
                             <span class="settings-tab-badge">{{ sessionTrashCount }}</span>
                         </button>
+                        <button
+                            id="settings-tab-device"
+                            role="tab"
+                            aria-controls="settings-panel-device"
+                            :aria-selected="settingsTab === 'device'"
+                            :tabindex="settingsTab === 'device' ? 0 : -1"
+                            :class="['config-subtab', { active: settingsTab === 'device' }]"
+                            @click="onSettingsTabClick('device')">
+                            设备
+                        </button>
                     </div>
 
                     <div
@@ -137,4 +147,20 @@
                             </div>
                         </div>
                     </div>
+
+                    <div
+                        v-show="settingsTab === 'device'"
+                        id="settings-panel-device"
+                        role="tabpanel"
+                        aria-labelledby="settings-tab-device">
+                        <div class="selector-section">
+                            <div class="selector-header">
+                                <span class="selector-title">配置重置</span>
+                            </div>
+                            <div class="config-template-hint">先备份 config.toml，再写默认配置。</div>
+                            <button class="btn-tool" @click="resetConfig" :disabled="resetConfigLoading || loading || !!initError">
+                                {{ resetConfigLoading ? '重装中...' : '重装配置' }}
+                            </button>
+                        </div>
+                    </div>
                 </div>
diff --git a/web-ui/styles/modals-core.css b/web-ui/styles/modals-core.css
index 6f0ee0b..efcd4a8 100644
--- a/web-ui/styles/modals-core.css
+++ b/web-ui/styles/modals-core.css
@@ -54,6 +54,11 @@
     padding: 0;
 }
 
+.agents-modal {
+    width: min(92vw, 900px);
+    max-height: calc(100vh - 56px);
+}
+
 .modal-editor-header {
     margin-bottom: 0;
     padding: var(--spacing-md) var(--spacing-md) 0;
@@ -385,6 +390,12 @@
     max-height: min(65vh, 620px);
 }
 
+.agents-modal .template-editor,
+.agents-modal .agents-diff-editor {
+    min-height: min(52vh, 460px);
+    max-height: min(58vh, 540px);
+}
+
 .agents-diff-line {
     display: grid;
     grid-template-columns: 16px 1fr;
diff --git a/web-ui/styles/responsive.css b/web-ui/styles/responsive.css
index 83a595d..10b3308 100644
--- a/web-ui/styles/responsive.css
+++ b/web-ui/styles/responsive.css
@@ -193,7 +193,7 @@ textarea:focus-visible {
 
     .btn-icon,
     .session-item-copy {
-        min-width: 44px;
+        min-width: 36px;
     }
 
     .session-item {
@@ -214,10 +214,10 @@ textarea:focus-visible {
     }
 
     .session-item-copy {
-        width: 44px;
-        height: 44px;
-        min-width: 44px;
-        min-height: 44px;
+        width: 36px;
+        height: 36px;
+        min-width: 36px;
+        min-height: 36px;
         border-radius: 6px;
         padding: 2px;
         display: inline-flex;
@@ -227,8 +227,8 @@ textarea:focus-visible {
     }
 
     .session-item-copy svg {
-        width: 12px;
-        height: 12px;
+        width: 10px;
+        height: 10px;
     }
 
     .session-item-title {
diff --git a/web-ui/styles/sessions-list.css b/web-ui/styles/sessions-list.css
index 489243d..102ffa1 100644
--- a/web-ui/styles/sessions-list.css
+++ b/web-ui/styles/sessions-list.css
@@ -314,8 +314,8 @@
     border: 1px solid rgba(70, 86, 110, 0.35);
     background: rgba(70, 86, 110, 0.08);
     color: var(--color-text-secondary);
-    width: 28px;
-    height: 28px;
+    width: 22px;
+    height: 22px;
     border-radius: 8px;
     display: inline-flex;
     align-items: center;
@@ -339,8 +339,8 @@
 }
 
 .session-item-copy svg {
-    width: 16px;
-    height: 16px;
+    width: 10px;
+    height: 10px;
 }
 
 .session-item-pin {
@@ -349,6 +349,8 @@
 
 .session-item-pin .pin-icon,
 .session-item-pin svg {
+    width: 9px;
+    height: 9px;
     color: rgba(208, 88, 58, 0.78);
 }