Merge pull request #3138 from appwrite/fix-remove-dev-key-creation

fix(dev-keys): remove dev key creation and add deprecation notice

Author: atharvadeosthale

src/routes/(console)/project-[region]-[project]/overview/(components)/table.svelte

@@ -7,8 +7,9 @@
     import type { Models } from '@appwrite.io/console';
     import { diffDays } from '$lib/helpers/date';
     import DualTimeView from '$lib/components/dualTimeView.svelte';
-    import { devKeyColumns, keyColumns, showDevKeysCreateModal } from '../store';
-    import { Badge, Layout, Table } from '@appwrite.io/pink-svelte';
+    import { devKeyColumns, keyColumns } from '../store';
+    import { Button } from '$lib/elements/forms';
+    import { Badge, Card, Empty as EmptyState, Layout, Table } from '@appwrite.io/pink-svelte';
     import DeleteBatch from './deleteBatch.svelte';
     import { capitalize } from '$lib/helpers/string';
 
@@ -127,22 +128,31 @@
             {offset}
             total={keys.total} />
     {/if}
-{:else}
+{:else if isApiKey}
     <Empty
         single
         allowCreate={$canWriteKeys}
         href="https://appwrite.io/docs/advanced/platform/{slug}"
         target="{label} key"
         description={getDescription()}
         on:click={async () => {
-            if (isApiKey) {
-                await goto(
-                    `${base}/project-${page.params.region}-${page.params.project}/overview/${slug}/create`
-                );
-            } else {
-                $showDevKeysCreateModal = true;
-            }
+            await goto(
+                `${base}/project-${page.params.region}-${page.params.project}/overview/${slug}/create`
+            );
         }} />
+{:else}
+    <Card.Base padding="none">
+        <EmptyState title="No dev keys" description={getDescription()}>
+            <svelte:fragment slot="actions">
+                <Button
+                    external
+                    href="https://appwrite.io/docs/advanced/platform/{slug}"
+                    text
+                    size="s"
+                    ariaLabel="dev keys documentation">Documentation</Button>
+            </svelte:fragment>
+        </EmptyState>
+    </Card.Base>
 {/if}
 
 <DeleteBatch {keyType} bind:keyIds={selectedKeys} bind:showDelete={showDeleteModal} />

src/routes/(console)/project-[region]-[project]/overview/+layout.svelte

@@ -93,16 +93,6 @@
                 keys: ['c', 'k'],
                 group: 'integrations',
                 disabled: !$canWriteProjects
-            },
-            {
-                label: 'Create Dev Key',
-                icon: IconPlus,
-                callback() {
-                    goto(`${path}/dev-keys/create`);
-                },
-                keys: ['c', 'd', 'k'],
-                group: 'integrations',
-                disabled: !$canWriteProjects
             }
         ]);
         $updateCommandGroupRanks({

src/routes/(console)/project-[region]-[project]/overview/context.ts

@@ -1,8 +1,8 @@
 import { getContext, type Component } from 'svelte';
 import type { Writable } from 'svelte/store';
 
-export type OverviewActionContext = Writable<Component>;
+export type OverviewActionContext = Writable<Component | null>;
 
-export function setOverviewAction(component: Component) {
+export function setOverviewAction(component: Component | null) {
     getContext<OverviewActionContext>('overview-action').set(component);
 }

src/routes/(console)/project-[region]-[project]/overview/dev-keys/+page.svelte

@@ -1,11 +1,27 @@
 <script lang="ts">
-    import Action from './action.svelte';
     import { setOverviewAction } from '../context';
     import Table from '../(components)/table.svelte';
+    import { Alert, Layout, Typography } from '@appwrite.io/pink-svelte';
 
-    export let data;
+    let { data } = $props();
 
-    setOverviewAction(Action);
+    setOverviewAction(null);
 </script>
 
-<Table keys={data.devKeys} keyType="dev" />
+<Layout.Stack gap="l">
+    <Alert.Inline status="warning" title="Dev keys are deprecated">
+        <Typography.Text>
+            As of July 22, 2026, creating new dev keys is paused. Existing dev keys keep working
+            until September 1, 2026. Learn more in the
+            <a
+                href="https://appwrite.io/changelog/entry/2026-07-22"
+                target="_blank"
+                rel="noopener noreferrer"
+                style="text-decoration: underline;">
+                changelog
+            </a>.
+        </Typography.Text>
+    </Alert.Inline>
+
+    <Table keys={data.devKeys} keyType="dev" />
+</Layout.Stack>

src/routes/(console)/project-[region]-[project]/overview/dev-keys/action.svelte

@@ -1,6 +1,6 @@
 import { sdk } from '$lib/stores/sdk';
 import { cachedStore } from '$lib/helpers/cache';
-import { get, readable, writable, type Writable } from 'svelte/store';
+import { get, readable } from 'svelte/store';
 import type { Models, ProjectUsageRange } from '@appwrite.io/console';
 import { page } from '$app/state';
 import type { Column } from '$lib/helpers/types';
@@ -25,8 +25,6 @@ export const usage = cachedStore<
     };
 });
 
-export const showDevKeysCreateModal: Writable<boolean> = writable(false);
-
 export const devKeyColumns = readable<Column[]>([
     { id: 'name', title: 'Name', type: 'string', width: { min: 120 } },
     { id: 'last_accessed', title: 'Last accessed', type: 'datetime', width: { min: 120 } },