glad-web 1.0.34 → 1.0.35

package/lib/codex/structured-session.js

@@ -4,6 +4,8 @@ const readline = require('readline');
 const crypto = require('crypto');
 const PTYManager = require('../session/pty-manager');
 
+const CODEX_MESSAGE_PAGE_BYTES = 200 * 1024;
+
 const PERMISSION_MODES = new Set(['untrusted', 'on-request', 'never']);
 const SANDBOX_MODES = new Set(['read-only', 'workspace-write', 'danger-full-access']);
 const FALLBACK_EFFORTS = ['minimal', 'low', 'medium', 'high', 'xhigh', 'ultra'];
@@ -250,14 +252,60 @@ class CodexStructuredSession extends EventEmitter {
   }
 
   snapshot() {
+    const historyPage = this.getMessagePage();
+    const { messages, ...historyPageMeta } = historyPage;
     return { id: this.id, name: this.name, tool: this.tool.displayName, toolKey: this.tool.key,
-      status: this.status, state: this.getControlState(), messages: this.messages,
+      status: this.status, state: this.getControlState(), messages, historyPage: historyPageMeta,
       pendingPermissions: [
         ...this.completedPermissions,
         ...Array.from(this.pendingPermissions.values()).map(item => item.public)
       ] };
   }
 
+  getMessagePage(beforeId = null, maxBytes = CODEX_MESSAGE_PAGE_BYTES) {
+    const requestedBeforeId = beforeId == null ? '' : String(beforeId);
+    let end = this.messages.length;
+    if (requestedBeforeId) {
+      const beforeIndex = this.messages.findIndex(item => String(item.id || '') === requestedBeforeId);
+      if (beforeIndex < 0) {
+        return { messages: [], hasMore: false, beforeId: null, bytes: 2, maxBytes };
+      }
+      end = beforeIndex;
+    }
+
+    if (end <= 0) return { messages: [], hasMore: false, beforeId: null, bytes: 2, maxBytes };
+
+    const groupStarts = [0];
+    for (let i = 1; i < end; i++) {
+      const item = this.messages[i];
+      if (item.kind === 'turn-start' && (!item.threadId || item.threadId === this.threadId)) {
+        groupStarts.push(i);
+      }
+    }
+    groupStarts.push(end);
+
+    let start = end;
+    let selectedBytes = 2;
+    for (let groupIndex = groupStarts.length - 2; groupIndex >= 0; groupIndex--) {
+      const candidateStart = groupStarts[groupIndex];
+      const candidate = this.messages.slice(candidateStart, end);
+      const candidateBytes = Buffer.byteLength(JSON.stringify(candidate), 'utf8');
+      if (start < end && candidateBytes > maxBytes) break;
+      start = candidateStart;
+      selectedBytes = candidateBytes;
+      if (candidateBytes >= maxBytes) break;
+    }
+
+    const messages = this.messages.slice(start, end);
+    return {
+      messages,
+      hasMore: start > 0,
+      beforeId: messages[0]?.id || null,
+      bytes: selectedBytes,
+      maxBytes
+    };
+  }
+
   getControlState() {
     const activeSubagentCount = Array.from(this.threadTurns.entries())
       .filter(([threadId, turn]) => threadId !== this.threadId && turn?.status === 'running').length;
@@ -1088,7 +1136,9 @@ class CodexStructuredSession extends EventEmitter {
         ...(completedAtMs ? { createdAt: completedAtMs } : {}) });
     }
     if (eventText) this.append({ kind: 'event', level: 'info', text: eventText });
-    this.emitEvent({ type: 'history-reset', messages: this.messages });
+    const historyPage = this.getMessagePage();
+    const { messages, ...historyPageMeta } = historyPage;
+    this.emitEvent({ type: 'history-reset', messages, historyPage: historyPageMeta });
     this.emitEvent({ type: 'state', state: this.getControlState() });
   }
 

package/lib/commands/web.js

@@ -377,6 +377,12 @@ async function webCommand(options) {
         if (payload.type === 'codex-compact') {
           sessionManager.compactCodexContext(sessionId).catch(error => logger.error(`Codex compact error: ${error.message}`));
         }
+        if (payload.type === 'codex-history-before') {
+          const codex = sessionManager.get(sessionId);
+          if (codex && codex.kind === 'codex-structured' && codex.presentation === 'structured') {
+            ws.send(JSON.stringify({ type: 'codex-history-page', page: codex.getMessagePage(payload.beforeId) }));
+          }
+        }
         if (payload.type === 'codex-abort') {
           sessionManager.abortCodex(sessionId);
         }

package/lib/web/codex.js

@@ -320,7 +320,46 @@
             const current = container.firstElementChild;
             if (!current) container.appendChild(next);
             else syncCodexDom(current, next);
-            container.scrollTop = shouldStickToBottom ? container.scrollHeight : previousScrollTop;
+            if (codexHistoryPrependAnchor) {
+                const anchor = codexHistoryPrependAnchor;
+                codexHistoryPrependAnchor = null;
+                container.scrollTop = anchor.scrollTop + Math.max(0, container.scrollHeight - anchor.scrollHeight);
+            } else {
+                container.scrollTop = shouldStickToBottom ? container.scrollHeight : previousScrollTop;
+            }
+        }
+
+        function applyCodexHistoryPageMeta(page = {}) {
+            codexHistoryBeforeId = page?.beforeId || codexMessages[0]?.id || null;
+            codexHistoryHasMore = Boolean(page?.hasMore);
+            codexHistoryLoading = false;
+        }
+
+        function handleCodexHistoryScroll(event) {
+            if (event?.isTrusted) codexHistoryUserScrolled = true;
+            if (!codexHistoryUserScrolled || !codexHistoryHasMore || codexHistoryLoading) return;
+            const container = event?.currentTarget || document.getElementById('codex-chat-container');
+            const scrollRange = Math.max(0, container.scrollHeight - container.clientHeight);
+            if (container.scrollTop > scrollRange * 0.5) return;
+            if (!codexHistoryBeforeId || currentSocket?.readyState !== 1) return;
+            codexHistoryLoading = true;
+            currentSocket.send(JSON.stringify({ type: 'codex-history-before', beforeId: codexHistoryBeforeId }));
+        }
+
+        function applyCodexHistoryPage(page = {}) {
+            const older = Array.isArray(page.messages) ? page.messages : [];
+            const knownIds = new Set(codexMessages.map(item => String(item.id || '')));
+            const uniqueOlder = older.filter(item => item?.id && !knownIds.has(String(item.id)));
+            const container = document.getElementById('codex-chat-container');
+            if (uniqueOlder.length && container) {
+                codexHistoryPrependAnchor = {
+                    scrollTop: container.scrollTop,
+                    scrollHeight: container.scrollHeight
+                };
+                codexMessages = [...uniqueOlder, ...codexMessages];
+            }
+            applyCodexHistoryPageMeta(page);
+            if (uniqueOlder.length) renderCodexChat();
         }
 
         function applyCodexState(state = {}) {
@@ -445,7 +484,12 @@
             if (!event) return;
             if (event.type === 'message' && event.message) codexMessages.push(event.message);
             else if (event.type === 'message-updated' && event.message) { const i = codexMessages.findIndex(item => item.id === event.message.id); if (i >= 0) codexMessages[i] = event.message; else codexMessages.push(event.message); }
-            else if (event.type === 'history-reset') codexMessages = event.messages || [];
+            else if (event.type === 'history-reset') {
+                codexMessages = event.messages || [];
+                codexHistoryUserScrolled = false;
+                codexHistoryPrependAnchor = null;
+                applyCodexHistoryPageMeta(event.historyPage);
+            }
             else if (event.type === 'permission-request' && event.request) { codexPendingPermissions = [...codexPendingPermissions.filter(item => item.id !== event.request.id), event.request]; }
             else if (event.type === 'permission-updated' && event.request) codexPendingPermissions = codexPendingPermissions.map(item => item.id === event.request.id ? event.request : item);
             if (event.state) applyCodexState(event.state); else renderCodexChat();

package/lib/web/core.js

@@ -52,6 +52,11 @@
         let selectedCodexSkill = null;
         let codexRenderFrame = null;
         let codexApprovalJumpIndex = 0;
+        let codexHistoryBeforeId = null;
+        let codexHistoryHasMore = false;
+        let codexHistoryLoading = false;
+        let codexHistoryUserScrolled = false;
+        let codexHistoryPrependAnchor = null;
         const modifiers = { ctrl: false };
 
         function log(msg) {

package/lib/web/session.js

@@ -143,6 +143,11 @@
             codexSkillQuery = '';
             codexSkillError = '';
             selectedCodexSkill = null;
+            codexHistoryBeforeId = null;
+            codexHistoryHasMore = false;
+            codexHistoryLoading = false;
+            codexHistoryUserScrolled = false;
+            codexHistoryPrependAnchor = null;
             document.getElementById('codex-model-panel').classList.remove('active');
             document.getElementById('codex-resume-panel').classList.remove('active');
             document.getElementById('codex-fork-panel').classList.remove('active');
@@ -152,6 +157,7 @@
             codexState = { permissionMode: 'default', sandboxMode: 'default', effectivePermissionMode: null, effectiveSandboxMode: null, model: null, effort: null, status: 'idle', threadId: null, presentation: 'structured', models: [], canAbort: false, canCompact: false, compacting: false, canSwitchToTerminal: false, canSwitchToStructured: false };
             setClaudeModeEnabled(false);
             applyCodexState(codexState);
+            document.getElementById('codex-chat-container').onscroll = handleCodexHistoryScroll;
             const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
             currentSocket = new WebSocket(protocol + '//' + window.location.host + '?sessionId=' + sessionId);
             currentSocket.onmessage = (e) => {
@@ -159,8 +165,10 @@
                 if (msg.type === 'codex-snapshot' && msg.snapshot) {
                     codexMessages = msg.snapshot.messages || [];
                     codexPendingPermissions = msg.snapshot.pendingPermissions || [];
+                    applyCodexHistoryPageMeta(msg.snapshot.historyPage);
                     applyCodexState(msg.snapshot.state || {});
                 }
+                if (msg.type === 'codex-history-page' && msg.page) applyCodexHistoryPage(msg.page);
                 if (msg.type === 'codex-event') {
                     applyCodexEvent(msg.event);
                     if (msg.event?.type === 'presentation' && msg.event.presentation === 'terminal') {

package/package.json

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