From 801eed89a49abad25f28580f7015b1f02159b66a Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 00:24:47 +0530
Subject: [PATCH 01/13] move filters button to right side and fix search
 placeholder

---
 .../layout/responsiveContainerHeader.svelte   |  4 +-
 .../messaging/providers/+page.svelte          | 42 +++++++++----------
 2 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/src/lib/layout/responsiveContainerHeader.svelte b/src/lib/layout/responsiveContainerHeader.svelte
index 0f5358a029..29eed0f56c 100644
--- a/src/lib/layout/responsiveContainerHeader.svelte
+++ b/src/lib/layout/responsiveContainerHeader.svelte
@@ -106,11 +106,11 @@
                     {#if hasSearch}
                         <SearchQuery placeholder={searchPlaceholder} />
                     {/if}
+                </Layout.Stack>
+                <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
                     {#if hasFilters && $columns?.length}
                         <QuickFilters {columns} {analyticsSource} {filterCols} />
                     {/if}
-                </Layout.Stack>
-                <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
                     {#if hasDisplaySettings}
                         <ViewSelector ui="new" {view} {columns} {hideView} {hideColumns} />
                     {/if}
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte
index 85b132238d..8086a93bda 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte
@@ -3,19 +3,17 @@
     import { Button } from '$lib/elements/forms';
     import {
         EmptySearch,
-        SearchQuery,
         PaginationWithLimit,
-        ViewSelector,
         EmptyFilter
     } from '$lib/components';
-    import { Container } from '$lib/layout';
+    import { Container, ResponsiveContainerHeader } from '$lib/layout';
     import { columns } from './store';
-    import { Filters, hasPageQueries } from '$lib/components/filters';
+    import { hasPageQueries } from '$lib/components/filters';
     import CreateProviderDropdown from './createProviderDropdown.svelte';
     import Table from './table.svelte';
     import { base } from '$app/paths';
     import { canWriteProviders } from '$lib/stores/roles';
-    import { Card, Layout, Empty, Icon } from '@appwrite.io/pink-svelte';
+    import { Card, Empty, Icon } from '@appwrite.io/pink-svelte';
     import { View } from '$lib/helpers/load';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
 
@@ -23,23 +21,23 @@
 </script>
 
 <Container>
-    <Layout.Stack direction="row" justifyContent="space-between">
-        <Layout.Stack direction="row" alignItems="center">
-            <SearchQuery placeholder="Search providers" />
-        </Layout.Stack>
-        <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
-            <Filters query={data.query} {columns} analyticsSource="messaging_providers" />
-            <ViewSelector ui="new" view={View.Table} {columns} hideView />
-            {#if $canWriteProviders}
-                <CreateProviderDropdown let:toggle>
-                    <Button on:click={toggle} event="create_provider">
-                        <Icon icon={IconPlus} slot="start" size="s" />
-                        Create provider
-                    </Button>
-                </CreateProviderDropdown>
-            {/if}
-        </Layout.Stack>
-    </Layout.Stack>
+    <ResponsiveContainerHeader
+        {columns}
+        view={View.Table}
+        hideView
+        hasFilters
+        hasSearch
+        analyticsSource="messaging_providers"
+        searchPlaceholder="Search by name or ID">
+        {#if $canWriteProviders}
+            <CreateProviderDropdown let:toggle>
+                <Button on:click={toggle} event="create_provider">
+                    <Icon icon={IconPlus} slot="start" size="s" />
+                    Create provider
+                </Button>
+            </CreateProviderDropdown>
+        {/if}
+    </ResponsiveContainerHeader>
 
     {#if data.providers.total}
         <Table {data} />

From b8a472f3c203686d5e43efa7e8215bd36e8db614 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 15:17:56 +0530
Subject: [PATCH 02/13] lint issue

---
 .../messaging/providers/+page.svelte                        | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte
index 8086a93bda..e1e5d1c4f8 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte
@@ -1,11 +1,7 @@
 <script lang="ts">
     import { page } from '$app/state';
     import { Button } from '$lib/elements/forms';
-    import {
-        EmptySearch,
-        PaginationWithLimit,
-        EmptyFilter
-    } from '$lib/components';
+    import { EmptySearch, PaginationWithLimit, EmptyFilter } from '$lib/components';
     import { Container, ResponsiveContainerHeader } from '$lib/layout';
     import { columns } from './store';
     import { hasPageQueries } from '$lib/components/filters';

From 69d2cd6f6422846aaf6cbf39458997a856738a54 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 15:29:48 +0530
Subject: [PATCH 03/13] removed button and using link in updateTopics

---
 .../message-[message]/updateTopics.svelte       | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTopics.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTopics.svelte
index a96e1830b6..2031586ca1 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTopics.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTopics.svelte
@@ -16,6 +16,7 @@
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
     import { Icon, Layout, Table, Typography } from '@appwrite.io/pink-svelte';
     import { page } from '$app/state';
+    import { Link } from '$lib/elements';
 
     export let message: Models.Message;
     export let selectedTopicsById: Record<string, Models.Topic>;
@@ -141,17 +142,13 @@
                 <Empty on:click={() => (showTopics = true)}>Add a topic</Empty>
             {:else}
                 <Card.Base padding="none">
-                    <PinkEmpty
-                        type="secondary"
-                        title="No topics were selected"
-                        description="No topics were selected for this message. Need a hand? Check out our documentation.">
-                        <svelte:fragment slot="actions">
-                            <Button
-                                secondary
+                    <PinkEmpty type="secondary" title="No topics were selected">
+                        <svelte:fragment slot="description">
+                            Need a hand? Check out our <Link
+                                variant="muted"
                                 href="https://appwrite.io/docs/products/messaging/topics"
-                                external>
-                                Documentation
-                            </Button>
+                                >documentation</Link
+                            >.
                         </svelte:fragment>
                     </PinkEmpty>
                 </Card.Base>

From 5cb9b634f9e01232df3c2242e721d8eb04bb0756 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 15:34:56 +0530
Subject: [PATCH 04/13] Unnecessary padding above Name input

---
 src/lib/layout/wizardStep.svelte | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/lib/layout/wizardStep.svelte b/src/lib/layout/wizardStep.svelte
index 4b64ae4455..7ab7e88945 100644
--- a/src/lib/layout/wizardStep.svelte
+++ b/src/lib/layout/wizardStep.svelte
@@ -21,14 +21,16 @@
 </script>
 
 <Layout.Stack>
-    <header class="form-header" class:hide-divider={!$$slots.subtitle}>
-        <Typography.Title><slot name="title" /></Typography.Title>
-        {#if $$slots.subtitle}
-            <p>
-                <slot name="subtitle" />
-            </p>
-        {/if}
-    </header>
+    {#if $$slots.title || $$slots.subtitle}
+        <header class="form-header" class:hide-divider={!$$slots.subtitle}>
+            <Typography.Title><slot name="title" /></Typography.Title>
+            {#if $$slots.subtitle}
+                <p>
+                    <slot name="subtitle" />
+                </p>
+            {/if}
+        </header>
+    {/if}
 
     <slot />
 </Layout.Stack>

From 448ab6651729431aedc6e1e145c594971aa507cf Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 15:44:20 +0530
Subject: [PATCH 05/13] Remove unnecessary extra spacing here

---
 src/lib/layout/wizardStep.svelte | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/lib/layout/wizardStep.svelte b/src/lib/layout/wizardStep.svelte
index 7ab7e88945..591fb62e8e 100644
--- a/src/lib/layout/wizardStep.svelte
+++ b/src/lib/layout/wizardStep.svelte
@@ -22,8 +22,13 @@
 
 <Layout.Stack>
     {#if $$slots.title || $$slots.subtitle}
-        <header class="form-header" class:hide-divider={!$$slots.subtitle}>
-            <Typography.Title><slot name="title" /></Typography.Title>
+        <header
+            class="form-header"
+            class:hide-divider={!$$slots.subtitle}
+            class:only-subtitle={!$$slots.title && $$slots.subtitle}>
+            {#if $$slots.title}
+                <Typography.Title><slot name="title" /></Typography.Title>
+            {/if}
             {#if $$slots.subtitle}
                 <p>
                     <slot name="subtitle" />
@@ -44,4 +49,8 @@
         padding-block-end: 0;
         border-block-end: none;
     }
+
+    .only-subtitle {
+        margin-block-end: 0.5rem;
+    }
 </style>

From dbee85e982e43d319e33f4b64b5f32a53a59d625 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 15:50:25 +0530
Subject: [PATCH 06/13] Read the guide in the docs should open a new tab

---
 .../messaging/providers/create.svelte                         | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
index a26def4fd9..96da3d9e9e 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
@@ -227,7 +227,9 @@
                         hasDivider
                         href={`https://appwrite.io/docs/products/messaging/${$provider}`}
                         title="Read the guide in the docs"
-                        icon={IconBookOpen} />
+                        icon={IconBookOpen}
+                        target="_blank"
+                        rel="noreferrer" />
                     <ActionList.Item.Button
                         on:click={() => {
                             $newMemberModal = true;

From 13c68f00e830bd6b1ae040bebaf2bcf68027283a Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 15:55:35 +0530
Subject: [PATCH 07/13] Add wizard footer with Create button (Currently we have
 a divider and a button in the wrong place)

---
 .../messaging/providers/create.svelte                | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
index 96da3d9e9e..a2b6160d58 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
@@ -21,6 +21,8 @@
     import { providers } from './store';
     import CreateMember from '$routes/(console)/organization-[organization]/createMember.svelte';
 
+    let formRef: any;
+
     async function create() {
         try {
             let response: Models.Provider;
@@ -185,7 +187,7 @@
 </script>
 
 <Wizard title="Create provider" columnSize="l">
-    <Form onSubmit={create} isModal={false}>
+    <Form bind:this={formRef} onSubmit={create} isModal={false}>
         <Layout.Stack gap="xxl">
             <Fieldset legend="Provider">
                 <Provider />
@@ -193,9 +195,6 @@
             <Fieldset legend="Settings">
                 <Settings />
             </Fieldset>
-            <Layout.Stack justifyContent="flex-end" direction="row">
-                <Button submit>Create</Button>
-            </Layout.Stack>
         </Layout.Stack>
     </Form>
     <svelte:fragment slot="aside">
@@ -243,4 +242,9 @@
     {#if $newMemberModal}
         <CreateMember bind:showCreate={$newMemberModal} />
     {/if}
+    <svelte:fragment slot="footer">
+        <Layout.Stack justifyContent="flex-end" direction="row">
+            <Button on:click={() => formRef.triggerSubmit()}>Create</Button>
+        </Layout.Stack>
+    </svelte:fragment>
 </Wizard>

From a41cfd895834a72b7aa27fab57e60580ed4be12e Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 19:30:57 +0530
Subject: [PATCH 08/13] fix subscribers screen

---
 .../messaging/topics/topic-[topic]/+page.svelte             | 6 ++----
 .../messaging/userTargetsModal.svelte                       | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.svelte
index 338601be6d..f7aac1d13c 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.svelte
@@ -71,9 +71,7 @@
             await Promise.all(promises);
             addNotification({
                 type: 'success',
-                message: `Added ${targetIds.length} subscriber${
-                    targetIds.length > 1 ? 's' : ''
-                } to topic`
+                message: `${targetIds.length} subscriber${targetIds.length !== 1 ? 's' : ''} have been added`
             });
             trackEvent(Submit.MessagingTopicSubscriberAdd);
             await invalidate(Dependencies.MESSAGING_TOPIC_SUBSCRIBERS);
@@ -146,7 +144,7 @@
                 href="https://appwrite.io/docs/products/messaging/topics#subscribe-targets-to-topics"
                 target="_blank"
                 rel="noopener noreferrer"
-                class="link">Learn more about subscribers</a
+                class="link">Learn more</a
             >.
         </p>
     </svelte:fragment>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/userTargetsModal.svelte b/src/routes/(console)/project-[region]-[project]/messaging/userTargetsModal.svelte
index 8478762f1c..179c869d9a 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/userTargetsModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/userTargetsModal.svelte
@@ -216,7 +216,7 @@
                 <Badge variant="secondary" content={selectedUsers.toString()} />
                 <span>Users selected</span>
             </Layout.Stack>
-            <Button submit disabled={!hasSelection}>Add</Button>
+            <Button submit disabled={!hasSelection}>Create</Button>
         </Layout.Stack>
     </svelte:fragment>
 </Modal>

From 8a9efc1457ebf094082307c4b49876f1d0d0db92 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 19:37:29 +0530
Subject: [PATCH 09/13] fixed the width of provider popup

---
 .../messaging/providers/popoverContent.svelte         | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/popoverContent.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/popoverContent.svelte
index 7b9a1e7239..335b3bc281 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/popoverContent.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/popoverContent.svelte
@@ -1,21 +1,28 @@
 <script lang="ts">
     import { ImagePreview } from '$lib/components';
+    import { Layout } from '@appwrite.io/pink-svelte';
 
     export let lines = [];
     export let image: { src: { dark: string; light: string }; alt: string } | null = null;
 </script>
 
-<div class="u-flex-vertical u-gap-16">
+<div class="u-flex-vertical u-gap-16 popover-content">
     {#each lines as line}
         <p>{@html line}</p>
     {/each}
 
     {#if image}
-        <ImagePreview darkSrc={image.src.dark} lightSrc={image.src.light} alt={image.alt} />
+        <Layout.Stack class="image-wrapper">
+            <ImagePreview darkSrc={image.src.dark} lightSrc={image.src.light} alt={image.alt} />
+        </Layout.Stack>
     {/if}
 </div>
 
 <style>
+    .popover-content {
+        max-inline-size: 260px;
+    }
+
     div > p {
         color: hsl(var(--color-neutral-50));
 

From 77b01de9e408d2568e19d7d7d0b89e9b4a51ccbc Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 19:50:55 +0530
Subject: [PATCH 10/13] fixed align action menu issue

---
 .../messaging/createMessageDropdown.svelte                      | 2 +-
 .../messaging/providers/createProviderDropdown.svelte           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/messaging/createMessageDropdown.svelte b/src/routes/(console)/project-[region]-[project]/messaging/createMessageDropdown.svelte
index 49e018a16f..e91f92669d 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/createMessageDropdown.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/createMessageDropdown.svelte
@@ -7,7 +7,7 @@
     import { page } from '$app/state';
 </script>
 
-<Popover let:toggle padding="none" placement="bottom-end">
+<Popover let:toggle padding="none" placement="bottom-start">
     <slot {toggle}>
         <Button on:click={toggle} event="create_message">
             <Icon icon={IconPlus} slot="start" size="s" />
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/createProviderDropdown.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/createProviderDropdown.svelte
index ea8f548396..b210dc61b8 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/createProviderDropdown.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/createProviderDropdown.svelte
@@ -9,7 +9,7 @@
     import { ActionMenu, Popover } from '@appwrite.io/pink-svelte';
 </script>
 
-<Popover let:toggle padding="none" placement="bottom-end">
+<Popover let:toggle padding="none" placement="bottom-start">
     <slot {toggle} />
     <ActionMenu.Root slot="tooltip">
         {#each Object.entries(providers) as [type, option]}

From 6bfa0072b962636d70cd1379da75d9fea16dacd1 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 20:12:39 +0530
Subject: [PATCH 11/13] refactor the flow for push notifcations

---
 .../(type)/(components)/schedule.svelte       | 36 +++++++++----------
 .../create-[type]/(type)/email.svelte         |  2 +-
 .../create-[type]/(type)/push.svelte          |  2 +-
 .../messaging/create-[type]/(type)/sms.svelte |  2 +-
 4 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/(components)/schedule.svelte b/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/(components)/schedule.svelte
index 115c5a4d24..c6ab1e4e99 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/(components)/schedule.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/(components)/schedule.svelte
@@ -21,15 +21,18 @@
 
     const options = [
         { label: 'Now', value: 'now' },
-        { label: 'Schedule', value: 'later' }
+        { label: 'Custom', value: 'later' }
     ];
 
-    const formatOptions: Intl.DateTimeFormatOptions = {
+    const dateOptions: Intl.DateTimeFormatOptions = {
         month: 'long',
         day: 'numeric',
-        year: 'numeric',
+        year: 'numeric'
+    };
+    const timeOptions: Intl.DateTimeFormatOptions = {
         hour: 'numeric',
         minute: 'numeric',
+        second: 'numeric',
         hourCycle: 'h23',
         timeZoneName: 'longGeneric'
     };
@@ -57,28 +60,23 @@
 </script>
 
 <Layout.Stack>
-    <InputSelect id="when" required {options} bind:value={when} />
-    <InputDate
-        id="date"
-        label="Date"
-        disabled={when === 'now'}
-        required={when === 'later'}
-        min={minDate}
-        bind:value={date} />
-    <InputTime
-        id="time"
-        label="Time"
-        disabled={when === 'now'}
-        required={when === 'later'}
-        min={minTime}
-        bind:value={time} />
+    <InputSelect id="when" label="Schedule" required {options} bind:value={when} />
+    {#if when === 'later'}
+        <Layout.Stack direction="row" gap="m">
+            <InputDate id="date" min={minDate} bind:value={date} required />
+            <InputTime id="time" min={minTime} bind:value={time} required />
+        </Layout.Stack>
+    {/if}
     <Helper type="neutral">
         {#if when === 'now'}
             The message will be sent immediately
         {:else if !dateTime || isNaN(dateTime.getTime())}
             The message will be sent later
         {:else}
-            The message will be sent at {dateTime.toLocaleString('en', formatOptions)}
+            The message will be sent on {dateTime.toLocaleDateString('en', dateOptions)} at {dateTime.toLocaleTimeString(
+                'en',
+                timeOptions
+            )}
         {/if}
     </Helper>
 </Layout.Stack>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/email.svelte b/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/email.svelte
index 42d352d8e5..ff7c0c9280 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/email.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/email.svelte
@@ -133,7 +133,7 @@
             <Fieldset legend="Targets">
                 <Targets type={MessagingProviderType.Email} bind:topics bind:targets />
             </Fieldset>
-            <Fieldset legend="Schedule">
+            <Fieldset legend="Settings">
                 <Schedule bind:scheduledAt {targets} />
             </Fieldset>
         </Layout.Stack>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/push.svelte b/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/push.svelte
index 415504dae1..727e5e7160 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/push.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/push.svelte
@@ -187,7 +187,7 @@
             <Fieldset legend="Targets">
                 <Targets type={MessagingProviderType.Push} bind:topics bind:targets />
             </Fieldset>
-            <Fieldset legend="Schedule">
+            <Fieldset legend="Settings">
                 <Schedule bind:scheduledAt {targets} />
             </Fieldset>
         </Layout.Stack>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/sms.svelte b/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/sms.svelte
index a1f88d7a3c..102c20196c 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/sms.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/sms.svelte
@@ -115,7 +115,7 @@
             <Fieldset legend="Targets">
                 <Targets type={MessagingProviderType.Sms} bind:topics bind:targets />
             </Fieldset>
-            <Fieldset legend="Schedule">
+            <Fieldset legend="Settings">
                 <Schedule bind:scheduledAt {targets} />
             </Fieldset>
         </Layout.Stack>

From 3393329ca82e158cbfc2c09de22b796c0b95c630 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 20:31:31 +0530
Subject: [PATCH 12/13] Fix topics modal target counts based on provider typr 
 and resolve double-click issue in topics selection using derived selection
 state

---
 .../messaging/topicsModal.svelte              | 24 +++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topicsModal.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topicsModal.svelte
index bd24b5cd3a..283020da65 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topicsModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topicsModal.svelte
@@ -4,7 +4,6 @@
     import { sdk } from '$lib/stores/sdk';
     import { MessagingProviderType, type Models, Query } from '@appwrite.io/console';
     import { createEventDispatcher } from 'svelte';
-    import { getTotal } from './wizard/store';
     import {
         Badge,
         Card,
@@ -33,6 +32,19 @@
 
     let emptyTopicsExists = false;
 
+    function getTopicTotal(topic: Models.Topic): number {
+        switch (providerType) {
+            case MessagingProviderType.Email:
+                return topic.emailTotal;
+            case MessagingProviderType.Sms:
+                return topic.smsTotal;
+            case MessagingProviderType.Push:
+                return topic.pushTotal;
+            default:
+                return 0;
+        }
+    }
+
     function reset() {
         offset = 0;
         search = '';
@@ -105,6 +117,10 @@
     $: if (show) {
         selected = topicsById;
     }
+
+    $: topicSelectionStates = Object.fromEntries(
+        Object.keys(topicResultsById).map((id) => [id, !!selected[id]])
+    );
 </script>
 
 <Modal {title} bind:show onSubmit={submit} on:close={reset}>
@@ -128,11 +144,11 @@
                                     id={topicId}
                                     label={topic.name}
                                     disabled={!!topicsById[topicId]}
-                                    checked={!!selected[topicId]}
+                                    checked={topicSelectionStates[topicId] || false}
                                     on:change={(event) => onTopicSelection(event, topic)}>
                                 </Selector.Checkbox>
                                 <span>
-                                    ({getTotal(topic)} targets)
+                                    ({getTopicTotal(topic)} targets)
                                 </span>
                             </Layout.Stack>
                         </Table.Cell>
@@ -174,7 +190,7 @@
                 <Badge variant="secondary" content={selectedSize.toString()} />
                 <span>Topics selected</span>
             </Layout.Stack>
-            <Button submit disabled={!hasSelection}>Add</Button>
+            <Button submit disabled={!hasSelection}>Create</Button>
         </Layout.Stack>
     </svelte:fragment>
 </Modal>

From 71997d2739a7a12407a449e2b54e47b2566a40f0 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 30 Sep 2025 20:37:30 +0530
Subject: [PATCH 13/13] remove any

---
 .../messaging/providers/create.svelte                           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
index a2b6160d58..e8a711d863 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
@@ -21,7 +21,7 @@
     import { providers } from './store';
     import CreateMember from '$routes/(console)/organization-[organization]/createMember.svelte';
 
-    let formRef: any;
+    let formRef: Form;
 
     async function create() {
         try {