chore(v2): merge main into the V2 branch

apps/desktop/src/preview/Manager.test.ts

@@ -1601,7 +1601,7 @@ describe("PreviewManager", () => {
     ),
   );
 
-  effectIt.effect("emulates prefers-color-scheme and re-applies it across webview swaps", () =>
+  effectIt.effect("re-applies opaque base and color scheme across webview swaps", () =>
     withManager((manager) =>
       Effect.gen(function* () {
         const makeWebContents = (id: number) => {
@@ -1650,6 +1650,16 @@ describe("PreviewManager", () => {
         yield* manager.registerWebview("tab_scheme", 42);
         yield* Effect.yieldNow;
 
+        // Guests start with a transparent base; dark-scheme pages need an opaque
+        // one or Chromium skips their dark canvas.
+        const opaqueBase = {
+          color: { r: 255, g: 255, b: 255, a: 1 },
+        };
+        expect(first.sendCommand).toHaveBeenCalledWith(
+          "Emulation.setDefaultBackgroundColorOverride",
+          opaqueBase,
+        );
+
         yield* manager.setColorScheme("tab_scheme", "dark");
 
         expect(first.sendCommand).toHaveBeenCalledWith("Emulation.setEmulatedMedia", {
@@ -1662,6 +1672,10 @@ describe("PreviewManager", () => {
         yield* manager.registerWebview("tab_scheme", 43);
         yield* Effect.yieldNow;
 
+        expect(replacement.sendCommand).toHaveBeenCalledWith(
+          "Emulation.setDefaultBackgroundColorOverride",
+          opaqueBase,
+        );
         expect(replacement.sendCommand).toHaveBeenCalledWith("Emulation.setEmulatedMedia", {
           features: [{ name: "prefers-color-scheme", value: "dark" }],
         });

apps/desktop/src/preview/Manager.ts

@@ -1418,6 +1418,19 @@ const makeNativeOperations = Effect.fn("PreviewManager.makeOperations")(function
                 ),
               { concurrency: "unbounded", discard: true },
             );
+            // Electron gives `<webview>` guests a transparent base background, and
+            // Chromium only paints a dark canvas for dark color-scheme pages over an
+            // opaque base. Without this, dark-scheme pages with no background of
+            // their own (text/plain, e.g. .md files) render white text on white.
+            // White matches the webview's existing white backing, so light pages look
+            // the same; Chromium still swaps in its dark canvas for dark-scheme pages.
+            yield* attemptPromise(
+              { operation: "initializeDebugger.defaultBackground", webContentsId: wc.id },
+              () =>
+                wcDebugger.sendCommand("Emulation.setDefaultBackgroundColorOverride", {
+                  color: { r: 255, g: 255, b: 255, a: 1 },
+                }),
+            );
             return [
               control,
               replaceMap(sessions, (copy) => {

apps/desktop/src/settings/DesktopClientSettings.test.ts

@@ -66,6 +66,7 @@ const clientSettings: ClientSettings = {
   sidebarThreadSortOrder: "created_at",
   sidebarThreadPreviewCount: 6,
   legacySidebarEnabled: false,
+  sidebarWorkingShelfEnabled: false,
   loadBalancingEnabled: false,
   loadBalancingWeights: { "environment-1": 75, "environment-2": 0 },
   pullRequestMergeMethodOverrides: {},

apps/mobile/app.config.ts

@@ -229,7 +229,7 @@ const config: ExpoConfig = {
   slug: "t3-code",
   platforms: ["ios", "android"],
   scheme: variant.scheme,
-  version: "1.3.1",
+  version: "1.4.0",
   runtimeVersion: {
     // Development manifests resolve on every launch, so avoid fingerprint's
     // expensive native-project calculation there. Preview and production stay

apps/mobile/modules/t3-markdown-text/src/SelectableMarkdownText.tsx

@@ -6,6 +6,7 @@ import {
   nativeMarkdownChunkSpacing,
   nativeMarkdownDocumentChunks,
   nativeMarkdownDocumentRuns,
+  nativeMarkdownWithAuthoredWindowsPaths,
   nativeMarkdownWithPreservedSoftBreaks,
 } from "./nativeMarkdownText";
 import { MarkdownImageRendererContext, NativeMarkdownBlock } from "./NativeMarkdownBlock";
@@ -51,11 +52,10 @@ export function SelectableMarkdownText({
   marginBottom = 0,
 }: SelectableMarkdownTextProps) {
   const chunks = useMemo(() => {
-    const parsedDocument = parseMarkdownWithOptions(markdown, {
-      gfm: true,
-      html: true,
-      math: false,
-    });
+    const parsedDocument = nativeMarkdownWithAuthoredWindowsPaths(
+      parseMarkdownWithOptions(markdown, { gfm: true, html: true, math: false }),
+      markdown,
+    );
     const document = preserveSoftBreaks
       ? nativeMarkdownWithPreservedSoftBreaks(parsedDocument)
       : parsedDocument;

apps/mobile/modules/t3-markdown-text/src/nativeMarkdownText.ts

@@ -1,6 +1,7 @@
 import type { MarkdownNode } from "react-native-nitro-markdown/headless";
 import { collectComposerInlineTokens } from "@t3tools/shared/composerInlineTokens";
 import { imageMimeType } from "@t3tools/shared/image";
+import { isWindowsAbsolutePath } from "@t3tools/shared/path";
 import { videoMimeType } from "@t3tools/shared/video";
 /**
  * Every accent shares a lightness so no kind reads heavier than another; only hue carries
@@ -519,6 +520,35 @@ export function nativeMarkdownWithPreservedSoftBreaks(node: MarkdownNode): Markd
   };
 }
 
+const WINDOWS_DESTINATION_PATTERN = /\](?:\(|:)\s*<?((?:[A-Za-z]:|\\\\)(?:\\.|[^\s()<>\\])*)/g;
+const MARKDOWN_ESCAPE_PATTERN = /\\([!-/:-@[-`{-~])/g;
+
+/**
+ * md4c reads the `\.` in `C:\me\.t3\shot.png` as an escape, even in a link destination.
+ * Every backslash in a Windows path is a separator, so link and image paths go back to
+ * the destination as written in `markdown`. A parsed path that more than one written
+ * destination could have produced stays as parsed.
+ */
+export function nativeMarkdownWithAuthoredWindowsPaths(
+  node: MarkdownNode,
+  markdown: string,
+): MarkdownNode {
+  const authoredByParsed = new Map<string, string | null>();
+  for (const [, authored = ""] of markdown.matchAll(WINDOWS_DESTINATION_PATTERN)) {
+    if (!isWindowsAbsolutePath(authored)) continue;
+    const parsed = authored.replace(MARKDOWN_ESCAPE_PATTERN, "$1");
+    const known = authoredByParsed.get(parsed);
+    authoredByParsed.set(parsed, known === undefined || known === authored ? authored : null);
+  }
+  if (authoredByParsed.size === 0) return node;
+  const restore = (current: MarkdownNode): MarkdownNode => {
+    const href = current.href && authoredByParsed.get(current.href);
+    const children = current.children?.map(restore);
+    return { ...current, ...(href ? { href } : {}), ...(children ? { children } : {}) };
+  };
+  return restore(node);
+}
+
 function appendBlockTerminator(
   runs: NativeMarkdownTextRun[],
   context: RunContext,

apps/mobile/package.json

@@ -49,8 +49,8 @@
     "@clerk/expo": "catalog:",
     "@effect/atom-react": "catalog:",
     "@expo-google-fonts/dm-sans": "^0.4.2",
-    "@expo/metro-runtime": "~58.0.9",
-    "@expo/ui": "~58.0.9",
+    "@expo/metro-runtime": "~58.0.10",
+    "@expo/ui": "~58.0.11",
     "@legendapp/list": "catalog:",
     "@material/material-color-utilities": "0.3.0",
     "@noble/curves": "catalog:",
@@ -74,41 +74,41 @@
     "clsx": "^2.1.1",
     "diff": "8.0.3",
     "effect": "catalog:",
-    "expo": "58.0.0",
-    "expo-asset": "~58.0.9",
-    "expo-audio": "58.0.3",
-    "expo-auth-session": "~58.0.6",
-    "expo-blur": "58.0.2",
+    "expo": "58.0.2",
+    "expo-asset": "~58.0.10",
+    "expo-audio": "58.0.4",
+    "expo-auth-session": "~58.0.7",
+    "expo-blur": "58.0.3",
     "expo-build-properties": "~58.0.9",
-    "expo-camera": "~58.0.5",
-    "expo-clipboard": "~58.0.2",
+    "expo-camera": "~58.0.7",
+    "expo-clipboard": "~58.0.3",
     "expo-constants": "~58.0.9",
-    "expo-crypto": "~58.0.3",
-    "expo-dev-client": "~58.0.9",
-    "expo-device": "~58.0.3",
-    "expo-document-picker": "~58.0.3",
-    "expo-file-system": "~58.0.4",
-    "expo-font": "~58.0.4",
+    "expo-crypto": "~58.0.4",
+    "expo-dev-client": "~58.0.10",
+    "expo-device": "~58.0.5",
+    "expo-document-picker": "~58.0.4",
+    "expo-file-system": "~58.0.5",
+    "expo-font": "~58.0.5",
     "expo-glass-effect": "58.0.3",
-    "expo-haptics": "~58.0.3",
-    "expo-image": "~58.0.8",
-    "expo-image-manipulator": "~58.0.10",
-    "expo-image-picker": "~58.0.9",
-    "expo-keep-awake": "~58.0.2",
-    "expo-linking": "~58.0.9",
-    "expo-network": "~58.0.2",
-    "expo-notifications": "~58.0.9",
+    "expo-haptics": "~58.0.4",
+    "expo-image": "~58.0.10",
+    "expo-image-manipulator": "~58.0.11",
+    "expo-image-picker": "~58.0.10",
+    "expo-keep-awake": "~58.0.3",
+    "expo-linking": "~58.0.10",
+    "expo-network": "~58.0.3",
+    "expo-notifications": "~58.0.11",
     "expo-paste-input": "^0.1.15",
     "expo-quick-actions": "^6.0.2",
-    "expo-secure-store": "~58.0.1",
-    "expo-sharing": "58.0.12",
-    "expo-splash-screen": "~58.0.2",
-    "expo-sqlite": "~58.0.7",
+    "expo-secure-store": "~58.0.2",
+    "expo-sharing": "58.0.13",
+    "expo-splash-screen": "~58.0.4",
+    "expo-sqlite": "~58.0.8",
     "expo-symbols": "~58.0.3",
-    "expo-updates": "~58.0.11",
-    "expo-video": "~58.0.5",
-    "expo-web-browser": "~58.0.3",
-    "expo-widgets": "58.0.9",
+    "expo-updates": "~58.0.13",
+    "expo-video": "~58.0.6",
+    "expo-web-browser": "~58.0.4",
+    "expo-widgets": "58.0.11",
     "react": "19.3.0",
     "react-dom": "19.3.0",
     "react-native": "0.88.0-rc.3",
@@ -133,14 +133,15 @@
     "@pierre/trees": "1.0.0-beta.4",
     "@types/react": "~19.3.0",
     "@types/react-dom": "~19.2.3",
-    "babel-preset-expo": "~58.0.6",
+    "babel-preset-expo": "~58.0.8",
     "tailwindcss": "^4.0.0",
     "typescript": "catalog:"
   },
   "expo": {
     "install": {
       "exclude": [
-        "react-native-keyboard-controller"
+        "react-native-keyboard-controller",
+        "typescript"
       ]
     },
     "autolinking": {

apps/mobile/src/features/archive/ArchivedThreadsScreen.tsx

@@ -190,7 +190,7 @@ function ArchivedThreadRow(props: {
   readonly thread: EnvironmentThreadShell;
 }) {
   const { width: windowWidth } = useWindowDimensions();
-  const cardColor = useUniwindTheme()["--color-card"];
+  const cardColor = useUniwindTheme()["--color-grouped-card"];
   const timestamp = relativeTime(props.thread.archivedAt ?? props.thread.updatedAt);
   const subtitle = [props.environmentLabel, props.thread.branch].filter((part): part is string =>
     Boolean(part),
@@ -224,7 +224,7 @@ function ArchivedThreadRow(props: {
     >
       {() => (
         <View
-          className={`flex-row items-center gap-3 bg-card px-4 py-3 ${props.isLast ? "" : "border-b border-separator"}`}
+          className={`flex-row items-center gap-3 bg-grouped-card px-4 py-3 ${props.isLast ? "" : "border-b border-separator"}`}
         >
           <View className="h-[34px] w-[34px] items-center justify-center rounded-[11px] bg-subtle">
             <SymbolView

apps/mobile/src/features/cloud/ConnectOnboardingRouteScreen.tsx

@@ -117,7 +117,7 @@ function ConfiguredConnectOnboardingRouteScreen() {
             showHeader={false}
           />
         ) : (
-          <View collapsable={false} className="rounded-[24px] bg-card p-5">
+          <View collapsable={false} className="rounded-[24px] bg-grouped-card p-5">
             <Text className="text-sm leading-normal text-foreground-muted">
               Sign in to your T3 account to set up T3 Connect.
             </Text>

apps/mobile/src/features/cloud/cloudDebugLog.ts

@@ -5,10 +5,6 @@ const logger = createDebugLogger("cloud", {
   legacyGlobalFlag: "__T3_CLOUD_DEBUG__",
 });
 
-export function isCloudDebugEnabled(): boolean {
-  return logger.isEnabled();
-}
-
 export function cloudDebugLog(event: string, data?: Record<string, unknown>): void {
   logger.log(event, data);
 }

apps/mobile/src/features/connection/ConnectionsNewRouteScreen.tsx

@@ -226,7 +226,7 @@ export function ConnectionsNewRouteScreen({
                 />
               </View>
             ) : (
-              <View className="items-center gap-3 rounded-[24px] border-continuous bg-card px-5 py-8">
+              <View className="items-center gap-3 rounded-[24px] border-continuous bg-grouped-card px-5 py-8">
                 <Text className="text-center text-sm leading-normal text-foreground-muted">
                   Camera permission is required to scan a QR code.
                 </Text>
@@ -242,7 +242,7 @@ export function ConnectionsNewRouteScreen({
               </View>
             )
           ) : (
-            <View collapsable={false} className="gap-4 rounded-[24px] bg-card p-4">
+            <View collapsable={false} className="gap-4 rounded-[24px] bg-grouped-card p-4">
               <ConnectionFormField
                 label="Host"
                 autoCapitalize="none"

apps/mobile/src/features/projects/AddProjectScreen.tsx

@@ -175,8 +175,8 @@ function ListSection(props: { readonly children: ReactNode }) {
     <View
       className={
         Platform.OS === "android"
-          ? "overflow-hidden rounded-[28px] bg-card"
-          : "overflow-hidden rounded-[24px] bg-card"
+          ? "overflow-hidden rounded-[28px] bg-grouped-card"
+          : "overflow-hidden rounded-[24px] bg-grouped-card"
       }
     >
       {props.children}
@@ -197,6 +197,7 @@ function ListRow(props: {
   if (Platform.OS === "android") {
     return (
       <MaterialListRow
+        className="bg-grouped-card"
         title={props.title}
         subtitle={props.subtitle}
         leading={props.icon}
@@ -213,7 +214,7 @@ function ListRow(props: {
       disabled={props.disabled}
       onPress={props.onPress}
       className={cn(
-        "bg-card px-3.5 py-2.5 active:opacity-70",
+        "bg-grouped-card px-3.5 py-2.5 active:opacity-70",
         !props.isFirst && "border-t border-border-subtle",
         props.disabled && "opacity-[0.45]",
       )}
@@ -448,7 +449,7 @@ function EmptyEnvironmentState() {
   const navigation = useNavigation();
 
   return (
-    <View className="items-center gap-3 rounded-2xl bg-card px-5 py-8">
+    <View className="items-center gap-3 rounded-2xl bg-grouped-card px-5 py-8">
       <Text className="text-center text-lg font-t3-bold">Environment unavailable</Text>
       <Text className="text-center text-sm leading-normal text-foreground-muted">
         Start or reconnect an environment before adding a project.
@@ -1332,7 +1333,7 @@ export function AddProjectDestinationScreen(props: {
     <AddProjectShell title="Clone destination">
       {error ? <ErrorBanner message={error} /> : null}
       {repositoryTitle ? (
-        <View className="rounded-[24px] bg-card px-4 py-3">
+        <View className="rounded-[24px] bg-grouped-card px-4 py-3">
           <Text className="text-base font-t3-bold">{repositoryTitle}</Text>
           <Text className="mt-0.5 text-xs text-foreground-muted" numberOfLines={2}>
             {remoteUrl}

apps/mobile/src/features/terminal/terminalDebugLog.ts

@@ -12,10 +12,6 @@ const logger = createDebugLogger("terminal", {
   legacyGlobalFlag: "__T3_TERMINAL_DEBUG__",
 });
 
-export function isTerminalDebugEnabled(): boolean {
-  return logger.isEnabled();
-}
-
 export function terminalDebugLog(message: string, data?: Record<string, unknown>): void {
   logger.log(message, data);
 }