@wu529778790/open-im 1.9.3-beta.8 → 1.9.3

package/dist/config-web-page-i18n.js

@@ -8,13 +8,14 @@ export const PAGE_TEXTS = {
         heroKicker: "Local AI bridge",
         langButton: "\u4e2d\u6587",
         darkModeToggle: "Toggle dark mode",
+        headerToolbarAria: "Bridge: validate, save, start, stop",
         controlCenter: "Control center",
         sidebarNoteTitle: "Local workflow",
         sidebarNoteBody: "Configure at least one platform, save the config, then start the bridge from Service.",
         mode: "Flow",
         dashboardTitle: "Dashboard",
         dashboardSubtitle: "Platform health status",
-        dashboardSubtitleFull: "Platform status and setup progress",
+        dashboardSubtitleFull: "Platform and service status",
         quickActionsTitle: "Quick Actions",
         serviceTitle: "Service Control",
         serviceHint: "Validate, save, start, and stop the local bridge from one place.",
@@ -40,7 +41,13 @@ export const PAGE_TEXTS = {
         serviceIdleMeta: "Bridge has not been started yet",
         listSeparator: ", ",
         platformsTitle: "Platforms",
-        platformsHint: "Follow the setup checklist on Overview first. Disabled platforms still keep saved values.",
+        navConfigFiles: "Config files",
+        configFilesTitle: "Config files (JSON)",
+        configFilesHint: "Edit the files on disk directly. Each card has its own Save. Platform / AI forms and Service → Save config still apply.",
+        openImConfigCardHint: "Full open-im configuration. Use Format, then Save. Invalid JSON is rejected.",
+        claudeSettingsCardHint: "Claude SDK environment (ANTHROPIC_API_KEY, ANTHROPIC_BASE_URL, ANTHROPIC_MODEL, etc.). Set API access here without shell exports.",
+        claudeJsonShortcutHint: "Edit ~/.claude/settings.json in the sidebar «Config files» section below.",
+        platformsHint: "Disabled platforms keep their saved values.",
         enabled: "Enabled",
         readyState: "Ready",
         setupRequired: "Setup required",
@@ -81,7 +88,7 @@ export const PAGE_TEXTS = {
         optional: "Optional",
         commaSeparatedIds: "Comma-separated IDs",
         aiTitle: "AI Tooling",
-        aiHint: "Pick the default tool first. Claude SDK uses API keys in ~/.claude/settings.json (editable below). Codex / CodeBuddy need a CLI path.",
+        aiHint: "Pick the default tool first. Claude SDK keys: sidebar Config files → ~/.claude/settings.json. Codex / CodeBuddy need a CLI path here.",
         claudeNote: "Claude credentials are still read from environment variables or ~/.claude/settings.json. This page manages local bridge config, not Claude account auth.",
         aiCommonTitle: "Shared defaults",
         aiCommonHint: "Choose the default AI tool first. Tool-specific fields are shown below.",
@@ -94,14 +101,11 @@ export const PAGE_TEXTS = {
         codexCli: "Codex CLI path",
         codebuddyCli: "CodeBuddy CLI path",
         codexProxy: "Codex proxy",
-        claudeTimeout: "Claude timeout (ms)",
         claudeConfigPath: "Config file location",
         claudeAuthToken: "ANTHROPIC_AUTH_TOKEN",
         claudeBaseUrl: "ANTHROPIC_BASE_URL",
         claudeModel: "ANTHROPIC_MODEL",
         claudeProxy: "Proxy (optional)",
-        codexTimeout: "Codex timeout (ms)",
-        codebuddyTimeout: "CodeBuddy timeout (ms)",
         hookPort: "Hook port",
         logLevel: "Log level",
         logLevelDefault: "default (app default)",
@@ -134,28 +138,10 @@ export const PAGE_TEXTS = {
         saveBtn: "Save",
         jsonValid: "Valid JSON",
         jsonInvalid: "Invalid JSON: {error}",
-        wizardTitle: "First-time setup",
-        wizardStep1Title: "Connect an IM channel",
-        wizardStep1Desc: "Enable at least one platform below and fill every required field. Use Check config when available.",
-        wizardStep2Title: "Set the default AI tool",
-        wizardStep2Desc: "Claude SDK: API keys live in ~/.claude/settings.json (expand on this page). Codex / CodeBuddy: set the CLI path in the AI section.",
-        wizardStep3Title: "Validate and save",
-        wizardStep3Desc: "Click Validate, then Save config. Fix any errors shown in the banner above.",
-        wizardStep4Title: "Start the bridge",
-        wizardStep4Desc: "Open Service and click Start bridge. If it exits, read ~/.open-im/logs.",
-        wizardStatusDone: "Done",
-        wizardStatusTodo: "To do",
-        wizardJumpPlatforms: "Open Platforms",
-        wizardJumpAi: "Open AI",
-        wizardJumpService: "Open Service",
         validationNoPlatformEnabled: "Enable at least one IM platform and fill its required credentials before saving.",
         validationPlatformIncomplete: "Platform \"{platform}\" is enabled but these required fields are empty: {fields}",
         validationAiCodexNoCli: "Default AI is Codex but Codex CLI path is empty. Set it under AI Tooling or change the default tool.",
         validationAiCodebuddyNoCli: "Default AI is CodeBuddy but CodeBuddy CLI path is empty. Set it under AI Tooling or change the default tool.",
-        onboardingTitle: "Welcome to open-im",
-        onboardingDismiss: "Got it",
-        onboardingReadme: "README (setup)",
-        onboardingBody: "<p><strong>open-im</strong> bridges Telegram, Feishu, QQ, WeWork, DingTalk, and WorkBuddy to Claude / Codex / CodeBuddy on your machine.</p><ol style=\"margin:12px 0 12px 18px;line-height:1.65\"><li>Pick <strong>one</strong> chat app in <strong>Platforms</strong> and paste credentials (see hints under each field).</li><li>Set the <strong>default AI</strong> and, for Claude SDK, API keys in <strong>~/.claude/settings.json</strong> on this page.</li><li>Use <strong>Validate</strong> then <strong>Save config</strong>, then <strong>Start bridge</strong> under Service.</li><li>CLI alternative: run <code style=\"background:var(--bg-tertiary);padding:2px 6px;border-radius:4px\">open-im init</code> in a terminal.</li></ol>",
         tipTelegramToken: 'From Telegram, open <a href="https://t.me/BotFather" target="_blank" rel="noopener">@BotFather</a> → /newbot → copy the token.',
         tipFeishuAppId: "Feishu Open Platform → your app → Credentials → App ID.",
         tipFeishuSecret: "Same page → App Secret (click show / reset if needed).",
@@ -174,13 +160,14 @@ export const PAGE_TEXTS = {
         heroKicker: "\u672c\u5730 AI \u6865\u63a5",
         langButton: "EN",
         darkModeToggle: "\u5207\u6362\u6697\u9ed1\u6a21\u5f0f",
+        headerToolbarAria: "\u6865\u63a5\uff1a\u6821\u9a8c\u3001\u4fdd\u5b58\u3001\u542f\u52a8\u3001\u505c\u6b62",
         controlCenter: "\u63a7\u5236\u4e2d\u5fc3",
         sidebarNoteTitle: "\u672c\u5730\u5de5\u4f5c\u6d41",
         sidebarNoteBody: "\u81f3\u5c11\u914d\u7f6e\u4e00\u4e2a\u5e73\u53f0\uff0c\u4fdd\u5b58\u914d\u7f6e\uff0c\u7136\u540e\u5728\u670d\u52a1\u63a7\u5236\u533a\u542f\u52a8\u6865\u63a5\u3002",
         mode: "\u6a21\u5f0f",
         dashboardTitle: "\u6982\u89c8",
         dashboardSubtitle: "\u5e73\u53f0\u5065\u5eb7\u72b6\u6001",
-        dashboardSubtitleFull: "\u5e73\u53f0\u72b6\u6001\u4e0e\u63a5\u5165\u8fdb\u5ea6",
+        dashboardSubtitleFull: "\u5e73\u53f0\u4e0e\u670d\u52a1\u72b6\u6001",
         quickActionsTitle: "\u5feb\u6377\u64cd\u4f5c",
         refreshHealth: "\u5237\u65b0\u5065\u5eb7\u72b6\u6001",
         viewConfig: "\u67e5\u770b\u914d\u7f6e",
@@ -204,7 +191,13 @@ export const PAGE_TEXTS = {
         serviceIdleMeta: "\u6865\u63a5\u670d\u52a1\u5c1a\u672a\u542f\u52a8",
         listSeparator: "\u3001",
         platformsTitle: "\u5e73\u53f0\u914d\u7f6e",
-        platformsHint: "\u5efa\u8bae\u5148\u5728\u6982\u89c8\u9875\u6309\u5f15\u5bfc\u6b65\u9aa4\u64cd\u4f5c\u3002\u7981\u7528\u7684\u5e73\u53f0\u4ecd\u4fdd\u7559\u5df2\u4fdd\u5b58\u7684\u503c\u3002",
+        navConfigFiles: "\u914d\u7f6e\u6587\u4ef6",
+        configFilesTitle: "\u914d\u7f6e\u6587\u4ef6\uff08JSON\uff09",
+        configFilesHint: "\u76f4\u63a5\u7f16\u8f91\u78c1\u76d8\u4e0a\u7684\u6587\u4ef6\uff0c\u6bcf\u5f20\u5361\u7247\u6709\u72ec\u7acb\u4fdd\u5b58\u6309\u94ae\u3002\u5e73\u53f0 / AI \u8868\u5355\u4e0e\u670d\u52a1\u533a\u7684\u300c\u4fdd\u5b58\u914d\u7f6e\u300d\u4ecd\u7136\u6709\u6548\u3002",
+        openImConfigCardHint: "open-im \u5b8c\u6574\u914d\u7f6e\u3002\u5148\u683c\u5f0f\u5316\u518d\u4fdd\u5b58\uff1bJSON \u4e0d\u5408\u6cd5\u65f6\u65e0\u6cd5\u5199\u5165\u3002",
+        claudeSettingsCardHint: "Claude SDK \u73af\u5883\u53d8\u91cf\uff08ANTHROPIC_API_KEY\u3001ANTHROPIC_BASE_URL\u3001ANTHROPIC_MODEL \u7b49\uff09\u3002\u5728\u6b64\u914d\u7f6e API\uff0c\u65e0\u9700\u5728\u7ec8\u7aef export\u3002",
+        claudeJsonShortcutHint: "\u63d0\u793a\uff1a\u8bf7\u5728\u5de6\u4fa7\u680f\u300c\u914d\u7f6e\u6587\u4ef6\u300d\u5206\u533a\u7f16\u8f91 ~/.claude/settings.json\u3002",
+        platformsHint: "\u7981\u7528\u7684\u5e73\u53f0\u4ecd\u4fdd\u7559\u5df2\u4fdd\u5b58\u7684\u503c\u3002",
         enabled: "\u542f\u7528",
         readyState: "\u5df2\u5c31\u7eea",
         setupRequired: "\u9700\u8981\u5b8c\u6210\u914d\u7f6e",
@@ -244,7 +237,7 @@ export const PAGE_TEXTS = {
         optional: "\u53ef\u9009",
         commaSeparatedIds: "\u591a\u4e2a ID \u7528\u9017\u53f7\u5206\u9694",
         aiTitle: "AI \u5de5\u5177\u914d\u7f6e",
-        aiHint: "\u5148\u9009\u9ed8\u8ba4 AI\u3002Claude SDK \u7684 API Key \u5199\u5728 ~/.claude/settings.json\uff08\u4e0b\u65b9\u53ef\u7f16\u8f91\uff09\u3002Codex / CodeBuddy \u9700\u586b CLI \u8def\u5f84\u3002",
+        aiHint: "\u5148\u9009\u9ed8\u8ba4 AI\u3002Claude SDK\uff1a\u5de6\u4fa7\u680f\u300c\u914d\u7f6e\u6587\u4ef6\u300d\u2192 ~/.claude/settings.json\u3002Codex / CodeBuddy \u5728\u6b64\u586b CLI \u8def\u5f84\u3002",
         claudeNote: "Claude \u51ed\u8bc1\u4ecd\u7136\u4ece\u73af\u5883\u53d8\u91cf\u6216 ~/.claude/settings.json \u8bfb\u53d6\u3002\u8fd9\u4e2a\u9875\u9762\u53ea\u7ba1\u7406\u672c\u5730\u6865\u63a5\u914d\u7f6e\uff0c\u4e0d\u8d1f\u8d23 Claude \u8d26\u53f7\u767b\u5f55\u3002",
         aiCommonTitle: "\u516c\u5171\u9ed8\u8ba4\u914d\u7f6e",
         aiCommonHint: "\u5148\u9009\u62e9\u9ed8\u8ba4 AI \u5de5\u5177\uff0c\u4e0b\u65b9\u518d\u663e\u793a\u5bf9\u5e94\u7684\u5de5\u5177\u4e13\u5c5e\u914d\u7f6e\u3002",
@@ -257,11 +250,8 @@ export const PAGE_TEXTS = {
         codexCli: "Codex CLI \u8def\u5f84",
         codebuddyCli: "CodeBuddy CLI \u8def\u5f84",
         codexProxy: "Codex \u4ee3\u7406",
-        claudeTimeout: "Claude \u8d85\u65f6\uff08\u6beb\u79d2\uff09",
         claudeConfigPath: "\u914d\u7f6e\u6587\u4ef6\u4f4d\u7f6e",
         claudeProxy: "\u4ee3\u7406\uff08\u53ef\u9009\uff09",
-        codexTimeout: "Codex \u8d85\u65f6\uff08\u6beb\u79d2\uff09",
-        codebuddyTimeout: "CodeBuddy \u8d85\u65f6\uff08\u6beb\u79d2\uff09",
         hookPort: "Hook \u7aef\u53e3",
         logLevel: "\u65e5\u5fd7\u7ea7\u522b",
         logLevelDefault: "default\uff08\u7a0b\u5e8f\u9ed8\u8ba4\uff09",
@@ -294,28 +284,10 @@ export const PAGE_TEXTS = {
         saveBtn: "\u4fdd\u5b58",
         jsonValid: "JSON \u6709\u6548",
         jsonInvalid: "JSON \u65e0\u6548\uff1a{error}",
-        wizardTitle: "\u9996\u6b21\u4f7f\u7528\u5f15\u5bfc",
-        wizardStep1Title: "\u63a5\u5165\u4e00\u4e2a IM \u6e20\u9053",
-        wizardStep1Desc: "\u5728\u4e0b\u65b9\u542f\u7528\u81f3\u5c11\u4e00\u4e2a\u5e73\u53f0\uff0c\u5e76\u586b\u5199\u6240\u6709\u5fc5\u586b\u9879\u3002\u6709\u6761\u4ef6\u65f6\u7528\u300c\u6821\u9a8c\u914d\u7f6e\u300d\u6d4b\u8bd5\u51ed\u8bc1\u3002",
-        wizardStep2Title: "\u8bbe\u7f6e\u9ed8\u8ba4 AI \u5de5\u5177",
-        wizardStep2Desc: "Claude SDK\uff1aAPI Key \u5199\u5728 ~/.claude/settings.json\uff08\u672c\u9875\u53ef\u5c55\u5f00\u7f16\u8f91\uff09\u3002Codex / CodeBuddy\uff1a\u5728 AI \u533a\u586b CLI \u8def\u5f84\u3002",
-        wizardStep3Title: "\u6821\u9a8c\u5e76\u4fdd\u5b58",
-        wizardStep3Desc: "\u5148\u70b9\u300c\u6821\u9a8c\u300d\uff0c\u518d\u70b9\u300c\u4fdd\u5b58\u914d\u7f6e\u300d\u3002\u6309\u9876\u90e8\u63d0\u793a\u4fee\u590d\u9519\u8bef\u3002",
-        wizardStep4Title: "\u542f\u52a8\u6865\u63a5",
-        wizardStep4Desc: "\u5230\u300c\u670d\u52a1\u300d\u533a\u70b9\u300c\u542f\u52a8\u6865\u63a5\u300d\u3002\u82e5\u9a6c\u4e0a\u9000\u51fa\uff0c\u67e5 ~/.open-im/logs \u65e5\u5fd7\u3002",
-        wizardStatusDone: "\u5df2\u5b8c\u6210",
-        wizardStatusTodo: "\u5f85\u5b8c\u6210",
-        wizardJumpPlatforms: "\u6253\u5f00\u5e73\u53f0\u914d\u7f6e",
-        wizardJumpAi: "\u6253\u5f00 AI \u914d\u7f6e",
-        wizardJumpService: "\u6253\u5f00\u670d\u52a1\u63a7\u5236",
         validationNoPlatformEnabled: "\u4fdd\u5b58\u524d\u8bf7\u81f3\u5c11\u542f\u7528\u4e00\u4e2a IM \u5e73\u53f0\uff0c\u5e76\u586b\u5b8c\u5fc5\u586b\u51ed\u8bc1\u3002",
         validationPlatformIncomplete: "\u5e73\u53f0\u300c{platform}\u300d\u5df2\u542f\u7528\uff0c\u4f46\u4ee5\u4e0b\u5fc5\u586b\u9879\u4e3a\u7a7a\uff1a{fields}",
         validationAiCodexNoCli: "\u9ed8\u8ba4 AI \u4e3a Codex\uff0c\u4f46 Codex CLI \u8def\u5f84\u4e3a\u7a7a\u3002\u8bf7\u5728 AI \u533a\u586b\u5199\uff0c\u6216\u6539\u9ed8\u8ba4\u5de5\u5177\u3002",
         validationAiCodebuddyNoCli: "\u9ed8\u8ba4 AI \u4e3a CodeBuddy\uff0c\u4f46 CodeBuddy CLI \u8def\u5f84\u4e3a\u7a7a\u3002\u8bf7\u5728 AI \u533a\u586b\u5199\uff0c\u6216\u6539\u9ed8\u8ba4\u5de5\u5177\u3002",
-        onboardingTitle: "\u6b22\u8fce\u4f7f\u7528 open-im",
-        onboardingDismiss: "\u77e5\u9053\u4e86",
-        onboardingReadme: "README\uff08\u90e8\u7f72\u8bf4\u660e\uff09",
-        onboardingBody: "<p><strong>open-im</strong> \u5728\u672c\u673a\u628a Telegram\u3001\u98de\u4e66\u3001QQ\u3001\u4f01\u5fae\u3001\u9489\u9489\u3001WorkBuddy \u7b49\u6e20\u9053\u8fde\u5230 Claude / Codex / CodeBuddy\u3002</p><ol style=\"margin:12px 0 12px 18px;line-height:1.65\"><li>\u5728<strong>\u5e73\u53f0\u914d\u7f6e</strong>\u9009\u4e00\u4e2a\u804a\u5929\u5e94\u7528\uff0c\u6309\u5b57\u6bb5\u4e0b\u65b9\u63d0\u793a\u586b\u51ed\u8bc1\u3002</li><li>\u8bbe<strong>\u9ed8\u8ba4 AI</strong>\uff1b\u7528 Claude SDK \u65f6\u628a API Key \u5199\u8fdb<strong>~/.claude/settings.json</strong>\uff08\u672c\u9875\u53ef\u7f16\u8f91\uff09\u3002</li><li>\u5148<strong>\u6821\u9a8c</strong>\u518d<strong>\u4fdd\u5b58\u914d\u7f6e</strong>\uff0c\u7136\u540e\u5230<strong>\u670d\u52a1</strong>\u542f\u52a8\u6865\u63a5\u3002</li><li>\u4e5f\u53ef\u5728\u7ec8\u7aef\u8fd0\u884c <code style=\"background:var(--bg-tertiary);padding:2px 6px;border-radius:4px\">open-im init</code> \u4ea4\u4e92\u914d\u7f6e\u3002</li></ol>",
         tipTelegramToken: '\u5728 Telegram \u641c <a href="https://t.me/BotFather" target="_blank" rel="noopener">@BotFather</a>\uff0c\u53d1 /newbot \u521b\u5efa\u673a\u5668\u4eba\u540e\u590d\u5236 Token\u3002',
         tipFeishuAppId: "\u98de\u4e66\u5f00\u653e\u5e73\u53f0 \u2192 \u5e94\u7528 \u2192 \u51ed\u8bc1\u4e0e\u57fa\u7840\u4fe1\u606f \u2192 App ID\u3002",
         tipFeishuSecret: "\u540c\u4e00\u9875 App Secret\uff08\u53ef\u91cd\u7f6e\u540e\u67e5\u770b\uff09\u3002",

package/dist/config-web-page-script.js

@@ -10,8 +10,6 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
       const aiTools = ["claude", "codex", "codebuddy"];
       const STORAGE_KEY_LANG = "open-im-web-lang";
       const STORAGE_KEY_DARK_MODE = "open-im-web-dark-mode";
-      const STORAGE_KEY_ONBOARDING = "open-im-dashboard-onboarding-v1";
-      const STORAGE_KEY_SAVED_SESSION = "open-im-setup-saved-session";
       const POLLING_INTERVAL = 10000;
       const toolLabels = { claude: "Claude", codex: "Codex", codebuddy: "CodeBuddy" };
 
@@ -107,7 +105,17 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
 
       // Button state
       const setBusy = (busy) => {
-        ["validateButton","saveButton","startButton","stopButton","langButton"].forEach((id) => {
+        [
+          "validateButton",
+          "saveButton",
+          "startButton",
+          "stopButton",
+          "headerValidateButton",
+          "headerSaveButton",
+          "headerStartButton",
+          "headerStopButton",
+          "langButton",
+        ].forEach((id) => {
           const node = el(id);
           if (node) node.disabled = busy;
         });
@@ -146,9 +154,9 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
       const LANGUAGE_UPDATES = {
         simpleText: [
           { id: "mainTitle", key: "dashboardTitle" },
-          { id: "mainSubtitle", key: "dashboardSubtitleFull" },
           { id: "navOverviewText", key: "dashboardTitle" },
           { id: "navPlatformsText", key: "platformsTitle" },
+          { id: "navConfigFilesText", key: "navConfigFiles" },
           { id: "navAiText", key: "aiTitle" },
           { id: "navServiceText", key: "serviceTitle" },
           { id: "footerGithubText", value: "GitHub" },
@@ -163,28 +171,17 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
           { id: "statConfiguredLabel", key: "statConfiguredLabel" },
           { id: "statEnabledLabel", key: "statEnabledLabel" },
           { id: "statServiceLabel", key: "statServiceLabel" },
-          { id: "openImConfigSummary", key: "configJson" },
-          { id: "claudeSettingsSummary", key: "claudeSettingsLabel" },
+          { id: "configFilesTitle", key: "configFilesTitle" },
+          { id: "configFilesHint", key: "configFilesHint" },
+          { id: "openImConfigCardTitle", key: "configJson" },
+          { id: "openImConfigCardHint", key: "openImConfigCardHint" },
+          { id: "claudeSettingsCardTitle", key: "claudeSettingsLabel" },
+          { id: "claudeSettingsCardHint", key: "claudeSettingsCardHint" },
+          { id: "claudeJsonShortcutHint", key: "claudeJsonShortcutHint" },
           { id: "formatJsonButtonText", key: "formatJson" },
           { id: "resetJsonButtonText", key: "resetJson" },
           { id: "saveClaudeSettingsBtnText", key: "saveBtn" },
           { id: "saveOpenImConfigBtnText", key: "saveBtn" },
-          { id: "wizardTitle", key: "wizardTitle" },
-          { id: "wizardStep1Title", key: "wizardStep1Title" },
-          { id: "wizardStep1Desc", key: "wizardStep1Desc" },
-          { id: "wizardStep2Title", key: "wizardStep2Title" },
-          { id: "wizardStep2Desc", key: "wizardStep2Desc" },
-          { id: "wizardStep3Title", key: "wizardStep3Title" },
-          { id: "wizardStep3Desc", key: "wizardStep3Desc" },
-          { id: "wizardStep4Title", key: "wizardStep4Title" },
-          { id: "wizardStep4Desc", key: "wizardStep4Desc" },
-          { id: "wizardJumpPlatforms", key: "wizardJumpPlatforms" },
-          { id: "wizardJumpAi", key: "wizardJumpAi" },
-          { id: "wizardJumpService", key: "wizardJumpService" },
-          { id: "wizardJumpService2", key: "wizardJumpService" },
-          { id: "onboardingTitle", key: "onboardingTitle" },
-          { id: "onboardingDismiss", key: "onboardingDismiss" },
-          { id: "onboardingReadme", key: "onboardingReadme" },
         ],
         platformLabels: {
           enabled: { suffix: "-label", key: "enabled" },
@@ -232,14 +229,11 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
           { id: "aiCommonTitle", key: "aiCommonTitle" },
           { id: "ai-aiCommand-label", key: "aiTool" },
           { id: "ai-claudeWorkDir-label", key: "workDir" },
-          { id: "ai-claudeTimeoutMs-label", key: "claudeTimeout" },
           { id: "ai-claudeConfigPath-label", key: "claudeConfigPath" },
           { id: "ai-claudeProxy-label", key: "claudeProxy" },
           { id: "ai-codexCliPath-label", key: "codexCli" },
-          { id: "ai-codexTimeoutMs-label", key: "codexTimeout" },
           { id: "ai-codexProxy-label", key: "codexProxy" },
           { id: "ai-codebuddyCliPath-label", key: "codebuddyCli" },
-          { id: "ai-codebuddyTimeoutMs-label", key: "codebuddyTimeout" },
           { id: "ai-hookPort-label", key: "hookPort" },
           { id: "ai-logLevel-label", key: "logLevel" },
         ],
@@ -248,6 +242,10 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
           { id: "saveButton", key: "save" },
           { id: "startButton", key: "start" },
           { id: "stopButton", key: "stop" },
+          { id: "headerValidateButton", key: "validate" },
+          { id: "headerSaveButton", key: "save" },
+          { id: "headerStartButton", key: "start" },
+          { id: "headerStopButton", key: "stop" },
         ],
         testButtons: [
           { prefix: "test-", key: "test" },
@@ -308,9 +306,6 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
           if (tipEl) tipEl.innerHTML = t(tipKey);
         });
 
-        const onboardBody = el("onboardingBody");
-        if (onboardBody) onboardBody.innerHTML = t("onboardingBody");
-
         // AI labels
         LANGUAGE_UPDATES.aiLabels.forEach(({ id, key }) => {
           const label = el(id + "-label");
@@ -338,13 +333,8 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
         const darkModeToggle = el("darkModeToggle");
         if (darkModeToggle) darkModeToggle.setAttribute("aria-label", t("darkModeToggle"));
 
-        const readmeLink = el("onboardingReadmeLink");
-        if (readmeLink && readmeLink instanceof HTMLAnchorElement) {
-          readmeLink.href = isZh
-            ? "https://github.com/wu529778790/open-im/blob/main/README.zh-CN.md"
-            : "https://github.com/wu529778790/open-im/blob/main/README.md";
-        }
-        updateSetupWizard();
+        const headerToolbar = el("headerToolbar");
+        if (headerToolbar) headerToolbar.setAttribute("aria-label", t("headerToolbarAria"));
       }
 
       // AI tool switcher
@@ -376,34 +366,6 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
         const liveSummary = el("liveSummary");
         if (liveSummary) liveSummary.textContent = summary;
         updateAiToolVisibility();
-        updateSetupWizard();
-      }
-
-      function hasReadyPlatform() {
-        return platformDefinitions.some((platform) => {
-          if (!getChecked(platform.key + "-enabled")) return false;
-          return platform.requiredFields.every((field) => getValue(platform.key + "-" + field).trim().length > 0);
-        });
-      }
-
-      function aiStepComplete() {
-        const cmd = getValue("ai-aiCommand");
-        if (cmd === "codex") return getValue("ai-codexCliPath").trim().length > 0;
-        if (cmd === "codebuddy") return getValue("ai-codebuddyCliPath").trim().length > 0;
-        return true;
-      }
-
-      function updateSetupWizard() {
-        const s1 = hasReadyPlatform();
-        const s2 = aiStepComplete();
-        const s3 = sessionStorage.getItem(STORAGE_KEY_SAVED_SESSION) === "1";
-        const s4 = Boolean(lastHealthPayload && lastHealthPayload.serviceStatus && lastHealthPayload.serviceStatus.running);
-        const done = [s1, s2, s3, s4];
-        for (let i = 0; i < 4; i += 1) {
-          const step = el("wizard-step-" + (i + 1));
-          if (step) step.classList.toggle("wizard-step--done", done[i]);
-          setText("wizardStep" + (i + 1) + "Status", done[i] ? t("wizardStatusDone") : t("wizardStatusTodo"));
-        }
       }
 
       function collectClientValidationErrors() {
@@ -492,7 +454,6 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
           el("statServiceValue").textContent = serviceStatus.running ? t("serviceRunningShort") : t("serviceIdleShort");
 
           lastHealthPayload = data;
-          updateSetupWizard();
 
           return data;
         } catch (error) {
@@ -502,7 +463,7 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
 
       // Navigation
       function setActiveNav(targetId) {
-        ["navOverviewBtn","navPlatformsBtn","navAiBtn","navServiceBtn"].forEach((id) => {
+        ["navOverviewBtn","navPlatformsBtn","navConfigFilesBtn","navAiBtn","navServiceBtn"].forEach((id) => {
           const btn = el(id);
           if (btn) btn.classList.toggle("active", id === targetId);
         });
@@ -635,14 +596,11 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
       const AI_FIELD_MAPPINGS = [
         { id: "ai-aiCommand", key: "aiCommand" },
         { id: "ai-claudeWorkDir", key: "claudeWorkDir" },
-        { id: "ai-claudeTimeoutMs", key: "claudeTimeoutMs" },
         { id: "ai-claudeConfigPath", key: "claudeConfigPath" },
         { id: "ai-claudeProxy", key: "claudeProxy" },
         { id: "ai-codexCliPath", key: "codexCliPath" },
-        { id: "ai-codexTimeoutMs", key: "codexTimeoutMs" },
         { id: "ai-codexProxy", key: "codexProxy" },
         { id: "ai-codebuddyCliPath", key: "codebuddyCliPath" },
-        { id: "ai-codebuddyTimeoutMs", key: "codebuddyTimeoutMs" },
         { id: "ai-hookPort", key: "hookPort" },
         { id: "ai-logLevel", key: "logLevel" },
       ];
@@ -726,21 +684,6 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
           }
         });
 
-        // Open-im config.json: load when expanded
-        const openImConfigContainer = document.getElementById("openImConfigContainer");
-        if (openImConfigContainer && openImConfigContainer instanceof HTMLDetailsElement) {
-          openImConfigContainer.addEventListener("toggle", () => {
-            if (openImConfigContainer.open) void loadOpenImConfig();
-          });
-        }
-        // Claude settings.json: load when expanded
-        const claudeSettingsContainer = document.getElementById("claudeSettingsContainer");
-        if (claudeSettingsContainer && claudeSettingsContainer instanceof HTMLDetailsElement) {
-          claudeSettingsContainer.addEventListener("toggle", () => {
-            if (claudeSettingsContainer.open) void loadClaudeSettings();
-          });
-        }
-
         el("saveClaudeSettingsBtn").onclick = async () => {
           try {
             await saveClaudeSettings();
@@ -789,29 +732,10 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
         // Navigation
         el("navOverviewBtn").onclick = () => scrollToSection("dashboardSection", "navOverviewBtn");
         el("navPlatformsBtn").onclick = () => scrollToSection("configSection", "navPlatformsBtn");
+        el("navConfigFilesBtn").onclick = () => scrollToSection("configFilesSection", "navConfigFilesBtn");
         el("navAiBtn").onclick = () => scrollToSection("aiSection", "navAiBtn");
         el("navServiceBtn").onclick = () => scrollToSection("serviceSection", "navServiceBtn");
 
-        document.querySelectorAll(".wizard-jump").forEach((jumpBtn) => {
-          jumpBtn.addEventListener("click", () => {
-            const sec = jumpBtn.getAttribute("data-section");
-            const nav = jumpBtn.getAttribute("data-nav");
-            if (sec && nav) scrollToSection(sec, nav);
-          });
-        });
-
-        const onboardBackdrop = el("onboardingBackdrop");
-        const onboardDismiss = el("onboardingDismiss");
-        if (onboardBackdrop && onboardDismiss) {
-          if (!localStorage.getItem(STORAGE_KEY_ONBOARDING)) {
-            onboardBackdrop.classList.remove("hidden");
-          }
-          onboardDismiss.onclick = () => {
-            localStorage.setItem(STORAGE_KEY_ONBOARDING, "1");
-            onboardBackdrop.classList.add("hidden");
-          };
-        }
-
         // Language toggle
         el("langButton").onclick = () => {
           currentLang = currentLang === "zh" ? "en" : "zh";
@@ -825,19 +749,25 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
         el("darkModeToggle").onclick = toggleDarkMode;
         updateDarkMode(); // Initialize dark mode on load
 
-        // Service buttons
-        el("validateButton").onclick = validate;
-        el("saveButton").onclick = async () => {
+        // Service buttons (page footer + sticky header toolbar)
+        const onSaveClick = async () => {
           if (!validateClientSideOrAbort()) return;
           await saveClaudeSettings();
           await save();
         };
-        el("startButton").onclick = async () => {
+        const onStartClick = async () => {
           if (!validateClientSideOrAbort()) return;
           await saveClaudeSettings();
           await startService();
         };
+        el("validateButton").onclick = validate;
+        el("headerValidateButton").onclick = validate;
+        el("saveButton").onclick = onSaveClick;
+        el("headerSaveButton").onclick = onSaveClick;
+        el("startButton").onclick = onStartClick;
+        el("headerStartButton").onclick = onStartClick;
         el("stopButton").onclick = stopService;
+        el("headerStopButton").onclick = stopService;
 
         // Platform test buttons
         platformKeys.forEach((platform) => {
@@ -871,9 +801,7 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
           await saveOpenImConfig();
           // Then save form data
           await request("/api/config/save?final=1", { method: "POST", body: JSON.stringify(payload()) });
-          sessionStorage.setItem(STORAGE_KEY_SAVED_SESSION, "1");
           setMessage(t("saveOk"), "success");
-          updateSetupWizard();
         } catch (error) {
           setMessage(error.message || String(error), "error");
         } finally {
@@ -989,11 +917,8 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
         ai: {
           aiCommand: getValue("ai-aiCommand"),
           claudeWorkDir: getValue("ai-claudeWorkDir"),
-          claudeTimeoutMs: getNumber("ai-claudeTimeoutMs"),
           claudeConfigPath: getValue("ai-claudeConfigPath"),
           claudeProxy: getValue("ai-claudeProxy"),
-          codexTimeoutMs: getNumber("ai-codexTimeoutMs"),
-          codebuddyTimeoutMs: getNumber("ai-codebuddyTimeoutMs"),
           codexCliPath: getValue("ai-codexCliPath"),
           codexProxy: getValue("ai-codexProxy"),
           codebuddyCliPath: getValue("ai-codebuddyCliPath"),