@nanoforge-dev/editor 0.0.2-beta.394e65b → 0.0.2-beta.3d4991c

package/dist/server/chunks/{error-DYeUQ7mQ.js → error-DXhNNMk1.js}

@@ -1,10 +1,10 @@
-import { Ct as clsx, D as ensure_array_like, M as get$1$1, N as getAllContexts, P as getContext, R as hasContext, St as writable, X as mount, a as ATTACHMENT_KEY, ct as setContext, dt as spread_props, g as bind_props, gt as tick, h as attributes, k as escape_html, ot as run, r as on, tt as props_id, w as derived, y as clsx$1, yt as unmount } from "./events-Bhh2w-5S.js";
-import { G as noop$1, J as parse } from "./internal2-DBpj29pr.js";
+import { B as mount, C as escape_html, D as getAllContexts, K as props_id, M as hasContext, O as getContext, Q as run, S as ensure_array_like, T as get$2, U as on, ct as unmount, d as bind_props, dt as clsx, et as setContext, m as clsx$1, ot as tick, rt as spread_props, t as ATTACHMENT_KEY, u as attributes, ut as writable, y as derived } from "./index-server-BthNUqCR.js";
+import { G as noop$1, J as parse } from "./internal2-yWeEySiO.js";
 import { t as app } from "./app-DUeJj5RD.js";
 import { n as SESSION_PROJECT_HEADER, t as Exception } from "./const-Dy5RfQqP.js";
 import { r as formatFrom, t as HttpClient } from "./format-DGOlJxF5.js";
-import { a as resolve, i as invalidateAll, n as applyAction, r as goto } from "./client-bZcBshMs.js";
-import { A as resolveQueryBoolean, I as timeUntilStale, L as timeoutManager, N as shallowEqualObjects, O as pendingThenable, R as toast, T as notifyManager, _ as getIsRestoringContext, c as SvelteMap, f as createSubscriber, h as focusManager, j as resolveStaleTime, k as replaceData, l as SvelteSet, m as fetchState, n as Loader_circle, p as environmentManager, s as Subscribable, t as Icon, v as getQueryClientContext, w as noop$2, x as isValidTimeout } from "./loader-circle-CFNm9vip.js";
+import { a as resolve, i as invalidateAll, n as applyAction, r as goto } from "./client-Dse9iwN0.js";
+import { A as resolveQueryBoolean, I as timeUntilStale, L as timeoutManager, N as shallowEqualObjects, O as pendingThenable, R as toast, T as notifyManager, _ as getIsRestoringContext, c as SvelteMap, f as createSubscriber, h as focusManager, j as resolveStaleTime, k as replaceData, l as SvelteSet, m as fetchState, n as Loader_circle, p as environmentManager, s as Subscribable, t as Icon, v as getQueryClientContext, w as noop$2, x as isValidTimeout } from "./loader-circle-C4T0os4K.js";
 //#region node_modules/.pnpm/tailwind-merge@3.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 /**
 * Concatenates two arrays faster than the array spread operator.
@@ -3420,7 +3420,7 @@ const mergeArrayProperties = (baseObject, mergeObject, key) => {
 const extendTailwindMerge = (configExtension, ...createConfig) => typeof configExtension === "function" ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(() => mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);
 const twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
 //#endregion
-//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.0/node_modules/tailwind-variants/dist/chunk-LQJYWU4O.js
+//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.1/node_modules/tailwind-variants/dist/chunk-LQJYWU4O.js
 var SPACE_REGEX = /\s+/g;
 var removeExtraSpaces = (str) => {
 	if (typeof str !== "string" || !str) return str;
@@ -3508,7 +3508,7 @@ var mergeObjects = (obj1, obj2) => {
 	return result;
 };
 //#endregion
-//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.0/node_modules/tailwind-variants/dist/chunk-RZF76H2U.js
+//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.1/node_modules/tailwind-variants/dist/chunk-RZF76H2U.js
 var defaultConfig = {
 	twMerge: true,
 	twMergeConfig: {}
@@ -3721,7 +3721,7 @@ var getTailwindVariants = (cn) => {
 	};
 };
 //#endregion
-//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.0/node_modules/tailwind-variants/dist/index.js
+//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.1/node_modules/tailwind-variants/dist/index.js
 var createTwMerge = (cachedTwMergeConfig) => {
 	return isEmptyObject(cachedTwMergeConfig) ? twMerge : extendTailwindMerge({
 		...cachedTwMergeConfig,
@@ -4584,6 +4584,11 @@ var BaseRepository = class {
 		return formData;
 	}
 };
+var ProjectArchiveRepository = class extends BaseRepository {
+	create() {
+		return this.run(`/actions/project/archive?/create`);
+	}
+};
 var ProjectFsRepository = class extends BaseRepository {
 	readdir(input) {
 		return this.run(`/actions/project/fs?/readdir`, input);
@@ -4601,30 +4606,27 @@ var ProjectLoaderRepository = class extends BaseRepository {
 	}
 };
 var ProjectPackageRepository = class extends BaseRepository {
-	addComponents(input) {
-		return this.run(`/actions/project/package?/add-components`, input);
-	}
-	addSystems(input) {
-		return this.run(`/actions/project/package?/add-systems`, input);
-	}
 	createComponent(input) {
 		return this.run(`/actions/project/package?/create-component`, input);
 	}
 	createSystem(input) {
 		return this.run(`/actions/project/package?/create-system`, input);
 	}
-	getComponentsManifests(input) {
-		return this.run(`/actions/project/package?/get-components-manifests`, input);
-	}
-	getSystemsManifests(input) {
-		return this.run(`/actions/project/package?/get-systems-manifests`, input);
-	}
 	getComponents() {
 		return this.run(`/actions/project/package?/get-components`);
 	}
 	getSystems() {
 		return this.run(`/actions/project/package?/get-systems`);
 	}
+	getAssets() {
+		return this.run(`/actions/project/package?/get-assets`);
+	}
+	installPackages(input) {
+		return this.run(`/actions/project/package?/install-packages`, input);
+	}
+	searchPackages(input) {
+		return this.run(`/actions/project/package?/search-packages`, input);
+	}
 };
 var ProjectRepository = class extends BaseRepository {
 	load(input) {
@@ -4657,6 +4659,7 @@ var ProjectSaveRepository = class extends BaseRepository {
 var getActionClient = (projectId) => {
 	const client = new HttpClient("", projectId ? { headers: { [SESSION_PROJECT_HEADER]: projectId } } : {});
 	return {
+		archive: new ProjectArchiveRepository(client),
 		fs: new ProjectFsRepository(client),
 		loader: new ProjectLoaderRepository(client),
 		package: new ProjectPackageRepository(client),
@@ -4678,6 +4681,11 @@ var systemTransformer = (system) => ({
 	path: system.save.path
 });
 var systemsTransformer = (systems) => systems.map(systemTransformer);
+var assetTransformer = (asset) => ({
+	id: asset.path,
+	path: asset.path
+});
+var assetsTransformer = (assets) => assets.map(assetTransformer);
 var libraryTransformer = (lib) => ({
 	id: lib.path,
 	name: lib.name
@@ -4707,7 +4715,7 @@ var randomString = (nb, { numbers = true, lowers = true, uppers = false, special
 	return [...Array(nb)].map(() => chars[Math.floor(Math.random() * chars.length)]).join("");
 };
 var resetSubscriptions = (store) => {
-	const subscriptions = get$1$1(store);
+	const subscriptions = get$2(store);
 	Object.values(subscriptions).forEach((sub) => {
 		try {
 			sub?.();
@@ -4716,7 +4724,7 @@ var resetSubscriptions = (store) => {
 	store.set({});
 };
 var resetListeners = (store) => {
-	get$1$1(store)?.forEach((sub) => {
+	get$2(store)?.forEach((sub) => {
 		try {
 			sub();
 		} catch {}
@@ -4724,7 +4732,7 @@ var resetListeners = (store) => {
 	store.set(null);
 };
 var resolveStore = (storage, resolvable, defaultValue) => {
-	const content = get$1$1(storage);
+	const content = get$2(storage);
 	if (resolvable in content) return content[resolvable];
 	content[resolvable] = writable(defaultValue);
 	storage.set(content);
@@ -4736,6 +4744,114 @@ var getId = (data, name) => {
 	while (data.find((d) => d.id === id)) id = `${baseId}_${randomString(5)}`;
 	return id;
 };
+var _storage$15 = writable({});
+var AssetHandle = class {
+	_manager;
+	_store;
+	id;
+	static reset() {
+		_storage$15.set({});
+	}
+	constructor(manager, asset) {
+		this._manager = manager;
+		this.id = asset.id;
+		this._store = resolveStore(_storage$15, this.id, asset);
+	}
+	get store() {
+		return this._store;
+	}
+	get data() {
+		return get$2(this._store);
+	}
+	update(asset) {
+		this._store.set({
+			...get$2(this._store),
+			...asset
+		});
+	}
+	delete() {
+		return this._manager.delete(this.id);
+	}
+};
+var _storage$14 = writable([]);
+var _subscriptions$7 = writable({});
+var AssetManager = class {
+	static reset() {
+		_storage$14.set([]);
+		resetSubscriptions(_subscriptions$7);
+	}
+	constructor(assets) {
+		_storage$14.set(assets);
+	}
+	get store() {
+		return _storage$14;
+	}
+	get data() {
+		return get$2(_storage$14);
+	}
+	async createMany(files) {
+		const { fs } = useProject();
+		await Promise.all(files.map(this.create.bind(this)));
+		await this.sync();
+		await (await fs.getDirectory()).readdir(true);
+	}
+	async create(file) {
+		const { fs } = useProject();
+		const assetFile = await (await fs.getDirectory("assets")).getFile(file.name);
+		const stream = await assetFile.createWritable();
+		await file.stream().pipeTo(stream);
+		await assetFile.sync();
+	}
+	add(asset) {
+		this._add(assetTransformer(asset));
+	}
+	async sync() {
+		const { actions } = useProject();
+		const assets = await actions.package.getAssets();
+		_storage$14.set(assetsTransformer(assets));
+	}
+	get(id) {
+		const asset = get$2(_storage$14).find((asset) => asset.id === id);
+		if (!asset) throw new Error(`Asset with id ${id} not found`);
+		const handle = new AssetHandle(this, asset);
+		this._subscribe(id, handle);
+		return handle;
+	}
+	async delete(id) {
+		const assets = get$2(_storage$14);
+		const asset = assets.find((c) => c.id === id);
+		if (!asset) throw new Error(`System not found: ${id}`);
+		_storage$14.set(assets.filter((c) => c.id !== id));
+		const { fs } = useProject();
+		await (await fs.getFile(asset.path)).delete();
+		const subscriptions = get$2(_subscriptions$7);
+		if (subscriptions[id]) {
+			subscriptions[id]();
+			subscriptions[id] = null;
+			_subscriptions$7.set(subscriptions);
+		}
+	}
+	_add(asset) {
+		const assets = get$2(_storage$14);
+		assets.push(asset);
+		_storage$14.set(assets);
+	}
+	_subscribe(id, handle) {
+		setTimeout(() => {
+			const subscriptions = get$2(_subscriptions$7);
+			if (subscriptions[id]) return;
+			subscriptions[id] = handle.store.subscribe((asset) => this._update(id, asset));
+			_subscriptions$7.set(subscriptions);
+		}, 0);
+	}
+	_update(id, asset) {
+		const assets = get$2(_storage$14);
+		const index = assets.findIndex((s) => s.id === id);
+		if (index === -1) return;
+		assets[index] = asset;
+		_storage$14.set(assets);
+	}
+};
 var _storage$13 = writable({});
 var ComponentHandle = class {
 	_manager;
@@ -4753,16 +4869,16 @@ var ComponentHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	update(component) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...component
 		});
 	}
 	delete() {
-		this._manager.delete(this.id);
+		return this._manager.delete(this.id);
 	}
 };
 var _storage$12 = writable([]);
@@ -4779,7 +4895,7 @@ var ComponentManager = class {
 		return _storage$12;
 	}
 	get data() {
-		return get$1$1(_storage$12);
+		return get$2(_storage$12);
 	}
 	async create(name) {
 		const { actions, fs } = useProject();
@@ -4787,12 +4903,8 @@ var ComponentManager = class {
 		this._add(componentTransformer(component));
 		await (await fs.getDirectory()).readdir(true);
 	}
-	async import(names) {
-		const { actions, ecs, fs } = useProject();
-		await actions.package.addComponents({ componentNames: names });
-		await this.sync();
-		await ecs.components.sync();
-		await (await fs.getDirectory()).readdir(true);
+	add(component) {
+		this._add(componentTransformer(component));
 	}
 	async sync() {
 		const { actions } = useProject();
@@ -4800,16 +4912,20 @@ var ComponentManager = class {
 		_storage$12.set(componentsTransformer(components));
 	}
 	get(id) {
-		const component = get$1$1(_storage$12).find((component) => component.id === id);
+		const component = get$2(_storage$12).find((component) => component.id === id);
 		if (!component) throw new Error(`Component with id ${id} not found`);
 		const handle = new ComponentHandle(this, component);
 		this._subscribe(id, handle);
 		return handle;
 	}
-	delete(id) {
-		const components = get$1$1(_storage$12);
-		_storage$12.set(components.filter((component) => component.id !== id));
-		const subscriptions = get$1$1(_subscriptions$6);
+	async delete(id) {
+		const components = get$2(_storage$12);
+		const component = components.find((c) => c.id === id);
+		if (!component) throw new Error(`System not found: ${id}`);
+		_storage$12.set(components.filter((c) => c.id !== id));
+		const { fs } = useProject();
+		await (await fs.getFile(component.path)).delete();
+		const subscriptions = get$2(_subscriptions$6);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
@@ -4817,20 +4933,20 @@ var ComponentManager = class {
 		}
 	}
 	_add(component) {
-		const components = get$1$1(_storage$12);
+		const components = get$2(_storage$12);
 		components.push(component);
 		_storage$12.set(components);
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$6);
+			const subscriptions = get$2(_subscriptions$6);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((component) => this._update(id, component));
 			_subscriptions$6.set(subscriptions);
 		}, 0);
 	}
 	_update(id, component) {
-		const components = get$1$1(_storage$12);
+		const components = get$2(_storage$12);
 		const index = components.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		components[index] = component;
@@ -4854,11 +4970,11 @@ var LibraryHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	update(library) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...library
 		});
 	}
@@ -4880,10 +4996,10 @@ var LibraryManager = class {
 		return _storage$10;
 	}
 	get data() {
-		return get$1$1(_storage$10);
+		return get$2(_storage$10);
 	}
 	add(library) {
-		const libraries = get$1$1(_storage$10);
+		const libraries = get$2(_storage$10);
 		libraries.push({
 			...library,
 			id: library.name
@@ -4892,16 +5008,16 @@ var LibraryManager = class {
 		return library.name;
 	}
 	get(id) {
-		const library = get$1$1(_storage$10).find((library) => library.id === id);
+		const library = get$2(_storage$10).find((library) => library.id === id);
 		if (!library) throw new Error(`Library with id ${id} not found`);
 		const handle = new LibraryHandle(this, library);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const libraries = get$1$1(_storage$10);
+		const libraries = get$2(_storage$10);
 		_storage$10.set(libraries.filter((library) => library.id !== id));
-		const subscriptions = get$1$1(_subscriptions$5);
+		const subscriptions = get$2(_subscriptions$5);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
@@ -4910,14 +5026,14 @@ var LibraryManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$5);
+			const subscriptions = get$2(_subscriptions$5);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((library) => this._update(id, library));
 			_subscriptions$5.set(subscriptions);
 		}, 0);
 	}
 	_update(id, library) {
-		const libraries = get$1$1(_storage$10);
+		const libraries = get$2(_storage$10);
 		const index = libraries.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		libraries[index] = library;
@@ -4955,7 +5071,7 @@ var ComponentParamHandle = class {
 		this.manager.delete(this.id);
 	}
 	_listen() {
-		if (get$1$1(_listener$5)) return;
+		if (get$2(_listener$5)) return;
 		const unsub = this.manager.component.store.subscribe((component) => {
 			const newParam = component.params.find((param) => param.name === this.id);
 			if (!newParam) return;
@@ -4972,6 +5088,7 @@ var ComponentParamManager = class {
 	component;
 	_store;
 	_valuesStore;
+	_storageResolvable;
 	static reset() {
 		_storage$8.set({});
 		_valueStorage.set({});
@@ -4980,9 +5097,9 @@ var ComponentParamManager = class {
 	}
 	constructor(component, params) {
 		this.component = component;
-		const storageResolvable = `${this.component.manager.entity.manager.scene.id}/${this.component.manager.entity.id}/${this.component.id}`;
-		this._store = resolveStore(_storage$8, storageResolvable, get$1$1(component.store).params);
-		this._valuesStore = resolveStore(_valueStorage, storageResolvable, params);
+		this._storageResolvable = `${this.component.manager.entity.manager.scene.id}/${this.component.manager.entity.id}/${this.component.id}`;
+		this._store = resolveStore(_storage$8, this._storageResolvable, get$2(component.store).params);
+		this._valuesStore = resolveStore(_valueStorage, this._storageResolvable, params);
 		this._listen();
 	}
 	get store() {
@@ -4992,28 +5109,29 @@ var ComponentParamManager = class {
 		return this._valuesStore;
 	}
 	get(id) {
-		const param = get$1$1(this._store).find((param) => param.name === id);
+		const param = get$2(this._store).find((param) => param.name === id);
 		if (!param) throw new Error(`Param with id ${id} not found`);
-		const value = get$1$1(this._valuesStore)[id];
+		const value = get$2(this._valuesStore)[id];
 		const handle = new ComponentParamHandle(this, param, value);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const params = get$1$1(this._store);
+		const params = get$2(this._store);
 		this._store.set(params.map((param) => param.name === id ? {
 			...param,
 			value: void 0
 		} : param));
-		const subscriptions = get$1$1(_subscriptions$4);
-		if (subscriptions[id]) {
-			subscriptions[id]();
-			subscriptions[id] = null;
+		const fullId = `${this._storageResolvable}/${id}`;
+		const subscriptions = get$2(_subscriptions$4);
+		if (subscriptions[fullId]) {
+			subscriptions[fullId]();
+			subscriptions[fullId] = null;
 			_subscriptions$4.set(subscriptions);
 		}
 	}
 	_listen() {
-		if (get$1$1(_listener$4)) return;
+		if (get$2(_listener$4)) return;
 		const unsub = this.component.store.subscribe((component) => {
 			this._store.set(component.params);
 		});
@@ -5021,14 +5139,15 @@ var ComponentParamManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$4);
-			if (subscriptions[id]) return;
-			subscriptions[id] = handle.value.subscribe((param) => this._update(id, param));
+			const fullId = `${this._storageResolvable}/${id}`;
+			const subscriptions = get$2(_subscriptions$4);
+			if (subscriptions[fullId]) return;
+			subscriptions[fullId] = handle.value.subscribe((param) => this._update(id, param));
 			_subscriptions$4.set(subscriptions);
 		}, 0);
 	}
 	_update(id, value) {
-		const params = get$1$1(this._valuesStore);
+		const params = get$2(this._valuesStore);
 		params[id] = value;
 		this._valuesStore.set(params);
 	}
@@ -5048,7 +5167,7 @@ var EntityComponentHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get params() {
 		return this._params;
@@ -5063,6 +5182,7 @@ var _listener$3 = writable();
 var EntityComponentManager = class {
 	entity;
 	_store;
+	_storageResolvable;
 	static reset() {
 		_storage$7.set({});
 		resetSubscriptions(_subscriptions$3);
@@ -5070,47 +5190,48 @@ var EntityComponentManager = class {
 	}
 	constructor(entity, components) {
 		this.entity = entity;
-		const storageResolvable = `${this.entity.manager.scene.id}/${this.entity.id}`;
-		this._store = resolveStore(_storage$7, storageResolvable, components);
+		this._storageResolvable = `${this.entity.manager.scene.id}/${this.entity.id}`;
+		this._store = resolveStore(_storage$7, this._storageResolvable, components);
 		this._listen();
 	}
 	get store() {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	add(component) {
-		const components = get$1$1(this._store);
+		const components = get$2(this._store);
 		const manifest = this.entity.manager.scene.manager.ecs.components.get(component).data;
 		components[component] = { ...Object.fromEntries(manifest.params.filter((param) => param.default).map((param) => [param.name, param.default])) };
 		this._store.set(components);
 	}
 	get(id) {
-		const params = get$1$1(this._store)[id];
+		const params = get$2(this._store)[id];
 		if (!params) throw new Error(`Component with id ${id} not found`);
 		const handle = new EntityComponentHandle(this, id, params);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const components = get$1$1(this._store);
+		const components = get$2(this._store);
 		const newComponents = {};
 		Object.entries(components).forEach(([key, params]) => {
 			if (key !== id) newComponents[key] = params;
 		});
 		this._store.set(newComponents);
-		const subscriptions = get$1$1(_subscriptions$3);
-		if (subscriptions[id]) {
-			subscriptions[id]();
-			subscriptions[id] = null;
+		const fullId = `${this._storageResolvable}/${id}`;
+		const subscriptions = get$2(_subscriptions$3);
+		if (subscriptions[fullId]) {
+			subscriptions[fullId]();
+			subscriptions[fullId] = null;
 			_subscriptions$3.set(subscriptions);
 		}
 	}
 	_listen() {
-		if (get$1$1(_listener$3)) return;
+		if (get$2(_listener$3)) return;
 		const unsub = this.entity.manager.scene.manager.ecs.components.store.subscribe((components) => {
-			const entityComponents = get$1$1(this._store);
+			const entityComponents = get$2(this._store);
 			const newComponents = {};
 			Object.entries(entityComponents).forEach(([key, params]) => {
 				if (components.find((s) => s.id === key)) newComponents[key] = params;
@@ -5121,14 +5242,15 @@ var EntityComponentManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$3);
-			if (subscriptions[id]) return;
-			subscriptions[id] = handle.params.values.subscribe((params) => this._update(id, params));
+			const fullId = `${this._storageResolvable}/${id}`;
+			const subscriptions = get$2(_subscriptions$3);
+			if (subscriptions[fullId]) return;
+			subscriptions[fullId] = handle.params.values.subscribe((params) => this._update(id, params));
 			_subscriptions$3.set(subscriptions);
 		}, 0);
 	}
 	_update(id, params) {
-		const component = get$1$1(this._store);
+		const component = get$2(this._store);
 		component[id] = params;
 		this._store.set(component);
 	}
@@ -5155,14 +5277,14 @@ var SceneEntityHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get components() {
 		return this._components;
 	}
 	update(entity) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...entity
 		});
 	}
@@ -5173,9 +5295,9 @@ var SceneEntityHandle = class {
 		this.manager.selected = this;
 	}
 	_listen() {
-		if (get$1$1(_listener$2)) return;
+		if (get$2(_listener$2)) return;
 		const unsub = this._components.store.subscribe((components) => {
-			const entity = get$1$1(this._store);
+			const entity = get$2(this._store);
 			entity.components = components;
 			this._store.set(entity);
 		});
@@ -5200,10 +5322,10 @@ var SceneEntityManager = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get selectedData() {
-		return get$1$1(selectedEntity);
+		return get$2(selectedEntity);
 	}
 	get selected() {
 		return selectedEntity;
@@ -5212,7 +5334,7 @@ var SceneEntityManager = class {
 		selectedEntity.set(entity);
 	}
 	add(entity) {
-		const entities = get$1$1(this._store);
+		const entities = get$2(this._store);
 		const id = getId(this.data, entity.name);
 		entities.push({
 			...entity,
@@ -5222,33 +5344,35 @@ var SceneEntityManager = class {
 		return id;
 	}
 	get(id) {
-		const entity = get$1$1(this._store).find((entity) => entity.id === id);
+		const entity = get$2(this._store).find((entity) => entity.id === id);
 		if (!entity) throw new Error(`Entity with id ${id} not found`);
 		const handle = new SceneEntityHandle(this, entity);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const entities = get$1$1(this._store);
+		const entities = get$2(this._store);
 		this._store.set(entities.filter((entity) => entity.id !== id));
-		const subscriptions = get$1$1(_subscriptions$2);
-		if (subscriptions[id]) {
-			subscriptions[id]();
-			subscriptions[id] = null;
+		const fullId = `${this.scene.id}/${id}`;
+		const subscriptions = get$2(_subscriptions$2);
+		if (subscriptions[fullId]) {
+			subscriptions[fullId]();
+			subscriptions[fullId] = null;
 			_subscriptions$2.set(subscriptions);
 		}
 		if (this.selectedData?.id === id) this.selected = void 0;
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$2);
-			if (subscriptions[id]) return;
-			subscriptions[id] = handle.store.subscribe((entity) => this._update(id, entity));
+			const fullId = `${this.scene.id}/${id}`;
+			const subscriptions = get$2(_subscriptions$2);
+			if (subscriptions[fullId]) return;
+			subscriptions[fullId] = handle.store.subscribe((entity) => this._update(id, entity));
 			_subscriptions$2.set(subscriptions);
 		}, 0);
 	}
 	_update(id, entity) {
-		const entities = get$1$1(this._store);
+		const entities = get$2(this._store);
 		const index = entities.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		entities[index] = entity;
@@ -5268,7 +5392,7 @@ var SceneSystemHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	delete() {
 		this.manager.delete(this.id);
@@ -5292,26 +5416,26 @@ var SceneSystemManager = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	add(system) {
-		const systems = get$1$1(this._store);
+		const systems = get$2(this._store);
 		systems.push(system);
 		this._store.set(systems);
 	}
 	get(id) {
-		const system = get$1$1(this._store).find((system) => system === id);
+		const system = get$2(this._store).find((system) => system === id);
 		if (!system) throw new Error(`System with id ${id} not found`);
 		return new SceneSystemHandle(this, system);
 	}
 	delete(id) {
-		const systems = get$1$1(this._store);
+		const systems = get$2(this._store);
 		this._store.set(systems.filter((system) => system !== id));
 	}
 	_listen() {
-		if (get$1$1(_listener$1)) return;
+		if (get$2(_listener$1)) return;
 		const unsub = this.scene.manager.ecs.systems.store.subscribe((systems) => {
-			const sceneSystems = get$1$1(this._store);
+			const sceneSystems = get$2(this._store);
 			sceneSystems.filter((system) => systems.find((s) => s.id === system));
 			this._store.set(sceneSystems);
 		});
@@ -5342,7 +5466,7 @@ var SceneHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get entities() {
 		return this._entities;
@@ -5352,7 +5476,7 @@ var SceneHandle = class {
 	}
 	update(scene) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...scene
 		});
 	}
@@ -5366,13 +5490,13 @@ var SceneHandle = class {
 		this.manager.default = this.id;
 	}
 	_listen() {
-		if (get$1$1(_listener)) return;
+		if (get$2(_listener)) return;
 		const unsub = [this._entities.store.subscribe((entities) => {
-			const scene = get$1$1(this._store);
+			const scene = get$2(this._store);
 			scene.entities = entities;
 			this._store.set(scene);
 		}), this._systems.store.subscribe((systems) => {
-			const scene = get$1$1(this._store);
+			const scene = get$2(this._store);
 			scene.systems = systems;
 			this._store.set(scene);
 		})];
@@ -5406,10 +5530,10 @@ var SceneManager = class {
 		return _storage$2;
 	}
 	get data() {
-		return get$1$1(_storage$2);
+		return get$2(_storage$2);
 	}
 	get activeData() {
-		return get$1$1(_activeSceneStorage);
+		return get$2(_activeSceneStorage);
 	}
 	get active() {
 		return _activeSceneStorage;
@@ -5418,7 +5542,7 @@ var SceneManager = class {
 		_activeSceneStorage.set(handle);
 	}
 	get defaultData() {
-		return get$1$1(_defaultSceneStorage);
+		return get$2(_defaultSceneStorage);
 	}
 	get default() {
 		return _defaultSceneStorage;
@@ -5427,7 +5551,7 @@ var SceneManager = class {
 		_defaultSceneStorage.set(handle);
 	}
 	get rootScenes() {
-		return get$1$1(_rootScenesStorage);
+		return get$2(_rootScenesStorage);
 	}
 	get rootScenesStore() {
 		return _rootScenesStorage;
@@ -5436,7 +5560,7 @@ var SceneManager = class {
 		_rootScenesStorage.set(Array.from(new Set(scenes)));
 	}
 	add(scene) {
-		const scenes = get$1$1(_storage$2);
+		const scenes = get$2(_storage$2);
 		const id = getId(this.data, scene.name);
 		scenes.push({
 			...scene,
@@ -5446,16 +5570,16 @@ var SceneManager = class {
 		return id;
 	}
 	get(id) {
-		const scene = get$1$1(_storage$2).find((scene) => scene.id === id);
+		const scene = get$2(_storage$2).find((scene) => scene.id === id);
 		if (!scene) throw new Error(`Scene with id ${id} not found`);
 		const handle = new SceneHandle(this, scene);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const scenes = get$1$1(_storage$2);
+		const scenes = get$2(_storage$2);
 		_storage$2.set(scenes.filter((scene) => scene.id !== id));
-		const subscriptions = get$1$1(_subscriptions$1);
+		const subscriptions = get$2(_subscriptions$1);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
@@ -5467,14 +5591,14 @@ var SceneManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$1);
+			const subscriptions = get$2(_subscriptions$1);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((scene) => this._update(id, scene));
 			_subscriptions$1.set(subscriptions);
 		}, 0);
 	}
 	_update(id, scene) {
-		const scenes = get$1$1(_storage$2);
+		const scenes = get$2(_storage$2);
 		const index = scenes.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		scenes[index] = scene;
@@ -5498,16 +5622,16 @@ var SystemHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	update(system) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...system
 		});
 	}
 	delete() {
-		this._manager.delete(this.id);
+		return this._manager.delete(this.id);
 	}
 };
 var _storage = writable([]);
@@ -5524,7 +5648,7 @@ var SystemManager = class {
 		return _storage;
 	}
 	get data() {
-		return get$1$1(_storage);
+		return get$2(_storage);
 	}
 	async create(name) {
 		const { actions, fs } = useProject();
@@ -5532,12 +5656,8 @@ var SystemManager = class {
 		this._add(systemTransformer(system));
 		await (await fs.getDirectory()).readdir(true);
 	}
-	async import(names) {
-		const { actions, ecs, fs } = useProject();
-		await actions.package.addSystems({ systemNames: names });
-		await this.sync();
-		await ecs.components.sync();
-		await (await fs.getDirectory()).readdir(true);
+	add(system) {
+		this._add(systemTransformer(system));
 	}
 	async sync() {
 		const { actions } = useProject();
@@ -5545,16 +5665,20 @@ var SystemManager = class {
 		_storage.set(systemsTransformer(systems));
 	}
 	get(id) {
-		const system = get$1$1(_storage).find((system) => system.id === id);
+		const system = get$2(_storage).find((system) => system.id === id);
 		if (!system) throw new Error(`System with id ${id} not found`);
 		const handle = new SystemHandle(this, system);
 		this._subscribe(id, handle);
 		return handle;
 	}
-	delete(id) {
-		const systems = get$1$1(_storage);
-		_storage.set(systems.filter((system) => system.id !== id));
-		const subscriptions = get$1$1(_subscriptions);
+	async delete(id) {
+		const systems = get$2(_storage);
+		const system = systems.find((s) => s.id === id);
+		if (!system) throw new Error(`System not found: ${id}`);
+		_storage.set(systems.filter((s) => s.id !== id));
+		const { fs } = useProject();
+		await (await fs.getFile(system.path)).delete();
+		const subscriptions = get$2(_subscriptions);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
@@ -5562,20 +5686,20 @@ var SystemManager = class {
 		}
 	}
 	_add(system) {
-		const systems = get$1$1(_storage);
+		const systems = get$2(_storage);
 		systems.push(system);
 		_storage.set(systems);
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions);
+			const subscriptions = get$2(_subscriptions);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((system) => this._update(id, system));
 			_subscriptions.set(subscriptions);
 		}, 0);
 	}
 	_update(id, system) {
-		const systems = get$1$1(_storage);
+		const systems = get$2(_storage);
 		const index = systems.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		systems[index] = system;
@@ -5585,10 +5709,13 @@ var SystemManager = class {
 var ECSHandler = class {
 	_project;
 	_sceneManager;
+	_assetManager;
 	_componentManager;
 	_systemManager;
 	_libraryManager;
 	static reset() {
+		AssetHandle.reset();
+		AssetManager.reset();
 		ComponentHandle.reset();
 		ComponentManager.reset();
 		SystemManager.reset();
@@ -5613,9 +5740,11 @@ var ECSHandler = class {
 		* This init is only made for the current version of the editor
 		* When scenes will be implemented, this init must be changed accordingly
 		*/
+		const assets = await this._project.actions.package.getAssets();
 		const components = await this._project.actions.package.getComponents();
 		const systems = await this._project.actions.package.getSystems();
 		const save = await this._project.actions.save.get();
+		this._assetManager = new AssetManager(assetsTransformer(assets));
 		this._componentManager = new ComponentManager(componentsTransformer(components));
 		this._systemManager = new SystemManager(systemsTransformer(systems));
 		this._libraryManager = new LibraryManager(librariesTransformer(save));
@@ -5625,6 +5754,10 @@ var ECSHandler = class {
 		if (!this._sceneManager) throw new Error("ECS handler not initialized");
 		return this._sceneManager;
 	}
+	get assets() {
+		if (!this._assetManager) throw new Error("ECS handler not initialized");
+		return this._assetManager;
+	}
 	get components() {
 		if (!this._componentManager) throw new Error("ECS handler not initialized");
 		return this._componentManager;
@@ -5705,12 +5838,12 @@ var InfoHandler = class {
 		this.core = core;
 	}
 	get(cacheOnly) {
-		if (cacheOnly) return get$1$1(infoStore);
+		if (cacheOnly) return get$2(infoStore);
 		return this.fetch();
 	}
 	async fetch(noCache = false) {
 		if (!noCache) {
-			const cache = get$1$1(infoStore);
+			const cache = get$2(infoStore);
 			if (cache) return cache;
 		}
 		const res = await this.core.actions.project.getInfo();
@@ -5844,6 +5977,9 @@ var FileSystemFile = class {
 		const raw = JSON.stringify(content);
 		return this.write(raw);
 	}
+	async createWritable() {
+		return this.handle.createWritable();
+	}
 	async getUrl() {
 		if (URL_CACHE.has(this.handle.name)) URL.revokeObjectURL(URL_CACHE.get(this.handle.name));
 		const file = await this.handle.getFile();
@@ -6029,6 +6165,10 @@ var SfsFile = class {
 		await this._cache.writeJson(content);
 		await this.sync();
 	}
+	async createWritable() {
+		await this._preWrite();
+		return await this._cache.createWritable();
+	}
 	async sync() {
 		if (!this._cache) return;
 		const file = await this._cache.getFile();
@@ -6042,6 +6182,13 @@ var SfsFile = class {
 		});
 		if (!res.ok) throw new Error(`Failed to sync file: ${await res.text()}`);
 	}
+	async delete() {
+		const res = await fetch(this._route, {
+			method: "DELETE",
+			headers: { [SESSION_PROJECT_HEADER]: this._handler.project.id }
+		});
+		if (!res.ok) throw new Error(`Failed to delete file: ${await res.text()}`);
+	}
 	async getFile() {
 		await this._preRead();
 		return this._cache;
@@ -6306,33 +6453,14 @@ var Loader = class {
 };
 var PackageHandler = class {
 	_project;
-	_componentsManifests = /* @__PURE__ */ new Map();
-	_systemsManifests = /* @__PURE__ */ new Map();
 	constructor(project) {
 		this._project = project;
 	}
-	async init() {}
-	getComponentManifest(componentName) {
-		return this._componentsManifests.get(componentName);
-	}
-	getSystemManifest(systemName) {
-		return this._systemsManifests.get(systemName);
-	}
-	async installComponent(name) {
-		const newComponent = (await this._project.actions.package.addComponents({ componentNames: [name] }))[0];
-		this._project.save.save.components.push(newComponent.save);
-		this._componentsManifests.set(newComponent.save.name, newComponent.manifest);
-	}
-	async installSystem(name) {
-		const newSystem = (await this._project.actions.package.addSystems({ systemNames: [name] }))[0];
-		this._project.save.save.systems.push(newSystem.save);
-		this._systemsManifests.set(newSystem.save.name, newSystem.manifest);
-	}
-	addComponentManifest(componentName, component) {
-		this._componentsManifests.set(componentName, component);
-	}
-	addSystemManifest(systemName, system) {
-		this._systemsManifests.set(systemName, system);
+	async installPackages(names) {
+		await this._project.actions.package.installPackages({ names });
+		await this._project.ecs.components.sync();
+		await this._project.ecs.systems.sync();
+		await (await this._project.fs.getDirectory()).readdir(true);
 	}
 };
 var SaveHandler = class {
@@ -6362,10 +6490,10 @@ var SaveHandler = class {
 	async syncToServer() {
 		if (this._readyToSync) {
 			this._readyToSync = false;
-			await this._project.actions.save.set({ save: get$1$1(this._save) });
+			await this._project.actions.save.set({ save: get$2(this._save) });
 			this._syncTimer = setTimeout(() => {
 				this._readyToSync = true;
-				if (get$1$1(this._needSync)) {
+				if (get$2(this._needSync)) {
 					this.syncToServer();
 					this._needSync.set(false);
 				}
@@ -6379,7 +6507,7 @@ var SaveHandler = class {
 		await this.syncToServer();
 	}
 	get save() {
-		return get$1$1(this._save);
+		return get$2(this._save);
 	}
 	_listeners() {
 		this._project.ecs.components.store.subscribe((components) => {
@@ -6442,7 +6570,6 @@ var Project = class {
 		await this.fs.init();
 		await this.ecs.init();
 		await this.save.init();
-		await this.packages.init();
 		this._inited = true;
 		return this;
 	}
@@ -6674,7 +6801,7 @@ var ProjectLoader = class ProjectLoader {
 	}
 };
 var useProject = () => {
-	const project = get$1$1(projectStore);
+	const project = get$2(projectStore);
 	if (!project) {
 		const error = new PLException(PLErrors.No_Project);
 		error.fb();
@@ -14739,7 +14866,7 @@ function Select_content($$renderer, $$props) {
 									if (Select_viewport) {
 										$$renderer.push("<!--[-->");
 										Select_viewport($$renderer, {
-											class: cn("h---bits-select-anchor-height w-full min-w---bits-select-anchor-width scroll-my-1"),
+											class: cn("h-auto max-h-80 w-full min-w---bits-select-anchor-width"),
 											children: ($$renderer) => {
 												children?.($$renderer);
 												$$renderer.push(`<!---->`);
@@ -14982,4 +15109,4 @@ var runSafe = async (context, cb, fallback) => {
 //#endregion
 export { createBitsAttrs as $, Portal as A, Separator as B, MenuMenuState as C, PLException as D, PLErrors as E, Scroll_lock as F, Text_selection_layer as G, StyleToObject as H, Select as I, boolToStr as J, attachRef as K, Select_content as L, ProjectCache as M, ProjectLoader as N, Popper_layer as O, RovingFocusGroup as P, cn as Q, Select_item as R, MenuItemState as S, MenuSeparatorState as T, Switch as U, Spinner as V, Switch_thumb as W, boxWith as X, boolToTrueOrUndef as Y, capitalize as Z, Floating_layer_anchor as _, useId as _t, Card_content as a, getDataOpenClosed as at, Loading_button as b, tv as bt, Card_title as c, getFloatingContentCSSVars as ct, DOMContext as d, mergeProps as dt, createId as et, Dismissible_layer as f, noop as ft, Floating_layer as g, useDebounce as gt, FloatingArrowState as h, toastError as ht, Card as i, getConfig as it, PresenceManager as j, Popper_layer_force_mount as k, Context as l, isElement$1 as lt, Escape_layer as m, simpleBox as mt, Button as n, deserialize as nt, Card_description as o, getDataTransitionAttrs as ot, DropdownMenuTriggerState as p, runSafe as pt, boolToEmptyStrOrUndef as q, CONTEXT_MENU_TRIGGER_ATTR as r, enhance as rt, Card_header as s, getDocument as st, AnimationsComplete as t, createQuery as tt, ContextMenuTriggerState as u, isFocusVisible as ut, Focus_scope as v, useProject as vt, MenuRootState as w, MenuContentState as x, IsMounted as y, watch as yt, Select_trigger as z };
 
-//# sourceMappingURL=error-DYeUQ7mQ.js.map
+//# sourceMappingURL=error-DXhNNMk1.js.map