From e19e6c8c19b18f6a6e1373c481d501af05563d5d Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Mon, 29 Sep 2025 11:29:14 +0530
Subject: [PATCH] fix: truncating column name.

---
 .../table-[table]/columns/+page.svelte              | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/+page.svelte
index 9936f4e41..5117665e6 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/+page.svelte
@@ -51,6 +51,7 @@
     import { type Models } from '@appwrite.io/console';
     import { preferences } from '$lib/stores/preferences';
     import { page } from '$app/state';
+    import { formatName } from '$lib/helpers/string';
 
     const updatedColumnsForSheet = $derived.by(() => {
         const baseAttrs = [
@@ -182,6 +183,10 @@
         return `Type: ${formattedType}`;
     }
 
+    function isSystemColumnKey(column: Columns) {
+        return column.key.startsWith('$');
+    }
+
     onDestroy(() => ($showCreateColumnSheet.show = false));
 
     $effect(() => {
@@ -270,10 +275,14 @@
                                         alignItems="center"
                                         gap="xxs">
                                         <Typography.Text truncate>
-                                            {#if column.key === '$id' || column.key === '$sequence' || column.key === '$createdAt' || column.key === '$updatedAt'}
+                                            {#if isSystemColumnKey(column)}
                                                 {column.key}
                                             {:else}
-                                                {column.key} {column.array ? '[]' : undefined}
+                                                {@const key = !column.required
+                                                    ? column.key
+                                                    : formatName(column.key, 6)}
+                                                {key}
+                                                {column.array ? '[]' : undefined}
                                             {/if}
                                         </Typography.Text>
                                         {#if isString(column) && column.encrypt}