First Release of Claw3D (#11)

Co-authored-by: iamlukethedev <iamlukethedev@users.noreply.github.com>
2026-03-19 23:14:04 -05:00
parent 5ea96b2650
commit 4fa4f13558
431 changed files with 105438 additions and 14 deletions
@@ -0,0 +1,176 @@
+import { createElement } from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import type { AgentState } from "@/features/agents/state/store";
+import { AgentChatPanel } from "@/features/agents/components/AgentChatPanel";
+import type { PendingExecApproval } from "@/features/agents/approvals/types";
+
+const createAgent = (): AgentState => ({
+  agentId: "agent-1",
+  name: "Agent One",
+  sessionKey: "agent:agent-1:studio:test-session",
+  status: "idle",
+  sessionCreated: true,
+  awaitingUserInput: false,
+  hasUnseenActivity: false,
+  outputLines: [],
+  lastResult: null,
+  lastDiff: null,
+  runId: null,
+  runStartedAt: null,
+  streamText: null,
+  thinkingTrace: null,
+  latestOverride: null,
+  latestOverrideKind: null,
+  lastAssistantMessageAt: null,
+  lastActivityAt: null,
+  latestPreview: null,
+  lastUserMessage: null,
+  draft: "",
+  sessionSettingsSynced: true,
+  historyLoadedAt: null,
+  historyFetchLimit: null,
+  historyFetchedCount: null,
+  historyMaybeTruncated: false,
+  toolCallingEnabled: true,
+  showThinkingTraces: true,
+  model: "openai/gpt-5",
+  thinkingLevel: "medium",
+  avatarSeed: "seed-1",
+  avatarUrl: null,
+});
+
+const createApproval = (overrides?: Partial<PendingExecApproval>): PendingExecApproval => ({
+  id: "approval-1",
+  agentId: "agent-1",
+  sessionKey: "agent:agent-1:main",
+  command: "npm run test",
+  cwd: "/repo",
+  host: "gateway",
+  security: "allowlist",
+  ask: "always",
+  resolvedPath: "/bin/npm",
+  createdAtMs: 1,
+  expiresAtMs: 1_700_000_000_000,
+  resolving: false,
+  error: null,
+  ...overrides,
+});
+
+describe("AgentChatPanel exec approvals", () => {
+  afterEach(() => {
+    cleanup();
+  });
+
+  it("renders pending approval card with metadata", () => {
+    render(
+      createElement(AgentChatPanel, {
+        agent: createAgent(),
+        isSelected: true,
+        canSend: true,
+        models: [],
+        stopBusy: false,
+        onLoadMoreHistory: vi.fn(),
+        onOpenSettings: vi.fn(),
+        onModelChange: vi.fn(),
+        onThinkingChange: vi.fn(),
+        onDraftChange: vi.fn(),
+        onSend: vi.fn(),
+        onStopRun: vi.fn(),
+        onAvatarShuffle: vi.fn(),
+        pendingExecApprovals: [createApproval()],
+      })
+    );
+
+    expect(screen.getByTestId("exec-approval-card-approval-1")).toBeInTheDocument();
+    expect(screen.getByText("Exec approval required")).toBeInTheDocument();
+    expect(screen.getByText("npm run test")).toBeInTheDocument();
+    expect(screen.getByText("Host: gateway")).toBeInTheDocument();
+    expect(screen.getByText("CWD: /repo")).toBeInTheDocument();
+  });
+
+  it("renders pending approvals after transcript content", () => {
+    render(
+      createElement(AgentChatPanel, {
+        agent: {
+          ...createAgent(),
+          outputLines: ["> inspect approvals", "assistant says hello"],
+        },
+        isSelected: true,
+        canSend: true,
+        models: [],
+        stopBusy: false,
+        onLoadMoreHistory: vi.fn(),
+        onOpenSettings: vi.fn(),
+        onModelChange: vi.fn(),
+        onThinkingChange: vi.fn(),
+        onDraftChange: vi.fn(),
+        onSend: vi.fn(),
+        onStopRun: vi.fn(),
+        onAvatarShuffle: vi.fn(),
+        pendingExecApprovals: [createApproval()],
+      })
+    );
+
+    const transcriptText = screen.getByText("assistant says hello");
+    const approvalCard = screen.getByTestId("exec-approval-card-approval-1");
+    expect(transcriptText.compareDocumentPosition(approvalCard) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+  });
+
+  it("invokes resolve callback for all approval decisions", () => {
+    const onResolveExecApproval = vi.fn();
+    render(
+      createElement(AgentChatPanel, {
+        agent: createAgent(),
+        isSelected: true,
+        canSend: true,
+        models: [],
+        stopBusy: false,
+        onLoadMoreHistory: vi.fn(),
+        onOpenSettings: vi.fn(),
+        onModelChange: vi.fn(),
+        onThinkingChange: vi.fn(),
+        onDraftChange: vi.fn(),
+        onSend: vi.fn(),
+        onStopRun: vi.fn(),
+        onAvatarShuffle: vi.fn(),
+        pendingExecApprovals: [createApproval()],
+        onResolveExecApproval,
+      })
+    );
+
+    fireEvent.click(screen.getByRole("button", { name: "Allow once for exec approval approval-1" }));
+    fireEvent.click(screen.getByRole("button", { name: "Always allow for exec approval approval-1" }));
+    fireEvent.click(screen.getByRole("button", { name: "Deny exec approval approval-1" }));
+
+    expect(onResolveExecApproval).toHaveBeenNthCalledWith(1, "approval-1", "allow-once");
+    expect(onResolveExecApproval).toHaveBeenNthCalledWith(2, "approval-1", "allow-always");
+    expect(onResolveExecApproval).toHaveBeenNthCalledWith(3, "approval-1", "deny");
+  });
+
+  it("disables actions while approval is resolving", () => {
+    render(
+      createElement(AgentChatPanel, {
+        agent: createAgent(),
+        isSelected: true,
+        canSend: true,
+        models: [],
+        stopBusy: false,
+        onLoadMoreHistory: vi.fn(),
+        onOpenSettings: vi.fn(),
+        onModelChange: vi.fn(),
+        onThinkingChange: vi.fn(),
+        onDraftChange: vi.fn(),
+        onSend: vi.fn(),
+        onStopRun: vi.fn(),
+        onAvatarShuffle: vi.fn(),
+        pendingExecApprovals: [createApproval({ resolving: true })],
+        onResolveExecApproval: vi.fn(),
+      })
+    );
+
+    expect(screen.getByRole("button", { name: "Allow once for exec approval approval-1" })).toBeDisabled();
+    expect(screen.getByRole("button", { name: "Always allow for exec approval approval-1" })).toBeDisabled();
+    expect(screen.getByRole("button", { name: "Deny exec approval approval-1" })).toBeDisabled();
+  });
+});