npm - jettypod - Versions diffs - 4.4.116 → 4.4.120 - Mend

jettypod 4.4.116 → 4.4.120

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 (162) hide show

package/.env +7 -0
package/apps/dashboard/app/api/claude/[workItemId]/message/route.ts +124 -48
package/apps/dashboard/app/api/claude/[workItemId]/route.ts +171 -58
package/apps/dashboard/app/api/claude/sessions/[sessionId]/message/route.ts +161 -10
package/apps/dashboard/app/api/tests/run/stream/route.ts +13 -1
package/apps/dashboard/app/api/usage/route.ts +17 -0
package/apps/dashboard/app/api/work/[id]/route.ts +35 -0
package/apps/dashboard/app/api/work/[id]/status/route.ts +43 -1
package/apps/dashboard/app/connect-claude/page.tsx +24 -0
package/apps/dashboard/app/decision/[id]/page.tsx +14 -14
package/apps/dashboard/app/demo/gates/page.tsx +42 -42
package/apps/dashboard/app/design-system/page.tsx +868 -0
package/apps/dashboard/app/globals.css +6 -2
package/apps/dashboard/app/install-claude/page.tsx +9 -7
package/apps/dashboard/app/layout.tsx +17 -5
package/apps/dashboard/app/login/page.tsx +250 -0
package/apps/dashboard/app/page.tsx +11 -9
package/apps/dashboard/app/settings/page.tsx +4 -2
package/apps/dashboard/app/signup/page.tsx +245 -0
package/apps/dashboard/app/subscribe/page.tsx +11 -0
package/apps/dashboard/app/welcome/page.tsx +24 -1
package/apps/dashboard/app/work/[id]/page.tsx +34 -50
package/apps/dashboard/components/AppShell.tsx +95 -55
package/apps/dashboard/components/CardMenu.tsx +56 -13
package/apps/dashboard/components/ClaudePanel.tsx +301 -582
package/apps/dashboard/components/ClaudePanelInput.tsx +23 -14
package/apps/dashboard/components/ConnectClaudeScreen.tsx +210 -0
package/apps/dashboard/components/CopyableId.tsx +3 -3
package/apps/dashboard/components/DetailReviewActions.tsx +109 -0
package/apps/dashboard/components/DragContext.tsx +75 -65
package/apps/dashboard/components/DraggableCard.tsx +6 -46
package/apps/dashboard/components/DropZone.tsx +2 -2
package/apps/dashboard/components/EditableDetailDescription.tsx +1 -1
package/apps/dashboard/components/EditableTitle.tsx +26 -6
package/apps/dashboard/components/ElapsedTimer.tsx +54 -0
package/apps/dashboard/components/EpicGroup.tsx +329 -0
package/apps/dashboard/components/GateCard.tsx +100 -16
package/apps/dashboard/components/GateChoiceCard.tsx +15 -17
package/apps/dashboard/components/InstallClaudeScreen.tsx +140 -51
package/apps/dashboard/components/JettyLoader.tsx +38 -0
package/apps/dashboard/components/KanbanBoard.tsx +147 -766
package/apps/dashboard/components/KanbanCard.tsx +506 -0
package/apps/dashboard/components/LazyMarkdown.tsx +12 -0
package/apps/dashboard/components/MainNav.tsx +20 -54
package/apps/dashboard/components/MessageBlock.tsx +391 -0
package/apps/dashboard/components/ModeStartCard.tsx +15 -15
package/apps/dashboard/components/OnboardingWelcome.tsx +214 -0
package/apps/dashboard/components/PlaceholderCard.tsx +11 -21
package/apps/dashboard/components/ProjectSwitcher.tsx +36 -8
package/apps/dashboard/components/PrototypeTimeline.tsx +25 -25
package/apps/dashboard/components/RealTimeKanbanWrapper.tsx +265 -301
package/apps/dashboard/components/RealTimeTestsWrapper.tsx +97 -74
package/apps/dashboard/components/ReviewFooter.tsx +141 -0
package/apps/dashboard/components/SessionList.tsx +19 -18
package/apps/dashboard/components/SubscribeContent.tsx +206 -0
package/apps/dashboard/components/TestTree.tsx +15 -14
package/apps/dashboard/components/TipCard.tsx +177 -0
package/apps/dashboard/components/Toast.tsx +5 -5
package/apps/dashboard/components/TypeIcon.tsx +56 -0
package/apps/dashboard/components/UpgradeBanner.tsx +30 -0
package/apps/dashboard/components/WaveCompletionAnimation.tsx +61 -62
package/apps/dashboard/components/WelcomeScreen.tsx +25 -27
package/apps/dashboard/components/WorkItemHeader.tsx +4 -4
package/apps/dashboard/components/WorkItemTree.tsx +9 -28
package/apps/dashboard/components/settings/AccountSection.tsx +169 -0
package/apps/dashboard/components/settings/EnvVarsSection.tsx +54 -79
package/apps/dashboard/components/settings/GeneralSection.tsx +26 -31
package/apps/dashboard/components/settings/SettingsLayout.tsx +4 -4
package/apps/dashboard/components/ui/Button.tsx +104 -0
package/apps/dashboard/components/ui/Input.tsx +78 -0
package/apps/dashboard/contexts/ClaudeSessionContext.tsx +408 -105
package/apps/dashboard/contexts/ConnectionStatusContext.tsx +25 -4
package/apps/dashboard/contexts/UsageContext.tsx +155 -0
package/apps/dashboard/contexts/usageHelpers.js +9 -0
package/apps/dashboard/electron/ipc-handlers.js +281 -88
package/apps/dashboard/electron/main.js +691 -131
package/apps/dashboard/electron/preload.js +25 -4
package/apps/dashboard/electron/session-manager.js +163 -0
package/apps/dashboard/electron-builder.config.js +3 -5
package/apps/dashboard/hooks/useKanbanAnimation.ts +29 -0
package/apps/dashboard/hooks/useKanbanUndo.ts +83 -0
package/apps/dashboard/lib/backlog-parser.ts +50 -0
package/apps/dashboard/lib/claude-process-manager.ts +50 -11
package/apps/dashboard/lib/constants.ts +43 -0
package/apps/dashboard/lib/db-bridge.ts +33 -0
package/apps/dashboard/lib/db.ts +136 -20
package/apps/dashboard/lib/kanban-utils.ts +70 -0
package/apps/dashboard/lib/run-migrations.js +27 -2
package/apps/dashboard/lib/session-state-machine.ts +3 -0
package/apps/dashboard/lib/session-stream-manager.ts +144 -38
package/apps/dashboard/lib/shadows.ts +7 -0
package/apps/dashboard/lib/tests.ts +3 -1
package/apps/dashboard/lib/utils.ts +6 -0
package/apps/dashboard/next.config.js +35 -14
package/apps/dashboard/package.json +6 -3
package/apps/dashboard/public/bug-icon.svg +9 -0
package/apps/dashboard/public/buoy-icon.svg +9 -0
package/apps/dashboard/public/fonts/Satoshi-Variable.woff2 +0 -0
package/apps/dashboard/public/fonts/Satoshi-VariableItalic.woff2 +0 -0
package/apps/dashboard/public/in-flight-seagull.svg +9 -0
package/apps/dashboard/public/jetty-icon-loading-alt.svg +11 -0
package/apps/dashboard/public/jetty-icon-loading.svg +11 -0
package/apps/dashboard/public/jettypod_logo.png +0 -0
package/apps/dashboard/public/pier-icon.svg +14 -0
package/apps/dashboard/public/star-icon.svg +9 -0
package/apps/dashboard/public/wrench-icon.svg +9 -0
package/apps/dashboard/scripts/upload-to-r2.js +89 -0
package/apps/dashboard/scripts/ws-server.js +191 -0
package/apps/dashboard/tsconfig.tsbuildinfo +1 -0
package/apps/update-server/package.json +16 -0
package/apps/update-server/schema.sql +31 -0
package/apps/update-server/src/index.ts +1085 -0
package/apps/update-server/tsconfig.json +16 -0
package/apps/update-server/wrangler.toml +35 -0
package/cucumber.js +9 -3
package/docs/COMMAND_REFERENCE.md +34 -0
package/hooks/post-checkout +32 -75
package/hooks/post-merge +111 -10
package/jest.setup.js +1 -0
package/jettypod.js +54 -116
package/lib/chore-taxonomy.js +33 -10
package/lib/database.js +36 -16
package/lib/db-watcher.js +1 -1
package/lib/git-hooks/pre-commit +1 -1
package/lib/jettypod-backup.js +27 -4
package/lib/migrations/027-plan-at-creation-column.js +33 -0
package/lib/migrations/028-ready-for-review-column.js +27 -0
package/lib/migrations/029-remove-autoincrement.js +307 -0
package/lib/migrations/029-rename-corrupted-to-cleaned.js +149 -0
package/lib/migrations/index.js +47 -4
package/lib/schema.js +13 -6
package/lib/seed-onboarding.js +101 -69
package/lib/update-command/index.js +9 -175
package/lib/work-commands/index.js +129 -16
package/lib/work-tracking/index.js +86 -46
package/lib/worktree-diagnostics.js +16 -16
package/lib/worktree-facade.js +1 -1
package/lib/worktree-manager.js +8 -8
package/lib/worktree-reconciler.js +5 -5
package/package.json +9 -2
package/scripts/ndjson-to-cucumber-json.js +152 -0
package/scripts/postinstall.js +25 -0
package/skills-templates/bug-mode/SKILL.md +39 -28
package/skills-templates/bug-planning/SKILL.md +25 -29
package/skills-templates/chore-mode/SKILL.md +131 -68
package/skills-templates/chore-mode/verification.js +51 -10
package/skills-templates/chore-planning/SKILL.md +47 -18
package/skills-templates/epic-planning/SKILL.md +68 -48
package/skills-templates/external-transition/SKILL.md +47 -47
package/skills-templates/feature-planning/SKILL.md +83 -73
package/skills-templates/production-mode/SKILL.md +49 -49
package/skills-templates/request-routing/SKILL.md +27 -14
package/skills-templates/simple-improvement/SKILL.md +68 -44
package/skills-templates/speed-mode/SKILL.md +209 -128
package/skills-templates/stable-mode/SKILL.md +105 -94
package/templates/bdd-guidance.md +139 -0
package/templates/bdd-scaffolding/wait.js +18 -0
package/templates/bdd-scaffolding/world.js +19 -0
package/.jettypod-backup/work.db +0 -0
package/apps/dashboard/app/access-code/page.tsx +0 -110
package/lib/discovery-checkpoint.js +0 -123
package/skills-templates/project-discovery/SKILL.md +0 -372

package/apps/dashboard/app/globals.css CHANGED Viewed

@@ -6,7 +6,7 @@
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
+  --font-sans: var(--font-satoshi);
   --font-mono: var(--font-geist-mono);
   --color-sidebar-ring: var(--sidebar-ring);
   --color-sidebar-border: var(--sidebar-border);
@@ -45,7 +45,7 @@
 :root {
   --radius: 0.625rem;
-  --background: oklch(1 0 0);
+  --background: oklch(0.98 0.002 80);
   --foreground: oklch(0.145 0 0);
   --card: oklch(1 0 0);
   --card-foreground: oklch(0.145 0 0);
@@ -120,3 +120,7 @@
     @apply bg-background text-foreground;
   }
 }
+html {
+  font-size: 16px;
+}

package/apps/dashboard/app/install-claude/page.tsx CHANGED Viewed

@@ -5,13 +5,12 @@ import { InstallClaudeScreen } from '@/components/InstallClaudeScreen';
 export default function InstallClaudePage() {
   const [isInstalling, setIsInstalling] = useState(false);
-  const [installProgress, setInstallProgress] = useState<string>('');
+  const [isSuccess, setIsSuccess] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const handleInstall = async () => {
     setError(null);
     setIsInstalling(true);
-    setInstallProgress('Starting installation...\n');
     // Check if we're in Electron
     if (!window.electronAPI?.isElectron) {
@@ -29,10 +28,13 @@ export default function InstallClaudePage() {
         return;
       }
-      setInstallProgress(prev => prev + 'Installation complete!\n');
+      // Show success animation
+      setIsSuccess(true);
-      // Navigate to dashboard after successful install
-      window.location.href = '/';
+      // After success animation plays, navigate to connect-claude
+      setTimeout(() => {
+        window.location.href = '/connect-claude';
+      }, 2000);
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Installation failed');
       setIsInstalling(false);
@@ -42,14 +44,14 @@ export default function InstallClaudePage() {
   return (
     <>
       {error && (
-        <div className="fixed top-4 left-1/2 transform -translate-x-1/2 bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded z-50">
+        <div className="fixed top-4 left-1/2 transform -translate-x-1/2 bg-red-50 dark:bg-red-900/20 border-2 border-red-200 dark:border-red-800 text-red-700 dark:text-red-400 px-4 py-3 rounded-xl text-base z-50">
           {error}
         </div>
       )}
       <InstallClaudeScreen
         onInstall={handleInstall}
         isInstalling={isInstalling}
-        installProgress={installProgress}
+        isSuccess={isSuccess}
       />
     </>
   );

package/apps/dashboard/app/layout.tsx CHANGED Viewed

@@ -1,12 +1,23 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import localFont from "next/font/local";
+import { Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { getProjectName } from "@/lib/db";
 import { AppShell } from "@/components/AppShell";
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
+const satoshi = localFont({
+  src: [
+    {
+      path: "../public/fonts/Satoshi-Variable.woff2",
+      style: "normal",
+    },
+    {
+      path: "../public/fonts/Satoshi-VariableItalic.woff2",
+      style: "italic",
+    },
+  ],
+  variable: "--font-satoshi",
+  display: "swap",
 });
 const geistMono = Geist_Mono({
@@ -32,11 +43,12 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        className={`${satoshi.className} ${satoshi.variable} ${geistMono.variable} antialiased`}
       >
         <AppShell projectName={projectName}>
           {children}
         </AppShell>
+        <div id="tooltip-root" style={{ position: 'relative', zIndex: 99999 }} />
       </body>
     </html>
   );

package/apps/dashboard/app/login/page.tsx ADDED Viewed

@@ -0,0 +1,250 @@
+'use client';
+import { useState, useEffect, useRef } from 'react';
+import Image from 'next/image';
+import Link from 'next/link';
+import { Button } from '@/components/ui/Button';
+import { Input } from '@/components/ui/Input';
+const API_BASE = 'https://jettypod-update-server.spangbaryn2.workers.dev';
+export default function LoginPage() {
+  const [email, setEmail] = useState('');
+  const [otpCode, setOtpCode] = useState('');
+  const [otpSent, setOtpSent] = useState(false);
+  const [isSending, setIsSending] = useState(false);
+  const [isVerifying, setIsVerifying] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  // Poll for auth completion after Google sign-in.
+  // The deep link handler in main.js saves the token — this polling detects it
+  // and navigates to the dashboard even if mainWindow.loadURL doesn't fire.
+  const pollRef = useRef<ReturnType<typeof setInterval> | null>(null);
+  // Redirect already-authenticated users to dashboard
+  useEffect(() => {
+    async function checkIfAlreadyAuthenticated() {
+      if (window.electronAPI?.isElectron) {
+        try {
+          const status = await window.electronAPI.auth.getStatus();
+          if (status.authenticated) {
+            const path = await window.electronAPI.auth.getPostLoginPath?.() || '/';
+            window.location.href = path;
+          }
+        } catch {
+          // Ignore — stay on login page
+        }
+      }
+    }
+    checkIfAlreadyAuthenticated();
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (pollRef.current) clearInterval(pollRef.current);
+    };
+  }, []);
+  const handleGoogleSignIn = () => {
+    if (!window.electronAPI?.isElectron) return;
+    window.electronAPI.auth.loginWithGoogle();
+    // Start polling for auth status (token saved by deep link handler)
+    pollRef.current = setInterval(async () => {
+      try {
+        const status = await window.electronAPI!.auth.getStatus();
+        if (status.authenticated) {
+          if (pollRef.current) clearInterval(pollRef.current);
+          const path = await window.electronAPI!.auth.getPostLoginPath?.() || '/';
+          window.location.href = path;
+        }
+      } catch {
+        // Ignore — keep polling
+      }
+    }, 1000);
+  };
+  const handleSendOTP = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError(null);
+    if (!email.trim() || !email.includes('@')) {
+      setError('Please enter a valid email address.');
+      return;
+    }
+    setIsSending(true);
+    try {
+      const res = await fetch(`${API_BASE}/auth/otp/send`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email: email.trim().toLowerCase() }),
+      });
+      if (!res.ok) {
+        const data = await res.json() as { error?: string };
+        setError(data.error || 'Failed to send code.');
+        return;
+      }
+      setOtpSent(true);
+    } catch {
+      setError('Failed to send code. Check your connection.');
+    } finally {
+      setIsSending(false);
+    }
+  };
+  const handleVerifyOTP = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError(null);
+    if (!otpCode.trim()) {
+      setError('Please enter the code from your email.');
+      return;
+    }
+    setIsVerifying(true);
+    try {
+      const res = await fetch(`${API_BASE}/auth/otp/verify`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email: email.trim().toLowerCase(), code: otpCode.trim() }),
+      });
+      if (!res.ok) {
+        const data = await res.json() as { error?: string };
+        setError(data.error || 'Invalid or expired code.');
+        setIsVerifying(false);
+        return;
+      }
+      const data = await res.json() as { token: string; user: { id: string; email: string; plan: string } };
+      // Save auth state via Electron IPC
+      if (window.electronAPI?.isElectron) {
+        await window.electronAPI.auth.saveToken(data.token, data.user);
+      }
+      const path = await window.electronAPI?.auth.getPostLoginPath?.() || '/';
+      window.location.href = path;
+    } catch {
+      setError('Failed to verify code. Check your connection.');
+      setIsVerifying(false);
+    }
+  };
+  return (
+    <div className="flex flex-col items-center justify-center min-h-screen bg-white dark:bg-zinc-900 p-8">
+      <div className="max-w-md w-full space-y-10">
+        {/* Logo */}
+        <div className="flex flex-col items-center space-y-6">
+          <Image
+            src="/jettypod_wordmark.png"
+            alt="JettyPod"
+            width={160}
+            height={40}
+            priority
+          />
+          <h1 className="text-2xl font-semibold text-zinc-900 dark:text-zinc-100 text-center">
+            Sign in to JettyPod
+          </h1>
+          <p className="text-zinc-500 dark:text-zinc-400 text-center">
+            Sign in to get started. Free plan included.
+          </p>
+        </div>
+        {/* Error */}
+        {error && (
+          <div className="bg-red-50 dark:bg-red-900/20 border-2 border-red-200 dark:border-red-800 text-red-700 dark:text-red-400 px-5 py-4 rounded-xl text-base">
+            {error}
+          </div>
+        )}
+        {/* Google Sign-In */}
+        <div className="pt-4">
+          <Button
+            onClick={handleGoogleSignIn}
+            size="lg"
+            fullWidth
+          >
+            Sign in with Google
+          </Button>
+        </div>
+        {/* Divider */}
+        <div className="flex items-center gap-4">
+          <div className="flex-1 h-px bg-zinc-200 dark:bg-zinc-700" />
+          <span className="text-base text-zinc-400 dark:text-zinc-500">or</span>
+          <div className="flex-1 h-px bg-zinc-200 dark:bg-zinc-700" />
+        </div>
+        {/* Email OTP */}
+        {!otpSent ? (
+          <form onSubmit={handleSendOTP} className="space-y-6">
+            <Input
+              type="email"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              placeholder="Enter your email"
+              disabled={isSending}
+            />
+            <Button
+              type="submit"
+              variant="secondary"
+              size="lg"
+              fullWidth
+              disabled={isSending || !email.trim()}
+            >
+              {isSending ? 'Sending code...' : 'Sign in with email'}
+            </Button>
+          </form>
+        ) : (
+          <form onSubmit={handleVerifyOTP} className="space-y-6">
+            <p className="text-base text-zinc-500 dark:text-zinc-400">
+              We sent a 6-digit code to <span className="font-medium text-zinc-700 dark:text-zinc-300">{email}</span>
+            </p>
+            <Input
+              type="text"
+              value={otpCode}
+              onChange={(e) => setOtpCode(e.target.value)}
+              placeholder="Enter 6-digit code"
+              maxLength={6}
+              autoFocus
+              disabled={isVerifying}
+              className="text-center text-xl tracking-widest font-mono"
+            />
+            <Button
+              type="submit"
+              variant="secondary"
+              size="lg"
+              fullWidth
+              disabled={isVerifying || !otpCode.trim()}
+            >
+              {isVerifying ? 'Verifying...' : 'Verify code'}
+            </Button>
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              fullWidth
+              onClick={() => { setOtpSent(false); setOtpCode(''); setError(null); }}
+            >
+              Use a different email
+            </Button>
+          </form>
+        )}
+        {/* Switch to signup */}
+        <p className="text-center text-base text-zinc-500 dark:text-zinc-400">
+          Don&apos;t have an account?{' '}
+          <Link href="/signup" className="font-medium hover:underline" style={{ color: '#819D9F' }}>
+            Create one
+          </Link>
+        </p>
+      </div>
+    </div>
+  );
+}

package/apps/dashboard/app/page.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import { redirect } from 'next/navigation';
-import { getKanbanData, hasProject } from '@/lib/db';
+import { getKanbanData, hasProject, isBlankProject, hasOnboardingStarted, getProjectRoot } from '@/lib/db';
 import { RealTimeKanbanWrapper } from '@/components/RealTimeKanbanWrapper';
 // Force dynamic rendering - database is only available at runtime
@@ -13,6 +13,8 @@ export default function Home() {
   try {
     const data = getKanbanData();
+    const projectRoot = getProjectRoot();
+    const isBlank = projectRoot ? isBlankProject(projectRoot) && !hasOnboardingStarted() : false;
     // Serialize Map data for client component
     const serializedData = {
@@ -22,8 +24,8 @@ export default function Home() {
     };
     return (
-      <div className="flex-1 flex flex-col min-h-0 overflow-hidden max-w-6xl w-full mx-auto px-4 py-4">
-        <RealTimeKanbanWrapper initialData={serializedData} />
+      <div className="h-full flex flex-col min-h-0 overflow-hidden max-w-7xl w-full mx-auto px-4 py-4">
+        <RealTimeKanbanWrapper initialData={serializedData} isBlank={isBlank} projectPath={projectRoot || ''} />
       </div>
     );
   } catch (error) {
@@ -38,18 +40,18 @@ export default function Home() {
     // Return error UI so user can see what's wrong
     return (
       <div className="flex-1 flex items-center justify-center p-8">
-        <div className="max-w-2xl w-full bg-red-50 border border-red-200 rounded-lg p-6">
+        <div className="max-w-2xl w-full bg-red-50 border-2 border-red-200 rounded-lg p-8">
           <h1 className="text-xl font-bold text-red-800 mb-4">Failed to load project</h1>
-          <div className="bg-white border border-red-100 rounded p-4 mb-4">
-            <p className="font-mono text-sm text-red-700 whitespace-pre-wrap">{errorMessage}</p>
+          <div className="bg-white border-2 border-red-100 rounded p-6 mb-6">
+            <p className="font-mono text-base text-red-700 whitespace-pre-wrap">{errorMessage}</p>
           </div>
-          <div className="text-sm text-gray-600 space-y-1">
+          <div className="text-base text-gray-600 space-y-1.5">
             <p><strong>Project path:</strong> {process.env.JETTYPOD_PROJECT_PATH || '(not set)'}</p>
           </div>
           {errorStack && (
             <details className="mt-4">
-              <summary className="text-sm text-gray-500 cursor-pointer">Stack trace</summary>
-              <pre className="mt-2 text-xs text-gray-500 overflow-auto p-2 bg-gray-50 rounded">{errorStack}</pre>
+              <summary className="text-base text-gray-500 cursor-pointer">Stack trace</summary>
+              <pre className="mt-2 text-base text-gray-500 overflow-auto p-3 bg-gray-50 rounded">{errorStack}</pre>
             </details>
           )}
         </div>

package/apps/dashboard/app/settings/page.tsx CHANGED Viewed

@@ -1,4 +1,5 @@
 import { getEnvVars, discoverEnvFiles, getSelectedEnvFile, getMainBranch } from '@/lib/db';
+import { AccountSection } from '@/components/settings/AccountSection';
 import { EnvVarsSection } from '@/components/settings/EnvVarsSection';
 import { GeneralSection } from '@/components/settings/GeneralSection';
 import { SettingsLayout } from '@/components/settings/SettingsLayout';
@@ -12,12 +13,13 @@ export default function SettingsPage() {
   const mainBranch = getMainBranch();
   return (
-    <div className="flex-1 overflow-auto max-w-6xl w-full mx-auto px-4 py-4">
-      <h1 className="text-2xl font-semibold text-zinc-900 dark:text-zinc-100 mb-6">
+    <div className="flex-1 overflow-auto max-w-7xl w-full mx-auto px-4 py-4">
+      <h1 className="text-2xl font-semibold text-zinc-900 dark:text-zinc-100 mb-8">
         Settings
       </h1>
       <SettingsLayout
         tabs={[
+          { id: 'account', label: 'Account', content: <AccountSection /> },
           { id: 'general', label: 'General', content: <GeneralSection initialMainBranch={mainBranch} /> },
           { id: 'env-vars', label: 'Environment Variables', content: <EnvVarsSection initialEnvVars={envVars} envFiles={envFiles} selectedFile={selectedFile} /> },
         ]}

package/apps/dashboard/app/signup/page.tsx ADDED Viewed

@@ -0,0 +1,245 @@
+'use client';
+import { useState, useEffect, useRef } from 'react';
+import Image from 'next/image';
+import Link from 'next/link';
+import { Button } from '@/components/ui/Button';
+import { Input } from '@/components/ui/Input';
+const API_BASE = 'https://jettypod-update-server.spangbaryn2.workers.dev';
+export default function SignupPage() {
+  const [email, setEmail] = useState('');
+  const [otpCode, setOtpCode] = useState('');
+  const [otpSent, setOtpSent] = useState(false);
+  const [isSending, setIsSending] = useState(false);
+  const [isVerifying, setIsVerifying] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const pollRef = useRef<ReturnType<typeof setInterval> | null>(null);
+  // Redirect already-authenticated users to dashboard
+  useEffect(() => {
+    async function checkIfAlreadyAuthenticated() {
+      if (window.electronAPI?.isElectron) {
+        try {
+          const status = await window.electronAPI.auth.getStatus();
+          if (status.authenticated) {
+            const path = await window.electronAPI.auth.getPostLoginPath?.() || '/';
+            window.location.href = path;
+          }
+        } catch {
+          // Ignore — stay on signup page
+        }
+      }
+    }
+    checkIfAlreadyAuthenticated();
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (pollRef.current) clearInterval(pollRef.current);
+    };
+  }, []);
+  const handleGoogleSignUp = () => {
+    if (!window.electronAPI?.isElectron) return;
+    window.electronAPI.auth.loginWithGoogle();
+    pollRef.current = setInterval(async () => {
+      try {
+        const status = await window.electronAPI!.auth.getStatus();
+        if (status.authenticated) {
+          if (pollRef.current) clearInterval(pollRef.current);
+          const path = await window.electronAPI!.auth.getPostLoginPath?.() || '/';
+          window.location.href = path;
+        }
+      } catch {
+        // Ignore — keep polling
+      }
+    }, 1000);
+  };
+  const handleSendOTP = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError(null);
+    if (!email.trim() || !email.includes('@')) {
+      setError('Please enter a valid email address.');
+      return;
+    }
+    setIsSending(true);
+    try {
+      const res = await fetch(`${API_BASE}/auth/otp/send`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email: email.trim().toLowerCase() }),
+      });
+      if (!res.ok) {
+        const data = await res.json() as { error?: string };
+        setError(data.error || 'Failed to send code.');
+        return;
+      }
+      setOtpSent(true);
+    } catch {
+      setError('Failed to send code. Check your connection.');
+    } finally {
+      setIsSending(false);
+    }
+  };
+  const handleVerifyOTP = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError(null);
+    if (!otpCode.trim()) {
+      setError('Please enter the code from your email.');
+      return;
+    }
+    setIsVerifying(true);
+    try {
+      const res = await fetch(`${API_BASE}/auth/otp/verify`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email: email.trim().toLowerCase(), code: otpCode.trim() }),
+      });
+      if (!res.ok) {
+        const data = await res.json() as { error?: string };
+        setError(data.error || 'Invalid or expired code.');
+        setIsVerifying(false);
+        return;
+      }
+      const data = await res.json() as { token: string; user: { id: string; email: string; plan: string } };
+      if (window.electronAPI?.isElectron) {
+        await window.electronAPI.auth.saveToken(data.token, data.user);
+      }
+      const path = await window.electronAPI?.auth.getPostLoginPath?.() || '/';
+      window.location.href = path;
+    } catch {
+      setError('Failed to verify code. Check your connection.');
+      setIsVerifying(false);
+    }
+  };
+  return (
+    <div className="flex flex-col items-center justify-center min-h-screen bg-white dark:bg-zinc-900 p-8">
+      <div className="max-w-md w-full space-y-10">
+        {/* Logo */}
+        <div className="flex flex-col items-center space-y-6">
+          <Image
+            src="/jettypod_wordmark.png"
+            alt="JettyPod"
+            width={160}
+            height={40}
+            priority
+          />
+          <h1 className="text-2xl font-semibold text-zinc-900 dark:text-zinc-100 text-center">
+            Create your account
+          </h1>
+          <p className="text-zinc-500 dark:text-zinc-400 text-center">
+            Get started free. No credit card required.
+          </p>
+        </div>
+        {/* Error */}
+        {error && (
+          <div className="bg-red-50 dark:bg-red-900/20 border-2 border-red-200 dark:border-red-800 text-red-700 dark:text-red-400 px-5 py-4 rounded-xl text-base">
+            {error}
+          </div>
+        )}
+        {/* Google Sign-Up */}
+        <div className="pt-4">
+          <Button
+            onClick={handleGoogleSignUp}
+            size="lg"
+            fullWidth
+          >
+            Sign up with Google
+          </Button>
+        </div>
+        {/* Divider */}
+        <div className="flex items-center gap-4">
+          <div className="flex-1 h-px bg-zinc-200 dark:bg-zinc-700" />
+          <span className="text-base text-zinc-400 dark:text-zinc-500">or</span>
+          <div className="flex-1 h-px bg-zinc-200 dark:bg-zinc-700" />
+        </div>
+        {/* Email OTP */}
+        {!otpSent ? (
+          <form onSubmit={handleSendOTP} className="space-y-6">
+            <Input
+              type="email"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              placeholder="Enter your email"
+              disabled={isSending}
+            />
+            <Button
+              type="submit"
+              variant="secondary"
+              size="lg"
+              fullWidth
+              disabled={isSending || !email.trim()}
+            >
+              {isSending ? 'Sending code...' : 'Sign up with email'}
+            </Button>
+          </form>
+        ) : (
+          <form onSubmit={handleVerifyOTP} className="space-y-6">
+            <p className="text-base text-zinc-500 dark:text-zinc-400">
+              We sent a 6-digit code to <span className="font-medium text-zinc-700 dark:text-zinc-300">{email}</span>
+            </p>
+            <Input
+              type="text"
+              value={otpCode}
+              onChange={(e) => setOtpCode(e.target.value)}
+              placeholder="Enter 6-digit code"
+              maxLength={6}
+              autoFocus
+              disabled={isVerifying}
+              className="text-center text-xl tracking-widest font-mono"
+            />
+            <Button
+              type="submit"
+              variant="secondary"
+              size="lg"
+              fullWidth
+              disabled={isVerifying || !otpCode.trim()}
+            >
+              {isVerifying ? 'Verifying...' : 'Verify code'}
+            </Button>
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              fullWidth
+              onClick={() => { setOtpSent(false); setOtpCode(''); setError(null); }}
+            >
+              Use a different email
+            </Button>
+          </form>
+        )}
+        {/* Switch to login */}
+        <p className="text-center text-base text-zinc-500 dark:text-zinc-400">
+          Already have an account?{' '}
+          <Link href="/login" className="font-medium hover:underline" style={{ color: '#819D9F' }}>
+            Sign in
+          </Link>
+        </p>
+      </div>
+    </div>
+  );
+}