Update paused project dialog: upgrade as primary CTA, restore as secondary

- Change main CTA to "Upgrade" linking to the change-plan page
- Make "Restore project" a secondary button
- Rename "Cancel" to "Back to organization"
- Use full-page dialog (size="big") instead of small modal

https://claude.ai/code/session_01FM1SsvjYziX2rRutmoAfGF

Author: claude

src/routes/(console)/project-[region]-[project]/pausedProjectModal.svelte

@@ -2,7 +2,7 @@
     import { Button } from '$lib/elements/forms';
     import { sdk } from '$lib/stores/sdk';
     import { goto, invalidate } from '$app/navigation';
-    import { resolve } from '$app/paths';
+    import { base, resolve } from '$app/paths';
     import { Dependencies } from '$lib/constants';
     import { addNotification } from '$lib/stores/notifications';
     import { Submit, trackError } from '$lib/actions/analytics';
@@ -57,13 +57,30 @@
             loading = false;
         }
     }
+
+    function handleUpgrade() {
+        goto(
+            resolve('/(console)/organization-[organization]/change-plan', {
+                organization: teamId
+            })
+        );
+    }
+
+    function handleBackToOrganization() {
+        goto(
+            resolve('/(console)/organization-[organization]', {
+                organization: teamId
+            })
+        );
+    }
 </script>
 
-<Modal title="Project paused" bind:open={show} size="s" dismissible={false}>
+<Modal title="Project paused" bind:open={show} size="big" dismissible={false}>
     <Layout.Stack gap="m">
         <Typography.Text>This project has been paused due to inactivity.</Typography.Text>
         <Typography.Text>
-            Your data is safe and will remain intact. Resume the project to continue using it.
+            Your data is safe and will remain intact. Upgrade your plan to keep your projects active,
+            or restore the project to continue using it.
         </Typography.Text>
 
         {#if error}
@@ -75,24 +92,19 @@
 
     <svelte:fragment slot="footer">
         <Layout.Stack direction="row" justifyContent="flex-end">
-            <Button
-                text
-                disabled={loading}
-                on:click={() =>
-                    goto(
-                        resolve('/(console)/organization-[organization]', {
-                            organization: teamId
-                        })
-                    )}>
-                Cancel
+            <Button text disabled={loading} on:click={handleBackToOrganization}>
+                Back to organization
             </Button>
-            <Button disabled={loading} on:click={handleResume}>
+            <Button secondary disabled={loading} on:click={handleResume}>
                 {#if loading}
-                    Resuming...
+                    Restoring...
                 {:else}
-                    Resume project
+                    Restore project
                 {/if}
             </Button>
+            <Button disabled={loading} on:click={handleUpgrade}>
+                Upgrade
+            </Button>
         </Layout.Stack>
     </svelte:fragment>
 </Modal>