@pingagent/sdk 0.1.7 → 0.1.9

package/src/web-server.ts

@@ -1,1148 +0,0 @@
-/**
- * PingAgent Web - Local debugging and audit UI.
- * Serves a simple web app for viewing contacts, conversations, messages, and sending messages.
- * Auth: CLI holds identity + token; browser only talks to localhost. No token in browser.
- */
-
-import * as fs from 'node:fs';
-import * as http from 'node:http';
-import * as path from 'node:path';
-import {
-  PingAgentClient,
-  loadIdentity,
-  updateStoredToken,
-  ensureTokenValid,
-  LocalStore,
-  ContactManager,
-} from './index.js';
-import { SCHEMA_TEXT } from '@pingagent/schemas';
-
-const DEFAULT_PORT = 3846;
-const DEFAULT_ROOT = '~/.pingagent';
-
-function resolvePath(p: string): string {
-  if (!p || !p.startsWith('~')) return p;
-  return path.join(process.env.HOME || process.env.USERPROFILE || '', p.slice(1));
-}
-
-export interface ProfileEntry {
-  id: string;
-  did?: string;
-  /** Server URL for this profile (from identity); used so local vs remote profiles work in one web session. */
-  serverUrl?: string;
-  identityPath: string;
-  storePath: string;
-}
-
-export interface WebServerOptions {
-  /** Root dir to scan for profiles (e.g. ~/.pingagent). When set, user selects profile on page. */
-  rootDir?: string;
-  /** When set, use this identity only (no profile picker). Overrides rootDir. */
-  fixedIdentityPath?: string;
-  fixedStorePath?: string;
-  serverUrl: string;
-  port?: number;
-}
-
-function listProfiles(rootDir: string): ProfileEntry[] {
-  const root = resolvePath(rootDir);
-  const profiles: ProfileEntry[] = [];
-  if (!fs.existsSync(root) || !fs.statSync(root).isDirectory()) return profiles;
-
-  // default: root/identity.json
-  const defaultIdentity = path.join(root, 'identity.json');
-  if (fs.existsSync(defaultIdentity)) {
-    try {
-      const id = loadIdentity(defaultIdentity);
-      profiles.push({
-        id: 'default',
-        did: id.did,
-        serverUrl: id.serverUrl,
-        identityPath: defaultIdentity,
-        storePath: path.join(root, 'store.db'),
-      });
-    } catch {
-      profiles.push({ id: 'default', identityPath: defaultIdentity, storePath: path.join(root, 'store.db') });
-    }
-  }
-
-  // profiles/<name>/identity.json
-  const profilesDir = path.join(root, 'profiles');
-  if (fs.existsSync(profilesDir) && fs.statSync(profilesDir).isDirectory()) {
-    for (const name of fs.readdirSync(profilesDir)) {
-      const sub = path.join(profilesDir, name);
-      if (!fs.statSync(sub).isDirectory()) continue;
-      const idPath = path.join(sub, 'identity.json');
-      if (fs.existsSync(idPath)) {
-        try {
-          const id = loadIdentity(idPath);
-          profiles.push({ id: name, did: id.did, serverUrl: id.serverUrl, identityPath: idPath, storePath: path.join(sub, 'store.db') });
-        } catch {
-          profiles.push({ id: name, identityPath: idPath, storePath: path.join(sub, 'store.db') });
-        }
-      }
-    }
-  }
-
-  // root/<dir>/identity.json (e.g. receiver, agent1, remote1c)
-  let names: string[];
-  try {
-    names = fs.readdirSync(root);
-  } catch {
-    return profiles;
-  }
-  for (const name of names) {
-    if (name === 'profiles' || name === 'identity.json' || name === 'store.db') continue;
-    const sub = path.join(root, name);
-    if (!fs.statSync(sub).isDirectory()) continue;
-    const idPath = path.join(sub, 'identity.json');
-    if (fs.existsSync(idPath) && !profiles.some((p) => p.id === name)) {
-      try {
-        const id = loadIdentity(idPath);
-        profiles.push({ id: name, did: id.did, serverUrl: id.serverUrl, identityPath: idPath, storePath: path.join(sub, 'store.db') });
-      } catch {
-        profiles.push({ id: name, identityPath: idPath, storePath: path.join(sub, 'store.db') });
-      }
-    }
-  }
-
-  return profiles;
-}
-
-/** Default server URL when identity has none (e.g. legacy). */
-const DEFAULT_SERVER_URL = 'https://pingagent.chat';
-
-async function getContextForProfile(
-  profile: ProfileEntry,
-  defaultServerUrl: string,
-): Promise<{ client: PingAgentClient; contactManager: ContactManager; myDid: string; serverUrl: string }> {
-  const identity = loadIdentity(profile.identityPath);
-  const serverUrl = identity.serverUrl ?? defaultServerUrl ?? DEFAULT_SERVER_URL;
-  await ensureTokenValid(profile.identityPath, serverUrl);
-  const identityAfter = loadIdentity(profile.identityPath);
-  const store = new LocalStore(profile.storePath);
-  const contactManager = new ContactManager(store);
-  const client = new PingAgentClient({
-    serverUrl,
-    identity: identityAfter,
-    accessToken: identityAfter.accessToken ?? '',
-    store,
-    onTokenRefreshed: (token, expiresAt) => updateStoredToken(token, expiresAt, profile.identityPath),
-  });
-  return { client, contactManager, myDid: identityAfter.did, serverUrl };
-}
-
-const clientCache = new Map<string, { client: PingAgentClient; contactManager: ContactManager; myDid: string; serverUrl: string }>();
-
-export async function startWebServer(opts: WebServerOptions): Promise<http.Server> {
-  const port = opts.port ?? DEFAULT_PORT;
-  const defaultServerUrl = opts.serverUrl ?? DEFAULT_SERVER_URL;
-  const rootDir = opts.rootDir ? resolvePath(opts.rootDir) : resolvePath(DEFAULT_ROOT);
-
-  let profiles: ProfileEntry[];
-  let fixedContext: { client: PingAgentClient; contactManager: ContactManager; myDid: string; serverUrl: string } | null = null;
-
-  if (opts.fixedIdentityPath && opts.fixedStorePath) {
-    const identityPath = resolvePath(opts.fixedIdentityPath);
-    const storePath = resolvePath(opts.fixedStorePath);
-    fixedContext = await getContextForProfile({ id: 'fixed', identityPath, storePath }, defaultServerUrl);
-    profiles = [{ id: 'fixed', did: fixedContext.myDid, identityPath, storePath }];
-  } else {
-    profiles = listProfiles(opts.rootDir ?? DEFAULT_ROOT);
-    if (profiles.length === 0) {
-      throw new Error(`No identity found in ${rootDir}. Run: pingagent init`);
-    }
-  }
-
-  const html = getHtml();
-
-  const server = http.createServer(async (req, res) => {
-    const url = new URL(req.url || '/', `http://${req.headers.host}`);
-    const pathname = url.pathname;
-    const raw = url.searchParams.get('profile') || req.headers['x-profile'];
-    const profileId = Array.isArray(raw) ? raw[0] : raw;
-
-    const origin = req.headers.origin || '';
-    const allowOrigin = /^https?:\/\/(localhost|127\.0\.0\.1)(:\d+)?$/.test(origin) ? origin : 'null';
-    res.setHeader('Access-Control-Allow-Origin', allowOrigin);
-    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
-    res.setHeader('Access-Control-Allow-Headers', 'Content-Type, X-Profile');
-
-    if (req.method === 'OPTIONS') {
-      res.writeHead(204);
-      res.end();
-      return;
-    }
-
-    if (pathname === '/' || pathname === '/index.html') {
-      res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
-      res.end(html);
-      return;
-    }
-
-    if (pathname.startsWith('/api/')) {
-      try {
-        if (pathname === '/api/profiles' || pathname === '/api/profiles/') {
-          res.writeHead(200, { 'Content-Type': 'application/json; charset=utf-8' });
-          res.end(JSON.stringify({ profiles: profiles.map((p) => ({ id: p.id, did: p.did, server: p.serverUrl })) }));
-          return;
-        }
-        let ctx = fixedContext;
-        if (!ctx) {
-          const pid: string | null =
-            (typeof profileId === 'string' ? profileId : null) ||
-            (profiles.length === 1 ? profiles[0].id : null);
-          if (!pid) {
-            res.writeHead(400, { 'Content-Type': 'application/json; charset=utf-8' });
-            res.end(JSON.stringify({ error: 'Select a profile first (?profile=xxx)' }));
-            return;
-          }
-          const cached = clientCache.get(pid);
-          if (cached) ctx = cached;
-          else {
-            const p = profiles.find((x) => x.id === pid);
-            if (!p) throw new Error(`Unknown profile: ${pid}`);
-            ctx = await getContextForProfile(p, defaultServerUrl);
-            clientCache.set(pid, ctx);
-          }
-        }
-        const result = await handleApi(pathname, req, ctx.client, ctx.contactManager, ctx.myDid, ctx.serverUrl);
-        res.writeHead(200, { 'Content-Type': 'application/json; charset=utf-8' });
-        res.end(JSON.stringify(result));
-      } catch (err: any) {
-        res.writeHead(500, { 'Content-Type': 'application/json; charset=utf-8' });
-        res.end(JSON.stringify({ error: err?.message ?? 'Internal error' }));
-      }
-      return;
-    }
-
-    res.writeHead(404);
-    res.end('Not found');
-  });
-
-  server.listen(port, '127.0.0.1', () => {
-    console.log(`PingAgent Web: http://127.0.0.1:${port}`);
-    if (fixedContext) {
-      console.log(`  DID: ${fixedContext.myDid}`);
-      console.log(`  Server: ${fixedContext.serverUrl}`);
-    } else {
-      console.log(`  Profiles: ${profiles.map((p) => p.id).join(', ')} (each uses its identity server URL)`);
-    }
-  });
-
-  return server;
-}
-
-async function handleApi(
-  pathname: string,
-  req: http.IncomingMessage,
-  client: PingAgentClient,
-  contactManager: ContactManager,
-  myDid: string,
-  serverUrl: string,
-): Promise<unknown> {
-  const parts = pathname.slice(5).split('/').filter(Boolean);
-
-  if (parts[0] === 'me') {
-    return { did: myDid, serverUrl };
-  }
-
-  if (parts[0] === 'profile') {
-    if (req.method === 'GET') {
-      const res = await client.getProfile();
-      if (!res.ok) throw new Error(res.error?.message ?? 'Failed to get profile');
-      return res.data;
-    }
-    if (req.method === 'POST') {
-      const body = await readBody(req);
-      const profile: Record<string, unknown> = {};
-      if (body?.display_name != null) profile.display_name = body.display_name;
-      if (body?.bio != null) profile.bio = body.bio;
-      if (Array.isArray(body?.capabilities)) profile.capabilities = body.capabilities;
-      else if (typeof body?.capabilities === 'string') profile.capabilities = body.capabilities.split(',').map((s: string) => s.trim()).filter(Boolean);
-      if (Array.isArray(body?.tags)) profile.tags = body.tags;
-      else if (typeof body?.tags === 'string') profile.tags = body.tags.split(',').map((s: string) => s.trim()).filter(Boolean);
-      if (typeof body?.discoverable === 'boolean') profile.discoverable = body.discoverable;
-      const res = await client.updateProfile(profile as any);
-      if (!res.ok) throw new Error(res.error?.message ?? 'Failed to update profile');
-      return res.data;
-    }
-  }
-
-  if (parts[0] === 'feed') {
-    if (parts[1] === 'publish' && req.method === 'POST') {
-      const body = await readBody(req);
-      const text = String(body?.text ?? '').trim();
-      if (!text) throw new Error('Missing text');
-      const res = await client.publishPost({ text, artifact_ref: body?.artifact_ref as string | undefined });
-      if (!res.ok) throw new Error(res.error?.message ?? 'Failed to publish');
-      return res.data;
-    }
-    if (parts[1] === 'public') {
-      const url = new URL(req.url || '', 'http://x');
-      const limit = parseInt(url.searchParams.get('limit') ?? '20', 10);
-      const since = url.searchParams.get('since');
-      const res = await client.listFeedPublic({ limit, since: since ? parseInt(since, 10) : undefined });
-      if (!res.ok) throw new Error(res.error?.message ?? 'Failed to list feed');
-      return res.data;
-    }
-    if (parts[1] === 'by_did') {
-      const url = new URL(req.url || '', 'http://x');
-      const did = url.searchParams.get('did') || myDid;
-      const limit = parseInt(url.searchParams.get('limit') ?? '20', 10);
-      const res = await client.listFeedByDid(did, { limit });
-      if (!res.ok) throw new Error(res.error?.message ?? 'Failed to list feed');
-      return res.data;
-    }
-  }
-
-  if (parts[0] === 'channels') {
-    if (!parts[1] || parts[1] === 'mine') {
-      const listRes = await client.listConversations({ type: 'channel' });
-      if (!listRes.ok) throw new Error(listRes.error?.message ?? 'Failed to list channels');
-      return { channels: listRes.data?.conversations ?? [] };
-    }
-    if (parts[1] === 'discover') {
-      const url = new URL(req.url || '', 'http://x');
-      const limit = parseInt(url.searchParams.get('limit') ?? '20', 10);
-      const q = url.searchParams.get('q') || undefined;
-      const res = await client.discoverChannels({ limit, query: q });
-      if (!res.ok) throw new Error(res.error?.message ?? 'Failed to discover channels');
-      return res.data;
-    }
-    if (parts[1] === 'create' && req.method === 'POST') {
-      const body = await readBody(req);
-      const name = String(body?.name ?? '').trim();
-      if (!name) throw new Error('Missing name');
-      const res = await client.createChannel({
-        name,
-        alias: body?.alias as string | undefined,
-        description: body?.description as string | undefined,
-        discoverable: body?.discoverable as boolean | undefined,
-      });
-      if (!res.ok) throw new Error(res.error?.message ?? 'Failed to create channel');
-      return res.data;
-    }
-    if (parts[1] === 'update' && req.method === 'PATCH') {
-      const body = await readBody(req);
-      const alias = String(body?.alias ?? '').trim();
-      if (!alias) throw new Error('Missing alias');
-      const res = await client.updateChannel({
-        alias,
-        name: body?.name as string | undefined,
-        description: body?.description as string | undefined,
-        discoverable: body?.discoverable as boolean | undefined,
-      });
-      if (!res.ok) throw new Error(res.error?.message ?? 'Failed to update channel');
-      return res.data;
-    }
-    if (parts[1] === 'delete' && req.method === 'DELETE') {
-      const body = await readBody(req);
-      const alias = String(body?.alias ?? '').trim();
-      if (!alias) throw new Error('Missing alias');
-      const res = await client.deleteChannel(alias);
-      if (!res.ok) throw new Error(res.error?.message ?? 'Failed to delete channel');
-      return res.data;
-    }
-    if (parts[1] === 'join' && req.method === 'POST') {
-      const body = await readBody(req);
-      const alias = String(body?.alias ?? '').trim().replace(/^@ch\//, '');
-      if (!alias) throw new Error('Missing alias');
-      const res = await client.joinChannel(alias);
-      if (!res.ok) throw new Error(res.error?.message ?? 'Failed to join channel');
-      return res.data;
-    }
-  }
-
-  if (parts[0] === 'contacts') {
-    const list = contactManager.list();
-    return { contacts: list };
-  }
-
-  if (parts[0] === 'conversations' && !parts[1]) {
-    const listRes = await client.listConversations({ type: 'dm' });
-    if (!listRes.ok) throw new Error(listRes.error?.message ?? 'Failed to list conversations');
-    const convos = listRes.data?.conversations ?? [];
-    // Merge with contacts for display names
-    const contacts = contactManager.list();
-    const byDid = new Map(contacts.map((c) => [c.did, c]));
-    const enriched = convos.map((c) => ({
-      ...c,
-      display_name: byDid.get(c.target_did)?.display_name ?? byDid.get(c.target_did)?.alias,
-    }));
-    return { conversations: enriched };
-  }
-
-  if (parts[0] === 'conversations' && parts[1] && parts[2] === 'messages') {
-    const conversationId = decodeURIComponent(parts[1]);
-    const sinceSeq = parseInt(new URL(req.url || '', 'http://x').searchParams.get('since_seq') ?? '0', 10) || 0;
-    const toMsg = (m: any) => ({
-      message_id: m.message_id,
-      seq: m.seq,
-      sender_did: m.sender_did,
-      schema: m.schema,
-      payload: m.payload,
-      ts_ms: m.ts_ms,
-      isMe: m.sender_did === myDid,
-    });
-    const seen = new Set<string>();
-    const merged: ReturnType<typeof toMsg>[] = [];
-    for (const box of ['ready', 'strangers'] as const) {
-      const fetchRes = await client.fetchInbox(conversationId, { sinceSeq, limit: 100, box });
-      if (!fetchRes.ok) continue;
-      for (const m of fetchRes.data?.messages ?? []) {
-        if (m.message_id && !seen.has(m.message_id)) {
-          seen.add(m.message_id);
-          merged.push(toMsg(m));
-        }
-      }
-    }
-    merged.sort((a, b) => (a.ts_ms ?? 0) - (b.ts_ms ?? 0));
-    const hm = client.getHistoryManager();
-    if (hm) {
-      const stored = hm.list(conversationId, { limit: 100 });
-      for (const m of stored) {
-        if (!seen.has(m.message_id)) {
-          seen.add(m.message_id);
-          merged.push({
-            message_id: m.message_id,
-            seq: m.seq,
-            sender_did: m.sender_did,
-            schema: m.schema,
-            payload: m.payload,
-            ts_ms: m.ts_ms,
-            isMe: m.sender_did === myDid,
-          });
-        }
-      }
-      merged.sort((a, b) => (a.ts_ms ?? 0) - (b.ts_ms ?? 0));
-    }
-    return { messages: merged };
-  }
-
-  if (parts[0] === 'conversations' && parts[1] && parts[2] === 'send' && req.method === 'POST') {
-    const conversationId = decodeURIComponent(parts[1]);
-    const body = await readBody(req);
-    const text = body?.text ?? body?.message ?? '';
-    if (!text) throw new Error('Missing text or message');
-    const sendRes = await client.sendMessage(conversationId, SCHEMA_TEXT, { text });
-    if (!sendRes.ok) throw new Error(sendRes.error?.message ?? 'Failed to send');
-    return { ok: true, message_id: sendRes.data?.message_id };
-  }
-
-  if (parts[0] === 'open' && req.method === 'POST') {
-    const body = await readBody(req);
-    const targetDid = String(body?.target_did ?? body?.did ?? '').trim();
-    if (!targetDid) throw new Error('Missing target_did');
-    const openRes = await client.openConversation(targetDid);
-    if (!openRes.ok) throw new Error(openRes.error?.message ?? 'Failed to open conversation');
-    const conv = openRes.data!;
-    if (!conv.trusted && body?.send_contact_request) {
-      const msg = typeof body?.message === 'string' ? body.message : undefined;
-      await client.sendContactRequest(conv.conversation_id, msg);
-    }
-    return { conversation_id: conv.conversation_id, type: conv.type, trusted: conv.trusted };
-  }
-
-  throw new Error('Unknown API');
-}
-
-function readBody(req: http.IncomingMessage): Promise<Record<string, unknown>> {
-  return new Promise((resolve, reject) => {
-    const chunks: Buffer[] = [];
-    req.on('data', (c) => chunks.push(c));
-    req.on('end', () => {
-      try {
-        const raw = Buffer.concat(chunks).toString('utf-8');
-        resolve(raw ? JSON.parse(raw) : {});
-      } catch (e) {
-        reject(new Error('Invalid JSON'));
-      }
-    });
-    req.on('error', reject);
-  });
-}
-
-function getHtml(_fixedOnly?: boolean): string {
-  const profilePicker = `
-    <div class="profile-picker" id="profilePicker">
-      <div class="profile-label">选择 Profile 登录</div>
-      <div class="profile-list" id="profileList"><p class="profile-loading">加载中...</p></div>
-    </div>
-    <div class="profile-current" id="profileCurrent" style="display:none">
-      <span>当前: <strong id="currentProfileName"></strong></span>
-      <button class="profile-switch-btn" id="switchProfileBtn">切换</button>
-    </div>`;
-  return `<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>PingAgent Web - 本地调试与审计</title>
-  <style>
-    * { box-sizing: border-box; }
-    body { font-family: ui-sans-serif, system-ui, sans-serif; margin: 0; background: #0f0f12; color: #e4e4e7; }
-    .layout { display: flex; height: 100vh; }
-    .sidebar { width: 280px; border-right: 1px solid #27272a; overflow-y: auto; }
-    .main { flex: 1; display: flex; flex-direction: column; min-width: 0; }
-    .header { padding: 12px 16px; border-bottom: 1px solid #27272a; font-size: 13px; color: #a1a1aa; }
-    .header strong { color: #fafafa; }
-    .list { padding: 8px 0; }
-    .list-item { padding: 10px 16px; cursor: pointer; font-size: 14px; border-left: 3px solid transparent; }
-    .list-item:hover { background: #18181b; }
-    .list-item.active { background: #18181b; border-left-color: #3b82f6; }
-    .list-item .sub { font-size: 12px; color: #71717a; margin-top: 2px; }
-    .messages { flex: 1; overflow-y: auto; padding: 16px; }
-    .msg { max-width: 75%; margin-bottom: 12px; padding: 10px 14px; border-radius: 12px; font-size: 14px; }
-    .msg.me { margin-left: auto; background: #3b82f6; color: #fff; }
-    .msg.other { background: #27272a; }
-    .msg .meta { font-size: 11px; color: #71717a; margin-bottom: 4px; }
-    .msg.me .meta { color: rgba(255,255,255,0.7); }
-    .input-area { padding: 12px 16px; border-top: 1px solid #27272a; display: flex; gap: 8px; }
-    .input-area input { flex: 1; padding: 10px 14px; border: 1px solid #3f3f46; border-radius: 8px; background: #18181b; color: #fafafa; font-size: 14px; }
-    .input-area input:focus { outline: none; border-color: #3b82f6; }
-    .input-area button { padding: 10px 20px; background: #3b82f6; color: #fff; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; }
-    .input-area button:hover { background: #2563eb; }
-    .input-area button:disabled { opacity: 0.5; cursor: not-allowed; }
-    .empty { padding: 24px; text-align: center; color: #71717a; font-size: 14px; }
-    .add-conv { padding: 12px 16px; border-bottom: 1px solid #27272a; }
-    .add-conv input { width: 100%; padding: 8px 12px; border: 1px solid #3f3f46; border-radius: 6px; background: #18181b; color: #fafafa; font-size: 13px; }
-    .add-conv button { margin-top: 8px; padding: 8px 12px; background: #27272a; color: #e4e4e7; border: none; border-radius: 6px; cursor: pointer; font-size: 13px; }
-    .add-conv button:hover { background: #3f3f46; }
-    .error { color: #f87171; font-size: 13px; padding: 8px 0; }
-    .profile-picker { padding: 12px 16px; border-bottom: 1px solid #27272a; }
-    .profile-label { font-size: 12px; color: #71717a; margin-bottom: 8px; }
-    .profile-list { min-height: 160px; }
-    .profile-loading { font-size: 12px; color: #71717a; margin: 0; }
-    .profile-list .profile-btn { display: block; width: 100%; padding: 8px 12px; margin-bottom: 4px; background: #27272a; color: #e4e4e7; border: none; border-radius: 6px; cursor: pointer; font-size: 13px; text-align: left; }
-    .profile-list .profile-btn:hover { background: #3f3f46; }
-    .profile-list .profile-btn.selected { border: 1px solid #3b82f6; background: #1e3a5f; }
-    .profile-list .profile-btn .sub { font-size: 11px; color: #71717a; }
-    .profile-current { padding: 12px 16px; border-bottom: 1px solid #27272a; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
-    .profile-current span { font-size: 13px; color: #a1a1aa; }
-    .profile-switch-btn { padding: 4px 10px; font-size: 12px; background: #27272a; color: #e4e4e7; border: none; border-radius: 6px; cursor: pointer; }
-    .profile-switch-btn:hover { background: #3f3f46; }
-    .section-label { font-size: 11px; color: #71717a; padding: 8px 16px 4px; text-transform: uppercase; }
-    .panel { display: none; flex-direction: column; flex: 1; min-height: 0; }
-    .panel.active { display: flex; }
-    .panel-content { flex: 1; overflow-y: auto; padding: 16px; }
-    .form-group { margin-bottom: 12px; }
-    .form-group label { display: block; font-size: 12px; color: #71717a; margin-bottom: 4px; }
-    .form-group input, .form-group textarea { width: 100%; padding: 8px 12px; border: 1px solid #3f3f46; border-radius: 6px; background: #18181b; color: #fafafa; font-size: 13px; }
-    .form-group textarea { min-height: 60px; resize: vertical; }
-    .btn-primary { padding: 8px 16px; background: #3b82f6; color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 13px; }
-    .btn-primary:hover { background: #2563eb; }
-    .btn-secondary { padding: 8px 16px; background: #27272a; color: #e4e4e7; border: none; border-radius: 6px; cursor: pointer; font-size: 13px; }
-    .btn-secondary:hover { background: #3f3f46; }
-    .nav-item { padding: 10px 16px; cursor: pointer; font-size: 14px; border-left: 3px solid transparent; display: flex; align-items: center; gap: 8px; }
-    .nav-item:hover { background: #18181b; }
-    .nav-item.active { background: #18181b; border-left-color: #3b82f6; }
-  </style>
-</head>
-<body>
-  <div class="layout">
-    <div class="sidebar">
-      <div class="header"><strong>PingAgent Web</strong><br>本地调试与审计</div>
-      ${profilePicker}
-      <div class="add-conv">
-        <input type="text" id="newDid" placeholder="输入 DID 或别名新建会话">
-        <button id="openConv">打开会话</button>
-      </div>
-      <div class="section-label">会话</div>
-      <div class="list" id="convList"></div>
-      <div class="section-label">联系人</div>
-      <div class="list" id="contactList"></div>
-      <div class="section-label">频道</div>
-      <div class="list" id="channelList"></div>
-      <div class="add-conv">
-        <button id="discoverChannelsBtn" class="btn-secondary" style="width:100%">发现频道</button>
-        <button id="createChannelBtn" class="btn-secondary" style="width:100%;margin-top:4px">创建频道</button>
-      </div>
-      <div class="section-label">Feed</div>
-      <div class="nav-item" id="navFeed">发布动态</div>
-      <div class="section-label">Profile</div>
-      <div class="nav-item" id="navProfile">编辑资料</div>
-    </div>
-    <div class="main">
-      <div class="header" id="mainHeader">选择会话或新建</div>
-      <div id="dmPanel" class="panel active">
-        <div class="messages" id="messages"></div>
-        <div class="input-area" id="inputArea" style="display:none">
-          <input type="text" id="msgInput" placeholder="输入消息..." autocomplete="off">
-          <button id="sendBtn">发送</button>
-        </div>
-      </div>
-      <div id="feedPanel" class="panel">
-        <div class="panel-content">
-          <div class="form-group">
-            <label>发布 Feed</label>
-            <textarea id="feedText" placeholder="分享动态..." rows="3"></textarea>
-            <button id="publishFeedBtn" class="btn-primary" style="margin-top:8px">发布</button>
-          </div>
-          <div style="margin-top:16px">
-            <div class="section-label">动态流</div>
-            <div id="feedTimeline"></div>
-          </div>
-        </div>
-      </div>
-      <div id="profilePanel" class="panel">
-        <div class="panel-content">
-          <div class="form-group">
-            <label>昵称 (display_name)</label>
-            <input type="text" id="profileDisplayName" placeholder="昵称">
-          </div>
-          <div class="form-group">
-            <label>简介 (bio)</label>
-            <textarea id="profileBio" placeholder="简短介绍" rows="3"></textarea>
-          </div>
-          <div class="form-group">
-            <label>标签 (tags, 逗号分隔)</label>
-            <input type="text" id="profileTags" placeholder="coding, devops">
-          </div>
-          <div class="form-group">
-            <label>能力 (capabilities, 逗号分隔)</label>
-            <input type="text" id="profileCapabilities" placeholder="coding, testing">
-          </div>
-          <button id="saveProfileBtn" class="btn-primary">保存</button>
-        </div>
-      </div>
-      <div id="discoverPanel" class="panel">
-        <div class="panel-content">
-          <div class="form-group">
-            <input type="text" id="discoverQuery" placeholder="搜索频道...">
-            <button id="discoverSearchBtn" class="btn-primary" style="margin-top:8px">搜索</button>
-          </div>
-          <div id="discoverChannelList"></div>
-        </div>
-      </div>
-      <div id="createChannelPanel" class="panel">
-        <div class="panel-content">
-          <div class="form-group">
-            <label>频道名称</label>
-            <input type="text" id="createChannelName" placeholder="名称" required>
-          </div>
-          <div class="form-group">
-            <label>别名 (可选, 如 my-channel)</label>
-            <input type="text" id="createChannelAlias" placeholder="alias">
-          </div>
-          <div class="form-group">
-            <label>描述 (可选)</label>
-            <input type="text" id="createChannelDesc" placeholder="描述">
-          </div>
-          <button id="createChannelSubmitBtn" class="btn-primary">创建</button>
-          <button id="createChannelBackBtn" class="btn-secondary" style="margin-left:8px">返回</button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <script>
-    const API = '';
-    let me = {}, conversations = [], contacts = [], channels = [], currentConv = null, currentView = 'dm';
-    let selectedProfile = sessionStorage.getItem('pingagent_web_profile') || null;
-    const profilePickerEl = document.getElementById('profilePicker');
-    const profileCurrentEl = document.getElementById('profileCurrent');
-    const switchProfileBtn = document.getElementById('switchProfileBtn');
-    let profilesCache = null;
-
-    function showProfileCurrent() {
-      if (profileCurrentEl) {
-        profileCurrentEl.style.display = 'flex';
-        const nameEl = document.getElementById('currentProfileName');
-        if (nameEl) nameEl.textContent = selectedProfile || '';
-      }
-      if (profilePickerEl) profilePickerEl.style.display = '';
-      highlightSelectedProfile();
-    }
-
-    function showProfilePicker() {
-      if (profileCurrentEl) profileCurrentEl.style.display = 'none';
-      if (profilePickerEl) profilePickerEl.style.display = '';
-      currentConv = null;
-      document.getElementById('inputArea').style.display = 'none';
-      document.getElementById('messages').innerHTML = '';
-      document.getElementById('mainHeader').innerHTML = '<strong>选择 Profile 登录</strong>';
-    }
-
-    function highlightSelectedProfile() {
-      const listEl = document.getElementById('profileList');
-      if (!listEl) return;
-      listEl.querySelectorAll('.profile-btn').forEach(btn => {
-        btn.classList.toggle('selected', btn.dataset.id === selectedProfile);
-      });
-    }
-
-    async function loadProfiles() {
-      const listEl = document.getElementById('profileList');
-      if (!profilePickerEl || !listEl) return [];
-      if (profilesCache) return profilesCache;
-      try {
-        const ctrl = new AbortController();
-        const t = setTimeout(() => ctrl.abort(), 8000);
-        const r = await fetch('/api/profiles', { signal: ctrl.signal });
-        clearTimeout(t);
-        if (!r.ok) {
-          listEl.innerHTML = '<p class="profile-loading">请求失败 ' + r.status + '</p>';
-          return [];
-        }
-        const data = await r.json().catch(() => ({}));
-        const list = Array.isArray(data.profiles) ? data.profiles : [];
-        profilesCache = list;
-        if (list.length === 0) listEl.innerHTML = '<p class="profile-loading">未找到 profile</p>';
-        return profilesCache;
-      } catch (e) {
-        const msg = (e && e.name === 'AbortError') ? '请求超时' : '加载失败，请刷新';
-        listEl.innerHTML = '<p class="profile-loading">' + msg + '</p>';
-        return [];
-      }
-    }
-
-    function renderProfileList(profiles) {
-      const listEl = document.getElementById('profileList');
-      if (!listEl) return;
-      const list = profiles || [];
-      if (list.length === 0) {
-        listEl.innerHTML = '<p class="profile-loading">未找到 profile</p>';
-        return;
-      }
-      listEl.innerHTML = list.map(p => {
-        var s = (p.server && typeof p.server === 'string') ? p.server : '';
-        var serverLabel = s.indexOf('://') >= 0 ? s.split('://')[1].split('/')[0] : (s || 'local');
-        var didShort = (p.did && typeof p.did === 'string') ? p.did.slice(0, 24) + '...' : '';
-        var sel = p.id === selectedProfile ? ' selected' : '';
-        return '<button class="profile-btn' + sel + '" data-id="' + p.id + '">' + p.id + '<div class="sub">' + serverLabel + ' \u00B7 ' + didShort + '<' + '/div><' + '/button>';
-      }).join('');
-      listEl.querySelectorAll('.profile-btn').forEach(btn => {
-        btn.addEventListener('click', async () => {
-          selectedProfile = btn.dataset.id || null;
-          if (selectedProfile) sessionStorage.setItem('pingagent_web_profile', selectedProfile);
-          showProfileCurrent();
-          await loadDataForProfile();
-        });
-      });
-    }
-
-    function showPanel(panelId) {
-      document.querySelectorAll('.panel').forEach(p => p.classList.remove('active'));
-      const el = document.getElementById(panelId);
-      if (el) el.classList.add('active');
-      currentView = panelId.replace('Panel', '');
-      document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));
-      const navMap = { feed: 'navFeed', profile: 'navProfile' };
-      const nav = document.getElementById(navMap[currentView]);
-      if (nav) nav.classList.add('active');
-    }
-
-    async function loadDataForProfile() {
-      const headerEl = document.getElementById('mainHeader');
-      try {
-        await loadMe();
-        await loadConversations();
-        await loadContacts();
-        await loadChannels();
-      } catch (e) {
-        const msg = (e && e.message) ? e.message : '加载失败';
-        if (headerEl) headerEl.innerHTML = '<span class="error">' + msg.replace(/</g, '&lt;') + '</span>';
-        conversations = [];
-        contacts = [];
-        channels = [];
-        renderConvList();
-        renderContactList();
-        renderChannelList();
-      }
-    }
-
-    async function switchProfile() {
-      selectedProfile = null;
-      sessionStorage.removeItem('pingagent_web_profile');
-      const profiles = await loadProfiles();
-      renderProfileList(profiles);
-      showProfilePicker();
-    }
-
-    async function api(path, opts = {}) {
-      let url = API + path;
-      if (profilePickerEl && selectedProfile) {
-        url += (path.includes('?') ? '&' : '?') + 'profile=' + encodeURIComponent(selectedProfile);
-      }
-      const res = await fetch(url, opts);
-      const data = await res.json().catch(() => ({}));
-      if (data.error) throw new Error(data.error);
-      return data;
-    }
-
-    async function loadMe() {
-      me = await api('/api/me');
-      document.getElementById('mainHeader').innerHTML = '<strong>' + (me.did || 'Loading...').slice(0, 40) + '...</strong>';
-    }
-
-    async function loadConversations() {
-      const data = await api('/api/conversations');
-      conversations = data.conversations || [];
-      renderConvList();
-    }
-
-    async function loadContacts() {
-      const data = await api('/api/contacts');
-      contacts = data.contacts || [];
-      renderContactList();
-    }
-
-    async function loadChannels() {
-      try {
-        const data = await api('/api/channels');
-        channels = data.channels || [];
-        renderChannelList();
-      } catch (e) {
-        channels = [];
-        renderChannelList();
-      }
-    }
-
-    function renderChannelList() {
-      const el = document.getElementById('channelList');
-      if (!el) return;
-      if (!channels.length) {
-        el.innerHTML = '<div class="empty">暂无频道</div>';
-        return;
-      }
-      el.innerHTML = channels.map(c => {
-        const name = (c.target_did || c.conversation_id || '').slice(0, 24) + (c.target_did ? '...' : '');
-        const convId = (c.conversation_id || '').replace(/"/g, '&quot;');
-        const targetDid = (c.target_did || '').replace(/"/g, '&quot;');
-        return '<div class="list-item channel-item' + (currentConv?.conversation_id === c.conversation_id && currentConv?.isChannel ? ' active' : '') + '" data-id="' + convId + '" data-did="' + targetDid + '">频道 ' + name + '</div>';
-      }).join('');
-      el.querySelectorAll('.channel-item').forEach(n => {
-        n.addEventListener('click', () => selectChannel(n.dataset.id, n.dataset.did));
-      });
-    }
-
-    async function selectChannel(convId, targetDid) {
-      currentConv = { conversation_id: convId, target_did: targetDid, isChannel: true };
-      renderConvList();
-      renderChannelList();
-      showPanel('dmPanel');
-      document.getElementById('inputArea').style.display = 'flex';
-      document.getElementById('mainHeader').innerHTML = '<strong>频道 ' + (targetDid || convId).slice(0, 40) + '</strong>';
-      await loadMessages(convId);
-    }
-
-    async function loadProfile() {
-      try {
-        const p = await api('/api/profile');
-        document.getElementById('profileDisplayName').value = p.display_name || '';
-        document.getElementById('profileBio').value = p.bio || '';
-        document.getElementById('profileTags').value = (p.tags || []).join(', ');
-        document.getElementById('profileCapabilities').value = (p.capabilities || []).join(', ');
-      } catch (e) {
-        document.getElementById('profilePanel').querySelector('.panel-content').innerHTML = '<div class="error">加载失败: ' + (e.message || '') + '</div>';
-      }
-    }
-
-    async function saveProfile() {
-      try {
-        const display_name = document.getElementById('profileDisplayName').value.trim();
-        const bio = document.getElementById('profileBio').value.trim();
-        const tags = document.getElementById('profileTags').value.split(',').map(s => s.trim()).filter(Boolean);
-        const capabilities = document.getElementById('profileCapabilities').value.split(',').map(s => s.trim()).filter(Boolean);
-        await api('/api/profile', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ display_name, bio, tags, capabilities })
-        });
-        alert('保存成功');
-      } catch (e) {
-        alert('保存失败: ' + e.message);
-      }
-    }
-
-    async function publishFeed() {
-      const text = document.getElementById('feedText').value.trim();
-      if (!text) return;
-      try {
-        await api('/api/feed/publish', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ text })
-        });
-        document.getElementById('feedText').value = '';
-        await loadFeedTimeline();
-      } catch (e) {
-        alert('发布失败: ' + e.message);
-      }
-    }
-
-    async function loadFeedTimeline() {
-      const el = document.getElementById('feedTimeline');
-      try {
-        const data = await api('/api/feed/by_did?did=' + encodeURIComponent(me.did || '') + '&limit=30');
-        const posts = (data.posts || []).slice(0, 30);
-        if (!posts.length) {
-          el.innerHTML = '<div class="empty">暂无动态，去发布一条吧</div>';
-          return;
-        }
-        el.innerHTML = posts.map(p => {
-          const time = new Date(p.ts_ms).toLocaleString();
-          const text = (p.text || '').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-          return '<div class="msg" style="margin-bottom:12px"><div class="meta">' + time + '</div>' + text + '</div>';
-        }).join('');
-      } catch (e) {
-        el.innerHTML = '<div class="error">加载失败: ' + (e.message || '') + '</div>';
-      }
-    }
-
-    async function discoverChannels() {
-      showPanel('discoverPanel');
-      document.getElementById('mainHeader').innerHTML = '<strong>发现频道</strong>';
-      await doDiscoverChannels();
-    }
-
-    async function doDiscoverChannels() {
-      const el = document.getElementById('discoverChannelList');
-      const q = document.getElementById('discoverQuery')?.value?.trim() || '';
-      try {
-        const url = '/api/channels/discover?limit=20' + (q ? '&q=' + encodeURIComponent(q) : '');
-        const data = await api(url);
-        const list = data.channels || [];
-        if (!list.length) {
-          el.innerHTML = '<div class="empty">暂无频道</div>';
-          return;
-        }
-        el.innerHTML = list.map(ch => {
-          const alias = (ch.alias || '').replace(/"/g, '&quot;');
-          const name = (ch.name || ch.alias || '').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-          const desc = (ch.description || '').slice(0, 60).replace(/</g, '&lt;');
-          return '<div class="msg" style="margin-bottom:12px"><strong>' + name + '</strong> <code>' + alias + '</code><div class="sub">' + desc + '</div><button class="btn-secondary join-channel-btn" data-alias="' + alias.replace(/@ch\//g, '') + '" style="margin-top:6px">加入</button></div>';
-        }).join('');
-        el.querySelectorAll('.join-channel-btn').forEach(btn => {
-          btn.addEventListener('click', async () => {
-            const alias = btn.dataset.alias;
-            try {
-              await api('/api/channels/join', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ alias }) });
-              alert('加入成功');
-              await loadChannels();
-              showPanel('dmPanel');
-              document.getElementById('mainHeader').innerHTML = '<strong>频道</strong>';
-            } catch (e) {
-              alert('加入失败: ' + e.message);
-            }
-          });
-        });
-      } catch (e) {
-        el.innerHTML = '<div class="error">加载失败: ' + (e.message || '') + '</div>';
-      }
-    }
-
-    function showCreateChannel() {
-      showPanel('createChannelPanel');
-      document.getElementById('mainHeader').innerHTML = '<strong>创建频道</strong>';
-      document.getElementById('createChannelName').value = '';
-      document.getElementById('createChannelAlias').value = '';
-      document.getElementById('createChannelDesc').value = '';
-    }
-
-    async function createChannelSubmit() {
-      const name = document.getElementById('createChannelName').value.trim();
-      if (!name) { alert('请输入频道名称'); return; }
-      const alias = document.getElementById('createChannelAlias').value.trim() || undefined;
-      const description = document.getElementById('createChannelDesc').value.trim() || undefined;
-      try {
-        const data = await api('/api/channels/create', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ name, alias, description })
-        });
-        alert('创建成功');
-        await loadChannels();
-        if (data.conversation_id) selectChannel(data.conversation_id, data.alias || '');
-        showPanel('dmPanel');
-      } catch (e) {
-        alert('创建失败: ' + e.message);
-      }
-    }
-
-    function renderContactList() {
-      const el = document.getElementById('contactList');
-      if (!el) return;
-      if (!contacts.length) {
-        el.innerHTML = '<div class="empty">暂无联系人</div>';
-        return;
-      }
-      el.innerHTML = contacts.map(c => {
-        const name = (c.display_name || c.alias || c.did || '').slice(0, 28);
-        const did = (c.did || '').replace(/"/g, '&quot;');
-        const convId = (c.conversation_id || '').replace(/"/g, '&quot;');
-        return '<div class="list-item contact-item" data-did="' + did + '" data-conv-id="' + convId + '">' + name + '</div>';
-      }).join('');
-      el.querySelectorAll('.contact-item').forEach(n => {
-        n.addEventListener('click', () => {
-          const did = n.dataset.did;
-          const convId = n.dataset.convId;
-          if (did) openConversationWithDid(did, convId);
-        });
-      });
-    }
-
-    async function openConversationWithDid(targetDid, knownConvId) {
-      if (!targetDid) return;
-      if (knownConvId) {
-        await loadConversations();
-        selectConv(knownConvId, targetDid);
-        return;
-      }
-      try {
-        const data = await api('/api/open', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ target_did: targetDid, send_contact_request: false })
-        });
-        if (data.conversation_id) {
-          await loadConversations();
-          selectConv(data.conversation_id, targetDid);
-        }
-      } catch (e) {
-        alert('打开会话失败: ' + e.message);
-      }
-    }
-
-    function renderConvList() {
-      const el = document.getElementById('convList');
-      if (!conversations.length) {
-        el.innerHTML = '<div class="empty">暂无会话<br>输入 DID 新建</div>';
-        return;
-      }
-      el.innerHTML = conversations.map(c => {
-        const name = c.display_name || c.target_did?.slice(0, 24) + '...';
-        const sub = c.trusted ? 'DM' : '待批准';
-        return '<div class="list-item' + (currentConv?.conversation_id === c.conversation_id ? ' active' : '') + '" data-id="' + c.conversation_id + '" data-did="' + (c.target_did||'') + '">' + name + '<div class="sub">' + sub + '</div></div>';
-      }).join('');
-      el.querySelectorAll('.list-item').forEach(n => n.addEventListener('click', () => selectConv(n.dataset.id, n.dataset.did)));
-    }
-
-    async function selectConv(convId, targetDid) {
-      currentConv = { conversation_id: convId, target_did: targetDid, isChannel: false };
-      renderConvList();
-      renderChannelList();
-      showPanel('dmPanel');
-      document.getElementById('inputArea').style.display = 'flex';
-      document.getElementById('mainHeader').innerHTML = '<strong>' + (targetDid || convId).slice(0, 50) + '</strong>';
-      await loadMessages(convId);
-    }
-
-    async function loadMessages(convId, since) {
-      const el = document.getElementById('messages');
-      if (!since) el.innerHTML = '';
-      try {
-        const data = await api('/api/conversations/' + encodeURIComponent(convId) + '/messages' + (since ? '?since_seq=' + since : ''));
-        const msgs = data.messages || [];
-        msgs.forEach(m => {
-          const div = document.createElement('div');
-          div.className = 'msg ' + (m.isMe ? 'me' : 'other');
-          const meta = new Date(m.ts_ms).toLocaleString() + ' ' + (m.isMe ? '(我)' : (m.sender_did || '').slice(0, 16) + '...');
-          let body = '';
-          if (m.schema === 'pingagent.text@1' && m.payload?.text) body = m.payload.text;
-          else body = JSON.stringify(m.payload || m).slice(0, 200);
-          div.innerHTML = '<div class="meta">' + meta + '</div>' + body.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-          el.appendChild(div);
-        });
-        if (!since && msgs.length === 0) el.innerHTML = '<div class="empty">暂无消息</div>';
-        el.scrollTop = el.scrollHeight;
-      } catch (e) {
-        el.innerHTML = '<div class="error">加载失败: ' + (e.message || '未知错误') + '</div>';
-      }
-    }
-
-    async function sendMessage() {
-      const input = document.getElementById('msgInput');
-      const text = input.value.trim();
-      if (!text || !currentConv) return;
-      try {
-        await api('/api/conversations/' + encodeURIComponent(currentConv.conversation_id) + '/send', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ text })
-        });
-        input.value = '';
-        await loadMessages(currentConv.conversation_id);
-      } catch (e) {
-        document.getElementById('messages').innerHTML += '<div class="error">发送失败: ' + e.message + '</div>';
-      }
-    }
-
-    async function openConversation() {
-      const input = document.getElementById('newDid');
-      const targetDid = input.value.trim();
-      if (!targetDid) return;
-      try {
-        const data = await api('/api/open', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ target_did: targetDid, send_contact_request: true })
-        });
-        input.value = '';
-        await loadConversations();
-        if (data.conversation_id) selectConv(data.conversation_id, targetDid);
-      } catch (e) {
-        alert('打开失败: ' + e.message);
-      }
-    }
-
-    document.getElementById('openConv').addEventListener('click', openConversation);
-    document.getElementById('newDid').addEventListener('keydown', e => { if (e.key === 'Enter') openConversation(); });
-    document.getElementById('sendBtn').addEventListener('click', sendMessage);
-    document.getElementById('msgInput').addEventListener('keydown', e => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage(); } });
-    document.getElementById('navFeed')?.addEventListener('click', () => { showPanel('feedPanel'); document.getElementById('mainHeader').innerHTML = '<strong>Feed</strong>'; loadFeedTimeline(); });
-    document.getElementById('navProfile')?.addEventListener('click', () => { showPanel('profilePanel'); document.getElementById('mainHeader').innerHTML = '<strong>编辑 Profile</strong>'; loadProfile(); });
-    document.getElementById('discoverChannelsBtn')?.addEventListener('click', discoverChannels);
-    document.getElementById('createChannelBtn')?.addEventListener('click', showCreateChannel);
-    document.getElementById('publishFeedBtn')?.addEventListener('click', publishFeed);
-    document.getElementById('saveProfileBtn')?.addEventListener('click', saveProfile);
-    document.getElementById('discoverSearchBtn')?.addEventListener('click', doDiscoverChannels);
-    document.getElementById('createChannelSubmitBtn')?.addEventListener('click', createChannelSubmit);
-    document.getElementById('createChannelBackBtn')?.addEventListener('click', () => { showPanel('discoverPanel'); document.getElementById('mainHeader').innerHTML = '<strong>发现频道</strong>'; });
-
-    function showProfileCurrent() {
-      if (!profilePickerEl) return;
-      profilePickerEl.style.display = 'none';
-      if (profileCurrentEl) {
-        profileCurrentEl.style.display = 'flex';
-        const nameEl = document.getElementById('currentProfileName');
-        if (nameEl) nameEl.textContent = selectedProfile || '';
-      }
-      if (switchProfileBtn) {
-        switchProfileBtn.onclick = async () => {
-          await switchProfile();
-        };
-      }
-    }
-
-    async function init() {
-      if (!profilePickerEl) {
-        await loadMe();
-        await loadConversations();
-        await loadContacts();
-        return;
-      }
-      const profiles = await loadProfiles();
-      if (profiles.length === 0) {
-        const header = document.getElementById('mainHeader');
-        if (header) header.innerHTML = '<strong>无可用 Profile，请先 pingagent init</strong>';
-        renderProfileList([]);
-        return;
-      }
-      if (profiles.length === 1 && !selectedProfile) {
-        selectedProfile = profiles[0].id;
-        sessionStorage.setItem('pingagent_web_profile', selectedProfile);
-      }
-      renderProfileList(profiles);
-      if (selectedProfile && profiles.some(p => p.id === selectedProfile)) {
-        showProfileCurrent();
-        await loadDataForProfile();
-        return;
-      }
-      showProfilePicker();
-    }
-    init();
-  </script>
-</body>
-</html>`;
-}