@nanoforge-dev/editor 0.0.2-beta.8c768e4 → 0.0.2-beta.d1c5eea

package/dist/server/chunks/{_page.svelte-B3Zfq6_t.js → _page.svelte-Dne41AAE.js}

@@ -1,11 +1,12 @@
-import { $ as onDestroy, D as ensure_array_like, M as get$1, St as writable, _t as to_array, bt as unsubscribe_stores, dt as spread_props, f as attr, ft as store_get, g as bind_props, h as attributes, k as escape_html, m as attr_style, p as attr_class, pt as stringify, r as on, tt as props_id, w as derived, y as clsx$1 } from "./events-DeYJGjCt.js";
-import "./internal-B77zebhK.js";
-import "./client-BvtIF74Y.js";
-import "./state-q9lwVQK2.js";
-import { c as SvelteMap, t as Icon$1 } from "./loader-circle-zqx69BdD.js";
-import { $ as createId, A as PresenceManager, C as MenuRootState, D as Popper_layer, G as attachRef, H as Switch, J as boolToTrueOrUndef, K as boolToEmptyStrOrUndef, N as RovingFocusGroup, O as Popper_layer_force_mount, Q as createBitsAttrs, S as MenuMenuState, U as Switch_thumb, X as capitalize, Y as boxWith, Z as cn, _ as Floating_layer_anchor, _t as useProject, at as getDataTransitionAttrs, b as MenuContentState, ct as isElement$1, d as DOMContext, dt as noop, et as createQuery, g as Floating_layer, gt as useId, h as FloatingArrowState, ht as useDebounce, k as Portal, l as Context, lt as isFocusVisible, n as Button, ot as getDocument, p as DropdownMenuTriggerState, pt as simpleBox, q as boolToStr, r as CONTEXT_MENU_TRIGGER_ATTR, st as getFloatingContentCSSVars, t as AnimationsComplete, u as ContextMenuTriggerState, ut as mergeProps, vt as watch, w as MenuSeparatorState, x as MenuItemState, y as IsMounted, yt as tv } from "./error-D23CGeyL.js";
-import { a as Dialog_header, c as Skeleton, i as Dialog_footer, n as Dialog_content, o as Dialog_title, r as Dialog_description, s as Input, t as Dialog } from "./logo-BfI7zmyL.js";
-import { n as Progress_bar, t as Full_page_project_spinner } from "./project-loader-BkV0zjlj.js";
+import { C as escape_html, K as props_id, O as getContext, S as ensure_array_like, T as get, U as on, W as onDestroy, at as stringify, c as attr_class, d as bind_props, et as setContext, it as store_get, l as attr_style, lt as unsubscribe_stores, m as clsx$1, rt as spread_props, s as attr, st as to_array, u as attributes, ut as writable, y as derived } from "./index-server-BthNUqCR.js";
+import "./internal2-BiukHRFA.js";
+import { r as formatFrom } from "./format-DGOlJxF5.js";
+import "./client-jrv3ueos.js";
+import "./state-CviNrLh6.js";
+import { c as SvelteMap, t as Icon$1 } from "./loader-circle-C4T0os4K.js";
+import { $ as createBitsAttrs, A as Portal, C as MenuMenuState, I as Select, J as boolToStr, K as attachRef, L as Select_content, O as Popper_layer, P as RovingFocusGroup, Q as cn, R as Select_item, S as MenuItemState, T as MenuSeparatorState, U as Switch, V as Spinner, W as Switch_thumb, X as boxWith, Y as boolToTrueOrUndef, Z as capitalize, _ as Floating_layer_anchor, _t as useId, b as Loading_button, bt as tv, ct as getFloatingContentCSSVars, d as DOMContext, dt as mergeProps, et as createId, ft as noop, g as Floating_layer, gt as useDebounce, h as FloatingArrowState, j as PresenceManager, k as Popper_layer_force_mount, l as Context, lt as isElement$1, mt as simpleBox, n as Button, ot as getDataTransitionAttrs, p as DropdownMenuTriggerState, q as boolToEmptyStrOrUndef, r as CONTEXT_MENU_TRIGGER_ATTR, st as getDocument, t as AnimationsComplete, tt as createQuery, u as ContextMenuTriggerState, ut as isFocusVisible, vt as useProject, w as MenuRootState, x as MenuContentState, y as IsMounted, yt as watch, z as Select_trigger } from "./error-Cu-XIb00.js";
+import { a as Dialog_header, c as Skeleton, i as Dialog_footer, n as Dialog_content, o as Dialog_title, r as Dialog_description, s as Input, t as Dialog } from "./logo-dxZl1N-5.js";
+import { n as Progress_bar, t as Full_page_project_spinner } from "./project-loader-D46R4y2F.js";
 //#region .svelte-kit/adapter-bun/entries/pages/dashboard/_page.svelte.js
 function Arrow($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -3158,7 +3159,7 @@ function createTabsStore() {
 		set(initialState);
 	}
 	async function findExistingTab(tab) {
-		const tabs = get$1({ subscribe }).tabs;
+		const tabs = get({ subscribe }).tabs;
 		if (tab.metadata?.path) {
 			for (const t of tabs) {
 				if (!t.metadata?.path) continue;
@@ -3221,7 +3222,7 @@ function EditorGame($$renderer, $$props) {
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<button aria-label="Pause" class="h-fit cursor-pointer hover:bg-neutral-700 rounded-md"><span class="block h-7 w-7 i-ic-round-pause text-yellow"></span></button>`);
 		}
-		$$renderer.push(`<!--]--> <button aria-label="Stop"${attr_class(`h-fit ${gameState === GameState.PLAY ? "cursor-pointer hover:bg-neutral-700" : ""} rounded-md`)}><span${attr_class(`block h-7 w-7 i-ic-round-stop ${gameState === GameState.PLAY ? "text-red-600" : "text-red-950"}`)}></span></button> <button aria-label="Reload from server"${attr_class(`h-fit ${gameState !== GameState.RELOAD_FROM_SERVER ? "cursor-pointer hover:bg-neutral-700" : ""} rounded-md`)}><span${attr_class(`block h-7 w-7 i-ic-round-autorenew ${gameState !== GameState.RELOAD_FROM_SERVER ? "text-blue-500" : "text-blue-950"}`)}></span></button></div></div> <div class="h-full w-full bg-black mb-8"><div class="editor-game-container svelte-1rzbbvo"></div></div></div></div>`);
+		$$renderer.push(`<!--]--> <button aria-label="Stop"${attr_class(`h-fit ${gameState === GameState.PLAY ? "cursor-pointer hover:bg-neutral-700" : ""} rounded-md`)}><span${attr_class(`block h-7 w-7 i-ic-round-stop ${gameState === GameState.PLAY ? "text-red-600" : "text-red-950"}`)}></span></button> <button aria-label="Reload from server"${attr_class(`h-fit ${gameState !== GameState.RELOAD_FROM_SERVER ? "cursor-pointer hover:bg-neutral-700" : ""} rounded-md`)}><span${attr_class(`block h-7 w-7 i-ic-round-autorenew ${gameState !== GameState.RELOAD_FROM_SERVER ? "text-sky-600" : "text-sky-950"}`)}></span></button></div></div> <div class="h-full w-full bg-black mb-8"><div class="editor-game-container svelte-1rzbbvo"></div></div></div></div>`);
 	});
 }
 var exampleLogs = [
@@ -3711,6 +3712,27 @@ function Icon($$renderer, $$props) {
 }
 var currentDir = writable("");
 var joinPath = (path, name) => `${path ? `${path}/` : ""}${name}`;
+var FILE_TYPES = [
+	["ts", ["ts", "js"]],
+	["3d", ["fbd"]],
+	["song", [
+		"mp3",
+		"wav",
+		"flac"
+	]],
+	["img", [
+		"png",
+		"jpg",
+		"jpeg",
+		"gif",
+		"svg",
+		"webp"
+	]]
+];
+var getType = (name) => {
+	const [type] = FILE_TYPES.find(([, exts]) => exts.includes(name.split(".").pop())) ?? ["unknown"];
+	return type;
+};
 function Content_item($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		var $$store_subs;
@@ -4120,7 +4142,7 @@ function Tabs_trigger($$renderer, $$props) {
 				Tabs_trigger$1($$renderer, spread_props([
 					{
 						"data-slot": "tabs-trigger",
-						class: cn("gap-1.5 border-b-2 border-transparent duration-300 px-1.5 py-0.5 text-sm font-medium has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input data-[state=active]:border-primary dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground", "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", className)
+						class: cn("gap-1.5 border-b-2 border-transparent duration-300 px-1.5 py-0.5 text-sm font-medium hover:cursor-pointer has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input data-[state=active]:border-primary dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground", "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", className)
 					},
 					restProps,
 					{
@@ -4200,8 +4222,16 @@ function Tabs($$renderer, $$props) {
 function Base_dialog($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		let { open = false, title, description, children, confirmText, cancelText, confirmDisabled, onOpenChange, onConfirm } = $$props;
-		const confirm = () => {
-			onConfirm?.();
+		let isLoading = false;
+		const confirm = async () => {
+			isLoading = true;
+			try {
+				await onConfirm?.();
+			} catch (e) {
+				isLoading = false;
+				throw e;
+			}
+			isLoading = false;
 			open = false;
 			onOpenChange?.(false);
 		};
@@ -4266,7 +4296,8 @@ function Base_dialog($$renderer, $$props) {
 										$$slots: { default: true }
 									});
 									$$renderer.push(`<!----> `);
-									Button($$renderer, {
+									Loading_button($$renderer, {
+										loading: isLoading,
 										disabled: confirmDisabled,
 										onclick: confirm,
 										children: ($$renderer) => {
@@ -4437,7 +4468,7 @@ function Input_dialog($$renderer, $$props) {
 }
 function Dialog_name($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		let { open = false, title, nameText, nameValue = "", confirmText, onConfirm } = $$props;
+		let { open = false, title, nameText, nameValue = "", confirmText, onConfirm, validate } = $$props;
 		const handleEnterConfirm = (confirm) => (e) => {
 			if (e.key === "Enter") {
 				e.preventDefault();
@@ -4445,11 +4476,13 @@ function Dialog_name($$renderer, $$props) {
 				confirm();
 			}
 		};
-		const handleConfirm = () => {
+		const handleConfirm = async () => {
+			if (validate?.(nameValue.trim())) return;
 			const n = nameValue.trim();
 			if (!n) throw "Name is required";
-			onConfirm?.(n);
+			await onConfirm?.(n);
 		};
+		const error = derived(() => validate?.(nameValue.trim()));
 		const reset = () => {
 			nameValue = "";
 		};
@@ -4470,7 +4503,12 @@ function Dialog_name($$renderer, $$props) {
 							$$settled = false;
 						}
 					});
-					$$renderer.push(`<!----></div>`);
+					$$renderer.push(`<!----> `);
+					if (error()) {
+						$$renderer.push("<!--[0-->");
+						$$renderer.push(`<span class="text-xs text-destructive">Error: ${escape_html(error())}</span>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--></div>`);
 				}
 				Input_dialog($$renderer, {
 					title,
@@ -4847,6 +4885,15 @@ function Scenes_tab($$renderer, $$props) {
 		$$renderer.push(`<!--]--></div>`);
 	});
 }
+var ASSET_ITEMS = {
+	icon: {
+		name: "i-ic-baseline-landscape",
+		color: "text-purple-400"
+	},
+	canAdd: true,
+	canDelete: true,
+	canImport: true
+};
 var COMPONENT_ITEMS = {
 	icon: {
 		name: "i-ic-baseline-token",
@@ -4854,17 +4901,15 @@ var COMPONENT_ITEMS = {
 	},
 	addTooltip: "Add to selected entity",
 	disableAddTooltipNotSelected: "No entity selected",
-	disableAddTooltipAlreadyAdded: "The selected entity already had this component"
-};
-var LIBRARY_ITEMS = {
-	icon: {
-		name: "i-ic-round-library-books",
-		color: "text-teal-400"
-	},
-	addTooltip: null,
-	disableAddTooltipNotSelected: null,
-	disableAddTooltipAlreadyAdded: null
+	disableAddTooltipAlreadyAdded: "The selected entity already had this component",
+	canAdd: true,
+	canDelete: true,
+	canImport: true
 };
+var LIBRARY_ITEMS = { icon: {
+	name: "i-ic-round-library-books",
+	color: "text-teal-400"
+} };
 var SYSTEM_ITEMS = {
 	icon: {
 		name: "i-icomoon-free-steam",
@@ -4872,12 +4917,16 @@ var SYSTEM_ITEMS = {
 	},
 	addTooltip: "Add to active scene",
 	disableAddTooltipNotSelected: "No active scene",
-	disableAddTooltipAlreadyAdded: "The active scene already had this system"
+	disableAddTooltipAlreadyAdded: "The active scene already had this system",
+	canAdd: true,
+	canDelete: true,
+	canImport: true
 };
 function Package_row($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		var $$store_subs;
 		const ITEMS = {
+			asset: ASSET_ITEMS,
 			component: COMPONENT_ITEMS,
 			system: SYSTEM_ITEMS,
 			library: LIBRARY_ITEMS
@@ -4889,9 +4938,11 @@ function Package_row($$renderer, $$props) {
 		const activeSceneData = derived(() => store_get($$store_subs ??= {}, "$activeScene", activeScene())?.store);
 		const selectedEntity = derived(() => store_get($$store_subs ??= {}, "$activeScene", activeScene()).entities.selected);
 		const selectedEntityData = derived(() => store_get($$store_subs ??= {}, "$selectedEntity", selectedEntity())?.store);
+		let deleteLoading = false;
 		const disabled = derived(() => {
 			if (type === "component" ? !store_get($$store_subs ??= {}, "$selectedEntity", selectedEntity()) : !store_get($$store_subs ??= {}, "$activeScene", activeScene())) return "selected";
 			if (type === "component" ? !!store_get($$store_subs ??= {}, "$selectedEntityData", selectedEntityData())?.components[handle.id] : store_get($$store_subs ??= {}, "$activeSceneData", activeSceneData()).systems.includes(handle.id)) return "added";
+			if (deleteLoading) return "delete";
 			return null;
 		});
 		const items = derived(() => ITEMS[type]);
@@ -4906,14 +4957,23 @@ function Package_row($$renderer, $$props) {
 			if (type === "component") {
 				const entity = ecs.scenes.activeData.entities.selectedData;
 				if (!entity) return;
-				entity.components.add(get$1(pkg()).id);
-			} else ecs.scenes.activeData.systems.add(get$1(pkg()).id);
+				entity.components.add(get(pkg()).id);
+			} else ecs.scenes.activeData.systems.add(get(pkg()).id);
 		};
 		const onOpenCode = (e) => {
 			e.stopPropagation();
+			const item = get(pkg());
+			if (type === "library" || !item.path) return;
+			tabsStore.openTab({
+				type: getType(item.path),
+				title: item.path.split("/").at(-1) ?? item.name ?? item.id,
+				metadata: { path: item.path }
+			});
 		};
-		const handleDelete = () => {
-			handle.delete();
+		const handleDelete = async () => {
+			deleteLoading = true;
+			await handle.delete();
+			deleteLoading = false;
 		};
 		const onDelete = (e) => {
 			e.stopPropagation();
@@ -4943,7 +5003,7 @@ function Package_row($$renderer, $$props) {
 								"w-3.5 h-3.5 shrink-0",
 								items().icon.name,
 								items().icon.color
-							]))}></span> <span class="font-medium text-foreground flex-1 truncate text-xs">${escape_html(store_get($$store_subs ??= {}, "$pkg", pkg()).name)}</span></div> <div class="mt-0.5 text-xs text-muted-foreground truncate pl-5">${escape_html(store_get($$store_subs ??= {}, "$pkg", pkg()).path ?? store_get($$store_subs ??= {}, "$pkg", pkg()).id)}</div></div> <div class="flex items-center gap-1 opacity-0 group-hover:opacity-100">`);
+							]))}></span> <span class="font-medium text-foreground flex-1 truncate text-xs">${escape_html(store_get($$store_subs ??= {}, "$pkg", pkg()).name ?? store_get($$store_subs ??= {}, "$pkg", pkg()).path?.split("/").at(-1) ?? store_get($$store_subs ??= {}, "$pkg", pkg()).id)}</span></div> <div class="mt-0.5 text-xs text-muted-foreground truncate pl-5">${escape_html(store_get($$store_subs ??= {}, "$pkg", pkg()).path ?? store_get($$store_subs ??= {}, "$pkg", pkg()).id)}</div></div> <div class="flex items-center gap-1 opacity-0 group-hover:opacity-100">`);
 							if (tooltip()) {
 								$$renderer.push("<!--[0-->");
 								Tooltip_text($$renderer, {
@@ -4965,12 +5025,20 @@ function Package_row($$renderer, $$props) {
 							} else $$renderer.push("<!--[-1-->");
 							$$renderer.push(`<!--]--> `);
 							Button($$renderer, {
+								disabled: type === "library" || deleteLoading,
 								variant: "ghost",
 								size: "icon",
 								class: "text-destructive hover:text-destructive hover:bg-destructive/20",
 								onclick: onDelete,
 								children: ($$renderer) => {
-									$$renderer.push(`<span class="i-ic-baseline-delete"></span>`);
+									if (deleteLoading) {
+										$$renderer.push("<!--[0-->");
+										Spinner($$renderer, { class: "w-3 h-3" });
+									} else {
+										$$renderer.push("<!--[-1-->");
+										$$renderer.push(`<span class="i-ic-baseline-delete"></span>`);
+									}
+									$$renderer.push(`<!--]-->`);
 								},
 								$$slots: { default: true }
 							});
@@ -4991,24 +5059,35 @@ function Package_row($$renderer, $$props) {
 									$$slots: { default: true }
 								});
 								$$renderer.push(`<!----> `);
-								Context_menu_item($$renderer, {
-									disabled: !!disabled(),
-									onclick: onAdd,
-									children: ($$renderer) => {
-										$$renderer.push(`<span class="i-ic-baseline-add-circle text-green-400"></span> ${escape_html(items().addTooltip)}`);
-									},
-									$$slots: { default: true }
-								});
-								$$renderer.push(`<!----> `);
+								if (type !== "asset") {
+									$$renderer.push("<!--[0-->");
+									Context_menu_item($$renderer, {
+										disabled: !!disabled(),
+										onclick: onAdd,
+										children: ($$renderer) => {
+											$$renderer.push(`<span class="i-ic-baseline-add-circle text-green-400"></span> ${escape_html(items().addTooltip)}`);
+										},
+										$$slots: { default: true }
+									});
+								} else $$renderer.push("<!--[-1-->");
+								$$renderer.push(`<!--]--> `);
 								Context_menu_separator($$renderer, {});
 								$$renderer.push(`<!---->`);
 							} else $$renderer.push("<!--[-1-->");
 							$$renderer.push(`<!--]--> `);
 							Context_menu_item($$renderer, {
+								disabled: type === "library" || deleteLoading,
 								variant: "destructive",
 								onclick: onDelete,
 								children: ($$renderer) => {
-									$$renderer.push(`<span class="i-ic-baseline-delete"></span> Delete`);
+									if (deleteLoading) {
+										$$renderer.push("<!--[0-->");
+										Spinner($$renderer, { class: "w-3 h-3" });
+									} else {
+										$$renderer.push("<!--[-1-->");
+										$$renderer.push(`<span class="i-ic-baseline-delete"></span>`);
+									}
+									$$renderer.push(`<!--]--> Delete`);
 								},
 								$$slots: { default: true }
 							});
@@ -5033,7 +5112,7 @@ function Package_row($$renderer, $$props) {
 }
 function Dialog_create_package($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		let { name, open = false, onConfirm } = $$props;
+		let { name, open = false, onConfirm, validate } = $$props;
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
@@ -5041,35 +5120,7 @@ function Dialog_create_package($$renderer, $$props) {
 				title: `Create ${name}`,
 				nameText: `${name} name`,
 				onConfirm,
-				get open() {
-					return open;
-				},
-				set open($$value) {
-					open = $$value;
-					$$settled = false;
-				}
-			});
-		}
-		do {
-			$$settled = true;
-			$$inner_renderer = $$renderer.copy();
-			$$render_inner($$inner_renderer);
-		} while (!$$settled);
-		$$renderer.subsume($$inner_renderer);
-		bind_props($$props, { open });
-	});
-}
-function Dialog_import_package($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		let { name, open = false, onConfirm } = $$props;
-		let $$settled = true;
-		let $$inner_renderer;
-		function $$render_inner($$renderer) {
-			Dialog_name($$renderer, {
-				title: `Import ${name}`,
-				nameText: `${name} name`,
-				confirmText: "Import",
-				onConfirm,
+				validate,
 				get open() {
 					return open;
 				},
@@ -5238,6 +5289,127 @@ function Scroll_area($$renderer, $$props) {
 		});
 	});
 }
+function Dialog_create_asset($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { open = false, accept, onConfirm } = $$props;
+		let files = [];
+		let dragging = false;
+		const formatSize = (bytes) => {
+			if (bytes < 1024) return `${bytes} B`;
+			const units = [
+				"KB",
+				"MB",
+				"GB"
+			];
+			let size = bytes / 1024;
+			let unit = 0;
+			while (size >= 1024 && unit < units.length - 1) {
+				size /= 1024;
+				unit++;
+			}
+			return `${size.toFixed(1)} ${units[unit]}`;
+		};
+		const removeFile = (index) => {
+			files = files.filter((_, i) => i !== index);
+		};
+		const handleConfirm = async () => {
+			if (files.length === 0) return;
+			await onConfirm(files);
+			reset();
+		};
+		const reset = () => {
+			files = [];
+			dragging = false;
+		};
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			Base_dialog($$renderer, {
+				title: "Import Asset",
+				confirmText: files.length > 1 ? `Import ${files.length} files` : "Import",
+				confirmDisabled: files.length === 0,
+				onConfirm: handleConfirm,
+				get open() {
+					return open;
+				},
+				set open($$value) {
+					open = $$value;
+					$$settled = false;
+				},
+				children: ($$renderer) => {
+					$$renderer.push(`<div class="flex flex-col gap-3 py-2"><input type="file" multiple=""${attr("accept", accept)} class="hidden"/> <div role="button" tabindex="0"${attr_class(`flex flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed px-4 py-8 text-center transition-colors ${dragging ? "border-primary bg-primary/5" : "border-border hover:border-primary/50"}`)}><span class="i-ic-baseline-cloud-upload text-3xl text-muted-foreground"></span> <p class="text-sm text-muted-foreground">Drag &amp; drop files here, or <span class="text-primary">browse</span></p> `);
+					Button($$renderer, {
+						variant: "outline",
+						size: "sm",
+						onclick: (e) => {
+							e.stopPropagation();
+						},
+						children: ($$renderer) => {
+							$$renderer.push(`<span class="i-ic-baseline-folder-open mr-2 text-sm"></span> Browse files`);
+						},
+						$$slots: { default: true }
+					});
+					$$renderer.push(`<!----></div> `);
+					if (files.length > 0) {
+						$$renderer.push("<!--[0-->");
+						Scroll_area($$renderer, {
+							class: "max-h-40",
+							children: ($$renderer) => {
+								$$renderer.push(`<div class="flex flex-col gap-1"><!--[-->`);
+								const each_array = ensure_array_like(files);
+								for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+									let file = each_array[i];
+									$$renderer.push(`<div class="flex items-center gap-2 rounded-md border border-border px-2 py-1.5 text-sm"><span class="i-ic-baseline-insert-drive-file shrink-0 text-muted-foreground"></span> <span class="min-w-0 flex-1 truncate"${attr("title", file.name)}>${escape_html(file.name)}</span> <span class="shrink-0 text-xs text-muted-foreground">${escape_html(formatSize(file.size))}</span> `);
+									Button($$renderer, {
+										variant: "ghost",
+										size: "icon",
+										class: "size-6 shrink-0 text-destructive hover:bg-destructive/10 hover:text-destructive",
+										onclick: () => removeFile(i),
+										children: ($$renderer) => {
+											$$renderer.push(`<span class="i-ic-round-close text-sm"></span>`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!----></div>`);
+								}
+								$$renderer.push(`<!--]--></div>`);
+							},
+							$$slots: { default: true }
+						});
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--></div>`);
+				},
+				$$slots: { default: true }
+			});
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { open });
+	});
+}
+tv({
+	base: "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none",
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+		link: "text-primary underline-offset-4 hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+});
+var MARKETPLACE_CONTEXT_KEY = "marketplace";
+function setMarketplaceContext(ctx) {
+	setContext(MARKETPLACE_CONTEXT_KEY, ctx);
+}
+function getMarketplaceContext() {
+	return getContext(MARKETPLACE_CONTEXT_KEY);
+}
 function Package_tab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		var $$store_subs;
@@ -5245,49 +5417,57 @@ function Package_tab($$renderer, $$props) {
 		const packages = derived(() => manager.store);
 		const nameCapitalized = derived(() => capitalize(type));
 		const namePlural = derived(() => type === "library" ? "libraries" : type + "s");
+		getContext("ecsQuery");
+		const marketplace = getMarketplaceContext();
 		let query = "";
 		const sorted = derived(() => store_get($$store_subs ??= {}, "$packages", packages()).filter((c) => !query || (c.name ?? c.id).toLowerCase().includes(query.toLowerCase())).sort((a, b) => (a.name ?? a.id).localeCompare(b.name ?? b.id)));
 		let createOpen = false;
-		let importOpen = false;
-		const handleCreate = (name) => {
-			manager.add({
-				name,
-				params: []
-			});
+		const handleCreate = async (name) => {
+			if (!("create" in manager) || type === "asset") throw new Error(`Cannot create in library - use the "Import Library" button instead.`);
+			await manager.create(name);
 		};
-		const handleImport = (name) => {
-			manager.add({
-				name,
-				params: []
-			});
+		const handleImportAsset = async (files) => {
+			if (type !== "asset") return;
+			await manager.createMany(files);
+		};
+		const validate = (raw, suffix = nameCapitalized()) => {
+			if (!raw) return "Name is required";
+			const name = `${formatFrom.all(raw)[type === "system" ? "toCamel" : "toPascal"]()}${suffix}`;
+			console.log(name, store_get($$store_subs ??= {}, "$packages", packages()));
+			if (store_get($$store_subs ??= {}, "$packages", packages()).find((p) => p.id === name)) return `${nameCapitalized()} already exists`;
+			return null;
 		};
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
-			Dialog_create_package($$renderer, {
-				name: nameCapitalized(),
-				onConfirm: handleCreate,
-				get open() {
-					return createOpen;
-				},
-				set open($$value) {
-					createOpen = $$value;
-					$$settled = false;
-				}
-			});
-			$$renderer.push(`<!----> `);
-			Dialog_import_package($$renderer, {
-				name: nameCapitalized(),
-				onConfirm: handleImport,
-				get open() {
-					return importOpen;
-				},
-				set open($$value) {
-					importOpen = $$value;
-					$$settled = false;
-				}
-			});
-			$$renderer.push(`<!----> <div class="flex flex-col flex-1 min-h-0"><div class="flex items-center gap-1.5 px-2 py-1.5 border-b border-border shrink-0">`);
+			if (type === "asset") {
+				$$renderer.push("<!--[0-->");
+				Dialog_create_asset($$renderer, {
+					onConfirm: handleImportAsset,
+					get open() {
+						return createOpen;
+					},
+					set open($$value) {
+						createOpen = $$value;
+						$$settled = false;
+					}
+				});
+			} else {
+				$$renderer.push("<!--[-1-->");
+				Dialog_create_package($$renderer, {
+					name: nameCapitalized(),
+					onConfirm: handleCreate,
+					validate,
+					get open() {
+						return createOpen;
+					},
+					set open($$value) {
+						createOpen = $$value;
+						$$settled = false;
+					}
+				});
+			}
+			$$renderer.push(`<!--]--> <div class="flex flex-col flex-1 min-h-0"><div class="flex items-center gap-1.5 px-2 py-1.5 border-b border-border shrink-0">`);
 			Input_group($$renderer, {
 				children: ($$renderer) => {
 					Input_group_input($$renderer, {
@@ -5346,6 +5526,7 @@ function Package_tab($$renderer, $$props) {
 							}]));
 						}
 						Dropdown_menu_trigger($$renderer, {
+							disabled: type === "library",
 							child,
 							$$slots: { child: true }
 						});
@@ -5354,8 +5535,17 @@ function Package_tab($$renderer, $$props) {
 					Dropdown_menu_content($$renderer, {
 						align: "end",
 						children: ($$renderer) => {
-							if (type !== "library") {
+							if (type === "asset") {
 								$$renderer.push("<!--[0-->");
+								Dropdown_menu_item($$renderer, {
+									onclick: () => createOpen = true,
+									children: ($$renderer) => {
+										$$renderer.push(`<span class="i-ic-baseline-note-add mr-2 text-sm"></span> Upload`);
+									},
+									$$slots: { default: true }
+								});
+							} else if (type !== "library") {
+								$$renderer.push("<!--[1-->");
 								Dropdown_menu_item($$renderer, {
 									onclick: () => createOpen = true,
 									children: ($$renderer) => {
@@ -5366,7 +5556,7 @@ function Package_tab($$renderer, $$props) {
 							} else $$renderer.push("<!--[-1-->");
 							$$renderer.push(`<!--]--> `);
 							Dropdown_menu_item($$renderer, {
-								onclick: () => importOpen = true,
+								onclick: () => marketplace.open(),
 								children: ($$renderer) => {
 									$$renderer.push(`<span class="i-ic-baseline-file-upload mr-2 text-sm"></span> Import`);
 								},
@@ -5413,6 +5603,13 @@ function Package_tab($$renderer, $$props) {
 		if ($$store_subs) unsubscribe_stores($$store_subs);
 	});
 }
+function Assets_tab($$renderer, $$props) {
+	const { manager } = $$props;
+	Package_tab($$renderer, {
+		type: "asset",
+		manager
+	});
+}
 function Components_tab($$renderer, $$props) {
 	const { manager } = $$props;
 	Package_tab($$renderer, {
@@ -5438,9 +5635,19 @@ function Widget$2($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		const { ecs } = useProject();
 		let selectedTab = "scenes";
+		let query = {
+			entities: "",
+			packages: ""
+		};
+		const selectTab = (tab) => {
+			selectedTab = tab;
+		};
+		setContext("selectTab", selectTab);
+		setContext("ecsQuery", query);
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
+			$$renderer.push(`<div class="hidden i-ic-baseline-landscape i-ic-baseline-token i-ic-round-library-books i-icomoon-free-steam"></div> `);
 			Tabs($$renderer, {
 				class: "h-full w-full gap-0 bg-neutral-900 text-sm select-none overflow-hidden",
 				get value() {
@@ -5453,7 +5660,7 @@ function Widget$2($$renderer, $$props) {
 				children: ($$renderer) => {
 					Tabs_list($$renderer, {
 						variant: "line",
-						class: "w-full justify-start rounded-none border-b border-border bg-neutral-800 shrink-0 h-auto py-0 px-0 gap-0",
+						class: "w-full justify-start rounded-none border-b border-border bg-neutral-800 shrink-0 h-auto py-0 px-0 gap-0 overflow-x-scroll",
 						children: ($$renderer) => {
 							Tabs_trigger($$renderer, {
 								value: "scenes",
@@ -5482,6 +5689,15 @@ function Widget$2($$renderer, $$props) {
 								$$slots: { default: true }
 							});
 							$$renderer.push(`<!----> `);
+							Tabs_trigger($$renderer, {
+								value: "assets",
+								class: "px-2 py-1 mx-2 my-1",
+								children: ($$renderer) => {
+									$$renderer.push(`<!---->Assets`);
+								},
+								$$slots: { default: true }
+							});
+							$$renderer.push(`<!----> `);
 							Tabs_trigger($$renderer, {
 								value: "libraries",
 								class: "px-2 py-1 mx-2 my-1",
@@ -5530,10 +5746,20 @@ function Widget$2($$renderer, $$props) {
 						},
 						$$slots: { default: true }
 					});
+					$$renderer.push(`<!----> `);
+					Tabs_content($$renderer, {
+						value: "assets",
+						class: "flex-1 min-h-0",
+						children: ($$renderer) => {
+							Assets_tab($$renderer, { manager: ecs.assets });
+						},
+						$$slots: { default: true }
+					});
 					$$renderer.push(`<!---->`);
 				},
 				$$slots: { default: true }
 			});
+			$$renderer.push(`<!---->`);
 		}
 		do {
 			$$settled = true;
@@ -5712,17 +5938,97 @@ function Component_param_row($$renderer, $$props) {
 			$$renderer.push(`<div class="grid grid-cols-[140px_1fr] m-2 mb-1 items-center gap-2"><div class="text-neutral-200 text-sm">${escape_html(store_get($$store_subs ??= {}, "$param", param()).name)}</div> `);
 			if (store_get($$store_subs ??= {}, "$param", param()).type === "string") {
 				$$renderer.push("<!--[0-->");
-				Input($$renderer, {
-					type: "text",
-					onchange: handleChange,
-					get value() {
-						return value;
-					},
-					set value($$value) {
-						value = $$value;
-						$$settled = false;
-					}
-				});
+				if (store_get($$store_subs ??= {}, "$param", param()).enum) {
+					$$renderer.push("<!--[0-->");
+					Select($$renderer, {
+						type: "single",
+						onValueChange: handleChange,
+						get value() {
+							return value;
+						},
+						set value($$value) {
+							value = $$value;
+							$$settled = false;
+						},
+						children: ($$renderer) => {
+							Select_trigger($$renderer, {
+								class: "w-full",
+								children: ($$renderer) => {
+									$$renderer.push(`<!---->${escape_html(value)}`);
+								},
+								$$slots: { default: true }
+							});
+							$$renderer.push(`<!----> `);
+							Select_content($$renderer, {
+								children: ($$renderer) => {
+									if (Array.isArray(store_get($$store_subs ??= {}, "$param", param()).enum)) {
+										$$renderer.push("<!--[0-->");
+										if (!!store_get($$store_subs ??= {}, "$param", param()).enum.length) {
+											$$renderer.push("<!--[0-->");
+											$$renderer.push(`<!--[-->`);
+											const each_array = ensure_array_like(store_get($$store_subs ??= {}, "$param", param()).enum);
+											for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+												let opt = each_array[$$index];
+												Select_item($$renderer, {
+													value: opt,
+													children: ($$renderer) => {
+														$$renderer.push(`<!---->${escape_html(opt)}`);
+													},
+													$$slots: { default: true }
+												});
+											}
+											$$renderer.push(`<!--]-->`);
+										} else {
+											$$renderer.push("<!--[-1-->");
+											$$renderer.push(`<div class="px-4 py-2 text-muted-foreground italic">No options</div>`);
+										}
+										$$renderer.push(`<!--]-->`);
+									} else {
+										$$renderer.push("<!--[-1-->");
+										if (Object.keys(store_get($$store_subs ??= {}, "$param", param()).enum).length === 0) {
+											$$renderer.push("<!--[0-->");
+											$$renderer.push(`<!--[-->`);
+											const each_array_1 = ensure_array_like(Object.entries(store_get($$store_subs ??= {}, "$param", param()).enum));
+											for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+												let [displayOpt, realOpt] = each_array_1[$$index_1];
+												Select_item($$renderer, {
+													value: realOpt,
+													children: ($$renderer) => {
+														$$renderer.push(`<!---->${escape_html(displayOpt)}`);
+													},
+													$$slots: { default: true }
+												});
+											}
+											$$renderer.push(`<!--]-->`);
+										} else {
+											$$renderer.push("<!--[-1-->");
+											$$renderer.push(`<div class="px-4 py-2 text-muted-foreground italic">No options</div>`);
+										}
+										$$renderer.push(`<!--]-->`);
+									}
+									$$renderer.push(`<!--]-->`);
+								},
+								$$slots: { default: true }
+							});
+							$$renderer.push(`<!---->`);
+						},
+						$$slots: { default: true }
+					});
+				} else {
+					$$renderer.push("<!--[-1-->");
+					Input($$renderer, {
+						type: "text",
+						onchange: handleChange,
+						get value() {
+							return value;
+						},
+						set value($$value) {
+							value = $$value;
+							$$settled = false;
+						}
+					});
+				}
+				$$renderer.push(`<!--]-->`);
 			} else if (store_get($$store_subs ??= {}, "$param", param()).type === "number") {
 				$$renderer.push("<!--[1-->");
 				Input($$renderer, {
@@ -5832,7 +6138,7 @@ function Widget$1($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		var $$store_subs;
 		let openComponentSelector = false;
-		const { event, save, ecs } = useProject();
+		const { save, ecs } = useProject();
 		const activeScene = derived(() => ecs.scenes.active);
 		const entity = derived(() => store_get($$store_subs ??= {}, "$activeScene", activeScene()).entities.selected);
 		const handleSelect = (component) => {
@@ -6225,6 +6531,7 @@ var tabRegistry = {
 function _page($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		var $$store_subs;
+		setMarketplaceContext({ open: () => true });
 		let tab = derived(() => store_get($$store_subs ??= {}, "$tabsStore", tabsStore).tabs.find((t) => t.id === store_get($$store_subs ??= {}, "$tabsStore", tabsStore).selectedTabId));
 		derived(() => tab() ? tabRegistry[tab().type]?.component : null);
 		let $$settled = true;
@@ -6246,4 +6553,4 @@ function _page($$renderer, $$props) {
 //#endregion
 export { _page as default };
 
-//# sourceMappingURL=_page.svelte-B3Zfq6_t.js.map
+//# sourceMappingURL=_page.svelte-Dne41AAE.js.map