diff --git a/package.json b/package.json
index 5dbe15c26..7d90753a5 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
         "e2e:ui": "playwright test --ui"
     },
     "dependencies": {
-        "@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@e2f082e",
+        "@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@7773939",
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@6b17cb23",
         "@appwrite.io/pink-legacy": "^1.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e84836ebe..8081d4164 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
   .:
     dependencies:
       '@appwrite.io/console':
-        specifier: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@e2f082e
-        version: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@e2f082e
+        specifier: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@7773939
+        version: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@7773939
       '@appwrite.io/pink-icons':
         specifier: 0.25.0
         version: 0.25.0
@@ -217,8 +217,8 @@ packages:
   '@analytics/type-utils@0.6.2':
     resolution: {integrity: sha512-TD+xbmsBLyYy/IxFimW/YL/9L2IEnM7/EoV9Aeh56U64Ify8o27HJcKjo38XY9Tcn0uOq1AX3thkKgvtWvwFQg==}
 
-  '@appwrite.io/console@https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@e2f082e':
-    resolution: {tarball: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@e2f082e}
+  '@appwrite.io/console@https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@7773939':
+    resolution: {tarball: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@7773939}
     version: 1.2.1
 
   '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@29b227fb7ad99f66e5031701c457d89ac190cd27':
@@ -3534,7 +3534,7 @@ snapshots:
 
   '@analytics/type-utils@0.6.2': {}
 
-  '@appwrite.io/console@https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@e2f082e': {}
+  '@appwrite.io/console@https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@7773939': {}
 
   '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@29b227fb7ad99f66e5031701c457d89ac190cd27(svelte@5.25.3)':
     dependencies:
diff --git a/src/lib/layout/usage.svelte b/src/lib/layout/usage.svelte
index b5eb857d4..9a520e750 100644
--- a/src/lib/layout/usage.svelte
+++ b/src/lib/layout/usage.svelte
@@ -1,4 +1,5 @@
 <script context="module" lang="ts">
+    import { ProjectUsageRange, type Models } from '@appwrite.io/console';
     export type UsagePeriods = '24h' | '30d' | '90d';
 
     export function periodToDates(period: UsagePeriods): {
@@ -58,14 +59,14 @@
 </script>
 
 <script lang="ts">
-    import { BarChart } from '$lib/charts';
-    import { formatNumberWithCommas } from '$lib/helpers/numbers';
-    import { Card } from '$lib/components';
-    import { ProjectUsageRange, type Models } from '@appwrite.io/console';
     import { page } from '$app/state';
-    import { Layout, Typography } from '@appwrite.io/pink-svelte';
     import { goto } from '$app/navigation';
+
+    import { BarChart } from '$lib/charts';
+    import { Card } from '$lib/components';
     import { InputSelect } from '$lib/elements/forms';
+    import { formatNumberWithCommas } from '$lib/helpers/numbers';
+    import { Layout, Typography } from '@appwrite.io/pink-svelte';
 
     type MetricMetadata = {
         title: string;
diff --git a/src/routes/(console)/project-[project]/overview/+layout.svelte b/src/routes/(console)/project-[project]/overview/+layout.svelte
index 807d20bce..36c2e7a29 100644
--- a/src/routes/(console)/project-[project]/overview/+layout.svelte
+++ b/src/routes/(console)/project-[project]/overview/+layout.svelte
@@ -1,4 +1,7 @@
 <script lang="ts" context="module">
+    import { total } from '$lib/helpers/array';
+    import type { Metric } from '$lib/sdk/usage';
+
     export function totalMetrics(set: Array<unknown>): number {
         if (!set) return 0;
         return total((set as Metric[]).map((c) => c.value));
@@ -20,16 +23,14 @@
     import Requests from './requests.svelte';
     import { usage } from './store';
     import { formatNum } from '$lib/helpers/string';
-    import { total } from '$lib/helpers/array';
-    import type { Metric } from '$lib/sdk/usage';
     import { periodToDates } from '$lib/layout/usage.svelte';
     import { canWriteProjects } from '$lib/stores/roles';
     import { Card, Layout, Typography } from '@appwrite.io/pink-svelte';
     import { writable, type Writable } from 'svelte/store';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
 
-    $: projectId = page.params.project;
-    $: path = `${base}/project-${projectId}/overview`;
+    const projectId = page.params.project;
+    const path = `${base}/project-${projectId}/overview`;
     let period: UsagePeriods = '30d';
 
     onMount(handle);
@@ -229,7 +230,7 @@
                     <Tab
                         noscroll
                         href={`${path}/dev-keys`}
-                        selected={$page.url.pathname === `${path}/dev-keys`}
+                        selected={page.url.pathname === `${path}/dev-keys`}
                         event="keys">Dev keys</Tab>
                 </Tabs>
                 {#if $action}
diff --git a/src/routes/(console)/project-[project]/overview/dev-keys/[key]/header.svelte b/src/routes/(console)/project-[project]/overview/dev-keys/[key]/header.svelte
index 54e1f51c5..fc36b5250 100644
--- a/src/routes/(console)/project-[project]/overview/dev-keys/[key]/header.svelte
+++ b/src/routes/(console)/project-[project]/overview/dev-keys/[key]/header.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
     import { base } from '$app/paths';
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
     import { Id } from '$lib/components';
     import { Cover, CoverTitle } from '$lib/layout';
     import { devKey } from './store';
 
-    const projectId = $page.params.project;
+    const projectId = page.params.project;
 </script>
 
 <Cover>
diff --git a/src/routes/(console)/project-[project]/overview/dev-keys/[key]/store.ts b/src/routes/(console)/project-[project]/overview/dev-keys/[key]/store.ts
index 6d3fc98bd..baf2031a7 100644
--- a/src/routes/(console)/project-[project]/overview/dev-keys/[key]/store.ts
+++ b/src/routes/(console)/project-[project]/overview/dev-keys/[key]/store.ts
@@ -1,5 +1,5 @@
-import { derived } from 'svelte/store';
 import { page } from '$app/stores';
+import { derived } from 'svelte/store';
 import type { Models } from '@appwrite.io/console';
 
 export const devKey = derived(page, ($page) => $page.data.key as Models.DevKey);
diff --git a/src/routes/(console)/project-[project]/overview/dev-keys/action.svelte b/src/routes/(console)/project-[project]/overview/dev-keys/action.svelte
index 48710d628..c32a1e46d 100644
--- a/src/routes/(console)/project-[project]/overview/dev-keys/action.svelte
+++ b/src/routes/(console)/project-[project]/overview/dev-keys/action.svelte
@@ -10,14 +10,14 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { base } from '$app/paths';
     import { addNotification } from '$lib/stores/notifications';
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
 
     let showModal = false;
     let isSubmitting = false;
     let name = '',
         expire = '';
 
-    const projectId = $page.params.project;
+    const projectId = page.params.project;
 
     async function create() {
         try {
diff --git a/src/routes/(console)/project-[project]/overview/keys/[key]/store.ts b/src/routes/(console)/project-[project]/overview/keys/[key]/store.ts
index dc984c86c..5a1a9f936 100644
--- a/src/routes/(console)/project-[project]/overview/keys/[key]/store.ts
+++ b/src/routes/(console)/project-[project]/overview/keys/[key]/store.ts
@@ -1,5 +1,5 @@
-import { derived } from 'svelte/store';
 import { page } from '$app/stores';
+import { derived } from 'svelte/store';
 import type { Models } from '@appwrite.io/console';
 
 export const key = derived(page, ($page) => $page.data.key as Models.Key);