@wu529778790/open-im 1.8.1-beta.0 → 1.8.1-beta.1

package/dist/config-web-page-i18n.d.ts

@@ -120,10 +120,12 @@ export declare const PAGE_TEXTS: {
         readonly stopOk: "Bridge stopped.";
         readonly configEditorTitle: "Config Editor";
         readonly configEditorHint: "Edit ~/.open-im/config.json directly";
-        readonly configJson: "Configuration (JSON)";
+        readonly claudeSettingsLabel: "~/.claude/settings.json";
+        readonly configJson: "~/.open-im/config.json";
         readonly configJsonHint: "Edit the configuration JSON. Changes will be saved when you click \"Save Config\" in the Service section.";
         readonly formatJson: "Format";
         readonly resetJson: "Reset";
+        readonly saveBtn: "Save";
         readonly jsonValid: "Valid JSON";
         readonly jsonInvalid: "Invalid JSON: {error}";
     };
@@ -242,10 +244,12 @@ export declare const PAGE_TEXTS: {
         readonly stopOk: "桥接已停止。";
         readonly configEditorTitle: "JSON 配置编辑器";
         readonly configEditorHint: "直接编辑 ~/.open-im/config.json";
-        readonly configJson: "配置文件 (JSON)";
-        readonly configJsonHint: "编辑配置 JSON。点击服务区的“保存配置”按钮后保存更改。";
+        readonly claudeSettingsLabel: "~/.claude/settings.json";
+        readonly configJson: "~/.open-im/config.json";
+        readonly configJsonHint: "编辑配置 JSON。点击服务区的“保存配置”按钮后侘存更改。";
         readonly formatJson: "格式化";
         readonly resetJson: "重置";
+        readonly saveBtn: "保存";
         readonly jsonValid: "JSON 有效";
         readonly jsonInvalid: "JSON 无效：{error}";
     };

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

@@ -120,10 +120,12 @@ export const PAGE_TEXTS = {
         stopOk: "Bridge stopped.",
         configEditorTitle: "Config Editor",
         configEditorHint: "Edit ~/.open-im/config.json directly",
-        configJson: "Configuration (JSON)",
+        claudeSettingsLabel: "~/.claude/settings.json",
+        configJson: "~/.open-im/config.json",
         configJsonHint: "Edit the configuration JSON. Changes will be saved when you click \"Save Config\" in the Service section.",
         formatJson: "Format",
         resetJson: "Reset",
+        saveBtn: "Save",
         jsonValid: "Valid JSON",
         jsonInvalid: "Invalid JSON: {error}",
     },
@@ -242,10 +244,12 @@ export const PAGE_TEXTS = {
         stopOk: "\u6865\u63a5\u5df2\u505c\u6b62\u3002",
         configEditorTitle: "JSON \u914d\u7f6e\u7f16\u8f91\u5668",
         configEditorHint: "\u76f4\u63a5\u7f16\u8f91 ~/.open-im/config.json",
-        configJson: "\u914d\u7f6e\u6587\u4ef6 (JSON)",
-        configJsonHint: "\u7f16\u8f91\u914d\u7f6e JSON\u3002\u70b9\u51fb\u670d\u52a1\u533a\u7684\u201c\u4fdd\u5b58\u914d\u7f6e\u201d\u6309\u94ae\u540e\u4fdd\u5b58\u66f4\u6539\u3002",
+        claudeSettingsLabel: "~/.claude/settings.json",
+        configJson: "~/.open-im/config.json",
+        configJsonHint: "\u7f16\u8f91\u914d\u7f6e JSON\u3002\u70b9\u51fb\u670d\u52a1\u533a\u7684\u201c\u4fdd\u5b58\u914d\u7f6e\u201d\u6309\u94ae\u540e\u4f98\u5b58\u66f4\u6539\u3002",
         formatJson: "\u683c\u5f0f\u5316",
         resetJson: "\u91cd\u7f6e",
+        saveBtn: "\u4fdd\u5b58",
         jsonValid: "JSON \u6709\u6548",
         jsonInvalid: "JSON \u65e0\u6548\uff1a{error}",
     }

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

@@ -159,6 +159,12 @@ 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: "formatJsonButtonText", key: "formatJson" },
+          { id: "resetJsonButtonText", key: "resetJson" },
+          { id: "saveClaudeSettingsBtnText", key: "saveBtn" },
+          { id: "saveOpenImConfigBtnText", key: "saveBtn" },
         ],
         platformLabels: {
           enabled: { suffix: "-label", key: "enabled" },
@@ -380,7 +386,7 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
 
       // Navigation
       function setActiveNav(targetId) {
-        ["navOverviewBtn","navPlatformsBtn","navAiBtn","navServiceBtn","navConfigEditorBtn"].forEach((id) => {
+        ["navOverviewBtn","navPlatformsBtn","navAiBtn","navServiceBtn"].forEach((id) => {
           const btn = el(id);
           if (btn) btn.classList.toggle("active", id === targetId);
         });
@@ -604,16 +610,37 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
           }
         });
 
-        // Claude settings.json editor (advanced, inline & collapsible)
+        // 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();
-            }
+            if (claudeSettingsContainer.open) void loadClaudeSettings();
           });
         }
 
+        el("saveClaudeSettingsBtn").onclick = async () => {
+          try {
+            await saveClaudeSettings();
+          } catch (e) {
+            setMessage(e && e.message ? e.message : String(e), "error");
+          }
+        };
+        el("saveOpenImConfigBtn").onclick = async () => {
+          try {
+            await saveOpenImConfig();
+            setMessage(t("saveOk"), "success");
+          } catch (e) {
+            setMessage(e && e.message ? e.message : String(e), "error");
+          }
+        };
+
         // AI tool switcher
         document.querySelectorAll(".tab[data-tool]").forEach((tab) => {
           tab.addEventListener("click", () => {
@@ -648,7 +675,6 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
         el("navPlatformsBtn").onclick = () => scrollToSection("configSection", "navPlatformsBtn");
         el("navAiBtn").onclick = () => scrollToSection("aiSection", "navAiBtn");
         el("navServiceBtn").onclick = () => scrollToSection("serviceSection", "navServiceBtn");
-        el("navConfigEditorBtn").onclick = () => scrollToSection("configEditorSection", "navConfigEditorBtn");
 
         // Language toggle
         el("langButton").onclick = () => {
@@ -718,7 +744,8 @@ export const PAGE_SCRIPT = String.raw `      const platformDefinitions = [
       async function saveOpenImConfig() {
         const textarea = document.getElementById("configJson");
         if (!(textarea instanceof HTMLTextAreaElement)) return;
-        const json = textarea.value;
+        const json = textarea.value.trim();
+        if (!json) return;
 
         // Validate JSON
         try {

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

@@ -781,16 +781,6 @@ export const PAGE_HTML_PREFIX = String.raw `<!doctype html>
             </svg>
             <span id="navServiceText">Service</span>
           </button>
-          <button class="nav-item" id="navConfigEditorBtn">
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
-              <polyline points="14 2 14 8 20 8"/>
-              <line x1="16" y1="13" x2="8" y2="13"/>
-              <line x1="16" y1="17" x2="8" y2="17"/>
-              <polyline points="10 9 9 9 8 9"/>
-            </svg>
-            <span id="navConfigEditorText">Config Editor</span>
-          </button>
         </nav>
       </aside>
 
@@ -1138,18 +1128,31 @@ export const PAGE_HTML_PREFIX = String.raw `<!doctype html>
                       <div class="form-hint" id="ai-claudeConfigPath-hint">Environment variables are saved to ~/.claude/settings.json</div>
                     </div>
                     <div class="form-group">
-                      <details id="claudeSettingsContainer">
-                        <summary class="form-label" style="cursor: pointer;">Edit ~/.claude/settings.json (advanced)</summary>
-                        <div class="form-hint" style="margin-top: 8px; margin-bottom: 8px;">
-                          JSON will be auto-formatted; invalid JSON 会提示错误。
+                      <details id="openImConfigContainer">
+                        <summary class="form-label" style="cursor: pointer;" id="openImConfigSummary">~/.open-im/config.json</summary>
+                        <div style="margin-top: 12px;">
+                          <div style="display:flex; justify-content:flex-end; gap:8px; margin-bottom:8px;">
+                            <button type="button" id="formatJsonButton" class="btn btn-sm btn-ghost"><span id="formatJsonButtonText">Format</span></button>
+                            <button type="button" id="resetJsonButton" class="btn btn-sm btn-ghost"><span id="resetJsonButtonText">Reset</span></button>
+                          </div>
+                          <textarea id="configJson" class="form-input mono" rows="16" style="font-family:monospace; font-size:13px; line-height:1.5; min-height:320px; resize:vertical; white-space:pre;" spellcheck="false"></textarea>
+                          <div id="jsonValidationMessage" class="message hidden" style="margin-top:6px;" aria-live="polite"></div>
+                          <div style="margin-top: 8px;">
+                            <button type="button" id="saveOpenImConfigBtn" class="btn btn-secondary btn-sm"><span id="saveOpenImConfigBtnText">Save</span></button>
+                          </div>
                         </div>
-                        <textarea
-                          id="claudeSettingsEditor"
-                          class="form-input mono"
-                          style="min-height: 200px; white-space: pre; font-family: var(--font-mono);"
-                        ></textarea>
-                        <div class="form-hint" style="margin-top: 4px;">
-                          折叠/展开以隐藏或查看完整配置。
+                      </details>
+                      <details id="claudeSettingsContainer" style="margin-top: 12px;">
+                        <summary class="form-label" style="cursor: pointer;" id="claudeSettingsSummary">~/.claude/settings.json</summary>
+                        <div style="margin-top: 12px;">
+                          <textarea
+                            id="claudeSettingsEditor"
+                            class="form-input mono"
+                            style="min-height: 180px; white-space: pre; font-family: var(--font-mono);"
+                          ></textarea>
+                          <div style="margin-top: 8px;">
+                            <button type="button" id="saveClaudeSettingsBtn" class="btn btn-secondary btn-sm"><span id="saveClaudeSettingsBtnText">Save</span></button>
+                          </div>
                         </div>
                       </details>
                     </div>
@@ -1207,32 +1210,6 @@ export const PAGE_HTML_PREFIX = String.raw `<!doctype html>
             </div>
           </section>
 
-          <!-- Config Editor Section -->
-          <section class="section" id="configEditorSection" style="display:none">
-            <div class="section-header">
-              <h2 class="section-title" id="configEditorTitle">Config Editor</h2>
-              <p class="section-description" id="configEditorHint">Edit ~/.open-im/config.json directly</p>
-            </div>
-
-            <div class="card">
-              <div class="card-body">
-                <div class="form-group">
-                  <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;">
-                    <label class="form-label" id="configJson-label">Configuration (JSON)</label>
-                    <div style="display:flex; gap:8px;">
-                      <button id="formatJsonButton" class="btn btn-sm btn-ghost">Format</button>
-                      <button id="resetJsonButton" class="btn btn-sm btn-ghost">Reset</button>
-                    </div>
-                  </div>
-                  <textarea id="configJson" class="form-input mono" rows="20" style="font-family:monospace; font-size:13px; line-height:1.5; min-height:400px; resize:vertical;" spellcheck="false"></textarea>
-                  <p class="form-hint" id="configJson-hint">Edit the configuration JSON. Changes will be saved when you click "Save Config" in the Service section.</p>
-                </div>
-                <div class="form-group">
-                  <div id="jsonValidationMessage" class="message hidden" aria-live="polite"></div>
-                </div>
-              </div>
-            </div>
-          </section>
         </div>
       </main>
     </div>

package/dist/config-web.js

@@ -673,6 +673,47 @@ export async function startWebConfigServer(options) {
             });
             return;
         }
+        if (request.method === "GET" && requestUrl.pathname === "/api/config/file") {
+            try {
+                let contents = "{}";
+                if (existsSync(CONFIG_PATH)) {
+                    contents = readFileSync(CONFIG_PATH, "utf-8");
+                }
+                json(response, 200, { path: CONFIG_PATH, contents });
+            }
+            catch (error) {
+                json(response, 500, { error: error instanceof Error ? error.message : String(error) });
+            }
+            return;
+        }
+        if (request.method === "POST" && requestUrl.pathname === "/api/config/file") {
+            try {
+                const body = await readJson(request);
+                const raw = body.contents ?? "";
+                if (!raw.trim()) {
+                    json(response, 400, { error: "contents is required" });
+                    return;
+                }
+                try {
+                    JSON.parse(raw);
+                }
+                catch {
+                    json(response, 400, { error: "Invalid JSON" });
+                    return;
+                }
+                const dir = dirname(CONFIG_PATH);
+                if (!existsSync(dir)) {
+                    mkdirSync(dir, { recursive: true });
+                }
+                writeFileSync(CONFIG_PATH, raw, "utf-8");
+                loadConfig();
+                json(response, 200, { message: "Config file saved.", path: CONFIG_PATH });
+            }
+            catch (error) {
+                json(response, 500, { error: error instanceof Error ? error.message : String(error) });
+            }
+            return;
+        }
         if (request.method === "POST" && requestUrl.pathname === "/api/config/validate") {
             try {
                 const body = await readJson(request);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wu529778790/open-im",
-  "version": "1.8.1-beta.0",
+  "version": "1.8.1-beta.1",
   "description": "Multi-platform IM bridge for AI CLI tools (Claude, Codex, CodeBuddy)",
   "type": "module",
   "main": "dist/index.js",