npm - @hienlh/ppm - Versions diffs - 0.1.0 - Mend

@hienlh/ppm 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

package/.claude/agent-memory/tester/MEMORY.md +3 -0
package/.claude/agent-memory/tester/project-ppm-test-conventions.md +32 -0
package/.env.example +1 -0
package/.github/workflows/release.yml +46 -0
package/README.md +349 -0
package/bun.lock +1217 -0
package/components.json +21 -0
package/docs/code-standards.md +574 -0
package/docs/codebase-summary.md +294 -0
package/docs/deployment-guide.md +631 -0
package/docs/design-guidelines.md +661 -0
package/docs/project-overview-pdr.md +142 -0
package/docs/project-roadmap.md +400 -0
package/docs/system-architecture.md +459 -0
package/package.json +68 -0
package/plans/260314-2009-ppm-implementation/phase-01-project-skeleton.md +81 -0
package/plans/260314-2009-ppm-implementation/phase-02-backend-core.md +148 -0
package/plans/260314-2009-ppm-implementation/phase-03-frontend-shell.md +256 -0
package/plans/260314-2009-ppm-implementation/phase-04-file-explorer-editor.md +120 -0
package/plans/260314-2009-ppm-implementation/phase-05-web-terminal.md +174 -0
package/plans/260314-2009-ppm-implementation/phase-06-git-integration.md +244 -0
package/plans/260314-2009-ppm-implementation/phase-07-ai-chat.md +242 -0
package/plans/260314-2009-ppm-implementation/phase-08-cli-commands.md +143 -0
package/plans/260314-2009-ppm-implementation/phase-09-pwa-build-deploy.md +209 -0
package/plans/260314-2009-ppm-implementation/phase-10-testing.md +311 -0
package/plans/260314-2009-ppm-implementation/plan.md +202 -0
package/plans/260315-0356-project-scoped-api-refactor/phase-01-backend-project-router.md +145 -0
package/plans/260315-0356-project-scoped-api-refactor/phase-02-frontend-api-migration.md +107 -0
package/plans/260315-0356-project-scoped-api-refactor/phase-03-per-project-tabs.md +100 -0
package/plans/260315-0356-project-scoped-api-refactor/phase-04-websocket-migration.md +66 -0
package/plans/260315-0356-project-scoped-api-refactor/plan.md +87 -0
package/plans/reports/brainstorm-260314-1938-final-techstack.md +342 -0
package/plans/reports/docs-manager-260315-1314-documentation-creation.md +386 -0
package/plans/reports/fullstack-developer-260314-2252-phase-02-backend-core.md +57 -0
package/plans/reports/fullstack-developer-260314-2253-phase-03-frontend-shell.md +70 -0
package/plans/reports/fullstack-developer-260314-2300-phase-04-05-file-api-terminal-ws.md +49 -0
package/plans/reports/fullstack-developer-260314-2300-phase-04-05-file-explorer-editor-terminal.md +52 -0
package/plans/reports/fullstack-developer-260314-2307-ai-chat-phase7.md +58 -0
package/plans/reports/fullstack-developer-260314-2307-phase-06-git-integration.md +33 -0
package/plans/reports/research-260314-1911-ppm-tech-stack.md +318 -0
package/plans/reports/research-260314-1930-claude-code-integration.md +293 -0
package/plans/reports/researcher-260314-2232-node-pty-bun-crash-analysis.md +305 -0
package/plans/reports/researcher-260314-2232-ui-style.md +942 -0
package/plans/reports/researcher-260315-0300-opcode-claude-interaction.md +745 -0
package/plans/reports/researcher-260315-0303-opcode-deep-analysis.md +742 -0
package/plans/reports/researcher-260315-0305-claude-agent-sdk-github-research.md +423 -0
package/plans/reports/tester-260314-2053-initial-test-suite.md +81 -0
package/ppm.example.yaml +14 -0
package/repomix-output.xml +23745 -0
package/scripts/build.ts +13 -0
package/src/cli/commands/chat-cmd.ts +259 -0
package/src/cli/commands/config-cmd.ts +121 -0
package/src/cli/commands/git-cmd.ts +315 -0
package/src/cli/commands/init.ts +57 -0
package/src/cli/commands/open.ts +19 -0
package/src/cli/commands/projects.ts +100 -0
package/src/cli/commands/start.ts +3 -0
package/src/cli/commands/stop.ts +33 -0
package/src/cli/utils/project-resolver.ts +27 -0
package/src/index.ts +59 -0
package/src/providers/claude-agent-sdk.ts +499 -0
package/src/providers/claude-binary-finder.ts +256 -0
package/src/providers/claude-code-cli.ts +413 -0
package/src/providers/claude-process-registry.ts +106 -0
package/src/providers/mock-provider.ts +171 -0
package/src/providers/provider.interface.ts +10 -0
package/src/providers/registry.ts +45 -0
package/src/server/helpers/resolve-project.ts +22 -0
package/src/server/index.ts +181 -0
package/src/server/middleware/auth.ts +30 -0
package/src/server/routes/chat.ts +153 -0
package/src/server/routes/files.ts +168 -0
package/src/server/routes/git.ts +261 -0
package/src/server/routes/project-scoped.ts +27 -0
package/src/server/routes/projects.ts +57 -0
package/src/server/routes/static.ts +26 -0
package/src/server/ws/chat.ts +130 -0
package/src/server/ws/terminal.ts +89 -0
package/src/services/chat.service.ts +110 -0
package/src/services/claude-usage.service.ts +113 -0
package/src/services/config.service.ts +90 -0
package/src/services/file.service.ts +261 -0
package/src/services/git-dirs.service.ts +112 -0
package/src/services/git.service.ts +372 -0
package/src/services/project.service.ts +107 -0
package/src/services/slash-items.service.ts +184 -0
package/src/services/terminal.service.ts +212 -0
package/src/types/api.ts +37 -0
package/src/types/chat.ts +92 -0
package/src/types/config.ts +41 -0
package/src/types/git.ts +50 -0
package/src/types/project.ts +18 -0
package/src/types/terminal.ts +20 -0
package/src/web/app.tsx +168 -0
package/src/web/components/auth/login-screen.tsx +88 -0
package/src/web/components/chat/attachment-chips.tsx +55 -0
package/src/web/components/chat/chat-placeholder.tsx +10 -0
package/src/web/components/chat/chat-tab.tsx +301 -0
package/src/web/components/chat/file-picker.tsx +126 -0
package/src/web/components/chat/message-input.tsx +420 -0
package/src/web/components/chat/message-list.tsx +838 -0
package/src/web/components/chat/session-picker.tsx +139 -0
package/src/web/components/chat/slash-command-picker.tsx +135 -0
package/src/web/components/chat/usage-badge.tsx +186 -0
package/src/web/components/editor/code-editor.tsx +329 -0
package/src/web/components/editor/diff-viewer.tsx +276 -0
package/src/web/components/editor/editor-placeholder.tsx +10 -0
package/src/web/components/explorer/file-actions.tsx +191 -0
package/src/web/components/explorer/file-tree.tsx +298 -0
package/src/web/components/git/git-graph.tsx +727 -0
package/src/web/components/git/git-placeholder.tsx +55 -0
package/src/web/components/git/git-status-panel.tsx +850 -0
package/src/web/components/layout/mobile-drawer.tsx +137 -0
package/src/web/components/layout/mobile-nav.tsx +103 -0
package/src/web/components/layout/sidebar.tsx +90 -0
package/src/web/components/layout/tab-bar.tsx +152 -0
package/src/web/components/layout/tab-content.tsx +85 -0
package/src/web/components/projects/dir-suggest.tsx +152 -0
package/src/web/components/projects/project-list.tsx +187 -0
package/src/web/components/settings/settings-tab.tsx +57 -0
package/src/web/components/terminal/terminal-placeholder.tsx +10 -0
package/src/web/components/terminal/terminal-tab.tsx +133 -0
package/src/web/components/ui/button.tsx +64 -0
package/src/web/components/ui/context-menu.tsx +250 -0
package/src/web/components/ui/dialog.tsx +156 -0
package/src/web/components/ui/dropdown-menu.tsx +257 -0
package/src/web/components/ui/input.tsx +21 -0
package/src/web/components/ui/scroll-area.tsx +56 -0
package/src/web/components/ui/separator.tsx +26 -0
package/src/web/components/ui/sonner.tsx +40 -0
package/src/web/components/ui/tabs.tsx +91 -0
package/src/web/components/ui/tooltip.tsx +57 -0
package/src/web/hooks/use-chat.ts +420 -0
package/src/web/hooks/use-terminal.ts +182 -0
package/src/web/hooks/use-url-sync.ts +66 -0
package/src/web/hooks/use-websocket.ts +48 -0
package/src/web/index.html +16 -0
package/src/web/lib/api-client.ts +90 -0
package/src/web/lib/file-support.ts +68 -0
package/src/web/lib/utils.ts +6 -0
package/src/web/lib/ws-client.ts +100 -0
package/src/web/main.tsx +10 -0
package/src/web/public/icon-192.svg +5 -0
package/src/web/public/icon-512.svg +5 -0
package/src/web/stores/file-store.ts +81 -0
package/src/web/stores/project-store.ts +50 -0
package/src/web/stores/settings-store.ts +65 -0
package/src/web/stores/tab-store.ts +187 -0
package/src/web/styles/globals.css +227 -0
package/src/web/vite-env.d.ts +1 -0
package/tests/integration/api/chat-routes.test.ts +95 -0
package/tests/integration/claude-agent-sdk-integration.test.ts +228 -0
package/tests/integration/ws/chat-websocket.test.ts +312 -0
package/tests/test-setup.ts +5 -0
package/tests/unit/providers/claude-agent-sdk.test.ts +339 -0
package/tests/unit/providers/mock-provider.test.ts +143 -0
package/tests/unit/services/chat-service.test.ts +100 -0
package/tsconfig.json +32 -0
package/vite.config.ts +62 -0

package/src/web/stores/project-store.ts ADDED Viewed

@@ -0,0 +1,50 @@
+import { create } from "zustand";
+import { api } from "@/lib/api-client";
+export interface Project {
+  name: string;
+  path: string;
+}
+export interface ProjectInfo extends Project {
+  branch?: string;
+  status?: "clean" | "dirty";
+}
+interface ProjectStore {
+  projects: ProjectInfo[];
+  activeProject: ProjectInfo | null;
+  loading: boolean;
+  error: string | null;
+  fetchProjects: () => Promise<void>;
+  setActiveProject: (project: ProjectInfo) => void;
+}
+export const useProjectStore = create<ProjectStore>((set) => ({
+  projects: [],
+  activeProject: null,
+  loading: false,
+  error: null,
+  fetchProjects: async () => {
+    set({ loading: true, error: null });
+    try {
+      const projects = await api.get<ProjectInfo[]>("/api/projects");
+      set({ projects, loading: false });
+      // Auto-select first project if none active
+      set((s) => {
+        if (!s.activeProject && projects.length > 0) {
+          return { activeProject: projects[0] };
+        }
+        return {};
+      });
+    } catch (err) {
+      set({
+        error: err instanceof Error ? err.message : "Failed to fetch projects",
+        loading: false,
+      });
+    }
+  },
+  setActiveProject: (project) => set({ activeProject: project }),
+}));

package/src/web/stores/settings-store.ts ADDED Viewed

@@ -0,0 +1,65 @@
+import { create } from "zustand";
+export type Theme = "light" | "dark" | "system";
+const STORAGE_KEY = "ppm-settings";
+interface SettingsState {
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
+}
+function loadPersistedTheme(): Theme {
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      const parsed = JSON.parse(stored) as { theme?: Theme };
+      if (
+        parsed.theme === "light" ||
+        parsed.theme === "dark" ||
+        parsed.theme === "system"
+      ) {
+        return parsed.theme;
+      }
+    }
+  } catch {
+    // ignore
+  }
+  return "dark";
+}
+function persistTheme(theme: Theme) {
+  localStorage.setItem(STORAGE_KEY, JSON.stringify({ theme }));
+}
+/** Apply the resolved theme class to <html> */
+export function applyThemeClass(theme: Theme) {
+  const resolved =
+    theme === "system"
+      ? window.matchMedia("(prefers-color-scheme: dark)").matches
+        ? "dark"
+        : "light"
+      : theme;
+  document.documentElement.classList.toggle("dark", resolved === "dark");
+  document.documentElement.classList.toggle("light", resolved === "light");
+  // Update theme-color meta tag
+  const metaThemeColor = document.querySelector('meta[name="theme-color"]');
+  if (metaThemeColor) {
+    metaThemeColor.setAttribute(
+      "content",
+      resolved === "dark" ? "#0f1419" : "#ffffff",
+    );
+  }
+}
+export const useSettingsStore = create<SettingsState>((set) => ({
+  theme: loadPersistedTheme(),
+  setTheme: (theme) => {
+    persistTheme(theme);
+    applyThemeClass(theme);
+    set({ theme });
+  },
+}));

package/src/web/stores/tab-store.ts ADDED Viewed

@@ -0,0 +1,187 @@
+import { create } from "zustand";
+export type TabType =
+  | "projects"
+  | "terminal"
+  | "chat"
+  | "editor"
+  | "git-graph"
+  | "git-status"
+  | "git-diff"
+  | "settings";
+/** Tab types that can only have 1 instance per project */
+const SINGLETON_TYPES = new Set<TabType>([
+  "git-status",
+  "git-graph",
+  "settings",
+  "projects",
+]);
+export interface Tab {
+  id: string;
+  type: TabType;
+  title: string;
+  projectId: string | null;
+  metadata?: Record<string, unknown>;
+  closable: boolean;
+}
+// ---------------------------------------------------------------------------
+// localStorage helpers
+// ---------------------------------------------------------------------------
+const STORAGE_PREFIX = "ppm-tabs-";
+function storageKey(projectName: string): string {
+  return `${STORAGE_PREFIX}${projectName}`;
+}
+interface PersistedTabState {
+  tabs: Tab[];
+  activeTabId: string | null;
+}
+function loadTabs(projectName: string): PersistedTabState {
+  try {
+    const raw = localStorage.getItem(storageKey(projectName));
+    if (raw) return JSON.parse(raw) as PersistedTabState;
+  } catch {
+    /* ignore */
+  }
+  return { tabs: [], activeTabId: null };
+}
+function saveTabs(projectName: string, state: PersistedTabState) {
+  try {
+    localStorage.setItem(storageKey(projectName), JSON.stringify(state));
+  } catch {
+    /* ignore */
+  }
+}
+// ---------------------------------------------------------------------------
+// Unique ID generator — uses crypto.randomUUID to avoid cross-project collisions
+// ---------------------------------------------------------------------------
+function generateTabId(): string {
+  return `tab-${crypto.randomUUID().slice(0, 8)}`;
+}
+// ---------------------------------------------------------------------------
+// Store interface
+// ---------------------------------------------------------------------------
+interface TabStore {
+  tabs: Tab[];
+  activeTabId: string | null;
+  currentProject: string | null;
+  switchProject: (projectName: string) => void;
+  openTab: (tab: Omit<Tab, "id">) => string;
+  closeTab: (id: string) => void;
+  setActiveTab: (id: string) => void;
+  updateTab: (id: string, updates: Partial<Omit<Tab, "id">>) => void;
+}
+// ---------------------------------------------------------------------------
+// Store
+// ---------------------------------------------------------------------------
+export const useTabStore = create<TabStore>()((set, get) => ({
+  tabs: [],
+  activeTabId: null,
+  currentProject: null,
+  switchProject: (projectName: string) => {
+    const { currentProject, tabs, activeTabId } = get();
+    // Save current project's tabs first
+    if (currentProject) {
+      saveTabs(currentProject, { tabs, activeTabId });
+    }
+    // Load new project's tabs
+    const loaded = loadTabs(projectName);
+    // If no tabs, open default "Projects" tab
+    if (loaded.tabs.length === 0) {
+      const defaultId = generateTabId();
+      const defaultTab: Tab = {
+        id: defaultId,
+        type: "projects",
+        title: "Projects",
+        projectId: null,
+        closable: false,
+      };
+      const newState = { tabs: [defaultTab], activeTabId: defaultId };
+      saveTabs(projectName, newState);
+      set({ currentProject: projectName, ...newState });
+    } else {
+      set({
+        currentProject: projectName,
+        tabs: loaded.tabs,
+        activeTabId: loaded.activeTabId,
+      });
+    }
+  },
+  openTab: (tabDef) => {
+    const { currentProject } = get();
+    // Singleton: only 1 instance per project (match type + projectId)
+    if (SINGLETON_TYPES.has(tabDef.type)) {
+      const existing = get().tabs.find(
+        (t) => t.type === tabDef.type && t.projectId === tabDef.projectId,
+      );
+      if (existing) {
+        set({ activeTabId: existing.id });
+        if (currentProject) {
+          saveTabs(currentProject, { tabs: get().tabs, activeTabId: existing.id });
+        }
+        return existing.id;
+      }
+    }
+    const id = generateTabId();
+    const tab: Tab = { ...tabDef, id };
+    set((s) => {
+      const newTabs = [...s.tabs, tab];
+      if (s.currentProject) {
+        saveTabs(s.currentProject, { tabs: newTabs, activeTabId: id });
+      }
+      return { tabs: newTabs, activeTabId: id };
+    });
+    return id;
+  },
+  closeTab: (id) => {
+    set((s) => {
+      const idx = s.tabs.findIndex((t) => t.id === id);
+      const newTabs = s.tabs.filter((t) => t.id !== id);
+      let newActive = s.activeTabId;
+      if (s.activeTabId === id) {
+        const nextIdx = Math.min(idx, newTabs.length - 1);
+        newActive = newTabs[nextIdx]?.id ?? null;
+      }
+      if (s.currentProject) {
+        saveTabs(s.currentProject, { tabs: newTabs, activeTabId: newActive });
+      }
+      return { tabs: newTabs, activeTabId: newActive };
+    });
+  },
+  setActiveTab: (id) => {
+    set((s) => {
+      if (s.currentProject) {
+        saveTabs(s.currentProject, { tabs: s.tabs, activeTabId: id });
+      }
+      return { activeTabId: id };
+    });
+  },
+  updateTab: (id, updates) => {
+    set((s) => {
+      const newTabs = s.tabs.map((t) => (t.id === id ? { ...t, ...updates } : t));
+      if (s.currentProject) {
+        saveTabs(s.currentProject, { tabs: newTabs, activeTabId: s.activeTabId });
+      }
+      return { tabs: newTabs };
+    });
+  },
+}));

package/src/web/styles/globals.css ADDED Viewed

@@ -0,0 +1,227 @@
+@import "tailwindcss";
+@theme {
+  /* Dark theme colors (default) */
+  --color-background: #0f1419;
+  --color-foreground: #e5e7eb;
+  --color-surface: #1a1f2e;
+  --color-surface-elevated: #252d3d;
+  --color-card: #1a1f2e;
+  --color-card-foreground: #e5e7eb;
+  --color-popover: #1a1f2e;
+  --color-popover-foreground: #e5e7eb;
+  --color-primary: #3b82f6;
+  --color-primary-foreground: #ffffff;
+  --color-secondary: #252d3d;
+  --color-secondary-foreground: #e5e7eb;
+  --color-muted: #1a1f2e;
+  --color-muted-foreground: #9ca3af;
+  --color-accent: #252d3d;
+  --color-accent-foreground: #e5e7eb;
+  --color-destructive: #ef4444;
+  --color-destructive-foreground: #ffffff;
+  --color-border: #404854;
+  --color-input: #404854;
+  --color-ring: #3b82f6;
+  --color-success: #10b981;
+  --color-warning: #f59e0b;
+  --color-error: #ef4444;
+  --color-info: #06b6d4;
+  --color-text-primary: #e5e7eb;
+  --color-text-secondary: #9ca3af;
+  --color-text-subtle: #6b7280;
+  --font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    "Helvetica Neue", sans-serif;
+  --font-mono: "Geist Mono", "Monaco", "Courier New", monospace;
+  --radius-sm: 6px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+}
+/* Light theme overrides */
+.light {
+  --color-background: #ffffff;
+  --color-foreground: #1a1f2e;
+  --color-surface: #f8fafc;
+  --color-surface-elevated: #f1f5f9;
+  --color-card: #f8fafc;
+  --color-card-foreground: #1a1f2e;
+  --color-popover: #ffffff;
+  --color-popover-foreground: #1a1f2e;
+  --color-primary: #2563eb;
+  --color-primary-foreground: #ffffff;
+  --color-secondary: #f1f5f9;
+  --color-secondary-foreground: #1a1f2e;
+  --color-muted: #f8fafc;
+  --color-muted-foreground: #64748b;
+  --color-accent: #f1f5f9;
+  --color-accent-foreground: #1a1f2e;
+  --color-destructive: #dc2626;
+  --color-destructive-foreground: #ffffff;
+  --color-border: #e2e8f0;
+  --color-input: #e2e8f0;
+  --color-ring: #2563eb;
+  --color-success: #059669;
+  --color-warning: #d97706;
+  --color-error: #dc2626;
+  --color-info: #0891b2;
+  --color-text-primary: #1a1f2e;
+  --color-text-secondary: #64748b;
+  --color-text-subtle: #94a3b8;
+}
+/* Scrollbar styling */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: var(--color-border);
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #525c6a;
+}
+/* Focus ring */
+:focus-visible {
+  outline: 2px solid var(--color-ring);
+  outline-offset: 2px;
+}
+/* Prevent overscroll bounce on iOS */
+html,
+body {
+  overscroll-behavior: none;
+}
+/* Safe area padding for notched devices */
+body {
+  padding-bottom: env(safe-area-inset-bottom);
+}
+/* Diff viewer: background highlight instead of underline for changed chars */
+[class*="cm-changedText"] {
+  text-decoration: none !important;
+  text-decoration-line: none !important;
+  border-bottom: none !important;
+  outline: none !important;
+  background-image: none !important;
+}
+/* Markdown content styling */
+.markdown-content p {
+  margin: 0.25rem 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.markdown-content p:first-child { margin-top: 0; }
+.markdown-content p:last-child { margin-bottom: 0; }
+.markdown-content h1 { font-size: 1rem; font-weight: 700; margin: 0.75rem 0 0.25rem; }
+.markdown-content h2 { font-size: 0.875rem; font-weight: 700; margin: 0.5rem 0 0.25rem; }
+.markdown-content h3 { font-size: 0.875rem; font-weight: 600; margin: 0.5rem 0 0.125rem; }
+.markdown-content pre {
+  overflow-x: auto;
+  border-radius: 6px;
+  background: var(--color-background);
+  padding: 0.5rem;
+  font-size: 0.75rem;
+  font-family: var(--font-mono);
+  border: 1px solid var(--color-border);
+  margin: 0.5rem 0;
+}
+.markdown-content code {
+  font-family: var(--font-mono);
+  font-size: 0.75rem;
+}
+.markdown-content :not(pre) > code {
+  background: var(--color-background);
+  padding: 0.125rem 0.25rem;
+  border-radius: 4px;
+  border: 1px solid var(--color-border);
+}
+.markdown-content a {
+  color: var(--color-primary);
+  text-decoration: none;
+}
+.markdown-content a:hover { text-decoration: underline; }
+.markdown-content ul { list-style-type: disc; padding-left: 1rem; margin: 0.25rem 0; }
+.markdown-content ol { list-style-type: decimal; padding-left: 1rem; margin: 0.25rem 0; }
+.markdown-content li { margin: 0.125rem 0; }
+.markdown-content blockquote {
+  border-left: 2px solid var(--color-border);
+  padding-left: 0.75rem;
+  margin: 0.25rem 0;
+  color: var(--color-text-secondary);
+  font-style: italic;
+}
+.markdown-content table {
+  width: 100%;
+  font-size: 0.75rem;
+  border-collapse: collapse;
+  margin: 0.5rem 0;
+}
+.markdown-content th, .markdown-content td {
+  border: 1px solid var(--color-border);
+  padding: 0.25rem 0.5rem;
+  text-align: left;
+}
+.markdown-content th {
+  background: var(--color-background);
+  font-weight: 500;
+}
+.markdown-content hr {
+  border: none;
+  border-top: 1px solid var(--color-border);
+  margin: 0.5rem 0;
+}
+.markdown-content strong { font-weight: 600; }
+.markdown-content em { font-style: italic; }
+/* Streaming cursor blink animation */
+@keyframes blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+.animate-blink {
+  animation: blink 0.8s ease-in-out infinite;
+}

package/src/web/vite-env.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="vite/client" />

package/tests/integration/api/chat-routes.test.ts ADDED Viewed

@@ -0,0 +1,95 @@
+import { describe, it, expect } from "bun:test";
+import "../../test-setup.ts"; // disable auth
+import { app } from "../../../src/server/index.ts";
+async function req(path: string, init?: RequestInit) {
+  const url = `http://localhost${path}`;
+  const headers = new Headers(init?.headers);
+  headers.set("Content-Type", "application/json");
+  return app.request(new Request(url, { ...init, headers }));
+}
+describe("Chat REST API", () => {
+  it("GET /api/chat/providers lists available providers", async () => {
+    const res = await req("/api/chat/providers");
+    const json = await res.json() as any;
+    expect(json.ok).toBe(true);
+    expect(Array.isArray(json.data)).toBe(true);
+    const ids = json.data.map((p: any) => p.id);
+    expect(ids).toContain("claude-sdk");
+    expect(ids).toContain("mock");
+  });
+  it("POST /api/chat/sessions creates a session", async () => {
+    const res = await req("/api/chat/sessions", {
+      method: "POST",
+      body: JSON.stringify({ providerId: "mock", projectName: "test" }),
+    });
+    const json = await res.json() as any;
+    expect(res.status).toBe(201);
+    expect(json.ok).toBe(true);
+    expect(json.data.id).toBeTruthy();
+    expect(json.data.providerId).toBe("mock");
+    expect(json.data.projectName).toBe("test");
+  });
+  it("GET /api/chat/sessions lists sessions", async () => {
+    await req("/api/chat/sessions", {
+      method: "POST",
+      body: JSON.stringify({ providerId: "mock", title: "Listed" }),
+    });
+    const res = await req("/api/chat/sessions?providerId=mock");
+    const json = await res.json() as any;
+    expect(json.ok).toBe(true);
+    expect(Array.isArray(json.data)).toBe(true);
+    expect(json.data.length).toBeGreaterThanOrEqual(1);
+  });
+  it("GET /api/chat/sessions?providerId=mock filters by provider", async () => {
+    const res = await req("/api/chat/sessions?providerId=mock");
+    const json = await res.json() as any;
+    expect(json.ok).toBe(true);
+    expect(json.data.every((s: any) => s.providerId === "mock")).toBe(true);
+  });
+  it("GET /api/chat/sessions/:id/messages returns history", async () => {
+    const createRes = await req("/api/chat/sessions", {
+      method: "POST",
+      body: JSON.stringify({ providerId: "mock" }),
+    });
+    const { data: session } = await createRes.json() as any;
+    const msgRes = await req(`/api/chat/sessions/${session.id}/messages?providerId=mock`);
+    const json = await msgRes.json() as any;
+    expect(json.ok).toBe(true);
+    expect(Array.isArray(json.data)).toBe(true);
+  });
+  it("DELETE /api/chat/sessions/:id deletes a session", async () => {
+    const createRes = await req("/api/chat/sessions", {
+      method: "POST",
+      body: JSON.stringify({ providerId: "mock", title: "To delete" }),
+    });
+    const { data: session } = await createRes.json() as any;
+    const delRes = await req(`/api/chat/sessions/${session.id}?providerId=mock`, {
+      method: "DELETE",
+    });
+    const json = await delRes.json() as any;
+    expect(json.ok).toBe(true);
+    expect(json.data.deleted).toBe(session.id);
+  });
+  it("health endpoint works without auth", async () => {
+    const res = await app.request(new Request("http://localhost/api/health"));
+    const json = await res.json() as any;
+    expect(json.ok).toBe(true);
+  });
+});