feat(web): let users change project folders

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

@@ -44,6 +44,7 @@ const clientSettings: ClientSettings = {
   sidebarProjectGroupingOverrides: {
     "environment-1:/tmp/project-a": "separate",
   },
+  sidebarProjectGroupingInheritance: {},
   sidebarProjectSortOrder: "manual",
   sidebarThreadSortOrder: "created_at",
   sidebarThreadPreviewCount: 6,

apps/mobile/src/features/home/homeThreadList.ts

@@ -61,6 +61,7 @@ export function buildHomeProjectScopes(input: {
     settings: {
       sidebarProjectGroupingMode: input.projectGroupingMode,
       sidebarProjectGroupingOverrides: {},
+      sidebarProjectGroupingInheritance: {},
     },
   }).map((group) => {
     return {

apps/mobile/src/state/project-grouping.logic.ts

@@ -6,6 +6,7 @@ import type { Preferences } from "../persistence/mobile-preferences";
 export const DEFAULT_MOBILE_PROJECT_GROUPING_SETTINGS: ProjectGroupingSettings = {
   sidebarProjectGroupingMode: "repository",
   sidebarProjectGroupingOverrides: {},
+  sidebarProjectGroupingInheritance: {},
 };
 
 export function resolveMobileProjectGroupingSettings(
@@ -16,6 +17,7 @@ export function resolveMobileProjectGroupingSettings(
       preferences.projectGroupingMode ??
       (preferences.projectGroupingEnabled === false ? "separate" : "repository"),
     sidebarProjectGroupingOverrides: {},
+    sidebarProjectGroupingInheritance: {},
   };
 }
 

apps/web/src/commandPaletteBus.ts

@@ -1,10 +1,18 @@
+import type { EnvironmentId } from "@t3tools/contracts";
+
 // Tiny event bus allowing components to programmatically open the command palette
 // without owning its React state.
 const COMMAND_PALETTE_OPEN_EVENT = "t3code:open-command-palette";
 
-export interface CommandPaletteOpenDetail {
-  readonly open?: "add-project" | "new-thread-in";
-}
+export type CommandPaletteOpenDetail =
+  | { readonly open?: undefined }
+  | { readonly open: "add-project" | "new-thread-in" }
+  | {
+      readonly open: "select-directory";
+      readonly environmentId: EnvironmentId;
+      readonly initialPath: string;
+      readonly onSelect: (path: string) => boolean | Promise<boolean>;
+    };
 
 export function openCommandPalette(detail?: CommandPaletteOpenDetail): void {
   window.dispatchEvent(

apps/web/src/components/CommandPalette.logic.test.ts

@@ -18,6 +18,7 @@ describe("browseInputEndPaddingClass", () => {
       browseInputEndPaddingClass({
         willCreateProjectPath: true,
         hasHighlightedBrowseItem: false,
+        isDirectoryPicker: false,
       }),
     ).toContain("pe-38");
   });
@@ -27,6 +28,7 @@ describe("browseInputEndPaddingClass", () => {
       browseInputEndPaddingClass({
         willCreateProjectPath: false,
         hasHighlightedBrowseItem: true,
+        isDirectoryPicker: false,
       }),
     ).toContain("pe-30");
   });
@@ -36,9 +38,20 @@ describe("browseInputEndPaddingClass", () => {
       browseInputEndPaddingClass({
         willCreateProjectPath: false,
         hasHighlightedBrowseItem: false,
+        isDirectoryPicker: false,
       }),
     ).toContain("pe-24");
   });
+
+  it("reserves space for the directory picker action", () => {
+    expect(
+      browseInputEndPaddingClass({
+        willCreateProjectPath: false,
+        hasHighlightedBrowseItem: false,
+        isDirectoryPicker: true,
+      }),
+    ).toContain("pe-30");
+  });
 });
 
 describe("reduceCommandPaletteUiState", () => {
@@ -91,6 +104,23 @@ describe("reduceCommandPaletteUiState", () => {
       mode: "command",
       openIntent: { kind: "new-thread-in" },
     });
+
+    const directoryIntent = {
+      kind: "select-directory",
+      environmentId: EnvironmentId.make("test-environment"),
+      initialPath: "/projects/current",
+      onSelect: vi.fn(async () => true),
+    } as const;
+    expect(
+      reduceCommandPaletteUiState(filesOpen, {
+        _tag: "OpenDirectoryPicker",
+        intent: directoryIntent,
+      }),
+    ).toEqual({
+      open: true,
+      mode: "command",
+      openIntent: directoryIntent,
+    });
   });
 
   it("preserves the mode on close and resets it on open", () => {

apps/web/src/components/CommandPalette.logic.ts

@@ -1,4 +1,5 @@
 import {
+  type EnvironmentId,
   type FilesystemBrowseEntry,
   type KeybindingCommand,
   THREAD_JUMP_KEYBINDING_COMMANDS,
@@ -19,11 +20,12 @@ export const ADDON_ICON_CLASS = "size-4";
 export function browseInputEndPaddingClass(input: {
   readonly willCreateProjectPath: boolean;
   readonly hasHighlightedBrowseItem: boolean;
+  readonly isDirectoryPicker: boolean;
 }): string {
   if (input.willCreateProjectPath) {
     return "*:data-[slot=autocomplete-input]:pe-38!";
   }
-  if (input.hasHighlightedBrowseItem) {
+  if (input.hasHighlightedBrowseItem || input.isDirectoryPicker) {
     return "*:data-[slot=autocomplete-input]:pe-30!";
   }
   return "*:data-[slot=autocomplete-input]:pe-24!";
@@ -37,9 +39,14 @@ export function browseInputEndPaddingClass(input: {
  */
 export type SearchOverlayMode = "command" | "files" | "content";
 
-export interface CommandPaletteOpenIntent {
-  readonly kind: "add-project" | "new-thread-in";
-}
+export type CommandPaletteOpenIntent =
+  | { readonly kind: "add-project" | "new-thread-in" }
+  | {
+      readonly kind: "select-directory";
+      readonly environmentId: EnvironmentId;
+      readonly initialPath: string;
+      readonly onSelect: (path: string) => boolean | Promise<boolean>;
+    };
 
 export interface CommandPaletteUiState {
   readonly open: boolean;
@@ -52,6 +59,10 @@ export type CommandPaletteUiAction =
   | { readonly _tag: "ToggleMode"; readonly mode: SearchOverlayMode }
   | { readonly _tag: "OpenAddProject" }
   | { readonly _tag: "OpenNewThreadIn" }
+  | {
+      readonly _tag: "OpenDirectoryPicker";
+      readonly intent: Extract<CommandPaletteOpenIntent, { kind: "select-directory" }>;
+    }
   | { readonly _tag: "ClearOpenIntent" };
 
 export function reduceCommandPaletteUiState(
@@ -71,6 +82,8 @@ export function reduceCommandPaletteUiState(
       return { open: true, mode: "command", openIntent: { kind: "add-project" } };
     case "OpenNewThreadIn":
       return { open: true, mode: "command", openIntent: { kind: "new-thread-in" } };
+    case "OpenDirectoryPicker":
+      return { open: true, mode: "command", openIntent: action.intent };
     case "ClearOpenIntent":
       return state.openIntent ? { ...state, openIntent: null } : state;
   }