From fc2932bef8361e1ee3a326ee1c8cd226e72df9c3 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 15 May 2023 19:36:54 +0100
Subject: [PATCH 001/128] feat: command center POC

---
 src/lib/components/dialog.svelte              |  89 ++++++++++++++
 src/lib/components/index.ts                   |   1 +
 src/lib/helpers/commandCenter.ts              |  98 ++++++++++++++++
 src/routes/console/+layout.svelte             |  29 +++++
 src/routes/console/commandCenter.svelte       | 109 ++++++++++++++++++
 .../project-[project]/auth/+page.svelte       |  40 +++++--
 .../project-[project]/databases/+page.svelte  |  27 +++--
 .../project-[project]/functions/+page.svelte  |  14 ++-
 .../overview/platforms/+page.svelte           |   6 +
 .../project-[project]/storage/+page.svelte    |  13 +++
 src/routes/console/project-[project]/store.ts |  47 ++++++++
 11 files changed, 455 insertions(+), 18 deletions(-)
 create mode 100644 src/lib/components/dialog.svelte
 create mode 100644 src/lib/helpers/commandCenter.ts
 create mode 100644 src/routes/console/commandCenter.svelte

diff --git a/src/lib/components/dialog.svelte b/src/lib/components/dialog.svelte
new file mode 100644
index 000000000..aa055883e
--- /dev/null
+++ b/src/lib/components/dialog.svelte
@@ -0,0 +1,89 @@
+<script lang="ts">
+    import { trackEvent } from '$lib/actions/analytics';
+    import { createEventDispatcher, onDestroy, onMount } from 'svelte';
+
+    export let show = false;
+    export let size: 'small' | 'big' = null;
+    export let error: string = null;
+    export let closable = true;
+    export let headerDivider = true;
+
+    let dialog: HTMLDialogElement;
+    let alert: HTMLElement;
+
+    const dispatch = createEventDispatcher();
+
+    onMount(() => {
+        if (show) openModal();
+    });
+
+    onDestroy(() => {
+        if (show) closeModal();
+    });
+
+    function handleBLur(event: MouseEvent) {
+        if (event.target === dialog) {
+            trackEvent('click_close_modal', {
+                from: 'backdrop'
+            });
+            closeModal();
+        }
+    }
+    function openModal() {
+        if (dialog && !dialog.open) {
+            dialog.showModal();
+            document.documentElement.classList.add('u-overflow-hidden');
+        }
+    }
+
+    function closeModal() {
+        if (closable) {
+            if (dialog && dialog.open) {
+                dispatch('close');
+                dialog.close();
+                show = false;
+                document.documentElement.classList.remove('u-overflow-hidden');
+            }
+        }
+    }
+
+    function handleKeydown(event: KeyboardEvent) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            trackEvent('click_close_modal', {
+                from: 'escape'
+            });
+            closeModal();
+        }
+    }
+
+    $: if (show) {
+        openModal();
+    } else {
+        closeModal();
+    }
+
+    $: if (error) {
+        alert?.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
+    }
+</script>
+
+<svelte:window on:mousedown={handleBLur} on:keydown={handleKeydown} />
+
+<dialog
+    class="modal"
+    class:is-small={size === 'small'}
+    class:is-big={size === 'big'}
+    class:is-separate-header={headerDivider}
+    bind:this={dialog}
+    on:cancel|preventDefault>
+    {#if show}
+        <slot />
+    {/if}
+</dialog>
+
+<style>
+    .modal {
+        padding: 0.5rem;
+    }
+</style>
diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index f891b8255..b775626ff 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -54,3 +54,4 @@ export { default as PaginationWithLimit } from './paginationWithLimit.svelte';
 export { default as ClickableList } from './clickableList.svelte';
 export { default as ClickableListItem } from './clickableListItem.svelte';
 export { default as Id } from './id.svelte';
+export { default as Dialog } from './dialog.svelte';
diff --git a/src/lib/helpers/commandCenter.ts b/src/lib/helpers/commandCenter.ts
new file mode 100644
index 000000000..ced51ded4
--- /dev/null
+++ b/src/lib/helpers/commandCenter.ts
@@ -0,0 +1,98 @@
+import { onDestroy } from 'svelte';
+import { derived, writable } from 'svelte/store';
+
+type Command = {
+    keys: string[];
+    /* Ctrl on Windows/Linux, Meta on Mac */
+    meta?: boolean;
+    shift?: boolean;
+    alt?: boolean;
+    callback: () => void;
+    label?: string;
+    disabled?: boolean;
+    forceEnable?: boolean;
+};
+
+type CommandCenterState = {
+    commandMap: Map<string, Command[]>;
+    enabled: boolean;
+};
+
+export const commandCenter = (function init() {
+    const store = writable<CommandCenterState>({
+        commandMap: new Map(),
+        enabled: true
+    });
+
+    return {
+        ...store
+    };
+})();
+
+export const commands = derived(commandCenter, ($commandCenter) => {
+    return Array.from($commandCenter.commandMap.values()).flat();
+});
+
+export function CommandRegistrant() {
+    const uuid = crypto.randomUUID();
+
+    onDestroy(() => {
+        commandCenter.update((curr) => {
+            curr.commandMap.delete(uuid);
+            return curr;
+        });
+    });
+
+    return {
+        register(newCommands: Command[]) {
+            commandCenter.update((curr) => {
+                curr.commandMap.set(uuid, newCommands);
+                return curr;
+            });
+        }
+    };
+}
+
+export function ExtendCommandRegistrant(baseCommands: Command[]) {
+    return () => {
+        const registrant = CommandRegistrant();
+
+        return {
+            register: (newCommands?: Command[]) => {
+                registrant.register([...baseCommands, ...(newCommands ?? [])]);
+            }
+        };
+    };
+}
+
+export const commandCenterKeyDownHandler = derived(commandCenter, ({ commandMap, enabled }) => {
+    const commandsArr = Array.from(commandMap.values()).flat();
+
+    return (event: KeyboardEvent) => {
+        const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+
+        for (const command of commandsArr) {
+            if (command.disabled || (!enabled && !command.forceEnable)) continue;
+
+            const { keys, meta, shift, alt, callback } = command;
+
+            const keyCode = event.keyCode;
+            const isMetaPressed = meta ? (isMac ? event.metaKey : event.ctrlKey) : true;
+            const isShiftPressed = shift ? event.shiftKey : true;
+            const isAltPressed = alt ? event.altKey : true;
+
+            const commandKeyCodes = keys.map((key) => key.toUpperCase().charCodeAt(0));
+
+            if (
+                commandKeyCodes.includes(keyCode) &&
+                isMetaPressed &&
+                isShiftPressed &&
+                isAltPressed
+            ) {
+                event.preventDefault();
+                callback();
+                return;
+            }
+        }
+    };
+});
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 870794b40..df65ef6e0 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -15,6 +15,31 @@
     import { loading } from '../store';
     import Create from './createOrganization.svelte';
 
+    import { goto } from '$app/navigation';
+    import { commandCenterKeyDownHandler, CommandRegistrant } from '$lib/helpers/commandCenter';
+    import CommandCenter from './commandCenter.svelte';
+
+    const { register } = CommandRegistrant();
+    $: register([
+        {
+            label: 'Go to Account',
+            callback: () => {
+                goto('/console/account');
+            },
+            keys: ['a'],
+            meta: true,
+            shift: true
+        },
+        {
+            label: 'Go to Home',
+            callback: () => {
+                goto('/console');
+            },
+            keys: ['h'],
+            alt: true
+        }
+    ]);
+
     onMount(() => {
         loading.set(false);
 
@@ -46,6 +71,10 @@
     }
 </script>
 
+<svelte:window on:keydown={$commandCenterKeyDownHandler} />
+
+<CommandCenter />
+
 <Shell
     showSideNavigation={$page.url.pathname !== '/console' &&
         !$page?.params.organization &&
diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
new file mode 100644
index 000000000..cb7a25cff
--- /dev/null
+++ b/src/routes/console/commandCenter.svelte
@@ -0,0 +1,109 @@
+<script lang="ts">
+    import Dialog from '$lib/components/dialog.svelte';
+    import { CommandRegistrant, commands, commandCenter } from '$lib/helpers/commandCenter';
+    import { isMac } from '$lib/helpers/platform';
+
+    let open = false;
+    let search = '';
+    let selected = 0;
+
+    const { register } = CommandRegistrant();
+    $: register([
+        {
+            callback: () => {
+                open = !open;
+            },
+            keys: ['k'],
+            meta: true,
+            forceEnable: true
+        }
+    ]);
+
+    $: results = $commands.filter((command) => {
+        return (
+            !command.disabled &&
+            command.label &&
+            command.label.toLowerCase().includes(search.toLowerCase())
+        );
+    });
+
+    function handleKeyDown(event: KeyboardEvent) {
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            selected = selected === results.length - 1 ? 0 : selected + 1;
+        } else if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            selected = selected === 0 ? results.length - 1 : selected - 1;
+        } else if (event.key === 'Enter') {
+            event.preventDefault();
+            if (results[selected]) {
+                results[selected].callback();
+                open = false;
+                search = '';
+            }
+        }
+    }
+
+    $: {
+        results;
+        selected = 0;
+    }
+
+    $: $commandCenter.enabled = !open;
+</script>
+
+<svelte:window on:keydown={handleKeyDown} />
+
+<Dialog bind:show={open}>
+    <div class="u-flex u-flex-vertical u-width-full-line">
+        <input type="text" placeholder="type here..." autofocus bind:value={search} />
+
+        <ul class="u-margin-block-start-16 u-flex u-flex-vertical u-gap-8">
+            {#each results as command, i}
+                <li
+                    class="u-flex u-main-space-between result"
+                    data-selected={selected === i ? true : undefined}>
+                    <span>
+                        {command.label}
+                    </span>
+                    <div class="u-flex u-gap-4">
+                        {#if command.meta}
+                            <kbd class="kbd"> {isMac ? '⌘' : 'ctrl'} </kbd>
+                        {/if}
+                        {#if command.shift}
+                            <kbd class="kbd"> ⇧ </kbd>
+                        {/if}
+                        {#if command.alt}
+                            <kbd class="kbd"> {isMac ? '⌥' : 'alt'} </kbd>
+                        {/if}
+                        {#each command.keys as key}
+                            <kbd class="kbd">
+                                {key.toUpperCase()}
+                            </kbd>
+                        {/each}
+                    </div>
+                </li>
+            {:else}
+                <li class="result">
+                    <span class="text">No commands found</span>
+                </li>
+            {/each}
+        </ul>
+    </div>
+</Dialog>
+
+<style>
+    input {
+        border: none;
+        background-color: transparent;
+    }
+
+    .result {
+        border-radius: 0.25rem;
+        padding: 0.5rem 0.75rem;
+    }
+
+    .result[data-selected] {
+        background-color: hsl(var(--color-neutral-200));
+    }
+</style>
diff --git a/src/routes/console/project-[project]/auth/+page.svelte b/src/routes/console/project-[project]/auth/+page.svelte
index 0063f7ea1..4c1038511 100644
--- a/src/routes/console/project-[project]/auth/+page.svelte
+++ b/src/routes/console/project-[project]/auth/+page.svelte
@@ -1,31 +1,32 @@
 <script lang="ts">
+    import { goto } from '$app/navigation';
+    import { base } from '$app/paths';
     import { page } from '$app/stores';
     import {
+        AvatarInitials,
+        Copy,
         Empty,
         EmptySearch,
-        Copy,
-        SearchQuery,
-        AvatarInitials,
-        PaginationWithLimit
+        PaginationWithLimit,
+        SearchQuery
     } from '$lib/components';
+    import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
     import {
         Table,
-        TableHeader,
         TableBody,
-        TableCellHead,
         TableCell,
+        TableCellHead,
         TableCellText,
+        TableHeader,
         TableRowLink
     } from '$lib/elements/table';
-    import { Pill } from '$lib/elements';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { Container } from '$lib/layout';
-    import { base } from '$app/paths';
-    import { goto } from '$app/navigation';
-    import Create from './createUser.svelte';
     import type { Models } from '@appwrite.io/console';
+    import { project, projectRegistrant } from '../store';
     import type { PageData } from './$types';
+    import Create from './createUser.svelte';
 
     export let data: PageData;
 
@@ -34,6 +35,25 @@
     async function userCreated(event: CustomEvent<Models.User<Record<string, unknown>>>) {
         await goto(`${base}/console/project-${projectId}/auth/user-${event.detail.$id}`);
     }
+
+    const { register } = $projectRegistrant();
+    $: register([
+        {
+            label: 'Create user',
+            callback: () => {
+                showCreate = true;
+            },
+            keys: ['c'],
+            disabled: showCreate
+        },
+        {
+            label: 'Go to Overview',
+            callback: () => {
+                goto(`${base}/console/project-${$project.$id}/overview`);
+            },
+            keys: ['o']
+        }
+    ]);
 </script>
 
 <Container>
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index 0d0e1e553..62f2e9089 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -1,16 +1,17 @@
 <script lang="ts">
-    import { page } from '$app/stores';
     import { goto } from '$app/navigation';
-    import { Button } from '$lib/elements/forms';
-    import { Empty, PaginationWithLimit } from '$lib/components';
-    import { Container, GridHeader } from '$lib/layout';
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { Empty, PaginationWithLimit } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import { Container, GridHeader } from '$lib/layout';
+    import type { Models } from '@appwrite.io/console';
+    import { projectRegistrant } from '../store';
+    import type { PageData } from './$types';
     import Create from './create.svelte';
     import Grid from './grid.svelte';
-    import Table from './table.svelte';
-    import type { Models } from '@appwrite.io/console';
-    import type { PageData } from './$types';
     import { columns } from './store';
+    import Table from './table.svelte';
 
     export let data: PageData;
 
@@ -21,6 +22,18 @@
         showCreate = false;
         await goto(`${base}/console/project-${project}/databases/database-${event.detail.$id}`);
     }
+
+    const { register } = $projectRegistrant();
+    $: register([
+        {
+            label: 'Create database',
+            callback: () => {
+                showCreate = true;
+            },
+            keys: ['c'],
+            disabled: showCreate
+        }
+    ]);
 </script>
 
 <Container>
diff --git a/src/routes/console/project-[project]/functions/+page.svelte b/src/routes/console/project-[project]/functions/+page.svelte
index 66b23203d..7881cd7b0 100644
--- a/src/routes/console/project-[project]/functions/+page.svelte
+++ b/src/routes/console/project-[project]/functions/+page.svelte
@@ -14,10 +14,12 @@
     import { tooltip } from '$lib/actions/tooltip';
     import { app } from '$lib/stores/app';
     import { wizard } from '$lib/stores/wizard';
-    import { beforeNavigate } from '$app/navigation';
+    import { beforeNavigate, goto } from '$app/navigation';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import Create from './createFunction.svelte';
     import type { PageData } from './$types';
+    import { CommandRegistrant } from '$lib/helpers/commandCenter';
+    import { projectRegistrant } from '../store';
 
     export let data: PageData;
 
@@ -32,6 +34,16 @@
     beforeNavigate(() => {
         wizard.hide();
     });
+
+    const { register } = $projectRegistrant();
+    $: register([
+        {
+            label: 'Create function',
+            callback: openWizard,
+            keys: ['c'],
+            disabled: $wizard.show
+        }
+    ]);
 </script>
 
 <Container>
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index 5c2332b05..852bb7a27 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -36,6 +36,9 @@
     import { base } from '$app/paths';
     import { app } from '$lib/stores/app';
     import type { PageData } from './$types';
+    import { CommandRegistrant } from '$lib/helpers/commandCenter';
+    import { goto } from '$app/navigation';
+    import { project, projectRegistrant } from '../../store';
 
     export let data: PageData;
 
@@ -70,6 +73,9 @@
             return 'unknown';
         }
     };
+
+    const { register } = $projectRegistrant();
+    $: register();
 </script>
 
 <div class="common-section u-flex u-gap-12">
diff --git a/src/routes/console/project-[project]/storage/+page.svelte b/src/routes/console/project-[project]/storage/+page.svelte
index 826598d66..ed3d7c4ac 100644
--- a/src/routes/console/project-[project]/storage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/+page.svelte
@@ -17,6 +17,7 @@
     import { tooltip } from '$lib/actions/tooltip';
     import type { Models } from '@appwrite.io/console';
     import type { PageData } from './$types';
+    import { projectRegistrant } from '../store';
 
     export let data: PageData;
 
@@ -28,6 +29,18 @@
         showCreate = false;
         await goto(`${base}/console/project-${project}/storage/bucket-${event.detail.$id}`);
     }
+
+    const { register } = $projectRegistrant();
+    $: register([
+        {
+            label: 'Create bucket',
+            callback: () => {
+                showCreate = true;
+            },
+            keys: ['c'],
+            disabled: showCreate
+        }
+    ]);
 </script>
 
 <Container>
diff --git a/src/routes/console/project-[project]/store.ts b/src/routes/console/project-[project]/store.ts
index 2c96c8070..7dc6da82c 100644
--- a/src/routes/console/project-[project]/store.ts
+++ b/src/routes/console/project-[project]/store.ts
@@ -2,8 +2,55 @@ import { derived, writable } from 'svelte/store';
 import { page } from '$app/stores';
 import type { Models } from '@appwrite.io/console';
 import type { BarSeriesOption } from 'echarts/charts';
+import { ExtendCommandRegistrant } from '$lib/helpers/commandCenter';
+import { goto } from '$app/navigation';
 
 export const project = derived(page, ($page) => $page.data.project as Models.Project);
+
+export const projectRegistrant = derived<
+    typeof project,
+    ReturnType<typeof ExtendCommandRegistrant>
+>(project, ($project) => {
+    return ExtendCommandRegistrant([
+        {
+            label: 'Go to Overview',
+            keys: ['o'],
+            callback: () => {
+                goto(`/console/project-${$project.$id}`);
+            }
+        },
+
+        {
+            label: 'Go to Auth',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/auth`);
+            },
+            keys: ['a']
+        },
+        {
+            label: 'Go to Databases',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/databases`);
+            },
+            keys: ['d']
+        },
+        {
+            label: 'Go to Functions',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/functions`);
+            },
+            keys: ['f']
+        },
+        {
+            label: 'Go to Storage',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/storage`);
+            },
+            keys: ['s']
+        }
+    ]);
+});
+
 export const onboarding = derived(
     project,
     ($project) => $project.platforms.length === 0 && $project.keys.length === 0

From a7c53ae522df6166d02686f9c018b3fa2ccb56d1 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 15 May 2023 19:55:26 +0100
Subject: [PATCH 002/128] feat: multi key commands

---
 src/lib/helpers/commandCenter.ts              | 27 ++++++++++++++-----
 .../account/organizations/+page.svelte        |  2 ++
 .../organization-[organization]/+page.svelte  | 21 +++++++++++++++
 3 files changed, 43 insertions(+), 7 deletions(-)

diff --git a/src/lib/helpers/commandCenter.ts b/src/lib/helpers/commandCenter.ts
index ced51ded4..90a9fb775 100644
--- a/src/lib/helpers/commandCenter.ts
+++ b/src/lib/helpers/commandCenter.ts
@@ -1,6 +1,12 @@
 import { onDestroy } from 'svelte';
 import { derived, writable } from 'svelte/store';
 
+// type Key = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h' | 'i' | 'j' | 'k'
+// | 'l' | 'm' | 'n' | 'o' | 'p' | 'q' | 'r' | 's' | 't' | 'u' | 'v' | 'w' | 'x'
+// | 'y' | 'z' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K'
+// | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X'
+// | 'Y' | 'Z' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9'
+
 type Command = {
     keys: string[];
     /* Ctrl on Windows/Linux, Meta on Mac */
@@ -65,30 +71,37 @@ export function ExtendCommandRegistrant(baseCommands: Command[]) {
     };
 }
 
+const debounce = (fn: () => void, ms: number) => {
+    let timeout: NodeJS.Timeout;
+    return () => {
+        clearTimeout(timeout);
+        timeout = setTimeout(fn, ms);
+    };
+};
+
 export const commandCenterKeyDownHandler = derived(commandCenter, ({ commandMap, enabled }) => {
     const commandsArr = Array.from(commandMap.values()).flat();
+    const recentKeyCodes = new Set<number>();
 
     return (event: KeyboardEvent) => {
         const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
 
+        recentKeyCodes.add(event.keyCode);
+        debounce(() => recentKeyCodes.clear(), 1000)();
+
         for (const command of commandsArr) {
             if (command.disabled || (!enabled && !command.forceEnable)) continue;
 
             const { keys, meta, shift, alt, callback } = command;
 
-            const keyCode = event.keyCode;
             const isMetaPressed = meta ? (isMac ? event.metaKey : event.ctrlKey) : true;
             const isShiftPressed = shift ? event.shiftKey : true;
             const isAltPressed = alt ? event.altKey : true;
 
             const commandKeyCodes = keys.map((key) => key.toUpperCase().charCodeAt(0));
+            const allKeysPressed = commandKeyCodes.every((keyCode) => recentKeyCodes.has(keyCode));
 
-            if (
-                commandKeyCodes.includes(keyCode) &&
-                isMetaPressed &&
-                isShiftPressed &&
-                isAltPressed
-            ) {
+            if (allKeysPressed && isMetaPressed && isShiftPressed && isAltPressed) {
                 event.preventDefault();
                 callback();
                 return;
diff --git a/src/routes/console/account/organizations/+page.svelte b/src/routes/console/account/organizations/+page.svelte
index f43f7c46c..a2435cdf8 100644
--- a/src/routes/console/account/organizations/+page.svelte
+++ b/src/routes/console/account/organizations/+page.svelte
@@ -13,6 +13,8 @@
     import CreateOrganization from '../../createOrganization.svelte';
     import { sdk } from '$lib/stores/sdk';
     import type { PageData } from './$types';
+    import { CommandRegistrant } from '$lib/helpers/commandCenter';
+    import { goto } from '$app/navigation';
 
     export let data: PageData;
 
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index d039ac7d3..0928668d1 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -8,6 +8,8 @@
     import CreateOrganization from '../createOrganization.svelte';
     import type { PageData } from './$types';
     import { page } from '$app/stores';
+    import { CommandRegistrant } from '$lib/helpers/commandCenter';
+    import { goto } from '$app/navigation';
 
     export let data: PageData;
 
@@ -43,6 +45,25 @@
             (value, index, self) => index === self.findIndex((t) => t.name === value.name)
         );
     }
+
+    const { register } = CommandRegistrant();
+    $: register([
+        ...data.projects.projects.map((project, i) => ({
+            label: `Project ${project.name}`,
+            callback: () => {
+                goto(`/console/project-${project.$id}`);
+            },
+            keys: ['p', `${i + 1}`]
+        })),
+        {
+            label: 'Create project',
+            callback: () => {
+                showCreate = true;
+            },
+            keys: ['c'],
+            disabled: showCreate
+        }
+    ]);
 </script>
 
 <Container>

From afcbb5dca626e3d93b9f730c962105e94d3ddd50 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 15 May 2023 23:13:50 +0100
Subject: [PATCH 003/128] refactor: one-liner registers

---
 src/lib/helpers/commandCenter.ts              | 56 ++++++------
 src/lib/helpers/platform.ts                   |  1 +
 src/routes/console/+layout.svelte             |  5 +-
 .../account/organizations/+page.svelte        |  2 -
 src/routes/console/commandCenter.svelte       | 15 +--
 .../organization-[organization]/+page.svelte  | 13 ++-
 .../project-[project]/auth/+page.svelte       |  3 +-
 .../project-[project]/databases/+page.svelte  |  3 +-
 .../project-[project]/functions/+page.svelte  | 23 +++--
 .../overview/platforms/+page.svelte           | 15 ++-
 .../project-[project]/storage/+page.svelte    | 21 ++---
 src/routes/console/project-[project]/store.ts | 91 ++++++++++---------
 12 files changed, 122 insertions(+), 126 deletions(-)

diff --git a/src/lib/helpers/commandCenter.ts b/src/lib/helpers/commandCenter.ts
index 90a9fb775..9e6b729f5 100644
--- a/src/lib/helpers/commandCenter.ts
+++ b/src/lib/helpers/commandCenter.ts
@@ -1,4 +1,3 @@
-import { onDestroy } from 'svelte';
 import { derived, writable } from 'svelte/store';
 
 // type Key = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h' | 'i' | 'j' | 'k'
@@ -7,7 +6,7 @@ import { derived, writable } from 'svelte/store';
 // | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X'
 // | 'Y' | 'Z' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9'
 
-type Command = {
+export type Command = {
     keys: string[];
     /* Ctrl on Windows/Linux, Meta on Mac */
     meta?: boolean;
@@ -20,7 +19,7 @@ type Command = {
 };
 
 type CommandCenterState = {
-    commandMap: Map<string, Command[]>;
+    commandMap: Map<RegisterProxy, Command[]>;
     enabled: boolean;
 };
 
@@ -39,37 +38,38 @@ export const commands = derived(commandCenter, ($commandCenter) => {
     return Array.from($commandCenter.commandMap.values()).flat();
 });
 
-export function CommandRegistrant() {
-    const uuid = crypto.randomUUID();
+function createRegisterProxy() {
+    return new Proxy(
+        {},
+        {
+            get(_obj, field, receiver) {
+                if (field !== 'register') return;
+                return (newCommands: Command[]) => {
+                    commandCenter.update((curr) => {
+                        curr.commandMap.set(receiver, newCommands);
+                        return curr;
+                    });
+                };
+            }
+        }
+    ) as { register: (newCommands: Command[]) => void };
+}
 
-    onDestroy(() => {
-        commandCenter.update((curr) => {
-            curr.commandMap.delete(uuid);
-            return curr;
-        });
-    });
+export type RegisterProxy = ReturnType<typeof createRegisterProxy>;
 
-    return {
-        register(newCommands: Command[]) {
+export const cmdRegistrant = {
+    subscribe(runner: (proxy: RegisterProxy) => void) {
+        const proxy = createRegisterProxy();
+        runner(proxy);
+
+        return () => {
             commandCenter.update((curr) => {
-                curr.commandMap.set(uuid, newCommands);
+                curr.commandMap.delete(proxy);
                 return curr;
             });
-        }
-    };
-}
-
-export function ExtendCommandRegistrant(baseCommands: Command[]) {
-    return () => {
-        const registrant = CommandRegistrant();
-
-        return {
-            register: (newCommands?: Command[]) => {
-                registrant.register([...baseCommands, ...(newCommands ?? [])]);
-            }
         };
-    };
-}
+    }
+};
 
 const debounce = (fn: () => void, ms: number) => {
     let timeout: NodeJS.Timeout;
diff --git a/src/lib/helpers/platform.ts b/src/lib/helpers/platform.ts
index 98920c7c6..e03708a01 100644
--- a/src/lib/helpers/platform.ts
+++ b/src/lib/helpers/platform.ts
@@ -1,3 +1,4 @@
 export function isMac(): boolean {
+    console.log('isMac()', window.navigator.platform.toUpperCase().indexOf('MAC') >= 0);
     return window.navigator.platform.toUpperCase().indexOf('MAC') >= 0;
 }
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index df65ef6e0..60e25c92f 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -16,11 +16,10 @@
     import Create from './createOrganization.svelte';
 
     import { goto } from '$app/navigation';
-    import { commandCenterKeyDownHandler, CommandRegistrant } from '$lib/helpers/commandCenter';
+    import { cmdRegistrant, commandCenterKeyDownHandler } from '$lib/helpers/commandCenter';
     import CommandCenter from './commandCenter.svelte';
 
-    const { register } = CommandRegistrant();
-    $: register([
+    $: $cmdRegistrant.register([
         {
             label: 'Go to Account',
             callback: () => {
diff --git a/src/routes/console/account/organizations/+page.svelte b/src/routes/console/account/organizations/+page.svelte
index a2435cdf8..f43f7c46c 100644
--- a/src/routes/console/account/organizations/+page.svelte
+++ b/src/routes/console/account/organizations/+page.svelte
@@ -13,8 +13,6 @@
     import CreateOrganization from '../../createOrganization.svelte';
     import { sdk } from '$lib/stores/sdk';
     import type { PageData } from './$types';
-    import { CommandRegistrant } from '$lib/helpers/commandCenter';
-    import { goto } from '$app/navigation';
 
     export let data: PageData;
 
diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
index cb7a25cff..d40373f47 100644
--- a/src/routes/console/commandCenter.svelte
+++ b/src/routes/console/commandCenter.svelte
@@ -1,14 +1,13 @@
 <script lang="ts">
     import Dialog from '$lib/components/dialog.svelte';
-    import { CommandRegistrant, commands, commandCenter } from '$lib/helpers/commandCenter';
+    import { commands, commandCenter, cmdRegistrant } from '$lib/helpers/commandCenter';
     import { isMac } from '$lib/helpers/platform';
 
     let open = false;
     let search = '';
     let selected = 0;
 
-    const { register } = CommandRegistrant();
-    $: register([
+    $: $cmdRegistrant.register([
         {
             callback: () => {
                 open = !open;
@@ -68,13 +67,13 @@
                     </span>
                     <div class="u-flex u-gap-4">
                         {#if command.meta}
-                            <kbd class="kbd"> {isMac ? '⌘' : 'ctrl'} </kbd>
+                            <kbd class="kbd"> {isMac() ? '⌘' : 'ctrl'} </kbd>
                         {/if}
                         {#if command.shift}
-                            <kbd class="kbd"> ⇧ </kbd>
+                            <kbd class="kbd"> {isMac() ? '⇧' : 'shift'} </kbd>
                         {/if}
                         {#if command.alt}
-                            <kbd class="kbd"> {isMac ? '⌥' : 'alt'} </kbd>
+                            <kbd class="kbd"> {isMac() ? '⌥' : 'alt'} </kbd>
                         {/if}
                         {#each command.keys as key}
                             <kbd class="kbd">
@@ -106,4 +105,8 @@
     .result[data-selected] {
         background-color: hsl(var(--color-neutral-200));
     }
+
+    .kbd {
+        padding-inline: 0.25rem;
+    }
 </style>
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index 0928668d1..74fb3cec4 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
+    import { goto } from '$app/navigation';
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { CardContainer, Empty, GridItem1, Heading, PaginationWithLimit } from '$lib/components';
     import { Pill } from '$lib/elements';
-    import { GridItem1, Heading, Empty, CardContainer, PaginationWithLimit } from '$lib/components';
     import { Button } from '$lib/elements/forms';
+    import { cmdRegistrant } from '$lib/helpers/commandCenter';
     import { Container } from '$lib/layout';
-    import CreateProject from './createProject.svelte';
     import CreateOrganization from '../createOrganization.svelte';
     import type { PageData } from './$types';
-    import { page } from '$app/stores';
-    import { CommandRegistrant } from '$lib/helpers/commandCenter';
-    import { goto } from '$app/navigation';
+    import CreateProject from './createProject.svelte';
 
     export let data: PageData;
 
@@ -46,8 +46,7 @@
         );
     }
 
-    const { register } = CommandRegistrant();
-    $: register([
+    $: $cmdRegistrant.register([
         ...data.projects.projects.map((project, i) => ({
             label: `Project ${project.name}`,
             callback: () => {
diff --git a/src/routes/console/project-[project]/auth/+page.svelte b/src/routes/console/project-[project]/auth/+page.svelte
index 4c1038511..392d7b25c 100644
--- a/src/routes/console/project-[project]/auth/+page.svelte
+++ b/src/routes/console/project-[project]/auth/+page.svelte
@@ -36,8 +36,7 @@
         await goto(`${base}/console/project-${projectId}/auth/user-${event.detail.$id}`);
     }
 
-    const { register } = $projectRegistrant();
-    $: register([
+    $: $projectRegistrant.register([
         {
             label: 'Create user',
             callback: () => {
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index 62f2e9089..bc90b7a14 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -23,8 +23,7 @@
         await goto(`${base}/console/project-${project}/databases/database-${event.detail.$id}`);
     }
 
-    const { register } = $projectRegistrant();
-    $: register([
+    $: $projectRegistrant.register([
         {
             label: 'Create database',
             callback: () => {
diff --git a/src/routes/console/project-[project]/functions/+page.svelte b/src/routes/console/project-[project]/functions/+page.svelte
index 7881cd7b0..a13373b81 100644
--- a/src/routes/console/project-[project]/functions/+page.svelte
+++ b/src/routes/console/project-[project]/functions/+page.svelte
@@ -1,24 +1,24 @@
 <script lang="ts">
+    import { beforeNavigate } from '$app/navigation';
+    import { base } from '$app/paths';
     import { page } from '$app/stores';
-    import { Button } from '$lib/elements/forms';
+    import { tooltip } from '$lib/actions/tooltip';
     import {
-        Empty,
         CardContainer,
+        Empty,
         GridItem1,
         Heading,
-        PaginationWithLimit,
-        Id
+        Id,
+        PaginationWithLimit
     } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import { toLocaleDateTime } from '$lib/helpers/date';
     import { Container } from '$lib/layout';
-    import { base } from '$app/paths';
-    import { tooltip } from '$lib/actions/tooltip';
     import { app } from '$lib/stores/app';
     import { wizard } from '$lib/stores/wizard';
-    import { beforeNavigate, goto } from '$app/navigation';
-    import { toLocaleDateTime } from '$lib/helpers/date';
-    import Create from './createFunction.svelte';
     import type { PageData } from './$types';
-    import { CommandRegistrant } from '$lib/helpers/commandCenter';
+    import Create from './createFunction.svelte';
+
     import { projectRegistrant } from '../store';
 
     export let data: PageData;
@@ -35,8 +35,7 @@
         wizard.hide();
     });
 
-    const { register } = $projectRegistrant();
-    $: register([
+    $: $projectRegistrant.register([
         {
             label: 'Create function',
             callback: openWizard,
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index 852bb7a27..023130202 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -1,12 +1,12 @@
 <script lang="ts" context="module">
-    import { wizard } from '$lib/stores/wizard';
-    import { versions } from './wizard/store';
-    import SearchLight from '$lib/images/search-light.svg';
     import SearchDark from '$lib/images/search-dark.svg';
+    import SearchLight from '$lib/images/search-light.svg';
+    import { wizard } from '$lib/stores/wizard';
     import CreateAndroid from './createAndroid.svelte';
     import CreateApple from './createApple.svelte';
     import CreateFlutter from './createFlutter.svelte';
     import CreateWeb from './createWeb.svelte';
+    import { versions } from './wizard/store';
 
     export enum Platform {
         Web,
@@ -29,16 +29,14 @@
 </script>
 
 <script lang="ts">
+    import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { DropList, DropListItem, Heading } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { toLocaleDateTime } from '$lib/helpers/date';
-    import { base } from '$app/paths';
     import { app } from '$lib/stores/app';
     import type { PageData } from './$types';
-    import { CommandRegistrant } from '$lib/helpers/commandCenter';
-    import { goto } from '$app/navigation';
-    import { project, projectRegistrant } from '../../store';
+    import { projectRegistrant } from '../../store';
 
     export let data: PageData;
 
@@ -74,8 +72,7 @@
         }
     };
 
-    const { register } = $projectRegistrant();
-    $: register();
+    $: $projectRegistrant.register();
 </script>
 
 <div class="common-section u-flex u-gap-12">
diff --git a/src/routes/console/project-[project]/storage/+page.svelte b/src/routes/console/project-[project]/storage/+page.svelte
index ed3d7c4ac..4c01b8ad7 100644
--- a/src/routes/console/project-[project]/storage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/+page.svelte
@@ -1,23 +1,23 @@
 <script lang="ts">
-    import { page } from '$app/stores';
     import { goto } from '$app/navigation';
-    import { Button } from '$lib/elements/forms';
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { tooltip } from '$lib/actions/tooltip';
     import {
+        CardContainer,
         Empty,
         GridItem1,
-        CardContainer,
         Heading,
-        PaginationWithLimit,
-        Id
+        Id,
+        PaginationWithLimit
     } from '$lib/components';
     import { Pill } from '$lib/elements';
-    import Create from './create.svelte';
+    import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
-    import { base } from '$app/paths';
-    import { tooltip } from '$lib/actions/tooltip';
     import type { Models } from '@appwrite.io/console';
-    import type { PageData } from './$types';
     import { projectRegistrant } from '../store';
+    import type { PageData } from './$types';
+    import Create from './create.svelte';
 
     export let data: PageData;
 
@@ -30,8 +30,7 @@
         await goto(`${base}/console/project-${project}/storage/bucket-${event.detail.$id}`);
     }
 
-    const { register } = $projectRegistrant();
-    $: register([
+    $: $projectRegistrant.register([
         {
             label: 'Create bucket',
             callback: () => {
diff --git a/src/routes/console/project-[project]/store.ts b/src/routes/console/project-[project]/store.ts
index 7dc6da82c..3444e7a3b 100644
--- a/src/routes/console/project-[project]/store.ts
+++ b/src/routes/console/project-[project]/store.ts
@@ -1,54 +1,57 @@
-import { derived, writable } from 'svelte/store';
+import { goto } from '$app/navigation';
 import { page } from '$app/stores';
+import { cmdRegistrant, type Command } from '$lib/helpers/commandCenter';
 import type { Models } from '@appwrite.io/console';
 import type { BarSeriesOption } from 'echarts/charts';
-import { ExtendCommandRegistrant } from '$lib/helpers/commandCenter';
-import { goto } from '$app/navigation';
+import { derived, writable } from 'svelte/store';
 
 export const project = derived(page, ($page) => $page.data.project as Models.Project);
 
-export const projectRegistrant = derived<
-    typeof project,
-    ReturnType<typeof ExtendCommandRegistrant>
->(project, ($project) => {
-    return ExtendCommandRegistrant([
-        {
-            label: 'Go to Overview',
-            keys: ['o'],
-            callback: () => {
-                goto(`/console/project-${$project.$id}`);
-            }
-        },
+export const projectRegistrant = derived([project, cmdRegistrant], ([$project, $registrant]) => {
+    return {
+        register: (c: Command[] = []) =>
+            $registrant.register([
+                ...[
+                    {
+                        label: 'Go to Overview',
+                        keys: ['o'],
+                        callback: () => {
+                            goto(`/console/project-${$project.$id}`);
+                        }
+                    },
 
-        {
-            label: 'Go to Auth',
-            callback: () => {
-                goto(`/console/project-${$project.$id}/auth`);
-            },
-            keys: ['a']
-        },
-        {
-            label: 'Go to Databases',
-            callback: () => {
-                goto(`/console/project-${$project.$id}/databases`);
-            },
-            keys: ['d']
-        },
-        {
-            label: 'Go to Functions',
-            callback: () => {
-                goto(`/console/project-${$project.$id}/functions`);
-            },
-            keys: ['f']
-        },
-        {
-            label: 'Go to Storage',
-            callback: () => {
-                goto(`/console/project-${$project.$id}/storage`);
-            },
-            keys: ['s']
-        }
-    ]);
+                    {
+                        label: 'Go to Auth',
+                        callback: () => {
+                            goto(`/console/project-${$project.$id}/auth`);
+                        },
+                        keys: ['a']
+                    },
+                    {
+                        label: 'Go to Databases',
+                        callback: () => {
+                            goto(`/console/project-${$project.$id}/databases`);
+                        },
+                        keys: ['d']
+                    },
+                    {
+                        label: 'Go to Functions',
+                        callback: () => {
+                            goto(`/console/project-${$project.$id}/functions`);
+                        },
+                        keys: ['f']
+                    },
+                    {
+                        label: 'Go to Storage',
+                        callback: () => {
+                            goto(`/console/project-${$project.$id}/storage`);
+                        },
+                        keys: ['s']
+                    }
+                ],
+                ...(c ?? [])
+            ])
+    };
 });
 
 export const onboarding = derived(

From 05d9cb7f3ad8a650f57d794a792e1d00f1fdca28 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 15 May 2023 23:52:08 +0100
Subject: [PATCH 004/128] refactor: cleaner registerCommand fn

---
 src/lib/helpers/commandCenter.ts              | 69 +++++--------------
 src/lib/helpers/debounce.ts                   |  7 ++
 src/routes/console/+layout.svelte             |  6 +-
 src/routes/console/commandCenter.svelte       |  8 +--
 .../organization-[organization]/+page.svelte  |  4 +-
 .../project-[project]/auth/+page.svelte       |  4 +-
 .../project-[project]/databases/+page.svelte  |  4 +-
 .../project-[project]/functions/+page.svelte  |  4 +-
 .../overview/platforms/+page.svelte           |  4 +-
 .../project-[project]/storage/+page.svelte    |  4 +-
 src/routes/console/project-[project]/store.ts | 15 ++--
 11 files changed, 52 insertions(+), 77 deletions(-)
 create mode 100644 src/lib/helpers/debounce.ts

diff --git a/src/lib/helpers/commandCenter.ts b/src/lib/helpers/commandCenter.ts
index 9e6b729f5..a5196b241 100644
--- a/src/lib/helpers/commandCenter.ts
+++ b/src/lib/helpers/commandCenter.ts
@@ -1,16 +1,12 @@
 import { derived, writable } from 'svelte/store';
-
-// type Key = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h' | 'i' | 'j' | 'k'
-// | 'l' | 'm' | 'n' | 'o' | 'p' | 'q' | 'r' | 's' | 't' | 'u' | 'v' | 'w' | 'x'
-// | 'y' | 'z' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K'
-// | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X'
-// | 'Y' | 'Z' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9'
+import { debounce } from './debounce';
 
 export type Command = {
     keys: string[];
     /* Ctrl on Windows/Linux, Meta on Mac */
-    meta?: boolean;
+    ctrl?: boolean;
     shift?: boolean;
+    /* Alt on Windows/Linux, Option on Mac */
     alt?: boolean;
     callback: () => void;
     label?: string;
@@ -19,66 +15,39 @@ export type Command = {
 };
 
 type CommandCenterState = {
-    commandMap: Map<RegisterProxy, Command[]>;
+    commandMap: Map<string, Command[]>;
     enabled: boolean;
 };
 
-export const commandCenter = (function init() {
-    const store = writable<CommandCenterState>({
-        commandMap: new Map(),
-        enabled: true
-    });
-
-    return {
-        ...store
-    };
-})();
+export const commandCenter = writable<CommandCenterState>({
+    commandMap: new Map(),
+    enabled: true
+});
 
 export const commands = derived(commandCenter, ($commandCenter) => {
     return Array.from($commandCenter.commandMap.values()).flat();
 });
 
-function createRegisterProxy() {
-    return new Proxy(
-        {},
-        {
-            get(_obj, field, receiver) {
-                if (field !== 'register') return;
-                return (newCommands: Command[]) => {
-                    commandCenter.update((curr) => {
-                        curr.commandMap.set(receiver, newCommands);
-                        return curr;
-                    });
-                };
-            }
-        }
-    ) as { register: (newCommands: Command[]) => void };
-}
+export const registerCommand = {
+    subscribe(runner: (cb: (newCommands: Command[]) => void) => void) {
+        const uuid = crypto.randomUUID();
 
-export type RegisterProxy = ReturnType<typeof createRegisterProxy>;
-
-export const cmdRegistrant = {
-    subscribe(runner: (proxy: RegisterProxy) => void) {
-        const proxy = createRegisterProxy();
-        runner(proxy);
+        runner((newCommands: Command[]) => {
+            commandCenter.update((curr) => {
+                curr.commandMap.set(uuid, newCommands);
+                return curr;
+            });
+        });
 
         return () => {
             commandCenter.update((curr) => {
-                curr.commandMap.delete(proxy);
+                curr.commandMap.delete(uuid);
                 return curr;
             });
         };
     }
 };
 
-const debounce = (fn: () => void, ms: number) => {
-    let timeout: NodeJS.Timeout;
-    return () => {
-        clearTimeout(timeout);
-        timeout = setTimeout(fn, ms);
-    };
-};
-
 export const commandCenterKeyDownHandler = derived(commandCenter, ({ commandMap, enabled }) => {
     const commandsArr = Array.from(commandMap.values()).flat();
     const recentKeyCodes = new Set<number>();
@@ -92,7 +61,7 @@ export const commandCenterKeyDownHandler = derived(commandCenter, ({ commandMap,
         for (const command of commandsArr) {
             if (command.disabled || (!enabled && !command.forceEnable)) continue;
 
-            const { keys, meta, shift, alt, callback } = command;
+            const { keys, ctrl: meta, shift, alt, callback } = command;
 
             const isMetaPressed = meta ? (isMac ? event.metaKey : event.ctrlKey) : true;
             const isShiftPressed = shift ? event.shiftKey : true;
diff --git a/src/lib/helpers/debounce.ts b/src/lib/helpers/debounce.ts
new file mode 100644
index 000000000..bc6942d12
--- /dev/null
+++ b/src/lib/helpers/debounce.ts
@@ -0,0 +1,7 @@
+export function debounce(fn: () => void, ms: number) {
+    let timeout: NodeJS.Timeout;
+    return () => {
+        clearTimeout(timeout);
+        timeout = setTimeout(fn, ms);
+    };
+}
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 60e25c92f..f2f21e417 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -16,17 +16,17 @@
     import Create from './createOrganization.svelte';
 
     import { goto } from '$app/navigation';
-    import { cmdRegistrant, commandCenterKeyDownHandler } from '$lib/helpers/commandCenter';
+    import { registerCommand, commandCenterKeyDownHandler } from '$lib/helpers/commandCenter';
     import CommandCenter from './commandCenter.svelte';
 
-    $: $cmdRegistrant.register([
+    $: $registerCommand([
         {
             label: 'Go to Account',
             callback: () => {
                 goto('/console/account');
             },
             keys: ['a'],
-            meta: true,
+            ctrl: true,
             shift: true
         },
         {
diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
index d40373f47..e39c113ca 100644
--- a/src/routes/console/commandCenter.svelte
+++ b/src/routes/console/commandCenter.svelte
@@ -1,19 +1,19 @@
 <script lang="ts">
     import Dialog from '$lib/components/dialog.svelte';
-    import { commands, commandCenter, cmdRegistrant } from '$lib/helpers/commandCenter';
+    import { commands, commandCenter, registerCommand } from '$lib/helpers/commandCenter';
     import { isMac } from '$lib/helpers/platform';
 
     let open = false;
     let search = '';
     let selected = 0;
 
-    $: $cmdRegistrant.register([
+    $: $registerCommand([
         {
             callback: () => {
                 open = !open;
             },
             keys: ['k'],
-            meta: true,
+            ctrl: true,
             forceEnable: true
         }
     ]);
@@ -66,7 +66,7 @@
                         {command.label}
                     </span>
                     <div class="u-flex u-gap-4">
-                        {#if command.meta}
+                        {#if command.ctrl}
                             <kbd class="kbd"> {isMac() ? '⌘' : 'ctrl'} </kbd>
                         {/if}
                         {#if command.shift}
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index 74fb3cec4..fecfaae90 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -5,7 +5,7 @@
     import { CardContainer, Empty, GridItem1, Heading, PaginationWithLimit } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
-    import { cmdRegistrant } from '$lib/helpers/commandCenter';
+    import { registerCommand } from '$lib/helpers/commandCenter';
     import { Container } from '$lib/layout';
     import CreateOrganization from '../createOrganization.svelte';
     import type { PageData } from './$types';
@@ -46,7 +46,7 @@
         );
     }
 
-    $: $cmdRegistrant.register([
+    $: $registerCommand([
         ...data.projects.projects.map((project, i) => ({
             label: `Project ${project.name}`,
             callback: () => {
diff --git a/src/routes/console/project-[project]/auth/+page.svelte b/src/routes/console/project-[project]/auth/+page.svelte
index 392d7b25c..faf7d9b18 100644
--- a/src/routes/console/project-[project]/auth/+page.svelte
+++ b/src/routes/console/project-[project]/auth/+page.svelte
@@ -24,7 +24,7 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { Container } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
-    import { project, projectRegistrant } from '../store';
+    import { project, registerProjectCommand } from '../store';
     import type { PageData } from './$types';
     import Create from './createUser.svelte';
 
@@ -36,7 +36,7 @@
         await goto(`${base}/console/project-${projectId}/auth/user-${event.detail.$id}`);
     }
 
-    $: $projectRegistrant.register([
+    $: $registerProjectCommand([
         {
             label: 'Create user',
             callback: () => {
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index bc90b7a14..6295c5474 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -6,7 +6,7 @@
     import { Button } from '$lib/elements/forms';
     import { Container, GridHeader } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
-    import { projectRegistrant } from '../store';
+    import { registerProjectCommand } from '../store';
     import type { PageData } from './$types';
     import Create from './create.svelte';
     import Grid from './grid.svelte';
@@ -23,7 +23,7 @@
         await goto(`${base}/console/project-${project}/databases/database-${event.detail.$id}`);
     }
 
-    $: $projectRegistrant.register([
+    $: $registerProjectCommand([
         {
             label: 'Create database',
             callback: () => {
diff --git a/src/routes/console/project-[project]/functions/+page.svelte b/src/routes/console/project-[project]/functions/+page.svelte
index a13373b81..e1eda6314 100644
--- a/src/routes/console/project-[project]/functions/+page.svelte
+++ b/src/routes/console/project-[project]/functions/+page.svelte
@@ -19,7 +19,7 @@
     import type { PageData } from './$types';
     import Create from './createFunction.svelte';
 
-    import { projectRegistrant } from '../store';
+    import { registerProjectCommand } from '../store';
 
     export let data: PageData;
 
@@ -35,7 +35,7 @@
         wizard.hide();
     });
 
-    $: $projectRegistrant.register([
+    $: $registerProjectCommand([
         {
             label: 'Create function',
             callback: openWizard,
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index 023130202..2c5fac9a1 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -36,7 +36,7 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { app } from '$lib/stores/app';
     import type { PageData } from './$types';
-    import { projectRegistrant } from '../../store';
+    import { registerProjectCommand } from '../../store';
 
     export let data: PageData;
 
@@ -72,7 +72,7 @@
         }
     };
 
-    $: $projectRegistrant.register();
+    $: $registerProjectCommand();
 </script>
 
 <div class="common-section u-flex u-gap-12">
diff --git a/src/routes/console/project-[project]/storage/+page.svelte b/src/routes/console/project-[project]/storage/+page.svelte
index 4c01b8ad7..f805f326d 100644
--- a/src/routes/console/project-[project]/storage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/+page.svelte
@@ -15,7 +15,7 @@
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
-    import { projectRegistrant } from '../store';
+    import { registerProjectCommand } from '../store';
     import type { PageData } from './$types';
     import Create from './create.svelte';
 
@@ -30,7 +30,7 @@
         await goto(`${base}/console/project-${project}/storage/bucket-${event.detail.$id}`);
     }
 
-    $: $projectRegistrant.register([
+    $: $registerProjectCommand([
         {
             label: 'Create bucket',
             callback: () => {
diff --git a/src/routes/console/project-[project]/store.ts b/src/routes/console/project-[project]/store.ts
index 3444e7a3b..d932b663f 100644
--- a/src/routes/console/project-[project]/store.ts
+++ b/src/routes/console/project-[project]/store.ts
@@ -1,16 +1,15 @@
 import { goto } from '$app/navigation';
 import { page } from '$app/stores';
-import { cmdRegistrant, type Command } from '$lib/helpers/commandCenter';
+import { registerCommand, type Command } from '$lib/helpers/commandCenter';
 import type { Models } from '@appwrite.io/console';
 import type { BarSeriesOption } from 'echarts/charts';
-import { derived, writable } from 'svelte/store';
+import { derived, writable, type Readable } from 'svelte/store';
 
 export const project = derived(page, ($page) => $page.data.project as Models.Project);
 
-export const projectRegistrant = derived([project, cmdRegistrant], ([$project, $registrant]) => {
-    return {
-        register: (c: Command[] = []) =>
-            $registrant.register([
+export const registerProjectCommand = derived([project, registerCommand], ([$project, $register]) => {
+    return (c: Command[] = []) =>
+            $register([
                 ...[
                     {
                         label: 'Go to Overview',
@@ -51,8 +50,8 @@ export const projectRegistrant = derived([project, cmdRegistrant], ([$project, $
                 ],
                 ...(c ?? [])
             ])
-    };
-});
+    
+}) as Readable<(c?: Command[]) => void>;
 
 export const onboarding = derived(
     project,

From 41ce56e870e23fa078cacdc5b055edd1a6944950 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 16 May 2023 08:25:06 +0100
Subject: [PATCH 005/128] fix: onboarding missing shortcus

---
 src/lib/helpers/platform.ts                               | 1 -
 .../console/project-[project]/databases/+page.svelte      | 4 ++++
 .../console/project-[project]/overview/onboard.svelte     | 3 +++
 .../project-[project]/overview/platforms/+page.svelte     | 8 +++++++-
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/lib/helpers/platform.ts b/src/lib/helpers/platform.ts
index e03708a01..98920c7c6 100644
--- a/src/lib/helpers/platform.ts
+++ b/src/lib/helpers/platform.ts
@@ -1,4 +1,3 @@
 export function isMac(): boolean {
-    console.log('isMac()', window.navigator.platform.toUpperCase().indexOf('MAC') >= 0);
     return window.navigator.platform.toUpperCase().indexOf('MAC') >= 0;
 }
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index 6295c5474..dc3eb69ca 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -12,6 +12,7 @@
     import Grid from './grid.svelte';
     import { columns } from './store';
     import Table from './table.svelte';
+    import { commandCenter } from '$lib/helpers/commandCenter';
 
     export let data: PageData;
 
@@ -30,9 +31,12 @@
                 showCreate = true;
             },
             keys: ['c'],
+            ctrl: true,
             disabled: showCreate
         }
     ]);
+
+    $: $commandCenter.enabled = !showCreate;
 </script>
 
 <Container>
diff --git a/src/routes/console/project-[project]/overview/onboard.svelte b/src/routes/console/project-[project]/overview/onboard.svelte
index 65b657852..016280d7e 100644
--- a/src/routes/console/project-[project]/overview/onboard.svelte
+++ b/src/routes/console/project-[project]/overview/onboard.svelte
@@ -9,6 +9,7 @@
     import { app } from '$lib/stores/app';
     import { wizard } from '$lib/stores/wizard';
     import Wizard from './keys/wizard.svelte';
+    import { registerProjectCommand } from '../store';
 
     export let projectId: string;
 
@@ -42,6 +43,8 @@
     $: onBoardIntro = $app.themeInUse === 'dark' ? OnboardDarkIntro : OnboardLightIntro;
     $: onBoardImage1 = $app.themeInUse === 'dark' ? OnboardDark1 : OnboardLight1;
     $: onBoardImage2 = $app.themeInUse === 'dark' ? OnboardDark2 : OnboardLight2;
+
+    $: $registerProjectCommand();
 </script>
 
 <div class="card">
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index 2c5fac9a1..4536d6d86 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -72,7 +72,13 @@
         }
     };
 
-    $: $registerProjectCommand();
+    $: $registerProjectCommand([
+        {
+            label: 'Create Web App',
+            callback: () => addPlatform(Platform.Web),
+            keys: ['c']
+        }
+    ]);
 </script>
 
 <div class="common-section u-flex u-gap-12">

From bf77043c8e5cdf5a52eb855658304c72a779007d Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 16 May 2023 09:04:48 +0100
Subject: [PATCH 006/128] fix: disabling commands

---
 src/lib/components/dialog.svelte              |  1 +
 src/lib/helpers/commandCenter.ts              | 77 +++++++++++++------
 src/routes/console/commandCenter.svelte       |  6 +-
 .../project-[project]/databases/+page.svelte  |  5 +-
 4 files changed, 59 insertions(+), 30 deletions(-)

diff --git a/src/lib/components/dialog.svelte b/src/lib/components/dialog.svelte
index aa055883e..6578ebef9 100644
--- a/src/lib/components/dialog.svelte
+++ b/src/lib/components/dialog.svelte
@@ -7,6 +7,7 @@
     export let error: string = null;
     export let closable = true;
     export let headerDivider = true;
+    export let animate = true;
 
     let dialog: HTMLDialogElement;
     let alert: HTMLElement;
diff --git a/src/lib/helpers/commandCenter.ts b/src/lib/helpers/commandCenter.ts
index a5196b241..1289b6f57 100644
--- a/src/lib/helpers/commandCenter.ts
+++ b/src/lib/helpers/commandCenter.ts
@@ -1,5 +1,6 @@
 import { derived, writable } from 'svelte/store';
 import { debounce } from './debounce';
+import { isMac } from './platform';
 
 export type Command = {
     keys: string[];
@@ -16,18 +17,23 @@ export type Command = {
 
 type CommandCenterState = {
     commandMap: Map<string, Command[]>;
-    enabled: boolean;
+    disabledMap: Map<string, boolean>;
 };
 
 export const commandCenter = writable<CommandCenterState>({
     commandMap: new Map(),
-    enabled: true
+    disabledMap: new Map()
 });
 
 export const commands = derived(commandCenter, ($commandCenter) => {
     return Array.from($commandCenter.commandMap.values()).flat();
 });
 
+const commandsEnabled = derived(commandCenter, ($commandCenter) => {
+    // If there's an item on the disabledMap that's true, then disable the command center
+    return Array.from($commandCenter.disabledMap.values()).every((disabled) => !disabled);
+});
+
 export const registerCommand = {
     subscribe(runner: (cb: (newCommands: Command[]) => void) => void) {
         const uuid = crypto.randomUUID();
@@ -48,33 +54,56 @@ export const registerCommand = {
     }
 };
 
-export const commandCenterKeyDownHandler = derived(commandCenter, ({ commandMap, enabled }) => {
-    const commandsArr = Array.from(commandMap.values()).flat();
-    const recentKeyCodes = new Set<number>();
+export const disableCommands = {
+    subscribe(runner: (cb: (disabled: boolean) => void) => void) {
+        const uuid = crypto.randomUUID();
 
-    return (event: KeyboardEvent) => {
-        const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+        runner((disabled: boolean) => {
+            commandCenter.update((curr) => {
+                curr.disabledMap.set(uuid, disabled);
+                return curr;
+            });
+        });
 
-        recentKeyCodes.add(event.keyCode);
-        debounce(() => recentKeyCodes.clear(), 1000)();
+        return () => {
+            commandCenter.update((curr) => {
+                curr.disabledMap.delete(uuid);
+                return curr;
+            });
+        };
+    }
+};
 
-        for (const command of commandsArr) {
-            if (command.disabled || (!enabled && !command.forceEnable)) continue;
+export const commandCenterKeyDownHandler = derived(
+    [commandCenter, commandsEnabled],
+    ([{ commandMap }, enabled]) => {
+        const commandsArr = Array.from(commandMap.values()).flat();
+        const recentKeyCodes = new Set<number>();
 
-            const { keys, ctrl: meta, shift, alt, callback } = command;
+        return (event: KeyboardEvent) => {
+            recentKeyCodes.add(event.keyCode);
+            debounce(() => recentKeyCodes.clear(), 1000)();
 
-            const isMetaPressed = meta ? (isMac ? event.metaKey : event.ctrlKey) : true;
-            const isShiftPressed = shift ? event.shiftKey : true;
-            const isAltPressed = alt ? event.altKey : true;
+            for (const command of commandsArr) {
+                if (command.disabled || (!enabled && !command.forceEnable)) continue;
 
-            const commandKeyCodes = keys.map((key) => key.toUpperCase().charCodeAt(0));
-            const allKeysPressed = commandKeyCodes.every((keyCode) => recentKeyCodes.has(keyCode));
+                const { keys, ctrl: meta, shift, alt, callback } = command;
 
-            if (allKeysPressed && isMetaPressed && isShiftPressed && isAltPressed) {
-                event.preventDefault();
-                callback();
-                return;
+                const isMetaPressed = meta ? (isMac() ? event.metaKey : event.ctrlKey) : true;
+                const isShiftPressed = shift ? event.shiftKey : true;
+                const isAltPressed = alt ? event.altKey : true;
+
+                const commandKeyCodes = keys.map((key) => key.toUpperCase().charCodeAt(0));
+                const allKeysPressed = commandKeyCodes.every((keyCode) =>
+                    recentKeyCodes.has(keyCode)
+                );
+
+                if (allKeysPressed && isMetaPressed && isShiftPressed && isAltPressed) {
+                    event.preventDefault();
+                    callback();
+                    return;
+                }
             }
-        }
-    };
-});
+        };
+    }
+);
diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
index e39c113ca..e1857455d 100644
--- a/src/routes/console/commandCenter.svelte
+++ b/src/routes/console/commandCenter.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import Dialog from '$lib/components/dialog.svelte';
-    import { commands, commandCenter, registerCommand } from '$lib/helpers/commandCenter';
+    import { commands, disableCommands, registerCommand } from '$lib/helpers/commandCenter';
     import { isMac } from '$lib/helpers/platform';
 
     let open = false;
@@ -48,7 +48,7 @@
         selected = 0;
     }
 
-    $: $commandCenter.enabled = !open;
+    $: $disableCommands(open);
 </script>
 
 <svelte:window on:keydown={handleKeyDown} />
@@ -98,7 +98,7 @@
     }
 
     .result {
-        border-radius: 0.25rem;
+        border-radius: 0.75rem;
         padding: 0.5rem 0.75rem;
     }
 
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index dc3eb69ca..b76e9a840 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -4,6 +4,7 @@
     import { page } from '$app/stores';
     import { Empty, PaginationWithLimit } from '$lib/components';
     import { Button } from '$lib/elements/forms';
+    import { disableCommands } from '$lib/helpers/commandCenter';
     import { Container, GridHeader } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
     import { registerProjectCommand } from '../store';
@@ -12,7 +13,6 @@
     import Grid from './grid.svelte';
     import { columns } from './store';
     import Table from './table.svelte';
-    import { commandCenter } from '$lib/helpers/commandCenter';
 
     export let data: PageData;
 
@@ -31,12 +31,11 @@
                 showCreate = true;
             },
             keys: ['c'],
-            ctrl: true,
             disabled: showCreate
         }
     ]);
 
-    $: $commandCenter.enabled = !showCreate;
+    $: $disableCommands(showCreate);
 </script>
 
 <Container>

From adbd2c7f53350757d0f8f71a75f512d2a582d315 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 16 May 2023 09:19:32 +0100
Subject: [PATCH 007/128] fix: command key order

---
 src/lib/helpers/commandCenter.ts              | 10 +--
 src/routes/console/+layout.svelte             |  3 +-
 src/routes/console/commandCenter.svelte       |  9 +-
 .../organization-[organization]/+page.svelte  |  4 +-
 src/routes/console/project-[project]/store.ts | 88 ++++++++++---------
 5 files changed, 60 insertions(+), 54 deletions(-)

diff --git a/src/lib/helpers/commandCenter.ts b/src/lib/helpers/commandCenter.ts
index 1289b6f57..f1da960f5 100644
--- a/src/lib/helpers/commandCenter.ts
+++ b/src/lib/helpers/commandCenter.ts
@@ -78,11 +78,11 @@ export const commandCenterKeyDownHandler = derived(
     [commandCenter, commandsEnabled],
     ([{ commandMap }, enabled]) => {
         const commandsArr = Array.from(commandMap.values()).flat();
-        const recentKeyCodes = new Set<number>();
+        let recentKeyCodes: number[] = [];
 
         return (event: KeyboardEvent) => {
-            recentKeyCodes.add(event.keyCode);
-            debounce(() => recentKeyCodes.clear(), 1000)();
+            recentKeyCodes.push(event.keyCode);
+            debounce(() => (recentKeyCodes = []), 1000)();
 
             for (const command of commandsArr) {
                 if (command.disabled || (!enabled && !command.forceEnable)) continue;
@@ -94,9 +94,7 @@ export const commandCenterKeyDownHandler = derived(
                 const isAltPressed = alt ? event.altKey : true;
 
                 const commandKeyCodes = keys.map((key) => key.toUpperCase().charCodeAt(0));
-                const allKeysPressed = commandKeyCodes.every((keyCode) =>
-                    recentKeyCodes.has(keyCode)
-                );
+                const allKeysPressed = recentKeyCodes.join('').includes(commandKeyCodes.join(''));
 
                 if (allKeysPressed && isMetaPressed && isShiftPressed && isAltPressed) {
                     event.preventDefault();
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index f2f21e417..f8511ad3f 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -34,8 +34,7 @@
             callback: () => {
                 goto('/console');
             },
-            keys: ['h'],
-            alt: true
+            keys: ['g', 'h']
         }
     ]);
 
diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
index e1857455d..bbdf7c95f 100644
--- a/src/routes/console/commandCenter.svelte
+++ b/src/routes/console/commandCenter.svelte
@@ -65,7 +65,7 @@
                     <span>
                         {command.label}
                     </span>
-                    <div class="u-flex u-gap-4">
+                    <div class="u-flex u-gap-4 u-cross-center">
                         {#if command.ctrl}
                             <kbd class="kbd"> {isMac() ? '⌘' : 'ctrl'} </kbd>
                         {/if}
@@ -75,10 +75,15 @@
                         {#if command.alt}
                             <kbd class="kbd"> {isMac() ? '⌥' : 'alt'} </kbd>
                         {/if}
-                        {#each command.keys as key}
+                        {#each command.keys as key, i}
+                            {@const hasNext = command.keys.length - 1 !== i}
+
                             <kbd class="kbd">
                                 {key.toUpperCase()}
                             </kbd>
+                            {#if hasNext}
+                                <span class="u-margin-inline-4" style:opacity={0.5}>then</span>
+                            {/if}
                         {/each}
                     </div>
                 </li>
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index fecfaae90..ddf821e93 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -5,7 +5,7 @@
     import { CardContainer, Empty, GridItem1, Heading, PaginationWithLimit } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
-    import { registerCommand } from '$lib/helpers/commandCenter';
+    import { disableCommands, registerCommand } from '$lib/helpers/commandCenter';
     import { Container } from '$lib/layout';
     import CreateOrganization from '../createOrganization.svelte';
     import type { PageData } from './$types';
@@ -63,6 +63,8 @@
             disabled: showCreate
         }
     ]);
+
+    $: $disableCommands(showCreate);
 </script>
 
 <Container>
diff --git a/src/routes/console/project-[project]/store.ts b/src/routes/console/project-[project]/store.ts
index d932b663f..ed5e12960 100644
--- a/src/routes/console/project-[project]/store.ts
+++ b/src/routes/console/project-[project]/store.ts
@@ -7,51 +7,53 @@ import { derived, writable, type Readable } from 'svelte/store';
 
 export const project = derived(page, ($page) => $page.data.project as Models.Project);
 
-export const registerProjectCommand = derived([project, registerCommand], ([$project, $register]) => {
-    return (c: Command[] = []) =>
-            $register([
-                ...[
-                    {
-                        label: 'Go to Overview',
-                        keys: ['o'],
-                        callback: () => {
-                            goto(`/console/project-${$project.$id}`);
-                        }
-                    },
+export const registerProjectCommand = derived(
+    [project, registerCommand],
+    ([$project, $register]) => {
+        return (c: Command[] = []) => {
+            const projectCommands: Command[] = [
+                {
+                    label: 'Go to Overview',
+                    keys: ['g', 'o'],
 
-                    {
-                        label: 'Go to Auth',
-                        callback: () => {
-                            goto(`/console/project-${$project.$id}/auth`);
-                        },
-                        keys: ['a']
-                    },
-                    {
-                        label: 'Go to Databases',
-                        callback: () => {
-                            goto(`/console/project-${$project.$id}/databases`);
-                        },
-                        keys: ['d']
-                    },
-                    {
-                        label: 'Go to Functions',
-                        callback: () => {
-                            goto(`/console/project-${$project.$id}/functions`);
-                        },
-                        keys: ['f']
-                    },
-                    {
-                        label: 'Go to Storage',
-                        callback: () => {
-                            goto(`/console/project-${$project.$id}/storage`);
-                        },
-                        keys: ['s']
+                    callback: () => {
+                        goto(`/console/project-${$project.$id}`);
                     }
-                ],
-                ...(c ?? [])
-            ])
-    
-}) as Readable<(c?: Command[]) => void>;
+                },
+
+                {
+                    label: 'Go to Auth',
+                    callback: () => {
+                        goto(`/console/project-${$project.$id}/auth`);
+                    },
+                    keys: ['g', 'a']
+                },
+                {
+                    label: 'Go to Databases',
+                    callback: () => {
+                        goto(`/console/project-${$project.$id}/databases`);
+                    },
+                    keys: ['g', 'd']
+                },
+                {
+                    label: 'Go to Functions',
+                    callback: () => {
+                        goto(`/console/project-${$project.$id}/functions`);
+                    },
+                    keys: ['g', 'f']
+                },
+                {
+                    label: 'Go to Storage',
+                    callback: () => {
+                        goto(`/console/project-${$project.$id}/storage`);
+                    },
+                    keys: ['g', 's']
+                }
+            ];
+            return $register([...projectCommands, ...(c ?? [])]);
+        };
+    }
+) as Readable<(c?: Command[]) => void>;
 
 export const onboarding = derived(
     project,

From 46c7a26f901cd087b84ca026943044223ee6c84d Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 16 May 2023 09:47:52 +0100
Subject: [PATCH 008/128] refactor: disable commands on input elements

---
 src/lib/helpers/commandCenter.ts                            | 5 +++++
 src/routes/console/organization-[organization]/+page.svelte | 4 +---
 src/routes/console/project-[project]/databases/+page.svelte | 3 ---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/helpers/commandCenter.ts b/src/lib/helpers/commandCenter.ts
index f1da960f5..f84a2b6f6 100644
--- a/src/lib/helpers/commandCenter.ts
+++ b/src/lib/helpers/commandCenter.ts
@@ -81,6 +81,11 @@ export const commandCenterKeyDownHandler = derived(
         let recentKeyCodes: number[] = [];
 
         return (event: KeyboardEvent) => {
+            // ignore keypresses that come from input, textarea and select elements
+            if (['INPUT', 'TEXTAREA', 'SELECT'].includes((event.target as HTMLElement).tagName)) {
+                return;
+            }
+
             recentKeyCodes.push(event.keyCode);
             debounce(() => (recentKeyCodes = []), 1000)();
 
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index ddf821e93..fecfaae90 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -5,7 +5,7 @@
     import { CardContainer, Empty, GridItem1, Heading, PaginationWithLimit } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
-    import { disableCommands, registerCommand } from '$lib/helpers/commandCenter';
+    import { registerCommand } from '$lib/helpers/commandCenter';
     import { Container } from '$lib/layout';
     import CreateOrganization from '../createOrganization.svelte';
     import type { PageData } from './$types';
@@ -63,8 +63,6 @@
             disabled: showCreate
         }
     ]);
-
-    $: $disableCommands(showCreate);
 </script>
 
 <Container>
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index b76e9a840..6295c5474 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -4,7 +4,6 @@
     import { page } from '$app/stores';
     import { Empty, PaginationWithLimit } from '$lib/components';
     import { Button } from '$lib/elements/forms';
-    import { disableCommands } from '$lib/helpers/commandCenter';
     import { Container, GridHeader } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
     import { registerProjectCommand } from '../store';
@@ -34,8 +33,6 @@
             disabled: showCreate
         }
     ]);
-
-    $: $disableCommands(showCreate);
 </script>
 
 <Container>

From ea8a92481ca9414f903fc73c02494b7707507b6e Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 16 May 2023 09:57:45 +0100
Subject: [PATCH 009/128] feat: cmd center animation

---
 src/routes/console/commandCenter.svelte | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
index bbdf7c95f..80b712773 100644
--- a/src/routes/console/commandCenter.svelte
+++ b/src/routes/console/commandCenter.svelte
@@ -2,6 +2,8 @@
     import Dialog from '$lib/components/dialog.svelte';
     import { commands, disableCommands, registerCommand } from '$lib/helpers/commandCenter';
     import { isMac } from '$lib/helpers/platform';
+    import { bounceOut, elasticOut, quadOut } from 'svelte/easing';
+    import { crossfade } from 'svelte/transition';
 
     let open = false;
     let search = '';
@@ -49,6 +51,11 @@
     }
 
     $: $disableCommands(open);
+
+    const [send, receive] = crossfade({
+        duration: 150,
+        easing: quadOut
+    });
 </script>
 
 <svelte:window on:keydown={handleKeyDown} />
@@ -86,6 +93,9 @@
                             {/if}
                         {/each}
                     </div>
+                    {#if selected === i}
+                        <div class="bg" in:send={{ key: 'bg' }} out:receive={{ key: 'bg' }} />
+                    {/if}
                 </li>
             {:else}
                 <li class="result">
@@ -103,14 +113,25 @@
     }
 
     .result {
-        border-radius: 0.75rem;
         padding: 0.5rem 0.75rem;
+        transition: 150ms;
+        position: relative;
     }
 
-    .result[data-selected] {
+    .result .bg {
+        position: absolute;
+        inset: 0;
         background-color: hsl(var(--color-neutral-200));
+        border-radius: 0.75rem;
+        translate: 0 -1px;
+
+        z-index: -1;
     }
 
+    /* .result[data-selected] {
+        background-color: hsl(var(--color-neutral-200));
+    } */
+
     .kbd {
         padding-inline: 0.25rem;
     }

From 6874ab276ff36a7c6054d054bcee64dc24798bc7 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 16 May 2023 10:39:11 +0100
Subject: [PATCH 010/128] feat: more command center animations

---
 src/lib/components/dialog.svelte        | 56 +++++++++++++----------
 src/routes/console/commandCenter.svelte | 61 +++++++++++++------------
 2 files changed, 65 insertions(+), 52 deletions(-)

diff --git a/src/lib/components/dialog.svelte b/src/lib/components/dialog.svelte
index 6578ebef9..daa2cb6c0 100644
--- a/src/lib/components/dialog.svelte
+++ b/src/lib/components/dialog.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { trackEvent } from '$lib/actions/analytics';
     import { createEventDispatcher, onDestroy, onMount } from 'svelte';
+    import { fade, scale } from 'svelte/transition';
 
     export let show = false;
     export let size: 'small' | 'big' = null;
@@ -9,7 +10,7 @@
     export let headerDivider = true;
     export let animate = true;
 
-    let dialog: HTMLDialogElement;
+    let dialog: HTMLDivElement;
     let alert: HTMLElement;
 
     const dispatch = createEventDispatcher();
@@ -31,20 +32,14 @@
         }
     }
     function openModal() {
-        if (dialog && !dialog.open) {
-            dialog.showModal();
-            document.documentElement.classList.add('u-overflow-hidden');
-        }
+        document.documentElement.classList.add('u-overflow-hidden');
     }
 
     function closeModal() {
         if (closable) {
-            if (dialog && dialog.open) {
-                dispatch('close');
-                dialog.close();
-                show = false;
-                document.documentElement.classList.remove('u-overflow-hidden');
-            }
+            dispatch('close');
+            show = false;
+            document.documentElement.classList.remove('u-overflow-hidden');
         }
     }
 
@@ -71,20 +66,35 @@
 
 <svelte:window on:mousedown={handleBLur} on:keydown={handleKeydown} />
 
-<dialog
-    class="modal"
-    class:is-small={size === 'small'}
-    class:is-big={size === 'big'}
-    class:is-separate-header={headerDivider}
-    bind:this={dialog}
-    on:cancel|preventDefault>
-    {#if show}
-        <slot />
-    {/if}
-</dialog>
+{#if show}
+    <div
+        class="dialog"
+        class:is-small={size === 'small'}
+        class:is-big={size === 'big'}
+        class:is-separate-header={headerDivider}
+        on:cancel|preventDefault
+        bind:this={dialog}
+        transition:fade={{ duration: animate ? 150 : 0 }}>
+        <div class="card" transition:scale={{ duration: animate ? 150 : 0, start: 0.9 }}>
+            <slot />
+        </div>
+    </div>
+{/if}
 
 <style>
-    .modal {
+    .dialog {
+        padding: 0.5rem;
+        position: fixed;
+        inset: 0;
+        background-color: hsl(var(--color-neutral-500) / 0.5);
+        z-index: 9999;
+
+        display: grid;
+        place-items: center;
+    }
+
+    .card {
+        min-width: 400px;
         padding: 0.5rem;
     }
 </style>
diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
index 80b712773..1849432e3 100644
--- a/src/routes/console/commandCenter.svelte
+++ b/src/routes/console/commandCenter.svelte
@@ -66,36 +66,36 @@
 
         <ul class="u-margin-block-start-16 u-flex u-flex-vertical u-gap-8">
             {#each results as command, i}
-                <li
-                    class="u-flex u-main-space-between result"
-                    data-selected={selected === i ? true : undefined}>
-                    <span>
-                        {command.label}
-                    </span>
-                    <div class="u-flex u-gap-4 u-cross-center">
-                        {#if command.ctrl}
-                            <kbd class="kbd"> {isMac() ? '⌘' : 'ctrl'} </kbd>
-                        {/if}
-                        {#if command.shift}
-                            <kbd class="kbd"> {isMac() ? '⇧' : 'shift'} </kbd>
-                        {/if}
-                        {#if command.alt}
-                            <kbd class="kbd"> {isMac() ? '⌥' : 'alt'} </kbd>
-                        {/if}
-                        {#each command.keys as key, i}
-                            {@const hasNext = command.keys.length - 1 !== i}
-
-                            <kbd class="kbd">
-                                {key.toUpperCase()}
-                            </kbd>
-                            {#if hasNext}
-                                <span class="u-margin-inline-4" style:opacity={0.5}>then</span>
-                            {/if}
-                        {/each}
-                    </div>
+                <li class="result" data-selected={selected === i ? true : undefined}>
                     {#if selected === i}
                         <div class="bg" in:send={{ key: 'bg' }} out:receive={{ key: 'bg' }} />
                     {/if}
+                    <div class="u-flex u-main-space-between content">
+                        <span>
+                            {command.label}
+                        </span>
+                        <div class="u-flex u-gap-4 u-cross-center">
+                            {#if command.ctrl}
+                                <kbd class="kbd"> {isMac() ? '⌘' : 'ctrl'} </kbd>
+                            {/if}
+                            {#if command.shift}
+                                <kbd class="kbd"> {isMac() ? '⇧' : 'shift'} </kbd>
+                            {/if}
+                            {#if command.alt}
+                                <kbd class="kbd"> {isMac() ? '⌥' : 'alt'} </kbd>
+                            {/if}
+                            {#each command.keys as key, i}
+                                {@const hasNext = command.keys.length - 1 !== i}
+
+                                <kbd class="kbd">
+                                    {key.toUpperCase()}
+                                </kbd>
+                                {#if hasNext}
+                                    <span class="u-margin-inline-4" style:opacity={0.5}>then</span>
+                                {/if}
+                            {/each}
+                        </div>
+                    </div>
                 </li>
             {:else}
                 <li class="result">
@@ -118,14 +118,17 @@
         position: relative;
     }
 
+    .result .content {
+        position: relative;
+        z-index: 10;
+    }
+
     .result .bg {
         position: absolute;
         inset: 0;
         background-color: hsl(var(--color-neutral-200));
         border-radius: 0.75rem;
         translate: 0 -1px;
-
-        z-index: -1;
     }
 
     /* .result[data-selected] {

From d01c078cd9d13dbb4482c6392c4386f960d4c005 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 16 May 2023 10:51:07 +0100
Subject: [PATCH 011/128] refactor: command center positioning

---
 src/lib/components/dialog.svelte        | 9 ++++++---
 src/routes/console/commandCenter.svelte | 6 ++++++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/dialog.svelte b/src/lib/components/dialog.svelte
index daa2cb6c0..b3949b215 100644
--- a/src/lib/components/dialog.svelte
+++ b/src/lib/components/dialog.svelte
@@ -86,15 +86,18 @@
         padding: 0.5rem;
         position: fixed;
         inset: 0;
+
         background-color: hsl(var(--color-neutral-500) / 0.5);
         z-index: 9999;
-
-        display: grid;
-        place-items: center;
     }
 
     .card {
         min-width: 400px;
         padding: 0.5rem;
+
+        position: absolute;
+        top: clamp(128px, 20vh, 400px);
+        left: 50%;
+        translate: -50%;
     }
 </style>
diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
index 1849432e3..1735870a1 100644
--- a/src/routes/console/commandCenter.svelte
+++ b/src/routes/console/commandCenter.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { afterNavigate } from '$app/navigation';
     import Dialog from '$lib/components/dialog.svelte';
     import { commands, disableCommands, registerCommand } from '$lib/helpers/commandCenter';
     import { isMac } from '$lib/helpers/platform';
@@ -56,6 +57,11 @@
         duration: 150,
         easing: quadOut
     });
+
+    afterNavigate(() => {
+        open = false;
+        search = '';
+    });
 </script>
 
 <svelte:window on:keydown={handleKeyDown} />

From 7de0a2195d7ee117d6e1ccce70db982da5690f19 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 16 May 2023 11:24:26 +0100
Subject: [PATCH 012/128] refactor: animation changes

---
 src/routes/console/commandCenter.svelte | 32 +++++++++++++++++++------
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
index 1735870a1..f2457580a 100644
--- a/src/routes/console/commandCenter.svelte
+++ b/src/routes/console/commandCenter.svelte
@@ -3,7 +3,7 @@
     import Dialog from '$lib/components/dialog.svelte';
     import { commands, disableCommands, registerCommand } from '$lib/helpers/commandCenter';
     import { isMac } from '$lib/helpers/platform';
-    import { bounceOut, elasticOut, quadOut } from 'svelte/easing';
+    import { quadOut } from 'svelte/easing';
     import { crossfade } from 'svelte/transition';
 
     let open = false;
@@ -32,10 +32,18 @@
     function handleKeyDown(event: KeyboardEvent) {
         if (event.key === 'ArrowDown') {
             event.preventDefault();
-            selected = selected === results.length - 1 ? 0 : selected + 1;
+            if (event.metaKey) {
+                selected = results.length - 1;
+            } else {
+                selected = selected === results.length - 1 ? results.length - 1 : selected + 1;
+            }
         } else if (event.key === 'ArrowUp') {
             event.preventDefault();
-            selected = selected === 0 ? results.length - 1 : selected - 1;
+            if (event.metaKey) {
+                selected = 0;
+            } else {
+                selected = selected === 0 ? 0 : selected - 1;
+            }
         } else if (event.key === 'Enter') {
             event.preventDefault();
             if (results[selected]) {
@@ -43,6 +51,12 @@
                 open = false;
                 search = '';
             }
+        } else if (event.key === 'Home') {
+            event.preventDefault();
+            selected = 0;
+        } else if (event.key === 'End') {
+            event.preventDefault();
+            selected = results.length - 1;
         }
     }
 
@@ -122,6 +136,14 @@
         padding: 0.5rem 0.75rem;
         transition: 150ms;
         position: relative;
+
+        opacity: 0.65;
+        transition: 75ms cubic-bezier(0.5, 1, 0.89, 1);
+    }
+
+    .result[data-selected] {
+        opacity: 1;
+        transition: 150ms cubic-bezier(0.5, 1, 0.89, 1);
     }
 
     .result .content {
@@ -137,10 +159,6 @@
         translate: 0 -1px;
     }
 
-    /* .result[data-selected] {
-        background-color: hsl(var(--color-neutral-200));
-    } */
-
     .kbd {
         padding-inline: 0.25rem;
     }

From 142e89a59a4de2f367bcf1d19c0c4edb34b6c76f Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 16 May 2023 15:46:07 +0100
Subject: [PATCH 013/128] fix: enter bug

---
 src/routes/console/commandCenter.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
index e39c113ca..f65de369d 100644
--- a/src/routes/console/commandCenter.svelte
+++ b/src/routes/console/commandCenter.svelte
@@ -27,6 +27,7 @@
     });
 
     function handleKeyDown(event: KeyboardEvent) {
+        if (!open) return;
         if (event.key === 'ArrowDown') {
             event.preventDefault();
             selected = selected === results.length - 1 ? 0 : selected + 1;

From 7badf3a28bd71ba48635071dca1c2a4f8fae5012 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 16 May 2023 15:57:25 +0100
Subject: [PATCH 014/128] refactor: improve commands

---
 src/lib/helpers/commandCenter.ts              | 15 +++---
 .../console/project-[project]/+layout.svelte  | 44 +++++++++++++++-
 .../project-[project]/auth/+page.svelte       |  5 +-
 .../project-[project]/databases/+page.svelte  |  5 +-
 .../project-[project]/functions/+page.svelte  |  4 +-
 .../project-[project]/overview/onboard.svelte |  3 --
 .../overview/platforms/+page.svelte           |  4 +-
 .../project-[project]/storage/+page.svelte    |  4 +-
 src/routes/console/project-[project]/store.ts | 52 +------------------
 9 files changed, 65 insertions(+), 71 deletions(-)

diff --git a/src/lib/helpers/commandCenter.ts b/src/lib/helpers/commandCenter.ts
index f84a2b6f6..0f1b62bc5 100644
--- a/src/lib/helpers/commandCenter.ts
+++ b/src/lib/helpers/commandCenter.ts
@@ -74,6 +74,10 @@ export const disableCommands = {
     }
 };
 
+function isInputEvent(event: KeyboardEvent) {
+    return ['INPUT', 'TEXTAREA', 'SELECT'].includes((event.target as HTMLElement).tagName);
+}
+
 export const commandCenterKeyDownHandler = derived(
     [commandCenter, commandsEnabled],
     ([{ commandMap }, enabled]) => {
@@ -81,16 +85,15 @@ export const commandCenterKeyDownHandler = derived(
         let recentKeyCodes: number[] = [];
 
         return (event: KeyboardEvent) => {
-            // ignore keypresses that come from input, textarea and select elements
-            if (['INPUT', 'TEXTAREA', 'SELECT'].includes((event.target as HTMLElement).tagName)) {
-                return;
-            }
-
             recentKeyCodes.push(event.keyCode);
             debounce(() => (recentKeyCodes = []), 1000)();
 
             for (const command of commandsArr) {
-                if (command.disabled || (!enabled && !command.forceEnable)) continue;
+                if (!command.forceEnable) {
+                    if (command.disabled) continue;
+                    if (!enabled) continue;
+                    if (isInputEvent(event)) continue;
+                }
 
                 const { keys, ctrl: meta, shift, alt, callback } = command;
 
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 1074501c9..6b6a8d5d8 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -2,7 +2,9 @@
     import { UploadBox } from '$lib/components';
     import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
-    import { stats } from './store';
+    import { project, stats } from './store';
+    import { registerCommand } from '$lib/helpers/commandCenter';
+    import { goto } from '$app/navigation';
 
     onMount(async () => {
         return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
@@ -13,6 +15,46 @@
             }
         });
     });
+
+    $: $registerCommand([
+        {
+            label: 'Go to Overview',
+            keys: ['g', 'o'],
+
+            callback: () => {
+                goto(`/console/project-${$project.$id}`);
+            }
+        },
+
+        {
+            label: 'Go to Auth',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/auth`);
+            },
+            keys: ['g', 'a']
+        },
+        {
+            label: 'Go to Databases',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/databases`);
+            },
+            keys: ['g', 'd']
+        },
+        {
+            label: 'Go to Functions',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/functions`);
+            },
+            keys: ['g', 'f']
+        },
+        {
+            label: 'Go to Storage',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/storage`);
+            },
+            keys: ['g', 's']
+        }
+    ]);
 </script>
 
 <slot />
diff --git a/src/routes/console/project-[project]/auth/+page.svelte b/src/routes/console/project-[project]/auth/+page.svelte
index faf7d9b18..dfe0d4d60 100644
--- a/src/routes/console/project-[project]/auth/+page.svelte
+++ b/src/routes/console/project-[project]/auth/+page.svelte
@@ -24,9 +24,10 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { Container } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
-    import { project, registerProjectCommand } from '../store';
+    import { project } from '../store';
     import type { PageData } from './$types';
     import Create from './createUser.svelte';
+    import { registerCommand } from '$lib/helpers/commandCenter';
 
     export let data: PageData;
 
@@ -36,7 +37,7 @@
         await goto(`${base}/console/project-${projectId}/auth/user-${event.detail.$id}`);
     }
 
-    $: $registerProjectCommand([
+    $: $registerCommand([
         {
             label: 'Create user',
             callback: () => {
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index 6295c5474..3c81bbd6f 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -6,12 +6,13 @@
     import { Button } from '$lib/elements/forms';
     import { Container, GridHeader } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
-    import { registerProjectCommand } from '../store';
+
     import type { PageData } from './$types';
     import Create from './create.svelte';
     import Grid from './grid.svelte';
     import { columns } from './store';
     import Table from './table.svelte';
+    import { registerCommand } from '$lib/helpers/commandCenter';
 
     export let data: PageData;
 
@@ -23,7 +24,7 @@
         await goto(`${base}/console/project-${project}/databases/database-${event.detail.$id}`);
     }
 
-    $: $registerProjectCommand([
+    $: $registerCommand([
         {
             label: 'Create database',
             callback: () => {
diff --git a/src/routes/console/project-[project]/functions/+page.svelte b/src/routes/console/project-[project]/functions/+page.svelte
index e1eda6314..10fd9bd0f 100644
--- a/src/routes/console/project-[project]/functions/+page.svelte
+++ b/src/routes/console/project-[project]/functions/+page.svelte
@@ -19,7 +19,7 @@
     import type { PageData } from './$types';
     import Create from './createFunction.svelte';
 
-    import { registerProjectCommand } from '../store';
+    import { registerCommand } from '$lib/helpers/commandCenter';
 
     export let data: PageData;
 
@@ -35,7 +35,7 @@
         wizard.hide();
     });
 
-    $: $registerProjectCommand([
+    $: $registerCommand([
         {
             label: 'Create function',
             callback: openWizard,
diff --git a/src/routes/console/project-[project]/overview/onboard.svelte b/src/routes/console/project-[project]/overview/onboard.svelte
index 016280d7e..65b657852 100644
--- a/src/routes/console/project-[project]/overview/onboard.svelte
+++ b/src/routes/console/project-[project]/overview/onboard.svelte
@@ -9,7 +9,6 @@
     import { app } from '$lib/stores/app';
     import { wizard } from '$lib/stores/wizard';
     import Wizard from './keys/wizard.svelte';
-    import { registerProjectCommand } from '../store';
 
     export let projectId: string;
 
@@ -43,8 +42,6 @@
     $: onBoardIntro = $app.themeInUse === 'dark' ? OnboardDarkIntro : OnboardLightIntro;
     $: onBoardImage1 = $app.themeInUse === 'dark' ? OnboardDark1 : OnboardLight1;
     $: onBoardImage2 = $app.themeInUse === 'dark' ? OnboardDark2 : OnboardLight2;
-
-    $: $registerProjectCommand();
 </script>
 
 <div class="card">
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index 4536d6d86..2ef326017 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -36,7 +36,7 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { app } from '$lib/stores/app';
     import type { PageData } from './$types';
-    import { registerProjectCommand } from '../../store';
+    import { registerCommand } from '$lib/helpers/commandCenter';
 
     export let data: PageData;
 
@@ -72,7 +72,7 @@
         }
     };
 
-    $: $registerProjectCommand([
+    $: $registerCommand([
         {
             label: 'Create Web App',
             callback: () => addPlatform(Platform.Web),
diff --git a/src/routes/console/project-[project]/storage/+page.svelte b/src/routes/console/project-[project]/storage/+page.svelte
index f805f326d..d7d86f07c 100644
--- a/src/routes/console/project-[project]/storage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/+page.svelte
@@ -15,7 +15,7 @@
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
-    import { registerProjectCommand } from '../store';
+    import { registerCommand } from '$lib/helpers/commandCenter';
     import type { PageData } from './$types';
     import Create from './create.svelte';
 
@@ -30,7 +30,7 @@
         await goto(`${base}/console/project-${project}/storage/bucket-${event.detail.$id}`);
     }
 
-    $: $registerProjectCommand([
+    $: $registerCommand([
         {
             label: 'Create bucket',
             callback: () => {
diff --git a/src/routes/console/project-[project]/store.ts b/src/routes/console/project-[project]/store.ts
index ed5e12960..55690c038 100644
--- a/src/routes/console/project-[project]/store.ts
+++ b/src/routes/console/project-[project]/store.ts
@@ -1,60 +1,10 @@
-import { goto } from '$app/navigation';
 import { page } from '$app/stores';
-import { registerCommand, type Command } from '$lib/helpers/commandCenter';
 import type { Models } from '@appwrite.io/console';
 import type { BarSeriesOption } from 'echarts/charts';
-import { derived, writable, type Readable } from 'svelte/store';
+import { derived, writable } from 'svelte/store';
 
 export const project = derived(page, ($page) => $page.data.project as Models.Project);
 
-export const registerProjectCommand = derived(
-    [project, registerCommand],
-    ([$project, $register]) => {
-        return (c: Command[] = []) => {
-            const projectCommands: Command[] = [
-                {
-                    label: 'Go to Overview',
-                    keys: ['g', 'o'],
-
-                    callback: () => {
-                        goto(`/console/project-${$project.$id}`);
-                    }
-                },
-
-                {
-                    label: 'Go to Auth',
-                    callback: () => {
-                        goto(`/console/project-${$project.$id}/auth`);
-                    },
-                    keys: ['g', 'a']
-                },
-                {
-                    label: 'Go to Databases',
-                    callback: () => {
-                        goto(`/console/project-${$project.$id}/databases`);
-                    },
-                    keys: ['g', 'd']
-                },
-                {
-                    label: 'Go to Functions',
-                    callback: () => {
-                        goto(`/console/project-${$project.$id}/functions`);
-                    },
-                    keys: ['g', 'f']
-                },
-                {
-                    label: 'Go to Storage',
-                    callback: () => {
-                        goto(`/console/project-${$project.$id}/storage`);
-                    },
-                    keys: ['g', 's']
-                }
-            ];
-            return $register([...projectCommands, ...(c ?? [])]);
-        };
-    }
-) as Readable<(c?: Command[]) => void>;
-
 export const onboarding = derived(
     project,
     ($project) => $project.platforms.length === 0 && $project.keys.length === 0

From 318d72db1499350fcce9b0820fbcceb5f6458eba Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 16 May 2023 15:57:40 +0100
Subject: [PATCH 015/128] refactor: rename fn

---
 src/lib/helpers/commandCenter.ts                              | 2 +-
 src/routes/console/+layout.svelte                             | 4 ++--
 src/routes/console/commandCenter.svelte                       | 4 ++--
 src/routes/console/organization-[organization]/+page.svelte   | 4 ++--
 src/routes/console/project-[project]/+layout.svelte           | 4 ++--
 src/routes/console/project-[project]/auth/+page.svelte        | 4 ++--
 src/routes/console/project-[project]/databases/+page.svelte   | 4 ++--
 src/routes/console/project-[project]/functions/+page.svelte   | 4 ++--
 .../console/project-[project]/overview/platforms/+page.svelte | 4 ++--
 src/routes/console/project-[project]/storage/+page.svelte     | 4 ++--
 10 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/lib/helpers/commandCenter.ts b/src/lib/helpers/commandCenter.ts
index 0f1b62bc5..1cd1f7e3c 100644
--- a/src/lib/helpers/commandCenter.ts
+++ b/src/lib/helpers/commandCenter.ts
@@ -34,7 +34,7 @@ const commandsEnabled = derived(commandCenter, ($commandCenter) => {
     return Array.from($commandCenter.disabledMap.values()).every((disabled) => !disabled);
 });
 
-export const registerCommand = {
+export const registerCommands = {
     subscribe(runner: (cb: (newCommands: Command[]) => void) => void) {
         const uuid = crypto.randomUUID();
 
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index f8511ad3f..c32bd4ba7 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -16,10 +16,10 @@
     import Create from './createOrganization.svelte';
 
     import { goto } from '$app/navigation';
-    import { registerCommand, commandCenterKeyDownHandler } from '$lib/helpers/commandCenter';
+    import { registerCommands, commandCenterKeyDownHandler } from '$lib/helpers/commandCenter';
     import CommandCenter from './commandCenter.svelte';
 
-    $: $registerCommand([
+    $: $registerCommands([
         {
             label: 'Go to Account',
             callback: () => {
diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
index 726eedd3f..603d8e2bd 100644
--- a/src/routes/console/commandCenter.svelte
+++ b/src/routes/console/commandCenter.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { afterNavigate } from '$app/navigation';
     import Dialog from '$lib/components/dialog.svelte';
-    import { commands, disableCommands, registerCommand } from '$lib/helpers/commandCenter';
+    import { commands, disableCommands, registerCommands } from '$lib/helpers/commandCenter';
     import { isMac } from '$lib/helpers/platform';
     import { quadOut } from 'svelte/easing';
     import { crossfade } from 'svelte/transition';
@@ -10,7 +10,7 @@
     let search = '';
     let selected = 0;
 
-    $: $registerCommand([
+    $: $registerCommands([
         {
             callback: () => {
                 open = !open;
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index fecfaae90..3496146ca 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -5,7 +5,7 @@
     import { CardContainer, Empty, GridItem1, Heading, PaginationWithLimit } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
-    import { registerCommand } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/helpers/commandCenter';
     import { Container } from '$lib/layout';
     import CreateOrganization from '../createOrganization.svelte';
     import type { PageData } from './$types';
@@ -46,7 +46,7 @@
         );
     }
 
-    $: $registerCommand([
+    $: $registerCommands([
         ...data.projects.projects.map((project, i) => ({
             label: `Project ${project.name}`,
             callback: () => {
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 6b6a8d5d8..49e506ac1 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -3,7 +3,7 @@
     import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project, stats } from './store';
-    import { registerCommand } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/helpers/commandCenter';
     import { goto } from '$app/navigation';
 
     onMount(async () => {
@@ -16,7 +16,7 @@
         });
     });
 
-    $: $registerCommand([
+    $: $registerCommands([
         {
             label: 'Go to Overview',
             keys: ['g', 'o'],
diff --git a/src/routes/console/project-[project]/auth/+page.svelte b/src/routes/console/project-[project]/auth/+page.svelte
index dfe0d4d60..c05426f02 100644
--- a/src/routes/console/project-[project]/auth/+page.svelte
+++ b/src/routes/console/project-[project]/auth/+page.svelte
@@ -27,7 +27,7 @@
     import { project } from '../store';
     import type { PageData } from './$types';
     import Create from './createUser.svelte';
-    import { registerCommand } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/helpers/commandCenter';
 
     export let data: PageData;
 
@@ -37,7 +37,7 @@
         await goto(`${base}/console/project-${projectId}/auth/user-${event.detail.$id}`);
     }
 
-    $: $registerCommand([
+    $: $registerCommands([
         {
             label: 'Create user',
             callback: () => {
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index 3c81bbd6f..334e27f6f 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -12,7 +12,7 @@
     import Grid from './grid.svelte';
     import { columns } from './store';
     import Table from './table.svelte';
-    import { registerCommand } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/helpers/commandCenter';
 
     export let data: PageData;
 
@@ -24,7 +24,7 @@
         await goto(`${base}/console/project-${project}/databases/database-${event.detail.$id}`);
     }
 
-    $: $registerCommand([
+    $: $registerCommands([
         {
             label: 'Create database',
             callback: () => {
diff --git a/src/routes/console/project-[project]/functions/+page.svelte b/src/routes/console/project-[project]/functions/+page.svelte
index 10fd9bd0f..575c88392 100644
--- a/src/routes/console/project-[project]/functions/+page.svelte
+++ b/src/routes/console/project-[project]/functions/+page.svelte
@@ -19,7 +19,7 @@
     import type { PageData } from './$types';
     import Create from './createFunction.svelte';
 
-    import { registerCommand } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/helpers/commandCenter';
 
     export let data: PageData;
 
@@ -35,7 +35,7 @@
         wizard.hide();
     });
 
-    $: $registerCommand([
+    $: $registerCommands([
         {
             label: 'Create function',
             callback: openWizard,
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index 2ef326017..fddfa5c49 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -36,7 +36,7 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { app } from '$lib/stores/app';
     import type { PageData } from './$types';
-    import { registerCommand } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/helpers/commandCenter';
 
     export let data: PageData;
 
@@ -72,7 +72,7 @@
         }
     };
 
-    $: $registerCommand([
+    $: $registerCommands([
         {
             label: 'Create Web App',
             callback: () => addPlatform(Platform.Web),
diff --git a/src/routes/console/project-[project]/storage/+page.svelte b/src/routes/console/project-[project]/storage/+page.svelte
index d7d86f07c..fae25715c 100644
--- a/src/routes/console/project-[project]/storage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/+page.svelte
@@ -15,7 +15,7 @@
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
-    import { registerCommand } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/helpers/commandCenter';
     import type { PageData } from './$types';
     import Create from './create.svelte';
 
@@ -30,7 +30,7 @@
         await goto(`${base}/console/project-${project}/storage/bucket-${event.detail.$id}`);
     }
 
-    $: $registerCommand([
+    $: $registerCommands([
         {
             label: 'Create bucket',
             callback: () => {

From de428016e1338872d69e7f6046bbb8344c0912b7 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Fri, 19 May 2023 15:58:43 +0100
Subject: [PATCH 016/128] feat(wip): ai command panel

---
 src/lib/commandCenter/commandCenter.svelte    |  44 +++++
 .../commands.ts}                              | 112 ++++++------
 src/lib/commandCenter/index.ts                |   4 +
 src/lib/commandCenter/panels/ai.svelte        |   5 +
 src/lib/commandCenter/panels/index.ts         |   4 +
 src/lib/commandCenter/panels/root.svelte      |  54 ++++++
 src/lib/commandCenter/panels/template.svelte  | 130 ++++++++++++++
 src/lib/commandCenter/subPanels.ts            |  32 ++++
 src/lib/components/dialog.svelte              |  54 +-----
 src/routes/console/+layout.svelte             |  18 +-
 src/routes/console/commandCenter.svelte       | 166 ------------------
 .../organization-[organization]/+page.svelte  |   3 +-
 .../console/project-[project]/+layout.svelte  |   3 +-
 .../project-[project]/auth/+page.svelte       |   2 +-
 .../project-[project]/databases/+page.svelte  |   2 +-
 .../project-[project]/functions/+page.svelte  |   2 +-
 .../overview/platforms/+page.svelte           |   2 +-
 .../project-[project]/storage/+page.svelte    |   2 +-
 18 files changed, 356 insertions(+), 283 deletions(-)
 create mode 100644 src/lib/commandCenter/commandCenter.svelte
 rename src/lib/{helpers/commandCenter.ts => commandCenter/commands.ts} (69%)
 create mode 100644 src/lib/commandCenter/index.ts
 create mode 100644 src/lib/commandCenter/panels/ai.svelte
 create mode 100644 src/lib/commandCenter/panels/index.ts
 create mode 100644 src/lib/commandCenter/panels/root.svelte
 create mode 100644 src/lib/commandCenter/panels/template.svelte
 create mode 100644 src/lib/commandCenter/subPanels.ts
 delete mode 100644 src/routes/console/commandCenter.svelte

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
new file mode 100644
index 000000000..8ef4e01db
--- /dev/null
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -0,0 +1,44 @@
+<script lang="ts">
+    import { afterNavigate } from '$app/navigation';
+    import { Root } from './panels';
+    import { last } from '$lib/helpers/array';
+    import { addSubPanel, clearSubPanels, subPanels } from './subPanels';
+    import { commandCenterKeyDownHandler, disableCommands, registerCommands } from './commands';
+
+    $: $registerCommands([
+        {
+            callback: () => {
+                if ($subPanels.length > 0) {
+                    clearSubPanels();
+                } else {
+                    addSubPanel({
+                        name: 'commandPanel',
+                        component: Root
+                    });
+                }
+            },
+            keys: ['k'],
+            ctrl: true,
+            forceEnable: true
+        }
+    ]);
+
+    $: openSubPanel = last($subPanels) ?? null;
+    $: $disableCommands(!!openSubPanel);
+
+    $: if (openSubPanel) {
+        document.documentElement.classList.add('u-overflow-hidden');
+    } else {
+        document.documentElement.classList.remove('u-overflow-hidden');
+    }
+
+    afterNavigate(() => {
+        clearSubPanels();
+    });
+</script>
+
+<svelte:window on:keydown={$commandCenterKeyDownHandler} />
+
+{#if openSubPanel}
+    <svelte:component this={openSubPanel.component} />
+{/if}
diff --git a/src/lib/helpers/commandCenter.ts b/src/lib/commandCenter/commands.ts
similarity index 69%
rename from src/lib/helpers/commandCenter.ts
rename to src/lib/commandCenter/commands.ts
index 1cd1f7e3c..d57b28fb7 100644
--- a/src/lib/helpers/commandCenter.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -1,7 +1,8 @@
+import { debounce } from '$lib/helpers/debounce';
+import { isMac } from '$lib/helpers/platform';
 import { derived, writable } from 'svelte/store';
-import { debounce } from './debounce';
-import { isMac } from './platform';
 
+// Store
 export type Command = {
     keys: string[];
     /* Ctrl on Windows/Linux, Meta on Mac */
@@ -15,73 +16,27 @@ export type Command = {
     forceEnable?: boolean;
 };
 
-type CommandCenterState = {
-    commandMap: Map<string, Command[]>;
-    disabledMap: Map<string, boolean>;
-};
+export const commandMap = writable<Map<string, Command[]>>(new Map());
+export const disabledMap = writable<Map<string, boolean>>(new Map());
 
-export const commandCenter = writable<CommandCenterState>({
-    commandMap: new Map(),
-    disabledMap: new Map()
+// Derived stores
+export const commands = derived(commandMap, ($commandMap) => {
+    return Array.from($commandMap.values()).flat();
 });
 
-export const commands = derived(commandCenter, ($commandCenter) => {
-    return Array.from($commandCenter.commandMap.values()).flat();
-});
-
-const commandsEnabled = derived(commandCenter, ($commandCenter) => {
+const commandsEnabled = derived(disabledMap, ($disabledMap) => {
     // If there's an item on the disabledMap that's true, then disable the command center
-    return Array.from($commandCenter.disabledMap.values()).every((disabled) => !disabled);
+    return Array.from($disabledMap.values()).every((disabled) => !disabled);
 });
 
-export const registerCommands = {
-    subscribe(runner: (cb: (newCommands: Command[]) => void) => void) {
-        const uuid = crypto.randomUUID();
-
-        runner((newCommands: Command[]) => {
-            commandCenter.update((curr) => {
-                curr.commandMap.set(uuid, newCommands);
-                return curr;
-            });
-        });
-
-        return () => {
-            commandCenter.update((curr) => {
-                curr.commandMap.delete(uuid);
-                return curr;
-            });
-        };
-    }
-};
-
-export const disableCommands = {
-    subscribe(runner: (cb: (disabled: boolean) => void) => void) {
-        const uuid = crypto.randomUUID();
-
-        runner((disabled: boolean) => {
-            commandCenter.update((curr) => {
-                curr.disabledMap.set(uuid, disabled);
-                return curr;
-            });
-        });
-
-        return () => {
-            commandCenter.update((curr) => {
-                curr.disabledMap.delete(uuid);
-                return curr;
-            });
-        };
-    }
-};
-
 function isInputEvent(event: KeyboardEvent) {
     return ['INPUT', 'TEXTAREA', 'SELECT'].includes((event.target as HTMLElement).tagName);
 }
 
 export const commandCenterKeyDownHandler = derived(
-    [commandCenter, commandsEnabled],
-    ([{ commandMap }, enabled]) => {
-        const commandsArr = Array.from(commandMap.values()).flat();
+    [commandMap, commandsEnabled],
+    ([$commandMap, enabled]) => {
+        const commandsArr = Array.from($commandMap.values()).flat();
         let recentKeyCodes: number[] = [];
 
         return (event: KeyboardEvent) => {
@@ -113,3 +68,44 @@ export const commandCenterKeyDownHandler = derived(
         };
     }
 );
+
+// Methods
+export const registerCommands = {
+    subscribe(runner: (cb: (newCommands: Command[]) => void) => void) {
+        const uuid = crypto.randomUUID();
+
+        runner((newCommands: Command[]) => {
+            commandMap.update((curr) => {
+                curr.set(uuid, newCommands);
+                return curr;
+            });
+        });
+
+        return () => {
+            commandMap.update((curr) => {
+                curr.delete(uuid);
+                return curr;
+            });
+        };
+    }
+};
+
+export const disableCommands = {
+    subscribe(runner: (cb: (disabled: boolean) => void) => void) {
+        const uuid = crypto.randomUUID();
+
+        runner((disabled: boolean) => {
+            disabledMap.update((curr) => {
+                curr.set(uuid, disabled);
+                return curr;
+            });
+        });
+
+        return () => {
+            disabledMap.update((curr) => {
+                curr.delete(uuid);
+                return curr;
+            });
+        };
+    }
+};
diff --git a/src/lib/commandCenter/index.ts b/src/lib/commandCenter/index.ts
new file mode 100644
index 000000000..b1d8ce511
--- /dev/null
+++ b/src/lib/commandCenter/index.ts
@@ -0,0 +1,4 @@
+export * from './commands';
+export * from './subPanels';
+import CommandCenter from './commandCenter.svelte';
+export { CommandCenter };
diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
new file mode 100644
index 000000000..e8b40a4fd
--- /dev/null
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+    import Template from './template.svelte';
+</script>
+
+<Template>Ask AI yaaaay</Template>
diff --git a/src/lib/commandCenter/panels/index.ts b/src/lib/commandCenter/panels/index.ts
new file mode 100644
index 000000000..d0b6262f4
--- /dev/null
+++ b/src/lib/commandCenter/panels/index.ts
@@ -0,0 +1,4 @@
+import AI from './ai.svelte';
+import Root from './root.svelte';
+import Template from './template.svelte';
+export { AI, Root, Template };
diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
new file mode 100644
index 000000000..47d51eba8
--- /dev/null
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -0,0 +1,54 @@
+<!-- 
+    This is the root command panel. It precedes all other command panels.
+ -->
+<script lang="ts">
+    import { commands } from '../commands';
+    import { isMac } from '$lib/helpers/platform';
+    import Template from './template.svelte';
+
+    let search = '';
+
+    $: results = $commands.filter((command) => {
+        return (
+            !command.disabled &&
+            command.label &&
+            command.label.toLowerCase().includes(search.toLowerCase())
+        );
+    });
+</script>
+
+<Template options={results}>
+    <div slot="option" class="u-flex u-main-space-between content" let:option={command}>
+        <span>
+            {command.label}
+        </span>
+        <div class="u-flex u-gap-4 u-cross-center">
+            {#if command.ctrl}
+                <kbd class="kbd"> {isMac() ? '⌘' : 'ctrl'} </kbd>
+            {/if}
+            {#if command.shift}
+                <kbd class="kbd"> {isMac() ? '⇧' : 'shift'} </kbd>
+            {/if}
+            {#if command.alt}
+                <kbd class="kbd"> {isMac() ? '⌥' : 'alt'} </kbd>
+            {/if}
+            {#each command.keys as key, i}
+                {@const hasNext = command.keys.length - 1 !== i}
+
+                <kbd class="kbd">
+                    {key.toUpperCase()}
+                </kbd>
+                {#if hasNext}
+                    <span class="u-margin-inline-4" style:opacity={0.5}>then</span>
+                {/if}
+            {/each}
+        </div>
+    </div>
+    <svelte:fragment slot="no-options">No commands found</svelte:fragment>
+</Template>
+
+<style>
+    .kbd {
+        padding-inline: 0.25rem;
+    }
+</style>
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
new file mode 100644
index 000000000..2f45281b3
--- /dev/null
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -0,0 +1,130 @@
+<!-- 
+    This is the template for all panels used in the command center.
+    Use this component when you want to create a new panel.
+ -->
+
+<script lang="ts">
+    import { popSubPanel, subPanels } from '../subPanels';
+
+    import Dialog from '$lib/components/dialog.svelte';
+    import { quadOut } from 'svelte/easing';
+    import { crossfade } from 'svelte/transition';
+
+    type BaseOption = { callback: () => void };
+    type Option = $$Generic<BaseOption>;
+    export let options: Option[] | null = null;
+    export let search = '';
+
+    let selected = 0;
+
+    function handleKeyDown(event: KeyboardEvent) {
+        if (!open) return;
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            if (event.metaKey) {
+                selected = options.length - 1;
+            } else {
+                selected = selected === options.length - 1 ? options.length - 1 : selected + 1;
+            }
+        } else if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            if (event.metaKey) {
+                selected = 0;
+            } else {
+                selected = selected === 0 ? 0 : selected - 1;
+            }
+        } else if (event.key === 'Enter') {
+            event.preventDefault();
+            if (options[selected]) {
+                options[selected].callback();
+            }
+        } else if (event.key === 'Home') {
+            event.preventDefault();
+            selected = 0;
+        } else if (event.key === 'End') {
+            event.preventDefault();
+            selected = options.length - 1;
+        }
+    }
+
+    $: {
+        options;
+        selected = 0;
+    }
+
+    const [send, receive] = crossfade({
+        duration: 150,
+        easing: quadOut
+    });
+</script>
+
+<svelte:window on:keydown={handleKeyDown} />
+
+<Dialog on:close={popSubPanel}>
+    <div class="u-flex u-flex-vertical u-width-full-line">
+        {#if $subPanels.length}
+            aaa
+        {/if}
+        <input type="text" placeholder="type here..." autofocus bind:value={search} />
+
+        {#if options}
+            <ul class="u-margin-block-start-16 u-flex u-flex-vertical u-gap-8">
+                {#each options as option, i}
+                    <li class="result" data-selected={selected === i ? true : undefined}>
+                        {#if selected === i}
+                            <div
+                                class="bg"
+                                in:send|local={{ key: 'bg' }}
+                                out:receive|local={{ key: 'bg' }} />
+                        {/if}
+                        <div class="option">
+                            <slot name="option" {option} />
+                        </div>
+                    </li>
+                {:else}
+                    <li class="result">
+                        <slot name="no-options">
+                            <span class="text">No options found</span>
+                        </slot>
+                    </li>
+                {/each}
+            </ul>
+        {:else}
+            <slot />
+        {/if}
+    </div>
+</Dialog>
+
+<style>
+    input {
+        border: none;
+        background-color: transparent;
+    }
+
+    .result {
+        padding: 0.5rem 0.75rem;
+        transition: 150ms;
+        position: relative;
+
+        opacity: 0.65;
+        transition: 75ms cubic-bezier(0.5, 1, 0.89, 1);
+    }
+
+    .result[data-selected] {
+        opacity: 1;
+        transition: 150ms cubic-bezier(0.5, 1, 0.89, 1);
+    }
+
+    .result .bg {
+        position: absolute;
+        inset: 0;
+        background-color: hsl(var(--color-neutral-200));
+        border-radius: 0.75rem;
+        translate: 0 -1px;
+    }
+
+    .result .option {
+        position: relative;
+        z-index: 10;
+    }
+</style>
diff --git a/src/lib/commandCenter/subPanels.ts b/src/lib/commandCenter/subPanels.ts
new file mode 100644
index 000000000..72a489c12
--- /dev/null
+++ b/src/lib/commandCenter/subPanels.ts
@@ -0,0 +1,32 @@
+import type { SvelteComponentDev } from 'svelte/internal';
+import { writable } from 'svelte/store';
+
+export type SubPanel = {
+    name: string;
+    component: typeof SvelteComponentDev;
+};
+
+type CastSubPanel = Omit<SubPanel, 'component'> & {
+    component: unknown;
+};
+
+export const subPanels = writable<Array<SubPanel>>([]);
+
+//
+export function addSubPanel(subPanel: CastSubPanel) {
+    subPanels.update((curr) => {
+        curr.push(subPanel as SubPanel);
+        return curr;
+    });
+}
+
+export function popSubPanel() {
+    subPanels.update((curr) => {
+        curr = curr.slice(0, -1);
+        return curr;
+    });
+}
+
+export function clearSubPanels() {
+    subPanels.set([]);
+}
diff --git a/src/lib/components/dialog.svelte b/src/lib/components/dialog.svelte
index b3949b215..05e339029 100644
--- a/src/lib/components/dialog.svelte
+++ b/src/lib/components/dialog.svelte
@@ -1,28 +1,12 @@
 <script lang="ts">
     import { trackEvent } from '$lib/actions/analytics';
-    import { createEventDispatcher, onDestroy, onMount } from 'svelte';
+    import { createEventDispatcher } from 'svelte';
     import { fade, scale } from 'svelte/transition';
 
-    export let show = false;
-    export let size: 'small' | 'big' = null;
-    export let error: string = null;
-    export let closable = true;
-    export let headerDivider = true;
-    export let animate = true;
-
     let dialog: HTMLDivElement;
-    let alert: HTMLElement;
 
     const dispatch = createEventDispatcher();
 
-    onMount(() => {
-        if (show) openModal();
-    });
-
-    onDestroy(() => {
-        if (show) closeModal();
-    });
-
     function handleBLur(event: MouseEvent) {
         if (event.target === dialog) {
             trackEvent('click_close_modal', {
@@ -31,16 +15,9 @@
             closeModal();
         }
     }
-    function openModal() {
-        document.documentElement.classList.add('u-overflow-hidden');
-    }
 
     function closeModal() {
-        if (closable) {
-            dispatch('close');
-            show = false;
-            document.documentElement.classList.remove('u-overflow-hidden');
-        }
+        dispatch('close');
     }
 
     function handleKeydown(event: KeyboardEvent) {
@@ -52,34 +29,15 @@
             closeModal();
         }
     }
-
-    $: if (show) {
-        openModal();
-    } else {
-        closeModal();
-    }
-
-    $: if (error) {
-        alert?.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
-    }
 </script>
 
 <svelte:window on:mousedown={handleBLur} on:keydown={handleKeydown} />
 
-{#if show}
-    <div
-        class="dialog"
-        class:is-small={size === 'small'}
-        class:is-big={size === 'big'}
-        class:is-separate-header={headerDivider}
-        on:cancel|preventDefault
-        bind:this={dialog}
-        transition:fade={{ duration: animate ? 150 : 0 }}>
-        <div class="card" transition:scale={{ duration: animate ? 150 : 0, start: 0.9 }}>
-            <slot />
-        </div>
+<div class="dialog" bind:this={dialog} transition:fade={{ duration: 150 }}>
+    <div class="card" transition:scale={{ duration: 150, start: 0.9 }}>
+        <slot />
     </div>
-{/if}
+</div>
 
 <style>
     .dialog {
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index c32bd4ba7..d44462d0b 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -16,10 +16,22 @@
     import Create from './createOrganization.svelte';
 
     import { goto } from '$app/navigation';
-    import { registerCommands, commandCenterKeyDownHandler } from '$lib/helpers/commandCenter';
-    import CommandCenter from './commandCenter.svelte';
+
+    import { addSubPanel } from '$lib/commandCenter/subPanels';
+    import { registerCommands, CommandCenter } from '$lib/commandCenter';
+    import { AI } from '$lib/commandCenter/panels';
 
     $: $registerCommands([
+        {
+            label: 'Ask AI',
+            callback: () => {
+                addSubPanel({
+                    name: 'Ask AI',
+                    component: AI
+                });
+            },
+            keys: ['a', 'i']
+        },
         {
             label: 'Go to Account',
             callback: () => {
@@ -69,8 +81,6 @@
     }
 </script>
 
-<svelte:window on:keydown={$commandCenterKeyDownHandler} />
-
 <CommandCenter />
 
 <Shell
diff --git a/src/routes/console/commandCenter.svelte b/src/routes/console/commandCenter.svelte
deleted file mode 100644
index 603d8e2bd..000000000
--- a/src/routes/console/commandCenter.svelte
+++ /dev/null
@@ -1,166 +0,0 @@
-<script lang="ts">
-    import { afterNavigate } from '$app/navigation';
-    import Dialog from '$lib/components/dialog.svelte';
-    import { commands, disableCommands, registerCommands } from '$lib/helpers/commandCenter';
-    import { isMac } from '$lib/helpers/platform';
-    import { quadOut } from 'svelte/easing';
-    import { crossfade } from 'svelte/transition';
-
-    let open = false;
-    let search = '';
-    let selected = 0;
-
-    $: $registerCommands([
-        {
-            callback: () => {
-                open = !open;
-            },
-            keys: ['k'],
-            ctrl: true,
-            forceEnable: true
-        }
-    ]);
-
-    $: results = $commands.filter((command) => {
-        return (
-            !command.disabled &&
-            command.label &&
-            command.label.toLowerCase().includes(search.toLowerCase())
-        );
-    });
-
-    function handleKeyDown(event: KeyboardEvent) {
-        if (!open) return;
-        if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            if (event.metaKey) {
-                selected = results.length - 1;
-            } else {
-                selected = selected === results.length - 1 ? results.length - 1 : selected + 1;
-            }
-        } else if (event.key === 'ArrowUp') {
-            event.preventDefault();
-            if (event.metaKey) {
-                selected = 0;
-            } else {
-                selected = selected === 0 ? 0 : selected - 1;
-            }
-        } else if (event.key === 'Enter') {
-            event.preventDefault();
-            if (results[selected]) {
-                results[selected].callback();
-                open = false;
-                search = '';
-            }
-        } else if (event.key === 'Home') {
-            event.preventDefault();
-            selected = 0;
-        } else if (event.key === 'End') {
-            event.preventDefault();
-            selected = results.length - 1;
-        }
-    }
-
-    $: {
-        results;
-        selected = 0;
-    }
-
-    $: $disableCommands(open);
-
-    const [send, receive] = crossfade({
-        duration: 150,
-        easing: quadOut
-    });
-
-    afterNavigate(() => {
-        open = false;
-        search = '';
-    });
-</script>
-
-<svelte:window on:keydown={handleKeyDown} />
-
-<Dialog bind:show={open}>
-    <div class="u-flex u-flex-vertical u-width-full-line">
-        <input type="text" placeholder="type here..." autofocus bind:value={search} />
-
-        <ul class="u-margin-block-start-16 u-flex u-flex-vertical u-gap-8">
-            {#each results as command, i}
-                <li class="result" data-selected={selected === i ? true : undefined}>
-                    {#if selected === i}
-                        <div class="bg" in:send={{ key: 'bg' }} out:receive={{ key: 'bg' }} />
-                    {/if}
-                    <div class="u-flex u-main-space-between content">
-                        <span>
-                            {command.label}
-                        </span>
-                        <div class="u-flex u-gap-4 u-cross-center">
-                            {#if command.ctrl}
-                                <kbd class="kbd"> {isMac() ? '⌘' : 'ctrl'} </kbd>
-                            {/if}
-                            {#if command.shift}
-                                <kbd class="kbd"> {isMac() ? '⇧' : 'shift'} </kbd>
-                            {/if}
-                            {#if command.alt}
-                                <kbd class="kbd"> {isMac() ? '⌥' : 'alt'} </kbd>
-                            {/if}
-                            {#each command.keys as key, i}
-                                {@const hasNext = command.keys.length - 1 !== i}
-
-                                <kbd class="kbd">
-                                    {key.toUpperCase()}
-                                </kbd>
-                                {#if hasNext}
-                                    <span class="u-margin-inline-4" style:opacity={0.5}>then</span>
-                                {/if}
-                            {/each}
-                        </div>
-                    </div>
-                </li>
-            {:else}
-                <li class="result">
-                    <span class="text">No commands found</span>
-                </li>
-            {/each}
-        </ul>
-    </div>
-</Dialog>
-
-<style>
-    input {
-        border: none;
-        background-color: transparent;
-    }
-
-    .result {
-        padding: 0.5rem 0.75rem;
-        transition: 150ms;
-        position: relative;
-
-        opacity: 0.65;
-        transition: 75ms cubic-bezier(0.5, 1, 0.89, 1);
-    }
-
-    .result[data-selected] {
-        opacity: 1;
-        transition: 150ms cubic-bezier(0.5, 1, 0.89, 1);
-    }
-
-    .result .content {
-        position: relative;
-        z-index: 10;
-    }
-
-    .result .bg {
-        position: absolute;
-        inset: 0;
-        background-color: hsl(var(--color-neutral-200));
-        border-radius: 0.75rem;
-        translate: 0 -1px;
-    }
-
-    .kbd {
-        padding-inline: 0.25rem;
-    }
-</style>
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index 3496146ca..1df72acc7 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -2,10 +2,11 @@
     import { goto } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
+    import { registerCommands } from '$lib/commandCenter';
     import { CardContainer, Empty, GridItem1, Heading, PaginationWithLimit } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
-    import { registerCommands } from '$lib/helpers/commandCenter';
+
     import { Container } from '$lib/layout';
     import CreateOrganization from '../createOrganization.svelte';
     import type { PageData } from './$types';
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 49e506ac1..69cade632 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -3,8 +3,9 @@
     import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project, stats } from './store';
-    import { registerCommands } from '$lib/helpers/commandCenter';
+
     import { goto } from '$app/navigation';
+    import { registerCommands } from '$lib/commandCenter';
 
     onMount(async () => {
         return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
diff --git a/src/routes/console/project-[project]/auth/+page.svelte b/src/routes/console/project-[project]/auth/+page.svelte
index c05426f02..3aa6c74be 100644
--- a/src/routes/console/project-[project]/auth/+page.svelte
+++ b/src/routes/console/project-[project]/auth/+page.svelte
@@ -27,7 +27,7 @@
     import { project } from '../store';
     import type { PageData } from './$types';
     import Create from './createUser.svelte';
-    import { registerCommands } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/commandCenter';
 
     export let data: PageData;
 
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index 334e27f6f..6175f1a05 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -12,7 +12,7 @@
     import Grid from './grid.svelte';
     import { columns } from './store';
     import Table from './table.svelte';
-    import { registerCommands } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/commandCenter';
 
     export let data: PageData;
 
diff --git a/src/routes/console/project-[project]/functions/+page.svelte b/src/routes/console/project-[project]/functions/+page.svelte
index 575c88392..341eeec1b 100644
--- a/src/routes/console/project-[project]/functions/+page.svelte
+++ b/src/routes/console/project-[project]/functions/+page.svelte
@@ -19,7 +19,7 @@
     import type { PageData } from './$types';
     import Create from './createFunction.svelte';
 
-    import { registerCommands } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/commandCenter';
 
     export let data: PageData;
 
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index fddfa5c49..959aafe08 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -36,7 +36,7 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { app } from '$lib/stores/app';
     import type { PageData } from './$types';
-    import { registerCommands } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/commandCenter';
 
     export let data: PageData;
 
diff --git a/src/routes/console/project-[project]/storage/+page.svelte b/src/routes/console/project-[project]/storage/+page.svelte
index fae25715c..29eea87f5 100644
--- a/src/routes/console/project-[project]/storage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/+page.svelte
@@ -15,7 +15,7 @@
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
-    import { registerCommands } from '$lib/helpers/commandCenter';
+    import { registerCommands } from '$lib/commandCenter';
     import type { PageData } from './$types';
     import Create from './create.svelte';
 

From 411fa32552a5e73b38b734d2130013014e34a134 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Fri, 19 May 2023 19:00:42 +0100
Subject: [PATCH 017/128] feat(wip): ask ai

---
 src/lib/commandCenter/commandCenter.svelte   |  26 ++++-
 src/lib/commandCenter/panels/ai.svelte       |  70 ++++++++++++-
 src/lib/commandCenter/panels/root.svelte     |   2 +-
 src/lib/commandCenter/panels/template.svelte | 101 ++++++++++++-------
 src/lib/components/dialog.svelte             |  61 -----------
 src/lib/components/index.ts                  |   1 -
 6 files changed, 161 insertions(+), 100 deletions(-)
 delete mode 100644 src/lib/components/dialog.svelte

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index 8ef4e01db..93da0c2bc 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -4,6 +4,7 @@
     import { last } from '$lib/helpers/array';
     import { addSubPanel, clearSubPanels, subPanels } from './subPanels';
     import { commandCenterKeyDownHandler, disableCommands, registerCommands } from './commands';
+    import { fade } from 'svelte/transition';
 
     $: $registerCommands([
         {
@@ -32,13 +33,34 @@
         document.documentElement.classList.remove('u-overflow-hidden');
     }
 
+    let dialog: HTMLDivElement;
+
+    function handleBlur(event: MouseEvent) {
+        if (event.target === dialog) {
+            clearSubPanels();
+        }
+    }
+
     afterNavigate(() => {
         clearSubPanels();
     });
 </script>
 
-<svelte:window on:keydown={$commandCenterKeyDownHandler} />
+<svelte:window on:mousedown={handleBlur} on:keydown={$commandCenterKeyDownHandler} />
 
 {#if openSubPanel}
-    <svelte:component this={openSubPanel.component} />
+    <div class="dialog" bind:this={dialog} transition:fade={{ duration: 150 }}>
+        <svelte:component this={openSubPanel.component} />
+    </div>
 {/if}
+
+<style>
+    .dialog {
+        padding: 0.5rem;
+        position: fixed;
+        inset: 0;
+
+        background-color: hsl(var(--color-neutral-500) / 0.5);
+        z-index: 9999;
+    }
+</style>
diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index e8b40a4fd..d9bc08395 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -1,5 +1,73 @@
 <script lang="ts">
     import Template from './template.svelte';
+
+    let question = '';
+
+    let answer =
+        'To create a database in Appwrite, you can add it to your Appwrite project\'s dashboard or create it using the Appwrite CLI or the Appwrite Server SDKs. To create a database from the dashboard, access the Databases Service settings from your project\'s left-hand navigation panel, click the Create Database button, name your new database, and optionally provide a custom database ID. You can also create collections as containers of documents in your database by adding them to your database using the Appwrite API. The Appwrite API provides SDKs for different languages such as Python, JavaScript, Flutter, and Android. For example, to create a document using Kotlin for Android:\n\n```\nimport io.appwrite.Client\nimport io.appwrite.services.Databases\n\nsuspend fun main() {\n    val client = Client(applicationContext)\n        .setEndpoint("https://cloud.appwrite.io/v1")\n        .setProject("[PROJECT_ID]")\n\n    val databases = Databases(client)\n\n    try {\n        val document = databases.createDocument(\n            databaseId = "[DATABASE_ID]",\n            collectionId = "[COLLECTION_ID]",\n            documentId = ID.unique(),\n            data = mapOf("a" to "b"),\n        )\n    } catch (e: Exception) {\n        Log.e("Appwrite", "Error: " + e.message)\n    }\n}\n```\nSOURCES: \n- https://appwrite.io/docs/databases';
+
+    function sleep(ms: number) {
+        return new Promise((resolve) => setTimeout(resolve, ms));
+    }
+
+    let loading = false;
+    let showAnswer = false;
+
+    async function handleSubmit() {
+        loading = true;
+        await sleep(1000);
+        loading = false;
+        showAnswer = true;
+        // const res = await fetch('http://64.227.148.116:8080/', {
+        //     headers: {
+        //         'Content-Type': 'application/json'
+        //     },
+        //     method: 'POST',
+        //     body: JSON.stringify({
+        //         question
+        //     })
+        // });
+
+        // const data = await res.json();
+        // console.log(data);
+    }
 </script>
 
-<Template>Ask AI yaaaay</Template>
+<Template>
+    <form
+        class="input-text-wrapper u-width-full-line"
+        style="--amount-of-buttons: 1;"
+        slot="search"
+        on:submit|preventDefault={handleSubmit}>
+        <input
+            type="text"
+            class="input-text"
+            autofocus
+            placeholder="Ask AI..."
+            bind:value={question} />
+        <div class="options-list">
+            <button class="options-list-button" aria-label="ask AI" type="submit">
+                <span class="icon-arrow-sm-right" aria-hidden="true" />
+            </button>
+        </div>
+    </form>
+    {#if loading}
+        <div class="loader" />
+    {:else if showAnswer}
+        <p>
+            {answer}
+        </p>
+    {/if}
+</Template>
+
+<style>
+    input {
+        border: none;
+        background: transparent;
+    }
+
+    .options-list-button span {
+        position: relative;
+        top: -1px;
+    }
+</style>
diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
index 47d51eba8..d20525d76 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -17,7 +17,7 @@
     });
 </script>
 
-<Template options={results}>
+<Template options={results} bind:search>
     <div slot="option" class="u-flex u-main-space-between content" let:option={command}>
         <span>
             {command.label}
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 2f45281b3..51bc77542 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -4,11 +4,10 @@
  -->
 
 <script lang="ts">
-    import { popSubPanel, subPanels } from '../subPanels';
+    import { clearSubPanels, popSubPanel, subPanels } from '../subPanels';
 
-    import Dialog from '$lib/components/dialog.svelte';
     import { quadOut } from 'svelte/easing';
-    import { crossfade } from 'svelte/transition';
+    import { crossfade, scale } from 'svelte/transition';
 
     type BaseOption = { callback: () => void };
     type Option = $$Generic<BaseOption>;
@@ -17,33 +16,47 @@
 
     let selected = 0;
 
+    function triggerOption(option: Option) {
+        const prevPanels = $subPanels.length;
+        option.callback();
+        if (prevPanels === $subPanels.length) {
+            clearSubPanels();
+        }
+    }
+
     function handleKeyDown(event: KeyboardEvent) {
         if (!open) return;
-        if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            if (event.metaKey) {
-                selected = options.length - 1;
-            } else {
-                selected = selected === options.length - 1 ? options.length - 1 : selected + 1;
-            }
-        } else if (event.key === 'ArrowUp') {
-            event.preventDefault();
-            if (event.metaKey) {
+
+        if (options) {
+            if (event.key === 'ArrowDown') {
+                event.preventDefault();
+                if (event.metaKey) {
+                    selected = options.length - 1;
+                } else {
+                    selected = selected === options.length - 1 ? options.length - 1 : selected + 1;
+                }
+            } else if (event.key === 'ArrowUp') {
+                event.preventDefault();
+                if (event.metaKey) {
+                    selected = 0;
+                } else {
+                    selected = selected === 0 ? 0 : selected - 1;
+                }
+            } else if (event.key === 'Enter' && options[selected]) {
+                event.preventDefault();
+                triggerOption(options[selected]);
+            } else if (event.key === 'Home') {
+                event.preventDefault();
                 selected = 0;
-            } else {
-                selected = selected === 0 ? 0 : selected - 1;
+            } else if (event.key === 'End') {
+                event.preventDefault();
+                selected = options.length - 1;
             }
-        } else if (event.key === 'Enter') {
+        }
+
+        if (event.key === 'Escape') {
             event.preventDefault();
-            if (options[selected]) {
-                options[selected].callback();
-            }
-        } else if (event.key === 'Home') {
-            event.preventDefault();
-            selected = 0;
-        } else if (event.key === 'End') {
-            event.preventDefault();
-            selected = options.length - 1;
+            popSubPanel();
         }
     }
 
@@ -60,12 +73,13 @@
 
 <svelte:window on:keydown={handleKeyDown} />
 
-<Dialog on:close={popSubPanel}>
+<div class="card" in:scale={{ duration: 150, start: 0.9 }}>
     <div class="u-flex u-flex-vertical u-width-full-line">
-        {#if $subPanels.length}
-            aaa
-        {/if}
-        <input type="text" placeholder="type here..." autofocus bind:value={search} />
+        <div class="u-flex">
+            <slot name="search">
+                <input type="text" placeholder="type here..." autofocus bind:value={search} />
+            </slot>
+        </div>
 
         {#if options}
             <ul class="u-margin-block-start-16 u-flex u-flex-vertical u-gap-8">
@@ -77,9 +91,15 @@
                                 in:send|local={{ key: 'bg' }}
                                 out:receive|local={{ key: 'bg' }} />
                         {/if}
-                        <div class="option">
+                        <button
+                            class="option"
+                            on:click={() => {
+                                triggerOption(option);
+                            }}
+                            on:mouseover={() => (selected = i)}
+                            on:focus={() => (selected = i)}>
                             <slot name="option" {option} />
-                        </div>
+                        </button>
                     </li>
                 {:else}
                     <li class="result">
@@ -93,16 +113,25 @@
             <slot />
         {/if}
     </div>
-</Dialog>
+</div>
 
 <style>
+    .card {
+        min-width: 400px;
+        padding: 0.5rem;
+
+        position: absolute;
+        top: clamp(128px, 20vh, 400px);
+        left: 50%;
+        translate: -50%;
+    }
+
     input {
         border: none;
         background-color: transparent;
     }
 
     .result {
-        padding: 0.5rem 0.75rem;
         transition: 150ms;
         position: relative;
 
@@ -124,7 +153,11 @@
     }
 
     .result .option {
+        padding: 0.5rem 0.75rem;
         position: relative;
         z-index: 10;
+        width: 100%;
+
+        box-shadow: none !important;
     }
 </style>
diff --git a/src/lib/components/dialog.svelte b/src/lib/components/dialog.svelte
deleted file mode 100644
index 05e339029..000000000
--- a/src/lib/components/dialog.svelte
+++ /dev/null
@@ -1,61 +0,0 @@
-<script lang="ts">
-    import { trackEvent } from '$lib/actions/analytics';
-    import { createEventDispatcher } from 'svelte';
-    import { fade, scale } from 'svelte/transition';
-
-    let dialog: HTMLDivElement;
-
-    const dispatch = createEventDispatcher();
-
-    function handleBLur(event: MouseEvent) {
-        if (event.target === dialog) {
-            trackEvent('click_close_modal', {
-                from: 'backdrop'
-            });
-            closeModal();
-        }
-    }
-
-    function closeModal() {
-        dispatch('close');
-    }
-
-    function handleKeydown(event: KeyboardEvent) {
-        if (event.key === 'Escape') {
-            event.preventDefault();
-            trackEvent('click_close_modal', {
-                from: 'escape'
-            });
-            closeModal();
-        }
-    }
-</script>
-
-<svelte:window on:mousedown={handleBLur} on:keydown={handleKeydown} />
-
-<div class="dialog" bind:this={dialog} transition:fade={{ duration: 150 }}>
-    <div class="card" transition:scale={{ duration: 150, start: 0.9 }}>
-        <slot />
-    </div>
-</div>
-
-<style>
-    .dialog {
-        padding: 0.5rem;
-        position: fixed;
-        inset: 0;
-
-        background-color: hsl(var(--color-neutral-500) / 0.5);
-        z-index: 9999;
-    }
-
-    .card {
-        min-width: 400px;
-        padding: 0.5rem;
-
-        position: absolute;
-        top: clamp(128px, 20vh, 400px);
-        left: 50%;
-        translate: -50%;
-    }
-</style>
diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index b775626ff..f891b8255 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -54,4 +54,3 @@ export { default as PaginationWithLimit } from './paginationWithLimit.svelte';
 export { default as ClickableList } from './clickableList.svelte';
 export { default as ClickableListItem } from './clickableListItem.svelte';
 export { default as Id } from './id.svelte';
-export { default as Dialog } from './dialog.svelte';

From ca7c9c05a5d9356e28578f331899ebee1d3bf161 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 22 May 2023 18:59:08 +0100
Subject: [PATCH 018/128] feat: ai panel

---
 src/lib/commandCenter/commandCenter.svelte   |  38 +++-
 src/lib/commandCenter/panels/ai.svelte       | 201 ++++++++++++++++---
 src/lib/commandCenter/panels/template.svelte |  48 ++++-
 src/lib/components/code.svelte               |   1 -
 src/routes/console/+layout.svelte            |   4 +-
 5 files changed, 250 insertions(+), 42 deletions(-)

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index 93da0c2bc..9d73cc558 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -1,10 +1,28 @@
+<script lang="ts" context="module">
+    type Context = Readable<{
+        isInitialPanel: boolean;
+        open: boolean;
+    }>;
+    type ReadableValue<T> = T extends Readable<infer U> ? U : never;
+
+    const contextKey = 'command-center';
+    export const getCommandCenterCtx = () => getContext<Context>(contextKey);
+    const setCommandCenterCtx = (value: ReadableValue<Context>) => {
+        const store = writable(value);
+        setContext(contextKey, store);
+        return store;
+    };
+</script>
+
 <script lang="ts">
     import { afterNavigate } from '$app/navigation';
-    import { Root } from './panels';
     import { last } from '$lib/helpers/array';
-    import { addSubPanel, clearSubPanels, subPanels } from './subPanels';
-    import { commandCenterKeyDownHandler, disableCommands, registerCommands } from './commands';
+    import { getContext, setContext } from 'svelte';
+    import { writable, type Readable } from 'svelte/store';
     import { fade } from 'svelte/transition';
+    import { commandCenterKeyDownHandler, disableCommands, registerCommands } from './commands';
+    import { Root } from './panels';
+    import { addSubPanel, clearSubPanels, subPanels } from './subPanels';
 
     $: $registerCommands([
         {
@@ -44,12 +62,24 @@
     afterNavigate(() => {
         clearSubPanels();
     });
+
+    const ctx = setCommandCenterCtx({
+        isInitialPanel: true,
+        open: false
+    });
+
+    $: if (!openSubPanel) {
+        $ctx.isInitialPanel = true;
+    }
+    $: $subPanels.length > 1 && ($ctx.isInitialPanel = false);
+
+    $: $ctx.open = !!openSubPanel;
 </script>
 
 <svelte:window on:mousedown={handleBlur} on:keydown={$commandCenterKeyDownHandler} />
 
 {#if openSubPanel}
-    <div class="dialog" bind:this={dialog} transition:fade={{ duration: 150 }}>
+    <div class="dialog" bind:this={dialog} transition:fade={{ duration: 100 }}>
         <svelte:component this={openSubPanel.component} />
     </div>
 {/if}
diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index d9bc08395..a4e62b533 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -1,39 +1,123 @@
 <script lang="ts">
+    import Code from '$lib/components/code.svelte';
+    import { slide } from 'svelte/transition';
     import Template from './template.svelte';
 
-    let question = '';
-
-    let answer =
-        'To create a database in Appwrite, you can add it to your Appwrite project\'s dashboard or create it using the Appwrite CLI or the Appwrite Server SDKs. To create a database from the dashboard, access the Databases Service settings from your project\'s left-hand navigation panel, click the Create Database button, name your new database, and optionally provide a custom database ID. You can also create collections as containers of documents in your database by adding them to your database using the Appwrite API. The Appwrite API provides SDKs for different languages such as Python, JavaScript, Flutter, and Android. For example, to create a document using Kotlin for Android:\n\n```\nimport io.appwrite.Client\nimport io.appwrite.services.Databases\n\nsuspend fun main() {\n    val client = Client(applicationContext)\n        .setEndpoint("https://cloud.appwrite.io/v1")\n        .setProject("[PROJECT_ID]")\n\n    val databases = Databases(client)\n\n    try {\n        val document = databases.createDocument(\n            databaseId = "[DATABASE_ID]",\n            collectionId = "[COLLECTION_ID]",\n            documentId = ID.unique(),\n            data = mapOf("a" to "b"),\n        )\n    } catch (e: Exception) {\n        Log.e("Appwrite", "Error: " + e.message)\n    }\n}\n```\nSOURCES: \n- https://appwrite.io/docs/databases';
-
+    const MOCK = false;
+    const mockAnswer =
+        'To create a database with Web SDK in Appwrite, you can add it to your Appwrite project\'s dashboard by accessing the Databases Service settings from your project\'s left-hand navigation panel. Then, click the Create Database button, name your new database, and optionally provide a custom database ID. You can also create databases with the Appwrite CLI or the Appwrite Server SDKs. Once you have created your database, you can add collections to your database by navigating to it and then clicking on the Create Collection button. You can use Appwrite Realtime API to subscribe to live changes in your database. To create a document in the database, you can use the createDocument() method provided by the Web SDK. Here is an example code snippet in Kotlin for creating a document:\n\n```\nimport io.appwrite.Client\nimport io.appwrite.services.Databases\n\nsuspend fun main() {\n    val client = Client(applicationContext)\n        .setEndpoint("https://cloud.appwrite.io/v1")\n        .setProject("[PROJECT_ID]")\n\n    val databases = Databases(client)\n\n    try {\n        val document = databases.createDocument(\n            databaseId = "[DATABASE_ID]",\n            collectionId = "[COLLECTION_ID]",\n            documentId = ID.unique(),\n            data = mapOf("a" to "b"),\n        )\n    } catch (e: Exception) {\n        Log.e("Appwrite", "Error: " + e.message)\n    }\n}\n```\nSOURCES: https://appwrite.io/docs/databases';
     function sleep(ms: number) {
         return new Promise((resolve) => setTimeout(resolve, ms));
     }
 
+    let question = '';
+    let answer: string | null = null;
     let loading = false;
-    let showAnswer = false;
 
     async function handleSubmit() {
         loading = true;
-        await sleep(1000);
-        loading = false;
-        showAnswer = true;
-        // const res = await fetch('http://64.227.148.116:8080/', {
-        //     headers: {
-        //         'Content-Type': 'application/json'
-        //     },
-        //     method: 'POST',
-        //     body: JSON.stringify({
-        //         question
-        //     })
-        // });
+        answer = null;
+        try {
+            if (MOCK) {
+                await sleep(1000);
+                answer = mockAnswer;
+            } else {
+                const res = await fetch(
+                    'http://64.227.148.116:8080/?question=' + encodeURI(question),
+                    {
+                        headers: {
+                            accept: 'application/json'
+                        }
+                    }
+                );
 
-        // const data = await res.json();
-        // console.log(data);
+                const data = await res.json();
+                answer = data.answer;
+            }
+        } finally {
+            loading = false;
+        }
     }
+
+    type AnswerSources = {
+        type: 'sources';
+        content: string[];
+    };
+    type AnswerText = {
+        type: 'text';
+        content: string;
+    };
+    type AnswerCode = {
+        type: 'code';
+        content: string;
+    };
+
+    type ParsedAnwer = Array<AnswerSources | AnswerText | AnswerCode>;
+
+    function parseAnswer(answer: string) {
+        if (!answer) return null;
+
+        // Separate into text and code blocks
+        const textAndCodeBlocks: Array<AnswerText | AnswerCode> = [];
+        const blocks = answer.matchAll(/```(?<code>.*?)```/gs);
+        let lastIndex = 0;
+        for (const block of blocks) {
+            const [full, code] = block;
+            const index = answer.indexOf(full);
+            if (index > lastIndex) {
+                textAndCodeBlocks.push({
+                    content: answer.slice(lastIndex, index),
+                    type: 'text'
+                });
+            }
+            textAndCodeBlocks.push({
+                content: code,
+                type: 'code'
+            });
+            lastIndex = index + full.length;
+        }
+        if (lastIndex < answer.length) {
+            textAndCodeBlocks.push({
+                content: answer.slice(lastIndex),
+                type: 'text'
+            });
+        }
+
+        // Split text blocks into source and text blocks
+        const parsedAnswer: ParsedAnwer = [];
+        for (let i = 0; i < textAndCodeBlocks.length; i++) {
+            const block = textAndCodeBlocks[i];
+            // Can match Sources: or Source:
+            // Ignore case
+            const sourcesMatch = block.content.match(/SOURCES?:\s*(?<sources>.*?)(\n|$)/i);
+
+            if (block.type === 'code' || !sourcesMatch) {
+                parsedAnswer.push(block);
+                continue;
+            }
+
+            parsedAnswer.push({
+                type: 'text',
+                content: block.content.slice(0, sourcesMatch.index)
+            });
+
+            const sources = sourcesMatch.groups?.sources;
+            parsedAnswer.push({
+                type: 'sources',
+                content: sources.split(',').map((s) => {
+                    const match = s.match(/https?:\/\/(?<url>.*)/);
+                    return match?.groups?.url || s;
+                })
+            });
+        }
+
+        return parsedAnswer;
+    }
+
+    $: parsedAnswer = parseAnswer(answer);
 </script>
 
-<Template>
+<Template --command-panel-width="600px">
     <form
         class="input-text-wrapper u-width-full-line"
         style="--amount-of-buttons: 1;"
@@ -44,30 +128,83 @@
             class="input-text"
             autofocus
             placeholder="Ask AI..."
-            bind:value={question} />
+            bind:value={question}
+            disabled={loading} />
         <div class="options-list">
-            <button class="options-list-button" aria-label="ask AI" type="submit">
-                <span class="icon-arrow-sm-right" aria-hidden="true" />
-            </button>
+            {#if loading}
+                <div class="loader" />
+            {:else}
+                <button
+                    class="options-list-button"
+                    aria-label="ask AI"
+                    type="submit"
+                    disabled={!question.trim() || loading}>
+                    <span class="icon-arrow-sm-right" aria-hidden="true" />
+                </button>
+            {/if}
         </div>
     </form>
-    {#if loading}
-        <div class="loader" />
-    {:else if showAnswer}
-        <p>
-            {answer}
-        </p>
+    {#if parsedAnswer}
+        <div class="answer" transition:slide|local={{ duration: 250 }}>
+            {#each parsedAnswer as block}
+                {#if block.type === 'text'}
+                    <p>{block.content}</p>
+                {:else if block.type === 'code'}
+                    <!-- TODO: Get language automatically -->
+                    <div class="code">
+                        <Code code={block.content} language="js" noMargin />
+                    </div>
+                {:else if block.type === 'sources'}
+                    <div class="u-margin-block-start-8">
+                        <p>Sources:</p>
+                        <ul>
+                            {#each block.content as source}
+                                <li>
+                                    <a class="link" href={source} target="_blank">{source}</a>
+                                </li>
+                            {/each}
+                        </ul>
+                    </div>
+                {/if}
+            {/each}
+        </div>
     {/if}
 </Template>
 
-<style>
+<style lang="scss">
     input {
         border: none;
         background: transparent;
     }
 
+    .options-list {
+        align-items: center;
+    }
+
     .options-list-button span {
         position: relative;
         top: -1px;
     }
+
+    .loader {
+        width: 1rem;
+        height: 1rem;
+    }
+
+    .answer {
+        margin-block-start: 1rem;
+        padding-inline: 0.5rem;
+        padding-block-end: 1rem;
+
+        max-height: 55rem;
+        overflow-y: auto;
+
+        p {
+            white-space: pre-wrap;
+        }
+
+        .code :global(pre) {
+            translate: 0 -1rem;
+        }
+    }
 </style>
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 51bc77542..70f0c98f5 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -4,10 +4,12 @@
  -->
 
 <script lang="ts">
+    import { getCommandCenterCtx } from '../commandCenter.svelte';
+
     import { clearSubPanels, popSubPanel, subPanels } from '../subPanels';
 
     import { quadOut } from 'svelte/easing';
-    import { crossfade, scale } from 'svelte/transition';
+    import { crossfade } from 'svelte/transition';
 
     type BaseOption = { callback: () => void };
     type Option = $$Generic<BaseOption>;
@@ -69,11 +71,16 @@
         duration: 150,
         easing: quadOut
     });
+
+    const commandCenterCtx = getCommandCenterCtx();
 </script>
 
 <svelte:window on:keydown={handleKeyDown} />
 
-<div class="card" in:scale={{ duration: 150, start: 0.9 }}>
+<div
+    class="card"
+    class:press={!$commandCenterCtx.isInitialPanel}
+    class:scale-up={$commandCenterCtx.isInitialPanel && $commandCenterCtx.open}>
     <div class="u-flex u-flex-vertical u-width-full-line">
         <div class="u-flex">
             <slot name="search">
@@ -116,12 +123,45 @@
 </div>
 
 <style>
+    @keyframes press {
+        0% {
+            scale: 1;
+        }
+
+        30% {
+            scale: 0.985;
+        }
+
+        100% {
+            scale: 1;
+        }
+    }
+
+    .press {
+        animation: press 250ms ease;
+    }
+
+    @keyframes scale-up {
+        0% {
+            scale: 0.95;
+        }
+
+        100% {
+            scale: 1;
+        }
+    }
+
+    .scale-up {
+        animation: scale-up 150ms cubic-bezier(0.5, 1, 0.89, 1);
+    }
+
     .card {
-        min-width: 400px;
+        width: var(--command-panel-width, 400px);
+        max-width: 100%;
         padding: 0.5rem;
 
         position: absolute;
-        top: clamp(128px, 20vh, 400px);
+        top: clamp(128px, 15vh, 400px);
         left: 50%;
         translate: -50%;
     }
diff --git a/src/lib/components/code.svelte b/src/lib/components/code.svelte
index 3cb59ab48..38f8372cf 100644
--- a/src/lib/components/code.svelte
+++ b/src/lib/components/code.svelte
@@ -47,7 +47,6 @@
             </Copy>
         {/if}
     </div>
-
     <pre class={`language-${language}`} class:line-numbers={withLineNumbers}><code
             >{code}</code></pre>
 </section>
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index d44462d0b..2245e8bf0 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -46,7 +46,9 @@
             callback: () => {
                 goto('/console');
             },
-            keys: ['g', 'h']
+            keys: ['g', 'h'],
+            // Check if pathname not like /console/organization-6374c26ba90067a6315d
+            disabled: $page.url.pathname.includes('/console/organization-')
         }
     ]);
 

From ba27b42243bcd0c8ee9e6f9149ec0b4b11c8005a Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 30 May 2023 18:43:52 +0100
Subject: [PATCH 019/128] feat: migrations screen

---
 src/lib/components/arrow.svelte               |  21 ++++
 src/lib/components/cardGrid.svelte            |   2 +-
 src/lib/components/index.ts                   |   1 +
 src/lib/elements/forms/button.svelte          |   6 +-
 .../project-[project]/settings/header.svelte  |   5 +
 .../settings/migrations/+page.svelte          | 114 ++++++++++++++++++
 static/logos/appwrite.png                     | Bin 0 -> 3248 bytes
 static/logos/firebase.png                     | Bin 0 -> 3391 bytes
 static/logos/nhost.png                        | Bin 0 -> 4413 bytes
 static/logos/supabase.png                     | Bin 0 -> 2552 bytes
 10 files changed, 146 insertions(+), 3 deletions(-)
 create mode 100644 src/lib/components/arrow.svelte
 create mode 100644 src/routes/console/project-[project]/settings/migrations/+page.svelte
 create mode 100644 static/logos/appwrite.png
 create mode 100644 static/logos/firebase.png
 create mode 100644 static/logos/nhost.png
 create mode 100644 static/logos/supabase.png

diff --git a/src/lib/components/arrow.svelte b/src/lib/components/arrow.svelte
new file mode 100644
index 000000000..9ac1a98a4
--- /dev/null
+++ b/src/lib/components/arrow.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+    export let direction: 'up' | 'down' | 'left' | 'right' = 'right';
+    $: angle = {
+        down: 0,
+        left: 90,
+        up: 180,
+        right: 270
+    }[direction];
+</script>
+
+<svg
+    width="16"
+    height="17"
+    viewBox="0 0 16 17"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style:transform="rotate({angle}deg)">
+    <path
+        d="M7.64645 15.8622C7.84171 16.0574 8.15829 16.0574 8.35355 15.8622L11.5355 12.6802C11.7308 12.4849 11.7308 12.1683 11.5355 11.9731C11.3403 11.7778 11.0237 11.7778 10.8284 11.9731L8 14.8015L5.17157 11.9731C4.97631 11.7778 4.65973 11.7778 4.46447 11.9731C4.2692 12.1683 4.2692 12.4849 4.46447 12.6802L7.64645 15.8622ZM7.5 1V15.5086H8.5V1H7.5Z"
+        fill="#C4C6D7" />
+</svg>
diff --git a/src/lib/components/cardGrid.svelte b/src/lib/components/cardGrid.svelte
index 2215cc6dc..e7870a977 100644
--- a/src/lib/components/cardGrid.svelte
+++ b/src/lib/components/cardGrid.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
     import { Card } from './';
 
     export let danger = false;
diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index f891b8255..f836d13d5 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -1,3 +1,4 @@
+export { default as Arrow } from './arrow.svelte';
 export { default as Modal } from './modal.svelte';
 export { default as Pagination } from './pagination.svelte';
 export { default as PaginationInline } from './paginationInline.svelte';
diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte
index 8ac92c1d8..417c57768 100644
--- a/src/lib/elements/forms/button.svelte
+++ b/src/lib/elements/forms/button.svelte
@@ -16,6 +16,8 @@
     export let ariaLabel: string = null;
     export let noMargin = false;
     export let event: string = null;
+    let classes: string = undefined;
+    export { classes as class };
 
     const isSubmitting = hasContext('form')
         ? getContext<FormContext>('form').isSubmitting
@@ -40,7 +42,7 @@
         {href}
         target={external ? '_blank' : ''}
         rel={external ? 'noopener noreferrer' : ''}
-        class="button"
+        class="button {classes}"
         class:is-disabled={disabled}
         class:is-only-icon={round}
         class:is-secondary={secondary}
@@ -56,7 +58,7 @@
         on:click
         on:click={track}
         disabled={internalDisabled}
-        class="button"
+        class="button {classes}"
         class:is-only-icon={round}
         class:is-secondary={secondary}
         class:is-danger={danger}
diff --git a/src/routes/console/project-[project]/settings/header.svelte b/src/routes/console/project-[project]/settings/header.svelte
index b6c51f014..5f366f049 100644
--- a/src/routes/console/project-[project]/settings/header.svelte
+++ b/src/routes/console/project-[project]/settings/header.svelte
@@ -21,6 +21,11 @@
             href: `${path}/webhooks`,
             title: 'Webhooks',
             event: 'webhooks'
+        },
+        {
+            href: `${path}/migrations`,
+            title: 'Migrations',
+            event: 'migrations'
         }
     ];
 </script>
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
new file mode 100644
index 000000000..a01462ad7
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -0,0 +1,114 @@
+<script lang="ts">
+    import { Arrow, CardGrid, Heading } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import { Container } from '$lib/layout';
+    import { isSelfHosted } from '$lib/system';
+
+    // This will be better implemented when we have i18n
+    const strings = {
+        cloud: {
+            import: 'Import data from other products or from a different Appwrite instance',
+            export: {
+                title: 'Export to self-hosted instance',
+                description: 'Export data from your project to a self-hosted instance'
+            }
+        },
+        selfHosted: {
+            import: 'Import project data from Cloud to your self-hosted project. \
+            Initiate the process of importing project data from the migrations settings of your Cloud project.',
+            export: {
+                title: 'Deploy to Cloud',
+                description: 'Export data from your project to Appwrite Cloud'
+            }
+        }
+    }[isSelfHosted ? 'selfHosted' : 'cloud'];
+</script>
+
+<Container>
+    <Heading tag="h2" size="5">Migrations</Heading>
+    <CardGrid>
+        <Heading tag="h3" size="7">Import project data</Heading>
+        <p class="text">
+            {strings.import}
+        </p>
+        <svelte:fragment slot="aside">
+            <div class="import-box">
+                <ul class="avatars-group">
+                    <li class="avatars-group-item">
+                        <div class="avatar">
+                            <img src="/logos/firebase.png" alt="Firebase" width="20" />
+                        </div>
+                    </li>
+
+                    <li class="avatars-group-item">
+                        <div class="avatar">
+                            <img src="/logos/supabase.png" alt="Supabase" width="20" />
+                        </div>
+                    </li>
+
+                    <li class="avatars-group-item">
+                        <div class="avatar">
+                            <img src="/logos/nhost.png" alt="nhost" width="20" />
+                        </div>
+                    </li>
+
+                    <li class="avatars-group-item">
+                        <div class="avatar">
+                            <img src="/logos/appwrite.png" alt="Appwrite" width="18" />
+                        </div>
+                    </li>
+                </ul>
+                <Arrow direction="down" />
+                <div class="avatar u-margin-block-start-16" style="--size: {48 / 16}rem">
+                    <span class="icon-cloud" />
+                </div>
+                <Button class="u-margin-block-start-20" secondary>Import data</Button>
+            </div>
+        </svelte:fragment>
+    </CardGrid>
+    <CardGrid>
+        <Heading tag="h3" size="7">{strings.export.title}</Heading>
+        <p class="text">
+            {strings.export.description}
+        </p>
+        <svelte:fragment slot="aside">
+            <div class="import-box">
+                <div class="u-flex u-cross-center u-gap-8">
+                    {#if isSelfHosted}
+                        <div class="avatar" style="--size: {48 / 16}rem">
+                            <span class="icon-server" />
+                        </div>
+                        <Arrow direction="right" />
+                        <div class="avatar" style="--size: {48 / 16}rem">
+                            <span class="icon-cloud" />
+                        </div>
+                    {:else}
+                        <div class="avatar" style="--size: {48 / 16}rem">
+                            <span class="icon-cloud" />
+                        </div>
+                        <Arrow direction="right" />
+                        <div class="avatar" style="--size: {48 / 16}rem">
+                            <span class="icon-server" />
+                        </div>
+                    {/if}
+                </div>
+                <Button class="u-margin-block-start-20" secondary>Import data</Button>
+            </div>
+        </svelte:fragment>
+    </CardGrid>
+</Container>
+
+<style lang="scss">
+    .import-box {
+        display: grid;
+        place-items: center;
+
+        border: 1px dashed hsl(var(--color-border));
+        /* border-color: red; */
+        border-radius: 1rem;
+
+        height: 100%;
+
+        padding: 1.5rem;
+    }
+</style>
diff --git a/static/logos/appwrite.png b/static/logos/appwrite.png
new file mode 100644
index 0000000000000000000000000000000000000000..e07c354cb941cace3e551d6e496fcdec6aecd46c
GIT binary patch
literal 3248
zcmV;h3{UfkP)<h;3K|Lk000e1NJLTq002+`001@!1^@s6P`n=M00009a7bBm001mY
z001mY0i`{bsQ>@~0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH3`I#qK~#7F&07m}
zRK*$o|GB#x@*uk#-YO5}VX_3OLMeie*oU_E9IZWqukuimpjb~ur5<hTN!z1s6{~`U
zn(%0S3skMgN<E^YRXkNRG$D(GC=XE}G1*OkJT`mh?{{}kFxgEYn_am1&Pnd<%-lP3
z|C#y!f4+Y%Qwk9nGv6cWX)_ebxy0JX#AAi{3?gxhkijgPSsm4yYEfs8R#Yvf+NzyW
z{&?kS)g@G-d)roX{-Ti~GG~z1Q%U$NVL6*g2BEzyCQ_)<M#M*u-Y+Cy5Ys1GsDfH~
zOU~z|jg%rVC5cAgf*ez+8HVt6TJ&@XZ4|N{2|PmZ7sTa5BwllpYh9*)#UYO7cR?WU
z*3pW?R|uJxqwCX9!-F?a3ACh9e?JoMvB<M64WZ4$4?T61l0csY*qFC)ys$YB0-J+3
z9Z4w|3=5d4EzJD7Hq}z^&XrsIzS+(*m1k;5(_Lt%0F8JlHLwP#4(*k;lX`OKjwg0e
zACT}%9~^d9X8PdZd=dT~e&*0g0^Y6(mwze|EzCDiVzW9?>_dA?Jpo?L2TGe0xiKLD
z1|}9?f~jAM<hb76gN}vKNDK5-2zm;tk1~kGg_)a@8JlA45`&67m8I{Zf6|*9di4@j
zKA-C}nfXh+@?tvvtPA6BH^f#hB3qow`KgGxKct*ZrfzP}Ob_$X=FF@Ch8}_?Il*9>
ztb{H`Pjhi!2K567Q!`fA{obL~5Ax>C;S<$Ap#bahibpt<{1M|Zw}&S25I&%po-;_l
zIIzJePh=UuLUJ(omeIuRSHgJCg{3|(Md~z3@LIPkbO&$yTkyEGj#pUgTa@Lb@XK%y
zzSnI9p;kQMahSH{IsVdplq9~KQk;?1N;kri+=^M5NA|*6!kgTV)~mRpXG`6q0E3gR
z_mY{lo_Y`-p8k>&b+@~Z*6Vm^m{RQKW_>5Dv86Jy$W92o;b7<7EdPpw-4%B$z^zp5
z9Gj=hp!2Y7yDEDK?lA6pths^zaC(9kD-lGN_QZt+Fj~*y=P<Gn=*wEq(3;}zbYh$n
zirs)3=hI6t`txFihrC+271w&J%6@Y)g%@cHR?u5j`nI+lW}>&rMxZY@Hr9?`(tTMB
z0=b0+5bM8iQx~g<nRf(}Vvcu5>C1GAQ9rKm48z4%yHm(EaJ?A(Q*Y%H?{>-U{6nC`
zgDv`h5MHdG7dA*P8|Yv47TJV@lMBxr5ata?o=5g!*U<o<(|PrES;B!9^QKtg!JotA
zlLze-o`vBRt9EPUfQ7b50^2Y?(?jz*XB-nCNP%&RRNOj;7TnNU-}V6Y1LSO9Sz)lc
z9iwWJT~PFUOIF|f>;SXnD36M%-Wm?8`;uiWQi-h4zP0G<>tq*11`!*_HWd*8emSBz
z1KXG4_`0-maCPaY)Q`Y58{3?Q+=t$sR4?Fo0IxXj3($C0IwHVyk1miHUkfhF!3+nN
zQVJ3970qw-6|D^Vie^(1$fzv)1T^5gWD~G68<j0Q-AYFUh)w-<99M~-O{+}Z?31%^
z8VIL&F$U^pu+`a=1foodETe8n*HZ@O>#d8Dakt@R)CDoc(r(fQN+E&{=UHepk1fVV
z8=p{;(5}o6z~oetO+f5ny0zt04X)4(Y*k{7$G)85J3pcnLbRTVixUl3yANmXpd{hl
z_Gl19>q}%4FcC%>E#~>k5SdJITRQ%*H(XdEFjQnqW;Ik!`yXkg6aZxP`(z)SCh>U=
zh%(Nz7bSh_m_-0I`4;_<$n=^d0q@XVZ&(8%1tpHg+Wph4anq#UB;PD&gZ5ksp+bE~
zAUmBm@y7^FB#02ZK5$70@4*Jy01)iC3W|MXY=P2LO?|-O{Nf)A_(KTt8O3}N6%<6m
zl+A~}8e)YWqqTH7`3ZqMnT}1)Q^<JbaGSo}5<Vq}A^sIdN$~-)35v<ud~l2aIjo$N
zFgaT9E1qR)dI3onrs8w%s?vM8BpT-pF_te=8j=m3bgp7rZ`P!%-wLZGFrx;d#qjQn
ziYP&Fgn_5MWD_*WNU&29Ls&|)<1inl1n_nKf;^B7%keT9&~fjBfV`t~Tvw6#?dVl)
z>sYE&arOA0cmx4~w@?wn<@>Fm6(tBbwe@5Z;7(;*#v?5zyWPyt32oT5P7B~+bygai
z)G=+;KB%K?9nFHB;+c^$F}vv2x-s*IDbY~}o~6lQs5(jzaBA%%7et(JrKGDf%3`Qc
zD4`haP|)3?!Z#wh8#C{8+`Rfoeqlr~m-~hcfs)UUYz#GTJ=XS^`2$=Tu16(OMr{z}
zynz*e-A)OEdw((^)nMpy%$y@#GDR}NoSASO!n1wN){v;n@PM5dkumMW5AVvkA-i3*
z&A=SRjO03p8U7&B1X%CJ4CmuW6;L#&Jv-aK<~`~IFabPd6EInhLV&S4gk9ta4W>T8
zIv(LB*Hj}dJjvk<FCLfe48hb-i-rccGOK3I*U^ScH0s=A)pMuw6tBPR73wR5hmuXe
zz}GtPZzs~e&IRqF&c>xrz99QoSTp+AtcG=+A<@R(>m2PLSiUx4eHRM>i`2+*yQotJ
zxBz=CH|F!$0wp|&QUHVqoKgK}J=09-*3d$ImN^=iq=<=R0Oh+&X;Zew8WQXmE|7wP
zq!051LX-<P$&2;d7NX<{gjgttQ9yPcV-Vh|(wVoQ55cba<O?3mJ%f@&tHW%<+x;27
z+CzhfRVTe<JHs+W*vMZ>_93W<w?#%TII-y8=+R}JOQElR;r5p<qkf9O#D(8tt=~aM
z-DCqGxHqyV27eUsp+u{Vu@$t)HI}bN{S?^4&$df=(GKuNUccUq2#~dDxe>vx<ut8v
zfO8J@Lj)(?;)UM6h3o=CtL^Qr>#Sr%fS#SJ_Mk)miK*rQt##MBS+i`RijD_mhHp;c
zQQw4t-P5K))lYsE=}Si*4DnKm9*{f+=)no!uX5i_{RmCI!V5L=on#XrC{Sp6X$M(y
zY#;e`d&Yku#PzW^7{p5g`Gp144<No-E+O?0QiI4QKya^mwwJxr@%xwn$JZ=x6H2>>
ztmA8)05N-5Q&}Ky!DzA(=!XiB`%%n*?~qN1%s!Lu>Aa)r!en@N{ADkU$7AuaLLR4B
zE&B{nD6$E`yux3>@4AU>1ZLl3uot^K=fzP$*;PL%fs61$Y(9i~#o$)j)HJ2IPeems
zA?Ghn59Ag78iD>2isLR%X-_toq4Yn+=61Uc3g#D&1z)|%V(sD{!?Z;Vy)dU@bsxC9
z#9-~EgDvtfNYkH_ou5T89da2mHKStH{`jIEPz!5^;eH;J`)P4EG1nr_d#`&~&EHcU
z{_H?7w{Qw8w$#Z?vJnu_0sOntT~+o`59K`rhT|gU$Sx%#{zeIDQLia>EXnq-_>5C@
z%;FH3>~yVuhJcObJ`Euo0b>EKROYz-WgC00a{@Hx6;2n$PeVLoyRRW3Jmpm}d6_4Z
zxAY~xYlSqA_-@V%lR1l{hQc<E?;FVHVS^VAt}NShyjs1|D-F5xCn<J5joOoYe313c
z2yr<Z@?v{fy`NLxP|0=ckM!6*i`Jj8cZ@h(7b6~WiDtSQok^$uf$DI({>k87t50|Y
zrPqqNX#%XTL+(JJ*E+@88?LYkk4Mm3_CWmybVR`L%dHrO@ad5Fc#eDn(yzXmgFcr>
z-07+WE2&rK4-@WuAiwA;IM(+ec@CX?G+=qBVOeL=$p%w}q16Lf!$$mrH<$F<F!pKm
ztrM*SJm&QVt3`Ohb2+7?uw{$*5dN(}ly9vvTbdmXm&Lp+K>lz_B}6nr8Xv<ME*m(2
zpXu$a>x`t{-1@dHqeWkX$lJ9L<b_y_N$4=KY)K8GyidBceky&(>Mln%nkE(Jik7Pp
zq@N1{^Q@!}6h#HM38d$`R%hGu!z=oJ20Ud`r#^qtNJF<x2UGH0jOe$p$(evidQOku
z1%p$AKe-3g?Z=3XZxwEP#eMaeyF1R)^aRWJ1akLGG|0FZw9*W?SyLeS5fuHVF0L)>
zGYzz33COQWmn$;fL_GXWw|{j5r2r>Ify=nt(gLowVTS0_Aixn}mP`by9FV2JT4R|w
z8bZ>x&)GtCo;_<Dd;4*7Tsu~@-nS?-O`1mt8<y*ngPl?aq=pA7G|NY|m<L%ozVwFD
i4pGhWP^$dZ4*Vaer^Sh{5exeO0000<MNUMnLSTZo;VTvZ

literal 0
HcmV?d00001

diff --git a/static/logos/firebase.png b/static/logos/firebase.png
new file mode 100644
index 0000000000000000000000000000000000000000..9f5cfbd4263248de72863d72d337da35f3e7a784
GIT binary patch
literal 3391
zcmV-F4Z!k=P)<h;3K|Lk000e1NJLTq002+`002-31^@s6juG;$00009a7bBm001mY
z001mY0i`{bsQ>@~0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH4Ae<PK~#7F?ObbY
z9Mu*6X7+76cI-GNPup?g*m20C1PNjaq-j;D6k1+sc$AiRN?V|6rGok+3ZSZ`5~^BN
z0wkoU6%=6=s1y~bTB)>!s#Q~!20<Y}LLubk$J)Ez*F5g&xih=#o!!~k-kr5KRzAr)
zd+*%6GxN<k-#z!-83X5V4(D(dLqUx|f7!JZiBmrUL=cS~4=9(tZ~_Yue$)!1Z$F64
z@Esrmw5Z^kTd@G4q6Q$^r$UboSlz2WAU%FP{ci9wEI`zRK)m{D8>_?eyg-oAh~$ZT
z>EKljSYW6Pfs^rekhwHpmPAtODx5gB9SaP#A<&F3Wzv?|1+q873_*+ifM`eUbax(5
z8v=#7hJ`ScCr=I}(hRkUoj5RgBNh;9WPxT6NZ8+rrs}0Dr%!&LUi;D_ED(53APw!}
zVOL*cu~kSOvQ{Y40~kK?RV)yAZ-GmPBOqnHv$B9lA`WrJ?xWv-z5@#Y-V-=H!2}we
zQxy*KU|FG&?#JYZciPtK4*Js$KfN@#lU}*>%k>=ocu!zB)4}?;%q|p@mxUrpjNOK&
zBi&{DiI3ca_=kVM#5+&pqr=}qox*zpb-kMjRLhc=t2Z<2kcr>o)&)I3*v0ecdtpwh
z+^&hIg5TtsOc&}9-V<nQJb;L)vKx64iWSy;k6zx<UDAhg>MJ0v*B-X{&rEeA`SBg7
zL)0LQG5hk}mLo53h3O_FKKvm!%V&k?z$Kl~C+{zbA<fiX^!$dpv%*@$ftxJrnvOhc
zKOa6beg$5>a4^4H=M0XXSXmMV8EMwl%pS}VboAE6bm*!F>CG!1r~mF=50Bw_K9Gi%
z9fxTwFQ`Gu_d;T1z#V9Q4m};WAlkYdqi-C7&{`Znvmj+5kVM<S1<Ds*e-|@3mxFf)
z5Ip(}wBhTxq{6r8*UG0}yBQwBQwyY*cC4Bed9uzLkteUjC*}@BKiDg@v<rDzH>OMj
z;vYR^rOT!}mw$Y12?9r+Mdsu#Sl20kpW0q17hb?y7dB$+A&hKc2IS=+j7B37eMpN(
zuMxtZp9PloW4Zk2@Z!)Q&H#FAR~v%Io?y$n7K(4GA2Pad=$fVQ5Z)4)8Q*N*-&v4H
z(m8!FPfTn#5@^#kE{j|fw@`?da9DGX47A|_`uEj~VT}ER|E^=}RvgC@GQ1Lf@DSb-
zNSO`JE~g<cTQ*Y!k!0551VdLi7oqS^$_3$&E`KeeCoe&9PsB4DHSsv~(c7SqQhGc-
zhB2}Q9>QA!O%9@!d>T5tIm2ko`-EV^Vs=q6S)iCqlS!2IR&y#PoLw=@O9uDT&_FO>
zd+4TC{Ac`WXs2#KPV-7`mb~1|CU^+X2((;E5nb6*c5~)XMt+J6fhH**GpiYs3FLcW
z$N}1gJPCzQ+emy7igA%uD>ctN`6TqyyRCgC$HP=SDU3Dn5Z+nfSZW!cWZO*1vkZwh
z#wZm8Q*41IZ&F!T7D|~uAc+W)Ik}hKySW)=^v5t=G%x>C$MHMq;I;rff_DUpIA@`S
zoi&+`JgW)2>LhQ|fMej1R+tvH6<V%b+=tyikq`RB*k_R#{w=hTJFGYl?rj}V_$EhI
zEQd$%jzEg9<&Vfr$g>EL+BZhoGbkD`*mad8S#B)MLJlbVTeeWc2VegdX881HP)_qo
z^i$UHP1fQ)@CY6fXspMS0HIXCbJb++F<JLWcebPKK3faf3N@*Pibb|XhQ*&8r2|lV
zdf{u-3i1}ykw>||2#n-fcmxj#G&>7owZa{6=%O`<GBFd7?ljekTnI?pS}5|%D+&xv
zfzr8_XJv)QnStfyp{gvj>);VQA&^JlFcY|@Y!GdIrTm5iW+t(8pW}DjmoH;$p`qKB
zXrxT2y#w&IsrFqcK89;wF6Tr>H#~wj78uic^hKMq(uE+hXBlD~j(v27-}w?ITOFqk
zGaMuLZDGsPZDE|L=DA7<t@CP`z#9S+r_ST6Dp(|PC(qKpIB)fwHJ+I~3mS2DiwBI}
zKKPn6Yk(<fTiD*wms=eq_w9(J+Tj7bAuyC$!Ajq17s|V)G#qo>9(jq%TwK9dsd>Us
z5$WqjuvMTk&2#IYI*>|x63Tc(pdbzlNGVI6Wqll$NY@o8V=d0IY+|zJg)SLDxXTas
zEDvVrw#8)*Wt5C31Bo}!sgSWcm$I|Vr57dSXgX=T)pTwv<2)e(2w&EZ;Bq;N<U03)
zJnH~bM>^pFs<uFSlBY#NY$#7&)|%LLg*gNAq}!T)ga&&NT$UrRsBM|!%!s@x8CZL!
zb?KR+dKd068~Jl}>7yJH_Q+uc#0iw{EBb0pLYTAQwzUYJ2e`+Tn7!r|*U2ffpf%Vy
z96^<+o<K3&#4%u3IbE|yUbZ~5OnjIvTUN?BL8*D6Zl9fwacf(t+dAsxR0lnXry5Zu
zJRmUK$v(H(SveInTh=#0j*QDxGeT}|D@-54mv2UJg`B3Cww2U`yxe(<RR}0;s1nr^
zsA{Y2z%~bG+-F3~SYE-*#MZp^HP*ah@In1b7pg?{1e)49H|vtag-FXR7f>?AE7Uxm
zq6N40FnOq*=9Pn?*8_pnZzo}#)@51W7?qM|H?R`}NsjXdH?rpWYpi)Lup~lMo!<8#
z4ip<5#ay~7$>B(f92pm9oaaO2@-3`+HHh=3BhP{&&us&$L{%0@f7>3h^MJXE96?NA
zv`C{0HILVRL)+(C^ITw>o2`|+Do~vZ4`+HgaI-^!f(tfN_F@rS7U(R^+q#Bl7|Psh
zUP*Jk9dDXd>0osPnz23(@EjK`(^b}-*KsYj=2>yx#TyV>8-SJQ%kFcarfyqw9LrUP
zt8(Ki35;(p?84SQWVH`Pah}3)-X;WBG2uov`8<!vvml?#$!tXxsBRF^IkQ`^3?hwD
z&n*-c&TWOtn%BqEGh>#ThYIV?fZ|7utIWz&XMv=5=fCoa>AXw{4RGf3cy7Cu<Gkgl
z1I;ULFXzN&RV#EA6G(r*sF{!6l{+!Hawe=~sXbcSb6dmKyq>_^$9W~q%d{uaNpJ0F
zLWQW@0*|M74or>tpg2bMLJ?)-JkBJCF3oD5SudLB0)-Yq_*bJsR8F8d&iW@BLD^J&
z%&xX9j}rq@^Fk|(`Hk~jk5kkaQ3K!oiru(!0u7D<NeNj~Hfxcb@^M~BYTk;%41c|7
zo=aaG96;AAUTCkJK>4&M?4=5+ee%g!ljpX<dW!SP?<_3vO1)X}6I&G#Nc;AwAgxQT
zFd8vAK9FsBmu^OAm8fscbM4EVV;AoIV+#q<CAH6p%J`2p?_#NWa&9Z!Pqbb%uLRbO
zUPDKBEJg*WjKIK{d>eg<F{apS7+ZL5yAo%I=DDLCNmR7ZUZDm?mzfzX)lL}*Ueu4!
zx?ugrc{Axthz=wsR-yt_M4*<|S7{@Ngg$*fLS1wgYF-f(_~272(!p61Xgv$9hc5_h
zS&z_4Ir%-?G_OoMQU+NE!<Z#zP2k&qKCPw}Et|k1WE>~pIG?)LyeY_pjD}cxO#2uI
zj?MA}s(4o}`r^P=U&#MRLmRI21(m5MMb8$uRpojZAsrPjXA<I(<gxS{tG|0Jg;}EN
z_r^w_+jw2LU41yxtPUu-9H0YrMxK4IGkQ$C6&o=h?b!YP5UPMDFW!A}U|T~(Pv6_n
zuHGFCD?Lg<KG2DIBrm&ypeO0Q<d}HE7f<}M`RkvIqDpu|U=Ant_jflf_1zw7R=*u+
zR9fM9QD*+glY8_OjcEz|B6d=LYUS-8d<>7^DS<hh9NM%g(qKN&(B|9i4|CSroG0>l
zz0F9Ho}Li<%`_feeEs1g@EA2AFo%;veLI_5eS3o~>cu`)36;%APlpP~GX<qG<9IzW
zEFSK-<?vroBh-{YiKF|w!!0chw>B)nUBR%rMe&huR{YI|JjKpUYLnt%Dn^fu9uqJ2
z-uHe6HAKw`%;DJ6n^!GvGj8xVDEEh&u*#~Oj>uV%CretA-p`EU=jMp^tF}EyCNKw>
zGXisnKHJ~zYgX<Hw<zBTG$;|6Wg5<uJXKm8#gpUWr@@r+WaEwR9>*MF&I!!n__KW%
zHn*t{g<6!Ie!miS7}N~NlaI7>&UP|A#({8*_O{=2_#Mmx=8eD{;xF`H>u*)R6No6=
zeSRLX#Wdu}m-aPe(h2cOVw@i9*j2j$VkVe(0ww<U%%;}XX7lPmqj)gfq^@^;*<2xO
z;XWM~Z)9TPXUUP~p_P07mBc)wE(pwlN9<)w+Jm=+ntTrgo0OLPKS1I*Qj62^^rYCw
zPWzk1H-8jGouIA=%;CiT?(T-x(4A@k=d&J~dRqK5HJW&8<(?BGIEQmMhjZ`_{|67;
VXuLFmtv~<(002ovPDHLkV1n+2PRjrQ

literal 0
HcmV?d00001

diff --git a/static/logos/nhost.png b/static/logos/nhost.png
new file mode 100644
index 0000000000000000000000000000000000000000..56c618cfdf7872712f945ffae92e64e0f654fd81
GIT binary patch
literal 4413
zcmV-D5yI|?P)<h;3K|Lk000e1NJLTq002k;002w~1^@s6&V2Dv00009a7bBm001mY
z001mY0i`{bsQ>@~0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH5YkCRK~#7F?OX|T
zRn@uv_BrQfVn~P(sAX~l88b1yRuOm#C?NsEQmcK`_VK#<eA@O6w)$R+uU1`c*RsAY
zsYPn3LhU1(gn$HSg=otZZ$dzbSOghl5(qJY4ENr1cE5eD3HP4dB=_Eoti`w1xx+r^
z?BU=4|L_0*_aM+y$SoZLQ~PH?%!b4m2pEv^D1<D5C4Y~?$rb1Y5a@0!+%*(%-2=!c
zSo{sGJk>~I{gK3a1&y(lczeP{^boq2K=a)R<der(?0>W5K4H9Z5>i_Q(^`d^^rI*d
zK6Ep5bQhLM4QI|yg@)gRNgRd#<f7a8d^!@&)??gb=dd`X4kaZL-GuJrpn23ev4Ucw
z-4T##vI<rFK1M=#sCx!Oh%fPfLdy(fJ*3zQslN=f@c<4VJBiB09&|Cfhd_#Z_LWbj
zGJc08`Wr8yxZoHY{VQntTIfa{%(|KUznDat!h1t_#e~T1Gr;--G$W5hJ%qgUbLc{J
z4}oTU5{Klf`}ym40jc$*(sI-%K85028k<vd4-A2~A&a8;Aggy9q&0{H3sFzGAC|U)
z`sq)ot^F7!cXo+>>Kp>ib|)fHPl4A+gi)UWOK5Nz)of@rs)wAxpgMzM@m)6RCjoDr
zV&i{^f=RE1%rkdSDopbcR`GUTqxo)Z=)%P&NZ*T)=0OxrJBm(5#|SiIn}LD-r@<6=
zlHI?`?8dVpgLp^d_d)jjL0HzGp=<l#!~IPCPC(H|dGC8D%q(m*|J(yH@OUzzTVJDo
zn#=r#+4hnX5_P;+NP@0m=agc7=6Q4yq9@RdZE;BIcRL&XxWAXtx0NSp)8Ji}6vyAU
z2Nc~tftoP)P=CaKelLgo`OxGn5^G=xv9ox6%1?^1Ydxwj9H7`Wpo55>K-qg{K(n4=
z<H<eIm<tgQs0nlT4n@3oDc|KtDAV|@I>p%rrHgh^+5e6N{VS?39_fgFijF|J?%@=x
zXIRPmm_<CILKFmQ!lH^aSiZZM#{#xsTIlRiLu>r6?7%`^TUpLwL;(ZQz^k}MP9~cN
z5J!4hD^;1lF<rAOE-hAG#G<qDR_Y##T_s|wDj<v;mUlPnGcxEINh1?t4u6fI8puR;
z*#?+$XQcWmIsyri#tIF0Bo>jmpFvGcCE|zbh^?N+=U73R#qZnD+3=eNo2kh6!fe>Z
z`ec(RGg*&*0Z*xp8p%353{7P4+KjB-1*l2ckCGe0(od0#Snh#j8gwgI_M+xADbKQU
zUx(|+JIGsXHmA=x&=*Pd(`h~5V~eA}^#Mf(i`abkXc)#o_~H*@{iw)Cp{(~uLD#2{
zP!F&yMW|3lW*yV_LRgz%x$<$b>R@~NDVT#)gAzRxV92R#^e8AxR)_|U3`Z$0dtmk}
zN8_a=4%-Pqq!l=CUxCC?C>eW+quo{v=zoHhre#bkxiz@7aV+B@7&S+bQ<0CvL^oF5
z5dJ7sH0dKO*>((<6A!^B87h$rLU1mvcuCP`6hU~WuwHMn!;6tO_6*u4kQ7vWH$!^v
zV<j1%5jT-QUuFR+M&q*^5A8UN%jM*TGWJqD)34+r>19jJ3R!~cq3k`U*=wiKCL~8B
zF_HPxo-$KWTfGk1JJ&^I{H@}!zD({$S=k}DsBa_|+WN`wwgf_T*4-4qkrdB#<hcJI
z7i)Kg;wHl;&I9{XXs!GQ8?KbvaHZjJ#mq45429wV71*-KU1BJ@4#`mVlC(xZxF%7#
z7E!rwpmMDX>+NMib<}xs?nWdf?PFW0pG>+rVmdEZz>~TisFO<U#jQw8dYatiCN~8+
zz#8t_mjI9Vzu0RJlPiX|Q+!_%Czam=(X~)^)s5_=TypQTFtp{!DZc}`C&D)=6gL#6
z9fc9Qnq2u9E$l~agVhOvB!14Kwf<YWLvx&EXo&Nqk}yl6w`aN()PcB(+`EY1FTp(f
zByvCcGL|jV!p<R&dT@ODez+RnWF9{tkzQbXPXs;VH*`ny-qSEIOvRYB%?e(FE*^rP
zt-pY@n8Dxp<9i%s?&M!JDr{!jWppLHaw}{463h88#9itqIhNJ^7x*r{ii)gnVD7H|
z2p3B1@}^gzs>V$N_ZQ@-N13{wZFA@xIi6{c<F;EyG^HpzVSMm2I0T_T4Lxo-3MZAo
zNXSPl9-<9F&l>Nw%(RnGlyL$+b2$uG4t=ekupS|XdOE@av+0lh4DrTh>Zf}V36$6s
zrJq7o+D7=qw@Ij1nfiJ2eVdaknk41})JL{&sR)!2l!=DZ&|`|4m6iH_gVyJT<RWJH
zE$W3AS<y3XR%GG(_aXcJMTi7KNLvw)EjWZm-!G`^zRuK5b|evw8Y+&Lw2n2rf}FB9
zuyAi=gNBN2uS+`(U(Aolv73WB-5$BIn4H$nUzikeEizDY+agoiB;(f|raoB1e;>A4
z0ij<{V!muwK6_6pBEhm{7K*3V-~_`YRszLes5sIQHYC`_QVmg~t40eN-kmJ#8%@0)
z7F36<8}}Kfo_-EZ+v&K;_*30zWVl`7E4!x3djxw_G`9Jil!`MMl29=q>o2@s;P1$K
zxh&I*!rLw&KVt>-c-lu;#;Yag+8s=@Lx9o6hHaR?cWSsr*hDHycQcPtsIbfx&;-!#
z!T=;hMxf}RdUXk}$V4s>ilg&0pJ8v$CGpphDxo?^aa1N;zV+m$Ifw+BwS{8k7}@Aa
z41%jW2-JBfOshaaW;RFOY;sI7ltCz^a|%cW(^g_p`6Eh1!phg<I!1~()k-oh`}D3N
zP&IqxVu;FLfsk?3Q^|OEb06E9j|6!cn{Xj+F<*Pa4(qas!4J?)lJY5x6f?uhJ62v|
zeS$}4DQ_fCb`b~VXRM-Gpj?+qJ8%^W(so~djLU<*kL-#Ob_h2TC`Y&;ox`+ompz^2
zw9_O;@Ol#2rOEB)m6v*wgbwB)HMwbOqU%KLEmpohX*xUb71s7swCH6U%J2Ih>VSM)
z*FOunJCZR&Mi!&WpZF;XGUl<I)y(UP_ix)YavTF{_ead30q9yCRD4Sfsy_b#gNpaC
zH+Q%4l+qJvyiZ>!?l(xH@u%z>HDeM9T;?){W!BK92`~plG6{7D7M2Y`l<0aTt*lqm
zcbvb<+j+9D9aPiAuNilL0?GXuCf$~Va4~igZ5q&x5XT*N$fbHZqC`)QVk#^VO6*i`
zKT7@d9Q4Fl$l0C}mWVWkIi%R=xHF7gH4#yw=LjTG#Sexb<aVf0uf=^agFe~wkO|+!
z+}-`c%Cok%nqdv+EQuoUNJNRABaj+3Eb$r%L4OF!eNodg!5k%UGZpx^5vON|6$?`0
ztkc<+K|{7db0Riko%RKK*ifYXQIN3}hRHcL{G1m<9*VPqFq{qiE_~-Eht)`3Q^dL8
zD5nnwB)31@hd}SJr1K`9VXWr2)D{0p)$}W-9CSRvX(lX1a-a4ho`i>^nC6Ioi#`l*
zT*U-ZP~uTAX+L!NG8OdiTRNr|{i~RX(TYm6=zYGJ;wDr7BgeS+f@4AC0BO!be0&1B
z5xvt{Rl#;CH&S^!ZJIk7Nep*=W2d0^dh;%8GevE`BlT9g4nrae+IJAWmq1F?gr+#?
ziW8|8PkF6jSUaZM^ic1P2bq#Xz6hQ$)b#|UOuEKFHgvTZN?PbaTwM{x9>6sMwS#K}
zY6sT{)DEr@s2yA*P&?=z0-2@}@yu#3LDv&VdEc6TEB&f}3`&<)BV0zOZ5ik)bPj>k
zUawG4iwOqweGt0!7C9(zJrAE3oC><G480s3Cy-jlBSZzA%ixK(2lowNv_h@Hc?p4w
zDD8b>oF|iVJ@SUtqnD#2PM>lCYRNq>LW^J7yp&dX+6Qt|(Ae-(#+x4r@g4)~oC50S
zT8XOw(Gf`6t1BoT;&~W@i<>z?1=jbS;T%-M^ZfUf7Vr6|q4QuE|BKfrcI}eBPD11a
zvMdjz@g6j}!(Q`OlHs30uvg%JMn$asl0r1N#TtHz)11cn0~PZN_FVW?g2)Lp=<+EX
z#s4)gy3Spz!@PMY%!VBP`zh3F_7=pEA5h$0<;>>_6sCr^-no|`assUi*rcXbWO(|{
zw08vhch)%K#nMZ{a3YV2x-k7+T!n~UNoVg#f^Ks5Q+u3pr*<ian%LVyu6Ytg=^x`N
zMRdcwI$lB`m!r`S$t7QHV-flhmXH|sO0Qms2sw!QCTsXuSg|<})<d*^Zf^T|@oyyL
zC=9b+$4IvuZ)G0DRfg~hq^x33<5bR-Kgw$cN2SED-V<~&ghmn6wqrqA5l6COtj|1-
zs|4W@Xuf+OybW`pi+|$3e;{$3BBhMPVp4;~qnyW4Ye>MZWPXc8rty7FA?soSvdfC$
ziYp1Z9=j)y>rUhZfnx)nxWvIHjOA|rbAG;NZ+4Ry_r(J4E0Cz<=NcGtH9RpAx~G&R
znadk<9s5<4zWWj_??<4C$?(;uBd2^Fj$4)Xn&_T{2cucLB!_u&3VJ_Z>jY9>_~4{8
zc-SDdA5;j(GB$e%-$8@%m(V=#*_%cDSb^*h-htNmw*MRs>G0z1mHnB_PaQ%q3&ZqH
z7)nB|ORq#vU_tp9a`v}am+OPlmF?!e<PA+A<uZ6bn+1=l_GYNlTAWMas$hw?N%2+m
z!%C5t87wM=;}2uZffE?(-3QB8#?da9`P}5lLvhzvD3zmG!Rc7wegjs&Em7@PjRx~S
z8VI9iHp^c`PM?VuZPfn+*WkLA1hQ})a4wrHM^9X+6I+6p=c>I{0;?gl)o{gr?A)Q(
zj7p|gq7?U5oTR-}N=}={{M2gu0Rc~`Eek0uV-CgcM(CHPVxhYL1F;(`GP}m&UP_bW
zqLBt)joO7ck11;FlVb_8+zp|ZVeQa{mIM;^e%0q-ukCZ#Nh+*iiJzgt^ENh4skQey
zw1*A!yOz2);B2g$qWA_y?%(~plC{7}sfgnk|57>aZd{OCu;_zVU^cosHKdolb0p4*
ze+7Kx98H-hEjPbNd6*y1p<u!hrISL5m~t0JINnl9bSu1KIcf%Mv3LGNvhsL^t%Oft
z$+mO27|#*Um`+n+DJwatW!X|iA5*9~Q^{5R?em5@e%=(t$+HBSYYOw4z@Ap(6oT~f
zeSd@^{+*_jFot=xmJsSxm6aUHD#P879}>17CqG2i_7l+iRKm2V#Ib;PMmnBMVne3!
zo{!%hx55R94vMgS8bhcy%UTW|D`Dwx!ZIsRFt%B|)vo8We0gxljBR}*S3tN{Aidzc
zy&b9(YKtNU+JGJO=PIFl*V3O;fwjd!rzZIKk#^1*YZ9$&-?Z3aVm*KS8b;$@oSRnT
zJV=fN(l#)MZ-&TqKMC|K`o<LDwFz|)6FdK4wZgP&dn-2TKVdzTxBnfM8~%Q;jzC%!
zB+j!8-tEApQ|D1UFXSFL63F)~J4(r<e?OOy4HT#CF!dk9d)kdczW6%24r&yX@(dR5
zd=p-sqlb~p+SB%;NH`%GiSmfjw#D4%;RvMmezmgGk&^`~aHnf)Xybj1{E77tsjYUt
zU)AR9O@S~cumS^Fi)vPKKdL62>GpFARXn?Vb{|UG7-+ulvv%s#geITw9DDso_~?^Y
z+dTbF9Vk~(mIX~ydusz$#j5p=;$7+*Dq+PvM=rHEN+Sfi|0K>xkhN<tVq(%^vZD-B
z8Kj?w^`44yHjEmM7~ee{U^tv>Ct=WH&ztZ8BE;VT_|Ye$jnN5-00000NkvXXu0mjf
D8t-9X

literal 0
HcmV?d00001

diff --git a/static/logos/supabase.png b/static/logos/supabase.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc0118bebe87665ebd655884cc2e34ab960661b6
GIT binary patch
literal 2552
zcmV<U2?zFxP)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00009a7bBm001mY
z001mY0i`{bsQ>@~0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH35`iaK~#7F<y(7f
z97h@dzHj#Yh#j|0`v)(PR&6OtYon$S4r$}s6;J`<4}w%cML-auK#LO_(KZxCSMf?9
z@{5-OC~86CB>@shA!$o`X-x@G1BnwC)PNySnpS-zY2ze!yEC1g+u5DjyYnNyJCEI;
zbzbl6?%mAqzVG)vc8#zAxPE+KjR$Ox@Pmu>7-iV;3_;g}t2R9e4uPP~SU<7zwG8OT
zCOIK^A$ZL>U-W`ws4GEldu*VYg0nlp=U0|Hj)*J4G1QYFY-nR&0nXoB@eCoFz%h7G
zC#*j-bi43*pCkbm6Y63?U5AFch>L;6Mox&D6V!bq+lm0Ygb*26gs3?|g0Hw=1pIPX
zq^K!D-A9J+7ChK6hfAEZvYHWe{rJ#3xX-@|d=9!J>K8O-i<(TR>#xICN<sdaBnM%U
zqv{saePH_=(1X1Y@QYvxpsECQPiC8VbHn#!8F3jb5meWL&RqOO`TJe4gitjNy5VmF
z8-sjd3(hAOBy0f3P!$WhY2sTe8RFL^IrDly6afRrFmDU$JTTJc`-S^u#JU8QAm;Ur
zXR}#qS`J^5mUAO4QOt{=+=jL<fFJY<zW9pJ+2Xtj>Nzz0ZXqaJO>$f;_Rou;b>kzK
zb0K~tIIps(qH_(iITO@z@Ea`|!G9^qSpijskUdv$409t$2)u|gKalN<4tSMdP6Txw
z9`2Xn{Dbf+!mJ7E9{=VV<YL=Wj#%X|E1$n<V#msWXL6ztTnaTrkoR9Ww)?;yN=p$%
z-y@PeVTM4Sj1!E27z2#<QJzm3*?S8QHF)YemSO6A#^k;{m&q43vhZFLpvRCkWKLlN
z%Q1dxPwv|63H=c>64beSq^;?7{$3e^*FudEOr3@QJvbIN&WcmRWE<<Zo^iM^Nd$WG
z#lmewjNDSVpJ8geNL=weMP5jZI)@d<)HWO=bqopr?lm>ux^LATe+fTkMi*<o6z&y(
zH76&5Vk3UZ2^Yyhh+ffnxTT0B^}-@CatqOx!f|OeiXdXfxe=+FJXRbF-(TKbc(b1`
zjP@KH>I`QyEkWxK4sPc8U~@e)IE)D>Z#CggnjDKLrioz6HIs3SEJ_m+kspnP@1d<y
zuD3ZL_<6U;dKDAB8;%ThQUJT;$&FAah=LC<O+FKoWLk|{q}oRN+N})tq1ZAaBDA}C
zEdHCKYt+{B48jPkG>nT2_;W4C%U1Jme|-3jzJQ-{!P}s&h=_s6Vq=Q|OOMn5Bg;M1
zH_r^+A=BMbmctUajNPjYNbq--9J%hPoy+o`xR2L3VwHvF$IuyVF(tYbE<ThEhRI^%
zaWu52NDM?|fYu{zWi(x!!YfKFsP)9T9RfuUEJV7a7AGeiYM!Y(u@*(z6k7nZ^rf8e
zQmi{H67FI;0F>xXWr(~*(2a+OJ|i3MpN0iY21Bb6;kRRuqKQ$^Br;5_hZO~xEEh6}
ziba`4f*x7g45go($#_gq*AoNnkQduwp)+MQXNm<n5zZ(d(&U)oItuAYG?OQKiB*A-
z3TR?brwWy(A&<#k#SfJRbx#gnh(5^*U9`eNLhDb+4;c$E$E?K~TW01rRE%gk^6B@D
z-Yd?lrbC8)^~kEeheHcOF-5ziYh3{@AY8CEVsjyAxK>Pr9y44kPWmWuBSbq@n8|uP
z_9W){$3q{Zt|Nmz!sqV;CxGe)tUM@j3DSg6sf+1ttWl(+Alg<GC7BiVhwx?O`3<>i
z`&2#VK>#0FaNUUzFHmLfb`7SrL??q_x{^T-npwC(NYQ#yuABaRbuPOz*WPznkA+g!
zA;6&)hE5301QC<60L=VG3$u1V!`e(Cjx~ppV<jIO4teyQ{nzw<*Btlcg-+egRF=TO
z%A8FXB1WZ&AsP|RjAVue;SAy|kbZai?2DgIkCQYWrykq}NM+2CxN0|1skO0KQ)g`L
zf|LbS7H4emCY#O$8^_jUr_#s5wDkdS397V!gaAqsLMW5VB&668Dn1sc2WV&I5#;Vk
z@Yn|)c<bl>TXs75+{y2whyMWwP@)-eXeN8nSeo#aCk@rL)-~4Wg}-R){;O{PbEP>^
zt|#kr61T|q<XKo~=mnaKHHuX<+{QYWFpf~RI73Q*Y=WpUGqC?Hn@6UblFFnXy}JKT
zz`S)bbWTiP-PQr-B8uOzRi#@CCUfzWSd!8FGD)&Qk2ReX_rgrmF?X(eeA@+W%bIWI
z0q^EMTv!Yz^@F_M)^z-jPrOIwWh$~#szRr9IiVY7j3pI&*tlnQp{n=eMSE<L6<E){
z)pyJ&EemWeHr}-3Lzjr=Ws~x*ZL6{d&uD(778`dGnQqqGy=F2id7~*N4b2abtsU*y
zG&Y+#)&1Y0W(~3vyy8BUgm9~LNMDl*?W$Zsylb}PsA+&h$g@UYYDmG3SVjaRD2;My
z(T=sp)*}VNpFG^&H#nC$IrreULbUjF*iP<dBqWqXDJq{B%2eiH+luB-gcbT+rs5z$
zLSV(PT_(>Vw6ku*y5bk3=cOvW|2MC{ZECKwamvM(HJtY4inysOnA)0FVzxA_Ypk4!
z0zvH7eeJ#fg!6!VB5eq8skS7ffKj9-rHP#%g_XZNw)N3#KD!sr6HXB{wXDULE6dyB
z3{icWaxF{>+4AJ5`((qpj!j>KdB9BzqEhQgiu^=p?3yj5Qy%78PUBYj_q>{2P7&n2
zv|PvzVW3RLC@;#2b4rUWQO>Yu8(GUof4jE#6wDJ&5p?v0@j!r`2ic(=E4Dj|M1>s@
z3}hg@>!GV}I|fyNdttsz4rC^c2^r}e2#R{t<ZXMTz3)D#5**W@ZY~#DsFe4lEeowy
zNVv~-A8S4NWvC+DA}E{XB=Z)trm}=N<yz`T>yYRDE3+Iw`R~iJRqboJ7sUv<st%%7
zY5b5us=kVkVfb7kz336$yzi?1r=ZGkQG@bn{n7all(?PJ9RZolExFbGN1+CAjv!K@
z2uh+9lp(43cnfYBUETi>)Clfb5W~FUp-gB`-|v#T^NZ2WJGVm(;b6l|_~os~sJp^V
zh8;a|X6j>5W4PyH`ldk%Ic6Eb3i7;-6Fu3Np~i5IAlaHYQ<RztS+nXpL*MV$-aQI+
zfP)qU;f->;x1%*k-O2C<|FCY$x1mmOPJ<AcZ&&SRKZt$}^z1!QN4V!=LL9Z)7?Chb
z-T8;CK|VFMZtx7$5zbi<^VkSAH2gnqgoTg1c;53Ffgc|0y60)AGhP9B1s2r&r<ZyF
O0000<MNUMnLSTZ2fwZ~+

literal 0
HcmV?d00001


From 5069ee2ceb05c519d75cc7d67b60cb58f0b2a8e3 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 31 May 2023 10:05:27 +0100
Subject: [PATCH 020/128] feat: initial migrations page

---
 .../project-[project]/settings/migrations/+page.svelte    | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index a01462ad7..86404c0a6 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -58,8 +58,10 @@
                         </div>
                     </li>
                 </ul>
-                <Arrow direction="down" />
-                <div class="avatar u-margin-block-start-16" style="--size: {48 / 16}rem">
+                <div class="u-margin-block-start-8">
+                    <Arrow direction="down" />
+                </div>
+                <div class="avatar u-margin-block-start-8" style="--size: {48 / 16}rem">
                     <span class="icon-cloud" />
                 </div>
                 <Button class="u-margin-block-start-20" secondary>Import data</Button>
@@ -92,7 +94,7 @@
                         </div>
                     {/if}
                 </div>
-                <Button class="u-margin-block-start-20" secondary>Import data</Button>
+                <Button class="u-margin-block-start-48" secondary>Export data</Button>
             </div>
         </svelte:fragment>
     </CardGrid>

From 0a74fd93f46764760dce179d471605aca51f1a1f Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 31 May 2023 16:47:44 +0100
Subject: [PATCH 021/128] feat: migrations wizard structure

---
 .vscode/settings.json                         |   2 +
 src/lib/components/eyebrowHeading.svelte      |  21 ++
 src/lib/components/heading.svelte             |   5 +-
 src/lib/components/index.ts                   |   1 +
 src/lib/elements/forms/formList.svelte        |   4 +-
 .../settings/migrations/(import)/index.ts     |  47 +++++
 .../settings/migrations/(import)/step1.svelte |  88 +++++++++
 .../settings/migrations/(import)/step2.svelte | 180 ++++++++++++++++++
 .../migrations/(import)/wizard.svelte         |  31 +++
 .../settings/migrations/+page.svelte          |   5 +-
 10 files changed, 381 insertions(+), 3 deletions(-)
 create mode 100644 .vscode/settings.json
 create mode 100644 src/lib/components/eyebrowHeading.svelte
 create mode 100644 src/routes/console/project-[project]/settings/migrations/(import)/index.ts
 create mode 100644 src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
 create mode 100644 src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
 create mode 100644 src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..7a73a41bf
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,2 @@
+{
+}
\ No newline at end of file
diff --git a/src/lib/components/eyebrowHeading.svelte b/src/lib/components/eyebrowHeading.svelte
new file mode 100644
index 000000000..f07f8cb87
--- /dev/null
+++ b/src/lib/components/eyebrowHeading.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+    type NumSize = 1 | 2 | 3;
+    type Size = NumSize | `${NumSize}`;
+
+    export let tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    export let size: Size;
+    export let trimmed = true;
+    export let id: string = null;
+    export let style: string = undefined;
+    let classes: string = undefined;
+    export { classes as class };
+</script>
+
+<svelte:element
+    this={tag}
+    class="eyebrow-heading-{size} {classes}"
+    class:u-trim-1={trimmed}
+    {id}
+    {style}>
+    <slot />
+</svelte:element>
diff --git a/src/lib/components/heading.svelte b/src/lib/components/heading.svelte
index f9f245e71..f6c4d4740 100644
--- a/src/lib/components/heading.svelte
+++ b/src/lib/components/heading.svelte
@@ -1,6 +1,9 @@
 <script lang="ts">
+    type NumSize = 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    type Size = NumSize | `${NumSize}`;
+
     export let tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-    export let size: '1' | '2' | '3' | '4' | '5' | '6' | '7';
+    export let size: Size;
     export let trimmed = true;
     export let id: string = null;
 </script>
diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index f836d13d5..c7aa39f14 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -55,3 +55,4 @@ export { default as PaginationWithLimit } from './paginationWithLimit.svelte';
 export { default as ClickableList } from './clickableList.svelte';
 export { default as ClickableListItem } from './clickableListItem.svelte';
 export { default as Id } from './id.svelte';
+export { default as EyebrowHeading } from './eyebrowHeading.svelte';
diff --git a/src/lib/elements/forms/formList.svelte b/src/lib/elements/forms/formList.svelte
index 350257486..d1cf9a074 100644
--- a/src/lib/elements/forms/formList.svelte
+++ b/src/lib/elements/forms/formList.svelte
@@ -1,10 +1,12 @@
 <script lang="ts">
     export let isCommonSection = false;
     export let gap = 24;
+    let classes: string = undefined;
+    export { classes as class };
 </script>
 
 <ul
-    class="form-list"
+    class="form-list {classes}"
     class:common-section={isCommonSection}
     style={`--form-list-gap: ${gap / 16}rem;`}>
     <slot />
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
new file mode 100644
index 000000000..360ce5fc1
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
@@ -0,0 +1,47 @@
+import { wizard } from '$lib/stores/wizard';
+import { writable } from 'svelte/store';
+import Wizard from './wizard.svelte';
+
+export type Provider = 'appwrite' | 'nhost' | 'supabase' | 'firebase';
+
+type AppwriteInput = {
+    endpoint?: string;
+    projectID?: string;
+    apiKey?: string;
+};
+
+type NhostInput = {};
+
+type Inputs = {
+    appwrite: AppwriteInput;
+    nhost: NhostInput;
+    supabase: {};
+    firebase: {};
+};
+
+type Data = {
+    provider?: Provider;
+    inputs?: Inputs;
+};
+
+const initialState = {
+    provider: 'appwrite',
+    inputs: {
+        appwrite: {},
+        nhost: {},
+        supabase: {},
+        firebase: {}
+    }
+} satisfies Data;
+
+export const data = (function init() {
+    const store = writable<Data>({ ...initialState });
+
+    const reset = () => store.set({ ...initialState });
+
+    return { ...store, reset };
+})();
+
+export function openImportWizard() {
+    wizard.start(Wizard);
+}
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
new file mode 100644
index 000000000..02b84ab52
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -0,0 +1,88 @@
+<script lang="ts">
+    import { FormList, InputText } from '$lib/elements/forms';
+    import { WizardStep } from '$lib/layout';
+    import { data, type Provider } from '.';
+
+    const providers: Record<Provider, string> = {
+        appwrite: 'Appwrite',
+        firebase: 'Firebase',
+        supabase: 'Supabase',
+        nhost: 'NHost'
+    };
+</script>
+
+<WizardStep>
+    <svelte:fragment slot="title">Choose provider</svelte:fragment>
+    <div class="cards">
+        {#each Object.entries(providers) as [key, value]}
+            <label
+                class="card is-allow-focus u-height-100-percent u-flex u-flex-vertical u-cursor-pointer">
+                <input
+                    class="is-small"
+                    type="radio"
+                    name="provider"
+                    bind:group={$data.provider}
+                    value={key} />
+                <div class="content">
+                    <img src="/logos/{key}.png" width="33" class="u-margin-inline-auto" alt="" />
+                    <p>{value}</p>
+                </div>
+            </label>
+        {/each}
+    </div>
+
+    {#if $data.provider === 'appwrite'}
+        <FormList class="u-margin-block-start-24">
+            <InputText
+                id="endpoint"
+                label="Endpoint"
+                required
+                placeholder="Enter endpoint"
+                bind:value={$data.inputs.appwrite.endpoint} />
+            <InputText
+                id="project-id"
+                label="Project ID"
+                required
+                placeholder="Enter project ID"
+                bind:value={$data.inputs.appwrite.projectID} />
+            <InputText
+                id="api-key"
+                label="API Key"
+                placeholder="Enter API Key"
+                bind:value={$data.inputs.appwrite.apiKey} />
+        </FormList>
+    {/if}
+</WizardStep>
+
+<style lang="scss">
+    .cards {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1rem;
+    }
+
+    .card {
+        --card-padding: 2.5rem 0.5rem;
+        --card-border-radius: var(--border-radius-small);
+        display: block;
+
+        position: relative;
+
+        input {
+            position: absolute;
+            top: 0.5rem;
+            left: 0.5rem;
+        }
+
+        .content {
+            width: 9.125rem;
+            height: 4rem;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            align-items: center;
+            text-align: center;
+        }
+    }
+</style>
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
new file mode 100644
index 000000000..19d0f6d4a
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
@@ -0,0 +1,180 @@
+<script lang="ts">
+    import { EyebrowHeading } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+
+    import { WizardStep } from '$lib/layout';
+</script>
+
+<WizardStep>
+    <svelte:fragment slot="title">Select data</svelte:fragment>
+    <div class="box" style:border-radius="0.5rem">
+        <div class="u-flex u-flex-vertical u-gap-16">
+            <EyebrowHeading class="eyebrow" tag="h3" size={3}>Good to know</EyebrowHeading>
+            <div class="u-flex u-gap-16">
+                <div class="circled">
+                    <i class="icon-cog" />
+                </div>
+                <div>
+                    <p class="u-bold">Project settings are not imported</p>
+                    <p>You will need to set service and project settings manually</p>
+                </div>
+            </div>
+            <div class="u-flex u-gap-16">
+                <div class="circled">
+                    <i class="icon-trending-up" />
+                </div>
+                <div>
+                    <p class="u-bold">Keep your project plan limits in mind</p>
+                    <p>
+                        Make sure to have enough storage in your project plan when importing files
+                    </p>
+                </div>
+            </div>
+            <div class="u-flex u-gap-16">
+                <div class="circled">
+                    <i class="icon-currency-dollar" />
+                </div>
+                <div>
+                    <p class="u-bold">Transfer is free of charge</p>
+                    <p>You won’t be charged for Appwrite bandwidth usage for importing data</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <ul class="buttons-list u-margin-block-start-32 u-main-end">
+        <li class="buttons-list-item">
+            <Button text>Deselect all</Button>
+        </li>
+
+        <li class="buttons-list-item">
+            <Button text>Select all</Button>
+        </li>
+    </ul>
+
+    <ul class="u-flex u-flex-vertical u-gap-32 u-margin-block-start-16">
+        <li class="checkbox-field">
+            <input type="checkbox" />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Users</span>
+                <span class="inline-tag">300</span>
+            </div>
+            <div />
+            <span>Import all users</span>
+
+            <ul>
+                <li class="checkbox-field">
+                    <input type="checkbox" />
+                    <div class="u-flex u-gap-4">
+                        <span class="u-bold">Include teams</span>
+                        <span class="inline-tag">4</span>
+                    </div>
+                    <div />
+                    <span>Import all teams and the team memberships of your users</span>
+                </li>
+            </ul>
+        </li>
+        <li class="checkbox-field">
+            <input type="checkbox" />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Databases</span>
+                <span class="inline-tag">300</span>
+            </div>
+            <div />
+            <span>Import all databases, including collections, indexes and attributes</span>
+
+            <ul>
+                <li class="checkbox-field">
+                    <input type="checkbox" />
+                    <div class="u-flex u-gap-4">
+                        <span class="u-bold">Include documents</span>
+                        <span class="inline-tag">4</span>
+                    </div>
+                    <div />
+                    <span>Import all of your documents</span>
+                </li>
+            </ul>
+        </li>
+        <li class="checkbox-field">
+            <input type="checkbox" />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Functions</span>
+                <span class="inline-tag">30</span>
+            </div>
+            <div />
+            <span>Import all functions and their active deployment</span>
+            <ul>
+                <li class="checkbox-field">
+                    <input type="checkbox" />
+                    <div class="u-flex u-gap-4">
+                        <span class="u-bold">Include environment variables</span>
+                    </div>
+                    <div />
+                    <span>Description here</span>
+                </li>
+                <li class="checkbox-field">
+                    <input type="checkbox" />
+                    <div class="u-flex u-gap-4">
+                        <span class="u-bold">Include inactive deployments</span>
+                    </div>
+                    <div />
+                    <span>Description here</span>
+                </li>
+            </ul>
+        </li>
+        <li class="checkbox-field">
+            <input type="checkbox" />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Storage</span>
+                <span class="inline-tag">30GB</span>
+            </div>
+            <div />
+            <span>Import all buckets (2) and files (3000)</span>
+        </li>
+    </ul>
+</WizardStep>
+
+<style lang="scss">
+    .box :global(.eyebrow) {
+        font-weight: 500;
+        color: hsl(var(--color-neutral-70));
+    }
+
+    .circled {
+        width: 1.5rem;
+        height: 1.5rem;
+        flex-shrink: 0;
+        border-radius: 100%;
+        border: 1px solid hsl(var(--color-border));
+        position: relative;
+
+        i {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            translate: -50% -50%;
+            font-size: 1rem;
+        }
+    }
+
+    .buttons-list {
+        border-block-end: 1px solid hsl(var(--color-border));
+        padding-block-end: 0.625rem;
+    }
+
+    .checkbox-field {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        gap: 0.25rem 1rem;
+        align-items: center;
+
+        ul {
+            grid-column-start: 2;
+            padding-block-end: 2rem;
+
+            li {
+                margin-block-start: 1rem;
+            }
+        }
+    }
+</style>
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
new file mode 100644
index 000000000..1c6f5a7bf
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+    import type { WizardStepsType } from '$lib/layout/wizard.svelte';
+    import Wizard from '$lib/layout/wizard.svelte';
+    import { onDestroy } from 'svelte';
+    import { data } from '.';
+    import Step1 from './step1.svelte';
+    import Step2 from './step2.svelte';
+    import { wizard } from '$lib/stores/wizard';
+
+    const onExit = () => {
+        data.reset();
+    };
+    const onFinish = () => {
+        data.reset();
+        wizard.hide();
+    };
+
+    onDestroy(onExit);
+
+    const steps: WizardStepsType = new Map();
+    steps.set(1, {
+        label: 'Choose provider',
+        component: Step1
+    });
+    steps.set(2, {
+        label: 'Select data',
+        component: Step2
+    });
+</script>
+
+<Wizard title="Create Function" {steps} on:exit={onExit} on:finish={onFinish} />
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index 86404c0a6..dfbffc50c 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -3,6 +3,7 @@
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
     import { isSelfHosted } from '$lib/system';
+    import { openImportWizard } from './(import)';
 
     // This will be better implemented when we have i18n
     const strings = {
@@ -64,7 +65,9 @@
                 <div class="avatar u-margin-block-start-8" style="--size: {48 / 16}rem">
                     <span class="icon-cloud" />
                 </div>
-                <Button class="u-margin-block-start-20" secondary>Import data</Button>
+                <Button class="u-margin-block-start-20" secondary on:click={openImportWizard}>
+                    Import data
+                </Button>
             </div>
         </svelte:fragment>
     </CardGrid>

From 920c65f783238af4d4c234804f8b99f998cafb1f Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 31 May 2023 18:19:48 +0100
Subject: [PATCH 022/128] feat: migrations select data form

---
 src/lib/helpers/object.ts                     |  14 +++
 src/lib/helpers/types.ts                      |   6 +
 .../settings/migrations/(import)/step2.svelte | 118 ++++++++++++++++--
 3 files changed, 128 insertions(+), 10 deletions(-)
 create mode 100644 src/lib/helpers/types.ts

diff --git a/src/lib/helpers/object.ts b/src/lib/helpers/object.ts
index ca6a370a3..a1aa69eeb 100644
--- a/src/lib/helpers/object.ts
+++ b/src/lib/helpers/object.ts
@@ -36,3 +36,17 @@ export function deepEqual<T>(obj1: T, obj2: T): boolean {
 
     return true;
 }
+
+export function deepMap<T extends object, U extends object = T>(
+    obj: T,
+    fn: (value: unknown, key: unknown, obj: T) => unknown
+): U {
+    const entries = objectEntries(obj);
+    const result = {} as U;
+
+    for (const [key, value] of entries) {
+        result[key] = typeof value === 'object' ? deepMap(value, fn) : fn(value, key, obj);
+    }
+
+    return result;
+}
diff --git a/src/lib/helpers/types.ts b/src/lib/helpers/types.ts
new file mode 100644
index 000000000..344bc6af5
--- /dev/null
+++ b/src/lib/helpers/types.ts
@@ -0,0 +1,6 @@
+import type { Writable } from 'svelte/store';
+
+export type DeepKeys<T extends Record<string, any>> = {
+    [K in keyof T]: T[K] extends Record<string, any> ? `${K}.${DeepKeys<T[K]>}` : K;
+}[keyof T];
+export type WritableValue<T> = T extends Writable<infer U> ? U : never;
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
index 19d0f6d4a..271d42447 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
@@ -1,8 +1,82 @@
 <script lang="ts">
     import { EyebrowHeading } from '$lib/components';
     import { Button } from '$lib/elements/forms';
+    import { deepMap } from '$lib/helpers/object';
+    import type { DeepKeys, WritableValue } from '$lib/helpers/types';
 
     import { WizardStep } from '$lib/layout';
+    import { writable } from 'svelte/store';
+
+    const formData = writable({
+        users: {
+            root: false,
+            teams: false
+        },
+        databases: {
+            root: false,
+            documents: false
+        },
+        functions: {
+            root: false,
+            env: false,
+            inactive: false
+        },
+        storage: {
+            root: false
+        }
+    });
+
+    type FormData = WritableValue<typeof formData>;
+    type FormKeys = DeepKeys<FormData>;
+
+    /**
+     *
+     * @param field {string} The field to update.
+     * Representes the path to the field in the formData object e.g. 'users.root'
+     */
+    function handleInputChange(field: FormKeys) {
+        return (event: Event) => {
+            const checked = (event.target as HTMLInputElement).checked;
+            // For each entry in formData, if the root is changed, change all children to the same value
+            // otherwise, if a child is changed to true, change the root to true
+
+            const [parent, child] = field.split('.');
+            if (child === 'root') {
+                formData.update((data) => {
+                    data[parent].root = checked;
+                    for (const key in data[parent]) {
+                        if (key !== 'root') {
+                            data[parent][key] = checked;
+                        }
+                    }
+                    return data;
+                });
+            } else if (checked) {
+                formData.update((data) => {
+                    data[parent].root = checked;
+                    return data;
+                });
+            }
+        };
+    }
+
+    function deselectAll() {
+        $formData = deepMap($formData, (v) => {
+            if (typeof v === 'boolean') {
+                return false;
+            }
+            return v;
+        });
+    }
+
+    function selectAll() {
+        $formData = deepMap($formData, (v) => {
+            if (typeof v === 'boolean') {
+                return true;
+            }
+            return v;
+        });
+    }
 </script>
 
 <WizardStep>
@@ -44,17 +118,20 @@
 
     <ul class="buttons-list u-margin-block-start-32 u-main-end">
         <li class="buttons-list-item">
-            <Button text>Deselect all</Button>
+            <Button text on:click={deselectAll}>Deselect all</Button>
         </li>
 
         <li class="buttons-list-item">
-            <Button text>Select all</Button>
+            <Button text on:click={selectAll}>Select all</Button>
         </li>
     </ul>
 
     <ul class="u-flex u-flex-vertical u-gap-32 u-margin-block-start-16">
         <li class="checkbox-field">
-            <input type="checkbox" />
+            <input
+                type="checkbox"
+                bind:checked={$formData.users.root}
+                on:change={handleInputChange('users.root')} />
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Users</span>
                 <span class="inline-tag">300</span>
@@ -64,7 +141,10 @@
 
             <ul>
                 <li class="checkbox-field">
-                    <input type="checkbox" />
+                    <input
+                        type="checkbox"
+                        bind:checked={$formData.users.teams}
+                        on:change={handleInputChange('users.teams')} />
                     <div class="u-flex u-gap-4">
                         <span class="u-bold">Include teams</span>
                         <span class="inline-tag">4</span>
@@ -75,7 +155,10 @@
             </ul>
         </li>
         <li class="checkbox-field">
-            <input type="checkbox" />
+            <input
+                type="checkbox"
+                bind:checked={$formData.databases.root}
+                on:change={handleInputChange('databases.root')} />
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Databases</span>
                 <span class="inline-tag">300</span>
@@ -85,7 +168,10 @@
 
             <ul>
                 <li class="checkbox-field">
-                    <input type="checkbox" />
+                    <input
+                        type="checkbox"
+                        bind:checked={$formData.databases.documents}
+                        on:change={handleInputChange('databases.documents')} />
                     <div class="u-flex u-gap-4">
                         <span class="u-bold">Include documents</span>
                         <span class="inline-tag">4</span>
@@ -96,7 +182,10 @@
             </ul>
         </li>
         <li class="checkbox-field">
-            <input type="checkbox" />
+            <input
+                type="checkbox"
+                bind:checked={$formData.functions.root}
+                on:change={handleInputChange('functions.root')} />
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Functions</span>
                 <span class="inline-tag">30</span>
@@ -105,7 +194,10 @@
             <span>Import all functions and their active deployment</span>
             <ul>
                 <li class="checkbox-field">
-                    <input type="checkbox" />
+                    <input
+                        type="checkbox"
+                        bind:checked={$formData.functions.env}
+                        on:change={handleInputChange('functions.env')} />
                     <div class="u-flex u-gap-4">
                         <span class="u-bold">Include environment variables</span>
                     </div>
@@ -113,7 +205,10 @@
                     <span>Description here</span>
                 </li>
                 <li class="checkbox-field">
-                    <input type="checkbox" />
+                    <input
+                        type="checkbox"
+                        bind:checked={$formData.functions.inactive}
+                        on:change={handleInputChange('functions.inactive')} />
                     <div class="u-flex u-gap-4">
                         <span class="u-bold">Include inactive deployments</span>
                     </div>
@@ -123,7 +218,10 @@
             </ul>
         </li>
         <li class="checkbox-field">
-            <input type="checkbox" />
+            <input
+                type="checkbox"
+                bind:checked={$formData.storage.root}
+                on:change={handleInputChange('storage.root')} />
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Storage</span>
                 <span class="inline-tag">30GB</span>

From 47d51eb697905e9c3954d2fd3661a1e92983aea4 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 5 Jun 2023 19:29:50 +0100
Subject: [PATCH 023/128] feat: more mocked ui

---
 src/lib/components/index.ts                   |   3 +
 src/lib/components/migrationBox.svelte        |  31 ++++++
 src/lib/components/svgIcon.svelte             |  10 ++
 src/lib/elements/forms/button.svelte          |  32 +++---
 src/lib/stores/app.ts                         |   9 +-
 src/lib/stores/migrator.ts                    |  60 ++++++++++
 .../console/project-[project]/+layout.svelte  |   2 +
 .../settings/migrations/(import)/index.ts     |   2 +-
 .../settings/migrations/(import)/step1.svelte |  31 +++++-
 .../migrations/(import)/wizard.svelte         |   2 +
 .../settings/migrations/+page.svelte          | 101 +++++++++++------
 .../settings/migrations/details.svelte        | 103 ++++++++++++++++++
 svelte.config.js                              |   7 +-
 vite.config.ts                                |   2 +-
 14 files changed, 340 insertions(+), 55 deletions(-)
 create mode 100644 src/lib/components/migrationBox.svelte
 create mode 100644 src/lib/components/svgIcon.svelte
 create mode 100644 src/lib/stores/migrator.ts
 create mode 100644 src/routes/console/project-[project]/settings/migrations/details.svelte

diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index c7aa39f14..a2ba5ea68 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -56,3 +56,6 @@ export { default as ClickableList } from './clickableList.svelte';
 export { default as ClickableListItem } from './clickableListItem.svelte';
 export { default as Id } from './id.svelte';
 export { default as EyebrowHeading } from './eyebrowHeading.svelte';
+export { default as SvgIcon } from './svgIcon.svelte';
+
+export { default as MigrationBox } from './migrationBox.svelte';
diff --git a/src/lib/components/migrationBox.svelte b/src/lib/components/migrationBox.svelte
new file mode 100644
index 000000000..1eb3509c0
--- /dev/null
+++ b/src/lib/components/migrationBox.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+</script>
+
+<section class="upload-box is-float">
+    <header class="upload-box-header">
+        <h4 class="upload-box-title">
+            <span class="text">Importing Data</span>
+        </h4>
+        <button class="upload-box-button" aria-label="close upload box">
+            <span class="icon-x" aria-hidden="true" />
+        </button>
+    </header>
+    <div class="upload-box-content is-open">
+        <section class="progress-bar">
+            <div class="progress-bar-top-line u-flex u-gap-8 u-main-space-between">
+                <span>60%</span>
+                <span>2 mins left</span>
+            </div>
+            <div class="progress-bar-container" style="--graph-size:50%" />
+            <span>Importing users...</span>
+        </section>
+    </div>
+</section>
+
+<style>
+    .upload-box-content {
+        padding: 1.5rem;
+        min-width: 400px;
+        max-width: 100vw;
+    }
+</style>
diff --git a/src/lib/components/svgIcon.svelte b/src/lib/components/svgIcon.svelte
new file mode 100644
index 000000000..173012827
--- /dev/null
+++ b/src/lib/components/svgIcon.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+    import { iconPath } from '$lib/stores/app';
+
+    export let name: string;
+    export let type: 'color' | 'grayscale' = 'color';
+    let className = '';
+    export { className as class };
+</script>
+
+<img class={className} src={$iconPath(name, type)} alt={name} />
diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte
index 417c57768..336e11ce3 100644
--- a/src/lib/elements/forms/button.svelte
+++ b/src/lib/elements/forms/button.svelte
@@ -34,6 +34,20 @@
             from: 'button'
         });
     }
+
+    $: resolvedClasses = [
+        'button',
+        disabled && 'is-disabled',
+        round && 'is-only-icon',
+        secondary && 'is-secondary',
+        text && 'is-text',
+        danger && 'is-danger',
+        fullWidth && 'is-full-width',
+        noMargin && 'u-padding-inline-0',
+        classes
+    ]
+        .filter(Boolean)
+        .join(' ');
 </script>
 
 {#if href}
@@ -42,14 +56,7 @@
         {href}
         target={external ? '_blank' : ''}
         rel={external ? 'noopener noreferrer' : ''}
-        class="button {classes}"
-        class:is-disabled={disabled}
-        class:is-only-icon={round}
-        class:is-secondary={secondary}
-        class:is-text={text}
-        class:is-danger={danger}
-        class:is-full-width={fullWidth}
-        class:u-padding-inline-0={noMargin}
+        class={resolvedClasses}
         aria-label={ariaLabel}>
         <slot />
     </a>
@@ -58,14 +65,7 @@
         on:click
         on:click={track}
         disabled={internalDisabled}
-        class="button {classes}"
-        class:is-only-icon={round}
-        class:is-secondary={secondary}
-        class:is-danger={danger}
-        class:is-text={text}
-        class:is-full-width={fullWidth}
-        class:u-padding-inline-0={noMargin}
-        type={submit ? 'submit' : 'button'}
+        class={resolvedClasses}
         aria-label={ariaLabel}>
         <slot />
     </button>
diff --git a/src/lib/stores/app.ts b/src/lib/stores/app.ts
index 11afe9d6a..0931a7915 100644
--- a/src/lib/stores/app.ts
+++ b/src/lib/stores/app.ts
@@ -1,6 +1,6 @@
 import { browser } from '$app/environment';
 import { VARS } from '$lib/system';
-import { writable } from 'svelte/store';
+import { derived, writable } from 'svelte/store';
 
 export type AppStore = {
     theme: 'light' | 'dark' | 'auto';
@@ -20,6 +20,12 @@ export const app = writable<AppStore>({
     themeInUse: 'light'
 });
 
+export const iconPath = derived(app, ($app) => {
+    return (name: string, type: 'color' | 'grayscale') => {
+        return `/icons/${$app.themeInUse}/${type}/${name}.svg`;
+    }
+})
+
 function createFeedbackStore() {
     const { subscribe, update } = writable<Feedback>({
         elapsed: browser ? parseInt(localStorage.getItem('feedbackElapsed')) : 0,
@@ -88,6 +94,7 @@ function createFeedbackStore() {
         }
     };
 }
+
 export const feedback = createFeedbackStore();
 
 if (browser) {
diff --git a/src/lib/stores/migrator.ts b/src/lib/stores/migrator.ts
new file mode 100644
index 000000000..ae17cb355
--- /dev/null
+++ b/src/lib/stores/migrator.ts
@@ -0,0 +1,60 @@
+import { writable } from 'svelte/store';
+
+const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
+const randRange = (min: number, max: number) => Math.floor(Math.random() * (max - min + 1)) + min;
+
+type Status = 'idle' | 'running' | 'error' | 'success';
+
+type State = {
+    items: {
+        databases?: Status;
+        documents?: Status;
+        users?: Status;
+        storage?: Status;
+    };
+    status: Status;
+};
+
+function createMigrator() {
+    const { subscribe, update, set } = writable<State>({
+        items: { databases: 'idle', documents: 'running', users: 'error', storage: 'success' },
+        status: 'running'
+    });
+
+    const startMigration = async () => {
+        set({
+            items: {
+                databases: 'idle',
+                documents: 'idle',
+                users: 'idle',
+                storage: 'idle'
+            },
+            status: 'running'
+        });
+
+        const keys = ['databases', 'documents', 'users', 'storage'];
+
+        for (const key of keys) {
+            sleep(randRange(1000, 5000)).then(() => {
+                update((state) => ({
+                    ...state,
+                    items: { ...state.items, [key]: 'running' }
+                }));
+
+                sleep(randRange(1000, 5000)).then(() => {
+                    update((state) => ({
+                        ...state,
+                        items: { ...state.items, [key]: 'success' }
+                    }));
+                });
+            });
+        }
+    };
+
+    return {
+        subscribe,
+        startMigration
+    };
+}
+
+export const migrator = createMigrator();
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 1074501c9..2daf36c45 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -3,6 +3,7 @@
     import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { stats } from './store';
+    import { MigrationBox } from '$lib/components';
 
     onMount(async () => {
         return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
@@ -18,3 +19,4 @@
 <slot />
 
 <UploadBox />
+<MigrationBox />
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
index 360ce5fc1..21fff7468 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
@@ -25,7 +25,7 @@ type Data = {
 };
 
 const initialState = {
-    provider: 'appwrite',
+    provider: 'firebase',
     inputs: {
         appwrite: {},
         nhost: {},
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 02b84ab52..e5282f990 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
-    import { FormList, InputText } from '$lib/elements/forms';
+    import SvgIcon from '$lib/components/svgIcon.svelte';
+    import { Button, FormList, InputText } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
     import { data, type Provider } from '.';
 
@@ -9,6 +10,8 @@
         supabase: 'Supabase',
         nhost: 'NHost'
     };
+
+    let showAuth = false;
 </script>
 
 <WizardStep>
@@ -51,6 +54,32 @@
                 placeholder="Enter API Key"
                 bind:value={$data.inputs.appwrite.apiKey} />
         </FormList>
+    {:else if $data.provider === 'firebase'}
+        <div class="box u-flex u-flex-vertical u-gap-16 u-cross-center u-margin-block-start-24">
+            <p class="u-text-center u-bold">Sign in with Google to get started</p>
+            <Button secondary>
+                <SvgIcon name="google" />Sign in
+            </Button>
+        </div>
+
+        <button
+            class="tag u-margin-block-start-16"
+            type="button"
+            on:click={() => (showAuth = !showAuth)}
+            class:is-selected={showAuth}>
+            <span class="icon-lock-closed" aria-hidden="true" />
+            <span class="text">Manual authentication</span>
+        </button>
+
+        {#if showAuth}
+            <div class="u-margin-block-start-16">
+                <InputText
+                    id="credentials"
+                    label="Account credentials"
+                    required
+                    placeholder="TODO" />
+            </div>
+        {/if}
     {/if}
 </WizardStep>
 
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 1c6f5a7bf..c155a0aea 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -6,11 +6,13 @@
     import Step1 from './step1.svelte';
     import Step2 from './step2.svelte';
     import { wizard } from '$lib/stores/wizard';
+    import { sdk } from '$lib/stores/sdk';
 
     const onExit = () => {
         data.reset();
     };
     const onFinish = () => {
+        sdk.forConsole.projects;
         data.reset();
         wizard.hide();
     };
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index dfbffc50c..603459906 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -1,9 +1,13 @@
 <script lang="ts">
     import { Arrow, CardGrid, Heading } from '$lib/components';
     import { Button } from '$lib/elements/forms';
+    import { TableBody, TableCell, TableCellHead, TableHeader } from '$lib/elements/table';
+    import Table from '$lib/elements/table/table.svelte';
     import { Container } from '$lib/layout';
+    import { migrator } from '$lib/stores/migrator';
     import { isSelfHosted } from '$lib/system';
     import { openImportWizard } from './(import)';
+    import Details from './details.svelte';
 
     // This will be better implemented when we have i18n
     const strings = {
@@ -23,6 +27,8 @@
             }
         }
     }[isSelfHosted ? 'selfHosted' : 'cloud'];
+
+    let showDetails = false;
 </script>
 
 <Container>
@@ -33,42 +39,67 @@
             {strings.import}
         </p>
         <svelte:fragment slot="aside">
-            <div class="import-box">
-                <ul class="avatars-group">
-                    <li class="avatars-group-item">
-                        <div class="avatar">
-                            <img src="/logos/firebase.png" alt="Firebase" width="20" />
-                        </div>
-                    </li>
-
-                    <li class="avatars-group-item">
-                        <div class="avatar">
-                            <img src="/logos/supabase.png" alt="Supabase" width="20" />
-                        </div>
-                    </li>
-
-                    <li class="avatars-group-item">
-                        <div class="avatar">
-                            <img src="/logos/nhost.png" alt="nhost" width="20" />
-                        </div>
-                    </li>
-
-                    <li class="avatars-group-item">
-                        <div class="avatar">
-                            <img src="/logos/appwrite.png" alt="Appwrite" width="18" />
-                        </div>
-                    </li>
-                </ul>
-                <div class="u-margin-block-start-8">
-                    <Arrow direction="down" />
+            {#if $migrator.status !== 'idle'}
+                <div class="u-flex">
+                    <div style="margin-inline-start: auto;">
+                        <Button secondary on:click={openImportWizard}>Import data</Button>
+                    </div>
                 </div>
-                <div class="avatar u-margin-block-start-8" style="--size: {48 / 16}rem">
-                    <span class="icon-cloud" />
+
+                <Table noStyles>
+                    <TableHeader>
+                        <TableCellHead>Date</TableCellHead>
+                        <TableCellHead>Source</TableCellHead>
+                        <TableCellHead>Status</TableCellHead>
+                        <TableCellHead />
+                    </TableHeader>
+                    <TableBody>
+                        <TableCell title="Data">Today</TableCell>
+                        <TableCell title="Source">Heaven</TableCell>
+                        <TableCell title="Status">Awesome</TableCell>
+                        <TableCell title="">
+                            <Button secondary on:click={() => (showDetails = true)}>Details</Button>
+                        </TableCell>
+                    </TableBody>
+                </Table>
+            {:else}
+                <div class="import-box">
+                    <ul class="avatars-group">
+                        <li class="avatars-group-item">
+                            <div class="avatar">
+                                <img src="/logos/firebase.png" alt="Firebase" width="20" />
+                            </div>
+                        </li>
+
+                        <li class="avatars-group-item">
+                            <div class="avatar">
+                                <img src="/logos/supabase.png" alt="Supabase" width="20" />
+                            </div>
+                        </li>
+
+                        <li class="avatars-group-item">
+                            <div class="avatar">
+                                <img src="/logos/nhost.png" alt="nhost" width="20" />
+                            </div>
+                        </li>
+
+                        <li class="avatars-group-item">
+                            <div class="avatar">
+                                <img src="/logos/appwrite.png" alt="Appwrite" width="18" />
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="u-margin-block-start-8">
+                        <Arrow direction="down" />
+                    </div>
+                    <div class="avatar u-margin-block-start-8" style="--size: {48 / 16}rem">
+                        <span class="icon-cloud" />
+                    </div>
+                    <Button class="u-margin-block-start-20" secondary on:click={openImportWizard}>
+                        Import data
+                    </Button>
                 </div>
-                <Button class="u-margin-block-start-20" secondary on:click={openImportWizard}>
-                    Import data
-                </Button>
-            </div>
+            {/if}
         </svelte:fragment>
     </CardGrid>
     <CardGrid>
@@ -103,6 +134,8 @@
     </CardGrid>
 </Container>
 
+<Details bind:show={showDetails} />
+
 <style lang="scss">
     .import-box {
         display: grid;
diff --git a/src/routes/console/project-[project]/settings/migrations/details.svelte b/src/routes/console/project-[project]/settings/migrations/details.svelte
new file mode 100644
index 000000000..c8ad76e41
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/migrations/details.svelte
@@ -0,0 +1,103 @@
+<script lang="ts">
+    import { Modal } from '$lib/components';
+    import { migrator } from '$lib/stores/migrator';
+    import Loading from '$routes/loading.svelte';
+
+    export let show = false;
+</script>
+
+<Modal bind:show>
+    <svelte:fragment slot="header">Resolve import issues</svelte:fragment>
+    <div class="box">
+        <div class="u-flex u-cross-center u-gap-16">
+            <div class="icon-wrapper">
+                {#if $migrator.items.databases === 'error'}
+                    <i class="icon-exclamation" />
+                {:else if $migrator.items.databases === 'success'}
+                    <i class="icon-check" />
+                {:else}
+                    <span class="loader" />
+                {/if}
+            </div>
+
+            <div>
+                <span>Databases</span>
+                <span class="inline-tag">2</span>
+            </div>
+        </div>
+
+        <div class="u-flex u-cross-center u-gap-16">
+            <div class="icon-wrapper">
+                {#if $migrator.items.documents === 'error'}
+                    <i class="icon-exclamation" />
+                {:else if $migrator.items.documents === 'success'}
+                    <i class="icon-check" />
+                {:else}
+                    <span class="loader" />
+                {/if}
+            </div>
+            <div>
+                <span>Documents</span>
+                <span class="inline-tag">3000</span>
+            </div>
+        </div>
+
+        <div class="u-flex u-cross-center u-gap-16">
+            <div class="icon-wrapper">
+                {#if $migrator.items.users === 'error'}
+                    <i class="icon-exclamation" />
+                {:else if $migrator.items.users === 'success'}
+                    <i class="icon-check" />
+                {:else}
+                    <span class="loader" />
+                {/if}
+            </div>
+            <div>
+                <span>Users</span>
+                <span class="inline-tag">238</span>
+            </div>
+        </div>
+
+        <div class="u-flex u-cross-center u-gap-16">
+            <div class="icon-wrapper">
+                {#if $migrator.items.storage === 'error'}
+                    <i class="icon-exclamation" />
+                {:else if $migrator.items.storage === 'success'}
+                    <i class="icon-check" />
+                {:else}
+                    <span class="loader" />
+                {/if}
+            </div>
+            <div>
+                <span>Storage</span>
+                <span class="inline-tag">30GB</span>
+            </div>
+        </div>
+    </div>
+</Modal>
+
+<style lang="scss">
+    .box {
+        padding: 0;
+
+        > div {
+            padding: 1.25rem;
+
+            &:not(:last-child) {
+                border-bottom: 1px solid hsl(var(--color-border));
+            }
+        }
+    }
+
+    .icon-wrapper {
+        display: grid;
+        place-items: center;
+
+        width: 1.5rem;
+        height: 1.5rem;
+    }
+
+    .icon-exclamation {
+        color: hsl(var(--color-danger-100));
+    }
+</style>
diff --git a/svelte.config.js b/svelte.config.js
index 106dbd4a9..d69619e0a 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -18,8 +18,13 @@ const config = {
         }),
         paths: {
             base: ''
+        },
+    },
+    vitePlugin: {
+        experimental: {
+            inspector: true,
         }
-    }
+     },
 };
 
 export default config;
diff --git a/vite.config.ts b/vite.config.ts
index 58cca1678..424cb6214 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -17,7 +17,7 @@ const config = defineConfig({
     },
     server: {
         port: 3000
-    }
+    },
 });
 
 const testConfig = defineConfig({

From 9cb611b6ac5a135f3ce9c23a3131700bf4a566a5 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 6 Jun 2023 15:04:10 +0100
Subject: [PATCH 024/128] chore: small changes

---
 .../console/project-[project]/settings/migrations/details.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/details.svelte b/src/routes/console/project-[project]/settings/migrations/details.svelte
index c8ad76e41..bbbf83da5 100644
--- a/src/routes/console/project-[project]/settings/migrations/details.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/details.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
     import { Modal } from '$lib/components';
     import { migrator } from '$lib/stores/migrator';
-    import Loading from '$routes/loading.svelte';
 
     export let show = false;
 </script>

From 6ac6c6aaf1caf81c96072bf3dc0a5c24c069571f Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 7 Jun 2023 15:56:04 +0100
Subject: [PATCH 025/128] feat: migrations sdk impl

---
 src/lib/components/migrationBox.svelte        |  46 +--
 src/lib/constants.ts                          |   3 +-
 src/lib/elements/forms/button.svelte          |   3 +-
 src/lib/stores/sdk.ts                         |   9 +-
 .../settings/migrations/(import)/index.ts     | 115 +++++--
 .../settings/migrations/(import)/step1.svelte |  15 +-
 .../settings/migrations/(import)/step2.svelte |  20 +-
 .../migrations/(import)/wizard.svelte         |  27 +-
 .../settings/migrations/+page.svelte          | 320 ++++++++++++------
 .../settings/migrations/+page.ts              |  12 +
 tsconfig.json                                 |   9 +-
 11 files changed, 389 insertions(+), 190 deletions(-)
 create mode 100644 src/routes/console/project-[project]/settings/migrations/+page.ts

diff --git a/src/lib/components/migrationBox.svelte b/src/lib/components/migrationBox.svelte
index 1eb3509c0..0bb8db815 100644
--- a/src/lib/components/migrationBox.svelte
+++ b/src/lib/components/migrationBox.svelte
@@ -1,26 +1,32 @@
 <script lang="ts">
+    let show = true;
 </script>
 
-<section class="upload-box is-float">
-    <header class="upload-box-header">
-        <h4 class="upload-box-title">
-            <span class="text">Importing Data</span>
-        </h4>
-        <button class="upload-box-button" aria-label="close upload box">
-            <span class="icon-x" aria-hidden="true" />
-        </button>
-    </header>
-    <div class="upload-box-content is-open">
-        <section class="progress-bar">
-            <div class="progress-bar-top-line u-flex u-gap-8 u-main-space-between">
-                <span>60%</span>
-                <span>2 mins left</span>
-            </div>
-            <div class="progress-bar-container" style="--graph-size:50%" />
-            <span>Importing users...</span>
-        </section>
-    </div>
-</section>
+{#if show}
+    <section class="upload-box is-float">
+        <header class="upload-box-header">
+            <h4 class="upload-box-title">
+                <span class="text">Importing Data</span>
+            </h4>
+            <button
+                class="upload-box-button"
+                aria-label="close migration box"
+                on:click={() => (show = false)}>
+                <span class="icon-x" aria-hidden="true" />
+            </button>
+        </header>
+        <div class="upload-box-content is-open">
+            <section class="progress-bar">
+                <div class="progress-bar-top-line u-flex u-gap-8 u-main-space-between">
+                    <span>60%</span>
+                    <span>2 mins left</span>
+                </div>
+                <div class="progress-bar-container" style="--graph-size:50%" />
+                <span>Importing users...</span>
+            </section>
+        </div>
+    </section>
+{/if}
 
 <style>
     .upload-box-content {
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 2b3b70125..8c387aa82 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -33,7 +33,8 @@ export enum Dependencies {
     KEYS = 'dependency:keys',
     DOMAINS = 'dependency:domains',
     WEBHOOK = 'dependency:webhook',
-    WEBHOOKS = 'dependency:webhooks'
+    WEBHOOKS = 'dependency:webhooks',
+    MIGRATIONS = 'dependency:migrations'
 }
 
 export const scopes: {
diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte
index 336e11ce3..27655d720 100644
--- a/src/lib/elements/forms/button.svelte
+++ b/src/lib/elements/forms/button.svelte
@@ -66,7 +66,8 @@
         on:click={track}
         disabled={internalDisabled}
         class={resolvedClasses}
-        aria-label={ariaLabel}>
+        aria-label={ariaLabel}
+        type={submit === false ? 'button' : undefined}>
         <slot />
     </button>
 {/if}
diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 481b930ea..d79e6e25d 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -12,7 +12,8 @@ import {
     Projects,
     Storage,
     Teams,
-    Users
+    Users,
+    Imports
 } from '@appwrite.io/console';
 
 const endpoint = VARS.APPWRITE_ENDPOINT ?? `${globalThis?.location?.origin}/v1`;
@@ -33,7 +34,8 @@ const sdkForProject = {
     project: new Project(clientProject),
     storage: new Storage(clientProject),
     teams: new Teams(clientProject),
-    users: new Users(clientProject)
+    users: new Users(clientProject),
+    imports: new Imports(clientProject)
 };
 
 export const sdk = {
@@ -46,7 +48,8 @@ export const sdk = {
         locale: new Locale(clientConsole),
         projects: new Projects(clientConsole),
         teams: new Teams(clientConsole),
-        users: new Users(clientConsole)
+        users: new Users(clientConsole),
+        imports: new Imports(clientConsole)
     },
     get forProject() {
         const projectId = getProjectId();
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
index 21fff7468..1f793b31b 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
@@ -5,43 +5,108 @@ import Wizard from './wizard.svelte';
 export type Provider = 'appwrite' | 'nhost' | 'supabase' | 'firebase';
 
 type AppwriteInput = {
+    provider: 'appwrite';
     endpoint?: string;
     projectID?: string;
     apiKey?: string;
 };
 
-type NhostInput = {};
-
-type Inputs = {
-    appwrite: AppwriteInput;
-    nhost: NhostInput;
-    supabase: {};
-    firebase: {};
+type NhostInput = {
+    provider: 'nhost';
+};
+type SupabaseInput = {
+    provider: 'supabase';
+};
+type FirebaseInput = {
+    provider: 'firebase';
 };
 
-type Data = {
-    provider?: Provider;
-    inputs?: Inputs;
-};
+type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
 
-const initialState = {
-    provider: 'firebase',
-    inputs: {
-        appwrite: {},
-        nhost: {},
-        supabase: {},
-        firebase: {}
+const initialProvider: ProviderInput = { provider: 'appwrite' };
+const mockProvider: ProviderInput = {
+    provider: 'appwrite',
+    endpoint: 'https://torsten.appwrite.org/v1',
+    apiKey: '34c94260f05d44325aefe025acb33fc1f814647e9fa87050b8751f1182f7cf4a8e2aed09e9b29477fafedb3d0c71e46478e8b9f0bcab3604ff927972deeaaf99272ab63cc30a087fc1e09a86a4d8e3363caf88b9e003e0e7321e6021f90fa147468e5caa1bb43e8fef5ca0d8b2e048272f37f7b1c001a19524b21bc41d9ac2bd',
+    projectID: '642c3cddd42da42e1bc6'
+};
+export const provider = writable<ProviderInput>({ ...mockProvider });
+
+const initialFormData = {
+    users: {
+        root: false,
+        teams: false
+    },
+    databases: {
+        root: false,
+        documents: false
+    },
+    functions: {
+        root: false,
+        env: false,
+        inactive: false
+    },
+    storage: {
+        root: false
     }
-} satisfies Data;
+};
+type FormData = typeof initialFormData;
+export const formData = writable({ ...initialFormData });
 
-export const data = (function init() {
-    const store = writable<Data>({ ...initialState });
+type Resource =
+    | 'user'
+    | 'team'
+    | 'teammembership'
+    | 'file'
+    | 'bucket'
+    | 'function'
+    | 'envvar'
+    | 'deployment'
+    | 'database'
+    | 'collection'
+    | 'index'
+    | 'attribute'
+    | 'document';
 
-    const reset = () => store.set({ ...initialState });
+export const formDataToResources = (formData: FormData): Resource[] => {
+    const resources: Resource[] = [];
+    if (formData.users.root) {
+        resources.push('user');
+    }
+    if (formData.users.teams) {
+        resources.push('team');
+        resources.push('teammembership');
+    }
+    if (formData.databases.root) {
+        resources.push('database');
+    }
+    if (formData.databases.documents) {
+        resources.push('collection');
+        resources.push('document');
+    }
+    if (formData.functions.root) {
+        resources.push('function');
+    }
+    if (formData.functions.env) {
+        resources.push('envvar');
+    }
+    if (formData.functions.inactive) {
+        resources.push('deployment');
+    }
+    if (formData.storage.root) {
+        resources.push('bucket');
+        resources.push('file');
+    }
 
-    return { ...store, reset };
-})();
+    return resources;
+};
+
+export const resetImportStores = () => {
+    provider.set({ ...mockProvider });
+    formData.set({ ...initialFormData });
+};
 
 export function openImportWizard() {
-    wizard.start(Wizard);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    wizard.start(Wizard as any);
 }
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index e5282f990..0a1bcdf65 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -2,7 +2,7 @@
     import SvgIcon from '$lib/components/svgIcon.svelte';
     import { Button, FormList, InputText } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
-    import { data, type Provider } from '.';
+    import { provider, type Provider } from '.';
 
     const providers: Record<Provider, string> = {
         appwrite: 'Appwrite',
@@ -24,7 +24,7 @@
                     class="is-small"
                     type="radio"
                     name="provider"
-                    bind:group={$data.provider}
+                    bind:group={$provider.provider}
                     value={key} />
                 <div class="content">
                     <img src="/logos/{key}.png" width="33" class="u-margin-inline-auto" alt="" />
@@ -34,27 +34,28 @@
         {/each}
     </div>
 
-    {#if $data.provider === 'appwrite'}
+    {#if $provider.provider === 'appwrite'}
         <FormList class="u-margin-block-start-24">
             <InputText
                 id="endpoint"
                 label="Endpoint"
                 required
                 placeholder="Enter endpoint"
-                bind:value={$data.inputs.appwrite.endpoint} />
+                bind:value={$provider.endpoint} />
             <InputText
                 id="project-id"
                 label="Project ID"
                 required
                 placeholder="Enter project ID"
-                bind:value={$data.inputs.appwrite.projectID} />
+                bind:value={$provider.projectID} />
             <InputText
                 id="api-key"
                 label="API Key"
+                required
                 placeholder="Enter API Key"
-                bind:value={$data.inputs.appwrite.apiKey} />
+                bind:value={$provider.apiKey} />
         </FormList>
-    {:else if $data.provider === 'firebase'}
+    {:else if $provider.provider === 'firebase'}
         <div class="box u-flex u-flex-vertical u-gap-16 u-cross-center u-margin-block-start-24">
             <p class="u-text-center u-bold">Sign in with Google to get started</p>
             <Button secondary>
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
index 271d42447..9ded5affa 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
@@ -5,26 +5,8 @@
     import type { DeepKeys, WritableValue } from '$lib/helpers/types';
 
     import { WizardStep } from '$lib/layout';
-    import { writable } from 'svelte/store';
 
-    const formData = writable({
-        users: {
-            root: false,
-            teams: false
-        },
-        databases: {
-            root: false,
-            documents: false
-        },
-        functions: {
-            root: false,
-            env: false,
-            inactive: false
-        },
-        storage: {
-            root: false
-        }
-    });
+    import { formData } from '.';
 
     type FormData = WritableValue<typeof formData>;
     type FormKeys = DeepKeys<FormData>;
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index c155a0aea..b4d0dbd74 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -1,19 +1,32 @@
 <script lang="ts">
     import type { WizardStepsType } from '$lib/layout/wizard.svelte';
     import Wizard from '$lib/layout/wizard.svelte';
+    import { sdk } from '$lib/stores/sdk';
+    import { wizard } from '$lib/stores/wizard';
     import { onDestroy } from 'svelte';
-    import { data } from '.';
+    import { formData, formDataToResources, provider, resetImportStores } from '.';
     import Step1 from './step1.svelte';
     import Step2 from './step2.svelte';
-    import { wizard } from '$lib/stores/wizard';
-    import { sdk } from '$lib/stores/sdk';
+    import { invalidate } from '$app/navigation';
+    import { Dependencies } from '$lib/constants';
 
     const onExit = () => {
-        data.reset();
+        resetImportStores();
     };
-    const onFinish = () => {
-        sdk.forConsole.projects;
-        data.reset();
+
+    const onFinish = async () => {
+        const resources = formDataToResources($formData);
+        if ($provider.provider === 'appwrite') {
+            const res = await sdk.forProject.imports.importAppwrite(
+                resources,
+                $provider.endpoint,
+                $provider.projectID,
+                $provider.apiKey
+            );
+            console.log(res);
+            invalidate(Dependencies.MIGRATIONS);
+        }
+        resetImportStores();
         wizard.hide();
     };
 
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index 603459906..5fdfbb2bd 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -1,137 +1,247 @@
 <script lang="ts">
     import { Arrow, CardGrid, Heading } from '$lib/components';
     import { Button } from '$lib/elements/forms';
-    import { TableBody, TableCell, TableCellHead, TableHeader } from '$lib/elements/table';
+    import {
+        TableBody,
+        TableCell,
+        TableCellHead,
+        TableHeader,
+        TableRow
+    } from '$lib/elements/table';
     import Table from '$lib/elements/table/table.svelte';
+    import { isSameDay, toLocaleDate } from '$lib/helpers/date';
+    import { capitalize } from '$lib/helpers/string';
     import { Container } from '$lib/layout';
     import { migrator } from '$lib/stores/migrator';
+    import { sdk } from '$lib/stores/sdk';
     import { isSelfHosted } from '$lib/system';
     import { openImportWizard } from './(import)';
     import Details from './details.svelte';
 
-    // This will be better implemented when we have i18n
-    const strings = {
-        cloud: {
-            import: 'Import data from other products or from a different Appwrite instance',
-            export: {
-                title: 'Export to self-hosted instance',
-                description: 'Export data from your project to a self-hosted instance'
-            }
-        },
-        selfHosted: {
-            import: 'Import project data from Cloud to your self-hosted project. \
-            Initiate the process of importing project data from the migrations settings of your Cloud project.',
-            export: {
-                title: 'Deploy to Cloud',
-                description: 'Export data from your project to Appwrite Cloud'
-            }
-        }
-    }[isSelfHosted ? 'selfHosted' : 'cloud'];
-
+    export let data;
     let showDetails = false;
+
+    const mockImport = async () => {
+        console.log(await sdk.forProject.imports.list());
+    };
+
+    mockImport();
+
+    const getStatus = (status: string) => {
+        if (status === 'pending') {
+            return { text: 'Pending', icon: 'clock', iconColor: 'blue' };
+        }
+    };
 </script>
 
 <Container>
     <Heading tag="h2" size="5">Migrations</Heading>
-    <CardGrid>
-        <Heading tag="h3" size="7">Import project data</Heading>
-        <p class="text">
-            {strings.import}
-        </p>
-        <svelte:fragment slot="aside">
-            {#if $migrator.status !== 'idle'}
-                <div class="u-flex">
-                    <div style="margin-inline-start: auto;">
-                        <Button secondary on:click={openImportWizard}>Import data</Button>
+    {#if isSelfHosted}
+        <CardGrid>
+            <Heading tag="h3" size="7">Import project data</Heading>
+            <p class="text">
+                Import project data from Cloud to your self-hosted project. Initiate the process of
+                importing project data from the migrations settings of your Cloud project.
+            </p>
+            <svelte:fragment slot="aside">
+                {#if $migrator.status === 'idle'}
+                    <div class="u-flex">
+                        <div style="margin-inline-start: auto;">
+                            <Button secondary on:click={openImportWizard}>Import data</Button>
+                        </div>
                     </div>
-                </div>
 
-                <Table noStyles>
-                    <TableHeader>
-                        <TableCellHead>Date</TableCellHead>
-                        <TableCellHead>Source</TableCellHead>
-                        <TableCellHead>Status</TableCellHead>
-                        <TableCellHead />
-                    </TableHeader>
-                    <TableBody>
-                        <TableCell title="Data">Today</TableCell>
-                        <TableCell title="Source">Heaven</TableCell>
-                        <TableCell title="Status">Awesome</TableCell>
-                        <TableCell title="">
-                            <Button secondary on:click={() => (showDetails = true)}>Details</Button>
-                        </TableCell>
-                    </TableBody>
-                </Table>
-            {:else}
+                    <Table noStyles>
+                        <TableHeader>
+                            <TableCellHead>Date</TableCellHead>
+                            <TableCellHead>Source</TableCellHead>
+                            <TableCellHead>Status</TableCellHead>
+                            <TableCellHead />
+                        </TableHeader>
+                        <TableBody>
+                            <TableCell title="Data">Today</TableCell>
+                            <TableCell title="Source">Heaven</TableCell>
+                            <TableCell title="Status">Awesome</TableCell>
+                            <TableCell title="">
+                                <Button secondary on:click={() => (showDetails = true)}
+                                    >Details</Button>
+                            </TableCell>
+                        </TableBody>
+                    </Table>
+                {:else}
+                    <div class="import-box">
+                        <div class="u-flex u-cross-center u-gap-8">
+                            <div class="avatar" style="--size: {48 / 16}rem">
+                                <span class="icon-cloud" />
+                            </div>
+                            <Arrow direction="right" />
+                            <div class="avatar" style="--size: {48 / 16}rem">
+                                <span class="icon-server" />
+                            </div>
+                        </div>
+                        <p class="u-margin-block-start-24">No imported data yet</p>
+                    </div>
+                {/if}
+            </svelte:fragment>
+        </CardGrid>
+        <CardGrid>
+            <Heading tag="h3" size="7">Deploy to Cloud</Heading>
+            <p class="text">Export data from your project to Appwrite Cloud</p>
+            <svelte:fragment slot="aside">
                 <div class="import-box">
-                    <ul class="avatars-group">
-                        <li class="avatars-group-item">
-                            <div class="avatar">
-                                <img src="/logos/firebase.png" alt="Firebase" width="20" />
+                    <div class="u-flex u-cross-center u-gap-8">
+                        {#if isSelfHosted}
+                            <div class="avatar" style="--size: {48 / 16}rem">
+                                <span class="icon-server" />
                             </div>
-                        </li>
-
-                        <li class="avatars-group-item">
-                            <div class="avatar">
-                                <img src="/logos/supabase.png" alt="Supabase" width="20" />
+                            <Arrow direction="right" />
+                            <div class="avatar" style="--size: {48 / 16}rem">
+                                <span class="icon-cloud" />
                             </div>
-                        </li>
-
-                        <li class="avatars-group-item">
-                            <div class="avatar">
-                                <img src="/logos/nhost.png" alt="nhost" width="20" />
+                        {:else}
+                            <div class="avatar" style="--size: {48 / 16}rem">
+                                <span class="icon-cloud" />
                             </div>
-                        </li>
-
-                        <li class="avatars-group-item">
-                            <div class="avatar">
-                                <img src="/logos/appwrite.png" alt="Appwrite" width="18" />
+                            <Arrow direction="right" />
+                            <div class="avatar" style="--size: {48 / 16}rem">
+                                <span class="icon-server" />
                             </div>
-                        </li>
-                    </ul>
-                    <div class="u-margin-block-start-8">
-                        <Arrow direction="down" />
+                        {/if}
                     </div>
-                    <div class="avatar u-margin-block-start-8" style="--size: {48 / 16}rem">
-                        <span class="icon-cloud" />
-                    </div>
-                    <Button class="u-margin-block-start-20" secondary on:click={openImportWizard}>
-                        Import data
+                    <Button class="u-margin-block-start-48" secondary>
+                        {#if isSelfHosted}
+                            Deploy to Cloud
+                        {:else}
+                            Export data
+                        {/if}
                     </Button>
                 </div>
-            {/if}
-        </svelte:fragment>
-    </CardGrid>
-    <CardGrid>
-        <Heading tag="h3" size="7">{strings.export.title}</Heading>
-        <p class="text">
-            {strings.export.description}
-        </p>
-        <svelte:fragment slot="aside">
-            <div class="import-box">
-                <div class="u-flex u-cross-center u-gap-8">
-                    {#if isSelfHosted}
-                        <div class="avatar" style="--size: {48 / 16}rem">
-                            <span class="icon-server" />
+            </svelte:fragment>
+        </CardGrid>
+    {:else}
+        <CardGrid>
+            <Heading tag="h3" size="7">Import project data</Heading>
+            <p class="text">
+                Import data from other products or from a different Appwrite instance
+            </p>
+            <svelte:fragment slot="aside">
+                {#if data.imports.length}
+                    <div class="u-flex">
+                        <div style="margin-inline-start: auto;">
+                            <Button secondary on:click={openImportWizard}>Import data</Button>
                         </div>
-                        <Arrow direction="right" />
-                        <div class="avatar" style="--size: {48 / 16}rem">
+                    </div>
+
+                    <Table noStyles>
+                        <TableHeader>
+                            <TableCellHead>Date</TableCellHead>
+                            <TableCellHead>Source</TableCellHead>
+                            <TableCellHead>Status</TableCellHead>
+                            <TableCellHead />
+                        </TableHeader>
+                        <TableBody>
+                            {#each data.imports as entry}
+                                <TableRow>
+                                    {@const source = capitalize(JSON.parse(entry.source).type)}
+                                    {@const status = getStatus(entry.status)}
+                                    <TableCell title="Data">
+                                        {isSameDay(new Date(), new Date(entry.$createdAt))
+                                            ? 'Today'
+                                            : toLocaleDate(entry.$createdAt)}
+                                    </TableCell>
+                                    <TableCell title="Source">{source}</TableCell>
+                                    <TableCell title="Status">
+                                        <div class="u-flex u-gap-4 u-cross-center">
+                                            <i class="icon-{status.icon}" />
+                                            <span>{status.text}</span>
+                                        </div>
+                                    </TableCell>
+                                    <TableCell title="">
+                                        <Button secondary on:click={() => (showDetails = true)}
+                                            >Details</Button>
+                                    </TableCell>
+                                </TableRow>
+                            {/each}
+                        </TableBody>
+                    </Table>
+                {:else}
+                    <div class="import-box">
+                        <ul class="avatars-group">
+                            <li class="avatars-group-item">
+                                <div class="avatar">
+                                    <img src="/logos/firebase.png" alt="Firebase" width="20" />
+                                </div>
+                            </li>
+
+                            <li class="avatars-group-item">
+                                <div class="avatar">
+                                    <img src="/logos/supabase.png" alt="Supabase" width="20" />
+                                </div>
+                            </li>
+
+                            <li class="avatars-group-item">
+                                <div class="avatar">
+                                    <img src="/logos/nhost.png" alt="nhost" width="20" />
+                                </div>
+                            </li>
+
+                            <li class="avatars-group-item">
+                                <div class="avatar">
+                                    <img src="/logos/appwrite.png" alt="Appwrite" width="18" />
+                                </div>
+                            </li>
+                        </ul>
+                        <div class="u-margin-block-start-8">
+                            <Arrow direction="down" />
+                        </div>
+                        <div class="avatar u-margin-block-start-8" style="--size: {48 / 16}rem">
                             <span class="icon-cloud" />
                         </div>
-                    {:else}
-                        <div class="avatar" style="--size: {48 / 16}rem">
-                            <span class="icon-cloud" />
-                        </div>
-                        <Arrow direction="right" />
-                        <div class="avatar" style="--size: {48 / 16}rem">
-                            <span class="icon-server" />
-                        </div>
-                    {/if}
+                        <Button
+                            class="u-margin-block-start-20"
+                            secondary
+                            on:click={openImportWizard}>
+                            Import data
+                        </Button>
+                    </div>
+                {/if}
+            </svelte:fragment>
+        </CardGrid>
+        <CardGrid>
+            <Heading tag="h3" size="7">Export to self-hosted instance</Heading>
+            <p class="text">Export data from your project to a self-hosted instance</p>
+            <svelte:fragment slot="aside">
+                <div class="import-box">
+                    <div class="u-flex u-cross-center u-gap-8">
+                        {#if isSelfHosted}
+                            <div class="avatar" style="--size: {48 / 16}rem">
+                                <span class="icon-server" />
+                            </div>
+                            <Arrow direction="right" />
+                            <div class="avatar" style="--size: {48 / 16}rem">
+                                <span class="icon-cloud" />
+                            </div>
+                        {:else}
+                            <div class="avatar" style="--size: {48 / 16}rem">
+                                <span class="icon-cloud" />
+                            </div>
+                            <Arrow direction="right" />
+                            <div class="avatar" style="--size: {48 / 16}rem">
+                                <span class="icon-server" />
+                            </div>
+                        {/if}
+                    </div>
+                    <Button class="u-margin-block-start-48" secondary>
+                        {#if isSelfHosted}
+                            Deploy to Cloud
+                        {:else}
+                            Export data
+                        {/if}
+                    </Button>
                 </div>
-                <Button class="u-margin-block-start-48" secondary>Export data</Button>
-            </div>
-        </svelte:fragment>
-    </CardGrid>
+            </svelte:fragment>
+        </CardGrid>
+    {/if}
 </Container>
 
 <Details bind:show={showDetails} />
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
new file mode 100644
index 000000000..33aa87689
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -0,0 +1,12 @@
+import { Dependencies } from '$lib/constants.js';
+import { sdk } from '$lib/stores/sdk';
+
+export async function load({ depends }) {
+    depends(Dependencies.MIGRATIONS);
+
+    const { imports } = await sdk.forProject.imports.list();
+
+    return {
+        imports
+    };
+}
diff --git a/tsconfig.json b/tsconfig.json
index 928ba209d..889c88e44 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,8 +1,13 @@
 {
     "extends": "./.svelte-kit/tsconfig.json",
     "compilerOptions": {
-        "lib": ["webworker", "DOM", "ESNext"],
+        "lib": [
+            "webworker",
+            "DOM",
+            "ESNext"
+        ],
         "module": "ESNext",
+        "target": "ESNext",
         "moduleResolution": "Node",
         "importsNotUsedAsValues": "error",
         "noUncheckedIndexedAccess": true,
@@ -11,4 +16,4 @@
         "esModuleInterop": true,
         "resolveJsonModule": true
     }
-}
+}
\ No newline at end of file

From 29d582642f407110ee41078cb61b816fc18a033f Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 7 Jun 2023 17:17:48 +0100
Subject: [PATCH 026/128] refactor: failed status

---
 .../project-[project]/settings/migrations/+page.svelte      | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index 5fdfbb2bd..1c9df156a 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -28,9 +28,11 @@
     mockImport();
 
     const getStatus = (status: string) => {
-        if (status === 'pending') {
-            return { text: 'Pending', icon: 'clock', iconColor: 'blue' };
+        if (status === 'failed') {
+            return { text: 'Failed', icon: 'clock', iconColor: 'blue' };
         }
+
+        return { text: 'Pending', icon: 'clock', iconColor: 'blue' };
     };
 </script>
 

From 7a18b764e4e895140285026fae3dabbab659a38d Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Fri, 9 Jun 2023 18:38:59 +0100
Subject: [PATCH 027/128] feat: export data modal

---
 package-lock.json                             |   8 +-
 package.json                                  |   2 +-
 src/lib/components/alert.svelte               |   4 +-
 .../settings/migrations/+page.svelte          | 116 ++++++++++--------
 4 files changed, 76 insertions(+), 54 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 46a843438..2fd48112c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
             "dependencies": {
                 "@analytics/google-analytics": "^1.0.5",
                 "@appwrite.io/console": "0.1.0",
-                "@appwrite.io/pink": "^0.0.6-rc.10",
+                "@appwrite.io/pink": "^0.0.6-rc.14",
                 "@popperjs/core": "^2.11.6",
                 "@sentry/svelte": "^7.44.2",
                 "@sentry/tracing": "^7.44.2",
@@ -156,9 +156,9 @@
             }
         },
         "node_modules/@appwrite.io/pink": {
-            "version": "0.0.6-rc.10",
-            "resolved": "https://registry.npmjs.org/@appwrite.io/pink/-/pink-0.0.6-rc.10.tgz",
-            "integrity": "sha512-mhpgjQVfQvghItgcCzsHN0Ynn4U9JNg8HlSJ+HVDUi/bNHxmlm7XdNJE6s65LMJ6LfepROn6zZMHquANvGfNDg==",
+            "version": "0.0.6-rc.14",
+            "resolved": "https://registry.npmjs.org/@appwrite.io/pink/-/pink-0.0.6-rc.14.tgz",
+            "integrity": "sha512-KSfuW/MIc9aXaSjHmOB0TSyd2G/nTX8Yj49LOqOw41v649tVNfPGutvI6eTULCKve24HTYSspnHLil5Eb4Kk2Q==",
             "dependencies": {
                 "@appwrite.io/pink-icons": "*",
                 "normalize.css": "^8.0.1",
diff --git a/package.json b/package.json
index 0e7ec8d6e..2a9ce4161 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
     "dependencies": {
         "@analytics/google-analytics": "^1.0.5",
         "@appwrite.io/console": "0.1.0",
-        "@appwrite.io/pink": "^0.0.6-rc.10",
+        "@appwrite.io/pink": "^0.0.6-rc.14",
         "@popperjs/core": "^2.11.6",
         "@sentry/svelte": "^7.44.2",
         "@sentry/tracing": "^7.44.2",
diff --git a/src/lib/components/alert.svelte b/src/lib/components/alert.svelte
index 599d6b9e9..080207530 100644
--- a/src/lib/components/alert.svelte
+++ b/src/lib/components/alert.svelte
@@ -4,6 +4,7 @@
 
     export let dismissible = false;
     export let type: 'info' | 'success' | 'warning' | 'error' = 'info';
+    export let standalone = false;
     export let buttons: Buttons[] = [];
 
     const dispatch = createEventDispatcher();
@@ -14,7 +15,8 @@
     class:is-success={type === 'success'}
     class:is-warning={type === 'warning'}
     class:is-danger={type === 'error'}
-    class:is-info={type === 'info'}>
+    class:is-info={type === 'info'}
+    class:is-standalone={standalone}>
     <div class="alert-grid">
         {#if dismissible}
             <button
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index 1c9df156a..8179c4ca8 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -1,6 +1,10 @@
 <script lang="ts">
     import { Arrow, CardGrid, Heading } from '$lib/components';
+    import Alert from '$lib/components/alert.svelte';
+    import Modal from '$lib/components/modal.svelte';
     import { Button } from '$lib/elements/forms';
+    import InputText from '$lib/elements/forms/inputText.svelte';
+    import InputTextarea from '$lib/elements/forms/inputTextarea.svelte';
     import {
         TableBody,
         TableCell,
@@ -20,6 +24,7 @@
 
     export let data;
     let showDetails = false;
+    let showCloudExport = false;
 
     const mockImport = async () => {
         console.log(await sdk.forProject.imports.list());
@@ -92,31 +97,15 @@
             <svelte:fragment slot="aside">
                 <div class="import-box">
                     <div class="u-flex u-cross-center u-gap-8">
-                        {#if isSelfHosted}
-                            <div class="avatar" style="--size: {48 / 16}rem">
-                                <span class="icon-server" />
-                            </div>
-                            <Arrow direction="right" />
-                            <div class="avatar" style="--size: {48 / 16}rem">
-                                <span class="icon-cloud" />
-                            </div>
-                        {:else}
-                            <div class="avatar" style="--size: {48 / 16}rem">
-                                <span class="icon-cloud" />
-                            </div>
-                            <Arrow direction="right" />
-                            <div class="avatar" style="--size: {48 / 16}rem">
-                                <span class="icon-server" />
-                            </div>
-                        {/if}
+                        <div class="avatar" style="--size: {48 / 16}rem">
+                            <span class="icon-server" />
+                        </div>
+                        <Arrow direction="right" />
+                        <div class="avatar" style="--size: {48 / 16}rem">
+                            <span class="icon-cloud" />
+                        </div>
                     </div>
-                    <Button class="u-margin-block-start-48" secondary>
-                        {#if isSelfHosted}
-                            Deploy to Cloud
-                        {:else}
-                            Export data
-                        {/if}
-                    </Button>
+                    <Button class="u-margin-block-start-48" secondary>Deploy to Cloud</Button>
                 </div>
             </svelte:fragment>
         </CardGrid>
@@ -215,37 +204,64 @@
             <svelte:fragment slot="aside">
                 <div class="import-box">
                     <div class="u-flex u-cross-center u-gap-8">
-                        {#if isSelfHosted}
-                            <div class="avatar" style="--size: {48 / 16}rem">
-                                <span class="icon-server" />
-                            </div>
-                            <Arrow direction="right" />
-                            <div class="avatar" style="--size: {48 / 16}rem">
-                                <span class="icon-cloud" />
-                            </div>
-                        {:else}
-                            <div class="avatar" style="--size: {48 / 16}rem">
-                                <span class="icon-cloud" />
-                            </div>
-                            <Arrow direction="right" />
-                            <div class="avatar" style="--size: {48 / 16}rem">
-                                <span class="icon-server" />
-                            </div>
-                        {/if}
+                        <div class="avatar" style="--size: {48 / 16}rem">
+                            <span class="icon-cloud" />
+                        </div>
+                        <Arrow direction="right" />
+                        <div class="avatar" style="--size: {48 / 16}rem">
+                            <span class="icon-server" />
+                        </div>
                     </div>
-                    <Button class="u-margin-block-start-48" secondary>
-                        {#if isSelfHosted}
-                            Deploy to Cloud
-                        {:else}
-                            Export data
-                        {/if}
-                    </Button>
+                    <Button
+                        class="u-margin-block-start-48"
+                        secondary
+                        on:click={() => (showCloudExport = true)}>Export data</Button>
                 </div>
             </svelte:fragment>
         </CardGrid>
     {/if}
 </Container>
 
+<Modal bind:show={showCloudExport}>
+    <svelte:fragment slot="header">Export to self-hosted instance</svelte:fragment>
+    <div class="modal-contents">
+        <Alert standalone>
+            <svelte:fragment slot="title">API key creation</svelte:fragment>
+            By initiating the transfer, an API key will be automatically generated in the background,
+            which you can delete after completion
+        </Alert>
+
+        <div class="u-margin-block-start-24">
+            <InputText
+                label="Endpoint self-hosted instance"
+                required
+                id="endpoint"
+                placeholder="https://[YOUR_APPWRITE_HOSTNAME]" />
+        </div>
+
+        <div class="box u-margin-block-start-24">
+            <p class="u-bold">
+                Share your feedback: why our self-hosted solution works better for you
+            </p>
+            <p class="u-margin-block-start-8">
+                We appreciate your continued support and we understand that our self-hosted solution
+                might better fit your needs. To help us improve our Cloud solution, please share why
+                it works better for you. Your feedback is important to us and we'll use it to make
+                our services better.
+            </p>
+            <div class="u-margin-block-start-24">
+                <InputTextarea id="feedback" label="Your feedback" placeholder="Type here..." />
+            </div>
+        </div>
+    </div>
+
+    <div class="u-flex u-gap-16 u-cross-center" slot="footer">
+        <span> You will be redirected to your self-hosted instance </span>
+
+        <Button on:click={() => (showCloudExport = false)}>Continue TODO: SUBMIT</Button>
+    </div>
+</Modal>
+
 <Details bind:show={showDetails} />
 
 <style lang="scss">
@@ -261,4 +277,8 @@
 
         padding: 1.5rem;
     }
+
+    .modal-contents :global(.alert) {
+        grid-area: initial !important;
+    }
 </style>

From 1ca164b061904b67455ee636da43491071368974 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 14 Jun 2023 17:51:06 +0100
Subject: [PATCH 028/128] feat: supabase and nhost forms

---
 .../settings/migrations/(import)/index.ts     | 26 ++++--
 .../settings/migrations/(import)/step1.svelte | 88 ++++++++++++++++++-
 .../settings/migrations/+page.ts              |  4 +-
 3 files changed, 109 insertions(+), 9 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
index 1f793b31b..599be6880 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
@@ -11,16 +11,30 @@ type AppwriteInput = {
     apiKey?: string;
 };
 
-type NhostInput = {
-    provider: 'nhost';
-};
-type SupabaseInput = {
-    provider: 'supabase';
-};
 type FirebaseInput = {
     provider: 'firebase';
 };
 
+type SupabaseInput = {
+    provider: 'supabase';
+    host?: string;
+    port?: number;
+    username?: string;
+    password?: string;
+    endpoint?: string;
+    apiKey?: string;
+};
+
+type NhostInput = {
+    provider: 'nhost';
+    host?: string;
+    port?: number;
+    username?: string;
+    password?: string;
+    endpoint?: string;
+    apiKey?: string;
+};
+
 type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
 
 const initialProvider: ProviderInput = { provider: 'appwrite' };
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 0a1bcdf65..97dbb69b7 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import SvgIcon from '$lib/components/svgIcon.svelte';
-    import { Button, FormList, InputText } from '$lib/elements/forms';
+    import { Button, FormList, InputNumber, InputText } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
     import { provider, type Provider } from '.';
 
@@ -81,6 +81,92 @@
                     placeholder="TODO" />
             </div>
         {/if}
+    {:else if $provider.provider === 'supabase'}
+        <FormList class="u-margin-block-start-24">
+            <p class="body-text-1 u-bold">Postgres credentials</p>
+
+            <InputText
+                id="host"
+                label="Host"
+                required
+                placeholder="Enter host"
+                bind:value={$provider.host} />
+            <InputNumber
+                id="port"
+                label="Port"
+                required
+                placeholder="Enter port"
+                bind:value={$provider.port} />
+            <InputText
+                id="username"
+                label="Username"
+                required
+                placeholder="Enter username"
+                bind:value={$provider.username} />
+            <InputText
+                id="password"
+                label="Password"
+                required
+                placeholder="Enter password"
+                bind:value={$provider.password} />
+            <p class="body-text-1 u-bold">Supabase credentials</p>
+
+            <InputText
+                id="endpoint"
+                label="Endpoint"
+                required
+                placeholder="Enter endpoint"
+                bind:value={$provider.endpoint} />
+            <InputText
+                id="api-key"
+                label="API Key"
+                required
+                placeholder="Enter API Key"
+                bind:value={$provider.apiKey} />
+        </FormList>
+    {:else if $provider.provider === 'nhost'}
+        <FormList class="u-margin-block-start-24">
+            <p class="body-text-1 u-bold">Postgres credentials</p>
+
+            <InputText
+                id="host"
+                label="Host"
+                required
+                placeholder="Enter host"
+                bind:value={$provider.host} />
+            <InputNumber
+                id="port"
+                label="Port"
+                required
+                placeholder="Enter port"
+                bind:value={$provider.port} />
+            <InputText
+                id="username"
+                label="Username"
+                required
+                placeholder="Enter username"
+                bind:value={$provider.username} />
+            <InputText
+                id="password"
+                label="Password"
+                required
+                placeholder="Enter password"
+                bind:value={$provider.password} />
+            <p class="body-text-1 u-bold">Supabase credentials</p>
+
+            <InputText
+                id="endpoint"
+                label="Endpoint"
+                required
+                placeholder="Enter endpoint"
+                bind:value={$provider.endpoint} />
+            <InputText
+                id="api-key"
+                label="API Key"
+                required
+                placeholder="Enter API Key"
+                bind:value={$provider.apiKey} />
+        </FormList>
     {/if}
 </WizardStep>
 
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index 33aa87689..fe38293d4 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -4,9 +4,9 @@ import { sdk } from '$lib/stores/sdk';
 export async function load({ depends }) {
     depends(Dependencies.MIGRATIONS);
 
-    const { imports } = await sdk.forProject.imports.list();
+    // const { imports } = await sdk.forProject.imports.list();
 
     return {
-        imports
+        imports: []
     };
 }

From 9382eff54ac471ef9bded9a98645d69c7b7852c3 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 14 Jun 2023 18:20:49 +0100
Subject: [PATCH 029/128] refactor: command center styles

---
 src/lib/commandCenter/panels/template.svelte | 118 ++++++++++++++-----
 1 file changed, 88 insertions(+), 30 deletions(-)

diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 70f0c98f5..1cf93e960 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -1,9 +1,9 @@
-<!-- 
-    This is the template for all panels used in the command center.
-    Use this component when you want to create a new panel.
- -->
-
 <script lang="ts">
+    // This is the template for all panels used in the command center.
+    // Use this component when you want to create a new panel.
+
+    import { tick } from 'svelte';
+
     import { getCommandCenterCtx } from '../commandCenter.svelte';
 
     import { clearSubPanels, popSubPanel, subPanels } from '../subPanels';
@@ -56,6 +56,17 @@
             }
         }
 
+        tick().then(() => {
+            const selectedEl = cardEl.querySelector('[data-selected]');
+
+            if (selectedEl) {
+                selectedEl.scrollIntoView({
+                    block: 'nearest',
+                    behavior: 'smooth'
+                });
+            }
+        });
+
         if (event.key === 'Escape') {
             event.preventDefault();
             popSubPanel();
@@ -73,23 +84,30 @@
     });
 
     const commandCenterCtx = getCommandCenterCtx();
+
+    let cardEl: HTMLElement;
 </script>
 
 <svelte:window on:keydown={handleKeyDown} />
 
 <div
     class="card"
+    bind:this={cardEl}
     class:press={!$commandCenterCtx.isInitialPanel}
     class:scale-up={$commandCenterCtx.isInitialPanel && $commandCenterCtx.open}>
-    <div class="u-flex u-flex-vertical u-width-full-line">
-        <div class="u-flex">
+    <div class="u-flex u-flex-vertical u-width-full-line u-overflow-hidden">
+        <div class="u-flex search-wrapper">
             <slot name="search">
-                <input type="text" placeholder="type here..." autofocus bind:value={search} />
+                <input
+                    type="text"
+                    placeholder="Search for commands..."
+                    autofocus
+                    bind:value={search} />
             </slot>
         </div>
 
         {#if options}
-            <ul class="u-margin-block-start-16 u-flex u-flex-vertical u-gap-8">
+            <ul class="options u-margin-block-start-16 u-flex u-flex-vertical u-gap-8">
                 {#each options as option, i}
                     <li class="result" data-selected={selected === i ? true : undefined}>
                         {#if selected === i}
@@ -119,10 +137,22 @@
         {:else}
             <slot />
         {/if}
+
+        <div
+            class="footer u-margin-block-start-16 u-flex u-flex u-cross-center u-main-space-between">
+            <slot name="footer">
+                <div class="u-flex u-cross-center u-gap-4">
+                    <kbd class="kbd">Enter</kbd> <span>to select and close</span>
+                </div>
+                <div class="u-flex u-cross-center u-gap-4">
+                    <kbd class="kbd">Esc</kbd> <span>to close</span>
+                </div>
+            </slot>
+        </div>
     </div>
 </div>
 
-<style>
+<style lang="scss">
     @keyframes press {
         0% {
             scale: 1;
@@ -156,8 +186,12 @@
     }
 
     .card {
-        width: var(--command-panel-width, 400px);
+        display: flex;
+        flex-direction: column;
+        width: var(--command-panel-width, 680px);
         max-width: 100%;
+        max-height: 450px;
+        overflow: hidden;
         padding: 0.5rem;
 
         position: absolute;
@@ -166,6 +200,19 @@
         translate: -50%;
     }
 
+    .search-wrapper {
+        border-bottom: 1px solid hsl(var(--color-border));
+        font-size: 16px;
+        margin-inline: -0.5rem;
+        padding-inline: 0.5rem;
+    }
+
+    .options {
+        overflow-y: auto;
+        height: 100%;
+        flex-shrink: 1;
+    }
+
     input {
         border: none;
         background-color: transparent;
@@ -177,27 +224,38 @@
 
         opacity: 0.65;
         transition: 75ms cubic-bezier(0.5, 1, 0.89, 1);
+        &[data-selected] {
+            opacity: 1;
+            transition: 150ms cubic-bezier(0.5, 1, 0.89, 1);
+        }
+
+        .bg {
+            position: absolute;
+            inset: 0;
+            background-color: hsl(var(--color-neutral-200));
+            border-radius: 0.75rem;
+            translate: 0 -1px;
+        }
+
+        .option {
+            padding: 0.5rem 0.75rem;
+            position: relative;
+            z-index: 10;
+            width: 100%;
+
+            box-shadow: none !important;
+        }
     }
 
-    .result[data-selected] {
-        opacity: 1;
-        transition: 150ms cubic-bezier(0.5, 1, 0.89, 1);
-    }
+    .footer {
+        border-top: 1px solid hsl(var(--color-border));
+        margin-inline: -0.5rem;
+        padding-inline: 1rem;
+        padding-block-start: 0.5rem;
 
-    .result .bg {
-        position: absolute;
-        inset: 0;
-        background-color: hsl(var(--color-neutral-200));
-        border-radius: 0.75rem;
-        translate: 0 -1px;
-    }
-
-    .result .option {
-        padding: 0.5rem 0.75rem;
-        position: relative;
-        z-index: 10;
-        width: 100%;
-
-        box-shadow: none !important;
+        .kbd {
+            background-color: hsl(var(--color-neutral-150));
+            padding: 4.5px 3.5px;
+        }
     }
 </style>

From 92032f537aa88673072076a112bff99fcbce3008 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 15 Jun 2023 13:51:58 +0100
Subject: [PATCH 030/128] fix: ai

---
 src/lib/commandCenter/panels/ai.svelte       |  2 +-
 src/lib/commandCenter/panels/root.svelte     | 24 ++++++++++++++++++-
 src/lib/commandCenter/panels/template.svelte | 25 ++------------------
 3 files changed, 26 insertions(+), 25 deletions(-)

diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index a4e62b533..8e1aef86b 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -23,7 +23,7 @@
                 answer = mockAnswer;
             } else {
                 const res = await fetch(
-                    'http://64.227.148.116:8080/?question=' + encodeURI(question),
+                    'http://64.227.148.116/chat?question=' + encodeURI(question),
                     {
                         headers: {
                             accept: 'application/json'
diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
index d20525d76..91405cd77 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -45,10 +45,32 @@
         </div>
     </div>
     <svelte:fragment slot="no-options">No commands found</svelte:fragment>
+    <div
+        slot="footer"
+        class="footer u-margin-block-start-16 u-flex u-flex u-cross-center u-main-space-between">
+        <div class="u-flex u-cross-center u-gap-4">
+            <kbd class="kbd">Enter</kbd> <span>to select and close</span>
+        </div>
+        <div class="u-flex u-cross-center u-gap-4">
+            <kbd class="kbd">Esc</kbd> <span>to close</span>
+        </div>
+    </div>
 </Template>
 
-<style>
+<style lang="scss">
     .kbd {
         padding-inline: 0.25rem;
     }
+
+    .footer {
+        border-top: 1px solid hsl(var(--color-border));
+        margin-inline: -0.5rem;
+        padding-inline: 1rem;
+        padding-block-start: 0.5rem;
+
+        .kbd {
+            background-color: hsl(var(--color-neutral-150));
+            padding: 4.5px 3.5px;
+        }
+    }
 </style>
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 1cf93e960..27f2a05e1 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -57,6 +57,7 @@
         }
 
         tick().then(() => {
+            if (!cardEl) return;
             const selectedEl = cardEl.querySelector('[data-selected]');
 
             if (selectedEl) {
@@ -138,17 +139,7 @@
             <slot />
         {/if}
 
-        <div
-            class="footer u-margin-block-start-16 u-flex u-flex u-cross-center u-main-space-between">
-            <slot name="footer">
-                <div class="u-flex u-cross-center u-gap-4">
-                    <kbd class="kbd">Enter</kbd> <span>to select and close</span>
-                </div>
-                <div class="u-flex u-cross-center u-gap-4">
-                    <kbd class="kbd">Esc</kbd> <span>to close</span>
-                </div>
-            </slot>
-        </div>
+        <slot name="footer" />
     </div>
 </div>
 
@@ -246,16 +237,4 @@
             box-shadow: none !important;
         }
     }
-
-    .footer {
-        border-top: 1px solid hsl(var(--color-border));
-        margin-inline: -0.5rem;
-        padding-inline: 1rem;
-        padding-block-start: 0.5rem;
-
-        .kbd {
-            background-color: hsl(var(--color-neutral-150));
-            padding: 4.5px 3.5px;
-        }
-    }
 </style>

From 5256a13e60f11bee303f0363f1d149e7f54f4723 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 20 Jun 2023 17:42:32 +0100
Subject: [PATCH 031/128] refactor: small changes

---
 src/lib/stores/sdk.ts                                 |  6 +++---
 .../settings/migrations/(import)/index.ts             | 11 ++++++++---
 .../settings/migrations/(import)/wizard.svelte        |  2 +-
 .../settings/migrations/+page.svelte                  |  6 +++---
 .../project-[project]/settings/migrations/+page.ts    |  4 ++--
 5 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index d79e6e25d..56e907bc7 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -13,7 +13,7 @@ import {
     Storage,
     Teams,
     Users,
-    Imports
+    Migrations
 } from '@appwrite.io/console';
 
 const endpoint = VARS.APPWRITE_ENDPOINT ?? `${globalThis?.location?.origin}/v1`;
@@ -35,7 +35,7 @@ const sdkForProject = {
     storage: new Storage(clientProject),
     teams: new Teams(clientProject),
     users: new Users(clientProject),
-    imports: new Imports(clientProject)
+    migrations: new Migrations(clientProject)
 };
 
 export const sdk = {
@@ -49,7 +49,7 @@ export const sdk = {
         projects: new Projects(clientConsole),
         teams: new Teams(clientConsole),
         users: new Users(clientConsole),
-        imports: new Imports(clientConsole)
+        migrations: new Migrations(clientConsole)
     },
     get forProject() {
         const projectId = getProjectId();
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
index 599be6880..b2b860bd9 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
@@ -1,3 +1,8 @@
+import {
+    PUBLIC_MOCK_APIKEY,
+    PUBLIC_MOCK_ENDPOINT,
+    PUBLIC_MOCK_PROJECTID
+} from '$env/static/public';
 import { wizard } from '$lib/stores/wizard';
 import { writable } from 'svelte/store';
 import Wizard from './wizard.svelte';
@@ -40,9 +45,9 @@ type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
 const initialProvider: ProviderInput = { provider: 'appwrite' };
 const mockProvider: ProviderInput = {
     provider: 'appwrite',
-    endpoint: 'https://torsten.appwrite.org/v1',
-    apiKey: '34c94260f05d44325aefe025acb33fc1f814647e9fa87050b8751f1182f7cf4a8e2aed09e9b29477fafedb3d0c71e46478e8b9f0bcab3604ff927972deeaaf99272ab63cc30a087fc1e09a86a4d8e3363caf88b9e003e0e7321e6021f90fa147468e5caa1bb43e8fef5ca0d8b2e048272f37f7b1c001a19524b21bc41d9ac2bd',
-    projectID: '642c3cddd42da42e1bc6'
+    endpoint: PUBLIC_MOCK_ENDPOINT,
+    apiKey: PUBLIC_MOCK_APIKEY,
+    projectID: PUBLIC_MOCK_PROJECTID
 };
 export const provider = writable<ProviderInput>({ ...mockProvider });
 
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index b4d0dbd74..54c80ba7a 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -17,7 +17,7 @@
     const onFinish = async () => {
         const resources = formDataToResources($formData);
         if ($provider.provider === 'appwrite') {
-            const res = await sdk.forProject.imports.importAppwrite(
+            const res = await sdk.forProject.migrations.importAppwrite(
                 resources,
                 $provider.endpoint,
                 $provider.projectID,
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index 8179c4ca8..ff7b28c8d 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -27,7 +27,7 @@
     let showCloudExport = false;
 
     const mockImport = async () => {
-        console.log(await sdk.forProject.imports.list());
+        console.log(await sdk.forProject.migrations.list());
     };
 
     mockImport();
@@ -116,7 +116,7 @@
                 Import data from other products or from a different Appwrite instance
             </p>
             <svelte:fragment slot="aside">
-                {#if data.imports.length}
+                {#if data.migrations.length}
                     <div class="u-flex">
                         <div style="margin-inline-start: auto;">
                             <Button secondary on:click={openImportWizard}>Import data</Button>
@@ -131,7 +131,7 @@
                             <TableCellHead />
                         </TableHeader>
                         <TableBody>
-                            {#each data.imports as entry}
+                            {#each data.migrations as entry}
                                 <TableRow>
                                     {@const source = capitalize(JSON.parse(entry.source).type)}
                                     {@const status = getStatus(entry.status)}
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index fe38293d4..95cb09514 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -4,9 +4,9 @@ import { sdk } from '$lib/stores/sdk';
 export async function load({ depends }) {
     depends(Dependencies.MIGRATIONS);
 
-    // const { imports } = await sdk.forProject.imports.list();
+    const { migrations } = await sdk.forProject.migrations.list();
 
     return {
-        imports: []
+        migrations: []
     };
 }

From 09df2013e38cb7611ceb58e267c58fc736fd43a1 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 20 Jun 2023 18:47:44 +0100
Subject: [PATCH 032/128] feat: grouped options

---
 src/lib/commandCenter/commands.ts             |  27 ++++
 src/lib/commandCenter/panels/template.svelte  | 136 +++++++++++++-----
 src/routes/console/+layout.svelte             |   6 +-
 .../organization-[organization]/+page.svelte  |  10 +-
 .../console/project-[project]/+layout.svelte  |  18 ++-
 .../project-[project]/auth/+page.svelte       |   6 +-
 6 files changed, 152 insertions(+), 51 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index d57b28fb7..1e7907f4f 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -3,6 +3,18 @@ import { isMac } from '$lib/helpers/platform';
 import { derived, writable } from 'svelte/store';
 
 // Store
+export type CommandGroup =
+    | 'ungrouped'
+    | 'navigation'
+    | 'project'
+    | 'auth'
+    | 'help'
+    | 'account'
+    | 'platforms'
+    | 'databases'
+    | 'functions'
+    | 'storage';
+
 export type Command = {
     keys: string[];
     /* Ctrl on Windows/Linux, Meta on Mac */
@@ -14,6 +26,7 @@ export type Command = {
     label?: string;
     disabled?: boolean;
     forceEnable?: boolean;
+    group?: CommandGroup;
 };
 
 export const commandMap = writable<Map<string, Command[]>>(new Map());
@@ -24,6 +37,20 @@ export const commands = derived(commandMap, ($commandMap) => {
     return Array.from($commandMap.values()).flat();
 });
 
+export const groupedCommands = derived(commands, ($commands) => {
+    const res = new Map<string, Command[]>();
+
+    for (const command of $commands) {
+        if (!command.group) {
+            res.set('ungrouped', [...(res.get('ungrouped') || []), command]);
+        } else {
+            res.set(command.group, [...(res.get(command.group) || []), command]);
+        }
+    }
+
+    return res;
+});
+
 const commandsEnabled = derived(disabledMap, ($disabledMap) => {
     // If there's an item on the disabledMap that's true, then disable the command center
     return Array.from($disabledMap.values()).every((disabled) => !disabled);
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 27f2a05e1..e42cddb82 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+    import type { CommandGroup } from '../commands';
+
     // This is the template for all panels used in the command center.
     // Use this component when you want to create a new panel.
 
@@ -11,7 +13,7 @@
     import { quadOut } from 'svelte/easing';
     import { crossfade } from 'svelte/transition';
 
-    type BaseOption = { callback: () => void };
+    type BaseOption = { callback: () => void; group?: CommandGroup };
     type Option = $$Generic<BaseOption>;
     export let options: Option[] | null = null;
     export let search = '';
@@ -54,20 +56,20 @@
                 event.preventDefault();
                 selected = options.length - 1;
             }
+
+            tick().then(() => {
+                if (!cardEl) return;
+                const selectedEl = cardEl.querySelector('[data-selected]');
+
+                if (selectedEl) {
+                    selectedEl.scrollIntoView({
+                        block: 'nearest',
+                        behavior: 'smooth'
+                    });
+                }
+            });
         }
 
-        tick().then(() => {
-            if (!cardEl) return;
-            const selectedEl = cardEl.querySelector('[data-selected]');
-
-            if (selectedEl) {
-                selectedEl.scrollIntoView({
-                    block: 'nearest',
-                    behavior: 'smooth'
-                });
-            }
-        });
-
         if (event.key === 'Escape') {
             event.preventDefault();
             popSubPanel();
@@ -87,6 +89,56 @@
     const commandCenterCtx = getCommandCenterCtx();
 
     let cardEl: HTMLElement;
+
+    type Group = { type: 'group'; name: string };
+    type IndexedOption = Option & { index: number };
+    function isGroup(item: Option | Group): item is Group {
+        return 'type' in item && item.type === 'group';
+    }
+    const getGroupsAndOptions = (options: Option[]) => {
+        if (!options) return null;
+
+        const groupedOptions = new Map<string, Option[]>();
+        groupedOptions.set('ungrouped', []);
+
+        for (const option of options) {
+            if (!option.group) {
+                groupedOptions.set('ungrouped', [...groupedOptions.get('ungrouped'), option]);
+            } else {
+                groupedOptions.set(option.group, [
+                    ...(groupedOptions.get(option.group) || []),
+                    option
+                ]);
+            }
+        }
+
+        // return a flat array of groups and indexed options
+        let optionIndex = 0;
+        const groupsAndOptions: (Group | IndexedOption)[] = [];
+        for (const [groupName, options] of groupedOptions) {
+            if (groupName !== 'ungrouped') {
+                groupsAndOptions.push({ type: 'group', name: groupName });
+            }
+
+            for (const option of options) {
+                groupsAndOptions.push({ ...option, index: optionIndex++ });
+            }
+        }
+
+        return groupsAndOptions;
+    };
+
+    $: groupsAndOptions = getGroupsAndOptions(options);
+
+    const getOptionClickHandler = (option: IndexedOption) => () => {
+        triggerOption(option);
+    };
+
+    const getOptionFocusHandler = (option: IndexedOption) => () => {
+        selected = option.index;
+    };
+
+    const castOption = (option: IndexedOption) => option as Option;
 </script>
 
 <svelte:window on:keydown={handleKeyDown} />
@@ -97,36 +149,41 @@
     class:press={!$commandCenterCtx.isInitialPanel}
     class:scale-up={$commandCenterCtx.isInitialPanel && $commandCenterCtx.open}>
     <div class="u-flex u-flex-vertical u-width-full-line u-overflow-hidden">
-        <div class="u-flex search-wrapper">
-            <slot name="search">
+        <slot name="search">
+            <div class="u-flex search-wrapper">
                 <input
                     type="text"
                     placeholder="Search for commands..."
                     autofocus
                     bind:value={search} />
-            </slot>
-        </div>
+            </div>
+        </slot>
 
-        {#if options}
+        {#if groupsAndOptions}
             <ul class="options u-margin-block-start-16 u-flex u-flex-vertical u-gap-8">
-                {#each options as option, i}
-                    <li class="result" data-selected={selected === i ? true : undefined}>
-                        {#if selected === i}
-                            <div
-                                class="bg"
-                                in:send|local={{ key: 'bg' }}
-                                out:receive|local={{ key: 'bg' }} />
-                        {/if}
-                        <button
-                            class="option"
-                            on:click={() => {
-                                triggerOption(option);
-                            }}
-                            on:mouseover={() => (selected = i)}
-                            on:focus={() => (selected = i)}>
-                            <slot name="option" {option} />
-                        </button>
-                    </li>
+                {#each groupsAndOptions as item}
+                    {@const isSelected = !isGroup(item) && item.index === selected}
+                    {#if isGroup(item)}
+                        <li class="group eyebrow-heading-3">
+                            {item.name}
+                        </li>
+                    {:else}
+                        <li class="result" data-selected={isSelected ? true : undefined}>
+                            {#if isSelected}
+                                <div
+                                    class="bg"
+                                    in:send|local={{ key: 'bg' }}
+                                    out:receive|local={{ key: 'bg' }} />
+                            {/if}
+                            <button
+                                class="option"
+                                on:click={getOptionClickHandler(item)}
+                                on:mouseover={getOptionFocusHandler(item)}
+                                on:focus={getOptionFocusHandler(item)}>
+                                <slot name="option" option={castOption(item)} />
+                            </button>
+                        </li>
+                    {/if}
                 {:else}
                     <li class="result">
                         <slot name="no-options">
@@ -209,6 +266,13 @@
         background-color: transparent;
     }
 
+    .group {
+        color: hsl(var(--color-neutral-70));
+        margin-inline-start: 0.25rem;
+        position: relative;
+        z-index: 10;
+    }
+
     .result {
         transition: 150ms;
         position: relative;
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 2245e8bf0..ebc8a9eba 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -39,7 +39,8 @@
             },
             keys: ['a'],
             ctrl: true,
-            shift: true
+            shift: true,
+            group: 'navigation'
         },
         {
             label: 'Go to Home',
@@ -48,7 +49,8 @@
             },
             keys: ['g', 'h'],
             // Check if pathname not like /console/organization-6374c26ba90067a6315d
-            disabled: $page.url.pathname.includes('/console/organization-')
+            disabled: $page.url.pathname.includes('/console/organization-'),
+            group: 'navigation'
         }
     ]);
 
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index 1df72acc7..e7e31843e 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -2,7 +2,7 @@
     import { goto } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
-    import { registerCommands } from '$lib/commandCenter';
+    import { Command, registerCommands } from '$lib/commandCenter';
     import { CardContainer, Empty, GridItem1, Heading, PaginationWithLimit } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
@@ -48,12 +48,13 @@
     }
 
     $: $registerCommands([
-        ...data.projects.projects.map((project, i) => ({
+        ...data.projects.projects.map<Command>((project, i) => ({
             label: `Project ${project.name}`,
             callback: () => {
                 goto(`/console/project-${project.$id}`);
             },
-            keys: ['p', `${i + 1}`]
+            keys: ['p', `${i + 1}`],
+            group: 'project'
         })),
         {
             label: 'Create project',
@@ -61,7 +62,8 @@
                 showCreate = true;
             },
             keys: ['c'],
-            disabled: showCreate
+            disabled: showCreate,
+            group: 'project'
         }
     ]);
 </script>
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 69cade632..1b78929e4 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -20,11 +20,11 @@
     $: $registerCommands([
         {
             label: 'Go to Overview',
-            keys: ['g', 'o'],
-
             callback: () => {
                 goto(`/console/project-${$project.$id}`);
-            }
+            },
+            keys: ['g', 'o'],
+            group: 'navigation'
         },
 
         {
@@ -32,28 +32,32 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/auth`);
             },
-            keys: ['g', 'a']
+            keys: ['g', 'a'],
+            group: 'navigation'
         },
         {
             label: 'Go to Databases',
             callback: () => {
                 goto(`/console/project-${$project.$id}/databases`);
             },
-            keys: ['g', 'd']
+            keys: ['g', 'd'],
+            group: 'navigation'
         },
         {
             label: 'Go to Functions',
             callback: () => {
                 goto(`/console/project-${$project.$id}/functions`);
             },
-            keys: ['g', 'f']
+            keys: ['g', 'f'],
+            group: 'navigation'
         },
         {
             label: 'Go to Storage',
             callback: () => {
                 goto(`/console/project-${$project.$id}/storage`);
             },
-            keys: ['g', 's']
+            keys: ['g', 's'],
+            group: 'navigation'
         }
     ]);
 </script>
diff --git a/src/routes/console/project-[project]/auth/+page.svelte b/src/routes/console/project-[project]/auth/+page.svelte
index 3aa6c74be..60ff10d36 100644
--- a/src/routes/console/project-[project]/auth/+page.svelte
+++ b/src/routes/console/project-[project]/auth/+page.svelte
@@ -44,14 +44,16 @@
                 showCreate = true;
             },
             keys: ['c'],
-            disabled: showCreate
+            disabled: showCreate,
+            group: 'auth'
         },
         {
             label: 'Go to Overview',
             callback: () => {
                 goto(`${base}/console/project-${$project.$id}/overview`);
             },
-            keys: ['o']
+            keys: ['o'],
+            group: 'navigation'
         }
     ]);
 </script>

From 1ee4daf10d1cf12317428c2f70077aabc179de15 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 21 Jun 2023 16:42:19 +0100
Subject: [PATCH 033/128] feat: basic search functionality

---
 src/lib/commandCenter/panels/root.svelte | 62 +++++++++++++++++-------
 1 file changed, 45 insertions(+), 17 deletions(-)

diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
index 91405cd77..5e45e829c 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -2,19 +2,45 @@
     This is the root command panel. It precedes all other command panels.
  -->
 <script lang="ts">
-    import { commands } from '../commands';
+    import { commands, type Command } from '../commands';
     import { isMac } from '$lib/helpers/platform';
     import Template from './template.svelte';
+    import { sdk } from '$lib/stores/sdk';
+    import { Query } from '@appwrite.io/console';
+    import { goto } from '$app/navigation';
+    import { project } from '$routes/console/project-[project]/store';
 
     let search = '';
 
-    $: results = $commands.filter((command) => {
-        return (
-            !command.disabled &&
-            command.label &&
-            command.label.toLowerCase().includes(search.toLowerCase())
-        );
-    });
+    let searchResults: Omit<Command, 'keys'>[] = [];
+    async function executeSearch(s: string) {
+        const { databases } = await sdk.forProject.databases.list([Query.limit(20)]);
+        console.log(databases.filter((db) => db.name.includes(s)));
+        searchResults = databases
+            .filter((db) => db.name.includes(s))
+            .map((db) => {
+                return {
+                    label: db.name,
+                    callback: () => {
+                        goto(`/console/project-${$project.$id}/databases/${db.$id}`);
+                    },
+                    group: 'databases'
+                };
+            });
+    }
+
+    $: executeSearch(search);
+
+    $: results = [
+        ...$commands.filter((command) => {
+            return (
+                !command.disabled &&
+                command.label &&
+                command.label.toLowerCase().includes(search.toLowerCase())
+            );
+        }),
+        ...searchResults
+    ];
 </script>
 
 <Template options={results} bind:search>
@@ -32,16 +58,18 @@
             {#if command.alt}
                 <kbd class="kbd"> {isMac() ? '⌥' : 'alt'} </kbd>
             {/if}
-            {#each command.keys as key, i}
-                {@const hasNext = command.keys.length - 1 !== i}
+            {#if commands.keys}
+                {#each command.keys as key, i}
+                    {@const hasNext = command.keys.length - 1 !== i}
 
-                <kbd class="kbd">
-                    {key.toUpperCase()}
-                </kbd>
-                {#if hasNext}
-                    <span class="u-margin-inline-4" style:opacity={0.5}>then</span>
-                {/if}
-            {/each}
+                    <kbd class="kbd">
+                        {key.toUpperCase()}
+                    </kbd>
+                    {#if hasNext}
+                        <span class="u-margin-inline-4" style:opacity={0.5}>then</span>
+                    {/if}
+                {/each}
+            {/if}
         </div>
     </div>
     <svelte:fragment slot="no-options">No commands found</svelte:fragment>

From bd3c0866d05524bb5e1c2f7a399967d260453772 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 21 Jun 2023 17:04:32 +0100
Subject: [PATCH 034/128] feat: improve search

---
 src/lib/commandCenter/panels/root.svelte | 66 ++++++++++++++++++------
 src/lib/helpers/debounce.ts              | 12 ++---
 2 files changed, 55 insertions(+), 23 deletions(-)

diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
index 5e45e829c..622919fa9 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -9,27 +9,59 @@
     import { Query } from '@appwrite.io/console';
     import { goto } from '$app/navigation';
     import { project } from '$routes/console/project-[project]/store';
+    import { database } from '$routes/console/project-[project]/databases/database-[database]/store';
+    import { debounce } from '$lib/helpers/debounce';
 
     let search = '';
 
     let searchResults: Omit<Command, 'keys'>[] = [];
-    async function executeSearch(s: string) {
+    const executeSearch = debounce(async (s: string) => {
+        const newResults: typeof searchResults = [];
         const { databases } = await sdk.forProject.databases.list([Query.limit(20)]);
-        console.log(databases.filter((db) => db.name.includes(s)));
-        searchResults = databases
-            .filter((db) => db.name.includes(s))
-            .map((db) => {
-                return {
-                    label: db.name,
-                    callback: () => {
-                        goto(`/console/project-${$project.$id}/databases/${db.$id}`);
-                    },
-                    group: 'databases'
-                };
-            });
-    }
+        newResults.push(
+            ...databases
+                .filter((db) => db.name.includes(s))
+                .map((db) => {
+                    return {
+                        label: `Go to ${db.name} database`,
+                        callback: () => {
+                            goto(`/console/project-${$project.$id}/databases/database-${db.$id}`);
+                        },
+                        group: 'databases'
+                    } as const;
+                })
+        );
 
-    $: executeSearch(search);
+        if ($database?.$id) {
+            const { collections } = await sdk.forProject.databases.listCollections($database.$id, [
+                Query.limit(20)
+            ]);
+            newResults.push(
+                ...collections
+                    .filter((collection) => collection.name.includes(s))
+                    .map((collection) => {
+                        return {
+                            label: `Go to ${collection.name} collection`,
+                            callback: () => {
+                                goto(
+                                    `/console/project-${$project.$id}/databases/database-${$database.$id}/collection-${collection.$id}`
+                                );
+                            },
+                            group: 'databases'
+                        } as const;
+                    })
+            );
+        }
+
+        searchResults = [...newResults];
+    }, 500);
+
+    $: {
+        if (search) {
+            searchResults = [];
+            executeSearch(search);
+        } else searchResults = [];
+    }
 
     $: results = [
         ...$commands.filter((command) => {
@@ -40,7 +72,7 @@
             );
         }),
         ...searchResults
-    ];
+    ] as Array<Command | Omit<Command, 'keys'>>;
 </script>
 
 <Template options={results} bind:search>
@@ -58,7 +90,7 @@
             {#if command.alt}
                 <kbd class="kbd"> {isMac() ? '⌥' : 'alt'} </kbd>
             {/if}
-            {#if commands.keys}
+            {#if 'keys' in command}
                 {#each command.keys as key, i}
                     {@const hasNext = command.keys.length - 1 !== i}
 
diff --git a/src/lib/helpers/debounce.ts b/src/lib/helpers/debounce.ts
index bc6942d12..bb9ea7a32 100644
--- a/src/lib/helpers/debounce.ts
+++ b/src/lib/helpers/debounce.ts
@@ -1,7 +1,7 @@
-export function debounce(fn: () => void, ms: number) {
-    let timeout: NodeJS.Timeout;
-    return () => {
-        clearTimeout(timeout);
-        timeout = setTimeout(fn, ms);
-    };
+export function debounce<F extends (...params: any[]) => void>(fn: F, delay: number) {
+    let timeoutID: ReturnType<typeof setTimeout> = null;
+    return function (this: any, ...args: any[]) {
+        clearTimeout(timeoutID);
+        timeoutID = window.setTimeout(() => fn.apply(this, args), delay);
+    } as F;
 }

From 7a6a44da219628b6b1c5d3c8eb5e9c7925167201 Mon Sep 17 00:00:00 2001
From: Bradley Schofield <bradley@appwrite.io>
Date: Mon, 3 Jul 2023 11:52:17 +0100
Subject: [PATCH 035/128] Update imports

---
 .vscode/settings.json                         |  3 +-
 package-lock.json                             |  8 +--
 package.json                                  |  2 +-
 src/lib/constants.ts                          | 10 +++
 src/lib/stores/app.ts                         |  4 +-
 src/lib/stores/sdk.ts                         |  6 +-
 .../settings/migrations/(import)/index.ts     | 68 +++++++++----------
 .../migrations/(import)/wizard.svelte         | 34 +++++++---
 .../settings/migrations/+page.svelte          | 10 +--
 .../settings/migrations/+page.ts              |  4 +-
 svelte.config.js                              |  6 +-
 tsconfig.json                                 |  8 +--
 vite.config.ts                                |  2 +-
 13 files changed, 93 insertions(+), 72 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 7a73a41bf..0967ef424 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,2 +1 @@
-{
-}
\ No newline at end of file
+{}
diff --git a/package-lock.json b/package-lock.json
index 2fd48112c..5e9d34e1b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,7 +7,7 @@
             "name": "@appwrite/console",
             "dependencies": {
                 "@analytics/google-analytics": "^1.0.5",
-                "@appwrite.io/console": "0.1.0",
+                "@appwrite.io/console": "^0.1.1",
                 "@appwrite.io/pink": "^0.0.6-rc.14",
                 "@popperjs/core": "^2.11.6",
                 "@sentry/svelte": "^7.44.2",
@@ -147,9 +147,9 @@
             "integrity": "sha512-1Yw7u/COtxx06BfwlI+kVhsa/upKYzmCNrT4c8QDeCY2KMYlnijkUjtHiPU08HxyTIVB5j6d75O0YWVIHwQS8g=="
         },
         "node_modules/@appwrite.io/console": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/@appwrite.io/console/-/console-0.1.0.tgz",
-            "integrity": "sha512-GzCRUmaXAVgpGwxBNI3PrtCLHz7CM+epBHDDTHw8B2u61KbijGBO3GrwreXy91fy00RJiEzGlMSRzDgwsF3Tsg==",
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/@appwrite.io/console/-/console-0.1.1.tgz",
+            "integrity": "sha512-7aBh/8QxKmaMsP9tVJgNsrOBstuikKasSUoSyRNxblK3J/OdPXnQRInZELT9uaK+vqjZaCYspA3B+5UH+DZ9Dw==",
             "dependencies": {
                 "cross-fetch": "3.1.5",
                 "isomorphic-form-data": "2.0.0"
diff --git a/package.json b/package.json
index 2a9ce4161..71ceda1f8 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@analytics/google-analytics": "^1.0.5",
-        "@appwrite.io/console": "0.1.0",
+        "@appwrite.io/console": "^0.1.1",
         "@appwrite.io/pink": "^0.0.6-rc.14",
         "@popperjs/core": "^2.11.6",
         "@sentry/svelte": "^7.44.2",
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 8c387aa82..ccdf6c6a0 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -169,6 +169,16 @@ export const scopes: {
         scope: 'health.read',
         description: "Access to read your project's health status",
         category: 'Other'
+    },
+    {
+        scope: 'migrations.read',
+        description: "Access to read your project's migration status",
+        category: 'Other'
+    },
+    {
+        scope: 'migrations.write',
+        description: 'Access to create migrations',
+        category: 'Other'
     }
 ];
 
diff --git a/src/lib/stores/app.ts b/src/lib/stores/app.ts
index 0931a7915..2ca46f625 100644
--- a/src/lib/stores/app.ts
+++ b/src/lib/stores/app.ts
@@ -23,8 +23,8 @@ export const app = writable<AppStore>({
 export const iconPath = derived(app, ($app) => {
     return (name: string, type: 'color' | 'grayscale') => {
         return `/icons/${$app.themeInUse}/${type}/${name}.svg`;
-    }
-})
+    };
+});
 
 function createFeedbackStore() {
     const { subscribe, update } = writable<Feedback>({
diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index d79e6e25d..56e907bc7 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -13,7 +13,7 @@ import {
     Storage,
     Teams,
     Users,
-    Imports
+    Migrations
 } from '@appwrite.io/console';
 
 const endpoint = VARS.APPWRITE_ENDPOINT ?? `${globalThis?.location?.origin}/v1`;
@@ -35,7 +35,7 @@ const sdkForProject = {
     storage: new Storage(clientProject),
     teams: new Teams(clientProject),
     users: new Users(clientProject),
-    imports: new Imports(clientProject)
+    migrations: new Migrations(clientProject)
 };
 
 export const sdk = {
@@ -49,7 +49,7 @@ export const sdk = {
         projects: new Projects(clientConsole),
         teams: new Teams(clientConsole),
         users: new Users(clientConsole),
-        imports: new Imports(clientConsole)
+        migrations: new Migrations(clientConsole)
     },
     get forProject() {
         const projectId = getProjectId();
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
index 599be6880..28d0d8ac1 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
@@ -21,8 +21,6 @@ type SupabaseInput = {
     port?: number;
     username?: string;
     password?: string;
-    endpoint?: string;
-    apiKey?: string;
 };
 
 type NhostInput = {
@@ -31,20 +29,22 @@ type NhostInput = {
     port?: number;
     username?: string;
     password?: string;
-    endpoint?: string;
-    apiKey?: string;
 };
 
 type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
 
-const initialProvider: ProviderInput = { provider: 'appwrite' };
+const initialProvider: ProviderInput = { provider: '' };
 const mockProvider: ProviderInput = {
-    provider: 'appwrite',
-    endpoint: 'https://torsten.appwrite.org/v1',
-    apiKey: '34c94260f05d44325aefe025acb33fc1f814647e9fa87050b8751f1182f7cf4a8e2aed09e9b29477fafedb3d0c71e46478e8b9f0bcab3604ff927972deeaaf99272ab63cc30a087fc1e09a86a4d8e3363caf88b9e003e0e7321e6021f90fa147468e5caa1bb43e8fef5ca0d8b2e048272f37f7b1c001a19524b21bc41d9ac2bd',
-    projectID: '642c3cddd42da42e1bc6'
+    provider: '',
+    endpoint: '',
+    apiKey: '',
+    projectID: '',
+    host: '',
+    port: '',
+    username: '',
+    password: ''
 };
-export const provider = writable<ProviderInput>({ ...mockProvider });
+export const provider = writable<ProviderInput>({ ...initialProvider });
 
 const initialFormData = {
     users: {
@@ -68,48 +68,48 @@ type FormData = typeof initialFormData;
 export const formData = writable({ ...initialFormData });
 
 type Resource =
-    | 'user'
-    | 'team'
-    | 'teammembership'
-    | 'file'
-    | 'bucket'
-    | 'function'
-    | 'envvar'
-    | 'deployment'
-    | 'database'
-    | 'collection'
-    | 'index'
-    | 'attribute'
-    | 'document';
+    | 'User'
+    | 'Team'
+    | 'Membership'
+    | 'File'
+    | 'Bucket'
+    | 'Function'
+    | 'EnvVar'
+    | 'Deployment'
+    | 'Database'
+    | 'Collection'
+    | 'Index'
+    | 'Attribute'
+    | 'Document';
 
 export const formDataToResources = (formData: FormData): Resource[] => {
     const resources: Resource[] = [];
     if (formData.users.root) {
-        resources.push('user');
+        resources.push('User');
     }
     if (formData.users.teams) {
-        resources.push('team');
-        resources.push('teammembership');
+        resources.push('Team');
+        resources.push('Membership');
     }
     if (formData.databases.root) {
-        resources.push('database');
+        resources.push('Database');
     }
     if (formData.databases.documents) {
-        resources.push('collection');
-        resources.push('document');
+        resources.push('Collection');
+        resources.push('Document');
     }
     if (formData.functions.root) {
-        resources.push('function');
+        resources.push('Function');
     }
     if (formData.functions.env) {
-        resources.push('envvar');
+        resources.push('EnvVar');
     }
     if (formData.functions.inactive) {
-        resources.push('deployment');
+        resources.push('Deployment');
     }
     if (formData.storage.root) {
-        resources.push('bucket');
-        resources.push('file');
+        resources.push('Bucket');
+        resources.push('File');
     }
 
     return resources;
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index b4d0dbd74..3be65b14c 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -16,15 +16,31 @@
 
     const onFinish = async () => {
         const resources = formDataToResources($formData);
-        if ($provider.provider === 'appwrite') {
-            const res = await sdk.forProject.imports.importAppwrite(
-                resources,
-                $provider.endpoint,
-                $provider.projectID,
-                $provider.apiKey
-            );
-            console.log(res);
-            invalidate(Dependencies.MIGRATIONS);
+        switch ($provider.provider) {
+            case 'appwrite': {
+                const res = await sdk.forProject.migrations.migrationAppwrite(
+                    resources,
+                    $provider.endpoint,
+                    $provider.projectID,
+                    $provider.apiKey
+                );
+                console.log(res);
+                invalidate(Dependencies.MIGRATIONS);
+                break;
+            }
+            case 'supabase': {
+                const res = await sdk.forProject.migrations.migrationSupabase(
+                    resources,
+                    $provider.endpoint,
+                    $provider.apiKey,
+                    $provider.host,
+                    $provider.username,
+                    $provider.password,
+                    $provider.port
+                );
+                console.log(res);
+                invalidate(Dependencies.MIGRATIONS);
+            }
         }
         resetImportStores();
         wizard.hide();
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index 8179c4ca8..9b5f2be08 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -26,11 +26,11 @@
     let showDetails = false;
     let showCloudExport = false;
 
-    const mockImport = async () => {
-        console.log(await sdk.forProject.imports.list());
+    const mockMigrate = async () => {
+        console.log(await sdk.forProject.migrations.list());
     };
 
-    mockImport();
+    mockMigrate();
 
     const getStatus = (status: string) => {
         if (status === 'failed') {
@@ -116,7 +116,7 @@
                 Import data from other products or from a different Appwrite instance
             </p>
             <svelte:fragment slot="aside">
-                {#if data.imports.length}
+                {#if data.migrations.length}
                     <div class="u-flex">
                         <div style="margin-inline-start: auto;">
                             <Button secondary on:click={openImportWizard}>Import data</Button>
@@ -131,7 +131,7 @@
                             <TableCellHead />
                         </TableHeader>
                         <TableBody>
-                            {#each data.imports as entry}
+                            {#each data.migrations as entry}
                                 <TableRow>
                                     {@const source = capitalize(JSON.parse(entry.source).type)}
                                     {@const status = getStatus(entry.status)}
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index fe38293d4..856641313 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -4,9 +4,9 @@ import { sdk } from '$lib/stores/sdk';
 export async function load({ depends }) {
     depends(Dependencies.MIGRATIONS);
 
-    // const { imports } = await sdk.forProject.imports.list();
+    // const { migrations } = await sdk.forProject.migrations.list();
 
     return {
-        imports: []
+        migrations: []
     };
 }
diff --git a/svelte.config.js b/svelte.config.js
index d69619e0a..4e906d83b 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -18,13 +18,13 @@ const config = {
         }),
         paths: {
             base: ''
-        },
+        }
     },
     vitePlugin: {
         experimental: {
-            inspector: true,
+            inspector: true
         }
-     },
+    }
 };
 
 export default config;
diff --git a/tsconfig.json b/tsconfig.json
index 889c88e44..f387042e9 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,11 +1,7 @@
 {
     "extends": "./.svelte-kit/tsconfig.json",
     "compilerOptions": {
-        "lib": [
-            "webworker",
-            "DOM",
-            "ESNext"
-        ],
+        "lib": ["webworker", "DOM", "ESNext"],
         "module": "ESNext",
         "target": "ESNext",
         "moduleResolution": "Node",
@@ -16,4 +12,4 @@
         "esModuleInterop": true,
         "resolveJsonModule": true
     }
-}
\ No newline at end of file
+}
diff --git a/vite.config.ts b/vite.config.ts
index 424cb6214..58cca1678 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -17,7 +17,7 @@ const config = defineConfig({
     },
     server: {
         port: 3000
-    },
+    }
 });
 
 const testConfig = defineConfig({

From f32e1d58b53b48d2131cae1eb26b7235b3352d92 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 3 Jul 2023 13:19:48 +0100
Subject: [PATCH 036/128] refactor: migrations

---
 package.json                                  |  2 +-
 src/lib/constants.ts                          | 10 ++++
 .../settings/migrations/(import)/index.ts     | 48 +++++++++----------
 .../migrations/(import)/wizard.svelte         | 34 +++++++++----
 .../settings/migrations/+page.svelte          |  4 +-
 .../settings/migrations/+page.ts              |  2 +-
 6 files changed, 63 insertions(+), 37 deletions(-)

diff --git a/package.json b/package.json
index 2a9ce4161..71ceda1f8 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@analytics/google-analytics": "^1.0.5",
-        "@appwrite.io/console": "0.1.0",
+        "@appwrite.io/console": "^0.1.1",
         "@appwrite.io/pink": "^0.0.6-rc.14",
         "@popperjs/core": "^2.11.6",
         "@sentry/svelte": "^7.44.2",
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 8c387aa82..ccdf6c6a0 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -169,6 +169,16 @@ export const scopes: {
         scope: 'health.read',
         description: "Access to read your project's health status",
         category: 'Other'
+    },
+    {
+        scope: 'migrations.read',
+        description: "Access to read your project's migration status",
+        category: 'Other'
+    },
+    {
+        scope: 'migrations.write',
+        description: 'Access to create migrations',
+        category: 'Other'
     }
 ];
 
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
index b2b860bd9..acb8feba2 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
@@ -73,48 +73,48 @@ type FormData = typeof initialFormData;
 export const formData = writable({ ...initialFormData });
 
 type Resource =
-    | 'user'
-    | 'team'
-    | 'teammembership'
-    | 'file'
-    | 'bucket'
-    | 'function'
-    | 'envvar'
-    | 'deployment'
-    | 'database'
-    | 'collection'
-    | 'index'
-    | 'attribute'
-    | 'document';
+    | 'User'
+    | 'Team'
+    | 'Membership'
+    | 'File'
+    | 'Bucket'
+    | 'Function'
+    | 'EnvVar'
+    | 'Deployment'
+    | 'Database'
+    | 'Collection'
+    | 'Index'
+    | 'Attribute'
+    | 'Document';
 
 export const formDataToResources = (formData: FormData): Resource[] => {
     const resources: Resource[] = [];
     if (formData.users.root) {
-        resources.push('user');
+        resources.push('User');
     }
     if (formData.users.teams) {
-        resources.push('team');
-        resources.push('teammembership');
+        resources.push('Team');
+        resources.push('Membership');
     }
     if (formData.databases.root) {
-        resources.push('database');
+        resources.push('Database');
     }
     if (formData.databases.documents) {
-        resources.push('collection');
-        resources.push('document');
+        resources.push('Collection');
+        resources.push('Document');
     }
     if (formData.functions.root) {
-        resources.push('function');
+        resources.push('Function');
     }
     if (formData.functions.env) {
-        resources.push('envvar');
+        resources.push('EnvVar');
     }
     if (formData.functions.inactive) {
-        resources.push('deployment');
+        resources.push('Deployment');
     }
     if (formData.storage.root) {
-        resources.push('bucket');
-        resources.push('file');
+        resources.push('Bucket');
+        resources.push('File');
     }
 
     return resources;
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 54c80ba7a..3be65b14c 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -16,15 +16,31 @@
 
     const onFinish = async () => {
         const resources = formDataToResources($formData);
-        if ($provider.provider === 'appwrite') {
-            const res = await sdk.forProject.migrations.importAppwrite(
-                resources,
-                $provider.endpoint,
-                $provider.projectID,
-                $provider.apiKey
-            );
-            console.log(res);
-            invalidate(Dependencies.MIGRATIONS);
+        switch ($provider.provider) {
+            case 'appwrite': {
+                const res = await sdk.forProject.migrations.migrationAppwrite(
+                    resources,
+                    $provider.endpoint,
+                    $provider.projectID,
+                    $provider.apiKey
+                );
+                console.log(res);
+                invalidate(Dependencies.MIGRATIONS);
+                break;
+            }
+            case 'supabase': {
+                const res = await sdk.forProject.migrations.migrationSupabase(
+                    resources,
+                    $provider.endpoint,
+                    $provider.apiKey,
+                    $provider.host,
+                    $provider.username,
+                    $provider.password,
+                    $provider.port
+                );
+                console.log(res);
+                invalidate(Dependencies.MIGRATIONS);
+            }
         }
         resetImportStores();
         wizard.hide();
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index ff7b28c8d..9b5f2be08 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -26,11 +26,11 @@
     let showDetails = false;
     let showCloudExport = false;
 
-    const mockImport = async () => {
+    const mockMigrate = async () => {
         console.log(await sdk.forProject.migrations.list());
     };
 
-    mockImport();
+    mockMigrate();
 
     const getStatus = (status: string) => {
         if (status === 'failed') {
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index 95cb09514..856641313 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -4,7 +4,7 @@ import { sdk } from '$lib/stores/sdk';
 export async function load({ depends }) {
     depends(Dependencies.MIGRATIONS);
 
-    const { migrations } = await sdk.forProject.migrations.list();
+    // const { migrations } = await sdk.forProject.migrations.list();
 
     return {
         migrations: []

From 2bfd69322443894e9232113b10645231e3f5a1c2 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 3 Jul 2023 14:07:03 +0100
Subject: [PATCH 037/128] feat: command center icons

---
 src/lib/commandCenter/commands.ts                        | 1 +
 src/lib/commandCenter/panels/root.svelte                 | 9 ++++++---
 src/routes/console/+layout.svelte                        | 3 ++-
 .../console/organization-[organization]/+page.svelte     | 5 +++--
 src/routes/console/project-[project]/auth/+page.svelte   | 3 ++-
 .../console/project-[project]/databases/+page.svelte     | 3 ++-
 .../console/project-[project]/functions/+page.svelte     | 3 ++-
 .../project-[project]/overview/platforms/+page.svelte    | 3 ++-
 .../console/project-[project]/storage/+page.svelte       | 3 ++-
 9 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 1e7907f4f..8782f8dc0 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -27,6 +27,7 @@ export type Command = {
     disabled?: boolean;
     forceEnable?: boolean;
     group?: CommandGroup;
+    icon?: string;
 };
 
 export const commandMap = writable<Map<string, Command[]>>(new Map());
diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
index 622919fa9..1e4a0f4a2 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -77,9 +77,12 @@
 
 <Template options={results} bind:search>
     <div slot="option" class="u-flex u-main-space-between content" let:option={command}>
-        <span>
-            {command.label}
-        </span>
+        <div class="u-flex u-gap-8 u-cross-center">
+            <i class="icon-{command.icon ?? 'arrow-sm-right'}" />
+            <span>
+                {command.label}
+            </span>
+        </div>
         <div class="u-flex u-gap-4 u-cross-center">
             {#if command.ctrl}
                 <kbd class="kbd"> {isMac() ? '⌘' : 'ctrl'} </kbd>
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index ebc8a9eba..97155286f 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -30,7 +30,8 @@
                     component: AI
                 });
             },
-            keys: ['a', 'i']
+            keys: ['a', 'i'],
+            icon: 'light-bulb'
         },
         {
             label: 'Go to Account',
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index e7e31843e..7eb42b7e2 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -2,7 +2,7 @@
     import { goto } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
-    import { Command, registerCommands } from '$lib/commandCenter';
+    import { type Command, registerCommands } from '$lib/commandCenter';
     import { CardContainer, Empty, GridItem1, Heading, PaginationWithLimit } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
@@ -63,7 +63,8 @@
             },
             keys: ['c'],
             disabled: showCreate,
-            group: 'project'
+            group: 'project',
+            icon: 'plus'
         }
     ]);
 </script>
diff --git a/src/routes/console/project-[project]/auth/+page.svelte b/src/routes/console/project-[project]/auth/+page.svelte
index 60ff10d36..d244a7c1c 100644
--- a/src/routes/console/project-[project]/auth/+page.svelte
+++ b/src/routes/console/project-[project]/auth/+page.svelte
@@ -45,7 +45,8 @@
             },
             keys: ['c'],
             disabled: showCreate,
-            group: 'auth'
+            group: 'auth',
+            icon: 'plus'
         },
         {
             label: 'Go to Overview',
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index 6175f1a05..b76da7f29 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -31,7 +31,8 @@
                 showCreate = true;
             },
             keys: ['c'],
-            disabled: showCreate
+            disabled: showCreate,
+            icon: 'plus'
         }
     ]);
 </script>
diff --git a/src/routes/console/project-[project]/functions/+page.svelte b/src/routes/console/project-[project]/functions/+page.svelte
index 341eeec1b..e043782d4 100644
--- a/src/routes/console/project-[project]/functions/+page.svelte
+++ b/src/routes/console/project-[project]/functions/+page.svelte
@@ -40,7 +40,8 @@
             label: 'Create function',
             callback: openWizard,
             keys: ['c'],
-            disabled: $wizard.show
+            disabled: $wizard.show,
+            icon: 'plus'
         }
     ]);
 </script>
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index 959aafe08..2930bbd44 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -76,7 +76,8 @@
         {
             label: 'Create Web App',
             callback: () => addPlatform(Platform.Web),
-            keys: ['c']
+            keys: ['c'],
+            icon: 'plus'
         }
     ]);
 </script>
diff --git a/src/routes/console/project-[project]/storage/+page.svelte b/src/routes/console/project-[project]/storage/+page.svelte
index 29eea87f5..527af84c4 100644
--- a/src/routes/console/project-[project]/storage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/+page.svelte
@@ -37,7 +37,8 @@
                 showCreate = true;
             },
             keys: ['c'],
-            disabled: showCreate
+            disabled: showCreate,
+            icon: 'plus'
         }
     ]);
 </script>

From 21de81de00dbd125235b84743f7b4863f58f6825 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 5 Jul 2023 17:21:40 +0100
Subject: [PATCH 038/128] refactor: details modal & self-hosted screens

---
 package-lock.json                             |   8 +-
 .../settings/migrations/+page.svelte          | 226 +++++++-----------
 .../settings/migrations/+page.ts              |   4 +-
 .../settings/migrations/details.svelte        | 138 ++++++-----
 4 files changed, 162 insertions(+), 214 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2fd48112c..5e9d34e1b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,7 +7,7 @@
             "name": "@appwrite/console",
             "dependencies": {
                 "@analytics/google-analytics": "^1.0.5",
-                "@appwrite.io/console": "0.1.0",
+                "@appwrite.io/console": "^0.1.1",
                 "@appwrite.io/pink": "^0.0.6-rc.14",
                 "@popperjs/core": "^2.11.6",
                 "@sentry/svelte": "^7.44.2",
@@ -147,9 +147,9 @@
             "integrity": "sha512-1Yw7u/COtxx06BfwlI+kVhsa/upKYzmCNrT4c8QDeCY2KMYlnijkUjtHiPU08HxyTIVB5j6d75O0YWVIHwQS8g=="
         },
         "node_modules/@appwrite.io/console": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/@appwrite.io/console/-/console-0.1.0.tgz",
-            "integrity": "sha512-GzCRUmaXAVgpGwxBNI3PrtCLHz7CM+epBHDDTHw8B2u61KbijGBO3GrwreXy91fy00RJiEzGlMSRzDgwsF3Tsg==",
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/@appwrite.io/console/-/console-0.1.1.tgz",
+            "integrity": "sha512-7aBh/8QxKmaMsP9tVJgNsrOBstuikKasSUoSyRNxblK3J/OdPXnQRInZELT9uaK+vqjZaCYspA3B+5UH+DZ9Dw==",
             "dependencies": {
                 "cross-fetch": "3.1.5",
                 "isomorphic-form-data": "2.0.0"
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index 9b5f2be08..bfd194561 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -16,14 +16,13 @@
     import { isSameDay, toLocaleDate } from '$lib/helpers/date';
     import { capitalize } from '$lib/helpers/string';
     import { Container } from '$lib/layout';
-    import { migrator } from '$lib/stores/migrator';
     import { sdk } from '$lib/stores/sdk';
     import { isSelfHosted } from '$lib/system';
     import { openImportWizard } from './(import)';
     import Details from './details.svelte';
 
     export let data;
-    let showDetails = false;
+    let details: (typeof data.migrations)[number] | null = null;
     let showCloudExport = false;
 
     const mockMigrate = async () => {
@@ -34,7 +33,7 @@
 
     const getStatus = (status: string) => {
         if (status === 'failed') {
-            return { text: 'Failed', icon: 'clock', iconColor: 'blue' };
+            return { text: 'Failed', icon: 'exclamation', iconColor: 'danger' };
         }
 
         return { text: 'Pending', icon: 'clock', iconColor: 'blue' };
@@ -43,54 +42,93 @@
 
 <Container>
     <Heading tag="h2" size="5">Migrations</Heading>
-    {#if isSelfHosted}
-        <CardGrid>
-            <Heading tag="h3" size="7">Import project data</Heading>
-            <p class="text">
-                Import project data from Cloud to your self-hosted project. Initiate the process of
-                importing project data from the migrations settings of your Cloud project.
-            </p>
-            <svelte:fragment slot="aside">
-                {#if $migrator.status === 'idle'}
-                    <div class="u-flex">
-                        <div style="margin-inline-start: auto;">
-                            <Button secondary on:click={openImportWizard}>Import data</Button>
-                        </div>
-                    </div>
 
-                    <Table noStyles>
-                        <TableHeader>
-                            <TableCellHead>Date</TableCellHead>
-                            <TableCellHead>Source</TableCellHead>
-                            <TableCellHead>Status</TableCellHead>
-                            <TableCellHead />
-                        </TableHeader>
-                        <TableBody>
-                            <TableCell title="Data">Today</TableCell>
-                            <TableCell title="Source">Heaven</TableCell>
-                            <TableCell title="Status">Awesome</TableCell>
-                            <TableCell title="">
-                                <Button secondary on:click={() => (showDetails = true)}
-                                    >Details</Button>
-                            </TableCell>
-                        </TableBody>
-                    </Table>
-                {:else}
-                    <div class="import-box">
-                        <div class="u-flex u-cross-center u-gap-8">
-                            <div class="avatar" style="--size: {48 / 16}rem">
-                                <span class="icon-cloud" />
-                            </div>
-                            <Arrow direction="right" />
-                            <div class="avatar" style="--size: {48 / 16}rem">
-                                <span class="icon-server" />
-                            </div>
-                        </div>
-                        <p class="u-margin-block-start-24">No imported data yet</p>
+    <CardGrid>
+        <Heading tag="h3" size="7">Import project data</Heading>
+        <p class="text">Import data from other products or from a different Appwrite instance</p>
+        <svelte:fragment slot="aside">
+            {#if data.migrations.length}
+                <div class="u-flex">
+                    <div style="margin-inline-start: auto;">
+                        <Button secondary on:click={openImportWizard}>Import data</Button>
                     </div>
-                {/if}
-            </svelte:fragment>
-        </CardGrid>
+                </div>
+
+                <Table noStyles>
+                    <TableHeader>
+                        <TableCellHead>Date</TableCellHead>
+                        <TableCellHead>Source</TableCellHead>
+                        <TableCellHead>Status</TableCellHead>
+                        <TableCellHead />
+                    </TableHeader>
+                    <TableBody>
+                        {#each data.migrations as entry}
+                            <TableRow>
+                                {@const source = capitalize(JSON.parse(entry.source).type)}
+                                {@const status = getStatus(entry.status)}
+                                <TableCell title="Data">
+                                    {isSameDay(new Date(), new Date(entry.$createdAt))
+                                        ? 'Today'
+                                        : toLocaleDate(entry.$createdAt)}
+                                </TableCell>
+                                <TableCell title="Source">{source}</TableCell>
+                                <TableCell title="Status">
+                                    <div class="u-flex u-gap-4 u-cross-center">
+                                        <i
+                                            class="icon-{status.icon}"
+                                            style="color: hsl(var(--color-text-{status.iconColor}))" />
+                                        <span>{status.text}</span>
+                                    </div>
+                                </TableCell>
+                                <TableCell title="">
+                                    <Button secondary on:click={() => (details = entry)}
+                                        >Details</Button>
+                                </TableCell>
+                            </TableRow>
+                        {/each}
+                    </TableBody>
+                </Table>
+            {:else}
+                <div class="import-box">
+                    <ul class="avatars-group">
+                        <li class="avatars-group-item">
+                            <div class="avatar">
+                                <img src="/logos/firebase.png" alt="Firebase" width="20" />
+                            </div>
+                        </li>
+
+                        <li class="avatars-group-item">
+                            <div class="avatar">
+                                <img src="/logos/supabase.png" alt="Supabase" width="20" />
+                            </div>
+                        </li>
+
+                        <li class="avatars-group-item">
+                            <div class="avatar">
+                                <img src="/logos/nhost.png" alt="nhost" width="20" />
+                            </div>
+                        </li>
+
+                        <li class="avatars-group-item">
+                            <div class="avatar">
+                                <img src="/logos/appwrite.png" alt="Appwrite" width="18" />
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="u-margin-block-start-8">
+                        <Arrow direction="down" />
+                    </div>
+                    <div class="avatar u-margin-block-start-8" style="--size: {48 / 16}rem">
+                        <span class="icon-cloud" />
+                    </div>
+                    <Button class="u-margin-block-start-20" secondary on:click={openImportWizard}>
+                        Import data
+                    </Button>
+                </div>
+            {/if}
+        </svelte:fragment>
+    </CardGrid>
+    {#if isSelfHosted}
         <CardGrid>
             <Heading tag="h3" size="7">Deploy to Cloud</Heading>
             <p class="text">Export data from your project to Appwrite Cloud</p>
@@ -110,94 +148,6 @@
             </svelte:fragment>
         </CardGrid>
     {:else}
-        <CardGrid>
-            <Heading tag="h3" size="7">Import project data</Heading>
-            <p class="text">
-                Import data from other products or from a different Appwrite instance
-            </p>
-            <svelte:fragment slot="aside">
-                {#if data.migrations.length}
-                    <div class="u-flex">
-                        <div style="margin-inline-start: auto;">
-                            <Button secondary on:click={openImportWizard}>Import data</Button>
-                        </div>
-                    </div>
-
-                    <Table noStyles>
-                        <TableHeader>
-                            <TableCellHead>Date</TableCellHead>
-                            <TableCellHead>Source</TableCellHead>
-                            <TableCellHead>Status</TableCellHead>
-                            <TableCellHead />
-                        </TableHeader>
-                        <TableBody>
-                            {#each data.migrations as entry}
-                                <TableRow>
-                                    {@const source = capitalize(JSON.parse(entry.source).type)}
-                                    {@const status = getStatus(entry.status)}
-                                    <TableCell title="Data">
-                                        {isSameDay(new Date(), new Date(entry.$createdAt))
-                                            ? 'Today'
-                                            : toLocaleDate(entry.$createdAt)}
-                                    </TableCell>
-                                    <TableCell title="Source">{source}</TableCell>
-                                    <TableCell title="Status">
-                                        <div class="u-flex u-gap-4 u-cross-center">
-                                            <i class="icon-{status.icon}" />
-                                            <span>{status.text}</span>
-                                        </div>
-                                    </TableCell>
-                                    <TableCell title="">
-                                        <Button secondary on:click={() => (showDetails = true)}
-                                            >Details</Button>
-                                    </TableCell>
-                                </TableRow>
-                            {/each}
-                        </TableBody>
-                    </Table>
-                {:else}
-                    <div class="import-box">
-                        <ul class="avatars-group">
-                            <li class="avatars-group-item">
-                                <div class="avatar">
-                                    <img src="/logos/firebase.png" alt="Firebase" width="20" />
-                                </div>
-                            </li>
-
-                            <li class="avatars-group-item">
-                                <div class="avatar">
-                                    <img src="/logos/supabase.png" alt="Supabase" width="20" />
-                                </div>
-                            </li>
-
-                            <li class="avatars-group-item">
-                                <div class="avatar">
-                                    <img src="/logos/nhost.png" alt="nhost" width="20" />
-                                </div>
-                            </li>
-
-                            <li class="avatars-group-item">
-                                <div class="avatar">
-                                    <img src="/logos/appwrite.png" alt="Appwrite" width="18" />
-                                </div>
-                            </li>
-                        </ul>
-                        <div class="u-margin-block-start-8">
-                            <Arrow direction="down" />
-                        </div>
-                        <div class="avatar u-margin-block-start-8" style="--size: {48 / 16}rem">
-                            <span class="icon-cloud" />
-                        </div>
-                        <Button
-                            class="u-margin-block-start-20"
-                            secondary
-                            on:click={openImportWizard}>
-                            Import data
-                        </Button>
-                    </div>
-                {/if}
-            </svelte:fragment>
-        </CardGrid>
         <CardGrid>
             <Heading tag="h3" size="7">Export to self-hosted instance</Heading>
             <p class="text">Export data from your project to a self-hosted instance</p>
@@ -262,7 +212,7 @@
     </div>
 </Modal>
 
-<Details bind:show={showDetails} />
+<Details bind:details />
 
 <style lang="scss">
     .import-box {
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index 856641313..175b12dc6 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -4,9 +4,9 @@ import { sdk } from '$lib/stores/sdk';
 export async function load({ depends }) {
     depends(Dependencies.MIGRATIONS);
 
-    // const { migrations } = await sdk.forProject.migrations.list();
+    const { migrations } = await sdk.forProject.migrations.list();
 
     return {
-        migrations: []
+        migrations
     };
 }
diff --git a/src/routes/console/project-[project]/settings/migrations/details.svelte b/src/routes/console/project-[project]/settings/migrations/details.svelte
index bbbf83da5..55f16fec5 100644
--- a/src/routes/console/project-[project]/settings/migrations/details.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/details.svelte
@@ -1,78 +1,69 @@
 <script lang="ts">
     import { Modal } from '$lib/components';
-    import { migrator } from '$lib/stores/migrator';
+    import type { Models } from '@appwrite.io/console';
 
-    export let show = false;
+    export let details: Models.Migration | null = null;
+    $: show = !!details;
+
+    type StatusCounters = {
+        [resource in 'Database' | 'Collection' | 'Function' | 'Users']?: StatusCounter;
+    };
+    type StatusCounter = {
+        [statusType in 'PENDING' | 'SUCCESS' | 'ERROR' | 'SKIP' | 'PROCESSING' | 'WARNING']: number;
+    };
+
+    $: statusCounters = JSON.parse(
+        (details?.statusCounters as unknown as string) || '{}'
+    ) as StatusCounters;
+
+    const hasError = (counter: StatusCounter) => {
+        if (!counter) return false;
+        return counter.ERROR > 0 || counter.WARNING > 0;
+    };
+
+    const isLoading = (counter: StatusCounter) => {
+        if (!counter) return false;
+        return counter.PENDING > 0 || counter.PROCESSING > 0;
+    };
+
+    const hasSucceeded = (counter: StatusCounter) => {
+        if (!counter) return false;
+        return counter.SUCCESS > 0;
+    };
 </script>
 
-<Modal bind:show>
-    <svelte:fragment slot="header">Resolve import issues</svelte:fragment>
-    <div class="box">
-        <div class="u-flex u-cross-center u-gap-16">
-            <div class="icon-wrapper">
-                {#if $migrator.items.databases === 'error'}
-                    <i class="icon-exclamation" />
-                {:else if $migrator.items.databases === 'success'}
-                    <i class="icon-check" />
-                {:else}
-                    <span class="loader" />
-                {/if}
-            </div>
+<Modal bind:show on:close={() => (details = null)} size="big">
+    <svelte:fragment slot="header">
+        {#if details.status === 'failed'}
+            Resolve import issues
+        {:else}
+            Migration details
+        {/if}
+    </svelte:fragment>
+    {#if details}
+        <div class="box">
+            {#each ['Database', 'Collection', 'Function', 'Users'] as entity}
+                <div class="u-flex u-cross-center u-gap-16">
+                    <div class="icon-wrapper">
+                        {#if hasError(statusCounters[entity])}
+                            <i class="icon-exclamation" />
+                        {:else if isLoading(statusCounters[entity])}
+                            <span class="loader" />
+                        {:else if hasSucceeded(statusCounters[entity])}
+                            <i class="icon-check" />
+                        {:else}
+                            <i class="icon-question-mark-circle" />
+                        {/if}
+                    </div>
 
-            <div>
-                <span>Databases</span>
-                <span class="inline-tag">2</span>
-            </div>
+                    <div>
+                        <span>{entity}</span>
+                        <span class="inline-tag">2</span>
+                    </div>
+                </div>
+            {/each}
         </div>
-
-        <div class="u-flex u-cross-center u-gap-16">
-            <div class="icon-wrapper">
-                {#if $migrator.items.documents === 'error'}
-                    <i class="icon-exclamation" />
-                {:else if $migrator.items.documents === 'success'}
-                    <i class="icon-check" />
-                {:else}
-                    <span class="loader" />
-                {/if}
-            </div>
-            <div>
-                <span>Documents</span>
-                <span class="inline-tag">3000</span>
-            </div>
-        </div>
-
-        <div class="u-flex u-cross-center u-gap-16">
-            <div class="icon-wrapper">
-                {#if $migrator.items.users === 'error'}
-                    <i class="icon-exclamation" />
-                {:else if $migrator.items.users === 'success'}
-                    <i class="icon-check" />
-                {:else}
-                    <span class="loader" />
-                {/if}
-            </div>
-            <div>
-                <span>Users</span>
-                <span class="inline-tag">238</span>
-            </div>
-        </div>
-
-        <div class="u-flex u-cross-center u-gap-16">
-            <div class="icon-wrapper">
-                {#if $migrator.items.storage === 'error'}
-                    <i class="icon-exclamation" />
-                {:else if $migrator.items.storage === 'success'}
-                    <i class="icon-check" />
-                {:else}
-                    <span class="loader" />
-                {/if}
-            </div>
-            <div>
-                <span>Storage</span>
-                <span class="inline-tag">30GB</span>
-            </div>
-        </div>
-    </div>
+    {/if}
 </Modal>
 
 <style lang="scss">
@@ -89,11 +80,18 @@
     }
 
     .icon-wrapper {
-        display: grid;
-        place-items: center;
+        position: relative;
 
         width: 1.5rem;
         height: 1.5rem;
+
+        > * {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+
+            transform: translate(-50%, -50%);
+        }
     }
 
     .icon-exclamation {

From 1daa0985605f01c82d68c8dc13ddb31bf7229e24 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Fri, 7 Jul 2023 19:26:20 +0100
Subject: [PATCH 039/128] refactor: vercel ai sdk

---
 package-lock.json                      | 3070 +-----------------------
 package.json                           |    1 +
 src/lib/commandCenter/panels/ai.svelte |  148 +-
 src/lib/system.ts                      |    3 +-
 4 files changed, 93 insertions(+), 3129 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 46a843438..f99e8f6d1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
                 "@popperjs/core": "^2.11.6",
                 "@sentry/svelte": "^7.44.2",
                 "@sentry/tracing": "^7.44.2",
+                "ai": "^2.1.15",
                 "analytics": "^0.8.1",
                 "dotenv": "^16.0.3",
                 "echarts": "^5.4.1",
@@ -62,20 +63,6 @@
             "integrity": "sha512-E09FiIft46CmH5Qnjb0wsW54/YQd69LsxeKUOWawmws1XWvyFGURnAChH0mlr7YPFR1ofwvUQfcL0J3lMxXqPA==",
             "dev": true
         },
-        "node_modules/@ampproject/remapping": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz",
-            "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jridgewell/gen-mapping": "^0.1.0",
-                "@jridgewell/trace-mapping": "^0.3.9"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
         "node_modules/@analytics/cookie-utils": {
             "version": "0.2.10",
             "resolved": "https://registry.npmjs.org/@analytics/cookie-utils/-/cookie-utils-0.2.10.tgz",
@@ -182,241 +169,6 @@
                 "node": ">=6.9.0"
             }
         },
-        "node_modules/@babel/compat-data": {
-            "version": "7.21.0",
-            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.0.tgz",
-            "integrity": "sha512-gMuZsmsgxk/ENC3O/fRw5QY8A9/uxQbbCEypnLIiYYc/qVJtEV7ouxC3EllIIwNzMqAQee5tanFabWsUOutS7g==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/core": {
-            "version": "7.21.3",
-            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.3.tgz",
-            "integrity": "sha512-qIJONzoa/qiHghnm0l1n4i/6IIziDpzqc36FBs4pzMhDUraHqponwJLiAKm1hGLP3OSB/TVNz6rMwVGpwxxySw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@ampproject/remapping": "^2.2.0",
-                "@babel/code-frame": "^7.18.6",
-                "@babel/generator": "^7.21.3",
-                "@babel/helper-compilation-targets": "^7.20.7",
-                "@babel/helper-module-transforms": "^7.21.2",
-                "@babel/helpers": "^7.21.0",
-                "@babel/parser": "^7.21.3",
-                "@babel/template": "^7.20.7",
-                "@babel/traverse": "^7.21.3",
-                "@babel/types": "^7.21.3",
-                "convert-source-map": "^1.7.0",
-                "debug": "^4.1.0",
-                "gensync": "^1.0.0-beta.2",
-                "json5": "^2.2.2",
-                "semver": "^6.3.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/babel"
-            }
-        },
-        "node_modules/@babel/core/node_modules/convert-source-map": {
-            "version": "1.9.0",
-            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-            "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/@babel/core/node_modules/semver": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-            "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-            "dev": true,
-            "peer": true,
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@babel/generator": {
-            "version": "7.21.3",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.3.tgz",
-            "integrity": "sha512-QS3iR1GYC/YGUnW7IdggFeN5c1poPUurnGttOV/bZgPGV+izC/D8HnD6DLwod0fsatNyVn1G3EVWMYIF0nHbeA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/types": "^7.21.3",
-                "@jridgewell/gen-mapping": "^0.3.2",
-                "@jridgewell/trace-mapping": "^0.3.17",
-                "jsesc": "^2.5.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/generator/node_modules/@jridgewell/gen-mapping": {
-            "version": "0.3.2",
-            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
-            "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jridgewell/set-array": "^1.0.1",
-                "@jridgewell/sourcemap-codec": "^1.4.10",
-                "@jridgewell/trace-mapping": "^0.3.9"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@babel/helper-compilation-targets": {
-            "version": "7.20.7",
-            "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz",
-            "integrity": "sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/compat-data": "^7.20.5",
-                "@babel/helper-validator-option": "^7.18.6",
-                "browserslist": "^4.21.3",
-                "lru-cache": "^5.1.1",
-                "semver": "^6.3.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-            "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-            "dev": true,
-            "peer": true,
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@babel/helper-environment-visitor": {
-            "version": "7.18.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz",
-            "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-function-name": {
-            "version": "7.21.0",
-            "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
-            "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/template": "^7.20.7",
-                "@babel/types": "^7.21.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-hoist-variables": {
-            "version": "7.18.6",
-            "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz",
-            "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/types": "^7.18.6"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-module-imports": {
-            "version": "7.18.6",
-            "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz",
-            "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/types": "^7.18.6"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-module-transforms": {
-            "version": "7.21.2",
-            "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz",
-            "integrity": "sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-environment-visitor": "^7.18.9",
-                "@babel/helper-module-imports": "^7.18.6",
-                "@babel/helper-simple-access": "^7.20.2",
-                "@babel/helper-split-export-declaration": "^7.18.6",
-                "@babel/helper-validator-identifier": "^7.19.1",
-                "@babel/template": "^7.20.7",
-                "@babel/traverse": "^7.21.2",
-                "@babel/types": "^7.21.2"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-plugin-utils": {
-            "version": "7.20.2",
-            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz",
-            "integrity": "sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-simple-access": {
-            "version": "7.20.2",
-            "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz",
-            "integrity": "sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/types": "^7.20.2"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-split-export-declaration": {
-            "version": "7.18.6",
-            "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
-            "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/types": "^7.18.6"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-string-parser": {
-            "version": "7.19.4",
-            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz",
-            "integrity": "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
         "node_modules/@babel/helper-validator-identifier": {
             "version": "7.19.1",
             "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz",
@@ -426,31 +178,6 @@
                 "node": ">=6.9.0"
             }
         },
-        "node_modules/@babel/helper-validator-option": {
-            "version": "7.21.0",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz",
-            "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helpers": {
-            "version": "7.21.0",
-            "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.21.0.tgz",
-            "integrity": "sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/template": "^7.20.7",
-                "@babel/traverse": "^7.21.0",
-                "@babel/types": "^7.21.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
         "node_modules/@babel/highlight": {
             "version": "7.18.6",
             "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz",
@@ -536,210 +263,6 @@
                 "node": ">=4"
             }
         },
-        "node_modules/@babel/parser": {
-            "version": "7.21.3",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.3.tgz",
-            "integrity": "sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==",
-            "dev": true,
-            "peer": true,
-            "bin": {
-                "parser": "bin/babel-parser.js"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-async-generators": {
-            "version": "7.8.4",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
-            "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.8.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-bigint": {
-            "version": "7.8.3",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
-            "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.8.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-class-properties": {
-            "version": "7.12.13",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
-            "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.12.13"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-import-meta": {
-            "version": "7.10.4",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
-            "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.10.4"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-json-strings": {
-            "version": "7.8.3",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
-            "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.8.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-jsx": {
-            "version": "7.18.6",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz",
-            "integrity": "sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.18.6"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
-            "version": "7.10.4",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
-            "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.10.4"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
-            "version": "7.8.3",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
-            "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.8.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-numeric-separator": {
-            "version": "7.10.4",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
-            "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.10.4"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-object-rest-spread": {
-            "version": "7.8.3",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
-            "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.8.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-optional-catch-binding": {
-            "version": "7.8.3",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
-            "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.8.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-optional-chaining": {
-            "version": "7.8.3",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
-            "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.8.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-top-level-await": {
-            "version": "7.14.5",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
-            "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.14.5"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-typescript": {
-            "version": "7.20.0",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.20.0.tgz",
-            "integrity": "sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.19.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
         "node_modules/@babel/runtime": {
             "version": "7.21.0",
             "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.0.tgz",
@@ -752,75 +275,6 @@
                 "node": ">=6.9.0"
             }
         },
-        "node_modules/@babel/template": {
-            "version": "7.20.7",
-            "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
-            "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/code-frame": "^7.18.6",
-                "@babel/parser": "^7.20.7",
-                "@babel/types": "^7.20.7"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/traverse": {
-            "version": "7.21.3",
-            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.3.tgz",
-            "integrity": "sha512-XLyopNeaTancVitYZe2MlUEvgKb6YVVPXzofHgqHijCImG33b/uTurMS488ht/Hbsb2XK3U2BnSTxKVNGV3nGQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/code-frame": "^7.18.6",
-                "@babel/generator": "^7.21.3",
-                "@babel/helper-environment-visitor": "^7.18.9",
-                "@babel/helper-function-name": "^7.21.0",
-                "@babel/helper-hoist-variables": "^7.18.6",
-                "@babel/helper-split-export-declaration": "^7.18.6",
-                "@babel/parser": "^7.21.3",
-                "@babel/types": "^7.21.3",
-                "debug": "^4.1.0",
-                "globals": "^11.1.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/traverse/node_modules/globals": {
-            "version": "11.12.0",
-            "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-            "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/@babel/types": {
-            "version": "7.21.3",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.21.3.tgz",
-            "integrity": "sha512-sBGdETxC+/M4o/zKC0sl6sjWv62WFR/uzxrJ6uYyMLZOUlPnwzw0tKgVHOXxaAd5l2g8pEDM5RZ495GPQI77kg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-string-parser": "^7.19.4",
-                "@babel/helper-validator-identifier": "^7.19.1",
-                "to-fast-properties": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@bcoe/v8-coverage": {
-            "version": "0.2.3",
-            "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
-            "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/@esbuild/android-arm": {
             "version": "0.17.14",
             "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.14.tgz",
@@ -1262,254 +716,6 @@
             "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
             "dev": true
         },
-        "node_modules/@istanbuljs/load-nyc-config": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
-            "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "camelcase": "^5.3.1",
-                "find-up": "^4.1.0",
-                "get-package-type": "^0.1.0",
-                "js-yaml": "^3.13.1",
-                "resolve-from": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@istanbuljs/load-nyc-config/node_modules/argparse": {
-            "version": "1.0.10",
-            "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-            "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "sprintf-js": "~1.0.2"
-            }
-        },
-        "node_modules/@istanbuljs/load-nyc-config/node_modules/find-up": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-            "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "locate-path": "^5.0.0",
-                "path-exists": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
-            "version": "3.14.1",
-            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-            "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "argparse": "^1.0.7",
-                "esprima": "^4.0.0"
-            },
-            "bin": {
-                "js-yaml": "bin/js-yaml.js"
-            }
-        },
-        "node_modules/@istanbuljs/load-nyc-config/node_modules/locate-path": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-            "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "p-locate": "^4.1.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@istanbuljs/load-nyc-config/node_modules/p-limit": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-            "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "p-try": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@istanbuljs/load-nyc-config/node_modules/p-locate": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-            "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "p-limit": "^2.2.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@istanbuljs/load-nyc-config/node_modules/resolve-from": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-            "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@istanbuljs/schema": {
-            "version": "0.1.3",
-            "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
-            "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@jest/console": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.5.0.tgz",
-            "integrity": "sha512-NEpkObxPwyw/XxZVLPmAGKE89IQRp4puc6IQRPru6JKd1M3fW9v1xM1AnzIJE65hbCkzQAdnL8P47e9hzhiYLQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/types": "^29.5.0",
-                "@types/node": "*",
-                "chalk": "^4.0.0",
-                "jest-message-util": "^29.5.0",
-                "jest-util": "^29.5.0",
-                "slash": "^3.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/core": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.5.0.tgz",
-            "integrity": "sha512-28UzQc7ulUrOQw1IsN/kv1QES3q2kkbl/wGslyhAclqZ/8cMdB5M68BffkIdSJgKBUt50d3hbwJ92XESlE7LiQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/console": "^29.5.0",
-                "@jest/reporters": "^29.5.0",
-                "@jest/test-result": "^29.5.0",
-                "@jest/transform": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "@types/node": "*",
-                "ansi-escapes": "^4.2.1",
-                "chalk": "^4.0.0",
-                "ci-info": "^3.2.0",
-                "exit": "^0.1.2",
-                "graceful-fs": "^4.2.9",
-                "jest-changed-files": "^29.5.0",
-                "jest-config": "^29.5.0",
-                "jest-haste-map": "^29.5.0",
-                "jest-message-util": "^29.5.0",
-                "jest-regex-util": "^29.4.3",
-                "jest-resolve": "^29.5.0",
-                "jest-resolve-dependencies": "^29.5.0",
-                "jest-runner": "^29.5.0",
-                "jest-runtime": "^29.5.0",
-                "jest-snapshot": "^29.5.0",
-                "jest-util": "^29.5.0",
-                "jest-validate": "^29.5.0",
-                "jest-watcher": "^29.5.0",
-                "micromatch": "^4.0.4",
-                "pretty-format": "^29.5.0",
-                "slash": "^3.0.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            },
-            "peerDependencies": {
-                "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-            },
-            "peerDependenciesMeta": {
-                "node-notifier": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@jest/core/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/@jest/core/node_modules/pretty-format": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-            "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/core/node_modules/react-is": {
-            "version": "18.2.0",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/@jest/environment": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.5.0.tgz",
-            "integrity": "sha512-5FXw2+wD29YU1d4I2htpRX7jYnAyTRjP2CsXQdo9SAM8g3ifxWPSV0HnClSn71xwctr0U3oZIIH+dtbfmnbXVQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/fake-timers": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "@types/node": "*",
-                "jest-mock": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/expect": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.5.0.tgz",
-            "integrity": "sha512-PueDR2HGihN3ciUNGr4uelropW7rqUfTiOn+8u0leg/42UhblPxHkfoh0Ruu3I9Y1962P3u2DY4+h7GVTSVU6g==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "expect": "^29.5.0",
-                "jest-snapshot": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
         "node_modules/@jest/expect-utils": {
             "version": "29.5.0",
             "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.5.0.tgz",
@@ -1522,84 +728,6 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
-        "node_modules/@jest/fake-timers": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.5.0.tgz",
-            "integrity": "sha512-9ARvuAAQcBwDAqOnglWq2zwNIRUDtk/SCkp/ToGEhFv5r86K21l+VEs0qNTaXtyiY0lEePl3kylijSYJQqdbDg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/types": "^29.5.0",
-                "@sinonjs/fake-timers": "^10.0.2",
-                "@types/node": "*",
-                "jest-message-util": "^29.5.0",
-                "jest-mock": "^29.5.0",
-                "jest-util": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/globals": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.5.0.tgz",
-            "integrity": "sha512-S02y0qMWGihdzNbUiqSAiKSpSozSuHX5UYc7QbnHP+D9Lyw8DgGGCinrN9uSuHPeKgSSzvPom2q1nAtBvUsvPQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/environment": "^29.5.0",
-                "@jest/expect": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "jest-mock": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/reporters": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.5.0.tgz",
-            "integrity": "sha512-D05STXqj/M8bP9hQNSICtPqz97u7ffGzZu+9XLucXhkOFBqKcXe04JLZOgIekOxdb73MAoBUFnqvf7MCpKk5OA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@bcoe/v8-coverage": "^0.2.3",
-                "@jest/console": "^29.5.0",
-                "@jest/test-result": "^29.5.0",
-                "@jest/transform": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "@jridgewell/trace-mapping": "^0.3.15",
-                "@types/node": "*",
-                "chalk": "^4.0.0",
-                "collect-v8-coverage": "^1.0.0",
-                "exit": "^0.1.2",
-                "glob": "^7.1.3",
-                "graceful-fs": "^4.2.9",
-                "istanbul-lib-coverage": "^3.0.0",
-                "istanbul-lib-instrument": "^5.1.0",
-                "istanbul-lib-report": "^3.0.0",
-                "istanbul-lib-source-maps": "^4.0.0",
-                "istanbul-reports": "^3.1.3",
-                "jest-message-util": "^29.5.0",
-                "jest-util": "^29.5.0",
-                "jest-worker": "^29.5.0",
-                "slash": "^3.0.0",
-                "string-length": "^4.0.1",
-                "strip-ansi": "^6.0.0",
-                "v8-to-istanbul": "^9.0.1"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            },
-            "peerDependencies": {
-                "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-            },
-            "peerDependenciesMeta": {
-                "node-notifier": {
-                    "optional": true
-                }
-            }
-        },
         "node_modules/@jest/schemas": {
             "version": "29.4.3",
             "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.4.3.tgz",
@@ -1612,80 +740,6 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
-        "node_modules/@jest/source-map": {
-            "version": "29.4.3",
-            "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.4.3.tgz",
-            "integrity": "sha512-qyt/mb6rLyd9j1jUts4EQncvS6Yy3PM9HghnNv86QBlV+zdL2inCdK1tuVlL+J+lpiw2BI67qXOrX3UurBqQ1w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jridgewell/trace-mapping": "^0.3.15",
-                "callsites": "^3.0.0",
-                "graceful-fs": "^4.2.9"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/test-result": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.5.0.tgz",
-            "integrity": "sha512-fGl4rfitnbfLsrfx1uUpDEESS7zM8JdgZgOCQuxQvL1Sn/I6ijeAVQWGfXI9zb1i9Mzo495cIpVZhA0yr60PkQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/console": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "@types/istanbul-lib-coverage": "^2.0.0",
-                "collect-v8-coverage": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/test-sequencer": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.5.0.tgz",
-            "integrity": "sha512-yPafQEcKjkSfDXyvtgiV4pevSeyuA6MQr6ZIdVkWJly9vkqjnFfcfhRQqpD5whjoU8EORki752xQmjaqoFjzMQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/test-result": "^29.5.0",
-                "graceful-fs": "^4.2.9",
-                "jest-haste-map": "^29.5.0",
-                "slash": "^3.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/transform": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.5.0.tgz",
-            "integrity": "sha512-8vbeZWqLJOvHaDfeMuoHITGKSz5qWc9u04lnWrQE3VyuSw604PzQM824ZeX9XSjUCeDiE3GuxZe5UKa8J61NQw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/core": "^7.11.6",
-                "@jest/types": "^29.5.0",
-                "@jridgewell/trace-mapping": "^0.3.15",
-                "babel-plugin-istanbul": "^6.1.1",
-                "chalk": "^4.0.0",
-                "convert-source-map": "^2.0.0",
-                "fast-json-stable-stringify": "^2.1.0",
-                "graceful-fs": "^4.2.9",
-                "jest-haste-map": "^29.5.0",
-                "jest-regex-util": "^29.4.3",
-                "jest-util": "^29.5.0",
-                "micromatch": "^4.0.4",
-                "pirates": "^4.0.4",
-                "slash": "^3.0.0",
-                "write-file-atomic": "^4.0.2"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
         "node_modules/@jest/types": {
             "version": "29.5.0",
             "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.5.0.tgz",
@@ -1703,20 +757,6 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
-        "node_modules/@jridgewell/gen-mapping": {
-            "version": "0.1.1",
-            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
-            "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jridgewell/set-array": "^1.0.0",
-                "@jridgewell/sourcemap-codec": "^1.4.10"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
         "node_modules/@jridgewell/resolve-uri": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
@@ -1726,16 +766,6 @@
                 "node": ">=6.0.0"
             }
         },
-        "node_modules/@jridgewell/set-array": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-            "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
         "node_modules/@jridgewell/sourcemap-codec": {
             "version": "1.4.14",
             "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
@@ -1957,26 +987,6 @@
             "integrity": "sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==",
             "dev": true
         },
-        "node_modules/@sinonjs/commons": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
-            "integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "type-detect": "4.0.8"
-            }
-        },
-        "node_modules/@sinonjs/fake-timers": {
-            "version": "10.0.2",
-            "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.0.2.tgz",
-            "integrity": "sha512-SwUDyjWnah1AaNl7kxsa7cfLhlTYoiyhDAIgyh+El30YvXs/o7OLXpYH88Zdhyx9JExKrmHDJ+10bwIcY80Jmw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@sinonjs/commons": "^2.0.0"
-            }
-        },
         "node_modules/@sveltejs/adapter-static": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-2.0.2.tgz",
@@ -2179,51 +1189,6 @@
             "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
             "dev": true
         },
-        "node_modules/@types/babel__core": {
-            "version": "7.20.0",
-            "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.0.tgz",
-            "integrity": "sha512-+n8dL/9GWblDO0iU6eZAwEIJVr5DWigtle+Q6HLOrh/pdbXOhOtqzq8VPPE2zvNJzSKY4vH/z3iT3tn0A3ypiQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/parser": "^7.20.7",
-                "@babel/types": "^7.20.7",
-                "@types/babel__generator": "*",
-                "@types/babel__template": "*",
-                "@types/babel__traverse": "*"
-            }
-        },
-        "node_modules/@types/babel__generator": {
-            "version": "7.6.4",
-            "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.4.tgz",
-            "integrity": "sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/types": "^7.0.0"
-            }
-        },
-        "node_modules/@types/babel__template": {
-            "version": "7.4.1",
-            "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.1.tgz",
-            "integrity": "sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/parser": "^7.1.0",
-                "@babel/types": "^7.0.0"
-            }
-        },
-        "node_modules/@types/babel__traverse": {
-            "version": "7.18.3",
-            "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.18.3.tgz",
-            "integrity": "sha512-1kbcJ40lLB7MHsj39U4Sh1uTd2E7rLEa79kmDpI6cy+XiXsteB3POdQomoq4FxszMrO3ZYchkhYJw7A2862b3w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/types": "^7.3.0"
-            }
-        },
         "node_modules/@types/chai": {
             "version": "4.3.4",
             "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.4.tgz",
@@ -2245,22 +1210,6 @@
             "integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==",
             "dev": true
         },
-        "node_modules/@types/dlv": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/@types/dlv/-/dlv-1.1.2.tgz",
-            "integrity": "sha512-OyiZ3jEKu7RtGO1yp9oOdK0cTwZ/10oE9PDJ6fyN3r9T5wkyOcvr6awdugjYdqF6KVO5eUvt7jx7rk2Eylufow==",
-            "peer": true
-        },
-        "node_modules/@types/graceful-fs": {
-            "version": "4.1.6",
-            "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.6.tgz",
-            "integrity": "sha512-Sig0SNORX9fdW+bQuTEovKj3uHcUL6LQKbCrrqb1X7J6/ReAbhCXRAhc+SMejhLELFj2QcyuxmUooZ4bt5ReSw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@types/node": "*"
-            }
-        },
         "node_modules/@types/istanbul-lib-coverage": {
             "version": "2.0.4",
             "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
@@ -2339,13 +1288,6 @@
             "integrity": "sha512-9avDaQJczATcXgfmMAW3MIWArOO7A+m90vuCFLr8AotWf8igO/mRoYukrk2cqZVtv38tHs33retzHEilM7FpeQ==",
             "dev": true
         },
-        "node_modules/@types/prettier": {
-            "version": "2.7.2",
-            "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.2.tgz",
-            "integrity": "sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/@types/prismjs": {
             "version": "1.26.0",
             "resolved": "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.0.tgz",
@@ -2723,6 +1665,37 @@
                 "node": ">= 6.0.0"
             }
         },
+        "node_modules/ai": {
+            "version": "2.1.15",
+            "resolved": "https://registry.npmjs.org/ai/-/ai-2.1.15.tgz",
+            "integrity": "sha512-ePxoo9yEpHrC6n2O5b0Ko9C0dZEEXBY9FuhbrR1PVgdo4cSislTqg9TSPdVKT3mnw01A2pEg24cQ8ikRyH9m4Q==",
+            "dependencies": {
+                "eventsource-parser": "1.0.0",
+                "nanoid": "^3.3.6",
+                "sswr": "^1.10.0",
+                "swr": "2.1.5",
+                "swrv": "1.0.3"
+            },
+            "engines": {
+                "node": ">=14.6"
+            },
+            "peerDependencies": {
+                "react": "^18.2.0",
+                "svelte": "^4.0.0",
+                "vue": "^3.3.4"
+            },
+            "peerDependenciesMeta": {
+                "react": {
+                    "optional": true
+                },
+                "svelte": {
+                    "optional": true
+                },
+                "vue": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/ajv": {
             "version": "6.12.6",
             "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -2766,35 +1739,6 @@
                 "@types/dlv": "^1.0.0"
             }
         },
-        "node_modules/ansi-escapes": {
-            "version": "4.3.2",
-            "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-            "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "type-fest": "^0.21.3"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/ansi-escapes/node_modules/type-fest": {
-            "version": "0.21.3",
-            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-            "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
         "node_modules/ansi-regex": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -2882,102 +1826,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/babel-jest": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.5.0.tgz",
-            "integrity": "sha512-mA4eCDh5mSo2EcA9xQjVTpmbbNk32Zb3Q3QFQsNhaK56Q+yoXowzFodLux30HRgyOho5rsQ6B0P9QpMkvvnJ0Q==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/transform": "^29.5.0",
-                "@types/babel__core": "^7.1.14",
-                "babel-plugin-istanbul": "^6.1.1",
-                "babel-preset-jest": "^29.5.0",
-                "chalk": "^4.0.0",
-                "graceful-fs": "^4.2.9",
-                "slash": "^3.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.8.0"
-            }
-        },
-        "node_modules/babel-plugin-istanbul": {
-            "version": "6.1.1",
-            "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
-            "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.0.0",
-                "@istanbuljs/load-nyc-config": "^1.0.0",
-                "@istanbuljs/schema": "^0.1.2",
-                "istanbul-lib-instrument": "^5.0.4",
-                "test-exclude": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/babel-plugin-jest-hoist": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.5.0.tgz",
-            "integrity": "sha512-zSuuuAlTMT4mzLj2nPnUm6fsE6270vdOfnpbJ+RmruU75UhLFvL0N2NgI7xpeS7NaB6hGqmd5pVpGTDYvi4Q3w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/template": "^7.3.3",
-                "@babel/types": "^7.3.3",
-                "@types/babel__core": "^7.1.14",
-                "@types/babel__traverse": "^7.0.6"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/babel-preset-current-node-syntax": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz",
-            "integrity": "sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/plugin-syntax-async-generators": "^7.8.4",
-                "@babel/plugin-syntax-bigint": "^7.8.3",
-                "@babel/plugin-syntax-class-properties": "^7.8.3",
-                "@babel/plugin-syntax-import-meta": "^7.8.3",
-                "@babel/plugin-syntax-json-strings": "^7.8.3",
-                "@babel/plugin-syntax-logical-assignment-operators": "^7.8.3",
-                "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-                "@babel/plugin-syntax-numeric-separator": "^7.8.3",
-                "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-                "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-                "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-                "@babel/plugin-syntax-top-level-await": "^7.8.3"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/babel-preset-jest": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.5.0.tgz",
-            "integrity": "sha512-JOMloxOqdiBSxMAzjRaH023/vvcaSaec49zvg+2LmNsktC7ei39LTJGw02J+9uUtTZUq6xbLyJ4dxe9sSmIuAg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "babel-plugin-jest-hoist": "^29.5.0",
-                "babel-preset-current-node-syntax": "^1.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
         "node_modules/balanced-match": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -3015,45 +1863,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/browserslist": {
-            "version": "4.21.5",
-            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.5.tgz",
-            "integrity": "sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/browserslist"
-                }
-            ],
-            "peer": true,
-            "dependencies": {
-                "caniuse-lite": "^1.0.30001449",
-                "electron-to-chromium": "^1.4.284",
-                "node-releases": "^2.0.8",
-                "update-browserslist-db": "^1.0.10"
-            },
-            "bin": {
-                "browserslist": "cli.js"
-            },
-            "engines": {
-                "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-            }
-        },
-        "node_modules/bser": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
-            "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "node-int64": "^0.4.0"
-            }
-        },
         "node_modules/buffer-crc32": {
             "version": "0.2.13",
             "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
@@ -3112,33 +1921,6 @@
                 "node": ">=6"
             }
         },
-        "node_modules/camelcase": {
-            "version": "5.3.1",
-            "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-            "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/caniuse-lite": {
-            "version": "1.0.30001470",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001470.tgz",
-            "integrity": "sha512-065uNwY6QtHCBOExzbV6m236DDhYCCtPmQUCoQtwkVqzud8v5QPidoMr6CoMkC2nfp6nksjttqWQRRh75LqUmA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-                }
-            ],
-            "peer": true
-        },
         "node_modules/chai": {
             "version": "4.3.7",
             "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.7.tgz",
@@ -3173,16 +1955,6 @@
                 "url": "https://github.com/chalk/chalk?sponsor=1"
             }
         },
-        "node_modules/char-regex": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
-            "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            }
-        },
         "node_modules/check-error": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
@@ -3246,13 +2018,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/cjs-module-lexer": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz",
-            "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/cli-truncate": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-3.1.0.tgz",
@@ -3269,71 +2034,6 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-        "node_modules/cliui": {
-            "version": "8.0.1",
-            "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-            "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "string-width": "^4.2.0",
-                "strip-ansi": "^6.0.1",
-                "wrap-ansi": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/cliui/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/cliui/node_modules/is-fullwidth-code-point": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/cliui/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/co": {
-            "version": "4.6.0",
-            "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
-            "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "iojs": ">= 1.0.0",
-                "node": ">= 0.12.0"
-            }
-        },
-        "node_modules/collect-v8-coverage": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz",
-            "integrity": "sha512-iBPtljfCNcTKNAto0KEtDfZ3qzjJvqE3aTGZsbhjSBlorqpXJlaWWtPO35D+ZImoC3KWejX64o+yPGxhWSTzfg==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/color-convert": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -3384,13 +2084,6 @@
                 "typedarray": "^0.0.6"
             }
         },
-        "node_modules/convert-source-map": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/cookie": {
             "version": "0.5.0",
             "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
@@ -3483,13 +2176,6 @@
             "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
             "dev": true
         },
-        "node_modules/dedent": {
-            "version": "0.7.0",
-            "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz",
-            "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/deep-eql": {
             "version": "4.1.3",
             "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.3.tgz",
@@ -3578,16 +2264,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/detect-newline": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
-            "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/devalue": {
             "version": "4.3.0",
             "resolved": "https://registry.npmjs.org/devalue/-/devalue-4.3.0.tgz",
@@ -3687,26 +2363,6 @@
             "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
             "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
         },
-        "node_modules/electron-to-chromium": {
-            "version": "1.4.340",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.340.tgz",
-            "integrity": "sha512-zx8hqumOqltKsv/MF50yvdAlPF9S/4PXbyfzJS6ZGhbddGkRegdwImmfSVqCkEziYzrIGZ/TlrzBND4FysfkDg==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/emittery": {
-            "version": "0.13.1",
-            "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.13.1.tgz",
-            "integrity": "sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sindresorhus/emittery?sponsor=1"
-            }
-        },
         "node_modules/emoji-regex": {
             "version": "9.2.2",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
@@ -3725,16 +2381,6 @@
                 "url": "https://github.com/fb55/entities?sponsor=1"
             }
         },
-        "node_modules/error-ex": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-            "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "is-arrayish": "^0.2.1"
-            }
-        },
         "node_modules/es-get-iterator": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
@@ -3798,16 +2444,6 @@
                 "@esbuild/win32-x64": "0.17.14"
             }
         },
-        "node_modules/escalade": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-            "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/escape-string-regexp": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -4121,38 +2757,12 @@
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/execa": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-            "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "cross-spawn": "^7.0.3",
-                "get-stream": "^6.0.0",
-                "human-signals": "^2.1.0",
-                "is-stream": "^2.0.0",
-                "merge-stream": "^2.0.0",
-                "npm-run-path": "^4.0.1",
-                "onetime": "^5.1.2",
-                "signal-exit": "^3.0.3",
-                "strip-final-newline": "^2.0.0"
-            },
+        "node_modules/eventsource-parser": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-1.0.0.tgz",
+            "integrity": "sha512-9jgfSCa3dmEme2ES3mPByGXfgZ87VbP97tng1G2nWwWx6bV2nYxm2AWCrbQjXToSe+yYlqaZNtxffR9IeQr95g==",
             "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sindresorhus/execa?sponsor=1"
-            }
-        },
-        "node_modules/exit": {
-            "version": "0.1.2",
-            "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
-            "integrity": "sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">= 0.8.0"
+                "node": ">=14.18"
             }
         },
         "node_modules/expect": {
@@ -4226,16 +2836,6 @@
                 "reusify": "^1.0.4"
             }
         },
-        "node_modules/fb-watchman": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
-            "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "bser": "2.1.1"
-            }
-        },
         "node_modules/file-entry-cache": {
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -4352,26 +2952,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/gensync": {
-            "version": "1.0.0-beta.2",
-            "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-            "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/get-caller-file": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": "6.* || 8.* || >= 10.*"
-            }
-        },
         "node_modules/get-func-name": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
@@ -4395,29 +2975,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/get-package-type": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
-            "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=8.0.0"
-            }
-        },
-        "node_modules/get-stream": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-            "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
         "node_modules/glob": {
             "version": "7.2.3",
             "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -4602,13 +3159,6 @@
                 "node": ">=12"
             }
         },
-        "node_modules/html-escaper": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-            "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/http-proxy-agent": {
             "version": "5.0.0",
             "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
@@ -4636,16 +3186,6 @@
                 "node": ">= 6"
             }
         },
-        "node_modules/human-signals": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-            "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10.17.0"
-            }
-        },
         "node_modules/iconv-lite": {
             "version": "0.6.3",
             "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -4689,26 +3229,6 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-        "node_modules/import-local": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
-            "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "pkg-dir": "^4.2.0",
-                "resolve-cwd": "^3.0.0"
-            },
-            "bin": {
-                "import-local-fixture": "fixtures/cli.js"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
         "node_modules/imurmurhash": {
             "version": "0.1.4",
             "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -4787,13 +3307,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/is-arrayish": {
-            "version": "0.2.1",
-            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-            "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/is-bigint": {
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
@@ -4894,16 +3407,6 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-        "node_modules/is-generator-fn": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
-            "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/is-glob": {
             "version": "4.0.3",
             "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
@@ -5001,19 +3504,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/is-stream": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-            "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
         "node_modules/is-string": {
             "version": "1.0.7",
             "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
@@ -5105,311 +3595,6 @@
                 "form-data": "^2.3.2"
             }
         },
-        "node_modules/istanbul-lib-coverage": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
-            "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/istanbul-lib-instrument": {
-            "version": "5.2.1",
-            "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
-            "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/core": "^7.12.3",
-                "@babel/parser": "^7.14.7",
-                "@istanbuljs/schema": "^0.1.2",
-                "istanbul-lib-coverage": "^3.2.0",
-                "semver": "^6.3.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/istanbul-lib-instrument/node_modules/semver": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-            "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-            "dev": true,
-            "peer": true,
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/istanbul-lib-report": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
-            "integrity": "sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "istanbul-lib-coverage": "^3.0.0",
-                "make-dir": "^3.0.0",
-                "supports-color": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/istanbul-lib-source-maps": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
-            "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "debug": "^4.1.1",
-                "istanbul-lib-coverage": "^3.0.0",
-                "source-map": "^0.6.1"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/istanbul-reports": {
-            "version": "3.1.5",
-            "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.5.tgz",
-            "integrity": "sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "html-escaper": "^2.0.0",
-                "istanbul-lib-report": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/jest": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest/-/jest-29.5.0.tgz",
-            "integrity": "sha512-juMg3he2uru1QoXX078zTa7pO85QyB9xajZc6bU+d9yEGwrKX6+vGmJQ3UdVZsvTEUARIdObzH68QItim6OSSQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/core": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "import-local": "^3.0.2",
-                "jest-cli": "^29.5.0"
-            },
-            "bin": {
-                "jest": "bin/jest.js"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            },
-            "peerDependencies": {
-                "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-            },
-            "peerDependenciesMeta": {
-                "node-notifier": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/jest-changed-files": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.5.0.tgz",
-            "integrity": "sha512-IFG34IUMUaNBIxjQXF/iu7g6EcdMrGRRxaUSw92I/2g2YC6vCdTltl4nHvt7Ci5nSJwXIkCu8Ka1DKF+X7Z1Ag==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "execa": "^5.0.0",
-                "p-limit": "^3.1.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-circus": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-29.5.0.tgz",
-            "integrity": "sha512-gq/ongqeQKAplVxqJmbeUOJJKkW3dDNPY8PjhJ5G0lBRvu0e3EWGxGy5cI4LAGA7gV2UHCtWBI4EMXK8c9nQKA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/environment": "^29.5.0",
-                "@jest/expect": "^29.5.0",
-                "@jest/test-result": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "@types/node": "*",
-                "chalk": "^4.0.0",
-                "co": "^4.6.0",
-                "dedent": "^0.7.0",
-                "is-generator-fn": "^2.0.0",
-                "jest-each": "^29.5.0",
-                "jest-matcher-utils": "^29.5.0",
-                "jest-message-util": "^29.5.0",
-                "jest-runtime": "^29.5.0",
-                "jest-snapshot": "^29.5.0",
-                "jest-util": "^29.5.0",
-                "p-limit": "^3.1.0",
-                "pretty-format": "^29.5.0",
-                "pure-rand": "^6.0.0",
-                "slash": "^3.0.0",
-                "stack-utils": "^2.0.3"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-circus/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/jest-circus/node_modules/pretty-format": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-            "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-circus/node_modules/react-is": {
-            "version": "18.2.0",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/jest-cli": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-29.5.0.tgz",
-            "integrity": "sha512-L1KcP1l4HtfwdxXNFCL5bmUbLQiKrakMUriBEcc1Vfz6gx31ORKdreuWvmQVBit+1ss9NNR3yxjwfwzZNdQXJw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/core": "^29.5.0",
-                "@jest/test-result": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "chalk": "^4.0.0",
-                "exit": "^0.1.2",
-                "graceful-fs": "^4.2.9",
-                "import-local": "^3.0.2",
-                "jest-config": "^29.5.0",
-                "jest-util": "^29.5.0",
-                "jest-validate": "^29.5.0",
-                "prompts": "^2.0.1",
-                "yargs": "^17.3.1"
-            },
-            "bin": {
-                "jest": "bin/jest.js"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            },
-            "peerDependencies": {
-                "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-            },
-            "peerDependenciesMeta": {
-                "node-notifier": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/jest-config": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-29.5.0.tgz",
-            "integrity": "sha512-kvDUKBnNJPNBmFFOhDbm59iu1Fii1Q6SxyhXfvylq3UTHbg6o7j/g8k2dZyXWLvfdKB1vAPxNZnMgtKJcmu3kA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/core": "^7.11.6",
-                "@jest/test-sequencer": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "babel-jest": "^29.5.0",
-                "chalk": "^4.0.0",
-                "ci-info": "^3.2.0",
-                "deepmerge": "^4.2.2",
-                "glob": "^7.1.3",
-                "graceful-fs": "^4.2.9",
-                "jest-circus": "^29.5.0",
-                "jest-environment-node": "^29.5.0",
-                "jest-get-type": "^29.4.3",
-                "jest-regex-util": "^29.4.3",
-                "jest-resolve": "^29.5.0",
-                "jest-runner": "^29.5.0",
-                "jest-util": "^29.5.0",
-                "jest-validate": "^29.5.0",
-                "micromatch": "^4.0.4",
-                "parse-json": "^5.2.0",
-                "pretty-format": "^29.5.0",
-                "slash": "^3.0.0",
-                "strip-json-comments": "^3.1.1"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            },
-            "peerDependencies": {
-                "@types/node": "*",
-                "ts-node": ">=9.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/node": {
-                    "optional": true
-                },
-                "ts-node": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/jest-config/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/jest-config/node_modules/pretty-format": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-            "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-config/node_modules/react-is": {
-            "version": "18.2.0",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/jest-diff": {
             "version": "29.5.0",
             "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.5.0.tgz",
@@ -5457,89 +3642,6 @@
             "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
             "dev": true
         },
-        "node_modules/jest-docblock": {
-            "version": "29.4.3",
-            "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.4.3.tgz",
-            "integrity": "sha512-fzdTftThczeSD9nZ3fzA/4KkHtnmllawWrXO69vtI+L9WjEIuXWs4AmyME7lN5hU7dB0sHhuPfcKofRsUb/2Fg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "detect-newline": "^3.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-each": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.5.0.tgz",
-            "integrity": "sha512-HM5kIJ1BTnVt+DQZ2ALp3rzXEl+g726csObrW/jpEGl+CDSSQpOJJX2KE/vEg8cxcMXdyEPu6U4QX5eruQv5hA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/types": "^29.5.0",
-                "chalk": "^4.0.0",
-                "jest-get-type": "^29.4.3",
-                "jest-util": "^29.5.0",
-                "pretty-format": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-each/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/jest-each/node_modules/pretty-format": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-            "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-each/node_modules/react-is": {
-            "version": "18.2.0",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/jest-environment-node": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.5.0.tgz",
-            "integrity": "sha512-ExxuIK/+yQ+6PRGaHkKewYtg6hto2uGCgvKdb2nfJfKXgZ17DfXjvbZ+jA1Qt9A8EQSfPnt5FKIfnOO3u1h9qw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/environment": "^29.5.0",
-                "@jest/fake-timers": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "@types/node": "*",
-                "jest-mock": "^29.5.0",
-                "jest-util": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
         "node_modules/jest-get-type": {
             "version": "29.4.3",
             "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.4.3.tgz",
@@ -5549,81 +3651,6 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
-        "node_modules/jest-haste-map": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.5.0.tgz",
-            "integrity": "sha512-IspOPnnBro8YfVYSw6yDRKh/TiCdRngjxeacCps1cQ9cgVN6+10JUcuJ1EabrgYLOATsIAigxA0rLR9x/YlrSA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/types": "^29.5.0",
-                "@types/graceful-fs": "^4.1.3",
-                "@types/node": "*",
-                "anymatch": "^3.0.3",
-                "fb-watchman": "^2.0.0",
-                "graceful-fs": "^4.2.9",
-                "jest-regex-util": "^29.4.3",
-                "jest-util": "^29.5.0",
-                "jest-worker": "^29.5.0",
-                "micromatch": "^4.0.4",
-                "walker": "^1.0.8"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            },
-            "optionalDependencies": {
-                "fsevents": "^2.3.2"
-            }
-        },
-        "node_modules/jest-leak-detector": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.5.0.tgz",
-            "integrity": "sha512-u9YdeeVnghBUtpN5mVxjID7KbkKE1QU4f6uUwuxiY0vYRi9BUCLKlPEZfDGR67ofdFmDz9oPAy2G92Ujrntmow==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "jest-get-type": "^29.4.3",
-                "pretty-format": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-leak-detector/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/jest-leak-detector/node_modules/pretty-format": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-            "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-leak-detector/node_modules/react-is": {
-            "version": "18.2.0",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/jest-matcher-utils": {
             "version": "29.5.0",
             "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz",
@@ -5723,221 +3750,6 @@
             "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
             "dev": true
         },
-        "node_modules/jest-mock": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.5.0.tgz",
-            "integrity": "sha512-GqOzvdWDE4fAV2bWQLQCkujxYWL7RxjCnj71b5VhDAGOevB3qj3Ovg26A5NI84ZpODxyzaozXLOh2NCgkbvyaw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/types": "^29.5.0",
-                "@types/node": "*",
-                "jest-util": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-pnp-resolver": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
-            "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6"
-            },
-            "peerDependencies": {
-                "jest-resolve": "*"
-            },
-            "peerDependenciesMeta": {
-                "jest-resolve": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/jest-regex-util": {
-            "version": "29.4.3",
-            "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.4.3.tgz",
-            "integrity": "sha512-O4FglZaMmWXbGHSQInfXewIsd1LMn9p3ZXB/6r4FOkyhX2/iP/soMG98jGvk/A3HAN78+5VWcBGO0BJAPRh4kg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-resolve": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.5.0.tgz",
-            "integrity": "sha512-1TzxJ37FQq7J10jPtQjcc+MkCkE3GBpBecsSUWJ0qZNJpmg6m0D9/7II03yJulm3H/fvVjgqLh/k2eYg+ui52w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "chalk": "^4.0.0",
-                "graceful-fs": "^4.2.9",
-                "jest-haste-map": "^29.5.0",
-                "jest-pnp-resolver": "^1.2.2",
-                "jest-util": "^29.5.0",
-                "jest-validate": "^29.5.0",
-                "resolve": "^1.20.0",
-                "resolve.exports": "^2.0.0",
-                "slash": "^3.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-resolve-dependencies": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.5.0.tgz",
-            "integrity": "sha512-sjV3GFr0hDJMBpYeUuGduP+YeCRbd7S/ck6IvL3kQ9cpySYKqcqhdLLC2rFwrcL7tz5vYibomBrsFYWkIGGjOg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "jest-regex-util": "^29.4.3",
-                "jest-snapshot": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-runner": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.5.0.tgz",
-            "integrity": "sha512-m7b6ypERhFghJsslMLhydaXBiLf7+jXy8FwGRHO3BGV1mcQpPbwiqiKUR2zU2NJuNeMenJmlFZCsIqzJCTeGLQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/console": "^29.5.0",
-                "@jest/environment": "^29.5.0",
-                "@jest/test-result": "^29.5.0",
-                "@jest/transform": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "@types/node": "*",
-                "chalk": "^4.0.0",
-                "emittery": "^0.13.1",
-                "graceful-fs": "^4.2.9",
-                "jest-docblock": "^29.4.3",
-                "jest-environment-node": "^29.5.0",
-                "jest-haste-map": "^29.5.0",
-                "jest-leak-detector": "^29.5.0",
-                "jest-message-util": "^29.5.0",
-                "jest-resolve": "^29.5.0",
-                "jest-runtime": "^29.5.0",
-                "jest-util": "^29.5.0",
-                "jest-watcher": "^29.5.0",
-                "jest-worker": "^29.5.0",
-                "p-limit": "^3.1.0",
-                "source-map-support": "0.5.13"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-runtime": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.5.0.tgz",
-            "integrity": "sha512-1Hr6Hh7bAgXQP+pln3homOiEZtCDZFqwmle7Ew2j8OlbkIu6uE3Y/etJQG8MLQs3Zy90xrp2C0BRrtPHG4zryw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/environment": "^29.5.0",
-                "@jest/fake-timers": "^29.5.0",
-                "@jest/globals": "^29.5.0",
-                "@jest/source-map": "^29.4.3",
-                "@jest/test-result": "^29.5.0",
-                "@jest/transform": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "@types/node": "*",
-                "chalk": "^4.0.0",
-                "cjs-module-lexer": "^1.0.0",
-                "collect-v8-coverage": "^1.0.0",
-                "glob": "^7.1.3",
-                "graceful-fs": "^4.2.9",
-                "jest-haste-map": "^29.5.0",
-                "jest-message-util": "^29.5.0",
-                "jest-mock": "^29.5.0",
-                "jest-regex-util": "^29.4.3",
-                "jest-resolve": "^29.5.0",
-                "jest-snapshot": "^29.5.0",
-                "jest-util": "^29.5.0",
-                "slash": "^3.0.0",
-                "strip-bom": "^4.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-snapshot": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.5.0.tgz",
-            "integrity": "sha512-x7Wolra5V0tt3wRs3/ts3S6ciSQVypgGQlJpz2rsdQYoUKxMxPNaoHMGJN6qAuPJqS+2iQ1ZUn5kl7HCyls84g==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/core": "^7.11.6",
-                "@babel/generator": "^7.7.2",
-                "@babel/plugin-syntax-jsx": "^7.7.2",
-                "@babel/plugin-syntax-typescript": "^7.7.2",
-                "@babel/traverse": "^7.7.2",
-                "@babel/types": "^7.3.3",
-                "@jest/expect-utils": "^29.5.0",
-                "@jest/transform": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "@types/babel__traverse": "^7.0.6",
-                "@types/prettier": "^2.1.5",
-                "babel-preset-current-node-syntax": "^1.0.0",
-                "chalk": "^4.0.0",
-                "expect": "^29.5.0",
-                "graceful-fs": "^4.2.9",
-                "jest-diff": "^29.5.0",
-                "jest-get-type": "^29.4.3",
-                "jest-matcher-utils": "^29.5.0",
-                "jest-message-util": "^29.5.0",
-                "jest-util": "^29.5.0",
-                "natural-compare": "^1.4.0",
-                "pretty-format": "^29.5.0",
-                "semver": "^7.3.5"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-snapshot/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/jest-snapshot/node_modules/pretty-format": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-            "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-snapshot/node_modules/react-is": {
-            "version": "18.2.0",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/jest-util": {
             "version": "29.5.0",
             "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.5.0.tgz",
@@ -5955,124 +3767,6 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
-        "node_modules/jest-validate": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.5.0.tgz",
-            "integrity": "sha512-pC26etNIi+y3HV8A+tUGr/lph9B18GnzSRAkPaaZJIE1eFdiYm6/CewuiJQ8/RlfHd1u/8Ioi8/sJ+CmbA+zAQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/types": "^29.5.0",
-                "camelcase": "^6.2.0",
-                "chalk": "^4.0.0",
-                "jest-get-type": "^29.4.3",
-                "leven": "^3.1.0",
-                "pretty-format": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-validate/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/jest-validate/node_modules/camelcase": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
-            "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/jest-validate/node_modules/pretty-format": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-            "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-validate/node_modules/react-is": {
-            "version": "18.2.0",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/jest-watcher": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.5.0.tgz",
-            "integrity": "sha512-KmTojKcapuqYrKDpRwfqcQ3zjMlwu27SYext9pt4GlF5FUgB+7XE1mcCnSm6a4uUpFyQIkb6ZhzZvHl+jiBCiA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jest/test-result": "^29.5.0",
-                "@jest/types": "^29.5.0",
-                "@types/node": "*",
-                "ansi-escapes": "^4.2.1",
-                "chalk": "^4.0.0",
-                "emittery": "^0.13.1",
-                "jest-util": "^29.5.0",
-                "string-length": "^4.0.1"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-worker": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.5.0.tgz",
-            "integrity": "sha512-NcrQnevGoSp4b5kg+akIpthoAFHxPBcb5P6mYPY0fUNT+sSvmtu6jlkEle3anczUKIKEbMxFimk9oTP/tpIPgA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@types/node": "*",
-                "jest-util": "^29.5.0",
-                "merge-stream": "^2.0.0",
-                "supports-color": "^8.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-worker/node_modules/supports-color": {
-            "version": "8.1.1",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-            "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "has-flag": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/supports-color?sponsor=1"
-            }
-        },
         "node_modules/js-sdsl": {
             "version": "4.4.0",
             "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.4.0.tgz",
@@ -6160,26 +3854,6 @@
                 "node": ">= 6"
             }
         },
-        "node_modules/jsesc": {
-            "version": "2.5.2",
-            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-            "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-            "dev": true,
-            "peer": true,
-            "bin": {
-                "jsesc": "bin/jsesc"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/json-parse-even-better-errors": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-            "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/json-schema-traverse": {
             "version": "0.4.1",
             "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -6192,19 +3866,6 @@
             "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
             "dev": true
         },
-        "node_modules/json5": {
-            "version": "2.2.3",
-            "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-            "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-            "dev": true,
-            "peer": true,
-            "bin": {
-                "json5": "lib/cli.js"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/jsonc-parser": {
             "version": "3.2.0",
             "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
@@ -6220,16 +3881,6 @@
                 "node": ">=6"
             }
         },
-        "node_modules/leven": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
-            "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/levn": {
             "version": "0.4.1",
             "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -6243,13 +3894,6 @@
                 "node": ">= 0.8.0"
             }
         },
-        "node_modules/lines-and-columns": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/local-pkg": {
             "version": "0.4.3",
             "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
@@ -6303,16 +3947,6 @@
                 "get-func-name": "^2.0.0"
             }
         },
-        "node_modules/lru-cache": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-            "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "yallist": "^3.0.2"
-            }
-        },
         "node_modules/lz-string": {
             "version": "1.5.0",
             "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
@@ -6333,49 +3967,6 @@
                 "node": ">=12"
             }
         },
-        "node_modules/make-dir": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
-            "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "semver": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/make-dir/node_modules/semver": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-            "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-            "dev": true,
-            "peer": true,
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/makeerror": {
-            "version": "1.0.12",
-            "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
-            "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "tmpl": "1.0.5"
-            }
-        },
-        "node_modules/merge-stream": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-            "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/merge2": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -6429,16 +4020,6 @@
                 "node": ">= 0.6"
             }
         },
-        "node_modules/mimic-fn": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-            "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/min-indent": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
@@ -6521,7 +4102,6 @@
             "version": "3.3.6",
             "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
             "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
-            "dev": true,
             "funding": [
                 {
                     "type": "github",
@@ -6585,20 +4165,6 @@
                 "webidl-conversions": "^3.0.0"
             }
         },
-        "node_modules/node-int64": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
-            "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/node-releases": {
-            "version": "2.0.10",
-            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
-            "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/normalize-path": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -6613,19 +4179,6 @@
             "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
             "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
         },
-        "node_modules/npm-run-path": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-            "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "path-key": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/nwsapi": {
             "version": "2.2.2",
             "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.2.tgz",
@@ -6693,22 +4246,6 @@
                 "wrappy": "1"
             }
         },
-        "node_modules/onetime": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "mimic-fn": "^2.1.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
         "node_modules/optionator": {
             "version": "0.9.1",
             "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
@@ -6765,16 +4302,6 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-        "node_modules/p-try": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-            "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/parent-module": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -6787,25 +4314,6 @@
                 "node": ">=6"
             }
         },
-        "node_modules/parse-json": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-            "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@babel/code-frame": "^7.0.0",
-                "error-ex": "^1.3.1",
-                "json-parse-even-better-errors": "^2.3.0",
-                "lines-and-columns": "^1.1.6"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
         "node_modules/parse5": {
             "version": "7.1.2",
             "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
@@ -6893,85 +4401,6 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
-        "node_modules/pirates": {
-            "version": "4.0.5",
-            "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.5.tgz",
-            "integrity": "sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/pkg-dir": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-            "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "find-up": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/pkg-dir/node_modules/find-up": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-            "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "locate-path": "^5.0.0",
-                "path-exists": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/pkg-dir/node_modules/locate-path": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-            "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "p-locate": "^4.1.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/pkg-dir/node_modules/p-limit": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-            "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "p-try": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/pkg-dir/node_modules/p-locate": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-            "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "p-limit": "^2.2.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/pkg-types": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.2.tgz",
@@ -7176,30 +4605,6 @@
             "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
             "dev": true
         },
-        "node_modules/prompts": {
-            "version": "2.4.2",
-            "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
-            "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "kleur": "^3.0.3",
-                "sisteransi": "^1.0.5"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/prompts/node_modules/kleur": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
-            "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/pseudomap": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
@@ -7221,23 +4626,6 @@
                 "node": ">=6"
             }
         },
-        "node_modules/pure-rand": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.0.1.tgz",
-            "integrity": "sha512-t+x1zEHDjBwkDGY5v5ApnZ/utcd4XYDiJsaQQoptTXgUXX95sDg1elCdJghzicm7n2mbCBJ3uYWr6M22SO19rg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "individual",
-                    "url": "https://github.com/sponsors/dubzzz"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/fast-check"
-                }
-            ],
-            "peer": true
-        },
         "node_modules/querystringify": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
@@ -7339,16 +4727,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/require-directory": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
         "node_modules/requires-port": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -7372,29 +4750,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/resolve-cwd": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
-            "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "resolve-from": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/resolve-cwd/node_modules/resolve-from": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-            "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/resolve-from": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -7404,16 +4759,6 @@
                 "node": ">=4"
             }
         },
-        "node_modules/resolve.exports": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.2.tgz",
-            "integrity": "sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            }
-        },
         "node_modules/reusify": {
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -7641,13 +4986,6 @@
             "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
             "dev": true
         },
-        "node_modules/signal-exit": {
-            "version": "3.0.7",
-            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/sirv": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.2.tgz",
@@ -7662,13 +5000,6 @@
                 "node": ">= 10"
             }
         },
-        "node_modules/sisteransi": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
-            "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/slash": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -7739,17 +5070,6 @@
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/source-map-support": {
-            "version": "0.5.13",
-            "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
-            "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "buffer-from": "^1.0.0",
-                "source-map": "^0.6.0"
-            }
-        },
         "node_modules/sourcemap-codec": {
             "version": "1.4.8",
             "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
@@ -7767,12 +5087,16 @@
                 "os-shim": "^0.1.2"
             }
         },
-        "node_modules/sprintf-js": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-            "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-            "dev": true,
-            "peer": true
+        "node_modules/sswr": {
+            "version": "1.10.0",
+            "resolved": "https://registry.npmjs.org/sswr/-/sswr-1.10.0.tgz",
+            "integrity": "sha512-nLWAJSQy3h8t7rrbTXanRyVHuQPj4PwKIVGe4IMlxJFdhyaxnN/JGACnvQKGDeWiTGYIZIx/jRuUsPEF0867Pg==",
+            "dependencies": {
+                "swrev": "^3.0.0"
+            },
+            "peerDependencies": {
+                "svelte": "^3.29.0"
+            }
         },
         "node_modules/stack-utils": {
             "version": "2.0.6",
@@ -7837,20 +5161,6 @@
                 "safe-buffer": "~5.1.0"
             }
         },
-        "node_modules/string-length": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
-            "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "char-regex": "^1.0.2",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
         "node_modules/string-width": {
             "version": "5.1.2",
             "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
@@ -7907,26 +5217,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/strip-bom": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
-            "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/strip-final-newline": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
-            "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/strip-indent": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
@@ -7991,6 +5281,7 @@
             "version": "3.57.0",
             "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.57.0.tgz",
             "integrity": "sha512-WMXEvF+RtAaclw0t3bPDTUe19pplMlfyKDsixbHQYgCWi9+O9VN0kXU1OppzrB9gPAvz4NALuoca2LfW2bOjTQ==",
+            "dev": true,
             "engines": {
                 "node": ">= 8"
             }
@@ -8129,27 +5420,36 @@
                 "node": ">=12"
             }
         },
+        "node_modules/swr": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/swr/-/swr-2.1.5.tgz",
+            "integrity": "sha512-/OhfZMcEpuz77KavXST5q6XE9nrOBOVcBLWjMT+oAE/kQHyE3PASrevXCtQDZ8aamntOfFkbVJp7Il9tNBQWrw==",
+            "dependencies": {
+                "use-sync-external-store": "^1.2.0"
+            },
+            "peerDependencies": {
+                "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
+            }
+        },
+        "node_modules/swrev": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/swrev/-/swrev-3.0.0.tgz",
+            "integrity": "sha512-QJuZiptdOmbDY45pECBRVEgnoBlOKjeT2MWVz04wKHpWX15hM3P7EjcIbHDg5yLoPCMQ7to3349MEE+l9QF5HA=="
+        },
+        "node_modules/swrv": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/swrv/-/swrv-1.0.3.tgz",
+            "integrity": "sha512-sl+eLEE+aPPjhP1E8gQ75q3RPRyw5Gd/kROnrTFo3+LkCeLskv7F+uAl5W97wgJkzitobL6FLsRPVm0DgIgN8A==",
+            "peerDependencies": {
+                "vue": ">=3.2.26 < 4"
+            }
+        },
         "node_modules/symbol-tree": {
             "version": "3.2.4",
             "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
             "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
             "dev": true
         },
-        "node_modules/test-exclude": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
-            "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@istanbuljs/schema": "^0.1.2",
-                "glob": "^7.1.4",
-                "minimatch": "^3.0.4"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/text-table": {
             "version": "0.2.0",
             "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -8203,23 +5503,6 @@
                 "@popperjs/core": "^2.9.0"
             }
         },
-        "node_modules/tmpl": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
-            "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/to-fast-properties": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-            "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
         "node_modules/to-regex-range": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -8374,33 +5657,6 @@
                 "node": ">= 4.0.0"
             }
         },
-        "node_modules/update-browserslist-db": {
-            "version": "1.0.10",
-            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz",
-            "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/browserslist"
-                }
-            ],
-            "peer": true,
-            "dependencies": {
-                "escalade": "^3.1.1",
-                "picocolors": "^1.0.0"
-            },
-            "bin": {
-                "browserslist-lint": "cli.js"
-            },
-            "peerDependencies": {
-                "browserslist": ">= 4.21.0"
-            }
-        },
         "node_modules/uri-js": {
             "version": "4.4.1",
             "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -8420,34 +5676,20 @@
                 "requires-port": "^1.0.0"
             }
         },
+        "node_modules/use-sync-external-store": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
+            "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
+            "peerDependencies": {
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+            }
+        },
         "node_modules/util-deprecate": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
             "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
             "dev": true
         },
-        "node_modules/v8-to-istanbul": {
-            "version": "9.1.0",
-            "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.0.tgz",
-            "integrity": "sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "@jridgewell/trace-mapping": "^0.3.12",
-                "@types/istanbul-lib-coverage": "^2.0.1",
-                "convert-source-map": "^1.6.0"
-            },
-            "engines": {
-                "node": ">=10.12.0"
-            }
-        },
-        "node_modules/v8-to-istanbul/node_modules/convert-source-map": {
-            "version": "1.9.0",
-            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-            "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-            "dev": true,
-            "peer": true
-        },
         "node_modules/vite": {
             "version": "4.2.1",
             "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.1.tgz",
@@ -8617,16 +5859,6 @@
                 "node": ">=14"
             }
         },
-        "node_modules/walker": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
-            "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "makeerror": "1.0.12"
-            }
-        },
         "node_modules/web-vitals": {
             "version": "3.3.0",
             "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-3.3.0.tgz",
@@ -8766,76 +5998,12 @@
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/wrap-ansi": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/wrap-ansi/node_modules/is-fullwidth-code-point": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/wrappy": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
             "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
             "dev": true
         },
-        "node_modules/write-file-atomic": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
-            "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "imurmurhash": "^0.1.4",
-                "signal-exit": "^3.0.7"
-            },
-            "engines": {
-                "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
-            }
-        },
         "node_modules/ws": {
             "version": "8.13.0",
             "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
@@ -8872,84 +6040,6 @@
             "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
             "dev": true
         },
-        "node_modules/y18n": {
-            "version": "5.0.8",
-            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/yallist": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-            "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/yargs": {
-            "version": "17.7.1",
-            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.1.tgz",
-            "integrity": "sha512-cwiTb08Xuv5fqF4AovYacTFNxk62th7LKJ6BL9IGUpTJrWoU7/7WdQGTP2SjKf1dUNBGzDd28p/Yfs/GI6JrLw==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "cliui": "^8.0.1",
-                "escalade": "^3.1.1",
-                "get-caller-file": "^2.0.5",
-                "require-directory": "^2.1.1",
-                "string-width": "^4.2.3",
-                "y18n": "^5.0.5",
-                "yargs-parser": "^21.1.1"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/yargs-parser": {
-            "version": "21.1.1",
-            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-            "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/yargs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "peer": true
-        },
-        "node_modules/yargs/node_modules/is-fullwidth-code-point": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-            "dev": true,
-            "peer": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/yargs/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/yocto-queue": {
             "version": "0.1.0",
             "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 0e7ec8d6e..339a650a9 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
         "@popperjs/core": "^2.11.6",
         "@sentry/svelte": "^7.44.2",
         "@sentry/tracing": "^7.44.2",
+        "ai": "^2.1.15",
         "analytics": "^0.8.1",
         "dotenv": "^16.0.3",
         "echarts": "^5.4.1",
diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index 8e1aef86b..0df6fd729 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -1,120 +1,12 @@
 <script lang="ts">
-    import Code from '$lib/components/code.svelte';
     import { slide } from 'svelte/transition';
     import Template from './template.svelte';
 
-    const MOCK = false;
-    const mockAnswer =
-        'To create a database with Web SDK in Appwrite, you can add it to your Appwrite project\'s dashboard by accessing the Databases Service settings from your project\'s left-hand navigation panel. Then, click the Create Database button, name your new database, and optionally provide a custom database ID. You can also create databases with the Appwrite CLI or the Appwrite Server SDKs. Once you have created your database, you can add collections to your database by navigating to it and then clicking on the Create Collection button. You can use Appwrite Realtime API to subscribe to live changes in your database. To create a document in the database, you can use the createDocument() method provided by the Web SDK. Here is an example code snippet in Kotlin for creating a document:\n\n```\nimport io.appwrite.Client\nimport io.appwrite.services.Databases\n\nsuspend fun main() {\n    val client = Client(applicationContext)\n        .setEndpoint("https://cloud.appwrite.io/v1")\n        .setProject("[PROJECT_ID]")\n\n    val databases = Databases(client)\n\n    try {\n        val document = databases.createDocument(\n            databaseId = "[DATABASE_ID]",\n            collectionId = "[COLLECTION_ID]",\n            documentId = ID.unique(),\n            data = mapOf("a" to "b"),\n        )\n    } catch (e: Exception) {\n        Log.e("Appwrite", "Error: " + e.message)\n    }\n}\n```\nSOURCES: https://appwrite.io/docs/databases';
-    function sleep(ms: number) {
-        return new Promise((resolve) => setTimeout(resolve, ms));
-    }
+    import { useCompletion } from 'ai/svelte';
 
-    let question = '';
-    let answer: string | null = null;
-    let loading = false;
-
-    async function handleSubmit() {
-        loading = true;
-        answer = null;
-        try {
-            if (MOCK) {
-                await sleep(1000);
-                answer = mockAnswer;
-            } else {
-                const res = await fetch(
-                    'http://64.227.148.116/chat?question=' + encodeURI(question),
-                    {
-                        headers: {
-                            accept: 'application/json'
-                        }
-                    }
-                );
-
-                const data = await res.json();
-                answer = data.answer;
-            }
-        } finally {
-            loading = false;
-        }
-    }
-
-    type AnswerSources = {
-        type: 'sources';
-        content: string[];
-    };
-    type AnswerText = {
-        type: 'text';
-        content: string;
-    };
-    type AnswerCode = {
-        type: 'code';
-        content: string;
-    };
-
-    type ParsedAnwer = Array<AnswerSources | AnswerText | AnswerCode>;
-
-    function parseAnswer(answer: string) {
-        if (!answer) return null;
-
-        // Separate into text and code blocks
-        const textAndCodeBlocks: Array<AnswerText | AnswerCode> = [];
-        const blocks = answer.matchAll(/```(?<code>.*?)```/gs);
-        let lastIndex = 0;
-        for (const block of blocks) {
-            const [full, code] = block;
-            const index = answer.indexOf(full);
-            if (index > lastIndex) {
-                textAndCodeBlocks.push({
-                    content: answer.slice(lastIndex, index),
-                    type: 'text'
-                });
-            }
-            textAndCodeBlocks.push({
-                content: code,
-                type: 'code'
-            });
-            lastIndex = index + full.length;
-        }
-        if (lastIndex < answer.length) {
-            textAndCodeBlocks.push({
-                content: answer.slice(lastIndex),
-                type: 'text'
-            });
-        }
-
-        // Split text blocks into source and text blocks
-        const parsedAnswer: ParsedAnwer = [];
-        for (let i = 0; i < textAndCodeBlocks.length; i++) {
-            const block = textAndCodeBlocks[i];
-            // Can match Sources: or Source:
-            // Ignore case
-            const sourcesMatch = block.content.match(/SOURCES?:\s*(?<sources>.*?)(\n|$)/i);
-
-            if (block.type === 'code' || !sourcesMatch) {
-                parsedAnswer.push(block);
-                continue;
-            }
-
-            parsedAnswer.push({
-                type: 'text',
-                content: block.content.slice(0, sourcesMatch.index)
-            });
-
-            const sources = sourcesMatch.groups?.sources;
-            parsedAnswer.push({
-                type: 'sources',
-                content: sources.split(',').map((s) => {
-                    const match = s.match(/https?:\/\/(?<url>.*)/);
-                    return match?.groups?.url || s;
-                })
-            });
-        }
-
-        return parsedAnswer;
-    }
-
-    $: parsedAnswer = parseAnswer(answer);
+    const { input, handleSubmit, completion, isLoading } = useCompletion({
+        api: 'http://localhost:3003/'
+    });
 </script>
 
 <Template --command-panel-width="600px">
@@ -128,45 +20,25 @@
             class="input-text"
             autofocus
             placeholder="Ask AI..."
-            bind:value={question}
-            disabled={loading} />
+            bind:value={$input}
+            disabled={$isLoading} />
         <div class="options-list">
-            {#if loading}
+            {#if $isLoading}
                 <div class="loader" />
             {:else}
                 <button
                     class="options-list-button"
                     aria-label="ask AI"
                     type="submit"
-                    disabled={!question.trim() || loading}>
+                    disabled={!$input.trim() || $isLoading}>
                     <span class="icon-arrow-sm-right" aria-hidden="true" />
                 </button>
             {/if}
         </div>
     </form>
-    {#if parsedAnswer}
+    {#if $completion}
         <div class="answer" transition:slide|local={{ duration: 250 }}>
-            {#each parsedAnswer as block}
-                {#if block.type === 'text'}
-                    <p>{block.content}</p>
-                {:else if block.type === 'code'}
-                    <!-- TODO: Get language automatically -->
-                    <div class="code">
-                        <Code code={block.content} language="js" noMargin />
-                    </div>
-                {:else if block.type === 'sources'}
-                    <div class="u-margin-block-start-8">
-                        <p>Sources:</p>
-                        <ul>
-                            {#each block.content as source}
-                                <li>
-                                    <a class="link" href={source} target="_blank">{source}</a>
-                                </li>
-                            {/each}
-                        </ul>
-                    </div>
-                {/if}
-            {/each}
+            {$completion}
         </div>
     {/if}
 </Template>
diff --git a/src/lib/system.ts b/src/lib/system.ts
index 596e4faca..fce3af560 100644
--- a/src/lib/system.ts
+++ b/src/lib/system.ts
@@ -10,7 +10,8 @@ export const VARS = {
         | undefined,
     CONSOLE_MODE: import.meta.env?.VITE_CONSOLE_MODE?.toString() as string | undefined,
     VERCEL_ENV: import.meta.env?.VITE_VERCEL_ENV?.toString() as string | undefined,
-    GOOGLE_ANALYTICS: import.meta.env?.VITE_GA_PROJECT?.toString() as string | undefined
+    GOOGLE_ANALYTICS: import.meta.env?.VITE_GA_PROJECT?.toString() as string | undefined,
+    AI_ENDPOINT: import.meta.env?.VITE_AI_ENDPOINT?.toString() as string | undefined
 };
 
 export const ENV = {

From e7c9eab56b4ee4db9afa59d0952c63972bc998d3 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Fri, 7 Jul 2023 19:44:50 +0100
Subject: [PATCH 040/128] command center styling

---
 src/lib/commandCenter/panels/template.svelte | 73 ++++++++++++++++----
 src/routes/console/+layout.svelte            |  2 +-
 2 files changed, 62 insertions(+), 13 deletions(-)

diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index e42cddb82..280de560b 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -12,6 +12,7 @@
 
     import { quadOut } from 'svelte/easing';
     import { crossfade } from 'svelte/transition';
+    import Breadcrumbs from '$lib/layout/breadcrumbs.svelte';
 
     type BaseOption = { callback: () => void; group?: CommandGroup };
     type Option = $$Generic<BaseOption>;
@@ -139,6 +140,19 @@
     };
 
     const castOption = (option: IndexedOption) => option as Option;
+
+    $: breadcrumbs = $subPanels.slice(1).map((panel) => panel.name);
+
+    const handleCrumbClick = (index: number) => {
+        if (index === breadcrumbs.length - 1) {
+            popSubPanel();
+        } else {
+            const numCrumbsToPop = breadcrumbs.length - index - 1;
+            for (let i = 0; i < numCrumbsToPop; i++) {
+                popSubPanel();
+            }
+        }
+    };
 </script>
 
 <svelte:window on:keydown={handleKeyDown} />
@@ -149,15 +163,21 @@
     class:press={!$commandCenterCtx.isInitialPanel}
     class:scale-up={$commandCenterCtx.isInitialPanel && $commandCenterCtx.open}>
     <div class="u-flex u-flex-vertical u-width-full-line u-overflow-hidden">
-        <slot name="search">
-            <div class="u-flex search-wrapper">
-                <input
-                    type="text"
-                    placeholder="Search for commands..."
-                    autofocus
-                    bind:value={search} />
-            </div>
-        </slot>
+        <div class="u-flex u-gap-4 u-cross-center u-width-full-line">
+            {#each breadcrumbs as crumb, i}
+                <button class="crumb" on:click={() => handleCrumbClick(i)}>{crumb}</button>
+            {/each}
+
+            <slot name="search">
+                <div class="u-flex search-wrapper u-width-full-line">
+                    <input
+                        type="text"
+                        placeholder="Search for commands..."
+                        autofocus
+                        bind:value={search} />
+                </div>
+            </slot>
+        </div>
 
         {#if groupsAndOptions}
             <ul class="options u-margin-block-start-16 u-flex u-flex-vertical u-gap-8">
@@ -195,7 +215,8 @@
         {:else}
             <slot />
         {/if}
-
+    </div>
+    <div class="footer">
         <slot name="footer" />
     </div>
 </div>
@@ -246,13 +267,17 @@
         top: clamp(128px, 15vh, 400px);
         left: 50%;
         translate: -50%;
+
+        border-radius: 0.5rem;
+        border: 1px solid var(--dark-neutrals-150, #373b4d);
+        background: rgba(27, 27, 40, 0.8);
+        box-shadow: 0px 16px 32px 0px #14141f;
+        backdrop-filter: blur(6px);
     }
 
     .search-wrapper {
         border-bottom: 1px solid hsl(var(--color-border));
         font-size: 16px;
-        margin-inline: -0.5rem;
-        padding-inline: 0.5rem;
     }
 
     .options {
@@ -301,4 +326,28 @@
             box-shadow: none !important;
         }
     }
+
+    .footer {
+        background: linear-gradient(180deg, #1b1b28 0%, #282a3b 100%);
+        margin: -0.5rem;
+        padding: 0.5rem;
+    }
+
+    .crumb {
+        display: flex;
+        padding: 0.09375rem 0.25rem;
+        align-items: center;
+        gap: 0.125rem;
+
+        border-radius: 0.25rem;
+        background: var(--dark-neutrals-150, #373b4d);
+
+        color: var(--light-neutrals-30, #e8e9f0);
+        text-align: center;
+        font-family: Inter;
+        font-size: 0.75rem;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+    }
 </style>
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 97155286f..3dcd1e167 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -26,7 +26,7 @@
             label: 'Ask AI',
             callback: () => {
                 addSubPanel({
-                    name: 'Ask AI',
+                    name: 'AI',
                     component: AI
                 });
             },

From 60591ccc16ae36fb0a08ed38081bf02f596981c9 Mon Sep 17 00:00:00 2001
From: Bradley Schofield <bradley@appwrite.io>
Date: Mon, 10 Jul 2023 14:51:10 +0100
Subject: [PATCH 041/128] Implement new SDK Methods and Reporting

---
 .../settings/migrations/(import)/index.ts     |  1 +
 .../settings/migrations/(import)/step2.svelte | 56 +++++++++++++++----
 .../migrations/(import)/wizard.svelte         | 29 +++++++++-
 3 files changed, 74 insertions(+), 12 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
index acb8feba2..34eff1cb1 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
@@ -18,6 +18,7 @@ type AppwriteInput = {
 
 type FirebaseInput = {
     provider: 'firebase';
+    serviceAccount?: string;
 };
 
 type SupabaseInput = {
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
index 9ded5affa..ac7d74d06 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
@@ -2,11 +2,13 @@
     import { EyebrowHeading } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { deepMap } from '$lib/helpers/object';
+    import { sdk } from '$lib/stores/sdk';
     import type { DeepKeys, WritableValue } from '$lib/helpers/types';
 
     import { WizardStep } from '$lib/layout';
+    import { onMount } from 'svelte';
 
-    import { formData } from '.';
+    import { formData, formDataToResources, provider } from '.';
 
     type FormData = WritableValue<typeof formData>;
     type FormKeys = DeepKeys<FormData>;
@@ -59,6 +61,24 @@
             return v;
         });
     }
+
+    let report: any;
+
+    onMount(async () => {
+        const resources = formDataToResources($formData);
+
+        switch ($provider.provider) {
+            case 'appwrite': {
+                const res = await sdk.forProject.migrations.generateAppwriteReport(
+                    resources,
+                    $provider.endpoint,
+                    $provider.projectID,
+                    $provider.apiKey
+                );
+                report = res;
+            }
+        }
+    });
 </script>
 
 <WizardStep>
@@ -116,7 +136,9 @@
                 on:change={handleInputChange('users.root')} />
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Users</span>
-                <span class="inline-tag">300</span>
+                {#if report}
+                    <span class="inline-tag">{report.user}</span>
+                {/if}
             </div>
             <div />
             <span>Import all users</span>
@@ -129,7 +151,9 @@
                         on:change={handleInputChange('users.teams')} />
                     <div class="u-flex u-gap-4">
                         <span class="u-bold">Include teams</span>
-                        <span class="inline-tag">4</span>
+                        {#if report}
+                            <span class="inline-tag">{report.team}</span>
+                        {/if}
                     </div>
                     <div />
                     <span>Import all teams and the team memberships of your users</span>
@@ -143,7 +167,9 @@
                 on:change={handleInputChange('databases.root')} />
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Databases</span>
-                <span class="inline-tag">300</span>
+                {#if report}
+                    <span class="inline-tag">{report.database}</span>
+                {/if}
             </div>
             <div />
             <span>Import all databases, including collections, indexes and attributes</span>
@@ -156,7 +182,9 @@
                         on:change={handleInputChange('databases.documents')} />
                     <div class="u-flex u-gap-4">
                         <span class="u-bold">Include documents</span>
-                        <span class="inline-tag">4</span>
+                        {#if report}
+                            <span class="inline-tag">{report.document}</span>
+                        {/if}
                     </div>
                     <div />
                     <span>Import all of your documents</span>
@@ -170,7 +198,9 @@
                 on:change={handleInputChange('functions.root')} />
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Functions</span>
-                <span class="inline-tag">30</span>
+                {#if report}
+                    <span class="inline-tag">{report.function}</span>
+                {/if}
             </div>
             <div />
             <span>Import all functions and their active deployment</span>
@@ -184,7 +214,7 @@
                         <span class="u-bold">Include environment variables</span>
                     </div>
                     <div />
-                    <span>Description here</span>
+                    <span>Import all environment variables</span>
                 </li>
                 <li class="checkbox-field">
                     <input
@@ -195,7 +225,7 @@
                         <span class="u-bold">Include inactive deployments</span>
                     </div>
                     <div />
-                    <span>Description here</span>
+                    <span>Import all deployments that are not currently active</span>
                 </li>
             </ul>
         </li>
@@ -206,10 +236,16 @@
                 on:change={handleInputChange('storage.root')} />
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Storage</span>
-                <span class="inline-tag">30GB</span>
+                {#if report}
+                    <span class="inline-tag">{report.size.toFixed(2)}MB</span>
+                {/if}
             </div>
             <div />
-            <span>Import all buckets (2) and files (3000)</span>
+            {#if report}
+                <span>Import all buckets ({report.bucket}) and files ({report.file})</span>
+            {:else}
+                <span>Import all buckets and files</span>
+            {/if}
         </li>
     </ul>
 </WizardStep>
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 3be65b14c..c714187da 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -18,7 +18,7 @@
         const resources = formDataToResources($formData);
         switch ($provider.provider) {
             case 'appwrite': {
-                const res = await sdk.forProject.migrations.migrationAppwrite(
+                const res = await sdk.forProject.migrations.migrateAppwrite(
                     resources,
                     $provider.endpoint,
                     $provider.projectID,
@@ -29,7 +29,7 @@
                 break;
             }
             case 'supabase': {
-                const res = await sdk.forProject.migrations.migrationSupabase(
+                const res = await sdk.forProject.migrations.migrateSupabase(
                     resources,
                     $provider.endpoint,
                     $provider.apiKey,
@@ -40,6 +40,31 @@
                 );
                 console.log(res);
                 invalidate(Dependencies.MIGRATIONS);
+                break;
+            }
+            case 'firebase': {
+                const res = await sdk.forProject.migrations.migrateFirebase(
+                    resources,
+                    $provider.serviceAccount
+                );
+                console.log(res);
+                invalidate(Dependencies.MIGRATIONS);
+                break;
+            }
+            case 'nhost': {
+                const res = await sdk.forProject.migrations.migrateNHost(
+                    resources,
+                    $provider.subdomain,
+                    $provider.region,
+                    $provider.adminSecret,
+                    $provider.database,
+                    $provider.username,
+                    $provider.password,
+                    $provider.port
+                );
+                console.log(res);
+                invalidate(Dependencies.MIGRATIONS);
+                break;
             }
         }
         resetImportStores();

From 0bbd82e84afa02470174be4768586b0b22c68e9d Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 10 Jul 2023 15:06:32 +0100
Subject: [PATCH 042/128] feat: AI restyling and examples

---
 src/lib/commandCenter/panels/ai.svelte       | 266 ++++++++++++++-----
 src/lib/commandCenter/panels/root.svelte     |  22 +-
 src/lib/commandCenter/panels/template.svelte | 227 +++++++++-------
 src/lib/components/code.svelte               |   9 +
 src/lib/images/appwrite-cooler.svg           |  31 +++
 src/lib/system.ts                            |   2 +-
 src/routes/console/+layout.svelte            |   2 +-
 7 files changed, 381 insertions(+), 178 deletions(-)
 create mode 100644 src/lib/images/appwrite-cooler.svg

diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index 0df6fd729..113adfe90 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -1,82 +1,224 @@
 <script lang="ts">
-    import { slide } from 'svelte/transition';
     import Template from './template.svelte';
 
+    import { AvatarInitials, Code } from '$lib/components';
+    import { user } from '$lib/stores/user';
     import { useCompletion } from 'ai/svelte';
+    import { subPanels } from '../subPanels';
 
-    const { input, handleSubmit, completion, isLoading } = useCompletion({
-        api: 'http://localhost:3003/'
+    import CoolerAppwrite from '$lib/images/appwrite-cooler.svg';
+    import { isLanguage, type Language } from '$lib/components/code.svelte';
+    import { VARS } from '$lib/system';
+
+    const { input, handleSubmit, completion, isLoading, complete } = useCompletion({
+        api: VARS.ASSISTANT_ENDPOINT
     });
+
+    const examples = [
+        'How can I integrate Appwrite with my frontend application?'
+        // 'How to add platform in the console?',
+        // 'How can I manage users, permissions, and access control in Appwrite?',
+        // 'How can I set up database collections and documents in Appwrite?',
+        // 'How do I configure and manage server-side functions in Appwrite?',
+        // 'How can I access the audit logs in the console?',
+        // 'How to add custom domain in the console?'
+    ];
+
+    type Answer = Array<
+        | {
+              type: 'code';
+              language: Language;
+              value: string;
+          }
+        | {
+              type: 'text';
+              value: string;
+          }
+    >;
+
+    function parseCompletion(c: string): Answer | null {
+        if (!c) return null;
+        const answer: Answer = [];
+
+        // get all code matches
+        const codeMatches = Array.from(c.matchAll(/```([a-z]*)(.*?)(```|$)/gs));
+
+        let i = 0;
+        let codeIdx = 0;
+        while (i < c.length) {
+            const nextCodeMatch = codeMatches[codeIdx] ?? null;
+            if (!nextCodeMatch) {
+                answer.push({
+                    type: 'text',
+                    value: c.slice(i)
+                });
+                break;
+            } else if (i >= nextCodeMatch.index) {
+                let language = nextCodeMatch[1];
+                if (language === 'javascript') language = 'js';
+
+                answer.push({
+                    type: 'code',
+                    value: nextCodeMatch[2],
+                    language: isLanguage(language) ? language : 'js'
+                });
+
+                i = nextCodeMatch.index + nextCodeMatch[0].length;
+                codeIdx++;
+            } else {
+                answer.push({
+                    type: 'text',
+                    value: c.slice(i, nextCodeMatch.index)
+                });
+
+                i = nextCodeMatch.index;
+            }
+        }
+
+        return answer;
+    }
+
+    $: answer = parseCompletion($completion);
 </script>
 
-<Template --command-panel-width="600px">
-    <form
-        class="input-text-wrapper u-width-full-line"
-        style="--amount-of-buttons: 1;"
-        slot="search"
-        on:submit|preventDefault={handleSubmit}>
-        <input
-            type="text"
-            class="input-text"
-            autofocus
-            placeholder="Ask AI..."
-            bind:value={$input}
-            disabled={$isLoading} />
-        <div class="options-list">
-            {#if $isLoading}
-                <div class="loader" />
-            {:else}
-                <button
-                    class="options-list-button"
-                    aria-label="ask AI"
-                    type="submit"
-                    disabled={!$input.trim() || $isLoading}>
-                    <span class="icon-arrow-sm-right" aria-hidden="true" />
-                </button>
-            {/if}
+<Template fullheight>
+    <div slot="search" />
+
+    <div class="content">
+        {#if $isLoading || answer}
+            <div class="u-flex u-gap-8">
+                <div class="logo">
+                    <img src={CoolerAppwrite} alt="Appwrite logo" />
+                </div>
+                <div class="answer">
+                    {#if $isLoading}
+                        <p>...</p>
+                    {:else}
+                        {#each answer as part}
+                            {#if part.type === 'text'}
+                                <p>{part.value}</p>
+                            {:else if part.type === 'code'}
+                                <Code language={part.language} code={part.value} />
+                            {/if}
+                        {/each}
+                    {/if}
+                </div>
+            </div>
+        {:else}
+            <h2 class="eyebrow-heading-3">Examples</h2>
+            <ul class="examples">
+                {#each examples as example}
+                    <li>
+                        <button
+                            class="u-flex u-cross-center u-gap-8"
+                            on:click={() => {
+                                $input = example;
+                                complete($input);
+                            }}>
+                            <i class="icon-question-mark-circle" />
+                            <span>{example}</span>
+                        </button>
+                    </li>
+                {/each}
+            </ul>
+        {/if}
+    </div>
+
+    <div class="footer" slot="footer">
+        <div class="u-flex u-cross-center u-gap-4">
+            <AvatarInitials size={32} name={$user.name} />
+            <form
+                class="input-text-wrapper u-width-full-line"
+                style="--amount-of-buttons: 1;"
+                on:submit|preventDefault={handleSubmit}>
+                <!--  svelte-ignore a11y-autofocus -->
+                <input
+                    type="text"
+                    class="input-text"
+                    placeholder="Ask a question..."
+                    autofocus
+                    bind:value={$input}
+                    disabled={$isLoading} />
+                <div class="options-list">
+                    <button
+                        class="options-list-button"
+                        aria-label="ask AI"
+                        type="submit"
+                        disabled={!$input.trim() || $isLoading}>
+                        <span class="icon-arrow-sm-right" aria-hidden="true" />
+                    </button>
+                </div>
+            </form>
         </div>
-    </form>
-    {#if $completion}
-        <div class="answer" transition:slide|local={{ duration: 250 }}>
-            {$completion}
+
+        <div class="u-flex u-main-end u-cross-center u-gap-16 u-margin-block-start-16">
+            <div class="u-flex u-cross-center u-gap-4">
+                <kbd class="kbd">Enter</kbd>
+                <span>to search</span>
+            </div>
+            <div class="sep" />
+            <div class="u-flex u-cross-center u-gap-4">
+                <kbd class="kbd">Esc</kbd>
+                <span>to {$subPanels.length === 1 ? 'close' : 'go back'}</span>
+            </div>
         </div>
-    {/if}
+    </div>
 </Template>
 
 <style lang="scss">
-    input {
-        border: none;
-        background: transparent;
-    }
-
-    .options-list {
-        align-items: center;
-    }
-
-    .options-list-button span {
-        position: relative;
-        top: -1px;
-    }
-
-    .loader {
-        width: 1rem;
-        height: 1rem;
-    }
-
-    .answer {
-        margin-block-start: 1rem;
-        padding-inline: 0.5rem;
-        padding-block-end: 1rem;
-
-        max-height: 55rem;
+    .content {
         overflow-y: auto;
+        padding: 1rem;
 
-        p {
-            white-space: pre-wrap;
+        .logo {
+            display: flex;
+            width: 1.5rem;
+            height: 1.5rem;
+            justify-content: center;
+            align-items: center;
+            flex-shrink: 0;
+
+            border-radius: 0.25rem;
+            background: #282a3b;
         }
 
-        .code :global(pre) {
-            translate: 0 -1rem;
+        .answer {
+            overflow: hidden;
+
+            p {
+                white-space: pre-wrap;
+            }
+        }
+
+        h2 {
+            color: hsl(var(--color-neutral-70));
+        }
+
+        .examples {
+            display: flex;
+            flex-direction: column;
+
+            li {
+                padding: 0.59375rem 0.5rem;
+
+                button {
+                    &:hover {
+                        opacity: 0.75;
+                    }
+
+                    i {
+                        color: hsl(var(--color-neutral-70));
+                    }
+                }
+            }
+        }
+    }
+
+    .footer {
+        .sep {
+            width: 1px;
+            height: 1.5rem;
+            background-color: hsl(var(--color-neutral-150));
         }
     }
 </style>
diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
index 1e4a0f4a2..b79cf1602 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -108,9 +108,7 @@
         </div>
     </div>
     <svelte:fragment slot="no-options">No commands found</svelte:fragment>
-    <div
-        slot="footer"
-        class="footer u-margin-block-start-16 u-flex u-flex u-cross-center u-main-space-between">
+    <div slot="footer" class="footer u-flex u-flex u-cross-center u-main-space-between">
         <div class="u-flex u-cross-center u-gap-4">
             <kbd class="kbd">Enter</kbd> <span>to select and close</span>
         </div>
@@ -119,21 +117,3 @@
         </div>
     </div>
 </Template>
-
-<style lang="scss">
-    .kbd {
-        padding-inline: 0.25rem;
-    }
-
-    .footer {
-        border-top: 1px solid hsl(var(--color-border));
-        margin-inline: -0.5rem;
-        padding-inline: 1rem;
-        padding-block-start: 0.5rem;
-
-        .kbd {
-            background-color: hsl(var(--color-neutral-150));
-            padding: 4.5px 3.5px;
-        }
-    }
-</style>
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 280de560b..1c6907ad2 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -12,12 +12,12 @@
 
     import { quadOut } from 'svelte/easing';
     import { crossfade } from 'svelte/transition';
-    import Breadcrumbs from '$lib/layout/breadcrumbs.svelte';
 
     type BaseOption = { callback: () => void; group?: CommandGroup };
     type Option = $$Generic<BaseOption>;
     export let options: Option[] | null = null;
     export let search = '';
+    export let fullheight = false;
 
     let selected = 0;
 
@@ -159,17 +159,21 @@
 
 <div
     class="card"
+    class:fullheight
     bind:this={cardEl}
     class:press={!$commandCenterCtx.isInitialPanel}
     class:scale-up={$commandCenterCtx.isInitialPanel && $commandCenterCtx.open}>
     <div class="u-flex u-flex-vertical u-width-full-line u-overflow-hidden">
-        <div class="u-flex u-gap-4 u-cross-center u-width-full-line">
+        <div class="search-wrapper">
             {#each breadcrumbs as crumb, i}
-                <button class="crumb" on:click={() => handleCrumbClick(i)}>{crumb}</button>
+                <button class="crumb" on:click={() => handleCrumbClick(i)}>
+                    <span>{crumb}</span>
+                    <i class="icon-x" />
+                </button>
             {/each}
 
             <slot name="search">
-                <div class="u-flex search-wrapper u-width-full-line">
+                <div class="u-flex default-search u-width-full-line">
                     <input
                         type="text"
                         placeholder="Search for commands..."
@@ -179,42 +183,44 @@
             </slot>
         </div>
 
-        {#if groupsAndOptions}
-            <ul class="options u-margin-block-start-16 u-flex u-flex-vertical u-gap-8">
-                {#each groupsAndOptions as item}
-                    {@const isSelected = !isGroup(item) && item.index === selected}
-                    {#if isGroup(item)}
-                        <li class="group eyebrow-heading-3">
-                            {item.name}
-                        </li>
+        <div class="content">
+            {#if groupsAndOptions}
+                <ul class="options">
+                    {#each groupsAndOptions as item}
+                        {@const isSelected = !isGroup(item) && item.index === selected}
+                        {#if isGroup(item)}
+                            <li class="group eyebrow-heading-3">
+                                {item.name}
+                            </li>
+                        {:else}
+                            <li class="result" data-selected={isSelected ? true : undefined}>
+                                {#if isSelected}
+                                    <div
+                                        class="bg"
+                                        in:send|local={{ key: 'bg' }}
+                                        out:receive|local={{ key: 'bg' }} />
+                                {/if}
+                                <button
+                                    class="option"
+                                    on:click={getOptionClickHandler(item)}
+                                    on:mouseover={getOptionFocusHandler(item)}
+                                    on:focus={getOptionFocusHandler(item)}>
+                                    <slot name="option" option={castOption(item)} />
+                                </button>
+                            </li>
+                        {/if}
                     {:else}
-                        <li class="result" data-selected={isSelected ? true : undefined}>
-                            {#if isSelected}
-                                <div
-                                    class="bg"
-                                    in:send|local={{ key: 'bg' }}
-                                    out:receive|local={{ key: 'bg' }} />
-                            {/if}
-                            <button
-                                class="option"
-                                on:click={getOptionClickHandler(item)}
-                                on:mouseover={getOptionFocusHandler(item)}
-                                on:focus={getOptionFocusHandler(item)}>
-                                <slot name="option" option={castOption(item)} />
-                            </button>
+                        <li class="result">
+                            <slot name="no-options">
+                                <span class="text">No options found</span>
+                            </slot>
                         </li>
-                    {/if}
-                {:else}
-                    <li class="result">
-                        <slot name="no-options">
-                            <span class="text">No options found</span>
-                        </slot>
-                    </li>
-                {/each}
-            </ul>
-        {:else}
-            <slot />
-        {/if}
+                    {/each}
+                </ul>
+            {:else}
+                <slot />
+            {/if}
+        </div>
     </div>
     <div class="footer">
         <slot name="footer" />
@@ -257,11 +263,11 @@
     .card {
         display: flex;
         flex-direction: column;
-        width: var(--command-panel-width, 680px);
+        width: var(--command-panel-width, 42.5rem);
         max-width: 100%;
-        max-height: 450px;
+        max-height: 32rem;
         overflow: hidden;
-        padding: 0.5rem;
+        padding: 0;
 
         position: absolute;
         top: clamp(128px, 15vh, 400px);
@@ -273,71 +279,42 @@
         background: rgba(27, 27, 40, 0.8);
         box-shadow: 0px 16px 32px 0px #14141f;
         backdrop-filter: blur(6px);
+
+        &.fullheight {
+            height: 32rem;
+        }
+
+        :global(.kbd) {
+            background-color: hsl(var(--color-neutral-150));
+            padding-inline: 0.25rem;
+        }
     }
 
     .search-wrapper {
+        display: flex;
+        gap: 0.25rem;
+        align-items: center;
+        width: 100%;
+
         border-bottom: 1px solid hsl(var(--color-border));
         font-size: 16px;
-    }
+        padding: 1rem;
 
-    .options {
-        overflow-y: auto;
-        height: 100%;
-        flex-shrink: 1;
-    }
-
-    input {
-        border: none;
-        background-color: transparent;
-    }
-
-    .group {
-        color: hsl(var(--color-neutral-70));
-        margin-inline-start: 0.25rem;
-        position: relative;
-        z-index: 10;
-    }
-
-    .result {
-        transition: 150ms;
-        position: relative;
-
-        opacity: 0.65;
-        transition: 75ms cubic-bezier(0.5, 1, 0.89, 1);
-        &[data-selected] {
-            opacity: 1;
-            transition: 150ms cubic-bezier(0.5, 1, 0.89, 1);
+        .default-search {
+            input {
+                margin: -1rem;
+                padding: 1rem;
+                border: none;
+                background-color: transparent;
+            }
         }
-
-        .bg {
-            position: absolute;
-            inset: 0;
-            background-color: hsl(var(--color-neutral-200));
-            border-radius: 0.75rem;
-            translate: 0 -1px;
-        }
-
-        .option {
-            padding: 0.5rem 0.75rem;
-            position: relative;
-            z-index: 10;
-            width: 100%;
-
-            box-shadow: none !important;
-        }
-    }
-
-    .footer {
-        background: linear-gradient(180deg, #1b1b28 0%, #282a3b 100%);
-        margin: -0.5rem;
-        padding: 0.5rem;
     }
 
     .crumb {
         display: flex;
         padding: 0.09375rem 0.25rem;
         align-items: center;
-        gap: 0.125rem;
+        gap: 0.25rem;
 
         border-radius: 0.25rem;
         background: var(--dark-neutrals-150, #373b4d);
@@ -349,5 +326,69 @@
         font-style: normal;
         font-weight: 400;
         line-height: normal;
+
+        white-space: nowrap;
+
+        &:hover {
+            opacity: 0.75;
+        }
+
+        i {
+            font-size: 10px;
+        }
+    }
+
+    .options {
+        overflow-y: auto;
+        height: 100%;
+        flex-shrink: 1;
+
+        padding: 1rem;
+
+        .group {
+            color: hsl(var(--color-neutral-70));
+            margin-inline-start: 0.25rem;
+            margin-block-start: 1rem;
+            margin-block-end: 0.25rem;
+            position: relative;
+            z-index: 10;
+        }
+
+        .result {
+            transition: 150ms;
+            position: relative;
+
+            opacity: 0.65;
+            transition: 75ms cubic-bezier(0.5, 1, 0.89, 1);
+            &[data-selected] {
+                opacity: 1;
+                transition: 150ms cubic-bezier(0.5, 1, 0.89, 1);
+            }
+
+            .bg {
+                position: absolute;
+                inset: 0;
+                background-color: hsl(var(--color-neutral-200));
+                border-radius: 0.75rem;
+                translate: 0 -1px;
+            }
+
+            .option {
+                padding: 0.5rem 0.75rem;
+                position: relative;
+                z-index: 10;
+                width: 100%;
+
+                box-shadow: none !important;
+            }
+        }
+    }
+
+    .footer {
+        background: linear-gradient(180deg, #1b1b28 0%, #282a3b 100%);
+        border-top: 1px solid hsl(var(--color-border));
+
+        // margin: -1rem;
+        padding: 0.5rem 1rem;
     }
 </style>
diff --git a/src/lib/components/code.svelte b/src/lib/components/code.svelte
index 38f8372cf..6613d337a 100644
--- a/src/lib/components/code.svelte
+++ b/src/lib/components/code.svelte
@@ -1,3 +1,12 @@
+<script lang="ts" context="module">
+    const langArr = ['js', 'html', 'dart', 'kotlin', 'json', 'sh', 'yml', 'swift'] as const;
+    export type Language = (typeof langArr)[number];
+
+    export function isLanguage(str: string): str is Language {
+        return langArr.includes(str as Language);
+    }
+</script>
+
 <script lang="ts">
     import { Pill } from '$lib/elements';
     import Prism from 'prismjs';
diff --git a/src/lib/images/appwrite-cooler.svg b/src/lib/images/appwrite-cooler.svg
new file mode 100644
index 000000000..54e29b982
--- /dev/null
+++ b/src/lib/images/appwrite-cooler.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12" fill="none">
+  <path
+    d="M6.15638 3.92787C6.14928 3.9455 6.05752 4.30532 5.95902 4.73224C5.85654 5.15904 5.69426 5.83283 5.60268 6.23135C5.4262 6.96159 5.32036 7.44133 5.32036 7.50475C5.32036 7.52232 5.42981 7.53659 5.56369 7.53659H5.80726L5.91647 7.04968C5.98008 6.78523 6.1213 6.1784 6.23406 5.7022C6.347 5.22601 6.48443 4.64746 6.53744 4.41454C6.59033 4.18173 6.64328 3.97029 6.65387 3.9455C6.66446 3.91379 6.60441 3.90332 6.42095 3.90332C6.28334 3.90332 6.16336 3.91379 6.15638 3.92787ZM4.262 5.4552L3.9375 5.80804L4.03287 5.92093C4.08564 5.98435 4.23047 6.14314 4.35383 6.27377L4.57965 6.51343H5.22174L4.91823 6.18544C4.75234 6.00926 4.61479 5.83975 4.61479 5.81869C4.61479 5.79396 4.74181 5.63535 4.89717 5.46591C5.05229 5.29322 5.17932 5.14484 5.17932 5.12727C5.17932 5.11306 5.04531 5.10253 4.88309 5.10253H4.59024L4.262 5.4552ZM6.73131 5.12371C6.73131 5.13437 6.79137 5.20122 6.86538 5.27535C7.14072 5.55051 7.33465 5.78343 7.324 5.8291C7.31708 5.85401 7.1829 6.01967 7.02068 6.19248L6.72794 6.51343H7.05594L7.38399 6.51L7.6837 6.18189C7.84972 5.99861 7.98372 5.83614 7.98372 5.81508C7.98372 5.79751 7.84262 5.63168 7.66614 5.44479L7.34891 5.10253H7.0418C6.86893 5.10253 6.73131 5.11306 6.73131 5.12371Z"
+    fill="url(#paint0_linear_598_58741)" fill-opacity="0.8" />
+  <mask id="path-2-inside-1_598_58741" fill="white">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+      d="M8.99832 11.1877C9.8811 11.6997 10.9066 11.9929 12.0006 11.9929C15.3102 11.9929 17.993 9.31022 17.993 6.00105C17.993 2.69188 15.3102 0.00927734 12.0006 0.00927734C10.9071 0.00927734 9.88211 0.302156 8.99959 0.813692C5.36865 -1.31465 0.583686 0.92861 0.0457609 5.26024C-0.218391 7.38758 0.67407 9.49392 2.38612 10.784C4.45312 12.3436 7.03283 12.3191 8.99832 11.1877ZM10.4211 8.08168C10.0732 8.82164 9.54502 9.46011 8.8932 9.94057C8.59484 10.1577 8.26409 10.3462 7.90173 10.4997C6.29455 11.1807 4.44597 10.9525 3.05258 9.901C0.0502737 7.63552 0.626354 2.96986 4.08969 1.50272C5.3555 0.966514 6.77101 0.994119 7.99592 1.54365C7.99533 1.54418 7.99473 1.54471 7.99414 1.54525C9.65279 2.28896 10.821 3.93029 10.8806 5.85103C10.902 6.61658 10.7459 7.38355 10.4211 8.08168Z" />
+  </mask>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M8.99832 11.1877C9.8811 11.6997 10.9066 11.9929 12.0006 11.9929C15.3102 11.9929 17.993 9.31022 17.993 6.00105C17.993 2.69188 15.3102 0.00927734 12.0006 0.00927734C10.9071 0.00927734 9.88211 0.302156 8.99959 0.813692C5.36865 -1.31465 0.583686 0.92861 0.0457609 5.26024C-0.218391 7.38758 0.67407 9.49392 2.38612 10.784C4.45312 12.3436 7.03283 12.3191 8.99832 11.1877ZM10.4211 8.08168C10.0732 8.82164 9.54502 9.46011 8.8932 9.94057C8.59484 10.1577 8.26409 10.3462 7.90173 10.4997C6.29455 11.1807 4.44597 10.9525 3.05258 9.901C0.0502737 7.63552 0.626354 2.96986 4.08969 1.50272C5.3555 0.966514 6.77101 0.994119 7.99592 1.54365C7.99533 1.54418 7.99473 1.54471 7.99414 1.54525C9.65279 2.28896 10.821 3.93029 10.8806 5.85103C10.902 6.61658 10.7459 7.38355 10.4211 8.08168Z"
+    fill="url(#paint1_linear_598_58741)" fill-opacity="0.8" />
+  <path
+    d="M8.99832 11.1877L9.09866 11.0147L8.9987 10.9567L8.89854 11.0143L8.99832 11.1877ZM8.99959 0.813692L8.89845 0.986235L8.99903 1.04519L9.09989 0.986726L8.99959 0.813692ZM0.0457609 5.26024L-0.152715 5.23559L-0.152715 5.2356L0.0457609 5.26024ZM2.38612 10.784L2.50659 10.6243L2.50648 10.6243L2.38612 10.784ZM8.8932 9.94057L9.01088 10.1023L9.01186 10.1016L8.8932 9.94057ZM10.4211 8.08168L10.6021 8.16678L10.6024 8.16604L10.4211 8.08168ZM7.90173 10.4997L7.82371 10.3155L7.8237 10.3156L7.90173 10.4997ZM3.05258 9.901L3.17305 9.74135L3.17305 9.74135L3.05258 9.901ZM4.08969 1.50272L4.01168 1.31856L4.01168 1.31856L4.08969 1.50272ZM7.99592 1.54365L8.12958 1.69243L8.35825 1.487L8.07778 1.36117L7.99592 1.54365ZM7.99414 1.54525L7.86039 1.39655L7.63195 1.60203L7.91231 1.72774L7.99414 1.54525ZM10.8806 5.85103L11.0806 5.84545L11.0805 5.84483L10.8806 5.85103ZM12.0006 11.7929C10.9428 11.7929 9.95179 11.5095 9.09866 11.0147L8.89798 11.3607C9.81041 11.8899 10.8704 12.1929 12.0006 12.1929V11.7929ZM17.793 6.00105C17.793 9.19975 15.1997 11.7929 12.0006 11.7929V12.1929C15.4206 12.1929 18.193 9.4207 18.193 6.00105H17.793ZM12.0006 0.209277C15.1998 0.209277 17.793 2.80236 17.793 6.00105H18.193C18.193 2.58141 15.4206 -0.190723 12.0006 -0.190723V0.209277ZM9.09989 0.986726C9.95276 0.492375 10.9433 0.209277 12.0006 0.209277V-0.190723C10.8709 -0.190723 9.81146 0.111937 8.8993 0.640658L9.09989 0.986726ZM9.10073 0.641149C5.34805 -1.55855 0.403246 0.758733 -0.152715 5.23559L0.244236 5.28489C0.764126 1.09849 5.38925 -1.07074 8.89845 0.986235L9.10073 0.641149ZM-0.152715 5.2356C-0.425684 7.43394 0.496568 9.61059 2.26576 10.9437L2.50648 10.6243C0.851572 9.37725 -0.011098 7.34121 0.244237 5.28489L-0.152715 5.2356ZM2.26566 10.9436C4.40191 12.5556 7.06895 12.529 9.0981 11.361L8.89854 11.0143C6.99671 12.1091 4.50432 12.1317 2.50659 10.6243L2.26566 10.9436ZM9.01186 10.1016C9.69018 9.60158 10.2399 8.93712 10.6021 8.16678L10.2401 7.99657C9.90647 8.70615 9.39987 9.31865 8.77453 9.77957L9.01186 10.1016ZM8.77552 9.77885C8.48954 9.98696 8.1721 10.168 7.82371 10.3155L7.97974 10.6839C8.35607 10.5244 8.70014 10.3284 9.01088 10.1023L8.77552 9.77885ZM7.8237 10.3156C6.28232 10.9686 4.5094 10.7498 3.17305 9.74135L2.93211 10.0606C4.38253 11.1551 6.30678 11.3927 7.97975 10.6839L7.8237 10.3156ZM3.17305 9.74135C0.293644 7.56861 0.846137 3.09396 4.16771 1.68687L4.01168 1.31856C0.406571 2.84575 -0.193096 7.70243 2.93211 10.0606L3.17305 9.74135ZM4.16771 1.68688C5.38167 1.17263 6.73925 1.19908 7.91405 1.72613L8.07778 1.36117C6.80276 0.78916 5.32933 0.760396 4.01168 1.31856L4.16771 1.68688ZM8.12789 1.69394C8.12849 1.69341 8.12868 1.69324 8.12958 1.69243L7.86226 1.39487C7.86198 1.39512 7.86098 1.39602 7.86039 1.39655L8.12789 1.69394ZM11.0805 5.84483C11.0185 3.845 9.80209 2.13672 8.07597 1.36275L7.91231 1.72774C9.50349 2.4412 10.6236 4.01559 10.6807 5.85723L11.0805 5.84483ZM10.6807 5.85661C10.7012 6.59148 10.5514 7.32762 10.2398 7.99731L10.6024 8.16604C10.9405 7.43947 11.1028 6.64168 11.0806 5.84545L10.6807 5.85661Z"
+    fill="url(#paint2_linear_598_58741)" mask="url(#path-2-inside-1_598_58741)" />
+  <defs>
+    <linearGradient id="paint0_linear_598_58741" x1="5.96061" y1="2.08669" x2="5.96061" y2="8.29351"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F02E65" />
+      <stop offset="1" stop-color="#F02E65" stop-opacity="0.48" />
+    </linearGradient>
+    <linearGradient id="paint1_linear_598_58741" x1="12.9936" y1="-5.98253" x2="12.9936" y2="14.4895"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F02E65" />
+      <stop offset="1" stop-color="#F02E65" stop-opacity="0.35" />
+    </linearGradient>
+    <linearGradient id="paint2_linear_598_58741" x1="23.5" y1="4.5" x2="-13" y2="13.5" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F02E65" stop-opacity="0.57" />
+      <stop offset="1" stop-color="white" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/src/lib/system.ts b/src/lib/system.ts
index fce3af560..aa139adb4 100644
--- a/src/lib/system.ts
+++ b/src/lib/system.ts
@@ -11,7 +11,7 @@ export const VARS = {
     CONSOLE_MODE: import.meta.env?.VITE_CONSOLE_MODE?.toString() as string | undefined,
     VERCEL_ENV: import.meta.env?.VITE_VERCEL_ENV?.toString() as string | undefined,
     GOOGLE_ANALYTICS: import.meta.env?.VITE_GA_PROJECT?.toString() as string | undefined,
-    AI_ENDPOINT: import.meta.env?.VITE_AI_ENDPOINT?.toString() as string | undefined
+    ASSISTANT_ENDPOINT: import.meta.env?.VITE_ASSISTANT_ENDPOINT?.toString() as string | undefined
 };
 
 export const ENV = {
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 3dcd1e167..477a9a8dc 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -26,7 +26,7 @@
             label: 'Ask AI',
             callback: () => {
                 addSubPanel({
-                    name: 'AI',
+                    name: 'Ask the AI',
                     component: AI
                 });
             },

From 1c0b050d2cd146faa4e8148f07e1af5d998e4873 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 10 Jul 2023 15:09:16 +0100
Subject: [PATCH 043/128] fix: command center styles

---
 src/lib/commandCenter/panels/template.svelte | 186 +++++++++----------
 1 file changed, 93 insertions(+), 93 deletions(-)

diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 1c6907ad2..ba26bfc1b 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -163,65 +163,64 @@
     bind:this={cardEl}
     class:press={!$commandCenterCtx.isInitialPanel}
     class:scale-up={$commandCenterCtx.isInitialPanel && $commandCenterCtx.open}>
-    <div class="u-flex u-flex-vertical u-width-full-line u-overflow-hidden">
-        <div class="search-wrapper">
-            {#each breadcrumbs as crumb, i}
-                <button class="crumb" on:click={() => handleCrumbClick(i)}>
-                    <span>{crumb}</span>
-                    <i class="icon-x" />
-                </button>
-            {/each}
+    <div class="search-wrapper">
+        {#each breadcrumbs as crumb, i}
+            <button class="crumb" on:click={() => handleCrumbClick(i)}>
+                <span>{crumb}</span>
+                <i class="icon-x" />
+            </button>
+        {/each}
 
-            <slot name="search">
-                <div class="u-flex default-search u-width-full-line">
-                    <input
-                        type="text"
-                        placeholder="Search for commands..."
-                        autofocus
-                        bind:value={search} />
-                </div>
-            </slot>
-        </div>
-
-        <div class="content">
-            {#if groupsAndOptions}
-                <ul class="options">
-                    {#each groupsAndOptions as item}
-                        {@const isSelected = !isGroup(item) && item.index === selected}
-                        {#if isGroup(item)}
-                            <li class="group eyebrow-heading-3">
-                                {item.name}
-                            </li>
-                        {:else}
-                            <li class="result" data-selected={isSelected ? true : undefined}>
-                                {#if isSelected}
-                                    <div
-                                        class="bg"
-                                        in:send|local={{ key: 'bg' }}
-                                        out:receive|local={{ key: 'bg' }} />
-                                {/if}
-                                <button
-                                    class="option"
-                                    on:click={getOptionClickHandler(item)}
-                                    on:mouseover={getOptionFocusHandler(item)}
-                                    on:focus={getOptionFocusHandler(item)}>
-                                    <slot name="option" option={castOption(item)} />
-                                </button>
-                            </li>
-                        {/if}
-                    {:else}
-                        <li class="result">
-                            <slot name="no-options">
-                                <span class="text">No options found</span>
-                            </slot>
-                        </li>
-                    {/each}
-                </ul>
-            {:else}
-                <slot />
-            {/if}
-        </div>
+        <slot name="search">
+            <div class="u-flex default-search u-width-full-line">
+                <input
+                    type="text"
+                    placeholder="Search for commands..."
+                    autofocus
+                    bind:value={search} />
+            </div>
+        </slot>
     </div>
+
+    <div class="content">
+        {#if groupsAndOptions}
+            <ul class="options">
+                {#each groupsAndOptions as item}
+                    {@const isSelected = !isGroup(item) && item.index === selected}
+                    {#if isGroup(item)}
+                        <li class="group eyebrow-heading-3">
+                            {item.name}
+                        </li>
+                    {:else}
+                        <li class="result" data-selected={isSelected ? true : undefined}>
+                            {#if isSelected}
+                                <div
+                                    class="bg"
+                                    in:send|local={{ key: 'bg' }}
+                                    out:receive|local={{ key: 'bg' }} />
+                            {/if}
+                            <button
+                                class="option"
+                                on:click={getOptionClickHandler(item)}
+                                on:mouseover={getOptionFocusHandler(item)}
+                                on:focus={getOptionFocusHandler(item)}>
+                                <slot name="option" option={castOption(item)} />
+                            </button>
+                        </li>
+                    {/if}
+                {:else}
+                    <li class="result">
+                        <slot name="no-options">
+                            <span class="text">No options found</span>
+                        </slot>
+                    </li>
+                {/each}
+            </ul>
+        {:else}
+            <slot />
+        {/if}
+    </div>
+
     <div class="footer">
         <slot name="footer" />
     </div>
@@ -338,48 +337,49 @@
         }
     }
 
-    .options {
+    .content {
         overflow-y: auto;
-        height: 100%;
-        flex-shrink: 1;
+        flex-grow: 1;
 
-        padding: 1rem;
+        .options {
+            padding: 1rem;
 
-        .group {
-            color: hsl(var(--color-neutral-70));
-            margin-inline-start: 0.25rem;
-            margin-block-start: 1rem;
-            margin-block-end: 0.25rem;
-            position: relative;
-            z-index: 10;
-        }
-
-        .result {
-            transition: 150ms;
-            position: relative;
-
-            opacity: 0.65;
-            transition: 75ms cubic-bezier(0.5, 1, 0.89, 1);
-            &[data-selected] {
-                opacity: 1;
-                transition: 150ms cubic-bezier(0.5, 1, 0.89, 1);
-            }
-
-            .bg {
-                position: absolute;
-                inset: 0;
-                background-color: hsl(var(--color-neutral-200));
-                border-radius: 0.75rem;
-                translate: 0 -1px;
-            }
-
-            .option {
-                padding: 0.5rem 0.75rem;
+            .group {
+                color: hsl(var(--color-neutral-70));
+                margin-inline-start: 0.25rem;
+                margin-block-start: 1rem;
+                margin-block-end: 0.25rem;
                 position: relative;
                 z-index: 10;
-                width: 100%;
+            }
 
-                box-shadow: none !important;
+            .result {
+                transition: 150ms;
+                position: relative;
+
+                opacity: 0.65;
+                transition: 75ms cubic-bezier(0.5, 1, 0.89, 1);
+                &[data-selected] {
+                    opacity: 1;
+                    transition: 150ms cubic-bezier(0.5, 1, 0.89, 1);
+                }
+
+                .bg {
+                    position: absolute;
+                    inset: 0;
+                    background-color: hsl(var(--color-neutral-200));
+                    border-radius: 0.75rem;
+                    translate: 0 -1px;
+                }
+
+                .option {
+                    padding: 0.5rem 0.75rem;
+                    position: relative;
+                    z-index: 10;
+                    width: 100%;
+
+                    box-shadow: none !important;
+                }
             }
         }
     }

From f977fab57b273859d8277598e20bc50d4617f4da Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 10 Jul 2023 15:12:16 +0100
Subject: [PATCH 044/128] force redeploy


From e91ef414a9991999f2a0440c9baf97b24d2ccb04 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 10 Jul 2023 15:15:14 +0100
Subject: [PATCH 045/128] pnpm fixes everything

---
 package-lock.json                      | 6069 ------------------------
 package.json                           |    1 +
 pnpm-lock.yaml                         | 3679 ++++++++++++++
 src/lib/commandCenter/panels/ai.svelte |   14 +-
 4 files changed, 3687 insertions(+), 6076 deletions(-)
 delete mode 100644 package-lock.json
 create mode 100644 pnpm-lock.yaml

diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index f99e8f6d1..000000000
--- a/package-lock.json
+++ /dev/null
@@ -1,6069 +0,0 @@
-{
-    "name": "@appwrite/console",
-    "lockfileVersion": 3,
-    "requires": true,
-    "packages": {
-        "": {
-            "name": "@appwrite/console",
-            "dependencies": {
-                "@analytics/google-analytics": "^1.0.5",
-                "@appwrite.io/console": "0.1.0",
-                "@appwrite.io/pink": "^0.0.6-rc.10",
-                "@popperjs/core": "^2.11.6",
-                "@sentry/svelte": "^7.44.2",
-                "@sentry/tracing": "^7.44.2",
-                "ai": "^2.1.15",
-                "analytics": "^0.8.1",
-                "dotenv": "^16.0.3",
-                "echarts": "^5.4.1",
-                "logrocket": "^3.0.1",
-                "pretty-bytes": "^6.1.0",
-                "prismjs": "^1.29.0",
-                "tippy.js": "^6.3.7",
-                "web-vitals": "^3.1.1"
-            },
-            "devDependencies": {
-                "@playwright/test": "^1.31.2",
-                "@sveltejs/adapter-static": "^2.0.2",
-                "@sveltejs/kit": "^1.15.4",
-                "@sveltejs/vite-plugin-svelte": "^2.0.4",
-                "@testing-library/dom": "^9.0.1",
-                "@testing-library/jest-dom": "^5.16.5",
-                "@testing-library/svelte": "^3.2.2",
-                "@testing-library/user-event": "^14.4.3",
-                "@types/prismjs": "^1.26.0",
-                "@typescript-eslint/eslint-plugin": "^5.56.0",
-                "@typescript-eslint/parser": "^5.56.0",
-                "@vitest/ui": "^0.29.7",
-                "eslint": "^8.36.0",
-                "eslint-config-prettier": "^8.8.0",
-                "eslint-plugin-svelte3": "^4.0.0",
-                "jsdom": "^21.1.1",
-                "kleur": "^4.1.5",
-                "pre-commit": "^1.2.2",
-                "prettier": "^2.8.6",
-                "prettier-plugin-svelte": "^2.9.0",
-                "sass": "^1.59.3",
-                "svelte": "^3.57.0",
-                "svelte-check": "^3.1.4",
-                "svelte-jester": "^2.3.2",
-                "svelte-preprocess": "^5.0.3",
-                "tslib": "^2.5.0",
-                "typescript": "^5.0.2",
-                "vite": "^4.2.1",
-                "vitest": "^0.29.7"
-            },
-            "engines": {
-                "node": ">=16"
-            }
-        },
-        "node_modules/@adobe/css-tools": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.2.0.tgz",
-            "integrity": "sha512-E09FiIft46CmH5Qnjb0wsW54/YQd69LsxeKUOWawmws1XWvyFGURnAChH0mlr7YPFR1ofwvUQfcL0J3lMxXqPA==",
-            "dev": true
-        },
-        "node_modules/@analytics/cookie-utils": {
-            "version": "0.2.10",
-            "resolved": "https://registry.npmjs.org/@analytics/cookie-utils/-/cookie-utils-0.2.10.tgz",
-            "integrity": "sha512-k7oyW1PkMCnEdCYmHCLLXAsKavQh5ZRh5EeugBEUTlPJs8x8ajF+W1T0PYVDS26Impkea1sJR2etv/6l2pKtlg==",
-            "dependencies": {
-                "@analytics/global-storage-utils": "^0.1.5"
-            }
-        },
-        "node_modules/@analytics/core": {
-            "version": "0.11.1",
-            "resolved": "https://registry.npmjs.org/@analytics/core/-/core-0.11.1.tgz",
-            "integrity": "sha512-vHuiMpeGV6jGRRoOuScUJ4CHpVd1Zu9M+fjEWgN+boMAxIwFCtRTkSbhhIP337JuEBLpMT8w37OxA4Yh3NZFZw==",
-            "funding": [
-                {
-                    "type": "GitHub Sponsors",
-                    "url": "https://github.com/sponsors/davidwells"
-                }
-            ],
-            "dependencies": {
-                "@analytics/global-storage-utils": "^0.1.5",
-                "@analytics/type-utils": "^0.6.0",
-                "analytics-utils": "^1.0.10"
-            }
-        },
-        "node_modules/@analytics/global-storage-utils": {
-            "version": "0.1.5",
-            "resolved": "https://registry.npmjs.org/@analytics/global-storage-utils/-/global-storage-utils-0.1.5.tgz",
-            "integrity": "sha512-DzOCd0qK7PGnz/dgBYNzLmaFBkxcEHM6/CpWMY7hel1IBUldMsyet4sdRgI2Nk+Wc6B/YvqVqos68p5ntB59zA==",
-            "dependencies": {
-                "@analytics/type-utils": "^0.6.0"
-            }
-        },
-        "node_modules/@analytics/google-analytics": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/@analytics/google-analytics/-/google-analytics-1.0.5.tgz",
-            "integrity": "sha512-I/yfiCVQo8AeT72KPa6z571LJKDbLdm4ntDqOHiE2Xehw9UjKcXQWiKTHL1/nfOOiekfpLf/6rFS5P6dQ0vImw=="
-        },
-        "node_modules/@analytics/localstorage-utils": {
-            "version": "0.1.8",
-            "resolved": "https://registry.npmjs.org/@analytics/localstorage-utils/-/localstorage-utils-0.1.8.tgz",
-            "integrity": "sha512-tU5rLEHdYRc4EmRXkWacMJSmu4SeJfQuxvthSHHRVx3hGBQ00MJRDGyDHMXcrLKQXrBpsJo6t/8YRavHLOxDPQ==",
-            "dependencies": {
-                "@analytics/global-storage-utils": "^0.1.5"
-            }
-        },
-        "node_modules/@analytics/session-storage-utils": {
-            "version": "0.0.5",
-            "resolved": "https://registry.npmjs.org/@analytics/session-storage-utils/-/session-storage-utils-0.0.5.tgz",
-            "integrity": "sha512-BXRNQ73GSkkkny//a/SNCYRyrIhEJBwOTcdNkr2gq6ghXgekQGrTfVzwybZ/tAEHA0XYkkaOszelRsDPxa+UOQ==",
-            "dependencies": {
-                "@analytics/global-storage-utils": "^0.1.5"
-            }
-        },
-        "node_modules/@analytics/storage-utils": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/@analytics/storage-utils/-/storage-utils-0.4.0.tgz",
-            "integrity": "sha512-RY9nhoSQcuQxkmVUZBG3ULOwiFxi+H5N0WHn+FPUScnoM4b+tC48dWzyFxD9qKyWPah8/ndjCj6r+6wTGSl1zw==",
-            "dependencies": {
-                "@analytics/cookie-utils": "^0.2.10",
-                "@analytics/global-storage-utils": "^0.1.5",
-                "@analytics/localstorage-utils": "^0.1.8",
-                "@analytics/session-storage-utils": "^0.0.5",
-                "@analytics/type-utils": "^0.6.0"
-            }
-        },
-        "node_modules/@analytics/type-utils": {
-            "version": "0.6.0",
-            "resolved": "https://registry.npmjs.org/@analytics/type-utils/-/type-utils-0.6.0.tgz",
-            "integrity": "sha512-1Yw7u/COtxx06BfwlI+kVhsa/upKYzmCNrT4c8QDeCY2KMYlnijkUjtHiPU08HxyTIVB5j6d75O0YWVIHwQS8g=="
-        },
-        "node_modules/@appwrite.io/console": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/@appwrite.io/console/-/console-0.1.0.tgz",
-            "integrity": "sha512-GzCRUmaXAVgpGwxBNI3PrtCLHz7CM+epBHDDTHw8B2u61KbijGBO3GrwreXy91fy00RJiEzGlMSRzDgwsF3Tsg==",
-            "dependencies": {
-                "cross-fetch": "3.1.5",
-                "isomorphic-form-data": "2.0.0"
-            }
-        },
-        "node_modules/@appwrite.io/pink": {
-            "version": "0.0.6-rc.10",
-            "resolved": "https://registry.npmjs.org/@appwrite.io/pink/-/pink-0.0.6-rc.10.tgz",
-            "integrity": "sha512-mhpgjQVfQvghItgcCzsHN0Ynn4U9JNg8HlSJ+HVDUi/bNHxmlm7XdNJE6s65LMJ6LfepROn6zZMHquANvGfNDg==",
-            "dependencies": {
-                "@appwrite.io/pink-icons": "*",
-                "normalize.css": "^8.0.1",
-                "the-new-css-reset": "^1.7.3"
-            }
-        },
-        "node_modules/@appwrite.io/pink-icons": {
-            "version": "0.0.6-rc.5",
-            "resolved": "https://registry.npmjs.org/@appwrite.io/pink-icons/-/pink-icons-0.0.6-rc.5.tgz",
-            "integrity": "sha512-Jv6ecAPhOp50SMiwBiWjK1yl+E/ZK0GzqVxo3nSoo2hIGO8GhfUhgK+yNJc0J9ccV0QjrU+3xxcmzuBWNXJfkA=="
-        },
-        "node_modules/@babel/code-frame": {
-            "version": "7.18.6",
-            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
-            "integrity": "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==",
-            "dev": true,
-            "dependencies": {
-                "@babel/highlight": "^7.18.6"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-validator-identifier": {
-            "version": "7.19.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz",
-            "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==",
-            "dev": true,
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/highlight": {
-            "version": "7.18.6",
-            "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz",
-            "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==",
-            "dev": true,
-            "dependencies": {
-                "@babel/helper-validator-identifier": "^7.18.6",
-                "chalk": "^2.0.0",
-                "js-tokens": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/highlight/node_modules/ansi-styles": {
-            "version": "3.2.1",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-            "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-            "dev": true,
-            "dependencies": {
-                "color-convert": "^1.9.0"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/@babel/highlight/node_modules/chalk": {
-            "version": "2.4.2",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-            "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-            "dev": true,
-            "dependencies": {
-                "ansi-styles": "^3.2.1",
-                "escape-string-regexp": "^1.0.5",
-                "supports-color": "^5.3.0"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/@babel/highlight/node_modules/color-convert": {
-            "version": "1.9.3",
-            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-            "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-            "dev": true,
-            "dependencies": {
-                "color-name": "1.1.3"
-            }
-        },
-        "node_modules/@babel/highlight/node_modules/color-name": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-            "dev": true
-        },
-        "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-            "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.8.0"
-            }
-        },
-        "node_modules/@babel/highlight/node_modules/has-flag": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-            "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-            "dev": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/@babel/highlight/node_modules/supports-color": {
-            "version": "5.5.0",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-            "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-            "dev": true,
-            "dependencies": {
-                "has-flag": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/@babel/runtime": {
-            "version": "7.21.0",
-            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.0.tgz",
-            "integrity": "sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==",
-            "dev": true,
-            "dependencies": {
-                "regenerator-runtime": "^0.13.11"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@esbuild/android-arm": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.14.tgz",
-            "integrity": "sha512-0CnlwnjDU8cks0yJLXfkaU/uoLyRf9VZJs4p1PskBr2AlAHeEsFEwJEo0of/Z3g+ilw5mpyDwThlxzNEIxOE4g==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/android-arm64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.14.tgz",
-            "integrity": "sha512-eLOpPO1RvtsP71afiFTvS7tVFShJBCT0txiv/xjFBo5a7R7Gjw7X0IgIaFoLKhqXYAXhahoXm7qAmRXhY4guJg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/android-x64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.14.tgz",
-            "integrity": "sha512-nrfQYWBfLGfSGLvRVlt6xi63B5IbfHm3tZCdu/82zuFPQ7zez4XjmRtF/wIRYbJQ/DsZrxJdEvYFE67avYXyng==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/darwin-arm64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.14.tgz",
-            "integrity": "sha512-eoSjEuDsU1ROwgBH/c+fZzuSyJUVXQTOIN9xuLs9dE/9HbV/A5IqdXHU1p2OfIMwBwOYJ9SFVGGldxeRCUJFyw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/darwin-x64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.14.tgz",
-            "integrity": "sha512-zN0U8RWfrDttdFNkHqFYZtOH8hdi22z0pFm0aIJPsNC4QQZv7je8DWCX5iA4Zx6tRhS0CCc0XC2m7wKsbWEo5g==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.14.tgz",
-            "integrity": "sha512-z0VcD4ibeZWVQCW1O7szaLxGsx54gcCnajEJMdYoYjLiq4g1jrP2lMq6pk71dbS5+7op/L2Aod+erw+EUr28/A==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.14.tgz",
-            "integrity": "sha512-hd9mPcxfTgJlolrPlcXkQk9BMwNBvNBsVaUe5eNUqXut6weDQH8whcNaKNF2RO8NbpT6GY8rHOK2A9y++s+ehw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-arm": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.14.tgz",
-            "integrity": "sha512-BNTl+wSJ1omsH8s3TkQmIIIQHwvwJrU9u1ggb9XU2KTVM4TmthRIVyxSp2qxROJHhZuW/r8fht46/QE8hU8Qvg==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-arm64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.14.tgz",
-            "integrity": "sha512-FhAMNYOq3Iblcj9i+K0l1Fp/MHt+zBeRu/Qkf0LtrcFu3T45jcwB6A1iMsemQ42vR3GBhjNZJZTaCe3VFPbn9g==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-ia32": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.14.tgz",
-            "integrity": "sha512-91OK/lQ5y2v7AsmnFT+0EyxdPTNhov3y2CWMdizyMfxSxRqHazXdzgBKtlmkU2KYIc+9ZK3Vwp2KyXogEATYxQ==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-loong64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.14.tgz",
-            "integrity": "sha512-vp15H+5NR6hubNgMluqqKza85HcGJgq7t6rMH7O3Y6ApiOWPkvW2AJfNojUQimfTp6OUrACUXfR4hmpcENXoMQ==",
-            "cpu": [
-                "loong64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.14.tgz",
-            "integrity": "sha512-90TOdFV7N+fgi6c2+GO9ochEkmm9kBAKnuD5e08GQMgMINOdOFHuYLPQ91RYVrnWwQ5683sJKuLi9l4SsbJ7Hg==",
-            "cpu": [
-                "mips64el"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.14.tgz",
-            "integrity": "sha512-NnBGeoqKkTugpBOBZZoktQQ1Yqb7aHKmHxsw43NddPB2YWLAlpb7THZIzsRsTr0Xw3nqiPxbA1H31ZMOG+VVPQ==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.14.tgz",
-            "integrity": "sha512-0qdlKScLXA8MGVy21JUKvMzCYWovctuP8KKqhtE5A6IVPq4onxXhSuhwDd2g5sRCzNDlDjitc5sX31BzDoL5Fw==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-s390x": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.14.tgz",
-            "integrity": "sha512-Hdm2Jo1yaaOro4v3+6/zJk6ygCqIZuSDJHdHaf8nVH/tfOuoEX5Riv03Ka15LmQBYJObUTNS1UdyoMk0WUn9Ww==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-x64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.14.tgz",
-            "integrity": "sha512-8KHF17OstlK4DuzeF/KmSgzrTWQrkWj5boluiiq7kvJCiQVzUrmSkaBvcLB2UgHpKENO2i6BthPkmUhNDaJsVw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.14.tgz",
-            "integrity": "sha512-nVwpqvb3yyXztxIT2+VsxJhB5GCgzPdk1n0HHSnchRAcxqKO6ghXwHhJnr0j/B+5FSyEqSxF4q03rbA2fKXtUQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.14.tgz",
-            "integrity": "sha512-1RZ7uQQ9zcy/GSAJL1xPdN7NDdOOtNEGiJalg/MOzeakZeTrgH/DoCkbq7TaPDiPhWqnDF+4bnydxRqQD7il6g==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/sunos-x64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.14.tgz",
-            "integrity": "sha512-nqMjDsFwv7vp7msrwWRysnM38Sd44PKmW8EzV01YzDBTcTWUpczQg6mGao9VLicXSgW/iookNK6AxeogNVNDZA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "sunos"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/win32-arm64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.14.tgz",
-            "integrity": "sha512-xrD0mccTKRBBIotrITV7WVQAwNJ5+1va6L0H9zN92v2yEdjfAN7864cUaZwJS7JPEs53bDTzKFbfqVlG2HhyKQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/win32-ia32": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.14.tgz",
-            "integrity": "sha512-nXpkz9bbJrLLyUTYtRotSS3t5b+FOuljg8LgLdINWFs3FfqZMtbnBCZFUmBzQPyxqU87F8Av+3Nco/M3hEcu1w==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/win32-x64": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.14.tgz",
-            "integrity": "sha512-gPQmsi2DKTaEgG14hc3CHXHp62k8g6qr0Pas+I4lUxRMugGSATh/Bi8Dgusoz9IQ0IfdrvLpco6kujEIBoaogA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@eslint-community/eslint-utils": {
-            "version": "4.4.0",
-            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-            "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-            "dev": true,
-            "dependencies": {
-                "eslint-visitor-keys": "^3.3.0"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "peerDependencies": {
-                "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-            }
-        },
-        "node_modules/@eslint-community/regexpp": {
-            "version": "4.4.1",
-            "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.4.1.tgz",
-            "integrity": "sha512-BISJ6ZE4xQsuL/FmsyRaiffpq977bMlsKfGHTQrOGFErfByxIe6iZTxPf/00Zon9b9a7iUykfQwejN3s2ZW/Bw==",
-            "dev": true,
-            "engines": {
-                "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-            }
-        },
-        "node_modules/@eslint/eslintrc": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.1.tgz",
-            "integrity": "sha512-eFRmABvW2E5Ho6f5fHLqgena46rOj7r7OKHYfLElqcBfGFHHpjBhivyi5+jOEQuSpdc/1phIZJlbC2te+tZNIw==",
-            "dev": true,
-            "dependencies": {
-                "ajv": "^6.12.4",
-                "debug": "^4.3.2",
-                "espree": "^9.5.0",
-                "globals": "^13.19.0",
-                "ignore": "^5.2.0",
-                "import-fresh": "^3.2.1",
-                "js-yaml": "^4.1.0",
-                "minimatch": "^3.1.2",
-                "strip-json-comments": "^3.1.1"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/@eslint/js": {
-            "version": "8.36.0",
-            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.36.0.tgz",
-            "integrity": "sha512-lxJ9R5ygVm8ZWgYdUweoq5ownDlJ4upvoWmO4eLxBYHdMo+vZ/Rx0EN6MbKWDJOSUGrqJy2Gt+Dyv/VKml0fjg==",
-            "dev": true,
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            }
-        },
-        "node_modules/@humanwhocodes/config-array": {
-            "version": "0.11.8",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
-            "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
-            "dev": true,
-            "dependencies": {
-                "@humanwhocodes/object-schema": "^1.2.1",
-                "debug": "^4.1.1",
-                "minimatch": "^3.0.5"
-            },
-            "engines": {
-                "node": ">=10.10.0"
-            }
-        },
-        "node_modules/@humanwhocodes/module-importer": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-            "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-            "dev": true,
-            "engines": {
-                "node": ">=12.22"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/nzakas"
-            }
-        },
-        "node_modules/@humanwhocodes/object-schema": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-            "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
-            "dev": true
-        },
-        "node_modules/@jest/expect-utils": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.5.0.tgz",
-            "integrity": "sha512-fmKzsidoXQT2KwnrwE0SQq3uj8Z763vzR8LnLBwC2qYWEFpjX8daRsk6rHUM1QvNlEW/UJXNXm59ztmJJWs2Mg==",
-            "dev": true,
-            "dependencies": {
-                "jest-get-type": "^29.4.3"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/schemas": {
-            "version": "29.4.3",
-            "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.4.3.tgz",
-            "integrity": "sha512-VLYKXQmtmuEz6IxJsrZwzG9NvtkQsWNnWMsKxqWNu3+CnfzJQhp0WDDKWLVV9hLKr0l3SLLFRqcYHjhtyuDVxg==",
-            "dev": true,
-            "dependencies": {
-                "@sinclair/typebox": "^0.25.16"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/types": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.5.0.tgz",
-            "integrity": "sha512-qbu7kN6czmVRc3xWFQcAN03RAUamgppVUdXrvl1Wr3jlNF93o9mJbGcDWrwGB6ht44u7efB1qCFgVQmca24Uog==",
-            "dev": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "@types/istanbul-lib-coverage": "^2.0.0",
-                "@types/istanbul-reports": "^3.0.0",
-                "@types/node": "*",
-                "@types/yargs": "^17.0.8",
-                "chalk": "^4.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jridgewell/resolve-uri": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
-            "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
-            "dev": true,
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@jridgewell/sourcemap-codec": {
-            "version": "1.4.14",
-            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
-            "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
-            "dev": true
-        },
-        "node_modules/@jridgewell/trace-mapping": {
-            "version": "0.3.17",
-            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz",
-            "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==",
-            "dev": true,
-            "dependencies": {
-                "@jridgewell/resolve-uri": "3.1.0",
-                "@jridgewell/sourcemap-codec": "1.4.14"
-            }
-        },
-        "node_modules/@nodelib/fs.scandir": {
-            "version": "2.1.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-            "dev": true,
-            "dependencies": {
-                "@nodelib/fs.stat": "2.0.5",
-                "run-parallel": "^1.1.9"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@nodelib/fs.stat": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-            "dev": true,
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@nodelib/fs.walk": {
-            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-            "dev": true,
-            "dependencies": {
-                "@nodelib/fs.scandir": "2.1.5",
-                "fastq": "^1.6.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@playwright/test": {
-            "version": "1.32.1",
-            "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.32.1.tgz",
-            "integrity": "sha512-FTwjCuhlm1qHUGf4hWjfr64UMJD/z0hXYbk+O387Ioe6WdyZQ+0TBDAc6P+pHjx2xCv1VYNgrKbYrNixFWy4Dg==",
-            "dev": true,
-            "dependencies": {
-                "@types/node": "*",
-                "playwright-core": "1.32.1"
-            },
-            "bin": {
-                "playwright": "cli.js"
-            },
-            "engines": {
-                "node": ">=14"
-            },
-            "optionalDependencies": {
-                "fsevents": "2.3.2"
-            }
-        },
-        "node_modules/@polka/url": {
-            "version": "1.0.0-next.21",
-            "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz",
-            "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
-            "dev": true
-        },
-        "node_modules/@popperjs/core": {
-            "version": "2.11.7",
-            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.7.tgz",
-            "integrity": "sha512-Cr4OjIkipTtcXKjAsm8agyleBuDHvxzeBoa1v543lbv1YaIwQjESsVcmjiWiPEbC1FIeHOG/Op9kdCmAmiS3Kw==",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/popperjs"
-            }
-        },
-        "node_modules/@sentry-internal/tracing": {
-            "version": "7.45.0",
-            "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.45.0.tgz",
-            "integrity": "sha512-0aIDY2OvUX7k2XHaimOlWkboXoQvJ9dEKvfpu0Wh0YxfUTGPa+wplUdg3WVdkk018sq1L11MKmj4MPZyYUvXhw==",
-            "dependencies": {
-                "@sentry/core": "7.45.0",
-                "@sentry/types": "7.45.0",
-                "@sentry/utils": "7.45.0",
-                "tslib": "^1.9.3"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry-internal/tracing/node_modules/tslib": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-        },
-        "node_modules/@sentry/browser": {
-            "version": "7.45.0",
-            "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.45.0.tgz",
-            "integrity": "sha512-/dUrUwnI34voMj+jSJT7b5Jun+xy1utVyzzwTq3Oc22N+SB17ZOX9svZ4jl1Lu6tVJPVjPyvL6zlcbrbMwqFjg==",
-            "dependencies": {
-                "@sentry-internal/tracing": "7.45.0",
-                "@sentry/core": "7.45.0",
-                "@sentry/replay": "7.45.0",
-                "@sentry/types": "7.45.0",
-                "@sentry/utils": "7.45.0",
-                "tslib": "^1.9.3"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry/browser/node_modules/tslib": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-        },
-        "node_modules/@sentry/core": {
-            "version": "7.45.0",
-            "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.45.0.tgz",
-            "integrity": "sha512-xJfdTS4lRmHvZI/A5MazdnKhBJFkisKu6G9EGNLlZLre+6W4PH5sb7QX4+xoBdqG7v10Jvdia112vi762ojO2w==",
-            "dependencies": {
-                "@sentry/types": "7.45.0",
-                "@sentry/utils": "7.45.0",
-                "tslib": "^1.9.3"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry/core/node_modules/tslib": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-        },
-        "node_modules/@sentry/replay": {
-            "version": "7.45.0",
-            "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.45.0.tgz",
-            "integrity": "sha512-smM7FIcFIyKu30BqCl8BzLo1gH/z9WwXdGX6V0fNvHab9fJZ09+xjFn+LmIyo6N8H8jjwsup0+yQ12kiF/ZsEw==",
-            "dependencies": {
-                "@sentry/core": "7.45.0",
-                "@sentry/types": "7.45.0",
-                "@sentry/utils": "7.45.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@sentry/svelte": {
-            "version": "7.45.0",
-            "resolved": "https://registry.npmjs.org/@sentry/svelte/-/svelte-7.45.0.tgz",
-            "integrity": "sha512-l57h48ZYrez7w1p2U48Kq3I20QIlKC2bUWVb2KeoceUMo9IObZ9VbojZTBZImWDbQsKIEly/jFQ7/ns+IFNqfw==",
-            "dependencies": {
-                "@sentry/browser": "7.45.0",
-                "@sentry/types": "7.45.0",
-                "@sentry/utils": "7.45.0",
-                "magic-string": "^0.26.2",
-                "tslib": "^1.9.3"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "peerDependencies": {
-                "svelte": "3.x"
-            }
-        },
-        "node_modules/@sentry/svelte/node_modules/tslib": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-        },
-        "node_modules/@sentry/tracing": {
-            "version": "7.45.0",
-            "resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-7.45.0.tgz",
-            "integrity": "sha512-FsoFmZPzTBGvWeJH73NxSF1ot61Zw3aIZo5XolengiKnRmcrQOFxebtMKBiZ61QBRYGqsm5uT7QB7zITU6Ikgg==",
-            "dependencies": {
-                "@sentry-internal/tracing": "7.45.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry/types": {
-            "version": "7.45.0",
-            "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.45.0.tgz",
-            "integrity": "sha512-iFt7msfUK8LCodFF3RKUyaxy9tJv/gpWhzxUFyNxtuVwlpmd+q6mtsFGn8Af3pbpm8A+MKyz1ebMwXj0PQqknw==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry/utils": {
-            "version": "7.45.0",
-            "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.45.0.tgz",
-            "integrity": "sha512-aTY7qqtNUudd09SH5DVSKMm3iQ6ZeWufduc0I9bPZe6UMM09BDc4KmjmrzRkdQ+VaOmHo7+v+HZKQk5f+AbuTQ==",
-            "dependencies": {
-                "@sentry/types": "7.45.0",
-                "tslib": "^1.9.3"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@sentry/utils/node_modules/tslib": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-        },
-        "node_modules/@sinclair/typebox": {
-            "version": "0.25.24",
-            "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.25.24.tgz",
-            "integrity": "sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==",
-            "dev": true
-        },
-        "node_modules/@sveltejs/adapter-static": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-2.0.2.tgz",
-            "integrity": "sha512-9wYtf6s6ew7DHUHMrt55YpD1FgV7oWql2IGsW5BXquLxqcY9vjrqCFo0TzzDpo+ZPZkW/v77k0eOP6tsAb8HmQ==",
-            "dev": true,
-            "peerDependencies": {
-                "@sveltejs/kit": "^1.5.0"
-            }
-        },
-        "node_modules/@sveltejs/kit": {
-            "version": "1.15.4",
-            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.15.4.tgz",
-            "integrity": "sha512-m+Tid9nbtFawmiu85lDlal0AQ7UeuV48UsuKMe06QLr3ntMQSUzIPqyswNRZqFrar6NhVTUXQ0aO61M3U4MWpQ==",
-            "dev": true,
-            "hasInstallScript": true,
-            "dependencies": {
-                "@sveltejs/vite-plugin-svelte": "^2.0.0",
-                "@types/cookie": "^0.5.1",
-                "cookie": "^0.5.0",
-                "devalue": "^4.3.0",
-                "esm-env": "^1.0.0",
-                "kleur": "^4.1.5",
-                "magic-string": "^0.30.0",
-                "mime": "^3.0.0",
-                "sade": "^1.8.1",
-                "set-cookie-parser": "^2.5.1",
-                "sirv": "^2.0.2",
-                "tiny-glob": "^0.2.9",
-                "undici": "5.20.0"
-            },
-            "bin": {
-                "svelte-kit": "svelte-kit.js"
-            },
-            "engines": {
-                "node": "^16.14 || >=18"
-            },
-            "peerDependencies": {
-                "svelte": "^3.54.0",
-                "vite": "^4.0.0"
-            }
-        },
-        "node_modules/@sveltejs/kit/node_modules/magic-string": {
-            "version": "0.30.0",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
-            "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
-            "dev": true,
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.4.13"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@sveltejs/vite-plugin-svelte": {
-            "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.0.4.tgz",
-            "integrity": "sha512-pjqhW00KwK2uzDGEr+yJBwut+D+4XfJO/+bHHdHzPRXn9+1Jeq5JcFHyrUiYaXgHtyhX0RsllCTm4ssAx4ZY7Q==",
-            "dev": true,
-            "dependencies": {
-                "debug": "^4.3.4",
-                "deepmerge": "^4.3.1",
-                "kleur": "^4.1.5",
-                "magic-string": "^0.30.0",
-                "svelte-hmr": "^0.15.1",
-                "vitefu": "^0.2.4"
-            },
-            "engines": {
-                "node": "^14.18.0 || >= 16"
-            },
-            "peerDependencies": {
-                "svelte": "^3.54.0",
-                "vite": "^4.0.0"
-            }
-        },
-        "node_modules/@sveltejs/vite-plugin-svelte/node_modules/magic-string": {
-            "version": "0.30.0",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
-            "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
-            "dev": true,
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.4.13"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@testing-library/dom": {
-            "version": "9.2.0",
-            "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.2.0.tgz",
-            "integrity": "sha512-xTEnpUKiV/bMyEsE5bT4oYA0x0Z/colMtxzUY8bKyPXBNLn/e0V4ZjBZkEhms0xE4pv9QsPfSRu9AWS4y5wGvA==",
-            "dev": true,
-            "dependencies": {
-                "@babel/code-frame": "^7.10.4",
-                "@babel/runtime": "^7.12.5",
-                "@types/aria-query": "^5.0.1",
-                "aria-query": "^5.0.0",
-                "chalk": "^4.1.0",
-                "dom-accessibility-api": "^0.5.9",
-                "lz-string": "^1.5.0",
-                "pretty-format": "^27.0.2"
-            },
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/@testing-library/jest-dom": {
-            "version": "5.16.5",
-            "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.16.5.tgz",
-            "integrity": "sha512-N5ixQ2qKpi5OLYfwQmUb/5mSV9LneAcaUfp32pn4yCnpb8r/Yz0pXFPck21dIicKmi+ta5WRAknkZCfA8refMA==",
-            "dev": true,
-            "dependencies": {
-                "@adobe/css-tools": "^4.0.1",
-                "@babel/runtime": "^7.9.2",
-                "@types/testing-library__jest-dom": "^5.9.1",
-                "aria-query": "^5.0.0",
-                "chalk": "^3.0.0",
-                "css.escape": "^1.5.1",
-                "dom-accessibility-api": "^0.5.6",
-                "lodash": "^4.17.15",
-                "redent": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8",
-                "npm": ">=6",
-                "yarn": ">=1"
-            }
-        },
-        "node_modules/@testing-library/jest-dom/node_modules/chalk": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
-            "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-            "dev": true,
-            "dependencies": {
-                "ansi-styles": "^4.1.0",
-                "supports-color": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@testing-library/svelte": {
-            "version": "3.2.2",
-            "resolved": "https://registry.npmjs.org/@testing-library/svelte/-/svelte-3.2.2.tgz",
-            "integrity": "sha512-IKwZgqbekC3LpoRhSwhd0JswRGxKdAGkf39UiDXTywK61YyLXbCYoR831e/UUC6EeNW4hiHPY+2WuovxOgI5sw==",
-            "dev": true,
-            "dependencies": {
-                "@testing-library/dom": "^8.1.0"
-            },
-            "engines": {
-                "node": ">= 10"
-            },
-            "peerDependencies": {
-                "svelte": "3.x"
-            }
-        },
-        "node_modules/@testing-library/svelte/node_modules/@testing-library/dom": {
-            "version": "8.20.0",
-            "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.20.0.tgz",
-            "integrity": "sha512-d9ULIT+a4EXLX3UU8FBjauG9NnsZHkHztXoIcTsOKoOw030fyjheN9svkTULjJxtYag9DZz5Jz5qkWZDPxTFwA==",
-            "dev": true,
-            "dependencies": {
-                "@babel/code-frame": "^7.10.4",
-                "@babel/runtime": "^7.12.5",
-                "@types/aria-query": "^5.0.1",
-                "aria-query": "^5.0.0",
-                "chalk": "^4.1.0",
-                "dom-accessibility-api": "^0.5.9",
-                "lz-string": "^1.4.4",
-                "pretty-format": "^27.0.2"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@testing-library/user-event": {
-            "version": "14.4.3",
-            "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.4.3.tgz",
-            "integrity": "sha512-kCUc5MEwaEMakkO5x7aoD+DLi02ehmEM2QCGWvNqAS1dV/fAvORWEjnjsEIvml59M7Y5kCkWN6fCCyPOe8OL6Q==",
-            "dev": true,
-            "engines": {
-                "node": ">=12",
-                "npm": ">=6"
-            },
-            "peerDependencies": {
-                "@testing-library/dom": ">=7.21.4"
-            }
-        },
-        "node_modules/@tootallnate/once": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
-            "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
-            "dev": true,
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@types/aria-query": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.1.tgz",
-            "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
-            "dev": true
-        },
-        "node_modules/@types/chai": {
-            "version": "4.3.4",
-            "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.4.tgz",
-            "integrity": "sha512-KnRanxnpfpjUTqTCXslZSEdLfXExwgNxYPdiO2WGUj8+HDjFi8R3k5RVKPeSCzLjCcshCAtVO2QBbVuAV4kTnw==",
-            "dev": true
-        },
-        "node_modules/@types/chai-subset": {
-            "version": "1.3.3",
-            "resolved": "https://registry.npmjs.org/@types/chai-subset/-/chai-subset-1.3.3.tgz",
-            "integrity": "sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==",
-            "dev": true,
-            "dependencies": {
-                "@types/chai": "*"
-            }
-        },
-        "node_modules/@types/cookie": {
-            "version": "0.5.1",
-            "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz",
-            "integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==",
-            "dev": true
-        },
-        "node_modules/@types/istanbul-lib-coverage": {
-            "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
-            "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==",
-            "dev": true
-        },
-        "node_modules/@types/istanbul-lib-report": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
-            "integrity": "sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==",
-            "dev": true,
-            "dependencies": {
-                "@types/istanbul-lib-coverage": "*"
-            }
-        },
-        "node_modules/@types/istanbul-reports": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz",
-            "integrity": "sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==",
-            "dev": true,
-            "dependencies": {
-                "@types/istanbul-lib-report": "*"
-            }
-        },
-        "node_modules/@types/jest": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.0.tgz",
-            "integrity": "sha512-3Emr5VOl/aoBwnWcH/EFQvlSAmjV+XtV9GGu5mwdYew5vhQh0IUZx/60x0TzHDu09Bi7HMx10t/namdJw5QIcg==",
-            "dev": true,
-            "dependencies": {
-                "expect": "^29.0.0",
-                "pretty-format": "^29.0.0"
-            }
-        },
-        "node_modules/@types/jest/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/@types/jest/node_modules/pretty-format": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-            "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-            "dev": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@types/jest/node_modules/react-is": {
-            "version": "18.2.0",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-            "dev": true
-        },
-        "node_modules/@types/json-schema": {
-            "version": "7.0.11",
-            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
-            "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
-            "dev": true
-        },
-        "node_modules/@types/node": {
-            "version": "18.15.10",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-18.15.10.tgz",
-            "integrity": "sha512-9avDaQJczATcXgfmMAW3MIWArOO7A+m90vuCFLr8AotWf8igO/mRoYukrk2cqZVtv38tHs33retzHEilM7FpeQ==",
-            "dev": true
-        },
-        "node_modules/@types/prismjs": {
-            "version": "1.26.0",
-            "resolved": "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.0.tgz",
-            "integrity": "sha512-ZTaqn/qSqUuAq1YwvOFQfVW1AR/oQJlLSZVustdjwI+GZ8kr0MSHBj0tsXPW1EqHubx50gtBEjbPGsdZwQwCjQ==",
-            "dev": true
-        },
-        "node_modules/@types/pug": {
-            "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz",
-            "integrity": "sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==",
-            "dev": true
-        },
-        "node_modules/@types/semver": {
-            "version": "7.3.13",
-            "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.3.13.tgz",
-            "integrity": "sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==",
-            "dev": true
-        },
-        "node_modules/@types/stack-utils": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz",
-            "integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==",
-            "dev": true
-        },
-        "node_modules/@types/testing-library__jest-dom": {
-            "version": "5.14.5",
-            "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.5.tgz",
-            "integrity": "sha512-SBwbxYoyPIvxHbeHxTZX2Pe/74F/tX2/D3mMvzabdeJ25bBojfW0TyB8BHrbq/9zaaKICJZjLP+8r6AeZMFCuQ==",
-            "dev": true,
-            "dependencies": {
-                "@types/jest": "*"
-            }
-        },
-        "node_modules/@types/yargs": {
-            "version": "17.0.23",
-            "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.23.tgz",
-            "integrity": "sha512-yuogunc04OnzGQCrfHx+Kk883Q4X0aSwmYZhKjI21m+SVYzjIbrWl8dOOwSv5hf2Um2pdCOXWo9isteZTNXUZQ==",
-            "dev": true,
-            "dependencies": {
-                "@types/yargs-parser": "*"
-            }
-        },
-        "node_modules/@types/yargs-parser": {
-            "version": "21.0.0",
-            "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
-            "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==",
-            "dev": true
-        },
-        "node_modules/@typescript-eslint/eslint-plugin": {
-            "version": "5.56.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.56.0.tgz",
-            "integrity": "sha512-ZNW37Ccl3oMZkzxrYDUX4o7cnuPgU+YrcaYXzsRtLB16I1FR5SHMqga3zGsaSliZADCWo2v8qHWqAYIj8nWCCg==",
-            "dev": true,
-            "dependencies": {
-                "@eslint-community/regexpp": "^4.4.0",
-                "@typescript-eslint/scope-manager": "5.56.0",
-                "@typescript-eslint/type-utils": "5.56.0",
-                "@typescript-eslint/utils": "5.56.0",
-                "debug": "^4.3.4",
-                "grapheme-splitter": "^1.0.4",
-                "ignore": "^5.2.0",
-                "natural-compare-lite": "^1.4.0",
-                "semver": "^7.3.7",
-                "tsutils": "^3.21.0"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "@typescript-eslint/parser": "^5.0.0",
-                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/parser": {
-            "version": "5.56.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.56.0.tgz",
-            "integrity": "sha512-sn1OZmBxUsgxMmR8a8U5QM/Wl+tyqlH//jTqCg8daTAmhAk26L2PFhcqPLlYBhYUJMZJK276qLXlHN3a83o2cg==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/scope-manager": "5.56.0",
-                "@typescript-eslint/types": "5.56.0",
-                "@typescript-eslint/typescript-estree": "5.56.0",
-                "debug": "^4.3.4"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/scope-manager": {
-            "version": "5.56.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.56.0.tgz",
-            "integrity": "sha512-jGYKyt+iBakD0SA5Ww8vFqGpoV2asSjwt60Gl6YcO8ksQ8s2HlUEyHBMSa38bdLopYqGf7EYQMUIGdT/Luw+sw==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/types": "5.56.0",
-                "@typescript-eslint/visitor-keys": "5.56.0"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@typescript-eslint/type-utils": {
-            "version": "5.56.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.56.0.tgz",
-            "integrity": "sha512-8WxgOgJjWRy6m4xg9KoSHPzBNZeQbGlQOH7l2QEhQID/+YseaFxg5J/DLwWSsi9Axj4e/cCiKx7PVzOq38tY4A==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/typescript-estree": "5.56.0",
-                "@typescript-eslint/utils": "5.56.0",
-                "debug": "^4.3.4",
-                "tsutils": "^3.21.0"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "eslint": "*"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/types": {
-            "version": "5.56.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.56.0.tgz",
-            "integrity": "sha512-JyAzbTJcIyhuUhogmiu+t79AkdnqgPUEsxMTMc/dCZczGMJQh1MK2wgrju++yMN6AWroVAy2jxyPcPr3SWCq5w==",
-            "dev": true,
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@typescript-eslint/typescript-estree": {
-            "version": "5.56.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.56.0.tgz",
-            "integrity": "sha512-41CH/GncsLXOJi0jb74SnC7jVPWeVJ0pxQj8bOjH1h2O26jXN3YHKDT1ejkVz5YeTEQPeLCCRY0U2r68tfNOcg==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/types": "5.56.0",
-                "@typescript-eslint/visitor-keys": "5.56.0",
-                "debug": "^4.3.4",
-                "globby": "^11.1.0",
-                "is-glob": "^4.0.3",
-                "semver": "^7.3.7",
-                "tsutils": "^3.21.0"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/utils": {
-            "version": "5.56.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.56.0.tgz",
-            "integrity": "sha512-XhZDVdLnUJNtbzaJeDSCIYaM+Tgr59gZGbFuELgF7m0IY03PlciidS7UQNKLE0+WpUTn1GlycEr6Ivb/afjbhA==",
-            "dev": true,
-            "dependencies": {
-                "@eslint-community/eslint-utils": "^4.2.0",
-                "@types/json-schema": "^7.0.9",
-                "@types/semver": "^7.3.12",
-                "@typescript-eslint/scope-manager": "5.56.0",
-                "@typescript-eslint/types": "5.56.0",
-                "@typescript-eslint/typescript-estree": "5.56.0",
-                "eslint-scope": "^5.1.1",
-                "semver": "^7.3.7"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-            }
-        },
-        "node_modules/@typescript-eslint/visitor-keys": {
-            "version": "5.56.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.56.0.tgz",
-            "integrity": "sha512-1mFdED7u5bZpX6Xxf5N9U2c18sb+8EvU3tyOIj6LQZ5OOvnmj8BVeNNP603OFPm5KkS1a7IvCIcwrdHXaEMG/Q==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/types": "5.56.0",
-                "eslint-visitor-keys": "^3.3.0"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@vitest/expect": {
-            "version": "0.29.7",
-            "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.29.7.tgz",
-            "integrity": "sha512-UtG0tW0DP6b3N8aw7PHmweKDsvPv4wjGvrVZW7OSxaFg76ShtVdMiMcUkZJgCE8QWUmhwaM0aQhbbVLo4F4pkA==",
-            "dev": true,
-            "dependencies": {
-                "@vitest/spy": "0.29.7",
-                "@vitest/utils": "0.29.7",
-                "chai": "^4.3.7"
-            }
-        },
-        "node_modules/@vitest/runner": {
-            "version": "0.29.7",
-            "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.29.7.tgz",
-            "integrity": "sha512-Yt0+csM945+odOx4rjZSjibQfl2ymxqVsmYz6sO2fiO5RGPYDFCo60JF6tLL9pz4G/kjY4irUxadeB1XT+H1jg==",
-            "dev": true,
-            "dependencies": {
-                "@vitest/utils": "0.29.7",
-                "p-limit": "^4.0.0",
-                "pathe": "^1.1.0"
-            }
-        },
-        "node_modules/@vitest/runner/node_modules/p-limit": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
-            "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
-            "dev": true,
-            "dependencies": {
-                "yocto-queue": "^1.0.0"
-            },
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@vitest/runner/node_modules/yocto-queue": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
-            "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
-            "dev": true,
-            "engines": {
-                "node": ">=12.20"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@vitest/spy": {
-            "version": "0.29.7",
-            "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.29.7.tgz",
-            "integrity": "sha512-IalL0iO6A6Xz8hthR8sctk6ZS//zVBX48EiNwQguYACdgdei9ZhwMaBFV70mpmeYAFCRAm+DpoFHM5470Im78A==",
-            "dev": true,
-            "dependencies": {
-                "tinyspy": "^1.0.2"
-            }
-        },
-        "node_modules/@vitest/ui": {
-            "version": "0.29.7",
-            "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-0.29.7.tgz",
-            "integrity": "sha512-KeOztcAldlFU5i8DKCQcmGrih1dVowurZy/9iPz5JyQdPJzej+nW1nI4nYvc4ZmUtA8+IAe9uViqnU7IXc1RNw==",
-            "dev": true,
-            "dependencies": {
-                "fast-glob": "^3.2.12",
-                "flatted": "^3.2.7",
-                "pathe": "^1.1.0",
-                "picocolors": "^1.0.0",
-                "sirv": "^2.0.2"
-            }
-        },
-        "node_modules/@vitest/utils": {
-            "version": "0.29.7",
-            "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.29.7.tgz",
-            "integrity": "sha512-vNgGadp2eE5XKCXtZXL5UyNEDn68npSct75OC9AlELenSK0DiV1Mb9tfkwJHKjRb69iek+e79iipoJx8+s3SdA==",
-            "dev": true,
-            "dependencies": {
-                "cli-truncate": "^3.1.0",
-                "diff": "^5.1.0",
-                "loupe": "^2.3.6",
-                "pretty-format": "^27.5.1"
-            }
-        },
-        "node_modules/abab": {
-            "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
-            "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
-            "dev": true
-        },
-        "node_modules/acorn": {
-            "version": "8.8.2",
-            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
-            "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
-            "dev": true,
-            "bin": {
-                "acorn": "bin/acorn"
-            },
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/acorn-globals": {
-            "version": "7.0.1",
-            "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-7.0.1.tgz",
-            "integrity": "sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==",
-            "dev": true,
-            "dependencies": {
-                "acorn": "^8.1.0",
-                "acorn-walk": "^8.0.2"
-            }
-        },
-        "node_modules/acorn-jsx": {
-            "version": "5.3.2",
-            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-            "dev": true,
-            "peerDependencies": {
-                "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-            }
-        },
-        "node_modules/acorn-walk": {
-            "version": "8.2.0",
-            "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
-            "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/agent-base": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
-            "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-            "dev": true,
-            "dependencies": {
-                "debug": "4"
-            },
-            "engines": {
-                "node": ">= 6.0.0"
-            }
-        },
-        "node_modules/ai": {
-            "version": "2.1.15",
-            "resolved": "https://registry.npmjs.org/ai/-/ai-2.1.15.tgz",
-            "integrity": "sha512-ePxoo9yEpHrC6n2O5b0Ko9C0dZEEXBY9FuhbrR1PVgdo4cSislTqg9TSPdVKT3mnw01A2pEg24cQ8ikRyH9m4Q==",
-            "dependencies": {
-                "eventsource-parser": "1.0.0",
-                "nanoid": "^3.3.6",
-                "sswr": "^1.10.0",
-                "swr": "2.1.5",
-                "swrv": "1.0.3"
-            },
-            "engines": {
-                "node": ">=14.6"
-            },
-            "peerDependencies": {
-                "react": "^18.2.0",
-                "svelte": "^4.0.0",
-                "vue": "^3.3.4"
-            },
-            "peerDependenciesMeta": {
-                "react": {
-                    "optional": true
-                },
-                "svelte": {
-                    "optional": true
-                },
-                "vue": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/ajv": {
-            "version": "6.12.6",
-            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-            "dev": true,
-            "dependencies": {
-                "fast-deep-equal": "^3.1.1",
-                "fast-json-stable-stringify": "^2.0.0",
-                "json-schema-traverse": "^0.4.1",
-                "uri-js": "^4.2.2"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/epoberezkin"
-            }
-        },
-        "node_modules/analytics": {
-            "version": "0.8.1",
-            "resolved": "https://registry.npmjs.org/analytics/-/analytics-0.8.1.tgz",
-            "integrity": "sha512-mXOe8zTGDfiYqw9MZsgul8HrOBmHsIwk/0xbrkGZr75yvWqAcyKfZA0WjOalwI9tzIKv8WNfHV5yhnrtQcXJpw==",
-            "funding": [
-                {
-                    "type": "GitHub Sponsors",
-                    "url": "https://github.com/sponsors/davidwells"
-                }
-            ],
-            "dependencies": {
-                "@analytics/core": "^0.11.1",
-                "@analytics/storage-utils": "^0.4.0"
-            }
-        },
-        "node_modules/analytics-utils": {
-            "version": "1.0.10",
-            "resolved": "https://registry.npmjs.org/analytics-utils/-/analytics-utils-1.0.10.tgz",
-            "integrity": "sha512-ZKYKhip7Sf09qE85l4vZMBPR3fz6ISUTlwzkWSwJHbzLLzP5qrWQtcQlBcP9Pah7BMNSq8pqho+PX4ZKB014Yg==",
-            "dependencies": {
-                "@analytics/type-utils": "^0.6.0",
-                "dlv": "^1.1.3"
-            },
-            "peerDependencies": {
-                "@types/dlv": "^1.0.0"
-            }
-        },
-        "node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ansi-styles": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-            "dev": true,
-            "dependencies": {
-                "color-convert": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/anymatch": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-            "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-            "dev": true,
-            "dependencies": {
-                "normalize-path": "^3.0.0",
-                "picomatch": "^2.0.4"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/argparse": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-            "dev": true
-        },
-        "node_modules/aria-query": {
-            "version": "5.1.3",
-            "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-            "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-            "dev": true,
-            "dependencies": {
-                "deep-equal": "^2.0.5"
-            }
-        },
-        "node_modules/array-union": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-            "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/assertion-error": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
-            "integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==",
-            "dev": true,
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/asynckit": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
-        },
-        "node_modules/available-typed-arrays": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-            "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/balanced-match": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-            "dev": true
-        },
-        "node_modules/binary-extensions": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-            "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/brace-expansion": {
-            "version": "1.1.11",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-            "dev": true,
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/braces": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-            "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-            "dev": true,
-            "dependencies": {
-                "fill-range": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/buffer-crc32": {
-            "version": "0.2.13",
-            "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-            "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-            "dev": true,
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/buffer-from": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-            "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-            "dev": true
-        },
-        "node_modules/busboy": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-            "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-            "dev": true,
-            "dependencies": {
-                "streamsearch": "^1.1.0"
-            },
-            "engines": {
-                "node": ">=10.16.0"
-            }
-        },
-        "node_modules/cac": {
-            "version": "6.7.14",
-            "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
-            "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/call-bind": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
-            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-            "dev": true,
-            "dependencies": {
-                "function-bind": "^1.1.1",
-                "get-intrinsic": "^1.0.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/callsites": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/chai": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.7.tgz",
-            "integrity": "sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==",
-            "dev": true,
-            "dependencies": {
-                "assertion-error": "^1.1.0",
-                "check-error": "^1.0.2",
-                "deep-eql": "^4.1.2",
-                "get-func-name": "^2.0.0",
-                "loupe": "^2.3.1",
-                "pathval": "^1.1.1",
-                "type-detect": "^4.0.5"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/chalk": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-            "dev": true,
-            "dependencies": {
-                "ansi-styles": "^4.1.0",
-                "supports-color": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/chalk?sponsor=1"
-            }
-        },
-        "node_modules/check-error": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
-            "integrity": "sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==",
-            "dev": true,
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/chokidar": {
-            "version": "3.5.3",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
-            "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "individual",
-                    "url": "https://paulmillr.com/funding/"
-                }
-            ],
-            "dependencies": {
-                "anymatch": "~3.1.2",
-                "braces": "~3.0.2",
-                "glob-parent": "~5.1.2",
-                "is-binary-path": "~2.1.0",
-                "is-glob": "~4.0.1",
-                "normalize-path": "~3.0.0",
-                "readdirp": "~3.6.0"
-            },
-            "engines": {
-                "node": ">= 8.10.0"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.2"
-            }
-        },
-        "node_modules/chokidar/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/ci-info": {
-            "version": "3.8.0",
-            "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
-            "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/sibiraj-s"
-                }
-            ],
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/cli-truncate": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-3.1.0.tgz",
-            "integrity": "sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==",
-            "dev": true,
-            "dependencies": {
-                "slice-ansi": "^5.0.0",
-                "string-width": "^5.0.0"
-            },
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/color-convert": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-            "dev": true,
-            "dependencies": {
-                "color-name": "~1.1.4"
-            },
-            "engines": {
-                "node": ">=7.0.0"
-            }
-        },
-        "node_modules/color-name": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-            "dev": true
-        },
-        "node_modules/combined-stream": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-            "dependencies": {
-                "delayed-stream": "~1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/concat-map": {
-            "version": "0.0.1",
-            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-            "dev": true
-        },
-        "node_modules/concat-stream": {
-            "version": "1.6.2",
-            "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
-            "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
-            "dev": true,
-            "engines": [
-                "node >= 0.8"
-            ],
-            "dependencies": {
-                "buffer-from": "^1.0.0",
-                "inherits": "^2.0.3",
-                "readable-stream": "^2.2.2",
-                "typedarray": "^0.0.6"
-            }
-        },
-        "node_modules/cookie": {
-            "version": "0.5.0",
-            "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
-            "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/core-util-is": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
-            "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
-            "dev": true
-        },
-        "node_modules/cross-fetch": {
-            "version": "3.1.5",
-            "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
-            "integrity": "sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==",
-            "dependencies": {
-                "node-fetch": "2.6.7"
-            }
-        },
-        "node_modules/cross-spawn": {
-            "version": "7.0.3",
-            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-            "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-            "dev": true,
-            "dependencies": {
-                "path-key": "^3.1.0",
-                "shebang-command": "^2.0.0",
-                "which": "^2.0.1"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/css.escape": {
-            "version": "1.5.1",
-            "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
-            "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
-            "dev": true
-        },
-        "node_modules/cssstyle": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
-            "integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
-            "dev": true,
-            "dependencies": {
-                "rrweb-cssom": "^0.6.0"
-            },
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/data-urls": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz",
-            "integrity": "sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==",
-            "dev": true,
-            "dependencies": {
-                "abab": "^2.0.6",
-                "whatwg-mimetype": "^3.0.0",
-                "whatwg-url": "^12.0.0"
-            },
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/debug": {
-            "version": "4.3.4",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-            "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-            "dev": true,
-            "dependencies": {
-                "ms": "2.1.2"
-            },
-            "engines": {
-                "node": ">=6.0"
-            },
-            "peerDependenciesMeta": {
-                "supports-color": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/decimal.js": {
-            "version": "10.4.3",
-            "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
-            "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
-            "dev": true
-        },
-        "node_modules/deep-eql": {
-            "version": "4.1.3",
-            "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.3.tgz",
-            "integrity": "sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==",
-            "dev": true,
-            "dependencies": {
-                "type-detect": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/deep-equal": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.0.tgz",
-            "integrity": "sha512-RdpzE0Hv4lhowpIUKKMJfeH6C1pXdtT1/it80ubgWqwI3qpuxUBpC1S4hnHg+zjnuOoDkzUtUCEEkG+XG5l3Mw==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "es-get-iterator": "^1.1.2",
-                "get-intrinsic": "^1.1.3",
-                "is-arguments": "^1.1.1",
-                "is-array-buffer": "^3.0.1",
-                "is-date-object": "^1.0.5",
-                "is-regex": "^1.1.4",
-                "is-shared-array-buffer": "^1.0.2",
-                "isarray": "^2.0.5",
-                "object-is": "^1.1.5",
-                "object-keys": "^1.1.1",
-                "object.assign": "^4.1.4",
-                "regexp.prototype.flags": "^1.4.3",
-                "side-channel": "^1.0.4",
-                "which-boxed-primitive": "^1.0.2",
-                "which-collection": "^1.0.1",
-                "which-typed-array": "^1.1.9"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/deep-is": {
-            "version": "0.1.4",
-            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-            "dev": true
-        },
-        "node_modules/deepmerge": {
-            "version": "4.3.1",
-            "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-            "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/define-properties": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
-            "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
-            "dev": true,
-            "dependencies": {
-                "has-property-descriptors": "^1.0.0",
-                "object-keys": "^1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/delayed-stream": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/detect-indent": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
-            "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/devalue": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/devalue/-/devalue-4.3.0.tgz",
-            "integrity": "sha512-n94yQo4LI3w7erwf84mhRUkUJfhLoCZiLyoOZ/QFsDbcWNZePrLwbQpvZBUG2TNxwV3VjCKPxkiiQA6pe3TrTA==",
-            "dev": true
-        },
-        "node_modules/diff": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
-            "integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.3.1"
-            }
-        },
-        "node_modules/diff-sequences": {
-            "version": "29.4.3",
-            "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.4.3.tgz",
-            "integrity": "sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==",
-            "dev": true,
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/dir-glob": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-            "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-            "dev": true,
-            "dependencies": {
-                "path-type": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/dlv": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
-        },
-        "node_modules/doctrine": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-            "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-            "dev": true,
-            "dependencies": {
-                "esutils": "^2.0.2"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/dom-accessibility-api": {
-            "version": "0.5.16",
-            "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
-            "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-            "dev": true
-        },
-        "node_modules/domexception": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
-            "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
-            "dev": true,
-            "dependencies": {
-                "webidl-conversions": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/dotenv": {
-            "version": "16.0.3",
-            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz",
-            "integrity": "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==",
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/eastasianwidth": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-            "dev": true
-        },
-        "node_modules/echarts": {
-            "version": "5.4.2",
-            "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.4.2.tgz",
-            "integrity": "sha512-2W3vw3oI2tWJdyAz+b8DuWS0nfXtSDqlDmqgin/lfzbkB01cuMEN66KWBlmur3YMp5nEDEEt5s23pllnAzB4EA==",
-            "dependencies": {
-                "tslib": "2.3.0",
-                "zrender": "5.4.3"
-            }
-        },
-        "node_modules/echarts/node_modules/tslib": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
-            "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
-        },
-        "node_modules/emoji-regex": {
-            "version": "9.2.2",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-            "dev": true
-        },
-        "node_modules/entities": {
-            "version": "4.4.0",
-            "resolved": "https://registry.npmjs.org/entities/-/entities-4.4.0.tgz",
-            "integrity": "sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.12"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/entities?sponsor=1"
-            }
-        },
-        "node_modules/es-get-iterator": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-            "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "get-intrinsic": "^1.1.3",
-                "has-symbols": "^1.0.3",
-                "is-arguments": "^1.1.1",
-                "is-map": "^2.0.2",
-                "is-set": "^2.0.2",
-                "is-string": "^1.0.7",
-                "isarray": "^2.0.5",
-                "stop-iteration-iterator": "^1.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/es6-promise": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz",
-            "integrity": "sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==",
-            "dev": true
-        },
-        "node_modules/esbuild": {
-            "version": "0.17.14",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.14.tgz",
-            "integrity": "sha512-vOO5XhmVj/1XQR9NQ1UPq6qvMYL7QFJU57J5fKBKBKxp17uDt5PgxFDb4A2nEiXhr1qQs4x0F5+66hVVw4ruNw==",
-            "dev": true,
-            "hasInstallScript": true,
-            "bin": {
-                "esbuild": "bin/esbuild"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "optionalDependencies": {
-                "@esbuild/android-arm": "0.17.14",
-                "@esbuild/android-arm64": "0.17.14",
-                "@esbuild/android-x64": "0.17.14",
-                "@esbuild/darwin-arm64": "0.17.14",
-                "@esbuild/darwin-x64": "0.17.14",
-                "@esbuild/freebsd-arm64": "0.17.14",
-                "@esbuild/freebsd-x64": "0.17.14",
-                "@esbuild/linux-arm": "0.17.14",
-                "@esbuild/linux-arm64": "0.17.14",
-                "@esbuild/linux-ia32": "0.17.14",
-                "@esbuild/linux-loong64": "0.17.14",
-                "@esbuild/linux-mips64el": "0.17.14",
-                "@esbuild/linux-ppc64": "0.17.14",
-                "@esbuild/linux-riscv64": "0.17.14",
-                "@esbuild/linux-s390x": "0.17.14",
-                "@esbuild/linux-x64": "0.17.14",
-                "@esbuild/netbsd-x64": "0.17.14",
-                "@esbuild/openbsd-x64": "0.17.14",
-                "@esbuild/sunos-x64": "0.17.14",
-                "@esbuild/win32-arm64": "0.17.14",
-                "@esbuild/win32-ia32": "0.17.14",
-                "@esbuild/win32-x64": "0.17.14"
-            }
-        },
-        "node_modules/escape-string-regexp": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/escodegen": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.0.0.tgz",
-            "integrity": "sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==",
-            "dev": true,
-            "dependencies": {
-                "esprima": "^4.0.1",
-                "estraverse": "^5.2.0",
-                "esutils": "^2.0.2",
-                "optionator": "^0.8.1"
-            },
-            "bin": {
-                "escodegen": "bin/escodegen.js",
-                "esgenerate": "bin/esgenerate.js"
-            },
-            "engines": {
-                "node": ">=6.0"
-            },
-            "optionalDependencies": {
-                "source-map": "~0.6.1"
-            }
-        },
-        "node_modules/escodegen/node_modules/estraverse": {
-            "version": "5.3.0",
-            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-            "dev": true,
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/escodegen/node_modules/levn": {
-            "version": "0.3.0",
-            "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
-            "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
-            "dev": true,
-            "dependencies": {
-                "prelude-ls": "~1.1.2",
-                "type-check": "~0.3.2"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/escodegen/node_modules/optionator": {
-            "version": "0.8.3",
-            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
-            "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
-            "dev": true,
-            "dependencies": {
-                "deep-is": "~0.1.3",
-                "fast-levenshtein": "~2.0.6",
-                "levn": "~0.3.0",
-                "prelude-ls": "~1.1.2",
-                "type-check": "~0.3.2",
-                "word-wrap": "~1.2.3"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/escodegen/node_modules/prelude-ls": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
-            "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/escodegen/node_modules/type-check": {
-            "version": "0.3.2",
-            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
-            "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
-            "dev": true,
-            "dependencies": {
-                "prelude-ls": "~1.1.2"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/eslint": {
-            "version": "8.36.0",
-            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.36.0.tgz",
-            "integrity": "sha512-Y956lmS7vDqomxlaaQAHVmeb4tNMp2FWIvU/RnU5BD3IKMD/MJPr76xdyr68P8tV1iNMvN2mRK0yy3c+UjL+bw==",
-            "dev": true,
-            "dependencies": {
-                "@eslint-community/eslint-utils": "^4.2.0",
-                "@eslint-community/regexpp": "^4.4.0",
-                "@eslint/eslintrc": "^2.0.1",
-                "@eslint/js": "8.36.0",
-                "@humanwhocodes/config-array": "^0.11.8",
-                "@humanwhocodes/module-importer": "^1.0.1",
-                "@nodelib/fs.walk": "^1.2.8",
-                "ajv": "^6.10.0",
-                "chalk": "^4.0.0",
-                "cross-spawn": "^7.0.2",
-                "debug": "^4.3.2",
-                "doctrine": "^3.0.0",
-                "escape-string-regexp": "^4.0.0",
-                "eslint-scope": "^7.1.1",
-                "eslint-visitor-keys": "^3.3.0",
-                "espree": "^9.5.0",
-                "esquery": "^1.4.2",
-                "esutils": "^2.0.2",
-                "fast-deep-equal": "^3.1.3",
-                "file-entry-cache": "^6.0.1",
-                "find-up": "^5.0.0",
-                "glob-parent": "^6.0.2",
-                "globals": "^13.19.0",
-                "grapheme-splitter": "^1.0.4",
-                "ignore": "^5.2.0",
-                "import-fresh": "^3.0.0",
-                "imurmurhash": "^0.1.4",
-                "is-glob": "^4.0.0",
-                "is-path-inside": "^3.0.3",
-                "js-sdsl": "^4.1.4",
-                "js-yaml": "^4.1.0",
-                "json-stable-stringify-without-jsonify": "^1.0.1",
-                "levn": "^0.4.1",
-                "lodash.merge": "^4.6.2",
-                "minimatch": "^3.1.2",
-                "natural-compare": "^1.4.0",
-                "optionator": "^0.9.1",
-                "strip-ansi": "^6.0.1",
-                "strip-json-comments": "^3.1.0",
-                "text-table": "^0.2.0"
-            },
-            "bin": {
-                "eslint": "bin/eslint.js"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/eslint-config-prettier": {
-            "version": "8.8.0",
-            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz",
-            "integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==",
-            "dev": true,
-            "bin": {
-                "eslint-config-prettier": "bin/cli.js"
-            },
-            "peerDependencies": {
-                "eslint": ">=7.0.0"
-            }
-        },
-        "node_modules/eslint-plugin-svelte3": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-4.0.0.tgz",
-            "integrity": "sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==",
-            "dev": true,
-            "peerDependencies": {
-                "eslint": ">=8.0.0",
-                "svelte": "^3.2.0"
-            }
-        },
-        "node_modules/eslint-scope": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-            "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-            "dev": true,
-            "dependencies": {
-                "esrecurse": "^4.3.0",
-                "estraverse": "^4.1.1"
-            },
-            "engines": {
-                "node": ">=8.0.0"
-            }
-        },
-        "node_modules/eslint-visitor-keys": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
-            "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
-            "dev": true,
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            }
-        },
-        "node_modules/eslint/node_modules/eslint-scope": {
-            "version": "7.1.1",
-            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.1.tgz",
-            "integrity": "sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==",
-            "dev": true,
-            "dependencies": {
-                "esrecurse": "^4.3.0",
-                "estraverse": "^5.2.0"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            }
-        },
-        "node_modules/eslint/node_modules/estraverse": {
-            "version": "5.3.0",
-            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-            "dev": true,
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/esm-env": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz",
-            "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==",
-            "dev": true
-        },
-        "node_modules/espree": {
-            "version": "9.5.0",
-            "resolved": "https://registry.npmjs.org/espree/-/espree-9.5.0.tgz",
-            "integrity": "sha512-JPbJGhKc47++oo4JkEoTe2wjy4fmMwvFpgJT9cQzmfXKp22Dr6Hf1tdCteLz1h0P3t+mGvWZ+4Uankvh8+c6zw==",
-            "dev": true,
-            "dependencies": {
-                "acorn": "^8.8.0",
-                "acorn-jsx": "^5.3.2",
-                "eslint-visitor-keys": "^3.3.0"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/esprima": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-            "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-            "dev": true,
-            "bin": {
-                "esparse": "bin/esparse.js",
-                "esvalidate": "bin/esvalidate.js"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/esquery": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-            "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-            "dev": true,
-            "dependencies": {
-                "estraverse": "^5.1.0"
-            },
-            "engines": {
-                "node": ">=0.10"
-            }
-        },
-        "node_modules/esquery/node_modules/estraverse": {
-            "version": "5.3.0",
-            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-            "dev": true,
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/esrecurse": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-            "dev": true,
-            "dependencies": {
-                "estraverse": "^5.2.0"
-            },
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/esrecurse/node_modules/estraverse": {
-            "version": "5.3.0",
-            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-            "dev": true,
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/estraverse": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-            "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-            "dev": true,
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/esutils": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/eventsource-parser": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-1.0.0.tgz",
-            "integrity": "sha512-9jgfSCa3dmEme2ES3mPByGXfgZ87VbP97tng1G2nWwWx6bV2nYxm2AWCrbQjXToSe+yYlqaZNtxffR9IeQr95g==",
-            "engines": {
-                "node": ">=14.18"
-            }
-        },
-        "node_modules/expect": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/expect/-/expect-29.5.0.tgz",
-            "integrity": "sha512-yM7xqUrCO2JdpFo4XpM82t+PJBFybdqoQuJLDGeDX2ij8NZzqRHyu3Hp188/JX7SWqud+7t4MUdvcgGBICMHZg==",
-            "dev": true,
-            "dependencies": {
-                "@jest/expect-utils": "^29.5.0",
-                "jest-get-type": "^29.4.3",
-                "jest-matcher-utils": "^29.5.0",
-                "jest-message-util": "^29.5.0",
-                "jest-util": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/fast-deep-equal": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-            "dev": true
-        },
-        "node_modules/fast-glob": {
-            "version": "3.2.12",
-            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
-            "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
-            "dev": true,
-            "dependencies": {
-                "@nodelib/fs.stat": "^2.0.2",
-                "@nodelib/fs.walk": "^1.2.3",
-                "glob-parent": "^5.1.2",
-                "merge2": "^1.3.0",
-                "micromatch": "^4.0.4"
-            },
-            "engines": {
-                "node": ">=8.6.0"
-            }
-        },
-        "node_modules/fast-glob/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/fast-json-stable-stringify": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-            "dev": true
-        },
-        "node_modules/fast-levenshtein": {
-            "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-            "dev": true
-        },
-        "node_modules/fastq": {
-            "version": "1.15.0",
-            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
-            "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
-            "dev": true,
-            "dependencies": {
-                "reusify": "^1.0.4"
-            }
-        },
-        "node_modules/file-entry-cache": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-            "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-            "dev": true,
-            "dependencies": {
-                "flat-cache": "^3.0.4"
-            },
-            "engines": {
-                "node": "^10.12.0 || >=12.0.0"
-            }
-        },
-        "node_modules/fill-range": {
-            "version": "7.0.1",
-            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-            "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-            "dev": true,
-            "dependencies": {
-                "to-regex-range": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/find-up": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-            "dev": true,
-            "dependencies": {
-                "locate-path": "^6.0.0",
-                "path-exists": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/flat-cache": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
-            "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
-            "dev": true,
-            "dependencies": {
-                "flatted": "^3.1.0",
-                "rimraf": "^3.0.2"
-            },
-            "engines": {
-                "node": "^10.12.0 || >=12.0.0"
-            }
-        },
-        "node_modules/flatted": {
-            "version": "3.2.7",
-            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
-            "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
-            "dev": true
-        },
-        "node_modules/for-each": {
-            "version": "0.3.3",
-            "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-            "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-            "dev": true,
-            "dependencies": {
-                "is-callable": "^1.1.3"
-            }
-        },
-        "node_modules/form-data": {
-            "version": "2.5.1",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.5.1.tgz",
-            "integrity": "sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==",
-            "dependencies": {
-                "asynckit": "^0.4.0",
-                "combined-stream": "^1.0.6",
-                "mime-types": "^2.1.12"
-            },
-            "engines": {
-                "node": ">= 0.12"
-            }
-        },
-        "node_modules/fs.realpath": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-            "dev": true
-        },
-        "node_modules/fsevents": {
-            "version": "2.3.2",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-            "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-            "dev": true,
-            "hasInstallScript": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-            }
-        },
-        "node_modules/function-bind": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-            "dev": true
-        },
-        "node_modules/functions-have-names": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-            "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-            "dev": true,
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/get-func-name": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
-            "integrity": "sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==",
-            "dev": true,
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/get-intrinsic": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.0.tgz",
-            "integrity": "sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==",
-            "dev": true,
-            "dependencies": {
-                "function-bind": "^1.1.1",
-                "has": "^1.0.3",
-                "has-symbols": "^1.0.3"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/glob": {
-            "version": "7.2.3",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-            "dev": true,
-            "dependencies": {
-                "fs.realpath": "^1.0.0",
-                "inflight": "^1.0.4",
-                "inherits": "2",
-                "minimatch": "^3.1.1",
-                "once": "^1.3.0",
-                "path-is-absolute": "^1.0.0"
-            },
-            "engines": {
-                "node": "*"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/glob-parent": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-            "dev": true,
-            "dependencies": {
-                "is-glob": "^4.0.3"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/globals": {
-            "version": "13.20.0",
-            "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
-            "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
-            "dev": true,
-            "dependencies": {
-                "type-fest": "^0.20.2"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/globalyzer": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
-            "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==",
-            "dev": true
-        },
-        "node_modules/globby": {
-            "version": "11.1.0",
-            "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-            "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-            "dev": true,
-            "dependencies": {
-                "array-union": "^2.1.0",
-                "dir-glob": "^3.0.1",
-                "fast-glob": "^3.2.9",
-                "ignore": "^5.2.0",
-                "merge2": "^1.4.1",
-                "slash": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/globrex": {
-            "version": "0.1.2",
-            "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
-            "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
-            "dev": true
-        },
-        "node_modules/gopd": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-            "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-            "dev": true,
-            "dependencies": {
-                "get-intrinsic": "^1.1.3"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/graceful-fs": {
-            "version": "4.2.11",
-            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-            "dev": true
-        },
-        "node_modules/grapheme-splitter": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
-            "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
-            "dev": true
-        },
-        "node_modules/has": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-            "dev": true,
-            "dependencies": {
-                "function-bind": "^1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.4.0"
-            }
-        },
-        "node_modules/has-bigints": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-            "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-            "dev": true,
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-flag": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/has-property-descriptors": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
-            "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
-            "dev": true,
-            "dependencies": {
-                "get-intrinsic": "^1.1.1"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-symbols": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-tostringtag": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-            "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-            "dev": true,
-            "dependencies": {
-                "has-symbols": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/html-encoding-sniffer": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
-            "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
-            "dev": true,
-            "dependencies": {
-                "whatwg-encoding": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/http-proxy-agent": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
-            "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
-            "dev": true,
-            "dependencies": {
-                "@tootallnate/once": "2",
-                "agent-base": "6",
-                "debug": "4"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/https-proxy-agent": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
-            "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-            "dev": true,
-            "dependencies": {
-                "agent-base": "6",
-                "debug": "4"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/iconv-lite": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-            "dev": true,
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/ignore": {
-            "version": "5.2.4",
-            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-            "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
-            "dev": true,
-            "engines": {
-                "node": ">= 4"
-            }
-        },
-        "node_modules/immutable": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz",
-            "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==",
-            "dev": true
-        },
-        "node_modules/import-fresh": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-            "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-            "dev": true,
-            "dependencies": {
-                "parent-module": "^1.0.0",
-                "resolve-from": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/imurmurhash": {
-            "version": "0.1.4",
-            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.8.19"
-            }
-        },
-        "node_modules/indent-string": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-            "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/inflight": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-            "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-            "dev": true,
-            "dependencies": {
-                "once": "^1.3.0",
-                "wrappy": "1"
-            }
-        },
-        "node_modules/inherits": {
-            "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-            "dev": true
-        },
-        "node_modules/internal-slot": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
-            "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
-            "dev": true,
-            "dependencies": {
-                "get-intrinsic": "^1.2.0",
-                "has": "^1.0.3",
-                "side-channel": "^1.0.4"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/is-arguments": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
-            "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-array-buffer": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-            "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "get-intrinsic": "^1.2.0",
-                "is-typed-array": "^1.1.10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-bigint": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-            "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-            "dev": true,
-            "dependencies": {
-                "has-bigints": "^1.0.1"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-binary-path": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-            "dev": true,
-            "dependencies": {
-                "binary-extensions": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/is-boolean-object": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-            "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-callable": {
-            "version": "1.2.7",
-            "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-            "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-core-module": {
-            "version": "2.11.0",
-            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz",
-            "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==",
-            "dev": true,
-            "dependencies": {
-                "has": "^1.0.3"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-date-object": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-            "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-            "dev": true,
-            "dependencies": {
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-extglob": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-fullwidth-code-point": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
-            "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/is-glob": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-            "dev": true,
-            "dependencies": {
-                "is-extglob": "^2.1.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-map": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-            "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-            "dev": true,
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-number": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.12.0"
-            }
-        },
-        "node_modules/is-number-object": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-            "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-            "dev": true,
-            "dependencies": {
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-path-inside": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-            "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/is-potential-custom-element-name": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
-            "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
-            "dev": true
-        },
-        "node_modules/is-regex": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-            "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-set": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-            "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-            "dev": true,
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-shared-array-buffer": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-            "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-string": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-            "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-            "dev": true,
-            "dependencies": {
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-symbol": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-            "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-            "dev": true,
-            "dependencies": {
-                "has-symbols": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-typed-array": {
-            "version": "1.1.10",
-            "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.10.tgz",
-            "integrity": "sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==",
-            "dev": true,
-            "dependencies": {
-                "available-typed-arrays": "^1.0.5",
-                "call-bind": "^1.0.2",
-                "for-each": "^0.3.3",
-                "gopd": "^1.0.1",
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-weakmap": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-            "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-            "dev": true,
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-weakset": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-            "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "get-intrinsic": "^1.1.1"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/isarray": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-            "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-            "dev": true
-        },
-        "node_modules/isexe": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-            "dev": true
-        },
-        "node_modules/isomorphic-form-data": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/isomorphic-form-data/-/isomorphic-form-data-2.0.0.tgz",
-            "integrity": "sha512-TYgVnXWeESVmQSg4GLVbalmQ+B4NPi/H4eWxqALKj63KsUrcu301YDjBqaOw3h+cbak7Na4Xyps3BiptHtxTfg==",
-            "dependencies": {
-                "form-data": "^2.3.2"
-            }
-        },
-        "node_modules/jest-diff": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.5.0.tgz",
-            "integrity": "sha512-LtxijLLZBduXnHSniy0WMdaHjmQnt3g5sa16W4p0HqukYTTsyTW3GD1q41TyGl5YFXj/5B2U6dlh5FM1LIMgxw==",
-            "dev": true,
-            "dependencies": {
-                "chalk": "^4.0.0",
-                "diff-sequences": "^29.4.3",
-                "jest-get-type": "^29.4.3",
-                "pretty-format": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-diff/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/jest-diff/node_modules/pretty-format": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-            "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-            "dev": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-diff/node_modules/react-is": {
-            "version": "18.2.0",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-            "dev": true
-        },
-        "node_modules/jest-get-type": {
-            "version": "29.4.3",
-            "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.4.3.tgz",
-            "integrity": "sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==",
-            "dev": true,
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-matcher-utils": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz",
-            "integrity": "sha512-lecRtgm/rjIK0CQ7LPQwzCs2VwW6WAahA55YBuI+xqmhm7LAaxokSB8C97yJeYyT+HvQkH741StzpU41wohhWw==",
-            "dev": true,
-            "dependencies": {
-                "chalk": "^4.0.0",
-                "jest-diff": "^29.5.0",
-                "jest-get-type": "^29.4.3",
-                "pretty-format": "^29.5.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-matcher-utils/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/jest-matcher-utils/node_modules/pretty-format": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-            "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-            "dev": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-matcher-utils/node_modules/react-is": {
-            "version": "18.2.0",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-            "dev": true
-        },
-        "node_modules/jest-message-util": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.5.0.tgz",
-            "integrity": "sha512-Kijeg9Dag6CKtIDA7O21zNTACqD5MD/8HfIV8pdD94vFyFuer52SigdC3IQMhab3vACxXMiFk+yMHNdbqtyTGA==",
-            "dev": true,
-            "dependencies": {
-                "@babel/code-frame": "^7.12.13",
-                "@jest/types": "^29.5.0",
-                "@types/stack-utils": "^2.0.0",
-                "chalk": "^4.0.0",
-                "graceful-fs": "^4.2.9",
-                "micromatch": "^4.0.4",
-                "pretty-format": "^29.5.0",
-                "slash": "^3.0.0",
-                "stack-utils": "^2.0.3"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-message-util/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/jest-message-util/node_modules/pretty-format": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz",
-            "integrity": "sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==",
-            "dev": true,
-            "dependencies": {
-                "@jest/schemas": "^29.4.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-message-util/node_modules/react-is": {
-            "version": "18.2.0",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-            "dev": true
-        },
-        "node_modules/jest-util": {
-            "version": "29.5.0",
-            "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.5.0.tgz",
-            "integrity": "sha512-RYMgG/MTadOr5t8KdhejfvUU82MxsCu5MF6KuDUHl+NuwzUt+Sm6jJWxTJVrDR1j5M/gJVCPKQEpWXY+yIQ6lQ==",
-            "dev": true,
-            "dependencies": {
-                "@jest/types": "^29.5.0",
-                "@types/node": "*",
-                "chalk": "^4.0.0",
-                "ci-info": "^3.2.0",
-                "graceful-fs": "^4.2.9",
-                "picomatch": "^2.2.3"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/js-sdsl": {
-            "version": "4.4.0",
-            "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.4.0.tgz",
-            "integrity": "sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==",
-            "dev": true,
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/js-sdsl"
-            }
-        },
-        "node_modules/js-tokens": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-            "dev": true
-        },
-        "node_modules/js-yaml": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-            "dev": true,
-            "dependencies": {
-                "argparse": "^2.0.1"
-            },
-            "bin": {
-                "js-yaml": "bin/js-yaml.js"
-            }
-        },
-        "node_modules/jsdom": {
-            "version": "21.1.1",
-            "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-21.1.1.tgz",
-            "integrity": "sha512-Jjgdmw48RKcdAIQyUD1UdBh2ecH7VqwaXPN3ehoZN6MqgVbMn+lRm1aAT1AsdJRAJpwfa4IpwgzySn61h2qu3w==",
-            "dev": true,
-            "dependencies": {
-                "abab": "^2.0.6",
-                "acorn": "^8.8.2",
-                "acorn-globals": "^7.0.0",
-                "cssstyle": "^3.0.0",
-                "data-urls": "^4.0.0",
-                "decimal.js": "^10.4.3",
-                "domexception": "^4.0.0",
-                "escodegen": "^2.0.0",
-                "form-data": "^4.0.0",
-                "html-encoding-sniffer": "^3.0.0",
-                "http-proxy-agent": "^5.0.0",
-                "https-proxy-agent": "^5.0.1",
-                "is-potential-custom-element-name": "^1.0.1",
-                "nwsapi": "^2.2.2",
-                "parse5": "^7.1.2",
-                "rrweb-cssom": "^0.6.0",
-                "saxes": "^6.0.0",
-                "symbol-tree": "^3.2.4",
-                "tough-cookie": "^4.1.2",
-                "w3c-xmlserializer": "^4.0.0",
-                "webidl-conversions": "^7.0.0",
-                "whatwg-encoding": "^2.0.0",
-                "whatwg-mimetype": "^3.0.0",
-                "whatwg-url": "^12.0.1",
-                "ws": "^8.13.0",
-                "xml-name-validator": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=14"
-            },
-            "peerDependencies": {
-                "canvas": "^2.5.0"
-            },
-            "peerDependenciesMeta": {
-                "canvas": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/jsdom/node_modules/form-data": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-            "dev": true,
-            "dependencies": {
-                "asynckit": "^0.4.0",
-                "combined-stream": "^1.0.8",
-                "mime-types": "^2.1.12"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/json-schema-traverse": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-            "dev": true
-        },
-        "node_modules/json-stable-stringify-without-jsonify": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-            "dev": true
-        },
-        "node_modules/jsonc-parser": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
-            "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
-            "dev": true
-        },
-        "node_modules/kleur": {
-            "version": "4.1.5",
-            "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
-            "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/levn": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-            "dev": true,
-            "dependencies": {
-                "prelude-ls": "^1.2.1",
-                "type-check": "~0.4.0"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/local-pkg": {
-            "version": "0.4.3",
-            "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
-            "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
-            "dev": true,
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/locate-path": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-            "dev": true,
-            "dependencies": {
-                "p-locate": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/lodash": {
-            "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-            "dev": true
-        },
-        "node_modules/lodash.merge": {
-            "version": "4.6.2",
-            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-            "dev": true
-        },
-        "node_modules/logrocket": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/logrocket/-/logrocket-3.0.1.tgz",
-            "integrity": "sha512-jOWG+jEzobKVxGytzZ+4KGm2kiMQMRTHab2uDWQyVZcHfEF38BlCH1yjQVY4LCmuQUwZitP9biMzJZnyUQ0dtQ=="
-        },
-        "node_modules/loupe": {
-            "version": "2.3.6",
-            "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.6.tgz",
-            "integrity": "sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==",
-            "dev": true,
-            "dependencies": {
-                "get-func-name": "^2.0.0"
-            }
-        },
-        "node_modules/lz-string": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
-            "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
-            "dev": true,
-            "bin": {
-                "lz-string": "bin/bin.js"
-            }
-        },
-        "node_modules/magic-string": {
-            "version": "0.26.7",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.26.7.tgz",
-            "integrity": "sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==",
-            "dependencies": {
-                "sourcemap-codec": "^1.4.8"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/merge2": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-            "dev": true,
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/micromatch": {
-            "version": "4.0.5",
-            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-            "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-            "dev": true,
-            "dependencies": {
-                "braces": "^3.0.2",
-                "picomatch": "^2.3.1"
-            },
-            "engines": {
-                "node": ">=8.6"
-            }
-        },
-        "node_modules/mime": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
-            "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
-            "dev": true,
-            "bin": {
-                "mime": "cli.js"
-            },
-            "engines": {
-                "node": ">=10.0.0"
-            }
-        },
-        "node_modules/mime-db": {
-            "version": "1.52.0",
-            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/mime-types": {
-            "version": "2.1.35",
-            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-            "dependencies": {
-                "mime-db": "1.52.0"
-            },
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/min-indent": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-            "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-            "dev": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/minimist": {
-            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-            "dev": true,
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/mkdirp": {
-            "version": "0.5.6",
-            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-            "dev": true,
-            "dependencies": {
-                "minimist": "^1.2.6"
-            },
-            "bin": {
-                "mkdirp": "bin/cmd.js"
-            }
-        },
-        "node_modules/mlly": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.2.0.tgz",
-            "integrity": "sha512-+c7A3CV0KGdKcylsI6khWyts/CYrGTrRVo4R/I7u/cUsy0Conxa6LUhiEzVKIw14lc2L5aiO4+SeVe4TeGRKww==",
-            "dev": true,
-            "dependencies": {
-                "acorn": "^8.8.2",
-                "pathe": "^1.1.0",
-                "pkg-types": "^1.0.2",
-                "ufo": "^1.1.1"
-            }
-        },
-        "node_modules/mri": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
-            "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
-            "dev": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/mrmime": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
-            "integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/ms": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-            "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-            "dev": true
-        },
-        "node_modules/nanoid": {
-            "version": "3.3.6",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-            "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "bin": {
-                "nanoid": "bin/nanoid.cjs"
-            },
-            "engines": {
-                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-            }
-        },
-        "node_modules/natural-compare": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-            "dev": true
-        },
-        "node_modules/natural-compare-lite": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
-            "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
-            "dev": true
-        },
-        "node_modules/node-fetch": {
-            "version": "2.6.7",
-            "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
-            "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
-            "dependencies": {
-                "whatwg-url": "^5.0.0"
-            },
-            "engines": {
-                "node": "4.x || >=6.0.0"
-            },
-            "peerDependencies": {
-                "encoding": "^0.1.0"
-            },
-            "peerDependenciesMeta": {
-                "encoding": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/node-fetch/node_modules/tr46": {
-            "version": "0.0.3",
-            "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-            "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
-        },
-        "node_modules/node-fetch/node_modules/webidl-conversions": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-            "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
-        },
-        "node_modules/node-fetch/node_modules/whatwg-url": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-            "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
-            "dependencies": {
-                "tr46": "~0.0.3",
-                "webidl-conversions": "^3.0.0"
-            }
-        },
-        "node_modules/normalize-path": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/normalize.css": {
-            "version": "8.0.1",
-            "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
-            "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
-        },
-        "node_modules/nwsapi": {
-            "version": "2.2.2",
-            "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.2.tgz",
-            "integrity": "sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==",
-            "dev": true
-        },
-        "node_modules/object-inspect": {
-            "version": "1.12.3",
-            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
-            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
-            "dev": true,
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/object-is": {
-            "version": "1.1.5",
-            "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
-            "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "define-properties": "^1.1.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/object-keys": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-            "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/object.assign": {
-            "version": "4.1.4",
-            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
-            "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "define-properties": "^1.1.4",
-                "has-symbols": "^1.0.3",
-                "object-keys": "^1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/once": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-            "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-            "dev": true,
-            "dependencies": {
-                "wrappy": "1"
-            }
-        },
-        "node_modules/optionator": {
-            "version": "0.9.1",
-            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
-            "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
-            "dev": true,
-            "dependencies": {
-                "deep-is": "^0.1.3",
-                "fast-levenshtein": "^2.0.6",
-                "levn": "^0.4.1",
-                "prelude-ls": "^1.2.1",
-                "type-check": "^0.4.0",
-                "word-wrap": "^1.2.3"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/os-shim": {
-            "version": "0.1.3",
-            "resolved": "https://registry.npmjs.org/os-shim/-/os-shim-0.1.3.tgz",
-            "integrity": "sha512-jd0cvB8qQ5uVt0lvCIexBaROw1KyKm5sbulg2fWOHjETisuCzWyt+eTZKEMs8v6HwzoGs8xik26jg7eCM6pS+A==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4.0"
-            }
-        },
-        "node_modules/p-limit": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-            "dev": true,
-            "dependencies": {
-                "yocto-queue": "^0.1.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/p-locate": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-            "dev": true,
-            "dependencies": {
-                "p-limit": "^3.0.2"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/parent-module": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-            "dev": true,
-            "dependencies": {
-                "callsites": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/parse5": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
-            "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
-            "dev": true,
-            "dependencies": {
-                "entities": "^4.4.0"
-            },
-            "funding": {
-                "url": "https://github.com/inikulin/parse5?sponsor=1"
-            }
-        },
-        "node_modules/path-exists": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/path-is-absolute": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/path-key": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/path-parse": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-            "dev": true
-        },
-        "node_modules/path-type": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-            "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/pathe": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.0.tgz",
-            "integrity": "sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==",
-            "dev": true
-        },
-        "node_modules/pathval": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
-            "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==",
-            "dev": true,
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/picocolors": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-            "dev": true
-        },
-        "node_modules/picomatch": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "dev": true,
-            "engines": {
-                "node": ">=8.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/pkg-types": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.2.tgz",
-            "integrity": "sha512-hM58GKXOcj8WTqUXnsQyJYXdeAPbythQgEF3nTcEo+nkD49chjQ9IKm/QJy9xf6JakXptz86h7ecP2024rrLaQ==",
-            "dev": true,
-            "dependencies": {
-                "jsonc-parser": "^3.2.0",
-                "mlly": "^1.1.1",
-                "pathe": "^1.1.0"
-            }
-        },
-        "node_modules/playwright-core": {
-            "version": "1.32.1",
-            "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.32.1.tgz",
-            "integrity": "sha512-KZYUQC10mXD2Am1rGlidaalNGYk3LU1vZqqNk0gT4XPty1jOqgup8KDP8l2CUlqoNKhXM5IfGjWgW37xvGllBA==",
-            "dev": true,
-            "bin": {
-                "playwright": "cli.js"
-            },
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/postcss": {
-            "version": "8.4.21",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
-            "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/postcss"
-                }
-            ],
-            "dependencies": {
-                "nanoid": "^3.3.4",
-                "picocolors": "^1.0.0",
-                "source-map-js": "^1.0.2"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            }
-        },
-        "node_modules/pre-commit": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/pre-commit/-/pre-commit-1.2.2.tgz",
-            "integrity": "sha512-qokTiqxD6GjODy5ETAIgzsRgnBWWQHQH2ghy86PU7mIn/wuWeTwF3otyNQZxWBwVn8XNr8Tdzj/QfUXpH+gRZA==",
-            "dev": true,
-            "hasInstallScript": true,
-            "dependencies": {
-                "cross-spawn": "^5.0.1",
-                "spawn-sync": "^1.0.15",
-                "which": "1.2.x"
-            }
-        },
-        "node_modules/pre-commit/node_modules/cross-spawn": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
-            "integrity": "sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==",
-            "dev": true,
-            "dependencies": {
-                "lru-cache": "^4.0.1",
-                "shebang-command": "^1.2.0",
-                "which": "^1.2.9"
-            }
-        },
-        "node_modules/pre-commit/node_modules/lru-cache": {
-            "version": "4.1.5",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
-            "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
-            "dev": true,
-            "dependencies": {
-                "pseudomap": "^1.0.2",
-                "yallist": "^2.1.2"
-            }
-        },
-        "node_modules/pre-commit/node_modules/shebang-command": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
-            "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
-            "dev": true,
-            "dependencies": {
-                "shebang-regex": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/pre-commit/node_modules/shebang-regex": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
-            "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/pre-commit/node_modules/which": {
-            "version": "1.2.14",
-            "resolved": "https://registry.npmjs.org/which/-/which-1.2.14.tgz",
-            "integrity": "sha512-16uPglFkRPzgiUXYMi1Jf8Z5EzN1iB4V0ZtMXcHZnwsBtQhhHeCqoWw7tsUY42hJGNDWtUsVLTjakIa5BgAxCw==",
-            "dev": true,
-            "dependencies": {
-                "isexe": "^2.0.0"
-            },
-            "bin": {
-                "which": "bin/which"
-            }
-        },
-        "node_modules/pre-commit/node_modules/yallist": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
-            "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
-            "dev": true
-        },
-        "node_modules/prelude-ls": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/prettier": {
-            "version": "2.8.7",
-            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
-            "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
-            "dev": true,
-            "bin": {
-                "prettier": "bin-prettier.js"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            },
-            "funding": {
-                "url": "https://github.com/prettier/prettier?sponsor=1"
-            }
-        },
-        "node_modules/prettier-plugin-svelte": {
-            "version": "2.10.0",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.10.0.tgz",
-            "integrity": "sha512-GXMY6t86thctyCvQq+jqElO+MKdB09BkL3hexyGP3Oi8XLKRFaJP1ud/xlWCZ9ZIa2BxHka32zhHfcuU+XsRQg==",
-            "dev": true,
-            "peerDependencies": {
-                "prettier": "^1.16.4 || ^2.0.0",
-                "svelte": "^3.2.0"
-            }
-        },
-        "node_modules/pretty-bytes": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-6.1.0.tgz",
-            "integrity": "sha512-Rk753HI8f4uivXi4ZCIYdhmG1V+WKzvRMg/X+M42a6t7D07RcmopXJMDNk6N++7Bl75URRGsb40ruvg7Hcp2wQ==",
-            "engines": {
-                "node": "^14.13.1 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/pretty-format": {
-            "version": "27.5.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-            "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-            "dev": true,
-            "dependencies": {
-                "ansi-regex": "^5.0.1",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^17.0.1"
-            },
-            "engines": {
-                "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-            }
-        },
-        "node_modules/pretty-format/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/prismjs": {
-            "version": "1.29.0",
-            "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
-            "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/process-nextick-args": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-            "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
-            "dev": true
-        },
-        "node_modules/pseudomap": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
-            "integrity": "sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==",
-            "dev": true
-        },
-        "node_modules/psl": {
-            "version": "1.9.0",
-            "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
-            "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
-            "dev": true
-        },
-        "node_modules/punycode": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-            "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
-            "dev": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/querystringify": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
-            "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
-            "dev": true
-        },
-        "node_modules/queue-microtask": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ]
-        },
-        "node_modules/react-is": {
-            "version": "17.0.2",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-            "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
-            "dev": true
-        },
-        "node_modules/readable-stream": {
-            "version": "2.3.8",
-            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-            "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-            "dev": true,
-            "dependencies": {
-                "core-util-is": "~1.0.0",
-                "inherits": "~2.0.3",
-                "isarray": "~1.0.0",
-                "process-nextick-args": "~2.0.0",
-                "safe-buffer": "~5.1.1",
-                "string_decoder": "~1.1.1",
-                "util-deprecate": "~1.0.1"
-            }
-        },
-        "node_modules/readable-stream/node_modules/isarray": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-            "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-            "dev": true
-        },
-        "node_modules/readdirp": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-            "dev": true,
-            "dependencies": {
-                "picomatch": "^2.2.1"
-            },
-            "engines": {
-                "node": ">=8.10.0"
-            }
-        },
-        "node_modules/redent": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-            "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
-            "dev": true,
-            "dependencies": {
-                "indent-string": "^4.0.0",
-                "strip-indent": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/regenerator-runtime": {
-            "version": "0.13.11",
-            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-            "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
-            "dev": true
-        },
-        "node_modules/regexp.prototype.flags": {
-            "version": "1.4.3",
-            "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz",
-            "integrity": "sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.2",
-                "define-properties": "^1.1.3",
-                "functions-have-names": "^1.2.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/requires-port": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
-            "dev": true
-        },
-        "node_modules/resolve": {
-            "version": "1.22.1",
-            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
-            "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
-            "dev": true,
-            "dependencies": {
-                "is-core-module": "^2.9.0",
-                "path-parse": "^1.0.7",
-                "supports-preserve-symlinks-flag": "^1.0.0"
-            },
-            "bin": {
-                "resolve": "bin/resolve"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/resolve-from": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-            "dev": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/reusify": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-            "dev": true,
-            "engines": {
-                "iojs": ">=1.0.0",
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/rimraf": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-            "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-            "dev": true,
-            "dependencies": {
-                "glob": "^7.1.3"
-            },
-            "bin": {
-                "rimraf": "bin.js"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/rollup": {
-            "version": "3.20.2",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.2.tgz",
-            "integrity": "sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==",
-            "dev": true,
-            "bin": {
-                "rollup": "dist/bin/rollup"
-            },
-            "engines": {
-                "node": ">=14.18.0",
-                "npm": ">=8.0.0"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.2"
-            }
-        },
-        "node_modules/rrweb-cssom": {
-            "version": "0.6.0",
-            "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
-            "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==",
-            "dev": true
-        },
-        "node_modules/run-parallel": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "dependencies": {
-                "queue-microtask": "^1.2.2"
-            }
-        },
-        "node_modules/sade": {
-            "version": "1.8.1",
-            "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
-            "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
-            "dev": true,
-            "dependencies": {
-                "mri": "^1.1.0"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/safe-buffer": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-            "dev": true
-        },
-        "node_modules/safer-buffer": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-            "dev": true
-        },
-        "node_modules/sander": {
-            "version": "0.5.1",
-            "resolved": "https://registry.npmjs.org/sander/-/sander-0.5.1.tgz",
-            "integrity": "sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==",
-            "dev": true,
-            "dependencies": {
-                "es6-promise": "^3.1.2",
-                "graceful-fs": "^4.1.3",
-                "mkdirp": "^0.5.1",
-                "rimraf": "^2.5.2"
-            }
-        },
-        "node_modules/sander/node_modules/rimraf": {
-            "version": "2.7.1",
-            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-            "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-            "dev": true,
-            "dependencies": {
-                "glob": "^7.1.3"
-            },
-            "bin": {
-                "rimraf": "bin.js"
-            }
-        },
-        "node_modules/sass": {
-            "version": "1.60.0",
-            "resolved": "https://registry.npmjs.org/sass/-/sass-1.60.0.tgz",
-            "integrity": "sha512-updbwW6fNb5gGm8qMXzVO7V4sWf7LMXnMly/JEyfbfERbVH46Fn6q02BX7/eHTdKpE7d+oTkMMQpFWNUMfFbgQ==",
-            "dev": true,
-            "dependencies": {
-                "chokidar": ">=3.0.0 <4.0.0",
-                "immutable": "^4.0.0",
-                "source-map-js": ">=0.6.2 <2.0.0"
-            },
-            "bin": {
-                "sass": "sass.js"
-            },
-            "engines": {
-                "node": ">=12.0.0"
-            }
-        },
-        "node_modules/saxes": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
-            "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
-            "dev": true,
-            "dependencies": {
-                "xmlchars": "^2.2.0"
-            },
-            "engines": {
-                "node": ">=v12.22.7"
-            }
-        },
-        "node_modules/semver": {
-            "version": "7.3.8",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
-            "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
-            "dev": true,
-            "dependencies": {
-                "lru-cache": "^6.0.0"
-            },
-            "bin": {
-                "semver": "bin/semver.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/semver/node_modules/lru-cache": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-            "dev": true,
-            "dependencies": {
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/semver/node_modules/yallist": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-            "dev": true
-        },
-        "node_modules/set-cookie-parser": {
-            "version": "2.6.0",
-            "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
-            "integrity": "sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==",
-            "dev": true
-        },
-        "node_modules/shebang-command": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-            "dev": true,
-            "dependencies": {
-                "shebang-regex": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/shebang-regex": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/side-channel": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-            "dev": true,
-            "dependencies": {
-                "call-bind": "^1.0.0",
-                "get-intrinsic": "^1.0.2",
-                "object-inspect": "^1.9.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/siginfo": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-            "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-            "dev": true
-        },
-        "node_modules/sirv": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.2.tgz",
-            "integrity": "sha512-4Qog6aE29nIjAOKe/wowFTxOdmbEZKb+3tsLljaBRzJwtqto0BChD2zzH0LhgCSXiI+V7X+Y45v14wBZQ1TK3w==",
-            "dev": true,
-            "dependencies": {
-                "@polka/url": "^1.0.0-next.20",
-                "mrmime": "^1.0.0",
-                "totalist": "^3.0.0"
-            },
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/slash": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-            "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/slice-ansi": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
-            "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
-            "dev": true,
-            "dependencies": {
-                "ansi-styles": "^6.0.0",
-                "is-fullwidth-code-point": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-            }
-        },
-        "node_modules/slice-ansi/node_modules/ansi-styles": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-            "dev": true,
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/sorcery": {
-            "version": "0.11.0",
-            "resolved": "https://registry.npmjs.org/sorcery/-/sorcery-0.11.0.tgz",
-            "integrity": "sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==",
-            "dev": true,
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.4.14",
-                "buffer-crc32": "^0.2.5",
-                "minimist": "^1.2.0",
-                "sander": "^0.5.0"
-            },
-            "bin": {
-                "sorcery": "bin/sorcery"
-            }
-        },
-        "node_modules/source-map": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/source-map-js": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/sourcemap-codec": {
-            "version": "1.4.8",
-            "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-            "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
-            "deprecated": "Please use @jridgewell/sourcemap-codec instead"
-        },
-        "node_modules/spawn-sync": {
-            "version": "1.0.15",
-            "resolved": "https://registry.npmjs.org/spawn-sync/-/spawn-sync-1.0.15.tgz",
-            "integrity": "sha512-9DWBgrgYZzNghseho0JOuh+5fg9u6QWhAWa51QC7+U5rCheZ/j1DrEZnyE0RBBRqZ9uEXGPgSSM0nky6burpVw==",
-            "dev": true,
-            "hasInstallScript": true,
-            "dependencies": {
-                "concat-stream": "^1.4.7",
-                "os-shim": "^0.1.2"
-            }
-        },
-        "node_modules/sswr": {
-            "version": "1.10.0",
-            "resolved": "https://registry.npmjs.org/sswr/-/sswr-1.10.0.tgz",
-            "integrity": "sha512-nLWAJSQy3h8t7rrbTXanRyVHuQPj4PwKIVGe4IMlxJFdhyaxnN/JGACnvQKGDeWiTGYIZIx/jRuUsPEF0867Pg==",
-            "dependencies": {
-                "swrev": "^3.0.0"
-            },
-            "peerDependencies": {
-                "svelte": "^3.29.0"
-            }
-        },
-        "node_modules/stack-utils": {
-            "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
-            "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
-            "dev": true,
-            "dependencies": {
-                "escape-string-regexp": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/stack-utils/node_modules/escape-string-regexp": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
-            "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/stackback": {
-            "version": "0.0.2",
-            "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
-            "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-            "dev": true
-        },
-        "node_modules/std-env": {
-            "version": "3.3.2",
-            "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.3.2.tgz",
-            "integrity": "sha512-uUZI65yrV2Qva5gqE0+A7uVAvO40iPo6jGhs7s8keRfHCmtg+uB2X6EiLGCI9IgL1J17xGhvoOqSz79lzICPTA==",
-            "dev": true
-        },
-        "node_modules/stop-iteration-iterator": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
-            "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-            "dev": true,
-            "dependencies": {
-                "internal-slot": "^1.0.4"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/streamsearch": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-            "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
-            "dev": true,
-            "engines": {
-                "node": ">=10.0.0"
-            }
-        },
-        "node_modules/string_decoder": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-            "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-            "dev": true,
-            "dependencies": {
-                "safe-buffer": "~5.1.0"
-            }
-        },
-        "node_modules/string-width": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-            "dev": true,
-            "dependencies": {
-                "eastasianwidth": "^0.2.0",
-                "emoji-regex": "^9.2.2",
-                "strip-ansi": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/string-width/node_modules/ansi-regex": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-            "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-            "dev": true,
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-            }
-        },
-        "node_modules/string-width/node_modules/strip-ansi": {
-            "version": "7.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.0.1.tgz",
-            "integrity": "sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==",
-            "dev": true,
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-            }
-        },
-        "node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/strip-indent": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-            "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
-            "dev": true,
-            "dependencies": {
-                "min-indent": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/strip-json-comments": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/strip-literal": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.0.1.tgz",
-            "integrity": "sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==",
-            "dev": true,
-            "dependencies": {
-                "acorn": "^8.8.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/supports-color": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-            "dev": true,
-            "dependencies": {
-                "has-flag": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/supports-preserve-symlinks-flag": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/svelte": {
-            "version": "3.57.0",
-            "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.57.0.tgz",
-            "integrity": "sha512-WMXEvF+RtAaclw0t3bPDTUe19pplMlfyKDsixbHQYgCWi9+O9VN0kXU1OppzrB9gPAvz4NALuoca2LfW2bOjTQ==",
-            "dev": true,
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/svelte-check": {
-            "version": "3.1.4",
-            "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-3.1.4.tgz",
-            "integrity": "sha512-25Lb46ZS4IK/XpBMe4IBMrtYf23V8alqBX+szXoccb7uM0D2Wqq5rMRzYBONZnFVuU1bQG3R50lyIT5eRewv2g==",
-            "dev": true,
-            "dependencies": {
-                "@jridgewell/trace-mapping": "^0.3.17",
-                "chokidar": "^3.4.1",
-                "fast-glob": "^3.2.7",
-                "import-fresh": "^3.2.1",
-                "picocolors": "^1.0.0",
-                "sade": "^1.7.4",
-                "svelte-preprocess": "^5.0.0",
-                "typescript": "^4.9.4"
-            },
-            "bin": {
-                "svelte-check": "bin/svelte-check"
-            },
-            "peerDependencies": {
-                "svelte": "^3.55.0"
-            }
-        },
-        "node_modules/svelte-check/node_modules/typescript": {
-            "version": "4.9.5",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-            "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-            "dev": true,
-            "bin": {
-                "tsc": "bin/tsc",
-                "tsserver": "bin/tsserver"
-            },
-            "engines": {
-                "node": ">=4.2.0"
-            }
-        },
-        "node_modules/svelte-hmr": {
-            "version": "0.15.1",
-            "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.1.tgz",
-            "integrity": "sha512-BiKB4RZ8YSwRKCNVdNxK/GfY+r4Kjgp9jCLEy0DuqAKfmQtpL38cQK3afdpjw4sqSs4PLi3jIPJIFp259NkZtA==",
-            "dev": true,
-            "engines": {
-                "node": "^12.20 || ^14.13.1 || >= 16"
-            },
-            "peerDependencies": {
-                "svelte": ">=3.19.0"
-            }
-        },
-        "node_modules/svelte-jester": {
-            "version": "2.3.2",
-            "resolved": "https://registry.npmjs.org/svelte-jester/-/svelte-jester-2.3.2.tgz",
-            "integrity": "sha512-JtxSz4FWAaCRBXbPsh4LcDs4Ua7zdXgLC0TZvT1R56hRV0dymmNP+abw67DTPF7sQPyNxWsOKd0Sl7Q8SnP8kg==",
-            "dev": true,
-            "engines": {
-                "node": ">=14"
-            },
-            "peerDependencies": {
-                "jest": ">= 27",
-                "svelte": ">= 3"
-            }
-        },
-        "node_modules/svelte-preprocess": {
-            "version": "5.0.3",
-            "resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.3.tgz",
-            "integrity": "sha512-GrHF1rusdJVbOZOwgPWtpqmaexkydznKzy5qIC2FabgpFyKN57bjMUUUqPRfbBXK5igiEWn1uO/DXsa2vJ5VHA==",
-            "dev": true,
-            "hasInstallScript": true,
-            "dependencies": {
-                "@types/pug": "^2.0.6",
-                "detect-indent": "^6.1.0",
-                "magic-string": "^0.27.0",
-                "sorcery": "^0.11.0",
-                "strip-indent": "^3.0.0"
-            },
-            "engines": {
-                "node": ">= 14.10.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.10.2",
-                "coffeescript": "^2.5.1",
-                "less": "^3.11.3 || ^4.0.0",
-                "postcss": "^7 || ^8",
-                "postcss-load-config": "^2.1.0 || ^3.0.0 || ^4.0.0",
-                "pug": "^3.0.0",
-                "sass": "^1.26.8",
-                "stylus": "^0.55.0",
-                "sugarss": "^2.0.0 || ^3.0.0 || ^4.0.0",
-                "svelte": "^3.23.0",
-                "typescript": ">=3.9.5 || ^4.0.0 || ^5.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@babel/core": {
-                    "optional": true
-                },
-                "coffeescript": {
-                    "optional": true
-                },
-                "less": {
-                    "optional": true
-                },
-                "postcss": {
-                    "optional": true
-                },
-                "postcss-load-config": {
-                    "optional": true
-                },
-                "pug": {
-                    "optional": true
-                },
-                "sass": {
-                    "optional": true
-                },
-                "stylus": {
-                    "optional": true
-                },
-                "sugarss": {
-                    "optional": true
-                },
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/svelte-preprocess/node_modules/magic-string": {
-            "version": "0.27.0",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
-            "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
-            "dev": true,
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.4.13"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/swr": {
-            "version": "2.1.5",
-            "resolved": "https://registry.npmjs.org/swr/-/swr-2.1.5.tgz",
-            "integrity": "sha512-/OhfZMcEpuz77KavXST5q6XE9nrOBOVcBLWjMT+oAE/kQHyE3PASrevXCtQDZ8aamntOfFkbVJp7Il9tNBQWrw==",
-            "dependencies": {
-                "use-sync-external-store": "^1.2.0"
-            },
-            "peerDependencies": {
-                "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
-            }
-        },
-        "node_modules/swrev": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/swrev/-/swrev-3.0.0.tgz",
-            "integrity": "sha512-QJuZiptdOmbDY45pECBRVEgnoBlOKjeT2MWVz04wKHpWX15hM3P7EjcIbHDg5yLoPCMQ7to3349MEE+l9QF5HA=="
-        },
-        "node_modules/swrv": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/swrv/-/swrv-1.0.3.tgz",
-            "integrity": "sha512-sl+eLEE+aPPjhP1E8gQ75q3RPRyw5Gd/kROnrTFo3+LkCeLskv7F+uAl5W97wgJkzitobL6FLsRPVm0DgIgN8A==",
-            "peerDependencies": {
-                "vue": ">=3.2.26 < 4"
-            }
-        },
-        "node_modules/symbol-tree": {
-            "version": "3.2.4",
-            "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
-            "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
-            "dev": true
-        },
-        "node_modules/text-table": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-            "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-            "dev": true
-        },
-        "node_modules/the-new-css-reset": {
-            "version": "1.8.4",
-            "resolved": "https://registry.npmjs.org/the-new-css-reset/-/the-new-css-reset-1.8.4.tgz",
-            "integrity": "sha512-Upmb9XTyk78BmTbMQuAOTlESH9zmwqDAmmYC9MVm7uZLQdvGfxFTMhbpjKMUDwfmXGKnq6nkzISs/ReqHUP5xg=="
-        },
-        "node_modules/tiny-glob": {
-            "version": "0.2.9",
-            "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
-            "integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
-            "dev": true,
-            "dependencies": {
-                "globalyzer": "0.1.0",
-                "globrex": "^0.1.2"
-            }
-        },
-        "node_modules/tinybench": {
-            "version": "2.4.0",
-            "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.4.0.tgz",
-            "integrity": "sha512-iyziEiyFxX4kyxSp+MtY1oCH/lvjH3PxFN8PGCDeqcZWAJ/i+9y+nL85w99PxVzrIvew/GSkSbDYtiGVa85Afg==",
-            "dev": true
-        },
-        "node_modules/tinypool": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.4.0.tgz",
-            "integrity": "sha512-2ksntHOKf893wSAH4z/+JbPpi92esw8Gn9N2deXX+B0EO92hexAVI9GIZZPx7P5aYo5KULfeOSt3kMOmSOy6uA==",
-            "dev": true,
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/tinyspy": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-1.1.1.tgz",
-            "integrity": "sha512-UVq5AXt/gQlti7oxoIg5oi/9r0WpF7DGEVwXgqWSMmyN16+e3tl5lIvTaOpJ3TAtu5xFzWccFRM4R5NaWHF+4g==",
-            "dev": true,
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/tippy.js": {
-            "version": "6.3.7",
-            "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
-            "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
-            "dependencies": {
-                "@popperjs/core": "^2.9.0"
-            }
-        },
-        "node_modules/to-regex-range": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-            "dev": true,
-            "dependencies": {
-                "is-number": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=8.0"
-            }
-        },
-        "node_modules/totalist": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.0.tgz",
-            "integrity": "sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw==",
-            "dev": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/tough-cookie": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.2.tgz",
-            "integrity": "sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==",
-            "dev": true,
-            "dependencies": {
-                "psl": "^1.1.33",
-                "punycode": "^2.1.1",
-                "universalify": "^0.2.0",
-                "url-parse": "^1.5.3"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/tr46": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
-            "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
-            "dev": true,
-            "dependencies": {
-                "punycode": "^2.3.0"
-            },
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/tslib": {
-            "version": "2.5.0",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-            "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
-            "dev": true
-        },
-        "node_modules/tsutils": {
-            "version": "3.21.0",
-            "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
-            "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
-            "dev": true,
-            "dependencies": {
-                "tslib": "^1.8.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            },
-            "peerDependencies": {
-                "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-            }
-        },
-        "node_modules/tsutils/node_modules/tslib": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-            "dev": true
-        },
-        "node_modules/type-check": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-            "dev": true,
-            "dependencies": {
-                "prelude-ls": "^1.2.1"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/type-detect": {
-            "version": "4.0.8",
-            "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
-            "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
-            "dev": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/type-fest": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/typedarray": {
-            "version": "0.0.6",
-            "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
-            "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
-            "dev": true
-        },
-        "node_modules/typescript": {
-            "version": "5.0.2",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.2.tgz",
-            "integrity": "sha512-wVORMBGO/FAs/++blGNeAVdbNKtIh1rbBL2EyQ1+J9lClJ93KiiKe8PmFIVdXhHcyv44SL9oglmfeSsndo0jRw==",
-            "dev": true,
-            "bin": {
-                "tsc": "bin/tsc",
-                "tsserver": "bin/tsserver"
-            },
-            "engines": {
-                "node": ">=12.20"
-            }
-        },
-        "node_modules/ufo": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.1.tgz",
-            "integrity": "sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==",
-            "dev": true
-        },
-        "node_modules/undici": {
-            "version": "5.20.0",
-            "resolved": "https://registry.npmjs.org/undici/-/undici-5.20.0.tgz",
-            "integrity": "sha512-J3j60dYzuo6Eevbawwp1sdg16k5Tf768bxYK4TUJRH7cBM4kFCbf3mOnM/0E3vQYXvpxITbbWmBafaDbxLDz3g==",
-            "dev": true,
-            "dependencies": {
-                "busboy": "^1.6.0"
-            },
-            "engines": {
-                "node": ">=12.18"
-            }
-        },
-        "node_modules/universalify": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
-            "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
-            "dev": true,
-            "engines": {
-                "node": ">= 4.0.0"
-            }
-        },
-        "node_modules/uri-js": {
-            "version": "4.4.1",
-            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-            "dev": true,
-            "dependencies": {
-                "punycode": "^2.1.0"
-            }
-        },
-        "node_modules/url-parse": {
-            "version": "1.5.10",
-            "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
-            "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
-            "dev": true,
-            "dependencies": {
-                "querystringify": "^2.1.1",
-                "requires-port": "^1.0.0"
-            }
-        },
-        "node_modules/use-sync-external-store": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
-            "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
-            "peerDependencies": {
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-            }
-        },
-        "node_modules/util-deprecate": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-            "dev": true
-        },
-        "node_modules/vite": {
-            "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.1.tgz",
-            "integrity": "sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==",
-            "dev": true,
-            "dependencies": {
-                "esbuild": "^0.17.5",
-                "postcss": "^8.4.21",
-                "resolve": "^1.22.1",
-                "rollup": "^3.18.0"
-            },
-            "bin": {
-                "vite": "bin/vite.js"
-            },
-            "engines": {
-                "node": "^14.18.0 || >=16.0.0"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.2"
-            },
-            "peerDependencies": {
-                "@types/node": ">= 14",
-                "less": "*",
-                "sass": "*",
-                "stylus": "*",
-                "sugarss": "*",
-                "terser": "^5.4.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/node": {
-                    "optional": true
-                },
-                "less": {
-                    "optional": true
-                },
-                "sass": {
-                    "optional": true
-                },
-                "stylus": {
-                    "optional": true
-                },
-                "sugarss": {
-                    "optional": true
-                },
-                "terser": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/vite-node": {
-            "version": "0.29.7",
-            "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.29.7.tgz",
-            "integrity": "sha512-PakCZLvz37yFfUPWBnLa1OYHPCGm5v4pmRrTcFN4V/N/T3I6tyP3z07S//9w+DdeL7vVd0VSeyMZuAh+449ZWw==",
-            "dev": true,
-            "dependencies": {
-                "cac": "^6.7.14",
-                "debug": "^4.3.4",
-                "mlly": "^1.1.0",
-                "pathe": "^1.1.0",
-                "picocolors": "^1.0.0",
-                "vite": "^3.0.0 || ^4.0.0"
-            },
-            "bin": {
-                "vite-node": "vite-node.mjs"
-            },
-            "engines": {
-                "node": ">=v14.16.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/vitefu": {
-            "version": "0.2.4",
-            "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz",
-            "integrity": "sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==",
-            "dev": true,
-            "peerDependencies": {
-                "vite": "^3.0.0 || ^4.0.0"
-            },
-            "peerDependenciesMeta": {
-                "vite": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/vitest": {
-            "version": "0.29.7",
-            "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.29.7.tgz",
-            "integrity": "sha512-aWinOSOu4jwTuZHkb+cCyrqQ116Q9TXaJrNKTHudKBknIpR0VplzeaOUuDF9jeZcrbtQKZQt6yrtd+eakbaxHg==",
-            "dev": true,
-            "dependencies": {
-                "@types/chai": "^4.3.4",
-                "@types/chai-subset": "^1.3.3",
-                "@types/node": "*",
-                "@vitest/expect": "0.29.7",
-                "@vitest/runner": "0.29.7",
-                "@vitest/spy": "0.29.7",
-                "@vitest/utils": "0.29.7",
-                "acorn": "^8.8.1",
-                "acorn-walk": "^8.2.0",
-                "cac": "^6.7.14",
-                "chai": "^4.3.7",
-                "debug": "^4.3.4",
-                "local-pkg": "^0.4.2",
-                "pathe": "^1.1.0",
-                "picocolors": "^1.0.0",
-                "source-map": "^0.6.1",
-                "std-env": "^3.3.1",
-                "strip-literal": "^1.0.0",
-                "tinybench": "^2.3.1",
-                "tinypool": "^0.4.0",
-                "tinyspy": "^1.0.2",
-                "vite": "^3.0.0 || ^4.0.0",
-                "vite-node": "0.29.7",
-                "why-is-node-running": "^2.2.2"
-            },
-            "bin": {
-                "vitest": "vitest.mjs"
-            },
-            "engines": {
-                "node": ">=v14.16.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            },
-            "peerDependencies": {
-                "@edge-runtime/vm": "*",
-                "@vitest/browser": "*",
-                "@vitest/ui": "*",
-                "happy-dom": "*",
-                "jsdom": "*"
-            },
-            "peerDependenciesMeta": {
-                "@edge-runtime/vm": {
-                    "optional": true
-                },
-                "@vitest/browser": {
-                    "optional": true
-                },
-                "@vitest/ui": {
-                    "optional": true
-                },
-                "happy-dom": {
-                    "optional": true
-                },
-                "jsdom": {
-                    "optional": true
-                },
-                "safaridriver": {
-                    "optional": true
-                },
-                "webdriverio": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/w3c-xmlserializer": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
-            "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
-            "dev": true,
-            "dependencies": {
-                "xml-name-validator": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/web-vitals": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-3.3.0.tgz",
-            "integrity": "sha512-GZsEmJBNclIpViS/7QVOTr7Kbt4BgLeR7kQ5zCCtJVuiWsA+K6xTXaoEXssvl8yYFICEyNmA2Nr+vgBYTnS4bA=="
-        },
-        "node_modules/webidl-conversions": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-            "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-            "dev": true,
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/whatwg-encoding": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
-            "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
-            "dev": true,
-            "dependencies": {
-                "iconv-lite": "0.6.3"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/whatwg-mimetype": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
-            "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
-            "dev": true,
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/whatwg-url": {
-            "version": "12.0.1",
-            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz",
-            "integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==",
-            "dev": true,
-            "dependencies": {
-                "tr46": "^4.1.1",
-                "webidl-conversions": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/which": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-            "dev": true,
-            "dependencies": {
-                "isexe": "^2.0.0"
-            },
-            "bin": {
-                "node-which": "bin/node-which"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/which-boxed-primitive": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-            "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-            "dev": true,
-            "dependencies": {
-                "is-bigint": "^1.0.1",
-                "is-boolean-object": "^1.1.0",
-                "is-number-object": "^1.0.4",
-                "is-string": "^1.0.5",
-                "is-symbol": "^1.0.3"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/which-collection": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-            "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-            "dev": true,
-            "dependencies": {
-                "is-map": "^2.0.1",
-                "is-set": "^2.0.1",
-                "is-weakmap": "^2.0.1",
-                "is-weakset": "^2.0.1"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/which-typed-array": {
-            "version": "1.1.9",
-            "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.9.tgz",
-            "integrity": "sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==",
-            "dev": true,
-            "dependencies": {
-                "available-typed-arrays": "^1.0.5",
-                "call-bind": "^1.0.2",
-                "for-each": "^0.3.3",
-                "gopd": "^1.0.1",
-                "has-tostringtag": "^1.0.0",
-                "is-typed-array": "^1.1.10"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/why-is-node-running": {
-            "version": "2.2.2",
-            "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.2.2.tgz",
-            "integrity": "sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==",
-            "dev": true,
-            "dependencies": {
-                "siginfo": "^2.0.0",
-                "stackback": "0.0.2"
-            },
-            "bin": {
-                "why-is-node-running": "cli.js"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/word-wrap": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
-            "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/wrappy": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-            "dev": true
-        },
-        "node_modules/ws": {
-            "version": "8.13.0",
-            "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
-            "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
-            "dev": true,
-            "engines": {
-                "node": ">=10.0.0"
-            },
-            "peerDependencies": {
-                "bufferutil": "^4.0.1",
-                "utf-8-validate": ">=5.0.2"
-            },
-            "peerDependenciesMeta": {
-                "bufferutil": {
-                    "optional": true
-                },
-                "utf-8-validate": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/xml-name-validator": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
-            "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
-            "dev": true,
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/xmlchars": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-            "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-            "dev": true
-        },
-        "node_modules/yocto-queue": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/zrender": {
-            "version": "5.4.3",
-            "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.4.3.tgz",
-            "integrity": "sha512-DRUM4ZLnoaT0PBVvGBDO9oWIDBKFdAVieNWxWwK0niYzJCMwGchRk21/hsE+RKkIveH3XHCyvXcJDkgLVvfizQ==",
-            "dependencies": {
-                "tslib": "2.3.0"
-            }
-        },
-        "node_modules/zrender/node_modules/tslib": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
-            "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
-        }
-    }
-}
diff --git a/package.json b/package.json
index 339a650a9..e99b0fa04 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
         "@analytics/google-analytics": "^1.0.5",
         "@appwrite.io/console": "0.1.0",
         "@appwrite.io/pink": "^0.0.6-rc.10",
+        "@appwrite.io/pink-icons": "^0.0.6-rc.10",
         "@popperjs/core": "^2.11.6",
         "@sentry/svelte": "^7.44.2",
         "@sentry/tracing": "^7.44.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 000000000..a477da74e
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,3679 @@
+lockfileVersion: 5.3
+
+specifiers:
+  '@analytics/google-analytics': ^1.0.5
+  '@appwrite.io/console': 0.1.0
+  '@appwrite.io/pink': ^0.0.6-rc.10
+  '@appwrite.io/pink-icons': ^0.0.6-rc.10
+  '@playwright/test': ^1.31.2
+  '@popperjs/core': ^2.11.6
+  '@sentry/svelte': ^7.44.2
+  '@sentry/tracing': ^7.44.2
+  '@sveltejs/adapter-static': ^2.0.2
+  '@sveltejs/kit': ^1.15.4
+  '@sveltejs/vite-plugin-svelte': ^2.0.4
+  '@testing-library/dom': ^9.0.1
+  '@testing-library/jest-dom': ^5.16.5
+  '@testing-library/svelte': ^3.2.2
+  '@testing-library/user-event': ^14.4.3
+  '@types/prismjs': ^1.26.0
+  '@typescript-eslint/eslint-plugin': ^5.56.0
+  '@typescript-eslint/parser': ^5.56.0
+  '@vitest/ui': ^0.29.7
+  ai: ^2.1.15
+  analytics: ^0.8.1
+  dotenv: ^16.0.3
+  echarts: ^5.4.1
+  eslint: ^8.36.0
+  eslint-config-prettier: ^8.8.0
+  eslint-plugin-svelte3: ^4.0.0
+  jsdom: ^21.1.1
+  kleur: ^4.1.5
+  logrocket: ^3.0.1
+  pre-commit: ^1.2.2
+  prettier: ^2.8.6
+  prettier-plugin-svelte: ^2.9.0
+  pretty-bytes: ^6.1.0
+  prismjs: ^1.29.0
+  sass: ^1.59.3
+  svelte: ^3.57.0
+  svelte-check: ^3.1.4
+  svelte-jester: ^2.3.2
+  svelte-preprocess: ^5.0.3
+  tippy.js: ^6.3.7
+  tslib: ^2.5.0
+  typescript: ^5.0.2
+  vite: ^4.2.1
+  vitest: ^0.29.7
+  web-vitals: ^3.1.1
+
+dependencies:
+  '@analytics/google-analytics': 1.0.7
+  '@appwrite.io/console': 0.1.0
+  '@appwrite.io/pink': 0.0.6-rc.14
+  '@appwrite.io/pink-icons': 0.0.6-rc.14
+  '@popperjs/core': 2.11.8
+  '@sentry/svelte': 7.57.0_svelte@3.59.2
+  '@sentry/tracing': 7.57.0
+  ai: 2.1.17_svelte@3.59.2
+  analytics: 0.8.9
+  dotenv: 16.3.1
+  echarts: 5.4.2
+  logrocket: 3.0.1
+  pretty-bytes: 6.1.0
+  prismjs: 1.29.0
+  tippy.js: 6.3.7
+  web-vitals: 3.3.2
+
+devDependencies:
+  '@playwright/test': 1.35.1
+  '@sveltejs/adapter-static': 2.0.2_@sveltejs+kit@1.22.1
+  '@sveltejs/kit': 1.22.1_svelte@3.59.2+vite@4.4.2
+  '@sveltejs/vite-plugin-svelte': 2.4.2_svelte@3.59.2+vite@4.4.2
+  '@testing-library/dom': 9.3.1
+  '@testing-library/jest-dom': 5.16.5
+  '@testing-library/svelte': 3.2.2_svelte@3.59.2
+  '@testing-library/user-event': 14.4.3_@testing-library+dom@9.3.1
+  '@types/prismjs': 1.26.0
+  '@typescript-eslint/eslint-plugin': 5.61.0_d72bb1d109f803f8cc25cf219b7c62ed
+  '@typescript-eslint/parser': 5.61.0_eslint@8.44.0+typescript@5.1.6
+  '@vitest/ui': 0.29.8
+  eslint: 8.44.0
+  eslint-config-prettier: 8.8.0_eslint@8.44.0
+  eslint-plugin-svelte3: 4.0.0_eslint@8.44.0+svelte@3.59.2
+  jsdom: 21.1.2
+  kleur: 4.1.5
+  pre-commit: 1.2.2
+  prettier: 2.8.8
+  prettier-plugin-svelte: 2.10.1_prettier@2.8.8+svelte@3.59.2
+  sass: 1.63.6
+  svelte: 3.59.2
+  svelte-check: 3.4.5_sass@1.63.6+svelte@3.59.2
+  svelte-jester: 2.3.2_svelte@3.59.2
+  svelte-preprocess: 5.0.4_4f8d0463f8af142e9709897eb40a2521
+  tslib: 2.6.0
+  typescript: 5.1.6
+  vite: 4.4.2_sass@1.63.6
+  vitest: 0.29.8_0ea0a70a66ac2d66448ea0e0cebbaf6c
+
+packages:
+
+  /@aashutoshrathi/word-wrap/1.2.6:
+    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /@adobe/css-tools/4.2.0:
+    resolution: {integrity: sha512-E09FiIft46CmH5Qnjb0wsW54/YQd69LsxeKUOWawmws1XWvyFGURnAChH0mlr7YPFR1ofwvUQfcL0J3lMxXqPA==}
+    dev: true
+
+  /@analytics/cookie-utils/0.2.12:
+    resolution: {integrity: sha512-2h/yuIu3kmu+ZJlKmlT6GoRvUEY2k1BbQBezEv5kGhnn9KpmzPz715Y3GmM2i+m7Y0QmBdVUoA260dQZkofs2A==}
+    dependencies:
+      '@analytics/global-storage-utils': 0.1.7
+    dev: false
+
+  /@analytics/core/0.12.7:
+    resolution: {integrity: sha512-etmIPCoxWLoUZ/o1o2zvIk4cdVHa8I1xUQtTuLA+YXQ4SsFbm75ZoMXJBqWrNSENpqCJgoL6hizl5uTbkNN+1Q==}
+    dependencies:
+      '@analytics/global-storage-utils': 0.1.7
+      '@analytics/type-utils': 0.6.2
+      analytics-utils: 1.0.12
+    transitivePeerDependencies:
+      - '@types/dlv'
+    dev: false
+
+  /@analytics/global-storage-utils/0.1.7:
+    resolution: {integrity: sha512-V+spzGLZYm4biZT4uefaylm80SrLXf8WOTv9hCgA46cLcyxx3LD4GCpssp1lj+RcWLl/uXJQBRO4Mnn/o1x6Gw==}
+    dependencies:
+      '@analytics/type-utils': 0.6.2
+    dev: false
+
+  /@analytics/google-analytics/1.0.7:
+    resolution: {integrity: sha512-KZ69NaMIi5kOcouzqI8cu7tZgQl7ziGiRahfU6zniUf32G8bv7wQDh73JFz1NwO6gBPloUc+5BzEoWzScM5Rgw==}
+    dev: false
+
+  /@analytics/localstorage-utils/0.1.10:
+    resolution: {integrity: sha512-uJS+Jp1yLG5VFCgA5T82ZODYBS0xuDQx0NtAZrgbqt9j51BX3TcgmOez5LVkrUNu/lpbxjCLq35I4TKj78VmOQ==}
+    dependencies:
+      '@analytics/global-storage-utils': 0.1.7
+    dev: false
+
+  /@analytics/session-storage-utils/0.0.7:
+    resolution: {integrity: sha512-PSv40UxG96HVcjY15e3zOqU2n8IqXnH8XvTkg1X43uXNTKVSebiI2kUjA3Q7ESFbw5DPwcLbJhV7GforpuBLDw==}
+    dependencies:
+      '@analytics/global-storage-utils': 0.1.7
+    dev: false
+
+  /@analytics/storage-utils/0.4.2:
+    resolution: {integrity: sha512-AXObwyVQw9h2uJh1t2hUgabtVxzYpW+7uKVbdHQK80vr3Td5rrmCxrCxarh7HUuAgSDZ0bZWqmYxVgmwKceaLg==}
+    dependencies:
+      '@analytics/cookie-utils': 0.2.12
+      '@analytics/global-storage-utils': 0.1.7
+      '@analytics/localstorage-utils': 0.1.10
+      '@analytics/session-storage-utils': 0.0.7
+      '@analytics/type-utils': 0.6.2
+    dev: false
+
+  /@analytics/type-utils/0.6.2:
+    resolution: {integrity: sha512-TD+xbmsBLyYy/IxFimW/YL/9L2IEnM7/EoV9Aeh56U64Ify8o27HJcKjo38XY9Tcn0uOq1AX3thkKgvtWvwFQg==}
+    dev: false
+
+  /@appwrite.io/console/0.1.0:
+    resolution: {integrity: sha512-GzCRUmaXAVgpGwxBNI3PrtCLHz7CM+epBHDDTHw8B2u61KbijGBO3GrwreXy91fy00RJiEzGlMSRzDgwsF3Tsg==}
+    dependencies:
+      cross-fetch: 3.1.5
+      isomorphic-form-data: 2.0.0
+    transitivePeerDependencies:
+      - encoding
+    dev: false
+
+  /@appwrite.io/pink-icons/0.0.6-rc.14:
+    resolution: {integrity: sha512-OHkW3nOc7aTNlf+kdcSojlimWR+NKUJoYNCcC6ysQs7GnD/ny+en6bpT6u1X5EYEszO/IUQuQYDZhURFeGGO1A==}
+    dev: false
+
+  /@appwrite.io/pink/0.0.6-rc.14:
+    resolution: {integrity: sha512-KSfuW/MIc9aXaSjHmOB0TSyd2G/nTX8Yj49LOqOw41v649tVNfPGutvI6eTULCKve24HTYSspnHLil5Eb4Kk2Q==}
+    dependencies:
+      '@appwrite.io/pink-icons': 0.0.6-rc.14
+      normalize.css: 8.0.1
+      the-new-css-reset: 1.9.0
+    dev: false
+
+  /@babel/code-frame/7.22.5:
+    resolution: {integrity: sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': 7.22.5
+    dev: true
+
+  /@babel/helper-validator-identifier/7.22.5:
+    resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/highlight/7.22.5:
+    resolution: {integrity: sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': 7.22.5
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+    dev: true
+
+  /@babel/runtime/7.22.6:
+    resolution: {integrity: sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.13.11
+    dev: true
+
+  /@esbuild/android-arm/0.18.11:
+    resolution: {integrity: sha512-q4qlUf5ucwbUJZXF5tEQ8LF7y0Nk4P58hOsGk3ucY0oCwgQqAnqXVbUuahCddVHfrxmpyewRpiTHwVHIETYu7Q==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm64/0.18.11:
+    resolution: {integrity: sha512-snieiq75Z1z5LJX9cduSAjUr7vEI1OdlzFPMw0HH5YI7qQHDd3qs+WZoMrWYDsfRJSq36lIA6mfZBkvL46KoIw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    dev: true
+    optional: true
+
+  /@esbuild/android-x64/0.18.11:
+    resolution: {integrity: sha512-iPuoxQEV34+hTF6FT7om+Qwziv1U519lEOvekXO9zaMMlT9+XneAhKL32DW3H7okrCOBQ44BMihE8dclbZtTuw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-arm64/0.18.11:
+    resolution: {integrity: sha512-Gm0QkI3k402OpfMKyQEEMG0RuW2LQsSmI6OeO4El2ojJMoF5NLYb3qMIjvbG/lbMeLOGiW6ooU8xqc+S0fgz2w==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-x64/0.18.11:
+    resolution: {integrity: sha512-N15Vzy0YNHu6cfyDOjiyfJlRJCB/ngKOAvoBf1qybG3eOq0SL2Lutzz9N7DYUbb7Q23XtHPn6lMDF6uWbGv9Fw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-arm64/0.18.11:
+    resolution: {integrity: sha512-atEyuq6a3omEY5qAh5jIORWk8MzFnCpSTUruBgeyN9jZq1K/QI9uke0ATi3MHu4L8c59CnIi4+1jDKMuqmR71A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-x64/0.18.11:
+    resolution: {integrity: sha512-XtuPrEfBj/YYYnAAB7KcorzzpGTvOr/dTtXPGesRfmflqhA4LMF0Gh/n5+a9JBzPuJ+CGk17CA++Hmr1F/gI0Q==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm/0.18.11:
+    resolution: {integrity: sha512-Idipz+Taso/toi2ETugShXjQ3S59b6m62KmLHkJlSq/cBejixmIydqrtM2XTvNCywFl3VC7SreSf6NV0i6sRyg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm64/0.18.11:
+    resolution: {integrity: sha512-c6Vh2WS9VFKxKZ2TvJdA7gdy0n6eSy+yunBvv4aqNCEhSWVor1TU43wNRp2YLO9Vng2G+W94aRz+ILDSwAiYog==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ia32/0.18.11:
+    resolution: {integrity: sha512-S3hkIF6KUqRh9n1Q0dSyYcWmcVa9Cg+mSoZEfFuzoYXXsk6196qndrM+ZiHNwpZKi3XOXpShZZ+9dfN5ykqjjw==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    dev: true
+    optional: true
+
+  /@esbuild/linux-loong64/0.18.11:
+    resolution: {integrity: sha512-MRESANOoObQINBA+RMZW+Z0TJWpibtE7cPFnahzyQHDCA9X9LOmGh68MVimZlM9J8n5Ia8lU773te6O3ILW8kw==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    dev: true
+    optional: true
+
+  /@esbuild/linux-mips64el/0.18.11:
+    resolution: {integrity: sha512-qVyPIZrXNMOLYegtD1u8EBccCrBVshxMrn5MkuFc3mEVsw7CCQHaqZ4jm9hbn4gWY95XFnb7i4SsT3eflxZsUg==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ppc64/0.18.11:
+    resolution: {integrity: sha512-T3yd8vJXfPirZaUOoA9D2ZjxZX4Gr3QuC3GztBJA6PklLotc/7sXTOuuRkhE9W/5JvJP/K9b99ayPNAD+R+4qQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    dev: true
+    optional: true
+
+  /@esbuild/linux-riscv64/0.18.11:
+    resolution: {integrity: sha512-evUoRPWiwuFk++snjH9e2cAjF5VVSTj+Dnf+rkO/Q20tRqv+644279TZlPK8nUGunjPAtQRCj1jQkDAvL6rm2w==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    dev: true
+    optional: true
+
+  /@esbuild/linux-s390x/0.18.11:
+    resolution: {integrity: sha512-/SlRJ15XR6i93gRWquRxYCfhTeC5PdqEapKoLbX63PLCmAkXZHY2uQm2l9bN0oPHBsOw2IswRZctMYS0MijFcg==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    dev: true
+    optional: true
+
+  /@esbuild/linux-x64/0.18.11:
+    resolution: {integrity: sha512-xcncej+wF16WEmIwPtCHi0qmx1FweBqgsRtEL1mSHLFR6/mb3GEZfLQnx+pUDfRDEM4DQF8dpXIW7eDOZl1IbA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    dev: true
+    optional: true
+
+  /@esbuild/netbsd-x64/0.18.11:
+    resolution: {integrity: sha512-aSjMHj/F7BuS1CptSXNg6S3M4F3bLp5wfFPIJM+Km2NfIVfFKhdmfHF9frhiCLIGVzDziggqWll0B+9AUbud/Q==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    dev: true
+    optional: true
+
+  /@esbuild/openbsd-x64/0.18.11:
+    resolution: {integrity: sha512-tNBq+6XIBZtht0xJGv7IBB5XaSyvYPCm1PxJ33zLQONdZoLVM0bgGqUrXnJyiEguD9LU4AHiu+GCXy/Hm9LsdQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    dev: true
+    optional: true
+
+  /@esbuild/sunos-x64/0.18.11:
+    resolution: {integrity: sha512-kxfbDOrH4dHuAAOhr7D7EqaYf+W45LsAOOhAet99EyuxxQmjbk8M9N4ezHcEiCYPaiW8Dj3K26Z2V17Gt6p3ng==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    dev: true
+    optional: true
+
+  /@esbuild/win32-arm64/0.18.11:
+    resolution: {integrity: sha512-Sh0dDRyk1Xi348idbal7lZyfSkjhJsdFeuC13zqdipsvMetlGiFQNdO+Yfp6f6B4FbyQm7qsk16yaZk25LChzg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    dev: true
+    optional: true
+
+  /@esbuild/win32-ia32/0.18.11:
+    resolution: {integrity: sha512-o9JUIKF1j0rqJTFbIoF4bXj6rvrTZYOrfRcGyL0Vm5uJ/j5CkBD/51tpdxe9lXEDouhRgdr/BYzUrDOvrWwJpg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    dev: true
+    optional: true
+
+  /@esbuild/win32-x64/0.18.11:
+    resolution: {integrity: sha512-rQI4cjLHd2hGsM1LqgDI7oOCYbQ6IBOVsX9ejuRMSze0GqXUG2ekwiKkiBU1pRGSeCqFFHxTrcEydB2Hyoz9CA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    dev: true
+    optional: true
+
+  /@eslint-community/eslint-utils/4.4.0_eslint@8.44.0:
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: 8.44.0
+      eslint-visitor-keys: 3.4.1
+    dev: true
+
+  /@eslint-community/regexpp/4.5.1:
+    resolution: {integrity: sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
+
+  /@eslint/eslintrc/2.1.0:
+    resolution: {integrity: sha512-Lj7DECXqIVCqnqjjHMPna4vn6GJcMgul/wuS0je9OZ9gsL0zzDpKPVtcG1HaDVc+9y+qgXneTeUMbCqXJNpH1A==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4
+      espree: 9.6.0
+      globals: 13.20.0
+      ignore: 5.2.4
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@eslint/js/8.44.0:
+    resolution: {integrity: sha512-Ag+9YM4ocKQx9AarydN0KY2j0ErMHNIocPDrVo8zAE44xLTjEtz81OdR68/cydGtk6m6jDb5Za3r2useMzYmSw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@humanwhocodes/config-array/0.11.10:
+    resolution: {integrity: sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 1.2.1
+      debug: 4.3.4
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@humanwhocodes/module-importer/1.0.1:
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+    dev: true
+
+  /@humanwhocodes/object-schema/1.2.1:
+    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
+    dev: true
+
+  /@jest/expect-utils/29.6.1:
+    resolution: {integrity: sha512-o319vIf5pEMx0LmzSxxkYYxo4wrRLKHq9dP1yJU7FoPTB0LfAKSz8SWD6D/6U3v/O52t9cF5t+MeJiRsfk7zMw==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      jest-get-type: 29.4.3
+    dev: true
+
+  /@jest/schemas/29.6.0:
+    resolution: {integrity: sha512-rxLjXyJBTL4LQeJW3aKo0M/+GkCOXsO+8i9Iu7eDb6KwtP65ayoDsitrdPBtujxQ88k4wI2FNYfa6TOGwSn6cQ==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      '@sinclair/typebox': 0.27.8
+    dev: true
+
+  /@jest/types/29.6.1:
+    resolution: {integrity: sha512-tPKQNMPuXgvdOn2/Lg9HNfUvjYVGolt04Hp03f5hAk878uwOLikN+JzeLY0HcVgKgFl9Hs3EIqpu3WX27XNhnw==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      '@jest/schemas': 29.6.0
+      '@types/istanbul-lib-coverage': 2.0.4
+      '@types/istanbul-reports': 3.0.1
+      '@types/node': 20.4.1
+      '@types/yargs': 17.0.24
+      chalk: 4.1.2
+    dev: true
+
+  /@jridgewell/resolve-uri/3.1.0:
+    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  /@jridgewell/sourcemap-codec/1.4.14:
+    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
+    dev: true
+
+  /@jridgewell/sourcemap-codec/1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+
+  /@jridgewell/trace-mapping/0.3.18:
+    resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.4.14
+    dev: true
+
+  /@nodelib/fs.scandir/2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+    dev: true
+
+  /@nodelib/fs.stat/2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /@nodelib/fs.walk/1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.15.0
+    dev: true
+
+  /@playwright/test/1.35.1:
+    resolution: {integrity: sha512-b5YoFe6J9exsMYg0pQAobNDR85T1nLumUYgUTtKm4d21iX2L7WqKq9dW8NGJ+2vX0etZd+Y7UeuqsxDXm9+5ZA==}
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      '@types/node': 20.4.1
+      playwright-core: 1.35.1
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /@polka/url/1.0.0-next.21:
+    resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
+    dev: true
+
+  /@popperjs/core/2.11.8:
+    resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
+    dev: false
+
+  /@sentry-internal/tracing/7.57.0:
+    resolution: {integrity: sha512-tpViyDd8AhQGYYhI94xi2aaDopXOPfL2Apwrtb3qirWkomIQ2K86W1mPmkce+B0cFOnW2Dxv/ZTFKz6ghjK75A==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@sentry/core': 7.57.0
+      '@sentry/types': 7.57.0
+      '@sentry/utils': 7.57.0
+      tslib: 2.6.0
+    dev: false
+
+  /@sentry/browser/7.57.0:
+    resolution: {integrity: sha512-E0HaYYlaqHFiIRZXxcvOO8Odvlt+TR1vFFXzqUWXPOvDRxURglTOCQ3EN/u6bxtAGJ6y/Zc2obgihTtypuel/w==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@sentry-internal/tracing': 7.57.0
+      '@sentry/core': 7.57.0
+      '@sentry/replay': 7.57.0
+      '@sentry/types': 7.57.0
+      '@sentry/utils': 7.57.0
+      tslib: 2.6.0
+    dev: false
+
+  /@sentry/core/7.57.0:
+    resolution: {integrity: sha512-l014NudPH0vQlzybtXajPxYFfs9w762NoarjObC3gu76D1jzBBFzhdRelkGpDbSLNTIsKhEDDRpgAjBWJ9icfw==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@sentry/types': 7.57.0
+      '@sentry/utils': 7.57.0
+      tslib: 2.6.0
+    dev: false
+
+  /@sentry/replay/7.57.0:
+    resolution: {integrity: sha512-pN4ryNS3J5EYbkXvR+O/+hseAJha7XDl8mPFtK0OGTHG10JzCi4tQJazblHQdpb5QBaMMPCeZ+isyfoQLDNXnw==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@sentry/core': 7.57.0
+      '@sentry/types': 7.57.0
+      '@sentry/utils': 7.57.0
+    dev: false
+
+  /@sentry/svelte/7.57.0_svelte@3.59.2:
+    resolution: {integrity: sha512-n7x0EaSbLVOxDax/g7NB9Gc6K+ayYGJz2wBqB86tD8a7WRQYwhdzylkP6cdc8xtqD2NxG2EFhsalaTPboUTXzw==}
+    engines: {node: '>=8'}
+    peerDependencies:
+      svelte: 3.x || 4.x
+    dependencies:
+      '@sentry/browser': 7.57.0
+      '@sentry/types': 7.57.0
+      '@sentry/utils': 7.57.0
+      magic-string: 0.30.1
+      svelte: 3.59.2
+      tslib: 2.6.0
+    dev: false
+
+  /@sentry/tracing/7.57.0:
+    resolution: {integrity: sha512-D8eKJMYN529mDP9lsOLyhe0Rf9Qiexo7Ul4+MQwDlwRr9c9tc0AdGwFlnKGvCMDh7ucITzvZkMZDHBapU3WHNQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@sentry-internal/tracing': 7.57.0
+    dev: false
+
+  /@sentry/types/7.57.0:
+    resolution: {integrity: sha512-D7ifoUfxuVCUyktIr5Gc+jXUbtcUMmfHdTtTbf1XCZHua5mJceK9wtl3YCg3eq/HK2Ppd52BKnTzEcS5ZKQM+w==}
+    engines: {node: '>=8'}
+    dev: false
+
+  /@sentry/utils/7.57.0:
+    resolution: {integrity: sha512-YXrkMCiNklqkXctn4mKYkrzNCf/dfVcRUQrkXjeBC+PHXbcpPyaJgInNvztR7Skl8lE3JPGPN4v5XhLxK1bUUg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@sentry/types': 7.57.0
+      tslib: 2.6.0
+    dev: false
+
+  /@sinclair/typebox/0.27.8:
+    resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
+    dev: true
+
+  /@sveltejs/adapter-static/2.0.2_@sveltejs+kit@1.22.1:
+    resolution: {integrity: sha512-9wYtf6s6ew7DHUHMrt55YpD1FgV7oWql2IGsW5BXquLxqcY9vjrqCFo0TzzDpo+ZPZkW/v77k0eOP6tsAb8HmQ==}
+    peerDependencies:
+      '@sveltejs/kit': ^1.5.0
+    dependencies:
+      '@sveltejs/kit': 1.22.1_svelte@3.59.2+vite@4.4.2
+    dev: true
+
+  /@sveltejs/kit/1.22.1_svelte@3.59.2+vite@4.4.2:
+    resolution: {integrity: sha512-idFhKVEHuCKbTETvuo3V7UShqSYX9JMKVJXP546dOTkh5ZRejo5XtKtsB5TCSwNBa0TH8hIV44/bnylaFhM1Vg==}
+    engines: {node: ^16.14 || >=18}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0-next.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 2.4.2_svelte@3.59.2+vite@4.4.2
+      '@types/cookie': 0.5.1
+      cookie: 0.5.0
+      devalue: 4.3.2
+      esm-env: 1.0.0
+      kleur: 4.1.5
+      magic-string: 0.30.1
+      mime: 3.0.0
+      sade: 1.8.1
+      set-cookie-parser: 2.6.0
+      sirv: 2.0.3
+      svelte: 3.59.2
+      undici: 5.22.1
+      vite: 4.4.2_sass@1.63.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@sveltejs/vite-plugin-svelte-inspector/1.0.3_bc799096ad9e021ab6cdb7cad2615f11:
+    resolution: {integrity: sha512-Khdl5jmmPN6SUsVuqSXatKpQTMIifoQPDanaxC84m9JxIibWvSABJyHpyys0Z+1yYrxY5TTEQm+6elh0XCMaOA==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^2.2.0
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 2.4.2_svelte@3.59.2+vite@4.4.2
+      debug: 4.3.4
+      svelte: 3.59.2
+      vite: 4.4.2_sass@1.63.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@sveltejs/vite-plugin-svelte/2.4.2_svelte@3.59.2+vite@4.4.2:
+    resolution: {integrity: sha512-ePfcC48ftMKhkT0OFGdOyycYKnnkT6i/buzey+vHRTR/JpQvuPzzhf1PtKqCDQfJRgoPSN2vscXs6gLigx/zGw==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.3_bc799096ad9e021ab6cdb7cad2615f11
+      debug: 4.3.4
+      deepmerge: 4.3.1
+      kleur: 4.1.5
+      magic-string: 0.30.1
+      svelte: 3.59.2
+      svelte-hmr: 0.15.2_svelte@3.59.2
+      vite: 4.4.2_sass@1.63.6
+      vitefu: 0.2.4_vite@4.4.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@testing-library/dom/8.20.1:
+    resolution: {integrity: sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@babel/code-frame': 7.22.5
+      '@babel/runtime': 7.22.6
+      '@types/aria-query': 5.0.1
+      aria-query: 5.1.3
+      chalk: 4.1.2
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      pretty-format: 27.5.1
+    dev: true
+
+  /@testing-library/dom/9.3.1:
+    resolution: {integrity: sha512-0DGPd9AR3+iDTjGoMpxIkAsUihHZ3Ai6CneU6bRRrffXMgzCdlNk43jTrD2/5LT6CBb3MWTP8v510JzYtahD2w==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@babel/code-frame': 7.22.5
+      '@babel/runtime': 7.22.6
+      '@types/aria-query': 5.0.1
+      aria-query: 5.1.3
+      chalk: 4.1.2
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      pretty-format: 27.5.1
+    dev: true
+
+  /@testing-library/jest-dom/5.16.5:
+    resolution: {integrity: sha512-N5ixQ2qKpi5OLYfwQmUb/5mSV9LneAcaUfp32pn4yCnpb8r/Yz0pXFPck21dIicKmi+ta5WRAknkZCfA8refMA==}
+    engines: {node: '>=8', npm: '>=6', yarn: '>=1'}
+    dependencies:
+      '@adobe/css-tools': 4.2.0
+      '@babel/runtime': 7.22.6
+      '@types/testing-library__jest-dom': 5.14.7
+      aria-query: 5.3.0
+      chalk: 3.0.0
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.5.16
+      lodash: 4.17.21
+      redent: 3.0.0
+    dev: true
+
+  /@testing-library/svelte/3.2.2_svelte@3.59.2:
+    resolution: {integrity: sha512-IKwZgqbekC3LpoRhSwhd0JswRGxKdAGkf39UiDXTywK61YyLXbCYoR831e/UUC6EeNW4hiHPY+2WuovxOgI5sw==}
+    engines: {node: '>= 10'}
+    peerDependencies:
+      svelte: 3.x
+    dependencies:
+      '@testing-library/dom': 8.20.1
+      svelte: 3.59.2
+    dev: true
+
+  /@testing-library/user-event/14.4.3_@testing-library+dom@9.3.1:
+    resolution: {integrity: sha512-kCUc5MEwaEMakkO5x7aoD+DLi02ehmEM2QCGWvNqAS1dV/fAvORWEjnjsEIvml59M7Y5kCkWN6fCCyPOe8OL6Q==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@testing-library/dom': '>=7.21.4'
+    dependencies:
+      '@testing-library/dom': 9.3.1
+    dev: true
+
+  /@tootallnate/once/2.0.0:
+    resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
+    engines: {node: '>= 10'}
+    dev: true
+
+  /@types/aria-query/5.0.1:
+    resolution: {integrity: sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==}
+    dev: true
+
+  /@types/chai-subset/1.3.3:
+    resolution: {integrity: sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==}
+    dependencies:
+      '@types/chai': 4.3.5
+    dev: true
+
+  /@types/chai/4.3.5:
+    resolution: {integrity: sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==}
+    dev: true
+
+  /@types/cookie/0.5.1:
+    resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==}
+    dev: true
+
+  /@types/istanbul-lib-coverage/2.0.4:
+    resolution: {integrity: sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==}
+    dev: true
+
+  /@types/istanbul-lib-report/3.0.0:
+    resolution: {integrity: sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==}
+    dependencies:
+      '@types/istanbul-lib-coverage': 2.0.4
+    dev: true
+
+  /@types/istanbul-reports/3.0.1:
+    resolution: {integrity: sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==}
+    dependencies:
+      '@types/istanbul-lib-report': 3.0.0
+    dev: true
+
+  /@types/jest/29.5.2:
+    resolution: {integrity: sha512-mSoZVJF5YzGVCk+FsDxzDuH7s+SCkzrgKZzf0Z0T2WudhBUPoF6ktoTPC4R0ZoCPCV5xUvuU6ias5NvxcBcMMg==}
+    dependencies:
+      expect: 29.6.1
+      pretty-format: 29.6.1
+    dev: true
+
+  /@types/json-schema/7.0.12:
+    resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==}
+    dev: true
+
+  /@types/node/20.4.1:
+    resolution: {integrity: sha512-JIzsAvJeA/5iY6Y/OxZbv1lUcc8dNSE77lb2gnBH+/PJ3lFR1Ccvgwl5JWnHAkNHcRsT0TbpVOsiMKZ1F/yyJg==}
+    dev: true
+
+  /@types/prismjs/1.26.0:
+    resolution: {integrity: sha512-ZTaqn/qSqUuAq1YwvOFQfVW1AR/oQJlLSZVustdjwI+GZ8kr0MSHBj0tsXPW1EqHubx50gtBEjbPGsdZwQwCjQ==}
+    dev: true
+
+  /@types/pug/2.0.6:
+    resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==}
+    dev: true
+
+  /@types/semver/7.5.0:
+    resolution: {integrity: sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==}
+    dev: true
+
+  /@types/stack-utils/2.0.1:
+    resolution: {integrity: sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==}
+    dev: true
+
+  /@types/testing-library__jest-dom/5.14.7:
+    resolution: {integrity: sha512-PFDoAbR9y8pD9+41oM1Yy0nVCkaRPlklmDZoPCXhNpR0ZO13HAYWqdNEjLtvIiveBmfB/+jdvmuOVeOXehKOaA==}
+    dependencies:
+      '@types/jest': 29.5.2
+    dev: true
+
+  /@types/yargs-parser/21.0.0:
+    resolution: {integrity: sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==}
+    dev: true
+
+  /@types/yargs/17.0.24:
+    resolution: {integrity: sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==}
+    dependencies:
+      '@types/yargs-parser': 21.0.0
+    dev: true
+
+  /@typescript-eslint/eslint-plugin/5.61.0_d72bb1d109f803f8cc25cf219b7c62ed:
+    resolution: {integrity: sha512-A5l/eUAug103qtkwccSCxn8ZRwT+7RXWkFECdA4Cvl1dOlDUgTpAOfSEElZn2uSUxhdDpnCdetrf0jvU4qrL+g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^5.0.0
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': 4.5.1
+      '@typescript-eslint/parser': 5.61.0_eslint@8.44.0+typescript@5.1.6
+      '@typescript-eslint/scope-manager': 5.61.0
+      '@typescript-eslint/type-utils': 5.61.0_eslint@8.44.0+typescript@5.1.6
+      '@typescript-eslint/utils': 5.61.0_eslint@8.44.0+typescript@5.1.6
+      debug: 4.3.4
+      eslint: 8.44.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      natural-compare-lite: 1.4.0
+      semver: 7.5.4
+      tsutils: 3.21.0_typescript@5.1.6
+      typescript: 5.1.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/parser/5.61.0_eslint@8.44.0+typescript@5.1.6:
+    resolution: {integrity: sha512-yGr4Sgyh8uO6fSi9hw3jAFXNBHbCtKKFMdX2IkT3ZqpKmtAq3lHS4ixB/COFuAIJpwl9/AqF7j72ZDWYKmIfvg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 5.61.0
+      '@typescript-eslint/types': 5.61.0
+      '@typescript-eslint/typescript-estree': 5.61.0_typescript@5.1.6
+      debug: 4.3.4
+      eslint: 8.44.0
+      typescript: 5.1.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/scope-manager/5.61.0:
+    resolution: {integrity: sha512-W8VoMjoSg7f7nqAROEmTt6LoBpn81AegP7uKhhW5KzYlehs8VV0ZW0fIDVbcZRcaP3aPSW+JZFua+ysQN+m/Nw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.61.0
+      '@typescript-eslint/visitor-keys': 5.61.0
+    dev: true
+
+  /@typescript-eslint/type-utils/5.61.0_eslint@8.44.0+typescript@5.1.6:
+    resolution: {integrity: sha512-kk8u//r+oVK2Aj3ph/26XdH0pbAkC2RiSjUYhKD+PExemG4XSjpGFeyZ/QM8lBOa7O8aGOU+/yEbMJgQv/DnCg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 5.61.0_typescript@5.1.6
+      '@typescript-eslint/utils': 5.61.0_eslint@8.44.0+typescript@5.1.6
+      debug: 4.3.4
+      eslint: 8.44.0
+      tsutils: 3.21.0_typescript@5.1.6
+      typescript: 5.1.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/types/5.61.0:
+    resolution: {integrity: sha512-ldyueo58KjngXpzloHUog/h9REmHl59G1b3a5Sng1GfBo14BkS3ZbMEb3693gnP1k//97lh7bKsp6/V/0v1veQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@typescript-eslint/typescript-estree/5.61.0_typescript@5.1.6:
+    resolution: {integrity: sha512-Fud90PxONnnLZ36oR5ClJBLTLfU4pIWBmnvGwTbEa2cXIqj70AEDEmOmpkFComjBZ/037ueKrOdHuYmSFVD7Rw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 5.61.0
+      '@typescript-eslint/visitor-keys': 5.61.0
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.5.4
+      tsutils: 3.21.0_typescript@5.1.6
+      typescript: 5.1.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/utils/5.61.0_eslint@8.44.0+typescript@5.1.6:
+    resolution: {integrity: sha512-mV6O+6VgQmVE6+xzlA91xifndPW9ElFW8vbSF0xCT/czPXVhwDewKila1jOyRwa9AE19zKnrr7Cg5S3pJVrTWQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0_eslint@8.44.0
+      '@types/json-schema': 7.0.12
+      '@types/semver': 7.5.0
+      '@typescript-eslint/scope-manager': 5.61.0
+      '@typescript-eslint/types': 5.61.0
+      '@typescript-eslint/typescript-estree': 5.61.0_typescript@5.1.6
+      eslint: 8.44.0
+      eslint-scope: 5.1.1
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/visitor-keys/5.61.0:
+    resolution: {integrity: sha512-50XQ5VdbWrX06mQXhy93WywSFZZGsv3EOjq+lqp6WC2t+j3mb6A9xYVdrRxafvK88vg9k9u+CT4l6D8PEatjKg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.61.0
+      eslint-visitor-keys: 3.4.1
+    dev: true
+
+  /@vitest/expect/0.29.8:
+    resolution: {integrity: sha512-xlcVXn5I5oTq6NiZSY3ykyWixBxr5mG8HYtjvpgg6KaqHm0mvhX18xuwl5YGxIRNt/A5jidd7CWcNHrSvgaQqQ==}
+    dependencies:
+      '@vitest/spy': 0.29.8
+      '@vitest/utils': 0.29.8
+      chai: 4.3.7
+    dev: true
+
+  /@vitest/runner/0.29.8:
+    resolution: {integrity: sha512-FzdhnRDwEr/A3Oo1jtIk/B952BBvP32n1ObMEb23oEJNO+qO5cBet6M2XWIDQmA7BDKGKvmhUf2naXyp/2JEwQ==}
+    dependencies:
+      '@vitest/utils': 0.29.8
+      p-limit: 4.0.0
+      pathe: 1.1.1
+    dev: true
+
+  /@vitest/spy/0.29.8:
+    resolution: {integrity: sha512-VdjBe9w34vOMl5I5mYEzNX8inTxrZ+tYUVk9jxaZJmHFwmDFC/GV3KBFTA/JKswr3XHvZL+FE/yq5EVhb6pSAw==}
+    dependencies:
+      tinyspy: 1.1.1
+    dev: true
+
+  /@vitest/ui/0.29.8:
+    resolution: {integrity: sha512-+vbLd+c1R/XUWfzJsWeyjeiw13fwJ95I5tguxaqXRg61y9iYUKesVljg7Pttp2uo7VK+kAjvY91J41NZ1Vx3vg==}
+    dependencies:
+      fast-glob: 3.3.0
+      flatted: 3.2.7
+      pathe: 1.1.1
+      picocolors: 1.0.0
+      sirv: 2.0.3
+    dev: true
+
+  /@vitest/utils/0.29.8:
+    resolution: {integrity: sha512-qGzuf3vrTbnoY+RjjVVIBYfuWMjn3UMUqyQtdGNZ6ZIIyte7B37exj6LaVkrZiUTvzSadVvO/tJm8AEgbGCBPg==}
+    dependencies:
+      cli-truncate: 3.1.0
+      diff: 5.1.0
+      loupe: 2.3.6
+      pretty-format: 27.5.1
+    dev: true
+
+  /abab/2.0.6:
+    resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
+    dev: true
+
+  /acorn-globals/7.0.1:
+    resolution: {integrity: sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==}
+    dependencies:
+      acorn: 8.10.0
+      acorn-walk: 8.2.0
+    dev: true
+
+  /acorn-jsx/5.3.2_acorn@8.10.0:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      acorn: 8.10.0
+    dev: true
+
+  /acorn-walk/8.2.0:
+    resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
+    engines: {node: '>=0.4.0'}
+    dev: true
+
+  /acorn/8.10.0:
+    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
+  /agent-base/6.0.2:
+    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
+    engines: {node: '>= 6.0.0'}
+    dependencies:
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /ai/2.1.17_svelte@3.59.2:
+    resolution: {integrity: sha512-3dcg7cjDQdFeYbKREvJ18WhNrN+IVhASJPEolOiZINfmQ5qjqZHWNagqLsN8Wi2RYzD3CrskrN8KwAobUTgo9g==}
+    engines: {node: '>=14.6'}
+    peerDependencies:
+      react: ^18.2.0
+      svelte: ^3.0.0 || ^4.0.0
+      vue: ^3.3.4
+    peerDependenciesMeta:
+      react:
+        optional: true
+      svelte:
+        optional: true
+      vue:
+        optional: true
+    dependencies:
+      eventsource-parser: 1.0.0
+      nanoid: 3.3.6
+      sswr: 1.11.0_svelte@3.59.2
+      svelte: 3.59.2
+      swr: 2.1.5
+      swrv: 1.0.3
+    dev: false
+
+  /ajv/6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+    dev: true
+
+  /analytics-utils/1.0.12:
+    resolution: {integrity: sha512-WvV2YWgsnXLxaY0QYux0crpBAg/0JA763NmbMVz22jKhMPo7dpTBet8G2IlF7ixTjLDzGlkHk1ZaKqqQmjJ+4w==}
+    peerDependencies:
+      '@types/dlv': ^1.0.0
+    dependencies:
+      '@analytics/type-utils': 0.6.2
+      dlv: 1.1.3
+    dev: false
+
+  /analytics/0.8.9:
+    resolution: {integrity: sha512-oTbUzQpncMTslakqfK70GgB6bopk5hY+uuekwnadMkDyqNLgcD02KRzteTnO7q5Ko6wDECVtT8xi/6OuAMZykA==}
+    dependencies:
+      '@analytics/core': 0.12.7
+      '@analytics/storage-utils': 0.4.2
+    transitivePeerDependencies:
+      - '@types/dlv'
+    dev: false
+
+  /ansi-regex/5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /ansi-regex/6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /ansi-styles/3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+    dependencies:
+      color-convert: 1.9.3
+    dev: true
+
+  /ansi-styles/4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+    dependencies:
+      color-convert: 2.0.1
+    dev: true
+
+  /ansi-styles/5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /ansi-styles/6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /anymatch/3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+    dev: true
+
+  /argparse/2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+    dev: true
+
+  /aria-query/5.1.3:
+    resolution: {integrity: sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==}
+    dependencies:
+      deep-equal: 2.2.1
+    dev: true
+
+  /aria-query/5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+    dependencies:
+      dequal: 2.0.3
+    dev: true
+
+  /array-buffer-byte-length/1.0.0:
+    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
+    dependencies:
+      call-bind: 1.0.2
+      is-array-buffer: 3.0.2
+    dev: true
+
+  /array-union/2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /assertion-error/1.1.0:
+    resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
+    dev: true
+
+  /asynckit/0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
+  /available-typed-arrays/1.0.5:
+    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /balanced-match/1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
+
+  /binary-extensions/2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /brace-expansion/1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+    dev: true
+
+  /braces/3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.0.1
+    dev: true
+
+  /buffer-crc32/0.2.13:
+    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+    dev: true
+
+  /buffer-from/1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+    dev: true
+
+  /busboy/1.6.0:
+    resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
+    engines: {node: '>=10.16.0'}
+    dependencies:
+      streamsearch: 1.1.0
+    dev: true
+
+  /cac/6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /call-bind/1.0.2:
+    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
+    dependencies:
+      function-bind: 1.1.1
+      get-intrinsic: 1.2.1
+    dev: true
+
+  /callsites/3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /chai/4.3.7:
+    resolution: {integrity: sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==}
+    engines: {node: '>=4'}
+    dependencies:
+      assertion-error: 1.1.0
+      check-error: 1.0.2
+      deep-eql: 4.1.3
+      get-func-name: 2.0.0
+      loupe: 2.3.6
+      pathval: 1.1.1
+      type-detect: 4.0.8
+    dev: true
+
+  /chalk/2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+    dev: true
+
+  /chalk/3.0.0:
+    resolution: {integrity: sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+    dev: true
+
+  /chalk/4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+    dev: true
+
+  /check-error/1.0.2:
+    resolution: {integrity: sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==}
+    dev: true
+
+  /chokidar/3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /ci-info/3.8.0:
+    resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /cli-truncate/3.1.0:
+    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      slice-ansi: 5.0.0
+      string-width: 5.1.2
+    dev: true
+
+  /color-convert/1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+    dependencies:
+      color-name: 1.1.3
+    dev: true
+
+  /color-convert/2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+    dependencies:
+      color-name: 1.1.4
+    dev: true
+
+  /color-name/1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+    dev: true
+
+  /color-name/1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+    dev: true
+
+  /combined-stream/1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      delayed-stream: 1.0.0
+
+  /concat-map/0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    dev: true
+
+  /concat-stream/1.6.2:
+    resolution: {integrity: sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==}
+    engines: {'0': node >= 0.8}
+    dependencies:
+      buffer-from: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 2.3.8
+      typedarray: 0.0.6
+    dev: true
+
+  /cookie/0.5.0:
+    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
+    engines: {node: '>= 0.6'}
+    dev: true
+
+  /core-util-is/1.0.3:
+    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
+    dev: true
+
+  /cross-fetch/3.1.5:
+    resolution: {integrity: sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==}
+    dependencies:
+      node-fetch: 2.6.7
+    transitivePeerDependencies:
+      - encoding
+    dev: false
+
+  /cross-spawn/5.1.0:
+    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
+    dependencies:
+      lru-cache: 4.1.5
+      shebang-command: 1.2.0
+      which: 1.2.14
+    dev: true
+
+  /cross-spawn/7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+    dev: true
+
+  /css.escape/1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+    dev: true
+
+  /cssstyle/3.0.0:
+    resolution: {integrity: sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==}
+    engines: {node: '>=14'}
+    dependencies:
+      rrweb-cssom: 0.6.0
+    dev: true
+
+  /data-urls/4.0.0:
+    resolution: {integrity: sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==}
+    engines: {node: '>=14'}
+    dependencies:
+      abab: 2.0.6
+      whatwg-mimetype: 3.0.0
+      whatwg-url: 12.0.1
+    dev: true
+
+  /debug/4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: true
+
+  /decimal.js/10.4.3:
+    resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
+    dev: true
+
+  /deep-eql/4.1.3:
+    resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
+    engines: {node: '>=6'}
+    dependencies:
+      type-detect: 4.0.8
+    dev: true
+
+  /deep-equal/2.2.1:
+    resolution: {integrity: sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==}
+    dependencies:
+      array-buffer-byte-length: 1.0.0
+      call-bind: 1.0.2
+      es-get-iterator: 1.1.3
+      get-intrinsic: 1.2.1
+      is-arguments: 1.1.1
+      is-array-buffer: 3.0.2
+      is-date-object: 1.0.5
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.2
+      isarray: 2.0.5
+      object-is: 1.1.5
+      object-keys: 1.1.1
+      object.assign: 4.1.4
+      regexp.prototype.flags: 1.5.0
+      side-channel: 1.0.4
+      which-boxed-primitive: 1.0.2
+      which-collection: 1.0.1
+      which-typed-array: 1.1.9
+    dev: true
+
+  /deep-is/0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    dev: true
+
+  /deepmerge/4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /define-properties/1.2.0:
+    resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-property-descriptors: 1.0.0
+      object-keys: 1.1.1
+    dev: true
+
+  /delayed-stream/1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  /dequal/2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /detect-indent/6.1.0:
+    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /devalue/4.3.2:
+    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
+    dev: true
+
+  /diff-sequences/29.4.3:
+    resolution: {integrity: sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dev: true
+
+  /diff/5.1.0:
+    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
+    engines: {node: '>=0.3.1'}
+    dev: true
+
+  /dir-glob/3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-type: 4.0.0
+    dev: true
+
+  /dlv/1.1.3:
+    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+    dev: false
+
+  /doctrine/3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
+  /dom-accessibility-api/0.5.16:
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+    dev: true
+
+  /domexception/4.0.0:
+    resolution: {integrity: sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==}
+    engines: {node: '>=12'}
+    dependencies:
+      webidl-conversions: 7.0.0
+    dev: true
+
+  /dotenv/16.3.1:
+    resolution: {integrity: sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /eastasianwidth/0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+    dev: true
+
+  /echarts/5.4.2:
+    resolution: {integrity: sha512-2W3vw3oI2tWJdyAz+b8DuWS0nfXtSDqlDmqgin/lfzbkB01cuMEN66KWBlmur3YMp5nEDEEt5s23pllnAzB4EA==}
+    dependencies:
+      tslib: 2.3.0
+      zrender: 5.4.3
+    dev: false
+
+  /emoji-regex/9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+    dev: true
+
+  /entities/4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+    dev: true
+
+  /es-get-iterator/1.1.3:
+    resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.1
+      has-symbols: 1.0.3
+      is-arguments: 1.1.1
+      is-map: 2.0.2
+      is-set: 2.0.2
+      is-string: 1.0.7
+      isarray: 2.0.5
+      stop-iteration-iterator: 1.0.0
+    dev: true
+
+  /es6-promise/3.3.1:
+    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
+    dev: true
+
+  /esbuild/0.18.11:
+    resolution: {integrity: sha512-i8u6mQF0JKJUlGR3OdFLKldJQMMs8OqM9Cc3UCi9XXziJ9WERM5bfkHaEAy0YAvPRMgqSW55W7xYn84XtEFTtA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': 0.18.11
+      '@esbuild/android-arm64': 0.18.11
+      '@esbuild/android-x64': 0.18.11
+      '@esbuild/darwin-arm64': 0.18.11
+      '@esbuild/darwin-x64': 0.18.11
+      '@esbuild/freebsd-arm64': 0.18.11
+      '@esbuild/freebsd-x64': 0.18.11
+      '@esbuild/linux-arm': 0.18.11
+      '@esbuild/linux-arm64': 0.18.11
+      '@esbuild/linux-ia32': 0.18.11
+      '@esbuild/linux-loong64': 0.18.11
+      '@esbuild/linux-mips64el': 0.18.11
+      '@esbuild/linux-ppc64': 0.18.11
+      '@esbuild/linux-riscv64': 0.18.11
+      '@esbuild/linux-s390x': 0.18.11
+      '@esbuild/linux-x64': 0.18.11
+      '@esbuild/netbsd-x64': 0.18.11
+      '@esbuild/openbsd-x64': 0.18.11
+      '@esbuild/sunos-x64': 0.18.11
+      '@esbuild/win32-arm64': 0.18.11
+      '@esbuild/win32-ia32': 0.18.11
+      '@esbuild/win32-x64': 0.18.11
+    dev: true
+
+  /escape-string-regexp/1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+    dev: true
+
+  /escape-string-regexp/2.0.0:
+    resolution: {integrity: sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /escape-string-regexp/4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /escodegen/2.1.0:
+    resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
+    engines: {node: '>=6.0'}
+    hasBin: true
+    dependencies:
+      esprima: 4.0.1
+      estraverse: 5.3.0
+      esutils: 2.0.3
+    optionalDependencies:
+      source-map: 0.6.1
+    dev: true
+
+  /eslint-config-prettier/8.8.0_eslint@8.44.0:
+    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: 8.44.0
+    dev: true
+
+  /eslint-plugin-svelte3/4.0.0_eslint@8.44.0+svelte@3.59.2:
+    resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
+    peerDependencies:
+      eslint: '>=8.0.0'
+      svelte: ^3.2.0
+    dependencies:
+      eslint: 8.44.0
+      svelte: 3.59.2
+    dev: true
+
+  /eslint-scope/5.1.1:
+    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 4.3.0
+    dev: true
+
+  /eslint-scope/7.2.0:
+    resolution: {integrity: sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+    dev: true
+
+  /eslint-visitor-keys/3.4.1:
+    resolution: {integrity: sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /eslint/8.44.0:
+    resolution: {integrity: sha512-0wpHoUbDUHgNCyvFB5aXLiQVfK9B0at6gUvzy83k4kAsQ/u769TQDX6iKC+aO4upIHO9WSaA3QoXYQDHbNwf1A==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0_eslint@8.44.0
+      '@eslint-community/regexpp': 4.5.1
+      '@eslint/eslintrc': 2.1.0
+      '@eslint/js': 8.44.0
+      '@humanwhocodes/config-array': 0.11.10
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.4
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.2.0
+      eslint-visitor-keys: 3.4.1
+      espree: 9.6.0
+      esquery: 1.5.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      globals: 13.20.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      import-fresh: 3.3.0
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      is-path-inside: 3.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.3
+      strip-ansi: 6.0.1
+      strip-json-comments: 3.1.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /esm-env/1.0.0:
+    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
+    dev: true
+
+  /espree/9.6.0:
+    resolution: {integrity: sha512-1FH/IiruXZ84tpUlm0aCUEwMl2Ho5ilqVh0VvQXw+byAz/4SAciyHLlfmL5WYqsvD38oymdUwBss0LtK8m4s/A==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.10.0
+      acorn-jsx: 5.3.2_acorn@8.10.0
+      eslint-visitor-keys: 3.4.1
+    dev: true
+
+  /esprima/4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
+  /esquery/1.5.0:
+    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /esrecurse/4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /estraverse/4.3.0:
+    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
+    engines: {node: '>=4.0'}
+    dev: true
+
+  /estraverse/5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+    dev: true
+
+  /esutils/2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /eventsource-parser/1.0.0:
+    resolution: {integrity: sha512-9jgfSCa3dmEme2ES3mPByGXfgZ87VbP97tng1G2nWwWx6bV2nYxm2AWCrbQjXToSe+yYlqaZNtxffR9IeQr95g==}
+    engines: {node: '>=14.18'}
+    dev: false
+
+  /expect/29.6.1:
+    resolution: {integrity: sha512-XEdDLonERCU1n9uR56/Stx9OqojaLAQtZf9PrCHH9Hl8YXiEIka3H4NXJ3NOIBmQJTg7+j7buh34PMHfJujc8g==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      '@jest/expect-utils': 29.6.1
+      '@types/node': 20.4.1
+      jest-get-type: 29.4.3
+      jest-matcher-utils: 29.6.1
+      jest-message-util: 29.6.1
+      jest-util: 29.6.1
+    dev: true
+
+  /fast-deep-equal/3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+    dev: true
+
+  /fast-glob/3.3.0:
+    resolution: {integrity: sha512-ChDuvbOypPuNjO8yIDf36x7BlZX1smcUMTTcyoIjycexOxd6DFsKsg21qVBzEmr3G7fUKIRy2/psii+CIUt7FA==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
+  /fast-json-stable-stringify/2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+    dev: true
+
+  /fast-levenshtein/2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+    dev: true
+
+  /fastq/1.15.0:
+    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
+    dependencies:
+      reusify: 1.0.4
+    dev: true
+
+  /file-entry-cache/6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flat-cache: 3.0.4
+    dev: true
+
+  /fill-range/7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      to-regex-range: 5.0.1
+    dev: true
+
+  /find-up/5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+    dev: true
+
+  /flat-cache/3.0.4:
+    resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flatted: 3.2.7
+      rimraf: 3.0.2
+    dev: true
+
+  /flatted/3.2.7:
+    resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
+    dev: true
+
+  /for-each/0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+    dependencies:
+      is-callable: 1.2.7
+    dev: true
+
+  /form-data/2.5.1:
+    resolution: {integrity: sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==}
+    engines: {node: '>= 0.12'}
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
+    dev: false
+
+  /form-data/4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+    engines: {node: '>= 6'}
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
+    dev: true
+
+  /fs.realpath/1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+    dev: true
+
+  /fsevents/2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    dev: true
+    optional: true
+
+  /function-bind/1.1.1:
+    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
+    dev: true
+
+  /functions-have-names/1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+    dev: true
+
+  /get-func-name/2.0.0:
+    resolution: {integrity: sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==}
+    dev: true
+
+  /get-intrinsic/1.2.1:
+    resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==}
+    dependencies:
+      function-bind: 1.1.1
+      has: 1.0.3
+      has-proto: 1.0.1
+      has-symbols: 1.0.3
+    dev: true
+
+  /glob-parent/5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob-parent/6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob/7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+    dev: true
+
+  /globals/13.20.0:
+    resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: 0.20.2
+    dev: true
+
+  /globby/11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+    dependencies:
+      array-union: 2.1.0
+      dir-glob: 3.0.1
+      fast-glob: 3.3.0
+      ignore: 5.2.4
+      merge2: 1.4.1
+      slash: 3.0.0
+    dev: true
+
+  /gopd/1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+    dependencies:
+      get-intrinsic: 1.2.1
+    dev: true
+
+  /graceful-fs/4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+    dev: true
+
+  /graphemer/1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+    dev: true
+
+  /has-bigints/1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+    dev: true
+
+  /has-flag/3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /has-flag/4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /has-property-descriptors/1.0.0:
+    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
+    dependencies:
+      get-intrinsic: 1.2.1
+    dev: true
+
+  /has-proto/1.0.1:
+    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /has-symbols/1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /has-tostringtag/1.0.0:
+    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
+
+  /has/1.0.3:
+    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
+    engines: {node: '>= 0.4.0'}
+    dependencies:
+      function-bind: 1.1.1
+    dev: true
+
+  /html-encoding-sniffer/3.0.0:
+    resolution: {integrity: sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==}
+    engines: {node: '>=12'}
+    dependencies:
+      whatwg-encoding: 2.0.0
+    dev: true
+
+  /http-proxy-agent/5.0.0:
+    resolution: {integrity: sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==}
+    engines: {node: '>= 6'}
+    dependencies:
+      '@tootallnate/once': 2.0.0
+      agent-base: 6.0.2
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /https-proxy-agent/5.0.1:
+    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
+    engines: {node: '>= 6'}
+    dependencies:
+      agent-base: 6.0.2
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /iconv-lite/0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      safer-buffer: 2.1.2
+    dev: true
+
+  /ignore/5.2.4:
+    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /immutable/4.3.0:
+    resolution: {integrity: sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==}
+    dev: true
+
+  /import-fresh/3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+    dev: true
+
+  /imurmurhash/0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+    dev: true
+
+  /indent-string/4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /inflight/1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+    dev: true
+
+  /inherits/2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    dev: true
+
+  /internal-slot/1.0.5:
+    resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.1
+      has: 1.0.3
+      side-channel: 1.0.4
+    dev: true
+
+  /is-arguments/1.1.1:
+    resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-array-buffer/3.0.2:
+    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.1
+      is-typed-array: 1.1.10
+    dev: true
+
+  /is-bigint/1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+    dependencies:
+      has-bigints: 1.0.2
+    dev: true
+
+  /is-binary-path/2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+    dependencies:
+      binary-extensions: 2.2.0
+    dev: true
+
+  /is-boolean-object/1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-callable/1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-date-object/1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-extglob/2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-fullwidth-code-point/4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /is-glob/4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extglob: 2.1.1
+    dev: true
+
+  /is-map/2.0.2:
+    resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
+    dev: true
+
+  /is-number-object/1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-number/7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
+  /is-path-inside/3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-potential-custom-element-name/1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+    dev: true
+
+  /is-regex/1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-set/2.0.2:
+    resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
+    dev: true
+
+  /is-shared-array-buffer/1.0.2:
+    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+    dependencies:
+      call-bind: 1.0.2
+    dev: true
+
+  /is-string/1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-symbol/1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
+
+  /is-typed-array/1.1.10:
+    resolution: {integrity: sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.2
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-weakmap/2.0.1:
+    resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
+    dev: true
+
+  /is-weakset/2.0.2:
+    resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.1
+    dev: true
+
+  /isarray/1.0.0:
+    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
+    dev: true
+
+  /isarray/2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+    dev: true
+
+  /isexe/2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+    dev: true
+
+  /isomorphic-form-data/2.0.0:
+    resolution: {integrity: sha512-TYgVnXWeESVmQSg4GLVbalmQ+B4NPi/H4eWxqALKj63KsUrcu301YDjBqaOw3h+cbak7Na4Xyps3BiptHtxTfg==}
+    dependencies:
+      form-data: 2.5.1
+    dev: false
+
+  /jest-diff/29.6.1:
+    resolution: {integrity: sha512-FsNCvinvl8oVxpNLttNQX7FAq7vR+gMDGj90tiP7siWw1UdakWUGqrylpsYrpvj908IYckm5Y0Q7azNAozU1Kg==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      chalk: 4.1.2
+      diff-sequences: 29.4.3
+      jest-get-type: 29.4.3
+      pretty-format: 29.6.1
+    dev: true
+
+  /jest-get-type/29.4.3:
+    resolution: {integrity: sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dev: true
+
+  /jest-matcher-utils/29.6.1:
+    resolution: {integrity: sha512-SLaztw9d2mfQQKHmJXKM0HCbl2PPVld/t9Xa6P9sgiExijviSp7TnZZpw2Fpt+OI3nwUO/slJbOfzfUMKKC5QA==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      chalk: 4.1.2
+      jest-diff: 29.6.1
+      jest-get-type: 29.4.3
+      pretty-format: 29.6.1
+    dev: true
+
+  /jest-message-util/29.6.1:
+    resolution: {integrity: sha512-KoAW2zAmNSd3Gk88uJ56qXUWbFk787QKmjjJVOjtGFmmGSZgDBrlIL4AfQw1xyMYPNVD7dNInfIbur9B2rd/wQ==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      '@babel/code-frame': 7.22.5
+      '@jest/types': 29.6.1
+      '@types/stack-utils': 2.0.1
+      chalk: 4.1.2
+      graceful-fs: 4.2.11
+      micromatch: 4.0.5
+      pretty-format: 29.6.1
+      slash: 3.0.0
+      stack-utils: 2.0.6
+    dev: true
+
+  /jest-util/29.6.1:
+    resolution: {integrity: sha512-NRFCcjc+/uO3ijUVyNOQJluf8PtGCe/W6cix36+M3cTFgiYqFOOW5MgN4JOOcvbUhcKTYVd1CvHz/LWi8d16Mg==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      '@jest/types': 29.6.1
+      '@types/node': 20.4.1
+      chalk: 4.1.2
+      ci-info: 3.8.0
+      graceful-fs: 4.2.11
+      picomatch: 2.3.1
+    dev: true
+
+  /js-tokens/4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+    dev: true
+
+  /js-yaml/4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+    dependencies:
+      argparse: 2.0.1
+    dev: true
+
+  /jsdom/21.1.2:
+    resolution: {integrity: sha512-sCpFmK2jv+1sjff4u7fzft+pUh2KSUbUrEHYHyfSIbGTIcmnjyp83qg6qLwdJ/I3LpTXx33ACxeRL7Lsyc6lGQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      canvas: ^2.5.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+    dependencies:
+      abab: 2.0.6
+      acorn: 8.10.0
+      acorn-globals: 7.0.1
+      cssstyle: 3.0.0
+      data-urls: 4.0.0
+      decimal.js: 10.4.3
+      domexception: 4.0.0
+      escodegen: 2.1.0
+      form-data: 4.0.0
+      html-encoding-sniffer: 3.0.0
+      http-proxy-agent: 5.0.0
+      https-proxy-agent: 5.0.1
+      is-potential-custom-element-name: 1.0.1
+      nwsapi: 2.2.7
+      parse5: 7.1.2
+      rrweb-cssom: 0.6.0
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 4.1.3
+      w3c-xmlserializer: 4.0.0
+      webidl-conversions: 7.0.0
+      whatwg-encoding: 2.0.0
+      whatwg-mimetype: 3.0.0
+      whatwg-url: 12.0.1
+      ws: 8.13.0
+      xml-name-validator: 4.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: true
+
+  /json-schema-traverse/0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+    dev: true
+
+  /json-stable-stringify-without-jsonify/1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+    dev: true
+
+  /jsonc-parser/3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
+    dev: true
+
+  /kleur/4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /levn/0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+    dev: true
+
+  /local-pkg/0.4.3:
+    resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /locate-path/6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-locate: 5.0.0
+    dev: true
+
+  /lodash.merge/4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+    dev: true
+
+  /lodash/4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+    dev: true
+
+  /logrocket/3.0.1:
+    resolution: {integrity: sha512-jOWG+jEzobKVxGytzZ+4KGm2kiMQMRTHab2uDWQyVZcHfEF38BlCH1yjQVY4LCmuQUwZitP9biMzJZnyUQ0dtQ==}
+    dev: false
+
+  /loupe/2.3.6:
+    resolution: {integrity: sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==}
+    dependencies:
+      get-func-name: 2.0.0
+    dev: true
+
+  /lru-cache/4.1.5:
+    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
+    dependencies:
+      pseudomap: 1.0.2
+      yallist: 2.1.2
+    dev: true
+
+  /lru-cache/6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+    dependencies:
+      yallist: 4.0.0
+    dev: true
+
+  /lz-string/1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+    dev: true
+
+  /magic-string/0.27.0:
+    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
+
+  /magic-string/0.30.1:
+    resolution: {integrity: sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+
+  /merge2/1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /micromatch/4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /mime-db/1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  /mime-types/2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.52.0
+
+  /mime/3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    dev: true
+
+  /min-indent/1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /minimatch/3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+    dependencies:
+      brace-expansion: 1.1.11
+    dev: true
+
+  /minimist/1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+    dev: true
+
+  /mkdirp/0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+    dev: true
+
+  /mlly/1.4.0:
+    resolution: {integrity: sha512-ua8PAThnTwpprIaU47EPeZ/bPUVp2QYBbWMphUQpVdBI3Lgqzm5KZQ45Agm3YJedHXaIHl6pBGabaLSUPPSptg==}
+    dependencies:
+      acorn: 8.10.0
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      ufo: 1.1.2
+    dev: true
+
+  /mri/1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /mrmime/1.0.1:
+    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /ms/2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+    dev: true
+
+  /nanoid/3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  /natural-compare-lite/1.4.0:
+    resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
+    dev: true
+
+  /natural-compare/1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+    dev: true
+
+  /node-fetch/2.6.7:
+    resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==}
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+    dependencies:
+      whatwg-url: 5.0.0
+    dev: false
+
+  /normalize-path/3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /normalize.css/8.0.1:
+    resolution: {integrity: sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==}
+    dev: false
+
+  /nwsapi/2.2.7:
+    resolution: {integrity: sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==}
+    dev: true
+
+  /object-inspect/1.12.3:
+    resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
+    dev: true
+
+  /object-is/1.1.5:
+    resolution: {integrity: sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+    dev: true
+
+  /object-keys/1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /object.assign/4.1.4:
+    resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+      has-symbols: 1.0.3
+      object-keys: 1.1.1
+    dev: true
+
+  /once/1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+    dependencies:
+      wrappy: 1.0.2
+    dev: true
+
+  /optionator/0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      '@aashutoshrathi/word-wrap': 1.2.6
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+    dev: true
+
+  /os-shim/0.1.3:
+    resolution: {integrity: sha512-jd0cvB8qQ5uVt0lvCIexBaROw1KyKm5sbulg2fWOHjETisuCzWyt+eTZKEMs8v6HwzoGs8xik26jg7eCM6pS+A==}
+    engines: {node: '>= 0.4.0'}
+    dev: true
+
+  /p-limit/3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      yocto-queue: 0.1.0
+    dev: true
+
+  /p-limit/4.0.0:
+    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      yocto-queue: 1.0.0
+    dev: true
+
+  /p-locate/5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-limit: 3.1.0
+    dev: true
+
+  /parent-module/1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+    dependencies:
+      callsites: 3.1.0
+    dev: true
+
+  /parse5/7.1.2:
+    resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
+    dependencies:
+      entities: 4.5.0
+    dev: true
+
+  /path-exists/4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /path-is-absolute/1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /path-key/3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /path-type/4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /pathe/1.1.1:
+    resolution: {integrity: sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==}
+    dev: true
+
+  /pathval/1.1.1:
+    resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
+    dev: true
+
+  /picocolors/1.0.0:
+    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+    dev: true
+
+  /picomatch/2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /pkg-types/1.0.3:
+    resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
+    dependencies:
+      jsonc-parser: 3.2.0
+      mlly: 1.4.0
+      pathe: 1.1.1
+    dev: true
+
+  /playwright-core/1.35.1:
+    resolution: {integrity: sha512-pNXb6CQ7OqmGDRspEjlxE49w+4YtR6a3X6mT1hZXeJHWmsEz7SunmvZeiG/+y1yyMZdHnnn73WKYdtV1er0Xyg==}
+    engines: {node: '>=16'}
+    hasBin: true
+    dev: true
+
+  /postcss/8.4.25:
+    resolution: {integrity: sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.6
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+    dev: true
+
+  /pre-commit/1.2.2:
+    resolution: {integrity: sha512-qokTiqxD6GjODy5ETAIgzsRgnBWWQHQH2ghy86PU7mIn/wuWeTwF3otyNQZxWBwVn8XNr8Tdzj/QfUXpH+gRZA==}
+    requiresBuild: true
+    dependencies:
+      cross-spawn: 5.1.0
+      spawn-sync: 1.0.15
+      which: 1.2.14
+    dev: true
+
+  /prelude-ls/1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+    dev: true
+
+  /prettier-plugin-svelte/2.10.1_prettier@2.8.8+svelte@3.59.2:
+    resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==}
+    peerDependencies:
+      prettier: ^1.16.4 || ^2.0.0
+      svelte: ^3.2.0 || ^4.0.0-next.0
+    dependencies:
+      prettier: 2.8.8
+      svelte: 3.59.2
+    dev: true
+
+  /prettier/2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dev: true
+
+  /pretty-bytes/6.1.0:
+    resolution: {integrity: sha512-Rk753HI8f4uivXi4ZCIYdhmG1V+WKzvRMg/X+M42a6t7D07RcmopXJMDNk6N++7Bl75URRGsb40ruvg7Hcp2wQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    dev: false
+
+  /pretty-format/27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+    dev: true
+
+  /pretty-format/29.6.1:
+    resolution: {integrity: sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      '@jest/schemas': 29.6.0
+      ansi-styles: 5.2.0
+      react-is: 18.2.0
+    dev: true
+
+  /prismjs/1.29.0:
+    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
+    engines: {node: '>=6'}
+    dev: false
+
+  /process-nextick-args/2.0.1:
+    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
+    dev: true
+
+  /pseudomap/1.0.2:
+    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
+    dev: true
+
+  /psl/1.9.0:
+    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
+    dev: true
+
+  /punycode/2.3.0:
+    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /querystringify/2.2.0:
+    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
+    dev: true
+
+  /queue-microtask/1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    dev: true
+
+  /react-is/17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+    dev: true
+
+  /react-is/18.2.0:
+    resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
+    dev: true
+
+  /readable-stream/2.3.8:
+    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
+    dependencies:
+      core-util-is: 1.0.3
+      inherits: 2.0.4
+      isarray: 1.0.0
+      process-nextick-args: 2.0.1
+      safe-buffer: 5.1.2
+      string_decoder: 1.1.1
+      util-deprecate: 1.0.2
+    dev: true
+
+  /readdirp/3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      picomatch: 2.3.1
+    dev: true
+
+  /redent/3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+    dev: true
+
+  /regenerator-runtime/0.13.11:
+    resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
+    dev: true
+
+  /regexp.prototype.flags/1.5.0:
+    resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+      functions-have-names: 1.2.3
+    dev: true
+
+  /requires-port/1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
+    dev: true
+
+  /resolve-from/4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /reusify/1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
+
+  /rimraf/2.7.1:
+    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
+    hasBin: true
+    dependencies:
+      glob: 7.2.3
+    dev: true
+
+  /rimraf/3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    hasBin: true
+    dependencies:
+      glob: 7.2.3
+    dev: true
+
+  /rollup/3.26.2:
+    resolution: {integrity: sha512-6umBIGVz93er97pMgQO08LuH3m6PUb3jlDUUGFsNJB6VgTCUaDFpupf5JfU30529m/UKOgmiX+uY6Sx8cOYpLA==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /rrweb-cssom/0.6.0:
+    resolution: {integrity: sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==}
+    dev: true
+
+  /run-parallel/1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    dependencies:
+      queue-microtask: 1.2.3
+    dev: true
+
+  /sade/1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
+    engines: {node: '>=6'}
+    dependencies:
+      mri: 1.2.0
+    dev: true
+
+  /safe-buffer/5.1.2:
+    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
+    dev: true
+
+  /safer-buffer/2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+    dev: true
+
+  /sander/0.5.1:
+    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
+    dependencies:
+      es6-promise: 3.3.1
+      graceful-fs: 4.2.11
+      mkdirp: 0.5.6
+      rimraf: 2.7.1
+    dev: true
+
+  /sass/1.63.6:
+    resolution: {integrity: sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      chokidar: 3.5.3
+      immutable: 4.3.0
+      source-map-js: 1.0.2
+    dev: true
+
+  /saxes/6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+    dependencies:
+      xmlchars: 2.2.0
+    dev: true
+
+  /semver/7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
+  /set-cookie-parser/2.6.0:
+    resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
+    dev: true
+
+  /shebang-command/1.2.0:
+    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      shebang-regex: 1.0.0
+    dev: true
+
+  /shebang-command/2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+    dependencies:
+      shebang-regex: 3.0.0
+    dev: true
+
+  /shebang-regex/1.0.0:
+    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /shebang-regex/3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /side-channel/1.0.4:
+    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.1
+      object-inspect: 1.12.3
+    dev: true
+
+  /siginfo/2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+    dev: true
+
+  /sirv/2.0.3:
+    resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==}
+    engines: {node: '>= 10'}
+    dependencies:
+      '@polka/url': 1.0.0-next.21
+      mrmime: 1.0.1
+      totalist: 3.0.1
+    dev: true
+
+  /slash/3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /slice-ansi/5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 4.0.0
+    dev: true
+
+  /sorcery/0.11.0:
+    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
+    hasBin: true
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+      buffer-crc32: 0.2.13
+      minimist: 1.2.8
+      sander: 0.5.1
+    dev: true
+
+  /source-map-js/1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /source-map/0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /spawn-sync/1.0.15:
+    resolution: {integrity: sha512-9DWBgrgYZzNghseho0JOuh+5fg9u6QWhAWa51QC7+U5rCheZ/j1DrEZnyE0RBBRqZ9uEXGPgSSM0nky6burpVw==}
+    requiresBuild: true
+    dependencies:
+      concat-stream: 1.6.2
+      os-shim: 0.1.3
+    dev: true
+
+  /sswr/1.11.0_svelte@3.59.2:
+    resolution: {integrity: sha512-D7nEdEH0A1TKZjA1wRP6frxw/dtTCuV70EK5/pELP+FrcPmyaP8jLC49mrg86Ez5cb5z3NQb2MPx2M7ZZlSupQ==}
+    peerDependencies:
+      svelte: ^4.0.0
+    dependencies:
+      svelte: 3.59.2
+      swrev: 3.0.0
+    dev: false
+
+  /stack-utils/2.0.6:
+    resolution: {integrity: sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      escape-string-regexp: 2.0.0
+    dev: true
+
+  /stackback/0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+    dev: true
+
+  /std-env/3.3.3:
+    resolution: {integrity: sha512-Rz6yejtVyWnVjC1RFvNmYL10kgjC49EOghxWn0RFqlCHGFpQx+Xe7yW3I4ceK1SGrWIGMjD5Kbue8W/udkbMJg==}
+    dev: true
+
+  /stop-iteration-iterator/1.0.0:
+    resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      internal-slot: 1.0.5
+    dev: true
+
+  /streamsearch/1.1.0:
+    resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
+    engines: {node: '>=10.0.0'}
+    dev: true
+
+  /string-width/5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.0
+    dev: true
+
+  /string_decoder/1.1.1:
+    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
+    dependencies:
+      safe-buffer: 5.1.2
+    dev: true
+
+  /strip-ansi/6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-regex: 5.0.1
+    dev: true
+
+  /strip-ansi/7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-regex: 6.0.1
+    dev: true
+
+  /strip-indent/3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
+  /strip-json-comments/3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /strip-literal/1.0.1:
+    resolution: {integrity: sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==}
+    dependencies:
+      acorn: 8.10.0
+    dev: true
+
+  /supports-color/5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+    dependencies:
+      has-flag: 3.0.0
+    dev: true
+
+  /supports-color/7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+    dependencies:
+      has-flag: 4.0.0
+    dev: true
+
+  /svelte-check/3.4.5_sass@1.63.6+svelte@3.59.2:
+    resolution: {integrity: sha512-FsD/CUVdEI0F9sfylh1Fe15kDjvvbyBxzDpACPsdq0EASgaZukBXaMXofpxlgmWsgVET3OynMQlbtUQoWCz9Rw==}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.18
+      chokidar: 3.5.3
+      fast-glob: 3.3.0
+      import-fresh: 3.3.0
+      picocolors: 1.0.0
+      sade: 1.8.1
+      svelte: 3.59.2
+      svelte-preprocess: 5.0.4_4f8d0463f8af142e9709897eb40a2521
+      typescript: 5.1.6
+    transitivePeerDependencies:
+      - '@babel/core'
+      - coffeescript
+      - less
+      - postcss
+      - postcss-load-config
+      - pug
+      - sass
+      - stylus
+      - sugarss
+    dev: true
+
+  /svelte-hmr/0.15.2_svelte@3.59.2:
+    resolution: {integrity: sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==}
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: ^3.19.0 || ^4.0.0-next.0
+    dependencies:
+      svelte: 3.59.2
+    dev: true
+
+  /svelte-jester/2.3.2_svelte@3.59.2:
+    resolution: {integrity: sha512-JtxSz4FWAaCRBXbPsh4LcDs4Ua7zdXgLC0TZvT1R56hRV0dymmNP+abw67DTPF7sQPyNxWsOKd0Sl7Q8SnP8kg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      jest: '>= 27'
+      svelte: '>= 3'
+    dependencies:
+      svelte: 3.59.2
+    dev: true
+
+  /svelte-preprocess/5.0.4_4f8d0463f8af142e9709897eb40a2521:
+    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
+    engines: {node: '>= 14.10.0'}
+    requiresBuild: true
+    peerDependencies:
+      '@babel/core': ^7.10.2
+      coffeescript: ^2.5.1
+      less: ^3.11.3 || ^4.0.0
+      postcss: ^7 || ^8
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
+      pug: ^3.0.0
+      sass: ^1.26.8
+      stylus: ^0.55.0
+      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0
+      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      coffeescript:
+        optional: true
+      less:
+        optional: true
+      postcss:
+        optional: true
+      postcss-load-config:
+        optional: true
+      pug:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@types/pug': 2.0.6
+      detect-indent: 6.1.0
+      magic-string: 0.27.0
+      sass: 1.63.6
+      sorcery: 0.11.0
+      strip-indent: 3.0.0
+      svelte: 3.59.2
+      typescript: 5.1.6
+    dev: true
+
+  /svelte/3.59.2:
+    resolution: {integrity: sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /swr/2.1.5:
+    resolution: {integrity: sha512-/OhfZMcEpuz77KavXST5q6XE9nrOBOVcBLWjMT+oAE/kQHyE3PASrevXCtQDZ8aamntOfFkbVJp7Il9tNBQWrw==}
+    peerDependencies:
+      react: ^16.11.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      use-sync-external-store: 1.2.0
+    dev: false
+
+  /swrev/3.0.0:
+    resolution: {integrity: sha512-QJuZiptdOmbDY45pECBRVEgnoBlOKjeT2MWVz04wKHpWX15hM3P7EjcIbHDg5yLoPCMQ7to3349MEE+l9QF5HA==}
+    dev: false
+
+  /swrv/1.0.3:
+    resolution: {integrity: sha512-sl+eLEE+aPPjhP1E8gQ75q3RPRyw5Gd/kROnrTFo3+LkCeLskv7F+uAl5W97wgJkzitobL6FLsRPVm0DgIgN8A==}
+    peerDependencies:
+      vue: '>=3.2.26 < 4'
+    dev: false
+
+  /symbol-tree/3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+    dev: true
+
+  /text-table/0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+    dev: true
+
+  /the-new-css-reset/1.9.0:
+    resolution: {integrity: sha512-bKM9xgiVFTqSuWle952Xu/YWE7qYMzPHWxerO0edxjBfPIm2T4k2tRpIJ45IU7knY35Jr6Fb5P/TVm2RIsB//Q==}
+    dev: false
+
+  /tinybench/2.5.0:
+    resolution: {integrity: sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==}
+    dev: true
+
+  /tinypool/0.4.0:
+    resolution: {integrity: sha512-2ksntHOKf893wSAH4z/+JbPpi92esw8Gn9N2deXX+B0EO92hexAVI9GIZZPx7P5aYo5KULfeOSt3kMOmSOy6uA==}
+    engines: {node: '>=14.0.0'}
+    dev: true
+
+  /tinyspy/1.1.1:
+    resolution: {integrity: sha512-UVq5AXt/gQlti7oxoIg5oi/9r0WpF7DGEVwXgqWSMmyN16+e3tl5lIvTaOpJ3TAtu5xFzWccFRM4R5NaWHF+4g==}
+    engines: {node: '>=14.0.0'}
+    dev: true
+
+  /tippy.js/6.3.7:
+    resolution: {integrity: sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==}
+    dependencies:
+      '@popperjs/core': 2.11.8
+    dev: false
+
+  /to-regex-range/5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /totalist/3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /tough-cookie/4.1.3:
+    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
+    engines: {node: '>=6'}
+    dependencies:
+      psl: 1.9.0
+      punycode: 2.3.0
+      universalify: 0.2.0
+      url-parse: 1.5.10
+    dev: true
+
+  /tr46/0.0.3:
+    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+    dev: false
+
+  /tr46/4.1.1:
+    resolution: {integrity: sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==}
+    engines: {node: '>=14'}
+    dependencies:
+      punycode: 2.3.0
+    dev: true
+
+  /tslib/1.14.1:
+    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
+    dev: true
+
+  /tslib/2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+    dev: false
+
+  /tslib/2.6.0:
+    resolution: {integrity: sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==}
+
+  /tsutils/3.21.0_typescript@5.1.6:
+    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
+    engines: {node: '>= 6'}
+    peerDependencies:
+      typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
+    dependencies:
+      tslib: 1.14.1
+      typescript: 5.1.6
+    dev: true
+
+  /type-check/0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+    dev: true
+
+  /type-detect/4.0.8:
+    resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /type-fest/0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /typedarray/0.0.6:
+    resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
+    dev: true
+
+  /typescript/5.1.6:
+    resolution: {integrity: sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: true
+
+  /ufo/1.1.2:
+    resolution: {integrity: sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==}
+    dev: true
+
+  /undici/5.22.1:
+    resolution: {integrity: sha512-Ji2IJhFXZY0x/0tVBXeQwgPlLWw13GVzpsWPQ3rV50IFMMof2I55PZZxtm4P6iNq+L5znYN9nSTAq0ZyE6lSJw==}
+    engines: {node: '>=14.0'}
+    dependencies:
+      busboy: 1.6.0
+    dev: true
+
+  /universalify/0.2.0:
+    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
+    engines: {node: '>= 4.0.0'}
+    dev: true
+
+  /uri-js/4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+    dependencies:
+      punycode: 2.3.0
+    dev: true
+
+  /url-parse/1.5.10:
+    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
+    dependencies:
+      querystringify: 2.2.0
+      requires-port: 1.0.0
+    dev: true
+
+  /use-sync-external-store/1.2.0:
+    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dev: false
+
+  /util-deprecate/1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+    dev: true
+
+  /vite-node/0.29.8_@types+node@20.4.1+sass@1.63.6:
+    resolution: {integrity: sha512-b6OtCXfk65L6SElVM20q5G546yu10/kNrhg08afEoWlFRJXFq9/6glsvSVY+aI6YeC1tu2TtAqI2jHEQmOmsFw==}
+    engines: {node: '>=v14.16.0'}
+    hasBin: true
+    dependencies:
+      cac: 6.7.14
+      debug: 4.3.4
+      mlly: 1.4.0
+      pathe: 1.1.1
+      picocolors: 1.0.0
+      vite: 4.4.2_@types+node@20.4.1+sass@1.63.6
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: true
+
+  /vite/4.4.2_@types+node@20.4.1+sass@1.63.6:
+    resolution: {integrity: sha512-zUcsJN+UvdSyHhYa277UHhiJ3iq4hUBwHavOpsNUGsTgjBeoBlK8eDt+iT09pBq0h9/knhG/SPrZiM7cGmg7NA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': 20.4.1
+      esbuild: 0.18.11
+      postcss: 8.4.25
+      rollup: 3.26.2
+      sass: 1.63.6
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /vite/4.4.2_sass@1.63.6:
+    resolution: {integrity: sha512-zUcsJN+UvdSyHhYa277UHhiJ3iq4hUBwHavOpsNUGsTgjBeoBlK8eDt+iT09pBq0h9/knhG/SPrZiM7cGmg7NA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: 0.18.11
+      postcss: 8.4.25
+      rollup: 3.26.2
+      sass: 1.63.6
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /vitefu/0.2.4_vite@4.4.2:
+    resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: 4.4.2_sass@1.63.6
+    dev: true
+
+  /vitest/0.29.8_0ea0a70a66ac2d66448ea0e0cebbaf6c:
+    resolution: {integrity: sha512-JIAVi2GK5cvA6awGpH0HvH/gEG9PZ0a/WoxdiV3PmqK+3CjQMf8c+J/Vhv4mdZ2nRyXFw66sAg6qz7VNkaHfDQ==}
+    engines: {node: '>=v14.16.0'}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@vitest/browser': '*'
+      '@vitest/ui': '*'
+      happy-dom: '*'
+      jsdom: '*'
+      playwright: '*'
+      safaridriver: '*'
+      webdriverio: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+      playwright:
+        optional: true
+      safaridriver:
+        optional: true
+      webdriverio:
+        optional: true
+    dependencies:
+      '@types/chai': 4.3.5
+      '@types/chai-subset': 1.3.3
+      '@types/node': 20.4.1
+      '@vitest/expect': 0.29.8
+      '@vitest/runner': 0.29.8
+      '@vitest/spy': 0.29.8
+      '@vitest/ui': 0.29.8
+      '@vitest/utils': 0.29.8
+      acorn: 8.10.0
+      acorn-walk: 8.2.0
+      cac: 6.7.14
+      chai: 4.3.7
+      debug: 4.3.4
+      jsdom: 21.1.2
+      local-pkg: 0.4.3
+      pathe: 1.1.1
+      picocolors: 1.0.0
+      source-map: 0.6.1
+      std-env: 3.3.3
+      strip-literal: 1.0.1
+      tinybench: 2.5.0
+      tinypool: 0.4.0
+      tinyspy: 1.1.1
+      vite: 4.4.2_@types+node@20.4.1+sass@1.63.6
+      vite-node: 0.29.8_@types+node@20.4.1+sass@1.63.6
+      why-is-node-running: 2.2.2
+    transitivePeerDependencies:
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: true
+
+  /w3c-xmlserializer/4.0.0:
+    resolution: {integrity: sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==}
+    engines: {node: '>=14'}
+    dependencies:
+      xml-name-validator: 4.0.0
+    dev: true
+
+  /web-vitals/3.3.2:
+    resolution: {integrity: sha512-qRkpmSeKfEWAzNhtX541xA8gCJ+pqCqBmUlDVkVDSCSYUvfvNqF+k9g8I+uyreRcDBdfiJrd0/aLbTy5ydo49Q==}
+    dev: false
+
+  /webidl-conversions/3.0.1:
+    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+    dev: false
+
+  /webidl-conversions/7.0.0:
+    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /whatwg-encoding/2.0.0:
+    resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}
+    engines: {node: '>=12'}
+    dependencies:
+      iconv-lite: 0.6.3
+    dev: true
+
+  /whatwg-mimetype/3.0.0:
+    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /whatwg-url/12.0.1:
+    resolution: {integrity: sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==}
+    engines: {node: '>=14'}
+    dependencies:
+      tr46: 4.1.1
+      webidl-conversions: 7.0.0
+    dev: true
+
+  /whatwg-url/5.0.0:
+    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+    dependencies:
+      tr46: 0.0.3
+      webidl-conversions: 3.0.1
+    dev: false
+
+  /which-boxed-primitive/1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+    dependencies:
+      is-bigint: 1.0.4
+      is-boolean-object: 1.1.2
+      is-number-object: 1.0.7
+      is-string: 1.0.7
+      is-symbol: 1.0.4
+    dev: true
+
+  /which-collection/1.0.1:
+    resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==}
+    dependencies:
+      is-map: 2.0.2
+      is-set: 2.0.2
+      is-weakmap: 2.0.1
+      is-weakset: 2.0.2
+    dev: true
+
+  /which-typed-array/1.1.9:
+    resolution: {integrity: sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.2
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.0
+      is-typed-array: 1.1.10
+    dev: true
+
+  /which/1.2.14:
+    resolution: {integrity: sha512-16uPglFkRPzgiUXYMi1Jf8Z5EzN1iB4V0ZtMXcHZnwsBtQhhHeCqoWw7tsUY42hJGNDWtUsVLTjakIa5BgAxCw==}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+
+  /which/2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+
+  /why-is-node-running/2.2.2:
+    resolution: {integrity: sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+    dev: true
+
+  /wrappy/1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+    dev: true
+
+  /ws/8.13.0:
+    resolution: {integrity: sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+    dev: true
+
+  /xml-name-validator/4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /xmlchars/2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+    dev: true
+
+  /yallist/2.1.2:
+    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
+    dev: true
+
+  /yallist/4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+    dev: true
+
+  /yocto-queue/0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /yocto-queue/1.0.0:
+    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
+    engines: {node: '>=12.20'}
+    dev: true
+
+  /zrender/5.4.3:
+    resolution: {integrity: sha512-DRUM4ZLnoaT0PBVvGBDO9oWIDBKFdAVieNWxWwK0niYzJCMwGchRk21/hsE+RKkIveH3XHCyvXcJDkgLVvfizQ==}
+    dependencies:
+      tslib: 2.3.0
+    dev: false
diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index 113adfe90..9bf60d120 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -15,13 +15,13 @@
     });
 
     const examples = [
-        'How can I integrate Appwrite with my frontend application?'
-        // 'How to add platform in the console?',
-        // 'How can I manage users, permissions, and access control in Appwrite?',
-        // 'How can I set up database collections and documents in Appwrite?',
-        // 'How do I configure and manage server-side functions in Appwrite?',
-        // 'How can I access the audit logs in the console?',
-        // 'How to add custom domain in the console?'
+        'How can I integrate Appwrite with my frontend application?',
+        'How to add platform in the console?',
+        'How can I manage users, permissions, and access control in Appwrite?',
+        'How can I set up database collections and documents in Appwrite?',
+        'How do I configure and manage server-side functions in Appwrite?',
+        'How can I access the audit logs in the console?',
+        'How to add custom domain in the console?'
     ];
 
     type Answer = Array<

From 1a9207d130c533cd51766169326876a6ec825ee0 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 10 Jul 2023 15:17:49 +0100
Subject: [PATCH 046/128] refactor: change installCommand

---
 vercel.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/vercel.json b/vercel.json
index 2c6e2022e..f28657b06 100644
--- a/vercel.json
+++ b/vercel.json
@@ -4,5 +4,6 @@
             "source": "/(.*)",
             "destination": "/"
         }
-    ]
+    ],
+    "installCommand": "pnpm install"
 }

From b4c15163df3b95d90c507c3c2d512cf8724a8a5f Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 10 Jul 2023 16:08:23 +0100
Subject: [PATCH 047/128] back to npm

---
 package-lock.json | 5944 +++++++++++++++++++++++++++++++++++++++++++++
 pnpm-lock.yaml    | 3679 ----------------------------
 vercel.json       |    2 +-
 3 files changed, 5945 insertions(+), 3680 deletions(-)
 create mode 100644 package-lock.json
 delete mode 100644 pnpm-lock.yaml

diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 000000000..59b890cfe
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,5944 @@
+{
+    "name": "@appwrite/console",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "@appwrite/console",
+            "dependencies": {
+                "@analytics/google-analytics": "^1.0.5",
+                "@appwrite.io/console": "0.1.0",
+                "@appwrite.io/pink": "^0.0.6-rc.10",
+                "@appwrite.io/pink-icons": "^0.0.6-rc.10",
+                "@popperjs/core": "^2.11.6",
+                "@sentry/svelte": "^7.44.2",
+                "@sentry/tracing": "^7.44.2",
+                "ai": "^2.1.15",
+                "analytics": "^0.8.1",
+                "dotenv": "^16.0.3",
+                "echarts": "^5.4.1",
+                "logrocket": "^3.0.1",
+                "pretty-bytes": "^6.1.0",
+                "prismjs": "^1.29.0",
+                "tippy.js": "^6.3.7",
+                "web-vitals": "^3.1.1"
+            },
+            "devDependencies": {
+                "@playwright/test": "^1.31.2",
+                "@sveltejs/adapter-static": "^2.0.2",
+                "@sveltejs/kit": "^1.15.4",
+                "@sveltejs/vite-plugin-svelte": "^2.0.4",
+                "@testing-library/dom": "^9.0.1",
+                "@testing-library/jest-dom": "^5.16.5",
+                "@testing-library/svelte": "^3.2.2",
+                "@testing-library/user-event": "^14.4.3",
+                "@types/prismjs": "^1.26.0",
+                "@typescript-eslint/eslint-plugin": "^5.56.0",
+                "@typescript-eslint/parser": "^5.56.0",
+                "@vitest/ui": "^0.29.7",
+                "eslint": "^8.36.0",
+                "eslint-config-prettier": "^8.8.0",
+                "eslint-plugin-svelte3": "^4.0.0",
+                "jsdom": "^21.1.1",
+                "kleur": "^4.1.5",
+                "pre-commit": "^1.2.2",
+                "prettier": "^2.8.6",
+                "prettier-plugin-svelte": "^2.9.0",
+                "sass": "^1.59.3",
+                "svelte": "^3.57.0",
+                "svelte-check": "^3.1.4",
+                "svelte-jester": "^2.3.2",
+                "svelte-preprocess": "^5.0.3",
+                "tslib": "^2.5.0",
+                "typescript": "^5.0.2",
+                "vite": "^4.2.1",
+                "vitest": "^0.29.7"
+            },
+            "engines": {
+                "node": ">=16"
+            }
+        },
+        "node_modules/@aashutoshrathi/word-wrap": {
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+            "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/@adobe/css-tools": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.2.0.tgz",
+            "integrity": "sha512-E09FiIft46CmH5Qnjb0wsW54/YQd69LsxeKUOWawmws1XWvyFGURnAChH0mlr7YPFR1ofwvUQfcL0J3lMxXqPA==",
+            "dev": true
+        },
+        "node_modules/@analytics/cookie-utils": {
+            "version": "0.2.12",
+            "resolved": "https://registry.npmjs.org/@analytics/cookie-utils/-/cookie-utils-0.2.12.tgz",
+            "integrity": "sha512-2h/yuIu3kmu+ZJlKmlT6GoRvUEY2k1BbQBezEv5kGhnn9KpmzPz715Y3GmM2i+m7Y0QmBdVUoA260dQZkofs2A==",
+            "dependencies": {
+                "@analytics/global-storage-utils": "^0.1.7"
+            }
+        },
+        "node_modules/@analytics/core": {
+            "version": "0.12.7",
+            "resolved": "https://registry.npmjs.org/@analytics/core/-/core-0.12.7.tgz",
+            "integrity": "sha512-etmIPCoxWLoUZ/o1o2zvIk4cdVHa8I1xUQtTuLA+YXQ4SsFbm75ZoMXJBqWrNSENpqCJgoL6hizl5uTbkNN+1Q==",
+            "funding": [
+                {
+                    "type": "GitHub Sponsors",
+                    "url": "https://github.com/sponsors/davidwells"
+                }
+            ],
+            "dependencies": {
+                "@analytics/global-storage-utils": "^0.1.7",
+                "@analytics/type-utils": "^0.6.2",
+                "analytics-utils": "^1.0.12"
+            }
+        },
+        "node_modules/@analytics/global-storage-utils": {
+            "version": "0.1.7",
+            "resolved": "https://registry.npmjs.org/@analytics/global-storage-utils/-/global-storage-utils-0.1.7.tgz",
+            "integrity": "sha512-V+spzGLZYm4biZT4uefaylm80SrLXf8WOTv9hCgA46cLcyxx3LD4GCpssp1lj+RcWLl/uXJQBRO4Mnn/o1x6Gw==",
+            "dependencies": {
+                "@analytics/type-utils": "^0.6.2"
+            }
+        },
+        "node_modules/@analytics/google-analytics": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/@analytics/google-analytics/-/google-analytics-1.0.7.tgz",
+            "integrity": "sha512-KZ69NaMIi5kOcouzqI8cu7tZgQl7ziGiRahfU6zniUf32G8bv7wQDh73JFz1NwO6gBPloUc+5BzEoWzScM5Rgw=="
+        },
+        "node_modules/@analytics/localstorage-utils": {
+            "version": "0.1.10",
+            "resolved": "https://registry.npmjs.org/@analytics/localstorage-utils/-/localstorage-utils-0.1.10.tgz",
+            "integrity": "sha512-uJS+Jp1yLG5VFCgA5T82ZODYBS0xuDQx0NtAZrgbqt9j51BX3TcgmOez5LVkrUNu/lpbxjCLq35I4TKj78VmOQ==",
+            "dependencies": {
+                "@analytics/global-storage-utils": "^0.1.7"
+            }
+        },
+        "node_modules/@analytics/session-storage-utils": {
+            "version": "0.0.7",
+            "resolved": "https://registry.npmjs.org/@analytics/session-storage-utils/-/session-storage-utils-0.0.7.tgz",
+            "integrity": "sha512-PSv40UxG96HVcjY15e3zOqU2n8IqXnH8XvTkg1X43uXNTKVSebiI2kUjA3Q7ESFbw5DPwcLbJhV7GforpuBLDw==",
+            "dependencies": {
+                "@analytics/global-storage-utils": "^0.1.7"
+            }
+        },
+        "node_modules/@analytics/storage-utils": {
+            "version": "0.4.2",
+            "resolved": "https://registry.npmjs.org/@analytics/storage-utils/-/storage-utils-0.4.2.tgz",
+            "integrity": "sha512-AXObwyVQw9h2uJh1t2hUgabtVxzYpW+7uKVbdHQK80vr3Td5rrmCxrCxarh7HUuAgSDZ0bZWqmYxVgmwKceaLg==",
+            "dependencies": {
+                "@analytics/cookie-utils": "^0.2.12",
+                "@analytics/global-storage-utils": "^0.1.7",
+                "@analytics/localstorage-utils": "^0.1.10",
+                "@analytics/session-storage-utils": "^0.0.7",
+                "@analytics/type-utils": "^0.6.2"
+            }
+        },
+        "node_modules/@analytics/type-utils": {
+            "version": "0.6.2",
+            "resolved": "https://registry.npmjs.org/@analytics/type-utils/-/type-utils-0.6.2.tgz",
+            "integrity": "sha512-TD+xbmsBLyYy/IxFimW/YL/9L2IEnM7/EoV9Aeh56U64Ify8o27HJcKjo38XY9Tcn0uOq1AX3thkKgvtWvwFQg=="
+        },
+        "node_modules/@appwrite.io/console": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/@appwrite.io/console/-/console-0.1.0.tgz",
+            "integrity": "sha512-GzCRUmaXAVgpGwxBNI3PrtCLHz7CM+epBHDDTHw8B2u61KbijGBO3GrwreXy91fy00RJiEzGlMSRzDgwsF3Tsg==",
+            "dependencies": {
+                "cross-fetch": "3.1.5",
+                "isomorphic-form-data": "2.0.0"
+            }
+        },
+        "node_modules/@appwrite.io/pink": {
+            "version": "0.0.6-rc.14",
+            "resolved": "https://registry.npmjs.org/@appwrite.io/pink/-/pink-0.0.6-rc.14.tgz",
+            "integrity": "sha512-KSfuW/MIc9aXaSjHmOB0TSyd2G/nTX8Yj49LOqOw41v649tVNfPGutvI6eTULCKve24HTYSspnHLil5Eb4Kk2Q==",
+            "dependencies": {
+                "@appwrite.io/pink-icons": "*",
+                "normalize.css": "^8.0.1",
+                "the-new-css-reset": "^1.7.3"
+            }
+        },
+        "node_modules/@appwrite.io/pink-icons": {
+            "version": "0.0.6-rc.14",
+            "resolved": "https://registry.npmjs.org/@appwrite.io/pink-icons/-/pink-icons-0.0.6-rc.14.tgz",
+            "integrity": "sha512-OHkW3nOc7aTNlf+kdcSojlimWR+NKUJoYNCcC6ysQs7GnD/ny+en6bpT6u1X5EYEszO/IUQuQYDZhURFeGGO1A=="
+        },
+        "node_modules/@babel/code-frame": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz",
+            "integrity": "sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==",
+            "dev": true,
+            "dependencies": {
+                "@babel/highlight": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-identifier": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz",
+            "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/highlight": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz",
+            "integrity": "sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==",
+            "dev": true,
+            "dependencies": {
+                "@babel/helper-validator-identifier": "^7.22.5",
+                "chalk": "^2.0.0",
+                "js-tokens": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/ansi-styles": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+            "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+            "dev": true,
+            "dependencies": {
+                "color-convert": "^1.9.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/chalk": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+            "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/color-convert": {
+            "version": "1.9.3",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+            "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+            "dev": true,
+            "dependencies": {
+                "color-name": "1.1.3"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/color-name": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+            "dev": true
+        },
+        "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+            "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.8.0"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/has-flag": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+            "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/supports-color": {
+            "version": "5.5.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+            "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+            "dev": true,
+            "dependencies": {
+                "has-flag": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/runtime": {
+            "version": "7.22.6",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.6.tgz",
+            "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==",
+            "dev": true,
+            "dependencies": {
+                "regenerator-runtime": "^0.13.11"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.11.tgz",
+            "integrity": "sha512-q4qlUf5ucwbUJZXF5tEQ8LF7y0Nk4P58hOsGk3ucY0oCwgQqAnqXVbUuahCddVHfrxmpyewRpiTHwVHIETYu7Q==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-arm64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.11.tgz",
+            "integrity": "sha512-snieiq75Z1z5LJX9cduSAjUr7vEI1OdlzFPMw0HH5YI7qQHDd3qs+WZoMrWYDsfRJSq36lIA6mfZBkvL46KoIw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-x64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.11.tgz",
+            "integrity": "sha512-iPuoxQEV34+hTF6FT7om+Qwziv1U519lEOvekXO9zaMMlT9+XneAhKL32DW3H7okrCOBQ44BMihE8dclbZtTuw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-arm64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.11.tgz",
+            "integrity": "sha512-Gm0QkI3k402OpfMKyQEEMG0RuW2LQsSmI6OeO4El2ojJMoF5NLYb3qMIjvbG/lbMeLOGiW6ooU8xqc+S0fgz2w==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-x64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.11.tgz",
+            "integrity": "sha512-N15Vzy0YNHu6cfyDOjiyfJlRJCB/ngKOAvoBf1qybG3eOq0SL2Lutzz9N7DYUbb7Q23XtHPn6lMDF6uWbGv9Fw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-arm64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.11.tgz",
+            "integrity": "sha512-atEyuq6a3omEY5qAh5jIORWk8MzFnCpSTUruBgeyN9jZq1K/QI9uke0ATi3MHu4L8c59CnIi4+1jDKMuqmR71A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-x64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.11.tgz",
+            "integrity": "sha512-XtuPrEfBj/YYYnAAB7KcorzzpGTvOr/dTtXPGesRfmflqhA4LMF0Gh/n5+a9JBzPuJ+CGk17CA++Hmr1F/gI0Q==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.11.tgz",
+            "integrity": "sha512-Idipz+Taso/toi2ETugShXjQ3S59b6m62KmLHkJlSq/cBejixmIydqrtM2XTvNCywFl3VC7SreSf6NV0i6sRyg==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.11.tgz",
+            "integrity": "sha512-c6Vh2WS9VFKxKZ2TvJdA7gdy0n6eSy+yunBvv4aqNCEhSWVor1TU43wNRp2YLO9Vng2G+W94aRz+ILDSwAiYog==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ia32": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.11.tgz",
+            "integrity": "sha512-S3hkIF6KUqRh9n1Q0dSyYcWmcVa9Cg+mSoZEfFuzoYXXsk6196qndrM+ZiHNwpZKi3XOXpShZZ+9dfN5ykqjjw==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.11.tgz",
+            "integrity": "sha512-MRESANOoObQINBA+RMZW+Z0TJWpibtE7cPFnahzyQHDCA9X9LOmGh68MVimZlM9J8n5Ia8lU773te6O3ILW8kw==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-mips64el": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.11.tgz",
+            "integrity": "sha512-qVyPIZrXNMOLYegtD1u8EBccCrBVshxMrn5MkuFc3mEVsw7CCQHaqZ4jm9hbn4gWY95XFnb7i4SsT3eflxZsUg==",
+            "cpu": [
+                "mips64el"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ppc64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.11.tgz",
+            "integrity": "sha512-T3yd8vJXfPirZaUOoA9D2ZjxZX4Gr3QuC3GztBJA6PklLotc/7sXTOuuRkhE9W/5JvJP/K9b99ayPNAD+R+4qQ==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-riscv64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.11.tgz",
+            "integrity": "sha512-evUoRPWiwuFk++snjH9e2cAjF5VVSTj+Dnf+rkO/Q20tRqv+644279TZlPK8nUGunjPAtQRCj1jQkDAvL6rm2w==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-s390x": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.11.tgz",
+            "integrity": "sha512-/SlRJ15XR6i93gRWquRxYCfhTeC5PdqEapKoLbX63PLCmAkXZHY2uQm2l9bN0oPHBsOw2IswRZctMYS0MijFcg==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-x64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.11.tgz",
+            "integrity": "sha512-xcncej+wF16WEmIwPtCHi0qmx1FweBqgsRtEL1mSHLFR6/mb3GEZfLQnx+pUDfRDEM4DQF8dpXIW7eDOZl1IbA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/netbsd-x64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.11.tgz",
+            "integrity": "sha512-aSjMHj/F7BuS1CptSXNg6S3M4F3bLp5wfFPIJM+Km2NfIVfFKhdmfHF9frhiCLIGVzDziggqWll0B+9AUbud/Q==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/openbsd-x64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.11.tgz",
+            "integrity": "sha512-tNBq+6XIBZtht0xJGv7IBB5XaSyvYPCm1PxJ33zLQONdZoLVM0bgGqUrXnJyiEguD9LU4AHiu+GCXy/Hm9LsdQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/sunos-x64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.11.tgz",
+            "integrity": "sha512-kxfbDOrH4dHuAAOhr7D7EqaYf+W45LsAOOhAet99EyuxxQmjbk8M9N4ezHcEiCYPaiW8Dj3K26Z2V17Gt6p3ng==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "sunos"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-arm64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.11.tgz",
+            "integrity": "sha512-Sh0dDRyk1Xi348idbal7lZyfSkjhJsdFeuC13zqdipsvMetlGiFQNdO+Yfp6f6B4FbyQm7qsk16yaZk25LChzg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-ia32": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.11.tgz",
+            "integrity": "sha512-o9JUIKF1j0rqJTFbIoF4bXj6rvrTZYOrfRcGyL0Vm5uJ/j5CkBD/51tpdxe9lXEDouhRgdr/BYzUrDOvrWwJpg==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.11.tgz",
+            "integrity": "sha512-rQI4cjLHd2hGsM1LqgDI7oOCYbQ6IBOVsX9ejuRMSze0GqXUG2ekwiKkiBU1pRGSeCqFFHxTrcEydB2Hyoz9CA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@eslint-community/eslint-utils": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+            "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+            "dev": true,
+            "dependencies": {
+                "eslint-visitor-keys": "^3.3.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+            }
+        },
+        "node_modules/@eslint-community/regexpp": {
+            "version": "4.5.1",
+            "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz",
+            "integrity": "sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==",
+            "dev": true,
+            "engines": {
+                "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@eslint/eslintrc": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.0.tgz",
+            "integrity": "sha512-Lj7DECXqIVCqnqjjHMPna4vn6GJcMgul/wuS0je9OZ9gsL0zzDpKPVtcG1HaDVc+9y+qgXneTeUMbCqXJNpH1A==",
+            "dev": true,
+            "dependencies": {
+                "ajv": "^6.12.4",
+                "debug": "^4.3.2",
+                "espree": "^9.6.0",
+                "globals": "^13.19.0",
+                "ignore": "^5.2.0",
+                "import-fresh": "^3.2.1",
+                "js-yaml": "^4.1.0",
+                "minimatch": "^3.1.2",
+                "strip-json-comments": "^3.1.1"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/@eslint/js": {
+            "version": "8.44.0",
+            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.44.0.tgz",
+            "integrity": "sha512-Ag+9YM4ocKQx9AarydN0KY2j0ErMHNIocPDrVo8zAE44xLTjEtz81OdR68/cydGtk6m6jDb5Za3r2useMzYmSw==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@humanwhocodes/config-array": {
+            "version": "0.11.10",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
+            "integrity": "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==",
+            "dev": true,
+            "dependencies": {
+                "@humanwhocodes/object-schema": "^1.2.1",
+                "debug": "^4.1.1",
+                "minimatch": "^3.0.5"
+            },
+            "engines": {
+                "node": ">=10.10.0"
+            }
+        },
+        "node_modules/@humanwhocodes/module-importer": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+            "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+            "dev": true,
+            "engines": {
+                "node": ">=12.22"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/nzakas"
+            }
+        },
+        "node_modules/@humanwhocodes/object-schema": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+            "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+            "dev": true
+        },
+        "node_modules/@jest/expect-utils": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.6.1.tgz",
+            "integrity": "sha512-o319vIf5pEMx0LmzSxxkYYxo4wrRLKHq9dP1yJU7FoPTB0LfAKSz8SWD6D/6U3v/O52t9cF5t+MeJiRsfk7zMw==",
+            "dev": true,
+            "dependencies": {
+                "jest-get-type": "^29.4.3"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@jest/schemas": {
+            "version": "29.6.0",
+            "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.0.tgz",
+            "integrity": "sha512-rxLjXyJBTL4LQeJW3aKo0M/+GkCOXsO+8i9Iu7eDb6KwtP65ayoDsitrdPBtujxQ88k4wI2FNYfa6TOGwSn6cQ==",
+            "dev": true,
+            "dependencies": {
+                "@sinclair/typebox": "^0.27.8"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@jest/types": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.1.tgz",
+            "integrity": "sha512-tPKQNMPuXgvdOn2/Lg9HNfUvjYVGolt04Hp03f5hAk878uwOLikN+JzeLY0HcVgKgFl9Hs3EIqpu3WX27XNhnw==",
+            "dev": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "@types/istanbul-lib-coverage": "^2.0.0",
+                "@types/istanbul-reports": "^3.0.0",
+                "@types/node": "*",
+                "@types/yargs": "^17.0.8",
+                "chalk": "^4.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@jridgewell/resolve-uri": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+            "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.4.15",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+            "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+        },
+        "node_modules/@jridgewell/trace-mapping": {
+            "version": "0.3.18",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
+            "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/resolve-uri": "3.1.0",
+                "@jridgewell/sourcemap-codec": "1.4.14"
+            }
+        },
+        "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.4.14",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+            "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
+            "dev": true
+        },
+        "node_modules/@nodelib/fs.scandir": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+            "dev": true,
+            "dependencies": {
+                "@nodelib/fs.stat": "2.0.5",
+                "run-parallel": "^1.1.9"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@nodelib/fs.stat": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+            "dev": true,
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@nodelib/fs.walk": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+            "dev": true,
+            "dependencies": {
+                "@nodelib/fs.scandir": "2.1.5",
+                "fastq": "^1.6.0"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@playwright/test": {
+            "version": "1.35.1",
+            "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.35.1.tgz",
+            "integrity": "sha512-b5YoFe6J9exsMYg0pQAobNDR85T1nLumUYgUTtKm4d21iX2L7WqKq9dW8NGJ+2vX0etZd+Y7UeuqsxDXm9+5ZA==",
+            "dev": true,
+            "dependencies": {
+                "@types/node": "*",
+                "playwright-core": "1.35.1"
+            },
+            "bin": {
+                "playwright": "cli.js"
+            },
+            "engines": {
+                "node": ">=16"
+            },
+            "optionalDependencies": {
+                "fsevents": "2.3.2"
+            }
+        },
+        "node_modules/@polka/url": {
+            "version": "1.0.0-next.21",
+            "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz",
+            "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
+            "dev": true
+        },
+        "node_modules/@popperjs/core": {
+            "version": "2.11.8",
+            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+            "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/popperjs"
+            }
+        },
+        "node_modules/@sentry-internal/tracing": {
+            "version": "7.57.0",
+            "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.57.0.tgz",
+            "integrity": "sha512-tpViyDd8AhQGYYhI94xi2aaDopXOPfL2Apwrtb3qirWkomIQ2K86W1mPmkce+B0cFOnW2Dxv/ZTFKz6ghjK75A==",
+            "dependencies": {
+                "@sentry/core": "7.57.0",
+                "@sentry/types": "7.57.0",
+                "@sentry/utils": "7.57.0",
+                "tslib": "^2.4.1 || ^1.9.3"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@sentry/browser": {
+            "version": "7.57.0",
+            "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.57.0.tgz",
+            "integrity": "sha512-E0HaYYlaqHFiIRZXxcvOO8Odvlt+TR1vFFXzqUWXPOvDRxURglTOCQ3EN/u6bxtAGJ6y/Zc2obgihTtypuel/w==",
+            "dependencies": {
+                "@sentry-internal/tracing": "7.57.0",
+                "@sentry/core": "7.57.0",
+                "@sentry/replay": "7.57.0",
+                "@sentry/types": "7.57.0",
+                "@sentry/utils": "7.57.0",
+                "tslib": "^2.4.1 || ^1.9.3"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@sentry/core": {
+            "version": "7.57.0",
+            "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.57.0.tgz",
+            "integrity": "sha512-l014NudPH0vQlzybtXajPxYFfs9w762NoarjObC3gu76D1jzBBFzhdRelkGpDbSLNTIsKhEDDRpgAjBWJ9icfw==",
+            "dependencies": {
+                "@sentry/types": "7.57.0",
+                "@sentry/utils": "7.57.0",
+                "tslib": "^2.4.1 || ^1.9.3"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@sentry/replay": {
+            "version": "7.57.0",
+            "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.57.0.tgz",
+            "integrity": "sha512-pN4ryNS3J5EYbkXvR+O/+hseAJha7XDl8mPFtK0OGTHG10JzCi4tQJazblHQdpb5QBaMMPCeZ+isyfoQLDNXnw==",
+            "dependencies": {
+                "@sentry/core": "7.57.0",
+                "@sentry/types": "7.57.0",
+                "@sentry/utils": "7.57.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@sentry/svelte": {
+            "version": "7.57.0",
+            "resolved": "https://registry.npmjs.org/@sentry/svelte/-/svelte-7.57.0.tgz",
+            "integrity": "sha512-n7x0EaSbLVOxDax/g7NB9Gc6K+ayYGJz2wBqB86tD8a7WRQYwhdzylkP6cdc8xtqD2NxG2EFhsalaTPboUTXzw==",
+            "dependencies": {
+                "@sentry/browser": "7.57.0",
+                "@sentry/types": "7.57.0",
+                "@sentry/utils": "7.57.0",
+                "magic-string": "^0.30.0",
+                "tslib": "^2.4.1 || ^1.9.3"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "peerDependencies": {
+                "svelte": "3.x || 4.x"
+            }
+        },
+        "node_modules/@sentry/tracing": {
+            "version": "7.57.0",
+            "resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-7.57.0.tgz",
+            "integrity": "sha512-D8eKJMYN529mDP9lsOLyhe0Rf9Qiexo7Ul4+MQwDlwRr9c9tc0AdGwFlnKGvCMDh7ucITzvZkMZDHBapU3WHNQ==",
+            "dependencies": {
+                "@sentry-internal/tracing": "7.57.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@sentry/types": {
+            "version": "7.57.0",
+            "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.57.0.tgz",
+            "integrity": "sha512-D7ifoUfxuVCUyktIr5Gc+jXUbtcUMmfHdTtTbf1XCZHua5mJceK9wtl3YCg3eq/HK2Ppd52BKnTzEcS5ZKQM+w==",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@sentry/utils": {
+            "version": "7.57.0",
+            "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.57.0.tgz",
+            "integrity": "sha512-YXrkMCiNklqkXctn4mKYkrzNCf/dfVcRUQrkXjeBC+PHXbcpPyaJgInNvztR7Skl8lE3JPGPN4v5XhLxK1bUUg==",
+            "dependencies": {
+                "@sentry/types": "7.57.0",
+                "tslib": "^2.4.1 || ^1.9.3"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@sinclair/typebox": {
+            "version": "0.27.8",
+            "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
+            "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
+            "dev": true
+        },
+        "node_modules/@sveltejs/adapter-static": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-2.0.2.tgz",
+            "integrity": "sha512-9wYtf6s6ew7DHUHMrt55YpD1FgV7oWql2IGsW5BXquLxqcY9vjrqCFo0TzzDpo+ZPZkW/v77k0eOP6tsAb8HmQ==",
+            "dev": true,
+            "peerDependencies": {
+                "@sveltejs/kit": "^1.5.0"
+            }
+        },
+        "node_modules/@sveltejs/kit": {
+            "version": "1.22.1",
+            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.1.tgz",
+            "integrity": "sha512-idFhKVEHuCKbTETvuo3V7UShqSYX9JMKVJXP546dOTkh5ZRejo5XtKtsB5TCSwNBa0TH8hIV44/bnylaFhM1Vg==",
+            "dev": true,
+            "hasInstallScript": true,
+            "dependencies": {
+                "@sveltejs/vite-plugin-svelte": "^2.4.1",
+                "@types/cookie": "^0.5.1",
+                "cookie": "^0.5.0",
+                "devalue": "^4.3.1",
+                "esm-env": "^1.0.0",
+                "kleur": "^4.1.5",
+                "magic-string": "^0.30.0",
+                "mime": "^3.0.0",
+                "sade": "^1.8.1",
+                "set-cookie-parser": "^2.6.0",
+                "sirv": "^2.0.2",
+                "undici": "~5.22.0"
+            },
+            "bin": {
+                "svelte-kit": "svelte-kit.js"
+            },
+            "engines": {
+                "node": "^16.14 || >=18"
+            },
+            "peerDependencies": {
+                "svelte": "^3.54.0 || ^4.0.0-next.0",
+                "vite": "^4.0.0"
+            }
+        },
+        "node_modules/@sveltejs/vite-plugin-svelte": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.2.tgz",
+            "integrity": "sha512-ePfcC48ftMKhkT0OFGdOyycYKnnkT6i/buzey+vHRTR/JpQvuPzzhf1PtKqCDQfJRgoPSN2vscXs6gLigx/zGw==",
+            "dev": true,
+            "dependencies": {
+                "@sveltejs/vite-plugin-svelte-inspector": "^1.0.3",
+                "debug": "^4.3.4",
+                "deepmerge": "^4.3.1",
+                "kleur": "^4.1.5",
+                "magic-string": "^0.30.0",
+                "svelte-hmr": "^0.15.2",
+                "vitefu": "^0.2.4"
+            },
+            "engines": {
+                "node": "^14.18.0 || >= 16"
+            },
+            "peerDependencies": {
+                "svelte": "^3.54.0 || ^4.0.0",
+                "vite": "^4.0.0"
+            }
+        },
+        "node_modules/@sveltejs/vite-plugin-svelte-inspector": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.3.tgz",
+            "integrity": "sha512-Khdl5jmmPN6SUsVuqSXatKpQTMIifoQPDanaxC84m9JxIibWvSABJyHpyys0Z+1yYrxY5TTEQm+6elh0XCMaOA==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^4.3.4"
+            },
+            "engines": {
+                "node": "^14.18.0 || >= 16"
+            },
+            "peerDependencies": {
+                "@sveltejs/vite-plugin-svelte": "^2.2.0",
+                "svelte": "^3.54.0 || ^4.0.0",
+                "vite": "^4.0.0"
+            }
+        },
+        "node_modules/@testing-library/dom": {
+            "version": "9.3.1",
+            "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.1.tgz",
+            "integrity": "sha512-0DGPd9AR3+iDTjGoMpxIkAsUihHZ3Ai6CneU6bRRrffXMgzCdlNk43jTrD2/5LT6CBb3MWTP8v510JzYtahD2w==",
+            "dev": true,
+            "dependencies": {
+                "@babel/code-frame": "^7.10.4",
+                "@babel/runtime": "^7.12.5",
+                "@types/aria-query": "^5.0.1",
+                "aria-query": "5.1.3",
+                "chalk": "^4.1.0",
+                "dom-accessibility-api": "^0.5.9",
+                "lz-string": "^1.5.0",
+                "pretty-format": "^27.0.2"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/@testing-library/jest-dom": {
+            "version": "5.16.5",
+            "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.16.5.tgz",
+            "integrity": "sha512-N5ixQ2qKpi5OLYfwQmUb/5mSV9LneAcaUfp32pn4yCnpb8r/Yz0pXFPck21dIicKmi+ta5WRAknkZCfA8refMA==",
+            "dev": true,
+            "dependencies": {
+                "@adobe/css-tools": "^4.0.1",
+                "@babel/runtime": "^7.9.2",
+                "@types/testing-library__jest-dom": "^5.9.1",
+                "aria-query": "^5.0.0",
+                "chalk": "^3.0.0",
+                "css.escape": "^1.5.1",
+                "dom-accessibility-api": "^0.5.6",
+                "lodash": "^4.17.15",
+                "redent": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8",
+                "npm": ">=6",
+                "yarn": ">=1"
+            }
+        },
+        "node_modules/@testing-library/jest-dom/node_modules/chalk": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+            "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@testing-library/svelte": {
+            "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/@testing-library/svelte/-/svelte-3.2.2.tgz",
+            "integrity": "sha512-IKwZgqbekC3LpoRhSwhd0JswRGxKdAGkf39UiDXTywK61YyLXbCYoR831e/UUC6EeNW4hiHPY+2WuovxOgI5sw==",
+            "dev": true,
+            "dependencies": {
+                "@testing-library/dom": "^8.1.0"
+            },
+            "engines": {
+                "node": ">= 10"
+            },
+            "peerDependencies": {
+                "svelte": "3.x"
+            }
+        },
+        "node_modules/@testing-library/svelte/node_modules/@testing-library/dom": {
+            "version": "8.20.1",
+            "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.20.1.tgz",
+            "integrity": "sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==",
+            "dev": true,
+            "dependencies": {
+                "@babel/code-frame": "^7.10.4",
+                "@babel/runtime": "^7.12.5",
+                "@types/aria-query": "^5.0.1",
+                "aria-query": "5.1.3",
+                "chalk": "^4.1.0",
+                "dom-accessibility-api": "^0.5.9",
+                "lz-string": "^1.5.0",
+                "pretty-format": "^27.0.2"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@testing-library/user-event": {
+            "version": "14.4.3",
+            "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.4.3.tgz",
+            "integrity": "sha512-kCUc5MEwaEMakkO5x7aoD+DLi02ehmEM2QCGWvNqAS1dV/fAvORWEjnjsEIvml59M7Y5kCkWN6fCCyPOe8OL6Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=12",
+                "npm": ">=6"
+            },
+            "peerDependencies": {
+                "@testing-library/dom": ">=7.21.4"
+            }
+        },
+        "node_modules/@tootallnate/once": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
+            "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
+            "dev": true,
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@types/aria-query": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.1.tgz",
+            "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
+            "dev": true
+        },
+        "node_modules/@types/chai": {
+            "version": "4.3.5",
+            "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.5.tgz",
+            "integrity": "sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==",
+            "dev": true
+        },
+        "node_modules/@types/chai-subset": {
+            "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/@types/chai-subset/-/chai-subset-1.3.3.tgz",
+            "integrity": "sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==",
+            "dev": true,
+            "dependencies": {
+                "@types/chai": "*"
+            }
+        },
+        "node_modules/@types/cookie": {
+            "version": "0.5.1",
+            "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz",
+            "integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==",
+            "dev": true
+        },
+        "node_modules/@types/istanbul-lib-coverage": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
+            "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==",
+            "dev": true
+        },
+        "node_modules/@types/istanbul-lib-report": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
+            "integrity": "sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==",
+            "dev": true,
+            "dependencies": {
+                "@types/istanbul-lib-coverage": "*"
+            }
+        },
+        "node_modules/@types/istanbul-reports": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz",
+            "integrity": "sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==",
+            "dev": true,
+            "dependencies": {
+                "@types/istanbul-lib-report": "*"
+            }
+        },
+        "node_modules/@types/jest": {
+            "version": "29.5.2",
+            "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.2.tgz",
+            "integrity": "sha512-mSoZVJF5YzGVCk+FsDxzDuH7s+SCkzrgKZzf0Z0T2WudhBUPoF6ktoTPC4R0ZoCPCV5xUvuU6ias5NvxcBcMMg==",
+            "dev": true,
+            "dependencies": {
+                "expect": "^29.0.0",
+                "pretty-format": "^29.0.0"
+            }
+        },
+        "node_modules/@types/jest/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/@types/jest/node_modules/pretty-format": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
+            "integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
+            "dev": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^18.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@types/jest/node_modules/react-is": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+            "dev": true
+        },
+        "node_modules/@types/json-schema": {
+            "version": "7.0.12",
+            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
+            "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
+            "dev": true
+        },
+        "node_modules/@types/node": {
+            "version": "20.4.1",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.1.tgz",
+            "integrity": "sha512-JIzsAvJeA/5iY6Y/OxZbv1lUcc8dNSE77lb2gnBH+/PJ3lFR1Ccvgwl5JWnHAkNHcRsT0TbpVOsiMKZ1F/yyJg==",
+            "dev": true
+        },
+        "node_modules/@types/prismjs": {
+            "version": "1.26.0",
+            "resolved": "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.0.tgz",
+            "integrity": "sha512-ZTaqn/qSqUuAq1YwvOFQfVW1AR/oQJlLSZVustdjwI+GZ8kr0MSHBj0tsXPW1EqHubx50gtBEjbPGsdZwQwCjQ==",
+            "dev": true
+        },
+        "node_modules/@types/pug": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz",
+            "integrity": "sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==",
+            "dev": true
+        },
+        "node_modules/@types/semver": {
+            "version": "7.5.0",
+            "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
+            "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
+            "dev": true
+        },
+        "node_modules/@types/stack-utils": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz",
+            "integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==",
+            "dev": true
+        },
+        "node_modules/@types/testing-library__jest-dom": {
+            "version": "5.14.7",
+            "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.7.tgz",
+            "integrity": "sha512-PFDoAbR9y8pD9+41oM1Yy0nVCkaRPlklmDZoPCXhNpR0ZO13HAYWqdNEjLtvIiveBmfB/+jdvmuOVeOXehKOaA==",
+            "dev": true,
+            "dependencies": {
+                "@types/jest": "*"
+            }
+        },
+        "node_modules/@types/yargs": {
+            "version": "17.0.24",
+            "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.24.tgz",
+            "integrity": "sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==",
+            "dev": true,
+            "dependencies": {
+                "@types/yargs-parser": "*"
+            }
+        },
+        "node_modules/@types/yargs-parser": {
+            "version": "21.0.0",
+            "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
+            "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==",
+            "dev": true
+        },
+        "node_modules/@typescript-eslint/eslint-plugin": {
+            "version": "5.61.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.61.0.tgz",
+            "integrity": "sha512-A5l/eUAug103qtkwccSCxn8ZRwT+7RXWkFECdA4Cvl1dOlDUgTpAOfSEElZn2uSUxhdDpnCdetrf0jvU4qrL+g==",
+            "dev": true,
+            "dependencies": {
+                "@eslint-community/regexpp": "^4.4.0",
+                "@typescript-eslint/scope-manager": "5.61.0",
+                "@typescript-eslint/type-utils": "5.61.0",
+                "@typescript-eslint/utils": "5.61.0",
+                "debug": "^4.3.4",
+                "graphemer": "^1.4.0",
+                "ignore": "^5.2.0",
+                "natural-compare-lite": "^1.4.0",
+                "semver": "^7.3.7",
+                "tsutils": "^3.21.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            },
+            "peerDependencies": {
+                "@typescript-eslint/parser": "^5.0.0",
+                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/parser": {
+            "version": "5.61.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.61.0.tgz",
+            "integrity": "sha512-yGr4Sgyh8uO6fSi9hw3jAFXNBHbCtKKFMdX2IkT3ZqpKmtAq3lHS4ixB/COFuAIJpwl9/AqF7j72ZDWYKmIfvg==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/scope-manager": "5.61.0",
+                "@typescript-eslint/types": "5.61.0",
+                "@typescript-eslint/typescript-estree": "5.61.0",
+                "debug": "^4.3.4"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            },
+            "peerDependencies": {
+                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/scope-manager": {
+            "version": "5.61.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.61.0.tgz",
+            "integrity": "sha512-W8VoMjoSg7f7nqAROEmTt6LoBpn81AegP7uKhhW5KzYlehs8VV0ZW0fIDVbcZRcaP3aPSW+JZFua+ysQN+m/Nw==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.61.0",
+                "@typescript-eslint/visitor-keys": "5.61.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            }
+        },
+        "node_modules/@typescript-eslint/type-utils": {
+            "version": "5.61.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.61.0.tgz",
+            "integrity": "sha512-kk8u//r+oVK2Aj3ph/26XdH0pbAkC2RiSjUYhKD+PExemG4XSjpGFeyZ/QM8lBOa7O8aGOU+/yEbMJgQv/DnCg==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/typescript-estree": "5.61.0",
+                "@typescript-eslint/utils": "5.61.0",
+                "debug": "^4.3.4",
+                "tsutils": "^3.21.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            },
+            "peerDependencies": {
+                "eslint": "*"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/types": {
+            "version": "5.61.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.61.0.tgz",
+            "integrity": "sha512-ldyueo58KjngXpzloHUog/h9REmHl59G1b3a5Sng1GfBo14BkS3ZbMEb3693gnP1k//97lh7bKsp6/V/0v1veQ==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            }
+        },
+        "node_modules/@typescript-eslint/typescript-estree": {
+            "version": "5.61.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.61.0.tgz",
+            "integrity": "sha512-Fud90PxONnnLZ36oR5ClJBLTLfU4pIWBmnvGwTbEa2cXIqj70AEDEmOmpkFComjBZ/037ueKrOdHuYmSFVD7Rw==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.61.0",
+                "@typescript-eslint/visitor-keys": "5.61.0",
+                "debug": "^4.3.4",
+                "globby": "^11.1.0",
+                "is-glob": "^4.0.3",
+                "semver": "^7.3.7",
+                "tsutils": "^3.21.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/utils": {
+            "version": "5.61.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.61.0.tgz",
+            "integrity": "sha512-mV6O+6VgQmVE6+xzlA91xifndPW9ElFW8vbSF0xCT/czPXVhwDewKila1jOyRwa9AE19zKnrr7Cg5S3pJVrTWQ==",
+            "dev": true,
+            "dependencies": {
+                "@eslint-community/eslint-utils": "^4.2.0",
+                "@types/json-schema": "^7.0.9",
+                "@types/semver": "^7.3.12",
+                "@typescript-eslint/scope-manager": "5.61.0",
+                "@typescript-eslint/types": "5.61.0",
+                "@typescript-eslint/typescript-estree": "5.61.0",
+                "eslint-scope": "^5.1.1",
+                "semver": "^7.3.7"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            },
+            "peerDependencies": {
+                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/visitor-keys": {
+            "version": "5.61.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.61.0.tgz",
+            "integrity": "sha512-50XQ5VdbWrX06mQXhy93WywSFZZGsv3EOjq+lqp6WC2t+j3mb6A9xYVdrRxafvK88vg9k9u+CT4l6D8PEatjKg==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.61.0",
+                "eslint-visitor-keys": "^3.3.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            }
+        },
+        "node_modules/@vitest/expect": {
+            "version": "0.29.8",
+            "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.29.8.tgz",
+            "integrity": "sha512-xlcVXn5I5oTq6NiZSY3ykyWixBxr5mG8HYtjvpgg6KaqHm0mvhX18xuwl5YGxIRNt/A5jidd7CWcNHrSvgaQqQ==",
+            "dev": true,
+            "dependencies": {
+                "@vitest/spy": "0.29.8",
+                "@vitest/utils": "0.29.8",
+                "chai": "^4.3.7"
+            }
+        },
+        "node_modules/@vitest/runner": {
+            "version": "0.29.8",
+            "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.29.8.tgz",
+            "integrity": "sha512-FzdhnRDwEr/A3Oo1jtIk/B952BBvP32n1ObMEb23oEJNO+qO5cBet6M2XWIDQmA7BDKGKvmhUf2naXyp/2JEwQ==",
+            "dev": true,
+            "dependencies": {
+                "@vitest/utils": "0.29.8",
+                "p-limit": "^4.0.0",
+                "pathe": "^1.1.0"
+            }
+        },
+        "node_modules/@vitest/runner/node_modules/p-limit": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
+            "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
+            "dev": true,
+            "dependencies": {
+                "yocto-queue": "^1.0.0"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/@vitest/runner/node_modules/yocto-queue": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
+            "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
+            "dev": true,
+            "engines": {
+                "node": ">=12.20"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/@vitest/spy": {
+            "version": "0.29.8",
+            "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.29.8.tgz",
+            "integrity": "sha512-VdjBe9w34vOMl5I5mYEzNX8inTxrZ+tYUVk9jxaZJmHFwmDFC/GV3KBFTA/JKswr3XHvZL+FE/yq5EVhb6pSAw==",
+            "dev": true,
+            "dependencies": {
+                "tinyspy": "^1.0.2"
+            }
+        },
+        "node_modules/@vitest/ui": {
+            "version": "0.29.8",
+            "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-0.29.8.tgz",
+            "integrity": "sha512-+vbLd+c1R/XUWfzJsWeyjeiw13fwJ95I5tguxaqXRg61y9iYUKesVljg7Pttp2uo7VK+kAjvY91J41NZ1Vx3vg==",
+            "dev": true,
+            "dependencies": {
+                "fast-glob": "^3.2.12",
+                "flatted": "^3.2.7",
+                "pathe": "^1.1.0",
+                "picocolors": "^1.0.0",
+                "sirv": "^2.0.2"
+            }
+        },
+        "node_modules/@vitest/utils": {
+            "version": "0.29.8",
+            "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.29.8.tgz",
+            "integrity": "sha512-qGzuf3vrTbnoY+RjjVVIBYfuWMjn3UMUqyQtdGNZ6ZIIyte7B37exj6LaVkrZiUTvzSadVvO/tJm8AEgbGCBPg==",
+            "dev": true,
+            "dependencies": {
+                "cli-truncate": "^3.1.0",
+                "diff": "^5.1.0",
+                "loupe": "^2.3.6",
+                "pretty-format": "^27.5.1"
+            }
+        },
+        "node_modules/abab": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
+            "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+            "dev": true
+        },
+        "node_modules/acorn": {
+            "version": "8.10.0",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
+            "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+            "dev": true,
+            "bin": {
+                "acorn": "bin/acorn"
+            },
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/acorn-globals": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-7.0.1.tgz",
+            "integrity": "sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^8.1.0",
+                "acorn-walk": "^8.0.2"
+            }
+        },
+        "node_modules/acorn-jsx": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+            "dev": true,
+            "peerDependencies": {
+                "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/acorn-walk": {
+            "version": "8.2.0",
+            "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
+            "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/agent-base": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+            "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+            "dev": true,
+            "dependencies": {
+                "debug": "4"
+            },
+            "engines": {
+                "node": ">= 6.0.0"
+            }
+        },
+        "node_modules/ai": {
+            "version": "2.1.17",
+            "resolved": "https://registry.npmjs.org/ai/-/ai-2.1.17.tgz",
+            "integrity": "sha512-3dcg7cjDQdFeYbKREvJ18WhNrN+IVhASJPEolOiZINfmQ5qjqZHWNagqLsN8Wi2RYzD3CrskrN8KwAobUTgo9g==",
+            "dependencies": {
+                "eventsource-parser": "1.0.0",
+                "nanoid": "^3.3.6",
+                "sswr": "^1.10.0",
+                "swr": "2.1.5",
+                "swrv": "1.0.3"
+            },
+            "engines": {
+                "node": ">=14.6"
+            },
+            "peerDependencies": {
+                "react": "^18.2.0",
+                "svelte": "^3.0.0 || ^4.0.0",
+                "vue": "^3.3.4"
+            },
+            "peerDependenciesMeta": {
+                "react": {
+                    "optional": true
+                },
+                "svelte": {
+                    "optional": true
+                },
+                "vue": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/ajv": {
+            "version": "6.12.6",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+            "dev": true,
+            "dependencies": {
+                "fast-deep-equal": "^3.1.1",
+                "fast-json-stable-stringify": "^2.0.0",
+                "json-schema-traverse": "^0.4.1",
+                "uri-js": "^4.2.2"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/epoberezkin"
+            }
+        },
+        "node_modules/analytics": {
+            "version": "0.8.9",
+            "resolved": "https://registry.npmjs.org/analytics/-/analytics-0.8.9.tgz",
+            "integrity": "sha512-oTbUzQpncMTslakqfK70GgB6bopk5hY+uuekwnadMkDyqNLgcD02KRzteTnO7q5Ko6wDECVtT8xi/6OuAMZykA==",
+            "funding": [
+                {
+                    "type": "GitHub Sponsors",
+                    "url": "https://github.com/sponsors/davidwells"
+                }
+            ],
+            "dependencies": {
+                "@analytics/core": "^0.12.7",
+                "@analytics/storage-utils": "^0.4.2"
+            }
+        },
+        "node_modules/analytics-utils": {
+            "version": "1.0.12",
+            "resolved": "https://registry.npmjs.org/analytics-utils/-/analytics-utils-1.0.12.tgz",
+            "integrity": "sha512-WvV2YWgsnXLxaY0QYux0crpBAg/0JA763NmbMVz22jKhMPo7dpTBet8G2IlF7ixTjLDzGlkHk1ZaKqqQmjJ+4w==",
+            "dependencies": {
+                "@analytics/type-utils": "^0.6.2",
+                "dlv": "^1.1.3"
+            },
+            "peerDependencies": {
+                "@types/dlv": "^1.0.0"
+            }
+        },
+        "node_modules/ansi-regex": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dev": true,
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/anymatch": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+            "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+            "dev": true,
+            "dependencies": {
+                "normalize-path": "^3.0.0",
+                "picomatch": "^2.0.4"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/argparse": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+            "dev": true
+        },
+        "node_modules/aria-query": {
+            "version": "5.1.3",
+            "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+            "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+            "dev": true,
+            "dependencies": {
+                "deep-equal": "^2.0.5"
+            }
+        },
+        "node_modules/array-buffer-byte-length": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+            "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "is-array-buffer": "^3.0.1"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/array-union": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+            "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/assertion-error": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
+            "integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==",
+            "dev": true,
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+        },
+        "node_modules/available-typed-arrays": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+            "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "dev": true
+        },
+        "node_modules/binary-extensions": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+            "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/brace-expansion": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+            "dev": true,
+            "dependencies": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
+            }
+        },
+        "node_modules/braces": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+            "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+            "dev": true,
+            "dependencies": {
+                "fill-range": "^7.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/buffer-crc32": {
+            "version": "0.2.13",
+            "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+            "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+            "dev": true,
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/buffer-from": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+            "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+            "dev": true
+        },
+        "node_modules/busboy": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+            "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+            "dev": true,
+            "dependencies": {
+                "streamsearch": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=10.16.0"
+            }
+        },
+        "node_modules/cac": {
+            "version": "6.7.14",
+            "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+            "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/call-bind": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.1",
+                "get-intrinsic": "^1.0.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/callsites": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/chai": {
+            "version": "4.3.7",
+            "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.7.tgz",
+            "integrity": "sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==",
+            "dev": true,
+            "dependencies": {
+                "assertion-error": "^1.1.0",
+                "check-error": "^1.0.2",
+                "deep-eql": "^4.1.2",
+                "get-func-name": "^2.0.0",
+                "loupe": "^2.3.1",
+                "pathval": "^1.1.1",
+                "type-detect": "^4.0.5"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
+        "node_modules/check-error": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
+            "integrity": "sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==",
+            "dev": true,
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/chokidar": {
+            "version": "3.5.3",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+            "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://paulmillr.com/funding/"
+                }
+            ],
+            "dependencies": {
+                "anymatch": "~3.1.2",
+                "braces": "~3.0.2",
+                "glob-parent": "~5.1.2",
+                "is-binary-path": "~2.1.0",
+                "is-glob": "~4.0.1",
+                "normalize-path": "~3.0.0",
+                "readdirp": "~3.6.0"
+            },
+            "engines": {
+                "node": ">= 8.10.0"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/chokidar/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dev": true,
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/ci-info": {
+            "version": "3.8.0",
+            "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
+            "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/sibiraj-s"
+                }
+            ],
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/cli-truncate": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-3.1.0.tgz",
+            "integrity": "sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==",
+            "dev": true,
+            "dependencies": {
+                "slice-ansi": "^5.0.0",
+                "string-width": "^5.0.0"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "dev": true,
+            "dependencies": {
+                "color-name": "~1.1.4"
+            },
+            "engines": {
+                "node": ">=7.0.0"
+            }
+        },
+        "node_modules/color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+            "dev": true
+        },
+        "node_modules/combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "dependencies": {
+                "delayed-stream": "~1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/concat-map": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+            "dev": true
+        },
+        "node_modules/concat-stream": {
+            "version": "1.6.2",
+            "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+            "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+            "dev": true,
+            "engines": [
+                "node >= 0.8"
+            ],
+            "dependencies": {
+                "buffer-from": "^1.0.0",
+                "inherits": "^2.0.3",
+                "readable-stream": "^2.2.2",
+                "typedarray": "^0.0.6"
+            }
+        },
+        "node_modules/cookie": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
+            "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/core-util-is": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+            "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+            "dev": true
+        },
+        "node_modules/cross-fetch": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
+            "integrity": "sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==",
+            "dependencies": {
+                "node-fetch": "2.6.7"
+            }
+        },
+        "node_modules/cross-spawn": {
+            "version": "7.0.3",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+            "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+            "dev": true,
+            "dependencies": {
+                "path-key": "^3.1.0",
+                "shebang-command": "^2.0.0",
+                "which": "^2.0.1"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/css.escape": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+            "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+            "dev": true
+        },
+        "node_modules/cssstyle": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
+            "integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
+            "dev": true,
+            "dependencies": {
+                "rrweb-cssom": "^0.6.0"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/data-urls": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz",
+            "integrity": "sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==",
+            "dev": true,
+            "dependencies": {
+                "abab": "^2.0.6",
+                "whatwg-mimetype": "^3.0.0",
+                "whatwg-url": "^12.0.0"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/debug": {
+            "version": "4.3.4",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+            "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+            "dev": true,
+            "dependencies": {
+                "ms": "2.1.2"
+            },
+            "engines": {
+                "node": ">=6.0"
+            },
+            "peerDependenciesMeta": {
+                "supports-color": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/decimal.js": {
+            "version": "10.4.3",
+            "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
+            "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
+            "dev": true
+        },
+        "node_modules/deep-eql": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.3.tgz",
+            "integrity": "sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==",
+            "dev": true,
+            "dependencies": {
+                "type-detect": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/deep-equal": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
+            "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
+            "dev": true,
+            "dependencies": {
+                "array-buffer-byte-length": "^1.0.0",
+                "call-bind": "^1.0.2",
+                "es-get-iterator": "^1.1.3",
+                "get-intrinsic": "^1.2.0",
+                "is-arguments": "^1.1.1",
+                "is-array-buffer": "^3.0.2",
+                "is-date-object": "^1.0.5",
+                "is-regex": "^1.1.4",
+                "is-shared-array-buffer": "^1.0.2",
+                "isarray": "^2.0.5",
+                "object-is": "^1.1.5",
+                "object-keys": "^1.1.1",
+                "object.assign": "^4.1.4",
+                "regexp.prototype.flags": "^1.5.0",
+                "side-channel": "^1.0.4",
+                "which-boxed-primitive": "^1.0.2",
+                "which-collection": "^1.0.1",
+                "which-typed-array": "^1.1.9"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/deep-is": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+            "dev": true
+        },
+        "node_modules/deepmerge": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+            "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/define-properties": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
+            "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
+            "dev": true,
+            "dependencies": {
+                "has-property-descriptors": "^1.0.0",
+                "object-keys": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/detect-indent": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
+            "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/devalue": {
+            "version": "4.3.2",
+            "resolved": "https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz",
+            "integrity": "sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==",
+            "dev": true
+        },
+        "node_modules/diff": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
+            "integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.3.1"
+            }
+        },
+        "node_modules/diff-sequences": {
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.4.3.tgz",
+            "integrity": "sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==",
+            "dev": true,
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/dir-glob": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+            "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+            "dev": true,
+            "dependencies": {
+                "path-type": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/dlv": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+        },
+        "node_modules/doctrine": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+            "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+            "dev": true,
+            "dependencies": {
+                "esutils": "^2.0.2"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/dom-accessibility-api": {
+            "version": "0.5.16",
+            "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+            "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+            "dev": true
+        },
+        "node_modules/domexception": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
+            "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
+            "dev": true,
+            "dependencies": {
+                "webidl-conversions": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/dotenv": {
+            "version": "16.3.1",
+            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
+            "integrity": "sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/motdotla/dotenv?sponsor=1"
+            }
+        },
+        "node_modules/eastasianwidth": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+            "dev": true
+        },
+        "node_modules/echarts": {
+            "version": "5.4.2",
+            "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.4.2.tgz",
+            "integrity": "sha512-2W3vw3oI2tWJdyAz+b8DuWS0nfXtSDqlDmqgin/lfzbkB01cuMEN66KWBlmur3YMp5nEDEEt5s23pllnAzB4EA==",
+            "dependencies": {
+                "tslib": "2.3.0",
+                "zrender": "5.4.3"
+            }
+        },
+        "node_modules/echarts/node_modules/tslib": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+            "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+        },
+        "node_modules/emoji-regex": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+            "dev": true
+        },
+        "node_modules/entities": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+            "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.12"
+            },
+            "funding": {
+                "url": "https://github.com/fb55/entities?sponsor=1"
+            }
+        },
+        "node_modules/es-get-iterator": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+            "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.1.3",
+                "has-symbols": "^1.0.3",
+                "is-arguments": "^1.1.1",
+                "is-map": "^2.0.2",
+                "is-set": "^2.0.2",
+                "is-string": "^1.0.7",
+                "isarray": "^2.0.5",
+                "stop-iteration-iterator": "^1.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/es6-promise": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz",
+            "integrity": "sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==",
+            "dev": true
+        },
+        "node_modules/esbuild": {
+            "version": "0.18.11",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.11.tgz",
+            "integrity": "sha512-i8u6mQF0JKJUlGR3OdFLKldJQMMs8OqM9Cc3UCi9XXziJ9WERM5bfkHaEAy0YAvPRMgqSW55W7xYn84XtEFTtA==",
+            "dev": true,
+            "hasInstallScript": true,
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "optionalDependencies": {
+                "@esbuild/android-arm": "0.18.11",
+                "@esbuild/android-arm64": "0.18.11",
+                "@esbuild/android-x64": "0.18.11",
+                "@esbuild/darwin-arm64": "0.18.11",
+                "@esbuild/darwin-x64": "0.18.11",
+                "@esbuild/freebsd-arm64": "0.18.11",
+                "@esbuild/freebsd-x64": "0.18.11",
+                "@esbuild/linux-arm": "0.18.11",
+                "@esbuild/linux-arm64": "0.18.11",
+                "@esbuild/linux-ia32": "0.18.11",
+                "@esbuild/linux-loong64": "0.18.11",
+                "@esbuild/linux-mips64el": "0.18.11",
+                "@esbuild/linux-ppc64": "0.18.11",
+                "@esbuild/linux-riscv64": "0.18.11",
+                "@esbuild/linux-s390x": "0.18.11",
+                "@esbuild/linux-x64": "0.18.11",
+                "@esbuild/netbsd-x64": "0.18.11",
+                "@esbuild/openbsd-x64": "0.18.11",
+                "@esbuild/sunos-x64": "0.18.11",
+                "@esbuild/win32-arm64": "0.18.11",
+                "@esbuild/win32-ia32": "0.18.11",
+                "@esbuild/win32-x64": "0.18.11"
+            }
+        },
+        "node_modules/escape-string-regexp": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/escodegen": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+            "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+            "dev": true,
+            "dependencies": {
+                "esprima": "^4.0.1",
+                "estraverse": "^5.2.0",
+                "esutils": "^2.0.2"
+            },
+            "bin": {
+                "escodegen": "bin/escodegen.js",
+                "esgenerate": "bin/esgenerate.js"
+            },
+            "engines": {
+                "node": ">=6.0"
+            },
+            "optionalDependencies": {
+                "source-map": "~0.6.1"
+            }
+        },
+        "node_modules/escodegen/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/eslint": {
+            "version": "8.44.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.44.0.tgz",
+            "integrity": "sha512-0wpHoUbDUHgNCyvFB5aXLiQVfK9B0at6gUvzy83k4kAsQ/u769TQDX6iKC+aO4upIHO9WSaA3QoXYQDHbNwf1A==",
+            "dev": true,
+            "dependencies": {
+                "@eslint-community/eslint-utils": "^4.2.0",
+                "@eslint-community/regexpp": "^4.4.0",
+                "@eslint/eslintrc": "^2.1.0",
+                "@eslint/js": "8.44.0",
+                "@humanwhocodes/config-array": "^0.11.10",
+                "@humanwhocodes/module-importer": "^1.0.1",
+                "@nodelib/fs.walk": "^1.2.8",
+                "ajv": "^6.10.0",
+                "chalk": "^4.0.0",
+                "cross-spawn": "^7.0.2",
+                "debug": "^4.3.2",
+                "doctrine": "^3.0.0",
+                "escape-string-regexp": "^4.0.0",
+                "eslint-scope": "^7.2.0",
+                "eslint-visitor-keys": "^3.4.1",
+                "espree": "^9.6.0",
+                "esquery": "^1.4.2",
+                "esutils": "^2.0.2",
+                "fast-deep-equal": "^3.1.3",
+                "file-entry-cache": "^6.0.1",
+                "find-up": "^5.0.0",
+                "glob-parent": "^6.0.2",
+                "globals": "^13.19.0",
+                "graphemer": "^1.4.0",
+                "ignore": "^5.2.0",
+                "import-fresh": "^3.0.0",
+                "imurmurhash": "^0.1.4",
+                "is-glob": "^4.0.0",
+                "is-path-inside": "^3.0.3",
+                "js-yaml": "^4.1.0",
+                "json-stable-stringify-without-jsonify": "^1.0.1",
+                "levn": "^0.4.1",
+                "lodash.merge": "^4.6.2",
+                "minimatch": "^3.1.2",
+                "natural-compare": "^1.4.0",
+                "optionator": "^0.9.3",
+                "strip-ansi": "^6.0.1",
+                "strip-json-comments": "^3.1.0",
+                "text-table": "^0.2.0"
+            },
+            "bin": {
+                "eslint": "bin/eslint.js"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/eslint-config-prettier": {
+            "version": "8.8.0",
+            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz",
+            "integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==",
+            "dev": true,
+            "bin": {
+                "eslint-config-prettier": "bin/cli.js"
+            },
+            "peerDependencies": {
+                "eslint": ">=7.0.0"
+            }
+        },
+        "node_modules/eslint-plugin-svelte3": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-4.0.0.tgz",
+            "integrity": "sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==",
+            "dev": true,
+            "peerDependencies": {
+                "eslint": ">=8.0.0",
+                "svelte": "^3.2.0"
+            }
+        },
+        "node_modules/eslint-scope": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+            "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+            "dev": true,
+            "dependencies": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^4.1.1"
+            },
+            "engines": {
+                "node": ">=8.0.0"
+            }
+        },
+        "node_modules/eslint-visitor-keys": {
+            "version": "3.4.1",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
+            "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/eslint/node_modules/eslint-scope": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz",
+            "integrity": "sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==",
+            "dev": true,
+            "dependencies": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/eslint/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/esm-env": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz",
+            "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==",
+            "dev": true
+        },
+        "node_modules/espree": {
+            "version": "9.6.0",
+            "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.0.tgz",
+            "integrity": "sha512-1FH/IiruXZ84tpUlm0aCUEwMl2Ho5ilqVh0VvQXw+byAz/4SAciyHLlfmL5WYqsvD38oymdUwBss0LtK8m4s/A==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^8.9.0",
+                "acorn-jsx": "^5.3.2",
+                "eslint-visitor-keys": "^3.4.1"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/esprima": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+            "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+            "dev": true,
+            "bin": {
+                "esparse": "bin/esparse.js",
+                "esvalidate": "bin/esvalidate.js"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/esquery": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+            "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+            "dev": true,
+            "dependencies": {
+                "estraverse": "^5.1.0"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/esquery/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/esrecurse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+            "dev": true,
+            "dependencies": {
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/esrecurse/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/estraverse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+            "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/esutils": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/eventsource-parser": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-1.0.0.tgz",
+            "integrity": "sha512-9jgfSCa3dmEme2ES3mPByGXfgZ87VbP97tng1G2nWwWx6bV2nYxm2AWCrbQjXToSe+yYlqaZNtxffR9IeQr95g==",
+            "engines": {
+                "node": ">=14.18"
+            }
+        },
+        "node_modules/expect": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/expect/-/expect-29.6.1.tgz",
+            "integrity": "sha512-XEdDLonERCU1n9uR56/Stx9OqojaLAQtZf9PrCHH9Hl8YXiEIka3H4NXJ3NOIBmQJTg7+j7buh34PMHfJujc8g==",
+            "dev": true,
+            "dependencies": {
+                "@jest/expect-utils": "^29.6.1",
+                "@types/node": "*",
+                "jest-get-type": "^29.4.3",
+                "jest-matcher-utils": "^29.6.1",
+                "jest-message-util": "^29.6.1",
+                "jest-util": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/fast-deep-equal": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+            "dev": true
+        },
+        "node_modules/fast-glob": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.0.tgz",
+            "integrity": "sha512-ChDuvbOypPuNjO8yIDf36x7BlZX1smcUMTTcyoIjycexOxd6DFsKsg21qVBzEmr3G7fUKIRy2/psii+CIUt7FA==",
+            "dev": true,
+            "dependencies": {
+                "@nodelib/fs.stat": "^2.0.2",
+                "@nodelib/fs.walk": "^1.2.3",
+                "glob-parent": "^5.1.2",
+                "merge2": "^1.3.0",
+                "micromatch": "^4.0.4"
+            },
+            "engines": {
+                "node": ">=8.6.0"
+            }
+        },
+        "node_modules/fast-glob/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dev": true,
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/fast-json-stable-stringify": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+            "dev": true
+        },
+        "node_modules/fast-levenshtein": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+            "dev": true
+        },
+        "node_modules/fastq": {
+            "version": "1.15.0",
+            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+            "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+            "dev": true,
+            "dependencies": {
+                "reusify": "^1.0.4"
+            }
+        },
+        "node_modules/file-entry-cache": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+            "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+            "dev": true,
+            "dependencies": {
+                "flat-cache": "^3.0.4"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            }
+        },
+        "node_modules/fill-range": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+            "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+            "dev": true,
+            "dependencies": {
+                "to-regex-range": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/find-up": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+            "dev": true,
+            "dependencies": {
+                "locate-path": "^6.0.0",
+                "path-exists": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/flat-cache": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+            "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+            "dev": true,
+            "dependencies": {
+                "flatted": "^3.1.0",
+                "rimraf": "^3.0.2"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            }
+        },
+        "node_modules/flatted": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
+            "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
+            "dev": true
+        },
+        "node_modules/for-each": {
+            "version": "0.3.3",
+            "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+            "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+            "dev": true,
+            "dependencies": {
+                "is-callable": "^1.1.3"
+            }
+        },
+        "node_modules/form-data": {
+            "version": "2.5.1",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.5.1.tgz",
+            "integrity": "sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==",
+            "dependencies": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.6",
+                "mime-types": "^2.1.12"
+            },
+            "engines": {
+                "node": ">= 0.12"
+            }
+        },
+        "node_modules/fs.realpath": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+            "dev": true
+        },
+        "node_modules/fsevents": {
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+            "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+            "dev": true,
+            "hasInstallScript": true,
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
+        "node_modules/function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+            "dev": true
+        },
+        "node_modules/functions-have-names": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+            "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/get-func-name": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
+            "integrity": "sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==",
+            "dev": true,
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/get-intrinsic": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+            "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.1",
+                "has": "^1.0.3",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/glob": {
+            "version": "7.2.3",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+            "dev": true,
+            "dependencies": {
+                "fs.realpath": "^1.0.0",
+                "inflight": "^1.0.4",
+                "inherits": "2",
+                "minimatch": "^3.1.1",
+                "once": "^1.3.0",
+                "path-is-absolute": "^1.0.0"
+            },
+            "engines": {
+                "node": "*"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/glob-parent": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+            "dev": true,
+            "dependencies": {
+                "is-glob": "^4.0.3"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/globals": {
+            "version": "13.20.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+            "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+            "dev": true,
+            "dependencies": {
+                "type-fest": "^0.20.2"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/globby": {
+            "version": "11.1.0",
+            "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+            "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+            "dev": true,
+            "dependencies": {
+                "array-union": "^2.1.0",
+                "dir-glob": "^3.0.1",
+                "fast-glob": "^3.2.9",
+                "ignore": "^5.2.0",
+                "merge2": "^1.4.1",
+                "slash": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/gopd": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+            "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.1.3"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/graceful-fs": {
+            "version": "4.2.11",
+            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+            "dev": true
+        },
+        "node_modules/graphemer": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+            "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+            "dev": true
+        },
+        "node_modules/has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/has-bigints": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+            "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/has-property-descriptors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+            "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.1.1"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-symbols": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-tostringtag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+            "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+            "dev": true,
+            "dependencies": {
+                "has-symbols": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/html-encoding-sniffer": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+            "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+            "dev": true,
+            "dependencies": {
+                "whatwg-encoding": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/http-proxy-agent": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+            "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+            "dev": true,
+            "dependencies": {
+                "@tootallnate/once": "2",
+                "agent-base": "6",
+                "debug": "4"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/https-proxy-agent": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+            "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+            "dev": true,
+            "dependencies": {
+                "agent-base": "6",
+                "debug": "4"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "dev": true,
+            "dependencies": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/ignore": {
+            "version": "5.2.4",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+            "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+            "dev": true,
+            "engines": {
+                "node": ">= 4"
+            }
+        },
+        "node_modules/immutable": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz",
+            "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==",
+            "dev": true
+        },
+        "node_modules/import-fresh": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+            "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+            "dev": true,
+            "dependencies": {
+                "parent-module": "^1.0.0",
+                "resolve-from": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/imurmurhash": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.8.19"
+            }
+        },
+        "node_modules/indent-string": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+            "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/inflight": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+            "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+            "dev": true,
+            "dependencies": {
+                "once": "^1.3.0",
+                "wrappy": "1"
+            }
+        },
+        "node_modules/inherits": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+            "dev": true
+        },
+        "node_modules/internal-slot": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+            "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.2.0",
+                "has": "^1.0.3",
+                "side-channel": "^1.0.4"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-arguments": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+            "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-array-buffer": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+            "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.2.0",
+                "is-typed-array": "^1.1.10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-bigint": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+            "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+            "dev": true,
+            "dependencies": {
+                "has-bigints": "^1.0.1"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-binary-path": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+            "dev": true,
+            "dependencies": {
+                "binary-extensions": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/is-boolean-object": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+            "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-callable": {
+            "version": "1.2.7",
+            "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+            "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-date-object": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+            "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+            "dev": true,
+            "dependencies": {
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-extglob": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-fullwidth-code-point": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+            "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/is-glob": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+            "dev": true,
+            "dependencies": {
+                "is-extglob": "^2.1.1"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-map": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+            "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-number": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.12.0"
+            }
+        },
+        "node_modules/is-number-object": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+            "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+            "dev": true,
+            "dependencies": {
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-path-inside": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+            "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/is-potential-custom-element-name": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+            "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+            "dev": true
+        },
+        "node_modules/is-regex": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+            "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-set": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+            "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-shared-array-buffer": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+            "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-string": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+            "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+            "dev": true,
+            "dependencies": {
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-symbol": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+            "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+            "dev": true,
+            "dependencies": {
+                "has-symbols": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-typed-array": {
+            "version": "1.1.10",
+            "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.10.tgz",
+            "integrity": "sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==",
+            "dev": true,
+            "dependencies": {
+                "available-typed-arrays": "^1.0.5",
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "gopd": "^1.0.1",
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-weakmap": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+            "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-weakset": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+            "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.1.1"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/isarray": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+            "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+            "dev": true
+        },
+        "node_modules/isexe": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+            "dev": true
+        },
+        "node_modules/isomorphic-form-data": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isomorphic-form-data/-/isomorphic-form-data-2.0.0.tgz",
+            "integrity": "sha512-TYgVnXWeESVmQSg4GLVbalmQ+B4NPi/H4eWxqALKj63KsUrcu301YDjBqaOw3h+cbak7Na4Xyps3BiptHtxTfg==",
+            "dependencies": {
+                "form-data": "^2.3.2"
+            }
+        },
+        "node_modules/jest-diff": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.6.1.tgz",
+            "integrity": "sha512-FsNCvinvl8oVxpNLttNQX7FAq7vR+gMDGj90tiP7siWw1UdakWUGqrylpsYrpvj908IYckm5Y0Q7azNAozU1Kg==",
+            "dev": true,
+            "dependencies": {
+                "chalk": "^4.0.0",
+                "diff-sequences": "^29.4.3",
+                "jest-get-type": "^29.4.3",
+                "pretty-format": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-diff/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/jest-diff/node_modules/pretty-format": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
+            "integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
+            "dev": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^18.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-diff/node_modules/react-is": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+            "dev": true
+        },
+        "node_modules/jest-get-type": {
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.4.3.tgz",
+            "integrity": "sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==",
+            "dev": true,
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-matcher-utils": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.6.1.tgz",
+            "integrity": "sha512-SLaztw9d2mfQQKHmJXKM0HCbl2PPVld/t9Xa6P9sgiExijviSp7TnZZpw2Fpt+OI3nwUO/slJbOfzfUMKKC5QA==",
+            "dev": true,
+            "dependencies": {
+                "chalk": "^4.0.0",
+                "jest-diff": "^29.6.1",
+                "jest-get-type": "^29.4.3",
+                "pretty-format": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-matcher-utils/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/jest-matcher-utils/node_modules/pretty-format": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
+            "integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
+            "dev": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^18.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-matcher-utils/node_modules/react-is": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+            "dev": true
+        },
+        "node_modules/jest-message-util": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.6.1.tgz",
+            "integrity": "sha512-KoAW2zAmNSd3Gk88uJ56qXUWbFk787QKmjjJVOjtGFmmGSZgDBrlIL4AfQw1xyMYPNVD7dNInfIbur9B2rd/wQ==",
+            "dev": true,
+            "dependencies": {
+                "@babel/code-frame": "^7.12.13",
+                "@jest/types": "^29.6.1",
+                "@types/stack-utils": "^2.0.0",
+                "chalk": "^4.0.0",
+                "graceful-fs": "^4.2.9",
+                "micromatch": "^4.0.4",
+                "pretty-format": "^29.6.1",
+                "slash": "^3.0.0",
+                "stack-utils": "^2.0.3"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-message-util/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/jest-message-util/node_modules/pretty-format": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
+            "integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
+            "dev": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^18.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-message-util/node_modules/react-is": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+            "dev": true
+        },
+        "node_modules/jest-util": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.6.1.tgz",
+            "integrity": "sha512-NRFCcjc+/uO3ijUVyNOQJluf8PtGCe/W6cix36+M3cTFgiYqFOOW5MgN4JOOcvbUhcKTYVd1CvHz/LWi8d16Mg==",
+            "dev": true,
+            "dependencies": {
+                "@jest/types": "^29.6.1",
+                "@types/node": "*",
+                "chalk": "^4.0.0",
+                "ci-info": "^3.2.0",
+                "graceful-fs": "^4.2.9",
+                "picomatch": "^2.2.3"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/js-tokens": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+            "dev": true
+        },
+        "node_modules/js-yaml": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+            "dev": true,
+            "dependencies": {
+                "argparse": "^2.0.1"
+            },
+            "bin": {
+                "js-yaml": "bin/js-yaml.js"
+            }
+        },
+        "node_modules/jsdom": {
+            "version": "21.1.2",
+            "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-21.1.2.tgz",
+            "integrity": "sha512-sCpFmK2jv+1sjff4u7fzft+pUh2KSUbUrEHYHyfSIbGTIcmnjyp83qg6qLwdJ/I3LpTXx33ACxeRL7Lsyc6lGQ==",
+            "dev": true,
+            "dependencies": {
+                "abab": "^2.0.6",
+                "acorn": "^8.8.2",
+                "acorn-globals": "^7.0.0",
+                "cssstyle": "^3.0.0",
+                "data-urls": "^4.0.0",
+                "decimal.js": "^10.4.3",
+                "domexception": "^4.0.0",
+                "escodegen": "^2.0.0",
+                "form-data": "^4.0.0",
+                "html-encoding-sniffer": "^3.0.0",
+                "http-proxy-agent": "^5.0.0",
+                "https-proxy-agent": "^5.0.1",
+                "is-potential-custom-element-name": "^1.0.1",
+                "nwsapi": "^2.2.4",
+                "parse5": "^7.1.2",
+                "rrweb-cssom": "^0.6.0",
+                "saxes": "^6.0.0",
+                "symbol-tree": "^3.2.4",
+                "tough-cookie": "^4.1.2",
+                "w3c-xmlserializer": "^4.0.0",
+                "webidl-conversions": "^7.0.0",
+                "whatwg-encoding": "^2.0.0",
+                "whatwg-mimetype": "^3.0.0",
+                "whatwg-url": "^12.0.1",
+                "ws": "^8.13.0",
+                "xml-name-validator": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "peerDependencies": {
+                "canvas": "^2.5.0"
+            },
+            "peerDependenciesMeta": {
+                "canvas": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/jsdom/node_modules/form-data": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+            "dev": true,
+            "dependencies": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "mime-types": "^2.1.12"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/json-schema-traverse": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+            "dev": true
+        },
+        "node_modules/json-stable-stringify-without-jsonify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+            "dev": true
+        },
+        "node_modules/jsonc-parser": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
+            "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
+            "dev": true
+        },
+        "node_modules/kleur": {
+            "version": "4.1.5",
+            "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+            "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/levn": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+            "dev": true,
+            "dependencies": {
+                "prelude-ls": "^1.2.1",
+                "type-check": "~0.4.0"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/local-pkg": {
+            "version": "0.4.3",
+            "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
+            "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
+            "dev": true,
+            "engines": {
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/locate-path": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+            "dev": true,
+            "dependencies": {
+                "p-locate": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "dev": true
+        },
+        "node_modules/lodash.merge": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+            "dev": true
+        },
+        "node_modules/logrocket": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/logrocket/-/logrocket-3.0.1.tgz",
+            "integrity": "sha512-jOWG+jEzobKVxGytzZ+4KGm2kiMQMRTHab2uDWQyVZcHfEF38BlCH1yjQVY4LCmuQUwZitP9biMzJZnyUQ0dtQ=="
+        },
+        "node_modules/loupe": {
+            "version": "2.3.6",
+            "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.6.tgz",
+            "integrity": "sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==",
+            "dev": true,
+            "dependencies": {
+                "get-func-name": "^2.0.0"
+            }
+        },
+        "node_modules/lru-cache": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+            "dev": true,
+            "dependencies": {
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/lz-string": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+            "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+            "dev": true,
+            "bin": {
+                "lz-string": "bin/bin.js"
+            }
+        },
+        "node_modules/magic-string": {
+            "version": "0.30.1",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.1.tgz",
+            "integrity": "sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.4.15"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/merge2": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/micromatch": {
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+            "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+            "dev": true,
+            "dependencies": {
+                "braces": "^3.0.2",
+                "picomatch": "^2.3.1"
+            },
+            "engines": {
+                "node": ">=8.6"
+            }
+        },
+        "node_modules/mime": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
+            "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
+            "dev": true,
+            "bin": {
+                "mime": "cli.js"
+            },
+            "engines": {
+                "node": ">=10.0.0"
+            }
+        },
+        "node_modules/mime-db": {
+            "version": "1.52.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/mime-types": {
+            "version": "2.1.35",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "dependencies": {
+                "mime-db": "1.52.0"
+            },
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/min-indent": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+            "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/minimatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+            "dev": true,
+            "dependencies": {
+                "brace-expansion": "^1.1.7"
+            },
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/mkdirp": {
+            "version": "0.5.6",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+            "dev": true,
+            "dependencies": {
+                "minimist": "^1.2.6"
+            },
+            "bin": {
+                "mkdirp": "bin/cmd.js"
+            }
+        },
+        "node_modules/mlly": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.4.0.tgz",
+            "integrity": "sha512-ua8PAThnTwpprIaU47EPeZ/bPUVp2QYBbWMphUQpVdBI3Lgqzm5KZQ45Agm3YJedHXaIHl6pBGabaLSUPPSptg==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^8.9.0",
+                "pathe": "^1.1.1",
+                "pkg-types": "^1.0.3",
+                "ufo": "^1.1.2"
+            }
+        },
+        "node_modules/mri": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+            "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/mrmime": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
+            "integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/ms": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+            "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+            "dev": true
+        },
+        "node_modules/nanoid": {
+            "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+            "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/natural-compare": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+            "dev": true
+        },
+        "node_modules/natural-compare-lite": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+            "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+            "dev": true
+        },
+        "node_modules/node-fetch": {
+            "version": "2.6.7",
+            "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
+            "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
+            "dependencies": {
+                "whatwg-url": "^5.0.0"
+            },
+            "engines": {
+                "node": "4.x || >=6.0.0"
+            },
+            "peerDependencies": {
+                "encoding": "^0.1.0"
+            },
+            "peerDependenciesMeta": {
+                "encoding": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/node-fetch/node_modules/tr46": {
+            "version": "0.0.3",
+            "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+            "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+        },
+        "node_modules/node-fetch/node_modules/webidl-conversions": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+            "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+        },
+        "node_modules/node-fetch/node_modules/whatwg-url": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+            "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+            "dependencies": {
+                "tr46": "~0.0.3",
+                "webidl-conversions": "^3.0.0"
+            }
+        },
+        "node_modules/normalize-path": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/normalize.css": {
+            "version": "8.0.1",
+            "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
+            "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
+        },
+        "node_modules/nwsapi": {
+            "version": "2.2.7",
+            "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
+            "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==",
+            "dev": true
+        },
+        "node_modules/object-inspect": {
+            "version": "1.12.3",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/object-is": {
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+            "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/object-keys": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+            "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/object.assign": {
+            "version": "4.1.4",
+            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+            "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "has-symbols": "^1.0.3",
+                "object-keys": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/once": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+            "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+            "dev": true,
+            "dependencies": {
+                "wrappy": "1"
+            }
+        },
+        "node_modules/optionator": {
+            "version": "0.9.3",
+            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+            "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+            "dev": true,
+            "dependencies": {
+                "@aashutoshrathi/word-wrap": "^1.2.3",
+                "deep-is": "^0.1.3",
+                "fast-levenshtein": "^2.0.6",
+                "levn": "^0.4.1",
+                "prelude-ls": "^1.2.1",
+                "type-check": "^0.4.0"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/os-shim": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/os-shim/-/os-shim-0.1.3.tgz",
+            "integrity": "sha512-jd0cvB8qQ5uVt0lvCIexBaROw1KyKm5sbulg2fWOHjETisuCzWyt+eTZKEMs8v6HwzoGs8xik26jg7eCM6pS+A==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/p-limit": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+            "dev": true,
+            "dependencies": {
+                "yocto-queue": "^0.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/p-locate": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+            "dev": true,
+            "dependencies": {
+                "p-limit": "^3.0.2"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/parent-module": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+            "dev": true,
+            "dependencies": {
+                "callsites": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/parse5": {
+            "version": "7.1.2",
+            "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
+            "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
+            "dev": true,
+            "dependencies": {
+                "entities": "^4.4.0"
+            },
+            "funding": {
+                "url": "https://github.com/inikulin/parse5?sponsor=1"
+            }
+        },
+        "node_modules/path-exists": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/path-is-absolute": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/path-key": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/path-type": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+            "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/pathe": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
+            "integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==",
+            "dev": true
+        },
+        "node_modules/pathval": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
+            "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==",
+            "dev": true,
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/picocolors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+            "dev": true
+        },
+        "node_modules/picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "dev": true,
+            "engines": {
+                "node": ">=8.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/pkg-types": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.3.tgz",
+            "integrity": "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==",
+            "dev": true,
+            "dependencies": {
+                "jsonc-parser": "^3.2.0",
+                "mlly": "^1.2.0",
+                "pathe": "^1.1.0"
+            }
+        },
+        "node_modules/playwright-core": {
+            "version": "1.35.1",
+            "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.35.1.tgz",
+            "integrity": "sha512-pNXb6CQ7OqmGDRspEjlxE49w+4YtR6a3X6mT1hZXeJHWmsEz7SunmvZeiG/+y1yyMZdHnnn73WKYdtV1er0Xyg==",
+            "dev": true,
+            "bin": {
+                "playwright-core": "cli.js"
+            },
+            "engines": {
+                "node": ">=16"
+            }
+        },
+        "node_modules/postcss": {
+            "version": "8.4.25",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.25.tgz",
+            "integrity": "sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "dependencies": {
+                "nanoid": "^3.3.6",
+                "picocolors": "^1.0.0",
+                "source-map-js": "^1.0.2"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/pre-commit": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/pre-commit/-/pre-commit-1.2.2.tgz",
+            "integrity": "sha512-qokTiqxD6GjODy5ETAIgzsRgnBWWQHQH2ghy86PU7mIn/wuWeTwF3otyNQZxWBwVn8XNr8Tdzj/QfUXpH+gRZA==",
+            "dev": true,
+            "hasInstallScript": true,
+            "dependencies": {
+                "cross-spawn": "^5.0.1",
+                "spawn-sync": "^1.0.15",
+                "which": "1.2.x"
+            }
+        },
+        "node_modules/pre-commit/node_modules/cross-spawn": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+            "integrity": "sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==",
+            "dev": true,
+            "dependencies": {
+                "lru-cache": "^4.0.1",
+                "shebang-command": "^1.2.0",
+                "which": "^1.2.9"
+            }
+        },
+        "node_modules/pre-commit/node_modules/lru-cache": {
+            "version": "4.1.5",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+            "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+            "dev": true,
+            "dependencies": {
+                "pseudomap": "^1.0.2",
+                "yallist": "^2.1.2"
+            }
+        },
+        "node_modules/pre-commit/node_modules/shebang-command": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+            "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+            "dev": true,
+            "dependencies": {
+                "shebang-regex": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/pre-commit/node_modules/shebang-regex": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+            "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/pre-commit/node_modules/which": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/which/-/which-1.2.14.tgz",
+            "integrity": "sha512-16uPglFkRPzgiUXYMi1Jf8Z5EzN1iB4V0ZtMXcHZnwsBtQhhHeCqoWw7tsUY42hJGNDWtUsVLTjakIa5BgAxCw==",
+            "dev": true,
+            "dependencies": {
+                "isexe": "^2.0.0"
+            },
+            "bin": {
+                "which": "bin/which"
+            }
+        },
+        "node_modules/pre-commit/node_modules/yallist": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+            "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
+            "dev": true
+        },
+        "node_modules/prelude-ls": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/prettier": {
+            "version": "2.8.8",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+            "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+            "dev": true,
+            "bin": {
+                "prettier": "bin-prettier.js"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            },
+            "funding": {
+                "url": "https://github.com/prettier/prettier?sponsor=1"
+            }
+        },
+        "node_modules/prettier-plugin-svelte": {
+            "version": "2.10.1",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.10.1.tgz",
+            "integrity": "sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==",
+            "dev": true,
+            "peerDependencies": {
+                "prettier": "^1.16.4 || ^2.0.0",
+                "svelte": "^3.2.0 || ^4.0.0-next.0"
+            }
+        },
+        "node_modules/pretty-bytes": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-6.1.0.tgz",
+            "integrity": "sha512-Rk753HI8f4uivXi4ZCIYdhmG1V+WKzvRMg/X+M42a6t7D07RcmopXJMDNk6N++7Bl75URRGsb40ruvg7Hcp2wQ==",
+            "engines": {
+                "node": "^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/pretty-format": {
+            "version": "27.5.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+            "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-regex": "^5.0.1",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^17.0.1"
+            },
+            "engines": {
+                "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+            }
+        },
+        "node_modules/pretty-format/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/prismjs": {
+            "version": "1.29.0",
+            "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
+            "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/process-nextick-args": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+            "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+            "dev": true
+        },
+        "node_modules/pseudomap": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+            "integrity": "sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==",
+            "dev": true
+        },
+        "node_modules/psl": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
+            "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
+            "dev": true
+        },
+        "node_modules/punycode": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+            "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/querystringify": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+            "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+            "dev": true
+        },
+        "node_modules/queue-microtask": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ]
+        },
+        "node_modules/react-is": {
+            "version": "17.0.2",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+            "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+            "dev": true
+        },
+        "node_modules/readable-stream": {
+            "version": "2.3.8",
+            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+            "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+            "dev": true,
+            "dependencies": {
+                "core-util-is": "~1.0.0",
+                "inherits": "~2.0.3",
+                "isarray": "~1.0.0",
+                "process-nextick-args": "~2.0.0",
+                "safe-buffer": "~5.1.1",
+                "string_decoder": "~1.1.1",
+                "util-deprecate": "~1.0.1"
+            }
+        },
+        "node_modules/readable-stream/node_modules/isarray": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+            "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+            "dev": true
+        },
+        "node_modules/readdirp": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+            "dev": true,
+            "dependencies": {
+                "picomatch": "^2.2.1"
+            },
+            "engines": {
+                "node": ">=8.10.0"
+            }
+        },
+        "node_modules/redent": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+            "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+            "dev": true,
+            "dependencies": {
+                "indent-string": "^4.0.0",
+                "strip-indent": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/regenerator-runtime": {
+            "version": "0.13.11",
+            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+            "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+            "dev": true
+        },
+        "node_modules/regexp.prototype.flags": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz",
+            "integrity": "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "functions-have-names": "^1.2.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/requires-port": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+            "dev": true
+        },
+        "node_modules/resolve-from": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/reusify": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+            "dev": true,
+            "engines": {
+                "iojs": ">=1.0.0",
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/rimraf": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+            "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+            "dev": true,
+            "dependencies": {
+                "glob": "^7.1.3"
+            },
+            "bin": {
+                "rimraf": "bin.js"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/rollup": {
+            "version": "3.26.2",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.26.2.tgz",
+            "integrity": "sha512-6umBIGVz93er97pMgQO08LuH3m6PUb3jlDUUGFsNJB6VgTCUaDFpupf5JfU30529m/UKOgmiX+uY6Sx8cOYpLA==",
+            "dev": true,
+            "bin": {
+                "rollup": "dist/bin/rollup"
+            },
+            "engines": {
+                "node": ">=14.18.0",
+                "npm": ">=8.0.0"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/rrweb-cssom": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
+            "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==",
+            "dev": true
+        },
+        "node_modules/run-parallel": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "dependencies": {
+                "queue-microtask": "^1.2.2"
+            }
+        },
+        "node_modules/sade": {
+            "version": "1.8.1",
+            "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+            "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+            "dev": true,
+            "dependencies": {
+                "mri": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/safe-buffer": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+            "dev": true
+        },
+        "node_modules/safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+            "dev": true
+        },
+        "node_modules/sander": {
+            "version": "0.5.1",
+            "resolved": "https://registry.npmjs.org/sander/-/sander-0.5.1.tgz",
+            "integrity": "sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==",
+            "dev": true,
+            "dependencies": {
+                "es6-promise": "^3.1.2",
+                "graceful-fs": "^4.1.3",
+                "mkdirp": "^0.5.1",
+                "rimraf": "^2.5.2"
+            }
+        },
+        "node_modules/sander/node_modules/rimraf": {
+            "version": "2.7.1",
+            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+            "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+            "dev": true,
+            "dependencies": {
+                "glob": "^7.1.3"
+            },
+            "bin": {
+                "rimraf": "bin.js"
+            }
+        },
+        "node_modules/sass": {
+            "version": "1.63.6",
+            "resolved": "https://registry.npmjs.org/sass/-/sass-1.63.6.tgz",
+            "integrity": "sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==",
+            "dev": true,
+            "dependencies": {
+                "chokidar": ">=3.0.0 <4.0.0",
+                "immutable": "^4.0.0",
+                "source-map-js": ">=0.6.2 <2.0.0"
+            },
+            "bin": {
+                "sass": "sass.js"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "node_modules/saxes": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+            "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+            "dev": true,
+            "dependencies": {
+                "xmlchars": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=v12.22.7"
+            }
+        },
+        "node_modules/semver": {
+            "version": "7.5.4",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+            "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+            "dev": true,
+            "dependencies": {
+                "lru-cache": "^6.0.0"
+            },
+            "bin": {
+                "semver": "bin/semver.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/set-cookie-parser": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
+            "integrity": "sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==",
+            "dev": true
+        },
+        "node_modules/shebang-command": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+            "dev": true,
+            "dependencies": {
+                "shebang-regex": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/shebang-regex": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/side-channel": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.0",
+                "get-intrinsic": "^1.0.2",
+                "object-inspect": "^1.9.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/siginfo": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+            "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+            "dev": true
+        },
+        "node_modules/sirv": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz",
+            "integrity": "sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==",
+            "dev": true,
+            "dependencies": {
+                "@polka/url": "^1.0.0-next.20",
+                "mrmime": "^1.0.0",
+                "totalist": "^3.0.0"
+            },
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/slash": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+            "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/slice-ansi": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
+            "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^6.0.0",
+                "is-fullwidth-code-point": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+            }
+        },
+        "node_modules/slice-ansi/node_modules/ansi-styles": {
+            "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/sorcery": {
+            "version": "0.11.0",
+            "resolved": "https://registry.npmjs.org/sorcery/-/sorcery-0.11.0.tgz",
+            "integrity": "sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.4.14",
+                "buffer-crc32": "^0.2.5",
+                "minimist": "^1.2.0",
+                "sander": "^0.5.0"
+            },
+            "bin": {
+                "sorcery": "bin/sorcery"
+            }
+        },
+        "node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/source-map-js": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/spawn-sync": {
+            "version": "1.0.15",
+            "resolved": "https://registry.npmjs.org/spawn-sync/-/spawn-sync-1.0.15.tgz",
+            "integrity": "sha512-9DWBgrgYZzNghseho0JOuh+5fg9u6QWhAWa51QC7+U5rCheZ/j1DrEZnyE0RBBRqZ9uEXGPgSSM0nky6burpVw==",
+            "dev": true,
+            "hasInstallScript": true,
+            "dependencies": {
+                "concat-stream": "^1.4.7",
+                "os-shim": "^0.1.2"
+            }
+        },
+        "node_modules/sswr": {
+            "version": "1.11.0",
+            "resolved": "https://registry.npmjs.org/sswr/-/sswr-1.11.0.tgz",
+            "integrity": "sha512-D7nEdEH0A1TKZjA1wRP6frxw/dtTCuV70EK5/pELP+FrcPmyaP8jLC49mrg86Ez5cb5z3NQb2MPx2M7ZZlSupQ==",
+            "dependencies": {
+                "swrev": "^3.0.0"
+            },
+            "peerDependencies": {
+                "svelte": "^4.0.0"
+            }
+        },
+        "node_modules/stack-utils": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
+            "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+            "dev": true,
+            "dependencies": {
+                "escape-string-regexp": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/stack-utils/node_modules/escape-string-regexp": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+            "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/stackback": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+            "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+            "dev": true
+        },
+        "node_modules/std-env": {
+            "version": "3.3.3",
+            "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.3.3.tgz",
+            "integrity": "sha512-Rz6yejtVyWnVjC1RFvNmYL10kgjC49EOghxWn0RFqlCHGFpQx+Xe7yW3I4ceK1SGrWIGMjD5Kbue8W/udkbMJg==",
+            "dev": true
+        },
+        "node_modules/stop-iteration-iterator": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
+            "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
+            "dev": true,
+            "dependencies": {
+                "internal-slot": "^1.0.4"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/streamsearch": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+            "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+            "dev": true,
+            "engines": {
+                "node": ">=10.0.0"
+            }
+        },
+        "node_modules/string_decoder": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+            "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+            "dev": true,
+            "dependencies": {
+                "safe-buffer": "~5.1.0"
+            }
+        },
+        "node_modules/string-width": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+            "dev": true,
+            "dependencies": {
+                "eastasianwidth": "^0.2.0",
+                "emoji-regex": "^9.2.2",
+                "strip-ansi": "^7.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/string-width/node_modules/ansi-regex": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+            "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+            }
+        },
+        "node_modules/string-width/node_modules/strip-ansi": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-regex": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+            }
+        },
+        "node_modules/strip-ansi": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "dev": true,
+            "dependencies": {
+                "ansi-regex": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/strip-indent": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+            "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+            "dev": true,
+            "dependencies": {
+                "min-indent": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/strip-json-comments": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/strip-literal": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.0.1.tgz",
+            "integrity": "sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^8.8.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dev": true,
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/svelte": {
+            "version": "3.59.2",
+            "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.59.2.tgz",
+            "integrity": "sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/svelte-check": {
+            "version": "3.4.5",
+            "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-3.4.5.tgz",
+            "integrity": "sha512-FsD/CUVdEI0F9sfylh1Fe15kDjvvbyBxzDpACPsdq0EASgaZukBXaMXofpxlgmWsgVET3OynMQlbtUQoWCz9Rw==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/trace-mapping": "^0.3.17",
+                "chokidar": "^3.4.1",
+                "fast-glob": "^3.2.7",
+                "import-fresh": "^3.2.1",
+                "picocolors": "^1.0.0",
+                "sade": "^1.7.4",
+                "svelte-preprocess": "^5.0.3",
+                "typescript": "^5.0.3"
+            },
+            "bin": {
+                "svelte-check": "bin/svelte-check"
+            },
+            "peerDependencies": {
+                "svelte": "^3.55.0 || ^4.0.0-next.0 || ^4.0.0"
+            }
+        },
+        "node_modules/svelte-hmr": {
+            "version": "0.15.2",
+            "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.2.tgz",
+            "integrity": "sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==",
+            "dev": true,
+            "engines": {
+                "node": "^12.20 || ^14.13.1 || >= 16"
+            },
+            "peerDependencies": {
+                "svelte": "^3.19.0 || ^4.0.0-next.0"
+            }
+        },
+        "node_modules/svelte-jester": {
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/svelte-jester/-/svelte-jester-2.3.2.tgz",
+            "integrity": "sha512-JtxSz4FWAaCRBXbPsh4LcDs4Ua7zdXgLC0TZvT1R56hRV0dymmNP+abw67DTPF7sQPyNxWsOKd0Sl7Q8SnP8kg==",
+            "dev": true,
+            "engines": {
+                "node": ">=14"
+            },
+            "peerDependencies": {
+                "jest": ">= 27",
+                "svelte": ">= 3"
+            }
+        },
+        "node_modules/svelte-preprocess": {
+            "version": "5.0.4",
+            "resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz",
+            "integrity": "sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==",
+            "dev": true,
+            "hasInstallScript": true,
+            "dependencies": {
+                "@types/pug": "^2.0.6",
+                "detect-indent": "^6.1.0",
+                "magic-string": "^0.27.0",
+                "sorcery": "^0.11.0",
+                "strip-indent": "^3.0.0"
+            },
+            "engines": {
+                "node": ">= 14.10.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.10.2",
+                "coffeescript": "^2.5.1",
+                "less": "^3.11.3 || ^4.0.0",
+                "postcss": "^7 || ^8",
+                "postcss-load-config": "^2.1.0 || ^3.0.0 || ^4.0.0",
+                "pug": "^3.0.0",
+                "sass": "^1.26.8",
+                "stylus": "^0.55.0",
+                "sugarss": "^2.0.0 || ^3.0.0 || ^4.0.0",
+                "svelte": "^3.23.0 || ^4.0.0-next.0 || ^4.0.0",
+                "typescript": ">=3.9.5 || ^4.0.0 || ^5.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@babel/core": {
+                    "optional": true
+                },
+                "coffeescript": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "postcss": {
+                    "optional": true
+                },
+                "postcss-load-config": {
+                    "optional": true
+                },
+                "pug": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/svelte-preprocess/node_modules/magic-string": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+            "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.4.13"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/swr": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/swr/-/swr-2.1.5.tgz",
+            "integrity": "sha512-/OhfZMcEpuz77KavXST5q6XE9nrOBOVcBLWjMT+oAE/kQHyE3PASrevXCtQDZ8aamntOfFkbVJp7Il9tNBQWrw==",
+            "dependencies": {
+                "use-sync-external-store": "^1.2.0"
+            },
+            "peerDependencies": {
+                "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
+            }
+        },
+        "node_modules/swrev": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/swrev/-/swrev-3.0.0.tgz",
+            "integrity": "sha512-QJuZiptdOmbDY45pECBRVEgnoBlOKjeT2MWVz04wKHpWX15hM3P7EjcIbHDg5yLoPCMQ7to3349MEE+l9QF5HA=="
+        },
+        "node_modules/swrv": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/swrv/-/swrv-1.0.3.tgz",
+            "integrity": "sha512-sl+eLEE+aPPjhP1E8gQ75q3RPRyw5Gd/kROnrTFo3+LkCeLskv7F+uAl5W97wgJkzitobL6FLsRPVm0DgIgN8A==",
+            "peerDependencies": {
+                "vue": ">=3.2.26 < 4"
+            }
+        },
+        "node_modules/symbol-tree": {
+            "version": "3.2.4",
+            "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+            "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+            "dev": true
+        },
+        "node_modules/text-table": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+            "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+            "dev": true
+        },
+        "node_modules/the-new-css-reset": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/the-new-css-reset/-/the-new-css-reset-1.9.0.tgz",
+            "integrity": "sha512-bKM9xgiVFTqSuWle952Xu/YWE7qYMzPHWxerO0edxjBfPIm2T4k2tRpIJ45IU7knY35Jr6Fb5P/TVm2RIsB//Q=="
+        },
+        "node_modules/tinybench": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.5.0.tgz",
+            "integrity": "sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==",
+            "dev": true
+        },
+        "node_modules/tinypool": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.4.0.tgz",
+            "integrity": "sha512-2ksntHOKf893wSAH4z/+JbPpi92esw8Gn9N2deXX+B0EO92hexAVI9GIZZPx7P5aYo5KULfeOSt3kMOmSOy6uA==",
+            "dev": true,
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "node_modules/tinyspy": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-1.1.1.tgz",
+            "integrity": "sha512-UVq5AXt/gQlti7oxoIg5oi/9r0WpF7DGEVwXgqWSMmyN16+e3tl5lIvTaOpJ3TAtu5xFzWccFRM4R5NaWHF+4g==",
+            "dev": true,
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "node_modules/tippy.js": {
+            "version": "6.3.7",
+            "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
+            "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
+            "dependencies": {
+                "@popperjs/core": "^2.9.0"
+            }
+        },
+        "node_modules/to-regex-range": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+            "dev": true,
+            "dependencies": {
+                "is-number": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=8.0"
+            }
+        },
+        "node_modules/totalist": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+            "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/tough-cookie": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
+            "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
+            "dev": true,
+            "dependencies": {
+                "psl": "^1.1.33",
+                "punycode": "^2.1.1",
+                "universalify": "^0.2.0",
+                "url-parse": "^1.5.3"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/tr46": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
+            "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
+            "dev": true,
+            "dependencies": {
+                "punycode": "^2.3.0"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/tslib": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
+            "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA=="
+        },
+        "node_modules/tsutils": {
+            "version": "3.21.0",
+            "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+            "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+            "dev": true,
+            "dependencies": {
+                "tslib": "^1.8.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            },
+            "peerDependencies": {
+                "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+            }
+        },
+        "node_modules/tsutils/node_modules/tslib": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+            "dev": true
+        },
+        "node_modules/type-check": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+            "dev": true,
+            "dependencies": {
+                "prelude-ls": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/type-detect": {
+            "version": "4.0.8",
+            "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+            "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/type-fest": {
+            "version": "0.20.2",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/typedarray": {
+            "version": "0.0.6",
+            "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+            "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
+            "dev": true
+        },
+        "node_modules/typescript": {
+            "version": "5.1.6",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
+            "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
+            "dev": true,
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=14.17"
+            }
+        },
+        "node_modules/ufo": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.2.tgz",
+            "integrity": "sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==",
+            "dev": true
+        },
+        "node_modules/undici": {
+            "version": "5.22.1",
+            "resolved": "https://registry.npmjs.org/undici/-/undici-5.22.1.tgz",
+            "integrity": "sha512-Ji2IJhFXZY0x/0tVBXeQwgPlLWw13GVzpsWPQ3rV50IFMMof2I55PZZxtm4P6iNq+L5znYN9nSTAq0ZyE6lSJw==",
+            "dev": true,
+            "dependencies": {
+                "busboy": "^1.6.0"
+            },
+            "engines": {
+                "node": ">=14.0"
+            }
+        },
+        "node_modules/universalify": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+            "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 4.0.0"
+            }
+        },
+        "node_modules/uri-js": {
+            "version": "4.4.1",
+            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+            "dev": true,
+            "dependencies": {
+                "punycode": "^2.1.0"
+            }
+        },
+        "node_modules/url-parse": {
+            "version": "1.5.10",
+            "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+            "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+            "dev": true,
+            "dependencies": {
+                "querystringify": "^2.1.1",
+                "requires-port": "^1.0.0"
+            }
+        },
+        "node_modules/use-sync-external-store": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
+            "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
+            "peerDependencies": {
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+            }
+        },
+        "node_modules/util-deprecate": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+            "dev": true
+        },
+        "node_modules/vite": {
+            "version": "4.4.2",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.2.tgz",
+            "integrity": "sha512-zUcsJN+UvdSyHhYa277UHhiJ3iq4hUBwHavOpsNUGsTgjBeoBlK8eDt+iT09pBq0h9/knhG/SPrZiM7cGmg7NA==",
+            "dev": true,
+            "dependencies": {
+                "esbuild": "^0.18.10",
+                "postcss": "^8.4.24",
+                "rollup": "^3.25.2"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
+            "engines": {
+                "node": "^14.18.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/vitejs/vite?sponsor=1"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            },
+            "peerDependencies": {
+                "@types/node": ">= 14",
+                "less": "*",
+                "lightningcss": "^1.21.0",
+                "sass": "*",
+                "stylus": "*",
+                "sugarss": "*",
+                "terser": "^5.4.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "lightningcss": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vite-node": {
+            "version": "0.29.8",
+            "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.29.8.tgz",
+            "integrity": "sha512-b6OtCXfk65L6SElVM20q5G546yu10/kNrhg08afEoWlFRJXFq9/6glsvSVY+aI6YeC1tu2TtAqI2jHEQmOmsFw==",
+            "dev": true,
+            "dependencies": {
+                "cac": "^6.7.14",
+                "debug": "^4.3.4",
+                "mlly": "^1.1.0",
+                "pathe": "^1.1.0",
+                "picocolors": "^1.0.0",
+                "vite": "^3.0.0 || ^4.0.0"
+            },
+            "bin": {
+                "vite-node": "vite-node.mjs"
+            },
+            "engines": {
+                "node": ">=v14.16.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/vitefu": {
+            "version": "0.2.4",
+            "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz",
+            "integrity": "sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==",
+            "dev": true,
+            "peerDependencies": {
+                "vite": "^3.0.0 || ^4.0.0"
+            },
+            "peerDependenciesMeta": {
+                "vite": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vitest": {
+            "version": "0.29.8",
+            "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.29.8.tgz",
+            "integrity": "sha512-JIAVi2GK5cvA6awGpH0HvH/gEG9PZ0a/WoxdiV3PmqK+3CjQMf8c+J/Vhv4mdZ2nRyXFw66sAg6qz7VNkaHfDQ==",
+            "dev": true,
+            "dependencies": {
+                "@types/chai": "^4.3.4",
+                "@types/chai-subset": "^1.3.3",
+                "@types/node": "*",
+                "@vitest/expect": "0.29.8",
+                "@vitest/runner": "0.29.8",
+                "@vitest/spy": "0.29.8",
+                "@vitest/utils": "0.29.8",
+                "acorn": "^8.8.1",
+                "acorn-walk": "^8.2.0",
+                "cac": "^6.7.14",
+                "chai": "^4.3.7",
+                "debug": "^4.3.4",
+                "local-pkg": "^0.4.2",
+                "pathe": "^1.1.0",
+                "picocolors": "^1.0.0",
+                "source-map": "^0.6.1",
+                "std-env": "^3.3.1",
+                "strip-literal": "^1.0.0",
+                "tinybench": "^2.3.1",
+                "tinypool": "^0.4.0",
+                "tinyspy": "^1.0.2",
+                "vite": "^3.0.0 || ^4.0.0",
+                "vite-node": "0.29.8",
+                "why-is-node-running": "^2.2.2"
+            },
+            "bin": {
+                "vitest": "vitest.mjs"
+            },
+            "engines": {
+                "node": ">=v14.16.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "@edge-runtime/vm": "*",
+                "@vitest/browser": "*",
+                "@vitest/ui": "*",
+                "happy-dom": "*",
+                "jsdom": "*",
+                "playwright": "*",
+                "safaridriver": "*",
+                "webdriverio": "*"
+            },
+            "peerDependenciesMeta": {
+                "@edge-runtime/vm": {
+                    "optional": true
+                },
+                "@vitest/browser": {
+                    "optional": true
+                },
+                "@vitest/ui": {
+                    "optional": true
+                },
+                "happy-dom": {
+                    "optional": true
+                },
+                "jsdom": {
+                    "optional": true
+                },
+                "playwright": {
+                    "optional": true
+                },
+                "safaridriver": {
+                    "optional": true
+                },
+                "webdriverio": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/w3c-xmlserializer": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
+            "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
+            "dev": true,
+            "dependencies": {
+                "xml-name-validator": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/web-vitals": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-3.3.2.tgz",
+            "integrity": "sha512-qRkpmSeKfEWAzNhtX541xA8gCJ+pqCqBmUlDVkVDSCSYUvfvNqF+k9g8I+uyreRcDBdfiJrd0/aLbTy5ydo49Q=="
+        },
+        "node_modules/webidl-conversions": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+            "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/whatwg-encoding": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+            "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+            "dev": true,
+            "dependencies": {
+                "iconv-lite": "0.6.3"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/whatwg-mimetype": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+            "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/whatwg-url": {
+            "version": "12.0.1",
+            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz",
+            "integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==",
+            "dev": true,
+            "dependencies": {
+                "tr46": "^4.1.1",
+                "webidl-conversions": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/which": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+            "dev": true,
+            "dependencies": {
+                "isexe": "^2.0.0"
+            },
+            "bin": {
+                "node-which": "bin/node-which"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/which-boxed-primitive": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+            "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+            "dev": true,
+            "dependencies": {
+                "is-bigint": "^1.0.1",
+                "is-boolean-object": "^1.1.0",
+                "is-number-object": "^1.0.4",
+                "is-string": "^1.0.5",
+                "is-symbol": "^1.0.3"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/which-collection": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+            "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+            "dev": true,
+            "dependencies": {
+                "is-map": "^2.0.1",
+                "is-set": "^2.0.1",
+                "is-weakmap": "^2.0.1",
+                "is-weakset": "^2.0.1"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/which-typed-array": {
+            "version": "1.1.9",
+            "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.9.tgz",
+            "integrity": "sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==",
+            "dev": true,
+            "dependencies": {
+                "available-typed-arrays": "^1.0.5",
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "gopd": "^1.0.1",
+                "has-tostringtag": "^1.0.0",
+                "is-typed-array": "^1.1.10"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/why-is-node-running": {
+            "version": "2.2.2",
+            "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.2.2.tgz",
+            "integrity": "sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==",
+            "dev": true,
+            "dependencies": {
+                "siginfo": "^2.0.0",
+                "stackback": "0.0.2"
+            },
+            "bin": {
+                "why-is-node-running": "cli.js"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/wrappy": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+            "dev": true
+        },
+        "node_modules/ws": {
+            "version": "8.13.0",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
+            "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10.0.0"
+            },
+            "peerDependencies": {
+                "bufferutil": "^4.0.1",
+                "utf-8-validate": ">=5.0.2"
+            },
+            "peerDependenciesMeta": {
+                "bufferutil": {
+                    "optional": true
+                },
+                "utf-8-validate": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/xml-name-validator": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+            "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/xmlchars": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+            "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+            "dev": true
+        },
+        "node_modules/yallist": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+            "dev": true
+        },
+        "node_modules/yocto-queue": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/zrender": {
+            "version": "5.4.3",
+            "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.4.3.tgz",
+            "integrity": "sha512-DRUM4ZLnoaT0PBVvGBDO9oWIDBKFdAVieNWxWwK0niYzJCMwGchRk21/hsE+RKkIveH3XHCyvXcJDkgLVvfizQ==",
+            "dependencies": {
+                "tslib": "2.3.0"
+            }
+        },
+        "node_modules/zrender/node_modules/tslib": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+            "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+        }
+    }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
deleted file mode 100644
index a477da74e..000000000
--- a/pnpm-lock.yaml
+++ /dev/null
@@ -1,3679 +0,0 @@
-lockfileVersion: 5.3
-
-specifiers:
-  '@analytics/google-analytics': ^1.0.5
-  '@appwrite.io/console': 0.1.0
-  '@appwrite.io/pink': ^0.0.6-rc.10
-  '@appwrite.io/pink-icons': ^0.0.6-rc.10
-  '@playwright/test': ^1.31.2
-  '@popperjs/core': ^2.11.6
-  '@sentry/svelte': ^7.44.2
-  '@sentry/tracing': ^7.44.2
-  '@sveltejs/adapter-static': ^2.0.2
-  '@sveltejs/kit': ^1.15.4
-  '@sveltejs/vite-plugin-svelte': ^2.0.4
-  '@testing-library/dom': ^9.0.1
-  '@testing-library/jest-dom': ^5.16.5
-  '@testing-library/svelte': ^3.2.2
-  '@testing-library/user-event': ^14.4.3
-  '@types/prismjs': ^1.26.0
-  '@typescript-eslint/eslint-plugin': ^5.56.0
-  '@typescript-eslint/parser': ^5.56.0
-  '@vitest/ui': ^0.29.7
-  ai: ^2.1.15
-  analytics: ^0.8.1
-  dotenv: ^16.0.3
-  echarts: ^5.4.1
-  eslint: ^8.36.0
-  eslint-config-prettier: ^8.8.0
-  eslint-plugin-svelte3: ^4.0.0
-  jsdom: ^21.1.1
-  kleur: ^4.1.5
-  logrocket: ^3.0.1
-  pre-commit: ^1.2.2
-  prettier: ^2.8.6
-  prettier-plugin-svelte: ^2.9.0
-  pretty-bytes: ^6.1.0
-  prismjs: ^1.29.0
-  sass: ^1.59.3
-  svelte: ^3.57.0
-  svelte-check: ^3.1.4
-  svelte-jester: ^2.3.2
-  svelte-preprocess: ^5.0.3
-  tippy.js: ^6.3.7
-  tslib: ^2.5.0
-  typescript: ^5.0.2
-  vite: ^4.2.1
-  vitest: ^0.29.7
-  web-vitals: ^3.1.1
-
-dependencies:
-  '@analytics/google-analytics': 1.0.7
-  '@appwrite.io/console': 0.1.0
-  '@appwrite.io/pink': 0.0.6-rc.14
-  '@appwrite.io/pink-icons': 0.0.6-rc.14
-  '@popperjs/core': 2.11.8
-  '@sentry/svelte': 7.57.0_svelte@3.59.2
-  '@sentry/tracing': 7.57.0
-  ai: 2.1.17_svelte@3.59.2
-  analytics: 0.8.9
-  dotenv: 16.3.1
-  echarts: 5.4.2
-  logrocket: 3.0.1
-  pretty-bytes: 6.1.0
-  prismjs: 1.29.0
-  tippy.js: 6.3.7
-  web-vitals: 3.3.2
-
-devDependencies:
-  '@playwright/test': 1.35.1
-  '@sveltejs/adapter-static': 2.0.2_@sveltejs+kit@1.22.1
-  '@sveltejs/kit': 1.22.1_svelte@3.59.2+vite@4.4.2
-  '@sveltejs/vite-plugin-svelte': 2.4.2_svelte@3.59.2+vite@4.4.2
-  '@testing-library/dom': 9.3.1
-  '@testing-library/jest-dom': 5.16.5
-  '@testing-library/svelte': 3.2.2_svelte@3.59.2
-  '@testing-library/user-event': 14.4.3_@testing-library+dom@9.3.1
-  '@types/prismjs': 1.26.0
-  '@typescript-eslint/eslint-plugin': 5.61.0_d72bb1d109f803f8cc25cf219b7c62ed
-  '@typescript-eslint/parser': 5.61.0_eslint@8.44.0+typescript@5.1.6
-  '@vitest/ui': 0.29.8
-  eslint: 8.44.0
-  eslint-config-prettier: 8.8.0_eslint@8.44.0
-  eslint-plugin-svelte3: 4.0.0_eslint@8.44.0+svelte@3.59.2
-  jsdom: 21.1.2
-  kleur: 4.1.5
-  pre-commit: 1.2.2
-  prettier: 2.8.8
-  prettier-plugin-svelte: 2.10.1_prettier@2.8.8+svelte@3.59.2
-  sass: 1.63.6
-  svelte: 3.59.2
-  svelte-check: 3.4.5_sass@1.63.6+svelte@3.59.2
-  svelte-jester: 2.3.2_svelte@3.59.2
-  svelte-preprocess: 5.0.4_4f8d0463f8af142e9709897eb40a2521
-  tslib: 2.6.0
-  typescript: 5.1.6
-  vite: 4.4.2_sass@1.63.6
-  vitest: 0.29.8_0ea0a70a66ac2d66448ea0e0cebbaf6c
-
-packages:
-
-  /@aashutoshrathi/word-wrap/1.2.6:
-    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /@adobe/css-tools/4.2.0:
-    resolution: {integrity: sha512-E09FiIft46CmH5Qnjb0wsW54/YQd69LsxeKUOWawmws1XWvyFGURnAChH0mlr7YPFR1ofwvUQfcL0J3lMxXqPA==}
-    dev: true
-
-  /@analytics/cookie-utils/0.2.12:
-    resolution: {integrity: sha512-2h/yuIu3kmu+ZJlKmlT6GoRvUEY2k1BbQBezEv5kGhnn9KpmzPz715Y3GmM2i+m7Y0QmBdVUoA260dQZkofs2A==}
-    dependencies:
-      '@analytics/global-storage-utils': 0.1.7
-    dev: false
-
-  /@analytics/core/0.12.7:
-    resolution: {integrity: sha512-etmIPCoxWLoUZ/o1o2zvIk4cdVHa8I1xUQtTuLA+YXQ4SsFbm75ZoMXJBqWrNSENpqCJgoL6hizl5uTbkNN+1Q==}
-    dependencies:
-      '@analytics/global-storage-utils': 0.1.7
-      '@analytics/type-utils': 0.6.2
-      analytics-utils: 1.0.12
-    transitivePeerDependencies:
-      - '@types/dlv'
-    dev: false
-
-  /@analytics/global-storage-utils/0.1.7:
-    resolution: {integrity: sha512-V+spzGLZYm4biZT4uefaylm80SrLXf8WOTv9hCgA46cLcyxx3LD4GCpssp1lj+RcWLl/uXJQBRO4Mnn/o1x6Gw==}
-    dependencies:
-      '@analytics/type-utils': 0.6.2
-    dev: false
-
-  /@analytics/google-analytics/1.0.7:
-    resolution: {integrity: sha512-KZ69NaMIi5kOcouzqI8cu7tZgQl7ziGiRahfU6zniUf32G8bv7wQDh73JFz1NwO6gBPloUc+5BzEoWzScM5Rgw==}
-    dev: false
-
-  /@analytics/localstorage-utils/0.1.10:
-    resolution: {integrity: sha512-uJS+Jp1yLG5VFCgA5T82ZODYBS0xuDQx0NtAZrgbqt9j51BX3TcgmOez5LVkrUNu/lpbxjCLq35I4TKj78VmOQ==}
-    dependencies:
-      '@analytics/global-storage-utils': 0.1.7
-    dev: false
-
-  /@analytics/session-storage-utils/0.0.7:
-    resolution: {integrity: sha512-PSv40UxG96HVcjY15e3zOqU2n8IqXnH8XvTkg1X43uXNTKVSebiI2kUjA3Q7ESFbw5DPwcLbJhV7GforpuBLDw==}
-    dependencies:
-      '@analytics/global-storage-utils': 0.1.7
-    dev: false
-
-  /@analytics/storage-utils/0.4.2:
-    resolution: {integrity: sha512-AXObwyVQw9h2uJh1t2hUgabtVxzYpW+7uKVbdHQK80vr3Td5rrmCxrCxarh7HUuAgSDZ0bZWqmYxVgmwKceaLg==}
-    dependencies:
-      '@analytics/cookie-utils': 0.2.12
-      '@analytics/global-storage-utils': 0.1.7
-      '@analytics/localstorage-utils': 0.1.10
-      '@analytics/session-storage-utils': 0.0.7
-      '@analytics/type-utils': 0.6.2
-    dev: false
-
-  /@analytics/type-utils/0.6.2:
-    resolution: {integrity: sha512-TD+xbmsBLyYy/IxFimW/YL/9L2IEnM7/EoV9Aeh56U64Ify8o27HJcKjo38XY9Tcn0uOq1AX3thkKgvtWvwFQg==}
-    dev: false
-
-  /@appwrite.io/console/0.1.0:
-    resolution: {integrity: sha512-GzCRUmaXAVgpGwxBNI3PrtCLHz7CM+epBHDDTHw8B2u61KbijGBO3GrwreXy91fy00RJiEzGlMSRzDgwsF3Tsg==}
-    dependencies:
-      cross-fetch: 3.1.5
-      isomorphic-form-data: 2.0.0
-    transitivePeerDependencies:
-      - encoding
-    dev: false
-
-  /@appwrite.io/pink-icons/0.0.6-rc.14:
-    resolution: {integrity: sha512-OHkW3nOc7aTNlf+kdcSojlimWR+NKUJoYNCcC6ysQs7GnD/ny+en6bpT6u1X5EYEszO/IUQuQYDZhURFeGGO1A==}
-    dev: false
-
-  /@appwrite.io/pink/0.0.6-rc.14:
-    resolution: {integrity: sha512-KSfuW/MIc9aXaSjHmOB0TSyd2G/nTX8Yj49LOqOw41v649tVNfPGutvI6eTULCKve24HTYSspnHLil5Eb4Kk2Q==}
-    dependencies:
-      '@appwrite.io/pink-icons': 0.0.6-rc.14
-      normalize.css: 8.0.1
-      the-new-css-reset: 1.9.0
-    dev: false
-
-  /@babel/code-frame/7.22.5:
-    resolution: {integrity: sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/highlight': 7.22.5
-    dev: true
-
-  /@babel/helper-validator-identifier/7.22.5:
-    resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  /@babel/highlight/7.22.5:
-    resolution: {integrity: sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-validator-identifier': 7.22.5
-      chalk: 2.4.2
-      js-tokens: 4.0.0
-    dev: true
-
-  /@babel/runtime/7.22.6:
-    resolution: {integrity: sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      regenerator-runtime: 0.13.11
-    dev: true
-
-  /@esbuild/android-arm/0.18.11:
-    resolution: {integrity: sha512-q4qlUf5ucwbUJZXF5tEQ8LF7y0Nk4P58hOsGk3ucY0oCwgQqAnqXVbUuahCddVHfrxmpyewRpiTHwVHIETYu7Q==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    dev: true
-    optional: true
-
-  /@esbuild/android-arm64/0.18.11:
-    resolution: {integrity: sha512-snieiq75Z1z5LJX9cduSAjUr7vEI1OdlzFPMw0HH5YI7qQHDd3qs+WZoMrWYDsfRJSq36lIA6mfZBkvL46KoIw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    dev: true
-    optional: true
-
-  /@esbuild/android-x64/0.18.11:
-    resolution: {integrity: sha512-iPuoxQEV34+hTF6FT7om+Qwziv1U519lEOvekXO9zaMMlT9+XneAhKL32DW3H7okrCOBQ44BMihE8dclbZtTuw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    dev: true
-    optional: true
-
-  /@esbuild/darwin-arm64/0.18.11:
-    resolution: {integrity: sha512-Gm0QkI3k402OpfMKyQEEMG0RuW2LQsSmI6OeO4El2ojJMoF5NLYb3qMIjvbG/lbMeLOGiW6ooU8xqc+S0fgz2w==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    dev: true
-    optional: true
-
-  /@esbuild/darwin-x64/0.18.11:
-    resolution: {integrity: sha512-N15Vzy0YNHu6cfyDOjiyfJlRJCB/ngKOAvoBf1qybG3eOq0SL2Lutzz9N7DYUbb7Q23XtHPn6lMDF6uWbGv9Fw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    dev: true
-    optional: true
-
-  /@esbuild/freebsd-arm64/0.18.11:
-    resolution: {integrity: sha512-atEyuq6a3omEY5qAh5jIORWk8MzFnCpSTUruBgeyN9jZq1K/QI9uke0ATi3MHu4L8c59CnIi4+1jDKMuqmR71A==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    dev: true
-    optional: true
-
-  /@esbuild/freebsd-x64/0.18.11:
-    resolution: {integrity: sha512-XtuPrEfBj/YYYnAAB7KcorzzpGTvOr/dTtXPGesRfmflqhA4LMF0Gh/n5+a9JBzPuJ+CGk17CA++Hmr1F/gI0Q==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    dev: true
-    optional: true
-
-  /@esbuild/linux-arm/0.18.11:
-    resolution: {integrity: sha512-Idipz+Taso/toi2ETugShXjQ3S59b6m62KmLHkJlSq/cBejixmIydqrtM2XTvNCywFl3VC7SreSf6NV0i6sRyg==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    dev: true
-    optional: true
-
-  /@esbuild/linux-arm64/0.18.11:
-    resolution: {integrity: sha512-c6Vh2WS9VFKxKZ2TvJdA7gdy0n6eSy+yunBvv4aqNCEhSWVor1TU43wNRp2YLO9Vng2G+W94aRz+ILDSwAiYog==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    dev: true
-    optional: true
-
-  /@esbuild/linux-ia32/0.18.11:
-    resolution: {integrity: sha512-S3hkIF6KUqRh9n1Q0dSyYcWmcVa9Cg+mSoZEfFuzoYXXsk6196qndrM+ZiHNwpZKi3XOXpShZZ+9dfN5ykqjjw==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    dev: true
-    optional: true
-
-  /@esbuild/linux-loong64/0.18.11:
-    resolution: {integrity: sha512-MRESANOoObQINBA+RMZW+Z0TJWpibtE7cPFnahzyQHDCA9X9LOmGh68MVimZlM9J8n5Ia8lU773te6O3ILW8kw==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    dev: true
-    optional: true
-
-  /@esbuild/linux-mips64el/0.18.11:
-    resolution: {integrity: sha512-qVyPIZrXNMOLYegtD1u8EBccCrBVshxMrn5MkuFc3mEVsw7CCQHaqZ4jm9hbn4gWY95XFnb7i4SsT3eflxZsUg==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    dev: true
-    optional: true
-
-  /@esbuild/linux-ppc64/0.18.11:
-    resolution: {integrity: sha512-T3yd8vJXfPirZaUOoA9D2ZjxZX4Gr3QuC3GztBJA6PklLotc/7sXTOuuRkhE9W/5JvJP/K9b99ayPNAD+R+4qQ==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    dev: true
-    optional: true
-
-  /@esbuild/linux-riscv64/0.18.11:
-    resolution: {integrity: sha512-evUoRPWiwuFk++snjH9e2cAjF5VVSTj+Dnf+rkO/Q20tRqv+644279TZlPK8nUGunjPAtQRCj1jQkDAvL6rm2w==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    dev: true
-    optional: true
-
-  /@esbuild/linux-s390x/0.18.11:
-    resolution: {integrity: sha512-/SlRJ15XR6i93gRWquRxYCfhTeC5PdqEapKoLbX63PLCmAkXZHY2uQm2l9bN0oPHBsOw2IswRZctMYS0MijFcg==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    dev: true
-    optional: true
-
-  /@esbuild/linux-x64/0.18.11:
-    resolution: {integrity: sha512-xcncej+wF16WEmIwPtCHi0qmx1FweBqgsRtEL1mSHLFR6/mb3GEZfLQnx+pUDfRDEM4DQF8dpXIW7eDOZl1IbA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    dev: true
-    optional: true
-
-  /@esbuild/netbsd-x64/0.18.11:
-    resolution: {integrity: sha512-aSjMHj/F7BuS1CptSXNg6S3M4F3bLp5wfFPIJM+Km2NfIVfFKhdmfHF9frhiCLIGVzDziggqWll0B+9AUbud/Q==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    dev: true
-    optional: true
-
-  /@esbuild/openbsd-x64/0.18.11:
-    resolution: {integrity: sha512-tNBq+6XIBZtht0xJGv7IBB5XaSyvYPCm1PxJ33zLQONdZoLVM0bgGqUrXnJyiEguD9LU4AHiu+GCXy/Hm9LsdQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    dev: true
-    optional: true
-
-  /@esbuild/sunos-x64/0.18.11:
-    resolution: {integrity: sha512-kxfbDOrH4dHuAAOhr7D7EqaYf+W45LsAOOhAet99EyuxxQmjbk8M9N4ezHcEiCYPaiW8Dj3K26Z2V17Gt6p3ng==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    dev: true
-    optional: true
-
-  /@esbuild/win32-arm64/0.18.11:
-    resolution: {integrity: sha512-Sh0dDRyk1Xi348idbal7lZyfSkjhJsdFeuC13zqdipsvMetlGiFQNdO+Yfp6f6B4FbyQm7qsk16yaZk25LChzg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    dev: true
-    optional: true
-
-  /@esbuild/win32-ia32/0.18.11:
-    resolution: {integrity: sha512-o9JUIKF1j0rqJTFbIoF4bXj6rvrTZYOrfRcGyL0Vm5uJ/j5CkBD/51tpdxe9lXEDouhRgdr/BYzUrDOvrWwJpg==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    dev: true
-    optional: true
-
-  /@esbuild/win32-x64/0.18.11:
-    resolution: {integrity: sha512-rQI4cjLHd2hGsM1LqgDI7oOCYbQ6IBOVsX9ejuRMSze0GqXUG2ekwiKkiBU1pRGSeCqFFHxTrcEydB2Hyoz9CA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    dev: true
-    optional: true
-
-  /@eslint-community/eslint-utils/4.4.0_eslint@8.44.0:
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-    dependencies:
-      eslint: 8.44.0
-      eslint-visitor-keys: 3.4.1
-    dev: true
-
-  /@eslint-community/regexpp/4.5.1:
-    resolution: {integrity: sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
-
-  /@eslint/eslintrc/2.1.0:
-    resolution: {integrity: sha512-Lj7DECXqIVCqnqjjHMPna4vn6GJcMgul/wuS0je9OZ9gsL0zzDpKPVtcG1HaDVc+9y+qgXneTeUMbCqXJNpH1A==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      ajv: 6.12.6
-      debug: 4.3.4
-      espree: 9.6.0
-      globals: 13.20.0
-      ignore: 5.2.4
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@eslint/js/8.44.0:
-    resolution: {integrity: sha512-Ag+9YM4ocKQx9AarydN0KY2j0ErMHNIocPDrVo8zAE44xLTjEtz81OdR68/cydGtk6m6jDb5Za3r2useMzYmSw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
-  /@humanwhocodes/config-array/0.11.10:
-    resolution: {integrity: sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==}
-    engines: {node: '>=10.10.0'}
-    dependencies:
-      '@humanwhocodes/object-schema': 1.2.1
-      debug: 4.3.4
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@humanwhocodes/module-importer/1.0.1:
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
-    engines: {node: '>=12.22'}
-    dev: true
-
-  /@humanwhocodes/object-schema/1.2.1:
-    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
-    dev: true
-
-  /@jest/expect-utils/29.6.1:
-    resolution: {integrity: sha512-o319vIf5pEMx0LmzSxxkYYxo4wrRLKHq9dP1yJU7FoPTB0LfAKSz8SWD6D/6U3v/O52t9cF5t+MeJiRsfk7zMw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      jest-get-type: 29.4.3
-    dev: true
-
-  /@jest/schemas/29.6.0:
-    resolution: {integrity: sha512-rxLjXyJBTL4LQeJW3aKo0M/+GkCOXsO+8i9Iu7eDb6KwtP65ayoDsitrdPBtujxQ88k4wI2FNYfa6TOGwSn6cQ==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@sinclair/typebox': 0.27.8
-    dev: true
-
-  /@jest/types/29.6.1:
-    resolution: {integrity: sha512-tPKQNMPuXgvdOn2/Lg9HNfUvjYVGolt04Hp03f5hAk878uwOLikN+JzeLY0HcVgKgFl9Hs3EIqpu3WX27XNhnw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/schemas': 29.6.0
-      '@types/istanbul-lib-coverage': 2.0.4
-      '@types/istanbul-reports': 3.0.1
-      '@types/node': 20.4.1
-      '@types/yargs': 17.0.24
-      chalk: 4.1.2
-    dev: true
-
-  /@jridgewell/resolve-uri/3.1.0:
-    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
-    engines: {node: '>=6.0.0'}
-    dev: true
-
-  /@jridgewell/sourcemap-codec/1.4.14:
-    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
-    dev: true
-
-  /@jridgewell/sourcemap-codec/1.4.15:
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
-
-  /@jridgewell/trace-mapping/0.3.18:
-    resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==}
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.0
-      '@jridgewell/sourcemap-codec': 1.4.14
-    dev: true
-
-  /@nodelib/fs.scandir/2.1.5:
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
-    dev: true
-
-  /@nodelib/fs.stat/2.0.5:
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
-    engines: {node: '>= 8'}
-    dev: true
-
-  /@nodelib/fs.walk/1.2.8:
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
-    engines: {node: '>= 8'}
-    dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.15.0
-    dev: true
-
-  /@playwright/test/1.35.1:
-    resolution: {integrity: sha512-b5YoFe6J9exsMYg0pQAobNDR85T1nLumUYgUTtKm4d21iX2L7WqKq9dW8NGJ+2vX0etZd+Y7UeuqsxDXm9+5ZA==}
-    engines: {node: '>=16'}
-    hasBin: true
-    dependencies:
-      '@types/node': 20.4.1
-      playwright-core: 1.35.1
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /@polka/url/1.0.0-next.21:
-    resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
-    dev: true
-
-  /@popperjs/core/2.11.8:
-    resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
-    dev: false
-
-  /@sentry-internal/tracing/7.57.0:
-    resolution: {integrity: sha512-tpViyDd8AhQGYYhI94xi2aaDopXOPfL2Apwrtb3qirWkomIQ2K86W1mPmkce+B0cFOnW2Dxv/ZTFKz6ghjK75A==}
-    engines: {node: '>=8'}
-    dependencies:
-      '@sentry/core': 7.57.0
-      '@sentry/types': 7.57.0
-      '@sentry/utils': 7.57.0
-      tslib: 2.6.0
-    dev: false
-
-  /@sentry/browser/7.57.0:
-    resolution: {integrity: sha512-E0HaYYlaqHFiIRZXxcvOO8Odvlt+TR1vFFXzqUWXPOvDRxURglTOCQ3EN/u6bxtAGJ6y/Zc2obgihTtypuel/w==}
-    engines: {node: '>=8'}
-    dependencies:
-      '@sentry-internal/tracing': 7.57.0
-      '@sentry/core': 7.57.0
-      '@sentry/replay': 7.57.0
-      '@sentry/types': 7.57.0
-      '@sentry/utils': 7.57.0
-      tslib: 2.6.0
-    dev: false
-
-  /@sentry/core/7.57.0:
-    resolution: {integrity: sha512-l014NudPH0vQlzybtXajPxYFfs9w762NoarjObC3gu76D1jzBBFzhdRelkGpDbSLNTIsKhEDDRpgAjBWJ9icfw==}
-    engines: {node: '>=8'}
-    dependencies:
-      '@sentry/types': 7.57.0
-      '@sentry/utils': 7.57.0
-      tslib: 2.6.0
-    dev: false
-
-  /@sentry/replay/7.57.0:
-    resolution: {integrity: sha512-pN4ryNS3J5EYbkXvR+O/+hseAJha7XDl8mPFtK0OGTHG10JzCi4tQJazblHQdpb5QBaMMPCeZ+isyfoQLDNXnw==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@sentry/core': 7.57.0
-      '@sentry/types': 7.57.0
-      '@sentry/utils': 7.57.0
-    dev: false
-
-  /@sentry/svelte/7.57.0_svelte@3.59.2:
-    resolution: {integrity: sha512-n7x0EaSbLVOxDax/g7NB9Gc6K+ayYGJz2wBqB86tD8a7WRQYwhdzylkP6cdc8xtqD2NxG2EFhsalaTPboUTXzw==}
-    engines: {node: '>=8'}
-    peerDependencies:
-      svelte: 3.x || 4.x
-    dependencies:
-      '@sentry/browser': 7.57.0
-      '@sentry/types': 7.57.0
-      '@sentry/utils': 7.57.0
-      magic-string: 0.30.1
-      svelte: 3.59.2
-      tslib: 2.6.0
-    dev: false
-
-  /@sentry/tracing/7.57.0:
-    resolution: {integrity: sha512-D8eKJMYN529mDP9lsOLyhe0Rf9Qiexo7Ul4+MQwDlwRr9c9tc0AdGwFlnKGvCMDh7ucITzvZkMZDHBapU3WHNQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      '@sentry-internal/tracing': 7.57.0
-    dev: false
-
-  /@sentry/types/7.57.0:
-    resolution: {integrity: sha512-D7ifoUfxuVCUyktIr5Gc+jXUbtcUMmfHdTtTbf1XCZHua5mJceK9wtl3YCg3eq/HK2Ppd52BKnTzEcS5ZKQM+w==}
-    engines: {node: '>=8'}
-    dev: false
-
-  /@sentry/utils/7.57.0:
-    resolution: {integrity: sha512-YXrkMCiNklqkXctn4mKYkrzNCf/dfVcRUQrkXjeBC+PHXbcpPyaJgInNvztR7Skl8lE3JPGPN4v5XhLxK1bUUg==}
-    engines: {node: '>=8'}
-    dependencies:
-      '@sentry/types': 7.57.0
-      tslib: 2.6.0
-    dev: false
-
-  /@sinclair/typebox/0.27.8:
-    resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
-    dev: true
-
-  /@sveltejs/adapter-static/2.0.2_@sveltejs+kit@1.22.1:
-    resolution: {integrity: sha512-9wYtf6s6ew7DHUHMrt55YpD1FgV7oWql2IGsW5BXquLxqcY9vjrqCFo0TzzDpo+ZPZkW/v77k0eOP6tsAb8HmQ==}
-    peerDependencies:
-      '@sveltejs/kit': ^1.5.0
-    dependencies:
-      '@sveltejs/kit': 1.22.1_svelte@3.59.2+vite@4.4.2
-    dev: true
-
-  /@sveltejs/kit/1.22.1_svelte@3.59.2+vite@4.4.2:
-    resolution: {integrity: sha512-idFhKVEHuCKbTETvuo3V7UShqSYX9JMKVJXP546dOTkh5ZRejo5XtKtsB5TCSwNBa0TH8hIV44/bnylaFhM1Vg==}
-    engines: {node: ^16.14 || >=18}
-    hasBin: true
-    requiresBuild: true
-    peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.2_svelte@3.59.2+vite@4.4.2
-      '@types/cookie': 0.5.1
-      cookie: 0.5.0
-      devalue: 4.3.2
-      esm-env: 1.0.0
-      kleur: 4.1.5
-      magic-string: 0.30.1
-      mime: 3.0.0
-      sade: 1.8.1
-      set-cookie-parser: 2.6.0
-      sirv: 2.0.3
-      svelte: 3.59.2
-      undici: 5.22.1
-      vite: 4.4.2_sass@1.63.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@sveltejs/vite-plugin-svelte-inspector/1.0.3_bc799096ad9e021ab6cdb7cad2615f11:
-    resolution: {integrity: sha512-Khdl5jmmPN6SUsVuqSXatKpQTMIifoQPDanaxC84m9JxIibWvSABJyHpyys0Z+1yYrxY5TTEQm+6elh0XCMaOA==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.2_svelte@3.59.2+vite@4.4.2
-      debug: 4.3.4
-      svelte: 3.59.2
-      vite: 4.4.2_sass@1.63.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@sveltejs/vite-plugin-svelte/2.4.2_svelte@3.59.2+vite@4.4.2:
-    resolution: {integrity: sha512-ePfcC48ftMKhkT0OFGdOyycYKnnkT6i/buzey+vHRTR/JpQvuPzzhf1PtKqCDQfJRgoPSN2vscXs6gLigx/zGw==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.3_bc799096ad9e021ab6cdb7cad2615f11
-      debug: 4.3.4
-      deepmerge: 4.3.1
-      kleur: 4.1.5
-      magic-string: 0.30.1
-      svelte: 3.59.2
-      svelte-hmr: 0.15.2_svelte@3.59.2
-      vite: 4.4.2_sass@1.63.6
-      vitefu: 0.2.4_vite@4.4.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@testing-library/dom/8.20.1:
-    resolution: {integrity: sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/code-frame': 7.22.5
-      '@babel/runtime': 7.22.6
-      '@types/aria-query': 5.0.1
-      aria-query: 5.1.3
-      chalk: 4.1.2
-      dom-accessibility-api: 0.5.16
-      lz-string: 1.5.0
-      pretty-format: 27.5.1
-    dev: true
-
-  /@testing-library/dom/9.3.1:
-    resolution: {integrity: sha512-0DGPd9AR3+iDTjGoMpxIkAsUihHZ3Ai6CneU6bRRrffXMgzCdlNk43jTrD2/5LT6CBb3MWTP8v510JzYtahD2w==}
-    engines: {node: '>=14'}
-    dependencies:
-      '@babel/code-frame': 7.22.5
-      '@babel/runtime': 7.22.6
-      '@types/aria-query': 5.0.1
-      aria-query: 5.1.3
-      chalk: 4.1.2
-      dom-accessibility-api: 0.5.16
-      lz-string: 1.5.0
-      pretty-format: 27.5.1
-    dev: true
-
-  /@testing-library/jest-dom/5.16.5:
-    resolution: {integrity: sha512-N5ixQ2qKpi5OLYfwQmUb/5mSV9LneAcaUfp32pn4yCnpb8r/Yz0pXFPck21dIicKmi+ta5WRAknkZCfA8refMA==}
-    engines: {node: '>=8', npm: '>=6', yarn: '>=1'}
-    dependencies:
-      '@adobe/css-tools': 4.2.0
-      '@babel/runtime': 7.22.6
-      '@types/testing-library__jest-dom': 5.14.7
-      aria-query: 5.3.0
-      chalk: 3.0.0
-      css.escape: 1.5.1
-      dom-accessibility-api: 0.5.16
-      lodash: 4.17.21
-      redent: 3.0.0
-    dev: true
-
-  /@testing-library/svelte/3.2.2_svelte@3.59.2:
-    resolution: {integrity: sha512-IKwZgqbekC3LpoRhSwhd0JswRGxKdAGkf39UiDXTywK61YyLXbCYoR831e/UUC6EeNW4hiHPY+2WuovxOgI5sw==}
-    engines: {node: '>= 10'}
-    peerDependencies:
-      svelte: 3.x
-    dependencies:
-      '@testing-library/dom': 8.20.1
-      svelte: 3.59.2
-    dev: true
-
-  /@testing-library/user-event/14.4.3_@testing-library+dom@9.3.1:
-    resolution: {integrity: sha512-kCUc5MEwaEMakkO5x7aoD+DLi02ehmEM2QCGWvNqAS1dV/fAvORWEjnjsEIvml59M7Y5kCkWN6fCCyPOe8OL6Q==}
-    engines: {node: '>=12', npm: '>=6'}
-    peerDependencies:
-      '@testing-library/dom': '>=7.21.4'
-    dependencies:
-      '@testing-library/dom': 9.3.1
-    dev: true
-
-  /@tootallnate/once/2.0.0:
-    resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
-    engines: {node: '>= 10'}
-    dev: true
-
-  /@types/aria-query/5.0.1:
-    resolution: {integrity: sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==}
-    dev: true
-
-  /@types/chai-subset/1.3.3:
-    resolution: {integrity: sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==}
-    dependencies:
-      '@types/chai': 4.3.5
-    dev: true
-
-  /@types/chai/4.3.5:
-    resolution: {integrity: sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==}
-    dev: true
-
-  /@types/cookie/0.5.1:
-    resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==}
-    dev: true
-
-  /@types/istanbul-lib-coverage/2.0.4:
-    resolution: {integrity: sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==}
-    dev: true
-
-  /@types/istanbul-lib-report/3.0.0:
-    resolution: {integrity: sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==}
-    dependencies:
-      '@types/istanbul-lib-coverage': 2.0.4
-    dev: true
-
-  /@types/istanbul-reports/3.0.1:
-    resolution: {integrity: sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==}
-    dependencies:
-      '@types/istanbul-lib-report': 3.0.0
-    dev: true
-
-  /@types/jest/29.5.2:
-    resolution: {integrity: sha512-mSoZVJF5YzGVCk+FsDxzDuH7s+SCkzrgKZzf0Z0T2WudhBUPoF6ktoTPC4R0ZoCPCV5xUvuU6ias5NvxcBcMMg==}
-    dependencies:
-      expect: 29.6.1
-      pretty-format: 29.6.1
-    dev: true
-
-  /@types/json-schema/7.0.12:
-    resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==}
-    dev: true
-
-  /@types/node/20.4.1:
-    resolution: {integrity: sha512-JIzsAvJeA/5iY6Y/OxZbv1lUcc8dNSE77lb2gnBH+/PJ3lFR1Ccvgwl5JWnHAkNHcRsT0TbpVOsiMKZ1F/yyJg==}
-    dev: true
-
-  /@types/prismjs/1.26.0:
-    resolution: {integrity: sha512-ZTaqn/qSqUuAq1YwvOFQfVW1AR/oQJlLSZVustdjwI+GZ8kr0MSHBj0tsXPW1EqHubx50gtBEjbPGsdZwQwCjQ==}
-    dev: true
-
-  /@types/pug/2.0.6:
-    resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==}
-    dev: true
-
-  /@types/semver/7.5.0:
-    resolution: {integrity: sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==}
-    dev: true
-
-  /@types/stack-utils/2.0.1:
-    resolution: {integrity: sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==}
-    dev: true
-
-  /@types/testing-library__jest-dom/5.14.7:
-    resolution: {integrity: sha512-PFDoAbR9y8pD9+41oM1Yy0nVCkaRPlklmDZoPCXhNpR0ZO13HAYWqdNEjLtvIiveBmfB/+jdvmuOVeOXehKOaA==}
-    dependencies:
-      '@types/jest': 29.5.2
-    dev: true
-
-  /@types/yargs-parser/21.0.0:
-    resolution: {integrity: sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==}
-    dev: true
-
-  /@types/yargs/17.0.24:
-    resolution: {integrity: sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==}
-    dependencies:
-      '@types/yargs-parser': 21.0.0
-    dev: true
-
-  /@typescript-eslint/eslint-plugin/5.61.0_d72bb1d109f803f8cc25cf219b7c62ed:
-    resolution: {integrity: sha512-A5l/eUAug103qtkwccSCxn8ZRwT+7RXWkFECdA4Cvl1dOlDUgTpAOfSEElZn2uSUxhdDpnCdetrf0jvU4qrL+g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^5.0.0
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@eslint-community/regexpp': 4.5.1
-      '@typescript-eslint/parser': 5.61.0_eslint@8.44.0+typescript@5.1.6
-      '@typescript-eslint/scope-manager': 5.61.0
-      '@typescript-eslint/type-utils': 5.61.0_eslint@8.44.0+typescript@5.1.6
-      '@typescript-eslint/utils': 5.61.0_eslint@8.44.0+typescript@5.1.6
-      debug: 4.3.4
-      eslint: 8.44.0
-      graphemer: 1.4.0
-      ignore: 5.2.4
-      natural-compare-lite: 1.4.0
-      semver: 7.5.4
-      tsutils: 3.21.0_typescript@5.1.6
-      typescript: 5.1.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@typescript-eslint/parser/5.61.0_eslint@8.44.0+typescript@5.1.6:
-    resolution: {integrity: sha512-yGr4Sgyh8uO6fSi9hw3jAFXNBHbCtKKFMdX2IkT3ZqpKmtAq3lHS4ixB/COFuAIJpwl9/AqF7j72ZDWYKmIfvg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/scope-manager': 5.61.0
-      '@typescript-eslint/types': 5.61.0
-      '@typescript-eslint/typescript-estree': 5.61.0_typescript@5.1.6
-      debug: 4.3.4
-      eslint: 8.44.0
-      typescript: 5.1.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@typescript-eslint/scope-manager/5.61.0:
-    resolution: {integrity: sha512-W8VoMjoSg7f7nqAROEmTt6LoBpn81AegP7uKhhW5KzYlehs8VV0ZW0fIDVbcZRcaP3aPSW+JZFua+ysQN+m/Nw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': 5.61.0
-      '@typescript-eslint/visitor-keys': 5.61.0
-    dev: true
-
-  /@typescript-eslint/type-utils/5.61.0_eslint@8.44.0+typescript@5.1.6:
-    resolution: {integrity: sha512-kk8u//r+oVK2Aj3ph/26XdH0pbAkC2RiSjUYhKD+PExemG4XSjpGFeyZ/QM8lBOa7O8aGOU+/yEbMJgQv/DnCg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/typescript-estree': 5.61.0_typescript@5.1.6
-      '@typescript-eslint/utils': 5.61.0_eslint@8.44.0+typescript@5.1.6
-      debug: 4.3.4
-      eslint: 8.44.0
-      tsutils: 3.21.0_typescript@5.1.6
-      typescript: 5.1.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@typescript-eslint/types/5.61.0:
-    resolution: {integrity: sha512-ldyueo58KjngXpzloHUog/h9REmHl59G1b3a5Sng1GfBo14BkS3ZbMEb3693gnP1k//97lh7bKsp6/V/0v1veQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
-  /@typescript-eslint/typescript-estree/5.61.0_typescript@5.1.6:
-    resolution: {integrity: sha512-Fud90PxONnnLZ36oR5ClJBLTLfU4pIWBmnvGwTbEa2cXIqj70AEDEmOmpkFComjBZ/037ueKrOdHuYmSFVD7Rw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/types': 5.61.0
-      '@typescript-eslint/visitor-keys': 5.61.0
-      debug: 4.3.4
-      globby: 11.1.0
-      is-glob: 4.0.3
-      semver: 7.5.4
-      tsutils: 3.21.0_typescript@5.1.6
-      typescript: 5.1.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@typescript-eslint/utils/5.61.0_eslint@8.44.0+typescript@5.1.6:
-    resolution: {integrity: sha512-mV6O+6VgQmVE6+xzlA91xifndPW9ElFW8vbSF0xCT/czPXVhwDewKila1jOyRwa9AE19zKnrr7Cg5S3pJVrTWQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0_eslint@8.44.0
-      '@types/json-schema': 7.0.12
-      '@types/semver': 7.5.0
-      '@typescript-eslint/scope-manager': 5.61.0
-      '@typescript-eslint/types': 5.61.0
-      '@typescript-eslint/typescript-estree': 5.61.0_typescript@5.1.6
-      eslint: 8.44.0
-      eslint-scope: 5.1.1
-      semver: 7.5.4
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
-  /@typescript-eslint/visitor-keys/5.61.0:
-    resolution: {integrity: sha512-50XQ5VdbWrX06mQXhy93WywSFZZGsv3EOjq+lqp6WC2t+j3mb6A9xYVdrRxafvK88vg9k9u+CT4l6D8PEatjKg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': 5.61.0
-      eslint-visitor-keys: 3.4.1
-    dev: true
-
-  /@vitest/expect/0.29.8:
-    resolution: {integrity: sha512-xlcVXn5I5oTq6NiZSY3ykyWixBxr5mG8HYtjvpgg6KaqHm0mvhX18xuwl5YGxIRNt/A5jidd7CWcNHrSvgaQqQ==}
-    dependencies:
-      '@vitest/spy': 0.29.8
-      '@vitest/utils': 0.29.8
-      chai: 4.3.7
-    dev: true
-
-  /@vitest/runner/0.29.8:
-    resolution: {integrity: sha512-FzdhnRDwEr/A3Oo1jtIk/B952BBvP32n1ObMEb23oEJNO+qO5cBet6M2XWIDQmA7BDKGKvmhUf2naXyp/2JEwQ==}
-    dependencies:
-      '@vitest/utils': 0.29.8
-      p-limit: 4.0.0
-      pathe: 1.1.1
-    dev: true
-
-  /@vitest/spy/0.29.8:
-    resolution: {integrity: sha512-VdjBe9w34vOMl5I5mYEzNX8inTxrZ+tYUVk9jxaZJmHFwmDFC/GV3KBFTA/JKswr3XHvZL+FE/yq5EVhb6pSAw==}
-    dependencies:
-      tinyspy: 1.1.1
-    dev: true
-
-  /@vitest/ui/0.29.8:
-    resolution: {integrity: sha512-+vbLd+c1R/XUWfzJsWeyjeiw13fwJ95I5tguxaqXRg61y9iYUKesVljg7Pttp2uo7VK+kAjvY91J41NZ1Vx3vg==}
-    dependencies:
-      fast-glob: 3.3.0
-      flatted: 3.2.7
-      pathe: 1.1.1
-      picocolors: 1.0.0
-      sirv: 2.0.3
-    dev: true
-
-  /@vitest/utils/0.29.8:
-    resolution: {integrity: sha512-qGzuf3vrTbnoY+RjjVVIBYfuWMjn3UMUqyQtdGNZ6ZIIyte7B37exj6LaVkrZiUTvzSadVvO/tJm8AEgbGCBPg==}
-    dependencies:
-      cli-truncate: 3.1.0
-      diff: 5.1.0
-      loupe: 2.3.6
-      pretty-format: 27.5.1
-    dev: true
-
-  /abab/2.0.6:
-    resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
-    dev: true
-
-  /acorn-globals/7.0.1:
-    resolution: {integrity: sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==}
-    dependencies:
-      acorn: 8.10.0
-      acorn-walk: 8.2.0
-    dev: true
-
-  /acorn-jsx/5.3.2_acorn@8.10.0:
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      acorn: 8.10.0
-    dev: true
-
-  /acorn-walk/8.2.0:
-    resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
-    engines: {node: '>=0.4.0'}
-    dev: true
-
-  /acorn/8.10.0:
-    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-    dev: true
-
-  /agent-base/6.0.2:
-    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
-    engines: {node: '>= 6.0.0'}
-    dependencies:
-      debug: 4.3.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /ai/2.1.17_svelte@3.59.2:
-    resolution: {integrity: sha512-3dcg7cjDQdFeYbKREvJ18WhNrN+IVhASJPEolOiZINfmQ5qjqZHWNagqLsN8Wi2RYzD3CrskrN8KwAobUTgo9g==}
-    engines: {node: '>=14.6'}
-    peerDependencies:
-      react: ^18.2.0
-      svelte: ^3.0.0 || ^4.0.0
-      vue: ^3.3.4
-    peerDependenciesMeta:
-      react:
-        optional: true
-      svelte:
-        optional: true
-      vue:
-        optional: true
-    dependencies:
-      eventsource-parser: 1.0.0
-      nanoid: 3.3.6
-      sswr: 1.11.0_svelte@3.59.2
-      svelte: 3.59.2
-      swr: 2.1.5
-      swrv: 1.0.3
-    dev: false
-
-  /ajv/6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
-    dependencies:
-      fast-deep-equal: 3.1.3
-      fast-json-stable-stringify: 2.1.0
-      json-schema-traverse: 0.4.1
-      uri-js: 4.4.1
-    dev: true
-
-  /analytics-utils/1.0.12:
-    resolution: {integrity: sha512-WvV2YWgsnXLxaY0QYux0crpBAg/0JA763NmbMVz22jKhMPo7dpTBet8G2IlF7ixTjLDzGlkHk1ZaKqqQmjJ+4w==}
-    peerDependencies:
-      '@types/dlv': ^1.0.0
-    dependencies:
-      '@analytics/type-utils': 0.6.2
-      dlv: 1.1.3
-    dev: false
-
-  /analytics/0.8.9:
-    resolution: {integrity: sha512-oTbUzQpncMTslakqfK70GgB6bopk5hY+uuekwnadMkDyqNLgcD02KRzteTnO7q5Ko6wDECVtT8xi/6OuAMZykA==}
-    dependencies:
-      '@analytics/core': 0.12.7
-      '@analytics/storage-utils': 0.4.2
-    transitivePeerDependencies:
-      - '@types/dlv'
-    dev: false
-
-  /ansi-regex/5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /ansi-regex/6.0.1:
-    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /ansi-styles/3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
-    engines: {node: '>=4'}
-    dependencies:
-      color-convert: 1.9.3
-    dev: true
-
-  /ansi-styles/4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
-    engines: {node: '>=8'}
-    dependencies:
-      color-convert: 2.0.1
-    dev: true
-
-  /ansi-styles/5.2.0:
-    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /ansi-styles/6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /anymatch/3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-    dev: true
-
-  /argparse/2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
-    dev: true
-
-  /aria-query/5.1.3:
-    resolution: {integrity: sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==}
-    dependencies:
-      deep-equal: 2.2.1
-    dev: true
-
-  /aria-query/5.3.0:
-    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
-    dependencies:
-      dequal: 2.0.3
-    dev: true
-
-  /array-buffer-byte-length/1.0.0:
-    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
-    dependencies:
-      call-bind: 1.0.2
-      is-array-buffer: 3.0.2
-    dev: true
-
-  /array-union/2.1.0:
-    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /assertion-error/1.1.0:
-    resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
-    dev: true
-
-  /asynckit/0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-
-  /available-typed-arrays/1.0.5:
-    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /balanced-match/1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-    dev: true
-
-  /binary-extensions/2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /brace-expansion/1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
-    dependencies:
-      balanced-match: 1.0.2
-      concat-map: 0.0.1
-    dev: true
-
-  /braces/3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
-    engines: {node: '>=8'}
-    dependencies:
-      fill-range: 7.0.1
-    dev: true
-
-  /buffer-crc32/0.2.13:
-    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
-    dev: true
-
-  /buffer-from/1.1.2:
-    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
-    dev: true
-
-  /busboy/1.6.0:
-    resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
-    engines: {node: '>=10.16.0'}
-    dependencies:
-      streamsearch: 1.1.0
-    dev: true
-
-  /cac/6.7.14:
-    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /call-bind/1.0.2:
-    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
-    dependencies:
-      function-bind: 1.1.1
-      get-intrinsic: 1.2.1
-    dev: true
-
-  /callsites/3.1.0:
-    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /chai/4.3.7:
-    resolution: {integrity: sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==}
-    engines: {node: '>=4'}
-    dependencies:
-      assertion-error: 1.1.0
-      check-error: 1.0.2
-      deep-eql: 4.1.3
-      get-func-name: 2.0.0
-      loupe: 2.3.6
-      pathval: 1.1.1
-      type-detect: 4.0.8
-    dev: true
-
-  /chalk/2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
-    engines: {node: '>=4'}
-    dependencies:
-      ansi-styles: 3.2.1
-      escape-string-regexp: 1.0.5
-      supports-color: 5.5.0
-    dev: true
-
-  /chalk/3.0.0:
-    resolution: {integrity: sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==}
-    engines: {node: '>=8'}
-    dependencies:
-      ansi-styles: 4.3.0
-      supports-color: 7.2.0
-    dev: true
-
-  /chalk/4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
-    engines: {node: '>=10'}
-    dependencies:
-      ansi-styles: 4.3.0
-      supports-color: 7.2.0
-    dev: true
-
-  /check-error/1.0.2:
-    resolution: {integrity: sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==}
-    dev: true
-
-  /chokidar/3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
-    engines: {node: '>= 8.10.0'}
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.2
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /ci-info/3.8.0:
-    resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /cli-truncate/3.1.0:
-    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      slice-ansi: 5.0.0
-      string-width: 5.1.2
-    dev: true
-
-  /color-convert/1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
-    dependencies:
-      color-name: 1.1.3
-    dev: true
-
-  /color-convert/2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
-    engines: {node: '>=7.0.0'}
-    dependencies:
-      color-name: 1.1.4
-    dev: true
-
-  /color-name/1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
-    dev: true
-
-  /color-name/1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
-    dev: true
-
-  /combined-stream/1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
-    dependencies:
-      delayed-stream: 1.0.0
-
-  /concat-map/0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-    dev: true
-
-  /concat-stream/1.6.2:
-    resolution: {integrity: sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==}
-    engines: {'0': node >= 0.8}
-    dependencies:
-      buffer-from: 1.1.2
-      inherits: 2.0.4
-      readable-stream: 2.3.8
-      typedarray: 0.0.6
-    dev: true
-
-  /cookie/0.5.0:
-    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
-    engines: {node: '>= 0.6'}
-    dev: true
-
-  /core-util-is/1.0.3:
-    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
-    dev: true
-
-  /cross-fetch/3.1.5:
-    resolution: {integrity: sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==}
-    dependencies:
-      node-fetch: 2.6.7
-    transitivePeerDependencies:
-      - encoding
-    dev: false
-
-  /cross-spawn/5.1.0:
-    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
-    dependencies:
-      lru-cache: 4.1.5
-      shebang-command: 1.2.0
-      which: 1.2.14
-    dev: true
-
-  /cross-spawn/7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
-    engines: {node: '>= 8'}
-    dependencies:
-      path-key: 3.1.1
-      shebang-command: 2.0.0
-      which: 2.0.2
-    dev: true
-
-  /css.escape/1.5.1:
-    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
-    dev: true
-
-  /cssstyle/3.0.0:
-    resolution: {integrity: sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==}
-    engines: {node: '>=14'}
-    dependencies:
-      rrweb-cssom: 0.6.0
-    dev: true
-
-  /data-urls/4.0.0:
-    resolution: {integrity: sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==}
-    engines: {node: '>=14'}
-    dependencies:
-      abab: 2.0.6
-      whatwg-mimetype: 3.0.0
-      whatwg-url: 12.0.1
-    dev: true
-
-  /debug/4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: 2.1.2
-    dev: true
-
-  /decimal.js/10.4.3:
-    resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
-    dev: true
-
-  /deep-eql/4.1.3:
-    resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
-    engines: {node: '>=6'}
-    dependencies:
-      type-detect: 4.0.8
-    dev: true
-
-  /deep-equal/2.2.1:
-    resolution: {integrity: sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==}
-    dependencies:
-      array-buffer-byte-length: 1.0.0
-      call-bind: 1.0.2
-      es-get-iterator: 1.1.3
-      get-intrinsic: 1.2.1
-      is-arguments: 1.1.1
-      is-array-buffer: 3.0.2
-      is-date-object: 1.0.5
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.2
-      isarray: 2.0.5
-      object-is: 1.1.5
-      object-keys: 1.1.1
-      object.assign: 4.1.4
-      regexp.prototype.flags: 1.5.0
-      side-channel: 1.0.4
-      which-boxed-primitive: 1.0.2
-      which-collection: 1.0.1
-      which-typed-array: 1.1.9
-    dev: true
-
-  /deep-is/0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-    dev: true
-
-  /deepmerge/4.3.1:
-    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /define-properties/1.2.0:
-    resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-property-descriptors: 1.0.0
-      object-keys: 1.1.1
-    dev: true
-
-  /delayed-stream/1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-
-  /dequal/2.0.3:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /detect-indent/6.1.0:
-    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /devalue/4.3.2:
-    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
-    dev: true
-
-  /diff-sequences/29.4.3:
-    resolution: {integrity: sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dev: true
-
-  /diff/5.1.0:
-    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
-    engines: {node: '>=0.3.1'}
-    dev: true
-
-  /dir-glob/3.0.1:
-    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
-    engines: {node: '>=8'}
-    dependencies:
-      path-type: 4.0.0
-    dev: true
-
-  /dlv/1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-    dev: false
-
-  /doctrine/3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      esutils: 2.0.3
-    dev: true
-
-  /dom-accessibility-api/0.5.16:
-    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
-    dev: true
-
-  /domexception/4.0.0:
-    resolution: {integrity: sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==}
-    engines: {node: '>=12'}
-    dependencies:
-      webidl-conversions: 7.0.0
-    dev: true
-
-  /dotenv/16.3.1:
-    resolution: {integrity: sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==}
-    engines: {node: '>=12'}
-    dev: false
-
-  /eastasianwidth/0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-    dev: true
-
-  /echarts/5.4.2:
-    resolution: {integrity: sha512-2W3vw3oI2tWJdyAz+b8DuWS0nfXtSDqlDmqgin/lfzbkB01cuMEN66KWBlmur3YMp5nEDEEt5s23pllnAzB4EA==}
-    dependencies:
-      tslib: 2.3.0
-      zrender: 5.4.3
-    dev: false
-
-  /emoji-regex/9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-    dev: true
-
-  /entities/4.5.0:
-    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
-    engines: {node: '>=0.12'}
-    dev: true
-
-  /es-get-iterator/1.1.3:
-    resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
-      has-symbols: 1.0.3
-      is-arguments: 1.1.1
-      is-map: 2.0.2
-      is-set: 2.0.2
-      is-string: 1.0.7
-      isarray: 2.0.5
-      stop-iteration-iterator: 1.0.0
-    dev: true
-
-  /es6-promise/3.3.1:
-    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
-    dev: true
-
-  /esbuild/0.18.11:
-    resolution: {integrity: sha512-i8u6mQF0JKJUlGR3OdFLKldJQMMs8OqM9Cc3UCi9XXziJ9WERM5bfkHaEAy0YAvPRMgqSW55W7xYn84XtEFTtA==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/android-arm': 0.18.11
-      '@esbuild/android-arm64': 0.18.11
-      '@esbuild/android-x64': 0.18.11
-      '@esbuild/darwin-arm64': 0.18.11
-      '@esbuild/darwin-x64': 0.18.11
-      '@esbuild/freebsd-arm64': 0.18.11
-      '@esbuild/freebsd-x64': 0.18.11
-      '@esbuild/linux-arm': 0.18.11
-      '@esbuild/linux-arm64': 0.18.11
-      '@esbuild/linux-ia32': 0.18.11
-      '@esbuild/linux-loong64': 0.18.11
-      '@esbuild/linux-mips64el': 0.18.11
-      '@esbuild/linux-ppc64': 0.18.11
-      '@esbuild/linux-riscv64': 0.18.11
-      '@esbuild/linux-s390x': 0.18.11
-      '@esbuild/linux-x64': 0.18.11
-      '@esbuild/netbsd-x64': 0.18.11
-      '@esbuild/openbsd-x64': 0.18.11
-      '@esbuild/sunos-x64': 0.18.11
-      '@esbuild/win32-arm64': 0.18.11
-      '@esbuild/win32-ia32': 0.18.11
-      '@esbuild/win32-x64': 0.18.11
-    dev: true
-
-  /escape-string-regexp/1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
-    engines: {node: '>=0.8.0'}
-    dev: true
-
-  /escape-string-regexp/2.0.0:
-    resolution: {integrity: sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /escape-string-regexp/4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /escodegen/2.1.0:
-    resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
-    engines: {node: '>=6.0'}
-    hasBin: true
-    dependencies:
-      esprima: 4.0.1
-      estraverse: 5.3.0
-      esutils: 2.0.3
-    optionalDependencies:
-      source-map: 0.6.1
-    dev: true
-
-  /eslint-config-prettier/8.8.0_eslint@8.44.0:
-    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
-    dependencies:
-      eslint: 8.44.0
-    dev: true
-
-  /eslint-plugin-svelte3/4.0.0_eslint@8.44.0+svelte@3.59.2:
-    resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
-    peerDependencies:
-      eslint: '>=8.0.0'
-      svelte: ^3.2.0
-    dependencies:
-      eslint: 8.44.0
-      svelte: 3.59.2
-    dev: true
-
-  /eslint-scope/5.1.1:
-    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
-    engines: {node: '>=8.0.0'}
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 4.3.0
-    dev: true
-
-  /eslint-scope/7.2.0:
-    resolution: {integrity: sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 5.3.0
-    dev: true
-
-  /eslint-visitor-keys/3.4.1:
-    resolution: {integrity: sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
-  /eslint/8.44.0:
-    resolution: {integrity: sha512-0wpHoUbDUHgNCyvFB5aXLiQVfK9B0at6gUvzy83k4kAsQ/u769TQDX6iKC+aO4upIHO9WSaA3QoXYQDHbNwf1A==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0_eslint@8.44.0
-      '@eslint-community/regexpp': 4.5.1
-      '@eslint/eslintrc': 2.1.0
-      '@eslint/js': 8.44.0
-      '@humanwhocodes/config-array': 0.11.10
-      '@humanwhocodes/module-importer': 1.0.1
-      '@nodelib/fs.walk': 1.2.8
-      ajv: 6.12.6
-      chalk: 4.1.2
-      cross-spawn: 7.0.3
-      debug: 4.3.4
-      doctrine: 3.0.0
-      escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.0
-      eslint-visitor-keys: 3.4.1
-      espree: 9.6.0
-      esquery: 1.5.0
-      esutils: 2.0.3
-      fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
-      find-up: 5.0.0
-      glob-parent: 6.0.2
-      globals: 13.20.0
-      graphemer: 1.4.0
-      ignore: 5.2.4
-      import-fresh: 3.3.0
-      imurmurhash: 0.1.4
-      is-glob: 4.0.3
-      is-path-inside: 3.0.3
-      js-yaml: 4.1.0
-      json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
-      lodash.merge: 4.6.2
-      minimatch: 3.1.2
-      natural-compare: 1.4.0
-      optionator: 0.9.3
-      strip-ansi: 6.0.1
-      strip-json-comments: 3.1.1
-      text-table: 0.2.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /esm-env/1.0.0:
-    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
-    dev: true
-
-  /espree/9.6.0:
-    resolution: {integrity: sha512-1FH/IiruXZ84tpUlm0aCUEwMl2Ho5ilqVh0VvQXw+byAz/4SAciyHLlfmL5WYqsvD38oymdUwBss0LtK8m4s/A==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      acorn: 8.10.0
-      acorn-jsx: 5.3.2_acorn@8.10.0
-      eslint-visitor-keys: 3.4.1
-    dev: true
-
-  /esprima/4.0.1:
-    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
-    engines: {node: '>=4'}
-    hasBin: true
-    dev: true
-
-  /esquery/1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
-    engines: {node: '>=0.10'}
-    dependencies:
-      estraverse: 5.3.0
-    dev: true
-
-  /esrecurse/4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
-    engines: {node: '>=4.0'}
-    dependencies:
-      estraverse: 5.3.0
-    dev: true
-
-  /estraverse/4.3.0:
-    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
-    engines: {node: '>=4.0'}
-    dev: true
-
-  /estraverse/5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
-    engines: {node: '>=4.0'}
-    dev: true
-
-  /esutils/2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /eventsource-parser/1.0.0:
-    resolution: {integrity: sha512-9jgfSCa3dmEme2ES3mPByGXfgZ87VbP97tng1G2nWwWx6bV2nYxm2AWCrbQjXToSe+yYlqaZNtxffR9IeQr95g==}
-    engines: {node: '>=14.18'}
-    dev: false
-
-  /expect/29.6.1:
-    resolution: {integrity: sha512-XEdDLonERCU1n9uR56/Stx9OqojaLAQtZf9PrCHH9Hl8YXiEIka3H4NXJ3NOIBmQJTg7+j7buh34PMHfJujc8g==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/expect-utils': 29.6.1
-      '@types/node': 20.4.1
-      jest-get-type: 29.4.3
-      jest-matcher-utils: 29.6.1
-      jest-message-util: 29.6.1
-      jest-util: 29.6.1
-    dev: true
-
-  /fast-deep-equal/3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-    dev: true
-
-  /fast-glob/3.3.0:
-    resolution: {integrity: sha512-ChDuvbOypPuNjO8yIDf36x7BlZX1smcUMTTcyoIjycexOxd6DFsKsg21qVBzEmr3G7fUKIRy2/psii+CIUt7FA==}
-    engines: {node: '>=8.6.0'}
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.5
-    dev: true
-
-  /fast-json-stable-stringify/2.1.0:
-    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-    dev: true
-
-  /fast-levenshtein/2.0.6:
-    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
-    dev: true
-
-  /fastq/1.15.0:
-    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
-    dependencies:
-      reusify: 1.0.4
-    dev: true
-
-  /file-entry-cache/6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-    dependencies:
-      flat-cache: 3.0.4
-    dev: true
-
-  /fill-range/7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      to-regex-range: 5.0.1
-    dev: true
-
-  /find-up/5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
-    engines: {node: '>=10'}
-    dependencies:
-      locate-path: 6.0.0
-      path-exists: 4.0.0
-    dev: true
-
-  /flat-cache/3.0.4:
-    resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-    dependencies:
-      flatted: 3.2.7
-      rimraf: 3.0.2
-    dev: true
-
-  /flatted/3.2.7:
-    resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
-    dev: true
-
-  /for-each/0.3.3:
-    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
-    dependencies:
-      is-callable: 1.2.7
-    dev: true
-
-  /form-data/2.5.1:
-    resolution: {integrity: sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==}
-    engines: {node: '>= 0.12'}
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      mime-types: 2.1.35
-    dev: false
-
-  /form-data/4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
-    engines: {node: '>= 6'}
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      mime-types: 2.1.35
-    dev: true
-
-  /fs.realpath/1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-    dev: true
-
-  /fsevents/2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    dev: true
-    optional: true
-
-  /function-bind/1.1.1:
-    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
-    dev: true
-
-  /functions-have-names/1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-    dev: true
-
-  /get-func-name/2.0.0:
-    resolution: {integrity: sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==}
-    dev: true
-
-  /get-intrinsic/1.2.1:
-    resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==}
-    dependencies:
-      function-bind: 1.1.1
-      has: 1.0.3
-      has-proto: 1.0.1
-      has-symbols: 1.0.3
-    dev: true
-
-  /glob-parent/5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
-    dependencies:
-      is-glob: 4.0.3
-    dev: true
-
-  /glob-parent/6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      is-glob: 4.0.3
-    dev: true
-
-  /glob/7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.2
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-    dev: true
-
-  /globals/13.20.0:
-    resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      type-fest: 0.20.2
-    dev: true
-
-  /globby/11.1.0:
-    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
-    engines: {node: '>=10'}
-    dependencies:
-      array-union: 2.1.0
-      dir-glob: 3.0.1
-      fast-glob: 3.3.0
-      ignore: 5.2.4
-      merge2: 1.4.1
-      slash: 3.0.0
-    dev: true
-
-  /gopd/1.0.1:
-    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
-    dependencies:
-      get-intrinsic: 1.2.1
-    dev: true
-
-  /graceful-fs/4.2.11:
-    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
-    dev: true
-
-  /graphemer/1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-    dev: true
-
-  /has-bigints/1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
-    dev: true
-
-  /has-flag/3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /has-flag/4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /has-property-descriptors/1.0.0:
-    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
-    dependencies:
-      get-intrinsic: 1.2.1
-    dev: true
-
-  /has-proto/1.0.1:
-    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /has-symbols/1.0.3:
-    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /has-tostringtag/1.0.0:
-    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-symbols: 1.0.3
-    dev: true
-
-  /has/1.0.3:
-    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
-    engines: {node: '>= 0.4.0'}
-    dependencies:
-      function-bind: 1.1.1
-    dev: true
-
-  /html-encoding-sniffer/3.0.0:
-    resolution: {integrity: sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==}
-    engines: {node: '>=12'}
-    dependencies:
-      whatwg-encoding: 2.0.0
-    dev: true
-
-  /http-proxy-agent/5.0.0:
-    resolution: {integrity: sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==}
-    engines: {node: '>= 6'}
-    dependencies:
-      '@tootallnate/once': 2.0.0
-      agent-base: 6.0.2
-      debug: 4.3.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /https-proxy-agent/5.0.1:
-    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
-    engines: {node: '>= 6'}
-    dependencies:
-      agent-base: 6.0.2
-      debug: 4.3.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /iconv-lite/0.6.3:
-    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      safer-buffer: 2.1.2
-    dev: true
-
-  /ignore/5.2.4:
-    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
-    engines: {node: '>= 4'}
-    dev: true
-
-  /immutable/4.3.0:
-    resolution: {integrity: sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==}
-    dev: true
-
-  /import-fresh/3.3.0:
-    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
-    engines: {node: '>=6'}
-    dependencies:
-      parent-module: 1.0.1
-      resolve-from: 4.0.0
-    dev: true
-
-  /imurmurhash/0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
-    engines: {node: '>=0.8.19'}
-    dev: true
-
-  /indent-string/4.0.0:
-    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /inflight/1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
-    dependencies:
-      once: 1.4.0
-      wrappy: 1.0.2
-    dev: true
-
-  /inherits/2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-    dev: true
-
-  /internal-slot/1.0.5:
-    resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      get-intrinsic: 1.2.1
-      has: 1.0.3
-      side-channel: 1.0.4
-    dev: true
-
-  /is-arguments/1.1.1:
-    resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-array-buffer/3.0.2:
-    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
-      is-typed-array: 1.1.10
-    dev: true
-
-  /is-bigint/1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
-    dependencies:
-      has-bigints: 1.0.2
-    dev: true
-
-  /is-binary-path/2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-    dependencies:
-      binary-extensions: 2.2.0
-    dev: true
-
-  /is-boolean-object/1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-callable/1.2.7:
-    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /is-date-object/1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-extglob/2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /is-fullwidth-code-point/4.0.0:
-    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /is-glob/4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-extglob: 2.1.1
-    dev: true
-
-  /is-map/2.0.2:
-    resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
-    dev: true
-
-  /is-number-object/1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-number/7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
-    dev: true
-
-  /is-path-inside/3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /is-potential-custom-element-name/1.0.1:
-    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
-    dev: true
-
-  /is-regex/1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-set/2.0.2:
-    resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
-    dev: true
-
-  /is-shared-array-buffer/1.0.2:
-    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
-    dependencies:
-      call-bind: 1.0.2
-    dev: true
-
-  /is-string/1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-symbol/1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-symbols: 1.0.3
-    dev: true
-
-  /is-typed-array/1.1.10:
-    resolution: {integrity: sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      available-typed-arrays: 1.0.5
-      call-bind: 1.0.2
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-weakmap/2.0.1:
-    resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
-    dev: true
-
-  /is-weakset/2.0.2:
-    resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
-    dev: true
-
-  /isarray/1.0.0:
-    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
-    dev: true
-
-  /isarray/2.0.5:
-    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
-    dev: true
-
-  /isexe/2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-    dev: true
-
-  /isomorphic-form-data/2.0.0:
-    resolution: {integrity: sha512-TYgVnXWeESVmQSg4GLVbalmQ+B4NPi/H4eWxqALKj63KsUrcu301YDjBqaOw3h+cbak7Na4Xyps3BiptHtxTfg==}
-    dependencies:
-      form-data: 2.5.1
-    dev: false
-
-  /jest-diff/29.6.1:
-    resolution: {integrity: sha512-FsNCvinvl8oVxpNLttNQX7FAq7vR+gMDGj90tiP7siWw1UdakWUGqrylpsYrpvj908IYckm5Y0Q7azNAozU1Kg==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      chalk: 4.1.2
-      diff-sequences: 29.4.3
-      jest-get-type: 29.4.3
-      pretty-format: 29.6.1
-    dev: true
-
-  /jest-get-type/29.4.3:
-    resolution: {integrity: sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dev: true
-
-  /jest-matcher-utils/29.6.1:
-    resolution: {integrity: sha512-SLaztw9d2mfQQKHmJXKM0HCbl2PPVld/t9Xa6P9sgiExijviSp7TnZZpw2Fpt+OI3nwUO/slJbOfzfUMKKC5QA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      chalk: 4.1.2
-      jest-diff: 29.6.1
-      jest-get-type: 29.4.3
-      pretty-format: 29.6.1
-    dev: true
-
-  /jest-message-util/29.6.1:
-    resolution: {integrity: sha512-KoAW2zAmNSd3Gk88uJ56qXUWbFk787QKmjjJVOjtGFmmGSZgDBrlIL4AfQw1xyMYPNVD7dNInfIbur9B2rd/wQ==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@babel/code-frame': 7.22.5
-      '@jest/types': 29.6.1
-      '@types/stack-utils': 2.0.1
-      chalk: 4.1.2
-      graceful-fs: 4.2.11
-      micromatch: 4.0.5
-      pretty-format: 29.6.1
-      slash: 3.0.0
-      stack-utils: 2.0.6
-    dev: true
-
-  /jest-util/29.6.1:
-    resolution: {integrity: sha512-NRFCcjc+/uO3ijUVyNOQJluf8PtGCe/W6cix36+M3cTFgiYqFOOW5MgN4JOOcvbUhcKTYVd1CvHz/LWi8d16Mg==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/types': 29.6.1
-      '@types/node': 20.4.1
-      chalk: 4.1.2
-      ci-info: 3.8.0
-      graceful-fs: 4.2.11
-      picomatch: 2.3.1
-    dev: true
-
-  /js-tokens/4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
-    dev: true
-
-  /js-yaml/4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
-    hasBin: true
-    dependencies:
-      argparse: 2.0.1
-    dev: true
-
-  /jsdom/21.1.2:
-    resolution: {integrity: sha512-sCpFmK2jv+1sjff4u7fzft+pUh2KSUbUrEHYHyfSIbGTIcmnjyp83qg6qLwdJ/I3LpTXx33ACxeRL7Lsyc6lGQ==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      canvas: ^2.5.0
-    peerDependenciesMeta:
-      canvas:
-        optional: true
-    dependencies:
-      abab: 2.0.6
-      acorn: 8.10.0
-      acorn-globals: 7.0.1
-      cssstyle: 3.0.0
-      data-urls: 4.0.0
-      decimal.js: 10.4.3
-      domexception: 4.0.0
-      escodegen: 2.1.0
-      form-data: 4.0.0
-      html-encoding-sniffer: 3.0.0
-      http-proxy-agent: 5.0.0
-      https-proxy-agent: 5.0.1
-      is-potential-custom-element-name: 1.0.1
-      nwsapi: 2.2.7
-      parse5: 7.1.2
-      rrweb-cssom: 0.6.0
-      saxes: 6.0.0
-      symbol-tree: 3.2.4
-      tough-cookie: 4.1.3
-      w3c-xmlserializer: 4.0.0
-      webidl-conversions: 7.0.0
-      whatwg-encoding: 2.0.0
-      whatwg-mimetype: 3.0.0
-      whatwg-url: 12.0.1
-      ws: 8.13.0
-      xml-name-validator: 4.0.0
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-    dev: true
-
-  /json-schema-traverse/0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-    dev: true
-
-  /json-stable-stringify-without-jsonify/1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-    dev: true
-
-  /jsonc-parser/3.2.0:
-    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
-    dev: true
-
-  /kleur/4.1.5:
-    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /levn/0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-    dev: true
-
-  /local-pkg/0.4.3:
-    resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
-    engines: {node: '>=14'}
-    dev: true
-
-  /locate-path/6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
-    engines: {node: '>=10'}
-    dependencies:
-      p-locate: 5.0.0
-    dev: true
-
-  /lodash.merge/4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-    dev: true
-
-  /lodash/4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
-    dev: true
-
-  /logrocket/3.0.1:
-    resolution: {integrity: sha512-jOWG+jEzobKVxGytzZ+4KGm2kiMQMRTHab2uDWQyVZcHfEF38BlCH1yjQVY4LCmuQUwZitP9biMzJZnyUQ0dtQ==}
-    dev: false
-
-  /loupe/2.3.6:
-    resolution: {integrity: sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==}
-    dependencies:
-      get-func-name: 2.0.0
-    dev: true
-
-  /lru-cache/4.1.5:
-    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
-    dependencies:
-      pseudomap: 1.0.2
-      yallist: 2.1.2
-    dev: true
-
-  /lru-cache/6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
-    engines: {node: '>=10'}
-    dependencies:
-      yallist: 4.0.0
-    dev: true
-
-  /lz-string/1.5.0:
-    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
-    hasBin: true
-    dev: true
-
-  /magic-string/0.27.0:
-    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.15
-    dev: true
-
-  /magic-string/0.30.1:
-    resolution: {integrity: sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.15
-
-  /merge2/1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
-    dev: true
-
-  /micromatch/4.0.5:
-    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
-    engines: {node: '>=8.6'}
-    dependencies:
-      braces: 3.0.2
-      picomatch: 2.3.1
-    dev: true
-
-  /mime-db/1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
-    engines: {node: '>= 0.6'}
-
-  /mime-types/2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
-    engines: {node: '>= 0.6'}
-    dependencies:
-      mime-db: 1.52.0
-
-  /mime/3.0.0:
-    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    dev: true
-
-  /min-indent/1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /minimatch/3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
-    dependencies:
-      brace-expansion: 1.1.11
-    dev: true
-
-  /minimist/1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
-    dev: true
-
-  /mkdirp/0.5.6:
-    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
-    hasBin: true
-    dependencies:
-      minimist: 1.2.8
-    dev: true
-
-  /mlly/1.4.0:
-    resolution: {integrity: sha512-ua8PAThnTwpprIaU47EPeZ/bPUVp2QYBbWMphUQpVdBI3Lgqzm5KZQ45Agm3YJedHXaIHl6pBGabaLSUPPSptg==}
-    dependencies:
-      acorn: 8.10.0
-      pathe: 1.1.1
-      pkg-types: 1.0.3
-      ufo: 1.1.2
-    dev: true
-
-  /mri/1.2.0:
-    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /mrmime/1.0.1:
-    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /ms/2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-    dev: true
-
-  /nanoid/3.3.6:
-    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
-  /natural-compare-lite/1.4.0:
-    resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
-    dev: true
-
-  /natural-compare/1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-    dev: true
-
-  /node-fetch/2.6.7:
-    resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==}
-    engines: {node: 4.x || >=6.0.0}
-    peerDependencies:
-      encoding: ^0.1.0
-    peerDependenciesMeta:
-      encoding:
-        optional: true
-    dependencies:
-      whatwg-url: 5.0.0
-    dev: false
-
-  /normalize-path/3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /normalize.css/8.0.1:
-    resolution: {integrity: sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==}
-    dev: false
-
-  /nwsapi/2.2.7:
-    resolution: {integrity: sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==}
-    dev: true
-
-  /object-inspect/1.12.3:
-    resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
-    dev: true
-
-  /object-is/1.1.5:
-    resolution: {integrity: sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-    dev: true
-
-  /object-keys/1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /object.assign/4.1.4:
-    resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      has-symbols: 1.0.3
-      object-keys: 1.1.1
-    dev: true
-
-  /once/1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
-    dependencies:
-      wrappy: 1.0.2
-    dev: true
-
-  /optionator/0.9.3:
-    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      '@aashutoshrathi/word-wrap': 1.2.6
-      deep-is: 0.1.4
-      fast-levenshtein: 2.0.6
-      levn: 0.4.1
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-    dev: true
-
-  /os-shim/0.1.3:
-    resolution: {integrity: sha512-jd0cvB8qQ5uVt0lvCIexBaROw1KyKm5sbulg2fWOHjETisuCzWyt+eTZKEMs8v6HwzoGs8xik26jg7eCM6pS+A==}
-    engines: {node: '>= 0.4.0'}
-    dev: true
-
-  /p-limit/3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      yocto-queue: 0.1.0
-    dev: true
-
-  /p-limit/4.0.0:
-    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      yocto-queue: 1.0.0
-    dev: true
-
-  /p-locate/5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
-    engines: {node: '>=10'}
-    dependencies:
-      p-limit: 3.1.0
-    dev: true
-
-  /parent-module/1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
-    engines: {node: '>=6'}
-    dependencies:
-      callsites: 3.1.0
-    dev: true
-
-  /parse5/7.1.2:
-    resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
-    dependencies:
-      entities: 4.5.0
-    dev: true
-
-  /path-exists/4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /path-is-absolute/1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /path-key/3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /path-type/4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /pathe/1.1.1:
-    resolution: {integrity: sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==}
-    dev: true
-
-  /pathval/1.1.1:
-    resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
-    dev: true
-
-  /picocolors/1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
-    dev: true
-
-  /picomatch/2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
-    dev: true
-
-  /pkg-types/1.0.3:
-    resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
-    dependencies:
-      jsonc-parser: 3.2.0
-      mlly: 1.4.0
-      pathe: 1.1.1
-    dev: true
-
-  /playwright-core/1.35.1:
-    resolution: {integrity: sha512-pNXb6CQ7OqmGDRspEjlxE49w+4YtR6a3X6mT1hZXeJHWmsEz7SunmvZeiG/+y1yyMZdHnnn73WKYdtV1er0Xyg==}
-    engines: {node: '>=16'}
-    hasBin: true
-    dev: true
-
-  /postcss/8.4.25:
-    resolution: {integrity: sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.3.6
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-    dev: true
-
-  /pre-commit/1.2.2:
-    resolution: {integrity: sha512-qokTiqxD6GjODy5ETAIgzsRgnBWWQHQH2ghy86PU7mIn/wuWeTwF3otyNQZxWBwVn8XNr8Tdzj/QfUXpH+gRZA==}
-    requiresBuild: true
-    dependencies:
-      cross-spawn: 5.1.0
-      spawn-sync: 1.0.15
-      which: 1.2.14
-    dev: true
-
-  /prelude-ls/1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
-    engines: {node: '>= 0.8.0'}
-    dev: true
-
-  /prettier-plugin-svelte/2.10.1_prettier@2.8.8+svelte@3.59.2:
-    resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==}
-    peerDependencies:
-      prettier: ^1.16.4 || ^2.0.0
-      svelte: ^3.2.0 || ^4.0.0-next.0
-    dependencies:
-      prettier: 2.8.8
-      svelte: 3.59.2
-    dev: true
-
-  /prettier/2.8.8:
-    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-    dev: true
-
-  /pretty-bytes/6.1.0:
-    resolution: {integrity: sha512-Rk753HI8f4uivXi4ZCIYdhmG1V+WKzvRMg/X+M42a6t7D07RcmopXJMDNk6N++7Bl75URRGsb40ruvg7Hcp2wQ==}
-    engines: {node: ^14.13.1 || >=16.0.0}
-    dev: false
-
-  /pretty-format/27.5.1:
-    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
-    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
-    dependencies:
-      ansi-regex: 5.0.1
-      ansi-styles: 5.2.0
-      react-is: 17.0.2
-    dev: true
-
-  /pretty-format/29.6.1:
-    resolution: {integrity: sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/schemas': 29.6.0
-      ansi-styles: 5.2.0
-      react-is: 18.2.0
-    dev: true
-
-  /prismjs/1.29.0:
-    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
-    engines: {node: '>=6'}
-    dev: false
-
-  /process-nextick-args/2.0.1:
-    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
-    dev: true
-
-  /pseudomap/1.0.2:
-    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
-    dev: true
-
-  /psl/1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
-    dev: true
-
-  /punycode/2.3.0:
-    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /querystringify/2.2.0:
-    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
-    dev: true
-
-  /queue-microtask/1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
-    dev: true
-
-  /react-is/17.0.2:
-    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
-    dev: true
-
-  /react-is/18.2.0:
-    resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
-    dev: true
-
-  /readable-stream/2.3.8:
-    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
-    dependencies:
-      core-util-is: 1.0.3
-      inherits: 2.0.4
-      isarray: 1.0.0
-      process-nextick-args: 2.0.1
-      safe-buffer: 5.1.2
-      string_decoder: 1.1.1
-      util-deprecate: 1.0.2
-    dev: true
-
-  /readdirp/3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-    dependencies:
-      picomatch: 2.3.1
-    dev: true
-
-  /redent/3.0.0:
-    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
-    engines: {node: '>=8'}
-    dependencies:
-      indent-string: 4.0.0
-      strip-indent: 3.0.0
-    dev: true
-
-  /regenerator-runtime/0.13.11:
-    resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
-    dev: true
-
-  /regexp.prototype.flags/1.5.0:
-    resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      functions-have-names: 1.2.3
-    dev: true
-
-  /requires-port/1.0.0:
-    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
-    dev: true
-
-  /resolve-from/4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /reusify/1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-    dev: true
-
-  /rimraf/2.7.1:
-    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
-    hasBin: true
-    dependencies:
-      glob: 7.2.3
-    dev: true
-
-  /rimraf/3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    hasBin: true
-    dependencies:
-      glob: 7.2.3
-    dev: true
-
-  /rollup/3.26.2:
-    resolution: {integrity: sha512-6umBIGVz93er97pMgQO08LuH3m6PUb3jlDUUGFsNJB6VgTCUaDFpupf5JfU30529m/UKOgmiX+uY6Sx8cOYpLA==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /rrweb-cssom/0.6.0:
-    resolution: {integrity: sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==}
-    dev: true
-
-  /run-parallel/1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
-    dependencies:
-      queue-microtask: 1.2.3
-    dev: true
-
-  /sade/1.8.1:
-    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
-    engines: {node: '>=6'}
-    dependencies:
-      mri: 1.2.0
-    dev: true
-
-  /safe-buffer/5.1.2:
-    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
-    dev: true
-
-  /safer-buffer/2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
-    dev: true
-
-  /sander/0.5.1:
-    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
-    dependencies:
-      es6-promise: 3.3.1
-      graceful-fs: 4.2.11
-      mkdirp: 0.5.6
-      rimraf: 2.7.1
-    dev: true
-
-  /sass/1.63.6:
-    resolution: {integrity: sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
-    dependencies:
-      chokidar: 3.5.3
-      immutable: 4.3.0
-      source-map-js: 1.0.2
-    dev: true
-
-  /saxes/6.0.0:
-    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
-    engines: {node: '>=v12.22.7'}
-    dependencies:
-      xmlchars: 2.2.0
-    dev: true
-
-  /semver/7.5.4:
-    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      lru-cache: 6.0.0
-    dev: true
-
-  /set-cookie-parser/2.6.0:
-    resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
-    dev: true
-
-  /shebang-command/1.2.0:
-    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      shebang-regex: 1.0.0
-    dev: true
-
-  /shebang-command/2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
-    dependencies:
-      shebang-regex: 3.0.0
-    dev: true
-
-  /shebang-regex/1.0.0:
-    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /shebang-regex/3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /side-channel/1.0.4:
-    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
-      object-inspect: 1.12.3
-    dev: true
-
-  /siginfo/2.0.0:
-    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
-    dev: true
-
-  /sirv/2.0.3:
-    resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==}
-    engines: {node: '>= 10'}
-    dependencies:
-      '@polka/url': 1.0.0-next.21
-      mrmime: 1.0.1
-      totalist: 3.0.1
-    dev: true
-
-  /slash/3.0.0:
-    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /slice-ansi/5.0.0:
-    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      ansi-styles: 6.2.1
-      is-fullwidth-code-point: 4.0.0
-    dev: true
-
-  /sorcery/0.11.0:
-    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
-    hasBin: true
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.15
-      buffer-crc32: 0.2.13
-      minimist: 1.2.8
-      sander: 0.5.1
-    dev: true
-
-  /source-map-js/1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /source-map/0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /spawn-sync/1.0.15:
-    resolution: {integrity: sha512-9DWBgrgYZzNghseho0JOuh+5fg9u6QWhAWa51QC7+U5rCheZ/j1DrEZnyE0RBBRqZ9uEXGPgSSM0nky6burpVw==}
-    requiresBuild: true
-    dependencies:
-      concat-stream: 1.6.2
-      os-shim: 0.1.3
-    dev: true
-
-  /sswr/1.11.0_svelte@3.59.2:
-    resolution: {integrity: sha512-D7nEdEH0A1TKZjA1wRP6frxw/dtTCuV70EK5/pELP+FrcPmyaP8jLC49mrg86Ez5cb5z3NQb2MPx2M7ZZlSupQ==}
-    peerDependencies:
-      svelte: ^4.0.0
-    dependencies:
-      svelte: 3.59.2
-      swrev: 3.0.0
-    dev: false
-
-  /stack-utils/2.0.6:
-    resolution: {integrity: sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      escape-string-regexp: 2.0.0
-    dev: true
-
-  /stackback/0.0.2:
-    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
-    dev: true
-
-  /std-env/3.3.3:
-    resolution: {integrity: sha512-Rz6yejtVyWnVjC1RFvNmYL10kgjC49EOghxWn0RFqlCHGFpQx+Xe7yW3I4ceK1SGrWIGMjD5Kbue8W/udkbMJg==}
-    dev: true
-
-  /stop-iteration-iterator/1.0.0:
-    resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      internal-slot: 1.0.5
-    dev: true
-
-  /streamsearch/1.1.0:
-    resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
-    engines: {node: '>=10.0.0'}
-    dev: true
-
-  /string-width/5.1.2:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
-    engines: {node: '>=12'}
-    dependencies:
-      eastasianwidth: 0.2.0
-      emoji-regex: 9.2.2
-      strip-ansi: 7.1.0
-    dev: true
-
-  /string_decoder/1.1.1:
-    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
-    dependencies:
-      safe-buffer: 5.1.2
-    dev: true
-
-  /strip-ansi/6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
-    dependencies:
-      ansi-regex: 5.0.1
-    dev: true
-
-  /strip-ansi/7.1.0:
-    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      ansi-regex: 6.0.1
-    dev: true
-
-  /strip-indent/3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      min-indent: 1.0.1
-    dev: true
-
-  /strip-json-comments/3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /strip-literal/1.0.1:
-    resolution: {integrity: sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==}
-    dependencies:
-      acorn: 8.10.0
-    dev: true
-
-  /supports-color/5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
-    engines: {node: '>=4'}
-    dependencies:
-      has-flag: 3.0.0
-    dev: true
-
-  /supports-color/7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
-    engines: {node: '>=8'}
-    dependencies:
-      has-flag: 4.0.0
-    dev: true
-
-  /svelte-check/3.4.5_sass@1.63.6+svelte@3.59.2:
-    resolution: {integrity: sha512-FsD/CUVdEI0F9sfylh1Fe15kDjvvbyBxzDpACPsdq0EASgaZukBXaMXofpxlgmWsgVET3OynMQlbtUQoWCz9Rw==}
-    hasBin: true
-    peerDependencies:
-      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.18
-      chokidar: 3.5.3
-      fast-glob: 3.3.0
-      import-fresh: 3.3.0
-      picocolors: 1.0.0
-      sade: 1.8.1
-      svelte: 3.59.2
-      svelte-preprocess: 5.0.4_4f8d0463f8af142e9709897eb40a2521
-      typescript: 5.1.6
-    transitivePeerDependencies:
-      - '@babel/core'
-      - coffeescript
-      - less
-      - postcss
-      - postcss-load-config
-      - pug
-      - sass
-      - stylus
-      - sugarss
-    dev: true
-
-  /svelte-hmr/0.15.2_svelte@3.59.2:
-    resolution: {integrity: sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==}
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0-next.0
-    dependencies:
-      svelte: 3.59.2
-    dev: true
-
-  /svelte-jester/2.3.2_svelte@3.59.2:
-    resolution: {integrity: sha512-JtxSz4FWAaCRBXbPsh4LcDs4Ua7zdXgLC0TZvT1R56hRV0dymmNP+abw67DTPF7sQPyNxWsOKd0Sl7Q8SnP8kg==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      jest: '>= 27'
-      svelte: '>= 3'
-    dependencies:
-      svelte: 3.59.2
-    dev: true
-
-  /svelte-preprocess/5.0.4_4f8d0463f8af142e9709897eb40a2521:
-    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
-    engines: {node: '>= 14.10.0'}
-    requiresBuild: true
-    peerDependencies:
-      '@babel/core': ^7.10.2
-      coffeescript: ^2.5.1
-      less: ^3.11.3 || ^4.0.0
-      postcss: ^7 || ^8
-      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
-      pug: ^3.0.0
-      sass: ^1.26.8
-      stylus: ^0.55.0
-      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
-      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0
-      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-      coffeescript:
-        optional: true
-      less:
-        optional: true
-      postcss:
-        optional: true
-      postcss-load-config:
-        optional: true
-      pug:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      '@types/pug': 2.0.6
-      detect-indent: 6.1.0
-      magic-string: 0.27.0
-      sass: 1.63.6
-      sorcery: 0.11.0
-      strip-indent: 3.0.0
-      svelte: 3.59.2
-      typescript: 5.1.6
-    dev: true
-
-  /svelte/3.59.2:
-    resolution: {integrity: sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==}
-    engines: {node: '>= 8'}
-    dev: true
-
-  /swr/2.1.5:
-    resolution: {integrity: sha512-/OhfZMcEpuz77KavXST5q6XE9nrOBOVcBLWjMT+oAE/kQHyE3PASrevXCtQDZ8aamntOfFkbVJp7Il9tNBQWrw==}
-    peerDependencies:
-      react: ^16.11.0 || ^17.0.0 || ^18.0.0
-    dependencies:
-      use-sync-external-store: 1.2.0
-    dev: false
-
-  /swrev/3.0.0:
-    resolution: {integrity: sha512-QJuZiptdOmbDY45pECBRVEgnoBlOKjeT2MWVz04wKHpWX15hM3P7EjcIbHDg5yLoPCMQ7to3349MEE+l9QF5HA==}
-    dev: false
-
-  /swrv/1.0.3:
-    resolution: {integrity: sha512-sl+eLEE+aPPjhP1E8gQ75q3RPRyw5Gd/kROnrTFo3+LkCeLskv7F+uAl5W97wgJkzitobL6FLsRPVm0DgIgN8A==}
-    peerDependencies:
-      vue: '>=3.2.26 < 4'
-    dev: false
-
-  /symbol-tree/3.2.4:
-    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
-    dev: true
-
-  /text-table/0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-    dev: true
-
-  /the-new-css-reset/1.9.0:
-    resolution: {integrity: sha512-bKM9xgiVFTqSuWle952Xu/YWE7qYMzPHWxerO0edxjBfPIm2T4k2tRpIJ45IU7knY35Jr6Fb5P/TVm2RIsB//Q==}
-    dev: false
-
-  /tinybench/2.5.0:
-    resolution: {integrity: sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==}
-    dev: true
-
-  /tinypool/0.4.0:
-    resolution: {integrity: sha512-2ksntHOKf893wSAH4z/+JbPpi92esw8Gn9N2deXX+B0EO92hexAVI9GIZZPx7P5aYo5KULfeOSt3kMOmSOy6uA==}
-    engines: {node: '>=14.0.0'}
-    dev: true
-
-  /tinyspy/1.1.1:
-    resolution: {integrity: sha512-UVq5AXt/gQlti7oxoIg5oi/9r0WpF7DGEVwXgqWSMmyN16+e3tl5lIvTaOpJ3TAtu5xFzWccFRM4R5NaWHF+4g==}
-    engines: {node: '>=14.0.0'}
-    dev: true
-
-  /tippy.js/6.3.7:
-    resolution: {integrity: sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==}
-    dependencies:
-      '@popperjs/core': 2.11.8
-    dev: false
-
-  /to-regex-range/5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
-    dependencies:
-      is-number: 7.0.0
-    dev: true
-
-  /totalist/3.0.1:
-    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /tough-cookie/4.1.3:
-    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
-    engines: {node: '>=6'}
-    dependencies:
-      psl: 1.9.0
-      punycode: 2.3.0
-      universalify: 0.2.0
-      url-parse: 1.5.10
-    dev: true
-
-  /tr46/0.0.3:
-    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
-    dev: false
-
-  /tr46/4.1.1:
-    resolution: {integrity: sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==}
-    engines: {node: '>=14'}
-    dependencies:
-      punycode: 2.3.0
-    dev: true
-
-  /tslib/1.14.1:
-    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
-    dev: true
-
-  /tslib/2.3.0:
-    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
-    dev: false
-
-  /tslib/2.6.0:
-    resolution: {integrity: sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==}
-
-  /tsutils/3.21.0_typescript@5.1.6:
-    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
-    engines: {node: '>= 6'}
-    peerDependencies:
-      typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
-    dependencies:
-      tslib: 1.14.1
-      typescript: 5.1.6
-    dev: true
-
-  /type-check/0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      prelude-ls: 1.2.1
-    dev: true
-
-  /type-detect/4.0.8:
-    resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /type-fest/0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /typedarray/0.0.6:
-    resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
-    dev: true
-
-  /typescript/5.1.6:
-    resolution: {integrity: sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-    dev: true
-
-  /ufo/1.1.2:
-    resolution: {integrity: sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==}
-    dev: true
-
-  /undici/5.22.1:
-    resolution: {integrity: sha512-Ji2IJhFXZY0x/0tVBXeQwgPlLWw13GVzpsWPQ3rV50IFMMof2I55PZZxtm4P6iNq+L5znYN9nSTAq0ZyE6lSJw==}
-    engines: {node: '>=14.0'}
-    dependencies:
-      busboy: 1.6.0
-    dev: true
-
-  /universalify/0.2.0:
-    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
-    engines: {node: '>= 4.0.0'}
-    dev: true
-
-  /uri-js/4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
-    dependencies:
-      punycode: 2.3.0
-    dev: true
-
-  /url-parse/1.5.10:
-    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
-    dependencies:
-      querystringify: 2.2.0
-      requires-port: 1.0.0
-    dev: true
-
-  /use-sync-external-store/1.2.0:
-    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    dev: false
-
-  /util-deprecate/1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
-    dev: true
-
-  /vite-node/0.29.8_@types+node@20.4.1+sass@1.63.6:
-    resolution: {integrity: sha512-b6OtCXfk65L6SElVM20q5G546yu10/kNrhg08afEoWlFRJXFq9/6glsvSVY+aI6YeC1tu2TtAqI2jHEQmOmsFw==}
-    engines: {node: '>=v14.16.0'}
-    hasBin: true
-    dependencies:
-      cac: 6.7.14
-      debug: 4.3.4
-      mlly: 1.4.0
-      pathe: 1.1.1
-      picocolors: 1.0.0
-      vite: 4.4.2_@types+node@20.4.1+sass@1.63.6
-    transitivePeerDependencies:
-      - '@types/node'
-      - less
-      - lightningcss
-      - sass
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-    dev: true
-
-  /vite/4.4.2_@types+node@20.4.1+sass@1.63.6:
-    resolution: {integrity: sha512-zUcsJN+UvdSyHhYa277UHhiJ3iq4hUBwHavOpsNUGsTgjBeoBlK8eDt+iT09pBq0h9/knhG/SPrZiM7cGmg7NA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      '@types/node': 20.4.1
-      esbuild: 0.18.11
-      postcss: 8.4.25
-      rollup: 3.26.2
-      sass: 1.63.6
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /vite/4.4.2_sass@1.63.6:
-    resolution: {integrity: sha512-zUcsJN+UvdSyHhYa277UHhiJ3iq4hUBwHavOpsNUGsTgjBeoBlK8eDt+iT09pBq0h9/knhG/SPrZiM7cGmg7NA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      esbuild: 0.18.11
-      postcss: 8.4.25
-      rollup: 3.26.2
-      sass: 1.63.6
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /vitefu/0.2.4_vite@4.4.2:
-    resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
-    dependencies:
-      vite: 4.4.2_sass@1.63.6
-    dev: true
-
-  /vitest/0.29.8_0ea0a70a66ac2d66448ea0e0cebbaf6c:
-    resolution: {integrity: sha512-JIAVi2GK5cvA6awGpH0HvH/gEG9PZ0a/WoxdiV3PmqK+3CjQMf8c+J/Vhv4mdZ2nRyXFw66sAg6qz7VNkaHfDQ==}
-    engines: {node: '>=v14.16.0'}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@vitest/browser': '*'
-      '@vitest/ui': '*'
-      happy-dom: '*'
-      jsdom: '*'
-      playwright: '*'
-      safaridriver: '*'
-      webdriverio: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@vitest/browser':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-      playwright:
-        optional: true
-      safaridriver:
-        optional: true
-      webdriverio:
-        optional: true
-    dependencies:
-      '@types/chai': 4.3.5
-      '@types/chai-subset': 1.3.3
-      '@types/node': 20.4.1
-      '@vitest/expect': 0.29.8
-      '@vitest/runner': 0.29.8
-      '@vitest/spy': 0.29.8
-      '@vitest/ui': 0.29.8
-      '@vitest/utils': 0.29.8
-      acorn: 8.10.0
-      acorn-walk: 8.2.0
-      cac: 6.7.14
-      chai: 4.3.7
-      debug: 4.3.4
-      jsdom: 21.1.2
-      local-pkg: 0.4.3
-      pathe: 1.1.1
-      picocolors: 1.0.0
-      source-map: 0.6.1
-      std-env: 3.3.3
-      strip-literal: 1.0.1
-      tinybench: 2.5.0
-      tinypool: 0.4.0
-      tinyspy: 1.1.1
-      vite: 4.4.2_@types+node@20.4.1+sass@1.63.6
-      vite-node: 0.29.8_@types+node@20.4.1+sass@1.63.6
-      why-is-node-running: 2.2.2
-    transitivePeerDependencies:
-      - less
-      - lightningcss
-      - sass
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-    dev: true
-
-  /w3c-xmlserializer/4.0.0:
-    resolution: {integrity: sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==}
-    engines: {node: '>=14'}
-    dependencies:
-      xml-name-validator: 4.0.0
-    dev: true
-
-  /web-vitals/3.3.2:
-    resolution: {integrity: sha512-qRkpmSeKfEWAzNhtX541xA8gCJ+pqCqBmUlDVkVDSCSYUvfvNqF+k9g8I+uyreRcDBdfiJrd0/aLbTy5ydo49Q==}
-    dev: false
-
-  /webidl-conversions/3.0.1:
-    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
-    dev: false
-
-  /webidl-conversions/7.0.0:
-    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /whatwg-encoding/2.0.0:
-    resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}
-    engines: {node: '>=12'}
-    dependencies:
-      iconv-lite: 0.6.3
-    dev: true
-
-  /whatwg-mimetype/3.0.0:
-    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /whatwg-url/12.0.1:
-    resolution: {integrity: sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==}
-    engines: {node: '>=14'}
-    dependencies:
-      tr46: 4.1.1
-      webidl-conversions: 7.0.0
-    dev: true
-
-  /whatwg-url/5.0.0:
-    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
-    dependencies:
-      tr46: 0.0.3
-      webidl-conversions: 3.0.1
-    dev: false
-
-  /which-boxed-primitive/1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
-    dependencies:
-      is-bigint: 1.0.4
-      is-boolean-object: 1.1.2
-      is-number-object: 1.0.7
-      is-string: 1.0.7
-      is-symbol: 1.0.4
-    dev: true
-
-  /which-collection/1.0.1:
-    resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==}
-    dependencies:
-      is-map: 2.0.2
-      is-set: 2.0.2
-      is-weakmap: 2.0.1
-      is-weakset: 2.0.2
-    dev: true
-
-  /which-typed-array/1.1.9:
-    resolution: {integrity: sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      available-typed-arrays: 1.0.5
-      call-bind: 1.0.2
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-tostringtag: 1.0.0
-      is-typed-array: 1.1.10
-    dev: true
-
-  /which/1.2.14:
-    resolution: {integrity: sha512-16uPglFkRPzgiUXYMi1Jf8Z5EzN1iB4V0ZtMXcHZnwsBtQhhHeCqoWw7tsUY42hJGNDWtUsVLTjakIa5BgAxCw==}
-    hasBin: true
-    dependencies:
-      isexe: 2.0.0
-    dev: true
-
-  /which/2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
-    dependencies:
-      isexe: 2.0.0
-    dev: true
-
-  /why-is-node-running/2.2.2:
-    resolution: {integrity: sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==}
-    engines: {node: '>=8'}
-    hasBin: true
-    dependencies:
-      siginfo: 2.0.0
-      stackback: 0.0.2
-    dev: true
-
-  /wrappy/1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-    dev: true
-
-  /ws/8.13.0:
-    resolution: {integrity: sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      bufferutil: ^4.0.1
-      utf-8-validate: '>=5.0.2'
-    peerDependenciesMeta:
-      bufferutil:
-        optional: true
-      utf-8-validate:
-        optional: true
-    dev: true
-
-  /xml-name-validator/4.0.0:
-    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /xmlchars/2.2.0:
-    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
-    dev: true
-
-  /yallist/2.1.2:
-    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
-    dev: true
-
-  /yallist/4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
-    dev: true
-
-  /yocto-queue/0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /yocto-queue/1.0.0:
-    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
-    engines: {node: '>=12.20'}
-    dev: true
-
-  /zrender/5.4.3:
-    resolution: {integrity: sha512-DRUM4ZLnoaT0PBVvGBDO9oWIDBKFdAVieNWxWwK0niYzJCMwGchRk21/hsE+RKkIveH3XHCyvXcJDkgLVvfizQ==}
-    dependencies:
-      tslib: 2.3.0
-    dev: false
diff --git a/vercel.json b/vercel.json
index f28657b06..31a34553e 100644
--- a/vercel.json
+++ b/vercel.json
@@ -5,5 +5,5 @@
             "destination": "/"
         }
     ],
-    "installCommand": "pnpm install"
+    "installCommand": "npm install --legacy-peer-deps"
 }

From cf21609c4e3a5c6dda2147f275a26dc433f257b6 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 10 Jul 2023 16:37:26 +0100
Subject: [PATCH 048/128] fix: ai streaming

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

diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index 9bf60d120..88a254c7c 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -91,14 +91,16 @@
                     <img src={CoolerAppwrite} alt="Appwrite logo" />
                 </div>
                 <div class="answer">
-                    {#if $isLoading}
+                    {#if $isLoading && !$completion}
                         <p>...</p>
                     {:else}
                         {#each answer as part}
                             {#if part.type === 'text'}
                                 <p>{part.value}</p>
                             {:else if part.type === 'code'}
-                                <Code language={part.language} code={part.value} />
+                                {#key part.value}
+                                    <Code language={part.language} code={part.value} />
+                                {/key}
                             {/if}
                         {/each}
                     {/if}
@@ -187,6 +189,7 @@
 
             p {
                 white-space: pre-wrap;
+                word-break: break-all;
             }
         }
 

From e6363ec4a638caccbf09307406f7948de90be8a1 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 11 Jul 2023 12:49:42 +0100
Subject: [PATCH 049/128] feat: find projects command

---
 src/lib/commandCenter/commands.ts             |  3 +-
 src/lib/commandCenter/panels/index.ts         |  8 +--
 src/lib/commandCenter/panels/projects.svelte  | 28 ++++++++++
 src/lib/commandCenter/panels/root.svelte      | 16 ++----
 src/lib/commandCenter/panels/template.svelte  | 55 ++++++++++++-------
 src/routes/console/+layout.svelte             |  8 +--
 src/routes/console/+layout.ts                 |  6 +-
 .../organization-[organization]/+page.svelte  | 19 ++++---
 .../console/project-[project]/+layout.svelte  |  8 +++
 .../overview/platforms/+page.svelte           | 17 +++---
 10 files changed, 109 insertions(+), 59 deletions(-)
 create mode 100644 src/lib/commandCenter/panels/projects.svelte

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 8782f8dc0..cd3379de1 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -6,6 +6,7 @@ import { derived, writable } from 'svelte/store';
 export type CommandGroup =
     | 'ungrouped'
     | 'navigation'
+    | 'projects'
     | 'project'
     | 'auth'
     | 'help'
@@ -16,7 +17,7 @@ export type CommandGroup =
     | 'storage';
 
 export type Command = {
-    keys: string[];
+    keys?: string[];
     /* Ctrl on Windows/Linux, Meta on Mac */
     ctrl?: boolean;
     shift?: boolean;
diff --git a/src/lib/commandCenter/panels/index.ts b/src/lib/commandCenter/panels/index.ts
index d0b6262f4..e2ce124ab 100644
--- a/src/lib/commandCenter/panels/index.ts
+++ b/src/lib/commandCenter/panels/index.ts
@@ -1,4 +1,4 @@
-import AI from './ai.svelte';
-import Root from './root.svelte';
-import Template from './template.svelte';
-export { AI, Root, Template };
+export { default as AI } from './ai.svelte';
+export { default as Root } from './root.svelte';
+export { default as Template } from './template.svelte';
+export { default as Projects } from './projects.svelte';
diff --git a/src/lib/commandCenter/panels/projects.svelte b/src/lib/commandCenter/panels/projects.svelte
new file mode 100644
index 000000000..bbcc334c5
--- /dev/null
+++ b/src/lib/commandCenter/panels/projects.svelte
@@ -0,0 +1,28 @@
+<!-- 
+    This is the root command panel. It precedes all other command panels.
+ -->
+<script lang="ts">
+    import { page } from '$app/stores';
+    import type { Models } from '@appwrite.io/console';
+    import Template from './template.svelte';
+    import { goto } from '$app/navigation';
+
+    let search = '';
+
+    $: projects = $page.data.projects as Models.ProjectList;
+    $: filteredProjects = projects.projects
+        .filter((project) => project.name.toLowerCase().includes(search.toLowerCase()))
+        .map((project) => {
+            return {
+                label: project.name,
+                callback: () => {
+                    goto(`/console/project-${project.$id}`);
+                },
+                group: 'projects'
+            } as const;
+        });
+</script>
+
+<Template options={filteredProjects} bind:search>
+    <div class="option" slot="option" let:option>{option.label}</div>
+</Template>
diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
index b79cf1602..7d13f401a 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -75,7 +75,7 @@
     ] as Array<Command | Omit<Command, 'keys'>>;
 </script>
 
-<Template options={results} bind:search>
+<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'}" />
@@ -85,13 +85,13 @@
         </div>
         <div class="u-flex u-gap-4 u-cross-center">
             {#if command.ctrl}
-                <kbd class="kbd"> {isMac() ? '⌘' : 'ctrl'} </kbd>
+                <kbd class="kbd"> {isMac() ? '⌘' : 'Ctrl'} </kbd>
             {/if}
             {#if command.shift}
-                <kbd class="kbd"> {isMac() ? '⇧' : 'shift'} </kbd>
+                <kbd class="kbd"> {isMac() ? '⇧' : 'Shift'} </kbd>
             {/if}
             {#if command.alt}
-                <kbd class="kbd"> {isMac() ? '⌥' : 'alt'} </kbd>
+                <kbd class="kbd"> {isMac() ? '⌥' : 'Alt'} </kbd>
             {/if}
             {#if 'keys' in command}
                 {#each command.keys as key, i}
@@ -108,12 +108,4 @@
         </div>
     </div>
     <svelte:fragment slot="no-options">No commands found</svelte:fragment>
-    <div slot="footer" class="footer u-flex u-flex u-cross-center u-main-space-between">
-        <div class="u-flex u-cross-center u-gap-4">
-            <kbd class="kbd">Enter</kbd> <span>to select and close</span>
-        </div>
-        <div class="u-flex u-cross-center u-gap-4">
-            <kbd class="kbd">Esc</kbd> <span>to close</span>
-        </div>
-    </div>
 </Template>
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index ba26bfc1b..f80f67195 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -17,9 +17,11 @@
     type Option = $$Generic<BaseOption>;
     export let options: Option[] | null = null;
     export let search = '';
+    export let searchPlaceholder = 'Search...';
     export let fullheight = false;
 
     let selected = 0;
+    let contentEl: HTMLElement;
 
     function triggerOption(option: Option) {
         const prevPanels = $subPanels.length;
@@ -60,9 +62,22 @@
 
             tick().then(() => {
                 if (!cardEl) return;
-                const selectedEl = cardEl.querySelector('[data-selected]');
 
-                if (selectedEl) {
+                const resultEls = Array.from(contentEl.querySelectorAll('.result'));
+                const selectedEl = contentEl.querySelector('[data-selected]');
+                const selectedIdx = resultEls.indexOf(selectedEl);
+
+                if (selectedIdx === 0) {
+                    contentEl.scrollTo({
+                        top: 0,
+                        behavior: 'smooth'
+                    });
+                } else if (selectedIdx === resultEls.length - 1) {
+                    contentEl.scrollTo({
+                        top: contentEl.scrollHeight,
+                        behavior: 'smooth'
+                    });
+                } else if (selectedEl) {
                     selectedEl.scrollIntoView({
                         block: 'nearest',
                         behavior: 'smooth'
@@ -83,7 +98,7 @@
     }
 
     const [send, receive] = crossfade({
-        duration: 150,
+        duration: 100,
         easing: quadOut
     });
 
@@ -173,16 +188,13 @@
 
         <slot name="search">
             <div class="u-flex default-search u-width-full-line">
-                <input
-                    type="text"
-                    placeholder="Search for commands..."
-                    autofocus
-                    bind:value={search} />
+                <!--  svelte-ignore a11y-autofocus -->
+                <input type="text" placeholder={searchPlaceholder} autofocus bind:value={search} />
             </div>
         </slot>
     </div>
 
-    <div class="content">
+    <div class="content" bind:this={contentEl}>
         {#if groupsAndOptions}
             <ul class="options">
                 {#each groupsAndOptions as item}
@@ -222,7 +234,17 @@
     </div>
 
     <div class="footer">
-        <slot name="footer" />
+        <slot name="footer">
+            <div class=" u-flex u-flex u-cross-center u-main-space-between">
+                <div class="u-flex u-cross-center u-gap-4">
+                    <kbd class="kbd">Enter</kbd> <span>to select</span>
+                </div>
+                <div class="u-flex u-cross-center u-gap-4">
+                    <kbd class="kbd">Esc</kbd>
+                    <span>to {$subPanels.length > 1 ? 'go back' : 'close'}</span>
+                </div>
+            </div>
+        </slot>
     </div>
 </div>
 
@@ -347,23 +369,18 @@
             .group {
                 color: hsl(var(--color-neutral-70));
                 margin-inline-start: 0.25rem;
-                margin-block-start: 1rem;
                 margin-block-end: 0.25rem;
                 position: relative;
                 z-index: 10;
+
+                &:not(:first-child) {
+                    margin-block-start: 1rem;
+                }
             }
 
             .result {
-                transition: 150ms;
                 position: relative;
 
-                opacity: 0.65;
-                transition: 75ms cubic-bezier(0.5, 1, 0.89, 1);
-                &[data-selected] {
-                    opacity: 1;
-                    transition: 150ms cubic-bezier(0.5, 1, 0.89, 1);
-                }
-
                 .bg {
                     position: absolute;
                     inset: 0;
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 477a9a8dc..e3e6146c5 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -17,9 +17,9 @@
 
     import { goto } from '$app/navigation';
 
-    import { addSubPanel } from '$lib/commandCenter/subPanels';
-    import { registerCommands, CommandCenter } from '$lib/commandCenter';
+    import { CommandCenter, registerCommands } from '$lib/commandCenter';
     import { AI } from '$lib/commandCenter/panels';
+    import { addSubPanel } from '$lib/commandCenter/subPanels';
 
     $: $registerCommands([
         {
@@ -38,9 +38,7 @@
             callback: () => {
                 goto('/console/account');
             },
-            keys: ['a'],
-            ctrl: true,
-            shift: true,
+            keys: ['g', 'i'],
             group: 'navigation'
         },
         {
diff --git a/src/routes/console/+layout.ts b/src/routes/console/+layout.ts
index 65de11ecd..f92e89834 100644
--- a/src/routes/console/+layout.ts
+++ b/src/routes/console/+layout.ts
@@ -1,4 +1,5 @@
 import { sdk } from '$lib/stores/sdk';
+
 import type { LayoutLoad } from './$types';
 
 export const load: LayoutLoad = async () => {
@@ -6,6 +7,9 @@ export const load: LayoutLoad = async () => {
     const data = await response.json();
 
     return {
-        version: data?.version ?? null
+        version: data?.version ?? null,
+        promised: {
+            // We nest these so that layout doesn't have to wait for these promises to load
+        }
     };
 };
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index 7eb42b7e2..bc10cbd0a 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-    import { goto } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
-    import { type Command, registerCommands } from '$lib/commandCenter';
+    import { addSubPanel, registerCommands } from '$lib/commandCenter';
+    import { Projects } from '$lib/commandCenter/panels';
     import { CardContainer, Empty, GridItem1, Heading, PaginationWithLimit } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
@@ -48,14 +48,17 @@
     }
 
     $: $registerCommands([
-        ...data.projects.projects.map<Command>((project, i) => ({
-            label: `Project ${project.name}`,
+        {
+            label: 'Find a project',
             callback: () => {
-                goto(`/console/project-${project.$id}`);
+                addSubPanel({
+                    name: 'Projects',
+                    component: Projects
+                });
             },
-            keys: ['p', `${i + 1}`],
-            group: 'project'
-        })),
+            group: 'project',
+            icon: 'search'
+        },
         {
             label: 'Create project',
             callback: () => {
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 1b78929e4..711791c06 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -58,6 +58,14 @@
             },
             keys: ['g', 's'],
             group: 'navigation'
+        },
+        {
+            label: 'Go to Settings',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/settings`);
+            },
+            keys: ['g', 'p'],
+            group: 'navigation'
         }
     ]);
 </script>
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index 2930bbd44..f9489cc0f 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -36,7 +36,6 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { app } from '$lib/stores/app';
     import type { PageData } from './$types';
-    import { registerCommands } from '$lib/commandCenter';
 
     export let data: PageData;
 
@@ -72,14 +71,14 @@
         }
     };
 
-    $: $registerCommands([
-        {
-            label: 'Create Web App',
-            callback: () => addPlatform(Platform.Web),
-            keys: ['c'],
-            icon: 'plus'
-        }
-    ]);
+    // $: $registerCommands([
+    //     {
+    //         label: 'Create Web App',
+    //         callback: () => addPlatform(Platform.Web),
+    //         keys: ['c'],
+    //         icon: 'plus'
+    //     }
+    // ]);
 </script>
 
 <div class="common-section u-flex u-gap-12">

From e983413d53d22368b2747eddcc19db955763c0c6 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 11 Jul 2023 12:53:37 +0100
Subject: [PATCH 050/128] feat: streamed projects

---
 src/lib/commandCenter/panels/projects.svelte             | 8 ++++++--
 .../console/organization-[organization]/+page.svelte     | 1 +
 src/routes/console/organization-[organization]/+page.ts  | 9 ++++++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/lib/commandCenter/panels/projects.svelte b/src/lib/commandCenter/panels/projects.svelte
index bbcc334c5..b1ebf6c5d 100644
--- a/src/lib/commandCenter/panels/projects.svelte
+++ b/src/lib/commandCenter/panels/projects.svelte
@@ -9,8 +9,12 @@
 
     let search = '';
 
-    $: projects = $page.data.projects as Models.ProjectList;
-    $: filteredProjects = projects.projects
+    let projects = [] as Models.ProjectList['projects'];
+    $page.data.streamed.projects.then((data) => {
+        projects = data.projects;
+    });
+
+    $: filteredProjects = projects
         .filter((project) => project.name.toLowerCase().includes(search.toLowerCase()))
         .map((project) => {
             return {
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index bc10cbd0a..0b416b0b7 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -56,6 +56,7 @@
                     component: Projects
                 });
             },
+            keys: ['f'],
             group: 'project',
             icon: 'search'
         },
diff --git a/src/routes/console/organization-[organization]/+page.ts b/src/routes/console/organization-[organization]/+page.ts
index 279a55084..46ad17cb6 100644
--- a/src/routes/console/organization-[organization]/+page.ts
+++ b/src/routes/console/organization-[organization]/+page.ts
@@ -17,6 +17,13 @@ export const load: PageLoad = async ({ params, url, route }) => {
             Query.limit(limit),
             Query.equal('teamId', params.organization),
             Query.orderDesc('$createdAt')
-        ])
+        ]),
+        streamed: {
+            // We nest these so that layout doesn't have to wait for these promises to load
+            projects: sdk.forConsole.projects.list([
+                Query.equal('teamId', params.organization),
+                Query.orderDesc('$createdAt')
+            ])
+        }
     };
 };

From dd0bc317cff669ecf028bc2f2acea2e1b3d8ef4b Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 11 Jul 2023 12:59:15 +0100
Subject: [PATCH 051/128] refactor: minor cmdCenter changes

---
 src/lib/commandCenter/commandCenter.svelte   | 2 +-
 src/lib/commandCenter/panels/template.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index 9d73cc558..c347023ec 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -31,7 +31,7 @@
                     clearSubPanels();
                 } else {
                     addSubPanel({
-                        name: 'commandPanel',
+                        name: 'root',
                         component: Root
                     });
                 }
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index f80f67195..1dbee47fd 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -156,7 +156,7 @@
 
     const castOption = (option: IndexedOption) => option as Option;
 
-    $: breadcrumbs = $subPanels.slice(1).map((panel) => panel.name);
+    $: breadcrumbs = $subPanels.filter((panel) => panel.name !== 'root').map((panel) => panel.name);
 
     const handleCrumbClick = (index: number) => {
         if (index === breadcrumbs.length - 1) {

From 89255a12362fec625279d731c6b0075bcca0ac68 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 11 Jul 2023 18:49:53 +0100
Subject: [PATCH 052/128] feat: basic command prioritization

---
 src/lib/commandCenter/commands.ts             | 87 ++++++++++++++++---
 src/lib/helpers/debounce.ts                   | 15 +++-
 src/routes/console/+layout.svelte             | 12 ++-
 src/routes/console/+layout.ts                 |  2 +-
 .../console/project-[project]/+layout.svelte  | 12 +--
 src/routes/store.ts                           |  8 +-
 6 files changed, 106 insertions(+), 30 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index cd3379de1..2e50916b2 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -7,7 +7,7 @@ export type CommandGroup =
     | 'ungrouped'
     | 'navigation'
     | 'projects'
-    | 'project'
+    | 'organizations'
     | 'auth'
     | 'help'
     | 'account'
@@ -16,13 +16,7 @@ export type CommandGroup =
     | 'functions'
     | 'storage';
 
-export type Command = {
-    keys?: string[];
-    /* Ctrl on Windows/Linux, Meta on Mac */
-    ctrl?: boolean;
-    shift?: boolean;
-    /* Alt on Windows/Linux, Option on Mac */
-    alt?: boolean;
+type BaseCommand = {
     callback: () => void;
     label?: string;
     disabled?: boolean;
@@ -31,6 +25,21 @@ export type Command = {
     icon?: string;
 };
 
+type KeyedCommand = BaseCommand & {
+    keys: string[];
+    /* Ctrl on Windows/Linux, Meta on Mac */
+    ctrl?: boolean;
+    shift?: boolean;
+    /* Alt on Windows/Linux, Option on Mac */
+    alt?: boolean;
+};
+
+function isKeyedCommand(command: Command): command is KeyedCommand {
+    return 'keys' in command;
+}
+
+export type Command = KeyedCommand | BaseCommand;
+
 export const commandMap = writable<Map<string, Command[]>>(new Map());
 export const disabledMap = writable<Map<string, boolean>>(new Map());
 
@@ -67,19 +76,73 @@ export const commandCenterKeyDownHandler = derived(
     ([$commandMap, enabled]) => {
         const commandsArr = Array.from($commandMap.values()).flat();
         let recentKeyCodes: number[] = [];
+        let validCommands: KeyedCommand[] = [];
+
+        const reset = debounce(() => {
+            recentKeyCodes = [];
+            validCommands = [];
+        }, 2000);
+
+        const getHighestPriorityCommand = () => {
+            if (validCommands.length === 1) {
+                return validCommands[0];
+            }
+            // Rank commands by how many keys and modifiers they have.
+            // Each key is worth 1 point, each modifier is worth 10 points.
+            // The command with the highest score wins.
+            const rankedCommands = validCommands.map((command) => {
+                const { keys, ctrl: meta, shift, alt } = command;
+                const modifiers = [meta, shift, alt].filter(Boolean).length;
+                return { command, score: keys.length + modifiers * 10 };
+            });
+
+            const highestScore = Math.max(...rankedCommands.map(({ score }) => score));
+            const highestScoreCommands = rankedCommands.filter(
+                ({ score }) => score === highestScore
+            );
+
+            if (highestScoreCommands.length === 1) {
+                return highestScoreCommands[0].command;
+            }
+
+            // If there's still a tie, the command with the most modifiers wins.
+            // And if even that's a tie, the first command wins.
+            const mostModifiers = Math.max(
+                ...highestScoreCommands.map(({ command }) => {
+                    const { ctrl: meta, shift, alt } = command;
+                    return [meta, shift, alt].filter(Boolean).length;
+                })
+            );
+            const mostModifiersCommands = highestScoreCommands.filter(({ command }) => {
+                const { ctrl: meta, shift, alt } = command;
+                return [meta, shift, alt].filter(Boolean).length === mostModifiers;
+            });
+
+            return mostModifiersCommands[0].command;
+        };
+
+        const execute = debounce(() => {
+            console.log('Executing command center command', { validCommands, recentKeyCodes });
+
+            const command = getHighestPriorityCommand();
+            command.callback();
+
+            reset.immediate();
+        }, 200);
 
         return (event: KeyboardEvent) => {
             recentKeyCodes.push(event.keyCode);
-            debounce(() => (recentKeyCodes = []), 1000)();
+            reset();
 
             for (const command of commandsArr) {
+                if (!isKeyedCommand(command)) continue;
                 if (!command.forceEnable) {
                     if (command.disabled) continue;
                     if (!enabled) continue;
                     if (isInputEvent(event)) continue;
                 }
 
-                const { keys, ctrl: meta, shift, alt, callback } = command;
+                const { keys, ctrl: meta, shift, alt } = command;
 
                 const isMetaPressed = meta ? (isMac() ? event.metaKey : event.ctrlKey) : true;
                 const isShiftPressed = shift ? event.shiftKey : true;
@@ -90,8 +153,8 @@ export const commandCenterKeyDownHandler = derived(
 
                 if (allKeysPressed && isMetaPressed && isShiftPressed && isAltPressed) {
                     event.preventDefault();
-                    callback();
-                    return;
+                    validCommands.push(command);
+                    execute();
                 }
             }
         };
diff --git a/src/lib/helpers/debounce.ts b/src/lib/helpers/debounce.ts
index bb9ea7a32..c84175740 100644
--- a/src/lib/helpers/debounce.ts
+++ b/src/lib/helpers/debounce.ts
@@ -1,7 +1,16 @@
 export function debounce<F extends (...params: any[]) => void>(fn: F, delay: number) {
     let timeoutID: ReturnType<typeof setTimeout> = null;
-    return function (this: any, ...args: any[]) {
+    const debounceFn = function (this: any, ...args: any[]) {
         clearTimeout(timeoutID);
-        timeoutID = window.setTimeout(() => fn.apply(this, args), delay);
-    } as F;
+        timeoutID = window.setTimeout(() => fn.apply(this, args), delay) as unknown as ReturnType<
+            typeof setTimeout
+        >;
+    } as F & { immediate: F };
+
+    debounceFn.immediate = ((...args: Parameters<F>) => {
+        clearTimeout(timeoutID);
+        return fn(args);
+    }) as F;
+
+    return debounceFn;
 }
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index e3e6146c5..3d19d0c08 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -38,18 +38,16 @@
             callback: () => {
                 goto('/console/account');
             },
-            keys: ['g', 'i'],
+            keys: ['i'],
             group: 'navigation'
         },
         {
-            label: 'Go to Home',
+            label: 'Create new Organization',
             callback: () => {
-                goto('/console');
+                newOrgModal.set(true);
             },
-            keys: ['g', 'h'],
-            // Check if pathname not like /console/organization-6374c26ba90067a6315d
-            disabled: $page.url.pathname.includes('/console/organization-'),
-            group: 'navigation'
+            keys: ['c', 'o'],
+            group: 'organizations'
         }
     ]);
 
diff --git a/src/routes/console/+layout.ts b/src/routes/console/+layout.ts
index f92e89834..4e252cdf5 100644
--- a/src/routes/console/+layout.ts
+++ b/src/routes/console/+layout.ts
@@ -8,7 +8,7 @@ export const load: LayoutLoad = async () => {
 
     return {
         version: data?.version ?? null,
-        promised: {
+        streamed: {
             // We nest these so that layout doesn't have to wait for these promises to load
         }
     };
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 711791c06..529852065 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -23,7 +23,7 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}`);
             },
-            keys: ['g', 'o'],
+            keys: ['o'],
             group: 'navigation'
         },
 
@@ -32,7 +32,7 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/auth`);
             },
-            keys: ['g', 'a'],
+            keys: ['a'],
             group: 'navigation'
         },
         {
@@ -40,7 +40,7 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/databases`);
             },
-            keys: ['g', 'd'],
+            keys: ['d'],
             group: 'navigation'
         },
         {
@@ -48,7 +48,7 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/functions`);
             },
-            keys: ['g', 'f'],
+            keys: ['f'],
             group: 'navigation'
         },
         {
@@ -56,7 +56,7 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/storage`);
             },
-            keys: ['g', 's'],
+            keys: ['s'],
             group: 'navigation'
         },
         {
@@ -64,7 +64,7 @@
             callback: () => {
                 goto(`/console/project-${$project.$id}/settings`);
             },
-            keys: ['g', 'p'],
+            keys: ['p'],
             group: 'navigation'
         }
     ]);
diff --git a/src/routes/store.ts b/src/routes/store.ts
index dd2756663..9d1876a77 100644
--- a/src/routes/store.ts
+++ b/src/routes/store.ts
@@ -1,3 +1,9 @@
-import { writable } from 'svelte/store';
+import { page } from '$app/stores';
+import type { Models } from '@appwrite.io/console';
+import { derived, writable } from 'svelte/store';
 
 export const loading = writable(true);
+
+export const organizations = derived(page, ($page) => {
+    return $page.data.organizations as Models.TeamList<Models.Preferences>;
+});

From 79feb7df6d9772808c6629ea9e17daf9ecd97721 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 11 Jul 2023 18:54:58 +0100
Subject: [PATCH 053/128] refactor: improve command ranking algorithm

---
 src/lib/commandCenter/commands.ts | 31 ++++++++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 2e50916b2..bb2f5cde4 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -71,6 +71,20 @@ function isInputEvent(event: KeyboardEvent) {
     return ['INPUT', 'TEXTAREA', 'SELECT'].includes((event.target as HTMLElement).tagName);
 }
 
+function hasDisputing(command: KeyedCommand, allCommands: Command[]) {
+    return allCommands.some((otherCommand) => {
+        if (command === otherCommand) {
+            return false;
+        }
+        if (!isKeyedCommand(otherCommand)) {
+            return false;
+        }
+        const keysString = command.keys.join('+');
+        const otherKeysString = otherCommand.keys.join('+');
+        return keysString.includes(otherKeysString) || otherKeysString.includes(keysString);
+    });
+}
+
 export const commandCenterKeyDownHandler = derived(
     [commandMap, commandsEnabled],
     ([$commandMap, enabled]) => {
@@ -121,15 +135,23 @@ export const commandCenterKeyDownHandler = derived(
             return mostModifiersCommands[0].command;
         };
 
-        const execute = debounce(() => {
-            console.log('Executing command center command', { validCommands, recentKeyCodes });
-
+        const rankAndExecute = debounce(() => {
             const command = getHighestPriorityCommand();
             command.callback();
 
             reset.immediate();
         }, 200);
 
+        const execute = (command: KeyedCommand) => {
+            if (hasDisputing(command, commandsArr)) {
+                validCommands.push(command);
+                rankAndExecute();
+            } else {
+                command.callback();
+                reset.immediate();
+            }
+        };
+
         return (event: KeyboardEvent) => {
             recentKeyCodes.push(event.keyCode);
             reset();
@@ -153,8 +175,7 @@ export const commandCenterKeyDownHandler = derived(
 
                 if (allKeysPressed && isMetaPressed && isShiftPressed && isAltPressed) {
                     event.preventDefault();
-                    validCommands.push(command);
-                    execute();
+                    execute(command);
                 }
             }
         };

From edea04cffdd3d9ae271abc4b87fd38ed19ac6cde Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 11 Jul 2023 18:59:24 +0100
Subject: [PATCH 054/128] refactor: further improve cmd ranking

---
 src/lib/commandCenter/commands.ts | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index bb2f5cde4..8e5f29222 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -71,6 +71,12 @@ function isInputEvent(event: KeyboardEvent) {
     return ['INPUT', 'TEXTAREA', 'SELECT'].includes((event.target as HTMLElement).tagName);
 }
 
+function getCommandRank(command: KeyedCommand) {
+    const { keys, ctrl: meta, shift, alt } = command;
+    const modifiers = [meta, shift, alt].filter(Boolean).length;
+    return keys.length + modifiers * 10;
+}
+
 function hasDisputing(command: KeyedCommand, allCommands: Command[]) {
     return allCommands.some((otherCommand) => {
         if (command === otherCommand) {
@@ -81,7 +87,14 @@ function hasDisputing(command: KeyedCommand, allCommands: Command[]) {
         }
         const keysString = command.keys.join('+');
         const otherKeysString = otherCommand.keys.join('+');
-        return keysString.includes(otherKeysString) || otherKeysString.includes(keysString);
+
+        const cmdRank = getCommandRank(command);
+        const otherCmdRank = getCommandRank(otherCommand);
+
+        return (
+            (keysString.includes(otherKeysString) || otherKeysString.includes(keysString)) &&
+            cmdRank <= otherCmdRank
+        );
     });
 }
 
@@ -105,9 +118,7 @@ export const commandCenterKeyDownHandler = derived(
             // Each key is worth 1 point, each modifier is worth 10 points.
             // The command with the highest score wins.
             const rankedCommands = validCommands.map((command) => {
-                const { keys, ctrl: meta, shift, alt } = command;
-                const modifiers = [meta, shift, alt].filter(Boolean).length;
-                return { command, score: keys.length + modifiers * 10 };
+                return { command, score: getCommandRank(command) };
             });
 
             const highestScore = Math.max(...rankedCommands.map(({ score }) => score));
@@ -138,7 +149,6 @@ export const commandCenterKeyDownHandler = derived(
         const rankAndExecute = debounce(() => {
             const command = getHighestPriorityCommand();
             command.callback();
-
             reset.immediate();
         }, 200);
 

From 7d4009fdff531389075648f72a6ebe8bf3e83073 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 12 Jul 2023 10:17:01 +0100
Subject: [PATCH 055/128] command center debug

---
 package-lock.json                          | 3199 +++++++++++++++++++-
 src/lib/actions/portal.ts                  |   42 +
 src/lib/commandCenter/commandCenter.svelte |   50 +-
 src/lib/commandCenter/commands.ts          |    4 +-
 4 files changed, 3285 insertions(+), 10 deletions(-)
 create mode 100644 src/lib/actions/portal.ts

diff --git a/package-lock.json b/package-lock.json
index 59b890cfe..ca8632a0a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -73,6 +73,20 @@
             "integrity": "sha512-E09FiIft46CmH5Qnjb0wsW54/YQd69LsxeKUOWawmws1XWvyFGURnAChH0mlr7YPFR1ofwvUQfcL0J3lMxXqPA==",
             "dev": true
         },
+        "node_modules/@ampproject/remapping": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+            "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jridgewell/gen-mapping": "^0.3.0",
+                "@jridgewell/trace-mapping": "^0.3.9"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
         "node_modules/@analytics/cookie-utils": {
             "version": "0.2.12",
             "resolved": "https://registry.npmjs.org/@analytics/cookie-utils/-/cookie-utils-0.2.12.tgz",
@@ -179,6 +193,223 @@
                 "node": ">=6.9.0"
             }
         },
+        "node_modules/@babel/compat-data": {
+            "version": "7.22.6",
+            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.6.tgz",
+            "integrity": "sha512-29tfsWTq2Ftu7MXmimyC0C5FDZv5DYxOZkh3XD3+QW4V/BYuv/LyEsjj3c0hqedEaDt6DBfDvexMKU8YevdqFg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/core": {
+            "version": "7.22.8",
+            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.8.tgz",
+            "integrity": "sha512-75+KxFB4CZqYRXjx4NlR4J7yGvKumBuZTmV4NV6v09dVXXkuYVYLT68N6HCzLvfJ+fWCxQsntNzKwwIXL4bHnw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@ampproject/remapping": "^2.2.0",
+                "@babel/code-frame": "^7.22.5",
+                "@babel/generator": "^7.22.7",
+                "@babel/helper-compilation-targets": "^7.22.6",
+                "@babel/helper-module-transforms": "^7.22.5",
+                "@babel/helpers": "^7.22.6",
+                "@babel/parser": "^7.22.7",
+                "@babel/template": "^7.22.5",
+                "@babel/traverse": "^7.22.8",
+                "@babel/types": "^7.22.5",
+                "@nicolo-ribaudo/semver-v6": "^6.3.3",
+                "convert-source-map": "^1.7.0",
+                "debug": "^4.1.0",
+                "gensync": "^1.0.0-beta.2",
+                "json5": "^2.2.2"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/babel"
+            }
+        },
+        "node_modules/@babel/core/node_modules/convert-source-map": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+            "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/@babel/generator": {
+            "version": "7.22.7",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.7.tgz",
+            "integrity": "sha512-p+jPjMG+SI8yvIaxGgeW24u7q9+5+TGpZh8/CuB7RhBKd7RCy8FayNEFNNKrNK/eUcY/4ExQqLmyrvBXKsIcwQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/types": "^7.22.5",
+                "@jridgewell/gen-mapping": "^0.3.2",
+                "@jridgewell/trace-mapping": "^0.3.17",
+                "jsesc": "^2.5.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-compilation-targets": {
+            "version": "7.22.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.6.tgz",
+            "integrity": "sha512-534sYEqWD9VfUm3IPn2SLcH4Q3P86XL+QvqdC7ZsFrzyyPF3T4XGiVghF6PTYNdWg6pXuoqXxNQAhbYeEInTzA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/compat-data": "^7.22.6",
+                "@babel/helper-validator-option": "^7.22.5",
+                "@nicolo-ribaudo/semver-v6": "^6.3.3",
+                "browserslist": "^4.21.9",
+                "lru-cache": "^5.1.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0"
+            }
+        },
+        "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+            "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "yallist": "^3.0.2"
+            }
+        },
+        "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+            "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/@babel/helper-environment-visitor": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz",
+            "integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-function-name": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz",
+            "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/template": "^7.22.5",
+                "@babel/types": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-hoist-variables": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
+            "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/types": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-module-imports": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz",
+            "integrity": "sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/types": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-module-transforms": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz",
+            "integrity": "sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-environment-visitor": "^7.22.5",
+                "@babel/helper-module-imports": "^7.22.5",
+                "@babel/helper-simple-access": "^7.22.5",
+                "@babel/helper-split-export-declaration": "^7.22.5",
+                "@babel/helper-validator-identifier": "^7.22.5",
+                "@babel/template": "^7.22.5",
+                "@babel/traverse": "^7.22.5",
+                "@babel/types": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-plugin-utils": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
+            "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-simple-access": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+            "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/types": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-split-export-declaration": {
+            "version": "7.22.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
+            "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/types": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-string-parser": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
+            "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
         "node_modules/@babel/helper-validator-identifier": {
             "version": "7.22.5",
             "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz",
@@ -188,6 +419,31 @@
                 "node": ">=6.9.0"
             }
         },
+        "node_modules/@babel/helper-validator-option": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz",
+            "integrity": "sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helpers": {
+            "version": "7.22.6",
+            "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.6.tgz",
+            "integrity": "sha512-YjDs6y/fVOYFV8hAf1rxd1QvR9wJe1pDBZ2AREKq/SDayfPzgk0PBnVuTCE5X1acEpMMNOVUqoe+OwiZGJ+OaA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/template": "^7.22.5",
+                "@babel/traverse": "^7.22.6",
+                "@babel/types": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
         "node_modules/@babel/highlight": {
             "version": "7.22.5",
             "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz",
@@ -273,6 +529,209 @@
                 "node": ">=4"
             }
         },
+        "node_modules/@babel/parser": {
+            "version": "7.22.7",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.7.tgz",
+            "integrity": "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==",
+            "peer": true,
+            "bin": {
+                "parser": "bin/babel-parser.js"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-async-generators": {
+            "version": "7.8.4",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+            "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-bigint": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
+            "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-class-properties": {
+            "version": "7.12.13",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+            "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.12.13"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-import-meta": {
+            "version": "7.10.4",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+            "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.10.4"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-json-strings": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+            "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-jsx": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
+            "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+            "version": "7.10.4",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+            "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.10.4"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+            "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-numeric-separator": {
+            "version": "7.10.4",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+            "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.10.4"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-object-rest-spread": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+            "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+            "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-optional-chaining": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+            "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-top-level-await": {
+            "version": "7.14.5",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+            "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.14.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-syntax-typescript": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
+            "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
         "node_modules/@babel/runtime": {
             "version": "7.22.6",
             "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.6.tgz",
@@ -285,6 +744,75 @@
                 "node": ">=6.9.0"
             }
         },
+        "node_modules/@babel/template": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz",
+            "integrity": "sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/code-frame": "^7.22.5",
+                "@babel/parser": "^7.22.5",
+                "@babel/types": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/traverse": {
+            "version": "7.22.8",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.8.tgz",
+            "integrity": "sha512-y6LPR+wpM2I3qJrsheCTwhIinzkETbplIgPBbwvqPKc+uljeA5gP+3nP8irdYt1mjQaDnlIcG+dw8OjAco4GXw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/code-frame": "^7.22.5",
+                "@babel/generator": "^7.22.7",
+                "@babel/helper-environment-visitor": "^7.22.5",
+                "@babel/helper-function-name": "^7.22.5",
+                "@babel/helper-hoist-variables": "^7.22.5",
+                "@babel/helper-split-export-declaration": "^7.22.6",
+                "@babel/parser": "^7.22.7",
+                "@babel/types": "^7.22.5",
+                "debug": "^4.1.0",
+                "globals": "^11.1.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/traverse/node_modules/globals": {
+            "version": "11.12.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+            "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/types": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.5.tgz",
+            "integrity": "sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-string-parser": "^7.22.5",
+                "@babel/helper-validator-identifier": "^7.22.5",
+                "to-fast-properties": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@bcoe/v8-coverage": {
+            "version": "0.2.3",
+            "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+            "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/@esbuild/android-arm": {
             "version": "0.18.11",
             "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.11.tgz",
@@ -726,6 +1254,254 @@
             "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
             "dev": true
         },
+        "node_modules/@istanbuljs/load-nyc-config": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+            "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "camelcase": "^5.3.1",
+                "find-up": "^4.1.0",
+                "get-package-type": "^0.1.0",
+                "js-yaml": "^3.13.1",
+                "resolve-from": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@istanbuljs/load-nyc-config/node_modules/argparse": {
+            "version": "1.0.10",
+            "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+            "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "sprintf-js": "~1.0.2"
+            }
+        },
+        "node_modules/@istanbuljs/load-nyc-config/node_modules/find-up": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+            "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "locate-path": "^5.0.0",
+                "path-exists": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
+            "version": "3.14.1",
+            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+            "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "argparse": "^1.0.7",
+                "esprima": "^4.0.0"
+            },
+            "bin": {
+                "js-yaml": "bin/js-yaml.js"
+            }
+        },
+        "node_modules/@istanbuljs/load-nyc-config/node_modules/locate-path": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+            "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "p-locate": "^4.1.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@istanbuljs/load-nyc-config/node_modules/p-limit": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+            "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "p-try": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/@istanbuljs/load-nyc-config/node_modules/p-locate": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+            "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "p-limit": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@istanbuljs/load-nyc-config/node_modules/resolve-from": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+            "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@istanbuljs/schema": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+            "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@jest/console": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.6.1.tgz",
+            "integrity": "sha512-Aj772AYgwTSr5w8qnyoJ0eDYvN6bMsH3ORH1ivMotrInHLKdUz6BDlaEXHdM6kODaBIkNIyQGzsMvRdOv7VG7Q==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/types": "^29.6.1",
+                "@types/node": "*",
+                "chalk": "^4.0.0",
+                "jest-message-util": "^29.6.1",
+                "jest-util": "^29.6.1",
+                "slash": "^3.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@jest/core": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.6.1.tgz",
+            "integrity": "sha512-CcowHypRSm5oYQ1obz1wfvkjZZ2qoQlrKKvlfPwh5jUXVU12TWr2qMeH8chLMuTFzHh5a1g2yaqlqDICbr+ukQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/console": "^29.6.1",
+                "@jest/reporters": "^29.6.1",
+                "@jest/test-result": "^29.6.1",
+                "@jest/transform": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "@types/node": "*",
+                "ansi-escapes": "^4.2.1",
+                "chalk": "^4.0.0",
+                "ci-info": "^3.2.0",
+                "exit": "^0.1.2",
+                "graceful-fs": "^4.2.9",
+                "jest-changed-files": "^29.5.0",
+                "jest-config": "^29.6.1",
+                "jest-haste-map": "^29.6.1",
+                "jest-message-util": "^29.6.1",
+                "jest-regex-util": "^29.4.3",
+                "jest-resolve": "^29.6.1",
+                "jest-resolve-dependencies": "^29.6.1",
+                "jest-runner": "^29.6.1",
+                "jest-runtime": "^29.6.1",
+                "jest-snapshot": "^29.6.1",
+                "jest-util": "^29.6.1",
+                "jest-validate": "^29.6.1",
+                "jest-watcher": "^29.6.1",
+                "micromatch": "^4.0.4",
+                "pretty-format": "^29.6.1",
+                "slash": "^3.0.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            },
+            "peerDependencies": {
+                "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+            },
+            "peerDependenciesMeta": {
+                "node-notifier": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@jest/core/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/@jest/core/node_modules/pretty-format": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
+            "integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^18.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@jest/core/node_modules/react-is": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/@jest/environment": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.6.1.tgz",
+            "integrity": "sha512-RMMXx4ws+Gbvw3DfLSuo2cfQlK7IwGbpuEWXCqyYDcqYTI+9Ju3a5hDnXaxjNsa6uKh9PQF2v+qg+RLe63tz5A==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/fake-timers": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "@types/node": "*",
+                "jest-mock": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@jest/expect": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.6.1.tgz",
+            "integrity": "sha512-N5xlPrAYaRNyFgVf2s9Uyyvr795jnB6rObuPx4QFvNJz8aAjpZUDfO4bh5G/xuplMID8PrnuF1+SfSyDxhsgYg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "expect": "^29.6.1",
+                "jest-snapshot": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
         "node_modules/@jest/expect-utils": {
             "version": "29.6.1",
             "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.6.1.tgz",
@@ -738,6 +1514,84 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
+        "node_modules/@jest/fake-timers": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.6.1.tgz",
+            "integrity": "sha512-RdgHgbXyosCDMVYmj7lLpUwXA4c69vcNzhrt69dJJdf8azUrpRh3ckFCaTPNjsEeRi27Cig0oKDGxy5j7hOgHg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/types": "^29.6.1",
+                "@sinonjs/fake-timers": "^10.0.2",
+                "@types/node": "*",
+                "jest-message-util": "^29.6.1",
+                "jest-mock": "^29.6.1",
+                "jest-util": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@jest/globals": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.6.1.tgz",
+            "integrity": "sha512-2VjpaGy78JY9n9370H8zGRCFbYVWwjY6RdDMhoJHa1sYfwe6XM/azGN0SjY8kk7BOZApIejQ1BFPyH7FPG0w3A==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/environment": "^29.6.1",
+                "@jest/expect": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "jest-mock": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@jest/reporters": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.6.1.tgz",
+            "integrity": "sha512-9zuaI9QKr9JnoZtFQlw4GREQbxgmNYXU6QuWtmuODvk5nvPUeBYapVR/VYMyi2WSx3jXTLJTJji8rN6+Cm4+FA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@bcoe/v8-coverage": "^0.2.3",
+                "@jest/console": "^29.6.1",
+                "@jest/test-result": "^29.6.1",
+                "@jest/transform": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "@jridgewell/trace-mapping": "^0.3.18",
+                "@types/node": "*",
+                "chalk": "^4.0.0",
+                "collect-v8-coverage": "^1.0.0",
+                "exit": "^0.1.2",
+                "glob": "^7.1.3",
+                "graceful-fs": "^4.2.9",
+                "istanbul-lib-coverage": "^3.0.0",
+                "istanbul-lib-instrument": "^5.1.0",
+                "istanbul-lib-report": "^3.0.0",
+                "istanbul-lib-source-maps": "^4.0.0",
+                "istanbul-reports": "^3.1.3",
+                "jest-message-util": "^29.6.1",
+                "jest-util": "^29.6.1",
+                "jest-worker": "^29.6.1",
+                "slash": "^3.0.0",
+                "string-length": "^4.0.1",
+                "strip-ansi": "^6.0.0",
+                "v8-to-istanbul": "^9.0.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            },
+            "peerDependencies": {
+                "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+            },
+            "peerDependenciesMeta": {
+                "node-notifier": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/@jest/schemas": {
             "version": "29.6.0",
             "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.0.tgz",
@@ -750,6 +1604,80 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
+        "node_modules/@jest/source-map": {
+            "version": "29.6.0",
+            "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.6.0.tgz",
+            "integrity": "sha512-oA+I2SHHQGxDCZpbrsCQSoMLb3Bz547JnM+jUr9qEbuw0vQlWZfpPS7CO9J7XiwKicEz9OFn/IYoLkkiUD7bzA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jridgewell/trace-mapping": "^0.3.18",
+                "callsites": "^3.0.0",
+                "graceful-fs": "^4.2.9"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@jest/test-result": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.6.1.tgz",
+            "integrity": "sha512-Ynr13ZRcpX6INak0TPUukU8GWRfm/vAytE3JbJNGAvINySWYdfE7dGZMbk36oVuK4CigpbhMn8eg1dixZ7ZJOw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/console": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "@types/istanbul-lib-coverage": "^2.0.0",
+                "collect-v8-coverage": "^1.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@jest/test-sequencer": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.6.1.tgz",
+            "integrity": "sha512-oBkC36PCDf/wb6dWeQIhaviU0l5u6VCsXa119yqdUosYAt7/FbQU2M2UoziO3igj/HBDEgp57ONQ3fm0v9uyyg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/test-result": "^29.6.1",
+                "graceful-fs": "^4.2.9",
+                "jest-haste-map": "^29.6.1",
+                "slash": "^3.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/@jest/transform": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.6.1.tgz",
+            "integrity": "sha512-URnTneIU3ZjRSaf906cvf6Hpox3hIeJXRnz3VDSw5/X93gR8ycdfSIEy19FlVx8NFmpN7fe3Gb1xF+NjXaQLWg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/core": "^7.11.6",
+                "@jest/types": "^29.6.1",
+                "@jridgewell/trace-mapping": "^0.3.18",
+                "babel-plugin-istanbul": "^6.1.1",
+                "chalk": "^4.0.0",
+                "convert-source-map": "^2.0.0",
+                "fast-json-stable-stringify": "^2.1.0",
+                "graceful-fs": "^4.2.9",
+                "jest-haste-map": "^29.6.1",
+                "jest-regex-util": "^29.4.3",
+                "jest-util": "^29.6.1",
+                "micromatch": "^4.0.4",
+                "pirates": "^4.0.4",
+                "slash": "^3.0.0",
+                "write-file-atomic": "^4.0.2"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
         "node_modules/@jest/types": {
             "version": "29.6.1",
             "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.1.tgz",
@@ -767,6 +1695,21 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
+        "node_modules/@jridgewell/gen-mapping": {
+            "version": "0.3.3",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+            "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jridgewell/set-array": "^1.0.1",
+                "@jridgewell/sourcemap-codec": "^1.4.10",
+                "@jridgewell/trace-mapping": "^0.3.9"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
         "node_modules/@jridgewell/resolve-uri": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
@@ -776,6 +1719,16 @@
                 "node": ">=6.0.0"
             }
         },
+        "node_modules/@jridgewell/set-array": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+            "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
         "node_modules/@jridgewell/sourcemap-codec": {
             "version": "1.4.15",
             "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
@@ -797,6 +1750,16 @@
             "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
             "dev": true
         },
+        "node_modules/@nicolo-ribaudo/semver-v6": {
+            "version": "6.3.3",
+            "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/semver-v6/-/semver-v6-6.3.3.tgz",
+            "integrity": "sha512-3Yc1fUTs69MG/uZbJlLSI3JISMn2UV2rg+1D/vROUqZyh3l6iYHCs7GMp+M40ZD7yOdDbYjJcU1oTJhrc+dGKg==",
+            "dev": true,
+            "peer": true,
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
         "node_modules/@nodelib/fs.scandir": {
             "version": "2.1.5",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -977,6 +1940,26 @@
             "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
             "dev": true
         },
+        "node_modules/@sinonjs/commons": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.0.tgz",
+            "integrity": "sha512-jXBtWAF4vmdNmZgD5FoKsVLv3rPgDnLgPbU84LIJ3otV44vJlDRokVng5v8NFJdCf/da9legHcKaRuZs4L7faA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "type-detect": "4.0.8"
+            }
+        },
+        "node_modules/@sinonjs/fake-timers": {
+            "version": "10.3.0",
+            "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz",
+            "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@sinonjs/commons": "^3.0.0"
+            }
+        },
         "node_modules/@sveltejs/adapter-static": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-2.0.2.tgz",
@@ -1172,6 +2155,51 @@
             "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
             "dev": true
         },
+        "node_modules/@types/babel__core": {
+            "version": "7.20.1",
+            "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.1.tgz",
+            "integrity": "sha512-aACu/U/omhdk15O4Nfb+fHgH/z3QsfQzpnvRZhYhThms83ZnAOZz7zZAWO7mn2yyNQaA4xTO8GLK3uqFU4bYYw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/parser": "^7.20.7",
+                "@babel/types": "^7.20.7",
+                "@types/babel__generator": "*",
+                "@types/babel__template": "*",
+                "@types/babel__traverse": "*"
+            }
+        },
+        "node_modules/@types/babel__generator": {
+            "version": "7.6.4",
+            "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.4.tgz",
+            "integrity": "sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/types": "^7.0.0"
+            }
+        },
+        "node_modules/@types/babel__template": {
+            "version": "7.4.1",
+            "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.1.tgz",
+            "integrity": "sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/parser": "^7.1.0",
+                "@babel/types": "^7.0.0"
+            }
+        },
+        "node_modules/@types/babel__traverse": {
+            "version": "7.20.1",
+            "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.1.tgz",
+            "integrity": "sha512-MitHFXnhtgwsGZWtT68URpOvLN4EREih1u3QtQiN4VdAxWKRVvGCSvw/Qth0M0Qq3pJpnGOu5JaM/ydK7OGbqg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/types": "^7.20.7"
+            }
+        },
         "node_modules/@types/chai": {
             "version": "4.3.5",
             "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.5.tgz",
@@ -1193,6 +2221,22 @@
             "integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==",
             "dev": true
         },
+        "node_modules/@types/dlv": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@types/dlv/-/dlv-1.1.2.tgz",
+            "integrity": "sha512-OyiZ3jEKu7RtGO1yp9oOdK0cTwZ/10oE9PDJ6fyN3r9T5wkyOcvr6awdugjYdqF6KVO5eUvt7jx7rk2Eylufow==",
+            "peer": true
+        },
+        "node_modules/@types/graceful-fs": {
+            "version": "4.1.6",
+            "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.6.tgz",
+            "integrity": "sha512-Sig0SNORX9fdW+bQuTEovKj3uHcUL6LQKbCrrqb1X7J6/ReAbhCXRAhc+SMejhLELFj2QcyuxmUooZ4bt5ReSw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@types/node": "*"
+            }
+        },
         "node_modules/@types/istanbul-lib-coverage": {
             "version": "2.0.4",
             "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
@@ -1271,6 +2315,13 @@
             "integrity": "sha512-JIzsAvJeA/5iY6Y/OxZbv1lUcc8dNSE77lb2gnBH+/PJ3lFR1Ccvgwl5JWnHAkNHcRsT0TbpVOsiMKZ1F/yyJg==",
             "dev": true
         },
+        "node_modules/@types/prettier": {
+            "version": "2.7.3",
+            "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.3.tgz",
+            "integrity": "sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/@types/prismjs": {
             "version": "1.26.0",
             "resolved": "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.0.tgz",
@@ -1590,6 +2641,118 @@
                 "pretty-format": "^27.5.1"
             }
         },
+        "node_modules/@vue/compiler-core": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
+            "integrity": "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==",
+            "peer": true,
+            "dependencies": {
+                "@babel/parser": "^7.21.3",
+                "@vue/shared": "3.3.4",
+                "estree-walker": "^2.0.2",
+                "source-map-js": "^1.0.2"
+            }
+        },
+        "node_modules/@vue/compiler-dom": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz",
+            "integrity": "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==",
+            "peer": true,
+            "dependencies": {
+                "@vue/compiler-core": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "node_modules/@vue/compiler-sfc": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz",
+            "integrity": "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==",
+            "peer": true,
+            "dependencies": {
+                "@babel/parser": "^7.20.15",
+                "@vue/compiler-core": "3.3.4",
+                "@vue/compiler-dom": "3.3.4",
+                "@vue/compiler-ssr": "3.3.4",
+                "@vue/reactivity-transform": "3.3.4",
+                "@vue/shared": "3.3.4",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.0",
+                "postcss": "^8.1.10",
+                "source-map-js": "^1.0.2"
+            }
+        },
+        "node_modules/@vue/compiler-ssr": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz",
+            "integrity": "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==",
+            "peer": true,
+            "dependencies": {
+                "@vue/compiler-dom": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "node_modules/@vue/reactivity": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
+            "integrity": "sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==",
+            "peer": true,
+            "dependencies": {
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "node_modules/@vue/reactivity-transform": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz",
+            "integrity": "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==",
+            "peer": true,
+            "dependencies": {
+                "@babel/parser": "^7.20.15",
+                "@vue/compiler-core": "3.3.4",
+                "@vue/shared": "3.3.4",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.0"
+            }
+        },
+        "node_modules/@vue/runtime-core": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.4.tgz",
+            "integrity": "sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==",
+            "peer": true,
+            "dependencies": {
+                "@vue/reactivity": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "node_modules/@vue/runtime-dom": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz",
+            "integrity": "sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==",
+            "peer": true,
+            "dependencies": {
+                "@vue/runtime-core": "3.3.4",
+                "@vue/shared": "3.3.4",
+                "csstype": "^3.1.1"
+            }
+        },
+        "node_modules/@vue/server-renderer": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.4.tgz",
+            "integrity": "sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==",
+            "peer": true,
+            "dependencies": {
+                "@vue/compiler-ssr": "3.3.4",
+                "@vue/shared": "3.3.4"
+            },
+            "peerDependencies": {
+                "vue": "3.3.4"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
+            "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==",
+            "peer": true
+        },
         "node_modules/abab": {
             "version": "2.0.6",
             "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
@@ -1722,6 +2885,35 @@
                 "@types/dlv": "^1.0.0"
             }
         },
+        "node_modules/ansi-escapes": {
+            "version": "4.3.2",
+            "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+            "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "type-fest": "^0.21.3"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/ansi-escapes/node_modules/type-fest": {
+            "version": "0.21.3",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+            "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/ansi-regex": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -1822,6 +3014,102 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/babel-jest": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.6.1.tgz",
+            "integrity": "sha512-qu+3bdPEQC6KZSPz+4Fyjbga5OODNcp49j6GKzG1EKbkfyJBxEYGVUmVGpwCSeGouG52R4EgYMLb6p9YeEEQ4A==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/transform": "^29.6.1",
+                "@types/babel__core": "^7.1.14",
+                "babel-plugin-istanbul": "^6.1.1",
+                "babel-preset-jest": "^29.5.0",
+                "chalk": "^4.0.0",
+                "graceful-fs": "^4.2.9",
+                "slash": "^3.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.8.0"
+            }
+        },
+        "node_modules/babel-plugin-istanbul": {
+            "version": "6.1.1",
+            "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+            "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.0.0",
+                "@istanbuljs/load-nyc-config": "^1.0.0",
+                "@istanbuljs/schema": "^0.1.2",
+                "istanbul-lib-instrument": "^5.0.4",
+                "test-exclude": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/babel-plugin-jest-hoist": {
+            "version": "29.5.0",
+            "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.5.0.tgz",
+            "integrity": "sha512-zSuuuAlTMT4mzLj2nPnUm6fsE6270vdOfnpbJ+RmruU75UhLFvL0N2NgI7xpeS7NaB6hGqmd5pVpGTDYvi4Q3w==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/template": "^7.3.3",
+                "@babel/types": "^7.3.3",
+                "@types/babel__core": "^7.1.14",
+                "@types/babel__traverse": "^7.0.6"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/babel-preset-current-node-syntax": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz",
+            "integrity": "sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/plugin-syntax-async-generators": "^7.8.4",
+                "@babel/plugin-syntax-bigint": "^7.8.3",
+                "@babel/plugin-syntax-class-properties": "^7.8.3",
+                "@babel/plugin-syntax-import-meta": "^7.8.3",
+                "@babel/plugin-syntax-json-strings": "^7.8.3",
+                "@babel/plugin-syntax-logical-assignment-operators": "^7.8.3",
+                "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+                "@babel/plugin-syntax-numeric-separator": "^7.8.3",
+                "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+                "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+                "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+                "@babel/plugin-syntax-top-level-await": "^7.8.3"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0"
+            }
+        },
+        "node_modules/babel-preset-jest": {
+            "version": "29.5.0",
+            "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.5.0.tgz",
+            "integrity": "sha512-JOMloxOqdiBSxMAzjRaH023/vvcaSaec49zvg+2LmNsktC7ei39LTJGw02J+9uUtTZUq6xbLyJ4dxe9sSmIuAg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "babel-plugin-jest-hoist": "^29.5.0",
+                "babel-preset-current-node-syntax": "^1.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0"
+            }
+        },
         "node_modules/balanced-match": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1859,6 +3147,49 @@
                 "node": ">=8"
             }
         },
+        "node_modules/browserslist": {
+            "version": "4.21.9",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.9.tgz",
+            "integrity": "sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/browserslist"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "peer": true,
+            "dependencies": {
+                "caniuse-lite": "^1.0.30001503",
+                "electron-to-chromium": "^1.4.431",
+                "node-releases": "^2.0.12",
+                "update-browserslist-db": "^1.0.11"
+            },
+            "bin": {
+                "browserslist": "cli.js"
+            },
+            "engines": {
+                "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+            }
+        },
+        "node_modules/bser": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
+            "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "node-int64": "^0.4.0"
+            }
+        },
         "node_modules/buffer-crc32": {
             "version": "0.2.13",
             "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
@@ -1917,6 +3248,37 @@
                 "node": ">=6"
             }
         },
+        "node_modules/camelcase": {
+            "version": "5.3.1",
+            "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+            "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/caniuse-lite": {
+            "version": "1.0.30001515",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001515.tgz",
+            "integrity": "sha512-eEFDwUOZbE24sb+Ecsx3+OvNETqjWIdabMy52oOkIgcUtAsQifjUG9q4U9dgTHJM2mfk4uEPxc0+xuFdJ629QA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "peer": true
+        },
         "node_modules/chai": {
             "version": "4.3.7",
             "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.7.tgz",
@@ -1951,6 +3313,16 @@
                 "url": "https://github.com/chalk/chalk?sponsor=1"
             }
         },
+        "node_modules/char-regex": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
+            "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
         "node_modules/check-error": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
@@ -2014,6 +3386,13 @@
                 "node": ">=8"
             }
         },
+        "node_modules/cjs-module-lexer": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.3.tgz",
+            "integrity": "sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/cli-truncate": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-3.1.0.tgz",
@@ -2030,6 +3409,71 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/cliui": {
+            "version": "8.0.1",
+            "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+            "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "string-width": "^4.2.0",
+                "strip-ansi": "^6.0.1",
+                "wrap-ansi": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/cliui/node_modules/emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/cliui/node_modules/is-fullwidth-code-point": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/cliui/node_modules/string-width": {
+            "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/co": {
+            "version": "4.6.0",
+            "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+            "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "iojs": ">= 1.0.0",
+                "node": ">= 0.12.0"
+            }
+        },
+        "node_modules/collect-v8-coverage": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz",
+            "integrity": "sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/color-convert": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -2080,6 +3524,13 @@
                 "typedarray": "^0.0.6"
             }
         },
+        "node_modules/convert-source-map": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/cookie": {
             "version": "0.5.0",
             "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
@@ -2135,6 +3586,12 @@
                 "node": ">=14"
             }
         },
+        "node_modules/csstype": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+            "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
+            "peer": true
+        },
         "node_modules/data-urls": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz",
@@ -2172,6 +3629,13 @@
             "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
             "dev": true
         },
+        "node_modules/dedent": {
+            "version": "0.7.0",
+            "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz",
+            "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/deep-eql": {
             "version": "4.1.3",
             "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.3.tgz",
@@ -2261,6 +3725,16 @@
                 "node": ">=8"
             }
         },
+        "node_modules/detect-newline": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
+            "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/devalue": {
             "version": "4.3.2",
             "resolved": "https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz",
@@ -2363,6 +3837,26 @@
             "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
             "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
         },
+        "node_modules/electron-to-chromium": {
+            "version": "1.4.457",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.457.tgz",
+            "integrity": "sha512-/g3UyNDmDd6ebeWapmAoiyy+Sy2HyJ+/X8KyvNeHfKRFfHaA2W8oF5fxD5F3tjBDcjpwo0iek6YNgxNXDBoEtA==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/emittery": {
+            "version": "0.13.1",
+            "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.13.1.tgz",
+            "integrity": "sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sindresorhus/emittery?sponsor=1"
+            }
+        },
         "node_modules/emoji-regex": {
             "version": "9.2.2",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
@@ -2381,6 +3875,16 @@
                 "url": "https://github.com/fb55/entities?sponsor=1"
             }
         },
+        "node_modules/error-ex": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+            "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "is-arrayish": "^0.2.1"
+            }
+        },
         "node_modules/es-get-iterator": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
@@ -2444,6 +3948,16 @@
                 "@esbuild/win32-x64": "0.18.11"
             }
         },
+        "node_modules/escalade": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+            "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/escape-string-regexp": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -2701,6 +4215,12 @@
                 "node": ">=4.0"
             }
         },
+        "node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "peer": true
+        },
         "node_modules/esutils": {
             "version": "2.0.3",
             "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -2718,6 +4238,40 @@
                 "node": ">=14.18"
             }
         },
+        "node_modules/execa": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+            "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "cross-spawn": "^7.0.3",
+                "get-stream": "^6.0.0",
+                "human-signals": "^2.1.0",
+                "is-stream": "^2.0.0",
+                "merge-stream": "^2.0.0",
+                "npm-run-path": "^4.0.1",
+                "onetime": "^5.1.2",
+                "signal-exit": "^3.0.3",
+                "strip-final-newline": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sindresorhus/execa?sponsor=1"
+            }
+        },
+        "node_modules/exit": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
+            "integrity": "sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
         "node_modules/expect": {
             "version": "29.6.1",
             "resolved": "https://registry.npmjs.org/expect/-/expect-29.6.1.tgz",
@@ -2790,6 +4344,16 @@
                 "reusify": "^1.0.4"
             }
         },
+        "node_modules/fb-watchman": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
+            "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "bser": "2.1.1"
+            }
+        },
         "node_modules/file-entry-cache": {
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -2906,6 +4470,26 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/gensync": {
+            "version": "1.0.0-beta.2",
+            "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+            "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/get-caller-file": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": "6.* || 8.* || >= 10.*"
+            }
+        },
         "node_modules/get-func-name": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
@@ -2930,6 +4514,29 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/get-package-type": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+            "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=8.0.0"
+            }
+        },
+        "node_modules/get-stream": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+            "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/glob": {
             "version": "7.2.3",
             "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -3114,6 +4721,13 @@
                 "node": ">=12"
             }
         },
+        "node_modules/html-escaper": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+            "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/http-proxy-agent": {
             "version": "5.0.0",
             "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
@@ -3141,6 +4755,16 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/human-signals": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+            "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10.17.0"
+            }
+        },
         "node_modules/iconv-lite": {
             "version": "0.6.3",
             "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -3184,6 +4808,26 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/import-local": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
+            "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "pkg-dir": "^4.2.0",
+                "resolve-cwd": "^3.0.0"
+            },
+            "bin": {
+                "import-local-fixture": "fixtures/cli.js"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/imurmurhash": {
             "version": "0.1.4",
             "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -3262,6 +4906,13 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/is-arrayish": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+            "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/is-bigint": {
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
@@ -3314,6 +4965,19 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/is-core-module": {
+            "version": "2.12.1",
+            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+            "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "has": "^1.0.3"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/is-date-object": {
             "version": "1.0.5",
             "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
@@ -3350,6 +5014,16 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/is-generator-fn": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
+            "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/is-glob": {
             "version": "4.0.3",
             "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
@@ -3447,6 +5121,19 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/is-stream": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+            "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/is-string": {
             "version": "1.0.7",
             "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
@@ -3538,6 +5225,311 @@
                 "form-data": "^2.3.2"
             }
         },
+        "node_modules/istanbul-lib-coverage": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
+            "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/istanbul-lib-instrument": {
+            "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+            "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/core": "^7.12.3",
+                "@babel/parser": "^7.14.7",
+                "@istanbuljs/schema": "^0.1.2",
+                "istanbul-lib-coverage": "^3.2.0",
+                "semver": "^6.3.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/istanbul-lib-instrument/node_modules/semver": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+            "dev": true,
+            "peer": true,
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
+        "node_modules/istanbul-lib-report": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
+            "integrity": "sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "istanbul-lib-coverage": "^3.0.0",
+                "make-dir": "^3.0.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/istanbul-lib-source-maps": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
+            "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "debug": "^4.1.1",
+                "istanbul-lib-coverage": "^3.0.0",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/istanbul-reports": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.5.tgz",
+            "integrity": "sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "html-escaper": "^2.0.0",
+                "istanbul-lib-report": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/jest": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest/-/jest-29.6.1.tgz",
+            "integrity": "sha512-Nirw5B4nn69rVUZtemCQhwxOBhm0nsp3hmtF4rzCeWD7BkjAXRIji7xWQfnTNbz9g0aVsBX6aZK3n+23LM6uDw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/core": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "import-local": "^3.0.2",
+                "jest-cli": "^29.6.1"
+            },
+            "bin": {
+                "jest": "bin/jest.js"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            },
+            "peerDependencies": {
+                "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+            },
+            "peerDependenciesMeta": {
+                "node-notifier": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/jest-changed-files": {
+            "version": "29.5.0",
+            "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.5.0.tgz",
+            "integrity": "sha512-IFG34IUMUaNBIxjQXF/iu7g6EcdMrGRRxaUSw92I/2g2YC6vCdTltl4nHvt7Ci5nSJwXIkCu8Ka1DKF+X7Z1Ag==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "execa": "^5.0.0",
+                "p-limit": "^3.1.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-circus": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-29.6.1.tgz",
+            "integrity": "sha512-tPbYLEiBU4MYAL2XoZme/bgfUeotpDBd81lgHLCbDZZFaGmECk0b+/xejPFtmiBP87GgP/y4jplcRpbH+fgCzQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/environment": "^29.6.1",
+                "@jest/expect": "^29.6.1",
+                "@jest/test-result": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "@types/node": "*",
+                "chalk": "^4.0.0",
+                "co": "^4.6.0",
+                "dedent": "^0.7.0",
+                "is-generator-fn": "^2.0.0",
+                "jest-each": "^29.6.1",
+                "jest-matcher-utils": "^29.6.1",
+                "jest-message-util": "^29.6.1",
+                "jest-runtime": "^29.6.1",
+                "jest-snapshot": "^29.6.1",
+                "jest-util": "^29.6.1",
+                "p-limit": "^3.1.0",
+                "pretty-format": "^29.6.1",
+                "pure-rand": "^6.0.0",
+                "slash": "^3.0.0",
+                "stack-utils": "^2.0.3"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-circus/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/jest-circus/node_modules/pretty-format": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
+            "integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^18.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-circus/node_modules/react-is": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/jest-cli": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-29.6.1.tgz",
+            "integrity": "sha512-607dSgTA4ODIN6go9w6xY3EYkyPFGicx51a69H7yfvt7lN53xNswEVLovq+E77VsTRi5fWprLH0yl4DJgE8Ing==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/core": "^29.6.1",
+                "@jest/test-result": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "chalk": "^4.0.0",
+                "exit": "^0.1.2",
+                "graceful-fs": "^4.2.9",
+                "import-local": "^3.0.2",
+                "jest-config": "^29.6.1",
+                "jest-util": "^29.6.1",
+                "jest-validate": "^29.6.1",
+                "prompts": "^2.0.1",
+                "yargs": "^17.3.1"
+            },
+            "bin": {
+                "jest": "bin/jest.js"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            },
+            "peerDependencies": {
+                "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+            },
+            "peerDependenciesMeta": {
+                "node-notifier": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/jest-config": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-29.6.1.tgz",
+            "integrity": "sha512-XdjYV2fy2xYixUiV2Wc54t3Z4oxYPAELUzWnV6+mcbq0rh742X2p52pii5A3oeRzYjLnQxCsZmp0qpI6klE2cQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/core": "^7.11.6",
+                "@jest/test-sequencer": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "babel-jest": "^29.6.1",
+                "chalk": "^4.0.0",
+                "ci-info": "^3.2.0",
+                "deepmerge": "^4.2.2",
+                "glob": "^7.1.3",
+                "graceful-fs": "^4.2.9",
+                "jest-circus": "^29.6.1",
+                "jest-environment-node": "^29.6.1",
+                "jest-get-type": "^29.4.3",
+                "jest-regex-util": "^29.4.3",
+                "jest-resolve": "^29.6.1",
+                "jest-runner": "^29.6.1",
+                "jest-util": "^29.6.1",
+                "jest-validate": "^29.6.1",
+                "micromatch": "^4.0.4",
+                "parse-json": "^5.2.0",
+                "pretty-format": "^29.6.1",
+                "slash": "^3.0.0",
+                "strip-json-comments": "^3.1.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            },
+            "peerDependencies": {
+                "@types/node": "*",
+                "ts-node": ">=9.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "ts-node": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/jest-config/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/jest-config/node_modules/pretty-format": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
+            "integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^18.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-config/node_modules/react-is": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/jest-diff": {
             "version": "29.6.1",
             "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.6.1.tgz",
@@ -3585,6 +5577,89 @@
             "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
             "dev": true
         },
+        "node_modules/jest-docblock": {
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.4.3.tgz",
+            "integrity": "sha512-fzdTftThczeSD9nZ3fzA/4KkHtnmllawWrXO69vtI+L9WjEIuXWs4AmyME7lN5hU7dB0sHhuPfcKofRsUb/2Fg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "detect-newline": "^3.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-each": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.6.1.tgz",
+            "integrity": "sha512-n5eoj5eiTHpKQCAVcNTT7DRqeUmJ01hsAL0Q1SMiBHcBcvTKDELixQOGMCpqhbIuTcfC4kMfSnpmDqRgRJcLNQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/types": "^29.6.1",
+                "chalk": "^4.0.0",
+                "jest-get-type": "^29.4.3",
+                "jest-util": "^29.6.1",
+                "pretty-format": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-each/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/jest-each/node_modules/pretty-format": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
+            "integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^18.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-each/node_modules/react-is": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/jest-environment-node": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.6.1.tgz",
+            "integrity": "sha512-ZNIfAiE+foBog24W+2caIldl4Irh8Lx1PUhg/GZ0odM1d/h2qORAsejiFc7zb+SEmYPn1yDZzEDSU5PmDkmVLQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/environment": "^29.6.1",
+                "@jest/fake-timers": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "@types/node": "*",
+                "jest-mock": "^29.6.1",
+                "jest-util": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
         "node_modules/jest-get-type": {
             "version": "29.4.3",
             "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.4.3.tgz",
@@ -3594,6 +5669,81 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
+        "node_modules/jest-haste-map": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.6.1.tgz",
+            "integrity": "sha512-0m7f9PZXxOCk1gRACiVgX85knUKPKLPg4oRCjLoqIm9brTHXaorMA0JpmtmVkQiT8nmXyIVoZd/nnH1cfC33ig==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/types": "^29.6.1",
+                "@types/graceful-fs": "^4.1.3",
+                "@types/node": "*",
+                "anymatch": "^3.0.3",
+                "fb-watchman": "^2.0.0",
+                "graceful-fs": "^4.2.9",
+                "jest-regex-util": "^29.4.3",
+                "jest-util": "^29.6.1",
+                "jest-worker": "^29.6.1",
+                "micromatch": "^4.0.4",
+                "walker": "^1.0.8"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            },
+            "optionalDependencies": {
+                "fsevents": "^2.3.2"
+            }
+        },
+        "node_modules/jest-leak-detector": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.6.1.tgz",
+            "integrity": "sha512-OrxMNyZirpOEwkF3UHnIkAiZbtkBWiye+hhBweCHkVbCgyEy71Mwbb5zgeTNYWJBi1qgDVfPC1IwO9dVEeTLwQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "jest-get-type": "^29.4.3",
+                "pretty-format": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-leak-detector/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/jest-leak-detector/node_modules/pretty-format": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
+            "integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^18.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-leak-detector/node_modules/react-is": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/jest-matcher-utils": {
             "version": "29.6.1",
             "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.6.1.tgz",
@@ -3693,6 +5843,219 @@
             "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
             "dev": true
         },
+        "node_modules/jest-mock": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.6.1.tgz",
+            "integrity": "sha512-brovyV9HBkjXAEdRooaTQK42n8usKoSRR3gihzUpYeV/vwqgSoNfrksO7UfSACnPmxasO/8TmHM3w9Hp3G1dgw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/types": "^29.6.1",
+                "@types/node": "*",
+                "jest-util": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-pnp-resolver": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
+            "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6"
+            },
+            "peerDependencies": {
+                "jest-resolve": "*"
+            },
+            "peerDependenciesMeta": {
+                "jest-resolve": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/jest-regex-util": {
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.4.3.tgz",
+            "integrity": "sha512-O4FglZaMmWXbGHSQInfXewIsd1LMn9p3ZXB/6r4FOkyhX2/iP/soMG98jGvk/A3HAN78+5VWcBGO0BJAPRh4kg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-resolve": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.6.1.tgz",
+            "integrity": "sha512-AeRkyS8g37UyJiP9w3mmI/VXU/q8l/IH52vj/cDAyScDcemRbSBhfX/NMYIGilQgSVwsjxrCHf3XJu4f+lxCMg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "chalk": "^4.0.0",
+                "graceful-fs": "^4.2.9",
+                "jest-haste-map": "^29.6.1",
+                "jest-pnp-resolver": "^1.2.2",
+                "jest-util": "^29.6.1",
+                "jest-validate": "^29.6.1",
+                "resolve": "^1.20.0",
+                "resolve.exports": "^2.0.0",
+                "slash": "^3.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-resolve-dependencies": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.6.1.tgz",
+            "integrity": "sha512-BbFvxLXtcldaFOhNMXmHRWx1nXQO5LoXiKSGQcA1LxxirYceZT6ch8KTE1bK3X31TNG/JbkI7OkS/ABexVahiw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "jest-regex-util": "^29.4.3",
+                "jest-snapshot": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-runner": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.6.1.tgz",
+            "integrity": "sha512-tw0wb2Q9yhjAQ2w8rHRDxteryyIck7gIzQE4Reu3JuOBpGp96xWgF0nY8MDdejzrLCZKDcp8JlZrBN/EtkQvPQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/console": "^29.6.1",
+                "@jest/environment": "^29.6.1",
+                "@jest/test-result": "^29.6.1",
+                "@jest/transform": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "@types/node": "*",
+                "chalk": "^4.0.0",
+                "emittery": "^0.13.1",
+                "graceful-fs": "^4.2.9",
+                "jest-docblock": "^29.4.3",
+                "jest-environment-node": "^29.6.1",
+                "jest-haste-map": "^29.6.1",
+                "jest-leak-detector": "^29.6.1",
+                "jest-message-util": "^29.6.1",
+                "jest-resolve": "^29.6.1",
+                "jest-runtime": "^29.6.1",
+                "jest-util": "^29.6.1",
+                "jest-watcher": "^29.6.1",
+                "jest-worker": "^29.6.1",
+                "p-limit": "^3.1.0",
+                "source-map-support": "0.5.13"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-runtime": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.6.1.tgz",
+            "integrity": "sha512-D6/AYOA+Lhs5e5il8+5pSLemjtJezUr+8zx+Sn8xlmOux3XOqx4d8l/2udBea8CRPqqrzhsKUsN/gBDE/IcaPQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/environment": "^29.6.1",
+                "@jest/fake-timers": "^29.6.1",
+                "@jest/globals": "^29.6.1",
+                "@jest/source-map": "^29.6.0",
+                "@jest/test-result": "^29.6.1",
+                "@jest/transform": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "@types/node": "*",
+                "chalk": "^4.0.0",
+                "cjs-module-lexer": "^1.0.0",
+                "collect-v8-coverage": "^1.0.0",
+                "glob": "^7.1.3",
+                "graceful-fs": "^4.2.9",
+                "jest-haste-map": "^29.6.1",
+                "jest-message-util": "^29.6.1",
+                "jest-mock": "^29.6.1",
+                "jest-regex-util": "^29.4.3",
+                "jest-resolve": "^29.6.1",
+                "jest-snapshot": "^29.6.1",
+                "jest-util": "^29.6.1",
+                "slash": "^3.0.0",
+                "strip-bom": "^4.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-snapshot": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.6.1.tgz",
+            "integrity": "sha512-G4UQE1QQ6OaCgfY+A0uR1W2AY0tGXUPQpoUClhWHq1Xdnx1H6JOrC2nH5lqnOEqaDgbHFgIwZ7bNq24HpB180A==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/core": "^7.11.6",
+                "@babel/generator": "^7.7.2",
+                "@babel/plugin-syntax-jsx": "^7.7.2",
+                "@babel/plugin-syntax-typescript": "^7.7.2",
+                "@babel/types": "^7.3.3",
+                "@jest/expect-utils": "^29.6.1",
+                "@jest/transform": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "@types/prettier": "^2.1.5",
+                "babel-preset-current-node-syntax": "^1.0.0",
+                "chalk": "^4.0.0",
+                "expect": "^29.6.1",
+                "graceful-fs": "^4.2.9",
+                "jest-diff": "^29.6.1",
+                "jest-get-type": "^29.4.3",
+                "jest-matcher-utils": "^29.6.1",
+                "jest-message-util": "^29.6.1",
+                "jest-util": "^29.6.1",
+                "natural-compare": "^1.4.0",
+                "pretty-format": "^29.6.1",
+                "semver": "^7.5.3"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-snapshot/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/jest-snapshot/node_modules/pretty-format": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
+            "integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^18.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-snapshot/node_modules/react-is": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/jest-util": {
             "version": "29.6.1",
             "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.6.1.tgz",
@@ -3710,11 +6073,128 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
+        "node_modules/jest-validate": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.6.1.tgz",
+            "integrity": "sha512-r3Ds69/0KCN4vx4sYAbGL1EVpZ7MSS0vLmd3gV78O+NAx3PDQQukRU5hNHPXlyqCgFY8XUk7EuTMLugh0KzahA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/types": "^29.6.1",
+                "camelcase": "^6.2.0",
+                "chalk": "^4.0.0",
+                "jest-get-type": "^29.4.3",
+                "leven": "^3.1.0",
+                "pretty-format": "^29.6.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-validate/node_modules/ansi-styles": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/jest-validate/node_modules/camelcase": {
+            "version": "6.3.0",
+            "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+            "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/jest-validate/node_modules/pretty-format": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
+            "integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/schemas": "^29.6.0",
+                "ansi-styles": "^5.0.0",
+                "react-is": "^18.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-validate/node_modules/react-is": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+            "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/jest-watcher": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.6.1.tgz",
+            "integrity": "sha512-d4wpjWTS7HEZPaaj8m36QiaP856JthRZkrgcIY/7ISoUWPIillrXM23WPboZVLbiwZBt4/qn2Jke84Sla6JhFA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jest/test-result": "^29.6.1",
+                "@jest/types": "^29.6.1",
+                "@types/node": "*",
+                "ansi-escapes": "^4.2.1",
+                "chalk": "^4.0.0",
+                "emittery": "^0.13.1",
+                "jest-util": "^29.6.1",
+                "string-length": "^4.0.1"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-worker": {
+            "version": "29.6.1",
+            "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.6.1.tgz",
+            "integrity": "sha512-U+Wrbca7S8ZAxAe9L6nb6g8kPdia5hj32Puu5iOqBCMTMWFHXuK6dOV2IFrpedbTV8fjMFLdWNttQTBL6u2MRA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@types/node": "*",
+                "jest-util": "^29.6.1",
+                "merge-stream": "^2.0.0",
+                "supports-color": "^8.0.0"
+            },
+            "engines": {
+                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+            }
+        },
+        "node_modules/jest-worker/node_modules/supports-color": {
+            "version": "8.1.1",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+            "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/supports-color?sponsor=1"
+            }
+        },
         "node_modules/js-tokens": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-            "dev": true
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
         },
         "node_modules/js-yaml": {
             "version": "4.1.0",
@@ -3787,6 +6267,26 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/jsesc": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+            "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+            "dev": true,
+            "peer": true,
+            "bin": {
+                "jsesc": "bin/jsesc"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/json-parse-even-better-errors": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+            "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/json-schema-traverse": {
             "version": "0.4.1",
             "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -3799,6 +6299,19 @@
             "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
             "dev": true
         },
+        "node_modules/json5": {
+            "version": "2.2.3",
+            "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+            "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+            "dev": true,
+            "peer": true,
+            "bin": {
+                "json5": "lib/cli.js"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/jsonc-parser": {
             "version": "3.2.0",
             "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
@@ -3814,6 +6327,16 @@
                 "node": ">=6"
             }
         },
+        "node_modules/leven": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+            "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/levn": {
             "version": "0.4.1",
             "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -3827,6 +6350,13 @@
                 "node": ">= 0.8.0"
             }
         },
+        "node_modules/lines-and-columns": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/local-pkg": {
             "version": "0.4.3",
             "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
@@ -3871,6 +6401,18 @@
             "resolved": "https://registry.npmjs.org/logrocket/-/logrocket-3.0.1.tgz",
             "integrity": "sha512-jOWG+jEzobKVxGytzZ+4KGm2kiMQMRTHab2uDWQyVZcHfEF38BlCH1yjQVY4LCmuQUwZitP9biMzJZnyUQ0dtQ=="
         },
+        "node_modules/loose-envify": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+            "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+            "peer": true,
+            "dependencies": {
+                "js-tokens": "^3.0.0 || ^4.0.0"
+            },
+            "bin": {
+                "loose-envify": "cli.js"
+            }
+        },
         "node_modules/loupe": {
             "version": "2.3.6",
             "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.6.tgz",
@@ -3912,6 +6454,49 @@
                 "node": ">=12"
             }
         },
+        "node_modules/make-dir": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+            "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "semver": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/make-dir/node_modules/semver": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+            "dev": true,
+            "peer": true,
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
+        "node_modules/makeerror": {
+            "version": "1.0.12",
+            "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
+            "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "tmpl": "1.0.5"
+            }
+        },
+        "node_modules/merge-stream": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+            "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/merge2": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -3965,6 +6550,16 @@
                 "node": ">= 0.6"
             }
         },
+        "node_modules/mimic-fn": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+            "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/min-indent": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
@@ -4110,6 +6705,20 @@
                 "webidl-conversions": "^3.0.0"
             }
         },
+        "node_modules/node-int64": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+            "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/node-releases": {
+            "version": "2.0.13",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+            "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/normalize-path": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -4124,6 +6733,19 @@
             "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
             "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
         },
+        "node_modules/npm-run-path": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+            "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "path-key": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/nwsapi": {
             "version": "2.2.7",
             "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
@@ -4191,6 +6813,22 @@
                 "wrappy": "1"
             }
         },
+        "node_modules/onetime": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "mimic-fn": "^2.1.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/optionator": {
             "version": "0.9.3",
             "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
@@ -4247,6 +6885,16 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/p-try": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+            "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/parent-module": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -4259,6 +6907,25 @@
                 "node": ">=6"
             }
         },
+        "node_modules/parse-json": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+            "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/code-frame": "^7.0.0",
+                "error-ex": "^1.3.1",
+                "json-parse-even-better-errors": "^2.3.0",
+                "lines-and-columns": "^1.1.6"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/parse5": {
             "version": "7.1.2",
             "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
@@ -4298,6 +6965,13 @@
                 "node": ">=8"
             }
         },
+        "node_modules/path-parse": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/path-type": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
@@ -4325,8 +6999,7 @@
         "node_modules/picocolors": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-            "dev": true
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
         },
         "node_modules/picomatch": {
             "version": "2.3.1",
@@ -4340,6 +7013,85 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
+        "node_modules/pirates": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+            "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/pkg-dir": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+            "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "find-up": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/pkg-dir/node_modules/find-up": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+            "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "locate-path": "^5.0.0",
+                "path-exists": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/pkg-dir/node_modules/locate-path": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+            "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "p-locate": "^4.1.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/pkg-dir/node_modules/p-limit": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+            "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "p-try": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/pkg-dir/node_modules/p-locate": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+            "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "p-limit": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/pkg-types": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.3.tgz",
@@ -4367,7 +7119,6 @@
             "version": "8.4.25",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.25.tgz",
             "integrity": "sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==",
-            "dev": true,
             "funding": [
                 {
                     "type": "opencollective",
@@ -4548,6 +7299,30 @@
             "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
             "dev": true
         },
+        "node_modules/prompts": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+            "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "kleur": "^3.0.3",
+                "sisteransi": "^1.0.5"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/prompts/node_modules/kleur": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+            "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/pseudomap": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
@@ -4569,6 +7344,23 @@
                 "node": ">=6"
             }
         },
+        "node_modules/pure-rand": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.0.2.tgz",
+            "integrity": "sha512-6Yg0ekpKICSjPswYOuC5sku/TSWaRYlA0qsXqJgM/d/4pLPHPuTxK7Nbf7jFKzAeedUhR8C7K9Uv63FBsSo8xQ==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://github.com/sponsors/dubzzz"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/fast-check"
+                }
+            ],
+            "peer": true
+        },
         "node_modules/querystringify": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
@@ -4595,6 +7387,18 @@
                 }
             ]
         },
+        "node_modules/react": {
+            "version": "18.2.0",
+            "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+            "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+            "peer": true,
+            "dependencies": {
+                "loose-envify": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/react-is": {
             "version": "17.0.2",
             "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
@@ -4670,12 +7474,63 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/require-directory": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/requires-port": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
             "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
             "dev": true
         },
+        "node_modules/resolve": {
+            "version": "1.22.2",
+            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
+            "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "is-core-module": "^2.11.0",
+                "path-parse": "^1.0.7",
+                "supports-preserve-symlinks-flag": "^1.0.0"
+            },
+            "bin": {
+                "resolve": "bin/resolve"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/resolve-cwd": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+            "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "resolve-from": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/resolve-cwd/node_modules/resolve-from": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+            "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/resolve-from": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -4685,6 +7540,16 @@
                 "node": ">=4"
             }
         },
+        "node_modules/resolve.exports": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.2.tgz",
+            "integrity": "sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
         "node_modules/reusify": {
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -4894,6 +7759,13 @@
             "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
             "dev": true
         },
+        "node_modules/signal-exit": {
+            "version": "3.0.7",
+            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/sirv": {
             "version": "2.0.3",
             "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz",
@@ -4908,6 +7780,13 @@
                 "node": ">= 10"
             }
         },
+        "node_modules/sisteransi": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+            "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/slash": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -4973,11 +7852,21 @@
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
             "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-            "dev": true,
             "engines": {
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/source-map-support": {
+            "version": "0.5.13",
+            "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
+            "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "buffer-from": "^1.0.0",
+                "source-map": "^0.6.0"
+            }
+        },
         "node_modules/spawn-sync": {
             "version": "1.0.15",
             "resolved": "https://registry.npmjs.org/spawn-sync/-/spawn-sync-1.0.15.tgz",
@@ -4989,6 +7878,13 @@
                 "os-shim": "^0.1.2"
             }
         },
+        "node_modules/sprintf-js": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+            "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/sswr": {
             "version": "1.11.0",
             "resolved": "https://registry.npmjs.org/sswr/-/sswr-1.11.0.tgz",
@@ -5063,6 +7959,20 @@
                 "safe-buffer": "~5.1.0"
             }
         },
+        "node_modules/string-length": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
+            "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "char-regex": "^1.0.2",
+                "strip-ansi": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
         "node_modules/string-width": {
             "version": "5.1.2",
             "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
@@ -5119,6 +8029,26 @@
                 "node": ">=8"
             }
         },
+        "node_modules/strip-bom": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
+            "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/strip-final-newline": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+            "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/strip-indent": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
@@ -5167,11 +8097,23 @@
                 "node": ">=8"
             }
         },
+        "node_modules/supports-preserve-symlinks-flag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/svelte": {
             "version": "3.59.2",
             "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.59.2.tgz",
             "integrity": "sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==",
-            "dev": true,
             "engines": {
                 "node": ">= 8"
             }
@@ -5327,6 +8269,21 @@
             "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
             "dev": true
         },
+        "node_modules/test-exclude": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+            "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@istanbuljs/schema": "^0.1.2",
+                "glob": "^7.1.4",
+                "minimatch": "^3.0.4"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/text-table": {
             "version": "0.2.0",
             "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -5370,6 +8327,23 @@
                 "@popperjs/core": "^2.9.0"
             }
         },
+        "node_modules/tmpl": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
+            "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/to-fast-properties": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+            "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
         "node_modules/to-regex-range": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -5523,6 +8497,37 @@
                 "node": ">= 4.0.0"
             }
         },
+        "node_modules/update-browserslist-db": {
+            "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
+            "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/browserslist"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "peer": true,
+            "dependencies": {
+                "escalade": "^3.1.1",
+                "picocolors": "^1.0.0"
+            },
+            "bin": {
+                "update-browserslist-db": "cli.js"
+            },
+            "peerDependencies": {
+                "browserslist": ">= 4.21.0"
+            }
+        },
         "node_modules/uri-js": {
             "version": "4.4.1",
             "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -5556,6 +8561,28 @@
             "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
             "dev": true
         },
+        "node_modules/v8-to-istanbul": {
+            "version": "9.1.0",
+            "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.0.tgz",
+            "integrity": "sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@jridgewell/trace-mapping": "^0.3.12",
+                "@types/istanbul-lib-coverage": "^2.0.1",
+                "convert-source-map": "^1.6.0"
+            },
+            "engines": {
+                "node": ">=10.12.0"
+            }
+        },
+        "node_modules/v8-to-istanbul/node_modules/convert-source-map": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+            "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/vite": {
             "version": "4.4.2",
             "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.2.tgz",
@@ -5725,6 +8752,19 @@
                 }
             }
         },
+        "node_modules/vue": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
+            "integrity": "sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==",
+            "peer": true,
+            "dependencies": {
+                "@vue/compiler-dom": "3.3.4",
+                "@vue/compiler-sfc": "3.3.4",
+                "@vue/runtime-dom": "3.3.4",
+                "@vue/server-renderer": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
         "node_modules/w3c-xmlserializer": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
@@ -5737,6 +8777,16 @@
                 "node": ">=14"
             }
         },
+        "node_modules/walker": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
+            "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "makeerror": "1.0.12"
+            }
+        },
         "node_modules/web-vitals": {
             "version": "3.3.2",
             "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-3.3.2.tgz",
@@ -5867,12 +8917,76 @@
                 "node": ">=8"
             }
         },
+        "node_modules/wrap-ansi": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "ansi-styles": "^4.0.0",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+            }
+        },
+        "node_modules/wrap-ansi/node_modules/emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/wrap-ansi/node_modules/is-fullwidth-code-point": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/wrap-ansi/node_modules/string-width": {
+            "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/wrappy": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
             "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
             "dev": true
         },
+        "node_modules/write-file-atomic": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+            "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "imurmurhash": "^0.1.4",
+                "signal-exit": "^3.0.7"
+            },
+            "engines": {
+                "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+            }
+        },
         "node_modules/ws": {
             "version": "8.13.0",
             "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
@@ -5909,12 +9023,83 @@
             "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
             "dev": true
         },
+        "node_modules/y18n": {
+            "version": "5.0.8",
+            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
         "node_modules/yallist": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
             "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
             "dev": true
         },
+        "node_modules/yargs": {
+            "version": "17.7.2",
+            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+            "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "cliui": "^8.0.1",
+                "escalade": "^3.1.1",
+                "get-caller-file": "^2.0.5",
+                "require-directory": "^2.1.1",
+                "string-width": "^4.2.3",
+                "y18n": "^5.0.5",
+                "yargs-parser": "^21.1.1"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/yargs-parser": {
+            "version": "21.1.1",
+            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+            "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/yargs/node_modules/emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/yargs/node_modules/is-fullwidth-code-point": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/yargs/node_modules/string-width": {
+            "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/yocto-queue": {
             "version": "0.1.0",
             "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/src/lib/actions/portal.ts b/src/lib/actions/portal.ts
new file mode 100644
index 000000000..d0e90b767
--- /dev/null
+++ b/src/lib/actions/portal.ts
@@ -0,0 +1,42 @@
+import { tick } from 'svelte';
+import type { Action } from 'svelte/action';
+
+export type PortalConfig = string | HTMLElement | undefined;
+
+export const portal: Action<HTMLElement, PortalConfig> = (el, target = 'body') => {
+    let targetEl;
+
+    async function update(newTarget: HTMLElement | string | undefined) {
+        target = newTarget;
+        if (typeof target === 'string') {
+            targetEl = document.querySelector(target);
+            if (targetEl === null) {
+                await tick();
+                targetEl = document.querySelector(target);
+            }
+            if (targetEl === null) {
+                throw new Error(`No element found matching css selector: "${target}"`);
+            }
+        } else if (target instanceof HTMLElement) {
+            targetEl = target;
+        } else {
+            throw new TypeError(
+                `Unknown portal target type: ${
+                    target === null ? 'null' : typeof target
+                }. Allowed types: string (CSS selector) or HTMLElement.`
+            );
+        }
+        targetEl.appendChild(el);
+        el.hidden = false;
+    }
+
+    function destroy() {
+        el.remove();
+    }
+
+    update(target);
+    return {
+        update,
+        destroy
+    };
+};
diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index c347023ec..29d8b5288 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -23,6 +23,9 @@
     import { commandCenterKeyDownHandler, disableCommands, registerCommands } from './commands';
     import { Root } from './panels';
     import { addSubPanel, clearSubPanels, subPanels } from './subPanels';
+    import { dev } from '$app/environment';
+    import { debounce } from '$lib/helpers/debounce';
+    import { portal } from '$lib/actions/portal';
 
     $: $registerCommands([
         {
@@ -74,9 +77,22 @@
     $: $subPanels.length > 1 && ($ctx.isInitialPanel = false);
 
     $: $ctx.open = !!openSubPanel;
+
+    let keys: string[] = [];
+
+    const resetKeys = debounce(() => {
+        keys = [];
+    }, 2000);
+
+    const handleKeydown = (e) => {
+        $commandCenterKeyDownHandler(e);
+        keys = [...keys, e.key];
+        console.log(keys);
+        resetKeys();
+    };
 </script>
 
-<svelte:window on:mousedown={handleBlur} on:keydown={$commandCenterKeyDownHandler} />
+<svelte:window on:mousedown={handleBlur} on:keydown={handleKeydown} />
 
 {#if openSubPanel}
     <div class="dialog" bind:this={dialog} transition:fade={{ duration: 100 }}>
@@ -84,7 +100,17 @@
     </div>
 {/if}
 
-<style>
+{#if dev}
+    <div class="debug-keys" use:portal>
+        {#each keys as key}
+            <kbd class="kbd" transition:fade|local>
+                {key.length === 1 ? key.toUpperCase() : key}
+            </kbd>
+        {/each}
+    </div>
+{/if}
+
+<style lang="scss">
     .dialog {
         padding: 0.5rem;
         position: fixed;
@@ -93,4 +119,24 @@
         background-color: hsl(var(--color-neutral-500) / 0.5);
         z-index: 9999;
     }
+
+    .debug-keys {
+        position: fixed;
+        bottom: 10%;
+        left: 50%;
+        transform: translateX(-50%);
+        padding: 0.5rem;
+        background-color: hsl(var(--color-neutral-500) / 0.5);
+        z-index: 9999;
+
+        display: flex;
+        gap: 1rem;
+
+        font-size: 2rem;
+
+        .kbd {
+            padding-inline: 0.5rem;
+            padding-block: 1.5rem;
+        }
+    }
 </style>
diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 8e5f29222..71014500b 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -111,6 +111,8 @@ export const commandCenterKeyDownHandler = derived(
         }, 2000);
 
         const getHighestPriorityCommand = () => {
+            if (!validCommands.length) return;
+
             if (validCommands.length === 1) {
                 return validCommands[0];
             }
@@ -143,7 +145,7 @@ export const commandCenterKeyDownHandler = derived(
                 return [meta, shift, alt].filter(Boolean).length === mostModifiers;
             });
 
-            return mostModifiersCommands[0].command;
+            return mostModifiersCommands[0]?.command;
         };
 
         const rankAndExecute = debounce(() => {

From 311d5c80863178a9803a366608555f58b1ddac29 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 12 Jul 2023 11:44:12 +0100
Subject: [PATCH 056/128] feat: working migrations & details

---
 src/lib/stores/migration.ts                   |  81 +++++
 src/routes/+layout.ts                         |   5 +
 src/routes/console/+layout.svelte             |   9 +
 .../(migration-wizard)/index.ts               |  10 +
 .../(migration-wizard)/step1.svelte           | 206 ++++++++++++
 .../(migration-wizard)/step2.svelte           | 297 ++++++++++++++++++
 .../(migration-wizard)/wizard.svelte          |  36 +++
 .../organization-[organization]/+layout.ts    |   7 +-
 .../settings/migrations/(import)/index.ts     |  81 +----
 .../settings/migrations/(import)/step1.svelte |  38 +--
 .../settings/migrations/(import)/step2.svelte |   5 +-
 .../migrations/(import)/wizard.svelte         |  13 +-
 .../settings/migrations/+page.svelte          |   9 +-
 .../settings/migrations/+page.ts              |   2 +
 .../settings/migrations/details.svelte        |  83 +++--
 src/routes/console/store.ts                   |   2 +-
 src/routes/store.ts                           |   2 +
 17 files changed, 752 insertions(+), 134 deletions(-)
 create mode 100644 src/lib/stores/migration.ts
 create mode 100644 src/routes/console/organization-[organization]/(migration-wizard)/index.ts
 create mode 100644 src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte
 create mode 100644 src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte
 create mode 100644 src/routes/console/organization-[organization]/(migration-wizard)/wizard.svelte

diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
new file mode 100644
index 000000000..916890a3c
--- /dev/null
+++ b/src/lib/stores/migration.ts
@@ -0,0 +1,81 @@
+import { writable } from 'svelte/store';
+
+const initialFormData = {
+    users: {
+        root: false,
+        teams: false
+    },
+    databases: {
+        root: false,
+        documents: false
+    },
+    functions: {
+        root: false,
+        env: false,
+        inactive: false
+    },
+    storage: {
+        root: false
+    }
+};
+export type MigrationFormData = typeof initialFormData;
+
+export const createMigrationFormStore = () => {
+    const store = writable({ ...initialFormData });
+    const reset = () => {
+        store.set({ ...initialFormData });
+    };
+
+    return {
+        ...store,
+        reset
+    };
+};
+
+type Resource =
+    | 'user'
+    | 'team'
+    | 'membership'
+    | 'file'
+    | 'bucket'
+    | 'function'
+    | 'envVar'
+    | 'deployment'
+    | 'database'
+    | 'collection'
+    | 'index'
+    | 'attribute'
+    | 'document';
+
+export const migrationFormToResources = (formData: MigrationFormData): Resource[] => {
+    const resources: Resource[] = [];
+    if (formData.users.root) {
+        resources.push('user');
+    }
+    if (formData.users.teams) {
+        resources.push('team');
+        resources.push('membership');
+    }
+    if (formData.databases.root) {
+        resources.push('database');
+    }
+    if (formData.databases.documents) {
+        resources.push('collection');
+        resources.push('document');
+    }
+    if (formData.functions.root) {
+        resources.push('function');
+    }
+    if (formData.functions.env) {
+        resources.push('envVar');
+    }
+    if (formData.functions.inactive) {
+        resources.push('deployment');
+    }
+    if (formData.storage.root) {
+        resources.push('bucket');
+        resources.push('file');
+    }
+
+    return resources;
+};
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index de3611aee..ead3e4ac5 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -6,11 +6,16 @@ import { sdk } from '$lib/stores/sdk';
 import { redirect } from '@sveltejs/kit';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
+import { requestedMigration } from './store';
 
 export const ssr = false;
 
 export const load: LayoutLoad = async ({ depends, url }) => {
     depends(Dependencies.ACCOUNT);
+
+    if (url.searchParams.has('migrate')) {
+        requestedMigration.set(true);
+    }
     try {
         const account = await sdk.forConsole.account.get();
 
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 870794b40..bb1f6f2bf 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -14,6 +14,7 @@
     import { onMount } from 'svelte';
     import { loading } from '../store';
     import Create from './createOrganization.svelte';
+    import { requestedMigration } from '../store';
 
     onMount(() => {
         loading.set(false);
@@ -44,6 +45,14 @@
         $log.data = null;
         $log.func = null;
     }
+
+    $: {
+        if ($requestedMigration) {
+            console.log('hey fuckface');
+        } else {
+            console.log('banana');
+        }
+    }
 </script>
 
 <Shell
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/index.ts b/src/routes/console/organization-[organization]/(migration-wizard)/index.ts
new file mode 100644
index 000000000..5bdfc1f80
--- /dev/null
+++ b/src/routes/console/organization-[organization]/(migration-wizard)/index.ts
@@ -0,0 +1,10 @@
+import { createMigrationFormStore } from '$lib/stores/migration';
+import { wizard } from '$lib/stores/wizard';
+import Wizard from './wizard.svelte';
+
+export const formData = createMigrationFormStore();
+
+export function openMigrationWizard() {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    wizard.start(Wizard as any);
+}
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte b/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte
new file mode 100644
index 000000000..5b81d1d8a
--- /dev/null
+++ b/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte
@@ -0,0 +1,206 @@
+<script lang="ts">
+    import SvgIcon from '$lib/components/svgIcon.svelte';
+    import { Button, FormList, InputNumber, InputText } from '$lib/elements/forms';
+    import { WizardStep } from '$lib/layout';
+    import { provider, type Provider } from '.';
+
+    const providers: Record<Provider, string> = {
+        appwrite: 'Appwrite',
+        firebase: 'Firebase',
+        supabase: 'Supabase',
+        nhost: 'NHost'
+    };
+
+    let showAuth = false;
+</script>
+
+<WizardStep>
+    <svelte:fragment slot="title">Choose provider</svelte:fragment>
+    <div class="cards">
+        {#each Object.entries(providers) as [key, value]}
+            <label
+                class="card is-allow-focus u-height-100-percent u-flex u-flex-vertical u-cursor-pointer">
+                <input
+                    class="is-small"
+                    type="radio"
+                    name="provider"
+                    bind:group={$provider.provider}
+                    value={key} />
+                <div class="content">
+                    <img src="/logos/{key}.png" width="33" class="u-margin-inline-auto" alt="" />
+                    <p>{value}</p>
+                </div>
+            </label>
+        {/each}
+    </div>
+
+    {#if $provider.provider === 'appwrite'}
+        <FormList class="u-margin-block-start-24">
+            <InputText
+                id="endpoint"
+                label="Endpoint"
+                required
+                placeholder="Enter endpoint"
+                bind:value={$provider.endpoint} />
+            <InputText
+                id="project-id"
+                label="Project ID"
+                required
+                placeholder="Enter project ID"
+                bind:value={$provider.projectID} />
+            <InputText
+                id="api-key"
+                label="API Key"
+                required
+                placeholder="Enter API Key"
+                bind:value={$provider.apiKey} />
+        </FormList>
+    {:else if $provider.provider === 'firebase'}
+        <div class="box u-flex u-flex-vertical u-gap-16 u-cross-center u-margin-block-start-24">
+            <p class="u-text-center u-bold">Sign in with Google to get started</p>
+            <Button secondary>
+                <SvgIcon name="google" />Sign in
+            </Button>
+        </div>
+
+        <button
+            class="tag u-margin-block-start-16"
+            type="button"
+            on:click={() => (showAuth = !showAuth)}
+            class:is-selected={showAuth}>
+            <span class="icon-lock-closed" aria-hidden="true" />
+            <span class="text">Manual authentication</span>
+        </button>
+
+        {#if showAuth}
+            <div class="u-margin-block-start-16">
+                <InputText
+                    id="credentials"
+                    label="Account credentials"
+                    required
+                    placeholder="TODO" />
+            </div>
+        {/if}
+    {:else if $provider.provider === 'supabase'}
+        <FormList class="u-margin-block-start-24">
+            <p class="body-text-1 u-bold">Postgres credentials</p>
+
+            <InputText
+                id="host"
+                label="Host"
+                required
+                placeholder="Enter host"
+                bind:value={$provider.host} />
+            <InputNumber
+                id="port"
+                label="Port"
+                required
+                placeholder="Enter port"
+                bind:value={$provider.port} />
+            <InputText
+                id="username"
+                label="Username"
+                required
+                placeholder="Enter username"
+                bind:value={$provider.username} />
+            <InputText
+                id="password"
+                label="Password"
+                required
+                placeholder="Enter password"
+                bind:value={$provider.password} />
+            <p class="body-text-1 u-bold">Supabase credentials</p>
+
+            <InputText
+                id="endpoint"
+                label="Endpoint"
+                required
+                placeholder="Enter endpoint"
+                bind:value={$provider.endpoint} />
+            <InputText
+                id="api-key"
+                label="API Key"
+                required
+                placeholder="Enter API Key"
+                bind:value={$provider.apiKey} />
+        </FormList>
+    {:else if $provider.provider === 'nhost'}
+        <FormList class="u-margin-block-start-24">
+            <InputText
+                id="region"
+                label="Region"
+                required
+                placeholder="Enter region"
+                bind:value={$provider.region} />
+            <InputText
+                id="subdomain"
+                label="Subdomain"
+                required
+                placeholder="Enter subdomain"
+                bind:value={$provider.subdomain} />
+            <InputText
+                id="database"
+                label="Database"
+                required
+                placeholder="Enter database"
+                bind:value={$provider.database} />
+            <InputNumber
+                id="port"
+                label="Port"
+                required
+                placeholder="Enter port"
+                bind:value={$provider.port} />
+            <InputText
+                id="username"
+                label="Username"
+                required
+                placeholder="Enter username"
+                bind:value={$provider.username} />
+            <InputText
+                id="password"
+                label="Password"
+                required
+                placeholder="Enter password"
+                bind:value={$provider.password} />
+            <InputText
+                id="adminSecret"
+                label="Admin secret"
+                required
+                placeholder="Enter admin secret"
+                bind:value={$provider.adminSecret} />
+        </FormList>
+    {/if}
+</WizardStep>
+
+<style lang="scss">
+    .cards {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1rem;
+    }
+
+    .card {
+        --card-padding: 2.5rem 0.5rem;
+        --card-border-radius: var(--border-radius-small);
+        display: block;
+
+        position: relative;
+
+        input {
+            position: absolute;
+            top: 0.5rem;
+            left: 0.5rem;
+        }
+
+        .content {
+            width: 9.125rem;
+            height: 4rem;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            align-items: center;
+            text-align: center;
+        }
+    }
+</style>
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte b/src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte
new file mode 100644
index 000000000..5de4146c9
--- /dev/null
+++ b/src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte
@@ -0,0 +1,297 @@
+<script lang="ts">
+    import { EyebrowHeading } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import { deepMap } from '$lib/helpers/object';
+    import { sdk } from '$lib/stores/sdk';
+    import type { DeepKeys, WritableValue } from '$lib/helpers/types';
+
+    import { WizardStep } from '$lib/layout';
+    import { onMount } from 'svelte';
+
+    import { formData } from '.';
+    import { migrationFormToResources } from '$lib/stores/migration';
+
+    type FormData = WritableValue<typeof formData>;
+    type FormKeys = DeepKeys<FormData>;
+
+    /**
+     *
+     * @param field {string} The field to update.
+     * Representes the path to the field in the formData object e.g. 'users.root'
+     */
+    function handleInputChange(field: FormKeys) {
+        return (event: Event) => {
+            const checked = (event.target as HTMLInputElement).checked;
+            // For each entry in formData, if the root is changed, change all children to the same value
+            // otherwise, if a child is changed to true, change the root to true
+
+            const [parent, child] = field.split('.');
+            if (child === 'root') {
+                formData.update((data) => {
+                    data[parent].root = checked;
+                    for (const key in data[parent]) {
+                        if (key !== 'root') {
+                            data[parent][key] = checked;
+                        }
+                    }
+                    return data;
+                });
+            } else if (checked) {
+                formData.update((data) => {
+                    data[parent].root = checked;
+                    return data;
+                });
+            }
+        };
+    }
+
+    function deselectAll() {
+        $formData = deepMap($formData, (v) => {
+            if (typeof v === 'boolean') {
+                return false;
+            }
+            return v;
+        });
+    }
+
+    function selectAll() {
+        $formData = deepMap($formData, (v) => {
+            if (typeof v === 'boolean') {
+                return true;
+            }
+            return v;
+        });
+    }
+
+    let report: any;
+
+    onMount(async () => {
+        const resources = migrationFormToResources($formData);
+
+        switch ($provider.provider) {
+            case 'appwrite': {
+                const res = await sdk.forProject.migrations.generateAppwriteReport(
+                    resources,
+                    $provider.endpoint,
+                    $provider.projectID,
+                    $provider.apiKey
+                );
+                report = res;
+            }
+        }
+    });
+</script>
+
+<WizardStep>
+    <svelte:fragment slot="title">Select data</svelte:fragment>
+    <div class="box" style:border-radius="0.5rem">
+        <div class="u-flex u-flex-vertical u-gap-16">
+            <EyebrowHeading class="eyebrow" tag="h3" size={3}>Good to know</EyebrowHeading>
+            <div class="u-flex u-gap-16">
+                <div class="circled">
+                    <i class="icon-cog" />
+                </div>
+                <div>
+                    <p class="u-bold">Project settings are not imported</p>
+                    <p>You will need to set service and project settings manually</p>
+                </div>
+            </div>
+            <div class="u-flex u-gap-16">
+                <div class="circled">
+                    <i class="icon-trending-up" />
+                </div>
+                <div>
+                    <p class="u-bold">Keep your project plan limits in mind</p>
+                    <p>
+                        Make sure to have enough storage in your project plan when importing files
+                    </p>
+                </div>
+            </div>
+            <div class="u-flex u-gap-16">
+                <div class="circled">
+                    <i class="icon-currency-dollar" />
+                </div>
+                <div>
+                    <p class="u-bold">Transfer is free of charge</p>
+                    <p>You won’t be charged for Appwrite bandwidth usage for importing data</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <ul class="buttons-list u-margin-block-start-32 u-main-end">
+        <li class="buttons-list-item">
+            <Button text on:click={deselectAll}>Deselect all</Button>
+        </li>
+
+        <li class="buttons-list-item">
+            <Button text on:click={selectAll}>Select all</Button>
+        </li>
+    </ul>
+
+    <ul class="u-flex u-flex-vertical u-gap-32 u-margin-block-start-16">
+        <li class="checkbox-field">
+            <input
+                type="checkbox"
+                bind:checked={$formData.users.root}
+                on:change={handleInputChange('users.root')} />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Users</span>
+                {#if report}
+                    <span class="inline-tag">{report.user}</span>
+                {/if}
+            </div>
+            <div />
+            <span>Import all users</span>
+
+            <ul>
+                <li class="checkbox-field">
+                    <input
+                        type="checkbox"
+                        bind:checked={$formData.users.teams}
+                        on:change={handleInputChange('users.teams')} />
+                    <div class="u-flex u-gap-4">
+                        <span class="u-bold">Include teams</span>
+                        {#if report}
+                            <span class="inline-tag">{report.team}</span>
+                        {/if}
+                    </div>
+                    <div />
+                    <span>Import all teams and the team memberships of your users</span>
+                </li>
+            </ul>
+        </li>
+        <li class="checkbox-field">
+            <input
+                type="checkbox"
+                bind:checked={$formData.databases.root}
+                on:change={handleInputChange('databases.root')} />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Databases</span>
+                {#if report}
+                    <span class="inline-tag">{report.database}</span>
+                {/if}
+            </div>
+            <div />
+            <span>Import all databases, including collections, indexes and attributes</span>
+
+            <ul>
+                <li class="checkbox-field">
+                    <input
+                        type="checkbox"
+                        bind:checked={$formData.databases.documents}
+                        on:change={handleInputChange('databases.documents')} />
+                    <div class="u-flex u-gap-4">
+                        <span class="u-bold">Include documents</span>
+                        {#if report}
+                            <span class="inline-tag">{report.document}</span>
+                        {/if}
+                    </div>
+                    <div />
+                    <span>Import all of your documents</span>
+                </li>
+            </ul>
+        </li>
+        <li class="checkbox-field">
+            <input
+                type="checkbox"
+                bind:checked={$formData.functions.root}
+                on:change={handleInputChange('functions.root')} />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Functions</span>
+                {#if report}
+                    <span class="inline-tag">{report.function}</span>
+                {/if}
+            </div>
+            <div />
+            <span>Import all functions and their active deployment</span>
+            <ul>
+                <li class="checkbox-field">
+                    <input
+                        type="checkbox"
+                        bind:checked={$formData.functions.env}
+                        on:change={handleInputChange('functions.env')} />
+                    <div class="u-flex u-gap-4">
+                        <span class="u-bold">Include environment variables</span>
+                    </div>
+                    <div />
+                    <span>Import all environment variables</span>
+                </li>
+                <li class="checkbox-field">
+                    <input
+                        type="checkbox"
+                        bind:checked={$formData.functions.inactive}
+                        on:change={handleInputChange('functions.inactive')} />
+                    <div class="u-flex u-gap-4">
+                        <span class="u-bold">Include inactive deployments</span>
+                    </div>
+                    <div />
+                    <span>Import all deployments that are not currently active</span>
+                </li>
+            </ul>
+        </li>
+        <li class="checkbox-field">
+            <input
+                type="checkbox"
+                bind:checked={$formData.storage.root}
+                on:change={handleInputChange('storage.root')} />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Storage</span>
+                {#if report}
+                    <span class="inline-tag">{report.size.toFixed(2)}MB</span>
+                {/if}
+            </div>
+            <div />
+            {#if report}
+                <span>Import all buckets ({report.bucket}) and files ({report.file})</span>
+            {:else}
+                <span>Import all buckets and files</span>
+            {/if}
+        </li>
+    </ul>
+</WizardStep>
+
+<style lang="scss">
+    .box :global(.eyebrow) {
+        font-weight: 500;
+        color: hsl(var(--color-neutral-70));
+    }
+
+    .circled {
+        width: 1.5rem;
+        height: 1.5rem;
+        flex-shrink: 0;
+        border-radius: 100%;
+        border: 1px solid hsl(var(--color-border));
+        position: relative;
+
+        i {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            translate: -50% -50%;
+            font-size: 1rem;
+        }
+    }
+
+    .buttons-list {
+        border-block-end: 1px solid hsl(var(--color-border));
+        padding-block-end: 0.625rem;
+    }
+
+    .checkbox-field {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        gap: 0.25rem 1rem;
+        align-items: center;
+
+        ul {
+            grid-column-start: 2;
+            padding-block-end: 2rem;
+
+            li {
+                margin-block-start: 1rem;
+            }
+        }
+    }
+</style>
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/wizard.svelte b/src/routes/console/organization-[organization]/(migration-wizard)/wizard.svelte
new file mode 100644
index 000000000..f563a0149
--- /dev/null
+++ b/src/routes/console/organization-[organization]/(migration-wizard)/wizard.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+    import { page } from '$app/stores';
+    import type { WizardStepsType } from '$lib/layout/wizard.svelte';
+    import Wizard from '$lib/layout/wizard.svelte';
+    import { migrationFormToResources } from '$lib/stores/migration';
+    import { onDestroy } from 'svelte';
+    import { formData } from '.';
+    import Step1 from './step1.svelte';
+    import Step2 from './step2.svelte';
+
+    const onExit = () => {
+        formData.reset();
+    };
+
+    const onFinish = async () => {
+        const resources = migrationFormToResources($formData);
+        console.log('resources', resources);
+        // wizard.hide();
+    };
+
+    onDestroy(onExit);
+
+    const hasProjects = $page.data.allProjects.total > 0;
+
+    const steps: WizardStepsType = new Map();
+    steps.set(1, {
+        label: hasProjects ? 'Select project' : 'Create project',
+        component: Step1
+    });
+    steps.set(2, {
+        label: 'Select data',
+        component: Step2
+    });
+</script>
+
+<Wizard title="Create Function" {steps} on:exit={onExit} on:finish={onFinish} />
diff --git a/src/routes/console/organization-[organization]/+layout.ts b/src/routes/console/organization-[organization]/+layout.ts
index 96da66f11..1dffcd8f0 100644
--- a/src/routes/console/organization-[organization]/+layout.ts
+++ b/src/routes/console/organization-[organization]/+layout.ts
@@ -4,6 +4,7 @@ import { sdk } from '$lib/stores/sdk';
 import type { LayoutLoad } from './$types';
 import { error } from '@sveltejs/kit';
 import { Dependencies } from '$lib/constants';
+import { Query } from '@appwrite.io/console';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.ORGANIZATION);
@@ -13,7 +14,11 @@ export const load: LayoutLoad = async ({ params, depends }) => {
             header: Header,
             breadcrumbs: Breadcrumbs,
             organization: await sdk.forConsole.teams.get(params.organization),
-            members: await sdk.forConsole.teams.listMemberships(params.organization)
+            members: await sdk.forConsole.teams.listMemberships(params.organization),
+            allProjects: await sdk.forConsole.projects.list([
+                Query.equal('teamId', params.organization),
+                Query.orderDesc('$createdAt')
+            ])
         };
     } catch (e) {
         localStorage.removeItem('organization');
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
index 34eff1cb1..03b6e0c65 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
@@ -3,6 +3,7 @@ import {
     PUBLIC_MOCK_ENDPOINT,
     PUBLIC_MOCK_PROJECTID
 } from '$env/static/public';
+import { createMigrationFormStore } from '$lib/stores/migration';
 import { wizard } from '$lib/stores/wizard';
 import { writable } from 'svelte/store';
 import Wizard from './wizard.svelte';
@@ -33,12 +34,13 @@ type SupabaseInput = {
 
 type NhostInput = {
     provider: 'nhost';
-    host?: string;
-    port?: number;
+    region?: string;
+    subdomain?: string;
+    database?: string;
     username?: string;
     password?: string;
-    endpoint?: string;
-    apiKey?: string;
+    adminSecret?: string;
+    port?: number;
 };
 
 type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
@@ -52,78 +54,11 @@ const mockProvider: ProviderInput = {
 };
 export const provider = writable<ProviderInput>({ ...mockProvider });
 
-const initialFormData = {
-    users: {
-        root: false,
-        teams: false
-    },
-    databases: {
-        root: false,
-        documents: false
-    },
-    functions: {
-        root: false,
-        env: false,
-        inactive: false
-    },
-    storage: {
-        root: false
-    }
-};
-type FormData = typeof initialFormData;
-export const formData = writable({ ...initialFormData });
-
-type Resource =
-    | 'User'
-    | 'Team'
-    | 'Membership'
-    | 'File'
-    | 'Bucket'
-    | 'Function'
-    | 'EnvVar'
-    | 'Deployment'
-    | 'Database'
-    | 'Collection'
-    | 'Index'
-    | 'Attribute'
-    | 'Document';
-
-export const formDataToResources = (formData: FormData): Resource[] => {
-    const resources: Resource[] = [];
-    if (formData.users.root) {
-        resources.push('User');
-    }
-    if (formData.users.teams) {
-        resources.push('Team');
-        resources.push('Membership');
-    }
-    if (formData.databases.root) {
-        resources.push('Database');
-    }
-    if (formData.databases.documents) {
-        resources.push('Collection');
-        resources.push('Document');
-    }
-    if (formData.functions.root) {
-        resources.push('Function');
-    }
-    if (formData.functions.env) {
-        resources.push('EnvVar');
-    }
-    if (formData.functions.inactive) {
-        resources.push('Deployment');
-    }
-    if (formData.storage.root) {
-        resources.push('Bucket');
-        resources.push('File');
-    }
-
-    return resources;
-};
+export const formData = createMigrationFormStore();
 
 export const resetImportStores = () => {
     provider.set({ ...mockProvider });
-    formData.set({ ...initialFormData });
+    formData.reset();
 };
 
 export function openImportWizard() {
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 97dbb69b7..5b81d1d8a 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -126,14 +126,24 @@
         </FormList>
     {:else if $provider.provider === 'nhost'}
         <FormList class="u-margin-block-start-24">
-            <p class="body-text-1 u-bold">Postgres credentials</p>
-
             <InputText
-                id="host"
-                label="Host"
+                id="region"
+                label="Region"
                 required
-                placeholder="Enter host"
-                bind:value={$provider.host} />
+                placeholder="Enter region"
+                bind:value={$provider.region} />
+            <InputText
+                id="subdomain"
+                label="Subdomain"
+                required
+                placeholder="Enter subdomain"
+                bind:value={$provider.subdomain} />
+            <InputText
+                id="database"
+                label="Database"
+                required
+                placeholder="Enter database"
+                bind:value={$provider.database} />
             <InputNumber
                 id="port"
                 label="Port"
@@ -152,20 +162,12 @@
                 required
                 placeholder="Enter password"
                 bind:value={$provider.password} />
-            <p class="body-text-1 u-bold">Supabase credentials</p>
-
             <InputText
-                id="endpoint"
-                label="Endpoint"
+                id="adminSecret"
+                label="Admin secret"
                 required
-                placeholder="Enter endpoint"
-                bind:value={$provider.endpoint} />
-            <InputText
-                id="api-key"
-                label="API Key"
-                required
-                placeholder="Enter API Key"
-                bind:value={$provider.apiKey} />
+                placeholder="Enter admin secret"
+                bind:value={$provider.adminSecret} />
         </FormList>
     {/if}
 </WizardStep>
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
index ac7d74d06..a209866e5 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
@@ -8,7 +8,8 @@
     import { WizardStep } from '$lib/layout';
     import { onMount } from 'svelte';
 
-    import { formData, formDataToResources, provider } from '.';
+    import { formData, provider } from '.';
+    import { migrationFormToResources } from '$lib/stores/migration';
 
     type FormData = WritableValue<typeof formData>;
     type FormKeys = DeepKeys<FormData>;
@@ -65,7 +66,7 @@
     let report: any;
 
     onMount(async () => {
-        const resources = formDataToResources($formData);
+        const resources = migrationFormToResources($formData);
 
         switch ($provider.provider) {
             case 'appwrite': {
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index c714187da..42b762454 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -4,18 +4,19 @@
     import { sdk } from '$lib/stores/sdk';
     import { wizard } from '$lib/stores/wizard';
     import { onDestroy } from 'svelte';
-    import { formData, formDataToResources, provider, resetImportStores } from '.';
+    import { formData, provider, resetImportStores } from '.';
     import Step1 from './step1.svelte';
     import Step2 from './step2.svelte';
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
+    import { migrationFormToResources } from '$lib/stores/migration';
 
     const onExit = () => {
         resetImportStores();
     };
 
     const onFinish = async () => {
-        const resources = formDataToResources($formData);
+        const resources = migrationFormToResources($formData);
         switch ($provider.provider) {
             case 'appwrite': {
                 const res = await sdk.forProject.migrations.migrateAppwrite(
@@ -24,7 +25,7 @@
                     $provider.projectID,
                     $provider.apiKey
                 );
-                console.log(res);
+                console.log('appwrite', res);
                 invalidate(Dependencies.MIGRATIONS);
                 break;
             }
@@ -38,7 +39,7 @@
                     $provider.password,
                     $provider.port
                 );
-                console.log(res);
+                console.log('Supabase', res);
                 invalidate(Dependencies.MIGRATIONS);
                 break;
             }
@@ -47,7 +48,7 @@
                     resources,
                     $provider.serviceAccount
                 );
-                console.log(res);
+                console.log('Firebase', res);
                 invalidate(Dependencies.MIGRATIONS);
                 break;
             }
@@ -62,7 +63,7 @@
                     $provider.password,
                     $provider.port
                 );
-                console.log(res);
+                console.log('nhost', res);
                 invalidate(Dependencies.MIGRATIONS);
                 break;
             }
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index bfd194561..d875a6202 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -16,7 +16,6 @@
     import { isSameDay, toLocaleDate } from '$lib/helpers/date';
     import { capitalize } from '$lib/helpers/string';
     import { Container } from '$lib/layout';
-    import { sdk } from '$lib/stores/sdk';
     import { isSelfHosted } from '$lib/system';
     import { openImportWizard } from './(import)';
     import Details from './details.svelte';
@@ -25,15 +24,11 @@
     let details: (typeof data.migrations)[number] | null = null;
     let showCloudExport = false;
 
-    const mockMigrate = async () => {
-        console.log(await sdk.forProject.migrations.list());
-    };
-
-    mockMigrate();
-
     const getStatus = (status: string) => {
         if (status === 'failed') {
             return { text: 'Failed', icon: 'exclamation', iconColor: 'danger' };
+        } else if (status === 'completed') {
+            return { text: 'Completed', icon: 'check', iconColor: 'success' };
         }
 
         return { text: 'Pending', icon: 'clock', iconColor: 'blue' };
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index 175b12dc6..972c9ec61 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -6,6 +6,8 @@ export async function load({ depends }) {
 
     const { migrations } = await sdk.forProject.migrations.list();
 
+    console.log(migrations);
+
     return {
         migrations
     };
diff --git a/src/routes/console/project-[project]/settings/migrations/details.svelte b/src/routes/console/project-[project]/settings/migrations/details.svelte
index 55f16fec5..1ac31c6c0 100644
--- a/src/routes/console/project-[project]/settings/migrations/details.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/details.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { Modal } from '$lib/components';
+    import { toLocaleDateTime } from '$lib/helpers/date';
     import type { Models } from '@appwrite.io/console';
 
     export let details: Models.Migration | null = null;
@@ -9,7 +10,7 @@
         [resource in 'Database' | 'Collection' | 'Function' | 'Users']?: StatusCounter;
     };
     type StatusCounter = {
-        [statusType in 'PENDING' | 'SUCCESS' | 'ERROR' | 'SKIP' | 'PROCESSING' | 'WARNING']: number;
+        [statusType in 'pending' | 'success' | 'error' | 'skip' | 'processing' | 'warning']: number;
     };
 
     $: statusCounters = JSON.parse(
@@ -18,51 +19,70 @@
 
     const hasError = (counter: StatusCounter) => {
         if (!counter) return false;
-        return counter.ERROR > 0 || counter.WARNING > 0;
+        return counter.error > 0 || counter.warning > 0;
     };
 
     const isLoading = (counter: StatusCounter) => {
         if (!counter) return false;
-        return counter.PENDING > 0 || counter.PROCESSING > 0;
+        return counter.pending > 0 || counter.processing > 0;
     };
 
     const hasSucceeded = (counter: StatusCounter) => {
         if (!counter) return false;
-        return counter.SUCCESS > 0;
+        return counter.success > 0;
     };
+
+    const totalItems = (counter: StatusCounter) => {
+        if (!counter) return 0;
+        return Object.values(counter).reduce((acc, curr) => acc + curr, 0);
+    };
+
+    $: parsedSource = JSON.parse(details?.source || '{}');
 </script>
 
 <Modal bind:show on:close={() => (details = null)} size="big">
     <svelte:fragment slot="header">
         {#if details.status === 'failed'}
-            Resolve import issues
+            Resolve migration issues
         {:else}
             Migration details
         {/if}
     </svelte:fragment>
     {#if details}
-        <div class="box">
-            {#each ['Database', 'Collection', 'Function', 'Users'] as entity}
-                <div class="u-flex u-cross-center u-gap-16">
-                    <div class="icon-wrapper">
-                        {#if hasError(statusCounters[entity])}
-                            <i class="icon-exclamation" />
-                        {:else if isLoading(statusCounters[entity])}
-                            <span class="loader" />
-                        {:else if hasSucceeded(statusCounters[entity])}
-                            <i class="icon-check" />
-                        {:else}
-                            <i class="icon-question-mark-circle" />
-                        {/if}
-                    </div>
-
-                    <div>
-                        <span>{entity}</span>
-                        <span class="inline-tag">2</span>
-                    </div>
-                </div>
-            {/each}
+        <div class="box meta">
+            <span>Date</span>
+            <span>{toLocaleDateTime(details.$createdAt)}</span>
+            <span>Source</span>
+            <span>{parsedSource.type}</span>
+            <span>Project ID</span>
+            <span>{parsedSource.projectId}</span>
         </div>
+
+        {#if Object.keys(statusCounters).length}
+            <div class="box">
+                {#each Object.keys(statusCounters) as entity}
+                    {@const entityCounter = statusCounters[entity]}
+                    <div class="u-flex u-cross-center u-gap-16">
+                        <div class="icon-wrapper">
+                            {#if hasError(entityCounter)}
+                                <i class="icon-exclamation" />
+                            {:else if isLoading(entityCounter)}
+                                <span class="loader" />
+                            {:else if hasSucceeded(entityCounter)}
+                                <i class="icon-check" />
+                            {:else}
+                                <i class="icon-clock" />
+                            {/if}
+                        </div>
+
+                        <div>
+                            <span class="u-capitalize">{entity}</span>
+                            <span class="inline-tag">{totalItems(entityCounter)}</span>
+                        </div>
+                    </div>
+                {/each}
+            </div>
+        {/if}
     {/if}
 </Modal>
 
@@ -79,6 +99,17 @@
         }
     }
 
+    .meta {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 0.5rem;
+        padding: 1.5rem;
+
+        :nth-child(2n) {
+            font-weight: 600;
+        }
+    }
+
     .icon-wrapper {
         position: relative;
 
diff --git a/src/routes/console/store.ts b/src/routes/console/store.ts
index 2e8023dda..04a32de86 100644
--- a/src/routes/console/store.ts
+++ b/src/routes/console/store.ts
@@ -1,4 +1,4 @@
 import { page } from '$app/stores';
-import { derived } from 'svelte/store';
+import { derived, writable } from 'svelte/store';
 
 export const version = derived(page, ($page) => $page.data.version as string | null);
diff --git a/src/routes/store.ts b/src/routes/store.ts
index dd2756663..ae3b2f2e1 100644
--- a/src/routes/store.ts
+++ b/src/routes/store.ts
@@ -1,3 +1,5 @@
 import { writable } from 'svelte/store';
 
 export const loading = writable(true);
+
+export const requestedMigration = writable(false);

From c8e9da2a768b38ecac1aab1b0e6ae191dd4f1fd8 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 12 Jul 2023 17:35:01 +0100
Subject: [PATCH 057/128] mock deploy to cloud & self-hosted

---
 src/lib/helpers/object.ts                     |  12 +
 src/lib/stores/migration.ts                   |   2 +
 src/routes/+layout.svelte                     |   3 +-
 src/routes/+layout.ts                         |   1 +
 src/routes/console/+layout.svelte             |   8 -
 .../(migration-wizard)/step1.svelte           | 244 ++++--------------
 .../(migration-wizard)/step2.svelte           |  25 +-
 .../+layout.svelte                            |   6 +
 .../migrations/(import)/wizard.svelte         |   2 +
 .../settings/migrations/+page.svelte          |  15 +-
 .../settings/migrations/+page.ts              |   4 +-
 .../settings/migrations/details.svelte        |   5 +-
 .../settings/migrations/stores.ts             |   3 +
 13 files changed, 115 insertions(+), 215 deletions(-)
 create mode 100644 src/routes/console/project-[project]/settings/migrations/stores.ts

diff --git a/src/lib/helpers/object.ts b/src/lib/helpers/object.ts
index a1aa69eeb..923053bfc 100644
--- a/src/lib/helpers/object.ts
+++ b/src/lib/helpers/object.ts
@@ -50,3 +50,15 @@ export function deepMap<T extends object, U extends object = T>(
 
     return result;
 }
+
+export function parseIfString(value: unknown): any {
+    if (typeof value === 'string') {
+        try {
+            return JSON.parse(value);
+        } catch {
+            return value;
+        }
+    }
+
+    return value;
+}
diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
index 916890a3c..02e5a00ee 100644
--- a/src/lib/stores/migration.ts
+++ b/src/lib/stores/migration.ts
@@ -61,6 +61,8 @@ export const migrationFormToResources = (formData: MigrationFormData): Resource[
     }
     if (formData.databases.documents) {
         resources.push('collection');
+        resources.push('attribute');
+        resources.push('index');
         resources.push('document');
     }
     if (formData.functions.root) {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index fcc41255e..a50dd02f7 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -15,7 +15,8 @@
     import { onMount } from 'svelte';
     import { onCLS, onFCP, onFID, onINP, onLCP, onTTFB } from 'web-vitals';
     import Loading from './loading.svelte';
-    import { loading } from './store';
+    import { loading, requestedMigration } from './store';
+    import { openMigrationWizard } from './console/organization-[organization]/(migration-wizard)';
 
     if (browser) {
         window.VERCEL_ANALYTICS_ID = import.meta.env.VERCEL_ANALYTICS_ID?.toString() ?? false;
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index ead3e4ac5..7bb0bbc4c 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -16,6 +16,7 @@ export const load: LayoutLoad = async ({ depends, url }) => {
     if (url.searchParams.has('migrate')) {
         requestedMigration.set(true);
     }
+
     try {
         const account = await sdk.forConsole.account.get();
 
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index bb1f6f2bf..fe5bc502a 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -45,14 +45,6 @@
         $log.data = null;
         $log.func = null;
     }
-
-    $: {
-        if ($requestedMigration) {
-            console.log('hey fuckface');
-        } else {
-            console.log('banana');
-        }
-    }
 </script>
 
 <Shell
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte b/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte
index 5b81d1d8a..1705c9c93 100644
--- a/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte
+++ b/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte
@@ -1,206 +1,72 @@
 <script lang="ts">
-    import SvgIcon from '$lib/components/svgIcon.svelte';
-    import { Button, FormList, InputNumber, InputText } from '$lib/elements/forms';
+    import { page } from '$app/stores';
+    import { InputSelect } from '$lib/elements/forms';
+    import InputText from '$lib/elements/forms/inputText.svelte';
     import { WizardStep } from '$lib/layout';
-    import { provider, type Provider } from '.';
+    import type { Models } from '@appwrite.io/console';
 
-    const providers: Record<Provider, string> = {
-        appwrite: 'Appwrite',
-        firebase: 'Firebase',
-        supabase: 'Supabase',
-        nhost: 'NHost'
-    };
+    const projects = $page.data.allProjects as Models.ProjectList;
+    const hasProjects = projects.total > 0;
 
-    let showAuth = false;
+    let projectType = 'existing';
+
+    let selectedProject: string = null;
 </script>
 
 <WizardStep>
-    <svelte:fragment slot="title">Choose provider</svelte:fragment>
-    <div class="cards">
-        {#each Object.entries(providers) as [key, value]}
-            <label
-                class="card is-allow-focus u-height-100-percent u-flex u-flex-vertical u-cursor-pointer">
-                <input
-                    class="is-small"
-                    type="radio"
-                    name="provider"
-                    bind:group={$provider.provider}
-                    value={key} />
-                <div class="content">
-                    <img src="/logos/{key}.png" width="33" class="u-margin-inline-auto" alt="" />
-                    <p>{value}</p>
-                </div>
+    <svelte:fragment slot="title">
+        {hasProjects ? 'Select project' : 'Create project'}
+    </svelte:fragment>
+    <div class="radios">
+        <div class="u-flex u-gap-8">
+            <input
+                type="radio"
+                name="project_type"
+                id="project_type--existing"
+                bind:group={projectType}
+                value="existing" />
+            <label for="project_type--existing">
+                <p class="u-bold">Existing project</p>
+                <p>Import data to an existing project</p>
             </label>
-        {/each}
+        </div>
+        <div class="u-flex u-gap-8">
+            <input
+                type="radio"
+                name="project_type"
+                id="project_type--new"
+                bind:group={projectType}
+                value="new" />
+            <label for="project_type--new">
+                <p class="u-bold">Create new project</p>
+                <span>Import data to a new project</span>
+            </label>
+        </div>
     </div>
 
-    {#if $provider.provider === 'appwrite'}
-        <FormList class="u-margin-block-start-24">
+    <div class="u-margin-block-start-24">
+        {#if projectType === 'existing'}
+            <InputSelect
+                id="project"
+                bind:value={selectedProject}
+                label="Select a project"
+                options={projects.projects.map((p) => ({
+                    label: p.name,
+                    value: p.$id
+                }))} />
+        {:else}
             <InputText
-                id="endpoint"
-                label="Endpoint"
-                required
-                placeholder="Enter endpoint"
-                bind:value={$provider.endpoint} />
-            <InputText
-                id="project-id"
-                label="Project ID"
-                required
-                placeholder="Enter project ID"
-                bind:value={$provider.projectID} />
-            <InputText
-                id="api-key"
-                label="API Key"
-                required
-                placeholder="Enter API Key"
-                bind:value={$provider.apiKey} />
-        </FormList>
-    {:else if $provider.provider === 'firebase'}
-        <div class="box u-flex u-flex-vertical u-gap-16 u-cross-center u-margin-block-start-24">
-            <p class="u-text-center u-bold">Sign in with Google to get started</p>
-            <Button secondary>
-                <SvgIcon name="google" />Sign in
-            </Button>
-        </div>
-
-        <button
-            class="tag u-margin-block-start-16"
-            type="button"
-            on:click={() => (showAuth = !showAuth)}
-            class:is-selected={showAuth}>
-            <span class="icon-lock-closed" aria-hidden="true" />
-            <span class="text">Manual authentication</span>
-        </button>
-
-        {#if showAuth}
-            <div class="u-margin-block-start-16">
-                <InputText
-                    id="credentials"
-                    label="Account credentials"
-                    required
-                    placeholder="TODO" />
-            </div>
+                label="Project name"
+                placeholder="Enter project name"
+                id="project_name"
+                required />
         {/if}
-    {:else if $provider.provider === 'supabase'}
-        <FormList class="u-margin-block-start-24">
-            <p class="body-text-1 u-bold">Postgres credentials</p>
-
-            <InputText
-                id="host"
-                label="Host"
-                required
-                placeholder="Enter host"
-                bind:value={$provider.host} />
-            <InputNumber
-                id="port"
-                label="Port"
-                required
-                placeholder="Enter port"
-                bind:value={$provider.port} />
-            <InputText
-                id="username"
-                label="Username"
-                required
-                placeholder="Enter username"
-                bind:value={$provider.username} />
-            <InputText
-                id="password"
-                label="Password"
-                required
-                placeholder="Enter password"
-                bind:value={$provider.password} />
-            <p class="body-text-1 u-bold">Supabase credentials</p>
-
-            <InputText
-                id="endpoint"
-                label="Endpoint"
-                required
-                placeholder="Enter endpoint"
-                bind:value={$provider.endpoint} />
-            <InputText
-                id="api-key"
-                label="API Key"
-                required
-                placeholder="Enter API Key"
-                bind:value={$provider.apiKey} />
-        </FormList>
-    {:else if $provider.provider === 'nhost'}
-        <FormList class="u-margin-block-start-24">
-            <InputText
-                id="region"
-                label="Region"
-                required
-                placeholder="Enter region"
-                bind:value={$provider.region} />
-            <InputText
-                id="subdomain"
-                label="Subdomain"
-                required
-                placeholder="Enter subdomain"
-                bind:value={$provider.subdomain} />
-            <InputText
-                id="database"
-                label="Database"
-                required
-                placeholder="Enter database"
-                bind:value={$provider.database} />
-            <InputNumber
-                id="port"
-                label="Port"
-                required
-                placeholder="Enter port"
-                bind:value={$provider.port} />
-            <InputText
-                id="username"
-                label="Username"
-                required
-                placeholder="Enter username"
-                bind:value={$provider.username} />
-            <InputText
-                id="password"
-                label="Password"
-                required
-                placeholder="Enter password"
-                bind:value={$provider.password} />
-            <InputText
-                id="adminSecret"
-                label="Admin secret"
-                required
-                placeholder="Enter admin secret"
-                bind:value={$provider.adminSecret} />
-        </FormList>
-    {/if}
+    </div>
 </WizardStep>
 
 <style lang="scss">
-    .cards {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 1rem;
-    }
-
-    .card {
-        --card-padding: 2.5rem 0.5rem;
-        --card-border-radius: var(--border-radius-small);
-        display: block;
-
-        position: relative;
-
-        input {
-            position: absolute;
-            top: 0.5rem;
-            left: 0.5rem;
-        }
-
-        .content {
-            width: 9.125rem;
-            height: 4rem;
-
-            display: flex;
-            flex-direction: column;
-            justify-content: space-between;
-            align-items: center;
-            text-align: center;
-        }
+    .radios {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
     }
 </style>
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte b/src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte
index 5de4146c9..f240d1efc 100644
--- a/src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte
+++ b/src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte
@@ -2,14 +2,13 @@
     import { EyebrowHeading } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { deepMap } from '$lib/helpers/object';
-    import { sdk } from '$lib/stores/sdk';
     import type { DeepKeys, WritableValue } from '$lib/helpers/types';
 
     import { WizardStep } from '$lib/layout';
     import { onMount } from 'svelte';
 
-    import { formData } from '.';
     import { migrationFormToResources } from '$lib/stores/migration';
+    import { formData } from '.';
 
     type FormData = WritableValue<typeof formData>;
     type FormKeys = DeepKeys<FormData>;
@@ -68,17 +67,17 @@
     onMount(async () => {
         const resources = migrationFormToResources($formData);
 
-        switch ($provider.provider) {
-            case 'appwrite': {
-                const res = await sdk.forProject.migrations.generateAppwriteReport(
-                    resources,
-                    $provider.endpoint,
-                    $provider.projectID,
-                    $provider.apiKey
-                );
-                report = res;
-            }
-        }
+        // switch ($provider.provider) {
+        //     case 'appwrite': {
+        //         const res = await sdk.forProject.migrations.generateAppwriteReport(
+        //             resources,
+        //             $provider.endpoint,
+        //             $provider.projectID,
+        //             $provider.apiKey
+        //         );
+        //         report = res;
+        //     }
+        // }
     });
 </script>
 
diff --git a/src/routes/console/organization-[organization]/+layout.svelte b/src/routes/console/organization-[organization]/+layout.svelte
index ae86b8037..d43df7ebd 100644
--- a/src/routes/console/organization-[organization]/+layout.svelte
+++ b/src/routes/console/organization-[organization]/+layout.svelte
@@ -2,6 +2,12 @@
     import { newOrgModal, newMemberModal } from '$lib/stores/organization';
     import CreateMember from './createMember.svelte';
     import Create from '../createOrganization.svelte';
+    import { openMigrationWizard } from './(migration-wizard)';
+    import { requestedMigration } from '$routes/store';
+
+    $: if ($requestedMigration) {
+        openMigrationWizard();
+    }
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 42b762454..60e7a1d36 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -10,6 +10,7 @@
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { migrationFormToResources } from '$lib/stores/migration';
+    import { started } from '../stores';
 
     const onExit = () => {
         resetImportStores();
@@ -70,6 +71,7 @@
         }
         resetImportStores();
         wizard.hide();
+        started.set(performance.now());
     };
 
     onDestroy(onExit);
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index d875a6202..bc3afa76c 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -17,8 +17,13 @@
     import { capitalize } from '$lib/helpers/string';
     import { Container } from '$lib/layout';
     import { isSelfHosted } from '$lib/system';
+    import { onMount } from 'svelte';
     import { openImportWizard } from './(import)';
     import Details from './details.svelte';
+    import { sdk } from '$lib/stores/sdk';
+    import { invalidate } from '$app/navigation';
+    import { Dependencies } from '$lib/constants';
+    import { parseIfString } from '$lib/helpers/object';
 
     export let data;
     let details: (typeof data.migrations)[number] | null = null;
@@ -33,6 +38,14 @@
 
         return { text: 'Pending', icon: 'clock', iconColor: 'blue' };
     };
+
+    onMount(async () => {
+        return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
+            if (response.events.includes('migrations.*')) {
+                invalidate(Dependencies.MIGRATIONS);
+            }
+        });
+    });
 </script>
 
 <Container>
@@ -59,7 +72,7 @@
                     <TableBody>
                         {#each data.migrations as entry}
                             <TableRow>
-                                {@const source = capitalize(JSON.parse(entry.source).type)}
+                                {@const source = capitalize(parseIfString(entry.source).type)}
                                 {@const status = getStatus(entry.status)}
                                 <TableCell title="Data">
                                     {isSameDay(new Date(), new Date(entry.$createdAt))
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index 972c9ec61..7ac0a5e33 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -1,12 +1,14 @@
 import { Dependencies } from '$lib/constants.js';
 import { sdk } from '$lib/stores/sdk';
+import { get } from 'svelte/store';
+import { started } from './stores.js';
 
 export async function load({ depends }) {
     depends(Dependencies.MIGRATIONS);
 
     const { migrations } = await sdk.forProject.migrations.list();
 
-    console.log(migrations);
+    console.log(migrations, (performance.now() - get(started)) / 1000);
 
     return {
         migrations
diff --git a/src/routes/console/project-[project]/settings/migrations/details.svelte b/src/routes/console/project-[project]/settings/migrations/details.svelte
index 1ac31c6c0..8696f2014 100644
--- a/src/routes/console/project-[project]/settings/migrations/details.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/details.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { Modal } from '$lib/components';
     import { toLocaleDateTime } from '$lib/helpers/date';
+    import { parseIfString } from '$lib/helpers/object';
     import type { Models } from '@appwrite.io/console';
 
     export let details: Models.Migration | null = null;
@@ -13,7 +14,7 @@
         [statusType in 'pending' | 'success' | 'error' | 'skip' | 'processing' | 'warning']: number;
     };
 
-    $: statusCounters = JSON.parse(
+    $: statusCounters = parseIfString(
         (details?.statusCounters as unknown as string) || '{}'
     ) as StatusCounters;
 
@@ -37,7 +38,7 @@
         return Object.values(counter).reduce((acc, curr) => acc + curr, 0);
     };
 
-    $: parsedSource = JSON.parse(details?.source || '{}');
+    $: parsedSource = parseIfString(details?.source || '{}');
 </script>
 
 <Modal bind:show on:close={() => (details = null)} size="big">
diff --git a/src/routes/console/project-[project]/settings/migrations/stores.ts b/src/routes/console/project-[project]/settings/migrations/stores.ts
new file mode 100644
index 000000000..0e922c1bb
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/migrations/stores.ts
@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+
+export const started = writable(performance.now());

From aef914d5aec19a15dbe68569dfee3565e6381856 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 12 Jul 2023 18:29:34 +0100
Subject: [PATCH 058/128] add commands & fix command kbd selection

---
 src/lib/commandCenter/commandCenter.svelte    | 10 +++---
 src/lib/commandCenter/panels/ai.svelte        |  1 -
 src/lib/commandCenter/panels/index.ts         |  1 +
 .../commandCenter/panels/organizations.svelte | 31 +++++++++++++++++++
 src/lib/commandCenter/panels/projects.svelte  |  3 --
 src/lib/commandCenter/panels/template.svelte  |  8 +++--
 src/routes/+layout.ts                         |  1 +
 src/routes/console/+layout.svelte             | 29 ++++++++++++++++-
 src/routes/console/+layout.ts                 |  5 +--
 9 files changed, 73 insertions(+), 16 deletions(-)
 create mode 100644 src/lib/commandCenter/panels/organizations.svelte

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index 29d8b5288..bda8e1b9f 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -82,11 +82,11 @@
 
     const resetKeys = debounce(() => {
         keys = [];
-    }, 2000);
+    }, 1000);
 
     const handleKeydown = (e) => {
         $commandCenterKeyDownHandler(e);
-        keys = [...keys, e.key];
+        keys = [...keys, e.key].slice(-5);
         console.log(keys);
         resetKeys();
     };
@@ -102,8 +102,8 @@
 
 {#if dev}
     <div class="debug-keys" use:portal>
-        {#each keys as key}
-            <kbd class="kbd" transition:fade|local>
+        {#each keys as key, i (i)}
+            <kbd class="kbd" transition:fade|local={{ duration: 150 }}>
                 {key.length === 1 ? key.toUpperCase() : key}
             </kbd>
         {/each}
@@ -126,7 +126,7 @@
         left: 50%;
         transform: translateX(-50%);
         padding: 0.5rem;
-        background-color: hsl(var(--color-neutral-500) / 0.5);
+        // background-color: hsl(var(--color-neutral-500) / 0.5);
         z-index: 9999;
 
         display: flex;
diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index 88a254c7c..88f1818d7 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -189,7 +189,6 @@
 
             p {
                 white-space: pre-wrap;
-                word-break: break-all;
             }
         }
 
diff --git a/src/lib/commandCenter/panels/index.ts b/src/lib/commandCenter/panels/index.ts
index e2ce124ab..a64b20ec3 100644
--- a/src/lib/commandCenter/panels/index.ts
+++ b/src/lib/commandCenter/panels/index.ts
@@ -2,3 +2,4 @@ export { default as AI } from './ai.svelte';
 export { default as Root } from './root.svelte';
 export { default as Template } from './template.svelte';
 export { default as Projects } from './projects.svelte';
+export { default as Organizations } from './organizations.svelte';
diff --git a/src/lib/commandCenter/panels/organizations.svelte b/src/lib/commandCenter/panels/organizations.svelte
new file mode 100644
index 000000000..6baf6234c
--- /dev/null
+++ b/src/lib/commandCenter/panels/organizations.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { sdk } from '$lib/stores/sdk';
+    import type { Models } from '@appwrite.io/console';
+    import { onMount } from 'svelte';
+    import Template from './template.svelte';
+
+    let search = '';
+
+    let organizations = [] as Models.TeamList<Models.Preferences>['teams'];
+
+    onMount(async () => {
+        organizations = (await sdk.forConsole.teams.list()).teams;
+    });
+
+    $: filteredOrganizations = organizations
+        .filter((organization) => organization.name.toLowerCase().includes(search.toLowerCase()))
+        .map((organization) => {
+            return {
+                label: organization.name,
+                callback: () => {
+                    goto(`/console/organization-${organization.$id}`);
+                },
+                group: 'organizations'
+            } as const;
+        });
+</script>
+
+<Template options={filteredOrganizations} bind:search>
+    <div class="option" slot="option" let:option>{option.label}</div>
+</Template>
diff --git a/src/lib/commandCenter/panels/projects.svelte b/src/lib/commandCenter/panels/projects.svelte
index b1ebf6c5d..27fb40848 100644
--- a/src/lib/commandCenter/panels/projects.svelte
+++ b/src/lib/commandCenter/panels/projects.svelte
@@ -1,6 +1,3 @@
-<!-- 
-    This is the root command panel. It precedes all other command panels.
- -->
 <script lang="ts">
     import { page } from '$app/stores';
     import type { Models } from '@appwrite.io/console';
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 1dbee47fd..e09c400d5 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -49,9 +49,13 @@
                 } else {
                     selected = selected === 0 ? 0 : selected - 1;
                 }
-            } else if (event.key === 'Enter' && options[selected]) {
+            } else if (event.key === 'Enter') {
+                const option = groupsAndOptions.find(
+                    (item) => 'index' in item && item.index === selected
+                ) as IndexedOption;
+                if (!option) return;
                 event.preventDefault();
-                triggerOption(options[selected]);
+                triggerOption(option);
             } else if (event.key === 'Home') {
                 event.preventDefault();
                 selected = 0;
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index de3611aee..155a44eba 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -11,6 +11,7 @@ export const ssr = false;
 
 export const load: LayoutLoad = async ({ depends, url }) => {
     depends(Dependencies.ACCOUNT);
+
     try {
         const account = await sdk.forConsole.account.get();
 
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 3d19d0c08..2ef58800b 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -18,7 +18,7 @@
     import { goto } from '$app/navigation';
 
     import { CommandCenter, registerCommands } from '$lib/commandCenter';
-    import { AI } from '$lib/commandCenter/panels';
+    import { AI, Organizations } from '$lib/commandCenter/panels';
     import { addSubPanel } from '$lib/commandCenter/subPanels';
 
     $: $registerCommands([
@@ -41,6 +41,17 @@
             keys: ['i'],
             group: 'navigation'
         },
+        {
+            label: 'Find an Organization',
+            callback: () => {
+                addSubPanel({
+                    name: 'Find a Organization',
+                    component: Organizations
+                });
+            },
+            group: 'organizations',
+            icon: 'search'
+        },
         {
             label: 'Create new Organization',
             callback: () => {
@@ -48,6 +59,22 @@
             },
             keys: ['c', 'o'],
             group: 'organizations'
+        },
+        {
+            label: 'Go to Home',
+            callback: () => {
+                goto('/console');
+            },
+            keys: ['h'],
+            group: 'navigation'
+        },
+        {
+            label: 'Open documentation',
+            callback: () => {
+                window.open('https://appwrite.io/docs', '_blank');
+            },
+            group: 'help',
+            icon: 'book-open'
         }
     ]);
 
diff --git a/src/routes/console/+layout.ts b/src/routes/console/+layout.ts
index 4e252cdf5..526372f7d 100644
--- a/src/routes/console/+layout.ts
+++ b/src/routes/console/+layout.ts
@@ -7,9 +7,6 @@ export const load: LayoutLoad = async () => {
     const data = await response.json();
 
     return {
-        version: data?.version ?? null,
-        streamed: {
-            // We nest these so that layout doesn't have to wait for these promises to load
-        }
+        version: data?.version ?? null
     };
 };

From 1957154d6f7b530110b263483a6fb17e30ba7a21 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 13 Jul 2023 13:05:36 +0100
Subject: [PATCH 059/128] feat: ranked groups and options

---
 src/lib/commandCenter/commands.ts             | 52 +++++++++++++------
 src/lib/commandCenter/panels/template.svelte  | 38 ++++++++++++--
 src/lib/commandCenter/subPanels.ts            |  1 -
 .../project-[project]/settings/+layout.svelte | 51 ++++++++++++++++++
 .../settings/domains/+page.svelte             | 21 +++++---
 .../settings/domains/+page.ts                 |  5 +-
 6 files changed, 138 insertions(+), 30 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 71014500b..be857ac88 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -1,8 +1,8 @@
 import { debounce } from '$lib/helpers/debounce';
 import { isMac } from '$lib/helpers/platform';
-import { derived, writable } from 'svelte/store';
+import { derived, writable, type Updater } from 'svelte/store';
 
-// Store
+// Stores
 export type CommandGroup =
     | 'ungrouped'
     | 'navigation'
@@ -14,7 +14,9 @@ export type CommandGroup =
     | 'platforms'
     | 'databases'
     | 'functions'
-    | 'storage';
+    | 'storage'
+    | 'domains'
+    | 'webhooks';
 
 type BaseCommand = {
     callback: () => void;
@@ -23,6 +25,7 @@ type BaseCommand = {
     forceEnable?: boolean;
     group?: CommandGroup;
     icon?: string;
+    rank?: number;
 };
 
 type KeyedCommand = BaseCommand & {
@@ -43,25 +46,28 @@ export type Command = KeyedCommand | BaseCommand;
 export const commandMap = writable<Map<string, Command[]>>(new Map());
 export const disabledMap = writable<Map<string, boolean>>(new Map());
 
+type CommandGroupRanks = Record<CommandGroup, number>;
+export const commandGroupRanks = writable<CommandGroupRanks>({
+    ungrouped: 9999,
+    domains: 20,
+    webhooks: 10,
+    navigation: 1,
+    projects: 0,
+    account: 0,
+    organizations: 0,
+    auth: 0,
+    platforms: 0,
+    databases: 0,
+    functions: 0,
+    storage: 0,
+    help: -1
+});
+
 // Derived stores
 export const commands = derived(commandMap, ($commandMap) => {
     return Array.from($commandMap.values()).flat();
 });
 
-export const groupedCommands = derived(commands, ($commands) => {
-    const res = new Map<string, Command[]>();
-
-    for (const command of $commands) {
-        if (!command.group) {
-            res.set('ungrouped', [...(res.get('ungrouped') || []), command]);
-        } else {
-            res.set(command.group, [...(res.get(command.group) || []), command]);
-        }
-    }
-
-    return res;
-});
-
 const commandsEnabled = derived(disabledMap, ($disabledMap) => {
     // If there's an item on the disabledMap that's true, then disable the command center
     return Array.from($disabledMap.values()).every((disabled) => !disabled);
@@ -234,3 +240,15 @@ export const disableCommands = {
         };
     }
 };
+
+export const updateCommandGroupRanks = (updater: Updater<CommandGroupRanks>) => {
+    let prevRanks: CommandGroupRanks;
+    commandGroupRanks.update((prev) => {
+        prevRanks = prev;
+        return updater(prev);
+    });
+
+    return () => {
+        commandGroupRanks.set(prevRanks);
+    };
+};
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index e09c400d5..6d966f185 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import type { CommandGroup } from '../commands';
+    import { commandGroupRanks, type CommandGroup } from '../commands';
 
     // This is the template for all panels used in the command center.
     // Use this component when you want to create a new panel.
@@ -13,7 +13,7 @@
     import { quadOut } from 'svelte/easing';
     import { crossfade } from 'svelte/transition';
 
-    type BaseOption = { callback: () => void; group?: CommandGroup };
+    type BaseOption = { callback: () => void; group?: CommandGroup; rank?: number };
     type Option = $$Generic<BaseOption>;
     export let options: Option[] | null = null;
     export let search = '';
@@ -118,7 +118,7 @@
     const getGroupsAndOptions = (options: Option[]) => {
         if (!options) return null;
 
-        const groupedOptions = new Map<string, Option[]>();
+        const groupedOptions = new Map<CommandGroup, Option[]>();
         groupedOptions.set('ungrouped', []);
 
         for (const option of options) {
@@ -132,10 +132,40 @@
             }
         }
 
+        // Organize groups
+        const sortedOptions = [...groupedOptions.entries()]
+            .sort(([a], [b]) => {
+                const aRank = $commandGroupRanks[a] || 0;
+                const bRank = $commandGroupRanks[b] || 0;
+                if (aRank < bRank) {
+                    return 1;
+                } else if (aRank > bRank) {
+                    return -1;
+                } else {
+                    return 0;
+                }
+            })
+            .map(([groupName, options]) => {
+                return [
+                    groupName,
+                    options.sort((a, b) => {
+                        const aRank = a.rank || 0;
+                        const bRank = b.rank || 0;
+                        if (aRank < bRank) {
+                            return 1;
+                        } else if (aRank > bRank) {
+                            return -1;
+                        } else {
+                            return 0;
+                        }
+                    })
+                ] as [CommandGroup, Option[]];
+            });
+
         // return a flat array of groups and indexed options
         let optionIndex = 0;
         const groupsAndOptions: (Group | IndexedOption)[] = [];
-        for (const [groupName, options] of groupedOptions) {
+        for (const [groupName, options] of sortedOptions) {
             if (groupName !== 'ungrouped') {
                 groupsAndOptions.push({ type: 'group', name: groupName });
             }
diff --git a/src/lib/commandCenter/subPanels.ts b/src/lib/commandCenter/subPanels.ts
index 72a489c12..13921922d 100644
--- a/src/lib/commandCenter/subPanels.ts
+++ b/src/lib/commandCenter/subPanels.ts
@@ -12,7 +12,6 @@ type CastSubPanel = Omit<SubPanel, 'component'> & {
 
 export const subPanels = writable<Array<SubPanel>>([]);
 
-//
 export function addSubPanel(subPanel: CastSubPanel) {
     subPanels.update((curr) => {
         curr.push(subPanel as SubPanel);
diff --git a/src/routes/console/project-[project]/settings/+layout.svelte b/src/routes/console/project-[project]/settings/+layout.svelte
index 964f360df..f4270f720 100644
--- a/src/routes/console/project-[project]/settings/+layout.svelte
+++ b/src/routes/console/project-[project]/settings/+layout.svelte
@@ -1,3 +1,54 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { page } from '$app/stores';
+    import { registerCommands } from '$lib/commandCenter';
+    import { project } from '../store';
+    import { openCreateDomainWizard } from './domains/+page.svelte';
+
+    $: $registerCommands([
+        {
+            label: 'Create custom domain',
+            icon: 'plus',
+            keys: $page.url.pathname.includes('domains') ? ['c'] : ['c', 'd'],
+            callback: () => {
+                openCreateDomainWizard();
+            },
+            group: 'domains'
+        },
+        {
+            label: 'Go to Custom domains',
+
+            keys: ['g', 'd'],
+            callback: () => {
+                goto(`/console/project-${$project.$id}/settings/domains`);
+            },
+            disabled: $page.url.pathname.includes('domains'),
+            group: 'navigation',
+            rank: 20
+        },
+        {
+            label: 'Go to Webhooks',
+            keys: ['g', 'w'],
+            callback: () => {
+                goto(`/console/project-${$project.$id}/settings/webhooks`);
+            },
+            disabled: $page.url.pathname.includes('webhooks'),
+            group: 'navigation',
+
+            rank: 10
+        },
+        {
+            label: 'Create webhook',
+            icon: 'plus',
+            keys: $page.url.pathname.includes('webhooks') ? ['c'] : ['c', 'w'],
+            callback: () => {
+                goto('./settings/webhooks?create');
+            },
+            group: 'webhooks'
+        }
+    ]);
+</script>
+
 <svelte:head>
     <title>Settings - Appwrite</title>
 </svelte:head>
diff --git a/src/routes/console/project-[project]/settings/domains/+page.svelte b/src/routes/console/project-[project]/settings/domains/+page.svelte
index 5df64b189..822011d3b 100644
--- a/src/routes/console/project-[project]/settings/domains/+page.svelte
+++ b/src/routes/console/project-[project]/settings/domains/+page.svelte
@@ -1,3 +1,9 @@
+<script lang="ts" context="module">
+    export const openCreateDomainWizard = () => {
+        wizard.start(Create);
+    };
+</script>
+
 <script lang="ts">
     import { page } from '$app/stores';
     import { Empty, Heading } from '$lib/components';
@@ -23,6 +29,7 @@
     import Create from './create.svelte';
     import Delete from './delete.svelte';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { onMount } from 'svelte';
 
     export let data: PageData;
 
@@ -32,10 +39,6 @@
     let selectedDomain: Models.Domain;
     let isVerifying = {};
 
-    const openWizard = () => {
-        wizard.start(Create);
-    };
-
     async function refreshDomain(domain: Models.Domain) {
         const domainId = domain.$id;
         try {
@@ -58,13 +61,19 @@
             isVerifying[domainId] = false;
         }
     }
+
+    onMount(() => {
+        if (data.create) {
+            openCreateDomainWizard();
+        }
+    });
 </script>
 
 <Container>
     <div class="u-flex u-gap-12 common-section u-main-space-between">
         <Heading tag="h2" size="5">Custom Domains</Heading>
 
-        <Button on:click={openWizard}>
+        <Button on:click={openCreateDomainWizard}>
             <span class="icon-plus" aria-hidden="true" /> <span class="text">Create domain</span>
         </Button>
     </div>
@@ -138,7 +147,7 @@
             single
             href="https://appwrite.io/docs/custom-domains"
             target="domain"
-            on:click={openWizard} />
+            on:click={openCreateDomainWizard} />
     {/if}
 </Container>
 
diff --git a/src/routes/console/project-[project]/settings/domains/+page.ts b/src/routes/console/project-[project]/settings/domains/+page.ts
index c3fb7c723..ae6ce7597 100644
--- a/src/routes/console/project-[project]/settings/domains/+page.ts
+++ b/src/routes/console/project-[project]/settings/domains/+page.ts
@@ -2,10 +2,11 @@ import { Dependencies } from '$lib/constants';
 import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ params, depends }) => {
+export const load: PageLoad = async ({ params, depends, url }) => {
     depends(Dependencies.DOMAINS);
 
     return {
-        domains: await sdk.forConsole.projects.listDomains(params.project)
+        domains: await sdk.forConsole.projects.listDomains(params.project),
+        create: url.searchParams.get('create') !== null
     };
 };

From 4238efeb308d17813b8b229e91d07bec2e68e7d0 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 13 Jul 2023 13:52:00 +0100
Subject: [PATCH 060/128] refactor: improve group ranking functionality

---
 src/lib/commandCenter/commandCenter.svelte    |  7 +-
 src/lib/commandCenter/commands.ts             | 68 ++++++++++++-------
 .../project-[project]/settings/+layout.svelte | 38 ++++++++---
 .../settings/webhooks/+page.svelte            | 13 ++++
 4 files changed, 87 insertions(+), 39 deletions(-)

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index bda8e1b9f..6096827b7 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -85,10 +85,11 @@
     }, 1000);
 
     const handleKeydown = (e) => {
+        if (!$subPanels.length) {
+            keys = [...keys, e.key].slice(-5);
+            resetKeys();
+        }
         $commandCenterKeyDownHandler(e);
-        keys = [...keys, e.key].slice(-5);
-        console.log(keys);
-        resetKeys();
     };
 </script>
 
diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index be857ac88..b64ebfd89 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -46,23 +46,6 @@ export type Command = KeyedCommand | BaseCommand;
 export const commandMap = writable<Map<string, Command[]>>(new Map());
 export const disabledMap = writable<Map<string, boolean>>(new Map());
 
-type CommandGroupRanks = Record<CommandGroup, number>;
-export const commandGroupRanks = writable<CommandGroupRanks>({
-    ungrouped: 9999,
-    domains: 20,
-    webhooks: 10,
-    navigation: 1,
-    projects: 0,
-    account: 0,
-    organizations: 0,
-    auth: 0,
-    platforms: 0,
-    databases: 0,
-    functions: 0,
-    storage: 0,
-    help: -1
-});
-
 // Derived stores
 export const commands = derived(commandMap, ($commandMap) => {
     return Array.from($commandMap.values()).flat();
@@ -241,14 +224,47 @@ export const disableCommands = {
     }
 };
 
-export const updateCommandGroupRanks = (updater: Updater<CommandGroupRanks>) => {
-    let prevRanks: CommandGroupRanks;
-    commandGroupRanks.update((prev) => {
-        prevRanks = prev;
-        return updater(prev);
-    });
+type CommandGroupRanks = Record<CommandGroup, number>;
 
-    return () => {
-        commandGroupRanks.set(prevRanks);
-    };
+type CommandGroupRankTransformations = Map<string, Updater<CommandGroupRanks>>;
+const groupRankTransformations = writable<CommandGroupRankTransformations>(new Map());
+export const updateCommandGroupRanks = {
+    subscribe(runner: (cb: (updater: Updater<CommandGroupRanks>) => void) => void) {
+        const uuid = crypto.randomUUID();
+
+        runner((updater: Updater<CommandGroupRanks>) => {
+            groupRankTransformations.update((curr) => {
+                curr.set(uuid, updater);
+                return curr;
+            });
+        });
+
+        return () => {
+            groupRankTransformations.update((curr) => {
+                curr.delete(uuid);
+                return curr;
+            });
+        };
+    }
 };
+
+export const commandGroupRanks = derived(groupRankTransformations, ($groupRankTransformations) => {
+    const initialRanks: CommandGroupRanks = {
+        ungrouped: 9999,
+        domains: 0,
+        webhooks: 0,
+        navigation: 1,
+        projects: 0,
+        account: 0,
+        organizations: 0,
+        auth: 0,
+        platforms: 0,
+        databases: 0,
+        functions: 0,
+        storage: 0,
+        help: -1
+    };
+
+    const transformations = Array.from($groupRankTransformations.values());
+    return transformations.reduce((prev, curr) => curr(prev), initialRanks);
+});
diff --git a/src/routes/console/project-[project]/settings/+layout.svelte b/src/routes/console/project-[project]/settings/+layout.svelte
index f4270f720..99910ce8b 100644
--- a/src/routes/console/project-[project]/settings/+layout.svelte
+++ b/src/routes/console/project-[project]/settings/+layout.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
     import { page } from '$app/stores';
-    import { registerCommands } from '$lib/commandCenter';
+    import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
     import { project } from '../store';
     import { openCreateDomainWizard } from './domains/+page.svelte';
+    import { openWebhooksWizard } from './webhooks/+page.svelte';
 
     $: $registerCommands([
         {
@@ -15,6 +16,26 @@
             },
             group: 'domains'
         },
+        {
+            label: 'Create webhook',
+            icon: 'plus',
+            keys: $page.url.pathname.includes('webhooks') ? ['c'] : ['c', 'w'],
+            callback: () => {
+                openWebhooksWizard();
+            },
+            group: 'webhooks'
+        },
+        {
+            label: 'Go to Settings Overview',
+
+            keys: ['g', 'o'],
+            callback: () => {
+                goto(`/console/project-${$project.$id}/settings`);
+            },
+            disabled: $page.url.pathname.endsWith('settings'),
+            group: 'navigation',
+            rank: 30
+        },
         {
             label: 'Go to Custom domains',
 
@@ -36,17 +57,14 @@
             group: 'navigation',
 
             rank: 10
-        },
-        {
-            label: 'Create webhook',
-            icon: 'plus',
-            keys: $page.url.pathname.includes('webhooks') ? ['c'] : ['c', 'w'],
-            callback: () => {
-                goto('./settings/webhooks?create');
-            },
-            group: 'webhooks'
         }
     ]);
+
+    $: $updateCommandGroupRanks((prev) => ({
+        ...prev,
+        domains: 20,
+        webhooks: 10
+    }));
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/settings/webhooks/+page.svelte b/src/routes/console/project-[project]/settings/webhooks/+page.svelte
index fde1c291e..69e2d17ea 100644
--- a/src/routes/console/project-[project]/settings/webhooks/+page.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/+page.svelte
@@ -1,3 +1,9 @@
+<script lang="ts" context="module">
+    export function openWebhooksWizard() {
+        wizard.start(Create);
+    }
+</script>
+
 <script lang="ts">
     import { beforeNavigate } from '$app/navigation';
     import { base } from '$app/paths';
@@ -19,6 +25,7 @@
     import type { PageData } from './$types';
     import Create from './createWebhook.svelte';
     import Heading from '$lib/components/heading.svelte';
+    import { updateCommandGroupRanks } from '$lib/commandCenter';
 
     export let data: PageData;
 
@@ -31,6 +38,12 @@
     });
 
     const projectId = $page.params.project;
+
+    $: $updateCommandGroupRanks((prev) => ({
+        ...prev,
+        webhooks: 20,
+        domains: 10
+    }));
 </script>
 
 <svelte:head>

From 11dd905231cb9ae774ff1782a2dc363a9734ba16 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 13 Jul 2023 15:59:29 +0100
Subject: [PATCH 061/128] migrations stuff

---
 src/lib/commandCenter/commandCenter.svelte    |   2 +-
 src/lib/components/migrationBox.svelte        |  71 ++++-
 src/lib/helpers/array.ts                      |   7 +
 src/lib/layout/wizard.svelte                  |  13 +-
 src/lib/layout/wizardStep.svelte              |   8 +
 src/lib/stores/migration.ts                   |  50 +++-
 src/lib/stores/wizard.ts                      |  11 +-
 .../project-[project]/settings/+layout.svelte |  15 +-
 .../settings/migrations/(import)/index.ts     |  46 ++-
 .../settings/migrations/(import)/step1.svelte |   9 +-
 .../settings/migrations/(import)/step2.svelte | 278 ++++++++++--------
 .../migrations/(import)/wizard.svelte         |   6 +-
 .../settings/migrations/+page.ts              |   4 -
 13 files changed, 344 insertions(+), 176 deletions(-)

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index 6096827b7..c40eb0844 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -86,7 +86,7 @@
 
     const handleKeydown = (e) => {
         if (!$subPanels.length) {
-            keys = [...keys, e.key].slice(-5);
+            keys = [...keys, e.key].slice(-10);
             resetKeys();
         }
         $commandCenterKeyDownHandler(e);
diff --git a/src/lib/components/migrationBox.svelte b/src/lib/components/migrationBox.svelte
index 0bb8db815..8fc6c47a3 100644
--- a/src/lib/components/migrationBox.svelte
+++ b/src/lib/components/migrationBox.svelte
@@ -1,8 +1,68 @@
-<script lang="ts">
-    let show = true;
+<script lang="ts" context="module">
+    import { last } from '$lib/helpers/array';
+    import { debounce } from '$lib/helpers/debounce';
+    import { parseIfString } from '$lib/helpers/object';
+    import { sdk } from '$lib/stores/sdk';
+    import type { Models } from '@appwrite.io/console';
+    import { onMount } from 'svelte';
+    import { writable } from 'svelte/store';
+
+    export const showMigrationBox = writable(true);
 </script>
 
-{#if show}
+<script lang="ts">
+    let migration: Models.Migration;
+    type Counter = {
+        pending: number;
+        error: number;
+        success: number;
+        processing: number;
+        skip: number;
+        warning: number;
+    };
+
+    type TotalCounter = {
+        done: number;
+        processing: number;
+    };
+
+    $: percentage = (function getPercentage() {
+        if (!migration) return 0;
+        const statusCounters = parseIfString(migration.statusCounters) as Record<string, Counter>;
+        const totalCounter: TotalCounter = Object.values(statusCounters).reduce(
+            (curr, acc) => {
+                return {
+                    done: curr.done + acc.success + acc.error + acc.skip + acc.warning,
+                    processing: curr.processing + acc.processing + acc.pending
+                };
+            },
+            { done: 0, processing: 0 } as TotalCounter
+        );
+
+        console.log({ statusCounters, totalCounter });
+
+        return Math.round(
+            (totalCounter.done / (totalCounter.done + totalCounter.processing)) * 100
+        );
+    })();
+
+    const fetchMigrations = debounce(async () => {
+        const { migrations } = await sdk.forProject.migrations.list();
+        migration = last(migrations);
+    }, 1000);
+
+    fetchMigrations();
+
+    onMount(async () => {
+        return sdk.forConsole.client.subscribe(['project', 'console'], async (response) => {
+            if (response.events.includes('migrations.*')) {
+                fetchMigrations();
+            }
+        });
+    });
+</script>
+
+{#if $showMigrationBox && migration}
     <section class="upload-box is-float">
         <header class="upload-box-header">
             <h4 class="upload-box-title">
@@ -11,15 +71,14 @@
             <button
                 class="upload-box-button"
                 aria-label="close migration box"
-                on:click={() => (show = false)}>
+                on:click={() => ($showMigrationBox = false)}>
                 <span class="icon-x" aria-hidden="true" />
             </button>
         </header>
         <div class="upload-box-content is-open">
             <section class="progress-bar">
                 <div class="progress-bar-top-line u-flex u-gap-8 u-main-space-between">
-                    <span>60%</span>
-                    <span>2 mins left</span>
+                    <span>{percentage}%</span>
                 </div>
                 <div class="progress-bar-container" style="--graph-size:50%" />
                 <span>Importing users...</span>
diff --git a/src/lib/helpers/array.ts b/src/lib/helpers/array.ts
index 096d65d6f..903cb40ab 100644
--- a/src/lib/helpers/array.ts
+++ b/src/lib/helpers/array.ts
@@ -76,3 +76,10 @@ export function last<T>(array: readonly T[]): T;
 export function last<T>(array: readonly T[]): T | undefined {
     return at(array, -1);
 }
+
+export function excludeArray<T, E extends T>(
+    array: readonly T[],
+    exclude: readonly E[]
+): Exclude<T, E>[] {
+    return array.filter((item) => !exclude.includes(item as E)) as Exclude<T, E>[];
+}
diff --git a/src/lib/layout/wizard.svelte b/src/lib/layout/wizard.svelte
index 72321a84b..4a0baff21 100644
--- a/src/lib/layout/wizard.svelte
+++ b/src/lib/layout/wizard.svelte
@@ -135,22 +135,19 @@
                             Skip optional steps
                         </Button>
                     {/if}
+
                     {#if currentStep === 1}
                         <Button secondary on:click={handleExit}>Cancel</Button>
-                        <Button submit>Next</Button>
-                    {:else if isLastStep}
-                        <Button
-                            secondary
-                            on:click={() => currentStep--}
-                            on:click={() => trackEvent('wizard_back')}>Back</Button>
-                        <Button submit>{finalAction}</Button>
                     {:else}
                         <Button
                             secondary
                             on:click={() => currentStep--}
                             on:click={() => trackEvent('wizard_back')}>Back</Button>
-                        <Button submit>Next</Button>
                     {/if}
+
+                    <Button submit disabled={$wizard.nextDisabled}>
+                        {isLastStep ? finalAction : 'Next'}
+                    </Button>
                 </div>
             </div>
         </Form>
diff --git a/src/lib/layout/wizardStep.svelte b/src/lib/layout/wizardStep.svelte
index 73e50eeac..4ed953608 100644
--- a/src/lib/layout/wizardStep.svelte
+++ b/src/lib/layout/wizardStep.svelte
@@ -1,11 +1,19 @@
 <script lang="ts">
     import { Heading } from '$lib/components';
     import { wizard } from '$lib/stores/wizard';
+    import { onDestroy } from 'svelte';
 
     /**
      * Pass callback that is run before the Form submit, can be canceled with throwing an exception.
      */
     export let beforeSubmit: () => Promise<void> = null;
+    export let nextDisabled = false;
+
+    $: wizard.setNextDisabled(nextDisabled);
+
+    onDestroy(() => {
+        wizard.setNextDisabled(false);
+    });
 
     if (beforeSubmit) {
         wizard.setInterceptor(beforeSubmit);
diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
index 02e5a00ee..aa2daa1b0 100644
--- a/src/lib/stores/migration.ts
+++ b/src/lib/stores/migration.ts
@@ -1,5 +1,8 @@
+import { excludeArray } from '$lib/helpers/array';
 import { writable } from 'svelte/store';
 
+export type Provider = 'appwrite' | 'nhost' | 'supabase' | 'firebase';
+
 const initialFormData = {
     users: {
         root: false,
@@ -32,20 +35,39 @@ export const createMigrationFormStore = () => {
     };
 };
 
-type Resource =
-    | 'user'
-    | 'team'
-    | 'membership'
-    | 'file'
-    | 'bucket'
-    | 'function'
-    | 'envVar'
-    | 'deployment'
-    | 'database'
-    | 'collection'
-    | 'index'
-    | 'attribute'
-    | 'document';
+const resources = [
+    'user',
+    'team',
+    'membership',
+    'file',
+    'bucket',
+    'function',
+    'envVar',
+    'deployment',
+    'database',
+    'collection',
+    'index',
+    'attribute',
+    'document'
+] as const;
+
+type Resource = (typeof resources)[number];
+
+export const providerResources: Record<Provider, Resource[]> = {
+    appwrite: [...resources],
+    supabase: [
+        'user',
+        'database',
+        'collection',
+        'attribute',
+        'index',
+        'document',
+        'bucket',
+        'file'
+    ],
+    nhost: ['user', 'database', 'collection', 'attribute', 'index', 'document', 'bucket', 'file'],
+    firebase: []
+};
 
 export const migrationFormToResources = (formData: MigrationFormData): Resource[] => {
     const resources: Resource[] = [];
diff --git a/src/lib/stores/wizard.ts b/src/lib/stores/wizard.ts
index 355eb7afc..de58eb407 100644
--- a/src/lib/stores/wizard.ts
+++ b/src/lib/stores/wizard.ts
@@ -7,6 +7,7 @@ export type WizardStore = {
     media?: string;
     component?: typeof SvelteComponent;
     interceptor?: () => Promise<void>;
+    nextDisabled: boolean;
 };
 
 function createWizardStore() {
@@ -14,7 +15,8 @@ function createWizardStore() {
         show: false,
         component: null,
         interceptor: null,
-        media: null
+        media: null,
+        nextDisabled: false
     });
 
     return {
@@ -31,7 +33,12 @@ function createWizardStore() {
         setInterceptor: (callback: WizardStore['interceptor']) => {
             update((n) => {
                 n.interceptor = callback;
-
+                return n;
+            });
+        },
+        setNextDisabled: (disabled: boolean) => {
+            update((n) => {
+                n.nextDisabled = disabled;
                 return n;
             });
         },
diff --git a/src/routes/console/project-[project]/settings/+layout.svelte b/src/routes/console/project-[project]/settings/+layout.svelte
index 99910ce8b..d1676293f 100644
--- a/src/routes/console/project-[project]/settings/+layout.svelte
+++ b/src/routes/console/project-[project]/settings/+layout.svelte
@@ -34,7 +34,7 @@
             },
             disabled: $page.url.pathname.endsWith('settings'),
             group: 'navigation',
-            rank: 30
+            rank: 40
         },
         {
             label: 'Go to Custom domains',
@@ -45,7 +45,7 @@
             },
             disabled: $page.url.pathname.includes('domains'),
             group: 'navigation',
-            rank: 20
+            rank: 30
         },
         {
             label: 'Go to Webhooks',
@@ -56,6 +56,17 @@
             disabled: $page.url.pathname.includes('webhooks'),
             group: 'navigation',
 
+            rank: 20
+        },
+        {
+            label: 'Go to Migrations',
+            keys: ['g', 'm'],
+            callback: () => {
+                goto(`/console/project-${$project.$id}/settings/migrations`);
+            },
+            disabled: $page.url.pathname.includes('migrations'),
+            group: 'navigation',
+
             rank: 10
         }
     ]);
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
index 03b6e0c65..f13c20a7e 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
@@ -1,15 +1,25 @@
 import {
     PUBLIC_MOCK_APIKEY,
     PUBLIC_MOCK_ENDPOINT,
-    PUBLIC_MOCK_PROJECTID
+    PUBLIC_MOCK_PROJECTID,
+    PUBLIC_SUPABASE_TEST_ENDPOINT,
+    PUBLIC_SUPABASE_TEST_HOST,
+    PUBLIC_SUPABASE_TEST_KEY,
+    PUBLIC_SUPABASE_TEST_PASSWORD,
+    PUBLIC_SUPABASE_TEST_USERNAME,
+    PUBLIC_SUPABASE_TEST_PORT,
+    PUBLIC_NHOST_TEST_SUBDOMAIN,
+    PUBLIC_NHOST_TEST_REGION,
+    PUBLIC_NHOST_TEST_SECRET,
+    PUBLIC_NHOST_TEST_DATABASE,
+    PUBLIC_NHOST_TEST_USERNAME,
+    PUBLIC_NHOST_TEST_PASSWORD
 } from '$env/static/public';
 import { createMigrationFormStore } from '$lib/stores/migration';
 import { wizard } from '$lib/stores/wizard';
 import { writable } from 'svelte/store';
 import Wizard from './wizard.svelte';
 
-export type Provider = 'appwrite' | 'nhost' | 'supabase' | 'firebase';
-
 type AppwriteInput = {
     provider: 'appwrite';
     endpoint?: string;
@@ -25,11 +35,11 @@ type FirebaseInput = {
 type SupabaseInput = {
     provider: 'supabase';
     host?: string;
-    port?: number;
     username?: string;
     password?: string;
     endpoint?: string;
     apiKey?: string;
+    port?: number;
 };
 
 type NhostInput = {
@@ -40,18 +50,36 @@ type NhostInput = {
     username?: string;
     password?: string;
     adminSecret?: string;
-    port?: number;
 };
 
 type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
 
 const initialProvider: ProviderInput = { provider: 'appwrite' };
+// const mockProvider: ProviderInput = {
+//     provider: 'appwrite',
+//     endpoint: PUBLIC_MOCK_ENDPOINT,
+//     apiKey: PUBLIC_MOCK_APIKEY,
+//     projectID: PUBLIC_MOCK_PROJECTID
+// };
+// const mockProvider: ProviderInput = {
+//     provider: 'supabase',
+//     endpoint: PUBLIC_SUPABASE_TEST_ENDPOINT,
+//     apiKey: PUBLIC_SUPABASE_TEST_KEY,
+//     host: PUBLIC_SUPABASE_TEST_HOST,
+//     port: Number(PUBLIC_SUPABASE_TEST_PORT),
+//     username: PUBLIC_SUPABASE_TEST_USERNAME,
+//     password: PUBLIC_SUPABASE_TEST_PASSWORD
+// };
 const mockProvider: ProviderInput = {
-    provider: 'appwrite',
-    endpoint: PUBLIC_MOCK_ENDPOINT,
-    apiKey: PUBLIC_MOCK_APIKEY,
-    projectID: PUBLIC_MOCK_PROJECTID
+    provider: 'nhost',
+    subdomain: PUBLIC_NHOST_TEST_SUBDOMAIN,
+    region: PUBLIC_NHOST_TEST_REGION,
+    adminSecret: PUBLIC_NHOST_TEST_SECRET,
+    database: PUBLIC_NHOST_TEST_DATABASE,
+    username: PUBLIC_NHOST_TEST_USERNAME,
+    password: PUBLIC_NHOST_TEST_PASSWORD
 };
+
 export const provider = writable<ProviderInput>({ ...mockProvider });
 
 export const formData = createMigrationFormStore();
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 5b81d1d8a..8488e52b4 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -2,7 +2,8 @@
     import SvgIcon from '$lib/components/svgIcon.svelte';
     import { Button, FormList, InputNumber, InputText } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
-    import { provider, type Provider } from '.';
+    import type { Provider } from '$lib/stores/migration';
+    import { provider } from '.';
 
     const providers: Record<Provider, string> = {
         appwrite: 'Appwrite',
@@ -144,12 +145,6 @@
                 required
                 placeholder="Enter database"
                 bind:value={$provider.database} />
-            <InputNumber
-                id="port"
-                label="Port"
-                required
-                placeholder="Enter port"
-                bind:value={$provider.port} />
             <InputText
                 id="username"
                 label="Username"
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
index a209866e5..10313313b 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
@@ -2,14 +2,14 @@
     import { EyebrowHeading } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { deepMap } from '$lib/helpers/object';
-    import { sdk } from '$lib/stores/sdk';
     import type { DeepKeys, WritableValue } from '$lib/helpers/types';
+    import { sdk } from '$lib/stores/sdk';
 
     import { WizardStep } from '$lib/layout';
     import { onMount } from 'svelte';
 
+    import { providerResources } from '$lib/stores/migration';
     import { formData, provider } from '.';
-    import { migrationFormToResources } from '$lib/stores/migration';
 
     type FormData = WritableValue<typeof formData>;
     type FormKeys = DeepKeys<FormData>;
@@ -66,23 +66,49 @@
     let report: any;
 
     onMount(async () => {
-        const resources = migrationFormToResources($formData);
-
         switch ($provider.provider) {
             case 'appwrite': {
                 const res = await sdk.forProject.migrations.generateAppwriteReport(
-                    resources,
+                    providerResources.appwrite,
                     $provider.endpoint,
                     $provider.projectID,
                     $provider.apiKey
                 );
                 report = res;
+                break;
+            }
+            case 'supabase': {
+                const res = await sdk.forProject.migrations.generateSupabaseReport(
+                    providerResources.supabase,
+                    $provider.endpoint,
+                    $provider.apiKey,
+                    $provider.host,
+                    $provider.username,
+                    $provider.password,
+                    $provider.port
+                );
+                report = res;
+                break;
+            }
+            case 'nhost': {
+                const res = await sdk.forProject.migrations.generateNHostReport(
+                    providerResources.nhost,
+                    $provider.subdomain,
+                    $provider.region,
+                    $provider.adminSecret,
+                    $provider.database,
+                    $provider.username,
+                    $provider.password
+                );
+                report = res;
             }
         }
     });
+
+    $: resources = providerResources[$provider.provider];
 </script>
 
-<WizardStep>
+<WizardStep nextDisabled={!report}>
     <svelte:fragment slot="title">Select data</svelte:fragment>
     <div class="box" style:border-radius="0.5rem">
         <div class="u-flex u-flex-vertical u-gap-16">
@@ -113,7 +139,7 @@
                 </div>
                 <div>
                     <p class="u-bold">Transfer is free of charge</p>
-                    <p>You won’t be charged for Appwrite bandwidth usage for importing data</p>
+                    <p>You won't be charged for Appwrite bandwidth usage for importing data</p>
                 </div>
             </div>
         </div>
@@ -130,124 +156,134 @@
     </ul>
 
     <ul class="u-flex u-flex-vertical u-gap-32 u-margin-block-start-16">
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.users.root}
-                on:change={handleInputChange('users.root')} />
-            <div class="u-flex u-gap-4">
-                <span class="u-bold">Users</span>
-                {#if report}
-                    <span class="inline-tag">{report.user}</span>
-                {/if}
-            </div>
-            <div />
-            <span>Import all users</span>
+        {#if resources.includes('user')}
+            <li class="checkbox-field">
+                <input
+                    type="checkbox"
+                    bind:checked={$formData.users.root}
+                    on:change={handleInputChange('users.root')} />
+                <div class="u-flex u-gap-4">
+                    <span class="u-bold">Users</span>
 
-            <ul>
-                <li class="checkbox-field">
-                    <input
-                        type="checkbox"
-                        bind:checked={$formData.users.teams}
-                        on:change={handleInputChange('users.teams')} />
-                    <div class="u-flex u-gap-4">
-                        <span class="u-bold">Include teams</span>
-                        {#if report}
-                            <span class="inline-tag">{report.team}</span>
-                        {/if}
-                    </div>
-                    <div />
-                    <span>Import all teams and the team memberships of your users</span>
-                </li>
-            </ul>
-        </li>
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.databases.root}
-                on:change={handleInputChange('databases.root')} />
-            <div class="u-flex u-gap-4">
-                <span class="u-bold">Databases</span>
-                {#if report}
-                    <span class="inline-tag">{report.database}</span>
-                {/if}
-            </div>
-            <div />
-            <span>Import all databases, including collections, indexes and attributes</span>
+                    <span class="inline-tag">{report?.user ?? '...'}</span>
+                </div>
+                <div />
+                <span>Import all users</span>
 
-            <ul>
-                <li class="checkbox-field">
-                    <input
-                        type="checkbox"
-                        bind:checked={$formData.databases.documents}
-                        on:change={handleInputChange('databases.documents')} />
-                    <div class="u-flex u-gap-4">
-                        <span class="u-bold">Include documents</span>
-                        {#if report}
-                            <span class="inline-tag">{report.document}</span>
-                        {/if}
-                    </div>
-                    <div />
-                    <span>Import all of your documents</span>
-                </li>
-            </ul>
-        </li>
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.functions.root}
-                on:change={handleInputChange('functions.root')} />
-            <div class="u-flex u-gap-4">
-                <span class="u-bold">Functions</span>
-                {#if report}
-                    <span class="inline-tag">{report.function}</span>
+                {#if resources.includes('team')}
+                    <ul>
+                        <li class="checkbox-field">
+                            <input
+                                type="checkbox"
+                                bind:checked={$formData.users.teams}
+                                on:change={handleInputChange('users.teams')} />
+                            <div class="u-flex u-gap-4">
+                                <span class="u-bold">Include teams</span>
+                                <span class="inline-tag">{report?.team ?? '...'}</span>
+                            </div>
+                            <div />
+                            <span>Import all teams and the team memberships of your users</span>
+                        </li>
+                    </ul>
                 {/if}
-            </div>
-            <div />
-            <span>Import all functions and their active deployment</span>
-            <ul>
-                <li class="checkbox-field">
-                    <input
-                        type="checkbox"
-                        bind:checked={$formData.functions.env}
-                        on:change={handleInputChange('functions.env')} />
-                    <div class="u-flex u-gap-4">
-                        <span class="u-bold">Include environment variables</span>
-                    </div>
-                    <div />
-                    <span>Import all environment variables</span>
-                </li>
-                <li class="checkbox-field">
-                    <input
-                        type="checkbox"
-                        bind:checked={$formData.functions.inactive}
-                        on:change={handleInputChange('functions.inactive')} />
-                    <div class="u-flex u-gap-4">
-                        <span class="u-bold">Include inactive deployments</span>
-                    </div>
-                    <div />
-                    <span>Import all deployments that are not currently active</span>
-                </li>
-            </ul>
-        </li>
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.storage.root}
-                on:change={handleInputChange('storage.root')} />
-            <div class="u-flex u-gap-4">
-                <span class="u-bold">Storage</span>
-                {#if report}
-                    <span class="inline-tag">{report.size.toFixed(2)}MB</span>
+            </li>
+        {/if}
+
+        {#if resources.includes('database')}
+            <li class="checkbox-field">
+                <input
+                    type="checkbox"
+                    bind:checked={$formData.databases.root}
+                    on:change={handleInputChange('databases.root')} />
+                <div class="u-flex u-gap-4">
+                    <span class="u-bold">Databases</span>
+                    <span class="inline-tag">{report?.database ?? '...'}</span>
+                </div>
+                <div />
+                <span>Import all databases, including collections, indexes and attributes</span>
+
+                {#if resources.includes('document')}
+                    <ul>
+                        <li class="checkbox-field">
+                            <input
+                                type="checkbox"
+                                bind:checked={$formData.databases.documents}
+                                on:change={handleInputChange('databases.documents')} />
+                            <div class="u-flex u-gap-4">
+                                <span class="u-bold">Include documents</span>
+                                <span class="inline-tag">{report?.document ?? '...'}</span>
+                            </div>
+                            <div />
+                            <span>Import all of your documents</span>
+                        </li>
+                    </ul>
                 {/if}
-            </div>
-            <div />
-            {#if report}
-                <span>Import all buckets ({report.bucket}) and files ({report.file})</span>
-            {:else}
-                <span>Import all buckets and files</span>
-            {/if}
-        </li>
+            </li>
+        {/if}
+
+        {#if resources.includes('function')}
+            <li class="checkbox-field">
+                <input
+                    type="checkbox"
+                    bind:checked={$formData.functions.root}
+                    on:change={handleInputChange('functions.root')} />
+                <div class="u-flex u-gap-4">
+                    <span class="u-bold">Functions</span>
+                    <span class="inline-tag">{report?.function ?? '...'}</span>
+                </div>
+                <div />
+                <span>Import all functions and their active deployment</span>
+                <ul>
+                    {#if resources.includes('envVar')}
+                        <li class="checkbox-field">
+                            <input
+                                type="checkbox"
+                                bind:checked={$formData.functions.env}
+                                on:change={handleInputChange('functions.env')} />
+                            <div class="u-flex u-gap-4">
+                                <span class="u-bold">Include environment variables</span>
+                            </div>
+                            <div />
+                            <span>Import all environment variables</span>
+                        </li>
+                    {/if}
+                    {#if resources.includes('deployment')}
+                        <li class="checkbox-field">
+                            <input
+                                type="checkbox"
+                                bind:checked={$formData.functions.inactive}
+                                on:change={handleInputChange('functions.inactive')} />
+                            <div class="u-flex u-gap-4">
+                                <span class="u-bold">Include inactive deployments</span>
+                            </div>
+                            <div />
+                            <span>Import all deployments that are not currently active</span>
+                        </li>
+                    {/if}
+                </ul>
+            </li>
+        {/if}
+        {#if resources.includes('bucket') && resources.includes('file')}
+            <li class="checkbox-field">
+                <input
+                    type="checkbox"
+                    bind:checked={$formData.storage.root}
+                    on:change={handleInputChange('storage.root')} />
+                <div class="u-flex u-gap-4">
+                    <span class="u-bold">Storage</span>
+                    <span class="inline-tag">
+                        {report?.size ? `${report.size.toFixed(2)}MB` : '...'}
+                    </span>
+                </div>
+                <div />
+
+                <span>
+                    Import all buckets <span class="inline-tag">{report?.bucket ?? '...'}</span> and
+                    files
+                    <span class="inline-tag">{report?.file ?? '...'}</span>
+                </span>
+            </li>
+        {/if}
     </ul>
 </WizardStep>
 
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 60e7a1d36..804a17e0c 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -11,6 +11,7 @@
     import { Dependencies } from '$lib/constants';
     import { migrationFormToResources } from '$lib/stores/migration';
     import { started } from '../stores';
+    import { showMigrationBox } from '$lib/components/migrationBox.svelte';
 
     const onExit = () => {
         resetImportStores();
@@ -61,8 +62,7 @@
                     $provider.adminSecret,
                     $provider.database,
                     $provider.username,
-                    $provider.password,
-                    $provider.port
+                    $provider.password
                 );
                 console.log('nhost', res);
                 invalidate(Dependencies.MIGRATIONS);
@@ -72,6 +72,8 @@
         resetImportStores();
         wizard.hide();
         started.set(performance.now());
+
+        showMigrationBox.set(true);
     };
 
     onDestroy(onExit);
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index 7ac0a5e33..175b12dc6 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -1,15 +1,11 @@
 import { Dependencies } from '$lib/constants.js';
 import { sdk } from '$lib/stores/sdk';
-import { get } from 'svelte/store';
-import { started } from './stores.js';
 
 export async function load({ depends }) {
     depends(Dependencies.MIGRATIONS);
 
     const { migrations } = await sdk.forProject.migrations.list();
 
-    console.log(migrations, (performance.now() - get(started)) / 1000);
-
     return {
         migrations
     };

From 13e972d00341efc708ce0581b3ab71bff4b430d6 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Fri, 14 Jul 2023 19:23:42 +0100
Subject: [PATCH 062/128] more commands

---
 src/lib/commandCenter/commands.ts             |  4 +-
 .../commandCenter/panels/collections.svelte   | 36 ++++++++++++
 src/lib/commandCenter/panels/databases.svelte | 36 ++++++++++++
 src/lib/commandCenter/panels/index.ts         |  2 +
 src/lib/commandCenter/panels/platforms.svelte | 55 +++++++++++++++++++
 src/lib/commandCenter/panels/root.svelte      | 18 +++++-
 .../databases/+layout.svelte                  | 39 +++++++++++++
 .../project-[project]/databases/+page.svelte  |  4 +-
 .../project-[project]/overview/+layout.svelte | 31 +++++++++++
 .../overview/keys/+page.svelte                | 14 +++--
 svelte.config.js                              |  4 +-
 11 files changed, 229 insertions(+), 14 deletions(-)
 create mode 100644 src/lib/commandCenter/panels/collections.svelte
 create mode 100644 src/lib/commandCenter/panels/databases.svelte
 create mode 100644 src/lib/commandCenter/panels/platforms.svelte

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index b64ebfd89..ba033b1c5 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -16,7 +16,8 @@ export type CommandGroup =
     | 'functions'
     | 'storage'
     | 'domains'
-    | 'webhooks';
+    | 'webhooks'
+    | 'integrations';
 
 type BaseCommand = {
     callback: () => void;
@@ -262,6 +263,7 @@ export const commandGroupRanks = derived(groupRankTransformations, ($groupRankTr
         databases: 0,
         functions: 0,
         storage: 0,
+        integrations: 0,
         help: -1
     };
 
diff --git a/src/lib/commandCenter/panels/collections.svelte b/src/lib/commandCenter/panels/collections.svelte
new file mode 100644
index 000000000..a0706fa71
--- /dev/null
+++ b/src/lib/commandCenter/panels/collections.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { sdk } from '$lib/stores/sdk';
+    import { project } from '$routes/console/project-[project]/store';
+    import type { Models } from '@appwrite.io/console';
+    import { onMount } from 'svelte';
+    import Template from './template.svelte';
+
+    let search = '';
+
+    let databases = [] as Models.DatabaseList['databases'];
+
+    onMount(async () => {
+        const { databases: newDatabases } = await sdk.forProject.databases.list();
+        databases = newDatabases;
+    });
+
+    $: filteredDatabases = databases.filter((db) =>
+        db.name.toLowerCase().includes(search.toLowerCase())
+    );
+
+    $: dbOptions = filteredDatabases.map(
+        (db) =>
+            ({
+                group: 'databases',
+                label: db.name,
+                callback: () => {
+                    goto(`/console/project-${$project.$id}/databases/database-${db.$id}`);
+                }
+            } as const)
+    );
+</script>
+
+<Template options={dbOptions} bind:search>
+    <div slot="option" let:option>{option.label}</div>
+</Template>
diff --git a/src/lib/commandCenter/panels/databases.svelte b/src/lib/commandCenter/panels/databases.svelte
new file mode 100644
index 000000000..a0706fa71
--- /dev/null
+++ b/src/lib/commandCenter/panels/databases.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { sdk } from '$lib/stores/sdk';
+    import { project } from '$routes/console/project-[project]/store';
+    import type { Models } from '@appwrite.io/console';
+    import { onMount } from 'svelte';
+    import Template from './template.svelte';
+
+    let search = '';
+
+    let databases = [] as Models.DatabaseList['databases'];
+
+    onMount(async () => {
+        const { databases: newDatabases } = await sdk.forProject.databases.list();
+        databases = newDatabases;
+    });
+
+    $: filteredDatabases = databases.filter((db) =>
+        db.name.toLowerCase().includes(search.toLowerCase())
+    );
+
+    $: dbOptions = filteredDatabases.map(
+        (db) =>
+            ({
+                group: 'databases',
+                label: db.name,
+                callback: () => {
+                    goto(`/console/project-${$project.$id}/databases/database-${db.$id}`);
+                }
+            } as const)
+    );
+</script>
+
+<Template options={dbOptions} bind:search>
+    <div slot="option" let:option>{option.label}</div>
+</Template>
diff --git a/src/lib/commandCenter/panels/index.ts b/src/lib/commandCenter/panels/index.ts
index a64b20ec3..a7536ddfe 100644
--- a/src/lib/commandCenter/panels/index.ts
+++ b/src/lib/commandCenter/panels/index.ts
@@ -3,3 +3,5 @@ export { default as Root } from './root.svelte';
 export { default as Template } from './template.svelte';
 export { default as Projects } from './projects.svelte';
 export { default as Organizations } from './organizations.svelte';
+export { default as Platforms } from './platforms.svelte';
+export { default as Databases } from './databases.svelte';
diff --git a/src/lib/commandCenter/panels/platforms.svelte b/src/lib/commandCenter/panels/platforms.svelte
new file mode 100644
index 000000000..a71df544d
--- /dev/null
+++ b/src/lib/commandCenter/panels/platforms.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+    import {
+        Platform,
+        addPlatform
+    } from '$routes/console/project-[project]/overview/platforms/+page.svelte';
+    import Template from './template.svelte';
+
+    let search = '';
+
+    let platforms = [
+        {
+            label: 'Web',
+            icon: 'code',
+            group: 'platforms',
+            callback: () => {
+                addPlatform(Platform.Web);
+            }
+        },
+        {
+            label: 'Flutter',
+            icon: 'flutter',
+            group: 'platforms',
+            callback: () => {
+                addPlatform(Platform.Flutter);
+            }
+        },
+        {
+            label: 'Android',
+            icon: 'android',
+            group: 'platforms',
+            callback: () => {
+                addPlatform(Platform.Android);
+            }
+        },
+        {
+            label: 'Apple',
+            icon: 'apple',
+            group: 'platforms',
+            callback: () => {
+                addPlatform(Platform.Apple);
+            }
+        }
+    ] as const;
+
+    $: filteredPlatforms = platforms.filter((platform) => {
+        return platform.label.toLowerCase().includes(search.toLowerCase());
+    });
+</script>
+
+<Template options={filteredPlatforms} 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/root.svelte b/src/lib/commandCenter/panels/root.svelte
index 7d13f401a..80283f91e 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -73,6 +73,18 @@
         }),
         ...searchResults
     ] as Array<Command | Omit<Command, 'keys'>>;
+
+    const hasCtrl = (command: Command) => {
+        return 'ctrl' in command && command.ctrl;
+    };
+
+    const hasShift = (command: Command) => {
+        return 'shift' in command && command.shift;
+    };
+
+    const hasAlt = (command: Command) => {
+        return 'alt' in command && command.alt;
+    };
 </script>
 
 <Template options={results} bind:search searchPlaceholder="Search for commands or content...">
@@ -84,13 +96,13 @@
             </span>
         </div>
         <div class="u-flex u-gap-4 u-cross-center">
-            {#if command.ctrl}
+            {#if hasCtrl(command)}
                 <kbd class="kbd"> {isMac() ? '⌘' : 'Ctrl'} </kbd>
             {/if}
-            {#if command.shift}
+            {#if hasShift(command)}
                 <kbd class="kbd"> {isMac() ? '⇧' : 'Shift'} </kbd>
             {/if}
-            {#if command.alt}
+            {#if hasAlt(command)}
                 <kbd class="kbd"> {isMac() ? '⌥' : 'Alt'} </kbd>
             {/if}
             {#if 'keys' in command}
diff --git a/src/routes/console/project-[project]/databases/+layout.svelte b/src/routes/console/project-[project]/databases/+layout.svelte
index 17c589c7d..e34231c61 100644
--- a/src/routes/console/project-[project]/databases/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/+layout.svelte
@@ -1,3 +1,42 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { page } from '$app/stores';
+    import { addSubPanel, registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
+    import { Databases } from '$lib/commandCenter/panels';
+    import { project } from '../store';
+
+    $: $registerCommands([
+        {
+            label: 'Find databases',
+            callback: () => {
+                addSubPanel({
+                    component: Databases,
+                    name: 'Databases'
+                });
+            },
+            keys: ['f', 'd'],
+            icon: 'search',
+            group: 'databases',
+            rank: 200
+        },
+        {
+            label: 'Go to usage',
+            callback: () => {
+                goto(`/console/project-${$project.$id}/databases/usage`);
+            },
+            keys: ['g', 'u'],
+            disabled: $page.url.pathname.includes('usage'),
+            icon: 'plus',
+            group: 'databases'
+        }
+    ]);
+
+    $: $updateCommandGroupRanks((prev) => ({
+        ...prev,
+        databases: 100
+    }));
+</script>
+
 <svelte:head>
     <title>Databases - Appwrite</title>
 </svelte:head>
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
index b76da7f29..14871f104 100644
--- a/src/routes/console/project-[project]/databases/+page.svelte
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -32,7 +32,9 @@
             },
             keys: ['c'],
             disabled: showCreate,
-            icon: 'plus'
+            icon: 'plus',
+            group: 'databases',
+            rank: 10
         }
     ]);
 </script>
diff --git a/src/routes/console/project-[project]/overview/+layout.svelte b/src/routes/console/project-[project]/overview/+layout.svelte
index 31824cffb..11ba09653 100644
--- a/src/routes/console/project-[project]/overview/+layout.svelte
+++ b/src/routes/console/project-[project]/overview/+layout.svelte
@@ -35,6 +35,9 @@
     import Bandwith from './bandwith.svelte';
     import Requests from './requests.svelte';
     import Onboard from './onboard.svelte';
+    import { addSubPanel, registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
+    import { Platforms } from '$lib/commandCenter/panels';
+    import { createApiKey } from './keys/+page.svelte';
 
     $: projectId = $page.params.project;
     $: path = `/console/project-${projectId}/overview`;
@@ -55,6 +58,34 @@
         period = newPeriod;
         usage.load(projectId, period);
     }
+
+    $: $registerCommands([
+        {
+            label: 'Add platform',
+            callback() {
+                addSubPanel({
+                    component: Platforms,
+                    name: 'Platforms'
+                });
+            },
+            icon: 'plus',
+            group: 'integrations'
+        },
+        {
+            label: 'Create API Key',
+            icon: 'plus',
+            callback() {
+                createApiKey();
+            },
+            keys: ['c', 'k'],
+            group: 'integrations'
+        }
+    ]);
+
+    $: $updateCommandGroupRanks((prev) => ({
+        ...prev,
+        integrations: 10
+    }));
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/overview/keys/+page.svelte b/src/routes/console/project-[project]/overview/keys/+page.svelte
index 714ccea79..7616d434e 100644
--- a/src/routes/console/project-[project]/overview/keys/+page.svelte
+++ b/src/routes/console/project-[project]/overview/keys/+page.svelte
@@ -1,3 +1,9 @@
+<script lang="ts" context="module">
+    export function createApiKey() {
+        wizard.start(Wizard);
+    }
+</script>
+
 <script lang="ts">
     import { Empty, Heading } from '$lib/components';
     import { Button } from '$lib/elements/forms';
@@ -15,16 +21,12 @@
     import Wizard from './wizard.svelte';
 
     export let data: PageData;
-
-    function create() {
-        wizard.start(Wizard);
-    }
 </script>
 
 <div class="common-section u-flex u-gap-12">
     <Heading tag="h3" size="7">API Keys</Heading>
     <span class="u-margin-inline-start-auto">
-        <Button on:click={create}>
+        <Button on:click={createApiKey}>
             <span class="icon-plus" aria-hidden="true" />
             <span class="text">Create API Key</span>
         </Button>
@@ -59,5 +61,5 @@
         </TableBody>
     </Table>
 {:else}
-    <Empty single href="https://appwrite.io/docs/keys" target="API Key" on:click={create} />
+    <Empty single href="https://appwrite.io/docs/keys" target="API Key" on:click={createApiKey} />
 {/if}
diff --git a/svelte.config.js b/svelte.config.js
index 4e906d83b..e920cd169 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -21,9 +21,7 @@ const config = {
         }
     },
     vitePlugin: {
-        experimental: {
-            inspector: true
-        }
+        inspector: true
     }
 };
 

From d02fd1c8bd66eb6ccee29948fa8d2055eb8987c9 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 10:55:09 +0100
Subject: [PATCH 063/128] add search icon

---
 src/lib/commandCenter/commandCenter.svelte    | 24 ++++++++++---------
 src/lib/layout/header.svelte                  |  4 ++++
 src/lib/stores/sdk.ts                         | 14 +++++++----
 .../(migration-wizard)/index.ts               |  3 +++
 .../(migration-wizard)/step1.svelte           |  5 ++--
 5 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index c40eb0844..a53941916 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -12,13 +12,24 @@
         setContext(contextKey, store);
         return store;
     };
+
+    export const toggleCommandCenter = () => {
+        if (get(subPanels).length > 0) {
+            clearSubPanels();
+        } else {
+            addSubPanel({
+                name: 'root',
+                component: Root
+            });
+        }
+    };
 </script>
 
 <script lang="ts">
     import { afterNavigate } from '$app/navigation';
     import { last } from '$lib/helpers/array';
     import { getContext, setContext } from 'svelte';
-    import { writable, type Readable } from 'svelte/store';
+    import { writable, type Readable, get } from 'svelte/store';
     import { fade } from 'svelte/transition';
     import { commandCenterKeyDownHandler, disableCommands, registerCommands } from './commands';
     import { Root } from './panels';
@@ -29,16 +40,7 @@
 
     $: $registerCommands([
         {
-            callback: () => {
-                if ($subPanels.length > 0) {
-                    clearSubPanels();
-                } else {
-                    addSubPanel({
-                        name: 'root',
-                        component: Root
-                    });
-                }
-            },
+            callback: toggleCommandCenter,
             keys: ['k'],
             ctrl: true,
             forceEnable: true
diff --git a/src/lib/layout/header.svelte b/src/lib/layout/header.svelte
index e9ec88e7f..f5d98c4c1 100644
--- a/src/lib/layout/header.svelte
+++ b/src/lib/layout/header.svelte
@@ -21,6 +21,7 @@
     import { Submit, trackEvent } from '$lib/actions/analytics';
     import { sdk } from '$lib/stores/sdk';
     import { goto } from '$app/navigation';
+    import { toggleCommandCenter } from '$lib/commandCenter/commandCenter.svelte';
 
     let showDropdown = false;
     let droplistElement: HTMLDivElement;
@@ -91,6 +92,9 @@
             class="button is-small is-text">
             <span class="text">Support</span>
         </a>
+        <button class="button is-text is-small" on:click={toggleCommandCenter}>
+            <i class="icon-search" />
+        </button>
     </nav>
     <nav class="u-flex u-height-100-percent u-sep-inline-start">
         {#if $user}
diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 56e907bc7..04ed819ad 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -38,6 +38,14 @@ const sdkForProject = {
     migrations: new Migrations(clientProject)
 };
 
+export const getSdkForProject = (projectId: string) => {
+    if (projectId && projectId !== clientProject.config.project) {
+        clientProject.setProject(projectId);
+    }
+
+    return sdkForProject;
+};
+
 export const sdk = {
     forConsole: {
         client: clientConsole,
@@ -53,10 +61,6 @@ export const sdk = {
     },
     get forProject() {
         const projectId = getProjectId();
-        if (projectId && projectId !== clientProject.config.project) {
-            clientProject.setProject(projectId);
-        }
-
-        return sdkForProject;
+        return getSdkForProject(projectId);
     }
 };
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/index.ts b/src/routes/console/organization-[organization]/(migration-wizard)/index.ts
index 5bdfc1f80..c1e06f7c4 100644
--- a/src/routes/console/organization-[organization]/(migration-wizard)/index.ts
+++ b/src/routes/console/organization-[organization]/(migration-wizard)/index.ts
@@ -1,5 +1,6 @@
 import { createMigrationFormStore } from '$lib/stores/migration';
 import { wizard } from '$lib/stores/wizard';
+import { writable } from 'svelte/store';
 import Wizard from './wizard.svelte';
 
 export const formData = createMigrationFormStore();
@@ -8,3 +9,5 @@ export function openMigrationWizard() {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     wizard.start(Wizard as any);
 }
+
+export const selectedProject = writable(null);
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte b/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte
index 1705c9c93..735d5e312 100644
--- a/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte
+++ b/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte
@@ -4,13 +4,12 @@
     import InputText from '$lib/elements/forms/inputText.svelte';
     import { WizardStep } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
+    import { selectedProject } from '.';
 
     const projects = $page.data.allProjects as Models.ProjectList;
     const hasProjects = projects.total > 0;
 
     let projectType = 'existing';
-
-    let selectedProject: string = null;
 </script>
 
 <WizardStep>
@@ -48,7 +47,7 @@
         {#if projectType === 'existing'}
             <InputSelect
                 id="project"
-                bind:value={selectedProject}
+                bind:value={$selectedProject}
                 label="Select a project"
                 options={projects.projects.map((p) => ({
                     label: p.name,

From 09a9be3e3d426ef5aa3094f76d68fe552b671663 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 12:23:16 +0100
Subject: [PATCH 064/128] feat: basic export data modal functionality

---
 .gitignore                                    |   2 +
 src/lib/components/migrationBox.svelte        |   2 +-
 src/lib/components/modal.svelte               |   2 +-
 src/lib/elements/forms/form.svelte            |   6 +-
 src/lib/elements/forms/inputText.svelte       |  17 ++-
 src/lib/elements/forms/inputTextarea.svelte   |   2 +
 src/lib/helpers/form.ts                       |  14 +++
 src/routes/+layout.ts                         |   2 +-
 .../settings/migrations/+page.svelte          |  78 ++++--------
 .../settings/migrations/+page.ts              |  14 ++-
 .../settings/migrations/exportModal.svelte    | 119 ++++++++++++++++++
 src/routes/store.ts                           |   2 +-
 12 files changed, 192 insertions(+), 68 deletions(-)
 create mode 100644 src/lib/helpers/form.ts
 create mode 100644 src/routes/console/project-[project]/settings/migrations/exportModal.svelte

diff --git a/.gitignore b/.gitignore
index 46763dacc..183c55563 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,3 +13,5 @@ node_modules
 node_modules/
 dist/
 .vercel
+
+*.swp
\ No newline at end of file
diff --git a/src/lib/components/migrationBox.svelte b/src/lib/components/migrationBox.svelte
index 8fc6c47a3..dafe098b4 100644
--- a/src/lib/components/migrationBox.svelte
+++ b/src/lib/components/migrationBox.svelte
@@ -80,7 +80,7 @@
                 <div class="progress-bar-top-line u-flex u-gap-8 u-main-space-between">
                     <span>{percentage}%</span>
                 </div>
-                <div class="progress-bar-container" style="--graph-size:50%" />
+                <div class="progress-bar-container" style="--graph-size:{percentage}%" />
                 <span>Importing users...</span>
             </section>
         </div>
diff --git a/src/lib/components/modal.svelte b/src/lib/components/modal.svelte
index c780c39b3..3801b0fb7 100644
--- a/src/lib/components/modal.svelte
+++ b/src/lib/components/modal.svelte
@@ -11,7 +11,7 @@
     export let error: string = null;
     export let closable = true;
     export let headerDivider = true;
-    export let onSubmit: () => Promise<void> | void = function () {
+    export let onSubmit: (e: SubmitEvent) => Promise<void> | void = function () {
         return;
     };
 
diff --git a/src/lib/elements/forms/form.svelte b/src/lib/elements/forms/form.svelte
index fcb58760a..8145f2c69 100644
--- a/src/lib/elements/forms/form.svelte
+++ b/src/lib/elements/forms/form.svelte
@@ -13,15 +13,15 @@
     export let noMargin = false;
     export let noStyle = false;
     export let isModal = false;
-    export let onSubmit: () => Promise<void> | void;
+    export let onSubmit: (e: SubmitEvent) => Promise<void> | void;
 
     const { isSubmitting } = setContext<FormContext>('form', {
         isSubmitting: writable(false)
     });
 
-    async function submit() {
+    async function submit(e: SubmitEvent) {
         isSubmitting.set(true);
-        await onSubmit();
+        await onSubmit(e);
         isSubmitting.set(false);
     }
 </script>
diff --git a/src/lib/elements/forms/inputText.svelte b/src/lib/elements/forms/inputText.svelte
index 28123a30f..702d6228a 100644
--- a/src/lib/elements/forms/inputText.svelte
+++ b/src/lib/elements/forms/inputText.svelte
@@ -8,6 +8,7 @@
     export let optionalText: string | undefined = undefined;
     export let showLabel = true;
     export let id: string;
+    export let name: string = id;
     export let value = '';
     export let placeholder = '';
     export let required = false;
@@ -29,6 +30,7 @@
     });
 
     const handleInvalid = (event: Event) => {
+        console.log('Invalid');
         event.preventDefault();
 
         if (element.validity.valueMissing) {
@@ -39,8 +41,11 @@
         error = element.validationMessage;
     };
 
-    $: if (value) {
-        error = null;
+    $: {
+        value;
+        if (element?.validity?.valid) {
+            error = null;
+        }
     }
 
     let prevValue = '';
@@ -56,6 +61,10 @@
 
     $: showTextCounter = !!maxlength;
     $: showNullCheckbox = nullable && !required;
+
+    type $$Events = {
+        input: Event & { target: HTMLInputElement };
+    };
 </script>
 
 <FormItem>
@@ -66,6 +75,7 @@
     <div class="input-text-wrapper">
         <input
             {id}
+            {name}
             {placeholder}
             {disabled}
             {readonly}
@@ -77,7 +87,8 @@
             bind:value
             class:u-padding-inline-end-56={typeof maxlength === 'number'}
             bind:this={element}
-            on:invalid={handleInvalid} />
+            on:invalid={handleInvalid}
+            on:input />
         {#if showTextCounter || showNullCheckbox}
             <ul
                 class="buttons-list u-cross-center u-gap-8 u-position-absolute u-inset-block-start-8 u-inset-block-end-8 u-inset-inline-end-12">
diff --git a/src/lib/elements/forms/inputTextarea.svelte b/src/lib/elements/forms/inputTextarea.svelte
index a5a096b35..8840d381d 100644
--- a/src/lib/elements/forms/inputTextarea.svelte
+++ b/src/lib/elements/forms/inputTextarea.svelte
@@ -7,6 +7,7 @@
     export let label: string;
     export let showLabel = true;
     export let id: string;
+    export let name: string = id;
     export let value = '';
     export let placeholder = '';
     export let required = false;
@@ -63,6 +64,7 @@
     <div class="input-text-wrapper">
         <textarea
             {id}
+            {name}
             {placeholder}
             {disabled}
             {readonly}
diff --git a/src/lib/helpers/form.ts b/src/lib/helpers/form.ts
new file mode 100644
index 000000000..615f53cd2
--- /dev/null
+++ b/src/lib/helpers/form.ts
@@ -0,0 +1,14 @@
+export function getFormData<T extends Record<string, unknown> = Record<string, unknown>>(
+    e: SubmitEvent
+): T {
+    const form = e.target as HTMLFormElement;
+    const formData = new FormData(form);
+    const data = {};
+
+    formData.forEach((value, key) => {
+        data[key] = value;
+    });
+
+    // TODO: Add validation? Maybe with zod
+    return data as T;
+}
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index 7bb0bbc4c..e2dc890a3 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -14,7 +14,7 @@ export const load: LayoutLoad = async ({ depends, url }) => {
     depends(Dependencies.ACCOUNT);
 
     if (url.searchParams.has('migrate')) {
-        requestedMigration.set(true);
+        requestedMigration.set(url.searchParams.get('migrate'));
     }
 
     try {
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index bc3afa76c..4a5919e29 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -1,10 +1,8 @@
 <script lang="ts">
+    import { invalidate } from '$app/navigation';
     import { Arrow, CardGrid, Heading } from '$lib/components';
-    import Alert from '$lib/components/alert.svelte';
-    import Modal from '$lib/components/modal.svelte';
+    import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
-    import InputText from '$lib/elements/forms/inputText.svelte';
-    import InputTextarea from '$lib/elements/forms/inputTextarea.svelte';
     import {
         TableBody,
         TableCell,
@@ -14,20 +12,20 @@
     } from '$lib/elements/table';
     import Table from '$lib/elements/table/table.svelte';
     import { isSameDay, toLocaleDate } from '$lib/helpers/date';
+    import { parseIfString } from '$lib/helpers/object';
     import { capitalize } from '$lib/helpers/string';
     import { Container } from '$lib/layout';
+    import { sdk } from '$lib/stores/sdk';
     import { isSelfHosted } from '$lib/system';
     import { onMount } from 'svelte';
     import { openImportWizard } from './(import)';
     import Details from './details.svelte';
-    import { sdk } from '$lib/stores/sdk';
-    import { invalidate } from '$app/navigation';
-    import { Dependencies } from '$lib/constants';
-    import { parseIfString } from '$lib/helpers/object';
+    import ExportModal from './exportModal.svelte';
+    import { registerCommands } from '$lib/commandCenter';
 
     export let data;
     let details: (typeof data.migrations)[number] | null = null;
-    let showCloudExport = false;
+    let showExport = false;
 
     const getStatus = (status: string) => {
         if (status === 'failed') {
@@ -46,6 +44,21 @@
             }
         });
     });
+
+    $: $registerCommands([
+        {
+            label: 'Import data',
+            icon: 'upload',
+            keys: ['i', 'd'],
+            callback: openImportWizard
+        },
+        {
+            label: 'Export data',
+            icon: 'download',
+            keys: ['e', 'd'],
+            callback: () => (showExport = true)
+        }
+    ]);
 </script>
 
 <Container>
@@ -173,52 +186,14 @@
                     <Button
                         class="u-margin-block-start-48"
                         secondary
-                        on:click={() => (showCloudExport = true)}>Export data</Button>
+                        on:click={() => (showExport = true)}>Export data</Button>
                 </div>
             </svelte:fragment>
         </CardGrid>
     {/if}
 </Container>
 
-<Modal bind:show={showCloudExport}>
-    <svelte:fragment slot="header">Export to self-hosted instance</svelte:fragment>
-    <div class="modal-contents">
-        <Alert standalone>
-            <svelte:fragment slot="title">API key creation</svelte:fragment>
-            By initiating the transfer, an API key will be automatically generated in the background,
-            which you can delete after completion
-        </Alert>
-
-        <div class="u-margin-block-start-24">
-            <InputText
-                label="Endpoint self-hosted instance"
-                required
-                id="endpoint"
-                placeholder="https://[YOUR_APPWRITE_HOSTNAME]" />
-        </div>
-
-        <div class="box u-margin-block-start-24">
-            <p class="u-bold">
-                Share your feedback: why our self-hosted solution works better for you
-            </p>
-            <p class="u-margin-block-start-8">
-                We appreciate your continued support and we understand that our self-hosted solution
-                might better fit your needs. To help us improve our Cloud solution, please share why
-                it works better for you. Your feedback is important to us and we'll use it to make
-                our services better.
-            </p>
-            <div class="u-margin-block-start-24">
-                <InputTextarea id="feedback" label="Your feedback" placeholder="Type here..." />
-            </div>
-        </div>
-    </div>
-
-    <div class="u-flex u-gap-16 u-cross-center" slot="footer">
-        <span> You will be redirected to your self-hosted instance </span>
-
-        <Button on:click={() => (showCloudExport = false)}>Continue TODO: SUBMIT</Button>
-    </div>
-</Modal>
+<ExportModal bind:show={showExport} />
 
 <Details bind:details />
 
@@ -228,15 +203,10 @@
         place-items: center;
 
         border: 1px dashed hsl(var(--color-border));
-        /* border-color: red; */
         border-radius: 1rem;
 
         height: 100%;
 
         padding: 1.5rem;
     }
-
-    .modal-contents :global(.alert) {
-        grid-area: initial !important;
-    }
 </style>
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index 175b12dc6..1fa49df7c 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -4,9 +4,15 @@ import { sdk } from '$lib/stores/sdk';
 export async function load({ depends }) {
     depends(Dependencies.MIGRATIONS);
 
-    const { migrations } = await sdk.forProject.migrations.list();
+    try {
+        const { migrations } = await sdk.forProject.migrations.list();
 
-    return {
-        migrations
-    };
+        return {
+            migrations
+        };
+    } catch {
+        return {
+            migrations: []
+        };
+    }
 }
diff --git a/src/routes/console/project-[project]/settings/migrations/exportModal.svelte b/src/routes/console/project-[project]/settings/migrations/exportModal.svelte
new file mode 100644
index 000000000..469a99ca0
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/migrations/exportModal.svelte
@@ -0,0 +1,119 @@
+<script lang="ts">
+    import { Alert, Modal } from '$lib/components';
+    import { Button, InputText, InputTextarea } from '$lib/elements/forms';
+    import { getFormData } from '$lib/helpers/form';
+
+    export let show = false;
+    let submitted = false;
+
+    const isValidEndpoint = (endpoint: string) => {
+        try {
+            // Endpoint should be a valid URL. It may not have a path, nor a query string
+            const url = new URL(endpoint);
+
+            return (
+                url.protocol &&
+                url.hostname &&
+                (url.pathname === '/' || !url.pathname) &&
+                !url.search
+            );
+        } catch {
+            return false;
+        }
+    };
+
+    const getCurrentEndpoint = () => {
+        // Remove subpaths and query strings from the current URL. Add a /v1 suffix
+        const url = new URL(window.location.href);
+        url.pathname = '';
+        url.search = '';
+        url.hash = '';
+        url.pathname = '/v1';
+        return url.toString();
+    };
+
+    const removeTrailingSlash = (endpoint: string) => {
+        if (endpoint.endsWith('/')) {
+            return endpoint.slice(0, -1);
+        }
+        return endpoint;
+    };
+
+    const onSubmit = (e: SubmitEvent) => {
+        e.preventDefault();
+        submitted = true;
+
+        const formData = getFormData<{ endpoint: string; feedback: string }>(e);
+
+        // TODO: Send feedback somewhere
+        const { endpoint, feedback: _feedback } = formData;
+
+        if (!isValidEndpoint(endpoint)) {
+            const endpointInput = document.getElementById('endpoint') as HTMLInputElement;
+            endpointInput.setCustomValidity('Please enter a valid endpoint');
+            endpointInput.reportValidity();
+            return;
+        }
+
+        const currEndpoint = getCurrentEndpoint();
+        // URI encode the current endpoint, so that it can be passed as a query string
+        const encodedCurrEndpoint = encodeURIComponent(currEndpoint);
+
+        const dest = `${removeTrailingSlash(endpoint)}/?migrate=${encodedCurrEndpoint}`;
+        window.location.href = dest;
+    };
+</script>
+
+<Modal bind:show {onSubmit}>
+    <svelte:fragment slot="header">Export to self-hosted instance</svelte:fragment>
+    <div class="modal-contents">
+        <Alert standalone>
+            <svelte:fragment slot="title">API key creation</svelte:fragment>
+            By initiating the transfer, an API key will be automatically generated in the background,
+            which you can delete after completion
+        </Alert>
+
+        <div class="u-margin-block-start-24">
+            <InputText
+                label="Endpoint self-hosted instance"
+                required
+                id="endpoint"
+                placeholder="https://[YOUR_APPWRITE_HOSTNAME]"
+                autofocus
+                value="http://localhost:3000/"
+                on:input={(e) => {
+                    if (!submitted) return;
+                    const input = e.target;
+                    const value = input.value;
+
+                    if (!isValidEndpoint(value)) {
+                        input.setCustomValidity('Please enter a valid endpoint');
+                    } else {
+                        input.setCustomValidity('');
+                    }
+                    input.reportValidity();
+                }} />
+        </div>
+
+        <div class="box u-margin-block-start-24">
+            <p class="u-bold">
+                Share your feedback: why our self-hosted solution works better for you
+            </p>
+            <p class="u-margin-block-start-8">
+                We appreciate your continued support and we understand that our self-hosted solution
+                might better fit your needs. To help us improve our Cloud solution, please share why
+                it works better for you. Your feedback is important to us and we'll use it to make
+                our services better.
+            </p>
+            <div class="u-margin-block-start-24">
+                <InputTextarea id="feedback" label="Your feedback" placeholder="Type here..." />
+            </div>
+        </div>
+    </div>
+
+    <div class="u-flex u-gap-16 u-cross-center" slot="footer">
+        <span> You will be redirected to your self-hosted instance </span>
+
+        <Button submit>Continue</Button>
+    </div>
+</Modal>
diff --git a/src/routes/store.ts b/src/routes/store.ts
index 382f73426..4f8096ae3 100644
--- a/src/routes/store.ts
+++ b/src/routes/store.ts
@@ -7,4 +7,4 @@ export const loading = writable(true);
 export const organizations = derived(page, ($page) => {
     return $page.data.organizations as Models.TeamList<Models.Preferences>;
 });
-export const requestedMigration = writable(false);
+export const requestedMigration = writable<string | null>(null);

From 23cb17135fa43f185d679a5c07adeb6a18746d39 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 13:17:41 +0100
Subject: [PATCH 065/128] refactor: migration export

---
 src/lib/commandCenter/commands.ts             |   4 +-
 src/lib/commandCenter/panels/ai.svelte        |   2 -
 src/lib/stores/migration.ts                   |  87 ++++-
 src/lib/stores/migrator.ts                    |  60 ----
 src/routes/+layout.svelte                     |   5 +-
 src/routes/+layout.ts                         |   4 +-
 .../console/(migration-wizard)/index.ts       |  23 ++
 .../(migration-wizard)/resource-form.svelte   | 338 ++++++++++++++++++
 .../(migration-wizard)/step1.svelte           |   0
 .../console/(migration-wizard)/step2.svelte   |  11 +
 .../(migration-wizard)/wizard.svelte          |  17 +-
 src/routes/console/+layout.svelte             |   5 +
 .../(migration-wizard)/index.ts               |  13 -
 .../(migration-wizard)/step2.svelte           | 296 ---------------
 .../+layout.svelte                            |   2 +-
 .../settings/migrations/(import)/index.ts     |  84 +----
 .../settings/migrations/(import)/step2.svelte | 328 +----------------
 .../settings/migrations/+page.svelte          |  17 +-
 .../settings/migrations/exportModal.svelte    |  39 +-
 src/routes/store.ts                           |   2 +-
 20 files changed, 538 insertions(+), 799 deletions(-)
 delete mode 100644 src/lib/stores/migrator.ts
 create mode 100644 src/routes/console/(migration-wizard)/index.ts
 create mode 100644 src/routes/console/(migration-wizard)/resource-form.svelte
 rename src/routes/console/{organization-[organization] => }/(migration-wizard)/step1.svelte (100%)
 create mode 100644 src/routes/console/(migration-wizard)/step2.svelte
 rename src/routes/console/{organization-[organization] => }/(migration-wizard)/wizard.svelte (64%)
 delete mode 100644 src/routes/console/organization-[organization]/(migration-wizard)/index.ts
 delete mode 100644 src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index ba033b1c5..a28d32625 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -17,7 +17,8 @@ export type CommandGroup =
     | 'storage'
     | 'domains'
     | 'webhooks'
-    | 'integrations';
+    | 'integrations'
+    | 'migrations';
 
 type BaseCommand = {
     callback: () => void;
@@ -264,6 +265,7 @@ export const commandGroupRanks = derived(groupRankTransformations, ($groupRankTr
         functions: 0,
         storage: 0,
         integrations: 0,
+        migrations: 0,
         help: -1
     };
 
diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index 88f1818d7..48c557326 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -15,12 +15,10 @@
     });
 
     const examples = [
-        'How can I integrate Appwrite with my frontend application?',
         'How to add platform in the console?',
         'How can I manage users, permissions, and access control in Appwrite?',
         'How can I set up database collections and documents in Appwrite?',
         'How do I configure and manage server-side functions in Appwrite?',
-        'How can I access the audit logs in the console?',
         'How to add custom domain in the console?'
     ];
 
diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
index aa2daa1b0..b4e8046da 100644
--- a/src/lib/stores/migration.ts
+++ b/src/lib/stores/migration.ts
@@ -1,8 +1,5 @@
-import { excludeArray } from '$lib/helpers/array';
 import { writable } from 'svelte/store';
 
-export type Provider = 'appwrite' | 'nhost' | 'supabase' | 'firebase';
-
 const initialFormData = {
     users: {
         root: false,
@@ -103,3 +100,87 @@ export const migrationFormToResources = (formData: MigrationFormData): Resource[
 
     return resources;
 };
+
+import {
+    PUBLIC_NHOST_TEST_DATABASE,
+    PUBLIC_NHOST_TEST_PASSWORD,
+    PUBLIC_NHOST_TEST_REGION,
+    PUBLIC_NHOST_TEST_SECRET,
+    PUBLIC_NHOST_TEST_SUBDOMAIN,
+    PUBLIC_NHOST_TEST_USERNAME
+} from '$env/static/public';
+
+type AppwriteInput = {
+    provider: 'appwrite';
+    endpoint?: string;
+    projectID?: string;
+    apiKey?: string;
+};
+
+type FirebaseInput = {
+    provider: 'firebase';
+    serviceAccount?: string;
+};
+
+type SupabaseInput = {
+    provider: 'supabase';
+    host?: string;
+    username?: string;
+    password?: string;
+    endpoint?: string;
+    apiKey?: string;
+    port?: number;
+};
+
+type NhostInput = {
+    provider: 'nhost';
+    region?: string;
+    subdomain?: string;
+    database?: string;
+    username?: string;
+    password?: string;
+    adminSecret?: string;
+};
+
+export type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
+export type Provider = ProviderInput['provider'];
+
+// const mockProvider: ProviderInput = {
+//     provider: 'appwrite',
+//     endpoint: PUBLIC_MOCK_ENDPOINT,
+//     apiKey: PUBLIC_MOCK_APIKEY,
+//     projectID: PUBLIC_MOCK_PROJECTID
+// };
+// const mockProvider: ProviderInput = {
+//     provider: 'supabase',
+//     endpoint: PUBLIC_SUPABASE_TEST_ENDPOINT,
+//     apiKey: PUBLIC_SUPABASE_TEST_KEY,
+//     host: PUBLIC_SUPABASE_TEST_HOST,
+//     port: Number(PUBLIC_SUPABASE_TEST_PORT),
+//     username: PUBLIC_SUPABASE_TEST_USERNAME,
+//     password: PUBLIC_SUPABASE_TEST_PASSWORD
+// };
+const mockProvider: ProviderInput = {
+    provider: 'nhost',
+    subdomain: PUBLIC_NHOST_TEST_SUBDOMAIN,
+    region: PUBLIC_NHOST_TEST_REGION,
+    adminSecret: PUBLIC_NHOST_TEST_SECRET,
+    database: PUBLIC_NHOST_TEST_DATABASE,
+    username: PUBLIC_NHOST_TEST_USERNAME,
+    password: PUBLIC_NHOST_TEST_PASSWORD
+};
+
+const initialProvider: ProviderInput = { provider: 'appwrite' };
+export const createMigrationProviderStore = () => {
+    const store = writable<ProviderInput>({ ...mockProvider });
+
+    const changeProvider = (provider: Provider) => {
+        const newProvider: ProviderInput = { provider };
+        store.set(newProvider);
+    };
+
+    return {
+        ...store,
+        changeProvider
+    };
+};
diff --git a/src/lib/stores/migrator.ts b/src/lib/stores/migrator.ts
deleted file mode 100644
index ae17cb355..000000000
--- a/src/lib/stores/migrator.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { writable } from 'svelte/store';
-
-const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
-const randRange = (min: number, max: number) => Math.floor(Math.random() * (max - min + 1)) + min;
-
-type Status = 'idle' | 'running' | 'error' | 'success';
-
-type State = {
-    items: {
-        databases?: Status;
-        documents?: Status;
-        users?: Status;
-        storage?: Status;
-    };
-    status: Status;
-};
-
-function createMigrator() {
-    const { subscribe, update, set } = writable<State>({
-        items: { databases: 'idle', documents: 'running', users: 'error', storage: 'success' },
-        status: 'running'
-    });
-
-    const startMigration = async () => {
-        set({
-            items: {
-                databases: 'idle',
-                documents: 'idle',
-                users: 'idle',
-                storage: 'idle'
-            },
-            status: 'running'
-        });
-
-        const keys = ['databases', 'documents', 'users', 'storage'];
-
-        for (const key of keys) {
-            sleep(randRange(1000, 5000)).then(() => {
-                update((state) => ({
-                    ...state,
-                    items: { ...state.items, [key]: 'running' }
-                }));
-
-                sleep(randRange(1000, 5000)).then(() => {
-                    update((state) => ({
-                        ...state,
-                        items: { ...state.items, [key]: 'success' }
-                    }));
-                });
-            });
-        }
-    };
-
-    return {
-        subscribe,
-        startMigration
-    };
-}
-
-export const migrator = createMigrator();
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index a50dd02f7..72d334535 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -10,13 +10,12 @@
     import { user } from '$lib/stores/user';
     import { ENV, isCloud } from '$lib/system';
     import * as Sentry from '@sentry/svelte';
-    import LogRocket from 'logrocket';
     import { BrowserTracing } from '@sentry/tracing';
+    import LogRocket from 'logrocket';
     import { onMount } from 'svelte';
     import { onCLS, onFCP, onFID, onINP, onLCP, onTTFB } from 'web-vitals';
     import Loading from './loading.svelte';
-    import { loading, requestedMigration } from './store';
-    import { openMigrationWizard } from './console/organization-[organization]/(migration-wizard)';
+    import { loading } from './store';
 
     if (browser) {
         window.VERCEL_ANALYTICS_ID = import.meta.env.VERCEL_ANALYTICS_ID?.toString() ?? false;
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index e2dc890a3..e27abf83e 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -7,6 +7,7 @@ import { redirect } from '@sveltejs/kit';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
 import { requestedMigration } from './store';
+import { parseIfString } from '$lib/helpers/object';
 
 export const ssr = false;
 
@@ -14,7 +15,8 @@ export const load: LayoutLoad = async ({ depends, url }) => {
     depends(Dependencies.ACCOUNT);
 
     if (url.searchParams.has('migrate')) {
-        requestedMigration.set(url.searchParams.get('migrate'));
+        const migrateData = url.searchParams.get('migrate');
+        requestedMigration.set(parseIfString(migrateData));
     }
 
     try {
diff --git a/src/routes/console/(migration-wizard)/index.ts b/src/routes/console/(migration-wizard)/index.ts
new file mode 100644
index 000000000..a9b23e663
--- /dev/null
+++ b/src/routes/console/(migration-wizard)/index.ts
@@ -0,0 +1,23 @@
+import { createMigrationFormStore, createMigrationProviderStore } from '$lib/stores/migration';
+import { wizard } from '$lib/stores/wizard';
+import { requestedMigration } from '$routes/store';
+import { get, writable } from 'svelte/store';
+import Wizard from './wizard.svelte';
+
+export const formData = createMigrationFormStore();
+
+export function openMigrationWizard() {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    wizard.start(Wizard as any);
+    const migData = get(requestedMigration);
+    provider.set({
+        provider: 'appwrite',
+        apiKey: migData?.apiKey,
+        endpoint: migData?.endpoint,
+        projectID: migData?.projectId
+    });
+}
+
+export const selectedProject = writable(null);
+
+export const provider = createMigrationProviderStore();
diff --git a/src/routes/console/(migration-wizard)/resource-form.svelte b/src/routes/console/(migration-wizard)/resource-form.svelte
new file mode 100644
index 000000000..bab1a9a2e
--- /dev/null
+++ b/src/routes/console/(migration-wizard)/resource-form.svelte
@@ -0,0 +1,338 @@
+<script lang="ts">
+    import { EyebrowHeading } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import { deepMap } from '$lib/helpers/object';
+    import type { DeepKeys, WritableValue } from '$lib/helpers/types';
+    import { sdk } from '$lib/stores/sdk';
+
+    import { onMount } from 'svelte';
+
+    import {
+        createMigrationFormStore,
+        createMigrationProviderStore,
+        providerResources
+    } from '$lib/stores/migration';
+    import { wizard } from '$lib/stores/wizard';
+
+    export let formData: ReturnType<typeof createMigrationFormStore>;
+    export let provider: ReturnType<typeof createMigrationProviderStore>;
+
+    type FormData = WritableValue<typeof formData>;
+    type FormKeys = DeepKeys<FormData>;
+
+    /**
+     *
+     * @param field {string} The field to update.
+     * Representes the path to the field in the formData object e.g. 'users.root'
+     */
+    function handleInputChange(field: FormKeys) {
+        return (event: Event) => {
+            const checked = (event.target as HTMLInputElement).checked;
+            // For each entry in formData, if the root is changed, change all children to the same value
+            // otherwise, if a child is changed to true, change the root to true
+
+            const [parent, child] = field.split('.');
+            if (child === 'root') {
+                formData.update((data) => {
+                    data[parent].root = checked;
+                    for (const key in data[parent]) {
+                        if (key !== 'root') {
+                            data[parent][key] = checked;
+                        }
+                    }
+                    return data;
+                });
+            } else if (checked) {
+                formData.update((data) => {
+                    data[parent].root = checked;
+                    return data;
+                });
+            }
+        };
+    }
+
+    function deselectAll() {
+        $formData = deepMap($formData, (v) => {
+            if (typeof v === 'boolean') {
+                return false;
+            }
+            return v;
+        });
+    }
+
+    function selectAll() {
+        $formData = deepMap($formData, (v) => {
+            if (typeof v === 'boolean') {
+                return true;
+            }
+            return v;
+        });
+    }
+
+    let report: any;
+
+    onMount(async () => {
+        switch ($provider.provider) {
+            case 'appwrite': {
+                const res = await sdk.forProject.migrations.generateAppwriteReport(
+                    providerResources.appwrite,
+                    $provider.endpoint,
+                    $provider.projectID,
+                    $provider.apiKey
+                );
+                report = res;
+                break;
+            }
+            case 'supabase': {
+                const res = await sdk.forProject.migrations.generateSupabaseReport(
+                    providerResources.supabase,
+                    $provider.endpoint,
+                    $provider.apiKey,
+                    $provider.host,
+                    $provider.username,
+                    $provider.password,
+                    $provider.port
+                );
+                report = res;
+                break;
+            }
+            case 'nhost': {
+                const res = await sdk.forProject.migrations.generateNHostReport(
+                    providerResources.nhost,
+                    $provider.subdomain,
+                    $provider.region,
+                    $provider.adminSecret,
+                    $provider.database,
+                    $provider.username,
+                    $provider.password
+                );
+                report = res;
+            }
+        }
+    });
+
+    $: {
+        wizard.setNextDisabled(!report);
+    }
+
+    $: resources = providerResources[$provider.provider];
+</script>
+
+<div class="box" style:border-radius="0.5rem">
+    <div class="u-flex u-flex-vertical u-gap-16">
+        <EyebrowHeading class="eyebrow" tag="h3" size={3}>Good to know</EyebrowHeading>
+        <div class="u-flex u-gap-16">
+            <div class="circled">
+                <i class="icon-cog" />
+            </div>
+            <div>
+                <p class="u-bold">Project settings are not imported</p>
+                <p>You will need to set service and project settings manually</p>
+            </div>
+        </div>
+        <div class="u-flex u-gap-16">
+            <div class="circled">
+                <i class="icon-trending-up" />
+            </div>
+            <div>
+                <p class="u-bold">Keep your project plan limits in mind</p>
+                <p>Make sure to have enough storage in your project plan when importing files</p>
+            </div>
+        </div>
+        <div class="u-flex u-gap-16">
+            <div class="circled">
+                <i class="icon-currency-dollar" />
+            </div>
+            <div>
+                <p class="u-bold">Transfer is free of charge</p>
+                <p>You won't be charged for Appwrite bandwidth usage for importing data</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<ul class="buttons-list u-margin-block-start-32 u-main-end">
+    <li class="buttons-list-item">
+        <Button text on:click={deselectAll}>Deselect all</Button>
+    </li>
+
+    <li class="buttons-list-item">
+        <Button text on:click={selectAll}>Select all</Button>
+    </li>
+</ul>
+
+<ul class="u-flex u-flex-vertical u-gap-32 u-margin-block-start-16">
+    {#if resources.includes('user')}
+        <li class="checkbox-field">
+            <input
+                type="checkbox"
+                bind:checked={$formData.users.root}
+                on:change={handleInputChange('users.root')} />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Users</span>
+
+                <span class="inline-tag">{report?.user ?? '...'}</span>
+            </div>
+            <div />
+            <span>Import all users</span>
+
+            {#if resources.includes('team')}
+                <ul>
+                    <li class="checkbox-field">
+                        <input
+                            type="checkbox"
+                            bind:checked={$formData.users.teams}
+                            on:change={handleInputChange('users.teams')} />
+                        <div class="u-flex u-gap-4">
+                            <span class="u-bold">Include teams</span>
+                            <span class="inline-tag">{report?.team ?? '...'}</span>
+                        </div>
+                        <div />
+                        <span>Import all teams and the team memberships of your users</span>
+                    </li>
+                </ul>
+            {/if}
+        </li>
+    {/if}
+
+    {#if resources.includes('database')}
+        <li class="checkbox-field">
+            <input
+                type="checkbox"
+                bind:checked={$formData.databases.root}
+                on:change={handleInputChange('databases.root')} />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Databases</span>
+                <span class="inline-tag">{report?.database ?? '...'}</span>
+            </div>
+            <div />
+            <span>Import all databases, including collections, indexes and attributes</span>
+
+            {#if resources.includes('document')}
+                <ul>
+                    <li class="checkbox-field">
+                        <input
+                            type="checkbox"
+                            bind:checked={$formData.databases.documents}
+                            on:change={handleInputChange('databases.documents')} />
+                        <div class="u-flex u-gap-4">
+                            <span class="u-bold">Include documents</span>
+                            <span class="inline-tag">{report?.document ?? '...'}</span>
+                        </div>
+                        <div />
+                        <span>Import all of your documents</span>
+                    </li>
+                </ul>
+            {/if}
+        </li>
+    {/if}
+
+    {#if resources.includes('function')}
+        <li class="checkbox-field">
+            <input
+                type="checkbox"
+                bind:checked={$formData.functions.root}
+                on:change={handleInputChange('functions.root')} />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Functions</span>
+                <span class="inline-tag">{report?.function ?? '...'}</span>
+            </div>
+            <div />
+            <span>Import all functions and their active deployment</span>
+            <ul>
+                {#if resources.includes('envVar')}
+                    <li class="checkbox-field">
+                        <input
+                            type="checkbox"
+                            bind:checked={$formData.functions.env}
+                            on:change={handleInputChange('functions.env')} />
+                        <div class="u-flex u-gap-4">
+                            <span class="u-bold">Include environment variables</span>
+                        </div>
+                        <div />
+                        <span>Import all environment variables</span>
+                    </li>
+                {/if}
+                {#if resources.includes('deployment')}
+                    <li class="checkbox-field">
+                        <input
+                            type="checkbox"
+                            bind:checked={$formData.functions.inactive}
+                            on:change={handleInputChange('functions.inactive')} />
+                        <div class="u-flex u-gap-4">
+                            <span class="u-bold">Include inactive deployments</span>
+                        </div>
+                        <div />
+                        <span>Import all deployments that are not currently active</span>
+                    </li>
+                {/if}
+            </ul>
+        </li>
+    {/if}
+    {#if resources.includes('bucket') && resources.includes('file')}
+        <li class="checkbox-field">
+            <input
+                type="checkbox"
+                bind:checked={$formData.storage.root}
+                on:change={handleInputChange('storage.root')} />
+            <div class="u-flex u-gap-4">
+                <span class="u-bold">Storage</span>
+                <span class="inline-tag">
+                    {report?.size ? `${report.size.toFixed(2)}MB` : '...'}
+                </span>
+            </div>
+            <div />
+
+            <span>
+                Import all buckets <span class="inline-tag">{report?.bucket ?? '...'}</span> and
+                files
+                <span class="inline-tag">{report?.file ?? '...'}</span>
+            </span>
+        </li>
+    {/if}
+</ul>
+
+<style lang="scss">
+    .box :global(.eyebrow) {
+        font-weight: 500;
+        color: hsl(var(--color-neutral-70));
+    }
+
+    .circled {
+        width: 1.5rem;
+        height: 1.5rem;
+        flex-shrink: 0;
+        border-radius: 100%;
+        border: 1px solid hsl(var(--color-border));
+        position: relative;
+
+        i {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            translate: -50% -50%;
+            font-size: 1rem;
+        }
+    }
+
+    .buttons-list {
+        border-block-end: 1px solid hsl(var(--color-border));
+        padding-block-end: 0.625rem;
+    }
+
+    .checkbox-field {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        gap: 0.25rem 1rem;
+        align-items: center;
+
+        ul {
+            grid-column-start: 2;
+            padding-block-end: 2rem;
+
+            li {
+                margin-block-start: 1rem;
+            }
+        }
+    }
+</style>
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte b/src/routes/console/(migration-wizard)/step1.svelte
similarity index 100%
rename from src/routes/console/organization-[organization]/(migration-wizard)/step1.svelte
rename to src/routes/console/(migration-wizard)/step1.svelte
diff --git a/src/routes/console/(migration-wizard)/step2.svelte b/src/routes/console/(migration-wizard)/step2.svelte
new file mode 100644
index 000000000..75cb8ea8f
--- /dev/null
+++ b/src/routes/console/(migration-wizard)/step2.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+    import { WizardStep } from '$lib/layout';
+
+    import { formData, provider } from '.';
+    import ResourceForm from './resource-form.svelte';
+</script>
+
+<WizardStep>
+    <svelte:fragment slot="title">Select data</svelte:fragment>
+    <ResourceForm {provider} {formData} />
+</WizardStep>
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/wizard.svelte b/src/routes/console/(migration-wizard)/wizard.svelte
similarity index 64%
rename from src/routes/console/organization-[organization]/(migration-wizard)/wizard.svelte
rename to src/routes/console/(migration-wizard)/wizard.svelte
index f563a0149..707816690 100644
--- a/src/routes/console/organization-[organization]/(migration-wizard)/wizard.svelte
+++ b/src/routes/console/(migration-wizard)/wizard.svelte
@@ -4,9 +4,12 @@
     import Wizard from '$lib/layout/wizard.svelte';
     import { migrationFormToResources } from '$lib/stores/migration';
     import { onDestroy } from 'svelte';
-    import { formData } from '.';
+    import { formData, provider } from '.';
     import Step1 from './step1.svelte';
     import Step2 from './step2.svelte';
+    import { sdk } from '$lib/stores/sdk';
+    import { invalidate } from '$app/navigation';
+    import { Dependencies } from '$lib/constants';
 
     const onExit = () => {
         formData.reset();
@@ -14,8 +17,16 @@
 
     const onFinish = async () => {
         const resources = migrationFormToResources($formData);
-        console.log('resources', resources);
-        // wizard.hide();
+        if ($provider.provider !== 'appwrite') return;
+
+        const res = await sdk.forProject.migrations.migrateAppwrite(
+            resources,
+            $provider.endpoint,
+            $provider.projectID,
+            $provider.apiKey
+        );
+        console.log('appwrite', res);
+        invalidate(Dependencies.MIGRATIONS);
     };
 
     onDestroy(onExit);
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 5f7a97f43..1e75c9df7 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -21,6 +21,7 @@
     import { CommandCenter, registerCommands } from '$lib/commandCenter';
     import { AI, Organizations } from '$lib/commandCenter/panels';
     import { addSubPanel } from '$lib/commandCenter/subPanels';
+    import { openMigrationWizard } from './(migration-wizard)';
 
     $: $registerCommands([
         {
@@ -108,6 +109,10 @@
         $log.data = null;
         $log.func = null;
     }
+
+    $: if ($requestedMigration) {
+        openMigrationWizard();
+    }
 </script>
 
 <CommandCenter />
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/index.ts b/src/routes/console/organization-[organization]/(migration-wizard)/index.ts
deleted file mode 100644
index c1e06f7c4..000000000
--- a/src/routes/console/organization-[organization]/(migration-wizard)/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { createMigrationFormStore } from '$lib/stores/migration';
-import { wizard } from '$lib/stores/wizard';
-import { writable } from 'svelte/store';
-import Wizard from './wizard.svelte';
-
-export const formData = createMigrationFormStore();
-
-export function openMigrationWizard() {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    wizard.start(Wizard as any);
-}
-
-export const selectedProject = writable(null);
diff --git a/src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte b/src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte
deleted file mode 100644
index f240d1efc..000000000
--- a/src/routes/console/organization-[organization]/(migration-wizard)/step2.svelte
+++ /dev/null
@@ -1,296 +0,0 @@
-<script lang="ts">
-    import { EyebrowHeading } from '$lib/components';
-    import { Button } from '$lib/elements/forms';
-    import { deepMap } from '$lib/helpers/object';
-    import type { DeepKeys, WritableValue } from '$lib/helpers/types';
-
-    import { WizardStep } from '$lib/layout';
-    import { onMount } from 'svelte';
-
-    import { migrationFormToResources } from '$lib/stores/migration';
-    import { formData } from '.';
-
-    type FormData = WritableValue<typeof formData>;
-    type FormKeys = DeepKeys<FormData>;
-
-    /**
-     *
-     * @param field {string} The field to update.
-     * Representes the path to the field in the formData object e.g. 'users.root'
-     */
-    function handleInputChange(field: FormKeys) {
-        return (event: Event) => {
-            const checked = (event.target as HTMLInputElement).checked;
-            // For each entry in formData, if the root is changed, change all children to the same value
-            // otherwise, if a child is changed to true, change the root to true
-
-            const [parent, child] = field.split('.');
-            if (child === 'root') {
-                formData.update((data) => {
-                    data[parent].root = checked;
-                    for (const key in data[parent]) {
-                        if (key !== 'root') {
-                            data[parent][key] = checked;
-                        }
-                    }
-                    return data;
-                });
-            } else if (checked) {
-                formData.update((data) => {
-                    data[parent].root = checked;
-                    return data;
-                });
-            }
-        };
-    }
-
-    function deselectAll() {
-        $formData = deepMap($formData, (v) => {
-            if (typeof v === 'boolean') {
-                return false;
-            }
-            return v;
-        });
-    }
-
-    function selectAll() {
-        $formData = deepMap($formData, (v) => {
-            if (typeof v === 'boolean') {
-                return true;
-            }
-            return v;
-        });
-    }
-
-    let report: any;
-
-    onMount(async () => {
-        const resources = migrationFormToResources($formData);
-
-        // switch ($provider.provider) {
-        //     case 'appwrite': {
-        //         const res = await sdk.forProject.migrations.generateAppwriteReport(
-        //             resources,
-        //             $provider.endpoint,
-        //             $provider.projectID,
-        //             $provider.apiKey
-        //         );
-        //         report = res;
-        //     }
-        // }
-    });
-</script>
-
-<WizardStep>
-    <svelte:fragment slot="title">Select data</svelte:fragment>
-    <div class="box" style:border-radius="0.5rem">
-        <div class="u-flex u-flex-vertical u-gap-16">
-            <EyebrowHeading class="eyebrow" tag="h3" size={3}>Good to know</EyebrowHeading>
-            <div class="u-flex u-gap-16">
-                <div class="circled">
-                    <i class="icon-cog" />
-                </div>
-                <div>
-                    <p class="u-bold">Project settings are not imported</p>
-                    <p>You will need to set service and project settings manually</p>
-                </div>
-            </div>
-            <div class="u-flex u-gap-16">
-                <div class="circled">
-                    <i class="icon-trending-up" />
-                </div>
-                <div>
-                    <p class="u-bold">Keep your project plan limits in mind</p>
-                    <p>
-                        Make sure to have enough storage in your project plan when importing files
-                    </p>
-                </div>
-            </div>
-            <div class="u-flex u-gap-16">
-                <div class="circled">
-                    <i class="icon-currency-dollar" />
-                </div>
-                <div>
-                    <p class="u-bold">Transfer is free of charge</p>
-                    <p>You won’t be charged for Appwrite bandwidth usage for importing data</p>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <ul class="buttons-list u-margin-block-start-32 u-main-end">
-        <li class="buttons-list-item">
-            <Button text on:click={deselectAll}>Deselect all</Button>
-        </li>
-
-        <li class="buttons-list-item">
-            <Button text on:click={selectAll}>Select all</Button>
-        </li>
-    </ul>
-
-    <ul class="u-flex u-flex-vertical u-gap-32 u-margin-block-start-16">
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.users.root}
-                on:change={handleInputChange('users.root')} />
-            <div class="u-flex u-gap-4">
-                <span class="u-bold">Users</span>
-                {#if report}
-                    <span class="inline-tag">{report.user}</span>
-                {/if}
-            </div>
-            <div />
-            <span>Import all users</span>
-
-            <ul>
-                <li class="checkbox-field">
-                    <input
-                        type="checkbox"
-                        bind:checked={$formData.users.teams}
-                        on:change={handleInputChange('users.teams')} />
-                    <div class="u-flex u-gap-4">
-                        <span class="u-bold">Include teams</span>
-                        {#if report}
-                            <span class="inline-tag">{report.team}</span>
-                        {/if}
-                    </div>
-                    <div />
-                    <span>Import all teams and the team memberships of your users</span>
-                </li>
-            </ul>
-        </li>
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.databases.root}
-                on:change={handleInputChange('databases.root')} />
-            <div class="u-flex u-gap-4">
-                <span class="u-bold">Databases</span>
-                {#if report}
-                    <span class="inline-tag">{report.database}</span>
-                {/if}
-            </div>
-            <div />
-            <span>Import all databases, including collections, indexes and attributes</span>
-
-            <ul>
-                <li class="checkbox-field">
-                    <input
-                        type="checkbox"
-                        bind:checked={$formData.databases.documents}
-                        on:change={handleInputChange('databases.documents')} />
-                    <div class="u-flex u-gap-4">
-                        <span class="u-bold">Include documents</span>
-                        {#if report}
-                            <span class="inline-tag">{report.document}</span>
-                        {/if}
-                    </div>
-                    <div />
-                    <span>Import all of your documents</span>
-                </li>
-            </ul>
-        </li>
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.functions.root}
-                on:change={handleInputChange('functions.root')} />
-            <div class="u-flex u-gap-4">
-                <span class="u-bold">Functions</span>
-                {#if report}
-                    <span class="inline-tag">{report.function}</span>
-                {/if}
-            </div>
-            <div />
-            <span>Import all functions and their active deployment</span>
-            <ul>
-                <li class="checkbox-field">
-                    <input
-                        type="checkbox"
-                        bind:checked={$formData.functions.env}
-                        on:change={handleInputChange('functions.env')} />
-                    <div class="u-flex u-gap-4">
-                        <span class="u-bold">Include environment variables</span>
-                    </div>
-                    <div />
-                    <span>Import all environment variables</span>
-                </li>
-                <li class="checkbox-field">
-                    <input
-                        type="checkbox"
-                        bind:checked={$formData.functions.inactive}
-                        on:change={handleInputChange('functions.inactive')} />
-                    <div class="u-flex u-gap-4">
-                        <span class="u-bold">Include inactive deployments</span>
-                    </div>
-                    <div />
-                    <span>Import all deployments that are not currently active</span>
-                </li>
-            </ul>
-        </li>
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.storage.root}
-                on:change={handleInputChange('storage.root')} />
-            <div class="u-flex u-gap-4">
-                <span class="u-bold">Storage</span>
-                {#if report}
-                    <span class="inline-tag">{report.size.toFixed(2)}MB</span>
-                {/if}
-            </div>
-            <div />
-            {#if report}
-                <span>Import all buckets ({report.bucket}) and files ({report.file})</span>
-            {:else}
-                <span>Import all buckets and files</span>
-            {/if}
-        </li>
-    </ul>
-</WizardStep>
-
-<style lang="scss">
-    .box :global(.eyebrow) {
-        font-weight: 500;
-        color: hsl(var(--color-neutral-70));
-    }
-
-    .circled {
-        width: 1.5rem;
-        height: 1.5rem;
-        flex-shrink: 0;
-        border-radius: 100%;
-        border: 1px solid hsl(var(--color-border));
-        position: relative;
-
-        i {
-            position: absolute;
-            left: 50%;
-            top: 50%;
-            translate: -50% -50%;
-            font-size: 1rem;
-        }
-    }
-
-    .buttons-list {
-        border-block-end: 1px solid hsl(var(--color-border));
-        padding-block-end: 0.625rem;
-    }
-
-    .checkbox-field {
-        display: grid;
-        grid-template-columns: auto 1fr;
-        gap: 0.25rem 1rem;
-        align-items: center;
-
-        ul {
-            grid-column-start: 2;
-            padding-block-end: 2rem;
-
-            li {
-                margin-block-start: 1rem;
-            }
-        }
-    }
-</style>
diff --git a/src/routes/console/organization-[organization]/+layout.svelte b/src/routes/console/organization-[organization]/+layout.svelte
index d43df7ebd..9e108e090 100644
--- a/src/routes/console/organization-[organization]/+layout.svelte
+++ b/src/routes/console/organization-[organization]/+layout.svelte
@@ -2,7 +2,7 @@
     import { newOrgModal, newMemberModal } from '$lib/stores/organization';
     import CreateMember from './createMember.svelte';
     import Create from '../createOrganization.svelte';
-    import { openMigrationWizard } from './(migration-wizard)';
+    import { openMigrationWizard } from '../(migration-wizard)';
     import { requestedMigration } from '$routes/store';
 
     $: if ($requestedMigration) {
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
index f13c20a7e..d4b7ccf70 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/index.ts
@@ -1,91 +1,13 @@
-import {
-    PUBLIC_MOCK_APIKEY,
-    PUBLIC_MOCK_ENDPOINT,
-    PUBLIC_MOCK_PROJECTID,
-    PUBLIC_SUPABASE_TEST_ENDPOINT,
-    PUBLIC_SUPABASE_TEST_HOST,
-    PUBLIC_SUPABASE_TEST_KEY,
-    PUBLIC_SUPABASE_TEST_PASSWORD,
-    PUBLIC_SUPABASE_TEST_USERNAME,
-    PUBLIC_SUPABASE_TEST_PORT,
-    PUBLIC_NHOST_TEST_SUBDOMAIN,
-    PUBLIC_NHOST_TEST_REGION,
-    PUBLIC_NHOST_TEST_SECRET,
-    PUBLIC_NHOST_TEST_DATABASE,
-    PUBLIC_NHOST_TEST_USERNAME,
-    PUBLIC_NHOST_TEST_PASSWORD
-} from '$env/static/public';
-import { createMigrationFormStore } from '$lib/stores/migration';
+import { createMigrationFormStore, createMigrationProviderStore } from '$lib/stores/migration';
 import { wizard } from '$lib/stores/wizard';
-import { writable } from 'svelte/store';
 import Wizard from './wizard.svelte';
 
-type AppwriteInput = {
-    provider: 'appwrite';
-    endpoint?: string;
-    projectID?: string;
-    apiKey?: string;
-};
-
-type FirebaseInput = {
-    provider: 'firebase';
-    serviceAccount?: string;
-};
-
-type SupabaseInput = {
-    provider: 'supabase';
-    host?: string;
-    username?: string;
-    password?: string;
-    endpoint?: string;
-    apiKey?: string;
-    port?: number;
-};
-
-type NhostInput = {
-    provider: 'nhost';
-    region?: string;
-    subdomain?: string;
-    database?: string;
-    username?: string;
-    password?: string;
-    adminSecret?: string;
-};
-
-type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
-
-const initialProvider: ProviderInput = { provider: 'appwrite' };
-// const mockProvider: ProviderInput = {
-//     provider: 'appwrite',
-//     endpoint: PUBLIC_MOCK_ENDPOINT,
-//     apiKey: PUBLIC_MOCK_APIKEY,
-//     projectID: PUBLIC_MOCK_PROJECTID
-// };
-// const mockProvider: ProviderInput = {
-//     provider: 'supabase',
-//     endpoint: PUBLIC_SUPABASE_TEST_ENDPOINT,
-//     apiKey: PUBLIC_SUPABASE_TEST_KEY,
-//     host: PUBLIC_SUPABASE_TEST_HOST,
-//     port: Number(PUBLIC_SUPABASE_TEST_PORT),
-//     username: PUBLIC_SUPABASE_TEST_USERNAME,
-//     password: PUBLIC_SUPABASE_TEST_PASSWORD
-// };
-const mockProvider: ProviderInput = {
-    provider: 'nhost',
-    subdomain: PUBLIC_NHOST_TEST_SUBDOMAIN,
-    region: PUBLIC_NHOST_TEST_REGION,
-    adminSecret: PUBLIC_NHOST_TEST_SECRET,
-    database: PUBLIC_NHOST_TEST_DATABASE,
-    username: PUBLIC_NHOST_TEST_USERNAME,
-    password: PUBLIC_NHOST_TEST_PASSWORD
-};
-
-export const provider = writable<ProviderInput>({ ...mockProvider });
+export const provider = createMigrationProviderStore();
 
 export const formData = createMigrationFormStore();
 
 export const resetImportStores = () => {
-    provider.set({ ...mockProvider });
+    provider.changeProvider('appwrite');
     formData.reset();
 };
 
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
index 10313313b..6353b5968 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step2.svelte
@@ -1,333 +1,11 @@
 <script lang="ts">
-    import { EyebrowHeading } from '$lib/components';
-    import { Button } from '$lib/elements/forms';
-    import { deepMap } from '$lib/helpers/object';
-    import type { DeepKeys, WritableValue } from '$lib/helpers/types';
-    import { sdk } from '$lib/stores/sdk';
-
     import { WizardStep } from '$lib/layout';
-    import { onMount } from 'svelte';
 
-    import { providerResources } from '$lib/stores/migration';
+    import ResourceForm from '$routes/console/(migration-wizard)/resource-form.svelte';
     import { formData, provider } from '.';
-
-    type FormData = WritableValue<typeof formData>;
-    type FormKeys = DeepKeys<FormData>;
-
-    /**
-     *
-     * @param field {string} The field to update.
-     * Representes the path to the field in the formData object e.g. 'users.root'
-     */
-    function handleInputChange(field: FormKeys) {
-        return (event: Event) => {
-            const checked = (event.target as HTMLInputElement).checked;
-            // For each entry in formData, if the root is changed, change all children to the same value
-            // otherwise, if a child is changed to true, change the root to true
-
-            const [parent, child] = field.split('.');
-            if (child === 'root') {
-                formData.update((data) => {
-                    data[parent].root = checked;
-                    for (const key in data[parent]) {
-                        if (key !== 'root') {
-                            data[parent][key] = checked;
-                        }
-                    }
-                    return data;
-                });
-            } else if (checked) {
-                formData.update((data) => {
-                    data[parent].root = checked;
-                    return data;
-                });
-            }
-        };
-    }
-
-    function deselectAll() {
-        $formData = deepMap($formData, (v) => {
-            if (typeof v === 'boolean') {
-                return false;
-            }
-            return v;
-        });
-    }
-
-    function selectAll() {
-        $formData = deepMap($formData, (v) => {
-            if (typeof v === 'boolean') {
-                return true;
-            }
-            return v;
-        });
-    }
-
-    let report: any;
-
-    onMount(async () => {
-        switch ($provider.provider) {
-            case 'appwrite': {
-                const res = await sdk.forProject.migrations.generateAppwriteReport(
-                    providerResources.appwrite,
-                    $provider.endpoint,
-                    $provider.projectID,
-                    $provider.apiKey
-                );
-                report = res;
-                break;
-            }
-            case 'supabase': {
-                const res = await sdk.forProject.migrations.generateSupabaseReport(
-                    providerResources.supabase,
-                    $provider.endpoint,
-                    $provider.apiKey,
-                    $provider.host,
-                    $provider.username,
-                    $provider.password,
-                    $provider.port
-                );
-                report = res;
-                break;
-            }
-            case 'nhost': {
-                const res = await sdk.forProject.migrations.generateNHostReport(
-                    providerResources.nhost,
-                    $provider.subdomain,
-                    $provider.region,
-                    $provider.adminSecret,
-                    $provider.database,
-                    $provider.username,
-                    $provider.password
-                );
-                report = res;
-            }
-        }
-    });
-
-    $: resources = providerResources[$provider.provider];
 </script>
 
-<WizardStep nextDisabled={!report}>
+<WizardStep>
     <svelte:fragment slot="title">Select data</svelte:fragment>
-    <div class="box" style:border-radius="0.5rem">
-        <div class="u-flex u-flex-vertical u-gap-16">
-            <EyebrowHeading class="eyebrow" tag="h3" size={3}>Good to know</EyebrowHeading>
-            <div class="u-flex u-gap-16">
-                <div class="circled">
-                    <i class="icon-cog" />
-                </div>
-                <div>
-                    <p class="u-bold">Project settings are not imported</p>
-                    <p>You will need to set service and project settings manually</p>
-                </div>
-            </div>
-            <div class="u-flex u-gap-16">
-                <div class="circled">
-                    <i class="icon-trending-up" />
-                </div>
-                <div>
-                    <p class="u-bold">Keep your project plan limits in mind</p>
-                    <p>
-                        Make sure to have enough storage in your project plan when importing files
-                    </p>
-                </div>
-            </div>
-            <div class="u-flex u-gap-16">
-                <div class="circled">
-                    <i class="icon-currency-dollar" />
-                </div>
-                <div>
-                    <p class="u-bold">Transfer is free of charge</p>
-                    <p>You won't be charged for Appwrite bandwidth usage for importing data</p>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <ul class="buttons-list u-margin-block-start-32 u-main-end">
-        <li class="buttons-list-item">
-            <Button text on:click={deselectAll}>Deselect all</Button>
-        </li>
-
-        <li class="buttons-list-item">
-            <Button text on:click={selectAll}>Select all</Button>
-        </li>
-    </ul>
-
-    <ul class="u-flex u-flex-vertical u-gap-32 u-margin-block-start-16">
-        {#if resources.includes('user')}
-            <li class="checkbox-field">
-                <input
-                    type="checkbox"
-                    bind:checked={$formData.users.root}
-                    on:change={handleInputChange('users.root')} />
-                <div class="u-flex u-gap-4">
-                    <span class="u-bold">Users</span>
-
-                    <span class="inline-tag">{report?.user ?? '...'}</span>
-                </div>
-                <div />
-                <span>Import all users</span>
-
-                {#if resources.includes('team')}
-                    <ul>
-                        <li class="checkbox-field">
-                            <input
-                                type="checkbox"
-                                bind:checked={$formData.users.teams}
-                                on:change={handleInputChange('users.teams')} />
-                            <div class="u-flex u-gap-4">
-                                <span class="u-bold">Include teams</span>
-                                <span class="inline-tag">{report?.team ?? '...'}</span>
-                            </div>
-                            <div />
-                            <span>Import all teams and the team memberships of your users</span>
-                        </li>
-                    </ul>
-                {/if}
-            </li>
-        {/if}
-
-        {#if resources.includes('database')}
-            <li class="checkbox-field">
-                <input
-                    type="checkbox"
-                    bind:checked={$formData.databases.root}
-                    on:change={handleInputChange('databases.root')} />
-                <div class="u-flex u-gap-4">
-                    <span class="u-bold">Databases</span>
-                    <span class="inline-tag">{report?.database ?? '...'}</span>
-                </div>
-                <div />
-                <span>Import all databases, including collections, indexes and attributes</span>
-
-                {#if resources.includes('document')}
-                    <ul>
-                        <li class="checkbox-field">
-                            <input
-                                type="checkbox"
-                                bind:checked={$formData.databases.documents}
-                                on:change={handleInputChange('databases.documents')} />
-                            <div class="u-flex u-gap-4">
-                                <span class="u-bold">Include documents</span>
-                                <span class="inline-tag">{report?.document ?? '...'}</span>
-                            </div>
-                            <div />
-                            <span>Import all of your documents</span>
-                        </li>
-                    </ul>
-                {/if}
-            </li>
-        {/if}
-
-        {#if resources.includes('function')}
-            <li class="checkbox-field">
-                <input
-                    type="checkbox"
-                    bind:checked={$formData.functions.root}
-                    on:change={handleInputChange('functions.root')} />
-                <div class="u-flex u-gap-4">
-                    <span class="u-bold">Functions</span>
-                    <span class="inline-tag">{report?.function ?? '...'}</span>
-                </div>
-                <div />
-                <span>Import all functions and their active deployment</span>
-                <ul>
-                    {#if resources.includes('envVar')}
-                        <li class="checkbox-field">
-                            <input
-                                type="checkbox"
-                                bind:checked={$formData.functions.env}
-                                on:change={handleInputChange('functions.env')} />
-                            <div class="u-flex u-gap-4">
-                                <span class="u-bold">Include environment variables</span>
-                            </div>
-                            <div />
-                            <span>Import all environment variables</span>
-                        </li>
-                    {/if}
-                    {#if resources.includes('deployment')}
-                        <li class="checkbox-field">
-                            <input
-                                type="checkbox"
-                                bind:checked={$formData.functions.inactive}
-                                on:change={handleInputChange('functions.inactive')} />
-                            <div class="u-flex u-gap-4">
-                                <span class="u-bold">Include inactive deployments</span>
-                            </div>
-                            <div />
-                            <span>Import all deployments that are not currently active</span>
-                        </li>
-                    {/if}
-                </ul>
-            </li>
-        {/if}
-        {#if resources.includes('bucket') && resources.includes('file')}
-            <li class="checkbox-field">
-                <input
-                    type="checkbox"
-                    bind:checked={$formData.storage.root}
-                    on:change={handleInputChange('storage.root')} />
-                <div class="u-flex u-gap-4">
-                    <span class="u-bold">Storage</span>
-                    <span class="inline-tag">
-                        {report?.size ? `${report.size.toFixed(2)}MB` : '...'}
-                    </span>
-                </div>
-                <div />
-
-                <span>
-                    Import all buckets <span class="inline-tag">{report?.bucket ?? '...'}</span> and
-                    files
-                    <span class="inline-tag">{report?.file ?? '...'}</span>
-                </span>
-            </li>
-        {/if}
-    </ul>
+    <ResourceForm {formData} {provider} />
 </WizardStep>
-
-<style lang="scss">
-    .box :global(.eyebrow) {
-        font-weight: 500;
-        color: hsl(var(--color-neutral-70));
-    }
-
-    .circled {
-        width: 1.5rem;
-        height: 1.5rem;
-        flex-shrink: 0;
-        border-radius: 100%;
-        border: 1px solid hsl(var(--color-border));
-        position: relative;
-
-        i {
-            position: absolute;
-            left: 50%;
-            top: 50%;
-            translate: -50% -50%;
-            font-size: 1rem;
-        }
-    }
-
-    .buttons-list {
-        border-block-end: 1px solid hsl(var(--color-border));
-        padding-block-end: 0.625rem;
-    }
-
-    .checkbox-field {
-        display: grid;
-        grid-template-columns: auto 1fr;
-        gap: 0.25rem 1rem;
-        align-items: center;
-
-        ul {
-            grid-column-start: 2;
-            padding-block-end: 2rem;
-
-            li {
-                margin-block-start: 1rem;
-            }
-        }
-    }
-</style>
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index 4a5919e29..03ef5c8e3 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -21,7 +21,7 @@
     import { openImportWizard } from './(import)';
     import Details from './details.svelte';
     import ExportModal from './exportModal.svelte';
-    import { registerCommands } from '$lib/commandCenter';
+    import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
 
     export let data;
     let details: (typeof data.migrations)[number] | null = null;
@@ -48,17 +48,24 @@
     $: $registerCommands([
         {
             label: 'Import data',
-            icon: 'upload',
+            icon: 'download',
             keys: ['i', 'd'],
-            callback: openImportWizard
+            callback: openImportWizard,
+            group: 'migrations'
         },
         {
             label: 'Export data',
-            icon: 'download',
+            icon: 'upload',
             keys: ['e', 'd'],
-            callback: () => (showExport = true)
+            callback: () => (showExport = true),
+            group: 'migrations'
         }
     ]);
+
+    $: $updateCommandGroupRanks((prev) => ({
+        ...prev,
+        migrations: 100
+    }));
 </script>
 
 <Container>
diff --git a/src/routes/console/project-[project]/settings/migrations/exportModal.svelte b/src/routes/console/project-[project]/settings/migrations/exportModal.svelte
index 469a99ca0..e3781c9c7 100644
--- a/src/routes/console/project-[project]/settings/migrations/exportModal.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/exportModal.svelte
@@ -2,6 +2,8 @@
     import { Alert, Modal } from '$lib/components';
     import { Button, InputText, InputTextarea } from '$lib/elements/forms';
     import { getFormData } from '$lib/helpers/form';
+    import { sdk } from '$lib/stores/sdk';
+    import { project } from '../../store';
 
     export let show = false;
     let submitted = false;
@@ -39,7 +41,7 @@
         return endpoint;
     };
 
-    const onSubmit = (e: SubmitEvent) => {
+    const onSubmit = async (e: SubmitEvent) => {
         e.preventDefault();
         submitted = true;
 
@@ -56,10 +58,39 @@
         }
 
         const currEndpoint = getCurrentEndpoint();
-        // URI encode the current endpoint, so that it can be passed as a query string
-        const encodedCurrEndpoint = encodeURIComponent(currEndpoint);
+        // Create API key
+        const { secret } = await sdk.forConsole.projects.createKey(
+            $project.$id,
+            `[AUTO-GENERATED] Migration ${new Date().toISOString()}`,
 
-        const dest = `${removeTrailingSlash(endpoint)}/?migrate=${encodedCurrEndpoint}`;
+            [
+                'users.read',
+                'teams.read',
+                'databases.read',
+                'collections.read',
+                'attributes.read',
+                'indexes.read',
+                'documents.read',
+                'files.read',
+                'buckets.read',
+                'functions.read',
+                'execution.read',
+                'locale.read',
+                'avatars.read',
+                'health.read'
+            ],
+            undefined
+        );
+
+        const migrationData = {
+            endpoint: currEndpoint,
+            projectId: $project.$id,
+            apiKey: secret
+        };
+
+        const dest = `${removeTrailingSlash(endpoint)}/?migrate=${encodeURIComponent(
+            JSON.stringify(migrationData)
+        )}`;
         window.location.href = dest;
     };
 </script>
diff --git a/src/routes/store.ts b/src/routes/store.ts
index 4f8096ae3..c2f973b21 100644
--- a/src/routes/store.ts
+++ b/src/routes/store.ts
@@ -7,4 +7,4 @@ export const loading = writable(true);
 export const organizations = derived(page, ($page) => {
     return $page.data.organizations as Models.TeamList<Models.Preferences>;
 });
-export const requestedMigration = writable<string | null>(null);
+export const requestedMigration = writable<Record<string, any> | null>(null);

From cd193f21d564332e546ede84817903e13c50e1b9 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 13:55:38 +0100
Subject: [PATCH 066/128] fix: progress color & loader

---
 src/lib/components/migrationBox.svelte        |  6 ++--
 src/lib/stores/migration.ts                   | 33 ++++++++++---------
 .../(migration-wizard)/resource-form.svelte   |  7 ++--
 .../settings/migrations/details.svelte        |  4 ++-
 4 files changed, 29 insertions(+), 21 deletions(-)

diff --git a/src/lib/components/migrationBox.svelte b/src/lib/components/migrationBox.svelte
index dafe098b4..a4c4e0b12 100644
--- a/src/lib/components/migrationBox.svelte
+++ b/src/lib/components/migrationBox.svelte
@@ -80,8 +80,10 @@
                 <div class="progress-bar-top-line u-flex u-gap-8 u-main-space-between">
                     <span>{percentage}%</span>
                 </div>
-                <div class="progress-bar-container" style="--graph-size:{percentage}%" />
-                <span>Importing users...</span>
+                <div
+                    class="progress-bar-container"
+                    class:is-danger={migration.status === 'failed'}
+                    style="--graph-size:{percentage}%" />
             </section>
         </div>
     </section>
diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
index b4e8046da..753811556 100644
--- a/src/lib/stores/migration.ts
+++ b/src/lib/stores/migration.ts
@@ -102,6 +102,9 @@ export const migrationFormToResources = (formData: MigrationFormData): Resource[
 };
 
 import {
+    PUBLIC_MOCK_APIKEY,
+    PUBLIC_MOCK_ENDPOINT,
+    PUBLIC_MOCK_PROJECTID,
     PUBLIC_NHOST_TEST_DATABASE,
     PUBLIC_NHOST_TEST_PASSWORD,
     PUBLIC_NHOST_TEST_REGION,
@@ -145,12 +148,12 @@ type NhostInput = {
 export type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
 export type Provider = ProviderInput['provider'];
 
-// const mockProvider: ProviderInput = {
-//     provider: 'appwrite',
-//     endpoint: PUBLIC_MOCK_ENDPOINT,
-//     apiKey: PUBLIC_MOCK_APIKEY,
-//     projectID: PUBLIC_MOCK_PROJECTID
-// };
+const mockProvider: ProviderInput = {
+    provider: 'appwrite',
+    endpoint: PUBLIC_MOCK_ENDPOINT,
+    apiKey: PUBLIC_MOCK_APIKEY,
+    projectID: PUBLIC_MOCK_PROJECTID
+};
 // const mockProvider: ProviderInput = {
 //     provider: 'supabase',
 //     endpoint: PUBLIC_SUPABASE_TEST_ENDPOINT,
@@ -160,15 +163,15 @@ export type Provider = ProviderInput['provider'];
 //     username: PUBLIC_SUPABASE_TEST_USERNAME,
 //     password: PUBLIC_SUPABASE_TEST_PASSWORD
 // };
-const mockProvider: ProviderInput = {
-    provider: 'nhost',
-    subdomain: PUBLIC_NHOST_TEST_SUBDOMAIN,
-    region: PUBLIC_NHOST_TEST_REGION,
-    adminSecret: PUBLIC_NHOST_TEST_SECRET,
-    database: PUBLIC_NHOST_TEST_DATABASE,
-    username: PUBLIC_NHOST_TEST_USERNAME,
-    password: PUBLIC_NHOST_TEST_PASSWORD
-};
+// const mockProvider: ProviderInput = {
+//     provider: 'nhost',
+//     subdomain: PUBLIC_NHOST_TEST_SUBDOMAIN,
+//     region: PUBLIC_NHOST_TEST_REGION,
+//     adminSecret: PUBLIC_NHOST_TEST_SECRET,
+//     database: PUBLIC_NHOST_TEST_DATABASE,
+//     username: PUBLIC_NHOST_TEST_USERNAME,
+//     password: PUBLIC_NHOST_TEST_PASSWORD
+// };
 
 const initialProvider: ProviderInput = { provider: 'appwrite' };
 export const createMigrationProviderStore = () => {
diff --git a/src/routes/console/(migration-wizard)/resource-form.svelte b/src/routes/console/(migration-wizard)/resource-form.svelte
index bab1a9a2e..b7aa3e13e 100644
--- a/src/routes/console/(migration-wizard)/resource-form.svelte
+++ b/src/routes/console/(migration-wizard)/resource-form.svelte
@@ -111,10 +111,11 @@
         }
     });
 
-    $: {
-        wizard.setNextDisabled(!report);
-    }
+    // $: {
+    //     wizard.setNextDisabled(!report);
+    // }
 
+    $: console.log(report);
     $: resources = providerResources[$provider.provider];
 </script>
 
diff --git a/src/routes/console/project-[project]/settings/migrations/details.svelte b/src/routes/console/project-[project]/settings/migrations/details.svelte
index 8696f2014..9c4b07b49 100644
--- a/src/routes/console/project-[project]/settings/migrations/details.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/details.svelte
@@ -68,7 +68,9 @@
                             {#if hasError(entityCounter)}
                                 <i class="icon-exclamation" />
                             {:else if isLoading(entityCounter)}
-                                <span class="loader" />
+                                <div class="u-flex">
+                                    <span class="loader" />
+                                </div>
                             {:else if hasSucceeded(entityCounter)}
                                 <i class="icon-check" />
                             {:else}

From 40396d29788ca44aebc78f9b1e55c79afd44b12c Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 14:03:23 +0100
Subject: [PATCH 067/128] feat: mocked deploy to cloud

---
 .../settings/migrations/+page.svelte          | 65 ++++++++++++++++++-
 .../settings/migrations/exportModal.svelte    |  1 -
 2 files changed, 64 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index 03ef5c8e3..c8f993467 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -22,6 +22,12 @@
     import Details from './details.svelte';
     import ExportModal from './exportModal.svelte';
     import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
+    import { project } from '../../store';
+    import {
+        PUBLIC_MOCK_APIKEY,
+        PUBLIC_MOCK_ENDPOINT,
+        PUBLIC_MOCK_PROJECTID
+    } from '$env/static/public';
 
     export let data;
     let details: (typeof data.migrations)[number] | null = null;
@@ -66,6 +72,62 @@
         ...prev,
         migrations: 100
     }));
+
+    const getCurrentEndpoint = () => {
+        // Remove subpaths and query strings from the current URL. Add a /v1 suffix
+        const url = new URL(window.location.href);
+        url.pathname = '';
+        url.search = '';
+        url.hash = '';
+        url.pathname = '/v1';
+        return url.toString();
+    };
+
+    const deployToCloud = async () => {
+        const currEndpoint = getCurrentEndpoint();
+        // Create API key
+        const { secret } = await sdk.forConsole.projects.createKey(
+            $project.$id,
+            `[AUTO-GENERATED] Migration ${new Date().toISOString()}`,
+            [
+                'users.read',
+                'teams.read',
+                'databases.read',
+                'collections.read',
+                'attributes.read',
+                'indexes.read',
+                'documents.read',
+                'files.read',
+                'buckets.read',
+                'functions.read',
+                'execution.read',
+                'locale.read',
+                'avatars.read',
+                'health.read'
+            ],
+            undefined
+        );
+
+        // const migrationData = {
+        //     endpoint: currEndpoint,
+        //     projectId: $project.$id,
+        //     apiKey: secret
+        // };
+
+        const migrationData = {
+            endpoint: PUBLIC_MOCK_ENDPOINT,
+            projectId: PUBLIC_MOCK_PROJECTID,
+            apiKey: PUBLIC_MOCK_APIKEY
+        };
+
+        window.location.href = `http://localhost:3000/?migrate=${encodeURIComponent(
+            JSON.stringify(migrationData)
+        )}`;
+
+        // window.location.href = `https://cloud.appwrite.io/?migrate=${encodeURIComponent(
+        //     JSON.stringify(migrationData)
+        // )}`;
+    };
 </script>
 
 <Container>
@@ -171,7 +233,8 @@
                             <span class="icon-cloud" />
                         </div>
                     </div>
-                    <Button class="u-margin-block-start-48" secondary>Deploy to Cloud</Button>
+                    <Button class="u-margin-block-start-48" secondary on:click={deployToCloud}
+                        >Deploy to Cloud</Button>
                 </div>
             </svelte:fragment>
         </CardGrid>
diff --git a/src/routes/console/project-[project]/settings/migrations/exportModal.svelte b/src/routes/console/project-[project]/settings/migrations/exportModal.svelte
index e3781c9c7..19a2924e6 100644
--- a/src/routes/console/project-[project]/settings/migrations/exportModal.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/exportModal.svelte
@@ -62,7 +62,6 @@
         const { secret } = await sdk.forConsole.projects.createKey(
             $project.$id,
             `[AUTO-GENERATED] Migration ${new Date().toISOString()}`,
-
             [
                 'users.read',
                 'teams.read',

From 08f020244bb13fbd4c8a86d3624e84033baea7ee Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 14:59:56 +0100
Subject: [PATCH 068/128] feat: deploy to cloud & export to self-hosted

---
 src/lib/components/migrationBox.svelte        |   6 +-
 .../console/(migration-wizard)/step1.svelte   | 136 ++++++++++++------
 .../console/(migration-wizard)/wizard.svelte  |  23 +--
 .../organization-[organization]/+layout.ts    |  17 +--
 .../settings/migrations/+page.svelte          |  24 ++--
 5 files changed, 130 insertions(+), 76 deletions(-)

diff --git a/src/lib/components/migrationBox.svelte b/src/lib/components/migrationBox.svelte
index a4c4e0b12..0fc0acfb4 100644
--- a/src/lib/components/migrationBox.svelte
+++ b/src/lib/components/migrationBox.svelte
@@ -39,11 +39,11 @@
             { done: 0, processing: 0 } as TotalCounter
         );
 
-        console.log({ statusCounters, totalCounter });
-
-        return Math.round(
+        const res = Math.round(
             (totalCounter.done / (totalCounter.done + totalCounter.processing)) * 100
         );
+
+        return Number.isNaN(res) ? 0 : res;
     })();
 
     const fetchMigrations = debounce(async () => {
diff --git a/src/routes/console/(migration-wizard)/step1.svelte b/src/routes/console/(migration-wizard)/step1.svelte
index 735d5e312..b19d6b08b 100644
--- a/src/routes/console/(migration-wizard)/step1.svelte
+++ b/src/routes/console/(migration-wizard)/step1.svelte
@@ -3,62 +3,112 @@
     import { InputSelect } from '$lib/elements/forms';
     import InputText from '$lib/elements/forms/inputText.svelte';
     import { WizardStep } from '$lib/layout';
-    import type { Models } from '@appwrite.io/console';
+    import { Query, type Models, ID } from '@appwrite.io/console';
     import { selectedProject } from '.';
+    import { sdk } from '$lib/stores/sdk';
 
-    const projects = $page.data.allProjects as Models.ProjectList;
-    const hasProjects = projects.total > 0;
+    const organizations = $page.data.organizations
+        .teams as Models.TeamList<Models.Preferences>['teams'];
+    let selectedOrg = organizations.length ? organizations[0].$id : null;
+
+    let projects = [] as Models.ProjectList['projects'];
+    $: hasProjects = projects.length > 0;
+    let loadingProjects = false;
 
     let projectType = 'existing';
+    let newProjName = '';
+
+    async function getProjects(orgId: string | null) {
+        if (!orgId) {
+            projects = [];
+        } else {
+            loadingProjects = true;
+            projects = await sdk.forConsole.projects
+                .list([Query.equal('teamId', orgId), Query.orderDesc('$createdAt')])
+                .then((res) => res.projects);
+            projectType = projects.length ? 'existing' : 'new';
+            loadingProjects = false;
+        }
+    }
+
+    $: {
+        getProjects(selectedOrg);
+    }
+
+    const beforeSubmit = async () => {
+        if (projectType === 'existing') return;
+        const project = await sdk.forConsole.projects.create(ID.unique(), newProjName, selectedOrg);
+        selectedProject.set(project.$id);
+    };
 </script>
 
-<WizardStep>
+<WizardStep {beforeSubmit}>
     <svelte:fragment slot="title">
         {hasProjects ? 'Select project' : 'Create project'}
     </svelte:fragment>
-    <div class="radios">
-        <div class="u-flex u-gap-8">
-            <input
-                type="radio"
-                name="project_type"
-                id="project_type--existing"
-                bind:group={projectType}
-                value="existing" />
-            <label for="project_type--existing">
-                <p class="u-bold">Existing project</p>
-                <p>Import data to an existing project</p>
-            </label>
-        </div>
-        <div class="u-flex u-gap-8">
-            <input
-                type="radio"
-                name="project_type"
-                id="project_type--new"
-                bind:group={projectType}
-                value="new" />
-            <label for="project_type--new">
-                <p class="u-bold">Create new project</p>
-                <span>Import data to a new project</span>
-            </label>
-        </div>
-    </div>
 
-    <div class="u-margin-block-start-24">
-        {#if projectType === 'existing'}
+    <div class="u-flex u-flex-vertical u-gap-24">
+        {#if organizations.length > 1}
             <InputSelect
-                id="project"
-                bind:value={$selectedProject}
-                label="Select a project"
-                options={projects.projects.map((p) => ({
+                id="organization"
+                bind:value={selectedOrg}
+                label="Select organization"
+                options={organizations.map((p) => ({
                     label: p.name,
                     value: p.$id
-                }))} />
-        {:else}
-            <InputText
-                label="Project name"
-                placeholder="Enter project name"
-                id="project_name"
-                required />
+                }))}
+                disabled={loadingProjects} />
+        {/if}
+
+        {#if selectedOrg && !loadingProjects}
+            {#if projects.length}
+                <div class="radios">
+                    <div class="u-flex u-gap-8">
+                        <input
+                            type="radio"
+                            name="project_type"
+                            id="project_type--existing"
+                            bind:group={projectType}
+                            value="existing" />
+                        <label for="project_type--existing">
+                            <p class="u-bold">Existing project</p>
+                            <p>Import data to an existing project</p>
+                        </label>
+                    </div>
+                    <div class="u-flex u-gap-8">
+                        <input
+                            type="radio"
+                            name="project_type"
+                            id="project_type--new"
+                            bind:group={projectType}
+                            value="new" />
+                        <label for="project_type--new">
+                            <p class="u-bold">Create new project</p>
+                            <span>Import data to a new project</span>
+                        </label>
+                    </div>
+                </div>
+            {/if}
+
+            <div>
+                {#if projectType === 'existing'}
+                    <InputSelect
+                        id="project"
+                        bind:value={$selectedProject}
+                        label="Select a project"
+                        options={projects.map((p) => ({
+                            label: p.name,
+                            value: p.$id
+                        }))} />
+                {:else}
+                    <InputText
+                        label="Project name"
+                        placeholder="Enter project name"
+                        id="project_name"
+                        bind:value={newProjName}
+                        required />
+                {/if}
+            </div>
         {/if}
     </div>
 </WizardStep>
diff --git a/src/routes/console/(migration-wizard)/wizard.svelte b/src/routes/console/(migration-wizard)/wizard.svelte
index 707816690..c52629d92 100644
--- a/src/routes/console/(migration-wizard)/wizard.svelte
+++ b/src/routes/console/(migration-wizard)/wizard.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-    import { page } from '$app/stores';
+    import { goto, invalidate, invalidateAll } from '$app/navigation';
+    import { Dependencies } from '$lib/constants';
     import type { WizardStepsType } from '$lib/layout/wizard.svelte';
     import Wizard from '$lib/layout/wizard.svelte';
     import { migrationFormToResources } from '$lib/stores/migration';
+    import { getSdkForProject } from '$lib/stores/sdk';
     import { onDestroy } from 'svelte';
-    import { formData, provider } from '.';
+    import { formData, provider, selectedProject } from '.';
     import Step1 from './step1.svelte';
     import Step2 from './step2.svelte';
-    import { sdk } from '$lib/stores/sdk';
-    import { invalidate } from '$app/navigation';
-    import { Dependencies } from '$lib/constants';
+    import { wizard } from '$lib/stores/wizard';
 
     const onExit = () => {
         formData.reset();
@@ -19,23 +19,24 @@
         const resources = migrationFormToResources($formData);
         if ($provider.provider !== 'appwrite') return;
 
-        const res = await sdk.forProject.migrations.migrateAppwrite(
+        await getSdkForProject($selectedProject).migrations.migrateAppwrite(
             resources,
             $provider.endpoint,
             $provider.projectID,
             $provider.apiKey
         );
-        console.log('appwrite', res);
-        invalidate(Dependencies.MIGRATIONS);
+
+        await invalidateAll();
+        wizard.hide();
+
+        goto(`/console/project-${$selectedProject}/settings/migrations`);
     };
 
     onDestroy(onExit);
 
-    const hasProjects = $page.data.allProjects.total > 0;
-
     const steps: WizardStepsType = new Map();
     steps.set(1, {
-        label: hasProjects ? 'Select project' : 'Create project',
+        label: 'Select project',
         component: Step1
     });
     steps.set(2, {
diff --git a/src/routes/console/organization-[organization]/+layout.ts b/src/routes/console/organization-[organization]/+layout.ts
index 1dffcd8f0..6cbf5cc41 100644
--- a/src/routes/console/organization-[organization]/+layout.ts
+++ b/src/routes/console/organization-[organization]/+layout.ts
@@ -1,10 +1,9 @@
-import Header from './header.svelte';
-import Breadcrumbs from './breadcrumbs.svelte';
-import { sdk } from '$lib/stores/sdk';
-import type { LayoutLoad } from './$types';
-import { error } from '@sveltejs/kit';
 import { Dependencies } from '$lib/constants';
-import { Query } from '@appwrite.io/console';
+import { sdk } from '$lib/stores/sdk';
+import { error } from '@sveltejs/kit';
+import type { LayoutLoad } from './$types';
+import Breadcrumbs from './breadcrumbs.svelte';
+import Header from './header.svelte';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.ORGANIZATION);
@@ -14,11 +13,7 @@ export const load: LayoutLoad = async ({ params, depends }) => {
             header: Header,
             breadcrumbs: Breadcrumbs,
             organization: await sdk.forConsole.teams.get(params.organization),
-            members: await sdk.forConsole.teams.listMemberships(params.organization),
-            allProjects: await sdk.forConsole.projects.list([
-                Query.equal('teamId', params.organization),
-                Query.orderDesc('$createdAt')
-            ])
+            members: await sdk.forConsole.teams.listMemberships(params.organization)
         };
     } catch (e) {
         localStorage.removeItem('organization');
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index c8f993467..1c2a2047c 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -16,7 +16,7 @@
     import { capitalize } from '$lib/helpers/string';
     import { Container } from '$lib/layout';
     import { sdk } from '$lib/stores/sdk';
-    import { isSelfHosted } from '$lib/system';
+    import { isCloud, isSelfHosted } from '$lib/system';
     import { onMount } from 'svelte';
     import { openImportWizard } from './(import)';
     import Details from './details.svelte';
@@ -59,13 +59,21 @@
             callback: openImportWizard,
             group: 'migrations'
         },
-        {
-            label: 'Export data',
-            icon: 'upload',
-            keys: ['e', 'd'],
-            callback: () => (showExport = true),
-            group: 'migrations'
-        }
+        isSelfHosted
+            ? {
+                  label: 'Deploy to cloud',
+                  icon: 'cloud',
+                  keys: ['d', 'c'],
+                  callback: deployToCloud,
+                  group: 'migrations'
+              }
+            : {
+                  label: 'Export data',
+                  icon: 'upload',
+                  keys: ['e', 'd'],
+                  callback: () => (showExport = true),
+                  group: 'migrations'
+              }
     ]);
 
     $: $updateCommandGroupRanks((prev) => ({

From a4fddd6232a97af7ed6162fd9daf4de2dd035e76 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 15:08:14 +0100
Subject: [PATCH 069/128] remove key debug on input events

---
 src/lib/commandCenter/commandCenter.svelte    | 20 +++++----
 src/lib/commandCenter/panels/index.ts         | 43 ++++++++++++++++---
 src/lib/components/migrationBox.svelte        |  2 +-
 .../console/(migration-wizard)/wizard.svelte  |  7 +--
 src/routes/console/+layout.svelte             | 15 ++-----
 .../organization-[organization]/+page.svelte  | 11 ++---
 .../databases/+layout.svelte                  |  7 +--
 .../project-[project]/overview/+layout.svelte | 29 ++++++-------
 8 files changed, 76 insertions(+), 58 deletions(-)

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index a53941916..1081e2c05 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -17,26 +17,23 @@
         if (get(subPanels).length > 0) {
             clearSubPanels();
         } else {
-            addSubPanel({
-                name: 'root',
-                component: Root
-            });
+            addSubPanel(RootPanel);
         }
     };
 </script>
 
 <script lang="ts">
+    import { dev } from '$app/environment';
     import { afterNavigate } from '$app/navigation';
+    import { portal } from '$lib/actions/portal';
     import { last } from '$lib/helpers/array';
+    import { debounce } from '$lib/helpers/debounce';
     import { getContext, setContext } from 'svelte';
-    import { writable, type Readable, get } from 'svelte/store';
+    import { get, writable, type Readable } from 'svelte/store';
     import { fade } from 'svelte/transition';
     import { commandCenterKeyDownHandler, disableCommands, registerCommands } from './commands';
-    import { Root } from './panels';
+    import { RootPanel } from './panels';
     import { addSubPanel, clearSubPanels, subPanels } from './subPanels';
-    import { dev } from '$app/environment';
-    import { debounce } from '$lib/helpers/debounce';
-    import { portal } from '$lib/actions/portal';
 
     $: $registerCommands([
         {
@@ -86,7 +83,12 @@
         keys = [];
     }, 1000);
 
+    function isInputEvent(event: KeyboardEvent) {
+        return ['INPUT', 'TEXTAREA', 'SELECT'].includes((event.target as HTMLElement).tagName);
+    }
+
     const handleKeydown = (e) => {
+        if (isInputEvent(e)) return;
         if (!$subPanels.length) {
             keys = [...keys, e.key].slice(-10);
             resetKeys();
diff --git a/src/lib/commandCenter/panels/index.ts b/src/lib/commandCenter/panels/index.ts
index a7536ddfe..d3b8a87de 100644
--- a/src/lib/commandCenter/panels/index.ts
+++ b/src/lib/commandCenter/panels/index.ts
@@ -1,7 +1,38 @@
-export { default as AI } from './ai.svelte';
-export { default as Root } from './root.svelte';
+import type { SubPanel } from '../subPanels';
 export { default as Template } from './template.svelte';
-export { default as Projects } from './projects.svelte';
-export { default as Organizations } from './organizations.svelte';
-export { default as Platforms } from './platforms.svelte';
-export { default as Databases } from './databases.svelte';
+
+import Root from './root.svelte';
+export const RootPanel: SubPanel = {
+    name: 'root',
+    component: Root
+};
+
+import AI from './ai.svelte';
+export const AIPanel: SubPanel = {
+    name: 'Ask the AI',
+    component: AI
+};
+
+import Projects from './projects.svelte';
+export const ProjectsPanel: SubPanel = {
+    name: 'Projects',
+    component: Projects
+};
+
+import Organizations from './organizations.svelte';
+export const OrganizationsPanel: SubPanel = {
+    name: 'Organizations',
+    component: Organizations
+};
+
+import Platforms from './platforms.svelte';
+export const PlatformsPanel: SubPanel = {
+    name: 'Platforms',
+    component: Platforms
+};
+
+import Databases from './databases.svelte';
+export const DatabasesPanel: SubPanel = {
+    name: 'Databases',
+    component: Databases
+};
diff --git a/src/lib/components/migrationBox.svelte b/src/lib/components/migrationBox.svelte
index 0fc0acfb4..b33dde747 100644
--- a/src/lib/components/migrationBox.svelte
+++ b/src/lib/components/migrationBox.svelte
@@ -7,7 +7,7 @@
     import { onMount } from 'svelte';
     import { writable } from 'svelte/store';
 
-    export const showMigrationBox = writable(true);
+    export const showMigrationBox = writable(false);
 </script>
 
 <script lang="ts">
diff --git a/src/routes/console/(migration-wizard)/wizard.svelte b/src/routes/console/(migration-wizard)/wizard.svelte
index c52629d92..0dbc81147 100644
--- a/src/routes/console/(migration-wizard)/wizard.svelte
+++ b/src/routes/console/(migration-wizard)/wizard.svelte
@@ -1,18 +1,19 @@
 <script lang="ts">
-    import { goto, invalidate, invalidateAll } from '$app/navigation';
-    import { Dependencies } from '$lib/constants';
+    import { goto, invalidateAll } from '$app/navigation';
     import type { WizardStepsType } from '$lib/layout/wizard.svelte';
     import Wizard from '$lib/layout/wizard.svelte';
     import { migrationFormToResources } from '$lib/stores/migration';
     import { getSdkForProject } from '$lib/stores/sdk';
+    import { wizard } from '$lib/stores/wizard';
     import { onDestroy } from 'svelte';
     import { formData, provider, selectedProject } from '.';
     import Step1 from './step1.svelte';
     import Step2 from './step2.svelte';
-    import { wizard } from '$lib/stores/wizard';
+    import { requestedMigration } from '$routes/store';
 
     const onExit = () => {
         formData.reset();
+        requestedMigration.set(null);
     };
 
     const onFinish = async () => {
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 1e75c9df7..d846fcde8 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -12,14 +12,13 @@
     import { newOrgModal } from '$lib/stores/organization';
     import { wizard } from '$lib/stores/wizard';
     import { onMount } from 'svelte';
-    import { loading } from '../store';
+    import { loading, requestedMigration } from '../store';
     import Create from './createOrganization.svelte';
-    import { requestedMigration } from '../store';
 
     import { goto } from '$app/navigation';
 
     import { CommandCenter, registerCommands } from '$lib/commandCenter';
-    import { AI, Organizations } from '$lib/commandCenter/panels';
+    import { AIPanel, OrganizationsPanel } from '$lib/commandCenter/panels';
     import { addSubPanel } from '$lib/commandCenter/subPanels';
     import { openMigrationWizard } from './(migration-wizard)';
 
@@ -27,10 +26,7 @@
         {
             label: 'Ask AI',
             callback: () => {
-                addSubPanel({
-                    name: 'Ask the AI',
-                    component: AI
-                });
+                addSubPanel(AIPanel);
             },
             keys: ['a', 'i'],
             icon: 'light-bulb'
@@ -46,10 +42,7 @@
         {
             label: 'Find an Organization',
             callback: () => {
-                addSubPanel({
-                    name: 'Find a Organization',
-                    component: Organizations
-                });
+                addSubPanel(OrganizationsPanel);
             },
             group: 'organizations',
             icon: 'search'
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index 0b416b0b7..a48398326 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -2,7 +2,7 @@
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { addSubPanel, registerCommands } from '$lib/commandCenter';
-    import { Projects } from '$lib/commandCenter/panels';
+    import { ProjectsPanel } from '$lib/commandCenter/panels';
     import { CardContainer, Empty, GridItem1, Heading, PaginationWithLimit } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
@@ -51,13 +51,10 @@
         {
             label: 'Find a project',
             callback: () => {
-                addSubPanel({
-                    name: 'Projects',
-                    component: Projects
-                });
+                addSubPanel(ProjectsPanel);
             },
             keys: ['f'],
-            group: 'project',
+            group: 'projects',
             icon: 'search'
         },
         {
@@ -67,7 +64,7 @@
             },
             keys: ['c'],
             disabled: showCreate,
-            group: 'project',
+            group: 'projects',
             icon: 'plus'
         }
     ]);
diff --git a/src/routes/console/project-[project]/databases/+layout.svelte b/src/routes/console/project-[project]/databases/+layout.svelte
index e34231c61..e87b2d998 100644
--- a/src/routes/console/project-[project]/databases/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/+layout.svelte
@@ -2,17 +2,14 @@
     import { goto } from '$app/navigation';
     import { page } from '$app/stores';
     import { addSubPanel, registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
-    import { Databases } from '$lib/commandCenter/panels';
+    import { DatabasesPanel } from '$lib/commandCenter/panels';
     import { project } from '../store';
 
     $: $registerCommands([
         {
             label: 'Find databases',
             callback: () => {
-                addSubPanel({
-                    component: Databases,
-                    name: 'Databases'
-                });
+                addSubPanel(DatabasesPanel);
             },
             keys: ['f', 'd'],
             icon: 'search',
diff --git a/src/routes/console/project-[project]/overview/+layout.svelte b/src/routes/console/project-[project]/overview/+layout.svelte
index 11ba09653..6c0a6d740 100644
--- a/src/routes/console/project-[project]/overview/+layout.svelte
+++ b/src/routes/console/project-[project]/overview/+layout.svelte
@@ -21,23 +21,23 @@
 </script>
 
 <script lang="ts">
-    import type { Models } from '@appwrite.io/console';
-    import { Container, type UsagePeriods } from '$lib/layout';
-    import { page } from '$app/stores';
-    import { onboarding, project } from '../store';
-    import { usage } from './store';
-    import { onMount } from 'svelte';
     import { afterNavigate } from '$app/navigation';
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { addSubPanel, registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
+    import { PlatformsPanel } from '$lib/commandCenter/panels';
     import { Heading, Tab } from '$lib/components';
     import { humanFileSize } from '$lib/helpers/sizeConvertion';
-    import { base } from '$app/paths';
-    import Realtime from './realtime.svelte';
+    import { Container, type UsagePeriods } from '$lib/layout';
+    import type { Models } from '@appwrite.io/console';
+    import { onMount } from 'svelte';
+    import { onboarding, project } from '../store';
     import Bandwith from './bandwith.svelte';
-    import Requests from './requests.svelte';
-    import Onboard from './onboard.svelte';
-    import { addSubPanel, registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
-    import { Platforms } from '$lib/commandCenter/panels';
     import { createApiKey } from './keys/+page.svelte';
+    import Onboard from './onboard.svelte';
+    import Realtime from './realtime.svelte';
+    import Requests from './requests.svelte';
+    import { usage } from './store';
 
     $: projectId = $page.params.project;
     $: path = `/console/project-${projectId}/overview`;
@@ -63,10 +63,7 @@
         {
             label: 'Add platform',
             callback() {
-                addSubPanel({
-                    component: Platforms,
-                    name: 'Platforms'
-                });
+                addSubPanel(PlatformsPanel);
             },
             icon: 'plus',
             group: 'integrations'

From 575dcf29ba262f580009e9b1d4ffea66418c5f4b Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 15:23:21 +0100
Subject: [PATCH 070/128] feat: add auth commands

---
 .../project-[project]/auth/+layout.svelte     | 78 +++++++++++++++++++
 .../project-[project]/auth/+page.svelte       | 35 ++-------
 .../console/project-[project]/auth/+page.ts   |  4 +
 .../project-[project]/auth/teams/+page.svelte | 13 ++--
 .../project-[project]/overview/+layout.svelte |  1 +
 5 files changed, 99 insertions(+), 32 deletions(-)

diff --git a/src/routes/console/project-[project]/auth/+layout.svelte b/src/routes/console/project-[project]/auth/+layout.svelte
index f900d7734..ac2333b70 100644
--- a/src/routes/console/project-[project]/auth/+layout.svelte
+++ b/src/routes/console/project-[project]/auth/+layout.svelte
@@ -1,3 +1,81 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { page } from '$app/stores';
+    import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
+    import { project } from '../store';
+    import { showCreateUser } from './+page.svelte';
+    import { showCreateTeam } from './teams/+page.svelte';
+
+    $: $registerCommands([
+        {
+            label: 'Go to teams',
+            keys: ['g', 't'],
+            callback() {
+                goto(`/console/project-${$project.$id}/auth/teams`);
+            },
+            group: 'auth',
+            disabled: $page.url.pathname.endsWith('teams')
+        },
+        {
+            label: 'Go to usage',
+            keys: ['g', 'u'],
+            callback() {
+                goto(`/console/project-${$project.$id}/auth/usage`);
+            },
+            group: 'auth',
+            disabled: $page.url.pathname.endsWith('usage')
+        },
+        {
+            label: 'Go to security',
+            keys: ['g', 's'],
+            callback() {
+                goto(`/console/project-${$project.$id}/auth/security`);
+            },
+            group: 'auth',
+            disabled: $page.url.pathname.endsWith('security')
+        },
+        {
+            label: 'Go to settings',
+            keys: ['g', 's', 't'],
+            callback() {
+                goto(`/console/project-${$project.$id}/auth/settings`);
+            },
+            group: 'auth',
+            disabled: $page.url.pathname.endsWith('settings')
+        },
+        {
+            label: 'Create user',
+            callback: async () => {
+                if (!$page.url.pathname.endsWith('auth')) {
+                    await goto(`/console/project-${$project.$id}/auth`);
+                }
+                showCreateUser.set(true);
+            },
+            keys: $page.url.pathname.endsWith('auth') ? ['c'] : ['c', 'u'],
+
+            group: 'auth',
+            icon: 'plus',
+            rank: $page.url.pathname.endsWith('auth') ? 10 : 0
+        },
+        {
+            label: 'Create team',
+            callback: async () => {
+                if (!$page.url.pathname.endsWith('teams')) {
+                    await goto(`/console/project-${$project.$id}/auth/teams`);
+                }
+                showCreateTeam.set(true);
+            },
+            keys: $page.url.pathname.endsWith('teams') ? ['c'] : ['c', 't'],
+
+            group: 'auth',
+            icon: 'plus',
+            rank: $page.url.pathname.endsWith('teams') ? 10 : 0
+        }
+    ]);
+
+    $: $updateCommandGroupRanks((prev) => ({ ...prev, auth: 200 }));
+</script>
+
 <svelte:head>
     <title>Auth - Appwrite</title>
 </svelte:head>
diff --git a/src/routes/console/project-[project]/auth/+page.svelte b/src/routes/console/project-[project]/auth/+page.svelte
index d244a7c1c..246eb5a34 100644
--- a/src/routes/console/project-[project]/auth/+page.svelte
+++ b/src/routes/console/project-[project]/auth/+page.svelte
@@ -1,3 +1,7 @@
+<script lang="ts" context="module">
+    export let showCreateUser = writable(false);
+</script>
+
 <script lang="ts">
     import { goto } from '$app/navigation';
     import { base } from '$app/paths';
@@ -24,44 +28,21 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { Container } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
-    import { project } from '../store';
     import type { PageData } from './$types';
     import Create from './createUser.svelte';
-    import { registerCommands } from '$lib/commandCenter';
+    import { writable } from 'svelte/store';
 
     export let data: PageData;
 
-    let showCreate = false;
     const projectId = $page.params.project;
     async function userCreated(event: CustomEvent<Models.User<Record<string, unknown>>>) {
         await goto(`${base}/console/project-${projectId}/auth/user-${event.detail.$id}`);
     }
-
-    $: $registerCommands([
-        {
-            label: 'Create user',
-            callback: () => {
-                showCreate = true;
-            },
-            keys: ['c'],
-            disabled: showCreate,
-            group: 'auth',
-            icon: 'plus'
-        },
-        {
-            label: 'Go to Overview',
-            callback: () => {
-                goto(`${base}/console/project-${$project.$id}/overview`);
-            },
-            keys: ['o'],
-            group: 'navigation'
-        }
-    ]);
 </script>
 
 <Container>
     <SearchQuery search={data.search} placeholder="Search by name, email, phone, or ID">
-        <Button on:click={() => (showCreate = true)} event="create_user">
+        <Button on:click={() => ($showCreateUser = true)} event="create_user">
             <span class="icon-plus" aria-hidden="true" /> <span class="text">Create user</span>
         </Button>
     </SearchQuery>
@@ -151,8 +132,8 @@
             single
             href="https://appwrite.io/docs/server/users"
             target="user"
-            on:click={() => (showCreate = true)} />
+            on:click={() => showCreateUser.set(true)} />
     {/if}
 </Container>
 
-<Create bind:showCreate on:created={userCreated} />
+<Create bind:showCreate={$showCreateUser} on:created={userCreated} />
diff --git a/src/routes/console/project-[project]/auth/+page.ts b/src/routes/console/project-[project]/auth/+page.ts
index 97b6ad3d3..af35b625b 100644
--- a/src/routes/console/project-[project]/auth/+page.ts
+++ b/src/routes/console/project-[project]/auth/+page.ts
@@ -3,12 +3,16 @@ import { sdk } from '$lib/stores/sdk';
 import { getLimit, getPage, getSearch, pageToOffset } from '$lib/helpers/load';
 import { PAGE_LIMIT } from '$lib/constants';
 import type { PageLoad } from './$types';
+import { showCreateUser } from './+page.svelte';
 
 export const load: PageLoad = async ({ url, route }) => {
     const page = getPage(url);
     const search = getSearch(url);
     const limit = getLimit(url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
+    if (typeof url.searchParams.get('create') === 'string') {
+        showCreateUser.set(true);
+    }
 
     return {
         offset,
diff --git a/src/routes/console/project-[project]/auth/teams/+page.svelte b/src/routes/console/project-[project]/auth/teams/+page.svelte
index 063b9bb73..5e6460b73 100644
--- a/src/routes/console/project-[project]/auth/teams/+page.svelte
+++ b/src/routes/console/project-[project]/auth/teams/+page.svelte
@@ -1,3 +1,7 @@
+<script lang="ts" context="module">
+    export let showCreateTeam = writable(false);
+</script>
+
 <script lang="ts">
     import { page } from '$app/stores';
     import {
@@ -24,11 +28,10 @@
     import { base } from '$app/paths';
     import type { Models } from '@appwrite.io/console';
     import type { PageData } from './$types';
+    import { writable } from 'svelte/store';
 
     export let data: PageData;
 
-    let showCreate = false;
-
     const project = $page.params.project;
     const teamCreated = async (event: CustomEvent<Models.Team<Record<string, unknown>>>) => {
         await goto(`${base}/console/project-${project}/auth/teams/team-${event.detail.$id}`);
@@ -37,7 +40,7 @@
 
 <Container>
     <SearchQuery search={data.search} placeholder="Search by name">
-        <Button on:click={() => (showCreate = true)} event="create_team">
+        <Button on:click={() => ($showCreateTeam = true)} event="create_team">
             <span class="icon-plus" aria-hidden="true" /> <span class="text">Create team</span>
         </Button>
     </SearchQuery>
@@ -86,10 +89,10 @@
     {:else}
         <Empty
             single
-            on:click={() => (showCreate = true)}
+            on:click={() => ($showCreateTeam = true)}
             href="https://appwrite.io/docs/client/teams"
             target="team" />
     {/if}
 </Container>
 
-<Create bind:showCreate on:created={teamCreated} />
+<Create bind:showCreate={$showCreateTeam} on:created={teamCreated} />
diff --git a/src/routes/console/project-[project]/overview/+layout.svelte b/src/routes/console/project-[project]/overview/+layout.svelte
index 6c0a6d740..c4da511b0 100644
--- a/src/routes/console/project-[project]/overview/+layout.svelte
+++ b/src/routes/console/project-[project]/overview/+layout.svelte
@@ -62,6 +62,7 @@
     $: $registerCommands([
         {
             label: 'Add platform',
+            keys: ['a', 'p'],
             callback() {
                 addSubPanel(PlatformsPanel);
             },

From 248fbb6f45843f1222f31051602e14429925803d Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 15:26:33 +0100
Subject: [PATCH 071/128] reactive details

---
 .../settings/migrations/+page.svelte          | 22 +++++++++----------
 .../settings/migrations/details.svelte        |  6 ++++-
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index 1c2a2047c..c401b4fb9 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -1,5 +1,11 @@
 <script lang="ts">
     import { invalidate } from '$app/navigation';
+    import {
+        PUBLIC_MOCK_APIKEY,
+        PUBLIC_MOCK_ENDPOINT,
+        PUBLIC_MOCK_PROJECTID
+    } from '$env/static/public';
+    import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
     import { Arrow, CardGrid, Heading } from '$lib/components';
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
@@ -16,21 +22,15 @@
     import { capitalize } from '$lib/helpers/string';
     import { Container } from '$lib/layout';
     import { sdk } from '$lib/stores/sdk';
-    import { isCloud, isSelfHosted } from '$lib/system';
+    import { isSelfHosted } from '$lib/system';
     import { onMount } from 'svelte';
+    import { project } from '../../store';
     import { openImportWizard } from './(import)';
     import Details from './details.svelte';
     import ExportModal from './exportModal.svelte';
-    import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
-    import { project } from '../../store';
-    import {
-        PUBLIC_MOCK_APIKEY,
-        PUBLIC_MOCK_ENDPOINT,
-        PUBLIC_MOCK_PROJECTID
-    } from '$env/static/public';
 
     export let data;
-    let details: (typeof data.migrations)[number] | null = null;
+    let details: string | null = null;
     let showExport = false;
 
     const getStatus = (status: string) => {
@@ -179,7 +179,7 @@
                                     </div>
                                 </TableCell>
                                 <TableCell title="">
-                                    <Button secondary on:click={() => (details = entry)}
+                                    <Button secondary on:click={() => (details = entry.$id)}
                                         >Details</Button>
                                 </TableCell>
                             </TableRow>
@@ -273,7 +273,7 @@
 
 <ExportModal bind:show={showExport} />
 
-<Details bind:details />
+<Details bind:migrationId={details} migrations={data.migrations} />
 
 <style lang="scss">
     .import-box {
diff --git a/src/routes/console/project-[project]/settings/migrations/details.svelte b/src/routes/console/project-[project]/settings/migrations/details.svelte
index 9c4b07b49..202cf8fa1 100644
--- a/src/routes/console/project-[project]/settings/migrations/details.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/details.svelte
@@ -4,7 +4,11 @@
     import { parseIfString } from '$lib/helpers/object';
     import type { Models } from '@appwrite.io/console';
 
-    export let details: Models.Migration | null = null;
+    export let migrations: Models.Migration[] = [];
+    export let migrationId: string = null;
+
+    $: details = migrations.find((migration) => migration.$id === migrationId);
+
     $: show = !!details;
 
     type StatusCounters = {

From 5535d4338d6d9f9924cbcc0df751a98ce22a5d02 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 15:27:30 +0100
Subject: [PATCH 072/128] fix details

---
 .../project-[project]/settings/migrations/details.svelte        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/details.svelte b/src/routes/console/project-[project]/settings/migrations/details.svelte
index 202cf8fa1..06cb4a5c2 100644
--- a/src/routes/console/project-[project]/settings/migrations/details.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/details.svelte
@@ -45,7 +45,7 @@
     $: parsedSource = parseIfString(details?.source || '{}');
 </script>
 
-<Modal bind:show on:close={() => (details = null)} size="big">
+<Modal bind:show on:close={() => (migrationId = null)} size="big">
     <svelte:fragment slot="header">
         {#if details.status === 'failed'}
             Resolve migration issues

From 9de3158786aa4dd77f895691e0362a6fae38db34 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 15:42:43 +0100
Subject: [PATCH 073/128] refactor: small changes

---
 src/lib/commandCenter/panels/ai.svelte       | 2 +-
 src/lib/commandCenter/panels/template.svelte | 4 ++--
 src/lib/components/migrationBox.svelte       | 3 +++
 src/routes/console/+layout.svelte            | 3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index 48c557326..6819c35f6 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -79,7 +79,7 @@
     $: answer = parseCompletion($completion);
 </script>
 
-<Template fullheight>
+<Template fullheight --command-panel-max-height="40rem">
     <div slot="search" />
 
     <div class="content">
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 6d966f185..1b82e170e 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -320,7 +320,7 @@
         flex-direction: column;
         width: var(--command-panel-width, 42.5rem);
         max-width: 100%;
-        max-height: 32rem;
+        max-height: var(--command-panel-max-height, 32rem);
         overflow: hidden;
         padding: 0;
 
@@ -336,7 +336,7 @@
         backdrop-filter: blur(6px);
 
         &.fullheight {
-            height: 32rem;
+            height: var(--command-panel-max-height, 32rem);
         }
 
         :global(.kbd) {
diff --git a/src/lib/components/migrationBox.svelte b/src/lib/components/migrationBox.svelte
index b33dde747..32d68ec8b 100644
--- a/src/lib/components/migrationBox.svelte
+++ b/src/lib/components/migrationBox.svelte
@@ -28,6 +28,9 @@
 
     $: percentage = (function getPercentage() {
         if (!migration) return 0;
+        if (migration.status === 'failed') return 100;
+        if (migration.status === 'completed') return 100;
+
         const statusCounters = parseIfString(migration.statusCounters) as Record<string, Counter>;
         const totalCounter: TotalCounter = Object.values(statusCounters).reduce(
             (curr, acc) => {
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index d846fcde8..645ea9ea7 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -45,7 +45,8 @@
                 addSubPanel(OrganizationsPanel);
             },
             group: 'organizations',
-            icon: 'search'
+            icon: 'search',
+            keys: ['f', 'o']
         },
         {
             label: 'Create new Organization',

From e11b1777e3404bf5885bb6890e8dcc8a646661ff Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 15:59:33 +0100
Subject: [PATCH 074/128] ai examples kbd nav

---
 src/lib/commandCenter/panels/ai.svelte       | 47 +++++++++++---------
 src/lib/commandCenter/panels/template.svelte |  7 +--
 2 files changed, 29 insertions(+), 25 deletions(-)

diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index 6819c35f6..0b5b2b32a 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -79,11 +79,31 @@
     $: answer = parseCompletion($completion);
 </script>
 
-<Template fullheight --command-panel-max-height="40rem">
+<Template
+    options={$isLoading || answer
+        ? undefined
+        : examples.map((e) => {
+              return {
+                  label: e,
+                  callback: () => {
+                      $input = e;
+                      complete($input);
+                  },
+                  group: 'Examples'
+              };
+          })}
+    clearOnCallback={false}
+    fullheight
+    --command-panel-max-height="40rem">
     <div slot="search" />
 
-    <div class="content">
-        {#if $isLoading || answer}
+    <div slot="option" let:option class="u-flex u-cross-center u-gap-8">
+        <i class="icon-question-mark-circle" />
+        <span>{option.label}</span>
+    </div>
+
+    {#if $isLoading || answer}
+        <div class="content">
             <div class="u-flex u-gap-8">
                 <div class="logo">
                     <img src={CoolerAppwrite} alt="Appwrite logo" />
@@ -104,25 +124,8 @@
                     {/if}
                 </div>
             </div>
-        {:else}
-            <h2 class="eyebrow-heading-3">Examples</h2>
-            <ul class="examples">
-                {#each examples as example}
-                    <li>
-                        <button
-                            class="u-flex u-cross-center u-gap-8"
-                            on:click={() => {
-                                $input = example;
-                                complete($input);
-                            }}>
-                            <i class="icon-question-mark-circle" />
-                            <span>{example}</span>
-                        </button>
-                    </li>
-                {/each}
-            </ul>
-        {/if}
-    </div>
+        </div>
+    {/if}
 
     <div class="footer" slot="footer">
         <div class="u-flex u-cross-center u-gap-4">
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 1b82e170e..a6cd091f1 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -13,12 +13,13 @@
     import { quadOut } from 'svelte/easing';
     import { crossfade } from 'svelte/transition';
 
-    type BaseOption = { callback: () => void; group?: CommandGroup; rank?: number };
+    type BaseOption = { callback: () => void; group?: string; rank?: number };
     type Option = $$Generic<BaseOption>;
     export let options: Option[] | null = null;
     export let search = '';
     export let searchPlaceholder = 'Search...';
     export let fullheight = false;
+    export let clearOnCallback = true;
 
     let selected = 0;
     let contentEl: HTMLElement;
@@ -26,7 +27,7 @@
     function triggerOption(option: Option) {
         const prevPanels = $subPanels.length;
         option.callback();
-        if (prevPanels === $subPanels.length) {
+        if (prevPanels === $subPanels.length && clearOnCallback) {
             clearSubPanels();
         }
     }
@@ -118,7 +119,7 @@
     const getGroupsAndOptions = (options: Option[]) => {
         if (!options) return null;
 
-        const groupedOptions = new Map<CommandGroup, Option[]>();
+        const groupedOptions = new Map<string, Option[]>();
         groupedOptions.set('ungrouped', []);
 
         for (const option of options) {

From 297974f04d99b19cbc195c3d8c97802f5f0e3501 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 17 Jul 2023 16:14:30 +0100
Subject: [PATCH 075/128] storage commands

---
 .../project-[project]/auth/+layout.svelte     | 56 +++++++++----------
 .../databases/+layout.svelte                  |  2 +-
 .../project-[project]/storage/+layout.svelte  | 33 +++++++++++
 .../project-[project]/storage/+page.svelte    | 30 ++++------
 4 files changed, 72 insertions(+), 49 deletions(-)

diff --git a/src/routes/console/project-[project]/auth/+layout.svelte b/src/routes/console/project-[project]/auth/+layout.svelte
index ac2333b70..558d8a3ab 100644
--- a/src/routes/console/project-[project]/auth/+layout.svelte
+++ b/src/routes/console/project-[project]/auth/+layout.svelte
@@ -7,6 +7,34 @@
     import { showCreateTeam } from './teams/+page.svelte';
 
     $: $registerCommands([
+        {
+            label: 'Create user',
+            callback: async () => {
+                if (!$page.url.pathname.endsWith('auth')) {
+                    await goto(`/console/project-${$project.$id}/auth`);
+                }
+                showCreateUser.set(true);
+            },
+            keys: $page.url.pathname.endsWith('auth') ? ['c'] : ['c', 'u'],
+
+            group: 'auth',
+            icon: 'plus',
+            rank: $page.url.pathname.endsWith('auth') ? 10 : 0
+        },
+        {
+            label: 'Create team',
+            callback: async () => {
+                if (!$page.url.pathname.endsWith('teams')) {
+                    await goto(`/console/project-${$project.$id}/auth/teams`);
+                }
+                showCreateTeam.set(true);
+            },
+            keys: $page.url.pathname.endsWith('teams') ? ['c'] : ['c', 't'],
+
+            group: 'auth',
+            icon: 'plus',
+            rank: $page.url.pathname.endsWith('teams') ? 10 : 0
+        },
         {
             label: 'Go to teams',
             keys: ['g', 't'],
@@ -42,34 +70,6 @@
             },
             group: 'auth',
             disabled: $page.url.pathname.endsWith('settings')
-        },
-        {
-            label: 'Create user',
-            callback: async () => {
-                if (!$page.url.pathname.endsWith('auth')) {
-                    await goto(`/console/project-${$project.$id}/auth`);
-                }
-                showCreateUser.set(true);
-            },
-            keys: $page.url.pathname.endsWith('auth') ? ['c'] : ['c', 'u'],
-
-            group: 'auth',
-            icon: 'plus',
-            rank: $page.url.pathname.endsWith('auth') ? 10 : 0
-        },
-        {
-            label: 'Create team',
-            callback: async () => {
-                if (!$page.url.pathname.endsWith('teams')) {
-                    await goto(`/console/project-${$project.$id}/auth/teams`);
-                }
-                showCreateTeam.set(true);
-            },
-            keys: $page.url.pathname.endsWith('teams') ? ['c'] : ['c', 't'],
-
-            group: 'auth',
-            icon: 'plus',
-            rank: $page.url.pathname.endsWith('teams') ? 10 : 0
         }
     ]);
 
diff --git a/src/routes/console/project-[project]/databases/+layout.svelte b/src/routes/console/project-[project]/databases/+layout.svelte
index e87b2d998..287d4c667 100644
--- a/src/routes/console/project-[project]/databases/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/+layout.svelte
@@ -23,7 +23,7 @@
             },
             keys: ['g', 'u'],
             disabled: $page.url.pathname.includes('usage'),
-            icon: 'plus',
+
             group: 'databases'
         }
     ]);
diff --git a/src/routes/console/project-[project]/storage/+layout.svelte b/src/routes/console/project-[project]/storage/+layout.svelte
index 80b3908c6..4d32c08a5 100644
--- a/src/routes/console/project-[project]/storage/+layout.svelte
+++ b/src/routes/console/project-[project]/storage/+layout.svelte
@@ -1,3 +1,36 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { page } from '$app/stores';
+    import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
+    import { project } from '../store';
+    import { showCreateBucket } from './+page.svelte';
+
+    $: $registerCommands([
+        {
+            label: 'Create bucket',
+            callback: () => {
+                if (!$page.url.pathname.endsWith('storage')) {
+                    goto(`/console/project-${$project.$id}/storage`);
+                }
+                $showCreateBucket = true;
+            },
+            keys: $page.url.pathname.endsWith('storage') ? ['c'] : ['c', 'b'],
+            icon: 'plus'
+        },
+        {
+            label: 'Go to usage',
+            callback() {
+                goto(`/console/project-${$project.$id}/storage/usage`);
+            },
+            keys: ['g', 'u'],
+            disabled: $page.url.pathname.endsWith('usage'),
+            group: 'storage'
+        }
+    ]);
+
+    $: $updateCommandGroupRanks((prev) => ({ ...prev, storage: 10 }));
+</script>
+
 <svelte:head>
     <title>Storage - Appwrite</title>
 </svelte:head>
diff --git a/src/routes/console/project-[project]/storage/+page.svelte b/src/routes/console/project-[project]/storage/+page.svelte
index 527af84c4..c7b42454f 100644
--- a/src/routes/console/project-[project]/storage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/+page.svelte
@@ -1,3 +1,7 @@
+<script lang="ts" context="module">
+    export let showCreateBucket = writable(false);
+</script>
+
 <script lang="ts">
     import { goto } from '$app/navigation';
     import { base } from '$app/paths';
@@ -15,39 +19,25 @@
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
-    import { registerCommands } from '$lib/commandCenter';
     import type { PageData } from './$types';
     import Create from './create.svelte';
+    import { writable } from 'svelte/store';
 
     export let data: PageData;
 
-    let showCreate = false;
-
     const project = $page.params.project;
 
     async function bucketCreated(event: CustomEvent<Models.Bucket>) {
-        showCreate = false;
+        $showCreateBucket = false;
         await goto(`${base}/console/project-${project}/storage/bucket-${event.detail.$id}`);
     }
-
-    $: $registerCommands([
-        {
-            label: 'Create bucket',
-            callback: () => {
-                showCreate = true;
-            },
-            keys: ['c'],
-            disabled: showCreate,
-            icon: 'plus'
-        }
-    ]);
 </script>
 
 <Container>
     <div class="u-flex u-gap-12 common-section u-main-space-between">
         <Heading tag="h2" size="5">Buckets</Heading>
 
-        <Button on:click={() => (showCreate = true)} event="create_bucket">
+        <Button on:click={() => ($showCreateBucket = true)} event="create_bucket">
             <span class="icon-plus" aria-hidden="true" /> <span class="text">Create bucket</span>
         </Button>
     </div>
@@ -57,7 +47,7 @@
             total={data.buckets.total}
             offset={data.offset}
             event="bucket"
-            on:click={() => (showCreate = true)}>
+            on:click={() => ($showCreateBucket = true)}>
             {#each data.buckets.buckets as bucket}
                 <GridItem1 href={`${base}/console/project-${project}/storage/bucket-${bucket.$id}`}>
                     <svelte:fragment slot="title">{bucket.name}</svelte:fragment>
@@ -110,8 +100,8 @@
             single
             href="https://appwrite.io/docs/storage"
             target="bucket"
-            on:click={() => (showCreate = true)} />
+            on:click={() => ($showCreateBucket = true)} />
     {/if}
 </Container>
 
-<Create bind:showCreate on:created={bucketCreated} />
+<Create bind:showCreate={$showCreateBucket} on:created={bucketCreated} />

From 597ae771485a9832624a00fbf010e5e320e088d7 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 18 Jul 2023 19:15:28 +0100
Subject: [PATCH 076/128] add password inputs

---
 .../settings/migrations/(import)/step1.svelte   | 17 +++++++++++------
 .../project-[project]/storage/+page.svelte      |  2 +-
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 8488e52b4..67658cf01 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import SvgIcon from '$lib/components/svgIcon.svelte';
-    import { Button, FormList, InputNumber, InputText } from '$lib/elements/forms';
+    import { Button, FormList, InputNumber, InputPassword, InputText } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
     import type { Provider } from '$lib/stores/migration';
     import { provider } from '.';
@@ -49,11 +49,12 @@
                 required
                 placeholder="Enter project ID"
                 bind:value={$provider.projectID} />
-            <InputText
+            <InputPassword
                 id="api-key"
                 label="API Key"
                 required
                 placeholder="Enter API Key"
+                showPasswordButton
                 bind:value={$provider.apiKey} />
         </FormList>
     {:else if $provider.provider === 'firebase'}
@@ -104,11 +105,12 @@
                 required
                 placeholder="Enter username"
                 bind:value={$provider.username} />
-            <InputText
+            <InputPassword
                 id="password"
                 label="Password"
                 required
                 placeholder="Enter password"
+                showPasswordButton
                 bind:value={$provider.password} />
             <p class="body-text-1 u-bold">Supabase credentials</p>
 
@@ -118,11 +120,12 @@
                 required
                 placeholder="Enter endpoint"
                 bind:value={$provider.endpoint} />
-            <InputText
+            <InputPassword
                 id="api-key"
                 label="API Key"
                 required
                 placeholder="Enter API Key"
+                showPasswordButton
                 bind:value={$provider.apiKey} />
         </FormList>
     {:else if $provider.provider === 'nhost'}
@@ -151,17 +154,19 @@
                 required
                 placeholder="Enter username"
                 bind:value={$provider.username} />
-            <InputText
+            <InputPassword
                 id="password"
                 label="Password"
                 required
                 placeholder="Enter password"
+                showPasswordButton
                 bind:value={$provider.password} />
-            <InputText
+            <InputPassword
                 id="adminSecret"
                 label="Admin secret"
                 required
                 placeholder="Enter admin secret"
+                showPasswordButton
                 bind:value={$provider.adminSecret} />
         </FormList>
     {/if}
diff --git a/src/routes/console/project-[project]/storage/+page.svelte b/src/routes/console/project-[project]/storage/+page.svelte
index c7b42454f..01eda8ec0 100644
--- a/src/routes/console/project-[project]/storage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/+page.svelte
@@ -19,9 +19,9 @@
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
+    import { writable } from 'svelte/store';
     import type { PageData } from './$types';
     import Create from './create.svelte';
-    import { writable } from 'svelte/store';
 
     export let data: PageData;
 

From cfd815d28458bd27837c718643c94371fab83ec2 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 18 Jul 2023 19:40:48 +0100
Subject: [PATCH 077/128] fix: supabase & nhost formdata

---
 src/lib/helpers/array.ts                      |  5 ++
 src/lib/helpers/object.ts                     | 16 +++-
 src/lib/stores/migration.ts                   | 85 +++++++++++++------
 .../(migration-wizard)/resource-form.svelte   | 10 +--
 .../migrations/(import)/wizard.svelte         |  2 +
 5 files changed, 83 insertions(+), 35 deletions(-)

diff --git a/src/lib/helpers/array.ts b/src/lib/helpers/array.ts
index 903cb40ab..a325e33f5 100644
--- a/src/lib/helpers/array.ts
+++ b/src/lib/helpers/array.ts
@@ -83,3 +83,8 @@ export function excludeArray<T, E extends T>(
 ): Exclude<T, E>[] {
     return array.filter((item) => !exclude.includes(item as E)) as Exclude<T, E>[];
 }
+
+// Function that, given an array, checks if it includes all the elements of another array
+export function includesAll<T>(arr1: T[], arr2: T[]): boolean {
+    return arr2.every((elem) => arr1.includes(elem));
+}
diff --git a/src/lib/helpers/object.ts b/src/lib/helpers/object.ts
index 923053bfc..e5c76ebcc 100644
--- a/src/lib/helpers/object.ts
+++ b/src/lib/helpers/object.ts
@@ -37,15 +37,23 @@ export function deepEqual<T>(obj1: T, obj2: T): boolean {
     return true;
 }
 
-export function deepMap<T extends object, U extends object = T>(
-    obj: T,
-    fn: (value: unknown, key: unknown, obj: T) => unknown
+export type DeepObj<T> = {
+    [K in keyof T]: T[K] extends object ? DeepObj<T[K]> : T[K];
+};
+export function deepMap<T, U>(
+    obj: DeepObj<T>,
+    fn: (value: T, key: string, parentKey?: string) => unknown,
+    parentKey?: string
 ): U {
     const entries = objectEntries(obj);
     const result = {} as U;
 
     for (const [key, value] of entries) {
-        result[key] = typeof value === 'object' ? deepMap(value, fn) : fn(value, key, obj);
+        if (typeof value === 'object' && value !== null) {
+            result[key as any] = deepMap(value as any, fn, key as string) as any;
+        } else {
+            result[key as any] = fn(value as any, key as any, parentKey);
+        }
     }
 
     return result;
diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
index 753811556..4eb19a8cd 100644
--- a/src/lib/stores/migration.ts
+++ b/src/lib/stores/migration.ts
@@ -1,5 +1,24 @@
 import { writable } from 'svelte/store';
 
+import {
+    PUBLIC_MOCK_APIKEY,
+    PUBLIC_MOCK_ENDPOINT,
+    PUBLIC_MOCK_PROJECTID,
+    PUBLIC_NHOST_TEST_DATABASE,
+    PUBLIC_NHOST_TEST_PASSWORD,
+    PUBLIC_NHOST_TEST_REGION,
+    PUBLIC_NHOST_TEST_SECRET,
+    PUBLIC_NHOST_TEST_SUBDOMAIN,
+    PUBLIC_NHOST_TEST_USERNAME,
+    PUBLIC_SUPABASE_TEST_ENDPOINT,
+    PUBLIC_SUPABASE_TEST_HOST,
+    PUBLIC_SUPABASE_TEST_KEY,
+    PUBLIC_SUPABASE_TEST_PASSWORD,
+    PUBLIC_SUPABASE_TEST_PORT,
+    PUBLIC_SUPABASE_TEST_USERNAME
+} from '$env/static/public';
+import { includesAll } from '$lib/helpers/array';
+
 const initialFormData = {
     users: {
         root: false,
@@ -101,17 +120,35 @@ export const migrationFormToResources = (formData: MigrationFormData): Resource[
     return resources;
 };
 
-import {
-    PUBLIC_MOCK_APIKEY,
-    PUBLIC_MOCK_ENDPOINT,
-    PUBLIC_MOCK_PROJECTID,
-    PUBLIC_NHOST_TEST_DATABASE,
-    PUBLIC_NHOST_TEST_PASSWORD,
-    PUBLIC_NHOST_TEST_REGION,
-    PUBLIC_NHOST_TEST_SECRET,
-    PUBLIC_NHOST_TEST_SUBDOMAIN,
-    PUBLIC_NHOST_TEST_USERNAME
-} from '$env/static/public';
+export const resourcesToMigrationForm = (resources: Resource[]): MigrationFormData => {
+    const formData = { ...initialFormData };
+    if (resources.includes('user')) {
+        formData.users.root = true;
+    }
+    if (includesAll(resources, ['team', 'membership'])) {
+        formData.users.teams = true;
+    }
+    if (resources.includes('database')) {
+        formData.databases.root = true;
+    }
+    if (includesAll(resources, ['collection', 'attribute', 'index', 'document'])) {
+        formData.databases.documents = true;
+    }
+    if (resources.includes('function')) {
+        formData.functions.root = true;
+    }
+    if (resources.includes('envVar')) {
+        formData.functions.env = true;
+    }
+    if (resources.includes('deployment')) {
+        formData.functions.inactive = true;
+    }
+    if (includesAll(resources, ['bucket', 'file'])) {
+        formData.storage.root = true;
+    }
+
+    return formData;
+};
 
 type AppwriteInput = {
     provider: 'appwrite';
@@ -148,21 +185,21 @@ type NhostInput = {
 export type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
 export type Provider = ProviderInput['provider'];
 
-const mockProvider: ProviderInput = {
-    provider: 'appwrite',
-    endpoint: PUBLIC_MOCK_ENDPOINT,
-    apiKey: PUBLIC_MOCK_APIKEY,
-    projectID: PUBLIC_MOCK_PROJECTID
-};
 // const mockProvider: ProviderInput = {
-//     provider: 'supabase',
-//     endpoint: PUBLIC_SUPABASE_TEST_ENDPOINT,
-//     apiKey: PUBLIC_SUPABASE_TEST_KEY,
-//     host: PUBLIC_SUPABASE_TEST_HOST,
-//     port: Number(PUBLIC_SUPABASE_TEST_PORT),
-//     username: PUBLIC_SUPABASE_TEST_USERNAME,
-//     password: PUBLIC_SUPABASE_TEST_PASSWORD
+//     provider: 'appwrite',
+//     endpoint: PUBLIC_MOCK_ENDPOINT,
+//     apiKey: PUBLIC_MOCK_APIKEY,
+//     projectID: PUBLIC_MOCK_PROJECTID
 // };
+const mockProvider: ProviderInput = {
+    provider: 'supabase',
+    endpoint: PUBLIC_SUPABASE_TEST_ENDPOINT,
+    apiKey: PUBLIC_SUPABASE_TEST_KEY,
+    host: PUBLIC_SUPABASE_TEST_HOST,
+    port: Number(PUBLIC_SUPABASE_TEST_PORT),
+    username: PUBLIC_SUPABASE_TEST_USERNAME,
+    password: PUBLIC_SUPABASE_TEST_PASSWORD
+};
 // const mockProvider: ProviderInput = {
 //     provider: 'nhost',
 //     subdomain: PUBLIC_NHOST_TEST_SUBDOMAIN,
diff --git a/src/routes/console/(migration-wizard)/resource-form.svelte b/src/routes/console/(migration-wizard)/resource-form.svelte
index b7aa3e13e..eb4adaccc 100644
--- a/src/routes/console/(migration-wizard)/resource-form.svelte
+++ b/src/routes/console/(migration-wizard)/resource-form.svelte
@@ -10,7 +10,8 @@
     import {
         createMigrationFormStore,
         createMigrationProviderStore,
-        providerResources
+        providerResources,
+        resourcesToMigrationForm
     } from '$lib/stores/migration';
     import { wizard } from '$lib/stores/wizard';
 
@@ -61,12 +62,7 @@
     }
 
     function selectAll() {
-        $formData = deepMap($formData, (v) => {
-            if (typeof v === 'boolean') {
-                return true;
-            }
-            return v;
-        });
+        $formData = resourcesToMigrationForm(resources);
     }
 
     let report: any;
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 804a17e0c..7aa0cb858 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -19,6 +19,8 @@
 
     const onFinish = async () => {
         const resources = migrationFormToResources($formData);
+        console.log('resources', resources);
+        return;
         switch ($provider.provider) {
             case 'appwrite': {
                 const res = await sdk.forProject.migrations.migrateAppwrite(

From b9c4393c3194292155af99923781ee7a2cd1bc83 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 20 Jul 2023 13:48:12 +0100
Subject: [PATCH 078/128] fix deploy

---
 src/lib/stores/migration.ts | 43 +------------------------------------
 1 file changed, 1 insertion(+), 42 deletions(-)

diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
index 4eb19a8cd..eab4c3bb8 100644
--- a/src/lib/stores/migration.ts
+++ b/src/lib/stores/migration.ts
@@ -1,22 +1,5 @@
 import { writable } from 'svelte/store';
 
-import {
-    PUBLIC_MOCK_APIKEY,
-    PUBLIC_MOCK_ENDPOINT,
-    PUBLIC_MOCK_PROJECTID,
-    PUBLIC_NHOST_TEST_DATABASE,
-    PUBLIC_NHOST_TEST_PASSWORD,
-    PUBLIC_NHOST_TEST_REGION,
-    PUBLIC_NHOST_TEST_SECRET,
-    PUBLIC_NHOST_TEST_SUBDOMAIN,
-    PUBLIC_NHOST_TEST_USERNAME,
-    PUBLIC_SUPABASE_TEST_ENDPOINT,
-    PUBLIC_SUPABASE_TEST_HOST,
-    PUBLIC_SUPABASE_TEST_KEY,
-    PUBLIC_SUPABASE_TEST_PASSWORD,
-    PUBLIC_SUPABASE_TEST_PORT,
-    PUBLIC_SUPABASE_TEST_USERNAME
-} from '$env/static/public';
 import { includesAll } from '$lib/helpers/array';
 
 const initialFormData = {
@@ -185,34 +168,10 @@ type NhostInput = {
 export type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
 export type Provider = ProviderInput['provider'];
 
-// const mockProvider: ProviderInput = {
-//     provider: 'appwrite',
-//     endpoint: PUBLIC_MOCK_ENDPOINT,
-//     apiKey: PUBLIC_MOCK_APIKEY,
-//     projectID: PUBLIC_MOCK_PROJECTID
-// };
-const mockProvider: ProviderInput = {
-    provider: 'supabase',
-    endpoint: PUBLIC_SUPABASE_TEST_ENDPOINT,
-    apiKey: PUBLIC_SUPABASE_TEST_KEY,
-    host: PUBLIC_SUPABASE_TEST_HOST,
-    port: Number(PUBLIC_SUPABASE_TEST_PORT),
-    username: PUBLIC_SUPABASE_TEST_USERNAME,
-    password: PUBLIC_SUPABASE_TEST_PASSWORD
-};
-// const mockProvider: ProviderInput = {
-//     provider: 'nhost',
-//     subdomain: PUBLIC_NHOST_TEST_SUBDOMAIN,
-//     region: PUBLIC_NHOST_TEST_REGION,
-//     adminSecret: PUBLIC_NHOST_TEST_SECRET,
-//     database: PUBLIC_NHOST_TEST_DATABASE,
-//     username: PUBLIC_NHOST_TEST_USERNAME,
-//     password: PUBLIC_NHOST_TEST_PASSWORD
-// };
 
 const initialProvider: ProviderInput = { provider: 'appwrite' };
 export const createMigrationProviderStore = () => {
-    const store = writable<ProviderInput>({ ...mockProvider });
+    const store = writable<ProviderInput>({ ...initialProvider });
 
     const changeProvider = (provider: Provider) => {
         const newProvider: ProviderInput = { provider };

From 7c03f056151b362cbe0282839bc95fac6e99529f Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 20 Jul 2023 14:36:59 +0100
Subject: [PATCH 079/128] feat: user searcher

---
 src/lib/commandCenter/commands.ts             | 104 ++++++++++++------
 src/lib/commandCenter/panels/root.svelte      |  53 ++-------
 src/lib/commandCenter/searchers/databases.ts  |  22 ++++
 src/lib/commandCenter/searchers/index.ts      |   2 +
 src/lib/commandCenter/searchers/users.ts      |  49 +++++++++
 .../console/project-[project]/+layout.svelte  |   6 +-
 .../settings/migrations/+page.svelte          |  27 ++---
 7 files changed, 168 insertions(+), 95 deletions(-)
 create mode 100644 src/lib/commandCenter/searchers/databases.ts
 create mode 100644 src/lib/commandCenter/searchers/index.ts
 create mode 100644 src/lib/commandCenter/searchers/users.ts

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index a28d32625..1f53c9b73 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -1,24 +1,28 @@
 import { debounce } from '$lib/helpers/debounce';
 import { isMac } from '$lib/helpers/platform';
+import { onMount } from 'svelte';
 import { derived, writable, type Updater } from 'svelte/store';
 
-// Stores
-export type CommandGroup =
-    | 'ungrouped'
-    | 'navigation'
-    | 'projects'
-    | 'organizations'
-    | 'auth'
-    | 'help'
-    | 'account'
-    | 'platforms'
-    | 'databases'
-    | 'functions'
-    | 'storage'
-    | 'domains'
-    | 'webhooks'
-    | 'integrations'
-    | 'migrations';
+const groups = [
+    'ungrouped',
+    'navigation',
+    'projects',
+    'organizations',
+    'auth',
+    'help',
+    'account',
+    'platforms',
+    'databases',
+    'functions',
+    'storage',
+    'domains',
+    'webhooks',
+    'integrations',
+    'migrations',
+    'users'
+] as const;
+
+export type CommandGroup = (typeof groups)[number];
 
 type BaseCommand = {
     callback: () => void;
@@ -251,24 +255,60 @@ export const updateCommandGroupRanks = {
 };
 
 export const commandGroupRanks = derived(groupRankTransformations, ($groupRankTransformations) => {
-    const initialRanks: CommandGroupRanks = {
+    const initialRanks = {
+        ...Object.fromEntries(groups.map((group) => [group, 0])),
         ungrouped: 9999,
-        domains: 0,
-        webhooks: 0,
-        navigation: 1,
-        projects: 0,
-        account: 0,
-        organizations: 0,
-        auth: 0,
-        platforms: 0,
-        databases: 0,
-        functions: 0,
-        storage: 0,
-        integrations: 0,
-        migrations: 0,
         help: -1
-    };
+    } as CommandGroupRanks;
 
     const transformations = Array.from($groupRankTransformations.values());
     return transformations.reduce((prev, curr) => curr(prev), initialRanks);
 });
+
+export type Searcher = (query: string) => Promise<Command[]>;
+const searchersMap = writable<Map<string, Searcher>>(new Map());
+
+export const registerSearcher = {
+    subscribe(runner: (cb: (searcher: Searcher) => void) => void) {
+        const uuid = crypto.randomUUID();
+
+        runner((searcher: Searcher) => {
+            searchersMap.update((curr) => {
+                curr.set(uuid, searcher);
+                return curr;
+            });
+        });
+
+        return () => {
+            searchersMap.update((curr) => {
+                curr.delete(uuid);
+                return curr;
+            });
+        };
+    }
+};
+
+export const searchers = derived(searchersMap, ($searchersMap) => {
+    return Array.from($searchersMap.values());
+});
+
+export const useSearcher = (searcher: Searcher) => {
+    const search = writable('');
+    const results = writable<Command[]>([]);
+
+    const searcherDebounced = debounce(async (query: string) => {
+        results.set(await searcher(query));
+    }, 500);
+
+    onMount(() => {
+        searcherDebounced.immediate('');
+        return search.subscribe((query) => {
+            searcherDebounced(query);
+        });
+    });
+
+    return {
+        search,
+        results
+    };
+};
diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
index 80283f91e..b12fd86f2 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -2,58 +2,19 @@
     This is the root command panel. It precedes all other command panels.
  -->
 <script lang="ts">
-    import { commands, type Command } from '../commands';
-    import { isMac } from '$lib/helpers/platform';
-    import Template from './template.svelte';
-    import { sdk } from '$lib/stores/sdk';
-    import { Query } from '@appwrite.io/console';
-    import { goto } from '$app/navigation';
-    import { project } from '$routes/console/project-[project]/store';
-    import { database } from '$routes/console/project-[project]/databases/database-[database]/store';
     import { debounce } from '$lib/helpers/debounce';
+    import { isMac } from '$lib/helpers/platform';
+    import { commands, searchers, type Command } from '../commands';
+    import Template from './template.svelte';
 
     let search = '';
 
     let searchResults: Omit<Command, 'keys'>[] = [];
     const executeSearch = debounce(async (s: string) => {
-        const newResults: typeof searchResults = [];
-        const { databases } = await sdk.forProject.databases.list([Query.limit(20)]);
-        newResults.push(
-            ...databases
-                .filter((db) => db.name.includes(s))
-                .map((db) => {
-                    return {
-                        label: `Go to ${db.name} database`,
-                        callback: () => {
-                            goto(`/console/project-${$project.$id}/databases/database-${db.$id}`);
-                        },
-                        group: 'databases'
-                    } as const;
-                })
-        );
-
-        if ($database?.$id) {
-            const { collections } = await sdk.forProject.databases.listCollections($database.$id, [
-                Query.limit(20)
-            ]);
-            newResults.push(
-                ...collections
-                    .filter((collection) => collection.name.includes(s))
-                    .map((collection) => {
-                        return {
-                            label: `Go to ${collection.name} collection`,
-                            callback: () => {
-                                goto(
-                                    `/console/project-${$project.$id}/databases/database-${$database.$id}/collection-${collection.$id}`
-                                );
-                            },
-                            group: 'databases'
-                        } as const;
-                    })
-            );
-        }
-
-        searchResults = [...newResults];
+        $searchers.forEach(async (searcher) => {
+            const results = await searcher(s);
+            searchResults = [...searchResults, ...results];
+        });
     }, 500);
 
     $: {
diff --git a/src/lib/commandCenter/searchers/databases.ts b/src/lib/commandCenter/searchers/databases.ts
new file mode 100644
index 000000000..4192fbf2c
--- /dev/null
+++ b/src/lib/commandCenter/searchers/databases.ts
@@ -0,0 +1,22 @@
+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 dbSearcher = (async (query: string) => {
+    const { databases } = await sdk.forProject.databases.list();
+
+    return databases
+        .filter((db) => db.name.toLowerCase().includes(query.toLowerCase()))
+        .map(
+            (db) =>
+                ({
+                    group: 'databases',
+                    label: db.name,
+                    callback: () => {
+                        goto(`/console/project-${get(project).$id}/databases/database-${db.$id}`);
+                    }
+                } as const)
+        );
+}) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/index.ts b/src/lib/commandCenter/searchers/index.ts
new file mode 100644
index 000000000..b74b64501
--- /dev/null
+++ b/src/lib/commandCenter/searchers/index.ts
@@ -0,0 +1,2 @@
+export * from './databases';
+export * from './users';
diff --git a/src/lib/commandCenter/searchers/users.ts b/src/lib/commandCenter/searchers/users.ts
new file mode 100644
index 000000000..5c99ff18e
--- /dev/null
+++ b/src/lib/commandCenter/searchers/users.ts
@@ -0,0 +1,49 @@
+import { goto } from '$app/navigation';
+import { sdk } from '$lib/stores/sdk';
+import { project } from '$routes/console/project-[project]/store';
+import { get } from 'svelte/store';
+import type { Command, Searcher } from '../commands';
+import type { Models } from '@appwrite.io/console';
+
+const getUserCommand = (user: Models.User<Models.Preferences>, projectId: string) =>
+    ({
+        label: user.name,
+        callback: () => {
+            goto(`/console/project-${projectId}/auth/user-${user.$id}`);
+        },
+        group: 'users',
+        icon: 'user-circle'
+    } satisfies Command);
+
+export const userSearcher = (async (query: string) => {
+    const { users } = await sdk.forProject.users.list([], query);
+    const projectId = get(project).$id;
+
+    if (users.length === 1) {
+        return [
+            getUserCommand(users[0], projectId),
+            {
+                label: 'Go to activity',
+                callback: () => {
+                    goto(`/console/project-${projectId}/auth/user-${users[0].$id}/activity`);
+                },
+                group: 'users'
+            },
+            {
+                label: 'Go to sessions',
+                callback: () => {
+                    goto(`/console/project-${projectId}/auth/user-${users[0].$id}/sessions`);
+                },
+                group: 'users'
+            },
+            {
+                label: 'Go to memberships',
+                callback: () => {
+                    goto(`/console/project-${projectId}/auth/user-${users[0].$id}/memberships`);
+                },
+                group: 'users'
+            }
+        ];
+    }
+    return users.map((user) => getUserCommand(user, projectId));
+}) satisfies Searcher;
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 808ff821f..d3580f58f 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -5,9 +5,10 @@
     import { project, stats } from './store';
 
     import { goto } from '$app/navigation';
-    import { registerCommands } from '$lib/commandCenter';
+    import { registerCommands, registerSearcher } from '$lib/commandCenter';
 
     import { MigrationBox } from '$lib/components';
+    import { dbSearcher, userSearcher } from '$lib/commandCenter/searchers';
 
     onMount(async () => {
         return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
@@ -70,6 +71,9 @@
             group: 'navigation'
         }
     ]);
+
+    $registerSearcher(dbSearcher);
+    $registerSearcher(userSearcher);
 </script>
 
 <slot />
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index c401b4fb9..226ddf325 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -1,10 +1,5 @@
 <script lang="ts">
     import { invalidate } from '$app/navigation';
-    import {
-        PUBLIC_MOCK_APIKEY,
-        PUBLIC_MOCK_ENDPOINT,
-        PUBLIC_MOCK_PROJECTID
-    } from '$env/static/public';
     import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
     import { Arrow, CardGrid, Heading } from '$lib/components';
     import { Dependencies } from '$lib/constants';
@@ -116,23 +111,23 @@
             undefined
         );
 
-        // const migrationData = {
-        //     endpoint: currEndpoint,
-        //     projectId: $project.$id,
-        //     apiKey: secret
-        // };
-
         const migrationData = {
-            endpoint: PUBLIC_MOCK_ENDPOINT,
-            projectId: PUBLIC_MOCK_PROJECTID,
-            apiKey: PUBLIC_MOCK_APIKEY
+            endpoint: currEndpoint,
+            projectId: $project.$id,
+            apiKey: secret
         };
 
-        window.location.href = `http://localhost:3000/?migrate=${encodeURIComponent(
+        window.location.href = `https://cloud.appwrite.io/?migrate=${encodeURIComponent(
             JSON.stringify(migrationData)
         )}`;
 
-        // window.location.href = `https://cloud.appwrite.io/?migrate=${encodeURIComponent(
+        // const migrationData = {
+        //     endpoint: PUBLIC_MOCK_ENDPOINT,
+        //     projectId: PUBLIC_MOCK_PROJECTID,
+        //     apiKey: PUBLIC_MOCK_APIKEY
+        // };
+
+        // window.location.href = `http://localhost:3000/?migrate=${encodeURIComponent(
         //     JSON.stringify(migrationData)
         // )}`;
     };

From ece145d32862ae84d6bc76119c17e43ca0e4cd76 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 20 Jul 2023 15:10:52 +0100
Subject: [PATCH 080/128] feat: more searchers

---
 src/lib/commandCenter/commands.ts             |  1 +
 .../commandCenter/panels/organizations.svelte | 28 +++----------------
 src/lib/commandCenter/searchers/index.ts      |  1 +
 .../commandCenter/searchers/organizations.ts  | 18 ++++++++++++
 src/lib/commandCenter/searchers/users.ts      |  9 ++++++
 src/routes/console/+layout.svelte             |  5 +++-
 .../auth/user-[user]/dangerZone.svelte        | 20 ++++++++++---
 7 files changed, 53 insertions(+), 29 deletions(-)
 create mode 100644 src/lib/commandCenter/searchers/organizations.ts

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 1f53c9b73..134f38233 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -258,6 +258,7 @@ export const commandGroupRanks = derived(groupRankTransformations, ($groupRankTr
     const initialRanks = {
         ...Object.fromEntries(groups.map((group) => [group, 0])),
         ungrouped: 9999,
+        users: 1,
         help: -1
     } as CommandGroupRanks;
 
diff --git a/src/lib/commandCenter/panels/organizations.svelte b/src/lib/commandCenter/panels/organizations.svelte
index 6baf6234c..3401f6b18 100644
--- a/src/lib/commandCenter/panels/organizations.svelte
+++ b/src/lib/commandCenter/panels/organizations.svelte
@@ -1,31 +1,11 @@
 <script lang="ts">
-    import { goto } from '$app/navigation';
-    import { sdk } from '$lib/stores/sdk';
-    import type { Models } from '@appwrite.io/console';
-    import { onMount } from 'svelte';
+    import { useSearcher } from '../commands';
+    import { orgSearcher } from '../searchers';
     import Template from './template.svelte';
 
-    let search = '';
-
-    let organizations = [] as Models.TeamList<Models.Preferences>['teams'];
-
-    onMount(async () => {
-        organizations = (await sdk.forConsole.teams.list()).teams;
-    });
-
-    $: filteredOrganizations = organizations
-        .filter((organization) => organization.name.toLowerCase().includes(search.toLowerCase()))
-        .map((organization) => {
-            return {
-                label: organization.name,
-                callback: () => {
-                    goto(`/console/organization-${organization.$id}`);
-                },
-                group: 'organizations'
-            } as const;
-        });
+    const { results, search } = useSearcher(orgSearcher);
 </script>
 
-<Template options={filteredOrganizations} bind:search>
+<Template options={$results} bind:search={$search}>
     <div class="option" slot="option" let:option>{option.label}</div>
 </Template>
diff --git a/src/lib/commandCenter/searchers/index.ts b/src/lib/commandCenter/searchers/index.ts
index b74b64501..cf2d247f2 100644
--- a/src/lib/commandCenter/searchers/index.ts
+++ b/src/lib/commandCenter/searchers/index.ts
@@ -1,2 +1,3 @@
 export * from './databases';
 export * from './users';
+export * from './organizations';
diff --git a/src/lib/commandCenter/searchers/organizations.ts b/src/lib/commandCenter/searchers/organizations.ts
new file mode 100644
index 000000000..df72d77b2
--- /dev/null
+++ b/src/lib/commandCenter/searchers/organizations.ts
@@ -0,0 +1,18 @@
+import { goto } from '$app/navigation';
+import { sdk } from '$lib/stores/sdk';
+import type { Searcher } from '../commands';
+
+export const orgSearcher = (async (query: string) => {
+    const { teams } = await sdk.forConsole.teams.list();
+    return teams
+        .filter((organization) => organization.name.toLowerCase().includes(query.toLowerCase()))
+        .map((organization) => {
+            return {
+                label: organization.name,
+                callback: () => {
+                    goto(`/console/organization-${organization.$id}`);
+                },
+                group: 'organizations'
+            } as const;
+        });
+}) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/users.ts b/src/lib/commandCenter/searchers/users.ts
index 5c99ff18e..ebd725c32 100644
--- a/src/lib/commandCenter/searchers/users.ts
+++ b/src/lib/commandCenter/searchers/users.ts
@@ -4,6 +4,7 @@ import { project } from '$routes/console/project-[project]/store';
 import { get } from 'svelte/store';
 import type { Command, Searcher } from '../commands';
 import type { Models } from '@appwrite.io/console';
+import { promptDeleteUser } from '$routes/console/project-[project]/auth/user-[user]/dangerZone.svelte';
 
 const getUserCommand = (user: Models.User<Models.Preferences>, projectId: string) =>
     ({
@@ -22,6 +23,14 @@ export const userSearcher = (async (query: string) => {
     if (users.length === 1) {
         return [
             getUserCommand(users[0], projectId),
+            {
+                label: 'Delete user',
+                callback: () => {
+                    promptDeleteUser(users[0].$id);
+                },
+                group: 'users',
+                icon: 'trash'
+            },
             {
                 label: 'Go to activity',
                 callback: () => {
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 645ea9ea7..4ca6c0a87 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -17,10 +17,11 @@
 
     import { goto } from '$app/navigation';
 
-    import { CommandCenter, registerCommands } from '$lib/commandCenter';
+    import { CommandCenter, registerCommands, registerSearcher } from '$lib/commandCenter';
     import { AIPanel, OrganizationsPanel } from '$lib/commandCenter/panels';
     import { addSubPanel } from '$lib/commandCenter/subPanels';
     import { openMigrationWizard } from './(migration-wizard)';
+    import { orgSearcher } from '$lib/commandCenter/searchers';
 
     $: $registerCommands([
         {
@@ -107,6 +108,8 @@
     $: if ($requestedMigration) {
         openMigrationWizard();
     }
+
+    $registerSearcher(orgSearcher);
 </script>
 
 <CommandCenter />
diff --git a/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte b/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte
index 8fa2ff05d..727bfa053 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte
@@ -1,10 +1,22 @@
+<script lang="ts" context="module">
+    import { get } from 'svelte/store';
+
+    let showDelete = writable(false);
+
+    export const promptDeleteUser = (id: string) => {
+        showDelete.set(true);
+        goto(`/console/project-${get(project).$id}/auth/user-${id}`);
+    };
+</script>
+
 <script lang="ts">
     import { CardGrid, Box, Heading, AvatarInitials } from '$lib/components';
     import { Button } from '$lib/elements/forms';
+    import { writable } from 'svelte/store';
     import DeleteUser from './deleteUser.svelte';
     import { user } from './store';
-
-    let showDelete = false;
+    import { goto } from '$app/navigation';
+    import { project } from '../../store';
 </script>
 
 <CardGrid danger>
@@ -46,8 +58,8 @@
     </svelte:fragment>
 
     <svelte:fragment slot="actions">
-        <Button secondary on:click={() => (showDelete = true)} event="delete_user">Delete</Button>
+        <Button secondary on:click={() => ($showDelete = true)} event="delete_user">Delete</Button>
     </svelte:fragment>
 </CardGrid>
 
-<DeleteUser bind:showDelete />
+<DeleteUser bind:showDelete={$showDelete} />

From 791f55f81cae6f462cc35e971fb089b2d492a3a3 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 20 Jul 2023 15:32:50 +0100
Subject: [PATCH 081/128] nested commands

---
 src/lib/commandCenter/commands.ts            |  1 +
 src/lib/commandCenter/panels/template.svelte | 50 ++++++++++++++++++--
 src/lib/commandCenter/searchers/users.ts     | 10 ++--
 3 files changed, 55 insertions(+), 6 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 134f38233..0000a30b4 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -32,6 +32,7 @@ type BaseCommand = {
     group?: CommandGroup;
     icon?: string;
     rank?: number;
+    nested?: boolean;
 };
 
 type KeyedCommand = BaseCommand & {
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index a6cd091f1..7a98a99b7 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -13,7 +13,7 @@
     import { quadOut } from 'svelte/easing';
     import { crossfade } from 'svelte/transition';
 
-    type BaseOption = { callback: () => void; group?: string; rank?: number };
+    type BaseOption = { callback: () => void; group?: string; rank?: number; nested?: boolean };
     type Option = $$Generic<BaseOption>;
     export let options: Option[] | null = null;
     export let search = '';
@@ -203,6 +203,24 @@
             }
         }
     };
+
+    const isFirstNested = (index: number) => {
+        const prevItem = groupsAndOptions[index - 1];
+        const item = groupsAndOptions[index];
+        if (isGroup(item)) return false;
+        if (!item.nested) return false;
+
+        return !isGroup(prevItem) && !prevItem.nested;
+    };
+
+    const isLastNested = (index: number) => {
+        const nextItem = groupsAndOptions[index + 1];
+        const item = groupsAndOptions[index];
+        if (isGroup(item)) return false;
+        if (!item.nested) return false;
+
+        return isGroup(nextItem) || !nextItem.nested;
+    };
 </script>
 
 <svelte:window on:keydown={handleKeyDown} />
@@ -232,14 +250,20 @@
     <div class="content" bind:this={contentEl}>
         {#if groupsAndOptions}
             <ul class="options">
-                {#each groupsAndOptions as item}
+                {#each groupsAndOptions as item, i}
                     {@const isSelected = !isGroup(item) && item.index === selected}
+
                     {#if isGroup(item)}
                         <li class="group eyebrow-heading-3">
                             {item.name}
                         </li>
                     {:else}
-                        <li class="result" data-selected={isSelected ? true : undefined}>
+                        <li
+                            class="result"
+                            data-selected={isSelected ? true : undefined}
+                            class:nested={item.nested}
+                            class:first-nested={isFirstNested(i)}
+                            class:last-nested={isLastNested(i)}>
                             {#if isSelected}
                                 <div
                                     class="bg"
@@ -432,6 +456,26 @@
 
                     box-shadow: none !important;
                 }
+
+                &.nested {
+                    margin-left: 30px;
+
+                    &.first-nested::before {
+                        top: 8px;
+                    }
+
+                    &.last-nested::before {
+                        height: calc(100% - 8px);
+                    }
+
+                    &::before {
+                        content: '';
+                        position: absolute;
+                        left: -8px;
+                        border-left: 1px solid hsl(var(--color-border));
+                        height: 100%;
+                    }
+                }
             }
         }
     }
diff --git a/src/lib/commandCenter/searchers/users.ts b/src/lib/commandCenter/searchers/users.ts
index ebd725c32..e4dc33399 100644
--- a/src/lib/commandCenter/searchers/users.ts
+++ b/src/lib/commandCenter/searchers/users.ts
@@ -29,6 +29,7 @@ export const userSearcher = (async (query: string) => {
                     promptDeleteUser(users[0].$id);
                 },
                 group: 'users',
+                nested: true,
                 icon: 'trash'
             },
             {
@@ -36,21 +37,24 @@ export const userSearcher = (async (query: string) => {
                 callback: () => {
                     goto(`/console/project-${projectId}/auth/user-${users[0].$id}/activity`);
                 },
-                group: 'users'
+                group: 'users',
+                nested: true
             },
             {
                 label: 'Go to sessions',
                 callback: () => {
                     goto(`/console/project-${projectId}/auth/user-${users[0].$id}/sessions`);
                 },
-                group: 'users'
+                group: 'users',
+                nested: true
             },
             {
                 label: 'Go to memberships',
                 callback: () => {
                     goto(`/console/project-${projectId}/auth/user-${users[0].$id}/memberships`);
                 },
-                group: 'users'
+                group: 'users',
+                nested: true
             }
         ];
     }

From 2e13a568a40e9c61c1bdbebcd73165ca9ca542fd Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Fri, 21 Jul 2023 12:46:35 +0100
Subject: [PATCH 082/128] fix: modifier keys triggering non modifier commands

---
 src/lib/commandCenter/commandCenter.svelte   |  3 ++-
 src/lib/commandCenter/commands.ts            | 10 +++++++---
 src/lib/commandCenter/panels/root.svelte     |  5 ++++-
 src/lib/commandCenter/panels/template.svelte |  6 +++---
 src/lib/helpers/debounce.ts                  |  6 +++++-
 svelte.config.js                             |  4 +++-
 6 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index 1081e2c05..447ccb336 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -14,6 +14,7 @@
     };
 
     export const toggleCommandCenter = () => {
+        console.log('toggleCommandCenter');
         if (get(subPanels).length > 0) {
             clearSubPanels();
         } else {
@@ -88,8 +89,8 @@
     }
 
     const handleKeydown = (e) => {
-        if (isInputEvent(e)) return;
         if (!$subPanels.length) {
+            if (isInputEvent(e)) return;
             keys = [...keys, e.key].slice(-10);
             resetKeys();
         }
diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 0000a30b4..7996fd88f 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -174,9 +174,13 @@ export const commandCenterKeyDownHandler = derived(
 
                 const { keys, ctrl: meta, shift, alt } = command;
 
-                const isMetaPressed = meta ? (isMac() ? event.metaKey : event.ctrlKey) : true;
-                const isShiftPressed = shift ? event.shiftKey : true;
-                const isAltPressed = alt ? event.altKey : true;
+                const isMetaPressed = meta
+                    ? isMac()
+                        ? event.metaKey
+                        : event.ctrlKey
+                    : !(isMac() ? event.metaKey : event.ctrlKey);
+                const isShiftPressed = shift ? event.shiftKey : !event.shiftKey;
+                const isAltPressed = alt ? event.altKey : !event.altKey;
 
                 const commandKeyCodes = keys.map((key) => key.toUpperCase().charCodeAt(0));
                 const allKeysPressed = recentKeyCodes.join('').includes(commandKeyCodes.join(''));
diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
index b12fd86f2..29476da56 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -21,7 +21,10 @@
         if (search) {
             searchResults = [];
             executeSearch(search);
-        } else searchResults = [];
+        } else {
+            searchResults = [];
+            executeSearch.cancel();
+        }
     }
 
     $: results = [
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 7a98a99b7..702a43607 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -114,7 +114,7 @@
     type Group = { type: 'group'; name: string };
     type IndexedOption = Option & { index: number };
     function isGroup(item: Option | Group): item is Group {
-        return 'type' in item && item.type === 'group';
+        return !!item && 'type' in item && item.type === 'group';
     }
     const getGroupsAndOptions = (options: Option[]) => {
         if (!options) return null;
@@ -210,7 +210,7 @@
         if (isGroup(item)) return false;
         if (!item.nested) return false;
 
-        return !isGroup(prevItem) && !prevItem.nested;
+        return !isGroup(prevItem) && !prevItem?.nested;
     };
 
     const isLastNested = (index: number) => {
@@ -219,7 +219,7 @@
         if (isGroup(item)) return false;
         if (!item.nested) return false;
 
-        return isGroup(nextItem) || !nextItem.nested;
+        return isGroup(nextItem) || !nextItem?.nested;
     };
 </script>
 
diff --git a/src/lib/helpers/debounce.ts b/src/lib/helpers/debounce.ts
index c84175740..afb93f4a2 100644
--- a/src/lib/helpers/debounce.ts
+++ b/src/lib/helpers/debounce.ts
@@ -5,12 +5,16 @@ export function debounce<F extends (...params: any[]) => void>(fn: F, delay: num
         timeoutID = window.setTimeout(() => fn.apply(this, args), delay) as unknown as ReturnType<
             typeof setTimeout
         >;
-    } as F & { immediate: F };
+    } as F & { immediate: F; cancel: () => void };
 
     debounceFn.immediate = ((...args: Parameters<F>) => {
         clearTimeout(timeoutID);
         return fn(args);
     }) as F;
 
+    debounceFn.cancel = () => {
+        clearTimeout(timeoutID);
+    };
+
     return debounceFn;
 }
diff --git a/svelte.config.js b/svelte.config.js
index e920cd169..ca8f1dd0b 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -21,7 +21,9 @@ const config = {
         }
     },
     vitePlugin: {
-        inspector: true
+        inspector: {
+            toggleKeyCombo: 'meta-shift-i'
+        }
     }
 };
 

From 9a31ce86831cbf37a3ce27e8429a9af5d031c421 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Fri, 21 Jul 2023 18:29:12 +0100
Subject: [PATCH 083/128] more searchers & commands

---
 src/lib/commandCenter/commands.ts             | 14 ++++----
 .../commandCenter/panels/collections.svelte   | 33 +++----------------
 src/lib/commandCenter/panels/databases.svelte | 33 +++----------------
 src/lib/commandCenter/panels/projects.svelte  | 26 +++------------
 .../commandCenter/searchers/collections.ts    | 23 +++++++++++++
 src/lib/commandCenter/searchers/index.ts      |  2 ++
 src/lib/commandCenter/searchers/projects.ts   | 25 ++++++++++++++
 src/routes/console/+layout.svelte             | 30 +++++++++++++++--
 .../+layout.svelte                            |  8 ++---
 .../organization-[organization]/+page.ts      |  9 +----
 .../console/project-[project]/+layout.svelte  |  7 ++--
 .../project-[project]/auth/+layout.svelte     |  4 +--
 .../settings/migrations/(import)/step1.svelte | 27 ++++++++-------
 .../settings/migrations/+page.svelte          | 15 ++++++---
 14 files changed, 132 insertions(+), 124 deletions(-)
 create mode 100644 src/lib/commandCenter/searchers/collections.ts
 create mode 100644 src/lib/commandCenter/searchers/projects.ts

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 7996fd88f..fdf0e6ebd 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -272,21 +272,23 @@ export const commandGroupRanks = derived(groupRankTransformations, ($groupRankTr
 });
 
 export type Searcher = (query: string) => Promise<Command[]>;
-const searchersMap = writable<Map<string, Searcher>>(new Map());
+const searchersMap = writable<Map<string, Searcher[]>>(new Map());
 
-export const registerSearcher = {
-    subscribe(runner: (cb: (searcher: Searcher) => void) => void) {
+export const registerSearchers = {
+    subscribe(runner: (cb: (...searchers: Searcher[]) => void) => void) {
         const uuid = crypto.randomUUID();
 
-        runner((searcher: Searcher) => {
+        runner((...searchers: Searcher[]) => {
             searchersMap.update((curr) => {
-                curr.set(uuid, searcher);
+                console.log(curr);
+                curr.set(uuid, [...searchers]);
                 return curr;
             });
         });
 
         return () => {
             searchersMap.update((curr) => {
+                console.log('deleting', curr, uuid);
                 curr.delete(uuid);
                 return curr;
             });
@@ -295,7 +297,7 @@ export const registerSearcher = {
 };
 
 export const searchers = derived(searchersMap, ($searchersMap) => {
-    return Array.from($searchersMap.values());
+    return Array.from($searchersMap.values()).flat();
 });
 
 export const useSearcher = (searcher: Searcher) => {
diff --git a/src/lib/commandCenter/panels/collections.svelte b/src/lib/commandCenter/panels/collections.svelte
index a0706fa71..96ba2eba4 100644
--- a/src/lib/commandCenter/panels/collections.svelte
+++ b/src/lib/commandCenter/panels/collections.svelte
@@ -1,36 +1,11 @@
 <script lang="ts">
-    import { goto } from '$app/navigation';
-    import { sdk } from '$lib/stores/sdk';
-    import { project } from '$routes/console/project-[project]/store';
-    import type { Models } from '@appwrite.io/console';
-    import { onMount } from 'svelte';
+    import { useSearcher } from '../commands';
+    import { collectionsSearcher } from '../searchers';
     import Template from './template.svelte';
 
-    let search = '';
-
-    let databases = [] as Models.DatabaseList['databases'];
-
-    onMount(async () => {
-        const { databases: newDatabases } = await sdk.forProject.databases.list();
-        databases = newDatabases;
-    });
-
-    $: filteredDatabases = databases.filter((db) =>
-        db.name.toLowerCase().includes(search.toLowerCase())
-    );
-
-    $: dbOptions = filteredDatabases.map(
-        (db) =>
-            ({
-                group: 'databases',
-                label: db.name,
-                callback: () => {
-                    goto(`/console/project-${$project.$id}/databases/database-${db.$id}`);
-                }
-            } as const)
-    );
+    const { search, results } = useSearcher(collectionsSearcher);
 </script>
 
-<Template options={dbOptions} bind:search>
+<Template options={$results} bind:search={$search}>
     <div slot="option" let:option>{option.label}</div>
 </Template>
diff --git a/src/lib/commandCenter/panels/databases.svelte b/src/lib/commandCenter/panels/databases.svelte
index a0706fa71..2d640a327 100644
--- a/src/lib/commandCenter/panels/databases.svelte
+++ b/src/lib/commandCenter/panels/databases.svelte
@@ -1,36 +1,11 @@
 <script lang="ts">
-    import { goto } from '$app/navigation';
-    import { sdk } from '$lib/stores/sdk';
-    import { project } from '$routes/console/project-[project]/store';
-    import type { Models } from '@appwrite.io/console';
-    import { onMount } from 'svelte';
+    import { useSearcher } from '../commands';
+    import { dbSearcher } from '../searchers';
     import Template from './template.svelte';
 
-    let search = '';
-
-    let databases = [] as Models.DatabaseList['databases'];
-
-    onMount(async () => {
-        const { databases: newDatabases } = await sdk.forProject.databases.list();
-        databases = newDatabases;
-    });
-
-    $: filteredDatabases = databases.filter((db) =>
-        db.name.toLowerCase().includes(search.toLowerCase())
-    );
-
-    $: dbOptions = filteredDatabases.map(
-        (db) =>
-            ({
-                group: 'databases',
-                label: db.name,
-                callback: () => {
-                    goto(`/console/project-${$project.$id}/databases/database-${db.$id}`);
-                }
-            } as const)
-    );
+    const { search, results } = useSearcher(dbSearcher);
 </script>
 
-<Template options={dbOptions} bind:search>
+<Template options={$results} bind:search={$search}>
     <div slot="option" let:option>{option.label}</div>
 </Template>
diff --git a/src/lib/commandCenter/panels/projects.svelte b/src/lib/commandCenter/panels/projects.svelte
index 27fb40848..56120c7a9 100644
--- a/src/lib/commandCenter/panels/projects.svelte
+++ b/src/lib/commandCenter/panels/projects.svelte
@@ -1,29 +1,11 @@
 <script lang="ts">
-    import { page } from '$app/stores';
-    import type { Models } from '@appwrite.io/console';
+    import { useSearcher } from '../commands';
+    import { projectsSearcher } from '../searchers';
     import Template from './template.svelte';
-    import { goto } from '$app/navigation';
 
-    let search = '';
-
-    let projects = [] as Models.ProjectList['projects'];
-    $page.data.streamed.projects.then((data) => {
-        projects = data.projects;
-    });
-
-    $: filteredProjects = projects
-        .filter((project) => project.name.toLowerCase().includes(search.toLowerCase()))
-        .map((project) => {
-            return {
-                label: project.name,
-                callback: () => {
-                    goto(`/console/project-${project.$id}`);
-                },
-                group: 'projects'
-            } as const;
-        });
+    const { search, results } = useSearcher(projectsSearcher);
 </script>
 
-<Template options={filteredProjects} bind:search>
+<Template options={$results} bind:search={$search}>
     <div class="option" slot="option" let:option>{option.label}</div>
 </Template>
diff --git a/src/lib/commandCenter/searchers/collections.ts b/src/lib/commandCenter/searchers/collections.ts
new file mode 100644
index 000000000..1328e8685
--- /dev/null
+++ b/src/lib/commandCenter/searchers/collections.ts
@@ -0,0 +1,23 @@
+import { goto } from '$app/navigation';
+import { sdk } from '$lib/stores/sdk';
+import { get } from 'svelte/store';
+import type { Searcher } from '../commands';
+import { project } from '$routes/console/project-[project]/store';
+
+export const collectionsSearcher = (async (query: string) => {
+    const { databases } = await sdk.forProject.databases.list();
+
+    const projectId = get(project).$id;
+    return databases
+        .filter((db) => db.name.toLowerCase().includes(query.toLowerCase()))
+        .map(
+            (db) =>
+                ({
+                    group: 'databases',
+                    label: db.name,
+                    callback: () => {
+                        goto(`/console/project-${projectId}/databases/database-${db.$id}`);
+                    }
+                } as const)
+        );
+}) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/index.ts b/src/lib/commandCenter/searchers/index.ts
index cf2d247f2..3faef3a8d 100644
--- a/src/lib/commandCenter/searchers/index.ts
+++ b/src/lib/commandCenter/searchers/index.ts
@@ -1,3 +1,5 @@
 export * from './databases';
 export * from './users';
 export * from './organizations';
+export * from './collections';
+export * from './projects';
diff --git a/src/lib/commandCenter/searchers/projects.ts b/src/lib/commandCenter/searchers/projects.ts
new file mode 100644
index 000000000..79b6d7318
--- /dev/null
+++ b/src/lib/commandCenter/searchers/projects.ts
@@ -0,0 +1,25 @@
+import { goto } from '$app/navigation';
+import { organization } from '$lib/stores/organization';
+import { sdk } from '$lib/stores/sdk';
+import { Query } from '@appwrite.io/console';
+import { get } from 'svelte/store';
+import type { Searcher } from '../commands';
+
+export const projectsSearcher = (async (query: string) => {
+    const { projects } = await sdk.forConsole.projects.list([
+        Query.equal('teamId', get(organization).$id),
+        Query.orderDesc('$createdAt')
+    ]);
+
+    return projects
+        .filter((project) => project.name.toLowerCase().includes(query.toLowerCase()))
+        .map((project) => {
+            return {
+                label: project.name,
+                callback: () => {
+                    goto(`/console/project-${project.$id}`);
+                },
+                group: 'projects'
+            } as const;
+        });
+}) satisfies Searcher;
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 4ca6c0a87..a7eb184f2 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -17,11 +17,11 @@
 
     import { goto } from '$app/navigation';
 
-    import { CommandCenter, registerCommands, registerSearcher } from '$lib/commandCenter';
+    import { CommandCenter, registerCommands, registerSearchers } from '$lib/commandCenter';
     import { AIPanel, OrganizationsPanel } from '$lib/commandCenter/panels';
     import { addSubPanel } from '$lib/commandCenter/subPanels';
     import { openMigrationWizard } from './(migration-wizard)';
-    import { orgSearcher } from '$lib/commandCenter/searchers';
+    import { orgSearcher, projectsSearcher } from '$lib/commandCenter/searchers';
 
     $: $registerCommands([
         {
@@ -72,6 +72,30 @@
             },
             group: 'help',
             icon: 'book-open'
+        },
+        {
+            label: 'Contact support',
+            callback: () => {
+                window.open('https://appwrite.io/support', '_blank');
+            },
+            group: 'help',
+            icon: 'question-mark-circle'
+        },
+        {
+            label: 'Send feedback',
+            callback: () => {
+                feedback.toggleFeedback();
+            },
+            group: 'help',
+            icon: 'annotation'
+        },
+        {
+            label: 'Join Discord community',
+            callback: () => {
+                window.open('https://appwrite.io/discord', '_blank');
+            },
+            group: 'help',
+            icon: 'discord'
         }
     ]);
 
@@ -109,7 +133,7 @@
         openMigrationWizard();
     }
 
-    $registerSearcher(orgSearcher);
+    $registerSearchers(orgSearcher, projectsSearcher);
 </script>
 
 <CommandCenter />
diff --git a/src/routes/console/organization-[organization]/+layout.svelte b/src/routes/console/organization-[organization]/+layout.svelte
index 9e108e090..8dc64cbec 100644
--- a/src/routes/console/organization-[organization]/+layout.svelte
+++ b/src/routes/console/organization-[organization]/+layout.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { newOrgModal, newMemberModal } from '$lib/stores/organization';
-    import CreateMember from './createMember.svelte';
-    import Create from '../createOrganization.svelte';
-    import { openMigrationWizard } from '../(migration-wizard)';
+    import { newMemberModal, newOrgModal } from '$lib/stores/organization';
     import { requestedMigration } from '$routes/store';
+    import { openMigrationWizard } from '../(migration-wizard)';
+    import Create from '../createOrganization.svelte';
+    import CreateMember from './createMember.svelte';
 
     $: if ($requestedMigration) {
         openMigrationWizard();
diff --git a/src/routes/console/organization-[organization]/+page.ts b/src/routes/console/organization-[organization]/+page.ts
index 46ad17cb6..279a55084 100644
--- a/src/routes/console/organization-[organization]/+page.ts
+++ b/src/routes/console/organization-[organization]/+page.ts
@@ -17,13 +17,6 @@ export const load: PageLoad = async ({ params, url, route }) => {
             Query.limit(limit),
             Query.equal('teamId', params.organization),
             Query.orderDesc('$createdAt')
-        ]),
-        streamed: {
-            // We nest these so that layout doesn't have to wait for these promises to load
-            projects: sdk.forConsole.projects.list([
-                Query.equal('teamId', params.organization),
-                Query.orderDesc('$createdAt')
-            ])
-        }
+        ])
     };
 };
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index d3580f58f..e445fdd82 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -5,10 +5,10 @@
     import { project, stats } from './store';
 
     import { goto } from '$app/navigation';
-    import { registerCommands, registerSearcher } from '$lib/commandCenter';
+    import { registerCommands, registerSearchers } from '$lib/commandCenter';
 
-    import { MigrationBox } from '$lib/components';
     import { dbSearcher, userSearcher } from '$lib/commandCenter/searchers';
+    import { MigrationBox } from '$lib/components';
 
     onMount(async () => {
         return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
@@ -72,8 +72,7 @@
         }
     ]);
 
-    $registerSearcher(dbSearcher);
-    $registerSearcher(userSearcher);
+    $: $registerSearchers(userSearcher, dbSearcher);
 </script>
 
 <slot />
diff --git a/src/routes/console/project-[project]/auth/+layout.svelte b/src/routes/console/project-[project]/auth/+layout.svelte
index 558d8a3ab..2fb2fefec 100644
--- a/src/routes/console/project-[project]/auth/+layout.svelte
+++ b/src/routes/console/project-[project]/auth/+layout.svelte
@@ -55,7 +55,7 @@
         },
         {
             label: 'Go to security',
-            keys: ['g', 's'],
+            keys: ['g', 'e'],
             callback() {
                 goto(`/console/project-${$project.$id}/auth/security`);
             },
@@ -64,7 +64,7 @@
         },
         {
             label: 'Go to settings',
-            keys: ['g', 's', 't'],
+            keys: ['g', 's'],
             callback() {
                 goto(`/console/project-${$project.$id}/auth/settings`);
             },
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 67658cf01..742ed9b57 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -6,7 +6,7 @@
     import { provider } from '.';
 
     const providers: Record<Provider, string> = {
-        appwrite: 'Appwrite',
+        appwrite: 'Appwrite Self-hosted',
         firebase: 'Firebase',
         supabase: 'Supabase',
         nhost: 'NHost'
@@ -28,7 +28,6 @@
                     bind:group={$provider.provider}
                     value={key} />
                 <div class="content">
-                    <img src="/logos/{key}.png" width="33" class="u-margin-inline-auto" alt="" />
                     <p>{value}</p>
                 </div>
             </label>
@@ -174,18 +173,23 @@
 
 <style lang="scss">
     .cards {
-        display: flex;
-        flex-wrap: wrap;
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(9.125rem, 1fr));
+        align-items: stretch;
         gap: 1rem;
     }
 
     .card {
-        --card-padding: 2.5rem 0.5rem;
+        --card-padding: 0;
         --card-border-radius: var(--border-radius-small);
         display: block;
-
         position: relative;
 
+        block-size: auto;
+        display: grid;
+        place-items: center;
+        text-align: center;
+
         input {
             position: absolute;
             top: 0.5rem;
@@ -194,13 +198,12 @@
 
         .content {
             width: 9.125rem;
-            height: 4rem;
+            height: 5.5rem;
 
-            display: flex;
-            flex-direction: column;
-            justify-content: space-between;
-            align-items: center;
-            text-align: center;
+            padding: 0 2rem;
+
+            display: grid;
+            place-items: center;
         }
     }
 </style>
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index 226ddf325..abdc50d6b 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -134,7 +134,12 @@
 </script>
 
 <Container>
-    <Heading tag="h2" size="5">Migrations</Heading>
+    <div class="u-flex u-cross-center u-gap-8">
+        <Heading tag="h2" size="5">Migrations</Heading>
+        <div class="tag eyebrow-heading-3">
+            <span class="text u-x-small">Experimental</span>
+        </div>
+    </div>
 
     <CardGrid>
         <Heading tag="h3" size="7">Import project data</Heading>
@@ -186,25 +191,25 @@
                     <ul class="avatars-group">
                         <li class="avatars-group-item">
                             <div class="avatar">
-                                <img src="/logos/firebase.png" alt="Firebase" width="20" />
+                                <i class="icon-user-group" />
                             </div>
                         </li>
 
                         <li class="avatars-group-item">
                             <div class="avatar">
-                                <img src="/logos/supabase.png" alt="Supabase" width="20" />
+                                <i class="icon-database" />
                             </div>
                         </li>
 
                         <li class="avatars-group-item">
                             <div class="avatar">
-                                <img src="/logos/nhost.png" alt="nhost" width="20" />
+                                <i class="icon-lightning-bolt" />
                             </div>
                         </li>
 
                         <li class="avatars-group-item">
                             <div class="avatar">
-                                <img src="/logos/appwrite.png" alt="Appwrite" width="18" />
+                                <i class="icon-folder" />
                             </div>
                         </li>
                     </ul>

From 10acb7783f2e5e495c9bb272ac308fd141d8e671 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Sat, 22 Jul 2023 13:03:04 +0100
Subject: [PATCH 084/128] more commands

---
 src/lib/commandCenter/commands.ts             |  6 +-
 src/lib/commandCenter/panels/ai.svelte        |  2 +-
 .../panels/createAttribute.svelte             | 27 ++++++++
 src/lib/commandCenter/panels/index.ts         |  6 ++
 .../commandCenter/panels/organizations.svelte |  2 +-
 src/lib/commandCenter/panels/projects.svelte  |  2 +-
 .../commandCenter/searchers/collections.ts    | 22 +++---
 .../databases/+layout.svelte                  |  4 +-
 .../database-[database]/+layout.svelte        | 69 +++++++++++++++++++
 .../collection-[collection]/+layout.svelte    | 20 ++++++
 10 files changed, 144 insertions(+), 16 deletions(-)
 create mode 100644 src/lib/commandCenter/panels/createAttribute.svelte

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index fdf0e6ebd..7c1a00c3f 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -19,7 +19,9 @@ const groups = [
     'webhooks',
     'integrations',
     'migrations',
-    'users'
+    'users',
+    'collections',
+    'attributes'
 ] as const;
 
 export type CommandGroup = (typeof groups)[number];
@@ -104,7 +106,7 @@ export const commandCenterKeyDownHandler = derived(
         const reset = debounce(() => {
             recentKeyCodes = [];
             validCommands = [];
-        }, 2000);
+        }, 1000);
 
         const getHighestPriorityCommand = () => {
             if (!validCommands.length) return;
diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index 0b5b2b32a..3cc6a5409 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -6,8 +6,8 @@
     import { useCompletion } from 'ai/svelte';
     import { subPanels } from '../subPanels';
 
-    import CoolerAppwrite from '$lib/images/appwrite-cooler.svg';
     import { isLanguage, type Language } from '$lib/components/code.svelte';
+    import CoolerAppwrite from '$lib/images/appwrite-cooler.svg';
     import { VARS } from '$lib/system';
 
     const { input, handleSubmit, completion, isLoading, complete } = useCompletion({
diff --git a/src/lib/commandCenter/panels/createAttribute.svelte b/src/lib/commandCenter/panels/createAttribute.svelte
new file mode 100644
index 000000000..fe8587f22
--- /dev/null
+++ b/src/lib/commandCenter/panels/createAttribute.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+    import { attributeOptions } from '$routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/store';
+    import Template from './template.svelte';
+
+    let search = '';
+
+    let options = attributeOptions.map((option) => {
+        return {
+            label: option.name,
+            icon: option.icon,
+            callback() {
+              option.
+            }
+        };
+    });
+
+    $: filteredPlatforms = options.filter((option) => {
+        return option.label.toLowerCase().includes(search.toLowerCase());
+    });
+</script>
+
+<Template options={filteredPlatforms} 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 d3b8a87de..89da8f74a 100644
--- a/src/lib/commandCenter/panels/index.ts
+++ b/src/lib/commandCenter/panels/index.ts
@@ -36,3 +36,9 @@ export const DatabasesPanel: SubPanel = {
     name: 'Databases',
     component: Databases
 };
+
+import Collections from './collections.svelte';
+export const CollectionsPanel: SubPanel = {
+    name: 'Collections',
+    component: Collections
+};
diff --git a/src/lib/commandCenter/panels/organizations.svelte b/src/lib/commandCenter/panels/organizations.svelte
index 3401f6b18..260933327 100644
--- a/src/lib/commandCenter/panels/organizations.svelte
+++ b/src/lib/commandCenter/panels/organizations.svelte
@@ -7,5 +7,5 @@
 </script>
 
 <Template options={$results} bind:search={$search}>
-    <div class="option" slot="option" let:option>{option.label}</div>
+    <div slot="option" let:option>{option.label}</div>
 </Template>
diff --git a/src/lib/commandCenter/panels/projects.svelte b/src/lib/commandCenter/panels/projects.svelte
index 56120c7a9..faaed59a8 100644
--- a/src/lib/commandCenter/panels/projects.svelte
+++ b/src/lib/commandCenter/panels/projects.svelte
@@ -7,5 +7,5 @@
 </script>
 
 <Template options={$results} bind:search={$search}>
-    <div class="option" slot="option" let:option>{option.label}</div>
+    <div slot="option" let:option>{option.label}</div>
 </Template>
diff --git a/src/lib/commandCenter/searchers/collections.ts b/src/lib/commandCenter/searchers/collections.ts
index 1328e8685..adeb0baac 100644
--- a/src/lib/commandCenter/searchers/collections.ts
+++ b/src/lib/commandCenter/searchers/collections.ts
@@ -1,22 +1,26 @@
 import { goto } from '$app/navigation';
-import { sdk } from '$lib/stores/sdk';
+import { database } from '$routes/console/project-[project]/databases/database-[database]/store';
+import { project } from '$routes/console/project-[project]/store';
 import { get } from 'svelte/store';
 import type { Searcher } from '../commands';
-import { project } from '$routes/console/project-[project]/store';
+import { sdk } from '$lib/stores/sdk';
 
 export const collectionsSearcher = (async (query: string) => {
-    const { databases } = await sdk.forProject.databases.list();
+    const databaseId = get(database).$id;
+    const { collections } = await sdk.forProject.databases.listCollections(databaseId);
 
     const projectId = get(project).$id;
-    return databases
-        .filter((db) => db.name.toLowerCase().includes(query.toLowerCase()))
+    return collections
+        .filter((col) => col.name.toLowerCase().includes(query.toLowerCase()))
         .map(
-            (db) =>
+            (col) =>
                 ({
-                    group: 'databases',
-                    label: db.name,
+                    group: 'collections',
+                    label: col.name,
                     callback: () => {
-                        goto(`/console/project-${projectId}/databases/database-${db.$id}`);
+                        goto(
+                            `/console/project-${projectId}/databases/database-${databaseId}/collection-${col.$id}`
+                        );
                     }
                 } as const)
         );
diff --git a/src/routes/console/project-[project]/databases/+layout.svelte b/src/routes/console/project-[project]/databases/+layout.svelte
index 287d4c667..1f72a2fdf 100644
--- a/src/routes/console/project-[project]/databases/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/+layout.svelte
@@ -22,8 +22,8 @@
                 goto(`/console/project-${$project.$id}/databases/usage`);
             },
             keys: ['g', 'u'],
-            disabled: $page.url.pathname.includes('usage'),
-
+            disabled:
+                $page.url.pathname.includes('usage') || $page.url.pathname.includes('database-'),
             group: 'databases'
         }
     ]);
diff --git a/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte b/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
index 0663ea0f6..6ac88a4f8 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
@@ -6,6 +6,14 @@
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Dependencies } from '$lib/constants';
+    import {
+        addSubPanel,
+        registerCommands,
+        registerSearchers,
+        updateCommandGroupRanks
+    } from '$lib/commandCenter';
+    import { collectionsSearcher } from '$lib/commandCenter/searchers';
+    import { CollectionsPanel } from '$lib/commandCenter/panels';
 
     const project = $page.params.project;
     const databaseId = $page.params.database;
@@ -17,6 +25,67 @@
             `${base}/console/project-${project}/databases/database-${databaseId}/collection-${event.detail.$id}`
         );
     }
+
+    $: $registerCommands([
+        {
+            label: 'Find Collections',
+            callback() {
+                addSubPanel(CollectionsPanel);
+            },
+            keys: ['f', 'c'],
+            group: 'collections',
+            icon: 'search'
+        },
+        {
+            label: 'Create Collection',
+            callback() {
+                $showCreate = true;
+                if (!$page.url.pathname.endsWith(databaseId)) {
+                    goto(`/console/project-${project}/databases/database-${databaseId}`);
+                }
+            },
+            keys: $page.url.pathname.endsWith(databaseId) ? ['c'] : ['c', 'c'],
+            disabled: $page.url.pathname.includes('collection-'),
+            group: 'collections',
+            icon: 'plus'
+        },
+        {
+            label: 'Go to collections',
+            callback() {
+                goto(`/console/project-${project}/databases/database-${databaseId}`);
+            },
+            disabled:
+                $page.url.pathname.endsWith(databaseId) ||
+                $page.url.pathname.includes('collection-'),
+            keys: ['g', 'c'],
+            group: 'collections'
+        },
+        {
+            label: 'Go to usage',
+            callback() {
+                goto(`/console/project-${project}/databases/database-${databaseId}/usage`);
+            },
+            disabled:
+                $page.url.pathname.includes('/usage') || $page.url.pathname.includes('collection-'),
+            keys: ['g', 'u'],
+            group: 'collections'
+        },
+        {
+            label: 'Go to settings',
+            callback() {
+                goto(`/console/project-${project}/databases/database-${databaseId}/settings`);
+            },
+            disabled:
+                $page.url.pathname.includes('/settings') ||
+                $page.url.pathname.includes('collection-'),
+            keys: ['g', 's'],
+            group: 'collections'
+        }
+    ]);
+
+    $registerSearchers(collectionsSearcher);
+
+    $: $updateCommandGroupRanks((p) => ({ ...p, collections: 10 }));
 </script>
 
 <svelte:head>
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 e8c0d8ccc..024a9679e 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
@@ -4,6 +4,7 @@
     import { sdk } from '$lib/stores/sdk';
     import { onDestroy, onMount } from 'svelte';
     import { collection } from './store';
+    import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
 
     let unsubscribe: { (): void };
 
@@ -23,6 +24,25 @@
             unsubscribe();
         }
     });
+
+    $: $registerCommands([
+        {
+            label: 'Create Attribute',
+            keys: ['c', 'a'],
+            callback() {
+                // no-op
+            },
+            icon: 'plus',
+            group: 'attributes'
+        }
+    ]);
+
+    $updateCommandGroupRanks((p) => ({
+        ...p,
+        attributes: 1000,
+        documents: 900,
+        collections: 800
+    }));
 </script>
 
 <svelte:head>

From 1fb3a0151fd2416aa273d9b7a7288fd17e6adb26 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Sat, 22 Jul 2023 13:27:46 +0100
Subject: [PATCH 085/128] db commands

---
 .../panels/createAttribute.svelte             |  7 +-
 src/lib/commandCenter/panels/index.ts         |  6 ++
 .../collection-[collection]/+layout.svelte    | 94 ++++++++++++++++++-
 .../collection-[collection]/+page.svelte      |  3 +-
 .../attributes/+page.svelte                   |  6 +-
 .../attributes/createAttributeDropdown.svelte |  6 +-
 .../attributes/edit.svelte                    |  4 +-
 .../attributes/store.ts                       | 14 ++-
 .../createAttribute.svelte                    |  6 +-
 9 files changed, 126 insertions(+), 20 deletions(-)

diff --git a/src/lib/commandCenter/panels/createAttribute.svelte b/src/lib/commandCenter/panels/createAttribute.svelte
index fe8587f22..9e4f02eff 100644
--- a/src/lib/commandCenter/panels/createAttribute.svelte
+++ b/src/lib/commandCenter/panels/createAttribute.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { initCreateAttribute } from '$routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte';
     import { attributeOptions } from '$routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/store';
     import Template from './template.svelte';
 
@@ -9,17 +10,17 @@
             label: option.name,
             icon: option.icon,
             callback() {
-              option.
+                initCreateAttribute(option.name);
             }
         };
     });
 
-    $: filteredPlatforms = options.filter((option) => {
+    $: filteredOptions = options.filter((option) => {
         return option.label.toLowerCase().includes(search.toLowerCase());
     });
 </script>
 
-<Template options={filteredPlatforms} bind:search>
+<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>
diff --git a/src/lib/commandCenter/panels/index.ts b/src/lib/commandCenter/panels/index.ts
index 89da8f74a..6e4f7a81e 100644
--- a/src/lib/commandCenter/panels/index.ts
+++ b/src/lib/commandCenter/panels/index.ts
@@ -42,3 +42,9 @@ export const CollectionsPanel: SubPanel = {
     name: 'Collections',
     component: Collections
 };
+
+import CreateAttribute from './createAttribute.svelte';
+export const CreateAttributePanel: SubPanel = {
+    name: 'Create Attribute',
+    component: CreateAttribute
+};
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 024a9679e..d913f9142 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
@@ -1,10 +1,28 @@
+<script lang="ts" context="module">
+    const createAttributeArgs = writable({
+        showCreate: false,
+        selectedOption: null as Option['name'] | null
+    });
+
+    export const initCreateAttribute = (option: Option['name']) => {
+        createAttributeArgs.set({ showCreate: true, selectedOption: option });
+    };
+</script>
+
 <script lang="ts">
-    import { invalidate } from '$app/navigation';
+    import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { sdk } from '$lib/stores/sdk';
     import { onDestroy, onMount } from 'svelte';
     import { collection } from './store';
-    import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
+    import { addSubPanel, registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
+    import CreateAttribute from './createAttribute.svelte';
+    import { writable } from 'svelte/store';
+    import type { Option } from './attributes/store';
+    import { CreateAttributePanel } from '$lib/commandCenter/panels';
+    import { database } from '../store';
+    import { project } from '$routes/console/project-[project]/store';
+    import { page } from '$app/stores';
 
     let unsubscribe: { (): void };
 
@@ -28,12 +46,78 @@
     $: $registerCommands([
         {
             label: 'Create Attribute',
-            keys: ['c', 'a'],
+            keys: $page.url.pathname.endsWith('attributes') ? ['c'] : ['c', 'a'],
             callback() {
-                // no-op
+                addSubPanel(CreateAttributePanel);
             },
             icon: 'plus',
             group: 'attributes'
+        },
+        {
+            label: 'Go to Documents',
+            keys: ['g', 'd'],
+            callback() {
+                goto(
+                    `/console/project-${$project?.$id}/databases/database-${$database?.$id}/collection-${$collection?.$id}`
+                );
+            },
+            disabled: $page.url.pathname.endsWith($collection.$id),
+            group: 'collections'
+        },
+        {
+            label: 'Go to Attributes',
+            keys: ['g', 'a'],
+            callback() {
+                goto(
+                    `/console/project-${$project?.$id}/databases/database-${$database?.$id}/collection-${$collection?.$id}/attributes`
+                );
+            },
+            disabled: $page.url.pathname.endsWith('attributes'),
+            group: 'collections'
+        },
+        {
+            label: 'Go to Indexes',
+            keys: ['g', 'i'],
+            callback() {
+                goto(
+                    `/console/project-${$project?.$id}/databases/database-${$database?.$id}/collection-${$collection?.$id}/indexes`
+                );
+            },
+            disabled: $page.url.pathname.endsWith('indexes'),
+            group: 'collections'
+        },
+        {
+            label: 'Go to Activity',
+            keys: ['g', 'c'],
+            callback() {
+                goto(
+                    `/console/project-${$project?.$id}/databases/database-${$database?.$id}/collection-${$collection?.$id}/activity`
+                );
+            },
+            disabled: $page.url.pathname.endsWith('activity'),
+            group: 'collections'
+        },
+        {
+            label: 'Go to Usage',
+            keys: ['g', 'u'],
+            callback() {
+                goto(
+                    `/console/project-${$project?.$id}/databases/database-${$database?.$id}/collection-${$collection?.$id}/usage`
+                );
+            },
+            disabled: $page.url.pathname.endsWith('usage'),
+            group: 'collections'
+        },
+        {
+            label: 'Go to Settings',
+            keys: ['g', 's'],
+            callback() {
+                goto(
+                    `/console/project-${$project?.$id}/databases/database-${$database?.$id}/collection-${$collection?.$id}/settings`
+                );
+            },
+            disabled: $page.url.pathname.endsWith('settings'),
+            group: 'collections'
         }
     ]);
 
@@ -50,3 +134,5 @@
 </svelte:head>
 
 <slot />
+
+<CreateAttribute {...$createAttributeArgs} />
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
index d99f0bbf7..127eca328 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
@@ -11,12 +11,13 @@
     import { preferences } from '$lib/stores/preferences';
     import { page } from '$app/stores';
     import CreateAttributeDropdown from './attributes/createAttributeDropdown.svelte';
+    import type { Option } from './attributes/store';
 
     export let data: PageData;
 
     let showCreateAttribute = false;
     let showCreateDropdown = false;
-    let selectedAttribute: string = null;
+    let selectedAttribute: Option['name'] = null;
 
     $: selected = preferences.getCustomCollectionColumns($page.params.collection);
     $: columns.set(
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/+page.svelte
index 10f82e672..09f5a8522 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/+page.svelte
@@ -21,7 +21,7 @@
     import CreateAttributeDropdown from './createAttributeDropdown.svelte';
     import Delete from './deleteAttribute.svelte';
     import Edit from './edit.svelte';
-    import { options } from './store';
+    import { attributeOptions } from './store';
 
     const projectId = $page.params.project;
     const databaseId = $page.params.database;
@@ -61,7 +61,9 @@
             </TableHeader>
             <TableBody>
                 {#each $attributes as attribute, index}
-                    {@const option = options.find((option) => option.type === attribute.type)}
+                    {@const option = attributeOptions.find(
+                        (option) => option.type === attribute.type
+                    )}
                     <TableRow>
                         <TableCell title="Key">
                             <div class="u-flex u-main-space-between u-cross-center">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/createAttributeDropdown.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/createAttributeDropdown.svelte
index 662110af8..4189730f4 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/createAttributeDropdown.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/createAttributeDropdown.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
     import { DropList, DropListItem } from '$lib/components';
     import { Button } from '$lib/elements/forms';
-    import { options } from './store';
+    import { attributeOptions, type Option } from './store';
 
     export let showCreateDropdown = false;
 
-    export let selectedOption: string = null;
+    export let selectedOption: Option['name'] = null;
     export let showCreate = false;
 </script>
 
@@ -19,7 +19,7 @@
         </Button>
     </slot>
     <svelte:fragment slot="list">
-        {#each options as attribute}
+        {#each attributeOptions as attribute}
             <DropListItem
                 icon={attribute.icon}
                 on:click={() => {
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/edit.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/edit.svelte
index e4ea11990..9ee62ebaf 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/edit.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/edit.svelte
@@ -9,7 +9,7 @@
     import { deepEqual } from '$lib/helpers/object';
     import { addNotification } from '$lib/stores/notifications';
     import type { Attributes } from '../store';
-    import { options, type Option } from './store';
+    import { attributeOptions, type Option } from './store';
 
     export let showEdit = false;
     export let selectedAttribute: Attributes;
@@ -20,7 +20,7 @@
     let error: string;
     let currentAttr: Attributes;
 
-    $: option = options.find((option) => {
+    $: option = attributeOptions.find((option) => {
         if (selectedAttribute) {
             if ('format' in selectedAttribute && selectedAttribute.format) {
                 return option?.format === selectedAttribute?.format;
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/store.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/store.ts
index 7e7a08166..d1e22c02b 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/store.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/store.ts
@@ -13,7 +13,17 @@ import type { Attributes } from '../store';
 import Relationship, { submitRelationship, updateRelationship } from './relationship.svelte';
 
 export type Option = {
-    name: string;
+    name:
+        | 'String'
+        | 'Integer'
+        | 'Float'
+        | 'Boolean'
+        | 'Datetime'
+        | 'Email'
+        | 'IP'
+        | 'URL'
+        | 'Enum'
+        | 'Relationship';
     component: typeof SvelteComponent;
     type: 'string' | 'integer' | 'double' | 'boolean' | 'datetime' | 'relationship';
     create: (
@@ -27,7 +37,7 @@ export type Option = {
     icon: string;
 };
 
-export const options: Option[] = [
+export const attributeOptions: Option[] = [
     {
         name: 'String',
         component: String,
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
index 8f6c64749..4ac6210ad 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Modal } from '$lib/components';
-    import { option, options } from './attributes/store';
+    import { option, attributeOptions, type Option } from './attributes/store';
     import { Button, InputText, FormList } from '$lib/elements/forms';
     import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
@@ -13,7 +13,7 @@
     import { feedback } from '$lib/stores/app';
 
     export let showCreate = false;
-    export let selectedOption: string = null;
+    export let selectedOption: Option['name'] = null;
     const databaseId = $page.params.database;
     $: collectionId = $page.params.collection;
 
@@ -82,7 +82,7 @@
     }
 
     $: if (selectedOption) {
-        $option = options.find((option) => option.name === selectedOption);
+        $option = attributeOptions.find((option) => option.name === selectedOption);
     }
 
     $: if (!showCreate) {

From 14051cc0a3b70c442f48d9c05107b07645632a40 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 24 Jul 2023 09:57:33 +0100
Subject: [PATCH 086/128] more commands & searchers & version check

---
 src/lib/commandCenter/commands.ts             | 12 +++--
 src/lib/commandCenter/panels/index.ts         | 12 +++++
 src/lib/commandCenter/panels/teams.svelte     |  9 ++++
 src/lib/commandCenter/panels/template.svelte  | 18 +++++++-
 src/lib/commandCenter/panels/users.svelte     |  9 ++++
 src/lib/commandCenter/searchers/index.ts      |  1 +
 src/lib/commandCenter/searchers/teams.ts      | 45 +++++++++++++++++++
 src/lib/stores/migration.ts                   | 33 +++++++++++---
 .../(migration-wizard)/resource-form.svelte   |  7 +--
 src/routes/console/+layout.svelte             | 36 ++++++++++++++-
 .../project-[project]/auth/+layout.svelte     | 18 +++++---
 .../databases/+layout.svelte                  | 13 +-----
 .../collection-[collection]/+layout.svelte    | 30 ++++++++++++-
 13 files changed, 209 insertions(+), 34 deletions(-)
 create mode 100644 src/lib/commandCenter/panels/teams.svelte
 create mode 100644 src/lib/commandCenter/panels/users.svelte
 create mode 100644 src/lib/commandCenter/searchers/teams.ts

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 7c1a00c3f..c6a8afdfe 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -21,7 +21,10 @@ const groups = [
     'migrations',
     'users',
     'collections',
-    'attributes'
+    'attributes',
+    'indexes',
+    'documents',
+    'teams'
 ] as const;
 
 export type CommandGroup = (typeof groups)[number];
@@ -265,8 +268,11 @@ export const commandGroupRanks = derived(groupRankTransformations, ($groupRankTr
     const initialRanks = {
         ...Object.fromEntries(groups.map((group) => [group, 0])),
         ungrouped: 9999,
-        users: 1,
-        help: -1
+        databases: 3,
+        users: 2,
+        teams: 1,
+        navigation: -1,
+        help: -2
     } as CommandGroupRanks;
 
     const transformations = Array.from($groupRankTransformations.values());
diff --git a/src/lib/commandCenter/panels/index.ts b/src/lib/commandCenter/panels/index.ts
index 6e4f7a81e..f6967f76d 100644
--- a/src/lib/commandCenter/panels/index.ts
+++ b/src/lib/commandCenter/panels/index.ts
@@ -48,3 +48,15 @@ export const CreateAttributePanel: SubPanel = {
     name: 'Create Attribute',
     component: CreateAttribute
 };
+
+import Users from './users.svelte';
+export const UsersPanel: SubPanel = {
+    name: 'Users',
+    component: Users
+};
+
+import Teams from './teams.svelte';
+export const TeamsPanel: SubPanel = {
+    name: 'Teams',
+    component: Teams
+};
diff --git a/src/lib/commandCenter/panels/teams.svelte b/src/lib/commandCenter/panels/teams.svelte
new file mode 100644
index 000000000..4fd91e47e
--- /dev/null
+++ b/src/lib/commandCenter/panels/teams.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+    import { useSearcher } from '../commands';
+    import { teamSearcher } from '../searchers';
+    import Template from './template.svelte';
+
+    const { search, results } = useSearcher(teamSearcher);
+</script>
+
+<Template options={$results} bind:search={$search} />
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 702a43607..bfc1bdcaa 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -13,7 +13,14 @@
     import { quadOut } from 'svelte/easing';
     import { crossfade } from 'svelte/transition';
 
-    type BaseOption = { callback: () => void; group?: string; rank?: number; nested?: boolean };
+    type BaseOption = {
+        callback: () => void;
+        group?: string;
+        rank?: number;
+        nested?: boolean;
+        icon?: string;
+        label?: string;
+    };
     type Option = $$Generic<BaseOption>;
     export let options: Option[] | null = null;
     export let search = '';
@@ -275,7 +282,14 @@
                                 on:click={getOptionClickHandler(item)}
                                 on:mouseover={getOptionFocusHandler(item)}
                                 on:focus={getOptionFocusHandler(item)}>
-                                <slot name="option" option={castOption(item)} />
+                                <slot name="option" option={castOption(item)}>
+                                    <div class="u-flex u-gap-8 u-cross-center">
+                                        <i class="icon-{item.icon ?? 'arrow-sm-right'}" />
+                                        <span>
+                                            {item.label}
+                                        </span>
+                                    </div>
+                                </slot>
                             </button>
                         </li>
                     {/if}
diff --git a/src/lib/commandCenter/panels/users.svelte b/src/lib/commandCenter/panels/users.svelte
new file mode 100644
index 000000000..349955746
--- /dev/null
+++ b/src/lib/commandCenter/panels/users.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+    import { useSearcher } from '../commands';
+    import { userSearcher } from '../searchers';
+    import Template from './template.svelte';
+
+    const { search, results } = useSearcher(userSearcher);
+</script>
+
+<Template options={$results} bind:search={$search} />
diff --git a/src/lib/commandCenter/searchers/index.ts b/src/lib/commandCenter/searchers/index.ts
index 3faef3a8d..083f1938d 100644
--- a/src/lib/commandCenter/searchers/index.ts
+++ b/src/lib/commandCenter/searchers/index.ts
@@ -3,3 +3,4 @@ export * from './users';
 export * from './organizations';
 export * from './collections';
 export * from './projects';
+export * from './teams';
diff --git a/src/lib/commandCenter/searchers/teams.ts b/src/lib/commandCenter/searchers/teams.ts
new file mode 100644
index 000000000..0af0c1ba0
--- /dev/null
+++ b/src/lib/commandCenter/searchers/teams.ts
@@ -0,0 +1,45 @@
+import { goto } from '$app/navigation';
+import { sdk } from '$lib/stores/sdk';
+import { project } from '$routes/console/project-[project]/store';
+import { get } from 'svelte/store';
+import type { Command, Searcher } from '../commands';
+import type { Models } from '@appwrite.io/console';
+
+const getTeamCommand = (team: Models.Team<Models.Preferences>, projectId: string) =>
+    ({
+        label: team.name,
+        callback: () => {
+            goto(`/console/project-${projectId}/auth/teams/team-${team.$id}`);
+        },
+        group: 'teams',
+        icon: 'user-circle'
+    } satisfies Command);
+
+export const teamSearcher = (async (query: string) => {
+    const { teams } = await sdk.forProject.teams.list([], query);
+    const projectId = get(project).$id;
+
+    if (teams.length === 1) {
+        return [
+            getTeamCommand(teams[0], projectId),
+            {
+                label: 'Go to members',
+                callback: () => {
+                    goto(`/console/project-${projectId}/auth/teams/team-${teams[0].$id}/members`);
+                },
+                group: 'teams',
+                nested: true
+            },
+
+            {
+                label: 'Go to activity',
+                callback: () => {
+                    goto(`/console/project-${projectId}/auth/teams/team-${teams[0].$id}/activity`);
+                },
+                group: 'teams',
+                nested: true
+            }
+        ];
+    }
+    return teams.map((team) => getTeamCommand(team, projectId));
+}) satisfies Searcher;
diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
index eab4c3bb8..4932b8682 100644
--- a/src/lib/stores/migration.ts
+++ b/src/lib/stores/migration.ts
@@ -103,7 +103,31 @@ export const migrationFormToResources = (formData: MigrationFormData): Resource[
     return resources;
 };
 
-export const resourcesToMigrationForm = (resources: Resource[]): MigrationFormData => {
+const compareVersions = (a: string, b: string) => {
+    const aParts = a.split('.');
+    const bParts = b.split('.');
+    const maxLength = Math.max(aParts.length, bParts.length);
+    for (let i = 0; i < maxLength; i++) {
+        const aPart = aParts[i] ? parseInt(aParts[i]) : 0;
+        const bPart = bParts[i] ? parseInt(bParts[i]) : 0;
+        if (aPart > bPart) {
+            return 1;
+        }
+        if (aPart < bPart) {
+            return -1;
+        }
+    }
+    return 0;
+};
+
+export const isVersionAtLeast = (version: string, atLeast: string) => {
+    return compareVersions(version, atLeast) >= 0;
+};
+
+export const resourcesToMigrationForm = (
+    resources: Resource[],
+    version = '1.4'
+): MigrationFormData => {
     const formData = { ...initialFormData };
     if (resources.includes('user')) {
         formData.users.root = true;
@@ -117,13 +141,13 @@ export const resourcesToMigrationForm = (resources: Resource[]): MigrationFormDa
     if (includesAll(resources, ['collection', 'attribute', 'index', 'document'])) {
         formData.databases.documents = true;
     }
-    if (resources.includes('function')) {
+    if (resources.includes('function') && isVersionAtLeast(version, '1.4')) {
         formData.functions.root = true;
     }
-    if (resources.includes('envVar')) {
+    if (resources.includes('envVar') && isVersionAtLeast(version, '1.4')) {
         formData.functions.env = true;
     }
-    if (resources.includes('deployment')) {
+    if (resources.includes('deployment') && isVersionAtLeast(version, '1.4')) {
         formData.functions.inactive = true;
     }
     if (includesAll(resources, ['bucket', 'file'])) {
@@ -168,7 +192,6 @@ type NhostInput = {
 export type ProviderInput = AppwriteInput | NhostInput | SupabaseInput | FirebaseInput;
 export type Provider = ProviderInput['provider'];
 
-
 const initialProvider: ProviderInput = { provider: 'appwrite' };
 export const createMigrationProviderStore = () => {
     const store = writable<ProviderInput>({ ...initialProvider });
diff --git a/src/routes/console/(migration-wizard)/resource-form.svelte b/src/routes/console/(migration-wizard)/resource-form.svelte
index eb4adaccc..7fed1ee2e 100644
--- a/src/routes/console/(migration-wizard)/resource-form.svelte
+++ b/src/routes/console/(migration-wizard)/resource-form.svelte
@@ -10,10 +10,10 @@
     import {
         createMigrationFormStore,
         createMigrationProviderStore,
+        isVersionAtLeast,
         providerResources,
         resourcesToMigrationForm
     } from '$lib/stores/migration';
-    import { wizard } from '$lib/stores/wizard';
 
     export let formData: ReturnType<typeof createMigrationFormStore>;
     export let provider: ReturnType<typeof createMigrationProviderStore>;
@@ -62,10 +62,11 @@
     }
 
     function selectAll() {
-        $formData = resourcesToMigrationForm(resources);
+        $formData = resourcesToMigrationForm(resources, version);
     }
 
     let report: any;
+    $: version = report?.version || '0.0';
 
     onMount(async () => {
         switch ($provider.provider) {
@@ -224,7 +225,7 @@
         </li>
     {/if}
 
-    {#if resources.includes('function')}
+    {#if resources.includes('function') && isVersionAtLeast(version, '1.4')}
         <li class="checkbox-field">
             <input
                 type="checkbox"
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index a7eb184f2..b6f669e35 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -18,10 +18,17 @@
     import { goto } from '$app/navigation';
 
     import { CommandCenter, registerCommands, registerSearchers } from '$lib/commandCenter';
-    import { AIPanel, OrganizationsPanel } from '$lib/commandCenter/panels';
+    import {
+        AIPanel,
+        DatabasesPanel,
+        OrganizationsPanel,
+        TeamsPanel,
+        UsersPanel
+    } from '$lib/commandCenter/panels';
     import { addSubPanel } from '$lib/commandCenter/subPanels';
     import { openMigrationWizard } from './(migration-wizard)';
     import { orgSearcher, projectsSearcher } from '$lib/commandCenter/searchers';
+    import Databases from '$lib/commandCenter/panels/databases.svelte';
 
     $: $registerCommands([
         {
@@ -49,6 +56,33 @@
             icon: 'search',
             keys: ['f', 'o']
         },
+        {
+            label: 'Find Users',
+            callback: () => {
+                addSubPanel(UsersPanel);
+            },
+            group: 'users',
+            icon: 'search',
+            keys: ['f', 'u']
+        },
+        {
+            label: 'Find Teams',
+            callback: () => {
+                addSubPanel(TeamsPanel);
+            },
+            group: 'teams',
+            icon: 'search',
+            keys: ['f', 't']
+        },
+        {
+            label: 'Find Databases',
+            callback: () => {
+                addSubPanel(DatabasesPanel);
+            },
+            group: 'databases',
+            icon: 'search',
+            keys: ['f', 'd']
+        },
         {
             label: 'Create new Organization',
             callback: () => {
diff --git a/src/routes/console/project-[project]/auth/+layout.svelte b/src/routes/console/project-[project]/auth/+layout.svelte
index 2fb2fefec..8d4a0fec7 100644
--- a/src/routes/console/project-[project]/auth/+layout.svelte
+++ b/src/routes/console/project-[project]/auth/+layout.svelte
@@ -17,7 +17,7 @@
             },
             keys: $page.url.pathname.endsWith('auth') ? ['c'] : ['c', 'u'],
 
-            group: 'auth',
+            group: 'users',
             icon: 'plus',
             rank: $page.url.pathname.endsWith('auth') ? 10 : 0
         },
@@ -31,7 +31,7 @@
             },
             keys: $page.url.pathname.endsWith('teams') ? ['c'] : ['c', 't'],
 
-            group: 'auth',
+            group: 'teams',
             icon: 'plus',
             rank: $page.url.pathname.endsWith('teams') ? 10 : 0
         },
@@ -41,7 +41,8 @@
             callback() {
                 goto(`/console/project-${$project.$id}/auth/teams`);
             },
-            group: 'auth',
+            group: 'navigation',
+            rank: 1,
             disabled: $page.url.pathname.endsWith('teams')
         },
         {
@@ -50,7 +51,8 @@
             callback() {
                 goto(`/console/project-${$project.$id}/auth/usage`);
             },
-            group: 'auth',
+            group: 'navigation',
+            rank: 1,
             disabled: $page.url.pathname.endsWith('usage')
         },
         {
@@ -59,7 +61,8 @@
             callback() {
                 goto(`/console/project-${$project.$id}/auth/security`);
             },
-            group: 'auth',
+            group: 'navigation',
+            rank: 1,
             disabled: $page.url.pathname.endsWith('security')
         },
         {
@@ -68,12 +71,13 @@
             callback() {
                 goto(`/console/project-${$project.$id}/auth/settings`);
             },
-            group: 'auth',
+            group: 'navigation',
+            rank: 1,
             disabled: $page.url.pathname.endsWith('settings')
         }
     ]);
 
-    $: $updateCommandGroupRanks((prev) => ({ ...prev, auth: 200 }));
+    $: $updateCommandGroupRanks((prev) => ({ ...prev, users: 200, teams: 100 }));
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/databases/+layout.svelte b/src/routes/console/project-[project]/databases/+layout.svelte
index 1f72a2fdf..9bc9aaffb 100644
--- a/src/routes/console/project-[project]/databases/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/+layout.svelte
@@ -1,21 +1,10 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
     import { page } from '$app/stores';
-    import { addSubPanel, registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
-    import { DatabasesPanel } from '$lib/commandCenter/panels';
+    import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
     import { project } from '../store';
 
     $: $registerCommands([
-        {
-            label: 'Find databases',
-            callback: () => {
-                addSubPanel(DatabasesPanel);
-            },
-            keys: ['f', 'd'],
-            icon: 'search',
-            group: 'databases',
-            rank: 200
-        },
         {
             label: 'Go to usage',
             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 d913f9142..0030617c6 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
@@ -7,6 +7,11 @@
     export const initCreateAttribute = (option: Option['name']) => {
         createAttributeArgs.set({ showCreate: true, selectedOption: option });
     };
+
+    const showCreateIndex = writable(false);
+    export const initCreateIndex = () => {
+        showCreateIndex.set(true);
+    };
 </script>
 
 <script lang="ts">
@@ -23,6 +28,9 @@
     import { database } from '../store';
     import { project } from '$routes/console/project-[project]/store';
     import { page } from '$app/stores';
+    import CreateIndex from './indexes/createIndex.svelte';
+    import { wizard } from '$lib/stores/wizard';
+    import CreateDocument from './createDocument.svelte';
 
     let unsubscribe: { (): void };
 
@@ -44,6 +52,15 @@
     });
 
     $: $registerCommands([
+        {
+            label: 'Create Document',
+            keys: $page.url.pathname.endsWith($collection.$id) ? ['c'] : ['c', 'd'],
+            callback() {
+                wizard.start(CreateDocument);
+            },
+            icon: 'plus',
+            group: 'documents'
+        },
         {
             label: 'Create Attribute',
             keys: $page.url.pathname.endsWith('attributes') ? ['c'] : ['c', 'a'],
@@ -118,6 +135,15 @@
             },
             disabled: $page.url.pathname.endsWith('settings'),
             group: 'collections'
+        },
+        {
+            label: 'Create Index',
+            keys: $page.url.pathname.endsWith('indexes') ? ['c'] : ['c', 'i'],
+            callback() {
+                initCreateIndex();
+            },
+            icon: 'plus',
+            group: 'indexes'
         }
     ]);
 
@@ -125,7 +151,8 @@
         ...p,
         attributes: 1000,
         documents: 900,
-        collections: 800
+        collections: 800,
+        indexes: 700
     }));
 </script>
 
@@ -136,3 +163,4 @@
 <slot />
 
 <CreateAttribute {...$createAttributeArgs} />
+<CreateIndex bind:showCreateIndex={$showCreateIndex} />

From c76a61e50abc965613d8795014a98102b87981ca Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 24 Jul 2023 11:09:09 +0100
Subject: [PATCH 087/128] feat: import from org settings

---
 src/lib/commandCenter/commandCenter.svelte    |  1 -
 src/lib/commandCenter/commands.ts             |  2 -
 src/lib/commandCenter/panels/template.svelte  | 14 ++--
 src/lib/elements/forms/inputText.svelte       |  1 -
 src/routes/console/+layout.svelte             | 39 ++---------
 .../organization-[organization]/+page.svelte  | 67 ++++++++++++++-----
 .../console/project-[project]/+layout.svelte  | 30 ++++++++-
 .../migrations/(import)/wizard.svelte         |  2 +-
 8 files changed, 93 insertions(+), 63 deletions(-)

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index 447ccb336..5fc9aad48 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -14,7 +14,6 @@
     };
 
     export const toggleCommandCenter = () => {
-        console.log('toggleCommandCenter');
         if (get(subPanels).length > 0) {
             clearSubPanels();
         } else {
diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index c6a8afdfe..386536396 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -288,7 +288,6 @@ export const registerSearchers = {
 
         runner((...searchers: Searcher[]) => {
             searchersMap.update((curr) => {
-                console.log(curr);
                 curr.set(uuid, [...searchers]);
                 return curr;
             });
@@ -296,7 +295,6 @@ export const registerSearchers = {
 
         return () => {
             searchersMap.update((curr) => {
-                console.log('deleting', curr, uuid);
                 curr.delete(uuid);
                 return curr;
             });
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index bfc1bdcaa..043d6b22b 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -81,18 +81,15 @@
 
                 if (selectedIdx === 0) {
                     contentEl.scrollTo({
-                        top: 0,
-                        behavior: 'smooth'
+                        top: 0
                     });
                 } else if (selectedIdx === resultEls.length - 1) {
                     contentEl.scrollTo({
-                        top: contentEl.scrollHeight,
-                        behavior: 'smooth'
+                        top: contentEl.scrollHeight
                     });
                 } else if (selectedEl) {
                     selectedEl.scrollIntoView({
-                        block: 'nearest',
-                        behavior: 'smooth'
+                        block: 'nearest'
                     });
                 }
             });
@@ -272,10 +269,7 @@
                             class:first-nested={isFirstNested(i)}
                             class:last-nested={isLastNested(i)}>
                             {#if isSelected}
-                                <div
-                                    class="bg"
-                                    in:send|local={{ key: 'bg' }}
-                                    out:receive|local={{ key: 'bg' }} />
+                                <div class="bg" />
                             {/if}
                             <button
                                 class="option"
diff --git a/src/lib/elements/forms/inputText.svelte b/src/lib/elements/forms/inputText.svelte
index 702d6228a..9f8ff0c1d 100644
--- a/src/lib/elements/forms/inputText.svelte
+++ b/src/lib/elements/forms/inputText.svelte
@@ -30,7 +30,6 @@
     });
 
     const handleInvalid = (event: Event) => {
-        console.log('Invalid');
         event.preventDefault();
 
         if (element.validity.valueMissing) {
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index b6f669e35..c1c8e954e 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -18,17 +18,10 @@
     import { goto } from '$app/navigation';
 
     import { CommandCenter, registerCommands, registerSearchers } from '$lib/commandCenter';
-    import {
-        AIPanel,
-        DatabasesPanel,
-        OrganizationsPanel,
-        TeamsPanel,
-        UsersPanel
-    } from '$lib/commandCenter/panels';
+    import { AIPanel, OrganizationsPanel, ProjectsPanel } from '$lib/commandCenter/panels';
+    import { orgSearcher, projectsSearcher } from '$lib/commandCenter/searchers';
     import { addSubPanel } from '$lib/commandCenter/subPanels';
     import { openMigrationWizard } from './(migration-wizard)';
-    import { orgSearcher, projectsSearcher } from '$lib/commandCenter/searchers';
-    import Databases from '$lib/commandCenter/panels/databases.svelte';
 
     $: $registerCommands([
         {
@@ -57,31 +50,13 @@
             keys: ['f', 'o']
         },
         {
-            label: 'Find Users',
+            label: 'Find a project',
             callback: () => {
-                addSubPanel(UsersPanel);
+                addSubPanel(ProjectsPanel);
             },
-            group: 'users',
-            icon: 'search',
-            keys: ['f', 'u']
-        },
-        {
-            label: 'Find Teams',
-            callback: () => {
-                addSubPanel(TeamsPanel);
-            },
-            group: 'teams',
-            icon: 'search',
-            keys: ['f', 't']
-        },
-        {
-            label: 'Find Databases',
-            callback: () => {
-                addSubPanel(DatabasesPanel);
-            },
-            group: 'databases',
-            icon: 'search',
-            keys: ['f', 'd']
+            keys: ['f', 'p'],
+            group: 'projects',
+            icon: 'search'
         },
         {
             label: 'Create new Organization',
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index a48398326..f0e2b1931 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -1,16 +1,29 @@
 <script lang="ts">
     import { base } from '$app/paths';
     import { page } from '$app/stores';
-    import { addSubPanel, registerCommands } from '$lib/commandCenter';
-    import { ProjectsPanel } from '$lib/commandCenter/panels';
-    import { CardContainer, Empty, GridItem1, Heading, PaginationWithLimit } from '$lib/components';
+    import { registerCommands } from '$lib/commandCenter';
+    import {
+        CardContainer,
+        DropList,
+        DropListItem,
+        Empty,
+        GridItem1,
+        Heading,
+        PaginationWithLimit
+    } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
 
     import { Container } from '$lib/layout';
+    import { sdk } from '$lib/stores/sdk';
+    import { ID } from '@appwrite.io/console';
     import CreateOrganization from '../createOrganization.svelte';
     import type { PageData } from './$types';
     import CreateProject from './createProject.svelte';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { goto } from '$app/navigation';
+    import { openImportWizard } from '../project-[project]/settings/migrations/(import)';
+    import { loading } from '$routes/store';
 
     export let data: PageData;
 
@@ -48,15 +61,6 @@
     }
 
     $: $registerCommands([
-        {
-            label: 'Find a project',
-            callback: () => {
-                addSubPanel(ProjectsPanel);
-            },
-            keys: ['f'],
-            group: 'projects',
-            icon: 'search'
-        },
         {
             label: 'Create project',
             callback: () => {
@@ -68,14 +72,47 @@
             icon: 'plus'
         }
     ]);
+
+    let showDropdown = false;
+
+    const importProject = async () => {
+        try {
+            loading.set(true);
+            const project = await sdk.forConsole.projects.create(
+                ID.unique(),
+                `Imported project ${new Date().toISOString()}`,
+                $page.params.organization,
+                'default'
+            );
+            trackEvent(Submit.ProjectCreate, {
+                teamId: $page.params.organization
+            });
+            await goto(`/console/project-${project.$id}/settings/migrations`);
+            openImportWizard();
+            loading.set(false);
+        } catch (e) {
+            trackError(e, Submit.ProjectCreate);
+        }
+    };
 </script>
 
 <Container>
     <div class="u-flex u-gap-12 common-section u-main-space-between">
         <Heading tag="h2" size="5">Projects</Heading>
-        <Button on:click={() => (showCreate = true)} event="create_project">
-            <span class="icon-plus" aria-hidden="true" /> <span class="text">Create project</span>
-        </Button>
+        <DropList bind:show={showDropdown} placement="bottom-end">
+            <Button on:click={() => (showDropdown = true)} event="create_project">
+                <span class="icon-plus" aria-hidden="true" />
+                <span class="text">Create project</span>
+            </Button>
+            <svelte:fragment slot="list">
+                <DropListItem on:click={() => (showCreate = true)}>Empty project</DropListItem>
+                <DropListItem on:click={importProject}>
+                    <div class="u-flex u-gap-8 u-cross-center">
+                        Import project <span class="tag eyebrow-heading-3">Experimental</span>
+                    </div>
+                </DropListItem>
+            </svelte:fragment>
+        </DropList>
     </div>
 
     {#if data.projects.total}
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index e445fdd82..02688f938 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -5,10 +5,11 @@
     import { project, stats } from './store';
 
     import { goto } from '$app/navigation';
-    import { registerCommands, registerSearchers } from '$lib/commandCenter';
+    import { addSubPanel, registerCommands, registerSearchers } from '$lib/commandCenter';
 
     import { dbSearcher, userSearcher } from '$lib/commandCenter/searchers';
     import { MigrationBox } from '$lib/components';
+    import { UsersPanel, TeamsPanel, DatabasesPanel } from '$lib/commandCenter/panels';
 
     onMount(async () => {
         return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
@@ -69,6 +70,33 @@
             },
             keys: ['p'],
             group: 'navigation'
+        },
+        {
+            label: 'Find Users',
+            callback: () => {
+                addSubPanel(UsersPanel);
+            },
+            group: 'users',
+            icon: 'search',
+            keys: ['f', 'u']
+        },
+        {
+            label: 'Find Teams',
+            callback: () => {
+                addSubPanel(TeamsPanel);
+            },
+            group: 'teams',
+            icon: 'search',
+            keys: ['f', 't']
+        },
+        {
+            label: 'Find Databases',
+            callback: () => {
+                addSubPanel(DatabasesPanel);
+            },
+            group: 'databases',
+            icon: 'search',
+            keys: ['f', 'd']
         }
     ]);
 
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 7aa0cb858..799cbadcb 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -20,7 +20,7 @@
     const onFinish = async () => {
         const resources = migrationFormToResources($formData);
         console.log('resources', resources);
-        return;
+
         switch ($provider.provider) {
             case 'appwrite': {
                 const res = await sdk.forProject.migrations.migrateAppwrite(

From fe90912a29700ce5df015f8f30f77951fdb8281e Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 24 Jul 2023 11:24:00 +0100
Subject: [PATCH 088/128] fix: report

---
 src/lib/stores/migration.ts                     |  8 ++++----
 .../(migration-wizard)/resource-form.svelte     | 17 ++++++++---------
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
index 4932b8682..1af31f2f0 100644
--- a/src/lib/stores/migration.ts
+++ b/src/lib/stores/migration.ts
@@ -126,7 +126,7 @@ export const isVersionAtLeast = (version: string, atLeast: string) => {
 
 export const resourcesToMigrationForm = (
     resources: Resource[],
-    version = '1.4'
+    version = '0.0.0'
 ): MigrationFormData => {
     const formData = { ...initialFormData };
     if (resources.includes('user')) {
@@ -141,13 +141,13 @@ export const resourcesToMigrationForm = (
     if (includesAll(resources, ['collection', 'attribute', 'index', 'document'])) {
         formData.databases.documents = true;
     }
-    if (resources.includes('function') && isVersionAtLeast(version, '1.4')) {
+    if (resources.includes('function') && isVersionAtLeast(version, '1.4.0')) {
         formData.functions.root = true;
     }
-    if (resources.includes('envVar') && isVersionAtLeast(version, '1.4')) {
+    if (resources.includes('envVar') && isVersionAtLeast(version, '1.4.0')) {
         formData.functions.env = true;
     }
-    if (resources.includes('deployment') && isVersionAtLeast(version, '1.4')) {
+    if (resources.includes('deployment') && isVersionAtLeast(version, '1.4.0')) {
         formData.functions.inactive = true;
     }
     if (includesAll(resources, ['bucket', 'file'])) {
diff --git a/src/routes/console/(migration-wizard)/resource-form.svelte b/src/routes/console/(migration-wizard)/resource-form.svelte
index 7fed1ee2e..b6af8b3f0 100644
--- a/src/routes/console/(migration-wizard)/resource-form.svelte
+++ b/src/routes/console/(migration-wizard)/resource-form.svelte
@@ -14,6 +14,7 @@
         providerResources,
         resourcesToMigrationForm
     } from '$lib/stores/migration';
+    import { wizard } from '$lib/stores/wizard';
 
     export let formData: ReturnType<typeof createMigrationFormStore>;
     export let provider: ReturnType<typeof createMigrationProviderStore>;
@@ -66,12 +67,12 @@
     }
 
     let report: any;
-    $: version = report?.version || '0.0';
+    $: version = report?.version || '0.0.0';
 
     onMount(async () => {
         switch ($provider.provider) {
             case 'appwrite': {
-                const res = await sdk.forProject.migrations.generateAppwriteReport(
+                const res = await sdk.forProject.migrations.getAppwriteReport(
                     providerResources.appwrite,
                     $provider.endpoint,
                     $provider.projectID,
@@ -81,7 +82,7 @@
                 break;
             }
             case 'supabase': {
-                const res = await sdk.forProject.migrations.generateSupabaseReport(
+                const res = await sdk.forProject.migrations.getSupabaseReport(
                     providerResources.supabase,
                     $provider.endpoint,
                     $provider.apiKey,
@@ -94,7 +95,7 @@
                 break;
             }
             case 'nhost': {
-                const res = await sdk.forProject.migrations.generateNHostReport(
+                const res = await sdk.forProject.migrations.getNHostReport(
                     providerResources.nhost,
                     $provider.subdomain,
                     $provider.region,
@@ -108,12 +109,10 @@
         }
     });
 
-    // $: {
-    //     wizard.setNextDisabled(!report);
-    // }
-
     $: console.log(report);
     $: resources = providerResources[$provider.provider];
+
+    $: wizard.setNextDisabled(!report);
 </script>
 
 <div class="box" style:border-radius="0.5rem">
@@ -225,7 +224,7 @@
         </li>
     {/if}
 
-    {#if resources.includes('function') && isVersionAtLeast(version, '1.4')}
+    {#if resources.includes('function') && isVersionAtLeast(version, '1.4.0')}
         <li class="checkbox-field">
             <input
                 type="checkbox"

From f0961b4ff35a1ca74982b5d2c7ebe199488b57a6 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 24 Jul 2023 12:04:37 +0100
Subject: [PATCH 089/128] feat: firebase migrations wip

---
 src/lib/stores/migration.ts                               | 2 +-
 .../console/(migration-wizard)/resource-form.svelte       | 8 ++++++++
 .../settings/migrations/(import)/step1.svelte             | 3 ++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
index 1af31f2f0..d856e7463 100644
--- a/src/lib/stores/migration.ts
+++ b/src/lib/stores/migration.ts
@@ -65,7 +65,7 @@ export const providerResources: Record<Provider, Resource[]> = {
         'file'
     ],
     nhost: ['user', 'database', 'collection', 'attribute', 'index', 'document', 'bucket', 'file'],
-    firebase: []
+    firebase: ['user', 'database', 'collection', 'attribute', 'document', 'bucket', 'file']
 };
 
 export const migrationFormToResources = (formData: MigrationFormData): Resource[] => {
diff --git a/src/routes/console/(migration-wizard)/resource-form.svelte b/src/routes/console/(migration-wizard)/resource-form.svelte
index b6af8b3f0..0de346832 100644
--- a/src/routes/console/(migration-wizard)/resource-form.svelte
+++ b/src/routes/console/(migration-wizard)/resource-form.svelte
@@ -94,6 +94,14 @@
                 report = res;
                 break;
             }
+            case 'firebase': {
+                const res = await sdk.forProject.migrations.getFirebaseReport(
+                    providerResources.firebase,
+                    $provider.serviceAccount
+                );
+                report = res;
+                break;
+            }
             case 'nhost': {
                 const res = await sdk.forProject.migrations.getNHostReport(
                     providerResources.nhost,
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 742ed9b57..41df2cfbb 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -79,7 +79,8 @@
                     id="credentials"
                     label="Account credentials"
                     required
-                    placeholder="TODO" />
+                    bind:value={$provider.serviceAccount}
+                    placeholder="Enter account credentials" />
             </div>
         {/if}
     {:else if $provider.provider === 'supabase'}

From 8c4825fa8c9eb3708b1f0c1da45cc5d178af7fdf Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 24 Jul 2023 13:02:32 +0100
Subject: [PATCH 090/128] commands & migrations fixes

---
 src/lib/commandCenter/commands.ts             |   3 +-
 src/lib/commandCenter/panels/functions.svelte |  11 ++
 src/lib/commandCenter/panels/index.ts         |   6 +
 src/lib/commandCenter/searchers/functions.ts  |  20 +++
 src/lib/commandCenter/searchers/index.ts      |   1 +
 src/lib/stores/migration.ts                   |  40 +++--
 .../(migration-wizard)/resource-form.svelte   | 144 +++++++++++-------
 .../console/project-[project]/+layout.svelte  |  19 ++-
 .../project-[project]/auth/+layout.svelte     |  47 +++++-
 .../security/updatePasswordDictionary.svelte  |   2 +-
 .../security/updatePasswordHistory.svelte     |   2 +-
 .../auth/security/updateSessionLength.svelte  |   2 +-
 .../auth/security/updateSessionsLimit.svelte  |   2 +-
 .../auth/security/updateUsersLimit.svelte     |   2 +-
 .../migrations/(import)/wizard.svelte         | 119 ++++++++-------
 .../settings/migrations/+page.svelte          |   3 +-
 .../settings/migrations/+page.ts              |   1 +
 .../settings/migrations/details.svelte        |   6 +-
 18 files changed, 288 insertions(+), 142 deletions(-)
 create mode 100644 src/lib/commandCenter/panels/functions.svelte
 create mode 100644 src/lib/commandCenter/searchers/functions.ts

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 386536396..94d4ee4af 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -24,7 +24,8 @@ const groups = [
     'attributes',
     'indexes',
     'documents',
-    'teams'
+    'teams',
+    'security'
 ] as const;
 
 export type CommandGroup = (typeof groups)[number];
diff --git a/src/lib/commandCenter/panels/functions.svelte b/src/lib/commandCenter/panels/functions.svelte
new file mode 100644
index 000000000..8b668f1c1
--- /dev/null
+++ b/src/lib/commandCenter/panels/functions.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+    import { useSearcher } from '../commands';
+    import { functionsSearcher } from '../searchers';
+    import Template from './template.svelte';
+
+    const { search, results } = useSearcher(functionsSearcher);
+</script>
+
+<Template options={$results} bind:search={$search}>
+    <div slot="option" let:option>{option.label}</div>
+</Template>
diff --git a/src/lib/commandCenter/panels/index.ts b/src/lib/commandCenter/panels/index.ts
index f6967f76d..5b408c90f 100644
--- a/src/lib/commandCenter/panels/index.ts
+++ b/src/lib/commandCenter/panels/index.ts
@@ -60,3 +60,9 @@ export const TeamsPanel: SubPanel = {
     name: 'Teams',
     component: Teams
 };
+
+import Functions from './functions.svelte';
+export const FunctionsPanel: SubPanel = {
+    name: 'Functions',
+    component: Functions
+};
diff --git a/src/lib/commandCenter/searchers/functions.ts b/src/lib/commandCenter/searchers/functions.ts
new file mode 100644
index 000000000..8c0df9aaf
--- /dev/null
+++ b/src/lib/commandCenter/searchers/functions.ts
@@ -0,0 +1,20 @@
+import { goto } from '$app/navigation';
+import { sdk } from '$lib/stores/sdk';
+import { project } from '$routes/console/project-[project]/store';
+import { get } from 'svelte/store';
+import type { Searcher } from '../commands';
+
+export const functionsSearcher = (async (query: string) => {
+    const { functions } = await sdk.forProject.functions.list();
+
+    const projectId = get(project).$id;
+    return functions
+        .filter((fn) => fn.name.toLowerCase().includes(query.toLowerCase()))
+        .map((fn) => ({
+            label: fn.name,
+            callback: () => {
+                goto(`/console/project-${projectId}/functions/function-${fn.$id}`);
+            },
+            group: 'functions'
+        }));
+}) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/index.ts b/src/lib/commandCenter/searchers/index.ts
index 083f1938d..f86d7690e 100644
--- a/src/lib/commandCenter/searchers/index.ts
+++ b/src/lib/commandCenter/searchers/index.ts
@@ -4,3 +4,4 @@ export * from './organizations';
 export * from './collections';
 export * from './projects';
 export * from './teams';
+export * from './functions';
diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
index d856e7463..0eaf52592 100644
--- a/src/lib/stores/migration.ts
+++ b/src/lib/stores/migration.ts
@@ -68,36 +68,46 @@ export const providerResources: Record<Provider, Resource[]> = {
     firebase: ['user', 'database', 'collection', 'attribute', 'document', 'bucket', 'file']
 };
 
-export const migrationFormToResources = (formData: MigrationFormData): Resource[] => {
+export const migrationFormToResources = (
+    formData: MigrationFormData,
+    provider?: Provider
+): Resource[] => {
     const resources: Resource[] = [];
+    const addResource = (resource: Resource) => {
+        if (providerResources[provider].includes(resource)) {
+            resources.push(resource);
+        }
+    };
+
     if (formData.users.root) {
-        resources.push('user');
+        addResource('user');
     }
     if (formData.users.teams) {
-        resources.push('team');
-        resources.push('membership');
+        addResource('team');
+        addResource('membership');
     }
     if (formData.databases.root) {
-        resources.push('database');
+        addResource('database');
     }
     if (formData.databases.documents) {
-        resources.push('collection');
-        resources.push('attribute');
-        resources.push('index');
-        resources.push('document');
+        addResource('collection');
+        addResource('attribute');
+
+        addResource('index');
+        addResource('document');
     }
     if (formData.functions.root) {
-        resources.push('function');
+        addResource('function');
     }
     if (formData.functions.env) {
-        resources.push('envVar');
+        addResource('envVar');
     }
     if (formData.functions.inactive) {
-        resources.push('deployment');
+        addResource('deployment');
     }
     if (formData.storage.root) {
-        resources.push('bucket');
-        resources.push('file');
+        addResource('bucket');
+        addResource('file');
     }
 
     return resources;
@@ -138,7 +148,7 @@ export const resourcesToMigrationForm = (
     if (resources.includes('database')) {
         formData.databases.root = true;
     }
-    if (includesAll(resources, ['collection', 'attribute', 'index', 'document'])) {
+    if (includesAll(resources, ['collection', 'attribute', 'document'])) {
         formData.databases.documents = true;
     }
     if (resources.includes('function') && isVersionAtLeast(version, '1.4.0')) {
diff --git a/src/routes/console/(migration-wizard)/resource-form.svelte b/src/routes/console/(migration-wizard)/resource-form.svelte
index 0de346832..5a0a730dc 100644
--- a/src/routes/console/(migration-wizard)/resource-form.svelte
+++ b/src/routes/console/(migration-wizard)/resource-form.svelte
@@ -14,7 +14,7 @@
         providerResources,
         resourcesToMigrationForm
     } from '$lib/stores/migration';
-    import { wizard } from '$lib/stores/wizard';
+    import { addNotification } from '$lib/stores/notifications';
 
     export let formData: ReturnType<typeof createMigrationFormStore>;
     export let provider: ReturnType<typeof createMigrationProviderStore>;
@@ -69,58 +69,72 @@
     let report: any;
     $: version = report?.version || '0.0.0';
 
+    let isOpen = false;
     onMount(async () => {
-        switch ($provider.provider) {
-            case 'appwrite': {
-                const res = await sdk.forProject.migrations.getAppwriteReport(
-                    providerResources.appwrite,
-                    $provider.endpoint,
-                    $provider.projectID,
-                    $provider.apiKey
-                );
-                report = res;
-                break;
-            }
-            case 'supabase': {
-                const res = await sdk.forProject.migrations.getSupabaseReport(
-                    providerResources.supabase,
-                    $provider.endpoint,
-                    $provider.apiKey,
-                    $provider.host,
-                    $provider.username,
-                    $provider.password,
-                    $provider.port
-                );
-                report = res;
-                break;
-            }
-            case 'firebase': {
-                const res = await sdk.forProject.migrations.getFirebaseReport(
-                    providerResources.firebase,
-                    $provider.serviceAccount
-                );
-                report = res;
-                break;
-            }
-            case 'nhost': {
-                const res = await sdk.forProject.migrations.getNHostReport(
-                    providerResources.nhost,
-                    $provider.subdomain,
-                    $provider.region,
-                    $provider.adminSecret,
-                    $provider.database,
-                    $provider.username,
-                    $provider.password
-                );
-                report = res;
+        isOpen = true;
+        try {
+            switch ($provider.provider) {
+                case 'appwrite': {
+                    const res = await sdk.forProject.migrations.getAppwriteReport(
+                        providerResources.appwrite,
+                        $provider.endpoint,
+                        $provider.projectID,
+                        $provider.apiKey
+                    );
+                    report = res;
+                    break;
+                }
+                case 'supabase': {
+                    const res = await sdk.forProject.migrations.getSupabaseReport(
+                        providerResources.supabase,
+                        $provider.endpoint,
+                        $provider.apiKey,
+                        $provider.host,
+                        $provider.username,
+                        $provider.password,
+                        $provider.port
+                    );
+                    report = res;
+                    break;
+                }
+                case 'firebase': {
+                    const res = await sdk.forProject.migrations.getFirebaseReport(
+                        providerResources.firebase,
+                        $provider.serviceAccount
+                    );
+                    report = res;
+                    break;
+                }
+                case 'nhost': {
+                    const res = await sdk.forProject.migrations.getNHostReport(
+                        providerResources.nhost,
+                        $provider.subdomain,
+                        $provider.region,
+                        $provider.adminSecret,
+                        $provider.database,
+                        $provider.username,
+                        $provider.password
+                    );
+                    report = res;
+                }
             }
+        } catch (e) {
+            if (!isOpen) return;
+            addNotification({
+                message: e.message,
+                type: 'error'
+            });
         }
+
+        return () => {
+            isOpen = false;
+        };
     });
 
     $: console.log(report);
     $: resources = providerResources[$provider.provider];
 
-    $: wizard.setNextDisabled(!report);
+    // $: wizard.setNextDisabled(!report);
 </script>
 
 <div class="box" style:border-radius="0.5rem">
@@ -176,7 +190,9 @@
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Users</span>
 
-                <span class="inline-tag">{report?.user ?? '...'}</span>
+                {#if $provider.provider !== 'firebase'}
+                    <span class="inline-tag">{report?.user ?? '...'}</span>
+                {/if}
             </div>
             <div />
             <span>Import all users</span>
@@ -190,7 +206,9 @@
                             on:change={handleInputChange('users.teams')} />
                         <div class="u-flex u-gap-4">
                             <span class="u-bold">Include teams</span>
-                            <span class="inline-tag">{report?.team ?? '...'}</span>
+                            {#if $provider.provider === 'firebase'}
+                                <span class="inline-tag">{report?.team ?? '...'}</span>
+                            {/if}
                         </div>
                         <div />
                         <span>Import all teams and the team memberships of your users</span>
@@ -208,7 +226,9 @@
                 on:change={handleInputChange('databases.root')} />
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Databases</span>
-                <span class="inline-tag">{report?.database ?? '...'}</span>
+                {#if $provider.provider !== 'firebase'}
+                    <span class="inline-tag">{report?.database ?? '...'}</span>
+                {/if}
             </div>
             <div />
             <span>Import all databases, including collections, indexes and attributes</span>
@@ -222,7 +242,9 @@
                             on:change={handleInputChange('databases.documents')} />
                         <div class="u-flex u-gap-4">
                             <span class="u-bold">Include documents</span>
-                            <span class="inline-tag">{report?.document ?? '...'}</span>
+                            {#if $provider.provider !== 'firebase'}
+                                <span class="inline-tag">{report?.document ?? '...'}</span>
+                            {/if}
                         </div>
                         <div />
                         <span>Import all of your documents</span>
@@ -240,7 +262,9 @@
                 on:change={handleInputChange('functions.root')} />
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Functions</span>
-                <span class="inline-tag">{report?.function ?? '...'}</span>
+                {#if $provider.provider !== 'firebase'}
+                    <span class="inline-tag">{report?.function ?? '...'}</span>
+                {/if}
             </div>
             <div />
             <span>Import all functions and their active deployment</span>
@@ -274,6 +298,7 @@
             </ul>
         </li>
     {/if}
+
     {#if resources.includes('bucket') && resources.includes('file')}
         <li class="checkbox-field">
             <input
@@ -282,16 +307,23 @@
                 on:change={handleInputChange('storage.root')} />
             <div class="u-flex u-gap-4">
                 <span class="u-bold">Storage</span>
-                <span class="inline-tag">
-                    {report?.size ? `${report.size.toFixed(2)}MB` : '...'}
-                </span>
+                {#if $provider.provider !== 'firebase'}
+                    <span class="inline-tag">
+                        {report?.size ? `${report.size.toFixed(2)}MB` : '...'}
+                    </span>
+                {/if}
             </div>
             <div />
 
             <span>
-                Import all buckets <span class="inline-tag">{report?.bucket ?? '...'}</span> and
-                files
-                <span class="inline-tag">{report?.file ?? '...'}</span>
+                Import all buckets
+                {#if $provider.provider !== 'firebase'}
+                    <span class="inline-tag">{report?.bucket ?? '...'}</span>
+                {/if}
+                and files
+                {#if $provider.provider !== 'firebase'}
+                    <span class="inline-tag">{report?.file ?? '...'}</span>
+                {/if}
             </span>
         </li>
     {/if}
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 02688f938..7557c248b 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -9,7 +9,12 @@
 
     import { dbSearcher, userSearcher } from '$lib/commandCenter/searchers';
     import { MigrationBox } from '$lib/components';
-    import { UsersPanel, TeamsPanel, DatabasesPanel } from '$lib/commandCenter/panels';
+    import {
+        UsersPanel,
+        TeamsPanel,
+        DatabasesPanel,
+        FunctionsPanel
+    } from '$lib/commandCenter/panels';
 
     onMount(async () => {
         return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
@@ -78,7 +83,8 @@
             },
             group: 'users',
             icon: 'search',
-            keys: ['f', 'u']
+            keys: ['f', 'u'],
+            rank: 10
         },
         {
             label: 'Find Teams',
@@ -97,6 +103,15 @@
             group: 'databases',
             icon: 'search',
             keys: ['f', 'd']
+        },
+        {
+            label: 'Find Functions',
+            callback: () => {
+                addSubPanel(FunctionsPanel);
+            },
+            group: 'functions',
+            icon: 'search',
+            keys: ['f', 'f']
         }
     ]);
 
diff --git a/src/routes/console/project-[project]/auth/+layout.svelte b/src/routes/console/project-[project]/auth/+layout.svelte
index 8d4a0fec7..c2a9099ad 100644
--- a/src/routes/console/project-[project]/auth/+layout.svelte
+++ b/src/routes/console/project-[project]/auth/+layout.svelte
@@ -74,10 +74,55 @@
             group: 'navigation',
             rank: 1,
             disabled: $page.url.pathname.endsWith('settings')
+        },
+        {
+            label: 'Users limit',
+            async callback() {
+                await goto(`/console/project-${$project.$id}/auth/security#users-limit`);
+                scrollBy({ top: -100 });
+            },
+            group: 'security',
+            icon: 'pencil'
+        },
+        {
+            label: 'Session length',
+            async callback() {
+                await goto(`/console/project-${$project.$id}/auth/security#session-length`);
+                scrollBy({ top: -100 });
+            },
+            group: 'security',
+            icon: 'pencil'
+        },
+        {
+            label: 'Sessions limit',
+            async callback() {
+                await goto(`/console/project-${$project.$id}/auth/security#sessions-limit`);
+                scrollBy({ top: -100 });
+            },
+            group: 'security',
+            icon: 'pencil'
+        },
+        {
+            label: 'Password history',
+            async callback() {
+                await goto(`/console/project-${$project.$id}/auth/security#password-history`);
+                scrollBy({ top: -100 });
+            },
+            group: 'security',
+            icon: 'pencil'
+        },
+        {
+            label: 'Password dictionary',
+            async callback() {
+                await goto(`/console/project-${$project.$id}/auth/security#password-dictionary`);
+                scrollBy({ top: -100 });
+            },
+            group: 'security',
+            icon: 'pencil'
         }
     ]);
 
-    $: $updateCommandGroupRanks((prev) => ({ ...prev, users: 200, teams: 100 }));
+    $: $updateCommandGroupRanks((prev) => ({ ...prev, users: 300, teams: 200, security: 100 }));
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/auth/security/updatePasswordDictionary.svelte b/src/routes/console/project-[project]/auth/security/updatePasswordDictionary.svelte
index dd183af36..46def46fe 100644
--- a/src/routes/console/project-[project]/auth/security/updatePasswordDictionary.svelte
+++ b/src/routes/console/project-[project]/auth/security/updatePasswordDictionary.svelte
@@ -35,7 +35,7 @@
 
 <Form onSubmit={updatePasswordDictionary}>
     <CardGrid>
-        <Heading tag="h2" size="7">Password Dictionary</Heading>
+        <Heading tag="h2" size="7" id="password-dictionary">Password Dictionary</Heading>
         <svelte:fragment slot="aside">
             <FormList>
                 <InputSwitch
diff --git a/src/routes/console/project-[project]/auth/security/updatePasswordHistory.svelte b/src/routes/console/project-[project]/auth/security/updatePasswordHistory.svelte
index 27a28b5d1..383d765a8 100644
--- a/src/routes/console/project-[project]/auth/security/updatePasswordHistory.svelte
+++ b/src/routes/console/project-[project]/auth/security/updatePasswordHistory.svelte
@@ -39,7 +39,7 @@
 
 <Form onSubmit={updatePasswordHistoryLimit}>
     <CardGrid>
-        <Heading tag="h2" size="7">Password History</Heading>
+        <Heading tag="h2" size="7" id="password-history">Password History</Heading>
         <svelte:fragment slot="aside">
             <FormList>
                 <InputSwitch
diff --git a/src/routes/console/project-[project]/auth/security/updateSessionLength.svelte b/src/routes/console/project-[project]/auth/security/updateSessionLength.svelte
index 47ad2f991..a76e2c024 100644
--- a/src/routes/console/project-[project]/auth/security/updateSessionLength.svelte
+++ b/src/routes/console/project-[project]/auth/security/updateSessionLength.svelte
@@ -34,7 +34,7 @@
 </script>
 
 <CardGrid>
-    <Heading tag="h2" size="7">Session Length</Heading>
+    <Heading tag="h2" size="7" id="session-length">Session Length</Heading>
 
     <p>
         If you reduce the limit, users who are currently logged in will be logged out of the
diff --git a/src/routes/console/project-[project]/auth/security/updateSessionsLimit.svelte b/src/routes/console/project-[project]/auth/security/updateSessionsLimit.svelte
index 557208a1d..652899c9e 100644
--- a/src/routes/console/project-[project]/auth/security/updateSessionsLimit.svelte
+++ b/src/routes/console/project-[project]/auth/security/updateSessionsLimit.svelte
@@ -34,7 +34,7 @@
 
 <Form onSubmit={updateSessionsLimit}>
     <CardGrid>
-        <Heading tag="h2" size="7">Sessions Limit</Heading>
+        <Heading tag="h2" size="7" id="sessions-limit">Sessions Limit</Heading>
         <p>Maximum number of active sessions allowed per user.</p>
         <svelte:fragment slot="aside">
             <ul>
diff --git a/src/routes/console/project-[project]/auth/security/updateUsersLimit.svelte b/src/routes/console/project-[project]/auth/security/updateUsersLimit.svelte
index 9d6e50bdf..f268d0c73 100644
--- a/src/routes/console/project-[project]/auth/security/updateUsersLimit.svelte
+++ b/src/routes/console/project-[project]/auth/security/updateUsersLimit.svelte
@@ -46,7 +46,7 @@
 </script>
 
 <CardGrid>
-    <Heading tag="h2" size="7">Users Limit</Heading>
+    <Heading tag="h2" size="7" id="users-limit">Users Limit</Heading>
     <p>
         Limit new users from signing up for your project, regardless of authentication method. You
         can still create users and team memberships from your Appwrite console.
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 799cbadcb..8ce722046 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -12,70 +12,79 @@
     import { migrationFormToResources } from '$lib/stores/migration';
     import { started } from '../stores';
     import { showMigrationBox } from '$lib/components/migrationBox.svelte';
+    import { addNotification } from '$lib/stores/notifications';
 
     const onExit = () => {
         resetImportStores();
     };
 
     const onFinish = async () => {
-        const resources = migrationFormToResources($formData);
-        console.log('resources', resources);
+        try {
+            const resources = migrationFormToResources($formData, $provider.provider);
 
-        switch ($provider.provider) {
-            case 'appwrite': {
-                const res = await sdk.forProject.migrations.migrateAppwrite(
-                    resources,
-                    $provider.endpoint,
-                    $provider.projectID,
-                    $provider.apiKey
-                );
-                console.log('appwrite', res);
-                invalidate(Dependencies.MIGRATIONS);
-                break;
-            }
-            case 'supabase': {
-                const res = await sdk.forProject.migrations.migrateSupabase(
-                    resources,
-                    $provider.endpoint,
-                    $provider.apiKey,
-                    $provider.host,
-                    $provider.username,
-                    $provider.password,
-                    $provider.port
-                );
-                console.log('Supabase', res);
-                invalidate(Dependencies.MIGRATIONS);
-                break;
-            }
-            case 'firebase': {
-                const res = await sdk.forProject.migrations.migrateFirebase(
-                    resources,
-                    $provider.serviceAccount
-                );
-                console.log('Firebase', res);
-                invalidate(Dependencies.MIGRATIONS);
-                break;
-            }
-            case 'nhost': {
-                const res = await sdk.forProject.migrations.migrateNHost(
-                    resources,
-                    $provider.subdomain,
-                    $provider.region,
-                    $provider.adminSecret,
-                    $provider.database,
-                    $provider.username,
-                    $provider.password
-                );
-                console.log('nhost', res);
-                invalidate(Dependencies.MIGRATIONS);
-                break;
+            switch ($provider.provider) {
+                case 'appwrite': {
+                    const res = await sdk.forProject.migrations.migrateAppwrite(
+                        resources,
+                        $provider.endpoint,
+                        $provider.projectID,
+                        $provider.apiKey
+                    );
+                    console.log('appwrite', res);
+                    invalidate(Dependencies.MIGRATIONS);
+                    break;
+                }
+                case 'supabase': {
+                    const res = await sdk.forProject.migrations.migrateSupabase(
+                        resources,
+                        $provider.endpoint,
+                        $provider.apiKey,
+                        $provider.host,
+                        $provider.username,
+                        $provider.password,
+                        $provider.port
+                    );
+                    console.log('Supabase', res);
+                    invalidate(Dependencies.MIGRATIONS);
+                    break;
+                }
+                case 'firebase': {
+                    console.log('firebase', $provider.serviceAccount);
+                    const res = await sdk.forProject.migrations.migrateFirebase(
+                        resources,
+                        $provider.serviceAccount
+                    );
+                    console.log('Firebase', res);
+                    invalidate(Dependencies.MIGRATIONS);
+                    break;
+                }
+                case 'nhost': {
+                    const res = await sdk.forProject.migrations.migrateNHost(
+                        resources,
+                        $provider.subdomain,
+                        $provider.region,
+                        $provider.adminSecret,
+                        $provider.database,
+                        $provider.username,
+                        $provider.password
+                    );
+                    console.log('nhost', res);
+                    invalidate(Dependencies.MIGRATIONS);
+                    break;
+                }
             }
+            resetImportStores();
+            wizard.hide();
+            started.set(performance.now());
+
+            showMigrationBox.set(true);
+        } catch (e) {
+            addNotification({
+                title: 'Error',
+                message: e.message,
+                type: 'error'
+            });
         }
-        resetImportStores();
-        wizard.hide();
-        started.set(performance.now());
-
-        showMigrationBox.set(true);
     };
 
     onDestroy(onExit);
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index abdc50d6b..e81e073bb 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -162,14 +162,13 @@
                     <TableBody>
                         {#each data.migrations as entry}
                             <TableRow>
-                                {@const source = capitalize(parseIfString(entry.source).type)}
                                 {@const status = getStatus(entry.status)}
                                 <TableCell title="Data">
                                     {isSameDay(new Date(), new Date(entry.$createdAt))
                                         ? 'Today'
                                         : toLocaleDate(entry.$createdAt)}
                                 </TableCell>
-                                <TableCell title="Source">{source}</TableCell>
+                                <TableCell title="Source">{entry.source}</TableCell>
                                 <TableCell title="Status">
                                     <div class="u-flex u-gap-4 u-cross-center">
                                         <i
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index 1fa49df7c..ac4c46253 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -7,6 +7,7 @@ export async function load({ depends }) {
     try {
         const { migrations } = await sdk.forProject.migrations.list();
 
+        console.log(migrations);
         return {
             migrations
         };
diff --git a/src/routes/console/project-[project]/settings/migrations/details.svelte b/src/routes/console/project-[project]/settings/migrations/details.svelte
index 06cb4a5c2..5151359b2 100644
--- a/src/routes/console/project-[project]/settings/migrations/details.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/details.svelte
@@ -41,8 +41,6 @@
         if (!counter) return 0;
         return Object.values(counter).reduce((acc, curr) => acc + curr, 0);
     };
-
-    $: parsedSource = parseIfString(details?.source || '{}');
 </script>
 
 <Modal bind:show on:close={() => (migrationId = null)} size="big">
@@ -58,9 +56,7 @@
             <span>Date</span>
             <span>{toLocaleDateTime(details.$createdAt)}</span>
             <span>Source</span>
-            <span>{parsedSource.type}</span>
-            <span>Project ID</span>
-            <span>{parsedSource.projectId}</span>
+            <span>{details.source}</span>
         </div>
 
         {#if Object.keys(statusCounters).length}

From 41102e6f7aefd09e75e3074f64da59c39d699669 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 24 Jul 2023 15:39:43 +0100
Subject: [PATCH 091/128] function commands

---
 src/lib/commandCenter/commands.ts             | 23 +++----
 src/lib/stores/sdk.ts                         | 12 ++--
 .../console/project-[project]/+layout.svelte  | 18 +++++-
 .../project-[project]/auth/+layout.svelte     |  2 +-
 .../databases/+layout.svelte                  |  5 +-
 .../function-[function]/+layout.svelte        | 60 ++++++++++++++++++-
 .../function-[function]/+page.svelte          |  8 ++-
 7 files changed, 101 insertions(+), 27 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 94d4ee4af..faad5102b 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -1,7 +1,7 @@
 import { debounce } from '$lib/helpers/debounce';
 import { isMac } from '$lib/helpers/platform';
 import { onMount } from 'svelte';
-import { derived, writable, type Updater } from 'svelte/store';
+import { derived, writable } from 'svelte/store';
 
 const groups = [
     'ungrouped',
@@ -241,23 +241,24 @@ export const disableCommands = {
     }
 };
 
-type CommandGroupRanks = Record<CommandGroup, number>;
+type CommandGroupRanks = Partial<Record<CommandGroup, number>>;
+
+type GroupRanksMap = Map<string, CommandGroupRanks>;
+const groupRanksMap = writable<GroupRanksMap>(new Map());
 
-type CommandGroupRankTransformations = Map<string, Updater<CommandGroupRanks>>;
-const groupRankTransformations = writable<CommandGroupRankTransformations>(new Map());
 export const updateCommandGroupRanks = {
-    subscribe(runner: (cb: (updater: Updater<CommandGroupRanks>) => void) => void) {
+    subscribe(runner: (cb: (updater: CommandGroupRanks) => void) => void) {
         const uuid = crypto.randomUUID();
 
-        runner((updater: Updater<CommandGroupRanks>) => {
-            groupRankTransformations.update((curr) => {
-                curr.set(uuid, updater);
+        runner((groupRank: CommandGroupRanks) => {
+            groupRanksMap.update((curr) => {
+                curr.set(uuid, groupRank);
                 return curr;
             });
         });
 
         return () => {
-            groupRankTransformations.update((curr) => {
+            groupRanksMap.update((curr) => {
                 curr.delete(uuid);
                 return curr;
             });
@@ -265,7 +266,7 @@ export const updateCommandGroupRanks = {
     }
 };
 
-export const commandGroupRanks = derived(groupRankTransformations, ($groupRankTransformations) => {
+export const commandGroupRanks = derived(groupRanksMap, ($groupRankTransformations) => {
     const initialRanks = {
         ...Object.fromEntries(groups.map((group) => [group, 0])),
         ungrouped: 9999,
@@ -277,7 +278,7 @@ export const commandGroupRanks = derived(groupRankTransformations, ($groupRankTr
     } as CommandGroupRanks;
 
     const transformations = Array.from($groupRankTransformations.values());
-    return transformations.reduce((prev, curr) => curr(prev), initialRanks);
+    return transformations.reduce((prev, curr) => ({ ...prev, ...curr }), initialRanks);
 });
 
 export type Searcher = (query: string) => Promise<Command[]>;
diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 04ed819ad..f6f84a275 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -12,8 +12,8 @@ import {
     Projects,
     Storage,
     Teams,
-    Users,
-    Migrations
+    Users
+    // Migrations
 } from '@appwrite.io/console';
 
 const endpoint = VARS.APPWRITE_ENDPOINT ?? `${globalThis?.location?.origin}/v1`;
@@ -34,8 +34,8 @@ const sdkForProject = {
     project: new Project(clientProject),
     storage: new Storage(clientProject),
     teams: new Teams(clientProject),
-    users: new Users(clientProject),
-    migrations: new Migrations(clientProject)
+    users: new Users(clientProject)
+    // migrations: new Migrations(clientProject)
 };
 
 export const getSdkForProject = (projectId: string) => {
@@ -56,8 +56,8 @@ export const sdk = {
         locale: new Locale(clientConsole),
         projects: new Projects(clientConsole),
         teams: new Teams(clientConsole),
-        users: new Users(clientConsole),
-        migrations: new Migrations(clientConsole)
+        users: new Users(clientConsole)
+        // migrations: new Migrations(clientConsole)
     },
     get forProject() {
         const projectId = getProjectId();
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 7557c248b..09daa2ea8 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -5,9 +5,19 @@
     import { project, stats } from './store';
 
     import { goto } from '$app/navigation';
-    import { addSubPanel, registerCommands, registerSearchers } from '$lib/commandCenter';
+    import {
+        addSubPanel,
+        registerCommands,
+        registerSearchers,
+        updateCommandGroupRanks
+    } from '$lib/commandCenter';
 
-    import { dbSearcher, userSearcher } from '$lib/commandCenter/searchers';
+    import {
+        dbSearcher,
+        functionsSearcher,
+        teamSearcher,
+        userSearcher
+    } from '$lib/commandCenter/searchers';
     import { MigrationBox } from '$lib/components';
     import {
         UsersPanel,
@@ -115,7 +125,9 @@
         }
     ]);
 
-    $: $registerSearchers(userSearcher, dbSearcher);
+    $registerSearchers(userSearcher, teamSearcher, dbSearcher, functionsSearcher);
+
+    $updateCommandGroupRanks({ functions: 10 });
 </script>
 
 <slot />
diff --git a/src/routes/console/project-[project]/auth/+layout.svelte b/src/routes/console/project-[project]/auth/+layout.svelte
index c2a9099ad..6758ec981 100644
--- a/src/routes/console/project-[project]/auth/+layout.svelte
+++ b/src/routes/console/project-[project]/auth/+layout.svelte
@@ -122,7 +122,7 @@
         }
     ]);
 
-    $: $updateCommandGroupRanks((prev) => ({ ...prev, users: 300, teams: 200, security: 100 }));
+    $: $updateCommandGroupRanks({ users: 300, teams: 200, security: 100 });
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/databases/+layout.svelte b/src/routes/console/project-[project]/databases/+layout.svelte
index 9bc9aaffb..36cd84574 100644
--- a/src/routes/console/project-[project]/databases/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/+layout.svelte
@@ -17,10 +17,7 @@
         }
     ]);
 
-    $: $updateCommandGroupRanks((prev) => ({
-        ...prev,
-        databases: 100
-    }));
+    $: $updateCommandGroupRanks({ databases: 100 });
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte b/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
index e8b8dae48..b9b2ce79e 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
@@ -1,6 +1,64 @@
 <script lang="ts">
-    import { execute } from './store';
+    import { execute, func } from './store';
     import Execute from './execute.svelte';
+    import { registerCommands } from '$lib/commandCenter';
+    import { goto } from '$app/navigation';
+    import { project } from '../../store';
+    import { page } from '$app/stores';
+    import { showCreateDeployment } from './+page.svelte';
+
+    $: $registerCommands([
+        {
+            label: 'Create deployment',
+            async callback() {
+                await goto(`/console/project-${$project.$id}/functions/function-${$func.$id}`);
+                showCreateDeployment();
+            },
+            keys: $page.url.pathname.endsWith($func.$id) ? ['c'] : ['c', 'd'],
+            group: 'functions',
+            icon: 'plus'
+        },
+        {
+            label: 'Go to deployments',
+            callback() {
+                goto(`/console/project-${$project.$id}/functions/function-${$func.$id}`);
+            },
+            keys: ['g', 'd'],
+            group: 'navigation',
+            rank: 10,
+            disabled: $page.url.pathname.endsWith($func.$id)
+        },
+        {
+            label: 'Go to usage',
+            callback() {
+                goto(`/console/project-${$project.$id}/functions/function-${$func.$id}/usage`);
+            },
+            keys: ['g', 'u'],
+            group: 'navigation',
+            rank: 10,
+            disabled: $page.url.pathname.endsWith('usage')
+        },
+        {
+            label: 'Go to executions',
+            callback() {
+                goto(`/console/project-${$project.$id}/functions/function-${$func.$id}/executions`);
+            },
+            keys: ['g', 'e'],
+            group: 'navigation',
+            rank: 10,
+            disabled: $page.url.pathname.endsWith('executions')
+        },
+        {
+            label: 'Go to settings',
+            callback() {
+                goto(`/console/project-${$project.$id}/functions/function-${$func.$id}/settings`);
+            },
+            keys: ['g', 's'],
+            group: 'navigation',
+            rank: 10,
+            disabled: $page.url.pathname.endsWith('settings')
+        }
+    ]);
 </script>
 
 <slot />
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 4bf39c827..3231cffce 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
@@ -1,3 +1,10 @@
+<script lang="ts" context="module">
+    let showCreate = false;
+    export const showCreateDeployment = () => {
+        showCreate = true;
+    };
+</script>
+
 <script lang="ts">
     import { Button } from '$lib/elements/forms';
     import {
@@ -40,7 +47,6 @@
 
     export let data: PageData;
 
-    let showCreate = false;
     let showDropdown = [];
     let showDelete = false;
     let showActivate = false;

From e45823f305c3d0a4c3362b3e0415a61b61e58b0f Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 24 Jul 2023 18:03:21 +0100
Subject: [PATCH 092/128] function commands

---
 src/lib/commandCenter/commands.ts             |  2 +-
 .../commandCenter/panels/collections.svelte   |  4 +-
 src/lib/commandCenter/panels/databases.svelte |  4 +-
 src/lib/commandCenter/panels/functions.svelte |  4 +-
 .../commandCenter/panels/organizations.svelte |  4 +-
 src/lib/commandCenter/panels/projects.svelte  |  4 +-
 src/lib/commandCenter/panels/teams.svelte     |  4 +-
 src/lib/commandCenter/panels/users.svelte     |  4 +-
 src/lib/commandCenter/searchers/databases.ts  |  3 +-
 src/lib/commandCenter/searchers/functions.ts  | 77 +++++++++++++++++--
 .../project-[project]/auth/+layout.svelte     |  1 +
 .../function-[function]/+layout.svelte        |  4 +-
 .../function-[function]/+page.svelte          | 17 ++--
 13 files changed, 99 insertions(+), 33 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index faad5102b..a1cfac8f1 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -308,7 +308,7 @@ export const searchers = derived(searchersMap, ($searchersMap) => {
     return Array.from($searchersMap.values()).flat();
 });
 
-export const useSearcher = (searcher: Searcher) => {
+export const initSearcher = (searcher: Searcher) => {
     const search = writable('');
     const results = writable<Command[]>([]);
 
diff --git a/src/lib/commandCenter/panels/collections.svelte b/src/lib/commandCenter/panels/collections.svelte
index 96ba2eba4..7bbeee0b6 100644
--- a/src/lib/commandCenter/panels/collections.svelte
+++ b/src/lib/commandCenter/panels/collections.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { useSearcher } from '../commands';
+    import { initSearcher } from '../commands';
     import { collectionsSearcher } from '../searchers';
     import Template from './template.svelte';
 
-    const { search, results } = useSearcher(collectionsSearcher);
+    const { search, results } = initSearcher(collectionsSearcher);
 </script>
 
 <Template options={$results} bind:search={$search}>
diff --git a/src/lib/commandCenter/panels/databases.svelte b/src/lib/commandCenter/panels/databases.svelte
index 2d640a327..e6e259ce3 100644
--- a/src/lib/commandCenter/panels/databases.svelte
+++ b/src/lib/commandCenter/panels/databases.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { useSearcher } from '../commands';
+    import { initSearcher } from '../commands';
     import { dbSearcher } from '../searchers';
     import Template from './template.svelte';
 
-    const { search, results } = useSearcher(dbSearcher);
+    const { search, results } = initSearcher(dbSearcher);
 </script>
 
 <Template options={$results} bind:search={$search}>
diff --git a/src/lib/commandCenter/panels/functions.svelte b/src/lib/commandCenter/panels/functions.svelte
index 8b668f1c1..bfe143db5 100644
--- a/src/lib/commandCenter/panels/functions.svelte
+++ b/src/lib/commandCenter/panels/functions.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { useSearcher } from '../commands';
+    import { initSearcher } from '../commands';
     import { functionsSearcher } from '../searchers';
     import Template from './template.svelte';
 
-    const { search, results } = useSearcher(functionsSearcher);
+    const { search, results } = initSearcher(functionsSearcher);
 </script>
 
 <Template options={$results} bind:search={$search}>
diff --git a/src/lib/commandCenter/panels/organizations.svelte b/src/lib/commandCenter/panels/organizations.svelte
index 260933327..9dc00519b 100644
--- a/src/lib/commandCenter/panels/organizations.svelte
+++ b/src/lib/commandCenter/panels/organizations.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { useSearcher } from '../commands';
+    import { initSearcher } from '../commands';
     import { orgSearcher } from '../searchers';
     import Template from './template.svelte';
 
-    const { results, search } = useSearcher(orgSearcher);
+    const { results, search } = initSearcher(orgSearcher);
 </script>
 
 <Template options={$results} bind:search={$search}>
diff --git a/src/lib/commandCenter/panels/projects.svelte b/src/lib/commandCenter/panels/projects.svelte
index faaed59a8..6a3a69bf8 100644
--- a/src/lib/commandCenter/panels/projects.svelte
+++ b/src/lib/commandCenter/panels/projects.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { useSearcher } from '../commands';
+    import { initSearcher } from '../commands';
     import { projectsSearcher } from '../searchers';
     import Template from './template.svelte';
 
-    const { search, results } = useSearcher(projectsSearcher);
+    const { search, results } = initSearcher(projectsSearcher);
 </script>
 
 <Template options={$results} bind:search={$search}>
diff --git a/src/lib/commandCenter/panels/teams.svelte b/src/lib/commandCenter/panels/teams.svelte
index 4fd91e47e..de20289ca 100644
--- a/src/lib/commandCenter/panels/teams.svelte
+++ b/src/lib/commandCenter/panels/teams.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { useSearcher } from '../commands';
+    import { initSearcher } from '../commands';
     import { teamSearcher } from '../searchers';
     import Template from './template.svelte';
 
-    const { search, results } = useSearcher(teamSearcher);
+    const { search, results } = initSearcher(teamSearcher);
 </script>
 
 <Template options={$results} bind:search={$search} />
diff --git a/src/lib/commandCenter/panels/users.svelte b/src/lib/commandCenter/panels/users.svelte
index 349955746..bfbe4e783 100644
--- a/src/lib/commandCenter/panels/users.svelte
+++ b/src/lib/commandCenter/panels/users.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { useSearcher } from '../commands';
+    import { initSearcher } from '../commands';
     import { userSearcher } from '../searchers';
     import Template from './template.svelte';
 
-    const { search, results } = useSearcher(userSearcher);
+    const { search, results } = initSearcher(userSearcher);
 </script>
 
 <Template options={$results} bind:search={$search} />
diff --git a/src/lib/commandCenter/searchers/databases.ts b/src/lib/commandCenter/searchers/databases.ts
index 4192fbf2c..dd5007bb9 100644
--- a/src/lib/commandCenter/searchers/databases.ts
+++ b/src/lib/commandCenter/searchers/databases.ts
@@ -16,7 +16,8 @@ export const dbSearcher = (async (query: string) => {
                     label: db.name,
                     callback: () => {
                         goto(`/console/project-${get(project).$id}/databases/database-${db.$id}`);
-                    }
+                    },
+                    icon: 'database'
                 } as const)
         );
 }) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/functions.ts b/src/lib/commandCenter/searchers/functions.ts
index 8c0df9aaf..f9626a9aa 100644
--- a/src/lib/commandCenter/searchers/functions.ts
+++ b/src/lib/commandCenter/searchers/functions.ts
@@ -3,18 +3,79 @@ import { sdk } from '$lib/stores/sdk';
 import { project } from '$routes/console/project-[project]/store';
 import { get } from 'svelte/store';
 import type { Searcher } from '../commands';
+import type { Models } from '@appwrite.io/console';
+import { page } from '$app/stores';
+import { showCreateDeployment } from '$routes/console/project-[project]/functions/function-[function]/+page.svelte';
+
+const getFunctionCommand = (fn: Models.Function, projectId: string) => {
+    return {
+        label: fn.name,
+        callback: () => {
+            goto(`/console/project-${projectId}/functions/function-${fn.$id}`);
+        },
+        group: 'functions',
+        icon: 'lightning-bolt'
+    } as const;
+};
 
 export const functionsSearcher = (async (query: string) => {
     const { functions } = await sdk.forProject.functions.list();
 
     const projectId = get(project).$id;
-    return functions
-        .filter((fn) => fn.name.toLowerCase().includes(query.toLowerCase()))
-        .map((fn) => ({
-            label: fn.name,
-            callback: () => {
-                goto(`/console/project-${projectId}/functions/function-${fn.$id}`);
+
+    const filtered = functions.filter((fn) => fn.name.toLowerCase().includes(query.toLowerCase()));
+
+    if (filtered.length === 1) {
+        const func = filtered[0];
+        return [
+            getFunctionCommand(func, projectId),
+            {
+                label: 'Create deployment',
+                nested: true,
+                async callback() {
+                    const $page = get(page);
+                    if (!$page.url.pathname.endsWith(func.$id)) {
+                        await goto(`/console/project-${projectId}/functions/function-${func.$id}`);
+                    }
+                    showCreateDeployment();
+                },
+                group: 'functions',
+                icon: 'plus'
             },
-            group: 'functions'
-        }));
+            {
+                label: 'Go to deployments',
+                nested: true,
+                callback() {
+                    goto(`/console/project-${projectId}/functions/function-${func.$id}`);
+                },
+                group: 'functions'
+            },
+            {
+                label: 'Go to usage',
+                nested: true,
+                callback() {
+                    goto(`/console/project-${projectId}/functions/function-${func.$id}/usage`);
+                },
+                group: 'functions'
+            },
+            {
+                label: 'Go to executions',
+                nested: true,
+                callback() {
+                    goto(`/console/project-${projectId}/functions/function-${func.$id}/executions`);
+                },
+                group: 'functions'
+            },
+            {
+                label: 'Go to settings',
+                nested: true,
+                callback() {
+                    goto(`/console/project-${projectId}/functions/function-${func.$id}/settings`);
+                },
+                group: 'functions'
+            }
+        ];
+    }
+
+    return filtered.map((fn) => getFunctionCommand(fn, projectId));
 }) satisfies Searcher;
diff --git a/src/routes/console/project-[project]/auth/+layout.svelte b/src/routes/console/project-[project]/auth/+layout.svelte
index 6758ec981..ea394d546 100644
--- a/src/routes/console/project-[project]/auth/+layout.svelte
+++ b/src/routes/console/project-[project]/auth/+layout.svelte
@@ -122,6 +122,7 @@
         }
     ]);
 
+    // To prioritize the groups!
     $: $updateCommandGroupRanks({ users: 300, teams: 200, security: 100 });
 </script>
 
diff --git a/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte b/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
index b9b2ce79e..e58b1cdb0 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
@@ -11,7 +11,9 @@
         {
             label: 'Create deployment',
             async callback() {
-                await goto(`/console/project-${$project.$id}/functions/function-${$func.$id}`);
+                if (!$page.url.pathname.endsWith($func.$id)) {
+                    await goto(`/console/project-${$project.$id}/functions/function-${$func.$id}`);
+                }
                 showCreateDeployment();
             },
             keys: $page.url.pathname.endsWith($func.$id) ? ['c'] : ['c', 'd'],
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 3231cffce..5c2e5fbb5 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts" context="module">
-    let showCreate = false;
+    let showCreate = writable(false);
     export const showCreateDeployment = () => {
-        showCreate = true;
+        showCreate.set(true);
     };
 </script>
 
@@ -44,6 +44,7 @@
     import { sdk } from '$lib/stores/sdk';
     import { calculateTime } from '$lib/helpers/timeConversion';
     import { timer } from '$lib/actions/timer';
+    import { writable } from 'svelte/store';
 
     export let data: PageData;
 
@@ -84,7 +85,7 @@
 <Container>
     <div class="u-flex u-gap-12 common-section u-main-space-between">
         <Heading tag="h2" size="5">Deployments</Heading>
-        <Button on:click={() => (showCreate = true)} event="create_deployment">
+        <Button on:click={() => showCreate.set(true)} event="create_deployment">
             <span class="icon-plus" aria-hidden="true" />
             <span class="text">Create deployment</span>
         </Button>
@@ -153,7 +154,7 @@
                 single
                 href="https://appwrite.io/docs/functions#createFunction"
                 target="deployment"
-                on:click={() => (showCreate = true)} />
+                on:click={() => showCreate.set(true)} />
         {/if}
 
         <div class="common-section">
@@ -249,7 +250,7 @@
                 </TableBody>
             </TableScroll>
         {:else}
-            <Empty single target="deployment" on:click={() => (showCreate = true)}>
+            <Empty single target="deployment" on:click={() => showCreate.set(true)}>
                 <div class="u-text-center">
                     <Heading size="7" tag="h2"
                         >You have no inactive deployments. Create one to see it here.</Heading>
@@ -264,7 +265,7 @@
                         text
                         event="empty_documentation"
                         ariaLabel={`create {target}`}>Documentation</Button>
-                    <Button secondary on:click={() => (showCreate = true)}>
+                    <Button secondary on:click={() => showCreate.set(true)}>
                         Create deployment
                     </Button>
                 </div>
@@ -275,14 +276,14 @@
             single
             target="deployment"
             href="https://appwrite.io/docs/functions#createFunction"
-            on:click={() => (showCreate = true)} />
+            on:click={() => showCreate.set(true)} />
     {/if}
     {@const sum = data.deployments.total ? data.deployments.total - 1 : 0}
 
     <PaginationWithLimit name="Deployments" limit={data.limit} offset={data.offset} total={sum} />
 </Container>
 
-<Create bind:showCreate />
+<Create bind:showCreate={$showCreate} />
 
 {#if selectedDeployment}
     <Delete {selectedDeployment} bind:showDelete />

From 92d3bafd195d3350e97b83709fe22491b525a842 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 25 Jul 2023 09:51:56 +0100
Subject: [PATCH 093/128] more fn commands & icons

---
 .../commandCenter/panels/collections.svelte   |  4 +-
 src/lib/commandCenter/panels/databases.svelte |  4 +-
 src/lib/commandCenter/panels/functions.svelte |  4 +-
 .../commandCenter/panels/organizations.svelte |  4 +-
 src/lib/commandCenter/panels/projects.svelte  |  4 +-
 .../function-[function]/+layout.svelte        | 53 +++++++++++++++++++
 .../settings/updateEvents.svelte              |  2 +-
 .../settings/updatePermissions.svelte         |  2 +-
 .../settings/updateSchedule.svelte            |  2 +-
 .../settings/updateTimeout.svelte             |  2 +-
 .../settings/updateVariables.svelte           |  2 +-
 11 files changed, 63 insertions(+), 20 deletions(-)

diff --git a/src/lib/commandCenter/panels/collections.svelte b/src/lib/commandCenter/panels/collections.svelte
index 7bbeee0b6..140d2e6ba 100644
--- a/src/lib/commandCenter/panels/collections.svelte
+++ b/src/lib/commandCenter/panels/collections.svelte
@@ -6,6 +6,4 @@
     const { search, results } = initSearcher(collectionsSearcher);
 </script>
 
-<Template options={$results} bind:search={$search}>
-    <div slot="option" let:option>{option.label}</div>
-</Template>
+<Template options={$results} bind:search={$search} />
diff --git a/src/lib/commandCenter/panels/databases.svelte b/src/lib/commandCenter/panels/databases.svelte
index e6e259ce3..e989b5a8b 100644
--- a/src/lib/commandCenter/panels/databases.svelte
+++ b/src/lib/commandCenter/panels/databases.svelte
@@ -6,6 +6,4 @@
     const { search, results } = initSearcher(dbSearcher);
 </script>
 
-<Template options={$results} bind:search={$search}>
-    <div slot="option" let:option>{option.label}</div>
-</Template>
+<Template options={$results} bind:search={$search} />
diff --git a/src/lib/commandCenter/panels/functions.svelte b/src/lib/commandCenter/panels/functions.svelte
index bfe143db5..0213681e5 100644
--- a/src/lib/commandCenter/panels/functions.svelte
+++ b/src/lib/commandCenter/panels/functions.svelte
@@ -6,6 +6,4 @@
     const { search, results } = initSearcher(functionsSearcher);
 </script>
 
-<Template options={$results} bind:search={$search}>
-    <div slot="option" let:option>{option.label}</div>
-</Template>
+<Template options={$results} bind:search={$search} />
diff --git a/src/lib/commandCenter/panels/organizations.svelte b/src/lib/commandCenter/panels/organizations.svelte
index 9dc00519b..a09bcef05 100644
--- a/src/lib/commandCenter/panels/organizations.svelte
+++ b/src/lib/commandCenter/panels/organizations.svelte
@@ -6,6 +6,4 @@
     const { results, search } = initSearcher(orgSearcher);
 </script>
 
-<Template options={$results} bind:search={$search}>
-    <div slot="option" let:option>{option.label}</div>
-</Template>
+<Template options={$results} bind:search={$search} />
diff --git a/src/lib/commandCenter/panels/projects.svelte b/src/lib/commandCenter/panels/projects.svelte
index 6a3a69bf8..1967da80c 100644
--- a/src/lib/commandCenter/panels/projects.svelte
+++ b/src/lib/commandCenter/panels/projects.svelte
@@ -6,6 +6,4 @@
     const { search, results } = initSearcher(projectsSearcher);
 </script>
 
-<Template options={$results} bind:search={$search}>
-    <div slot="option" let:option>{option.label}</div>
-</Template>
+<Template options={$results} bind:search={$search} />
diff --git a/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte b/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
index e58b1cdb0..4195d3f81 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
@@ -20,6 +20,59 @@
             group: 'functions',
             icon: 'plus'
         },
+        {
+            label: 'Permissions',
+            async callback() {
+                await goto(
+                    `/console/project-${$project.$id}/functions/function-${$func.$id}/settings#permissions`
+                );
+                scrollBy({ top: -100 });
+            },
+            icon: 'search',
+            group: 'functions'
+        },
+        {
+            label: 'Events',
+            async callback() {
+                await goto(
+                    `/console/project-${$project.$id}/functions/function-${$func.$id}/settings#events`
+                );
+                scrollBy({ top: -100 });
+            },
+            icon: 'calendar',
+            group: 'functions'
+        },
+        {
+            label: 'Variables',
+            async callback() {
+                await goto(
+                    `/console/project-${$project.$id}/functions/function-${$func.$id}/settings#variables`
+                );
+            },
+            icon: 'list',
+            group: 'functions'
+        },
+        {
+            label: 'Timeout',
+            async callback() {
+                await goto(
+                    `/console/project-${$project.$id}/functions/function-${$func.$id}/settings#timeout`
+                );
+            },
+            icon: 'x-circle',
+            group: 'functions'
+        },
+        {
+            label: 'Schedule',
+            async callback() {
+                await goto(
+                    `/console/project-${$project.$id}/functions/function-${$func.$id}/settings#schedule`
+                );
+                scrollBy({ top: -100 });
+            },
+            icon: 'clock',
+            group: 'functions'
+        },
         {
             label: 'Go to deployments',
             callback() {
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte
index 9555b7094..13b0f3a44 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte
@@ -78,7 +78,7 @@
 
 <Form onSubmit={updateEvents}>
     <CardGrid>
-        <Heading tag="h6" size="7">Events</Heading>
+        <Heading tag="h6" size="7" id="events">Events</Heading>
         <p>Set the events that will trigger your function. Maximum 100 events allowed.</p>
         <svelte:fragment slot="aside">
             {#if $eventSet.size}
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/updatePermissions.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/updatePermissions.svelte
index 369f936a9..f75709cf0 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/updatePermissions.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/updatePermissions.svelte
@@ -56,7 +56,7 @@
 
 <Form onSubmit={updatePermissions}>
     <CardGrid>
-        <Heading tag="h6" size="7">Execute Access</Heading>
+        <Heading tag="h6" size="7" id="permissions">Execute Access</Heading>
         <p>
             Choose who can execute this function using the client API. For more information, check
             out the <a
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/updateSchedule.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/updateSchedule.svelte
index e60ba6e99..d5cc43c74 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/updateSchedule.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/updateSchedule.svelte
@@ -46,7 +46,7 @@
 
 <Form onSubmit={updateSchedule}>
     <CardGrid>
-        <Heading tag="h6" size="7">Schedule</Heading>
+        <Heading tag="h6" size="7" id="schedule">Schedule</Heading>
         <p>
             Set a Cron schedule to trigger your function. Leave blank for no schedule. <a
                 href="https://en.wikipedia.org/wiki/Cron"
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/updateTimeout.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/updateTimeout.svelte
index 94489f929..232ca8fe1 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/updateTimeout.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/updateTimeout.svelte
@@ -46,7 +46,7 @@
 
 <Form onSubmit={updateTimeout}>
     <CardGrid>
-        <Heading tag="h6" size="7">Timeout</Heading>
+        <Heading tag="h6" size="7" id="timeout">Timeout</Heading>
         <p>Limit the execution time of your function. Maximum value is 900 seconds (15 minutes).</p>
         <svelte:fragment slot="aside">
             <FormList>
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/updateVariables.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/updateVariables.svelte
index c3915babc..40c8125ba 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/updateVariables.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/updateVariables.svelte
@@ -126,7 +126,7 @@
 </script>
 
 <CardGrid>
-    <Heading tag="h6" size="7">Variables</Heading>
+    <Heading tag="h6" size="7" id="variables">Variables</Heading>
     <p>Set the variables (or secret keys) that will be passed to your function at runtime.</p>
     <svelte:fragment slot="aside">
         <div class="u-flex u-margin-inline-start-auto u-gap-16">

From 0b21fe415eda29f29af61313f222d946f5eeb570 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 25 Jul 2023 12:15:04 +0100
Subject: [PATCH 094/128] storage commands

---
 src/lib/commandCenter/commandCenter.svelte    |   7 +-
 src/lib/commandCenter/commands.ts             |   7 +-
 src/lib/commandCenter/panels/buckets.svelte   |   9 ++
 src/lib/commandCenter/panels/files.svelte     |   9 ++
 src/lib/commandCenter/panels/index.ts         |  12 ++
 src/lib/commandCenter/panels/template.svelte  |  28 ++---
 src/lib/commandCenter/searchers/buckets.ts    |  81 +++++++++++++
 src/lib/commandCenter/searchers/files.ts      |  27 +++++
 src/lib/commandCenter/searchers/index.ts      |   2 +
 src/lib/commandCenter/searchers/users.ts      |   2 +-
 .../console/project-[project]/+layout.svelte  |  17 ++-
 .../project-[project]/auth/+layout.svelte     |   2 +-
 .../databases/+layout.svelte                  |   2 +-
 .../database-[database]/+layout.svelte        |   2 +-
 .../collection-[collection]/+layout.svelte    |   5 +-
 .../project-[project]/overview/+layout.svelte |   5 +-
 .../project-[project]/settings/+layout.svelte |   5 +-
 .../settings/migrations/+page.svelte          |   7 +-
 .../settings/webhooks/+page.svelte            |   6 +-
 .../project-[project]/storage/+layout.svelte  |  11 +-
 .../storage/bucket-[bucket]/+layout.svelte    | 106 ++++++++++++++++++
 .../storage/bucket-[bucket]/+page.svelte      |  18 ++-
 .../bucket-[bucket]/settings/+page.svelte     |   6 +-
 23 files changed, 309 insertions(+), 67 deletions(-)
 create mode 100644 src/lib/commandCenter/panels/buckets.svelte
 create mode 100644 src/lib/commandCenter/panels/files.svelte
 create mode 100644 src/lib/commandCenter/searchers/buckets.ts
 create mode 100644 src/lib/commandCenter/searchers/files.ts

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index 5fc9aad48..3bae64543 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -24,7 +24,6 @@
 
 <script lang="ts">
     import { dev } from '$app/environment';
-    import { afterNavigate } from '$app/navigation';
     import { portal } from '$lib/actions/portal';
     import { last } from '$lib/helpers/array';
     import { debounce } from '$lib/helpers/debounce';
@@ -61,10 +60,6 @@
         }
     }
 
-    afterNavigate(() => {
-        clearSubPanels();
-    });
-
     const ctx = setCommandCenterCtx({
         isInitialPanel: true,
         open: false
@@ -95,6 +90,8 @@
         }
         $commandCenterKeyDownHandler(e);
     };
+
+    $: console.log($subPanels);
 </script>
 
 <svelte:window on:mousedown={handleBlur} on:keydown={handleKeydown} />
diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index a1cfac8f1..5fd52af27 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -25,7 +25,9 @@ const groups = [
     'indexes',
     'documents',
     'teams',
-    'security'
+    'security',
+    'buckets',
+    'files'
 ] as const;
 
 export type CommandGroup = (typeof groups)[number];
@@ -39,6 +41,7 @@ type BaseCommand = {
     icon?: string;
     rank?: number;
     nested?: boolean;
+    keepOpen?: boolean;
 };
 
 type KeyedCommand = BaseCommand & {
@@ -152,7 +155,7 @@ export const commandCenterKeyDownHandler = derived(
 
         const rankAndExecute = debounce(() => {
             const command = getHighestPriorityCommand();
-            command.callback();
+            command?.callback();
             reset.immediate();
         }, 200);
 
diff --git a/src/lib/commandCenter/panels/buckets.svelte b/src/lib/commandCenter/panels/buckets.svelte
new file mode 100644
index 000000000..06859101c
--- /dev/null
+++ b/src/lib/commandCenter/panels/buckets.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+    import { initSearcher } from '../commands';
+    import { bucketSearcher } from '../searchers';
+    import Template from './template.svelte';
+
+    const { search, results } = initSearcher(bucketSearcher);
+</script>
+
+<Template options={$results} bind:search={$search} />
diff --git a/src/lib/commandCenter/panels/files.svelte b/src/lib/commandCenter/panels/files.svelte
new file mode 100644
index 000000000..8bd029c2d
--- /dev/null
+++ b/src/lib/commandCenter/panels/files.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+    import { initSearcher } from '../commands';
+    import { fileSearcher } from '../searchers';
+    import Template from './template.svelte';
+
+    const { search, results } = initSearcher(fileSearcher);
+</script>
+
+<Template options={$results} bind:search={$search} />
diff --git a/src/lib/commandCenter/panels/index.ts b/src/lib/commandCenter/panels/index.ts
index 5b408c90f..c1d8a59f1 100644
--- a/src/lib/commandCenter/panels/index.ts
+++ b/src/lib/commandCenter/panels/index.ts
@@ -66,3 +66,15 @@ export const FunctionsPanel: SubPanel = {
     name: 'Functions',
     component: Functions
 };
+
+import Buckets from './buckets.svelte';
+export const BucketsPanel: SubPanel = {
+    name: 'Buckets',
+    component: Buckets
+};
+
+import Files from './files.svelte';
+export const FilesPanel: SubPanel = {
+    name: 'Files',
+    component: Files
+};
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 043d6b22b..c48e1e55b 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { commandGroupRanks, type CommandGroup } from '../commands';
+    import { commandGroupRanks, type CommandGroup, type Command } from '../commands';
 
     // This is the template for all panels used in the command center.
     // Use this component when you want to create a new panel.
@@ -10,18 +10,7 @@
 
     import { clearSubPanels, popSubPanel, subPanels } from '../subPanels';
 
-    import { quadOut } from 'svelte/easing';
-    import { crossfade } from 'svelte/transition';
-
-    type BaseOption = {
-        callback: () => void;
-        group?: string;
-        rank?: number;
-        nested?: boolean;
-        icon?: string;
-        label?: string;
-    };
-    type Option = $$Generic<BaseOption>;
+    type Option = $$Generic<Command>;
     export let options: Option[] | null = null;
     export let search = '';
     export let searchPlaceholder = 'Search...';
@@ -31,10 +20,10 @@
     let selected = 0;
     let contentEl: HTMLElement;
 
-    function triggerOption(option: Option) {
+    async function triggerOption(option: Option) {
         const prevPanels = $subPanels.length;
         option.callback();
-        if (prevPanels === $subPanels.length && clearOnCallback) {
+        if (prevPanels === $subPanels.length && clearOnCallback && !option.keepOpen) {
             clearSubPanels();
         }
     }
@@ -106,11 +95,6 @@
         selected = 0;
     }
 
-    const [send, receive] = crossfade({
-        duration: 100,
-        easing: quadOut
-    });
-
     const commandCenterCtx = getCommandCenterCtx();
 
     let cardEl: HTMLElement;
@@ -237,10 +221,14 @@
     class:scale-up={$commandCenterCtx.isInitialPanel && $commandCenterCtx.open}>
     <div class="search-wrapper">
         {#each breadcrumbs as crumb, i}
+            {@const isLast = i === breadcrumbs.length - 1}
             <button class="crumb" on:click={() => handleCrumbClick(i)}>
                 <span>{crumb}</span>
                 <i class="icon-x" />
             </button>
+            {#if !isLast}
+                <span style="opacity: 50%">/</span>
+            {/if}
         {/each}
 
         <slot name="search">
diff --git a/src/lib/commandCenter/searchers/buckets.ts b/src/lib/commandCenter/searchers/buckets.ts
new file mode 100644
index 000000000..8e4d45689
--- /dev/null
+++ b/src/lib/commandCenter/searchers/buckets.ts
@@ -0,0 +1,81 @@
+import { goto } from '$app/navigation';
+import { sdk } from '$lib/stores/sdk';
+import { project } from '$routes/console/project-[project]/store';
+import { Query, type Models } from '@appwrite.io/console';
+import { get } from 'svelte/store';
+import type { Command, Searcher } from '../commands';
+import { addSubPanel } from '../subPanels';
+import { FilesPanel } from '../panels';
+
+const getBucketCommand = (bucket: Models.Bucket, projectId: string) => {
+    return {
+        label: `${bucket.name}`,
+        callback() {
+            goto(`/console/project-${projectId}/storage/bucket-${bucket.$id}`);
+        },
+        group: 'buckets',
+        icon: 'folder'
+    } satisfies Command;
+};
+
+export const bucketSearcher = (async (query: string) => {
+    const { buckets } = await sdk.forProject.storage.listBuckets([Query.orderDesc('$createdAt')]);
+
+    const $project = get(project);
+    const filtered = buckets.filter((bucket) => bucket.name.includes(query));
+
+    if (filtered.length === 1) {
+        const bucket = filtered[0];
+        return [
+            getBucketCommand(bucket, $project.$id),
+            {
+                label: 'Find files',
+                async callback() {
+                    await goto(`/console/project-${$project.$id}/storage/bucket-${bucket.$id}`);
+                    addSubPanel(FilesPanel);
+                },
+                group: 'buckets',
+                nested: true,
+                icon: 'search',
+                keepOpen: true
+            },
+            {
+                label: 'Permissions',
+                async callback() {
+                    await goto(
+                        `/console/project-${$project.$id}/storage/bucket-${bucket.$id}/settings#permissions`
+                    );
+                    scrollBy({ top: -100 });
+                },
+                group: 'buckets',
+                nested: true,
+                icon: 'key'
+            },
+            {
+                label: 'Extensions',
+                async callback() {
+                    await goto(
+                        `/console/project-${$project.$id}/storage/bucket-${bucket.$id}/settings#extensions`
+                    );
+                },
+                group: 'buckets',
+                nested: true,
+                icon: 'puzzle'
+            },
+            {
+                label: 'File Security',
+                async callback() {
+                    await goto(
+                        `/console/project-${$project.$id}/storage/bucket-${bucket.$id}/settings#file-security`
+                    );
+                    scrollBy({ top: -100 });
+                },
+                group: 'buckets',
+                nested: true,
+                icon: 'lock-closed'
+            }
+        ];
+    }
+
+    return filtered.map((bucket) => getBucketCommand(bucket, $project.$id));
+}) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/files.ts b/src/lib/commandCenter/searchers/files.ts
new file mode 100644
index 000000000..3ae581882
--- /dev/null
+++ b/src/lib/commandCenter/searchers/files.ts
@@ -0,0 +1,27 @@
+import { sdk } from '$lib/stores/sdk';
+import { get } from 'svelte/store';
+import type { Searcher } from '../commands';
+import { bucket } from '$routes/console/project-[project]/storage/bucket-[bucket]/store';
+import { Query } from '@appwrite.io/console';
+import { goto } from '$app/navigation';
+import { project } from '$routes/console/project-[project]/store';
+
+export const fileSearcher = (async (query: string) => {
+    const $bucket = get(bucket);
+    const $project = get(project);
+
+    const { files } = await sdk.forProject.storage.listFiles(
+        $bucket.$id,
+        [Query.orderDesc('$createdAt')],
+        query || undefined
+    );
+
+    return files.map((file) => ({
+        label: file.name,
+        callback: () => {
+            goto(`/console/project-${$project.$id}/storage/bucket-${$bucket.$id}/file-${file.$id}`);
+        },
+        icon: 'document',
+        group: 'files'
+    }));
+}) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/index.ts b/src/lib/commandCenter/searchers/index.ts
index f86d7690e..0f78e8c90 100644
--- a/src/lib/commandCenter/searchers/index.ts
+++ b/src/lib/commandCenter/searchers/index.ts
@@ -5,3 +5,5 @@ export * from './collections';
 export * from './projects';
 export * from './teams';
 export * from './functions';
+export * from './buckets';
+export * from './files';
diff --git a/src/lib/commandCenter/searchers/users.ts b/src/lib/commandCenter/searchers/users.ts
index e4dc33399..f37f56d6f 100644
--- a/src/lib/commandCenter/searchers/users.ts
+++ b/src/lib/commandCenter/searchers/users.ts
@@ -17,7 +17,7 @@ const getUserCommand = (user: Models.User<Models.Preferences>, projectId: string
     } satisfies Command);
 
 export const userSearcher = (async (query: string) => {
-    const { users } = await sdk.forProject.users.list([], query);
+    const { users } = await sdk.forProject.users.list([], query || undefined);
     const projectId = get(project).$id;
 
     if (users.length === 1) {
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 09daa2ea8..278fffc32 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -13,6 +13,7 @@
     } from '$lib/commandCenter';
 
     import {
+        bucketSearcher,
         dbSearcher,
         functionsSearcher,
         teamSearcher,
@@ -23,7 +24,8 @@
         UsersPanel,
         TeamsPanel,
         DatabasesPanel,
-        FunctionsPanel
+        FunctionsPanel,
+        BucketsPanel
     } from '$lib/commandCenter/panels';
 
     onMount(async () => {
@@ -122,12 +124,19 @@
             group: 'functions',
             icon: 'search',
             keys: ['f', 'f']
+        },
+        {
+            label: 'Find Buckets',
+            callback: () => {
+                addSubPanel(BucketsPanel);
+            },
+            group: 'buckets',
+            icon: 'search',
+            keys: ['f', 'b']
         }
     ]);
 
-    $registerSearchers(userSearcher, teamSearcher, dbSearcher, functionsSearcher);
-
-    $updateCommandGroupRanks({ functions: 10 });
+    $registerSearchers(userSearcher, teamSearcher, dbSearcher, functionsSearcher, bucketSearcher);
 </script>
 
 <slot />
diff --git a/src/routes/console/project-[project]/auth/+layout.svelte b/src/routes/console/project-[project]/auth/+layout.svelte
index ea394d546..62c335648 100644
--- a/src/routes/console/project-[project]/auth/+layout.svelte
+++ b/src/routes/console/project-[project]/auth/+layout.svelte
@@ -123,7 +123,7 @@
     ]);
 
     // To prioritize the groups!
-    $: $updateCommandGroupRanks({ users: 300, teams: 200, security: 100 });
+    $: $updateCommandGroupRanks({ users: 300, teams: 200, security: 100, navigation: 50 });
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/databases/+layout.svelte b/src/routes/console/project-[project]/databases/+layout.svelte
index 36cd84574..1d101a655 100644
--- a/src/routes/console/project-[project]/databases/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/+layout.svelte
@@ -17,7 +17,7 @@
         }
     ]);
 
-    $: $updateCommandGroupRanks({ databases: 100 });
+    $: $updateCommandGroupRanks({ databases: 200, navigation: 100 });
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte b/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
index 6ac88a4f8..7a6a1acf3 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
@@ -85,7 +85,7 @@
 
     $registerSearchers(collectionsSearcher);
 
-    $: $updateCommandGroupRanks((p) => ({ ...p, collections: 10 }));
+    $: $updateCommandGroupRanks({ collections: 10 });
 </script>
 
 <svelte:head>
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 0030617c6..67aa899a5 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
@@ -147,13 +147,12 @@
         }
     ]);
 
-    $updateCommandGroupRanks((p) => ({
-        ...p,
+    $updateCommandGroupRanks({
         attributes: 1000,
         documents: 900,
         collections: 800,
         indexes: 700
-    }));
+    });
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/overview/+layout.svelte b/src/routes/console/project-[project]/overview/+layout.svelte
index c4da511b0..1b2357deb 100644
--- a/src/routes/console/project-[project]/overview/+layout.svelte
+++ b/src/routes/console/project-[project]/overview/+layout.svelte
@@ -80,10 +80,9 @@
         }
     ]);
 
-    $: $updateCommandGroupRanks((prev) => ({
-        ...prev,
+    $: $updateCommandGroupRanks({
         integrations: 10
-    }));
+    });
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/settings/+layout.svelte b/src/routes/console/project-[project]/settings/+layout.svelte
index d1676293f..77ac9afee 100644
--- a/src/routes/console/project-[project]/settings/+layout.svelte
+++ b/src/routes/console/project-[project]/settings/+layout.svelte
@@ -71,11 +71,10 @@
         }
     ]);
 
-    $: $updateCommandGroupRanks((prev) => ({
-        ...prev,
+    $updateCommandGroupRanks({
         domains: 20,
         webhooks: 10
-    }));
+    });
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.svelte b/src/routes/console/project-[project]/settings/migrations/+page.svelte
index e81e073bb..2de72e1d9 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/+page.svelte
@@ -13,8 +13,6 @@
     } from '$lib/elements/table';
     import Table from '$lib/elements/table/table.svelte';
     import { isSameDay, toLocaleDate } from '$lib/helpers/date';
-    import { parseIfString } from '$lib/helpers/object';
-    import { capitalize } from '$lib/helpers/string';
     import { Container } from '$lib/layout';
     import { sdk } from '$lib/stores/sdk';
     import { isSelfHosted } from '$lib/system';
@@ -71,10 +69,7 @@
               }
     ]);
 
-    $: $updateCommandGroupRanks((prev) => ({
-        ...prev,
-        migrations: 100
-    }));
+    $updateCommandGroupRanks({ migrations: 100 });
 
     const getCurrentEndpoint = () => {
         // Remove subpaths and query strings from the current URL. Add a /v1 suffix
diff --git a/src/routes/console/project-[project]/settings/webhooks/+page.svelte b/src/routes/console/project-[project]/settings/webhooks/+page.svelte
index 342bca071..5bdf900b9 100644
--- a/src/routes/console/project-[project]/settings/webhooks/+page.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/+page.svelte
@@ -39,11 +39,7 @@
 
     const projectId = $page.params.project;
 
-    $: $updateCommandGroupRanks((prev) => ({
-        ...prev,
-        webhooks: 20,
-        domains: 10
-    }));
+    $: $updateCommandGroupRanks({ webhooks: 20, domains: 10 });
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/storage/+layout.svelte b/src/routes/console/project-[project]/storage/+layout.svelte
index 4d32c08a5..8a12d0d0f 100644
--- a/src/routes/console/project-[project]/storage/+layout.svelte
+++ b/src/routes/console/project-[project]/storage/+layout.svelte
@@ -15,7 +15,8 @@
                 $showCreateBucket = true;
             },
             keys: $page.url.pathname.endsWith('storage') ? ['c'] : ['c', 'b'],
-            icon: 'plus'
+            icon: 'plus',
+            group: 'buckets'
         },
         {
             label: 'Go to usage',
@@ -23,12 +24,14 @@
                 goto(`/console/project-${$project.$id}/storage/usage`);
             },
             keys: ['g', 'u'],
-            disabled: $page.url.pathname.endsWith('usage'),
-            group: 'storage'
+            disabled:
+                $page.url.pathname.endsWith('usage') || $page.url.pathname.includes('bucket-'),
+            group: 'navigation',
+            rank: 10
         }
     ]);
 
-    $: $updateCommandGroupRanks((prev) => ({ ...prev, storage: 10 }));
+    $: $updateCommandGroupRanks({ buckets: 200, files: 150, navigation: 100 });
 </script>
 
 <svelte:head>
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.svelte
index b6f596a77..ed7a6ee74 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.svelte
@@ -1,3 +1,109 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { page } from '$app/stores';
+    import {
+        addSubPanel,
+        registerCommands,
+        registerSearchers,
+        updateCommandGroupRanks
+    } from '$lib/commandCenter';
+    import { FilesPanel } from '$lib/commandCenter/panels';
+    import { fileSearcher } from '$lib/commandCenter/searchers';
+    import { project } from '../../store';
+    import { showCreateFile } from './+page.svelte';
+    import { bucket } from './store';
+
+    $: $registerCommands([
+        {
+            label: 'Search files',
+            callback() {
+                addSubPanel(FilesPanel);
+            },
+            keys: ['f', 'l'],
+            group: 'files',
+            icon: 'search'
+        },
+        {
+            label: 'Create file',
+            async callback() {
+                if (!$page.url.pathname.endsWith($bucket.$id)) {
+                    goto(`/console/project-${$project.$id}/storage/bucket-${$bucket.$id}`);
+                }
+                showCreateFile();
+            },
+            keys: $page.url.pathname.endsWith($bucket.$id) ? ['c'] : ['c', 'f'],
+            group: 'files',
+            icon: 'plus'
+        },
+        {
+            label: 'Permissions',
+            async callback() {
+                await goto(
+                    `/console/project-${$project.$id}/storage/bucket-${$bucket.$id}/settings#permissions`
+                );
+                scrollBy({ top: -100 });
+            },
+            group: 'buckets',
+            icon: 'key'
+        },
+        {
+            label: 'Extensions',
+            async callback() {
+                await goto(
+                    `/console/project-${$project.$id}/storage/bucket-${$bucket.$id}/settings#extensions`
+                );
+            },
+            group: 'buckets',
+            icon: 'puzzle'
+        },
+        {
+            label: 'File Security',
+            async callback() {
+                await goto(
+                    `/console/project-${$project.$id}/storage/bucket-${$bucket.$id}/settings#file-security`
+                );
+                scrollBy({ top: -100 });
+            },
+            group: 'buckets',
+            icon: 'lock-closed'
+        },
+        {
+            label: 'Go to files',
+            callback() {
+                goto(`/console/project-${$project.$id}/storage/bucket-${$bucket.$id}`);
+            },
+            disabled: $page.url.pathname.endsWith($bucket.$id),
+            keys: ['g', 'f'],
+            group: 'navigation',
+            rank: 10
+        },
+        {
+            label: 'Go to usage',
+            callback() {
+                goto(`/console/project-${$project.$id}/storage/bucket-${$bucket.$id}/usage`);
+            },
+            disabled: $page.url.pathname.endsWith('usage'),
+            keys: ['g', 'u'],
+            group: 'navigation',
+            rank: 10
+        },
+        {
+            label: 'Go to settings',
+            callback() {
+                goto(`/console/project-${$project.$id}/storage/bucket-${$bucket.$id}/settings`);
+            },
+            disabled: $page.url.pathname.endsWith('settings'),
+            keys: ['g', 's'],
+            group: 'navigation',
+            rank: 10
+        }
+    ]);
+
+    $: $updateCommandGroupRanks({ files: 300 });
+
+    $registerSearchers(fileSearcher);
+</script>
+
 <svelte:head>
     <title>Bucket - Appwrite</title>
 </svelte:head>
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.svelte
index a30fef481..578098cfb 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.svelte
@@ -1,3 +1,11 @@
+<script lang="ts" context="module">
+    let showCreate = writable(false);
+
+    export const showCreateFile = () => {
+        showCreate.set(true);
+    };
+</script>
+
 <script lang="ts">
     import { page } from '$app/stores';
     import { sdk } from '$lib/stores/sdk';
@@ -36,10 +44,10 @@
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { writable } from 'svelte/store';
 
     export let data: PageData;
 
-    let showCreate = false;
     let showDelete = false;
     let showDropdown = [];
     let selectedFile: Models.File = null;
@@ -50,7 +58,7 @@
         sdk.forProject.storage.getFilePreview(bucketId, fileId, 32, 32).toString() + '&mode=admin';
 
     async function fileCreated() {
-        showCreate = false;
+        $showCreate = false;
         await invalidate(Dependencies.FILES);
     }
 
@@ -78,7 +86,7 @@
 
 <Container>
     <SearchQuery search={data.search} placeholder="Search by filename">
-        <Button on:click={() => (showCreate = true)} event="create_file">
+        <Button on:click={() => ($showCreate = true)} event="create_file">
             <span class="icon-plus" aria-hidden="true" /> <span class="text">Create file</span>
         </Button>
     </SearchQuery>
@@ -211,11 +219,11 @@
             single
             href="https://appwrite.io/docs/storage#createFile"
             target="file"
-            on:click={() => (showCreate = true)} />
+            on:click={() => ($showCreate = true)} />
     {/if}
 </Container>
 
-<Create bind:showCreate on:created={fileCreated} />
+<Create bind:showCreate={$showCreate} on:created={fileCreated} />
 {#if selectedFile}
     <Delete file={selectedFile} bind:showDelete on:deleted={fileDeleted} />
 {/if}
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/+page.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/+page.svelte
index ed2adfc49..5ca3f0844 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/+page.svelte
@@ -258,7 +258,7 @@
 
         <Form onSubmit={updatePermissions}>
             <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 buckets and files. For more information, check out
                     the <a
@@ -282,7 +282,7 @@
 
         <Form onSubmit={updateFileSecurity}>
             <CardGrid>
-                <Heading tag="h6" size="7">File Security</Heading>
+                <Heading tag="h6" size="7" id="file-security">File Security</Heading>
                 <svelte:fragment slot="aside">
                     <FormList>
                         <InputSwitch
@@ -406,7 +406,7 @@
 
         <Form onSubmit={updateAllowedExtensions}>
             <CardGrid>
-                <Heading tag="h6" size="7">File Extensions</Heading>
+                <Heading tag="h6" size="7" id="extensions">File Extensions</Heading>
                 <p class="text">
                     Allowed file extensions. A maximum of 100 file extensions can be added. Leave
                     blank to allow all file types.

From 1fdd2fce651ff3231e24e42e87aa4c4bda98f49b Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 27 Jul 2023 13:05:16 +0100
Subject: [PATCH 095/128] add light theme

---
 src/lib/commandCenter/panels/template.svelte | 49 ++++++++++++++++----
 1 file changed, 39 insertions(+), 10 deletions(-)

diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index c48e1e55b..61d543bda 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -304,6 +304,7 @@
 </div>
 
 <style lang="scss">
+    // Animations
     @keyframes press {
         0% {
             scale: 1;
@@ -336,6 +337,36 @@
         animation: scale-up 150ms cubic-bezier(0.5, 1, 0.89, 1);
     }
 
+    // Theme
+    :global(.theme-light) .card {
+        --cmd-center-bg: hsl(var(--color-neutral-0));
+        --cmd-center-border: hsl(var(--color-neutral-10));
+        --cmd-center-shadow: 0px 16px 32px 0px rgba(55, 59, 77, 0.04);
+
+        --kbd-bg: hsl(var(--color-neutral-30));
+
+        --crumb-bg: hsl(var(--color-neutral-10));
+        --crumb-color: hsl(var(--color-neutral-100));
+
+        --result-bg: hsl(var(--color-neutral-10));
+        --footer-bg: linear-gradient(180deg, #fff 0%, #e8e9f0 100%);
+    }
+
+    :global(.theme-dark) .card {
+        --cmd-center-bg: rgba(27, 27, 40, 0.8);
+        --cmd-center-border: hsl(var(--color-neutral-150));
+        --cmd-center-shadow: 0px 16px 32px 0px #14141f;
+
+        --kbd-bg: hsl(var(--color-neutral-150));
+
+        --crumb-bg: hsl(var(--color-neutral-150));
+        --crumb-color: hsl(var(--color-neutral-30));
+
+        --result-bg: hsl(var(--color-neutral-200));
+        --footer-bg: linear-gradient(180deg, #1b1b28 0%, #282a3b 100%);
+    }
+
+    // Elements
     .card {
         display: flex;
         flex-direction: column;
@@ -351,9 +382,9 @@
         translate: -50%;
 
         border-radius: 0.5rem;
-        border: 1px solid var(--dark-neutrals-150, #373b4d);
-        background: rgba(27, 27, 40, 0.8);
-        box-shadow: 0px 16px 32px 0px #14141f;
+        border: 1px solid var(--cmd-center-border);
+        background: var(--cmd-center-bg);
+        box-shadow: var(--cmd-center-shadow);
         backdrop-filter: blur(6px);
 
         &.fullheight {
@@ -361,7 +392,7 @@
         }
 
         :global(.kbd) {
-            background-color: hsl(var(--color-neutral-150));
+            background-color: var(--kbd-bg);
             padding-inline: 0.25rem;
         }
     }
@@ -393,9 +424,8 @@
         gap: 0.25rem;
 
         border-radius: 0.25rem;
-        background: var(--dark-neutrals-150, #373b4d);
-
-        color: var(--light-neutrals-30, #e8e9f0);
+        background: var(--crumb-bg);
+        color: var(--crumb-color);
         text-align: center;
         font-family: Inter;
         font-size: 0.75rem;
@@ -439,7 +469,7 @@
                 .bg {
                     position: absolute;
                     inset: 0;
-                    background-color: hsl(var(--color-neutral-200));
+                    background-color: var(--result-bg);
                     border-radius: 0.75rem;
                     translate: 0 -1px;
                 }
@@ -477,10 +507,9 @@
     }
 
     .footer {
-        background: linear-gradient(180deg, #1b1b28 0%, #282a3b 100%);
+        background: var(--footer-bg);
         border-top: 1px solid hsl(var(--color-border));
 
-        // margin: -1rem;
         padding: 0.5rem 1rem;
     }
 </style>

From 263e328fe84577344e0d7fbcb9dcb40878619069 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 27 Jul 2023 15:36:57 +0100
Subject: [PATCH 096/128] basic db selection

---
 src/lib/elements/forms/inputCheckbox.svelte   | 15 +++++---
 src/lib/helpers/array.ts                      |  8 +++++
 src/lib/helpers/types.ts                      |  8 +++++
 .../project-[project]/databases/table.svelte  | 36 +++++++++++++++++++
 .../project-[project]/databases/test.svelte   |  5 +++
 5 files changed, 67 insertions(+), 5 deletions(-)
 create mode 100644 src/routes/console/project-[project]/databases/test.svelte

diff --git a/src/lib/elements/forms/inputCheckbox.svelte b/src/lib/elements/forms/inputCheckbox.svelte
index b8c601635..601607e59 100644
--- a/src/lib/elements/forms/inputCheckbox.svelte
+++ b/src/lib/elements/forms/inputCheckbox.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
     import { FormItem, Helper, Label } from '.';
 
-    export let label: string;
+    export let label: string | undefined = undefined;
     export let optionalText: string | undefined = undefined;
     export let showLabel = true;
     export let id: string;
     export let value = false;
+    export let indeterminate = false;
     export let required = false;
     export let disabled = false;
 
@@ -27,19 +28,23 @@
 </script>
 
 <FormItem>
-    <Label {required} {optionalText} hide={!showLabel} for={id}>
-        {label}
-    </Label>
+    {#if label}
+        <Label {required} {optionalText} hide={!showLabel} for={id}>
+            {label}
+        </Label>
+    {/if}
 
     <div class="input-text-wrapper">
         <input
             {id}
             {disabled}
             {required}
+            {indeterminate}
             type="checkbox"
             bind:this={element}
             bind:checked={value}
-            on:invalid={handleInvalid} />
+            on:invalid={handleInvalid}
+            on:click />
     </div>
     {#if error}
         <Helper type="warning">{error}</Helper>
diff --git a/src/lib/helpers/array.ts b/src/lib/helpers/array.ts
index a325e33f5..6690dd1df 100644
--- a/src/lib/helpers/array.ts
+++ b/src/lib/helpers/array.ts
@@ -88,3 +88,11 @@ export function excludeArray<T, E extends T>(
 export function includesAll<T>(arr1: T[], arr2: T[]): boolean {
     return arr2.every((elem) => arr1.includes(elem));
 }
+
+export function toggle<T>(arr: T[], elem: T): T[] {
+    if (arr.includes(elem)) {
+        return arr.filter((e) => e !== elem);
+    }
+    arr.push(elem);
+    return arr;
+}
diff --git a/src/lib/helpers/types.ts b/src/lib/helpers/types.ts
index 344bc6af5..322fc6cb3 100644
--- a/src/lib/helpers/types.ts
+++ b/src/lib/helpers/types.ts
@@ -4,3 +4,11 @@ export type DeepKeys<T extends Record<string, any>> = {
     [K in keyof T]: T[K] extends Record<string, any> ? `${K}.${DeepKeys<T[K]>}` : K;
 }[keyof T];
 export type WritableValue<T> = T extends Writable<infer U> ? U : never;
+
+export function isHTMLElement(el: unknown): el is HTMLElement {
+    return el instanceof HTMLElement;
+}
+
+export function isHTMLInputElement(el: unknown): el is HTMLInputElement {
+    return el instanceof HTMLInputElement;
+}
diff --git a/src/routes/console/project-[project]/databases/table.svelte b/src/routes/console/project-[project]/databases/table.svelte
index ac63aa184..911de6182 100644
--- a/src/routes/console/project-[project]/databases/table.svelte
+++ b/src/routes/console/project-[project]/databases/table.svelte
@@ -2,6 +2,7 @@
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Id } from '$lib/components';
+    import InputCheckbox from '$lib/elements/forms/inputCheckbox.svelte';
     import {
         TableBody,
         TableCell,
@@ -11,16 +12,32 @@
         TableRowLink,
         TableScroll
     } from '$lib/elements/table';
+    import { toggle } from '$lib/helpers/array';
     import { toLocaleDateTime } from '$lib/helpers/date';
+    import { isHTMLInputElement } from '$lib/helpers/types';
     import type { PageData } from './$types';
     import { columns } from './store';
 
     export let data: PageData;
     const projectId = $page.params.project;
+
+    let selected: string[] = [];
 </script>
 
 <TableScroll>
     <TableHeader>
+        <TableCellHead width={10}>
+            <InputCheckbox
+                id="select-all"
+                indeterminate={selected.length > 0 && selected.length < data.databases.total}
+                value={selected.length === data.databases.total}
+                on:click={(e) => {
+                    if (!isHTMLInputElement(e.target)) return;
+                    selected = e.target.checked
+                        ? data.databases.databases.map((database) => database.$id)
+                        : [];
+                }} />
+        </TableCellHead>
         {#each $columns as column}
             {#if column.show}
                 <TableCellHead width={column.width}>{column.title}</TableCellHead>
@@ -31,6 +48,25 @@
         {#each data.databases.databases as database}
             <TableRowLink
                 href={`${base}/console/project-${projectId}/databases/database-${database.$id}`}>
+                <TableCell>
+                    <InputCheckbox
+                        id="select-{database.$id}"
+                        value={selected.includes(database.$id)}
+                        on:click={(e) => {
+                            // Prevent the link from being followed
+                            e.preventDefault();
+                            const el = e.currentTarget;
+                            if (!isHTMLInputElement(el)) return;
+
+                            selected = toggle(selected, database.$id);
+
+                            // Hack to make sure the checkbox is checked, independent of the
+                            // preventDefault() call above
+                            window.setTimeout(() => {
+                                el.checked = selected.includes(database.$id);
+                            });
+                        }} />
+                </TableCell>
                 {#each $columns as column}
                     {#if column.show}
                         {#if column.id === '$id'}
diff --git a/src/routes/console/project-[project]/databases/test.svelte b/src/routes/console/project-[project]/databases/test.svelte
new file mode 100644
index 000000000..b0cf3e6c3
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/test.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+    export let id;
+</script>
+
+<input type="checkbox" {id} on:click />

From 92af191e5a3570dfc69ed87b9c0181108c72eade Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 27 Jul 2023 16:34:25 +0100
Subject: [PATCH 097/128] bulk db deletion

---
 src/lib/components/floatingActionBar.svelte   | 37 ++++++++
 src/lib/components/index.ts                   |  2 +-
 src/lib/helpers/types.ts                      |  2 +
 .../project-[project]/databases/+page.ts      |  5 +-
 .../project-[project]/databases/table.svelte  | 84 ++++++++++++++++++-
 5 files changed, 126 insertions(+), 4 deletions(-)
 create mode 100644 src/lib/components/floatingActionBar.svelte

diff --git a/src/lib/components/floatingActionBar.svelte b/src/lib/components/floatingActionBar.svelte
new file mode 100644
index 000000000..50ddb0fd8
--- /dev/null
+++ b/src/lib/components/floatingActionBar.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+    import { portal } from '$lib/actions/portal';
+    import { fly } from 'svelte/transition';
+
+    export let show = false;
+</script>
+
+{#if show}
+    <div class="floating-action-bar" transition:fly={{ y: '6rem' }} use:portal>
+        <slot />
+    </div>
+{/if}
+
+<style lang="scss">
+    .floating-action-bar {
+        position: fixed;
+        bottom: 2rem;
+        left: 50%;
+        transform: translateX(-50%);
+        z-index: 100;
+
+        border-radius: 0.5rem;
+        padding: 0.75rem 1rem;
+    }
+
+    :global(.theme-dark) .floating-action-bar {
+        border: 1px solid hsl(var(--color-neutral-200));
+        background: hsl(var(--color-neutral-300));
+        box-shadow: 0px 6px 16px 8px #14141f;
+    }
+
+    :global(.theme-light) .floating-action-bar {
+        border: 1px solid hsl(var(--color-neutral-30));
+        background: hsl(var(--color-neutral-0));
+        box-shadow: 0px 6px 16px 0px rgba(55, 59, 77, 0.14);
+    }
+</style>
diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index a2ba5ea68..3f59e53a1 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -57,5 +57,5 @@ export { default as ClickableListItem } from './clickableListItem.svelte';
 export { default as Id } from './id.svelte';
 export { default as EyebrowHeading } from './eyebrowHeading.svelte';
 export { default as SvgIcon } from './svgIcon.svelte';
-
 export { default as MigrationBox } from './migrationBox.svelte';
+export { default as FloatingActionBar } from './floatingActionBar.svelte';
diff --git a/src/lib/helpers/types.ts b/src/lib/helpers/types.ts
index 322fc6cb3..5c5ffec06 100644
--- a/src/lib/helpers/types.ts
+++ b/src/lib/helpers/types.ts
@@ -1,6 +1,8 @@
 import type { Writable } from 'svelte/store';
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type DeepKeys<T extends Record<string, any>> = {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     [K in keyof T]: T[K] extends Record<string, any> ? `${K}.${DeepKeys<T[K]>}` : K;
 }[keyof T];
 export type WritableValue<T> = T extends Writable<infer U> ? U : never;
diff --git a/src/routes/console/project-[project]/databases/+page.ts b/src/routes/console/project-[project]/databases/+page.ts
index 2a9e3446a..477e86419 100644
--- a/src/routes/console/project-[project]/databases/+page.ts
+++ b/src/routes/console/project-[project]/databases/+page.ts
@@ -1,10 +1,11 @@
-import { CARD_LIMIT } from '$lib/constants';
+import { CARD_LIMIT, Dependencies } from '$lib/constants';
 import { getLimit, getPage, getView, pageToOffset, View } from '$lib/helpers/load';
 import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ url, route }) => {
+export const load: PageLoad = async ({ url, route, depends }) => {
+    depends(Dependencies.DATABASES);
     const page = getPage(url);
     const limit = getLimit(url, route, CARD_LIMIT);
     const view = getView(url, route, View.Grid);
diff --git a/src/routes/console/project-[project]/databases/table.svelte b/src/routes/console/project-[project]/databases/table.svelte
index 911de6182..76bde33b1 100644
--- a/src/routes/console/project-[project]/databases/table.svelte
+++ b/src/routes/console/project-[project]/databases/table.svelte
@@ -1,7 +1,12 @@
 <script lang="ts">
+    import { invalidate } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
-    import { Id } from '$lib/components';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { Id, Modal } from '$lib/components';
+    import FloatingActionBar from '$lib/components/floatingActionBar.svelte';
+    import { Dependencies } from '$lib/constants';
+    import Button from '$lib/elements/forms/button.svelte';
     import InputCheckbox from '$lib/elements/forms/inputCheckbox.svelte';
     import {
         TableBody,
@@ -15,6 +20,8 @@
     import { toggle } from '$lib/helpers/array';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { isHTMLInputElement } from '$lib/helpers/types';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
     import type { PageData } from './$types';
     import { columns } from './store';
 
@@ -22,6 +29,32 @@
     const projectId = $page.params.project;
 
     let selected: string[] = [];
+    let showDelete = false;
+    let deleting = false;
+
+    async function handleDelete() {
+        showDelete = false;
+
+        const promises = selected.map((databaseId) => sdk.forProject.databases.delete(databaseId));
+        try {
+            await Promise.all(promises);
+            trackEvent(Submit.DatabaseDelete);
+            addNotification({
+                type: 'success',
+                message: `${selected.length} database${selected.length > 1 ? 's' : ''} deleted`
+            });
+            invalidate(Dependencies.DATABASES);
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+            trackError(error, Submit.DatabaseDelete);
+        } finally {
+            selected = [];
+            showDelete = false;
+        }
+    }
 </script>
 
 <TableScroll>
@@ -92,3 +125,52 @@
         {/each}
     </TableBody>
 </TableScroll>
+
+<FloatingActionBar show={selected.length > 0}>
+    <div class="u-flex u-cross-center u-main-space-between actions">
+        <div class="u-flex u-cross-center u-gap-8">
+            <span class="indicator body-text-2 u-bold">{selected.length}</span>
+            <span>
+                {selected.length > 1 ? 'databases' : 'database'} selected
+            </span>
+        </div>
+
+        <div class="u-flex u-cross-center u-gap-8">
+            <Button text on:click={() => (selected = [])}>Cancel</Button>
+            <Button secondary on:click={() => (showDelete = true)}>Delete selection</Button>
+        </div>
+    </div>
+</FloatingActionBar>
+
+<Modal
+    icon="exclamation"
+    state="warning"
+    bind:show={showDelete}
+    onSubmit={handleDelete}
+    headerDivider={false}
+    closable={!deleting}>
+    <svelte:fragment slot="header">Delete Database</svelte:fragment>
+    <p class="text" data-private>
+        Are you sure you want to delete <b>{selected.length}</b>
+        {selected.length > 1 ? 'databases' : 'database'}?
+    </p>
+    <svelte:fragment slot="footer">
+        <Button text on:click={() => (showDelete = false)} disabled={deleting}>Cancel</Button>
+        <Button secondary submit disabled={deleting}>Delete</Button>
+    </svelte:fragment>
+</Modal>
+
+<style lang="scss">
+    .actions {
+        width: 31.25rem;
+
+        .indicator {
+            border-radius: 0.25rem;
+            background: hsl(var(--color-information-100));
+            color: hsl(var(--color-neutral-0));
+
+            padding: 0rem 0.375rem;
+            display: inline-block;
+        }
+    }
+</style>

From cee7726652cb7abb7e9807fffa2df7e5777dbb40 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 27 Jul 2023 16:43:08 +0100
Subject: [PATCH 098/128] nanoid instead of cyrpto.randomUUID

---
 package-lock.json                 | 45 +++++++++++++++++++++++++++----
 package.json                      |  1 +
 src/lib/commandCenter/commands.ts |  9 ++++---
 3 files changed, 46 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c2c15647f..8276179cd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,7 @@
                 "dotenv": "^16.0.3",
                 "echarts": "^5.4.1",
                 "logrocket": "^3.0.1",
+                "nanoid": "^4.0.2",
                 "pretty-bytes": "^6.1.0",
                 "prismjs": "^1.29.0",
                 "tippy.js": "^6.3.7",
@@ -2841,6 +2842,23 @@
                 }
             }
         },
+        "node_modules/ai/node_modules/nanoid": {
+            "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+            "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
         "node_modules/ajv": {
             "version": "6.12.6",
             "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -6638,9 +6656,9 @@
             "dev": true
         },
         "node_modules/nanoid": {
-            "version": "3.3.6",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-            "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-4.0.2.tgz",
+            "integrity": "sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==",
             "funding": [
                 {
                     "type": "github",
@@ -6648,10 +6666,10 @@
                 }
             ],
             "bin": {
-                "nanoid": "bin/nanoid.cjs"
+                "nanoid": "bin/nanoid.js"
             },
             "engines": {
-                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+                "node": "^14 || ^16 || >=18"
             }
         },
         "node_modules/natural-compare": {
@@ -7141,6 +7159,23 @@
                 "node": "^10 || ^12 || >=14"
             }
         },
+        "node_modules/postcss/node_modules/nanoid": {
+            "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+            "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
         "node_modules/pre-commit": {
             "version": "1.2.2",
             "resolved": "https://registry.npmjs.org/pre-commit/-/pre-commit-1.2.2.tgz",
diff --git a/package.json b/package.json
index 015a252d9..83f5967ca 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
         "dotenv": "^16.0.3",
         "echarts": "^5.4.1",
         "logrocket": "^3.0.1",
+        "nanoid": "^4.0.2",
         "pretty-bytes": "^6.1.0",
         "prismjs": "^1.29.0",
         "tippy.js": "^6.3.7",
diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 5fd52af27..852fb81a5 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -2,6 +2,7 @@ import { debounce } from '$lib/helpers/debounce';
 import { isMac } from '$lib/helpers/platform';
 import { onMount } from 'svelte';
 import { derived, writable } from 'svelte/store';
+import { nanoid } from 'nanoid/non-secure';
 
 const groups = [
     'ungrouped',
@@ -206,7 +207,7 @@ export const commandCenterKeyDownHandler = derived(
 // Methods
 export const registerCommands = {
     subscribe(runner: (cb: (newCommands: Command[]) => void) => void) {
-        const uuid = crypto.randomUUID();
+        const uuid = nanoid();
 
         runner((newCommands: Command[]) => {
             commandMap.update((curr) => {
@@ -226,7 +227,7 @@ export const registerCommands = {
 
 export const disableCommands = {
     subscribe(runner: (cb: (disabled: boolean) => void) => void) {
-        const uuid = crypto.randomUUID();
+        const uuid = nanoid();
 
         runner((disabled: boolean) => {
             disabledMap.update((curr) => {
@@ -251,7 +252,7 @@ const groupRanksMap = writable<GroupRanksMap>(new Map());
 
 export const updateCommandGroupRanks = {
     subscribe(runner: (cb: (updater: CommandGroupRanks) => void) => void) {
-        const uuid = crypto.randomUUID();
+        const uuid = nanoid();
 
         runner((groupRank: CommandGroupRanks) => {
             groupRanksMap.update((curr) => {
@@ -289,7 +290,7 @@ const searchersMap = writable<Map<string, Searcher[]>>(new Map());
 
 export const registerSearchers = {
     subscribe(runner: (cb: (...searchers: Searcher[]) => void) => void) {
-        const uuid = crypto.randomUUID();
+        const uuid = nanoid();
 
         runner((...searchers: Searcher[]) => {
             searchersMap.update((curr) => {

From 382b473ceb43d3d2b9f57cfbd6d8c90397e41cba Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 27 Jul 2023 17:06:06 +0100
Subject: [PATCH 099/128] collection deletion

---
 src/lib/components/floatingActionBar.svelte   |   2 +-
 src/lib/constants.ts                          |   3 +-
 .../databases/database-[database]/+page.ts    |   5 +-
 .../database-[database]/table.svelte          | 122 +++++++++++++++++-
 4 files changed, 127 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/floatingActionBar.svelte b/src/lib/components/floatingActionBar.svelte
index 50ddb0fd8..5f25bad40 100644
--- a/src/lib/components/floatingActionBar.svelte
+++ b/src/lib/components/floatingActionBar.svelte
@@ -6,7 +6,7 @@
 </script>
 
 {#if show}
-    <div class="floating-action-bar" transition:fly={{ y: '6rem' }} use:portal>
+    <div class="floating-action-bar" transition:fly|local={{ y: '6rem' }} use:portal>
         <slot />
     </div>
 {/if}
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index ccdf6c6a0..e2bb2fb6f 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -34,7 +34,8 @@ export enum Dependencies {
     DOMAINS = 'dependency:domains',
     WEBHOOK = 'dependency:webhook',
     WEBHOOKS = 'dependency:webhooks',
-    MIGRATIONS = 'dependency:migrations'
+    MIGRATIONS = 'dependency:migrations',
+    COLLECTIONS = 'dependency:collections'
 }
 
 export const scopes: {
diff --git a/src/routes/console/project-[project]/databases/database-[database]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/+page.ts
index 1a2e91a3b..dff27da83 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/+page.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/+page.ts
@@ -2,9 +2,10 @@ import { Query } from '@appwrite.io/console';
 import { sdk } from '$lib/stores/sdk';
 import { getLimit, getPage, getView, pageToOffset, View } from '$lib/helpers/load';
 import type { PageLoad } from './$types';
-import { CARD_LIMIT } from '$lib/constants';
+import { CARD_LIMIT, Dependencies } from '$lib/constants';
 
-export const load: PageLoad = async ({ params, url, route }) => {
+export const load: PageLoad = async ({ params, url, route, depends }) => {
+    depends(Dependencies.COLLECTIONS);
     const page = getPage(url);
     const limit = getLimit(url, route, CARD_LIMIT);
     const view = getView(url, route, View.Grid);
diff --git a/src/routes/console/project-[project]/databases/database-[database]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/table.svelte
index 458baaa62..f453cd26e 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/table.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/table.svelte
@@ -1,7 +1,13 @@
 <script lang="ts">
+    import { invalidate } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
-    import { Id } from '$lib/components';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { Id, Modal } from '$lib/components';
+    import FloatingActionBar from '$lib/components/floatingActionBar.svelte';
+    import { Dependencies } from '$lib/constants';
+    import { Button } from '$lib/elements/forms';
+    import InputCheckbox from '$lib/elements/forms/inputCheckbox.svelte';
     import {
         TableBody,
         TableCell,
@@ -11,17 +17,63 @@
         TableRowLink,
         TableScroll
     } from '$lib/elements/table';
+    import { toggle } from '$lib/helpers/array';
     import { toLocaleDateTime } from '$lib/helpers/date';
+    import { isHTMLInputElement } from '$lib/helpers/types';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
     import type { PageData } from './$types';
     import { columns } from './store';
 
     export let data: PageData;
     const projectId = $page.params.project;
     const databaseId = $page.params.database;
+
+    let selected: string[] = [];
+    let showDelete = false;
+    let deleting = false;
+
+    async function handleDelete() {
+        showDelete = false;
+
+        const promises = selected.map((collectionId) =>
+            sdk.forProject.databases.deleteCollection(databaseId, collectionId)
+        );
+        try {
+            await Promise.all(promises);
+            trackEvent(Submit.CollectionDelete);
+            addNotification({
+                type: 'success',
+                message: `${selected.length} collection${selected.length > 1 ? 's' : ''} deleted`
+            });
+            invalidate(Dependencies.COLLECTIONS);
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+            trackError(error, Submit.CollectionDelete);
+        } finally {
+            selected = [];
+            showDelete = false;
+        }
+    }
 </script>
 
 <TableScroll>
     <TableHeader>
+        <TableCellHead width={10}>
+            <InputCheckbox
+                id="select-all"
+                indeterminate={selected.length > 0 && selected.length < data.collections.total}
+                value={selected.length === data.collections.total}
+                on:click={(e) => {
+                    if (!isHTMLInputElement(e.target)) return;
+                    selected = e.target.checked
+                        ? data.collections.collections.map((database) => database.$id)
+                        : [];
+                }} />
+        </TableCellHead>
         {#each $columns as column}
             {#if column.show}
                 <TableCellHead width={column.width}>{column.title}</TableCellHead>
@@ -32,6 +84,25 @@
         {#each data.collections.collections as collection}
             <TableRowLink
                 href={`${base}/console/project-${projectId}/databases/database-${databaseId}/collection-${collection.$id}`}>
+                <TableCell>
+                    <InputCheckbox
+                        id="select-{collection.$id}"
+                        value={selected.includes(collection.$id)}
+                        on:click={(e) => {
+                            // Prevent the link from being followed
+                            e.preventDefault();
+                            const el = e.currentTarget;
+                            if (!isHTMLInputElement(el)) return;
+
+                            selected = toggle(selected, collection.$id);
+
+                            // Hack to make sure the checkbox is checked, independent of the
+                            // preventDefault() call above
+                            window.setTimeout(() => {
+                                el.checked = selected.includes(collection.$id);
+                            });
+                        }} />
+                </TableCell>
                 {#each $columns as column}
                     {#if column.show}
                         {#if column.id === '$id'}
@@ -55,3 +126,52 @@
         {/each}
     </TableBody>
 </TableScroll>
+
+<FloatingActionBar show={selected.length > 0}>
+    <div class="u-flex u-cross-center u-main-space-between actions">
+        <div class="u-flex u-cross-center u-gap-8">
+            <span class="indicator body-text-2 u-bold">{selected.length}</span>
+            <span>
+                {selected.length > 1 ? 'collections' : 'collection'} selected
+            </span>
+        </div>
+
+        <div class="u-flex u-cross-center u-gap-8">
+            <Button text on:click={() => (selected = [])}>Cancel</Button>
+            <Button secondary on:click={() => (showDelete = true)}>Delete selection</Button>
+        </div>
+    </div>
+</FloatingActionBar>
+
+<Modal
+    icon="exclamation"
+    state="warning"
+    bind:show={showDelete}
+    onSubmit={handleDelete}
+    headerDivider={false}
+    closable={!deleting}>
+    <svelte:fragment slot="header">Delete Collections</svelte:fragment>
+    <p class="text" data-private>
+        Are you sure you want to delete <b>{selected.length}</b>
+        {selected.length > 1 ? 'collections' : 'collection'}?
+    </p>
+    <svelte:fragment slot="footer">
+        <Button text on:click={() => (showDelete = false)} disabled={deleting}>Cancel</Button>
+        <Button secondary submit disabled={deleting}>Delete</Button>
+    </svelte:fragment>
+</Modal>
+
+<style lang="scss">
+    .actions {
+        width: 31.25rem;
+
+        .indicator {
+            border-radius: 0.25rem;
+            background: hsl(var(--color-information-100));
+            color: hsl(var(--color-neutral-0));
+
+            padding: 0rem 0.375rem;
+            display: inline-block;
+        }
+    }
+</style>

From 5d2aace1a12a630ccbb4dfcf760f80ed55eb90a8 Mon Sep 17 00:00:00 2001
From: Bradley Schofield <bradley@appwrite.io>
Date: Fri, 28 Jul 2023 15:20:46 +0100
Subject: [PATCH 100/128] Start work on firebase OAuth

---
 src/lib/stores/sdk.ts                         |  5 +++--
 .../settings/migrations/(import)/step1.svelte | 20 ++++++++++++++++++-
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index f6f84a275..7a47c74aa 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -9,6 +9,7 @@ import {
     Functions,
     Health,
     Locale,
+    Migrations,
     Projects,
     Storage,
     Teams,
@@ -34,8 +35,8 @@ const sdkForProject = {
     project: new Project(clientProject),
     storage: new Storage(clientProject),
     teams: new Teams(clientProject),
-    users: new Users(clientProject)
-    // migrations: new Migrations(clientProject)
+    users: new Users(clientProject),
+    migrations: new Migrations(clientProject)
 };
 
 export const getSdkForProject = (projectId: string) => {
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 41df2cfbb..c2bc88707 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -3,6 +3,8 @@
     import { Button, FormList, InputNumber, InputPassword, InputText } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
     import type { Provider } from '$lib/stores/migration';
+    import { sdk } from '$lib/stores/sdk';
+    import { page } from '$app/stores';
     import { provider } from '.';
 
     const providers: Record<Provider, string> = {
@@ -12,6 +14,22 @@
         nhost: 'NHost'
     };
 
+    function connectGoogle() {
+        const redirect = new URL($page.url);
+        const target = new URL(
+            `${sdk.forProject.client.config.endpoint}/migrations/firebase/connect`
+        );
+        target.searchParams.set('projectId', $page.params.project);
+        target.searchParams.set('redirect', redirect.toString());
+        return target;
+    }
+
+    // function getFirebaseProjects() {
+    //     sdk.forProject.migrations.listFirebaseProjects().then((res) => {
+    //         console.log(res);
+    //     });
+    // }
+
     let showAuth = false;
 </script>
 
@@ -59,7 +77,7 @@
     {:else if $provider.provider === 'firebase'}
         <div class="box u-flex u-flex-vertical u-gap-16 u-cross-center u-margin-block-start-24">
             <p class="u-text-center u-bold">Sign in with Google to get started</p>
-            <Button secondary>
+            <Button secondary href={connectGoogle().toString()}>
                 <SvgIcon name="google" />Sign in
             </Button>
         </div>

From f922cc17911a9073703c11ede4f92f93849877c9 Mon Sep 17 00:00:00 2001
From: Bradley Schofield <bradley@appwrite.io>
Date: Fri, 28 Jul 2023 15:24:04 +0100
Subject: [PATCH 101/128] Update sdk.ts

---
 src/lib/stores/sdk.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 7a47c74aa..2d1d7304c 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -9,7 +9,6 @@ import {
     Functions,
     Health,
     Locale,
-    Migrations,
     Projects,
     Storage,
     Teams,
@@ -35,8 +34,8 @@ const sdkForProject = {
     project: new Project(clientProject),
     storage: new Storage(clientProject),
     teams: new Teams(clientProject),
-    users: new Users(clientProject),
-    migrations: new Migrations(clientProject)
+    users: new Users(clientProject)
+    //migrations: new Migrations(clientProject)
 };
 
 export const getSdkForProject = (projectId: string) => {

From 274e1107145299173790194cf2f70b9b374add6b Mon Sep 17 00:00:00 2001
From: Bradley Schofield <bradley@appwrite.io>
Date: Fri, 28 Jul 2023 16:40:56 +0100
Subject: [PATCH 102/128] Add stage 2 of Firebase OAuth

---
 src/lib/stores/sdk.ts                         |  5 ++-
 .../settings/migrations/(import)/step1.svelte | 40 +++++++++++++------
 2 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 2d1d7304c..7a47c74aa 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -9,6 +9,7 @@ import {
     Functions,
     Health,
     Locale,
+    Migrations,
     Projects,
     Storage,
     Teams,
@@ -34,8 +35,8 @@ const sdkForProject = {
     project: new Project(clientProject),
     storage: new Storage(clientProject),
     teams: new Teams(clientProject),
-    users: new Users(clientProject)
-    //migrations: new Migrations(clientProject)
+    users: new Users(clientProject),
+    migrations: new Migrations(clientProject)
 };
 
 export const getSdkForProject = (projectId: string) => {
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index c2bc88707..e71a1ec1c 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -24,13 +24,19 @@
         return target;
     }
 
-    // function getFirebaseProjects() {
-    //     sdk.forProject.migrations.listFirebaseProjects().then((res) => {
-    //         console.log(res);
-    //     });
-    // }
+    function getFirebaseProjects() {
+        sdk.forProject.migrations.listFirebaseProjects().then((res) => {
+            firebaseProjects = res.projects;
+        });
+    }
+
+    let firebaseProjects = [];
 
     let showAuth = false;
+
+    $: if ($provider.provider === 'firebase') {
+        getFirebaseProjects();
+    }
 </script>
 
 <WizardStep>
@@ -75,13 +81,23 @@
                 bind:value={$provider.apiKey} />
         </FormList>
     {:else if $provider.provider === 'firebase'}
-        <div class="box u-flex u-flex-vertical u-gap-16 u-cross-center u-margin-block-start-24">
-            <p class="u-text-center u-bold">Sign in with Google to get started</p>
-            <Button secondary href={connectGoogle().toString()}>
-                <SvgIcon name="google" />Sign in
-            </Button>
-        </div>
-
+        {#if firebaseProjects.length == 0}
+            <div class="box u-flex u-flex-vertical u-gap-16 u-cross-center u-margin-block-start-24">
+                <p class="u-text-center u-bold">Sign in with Google to get started</p>
+                <Button secondary href={connectGoogle().toString()}>
+                    <SvgIcon name="google" />Sign in
+                </Button>
+            </div>
+        {:else}
+            {#each firebaseProjects as project}
+                <div
+                    class="card is-allow-focus u-height-100-percent u-flex u-flex-vertical u-cursor-pointer u-margin-block-start-24">
+                    <div class="content">
+                        <p>{project.displayName}</p>
+                    </div>
+                </div>
+            {/each}
+        {/if}
         <button
             class="tag u-margin-block-start-16"
             type="button"

From 8d8d690fe1bd1dac00c6dff53fce8adf18dcc6d9 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Fri, 28 Jul 2023 21:35:59 +0100
Subject: [PATCH 103/128] feat: document bulk deletion

---
 src/lib/elements/table/tableScroll.svelte     |   3 +-
 .../collection-[collection]/table.svelte      | 186 +++++++++++++++++-
 2 files changed, 187 insertions(+), 2 deletions(-)

diff --git a/src/lib/elements/table/tableScroll.svelte b/src/lib/elements/table/tableScroll.svelte
index 814fe00e5..7a4017c0a 100644
--- a/src/lib/elements/table/tableScroll.svelte
+++ b/src/lib/elements/table/tableScroll.svelte
@@ -2,6 +2,7 @@
     import type { Action } from 'svelte/action';
 
     export let isSticky = false;
+    export let noMargin = false;
 
     const hasOverflow: Action<HTMLDivElement, (value: boolean) => void> = (node, callback) => {
         const observer = new ResizeObserver((entries) => {
@@ -22,7 +23,7 @@
     let isOverflowing = false;
 </script>
 
-<div class="table-with-scroll u-margin-block-start-32" data-private>
+<div class="table-with-scroll {noMargin ? '' : 'u-margin-block-start-32'}" data-private>
     <div class="table-wrapper" use:hasOverflow={(v) => (isOverflowing = v)}>
         <table class="table" class:is-sticky-scroll={isSticky && isOverflowing}>
             <slot />
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
index 727be175c..0ab5070f9 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { goto } from '$app/navigation';
+    import { goto, invalidate } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { tooltip } from '$lib/actions/tooltip';
@@ -8,7 +8,9 @@
         TableBody,
         TableCell,
         TableCellHead,
+        TableCellText,
         TableHeader,
+        TableRow,
         TableRowLink,
         TableScroll
     } from '$lib/elements/table';
@@ -19,11 +21,24 @@
     import { isRelationship, isRelationshipToMany } from './document-[document]/attributes/store';
     import RelationshipsModal from './relationshipsModal.svelte';
     import { attributes, collection, columns } from './store';
+    import InputCheckbox from '$lib/elements/forms/inputCheckbox.svelte';
+    import { isHTMLInputElement } from '$lib/helpers/types';
+    import { toggle } from '$lib/helpers/array';
+    import { sdk } from '$lib/stores/sdk';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { addNotification } from '$lib/stores/notifications';
+    import { Dependencies } from '$lib/constants';
+    import FloatingActionBar from '$lib/components/floatingActionBar.svelte';
+    import Button from '$lib/elements/forms/button.svelte';
+    import Modal from '$lib/components/modal.svelte';
+    import Alert from '$lib/components/alert.svelte';
+    import InputChoice from '$lib/elements/forms/inputChoice.svelte';
 
     export let data: PageData;
 
     const projectId = $page.params.project;
     const databaseId = $page.params.database;
+    const collectionId = $page.params.collection;
     let showRelationships = false;
     let selectedRelationship: Models.AttributeRelationship = null;
     let relationshipData: [];
@@ -81,10 +96,64 @@
             show: selected?.includes(attribute.key) ?? true
         }))
     );
+
+    let selectedDb: string[] = [];
+    let showDelete = false;
+    let deleting = false;
+
+    async function handleDelete() {
+        showDelete = false;
+
+        const promises = selectedDb.map((documentId) =>
+            sdk.forProject.databases.deleteDocument(databaseId, collectionId, documentId)
+        );
+        try {
+            await Promise.all(promises);
+            trackEvent(Submit.DocumentDelete);
+            addNotification({
+                type: 'success',
+                message: `${selected.length} document${selected.length > 1 ? 's' : ''} deleted`
+            });
+            invalidate(Dependencies.DOCUMENTS);
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+            trackError(error, Submit.DocumentDelete);
+        } finally {
+            selected = [];
+            showDelete = false;
+        }
+    }
+
+    enum Deletion {
+        'setNull' = 'Set document ID as NULL in all related documents',
+        'cascade' = 'All related documents will be deleted',
+        'restrict' = 'Document can not be deleted'
+    }
+
+    $: relAttributes = $attributes?.filter((attribute) =>
+        isRelationship(attribute)
+    ) as Models.AttributeRelationship[];
+
+    let checked = false;
 </script>
 
 <TableScroll isSticky>
     <TableHeader>
+        <TableCellHead width={10}>
+            <InputCheckbox
+                id="select-all"
+                indeterminate={selectedDb.length > 0 && selectedDb.length < data.documents.total}
+                value={selectedDb.length === data.documents.total}
+                on:click={(e) => {
+                    if (!isHTMLInputElement(e.target)) return;
+                    selectedDb = e.target.checked
+                        ? data.documents.documents.map((database) => database.$id)
+                        : [];
+                }} />
+        </TableCellHead>
         <TableCellHead width={150} eyebrow={false}>Document ID</TableCellHead>
         {#each $columns.filter((n) => n.show) as column}
             {#if column.show}
@@ -96,6 +165,26 @@
         {#each data.documents.documents as document}
             <TableRowLink
                 href={`${base}/console/project-${projectId}/databases/database-${databaseId}/collection-${$collection.$id}/document-${document.$id}`}>
+                <TableCell>
+                    <InputCheckbox
+                        id="select-{document.$id}"
+                        value={selectedDb.includes(document.$id)}
+                        on:click={(e) => {
+                            // Prevent the link from being followed
+                            e.preventDefault();
+                            const el = e.currentTarget;
+                            if (!isHTMLInputElement(el)) return;
+
+                            selectedDb = toggle(selectedDb, document.$id);
+
+                            // Hack to make sure the checkbox is checked, independent of the
+                            // preventDefault() call above
+                            window.setTimeout(() => {
+                                el.checked = selectedDb.includes(document.$id);
+                            });
+                        }} />
+                </TableCell>
+
                 <TableCell width={150}>
                     <Id value={document.$id}>
                         {document.$id}
@@ -165,3 +254,98 @@
 </TableScroll>
 
 <RelationshipsModal bind:show={showRelationships} {selectedRelationship} data={relationshipData} />
+
+<FloatingActionBar show={selectedDb.length > 0}>
+    <div class="u-flex u-cross-center u-main-space-between actions">
+        <div class="u-flex u-cross-center u-gap-8">
+            <span class="indicator body-text-2 u-bold">{selectedDb.length}</span>
+            <span>
+                {selected.length > 1 ? 'documents' : 'document'} selected
+            </span>
+        </div>
+
+        <div class="u-flex u-cross-center u-gap-8">
+            <Button text on:click={() => (selected = [])}>Cancel</Button>
+            <Button secondary on:click={() => (showDelete = true)}>Delete selection</Button>
+        </div>
+    </div>
+</FloatingActionBar>
+
+<Modal
+    icon="exclamation"
+    state="warning"
+    bind:show={showDelete}
+    onSubmit={handleDelete}
+    headerDivider={false}
+    closable={!deleting}>
+    <svelte:fragment slot="header">Delete Documents</svelte:fragment>
+
+    <div>
+        <p class="text" data-private>
+            Are you sure you want to delete <b>{selectedDb.length}</b>
+            {selectedDb.length > 1 ? 'documents' : 'document'}?
+        </p>
+
+        {#if relAttributes?.length}
+            <TableScroll noMargin>
+                <TableHeader>
+                    <TableCellHead width={50}>Relation</TableCellHead>
+                    <TableCellHead width={50}>Setting</TableCellHead>
+                    <TableCellHead width={200} />
+                </TableHeader>
+                <TableBody>
+                    {#each relAttributes as attr}
+                        <TableRow>
+                            <TableCell title="relation">
+                                <span class="u-flex u-cross-center u-gap-8">
+                                    {#if attr.twoWay}
+                                        <span class="icon-switch-horizontal" />
+                                    {:else}
+                                        <span class="icon-arrow-sm-right" />
+                                    {/if}
+                                    <span data-private>{attr.key}</span>
+                                </span>
+                            </TableCell>
+                            <TableCellText title="Settings">
+                                {attr.onDelete}
+                            </TableCellText>
+                            <TableCellText title="description">
+                                {Deletion[attr.onDelete]}
+                            </TableCellText>
+                        </TableRow>
+                    {/each}
+                </TableBody>
+            </TableScroll>
+            <div class="u-flex u-flex-vertical u-gap-16">
+                <Alert>To change the selection edit the relationship settings.</Alert>
+
+                <InputChoice id="delete" label="Delete" showLabel={false} bind:value={checked}>
+                    Delete document from <span data-private>{$collection.name}</span>
+                </InputChoice>
+            </div>
+        {:else}
+            <p class="u-bold">This action is irreversible.</p>
+        {/if}
+    </div>
+
+    <svelte:fragment slot="footer">
+        <Button text on:click={() => (showDelete = false)} disabled={deleting}>Cancel</Button>
+        <Button secondary submit disabled={deleting || (relAttributes?.length && !checked)}
+            >Delete</Button>
+    </svelte:fragment>
+</Modal>
+
+<style lang="scss">
+    .actions {
+        width: 31.25rem;
+
+        .indicator {
+            border-radius: 0.25rem;
+            background: hsl(var(--color-information-100));
+            color: hsl(var(--color-neutral-0));
+
+            padding: 0rem 0.375rem;
+            display: inline-block;
+        }
+    }
+</style>

From d32bfc542d69d2a03402660f6416743acbd4c1cc Mon Sep 17 00:00:00 2001
From: Bradley Schofield <bradley@appwrite.io>
Date: Tue, 1 Aug 2023 15:11:03 +0100
Subject: [PATCH 104/128] Update step1.svelte

---
 .../settings/migrations/(import)/step1.svelte | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index e71a1ec1c..8e51ea1e4 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -6,6 +6,7 @@
     import { sdk } from '$lib/stores/sdk';
     import { page } from '$app/stores';
     import { provider } from '.';
+    import { addNotification } from '$lib/stores/notifications';
 
     const providers: Record<Provider, string> = {
         appwrite: 'Appwrite Self-hosted',
@@ -30,6 +31,17 @@
         });
     }
 
+    function deauthorizeGoogle() {
+        sdk.forProject.migrations.firebaseDeauthorize().then(() => {
+            firebaseProjects = [];
+        });
+
+        addNotification({
+            type: 'success',
+            message: 'Signed out of Google successfully'
+        });
+    }
+
     let firebaseProjects = [];
 
     let showAuth = false;
@@ -94,9 +106,16 @@
                     class="card is-allow-focus u-height-100-percent u-flex u-flex-vertical u-cursor-pointer u-margin-block-start-24">
                     <div class="content">
                         <p>{project.displayName}</p>
+                        <span>{project.projectId}</span>
                     </div>
                 </div>
             {/each}
+
+            <p class="u-text-center u-margin-block-start-24">
+                Signed in as test@test.com <button
+                    class="u-bold"
+                    on:click|preventDefault={deauthorizeGoogle}>Sign Out?</button>
+            </p>
         {/if}
         <button
             class="tag u-margin-block-start-16"

From ea2ae8149797721c3fbe3c32ba4e84a1eb727aa7 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 1 Aug 2023 15:30:06 +0100
Subject: [PATCH 105/128] small changes

---
 src/lib/stores/sdk.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 7a47c74aa..f3a44d3cf 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -14,7 +14,6 @@ import {
     Storage,
     Teams,
     Users
-    // Migrations
 } from '@appwrite.io/console';
 
 const endpoint = VARS.APPWRITE_ENDPOINT ?? `${globalThis?.location?.origin}/v1`;
@@ -57,8 +56,8 @@ export const sdk = {
         locale: new Locale(clientConsole),
         projects: new Projects(clientConsole),
         teams: new Teams(clientConsole),
-        users: new Users(clientConsole)
-        // migrations: new Migrations(clientConsole)
+        users: new Users(clientConsole),
+        migrations: new Migrations(clientConsole)
     },
     get forProject() {
         const projectId = getProjectId();

From ccc9a720544970d7368b443900cceab7e57e2cca Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 1 Aug 2023 16:55:55 +0100
Subject: [PATCH 106/128] basic styling

---
 src/lib/components/drop.svelte                | 10 ++-
 src/lib/elements/forms/inputSelect.svelte     | 10 +--
 .../collection-[collection]/+page.svelte      | 66 ++++++++++++-------
 .../collection-[collection]/filters.svelte    | 66 +++++++++++++++++++
 4 files changed, 122 insertions(+), 30 deletions(-)
 create mode 100644 src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte

diff --git a/src/lib/components/drop.svelte b/src/lib/components/drop.svelte
index 600700a36..fef272783 100644
--- a/src/lib/components/drop.svelte
+++ b/src/lib/components/drop.svelte
@@ -84,9 +84,17 @@
             dispatch('blur');
         }
     };
+
+    const onKeyDown = (event: KeyboardEvent) => {
+        if (event.key === 'Escape' && show) {
+            event.preventDefault();
+            show = false;
+            dispatch('blur');
+        }
+    };
 </script>
 
-<svelte:window on:click={onBlur} />
+<svelte:window on:click={onBlur} on:keydown={onKeyDown} />
 
 <div class:drop-wrapper={!noStyle} class:u-cross-child-start={childStart} bind:this={element}>
     <slot />
diff --git a/src/lib/elements/forms/inputSelect.svelte b/src/lib/elements/forms/inputSelect.svelte
index fd37a958c..db5492479 100644
--- a/src/lib/elements/forms/inputSelect.svelte
+++ b/src/lib/elements/forms/inputSelect.svelte
@@ -2,7 +2,7 @@
     import { FormItem, Helper, Label } from '.';
 
     export let id: string;
-    export let label: string;
+    export let label: string | undefined = undefined;
     export let optionalText: string | undefined = undefined;
     export let showLabel = true;
     export let value: string | number | boolean;
@@ -45,9 +45,11 @@
 </script>
 
 <FormItem>
-    <Label {required} {optionalText} hide={!showLabel} for={id}>
-        {label}
-    </Label>
+    {#if label}
+        <Label {required} {optionalText} hide={!showLabel} for={id}>
+            {label}
+        </Label>
+    {/if}
 
     <div class="select">
         <select
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
index 127eca328..c0d6b4841 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
@@ -1,17 +1,20 @@
 <script lang="ts">
-    import { Empty, Heading, PaginationWithLimit } from '$lib/components';
-    import { Container, GridHeader } from '$lib/layout';
-    import { Button } from '$lib/elements/forms';
-    import { wizard } from '$lib/stores/wizard';
-    import Create from './createDocument.svelte';
-    import type { PageData } from './$types';
-    import { collection, columns } from './store';
-    import CreateAttribute from './createAttribute.svelte';
-    import Table from './table.svelte';
-    import { preferences } from '$lib/stores/preferences';
     import { page } from '$app/stores';
+    import { Empty, Heading, PaginationWithLimit } from '$lib/components';
+    import Drop from '$lib/components/drop.svelte';
+    import ViewSelector from '$lib/components/viewSelector.svelte';
+    import { Button } from '$lib/elements/forms';
+    import { Container } from '$lib/layout';
+    import { preferences } from '$lib/stores/preferences';
+    import { wizard } from '$lib/stores/wizard';
+    import type { PageData } from './$types';
     import CreateAttributeDropdown from './attributes/createAttributeDropdown.svelte';
     import type { Option } from './attributes/store';
+    import CreateAttribute from './createAttribute.svelte';
+    import Create from './createDocument.svelte';
+    import Filters from './filters.svelte';
+    import { collection, columns } from './store';
+    import Table from './table.svelte';
 
     export let data: PageData;
 
@@ -39,21 +42,22 @@
 </script>
 
 <Container>
-    <GridHeader
-        title="Documents"
-        {columns}
-        view={data.view}
-        hideView
-        isCustomCollection
-        allowNoColumns>
-        <Button
-            disabled={!(hasAttributes && hasValidAttributes)}
-            on:click={openWizard}
-            event="create_document">
-            <span class="icon-plus" aria-hidden="true" />
-            <span class="text">Create document</span>
-        </Button>
-    </GridHeader>
+    <div class="cool-grid u-main-justify-between u-cross-center">
+        <Heading tag="h2" size="5">Documents</Heading>
+
+        <Filters />
+
+        <div class="u-flex u-main-end u-gap-16 u-contents-mobile">
+            <ViewSelector view={data.view} {columns} isCustomCollection hideView allowNoColumns />
+            <Button
+                disabled={!(hasAttributes && hasValidAttributes)}
+                on:click={openWizard}
+                event="create_document">
+                <span class="icon-plus" aria-hidden="true" />
+                <span class="text">Create document</span>
+            </Button>
+        </div>
+    </div>
 
     {#if hasAttributes && hasValidAttributes}
         {#if data.documents.total}
@@ -105,3 +109,15 @@
 </Container>
 
 <CreateAttribute bind:showCreate={showCreateAttribute} selectedOption={selectedAttribute} />
+
+<style lang="scss">
+    .cool-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 2rem;
+
+        > :global(h2) {
+            grid-column: span 2;
+        }
+    }
+</style>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
new file mode 100644
index 000000000..68bc7f85e
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
@@ -0,0 +1,66 @@
+<script lang="ts">
+    import { Drop } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import InputSelect from '$lib/elements/forms/inputSelect.svelte';
+    let showFilters = false;
+</script>
+
+<Drop bind:show={showFilters} noArrow>
+    <Button secondary on:click={() => (showFilters = !showFilters)}>
+        <i class="icon-filter" />
+        Filters
+    </Button>
+    <div class="dropped" slot="list">
+        <p>Apply filter rules to refine the table view</p>
+        <div class="selects u-flex u-gap-12 u-margin-block-start-16">
+            <InputSelect id="column" options={[]} placeholder="Select column" value={undefined} />
+            <InputSelect
+                id="operator"
+                options={[]}
+                placeholder="Select operator"
+                value={undefined} />
+        </div>
+        <Button text disabled class="u-margin-block-start-12">
+            <i class="icon-plus" />
+            Add filter
+        </Button>
+        <hr />
+        <div class="u-flex u-margin-block-start-16 u-main-end u-gap-8">
+            <Button text>Clear all</Button>
+            <Button>Apply</Button>
+        </div>
+    </div>
+</Drop>
+
+<style lang="scss">
+    .icon-filter {
+        color: hsl(var(--color-neutral-50));
+    }
+
+    .dropped {
+        border-radius: 0.5rem;
+        border: 1px solid hsl(var(--color-neutral-10));
+        background-color: hsl(var(--color-neutral-0));
+        box-shadow: 0px 16px 32px 0px rgba(55, 59, 77, 0.04);
+
+        padding: 1rem;
+        margin-top: 0.5rem;
+
+        width: 37.5rem;
+    }
+
+    .selects {
+        :global(> *) {
+            flex: 1;
+        }
+    }
+
+    hr {
+        height: 1px;
+        width: calc(100% + 2rem);
+        background-color: hsl(var(--color-neutral-10));
+
+        margin-block-start: 1rem;
+        margin-inline: -1rem;
+    }
+</style>

From 42c8e915a1896c7d83a8359c7900f98707b60849 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 2 Aug 2023 19:28:41 +0100
Subject: [PATCH 107/128] basic filter add & theme command

---
 src/lib/commandCenter/commands.ts             |  8 +-
 src/lib/elements/forms/inputText.svelte       | 10 ++-
 src/routes/console/+layout.svelte             | 22 +++++-
 .../collection-[collection]/+page.svelte      |  1 -
 .../collection-[collection]/filters.svelte    | 76 ++++++++++++++++++-
 5 files changed, 104 insertions(+), 13 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 852fb81a5..1e4609615 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -28,7 +28,8 @@ const groups = [
     'teams',
     'security',
     'buckets',
-    'files'
+    'files',
+    'misc'
 ] as const;
 
 export type CommandGroup = (typeof groups)[number];
@@ -277,8 +278,9 @@ export const commandGroupRanks = derived(groupRanksMap, ($groupRankTransformatio
         databases: 3,
         users: 2,
         teams: 1,
-        navigation: -1,
-        help: -2
+        navigation: -10,
+        help: -20,
+        misc: -30
     } as CommandGroupRanks;
 
     const transformations = Array.from($groupRankTransformations.values());
diff --git a/src/lib/elements/forms/inputText.svelte b/src/lib/elements/forms/inputText.svelte
index 9f8ff0c1d..52775fc18 100644
--- a/src/lib/elements/forms/inputText.svelte
+++ b/src/lib/elements/forms/inputText.svelte
@@ -4,7 +4,7 @@
     import NullCheckbox from './nullCheckbox.svelte';
     import TextCounter from './textCounter.svelte';
 
-    export let label: string;
+    export let label: string = undefined;
     export let optionalText: string | undefined = undefined;
     export let showLabel = true;
     export let id: string;
@@ -67,9 +67,11 @@
 </script>
 
 <FormItem>
-    <Label {required} {tooltip} {optionalText} hide={!showLabel} for={id}>
-        {label}
-    </Label>
+    {#if label}
+        <Label {required} {tooltip} {optionalText} hide={!showLabel} for={id}>
+            {label}
+        </Label>
+    {/if}
 
     <div class="input-text-wrapper">
         <input
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index c1c8e954e..38a720306 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -7,7 +7,7 @@
     import Header from '$lib/layout/header.svelte';
     import SideNavigation from '$lib/layout/navigation.svelte';
     import Shell from '$lib/layout/shell.svelte';
-    import { feedback } from '$lib/stores/app';
+    import { app, feedback } from '$lib/stores/app';
     import { log } from '$lib/stores/logs';
     import { newOrgModal } from '$lib/stores/organization';
     import { wizard } from '$lib/stores/wizard';
@@ -22,6 +22,7 @@
     import { orgSearcher, projectsSearcher } from '$lib/commandCenter/searchers';
     import { addSubPanel } from '$lib/commandCenter/subPanels';
     import { openMigrationWizard } from './(migration-wizard)';
+    import { addNotification } from '$lib/stores/notifications';
 
     $: $registerCommands([
         {
@@ -105,6 +106,25 @@
             },
             group: 'help',
             icon: 'discord'
+        },
+        {
+            label: 'Toggle theme',
+            callback: () => {
+                if ($app.theme === 'auto') {
+                    $app.theme = 'light';
+                } else if ($app.theme === 'light') {
+                    $app.theme = 'dark';
+                } else {
+                    $app.theme = 'auto';
+                }
+                addNotification({
+                    title: 'Theme changed',
+                    message: `Theme changed to ${$app.theme}`,
+                    type: 'success'
+                });
+            },
+            group: 'misc',
+            icon: 'switch-horizontal'
         }
     ]);
 
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
index c0d6b4841..76b243db1 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
     import { page } from '$app/stores';
     import { Empty, Heading, PaginationWithLimit } from '$lib/components';
-    import Drop from '$lib/components/drop.svelte';
     import ViewSelector from '$lib/components/viewSelector.svelte';
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
index 68bc7f85e..7d12a333f 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
@@ -2,7 +2,62 @@
     import { Drop } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import InputSelect from '$lib/elements/forms/inputSelect.svelte';
+    import type { Writable } from 'svelte/store';
+    import { columns } from './store';
+    import { Query } from '@appwrite.io/console';
+    import InputText from '$lib/elements/forms/inputText.svelte';
+
     let showFilters = false;
+
+    const columnTypes = ['string', 'number'] as const;
+    type ColumnType = (typeof columnTypes)[number];
+
+    type StoreValues<Store> = Store extends Writable<infer T> ? T : never;
+    type Column = Omit<StoreValues<typeof columns>[number], 'type'> & {
+        type: ColumnType;
+    };
+
+    let columnId: string | null = null;
+    $: column = $columns.find((c) => c.id === columnId) as Column;
+
+    const operators: Array<{
+        label: string;
+        function: (attribute: string, input: string) => string;
+        types: ColumnType[];
+    }> = [
+        {
+            label: 'starts with',
+            function: Query.startsWith,
+            types: ['string']
+        }
+    ];
+
+    $: operatorsForColumn = operators
+        .filter((o) => o.types.includes(column?.type))
+        .map((o) => ({
+            label: o.label,
+            value: o.label
+        }));
+    let operator: string | null = null;
+    $: {
+        columnId;
+        operator = null;
+    }
+
+    let value: string | null = null;
+    $: {
+        columnId;
+        value = null;
+    }
+
+    let filters = [] as string[];
+
+    function addFilter() {
+        if (column && operator && value) {
+            filters.push(`${column.id}:${operator}:${value}`);
+            filters = filters;
+        }
+    }
 </script>
 
 <Drop bind:show={showFilters} noArrow>
@@ -13,17 +68,30 @@
     <div class="dropped" slot="list">
         <p>Apply filter rules to refine the table view</p>
         <div class="selects u-flex u-gap-12 u-margin-block-start-16">
-            <InputSelect id="column" options={[]} placeholder="Select column" value={undefined} />
+            <InputSelect
+                id="column"
+                options={$columns.map((c) => ({
+                    label: c.title,
+                    value: c.id
+                }))}
+                placeholder="Select column"
+                bind:value={columnId} />
             <InputSelect
                 id="operator"
-                options={[]}
+                options={operatorsForColumn}
                 placeholder="Select operator"
-                value={undefined} />
+                bind:value={operator} />
         </div>
-        <Button text disabled class="u-margin-block-start-12">
+        {#if column && operator}
+            <div class="u-margin-block-start-16">
+                <InputText id="value" bind:value />
+            </div>
+        {/if}
+        <Button text disabled={!value} class="u-margin-block-start-12" on:click={addFilter}>
             <i class="icon-plus" />
             Add filter
         </Button>
+        {filters}
         <hr />
         <div class="u-flex u-margin-block-start-16 u-main-end u-gap-8">
             <Button text>Clear all</Button>

From 836a3b0529a2291b320c3490b247bb1d637e0095 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 3 Aug 2023 16:45:41 +0100
Subject: [PATCH 108/128] firebase oauth changes

---
 src/lib/stores/migration.ts                   |   1 +
 .../(migration-wizard)/resource-form.svelte   |  45 ++++--
 .../settings/migrations/(import)/step1.svelte | 129 +++++++-----------
 .../migrations/(import)/wizard.svelte         |  15 +-
 .../settings/migrations/+page.ts              |  10 +-
 5 files changed, 104 insertions(+), 96 deletions(-)

diff --git a/src/lib/stores/migration.ts b/src/lib/stores/migration.ts
index 0eaf52592..953f7b695 100644
--- a/src/lib/stores/migration.ts
+++ b/src/lib/stores/migration.ts
@@ -177,6 +177,7 @@ type AppwriteInput = {
 type FirebaseInput = {
     provider: 'firebase';
     serviceAccount?: string;
+    projectId?: string;
 };
 
 type SupabaseInput = {
diff --git a/src/routes/console/(migration-wizard)/resource-form.svelte b/src/routes/console/(migration-wizard)/resource-form.svelte
index 5a0a730dc..6ce6add0c 100644
--- a/src/routes/console/(migration-wizard)/resource-form.svelte
+++ b/src/routes/console/(migration-wizard)/resource-form.svelte
@@ -98,11 +98,17 @@
                     break;
                 }
                 case 'firebase': {
-                    const res = await sdk.forProject.migrations.getFirebaseReport(
-                        providerResources.firebase,
-                        $provider.serviceAccount
-                    );
-                    report = res;
+                    if ($provider.projectId) {
+                        // OAuth
+                    } else if ($provider.serviceAccount) {
+                        // Manual auth
+                        const res = await sdk.forProject.migrations.getFirebaseReport(
+                            providerResources.firebase,
+                            $provider.serviceAccount
+                        );
+                        report = res;
+                    }
+
                     break;
                 }
                 case 'nhost': {
@@ -158,15 +164,30 @@
                 <p>Make sure to have enough storage in your project plan when importing files</p>
             </div>
         </div>
-        <div class="u-flex u-gap-16">
-            <div class="circled">
-                <i class="icon-currency-dollar" />
+        {#if $provider.provider === 'firebase'}
+            <div class="u-flex u-gap-16">
+                <div class="circled">
+                    <i class="icon-exclamation u-color-text-warning" />
+                </div>
+                <div>
+                    <p class="u-bold">Possible charges by Firebase</p>
+                    <p>
+                        Appwrite does not impose charges for importing data, but please note that
+                        Firebase may have its own pricing for this service
+                    </p>
+                </div>
             </div>
-            <div>
-                <p class="u-bold">Transfer is free of charge</p>
-                <p>You won't be charged for Appwrite bandwidth usage for importing data</p>
+        {:else}
+            <div class="u-flex u-gap-16">
+                <div class="circled">
+                    <i class="icon-currency-dollar" />
+                </div>
+                <div>
+                    <p class="u-bold">Transfer is free of charge</p>
+                    <p>You won't be charged for Appwrite bandwidth usage for importing data</p>
+                </div>
             </div>
-        </div>
+        {/if}
     </div>
 </div>
 
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 8e51ea1e4..904b9433f 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -1,12 +1,21 @@
 <script lang="ts">
     import SvgIcon from '$lib/components/svgIcon.svelte';
-    import { Button, FormList, InputNumber, InputPassword, InputText } from '$lib/elements/forms';
+    import {
+        Button,
+        FormList,
+        InputNumber,
+        InputPassword,
+        InputSelect,
+        InputText
+    } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
     import type { Provider } from '$lib/stores/migration';
     import { sdk } from '$lib/stores/sdk';
     import { page } from '$app/stores';
     import { provider } from '.';
     import { addNotification } from '$lib/stores/notifications';
+    import { invalidate } from '$app/navigation';
+    import { Dependencies } from '$lib/constants';
 
     const providers: Record<Provider, string> = {
         appwrite: 'Appwrite Self-hosted',
@@ -25,12 +34,6 @@
         return target;
     }
 
-    function getFirebaseProjects() {
-        sdk.forProject.migrations.listFirebaseProjects().then((res) => {
-            firebaseProjects = res.projects;
-        });
-    }
-
     function deauthorizeGoogle() {
         sdk.forProject.migrations.firebaseDeauthorize().then(() => {
             firebaseProjects = [];
@@ -40,23 +43,22 @@
             type: 'success',
             message: 'Signed out of Google successfully'
         });
+
+        invalidate(Dependencies.MIGRATIONS);
     }
 
-    let firebaseProjects = [];
+    $: firebaseProjects = $page.data.firebaseProjects;
+
+    $: console.log(firebaseProjects);
 
     let showAuth = false;
-
-    $: if ($provider.provider === 'firebase') {
-        getFirebaseProjects();
-    }
 </script>
 
 <WizardStep>
     <svelte:fragment slot="title">Choose provider</svelte:fragment>
-    <div class="cards">
+    <div class="radio-group">
         {#each Object.entries(providers) as [key, value]}
-            <label
-                class="card is-allow-focus u-height-100-percent u-flex u-flex-vertical u-cursor-pointer">
+            <label class="u-flex u-cross-center u-cursor-pointer u-gap-8">
                 <input
                     class="is-small"
                     type="radio"
@@ -93,49 +95,51 @@
                 bind:value={$provider.apiKey} />
         </FormList>
     {:else if $provider.provider === 'firebase'}
-        {#if firebaseProjects.length == 0}
+        {#if !firebaseProjects?.length}
             <div class="box u-flex u-flex-vertical u-gap-16 u-cross-center u-margin-block-start-24">
                 <p class="u-text-center u-bold">Sign in with Google to get started</p>
                 <Button secondary href={connectGoogle().toString()}>
                     <SvgIcon name="google" />Sign in
                 </Button>
             </div>
-        {:else}
-            {#each firebaseProjects as project}
-                <div
-                    class="card is-allow-focus u-height-100-percent u-flex u-flex-vertical u-cursor-pointer u-margin-block-start-24">
-                    <div class="content">
-                        <p>{project.displayName}</p>
-                        <span>{project.projectId}</span>
-                    </div>
-                </div>
-            {/each}
 
+            <button
+                class="tag u-margin-block-start-16"
+                type="button"
+                on:click={() => (showAuth = !showAuth)}
+                class:is-selected={showAuth}>
+                <span class="icon-lock-closed" aria-hidden="true" />
+                <span class="text">Manual authentication</span>
+            </button>
+
+            {#if showAuth}
+                <div class="u-margin-block-start-16">
+                    <InputText
+                        id="credentials"
+                        label="Account credentials"
+                        required
+                        bind:value={$provider.serviceAccount}
+                        placeholder="Enter account credentials" />
+                </div>
+            {/if}
+        {:else}
+            <FormList class="u-margin-block-start-24">
+                <InputSelect
+                    id="firebase-project"
+                    label="Firebase project"
+                    required
+                    bind:value={$provider.projectId}
+                    options={firebaseProjects.map((project) => ({
+                        label: project.displayName,
+                        value: project.projectId
+                    }))} />
+            </FormList>
             <p class="u-text-center u-margin-block-start-24">
                 Signed in as test@test.com <button
                     class="u-bold"
                     on:click|preventDefault={deauthorizeGoogle}>Sign Out?</button>
             </p>
         {/if}
-        <button
-            class="tag u-margin-block-start-16"
-            type="button"
-            on:click={() => (showAuth = !showAuth)}
-            class:is-selected={showAuth}>
-            <span class="icon-lock-closed" aria-hidden="true" />
-            <span class="text">Manual authentication</span>
-        </button>
-
-        {#if showAuth}
-            <div class="u-margin-block-start-16">
-                <InputText
-                    id="credentials"
-                    label="Account credentials"
-                    required
-                    bind:value={$provider.serviceAccount}
-                    placeholder="Enter account credentials" />
-            </div>
-        {/if}
     {:else if $provider.provider === 'supabase'}
         <FormList class="u-margin-block-start-24">
             <p class="body-text-1 u-bold">Postgres credentials</p>
@@ -226,38 +230,9 @@
 </WizardStep>
 
 <style lang="scss">
-    .cards {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(9.125rem, 1fr));
-        align-items: stretch;
+    .radio-group {
+        display: flex;
+        flex-direction: column;
         gap: 1rem;
     }
-
-    .card {
-        --card-padding: 0;
-        --card-border-radius: var(--border-radius-small);
-        display: block;
-        position: relative;
-
-        block-size: auto;
-        display: grid;
-        place-items: center;
-        text-align: center;
-
-        input {
-            position: absolute;
-            top: 0.5rem;
-            left: 0.5rem;
-        }
-
-        .content {
-            width: 9.125rem;
-            height: 5.5rem;
-
-            padding: 0 2rem;
-
-            display: grid;
-            place-items: center;
-        }
-    }
 </style>
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 8ce722046..49c6b138c 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -50,11 +50,16 @@
                 }
                 case 'firebase': {
                     console.log('firebase', $provider.serviceAccount);
-                    const res = await sdk.forProject.migrations.migrateFirebase(
-                        resources,
-                        $provider.serviceAccount
-                    );
-                    console.log('Firebase', res);
+                    if ($provider.projectId) {
+                        // OAuth
+                    } else if ($provider.serviceAccount) {
+                        // Manual auth
+                        const res = await sdk.forProject.migrations.migrateFirebase(
+                            resources,
+                            $provider.serviceAccount
+                        );
+                        console.log('Firebase', res);
+                    }
                     invalidate(Dependencies.MIGRATIONS);
                     break;
                 }
diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index ac4c46253..9bf4c8319 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -1,15 +1,21 @@
 import { Dependencies } from '$lib/constants.js';
 import { sdk } from '$lib/stores/sdk';
 
+async function getFirebaseProjects() {
+    const res = await sdk.forProject.migrations.listFirebaseProjects();
+    return res.projects;
+}
+
 export async function load({ depends }) {
     depends(Dependencies.MIGRATIONS);
 
     try {
         const { migrations } = await sdk.forProject.migrations.list();
 
-        console.log(migrations);
+        console.log('migrations', migrations);
         return {
-            migrations
+            migrations,
+            firebaseProjects: getFirebaseProjects()
         };
     } catch {
         return {

From 58f652f88dee391837508837f579a67b8548e4f0 Mon Sep 17 00:00:00 2001
From: Bradley Schofield <bradley@appwrite.io>
Date: Fri, 4 Aug 2023 16:57:21 +0100
Subject: [PATCH 109/128] Add 401 catch to firebaseProjects

---
 .../project-[project]/settings/migrations/+page.ts   | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/+page.ts b/src/routes/console/project-[project]/settings/migrations/+page.ts
index 9bf4c8319..cad26bcbf 100644
--- a/src/routes/console/project-[project]/settings/migrations/+page.ts
+++ b/src/routes/console/project-[project]/settings/migrations/+page.ts
@@ -2,8 +2,16 @@ import { Dependencies } from '$lib/constants.js';
 import { sdk } from '$lib/stores/sdk';
 
 async function getFirebaseProjects() {
-    const res = await sdk.forProject.migrations.listFirebaseProjects();
-    return res.projects;
+    try {
+        const res = await sdk.forProject.migrations.listFirebaseProjects();
+        return res.projects;
+    } catch (e) {
+        if (e.code === 401) {
+            return [];
+        } else {
+            throw e;
+        }
+    }
 }
 
 export async function load({ depends }) {

From 2664b54be0dd69aa0a0e5d203ec0be3539d80967 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Fri, 4 Aug 2023 22:06:40 +0100
Subject: [PATCH 110/128] working filtering

---
 .../collection-[collection]/+page.ts          |  11 +-
 .../collection-[collection]/filters.svelte    | 184 ++++++++++++++----
 2 files changed, 157 insertions(+), 38 deletions(-)

diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
index ef7a3de27..76e2ac85b 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
@@ -11,6 +11,10 @@ export const load: PageLoad = async ({ params, depends, url, route }) => {
     const view = getView(url, route, View.Grid);
     const offset = pageToOffset(page, limit);
 
+    const queries = url.searchParams.get('query');
+    const parsedQueries = queries ? JSON.parse(queries) : [];
+    console.log(parsedQueries);
+
     return {
         offset,
         limit,
@@ -18,7 +22,12 @@ export const load: PageLoad = async ({ params, depends, url, route }) => {
         documents: await sdk.forProject.databases.listDocuments(
             params.database,
             params.collection,
-            [Query.limit(limit), Query.offset(offset), Query.orderDesc('$createdAt')]
+            [
+                Query.limit(limit),
+                Query.offset(offset),
+                Query.orderDesc('$createdAt'),
+                ...parsedQueries
+            ]
         )
     };
 };
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
index 7d12a333f..700c6c839 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
@@ -1,15 +1,5 @@
-<script lang="ts">
-    import { Drop } from '$lib/components';
-    import { Button } from '$lib/elements/forms';
-    import InputSelect from '$lib/elements/forms/inputSelect.svelte';
-    import type { Writable } from 'svelte/store';
-    import { columns } from './store';
-    import { Query } from '@appwrite.io/console';
-    import InputText from '$lib/elements/forms/inputText.svelte';
-
-    let showFilters = false;
-
-    const columnTypes = ['string', 'number'] as const;
+<script lang="ts" context="module">
+    const columnTypes = ['string', 'number', 'relationship'] as const;
     type ColumnType = (typeof columnTypes)[number];
 
     type StoreValues<Store> = Store extends Writable<infer T> ? T : never;
@@ -17,31 +7,115 @@
         type: ColumnType;
     };
 
+    type Operator = {
+        toTag: (attribute: string, input: string) => string;
+        toQuery: (attribute: string, input: string) => string;
+        types: ColumnType[];
+    };
+
+    function initQueries() {
+        const queries = writable(
+            new Map<string, string>([
+                ['**name** starts with **Th**', Query.startsWith('name', 'Th')]
+            ])
+        );
+
+        type AddFilterArgs = {
+            operator: Operator;
+            column: Column;
+            value: string;
+        };
+
+        function addFilter({ column, operator, value }: AddFilterArgs) {
+            queries.update((map) => {
+                map.set(operator.toTag(column.id, value), operator.toQuery(column.id, value));
+                return map;
+            });
+        }
+
+        function removeFilter(tag: string) {
+            queries.update((map) => {
+                map.delete(tag);
+                return map;
+            });
+        }
+
+        function clearAll() {
+            queries.set(new Map());
+        }
+
+        function apply() {
+            const queryParam = JSON.stringify(Array.from(get(queries)).map(([_, v]) => v));
+
+            const encodedQueryParam = encodeURIComponent(queryParam);
+            const currentLocation = window.location.pathname;
+            goto(`${currentLocation}?query=${encodedQueryParam}`);
+        }
+
+        return {
+            ...queries,
+            addFilter,
+            removeFilter,
+            clearAll,
+            apply
+        };
+    }
+
+    const queries = initQueries();
+    const tags = derived(queries, ($queries) => Array.from($queries.keys()));
+</script>
+
+<script lang="ts">
+    import { Drop } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import InputSelect from '$lib/elements/forms/inputSelect.svelte';
+    import { derived, get, writable, type Writable } from 'svelte/store';
+    import { columns } from './store';
+    import { Query } from '@appwrite.io/console';
+    import InputText from '$lib/elements/forms/inputText.svelte';
+    import { goto } from '$app/navigation';
+    import { tick } from 'svelte';
+
+    let showFilters = false;
+
     let columnId: string | null = null;
     $: column = $columns.find((c) => c.id === columnId) as Column;
 
-    const operators: Array<{
-        label: string;
-        function: (attribute: string, input: string) => string;
-        types: ColumnType[];
-    }> = [
-        {
-            label: 'starts with',
-            function: Query.startsWith,
+    const operators: Record<string, Operator> = {
+        'starts with': {
+            toQuery: Query.startsWith,
+            toTag: (attribute, input) => `**${attribute}** starts with **${input}**`,
             types: ['string']
+        },
+        'ends with': {
+            toQuery: Query.endsWith,
+            toTag: (attribute, input) => `**${attribute}** ends with **${input}**`,
+            types: ['string']
+        },
+        'greater than': {
+            toQuery: Query.greaterThan,
+            toTag: (attribute, input) => `**${attribute}** greater than **${input}**`,
+            types: ['number']
+        },
+        'less than': {
+            toQuery: Query.lessThan,
+            toTag: (attribute, input) => `**${attribute}** less than **${input}**`,
+            types: ['number']
         }
-    ];
+    };
 
-    $: operatorsForColumn = operators
-        .filter((o) => o.types.includes(column?.type))
-        .map((o) => ({
-            label: o.label,
-            value: o.label
+    $: operatorsForColumn = Object.entries(operators)
+        .filter(([_, v]) => v.types.includes(column?.type))
+        .map(([k]) => ({
+            label: k,
+            value: k
         }));
-    let operator: string | null = null;
+
+    let operatorKey: string | null = null;
+    $: operator = operatorKey ? operators[operatorKey] : null;
     $: {
         columnId;
-        operator = null;
+        operatorKey = null;
     }
 
     let value: string | null = null;
@@ -50,14 +124,17 @@
         value = null;
     }
 
-    let filters = [] as string[];
+    // This Map is keyed by tags, and has a query as the value
 
     function addFilter() {
         if (column && operator && value) {
-            filters.push(`${column.id}:${operator}:${value}`);
-            filters = filters;
+            queries.addFilter({ column, operator, value });
         }
     }
+
+    function tagFormat(node: HTMLElement) {
+        node.innerHTML = node.innerHTML.replace(/\*\*(.*?)\*\*/g, '<b>$1</b>');
+    }
 </script>
 
 <Drop bind:show={showFilters} noArrow>
@@ -80,22 +157,42 @@
                 id="operator"
                 options={operatorsForColumn}
                 placeholder="Select operator"
-                bind:value={operator} />
+                bind:value={operatorKey} />
         </div>
-        {#if column && operator}
+        {#if column && operatorKey}
             <div class="u-margin-block-start-16">
-                <InputText id="value" bind:value />
+                <InputText id="value" bind:value placeholder="Enter value" />
             </div>
         {/if}
         <Button text disabled={!value} class="u-margin-block-start-12" on:click={addFilter}>
             <i class="icon-plus" />
             Add filter
         </Button>
-        {filters}
+        <ul class="tags">
+            {#each $tags as tag (tag)}
+                <button
+                    class="tag"
+                    on:click={() => {
+                        queries.removeFilter(tag);
+                        tick().then(() => {
+                            showFilters = true;
+                        });
+                    }}>
+                    <span class="text" use:tagFormat>
+                        {tag}
+                    </span>
+                    <i class="icon-x" />
+                </button>
+            {/each}
+        </ul>
         <hr />
         <div class="u-flex u-margin-block-start-16 u-main-end u-gap-8">
-            <Button text>Clear all</Button>
-            <Button>Apply</Button>
+            <Button text on:click={queries.clearAll}>Clear all</Button>
+            <Button
+                on:click={() => {
+                    queries.apply();
+                    showFilters = false;
+                }}>Apply</Button>
         </div>
     </div>
 </Drop>
@@ -123,6 +220,19 @@
         }
     }
 
+    .tags {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+
+        margin-block-start: 1rem;
+
+        :global(b) {
+            font-weight: bold;
+        }
+    }
+
     hr {
         height: 1px;
         width: calc(100% + 2rem);

From 545a2565f3318e62af2d0a9100158923545355b2 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Sun, 6 Aug 2023 01:07:26 +0100
Subject: [PATCH 111/128] add more filters

---
 src/lib/components/drop.svelte                |   4 +-
 src/lib/elements/forms/inputNumber.svelte     |  10 +-
 .../collection-[collection]/filters.svelte    | 128 +++++++++++++-----
 3 files changed, 100 insertions(+), 42 deletions(-)

diff --git a/src/lib/components/drop.svelte b/src/lib/components/drop.svelte
index fef272783..ca65fb4e3 100644
--- a/src/lib/components/drop.svelte
+++ b/src/lib/components/drop.svelte
@@ -77,7 +77,9 @@
                 event.target === element ||
                 element.contains(event.target as Node) ||
                 event.target === tooltip ||
-                tooltip.contains(event.target as Node)
+                tooltip.contains(event.target as Node) ||
+                // Avoid deleted elements triggering blur
+                !document.body.contains(event.target as Node)
             )
         ) {
             show = false;
diff --git a/src/lib/elements/forms/inputNumber.svelte b/src/lib/elements/forms/inputNumber.svelte
index 5110e4eea..7baf0ecb9 100644
--- a/src/lib/elements/forms/inputNumber.svelte
+++ b/src/lib/elements/forms/inputNumber.svelte
@@ -3,7 +3,7 @@
     import { FormItem, Helper, Label } from '.';
     import NullCheckbox from './nullCheckbox.svelte';
 
-    export let label: string;
+    export let label: string | undefined = undefined;
     export let optionalText: string | undefined = undefined;
     export let showLabel = true;
     export let id: string;
@@ -65,9 +65,11 @@
 </script>
 
 <FormItem>
-    <Label {required} {optionalText} hide={!showLabel} for={id}>
-        {label}
-    </Label>
+    {#if label}
+        <Label {required} {optionalText} hide={!showLabel} for={id}>
+            {label}
+        </Label>
+    {/if}
 
     <div class="input-text-wrapper">
         <input
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
index 700c6c839..346d66234 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
@@ -1,5 +1,12 @@
 <script lang="ts" context="module">
-    const columnTypes = ['string', 'number', 'relationship'] as const;
+    const columnTypes = [
+        'string',
+        'integer',
+        'double',
+        'boolean',
+        'datetime',
+        'relationship'
+    ] as const;
     type ColumnType = (typeof columnTypes)[number];
 
     type StoreValues<Store> = Store extends Writable<infer T> ? T : never;
@@ -8,22 +15,19 @@
     };
 
     type Operator = {
-        toTag: (attribute: string, input: string) => string;
-        toQuery: (attribute: string, input: string) => string;
+        toTag: (attribute: string, input?: string | number) => string;
+        toQuery: (attribute: string, input?: string | number) => string;
         types: ColumnType[];
+        hideInput?: boolean;
     };
 
     function initQueries() {
-        const queries = writable(
-            new Map<string, string>([
-                ['**name** starts with **Th**', Query.startsWith('name', 'Th')]
-            ])
-        );
+        const queries = writable(new Map<string, string>());
 
         type AddFilterArgs = {
             operator: Operator;
             column: Column;
-            value: string;
+            value: string | number;
         };
 
         function addFilter({ column, operator, value }: AddFilterArgs) {
@@ -66,15 +70,14 @@
 </script>
 
 <script lang="ts">
+    import { goto } from '$app/navigation';
     import { Drop } from '$lib/components';
-    import { Button } from '$lib/elements/forms';
+    import { Button, InputNumber } from '$lib/elements/forms';
     import InputSelect from '$lib/elements/forms/inputSelect.svelte';
+    import InputText from '$lib/elements/forms/inputText.svelte';
+    import { Query } from '@appwrite.io/console';
     import { derived, get, writable, type Writable } from 'svelte/store';
     import { columns } from './store';
-    import { Query } from '@appwrite.io/console';
-    import InputText from '$lib/elements/forms/inputText.svelte';
-    import { goto } from '$app/navigation';
-    import { tick } from 'svelte';
 
     let showFilters = false;
 
@@ -93,14 +96,41 @@
             types: ['string']
         },
         'greater than': {
-            toQuery: Query.greaterThan,
+            toQuery: (attr, input) => Query.greaterThan(attr, Number(input)),
             toTag: (attribute, input) => `**${attribute}** greater than **${input}**`,
-            types: ['number']
+            types: ['integer', 'double']
+        },
+        'greater than or equal to': {
+            toQuery: (attr, input) => Query.greaterThanEqual(attr, Number(input)),
+            toTag: (attribute, input) => `**${attribute}** greater than or equal to **${input}**`,
+            types: ['integer', 'double']
         },
         'less than': {
             toQuery: Query.lessThan,
             toTag: (attribute, input) => `**${attribute}** less than **${input}**`,
-            types: ['number']
+            types: ['integer', 'double']
+        },
+        'less than or equal to': {
+            toQuery: Query.lessThanEqual,
+            toTag: (attribute, input) => `**${attribute}** less than or equal to **${input}**`,
+            types: ['integer', 'double']
+        },
+        equal: {
+            toQuery: Query.equal,
+            toTag: (attribute, input) => `**${attribute}** equal to **${input}**`,
+            types: ['string', 'integer', 'double']
+        },
+        'not null': {
+            toQuery: Query.isNotNull,
+            toTag: (attribute) => `**${attribute}** is not null`,
+            types: ['string', 'integer', 'double', 'boolean', 'datetime', 'relationship'],
+            hideInput: true
+        },
+        null: {
+            toQuery: Query.isNull,
+            toTag: (attribute) => `**${attribute}** is null`,
+            types: ['string', 'integer', 'double', 'boolean', 'datetime', 'relationship'],
+            hideInput: true
         }
     };
 
@@ -118,31 +148,60 @@
         operatorKey = null;
     }
 
-    let value: string | null = null;
+    let valueStr: string | null = null;
+    let valueNum: number | null = null;
+    $: value = column?.type === 'integer' || column?.type === 'double' ? valueNum : valueStr;
+
     $: {
         columnId;
-        value = null;
+        valueStr = null;
+        valueNum = null;
     }
 
     // This Map is keyed by tags, and has a query as the value
-
     function addFilter() {
-        if (column && operator && value) {
+        if (column && operator) {
             queries.addFilter({ column, operator, value });
+            valueStr = null;
+            valueNum = null;
         }
     }
 
     function tagFormat(node: HTMLElement) {
         node.innerHTML = node.innerHTML.replace(/\*\*(.*?)\*\*/g, '<b>$1</b>');
     }
+
+    let applied = 0;
+
+    function apply() {
+        queries.apply();
+        applied = $tags.length;
+        showFilters = false;
+    }
+
+    function clearAll() {
+        queries.clearAll();
+        queries.apply();
+        applied = 0;
+        showFilters = false;
+    }
+
+    $: isDisabled = (function getDisabled() {
+        return !operator || (column?.type === 'string' && !value);
+    })();
 </script>
 
 <Drop bind:show={showFilters} noArrow>
     <Button secondary on:click={() => (showFilters = !showFilters)}>
         <i class="icon-filter" />
         Filters
+        {#if applied > 0}
+            <span class="inline-tag">
+                {applied}
+            </span>
+        {/if}
     </Button>
-    <div class="dropped" slot="list">
+    <div class="dropped card" slot="list">
         <p>Apply filter rules to refine the table view</p>
         <div class="selects u-flex u-gap-12 u-margin-block-start-16">
             <InputSelect
@@ -159,12 +218,16 @@
                 placeholder="Select operator"
                 bind:value={operatorKey} />
         </div>
-        {#if column && operatorKey}
+        {#if column && operator && !operator?.hideInput}
             <div class="u-margin-block-start-16">
-                <InputText id="value" bind:value placeholder="Enter value" />
+                {#if column.type === 'integer' || column.type === 'double'}
+                    <InputNumber id="value" bind:value={valueNum} placeholder="Enter value" />
+                {:else}
+                    <InputText id="value" bind:value={valueStr} placeholder="Enter value" />
+                {/if}
             </div>
         {/if}
-        <Button text disabled={!value} class="u-margin-block-start-12" on:click={addFilter}>
+        <Button text disabled={isDisabled} class="u-margin-block-start-12" on:click={addFilter}>
             <i class="icon-plus" />
             Add filter
         </Button>
@@ -174,9 +237,6 @@
                     class="tag"
                     on:click={() => {
                         queries.removeFilter(tag);
-                        tick().then(() => {
-                            showFilters = true;
-                        });
                     }}>
                     <span class="text" use:tagFormat>
                         {tag}
@@ -187,12 +247,8 @@
         </ul>
         <hr />
         <div class="u-flex u-margin-block-start-16 u-main-end u-gap-8">
-            <Button text on:click={queries.clearAll}>Clear all</Button>
-            <Button
-                on:click={() => {
-                    queries.apply();
-                    showFilters = false;
-                }}>Apply</Button>
+            <Button text on:click={clearAll}>Clear all</Button>
+            <Button on:click={apply}>Apply</Button>
         </div>
     </div>
 </Drop>
@@ -204,8 +260,6 @@
 
     .dropped {
         border-radius: 0.5rem;
-        border: 1px solid hsl(var(--color-neutral-10));
-        background-color: hsl(var(--color-neutral-0));
         box-shadow: 0px 16px 32px 0px rgba(55, 59, 77, 0.04);
 
         padding: 1rem;
@@ -236,7 +290,7 @@
     hr {
         height: 1px;
         width: calc(100% + 2rem);
-        background-color: hsl(var(--color-neutral-10));
+        background-color: hsl(var(--color-border));
 
         margin-block-start: 1rem;
         margin-inline: -1rem;

From 6cb932ba9d7c459f55ab2fae781a51b69e840041 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Sun, 6 Aug 2023 01:31:15 +0100
Subject: [PATCH 112/128] basic query param save data

---
 .../collection-[collection]/+page.ts          | 10 +++++--
 .../collection-[collection]/filters.svelte    | 27 ++++++++++++-------
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
index 76e2ac85b..d6ac14931 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
@@ -4,6 +4,12 @@ import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
 
+function queryParamToMap(queryParam: string) {
+    const decodedQueryParam = decodeURIComponent(queryParam);
+    const queries = JSON.parse(decodedQueryParam) as [string, string][];
+    return new Map(queries);
+}
+
 export const load: PageLoad = async ({ params, depends, url, route }) => {
     depends(Dependencies.DOCUMENTS);
     const page = getPage(url);
@@ -12,7 +18,7 @@ export const load: PageLoad = async ({ params, depends, url, route }) => {
     const offset = pageToOffset(page, limit);
 
     const queries = url.searchParams.get('query');
-    const parsedQueries = queries ? JSON.parse(queries) : [];
+    const parsedQueries = queryParamToMap(queries || '[]');
     console.log(parsedQueries);
 
     return {
@@ -26,7 +32,7 @@ export const load: PageLoad = async ({ params, depends, url, route }) => {
                 Query.limit(limit),
                 Query.offset(offset),
                 Query.orderDesc('$createdAt'),
-                ...parsedQueries
+                ...parsedQueries.values()
             ]
         )
     };
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
index 346d66234..60812ec33 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
@@ -21,8 +21,18 @@
         hideInput?: boolean;
     };
 
-    function initQueries() {
-        const queries = writable(new Map<string, string>());
+    function mapToQueryParams(map: Map<string, string>) {
+        return encodeURIComponent(JSON.stringify(Array.from(map.entries())));
+    }
+
+    function queryParamToMap(queryParam: string) {
+        const decodedQueryParam = decodeURIComponent(queryParam);
+        const queries = JSON.parse(decodedQueryParam) as [string, string][];
+        return new Map(queries);
+    }
+
+    function initQueries(initialValue = new Map<string, string>()) {
+        const queries = writable(initialValue);
 
         type AddFilterArgs = {
             operator: Operator;
@@ -49,11 +59,9 @@
         }
 
         function apply() {
-            const queryParam = JSON.stringify(Array.from(get(queries)).map(([_, v]) => v));
-
-            const encodedQueryParam = encodeURIComponent(queryParam);
+            const queryParam = mapToQueryParams(get(queries));
             const currentLocation = window.location.pathname;
-            goto(`${currentLocation}?query=${encodedQueryParam}`);
+            goto(`${currentLocation}?query=${queryParam}`);
         }
 
         return {
@@ -64,9 +72,6 @@
             apply
         };
     }
-
-    const queries = initQueries();
-    const tags = derived(queries, ($queries) => Array.from($queries.keys()));
 </script>
 
 <script lang="ts">
@@ -78,12 +83,16 @@
     import { Query } from '@appwrite.io/console';
     import { derived, get, writable, type Writable } from 'svelte/store';
     import { columns } from './store';
+    import { page } from '$app/stores';
 
     let showFilters = false;
 
     let columnId: string | null = null;
     $: column = $columns.find((c) => c.id === columnId) as Column;
 
+    const queries = initQueries(queryParamToMap($page.url.searchParams.get('query') || '[]'));
+    const tags = derived(queries, ($queries) => Array.from($queries.keys()));
+
     const operators: Record<string, Operator> = {
         'starts with': {
             toQuery: Query.startsWith,

From d437f64fcb2cddf6e79f71e2f74a805ccf887521 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 7 Aug 2023 13:00:52 +0100
Subject: [PATCH 113/128] improve filtering

---
 .../collection-[collection]/filters.svelte    | 75 ++++++++++---------
 1 file changed, 38 insertions(+), 37 deletions(-)

diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
index 60812ec33..63dd4a7a2 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
@@ -157,22 +157,19 @@
         operatorKey = null;
     }
 
-    let valueStr: string | null = null;
-    let valueNum: number | null = null;
-    $: value = column?.type === 'integer' || column?.type === 'double' ? valueNum : valueStr;
+    // We cast to any to not cause type errors in the input components
+    let value: any = null;
 
     $: {
         columnId;
-        valueStr = null;
-        valueNum = null;
+        value = null;
     }
 
     // This Map is keyed by tags, and has a query as the value
     function addFilter() {
         if (column && operator) {
             queries.addFilter({ column, operator, value });
-            valueStr = null;
-            valueNum = null;
+            value = null;
         }
     }
 
@@ -180,7 +177,7 @@
         node.innerHTML = node.innerHTML.replace(/\*\*(.*?)\*\*/g, '<b>$1</b>');
     }
 
-    let applied = 0;
+    let applied = $queries.size;
 
     function apply() {
         queries.apply();
@@ -196,7 +193,7 @@
     }
 
     $: isDisabled = (function getDisabled() {
-        return !operator || (column?.type === 'string' && !value);
+        return !operator || (!operator?.hideInput && !value);
     })();
 </script>
 
@@ -211,35 +208,39 @@
         {/if}
     </Button>
     <div class="dropped card" slot="list">
-        <p>Apply filter rules to refine the table view</p>
-        <div class="selects u-flex u-gap-12 u-margin-block-start-16">
-            <InputSelect
-                id="column"
-                options={$columns.map((c) => ({
-                    label: c.title,
-                    value: c.id
-                }))}
-                placeholder="Select column"
-                bind:value={columnId} />
-            <InputSelect
-                id="operator"
-                options={operatorsForColumn}
-                placeholder="Select operator"
-                bind:value={operatorKey} />
-        </div>
-        {#if column && operator && !operator?.hideInput}
-            <div class="u-margin-block-start-16">
-                {#if column.type === 'integer' || column.type === 'double'}
-                    <InputNumber id="value" bind:value={valueNum} placeholder="Enter value" />
-                {:else}
-                    <InputText id="value" bind:value={valueStr} placeholder="Enter value" />
-                {/if}
+        <form on:submit={addFilter}>
+            <p>Apply filter rules to refine the table view</p>
+            <div class="selects u-flex u-gap-12 u-margin-block-start-16">
+                <InputSelect
+                    id="column"
+                    options={$columns.map((c) => ({
+                        label: c.title,
+                        value: c.id
+                    }))}
+                    placeholder="Select column"
+                    bind:value={columnId} />
+                <InputSelect
+                    id="operator"
+                    disabled={!column}
+                    options={operatorsForColumn}
+                    placeholder="Select operator"
+                    bind:value={operatorKey} />
             </div>
-        {/if}
-        <Button text disabled={isDisabled} class="u-margin-block-start-12" on:click={addFilter}>
-            <i class="icon-plus" />
-            Add filter
-        </Button>
+            {#if column && operator && !operator?.hideInput}
+                <div class="u-margin-block-start-16">
+                    {#if column.type === 'integer' || column.type === 'double'}
+                        <InputNumber id="value" bind:value placeholder="Enter value" />
+                    {:else}
+                        <InputText id="value" bind:value placeholder="Enter value" />
+                    {/if}
+                </div>
+            {/if}
+            <Button text disabled={isDisabled} class="u-margin-block-start-12" submit>
+                <i class="icon-plus" />
+                Add filter
+            </Button>
+        </form>
+
         <ul class="tags">
             {#each $tags as tag (tag)}
                 <button

From deb173a0cb575cf0de63332a8ff73a1bc9f110cf Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 7 Aug 2023 13:12:58 +0100
Subject: [PATCH 114/128] sentence case commands

---
 src/routes/console/+layout.svelte             |  8 ++--
 .../console/project-[project]/+layout.svelte  | 43 ++++++++-----------
 .../database-[database]/+layout.svelte        |  4 +-
 .../collection-[collection]/+layout.svelte    | 18 ++++----
 .../overview/platforms/+page.svelte           |  9 ----
 .../project-[project]/settings/+layout.svelte |  8 ++--
 .../storage/bucket-[bucket]/+layout.svelte    |  2 +-
 7 files changed, 39 insertions(+), 53 deletions(-)

diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index c1c8e954e..9c96de744 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -33,7 +33,7 @@
             icon: 'light-bulb'
         },
         {
-            label: 'Go to Account',
+            label: 'Go to account',
             callback: () => {
                 goto('/console/account');
             },
@@ -41,7 +41,7 @@
             group: 'navigation'
         },
         {
-            label: 'Find an Organization',
+            label: 'Find an organization',
             callback: () => {
                 addSubPanel(OrganizationsPanel);
             },
@@ -59,7 +59,7 @@
             icon: 'search'
         },
         {
-            label: 'Create new Organization',
+            label: 'Create new organization',
             callback: () => {
                 newOrgModal.set(true);
             },
@@ -67,7 +67,7 @@
             group: 'organizations'
         },
         {
-            label: 'Go to Home',
+            label: 'Go to home',
             callback: () => {
                 goto('/console');
             },
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 278fffc32..fc4f1892a 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -5,13 +5,15 @@
     import { project, stats } from './store';
 
     import { goto } from '$app/navigation';
-    import {
-        addSubPanel,
-        registerCommands,
-        registerSearchers,
-        updateCommandGroupRanks
-    } from '$lib/commandCenter';
+    import { addSubPanel, registerCommands, registerSearchers } from '$lib/commandCenter';
 
+    import {
+        BucketsPanel,
+        DatabasesPanel,
+        FunctionsPanel,
+        TeamsPanel,
+        UsersPanel
+    } from '$lib/commandCenter/panels';
     import {
         bucketSearcher,
         dbSearcher,
@@ -20,13 +22,6 @@
         userSearcher
     } from '$lib/commandCenter/searchers';
     import { MigrationBox } from '$lib/components';
-    import {
-        UsersPanel,
-        TeamsPanel,
-        DatabasesPanel,
-        FunctionsPanel,
-        BucketsPanel
-    } from '$lib/commandCenter/panels';
 
     onMount(async () => {
         return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
@@ -40,7 +35,7 @@
 
     $: $registerCommands([
         {
-            label: 'Go to Overview',
+            label: 'Go to overview',
             callback: () => {
                 goto(`/console/project-${$project.$id}`);
             },
@@ -49,7 +44,7 @@
         },
 
         {
-            label: 'Go to Auth',
+            label: 'Go to auth',
             callback: () => {
                 goto(`/console/project-${$project.$id}/auth`);
             },
@@ -57,7 +52,7 @@
             group: 'navigation'
         },
         {
-            label: 'Go to Databases',
+            label: 'Go to databases',
             callback: () => {
                 goto(`/console/project-${$project.$id}/databases`);
             },
@@ -65,7 +60,7 @@
             group: 'navigation'
         },
         {
-            label: 'Go to Functions',
+            label: 'Go to functions',
             callback: () => {
                 goto(`/console/project-${$project.$id}/functions`);
             },
@@ -73,7 +68,7 @@
             group: 'navigation'
         },
         {
-            label: 'Go to Storage',
+            label: 'Go to storage',
             callback: () => {
                 goto(`/console/project-${$project.$id}/storage`);
             },
@@ -81,7 +76,7 @@
             group: 'navigation'
         },
         {
-            label: 'Go to Settings',
+            label: 'Go to settings',
             callback: () => {
                 goto(`/console/project-${$project.$id}/settings`);
             },
@@ -89,7 +84,7 @@
             group: 'navigation'
         },
         {
-            label: 'Find Users',
+            label: 'Find users',
             callback: () => {
                 addSubPanel(UsersPanel);
             },
@@ -99,7 +94,7 @@
             rank: 10
         },
         {
-            label: 'Find Teams',
+            label: 'Find teams',
             callback: () => {
                 addSubPanel(TeamsPanel);
             },
@@ -108,7 +103,7 @@
             keys: ['f', 't']
         },
         {
-            label: 'Find Databases',
+            label: 'Find databases',
             callback: () => {
                 addSubPanel(DatabasesPanel);
             },
@@ -117,7 +112,7 @@
             keys: ['f', 'd']
         },
         {
-            label: 'Find Functions',
+            label: 'Find functions',
             callback: () => {
                 addSubPanel(FunctionsPanel);
             },
@@ -126,7 +121,7 @@
             keys: ['f', 'f']
         },
         {
-            label: 'Find Buckets',
+            label: 'Find buckets',
             callback: () => {
                 addSubPanel(BucketsPanel);
             },
diff --git a/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte b/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
index 7a6a1acf3..adec8e535 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
@@ -28,7 +28,7 @@
 
     $: $registerCommands([
         {
-            label: 'Find Collections',
+            label: 'Find collections',
             callback() {
                 addSubPanel(CollectionsPanel);
             },
@@ -37,7 +37,7 @@
             icon: 'search'
         },
         {
-            label: 'Create Collection',
+            label: 'Create collection',
             callback() {
                 $showCreate = true;
                 if (!$page.url.pathname.endsWith(databaseId)) {
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 67aa899a5..ce8c1071f 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
@@ -53,7 +53,7 @@
 
     $: $registerCommands([
         {
-            label: 'Create Document',
+            label: 'Create document',
             keys: $page.url.pathname.endsWith($collection.$id) ? ['c'] : ['c', 'd'],
             callback() {
                 wizard.start(CreateDocument);
@@ -62,7 +62,7 @@
             group: 'documents'
         },
         {
-            label: 'Create Attribute',
+            label: 'Create attribute',
             keys: $page.url.pathname.endsWith('attributes') ? ['c'] : ['c', 'a'],
             callback() {
                 addSubPanel(CreateAttributePanel);
@@ -71,7 +71,7 @@
             group: 'attributes'
         },
         {
-            label: 'Go to Documents',
+            label: 'Go to documents',
             keys: ['g', 'd'],
             callback() {
                 goto(
@@ -82,7 +82,7 @@
             group: 'collections'
         },
         {
-            label: 'Go to Attributes',
+            label: 'Go to attributes',
             keys: ['g', 'a'],
             callback() {
                 goto(
@@ -93,7 +93,7 @@
             group: 'collections'
         },
         {
-            label: 'Go to Indexes',
+            label: 'Go to indexes',
             keys: ['g', 'i'],
             callback() {
                 goto(
@@ -104,7 +104,7 @@
             group: 'collections'
         },
         {
-            label: 'Go to Activity',
+            label: 'Go to activity',
             keys: ['g', 'c'],
             callback() {
                 goto(
@@ -115,7 +115,7 @@
             group: 'collections'
         },
         {
-            label: 'Go to Usage',
+            label: 'Go to usage',
             keys: ['g', 'u'],
             callback() {
                 goto(
@@ -126,7 +126,7 @@
             group: 'collections'
         },
         {
-            label: 'Go to Settings',
+            label: 'Go to settings',
             keys: ['g', 's'],
             callback() {
                 goto(
@@ -137,7 +137,7 @@
             group: 'collections'
         },
         {
-            label: 'Create Index',
+            label: 'Create index',
             keys: $page.url.pathname.endsWith('indexes') ? ['c'] : ['c', 'i'],
             callback() {
                 initCreateIndex();
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index f9489cc0f..dc9b7023f 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -70,15 +70,6 @@
             return 'unknown';
         }
     };
-
-    // $: $registerCommands([
-    //     {
-    //         label: 'Create Web App',
-    //         callback: () => addPlatform(Platform.Web),
-    //         keys: ['c'],
-    //         icon: 'plus'
-    //     }
-    // ]);
 </script>
 
 <div class="common-section u-flex u-gap-12">
diff --git a/src/routes/console/project-[project]/settings/+layout.svelte b/src/routes/console/project-[project]/settings/+layout.svelte
index 77ac9afee..f1fc7db40 100644
--- a/src/routes/console/project-[project]/settings/+layout.svelte
+++ b/src/routes/console/project-[project]/settings/+layout.svelte
@@ -26,7 +26,7 @@
             group: 'webhooks'
         },
         {
-            label: 'Go to Settings Overview',
+            label: 'Go to settings overview',
 
             keys: ['g', 'o'],
             callback: () => {
@@ -37,7 +37,7 @@
             rank: 40
         },
         {
-            label: 'Go to Custom domains',
+            label: 'Go to custom domains',
 
             keys: ['g', 'd'],
             callback: () => {
@@ -48,7 +48,7 @@
             rank: 30
         },
         {
-            label: 'Go to Webhooks',
+            label: 'Go to webhooks',
             keys: ['g', 'w'],
             callback: () => {
                 goto(`/console/project-${$project.$id}/settings/webhooks`);
@@ -59,7 +59,7 @@
             rank: 20
         },
         {
-            label: 'Go to Migrations',
+            label: 'Go to migrations',
             keys: ['g', 'm'],
             callback: () => {
                 goto(`/console/project-${$project.$id}/settings/migrations`);
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.svelte
index ed7a6ee74..f4c029ec9 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.svelte
@@ -57,7 +57,7 @@
             icon: 'puzzle'
         },
         {
-            label: 'File Security',
+            label: 'File security',
             async callback() {
                 await goto(
                     `/console/project-${$project.$id}/storage/bucket-${$bucket.$id}/settings#file-security`

From 29924a28d1858ca253693d044cf8e022c881878d Mon Sep 17 00:00:00 2001
From: Bradley Schofield <bradley@appwrite.io>
Date: Mon, 7 Aug 2023 13:56:12 +0100
Subject: [PATCH 115/128] Update API's

---
 .../settings/migrations/(import)/step1.svelte             | 4 ++--
 .../settings/migrations/(import)/wizard.svelte            | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 904b9433f..3a2a7485c 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -29,13 +29,13 @@
         const target = new URL(
             `${sdk.forProject.client.config.endpoint}/migrations/firebase/connect`
         );
-        target.searchParams.set('projectId', $page.params.project);
         target.searchParams.set('redirect', redirect.toString());
+        target.searchParams.set('projectId', $page.params.project);
         return target;
     }
 
     function deauthorizeGoogle() {
-        sdk.forProject.migrations.firebaseDeauthorize().then(() => {
+        sdk.forProject.migrations.deleteFirebaseAuth().then(() => {
             firebaseProjects = [];
         });
 
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 49c6b138c..becc74c3c 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -24,7 +24,7 @@
 
             switch ($provider.provider) {
                 case 'appwrite': {
-                    const res = await sdk.forProject.migrations.migrateAppwrite(
+                    const res = await sdk.forProject.migrations.createAppwriteMigration(
                         resources,
                         $provider.endpoint,
                         $provider.projectID,
@@ -35,7 +35,7 @@
                     break;
                 }
                 case 'supabase': {
-                    const res = await sdk.forProject.migrations.migrateSupabase(
+                    const res = await sdk.forProject.migrations.createSupabaseMigration(
                         resources,
                         $provider.endpoint,
                         $provider.apiKey,
@@ -54,7 +54,7 @@
                         // OAuth
                     } else if ($provider.serviceAccount) {
                         // Manual auth
-                        const res = await sdk.forProject.migrations.migrateFirebase(
+                        const res = await sdk.forProject.migrations.createFirebaseMigration(
                             resources,
                             $provider.serviceAccount
                         );
@@ -64,7 +64,7 @@
                     break;
                 }
                 case 'nhost': {
-                    const res = await sdk.forProject.migrations.migrateNHost(
+                    const res = await sdk.forProject.migrations.createNHostMigration(
                         resources,
                         $provider.subdomain,
                         $provider.region,

From 1c8d5206eed67781de59548c12941cbee639de2b Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 7 Aug 2023 16:57:13 +0100
Subject: [PATCH 116/128] pr changes

---
 .vscode/settings.json                                         | 1 -
 src/lib/commandCenter/commandCenter.svelte                    | 2 --
 src/routes/console/(migration-wizard)/resource-form.svelte    | 1 -
 src/routes/console/(migration-wizard)/wizard.svelte           | 2 +-
 .../functions/function-[function]/+layout.svelte              | 4 ++--
 .../settings/migrations/(import)/wizard.svelte                | 2 +-
 6 files changed, 4 insertions(+), 8 deletions(-)
 delete mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index 0967ef424..000000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1 +0,0 @@
-{}
diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index 3bae64543..3dcf142f9 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -90,8 +90,6 @@
         }
         $commandCenterKeyDownHandler(e);
     };
-
-    $: console.log($subPanels);
 </script>
 
 <svelte:window on:mousedown={handleBlur} on:keydown={handleKeydown} />
diff --git a/src/routes/console/(migration-wizard)/resource-form.svelte b/src/routes/console/(migration-wizard)/resource-form.svelte
index 6ce6add0c..07c7c5ec9 100644
--- a/src/routes/console/(migration-wizard)/resource-form.svelte
+++ b/src/routes/console/(migration-wizard)/resource-form.svelte
@@ -137,7 +137,6 @@
         };
     });
 
-    $: console.log(report);
     $: resources = providerResources[$provider.provider];
 
     // $: wizard.setNextDisabled(!report);
diff --git a/src/routes/console/(migration-wizard)/wizard.svelte b/src/routes/console/(migration-wizard)/wizard.svelte
index 0dbc81147..397fae0e5 100644
--- a/src/routes/console/(migration-wizard)/wizard.svelte
+++ b/src/routes/console/(migration-wizard)/wizard.svelte
@@ -46,4 +46,4 @@
     });
 </script>
 
-<Wizard title="Create Function" {steps} on:exit={onExit} on:finish={onFinish} />
+<Wizard title="Create Project" {steps} on:exit={onExit} on:finish={onFinish} />
diff --git a/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte b/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
index 4195d3f81..46c1233ba 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/+layout.svelte
@@ -54,8 +54,8 @@
         },
         {
             label: 'Timeout',
-            async callback() {
-                await goto(
+            callback() {
+                goto(
                     `/console/project-${$project.$id}/functions/function-${$func.$id}/settings#timeout`
                 );
             },
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 49c6b138c..8e7ae597d 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -105,4 +105,4 @@
     });
 </script>
 
-<Wizard title="Create Function" {steps} on:exit={onExit} on:finish={onFinish} />
+<Wizard title="Create Project" {steps} on:exit={onExit} on:finish={onFinish} />

From f9c9b1919779601f75b64896a2e92e80581576f6 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 7 Aug 2023 17:53:32 +0100
Subject: [PATCH 117/128] disable cmd center on wizards and modals

---
 src/lib/commandCenter/commands.ts | 11 ++++++-----
 src/lib/components/modal.svelte   |  3 +++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index 94d4ee4af..035fba523 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -1,5 +1,6 @@
 import { debounce } from '$lib/helpers/debounce';
 import { isMac } from '$lib/helpers/platform';
+import { wizard } from '$lib/stores/wizard';
 import { onMount } from 'svelte';
 import { derived, writable, type Updater } from 'svelte/store';
 
@@ -101,8 +102,8 @@ function hasDisputing(command: KeyedCommand, allCommands: Command[]) {
 }
 
 export const commandCenterKeyDownHandler = derived(
-    [commandMap, commandsEnabled],
-    ([$commandMap, enabled]) => {
+    [commandMap, commandsEnabled, wizard],
+    ([$commandMap, enabled, $wizard]) => {
         const commandsArr = Array.from($commandMap.values()).flat();
         let recentKeyCodes: number[] = [];
         let validCommands: KeyedCommand[] = [];
@@ -173,9 +174,9 @@ export const commandCenterKeyDownHandler = derived(
             for (const command of commandsArr) {
                 if (!isKeyedCommand(command)) continue;
                 if (!command.forceEnable) {
-                    if (command.disabled) continue;
-                    if (!enabled) continue;
-                    if (isInputEvent(event)) continue;
+                    if (command.disabled || !enabled || isInputEvent(event) || $wizard.show) {
+                        continue;
+                    }
                 }
 
                 const { keys, ctrl: meta, shift, alt } = command;
diff --git a/src/lib/components/modal.svelte b/src/lib/components/modal.svelte
index 3801b0fb7..5b4e58757 100644
--- a/src/lib/components/modal.svelte
+++ b/src/lib/components/modal.svelte
@@ -3,6 +3,7 @@
     import { Alert } from '$lib/components';
     import { trackEvent } from '$lib/actions/analytics';
     import { Form } from '$lib/elements/forms';
+    import { disableCommands } from '$lib/commandCenter';
 
     export let show = false;
     export let size: 'small' | 'big' = null;
@@ -70,6 +71,8 @@
         closeModal();
     }
 
+    $: $disableCommands(show);
+
     $: if (error) {
         alert?.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
     }

From 1cfe0e30a6054664832808971c476427ca456233 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 7 Aug 2023 18:05:37 +0100
Subject: [PATCH 118/128] address pr reviews

---
 src/lib/actions/portal.ts                              |  2 +-
 src/lib/layout/header.svelte                           |  5 +++--
 src/routes/console/(migration-wizard)/index.ts         |  3 +--
 .../settings/migrations/(import)/step1.svelte          | 10 +---------
 4 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/lib/actions/portal.ts b/src/lib/actions/portal.ts
index d0e90b767..05531b47c 100644
--- a/src/lib/actions/portal.ts
+++ b/src/lib/actions/portal.ts
@@ -6,7 +6,7 @@ export type PortalConfig = string | HTMLElement | undefined;
 export const portal: Action<HTMLElement, PortalConfig> = (el, target = 'body') => {
     let targetEl;
 
-    async function update(newTarget: HTMLElement | string | undefined) {
+    async function update(newTarget: PortalConfig) {
         target = newTarget;
         if (typeof target === 'string') {
             targetEl = document.querySelector(target);
diff --git a/src/lib/layout/header.svelte b/src/lib/layout/header.svelte
index 014732efe..4ca351ba5 100644
--- a/src/lib/layout/header.svelte
+++ b/src/lib/layout/header.svelte
@@ -6,6 +6,7 @@
     import { toggleCommandCenter } from '$lib/commandCenter/commandCenter.svelte';
     import { AvatarInitials, DropList, DropListItem, DropListLink } from '$lib/components';
     import { Feedback } from '$lib/components/feedback';
+    import Button from '$lib/elements/forms/button.svelte';
     import AppwriteLogo from '$lib/images/appwrite-gray-light.svg';
     import DarkMode from '$lib/images/mode/dark-mode.svg';
     import LightMode from '$lib/images/mode/light-mode.svg';
@@ -82,9 +83,9 @@
             class="button is-small is-text">
             <span class="text">Support</span>
         </a>
-        <button class="button is-text is-small" on:click={toggleCommandCenter}>
+        <Button text class="is-small" on:click={toggleCommandCenter}>
             <i class="icon-search" />
-        </button>
+        </Button>
     </nav>
     <nav class="u-flex u-height-100-percent u-sep-inline-start">
         {#if $user}
diff --git a/src/routes/console/(migration-wizard)/index.ts b/src/routes/console/(migration-wizard)/index.ts
index a9b23e663..da09c5181 100644
--- a/src/routes/console/(migration-wizard)/index.ts
+++ b/src/routes/console/(migration-wizard)/index.ts
@@ -7,8 +7,7 @@ import Wizard from './wizard.svelte';
 export const formData = createMigrationFormStore();
 
 export function openMigrationWizard() {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    wizard.start(Wizard as any);
+    wizard.start(Wizard);
     const migData = get(requestedMigration);
     provider.set({
         provider: 'appwrite',
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 3a2a7485c..2e14a416d 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -56,7 +56,7 @@
 
 <WizardStep>
     <svelte:fragment slot="title">Choose provider</svelte:fragment>
-    <div class="radio-group">
+    <div class="u-flex u-flex-vertical u-gap-16">
         {#each Object.entries(providers) as [key, value]}
             <label class="u-flex u-cross-center u-cursor-pointer u-gap-8">
                 <input
@@ -228,11 +228,3 @@
         </FormList>
     {/if}
 </WizardStep>
-
-<style lang="scss">
-    .radio-group {
-        display: flex;
-        flex-direction: column;
-        gap: 1rem;
-    }
-</style>

From d5e26ca1832f4a06e8609ccf3a781abc0e7bc788 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 7 Aug 2023 18:24:21 +0100
Subject: [PATCH 119/128] fix multiple selection checkbox

---
 .../collection-[collection]/table.svelte      | 41 ++++++++++++-------
 .../project-[project]/databases/test.svelte   |  5 ---
 2 files changed, 26 insertions(+), 20 deletions(-)
 delete mode 100644 src/routes/console/project-[project]/databases/test.svelte

diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
index 0ab5070f9..0af982e7d 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
@@ -88,14 +88,16 @@
 
     $: selected = preferences.getCustomCollectionColumns($page.params.collection);
 
-    $: columns.set(
-        $collection.attributes.map((attribute) => ({
-            id: attribute.key,
-            title: attribute.key,
-            type: attribute.type,
-            show: selected?.includes(attribute.key) ?? true
-        }))
-    );
+    $: {
+        columns.set(
+            $collection.attributes.map((attribute) => ({
+                id: attribute.key,
+                title: attribute.key,
+                type: attribute.type,
+                show: selected?.includes(attribute.key) ?? true
+            }))
+        );
+    }
 
     let selectedDb: string[] = [];
     let showDelete = false;
@@ -112,7 +114,7 @@
             trackEvent(Submit.DocumentDelete);
             addNotification({
                 type: 'success',
-                message: `${selected.length} document${selected.length > 1 ? 's' : ''} deleted`
+                message: `${selectedDb.length} document${selectedDb.length > 1 ? 's' : ''} deleted`
             });
             invalidate(Dependencies.DOCUMENTS);
         } catch (error) {
@@ -122,7 +124,7 @@
             });
             trackError(error, Submit.DocumentDelete);
         } finally {
-            selected = [];
+            selectedDb = [];
             showDelete = false;
         }
     }
@@ -138,6 +140,9 @@
     ) as Models.AttributeRelationship[];
 
     let checked = false;
+
+    $: someSelectedDb = data.documents.documents.some((doc) => selectedDb.includes(doc.$id));
+    $: allSelectedDb = data.documents.documents.every((doc) => selectedDb.includes(doc.$id));
 </script>
 
 <TableScroll isSticky>
@@ -145,13 +150,19 @@
         <TableCellHead width={10}>
             <InputCheckbox
                 id="select-all"
-                indeterminate={selectedDb.length > 0 && selectedDb.length < data.documents.total}
-                value={selectedDb.length === data.documents.total}
+                indeterminate={someSelectedDb && !allSelectedDb}
+                value={allSelectedDb}
                 on:click={(e) => {
                     if (!isHTMLInputElement(e.target)) return;
-                    selectedDb = e.target.checked
-                        ? data.documents.documents.map((database) => database.$id)
-                        : [];
+                    if (e.target.checked) {
+                        const set = new Set(selectedDb);
+                        data.documents.documents.forEach((doc) => set.add(doc.$id));
+                        selectedDb = Array.from(set);
+                    } else {
+                        selectedDb = selectedDb.filter((id) => {
+                            return !data.documents.documents.map((doc) => doc.$id).includes(id);
+                        });
+                    }
                 }} />
         </TableCellHead>
         <TableCellHead width={150} eyebrow={false}>Document ID</TableCellHead>
diff --git a/src/routes/console/project-[project]/databases/test.svelte b/src/routes/console/project-[project]/databases/test.svelte
deleted file mode 100644
index b0cf3e6c3..000000000
--- a/src/routes/console/project-[project]/databases/test.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-    export let id;
-</script>
-
-<input type="checkbox" {id} on:click />

From c8b60487d74003fd273ef03164ed4e2543267fd7 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 7 Aug 2023 18:42:34 +0100
Subject: [PATCH 120/128] tableCellHeadCheck cmp

---
 src/lib/elements/table/cellHeadCheck.svelte   | 33 +++++++++++++++++++
 src/lib/elements/table/index.ts               |  1 +
 .../collection-[collection]/table.svelte      | 25 +++-----------
 .../database-[database]/table.svelte          | 16 +++------
 .../project-[project]/databases/table.svelte  | 16 +++------
 5 files changed, 46 insertions(+), 45 deletions(-)
 create mode 100644 src/lib/elements/table/cellHeadCheck.svelte

diff --git a/src/lib/elements/table/cellHeadCheck.svelte b/src/lib/elements/table/cellHeadCheck.svelte
new file mode 100644
index 000000000..9ef8a22d7
--- /dev/null
+++ b/src/lib/elements/table/cellHeadCheck.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+    import { isHTMLInputElement } from '$lib/helpers/types';
+
+    import { TableCellHead } from '.';
+    import { InputCheckbox } from '../forms';
+
+    export let selected: string[] = [];
+    export let pageItemsIds: string[] = [];
+
+    function handleClick(e: MouseEvent) {
+        if (!isHTMLInputElement(e.target)) return;
+        if (e.target.checked) {
+            const set = new Set(selected);
+            pageItemsIds.forEach((id) => set.add(id));
+            selected = Array.from(set);
+        } else {
+            selected = selected.filter((id) => {
+                return !pageItemsIds.includes(id);
+            });
+        }
+    }
+
+    $: someSelected = pageItemsIds.some((id) => selected.includes(id));
+    $: allSelected = pageItemsIds.every((id) => selected.includes(id));
+</script>
+
+<TableCellHead width={10}>
+    <InputCheckbox
+        id="select-all"
+        indeterminate={someSelected && !allSelected}
+        value={allSelected}
+        on:click={handleClick} />
+</TableCellHead>
diff --git a/src/lib/elements/table/index.ts b/src/lib/elements/table/index.ts
index c702ca645..90c7b65e2 100644
--- a/src/lib/elements/table/index.ts
+++ b/src/lib/elements/table/index.ts
@@ -9,6 +9,7 @@ export { default as TableRowLink } from './rowLink.svelte';
 export { default as TableRowButton } from './rowButton.svelte';
 export { default as TableCell } from './cell.svelte';
 export { default as TableCellHead } from './cellHead.svelte';
+export { default as TableCellHeadCheck } from './cellHeadCheck.svelte';
 export { default as TableCellLink } from './cellLink.svelte';
 export { default as TableCellAvatar } from './cellAvatar.svelte';
 export { default as TableCellText } from './cellText.svelte';
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
index 0af982e7d..38dcee9af 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
@@ -8,6 +8,7 @@
         TableBody,
         TableCell,
         TableCellHead,
+        TableCellHeadCheck,
         TableCellText,
         TableHeader,
         TableRow,
@@ -140,31 +141,13 @@
     ) as Models.AttributeRelationship[];
 
     let checked = false;
-
-    $: someSelectedDb = data.documents.documents.some((doc) => selectedDb.includes(doc.$id));
-    $: allSelectedDb = data.documents.documents.every((doc) => selectedDb.includes(doc.$id));
 </script>
 
 <TableScroll isSticky>
     <TableHeader>
-        <TableCellHead width={10}>
-            <InputCheckbox
-                id="select-all"
-                indeterminate={someSelectedDb && !allSelectedDb}
-                value={allSelectedDb}
-                on:click={(e) => {
-                    if (!isHTMLInputElement(e.target)) return;
-                    if (e.target.checked) {
-                        const set = new Set(selectedDb);
-                        data.documents.documents.forEach((doc) => set.add(doc.$id));
-                        selectedDb = Array.from(set);
-                    } else {
-                        selectedDb = selectedDb.filter((id) => {
-                            return !data.documents.documents.map((doc) => doc.$id).includes(id);
-                        });
-                    }
-                }} />
-        </TableCellHead>
+        <TableCellHeadCheck
+            bind:selected={selectedDb}
+            pageItemsIds={data.documents.documents.map((d) => d.$id)} />
         <TableCellHead width={150} eyebrow={false}>Document ID</TableCellHead>
         {#each $columns.filter((n) => n.show) as column}
             {#if column.show}
diff --git a/src/routes/console/project-[project]/databases/database-[database]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/table.svelte
index f453cd26e..e045bdbcb 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/table.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/table.svelte
@@ -12,6 +12,7 @@
         TableBody,
         TableCell,
         TableCellHead,
+        TableCellHeadCheck,
         TableCellText,
         TableHeader,
         TableRowLink,
@@ -62,18 +63,9 @@
 
 <TableScroll>
     <TableHeader>
-        <TableCellHead width={10}>
-            <InputCheckbox
-                id="select-all"
-                indeterminate={selected.length > 0 && selected.length < data.collections.total}
-                value={selected.length === data.collections.total}
-                on:click={(e) => {
-                    if (!isHTMLInputElement(e.target)) return;
-                    selected = e.target.checked
-                        ? data.collections.collections.map((database) => database.$id)
-                        : [];
-                }} />
-        </TableCellHead>
+        <TableCellHeadCheck
+            bind:selected
+            pageItemsIds={data.collections.collections.map((c) => c.$id)} />
         {#each $columns as column}
             {#if column.show}
                 <TableCellHead width={column.width}>{column.title}</TableCellHead>
diff --git a/src/routes/console/project-[project]/databases/table.svelte b/src/routes/console/project-[project]/databases/table.svelte
index 76bde33b1..7b636eb68 100644
--- a/src/routes/console/project-[project]/databases/table.svelte
+++ b/src/routes/console/project-[project]/databases/table.svelte
@@ -12,6 +12,7 @@
         TableBody,
         TableCell,
         TableCellHead,
+        TableCellHeadCheck,
         TableCellText,
         TableHeader,
         TableRowLink,
@@ -59,18 +60,9 @@
 
 <TableScroll>
     <TableHeader>
-        <TableCellHead width={10}>
-            <InputCheckbox
-                id="select-all"
-                indeterminate={selected.length > 0 && selected.length < data.databases.total}
-                value={selected.length === data.databases.total}
-                on:click={(e) => {
-                    if (!isHTMLInputElement(e.target)) return;
-                    selected = e.target.checked
-                        ? data.databases.databases.map((database) => database.$id)
-                        : [];
-                }} />
-        </TableCellHead>
+        <TableCellHeadCheck
+            bind:selected
+            pageItemsIds={data.databases.databases.map((c) => c.$id)} />
         {#each $columns as column}
             {#if column.show}
                 <TableCellHead width={column.width}>{column.title}</TableCellHead>

From 87a4ef3758f4454b3403d4b82f19e6f6957daf0e Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 8 Aug 2023 13:25:18 +0100
Subject: [PATCH 121/128] refactor: pr changes

---
 src/lib/elements/table/cellCheck.svelte       | 29 ++++++++++++++
 src/lib/elements/table/index.ts               |  1 +
 .../collection-[collection]/table.svelte      | 40 ++++---------------
 .../database-[database]/table.svelte          | 24 +----------
 .../project-[project]/databases/table.svelte  | 28 ++-----------
 5 files changed, 44 insertions(+), 78 deletions(-)
 create mode 100644 src/lib/elements/table/cellCheck.svelte

diff --git a/src/lib/elements/table/cellCheck.svelte b/src/lib/elements/table/cellCheck.svelte
new file mode 100644
index 000000000..3c55aa395
--- /dev/null
+++ b/src/lib/elements/table/cellCheck.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+    import { toggle } from '$lib/helpers/array';
+    import { isHTMLInputElement } from '$lib/helpers/types';
+    import { TableCell } from '.';
+    import { InputCheckbox } from '../forms';
+
+    export let id: string;
+    export let selectedIds: string[] = [];
+</script>
+
+<TableCell>
+    <InputCheckbox
+        id="select-{id}"
+        value={selectedIds.includes(id)}
+        on:click={(e) => {
+            // Prevent the link from being followed
+            e.preventDefault();
+            const el = e.currentTarget;
+            if (!isHTMLInputElement(el)) return;
+
+            selectedIds = toggle(selectedIds, id);
+
+            // Hack to make sure the checkbox is checked, independent of the
+            // preventDefault() call above
+            window.setTimeout(() => {
+                el.checked = selectedIds.includes(id);
+            });
+        }} />
+</TableCell>
diff --git a/src/lib/elements/table/index.ts b/src/lib/elements/table/index.ts
index 90c7b65e2..ca4752e8a 100644
--- a/src/lib/elements/table/index.ts
+++ b/src/lib/elements/table/index.ts
@@ -13,3 +13,4 @@ export { default as TableCellHeadCheck } from './cellHeadCheck.svelte';
 export { default as TableCellLink } from './cellLink.svelte';
 export { default as TableCellAvatar } from './cellAvatar.svelte';
 export { default as TableCellText } from './cellText.svelte';
+export { default as TableCellCheck } from './cellCheck.svelte';
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
index 38dcee9af..953a3d392 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
@@ -2,11 +2,15 @@
     import { goto, invalidate } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { tooltip } from '$lib/actions/tooltip';
-    import { Id } from '$lib/components';
+    import { Alert, FloatingActionBar, Id, Modal } from '$lib/components';
+    import { Dependencies } from '$lib/constants';
+    import { Button, InputChoice } from '$lib/elements/forms';
     import {
         TableBody,
         TableCell,
+        TableCellCheck,
         TableCellHead,
         TableCellHeadCheck,
         TableCellText,
@@ -15,25 +19,15 @@
         TableRowLink,
         TableScroll
     } from '$lib/elements/table';
+    import { addNotification } from '$lib/stores/notifications';
     import { preferences } from '$lib/stores/preferences';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@appwrite.io/console';
     import { onMount } from 'svelte';
     import type { PageData } from './$types';
     import { isRelationship, isRelationshipToMany } from './document-[document]/attributes/store';
     import RelationshipsModal from './relationshipsModal.svelte';
     import { attributes, collection, columns } from './store';
-    import InputCheckbox from '$lib/elements/forms/inputCheckbox.svelte';
-    import { isHTMLInputElement } from '$lib/helpers/types';
-    import { toggle } from '$lib/helpers/array';
-    import { sdk } from '$lib/stores/sdk';
-    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
-    import { addNotification } from '$lib/stores/notifications';
-    import { Dependencies } from '$lib/constants';
-    import FloatingActionBar from '$lib/components/floatingActionBar.svelte';
-    import Button from '$lib/elements/forms/button.svelte';
-    import Modal from '$lib/components/modal.svelte';
-    import Alert from '$lib/components/alert.svelte';
-    import InputChoice from '$lib/elements/forms/inputChoice.svelte';
 
     export let data: PageData;
 
@@ -159,25 +153,7 @@
         {#each data.documents.documents as document}
             <TableRowLink
                 href={`${base}/console/project-${projectId}/databases/database-${databaseId}/collection-${$collection.$id}/document-${document.$id}`}>
-                <TableCell>
-                    <InputCheckbox
-                        id="select-{document.$id}"
-                        value={selectedDb.includes(document.$id)}
-                        on:click={(e) => {
-                            // Prevent the link from being followed
-                            e.preventDefault();
-                            const el = e.currentTarget;
-                            if (!isHTMLInputElement(el)) return;
-
-                            selectedDb = toggle(selectedDb, document.$id);
-
-                            // Hack to make sure the checkbox is checked, independent of the
-                            // preventDefault() call above
-                            window.setTimeout(() => {
-                                el.checked = selectedDb.includes(document.$id);
-                            });
-                        }} />
-                </TableCell>
+                <TableCellCheck bind:selectedIds={selectedDb} id={document.$id} />
 
                 <TableCell width={150}>
                     <Id value={document.$id}>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/table.svelte
index e045bdbcb..22305fee2 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/table.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/table.svelte
@@ -7,10 +7,10 @@
     import FloatingActionBar from '$lib/components/floatingActionBar.svelte';
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
-    import InputCheckbox from '$lib/elements/forms/inputCheckbox.svelte';
     import {
         TableBody,
         TableCell,
+        TableCellCheck,
         TableCellHead,
         TableCellHeadCheck,
         TableCellText,
@@ -18,9 +18,7 @@
         TableRowLink,
         TableScroll
     } from '$lib/elements/table';
-    import { toggle } from '$lib/helpers/array';
     import { toLocaleDateTime } from '$lib/helpers/date';
-    import { isHTMLInputElement } from '$lib/helpers/types';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
     import type { PageData } from './$types';
@@ -76,25 +74,7 @@
         {#each data.collections.collections as collection}
             <TableRowLink
                 href={`${base}/console/project-${projectId}/databases/database-${databaseId}/collection-${collection.$id}`}>
-                <TableCell>
-                    <InputCheckbox
-                        id="select-{collection.$id}"
-                        value={selected.includes(collection.$id)}
-                        on:click={(e) => {
-                            // Prevent the link from being followed
-                            e.preventDefault();
-                            const el = e.currentTarget;
-                            if (!isHTMLInputElement(el)) return;
-
-                            selected = toggle(selected, collection.$id);
-
-                            // Hack to make sure the checkbox is checked, independent of the
-                            // preventDefault() call above
-                            window.setTimeout(() => {
-                                el.checked = selected.includes(collection.$id);
-                            });
-                        }} />
-                </TableCell>
+                <TableCellCheck bind:selectedIds={selected} id={collection.$id} />
                 {#each $columns as column}
                     {#if column.show}
                         {#if column.id === '$id'}
diff --git a/src/routes/console/project-[project]/databases/table.svelte b/src/routes/console/project-[project]/databases/table.svelte
index 7b636eb68..0477187a4 100644
--- a/src/routes/console/project-[project]/databases/table.svelte
+++ b/src/routes/console/project-[project]/databases/table.svelte
@@ -6,8 +6,7 @@
     import { Id, Modal } from '$lib/components';
     import FloatingActionBar from '$lib/components/floatingActionBar.svelte';
     import { Dependencies } from '$lib/constants';
-    import Button from '$lib/elements/forms/button.svelte';
-    import InputCheckbox from '$lib/elements/forms/inputCheckbox.svelte';
+    import { Button } from '$lib/elements/forms';
     import {
         TableBody,
         TableCell,
@@ -16,11 +15,10 @@
         TableCellText,
         TableHeader,
         TableRowLink,
-        TableScroll
+        TableScroll,
+        TableCellCheck
     } from '$lib/elements/table';
-    import { toggle } from '$lib/helpers/array';
     import { toLocaleDateTime } from '$lib/helpers/date';
-    import { isHTMLInputElement } from '$lib/helpers/types';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
     import type { PageData } from './$types';
@@ -73,25 +71,7 @@
         {#each data.databases.databases as database}
             <TableRowLink
                 href={`${base}/console/project-${projectId}/databases/database-${database.$id}`}>
-                <TableCell>
-                    <InputCheckbox
-                        id="select-{database.$id}"
-                        value={selected.includes(database.$id)}
-                        on:click={(e) => {
-                            // Prevent the link from being followed
-                            e.preventDefault();
-                            const el = e.currentTarget;
-                            if (!isHTMLInputElement(el)) return;
-
-                            selected = toggle(selected, database.$id);
-
-                            // Hack to make sure the checkbox is checked, independent of the
-                            // preventDefault() call above
-                            window.setTimeout(() => {
-                                el.checked = selected.includes(database.$id);
-                            });
-                        }} />
-                </TableCell>
+                <TableCellCheck bind:selectedIds={selected} id={database.$id} />
                 {#each $columns as column}
                     {#if column.show}
                         {#if column.id === '$id'}

From bf9617e71f629b783faa2f20c15237c9112e0e04 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 8 Aug 2023 16:43:08 +0100
Subject: [PATCH 122/128] small changes

---
 .../collection-[collection]/+page.svelte                 | 4 ++--
 .../collection-[collection]/filters.svelte               | 9 +--------
 .../settings/migrations/(import)/step1.svelte            | 7 ++++---
 3 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
index 76b243db1..c63a30d7a 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
@@ -41,7 +41,7 @@
 </script>
 
 <Container>
-    <div class="cool-grid u-main-justify-between u-cross-center">
+    <div class="heading-grid u-main-justify-between u-cross-center">
         <Heading tag="h2" size="5">Documents</Heading>
 
         <Filters />
@@ -110,7 +110,7 @@
 <CreateAttribute bind:showCreate={showCreateAttribute} selectedOption={selectedAttribute} />
 
 <style lang="scss">
-    .cool-grid {
+    .heading-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 2rem;
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
index 63dd4a7a2..bf33076df 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
@@ -241,7 +241,7 @@
             </Button>
         </form>
 
-        <ul class="tags">
+        <ul class="u-flex u-flex-wrap u-cross-center u-gap-8 u-margin-block-start-16 tags">
             {#each $tags as tag (tag)}
                 <button
                     class="tag"
@@ -285,13 +285,6 @@
     }
 
     .tags {
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-        gap: 0.5rem;
-
-        margin-block-start: 1rem;
-
         :global(b) {
             font-weight: bold;
         }
diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
index 8e51ea1e4..99dc18e26 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/step1.svelte
@@ -112,9 +112,10 @@
             {/each}
 
             <p class="u-text-center u-margin-block-start-24">
-                Signed in as test@test.com <button
-                    class="u-bold"
-                    on:click|preventDefault={deauthorizeGoogle}>Sign Out?</button>
+                Signed in
+                <button class="u-bold" on:click|preventDefault={deauthorizeGoogle}>
+                    Sign Out?
+                </button>
             </p>
         {/if}
         <button

From 1c38e701fd8e8cf96d81fbd55a61e845ab0c33e7 Mon Sep 17 00:00:00 2001
From: "Thomas G. Lopes" <26071571+TGlide@users.noreply.github.com>
Date: Wed, 9 Aug 2023 13:23:06 +0100
Subject: [PATCH 123/128] Update
 src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts

Co-authored-by: Christy Jacob <christyjacob4@gmail.com>
---
 .../database-[database]/collection-[collection]/+page.ts        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
index d6ac14931..86759c949 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
@@ -31,7 +31,7 @@ export const load: PageLoad = async ({ params, depends, url, route }) => {
             [
                 Query.limit(limit),
                 Query.offset(offset),
-                Query.orderDesc('$createdAt'),
+                Query.orderDesc(''),
                 ...parsedQueries.values()
             ]
         )

From 5d4d2ff1b92337cc6a5a04110ba8b8c7ec560a84 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 9 Aug 2023 13:23:44 +0100
Subject: [PATCH 124/128] review changes

---
 .../database-[database]/collection-[collection]/+page.ts         | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
index 86759c949..b3ecc7c64 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
@@ -19,7 +19,6 @@ export const load: PageLoad = async ({ params, depends, url, route }) => {
 
     const queries = url.searchParams.get('query');
     const parsedQueries = queryParamToMap(queries || '[]');
-    console.log(parsedQueries);
 
     return {
         offset,

From 3164453655394beadeb93e1fe87b94f63c8ce2e0 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 9 Aug 2023 13:36:30 +0100
Subject: [PATCH 125/128] add command tracking

---
 src/lib/commandCenter/commands.ts | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/lib/commandCenter/commands.ts b/src/lib/commandCenter/commands.ts
index b174bc6ec..56c3d18d2 100644
--- a/src/lib/commandCenter/commands.ts
+++ b/src/lib/commandCenter/commands.ts
@@ -4,6 +4,7 @@ import { wizard } from '$lib/stores/wizard';
 import { onMount } from 'svelte';
 import { derived, writable } from 'svelte/store';
 import { nanoid } from 'nanoid/non-secure';
+import { trackEvent } from '$lib/actions/analytics';
 
 const groups = [
     'ungrouped',
@@ -212,7 +213,18 @@ export const registerCommands = {
 
         runner((newCommands: Command[]) => {
             commandMap.update((curr) => {
-                curr.set(uuid, newCommands);
+                const commandsWithTracking = newCommands.map((command) => {
+                    const trackingCallback = () => {
+                        if (command.label) {
+                            trackEvent('command', { label: command.label, group: command.group });
+                        }
+                        command.callback();
+                    };
+
+                    return { ...command, callback: trackingCallback };
+                });
+
+                curr.set(uuid, commandsWithTracking);
                 return curr;
             });
         });

From 6d9a52825997709e8c7421db269c5809e900b38e Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 9 Aug 2023 15:36:36 +0100
Subject: [PATCH 126/128] filtering mobile

---
 src/lib/components/viewSelector.svelte        |   3 +-
 .../(filters)/content.svelte                  | 189 +++++++++++
 .../(filters)/filters.svelte                  |  91 ++++++
 .../(filters)/store.ts                        |  74 +++++
 .../collection-[collection]/+page.svelte      |  35 +-
 .../collection-[collection]/+page.ts          |  11 +-
 .../collection-[collection]/filters.svelte    | 301 ------------------
 7 files changed, 387 insertions(+), 317 deletions(-)
 create mode 100644 src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/content.svelte
 create mode 100644 src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/filters.svelte
 create mode 100644 src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/store.ts
 delete mode 100644 src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte

diff --git a/src/lib/components/viewSelector.svelte b/src/lib/components/viewSelector.svelte
index 82d7d499b..5daf070eb 100644
--- a/src/lib/components/viewSelector.svelte
+++ b/src/lib/components/viewSelector.svelte
@@ -23,6 +23,7 @@
     export let hideView = false;
     export let hideColumns = false;
     export let allowNoColumns = false;
+    export let showColsTextMobile = false;
 
     let showSelectColumns = false;
 
@@ -84,7 +85,7 @@
                         class="icon-view-boards u-opacity-50"
                         aria-hidden="true"
                         aria-label="columns" />
-                    <span class="text is-only-desktop">Columns</span>
+                    <span class="text {showColsTextMobile ? '' : 'is-only-desktop'}">Columns</span>
                     <span class="inline-tag">{selectedColumnsNumber}</span>
                 </Button>
                 <svelte:fragment slot="list">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/content.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/content.svelte
new file mode 100644
index 000000000..488dcaf22
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/content.svelte
@@ -0,0 +1,189 @@
+<script lang="ts">
+    import { Button, InputNumber } from '$lib/elements/forms';
+    import InputSelect from '$lib/elements/forms/inputSelect.svelte';
+    import InputText from '$lib/elements/forms/inputText.svelte';
+    import { Query } from '@appwrite.io/console';
+    import { createEventDispatcher } from 'svelte';
+    import { columns } from '../store';
+    import { tags, type Column, type Operator, queries } from './store';
+
+    const dispatch = createEventDispatcher<{
+        clear: void;
+        apply: { applied: number };
+    }>();
+
+    let columnId: string | null = null;
+    $: column = $columns.find((c) => c.id === columnId) as Column;
+
+    dispatch('apply', { applied: $tags.length });
+
+    const operators: Record<string, Operator> = {
+        'starts with': {
+            toQuery: Query.startsWith,
+            toTag: (attribute, input) => `**${attribute}** starts with **${input}**`,
+            types: ['string']
+        },
+        'ends with': {
+            toQuery: Query.endsWith,
+            toTag: (attribute, input) => `**${attribute}** ends with **${input}**`,
+            types: ['string']
+        },
+        'greater than': {
+            toQuery: (attr, input) => Query.greaterThan(attr, Number(input)),
+            toTag: (attribute, input) => `**${attribute}** greater than **${input}**`,
+            types: ['integer', 'double']
+        },
+        'greater than or equal to': {
+            toQuery: (attr, input) => Query.greaterThanEqual(attr, Number(input)),
+            toTag: (attribute, input) => `**${attribute}** greater than or equal to **${input}**`,
+            types: ['integer', 'double']
+        },
+        'less than': {
+            toQuery: Query.lessThan,
+            toTag: (attribute, input) => `**${attribute}** less than **${input}**`,
+            types: ['integer', 'double']
+        },
+        'less than or equal to': {
+            toQuery: Query.lessThanEqual,
+            toTag: (attribute, input) => `**${attribute}** less than or equal to **${input}**`,
+            types: ['integer', 'double']
+        },
+        equal: {
+            toQuery: Query.equal,
+            toTag: (attribute, input) => `**${attribute}** equal to **${input}**`,
+            types: ['string', 'integer', 'double']
+        },
+        'not null': {
+            toQuery: Query.isNotNull,
+            toTag: (attribute) => `**${attribute}** is not null`,
+            types: ['string', 'integer', 'double', 'boolean', 'datetime', 'relationship'],
+            hideInput: true
+        },
+        null: {
+            toQuery: Query.isNull,
+            toTag: (attribute) => `**${attribute}** is null`,
+            types: ['string', 'integer', 'double', 'boolean', 'datetime', 'relationship'],
+            hideInput: true
+        }
+    };
+
+    $: operatorsForColumn = Object.entries(operators)
+        .filter(([_, v]) => v.types.includes(column?.type))
+        .map(([k]) => ({
+            label: k,
+            value: k
+        }));
+
+    let operatorKey: string | null = null;
+    $: operator = operatorKey ? operators[operatorKey] : null;
+    $: {
+        columnId;
+        operatorKey = null;
+    }
+
+    // We cast to any to not cause type errors in the input components
+    let value: any = null;
+
+    $: {
+        columnId;
+        value = null;
+    }
+
+    // This Map is keyed by tags, and has a query as the value
+    function addFilter() {
+        if (column && operator) {
+            queries.addFilter({ column, operator, value });
+            value = null;
+        }
+    }
+
+    function tagFormat(node: HTMLElement) {
+        node.innerHTML = node.innerHTML.replace(/\*\*(.*?)\*\*/g, '<b>$1</b>');
+    }
+
+    $: isDisabled = (function getDisabled() {
+        return !operator || (!operator?.hideInput && !value);
+    })();
+</script>
+
+<div>
+    <form on:submit|preventDefault={addFilter}>
+        <div class="selects u-flex u-gap-12 u-margin-block-start-16">
+            <InputSelect
+                id="column"
+                options={$columns.map((c) => ({
+                    label: c.title,
+                    value: c.id
+                }))}
+                placeholder="Select column"
+                bind:value={columnId} />
+            <InputSelect
+                id="operator"
+                disabled={!column}
+                options={operatorsForColumn}
+                placeholder="Select operator"
+                bind:value={operatorKey} />
+        </div>
+        {#if column && operator && !operator?.hideInput}
+            <div class="u-margin-block-start-16">
+                {#if column.type === 'integer' || column.type === 'double'}
+                    <InputNumber id="value" bind:value placeholder="Enter value" />
+                {:else}
+                    <InputText id="value" bind:value placeholder="Enter value" />
+                {/if}
+            </div>
+        {/if}
+        <Button text disabled={isDisabled} class="u-margin-block-start-12" submit>
+            <i class="icon-plus" />
+            Add filter
+        </Button>
+    </form>
+
+    <ul class="u-flex u-flex-wrap u-cross-center u-gap-8 u-margin-block-start-16 tags">
+        {#each $tags as tag (tag)}
+            <button
+                class="tag"
+                on:click={() => {
+                    queries.removeFilter(tag);
+                }}>
+                <span class="text" use:tagFormat>
+                    {tag}
+                </span>
+                <i class="icon-x" />
+            </button>
+        {/each}
+    </ul>
+</div>
+
+<style lang="scss">
+    .dropped {
+        border-radius: 0.5rem;
+        box-shadow: 0px 16px 32px 0px rgba(55, 59, 77, 0.04);
+
+        padding: 1rem;
+        margin-top: 0.5rem;
+
+        width: 37.5rem;
+    }
+
+    .selects {
+        :global(> *) {
+            flex: 1;
+        }
+    }
+
+    .tags {
+        :global(b) {
+            font-weight: bold;
+        }
+    }
+
+    hr {
+        height: 1px;
+        width: calc(100% + 2rem);
+        background-color: hsl(var(--color-border));
+
+        margin-block-start: 1rem;
+        margin-inline: -1rem;
+    }
+</style>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/filters.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/filters.svelte
new file mode 100644
index 000000000..5e4611cce
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/filters.svelte
@@ -0,0 +1,91 @@
+<script lang="ts">
+    import { Drop, Modal } from '$lib/components';
+    import Content from './content.svelte';
+    import { Button } from '$lib/elements/forms';
+    import { queries, tags } from './store';
+
+    // We need to separate them so we don't trigger Drop's handlers
+    let showFiltersDesktop = false;
+    let showFiltersMobile = false;
+
+    let applied = $tags.length;
+
+    function apply() {
+        queries.apply();
+        applied = $tags.length;
+    }
+
+    function clearAll() {
+        queries.clearAll();
+        queries.apply();
+        applied = 0;
+    }
+</script>
+
+<div class="is-not-mobile">
+    <Drop bind:show={showFiltersDesktop} noArrow>
+        <Button secondary on:click={() => (showFiltersDesktop = !showFiltersDesktop)}>
+            <i class="icon-filter u-opacity-50" />
+            Filters
+            {#if applied > 0}
+                <span class="inline-tag">
+                    {applied}
+                </span>
+            {/if}
+        </Button>
+        <svelte:fragment slot="list">
+            <div class="dropped card">
+                <p>Apply filter rules to refine the table view</p>
+                <Content
+                    on:apply={(e) => (applied = e.detail.applied)}
+                    on:clear={() => (applied = 0)} />
+                <hr />
+                <div class="u-flex u-margin-block-start-16 u-main-end u-gap-8">
+                    <Button text on:click={clearAll}>Clear all</Button>
+                    <Button on:click={apply}>Apply</Button>
+                </div>
+            </div>
+        </svelte:fragment>
+    </Drop>
+</div>
+
+<div class="is-only-mobile">
+    <Button secondary on:click={() => (showFiltersMobile = !showFiltersMobile)}>
+        <i class="icon-filter u-opacity-50" />
+        Filters
+        {#if applied > 0}
+            <span class="inline-tag">
+                {applied}
+            </span>
+        {/if}
+    </Button>
+
+    <Modal bind:show={showFiltersMobile} size="big">
+        <svelte:fragment slot="header">Filters</svelte:fragment>
+        <Content on:apply={(e) => (applied = e.detail.applied)} on:clear={() => (applied = 0)} />
+        <svelte:fragment slot="footer">
+            <Button text on:click={clearAll}>Clear all</Button>
+            <Button on:click={apply}>Apply</Button></svelte:fragment>
+    </Modal>
+</div>
+
+<style lang="scss">
+    .dropped {
+        border-radius: 0.5rem;
+        box-shadow: 0px 16px 32px 0px rgba(55, 59, 77, 0.04);
+
+        padding: 1rem;
+        margin-top: 0.5rem;
+
+        width: 37.5rem;
+
+        hr {
+            height: 1px;
+            width: calc(100% + 2rem);
+            background-color: hsl(var(--color-border));
+
+            margin-block-start: 1rem;
+            margin-inline: -1rem;
+        }
+    }
+</style>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/store.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/store.ts
new file mode 100644
index 000000000..9c9d7bff9
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/store.ts
@@ -0,0 +1,74 @@
+import { goto } from '$app/navigation';
+
+import { derived, get, writable, type Writable } from 'svelte/store';
+import type { columns } from '../store';
+
+const columnTypes = ['string', 'integer', 'double', 'boolean', 'datetime', 'relationship'] as const;
+type ColumnType = (typeof columnTypes)[number];
+
+type StoreValues<Store> = Store extends Writable<infer T> ? T : never;
+export type Column = Omit<StoreValues<typeof columns>[number], 'type'> & {
+    type: ColumnType;
+};
+
+export type Operator = {
+    toTag: (attribute: string, input?: string | number) => string;
+    toQuery: (attribute: string, input?: string | number) => string;
+    types: ColumnType[];
+    hideInput?: boolean;
+};
+
+export function mapToQueryParams(map: Map<string, string>) {
+    return encodeURIComponent(JSON.stringify(Array.from(map.entries())));
+}
+
+export function queryParamToMap(queryParam: string) {
+    const decodedQueryParam = decodeURIComponent(queryParam);
+    const queries = JSON.parse(decodedQueryParam) as [string, string][];
+    return new Map(queries);
+}
+
+function initQueries(initialValue = new Map<string, string>()) {
+    const queries = writable(initialValue);
+
+    type AddFilterArgs = {
+        operator: Operator;
+        column: Column;
+        value: string | number;
+    };
+
+    function addFilter({ column, operator, value }: AddFilterArgs) {
+        queries.update((map) => {
+            map.set(operator.toTag(column.id, value), operator.toQuery(column.id, value));
+            return map;
+        });
+    }
+
+    function removeFilter(tag: string) {
+        queries.update((map) => {
+            map.delete(tag);
+            return map;
+        });
+    }
+
+    function clearAll() {
+        queries.set(new Map());
+    }
+
+    function apply() {
+        const queryParam = mapToQueryParams(get(queries));
+        const currentLocation = window.location.pathname;
+        goto(`${currentLocation}?query=${queryParam}`);
+    }
+
+    return {
+        ...queries,
+        addFilter,
+        removeFilter,
+        clearAll,
+        apply
+    };
+}
+
+export const queries = initQueries();
+export const tags = derived(queries, ($queries) => Array.from($queries.keys()));
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
index c63a30d7a..39b72fc66 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
@@ -11,7 +11,7 @@
     import type { Option } from './attributes/store';
     import CreateAttribute from './createAttribute.svelte';
     import Create from './createDocument.svelte';
-    import Filters from './filters.svelte';
+    import Filters from './(filters)/filters.svelte';
     import { collection, columns } from './store';
     import Table from './table.svelte';
 
@@ -43,11 +43,7 @@
 <Container>
     <div class="heading-grid u-main-justify-between u-cross-center">
         <Heading tag="h2" size="5">Documents</Heading>
-
-        <Filters />
-
-        <div class="u-flex u-main-end u-gap-16 u-contents-mobile">
-            <ViewSelector view={data.view} {columns} isCustomCollection hideView allowNoColumns />
+        <div class="u-flex u-main-end is-only-mobile">
             <Button
                 disabled={!(hasAttributes && hasValidAttributes)}
                 on:click={openWizard}
@@ -56,6 +52,27 @@
                 <span class="text">Create document</span>
             </Button>
         </div>
+
+        <Filters />
+
+        <div class="u-flex u-main-end u-gap-16">
+            <ViewSelector
+                view={data.view}
+                {columns}
+                isCustomCollection
+                hideView
+                allowNoColumns
+                showColsTextMobile />
+            <div class="is-not-mobile">
+                <Button
+                    disabled={!(hasAttributes && hasValidAttributes)}
+                    on:click={openWizard}
+                    event="create_document">
+                    <span class="icon-plus" aria-hidden="true" />
+                    <span class="text">Create document</span>
+                </Button>
+            </div>
+        </div>
     </div>
 
     {#if hasAttributes && hasValidAttributes}
@@ -115,8 +132,10 @@
         grid-template-columns: 1fr 1fr;
         gap: 2rem;
 
-        > :global(h2) {
-            grid-column: span 2;
+        @media (min-width: 768px) {
+            :global(h2) {
+                grid-column: span 2;
+            }
         }
     }
 </style>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
index b3ecc7c64..9161f4f22 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
@@ -4,11 +4,7 @@ import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
 
-function queryParamToMap(queryParam: string) {
-    const decodedQueryParam = decodeURIComponent(queryParam);
-    const queries = JSON.parse(decodedQueryParam) as [string, string][];
-    return new Map(queries);
-}
+import { queries, queryParamToMap } from './(filters)/store';
 
 export const load: PageLoad = async ({ params, depends, url, route }) => {
     depends(Dependencies.DOCUMENTS);
@@ -17,8 +13,9 @@ export const load: PageLoad = async ({ params, depends, url, route }) => {
     const view = getView(url, route, View.Grid);
     const offset = pageToOffset(page, limit);
 
-    const queries = url.searchParams.get('query');
-    const parsedQueries = queryParamToMap(queries || '[]');
+    const paramQueries = url.searchParams.get('query');
+    const parsedQueries = queryParamToMap(paramQueries || '[]');
+    queries.set(parsedQueries);
 
     return {
         offset,
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
deleted file mode 100644
index bf33076df..000000000
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/filters.svelte
+++ /dev/null
@@ -1,301 +0,0 @@
-<script lang="ts" context="module">
-    const columnTypes = [
-        'string',
-        'integer',
-        'double',
-        'boolean',
-        'datetime',
-        'relationship'
-    ] as const;
-    type ColumnType = (typeof columnTypes)[number];
-
-    type StoreValues<Store> = Store extends Writable<infer T> ? T : never;
-    type Column = Omit<StoreValues<typeof columns>[number], 'type'> & {
-        type: ColumnType;
-    };
-
-    type Operator = {
-        toTag: (attribute: string, input?: string | number) => string;
-        toQuery: (attribute: string, input?: string | number) => string;
-        types: ColumnType[];
-        hideInput?: boolean;
-    };
-
-    function mapToQueryParams(map: Map<string, string>) {
-        return encodeURIComponent(JSON.stringify(Array.from(map.entries())));
-    }
-
-    function queryParamToMap(queryParam: string) {
-        const decodedQueryParam = decodeURIComponent(queryParam);
-        const queries = JSON.parse(decodedQueryParam) as [string, string][];
-        return new Map(queries);
-    }
-
-    function initQueries(initialValue = new Map<string, string>()) {
-        const queries = writable(initialValue);
-
-        type AddFilterArgs = {
-            operator: Operator;
-            column: Column;
-            value: string | number;
-        };
-
-        function addFilter({ column, operator, value }: AddFilterArgs) {
-            queries.update((map) => {
-                map.set(operator.toTag(column.id, value), operator.toQuery(column.id, value));
-                return map;
-            });
-        }
-
-        function removeFilter(tag: string) {
-            queries.update((map) => {
-                map.delete(tag);
-                return map;
-            });
-        }
-
-        function clearAll() {
-            queries.set(new Map());
-        }
-
-        function apply() {
-            const queryParam = mapToQueryParams(get(queries));
-            const currentLocation = window.location.pathname;
-            goto(`${currentLocation}?query=${queryParam}`);
-        }
-
-        return {
-            ...queries,
-            addFilter,
-            removeFilter,
-            clearAll,
-            apply
-        };
-    }
-</script>
-
-<script lang="ts">
-    import { goto } from '$app/navigation';
-    import { Drop } from '$lib/components';
-    import { Button, InputNumber } from '$lib/elements/forms';
-    import InputSelect from '$lib/elements/forms/inputSelect.svelte';
-    import InputText from '$lib/elements/forms/inputText.svelte';
-    import { Query } from '@appwrite.io/console';
-    import { derived, get, writable, type Writable } from 'svelte/store';
-    import { columns } from './store';
-    import { page } from '$app/stores';
-
-    let showFilters = false;
-
-    let columnId: string | null = null;
-    $: column = $columns.find((c) => c.id === columnId) as Column;
-
-    const queries = initQueries(queryParamToMap($page.url.searchParams.get('query') || '[]'));
-    const tags = derived(queries, ($queries) => Array.from($queries.keys()));
-
-    const operators: Record<string, Operator> = {
-        'starts with': {
-            toQuery: Query.startsWith,
-            toTag: (attribute, input) => `**${attribute}** starts with **${input}**`,
-            types: ['string']
-        },
-        'ends with': {
-            toQuery: Query.endsWith,
-            toTag: (attribute, input) => `**${attribute}** ends with **${input}**`,
-            types: ['string']
-        },
-        'greater than': {
-            toQuery: (attr, input) => Query.greaterThan(attr, Number(input)),
-            toTag: (attribute, input) => `**${attribute}** greater than **${input}**`,
-            types: ['integer', 'double']
-        },
-        'greater than or equal to': {
-            toQuery: (attr, input) => Query.greaterThanEqual(attr, Number(input)),
-            toTag: (attribute, input) => `**${attribute}** greater than or equal to **${input}**`,
-            types: ['integer', 'double']
-        },
-        'less than': {
-            toQuery: Query.lessThan,
-            toTag: (attribute, input) => `**${attribute}** less than **${input}**`,
-            types: ['integer', 'double']
-        },
-        'less than or equal to': {
-            toQuery: Query.lessThanEqual,
-            toTag: (attribute, input) => `**${attribute}** less than or equal to **${input}**`,
-            types: ['integer', 'double']
-        },
-        equal: {
-            toQuery: Query.equal,
-            toTag: (attribute, input) => `**${attribute}** equal to **${input}**`,
-            types: ['string', 'integer', 'double']
-        },
-        'not null': {
-            toQuery: Query.isNotNull,
-            toTag: (attribute) => `**${attribute}** is not null`,
-            types: ['string', 'integer', 'double', 'boolean', 'datetime', 'relationship'],
-            hideInput: true
-        },
-        null: {
-            toQuery: Query.isNull,
-            toTag: (attribute) => `**${attribute}** is null`,
-            types: ['string', 'integer', 'double', 'boolean', 'datetime', 'relationship'],
-            hideInput: true
-        }
-    };
-
-    $: operatorsForColumn = Object.entries(operators)
-        .filter(([_, v]) => v.types.includes(column?.type))
-        .map(([k]) => ({
-            label: k,
-            value: k
-        }));
-
-    let operatorKey: string | null = null;
-    $: operator = operatorKey ? operators[operatorKey] : null;
-    $: {
-        columnId;
-        operatorKey = null;
-    }
-
-    // We cast to any to not cause type errors in the input components
-    let value: any = null;
-
-    $: {
-        columnId;
-        value = null;
-    }
-
-    // This Map is keyed by tags, and has a query as the value
-    function addFilter() {
-        if (column && operator) {
-            queries.addFilter({ column, operator, value });
-            value = null;
-        }
-    }
-
-    function tagFormat(node: HTMLElement) {
-        node.innerHTML = node.innerHTML.replace(/\*\*(.*?)\*\*/g, '<b>$1</b>');
-    }
-
-    let applied = $queries.size;
-
-    function apply() {
-        queries.apply();
-        applied = $tags.length;
-        showFilters = false;
-    }
-
-    function clearAll() {
-        queries.clearAll();
-        queries.apply();
-        applied = 0;
-        showFilters = false;
-    }
-
-    $: isDisabled = (function getDisabled() {
-        return !operator || (!operator?.hideInput && !value);
-    })();
-</script>
-
-<Drop bind:show={showFilters} noArrow>
-    <Button secondary on:click={() => (showFilters = !showFilters)}>
-        <i class="icon-filter" />
-        Filters
-        {#if applied > 0}
-            <span class="inline-tag">
-                {applied}
-            </span>
-        {/if}
-    </Button>
-    <div class="dropped card" slot="list">
-        <form on:submit={addFilter}>
-            <p>Apply filter rules to refine the table view</p>
-            <div class="selects u-flex u-gap-12 u-margin-block-start-16">
-                <InputSelect
-                    id="column"
-                    options={$columns.map((c) => ({
-                        label: c.title,
-                        value: c.id
-                    }))}
-                    placeholder="Select column"
-                    bind:value={columnId} />
-                <InputSelect
-                    id="operator"
-                    disabled={!column}
-                    options={operatorsForColumn}
-                    placeholder="Select operator"
-                    bind:value={operatorKey} />
-            </div>
-            {#if column && operator && !operator?.hideInput}
-                <div class="u-margin-block-start-16">
-                    {#if column.type === 'integer' || column.type === 'double'}
-                        <InputNumber id="value" bind:value placeholder="Enter value" />
-                    {:else}
-                        <InputText id="value" bind:value placeholder="Enter value" />
-                    {/if}
-                </div>
-            {/if}
-            <Button text disabled={isDisabled} class="u-margin-block-start-12" submit>
-                <i class="icon-plus" />
-                Add filter
-            </Button>
-        </form>
-
-        <ul class="u-flex u-flex-wrap u-cross-center u-gap-8 u-margin-block-start-16 tags">
-            {#each $tags as tag (tag)}
-                <button
-                    class="tag"
-                    on:click={() => {
-                        queries.removeFilter(tag);
-                    }}>
-                    <span class="text" use:tagFormat>
-                        {tag}
-                    </span>
-                    <i class="icon-x" />
-                </button>
-            {/each}
-        </ul>
-        <hr />
-        <div class="u-flex u-margin-block-start-16 u-main-end u-gap-8">
-            <Button text on:click={clearAll}>Clear all</Button>
-            <Button on:click={apply}>Apply</Button>
-        </div>
-    </div>
-</Drop>
-
-<style lang="scss">
-    .icon-filter {
-        color: hsl(var(--color-neutral-50));
-    }
-
-    .dropped {
-        border-radius: 0.5rem;
-        box-shadow: 0px 16px 32px 0px rgba(55, 59, 77, 0.04);
-
-        padding: 1rem;
-        margin-top: 0.5rem;
-
-        width: 37.5rem;
-    }
-
-    .selects {
-        :global(> *) {
-            flex: 1;
-        }
-    }
-
-    .tags {
-        :global(b) {
-            font-weight: bold;
-        }
-    }
-
-    hr {
-        height: 1px;
-        width: calc(100% + 2rem);
-        background-color: hsl(var(--color-border));
-
-        margin-block-start: 1rem;
-        margin-inline: -1rem;
-    }
-</style>

From 5d5f6a0c0f70f04e4aec0be6771c6938adcc9faa Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 10 Aug 2023 00:02:03 +0100
Subject: [PATCH 127/128] file changes

---
 src/lib/commandCenter/searchers/files.ts    | 2 +-
 src/lib/commandCenter/searchers/projects.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/commandCenter/searchers/files.ts b/src/lib/commandCenter/searchers/files.ts
index 3ae581882..a07ed3b32 100644
--- a/src/lib/commandCenter/searchers/files.ts
+++ b/src/lib/commandCenter/searchers/files.ts
@@ -12,7 +12,7 @@ export const fileSearcher = (async (query: string) => {
 
     const { files } = await sdk.forProject.storage.listFiles(
         $bucket.$id,
-        [Query.orderDesc('$createdAt')],
+        [Query.orderDesc('')],
         query || undefined
     );
 
diff --git a/src/lib/commandCenter/searchers/projects.ts b/src/lib/commandCenter/searchers/projects.ts
index 79b6d7318..c89c2e88f 100644
--- a/src/lib/commandCenter/searchers/projects.ts
+++ b/src/lib/commandCenter/searchers/projects.ts
@@ -8,7 +8,7 @@ import type { Searcher } from '../commands';
 export const projectsSearcher = (async (query: string) => {
     const { projects } = await sdk.forConsole.projects.list([
         Query.equal('teamId', get(organization).$id),
-        Query.orderDesc('$createdAt')
+        Query.orderDesc('')
     ]);
 
     return projects

From af6480a4b3913a228a7ae1434b9651965d1508a4 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Thu, 10 Aug 2023 00:07:29 +0100
Subject: [PATCH 128/128] small changes

---
 .../settings/migrations/(import)/wizard.svelte   | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
index 2003dbb64..9bf9a3760 100644
--- a/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/console/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -24,18 +24,18 @@
 
             switch ($provider.provider) {
                 case 'appwrite': {
-                    const res = await sdk.forProject.migrations.createAppwriteMigration(
+                    await sdk.forProject.migrations.createAppwriteMigration(
                         resources,
                         $provider.endpoint,
                         $provider.projectID,
                         $provider.apiKey
                     );
-                    console.log('appwrite', res);
+
                     invalidate(Dependencies.MIGRATIONS);
                     break;
                 }
                 case 'supabase': {
-                    const res = await sdk.forProject.migrations.createSupabaseMigration(
+                    await sdk.forProject.migrations.createSupabaseMigration(
                         resources,
                         $provider.endpoint,
                         $provider.apiKey,
@@ -44,27 +44,25 @@
                         $provider.password,
                         $provider.port
                     );
-                    console.log('Supabase', res);
+
                     invalidate(Dependencies.MIGRATIONS);
                     break;
                 }
                 case 'firebase': {
-                    console.log('firebase', $provider.serviceAccount);
                     if ($provider.projectId) {
                         // OAuth
                     } else if ($provider.serviceAccount) {
                         // Manual auth
-                        const res = await sdk.forProject.migrations.createFirebaseMigration(
+                        await sdk.forProject.migrations.createFirebaseMigration(
                             resources,
                             $provider.serviceAccount
                         );
-                        console.log('Firebase', res);
                     }
                     invalidate(Dependencies.MIGRATIONS);
                     break;
                 }
                 case 'nhost': {
-                    const res = await sdk.forProject.migrations.createNHostMigration(
+                    await sdk.forProject.migrations.createNHostMigration(
                         resources,
                         $provider.subdomain,
                         $provider.region,
@@ -73,7 +71,7 @@
                         $provider.username,
                         $provider.password
                     );
-                    console.log('nhost', res);
+
                     invalidate(Dependencies.MIGRATIONS);
                     break;
                 }