fix(builder): align automation side panel resize bounds

Author: melohagan

packages/builder/src/components/automation/AutomationBuilder/FlowChart/SelectStepSidePanel.svelte

@@ -338,7 +338,7 @@
     storageKey={SIDE_PANEL_STORAGE_KEY}
     defaultWidth={480}
     minWidth={360}
-    maxWidthRatio={0.6}
+    maxWidthViewportOffset={510}
     direction="right"
     usePanel
     title="Automation Step"

packages/builder/src/components/common/ResizablePanel.svelte

@@ -9,6 +9,7 @@
   export let minWidth = 260
   export let maxWidth: number | undefined = undefined
   export let maxWidthRatio: number | undefined = undefined
+  export let maxWidthViewportOffset: number | undefined = undefined
   export let direction: "left" | "right" = "left"
   export let onResizeStart: () => void = () => {}
   export let usePanel = false
@@ -47,6 +48,9 @@
     if (Number.isFinite(maxWidthRatio)) {
       maxValues.push(Math.floor(window.innerWidth * (maxWidthRatio as number)))
     }
+    if (Number.isFinite(maxWidthViewportOffset)) {
+      maxValues.push(window.innerWidth - (maxWidthViewportOffset as number))
+    }
 
     const candidateMax = maxValues.length
       ? Math.min(...maxValues)

packages/builder/src/pages/builder/workspace/[application]/automation/[automationId]/_layout.svelte

@@ -59,7 +59,7 @@
           storageKey="automation-side-panel-width"
           defaultWidth={480}
           minWidth={360}
-          maxWidthRatio={0.6}
+          maxWidthViewportOffset={510}
           direction="right"
         >
           <div class="step-panel">