diff --git a/vibn-frontend/_onboarding/onboarding-entrepreneur.tsx b/vibn-frontend/_onboarding/onboarding-entrepreneur.tsx
index 7ddab69e..25253522 100644
--- a/vibn-frontend/_onboarding/onboarding-entrepreneur.tsx
+++ b/vibn-frontend/_onboarding/onboarding-entrepreneur.tsx
@@ -6,10 +6,11 @@ import {
WizardFooter,
LANE_LABELS,
PresetGroup,
+ Field,
} from "./onboarding-primitives";
const ENTREP_TOTAL = 4;
-const ENTREP_STEP_NAMES = ["Type", "Idea", "Status", "Look"];
+const ENTREP_STEP_NAMES = ["Type", "Idea", "Status", "Name"];
const IDEA_PROMPTS = [
"A community for indie game devs to swap playtesters, with weekly demo nights",
@@ -197,123 +198,47 @@ function EntrepStatus({ value, onChange }) {
}))}
value={value}
onChange={onChange}
- columns={3}
+ columns={1}
minimal={false}
/>
>
);
}
-const VIBES = [
- {
- id: "warm",
- name: "Warm coral",
- swatch: "linear-gradient(135deg, #E27855, #B33B2A)",
- desc: "Confident, hand-built, warm.",
- },
- {
- id: "ink",
- name: "Ink & paper",
- swatch: "linear-gradient(135deg, #1d1d1d, #4a4a4a)",
- desc: "Editorial, serif, quiet.",
- },
- {
- id: "sage",
- name: "Sage matte",
- swatch: "linear-gradient(135deg, #7BA890, #3F6B57)",
- desc: "Calm, modern, slightly herbal.",
- },
- {
- id: "neon",
- name: "Neon arcade",
- swatch: "linear-gradient(135deg, #5B6CFF, #FF3DDB)",
- desc: "Loud, fun, late-night.",
- },
- {
- id: "cream",
- name: "Cream linen",
- swatch: "linear-gradient(135deg, #F2E7D5, #C9A977)",
- desc: "Cozy and beige.",
- },
- {
- id: "later",
- name: "Decide later",
- swatch:
- "repeating-linear-gradient(45deg, oklch(0.30 0.010 60), oklch(0.30 0.010 60) 6px, oklch(0.22 0.010 60) 6px, oklch(0.22 0.010 60) 12px)",
- desc: "Vibn picks one that fits.",
- },
-];
+function EntrepName({ value, onChange, ideaDescription }) {
+ // Pre-fill the workspace name from what they typed, or fall back
+ const trimmed = String(value || "").trim();
+ const slug = trimmed
+ .toLowerCase()
+ .replace(/[^a-z0-9]+/g, "-")
+ .replace(/^-+|-+$/g, "")
+ .slice(0, 32);
-function EntrepVibe({ value, onChange }) {
return (
<>