From 260eafba293abfaee69d68c40ae324079d77328f Mon Sep 17 00:00:00 2001
From: PostHog Code <code@posthog.com>
Date: Tue, 5 May 2026 03:22:14 +0000
Subject: [PATCH 1/2] fix(setup): polish skip button styling in setup view

The "Start from scratch" skip button used the ghost variant, which
rendered as bare text and made it unclear it was actionable. During the
scan, it sat directly above its helper text with the same alignment, so
the two visually merged into one block.

- Switch both skip buttons to the soft gray variant so they read as
  buttons.
- Reorder the during-scan skip section so the reassurance copy sits
  above the button, with more breathing room between them.

Generated-By: PostHog Code
Task-Id: c4d8ab9e-aee0-4454-8cf1-3fb40c6e1705
---
 .../renderer/features/setup/components/SetupView.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/code/src/renderer/features/setup/components/SetupView.tsx b/apps/code/src/renderer/features/setup/components/SetupView.tsx
index f302f3754..2029982bf 100644
--- a/apps/code/src/renderer/features/setup/components/SetupView.tsx
+++ b/apps/code/src/renderer/features/setup/components/SetupView.tsx
@@ -181,18 +181,18 @@ export function SetupView() {
                   </Text>
                 </Flex>
 
-                <Flex direction="column" gap="1" align="start">
+                <Flex direction="column" gap="2" align="start">
+                  <Text size="1" className="text-(--gray-9)">
+                    Suggested tasks will appear in the sidebar when ready.
+                  </Text>
                   <Button
                     size="2"
-                    variant="ghost"
+                    variant="soft"
                     color="gray"
                     onClick={handleSkipDuringScan}
                   >
                     Start from scratch
                   </Button>
-                  <Text size="1" className="text-(--gray-9)">
-                    Suggested tasks will appear in the sidebar when ready.
-                  </Text>
                 </Flex>
               </Flex>
             </motion.div>
@@ -226,7 +226,7 @@ export function SetupView() {
                 <Box>
                   <Button
                     size="2"
-                    variant="ghost"
+                    variant="soft"
                     color="gray"
                     onClick={handleSkipAfterDone}
                   >

From 981dc4d71cab357ddb9d504c7b24ca1915beeeef Mon Sep 17 00:00:00 2001
From: PostHog Code <code@posthog.com>
Date: Tue, 5 May 2026 03:41:57 +0000
Subject: [PATCH 2/2] fix(setup): center skip button and add arrow icon

Center the "Start from scratch" buttons in both the during-scan and
after-done states, and add a trailing arrow icon so they read more
clearly as a forward action. The reassurance copy stays below the
during-scan button.

Generated-By: PostHog Code
Task-Id: c4d8ab9e-aee0-4454-8cf1-3fb40c6e1705
---
 .../features/setup/components/SetupView.tsx    | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/apps/code/src/renderer/features/setup/components/SetupView.tsx b/apps/code/src/renderer/features/setup/components/SetupView.tsx
index 2029982bf..76407030b 100644
--- a/apps/code/src/renderer/features/setup/components/SetupView.tsx
+++ b/apps/code/src/renderer/features/setup/components/SetupView.tsx
@@ -7,8 +7,8 @@ import { useSetupStore } from "@features/setup/stores/setupStore";
 import type { DiscoveredTask } from "@features/setup/types";
 import { buildDiscoveredTaskPrompt } from "@features/setup/utils/buildDiscoveredTaskPrompt";
 import { useSetHeaderContent } from "@hooks/useSetHeaderContent";
-import { MagicWand, Robot, Rocket } from "@phosphor-icons/react";
-import { Box, Button, Flex, ScrollArea, Text } from "@radix-ui/themes";
+import { ArrowRight, MagicWand, Robot, Rocket } from "@phosphor-icons/react";
+import { Button, Flex, ScrollArea, Text } from "@radix-ui/themes";
 import explorerHog from "@renderer/assets/images/hedgehogs/explorer-hog.png";
 import { ANALYTICS_EVENTS } from "@shared/types/analytics";
 import { useNavigationStore } from "@stores/navigationStore";
@@ -181,10 +181,7 @@ export function SetupView() {
                   </Text>
                 </Flex>
 
-                <Flex direction="column" gap="2" align="start">
-                  <Text size="1" className="text-(--gray-9)">
-                    Suggested tasks will appear in the sidebar when ready.
-                  </Text>
+                <Flex direction="column" gap="2" align="center">
                   <Button
                     size="2"
                     variant="soft"
@@ -192,7 +189,11 @@ export function SetupView() {
                     onClick={handleSkipDuringScan}
                   >
                     Start from scratch
+                    <ArrowRight size={14} />
                   </Button>
+                  <Text size="1" className="text-(--gray-9)">
+                    Suggested tasks will appear in the sidebar when ready.
+                  </Text>
                 </Flex>
               </Flex>
             </motion.div>
@@ -223,7 +224,7 @@ export function SetupView() {
                   </Flex>
                 )}
 
-                <Box>
+                <Flex justify="center">
                   <Button
                     size="2"
                     variant="soft"
@@ -231,8 +232,9 @@ export function SetupView() {
                     onClick={handleSkipAfterDone}
                   >
                     Start from scratch
+                    <ArrowRight size={14} />
                   </Button>
-                </Box>
+                </Flex>
               </Flex>
             </motion.div>
           )}