Add mobile review diff and comment sheets (#2021)

Co-authored-by: Julius Marminge <julius@macmini.local>

Author: juliusmarminge

T3 Code blueprint.icon/Assets/T3.svg

@@ -0,0 +1,46 @@
+{
+  "fill": {
+    "solid": "display-p3:0.00000,0.00000,0.00000,1.00000"
+  },
+  "groups": [
+    {
+      "layers": [
+        {
+          "blend-mode": "normal",
+          "fill": "automatic",
+          "hidden": false,
+          "image-name": "seedream-v4.5-kn732b3mfqe78y3dga2h92wbk984vnh7.png",
+          "name": "seedream-v4.5-kn732b3mfqe78y3dga2h92wbk984vnh7",
+          "position": {
+            "scale": 0.25,
+            "translation-in-points": [0, 0]
+          }
+        },
+        {
+          "image-name": "T3.svg",
+          "name": "T3",
+          "position": {
+            "scale": 10,
+            "translation-in-points": [0, 0]
+          }
+        },
+        {
+          "hidden": false,
+          "image-name": "Texturelabs_Paper_381XL.jpg",
+          "name": "Texturelabs_Paper_381XL"
+        }
+      ],
+      "shadow": {
+        "kind": "neutral",
+        "opacity": 0.5
+      },
+      "translucency": {
+        "enabled": true,
+        "value": 0.5
+      }
+    }
+  ],
+  "supported-platforms": {
+    "squares": ["iOS", "macOS"]
+  }
+}

T3 Code blueprint.icon/Assets/Texturelabs_Paper_381XL.jpg

@@ -37,6 +37,7 @@
     "@effect/atom-react": "catalog:",
     "@expo-google-fonts/dm-sans": "^0.4.2",
     "@legendapp/list": "3.0.0-beta.44",
+    "@pierre/diffs": "^1.1.0-beta.16",
     "@react-native-menu/menu": "^2.0.0",
     "@t3tools/client-runtime": "workspace:*",
     "@t3tools/contracts": "workspace:*",
@@ -74,6 +75,7 @@
     "react-native-screens": "~4.23.0",
     "react-native-svg": "15.15.3",
     "react-native-worklets": "0.7.2",
+    "shiki": "^4.0.2",
     "tailwind-merge": "^3.5.0",
     "uniwind": "^1.6.2"
   },

T3 Code blueprint.icon/Assets/seedream-v4.5-kn732b3mfqe78y3dga2h92wbk984vnh7.png

@@ -4,6 +4,9 @@ import { useResolveClassNames } from "uniwind";
 
 export default function ThreadLayout() {
   const sheetStyle = StyleSheet.flatten(useResolveClassNames("bg-sheet"));
+  const headerBg = {
+    backgroundColor: (sheetStyle as { backgroundColor?: string })?.backgroundColor,
+  };
 
   return (
     <Stack screenOptions={{ headerShown: false }}>
@@ -38,6 +41,29 @@ export default function ThreadLayout() {
           sheetGrabberVisible: true,
         }}
       />
+      <Stack.Screen
+        name="review"
+        options={{
+          animation: "slide_from_right",
+          contentStyle: sheetStyle,
+          headerShown: true,
+          headerTitle: "Files changed",
+          headerBackTitle: "",
+          headerShadowVisible: false,
+          headerStyle: headerBg,
+        }}
+      />
+      <Stack.Screen
+        name="review-comment"
+        options={{
+          contentStyle: sheetStyle,
+          gestureEnabled: true,
+          headerShown: false,
+          presentation: "formSheet" as const,
+          sheetAllowedDetents: [0.72, 0.92],
+          sheetGrabberVisible: true,
+        }}
+      />
     </Stack>
   );
 }

T3 Code blueprint.icon/icon.json

@@ -42,6 +42,17 @@ export default function GitSheetLayout() {
           headerStyle: headerBg,
         }}
       />
+      <Stack.Screen
+        name="review"
+        options={{
+          animation: "slide_from_right",
+          headerShown: true,
+          headerTitle: "Review changes",
+          headerBackTitle: "",
+          headerShadowVisible: false,
+          headerStyle: headerBg,
+        }}
+      />
     </Stack>
   );
 }

apps/mobile/package.json

@@ -0,0 +1,17 @@
+import { Redirect, useLocalSearchParams } from "expo-router";
+
+export default function ReviewRoute() {
+  const { environmentId, threadId } = useLocalSearchParams<{
+    environmentId: string;
+    threadId: string;
+  }>();
+
+  return (
+    <Redirect
+      href={{
+        pathname: "/threads/[environmentId]/[threadId]/review",
+        params: { environmentId, threadId },
+      }}
+    />
+  );
+}

apps/mobile/src/app/threads/[environmentId]/[threadId]/_layout.tsx

@@ -0,0 +1,5 @@
+import { ReviewCommentComposerSheet } from "../../../../features/threads/review/ReviewCommentComposerSheet";
+
+export default function ReviewCommentRoute() {
+  return <ReviewCommentComposerSheet />;
+}

apps/mobile/src/app/threads/[environmentId]/[threadId]/git/_layout.tsx

@@ -0,0 +1,5 @@
+import { ReviewSheet } from "../../../../features/threads/review/ReviewSheet";
+
+export default function ReviewRoute() {
+  return <ReviewSheet />;
+}