fix: preserve collapsible subsection state across polling re-renders

- Use stable section IDs (without Date.now()) so collapse state can be
  tracked across re-renders
- Snapshot collapsed state before innerHTML replacement, restore after
- Prevents the 10s polling from expanding all subsections every time

bot/static/js/status.js

@@ -162,6 +162,14 @@ function renderPromptEntry(entry) {
   // Parse full_prompt into sections
   const sections = parsePromptSections(entry.full_prompt || '');
 
+  // Snapshot which subsections are currently collapsed (before re-render)
+  const sectionIds = ['system', 'context', 'conversation', 'response'];
+  const collapsedState = {};
+  sectionIds.forEach(id => {
+    const el = document.getElementById(`prompt-section-${id}`);
+    collapsedState[id] = el && el.classList.contains('collapsed');
+  });
+
   // Build display HTML with collapsible subsections
   let displayHtml = '';
 
@@ -192,6 +200,16 @@ function renderPromptEntry(entry) {
   const displayEl = document.getElementById('prompt-display');
   displayEl.innerHTML = displayHtml;
 
+  // Restore collapsed state from snapshot
+  sectionIds.forEach(id => {
+    const el = document.getElementById(`prompt-section-${id}`);
+    if (el && collapsedState[id]) {
+      el.classList.add('collapsed');
+      const header = el.previousElementSibling;
+      if (header) header.innerHTML = header.innerHTML.replace('▼', '▶');
+    }
+  });
+
   // Also set the raw text into the <pre> for copy functionality
   let rawText = entry.full_prompt || '';
   if (entry.response) {
@@ -244,12 +262,12 @@ function parsePromptSections(fullPrompt) {
 }
 
 function buildCollapsibleSection(title, content, sectionId) {
-  const uniqueId = `prompt-section-${sectionId}-${Date.now()}`;
+  const id = `prompt-section-${sectionId}`;
   return `
-    <div class="prompt-subsection-header" onclick="togglePromptSubsection('${uniqueId}')">
+    <div class="prompt-subsection-header" onclick="togglePromptSubsection('${id}')">
       ▼ ${escapeHtml(title)}
     </div>
-    <div class="prompt-subsection-body" id="${uniqueId}">
+    <div class="prompt-subsection-body" id="${id}">
       <pre style="white-space: pre-wrap; word-break: break-word; background: #1a1a1a; padding: 0.5rem; border-radius: 4px; font-size: 0.8rem; line-height: 1.4; margin: 0.25rem 0;">${escapeHtml(content)}</pre>
     </div>`;
 }