@poveste/app 0.13.0 → 0.14.0

package/dist/bundled/App.vue_vue_type_script_setup_true_lang.js

@@ -18,7 +18,7 @@ import SearchModal_default from "./components/search/SearchModal.js";
 import GenericMountStory_default from "./components/story/GenericMountStory.js";
 import { mapFile } from "./util/mapping.js";
 import { useTitle } from "@poveste/vendors/vue-use";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, onMounted, openBlock, ref, resolveComponent, toDisplayString, unref, watch, withCtx } from "@poveste/vendors/vue";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, resolveComponent, toDisplayString, unref, watch, withCtx } from "@poveste/vendors/vue";
 import { files, onUpdate, tree } from "virtual:$poveste-stories";
 //#region src/app/App.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "poveste-app-root h-full" };
@@ -26,22 +26,17 @@ var _hoisted_2 = {
 	key: 0,
 	class: "poveste-app hidden"
 };
-var _hoisted_3 = {
-	key: 0,
-	class: "h-full flex flex-col divide-y divide-gray-100 dark:divide-gray-800"
-};
-var _hoisted_4 = { class: "flex items-center gap-2 pr-4" };
-var _hoisted_5 = { class: "grow flex flex-col min-h-0" };
-var _hoisted_6 = {
-	key: 0,
+var _hoisted_3 = { class: "flex items-center gap-2 pr-4" };
+var _hoisted_4 = {
+	key: 1,
 	class: "sr-only"
 };
-var _hoisted_7 = { class: "flex flex-col h-full bg-gray-100 dark:bg-gray-750 __poveste-pane-shadow-from-right" };
-var _hoisted_8 = {
+var _hoisted_5 = { class: "flex flex-col h-full bg-gray-100 dark:bg-gray-750 __poveste-pane-shadow-from-right" };
+var _hoisted_6 = {
 	"aria-label": "Stories",
 	class: "flex-1 flex flex-col min-h-0"
 };
-var _hoisted_9 = { class: "flex flex-col h-full" };
+var _hoisted_7 = { class: "flex flex-col h-full" };
 var App_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "PovesteApp",
 	setup(__props) {
@@ -56,7 +51,7 @@ var App_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompon
 			tree$1.value = newTree;
 		});
 		const stories = computed(() => files$1.value.reduce((acc, file) => {
-			acc.push(file.story);
+			if (file.story) acc.push(file.story);
 			return acc;
 		}, []));
 		const storyStore = useStoryStore();
@@ -114,48 +109,45 @@ var App_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompon
 					class: "h-screen bg-gray-100 dark:bg-gray-750 dark:text-gray-100",
 					style: normalizeStyle({ opacity: mounted.value ? 1 : 0 })
 				}, [
-					unref(isMobile) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-						createElementVNode("div", _hoisted_4, [createVNode(AppHeader_default, { class: "flex-1" }), createVNode(AppActions_default, {
-							class: "flex-none",
-							onLayout: _cache[0] || (_cache[0] = ($event) => isLayoutOpen.value = true),
-							onSearch: _cache[1] || (_cache[1] = ($event) => isSearchOpen.value = true)
-						})]),
-						createVNode(Breadcrumb_default, {
-							tree: tree$1.value,
-							stories: stories.value
-						}, null, 8, ["tree", "stories"]),
-						createElementVNode("main", _hoisted_5, [createVNode(_component_RouterView, { class: "grow" })])
-					])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [!storyListVisible.value ? (openBlock(), createElementBlock("header", _hoisted_6, [createElementVNode("h1", null, toDisplayString(unref(povesteConfig).theme?.title ?? "Poveste"), 1)])) : createCommentVNode("", true), createVNode(BaseSplitPane_default, {
+					createElementVNode("div", { class: normalizeClass(["h-full flex flex-col", { "divide-y divide-gray-100 dark:divide-gray-800": unref(isMobile) }]) }, [unref(isMobile) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", _hoisted_3, [createVNode(AppHeader_default, { class: "flex-1" }), createVNode(AppActions_default, {
+						class: "flex-none",
+						onLayout: _cache[0] || (_cache[0] = ($event) => isLayoutOpen.value = true),
+						onSearch: _cache[1] || (_cache[1] = ($event) => isSearchOpen.value = true)
+					})]), createVNode(Breadcrumb_default, {
+						tree: tree$1.value,
+						stories: stories.value
+					}, null, 8, ["tree", "stories"])], 64)) : !storyListVisible.value ? (openBlock(), createElementBlock("header", _hoisted_4, [createElementVNode("h1", null, toDisplayString(unref(povesteConfig).theme?.title ?? "Poveste"), 1)])) : createCommentVNode("", true), createVNode(BaseSplitPane_default, {
 						"save-id": "main-horiz",
 						min: 5,
 						max: 50,
 						"default-split": 15,
-						"show-first": storyListVisible.value,
-						class: "h-full"
+						"show-first": !unref(isMobile) && storyListVisible.value,
+						class: "flex-1 min-h-0"
 					}, {
-						first: withCtx(() => [createElementVNode("div", _hoisted_7, [createVNode(AppHeader_default, { class: "flex-none" }), createElementVNode("nav", _hoisted_8, [createVNode(StoryList_default, {
+						first: withCtx(() => [createElementVNode("div", _hoisted_5, [createVNode(AppHeader_default, { class: "flex-none" }), createElementVNode("nav", _hoisted_6, [createVNode(StoryList_default, {
 							tree: tree$1.value,
 							stories: stories.value,
 							class: "flex-1"
 						}, null, 8, ["tree", "stories"])])])]),
-						last: withCtx(() => [createElementVNode("main", _hoisted_9, [createVNode(TopBar_default, {
+						last: withCtx(() => [createElementVNode("main", _hoisted_7, [!unref(isMobile) ? (openBlock(), createBlock(TopBar_default, {
+							key: 0,
 							onLayout: _cache[2] || (_cache[2] = ($event) => isLayoutOpen.value = true),
 							onSearch: _cache[3] || (_cache[3] = ($event) => isSearchOpen.value = true)
-						}), createVNode(_component_RouterView, { class: "flex-1 min-h-0" })])]),
+						})) : createCommentVNode("", true), createVNode(_component_RouterView, { class: "flex-1 min-h-0" })])]),
 						_: 1
-					}, 8, ["show-first"])], 64)),
+					}, 8, ["show-first"])], 2),
 					!unref(isMobile) ? (openBlock(), createBlock(LayoutModal_default, {
-						key: 2,
+						key: 0,
 						shown: isLayoutOpen.value,
 						onClose: _cache[4] || (_cache[4] = ($event) => isLayoutOpen.value = false)
 					}, null, 8, ["shown"])) : createCommentVNode("", true),
 					loadSearch.value ? (openBlock(), createBlock(SearchModal_default, {
-						key: 3,
+						key: 1,
 						shown: isSearchOpen.value,
 						onClose: _cache[5] || (_cache[5] = ($event) => isSearchOpen.value = false)
 					}, null, 8, ["shown"])) : createCommentVNode("", true),
 					_ctx.__POVESTE_DEV__ ? (openBlock(), createBlock(CommandPromptsModal_default, {
-						key: 4,
+						key: 2,
 						shown: unref(commandStore).showPromptsModal,
 						onClose: _cache[6] || (_cache[6] = ($event) => unref(commandStore).showPromptsModal = false)
 					}, null, 8, ["shown"])) : createCommentVNode("", true)

package/dist/bundled/app.css

@@ -12,14 +12,8 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-64e4f50b] {
-  color: var(--v6ab8d98a);
-}
-}
-@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-preview-bg[data-v-ed785ad4] {
-  background-color: var(--ca113a48);
-  color: var(--v0083f4ef);
+.bind-icon-color[data-v-d524f876] {
+  color: var(--v1c581d20);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
@@ -28,28 +22,28 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.landscape > div > .dragger[data-v-6a9b0727] {
+.landscape > div > .dragger[data-v-1e09b1b3] {
   width: .625rem;
 }
-.portrait > div > .dragger[data-v-6a9b0727] {
+.portrait > div > .dragger[data-v-1e09b1b3] {
   height: .625rem;
 }
-.landscape > div > .dragger.dragger-offset-before[data-v-6a9b0727] {
+.landscape > div > .dragger.dragger-offset-before[data-v-1e09b1b3] {
   right: 0;
 }
-.portrait > div > .dragger.dragger-offset-before[data-v-6a9b0727] {
+.portrait > div > .dragger.dragger-offset-before[data-v-1e09b1b3] {
   bottom: 0;
 }
-.landscape > div > .dragger.dragger-offset-center[data-v-6a9b0727] {
+.landscape > div > .dragger.dragger-offset-center[data-v-1e09b1b3] {
   right: -.3125rem;
 }
-.portrait > div > .dragger.dragger-offset-center[data-v-6a9b0727] {
+.portrait > div > .dragger.dragger-offset-center[data-v-1e09b1b3] {
   bottom: -.3125rem;
 }
-.landscape > div > .dragger.dragger-offset-after[data-v-6a9b0727] {
+.landscape > div > .dragger.dragger-offset-after[data-v-1e09b1b3] {
   right: -.625rem;
 }
-.portrait > div > .dragger.dragger-offset-after[data-v-6a9b0727] {
+.portrait > div > .dragger.dragger-offset-after[data-v-1e09b1b3] {
   bottom: -.625rem;
 }
 }
@@ -93,7 +87,7 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.__poveste-code-placeholder[data-v-3d88bdb3] {
+.__poveste-code-placeholder[data-v-ec6c2034] {
   color: inherit;
   font-size: inherit;
 }
@@ -108,8 +102,8 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-preview-bg[data-v-380b627d] {
-  background-color: var(--v0cb511a0);
+.bind-preview-bg[data-v-d3057f34] {
+  background-color: var(--v372ee944);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
@@ -124,7 +118,7 @@
 /* Cells are placed with `order`, so without this Tab and a screen reader walk
    them in slot order — the order they were recycled in, not the screen's.
    Chromium only for now; elsewhere the rule is ignored. */
-.poveste-story-variant-grid-cells[data-v-5f7bc1e1] {
+.poveste-story-variant-grid-cells[data-v-a753c25f] {
   reading-flow: grid-order;
 }
 }
@@ -134,13 +128,13 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-6805a444] {
-  color: var(--v72c6d646);
+.bind-icon-color[data-v-6b31fb1b] {
+  color: var(--v0fc28fe3);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-d5a7fe4c] {
-  color: var(--v4fc4017e);
+.bind-icon-color[data-v-5e1183de] {
+  color: var(--v96d17610);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {

package/dist/bundled/components/HomeView.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,7 @@ var _hoisted_3 = {
 var HomeView_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "HomeView",
 	setup(__props) {
-		const logoUrl = computed(() => povesteConfig.theme?.logo?.square ? customLogos.square : poveste_default);
+		const logoUrl = computed(() => povesteConfig.theme?.logo?.square ? customLogos?.square ?? "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%20width='512'%20height='512'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='pv'%20x1='96'%20y1='416'%20x2='416'%20y2='96'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%2324C56A'/%3e%3cstop%20offset='1'%20stop-color='%2317A6C6'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20x='16'%20y='16'%20width='480'%20height='480'%20rx='112'%20fill='url(%23pv)'/%3e%3crect%20x='140'%20y='142'%20width='232'%20height='44'%20rx='16'%20fill='%23fff'/%3e%3crect%20x='151'%20y='217'%20width='88'%20height='146'%20rx='9'%20stroke='%23fff'%20stroke-width='22'/%3e%3crect%20x='172'%20y='244'%20width='30'%20height='92'%20rx='13'%20fill='%23fff'/%3e%3crect%20x='262'%20y='206'%20width='110'%20height='168'%20rx='20'%20fill='%23fff'/%3e%3crect%20x='284'%20y='226'%20width='66'%20height='58'%20rx='13'%20fill='url(%23pv)'/%3e%3c/svg%3e" : poveste_default);
 		const storyStore = useStoryStore();
 		const stats = computed(() => {
 			let storyCount = 0;

package/dist/bundled/components/app/AppLogo.vue_vue_type_script_setup_true_lang.js

@@ -9,8 +9,8 @@ var AppLogo_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 	__name: "AppLogo",
 	setup(__props) {
 		const logoUrl = computed(() => {
-			if (isDark.value) return povesteConfig.theme.logo?.dark ? customLogos.dark : poveste_text_dark_default;
-			return povesteConfig.theme.logo?.light ? customLogos.light : poveste_text_default;
+			if (isDark.value) return povesteConfig.theme.logo?.dark ? customLogos?.dark ?? "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODcwIDUxMiIgZmlsbD0ibm9uZSI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InB2dyIgeDE9Ijk2IiB5MT0iNDE2IiB4Mj0iNDE2IiB5Mj0iOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMjRDNTZBIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE3QTZDNiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3QgeD0iMTYiIHk9IjE2IiB3aWR0aD0iNDgwIiBoZWlnaHQ9IjQ4MCIgcng9IjExMiIgZmlsbD0idXJsKCNwdncpIi8+CiAgPHJlY3QgeD0iMTQwIiB5PSIxNDIiIHdpZHRoPSIyMzIiIGhlaWdodD0iNDQiIHJ4PSIxNiIgZmlsbD0iI2ZmZiIvPgogIDxyZWN0IHg9IjE1MSIgeT0iMjE3IiB3aWR0aD0iODgiIGhlaWdodD0iMTQ2IiByeD0iOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIyIi8+CiAgPHJlY3QgeD0iMTcyIiB5PSIyNDQiIHdpZHRoPSIzMCIgaGVpZ2h0PSI5MiIgcng9IjEzIiBmaWxsPSIjZmZmIi8+CiAgPHJlY3QgeD0iMjYyIiB5PSIyMDYiIHdpZHRoPSIxMTAiIGhlaWdodD0iMTY4IiByeD0iMjAiIGZpbGw9IiNmZmYiLz4KICA8cmVjdCB4PSIyODQiIHk9IjIyNiIgd2lkdGg9IjY2IiBoZWlnaHQ9IjU4IiByeD0iMTMiIGZpbGw9InVybCgjcHZ3KSIvPgogIDx0ZXh0IHg9IjY3NiIgeT0iMjU2IiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZm9udC1mYW1pbHk9InVpLXNhbnMtc2VyaWYsIHN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgJ1NlZ29lIFVJJywgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjMyMCIgZm9udC13ZWlnaHQ9IjQwMCIgbGV0dGVyLXNwYWNpbmc9Ii00IiBmaWxsPSIjZjhmYWZjIj5Qb3Zlc3RlPC90ZXh0Pgo8L3N2Zz4K" : poveste_text_dark_default;
+			return povesteConfig.theme.logo?.light ? customLogos?.light ?? "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODcwIDUxMiIgZmlsbD0ibm9uZSI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InB2dyIgeDE9Ijk2IiB5MT0iNDE2IiB4Mj0iNDE2IiB5Mj0iOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMjRDNTZBIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE3QTZDNiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3QgeD0iMTYiIHk9IjE2IiB3aWR0aD0iNDgwIiBoZWlnaHQ9IjQ4MCIgcng9IjExMiIgZmlsbD0idXJsKCNwdncpIi8+CiAgPHJlY3QgeD0iMTQwIiB5PSIxNDIiIHdpZHRoPSIyMzIiIGhlaWdodD0iNDQiIHJ4PSIxNiIgZmlsbD0iI2ZmZiIvPgogIDxyZWN0IHg9IjE1MSIgeT0iMjE3IiB3aWR0aD0iODgiIGhlaWdodD0iMTQ2IiByeD0iOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIyIi8+CiAgPHJlY3QgeD0iMTcyIiB5PSIyNDQiIHdpZHRoPSIzMCIgaGVpZ2h0PSI5MiIgcng9IjEzIiBmaWxsPSIjZmZmIi8+CiAgPHJlY3QgeD0iMjYyIiB5PSIyMDYiIHdpZHRoPSIxMTAiIGhlaWdodD0iMTY4IiByeD0iMjAiIGZpbGw9IiNmZmYiLz4KICA8cmVjdCB4PSIyODQiIHk9IjIyNiIgd2lkdGg9IjY2IiBoZWlnaHQ9IjU4IiByeD0iMTMiIGZpbGw9InVybCgjcHZ3KSIvPgogIDx0ZXh0IHg9IjY3NiIgeT0iMjU2IiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZm9udC1mYW1pbHk9InVpLXNhbnMtc2VyaWYsIHN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgJ1NlZ29lIFVJJywgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjMyMCIgZm9udC13ZWlnaHQ9IjQwMCIgbGV0dGVyLXNwYWNpbmc9Ii00IiBmaWxsPSIjMWUyOTNiIj5Qb3Zlc3RlPC90ZXh0Pgo8L3N2Zz4K" : poveste_text_default;
 		});
 		const altText = computed(() => `${povesteConfig.theme.title} logo`);
 		return (_ctx, _cache) => {

package/dist/bundled/components/app/Breadcrumb.js

@@ -2,6 +2,6 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import Breadcrumb_vue_vue_type_script_setup_true_lang_default from "./Breadcrumb.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                           */
 //#region src/app/components/app/Breadcrumb.vue
-var Breadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Breadcrumb_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-64e4f50b"]]);
+var Breadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Breadcrumb_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d524f876"]]);
 //#endregion
 export { Breadcrumb_default as default };

package/dist/bundled/components/app/Breadcrumb.vue_vue_type_script_setup_true_lang.js

@@ -14,11 +14,11 @@ var Breadcrumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		stories: {}
 	},
 	setup(__props) {
-		useCssVars((_ctx) => ({ "v6ab8d98a": story.value?.iconColor }));
+		useCssVars((_ctx) => ({ "v1c581d20": story.value?.iconColor }));
 		const storyStore = useStoryStore();
 		const story = computed(() => storyStore.currentStory);
 		const folders = computed(() => {
-			return story.value.file.path.slice(0, -1);
+			return story.value?.file?.path.slice(0, -1) ?? [];
 		});
 		const isMenuOpened = ref(false);
 		function openMenu() {

package/dist/bundled/components/app/TopBar.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import ToolbarNewTab_default from "../toolbar/ToolbarNewTab.js";
 import ToolbarResponsiveSize_default from "../toolbar/ToolbarResponsiveSize.js";
 import ToolbarTextDirection_default from "../toolbar/ToolbarTextDirection.js";
 import ToolbarTitle_default from "../toolbar/ToolbarTitle.js";
-import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, unref, withCtx } from "@poveste/vendors/vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, unref, withCtx } from "@poveste/vendors/vue";
 //#region src/app/components/app/TopBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "poveste-top-bar flex-none grid grid-cols-[1fr_auto_1fr] items-center h-14 px-4 gap-3" };
 var _hoisted_2 = { key: 1 };
@@ -19,6 +19,7 @@ var TopBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 	},
 	setup(__props) {
 		const storyStore = useStoryStore();
+		const editableFile = computed(() => storyStore.currentStory?.file?.filePath);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createVNode(AppActions_default, {
@@ -49,9 +50,9 @@ var TopBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 							variant: unref(storyStore).currentVariant,
 							story: unref(storyStore).currentStory
 						}, null, 8, ["variant", "story"])) : createCommentVNode("", true),
-						_ctx.__POVESTE_DEV__ ? (openBlock(), createBlock(DevOnlyToolbarOpenInEditor_default, {
+						_ctx.__POVESTE_DEV__ && editableFile.value ? (openBlock(), createBlock(DevOnlyToolbarOpenInEditor_default, {
 							key: 2,
-							file: unref(storyStore).currentStory.file?.filePath,
+							file: editableFile.value,
 							tooltip: "Edit story in editor"
 						}, null, 8, ["file"])) : createCommentVNode("", true)
 					]),

package/dist/bundled/components/base/BaseCheckbox.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,7 @@ var BaseCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const progress = computed(() => props.modelValue ? 1 : 0);
 		const dashoffset = computed(() => (1 - progress.value) * dasharray.value);
 		watch(path, () => {
-			dasharray.value = path.value.getTotalLength?.() ?? 21.21;
+			dasharray.value = path.value?.getTotalLength?.() ?? 21.21;
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {

package/dist/bundled/components/base/BaseListItemLink.js

@@ -10,16 +10,19 @@ var _hoisted_1 = [
 ];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_RouterLink = resolveComponent("RouterLink");
-	return openBlock(), createBlock(_component_RouterLink, mergeProps({ class: "poveste-base-list-item-link" }, _ctx.$attrs, { custom: "" }), {
+	return openBlock(), createBlock(_component_RouterLink, mergeProps({
+		to: _ctx.to,
+		class: "poveste-base-list-item-link"
+	}, _ctx.$attrs, { custom: "" }), {
 		default: withCtx(({ isActive: linkIsActive, href, navigate }) => [createElementVNode("a", {
 			href,
 			"aria-current": (_ctx.isActive != null ? _ctx.isActive : linkIsActive) ? "page" : void 0,
-			class: normalizeClass(["flex items-center gap-2 text-gray-900 dark:text-gray-100", [_ctx.$attrs.class, (_ctx.isActive != null ? _ctx.isActive : linkIsActive) ? "active bg-primary-500 hover:bg-primary-600 text-white dark:text-black" : "hover:bg-primary-100 dark:hover:bg-primary-900"]]),
+			class: normalizeClass(["flex items-center gap-2 text-gray-900 dark:text-gray-100", [_ctx.$attrs.class, (_ctx.isActive != null ? _ctx.isActive : linkIsActive) ? "active bg-primary-700 hover:bg-primary-800 dark:bg-primary-500 dark:hover:bg-primary-600 text-white dark:text-black" : "hover:bg-primary-100 dark:hover:bg-primary-900"]]),
 			onClick: ($event) => _ctx.handleNavigate($event, navigate),
 			onKeyup: [withKeys(($event) => _ctx.handleNavigate($event, navigate), ["enter"]), withKeys(($event) => _ctx.handleNavigate($event, navigate), ["space"])]
 		}, [renderSlot(_ctx.$slots, "default", { active: _ctx.isActive != null ? _ctx.isActive : linkIsActive })], 42, _hoisted_1)]),
 		_: 3
-	}, 16);
+	}, 16, ["to"]);
 }
 var BaseListItemLink_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseListItemLink_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion

package/dist/bundled/components/base/BaseListItemLink.vue_vue_type_script_lang.js

@@ -2,10 +2,16 @@ import { defineComponent } from "@poveste/vendors/vue";
 //#region src/app/components/base/BaseListItemLink.vue?vue&type=script&lang.ts
 var BaseListItemLink_vue_vue_type_script_lang_default = defineComponent({
 	inheritAttrs: false,
-	props: { isActive: {
-		type: Boolean,
-		default: void 0
-	} },
+	props: {
+		to: {
+			type: [String, Object],
+			required: true
+		},
+		isActive: {
+			type: Boolean,
+			default: void 0
+		}
+	},
 	emits: { navigate: () => true },
 	setup(props, { emit }) {
 		function handleNavigate(event, navigate) {

package/dist/bundled/components/base/BaseOverflowMenu.vue_vue_type_script_setup_true_lang.js

@@ -40,12 +40,15 @@ var BaseOverflowMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					index: props.index
 				});
 				useResizeObserver(el, (entries) => {
+					const element = el.value;
+					if (!element) return;
 					const width = entries[0].contentRect.width;
-					if (!children.value.has(el.value)) children.value.set(el.value, state);
+					if (!children.value.has(element)) children.value.set(element, state);
 					state.width = width;
 				});
 				onBeforeUnmount(() => {
-					children.value.delete(el.value);
+					const element = el.value;
+					if (element) children.value.delete(element);
 				});
 				const visible = computed(() => visibleChildrenCount.value > state.index);
 				return () => h("div", {

package/dist/bundled/components/base/BaseOverflowTab.js

@@ -9,17 +9,20 @@ var _hoisted_2 = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_router_link = resolveComponent("router-link");
-	return openBlock(), createBlock(_component_router_link, mergeProps({ class: "poveste-base-overflow-tab" }, _ctx.$attrs, { custom: "" }), {
+	return openBlock(), createBlock(_component_router_link, mergeProps({
+		to: _ctx.to,
+		class: "poveste-base-overflow-tab"
+	}, _ctx.$attrs, { custom: "" }), {
 		default: withCtx(({ isActive, isExactActive, href, navigate }) => [createElementVNode("a", mergeProps(_ctx.$attrs, {
 			href,
-			class: ["px-4 h-10 min-w-[150px] inline-flex items-center hover:bg-primary-50 dark:hover:bg-primary-900 relative text-gray-900 dark:text-gray-100", { "text-primary-500 dark:text-primary-400": _ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive }],
+			class: ["px-4 h-10 min-w-[150px] inline-flex items-center hover:bg-primary-50 dark:hover:bg-primary-900 relative text-gray-900 dark:text-gray-100", { "text-primary-700 dark:text-primary-400": _ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive }],
 			onClick: navigate
 		}), [renderSlot(_ctx.$slots, "default"), createVNode(Transition, { name: "__poveste-scale-y" }, {
 			default: withCtx(() => [(_ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive) ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)]),
 			_: 2
 		}, 1024)], 16, _hoisted_1)]),
 		_: 3
-	}, 16);
+	}, 16, ["to"]);
 }
 var BaseOverflowTab_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseOverflowTab_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion

package/dist/bundled/components/base/BaseOverflowTab.vue_vue_type_script_lang.js

@@ -3,6 +3,10 @@ import { defineComponent } from "@poveste/vendors/vue";
 var BaseOverflowTab_vue_vue_type_script_lang_default = defineComponent({
 	inheritAttrs: false,
 	props: {
+		to: {
+			type: [String, Object],
+			required: true
+		},
 		exact: {
 			type: Boolean,
 			default: false

package/dist/bundled/components/base/BaseSplitPane.js

@@ -2,6 +2,6 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import BaseSplitPane_vue_vue_type_script_setup_true_lang_default from "./BaseSplitPane.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                              */
 //#region src/app/components/base/BaseSplitPane.vue
-var BaseSplitPane_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseSplitPane_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6a9b0727"]]);
+var BaseSplitPane_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseSplitPane_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1e09b1b3"]]);
 //#endregion
 export { BaseSplitPane_default as default };

package/dist/bundled/components/base/BaseSplitPane.vue_vue_type_script_setup_true_lang.js

@@ -111,12 +111,12 @@ var BaseSplitPane_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		});
 		const rightStyle = computed(() => {
 			if (!hasBothPanes.value) return { [axis.value]: "100%" };
-			return { [axis.value]: props.fixed ? null : `${100 - boundSplit.value}%` };
+			return { [axis.value]: props.fixed ? void 0 : `${100 - boundSplit.value}%` };
 		});
 		const dragging = ref(false);
 		let startPosition = 0;
 		let startSplit = 0;
-		const el = ref(null);
+		const el = ref();
 		function dragStart(e) {
 			dragging.value = true;
 			startPosition = props.orientation === "landscape" ? e.pageX : e.pageY;
@@ -126,14 +126,16 @@ var BaseSplitPane_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		}
 		function dragMove(e) {
 			if (dragging.value) {
+				const pane = el.value;
+				if (!pane) return;
 				let position;
 				let totalSize;
 				if (props.orientation === "landscape") {
 					position = e.pageX;
-					totalSize = el.value.offsetWidth;
+					totalSize = pane.offsetWidth;
 				} else {
 					position = e.pageY;
-					totalSize = el.value.offsetHeight;
+					totalSize = pane.offsetHeight;
 				}
 				const dPosition = position - startPosition;
 				if (props.fixed) currentSplit.value = startSplit + dPosition;

package/dist/bundled/components/base/BaseTab.js

@@ -9,17 +9,20 @@ var _hoisted_2 = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_router_link = resolveComponent("router-link");
-	return openBlock(), createBlock(_component_router_link, mergeProps({ class: "poveste-base-tab" }, _ctx.$attrs, { custom: "" }), {
+	return openBlock(), createBlock(_component_router_link, mergeProps({
+		to: _ctx.to,
+		class: "poveste-base-tab"
+	}, _ctx.$attrs, { custom: "" }), {
 		default: withCtx(({ isActive, isExactActive, href, navigate }) => [createElementVNode("a", mergeProps(_ctx.$attrs, {
 			href,
-			class: ["px-4 h-full inline-flex items-center hover:bg-primary-50 dark:hover:bg-primary-900 relative text-gray-900 dark:text-gray-100", { "text-primary-500 dark:text-primary-400": _ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive }],
+			class: ["px-4 h-full inline-flex items-center hover:bg-primary-50 dark:hover:bg-primary-900 relative text-gray-900 dark:text-gray-100", { "text-primary-700 dark:text-primary-400": _ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive }],
 			onClick: navigate
 		}), [renderSlot(_ctx.$slots, "default"), createVNode(Transition, { name: "__poveste-scale-x" }, {
 			default: withCtx(() => [(_ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive) ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)]),
 			_: 2
 		}, 1024)], 16, _hoisted_1)]),
 		_: 3
-	}, 16);
+	}, 16, ["to"]);
 }
 var BaseTab_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseTab_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion

package/dist/bundled/components/base/BaseTab.vue_vue_type_script_lang.js

@@ -3,6 +3,10 @@ import { defineComponent } from "@poveste/vendors/vue";
 var BaseTab_vue_vue_type_script_lang_default = defineComponent({
 	inheritAttrs: false,
 	props: {
+		to: {
+			type: [String, Object],
+			required: true
+		},
 		exact: {
 			type: Boolean,
 			default: false

package/dist/bundled/components/command/CommandPrompts.vue_vue_type_script_setup_true_lang.js

@@ -19,7 +19,7 @@ var CommandPrompts_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			select: PromptSelect_default
 		};
 		const answers = reactive({});
-		for (const prompt of props.command.prompts) {
+		for (const prompt of props.command.prompts ?? []) {
 			let defaultValue;
 			if (typeof prompt.defaultValue === "function") defaultValue = prompt.defaultValue(answers);
 			else defaultValue = prompt.defaultValue;

package/dist/bundled/components/command/CommandPromptsModal.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useCommandStore } from "../../stores/command.js";
-import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, openBlock, unref } from "@poveste/vendors/vue";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineAsyncComponent, defineComponent, openBlock, unref } from "@poveste/vendors/vue";
 //#region src/app/components/command/CommandPromptsModal.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -24,10 +24,11 @@ var CommandPromptsModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			return __props.shown ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
 				class: "absolute inset-0",
 				onClick: _cache[0] || (_cache[0] = ($event) => close())
-			}), createElementVNode("div", _hoisted_2, [createVNode(unref(CommandPrompts), {
+			}), createElementVNode("div", _hoisted_2, [unref(commandStore).selectedCommand ? (openBlock(), createBlock(unref(CommandPrompts), {
+				key: 0,
 				command: unref(commandStore).selectedCommand,
 				onClose: _cache[1] || (_cache[1] = ($event) => close())
-			}, null, 8, ["command"])])])) : createCommentVNode("", true);
+			}, null, 8, ["command"])) : createCommentVNode("", true)])])) : createCommentVNode("", true);
 		};
 	}
 });

package/dist/bundled/components/command/PromptSelect.vue_vue_type_script_setup_true_lang.js

@@ -27,7 +27,7 @@ var PromptSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const props = __props;
 		const emit = __emit;
 		const model = computed({
-			get: () => props.modelValue,
+			get: () => props.modelValue ?? "",
 			set: (value) => {
 				emit("update:modelValue", value);
 				emit("next");

package/dist/bundled/components/command/PromptText.vue_vue_type_script_setup_true_lang.js

@@ -20,7 +20,7 @@ var PromptText_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const props = __props;
 		const emit = __emit;
 		const model = computed({
-			get: () => props.modelValue,
+			get: () => props.modelValue ?? "",
 			set: (value) => emit("update:modelValue", value)
 		});
 		const input = ref();

package/dist/bundled/components/panel/PaneTabs.vue_vue_type_script_setup_true_lang.js

@@ -43,7 +43,7 @@ var PaneTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							}
 						},
 						matched: _ctx.$route.query.tab === "docs",
-						class: normalizeClass({ "opacity-50": !unref(renderedDoc) })
+						class: normalizeClass({ "opacity-70": !unref(renderedDoc) })
 					}, {
 						default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Docs ", -1)])]),
 						_: 1
@@ -61,7 +61,7 @@ var PaneTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							}
 						},
 						matched: _ctx.$route.query.tab === "events",
-						class: normalizeClass({ "opacity-50": !hasEvents.value })
+						class: normalizeClass({ "opacity-70": !hasEvents.value })
 					}, {
 						default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" Events ", -1)), unref(eventsStore).unseen ? (openBlock(), createBlock(BaseTag_default, { key: 0 }, {
 							default: withCtx(() => [createTextVNode(toDisplayString(unref(eventsStore).unseen <= 99 ? unref(eventsStore).unseen : "99+"), 1)]),
@@ -97,7 +97,7 @@ var PaneTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							}
 						},
 						matched: _ctx.$route.query.tab === "docs",
-						class: normalizeClass({ "opacity-50": !unref(renderedDoc) })
+						class: normalizeClass({ "opacity-70": !unref(renderedDoc) })
 					}, {
 						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Docs ", -1)])]),
 						_: 1
@@ -115,7 +115,7 @@ var PaneTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							}
 						},
 						matched: _ctx.$route.query.tab === "events",
-						class: normalizeClass({ "opacity-50": !hasEvents.value })
+						class: normalizeClass({ "opacity-70": !hasEvents.value })
 					}, {
 						default: withCtx(() => [_cache[2] || (_cache[2] = createTextVNode(" Events ", -1)), unref(eventsStore).unseen ? (openBlock(), createBlock(BaseTag_default, { key: 0 }, {
 							default: withCtx(() => [createTextVNode(toDisplayString(unref(eventsStore).unseen <= 99 ? unref(eventsStore).unseen : "99+"), 1)]),