diff --git a/package.json b/package.json
index cea849a4..938216e5 100644
--- a/package.json
+++ b/package.json
@@ -28,10 +28,10 @@
     ],
     "devDependencies": {
         "@vitejs/plugin-vue": "^5.0.4",
-        "@vitest/browser": "^1.5.3",
-        "@vitest/ui": "^1.5.3",
-        "vite": "^5.2.10",
-        "vitest": "^1.5.3",
+        "@vitest/browser": "^1.6.0",
+        "@vitest/ui": "^1.6.0",
+        "vite": "^5.2.11",
+        "vitest": "^1.6.0",
         "vue": "^3.4.26"
     }
 }
\ No newline at end of file
diff --git a/packages/darkroom/package.json b/packages/darkroom/package.json
index bb532786..d82b0a41 100644
--- a/packages/darkroom/package.json
+++ b/packages/darkroom/package.json
@@ -40,14 +40,14 @@
     },
     "devDependencies": {
         "@types/path-browserify": "^1.0.2",
-        "@vitest/browser": "^1.5.3",
-        "@vitest/ui": "^1.5.3",
+        "@vitest/browser": "^1.6.0",
+        "@vitest/ui": "^1.6.0",
         "playwright": "^1.43.1",
         "rimraf": "^5.0.5",
         "typescript": "^5.4.5",
-        "vite": "^5.2.10",
-        "vite-plugin-dts": "^3.9.0",
-        "vitest": "^1.5.3"
+        "vite": "^5.2.11",
+        "vite-plugin-dts": "^3.9.1",
+        "vitest": "^1.6.0"
     },
     "optionalDependencies": {
         "@codemirror/lang-javascript": "^6.2.2",
diff --git a/packages/safelight/package.json b/packages/safelight/package.json
index 44cd4b41..256fb690 100644
--- a/packages/safelight/package.json
+++ b/packages/safelight/package.json
@@ -1,5 +1,5 @@
 {
-    "name": "safelight",
+    "name": "@safelight/safelight",
     "version": "1.0.0",
     "description": "A extensible, browser based, video editor",
     "private": true,
@@ -28,11 +28,9 @@
         "@vueuse/integrations": "^10.9.0",
         "@vueuse/math": "^10.9.0",
         "@vueuse/rxjs": "^10.9.0",
-        "change-case": "^5.4.4",
         "dexie": "^3.2.7",
         "fuzzysearch": "^1.0.3",
         "hash-wasm": "^4.11.0",
-        "lodash": "^4.17.21",
         "luxon": "^3.4.4",
         "mime-matcher": "^1.0.5",
         "monaco-editor": "^0.46.0",
@@ -46,7 +44,6 @@
     },
     "devDependencies": {
         "@babel/types": "^7.24.5",
-        "@iconify-json/ph": "^1.1.12",
         "@tsconfig/node20": "^20.1.4",
         "@types/dom-webcodecs": "^0.1.11",
         "@types/fuzzysearch": "^1.0.2",
@@ -73,14 +70,14 @@
         "strip-ansi": "^7.1.0",
         "tailwindcss": "^3.4.3",
         "ts-node-dev": "^2.0.0",
-        "tsx": "^4.8.2",
+        "tsx": "^4.9.1",
         "typescript": "^5.4.5",
         "typescript-eslint": "^7.8.0",
         "unplugin-auto-import": "^0.17.5",
         "unplugin-turbo-console": "^1.8.6",
         "unplugin-vue-components": "^0.26.0",
         "unplugin-vue-router": "^0.8.6",
-        "vite": "^5.2.10",
+        "vite": "^5.2.11",
         "vite-plugin-mkcert": "^1.17.5",
         "vue-tsc": "^2.0.16"
     }
diff --git a/packages/safelight/src/components/Editor/Library/Library.vue b/packages/safelight/src/components/Editor/Library/Library.vue
index d5ee4f25..e24b767f 100644
--- a/packages/safelight/src/components/Editor/Library/Library.vue
+++ b/packages/safelight/src/components/Editor/Library/Library.vue
@@ -1,8 +1,6 @@
 <template>
     <DataView
         :value="sortedAndFiltered"
-        scrollable
-        scroll-height="400px"
         class="flex h-full flex-col"
         data-key="id"
         :pt="{
@@ -10,7 +8,7 @@
                 class: 'p-1'
             },
             content: {
-                style: 'flex: 1;'
+                style: 'flex-shrink: 1; min-height: 0;'
             },
             emptyMessage: {
                 style: 'height: 100%;'
@@ -59,7 +57,7 @@
         </template>
         <template #list="{ items }: { items: Media[] }">
             <div
-                class="grid-nogutter grid h-full select-none"
+                class="grid-nogutter grid h-full select-none overflow-y-auto"
                 role="grid"
                 style="
                     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
@@ -67,16 +65,9 @@
                 "
                 @dblclick.self="fileDialogOpenDblClick"
             >
-                <div
-                    v-for="item in items"
-                    :key="item.id"
-                    role="gridcell"
-                    class="border-round m-1 flex min-h-32 select-text flex-col rounded-md border-solid border-white/10"
-                    style="border-width: 1px"
-                    :aria-label="item.name.value"
-                >
+                <template v-for="item in items" :key="item.id">
                     <LibraryItem :item="item" />
-                </div>
+                </template>
             </div>
         </template>
         <template #empty>
@@ -173,8 +164,6 @@ function sortAndFilter() {
                 return item1.duration.value - item2.duration.value;
             case 'File type':
                 return collator.compare(ext1, ext2);
-            case 'Media type':
-                return collator.compare(item1.type.toString(), item1.type.toString());
             default:
                 return collator.compare(item1.name.value, item2.name.value);
         }
@@ -189,5 +178,5 @@ function fileDialogOpenDblClick(event: MouseEvent) {
     fileDialog.open();
 }
 
-type sortOptions = 'Name' | 'Duration' | 'File type' | 'Media type';
+type sortOptions = 'Name' | 'Duration' | 'File type';
 </script>
diff --git a/packages/safelight/src/components/Editor/Library/LibraryItem.vue b/packages/safelight/src/components/Editor/Library/LibraryItem.vue
index c3a936d0..031581a4 100644
--- a/packages/safelight/src/components/Editor/Library/LibraryItem.vue
+++ b/packages/safelight/src/components/Editor/Library/LibraryItem.vue
@@ -1,40 +1,69 @@
 <template>
     <div
-        class="bg-checkerboard flex aspect-video w-full items-center justify-center overflow-clip rounded-t-md"
+        role="gridcell"
+        class="border-round m-1 flex min-h-44 select-text flex-col rounded-md border-solid border-white/10"
+        style="border-width: 1px"
+        :aria-label="item.name.value"
     >
-        <img
-            v-if="$props.item.previewImage.value"
-            class="overflow-none max-h-full max-w-full"
-            :aria-label="'Preview image for ' + $props.item.name.value"
-            :src="$props.item.previewImage.value"
-        />
-        <Skeleton
-            v-else
-            class="max-h-full max-w-full rounded-none rounded-t-md"
-            height="100%"
-            width="100%"
-        />
-    </div>
-    <div class="flex items-center gap-1 px-1">
-        <p
-            v-tooltip.bottom="{ value: $props.item.name.value, showDelay: 500 }"
-            class="flex-1 overflow-x-hidden overflow-ellipsis whitespace-nowrap text-base"
+        <div
+            class="bg-checkerboard relative flex aspect-video w-full items-center justify-center overflow-clip rounded-t-md"
         >
-            {{ $props.item.name.value }}
-        </p>
-        <Button
-            title="Options"
-            text
-            rounded
-            severity="secondary"
-            aria-haspopup="true"
-            aria-controls="library_item_menu"
-            @click="overlay?.show"
-        >
-            <template #icon>
-                <PhDotsThreeVertical size="20" />
-            </template>
-        </Button>
+            <img
+                v-if="item.previewImage.value"
+                class="overflow-none max-h-full max-w-full"
+                :aria-label="'Preview image for ' + item.name.value"
+                :src="item.previewImage.value"
+            />
+            <Skeleton
+                v-else
+                class="max-h-full max-w-full rounded-none rounded-t-md"
+                height="100%"
+                width="100%"
+            />
+            <div class="mediaType">
+                <PhVideoCamera
+                    v-if="item.isOfType(MediaType.Video)"
+                    weight="bold"
+                    aria-label="Media has video"
+                />
+                <PhSpeakerHigh
+                    v-if="item.isOfType(MediaType.Audio)"
+                    weight="bold"
+                    aria-label="Media has audio"
+                />
+                <PhSubtitles
+                    v-if="item.isOfType(MediaType.Text)"
+                    weight="bold"
+                    aria-label="Media has subtitles"
+                />
+                <PhImage
+                    v-if="item.isOfType(MediaType.Image)"
+                    weight="bold"
+                    aria-label="Media is an image"
+                />
+            </div>
+        </div>
+        <div class="flex items-center gap-1 px-1">
+            <p
+                v-tooltip.bottom="{ value: item.name.value, showDelay: 500 }"
+                class="line-clamp-2 flex-1 text-base"
+            >
+                {{ item.name.value }}
+            </p>
+            <Button
+                title="Options"
+                text
+                rounded
+                severity="secondary"
+                aria-haspopup="true"
+                aria-controls="library_item_menu"
+                @click="overlay?.toggle"
+            >
+                <template #icon>
+                    <PhDotsThreeVertical size="20" />
+                </template>
+            </Button>
+        </div>
     </div>
     <OverlayPanel
         id="library_item_menu"
@@ -78,9 +107,9 @@
     </OverlayPanel>
 </template>
 <script setup lang="ts">
-import { PhTrash, type PhDotsThreeVertical } from '@phosphor-icons/vue';
 import { ProjectFeatures } from '@safelight/shared/base/Project';
 import type Media from '@safelight/shared/Media/Media';
+import { MediaType } from '@safelight/shared/Media/Media';
 import type Menu from 'primevue/menu';
 import type { MenuItem } from 'primevue/menuitem';
 import type OverlayPanel from 'primevue/overlaypanel';
@@ -107,10 +136,22 @@ const alertt = (text: string) => window.alert(text);
 const overlay = ref<OverlayPanel>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .bg-checkerboard {
     /* This is beautifully simple
        https://stackoverflow.com/a/65129916 */
     background: repeating-conic-gradient(#ffffff0a 0% 25%, transparent 0% 50%) 50% / 20px 20px;
 }
+
+.mediaType {
+    @apply left-0 top-0 h-full w-full gap-2 p-2;
+
+    position: absolute;
+    display: flex;
+
+    justify-content: end;
+    align-items: end;
+
+    background: radial-gradient(circle at 100% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 50%);
+}
 </style>
diff --git a/packages/safelight/src/components/Editor/Timeline/Timeline.vue b/packages/safelight/src/components/Editor/Timeline/Timeline.vue
index 44b4e58c..acaea47a 100644
--- a/packages/safelight/src/components/Editor/Timeline/Timeline.vue
+++ b/packages/safelight/src/components/Editor/Timeline/Timeline.vue
@@ -1,5 +1,5 @@
 <template>
-    <SLTimeline :items="items" />
+    <SLTimeline class="h-full" :items="items" />
 </template>
 
 <script setup lang="ts">
diff --git a/packages/safelight/src/components/Panels/EmptyPanel.vue b/packages/safelight/src/components/Panels/EmptyPanel.vue
new file mode 100644
index 00000000..3a13273d
--- /dev/null
+++ b/packages/safelight/src/components/Panels/EmptyPanel.vue
@@ -0,0 +1,5 @@
+<template>
+    <div style="flex: 1; display: grid; place-items: center">
+        <p>No page</p>
+    </div>
+</template>
diff --git a/packages/safelight/src/components/Panels/LoadingPanel.vue b/packages/safelight/src/components/Panels/LoadingPanel.vue
new file mode 100644
index 00000000..1562e281
--- /dev/null
+++ b/packages/safelight/src/components/Panels/LoadingPanel.vue
@@ -0,0 +1,5 @@
+<template>
+    <div class="grid h-full w-full place-content-center">
+        <PhCircleNotch class="animate-spin" aria-label="Loading" size="48" />
+    </div>
+</template>
diff --git a/packages/safelight/src/components/Panels/PanelContainer.vue b/packages/safelight/src/components/Panels/PanelContainer.vue
new file mode 100644
index 00000000..f6952aa7
--- /dev/null
+++ b/packages/safelight/src/components/Panels/PanelContainer.vue
@@ -0,0 +1,48 @@
+<template>
+    <Splitter
+        :layout="config.splitDirection"
+        :pt="{
+            root: {
+                style: 'min-height: 0; height: 100%; border-radius: 0;'
+            }
+        }"
+        @resize="clearSelection"
+        @resizestart="dragStart"
+        @resizeend="dragEnd"
+    >
+        <SplitterPanel v-for="(split, i) in config.split" :key="i" :min-size="5">
+            <PanelContainer v-if="'splitDirection' in split" :config="split" />
+            <PanelGroup v-else :config="split" />
+        </SplitterPanel>
+    </Splitter>
+</template>
+
+<script setup lang="ts">
+import type { PanelSplitConfig } from './injection';
+
+defineProps<{
+    config: PanelSplitConfig;
+}>();
+
+// Save the selection range for when the drag ends
+// Could just remove the ranges when dragging, but this is nicer IMO
+let originalSelection: Range[] = [];
+
+function dragStart() {
+    originalSelection = [];
+    for (let index = 0; index < (getSelection()?.rangeCount ?? 0); index++) {
+        const element = getSelection()?.getRangeAt(index);
+        if (element) {
+            originalSelection.push(element);
+        }
+    }
+}
+function dragEnd() {
+    originalSelection.forEach((range) => {
+        getSelection()?.addRange(range);
+    });
+}
+function clearSelection() {
+    getSelection()?.removeAllRanges();
+}
+</script>
diff --git a/packages/safelight/src/components/Panels/PanelGroup.vue b/packages/safelight/src/components/Panels/PanelGroup.vue
new file mode 100644
index 00000000..519a4a14
--- /dev/null
+++ b/packages/safelight/src/components/Panels/PanelGroup.vue
@@ -0,0 +1,171 @@
+<template>
+    <div class="panel-group-menu flex h-full flex-col">
+        <div class="flex">
+            <!-- @vue-expect-error Its fine -->
+            <TabMenu :model="allTabs">
+                <!-- eslint-disable-next-line vue/no-template-shadow -->
+                <template #item="{ item, props, index }">
+                    <a
+                        v-ripple
+                        v-bind="props.action"
+                        class="align-items-center flex min-w-36 gap-1 p-2 pl-2 pr-1"
+                        @click="activeIndex = index"
+                    >
+                        <component :is="item.icon" class="mr-2" />
+                        <span class="flex-1 font-bold">{{ item.name }}</span>
+                        <Button
+                            rounded
+                            text
+                            severity="contrast"
+                            :aria-label="'Close panel ' + item.name"
+                            style="width: 20px; height: 20px; padding: 0"
+                            @click="removePanel(item as unknown as Panel)"
+                        >
+                            <template #icon>
+                                <PhX size="14" />
+                            </template>
+                        </Button>
+                    </a>
+                </template>
+            </TabMenu>
+            <div
+                class="flex flex-1 items-center justify-start"
+                style="border-bottom: 1px var(--surface-100) solid"
+            >
+                <Button
+                    rounded
+                    severity="contrast"
+                    text
+                    aria-haspopup="true"
+                    aria-controls="panel_add_menu"
+                    aria-label="Add panel menu"
+                    @click="addOverlay?.toggle"
+                >
+                    <template #icon>
+                        <PhPlus />
+                    </template>
+                </Button>
+            </div>
+        </div>
+        <div class="relative min-h-0 flex-1">
+            <Suspense>
+                <component :is="activeComponent" />
+            </Suspense>
+        </div>
+    </div>
+    <OverlayPanel
+        id="panel_add_menu"
+        ref="addOverlay"
+        :pt="{
+            content: {
+                style: 'padding: 0'
+            }
+        }"
+    >
+        <Menu
+            :model="allAvailablePanels"
+            :pt="{
+                root: {
+                    style: 'border: none;'
+                }
+            }"
+        >
+            <template #itemicon="{ item }">
+                <component :is="item.icon" class="mr-2" />
+            </template>
+        </Menu>
+    </OverlayPanel>
+</template>
+
+<script setup lang="ts">
+import PanelManager from '@safelight/shared/UI/Panels/PanelManager';
+import { createStaticVNode, createTextVNode, type StyleValue } from 'vue';
+import { type Panel, type PanelGroupConfig } from './injection';
+import LoadingPanel from './LoadingPanel.vue';
+import type OverlayPanel from 'primevue/overlaypanel';
+import type { MenuItem } from 'primevue/menuitem';
+
+const props = defineProps<{
+    config: PanelGroupConfig;
+    groupStyle?: StyleValue;
+}>();
+
+const activeIndex = ref(0);
+
+const allTabs = computed<Panel[]>(() => {
+    const panelGroup = props.config;
+    if (!panelGroup) return [];
+
+    return panelGroup.panels
+        .sort((p1, p2) => p1.order - p2.order)
+        .map(({ panelId }) => PanelManager.allPanels.get(panelId))
+        .filter((p) => !!p);
+});
+
+const activeTab = computed(() => {
+    const panelGroup = props.config;
+    if (!panelGroup) return;
+
+    const panel = panelGroup.panels[activeIndex.value];
+    return panel;
+});
+
+const activeComponent = ref<Component>();
+watchImmediate(activeTab, (tab) => {
+    if (!tab) return;
+
+    activeComponent.value = defineAsyncComponent({
+        loader:
+            PanelManager.allPanels.get(tab.panelId ?? '')?.component ??
+            (async () =>
+                createStaticVNode(
+                    `<div style="flex: 1; display: grid; place-items: center; height: 100%;">${tab.panelId}</div>`,
+                    1
+                )),
+        loadingComponent: LoadingPanel,
+        suspensible: true,
+        errorComponent: createTextVNode(tab.panelId),
+        timeout: 3000
+    });
+});
+
+const allAvailablePanels = computed<MenuItem[]>(() =>
+    Array.from(PanelManager.allPanels.values()).map<MenuItem>((panel) => ({
+        command: () => addPanel(panel),
+        icon: panel.icon as any,
+        label: panel.name
+    }))
+);
+
+const addOverlay = ref<OverlayPanel>();
+
+// TODO: Be able to send a signal to the top level to remove a panel from the group
+// OR, be able to modify the local config to affect the top config.
+function removePanel(panel: Panel) {
+    console.log('Remove', panel);
+}
+function addPanel(panel: Panel) {
+    console.log('Add', panel);
+}
+</script>
+
+<style lang="scss">
+.panel-group-menu {
+    .p-menuitem-link {
+        .p-button {
+            opacity: 0;
+            visibility: hidden;
+            transition: opacity 250ms 0s;
+        }
+
+        &:hover,
+        &:focus-within,
+        &:focus-visible {
+            .p-button {
+                opacity: 1;
+                visibility: visible;
+            }
+        }
+    }
+}
+</style>
diff --git a/packages/safelight/src/components/Panels/injection.ts b/packages/safelight/src/components/Panels/injection.ts
new file mode 100644
index 00000000..d55e007d
--- /dev/null
+++ b/packages/safelight/src/components/Panels/injection.ts
@@ -0,0 +1,40 @@
+import type { Component, InjectionKey, Ref } from 'vue';
+
+export const DRAGGING_PANEL = Symbol() as InjectionKey<DraggingPanelInject>;
+
+export interface DraggingPanelInject {
+    panel: Ref<Panel | undefined>;
+    setPanel: (panel: Panel | undefined) => void;
+}
+
+export interface Panel {
+    name: string;
+    icon: Component;
+    component: () => Promise<Component>;
+}
+
+export type SplitDirection = 'vertical' | 'horizontal';
+
+export type PanelViewConfig = PanelSplitConfig[];
+
+export interface PanelSplitConfig {
+    splitDirection: SplitDirection;
+    split?: (PanelSplitConfig | PanelGroupConfig)[];
+}
+export interface PanelGroupConfig {
+    id: string;
+    panels: PanelConfig[];
+    /**
+     * Active panel in this group
+     */
+    activePanelIndex: number;
+}
+
+export interface PanelConfig {
+    /**
+     * Panel ID from `PanelManager`
+     */
+    panelId: string;
+    order: number;
+    data?: any;
+}
diff --git a/packages/safelight/src/stores/EditorStore.ts b/packages/safelight/src/stores/EditorStore.ts
deleted file mode 100644
index e009a0cb..00000000
--- a/packages/safelight/src/stores/EditorStore.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { defineStore } from 'pinia';
-
-export const useEditorStore = defineStore('Editor', {
-    state: () => ({})
-});
diff --git a/packages/safelight/src/stores/useEditor.ts b/packages/safelight/src/stores/useEditor.ts
new file mode 100644
index 00000000..f28cbe8f
--- /dev/null
+++ b/packages/safelight/src/stores/useEditor.ts
@@ -0,0 +1,68 @@
+import type { PanelViewConfig } from '@/components/Panels/injection';
+import { PhFilmStrip, PhFolders, PhFrameCorners } from '@phosphor-icons/vue';
+import PanelManager from '@safelight/shared/UI/Panels/PanelManager';
+import { defineStore } from 'pinia';
+
+export const useEditor = defineStore('Editor', () => {
+    const activePanels = reactive<PanelViewConfig>([
+        {
+            splitDirection: 'horizontal',
+            split: [
+                {
+                    id: crypto.randomUUID(),
+                    activePanelIndex: 0,
+                    panels: [
+                        { order: 0, panelId: 'SL-Library' },
+                        { order: 1, panelId: 'SL-Timeline' },
+                        { order: 2, panelId: 'SL-Library' }
+                    ]
+                },
+                {
+                    id: crypto.randomUUID(),
+                    activePanelIndex: 0,
+                    panels: [{ order: 0, panelId: 'SL-Monitor' }]
+                }
+            ]
+        },
+        {
+            splitDirection: 'vertical',
+            split: [
+                {
+                    id: crypto.randomUUID(),
+                    activePanelIndex: 0,
+                    panels: [
+                        {
+                            order: 0,
+                            panelId: 'SL-Timeline'
+                        }
+                    ]
+                }
+            ]
+        }
+    ]);
+
+    function AddDefaultPanels() {
+        PanelManager.RegisterPanel('SL-Timeline', {
+            component: () => import('../components/Editor/Timeline/Timeline.vue'),
+            icon: PhFilmStrip,
+            name: 'Timeline'
+        });
+
+        PanelManager.RegisterPanel('SL-Library', {
+            component: () => import('../components/Editor/Library/Library.vue'),
+            icon: PhFolders,
+            name: 'Library'
+        });
+
+        PanelManager.RegisterPanel('SL-Monitor', {
+            component: () => import('../components/Editor/Monitor/Monitor.vue'),
+            icon: PhFrameCorners,
+            name: 'Monitor'
+        });
+    }
+
+    return {
+        activePanels,
+        AddDefaultPanels
+    };
+});
diff --git a/packages/safelight/src/style.scss b/packages/safelight/src/style.scss
index 238997d0..6deb5acf 100644
--- a/packages/safelight/src/style.scss
+++ b/packages/safelight/src/style.scss
@@ -66,13 +66,12 @@ body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 
-    // Might wanna change this in the future
-    display: flex;
-    min-height: 100vh;
+    height: 100dvh;
 
     #app {
-        flex-grow: 1;
-        min-height: 100%;
+        height: 100dvh;
+        display: flex;
+        flex-direction: column;
     }
 }
 
diff --git a/packages/safelight/src/views/Editor/Editor.vue b/packages/safelight/src/views/Editor/Editor.vue
index 5d6b6cfa..18f02a94 100644
--- a/packages/safelight/src/views/Editor/Editor.vue
+++ b/packages/safelight/src/views/Editor/Editor.vue
@@ -1,9 +1,9 @@
 <template>
-    <div v-if="CurrentProject.isLoaded.value" class="flex h-full w-full flex-col">
+    <template v-if="CurrentProject.isLoaded.value">
         <Toolbar
             :pt="{
                 root: {
-                    class: 'p-0'
+                    class: 'p-0 rounded-none'
                 }
             }"
         >
@@ -26,58 +26,23 @@
                 />
             </template>
         </Toolbar>
-        <Splitter layout="vertical" class="vertSlitter" @resize="clearSelection()">
-            <SplitterPanel>
-                <Splitter @resize="clearSelection()">
-                    <SplitterPanel>
-                        <TabView
-                            class="flex h-full flex-col"
-                            :pt="{
-                                panelContainer: {
-                                    class: 'flex-1'
-                                }
-                            }"
-                        >
-                            <TabPanel
-                                :pt="{
-                                    root: { class: 'h-full' }
-                                }"
-                            >
-                                <template #header>
-                                    <div class="flex items-center gap-2">
-                                        <PhFolders />
-                                        <span class="white-space-nowrap font-bold"> Library </span>
-                                    </div>
-                                </template>
-                                <Library />
-                            </TabPanel>
-                        </TabView>
-                    </SplitterPanel>
-                    <SplitterPanel>
-                        <Monitor
-                            v-if="CurrentProject.project.value?.timeline"
-                            :timeline="CurrentProject.project.value?.timeline"
-                            class="min-h-100 w-full"
-                        />
-                    </SplitterPanel>
-                </Splitter>
-            </SplitterPanel>
-            <SplitterPanel :size="40">
-                <Timeline class="h-full w-full" />
-            </SplitterPanel>
-        </Splitter>
-    </div>
+        <!-- Just default data for the first split -->
+        <PanelContainer :config="{ splitDirection: 'vertical', split: editor.activePanels }" />
+    </template>
     <ConfirmDialog group="noProjectDialog"> </ConfirmDialog>
 </template>
 
 <script setup lang="ts">
 import { router } from '@/main';
 import { PhFile } from '@phosphor-icons/vue';
-import type { MenuItem } from 'primevue/menuitem';
 import ConfirmDialog from 'primevue/confirmdialog';
+import type { MenuItem } from 'primevue/menuitem';
 import { useConfirm } from 'primevue/useconfirm';
 
 const project = useProject();
+const editor = useEditor();
+
+editor.AddDefaultPanels();
 
 const projectErrorDialog = useConfirm();
 
@@ -131,9 +96,6 @@ function showNoProjectDialog() {
     });
 }
 
-function clearSelection() {
-    document.getSelection()?.removeAllRanges();
-}
 watch(
     CurrentProject.project,
     (project) => {
@@ -152,12 +114,6 @@ onBeforeUnmount(async () => {
 });
 </script>
 
-<style lang="scss" scoped>
-.vertSlitter {
-    height: 100%;
-}
-</style>
-
 <route lang="json">
 {
     "path": "/editor",
diff --git a/packages/safelight/src/views/dev/dev.vue b/packages/safelight/src/views/dev/dev.vue
index bde93337..089bd871 100644
--- a/packages/safelight/src/views/dev/dev.vue
+++ b/packages/safelight/src/views/dev/dev.vue
@@ -15,7 +15,9 @@
                 :key="route.path"
             >
                 <RouterLink :to="route.path" class="mb-2 block">
-                    <Button>{{ sentenceCase(route.path.replace('/dev/', '')) }}</Button>
+                    <Button>{{
+                        (route.name?.toString() ?? route.path).replace('/dev/', '')
+                    }}</Button>
                 </RouterLink>
             </template>
         </template>
@@ -23,7 +25,6 @@
 </template>
 
 <script setup lang="ts">
-import { sentenceCase } from 'change-case';
 import { RouterLink } from 'vue-router';
 </script>
 
diff --git a/packages/shared/package.json b/packages/shared/package.json
index a6ce0347..259a3643 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -11,11 +11,11 @@
         "test:run": "vitest run --ui false"
     },
     "dependencies": {
+        "@phosphor-icons/vue": "^2.2.1",
         "@vueuse/core": "^10.9.0",
         "@vueuse/rxjs": "^10.9.0",
         "@vueuse/shared": "^10.9.0",
         "dexie": "^3.2.7",
-        "ffprobe-wasm": "^0.3.1",
         "hash-wasm": "^4.11.0",
         "luxon": "^3.4.4",
         "mediainfo.js": "^0.2.2",
diff --git a/packages/shared/src/UI/DnD/DnDdirectives.ts b/packages/shared/src/UI/DnD/DnDdirectives.ts
new file mode 100644
index 00000000..53f2a8b5
--- /dev/null
+++ b/packages/shared/src/UI/DnD/DnDdirectives.ts
@@ -0,0 +1,4 @@
+import type { Directive } from "vue";
+
+export const DragDirective: Directive = {
+}
\ No newline at end of file
diff --git a/packages/shared/src/UI/DnD/DragAndDropManager.ts b/packages/shared/src/UI/DnD/DragAndDropManager.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/shared/src/UI/Panels/PanelManager.ts b/packages/shared/src/UI/Panels/PanelManager.ts
new file mode 100644
index 00000000..40a6feca
--- /dev/null
+++ b/packages/shared/src/UI/Panels/PanelManager.ts
@@ -0,0 +1,10 @@
+import type { Panel } from '../../../../safelight/src/components/Panels/injection';
+import { reactive } from 'vue';
+
+export default class PanelManager {
+    static allPanels: Map<string, Panel> = reactive(new Map<string, Panel>());
+
+    public static RegisterPanel(id: string, panel: Panel) {
+        this.allPanels.set(id, panel);
+    }
+}
diff --git a/packages/timeline/package.json b/packages/timeline/package.json
index 91e49f40..03b87943 100644
--- a/packages/timeline/package.json
+++ b/packages/timeline/package.json
@@ -45,8 +45,8 @@
         "@vue/tsconfig": "^0.5.1",
         "happy-dom": "^14.7.1",
         "typescript": "^5.4.5",
-        "vite": "^5.2.10",
-        "vitest": "^1.5.3",
+        "vite": "^5.2.11",
+        "vitest": "^1.6.0",
         "vue-tsc": "^2.0.16"
     }
 }
\ No newline at end of file
diff --git a/packages/timeline/src/LayerControl.vue b/packages/timeline/src/LayerControl.vue
index e354f6ad..c9b61af5 100644
--- a/packages/timeline/src/LayerControl.vue
+++ b/packages/timeline/src/LayerControl.vue
@@ -88,7 +88,7 @@ function resetHeight() {
         height: 3px;
         cursor: ns-resize;
 
-        background-color: #3f3f46;
+        background-color: var(--surface-100);
     }
 }
 </style>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8c6c5f81..b3d14aa9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,19 +10,19 @@ importers:
     devDependencies:
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.4(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))
+        version: 5.0.4(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))
       '@vitest/browser':
-        specifier: ^1.5.3
-        version: 1.5.3(playwright@1.43.1)(vitest@1.5.3)
+        specifier: ^1.6.0
+        version: 1.6.0(playwright@1.43.1)(vitest@1.6.0)
       '@vitest/ui':
-        specifier: ^1.5.3
-        version: 1.5.3(vitest@1.5.3)
+        specifier: ^1.6.0
+        version: 1.6.0(vitest@1.6.0)
       vite:
-        specifier: ^5.2.10
-        version: 5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
+        specifier: ^5.2.11
+        version: 5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
       vitest:
-        specifier: ^1.5.3
-        version: 1.5.3(@types/node@20.12.8)(@vitest/browser@1.5.3)(@vitest/ui@1.5.3)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0)
+        specifier: ^1.6.0
+        version: 1.6.0(@types/node@20.12.8)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0)
       vue:
         specifier: ^3.4.26
         version: 3.4.26(typescript@5.4.5)
@@ -53,7 +53,7 @@ importers:
         version: 20.12.8
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.4(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))
+        version: 5.0.4(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))
       '@vue/tsconfig':
         specifier: ^0.5.1
         version: 0.5.1
@@ -71,7 +71,7 @@ importers:
         version: 0.12.5
       vite-plugin-mkcert:
         specifier: ^1.17.5
-        version: 1.17.5(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))
+        version: 1.17.5(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))
       vue-codemirror:
         specifier: ^6.1.1
         version: 6.1.1(codemirror@6.0.1(@lezer/common@1.2.1))(vue@3.4.26(typescript@5.4.5))
@@ -80,11 +80,11 @@ importers:
         specifier: ^1.0.2
         version: 1.0.2
       '@vitest/browser':
-        specifier: ^1.5.3
-        version: 1.5.3(playwright@1.43.1)(vitest@1.5.3)
+        specifier: ^1.6.0
+        version: 1.6.0(playwright@1.43.1)(vitest@1.6.0)
       '@vitest/ui':
-        specifier: ^1.5.3
-        version: 1.5.3(vitest@1.5.3)
+        specifier: ^1.6.0
+        version: 1.6.0(vitest@1.6.0)
       playwright:
         specifier: ^1.43.1
         version: 1.43.1
@@ -95,14 +95,14 @@ importers:
         specifier: ^5.4.5
         version: 5.4.5
       vite:
-        specifier: ^5.2.10
-        version: 5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
+        specifier: ^5.2.11
+        version: 5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
       vite-plugin-dts:
-        specifier: ^3.9.0
-        version: 3.9.0(@types/node@20.12.8)(rollup@4.17.2)(typescript@5.4.5)(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))
+        specifier: ^3.9.1
+        version: 3.9.1(@types/node@20.12.8)(rollup@4.17.2)(typescript@5.4.5)(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))
       vitest:
-        specifier: ^1.5.3
-        version: 1.5.3(@types/node@20.12.8)(@vitest/browser@1.5.3)(@vitest/ui@1.5.3)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0)
+        specifier: ^1.6.0
+        version: 1.6.0(@types/node@20.12.8)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0)
 
   packages/plugin-types: {}
 
@@ -135,9 +135,6 @@ importers:
       '@vueuse/rxjs':
         specifier: ^10.9.0
         version: 10.9.0(rxjs@7.8.1)(vue@3.4.26(typescript@5.4.5))
-      change-case:
-        specifier: ^5.4.4
-        version: 5.4.4
       dexie:
         specifier: ^3.2.7
         version: 3.2.7
@@ -147,9 +144,6 @@ importers:
       hash-wasm:
         specifier: ^4.11.0
         version: 4.11.0
-      lodash:
-        specifier: ^4.17.21
-        version: 4.17.21
       luxon:
         specifier: ^3.4.4
         version: 3.4.4
@@ -184,9 +178,6 @@ importers:
       '@babel/types':
         specifier: ^7.24.5
         version: 7.24.5
-      '@iconify-json/ph':
-        specifier: ^1.1.12
-        version: 1.1.12
       '@tsconfig/node20':
         specifier: ^20.1.4
         version: 20.1.4
@@ -213,7 +204,7 @@ importers:
         version: 7.8.0(eslint@8.57.0)(typescript@5.4.5)
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.4(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))
+        version: 5.0.4(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))
       '@vue/tsconfig':
         specifier: ^0.5.1
         version: 0.5.1
@@ -266,8 +257,8 @@ importers:
         specifier: ^2.0.0
         version: 2.0.0(@types/node@20.12.8)(typescript@5.4.5)
       tsx:
-        specifier: ^4.8.2
-        version: 4.8.2
+        specifier: ^4.9.1
+        version: 4.9.1
       typescript:
         specifier: ^5.4.5
         version: 5.4.5
@@ -279,7 +270,7 @@ importers:
         version: 0.17.5(@vueuse/core@10.9.0(vue@3.4.26(typescript@5.4.5)))(rollup@4.17.2)
       unplugin-turbo-console:
         specifier: ^1.8.6
-        version: 1.8.6(esbuild@0.20.2)(rollup@4.17.2)(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))
+        version: 1.8.6(esbuild@0.20.2)(rollup@4.17.2)(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))
       unplugin-vue-components:
         specifier: ^0.26.0
         version: 0.26.0(@babel/parser@7.24.5)(rollup@4.17.2)(vue@3.4.26(typescript@5.4.5))
@@ -287,17 +278,20 @@ importers:
         specifier: ^0.8.6
         version: 0.8.6(rollup@4.17.2)(vue-router@4.3.2(vue@3.4.26(typescript@5.4.5)))(vue@3.4.26(typescript@5.4.5))
       vite:
-        specifier: ^5.2.10
-        version: 5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
+        specifier: ^5.2.11
+        version: 5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
       vite-plugin-mkcert:
         specifier: ^1.17.5
-        version: 1.17.5(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))
+        version: 1.17.5(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))
       vue-tsc:
         specifier: ^2.0.16
         version: 2.0.16(typescript@5.4.5)
 
   packages/shared:
     dependencies:
+      '@phosphor-icons/vue':
+        specifier: ^2.2.1
+        version: 2.2.1(vue@3.4.26(typescript@5.4.5))
       '@vueuse/core':
         specifier: ^10.9.0
         version: 10.9.0(vue@3.4.26(typescript@5.4.5))
@@ -310,9 +304,6 @@ importers:
       dexie:
         specifier: ^3.2.7
         version: 3.2.7
-      ffprobe-wasm:
-        specifier: ^0.3.1
-        version: 0.3.1
       hash-wasm:
         specifier: ^4.11.0
         version: 4.11.0
@@ -380,7 +371,7 @@ importers:
         version: 20.12.8
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.4(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))
+        version: 5.0.4(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))
       '@vue/test-utils':
         specifier: ^2.4.5
         version: 2.4.5
@@ -394,11 +385,11 @@ importers:
         specifier: ^5.4.5
         version: 5.4.5
       vite:
-        specifier: ^5.2.10
-        version: 5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
+        specifier: ^5.2.11
+        version: 5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
       vitest:
-        specifier: ^1.5.3
-        version: 1.5.3(@types/node@20.12.8)(@vitest/browser@1.5.3)(@vitest/ui@1.5.3)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0)
+        specifier: ^1.6.0
+        version: 1.6.0(@types/node@20.12.8)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0)
       vue-tsc:
         specifier: ^2.0.16
         version: 2.0.16(typescript@5.4.5)
@@ -675,12 +666,6 @@ packages:
   '@humanwhocodes/object-schema@2.0.3':
     resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
 
-  '@iconify-json/ph@1.1.12':
-    resolution: {integrity: sha512-m+rXTW084YaQQHT+F8TxdkCoAh+i/5MWRoSuPmxCWPlxwMAaLT/QfyVsbEiV95HM5806U/jKpBV6F1b7Pmr3Vg==}
-
-  '@iconify/types@2.0.0':
-    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
-
   '@isaacs/cliui@8.0.2':
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -716,8 +701,8 @@ packages:
   '@lezer/highlight@1.2.0':
     resolution: {integrity: sha512-WrS5Mw51sGrpqjlh3d4/fOwpEV2Hd3YOkp9DBt4k8XZQcoTHZFB7sx030A6OcahF4J1nDQAa3jXlTVVYH50IFA==}
 
-  '@lezer/javascript@1.4.15':
-    resolution: {integrity: sha512-B082ZdjI0vo2AgLqD834GlRTE9gwRX8NzHzKq5uDwEnQ9Dq+A/CEhd3nf68tiNA2f9O+8jS1NeSTUYT9IAqcTw==}
+  '@lezer/javascript@1.4.16':
+    resolution: {integrity: sha512-84UXR3N7s11MPQHWgMnjb9571fr19MmXnr5zTv2XX0gHXXUvW3uPJ8GCjKrfTXmSdfktjRK0ayKklw+A13rk4g==}
 
   '@lezer/lr@1.4.0':
     resolution: {integrity: sha512-Wst46p51km8gH0ZUmeNrtpRYmdlRHUpN1DQd3GFAyKANi8WVz8c2jHYTf1CVScFaCjQw1iO3ZZdqGDxQPRErTg==}
@@ -763,14 +748,11 @@ packages:
     resolution: {integrity: sha512-r+oZUH7aMFui1ypZnAvZmn0KSqAUgE1/tUXIWaqUCa1758ts/Jio84GZuzsvUkme98kv0WFY8//n0J1Z+vsIsQ==}
     engines: {node: '>= 18'}
 
-  '@octokit/openapi-types@20.0.0':
-    resolution: {integrity: sha512-EtqRBEjp1dL/15V7WiX5LJMIxxkdiGJnabzYx5Apx4FkQIFgAfKumXeYAqqJCj1s+BMX4cPFIFC4OLCR6stlnA==}
-
   '@octokit/openapi-types@22.2.0':
     resolution: {integrity: sha512-QBhVjcUa9W7Wwhm6DBFu6ZZ+1/t/oYxqc2tp81Pi41YNuJinbFRx8B133qVOrAaBbF7D/m0Et6f9/pZt9Rc+tg==}
 
-  '@octokit/plugin-paginate-rest@9.2.1':
-    resolution: {integrity: sha512-wfGhE/TAkXZRLjksFXuDZdmGnJQHvtU/joFQdweXUgzo1XwvBCD4o4+75NtFfjfLK5IwLf9vHTfSiU3sLRYpRw==}
+  '@octokit/plugin-paginate-rest@11.3.1':
+    resolution: {integrity: sha512-ryqobs26cLtM1kQxqeZui4v8FeznirUsksiA+RYemMPJ7Micju0WSkv50dBksTuZks9O5cg4wp+t8fZ/cLY56g==}
     engines: {node: '>= 18'}
     peerDependencies:
       '@octokit/core': '5'
@@ -781,11 +763,11 @@ packages:
     peerDependencies:
       '@octokit/core': '5'
 
-  '@octokit/plugin-rest-endpoint-methods@10.4.1':
-    resolution: {integrity: sha512-xV1b+ceKV9KytQe3zCVqjg+8GTGfDYwaT1ATU5isiUyVtlVAO3HNdzpS4sr4GBx4hxQ46s7ITtZrAsxG22+rVg==}
+  '@octokit/plugin-rest-endpoint-methods@13.2.2':
+    resolution: {integrity: sha512-EI7kXWidkt3Xlok5uN43suK99VWqc8OaIMktY9d9+RNKl69juoTyxmLoWPIZgJYzi41qj/9zU7G/ljnNOJ5AFA==}
     engines: {node: '>= 18'}
     peerDependencies:
-      '@octokit/core': '5'
+      '@octokit/core': ^5
 
   '@octokit/request-error@5.1.0':
     resolution: {integrity: sha512-GETXfE05J0+7H2STzekpKObFe765O5dlAKUTLNGeH+x47z7JjXHfsHKo5z21D/o/IOZTUEI6nyWyR+bZVP/n5Q==}
@@ -795,13 +777,10 @@ packages:
     resolution: {integrity: sha512-9Bb014e+m2TgBeEJGEbdplMVWwPmL1FPtggHQRkV+WVsMggPtEkLKPlcVYm/o8xKLkpJ7B+6N8WfQMtDLX2Dpw==}
     engines: {node: '>= 18'}
 
-  '@octokit/rest@20.1.0':
-    resolution: {integrity: sha512-STVO3itHQLrp80lvcYB2UIKoeil5Ctsgd2s1AM+du3HqZIR35ZH7WE9HLwUOLXH0myA0y3AGNPo8gZtcgIbw0g==}
+  '@octokit/rest@20.1.1':
+    resolution: {integrity: sha512-MB4AYDsM5jhIHro/dq4ix1iWTLGToIGk6cWF5L6vanFaMble5jTX/UBQyiv05HsWnwUtY8JrfHy2LWfKwihqMw==}
     engines: {node: '>= 18'}
 
-  '@octokit/types@12.6.0':
-    resolution: {integrity: sha512-1rhSOfRa6H9w4YwK0yrf5faDaDTb+yLyBUKOCV4xtCDB5VmIPqd/v9yr9o6SAzOAlRxMiRiCic6JVM1/kunVkw==}
-
   '@octokit/types@13.5.0':
     resolution: {integrity: sha512-HdqWTf5Z3qwDVlzCrP8UJquMwunpDiMPt5er+QjGzL4hqr/vBVY/MauQgS1xWxCDT1oMx1EULyqxncdCY/NVSQ==}
 
@@ -1068,12 +1047,12 @@ packages:
       vite: ^5.0.0
       vue: ^3.2.25
 
-  '@vitest/browser@1.5.3':
-    resolution: {integrity: sha512-75XHo+qzbTqvb7kvOCZt4EAphugo8HbeepqcXLWqQiNCYd/PkBWzPu5pSptGVt86WDd8DUVybyq/nGVY1XfWZA==}
+  '@vitest/browser@1.6.0':
+    resolution: {integrity: sha512-3Wpp9h1hf++rRVPvoXevkdHybLhJVn7MwIMKMIh08tVaoDMmT6fnNhbP222Z48V9PptpYeA5zvH9Ct/ZcaAzmQ==}
     peerDependencies:
       playwright: '*'
       safaridriver: '*'
-      vitest: 1.5.3
+      vitest: 1.6.0
       webdriverio: '*'
     peerDependenciesMeta:
       playwright:
@@ -1083,25 +1062,25 @@ packages:
       webdriverio:
         optional: true
 
-  '@vitest/expect@1.5.3':
-    resolution: {integrity: sha512-y+waPz31pOFr3rD7vWTbwiLe5+MgsMm40jTZbQE8p8/qXyBX3CQsIXRx9XK12IbY7q/t5a5aM/ckt33b4PxK2g==}
+  '@vitest/expect@1.6.0':
+    resolution: {integrity: sha512-ixEvFVQjycy/oNgHjqsL6AZCDduC+tflRluaHIzKIsdbzkLn2U/iBnVeJwB6HsIjQBdfMR8Z0tRxKUsvFJEeWQ==}
 
-  '@vitest/runner@1.5.3':
-    resolution: {integrity: sha512-7PlfuReN8692IKQIdCxwir1AOaP5THfNkp0Uc4BKr2na+9lALNit7ub9l3/R7MP8aV61+mHKRGiqEKRIwu6iiQ==}
+  '@vitest/runner@1.6.0':
+    resolution: {integrity: sha512-P4xgwPjwesuBiHisAVz/LSSZtDjOTPYZVmNAnpHHSR6ONrf8eCJOFRvUwdHn30F5M1fxhqtl7QZQUk2dprIXAg==}
 
-  '@vitest/snapshot@1.5.3':
-    resolution: {integrity: sha512-K3mvIsjyKYBhNIDujMD2gfQEzddLe51nNOAf45yKRt/QFJcUIeTQd2trRvv6M6oCBHNVnZwFWbQ4yj96ibiDsA==}
+  '@vitest/snapshot@1.6.0':
+    resolution: {integrity: sha512-+Hx43f8Chus+DCmygqqfetcAZrDJwvTj0ymqjQq4CvmpKFSTVteEOBzCusu1x2tt4OJcvBflyHUE0DZSLgEMtQ==}
 
-  '@vitest/spy@1.5.3':
-    resolution: {integrity: sha512-Llj7Jgs6lbnL55WoshJUUacdJfjU2honvGcAJBxhra5TPEzTJH8ZuhI3p/JwqqfnTr4PmP7nDmOXP53MS7GJlg==}
+  '@vitest/spy@1.6.0':
+    resolution: {integrity: sha512-leUTap6B/cqi/bQkXUu6bQV5TZPx7pmMBKBQiI0rJA8c3pB56ZsaTbREnF7CJfmvAS4V2cXIBAh/3rVwrrCYgw==}
 
-  '@vitest/ui@1.5.3':
-    resolution: {integrity: sha512-DoSA5YxcUmeBEK7kJHzXiL2I0d9AijWI33arnUrwiWFDxgZPDxTjvSVsiXhe8qfqhloIHkwazl5E2rhlDd/ErA==}
+  '@vitest/ui@1.6.0':
+    resolution: {integrity: sha512-k3Lyo+ONLOgylctiGovRKy7V4+dIN2yxstX3eY5cWFXH6WP+ooVX79YSyi0GagdTQzLmT43BF27T0s6dOIPBXA==}
     peerDependencies:
-      vitest: 1.5.3
+      vitest: 1.6.0
 
-  '@vitest/utils@1.5.3':
-    resolution: {integrity: sha512-rE9DTN1BRhzkzqNQO+kw8ZgfeEBCLXiHJwetk668shmNBpSagQxneT5eSqEBLP+cqSiAeecvQmbpFfdMyLcIQA==}
+  '@vitest/utils@1.6.0':
+    resolution: {integrity: sha512-21cPiuGMoMZwiOHa2i4LXkMkMkCGzA+MVFV70jRwHo95dL4x/ts5GZhML1QWuy7yfp3WzK3lRvZi3JnXTYqrBw==}
 
   '@volar/language-core@1.11.1':
     resolution: {integrity: sha512-dOcNn3i9GgZAcJt43wuaEykSluAuOkQgzni1cuxLxTV0nJKanQztp7FxyswdRILaKH+P2XZMPRp2S4MV/pElCw==}
@@ -1121,8 +1100,8 @@ packages:
   '@volar/typescript@2.2.0':
     resolution: {integrity: sha512-wC6l4zLiiCLxF+FGaHCbWlQYf4vMsnRxYhcI6WgvaNppOD6r1g+Ef1RKRJUApALWU46Yy/JDU/TbdV6w/X6Liw==}
 
-  '@vue-macros/common@1.10.2':
-    resolution: {integrity: sha512-WC66NPVh2mJWqm4L0l/u/cOqm4pNOIwVdMGnDYAH2rHcOWy5x68GkhpkYTBu1+xwCSeHWOQn1TCGGbD+98fFpA==}
+  '@vue-macros/common@1.10.3':
+    resolution: {integrity: sha512-YSgzcbXrRo8a/TF/YIguqEmTld1KA60VETKJG8iFuaAfj7j+Tbdin3cj7/cYbcCHORSq1v9IThgq7r8keH7LXQ==}
     engines: {node: '>=16.14.0'}
     peerDependencies:
       vue: ^2.7.0 || ^3.2.25
@@ -1406,8 +1385,8 @@ packages:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
 
-  caniuse-lite@1.0.30001614:
-    resolution: {integrity: sha512-jmZQ1VpmlRwHgdP1/uiKzgiAuGOfLEJsYFP4+GBou/QQ4U6IOJCB4NP1c+1p9RGLpwObcT94jA5/uO+F1vBbog==}
+  caniuse-lite@1.0.30001616:
+    resolution: {integrity: sha512-RHVYKov7IcdNjVHJFNY/78RdG4oGVjbayxv8u5IO74Wv7Hlq4PnJE6mo/OjFijjVFNy5ijnCt6H3IIo4t+wfEw==}
 
   chai@4.4.1:
     resolution: {integrity: sha512-13sOfMv2+DWduEU+/xbun3LScLoqN17nBeTLUsmDfKdoiC1fr0n9PU4guu4AhRcOVFk/sW8LyZWHuhWtQZiF+g==}
@@ -1598,8 +1577,8 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
-  electron-to-chromium@1.4.752:
-    resolution: {integrity: sha512-P3QJreYI/AUTcfBVrC4zy9KvnZWekViThgQMX/VpJ+IsOBbcX5JFpORM4qWapwWQ+agb2nYAOyn/4PMXOk0m2Q==}
+  electron-to-chromium@1.4.756:
+    resolution: {integrity: sha512-RJKZ9+vEBMeiPAvKNWyZjuYyUqMndcP1f335oHqn3BEQbs2NFtVrnK5+6Xg5wSM9TknNNpWghGDUCKGYF+xWXw==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -1749,9 +1728,6 @@ packages:
   fflate@0.8.2:
     resolution: {integrity: sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==}
 
-  ffprobe-wasm@0.3.1:
-    resolution: {integrity: sha512-Pyrv/5z/jRzy/csFvgoYZM1wE+jhFpWtFt5AyowepW0ZFvVo9iM5zU0NkZyeAugFyxKZ9Y9wBtlHDhsIcP4e7Q==}
-
   file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -2190,8 +2166,8 @@ packages:
     resolution: {integrity: sha512-zobTr7akeGHnv7eBOXcRgMeCP6+uyYsczwmeRCauvpvaAltgNyTbLH/+VaEAPUeWBT+1GuNmz4wC/6jtQzbbVA==}
     engines: {node: '>=12'}
 
-  magic-string-ast@0.3.0:
-    resolution: {integrity: sha512-0shqecEPgdFpnI3AP90epXyxZy9g6CRZ+SZ7BcqFwYmtFEnZ1jpevcV5HoyVnlDS9gCnc1UIg3Rsvp3Ci7r8OA==}
+  magic-string-ast@0.5.0:
+    resolution: {integrity: sha512-mxjxZ5zoR4+ybulZ7Z5qdZUTdAfiKJ1Il80kN/I4jWsHTTqNKZ9KsBa3Jepo+3U09I04qiyC2+7MZD8v4rJOoA==}
     engines: {node: '>=16.14.0'}
 
   magic-string@0.30.10:
@@ -2264,8 +2240,8 @@ packages:
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
-  minipass@7.0.4:
-    resolution: {integrity: sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==}
+  minipass@7.1.0:
+    resolution: {integrity: sha512-oGZRv2OT1lO2UF1zUcwdTb3wqUwI0kBGTgt/T7OdSj6M6N5m3o5uPf0AIW6lVxGGoiWUR7e2AwTE+xiwK8WQig==}
     engines: {node: '>=16 || 14 >=14.17'}
 
   mkdirp@1.0.4:
@@ -2313,8 +2289,8 @@ packages:
   node-releases@2.0.14:
     resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
 
-  nopt@7.2.0:
-    resolution: {integrity: sha512-CVDtwCdhYIvnAzFoJ6NJ6dX3oga9/HyciQDnG1vQDjSLMeKLJ4A93ZqYKDrgYSr1FBY5/hMYC+2VCi24pgpkGA==}
+  nopt@7.2.1:
+    resolution: {integrity: sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     hasBin: true
 
@@ -2897,8 +2873,8 @@ packages:
   tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
-  tsx@4.8.2:
-    resolution: {integrity: sha512-hmmzS4U4mdy1Cnzpl/NQiPUC2k34EcNSTZYVJThYKhdqTwuBeF+4cG9KUK/PFQ7KHaAaYwqlb7QfmsE2nuj+WA==}
+  tsx@4.9.1:
+    resolution: {integrity: sha512-CqSJaYyZ6GEqnGtPuMPQHvUwRGU6VHSVF+RDxoOmRg/XD4aF0pD973tKhoUYGQtdcoCHcSOGk34ioFaP+vYcMQ==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
@@ -3029,8 +3005,8 @@ packages:
     resolution: {integrity: sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==}
     engines: {node: '>=4'}
 
-  update-browserslist-db@1.0.14:
-    resolution: {integrity: sha512-JixKH8GR2pWYshIPUg/NujK3JO7JiqEEUiNArE86NQyrgUuZeTlZQN3xuS/yiV5Kb48ev9K6RqNkaJjXsdg7Jw==}
+  update-browserslist-db@1.0.15:
+    resolution: {integrity: sha512-K9HWH62x3/EalU1U6sjSZiylm9C8tgq2mSvshZpqc7QE69RaA2qjhkW2HlNA0tFpEbtyFz7HTqbSdN4MSwUodA==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
@@ -3055,13 +3031,13 @@ packages:
     resolution: {integrity: sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ==}
     engines: {node: '>= 0.10'}
 
-  vite-node@1.5.3:
-    resolution: {integrity: sha512-axFo00qiCpU/JLd8N1gu9iEYL3xTbMbMrbe5nDp9GL0nb6gurIdZLkkFogZXWnE8Oyy5kfSLwNVIcVsnhE7lgQ==}
+  vite-node@1.6.0:
+    resolution: {integrity: sha512-de6HJgzC+TFzOu0NTC4RAIsyf/DY/ibWDYQUcuEA84EMHhcefTUGkjFHKKEJhQN4A+6I0u++kr3l36ZF2d7XRw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
 
-  vite-plugin-dts@3.9.0:
-    resolution: {integrity: sha512-pwFIEYQ3LZvMafkEGvNnileb6af5JuyZsBfYQrTDYxdeGEy0OS4B4hCsLPo5YGnhK5k9EzyO6BXVO6y+Lt5T2A==}
+  vite-plugin-dts@3.9.1:
+    resolution: {integrity: sha512-rVp2KM9Ue22NGWB8dNtWEr+KekN3rIgz1tWD050QnRGlriUCmaDwa7qA5zDEjbXg5lAXhYMSBJtx3q3hQIJZSg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -3076,8 +3052,8 @@ packages:
     peerDependencies:
       vite: '>=3'
 
-  vite@5.2.10:
-    resolution: {integrity: sha512-PAzgUZbP7msvQvqdSD+ErD5qGnSFiGOoWmV5yAKUEI0kdhjbH6nMWVyZQC/hSc4aXwc0oJ9aEdIiF9Oje0JFCw==}
+  vite@5.2.11:
+    resolution: {integrity: sha512-HndV31LWW05i1BLPMUCE1B9E9GFbOu1MbenhS58FuK6owSO5qHm7GiCotrNY1YE5rMeQSFBGmT5ZaLEjFizgiQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -3104,15 +3080,15 @@ packages:
       terser:
         optional: true
 
-  vitest@1.5.3:
-    resolution: {integrity: sha512-2oM7nLXylw3mQlW6GXnRriw+7YvZFk/YNV8AxIC3Z3MfFbuziLGWP9GPxxu/7nRlXhqyxBikpamr+lEEj1sUEw==}
+  vitest@1.6.0:
+    resolution: {integrity: sha512-H5r/dN06swuFnzNFhq/dnz37bPXnq8xB2xB5JOVk8K09rUtoeNN+LHWkoQ0A/i3hvbUKKcCei9KpbxqHMLhLLA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@types/node': ^18.0.0 || >=20.0.0
-      '@vitest/browser': 1.5.3
-      '@vitest/ui': 1.5.3
+      '@vitest/browser': 1.6.0
+      '@vitest/ui': 1.6.0
       happy-dom: '*'
       jsdom: '*'
     peerDependenciesMeta:
@@ -3280,8 +3256,8 @@ packages:
     engines: {node: '>=8.0.0'}
     hasBin: true
 
-  zod@3.23.5:
-    resolution: {integrity: sha512-fkwiq0VIQTksNNA131rDOsVJcns0pfVUjHzLrNBiF/O/Xxb5lQyEXkhZWcJ7npWsYlvs+h0jFWXXy4X46Em1JA==}
+  zod@3.23.6:
+    resolution: {integrity: sha512-RTHJlZhsRbuA8Hmp/iNL7jnfc4nZishjsanDAfEY1QpDQZCahUp3xDzl+zfweE9BklxMUcgBgS1b7Lvie/ZVwA==}
 
 snapshots:
 
@@ -3388,7 +3364,7 @@ snapshots:
       '@codemirror/state': 6.4.1
       '@codemirror/view': 6.26.3
       '@lezer/common': 1.2.1
-      '@lezer/javascript': 1.4.15
+      '@lezer/javascript': 1.4.16
     optional: true
 
   '@codemirror/language@6.10.1':
@@ -3545,12 +3521,6 @@ snapshots:
 
   '@humanwhocodes/object-schema@2.0.3': {}
 
-  '@iconify-json/ph@1.1.12':
-    dependencies:
-      '@iconify/types': 2.0.0
-
-  '@iconify/types@2.0.0': {}
-
   '@isaacs/cliui@8.0.2':
     dependencies:
       string-width: 5.1.2
@@ -3594,7 +3564,7 @@ snapshots:
       '@lezer/common': 1.2.1
     optional: true
 
-  '@lezer/javascript@1.4.15':
+  '@lezer/javascript@1.4.16':
     dependencies:
       '@lezer/common': 1.2.1
       '@lezer/highlight': 1.2.0
@@ -3676,23 +3646,21 @@ snapshots:
       '@octokit/types': 13.5.0
       universal-user-agent: 6.0.1
 
-  '@octokit/openapi-types@20.0.0': {}
-
   '@octokit/openapi-types@22.2.0': {}
 
-  '@octokit/plugin-paginate-rest@9.2.1(@octokit/core@5.2.0)':
+  '@octokit/plugin-paginate-rest@11.3.1(@octokit/core@5.2.0)':
     dependencies:
       '@octokit/core': 5.2.0
-      '@octokit/types': 12.6.0
+      '@octokit/types': 13.5.0
 
   '@octokit/plugin-request-log@4.0.1(@octokit/core@5.2.0)':
     dependencies:
       '@octokit/core': 5.2.0
 
-  '@octokit/plugin-rest-endpoint-methods@10.4.1(@octokit/core@5.2.0)':
+  '@octokit/plugin-rest-endpoint-methods@13.2.2(@octokit/core@5.2.0)':
     dependencies:
       '@octokit/core': 5.2.0
-      '@octokit/types': 12.6.0
+      '@octokit/types': 13.5.0
 
   '@octokit/request-error@5.1.0':
     dependencies:
@@ -3707,16 +3675,12 @@ snapshots:
       '@octokit/types': 13.5.0
       universal-user-agent: 6.0.1
 
-  '@octokit/rest@20.1.0':
+  '@octokit/rest@20.1.1':
     dependencies:
       '@octokit/core': 5.2.0
-      '@octokit/plugin-paginate-rest': 9.2.1(@octokit/core@5.2.0)
+      '@octokit/plugin-paginate-rest': 11.3.1(@octokit/core@5.2.0)
       '@octokit/plugin-request-log': 4.0.1(@octokit/core@5.2.0)
-      '@octokit/plugin-rest-endpoint-methods': 10.4.1(@octokit/core@5.2.0)
-
-  '@octokit/types@12.6.0':
-    dependencies:
-      '@octokit/openapi-types': 20.0.0
+      '@octokit/plugin-rest-endpoint-methods': 13.2.2(@octokit/core@5.2.0)
 
   '@octokit/types@13.5.0':
     dependencies:
@@ -3744,7 +3708,7 @@ snapshots:
       remove-markdown: 0.5.0
       spdx-license-list: 6.9.0
       strip-indent: 4.0.0
-      zod: 3.23.5
+      zod: 3.23.6
 
   '@rollup/pluginutils@5.1.0(rollup@4.17.2)':
     dependencies:
@@ -3964,54 +3928,54 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
-  '@vitejs/plugin-vue@5.0.4(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))':
+  '@vitejs/plugin-vue@5.0.4(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5))':
     dependencies:
-      vite: 5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
+      vite: 5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
       vue: 3.4.26(typescript@5.4.5)
 
-  '@vitest/browser@1.5.3(playwright@1.43.1)(vitest@1.5.3)':
+  '@vitest/browser@1.6.0(playwright@1.43.1)(vitest@1.6.0)':
     dependencies:
-      '@vitest/utils': 1.5.3
+      '@vitest/utils': 1.6.0
       magic-string: 0.30.10
       sirv: 2.0.4
-      vitest: 1.5.3(@types/node@20.12.8)(@vitest/browser@1.5.3)(@vitest/ui@1.5.3)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0)
+      vitest: 1.6.0(@types/node@20.12.8)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0)
     optionalDependencies:
       playwright: 1.43.1
 
-  '@vitest/expect@1.5.3':
+  '@vitest/expect@1.6.0':
     dependencies:
-      '@vitest/spy': 1.5.3
-      '@vitest/utils': 1.5.3
+      '@vitest/spy': 1.6.0
+      '@vitest/utils': 1.6.0
       chai: 4.4.1
 
-  '@vitest/runner@1.5.3':
+  '@vitest/runner@1.6.0':
     dependencies:
-      '@vitest/utils': 1.5.3
+      '@vitest/utils': 1.6.0
       p-limit: 5.0.0
       pathe: 1.1.2
 
-  '@vitest/snapshot@1.5.3':
+  '@vitest/snapshot@1.6.0':
     dependencies:
       magic-string: 0.30.10
       pathe: 1.1.2
       pretty-format: 29.7.0
 
-  '@vitest/spy@1.5.3':
+  '@vitest/spy@1.6.0':
     dependencies:
       tinyspy: 2.2.1
 
-  '@vitest/ui@1.5.3(vitest@1.5.3)':
+  '@vitest/ui@1.6.0(vitest@1.6.0)':
     dependencies:
-      '@vitest/utils': 1.5.3
+      '@vitest/utils': 1.6.0
       fast-glob: 3.3.2
       fflate: 0.8.2
       flatted: 3.3.1
       pathe: 1.1.2
       picocolors: 1.0.0
       sirv: 2.0.4
-      vitest: 1.5.3(@types/node@20.12.8)(@vitest/browser@1.5.3)(@vitest/ui@1.5.3)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0)
+      vitest: 1.6.0(@types/node@20.12.8)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0)
 
-  '@vitest/utils@1.5.3':
+  '@vitest/utils@1.6.0':
     dependencies:
       diff-sequences: 29.6.3
       estree-walker: 3.0.3
@@ -4044,14 +4008,14 @@ snapshots:
       '@volar/language-core': 2.2.0
       path-browserify: 1.0.1
 
-  '@vue-macros/common@1.10.2(rollup@4.17.2)(vue@3.4.26(typescript@5.4.5))':
+  '@vue-macros/common@1.10.3(rollup@4.17.2)(vue@3.4.26(typescript@5.4.5))':
     dependencies:
       '@babel/types': 7.24.5
       '@rollup/pluginutils': 5.1.0(rollup@4.17.2)
       '@vue/compiler-sfc': 3.4.26
       ast-kit: 0.12.1
       local-pkg: 0.5.0
-      magic-string-ast: 0.3.0
+      magic-string-ast: 0.5.0
     optionalDependencies:
       vue: 3.4.26(typescript@5.4.5)
     transitivePeerDependencies:
@@ -4276,7 +4240,7 @@ snapshots:
   autoprefixer@10.4.19(postcss@8.4.38):
     dependencies:
       browserslist: 4.23.0
-      caniuse-lite: 1.0.30001614
+      caniuse-lite: 1.0.30001616
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.0.0
@@ -4319,10 +4283,10 @@ snapshots:
 
   browserslist@4.23.0:
     dependencies:
-      caniuse-lite: 1.0.30001614
-      electron-to-chromium: 1.4.752
+      caniuse-lite: 1.0.30001616
+      electron-to-chromium: 1.4.756
       node-releases: 2.0.14
-      update-browserslist-db: 1.0.14(browserslist@4.23.0)
+      update-browserslist-db: 1.0.15(browserslist@4.23.0)
 
   buffer-from@1.1.2: {}
 
@@ -4341,7 +4305,7 @@ snapshots:
 
   camelcase-css@2.0.1: {}
 
-  caniuse-lite@1.0.30001614: {}
+  caniuse-lite@1.0.30001616: {}
 
   chai@4.4.1:
     dependencies:
@@ -4364,7 +4328,8 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
-  change-case@5.4.4: {}
+  change-case@5.4.4:
+    optional: true
 
   check-error@1.0.3:
     dependencies:
@@ -4520,7 +4485,7 @@ snapshots:
       minimatch: 9.0.1
       semver: 7.6.0
 
-  electron-to-chromium@1.4.752: {}
+  electron-to-chromium@1.4.756: {}
 
   emoji-regex@8.0.0: {}
 
@@ -4717,8 +4682,6 @@ snapshots:
 
   fflate@0.8.2: {}
 
-  ffprobe-wasm@0.3.1: {}
-
   file-entry-cache@6.0.1:
     dependencies:
       flat-cache: 3.2.0
@@ -4814,7 +4777,7 @@ snapshots:
       foreground-child: 3.1.1
       jackspeak: 2.3.6
       minimatch: 9.0.4
-      minipass: 7.0.4
+      minipass: 7.1.0
       path-scurry: 1.10.2
 
   glob@7.2.3:
@@ -4990,7 +4953,7 @@ snapshots:
       editorconfig: 1.0.4
       glob: 10.3.12
       js-cookie: 3.0.5
-      nopt: 7.2.0
+      nopt: 7.2.1
 
   js-cookie@3.0.5: {}
 
@@ -5117,7 +5080,7 @@ snapshots:
 
   luxon@3.4.4: {}
 
-  magic-string-ast@0.3.0:
+  magic-string-ast@0.5.0:
     dependencies:
       magic-string: 0.30.10
 
@@ -5182,7 +5145,7 @@ snapshots:
 
   minimist@1.2.8: {}
 
-  minipass@7.0.4: {}
+  minipass@7.1.0: {}
 
   mkdirp@1.0.4: {}
 
@@ -5224,7 +5187,7 @@ snapshots:
 
   node-releases@2.0.14: {}
 
-  nopt@7.2.0:
+  nopt@7.2.1:
     dependencies:
       abbrev: 2.0.0
 
@@ -5300,7 +5263,7 @@ snapshots:
   path-scurry@1.10.2:
     dependencies:
       lru-cache: 10.2.2
-      minipass: 7.0.4
+      minipass: 7.1.0
 
   path-type@4.0.0: {}
 
@@ -5747,7 +5710,7 @@ snapshots:
 
   tslib@2.6.2: {}
 
-  tsx@4.8.2:
+  tsx@4.9.1:
     dependencies:
       esbuild: 0.20.2
       get-tsconfig: 4.7.3
@@ -5830,7 +5793,7 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
-  unplugin-turbo-console@1.8.6(esbuild@0.20.2)(rollup@4.17.2)(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5)):
+  unplugin-turbo-console@1.8.6(esbuild@0.20.2)(rollup@4.17.2)(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0))(vue@3.4.26(typescript@5.4.5)):
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.17.2)
       ast-kit: 0.12.1
@@ -5843,7 +5806,7 @@ snapshots:
     optionalDependencies:
       esbuild: 0.20.2
       rollup: 4.17.2
-      vite: 5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
+      vite: 5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
       vue: 3.4.26(typescript@5.4.5)
     transitivePeerDependencies:
       - uWebSockets.js
@@ -5871,7 +5834,7 @@ snapshots:
     dependencies:
       '@babel/types': 7.24.5
       '@rollup/pluginutils': 5.1.0(rollup@4.17.2)
-      '@vue-macros/common': 1.10.2(rollup@4.17.2)(vue@3.4.26(typescript@5.4.5))
+      '@vue-macros/common': 1.10.3(rollup@4.17.2)(vue@3.4.26(typescript@5.4.5))
       ast-walker-scope: 0.6.1
       chokidar: 3.6.0
       fast-glob: 3.3.2
@@ -5897,7 +5860,7 @@ snapshots:
 
   upath@2.0.1: {}
 
-  update-browserslist-db@1.0.14(browserslist@4.23.0):
+  update-browserslist-db@1.0.15(browserslist@4.23.0):
     dependencies:
       browserslist: 4.23.0
       escalade: 3.1.2
@@ -5924,13 +5887,13 @@ snapshots:
 
   validator@13.11.0: {}
 
-  vite-node@1.5.3(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0):
+  vite-node@1.6.0(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0):
     dependencies:
       cac: 6.7.14
       debug: 4.3.4
       pathe: 1.1.2
       picocolors: 1.0.0
-      vite: 5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
+      vite: 5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -5941,7 +5904,7 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-dts@3.9.0(@types/node@20.12.8)(rollup@4.17.2)(typescript@5.4.5)(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)):
+  vite-plugin-dts@3.9.1(@types/node@20.12.8)(rollup@4.17.2)(typescript@5.4.5)(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)):
     dependencies:
       '@microsoft/api-extractor': 7.43.0(@types/node@20.12.8)
       '@rollup/pluginutils': 5.1.0(rollup@4.17.2)
@@ -5952,23 +5915,23 @@ snapshots:
       typescript: 5.4.5
       vue-tsc: 1.8.27(typescript@5.4.5)
     optionalDependencies:
-      vite: 5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
+      vite: 5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite-plugin-mkcert@1.17.5(vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)):
+  vite-plugin-mkcert@1.17.5(vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)):
     dependencies:
-      '@octokit/rest': 20.1.0
+      '@octokit/rest': 20.1.1
       axios: 1.6.8(debug@4.3.4)
       debug: 4.3.4
       picocolors: 1.0.0
-      vite: 5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
+      vite: 5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite@5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0):
+  vite@5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0):
     dependencies:
       esbuild: 0.20.2
       postcss: 8.4.38
@@ -5979,13 +5942,13 @@ snapshots:
       lightningcss: 1.24.1
       sass: 1.76.0
 
-  vitest@1.5.3(@types/node@20.12.8)(@vitest/browser@1.5.3)(@vitest/ui@1.5.3)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0):
+  vitest@1.6.0(@types/node@20.12.8)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(happy-dom@14.7.1)(lightningcss@1.24.1)(sass@1.76.0):
     dependencies:
-      '@vitest/expect': 1.5.3
-      '@vitest/runner': 1.5.3
-      '@vitest/snapshot': 1.5.3
-      '@vitest/spy': 1.5.3
-      '@vitest/utils': 1.5.3
+      '@vitest/expect': 1.6.0
+      '@vitest/runner': 1.6.0
+      '@vitest/snapshot': 1.6.0
+      '@vitest/spy': 1.6.0
+      '@vitest/utils': 1.6.0
       acorn-walk: 8.3.2
       chai: 4.4.1
       debug: 4.3.4
@@ -5998,13 +5961,13 @@ snapshots:
       strip-literal: 2.1.0
       tinybench: 2.8.0
       tinypool: 0.8.4
-      vite: 5.2.10(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
-      vite-node: 1.5.3(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
+      vite: 5.2.11(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
+      vite-node: 1.6.0(@types/node@20.12.8)(lightningcss@1.24.1)(sass@1.76.0)
       why-is-node-running: 2.2.2
     optionalDependencies:
       '@types/node': 20.12.8
-      '@vitest/browser': 1.5.3(playwright@1.43.1)(vitest@1.5.3)
-      '@vitest/ui': 1.5.3(vitest@1.5.3)
+      '@vitest/browser': 1.6.0(playwright@1.43.1)(vitest@1.6.0)
+      '@vitest/ui': 1.6.0(vitest@1.6.0)
       happy-dom: 14.7.1
     transitivePeerDependencies:
       - less
@@ -6164,4 +6127,4 @@ snapshots:
     optionalDependencies:
       commander: 9.5.0
 
-  zod@3.23.5: {}
+  zod@3.23.6: {}