ompchamber 0.3.0

package/src/client/data/agent-data/specialist.ts

@@ -0,0 +1,245 @@
+import type { AgentItem } from '@/shared/types';
+
+export const specialistAgents: AgentItem[] = [
+  // SPECIALIST AGENTS
+  {
+    id: 'agent-crd-maker',
+    name: 'crd-maker',
+    description: 'You are **CRD Maker** (Change Request Description) specialist.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are CRD Maker. Create structured, clear, and comprehensive Change Request Descriptions for tracking pull requests.`,
+  },
+  {
+    id: 'agent-database-analyzer',
+    name: 'database-analyzer',
+    description: 'You are **Database Analyzer**, schema optimizer, and SQL query reviewer.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Database Analyzer. Optimize indexing, schema normalizations, transaction boundaries, and query performance.`,
+  },
+  {
+    id: 'agent-doc-writer',
+    name: 'doc-writer',
+    description: 'Generates API documentation, usage guides, and README updates.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Doc Writer. Write crisp, accurate technical documentation with code examples.`,
+  },
+  {
+    id: 'agent-security-auditor',
+    name: 'security-auditor',
+    description: 'Scans code for vulnerability vectors, input sanitization, and secret leaks.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Security Auditor. Audit permissions, OWASP Top 10 vulnerabilities, and credentials leakage.`,
+  },
+  {
+    id: 'agent-frontend-specialist',
+    name: 'frontend-specialist',
+    description: 'Crafts responsive layouts, Tailwind utility styling, and stateful React views.',
+    scope: 'user',
+    mode: 'all',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Frontend Specialist. Build accessible, modern, fluid UI components with Tailwind CSS and React.`,
+  },
+  {
+    id: 'agent-backend-specialist',
+    name: 'backend-specialist',
+    description: 'Develops RESTful endpoints, edge runtime routes, and server handlers.',
+    scope: 'user',
+    mode: 'all',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Backend Specialist. Handle server logic, validation, HTTP protocols, and edge workers.`,
+  },
+  {
+    id: 'agent-test-engineer',
+    name: 'test-engineer',
+    description: 'Creates unit tests, integration suites, and mocks for reliability.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Test Engineer. Write robust tests with high coverage and descriptive assertion messages.`,
+  },
+  {
+    id: 'agent-performance-tuner',
+    name: 'performance-tuner',
+    description: 'Profiles render cycles, bundle footprints, memory, and cache hit ratios.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Performance Tuner. Eliminate unnecessary re-renders, optimize tree shaking, and reduce latency.`,
+  },
+  {
+    id: 'agent-git-sync',
+    name: 'git-sync',
+    description: 'Manages branches, merges, rebases, and clean conventional commit histories.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Git Sync. Formulate clean conventional commits, manage staging, and inspect branch states.`,
+  },
+  {
+    id: 'agent-devops-runner',
+    name: 'devops-runner',
+    description: 'Oversees CI/CD scripts, Dockerfiles, Bun edge configs, and deployment gates.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are DevOps Runner. Inspect build logs, configure container targets, and verify deployment artifacts.`,
+  },
+  {
+    id: 'agent-api-designer',
+    name: 'api-designer',
+    description: 'Designs schemas, OpenAPI specs, and contract types across clients and servers.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are API Designer. Formulate robust, versioned REST/RPC contract specs.`,
+  },
+  {
+    id: 'agent-ui-craftsman',
+    name: 'ui-craftsman',
+    description: 'Focuses on pixel-perfect micro-interactions, optical hierarchy, and theme variables.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are UI Craftsman. Apply refined typographic hierarchy, e-ink monochrome aesthetics, and seamless UI details.`,
+  },
+  {
+    id: 'agent-lint-fixer',
+    name: 'lint-fixer',
+    description: 'Automates lint corrections, TypeScript error isolation, and unused import pruning.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Lint Fixer. Fix TypeScript errors and linter violations without altering runtime logic.`,
+  },
+  {
+    id: 'agent-bundle-optimizer',
+    name: 'bundle-optimizer',
+    description: 'Analyzes tree-shaking, vendor chunks, and code-splitting boundaries.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Bundle Optimizer. Reduce bundle weights, split dynamic imports, and speed up cold boots.`,
+  },
+  {
+    id: 'agent-migration-agent',
+    name: 'migration-agent',
+    description: 'Upgrades dependencies, handles breaking framework changes, and codemods.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Migration Agent. Plan and execute library version upgrades with minimal disruption.`,
+  },
+  {
+    id: 'agent-refactor-pro',
+    name: 'refactor-pro',
+    description: 'Decomposes monolithic files, extracts clean interfaces, and refactors logic.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Refactor Pro. Extract reusable modules, keep files under 350 lines, and improve maintainability.`,
+  },
+  {
+    id: 'agent-release-manager',
+    name: 'release-manager',
+    description: 'Coordinates semver tagging, changelog compilation, and release artifact checks.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Release Manager. Draft changelogs and verify release readiness.`,
+  },
+  {
+    id: 'agent-i18n-translator',
+    name: 'i18n-translator',
+    description: 'Manages multilingual resource bundles and localization keys.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are i18n Translator. Maintain localization catalogs and key-value translations.`,
+  },
+  {
+    id: 'agent-e2e-runner',
+    name: 'e2e-runner',
+    description: 'Executes Playwright end-to-end user journeys and assertions.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are E2E Runner. Script and verify Playwright browser interactions across scenarios.`,
+  },
+  {
+    id: 'agent-accessibility-tester',
+    name: 'accessibility-tester',
+    description: 'Audits WCAG AA contrast, keyboard navigation, and ARIA attributes.',
+    scope: 'user',
+    mode: 'subagent',
+    overrideModel: 'Not selected',
+    thinkingVariant: 'default',
+    temperature: null,
+    topP: null,
+    systemPrompt: `You are Accessibility Tester. Enforce keyboard navigability, screen reader attributes, and contrast ratios.`,
+  },
+];

package/src/client/data/context-data/index.test.ts

@@ -0,0 +1,88 @@
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { describe, expect, test } from 'bun:test';
+import { computeSessionContextTelemetry } from '@/client/data/context-data';
+
+const CONTEXT_LIMIT = 1_000_000;
+
+interface MockMessage {
+  id: string;
+  role: string;
+  content: string;
+  date: string;
+}
+
+function userMessage(id: string, content: string): MockMessage {
+  return { id, role: 'user', content, date: '9/16, 10:00 AM' };
+}
+
+function assistantMessage(id: string, content: string): MockMessage {
+  return { id, role: 'ai', content, date: '9/16, 10:01 AM' };
+}
+
+function assistantAnchors(telemetry: ReturnType<typeof computeSessionContextTelemetry>) {
+  return telemetry.rawMessages
+    .filter((m) => m.info.role === 'assistant')
+    .map((m) => ({
+      anchor: m.info.tokens.input + m.info.tokens.cache.read + m.info.tokens.cache.write,
+      cacheRead: m.info.tokens.cache.read,
+      total: m.info.tokens.total,
+    }));
+}
+
+describe('computeSessionContextTelemetry context anchor', () => {
+  test('contextUsed is the latest assistant prompt estimate, not cumulative session totals', () => {
+    const telemetry = computeSessionContextTelemetry('ses_anchor', 'Anchor Session', [
+      userMessage('u1', 'first question'),
+      assistantMessage('a1', 'first answer'),
+      userMessage('u2', 'second question'),
+      assistantMessage('a2', 'second answer that is considerably longer'),
+    ]);
+
+    const anchors = assistantAnchors(telemetry);
+    const latest = anchors[anchors.length - 1];
+    const cumulative = anchors.reduce((sum, a) => sum + a.total, 0);
+
+    expect(latest).toBeDefined();
+    expect(telemetry.contextUsed).toBe(latest.anchor);
+    expect(telemetry.contextUsed).toBeLessThan(cumulative);
+  });
+
+  test('distribution.otherTokens is the cumulative cacheRead across the session', () => {
+    const telemetry = computeSessionContextTelemetry('ses_other', 'Other Session', [
+      userMessage('u1', 'first question'),
+      assistantMessage('a1', 'first answer'),
+      userMessage('u2', 'second question'),
+      assistantMessage('a2', 'second answer that is considerably longer'),
+    ]);
+
+    const cumulativeCacheRead = assistantAnchors(telemetry).reduce((sum, a) => sum + a.cacheRead, 0);
+
+    expect(cumulativeCacheRead).toBeGreaterThan(0);
+    expect(telemetry.distribution.otherTokens).toBe(cumulativeCacheRead);
+  });
+
+  test('fabricates no occupancy when the session has no assistant messages', () => {
+    const telemetry = computeSessionContextTelemetry('ses_user_only', 'User Only', [
+      userMessage('u1', 'a question with no answer yet'),
+    ]);
+
+    expect(telemetry.contextUsed).toBe(0);
+    expect(telemetry.contextPercent).toBe(0);
+  });
+
+  test('derives contextPercent from the anchor and clamps it to [0, 100]', () => {
+    const telemetry = computeSessionContextTelemetry('ses_clamp', 'Clamp Session', [
+      userMessage('u1', 'one very large prompt'),
+      assistantMessage('a1', 'x'.repeat(120_000)),
+    ]);
+
+    expect(telemetry.contextUsed).toBeGreaterThan(CONTEXT_LIMIT);
+    expect(telemetry.contextPercent).toBe(100);
+    expect(telemetry.contextPercent).toBeGreaterThanOrEqual(0);
+    expect(telemetry.contextPercent).toBeLessThanOrEqual(100);
+  });
+});

package/src/client/data/context-data/index.ts

@@ -0,0 +1,310 @@
+import type { RawMessageItem, SessionContextTelemetry } from '@/shared/types';
+import { rawPayload1, rawPayload2, rawPayload3, rawPayload4, rawPayload5 } from '@/client/data/context-data/presets';
+
+export function computeSessionContextTelemetry(
+  sessionId: string | null,
+  sessionTitle?: string,
+  messages: any[] = []
+): SessionContextTelemetry {
+  const currentTitle = sessionTitle || (sessionId ? `Session ${sessionId}` : 'History Commit 2026-09-06 23:00');
+  const now = new Date();
+  const timeFormatted = now.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit', hour12: true });
+  const dateFormatted = `${now.getMonth() + 1}/${now.getDate()}, ${timeFormatted}`;
+
+  // If there are no messages, this is a newly started (or empty) session —
+  // show a zeroed telemetry rather than fabricated demo data.
+  if (!messages || messages.length === 0) {
+    return emptyTelemetry(sessionId || 'default', currentTitle);
+  }
+
+  let userCount = 0;
+  let assistantCount = 0;
+  let totalInput = 0;
+  let totalOutput = 0;
+  let totalReasoning = 0;
+  let totalCacheRead = 0;
+  let totalCacheWrite = 0;
+  let totalUserChars = 0;
+  let totalAiChars = 0;
+  let totalToolChars = 0;
+
+  const rawMessages: RawMessageItem[] = [];
+
+  messages.forEach((msg, index) => {
+    const isUser = msg.role === 'user';
+
+    if (isUser) {
+      userCount++;
+      totalUserChars += (msg.content?.length || 0);
+    } else {
+      assistantCount++;
+      totalAiChars += (msg.content?.length || 0);
+    }
+
+    // Inspect tools
+    const toolCalls = msg.toolCalls || [];
+    const hasBash = toolCalls.some((t: any) => t.type === 'bash');
+    const hasRead = toolCalls.some((t: any) => t.type === 'read_file' || t.type === 'view_file');
+    const hasEdit = toolCalls.some((t: any) => t.type === 'edit_file' || t.type === 'create_file');
+    const hasThinking = Boolean(msg.thinking);
+
+    toolCalls.forEach((tc: any) => {
+      totalToolChars += (tc.command?.length || 0) + (tc.output?.length || 0);
+    });
+
+    // Badge label construction
+    let badgeLabel = '';
+    let type = 'text';
+
+    if (isUser) {
+      const snippet = msg.content?.slice(0, 70) || 'User Prompt';
+      badgeLabel = `user: ${snippet}${msg.content?.length > 70 ? '...' : ''}`;
+      type = 'user';
+    } else {
+      const parts: string[] = [];
+      if (hasThinking) parts.push('reasoning');
+      if (msg.content) parts.push('text');
+      if (hasBash) parts.push('bash');
+      if (hasRead) parts.push('read');
+      if (hasEdit) parts.push('edit');
+
+      badgeLabel = parts.length > 0 ? parts.join(' + ') : 'text';
+      type = parts.join('_');
+    }
+
+    // Approximate token counts
+    const inTokens = Math.max(120, Math.round((msg.content?.length || 50) * 1.3) + (toolCalls.length * 280) + (index * 450));
+    const outTokens = isUser ? 0 : Math.max(45, Math.round((msg.content?.length || 100) * 0.45));
+    const reasoningTokens = hasThinking ? Math.max(80, Math.round(outTokens * 0.8)) : 0;
+    const cacheReadTokens = isUser ? 0 : Math.max(10000, inTokens * 15 + index * 12000);
+    const cacheWriteTokens = 0;
+
+    totalInput += inTokens;
+    totalOutput += outTokens;
+    totalReasoning += reasoningTokens;
+    totalCacheRead += cacheReadTokens;
+    totalCacheWrite += cacheWriteTokens;
+
+    const msgCost = ((inTokens * 0.14) + (outTokens * 0.28) + (cacheReadTokens * 0.014)) / 1_000_000;
+
+    const rawPayload = {
+      info: {
+        id: msg.id || `msg_${Math.random().toString(36).substring(2, 12)}`,
+        parentID: index > 0 ? messages[index - 1].id : undefined,
+        role: msg.role === 'ai' ? 'assistant' : msg.role,
+        mode: "Sisyphus - ultraworker",
+        agent: "Sisyphus - ultraworker",
+        path: {
+          cwd: "/Users/rajebdev/JatisMobile/Workspace",
+          root: "/Users/rajebdev/JatisMobile/Workspace"
+        },
+        cost: Number(msgCost.toFixed(8)),
+        tokens: {
+          total: inTokens + outTokens + cacheReadTokens,
+          input: inTokens,
+          output: outTokens,
+          reasoning: reasoningTokens,
+          cache: {
+            write: cacheWriteTokens,
+            read: cacheReadTokens
+          }
+        },
+        modelID: "deepseek/deepseek-v4-flash"
+      }
+    };
+
+    rawMessages.push({
+      id: msg.id || `raw-${index}`,
+      type,
+      badgeLabel,
+      tokenSummary: isUser ? '' : `${inTokens.toLocaleString()} / ${outTokens.toLocaleString()}`,
+      timestamp: msg.date || dateFormatted,
+      info: rawPayload.info,
+      rawPayload
+    });
+  });
+
+  const contextLimit = 1_000_000;
+  const totalCostVal = ((totalInput * 0.14) + (totalOutput * 0.28) + (totalCacheRead * 0.014)) / 1_000_000;
+
+  // Last assistant message stats
+  const lastAiMessage = [...rawMessages].reverse().find(m => m.info.role === 'assistant');
+  const lastMsgInput = lastAiMessage?.info.tokens.input || 1013;
+  const lastMsgOutput = lastAiMessage?.info.tokens.output || 172;
+  const lastMsgReasoning = lastAiMessage?.info.tokens.reasoning || 152;
+  const lastMsgCacheRead = lastAiMessage?.info.tokens.cache.read || 62080;
+  const lastMsgCacheWrite = lastAiMessage?.info.tokens.cache.write || 0;
+  const cacheHitPercent = lastMsgCacheRead > 0 ? 98.4 : 0;
+
+  // oh-my-pi semantics: current context occupancy is the latest anchored provider
+  // prompt estimate (input + cacheRead + cacheWrite), never the cumulative
+  // session/billing sums. With no assistant turn there is no occupancy to show.
+  const contextUsed = lastAiMessage
+    ? lastAiMessage.info.tokens.input + lastAiMessage.info.tokens.cache.read + lastAiMessage.info.tokens.cache.write
+    : 0;
+  const contextPercent = Math.min(100, Math.max(0, Number(((contextUsed / contextLimit) * 100).toFixed(1))));
+
+  // Compute distribution percentages
+  const grandChars = Math.max(1, totalUserChars + totalAiChars + totalToolChars + 500);
+  const userPct = Math.max(4, Math.round((totalUserChars / grandChars) * 100));
+  const aiPct = Math.max(35, Math.round((totalAiChars / grandChars) * 100));
+  const toolPct = totalToolChars > 0 ? Math.max(6, Math.round((totalToolChars / grandChars) * 100)) : 8;
+  const otherPct = Math.max(10, 100 - userPct - aiPct - toolPct);
+
+  return {
+    sessionId: sessionId || 'default',
+    sessionTitle: currentTitle,
+    modelId: 'deepseek/deepseek-v4-flash',
+    modelName: 'DeepSeek V4 Flash',
+    timestamp: dateFormatted,
+    contextUsed,
+    contextLimit,
+    contextPercent,
+    messagesCount: messages.length,
+    userCount,
+    assistantCount,
+    totalCost: totalCostVal,
+    costFormatted: totalCostVal < 0.01 ? '$0.01' : `$${totalCostVal.toFixed(2)}`,
+    cacheHitAverage: cacheHitPercent,
+    costBreakdown: {
+      input: (totalInput * 0.14) / 1_000_000,
+      output: (totalOutput * 0.28) / 1_000_000,
+      cacheRead: (totalCacheRead * 0.014) / 1_000_000,
+      cacheWrite: 0,
+      total: totalCostVal,
+    },
+    lastMessage: {
+      input: lastMsgInput,
+      output: lastMsgOutput,
+      reasoning: lastMsgReasoning,
+      cacheRead: lastMsgCacheRead,
+      cacheWrite: lastMsgCacheWrite,
+      cacheHitPercent
+    },
+    distribution: {
+      userTokens: totalUserChars,
+      userPercent: userPct,
+      assistantTokens: totalAiChars,
+      assistantPercent: aiPct,
+      toolTokens: totalToolChars,
+      toolPercent: toolPct,
+      otherTokens: totalCacheRead,
+      otherPercent: otherPct
+    },
+    rawMessages
+  };
+}
+
+export function emptyTelemetry(sessionId: string, sessionTitle: string): SessionContextTelemetry {
+  return {
+    sessionId,
+    sessionTitle,
+    modelId: '',
+    modelName: '',
+    timestamp: '',
+    contextUsed: 0,
+    contextLimit: 1_000_000,
+    contextPercent: 0,
+    messagesCount: 0,
+    userCount: 0,
+    assistantCount: 0,
+    totalCost: 0,
+    costFormatted: '$0.00',
+    cacheHitAverage: 0,
+    costBreakdown: { input: 0, output: 0, cacheRead: 0, cacheWrite: 0, total: 0 },
+    lastMessage: { input: 0, output: 0, reasoning: 0, cacheRead: 0, cacheWrite: 0, cacheHitPercent: 0 },
+    distribution: { userTokens: 0, userPercent: 0, assistantTokens: 0, assistantPercent: 0, toolTokens: 0, toolPercent: 0, otherTokens: 0, otherPercent: 100 },
+    rawMessages: [],
+  };
+}
+
+export function getDefaultMockTelemetry(sessionId: string, sessionTitle: string): SessionContextTelemetry {
+  return {
+    sessionId,
+    sessionTitle,
+    modelId: "deepseek/deepseek-v4-flash",
+    modelName: "DeepSeek V4 Flash",
+    timestamp: "Sep 6, 2026, 11:00 PM",
+    contextUsed: 63417,
+    contextLimit: 1000000,
+    contextPercent: 6.3,
+    messagesCount: 5,
+    userCount: 1,
+    assistantCount: 4,
+    totalCost: 0.01,
+    costFormatted: "$0.01",
+    cacheHitAverage: 98.4,
+    costBreakdown: {
+      input: 0.00009,
+      output: 0.000099,
+      cacheRead: 0.000914,
+      cacheWrite: 0,
+      total: 0.01
+    },
+    lastMessage: {
+      input: 1013,
+      output: 172,
+      reasoning: 152,
+      cacheRead: 62080,
+      cacheWrite: 0,
+      cacheHitPercent: 98.4
+    },
+    distribution: {
+      userTokens: 450,
+      userPercent: 6,
+      assistantTokens: 3500,
+      assistantPercent: 47,
+      toolTokens: 600,
+      toolPercent: 8,
+      otherTokens: 2900,
+      otherPercent: 39
+    },
+    rawMessages: [
+      {
+        id: "msg-1",
+        type: "reasoning_text",
+        badgeLabel: "reasoning + text",
+        tokenSummary: "1,013 / 172",
+        timestamp: "9/6, 11:00 PM",
+        info: rawPayload1.info,
+        rawPayload: rawPayload1
+      },
+      {
+        id: "msg-2",
+        type: "reasoning_text_bash",
+        badgeLabel: "reasoning + text + bash",
+        tokenSummary: "485 / 149",
+        timestamp: "9/6, 11:00 PM",
+        info: rawPayload2.info,
+        rawPayload: rawPayload2
+      },
+      {
+        id: "msg-3",
+        type: "reasoning_bash",
+        badgeLabel: "reasoning + bash",
+        tokenSummary: "228 / 92",
+        timestamp: "9/6, 11:00 PM",
+        info: rawPayload3.info,
+        rawPayload: rawPayload3
+      },
+      {
+        id: "msg-4",
+        type: "reasoning_bash",
+        badgeLabel: "reasoning + bash",
+        tokenSummary: "54,266 / 85",
+        timestamp: "9/6, 11:00 PM",
+        info: rawPayload4.info,
+        rawPayload: rawPayload4
+      },
+      {
+        id: "msg-5",
+        type: "user",
+        badgeLabel: "user: You are generating and commiting a Conventional Commits subject line using session context and se...",
+        tokenSummary: "",
+        timestamp: "9/6, 11:00 PM",
+        info: rawPayload5.info,
+        rawPayload: rawPayload5
+      }
+    ]
+  };
+}