From 040f68f7945599283605c6965bf4528a7e1c40a2 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <harshmahajan2345@gmail.com>
Date: Mon, 23 Feb 2026 16:07:29 +0530
Subject: [PATCH 1/2] fix: tooltips and Correct relationship text on many side

---
 .../databases/+page.svelte                    |  4 +-
 .../table-[table]/columns/relationship.svelte | 45 ++++++++++++-------
 .../functions/+page.svelte                    |  4 +-
 .../overview/platforms/action.svelte          |  6 ++-
 .../settings/webhooks/+page.svelte            |  6 ++-
 .../storage/+page.svelte                      |  6 ++-
 6 files changed, 47 insertions(+), 24 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/databases/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
index be153060d9..6140f5e2e9 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
@@ -72,7 +72,9 @@
                     </Button>
                 </div>
                 <svelte:fragment slot="tooltip">
-                    You have reached the maximum number of databases for your plan.
+                    <div style="white-space: pre-line;">
+                        You have reached the maximum number of databases for your plan.
+                    </div>
                 </svelte:fragment>
             </Tooltip>
         {/if}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/relationship.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/relationship.svelte
index 9c1fe7e611..90dbd865c2 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/relationship.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/relationship.svelte
@@ -229,23 +229,36 @@
             </div>
         </Box>
         {#if data.relationType}
+            {@const isManySide =
+                data.side === 'child' && ['oneToMany', 'manyToOne'].includes(data.relationType)}
             <div>
-                <p class="u-text-center">
-                    <b data-private>{camelize(currentTable.name)}</b> can contain {[
-                        'oneToOne',
-                        'manyToOne'
-                    ].includes(data.relationType)
-                        ? 'one'
-                        : 'many'}
-                    <b data-private>{camelize(data.key)}</b>
-                </p>
-                <p class="u-text-center">
-                    <b data-private>{camelize(data.key)}</b>
-                    can belong to {['oneToOne', 'oneToMany'].includes(data.relationType)
-                        ? 'one'
-                        : 'many'}
-                    <b data-private>{camelize(currentTable.name)}</b>
-                </p>
+                {#if isManySide}
+                    <p class="u-text-center">
+                        <b data-private>{camelize(currentTable.name)}</b> can belong to one
+                        <b data-private>{camelize(data.key)}</b>
+                    </p>
+                    <p class="u-text-center">
+                        <b data-private>{camelize(data.key)}</b> can have many
+                        <b data-private>{camelize(currentTable.name)}</b>
+                    </p>
+                {:else}
+                    <p class="u-text-center">
+                        <b data-private>{camelize(currentTable.name)}</b> can contain {[
+                            'oneToOne',
+                            'manyToOne'
+                        ].includes(data.relationType)
+                            ? 'one'
+                            : 'many'}
+                        <b data-private>{camelize(data.key)}</b>
+                    </p>
+                    <p class="u-text-center">
+                        <b data-private>{camelize(data.key)}</b>
+                        can belong to {['oneToOne', 'oneToMany'].includes(data.relationType)
+                            ? 'one'
+                            : 'many'}
+                        <b data-private>{camelize(currentTable.name)}</b>
+                    </p>
+                {/if}
             </div>
         {/if}
     </div>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/+page.svelte
index 6d8177c1e0..bcf39b756e 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/+page.svelte
@@ -109,7 +109,9 @@
                 </Button>
             </div>
             <svelte:fragment slot="tooltip">
-                You have reached the maximum number of functions for your plan.
+                <div style="white-space: pre-line;">
+                    You have reached the maximum number of functions for your plan.
+                </div>
             </svelte:fragment>
         </Tooltip>
     </Layout.Stack>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/action.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/action.svelte
index 2337428546..f08d2f0cc7 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/action.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/action.svelte
@@ -20,7 +20,7 @@
 
 {#if $canWritePlatforms}
     {#if isLimited}
-        <Tooltip maxWidth="200px">
+        <Tooltip>
             <div>
                 <Button disabled>
                     <Icon icon={IconPlus} slot="start" />
@@ -29,7 +29,9 @@
             </div>
 
             <svelte:fragment slot="tooltip">
-                You have reached the maximum number of platforms for your plan in a project.
+                <div style="white-space: pre-line;">
+                    You have reached the maximum number of platforms for your plan in a project.
+                </div>
             </svelte:fragment>
         </Tooltip>
     {:else}
diff --git a/src/routes/(console)/project-[region]-[project]/settings/webhooks/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/webhooks/+page.svelte
index da34dceffc..4a2f324ae2 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/webhooks/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/webhooks/+page.svelte
@@ -39,7 +39,7 @@
     <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
         <ViewSelector ui="new" {columns} view={View.Table} hideView />
         {#if $canWriteWebhooks}
-            <Tooltip disabled={!isLimited} maxWidth="200px">
+            <Tooltip disabled={!isLimited}>
                 <div>
                     <Button disabled={isLimited} event="create_webhook" href={webhooksCreateUrl}>
                         <Icon icon={IconPlus} slot="start" size="s" />
@@ -47,7 +47,9 @@
                     </Button>
                 </div>
                 <svelte:fragment slot="tooltip">
-                    You have reached the maximum number of webhooks for your plan.
+                    <div style="white-space: pre-line;">
+                        You have reached the maximum number of webhooks for your plan.
+                    </div>
                 </svelte:fragment>
             </Tooltip>
         {/if}
diff --git a/src/routes/(console)/project-[region]-[project]/storage/+page.svelte b/src/routes/(console)/project-[region]-[project]/storage/+page.svelte
index 42a1faac23..aa629e2003 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/+page.svelte
@@ -44,7 +44,7 @@
         view={data.view}
         searchPlaceholder="Search by name or ID">
         {#if $canWriteBuckets}
-            <Tooltip disabled={!isLimited} maxWidth="200px">
+            <Tooltip disabled={!isLimited}>
                 <div>
                     <Button
                         size="s"
@@ -56,7 +56,9 @@
                     </Button>
                 </div>
                 <svelte:fragment slot="tooltip">
-                    You have reached the maximum number of buckets for your plan.
+                    <div style="white-space: pre-line;">
+                        You have reached the maximum number of buckets for your plan.
+                    </div>
                 </svelte:fragment>
             </Tooltip>
         {/if}

From 15da4e746acb9f2ff08dad97dfafd5fbc84f6b9f Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <harshmahajan2345@gmail.com>
Date: Mon, 23 Feb 2026 16:56:33 +0530
Subject: [PATCH 2/2] fix coderabbit suggestion

---
 .../table-[table]/columns/relationship.svelte                  | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/relationship.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/relationship.svelte
index 90dbd865c2..df2a540af1 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/relationship.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/relationship.svelte
@@ -229,8 +229,7 @@
             </div>
         </Box>
         {#if data.relationType}
-            {@const isManySide =
-                data.side === 'child' && ['oneToMany', 'manyToOne'].includes(data.relationType)}
+            {@const isManySide = data.side === 'child' && data.relationType === 'oneToMany'}
             <div>
                 {#if isManySide}
                     <p class="u-text-center">