diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 512e71552..a723620ce 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -33,7 +33,21 @@ If you are worried about or don’t know where to start, check out the next sect
 
 ## Development
 
-Once you've created a project and installed dependencies with `npm install`, create a `.env` file using `.env.example` as a template.
+### 1. Clone the repository with git
+
+```bash
+git clone https://github.com/appwrite/console.git appwrite-console
+```
+
+### 2. Install dependencies with npm
+
+```bash
+npm install
+```
+
+### 3. Setup environment variables
+
+Add a `.env` file by copying the `.env.example` file as a template in the project's root directory.
 
 Finally, start a development server:
 
diff --git a/package-lock.json b/package-lock.json
index c85f8fed9..e543be1e8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,7 @@
                 "@stripe/stripe-js": "^1.47.0",
                 "analytics": "^0.8.1",
                 "echarts": "^5.4.1",
+                "logrocket": "^3.0.1",
                 "pretty-bytes": "^6.1.0",
                 "prismjs": "^1.29.0",
                 "tippy.js": "^6.3.7",
@@ -6267,6 +6268,11 @@
             "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
             "dev": true
         },
+        "node_modules/logrocket": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/logrocket/-/logrocket-3.0.1.tgz",
+            "integrity": "sha512-jOWG+jEzobKVxGytzZ+4KGm2kiMQMRTHab2uDWQyVZcHfEF38BlCH1yjQVY4LCmuQUwZitP9biMzJZnyUQ0dtQ=="
+        },
         "node_modules/loupe": {
             "version": "2.3.6",
             "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.6.tgz",
diff --git a/package.json b/package.json
index 4002a44fd..24d5cf904 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
         "@stripe/stripe-js": "^1.47.0",
         "analytics": "^0.8.1",
         "echarts": "^5.4.1",
+        "logrocket": "^3.0.1",
         "pretty-bytes": "^6.1.0",
         "prismjs": "^1.29.0",
         "tippy.js": "^6.3.7",
diff --git a/src/lib/actions/analytics.ts b/src/lib/actions/analytics.ts
index 0d00ef17c..c4324b970 100644
--- a/src/lib/actions/analytics.ts
+++ b/src/lib/actions/analytics.ts
@@ -10,7 +10,7 @@ const analytics = Analytics({
     app: 'appwrite',
     plugins: [
         googleAnalytics({
-            measurementIds: [VARS.GOOGLE_ANALYTICS ?? 'G-R4YJ9JN8L4']
+            measurementIds: [VARS.GOOGLE_ANALYTICS || 'G-R4YJ9JN8L4']
         })
     ]
 });
@@ -88,7 +88,7 @@ function sendEventToGrowth(event: string, path: string, data: object = null): vo
     });
 }
 
-function isTrackingAllowed() {
+export function isTrackingAllowed() {
     if (ENV.TEST) {
         return;
     }
diff --git a/src/lib/components/alert.svelte b/src/lib/components/alert.svelte
index 6d67c8378..599d6b9e9 100644
--- a/src/lib/components/alert.svelte
+++ b/src/lib/components/alert.svelte
@@ -32,7 +32,7 @@
             class:icon-exclamation={type === 'warning'}
             class:icon-exclamation-circle={type === 'error'}
             aria-hidden="true" />
-        <div class="alert-content">
+        <div class="alert-content" data-private>
             {#if $$slots.title}
                 <h6 class="alert-title">
                     <slot name="title" />
diff --git a/src/lib/components/cardContainer.svelte b/src/lib/components/cardContainer.svelte
index ca00145ba..106479447 100644
--- a/src/lib/components/cardContainer.svelte
+++ b/src/lib/components/cardContainer.svelte
@@ -10,7 +10,8 @@
 
 <ul
     class="grid-box common-section u-margin-block-start-32"
-    style={`--grid-gap:1.5rem; --grid-item-size:${total > 3 ? '22rem' : '25rem'};`}>
+    style={`--grid-gap:1.5rem; --grid-item-size:${total > 3 ? '22rem' : '25rem'};`}
+    data-private>
     <slot />
 
     {#if total > 3 ? total < limit + offset : total % 2 !== 0}
diff --git a/src/lib/components/modal.svelte b/src/lib/components/modal.svelte
index bb9faacaf..8e38955ab 100644
--- a/src/lib/components/modal.svelte
+++ b/src/lib/components/modal.svelte
@@ -81,7 +81,7 @@
         <form class="modal-form" role="form" on:submit|preventDefault>
             <header class="modal-header">
                 {#if warning}
-                    <div class="avatar is-color-orange is-medium">
+                    <div class="avatar is-warning is-medium">
                         <span class="icon-exclamation" aria-hidden="true" />
                     </div>
                 {/if}
diff --git a/src/lib/components/secret.svelte b/src/lib/components/secret.svelte
index 0e1fbd308..1fed84fb1 100644
--- a/src/lib/components/secret.svelte
+++ b/src/lib/components/secret.svelte
@@ -8,7 +8,7 @@
     export let copyEvent: string = null;
 </script>
 
-<div class="interactive-text-output" class:is-textarea={show}>
+<div class="interactive-text-output" class:is-textarea={show} data-private>
     {#if show}
         <span class="text u-line-height-1-5 u-break-all">{value}</span>
     {:else}
diff --git a/src/lib/components/tiles.svelte b/src/lib/components/tiles.svelte
index d02407e98..975f22adc 100644
--- a/src/lib/components/tiles.svelte
+++ b/src/lib/components/tiles.svelte
@@ -1,3 +1,3 @@
-<ul class="grid-box common-section" style="--grid-item-size:25rem;">
+<ul class="grid-box common-section" style="--grid-item-size:25rem;" data-private>
     <slot />
 </ul>
diff --git a/src/lib/elements/table/cellLink.svelte b/src/lib/elements/table/cellLink.svelte
index 17892db57..839949f73 100644
--- a/src/lib/elements/table/cellLink.svelte
+++ b/src/lib/elements/table/cellLink.svelte
@@ -3,6 +3,6 @@
     export let title: string;
 </script>
 
-<div class="table-col" data-title={title} role="cell">
+<div class="table-col" data-title={title} role="cell" data-private>
     <a role="button" tabindex="0" class="link" {href}><slot /></a>
 </div>
diff --git a/src/lib/elements/table/cellText.svelte b/src/lib/elements/table/cellText.svelte
index 59dcba6e4..e2fb71b6d 100644
--- a/src/lib/elements/table/cellText.svelte
+++ b/src/lib/elements/table/cellText.svelte
@@ -10,6 +10,7 @@
     class:is-only-desktop={onlyDesktop}
     class:u-overflow-visible={showOverflow}
     data-title={title}
-    role="cell">
+    role="cell"
+    data-private>
     <Trim><slot /></Trim>
 </div>
diff --git a/src/lib/elements/table/table.svelte b/src/lib/elements/table/table.svelte
index 42e67b2cd..481477bb3 100644
--- a/src/lib/elements/table/table.svelte
+++ b/src/lib/elements/table/table.svelte
@@ -7,6 +7,7 @@
     class="table is-selected-columns-mobile"
     class:u-margin-block-start-32={!noMargin}
     class:is-remove-outer-styles={noStyles}
-    role="table">
+    role="table"
+    data-private>
     <slot />
 </div>
diff --git a/src/lib/elements/table/tableList.svelte b/src/lib/elements/table/tableList.svelte
index 4abe219de..da09c06a4 100644
--- a/src/lib/elements/table/tableList.svelte
+++ b/src/lib/elements/table/tableList.svelte
@@ -1,5 +1,5 @@
 <!-- TODO: is 100% height needed? -->
-<div class="table-with-scroll">
+<div class="table-with-scroll" data-private>
     <div class="table-wrapper">
         <div class="table is-remove-outer-styles">
             <ul class="table-thead">
diff --git a/src/lib/elements/table/tableScroll.svelte b/src/lib/elements/table/tableScroll.svelte
index 52b84a940..d2dd9c53e 100644
--- a/src/lib/elements/table/tableScroll.svelte
+++ b/src/lib/elements/table/tableScroll.svelte
@@ -2,7 +2,7 @@
     export let isSticky = false;
 </script>
 
-<div class="table-with-scroll u-margin-block-start-32">
+<div class="table-with-scroll u-margin-block-start-32" data-private>
     <div class="table-wrapper">
         <table class="table" class:is-sticky-scroll={isSticky}>
             <slot />
diff --git a/src/lib/layout/breadcrumbs.svelte b/src/lib/layout/breadcrumbs.svelte
index 50286fae1..d700654e2 100644
--- a/src/lib/layout/breadcrumbs.svelte
+++ b/src/lib/layout/breadcrumbs.svelte
@@ -18,7 +18,7 @@
 <nav class="breadcrumbs is-only-desktop" aria-label="breadcrumb">
     <ol class="breadcrumbs-list">
         {#each breadcrumbs as breadcrumb}
-            <li class="breadcrumbs-item">
+            <li class="breadcrumbs-item" data-private>
                 {#if breadcrumb.href}
                     <a href={breadcrumb.href} title={breadcrumb.title} on:click={track}>
                         {breadcrumb.title}
diff --git a/src/lib/layout/coverTitle.svelte b/src/lib/layout/coverTitle.svelte
index 5995570e1..9914439e9 100644
--- a/src/lib/layout/coverTitle.svelte
+++ b/src/lib/layout/coverTitle.svelte
@@ -10,7 +10,7 @@
             <span class="icon-cheveron-left" aria-hidden="true" />
         </a>
     {/if}
-    <span class="text u-trim-1">
+    <span class="text u-trim-1" data-private>
         <slot />
     </span>
 </Heading>
diff --git a/src/lib/layout/footer.svelte b/src/lib/layout/footer.svelte
index fd8a77b59..e7ecd1b6e 100644
--- a/src/lib/layout/footer.svelte
+++ b/src/lib/layout/footer.svelte
@@ -43,7 +43,7 @@
                 <span class="text">ⓒ {currentYear} Appwrite. All rights reserved.</span>
             </li>
             <li class="inline-links-item u-flex u-gap-8">
-                <a href="https://github.com/appwrite/console" target="_blank" rel="noreferrer">
+                <a href="https://github.com/appwrite/appwrite" target="_blank" rel="noreferrer">
                     <span class="icon-github" aria-hidden="true" aria-label="Appwrite on Github" />
                 </a>
                 <a href="https://appwrite.io/discord" target="_blank" rel="noreferrer">
diff --git a/src/lib/layout/logs.svelte b/src/lib/layout/logs.svelte
index 314ec302e..4c4049e7b 100644
--- a/src/lib/layout/logs.svelte
+++ b/src/lib/layout/logs.svelte
@@ -47,7 +47,7 @@
 <svelte:window on:keydown={handleKeydown} />
 
 {#if $log.data}
-    <section class="cover-frame">
+    <section class="cover-frame" data-private>
         <header class="cover-frame-header u-flex u-gap-16 u-main-space-between u-cross-center">
             <h1 class="body-text-1">Function ID: {$log.func.$id}</h1>
             <button
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 65fc7b03d..fcc41255e 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,14 +1,16 @@
 <script lang="ts">
-    import { browser, dev } from '$app/environment';
+    import { browser } from '$app/environment';
     import { afterNavigate, goto } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
-    import { trackPageView } from '$lib/actions/analytics';
+    import { isTrackingAllowed, trackPageView } from '$lib/actions/analytics';
     import { reportWebVitals } from '$lib/helpers/vitals';
     import { Notifications, Progress } from '$lib/layout';
     import { app } from '$lib/stores/app';
     import { user } from '$lib/stores/user';
+    import { ENV, isCloud } from '$lib/system';
     import * as Sentry from '@sentry/svelte';
+    import LogRocket from 'logrocket';
     import { BrowserTracing } from '@sentry/tracing';
     import { onMount } from 'svelte';
     import { onCLS, onFCP, onFID, onINP, onLCP, onTTFB } from 'web-vitals';
@@ -23,7 +25,7 @@
         /**
          * Reporting Web Vitals.
          */
-        if (!dev && window.VERCEL_ANALYTICS_ID) {
+        if (ENV.PROD && window.VERCEL_ANALYTICS_ID) {
             onCLS(reportWebVitals);
             onFID(reportWebVitals);
             onLCP(reportWebVitals);
@@ -32,15 +34,26 @@
             onTTFB(reportWebVitals);
         }
 
-        /**
-         * Sentry Error Logging
-         */
-        if (!dev) {
+        if (ENV.PROD) {
+            /**
+             * Sentry Error Logging
+             */
             Sentry.init({
                 dsn: 'https://c7ce178bdedd486480317b72f282fd39@o1063647.ingest.sentry.io/4504158071422976',
                 integrations: [new BrowserTracing()],
                 tracesSampleRate: 1.0
             });
+
+            /**
+             * LogRocket
+             */
+            if (isCloud && isTrackingAllowed()) {
+                LogRocket.init('rgthvf/appwrite', {
+                    dom: {
+                        inputSanitizer: true
+                    }
+                });
+            }
         }
 
         /**
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index aad16fd59..9d628c7ea 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1,6 +1,7 @@
 import '@appwrite.io/pink';
 import '@appwrite.io/pink-icons';
 import 'tippy.js/dist/tippy.css';
+import LogRocket from 'logrocket';
 import { sdkForConsole } from '$lib/stores/sdk';
 import { redirect } from '@sveltejs/kit';
 import { Dependencies } from '$lib/constants';
@@ -13,6 +14,11 @@ export const load: LayoutLoad = async ({ depends, url }) => {
     try {
         const account = await sdkForConsole.account.get();
 
+        LogRocket.identify(account.$id, {
+            name: account.name,
+            email: account.email
+        });
+
         return {
             account,
             organizations: sdkForConsole.teams.list()
diff --git a/src/routes/console/organization-[organization]/deleteMember.svelte b/src/routes/console/organization-[organization]/deleteMember.svelte
index ac8613166..59ea94346 100644
--- a/src/routes/console/organization-[organization]/deleteMember.svelte
+++ b/src/routes/console/organization-[organization]/deleteMember.svelte
@@ -47,7 +47,7 @@
     <svelte:fragment slot="header">
         {isUser ? 'Leave Organization' : 'Delete Member'}
     </svelte:fragment>
-    <p>
+    <p data-private>
         {isUser
             ? `Are you sure you want to leave '${selectedMember?.teamName}'?`
             : `Are you sure you want to delete ${selectedMember?.userName} from '${selectedMember?.teamName}'?`}
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/deleteMembership.svelte b/src/routes/console/project-[project]/auth/teams/team-[team]/deleteMembership.svelte
index e6ff3ca9f..fba85c1d2 100644
--- a/src/routes/console/project-[project]/auth/teams/team-[team]/deleteMembership.svelte
+++ b/src/routes/console/project-[project]/auth/teams/team-[team]/deleteMembership.svelte
@@ -39,7 +39,7 @@
 
 <Modal bind:show={showDelete} on:submit={deleteMembership} warning>
     <svelte:fragment slot="header">Delete Member</svelte:fragment>
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>{selectedMembership.userName}</b> from '{selectedMembership.teamName}'?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/deleteTeam.svelte b/src/routes/console/project-[project]/auth/teams/team-[team]/deleteTeam.svelte
index 32bccf712..95b6ad318 100644
--- a/src/routes/console/project-[project]/auth/teams/team-[team]/deleteTeam.svelte
+++ b/src/routes/console/project-[project]/auth/teams/team-[team]/deleteTeam.svelte
@@ -30,8 +30,7 @@
 
 <Modal bind:show={showDelete} on:submit={deleteTeam} warning>
     <svelte:fragment slot="header">Delete Team</svelte:fragment>
-
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>{team.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte b/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte
index 207f1badd..fab220264 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte
@@ -33,11 +33,11 @@
                 {/if}
             </svelte:fragment>
             <svelte:fragment slot="title">
-                <h6 class="u-bold u-trim-1">
+                <h6 class="u-bold u-trim-1" data-private>
                     {$user.name || $user.email || $user.phone || 'Anonymous'}
                 </h6>
             </svelte:fragment>
-            <p class="u-trim-1">
+            <p class="u-trim-1" data-private>
                 {$user.email && $user.phone
                     ? [$user.email, $user.phone].join(',')
                     : $user.email || $user.phone}
diff --git a/src/routes/console/project-[project]/auth/user-[user]/deleteAllSessions.svelte b/src/routes/console/project-[project]/auth/user-[user]/deleteAllSessions.svelte
index 8f02e4a92..aa6e4b5b3 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/deleteAllSessions.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/deleteAllSessions.svelte
@@ -33,7 +33,7 @@
 
 <Modal bind:show={showDeleteAll} on:submit={deleteAllSessions} warning>
     <svelte:fragment slot="header">Delete All Sessions</svelte:fragment>
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>all of {$user.name}'s sessions?</b>
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/auth/user-[user]/deleteMembership.svelte b/src/routes/console/project-[project]/auth/user-[user]/deleteMembership.svelte
index 25a1f760c..5df57af76 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/deleteMembership.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/deleteMembership.svelte
@@ -43,7 +43,7 @@
 <Modal bind:show={showDelete} on:submit={deleteMembership} warning>
     <svelte:fragment slot="header">Delete Member</svelte:fragment>
     {#if selectedMembership}
-        <p>
+        <p data-private>
             Are you sure you want to delete <b>{selectedMembership.userName}</b> from '{selectedMembership.teamName}'?
         </p>
     {/if}
diff --git a/src/routes/console/project-[project]/auth/user-[user]/deleteUser.svelte b/src/routes/console/project-[project]/auth/user-[user]/deleteUser.svelte
index e48a4b9c4..c18f0d220 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/deleteUser.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/deleteUser.svelte
@@ -34,7 +34,7 @@
 
 <Modal bind:show={showDelete} on:submit={deleteUser} warning>
     <svelte:fragment slot="header">Delete User</svelte:fragment>
-    <p>Are you sure you want to delete <b>{$user.name}</b> from '{$project.name}'?</p>
+    <p data-private>Are you sure you want to delete <b>{$user.name}</b> from '{$project.name}'?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/console/project-[project]/auth/user-[user]/memberships/[[page]]/+page.svelte b/src/routes/console/project-[project]/auth/user-[user]/memberships/[[page]]/+page.svelte
index 0b594b862..8641a6609 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/memberships/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/memberships/[[page]]/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { page } from '$app/stores';
     import { base } from '$app/paths';
-    import { Empty, AvatarInitials } from '$lib/components';
+    import { AvatarInitials, EmptySearch } from '$lib/components';
     import {
         Table,
         TableHeader,
@@ -41,7 +41,7 @@
                     <TableRowLink
                         href={`${base}/console/project-${project}/auth/teams/team-${membership.teamId}`}>
                         <TableCellText title="Name">
-                            <div class="u-flex u-gap-12">
+                            <div class="u-flex u-cross-center u-gap-12">
                                 <AvatarInitials size={32} name={membership.teamName} />
                                 <span>{membership.teamName ? membership.teamName : 'n/a'}</span>
                             </div>
@@ -67,19 +67,15 @@
             </TableBody>
         </Table>
     {:else}
-        <Empty single>
-            <p>No memberships available</p>
-            <Button
-                external
-                secondary
-                href="https://appwrite.io/docs/server/users?sdk=nodejs-default#usersListMemberships">
-                Documentation
-            </Button>
-        </Empty>
+        <EmptySearch>
+            <div class="u-flex u-flex-vertical u-cross-center u-gap-24">
+                <p class="text u-line-height-1-5">No memberships available</p>
+                <Button external secondary href="https://appwrite.io/docs/client/teams">
+                    Documentation
+                </Button>
+            </div>
+        </EmptySearch>
     {/if}
-    <div class="u-flex u-margin-block-start-32 u-main-space-between">
-        <p class="text">Total results: {data.memberships.total}</p>
-    </div>
 </Container>
 
 <DeleteMembership {selectedMembership} bind:showDelete />
diff --git a/src/routes/console/project-[project]/auth/user-[user]/sessions/[[page]]/+page.svelte b/src/routes/console/project-[project]/auth/user-[user]/sessions/[[page]]/+page.svelte
index 98d16da89..e4af11842 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/sessions/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/sessions/[[page]]/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { Empty } from '$lib/components';
+    import { EmptySearch } from '$lib/components';
     import {
         Table,
         TableBody,
@@ -84,19 +84,18 @@
             </TableBody>
         </Table>
     {:else}
-        <Empty single>
-            <p>No sessions available</p>
-            <Button
-                external
-                secondary
-                href="https://appwrite.io/docs/server/auth?sdk=nodejs-default#usersGetSessions">
-                Documentation
-            </Button>
-        </Empty>
+        <EmptySearch>
+            <div class="u-flex u-flex-vertical u-cross-center u-gap-24">
+                <p class="text u-line-height-1-5">No sessions available</p>
+                <Button
+                    external
+                    secondary
+                    href="https://appwrite.io/docs/server/auth?sdk=nodejs-default#usersGetSessions">
+                    Documentation
+                </Button>
+            </div>
+        </EmptySearch>
     {/if}
-    <div class="u-flex u-margin-block-start-32 u-main-space-between">
-        <p class="text">Total results: {data.sessions.total}</p>
-    </div>
 </Container>
 
 <DeleteSessions {selectedSessionId} bind:showDelete />
diff --git a/src/routes/console/project-[project]/auth/user-[user]/updateName.svelte b/src/routes/console/project-[project]/auth/user-[user]/updateName.svelte
index 03cac6582..2767d3027 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/updateName.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/updateName.svelte
@@ -38,7 +38,7 @@
         <Heading tag="h6" size="7">Update Name</Heading>
 
         <svelte:fragment slot="aside">
-            <ul>
+            <ul data-private>
                 <InputText
                     id="name"
                     label="Name"
diff --git a/src/routes/console/project-[project]/auth/user-[user]/updateStatus.svelte b/src/routes/console/project-[project]/auth/user-[user]/updateStatus.svelte
index aed011f7c..31a38a503 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/updateStatus.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/updateStatus.svelte
@@ -74,7 +74,7 @@
 </script>
 
 <CardGrid>
-    <div class="grid-1-2-col-1 u-flex u-cross-center u-gap-16">
+    <div class="grid-1-2-col-1 u-flex u-cross-center u-gap-16" data-private>
         {#if $user.email || $user.phone}
             {#if $user.name}
                 <AvatarInitials size={48} name={$user.name} />
@@ -92,7 +92,7 @@
     </div>
     <svelte:fragment slot="aside">
         <div class="u-flex u-main-space-between">
-            <div>
+            <div data-private>
                 {#if $user.email}
                     <p class="title">{$user.email}</p>
                 {/if}
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
index 02bed780e..78549e536 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
@@ -44,7 +44,7 @@
 
 <Modal warning={true} bind:show={showDelete} on:submit={handleDelete}>
     <svelte:fragment slot="header">Delete Attribute</svelte:fragment>
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>'{selectedAttribute?.key}' from {$collection?.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
index 28c889133..197ade1ff 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
@@ -54,6 +54,11 @@
         key = null;
         selectedOption = null;
         $option = null;
+        data = {
+            required: false,
+            array: false,
+            default: null
+        };
     }
 </script>
 
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
index 591a45be3..692265075 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
@@ -42,7 +42,7 @@
 <Modal warning={true} on:submit={handleDelete} bind:show={showDelete}>
     <svelte:fragment slot="header">Delete Document</svelte:fragment>
 
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>the document from {$collection.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte
index 57ed82384..a8c97dd1d 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte
@@ -42,7 +42,7 @@
 <Modal warning={true} on:submit={handleDelete} bind:show={showDelete}>
     <svelte:fragment slot="header">Delete Index</svelte:fragment>
 
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>'{selectedIndex.key}' from {$collection.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte
index 56629e2a0..bdd85c1f9 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte
@@ -38,7 +38,7 @@
 <Modal warning={true} bind:show={showDelete} on:submit={handleDelete}>
     <svelte:fragment slot="header">Delete Collection</svelte:fragment>
 
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>{$collection.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/delete.svelte b/src/routes/console/project-[project]/databases/database-[database]/delete.svelte
index bfbdb1916..39e2eb727 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/delete.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/delete.svelte
@@ -34,7 +34,7 @@
 
 <Modal warning={true} bind:show={showDelete} on:submit={handleDelete}>
     <svelte:fragment slot="header">Delete Database</svelte:fragment>
-    <p class="text">
+    <p class="text" data-private>
         Are you sure you want to delete <b>{$database.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/settings/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/settings/+page.svelte
index f5b9c687b..2d07e248b 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/settings/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/settings/+page.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-    import { page } from '$app/stores';
-    import { Card, CardGrid, Box, Heading, AvatarInitials } from '$lib/components';
-    import { Container } from '$lib/layout';
-    import { Button, InputText, Helper } from '$lib/elements/forms';
-    import { sdkForProject } from '$lib/stores/sdk';
-    import { addNotification } from '$lib/stores/notifications';
-    import { database } from '../store';
-    import { onMount } from 'svelte';
-    import { toLocaleDateTime } from '$lib/helpers/date';
     import { invalidate } from '$app/navigation';
+    import { page } from '$app/stores';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { Box, Card, CardGrid, Heading } from '$lib/components';
     import { Dependencies } from '$lib/constants';
+    import { Button, Helper, InputText } from '$lib/elements/forms';
+    import { toLocaleDateTime } from '$lib/helpers/date';
+    import { Container } from '$lib/layout';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdkForProject } from '$lib/stores/sdk';
+    import { onMount } from 'svelte';
     import Delete from '../delete.svelte';
-    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { database } from '../store';
 
     let showDelete = false;
     let showError: false | 'name' | 'email' | 'password' = false;
@@ -51,7 +51,6 @@
             <div class="common-section grid-1-2">
                 <div class="grid-1-2-col-1">
                     <div class="grid-1-2-col-1 u-flex u-cross-center u-gap-16">
-                        <AvatarInitials size={48} name={$database.name} />
                         <Heading tag="h6" size="7">{$database.name}</Heading>
                     </div>
                 </div>
@@ -99,9 +98,6 @@
             </p>
             <svelte:fragment slot="aside">
                 <Box>
-                    <svelte:fragment slot="image">
-                        <AvatarInitials size={48} name={$database.name} />
-                    </svelte:fragment>
                     <svelte:fragment slot="title">
                         <h6 class="u-bold u-trim-1">{$database.name}</h6>
                         <span>Last Updated: {toLocaleDateTime($database.$updatedAt)}</span>
diff --git a/src/routes/console/project-[project]/functions/function-[function]/delete.svelte b/src/routes/console/project-[project]/functions/function-[function]/delete.svelte
index 08c2a6c45..eb0a3f757 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/delete.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/delete.svelte
@@ -36,7 +36,7 @@
 
 <Modal bind:show={showDelete} on:submit={handleSubmit} warning>
     <svelte:fragment slot="header">Delete Deployment</svelte:fragment>
-    <p>Are you sure you want to delete this deployment?</p>
+    <p data-private>Are you sure you want to delete this deployment?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/delete.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/delete.svelte
index 23cd9145e..9771c4592 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/delete.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/delete.svelte
@@ -33,7 +33,7 @@
 
 <Modal bind:show={showDelete} on:submit={handleSubmit} warning>
     <svelte:fragment slot="header">Delete Function</svelte:fragment>
-    <p>
+    <p data-private>
         Are you sure you want to delete this function and all associated deployments from your
         project?
     </p>
diff --git a/src/routes/console/project-[project]/overview/keys/expirationInput.svelte b/src/routes/console/project-[project]/overview/keys/expirationInput.svelte
index 18a69845e..843cc9f3d 100644
--- a/src/routes/console/project-[project]/overview/keys/expirationInput.svelte
+++ b/src/routes/console/project-[project]/overview/keys/expirationInput.svelte
@@ -81,5 +81,5 @@
     </svelte:fragment>
 </InputSelect>
 {#if expirationSelect === 'custom'}
-    <InputDateTime id="expire" label="" bind:value={expirationCustom} showLabel={false} />
+    <InputDateTime required id="expire" label="" bind:value={expirationCustom} showLabel={false} />
 {/if}
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index 2f428de84..ae80a1cf8 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -97,7 +97,8 @@
 {#if data.platforms.platforms.length}
     <div
         class="grid-box u-margin-block-start-32"
-        style="--grid-gap:1.5rem; --grid-item-size:20rem;">
+        style="--grid-gap:1.5rem; --grid-item-size:20rem;"
+        data-private>
         {#each data.platforms.platforms as platform}
             <a class="card" href={`${path}/${platform.$id}`}>
                 <div class="grid-item-1" style="min-block-size: calc(182 / 16 * 1rem)">
diff --git a/src/routes/console/project-[project]/settings/domains/delete.svelte b/src/routes/console/project-[project]/settings/domains/delete.svelte
index 05490871f..8bf7d436d 100644
--- a/src/routes/console/project-[project]/settings/domains/delete.svelte
+++ b/src/routes/console/project-[project]/settings/domains/delete.svelte
@@ -35,7 +35,7 @@
 <Modal bind:show={showDelete} on:submit={deleteDomain} warning>
     <svelte:fragment slot="header">Delete Domain</svelte:fragment>
     {#if selectedDomain}
-        <p>
+        <p data-private>
             Are you sure you want to delete <b>{selectedDomain.domain}</b> from '{$project.name}'?
         </p>
     {/if}
diff --git a/src/routes/console/project-[project]/settings/webhooks/[webhook]/delete.svelte b/src/routes/console/project-[project]/settings/webhooks/[webhook]/delete.svelte
index 904ca6a74..de503a24d 100644
--- a/src/routes/console/project-[project]/settings/webhooks/[webhook]/delete.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/[webhook]/delete.svelte
@@ -35,7 +35,9 @@
 
 <Modal bind:show={showDelete} on:submit={handleDelete} warning>
     <svelte:fragment slot="header">Delete Webhook</svelte:fragment>
-    <p>Are you sure you want to delete <b>{$webhook.name}</b> from '{$project.name}'?</p>
+    <p data-private>
+        Are you sure you want to delete <b>{$webhook.name}</b> from '{$project.name}'?
+    </p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/[[page]]/+page.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/[[page]]/+page.svelte
index 69bd8ab00..cb1716eb5 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/[[page]]/+page.svelte
@@ -97,7 +97,7 @@
                     {#if file.chunksTotal / file.chunksUploaded !== 1}
                         <TableRow>
                             <TableCell title="Name">
-                                <div class="u-flex u-gap-12 u-main-space-between">
+                                <div class="u-flex u-gap-12 u-main-space-between u-cross-center">
                                     <span class="avatar is-size-small is-color-empty" />
 
                                     <span class="text u-trim">{file.name}</span>
@@ -136,7 +136,7 @@
                         <TableRowLink
                             href={`${base}/console/project-${projectId}/storage/bucket-${bucketId}/file-${file.$id}`}>
                             <TableCell title="Name">
-                                <div class="u-flex u-gap-12">
+                                <div class="u-flex u-gap-12 u-cross-center">
                                     <Avatar size={32} src={getPreview(file.$id)} name={file.name} />
                                     <span class="text u-trim">{file.name}</span>
                                 </div>
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteBucket.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteBucket.svelte
index bb8644cd5..6f5e8dd4b 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteBucket.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteBucket.svelte
@@ -33,7 +33,7 @@
 
 <Modal bind:show={showDelete} on:submit={deleteUser} warning>
     <svelte:fragment slot="header">Delete Bucket</svelte:fragment>
-    <p>Are you sure you want to delete <b>{$bucket.name}</b>?</p>
+    <p data-private>Are you sure you want to delete <b>{$bucket.name}</b>?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteFile.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteFile.svelte
index 445c9a723..8f06a2ba2 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteFile.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteFile.svelte
@@ -34,7 +34,7 @@
 
 <Modal bind:show={showDelete} on:submit={deleteFile} warning>
     <svelte:fragment slot="header">Delete File</svelte:fragment>
-    <p>Are you sure you want to delete <b>{file.name}</b>?</p>
+    <p data-private>Are you sure you want to delete <b>{file.name}</b>?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
index f3689a5a5..3cab47673 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
@@ -68,7 +68,7 @@
 <Container>
     {#if $file}
         <CardGrid>
-            <div class="u-flex u-gap-16">
+            <div class="u-flex u-gap-16" data-private>
                 <a
                     href={getView($file.$id)}
                     class="file-preview is-with-image"
@@ -157,7 +157,7 @@
             <svelte:fragment slot="aside">
                 <Box>
                     <svelte:fragment slot="title">
-                        <h6 class="u-bold u-trim-1">{$file.name}</h6>
+                        <h6 class="u-bold u-trim-1" data-private>{$file.name}</h6>
                     </svelte:fragment>
                     <p>
                         Last Updated: {toLocaleDateTime($file.$updatedAt)}
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte
index c58bbb12e..0d349b410 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte
@@ -35,7 +35,7 @@
 
 <Modal bind:show={showDelete} on:submit={deleteFile} warning>
     <svelte:fragment slot="header">Delete File</svelte:fragment>
-    <p>Are you sure you want to delete <b>{$file.name}</b>?</p>
+    <p data-private>Are you sure you want to delete <b>{$file.name}</b>?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/register/invite/[slug]/+page.svelte b/src/routes/register/invite/[slug]/+page.svelte
index 023350aec..c781e3135 100644
--- a/src/routes/register/invite/[slug]/+page.svelte
+++ b/src/routes/register/invite/[slug]/+page.svelte
@@ -28,6 +28,7 @@
 
     onMount(async () => {
         if (isCloud) {
+            code = slug;
             switch (slug) {
                 case 'mlh':
                     imgDark = (await import('./mlh-dark.svg')).default;
@@ -38,8 +39,11 @@
                     imgDark = (await import('$lib/images/appwrite.svg')).default;
                     imgLight = (await import('$lib/images/appwrite.svg')).default;
                     title = 'Welcome Appwriters!';
-
                     break;
+                case 'cloud_beta':
+                    break;
+                default:
+                    code = '';
             }
         }
     });