@runfusion/fusion 0.24.0 → 0.25.0

package/dist/plugins/fusion-plugin-dependency-graph/src/GraphToolbar.css

@@ -1,35 +0,0 @@
-.graph-toolbar {
-  position: absolute;
-  right: var(--space-md);
-  bottom: var(--space-md);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-  padding: var(--space-sm);
-  background: var(--surface);
-  border: var(--btn-border-width) solid var(--border);
-  border-radius: var(--radius-md);
-  box-shadow: var(--shadow-md);
-  z-index: 10;
-}
-
-.graph-toolbar__zoom-label {
-  min-width: 3.5ch;
-  color: var(--text-muted);
-  font-family: var(--font-mono);
-  font-size: 0.75rem;
-  text-align: center;
-}
-
-@media (max-width: 768px) {
-  .graph-toolbar {
-    right: var(--space-sm);
-    bottom: var(--space-sm);
-    padding: var(--space-md);
-  }
-
-  .graph-toolbar .btn-icon {
-    min-width: calc(var(--space-xs) * 11);
-    min-height: calc(var(--space-xs) * 11);
-  }
-}

package/dist/plugins/fusion-plugin-dependency-graph/src/GraphToolbar.tsx

@@ -1,36 +0,0 @@
-import { Maximize, RotateCcw, ZoomIn, ZoomOut } from "lucide-react";
-import "./GraphToolbar.css";
-
-export interface GraphToolbarProps {
-  zoom: number;
-  onZoomIn: () => void;
-  onZoomOut: () => void;
-  onFitToGraph: () => void;
-  onResetView: () => void;
-}
-
-export function GraphToolbar({
-  zoom,
-  onZoomIn,
-  onZoomOut,
-  onFitToGraph,
-  onResetView,
-}: GraphToolbarProps) {
-  return (
-    <div className="graph-toolbar" data-testid="graph-toolbar">
-      <button className="btn btn-icon" title="Zoom in (Ctrl+=)" aria-label="Zoom in" onClick={onZoomIn}>
-        <ZoomIn size={16} />
-      </button>
-      <button className="btn btn-icon" title="Zoom out (Ctrl+-)" aria-label="Zoom out" onClick={onZoomOut}>
-        <ZoomOut size={16} />
-      </button>
-      <div className="graph-toolbar__zoom-label" aria-live="polite">{Math.round(zoom * 100)}%</div>
-      <button className="btn btn-icon" title="Fit to graph (Ctrl+Shift+F)" aria-label="Fit to graph" onClick={onFitToGraph}>
-        <Maximize size={16} />
-      </button>
-      <button className="btn btn-icon" title="Reset view (Ctrl+0)" aria-label="Reset view" onClick={onResetView}>
-        <RotateCcw size={16} />
-      </button>
-    </div>
-  );
-}

package/dist/plugins/fusion-plugin-dependency-graph/src/__tests__/DependencyGraph.highlighting.test.tsx

@@ -1,112 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, fireEvent, render, screen } from "@testing-library/react";
-import type { Task } from "@fusion/core";
-import { DependencyGraph } from "../DependencyGraph";
-
-vi.mock("@fusion/dashboard/app/components/TaskCard", () => ({
-  TaskCard: ({ task, onOpenDetail }: { task: Task; onOpenDetail: (task: Task) => void }) => (
-    <button data-testid={`task-${task.id}`} onClick={() => onOpenDetail(task)}>{task.id}</button>
-  ),
-}));
-
-vi.mock("../useGraphInteraction", () => ({
-  useGraphInteraction: () => ({
-    transform: "translate(0px, 0px) scale(1)",
-    zoom: 1,
-    transitioning: false,
-    zoomIn: vi.fn(),
-    zoomOut: vi.fn(),
-    resetView: vi.fn(),
-    fitToGraph: vi.fn(),
-    onPointerDown: vi.fn(),
-    onPointerMove: vi.fn(),
-    onPointerUp: vi.fn(),
-    onWheelZoom: vi.fn(),
-    handleKeyDown: vi.fn(),
-  }),
-}));
-
-function createTask(id: string, dependencies: string[] = []): Task {
-  return {
-    id,
-    description: id,
-    column: "todo",
-    dependencies,
-    steps: [],
-    currentStep: 0,
-    log: [],
-    createdAt: new Date().toISOString(),
-    updatedAt: new Date().toISOString(),
-  } as Task;
-}
-
-afterEach(() => {
-  cleanup();
-});
-
-describe("DependencyGraph highlighting", () => {
-  const tasks = [createTask("A"), createTask("B", ["A"]), createTask("C", ["B"]), createTask("D")];
-
-  it("highlights chain on hover and returns to neutral on mouse leave", () => {
-    render(<DependencyGraph tasks={tasks} onOpenDetail={vi.fn()} />);
-
-    fireEvent.mouseEnter(screen.getByTestId("graph-task-node-C"));
-    expect(screen.getByTestId("graph-task-node-A").className).toContain("graph-task-node--highlighted");
-    expect(screen.getByTestId("graph-task-node-B").className).toContain("graph-task-node--highlighted");
-    expect(screen.getByTestId("graph-task-node-C").className).toContain("graph-task-node--highlighted");
-    expect(screen.getByTestId("graph-task-node-D").className).toContain("graph-task-node--dimmed");
-
-    fireEvent.mouseLeave(screen.getByTestId("graph-task-node-C"));
-    expect(screen.getByTestId("graph-task-node-A").className).not.toContain("graph-task-node--highlighted");
-    expect(screen.getByTestId("graph-task-node-D").className).not.toContain("graph-task-node--dimmed");
-  });
-
-  it("keeps selection until toggled or pane clicked", () => {
-    render(<DependencyGraph tasks={tasks} onOpenDetail={vi.fn()} />);
-
-    fireEvent.click(screen.getByTestId("graph-task-node-B"));
-    expect(screen.getByTestId("graph-task-node-A").className).toContain("graph-task-node--highlighted");
-
-    fireEvent.click(screen.getByTestId("graph-task-node-B"));
-    expect(screen.getByTestId("graph-task-node-A").className).not.toContain("graph-task-node--highlighted");
-
-    fireEvent.click(screen.getByTestId("graph-task-node-B"));
-    fireEvent.click(document.querySelector(".dependency-graph__viewport") as Element);
-    expect(screen.getByTestId("graph-task-node-B").className).not.toContain("graph-task-node--highlighted");
-  });
-
-  it("hover overrides selection and reverts when hover leaves", () => {
-    render(<DependencyGraph tasks={tasks} onOpenDetail={vi.fn()} />);
-
-    fireEvent.click(screen.getByTestId("graph-task-node-B"));
-    fireEvent.mouseEnter(screen.getByTestId("graph-task-node-D"));
-    expect(screen.getByTestId("graph-task-node-D").className).toContain("graph-task-node--highlighted");
-    expect(screen.getByTestId("graph-task-node-A").className).toContain("graph-task-node--dimmed");
-
-    fireEvent.mouseLeave(screen.getByTestId("graph-task-node-D"));
-    expect(screen.getByTestId("graph-task-node-A").className).toContain("graph-task-node--highlighted");
-  });
-
-  it("applies edge dimming/highlighting and preserves click-to-detail", () => {
-    const onOpenDetail = vi.fn();
-    render(<DependencyGraph tasks={tasks} onOpenDetail={onOpenDetail} />);
-
-    fireEvent.mouseEnter(screen.getByTestId("graph-task-node-C"));
-    const edges = screen.getAllByTestId("dependency-edge");
-    const edgeAB = edges.find((edge) => edge.getAttribute("data-edge-id") === "B->A");
-    const edgeCB = edges.find((edge) => edge.getAttribute("data-edge-id") === "C->B");
-
-    expect(edgeAB?.className.baseVal || edgeAB?.className).toContain("graph-edge--highlighted");
-    expect(edgeCB?.className.baseVal || edgeCB?.className).toContain("graph-edge--highlighted");
-
-    fireEvent.click(screen.getByTestId("task-C"));
-    expect(onOpenDetail).toHaveBeenCalledTimes(1);
-    expect(onOpenDetail).toHaveBeenCalledWith(expect.objectContaining({ id: "C" }));
-  });
-
-  it("highlights only isolated node with no dependencies", () => {
-    render(<DependencyGraph tasks={[createTask("X")]} onOpenDetail={vi.fn()} />);
-    fireEvent.mouseEnter(screen.getByTestId("graph-task-node-X"));
-    expect(screen.getByTestId("graph-task-node-X").className).toContain("graph-task-node--highlighted");
-  });
-});

package/dist/plugins/fusion-plugin-dependency-graph/src/__tests__/DependencyGraph.persistence.test.tsx

@@ -1,115 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { cleanup, fireEvent, render, screen } from "@testing-library/react";
-import type { Task } from "@fusion/core";
-import { DependencyGraph } from "../DependencyGraph";
-
-const fitToGraph = vi.fn();
-
-vi.mock("@fusion/dashboard/app/components/TaskCard", () => ({
-  TaskCard: ({ task, onOpenDetail }: { task: Task; onOpenDetail: (task: Task) => void }) => (
-    <button data-testid={`task-${task.id}`} onClick={() => onOpenDetail(task)}>{task.id}</button>
-  ),
-}));
-
-vi.mock("../useGraphInteraction", () => ({
-  useGraphInteraction: () => ({
-    transform: "translate(0px, 0px) scale(1)",
-    zoom: 1,
-    transitioning: false,
-    zoomIn: vi.fn(),
-    zoomOut: vi.fn(),
-    resetView: vi.fn(),
-    fitToGraph,
-    onPointerDown: vi.fn(),
-    onPointerMove: vi.fn(),
-    onPointerUp: vi.fn(),
-    onWheelZoom: vi.fn(),
-    handleKeyDown: vi.fn(),
-  }),
-}));
-
-vi.mock("../layout", () => ({
-  computeAutoLayout: ({ nodes }: { nodes: Array<{ task: { id: string } }> }) => {
-    const map = new Map<string, { x: number; y: number }>();
-    for (const node of nodes) {
-      if (node.task.id === "A") map.set("A", { x: 0, y: 0 });
-      if (node.task.id === "B") map.set("B", { x: 200, y: 0 });
-    }
-    return map;
-  },
-}));
-
-function createStorage() {
-  const store = new Map<string, string>();
-  return {
-    getItem: (key: string) => store.get(key) ?? null,
-    setItem: (key: string, value: string) => {
-      store.set(key, value);
-    },
-    removeItem: (key: string) => {
-      store.delete(key);
-    },
-  };
-}
-
-function createTask(id: string, column: Task["column"] = "todo"): Task {
-  return { id, description: id, column, dependencies: [], steps: [], currentStep: 0, log: [] } as Task;
-}
-
-describe("DependencyGraph persistence", () => {
-  afterEach(() => {
-    cleanup();
-  });
-
-  beforeEach(() => {
-    Object.defineProperty(window, "localStorage", { value: createStorage(), configurable: true });
-    fitToGraph.mockReset();
-  });
-
-  it("persists dragged node position across remount", () => {
-    const { unmount } = render(<DependencyGraph tasks={[createTask("A")]} projectId="p1" />);
-
-    const node = screen.getByTestId("graph-task-node-A");
-    fireEvent.pointerDown(node, { pointerId: 1, isPrimary: true, clientX: 10, clientY: 10 });
-    fireEvent.pointerMove(node, { pointerId: 1, isPrimary: true, clientX: 30, clientY: 40 });
-    fireEvent.pointerUp(node, { pointerId: 1, isPrimary: true, clientX: 30, clientY: 40 });
-
-    expect(window.localStorage.getItem("kb:p1:fusion-plugin-dependency-graph:positions")).toContain('"A":{"x":20,"y":30}');
-
-    unmount();
-    render(<DependencyGraph tasks={[createTask("A")]} projectId="p1" />);
-
-    expect(screen.getByTestId("graph-task-node-A").getAttribute("style")).toContain("left: 20px");
-    expect(screen.getByTestId("graph-task-node-A").getAttribute("style")).toContain("top: 30px");
-  });
-
-  it("merges saved positions with auto-layout for new tasks", () => {
-    window.localStorage.setItem("kb:p1:fusion-plugin-dependency-graph:positions", JSON.stringify({ A: { x: 25, y: 35 } }));
-
-    render(<DependencyGraph tasks={[createTask("A"), createTask("B")]} projectId="p1" />);
-
-    expect(screen.getByTestId("graph-task-node-A").getAttribute("style")).toContain("left: 25px");
-    expect(screen.getByTestId("graph-task-node-B").getAttribute("style")).toContain("left: 200px");
-  });
-
-  it("fit to graph clears saved positions and reapplies auto-layout", () => {
-    window.localStorage.setItem("kb:p1:fusion-plugin-dependency-graph:positions", JSON.stringify({ A: { x: 25, y: 35 } }));
-
-    render(<DependencyGraph tasks={[createTask("A")]} projectId="p1" />);
-    fireEvent.click(screen.getByRole("button", { name: "Fit to graph" }));
-
-    expect(window.localStorage.getItem("kb:p1:fusion-plugin-dependency-graph:positions")).toBeNull();
-    expect(screen.getByTestId("graph-task-node-A").getAttribute("style")).toContain("left: 0px");
-  });
-
-  it("switching projects loads project-scoped positions", () => {
-    window.localStorage.setItem("kb:p1:fusion-plugin-dependency-graph:positions", JSON.stringify({ A: { x: 11, y: 22 } }));
-    window.localStorage.setItem("kb:p2:fusion-plugin-dependency-graph:positions", JSON.stringify({ A: { x: 33, y: 44 } }));
-
-    const { rerender } = render(<DependencyGraph tasks={[createTask("A")]} projectId="p1" />);
-    expect(screen.getByTestId("graph-task-node-A").getAttribute("style")).toContain("left: 11px");
-
-    rerender(<DependencyGraph tasks={[createTask("A")]} projectId="p2" />);
-    expect(screen.getByTestId("graph-task-node-A").getAttribute("style")).toContain("left: 33px");
-  });
-});

package/dist/plugins/fusion-plugin-dependency-graph/src/__tests__/DependencyGraph.test.tsx

@@ -1,128 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { cleanup, fireEvent, render, screen } from "@testing-library/react";
-import type { Task } from "@fusion/core";
-import { DependencyGraph } from "../DependencyGraph";
-
-const fitToGraph = vi.fn();
-const zoomIn = vi.fn();
-const zoomOut = vi.fn();
-const resetView = vi.fn();
-const handleKeyDown = vi.fn();
-
-vi.mock("@fusion/dashboard/app/components/TaskCard", () => ({
-  TaskCard: ({ task, onOpenDetail, disableDrag }: { task: Task; onOpenDetail: (task: Task) => void; disableDrag?: boolean }) => (
-    <button data-testid={`task-${task.id}`} draggable={!disableDrag} onClick={() => onOpenDetail(task)}>{task.id}</button>
-  ),
-}));
-
-vi.mock("../useGraphInteraction", () => ({
-  useGraphInteraction: () => ({
-    transform: "translate(0px, 0px) scale(1)",
-    zoom: 1,
-    transitioning: false,
-    zoomIn,
-    zoomOut,
-    resetView,
-    fitToGraph,
-    onPointerDown: vi.fn(),
-    onPointerMove: vi.fn(),
-    onPointerUp: vi.fn(),
-    onWheelZoom: vi.fn(),
-    handleKeyDown,
-  }),
-}));
-
-function createTask(id: string, column: Task["column"], dependencies: string[] = []): Task {
-  return { id, description: id, column, dependencies, steps: [], currentStep: 0, log: [] } as Task;
-}
-
-describe("DependencyGraph", () => {
-  beforeEach(() => {
-    fitToGraph.mockReset();
-    zoomIn.mockReset();
-    zoomOut.mockReset();
-    resetView.mockReset();
-    handleKeyDown.mockReset();
-  });
-
-  afterEach(() => {
-    cleanup();
-  });
-
-  it("renders empty state for empty list", () => {
-    render(<DependencyGraph tasks={[]} onOpenTaskDetail={vi.fn()} />);
-    expect(screen.getByText(/No active tasks/i)).toBeTruthy();
-  });
-
-  it("renders only triage/todo/in-progress/in-review nodes from mixed columns", () => {
-    render(
-      <DependencyGraph
-        tasks={[
-          createTask("A", "triage"),
-          createTask("B", "todo"),
-          createTask("C", "in-progress"),
-          createTask("D", "in-review"),
-          createTask("E", "done"),
-          createTask("F", "archived"),
-        ]}
-        onOpenTaskDetail={vi.fn()}
-      />,
-    );
-
-    expect(screen.getByTestId("graph-task-node-A")).toBeTruthy();
-    expect(screen.getByTestId("graph-task-node-B")).toBeTruthy();
-    expect(screen.getByTestId("graph-task-node-C")).toBeTruthy();
-    expect(screen.getByTestId("graph-task-node-D")).toBeTruthy();
-    expect(screen.queryByTestId("graph-task-node-E")).toBeNull();
-    expect(screen.queryByTestId("graph-task-node-F")).toBeNull();
-  });
-
-  it("auto-fits on initial load with active tasks", () => {
-    render(<DependencyGraph tasks={[createTask("A", "todo")]} onOpenTaskDetail={vi.fn()} />);
-    expect(fitToGraph).toHaveBeenCalled();
-  });
-
-  it("forwards keyboard events to interaction hook", () => {
-    render(<DependencyGraph tasks={[createTask("A", "todo")]} onOpenTaskDetail={vi.fn()} />);
-    const viewport = document.querySelector(".dependency-graph__viewport");
-    if (!viewport) throw new Error("missing viewport");
-    fireEvent.keyDown(viewport, { key: "=", ctrlKey: true });
-    expect(handleKeyDown).toHaveBeenCalled();
-  });
-
-  it("sets viewport tabIndex for keyboard focus", () => {
-    render(<DependencyGraph tasks={[createTask("A", "todo")]} onOpenTaskDetail={vi.fn()} />);
-    const viewport = document.querySelector(".dependency-graph__viewport");
-    expect(viewport?.getAttribute("tabindex")).toBe("0");
-  });
-
-  it("renders toolbar controls", () => {
-    render(<DependencyGraph tasks={[createTask("A", "todo")]} onOpenTaskDetail={vi.fn()} />);
-    expect(screen.getByRole("button", { name: "Zoom in" })).toBeTruthy();
-    expect(screen.getByRole("button", { name: "Zoom out" })).toBeTruthy();
-    expect(screen.getByRole("button", { name: "Fit to graph" })).toBeTruthy();
-    expect(screen.getByRole("button", { name: "Reset view" })).toBeTruthy();
-    expect(screen.getByText("100%")).toBeTruthy();
-  });
-
-  it("fit-to-graph button triggers fitToGraph", () => {
-    render(<DependencyGraph tasks={[createTask("A", "todo")]} onOpenTaskDetail={vi.fn()} />);
-    fireEvent.click(screen.getByRole("button", { name: "Fit to graph" }));
-    expect(fitToGraph).toHaveBeenCalled();
-  });
-
-  it("clicking a card triggers onOpenDetail exactly once", () => {
-    const onOpenDetail = vi.fn();
-    render(<DependencyGraph tasks={[createTask("A", "in-progress")]} onOpenDetail={onOpenDetail} />);
-    fireEvent.click(screen.getByTestId("task-A"));
-    expect(onOpenDetail).toHaveBeenCalledTimes(1);
-    expect(onOpenDetail).toHaveBeenCalledWith(expect.objectContaining({ id: "A" }));
-  });
-
-  it("falls back to onOpenTaskDetail when onOpenDetail is not provided", () => {
-    const onOpenTaskDetail = vi.fn();
-    render(<DependencyGraph tasks={[createTask("A", "in-progress")]} onOpenTaskDetail={onOpenTaskDetail} />);
-    fireEvent.click(screen.getByTestId("task-A"));
-    expect(onOpenTaskDetail).toHaveBeenCalledWith("A");
-  });
-});

package/dist/plugins/fusion-plugin-dependency-graph/src/__tests__/GraphTaskNode.drag.test.tsx

@@ -1,82 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, fireEvent, render, screen } from "@testing-library/react";
-import type React from "react";
-import type { Task } from "@fusion/core";
-import { GraphTaskNode } from "../GraphTaskNode";
-
-function task(id = "FN-1"): Task {
-  return { id, description: id, column: "todo", dependencies: [], steps: [], currentStep: 0, log: [] } as Task;
-}
-
-function props(overrides: Partial<React.ComponentProps<typeof GraphTaskNode>> = {}): React.ComponentProps<typeof GraphTaskNode> {
-  return {
-    task: task(),
-    projectId: "p1",
-    position: { x: 0, y: 0 },
-    scale: 1,
-    isHighlighted: false,
-    isDimmed: false,
-    onNodePositionChange: vi.fn(),
-    onNodeDragStateChange: vi.fn(),
-    onOpenDetail: vi.fn(),
-    addToast: vi.fn(),
-    onUpdateTask: vi.fn(),
-    onArchiveTask: vi.fn(),
-    onUnarchiveTask: vi.fn(),
-    onDeleteTask: vi.fn(),
-    onRetryTask: vi.fn(),
-    onOpenDetailWithTab: vi.fn(),
-    onMoveTask: vi.fn(),
-    onOpenMission: vi.fn(),
-    taskStuckTimeoutMs: 1000,
-    lastFetchTimeMs: Date.now(),
-    workflowStepNameLookup: new Map<string, string>(),
-    ...overrides,
-  };
-}
-
-afterEach(() => {
-  cleanup();
-});
-
-describe("GraphTaskNode drag", () => {
-  it("does not open detail after drag threshold is exceeded", () => {
-    const onOpenDetail = vi.fn();
-    render(<GraphTaskNode {...props({ onOpenDetail })} />);
-    const node = screen.getByTestId("graph-task-node-FN-1");
-
-    fireEvent.pointerDown(node, { pointerId: 1, clientX: 10, clientY: 10, isPrimary: true });
-    fireEvent.pointerMove(node, { pointerId: 1, clientX: 25, clientY: 25, isPrimary: true });
-    fireEvent.pointerUp(node, { pointerId: 1, clientX: 25, clientY: 25, isPrimary: true });
-    fireEvent.click(node);
-
-    expect(onOpenDetail).not.toHaveBeenCalled();
-  });
-
-  it("applies dragging class only after threshold move", () => {
-    const onNodePositionChange = vi.fn();
-    render(<GraphTaskNode {...props({ onNodePositionChange })} />);
-    const node = screen.getByTestId("graph-task-node-FN-1");
-
-    fireEvent.pointerDown(node, { pointerId: 1, clientX: 10, clientY: 10, isPrimary: true });
-    fireEvent.pointerMove(node, { pointerId: 1, clientX: 12, clientY: 12, isPrimary: true });
-    expect(node.className).not.toContain("graph-node--dragging");
-
-    fireEvent.pointerMove(node, { pointerId: 1, clientX: 20, clientY: 20, isPrimary: true });
-    expect(node.className).toContain("graph-node--dragging");
-    expect(onNodePositionChange).toHaveBeenCalled();
-
-    fireEvent.pointerUp(node, { pointerId: 1, clientX: 20, clientY: 20, isPrimary: true });
-    expect(node.className).not.toContain("graph-node--dragging");
-  });
-
-  it("composes highlight and dragging classes", () => {
-    render(<GraphTaskNode {...props({ isHighlighted: true })} />);
-    const node = screen.getByTestId("graph-task-node-FN-1");
-    fireEvent.pointerDown(node, { pointerId: 1, clientX: 0, clientY: 0, isPrimary: true });
-    fireEvent.pointerMove(node, { pointerId: 1, clientX: 10, clientY: 10, isPrimary: true });
-
-    expect(node.className).toContain("graph-task-node--highlighted");
-    expect(node.className).toContain("graph-node--dragging");
-  });
-});