Commit 03e20c875ccd39e4cedba8f6b713195290ec4652 | the-knife

Co-authored-by: Julius Marminge <julius0216@outlook.com>

4 files changed, 70 insertions(+), 3 deletions(-)

apps/mobile/src/Stack.tsx+3-1

...	...	@@ -15,6 +15,7 @@ import { DynamicColorIOS, Platform, Pressable, ScrollView, StyleSheet } from "re
15	15	import { useResolveClassNames } from "uniwind";
16	16
17	17	import { AppText as Text } from "./components/AppText";
	18	import { renderCompactBrandTitle } from "./components/CompactBrandTitle";
18	19	import { ArchivedThreadsRouteScreen } from "./features/archive/ArchivedThreadsRouteScreen";
19	20	import { useAgentNotificationNavigation } from "./features/agent-awareness/notificationNavigation";
20	21	import { ClerkSettingsSheetDetentProvider } from "./features/cloud/ClerkSettingsSheetDetent";
...	...	@@ -377,7 +378,8 @@ export const RootStack = createNativeStackNavigator({
377	378	...GLASS_HEADER_OPTIONS,
378	379	contentStyle: { backgroundColor: "transparent" },
379	380	headerBackVisible: false,
380		title: "Threads",
	381	headerTitle: renderCompactBrandTitle,
	382	title: "T3 Code",
381	383	},
382	384	}),
383	385	Thread: createNativeStackScreen({

apps/mobile/src/components/CompactBrandTitle.tsx created+60

...	...	@@ -0,0 +1,60 @@
	1	import { View } from "react-native";
	2
	3	import { AppText as Text } from "./AppText";
	4	import { T3Wordmark } from "./T3Wordmark";
	5	import { useThemeColor } from "../lib/useThemeColor";
	6
	7	/**
	8	* Compact brand lockup sized for native navigation bars.
	9	*/
	10	export function CompactBrandTitle() {
	11	const iconColor = useThemeColor("--color-icon");
	12	const mutedColor = useThemeColor("--color-foreground-muted");
	13	const subtleColor = useThemeColor("--color-subtle");
	14
	15	return (
	16	<View
	17	aria-level={1}
	18	accessibilityLabel="T3 Code"
	19	accessible
	20	role="heading"
	21	style={{ alignItems: "center", flexDirection: "row", gap: 6 }}
	22	>
	23	<T3Wordmark color={iconColor} height={11} />
	24	<Text
	25	style={{
	26	color: mutedColor,
	27	fontFamily: "DMSans-Medium",
	28	fontSize: 14,
	29	letterSpacing: -0.35,
	30	}}
	31	>
	32	Code
	33	</Text>
	34	<View
	35	style={{
	36	backgroundColor: subtleColor,
	37	borderRadius: 999,
	38	paddingHorizontal: 6,
	39	paddingVertical: 2,
	40	}}
	41	>
	42	<Text
	43	style={{
	44	color: mutedColor,
	45	fontFamily: "DMSans-Bold",
	46	fontSize: 9,
	47	letterSpacing: 0.9,
	48	textTransform: "uppercase",
	49	}}
	50	>
	51	Alpha
	52	</Text>
	53	</View>
	54	</View>
	55	);
	56	}
	57
	58	export function renderCompactBrandTitle() {
	59	return <CompactBrandTitle />;
	60	}

apps/mobile/src/features/home/HomeRouteScreen.tsx+4-1

...	...	@@ -4,6 +4,7 @@ import { useNavigation } from "@react-navigation/native";
4	4	import { useMemo, useState } from "react";
5	5
6	6	import { NativeHeaderToolbar, NativeStackScreenOptions } from "../../native/StackHeader";
	7	import { renderCompactBrandTitle } from "../../components/CompactBrandTitle";
7	8	import { useProjects, useThreadShells } from "../../state/entities";
8	9	import { usePendingNewTasks } from "../../state/use-pending-new-tasks";
9	10	import { useWorkspaceState } from "../../state/workspace";
...	...	@@ -86,7 +87,9 @@ export function HomeRouteScreen() {
86	87	>
87	88	<>
88	89	{/* Restore the compact title in case the split branch blanked it. */}
89		<NativeStackScreenOptions options={{ title: "Threads", headerTitle: "Threads" }} />
	90	<NativeStackScreenOptions
	91	options={{ title: "T3 Code", headerTitle: renderCompactBrandTitle }}
	92	/>
90	93	<HomeHeader
91	94	environments={environments}
92	95	searchQuery={searchQuery}

apps/mobile/src/features/threads/sidebar-navigation-shell.tsx+3-1

...	...	@@ -11,6 +11,7 @@ import {
11	11	import type { ReactNode } from "react";
12	12	import { Platform, useColorScheme } from "react-native";
13	13
	14	import { renderCompactBrandTitle } from "../../components/CompactBrandTitle";
14	15	import { nativeHeaderScrollEdgeEffects } from "../../native/StackHeader";
15	16
16	17	const SCROLL_EDGE_EFFECTS = nativeHeaderScrollEdgeEffects(Platform.OS, Platform.Version);
...	...	@@ -34,10 +35,11 @@ const SIDEBAR_SCREEN_OPTIONS: SidebarScreenOptions = {
34	35	headerShadowVisible: false,
35	36	headerShown: true,
36	37	headerStyle: { backgroundColor: "transparent" },
	38	headerTitle: renderCompactBrandTitle,
37	39	headerTitleStyle: { fontSize: 18, fontWeight: "800" },
38	40	headerTransparent: true,
39	41	scrollEdgeEffects: SCROLL_EDGE_EFFECTS,
40		title: "Threads",
	42	title: "T3 Code",
41	43	unstable_navigationItemStyle: "editor",
42	44	};
43	45