opencode-top 3.1.2 → 3.2.0

package/src/data/sqlite.ts

@@ -1,347 +0,0 @@
-import Database from "better-sqlite3";
-import { TokenUsage, type Session, type Interaction, type MessagePart } from "../core/types";
-import * as os from "node:os";
-import * as path from "node:path";
-
-interface DbSession {
-  id: string;
-  parent_id: string | null;
-  project_id: string | null;
-  title: string | null;
-  time_created: number | null;
-  time_archived: number | null;
-  project_name: string | null;
-}
-
-interface DbMessage {
-  id: string;
-  session_id: string;
-  data: string;
-  time_created: number;
-}
-
-interface DbPart {
-  message_id: string;
-  session_id: string;
-  data: string;
-}
-
-// Real message.data schema from OpenCode
-interface RealMessageData {
-  id?: string;
-  parentID?: string;
-  role?: "assistant" | "user";
-  agent?: string;
-  mode?: string;
-  modelID?: string;
-  providerID?: string;
-  time?: {
-    created?: number;
-    completed?: number;
-  };
-  tokens?: {
-    input?: number;
-    output?: number;
-    reasoning?: number;
-    cache?: {
-      read?: number;
-      write?: number;
-    };
-  };
-  cost?: number;
-  finish?: string;
-  // Legacy fields (older messages may still have these)
-  usage?: {
-    input_tokens?: number;
-    output_tokens?: number;
-    cache_read_input_tokens?: number;
-    cache_write_input_tokens?: number;
-  };
-  model?: string;
-  stop_reason?: string;
-}
-
-// Real part.data schema from OpenCode
-interface RealPartData {
-  type?: string;
-  text?: string;
-  time?: {
-    start?: number;
-    end?: number;
-  };
-  // tool call fields
-  callID?: string;
-  tool?: string;
-  state?: {
-    status?: string;
-    input?: Record<string, unknown>;
-    output?: string;
-    title?: string;
-    time?: {
-      start?: number;
-      end?: number;
-    };
-    metadata?: {
-      exit?: number;
-      exitCode?: number;
-      truncated?: boolean;
-    };
-  };
-  // patch fields
-  hash?: string;
-  files?: string[];
-}
-
-export function getDbPath(): string {
-  return path.join(os.homedir(), ".local", "share", "opencode", "opencode.db");
-}
-
-export function loadSessions(dbPath: string = getDbPath()): Session[] {
-  const db = new Database(dbPath, { readonly: true });
-
-  const sessions = db
-    .prepare(`
-    SELECT
-      s.id, s.parent_id, s.project_id, s.title,
-      s.time_created, s.time_archived,
-      p.name as project_name
-    FROM session s
-    LEFT JOIN project p ON s.project_id = p.id
-    ORDER BY s.time_created DESC
-  `)
-    .all() as DbSession[];
-
-  const sessionIds = sessions.map((s) => s.id);
-  const interactions = loadInteractions(db, sessionIds);
-  db.close();
-
-  return sessions.map((s) => ({
-    id: s.id,
-    parentId: s.parent_id,
-    projectId: s.project_id,
-    projectName: s.project_name,
-    title: s.title,
-    timeCreated: s.time_created,
-    timeArchived: s.time_archived,
-    interactions: interactions.get(s.id) ?? [],
-    source: "sqlite" as const,
-  }));
-}
-
-function loadInteractions(
-  db: Database.Database,
-  sessionIds: string[]
-): Map<string, Interaction[]> {
-  const result = new Map<string, Interaction[]>();
-
-  if (sessionIds.length === 0) return result;
-
-  const placeholders = sessionIds.map(() => "?").join(",");
-
-  const messages = db
-    .prepare(`
-    SELECT id, session_id, data, time_created
-    FROM message
-    WHERE session_id IN (${placeholders})
-    ORDER BY time_created ASC
-  `)
-    .all(...sessionIds) as DbMessage[];
-
-  if (messages.length === 0) return result;
-
-  // Load all parts for these messages in one batch
-  const messageIds = messages.map((m) => m.id);
-  const partsByMessageId = loadParts(db, messageIds);
-
-  for (const msg of messages) {
-    if (!result.has(msg.session_id)) {
-      result.set(msg.session_id, []);
-    }
-
-    const parts = partsByMessageId.get(msg.id) ?? [];
-    const parsed = parseMessageData(msg.data, msg.id, msg.session_id, msg.time_created, parts);
-    if (parsed) {
-      result.get(msg.session_id)!.push(parsed);
-    }
-  }
-
-  return result;
-}
-
-function loadParts(db: Database.Database, messageIds: string[]): Map<string, MessagePart[]> {
-  const result = new Map<string, MessagePart[]>();
-
-  if (messageIds.length === 0) return result;
-
-  // Check if part table exists
-  const tableExists = db
-    .prepare("SELECT name FROM sqlite_master WHERE type='table' AND name='part'")
-    .get();
-  if (!tableExists) return result;
-
-  const placeholders = messageIds.map(() => "?").join(",");
-  let rows: DbPart[] = [];
-
-  try {
-    rows = db
-      .prepare(`
-      SELECT message_id, session_id, data
-      FROM part
-      WHERE message_id IN (${placeholders})
-      ORDER BY rowid ASC
-    `)
-      .all(...messageIds) as DbPart[];
-  } catch {
-    // part table may have different schema
-    return result;
-  }
-
-  for (const row of rows) {
-    if (!result.has(row.message_id)) {
-      result.set(row.message_id, []);
-    }
-    const part = parsePart(row.data);
-    if (part) {
-      result.get(row.message_id)!.push(part);
-    }
-  }
-
-  return result;
-}
-
-function parsePart(data: string): MessagePart | null {
-  try {
-    const json = JSON.parse(data) as RealPartData;
-    const timeStart = json.time?.start ?? 0;
-    const timeEnd = json.time?.end ?? 0;
-
-    switch (json.type) {
-      case "text":
-        return {
-          type: "text",
-          text: json.text ?? "",
-          timeStart,
-          timeEnd,
-        };
-
-      case "tool": {
-        const state = json.state ?? {};
-        const status = normalizeToolStatus(state.status);
-        // Timing lives in state.time, not top-level time
-        const toolTimeStart = state.time?.start ?? timeStart;
-        const toolTimeEnd = state.time?.end ?? timeEnd;
-        return {
-          type: "tool",
-          callId: json.callID ?? "",
-          toolName: json.tool ?? "unknown",
-          status,
-          input: state.input ?? {},
-          output: state.output ?? "",
-          title: state.title ?? null,
-          exitCode: state.metadata?.exit ?? state.metadata?.exitCode ?? null,
-          truncated: state.metadata?.truncated ?? false,
-          timeStart: toolTimeStart,
-          timeEnd: toolTimeEnd,
-        };
-      }
-
-      case "reasoning":
-        return {
-          type: "reasoning",
-          text: json.text ?? "",
-          timeStart,
-          timeEnd,
-        };
-
-      case "patch":
-        return {
-          type: "patch",
-          hash: json.hash ?? "",
-          files: json.files ?? [],
-        };
-
-      default:
-        return null;
-    }
-  } catch {
-    return null;
-  }
-}
-
-function normalizeToolStatus(status: string | undefined): "completed" | "pending" | "error" {
-  if (status === "completed") return "completed";
-  if (status === "error") return "error";
-  return "pending";
-}
-
-function parseMessageData(
-  data: string,
-  messageId: string,
-  sessionId: string,
-  timeCreated: number,
-  parts: MessagePart[]
-): Interaction | null {
-  try {
-    const json = JSON.parse(data) as RealMessageData;
-
-    // Support both new schema (tokens.*) and legacy schema (usage.*)
-    const newTokens = json.tokens;
-    const legacyUsage = json.usage ?? {};
-
-    const input = newTokens?.input ?? legacyUsage.input_tokens ?? 0;
-    const output = newTokens?.output ?? legacyUsage.output_tokens ?? 0;
-    const cacheRead = newTokens?.cache?.read ?? legacyUsage.cache_read_input_tokens ?? 0;
-    const cacheWrite = newTokens?.cache?.write ?? legacyUsage.cache_write_input_tokens ?? 0;
-    const reasoning = newTokens?.reasoning ?? 0;
-
-    const timeCompleted = json.time?.completed ?? null;
-    const timeDelta =
-      timeCompleted && json.time?.created
-        ? (timeCompleted - json.time.created) / 1000
-        : null;
-    const outputRate =
-      output > 0 && timeDelta && timeDelta > 0 ? output / timeDelta : 0;
-
-    const role = json.role ?? "assistant";
-
-    // Only include interactions that have meaningful data (assistant messages with tokens)
-    if (role !== "assistant" && input === 0 && output === 0) return null;
-
-    return {
-      id: messageId,
-      sessionId,
-      modelId: normalizeModelName(json.modelID ?? json.model ?? "unknown"),
-      providerId: json.providerID ?? null,
-      role,
-      tokens: new TokenUsage(input, output, cacheRead, cacheWrite, reasoning),
-      time: {
-        created: json.time?.created ?? timeCreated,
-        completed: timeCompleted,
-      },
-      agent: json.agent ?? null,
-      finishReason: json.finish ?? json.stop_reason ?? null,
-      outputRate,
-      parts,
-    };
-  } catch {
-    return null;
-  }
-}
-
-function normalizeModelName(model: string): string {
-  return model
-    .replace(/-\d{8}$/, "")
-    .replace(/:/g, "-")
-    .toLowerCase();
-}
-
-export function sessionExists(dbPath: string = getDbPath()): boolean {
-  try {
-    const db = new Database(dbPath, { readonly: true });
-    db.prepare("SELECT 1 FROM session LIMIT 1").get();
-    db.close();
-    return true;
-  } catch {
-    return false;
-  }
-}

package/src/ui/App.tsx

@@ -1,154 +0,0 @@
-import React, { useState, useEffect, useCallback, useRef } from "react";
-import { Box, Text, useApp, useInput, useStdout } from "ink";
-import { colors } from "./theme";
-import { TabBar } from "./components/TabBar";
-import { SessionsScreen } from "./screens/SessionsScreen";
-import { ToolsScreen } from "./screens/ToolsScreen";
-import { OverviewScreen } from "./screens/OverviewScreen";
-import type { Workflow, ScreenId } from "../core/types";
-import { loadSessions, sessionExists } from "../data/sqlite";
-import { groupSessionsToWorkflows } from "../core/agents";
-
-interface AppProps {
-  refreshInterval?: number;
-}
-
-function workflowsEqual(a: Workflow[], b: Workflow[]): boolean {
-  if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i++) {
-    if (a[i].id !== b[i].id) return false;
-    if (a[i].mainSession.interactions.length !== b[i].mainSession.interactions.length) return false;
-    if (a[i].subAgentSessions.length !== b[i].subAgentSessions.length) return false;
-  }
-  return true;
-}
-
-export function App({ refreshInterval = 2000 }: AppProps) {
-  const { exit } = useApp();
-  const { stdout } = useStdout();
-  const terminalHeight = stdout?.rows ?? 24;
-  const terminalWidth = stdout?.columns ?? 80;
-
-  // Enter alternate screen buffer on mount — prevents Ink's clearTerminal flash.
-  // Ink triggers \x1b[2J\x1b[3J\x1b[H whenever outputHeight >= stdout.rows.
-  // Alt screen (\x1b[?1049h) moves rendering to a separate buffer so the main
-  // screen is never touched, eliminating the black flash entirely.
-  useEffect(() => {
-    stdout?.write("\x1b[?1049h"); // enter alt screen
-    stdout?.write("\x1b[?25l");   // hide cursor
-    return () => {
-      stdout?.write("\x1b[?25h"); // restore cursor
-      stdout?.write("\x1b[?1049l"); // leave alt screen
-    };
-  }, [stdout]);
-
-  const [workflows, setWorkflows] = useState<Workflow[]>([]);
-  const [screen, setScreen] = useState<ScreenId>("sessions");
-  const [error, setError] = useState<string | null>(null);
-  const [lastRefresh, setLastRefresh] = useState<Date>(new Date());
-
-  const workflowsRef = useRef<Workflow[]>([]);
-  const mountedRef = useRef(false);
-
-  const loadData = useCallback(() => {
-    if (!sessionExists()) {
-      if (mountedRef.current) {
-        setError("No OpenCode database found. Run OpenCode first.");
-      }
-      return;
-    }
-
-    try {
-      const sessions = loadSessions();
-      const grouped = groupSessionsToWorkflows(sessions);
-
-      if (!workflowsEqual(workflowsRef.current, grouped)) {
-        workflowsRef.current = grouped;
-        if (mountedRef.current) {
-          setWorkflows(grouped);
-          setLastRefresh(new Date());
-        }
-      }
-
-      if (mountedRef.current) {
-        setError(null);
-      }
-    } catch (e) {
-      if (mountedRef.current) {
-        setError(e instanceof Error ? e.message : "Failed to load sessions");
-      }
-    }
-  }, []);
-
-  useEffect(() => {
-    mountedRef.current = true;
-    loadData();
-    const interval = setInterval(loadData, refreshInterval);
-    return () => {
-      mountedRef.current = false;
-      clearInterval(interval);
-    };
-  }, [loadData, refreshInterval]);
-
-  // Global: q quit, r refresh, 1-3 tabs
-  useInput((input, key) => {
-    if (input === "q" || key.escape) {
-      exit();
-      return;
-    }
-    if (input === "r") {
-      loadData();
-      return;
-    }
-    if (input === "1") { setScreen("sessions"); return; }
-    if (input === "2") { setScreen("tools"); return; }
-    if (input === "3") { setScreen("overview"); return; }
-  });
-
-  if (error) {
-    return (
-      <Box flexDirection="column" padding={2}>
-        <Text color={colors.error} bold>Error</Text>
-        <Text color={colors.text}>{error}</Text>
-        <Box marginTop={1}>
-          <Text color={colors.textDim}>Press q to quit</Text>
-        </Box>
-      </Box>
-    );
-  }
-
-  // Tab bar is 3 rows (border top + content + border bottom)
-  const contentHeight = terminalHeight - 3;
-
-  return (
-    <Box flexDirection="column" width={terminalWidth} height={terminalHeight - 1}>
-      <TabBar activeScreen={screen} lastRefresh={lastRefresh} />
-      <Box width={terminalWidth} height={contentHeight}>
-        {screen === "sessions" && (
-          <SessionsScreen
-            workflows={workflows}
-            isActive={true}
-            contentHeight={contentHeight}
-            terminalWidth={terminalWidth}
-          />
-        )}
-        {screen === "tools" && (
-          <ToolsScreen
-            workflows={workflows}
-            isActive={true}
-            contentHeight={contentHeight}
-            terminalWidth={terminalWidth}
-          />
-        )}
-        {screen === "overview" && (
-          <OverviewScreen
-            workflows={workflows}
-            isActive={true}
-            contentHeight={contentHeight}
-            terminalWidth={terminalWidth}
-          />
-        )}
-      </Box>
-    </Box>
-  );
-}

package/src/ui/components/AgentChainGraph.tsx

@@ -1,95 +0,0 @@
-import React, { memo } from "react";
-import { Box, Text } from "ink";
-import { colors } from "../theme";
-import type { AgentNode } from "../../core/types";
-import { getSessionTokens, getSessionCostSingle } from "../../core/session";
-import { getPricing } from "../../data/pricing";
-
-function formatTokens(n: number): string {
-  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;
-  if (n >= 1_000) return `${(n / 1_000).toFixed(1)}K`;
-  return n.toString();
-}
-
-interface AgentNodeRowProps {
-  node: AgentNode;
-  isLast: boolean;
-  prefix: string;
-}
-
-function AgentNodeRow({ node, isLast, prefix }: AgentNodeRowProps) {
-  const { session } = node;
-  const tokens = getSessionTokens(session);
-  const pricing = getPricing(session.interactions[0]?.modelId ?? "");
-  const cost = getSessionCostSingle(session, pricing);
-  const agentName = session.interactions[0]?.agent ?? session.interactions[0]?.role ?? "main";
-
-  const connector = isLast ? "└─ " : "├─ ";
-  const childPrefix = prefix + (isLast ? "   " : "│  ");
-
-  return (
-    <>
-      <Box flexDirection="row">
-        <Text color={colors.textDim}>{prefix}{connector}</Text>
-        <Text color={colors.cyan}>[{agentName}]</Text>
-        <Text color={colors.text}> {truncate(session.title ?? session.id.slice(0, 8), 20)}</Text>
-        <Box flexGrow={1} />
-        <Text color={colors.textDim}>{formatTokens(tokens.total)}</Text>
-        <Text color={colors.textDim}> </Text>
-        <Text color={colors.success}>${cost.toFixed(3)}</Text>
-      </Box>
-      {node.children.map((child, i) => (
-        <AgentNodeRow
-          key={child.session.id}
-          node={child}
-          isLast={i === node.children.length - 1}
-          prefix={childPrefix}
-        />
-      ))}
-    </>
-  );
-}
-
-interface AgentChainGraphProps {
-  agentTree: AgentNode;
-}
-
-function AgentChainGraphInner({ agentTree }: AgentChainGraphProps) {
-  const { session } = agentTree;
-  const tokens = getSessionTokens(session);
-  const pricing = getPricing(session.interactions[0]?.modelId ?? "");
-  const cost = getSessionCostSingle(session, pricing);
-  const agentName = session.interactions[0]?.agent ?? "main";
-
-  if (agentTree.children.length === 0) {
-    return null;
-  }
-
-  return (
-    <Box flexDirection="column">
-      <Box flexDirection="row">
-        <Text color={colors.cyan} bold>[{agentName}]</Text>
-        <Text color={colors.text}> {truncate(session.title ?? "root", 20)}</Text>
-        <Box flexGrow={1} />
-        <Text color={colors.textDim}>{formatTokens(tokens.total)}</Text>
-        <Text color={colors.textDim}> </Text>
-        <Text color={colors.success}>${cost.toFixed(3)}</Text>
-      </Box>
-      {agentTree.children.map((child, i) => (
-        <AgentNodeRow
-          key={child.session.id}
-          node={child}
-          isLast={i === agentTree.children.length - 1}
-          prefix=""
-        />
-      ))}
-    </Box>
-  );
-}
-
-export const AgentChainGraph = memo(AgentChainGraphInner);
-
-function truncate(s: string, max: number): string {
-  if (s.length <= max) return s;
-  return s.slice(0, max - 1) + "…";
-}

package/src/ui/components/AgentTree.tsx

@@ -1,101 +0,0 @@
-import React, { memo } from "react";
-import { Box, Text } from "ink";
-import { colors } from "../theme";
-import type { Workflow, FlatNode } from "../../core/types";
-import { getSessionTokens, getSessionCostSingle } from "../../core/session";
-import { getPricing } from "../../data/pricing";
-import Decimal from "decimal.js";
-
-interface AgentTreeProps {
-  workflows: Workflow[];
-  selectedId: string | null;
-  flatNodes: FlatNode[];
-  onSelect: (id: string) => void;
-  maxHeight?: number;
-}
-
-function formatTokens(n: number): string {
-  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;
-  if (n >= 1_000) return `${(n / 1_000).toFixed(1)}K`;
-  return n.toString();
-}
-
-function formatCost(d: Decimal): string {
-  if (d.lessThan(0.01)) return `$${d.toFixed(4)}`;
-  return `$${d.toFixed(2)}`;
-}
-
-function AgentTreeInner({ workflows, selectedId, flatNodes, maxHeight = 20 }: AgentTreeProps) {
-  const headerHeight = 2;
-  const visibleCount = Math.max(1, maxHeight - headerHeight);
-  const selectedIndex = flatNodes.findIndex((n) => n.id === selectedId);
-
-  // Keep selected item visible with some context above
-  let startIndex = 0;
-  if (selectedIndex >= 0) {
-    // Try to show 2 items above the selected one
-    const ideal = selectedIndex - 2;
-    startIndex = Math.max(0, Math.min(ideal, flatNodes.length - visibleCount));
-  }
-  const visibleNodes = flatNodes.slice(startIndex, startIndex + visibleCount);
-
-  return (
-    <Box flexDirection="column" paddingX={1} height={maxHeight} overflow="hidden">
-      <Box marginBottom={1} flexDirection="row">
-        <Text color={colors.accent} bold>Sessions</Text>
-        <Box flexGrow={1} />
-        <Text color={colors.textDim}>{workflows.length}</Text>
-      </Box>
-
-      {visibleNodes.map((node) => {
-        const isSelected = node.id === selectedId;
-        const tokens = getSessionTokens(node.session);
-        const pricing = getPricing(node.session.interactions[0]?.modelId ?? "");
-        const cost = getSessionCostSingle(node.session, pricing);
-        const agentName = node.session.interactions[0]?.agent ?? null;
-
-        const indent = "  ".repeat(node.depth);
-        const prefix = node.depth === 0
-          ? (node.hasChildren ? "▶ " : "● ")
-          : (node.hasChildren ? "├▶ " : "├─ ");
-
-        const label = node.depth === 0
-          ? truncate(node.session.title ?? node.session.projectName ?? "Untitled", 22)
-          : truncate(`[${agentName ?? "?"}] ${node.session.title ?? ""}`, 20);
-
-        return (
-          <Box key={node.id} flexDirection="row">
-            <Box width={1} />
-            <Text
-              color={isSelected ? undefined : colors.text}
-              backgroundColor={isSelected ? colors.accent : undefined}
-              bold={isSelected}
-            >
-              {indent}{prefix}{label}
-            </Text>
-            <Box flexGrow={1} />
-            <Text color={colors.textDim} dimColor>{formatTokens(tokens.total)}</Text>
-            <Box width={1} />
-            <Text color={colors.success}>{formatCost(cost)}</Text>
-            <Box width={1} />
-          </Box>
-        );
-      })}
-
-      {flatNodes.length > visibleCount && (
-        <Text color={colors.textDim}>
-          {startIndex > 0 ? "↑ " : "  "}
-          {startIndex + visibleCount}/{flatNodes.length}
-          {startIndex + visibleCount < flatNodes.length ? " ↓" : "  "}
-        </Text>
-      )}
-    </Box>
-  );
-}
-
-export const AgentTree = memo(AgentTreeInner);
-
-function truncate(label: string, maxLen: number): string {
-  if (label.length <= maxLen) return label;
-  return label.slice(0, maxLen - 1) + "…";
-}