glad-web 1.0.36 → 1.0.37

package/lib/codex/structured-session.js

@@ -376,8 +376,14 @@ class CodexStructuredSession extends EventEmitter {
           for (const request of this.pendingRequests.values()) request.reject(new Error(`Codex app-server exited (${code})`));
           this.pendingRequests.clear();
           if (this.running && this.presentation === 'structured') {
+            const activeTurn = Boolean(this.currentTurnId || this.status === 'running' || this.status === 'waiting_approval');
             this.compacting = false;
             this.append({ kind: 'event', level: 'error', text: 'Codex app-server exited.' });
+            this.emitEvent({
+              type: 'runtime-disconnected',
+              activeTurn,
+              turnId: this.currentTurnId || null
+            });
             this.setStatus('idle');
           }
         }
@@ -976,10 +982,12 @@ class CodexStructuredSession extends EventEmitter {
       this.currentTurnId = started?.turn?.id || started?.turnId || this.currentTurnId;
       return true;
     } catch (error) {
+      const failedAt = Date.now();
       this.currentTurnId = null;
       this.currentTurnStartedAt = null;
       this.setStatus('idle');
       this.append({ kind: 'event', level: 'error', text: `Unable to send message: ${error.message}` });
+      this.emitEvent({ type: 'turn-failed', createdAt: failedAt });
       throw error;
     }
   }

package/lib/commands/web.js

@@ -46,6 +46,10 @@ const { getClaudeRuntimeConfig } = require('../claude/config');
 const registerScheduleRoutes = require('../server/routes/schedules');
 const registerWorkspaceRoutes = require('../server/routes/workspace');
 const registerProviderRoutes = require('../server/routes/providers');
+const registerNotificationRoutes = require('../server/routes/notifications');
+const { ServerChanSettingsStore } = require('../notifications/serverchan-settings-store');
+const ServerChanClient = require('../notifications/serverchan-client');
+const NotificationService = require('../notifications/notification-service');
 
 async function webCommand(options) {
   const port = parseInt(options.port) || 3000;
@@ -90,6 +94,13 @@ async function webCommand(options) {
     logger,
     hasConnectedSessionClient
   });
+  const serverChanSettings = new ServerChanSettingsStore();
+  const notificationService = new NotificationService({
+    sessionManager,
+    settingsStore: serverChanSettings,
+    channel: new ServerChanClient(),
+    logger
+  });
   sessionManager.on('output', ({ sessionId, data }) => {
     broadcastToSession(sessionId, { type: 'output', data });
   });
@@ -128,6 +139,10 @@ async function webCommand(options) {
   });
 
   registerScheduleRoutes(app, { jobStore, jobRunner });
+  registerNotificationRoutes(app, {
+    settingsStore: serverChanSettings,
+    notificationService
+  });
 
   // API: List all active sessions
   app.get('/api/sessions', (req, res) => {
@@ -457,6 +472,7 @@ async function webCommand(options) {
     'gitgraph.js',
     'styles.css',
     'core.js',
+    'notifications.js',
     'claude.js',
     'schedules.js',
     'shell.js',
@@ -518,6 +534,7 @@ async function webCommand(options) {
 
   process.on('SIGINT', () => { 
     schedulerService.stop();
+    notificationService.stop();
     sessionManager.killAll();
     process.exit(0); 
   });

package/lib/config/manager.js

@@ -8,6 +8,24 @@ const schema = {
     type: 'string',
     default: ''
   },
+  serverChan: {
+    type: 'object',
+    properties: {
+      sendKey: {
+        type: 'string',
+        default: ''
+      },
+      clientType: {
+        type: 'string',
+        enum: ['wechat', 'pushdeer'],
+        default: 'wechat'
+      }
+    },
+    default: {
+      sendKey: '',
+      clientType: 'wechat'
+    }
+  },
   version: {
     type: 'string',
     default: '1.0.0'

package/lib/notifications/message-formatter.js

@@ -0,0 +1,94 @@
+const path = require('path');
+
+const TITLE_LABELS = {
+  approval: '待审批',
+  completed: '已完成',
+  failed: '执行失败',
+  disconnected: '连接中断',
+  test: '通知测试'
+};
+
+function compactText(value, maxLength = 20) {
+  const text = String(value || '').replace(/[\r\n]+/g, ' ').trim();
+  if (text.length <= maxLength) return text;
+  return `${text.slice(0, Math.max(1, maxLength - 1))}…`;
+}
+
+function formatLocalDateTime(value) {
+  const date = new Date(Number(value) || Date.now());
+  const pad = number => String(number).padStart(2, '0');
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} `
+    + `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+}
+
+function formatDuration(durationMs) {
+  const totalSeconds = Math.max(0, Math.round(Number(durationMs) / 1000));
+  if (!Number.isFinite(totalSeconds) || totalSeconds <= 0) return '';
+  if (totalSeconds < 60) return `${totalSeconds}秒`;
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return seconds ? `${minutes}分${seconds}秒` : `${minutes}分`;
+}
+
+function escapeMarkdown(value) {
+  return String(value || '').replace(/([\\`*_{}\[\]()#+\-.!|>])/g, '\\$1');
+}
+
+function providerName(provider, session) {
+  if (provider === 'claude') return 'Claude';
+  if (provider === 'codex') return 'Codex';
+  return session?.tool?.displayName || 'AI';
+}
+
+function sessionDirectory(session) {
+  return session?.workingDir || session?.workingDirectory || session?.ptyManager?.workingDir || process.cwd();
+}
+
+function formatNotification({ kind, provider, session, durationMs = null }, clientType = 'wechat') {
+  const name = String(session?.name || providerName(provider, session));
+  const directory = sessionDirectory(session);
+  const type = providerName(provider, session);
+  const title = `${TITLE_LABELS[kind] || '通知'}｜${compactText(name)}`;
+  const details = [
+    ['类型', type],
+    ['会话', name],
+    ['创建', formatLocalDateTime(session?.startTime)],
+    ['目录', directory]
+  ];
+  const duration = formatDuration(durationMs);
+  if (duration) details.push(['本轮耗时', duration]);
+
+  if (clientType === 'pushdeer') {
+    return {
+      title,
+      description: details
+        .map(([label, value]) => label === '目录'
+          ? `**${label}：** \`${escapeMarkdown(value)}\``
+          : `**${label}：** ${escapeMarkdown(value)}`)
+        .join('\n\n')
+    };
+  }
+
+  return {
+    title,
+    description: details.map(([label, value]) => `${label}：${value}`).join('\n\n')
+  };
+}
+
+function createTestSession(session = null) {
+  if (session) return session;
+  return {
+    name: 'Glad 测试会话',
+    startTime: Date.now(),
+    workingDir: path.resolve(process.cwd()),
+    tool: { displayName: 'Glad' }
+  };
+}
+
+module.exports = {
+  formatNotification,
+  createTestSession,
+  compactText,
+  formatLocalDateTime,
+  formatDuration
+};

package/lib/notifications/notification-service.js

@@ -0,0 +1,143 @@
+const { formatNotification, createTestSession } = require('./message-formatter');
+
+class NotificationService {
+  constructor({ sessionManager, settingsStore, channel, logger = console }) {
+    this.sessionManager = sessionManager;
+    this.settingsStore = settingsStore;
+    this.channel = channel;
+    this.logger = logger;
+    this.seenEvents = new Map();
+    this.handlers = {
+      claude: payload => this.handleProviderEvent('claude', payload),
+      codex: payload => this.handleProviderEvent('codex', payload),
+      exit: payload => this.clearSession(payload.sessionId)
+    };
+    sessionManager.on('claude-event', this.handlers.claude);
+    sessionManager.on('codex-event', this.handlers.codex);
+    sessionManager.on('exit', this.handlers.exit);
+  }
+
+  stop() {
+    this.sessionManager.off('claude-event', this.handlers.claude);
+    this.sessionManager.off('codex-event', this.handlers.codex);
+    this.sessionManager.off('exit', this.handlers.exit);
+    this.seenEvents.clear();
+  }
+
+  getSessionState(sessionId) {
+    const session = this.sessionManager.get(sessionId);
+    if (!session) return null;
+    return {
+      enabled: Boolean(session.serverChanNotificationEnabled),
+      configured: this.settingsStore.getPublic().configured
+    };
+  }
+
+  async setSessionEnabled(sessionId, enabled) {
+    const session = this.sessionManager.get(sessionId);
+    if (!session) {
+      const error = new Error('Session not found');
+      error.statusCode = 404;
+      throw error;
+    }
+    if (enabled && !this.settingsStore.getPublic().configured) {
+      const error = new Error('请先配置 Server酱');
+      error.statusCode = 409;
+      error.code = 'SERVERCHAN_NOT_CONFIGURED';
+      throw error;
+    }
+    session.serverChanNotificationEnabled = Boolean(enabled);
+    if (enabled && session.pendingPermissions?.size > 0) {
+      await this.sendEvent({
+        kind: 'approval',
+        provider: session.kind === 'claude-structured' ? 'claude' : 'codex',
+        session
+      });
+    }
+    return this.getSessionState(sessionId);
+  }
+
+  disableAllSessions() {
+    for (const session of this.sessionManager.sessions.values()) {
+      session.serverChanNotificationEnabled = false;
+    }
+  }
+
+  async sendTest(input = {}) {
+    const settings = this.settingsStore.resolve(input);
+    const session = createTestSession(
+      input.sessionId ? this.sessionManager.get(input.sessionId) : null
+    );
+    const provider = session?.kind === 'claude-structured'
+      ? 'claude'
+      : session?.kind === 'codex-structured' ? 'codex' : null;
+    const message = formatNotification({ kind: 'test', provider, session }, settings.clientType);
+    await this.channel.send({ ...settings, ...message });
+    return { success: true };
+  }
+
+  handleProviderEvent(provider, payload = {}) {
+    const { session, event, sessionId } = payload;
+    if (!session || !event || !session.serverChanNotificationEnabled) return;
+
+    if (event.type === 'permission-request') {
+      const requestId = event.request?.id || event.request?.toolUseId || 'pending';
+      if (!this.markSeen(sessionId, `approval:${requestId}`)) return;
+      this.sendEvent({ kind: 'approval', provider, session });
+      return;
+    }
+
+    if (event.type === 'runtime-disconnected') {
+      if (!event.activeTurn || !this.markSeen(sessionId, `disconnected:${event.turnId || 'active'}`)) return;
+      this.sendEvent({ kind: 'disconnected', provider, session });
+      return;
+    }
+
+    if (event.type === 'turn-failed') {
+      if (!this.markSeen(sessionId, `failed:${event.turnId || event.createdAt || 'start'}`)) return;
+      this.sendEvent({ kind: 'failed', provider, session, durationMs: event.durationMs });
+      return;
+    }
+
+    const message = event.type === 'message' ? event.message : null;
+    if (!message || message.kind !== 'turn-end') return;
+    if (provider === 'codex' && message.threadId && session.threadId && message.threadId !== session.threadId) return;
+
+    const status = String(message.turnStatus || message.status || 'completed');
+    if (status === 'cancelled' || status === 'interrupted') return;
+    const turnId = message.turnId || message.id;
+    if (!this.markSeen(sessionId, `turn:${turnId}`)) return;
+    this.sendEvent({
+      kind: status === 'failed' ? 'failed' : 'completed',
+      provider,
+      session,
+      durationMs: message.durationMs
+    });
+  }
+
+  markSeen(sessionId, key) {
+    const seen = this.seenEvents.get(sessionId) || new Set();
+    if (seen.has(key)) return false;
+    seen.add(key);
+    if (seen.size > 100) seen.delete(seen.values().next().value);
+    this.seenEvents.set(sessionId, seen);
+    return true;
+  }
+
+  clearSession(sessionId) {
+    this.seenEvents.delete(sessionId);
+  }
+
+  async sendEvent(event) {
+    try {
+      const settings = this.settingsStore.get();
+      if (!settings.sendKey) return;
+      const message = formatNotification(event, settings.clientType);
+      await this.channel.send({ ...settings, ...message });
+    } catch (error) {
+      this.logger.error?.(`[serverchan] notification failed: ${error.message}`);
+    }
+  }
+}
+
+module.exports = NotificationService;

package/lib/notifications/serverchan-client.js

@@ -0,0 +1,58 @@
+const API_BASE = 'https://sctapi.ftqq.com';
+
+function sanitizeServerChanError(payload, fallback) {
+  const message = payload && typeof payload === 'object'
+    ? payload.message || payload.error || payload.data?.error
+    : '';
+  const text = String(message || fallback || 'Server酱发送失败').trim();
+  return text.slice(0, 300);
+}
+
+class ServerChanClient {
+  constructor({ fetchImpl = globalThis.fetch, timeoutMs = 10_000 } = {}) {
+    this.fetchImpl = fetchImpl;
+    this.timeoutMs = timeoutMs;
+  }
+
+  async send({ sendKey, title, description = '' }) {
+    const controller = new AbortController();
+    const timeout = setTimeout(() => controller.abort(), this.timeoutMs);
+    try {
+      const response = await this.fetchImpl(`${API_BASE}/${encodeURIComponent(sendKey)}.send`, {
+        method: 'POST',
+        headers: {
+          'content-type': 'application/x-www-form-urlencoded'
+        },
+        body: new URLSearchParams({
+          title: String(title || '').replace(/[\r\n]+/g, ' ').trim().slice(0, 64),
+          desp: String(description || '')
+        }),
+        signal: controller.signal
+      });
+      const text = await response.text();
+      let payload = null;
+      try {
+        payload = text ? JSON.parse(text) : null;
+      } catch (_) {
+        payload = null;
+      }
+      if (!response.ok || (payload && Number(payload.code) !== 0)) {
+        const error = new Error(sanitizeServerChanError(payload, `HTTP ${response.status}`));
+        error.statusCode = 502;
+        throw error;
+      }
+      return payload || { code: 0 };
+    } catch (error) {
+      if (error && error.name === 'AbortError') {
+        const timeoutError = new Error('Server酱请求超时');
+        timeoutError.statusCode = 504;
+        throw timeoutError;
+      }
+      throw error;
+    } finally {
+      clearTimeout(timeout);
+    }
+  }
+}
+
+module.exports = ServerChanClient;

package/lib/notifications/serverchan-settings-store.js

@@ -0,0 +1,115 @@
+const fs = require('fs');
+const {
+  getConfig,
+  setConfig,
+  getConfigPath
+} = require('../config/manager');
+
+const CLIENT_TYPES = new Set(['wechat', 'pushdeer']);
+
+function normalizeClientType(value) {
+  const clientType = String(value || 'wechat').trim().toLowerCase();
+  if (!CLIENT_TYPES.has(clientType)) {
+    const error = new Error('接收客户端必须是微信或 PushDeer');
+    error.statusCode = 400;
+    throw error;
+  }
+  return clientType;
+}
+
+function normalizeSendKey(value) {
+  const sendKey = String(value || '').trim();
+  if (!sendKey || sendKey.length < 8 || sendKey.length > 512 || /\s/.test(sendKey)) {
+    const error = new Error('请输入有效的 Server酱 SendKey');
+    error.statusCode = 400;
+    throw error;
+  }
+  return sendKey;
+}
+
+function maskSendKey(sendKey) {
+  if (!sendKey) return '';
+  return `${sendKey.slice(0, Math.min(3, sendKey.length))}${'•'.repeat(10)}`;
+}
+
+class ServerChanSettingsStore {
+  constructor({
+    readConfig = getConfig,
+    writeConfig = setConfig,
+    configPath = getConfigPath,
+    chmod = fs.chmodSync
+  } = {}) {
+    this.readConfig = readConfig;
+    this.writeConfig = writeConfig;
+    this.configPath = configPath;
+    this.chmod = chmod;
+  }
+
+  get() {
+    const stored = this.readConfig('serverChan') || {};
+    return {
+      sendKey: String(stored.sendKey || '').trim(),
+      clientType: CLIENT_TYPES.has(stored.clientType) ? stored.clientType : 'wechat'
+    };
+  }
+
+  getPublic() {
+    const settings = this.get();
+    return {
+      configured: Boolean(settings.sendKey),
+      maskedKey: maskSendKey(settings.sendKey),
+      clientType: settings.clientType
+    };
+  }
+
+  save(input = {}) {
+    const existing = this.get();
+    const sendKey = input.sendKey == null || String(input.sendKey).trim() === ''
+      ? existing.sendKey
+      : normalizeSendKey(input.sendKey);
+    if (!sendKey) {
+      const error = new Error('请先填写 Server酱 SendKey');
+      error.statusCode = 400;
+      throw error;
+    }
+    const settings = {
+      sendKey,
+      clientType: normalizeClientType(input.clientType ?? existing.clientType)
+    };
+    this.writeConfig('serverChan', settings);
+    this.restrictConfigFile();
+    return this.getPublic();
+  }
+
+  resolve(input = {}) {
+    const existing = this.get();
+    return {
+      sendKey: input.sendKey == null || String(input.sendKey).trim() === ''
+        ? normalizeSendKey(existing.sendKey)
+        : normalizeSendKey(input.sendKey),
+      clientType: normalizeClientType(input.clientType ?? existing.clientType)
+    };
+  }
+
+  clear() {
+    this.writeConfig('serverChan', { sendKey: '', clientType: 'wechat' });
+    this.restrictConfigFile();
+    return this.getPublic();
+  }
+
+  restrictConfigFile() {
+    try {
+      const configPath = typeof this.configPath === 'function' ? this.configPath() : this.configPath;
+      if (configPath && fs.existsSync(configPath)) this.chmod(configPath, 0o600);
+    } catch (_) {
+      // Best effort: configuration remains usable on filesystems without chmod support.
+    }
+  }
+}
+
+module.exports = {
+  ServerChanSettingsStore,
+  normalizeClientType,
+  normalizeSendKey,
+  maskSendKey
+};

package/lib/server/routes/notifications.js

@@ -0,0 +1,52 @@
+function statusCode(error) {
+  return Number(error?.statusCode) || 500;
+}
+
+function registerNotificationRoutes(app, {
+  settingsStore,
+  notificationService
+}) {
+  app.get('/api/notifications/serverchan', (_req, res) => {
+    res.json(settingsStore.getPublic());
+  });
+
+  app.put('/api/notifications/serverchan', (req, res) => {
+    try {
+      res.json({ success: true, settings: settingsStore.save(req.body || {}) });
+    } catch (error) {
+      res.status(statusCode(error)).json({ error: error.message });
+    }
+  });
+
+  app.delete('/api/notifications/serverchan', (_req, res) => {
+    const settings = settingsStore.clear();
+    notificationService.disableAllSessions();
+    res.json({ success: true, settings });
+  });
+
+  app.post('/api/notifications/serverchan/test', async (req, res) => {
+    try {
+      await notificationService.sendTest(req.body || {});
+      res.json({ success: true });
+    } catch (error) {
+      res.status(statusCode(error)).json({ error: error.message });
+    }
+  });
+
+  app.put('/api/sessions/:id/notifications/serverchan', async (req, res) => {
+    try {
+      const state = await notificationService.setSessionEnabled(
+        req.params.id,
+        Boolean(req.body?.enabled)
+      );
+      res.json({ success: true, state });
+    } catch (error) {
+      res.status(statusCode(error)).json({
+        error: error.message,
+        ...(error.code ? { code: error.code } : {})
+      });
+    }
+  });
+}
+
+module.exports = registerNotificationRoutes;

package/lib/session/session-manager.js

@@ -69,6 +69,7 @@ class SessionManager extends EventEmitter {
       workingDirectory: this.getSessionWorkingDirectory(session),
       mode: ['claude-structured', 'codex-structured'].includes(session.kind) ? (session.presentation || 'structured') : 'terminal',
       hasUnreadCompletion: Boolean(session.hasUnreadCompletion),
+      serverChanNotificationEnabled: Boolean(session.serverChanNotificationEnabled),
       timedInputCount: session.timedInputs
         ? Array.from(session.timedInputs.values()).filter(item => item.sendAt > Date.now()).length
         : 0

package/lib/web/core.js

@@ -237,6 +237,7 @@
                             </div>
                         </div>
                         <div class="session-actions">
+                            ${renderServerChanSessionAction(s)}
                             <button class="btn-join" onclick="joinSession('${s.id}', decodePathValue('${encodedName}'), '${escapeHtml(s.toolKey || '')}')">Connect</button>
                             <button class="icon-btn btn-delete" onclick="deleteSession('${s.id}', event)"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg></button>
                         </div>

package/lib/web/index.html

@@ -19,14 +19,21 @@
         <div id="lobby">
             <div class="header">
                 <h1><img class="header-logo" src="logo.svg" alt="">Glad</h1>
-                <div style="display:flex; gap:6px;">
-                    <button class="btn-new" onclick="showToolModal()" title="New session"><span>+</span><span>Session</span></button>
-                    <button class="btn-new" onclick="showScheduleModal()" title="New scheduler"><span>+</span><span>Sched</span></button>
+                <div class="header-actions">
+                    <button class="header-action-btn" onclick="showToolModal()" title="New AI session"><span>+</span><span>Session</span></button>
+                    <button class="header-action-btn" onclick="showScheduleModal()" title="New scheduled task"><span>+</span><span>Task</span></button>
+                    <button id="app-settings-button" class="header-action-btn icon-only" type="button"
+                        onclick="openSettings()" title="Settings" aria-label="Settings">
+                        <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+                            <circle cx="12" cy="12" r="3"></circle>
+                            <path d="M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.83 2.83-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1.1V21h-4v-.1A1.7 1.7 0 0 0 8.6 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06-2.83-2.83.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1.1-.4H3v-4h.1A1.7 1.7 0 0 0 4.6 8.6a1.7 1.7 0 0 0-.34-1.88l-.06-.06 2.83-2.83.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1.1V3h4v.1A1.7 1.7 0 0 0 15.4 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06 2.83 2.83-.06.06A1.7 1.7 0 0 0 19.4 9c.1.37.31.7.6 1 .3.25.67.39 1.1.4h.1v4h-.1a1.7 1.7 0 0 0-1.7.6z"></path>
+                        </svg>
+                    </button>
                 </div>
             </div>
             <div class="lobby-tabs">
-                <button id="lobby-tab-sessions" class="lobby-tab active" onclick="switchLobbyTab('sessions')">Sessions</button>
-                <button id="lobby-tab-schedules" class="lobby-tab" onclick="switchLobbyTab('schedules')">Schedules</button>
+                <button id="lobby-tab-sessions" class="lobby-tab active" onclick="switchLobbyTab('sessions')" title="AI sessions">Sessions</button>
+                <button id="lobby-tab-schedules" class="lobby-tab" onclick="switchLobbyTab('schedules')" title="Scheduled tasks">Tasks</button>
             </div>
             <div id="sessions-list">
                 <p style="color:#888; text-align:center; margin-top:50px;">Loading sessions...</p>
@@ -252,11 +259,57 @@
         </div>
     </div>
 
+    <!-- App Settings Modal -->
+    <div id="settings-modal-overlay" onclick="closeSettings(event)">
+        <div id="settings-modal" role="dialog" aria-modal="true" aria-labelledby="settings-modal-title" onclick="event.stopPropagation()">
+            <div class="settings-modal-header">
+                <div>
+                    <h2 id="settings-modal-title">Settings</h2>
+                    <p>Manage Glad preferences and integrations.</p>
+                </div>
+                <button class="icon-btn settings-close" type="button" onclick="closeSettings()" aria-label="Close">×</button>
+            </div>
+            <section class="settings-section" aria-labelledby="notifications-settings-title">
+                <div class="settings-section-label" id="notifications-settings-title">Notifications</div>
+                <div class="settings-provider-header">
+                    <div>
+                        <h3>ServerChan</h3>
+                        <p>Save the integration here, then enable notifications per chat using its bell.</p>
+                    </div>
+                </div>
+                <div class="form-field">
+                    <label for="serverchan-client-type">Delivery</label>
+                    <select id="serverchan-client-type">
+                        <option value="wechat">WeChat</option>
+                        <option value="pushdeer">PushDeer</option>
+                    </select>
+                    <div class="serverchan-help">This choice adjusts message formatting. Delivery is managed by ServerChan.</div>
+                </div>
+                <div class="form-field">
+                    <label for="serverchan-send-key">SendKey</label>
+                    <input id="serverchan-send-key" type="password" autocomplete="off" placeholder="SCT...">
+                    <div id="serverchan-key-hint" class="serverchan-help"></div>
+                </div>
+                <div id="serverchan-settings-status" class="serverchan-settings-status" aria-live="polite"></div>
+                <div class="serverchan-modal-actions">
+                    <button id="serverchan-remove-btn" class="small-btn danger" type="button" onclick="removeServerChanSettings()">Remove</button>
+                    <span class="serverchan-action-spacer"></span>
+                    <button id="serverchan-save-btn" class="small-btn primary" type="button" onclick="saveServerChanSettings()">Save</button>
+                    <button id="serverchan-test-btn" class="small-btn" type="button" onclick="testServerChanSettings()">Send Test</button>
+                </div>
+            </section>
+        </div>
+    </div>
+    <div id="app-toast" role="status" aria-live="polite"></div>
+
     <!-- Schedule Modal -->
     <div id="schedule-modal-overlay" onclick="closeScheduleModal(event)" style="position: fixed; inset: 0; background: rgba(0,0,0,0.8); z-index: 10001; display: none; align-items: center; justify-content: center; padding: 16px;">
         <div id="schedule-modal" onclick="event.stopPropagation()">
             <div style="display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px;">
-                <h2 id="schedule-modal-title" style="margin:0; font-size:20px;">Schedule</h2>
+                <div>
+                    <h2 id="schedule-modal-title" style="margin:0; font-size:20px;">Scheduled Task</h2>
+                    <p class="schedule-modal-subtitle">Runs automatically at the selected time.</p>
+                </div>
                 <button class="icon-btn" onclick="closeScheduleModal()" style="color: var(--text-dim); font-size: 24px;">×</button>
             </div>
             <div class="form-field">
@@ -304,6 +357,7 @@
     <script defer src="vendor/xterm-addon-fit.js"></script>
     <script src="gitgraph.js"></script>
     <script src="core.js"></script>
+    <script src="notifications.js"></script>
     <script src="claude.js"></script>
     <script src="schedules.js"></script>
     <script src="shell.js"></script>

package/lib/web/notifications.js

@@ -0,0 +1,162 @@
+        let serverChanSettings = null;
+        let serverChanToastTimer = null;
+
+        function serverChanBellSvg() {
+            return '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9"></path><path d="M10 21h4"></path></svg>';
+        }
+
+        function renderServerChanSessionAction(session) {
+            const enabled = Boolean(session.serverChanNotificationEnabled);
+            const title = enabled ? 'Disable ServerChan notifications for this chat' : 'Enable ServerChan notifications for this chat';
+            return `<button class="serverchan-toggle${enabled ? ' active' : ''}" type="button"
+                data-serverchan-session="${escapeHtml(session.id)}"
+                aria-label="${title}" title="${title}"
+                onclick="toggleServerChanSession('${session.id}', ${enabled ? 'false' : 'true'}, event)">
+                ${serverChanBellSvg()}
+            </button>`;
+        }
+
+        function showAppToast(message) {
+            const toast = document.getElementById('app-toast');
+            toast.textContent = message;
+            toast.classList.add('visible');
+            clearTimeout(serverChanToastTimer);
+            serverChanToastTimer = setTimeout(() => toast.classList.remove('visible'), 1800);
+        }
+
+        async function toggleServerChanSession(sessionId, enabled, event) {
+            event?.stopPropagation();
+            try {
+                const response = await fetchWithTimeout(`/api/sessions/${sessionId}/notifications/serverchan`, {
+                    method: 'PUT',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ enabled })
+                }, 10000);
+                const data = await response.json();
+                if (!response.ok) {
+                    if (data.code === 'SERVERCHAN_NOT_CONFIGURED') {
+                        showAppToast('Configure ServerChan in Settings first');
+                        return;
+                    }
+                    throw new Error(data.error || 'Could not update notifications');
+                }
+                await refreshSessionsNow();
+            } catch (error) {
+                showAppToast(error.message || 'Could not update notifications');
+            }
+        }
+
+        async function openSettings(event = null) {
+            event?.stopPropagation();
+            document.getElementById('settings-modal-overlay').style.display = 'flex';
+            setServerChanStatus('Loading configuration…');
+            try {
+                const response = await fetchWithTimeout('/api/notifications/serverchan', {}, 10000);
+                const data = await response.json();
+                if (!response.ok) throw new Error(data.error || 'Could not load configuration');
+                serverChanSettings = data;
+                document.getElementById('serverchan-client-type').value = data.clientType || 'wechat';
+                const keyInput = document.getElementById('serverchan-send-key');
+                keyInput.value = '';
+                keyInput.placeholder = data.configured ? data.maskedKey : 'SCT...';
+                document.getElementById('serverchan-key-hint').textContent = data.configured
+                    ? `Saved: ${data.maskedKey}. Leave blank to keep the current SendKey.`
+                    : 'The SendKey is stored only on this Glad host.';
+                document.getElementById('serverchan-remove-btn').style.display = data.configured ? 'inline-flex' : 'none';
+                setServerChanStatus(data.configured ? 'Configuration saved.' : 'ServerChan is not configured.');
+            } catch (error) {
+                setServerChanStatus(error.message || 'Could not load configuration', 'error');
+            }
+        }
+
+        function closeSettings(event = null) {
+            if (event && event.target.id !== 'settings-modal-overlay') return;
+            document.getElementById('settings-modal-overlay').style.display = 'none';
+        }
+
+        function currentServerChanForm() {
+            return {
+                sendKey: document.getElementById('serverchan-send-key').value.trim(),
+                clientType: document.getElementById('serverchan-client-type').value
+            };
+        }
+
+        function setServerChanStatus(message, type = '') {
+            const status = document.getElementById('serverchan-settings-status');
+            status.textContent = message;
+            status.className = `serverchan-settings-status${type ? ` ${type}` : ''}`;
+        }
+
+        function setServerChanBusy(busy) {
+            document.getElementById('serverchan-save-btn').disabled = busy;
+            document.getElementById('serverchan-test-btn').disabled = busy;
+            document.getElementById('serverchan-remove-btn').disabled = busy;
+        }
+
+        async function saveServerChanSettings() {
+            setServerChanBusy(true);
+            setServerChanStatus('Saving…');
+            try {
+                const response = await fetchWithTimeout('/api/notifications/serverchan', {
+                    method: 'PUT',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(currentServerChanForm())
+                }, 10000);
+                const data = await response.json();
+                if (!response.ok) throw new Error(data.error || 'Could not save configuration');
+                serverChanSettings = data.settings;
+                const keyInput = document.getElementById('serverchan-send-key');
+                keyInput.value = '';
+                keyInput.placeholder = data.settings.maskedKey;
+                document.getElementById('serverchan-key-hint').textContent =
+                    `Saved: ${data.settings.maskedKey}. Leave blank to keep the current SendKey.`;
+                document.getElementById('serverchan-remove-btn').style.display = 'inline-flex';
+                setServerChanStatus('Configuration saved. Per-chat notification switches are unchanged.', 'success');
+            } catch (error) {
+                setServerChanStatus(error.message || 'Could not save configuration', 'error');
+            } finally {
+                setServerChanBusy(false);
+            }
+        }
+
+        async function testServerChanSettings() {
+            setServerChanBusy(true);
+            setServerChanStatus('Sending test message…');
+            try {
+                const response = await fetchWithTimeout('/api/notifications/serverchan/test', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(currentServerChanForm())
+                }, 15000);
+                const data = await response.json();
+                if (!response.ok) throw new Error(data.error || 'Could not send test message');
+                setServerChanStatus('Test message sent. The test did not save configuration.', 'success');
+            } catch (error) {
+                setServerChanStatus(error.message || 'Could not send test message', 'error');
+            } finally {
+                setServerChanBusy(false);
+            }
+        }
+
+        async function removeServerChanSettings() {
+            if (!confirm('Remove ServerChan configuration and disable notifications for every chat?')) return;
+            setServerChanBusy(true);
+            try {
+                const response = await fetchWithTimeout('/api/notifications/serverchan', {
+                    method: 'DELETE'
+                }, 10000);
+                const data = await response.json();
+                if (!response.ok) throw new Error(data.error || 'Could not remove configuration');
+                serverChanSettings = data.settings;
+                document.getElementById('serverchan-send-key').value = '';
+                document.getElementById('serverchan-send-key').placeholder = 'SCT...';
+                document.getElementById('serverchan-key-hint').textContent = 'The SendKey is stored only on this Glad host.';
+                document.getElementById('serverchan-remove-btn').style.display = 'none';
+                setServerChanStatus('Configuration removed. Notifications are disabled for every chat.', 'success');
+                await refreshSessionsNow();
+            } catch (error) {
+                setServerChanStatus(error.message || 'Could not remove configuration', 'error');
+            } finally {
+                setServerChanBusy(false);
+            }
+        }

package/lib/web/schedules.js

@@ -35,7 +35,7 @@
             editingScheduleId = data.id || null;
             editingSteps = (data.steps || []).map(step => ({ ...step }));
             selectedWeekdays = [...(data.schedule.weekdays || [1, 2, 3, 4, 5])];
-            document.getElementById('schedule-modal-title').textContent = editingScheduleId ? 'Edit Schedule' : 'New Schedule';
+            document.getElementById('schedule-modal-title').textContent = editingScheduleId ? 'Edit Scheduled Task' : 'New Scheduled Task';
             document.getElementById('schedule-name').value = data.name || 'Scheduled Task';
             document.getElementById('schedule-cwd').value = data.target.workingDirectory || '';
             document.getElementById('schedule-time').value = data.schedule.time || '09:00';

package/lib/web/styles.css

@@ -6,7 +6,10 @@
         .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
         .header h1 { font-size: 28px; font-weight: 700; margin: 0; display: flex; align-items: center; gap: 10px; }
         .header-logo { width: 32px; height: 32px; flex-shrink: 0; }
-        .btn-new { background: var(--primary); color: #fff; border: none; padding: 8px 11px; border-radius: 16px; font-weight: 700; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; min-height: 32px; white-space: nowrap; }
+        .header-actions { display: flex; align-items: center; gap: 5px; }
+        .header-action-btn { height: 36px; min-width: 36px; padding: 0 10px; border: 0; border-radius: 10px; background: var(--primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 3px; font-size: 13px; font-weight: 750; line-height: 1; white-space: nowrap; cursor: pointer; flex-shrink: 0; }
+        .header-action-btn.icon-only { width: 36px; padding: 0; }
+        .header-action-btn:active { background: #0062cc; transform: scale(.97); }
         .btn-retry { background: #333; color: #fff; border: none; padding: 8px 16px; border-radius: 20px; margin-top: 10px; cursor: pointer; }
         .session-card { background: var(--card-bg); border-radius: 12px; padding: 16px; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; transition: transform 0.1s; position: relative; }
         .session-card:active { transform: scale(0.98); }
@@ -20,12 +23,39 @@
         .copy-dir-btn { color: var(--text-dim); background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; width: 28px; height: 28px; padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
         .copy-dir-btn:active { color: #fff; background: rgba(255,255,255,0.12); }
         .session-actions { display: flex; gap: 12px; align-items: center; margin-left: 10px; }
+        .serverchan-toggle { width: 34px; height: 34px; padding: 0; border: 1px solid rgba(255,255,255,0.1); border-radius: 50%; background: rgba(255,255,255,0.05); color: var(--text-dim); cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+        .serverchan-toggle.active { color: #34c759; background: rgba(52,199,89,0.13); }
+        .serverchan-toggle:active { color: #fff; background: rgba(255,255,255,0.12); }
         .btn-join { background: rgba(255,255,255,0.1); border: none; color: var(--primary); padding: 8px 14px; border-radius: 18px; font-weight: 600; font-size: 14px; cursor: pointer; }
         .icon-btn { color: var(--text-dim); background: none; border: none; padding: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
         .icon-btn:active { color: var(--text); }
         .btn-delete { color: #ff3b30; }
         #modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 10000; display: none; align-items: center; justify-content: center; padding: 20px; }
         #tool-modal { background: var(--card-bg); width: 100%; max-width: 400px; border-radius: 16px; padding: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.4); }
+        #settings-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.8); z-index: 10020; display: none; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
+        #settings-modal { background: var(--card-bg); width: 100%; max-width: 450px; border-radius: 16px; padding: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.4); box-sizing: border-box; }
+        .settings-modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
+        .settings-modal-header h2 { margin: 0; font-size: 20px; }
+        .settings-modal-header p { margin: 5px 0 0; color: var(--text-dim); font-size: 12px; line-height: 1.45; }
+        .settings-close { font-size: 25px; line-height: 1; }
+        .settings-section { padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.09); }
+        .settings-section-label { margin-bottom: 12px; color: var(--text-dim); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
+        .settings-provider-header { margin-bottom: 16px; }
+        .settings-provider-header h3 { margin: 0; font-size: 16px; }
+        .settings-provider-header p { margin: 5px 0 0; color: var(--text-dim); font-size: 12px; line-height: 1.45; }
+        #settings-modal .form-field { margin-bottom: 14px; }
+        #settings-modal .form-field label { display: block; margin-bottom: 7px; color: #f5f5f7; font-size: 13px; font-weight: 650; }
+        #settings-modal input, #settings-modal select { width: 100%; min-height: 42px; padding: 9px 10px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.12); border-radius: 9px; background: rgba(255,255,255,0.08); color: #fff; font-size: 14px; outline: none; }
+        #settings-modal input:focus, #settings-modal select:focus { border-color: rgba(0,122,255,0.6); }
+        .serverchan-help { margin-top: 6px; color: var(--text-dim); font-size: 11px; line-height: 1.4; }
+        .serverchan-settings-status { min-height: 20px; margin: 4px 0 10px; color: var(--text-dim); font-size: 12px; }
+        .serverchan-settings-status.success { color: #34c759; }
+        .serverchan-settings-status.error { color: #ff6b61; }
+        .serverchan-modal-actions { display: flex; align-items: center; gap: 8px; }
+        .serverchan-action-spacer { flex: 1; }
+        #serverchan-remove-btn { display: none; }
+        #app-toast { position: fixed; left: 50%; bottom: max(24px, env(safe-area-inset-bottom)); z-index: 10100; max-width: calc(100vw - 32px); transform: translate(-50%, 18px); opacity: 0; pointer-events: none; padding: 9px 14px; border-radius: 999px; background: rgba(44,44,46,0.96); border: 1px solid rgba(255,255,255,0.12); color: #fff; font-size: 13px; box-shadow: 0 10px 28px rgba(0,0,0,0.35); transition: opacity .18s ease, transform .18s ease; }
+        #app-toast.visible { opacity: 1; transform: translate(-50%, 0); }
         .tool-item { padding: 12px; border-bottom: 1px solid #333; cursor: pointer; display: flex; align-items: center; border-radius: 8px; margin-top: 4px; }
         .tool-item:hover { background: rgba(255,255,255,0.05); }
         .tool-icon { width: 32px; height: 32px; background: #333; border-radius: 8px; margin-right: 12px; display: flex; align-items: center; justify-content: center; font-size: 18px; }
@@ -380,6 +410,7 @@
         .weekday-btn { border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.05); color: var(--text-dim); border-radius: 8px; padding: 8px 0; font-size: 12px; font-weight: 700; cursor: pointer; }
         .weekday-btn.active { border-color: var(--primary); background: rgba(0,122,255,0.25); color: #fff; }
         #schedule-modal { background: var(--card-bg); width: 100%; max-width: 720px; max-height: 92dvh; overflow-y: auto; border-radius: 16px; padding: 18px; box-shadow: 0 20px 40px rgba(0,0,0,0.4); box-sizing: border-box; }
+        .schedule-modal-subtitle { margin: 4px 0 0; color: var(--text-dim); font-size: 12px; line-height: 1.4; }
         .step-card { border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; margin-bottom: 8px; background: rgba(255,255,255,0.04); }
         .step-grid { display: grid; grid-template-columns: minmax(110px, 150px) 1fr auto; gap: 8px; align-items: center; }
         @media (max-width: 640px) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glad-web",
-  "version": "1.0.36",
+  "version": "1.0.37",
   "description": "Glad transforms terminal-based AI coding tools into a polished, mobile-friendly local Web interface.",
   "bin": {
     "glad": "bin/cli.js"