jettypod 4.4.118 → 4.4.121

package/apps/dashboard/lib/shadows.ts

@@ -0,0 +1,7 @@
+/** Design system elevation tokens — shared across all components. */
+export const shadow = {
+  sm: '0 1px 2px rgba(0,0,0,0.04), 0 2px 6px rgba(0,0,0,0.02)',
+  md: '0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03)',
+  lg: '0 4px 12px rgba(0,0,0,0.06), 0 12px 28px rgba(0,0,0,0.05)',
+  overlay: '0 8px 24px rgba(0,0,0,0.12), 0 16px 48px rgba(0,0,0,0.08)',
+};

package/apps/dashboard/lib/stream-manager-registry.ts

@@ -9,7 +9,7 @@
  * Part of Epic #1000129: Claude Session Architecture Refactor
  */
 
-import { EventEmitter } from 'events';
+import { EventEmitter } from 'eventemitter3';
 import {
   SessionStreamManager,
   createStreamManager,
@@ -46,6 +46,8 @@ interface ManagerMetadata {
   createdAt: number;
   /** Timestamp of last activity (message sent/received) */
   lastActivityAt: number;
+  /** Mutable ref for the session ID — allows rekey() to update the closure */
+  sessionIdRef: { current: string };
 }
 
 /** Configuration for stale manager cleanup */
@@ -164,10 +166,11 @@ class StreamManagerRegistry extends EventEmitter {
       // Skip if recently active
       if (meta.lastActivityAt > staleThreshold) continue;
 
-      // Skip streaming managers if configured
+      // Skip actively-running managers if configured
       if (this.cleanupConfig.onlyCleanupIdle) {
         const manager = this.managers.get(sessionId);
-        if (manager && manager.status === 'streaming') continue;
+        const activeStatuses = ['streaming', 'creating', 'connecting'];
+        if (manager && activeStatuses.includes(manager.status)) continue;
       }
 
       // Clean up this manager
@@ -266,21 +269,26 @@ class StreamManagerRegistry extends EventEmitter {
 
     const now = Date.now();
 
+    // Mutable ref so the closure always emits with the current session ID,
+    // even after rekey() changes it (fixes stream freeze after session linking)
+    const sessionIdRef = { current: sessionId };
+
     // Create new manager with state change callback that emits registry events
     const manager = createStreamManager(options.context, {
       ...options.callbacks,
       onStateChange: (state) => {
         // Record activity on state changes
-        this.recordActivity(sessionId);
-        this.emit('stateChange', sessionId, state);
+        this.recordActivity(sessionIdRef.current);
+        this.emit('stateChange', sessionIdRef.current, state);
       },
     });
 
-    // Initialize metadata
+    // Initialize metadata (includes sessionIdRef for rekey support)
     this.metadata.set(sessionId, {
       refCount: 0,
       createdAt: now,
       lastActivityAt: now,
+      sessionIdRef,
     });
 
     this.managers.set(sessionId, manager);
@@ -313,6 +321,38 @@ class StreamManagerRegistry extends EventEmitter {
     return true;
   }
 
+  /**
+   * Re-key a manager from one session ID to another.
+   * Used when a standalone session is linked to a work item — the session ID
+   * changes but the stream manager (with all its state) must continue working.
+   *
+   * Updates the mutable sessionIdRef so the onStateChange closure emits events
+   * with the new ID, allowing the React state handler to find the session.
+   *
+   * @param oldId - The current session ID
+   * @param newId - The new session ID to re-key to
+   * @returns true if re-keyed, false if old ID not found or new ID already exists
+   */
+  rekey(oldId: string, newId: string): boolean {
+    const manager = this.managers.get(oldId);
+    const meta = this.metadata.get(oldId);
+    if (!manager || !meta) return false;
+
+    // Don't overwrite an existing manager
+    if (this.managers.has(newId)) return false;
+
+    // Update the mutable ref so the closure emits with the new ID
+    meta.sessionIdRef.current = newId;
+
+    // Move manager and metadata to new key
+    this.managers.delete(oldId);
+    this.managers.set(newId, manager);
+    this.metadata.delete(oldId);
+    this.metadata.set(newId, meta);
+
+    return true;
+  }
+
   /**
    * Get all session IDs in the registry.
    */

package/apps/dashboard/lib/tauri-bridge.ts

@@ -0,0 +1,102 @@
+// Tauri IPC bridge for auth, project, Claude CLI, and shell operations.
+// Database operations are in data-bridge.ts.
+// Low-level primitives (invoke, isTauri, openShell, openDialog) live in lib/tauri.ts.
+
+import { invoke, isTauri, openShell, openDialog as tauriOpenDialog } from './tauri';
+
+export { isTauri };
+
+// Auth types
+export interface AuthUser {
+  email: string;
+  plan: string;
+  name?: string;
+}
+
+export interface AuthStatus {
+  authenticated: boolean;
+  user: AuthUser | null;
+}
+
+// Auth namespace
+export const auth = {
+  getStatus: () => invoke<AuthStatus>('auth_get_status'),
+  getToken: () => invoke<string | null>('auth_get_token'),
+  saveToken: (token: string, user: AuthUser) => invoke<void>('auth_save_token', { token, user }),
+  logout: () => invoke<void>('auth_logout'),
+  hasLoggedInBefore: () => invoke<boolean>('auth_has_logged_in_before'),
+  getPostLoginPath: () => invoke<string | null>('auth_get_post_login_path'),
+  setPostLoginPath: (path: string | null) => invoke<void>('auth_set_post_login_path', { path }),
+  loginWithGoogle: () => invoke<void>('auth_login_with_google'),
+};
+
+// Project types
+export interface RecentProject {
+  name: string;
+  path: string;
+}
+
+// Project namespace
+export const project = {
+  getRecent: () => invoke<RecentProject[]>('project_get_recent'),
+  addRecent: (name: string, path: string) => invoke<void>('project_add_recent', { name, path }),
+  async openDialog(): Promise<{ success: boolean; canceled?: boolean; error?: string }> {
+    let selected: string | string[] | null;
+    try {
+      selected = await tauriOpenDialog({ directory: true, title: 'Open JettyPod Project' });
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      console.error('Dialog open failed:', msg);
+      return { success: false, error: msg };
+    }
+    if (!selected || (Array.isArray(selected) && selected.length === 0)) {
+      return { success: false, canceled: true };
+    }
+    const projectPath = Array.isArray(selected) ? selected[0] : selected;
+    try {
+      await invoke('db_init', { projectPath });
+      const name = projectPath.split('/').pop() || projectPath;
+      await invoke('project_add_recent', { name, path: projectPath });
+      return { success: true };
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      console.error('Project init failed:', msg);
+      return { success: false, error: msg };
+    }
+  },
+  async newProject(): Promise<{ success: boolean; canceled?: boolean }> {
+    // Same as openDialog — user picks folder, we initialize it
+    return project.openDialog();
+  },
+  async openRecent(path: string): Promise<{ success: boolean }> {
+    try {
+      await invoke('db_init', { projectPath: path });
+      const name = path.split('/').pop() || path;
+      await invoke('project_add_recent', { name, path });
+      return { success: true };
+    } catch {
+      return { success: false };
+    }
+  },
+};
+
+// Claude CLI types
+export interface CliResult {
+  success: boolean;
+  error: string | null;
+  output: string | null;
+}
+
+// Claude CLI namespace
+export const claudeCode = {
+  isAuthenticated: () => invoke<boolean>('claude_code_is_authenticated'),
+  login: () => invoke<CliResult>('claude_code_login'),
+  install: () => invoke<CliResult>('claude_code_install'),
+  update: () => invoke<CliResult>('claude_code_update'),
+};
+
+// Shell namespace
+export const shell = {
+  openPath: (path: string) => openShell(path),
+  openUrl: (url: string) => openShell(url),
+};

package/apps/dashboard/lib/tauri.ts

@@ -0,0 +1,106 @@
+/**
+ * Canonical Tauri IPC bridge — single source of truth for all __TAURI__ access.
+ *
+ * Every module that needs Tauri globals (invoke, listen, shell, dialog)
+ * should import from this file instead of touching window.__TAURI__ directly.
+ */
+
+interface TauriGlobal {
+  core: {
+    invoke<T>(cmd: string, args?: Record<string, unknown>): Promise<T>;
+  };
+  shell: {
+    open: (path: string) => Promise<void>;
+  };
+  dialog: {
+    open: (options?: {
+      directory?: boolean;
+      multiple?: boolean;
+      title?: string;
+    }) => Promise<string | string[] | null>;
+  };
+  event: {
+    listen: <T>(
+      event: string,
+      handler: (event: { payload: T }) => void
+    ) => Promise<() => void>;
+  };
+}
+
+function getTauri(): TauriGlobal {
+  return (window as any).__TAURI__;
+}
+
+/** Returns true when running inside a Tauri webview. */
+export function isTauri(): boolean {
+  return !!(window as any).__TAURI__;
+}
+
+/** Invoke a Tauri IPC command. */
+export async function invoke<T>(
+  cmd: string,
+  args?: Record<string, unknown>
+): Promise<T> {
+  return getTauri().core.invoke(cmd, args);
+}
+
+/** Listen for a Tauri event. Returns an unlisten function. */
+export async function listen<T>(
+  event: string,
+  handler: (event: { payload: T }) => void
+): Promise<() => void> {
+  return getTauri().event.listen(event, handler);
+}
+
+/** Invoke a Tauri IPC command with a timeout. Rejects if the call doesn't resolve within timeoutMs. */
+export async function invokeWithTimeout<T>(
+  cmd: string,
+  args?: Record<string, unknown>,
+  timeoutMs: number = 10000
+): Promise<T> {
+  return Promise.race([
+    invoke<T>(cmd, args),
+    new Promise<never>((_, reject) =>
+      setTimeout(() => reject(new Error(`IPC timeout after ${timeoutMs}ms: ${cmd}`)), timeoutMs)
+    ),
+  ]);
+}
+
+// ─── Shell command result type ──────────────────────────────
+
+export interface ShellCommandResult {
+  stdout: string;
+  stderr: string;
+  exit_code: number | null;
+}
+
+/**
+ * Run a shell command and return its output.
+ * Used by service recovery for pre-flight checks and remedies.
+ */
+export async function runShellCommand(
+  command: string,
+  args: string[],
+  options?: { cwd?: string; timeoutMs?: number }
+): Promise<ShellCommandResult> {
+  return invoke<ShellCommandResult>('run_shell_command', {
+    command,
+    args,
+    cwd: options?.cwd ?? null,
+    timeoutMs: options?.timeoutMs ?? null,
+  });
+}
+
+/** Open a path or URL via the system shell. */
+export function openShell(path: string): Promise<void> {
+  return getTauri().shell.open(path);
+}
+
+/** Open a native file/directory dialog. */
+export function openDialog(options?: {
+  directory?: boolean;
+  multiple?: boolean;
+  title?: string;
+}): Promise<string | string[] | null> {
+  return getTauri().dialog.open(options);
+}

package/apps/dashboard/lib/utils.ts

@@ -4,3 +4,9 @@ import { twMerge } from "tailwind-merge"
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
 }
+
+export const WS_PORT = 47808;
+
+export function getWebSocketUrl(): string {
+  return `ws://${window.location.hostname}:${WS_PORT}`;
+}

package/apps/dashboard/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/apps/dashboard/package.json

@@ -1,58 +1,47 @@
 {
   "name": "dashboard",
-  "version": "0.1.0",
+  "version": "4.4.121",
   "private": true,
-  "main": "electron/main.js",
   "scripts": {
-    "dev": "next dev --webpack",
-    "build": "next build --webpack",
-    "start": "next start",
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
     "lint": "eslint",
-    "preelectron:dev": "npm rebuild better-sqlite3 --silent",
-    "electron:dev": "electron .",
-    "prebuild:node": "node scripts/download-node.js",
-    "electron:build": "npm run prebuild:node && npm run build && npx electron-builder --config electron-builder.config.js",
-    "electron:build:mac": "npm run prebuild:node && npm run build && npx electron-builder --config electron-builder.config.js --mac",
-    "electron:build:mac:arm64": "npm run build && npx electron-builder --config electron-builder.config.js --mac --arm64",
-    "electron:build:mac:x64": "npm run build && npx electron-builder --config electron-builder.config.js --mac --x64",
-    "electron:build:mac:universal": "npm run build && npx electron-builder --config electron-builder.config.js --mac --universal",
-    "electron:build:win": "npm run build && npx electron-builder --config electron-builder.config.js --win",
-    "electron:build:linux": "npm run build && npx electron-builder --config electron-builder.config.js --linux",
-    "electron:pack": "npm run build && npx electron-builder --config electron-builder.config.js --dir",
-    "upload:r2": "node scripts/upload-to-r2.js",
-    "electron:release": "npm run electron:build:mac && npm run upload:r2"
+    "tauri:dev": "cargo tauri dev",
+    "tauri:build": "node scripts/tauri-build.js",
+    "tauri:build:release": "node scripts/tauri-build.js --release",
+    "tauri:build:arm64": "node scripts/tauri-build.js --release --target=arm64",
+    "tauri:build:x64": "node scripts/tauri-build.js --release --target=x64",
+    "tauri:build:universal": "node scripts/tauri-build.js --release --target=universal",
+    "tauri:release": "node scripts/tauri-build.js --release --upload",
+    "upload:tauri:r2": "node scripts/upload-tauri-to-r2.js"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@tailwindcss/typography": "^0.5.19",
-    "better-sqlite3": "^12.5.0",
+    "@fontsource-variable/geist-mono": "^5.2.7",
+    "@tanstack/react-virtual": "^3.13.19",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "electron-updater": "^6.3.9",
+    "eventemitter3": "^5.0.4",
     "framer-motion": "^11.15.0",
-    "lucide-react": "^0.555.0",
-    "next": "16.0.6",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-markdown": "^10.1.0",
+    "react-router-dom": "^7.13.0",
     "remark-gfm": "^4.0.1",
-    "tailwind-merge": "^3.4.0",
-    "ws": "^8.19.0"
+    "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@types/better-sqlite3": "^7.6.13",
+    "@tailwindcss/vite": "^4.2.0",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "electron": "^32.0.0",
-    "electron-builder": "^26.4.0",
+    "@vitejs/plugin-react-swc": "^4.2.3",
     "eslint": "^9",
-    "eslint-config-next": "16.0.6",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "5.9.3"
+    "typescript": "5.9.3",
+    "vite": "^7.3.1"
   }
 }

package/apps/dashboard/public/jetty-icon-loading-alt.svg

@@ -0,0 +1,11 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_279_7)">
+<circle cx="250" cy="250" r="250" fill="#819D9F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M377.995 174.218C379.102 175.321 390.228 178.878 402.718 182.118C421.048 186.871 425.639 189.381 426.499 195.125C428.112 205.865 420.195 206.795 392.295 199.141C359.872 190.245 338.599 190.308 318.209 199.358C295.235 209.551 251.802 209.605 229.322 199.471C208.242 189.968 178.459 189.795 154.142 199.038C122.825 210.938 71.7052 207.041 63.7318 192.145C58.7718 182.878 64.5685 181.211 86.1652 185.695C104.932 189.588 138.229 187.895 145.212 182.691C152.052 177.591 176.352 172.208 192.525 172.208C201.502 172.208 220.662 175.958 235.102 180.541C249.542 185.125 266.928 188.875 273.738 188.875C280.548 188.875 296.459 185.125 309.095 180.541C330.889 172.638 372.588 168.808 377.995 174.218ZM317.099 286.988C325.349 289.371 338.662 293.768 346.685 296.765C366.625 304.208 391.082 303.711 407.099 295.541C422.765 287.548 436.562 286.931 439.312 294.098C442.212 301.655 436.889 305.561 411.695 314.371C381.352 324.981 362.175 324.465 331.569 312.208C302.945 300.748 284.615 299.698 265.415 308.421C230.322 324.361 200.112 324.445 167.498 308.688C150.505 300.478 134.435 300.528 107.099 308.875C81.0885 316.818 72.5985 317.171 67.0985 310.541C61.5918 303.905 67.0985 297.271 78.9252 296.291C83.8252 295.888 94.7952 293.088 103.302 290.071C127.308 281.558 158.109 282.811 183.505 293.338C210.685 304.598 219.342 304.468 253.925 292.275C284.895 281.351 294.729 280.531 317.099 286.988ZM248.765 408.195C254.265 408.801 268.022 412.951 279.335 417.418C293.649 423.071 306.462 425.541 321.479 425.541C338.329 425.541 343.509 426.728 345.132 430.965C346.279 433.945 345.505 438.445 343.415 440.965C337.479 448.118 301.899 446.771 280.385 438.578C240.132 423.248 243.315 423.371 206.985 435.745C171.872 447.708 162.099 447.241 162.099 433.605C162.099 428.935 165.489 426.815 175.742 425.065C183.249 423.781 195.229 420.291 202.369 417.308C219.452 410.171 236.422 406.838 248.765 408.195ZM270.432 65.3847C287.462 73.2213 296.835 75.3746 314.242 75.448C336.999 75.5446 343.072 79.2214 336.905 89.178C334.775 92.618 326.602 93.8547 306.382 93.8014C282.682 93.738 276.405 92.438 262.125 84.6347C241.695 73.4713 236.828 73.4047 214.109 83.9814C204.212 88.588 189.212 92.698 180.775 93.1147C167.312 93.7814 165.305 92.9914 164.409 86.6814C163.585 80.9147 165.569 79.0213 174.409 77.1313C180.472 75.8346 194.412 71.158 205.385 66.738C236.599 54.168 245.645 53.978 270.432 65.3847Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_279_7">
+<rect width="500" height="500" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/apps/dashboard/public/jetty-icon-loading.svg

@@ -0,0 +1,11 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_32_14)">
+<circle cx="250" cy="250" r="250" fill="#819D9F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M124.103 174.218C122.997 175.321 111.87 178.878 99.3799 182.118C81.0499 186.871 76.4599 189.381 75.5999 195.125C73.9865 205.865 81.9032 206.795 109.803 199.141C142.227 190.245 163.5 190.308 183.89 199.358C206.863 209.551 250.297 209.605 272.777 199.471C293.857 189.968 323.64 189.795 347.957 199.038C379.273 210.938 430.393 207.041 438.367 192.145C443.327 182.878 437.53 181.211 415.933 185.695C397.167 189.588 363.87 187.895 356.887 182.691C350.047 177.591 325.747 172.208 309.573 172.208C300.597 172.208 281.437 175.958 266.997 180.541C252.557 185.125 235.17 188.875 228.36 188.875C221.55 188.875 205.64 185.125 193.003 180.541C171.21 172.638 129.51 168.808 124.103 174.218ZM185 286.988C176.75 289.371 163.437 293.768 155.413 296.765C135.473 304.208 111.017 303.711 94.9999 295.541C79.3332 287.548 65.5365 286.931 62.7865 294.098C59.8865 301.655 65.2099 305.561 90.4032 314.371C120.747 324.981 139.923 324.465 170.53 312.208C199.153 300.748 217.483 299.698 236.683 308.421C271.777 324.361 301.987 324.445 334.6 308.688C351.593 300.478 367.663 300.528 395 308.875C421.01 316.818 429.5 317.171 435 310.541C440.507 303.905 435 297.271 423.173 296.291C418.273 295.888 407.303 293.088 398.797 290.071C374.79 281.558 343.99 282.811 318.593 293.338C291.413 304.598 282.757 304.468 248.173 292.275C217.203 281.351 207.37 280.531 185 286.988ZM253.333 408.195C247.833 408.801 234.077 412.951 222.763 417.418C208.45 423.071 195.637 425.541 180.62 425.541C163.77 425.541 158.59 426.728 156.967 430.965C155.82 433.945 156.593 438.445 158.683 440.965C164.62 448.118 200.2 446.771 221.713 438.578C261.967 423.248 258.783 423.371 295.113 435.745C330.227 447.708 340 447.241 340 433.605C340 428.935 336.61 426.815 326.357 425.065C318.85 423.781 306.87 420.291 299.73 417.308C282.647 410.171 265.677 406.838 253.333 408.195ZM231.667 65.3847C214.637 73.2213 205.263 75.3746 187.857 75.448C165.1 75.5446 159.027 79.2214 165.193 89.178C167.323 92.618 175.497 93.8547 195.717 93.8014C219.417 93.738 225.693 92.438 239.973 84.6347C260.403 73.4713 265.27 73.4047 287.99 83.9814C297.887 88.588 312.887 92.698 321.323 93.1147C334.787 93.7814 336.793 92.9914 337.69 86.6814C338.513 80.9147 336.53 79.0213 327.69 77.1313C321.627 75.8346 307.687 71.158 296.713 66.738C265.5 54.168 256.453 53.978 231.667 65.3847Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_32_14">
+<rect width="500" height="500" fill="white"/>
+</clipPath>
+</defs>
+</svg>