fix(app): show rich onboarding tooltip on location trigger hover

packages/app/e2e/regression/workspaces.spec.ts

@@ -78,25 +78,12 @@ test("selects local, new, and existing workspaces from the ready-ish start menu"
   await expectAppVisible(page.locator('[data-component="prompt-input"]'))
 
   const trigger = page.getByRole("button", { name: /^local$/i })
-  const intro = page.locator('[data-component="workspace-onboarding-card"]')
   const dot = page.locator('[data-slot="workspace-onboarding-dot"]')
   await expect(trigger).toBeVisible()
-  await expect(intro).toContainText("Isolate sessions with workspaces")
   await expect(dot).toBeVisible()
-  await expect
-    .poll(async () => {
-      const [triggerBox, introBox] = await Promise.all([trigger.boundingBox(), intro.boundingBox()])
-      if (!triggerBox || !introBox) return
-      return {
-        right: Math.round(introBox.x + introBox.width - triggerBox.x - triggerBox.width),
-        top: Math.round(introBox.y - triggerBox.y - triggerBox.height),
-      }
-    })
-    .toEqual({ right: 0, top: 0 })
   await trigger.hover()
-  await expect(page.getByRole("tooltip")).toContainText("Select where to run session")
+  await expect(page.getByRole("tooltip")).toContainText("Isolate sessions with workspaces")
   await trigger.click()
-  await expect(intro).toBeHidden()
   await expect(page.getByRole("menuitem", { name: /Local repository/ })).toBeVisible()
   await page.getByRole("menuitem", { name: /Local repository/ }).click()
   await expect(dot).toBeVisible()

packages/app/src/components/prompt-workspace-selector.tsx

@@ -11,8 +11,6 @@ export function PromptWorkspaceSelector(props: {
   workspaces: string[]
   branch?: string
   onboarding?: boolean
-  intro?: boolean
-  onIntroDismiss?: () => void
   onChange: (value: string) => void
   onDone: () => void
   onViewAll: () => void
@@ -39,7 +37,6 @@ export function PromptWorkspaceSelector(props: {
   const onOpenChange = (open: boolean) => {
     if (open) {
       setSearch("")
-      props.onIntroDismiss?.()
       return
     }
     const action = pending
@@ -63,8 +60,23 @@ export function PromptWorkspaceSelector(props: {
       <TooltipV2
         placement="top"
         openDelay={800}
-        value={language.t("session.new.workspace.trigger.tooltip")}
-        class="relative min-w-0"
+        value={
+          props.onboarding ? (
+            <div class="flex flex-col gap-1 text-left">
+              <div class="flex items-center gap-1.5 font-[530] text-v2-text-text-base">
+                <Icon name="workspace-isolated" size="small" class="shrink-0 text-v2-text-text-accent" />
+                <span>{language.t("workspace.onboarding.title")}</span>
+              </div>
+              <span class="font-[440] text-v2-text-text-muted">
+                {language.t("workspace.onboarding.description")}
+              </span>
+            </div>
+          ) : (
+            language.t("session.new.workspace.trigger.tooltip")
+          )
+        }
+        contentClass={props.onboarding ? "max-w-[280px]" : undefined}
+        class="min-w-0"
       >
         <MenuV2 placement="bottom" gutter={4} onOpenChange={onOpenChange}>
           <MenuV2.Trigger
@@ -220,20 +232,6 @@ export function PromptWorkspaceSelector(props: {
             </MenuV2.Content>
           </MenuV2.Portal>
         </MenuV2>
-        <Show when={props.intro}>
-          <div
-            data-component="workspace-onboarding-card"
-            class="pointer-events-none absolute right-0 top-full z-50 flex w-[280px] flex-col gap-2 rounded-lg bg-v2-background-bg-base p-3 shadow-[var(--v2-elevation-floating)]"
-          >
-            <div class="flex items-start gap-2 text-[13px] font-[530] leading-4 tracking-[-0.04px] text-v2-text-text-muted">
-              <Icon name="workspace-isolated" class="shrink-0 text-v2-text-text-accent" />
-              <span class="min-w-0 flex-1">{language.t("workspace.onboarding.title")}</span>
-            </div>
-            <p class="text-[13px] font-[440] leading-4 tracking-[-0.04px] text-v2-text-text-muted">
-              {language.t("workspace.onboarding.description")}
-            </p>
-          </div>
-        </Show>
       </TooltipV2>
       <PromptGitStatus branch={props.branch} from={selected() === "create"} />
     </>

packages/app/src/pages/new-session/new-session-view.tsx

@@ -72,8 +72,6 @@ export function NewSessionView(props: {
                       workspaces={props.workspace.project.workspaces()}
                       branch={props.workspace.bar.branch()}
                       onboarding={onboardingReady() && !onboarding.used}
-                      intro={showCard()}
-                      onIntroDismiss={() => setOnboarding("cardDismissed", true)}
                       onChange={select}
                       onDone={props.input.restoreFocus}
                       onViewAll={props.workspace.project.openAll}