@rool-dev/extension 0.3.11 → 0.3.12-dev.586f1cb

package/dist/dev/host-shell.js

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/shared/utils.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/shared/utils.js
 var is_array = Array.isArray;
 var index_of = Array.prototype.indexOf;
 var includes = Array.prototype.includes;
@@ -97,7 +97,7 @@ function lifecycle_outside_component(name) {
 	throw new Error(`https://svelte.dev/e/lifecycle_outside_component`);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/errors.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/errors.js
 /**
 * Cannot create a `$derived(...)` with an `await` expression outside of an effect tree
 * @returns {never}
@@ -182,7 +182,7 @@ function svelte_boundary_reset_onerror() {
 	throw new Error(`https://svelte.dev/e/svelte_boundary_reset_onerror`);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/constants.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/constants.js
 var HYDRATION_ERROR = {};
 var UNINITIALIZED = Symbol();
 var NAMESPACE_HTML = "http://www.w3.org/1999/xhtml";
@@ -200,7 +200,7 @@ function svelte_boundary_reset_noop() {
 	console.warn(`https://svelte.dev/e/svelte_boundary_reset_noop`);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/hydration.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/hydration.js
 /** @import { TemplateNode } from '#client' */
 /**
 * Use this variable to guard everything related to hydration code so it can be treeshaken out
@@ -279,7 +279,7 @@ function read_hydration_instruction(node) {
 	return node.data;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/reactivity/equality.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/equality.js
 /** @import { Equals } from '#client' */
 /** @type {Equals} */
 function equals(value) {
@@ -298,13 +298,13 @@ function safe_equals(value) {
 	return !safe_not_equal(value, this.v);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/flags/index.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/flags/index.js
 /** True if experimental.async=true */
 var async_mode_flag = false;
 /** True if we're not certain that we only have Svelte 5 code in the compilation */
 var legacy_mode_flag = false;
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/context.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/context.js
 /** @import { ComponentContext, DevStackEntry, Effect } from '#client' */
 /** @type {ComponentContext | null} */
 var component_context = null;
@@ -390,7 +390,7 @@ function get_parent_context(component_context) {
 	return null;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/task.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/task.js
 /** @type {Array<() => void>} */
 var micro_tasks = [];
 function run_micro_tasks() {
@@ -448,7 +448,7 @@ function invoke_error_boundary(error, effect) {
 	throw error;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/reactivity/status.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/status.js
 /** @import { Derived, Signal } from '#client' */
 var STATUS_MASK = ~(DIRTY | MAYBE_DIRTY | CLEAN);
 /**
@@ -467,7 +467,7 @@ function update_derived_status(derived) {
 	else set_signal_status(derived, MAYBE_DIRTY);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/reactivity/utils.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/utils.js
 /** @import { Derived, Effect, Value } from '#client' */
 /**
 * @param {Value[] | null} deps
@@ -495,7 +495,7 @@ function defer_effect(effect, dirty_effects, maybe_dirty_effects) {
 	set_signal_status(effect, CLEAN);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/reactivity/store.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/store.js
 /**
 * We set this to `true` when updating a store so that we correctly
 * schedule effects if the update takes place inside a `$:` effect
@@ -525,7 +525,7 @@ function capture_store_binding(fn) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/reactivity/batch.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/batch.js
 /** @import { Fork } from 'svelte' */
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 /** @type {Set<Batch>} */
@@ -563,15 +563,16 @@ var uid = 1;
 var Batch = class Batch {
 	id = uid++;
 	/**
-	* The current values of any sources that are updated in this batch
+	* The current values of any signals that are updated in this batch.
+	* Tuple format: [value, is_derived] (note: is_derived is false for deriveds, too, if they were overridden via assignment)
 	* They keys of this map are identical to `this.#previous`
-	* @type {Map<Source, any>}
+	* @type {Map<Value, [any, boolean]>}
 	*/
 	current = /* @__PURE__ */ new Map();
 	/**
-	* The values of any sources that are updated in this batch _before_ those updates took place.
+	* The values of any signals (sources and deriveds) that are updated in this batch _before_ those updates took place.
 	* They keys of this map are identical to `this.#current`
-	* @type {Map<Source, any>}
+	* @type {Map<Value, any>}
 	*/
 	previous = /* @__PURE__ */ new Map();
 	/**
@@ -586,13 +587,15 @@ var Batch = class Batch {
 	*/
 	#discard_callbacks = /* @__PURE__ */ new Set();
 	/**
-	* The number of async effects that are currently in flight
+	* Async effects that are currently in flight
+	* @type {Map<Effect, number>}
 	*/
-	#pending = 0;
+	#pending = /* @__PURE__ */ new Map();
 	/**
-	* The number of async effects that are currently in flight, _not_ inside a pending boundary
+	* Async effects that are currently in flight, _not_ inside a pending boundary
+	* @type {Map<Effect, number>}
 	*/
-	#blocking_pending = 0;
+	#blocking_pending = /* @__PURE__ */ new Map();
 	/**
 	* A deferred that resolves when the batch is committed, used with `settled()`
 	* TODO replace with Promise.withResolvers once supported widely enough
@@ -605,6 +608,11 @@ var Batch = class Batch {
 	*/
 	#roots = [];
 	/**
+	* Effects created while this batch was active.
+	* @type {Effect[]}
+	*/
+	#new_effects = [];
+	/**
 	* Deferred effects (which run after async work has completed) that are DIRTY
 	* @type {Set<Effect>}
 	*/
@@ -624,8 +632,25 @@ var Batch = class Batch {
 	#skipped_branches = /* @__PURE__ */ new Map();
 	is_fork = false;
 	#decrement_queued = false;
+	/** @type {Set<Batch>} */
+	#blockers = /* @__PURE__ */ new Set();
 	#is_deferred() {
-		return this.is_fork || this.#blocking_pending > 0;
+		return this.is_fork || this.#blocking_pending.size > 0;
+	}
+	#is_blocked() {
+		for (const batch of this.#blockers) for (const effect of batch.#blocking_pending.keys()) {
+			var skipped = false;
+			var e = effect;
+			while (e.parent !== null) {
+				if (this.#skipped_branches.has(e)) {
+					skipped = true;
+					break;
+				}
+				e = e.parent;
+			}
+			if (!skipped) return true;
+		}
+		return false;
 	}
 	/**
 	* Add an effect to the #skipped_branches map and reset its children
@@ -697,12 +722,12 @@ var Batch = class Batch {
 		}
 		collected_effects = null;
 		legacy_updates = null;
-		if (this.#is_deferred()) {
+		if (this.#is_deferred() || this.#is_blocked()) {
 			this.#defer_effects(render_effects);
 			this.#defer_effects(effects);
 			for (const [e, t] of this.#skipped_branches) reset_branch(e, t);
 		} else {
-			if (this.#pending === 0) batches.delete(this);
+			if (this.#pending.size === 0) batches.delete(this);
 			this.#dirty_effects.clear();
 			this.#maybe_dirty_effects.clear();
 			for (const fn of this.#commit_callbacks) fn(this);
@@ -768,13 +793,14 @@ var Batch = class Batch {
 	/**
 	* Associate a change to a given source with the current
 	* batch, noting its previous and current values
-	* @param {Source} source
+	* @param {Value} source
 	* @param {any} old_value
+	* @param {boolean} [is_derived]
 	*/
-	capture(source, old_value) {
+	capture(source, old_value, is_derived = false) {
 		if (old_value !== UNINITIALIZED && !this.previous.has(source)) this.previous.set(source, old_value);
 		if ((source.f & 8388608) === 0) {
-			this.current.set(source, source.v);
+			this.current.set(source, [source.v, is_derived]);
 			batch_values?.set(source, source.v);
 		}
 	}
@@ -806,14 +832,23 @@ var Batch = class Batch {
 		this.#discard_callbacks.clear();
 		batches.delete(this);
 	}
+	/**
+	* @param {Effect} effect
+	*/
+	register_created_effect(effect) {
+		this.#new_effects.push(effect);
+	}
 	#commit() {
 		for (const batch of batches) {
 			var is_earlier = batch.id < this.id;
 			/** @type {Source[]} */
 			var sources = [];
-			for (const [source, value] of this.current) {
-				if (batch.current.has(source)) if (is_earlier && value !== batch.current.get(source)) batch.current.set(source, value);
-				else continue;
+			for (const [source, [value, is_derived]] of this.current) {
+				if (batch.current.has(source)) {
+					var batch_value = batch.current.get(source)[0];
+					if (is_earlier && value !== batch_value) batch.current.set(source, [value, is_derived]);
+					else continue;
+				}
 				sources.push(source);
 			}
 			var others = [...batch.current.keys()].filter((s) => !this.current.has(s));
@@ -826,6 +861,12 @@ var Batch = class Batch {
 				/** @type {Map<Reaction, boolean>} */
 				var checked = /* @__PURE__ */ new Map();
 				for (var source of sources) mark_effects(source, others, marked, checked);
+				checked = /* @__PURE__ */ new Map();
+				var current_unequal = [...batch.current.keys()].filter((c) => this.current.has(c) ? this.current.get(c)[0] !== c : true);
+				for (const effect of this.#new_effects) if ((effect.f & 155648) === 0 && depends_on(effect, current_unequal, checked)) if ((effect.f & 4194320) !== 0) {
+					set_signal_status(effect, DIRTY);
+					batch.schedule(effect);
+				} else batch.#dirty_effects.add(effect);
 				if (batch.#roots.length > 0) {
 					batch.apply();
 					for (var root of batch.#roots) batch.#traverse(root, [], []);
@@ -834,22 +875,40 @@ var Batch = class Batch {
 				batch.deactivate();
 			}
 		}
+		for (const batch of batches) if (batch.#blockers.has(this)) {
+			batch.#blockers.delete(this);
+			if (batch.#blockers.size === 0 && !batch.#is_deferred()) {
+				batch.activate();
+				batch.#process();
+			}
+		}
 	}
 	/**
-	*
 	* @param {boolean} blocking
+	* @param {Effect} effect
 	*/
-	increment(blocking) {
-		this.#pending += 1;
-		if (blocking) this.#blocking_pending += 1;
+	increment(blocking, effect) {
+		let pending_count = this.#pending.get(effect) ?? 0;
+		this.#pending.set(effect, pending_count + 1);
+		if (blocking) {
+			let blocking_pending_count = this.#blocking_pending.get(effect) ?? 0;
+			this.#blocking_pending.set(effect, blocking_pending_count + 1);
+		}
 	}
 	/**
 	* @param {boolean} blocking
+	* @param {Effect} effect
 	* @param {boolean} skip - whether to skip updates (because this is triggered by a stale reaction)
 	*/
-	decrement(blocking, skip) {
-		this.#pending -= 1;
-		if (blocking) this.#blocking_pending -= 1;
+	decrement(blocking, effect, skip) {
+		let pending_count = this.#pending.get(effect) ?? 0;
+		if (pending_count === 1) this.#pending.delete(effect);
+		else this.#pending.set(effect, pending_count - 1);
+		if (blocking) {
+			let blocking_pending_count = this.#blocking_pending.get(effect) ?? 0;
+			if (blocking_pending_count === 1) this.#blocking_pending.delete(effect);
+			else this.#blocking_pending.set(effect, blocking_pending_count - 1);
+		}
 		if (this.#decrement_queued || skip) return;
 		this.#decrement_queued = true;
 		queue_micro_task(() => {
@@ -896,10 +955,19 @@ var Batch = class Batch {
 			batch_values = null;
 			return;
 		}
-		batch_values = new Map(this.current);
+		batch_values = /* @__PURE__ */ new Map();
+		for (const [source, [value]] of this.current) batch_values.set(source, value);
 		for (const batch of batches) {
 			if (batch === this || batch.is_fork) continue;
-			for (const [source, previous] of batch.previous) if (!batch_values.has(source)) batch_values.set(source, previous);
+			var intersects = false;
+			var differs = false;
+			if (batch.id < this.id) for (const [source, [, is_derived]] of batch.current) {
+				if (is_derived) continue;
+				intersects ||= this.current.has(source);
+				differs ||= !this.current.has(source);
+			}
+			if (intersects && differs) this.#blockers.add(batch);
+			else for (const [source, previous] of batch.previous) if (!batch_values.has(source)) batch_values.set(source, previous);
 		}
 	}
 	/**
@@ -1079,7 +1147,7 @@ function reset_all(effect) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/reactivity/create-subscriber.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/reactivity/create-subscriber.js
 /**
 * Returns a `subscribe` function that integrates external event-based systems with Svelte's reactivity.
 * It's particularly useful for integrating with web APIs like `MediaQuery`, `IntersectionObserver`, or `WebSocket`.
@@ -1152,7 +1220,7 @@ function createSubscriber(start) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
 /** @import { Effect, Source, TemplateNode, } from '#client' */
 /**
 * @typedef {{
@@ -1481,7 +1549,7 @@ var Boundary = class {
 	}
 };
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/reactivity/async.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/async.js
 /** @import { Blocker, Effect, Value } from '#client' */
 /**
 * @param {Blocker[]} blockers
@@ -1554,14 +1622,15 @@ function unset_context(deactivate_batch = true) {
 * @returns {(skip?: boolean) => void}
 */
 function increment_pending() {
-	var boundary = active_effect.b;
+	var effect = active_effect;
+	var boundary = effect.b;
 	var batch = current_batch;
 	var blocking = boundary.is_rendered();
 	boundary.update_pending_count(1, batch);
-	batch.increment(blocking);
+	batch.increment(blocking, effect);
 	return (skip = false) => {
 		boundary.update_pending_count(-1, batch);
-		batch.decrement(blocking, skip);
+		batch.decrement(blocking, effect, skip);
 	};
 }
 /**
@@ -1741,7 +1810,7 @@ function update_derived(derived) {
 		derived.wv = increment_write_version();
 		if (!current_batch?.is_fork || derived.deps === null) {
 			derived.v = value;
-			current_batch?.capture(derived, old_value);
+			current_batch?.capture(derived, old_value, true);
 			if (derived.deps === null) {
 				set_signal_status(derived, CLEAN);
 				return;
@@ -1775,7 +1844,7 @@ function unfreeze_derived_effects(derived) {
 	for (const e of derived.effects) if (e.teardown) update_effect(e);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/reactivity/sources.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/sources.js
 /** @import { Derived, Effect, Source, Value } from '#client' */
 /** @type {Set<any>} */
 var eager_effects = /* @__PURE__ */ new Set();
@@ -2067,7 +2136,7 @@ function proxy(value) {
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/operations.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/operations.js
 /** @import { Effect, TemplateNode } from '#client' */
 /** @type {Window} */
 var $window;
@@ -2242,7 +2311,7 @@ function merge_text_nodes(text) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
 /**
 * @template T
 * @param {() => T} fn
@@ -2260,7 +2329,7 @@ function without_reactive_context(fn) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/reactivity/effects.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/effects.js
 /** @import { Blocker, ComponentContext, ComponentContextLegacy, Derived, Effect, TemplateNode, TransitionManager } from '#client' */
 /**
 * @param {'$effect' | '$effect.pre' | '$inspect'} rune
@@ -2310,6 +2379,7 @@ function create_effect(type, fn) {
 		wv: 0,
 		ac: null
 	};
+	current_batch?.register_created_effect(effect);
 	/** @type {Effect | null} */
 	var e = effect;
 	if ((type & 4) !== 0) if (collected_effects !== null) collected_effects.push(effect);
@@ -2506,7 +2576,7 @@ function destroy_effect(effect, remove_dom = true) {
 	effect.f |= DESTROYED;
 	var parent = effect.parent;
 	if (parent !== null && parent.first !== null) unlink_effect(effect);
-	effect.next = effect.prev = effect.teardown = effect.ctx = effect.deps = effect.fn = effect.nodes = effect.ac = null;
+	effect.next = effect.prev = effect.teardown = effect.ctx = effect.deps = effect.fn = effect.nodes = effect.ac = effect.b = null;
 }
 /**
 *
@@ -2629,14 +2699,14 @@ function move_effect(effect, fragment) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/legacy.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/legacy.js
 /**
 * @type {Set<Value> | null}
 * @deprecated
 */
 var captured_signals = null;
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/runtime.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/runtime.js
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 var is_updating_effect = false;
 var is_destroying_effect = false;
@@ -3005,7 +3075,7 @@ function is_passive_event(name) {
 	return PASSIVE_EVENTS.includes(name);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/elements/events.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/events.js
 /**
 * Used on elements, as a map of event type -> event handler,
 * and on events themselves to track which element handled an event
@@ -3145,7 +3215,7 @@ function handle_event_propagation(event) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/reconciler.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/reconciler.js
 var policy = globalThis?.window?.trustedTypes && /* @__PURE__ */ globalThis.window.trustedTypes.createPolicy("svelte-trusted-html", { createHTML: (html) => {
 	return html;
 } });
@@ -3162,7 +3232,7 @@ function create_fragment_from_html(html) {
 	return elem.content;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/template.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/template.js
 /** @import { Effect, EffectNodes, TemplateNode } from '#client' */
 /** @import { TemplateStructure } from './types' */
 /**
@@ -3411,7 +3481,7 @@ function _mount(Component, { target, anchor, props = {}, events, context, intro
 */
 var mounted_components = /* @__PURE__ */ new WeakMap();
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/blocks/branches.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/blocks/branches.js
 /** @import { Effect, TemplateNode } from '#client' */
 /**
 * @typedef {{ effect: Effect, fragment: DocumentFragment }} Branch
@@ -3556,7 +3626,7 @@ var BranchManager = class {
 	}
 };
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/blocks/if.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/blocks/if.js
 /** @import { TemplateNode } from '#client' */
 /**
 * @param {TemplateNode} node
@@ -3602,7 +3672,7 @@ function if_block(node, fn, elseif = false) {
 	}, flags);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/blocks/each.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/blocks/each.js
 /** @import { EachItem, EachOutroGroup, EachState, Effect, EffectNodes, MaybeSource, Source, TemplateNode, TransitionManager, Value } from '#client' */
 /** @import { Batch } from '../../reactivity/batch.js'; */
 /**
@@ -4014,7 +4084,7 @@ function link(state, prev, next) {
 	else next.prev = prev;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/css.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/css.js
 /**
 * @param {Node} anchor
 * @param {{ hash: string, code: string }} css
@@ -4032,7 +4102,7 @@ function append_styles(anchor, css) {
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/shared/attributes.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/shared/attributes.js
 var whitespace = [..." 	\n\r\f\xA0\v"];
 /**
 * @param {any} value
@@ -4058,7 +4128,7 @@ function to_class(value, hash, directives) {
 	return classname === "" ? null : classname;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/elements/class.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/class.js
 /**
 * @param {Element} dom
 * @param {boolean | number} is_html
@@ -4083,7 +4153,7 @@ function set_class(dom, is_html, value, hash, prev_classes, next_classes) {
 	return next_classes;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/elements/attributes.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/attributes.js
 /** @import { Blocker, Effect } from '#client' */
 var IS_CUSTOM_ELEMENT = Symbol("is custom element");
 var IS_HTML = Symbol("is html");
@@ -4144,7 +4214,7 @@ function get_setters(element) {
 */
 function check_src_in_dev_hydration(element, attribute, value) {}
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
 /** @import { ComponentContext, Effect } from '#client' */
 /**
 * @param {any} bound_value
@@ -4196,7 +4266,7 @@ function bind_this(element_or_component = {}, update, get_value, get_parts) {
 	return element_or_component;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/reactivity/props.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/props.js
 /** @import { Effect, Source } from './types.js' */
 /**
 * This function is responsible for synchronizing a possibly bound prop with the inner component state.
@@ -4319,7 +4389,7 @@ function init_update_callbacks(context) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/disclose-version.js
+//#region ../../node_modules/.pnpm/svelte@5.55.1/node_modules/svelte/src/internal/disclose-version.js
 if (typeof window !== "undefined") ((window.__svelte ??= {}).v ??= /* @__PURE__ */ new Set()).add("5");
 //#endregion
 //#region ../sdk/src/event-emitter.ts
@@ -4486,11 +4556,12 @@ var BrowserAuthProvider = class {
 	* Initiate login by redirecting to auth page.
 	* @param appName - The name of the application requesting login (displayed on auth page)
 	*/
-	login(appName) {
+	login(appName, options) {
 		const loginUrl = new URL(`${this.authBaseUrl}/`);
 		const redirectTarget = window.location.origin + window.location.pathname + window.location.search;
 		loginUrl.searchParams.set("redirect_uri", redirectTarget);
 		loginUrl.searchParams.set("app_name", appName);
+		if (options?.signup) loginUrl.searchParams.set("signup", "true");
 		const state = this.generateState();
 		this.storeState(state);
 		loginUrl.searchParams.set("state", state);
@@ -4763,8 +4834,8 @@ var AuthManager = class {
 	* Initiate login.
 	* @param appName - The name of the application requesting login (displayed on auth page)
 	*/
-	login(appName) {
-		return this.provider.login(appName);
+	login(appName, options) {
+		return this.provider.login(appName, options);
 	}
 	/**
 	* Logout - clear all tokens and state.
@@ -5352,6 +5423,7 @@ var GraphQLClient = class {
           createdAt
           updatedAt
           linkAccess
+          memberCount
         }
       }
     `)).listSpaces;
@@ -5363,6 +5435,7 @@ var GraphQLClient = class {
           name
           role
           linkAccess
+          memberCount
           channels {
             id
             name
@@ -6679,7 +6752,8 @@ var ClientSubscriptionManager = class {
 				createdAt: raw.createdAt,
 				updatedAt: raw.updatedAt,
 				role: raw.role,
-				linkAccess: raw.linkAccess
+				linkAccess: raw.linkAccess,
+				memberCount: raw.memberCount
 			};
 			case "user_storage_changed": return {
 				type,
@@ -8339,6 +8413,7 @@ var RoolSpace = class {
 	_name;
 	_role;
 	_linkAccess;
+	_memberCount;
 	_channels;
 	graphqlClient;
 	mediaClient;
@@ -8348,6 +8423,7 @@ var RoolSpace = class {
 		this._name = config.name;
 		this._role = config.role;
 		this._linkAccess = config.linkAccess;
+		this._memberCount = config.memberCount;
 		this._channels = config.channels;
 		this.graphqlClient = config.graphqlClient;
 		this.mediaClient = config.mediaClient;
@@ -8365,6 +8441,9 @@ var RoolSpace = class {
 	get linkAccess() {
 		return this._linkAccess;
 	}
+	get memberCount() {
+		return this._memberCount;
+	}
 	/**
 	* Open a channel on this space.
 	* If the channel doesn't exist, the server creates it.
@@ -8443,10 +8522,11 @@ var RoolSpace = class {
 	* Updates name, role, linkAccess, and channel list.
 	*/
 	async refresh() {
-		const { name, role, linkAccess, channels } = await this.graphqlClient.openSpace(this._id);
+		const { name, role, linkAccess, memberCount, channels } = await this.graphqlClient.openSpace(this._id);
 		this._name = name;
 		this._role = role;
 		this._linkAccess = linkAccess;
+		this._memberCount = memberCount;
 		this._channels = channels;
 	}
 };
@@ -8542,8 +8622,8 @@ var RoolClient = class extends EventEmitter {
 	* Initiate login by redirecting to auth page.
 	* @param appName - The name of the application requesting login (displayed on auth page)
 	*/
-	async login(appName) {
-		return this.authManager.login(appName);
+	async login(appName, options) {
+		return this.authManager.login(appName, options);
 	}
 	/**
 	* Logout - clear all tokens and state.
@@ -8649,12 +8729,13 @@ var RoolClient = class extends EventEmitter {
 	* To work with objects and AI, call space.openChannel(channelId).
 	*/
 	async openSpace(spaceId) {
-		const { name, role, linkAccess, channels } = await this.graphqlClient.openSpace(spaceId);
+		const { name, role, linkAccess, memberCount, channels } = await this.graphqlClient.openSpace(spaceId);
 		return new RoolSpace({
 			id: spaceId,
 			name,
 			role,
 			linkAccess,
+			memberCount,
 			channels,
 			graphqlClient: this.graphqlClient,
 			mediaClient: this.mediaClient,
@@ -8674,6 +8755,7 @@ var RoolClient = class extends EventEmitter {
 			name,
 			role: "owner",
 			linkAccess: "none",
+			memberCount: 1,
 			channels: [],
 			graphqlClient: this.graphqlClient,
 			mediaClient: this.mediaClient,
@@ -8905,7 +8987,8 @@ var RoolClient = class extends EventEmitter {
 					size: event.size ?? 0,
 					createdAt: event.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
 					updatedAt: event.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
-					linkAccess: "none"
+					linkAccess: "none",
+					memberCount: 1
 				});
 				break;
 			case "space_deleted":
@@ -8924,7 +9007,8 @@ var RoolClient = class extends EventEmitter {
 					size: event.size,
 					createdAt: event.createdAt,
 					updatedAt: event.updatedAt,
-					linkAccess: event.linkAccess
+					linkAccess: event.linkAccess,
+					memberCount: event.memberCount
 				});
 				break;
 			case "user_storage_changed":
@@ -9573,7 +9657,7 @@ var root_29 = /* @__PURE__ */ from_html(`<div class="text-[11px] text-red-500 mt
 var root_22 = /* @__PURE__ */ from_html(`<div class="px-4 py-3 border-b border-slate-100"><div class="text-[10px] font-semibold text-slate-400 uppercase tracking-wider mb-1.5">Publish</div> <button><!></button> <!></div>`);
 var root_30 = /* @__PURE__ */ from_svg(`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>`);
 var root_31 = /* @__PURE__ */ from_svg(`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>`);
-var root_2$1 = /* @__PURE__ */ from_html(`<div class="w-[280px] shrink-0 bg-white border-r border-slate-200 flex flex-col overflow-y-auto"><div class="px-4 pt-4 pb-3 border-b border-slate-100"><div class="flex items-start justify-between mb-1"><!> <button class="p-1 -mr-1 text-slate-400 hover:text-slate-600 transition-colors shrink-0" title="Collapse sidebar"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"></path></svg></button></div> <!> <!> <!></div> <!> <!> <!> <div class="px-4 py-3 border-b border-slate-100"><div class="text-[10px] font-semibold text-slate-400 uppercase tracking-wider mb-1.5">Environment</div> <div class="flex rounded-md border border-slate-200 overflow-hidden"><button>Local</button> <button>Dev</button> <button>Prod</button></div> <div class="text-[10px] text-slate-400 mt-1 font-mono"> </div></div> <div class="px-4 py-3 border-b border-slate-100"><div class="text-[10px] font-semibold text-slate-400 uppercase tracking-wider mb-1.5">Space</div> <div class="relative" data-dropdown=""><button type="button"> <svg class="absolute right-2.5 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"></path></svg></button> <!></div> <div class="text-[11px] text-slate-400 leading-normal mt-1.5"><span></span> </div></div> <!> <div class="px-4 py-3 mt-auto flex items-center justify-between"><a href="https://docs.rool.dev/extension" target="_blank" rel="noopener noreferrer" class="text-[11px] text-slate-400 hover:text-indigo-500 transition-colors">Documentation</a> <button class="p-1 text-slate-400 hover:text-indigo-500 transition-colors"><!></button> <button class="text-[11px] text-slate-400 hover:text-red-500 transition-colors">Sign out</button></div></div>`);
+var root_2$1 = /* @__PURE__ */ from_html(`<div class="w-[280px] shrink-0 bg-white border-r border-slate-200 flex flex-col overflow-y-auto"><div class="px-4 pt-4 pb-3 border-b border-slate-100"><div class="flex items-start justify-between mb-1"><!> <button class="p-1 -mr-1 text-slate-400 hover:text-slate-600 transition-colors shrink-0" title="Collapse sidebar"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"></path></svg></button></div> <!> <!> <!></div> <!> <!> <!> <div class="px-4 py-3 border-b border-slate-100"><div class="text-[10px] font-semibold text-slate-400 uppercase tracking-wider mb-1.5">Environment</div> <div class="flex rounded-md border border-slate-200 overflow-hidden"><button>Local</button> <button>Dev</button> <button>Prod</button></div> <div class="text-[10px] text-slate-400 mt-1 font-mono"> </div></div> <div class="px-4 py-3 border-b border-slate-100"><div class="text-[10px] font-semibold text-slate-400 uppercase tracking-wider mb-1.5">Space</div> <div class="relative" data-dropdown=""><button type="button"> <svg class="absolute right-2.5 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"></path></svg></button> <!></div> <div class="text-[11px] text-slate-400 leading-normal mt-1.5"><span></span> </div></div> <!> <div class="px-4 py-3 mt-auto flex items-center justify-between"><a href="https://docs.rool.dev/extension/" target="_blank" rel="noopener noreferrer" class="text-[11px] text-slate-400 hover:text-indigo-500 transition-colors">Documentation</a> <button class="p-1 text-slate-400 hover:text-indigo-500 transition-colors"><!></button> <button class="text-[11px] text-slate-400 hover:text-red-500 transition-colors">Sign out</button></div></div>`);
 function Sidebar($$anchor, $$props) {
 	push($$props, true);
 	let dropdownOpen = prop($$props, "dropdownOpen", 15);