@bolloon/bolloon-agent 0.3.44 → 0.3.46

package/dist/web/client-hearth.js

@@ -20,16 +20,16 @@ export async function renderMyHearth(root) {
     root.innerHTML = '<h1>My Hearth</h1><p>Loading…</p>';
     try {
         const data = await fetchHearth('/api/hearth');
-        root.innerHTML = `
-      <h1>My Hearth</h1>
-      <dl>
-        <dt>Service</dt><dd>${data.service} v${data.version}</dd>
-        <dt>Root</dt><dd><code>${data.rootPath}</code></dd>
-        <dt>Description count</dt><dd>${data.descriptionCount}</dd>
-        <dt>Visibility channels</dt><dd>${data.visibilityChannels}</dd>
-        <dt>Allowlist count</dt><dd>${data.allowlistCount}</dd>
-        <dt>Defense mode</dt><dd>${data.defenseMode ? 'ON (write APIs disabled)' : 'OFF (反攻期)'}</dd>
-      </dl>
+        root.innerHTML = `
+      <h1>My Hearth</h1>
+      <dl>
+        <dt>Service</dt><dd>${data.service} v${data.version}</dd>
+        <dt>Root</dt><dd><code>${data.rootPath}</code></dd>
+        <dt>Description count</dt><dd>${data.descriptionCount}</dd>
+        <dt>Visibility channels</dt><dd>${data.visibilityChannels}</dd>
+        <dt>Allowlist count</dt><dd>${data.allowlistCount}</dd>
+        <dt>Defense mode</dt><dd>${data.defenseMode ? 'ON (write APIs disabled)' : 'OFF (反攻期)'}</dd>
+      </dl>
       <p>视图: <a href="#/hearth/discover">Discover</a> · <a href="#/hearth/visit/__self__">Visit self</a></p>`;
     }
     catch (e) {

package/dist/web/client.js

@@ -3791,6 +3791,13 @@ ${data.error || "channel not found"}`, "error");
       if (nameEl) nameEl.textContent = identity.name || "\u533F\u540D";
       if (didEl) didEl.textContent = identity.didShort ? `did:key:${identity.didShort}` : "";
       if (letterEl) letterEl.textContent = letter;
+      const avatarEl = document.getElementById("user-avatar");
+      if (avatarEl) {
+        avatarEl.style.cursor = "pointer";
+        avatarEl.onclick = () => {
+          openAuthModal();
+        };
+      }
       if (nameEl) {
         nameEl.onclick = () => {
           const current = nameEl.textContent || "";
@@ -3841,6 +3848,140 @@ ${data.error || "channel not found"}`, "error");
     } catch (e) {
     }
   }
+  function getEl(id) {
+    return document.getElementById(id);
+  }
+  function showAuthMsg(text, isError = false) {
+    const msg = getEl("auth-msg");
+    if (!msg) return;
+    msg.textContent = text;
+    msg.style.display = "block";
+    msg.style.color = isError ? "#ef4444" : "#22c55e";
+  }
+  async function refreshAuthAccounts() {
+    try {
+      const res = await fetch("/api/auth/status");
+      if (!res.ok) return;
+      const data = await res.json();
+      const statusLine = getEl("auth-status-line");
+      if (statusLine) {
+        statusLine.innerHTML = `\u5F53\u524D\u7528\u6237 DID: <code style="font-size:11px;">${escapeHtml2(data.did || "")}</code><br><span style="color:var(--text-muted);">\u6240\u6709\u767B\u5F55\u8D26\u53F7\u4E0E DIAP \u667A\u80FD\u4F53\u8EAB\u4EFD\u5747\u5F52\u5C5E\u6B64 DID\u3002</span>`;
+      }
+      const listEl = getEl("auth-accounts-list");
+      if (listEl) {
+        const accs = data.accounts || [];
+        if (accs.length === 0) {
+          listEl.innerHTML = '<div class="form-info" style="margin-top:4px;color:var(--text-muted);">\u5C1A\u672A\u7ED1\u5B9A\u4EFB\u4F55\u8D26\u53F7</div>';
+        } else {
+          listEl.innerHTML = '<div class="form-info" style="margin-bottom:4px;"><b>\u5DF2\u7ED1\u5B9A\u8D26\u53F7</b></div>' + accs.map((a) => `<div style="display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border:1px solid var(--border);border-radius:6px;margin-bottom:4px;font-size:12px;">
+            <span>${escapeHtml2(a.provider)}${a.identifier ? " \xB7 " + escapeHtml2(a.identifier) : ""}${a.skeleton ? ' <span style="color:#f59e0b;">(\u9AA8\u67B6)</span>' : ""}</span>
+            <button class="btn-secondary btn-sm auth-unbind-btn" data-provider="${escapeHtml2(a.provider)}" style="padding:1px 8px;font-size:11px;">\u89E3\u7ED1</button>
+          </div>`).join("");
+          listEl.querySelectorAll(".auth-unbind-btn").forEach((btn) => {
+            btn.addEventListener("click", async () => {
+              const provider = btn.dataset.provider || "";
+              try {
+                const r = await fetch("/api/auth/logout", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ provider }) });
+                if (r.ok) {
+                  showAuthMsg(`\u2713 \u5DF2\u89E3\u7ED1 ${provider}`);
+                  refreshAuthAccounts();
+                } else {
+                  showAuthMsg(`\u89E3\u7ED1\u5931\u8D25: ${(await r.json()).error || ""}`, true);
+                }
+              } catch {
+                showAuthMsg("\u89E3\u7ED1\u5931\u8D25", true);
+              }
+            });
+          });
+        }
+      }
+    } catch {
+    }
+  }
+  async function openAuthModal() {
+    const modal = getEl("auth-modal");
+    if (!modal) return;
+    modal.style.display = "flex";
+    const msg = getEl("auth-msg");
+    if (msg) msg.style.display = "none";
+    const emailEl = getEl("auth-email");
+    const phoneEl = getEl("auth-phone");
+    if (emailEl) emailEl.value = "";
+    if (phoneEl) phoneEl.value = "";
+    await refreshAuthAccounts();
+  }
+  function closeAuthModal() {
+    const modal = getEl("auth-modal");
+    if (modal) modal.style.display = "none";
+  }
+  async function authLogin(provider, identifier) {
+    try {
+      const res = await fetch("/api/auth/login", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ provider, identifier })
+      });
+      const data = await res.json();
+      if (!res.ok) {
+        showAuthMsg(data.error || "\u767B\u5F55\u5931\u8D25", true);
+        return;
+      }
+      showAuthMsg(`\u2713 ${data.message || "\u5DF2\u7ED1\u5B9A"}`);
+      await refreshAuthAccounts();
+      loadUserIdentity();
+    } catch {
+      showAuthMsg("\u767B\u5F55\u8BF7\u6C42\u5931\u8D25", true);
+    }
+  }
+  function bindAuthModalEvents() {
+    const closeBtn = getEl("auth-modal-close");
+    if (closeBtn) closeBtn.onclick = closeAuthModal;
+    document.querySelectorAll(".auth-oauth-btn").forEach((btn) => {
+      btn.addEventListener("click", () => {
+        const provider = btn.dataset.provider || "";
+        authLogin(provider);
+      });
+    });
+    const emailBtn = getEl("auth-email-btn");
+    if (emailBtn) emailBtn.onclick = () => {
+      const emailEl = getEl("auth-email");
+      const val = emailEl?.value?.trim() || "";
+      if (!val) {
+        showAuthMsg("\u8BF7\u586B\u5199\u90AE\u7BB1", true);
+        return;
+      }
+      authLogin("email", val);
+    };
+    const phoneBtn = getEl("auth-phone-btn");
+    if (phoneBtn) phoneBtn.onclick = () => {
+      const phoneEl = getEl("auth-phone");
+      const val = phoneEl?.value?.trim() || "";
+      if (!val) {
+        showAuthMsg("\u8BF7\u586B\u5199\u624B\u673A\u53F7", true);
+        return;
+      }
+      authLogin("phone", val);
+    };
+    const emailInput = getEl("auth-email");
+    if (emailInput) emailInput.addEventListener("keydown", (e) => {
+      if (e.key === "Enter") getEl("auth-email-btn")?.click();
+    });
+    const phoneInput = getEl("auth-phone");
+    if (phoneInput) phoneInput.addEventListener("keydown", (e) => {
+      if (e.key === "Enter") getEl("auth-phone-btn")?.click();
+    });
+    const modal = getEl("auth-modal");
+    if (modal) modal.addEventListener("click", (e) => {
+      if (e.target === modal) closeAuthModal();
+    });
+  }
+  if (typeof document !== "undefined") {
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", bindAuthModalEvents);
+    } else {
+      bindAuthModalEvents();
+    }
+  }
   async function init() {
     const themeData = await loadTheme();
     currentAgentId = themeData.agentId || `agent_${generateId().substring(0, 8)}`;