fix: use numeric workspace ID for worktree setup tracking and improve service list UI

packages/app/src/components/workspace-hover-card.tsx

@@ -365,15 +365,26 @@ function WorkspaceHoverCardContent({
                       backgroundColor:
                         service.status === "running"
                           ? theme.colors.palette.green[500]
-                          : theme.colors.palette.red[500],
+                          : theme.colors.foregroundMuted,
                     },
                   ]}
                 />
-                <Text style={styles.serviceName} numberOfLines={1}>
+                <Text
+                  style={[
+                    styles.serviceName,
+                    { color: service.status === "running" ? theme.colors.foreground : theme.colors.foregroundMuted },
+                  ]}
+                  numberOfLines={1}
+                >
                   {service.serviceName}
                 </Text>
                 {service.url ? (
-                  <ExternalLink size={12} color={theme.colors.foregroundMuted} />
+                  <Text style={styles.serviceUrl} numberOfLines={1}>
+                    {service.url.replace(/^https?:\/\//, "")}
+                  </Text>
+                ) : null}
+                {service.url ? (
+                  <ExternalLink size={11} color={theme.colors.foregroundMuted} />
                 ) : null}
               </Pressable>
             ))}
@@ -482,8 +493,12 @@ const styles = StyleSheet.create((theme) => ({
     flexShrink: 0,
   },
   serviceName: {
-    color: theme.colors.foreground,
     fontSize: theme.fontSize.sm,
+    flexShrink: 0,
+  },
+  serviceUrl: {
+    color: theme.colors.foregroundMuted,
+    fontSize: theme.fontSize.xs,
     flex: 1,
     minWidth: 0,
   },

packages/app/src/screens/workspace/workspace-screen.tsx

@@ -22,6 +22,7 @@ import {
   EllipsisVertical,
   PanelRight,
   RotateCw,
+  Settings,
   SquarePen,
   SquareTerminal,
   X,
@@ -1363,6 +1364,23 @@ function WorkspaceScreenContent({ serverId, workspaceId }: WorkspaceScreenProps)
     }
   }, [currentBranchName, toast]);
 
+  const handleOpenSetupTab = useCallback(() => {
+    if (!persistenceKey) {
+      return;
+    }
+    const target = normalizeWorkspaceTabTarget({
+      kind: "setup",
+      workspaceId: normalizedWorkspaceId,
+    });
+    if (!target) {
+      return;
+    }
+    const tabId = openWorkspaceTab(persistenceKey, target);
+    if (tabId) {
+      focusWorkspaceTab(persistenceKey, tabId);
+    }
+  }, [focusWorkspaceTab, normalizedWorkspaceId, openWorkspaceTab, persistenceKey]);
+
   const handleBulkCloseTabs = useCallback(
     async (input: { tabsToClose: WorkspaceTabDescriptor[]; title: string; logLabel: string }) => {
       const { tabsToClose, title, logLabel } = input;
@@ -2021,6 +2039,14 @@ function WorkspaceScreenContent({ serverId, workspaceId }: WorkspaceScreenProps)
                           Copy branch name
                         </DropdownMenuItem>
                       ) : null}
+                      <DropdownMenuSeparator />
+                      <DropdownMenuItem
+                        testID="workspace-header-show-setup"
+                        leading={<Settings size={16} color={theme.colors.foregroundMuted} />}
+                        onSelect={handleOpenSetupTab}
+                      >
+                        Show setup
+                      </DropdownMenuItem>
                     </DropdownMenuContent>
                   </DropdownMenu>
                 </View>