Spreadsheet

package.json

@@ -22,11 +22,12 @@
     },
     "dependencies": {
         "@ai-sdk/svelte": "^1.1.24",
-        "@appwrite.io/console": "^1.10.0",
+        "@appwrite.io/console": "https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@e64a383",
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@95bdb79",
+        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@0fed23b",
+        "@faker-js/faker": "^9.9.0",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
@@ -55,6 +56,7 @@
         "@sveltejs/adapter-static": "^3.0.8",
         "@sveltejs/kit": "^2.20.2",
         "@sveltejs/vite-plugin-svelte": "^5.0.3",
+        "@tanstack/svelte-virtual": "^3.13.12",
         "@testing-library/dom": "^10.4.0",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/svelte": "^5.2.8",
@@ -83,7 +85,7 @@
         "tslib": "^2.8.1",
         "typescript": "^5.8.2",
         "typescript-eslint": "^8.30.1",
-        "vite": "^6.2.3",
+        "vite": "^7.0.6",
         "vitest": "^3.0.0"
     },
     "pnpm": {
@@ -94,5 +96,5 @@
             "svelte-preprocess"
         ]
     },
-    "packageManager": "pnpm@10.13.1"
+    "packageManager": "pnpm@10.14.0"
 }

src/lib/actions/analytics.ts

@@ -148,9 +148,9 @@ export enum Click {
     ConnectRepositoryClick = 'click_connect_repository',
     CreditsRedeemClick = 'click_credits_redeem',
     CloudSignupClick = 'click_cloud_signup',
-    DatabaseAttributeDelete = 'click_attribute_delete',
+    DatabaseColumnDelete = 'click_column_delete',
     DatabaseIndexDelete = 'click_index_delete',
-    DatabaseCollectionDelete = 'click_collection_delete',
+    DatabaseTableDelete = 'click_table_delete',
     DatabaseDatabaseDelete = 'click_database_delete',
     DatabaseImportCsv = 'click_database_import_csv',
     DomainCreateClick = 'click_domain_create',
@@ -265,6 +265,7 @@ export enum Submit {
     AuthSessionAlertsUpdate = 'submit_auth_session_alerts_update',
     AuthMembershipPrivacyUpdate = 'submit_auth_membership_privacy_update',
     AuthMockNumbersUpdate = 'submit_auth_mock_numbers_update',
+    AuthInvalidateSesssion = 'submit_auth_invalidate_session',
     SessionsLengthUpdate = 'submit_sessions_length_update',
     SessionsLimitUpdate = 'submit_sessions_limit_update',
     SessionDelete = 'submit_session_delete',
@@ -273,22 +274,22 @@ export enum Submit {
     DatabaseDelete = 'submit_database_delete',
     DatabaseUpdateName = 'submit_database_update_name',
     DatabaseImportCsv = 'submit_database_import_csv',
-    AttributeCreate = 'submit_attribute_create',
-    AttributeUpdate = 'submit_attribute_update',
-    AttributeDelete = 'submit_attribute_delete',
-    DocumentCreate = 'submit_document_create',
-    DocumentDelete = 'submit_document_delete',
-    DocumentUpdate = 'submit_document_update',
-    DocumentUpdatePermissions = 'submit_document_update_permissions',
+    ColumnCreate = 'submit_column_create',
+    ColumnUpdate = 'submit_column_update',
+    ColumnDelete = 'submit_column_delete',
+    RowCreate = 'submit_row_create',
+    RowDelete = 'submit_row_delete',
+    RowUpdate = 'submit_row_update',
+    RowUpdatePermissions = 'submit_row_update_permissions',
     IndexCreate = 'submit_index_create',
     IndexDelete = 'submit_index_delete',
-    CollectionCreate = 'submit_collection_create',
-    CollectionDelete = 'submit_collection_delete',
-    CollectionUpdateName = 'submit_collection_update_name',
-    CollectionUpdatePermissions = 'submit_collection_update_permissions',
-    CollectionUpdateSecurity = 'submit_collection_update_security',
-    CollectionUpdateEnabled = 'submit_collection_update_enabled',
-    CollectionUpdateDisplayNames = 'submit_collection_update_display_names',
+    TableCreate = 'submit_row_create',
+    TableDelete = 'submit_row_delete',
+    TableUpdateName = 'submit_row_update_name',
+    TableUpdatePermissions = 'submit_row_update_permissions',
+    TableUpdateSecurity = 'submit_row_update_security',
+    TableUpdateEnabled = 'submit_row_update_enabled',
+    TableUpdateDisplayNames = 'submit_row_update_display_names',
     FunctionCreate = 'submit_function_create',
     FunctionDelete = 'submit_function_delete',
     FunctionUpdateName = 'submit_function_update_name',

src/lib/commandCenter/commands.ts

@@ -28,10 +28,10 @@ const groups = [
     'integrations',
     'migrations',
     'users',
-    'collections',
-    'attributes',
+    'tables',
+    'columns',
     'indexes',
-    'documents',
+    'rows',
     'teams',
     'security',
     'buckets',

src/lib/commandCenter/panels/ai.svelte

@@ -27,7 +27,7 @@
     const examples = [
         'How to add platform in the console?',
         'How can I manage users, permissions, and access control in Appwrite?',
-        'How can I set up database collections and documents in Appwrite?',
+        'How can I set up database tables and rows in Appwrite?',
         'How do I configure and manage server-side functions in Appwrite?',
         'How to add custom domain in the console?'
     ];

src/lib/commandCenter/panels/createAttribute.svelte → src/lib/commandCenter/panels/createColumn.svelte

@@ -1,16 +1,16 @@
 <script lang="ts">
-    import { initCreateAttribute } from '$routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+layout.svelte';
-    import { attributeOptions } from '$routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/store';
+    import { initCreateColumn } from '$routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/+layout.svelte';
+    import { columnOptions } from '$routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/store';
     import Template from './template.svelte';
 
     let search = '';
 
-    let options = attributeOptions.map((option) => {
+    let options = columnOptions.map((option) => {
         return {
             label: option.name,
             icon: option.icon,
             callback() {
-                initCreateAttribute(option.name);
+                initCreateColumn(option.name);
             }
         };
     });

src/lib/commandCenter/panels/index.ts

@@ -37,16 +37,16 @@ export const DatabasesPanel: SubPanel = {
     component: Databases
 };
 
-import Collections from './collections.svelte';
-export const CollectionsPanel: SubPanel = {
-    name: 'Collections',
-    component: Collections
+import Tables from './tables.svelte';
+export const TablesPanel: SubPanel = {
+    name: 'Tables',
+    component: Tables
 };
 
-import CreateAttribute from './createAttribute.svelte';
-export const CreateAttributePanel: SubPanel = {
-    name: 'Create Attribute',
-    component: CreateAttribute
+import CreateColumn from './createColumn.svelte';
+export const CreateColumnPanel: SubPanel = {
+    name: 'Create Column',
+    component: CreateColumn
 };
 
 import Users from './users.svelte';

src/lib/commandCenter/panels/collections.svelte → src/lib/commandCenter/panels/tables.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
     import { initSearcher } from '../commands';
-    import { collectionsSearcher } from '../searchers';
+    import { tablesSearcher } from '../searchers';
     import Template from './template.svelte';
 
-    const { search, results } = initSearcher(collectionsSearcher);
+    const { search, results } = initSearcher(tablesSearcher);
 </script>
 
 <Template options={$results} bind:search={$search} />

src/lib/commandCenter/searchers/databases.ts

@@ -8,7 +8,7 @@ import { page } from '$app/state';
 export const dbSearcher = (async (query: string) => {
     const { databases } = await sdk
         .forProject(page.params.region, page.params.project)
-        .databases.list();
+        .grids.listDatabases();
 
     return databases
         .filter((db) => db.name.toLowerCase().includes(query.toLowerCase()))

src/lib/commandCenter/searchers/index.ts

@@ -1,7 +1,7 @@
 export * from './databases';
 export * from './users';
 export * from './organizations';
-export * from './collections';
+export * from './tables';
 export * from './projects';
 export * from './teams';
 export * from './functions';

src/lib/commandCenter/searchers/tables.ts

@@ -0,0 +1,27 @@
+import { goto } from '$app/navigation';
+import type { Searcher } from '../commands';
+import { sdk } from '$lib/stores/sdk';
+import { base } from '$app/paths';
+import { page } from '$app/state';
+
+export const tablesSearcher = (async (query: string) => {
+    const databaseId = page.params.database;
+    const { tables } = await sdk
+        .forProject(page.params.region, page.params.project)
+        .grids.listTables(databaseId);
+
+    return tables
+        .filter((table) => table.name.toLowerCase().includes(query.toLowerCase()))
+        .map(
+            (table) =>
+                ({
+                    group: 'tables',
+                    label: table.name,
+                    callback: () => {
+                        goto(
+                            `${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/table-${table.$id}`
+                        );
+                    }
+                }) as const
+        );
+}) satisfies Searcher;

src/lib/components/backupRestoreBox.svelte

@@ -57,6 +57,7 @@
     }
 
     function updateOrAddItem(payload: Payload) {
+        // todo: @itznotabug - might need a change to $table?
         const { $id, status, $collection, policyId } = payload;
         if ($collection === 'archives' && policyId !== null) {
             return;
@@ -117,9 +118,9 @@
     }
 
     function backupName(item: BackupArchive | BackupRestoration, key: string) {
-        const attribute = key === 'archives' ? '$createdAt' : 'startedAt';
+        const column = key === 'archives' ? '$createdAt' : 'startedAt';
 
-        return toLocaleDate(item[attribute]);
+        return toLocaleDate(item[column]);
     }
 
     onMount(() => {