diff --git a/apps/mobile/src/Stack.tsx b/apps/mobile/src/Stack.tsx
index 3837e5dde56..78c5f403257 100644
--- a/apps/mobile/src/Stack.tsx
+++ b/apps/mobile/src/Stack.tsx
@@ -14,6 +14,7 @@ import { DynamicColorIOS, Platform, Pressable, ScrollView, StyleSheet } from "re
import { useResolveClassNames } from "uniwind";
import { AppText as Text } from "./components/AppText";
+import { renderCompactBrandTitle } from "./components/CompactBrandTitle";
import { ArchivedThreadsRouteScreen } from "./features/archive/ArchivedThreadsRouteScreen";
import { useAgentNotificationNavigation } from "./features/agent-awareness/notificationNavigation";
import { ClerkSettingsSheetDetentProvider } from "./features/cloud/ClerkSettingsSheetDetent";
@@ -351,7 +352,8 @@ export const RootStack = createNativeStackNavigator({
...GLASS_HEADER_OPTIONS,
contentStyle: { backgroundColor: "transparent" },
headerBackVisible: false,
- title: "Threads",
+ headerTitle: renderCompactBrandTitle,
+ title: "T3 Code",
},
}),
Thread: createNativeStackScreen({
diff --git a/apps/mobile/src/components/CompactBrandTitle.tsx b/apps/mobile/src/components/CompactBrandTitle.tsx
new file mode 100644
index 00000000000..2ecf34aa40c
--- /dev/null
+++ b/apps/mobile/src/components/CompactBrandTitle.tsx
@@ -0,0 +1,60 @@
+import { View } from "react-native";
+
+import { AppText as Text } from "./AppText";
+import { T3Wordmark } from "./T3Wordmark";
+import { useThemeColor } from "../lib/useThemeColor";
+
+/**
+ * Compact brand lockup sized for native navigation bars.
+ */
+export function CompactBrandTitle() {
+ const iconColor = useThemeColor("--color-icon");
+ const mutedColor = useThemeColor("--color-foreground-muted");
+ const subtleColor = useThemeColor("--color-subtle");
+
+ return (
+
+
+
+ Code
+
+
+
+ Alpha
+
+
+
+ );
+}
+
+export function renderCompactBrandTitle() {
+ return ;
+}
diff --git a/apps/mobile/src/features/home/HomeRouteScreen.tsx b/apps/mobile/src/features/home/HomeRouteScreen.tsx
index 49cf06d85ec..cd9467c774e 100644
--- a/apps/mobile/src/features/home/HomeRouteScreen.tsx
+++ b/apps/mobile/src/features/home/HomeRouteScreen.tsx
@@ -4,6 +4,7 @@ import { useNavigation } from "@react-navigation/native";
import { useMemo, useState } from "react";
import { NativeHeaderToolbar, NativeStackScreenOptions } from "../../native/StackHeader";
+import { renderCompactBrandTitle } from "../../components/CompactBrandTitle";
import { useProjects, useThreadShells } from "../../state/entities";
import { usePendingNewTasks } from "../../state/use-pending-new-tasks";
import { useWorkspaceState } from "../../state/workspace";
@@ -86,7 +87,9 @@ export function HomeRouteScreen() {
>
<>
{/* Restore the compact title in case the split branch blanked it. */}
-
+