feat(code): move suggested tasks to chips

apps/code/src/renderer/components/MainLayout.tsx

@@ -13,8 +13,7 @@ import { useInboxDeepLink } from "@features/inbox/hooks/useInboxDeepLink";
 import { McpServersView } from "@features/mcp-servers/components/McpServersView";
 import { FolderSettingsView } from "@features/settings/components/FolderSettingsView";
 import { SettingsDialog } from "@features/settings/components/SettingsDialog";
-import { useSettingsDialogStore } from "@features/settings/stores/settingsDialogStore";
-import { SetupView } from "@features/setup/components/SetupView";
+import { useSetupDiscovery } from "@features/setup/hooks/useSetupDiscovery";
 import { MainSidebar } from "@features/sidebar/components/MainSidebar";
 import { useSidebarData } from "@features/sidebar/hooks/useSidebarData";
 import { useVisualTaskOrder } from "@features/sidebar/hooks/useVisualTaskOrder";
@@ -23,8 +22,6 @@ import { TaskDetail } from "@features/task-detail/components/TaskDetail";
 import { TaskInput } from "@features/task-detail/components/TaskInput";
 import { useTasks } from "@features/tasks/hooks/useTasks";
 import { TourOverlay } from "@features/tour/components/TourOverlay";
-import { useTourStore } from "@features/tour/stores/tourStore";
-import { createFirstTaskTour } from "@features/tour/tours/createFirstTaskTour";
 import {
   useWorkspaces,
   workspaceApi,
@@ -78,15 +75,11 @@ export function MainLayout() {
   const activeTaskId =
     view.type === "task-detail" && view.data ? view.data.id : null;
 
-  const startTour = useTourStore((s) => s.startTour);
-  const isFirstTaskTourDone = useTourStore((s) =>
-    s.completedTourIds.includes(createFirstTaskTour.id),
-  );
-
   useUsageLimitDetection(billingEnabled);
   useIntegrations();
   useTaskDeepLink();
   useInboxDeepLink();
+  useSetupDiscovery();
 
   useEffect(() => {
     if (tasks) {
@@ -147,14 +140,6 @@ export function MainLayout() {
     }
   }, [view, navigateToTaskInput]);
 
-  const settingsOpen = useSettingsDialogStore((s) => s.isOpen);
-
-  useEffect(() => {
-    if (isFirstTaskTourDone || settingsOpen) return;
-    const timer = setTimeout(() => startTour(createFirstTaskTour.id), 600);
-    return () => clearTimeout(timer);
-  }, [isFirstTaskTourDone, settingsOpen, startTour]);
-
   const handleToggleCommandMenu = useCallback(() => {
     toggleCommandMenu();
   }, [toggleCommandMenu]);
@@ -194,7 +179,6 @@ export function MainLayout() {
           {view.type === "skills" && <SkillsView />}
 
           {view.type === "mcp-servers" && <McpServersView />}
-          {view.type === "setup" && <SetupView />}
         </Box>
       </Flex>
 

apps/code/src/renderer/features/message-editor/components/PromptInput.tsx

@@ -55,7 +55,7 @@ export interface PromptInputProps {
   onFocus?: () => void;
   onBlur?: () => void;
   // manual submit override (for flows like new-task that submit outside the editor hook)
-  onSubmitClick?: () => void;
+  onSubmitClick?: () => unknown;
   submitTooltipOverride?: string;
   editorHeight?: "default" | "large";
   tourTarget?: string;

apps/code/src/renderer/features/onboarding/components/OnboardingFlow.tsx

@@ -38,12 +38,7 @@ export function OnboardingFlow() {
   const completeOnboarding = useOnboardingStore(
     (state) => state.completeOnboarding,
   );
-  const completeSetup = useOnboardingStore((state) => state.completeSetup);
-  const hasCompletedSetup = useOnboardingStore(
-    (state) => state.hasCompletedSetup,
-  );
   const resetOnboarding = useOnboardingStore((state) => state.resetOnboarding);
-  const navigateToSetup = useNavigationStore((state) => state.navigateToSetup);
   const navigateToTaskInput = useNavigationStore(
     (state) => state.navigateToTaskInput,
   );
@@ -57,14 +52,11 @@ export function OnboardingFlow() {
 
   const handleComplete = () => {
     completeOnboarding();
-    if (!hasCompletedSetup) {
-      navigateToSetup();
-    }
+    navigateToTaskInput();
   };
 
   const handleSkip = () => {
     completeOnboarding();
-    completeSetup();
     navigateToTaskInput();
   };
 

apps/code/src/renderer/features/onboarding/stores/onboardingStore.ts

@@ -8,15 +8,13 @@ const log = logger.scope("onboarding-store");
 interface OnboardingStoreState {
   currentStep: OnboardingStep;
   hasCompletedOnboarding: boolean;
-  hasCompletedSetup: boolean;
   selectedProjectId: number | null;
   selectedDirectory: string;
 }
 
 interface OnboardingStoreActions {
   setCurrentStep: (step: OnboardingStep) => void;
   completeOnboarding: () => void;
-  completeSetup: () => void;
   resetOnboarding: () => void;
   resetSelections: () => void;
   selectProjectId: (projectId: number | null) => void;
@@ -28,7 +26,6 @@ type OnboardingStore = OnboardingStoreState & OnboardingStoreActions;
 const initialState: OnboardingStoreState = {
   currentStep: "welcome",
   hasCompletedOnboarding: false,
-  hasCompletedSetup: false,
   selectedProjectId: null,
   selectedDirectory: "",
 };
@@ -43,7 +40,6 @@ export const useOnboardingStore = create<OnboardingStore>()(
         log.info("completeOnboarding");
         set({ hasCompletedOnboarding: true });
       },
-      completeSetup: () => set({ hasCompletedSetup: true }),
       resetOnboarding: () => set({ ...initialState }),
       resetSelections: () =>
         set({
@@ -58,7 +54,6 @@ export const useOnboardingStore = create<OnboardingStore>()(
       partialize: (state) => ({
         currentStep: state.currentStep,
         hasCompletedOnboarding: state.hasCompletedOnboarding,
-        hasCompletedSetup: state.hasCompletedSetup,
         selectedProjectId: state.selectedProjectId,
         selectedDirectory: state.selectedDirectory,
       }),

apps/code/src/renderer/features/setup/components/DiscoveredTaskDetailPane.tsx

@@ -30,7 +30,6 @@ export function DiscoveredTaskDetailPane({
 
   const tasks = useSetupStore((s) => s.discoveredTasks);
   const selectedDirectory = useOnboardingStore((s) => s.selectedDirectory);
-  const completeSetup = useOnboardingStore((s) => s.completeSetup);
   const navigateToTaskInput = useNavigationStore((s) => s.navigateToTaskInput);
   const { folders } = useFolders();
   const detectedCloudRepository = useDetectedCloudRepository(selectedDirectory);
@@ -46,7 +45,6 @@ export function DiscoveredTaskDetailPane({
 
     const initialPrompt = buildDiscoveredTaskPrompt(task);
     const folderId = folders.find((f) => f.path === selectedDirectory)?.id;
-    completeSetup();
     useSetupStore.getState().removeDiscoveredTask(task.id);
     navigateToTaskInput({
       initialPrompt,