New session context rehydration concept

Details

Raw Data

{
  "id": "eaf40d3c-5894-41a1-9802-1f163794ab62",
  "type": "general",
  "status": "completed",
  "title": "New session context rehydration concept",
  "description": "Design for injecting context briefing when starting a new Claude session",
  "context": {
    "output": "<div style=\"background:#1e1e1e;color:#e0e0e0;padding:20px;border-radius:8px;font-family:sans-serif;\">\n<h2 style=\"color:#fff;margin:0 0 16px 0;\">New Session Context Rehydration</h2>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#f59e0b;margin:0 0 12px 0;\">The Problem</h3>\n<p style=\"margin:0;line-height:1.6;\">\"New Session\" is currently a <strong>blank slate</strong> - no context, no history, no orientation. You're forced to either:</p>\n<ul style=\"margin:12px 0 0 0;padding-left:20px;line-height:1.8;\">\n<li>Remember what you were doing (cognitive load)</li>\n<li>Go to Kontasks page to see recent work (friction)</li>\n<li>Check VIBE.md manually (more friction)</li>\n</ul>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#98c379;margin:0 0 12px 0;\">The Vision: \"Session Briefing\"</h3>\n<p style=\"margin:0 0 12px 0;\">When starting a new session, inject a <strong>compact context briefing</strong> that reorients without overwhelming:</p>\n\n<div style=\"background:#1a1a2e;padding:16px;border-radius:6px;margin:12px 0;border-left:3px solid #f59e0b;\">\n<h4 style=\"color:#f59e0b;margin:0 0 8px 0;\">📋 Session Briefing</h4>\n<p style=\"margin:0 0 12px 0;color:#9ca3af;font-size:0.9rem;\">Welcome back! Here's your working context:</p>\n\n<p style=\"margin:0 0 4px 0;color:#61afef;font-weight:bold;\">Recent Work (last 3 kontasks)</p>\n<ul style=\"margin:0 0 12px 0;padding-left:20px;color:#e0e0e0;font-size:0.9rem;\">\n<li>✅ Docs updated, guardrails backlogged (2 min ago)</li>\n<li>✅ Fix: Summary text now captured (15 min ago)</li>\n<li>✅ Context Management added to backlog (25 min ago)</li>\n</ul>\n\n<p style=\"margin:0 0 4px 0;color:#ef4444;font-weight:bold;\">⚠️ Incomplete (needs attention)</p>\n<ul style=\"margin:0 0 12px 0;padding-left:20px;color:#e0e0e0;font-size:0.9rem;\">\n<li>🟡 Review suburb images (pending 2h)</li>\n</ul>\n\n<p style=\"margin:0 0 4px 0;color:#c678dd;font-weight:bold;\">Backlog Top 3</p>\n<ul style=\"margin:0 0 0 0;padding-left:20px;color:#9ca3af;font-size:0.9rem;\">\n<li>WebSocket console architecture</li>\n<li>PreCompact hook for compaction tracking</li>\n<li>Graceful service restart signaling</li>\n</ul>\n</div>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#61afef;margin:0 0 12px 0;\">Implementation Options</h3>\n\n<h4 style=\"color:#e5c07b;margin:12px 0 8px 0;\">Option A: Console Injection (Visual Only)</h4>\n<p style=\"margin:0 0 8px 0;color:#9ca3af;\">Render a briefing card in the console before first prompt</p>\n<ul style=\"margin:0;padding-left:20px;line-height:1.6;color:#9ca3af;\">\n<li>✅ Fast - just UI, no Claude context cost</li>\n<li>✅ Doesn't consume tokens</li>\n<li>❌ Claude doesn't \"know\" this context</li>\n</ul>\n\n<h4 style=\"color:#e5c07b;margin:16px 0 8px 0;\">Option B: Prompt Prefix (Claude Context)</h4>\n<p style=\"margin:0 0 8px 0;color:#9ca3af;\">Prepend briefing to first prompt as system context</p>\n<ul style=\"margin:0;padding-left:20px;line-height:1.6;color:#9ca3af;\">\n<li>✅ Claude understands recent work</li>\n<li>✅ Can reference \"that kontask we just did\"</li>\n<li>❌ Consumes tokens on every turn (if in system)</li>\n</ul>\n\n<h4 style=\"color:#e5c07b;margin:16px 0 8px 0;\">Option C: Hybrid (Recommended)</h4>\n<p style=\"margin:0 0 8px 0;color:#9ca3af;\">Visual card + compact prompt prefix</p>\n<ul style=\"margin:0;padding-left:20px;line-height:1.6;color:#9ca3af;\">\n<li>✅ User sees rich visual briefing</li>\n<li>✅ Claude gets compact context (just IDs + titles)</li>\n<li>✅ Best of both worlds</li>\n</ul>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#c678dd;margin:0 0 12px 0;\">Data Sources</h3>\n<table style=\"width:100%;border-collapse:collapse;font-size:0.9rem;\">\n<tr style=\"border-bottom:1px solid #444;\">\n<td style=\"padding:8px 0;color:#9ca3af;\">Recent kontasks</td>\n<td><code>/api/kontasks?status=completed&limit=3</code></td>\n</tr>\n<tr style=\"border-bottom:1px solid #444;\">\n<td style=\"padding:8px 0;color:#9ca3af;\">Incomplete kontasks</td>\n<td><code>/api/kontasks?status=pending,in_review</code></td>\n</tr>\n<tr style=\"border-bottom:1px solid #444;\">\n<td style=\"padding:8px 0;color:#9ca3af;\">Backlog</td>\n<td>Parse <code>konui/VIBE.md</code> backlog section</td>\n</tr>\n<tr>\n<td style=\"padding:8px 0;color:#9ca3af;\">Current sprint</td>\n<td>Parse <code>konui/VIBE.md</code> sprint section</td>\n</tr>\n</table>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#56b6c2;margin:0 0 12px 0;\">Balancing Act: Not Overwhelming</h3>\n<p style=\"margin:0 0 12px 0;\">Your concern about visual overload is valid. Guidelines:</p>\n<ul style=\"margin:0;padding-left:20px;line-height:1.8;\">\n<li><strong>Collapsible</strong> - Show summary, expand for details</li>\n<li><strong>Time-limited</strong> - Only show kontasks from last 24-48h</li>\n<li><strong>Priority filter</strong> - Incomplete first, then recent completed</li>\n<li><strong>User preference</strong> - Toggle to disable briefing entirely</li>\n<li><strong>Compact mode</strong> - Just titles, not full cards</li>\n</ul>\n</div>\n\n<div style=\"background:#22c55e20;border:1px solid #22c55e;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#22c55e;margin:0 0 12px 0;\">Recommended Approach</h3>\n<ol style=\"margin:0;padding-left:20px;line-height:1.8;\">\n<li><strong>Phase 1:</strong> Visual-only briefing card when \"New Session\" is clicked (no Claude context cost)</li>\n<li><strong>Phase 2:</strong> Add compact prompt prefix for Claude awareness</li>\n<li><strong>Phase 3:</strong> User preferences (disable, compact mode, time window)</li>\n</ol>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;\">\n<h3 style=\"color:#f59e0b;margin:0 0 12px 0;\">Summary</h3>\n<p style=\"margin:0;line-height:1.6;\">This is a great UX improvement idea. The key insight is that a new session shouldn't mean \"amnesia\" - it should mean \"fresh context window with continuity\". The session briefing bridges that gap by showing recent work, incomplete items, and backlog priorities without overwhelming the user or burning tokens unnecessarily.</p>\n<p style=\"margin:12px 0 0 0;color:#9ca3af;\">This naturally ties into the <strong>Context Management</strong> backlog item (#8) - session briefing is one manifestation of better context awareness.</p>\n</div>\n</div>",
    "requestedAt": "2026-01-04T02:40:00.000Z",
    "requestId": "7828db44-61c6-473d-b7cd-2815e5ec18dd",
    "choices": [
      {
        "label": "Add to backlog",
        "value": "Add session briefing to the backlog under Context Management",
        "primary": true
      },
      {
        "label": "Implement Phase 1",
        "value": "Let's implement Phase 1 - visual briefing card on new session"
      },
      {
        "label": "Design the card",
        "value": "Help me design the session briefing card UI"
      }
    ],
    "turnTiming": {
      "totalMs": 49688,
      "ttfeMs": 3441,
      "thinkingMs": 45914,
      "toolExecutionMs": 330,
      "toolCallCount": 1,
      "thinkingPct": 92,
      "toolsPct": 1,
      "ttfePct": 7
    }
  },
  "createdBy": "claude",
  "createdAt": "2026-01-04T02:56:08.569Z",
  "updatedAt": "2026-01-04T02:56:13.132Z",
  "requestId": "7828db44-61c6-473d-b7cd-2815e5ec18dd",
  "scope": "vibetools",
  "tags": [
    "sessions",
    "context",
    "ux",
    "architecture"
  ],
  "targetUser": "claude"
}