feat: Claude Code Monitor — lanes, pipelines and a merged workspace

Internal SmartGift build of a Claude Code monitoring dashboard. Lanes: a durable unit of parallel agent work, one per working directory, tracked across session restarts. Managed lanes are git worktrees the dashboard provisions and can reset or remove behind a three-check destroy guard and a counted preflight; adopted lanes are directories you already own and are never destroyable. Pipelines: a lane moves through pipeline stages. A stage the agent declares with evidence renders green; a stage inferred from the tool-event stream renders dashed amber and never counts as done. Detection is forward-only within a 30-minute window, and never writes the declared stage. Workspace: one page at /run with a lane grid, the selected lane's pipeline, and a full Claude console behind a disclosure.
2026-07-29 17:07:45 +07:00
commit ce1aece895
781 changed files with 220505 additions and 0 deletions
@@ -0,0 +1,44 @@
+/**
+ * @file EmptyState.test.tsx
+ * @description Unit tests for the EmptyState component, which is a reusable React component that displays an empty state with an icon, title, description, and an optional action. The tests cover rendering of the title, description, icon, and action button when provided. The tests use React Testing Library and Vitest for assertions and mocking.
+ * @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
+ */
+
+import { describe, it, expect } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { EmptyState } from "../EmptyState";
+import { Bot } from "lucide-react";
+
+describe("EmptyState", () => {
+  it("should render title", () => {
+    render(
+      <EmptyState icon={Bot} title="No agents" description="Start a session to see agents." />
+    );
+    expect(screen.getByText("No agents")).toBeInTheDocument();
+  });
+
+  it("should render description", () => {
+    render(
+      <EmptyState icon={Bot} title="No agents" description="Start a session to see agents." />
+    );
+    expect(screen.getByText("Start a session to see agents.")).toBeInTheDocument();
+  });
+
+  it("should render the icon", () => {
+    const { container } = render(<EmptyState icon={Bot} title="Title" description="Desc" />);
+    const svg = container.querySelector("svg");
+    expect(svg).toBeInTheDocument();
+  });
+
+  it("should render action when provided", () => {
+    render(
+      <EmptyState icon={Bot} title="Title" description="Desc" action={<button>Retry</button>} />
+    );
+    expect(screen.getByText("Retry")).toBeInTheDocument();
+  });
+
+  it("should not render action when not provided", () => {
+    render(<EmptyState icon={Bot} title="Title" description="Desc" />);
+    expect(screen.queryByRole("button")).not.toBeInTheDocument();
+  });
+});