From b4bf006df48437cc92c9ae9b0685404013dd0e28 Mon Sep 17 00:00:00 2001
From: SurviveM <254925152+SurviveM@users.noreply.github.com>
Date: Sun, 5 Apr 2026 23:36:40 +0800
Subject: [PATCH 1/6] fix: reduce agents editor modal size

---
 tests/unit/config-tabs-ui.test.mjs                    |  2 +-
 .../partials/index/modal-config-template-agents.html  |  2 +-
 web-ui/styles/modals-core.css                         | 11 +++++++++++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/tests/unit/config-tabs-ui.test.mjs b/tests/unit/config-tabs-ui.test.mjs
index 5903b5a..d7b5fe3 100644
--- a/tests/unit/config-tabs-ui.test.mjs
+++ b/tests/unit/config-tabs-ui.test.mjs
@@ -209,7 +209,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>/);
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/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;

From 6f7c6ffa6c619eefae621f9143a05dc318ee81a9 Mon Sep 17 00:00:00 2001
From: SurviveM <254925152+SurviveM@users.noreply.github.com>
Date: Sun, 5 Apr 2026 23:41:09 +0800
Subject: [PATCH 2/6] refactor: move codex reset action to device settings tab

---
 tests/unit/config-tabs-ui.test.mjs            | 15 +++++++++++
 tests/unit/web-ui-source-bundle.test.mjs      |  1 +
 web-ui/modules/app.methods.session-trash.mjs  |  5 +++-
 web-ui/partials/index/panel-config-codex.html | 10 -------
 web-ui/partials/index/panel-settings.html     | 26 +++++++++++++++++++
 5 files changed, 46 insertions(+), 11 deletions(-)

diff --git a/tests/unit/config-tabs-ui.test.mjs b/tests/unit/config-tabs-ui.test.mjs
index d7b5fe3..3cab72e 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"/);
@@ -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\(\)/);
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/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>

From 8399f66ee6ebd684d35096c6bb9d5f0b06099017 Mon Sep 17 00:00:00 2001
From: SurviveM <254925152+SurviveM@users.noreply.github.com>
Date: Sun, 5 Apr 2026 23:50:34 +0800
Subject: [PATCH 3/6] docs: refine sessions tab description copy

---
 web-ui/partials/index/layout-header.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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，并聚焦本地导入与分发。

From ef83cae0fcc80291a01c80c5e33143fb4c72a1bc Mon Sep 17 00:00:00 2001
From: SurviveM <254925152+SurviveM@users.noreply.github.com>
Date: Mon, 6 Apr 2026 00:17:23 +0800
Subject: [PATCH 4/6] style: shrink session item action buttons

---
 tests/unit/config-tabs-ui.test.mjs |  2 +-
 web-ui/styles/responsive.css       | 14 +++++++-------
 web-ui/styles/sessions-list.css    | 10 ++++++----
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/tests/unit/config-tabs-ui.test.mjs b/tests/unit/config-tabs-ui.test.mjs
index 3cab72e..4707c1c 100644
--- a/tests/unit/config-tabs-ui.test.mjs
+++ b/tests/unit/config-tabs-ui.test.mjs
@@ -428,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/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);
 }
 

From 20a49c57078fe51e5c812d0b6a175d455ab0d403 Mon Sep 17 00:00:00 2001
From: SurviveM <254925152+SurviveM@users.noreply.github.com>
Date: Mon, 6 Apr 2026 00:59:32 +0800
Subject: [PATCH 5/6] test: align web ui parity baseline keys

---
 tests/unit/web-ui-behavior-parity.test.mjs | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/tests/unit/web-ui-behavior-parity.test.mjs b/tests/unit/web-ui-behavior-parity.test.mjs
index 7ed416a..7d9fb2c 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);

From e9f3b19029e831f08a122e7fb805b7c13aa12bd3 Mon Sep 17 00:00:00 2001
From: SurviveM <254925152+SurviveM@users.noreply.github.com>
Date: Mon, 6 Apr 2026 01:05:11 +0800
Subject: [PATCH 6/6] test: align web ui parity baseline methods

---
 tests/unit/web-ui-behavior-parity.test.mjs | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/tests/unit/web-ui-behavior-parity.test.mjs b/tests/unit/web-ui-behavior-parity.test.mjs
index 7d9fb2c..5182ed1 100644
--- a/tests/unit/web-ui-behavior-parity.test.mjs
+++ b/tests/unit/web-ui-behavior-parity.test.mjs
@@ -339,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));