From 781dfe526ca84b905a1a8eae85c92359af7ea4a9 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Mon, 29 Dec 2025 14:52:25 +0530
Subject: [PATCH 1/5] fix: column width for sessions and activity table for
 smaller devices

---
 src/routes/(console)/account/sessions/+page.svelte          | 6 +++---
 .../auth/user-[user]/sessions/+page.svelte                  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/routes/(console)/account/sessions/+page.svelte b/src/routes/(console)/account/sessions/+page.svelte
index eb0c51de49..ca12c182e9 100644
--- a/src/routes/(console)/account/sessions/+page.svelte
+++ b/src/routes/(console)/account/sessions/+page.svelte
@@ -92,9 +92,9 @@
     <Table.Root
         let:root
         columns={[
-            { id: 'client' },
-            { id: 'location', width: 200 },
-            { id: 'ip', width: 200 },
+            { id: 'client', width: { min: 450 } },
+            { id: 'location', width: { min: 200 } },
+            { id: 'ip', width: { min: 330 } },
             { id: 'actions', width: 100 }
         ]}>
         <svelte:fragment slot="header" let:root>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
index b7def91384..b0d6bb4695 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
@@ -36,9 +36,9 @@
         <Table.Root
             let:root
             columns={[
-                { id: 'client' },
-                { id: 'location', width: 200 },
-                { id: 'ip', width: 200 },
+                { id: 'client', width: { min: 450 } },
+                { id: 'location', width: { min: 200 } },
+                { id: 'ip', width: { min: 330 } },
                 { id: 'actions', width: 100 }
             ]}>
             <svelte:fragment slot="header" let:root>

From e26ed38593304478bd0c037925d93e3b2a218b8a Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Mon, 29 Dec 2025 15:02:54 +0530
Subject: [PATCH 2/5] some more fixes

---
 src/lib/layout/activity.svelte                | 29 ++++++++++++++-----
 .../(console)/account/sessions/+page.svelte   | 11 +++++--
 .../auth/user-[user]/sessions/+page.svelte    | 13 +++++++--
 3 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/src/lib/layout/activity.svelte b/src/lib/layout/activity.svelte
index dce36d66f5..ccd2fc6331 100644
--- a/src/lib/layout/activity.svelte
+++ b/src/lib/layout/activity.svelte
@@ -3,7 +3,7 @@
     import { Container } from '$lib/layout';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import type { Models } from '@appwrite.io/console';
-    import { Layout, Table, Card, Empty } from '@appwrite.io/pink-svelte';
+    import { Layout, Table, Card, Empty, InteractiveText } from '@appwrite.io/pink-svelte';
     import Button from '$lib/elements/forms/button.svelte';
     import type { PinkColumn } from '$lib/helpers/types';
 
@@ -15,11 +15,26 @@
     export let useCreateLinkForPagination = true;
 
     const columns: PinkColumn[] = [
-        { id: 'user', ...(insideSideSheet ? { width: 140 } : {}) },
-        { id: 'event', ...(insideSideSheet ? { width: 125 } : {}) },
-        { id: 'location', ...(insideSideSheet ? { width: 100 } : {}) },
-        { id: 'ip', ...(insideSideSheet ? { width: { min: 150 } } : {}) },
-        { id: 'date', ...(insideSideSheet ? { width: { min: 200 } } : {}) }
+        {
+            id: 'user',
+            ...(insideSideSheet ? { width: 140 } : { width: { min: 100 } })
+        },
+        {
+            id: 'event',
+            ...(insideSideSheet ? { width: 125 } : { width: { min: 160 } })
+        },
+        {
+            id: 'location',
+            ...(insideSideSheet ? { width: 100 } : { width: { min: 120 } })
+        },
+        {
+            id: 'ip',
+            ...(insideSideSheet ? { width: { min: 150 } } : { width: { min: 250 } })
+        },
+        {
+            id: 'date',
+            ...(insideSideSheet ? { width: { min: 200 } } : { width: { min: 180 } })
+        }
     ];
 </script>
 
@@ -69,7 +84,7 @@
                             {/if}
                         </Table.Cell>
                         <Table.Cell column="ip" {root}>
-                            {log.ip}
+                            <InteractiveText variant="copy" text={log.ip} isVisible />
                         </Table.Cell>
                         <Table.Cell column="date" {root}>
                             {toLocaleDateTime(log.time)}
diff --git a/src/routes/(console)/account/sessions/+page.svelte b/src/routes/(console)/account/sessions/+page.svelte
index ca12c182e9..bbc261abc0 100644
--- a/src/routes/(console)/account/sessions/+page.svelte
+++ b/src/routes/(console)/account/sessions/+page.svelte
@@ -13,7 +13,14 @@
     import type { PageData } from './$types';
     import { addNotification } from '$lib/stores/notifications';
     import { onMount } from 'svelte';
-    import { Badge, Layout, Table, Typography, Icon } from '@appwrite.io/pink-svelte';
+    import {
+        Badge,
+        Layout,
+        Table,
+        Typography,
+        Icon,
+        InteractiveText
+    } from '@appwrite.io/pink-svelte';
     import { IconGlobeAlt } from '@appwrite.io/pink-icons-svelte';
 
     export let data: PageData;
@@ -146,7 +153,7 @@
                     {/if}
                 </Table.Cell>
                 <Table.Cell column="ip" {root}>
-                    {session.ip}
+                    <InteractiveText variant="copy" text={session.ip} isVisible />
                 </Table.Cell>
                 <Table.Cell column="actions" {root}>
                     <Button size="xs" secondary on:click={() => logout(session)}>Sign out</Button>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
index b0d6bb4695..77feda0fb5 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
@@ -1,6 +1,13 @@
 <script lang="ts">
     import { EmptySearch, Trim } from '$lib/components';
-    import { Badge, Layout, Table, Typography, Icon } from '@appwrite.io/pink-svelte';
+    import {
+        Badge,
+        Layout,
+        Table,
+        Typography,
+        Icon,
+        InteractiveText
+    } from '@appwrite.io/pink-svelte';
     import { IconGlobeAlt } from '@appwrite.io/pink-icons-svelte';
     import { Button } from '$lib/elements/forms';
     import { isValueOfStringEnum } from '$lib/helpers/types';
@@ -38,7 +45,7 @@
             columns={[
                 { id: 'client', width: { min: 450 } },
                 { id: 'location', width: { min: 200 } },
-                { id: 'ip', width: { min: 330 } },
+                { id: 'ip', width: { min: 200 } },
                 { id: 'actions', width: 100 }
             ]}>
             <svelte:fragment slot="header" let:root>
@@ -84,7 +91,7 @@
                         {/if}
                     </Table.Cell>
                     <Table.Cell column="ip" {root}>
-                        {session.ip}
+                        <InteractiveText variant="copy" text={session.ip} isVisible />
                     </Table.Cell>
                     <Table.Cell column="actions" {root}>
                         <Button

From ce7564d225e231e92bf3d9d5d4eb037c73de6ef1 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Wed, 31 Dec 2025 00:02:10 +0530
Subject: [PATCH 3/5] addressed a comment

---
 src/lib/layout/activity.svelte | 133 +++++++++++++++++----------------
 1 file changed, 68 insertions(+), 65 deletions(-)

diff --git a/src/lib/layout/activity.svelte b/src/lib/layout/activity.svelte
index ccd2fc6331..6aef2a3aae 100644
--- a/src/lib/layout/activity.svelte
+++ b/src/lib/layout/activity.svelte
@@ -14,27 +14,32 @@
     export let databasesScreen = false;
     export let useCreateLinkForPagination = true;
 
-    const columns: PinkColumn[] = [
-        {
-            id: 'user',
-            ...(insideSideSheet ? { width: 140 } : { width: { min: 100 } })
-        },
-        {
-            id: 'event',
-            ...(insideSideSheet ? { width: 125 } : { width: { min: 160 } })
-        },
-        {
-            id: 'location',
-            ...(insideSideSheet ? { width: 100 } : { width: { min: 120 } })
-        },
-        {
-            id: 'ip',
-            ...(insideSideSheet ? { width: { min: 150 } } : { width: { min: 250 } })
-        },
-        {
-            id: 'date',
-            ...(insideSideSheet ? { width: { min: 200 } } : { width: { min: 180 } })
+    function getColumnWidth(columnId: string): { width?: number | { min: number } } {
+        const widthConfig: Record<
+            string,
+            { insideSheet: number | { min: number }; default: number | { min: number } }
+        > = {
+            user: { insideSheet: 140, default: { min: 100 } },
+            event: { insideSheet: 125, default: { min: 160 } },
+            location: { insideSheet: 100, default: { min: 120 } },
+            ip: { insideSheet: { min: 150 }, default: { min: 250 } },
+            date: { insideSheet: { min: 200 }, default: { min: 180 } }
+        };
+
+        const config = widthConfig[columnId];
+        if (!config) {
+            return {};
         }
+
+        return { width: insideSideSheet ? config.insideSheet : config.default };
+    }
+
+    const columns: PinkColumn[] = [
+        { id: 'user', ...getColumnWidth('user') },
+        { id: 'event', ...getColumnWidth('event') },
+        { id: 'location', ...getColumnWidth('location') },
+        { id: 'ip', ...getColumnWidth('ip') },
+        { id: 'date', ...getColumnWidth('date') }
     ];
 </script>
 
@@ -44,55 +49,53 @@
     expanded={databasesScreen && !insideSideSheet}
     slotSpacing={databasesScreen && !insideSideSheet}>
     {#if logs.total}
-        <div>
-            <Table.Root {columns} let:root>
-                <svelte:fragment slot="header" let:root>
-                    <Table.Header.Cell column="user" {root}>User</Table.Header.Cell>
-                    <Table.Header.Cell column="event" {root}>Event</Table.Header.Cell>
-                    <Table.Header.Cell column="location" {root}>Location</Table.Header.Cell>
-                    <Table.Header.Cell column="ip" {root}>IP</Table.Header.Cell>
-                    <Table.Header.Cell column="date" {root}>Date</Table.Header.Cell>
-                </svelte:fragment>
-                {#each logs.logs as log}
-                    <Table.Row.Base {root}>
-                        <Table.Cell column="user" {root}>
-                            <Layout.Stack direction="row" alignItems="center">
-                                {#if log.userEmail}
-                                    {#if log.userName}
-                                        <AvatarInitials size="xs" name={log.userName} />
-                                        <Trim>{log.userName}</Trim>
-                                    {:else}
-                                        <AvatarInitials size="xs" name={log.userEmail} />
-                                        <Trim>{log.userEmail}</Trim>
-                                    {/if}
+        <Table.Root {columns} let:root>
+            <svelte:fragment slot="header" let:root>
+                <Table.Header.Cell column="user" {root}>User</Table.Header.Cell>
+                <Table.Header.Cell column="event" {root}>Event</Table.Header.Cell>
+                <Table.Header.Cell column="location" {root}>Location</Table.Header.Cell>
+                <Table.Header.Cell column="ip" {root}>IP</Table.Header.Cell>
+                <Table.Header.Cell column="date" {root}>Date</Table.Header.Cell>
+            </svelte:fragment>
+            {#each logs.logs as log}
+                <Table.Row.Base {root}>
+                    <Table.Cell column="user" {root}>
+                        <Layout.Stack direction="row" alignItems="center">
+                            {#if log.userEmail}
+                                {#if log.userName}
+                                    <AvatarInitials size="xs" name={log.userName} />
+                                    <Trim>{log.userName}</Trim>
                                 {:else}
-                                    <div class="avatar is-size-small">
-                                        <span class="icon-anonymous" aria-hidden="true"></span>
-                                    </div>
-                                    <span class="text u-trim">{log.userName ?? 'Anonymous'}</span>
+                                    <AvatarInitials size="xs" name={log.userEmail} />
+                                    <Trim>{log.userEmail}</Trim>
                                 {/if}
-                            </Layout.Stack>
-                        </Table.Cell>
-                        <Table.Cell column="event" {root}>
-                            {log.event}
-                        </Table.Cell>
-                        <Table.Cell column="location" {root}>
-                            {#if log.countryCode !== '--'}
-                                {log.countryName}
                             {:else}
-                                Unknown
+                                <div class="avatar is-size-small">
+                                    <span class="icon-anonymous" aria-hidden="true"></span>
+                                </div>
+                                <span class="text u-trim">{log.userName ?? 'Anonymous'}</span>
                             {/if}
-                        </Table.Cell>
-                        <Table.Cell column="ip" {root}>
-                            <InteractiveText variant="copy" text={log.ip} isVisible />
-                        </Table.Cell>
-                        <Table.Cell column="date" {root}>
-                            {toLocaleDateTime(log.time)}
-                        </Table.Cell>
-                    </Table.Row.Base>
-                {/each}
-            </Table.Root>
-        </div>
+                        </Layout.Stack>
+                    </Table.Cell>
+                    <Table.Cell column="event" {root}>
+                        {log.event}
+                    </Table.Cell>
+                    <Table.Cell column="location" {root}>
+                        {#if log.countryCode !== '--'}
+                            {log.countryName}
+                        {:else}
+                            Unknown
+                        {/if}
+                    </Table.Cell>
+                    <Table.Cell column="ip" {root}>
+                        <InteractiveText variant="copy" text={log.ip} isVisible />
+                    </Table.Cell>
+                    <Table.Cell column="date" {root}>
+                        {toLocaleDateTime(log.time)}
+                    </Table.Cell>
+                </Table.Row.Base>
+            {/each}
+        </Table.Root>
 
         <PaginationWithLimit
             {limit}

From e57d7db2458a75f31a422b14def080a28c767ed0 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Wed, 31 Dec 2025 00:31:51 +0530
Subject: [PATCH 4/5] sidebar was also not working on mobile view in pages
 under /account

---
 src/routes/(console)/+layout.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index 109bdabb3a..d6231de58c 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -334,7 +334,6 @@
 <CommandCenter />
 <Shell
     showSideNavigation={page.url.pathname !== '/' &&
-        !page.url.pathname.includes(base + '/account') &&
         !page.url.pathname.includes(base + '/card') &&
         !page.url.pathname.includes(base + '/onboarding')}
     showHeader={!page.url.pathname.includes(base + '/onboarding/create-project')}

From ba3dce06644d828c34e04395ce595bb8ba42dd33 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Wed, 31 Dec 2025 00:42:57 +0530
Subject: [PATCH 5/5] use pink column type

---
 src/lib/layout/activity.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/layout/activity.svelte b/src/lib/layout/activity.svelte
index 6aef2a3aae..e7ce285a9c 100644
--- a/src/lib/layout/activity.svelte
+++ b/src/lib/layout/activity.svelte
@@ -14,7 +14,7 @@
     export let databasesScreen = false;
     export let useCreateLinkForPagination = true;
 
-    function getColumnWidth(columnId: string): { width?: number | { min: number } } {
+    function getColumnWidth(columnId: string): Pick<PinkColumn, 'width'> {
         const widthConfig: Record<
             string,
             { insideSheet: number | { min: number }; default: number | { min: number } }