muonroi-cli 1.2.0

package/src/types/index.ts

@@ -0,0 +1,311 @@
+import type { ModelMessage } from "ai";
+import type { LspDiagnosticFile } from "../lsp/types";
+
+export interface FileDiff {
+  filePath: string;
+  additions: number;
+  removals: number;
+  patch: string;
+  isNew: boolean;
+}
+
+export interface PlanStep {
+  title: string;
+  description: string;
+  filePaths?: string[];
+}
+
+export interface PlanQuestion {
+  id: string;
+  question: string;
+  header?: string;
+  type: "select" | "multiselect" | "text";
+  options?: { id: string; label: string }[];
+}
+
+export interface Plan {
+  title: string;
+  summary: string;
+  steps: PlanStep[];
+  questions?: PlanQuestion[];
+}
+
+export type BuiltinSubagentId =
+  | "general"
+  | "explore"
+  | "vision"
+  | "verify"
+  | "verify-detect"
+  | "verify-manifest"
+  | "computer";
+
+export interface TaskRequest {
+  agent: BuiltinSubagentId | string;
+  description: string;
+  prompt: string;
+}
+
+export interface TaskRun {
+  agent: string;
+  description: string;
+  summary: string;
+  activity?: string;
+}
+
+export type DelegationStatus = "running" | "complete" | "error";
+
+export interface DelegationRun {
+  id: string;
+  agent: "explore";
+  description: string;
+  summary: string;
+  status: DelegationStatus;
+}
+
+export interface SubagentStatus {
+  agent: string;
+  description: string;
+  detail: string;
+}
+
+export interface BackgroundProcessInfo {
+  id: number;
+  pid: number;
+  command: string;
+}
+
+export interface MediaAsset {
+  kind: "image" | "video";
+  path: string;
+  url?: string;
+  mediaType?: string;
+  prompt?: string;
+  sourcePath?: string;
+  sourceUrl?: string;
+  durationSeconds?: number;
+  modelId?: string;
+}
+
+export interface ComputerToolMetadata {
+  action: string;
+  path?: string;
+  hint?: string;
+  ref?: string;
+  app?: string;
+  windowId?: string;
+}
+
+export interface VerifyRecipe {
+  ecosystem: string;
+  appKind: string;
+  appLabel: string;
+  shellInitCommands: string[];
+  bootstrapCommands: string[];
+  installCommands: string[];
+  buildCommands: string[];
+  testCommands: string[];
+  startCommand?: string;
+  startPort?: string;
+  smokeKind: "http" | "cli" | "none";
+  smokeTarget?: string;
+  evidence: string[];
+  notes: string[];
+}
+
+export interface VerifyEnvironmentManifest {
+  ecosystem?: string;
+  appKind?: string;
+  appLabel?: string;
+  shellInit?: string[] | string;
+  shellInitCommands?: string[] | string;
+  bootstrap?: string[] | string;
+  bootstrapCommands?: string[] | string;
+  install?: string[] | string;
+  installCommands?: string[] | string;
+  build?: string[] | string;
+  buildCommands?: string[] | string;
+  test?: string[] | string;
+  testCommands?: string[] | string;
+  start?: string;
+  startCommand?: string;
+  startPort?: string;
+  smokeKind?: "http" | "cli" | "none";
+  smokeTarget?: string;
+  evidence?: string[] | string;
+  notes?: string[] | string;
+  sandbox?: {
+    allowNet?: boolean;
+    allowedHosts?: string[];
+    ports?: string[];
+    cpus?: number;
+    memory?: number;
+    diskSize?: number;
+    secrets?: Array<{ name: string; fromEnv: string; hosts: string[] }>;
+    from?: string;
+    verifyBaseFrom?: string;
+    guestWorkdir?: string;
+    syncHostWorkspace?: boolean;
+    shellInit?: string[];
+    hostBrowserCommandsOnHost?: boolean;
+  };
+  recipe?: Partial<VerifyRecipe> & Record<string, unknown>;
+}
+
+export interface VerifyRetryStrategy {
+  id: string;
+  when: string;
+  reason: string;
+  commands: string[];
+}
+
+export interface VerifyArtifact {
+  kind: "log" | "screenshot" | "video";
+  path: string;
+  description: string;
+}
+
+export interface ToolResult {
+  success: boolean;
+  output?: string;
+  error?: string;
+  diff?: FileDiff;
+  plan?: Plan;
+  task?: TaskRun;
+  delegation?: DelegationRun;
+  backgroundProcess?: BackgroundProcessInfo;
+  media?: MediaAsset[];
+  computer?: ComputerToolMetadata;
+  verifyRecipe?: VerifyRecipe;
+  lspDiagnostics?: LspDiagnosticFile[];
+}
+
+export interface ToolCall {
+  id: string;
+  type: "function";
+  function: {
+    name: string;
+    arguments: string;
+  };
+}
+
+export interface ChatEntry {
+  type: "user" | "assistant" | "tool_call" | "tool_result" | "structured_response";
+  content: string;
+  timestamp: Date;
+  modeColor?: string;
+  remoteKey?: string;
+  sourceLabel?: string;
+  queued?: boolean;
+  toolCalls?: ToolCall[];
+  toolCall?: ToolCall;
+  toolResult?: ToolResult;
+  structuredResponse?: StructuredResponse;
+}
+
+export interface PaymentPrecheck {
+  security?: string;
+  securityLabel?: string;
+  securityUrl?: string;
+  amount?: string;
+  network?: string;
+  asset?: string;
+  description?: string;
+}
+
+export interface StructuredResponse {
+  taskType: string;
+  data: Record<string, unknown>;
+}
+
+export interface StreamChunk {
+  type: "content" | "tool_calls" | "tool_result" | "tool_approval_request" | "done" | "error" | "reasoning" | "structured_response";
+  content?: string;
+  toolCalls?: ToolCall[];
+  toolCall?: ToolCall;
+  toolResult?: ToolResult;
+  approvalId?: string;
+  paymentPrecheck?: PaymentPrecheck;
+  isAuthError?: boolean;
+  structuredResponse?: StructuredResponse;
+}
+
+export type ReasoningEffort = "low" | "medium" | "high" | "xhigh";
+
+export type ModelTier = "fast" | "balanced" | "premium";
+
+export interface ModelInfo {
+  id: string;
+  name: string;
+  contextWindow: number;
+  inputPrice: number;
+  outputPrice: number;
+  cachedInputPrice?: number;
+  reasoning: boolean;
+  description: string;
+  tier?: ModelTier;
+  provider?: string;
+  aliases?: string[];
+  responsesOnly?: boolean;
+  multiAgent?: boolean;
+  supportsClientTools?: boolean;
+  supportsMaxOutputTokens?: boolean;
+  defaultReasoningEffort?: ReasoningEffort;
+  supportsReasoningEffort?: boolean;
+  thinkingType?: "enabled" | "adaptive";
+  supportsVision?: boolean;
+}
+
+export type AgentMode = "agent" | "plan" | "ask";
+export type SessionStatus = "active" | "archived";
+export type UsageSource = "message" | "title" | "task" | "delegation" | "other";
+
+export interface WorkspaceInfo {
+  id: string;
+  scopeKey: string;
+  canonicalPath: string;
+  gitRoot: string | null;
+  displayName: string;
+  lastSeenAt: Date;
+}
+
+export interface SessionInfo {
+  id: string;
+  workspaceId: string;
+  title: string | null;
+  model: string;
+  mode: AgentMode;
+  cwdAtStart: string;
+  cwdLast: string;
+  status: SessionStatus;
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+export interface UsageEvent {
+  id: number;
+  sessionId: string;
+  messageSeq: number | null;
+  source: UsageSource;
+  model: string;
+  inputTokens: number;
+  outputTokens: number;
+  totalTokens: number;
+  costMicros: number;
+  createdAt: Date;
+  cacheReadTokens: number;
+  cacheCreationTokens: number;
+}
+
+export interface SessionSnapshot {
+  workspace: WorkspaceInfo;
+  session: SessionInfo;
+  messages: ModelMessage[];
+  entries: ChatEntry[];
+  totalTokens: number;
+}
+
+export const MODES: { id: AgentMode; label: string; color: string }[] = [
+  { id: "agent", label: "Agent", color: "#5c9cf5" },
+  { id: "plan", label: "Plan", color: "#e5c07b" },
+  { id: "ask", label: "Ask", color: "#22c55e" },
+];

package/src/ui/agents-modal.tsx

@@ -0,0 +1,272 @@
+import type { ScrollBoxRenderable, TextareaRenderable } from "@opentui/core";
+import { type RefObject, useEffect, useRef } from "react";
+import { MODELS } from "../models/registry.js";
+import type { CustomSubagentConfig } from "../utils/settings";
+import { formatSubagentName } from "../utils/subagent-display";
+import type { Theme } from "./theme";
+
+const EDITOR_KEYBINDINGS = [{ name: "return", action: "submit" as const }];
+
+export type SubagentBrowseRow = { kind: "agent"; agent: CustomSubagentConfig };
+export const SUBAGENT_EDITOR_FIELDS = ["name", "model", "instruction"] as const;
+export type SubagentEditorField = (typeof SUBAGENT_EDITOR_FIELDS)[number];
+
+export function buildSubagentBrowseRows(agents: CustomSubagentConfig[], query: string): SubagentBrowseRow[] {
+  const q = query.trim().toLowerCase();
+  const filtered = q
+    ? agents.filter(
+        (agent) =>
+          agent.name.toLowerCase().includes(q) ||
+          agent.model.toLowerCase().includes(q) ||
+          agent.instruction.toLowerCase().includes(q),
+      )
+    : agents;
+
+  return filtered.map((agent) => ({ kind: "agent" as const, agent }));
+}
+
+function bottomAlignedModalTop(height: number, panelHeight: number): number {
+  return Math.max(2, Math.floor((height - panelHeight) / 2));
+}
+
+function syncRef(ref: RefObject<TextareaRenderable | null>, value: string): void {
+  ref.current?.clear();
+  if (value) {
+    ref.current?.insertText(value);
+  }
+}
+
+export function SubagentsBrowserModal({
+  t,
+  width,
+  height,
+  selectedIndex,
+  searchQuery,
+  rows,
+}: {
+  t: Theme;
+  width: number;
+  height: number;
+  selectedIndex: number;
+  searchQuery: string;
+  rows: SubagentBrowseRow[];
+}) {
+  const listRef = useRef<ScrollBoxRenderable>(null);
+
+  useEffect(() => {
+    const selected = rows[selectedIndex];
+    if (!selected) return;
+
+    listRef.current?.scrollChildIntoView(`subagent-${selected.agent.name}`);
+  }, [rows, selectedIndex]);
+
+  const itemCount = Math.max(rows.length, 1);
+  const contentHeight = itemCount + 8;
+  const panelHeight = Math.min(contentHeight, Math.floor(height * 0.6));
+  const panelWidth = Math.min(60, width - 6);
+  const overlayBg = "#000000cc" as string;
+
+  return (
+    <box
+      position="absolute"
+      left={0}
+      top={0}
+      width={width}
+      height={height}
+      alignItems="center"
+      paddingTop={bottomAlignedModalTop(height, panelHeight)}
+      backgroundColor={overlayBg}
+    >
+      <box
+        width={panelWidth}
+        height={panelHeight}
+        backgroundColor={t.backgroundPanel}
+        paddingTop={1}
+        paddingBottom={1}
+        flexDirection="column"
+      >
+        <box flexShrink={0} flexDirection="row" justifyContent="space-between" paddingLeft={2} paddingRight={2}>
+          <text fg={t.primary}>
+            <b>{"Custom sub-agents"}</b>
+          </text>
+          <text fg={t.textMuted}>{"esc"}</text>
+        </box>
+        <box flexShrink={0} paddingLeft={2} paddingRight={2} paddingTop={1} paddingBottom={1}>
+          <text fg={t.text}>
+            {searchQuery || <span style={{ fg: t.textMuted }}>{"Search by name, model..."}</span>}
+          </text>
+        </box>
+        <scrollbox ref={listRef} flexGrow={1} minHeight={0}>
+          {rows.map((row, idx) => {
+            const selected = idx === selectedIndex;
+
+            return (
+              <box
+                key={`agent-${row.agent.name}`}
+                id={`subagent-${row.agent.name}`}
+                width="100%"
+                backgroundColor={selected ? t.selectedBg : undefined}
+                paddingLeft={2}
+                paddingRight={2}
+              >
+                <box width="100%" flexDirection="row" justifyContent="space-between">
+                  <text fg={selected ? t.primary : t.text}>
+                    <b>{formatSubagentName(row.agent.name)}</b>
+                  </text>
+                  <text fg={t.textMuted}>{row.agent.model}</text>
+                </box>
+              </box>
+            );
+          })}
+          {rows.length === 0 ? (
+            <box paddingLeft={2} paddingRight={2}>
+              <text fg={t.textMuted}>{"No custom sub-agents yet"}</text>
+            </box>
+          ) : null}
+        </scrollbox>
+        <box flexShrink={0} paddingLeft={2} paddingRight={2} paddingTop={2} paddingBottom={1}>
+          <text>
+            <span style={{ fg: t.primary }}>{"enter "}</span>
+            <span style={{ fg: t.textMuted }}>{"open selected · "}</span>
+            <span style={{ fg: t.primary }}>{"ctrl+a "}</span>
+            <span style={{ fg: t.textMuted }}>{"add"}</span>
+          </text>
+        </box>
+      </box>
+    </box>
+  );
+}
+
+export function SubagentEditorModal({
+  t,
+  width,
+  height,
+  draft,
+  focusedField,
+  modelIndex,
+  error,
+  title,
+  nameRef,
+  instructionRef,
+  onSubmit,
+  showRemoveHint,
+}: {
+  t: Theme;
+  width: number;
+  height: number;
+  draft: { name: string; instruction: string };
+  focusedField: SubagentEditorField;
+  modelIndex: number;
+  error: string | null;
+  title: string;
+  nameRef: RefObject<TextareaRenderable | null>;
+  instructionRef: RefObject<TextareaRenderable | null>;
+  onSubmit: () => void;
+  showRemoveHint?: boolean;
+}) {
+  const model = MODELS[modelIndex] ?? MODELS[0];
+  const panelWidth = Math.min(68, width - 6);
+  const panelHeight = Math.min(28, Math.floor(height * 0.75));
+  const overlayBg = "#000000cc" as string;
+
+  useEffect(() => {
+    syncRef(nameRef, draft.name);
+    syncRef(instructionRef, draft.instruction);
+  }, [draft, nameRef, instructionRef]);
+
+  return (
+    <box
+      position="absolute"
+      left={0}
+      top={0}
+      width={width}
+      height={height}
+      alignItems="center"
+      paddingTop={bottomAlignedModalTop(height, panelHeight)}
+      backgroundColor={overlayBg}
+    >
+      <box
+        width={panelWidth}
+        height={panelHeight}
+        backgroundColor={t.backgroundPanel}
+        paddingTop={1}
+        paddingBottom={1}
+        flexDirection="column"
+      >
+        <box flexShrink={0} flexDirection="row" justifyContent="space-between" paddingLeft={2} paddingRight={2}>
+          <text fg={t.primary}>
+            <b>{title}</b>
+          </text>
+          <text fg={t.textMuted}>{"esc back"}</text>
+        </box>
+        <scrollbox flexGrow={1} minHeight={0} paddingLeft={2} paddingRight={2} paddingTop={1}>
+          <box paddingBottom={1}>
+            <text fg={focusedField === "name" ? t.primary : t.textMuted}>{"Name (task tool agent value)"}</text>
+            <box backgroundColor={t.backgroundElement} paddingLeft={1} paddingRight={1}>
+              <textarea
+                ref={nameRef}
+                focused={focusedField === "name"}
+                placeholder="e.g. security-review"
+                textColor={t.text}
+                backgroundColor={t.backgroundElement}
+                placeholderColor={t.textMuted}
+                minHeight={1}
+                maxHeight={2}
+                wrapMode="word"
+                keyBindings={EDITOR_KEYBINDINGS}
+                onSubmit={onSubmit as unknown as () => void}
+              />
+            </box>
+          </box>
+          <box paddingBottom={1}>
+            <text fg={focusedField === "model" ? t.primary : t.textMuted}>
+              {"Model - "}
+              <span style={{ fg: t.text }}>{`${model.name} (${model.id})`}</span>
+            </text>
+            {focusedField === "model" ? <text fg={t.textMuted}>{"up/down or left/right to change model"}</text> : null}
+          </box>
+          <box paddingBottom={1}>
+            <text fg={focusedField === "instruction" ? t.primary : t.textMuted}>{"Instruction (system prompt)"}</text>
+            <box backgroundColor={t.backgroundElement} paddingLeft={1} paddingRight={1}>
+              <textarea
+                ref={instructionRef}
+                focused={focusedField === "instruction"}
+                placeholder="How this sub-agent should behave..."
+                textColor={t.text}
+                backgroundColor={t.backgroundElement}
+                placeholderColor={t.textMuted}
+                minHeight={4}
+                maxHeight={12}
+                wrapMode="word"
+                keyBindings={EDITOR_KEYBINDINGS}
+                onSubmit={onSubmit as unknown as () => void}
+              />
+            </box>
+          </box>
+          {error ? (
+            <box paddingBottom={1}>
+              <text fg={t.diffRemovedFg}>{error}</text>
+            </box>
+          ) : null}
+        </scrollbox>
+        <box
+          flexShrink={0}
+          paddingLeft={2}
+          paddingRight={2}
+          paddingTop={1}
+          paddingBottom={1}
+          flexDirection="column"
+          gap={0}
+        >
+          {showRemoveHint ? (
+            <text>
+              <span style={{ fg: t.primary }}>{"ctrl+x "}</span>
+              <span style={{ fg: t.textMuted }}>{"remove sub-agent"}</span>
+            </text>
+          ) : null}
+          <text fg={t.textMuted}>{"tab fields · enter save"}</text>
+        </box>
+      </box>
+    </box>
+  );
+}