From 0f7f4c98af2851c219ff3493c2820d077a284925 Mon Sep 17 00:00:00 2001
From: Acumen-Desktop <acumendesktop@gmail.com>
Date: Mon, 10 Feb 2025 11:23:02 -0700
Subject: [PATCH] Remove widow logic from 'main'

---
 ui-svelte/src-main/main.ts                    |  9 --
 .../src-renderer/routes/welcome/+page.svelte  | 97 +++++++++----------
 2 files changed, 45 insertions(+), 61 deletions(-)

diff --git a/ui-svelte/src-main/main.ts b/ui-svelte/src-main/main.ts
index 6cf07b345..ba88ff3b3 100644
--- a/ui-svelte/src-main/main.ts
+++ b/ui-svelte/src-main/main.ts
@@ -170,15 +170,6 @@ async function createChat(
       },
     });
 
-    const primaryDisplay = screen.getPrimaryDisplay();
-    const { width } = primaryDisplay.workAreaSize;
-    windowCounter++;
-    const direction = windowCounter % 2 === 0 ? 1 : -1;
-    const initialOffset = 50;
-    const baseXPosition = Math.round(width / 2 - mainWindow.getSize()[0] / 2);
-    const xOffset = direction * initialOffset * Math.floor(windowCounter / 2);
-    mainWindow.setPosition(baseXPosition + xOffset, 100);
-
     const queryParam = query
       ? `?initialQuery=${encodeURIComponent(query)}`
       : "";
diff --git a/ui-svelte/src-renderer/routes/welcome/+page.svelte b/ui-svelte/src-renderer/routes/welcome/+page.svelte
index d108292ed..f590db4c0 100644
--- a/ui-svelte/src-renderer/routes/welcome/+page.svelte
+++ b/ui-svelte/src-renderer/routes/welcome/+page.svelte
@@ -9,33 +9,32 @@
   };
 </script>
 
-<div class="size-full select-none bg-background">
-  <div class="size-full overflow-hidden">
-    <ScrollArea class="h-full w-full">
-      <div
-        class="flex min-h-full flex-col justify-center px-8 py-8 md:px-16 max-w-4xl mx-auto"
-      >
-        <!-- Header Section -->
-        <div class="mb-8 mt-4">
-          <div class="flex items-center gap-4 mb-4">
-            <div class="group/logo">
-              <GooseLogo class="h-16 w-16 md:h-20 md:w-20" />
-            </div>
-            <div>
-              <h1
-                class="text-4xl font-medium text-foreground tracking-tight md:text-5xl"
-              >
-                Welcome to goose
-              </h1>
-              <p class="text-lg text-muted-foreground max-w-2xl">
-                Your intelligent AI assistant for seamless productivity and
-                creativity.
-              </p>
-            </div>
-          </div>
-        </div>
+<div class="size-full select-none bg-background flex flex-col">
+  <!-- Fixed Header -->
+  <header class="flex-none px-8 py-6 md:px-16 border-b">
+    <div class="flex items-center gap-4 max-w-4xl mx-auto">
+      <div class="group/logo">
+        <GooseLogo class="h-16 w-16 md:h-20 md:w-20" />
+      </div>
+      <div>
+        <h1
+          class="text-4xl font-medium text-foreground tracking-tight md:text-5xl"
+        >
+          Welcome to goose
+        </h1>
+        <p class="text-lg text-muted-foreground max-w-2xl">
+          Your intelligent AI assistant for seamless productivity and
+          creativity.
+        </p>
+      </div>
+    </div>
+  </header>
 
-        <!-- ProviderGrid -->
+  <!-- Scrollable Main Content -->
+  <main class="flex-1 overflow-hidden">
+    <ScrollArea class="h-full w-full">
+      <div class="px-8 py-8 md:px-16 max-w-4xl mx-auto">
+        <!-- Provider Section -->
         <div class="w-full">
           <h2 class="text-3xl font-medium text-foreground tracking-tight mb-2">
             Choose a Provider
@@ -50,32 +49,26 @@
           </p>
           <ProviderGrid {onSubmit} />
         </div>
-
-        <!-- Get started -->
-        <div class="mt-12">
-          <p class="text-sm text-muted-foreground">
-            Not sure where to start?{" "}
-            <Button
-              variant="link"
-              class="text-primary hover:text-primary/90 p-0 h-auto"
-              onclick={() =>
-                window.electron.openInChrome(
-                  "https://block.github.io/goose/docs/quickstart"
-                )}
-            >
-              Quick Start Guide
-            </Button>
-            <!-- 
-            onclick={() =>
-                window.open(
-                  "https://block.github.io/goose/docs/quickstart",
-                  "_blank"
-                )}
-            
-            -->
-          </p>
-        </div>
       </div>
     </ScrollArea>
-  </div>
+  </main>
+
+  <!-- Fixed Footer -->
+  <footer class="flex-none px-8 py-4 md:px-16 border-t">
+    <div class="max-w-4xl mx-auto">
+      <p class="text-sm text-muted-foreground">
+        Not sure where to start?{" "}
+        <Button
+          variant="link"
+          class="text-primary hover:text-primary/90 p-0 h-auto"
+          onclick={() =>
+            window.electron.openInChrome(
+              "https://block.github.io/goose/docs/quickstart"
+            )}
+        >
+          Quick Start Guide
+        </Button>
+      </p>
+    </div>
+  </footer>
 </div>