refactor(onboarding): skip db settings entirely if no database is selected in project create

src/features/onboarding/onboarding-shell.tsx

@@ -62,7 +62,8 @@ export const OnboardingShell = () => {
                   } else if (currentStepId === "finish") {
                     const agents = (state.context.flowData.agents as any[]) || [];
                     const isAgentConnected = agents.some((a) => a.connected);
-                    if (!isAgentConnected) {
+                    const databaseIds = (state.context.flowData.project as any)?.databaseIds || [];
+                    if (!isAgentConnected || databaseIds.length === 0) {
                       prevId = "project-create";
                     }
                   }

src/features/onboarding/onboarding-steps.tsx

@@ -121,12 +121,14 @@ export const onboardingSteps: OnboardingStep[] = [
     skipToStep: (ctx: any) => {
       const agents = (ctx.flowData?.agents as any[]) || [];
       const isAgentConnected = agents.some((a) => a.connected);
-      return !isAgentConnected ? "finish" : "db-settings";
+      const databaseIds = (ctx.flowData?.project?.databaseIds as string[]) || [];
+      return !isAgentConnected || databaseIds.length === 0 ? "finish" : "db-settings";
     },
     nextStep: (ctx: any) => {
       const agents = (ctx.flowData?.agents as any[]) || [];
       const isAgentConnected = agents.some((a) => a.connected);
-      return !isAgentConnected ? "finish" : "db-settings";
+      const databaseIds = (ctx.flowData?.project?.databaseIds as string[]) || [];
+      return !isAgentConnected || databaseIds.length === 0 ? "finish" : "db-settings";
     },
   },
   {

src/features/onboarding/steps/step-db-settings.tsx

@@ -6,83 +6,86 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Switch } from "@/components/ui/switch";
 import { Button } from "@/components/ui/button";
-import { OnboardingDbSettings, OnboardingProjectData } from "@/features/onboarding/types";
+import {
+  OnboardingDbSettings,
+  OnboardingProjectData,
+} from "@/features/onboarding/types";
 
 export const StepDbSettings = () => {
-    const { next, updateContext, state } = useOnboarding();
+  const { next, updateContext, state } = useOnboarding();
-    const project = (state?.context.flowData.project ?? { databaseIds: [] }) as OnboardingProjectData;
+  const project = (state?.context.flowData.project ?? {
-    const databaseIds = project.databaseIds;
+    databaseIds: [],
-    const [index, setIndex] = useState(0);
+  }) as OnboardingProjectData;
-    const [applyToAll, setApplyToAll] = useState(false);
+  const databaseIds = project.databaseIds;
-    const [retentionDays, setRetentionDays] = useState(30);
+  const [index, setIndex] = useState(0);
-    const [settings, setSettings] = useState<Record<string, OnboardingDbSettings>>({});
+  const [applyToAll, setApplyToAll] = useState(false);
+  const [retentionDays, setRetentionDays] = useState(30);
+  const [settings, setSettings] = useState<
+    Record<string, OnboardingDbSettings>
+  >({});
 
-    if (databaseIds.length === 0) {
+  if (!databaseIds || databaseIds.length === 0) return null;
-        return (
+
-            <div className="flex flex-col gap-4">
+  const currentDbId = databaseIds[index];
-                <h1 className="text-2xl font-semibold">No database to configure</h1>
+  const saveCurrent = (): Record<string, OnboardingDbSettings> => {
-                <Button type="button" onClick={() => next()}>
+    if (applyToAll) {
-                    Continue
+      const allSettings: Record<string, OnboardingDbSettings> = {};
-                </Button>
+      databaseIds.forEach((id) => {
-            </div>
+        allSettings[id] = { retentionDays };
-        );
+      });
+      return allSettings;
+    }
+    return { ...settings, [currentDbId]: { retentionDays } };
+  };
+
+  const onContinue = async () => {
+    const updated = saveCurrent();
+    setSettings(updated);
+
+    if (applyToAll || index === databaseIds.length - 1) {
+      await updateContext({
+        flowData: { ...state?.context.flowData, dbSettings: updated },
+      });
+      await next();
+      return;
     }
 
-    const currentDbId = databaseIds[index];
+    setIndex((prev) => prev + 1);
-    // Database info is available from state flowData if needed
+    setRetentionDays(30);
-    // For now, just use the ID
+  };
 
-    const saveCurrent = (): Record<string, OnboardingDbSettings> => {
+  return (
-        if (applyToAll) {
+    <div className="flex flex-col gap-4">
-            const allSettings: Record<string, OnboardingDbSettings> = {};
+      <div>
-            databaseIds.forEach((id) => {
+        <h1 className="text-2xl font-semibold">Configure database</h1>
-                allSettings[id] = { retentionDays };
+        <p className="text-sm text-muted-foreground mt-1">
-            });
+          Database {index + 1} of {databaseIds.length}
-            return allSettings;
+        </p>
-        }
+      </div>
-        return { ...settings, [currentDbId]: { retentionDays } };
+      <div className="flex flex-col gap-2">
-    };
+        <Label htmlFor="retention">Retention (days)</Label>
-
+        <Input
-    const onContinue = async () => {
+          id="retention"
-        const updated = saveCurrent();
+          type="number"
-        setSettings(updated);
+          value={retentionDays}
-
+          onChange={(e) => setRetentionDays(Number(e.target.value))}
-        if (applyToAll || index === databaseIds.length - 1) {
+        />
-            await updateContext({ flowData: { ...state?.context.flowData, dbSettings: updated } });
+      </div>
-            await next();
+      {databaseIds.length > 1 && (
-            return;
+        <div className="flex items-center gap-2">
-        }
+          <Switch
-
+            checked={applyToAll}
-        setIndex((prev) => prev + 1);
+            onCheckedChange={setApplyToAll}
-        setRetentionDays(30);
+            id="apply-all"
-    };
+          />
-
+          <Label htmlFor="apply-all">Apply to all databases</Label>
-    return (
-        <div className="flex flex-col gap-4">
-            <div>
-                <h1 className="text-2xl font-semibold">Configure database</h1>
-                <p className="text-sm text-muted-foreground mt-1">
-                    Database {index + 1} of {databaseIds.length}
-                </p>
-            </div>
-            <div className="flex flex-col gap-2">
-                <Label htmlFor="retention">Retention (days)</Label>
-                <Input
-                    id="retention"
-                    type="number"
-                    value={retentionDays}
-                    onChange={(e) => setRetentionDays(Number(e.target.value))}
-                />
-            </div>
-            {databaseIds.length > 1 && (
-                <div className="flex items-center gap-2">
-                    <Switch checked={applyToAll} onCheckedChange={setApplyToAll} id="apply-all" />
-                    <Label htmlFor="apply-all">Apply to all databases</Label>
-                </div>
-            )}
-            <Button type="button" onClick={onContinue}>
-                {applyToAll || index === databaseIds.length - 1 ? "Continue" : "Next database"}
-            </Button>
         </div>
-    );
+      )}
+      <Button type="button" onClick={onContinue}>
+        {applyToAll || index === databaseIds.length - 1
+          ? "Continue"
+          : "Next database"}
+      </Button>
+    </div>
+  );
 };