Add adaptive split-view layout for iPad/mobile workspace

apps/mobile/.swiftlint.yml

@@ -1,6 +1,7 @@
 included:
   - ios/T3Code
   - modules/t3-composer-editor/ios
+  - modules/t3-native-controls/ios
   - modules/t3-terminal/ios
   - modules/t3-review-diff/ios
 

apps/mobile/app.config.ts

@@ -17,6 +17,7 @@ const VARIANT_CONFIG: Record<
     readonly iosIcon: string;
     readonly iosBundleIdentifier: string;
     readonly androidPackage: string;
+    readonly relyingParty?: string;
   }
 > = {
   development: {
@@ -25,20 +26,23 @@ const VARIANT_CONFIG: Record<
     iosIcon: "./assets/icon-composer-dev.icon",
     iosBundleIdentifier: "com.t3tools.t3code.dev",
     androidPackage: "com.t3tools.t3code.dev",
+    relyingParty: "clerk.t3.codes",
   },
   preview: {
     appName: "T3 Code Preview",
     scheme: "t3code-preview",
     iosIcon: "./assets/icon-composer-prod.icon",
     iosBundleIdentifier: "com.t3tools.t3code.preview",
     androidPackage: "com.t3tools.t3code.preview",
+    relyingParty: "clerk.t3.codes",
   },
   production: {
     appName: "T3 Code",
     scheme: "t3code",
     iosIcon: "./assets/icon-composer-prod.icon",
     iosBundleIdentifier: "com.t3tools.t3code",
     androidPackage: "com.t3tools.t3code",
+    relyingParty: "clerk.t3.codes",
   },
 };
 
@@ -77,6 +81,14 @@ const config: ExpoConfig = {
     icon: variant.iosIcon,
     supportsTablet: true,
     bundleIdentifier: variant.iosBundleIdentifier,
+    // Pin code signing to the T3 Tools team so non-interactive `expo run:ios`
+    // does not fall back to a personal team (which cannot sign app groups,
+    // Sign in with Apple, or push notification entitlements).
+    appleTeamId: "ARK85ZXQ4Z",
+    associatedDomains: [
+      `applinks:${variant.relyingParty}`,
+      `webcredentials:${variant.relyingParty}`,
+    ],
     infoPlist: {
       NSAppTransportSecurity: {
         NSAllowsArbitraryLoads: true,
@@ -101,7 +113,6 @@ const config: ExpoConfig = {
     favicon: "./assets/favicon.png",
   },
   plugins: [
-    "expo-router",
     "expo-font",
     "expo-secure-store",
     ["@clerk/expo", { theme: "./clerk-theme.json" }],
@@ -139,6 +150,7 @@ const config: ExpoConfig = {
         },
       },
     ],
+    "./plugins/withIosCocoaPodsUuidCache.cjs",
     [
       "expo-widgets",
       {
@@ -155,6 +167,7 @@ const config: ExpoConfig = {
         ],
       },
     ],
+    "./plugins/withIosSceneLifecycle.cjs",
     "./plugins/withAndroidCleartextTraffic.cjs",
   ],
   extra: {

apps/mobile/global.css

@@ -199,24 +199,24 @@
   --font-bold: "DMSans_700Bold";
 
   /* Keep this scale aligned with src/lib/typography.ts for native style props. */
-  --text-3xs: 10px;
-  --text-3xs--line-height: 13px;
-  --text-2xs: 11px;
-  --text-2xs--line-height: 15px;
-  --text-xs: 12px;
-  --text-xs--line-height: 16px;
-  --text-sm: 13px;
-  --text-sm--line-height: 18px;
-  --text-base: 15px;
-  --text-base--line-height: 22px;
-  --text-lg: 17px;
-  --text-lg--line-height: 22px;
-  --text-xl: 20px;
-  --text-xl--line-height: 26px;
-  --text-2xl: 24px;
-  --text-2xl--line-height: 30px;
-  --text-3xl: 28px;
-  --text-3xl--line-height: 34px;
+  --text-3xs: 11px;
+  --text-3xs--line-height: 14px;
+  --text-2xs: 12px;
+  --text-2xs--line-height: 16px;
+  --text-xs: 13px;
+  --text-xs--line-height: 17px;
+  --text-sm: 14px;
+  --text-sm--line-height: 19px;
+  --text-base: 16px;
+  --text-base--line-height: 23px;
+  --text-lg: 18px;
+  --text-lg--line-height: 23px;
+  --text-xl: 21px;
+  --text-xl--line-height: 28px;
+  --text-2xl: 26px;
+  --text-2xl--line-height: 32px;
+  --text-3xl: 30px;
+  --text-3xl--line-height: 36px;
 }
 
 /* ─── Custom utilities ──────────────────────────────────────────────── */

apps/mobile/index.ts

@@ -1,2 +1,11 @@
+import { registerRootComponent } from "expo";
 import "react-native-gesture-handler";
-import "expo-router/entry";
+import { featureFlags } from "react-native-screens";
+
+import App from "./src/App";
+
+// Required for react-native-screens' iOS FormSheet sizing fix when a nested
+// native stack is rendered inside a non-fitToContents formSheet.
+featureFlags.experiment.synchronousScreenUpdatesEnabled = true;
+
+registerRootComponent(App);

apps/mobile/modules/t3-composer-editor/ios/T3ComposerEditorModule.swift

@@ -47,6 +47,7 @@ public class T3ComposerEditorModule: Module {
         "onComposerSelectionChange",
         "onComposerFocus",
         "onComposerBlur",
+        "onComposerSubmit",
         "onComposerPasteImages",
         "onComposerContentSizeChange"
       )

apps/mobile/modules/t3-composer-editor/ios/T3ComposerEditorView.swift

@@ -63,6 +63,24 @@ private final class ComposerTextView: UITextView {
 
   var onPasteImages: (([String]) -> Void)?
   var onAttributedMutation: (() -> Void)?
+  var onSubmit: (() -> Void)?
+
+  override var keyCommands: [UIKeyCommand]? {
+    var commands = super.keyCommands ?? []
+    let submit = UIKeyCommand(
+      input: "\r",
+      modifierFlags: .command,
+      action: #selector(submitMessage(_:))
+    )
+    submit.discoverabilityTitle = "Send Message"
+    submit.wantsPriorityOverSystemBehavior = true
+    commands.append(submit)
+    return commands
+  }
+
+  @objc private func submitMessage(_ sender: UIKeyCommand) {
+    onSubmit?()
+  }
 
   override func canPerformAction(_ action: Selector, withSender sender: Any?) -> Bool {
     if action == #selector(paste(_:)) {
@@ -299,6 +317,7 @@ public final class T3ComposerEditorView: ExpoView, UITextViewDelegate {
   let onComposerSelectionChange = EventDispatcher()
   let onComposerFocus = EventDispatcher()
   let onComposerBlur = EventDispatcher()
+  let onComposerSubmit = EventDispatcher()
   let onComposerPasteImages = EventDispatcher()
   let onComposerContentSizeChange = EventDispatcher()
 
@@ -320,6 +339,9 @@ public final class T3ComposerEditorView: ExpoView, UITextViewDelegate {
     textView.onAttributedMutation = { [weak self] in
       self?.emitTextChange()
     }
+    textView.onSubmit = { [weak self] in
+      self?.onComposerSubmit([:])
+    }
     addSubview(textView)
 
     placeholderLabel.numberOfLines = 0

apps/mobile/modules/t3-markdown-text/src/NativeMarkdownBlock.ios.tsx

@@ -26,6 +26,15 @@ function nodeKey(node: MarkdownNode, index: number): string {
   return `${node.type}:${node.beg ?? index}:${node.end ?? index}`;
 }
 
+/** Code inside markdown scales with the base text size (12pt at the default 15pt body). */
+function codeBlockFontSize(textStyle: NativeMarkdownTextStyle): number {
+  return Math.max(10, Math.round(textStyle.fontSize * 0.8));
+}
+
+function codeBlockLineHeight(textStyle: NativeMarkdownTextStyle): number {
+  return codeBlockFontSize(textStyle) + 6;
+}
+
 function nodeText(node: MarkdownNode): string {
   if (node.content !== undefined) {
     return node.content;
@@ -161,8 +170,8 @@ function HighlightedCodeText(props: {
         style={{
           color: props.textStyle.codeColor,
           fontFamily: "ui-monospace",
-          fontSize: 12,
-          lineHeight: 18,
+          fontSize: codeBlockFontSize(props.textStyle),
+          lineHeight: codeBlockLineHeight(props.textStyle),
         }}
       >
         {props.content}
@@ -196,8 +205,8 @@ function HighlightedCodeText(props: {
       style={{
         color: props.textStyle.codeColor,
         fontFamily: "ui-monospace",
-        fontSize: 12,
-        lineHeight: 18,
+        fontSize: codeBlockFontSize(props.textStyle),
+        lineHeight: codeBlockLineHeight(props.textStyle),
       }}
     >
       {keyedLines.map((line, lineIndex) => (
@@ -264,7 +273,7 @@ function NativeCodeBlock(props: {
             flex: 1,
             color: props.textStyle.mutedColor,
             fontFamily: "ui-monospace",
-            fontSize: 12,
+            fontSize: codeBlockFontSize(props.textStyle),
           }}
         >
           {languageLabel}

apps/mobile/modules/t3-markdown-text/src/NativeMarkdownSelectableText.ios.tsx

@@ -32,11 +32,25 @@ function runKeySignature(run: NativeMarkdownTextRun): string {
   ].join(":");
 }
 
+const DEFAULT_BODY_FONT_SIZE = 15;
+const DEFAULT_HEADING_FONT_SIZES = [22, 19, 17, 16, 15, 15] as const;
+
+function resolveHeadingFontSize(textStyle: NativeMarkdownTextStyle, headingLevel: number): number {
+  const index = Math.max(0, Math.min(5, headingLevel - 1));
+  const configured = textStyle.headingFontSizes?.[index];
+  if (typeof configured === "number" && Number.isFinite(configured)) {
+    return configured;
+  }
+
+  const scale = textStyle.fontSize / DEFAULT_BODY_FONT_SIZE;
+  return Math.max(12, Math.round(DEFAULT_HEADING_FONT_SIZES[index] * scale));
+}
+
 function runStyle(run: NativeMarkdownTextRun, textStyle: NativeMarkdownTextStyle): TextStyle {
   const isFile = run.fileIcon != null;
   const isSkill = run.skillName != null;
   const headingLevel = Math.max(1, Math.min(6, run.headingLevel ?? 1));
-  const headingFontSize = [22, 19, 17, 16, 15, 15][headingLevel - 1] ?? 15;
+  const headingFontSize = resolveHeadingFontSize(textStyle, headingLevel);
   const isHeading = run.role === "heading";
   const isCodeBlock = run.role === "code-block" || run.role === "code-language";
   const hasParagraphStyle = run.headIndent !== undefined;
@@ -88,7 +102,7 @@ function runStyle(run: NativeMarkdownTextRun, textStyle: NativeMarkdownTextStyle
           : isHeading
             ? headingFontSize
             : run.role === "code-language"
-              ? 11
+              ? Math.max(10, Math.round(textStyle.fontSize * 0.73))
               : run.code || isCodeBlock
                 ? Math.max(12, textStyle.fontSize - 2)
                 : textStyle.fontSize,
@@ -98,9 +112,9 @@ function runStyle(run: NativeMarkdownTextRun, textStyle: NativeMarkdownTextStyle
         : run.role === "list-break"
           ? textStyle.lineHeight + (run.spacing ?? 0)
           : isHeading
-            ? Math.max(headingFontSize + 6, 20)
+            ? Math.max(headingFontSize + 6, textStyle.lineHeight + 2)
             : isCodeBlock
-              ? 18
+              ? Math.max(16, textStyle.lineHeight - 2)
               : textStyle.lineHeight,
     fontStyle: run.italic ? "italic" : "normal",
     fontWeight: isHeading || run.bold || isFile || isSkill ? "700" : "400",
@@ -148,6 +162,9 @@ export function NativeMarkdownSelectableText(props: {
   // color-only child update can otherwise leave the previous appearance cached.
   const appearanceKey = [
     colorScheme ?? "unspecified",
+    props.textStyle.fontSize,
+    props.textStyle.lineHeight,
+    props.textStyle.headingFontSizes?.join(","),
     props.textStyle.color,
     props.textStyle.strongColor,
     props.textStyle.mutedColor,

apps/mobile/modules/t3-markdown-text/src/SelectableMarkdownText.types.ts

@@ -16,6 +16,7 @@ export interface NativeMarkdownTextStyle {
   readonly fontFamily: string;
   readonly headingFontFamily: string;
   readonly boldFontFamily: string;
+  readonly headingFontSizes?: ReadonlyArray<number>;
 }
 
 export interface MarkdownHighlightedToken {

apps/mobile/modules/t3-native-controls/expo-module.config.json

@@ -0,0 +1,6 @@
+{
+  "platforms": ["apple"],
+  "apple": {
+    "modules": ["T3NativeControlsModule", "T3KeyboardCommandsModule"]
+  }
+}

apps/mobile/modules/t3-native-controls/ios/T3HeaderButtonView.swift

@@ -0,0 +1,62 @@
+import ExpoModulesCore
+import UIKit
+
+public final class T3HeaderButtonView: ExpoView {
+  private static let size: CGFloat = 44
+  private static let symbolSize: CGFloat = 18
+
+  private let button = UIButton(type: .system)
+  private var systemImage = "circle"
+
+  let onTriggered = EventDispatcher()
+
+  public required init(appContext: AppContext? = nil) {
+    super.init(appContext: appContext)
+
+    isAccessibilityElement = false
+    button.frame = bounds
+    button.autoresizingMask = [.flexibleWidth, .flexibleHeight]
+    button.addTarget(self, action: #selector(handlePress), for: .primaryActionTriggered)
+    addSubview(button)
+    applyConfiguration()
+  }
+
+  public override var intrinsicContentSize: CGSize {
+    CGSize(width: Self.size, height: Self.size)
+  }
+
+  public func setLabel(_ label: String) {
+    button.accessibilityLabel = label
+  }
+
+  public func setSystemImage(_ systemImage: String) {
+    guard self.systemImage != systemImage else {
+      return
+    }
+    self.systemImage = systemImage
+    applyConfiguration()
+  }
+
+  private func applyConfiguration() {
+    var configuration: UIButton.Configuration
+    if #available(iOS 26.0, *) {
+      configuration = .glass()
+      configuration.cornerStyle = .capsule
+    } else {
+      configuration = .plain()
+    }
+
+    configuration.baseForegroundColor = .label
+    configuration.contentInsets = .zero
+    configuration.image = UIImage(systemName: systemImage)
+    configuration.preferredSymbolConfigurationForImage = UIImage.SymbolConfiguration(
+      pointSize: Self.symbolSize,
+      weight: .regular
+    )
+    button.configuration = configuration
+  }
+
+  @objc private func handlePress() {
+    onTriggered()
+  }
+}