fix goose2 window minimum sizing (#8946)

Signed-off-by: Wes <wesb@block.xyz>

ui/goose2/src-tauri/tauri.conf.json

@@ -19,6 +19,8 @@
         "title": "Goose",
         "width": 800,
         "height": 600,
+        "minWidth": 800,
+        "minHeight": 600,
         "visible": false,
         "titleBarStyle": "Overlay",
         "hiddenTitle": true,

ui/goose2/src/features/settings/ui/SettingsModal.tsx

@@ -154,7 +154,7 @@ export function SettingsModal({
       {/* biome-ignore lint/a11y/noStaticElementInteractions: click handler only prevents backdrop dismiss propagation */}
       <div
         className={cn(
-          "flex h-[600px] w-full max-w-3xl overflow-hidden rounded-xl border bg-background shadow-modal transition-opacity duration-300 ease-out",
+          "flex h-[min(600px,calc(100vh-4rem))] w-[calc(100vw-2rem)] max-w-3xl overflow-hidden rounded-xl border bg-background shadow-modal transition-opacity duration-300 ease-out",
           isLoaded ? "opacity-100" : "opacity-0",
         )}
         onClick={(e) => e.stopPropagation()}
@@ -162,7 +162,7 @@ export function SettingsModal({
         {/* Sidebar */}
         <div
           className={cn(
-            "flex w-44 flex-col border-r bg-muted/50 transition-all duration-700 ease-out",
+            "flex min-h-0 w-44 flex-shrink-0 flex-col border-r bg-muted/50 transition-all duration-700 ease-out",
             isLoaded ? "opacity-100 translate-x-0" : "opacity-0 -translate-x-2",
           )}
         >
@@ -176,7 +176,8 @@ export function SettingsModal({
           >
             <h2 className="text-sm font-semibold">{t("title")}</h2>
           </div>
-          <nav className="flex flex-col gap-1 px-2">
+          <nav className="min-h-0 flex-1 overflow-y-auto px-2 pb-3">
+            <div className="flex flex-col gap-1">
               {navItems.map((item, index) => (
                 <Button
                   type="button"
@@ -201,6 +202,7 @@ export function SettingsModal({
                   {item.label}
                 </Button>
               ))}
+            </div>
           </nav>
         </div>