feat(connections): manage environment availability

.github/VOUCHED.td

@@ -11,6 +11,7 @@
 # Keep entries sorted alphabetically.
 github:adityavardhansharma
 github:binbandit
+github:chrisdeeming
 github:chuks-qua
 github:cursoragent
 github:gbarros-dev
@@ -26,6 +27,7 @@ github:notkainoa
 github:PatrickBauer
 github:realAhmedRoach
 github:shiroyasha9
+github:StiensWout
 github:Yash-Singh1
 github:eggfriedrice24
 github:Ymit24

apps/desktop/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t3tools/desktop",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "private": true,
   "type": "module",
   "main": "dist-electron/main.cjs",

apps/desktop/src/app/DesktopConnectionCatalogStore.ts

@@ -369,6 +369,7 @@ const migrateSavedEnvironmentRecords = Effect.fn(
   return {
     schemaVersion: 1,
     targets,
+    disabledEnvironmentIds: [],
     profiles,
     credentials,
     remoteDpopTokens: [],

apps/mobile/app.config.ts

@@ -161,7 +161,7 @@ const config: ExpoConfig = {
   slug: "t3-code",
   platforms: ["ios", "android"],
   scheme: variant.scheme,
-  version: "1.0.1",
+  version: "1.0.2",
   runtimeVersion: {
     // Fingerprint (not appVersion) so an OTA only reaches binaries whose native
     // project — native deps, config plugins, AND patches/ — matches the update.

apps/mobile/modules/t3-terminal/ios/T3TerminalView.swift

@@ -535,6 +535,12 @@ public final class T3TerminalView: ExpoView, UITextFieldDelegate {
       return
     }
 
+    if buffer.isEmpty {
+      feedData(Data("\u{1B}[3J\u{1B}[H\u{1B}[2J".utf8))
+      lastAppliedBuffer = ""
+      return
+    }
+
     if buffer.hasPrefix(lastAppliedBuffer) {
       let suffix = String(buffer.dropFirst(lastAppliedBuffer.count))
       feedData(Data(suffix.utf8))

apps/mobile/src/components/CompactBrandTitle.tsx

@@ -16,6 +16,18 @@ import { NATIVE_LIQUID_GLASS_SUPPORTED } from "../native/native-glass";
 const IOS_NATIVE_LEADING_TITLE_OFFSET = -6;
 const IPAD_NATIVE_LEADING_TITLE_OFFSET = 7;
 
+/**
+ * Horizontal correction applied to content rendered in the brand title slot,
+ * shared with the connection-status swap so both align identically.
+ */
+export function brandTitleOffset(nativeLeadingItem: boolean): number {
+  if (Platform.OS !== "ios") return 0;
+  if (nativeLeadingItem) {
+    return Platform.isPad ? IPAD_NATIVE_LEADING_TITLE_OFFSET : IOS_NATIVE_LEADING_TITLE_OFFSET;
+  }
+  return Platform.isPad ? IPAD_HOME_TITLE_OFFSET : 0;
+}
+
 /**
  * Compact brand lockup sized for native navigation bars.
  */
@@ -28,16 +40,7 @@ export function CompactBrandTitle(
   const mutedColor = useThemeColor("--color-foreground-muted");
   const subtleColor = useThemeColor("--color-subtle");
   const stageLabel = resolveMobileStageLabel(Constants.expoConfig?.extra?.appVariant);
-  const titleOffset =
-    Platform.OS !== "ios"
-      ? 0
-      : props.nativeLeadingItem
-        ? Platform.isPad
-          ? IPAD_NATIVE_LEADING_TITLE_OFFSET
-          : IOS_NATIVE_LEADING_TITLE_OFFSET
-        : Platform.isPad
-          ? IPAD_HOME_TITLE_OFFSET
-          : 0;
+  const titleOffset = brandTitleOffset(props.nativeLeadingItem === true);
 
   return (
     <View

apps/mobile/src/connection/migration.ts

@@ -57,6 +57,7 @@ function migrateConnection(
           label: connection.environmentLabel,
         }),
       }),
+      { enabled: true },
     );
   }
 
@@ -84,6 +85,7 @@ function migrateConnection(
         token: connection.bearerToken,
       }),
     }),
+    { enabled: true },
   );
 }
 

apps/mobile/src/connection/storage.ts

@@ -1,5 +1,6 @@
 import {
   ConnectionPersistenceError,
+  ConnectionActivationStore,
   ConnectionRegistrationStore,
   ConnectionTargetStore,
   registerConnectionInCatalog,
@@ -20,7 +21,12 @@ import * as Option from "effect/Option";
 import * as CatalogStore from "./catalog-store";
 
 function targetPersistenceError(
-  operation: "list-targets" | "register-connection" | "remove-connection",
+  operation:
+    | "list-targets"
+    | "register-connection"
+    | "remove-connection"
+    | "list-activation"
+    | "set-activation",
   error: ConnectionTransientError,
 ) {
   return new ConnectionPersistenceError({
@@ -40,15 +46,30 @@ export const connectionStorageLayer = Layer.effectContext(
       ),
     });
     const registrationStore = ConnectionRegistrationStore.of({
-      register: (registration) =>
+      register: (registration, options) =>
         catalog
-          .update((document) => registerConnectionInCatalog(document, registration))
+          .update((document) => registerConnectionInCatalog(document, registration, options))
           .pipe(Effect.mapError((error) => targetPersistenceError("register-connection", error))),
       remove: (target) =>
         catalog
           .update((document) => removeConnectionFromCatalog(document, target))
           .pipe(Effect.mapError((error) => targetPersistenceError("remove-connection", error))),
     });
+    const activationStore = ConnectionActivationStore.of({
+      listDisabled: catalog.read.pipe(
+        Effect.map((document) => new Set(document.disabledEnvironmentIds)),
+        Effect.mapError((error) => targetPersistenceError("list-activation", error)),
+      ),
+      setEnabled: (environmentId, enabled) =>
+        catalog
+          .update((document) => ({
+            ...document,
+            disabledEnvironmentIds: enabled
+              ? document.disabledEnvironmentIds.filter((candidate) => candidate !== environmentId)
+              : [...new Set([...document.disabledEnvironmentIds, environmentId])],
+          }))
+          .pipe(Effect.mapError((error) => targetPersistenceError("set-activation", error))),
+    });
     const profileStore = ProfileStore.make({
       get: (connectionId) =>
         catalog.read.pipe(
@@ -130,6 +151,7 @@ export const connectionStorageLayer = Layer.effectContext(
     });
     return Context.make(ConnectionTargetStore, targetStore).pipe(
       Context.add(ConnectionRegistrationStore, registrationStore),
+      Context.add(ConnectionActivationStore, activationStore),
       Context.add(ProfileStore.ConnectionProfileStore, profileStore),
       Context.add(CredentialStore.ConnectionCredentialStore, credentialStore),
       Context.add(TokenStore.RemoteDpopAccessTokenStore, remoteTokenStore),

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

@@ -2,10 +2,19 @@ import { NativeHeaderToolbar } from "../../native/StackHeader";
 import { useAuth } from "@clerk/expo";
 import { StackActions, useNavigation } from "@react-navigation/native";
 import { useCallback, useEffect, useState } from "react";
-import { Platform, Pressable, RefreshControl, ScrollView, View } from "react-native";
+import {
+  Platform,
+  Pressable,
+  RefreshControl,
+  ScrollView,
+  View,
+} from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
-import { reportAtomCommandResult, settlePromise } from "@t3tools/client-runtime/state/runtime";
+import {
+  reportAtomCommandResult,
+  settlePromise,
+} from "@t3tools/client-runtime/state/runtime";
 import { AndroidSheetHeader } from "../../components/AndroidScreenHeader";
 import { AppText as Text } from "../../components/AppText";
 import { useRemoteConnections } from "../../state/use-remote-environment-registry";
@@ -38,14 +47,20 @@ export function ConnectOnboardingRouteScreen() {
     }
   }, [navigation]);
 
-  return hasCloudPublicConfig() ? <ConfiguredConnectOnboardingRouteScreen /> : null;
+  return hasCloudPublicConfig() ? (
+    <ConfiguredConnectOnboardingRouteScreen />
+  ) : null;
 }
 
 function ConfiguredConnectOnboardingRouteScreen() {
   const navigation = useNavigation();
   const insets = useSafeAreaInsets();
   const { isSignedIn, userId } = useAuth({ treatPendingAsSignedOut: false });
-  const { connectedEnvironments, onReconnectEnvironment } = useRemoteConnections();
+  const {
+    connectedEnvironments,
+    onReconnectEnvironment,
+    onSetEnvironmentEnabled,
+  } = useRemoteConnections();
   const { refreshRelayEnvironments } = useConnectionController();
   const { connectedCloudEnvironments } = splitEnvironmentSections({
     connectedEnvironments,
@@ -73,8 +88,12 @@ function ConfiguredConnectOnboardingRouteScreen() {
   const handleDontShowAgain = useCallback(() => {
     void (async () => {
       if (userId) {
-        const result = await settlePromise(() => optOutOfConnectOnboarding(userId));
-        reportAtomCommandResult(result, { label: "connect onboarding opt-out" });
+        const result = await settlePromise(() =>
+          optOutOfConnectOnboarding(userId),
+        );
+        reportAtomCommandResult(result, {
+          label: "connect onboarding opt-out",
+        });
       }
       navigation.goBack();
     })();
@@ -85,11 +104,21 @@ function ConfiguredConnectOnboardingRouteScreen() {
       {Platform.OS === "android" ? (
         <AndroidSheetHeader
           title="Set up T3 Connect"
-          actions={[{ accessibilityLabel: "Close", icon: "xmark", onPress: handleClose }]}
+          actions={[
+            {
+              accessibilityLabel: "Close",
+              icon: "xmark",
+              onPress: handleClose,
+            },
+          ]}
         />
       ) : (
         <NativeHeaderToolbar placement="right">
-          <NativeHeaderToolbar.Button icon="xmark" onPress={handleClose} separateBackground />
+          <NativeHeaderToolbar.Button
+            icon="xmark"
+            onPress={handleClose}
+            separateBackground
+          />
         </NativeHeaderToolbar>
       )}
       <ScrollView
@@ -104,13 +133,17 @@ function ConfiguredConnectOnboardingRouteScreen() {
           paddingTop: 16,
         }}
         refreshControl={
-          <RefreshControl refreshing={isPullRefreshing} onRefresh={handlePullRefresh} />
+          <RefreshControl
+            refreshing={isPullRefreshing}
+            onRefresh={handlePullRefresh}
+          />
         }
       >
         {isSignedIn ? (
           <CloudEnvironmentRows
             connectedCloudEnvironments={connectedCloudEnvironments}
             onReconnectEnvironment={onReconnectEnvironment}
+            onSetEnvironmentEnabled={onSetEnvironmentEnabled}
             showHeader={false}
           />
         ) : (
@@ -128,7 +161,9 @@ function ConfiguredConnectOnboardingRouteScreen() {
             onPress={handleDontShowAgain}
             className="items-center py-1 active:opacity-70"
           >
-            <Text className="text-xs text-foreground-muted">{"Don't show this again"}</Text>
+            <Text className="text-xs text-foreground-muted">
+              {"Don't show this again"}
+            </Text>
           </Pressable>
         ) : null}
       </ScrollView>