glad-web 1.0.31 → 1.0.32

package/lib/codex/structured-session.js

@@ -85,6 +85,27 @@ function recentUserQuestions(thread, limit = 2) {
   return questions;
 }
 
+function userPromptsFromThread(thread, fallbackTimestamp = null) {
+  const prompts = [];
+  const threadId = String(thread?.id || '');
+  for (const turn of Array.isArray(thread?.turns) ? thread.turns : []) {
+    const turnTimestamp = toTimestampMs(turn.startedAt || turn.createdAt || turn.completedAt || turn.updatedAt)
+      || fallbackTimestamp;
+    for (const item of Array.isArray(turn?.items) ? turn.items : []) {
+      if (item?.type !== 'userMessage') continue;
+      const prompt = (textFromInputItems(item.content) || item.text || '').trim();
+      if (!prompt) continue;
+      prompts.push({
+        id: String(item.id || `${threadId}:${turn.id || 'turn'}:${prompts.length}`),
+        threadId,
+        text: prompt,
+        createdAt: toTimestampMs(item.createdAt || item.updatedAt) || turnTimestamp || null
+      });
+    }
+  }
+  return prompts;
+}
+
 function toolDetails(raw) {
   if (raw.type === 'commandExecution') {
     return {
@@ -195,6 +216,8 @@ class CodexStructuredSession extends EventEmitter {
     this.inputSeq = 0;
     this.completionReadInputSeq = 0;
     this.timedInputs = new Map();
+    this.promptHistoryCache = null;
+    this.deferredWarnings = null;
     this.ptyManager = {
       workingDir,
       isRunning: () => this.isRunning(),
@@ -491,7 +514,9 @@ class CodexStructuredSession extends EventEmitter {
       return;
     }
     if (method === 'warning' || method === 'guardianWarning') {
-      this.append({ kind: 'event', level: 'warning', text: params.message || params.warning || 'Codex warning.' });
+      const warning = { kind: 'event', level: 'warning', text: params.message || params.warning || 'Codex warning.' };
+      if (this.deferredWarnings) this.deferredWarnings.push(warning);
+      else this.append(warning);
       return;
     }
     if (method === 'item/commandExecution/outputDelta' || method === 'item/fileChange/outputDelta') {
@@ -655,6 +680,68 @@ class CodexStructuredSession extends EventEmitter {
     return items;
   }
 
+  async listPromptHistory({ offset = 0, limit = 30 } = {}) {
+    await this.ensureProcess();
+    const safeOffset = Math.max(0, Math.min(199, Number(offset) || 0));
+    const safeLimit = Math.max(1, Math.min(30, Number(limit) || 30));
+    const cacheFresh = this.promptHistoryCache
+      && Date.now() - this.promptHistoryCache.loadedAt < 15000;
+
+    if (!cacheFresh) {
+      const prompts = [];
+      let cursor = null;
+      let pageCount = 0;
+      let capped = false;
+      do {
+        const result = await this.request('thread/list', {
+          cursor,
+          limit: 20,
+          sortKey: 'updated_at',
+          sortDirection: 'desc',
+          archived: false,
+          cwd: this.workingDir
+        });
+        const threads = (result?.data || []).filter(item => !item.parentThreadId);
+        const histories = await Promise.all(threads.map(async item => {
+          try {
+            const history = await this.request('thread/read', { threadId: item.id, includeTurns: true });
+            const fallbackTimestamp = toTimestampMs(item.updatedAt || item.createdAt);
+            return userPromptsFromThread(history?.thread || { id: item.id, turns: [] }, fallbackTimestamp)
+              .map(prompt => ({ ...prompt, threadId: prompt.threadId || item.id }));
+          } catch (error) {
+            this.logger.debugInfo?.(`[codex-app-server] unable to read prompt history for ${item.id}: ${error.message}`);
+            return [];
+          }
+        }));
+        prompts.push(...histories.flat());
+        cursor = result?.nextCursor || null;
+        pageCount += 1;
+        if (prompts.length >= 200 || pageCount >= 5) {
+          capped = Boolean(cursor) || prompts.length > 200;
+          break;
+        }
+      } while (cursor);
+
+      prompts.sort((a, b) => Number(b.createdAt || 0) - Number(a.createdAt || 0));
+      this.promptHistoryCache = {
+        loadedAt: Date.now(),
+        items: prompts.slice(0, 200),
+        capped
+      };
+    }
+
+    const items = this.promptHistoryCache.items.slice(safeOffset, safeOffset + safeLimit);
+    const nextOffset = safeOffset + items.length;
+    return {
+      items,
+      offset: safeOffset,
+      nextOffset,
+      total: this.promptHistoryCache.items.length,
+      hasMore: nextOffset < this.promptHistoryCache.items.length,
+      capped: this.promptHistoryCache.capped
+    };
+  }
+
   contextStatus(tokenUsage = this.tokenUsage) {
     const usage = tokenUsage || {};
     const selectedModel = this.models.find(item => item.id === this.model);
@@ -757,6 +844,7 @@ class CodexStructuredSession extends EventEmitter {
       .filter(item => item && typeof item.path === 'string' && item.path);
     if ((!prompt && images.length === 0) || this.presentation !== 'structured' || this.status !== 'idle') return false;
     this.hasUnreadCompletion = false;
+    this.promptHistoryCache = null;
     this.append({
       kind: 'user',
       text: prompt || '📷 Image attachment',
@@ -882,25 +970,46 @@ class CodexStructuredSession extends EventEmitter {
     const target = String(threadId || this.threadId || '').trim();
     if (!target || this.presentation !== 'structured' || this.status !== 'idle') return false;
     await this.ensureProcess();
+    const selectedModel = this.model;
+    const selectedEffort = this.effort;
+    const resumeWithModelOverride = Boolean(this.hasModelOverride && selectedModel);
+    const resumeWithEffortOverride = Boolean(this.hasEffortOverride && selectedEffort);
     const params = { threadId: target, cwd: this.workingDir };
     if (this.permissionMode) params.approvalPolicy = this.permissionMode;
     if (this.sandboxMode) params.sandbox = this.sandboxMode;
-    const result = await this.request('thread/resume', params);
-    this.threadId = result.thread?.id || target;
-    this.hasModelOverride = false;
-    this.hasEffortOverride = false;
-    this.model = result.model || result.thread?.model || this.model;
-    this.effort = result.reasoningEffort || result.thread?.reasoningEffort || this.effort;
-    this.effectivePermissionMode = result.approvalPolicy || this.effectivePermissionMode;
-    this.effectiveSandboxMode = sandboxModeFromPolicy(result.sandbox) || this.effectiveSandboxMode;
-    const history = await this.request('thread/read', { threadId: this.threadId, includeTurns: true });
-    this.restoreThreadHistory(history?.thread, `Resumed Codex thread ${this.threadId}`);
-    return true;
+    if (resumeWithModelOverride) params.model = selectedModel;
+    if (resumeWithEffortOverride) params.config = { model_reasoning_effort: selectedEffort };
+    this.deferredWarnings = [];
+    try {
+      const result = await this.request('thread/resume', params);
+      this.threadId = result.thread?.id || target;
+      this.hasModelOverride = resumeWithModelOverride;
+      this.hasEffortOverride = resumeWithEffortOverride;
+      this.model = result.model || result.thread?.model || selectedModel;
+      this.effort = result.reasoningEffort || result.thread?.reasoningEffort || selectedEffort;
+      this.effectivePermissionMode = result.approvalPolicy || this.effectivePermissionMode;
+      this.effectiveSandboxMode = sandboxModeFromPolicy(result.sandbox) || this.effectiveSandboxMode;
+      const history = await this.request('thread/read', { threadId: this.threadId, includeTurns: true });
+      this.restoreThreadHistory(history?.thread, `Resumed Codex thread ${this.threadId}`, {
+        preserveModel: resumeWithModelOverride,
+        preserveEffort: resumeWithEffortOverride
+      });
+      const warnings = this.deferredWarnings;
+      this.deferredWarnings = null;
+      for (const warning of warnings) this.append(warning);
+      this.promptHistoryCache = null;
+      return true;
+    } catch (error) {
+      const warnings = this.deferredWarnings || [];
+      this.deferredWarnings = null;
+      for (const warning of warnings) this.append(warning);
+      throw error;
+    }
   }
 
-  restoreThreadHistory(thread, eventText = '') {
-    this.model = thread?.model || this.model;
-    this.effort = thread?.reasoningEffort || thread?.reasoning_effort || this.effort;
+  restoreThreadHistory(thread, eventText = '', options = {}) {
+    if (!options.preserveModel) this.model = thread?.model || this.model;
+    if (!options.preserveEffort) this.effort = thread?.reasoningEffort || thread?.reasoning_effort || this.effort;
     this.tokenUsage = thread?.tokenUsage || thread?.token_usage || this.tokenUsage;
     this.messages = [];
     this.completedPermissions = [];
@@ -948,6 +1057,7 @@ class CodexStructuredSession extends EventEmitter {
     this.effectivePermissionMode = result.approvalPolicy || this.effectivePermissionMode;
     this.effectiveSandboxMode = sandboxModeFromPolicy(result.sandbox) || this.effectiveSandboxMode;
     this.restoreThreadHistory(forkedThread, `Forked from Codex thread ${sourceThreadId}`);
+    this.promptHistoryCache = null;
     return { threadId: this.threadId };
   }
 

package/lib/server/routes/providers.js

@@ -55,6 +55,19 @@ function registerProviderRoutes(app, { sessionManager }) {
     }
   });
 
+  app.get('/api/sessions/:id/codex-prompts', async (req, res) => {
+    try {
+      const result = await sessionManager.listCodexPrompts(req.params.id, {
+        offset: req.query?.offset,
+        limit: req.query?.limit
+      });
+      if (!result) return res.status(404).json({ error: 'Codex session not found' });
+      res.json({ success: true, ...result });
+    } catch (error) {
+      res.status(400).json({ error: error.message });
+    }
+  });
+
   app.post('/api/sessions/:id/codex-abort', (req, res) => {
     const success = sessionManager.abortCodex(req.params.id);
     if (!success) return res.status(409).json({ error: 'Codex session is idle or unavailable' });

package/lib/session/session-manager.js

@@ -431,6 +431,12 @@ class SessionManager extends EventEmitter {
     return session.listResumeThreads();
   }
 
+  listCodexPrompts(id, options) {
+    const session = this.get(id);
+    if (!session || session.kind !== 'codex-structured') return null;
+    return session.listPromptHistory(options);
+  }
+
   switchCodexPresentation(id, presentation) {
     const session = this.get(id);
     if (!session || session.kind !== 'codex-structured') return Promise.resolve(false);

package/lib/web/codex.js

@@ -103,6 +103,9 @@
             const detail = running ? 'Compacting context…' : ['Completed', time].filter(Boolean).join(' · ');
             return `<div class="codex-compaction-card${running ? ' running' : ''}" data-codex-key="compaction-${escapeHtml(item.id || item.providerId || '')}"><span class="codex-compaction-icon" aria-hidden="true">⇣</span><div><div class="codex-compaction-title">${running ? 'Compacting context' : 'Context compacted'}</div><div class="codex-compaction-meta">${escapeHtml(detail)}</div></div></div>`;
         }
+        function renderCodexWarning(item) {
+            return `<div class="codex-warning-card" data-codex-key="warning-${escapeHtml(item.id || '')}" role="status"><span class="codex-warning-icon" aria-hidden="true">!</span><div><div class="codex-warning-title">Codex warning</div><div class="codex-warning-text">${codexText(item.text || 'Codex reported a warning.')}</div></div></div>`;
+        }
         function renderCodexTool(item, permission = null) {
             const status = codexToolStatus(item);
             const isError = status === 'failed' || Boolean(item.error) || (item.exitCode != null && item.exitCode !== 0);
@@ -297,6 +300,7 @@
                 else if (item.kind === 'user') parts.push(`<div class="codex-message-block user" data-codex-key="message-${escapeHtml(item.id || '')}"><div class="codex-message user claude-md">${renderMarkdown(item.text || '')}</div>${renderCodexMessageMeta(item)}</div>`);
                 else if (item.kind === 'compaction') parts.push(renderCodexCompaction(item));
                 else if (item.kind === 'status') parts.push(renderCodexStatus(item));
+                else if (item.kind === 'event' && item.level === 'warning') parts.push(renderCodexWarning(item));
                 else parts.push(`<div class="codex-message ${escapeHtml(item.level === 'error' ? 'event error' : item.kind || 'event')}">${codexText(item.text)}</div>`);
                 i += 1;
             }
@@ -395,9 +399,11 @@
             codexModelPanelOpen = !codexModelPanelOpen;
             codexResumePanelOpen = false;
             codexForkPanelOpen = false;
+            codexPromptPanelOpen = false;
             codexModelCandidate = codexState.model || codexState.models?.[0]?.id || null;
             document.getElementById('codex-resume-panel').classList.remove('active');
             document.getElementById('codex-fork-panel').classList.remove('active');
+            document.getElementById('codex-prompt-panel').classList.remove('active');
             renderCodexModelPanel();
             updateTerminalControlsHeight();
         }
@@ -453,8 +459,10 @@
             codexResumePanelOpen = !codexResumePanelOpen;
             codexModelPanelOpen = false;
             codexForkPanelOpen = false;
+            codexPromptPanelOpen = false;
             document.getElementById('codex-model-panel').classList.remove('active');
             document.getElementById('codex-fork-panel').classList.remove('active');
+            document.getElementById('codex-prompt-panel').classList.remove('active');
             const panel = document.getElementById('codex-resume-panel');
             panel.classList.toggle('active', codexResumePanelOpen);
             updateTerminalControlsHeight();
@@ -466,8 +474,10 @@
             codexForkPanelOpen = !codexForkPanelOpen;
             codexModelPanelOpen = false;
             codexResumePanelOpen = false;
+            codexPromptPanelOpen = false;
             document.getElementById('codex-model-panel').classList.remove('active');
             document.getElementById('codex-resume-panel').classList.remove('active');
+            document.getElementById('codex-prompt-panel').classList.remove('active');
             const panel = document.getElementById('codex-fork-panel');
             panel.classList.toggle('active', codexForkPanelOpen);
             updateTerminalControlsHeight();
@@ -489,6 +499,91 @@
             } catch (e) { panel.innerHTML = `<div class="claude-resume-meta" style="padding:12px;color:#ff6b61;">${escapeHtml(e.message)}</div>`; }
             updateTerminalControlsHeight();
         }
+        function formatCodexPromptTime(timestamp) {
+            const value = Number(timestamp || 0);
+            if (!value) return '';
+            const date = new Date(value);
+            return Number.isNaN(date.getTime()) ? '' : date.toLocaleString([], {
+                month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit'
+            });
+        }
+        function renderCodexPromptPanel(error = '') {
+            const panel = document.getElementById('codex-prompt-panel');
+            if (!panel) return;
+            const previousScrollTop = panel.scrollTop;
+            panel.classList.toggle('active', codexPromptPanelOpen);
+            if (!codexPromptPanelOpen) return;
+            const countLabel = codexPromptTotal ? `${codexPromptItems.length} / ${codexPromptTotal}${codexPromptTotal >= 200 ? ' max' : ''}` : '';
+            const items = codexPromptItems.map((item, index) => {
+                const expanded = codexExpandedPrompts.has(index);
+                return `<div class="codex-prompt-item"><button type="button" class="codex-prompt-text${expanded ? ' expanded' : ''}" onclick="toggleCodexPromptExpanded(${index})" title="${expanded ? 'Collapse prompt' : 'Expand prompt'}">${escapeHtml(item.text || '')}</button><div class="codex-prompt-actions"><span class="codex-prompt-time">${escapeHtml(formatCodexPromptTime(item.createdAt))}</span><button type="button" class="small-btn codex-prompt-copy" data-codex-prompt-copy="${index}" onclick="copyCodexPrompt(${index})">Copy</button></div></div>`;
+            }).join('');
+            const empty = !items && !codexPromptLoading && !error
+                ? '<div class="claude-resume-meta" style="padding:12px;">No text prompts found for this folder.</div>' : '';
+            const footer = codexPromptHasMore || codexPromptLoading
+                ? `<div class="codex-prompt-footer"><button type="button" class="small-btn primary" onclick="loadMoreCodexPrompts()"${codexPromptLoading ? ' disabled' : ''}>${codexPromptLoading ? 'Loading…' : 'Load more'}</button></div>` : '';
+            panel.innerHTML = `<div class="codex-prompt-header"><span>Prompt history</span><span>${escapeHtml(countLabel)}</span></div>${error ? `<div class="claude-resume-meta" style="padding:12px;color:#ff6b61;">${escapeHtml(error)}</div>` : ''}${items}${empty}${footer}`;
+            panel.scrollTop = previousScrollTop;
+            updateTerminalControlsHeight();
+        }
+        async function toggleCodexPromptPanel() {
+            codexPromptPanelOpen = !codexPromptPanelOpen;
+            codexModelPanelOpen = false;
+            codexResumePanelOpen = false;
+            codexForkPanelOpen = false;
+            document.getElementById('codex-model-panel').classList.remove('active');
+            document.getElementById('codex-resume-panel').classList.remove('active');
+            document.getElementById('codex-fork-panel').classList.remove('active');
+            if (!codexPromptPanelOpen) {
+                document.getElementById('codex-prompt-panel').classList.remove('active');
+                updateTerminalControlsHeight();
+                return;
+            }
+            codexPromptItems = [];
+            codexPromptNextOffset = 0;
+            codexPromptHasMore = false;
+            codexPromptTotal = 0;
+            codexExpandedPrompts = new Set();
+            renderCodexPromptPanel();
+            await loadMoreCodexPrompts();
+        }
+        async function loadMoreCodexPrompts() {
+            if (codexPromptLoading || !codexPromptPanelOpen || codexPromptNextOffset >= 200) return;
+            codexPromptLoading = true;
+            renderCodexPromptPanel();
+            try {
+                const res = await fetchWithTimeout(`/api/sessions/${activeSessionId}/codex-prompts?offset=${codexPromptNextOffset}&limit=30`, {}, 60000);
+                const data = await res.json();
+                if (!res.ok || !data.success) throw new Error(data.error || 'Failed to load prompt history');
+                codexPromptItems.push(...(data.items || []));
+                codexPromptNextOffset = Number(data.nextOffset || codexPromptItems.length);
+                codexPromptHasMore = Boolean(data.hasMore) && codexPromptNextOffset < 200;
+                codexPromptTotal = Math.min(200, Number(data.total || codexPromptItems.length));
+                codexPromptLoading = false;
+                renderCodexPromptPanel();
+            } catch (error) {
+                codexPromptLoading = false;
+                renderCodexPromptPanel(error.message);
+            }
+        }
+        function toggleCodexPromptExpanded(index) {
+            if (codexExpandedPrompts.has(index)) codexExpandedPrompts.delete(index);
+            else codexExpandedPrompts.add(index);
+            renderCodexPromptPanel();
+        }
+        async function copyCodexPrompt(index) {
+            const prompt = codexPromptItems[index]?.text;
+            if (!prompt) return;
+            try {
+                await copyTextToClipboard(prompt);
+                const button = document.querySelector(`[data-codex-prompt-copy="${index}"]`);
+                if (!button) return;
+                button.textContent = 'Copied';
+                setTimeout(() => { if (button.isConnected) button.textContent = 'Copy'; }, 1200);
+            } catch (_) {
+                alert('Copy failed.');
+            }
+        }
         async function selectCodexResumeThread(threadId) {
             const res = await fetchWithTimeout(`/api/sessions/${activeSessionId}/codex-resume`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ threadId }) }, 30000);
             if (!res.ok) { alert((await res.json()).error || 'Unable to resume Codex thread'); return; }

package/lib/web/core.js

@@ -37,6 +37,13 @@
         let codexModelCandidate = null;
         let codexResumePanelOpen = false;
         let codexForkPanelOpen = false;
+        let codexPromptPanelOpen = false;
+        let codexPromptItems = [];
+        let codexPromptNextOffset = 0;
+        let codexPromptHasMore = false;
+        let codexPromptTotal = 0;
+        let codexPromptLoading = false;
+        let codexExpandedPrompts = new Set();
         let codexRenderFrame = null;
         let codexApprovalJumpIndex = 0;
         const modifiers = { ctrl: false };

package/lib/web/index.html

@@ -122,6 +122,7 @@
                             <button id="codex-fork-btn" class="claude-ctrl-btn primary" onclick="toggleCodexForkPanel()" title="Fork a Codex thread in this conversation">Fork</button>
                         </div>
                         <div class="codex-control-page">
+                            <button id="codex-prompts-btn" class="claude-ctrl-btn" onclick="toggleCodexPromptPanel()" title="Browse and copy recent prompts">Prompts</button>
                             <button id="codex-compact-btn" class="claude-ctrl-btn" onclick="compactCodexContext()" title="Compact the current Codex context">Compact</button>
                             <label class="codex-select-control" title="Sandbox mode">
                                 <span class="codex-select-label" aria-hidden="true">Sandbox</span>
@@ -141,6 +142,7 @@
                     <div id="codex-model-panel"></div>
                     <div id="codex-resume-panel"></div>
                     <div id="codex-fork-panel"></div>
+                    <div id="codex-prompt-panel"></div>
                 </div>
                 <div id="timed-send-panel">
                     <div class="timed-row">

package/lib/web/session.js

@@ -130,9 +130,17 @@
             codexModelCandidate = null;
             codexResumePanelOpen = false;
             codexForkPanelOpen = false;
+            codexPromptPanelOpen = false;
+            codexPromptItems = [];
+            codexPromptNextOffset = 0;
+            codexPromptHasMore = false;
+            codexPromptTotal = 0;
+            codexPromptLoading = false;
+            codexExpandedPrompts = new Set();
             document.getElementById('codex-model-panel').classList.remove('active');
             document.getElementById('codex-resume-panel').classList.remove('active');
             document.getElementById('codex-fork-panel').classList.remove('active');
+            document.getElementById('codex-prompt-panel').classList.remove('active');
             document.getElementById('codex-control-rail').scrollLeft = 0;
             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);

package/lib/web/styles.css

@@ -105,6 +105,10 @@
         .codex-compaction-title { font-size: 12px; font-weight: 800; }
         .codex-compaction-meta { margin-top: 3px; color: #a9a9b0; font-size: 10px; font-variant-numeric: tabular-nums; }
         .codex-compaction-card.running .codex-compaction-icon { animation: codex-pulse 1.1s ease-in-out infinite alternate; }
+        .codex-warning-card { display: flex; align-items: flex-start; gap: 10px; margin: 10px 0 14px; padding: 10px 12px; border: 1px solid rgba(255,204,0,.34); border-radius: 10px; background: linear-gradient(135deg, rgba(255,204,0,.13), rgba(255,159,10,.07)); color: #f5f5f7; }
+        .codex-warning-icon { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border-radius: 50%; background: rgba(255,204,0,.16); color: #ffd60a; font-size: 15px; font-weight: 900; }
+        .codex-warning-title { color: #ffe680; font-size: 12px; font-weight: 800; }
+        .codex-warning-text { margin-top: 3px; color: #d8d3bf; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
         .codex-status-card { margin: 10px 0 14px; border: 1px solid rgba(100,210,255,.2); border-radius: 10px; background: rgba(28,28,30,.72); padding: 11px; color: #f5f5f7; }
         .codex-status-title { margin-bottom: 9px; color: #64d2ff; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
         .codex-status-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
@@ -173,8 +177,8 @@
         .codex-select-control:focus-within .codex-select-label { background: rgba(255,255,255,.14); border-color: rgba(0,122,255,.45); }
         .codex-select { appearance: none; position: absolute; inset: 0; width: 100%; min-width: 0; height: 100%; opacity: 0; cursor: pointer; }
         .codex-select option { background: #1c1c1e; color: #fff; }
-        #codex-model-panel, #codex-resume-panel, #codex-fork-panel { display: none; margin-top: 8px; border: 1px solid rgba(255,255,255,.1); background: rgba(28,28,30,.99); border-radius: 8px; box-shadow: 0 16px 36px rgba(0,0,0,.34); overflow: hidden; }
-        #codex-model-panel.active, #codex-resume-panel.active, #codex-fork-panel.active { display: block; }
+        #codex-model-panel, #codex-resume-panel, #codex-fork-panel, #codex-prompt-panel { display: none; margin-top: 8px; border: 1px solid rgba(255,255,255,.1); background: rgba(28,28,30,.99); border-radius: 8px; box-shadow: 0 16px 36px rgba(0,0,0,.34); overflow: hidden; }
+        #codex-model-panel.active, #codex-resume-panel.active, #codex-fork-panel.active, #codex-prompt-panel.active { display: block; }
         #codex-model-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); max-height: min(300px, 42dvh); }
         #codex-model-panel.active { display: grid; }
         .codex-picker-column { min-width: 0; overflow-y: auto; }
@@ -184,6 +188,17 @@
         #codex-state-bar { display: flex; align-items: center; gap: 7px; min-height: 24px; margin-top: 8px; color: var(--text-dim); font-size: 11px; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
         #codex-state-bar::-webkit-scrollbar { display: none; }
         #codex-resume-panel, #codex-fork-panel { max-height: min(280px, 38dvh); overflow-y: auto; }
+        #codex-prompt-panel { max-height: min(440px, 52dvh); overflow-y: auto; }
+        .codex-prompt-header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 11px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(28,28,30,.97); color: var(--text-dim); font-size: 11px; font-weight: 800; }
+        .codex-prompt-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; padding: 10px 11px; border-bottom: 1px solid rgba(255,255,255,.06); }
+        .codex-prompt-item:last-of-type { border-bottom: 0; }
+        .codex-prompt-text { display: -webkit-box; width: 100%; min-width: 0; max-height: calc(1.42em * 4); overflow: hidden; padding: 0; border: 0; background: transparent; color: #f5f5f7; font: 12px/1.42 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-align: left; white-space: pre-wrap; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 4; cursor: pointer; }
+        .codex-prompt-text.expanded { display: block; max-height: none; -webkit-line-clamp: initial; }
+        .codex-prompt-actions { display: flex; min-width: 64px; flex-direction: column; align-items: flex-end; gap: 6px; }
+        .codex-prompt-time { color: #77777e; font-size: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
+        .codex-prompt-copy { min-width: 54px; min-height: 28px; padding: 0 9px; }
+        .codex-prompt-footer { padding: 9px 11px; text-align: center; }
+        .codex-prompt-footer .small-btn { min-width: 112px; }
         .claude-message { max-width: 92%; margin: 0 0 10px 0; padding: 10px 12px; border-radius: 8px; overflow-wrap: anywhere; line-height: 1.45; font-size: 14px; }
         .claude-message-block { max-width: 100%; margin: 0 0 12px; }
         .claude-message-block > .claude-message { margin-bottom: 0; }

package/package.json

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