From ba97a759bf408f525f2df703c04bd5fd443c02e7 Mon Sep 17 00:00:00 2001
From: harsh mahajan <harshmahajan2345@gmail.com>
Date: Thu, 30 Apr 2026 17:33:07 +0530
Subject: [PATCH] fix: remove misleading all-time usage stats from functions,
 sites, and storage

The *Total fields returned by the API represent all-time entity counts
(databases, buckets, files, deployments) that do not change with the
selected date range. Showing these alongside period selectors caused
customer confusion when comparing against billing stats.

- Remove Usage tab and page content for functions, sites, and storage
  sections where only all-time counts were displayed
- Keep databases usage page with reads/writes (period-specific)
- Keep individual function usage page with executions and GB hours (period-specific)
- Fix typo in function header tab event name (sage -> usage)
---
 .../databases/usage/[[period]]/+page.svelte   | 16 +---------
 .../function-[function]/header.svelte         |  2 +-
 .../functions/header.svelte                   |  5 ---
 .../functions/usage/[[period]]/+page.svelte   | 17 ++--------
 .../sites/header.svelte                       |  5 ---
 .../sites/site-[site]/header.svelte           |  5 ---
 .../site-[site]/usage/[[period]]/+page.svelte | 30 ++----------------
 .../sites/usage/[[period]]/+page.svelte       | 17 ++--------
 .../storage/bucket-[bucket]/header.svelte     |  6 ----
 .../usage/[[period]]/+page.svelte             | 31 ++-----------------
 .../storage/header.svelte                     |  6 ----
 .../storage/usage/[[period]]/+page.svelte     | 17 ++--------
 12 files changed, 12 insertions(+), 145 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte
index d0caac9cf..b5b114d9a 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte
@@ -1,15 +1,10 @@
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { page } from '$app/state';
-    import { Container, Usage, UsageMultiple } from '$lib/layout';
+    import { Container, UsageMultiple } from '$lib/layout';
     import { Layout } from '@appwrite.io/pink-svelte';
     import type { PageData } from './$types';
 
     export let data: PageData;
 
-    $: total = data.databasesTotal;
-    $: count = data.databases;
-
     $: reads = data.databasesReads;
     $: readsTotal = data.databasesReadsTotal;
 
@@ -19,15 +14,6 @@
 
 <Container>
     <Layout.Stack gap="l">
-        <Usage
-            path={`${base}/project-${page.params.region}-${page.params.project}/databases/usage`}
-            {total}
-            {count}
-            countMetadata={{
-                legend: 'Databases',
-                title: 'Total databases'
-            }} />
-
         <UsageMultiple
             title="Reads and writes"
             showHeader={false}
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte
index 465aae173..22f1ac867 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte
@@ -31,7 +31,7 @@
         {
             href: `${path}/usage`,
             title: 'Usage',
-            event: 'sage',
+            event: 'usage',
             hasChildren: true
         },
         {
diff --git a/src/routes/(console)/project-[region]-[project]/functions/header.svelte b/src/routes/(console)/project-[region]-[project]/functions/header.svelte
index 9cbab48b0..7b83bca36 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/header.svelte
@@ -19,11 +19,6 @@
             href: `${path}/templates`,
             title: 'Templates',
             event: 'templates'
-        },
-        {
-            href: `${path}/usage`,
-            title: 'Usage',
-            event: 'usage'
         }
     ];
 </script>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.svelte
index a91d5a6f3..cb464c166 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.svelte
@@ -1,20 +1,7 @@
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { page } from '$app/state';
-    import { Container, Usage } from '$lib/layout';
+    import { Container } from '$lib/layout';
 
     export let data;
-    $: total = data.deploymentsTotal;
-    $: count = data.deployments;
 </script>
 
-<Container>
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/functions/usage`}
-        countMetadata={{
-            legend: 'Functions',
-            title: 'Total functions'
-        }}
-        {total}
-        {count} />
-</Container>
+<Container></Container>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/header.svelte b/src/routes/(console)/project-[region]-[project]/sites/header.svelte
index 511fcc0d3..037c8dd01 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/header.svelte
@@ -13,11 +13,6 @@
             title: 'Sites',
             event: 'sites',
             hasChildren: true
-        },
-        {
-            href: `${path}/usage`,
-            title: 'Usage',
-            event: 'usage'
         }
     ];
 </script>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/header.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/header.svelte
index 44a68d3d5..e2da0914a 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/header.svelte
@@ -28,11 +28,6 @@
             title: 'Domains',
             event: 'domains'
         },
-        {
-            href: `${path}/usage`,
-            title: 'Usage',
-            event: 'usage'
-        },
         {
             href: `${path}/settings`,
             title: 'Settings',
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.svelte
index c2b841035..cb464c166 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.svelte
@@ -1,33 +1,7 @@
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { page } from '$app/state';
-    import { Container, Usage } from '$lib/layout';
+    import { Container } from '$lib/layout';
 
     export let data;
-    $: total = data.deploymentsTotal;
-    $: count = data.deployments;
-
-    // $: totalBuilds = data.buildsTotal;
-    // $: countBuilds = data.builds;
 </script>
 
-<Container>
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/sites/site-${page.params.site}/usage`}
-        countMetadata={{
-            legend: 'Deployments',
-            title: 'Total deployments'
-        }}
-        {total}
-        {count} />
-
-    <!-- <Usage
-    title="Builds"
-    path={`${base}/project-${page.params.region}-${page.params.project}/sites/site-${page.params.site}/usage`}
-    countMetadata={{
-        legend: 'Builds',
-        title: 'Total builds'
-        }}
-        total={totalBuilds}
-        count={countBuilds} /> -->
-</Container>
+<Container></Container>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.svelte
index 4dec5a14e..cb464c166 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.svelte
@@ -1,20 +1,7 @@
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { page } from '$app/state';
-    import { Container, Usage } from '$lib/layout';
+    import { Container } from '$lib/layout';
 
     export let data;
-    $: total = data.deploymentsTotal;
-    $: count = data.deployments;
 </script>
 
-<Container>
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/sites/usage`}
-        countMetadata={{
-            legend: 'Sites',
-            title: 'Total sites'
-        }}
-        {total}
-        {count} />
-</Container>
+<Container></Container>
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte
index 5bdf52183..8748b494b 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte
@@ -17,12 +17,6 @@
             event: 'files',
             hasChildren: true
         },
-        {
-            href: `${path}/usage`,
-            title: 'Usage',
-            event: 'usage',
-            hasChildren: true
-        },
         {
             href: `${path}/settings`,
             event: 'settings',
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte
index 3c39c5f9e..b6c56a6e8 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte
@@ -1,33 +1,6 @@
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { page } from '$app/state';
-    import { Container, Usage } from '$lib/layout';
+    import { Container } from '$lib/layout';
 
-    export let data;
-    $: filesTotal = data.filesTotal;
-    $: files = data.files;
-    $: transformationsTotal = data.imageTransformationsTotal;
-    $: transformations = data.imageTransformations;
 </script>
 
-<Container>
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/storage/bucket-${page.params.bucket}/usage`}
-        total={filesTotal}
-        count={files}
-        countMetadata={{
-            legend: 'Files',
-            title: 'Total files'
-        }} />
-
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/storage/bucket-${page.params.bucket}/usage`}
-        total={transformationsTotal}
-        count={transformations}
-        countMetadata={{
-            legend: 'Image transformations',
-            title: 'Total transformations'
-        }}
-        isCumulative
-        hidePeriodSelect />
-</Container>
+<Container></Container>
diff --git a/src/routes/(console)/project-[region]-[project]/storage/header.svelte b/src/routes/(console)/project-[region]-[project]/storage/header.svelte
index 24aa16ec3..8a63a5c9f 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/header.svelte
@@ -13,12 +13,6 @@
             title: 'Buckets',
             event: 'buckets',
             hasChildren: true
-        },
-        {
-            href: `${path}/usage`,
-            title: 'Usage',
-            event: 'usage',
-            hasChildren: true
         }
     ];
 </script>
diff --git a/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte
index 659277fbd..cb464c166 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte
@@ -1,20 +1,7 @@
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { page } from '$app/state';
-    import { Container, Usage } from '$lib/layout';
+    import { Container } from '$lib/layout';
 
     export let data;
-    $: total = data.bucketsTotal;
-    $: count = data.buckets;
 </script>
 
-<Container>
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/storage/usage`}
-        {total}
-        {count}
-        countMetadata={{
-            legend: 'Buckets',
-            title: 'Total buckets'
-        }} />
-</Container>
+<Container></Container>