Merge pull request 'ui/refine-select-folder-onboarding' (#4977) from ui/refine-select-folder-onboarding into main

Reviewed-on: https://git.clan.lol/clan/clan-core/pulls/4977

pkgs/clan-app/ui/src/routes/Clan/Clan.module.css

@@ -8,8 +8,8 @@
 }
 
 .sidebar {
-  @apply absolute left-4 top-10 w-60;
+  @apply absolute left-4 top-[2.25rem] w-60;
   @apply min-h-96;
 
-  height: calc(100vh - 8rem);
+  height: calc(100vh - 7.5rem);
 }

pkgs/clan-app/ui/src/routes/Machine/Machine.module.css

@@ -1,6 +1,5 @@
 .sidebarPane {
-  @apply absolute left-[16.5rem] top-12 w-64;
-  @apply min-h-96;
+  @apply absolute left-[16.5rem] top-[5.5rem] w-64;
 
-  height: calc(100vh - 10rem);
+  height: calc(100vh - 14.5rem);
 }

pkgs/clan-app/ui/src/routes/Onboarding/Onboarding.tsx

@@ -163,7 +163,7 @@ const welcome = (props: {
         loading={loading()}
         onClick={selectFolder}
       >
-        Select folder
+        Select existing Clan
       </Button>
     </div>
   );

pkgs/clan-app/ui/src/scene/MachineManager.ts

@@ -10,7 +10,7 @@ function keyFromPos(pos: [number, number]): string {
   return `${pos[0]},${pos[1]}`;
 }
 
-const CUBE_SPACING = 2;
+const CUBE_SPACING = 1;
 
 export class MachineManager {
   public machines = new Map<string, MachineRepr>();

pkgs/clan-app/ui/src/scene/cubes.tsx

@@ -75,7 +75,7 @@ export function CubeScene(props: {
   });
 
   // Grid configuration
-  const GRID_SIZE = 2;
+  const GRID_SIZE = 1;
 
   const BASE_SIZE = 0.9; // Height of the cube above the ground
   const CUBE_SIZE = BASE_SIZE / 1.5; //

pkgs/clan-app/ui/src/workflows/Install/steps/Initial.tsx

@@ -13,7 +13,7 @@ const ChoiceLocalOrRemote = () => {
         onClick={() => stepSignal.setActiveStep("local:choice")}
       />
       <NavSection
-        label="The Machine is remote and i have ssh access to it"
+        label="The machine is remote and I have ssh access to it"
         onClick={() => stepSignal.setActiveStep("install:address")}
       />
     </div>