@poveste/app 0.13.1 → 0.14.0

package/dist/bundled/App.vue_vue_type_script_setup_true_lang.js

@@ -51,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();

package/dist/bundled/app.css

@@ -12,8 +12,8 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-64e4f50b] {
-  color: var(--v6ab8d98a);
+.bind-icon-color[data-v-d524f876] {
+  color: var(--v1c581d20);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
@@ -22,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;
 }
 }
@@ -87,7 +87,7 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.__poveste-code-placeholder[data-v-6de9e107] {
+.__poveste-code-placeholder[data-v-ec6c2034] {
   color: inherit;
   font-size: inherit;
 }
@@ -102,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)) {
@@ -118,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;
 }
 }
@@ -133,8 +133,8 @@
 }
 }
 @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/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/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/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/StatePresets.vue_vue_type_script_setup_true_lang.js

@@ -6,14 +6,13 @@ import { Icon } from "@poveste/vendors/iconify";
 import { applyState, clone } from "@poveste/shared";
 //#region src/app/components/panel/StatePresets.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "poveste-state-presets flex gap-2 w-full items-center" };
-var _hoisted_2 = ["onUpdate:modelValue"];
-var _hoisted_3 = {
+var _hoisted_2 = {
 	key: 1,
 	class: "flex items-center gap-2"
 };
-var _hoisted_4 = { class: "flex-1 truncate" };
-var _hoisted_5 = { class: "flex gap-2 items-center" };
-var _hoisted_6 = { class: "flex-1 truncate" };
+var _hoisted_3 = { class: "flex-1 truncate" };
+var _hoisted_4 = { class: "flex gap-2 items-center" };
+var _hoisted_5 = { class: "flex-1 truncate" };
 var DEFAULT_ID = "default";
 var StatePresets_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "StatePresets",
@@ -41,7 +40,10 @@ var StatePresets_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		}
 		function applyPreset(id) {
 			if (id === DEFAULT_ID) resetState();
-			else if (presetStates.value.has(id)) applyState(props.variant.state, clone(toRawDeep(presetStates.value.get(id).state)));
+			else {
+				const preset = presetStates.value.get(id);
+				if (preset) applyState(props.variant.state, clone(toRawDeep(preset.state)));
+			}
 		}
 		onMounted(() => {
 			if (selectedOption.value !== DEFAULT_ID) applyPreset(selectedOption.value);
@@ -59,8 +61,15 @@ var StatePresets_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			selectedOption.value = id;
 			isEditing.value = true;
 			await nextTick();
-			input.value.select();
+			input.value?.select();
 		}
+		const editingLabel = computed({
+			get: () => presetStates.value.get(selectedOption.value)?.label ?? "",
+			set: (value) => {
+				const preset = presetStates.value.get(selectedOption.value);
+				if (preset) preset.label = value;
+			}
+		});
 		const savedNotif = ref(false);
 		const savedTimeout = useTimeoutFn(() => {
 			savedNotif.value = false;
@@ -68,6 +77,7 @@ var StatePresets_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		async function savePreset() {
 			if (!canEdit.value) return;
 			const preset = presetStates.value.get(selectedOption.value);
+			if (!preset) return;
 			preset.state = toPresetState(props.variant.state, omitKeys);
 			savedNotif.value = true;
 			savedTimeout.start();
@@ -81,7 +91,7 @@ var StatePresets_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			if (!canEdit.value) return;
 			isEditing.value = true;
 			await nextTick();
-			input.value.select();
+			input.value?.select();
 		}
 		function stopEditing() {
 			isEditing.value = false;
@@ -96,27 +106,27 @@ var StatePresets_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					class: "flex-1 min-w-0"
 				}, [createVNode(BaseSelect_default, {
 					modelValue: unref(selectedOption),
-					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(selectedOption) ? selectedOption.value = $event : null),
+					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(selectedOption) ? selectedOption.value = $event : null),
 					options: presetsOptions.value,
-					onDblclick: _cache[3] || (_cache[3] = ($event) => startEditing()),
-					onKeydown: [_cache[4] || (_cache[4] = withKeys(($event) => stopEditing(), ["enter"])), _cache[5] || (_cache[5] = withKeys(($event) => stopEditing(), ["escape"]))],
-					onSelect: _cache[6] || (_cache[6] = (id) => applyPreset(id))
+					onDblclick: _cache[4] || (_cache[4] = ($event) => startEditing()),
+					onKeydown: [_cache[5] || (_cache[5] = withKeys(($event) => stopEditing(), ["enter"])), _cache[6] || (_cache[6] = withKeys(($event) => stopEditing(), ["escape"]))],
+					onSelect: _cache[7] || (_cache[7] = (id) => applyPreset(id))
 				}, {
 					default: withCtx(({ label }) => [isEditing.value ? withDirectives((openBlock(), createElementBlock("input", {
 						key: 0,
 						ref_key: "input",
 						ref: input,
-						"onUpdate:modelValue": ($event) => unref(presetStates).get(unref(selectedOption)).label = $event,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editingLabel.value = $event),
 						type: "text",
 						class: "text-inherit bg-transparent w-full h-full outline-none",
-						onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop", "prevent"]))
-					}, null, 8, _hoisted_2)), [[vModelText, unref(presetStates).get(unref(selectedOption)).label]]) : (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(label), 1), canEdit.value ? withDirectives((openBlock(), createBlock(unref(Icon), {
+						onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop", "prevent"]))
+					}, null, 512)), [[vModelText, editingLabel.value]]) : (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(label), 1), canEdit.value ? withDirectives((openBlock(), createBlock(unref(Icon), {
 						key: 0,
 						icon: "carbon:edit",
 						class: "flex-none cursor-pointer w-4 h-4 hover:text-primary-500 opacity-50 hover:opacity-100 dark:hover:text-primary-400 text-gray-900 dark:text-gray-100",
-						onClick: _cache[1] || (_cache[1] = withModifiers(($event) => startEditing(), ["stop"]))
+						onClick: _cache[2] || (_cache[2] = withModifiers(($event) => startEditing(), ["stop"]))
 					}, null, 512)), [[_directive_tooltip, "Rename this preset"]]) : createCommentVNode("", true)]))]),
-					option: withCtx(({ label, value }) => [createElementVNode("div", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString(label), 1), value !== DEFAULT_ID ? withDirectives((openBlock(), createBlock(unref(Icon), {
+					option: withCtx(({ label, value }) => [createElementVNode("div", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(label), 1), value !== DEFAULT_ID ? withDirectives((openBlock(), createBlock(unref(Icon), {
 						key: 0,
 						icon: "carbon:trash-can",
 						class: "flex-none cursor-pointer w-4 h-4 hover:text-primary-500 opacity-50 hover:opacity-100 dark:hover:text-primary-400 text-gray-900 dark:text-gray-100",
@@ -128,18 +138,18 @@ var StatePresets_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					"data-testid": "preset-save",
 					icon: savedNotif.value ? "carbon:checkmark" : "carbon:save",
 					class: normalizeClass(["cursor-pointer w-4 h-4 hover:text-primary-500 dark:hover:text-primary-400 text-gray-900 dark:text-gray-100", [canEdit.value ? "opacity-50 hover:opacity-100" : "opacity-25 pointer-events-none"]]),
-					onClick: _cache[7] || (_cache[7] = ($event) => savePreset())
+					onClick: _cache[8] || (_cache[8] = ($event) => savePreset())
 				}, null, 8, ["icon", "class"]), [[_directive_tooltip, savedNotif.value ? "Saved!" : canEdit.value ? "Save to preset" : null]]),
 				withDirectives(createVNode(unref(Icon), {
 					"data-testid": "preset-create",
 					icon: "carbon:add-alt",
 					class: "cursor-pointer w-4 h-4 hover:text-primary-500 opacity-50 hover:opacity-100 dark:hover:text-primary-400 text-gray-900 dark:text-gray-100",
-					onClick: _cache[8] || (_cache[8] = ($event) => createPreset())
+					onClick: _cache[9] || (_cache[9] = ($event) => createPreset())
 				}, null, 512), [[_directive_tooltip, "Create new preset"]]),
 				withDirectives(createVNode(unref(Icon), {
 					icon: "carbon:reset",
 					class: "cursor-pointer w-4 h-4 hover:text-primary-500 opacity-50 hover:opacity-100 dark:hover:text-primary-400 text-gray-900 dark:text-gray-100",
-					onClick: _cache[9] || (_cache[9] = ($event) => resetState())
+					onClick: _cache[10] || (_cache[10] = ($event) => resetState())
 				}, null, 512), [[_directive_tooltip, "Reset to initial state"]])
 			]);
 		};

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

@@ -31,7 +31,7 @@ var StoryControls_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		watch(() => props.variant, () => {
 			ready.value = false;
 		});
-		const hasCustomControls = computed(() => props.variant.slots().controls || props.story.slots().controls);
+		const hasCustomControls = computed(() => props.variant.slots?.().controls || props.story.slots?.().controls);
 		const hasInitState = computed(() => Object.entries(props.variant.state || {}).some(([key]) => !key.startsWith("_h")));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [

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

@@ -10,7 +10,9 @@ var _hoisted_1 = ["innerHTML"];
 function useStoryDoc(story) {
 	const renderedDoc = ref("");
 	watchEffect(async () => {
-		const mdKey = story.value.file.filePath.replace(/\.(\w*)$/, ".md");
+		const filePath = story.value?.file?.filePath;
+		if (!filePath) return;
+		const mdKey = filePath.replace(/\.(\w*)$/, ".md");
 		if (markdownFiles[mdKey]) {
 			const md = await markdownFiles[mdKey]();
 			renderedDoc.value = md.html;

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

@@ -14,7 +14,11 @@ var StoryEvent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const formattedArgument = computed(() => {
 			switch (typeof props.event.argument) {
 				case "string": return `"${props.event.argument}"`;
-				case "object": return `{ ${Object.keys(props.event.argument).map((key) => `${key}: ${props.event.argument[key]}`).join(", ")} }`;
+				case "object": {
+					const argument = props.event.argument;
+					if (!argument) return "null";
+					return `{ ${Object.keys(argument).map((key) => `${key}: ${argument[key]}`).join(", ")} }`;
+				}
 				default: return props.event.argument;
 			}
 		});

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

@@ -16,7 +16,8 @@ var StoryEvents_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		async function resetUnseen() {
 			if (eventsStore.unseen > 0) eventsStore.unseen = 0;
 			await nextTick();
-			eventsElement.value.scrollTo({ top: eventsElement.value.scrollHeight });
+			const events = eventsElement.value;
+			events?.scrollTo({ top: events.scrollHeight });
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {

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

@@ -7,7 +7,7 @@ import PaneTabs_default from "./PaneTabs.js";
 import StoryControls_default from "./StoryControls.js";
 import StoryEvents_default from "./StoryEvents.js";
 import StorySourceCode_default from "./StorySourceCode.js";
-import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, resolveDynamicComponent, unref, withCtx } from "@poveste/vendors/vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, resolveDynamicComponent, unref, withCtx } from "@poveste/vendors/vue";
 import { useRoute } from "@poveste/vendors/vue-router";
 //#region src/app/components/panel/StorySidePanel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "h-full w-full p-2" };
@@ -47,19 +47,21 @@ var StorySidePanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				class: "poveste-story-side-panel poveste-loaded h-full",
 				"data-testid": "story-side-panel"
 			}, {
-				first: withCtx(() => [createElementVNode("div", _hoisted_3, [createVNode(PaneTabs_default, {
+				first: withCtx(() => [createElementVNode("div", _hoisted_3, [unref(storyStore).currentStory ? (openBlock(), createBlock(PaneTabs_default, {
+					key: 0,
 					story: unref(storyStore).currentStory,
 					variant: unref(storyStore).currentVariant
-				}, null, 8, ["story", "variant"]), (openBlock(), createBlock(resolveDynamicComponent(panelContentComponent.value), {
+				}, null, 8, ["story", "variant"])) : createCommentVNode("", true), (openBlock(), createBlock(resolveDynamicComponent(panelContentComponent.value), {
 					story: unref(storyStore).currentStory,
 					variant: unref(storyStore).currentVariant,
 					class: "h-full overflow-auto"
 				}, null, 8, ["story", "variant"]))])]),
-				last: withCtx(() => [createVNode(StorySourceCode_default, {
+				last: withCtx(() => [unref(storyStore).currentStory ? (openBlock(), createBlock(StorySourceCode_default, {
+					key: 0,
 					story: unref(storyStore).currentStory,
 					variant: unref(storyStore).currentVariant,
 					class: "h-full"
-				}, null, 8, ["story", "variant"])]),
+				}, null, 8, ["story", "variant"])) : createCommentVNode("", true)]),
 				_: 1
 			}, 8, ["save-id", "orientation"]))])]);
 		};

package/dist/bundled/components/panel/StorySourceCode.js

@@ -2,6 +2,6 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import StorySourceCode_vue_vue_type_script_setup_true_lang_default from "./StorySourceCode.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                */
 //#region src/app/components/panel/StorySourceCode.vue
-var StorySourceCode_default = /*#__PURE__*/ _plugin_vue_export_helper_default(StorySourceCode_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6de9e107"]]);
+var StorySourceCode_default = /*#__PURE__*/ _plugin_vue_export_helper_default(StorySourceCode_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ec6c2034"]]);
 //#endregion
 export { StorySourceCode_default as default };

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

@@ -27,9 +27,10 @@ var StorySourceCode_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	},
 	setup(__props) {
 		const props = __props;
-		const generateSourceCodeFn = ref(null);
+		const generateSourceCodeFn = shallowRef(null);
 		watchEffect(async () => {
-			const clientPlugin = clientSupportPlugins[props.story.file?.supportPluginId];
+			const supportPluginId = props.story.file?.supportPluginId;
+			const clientPlugin = supportPluginId ? clientSupportPlugins[supportPluginId] : void 0;
 			if (clientPlugin) {
 				const pluginModule = await clientPlugin();
 				generateSourceCodeFn.value = markRaw(pluginModule.generateSourceCode);

package/dist/bundled/components/search/SearchPane.vue_vue_type_script_setup_true_lang.js

@@ -50,7 +50,7 @@ var SearchPane_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		watch(() => props.shown, (value) => {
 			if (value) requestAnimationFrame(() => {
 				focused.value = true;
-				input.value.select();
+				input.value?.select();
 			});
 		});
 		const searchInputText = ref("");
@@ -95,14 +95,18 @@ var SearchPane_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				const idMapData = titleIdMap[document.item.id];
 				if (!idMapData) continue;
 				switch (idMapData.kind) {
-					case "story":
-						list.push(storyResultFactory(storyStore.getStoryById(idMapData.id), rank));
+					case "story": {
+						const story = storyStore.getStoryById(idMapData.id);
+						if (!story) continue;
+						list.push(storyResultFactory(story, rank));
 						rank++;
 						break;
+					}
 					case "variant": {
 						const [storyId] = idMapData.id.split(":");
 						const story = storyStore.getStoryById(storyId);
 						const variant = storyStore.getVariantById(idMapData.id);
+						if (!story || !variant) continue;
 						list.push(variantResultFactory(story, variant, rank));
 						rank++;
 						break;
@@ -121,9 +125,13 @@ var SearchPane_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					const idMapData = docIdMap[document.item.id];
 					if (!idMapData) continue;
 					switch (idMapData.kind) {
-						case "story":
-							list.push(storyResultFactory(storyStore.getStoryById(idMapData.id), rank, "docs"));
+						case "story": {
+							const story = storyStore.getStoryById(idMapData.id);
+							if (!story) continue;
+							list.push(storyResultFactory(story, rank, "docs"));
 							rank++;
+							break;
+						}
 					}
 				}
 				docsResults.value = list;
@@ -141,7 +149,7 @@ var SearchPane_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					params: { storyId: story.id },
 					query: { ...type === "docs" ? { tab: "docs" } : {} }
 				},
-				path: story.file.path.slice(0, -1),
+				path: story.file?.path.slice(0, -1) ?? [],
 				icon: story.icon,
 				iconColor: story.iconColor
 			};
@@ -160,7 +168,7 @@ var SearchPane_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 						...type === "docs" ? { tab: "docs" } : {}
 					}
 				},
-				path: [...story.file.path ?? [], story.title],
+				path: [...story.file?.path ?? [], story.title],
 				icon: variant.icon,
 				iconColor: variant.iconColor
 			};

package/dist/bundled/components/story/GenericMountStory.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,8 @@ var GenericMountStory_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const props = __props;
 		const mountComponent = ref(null);
 		watchEffect(async () => {
-			const clientPlugin = clientSupportPlugins[props.story.file?.supportPluginId];
+			const supportPluginId = props.story.file?.supportPluginId;
+			const clientPlugin = supportPluginId ? clientSupportPlugins[supportPluginId] : void 0;
 			if (clientPlugin) {
 				const pluginModule = await clientPlugin();
 				mountComponent.value = markRaw(pluginModule.MountStory);

package/dist/bundled/components/story/GenericRenderStory.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,8 @@ var GenericRenderStory_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 		const props = __props;
 		const mountComponent = ref(null);
 		watchEffect(async () => {
-			const clientPlugin = clientSupportPlugins[props.story.file?.supportPluginId];
+			const supportPluginId = props.story.file?.supportPluginId;
+			const clientPlugin = supportPluginId ? clientSupportPlugins[supportPluginId] : void 0;
 			if (clientPlugin) try {
 				const pluginModule = await clientPlugin();
 				mountComponent.value = markRaw(pluginModule.RenderStory);