fix(gitea-bot): add write:organization scope so bot can create repos

Without this the bot PAT 403s on POST /orgs/{org}/repos, which is
the single most important operation — creating new project repos
inside the workspace's Gitea org.

Made-with: Cursor

components/project-creation/FreshIdeaSetup.tsx

@@ -3,11 +3,13 @@
 import { useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 import { toast } from "sonner";
-import { FieldLabel, TextInput, PrimaryButton, type SetupProps } from "./setup-shared";
+import { JM } from "./modal-theme";
+import { FieldLabel, TextInput, PrimaryButton, ForWhomSelector, type SetupProps } from "./setup-shared";
 
 export function FreshIdeaSetup({ workspace, onClose }: SetupProps) {
   const router = useRouter();
   const [name, setName] = useState("");
+  const [forWhom, setForWhom] = useState<"personal" | "client">("personal");
   const [loading, setLoading] = useState(false);
   const nameRef = useRef<HTMLInputElement>(null);
 
@@ -24,7 +26,7 @@ export function FreshIdeaSetup({ workspace, onClose }: SetupProps) {
           projectName: name.trim(),
           projectType: "web-app",
           slug: name.toLowerCase().replace(/[^a-z0-9]+/g, "-"),
-          product: { name: name.trim() },
+          product: { name: name.trim(), isForClient: forWhom === "client" },
           creationMode: "fresh",
           sourceData: {},
         }),
@@ -45,29 +47,45 @@ export function FreshIdeaSetup({ workspace, onClose }: SetupProps) {
   };
 
   return (
-    <div style={{ padding: "32px 36px 36px" }}>
-      <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 28 }}>
-        <div style={{ fontSize: "1.15rem", fontWeight: 600, color: "#1a1a1a", fontFamily: "var(--font-lora), ui-serif, serif" }}>
+    <div style={{ padding: 28 }}>
+      <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 22 }}>
+        <h3 style={{
+          fontFamily: JM.fontDisplay, fontSize: 18, fontWeight: 700,
+          color: JM.ink, margin: 0, letterSpacing: "-0.02em",
+        }}>
           New project
-        </div>
+        </h3>
         <button
+          type="button"
           onClick={onClose}
-          style={{ background: "none", border: "none", cursor: "pointer", color: "#a09a90", fontSize: "1.1rem", padding: "2px 6px", lineHeight: 1 }}
-        >×</button>
+          style={{
+            background: "none", border: "none", cursor: "pointer",
+            color: JM.muted, fontSize: 20, padding: 4, lineHeight: 1,
+            fontFamily: JM.fontSans,
+          }}
+          onMouseEnter={e => (e.currentTarget.style.color = JM.mid)}
+          onMouseLeave={e => (e.currentTarget.style.color = JM.muted)}
+        >
+          ×
+        </button>
       </div>
 
-      <FieldLabel>Project name</FieldLabel>
-      <TextInput
-        value={name}
-        onChange={setName}
-        placeholder="e.g. Foxglove, Meridian, OpsAI…"
-        onKeyDown={e => { if (e.key === "Enter" && canCreate) handleCreate(); }}
-        inputRef={nameRef}
-        autoFocus
-      />
+      <div style={{ marginBottom: 16 }}>
+        <FieldLabel>Project name</FieldLabel>
+        <TextInput
+          value={name}
+          onChange={setName}
+          placeholder="e.g. My SaaS App"
+          onKeyDown={e => { if (e.key === "Enter" && canCreate) void handleCreate(); }}
+          inputRef={nameRef}
+          autoFocus
+        />
+      </div>
 
-      <PrimaryButton onClick={handleCreate} disabled={!canCreate} loading={loading}>
-        Start →
+      <ForWhomSelector value={forWhom} onChange={setForWhom} />
+
+      <PrimaryButton onClick={() => { void handleCreate(); }} disabled={!canCreate} loading={loading}>
+        Create project →
       </PrimaryButton>
     </div>
   );