feat(mobile): host-owned workspace data, single-stack nav, settings, new-chat widget

.gitignore

@@ -12,6 +12,7 @@ node_modules
 dist
 dist-ssr
 dist-electron
+dist-types
 release
 *.local
 

.superset/lib/setup/steps.sh

@@ -551,6 +551,7 @@ step_write_env() {
     write_env_var "NEXT_PUBLIC_ELECTRIC_URL" "https://localhost:$CADDY_ELECTRIC_PORT"
     write_env_var "NEXT_PUBLIC_ELECTRIC_PROXY_URL" "https://localhost:$CADDY_ELECTRIC_PORT"
     write_env_var "EXPO_PUBLIC_ELECTRIC_URL" "http://localhost:$WRANGLER_PORT"
+    write_env_var "EXPO_PUBLIC_RELAY_URL" "http://localhost:$RELAY_PORT"
   } >> .env
 
   success "Workspace .env written"

apps/mobile/app.config.ts

@@ -55,6 +55,13 @@ export default ({ config }: ConfigContext) => ({
 			},
 		],
 		"expo-document-picker",
+		[
+			"expo-media-library",
+			{
+				photosPermission:
+					"Superset shows your recent photos so you can attach them to chats.",
+			},
+		],
 	],
 	extra: {
 		router: {},

apps/mobile/app/(authenticated)/(home)/_layout.tsx

@@ -0,0 +1,32 @@
+import { Stack } from "expo-router";
+
+export default function HomeLayout() {
+	return (
+		<Stack
+			screenOptions={{
+				headerBackButtonDisplayMode: "minimal",
+				headerShadowVisible: false,
+			}}
+		>
+			<Stack.Screen name="index" options={{ title: "" }} />
+			<Stack.Screen
+				name="filter"
+				options={{
+					presentation: "formSheet",
+					headerShown: false,
+					sheetAllowedDetents: [1.0],
+					sheetGrabberVisible: true,
+				}}
+			/>
+			<Stack.Screen
+				name="new-chat"
+				options={{
+					presentation: "formSheet",
+					headerShown: false,
+					sheetAllowedDetents: [1.0],
+					sheetGrabberVisible: true,
+				}}
+			/>
+		</Stack>
+	);
+}

apps/mobile/app/(authenticated)/(home)/filter/_layout.tsx

@@ -0,0 +1,17 @@
+import { Stack } from "expo-router";
+
+export default function FilterLayout() {
+	return (
+		<Stack
+			screenOptions={{
+				headerBackButtonDisplayMode: "minimal",
+				headerShadowVisible: false,
+			}}
+		>
+			<Stack.Screen name="index" options={{ title: "Filter" }} />
+			<Stack.Screen name="project" options={{ title: "Project" }} />
+			<Stack.Screen name="host" options={{ title: "Host" }} />
+			<Stack.Screen name="sort" options={{ title: "Sort" }} />
+		</Stack>
+	);
+}

apps/mobile/app/(authenticated)/(home)/filter/host.tsx

@@ -0,0 +1,3 @@
+import { HostFilterScreen } from "@/screens/(authenticated)/(home)/filter/host";
+
+export default HostFilterScreen;

apps/mobile/app/(authenticated)/(home)/filter/index.tsx

@@ -0,0 +1,3 @@
+import { FilterScreen } from "@/screens/(authenticated)/(home)/filter";
+
+export default FilterScreen;

apps/mobile/app/(authenticated)/(home)/filter/project.tsx

@@ -0,0 +1,3 @@
+import { ProjectFilterScreen } from "@/screens/(authenticated)/(home)/filter/project";
+
+export default ProjectFilterScreen;

apps/mobile/app/(authenticated)/(home)/filter/sort.tsx

@@ -0,0 +1,3 @@
+import { SortFilterScreen } from "@/screens/(authenticated)/(home)/filter/sort";
+
+export default SortFilterScreen;

apps/mobile/app/(authenticated)/(home)/index.tsx

@@ -0,0 +1,3 @@
+import { WorkspacesScreen } from "@/screens/(authenticated)/(home)/workspaces";
+
+export default WorkspacesScreen;

apps/mobile/app/(authenticated)/(home)/new-chat/_layout.tsx

@@ -0,0 +1,16 @@
+import { Stack } from "expo-router";
+
+export default function NewChatLayout() {
+	return (
+		<Stack
+			screenOptions={{
+				headerBackButtonDisplayMode: "minimal",
+				headerShadowVisible: false,
+			}}
+		>
+			<Stack.Screen name="branch" options={{ title: "Branch" }} />
+			<Stack.Screen name="model" options={{ title: "Model" }} />
+			<Stack.Screen name="project" options={{ title: "Project" }} />
+		</Stack>
+	);
+}

apps/mobile/app/(authenticated)/(home)/new-chat/branch.tsx

@@ -0,0 +1,3 @@
+import { BranchPickerScreen } from "@/screens/(authenticated)/(home)/new-chat/branch";
+
+export default BranchPickerScreen;

apps/mobile/app/(authenticated)/(home)/new-chat/model.tsx

@@ -0,0 +1,3 @@
+import { ModelPickerScreen } from "@/screens/(authenticated)/(home)/new-chat/model";
+
+export default ModelPickerScreen;

apps/mobile/app/(authenticated)/(home)/new-chat/project.tsx

@@ -0,0 +1,3 @@
+import { ProjectPickerScreen } from "@/screens/(authenticated)/(home)/new-chat/project";
+
+export default ProjectPickerScreen;

apps/mobile/app/(authenticated)/_layout.tsx

@@ -2,14 +2,41 @@ import { Stack } from "expo-router";
 import { useDevicePresence } from "@/hooks/useDevicePresence";
 import { CollectionsProvider } from "@/screens/(authenticated)/providers/CollectionsProvider";
 
+const settingsScreenOptions = (title: string) => ({
+	headerShown: true,
+	headerBackButtonDisplayMode: "minimal" as const,
+	headerShadowVisible: false,
+	title,
+});
+
 export default function AuthenticatedLayout() {
 	useDevicePresence();
 
 	return (
 		<CollectionsProvider>
 			<Stack screenOptions={{ headerShown: false }}>
-				<Stack.Screen name="(tabs)" />
+				<Stack.Screen name="(home)" />
 				<Stack.Screen name="workspace/[id]" />
+				<Stack.Screen
+					name="settings/index"
+					options={settingsScreenOptions("Settings")}
+				/>
+				<Stack.Screen
+					name="settings/account"
+					options={settingsScreenOptions("Account")}
+				/>
+				<Stack.Screen
+					name="settings/organization"
+					options={settingsScreenOptions("Organization")}
+				/>
+				<Stack.Screen
+					name="settings/hosts"
+					options={settingsScreenOptions("Hosts")}
+				/>
+				<Stack.Screen
+					name="settings/billing"
+					options={settingsScreenOptions("Billing")}
+				/>
 			</Stack>
 		</CollectionsProvider>
 	);

apps/mobile/app/(authenticated)/settings/account.tsx

@@ -0,0 +1,3 @@
+import { AccountSettingsScreen } from "@/screens/(authenticated)/settings/account";
+
+export default AccountSettingsScreen;

apps/mobile/app/(authenticated)/settings/billing.tsx

@@ -0,0 +1,3 @@
+import { BillingSettingsScreen } from "@/screens/(authenticated)/settings/billing";
+
+export default BillingSettingsScreen;

apps/mobile/app/(authenticated)/settings/hosts.tsx

@@ -0,0 +1,3 @@
+import { HostsSettingsScreen } from "@/screens/(authenticated)/settings/hosts";
+
+export default HostsSettingsScreen;

apps/mobile/app/(authenticated)/settings/index.tsx

@@ -0,0 +1,3 @@
+import { SettingsScreen } from "@/screens/(authenticated)/settings";
+
+export default SettingsScreen;

apps/mobile/app/(authenticated)/settings/organization.tsx

@@ -0,0 +1,3 @@
+import { OrganizationSettingsScreen } from "@/screens/(authenticated)/settings/organization";
+
+export default OrganizationSettingsScreen;

apps/mobile/hooks/useHostWorkspaces/index.ts

@@ -0,0 +1,9 @@
+export {
+	getHostWorkspacesQueryKey,
+	type HostWorkspaceItem,
+	type HostWorkspaceRow,
+	type HostWorkspacesCacheOps,
+	type UseHostWorkspacesResult,
+	useHostWorkspaces,
+	type WorkspacesHost,
+} from "./useHostWorkspaces";