ompchamber 0.3.0

package/src/client/data/samples/sample-tools/built-in-part2.ts

@@ -0,0 +1,180 @@
+import type { ToolCallData } from '@/shared/types';
+
+export const builtInToolsPart2: ToolCallData[] = [
+  {
+    id: 'call_16_context_notes',
+    name: 'context_notes',
+    type: 'context_notes',
+    title: 'context_notes — append session conventions',
+    input: {
+      action: 'append',
+      note: 'Architecture guidelines: max 350 lines per file, @/ absolute imports, pure theme CSS variables.',
+    },
+    output: 'Updated session context notes. Registered 3 key workspace guidelines.',
+    status: 'success',
+    duration: '15ms',
+  },
+  {
+    id: 'call_17_new_context',
+    name: 'new_context',
+    type: 'new_context',
+    title: 'new_context — isolate subtask context',
+    input: { scope: 'tool_renderers_redesign', retain_memory: true },
+    output: 'Initialized fresh context window with 4 retained memory facts and 0 token baggage.',
+    status: 'success',
+    duration: '20ms',
+  },
+  {
+    id: 'call_18_security_scan',
+    name: 'security_scan',
+    type: 'security_scan',
+    title: 'security_scan — dependency audit',
+    input: { scope: 'all', check_secrets: true },
+    output: `Security scan completed:
+  Dependencies: 0 vulnerabilities found across 42 packages.
+  Secrets scan: 0 leaked keys or credentials detected.
+  Status: Clean (passes enterprise policy)`,
+    status: 'success',
+    duration: '210ms',
+  },
+  {
+    id: 'call_19_task',
+    name: 'task',
+    type: 'task',
+    title: 'task — parallel UI audit worker',
+    input: {
+      prompt: 'Audit all 38 tool calling types for proper contrast, padding, and readability',
+      concurrency: 3,
+    },
+    output: `Subagents dispatched: 3 parallel workers completed in 1.4s with 0 errors.
+  Worker 1: Read, Write, Edit, Bash (passed contrast checks)
+  Worker 2: Eval, Hub, Todo, Ask, Think (passed readability checks)
+  Worker 3: Lsp, Search, Security, Memory (passed metrics)`,
+    status: 'success',
+    duration: '1.4s',
+  },
+  {
+    id: 'call_20_hub',
+    name: 'hub',
+    type: 'hub',
+    title: 'hub — start ompchamber daemon',
+    input: {
+      op: 'start',
+      name: 'ompchamber',
+      application: 'bun',
+      args: ['run', 'start'],
+      env: { MOCK: 'true' },
+      ready: { port: 3000, timeout: 30 },
+    },
+    output: `Started ompchamber: ready pid=43148 uptime=997ms restarts=0
+Ready log matched: http://localhost:3000`,
+    status: 'success',
+    duration: '997ms',
+  },
+  {
+    id: 'call_21_todo',
+    name: 'todo',
+    type: 'todo',
+    title: 'todo — Tool Renderer Overhaul Progress',
+    input: {
+      op: 'update',
+      list: [
+        {
+          phase: 'Redesign Phase',
+          items: [
+            'Refactor ToolCallCard',
+            'Implement Bash & Todo',
+            'Implement Ask & Think',
+            'Provide complete 38 tools sample session',
+          ],
+        },
+      ],
+    },
+    output: `Active phase 1/1 "Redesign Phase" (1/4 done).
+  [X] Refactor ToolCallCard
+  [ ] Implement Bash & Todo [in_progress]
+  [ ] Implement Ask & Think
+  [ ] Provide complete 38 tools sample session
+Overall: 1/4 done`,
+    status: 'success',
+    duration: '30ms',
+  },
+  {
+    id: 'call_22_web_search',
+    name: 'web_search',
+    type: 'web_search',
+    title: 'web_search — Bun v1.2.4 native sse response streaming',
+    input: { query: 'Bun v1.2.4 native sse response streaming' },
+    output: `1. Bun Documentation: Server-Sent Events (SSE) with Bun.serve()
+   Direct streaming using native ReadableStream without buffering.
+2. RemisJS Edge Runtime Guide: Edge streaming support for Bun v1.2.4.`,
+    status: 'success',
+    duration: '410ms',
+  },
+  {
+    id: 'call_23_memory_edit',
+    name: 'memory_edit',
+    type: 'memory_edit',
+    title: 'memory_edit — save preferred theme',
+    input: {
+      action: 'set',
+      key: 'preferred_theme',
+      value: 'e-ink-monochrome',
+    },
+    output: 'Stored in persistent agent memory:\n  preferred_theme = "e-ink-monochrome"',
+    status: 'success',
+    duration: '12ms',
+  },
+  {
+    id: 'call_24_retain',
+    name: 'retain',
+    type: 'retain',
+    title: 'retain — preserve coding standards',
+    input: { fact: 'Files must never exceed 350 lines of code per AGENTS.md rule.' },
+    output: 'Retained fact in long-term memory buffer (priority: HIGH).',
+    status: 'success',
+    duration: '18ms',
+  },
+  {
+    id: 'call_25_recall',
+    name: 'recall',
+    type: 'recall',
+    title: 'recall — check design tokens',
+    input: { query: 'border color and background css variables' },
+    output: `Recalled 2 matches:
+  - var(--theme-paper): main container surface
+  - var(--theme-ink): foreground text and border token`,
+    status: 'success',
+    duration: '25ms',
+  },
+  {
+    id: 'call_26_reflect',
+    name: 'reflect',
+    type: 'reflect',
+    title: 'reflect — evaluate renderer performance',
+    input: { topic: 'component modularity and re-render efficiency' },
+    output: 'Reflection: Splitting large panels into dedicated files under tool-renderers/ eliminated unnecessary layout recalcs and maintained strict 350-line ceilings.',
+    status: 'success',
+    duration: '35ms',
+  },
+  {
+    id: 'call_27_learn',
+    name: 'learn',
+    type: 'learn',
+    title: 'learn — synthesize edge route pattern',
+    input: { pattern: 'RemisJS + Bun EventSource reattachment on browser reload' },
+    output: 'Synthesized learned skill: "bun-sse-recovery-pattern" saved into agent skills index.',
+    status: 'success',
+    duration: '45ms',
+  },
+  {
+    id: 'call_28_manage_skill',
+    name: 'manage_skill',
+    type: 'manage_skill',
+    title: 'manage_skill — enable @omp/remis-edge-routes',
+    input: { action: 'enable', skill: '@omp/remis-edge-routes' },
+    output: 'Skill @omp/remis-edge-routes v1.4.0 enabled. Registered 6 runtime commands.',
+    status: 'success',
+    duration: '60ms',
+  },
+];

package/src/client/data/samples/sample-tools/other.ts

@@ -0,0 +1,162 @@
+import type { ToolCallData } from '@/shared/types';
+
+export const otherTools: ToolCallData[] = [
+  // ── Hidden Tools (3) ──────────────────────────────────────────────────
+  {
+    id: 'call_29_think',
+    name: 'think',
+    type: 'think',
+    title: 'think — Deep Architectural Reasoning',
+    input: {
+      thought: `### Architecture & Execution Plan
+1. Render all 38 tools with high-readability sub-panels.
+2. Comply with AGENTS.md rules: strict 350-line file ceiling, @/ path aliases.
+3. Provide immediate access to this sample session via both sidebar and direct URL.`,
+    },
+    output: 'Reasoning verified: clean layouts, high contrast, zero unused parameters.',
+    status: 'success',
+    duration: '820ms',
+  },
+  {
+    id: 'call_30_yield',
+    name: 'yield',
+    type: 'yield',
+    title: 'yield — yield thread to IO event loop',
+    input: { reason: 'Drain SSE stream buffer on port 3000' },
+    output: 'Thread yielded for 10ms. Buffer drained cleanly.',
+    status: 'success',
+    duration: '10ms',
+  },
+  {
+    id: 'call_31_goal',
+    name: 'goal',
+    type: 'goal',
+    title: 'goal — Complete 38 Tool Calling Types Showcase',
+    input: {
+      goal: 'Showcase every tool calling type with pristine, readable UX',
+      target_completion: '100%',
+    },
+    output: 'Status: 100% complete. All 38 tool calling types rendered and verified.',
+    status: 'success',
+    duration: '15ms',
+  },
+
+  // ── Legacy MOCK Aliases (5) ───────────────────────────────────────────
+  {
+    id: 'call_32_edit_file',
+    name: 'edit_file',
+    type: 'edit_file',
+    title: 'edit_file — app/tailwind.css',
+    target: 'app/tailwind.css',
+    diff: {
+      file: 'app/tailwind.css',
+      added: 6,
+      removed: 1,
+      diffText: `@@ -42,1 +42,6 @@
+-  --theme-paper: #ffffff;
++  --theme-paper: #faf8f3;
++  --theme-ink: #141310;
++  --theme-error: #b91c1c;`,
+    },
+    output: 'Successfully applied diff to app/tailwind.css (+6, -1 lines)',
+    status: 'success',
+    duration: '95ms',
+  },
+  {
+    id: 'call_33_read_file',
+    name: 'read_file',
+    type: 'read_file',
+    title: 'read_file — package.json',
+    target: 'package.json',
+    output: `{
+  "name": "ompchamber",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "bun run --watch src/server/index.ts",
+    "build": "rsbuild build"
+  }
+}`,
+    status: 'success',
+    duration: '16ms',
+  },
+  {
+    id: 'call_34_view_file',
+    name: 'view_file',
+    type: 'view_file',
+    title: 'view_file — app/mock.server.ts',
+    target: 'app/mock.server.ts',
+    output: `1: export function isMockMode(): boolean {
+2:   const envVal = (Bun.env.MOCK || "").trim().toLowerCase();
+3:   return envVal !== "false" && envVal !== "0";
+4: }`,
+    status: 'success',
+    duration: '14ms',
+  },
+  {
+    id: 'call_35_create_file',
+    name: 'create_file',
+    type: 'create_file',
+    title: 'create_file — app/types/custom.ts',
+    target: 'app/types/custom.ts',
+    diff: {
+      file: 'app/types/custom.ts',
+      added: 8,
+      removed: 0,
+      diffText: `@@ -0,0 +1,8 @@
++export interface CustomPluginConfig {
++  enabled: boolean;
++  endpoint: string;
++}`,
+    },
+    output: 'Created app/types/custom.ts (8 lines)',
+    status: 'success',
+    duration: '80ms',
+  },
+  {
+    id: 'call_36_search_fs',
+    name: 'search_fs',
+    type: 'search_fs',
+    title: 'search_fs — find panel components',
+    input: { query: 'Panel.tsx' },
+    output: `Found 12 matches in app/components/:
+  - workspace/chat-timeline/tool-renderers/Bash.tsx
+  - workspace/chat-timeline/tool-renderers/Todo.tsx
+  - workspace/chat-timeline/tool-renderers/Ask.tsx
+  - workspace/chat-timeline/tool-renderers/Think.tsx`,
+    status: 'success',
+    duration: '28ms',
+  },
+
+  // ── Dynamic & Terminal Tools (2) ──────────────────────────────────────
+  {
+    id: 'call_37_mcp',
+    name: 'mcp__sqlite_query',
+    type: 'custom',
+    title: 'mcp__sqlite_query — SELECT count(*) FROM sessions',
+    input: {
+      server: 'sqlite-mcp',
+      tool: 'query',
+      sql: 'SELECT count(*) as total_sessions FROM sessions',
+    },
+    output: `[{"total_sessions": 24}]
+Query executed successfully in 4.2ms.`,
+    status: 'success',
+    duration: '45ms',
+  },
+  {
+    id: 'call_38_terminal',
+    name: 'terminal',
+    type: 'terminal',
+    title: 'terminal — bun run test --coverage',
+    command: 'bun run test --coverage',
+    output: `Pass: 42 / 42 tests passing (100%)
+Statements: 98.4%
+Branches: 94.2%
+Functions: 97.6%
+Lines: 98.1%
+Time: 620ms`,
+    status: 'success',
+    duration: '620ms',
+  },
+];

package/src/client/data/samples/subagent-session.ts

@@ -0,0 +1,99 @@
+import type { ChatMessageData } from '@/shared/types';
+import type { SubagentHistoryEntry } from '@/shared/types/omp/subagent';
+import { SAMPLE_SCOUT_SUBAGENT_ID, rawScoutSubagentEvents } from '@/client/data/samples/sample-subagents/scout-raw';
+import { SAMPLE_SLEEPER_SUBAGENT_ID, rawSleeperSubagentEvents } from '@/client/data/samples/sample-subagents/sleeper-raw';
+
+export {
+  SAMPLE_SCOUT_SUBAGENT_ID,
+  rawScoutSubagentEvents,
+  SAMPLE_SLEEPER_SUBAGENT_ID,
+  rawSleeperSubagentEvents,
+};
+
+export const SAMPLE_SUBAGENT_SESSION_ID = '01a08ecc-1c26-70a2-9f74-8199f14f131a';
+
+export const scoutSubagentHistoryEntry: SubagentHistoryEntry = {
+  id: SAMPLE_SCOUT_SUBAGENT_ID,
+  agent: 'scout',
+  agentSource: 'bundled',
+  status: 'completed',
+  task: 'Count .tsx files under src/ of /Users/rajebdev/JatisMobile/bofis-pro (recursive)',
+  assignment: 'Count .tsx files under src/ (recursive)',
+  description: 'Count .tsx files under src/ (recursive)',
+  index: 0,
+  durationMs: 8700,
+  cost: 0.0041,
+  transcriptAvailable: true,
+};
+
+export const sleeperSubagentHistoryEntry: SubagentHistoryEntry = {
+  id: SAMPLE_SLEEPER_SUBAGENT_ID,
+  agent: 'scout',
+  agentSource: 'bundled',
+  status: 'completed',
+  task: 'Complete assignment: Bash `sleep 45 && echo done`',
+  assignment: 'Run `sleep 45 && echo done` and report stdout verbatim',
+  description: 'Supervised bash process execution',
+  index: 1,
+  durationMs: 45000,
+  cost: 0.0050,
+  transcriptAvailable: true,
+};
+
+export const sampleSubagentUserPrompt = `Hitung semua file .tsx di dalam folder src/ secara rekursif menggunakan subagent scout.`;
+
+export function getSampleSubagentSession(): { id: string; title: string; messages: ChatMessageData[] } {
+  const date = 'Sep 11, 11:48 AM';
+
+  const messages: ChatMessageData[] = [
+    {
+      id: 'msg-subagent-parent-1',
+      role: 'user',
+      date,
+      content: sampleSubagentUserPrompt,
+    },
+    {
+      id: 'msg-subagent-parent-2',
+      role: 'ai',
+      date,
+      thinking: {
+        duration: '1.8s',
+        summary: 'Spawn scout subagent to recursively scan and count .tsx files under src/.',
+        thought: `1. User requests a recursive count of .tsx files under src/.
+2. Delegate to 'scout' subagent with read-only tools: glob, grep, read, yield.
+3. Subagent will scan the workspace with 'src/**/*.tsx', analyze directory distribution, and yield structured result.
+4. Render task delegation card and subagent inspection transcript.`,
+      },
+      toolCalls: [
+        {
+          id: 'call_subagent_task_1',
+          type: 'task',
+          name: 'task',
+          title: 'task — spawn scout subagent',
+          intent: 'Count .tsx files under src/ (recursive)',
+          target: 'scout',
+          input: {
+            agent: 'scout',
+            task: 'Complete assignment thoroughly:\n\n# Target\nCount .tsx files under src/ of /Users/rajebdev/JatisMobile/bofis-pro (recursive).\n\n# Change\nNone — read-only. Use glob for src/**/*.tsx.\n\n# Acceptance\nReport the integer count and the command/pattern used as evidence. No other commentary.',
+          },
+          status: 'success',
+          output: `Subagent scout [${SAMPLE_SCOUT_SUBAGENT_ID}] completed successfully.\n\nResult:\n25 — pattern \`src/**/*.tsx\` via glob (recursive).\n\nDetails:\nSummary: 25 .tsx files under src/ (recursive).\nArchitecture: Counted via glob pattern \`src/**/*.tsx\` returning 25 matches.`,
+        },
+      ],
+      content: `Subagent **scout** telah selesai memproses target. Ditemukan total **25 file .tsx** di dalam direktori \`src/\`:
+
+- **Pattern Glob**: \`src/**/*.tsx\`
+- **Total File**: 25 file \`.tsx\`
+- **Status Subagent**: Selesai (*done*) via \`yield\`
+- **Model**: \`deepseek/deepseek-v4-pro\` (thinking level: *low*)
+
+Anda dapat mengklik subagent **scout** pada daftar subagent di sidebar kiri atau menekan card tugas untuk memeriksa log transkrip interaktif lengkap.`,
+    },
+  ];
+
+  return {
+    id: SAMPLE_SUBAGENT_SESSION_ID,
+    title: 'Cek stream subagent di ompweb',
+    messages,
+  };
+}

package/src/client/data/samples/tools-session.ts

@@ -0,0 +1,85 @@
+import type { ChatMessageData } from '@/shared/types';
+import { builtInToolsPart1 } from '@/client/data/samples/sample-tools/built-in-part1';
+import { builtInToolsPart2 } from '@/client/data/samples/sample-tools/built-in-part2';
+import { otherTools } from '@/client/data/samples/sample-tools/other';
+
+export const SAMPLE_TOOLS_SESSION_ID = '01a084a9-f134-74a6-b5b6-50b0b6816c5f';
+
+export const allSampleTools = [
+  ...builtInToolsPart1,
+  ...builtInToolsPart2,
+  ...otherTools,
+];
+
+export const sampleUserPrompt = `call tool all of this
+
+# Tool Calling Types — OMPChamber (38)
+
+## Built-in omp (29)
+read  bash  edit  write  ast_grep  ast_edit  ask  debug  eval  github
+glob  grep  lsp  checkpoint  rewind  context_notes  new_context
+security_scan  task  hub  todo  web_search  memory_edit  retain
+recall  reflect  learn  manage_skill
+
+## Hidden (3)
+think  yield  goal
+
+## Legacy MOCK alias (5)
+edit_file  read_file  view_file  create_file  search_fs
+
+## Dinamis (1)
+custom  (string & {}) → mcp__`;
+
+export function getSampleToolsSession() {
+  const date = 'Sep 8, 10:45 PM';
+
+  const messages: ChatMessageData[] = [
+    {
+      id: 'msg-sample-user-1',
+      role: 'user',
+      date,
+      content: sampleUserPrompt,
+    },
+    {
+      id: 'msg-sample-ai-1',
+      role: 'ai',
+      date,
+      thinking: {
+        duration: '3.4s',
+        summary: 'Execute and render all 38 tool calling types across built-in, hidden, legacy, and dynamic categories.',
+        thought: `1. Received request to demonstrate all 38 tool calling types supported by OMPChamber.
+2. Built-in omp tools (29): read, bash, edit, write, ast_grep, ast_edit, ask, debug, eval, github, glob, grep, lsp, checkpoint, rewind, context_notes, new_context, security_scan, task, hub, todo, web_search, memory_edit, retain, recall, reflect, learn, manage_skill.
+3. Hidden tools (3): think, yield, goal.
+4. Legacy MOCK aliases (5): edit_file, read_file, view_file, create_file, search_fs.
+5. Dynamic MCP / Custom (1): mcp__sqlite_query and terminal.
+6. Ensuring each renderer mounts into its dedicated readable panel inside ToolCardShell.`,
+      },
+      toolCalls: allSampleTools,
+      content: `I have executed and surfaced all **38 tool calling types** across the workspace. Each tool call is rendered using its dedicated, readable UI panel:
+
+- **Built-in OMP (29)**: File system operations, terminal execution, AST refactoring, LSP diagnostics, GitHub integrations, checkpoints, security audits, subagent tasks, process hub, and memory management.
+- **Hidden Tools (3)**: Architectural thinking, thread yields, and goal verification.
+- **Legacy MOCK Aliases (5)**: File inspection and editing wrappers.
+- **Dynamic Tools (1)**: MCP SQLite queries and external server bridges.
+
+You can inspect each card below to view detailed execution traces, syntax highlighting, diffs, and metrics.`,
+      summary: 'All 38 tool calling types successfully executed and displayed in timeline.',
+    },
+    {
+      id: '0eb26c5d',
+      role: 'ai',
+      date,
+      content: '',
+      notice:
+        '<system-reminder>\n`ast_edit` result above: PREVIEW — no files changed. Finalize now with `write`: write a one-sentence plain-text reason to `xd://resolve` to APPLY, or `xd://reject` to DISCARD.\n</system-reminder>',
+    },
+  ];
+
+  return {
+    id: SAMPLE_TOOLS_SESSION_ID,
+    title: 'call tool all of this (38 Tool Types)',
+    date,
+    model: 'DeepSeek V4 Pro',
+    messages,
+  };
+}