From 719e4dba7fac317977f11f3f7e73e25961408629 Mon Sep 17 00:00:00 2001
From: Christy Jacob <christyjacob4@gmail.com>
Date: Thu, 29 Feb 2024 16:53:29 +0530
Subject: [PATCH 1/7] chore: add missing command centers

---
 src/lib/commandCenter/commands.ts             |  2 +
 .../commandCenter/panels/createMessage.svelte | 76 +++++++++++++++++++
 src/lib/commandCenter/panels/index.ts         |  6 ++
 src/lib/commandCenter/searchers/messages.ts   | 40 ++++++++++
 src/lib/commandCenter/searchers/providers.ts  | 26 +++++++
 src/lib/commandCenter/searchers/topics.ts     | 25 ++++++
 src/routes/console/+layout.svelte             |  2 +-
 .../console/project-[project]/+layout.svelte  | 24 ++++--
 .../collection-[collection]/+layout.svelte    | 33 ++++++++
 .../settings/displayName.svelte               |  2 +-
 .../settings/updatePermissions.svelte         |  2 +-
 .../settings/updateSecurity.svelte            |  2 +-
 .../messaging/+layout.svelte                  | 44 +++++------
 .../topics/topic-[topic]/+layout.svelte       | 34 +++++++++
 14 files changed, 280 insertions(+), 38 deletions(-)
 create mode 100644 src/lib/commandCenter/panels/createMessage.svelte
 create mode 100644 src/lib/commandCenter/searchers/messages.ts
 create mode 100644 src/lib/commandCenter/searchers/providers.ts
 create mode 100644 src/lib/commandCenter/searchers/topics.ts

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 470a61012..304ccf603 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -18,6 +18,8 @@ const groups = [
     'databases',
     'functions',
     'messaging',
+    'providers',
+    'topics',
     'storage',
     'domains',
     'webhooks',
diff --git a/src/lib/commandCenter/panels/createMessage.svelte b/src/lib/commandCenter/panels/createMessage.svelte
new file mode 100644
index 000000000..e1f61c879
--- /dev/null
+++ b/src/lib/commandCenter/panels/createMessage.svelte
@@ -0,0 +1,76 @@
+<script lang="ts">
+    import { providers } from '$routes/console/project-[project]/messaging/providers/store';
+    import {
+        messageParams,
+        operation,
+        providerType,
+        targetsById
+    } from '$routes/console/project-[project]/messaging/wizard/store';
+    import { MessagingProviderType } from '@appwrite.io/console';
+    import Template from './template.svelte';
+    import { wizard } from '$lib/stores/wizard';
+    import Wizard from '$routes/console/project-[project]/messaging/wizard.svelte';
+    import { topicsById } from '$routes/console/project-[project]/messaging/store';
+
+    let search = '';
+
+    let options = Object.entries(providers).map(([type, option]) => {
+        return {
+            label: option.name,
+            icon: option.icon,
+            callback() {
+                console.log('startWizard', option.name);
+                if (
+                    type !== MessagingProviderType.Email &&
+                    type !== MessagingProviderType.Sms &&
+                    type !== MessagingProviderType.Push
+                )
+                    return;
+                $providerType = type;
+                $operation = 'create';
+                $topicsById = {};
+                $targetsById = {};
+                const common = {
+                    topics: [],
+                    users: [],
+                    targets: []
+                };
+                switch (type) {
+                    case MessagingProviderType.Email:
+                        $messageParams[$providerType] = {
+                            ...common,
+                            subject: '',
+                            content: ''
+                        };
+                        break;
+                    case MessagingProviderType.Sms:
+                        $messageParams[$providerType] = {
+                            ...common,
+                            content: ''
+                        };
+                        break;
+                    case MessagingProviderType.Push:
+                        $messageParams[$providerType] = {
+                            ...common,
+                            title: '',
+                            body: '',
+                            data: [['', '']]
+                        };
+                        break;
+                }
+                wizard.start(Wizard);
+            }
+        };
+    });
+
+    $: filteredOptions = options.filter((option) => {
+        return option.label.toLowerCase().includes(search.toLowerCase());
+    });
+</script>
+
+<Template options={filteredOptions} bind:search>
+    <div class="u-flex u-cross-center u-gap-8" slot="option" let:option>
+        <i class="icon-{option.icon}" />
+        <span>{option.label}</span>
+    </div>
+</Template>
diff --git a/src/lib/commandCenter/panels/index.ts b/src/lib/commandCenter/panels/index.ts
index c1d8a59f1..b527b2340 100644
--- a/src/lib/commandCenter/panels/index.ts
+++ b/src/lib/commandCenter/panels/index.ts
@@ -78,3 +78,9 @@ export const FilesPanel: SubPanel = {
     name: 'Files',
     component: Files
 };
+
+import CreateMessage from './createMessage.svelte';
+export const CreateMessagePanel: SubPanel = {
+    name: 'Create Message',
+    component: CreateMessage
+};
\ No newline at end of file
diff --git a/src/lib/commandCenter/searchers/messages.ts b/src/lib/commandCenter/searchers/messages.ts
new file mode 100644
index 000000000..42f871337
--- /dev/null
+++ b/src/lib/commandCenter/searchers/messages.ts
@@ -0,0 +1,40 @@
+import { goto } from '$app/navigation';
+import { project } from '$routes/console/project-[project]/store';
+import { get } from 'svelte/store';
+import type { Searcher } from '../commands';
+import { sdk } from '$lib/stores/sdk';
+import { MessagingProviderType } from '@appwrite.io/console';
+
+const getLabel = (message) => {
+    switch (message.providerType) {
+        case MessagingProviderType.Push:
+            return message.data.title;
+        case MessagingProviderType.Sms:
+            return message.data.content;
+        case MessagingProviderType.Email:
+            return message.data.subject;
+        default:
+            return 'null';
+    }
+};
+
+export const messagesSearcher = (async (query: string) => {
+    const { messages } = await sdk.forProject.messaging.listMessages([], query || undefined);
+
+    console.log(messages);
+    const projectId = get(project).$id;
+
+    return messages
+        .filter((message) => getLabel(message).toLowerCase().includes(query.toLowerCase()))
+        .map(
+            (message) =>
+                ({
+                    group: 'messaging',
+                    label: getLabel(message),
+                    callback: () => {
+                        goto(`/console/project-${projectId}/messaging/message-${message.$id}`);
+                    },
+                    icon: 'send',
+                }) as const
+        );
+}) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/providers.ts b/src/lib/commandCenter/searchers/providers.ts
new file mode 100644
index 000000000..289bbe826
--- /dev/null
+++ b/src/lib/commandCenter/searchers/providers.ts
@@ -0,0 +1,26 @@
+import { goto } from '$app/navigation';
+import { project } from '$routes/console/project-[project]/store';
+import { get } from 'svelte/store';
+import type { Searcher } from '../commands';
+import { sdk } from '$lib/stores/sdk';
+
+export const providersSearcher = (async (query: string) => {
+    const { providers } = await sdk.forProject.messaging.listProviders([], query || undefined);
+
+    console.log(providers);
+    const projectId = get(project).$id;
+
+    return providers
+        .filter((provider) => provider.name.toLowerCase().includes(query.toLowerCase()))
+        .map(
+            (provider) =>
+                ({
+                    group: 'providers',
+                    label:  provider.name,
+                    callback: () => {
+                        goto(`/console/project-${projectId}/messaging/providers/provider-${provider.$id}`);
+                    },
+                    icon: 'cloud',
+                }) as const
+        );
+}) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/topics.ts b/src/lib/commandCenter/searchers/topics.ts
new file mode 100644
index 000000000..2f28f3d61
--- /dev/null
+++ b/src/lib/commandCenter/searchers/topics.ts
@@ -0,0 +1,25 @@
+import { goto } from '$app/navigation';
+import { project } from '$routes/console/project-[project]/store';
+import { get } from 'svelte/store';
+import type { Searcher } from '../commands';
+import { sdk } from '$lib/stores/sdk';
+
+export const topicsSearcher = (async (query: string) => {
+    const { topics } = await sdk.forProject.messaging.listTopics([], query || undefined);
+
+    const projectId = get(project).$id;
+
+    return topics
+        .filter((topic) => topic.name.toLowerCase().includes(query.toLowerCase()))
+        .map(
+            (topic) =>
+                ({
+                    group: 'topics',
+                    label:  topic.name,
+                    callback: () => {
+                        goto(`/console/project-${projectId}/messaging/topics/topic-${topic.$id}`);
+                    },
+                    icon: 'archive',
+                }) as const
+        );
+}) satisfies Searcher;
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index dccfe71a4..98ce25767 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -66,7 +66,7 @@
                 $page.url.pathname.includes('/console/organization-') &&
                 !$page.url.pathname.endsWith('/members') &&
                 !$page.url.pathname.endsWith('/settings'),
-            rank: -1
+                rank: -1
         },
         {
             label: 'Ask the AI',
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index d8f26f01b..f025da2ec 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -27,14 +27,6 @@
     });
 
     $: $registerCommands([
-        {
-            label: 'Go to Databases',
-            callback: () => {
-                goto(`/console/project-${$project.$id}/databases`);
-            },
-            keys: ['d'],
-            group: 'navigation'
-        },
         {
             label: 'Go to Auth',
             callback: () => {
@@ -43,6 +35,14 @@
             keys: ['a'],
             group: 'navigation'
         },
+        {
+            label: 'Go to Databases',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/databases`);
+            },
+            keys: ['d'],
+            group: 'navigation'
+        },
         {
             label: 'Go to Functions',
             callback: () => {
@@ -51,6 +51,14 @@
             keys: ['f'],
             group: 'navigation'
         },
+        {
+            label: 'Go to Messaging',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/messaging`);
+            },
+            keys: ['m'],
+            group: 'navigation'
+        },
         {
             label: 'Go to Storage',
             callback: () => {
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
index ce8c1071f..2543f11fc 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
@@ -136,6 +136,39 @@
             disabled: $page.url.pathname.endsWith('settings'),
             group: 'collections'
         },
+        {
+            label: 'Display Name',
+            async callback() {
+                await goto(
+                    `/console/project-${$project.$id}/databases/database-${$database.$id}/collection-${$collection.$id}/settings#display-name`
+                );
+            },
+            group: 'collections',
+            disabled: $page.url.pathname.endsWith('display-name') || $page.url.pathname.endsWith('settings'),
+            icon: 'eye'
+        },
+        {
+            label: 'Permissions',
+            async callback() {
+                await goto(
+                    `/console/project-${$project.$id}/databases/database-${$database.$id}/collection-${$collection.$id}/settings#permissions`
+                );
+            },
+            group: 'collections',
+            disabled: $page.url.pathname.endsWith('permissions') || $page.url.pathname.endsWith('settings'),
+            icon: 'puzzle',
+        },
+        {
+            label: 'Document security',
+            async callback() {
+                await goto(
+                    `/console/project-${$project.$id}/databases/database-${$database.$id}/collection-${$collection.$id}/settings#document-security`
+                );
+            },
+            group: 'collections',
+            disabled: $page.url.pathname.endsWith('document-security') || $page.url.pathname.endsWith('settings'),
+            icon: 'lock-closed'
+        },
         {
             label: 'Create index',
             keys: $page.url.pathname.endsWith('indexes') ? ['c'] : ['c', 'i'],
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte
index ed2e408a5..e98f77d31 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte
@@ -55,7 +55,7 @@
 
 <Form onSubmit={updateDisplayName}>
     <CardGrid>
-        <Heading tag="h6" size="7">Display name</Heading>
+        <Heading tag="h6" size="7" id="display-name">Display name</Heading>
         <p class="text">
             Select string attributes as display names for your documents. The selected names will be
             used as short forms to identify documents in the Appwrite console, like when creating
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte
index 686aca1d8..b32bb7723 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte
@@ -56,7 +56,7 @@
 </script>
 
 <CardGrid>
-    <Heading tag="h6" size="7">Permissions</Heading>
+    <Heading tag="h6" size="7" id="permissions">Permissions</Heading>
     <p class="text">
         Choose who can access your collection and documents. For more about <a
             href="https://appwrite.io/docs/products/databases/permissions"
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte
index 2bd94673a..a2019cdc4 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte
@@ -45,7 +45,7 @@
 </script>
 
 <CardGrid>
-    <Heading tag="h6" size="7">Document security</Heading>
+    <Heading tag="h6" size="7" id="document-security">Document security</Heading>
     <svelte:fragment slot="aside">
         <FormList>
             <InputSwitch
diff --git a/src/routes/console/project-[project]/messaging/+layout.svelte b/src/routes/console/project-[project]/messaging/+layout.svelte
index 2b8b30178..756ec0dbc 100644
--- a/src/routes/console/project-[project]/messaging/+layout.svelte
+++ b/src/routes/console/project-[project]/messaging/+layout.svelte
@@ -1,58 +1,50 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
     import { page } from '$app/stores';
-    import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
+    import { addSubPanel, registerCommands, registerSearchers, updateCommandGroupRanks } from '$lib/commandCenter';
+    import { CreateMessagePanel } from '$lib/commandCenter/panels';
+    import { messagesSearcher } from '$lib/commandCenter/searchers/messages';
+    import { providersSearcher } from '$lib/commandCenter/searchers/providers';
+    import { topicsSearcher } from '$lib/commandCenter/searchers/topics';
     import { project } from '../store';
-    import { showCreate } from './store';
-
-    // TODO: finalize the commands
 
     $: $registerCommands([
         {
             label: 'Create message',
-            callback: () => {
-                if (!$page.url.pathname.endsWith('messaging')) {
-                    goto(`/console/project-${$project.$id}/messaging`);
-                }
-                $showCreate = true;
-            },
             keys: $page.url.pathname.endsWith('messaging') ? ['c'] : ['c', 'm'],
+            callback() {
+                addSubPanel(CreateMessagePanel);
+            },
             icon: 'plus',
             group: 'messaging'
         },
         {
-            label: 'Go to topics',
+            label: 'Go to Topics',
+            keys: ['g', 't'],
             callback() {
                 goto(`/console/project-${$project.$id}/messaging/topics`);
             },
-            keys: ['g', 't'],
             disabled:
                 $page.url.pathname.endsWith('topics') || $page.url.pathname.includes('message-'),
             group: 'navigation',
-            rank: 10
+            rank: 1,
         },
         {
-            label: 'Go to providers',
+            label: 'Go to Providers',
+            keys: ['g', 'k'],
             callback() {
                 goto(`/console/project-${$project.$id}/messaging/providers`);
             },
-            keys: ['g', 'p'],
             disabled:
-                $page.url.pathname.endsWith('topics') || $page.url.pathname.includes('message-'),
+                $page.url.pathname.endsWith('providers') || $page.url.pathname.includes('message-'),
             group: 'navigation',
-            rank: 10
+            rank: 2,
         }
-        // {
-        //     label: 'Find messages',
-        //     callback: () => {
-        //         addSubPanel(BucketsPanel);
-        //     },
-        //     group: 'messaging',
-        //     rank: -1
-        // }
     ]);
 
-    $: $updateCommandGroupRanks({ messaging: 200, navigation: 100 });
+    $registerSearchers(messagesSearcher, providersSearcher, topicsSearcher);
+
+    $: $updateCommandGroupRanks({ messaging: 400, providers: 300, topics: 200, navigation: 100 });
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/messaging/topics/topic-[topic]/+layout.svelte b/src/routes/console/project-[project]/messaging/topics/topic-[topic]/+layout.svelte
index 525eedb90..68777b1b6 100644
--- a/src/routes/console/project-[project]/messaging/topics/topic-[topic]/+layout.svelte
+++ b/src/routes/console/project-[project]/messaging/topics/topic-[topic]/+layout.svelte
@@ -1,3 +1,37 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { page } from '$app/stores';
+    import { registerCommands } from '$lib/commandCenter';
+    import { project } from '$routes/console/project-[project]/store';
+
+    const topicId = $page.params.topic;
+
+    $: $registerCommands([
+        {
+            label: 'Go to subscribers',
+            callback() {
+                goto(
+                    `/console/project-${$project.$id}/messaging/topics/topic-${topicId}/subscribers`
+                );
+            },
+            keys: ['g', 's'],
+            disabled: $page.url.pathname.endsWith('subscribers'),
+            group: 'navigation',
+            rank: 1
+        },
+        {
+            label: 'Go to activity',
+            callback() {
+                goto(`/console/project-${$project.$id}/messaging/topics/topic-${topicId}/activity`);
+            },
+            keys: ['g', 'a'],
+            disabled: $page.url.pathname.endsWith('activity'),
+            group: 'navigation',
+            rank: 1
+        }
+    ]);
+</script>
+
 <svelte:head>
     <title>Topic - Appwrite</title>
 </svelte:head>

From c35ff02df79cf0180dc8ba254510bc1de9856347 Mon Sep 17 00:00:00 2001
From: Christy Jacob <christyjacob4@gmail.com>
Date: Thu, 29 Feb 2024 21:12:00 +0530
Subject: [PATCH 2/7] chore: add prefix keys

---
 src/lib/commandCenter/commands.ts             |  1 +
 src/lib/commandCenter/searchers/messages.ts   | 17 +++++++++++++--
 src/lib/commandCenter/searchers/providers.ts  | 15 ++++++++++++-
 src/routes/auth/+layout.svelte                | 21 -------------------
 src/routes/console/+layout.svelte             |  8 +++----
 .../console/project-[project]/+layout.svelte  | 19 +++++++++--------
 .../project-[project]/auth/+layout.svelte     | 19 ++++++++++++++++-
 .../messaging/+layout.svelte                  |  7 ++++---
 .../topics/topic-[topic]/+layout.svelte       | 18 ++++++++++++----
 9 files changed, 80 insertions(+), 45 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 304ccf603..c24491b6d 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -18,6 +18,7 @@ const groups = [
     'databases',
     'functions',
     'messaging',
+    'messages',
     'providers',
     'topics',
     'storage',
diff --git a/src/lib/commandCenter/searchers/messages.ts b/src/lib/commandCenter/searchers/messages.ts
index 42f871337..a9d8fc54f 100644
--- a/src/lib/commandCenter/searchers/messages.ts
+++ b/src/lib/commandCenter/searchers/messages.ts
@@ -18,6 +18,19 @@ const getLabel = (message) => {
     }
 };
 
+const getIcon = (message) => {
+    switch (message.providerType) {
+        case MessagingProviderType.Push:
+            return 'device-mobile';
+        case MessagingProviderType.Sms:
+            return 'annotation';
+        case MessagingProviderType.Email:
+            return 'mail';
+        default:
+            return 'send';
+    }
+}
+
 export const messagesSearcher = (async (query: string) => {
     const { messages } = await sdk.forProject.messaging.listMessages([], query || undefined);
 
@@ -29,12 +42,12 @@ export const messagesSearcher = (async (query: string) => {
         .map(
             (message) =>
                 ({
-                    group: 'messaging',
+                    group: 'messages',
                     label: getLabel(message),
                     callback: () => {
                         goto(`/console/project-${projectId}/messaging/message-${message.$id}`);
                     },
-                    icon: 'send',
+                    icon: getIcon(message),
                 }) as const
         );
 }) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/providers.ts b/src/lib/commandCenter/searchers/providers.ts
index 289bbe826..d52877db9 100644
--- a/src/lib/commandCenter/searchers/providers.ts
+++ b/src/lib/commandCenter/searchers/providers.ts
@@ -4,6 +4,19 @@ import { get } from 'svelte/store';
 import type { Searcher } from '../commands';
 import { sdk } from '$lib/stores/sdk';
 
+const getIcon = (provider) => {
+    switch (provider.type) {
+        case MessagingProviderType.Push:
+            return 'device-mobile';
+        case MessagingProviderType.Sms:
+            return 'annotation';
+        case MessagingProviderType.Email:
+            return 'mail';
+        default:
+            return 'send';
+    }
+}
+
 export const providersSearcher = (async (query: string) => {
     const { providers } = await sdk.forProject.messaging.listProviders([], query || undefined);
 
@@ -20,7 +33,7 @@ export const providersSearcher = (async (query: string) => {
                     callback: () => {
                         goto(`/console/project-${projectId}/messaging/providers/provider-${provider.$id}`);
                     },
-                    icon: 'cloud',
+                    icon: getIcon(provider),
                 }) as const
         );
 }) satisfies Searcher;
diff --git a/src/routes/auth/+layout.svelte b/src/routes/auth/+layout.svelte
index 68866be64..f2ffcf1d2 100644
--- a/src/routes/auth/+layout.svelte
+++ b/src/routes/auth/+layout.svelte
@@ -1,29 +1,8 @@
 <script>
-    import { addSubPanel, registerCommands } from '$lib/commandCenter';
-    import { TeamsPanel, UsersPanel } from '$lib/commandCenter/panels';
     import { Container } from '$lib/layout';
     import { loading } from '../store';
 
     loading.set(false);
-
-    $registerCommands([
-        {
-            label: 'Find users',
-            callback: () => {
-                addSubPanel(UsersPanel);
-            },
-            group: 'users',
-            rank: -1
-        },
-        {
-            label: 'Find teams',
-            callback: () => {
-                addSubPanel(TeamsPanel);
-            },
-            group: 'teams',
-            rank: -1
-        }
-    ]);
 </script>
 
 <Container>
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 98ce25767..cca3baecb 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -56,7 +56,7 @@
 
     $: $registerCommands([
         {
-            label: 'Go to projects',
+            label: 'Go to Projects',
             callback: () => {
                 goto('/console');
             },
@@ -66,7 +66,7 @@
                 $page.url.pathname.includes('/console/organization-') &&
                 !$page.url.pathname.endsWith('/members') &&
                 !$page.url.pathname.endsWith('/settings'),
-                rank: -1
+            rank: -1
         },
         {
             label: 'Ask the AI',
@@ -78,11 +78,11 @@
             disabled: !isAssistantEnabled
         },
         {
-            label: 'Go to account',
+            label: 'Go to Account',
             callback: () => {
                 goto('/console/account');
             },
-            keys: ['i'],
+            keys: ['g', 'i'],
             group: 'navigation',
             rank: -2
         },
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index f025da2ec..11c9ba940 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -15,6 +15,7 @@
         userSearcher
     } from '$lib/commandCenter/searchers';
     import { MigrationBox } from '$lib/components';
+    import { page } from '$app/stores';
 
     onMount(() => {
         return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
@@ -32,7 +33,7 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/auth`);
             },
-            keys: ['a'],
+            keys: ['g', 'a'],
             group: 'navigation'
         },
         {
@@ -40,7 +41,7 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/databases`);
             },
-            keys: ['d'],
+            keys: ['g', 'd'],
             group: 'navigation'
         },
         {
@@ -48,7 +49,7 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/functions`);
             },
-            keys: ['f'],
+            keys: ['g', 'f'],
             group: 'navigation'
         },
         {
@@ -56,7 +57,7 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/messaging`);
             },
-            keys: ['m'],
+            keys: $page.url.pathname.includes('messaging') ? ['m'] : ['g', 'm'],
             group: 'navigation'
         },
         {
@@ -64,23 +65,23 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/storage`);
             },
-            keys: ['s'],
+            keys: ['g', 's'],
             group: 'navigation'
         },
         {
-            label: 'Go to settings',
+            label: 'Go to Settings',
             callback: () => {
                 goto(`/console/project-${$project.$id}/settings`);
             },
-            keys: ['p'],
+            keys: ['g', 'e'],
             group: 'navigation'
         },
         {
-            label: 'Go to overview',
+            label: 'Go to Overview',
             callback: () => {
                 goto(`/console/project-${$project.$id}`);
             },
-            keys: ['o'],
+            keys: ['g', 'o'],
             group: 'navigation'
         }
     ]);
diff --git a/src/routes/console/project-[project]/auth/+layout.svelte b/src/routes/console/project-[project]/auth/+layout.svelte
index cfb6a198b..ca114d653 100644
--- a/src/routes/console/project-[project]/auth/+layout.svelte
+++ b/src/routes/console/project-[project]/auth/+layout.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
     import { page } from '$app/stores';
-    import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
+    import { addSubPanel, registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
+    import { TeamsPanel, UsersPanel } from '$lib/commandCenter/panels';
     import { readOnly } from '$lib/stores/billing';
     import { GRACE_PERIOD_OVERRIDE } from '$lib/system';
     import { project } from '../store';
@@ -77,6 +78,22 @@
             group: 'navigation',
             rank: 1,
             disabled: $page.url.pathname.endsWith('settings')
+        },
+        {
+            label: 'Find users',
+            callback: () => {
+                addSubPanel(UsersPanel);
+            },
+            group: 'users',
+            rank: -1
+        },
+        {
+            label: 'Find teams',
+            callback: () => {
+                addSubPanel(TeamsPanel);
+            },
+            group: 'teams',
+            rank: -1
         }
     ]);
 
diff --git a/src/routes/console/project-[project]/messaging/+layout.svelte b/src/routes/console/project-[project]/messaging/+layout.svelte
index 756ec0dbc..143a1f4a5 100644
--- a/src/routes/console/project-[project]/messaging/+layout.svelte
+++ b/src/routes/console/project-[project]/messaging/+layout.svelte
@@ -26,19 +26,20 @@
             },
             disabled:
                 $page.url.pathname.endsWith('topics') || $page.url.pathname.includes('message-'),
-            group: 'navigation',
+            group: 'messaging',
             rank: 1,
         },
         {
             label: 'Go to Providers',
-            keys: ['g', 'k'],
+            keys: ['g', 'p'],
             callback() {
                 goto(`/console/project-${$project.$id}/messaging/providers`);
             },
             disabled:
                 $page.url.pathname.endsWith('providers') || $page.url.pathname.includes('message-'),
-            group: 'navigation',
+            group: 'messaging',
             rank: 2,
+            forceEnable: true
         }
     ]);
 
diff --git a/src/routes/console/project-[project]/messaging/topics/topic-[topic]/+layout.svelte b/src/routes/console/project-[project]/messaging/topics/topic-[topic]/+layout.svelte
index 68777b1b6..6ec507e4f 100644
--- a/src/routes/console/project-[project]/messaging/topics/topic-[topic]/+layout.svelte
+++ b/src/routes/console/project-[project]/messaging/topics/topic-[topic]/+layout.svelte
@@ -8,7 +8,7 @@
 
     $: $registerCommands([
         {
-            label: 'Go to subscribers',
+            label: 'Go to Subscribers',
             callback() {
                 goto(
                     `/console/project-${$project.$id}/messaging/topics/topic-${topicId}/subscribers`
@@ -16,17 +16,27 @@
             },
             keys: ['g', 's'],
             disabled: $page.url.pathname.endsWith('subscribers'),
-            group: 'navigation',
+            group: 'topics',
             rank: 1
         },
         {
-            label: 'Go to activity',
+            label: 'Go to Activity',
             callback() {
                 goto(`/console/project-${$project.$id}/messaging/topics/topic-${topicId}/activity`);
             },
             keys: ['g', 'a'],
             disabled: $page.url.pathname.endsWith('activity'),
-            group: 'navigation',
+            group: 'topics',
+            rank: 1
+        },
+        {
+            label: 'Go to Overview',
+            callback() {
+                goto(`/console/project-${$project.$id}/messaging/topics/topic-${topicId}`);
+            },
+            keys: ['g', 'o'],
+            disabled: $page.url.pathname.endsWith(`topic-${topicId}`),
+            group: 'topics',
             rank: 1
         }
     ]);

From 111a2a7135462c79d28c73aef2240edd0247c375 Mon Sep 17 00:00:00 2001
From: "Thomas G. Lopes" <thomasgl@pm.me>
Date: Thu, 29 Feb 2024 16:08:12 +0000
Subject: [PATCH 3/7] latter command key override

---
 src/lib/commandCenter/commands.ts             | 25 ++++++++++++++++---
 src/lib/helpers/omit.ts                       |  7 ++++++
 .../messaging/+layout.svelte                  | 12 ++++++---
 3 files changed, 36 insertions(+), 8 deletions(-)
 create mode 100644 src/lib/helpers/omit.ts

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index c24491b6d..fffd0be31 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -5,6 +5,7 @@ import { onMount } from 'svelte';
 import { derived, writable } from 'svelte/store';
 import { nanoid } from 'nanoid/non-secure';
 import { trackEvent } from '$lib/actions/analytics';
+import { omit } from '$lib/helpers/omit';
 
 const groups = [
     'ungrouped',
@@ -73,7 +74,23 @@ export const disabledMap = writable<Map<string, boolean>>(new Map());
 
 // Derived stores
 export const commands = derived(commandMap, ($commandMap) => {
-    return Array.from($commandMap.values()).flat();
+    const res: Command[] = [];
+    const keys = new Set<string>();
+
+    const allCommands = Array.from($commandMap.values()).flat().toReversed();
+
+    for (const command of allCommands) {
+        if (isKeyedCommand(command) && !command.disabled) {
+            const keysString = command.keys.join('+');
+            if (keys.has(keysString)) {
+                res.push(omit(command, 'keys'));
+                continue;
+            }
+            keys.add(keysString);
+        }
+        res.push(command);
+    }
+    return res;
 });
 
 const commandsEnabled = derived(disabledMap, ($disabledMap) => {
@@ -113,9 +130,9 @@ function hasDisputing(command: KeyedCommand, allCommands: Command[]) {
 }
 
 export const commandCenterKeyDownHandler = derived(
-    [commandMap, commandsEnabled, wizard],
-    ([$commandMap, enabled, $wizard]) => {
-        const commandsArr = Array.from($commandMap.values()).flat();
+    [commands, commandsEnabled, wizard],
+    ([$commands, enabled, $wizard]) => {
+        const commandsArr = $commands;
         let recentKeyCodes: number[] = [];
         let validCommands: KeyedCommand[] = [];
 
diff --git a/src/lib/helpers/omit.ts b/src/lib/helpers/omit.ts
new file mode 100644
index 000000000..e91440738
--- /dev/null
+++ b/src/lib/helpers/omit.ts
@@ -0,0 +1,7 @@
+export function omit<T, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K> {
+    const ret = { ...obj };
+    for (const key of keys) {
+        delete ret[key];
+    }
+    return ret;
+}
diff --git a/src/routes/console/project-[project]/messaging/+layout.svelte b/src/routes/console/project-[project]/messaging/+layout.svelte
index 143a1f4a5..b379323a0 100644
--- a/src/routes/console/project-[project]/messaging/+layout.svelte
+++ b/src/routes/console/project-[project]/messaging/+layout.svelte
@@ -1,7 +1,12 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
     import { page } from '$app/stores';
-    import { addSubPanel, registerCommands, registerSearchers, updateCommandGroupRanks } from '$lib/commandCenter';
+    import {
+        addSubPanel,
+        registerCommands,
+        registerSearchers,
+        updateCommandGroupRanks
+    } from '$lib/commandCenter';
     import { CreateMessagePanel } from '$lib/commandCenter/panels';
     import { messagesSearcher } from '$lib/commandCenter/searchers/messages';
     import { providersSearcher } from '$lib/commandCenter/searchers/providers';
@@ -27,7 +32,7 @@
             disabled:
                 $page.url.pathname.endsWith('topics') || $page.url.pathname.includes('message-'),
             group: 'messaging',
-            rank: 1,
+            rank: 1
         },
         {
             label: 'Go to Providers',
@@ -38,8 +43,7 @@
             disabled:
                 $page.url.pathname.endsWith('providers') || $page.url.pathname.includes('message-'),
             group: 'messaging',
-            rank: 2,
-            forceEnable: true
+            rank: 2
         }
     ]);
 

From 2c54c12efc1bdaf344778c9fdebed699e1fa4759 Mon Sep 17 00:00:00 2001
From: Christy Jacob <christyjacob4@gmail.com>
Date: Fri, 1 Mar 2024 00:22:12 +0530
Subject: [PATCH 4/7] chore: add images for providers results

---
 src/lib/commandCenter/commands.ts             |  1 +
 src/lib/commandCenter/panels/root.svelte      | 10 +++++++++-
 src/lib/commandCenter/searchers/messages.ts   |  3 +--
 src/lib/commandCenter/searchers/providers.ts  | 20 ++++++-------------
 src/lib/commandCenter/searchers/topics.ts     |  2 +-
 .../console/project-[project]/+layout.svelte  |  3 ++-
 6 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index fffd0be31..959542e46 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -49,6 +49,7 @@ type BaseCommand = {
     forceEnable?: boolean;
     group?: CommandGroup;
     icon?: string;
+    image?: string;
     rank?: number;
     nested?: boolean;
     keepOpen?: boolean;
diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
index 66850914f..3aca62151 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -2,6 +2,8 @@
     This is the root command panel. It precedes all other command panels.
  -->
 <script lang="ts">
+    import { base } from '$app/paths';
+    import { app } from '$lib/stores/app';
     import { debounce } from '$lib/helpers/debounce';
     import { isMac } from '$lib/helpers/platform';
     import { commands, searchers, type Command, isKeyedCommand } from '../commands';
@@ -54,7 +56,13 @@
 <Template options={results} bind:search searchPlaceholder="Search for commands or content...">
     <div slot="option" class="u-flex u-main-space-between content" let:option={command}>
         <div class="u-flex u-gap-8 u-cross-center">
-            <i class="icon-{command.icon ?? 'arrow-sm-right'}" />
+            {#if command.image}
+                <img
+                    src={`${base}/icons/${$app.themeInUse}/color/${command.image}.svg`}
+                    alt={command.label} />
+            {:else}
+                <i class="icon-{command.icon ?? 'arrow-sm-right'}" />
+            {/if}
             <span>
                 {command.label}
             </span>
diff --git a/src/lib/commandCenter/searchers/messages.ts b/src/lib/commandCenter/searchers/messages.ts
index a9d8fc54f..7cb8ed13c 100644
--- a/src/lib/commandCenter/searchers/messages.ts
+++ b/src/lib/commandCenter/searchers/messages.ts
@@ -1,7 +1,7 @@
 import { goto } from '$app/navigation';
 import { project } from '$routes/console/project-[project]/store';
 import { get } from 'svelte/store';
-import type { Searcher } from '../commands';
+import { type Searcher } from '../commands';
 import { sdk } from '$lib/stores/sdk';
 import { MessagingProviderType } from '@appwrite.io/console';
 
@@ -34,7 +34,6 @@ const getIcon = (message) => {
 export const messagesSearcher = (async (query: string) => {
     const { messages } = await sdk.forProject.messaging.listMessages([], query || undefined);
 
-    console.log(messages);
     const projectId = get(project).$id;
 
     return messages
diff --git a/src/lib/commandCenter/searchers/providers.ts b/src/lib/commandCenter/searchers/providers.ts
index d52877db9..263a396df 100644
--- a/src/lib/commandCenter/searchers/providers.ts
+++ b/src/lib/commandCenter/searchers/providers.ts
@@ -3,24 +3,16 @@ import { project } from '$routes/console/project-[project]/store';
 import { get } from 'svelte/store';
 import type { Searcher } from '../commands';
 import { sdk } from '$lib/stores/sdk';
+import { getProviderDisplayNameAndIcon } from '$routes/console/project-[project]/messaging/provider.svelte';
 
-const getIcon = (provider) => {
-    switch (provider.type) {
-        case MessagingProviderType.Push:
-            return 'device-mobile';
-        case MessagingProviderType.Sms:
-            return 'annotation';
-        case MessagingProviderType.Email:
-            return 'mail';
-        default:
-            return 'send';
-    }
-}
+const getIcon = (provider: string) => {
+    const { icon } = getProviderDisplayNameAndIcon(provider);
+    return icon;
+};
 
 export const providersSearcher = (async (query: string) => {
     const { providers } = await sdk.forProject.messaging.listProviders([], query || undefined);
 
-    console.log(providers);
     const projectId = get(project).$id;
 
     return providers
@@ -33,7 +25,7 @@ export const providersSearcher = (async (query: string) => {
                     callback: () => {
                         goto(`/console/project-${projectId}/messaging/providers/provider-${provider.$id}`);
                     },
-                    icon: getIcon(provider),
+                    image: getIcon(provider.provider), 
                 }) as const
         );
 }) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/topics.ts b/src/lib/commandCenter/searchers/topics.ts
index 2f28f3d61..9e0ebabb1 100644
--- a/src/lib/commandCenter/searchers/topics.ts
+++ b/src/lib/commandCenter/searchers/topics.ts
@@ -19,7 +19,7 @@ export const topicsSearcher = (async (query: string) => {
                     callback: () => {
                         goto(`/console/project-${projectId}/messaging/topics/topic-${topic.$id}`);
                     },
-                    icon: 'archive',
+                    icon: 'send',
                 }) as const
         );
 }) satisfies Searcher;
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 11c9ba940..bccf46ca2 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -57,7 +57,8 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/messaging`);
             },
-            keys: $page.url.pathname.includes('messaging') ? ['m'] : ['g', 'm'],
+            keys:['g', 'm'],
+            disabled: $page.url.pathname.endsWith('messaging'),
             group: 'navigation'
         },
         {

From 161efff0d1331577d1a94d12df329b5635feab9d Mon Sep 17 00:00:00 2001
From: Christy Jacob <christyjacob4@gmail.com>
Date: Fri, 1 Mar 2024 12:56:39 +0000
Subject: [PATCH 5/7] chore: run linter

---
 src/lib/commandCenter/panels/index.ts              |  2 +-
 src/lib/commandCenter/searchers/messages.ts        |  4 ++--
 src/lib/commandCenter/searchers/providers.ts       |  8 +++++---
 src/lib/commandCenter/searchers/topics.ts          |  4 ++--
 .../console/project-[project]/+layout.svelte       |  2 +-
 .../collection-[collection]/+layout.svelte         | 14 ++++++++++----
 6 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/lib/commandCenter/panels/index.ts b/src/lib/commandCenter/panels/index.ts
index b527b2340..a3a139fb3 100644
--- a/src/lib/commandCenter/panels/index.ts
+++ b/src/lib/commandCenter/panels/index.ts
@@ -83,4 +83,4 @@ import CreateMessage from './createMessage.svelte';
 export const CreateMessagePanel: SubPanel = {
     name: 'Create Message',
     component: CreateMessage
-};
\ No newline at end of file
+};
diff --git a/src/lib/commandCenter/searchers/messages.ts b/src/lib/commandCenter/searchers/messages.ts
index 7cb8ed13c..5f498a951 100644
--- a/src/lib/commandCenter/searchers/messages.ts
+++ b/src/lib/commandCenter/searchers/messages.ts
@@ -29,7 +29,7 @@ const getIcon = (message) => {
         default:
             return 'send';
     }
-}
+};
 
 export const messagesSearcher = (async (query: string) => {
     const { messages } = await sdk.forProject.messaging.listMessages([], query || undefined);
@@ -46,7 +46,7 @@ export const messagesSearcher = (async (query: string) => {
                     callback: () => {
                         goto(`/console/project-${projectId}/messaging/message-${message.$id}`);
                     },
-                    icon: getIcon(message),
+                    icon: getIcon(message)
                 }) as const
         );
 }) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/providers.ts b/src/lib/commandCenter/searchers/providers.ts
index 263a396df..b4df4f797 100644
--- a/src/lib/commandCenter/searchers/providers.ts
+++ b/src/lib/commandCenter/searchers/providers.ts
@@ -21,11 +21,13 @@ export const providersSearcher = (async (query: string) => {
             (provider) =>
                 ({
                     group: 'providers',
-                    label:  provider.name,
+                    label: provider.name,
                     callback: () => {
-                        goto(`/console/project-${projectId}/messaging/providers/provider-${provider.$id}`);
+                        goto(
+                            `/console/project-${projectId}/messaging/providers/provider-${provider.$id}`
+                        );
                     },
-                    image: getIcon(provider.provider), 
+                    image: getIcon(provider.provider)
                 }) as const
         );
 }) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/topics.ts b/src/lib/commandCenter/searchers/topics.ts
index 9e0ebabb1..eaa11dbd2 100644
--- a/src/lib/commandCenter/searchers/topics.ts
+++ b/src/lib/commandCenter/searchers/topics.ts
@@ -15,11 +15,11 @@ export const topicsSearcher = (async (query: string) => {
             (topic) =>
                 ({
                     group: 'topics',
-                    label:  topic.name,
+                    label: topic.name,
                     callback: () => {
                         goto(`/console/project-${projectId}/messaging/topics/topic-${topic.$id}`);
                     },
-                    icon: 'send',
+                    icon: 'send'
                 }) as const
         );
 }) satisfies Searcher;
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index bccf46ca2..a2cdf33f5 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -57,7 +57,7 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/messaging`);
             },
-            keys:['g', 'm'],
+            keys: ['g', 'm'],
             disabled: $page.url.pathname.endsWith('messaging'),
             group: 'navigation'
         },
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
index 2543f11fc..004e4e971 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
@@ -144,7 +144,9 @@
                 );
             },
             group: 'collections',
-            disabled: $page.url.pathname.endsWith('display-name') || $page.url.pathname.endsWith('settings'),
+            disabled:
+                $page.url.pathname.endsWith('display-name') ||
+                $page.url.pathname.endsWith('settings'),
             icon: 'eye'
         },
         {
@@ -155,8 +157,10 @@
                 );
             },
             group: 'collections',
-            disabled: $page.url.pathname.endsWith('permissions') || $page.url.pathname.endsWith('settings'),
-            icon: 'puzzle',
+            disabled:
+                $page.url.pathname.endsWith('permissions') ||
+                $page.url.pathname.endsWith('settings'),
+            icon: 'puzzle'
         },
         {
             label: 'Document security',
@@ -166,7 +170,9 @@
                 );
             },
             group: 'collections',
-            disabled: $page.url.pathname.endsWith('document-security') || $page.url.pathname.endsWith('settings'),
+            disabled:
+                $page.url.pathname.endsWith('document-security') ||
+                $page.url.pathname.endsWith('settings'),
             icon: 'lock-closed'
         },
         {

From 07d2cb1869583f18b61ceae6112808709afd3ac8 Mon Sep 17 00:00:00 2001
From: Christy Jacob <christyjacob4@gmail.com>
Date: Fri, 1 Mar 2024 14:03:13 +0000
Subject: [PATCH 6/7] chore: remove the navigation to account

---
 src/routes/console/+layout.svelte | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index cca3baecb..fad67ef9b 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -77,15 +77,6 @@
             icon: 'sparkles',
             disabled: !isAssistantEnabled
         },
-        {
-            label: 'Go to Account',
-            callback: () => {
-                goto('/console/account');
-            },
-            keys: ['g', 'i'],
-            group: 'navigation',
-            rank: -2
-        },
         {
             label: 'Create new organization',
             callback: () => {

From f20b9aa89973d34f7aa92a8716e4f2d63626736c Mon Sep 17 00:00:00 2001
From: Christy Jacob <christyjacob4@gmail.com>
Date: Fri, 1 Mar 2024 14:24:42 +0000
Subject: [PATCH 7/7] chore: fix tests

---
 src/lib/commandCenter/panels/createMessage.svelte | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/lib/commandCenter/panels/createMessage.svelte b/src/lib/commandCenter/panels/createMessage.svelte
index e1f61c879..db1cd5437 100644
--- a/src/lib/commandCenter/panels/createMessage.svelte
+++ b/src/lib/commandCenter/panels/createMessage.svelte
@@ -2,14 +2,13 @@
     import { providers } from '$routes/console/project-[project]/messaging/providers/store';
     import {
         messageParams,
-        operation,
         providerType,
         targetsById
     } from '$routes/console/project-[project]/messaging/wizard/store';
     import { MessagingProviderType } from '@appwrite.io/console';
     import Template from './template.svelte';
     import { wizard } from '$lib/stores/wizard';
-    import Wizard from '$routes/console/project-[project]/messaging/wizard.svelte';
+    import Create from '$routes/console/project-[project]/messaging/create.svelte';
     import { topicsById } from '$routes/console/project-[project]/messaging/store';
 
     let search = '';
@@ -19,7 +18,6 @@
             label: option.name,
             icon: option.icon,
             callback() {
-                console.log('startWizard', option.name);
                 if (
                     type !== MessagingProviderType.Email &&
                     type !== MessagingProviderType.Sms &&
@@ -27,7 +25,6 @@
                 )
                     return;
                 $providerType = type;
-                $operation = 'create';
                 $topicsById = {};
                 $targetsById = {};
                 const common = {
@@ -58,7 +55,7 @@
                         };
                         break;
                 }
-                wizard.start(Wizard);
+                wizard.start(Create);
             }
         };
     });