@abacus-ai/cli 2.0.0-canary.1 → 2.0.0-canary.11

package/src/__e2e__/mcp/mcp-ui-rendering.e2e.test.tsx

@@ -1,185 +0,0 @@
-import { describe, it, expect } from "vitest";
-
-/**
- * UI Rendering Tests - These test that the StatusIndicator component
- * correctly renders for different AgentStatus values.
- *
- * For full app e2e tests with MCP, see agent-interactions.e2e.test.tsx
- */
-describe.concurrent("MCP UI Rendering Tests", () => {
-  it("StatusIndicator renders correctly for each status (component test)", async () => {
-    const { render, cleanup } = await import("../../lib/test-utils.tsx");
-    const { StatusIndicator } = await import("../../components/status-indicator.tsx");
-    const { NetworkActivityProvider } = await import("../../context/network-activity.tsx");
-    const { AgentStatus } = await import("../../providers/agent.tsx");
-    const React = await import("react");
-    const stripAnsi = (await import("strip-ansi")).default;
-
-    try {
-      // Test each status and verify rendering
-      const testCases = [
-        { status: AgentStatus.Idle, shouldShow: false },
-        { status: AgentStatus.Submitted, shouldShow: true },
-        { status: AgentStatus.Streaming, shouldShow: true },
-        { status: AgentStatus.ExecutingTool, shouldShow: true },
-        { status: AgentStatus.WaitingForToolPermission, shouldShow: false },
-        { status: AgentStatus.LoadingConversation, shouldShow: true },
-      ];
-
-      console.log("[UI Test] Testing StatusIndicator for each AgentStatus:");
-
-      for (const { status, shouldShow } of testCases) {
-        const instance = render(
-          React.createElement(
-            NetworkActivityProvider,
-            null,
-            React.createElement(StatusIndicator, { status }),
-          ),
-        );
-        const frame = instance.lastFrame() ?? "";
-        const plainFrame = stripAnsi(frame);
-        const isVisible = plainFrame.includes("...");
-
-        console.log(
-          `  - ${status}: ${isVisible ? "VISIBLE" : "hidden"} (expected: ${shouldShow ? "VISIBLE" : "hidden"})`,
-        );
-
-        if (shouldShow) {
-          expect(plainFrame).toContain("...");
-        } else {
-          expect(plainFrame.trim()).toBe("");
-        }
-
-        cleanup();
-      }
-
-      console.log("[UI Test] All status renderings verified ✓");
-    } finally {
-      cleanup();
-    }
-  });
-
-  it("StatusIndicator transitions correctly (simulating MCP tool execution)", async () => {
-    const { render, cleanup } = await import("../../lib/test-utils.tsx");
-    const { StatusIndicator } = await import("../../components/status-indicator.tsx");
-    const { NetworkActivityProvider } = await import("../../context/network-activity.tsx");
-    const { AgentStatus } = await import("../../providers/agent.tsx");
-    const React = await import("react");
-    const stripAnsi = (await import("strip-ansi")).default;
-
-    try {
-      // Simulate the status flow during MCP tool execution
-      const statusFlow = [
-        { status: AgentStatus.Idle, name: "Idle", shouldBeVisible: false },
-        { status: AgentStatus.Submitted, name: "Submitted", shouldBeVisible: true },
-        { status: AgentStatus.Streaming, name: "Streaming", shouldBeVisible: true },
-        { status: AgentStatus.ExecutingTool, name: "ExecutingTool", shouldBeVisible: true },
-        { status: AgentStatus.Streaming, name: "Streaming (after tool)", shouldBeVisible: true },
-        { status: AgentStatus.Idle, name: "Idle (final)", shouldBeVisible: false },
-      ];
-
-      console.log("[UI Test] Simulating MCP tool execution status flow:");
-      const instance = render(
-        React.createElement(
-          NetworkActivityProvider,
-          null,
-          React.createElement(StatusIndicator, { status: AgentStatus.Idle }),
-        ),
-      );
-
-      const results: { name: string; visible: boolean; expected: boolean }[] = [];
-
-      for (const { status, name, shouldBeVisible } of statusFlow) {
-        instance.rerender(
-          React.createElement(
-            NetworkActivityProvider,
-            null,
-            React.createElement(StatusIndicator, { status }),
-          ),
-        );
-        const frame = instance.lastFrame() ?? "";
-        const plainFrame = stripAnsi(frame);
-        const isVisible = plainFrame.includes("...");
-
-        results.push({
-          name,
-          visible: isVisible,
-          expected: shouldBeVisible,
-        });
-
-        const icon = isVisible === shouldBeVisible ? "✓" : "✗";
-        console.log(
-          `  ${icon} ${name}: ${isVisible ? "visible" : "hidden"} (expected: ${shouldBeVisible ? "visible" : "hidden"})`,
-        );
-      }
-
-      // Verify key states
-      const executingToolResult = results.find((r) => r.name === "ExecutingTool");
-      expect(executingToolResult?.visible).toBe(true);
-
-      const idleResults = results.filter((r) => r.name.startsWith("Idle"));
-      for (const idle of idleResults) {
-        expect(idle.visible).toBe(false);
-      }
-
-      // Verify all results match expectations
-      for (const result of results) {
-        expect(result.visible).toBe(result.expected);
-      }
-
-      console.log("[UI Test] MCP tool execution flow verified ✓");
-      console.log("[UI Test] Key insight: ExecutingTool status is VISIBLE to user");
-    } finally {
-      cleanup();
-    }
-  });
-
-  it("StatusIndicator responds instantly to status changes (no delay)", async () => {
-    const { render, cleanup } = await import("../../lib/test-utils.tsx");
-    const { StatusIndicator } = await import("../../components/status-indicator.tsx");
-    const { AgentStatus } = await import("../../providers/agent.tsx");
-    const React = await import("react");
-    const stripAnsi = (await import("strip-ansi")).default;
-
-    try {
-      const instance = render(React.createElement(StatusIndicator, { status: AgentStatus.Idle }));
-
-      // Rapidly change status 10 times and measure total time
-      const statuses = [
-        AgentStatus.Submitted,
-        AgentStatus.Streaming,
-        AgentStatus.ExecutingTool,
-        AgentStatus.Streaming,
-        AgentStatus.ExecutingTool,
-        AgentStatus.Streaming,
-        AgentStatus.ExecutingTool,
-        AgentStatus.Streaming,
-        AgentStatus.Idle,
-        AgentStatus.Submitted,
-      ];
-
-      const startTime = Date.now();
-      const frameResults: boolean[] = [];
-
-      for (const status of statuses) {
-        instance.rerender(React.createElement(StatusIndicator, { status }));
-        const frame = instance.lastFrame() ?? "";
-        frameResults.push(stripAnsi(frame).includes("..."));
-      }
-
-      const totalTime = Date.now() - startTime;
-
-      console.log(`[UI Test] 10 rapid status changes completed in ${totalTime}ms`);
-      console.log(`[UI Test] Frames captured: ${frameResults.length}`);
-      console.log(`[UI Test] Visible frames: ${frameResults.filter((f) => f).length}`);
-
-      // All 10 changes should complete in under 100ms (instant rendering)
-      expect(totalTime).toBeLessThan(100);
-      expect(frameResults.length).toBe(10);
-
-      console.log("[UI Test] Instant rendering verified - no delay between status changes ✓");
-    } finally {
-      cleanup();
-    }
-  });
-});

package/src/__e2e__/repl.e2e.test.tsx

@@ -1,78 +0,0 @@
-import React from "react";
-import { describe, it, expect } from "vitest";
-
-import { App } from "../entrypoints/repl.js";
-import { Timing } from "../lib/timing.js";
-import {
-  renderWithProviders,
-  simulateText,
-  waitForFrame,
-  simulateCtrlC,
-} from "./helpers/test-helpers.js";
-
-describe.concurrent("REPL E2E Tests", () => {
-  it("should render REPL component", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(
-      lastFrame,
-      (frame) => {
-        return frame.length > 0;
-      },
-      3000,
-    );
-
-    const frame = lastFrame();
-    expect(frame).toBeDefined();
-
-    unmount();
-  });
-
-  it("should handle user input and show composer", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, stdin, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 3000);
-
-    simulateText(stdin, "Hello");
-
-    const frame = lastFrame();
-    expect(frame).toBeDefined();
-
-    unmount();
-  });
-
-  it("should handle Ctrl+C gracefully", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, stdin, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 3000);
-
-    simulateCtrlC(stdin);
-
-    const frame = lastFrame();
-    expect(frame).toBeDefined();
-
-    unmount();
-  });
-
-  it("should handle double Ctrl+C for exit", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, stdin, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 3000);
-
-    simulateCtrlC(stdin);
-    simulateCtrlC(stdin);
-
-    const frame = lastFrame();
-    expect(frame).toBeDefined();
-
-    unmount();
-  });
-});

package/src/__e2e__/shell-compatibility.e2e.test.tsx

@@ -1,76 +0,0 @@
-import React from "react";
-import { describe, it, expect } from "vitest";
-
-import { App } from "../entrypoints/repl.js";
-import { Timing } from "../lib/timing.js";
-import { renderWithProviders, waitForFrame } from "./helpers/test-helpers.js";
-
-describe.sequential("CLI Shell Compatibility E2E Tests", () => {
-  it("should start in bash shell environment", async () => {
-    const originalShell = process.env.SHELL;
-    process.env.SHELL = "/bin/bash";
-
-    const timing = new Timing();
-
-    const { lastFrame, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 3000);
-
-    const frame = lastFrame();
-    expect(frame.length).toBeGreaterThan(0);
-
-    unmount();
-    process.env.SHELL = originalShell;
-  });
-
-  it("should start in zsh shell environment", async () => {
-    const originalShell = process.env.SHELL;
-    process.env.SHELL = "/bin/zsh";
-
-    const timing = new Timing();
-
-    const { lastFrame, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 3000);
-
-    const frame = lastFrame();
-    expect(frame.length).toBeGreaterThan(0);
-
-    unmount();
-    process.env.SHELL = originalShell;
-  });
-
-  it("should start in fish shell environment", async () => {
-    const originalShell = process.env.SHELL;
-    process.env.SHELL = "/usr/local/bin/fish";
-
-    const timing = new Timing();
-
-    const { lastFrame, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 3000);
-
-    const frame = lastFrame();
-    expect(frame.length).toBeGreaterThan(0);
-
-    unmount();
-    process.env.SHELL = originalShell;
-  });
-
-  it("should start without shell environment variable", async () => {
-    const originalShell = process.env.SHELL;
-    delete process.env.SHELL;
-
-    const timing = new Timing();
-
-    const { lastFrame, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 3000);
-
-    const frame = lastFrame();
-    expect(frame.length).toBeGreaterThan(0);
-
-    unmount();
-    process.env.SHELL = originalShell;
-  });
-});

package/src/__e2e__/theme-mcp.e2e.test.tsx

@@ -1,98 +0,0 @@
-import React from "react";
-import { describe, it, expect } from "vitest";
-
-import { App } from "../entrypoints/repl.js";
-import { Timing } from "../lib/timing.js";
-import {
-  renderWithProviders,
-  simulateText,
-  simulateEnter,
-  simulateDownArrow,
-  waitForFrame,
-} from "./helpers/test-helpers.js";
-
-describe.concurrent("Theme and MCP Menu E2E Tests", () => {
-  it("/theme - should display all theme options", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, stdin, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 8000);
-
-    simulateText(stdin, "/theme");
-
-    const frame = lastFrame();
-    expect(frame.length).toBeGreaterThan(0);
-
-    unmount();
-  }, 20000);
-
-  it("/mcp - should display all MCP menu options", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, stdin, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 5000);
-
-    simulateText(stdin, "/mcp");
-
-    const frame = lastFrame();
-    expect(frame.length).toBeGreaterThan(0);
-
-    unmount();
-  });
-
-  it("/theme - should handle theme selection", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, stdin, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 5000);
-
-    simulateText(stdin, "/theme dark");
-    simulateEnter(stdin);
-
-    const frame = lastFrame();
-    expect(frame.length).toBeGreaterThan(0);
-
-    unmount();
-  });
-
-  it("/mcp - should handle MCP server configuration", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, stdin, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 5000);
-
-    simulateText(stdin, "/mcp list");
-    simulateEnter(stdin);
-
-    const frame = lastFrame();
-    expect(frame.length).toBeGreaterThan(0);
-
-    unmount();
-  });
-
-  it("/theme - should select Dracula theme and verify it is applied", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, stdin, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 8000);
-
-    simulateText(stdin, "/theme");
-
-    const frameBeforeSelect = lastFrame();
-    expect(frameBeforeSelect.length).toBeGreaterThan(0);
-
-    simulateDownArrow(stdin);
-
-    simulateEnter(stdin);
-
-    const frameAfter = lastFrame();
-    expect(frameAfter.length).toBeGreaterThan(0);
-
-    unmount();
-  }, 25000);
-});

package/src/__e2e__/tool-permissions.e2e.test.tsx

@@ -1,66 +0,0 @@
-import React from "react";
-import { describe, it, expect } from "vitest";
-
-import { App } from "../entrypoints/repl.js";
-import { Timing } from "../lib/timing.js";
-import { renderWithProviders, simulateKeypress, waitForFrame } from "./helpers/test-helpers.js";
-
-describe.concurrent("Tool Permissions E2E Tests", () => {
-  it("should render component with tool permission capability", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 3000);
-
-    const frame = lastFrame();
-    expect(frame).toBeDefined();
-
-    unmount();
-  });
-
-  it("should handle keyboard navigation in tool permissions", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, stdin, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 3000);
-
-    simulateKeypress(stdin, "y");
-
-    const frame = lastFrame();
-    expect(frame).toBeDefined();
-
-    unmount();
-  });
-
-  it("should handle permission rejection", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, stdin, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 3000);
-
-    simulateKeypress(stdin, "n");
-
-    const frame = lastFrame();
-    expect(frame).toBeDefined();
-
-    unmount();
-  });
-
-  it("should handle always allow option", async () => {
-    const timing = new Timing();
-
-    const { lastFrame, stdin, unmount } = renderWithProviders(React.createElement(App, { timing }));
-
-    await waitForFrame(lastFrame, (frame) => frame.length > 0, 3000);
-
-    simulateKeypress(stdin, "a");
-
-    const frame = lastFrame();
-    expect(frame).toBeDefined();
-
-    unmount();
-  });
-});

package/src/args.ts

@@ -1,22 +0,0 @@
-export interface AgentArgs {
-  help?: boolean;
-  version?: boolean;
-  model?: string;
-  print?: boolean;
-  /** Resume a specific conversation by ID. */
-  resume?: string;
-  /** Continue the most recently updated conversation. */
-  continue?: boolean;
-  "output-format"?: string;
-  "input-format"?: string;
-  "allow-editing"?: string;
-  "auto-accept-edits"?: boolean;
-  "dangerously-skip-permissions"?: boolean;
-  "plan-mode"?: boolean;
-  prompt?: string | null;
-  /**
-   * Resolved startup conversation ID — set by index.ts after processing
-   * --resume / --continue. Consumers read this; they don't produce it.
-   */
-  conversationId?: string;
-}

package/src/components/__tests__/react-compiler.test.tsx

@@ -1,78 +0,0 @@
-import { Text } from "@codellm/jar";
-// TODO: Replace with jar-testing-library when available
-// import { render } from 'ink-testing-library';
-import { readFile } from "node:fs/promises";
-import { dirname, join } from "node:path";
-import { fileURLToPath } from "node:url";
-import { describe, expect, it } from "vitest";
-const __dirname = dirname(fileURLToPath(import.meta.url));
-
-// Used in commented-out test below — will be re-enabled with jar-testing-library
-function ExpensiveComponent({ value }: { value: number }) {
-  const expensiveResult = value * value * value;
-  return (
-    <Text>
-      Value: {value}, Result: {expensiveResult}
-    </Text>
-  );
-}
-void ExpensiveComponent;
-
-describe.concurrent("React Compiler Verification", () => {
-  // TODO: Replace with jar-testing-library when available
-  // it('should verify compiled code uses memoization (behavioral test)', () => {
-  // 	// This test verifies that the component works correctly with memoization.
-  // 	// React-compiler automatically memoizes computations based on dependencies.
-  // 	// With the same props, the compiler ensures the computation result is reused.
-  // 	const { lastFrame, rerender } = render(<ExpensiveComponent value={2} />);
-  // 	let output = lastFrame() || '';
-  //
-  // 	expect(output).toContain('Value:2');
-  // 	expect(output).toContain('Result: 8'); // 2^3
-  //
-  // 	// Re-render with same value - react-compiler should reuse the memoized result
-  // 	rerender(<ExpensiveComponent value={2} />);
-  // 	output = lastFrame() || '';
-  // 	expect(output).toContain('Value:2');
-  // 	expect(output).toContain('Result: 8');
-  //
-  // 	// Change value - computation should produce new result
-  // 	rerender(<ExpensiveComponent value={3} />);
-  // 	output = lastFrame() || '';
-  // 	expect(output).toContain('Value:3');
-  // 	expect(output).toContain('Result: 27'); // 3^3
-  // });
-
-  it("should verify build output contains react-compiler runtime", async () => {
-    // This test checks the actual built output to verify compilation happened
-    const buildOutputPath = join(__dirname, "../../../dist/index.mjs");
-
-    let buildOutput = "";
-    try {
-      buildOutput = await readFile(buildOutputPath, "utf-8");
-
-      // Check for useMemoCache - this is injected by react-compiler
-      const hasUseMemoCache = buildOutput.includes("useMemoCache");
-
-      // Check for react-compiler-runtime import/usage
-      const hasRuntime =
-        buildOutput.includes("react-compiler-runtime") ||
-        buildOutput.includes("react/compiler-runtime");
-
-      // At least one of these should be present if compilation happened
-      expect(hasUseMemoCache || hasRuntime).toBe(true);
-
-      if (hasUseMemoCache) {
-        const count = (buildOutput.match(/useMemoCache/g) || []).length;
-        expect(count).toBeGreaterThan(0);
-      }
-    } catch {
-      // If build output doesn't exist, skip this test but warn
-      console.warn(
-        'Build output not found. Run "npm run build.tsdown" first to verify compilation.',
-      );
-      // Don't fail the test, just skip the verification
-      expect(true).toBe(true);
-    }
-  });
-});