From 2b95956132a9577082059d179f3a998caab10af7 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Tue, 20 Jan 2026 17:34:19 +0000
Subject: [PATCH] add x-large dialog size and use it for settings modal

---
 packages/app/src/components/dialog-settings.tsx | 2 +-
 packages/ui/src/components/dialog.css           | 5 +++++
 packages/ui/src/components/dialog.tsx           | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/components/dialog-settings.tsx b/packages/app/src/components/dialog-settings.tsx
index 8963d09cc..5ef89b8bf 100644
--- a/packages/app/src/components/dialog-settings.tsx
+++ b/packages/app/src/components/dialog-settings.tsx
@@ -13,7 +13,7 @@ import { SettingsMcp } from "./settings-mcp"
 
 export const DialogSettings: Component = () => {
   return (
-    <Dialog size="large">
+    <Dialog size="x-large">
       <Tabs orientation="vertical" variant="settings" defaultValue="general" class="h-full settings-dialog">
         <Tabs.List>
           <div
diff --git a/packages/ui/src/components/dialog.css b/packages/ui/src/components/dialog.css
index 96e967a6f..49f76ac29 100644
--- a/packages/ui/src/components/dialog.css
+++ b/packages/ui/src/components/dialog.css
@@ -143,6 +143,11 @@
     width: min(calc(100vw - 32px), 800px);
     height: min(calc(100vh - 32px), 600px);
   }
+
+  &[data-size="x-large"] [data-slot="dialog-container"] {
+    width: min(calc(100vw - 32px), 960px);
+    height: min(calc(100vh - 32px), 600px);
+  }
 }
 
 @keyframes overlayShow {
diff --git a/packages/ui/src/components/dialog.tsx b/packages/ui/src/components/dialog.tsx
index 1aff55030..4b871732d 100644
--- a/packages/ui/src/components/dialog.tsx
+++ b/packages/ui/src/components/dialog.tsx
@@ -6,7 +6,7 @@ export interface DialogProps extends ParentProps {
   title?: JSXElement
   description?: JSXElement
   action?: JSXElement
-  size?: "normal" | "large"
+  size?: "normal" | "large" | "x-large"
   class?: ComponentProps<"div">["class"]
   classList?: ComponentProps<"div">["classList"]
   fit?: boolean