From 2adf2a7c52accac3d0bfec4f762a25ee79fe3b22 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 7 May 2025 10:57:49 +0200
Subject: [PATCH 1/7] fix: repo screens

---
 src/lib/components/git/repositories.svelte     | 18 +++++++++++++++---
 .../create-site/repositories/+page.svelte      |  5 +++--
 .../sites/site-[site]/deployments/+page.svelte |  2 +-
 .../deployments/cancelDeploymentModal.svelte   |  2 +-
 4 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/git/repositories.svelte b/src/lib/components/git/repositories.svelte
index 28091632c..b22307664 100644
--- a/src/lib/components/git/repositories.svelte
+++ b/src/lib/components/git/repositories.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { EmptySearch, Paginator } from '$lib/components';
+    import { Empty, EmptySearch, Paginator } from '$lib/components';
     import { Button, InputSearch, InputSelect } from '$lib/elements/forms';
     import { timeFromNow } from '$lib/helpers/date';
     import { sdk } from '$lib/stores/sdk';
@@ -20,6 +20,7 @@
     import { VCSDetectionType, type Models } from '@appwrite.io/console';
     import { getFrameworkIcon } from '$lib/stores/sites';
     import { connectGitHub } from '$lib/stores/git';
+    import Card from '../card.svelte';
 
     let {
         action = $bindable('select'),
@@ -147,7 +148,10 @@
                             );
                         }}
                         bind:value={selectedInstallation} />
-                    <InputSearch placeholder="Search repositories" bind:value={search} />
+                    <InputSearch
+                        placeholder="Search repositories"
+                        bind:value={search}
+                        disabled={!search && !$repositories?.repositories?.length} />
                 </Layout.Stack>
             {/await}
         </Layout.Stack>
@@ -259,7 +263,7 @@
                             </Table.Root>
                         {/snippet}
                     </Paginator>
-                {:else}
+                {:else if search}
                     <EmptySearch hidePages hidePagination bind:search target="repositories">
                         <svelte:fragment slot="actions">
                             {#if search}
@@ -269,6 +273,14 @@
                             {/if}
                         </svelte:fragment>
                     </EmptySearch>
+                {:else}
+                    <Card>
+                        <Layout.Stack alignItems="center" justifyContent="center">
+                            <Typography.Text variation="m-500" color="--fgcolor-neutral-tertiary">
+                                No repositories available
+                            </Typography.Text>
+                        </Layout.Stack>
+                    </Card>
                 {/if}
             {/await}
         {/if}
diff --git a/src/routes/(console)/project-[project]/sites/create-site/repositories/+page.svelte b/src/routes/(console)/project-[project]/sites/create-site/repositories/+page.svelte
index 8f1ecc15b..c89960343 100644
--- a/src/routes/(console)/project-[project]/sites/create-site/repositories/+page.svelte
+++ b/src/routes/(console)/project-[project]/sites/create-site/repositories/+page.svelte
@@ -57,8 +57,9 @@
                             Missing a repository?
                         </Typography.Text>
                         <Typography.Text variation="m-400">
-                            Check your permissions in GitHub, your repository might be set to
-                            private.
+                            Make sure Appwrite has access to your GitHub repositories. If you chose
+                            specific repos, you may need to update your permissions to include the
+                            missing one.
                         </Typography.Text>
                     </Layout.Stack>
                     <Layout.Stack gap="s" direction="row">
diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/+page.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/+page.svelte
index 5d979e189..84bf92f15 100644
--- a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/+page.svelte
+++ b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/+page.svelte
@@ -82,7 +82,7 @@
                 hasFilters
                 analyticsSource="site_deployments"
                 hideView>
-                <Popover padding="none" let:toggle>
+                <Popover padding="none" let:toggle placement="bottom-end">
                     <Button size="s" on:click={toggle}>
                         <Icon size="s" icon={IconPlus} />
                         Create deployment
diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/cancelDeploymentModal.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/cancelDeploymentModal.svelte
index 0de8f95f4..d3308394f 100644
--- a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/cancelDeploymentModal.svelte
+++ b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/cancelDeploymentModal.svelte
@@ -36,6 +36,6 @@
     <p data-private>Are you sure you want to cancel this deployment?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showCancel = false)}>Cancel</Button>
-        <Button secondary submit>Continue</Button>
+        <Button submit>Confirm</Button>
     </svelte:fragment>
 </Confirm>

From f563a2eb71533272f54bca5a206f23d3d8b19f23 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 7 May 2025 11:18:45 +0200
Subject: [PATCH 2/7] fix: paddings for menus

---
 src/lib/components/filters/quickfiltersSubMenu.svelte       | 2 +-
 src/lib/components/git/deploymentDomains.svelte             | 4 ++--
 .../template-[template]/configuration.svelte                | 6 +++---
 .../(components)/downloadActionMenuItem.svelte              | 2 +-
 .../sites/(components)/deploymentActionMenu.svelte          | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/filters/quickfiltersSubMenu.svelte b/src/lib/components/filters/quickfiltersSubMenu.svelte
index ee8fe67f4..9b4c3275c 100644
--- a/src/lib/components/filters/quickfiltersSubMenu.svelte
+++ b/src/lib/components/filters/quickfiltersSubMenu.svelte
@@ -34,7 +34,7 @@
 </script>
 
 <div use:melt={$subTrigger}>
-    <ActionMenu.Root noPadding>
+    <ActionMenu.Root>
         <ActionMenu.Item.Button trailingIcon={IconChevronRight}>
             {filter.title}
         </ActionMenu.Item.Button>
diff --git a/src/lib/components/git/deploymentDomains.svelte b/src/lib/components/git/deploymentDomains.svelte
index bb6ed3942..f588cc57c 100644
--- a/src/lib/components/git/deploymentDomains.svelte
+++ b/src/lib/components/git/deploymentDomains.svelte
@@ -42,12 +42,12 @@
         </Link>
 
         {#if sortedDomains.length > 1}
-            <Popover padding="none" let:toggle>
+            <Popover padding="none" let:toggle placement="bottom-end">
                 <Tag size="xs" on:click={toggle}>
                     +{sortedDomains.length - 1}
                 </Tag>
                 <svelte:fragment slot="tooltip">
-                    <ActionMenu.Root>
+                    <ActionMenu.Root width="20px">
                         {#each sortedDomains as rule, i}
                             {#if i !== 0}
                                 <ActionMenu.Item.Anchor
diff --git a/src/routes/(console)/project-[project]/functions/create-function/template-[template]/configuration.svelte b/src/routes/(console)/project-[project]/functions/create-function/template-[template]/configuration.svelte
index 3282ff961..eb3898442 100644
--- a/src/routes/(console)/project-[project]/functions/create-function/template-[template]/configuration.svelte
+++ b/src/routes/(console)/project-[project]/functions/create-function/template-[template]/configuration.svelte
@@ -93,7 +93,7 @@
                                         bind:value={variable.value} />
                                 </Layout.Stack>
                                 <Layout.Stack gap="s" justifyContent="flex-end" inline>
-                                    <Popover let:toggle>
+                                    <Popover let:toggle placement="bottom-end">
                                         <Button
                                             secondary
                                             icon
@@ -101,7 +101,7 @@
                                                 e.preventDefault();
                                                 toggle(e);
                                             }}>
-                                            <Icon size="s" icon={IconInfo} /></Button>
+                                            <Icon icon={IconInfo} /></Button>
                                         <p slot="tooltip">{@html variable.description}</p>
                                     </Popover>
                                 </Layout.Stack>
@@ -134,7 +134,7 @@
                                         bind:value={variable.value} />
                                 </Layout.Stack>
                                 <Layout.Stack gap="s" justifyContent="flex-end" inline>
-                                    <Popover let:toggle>
+                                    <Popover let:toggle placement="bottom-end">
                                         <Button
                                             secondary
                                             icon
diff --git a/src/routes/(console)/project-[project]/functions/function-[function]/(components)/downloadActionMenuItem.svelte b/src/routes/(console)/project-[project]/functions/function-[function]/(components)/downloadActionMenuItem.svelte
index 51228b158..b91ee6d6f 100644
--- a/src/routes/(console)/project-[project]/functions/function-[function]/(components)/downloadActionMenuItem.svelte
+++ b/src/routes/(console)/project-[project]/functions/function-[function]/(components)/downloadActionMenuItem.svelte
@@ -16,7 +16,7 @@
             <ActionMenu.Item.Button trailingIcon={IconDownload}>Download</ActionMenu.Item.Button>
         </ActionMenu.Root>
         <svelte:fragment slot="menu">
-            <ActionMenu.Root noPadding>
+            <ActionMenu.Root>
                 <ActionMenu.Item.Anchor
                     on:click={toggle}
                     href={getSourceDownload(page.params.function, deployment.$id)}
diff --git a/src/routes/(console)/project-[project]/sites/(components)/deploymentActionMenu.svelte b/src/routes/(console)/project-[project]/sites/(components)/deploymentActionMenu.svelte
index 30c518c31..7cd9df5d1 100644
--- a/src/routes/(console)/project-[project]/sites/(components)/deploymentActionMenu.svelte
+++ b/src/routes/(console)/project-[project]/sites/(components)/deploymentActionMenu.svelte
@@ -85,7 +85,7 @@
                         </ActionMenu.Item.Button>
                     </ActionMenu.Root>
                     <svelte:fragment slot="menu">
-                        <ActionMenu.Root noPadding>
+                        <ActionMenu.Root>
                             <ActionMenu.Item.Anchor
                                 on:click={toggle}
                                 href={getSourceDownload(deployment.$id)}

From 4dfa6340172a1fbb254a5983cbedbb012ceea867 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 7 May 2025 11:40:58 +0200
Subject: [PATCH 3/7] feat: fix deployment card buttons for function

---
 .../function-[function]/+page.svelte          |  2 +-
 .../deployment-[deployment]/+page.svelte      | 76 +++++++++++--------
 2 files changed, 47 insertions(+), 31 deletions(-)

diff --git a/src/routes/(console)/project-[project]/functions/function-[function]/+page.svelte b/src/routes/(console)/project-[project]/functions/function-[function]/+page.svelte
index 6daaf1cc5..4390fb097 100644
--- a/src/routes/(console)/project-[project]/functions/function-[function]/+page.svelte
+++ b/src/routes/(console)/project-[project]/functions/function-[function]/+page.svelte
@@ -78,7 +78,7 @@
                         <Layout.Stack direction="row" gap="s" alignItems="center" inline>
                             <Menu>
                                 <Button secondary icon text>
-                                    <Icon icon={IconDotsHorizontal} size="s" />
+                                    <Icon icon={IconDotsHorizontal} />
                                 </Button>
                                 <svelte:fragment slot="menu" let:toggle>
                                     <ActionMenu.Root>
diff --git a/src/routes/(console)/project-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte b/src/routes/(console)/project-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte
index 1416f679f..150851a95 100644
--- a/src/routes/(console)/project-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte
+++ b/src/routes/(console)/project-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte
@@ -15,6 +15,7 @@
         Accordion,
         ActionMenu,
         Card,
+        Icon,
         Layout,
         Logs,
         Popover,
@@ -25,13 +26,23 @@
     import { formatTimeDetailed } from '$lib/helpers/timeConversion';
     import { timer } from '$lib/actions/timer';
     import { app } from '$lib/stores/app';
-    import { getOutputDownload, getSourceDownload } from '../store';
+    import { getOutputDownload, getSourceDownload, showCreateDeployment } from '../store';
+    import { IconDotsHorizontal, IconRefresh, IconTerminal } from '@appwrite.io/pink-icons-svelte';
+    import { Menu } from '$lib/components/menu';
+    import { canWriteFunctions } from '$lib/stores/roles';
+    import { Click, trackEvent } from '$lib/actions/analytics';
+    import DownloadActionMenuItem from '../(components)/downloadActionMenuItem.svelte';
+    import { base } from '$app/paths';
+    import { isCloud } from '$lib/system';
+    import { readOnly } from '$lib/stores/billing';
+    import RedeployModal from '../(modals)/redeployModal.svelte';
 
     export let data;
 
     let showDelete = false;
     let showCancel = false;
     let showActivate = false;
+    let showRedeploy = false;
 
     onMount(() => {
         const unsubscribe = sdk.forConsole.client.subscribe<Models.Deployment>(
@@ -73,7 +84,7 @@
 <Container>
     <DeploymentCard proxyRuleList={data.proxyRuleList} deployment={data.deployment}>
         {#snippet footer()}
-            <Layout.Stack direction="row" inline>
+            <Layout.Stack direction="row" alignItems="center" inline>
                 {#if data.deployment.status === 'processing' || data.deployment.status === 'building' || data.deployment.status === 'waiting'}
                     <Button
                         text
@@ -82,34 +93,35 @@
                         }}>Cancel</Button>
                 {/if}
 
-                {#if !!data.deployment?.sourceSize || !!data.deployment?.sourceSize}
-                    <Popover let:toggle placement="bottom-end">
-                        <Button secondary on:click={toggle}>Download</Button>
-                        <svelte:fragment slot="tooltip" let:toggle>
-                            <ActionMenu.Root noPadding>
-                                <ActionMenu.Item.Anchor
-                                    on:click={toggle}
-                                    href={getSourceDownload(
-                                        page.params.function,
-                                        data.deployment.$id
-                                    )}
-                                    external>
-                                    Download source
-                                </ActionMenu.Item.Anchor>
-
-                                <ActionMenu.Item.Anchor
-                                    disabled={data.deployment?.status !== 'ready'}
-                                    on:click={toggle}
-                                    href={getOutputDownload(
-                                        page.params.function,
-                                        data.deployment.$id
-                                    )}
-                                    external>
-                                    Download output
-                                </ActionMenu.Item.Anchor>
-                            </ActionMenu.Root>
-                        </svelte:fragment>
-                    </Popover>
+                <Menu>
+                    <Button secondary icon text>
+                        <Icon icon={IconDotsHorizontal} />
+                    </Button>
+                    <svelte:fragment slot="menu" let:toggle>
+                        <ActionMenu.Root>
+                            {#if $canWriteFunctions}
+                                <ActionMenu.Item.Button
+                                    trailingIcon={IconRefresh}
+                                    on:click={() => {
+                                        showRedeploy = true;
+                                        trackEvent(Click.FunctionsRedeployClick);
+                                        toggle();
+                                    }}>
+                                    Redeploy
+                                </ActionMenu.Item.Button>
+                            {/if}
+                            {#if !!data.deployment?.sourceSize || !!data.deployment?.sourceSize}
+                                <DownloadActionMenuItem deployment={data.deployment} {toggle} />
+                            {/if}
+                        </ActionMenu.Root>
+                    </svelte:fragment>
+                </Menu>
+                {#if data.func.deploymentId === data.deployment.$id && data.deployment.status === 'ready'}
+                    <Button
+                        href={`${base}/project-${page.params.project}/functions/function-${page.params.function}/executions/execute-function`}
+                        disabled={isCloud && $readOnly}>
+                        Execute
+                    </Button>
                 {/if}
 
                 {#if data.func.deploymentId !== data.deployment.$id && data.deployment.status === 'ready'}
@@ -165,3 +177,7 @@
     selectedDeployment={data.deployment}
     bind:showActivate
     on:activated={() => invalidate(Dependencies.DEPLOYMENTS)} />
+
+{#if showRedeploy}
+    <RedeployModal bind:show={showRedeploy} selectedDeployment={data.deployment} redirect />
+{/if}

From bbd8c1c6bf0c542bd3cd1aad62eba9ecadcdb939 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 7 May 2025 11:43:15 +0200
Subject: [PATCH 4/7] chore: bump version

---
 package.json   |  2 +-
 pnpm-lock.yaml | 24 ++++++++++++------------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index e9ac3b98c..fd155d1e6 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@bd21ff7f",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cbf05a1",
+        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3e91920",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b39b94c6f..7746ad117 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,8 +27,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cbf05a1
-        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cbf05a1(react-dom@18.3.1(react@18.3.1))(svelte@5.25.3)
+        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3e91920
+        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3e91920(react-dom@18.3.1(react@18.3.1))(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -258,14 +258,14 @@ packages:
     resolution: {tarball: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@f76aff1}
     version: 1.2.1
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@bd21ff7f':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@bd21ff7f}
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3e919207fc3d85d493e494e72205f7488858358f':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3e919207fc3d85d493e494e72205f7488858358f}
     version: 1.0.0-next.7
     peerDependencies:
       svelte: ^4.0.0
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cbf05a106412315e451530f8384924da515b10c8':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cbf05a106412315e451530f8384924da515b10c8}
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@bd21ff7f':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@bd21ff7f}
     version: 1.0.0-next.7
     peerDependencies:
       svelte: ^4.0.0
@@ -279,8 +279,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cbf05a1':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cbf05a1}
+  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3e91920':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3e91920}
     version: 1.0.0-next.85
     peerDependencies:
       react-dom: ^18.0.0
@@ -3627,11 +3627,11 @@ snapshots:
 
   '@appwrite.io/console@https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@f76aff1': {}
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@bd21ff7f(svelte@5.25.3)':
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3e919207fc3d85d493e494e72205f7488858358f(svelte@5.25.3)':
     dependencies:
       svelte: 5.25.3
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cbf05a106412315e451530f8384924da515b10c8(svelte@5.25.3)':
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@bd21ff7f(svelte@5.25.3)':
     dependencies:
       svelte: 5.25.3
 
@@ -3644,9 +3644,9 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cbf05a1(react-dom@18.3.1(react@18.3.1))(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3e91920(react-dom@18.3.1(react@18.3.1))(svelte@5.25.3)':
     dependencies:
-      '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cbf05a106412315e451530f8384924da515b10c8(svelte@5.25.3)
+      '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3e919207fc3d85d493e494e72205f7488858358f(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13
       '@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.6(svelte@5.25.3))(svelte@5.25.3)
       '@melt-ui/svelte': 0.86.6(svelte@5.25.3)

From 2b4df0bd5f314562f0c3383e7800451b7f25425c Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 7 May 2025 11:46:41 +0200
Subject: [PATCH 5/7] fix: template screen

---
 .../template-[template]/configuration.svelte   | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/project-[project]/functions/create-function/template-[template]/configuration.svelte b/src/routes/(console)/project-[project]/functions/create-function/template-[template]/configuration.svelte
index eb3898442..2c8c0d5f3 100644
--- a/src/routes/(console)/project-[project]/functions/create-function/template-[template]/configuration.svelte
+++ b/src/routes/(console)/project-[project]/functions/create-function/template-[template]/configuration.svelte
@@ -9,12 +9,20 @@
         InputURL
     } from '$lib/elements/forms';
     import type { Models } from '@appwrite.io/console';
-    import { Fieldset, Layout, Popover, Icon, Accordion } from '@appwrite.io/pink-svelte';
+    import {
+        Fieldset,
+        Layout,
+        Popover,
+        Icon,
+        Accordion,
+        ActionMenu
+    } from '@appwrite.io/pink-svelte';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
     import type { Component } from 'svelte';
     import { getApiEndpoint } from '$lib/stores/sdk';
     import { page } from '$app/state';
     import { project } from '$routes/(console)/project-[project]/store';
+    import Root from '$lib/commandCenter/panels/root.svelte';
 
     export let variables: Partial<Models.TemplateVariable>[] = [];
     export let templateVariables: Models.TemplateVariable[] = [];
@@ -102,7 +110,9 @@
                                                 toggle(e);
                                             }}>
                                             <Icon icon={IconInfo} /></Button>
-                                        <p slot="tooltip">{@html variable.description}</p>
+                                        <ActionMenu.Root slot="tooltip">
+                                            <p>{@html variable.description}</p>
+                                        </ActionMenu.Root>
                                     </Popover>
                                 </Layout.Stack>
                             </Layout.Stack>
@@ -144,7 +154,9 @@
                                             }}>
                                             <Icon size="s" icon={IconInfo} />
                                         </Button>
-                                        <p slot="tooltip">{@html variable.description}</p>
+                                        <ActionMenu.Root slot="tooltip">
+                                            <p>{@html variable.description}</p>
+                                        </ActionMenu.Root>
                                     </Popover>
                                 </Layout.Stack>
                             </Layout.Stack>

From 3c5b72f0e9c50e75c1b3da08de4043a0057c0242 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 7 May 2025 11:47:42 +0200
Subject: [PATCH 6/7] fix: template screen

---
 .../template-[template]/configuration.svelte    | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte b/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte
index 9687ff888..12e252dc7 100644
--- a/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte
+++ b/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte
@@ -9,7 +9,14 @@
         InputURL
     } from '$lib/elements/forms';
     import type { Models } from '@appwrite.io/console';
-    import { Fieldset, Layout, Popover, Icon, Accordion } from '@appwrite.io/pink-svelte';
+    import {
+        Fieldset,
+        Layout,
+        Popover,
+        Icon,
+        Accordion,
+        ActionMenu
+    } from '@appwrite.io/pink-svelte';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
     import { type Component } from 'svelte';
     import { getApiEndpoint } from '$lib/stores/sdk';
@@ -101,7 +108,9 @@
                                                 toggle(e);
                                             }}>
                                             <Icon size="s" icon={IconInfo} /></Button>
-                                        <p slot="tooltip">{variable.description}</p>
+                                        <ActionMenu.Root slot="tooltip">
+                                            <p>{variable.description}</p>
+                                        </ActionMenu.Root>
                                     </Popover>
                                 </Layout.Stack>
                             </Layout.Stack>
@@ -141,7 +150,9 @@
                                                 toggle(e);
                                             }}>
                                             <Icon size="s" icon={IconInfo} /></Button>
-                                        <p slot="tooltip">{variable.description}</p>
+                                        <ActionMenu.Root slot="tooltip">
+                                            <p>{variable.description}</p>
+                                        </ActionMenu.Root>
                                     </Popover>
                                 </Layout.Stack>
                             </Layout.Stack>

From 5797a3889999480a87e7eef5bfe3b8871d414799 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 7 May 2025 11:47:57 +0200
Subject: [PATCH 7/7] fix: template screen

---
 .../templates/template-[template]/configuration.svelte        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte b/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte
index 12e252dc7..1d50a71e3 100644
--- a/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte
+++ b/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte
@@ -107,7 +107,7 @@
                                                 e.preventDefault();
                                                 toggle(e);
                                             }}>
-                                            <Icon size="s" icon={IconInfo} /></Button>
+                                            <Icon icon={IconInfo} /></Button>
                                         <ActionMenu.Root slot="tooltip">
                                             <p>{variable.description}</p>
                                         </ActionMenu.Root>
@@ -149,7 +149,7 @@
                                                 e.preventDefault();
                                                 toggle(e);
                                             }}>
-                                            <Icon size="s" icon={IconInfo} /></Button>
+                                            <Icon icon={IconInfo} /></Button>
                                         <ActionMenu.Root slot="tooltip">
                                             <p>{variable.description}</p>
                                         </ActionMenu.Root>