claude-dashboard 0.1.0

package/src/stores/workflowStore.ts

@@ -0,0 +1,57 @@
+"use client";
+
+import { create } from "zustand";
+import type { WorkflowStatus } from "@/lib/workflow/types";
+
+export interface WorkflowState {
+  workflowId: string | null;
+  status: WorkflowStatus;
+  title: string;
+  currentStageIndex: number;
+  startedAt: number | null;
+  completedAt: number | null;
+
+  setWorkflow: (id: string, title: string) => void;
+  setStatus: (status: WorkflowStatus) => void;
+  setCurrentStage: (index: number) => void;
+  setCompleted: () => void;
+  reset: () => void;
+}
+
+export const useWorkflowStore = create<WorkflowState>((set) => ({
+  workflowId: null,
+  status: "pending",
+  title: "",
+  currentStageIndex: 0,
+  startedAt: null,
+  completedAt: null,
+
+  setWorkflow: (id, title) =>
+    set({
+      workflowId: id,
+      title,
+      status: "running",
+      startedAt: Date.now(),
+      completedAt: null,
+      currentStageIndex: 0,
+    }),
+
+  setStatus: (status) => {
+    const isTerminal = status === "completed" || status === "failed" || status === "cancelled";
+    set(isTerminal ? { status, completedAt: Date.now() } : { status });
+  },
+
+  setCurrentStage: (index) => set({ currentStageIndex: index }),
+
+  setCompleted: () => set({ status: "completed", completedAt: Date.now() }),
+
+  reset: () =>
+    set({
+      workflowId: null,
+      status: "pending",
+      title: "",
+      currentStageIndex: 0,
+      startedAt: null,
+      completedAt: null,
+    }),
+}));

package/src/types/css.d.ts

@@ -0,0 +1,4 @@
+declare module '*.css' {
+  const content: Record<string, string>;
+  export default content;
+}

package/src/types/index.ts

@@ -0,0 +1,12 @@
+export * from '@/lib/workflow/types';
+export * from '@/lib/websocket/protocol';
+
+import type { AgentRole } from '@/lib/workflow/types';
+
+export interface EventLogItem {
+  id: string;
+  timestamp: string;
+  type: 'info' | 'warning' | 'error' | 'success';
+  role?: AgentRole;
+  message: string;
+}

package/tailwind.config.ts

@@ -0,0 +1,65 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  darkMode: "class",
+  content: [
+    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        // Agent colors
+        agent: {
+          pm: "#A855F7",
+          rd: "#3B82F6",
+          ui: "#22C55E",
+          test: "#F97316",
+          sec: "#EF4444",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },
+  plugins: [require("@tailwindcss/typography")],
+};
+
+export default config;

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      { "name": "next" }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsconfig.server.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "rewriteRelativeImportExtensions": true,
+    "lib": ["esnext"],
+    "outDir": "./dist",
+    "rootDir": ".",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "declaration": false,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["server.ts", "bin/**/*.ts", "src/lib/**/*.ts"],
+  "exclude": ["node_modules", ".next"]
+}

package/vitest.config.ts

@@ -0,0 +1,25 @@
+import { defineConfig } from "vitest/config";
+import react from "@vitejs/plugin-react";
+import path from "path";
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: "jsdom",
+    globals: true,
+    setupFiles: ["./src/__tests__/setup.ts"],
+    include: ["src/**/*.test.{ts,tsx}"],
+    testTimeout: 10000,
+    pool: "forks",
+    server: {
+      deps: {
+        external: ["node-pty", "sql.js"],
+      },
+    },
+  },
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+});