feat: add tooltip to app name button in title bar (#3005)

## Summary - Wraps the app name button in the title bar with a `Tooltip` component to show the full app name on hover - Improves usability when the app name is truncated due to the `max-w-38` constraint - Uses the `render` prop pattern consistent with the project's `@base-ui/react` tooltip usage ## Test plan - [ ] Verify the app name button in the title bar shows a tooltip on hover displaying the full app name - [ ] Verify the tooltip shows "No app selected" when no app is selected - [ ] Verify the button click behavior (navigating to app details) still works correctly - [ ] Verify the tooltip styling matches other tooltips in the app 🤖 Generated with [Claude Code](https://claude.com/claude-code)  --- <a href="https://app.devin.ai/review/dyad-sh/dyad/pull/3005" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://static.devin.ai/assets/gh-open-in-devin-review-dark.svg?v=1"> <img src="https://static.devin.ai/assets/gh-open-in-devin-review-light.svg?v=1" alt="Open with Devin"> </picture> </a>  Co-authored-by: Will Chen <willchen90@gmail.com> Co-authored-by: Claude <noreply@anthropic.com>

feat: add tooltip to app name button in title bar (#3005)
9c64a6a0 · wwwillchen-bot · GitHub · dd5dcda6 · 9c64a6a0
--- a/src/app/TitleBar.tsx
+++ b/src/app/TitleBar.tsx
@@ -86,17 +86,26 @@ export const TitleBar = () => {
        <div className={`${showWindowControls ? "pl-2" : "pl-18"}`}></div>
        <img src={logo} alt="Dyad Logo" className="w-6 h-6 mr-0.5 ml-2" />
-        <Button
+        <Tooltip>
-          data-testid="title-bar-app-name-button"
+          <TooltipTrigger
-          variant="outline"
+            render={
-          size="sm"
+              <Button
-          className={`hidden @2xl:block no-app-region-drag text-xs max-w-38 truncate font-medium ${
+                data-testid="title-bar-app-name-button"
-            selectedApp ? "cursor-pointer" : ""
+                variant="outline"
-          }`}
+                size="sm"
-          onClick={handleAppClick}
+                className={`hidden @2xl:block no-app-region-drag text-xs max-w-38 truncate font-medium ${
-        >
+                  selectedApp ? "cursor-pointer" : ""
-          {displayText}
+                }`}
-        </Button>
+                onClick={handleAppClick}
+              />
+            }
+          >
+            {displayText}
+          </TooltipTrigger>
+          <TooltipContent>
+            {selectedApp ? selectedApp.name : "No app selected"}
+          </TooltipContent>
+        </Tooltip>
        {isDyadPro && <DyadProButton isDyadProEnabled={isDyadProEnabled} />}
        <div className="flex-1 min-w-0 overflow-hidden no-app-region-drag">