@gradio/client 2.5.1 → 2.7.0

package/dist/index.min.js

@@ -8,10 +8,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 }, c = (n, r, a) => (a = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule ? t(a, "default", {
 	value: n,
 	enumerable: !0
-}) : a, n)), l = "host", u = "queue/data", d = "queue/join", f = "upload", p = "login", m = "config", h = "info", g = "runtime", ee = "sleeptime", _ = "heartbeat", te = "component_server", ne = "reset", re = "cancel", v = "app_id", ie = "This application is currently busy. Please try again. ", y = "Connection errored out. ", b = "Could not resolve app config. ", x = "Could not get space status. ", S = "Could not get API info. ", C = "Space metadata could not be loaded. ", w = "Invalid URL. A full URL path is required.", T = "Not authorized to access this space. ", E = "Invalid credentials. Could not login. ", ae = "Login credentials are required to access this space.", D = "Could not access this app (received a 401 response). If it is a private Hugging Face Space, pass a valid Hugging Face token to the `token` option of `Client.connect`. You can generate a token at https://huggingface.co/settings/tokens.", oe = (e, t) => `Space "${e}" could not be accessed (received a ${t} response from the Hugging Face API). Check that the Space name is spelled correctly and that the Space exists. If the Space is private, pass a valid Hugging Face token to the \`token\` option of \`Client.connect\`. You can generate a token at https://huggingface.co/settings/tokens.`, se = "No API information is available for this app. This can happen when the app's `/info` endpoint cannot be reached, or when the app is running a legacy version of Gradio that is not supported by this client. ", ce = "This app appears to be running a legacy version of Gradio (3.x or earlier) that communicates over WebSockets, which is not supported by this version of @gradio/client. Please upgrade the app to a newer version of Gradio, or connect to it with @gradio/client version 0.x.", le = "File system access is only available in Node.js environments", O = "Root URL not found in client config", ue = "Error uploading file";
+}) : a, n)), l = "host", u = "queue/data", d = "queue/join", f = "upload", p = "login", m = "config", ee = "info", h = "runtime", te = "sleeptime", g = "heartbeat", ne = "component_server", re = "reset", ie = "cancel", _ = "app_id", ae = "This application is currently busy. Please try again. ", v = "Connection errored out. ", y = "Could not resolve app config. ", b = "Could not get space status. ", oe = "Could not get API info. ", x = "Space metadata could not be loaded. ", se = "Invalid URL. A full URL path is required.", S = "Not authorized to access this space. ", C = "Invalid credentials. Could not login. ", w = "Login credentials are required to access this space.", ce = "Could not access this app (received a 401 response). If it is a private Hugging Face Space, pass a valid Hugging Face token to the `token` option of `Client.connect`. You can generate a token at https://huggingface.co/settings/tokens.", T = (e, t) => `Space "${e}" could not be accessed (received a ${t} response from the Hugging Face API). Check that the Space name is spelled correctly and that the Space exists. If the Space is private, pass a valid Hugging Face token to the \`token\` option of \`Client.connect\`. You can generate a token at https://huggingface.co/settings/tokens.`, le = "No API information is available for this app. This can happen when the app's `/info` endpoint cannot be reached, or when the app is running a legacy version of Gradio that is not supported by this client. ", ue = "This app appears to be running a legacy version of Gradio (3.x or earlier) that communicates over WebSockets, which is not supported by this version of @gradio/client. Please upgrade the app to a newer version of Gradio, or connect to it with @gradio/client version 0.x.", de = "File system access is only available in Node.js environments", fe = "Root URL not found in client config", pe = "Error uploading file";
 //#endregion
 //#region src/helpers/init_helpers.ts
-async function de(e, t, n) {
+async function me(e, t, n) {
 	try {
 		return (await (await fetch(`https://huggingface.co/api/spaces/${e}/jwt`, { headers: {
 			Authorization: `Bearer ${t}`,
@@ -21,24 +21,26 @@ async function de(e, t, n) {
 		return !1;
 	}
 }
-function k(e) {
+function E(e) {
 	e.hf_token && !e.token && (e.token = e.hf_token, console.warn("The `hf_token` option has been renamed to `token`. Support for `hf_token` will be removed in a future version of @gradio/client."));
 }
-function fe(e) {
+function D(e) {
 	let t = {};
 	return e.forEach(({ api_name: e, id: n }) => {
 		e && (t[e] = n);
 	}), t;
 }
-function A(e, t) {
-	let n = new URL(e, t), r = new URL(t);
-	return n.hostname === r.hostname ? (n.protocol = r.protocol, n.host = r.host, n.toString().replace(/\/$/, "")) : e;
+function he(e, t, n = !1) {
+	let r = new URL(t), i = new URL(e, r), a = i.hostname.endsWith(".colab-user-runtimes.internal") || i.hostname.endsWith(".codatalab-user-runtimes.internal");
+	return n || a ? new URL(new URL(e, r).pathname, r).toString().replace(/\/$/, "") : i.hostname === r.hostname ? (i.protocol = r.protocol, i.host = r.host, i.toString().replace(/\/$/, "")) : e;
 }
-async function j(e, t = !0) {
+async function O(e, t = !0) {
 	let n = this.options.token ? { Authorization: `Bearer ${this.options.token}` } : {};
 	if (typeof window < "u" && window.gradio_config && location.origin !== "http://localhost:9876") {
 		if (t && window.gradio_config.current_page && (e = e.substring(0, e.lastIndexOf("/"))), window.gradio_config.dev_mode || typeof window < "u" && window?.BUILD_MODE === "dev") {
-			let t = me(e, this.deep_link ? m + "?deep_link=" + this.deep_link : m), r = await M(await this.fetch(t, {
+			let t = new URL(L(e, m));
+			this.deep_link && t.searchParams.set("deep_link", this.deep_link), this.page !== null && t.searchParams.set("page", this.page);
+			let r = await k(await this.fetch(t, {
 				headers: n,
 				credentials: this.options.credentials ?? "same-origin"
 			}), !!this.options.auth);
@@ -48,47 +50,49 @@ async function j(e, t = !0) {
 			};
 		}
 		let r = { ...window.gradio_config };
-		return r.root = A(r.root, location.href), r;
+		return r.root = he(r.root, location.href, r.is_colab), r;
 	} else if (e) {
-		let t = me(e, this.deep_link ? m + "?deep_link=" + this.deep_link : m), r = await M(await this.fetch(t, {
+		let t = new URL(L(e, m));
+		this.deep_link && t.searchParams.set("deep_link", this.deep_link), this.page !== null && t.searchParams.set("page", this.page);
+		let r = await k(await this.fetch(t, {
 			headers: n,
 			credentials: this.options.credentials ?? "same-origin"
 		}), !!this.options.auth);
 		return r.root ||= e, r;
 	}
-	throw Error(b);
+	throw Error(y);
 }
-async function M(e, t) {
+async function k(e, t) {
 	if (e?.status === 401 && !t) {
 		let t = null;
 		try {
 			t = await e.json();
 		} catch {
-			throw Error(D);
+			throw Error(ce);
 		}
 		let n = t?.detail?.auth_message;
 		throw Error(n || "Login credentials are required to access this space.");
-	} else if (e?.status === 401 && t) throw Error(E);
+	} else if (e?.status === 401 && t) throw Error(C);
 	if (e?.status === 200) {
 		let t = await e.json();
 		return t.dependencies?.forEach((e, t) => {
 			e.id === void 0 && (e.id = t);
 		}), t;
-	} else if (e?.status === 401) throw Error(T);
-	throw Error(`${b}(received status ${e?.status} when fetching the app config)`);
+	} else if (e?.status === 401) throw Error(S);
+	throw Error(`${y}(received status ${e?.status} when fetching the app config)`);
 }
-async function N() {
-	let { http_protocol: e, host: t } = await R(this.app_reference, this.options.token);
+async function A() {
+	let { http_protocol: e, host: t } = await I(this.app_reference, this.options.token);
 	try {
 		if (this.options.auth) {
-			let n = await P(e, t, this.options.auth, this.fetch, this.options.token, this.options.credentials);
+			let n = await j(e, t, this.options.auth, this.fetch, this.options.token, this.options.credentials);
 			n && this.set_cookies(n);
 		}
 	} catch (e) {
 		throw Error(e.message);
 	}
 }
-async function P(e, t, n, r, i, a) {
+async function j(e, t, n, r, i, a) {
 	let o = new FormData();
 	o.append("username", n?.[0]), o.append("password", n?.[1]);
 	let s = {};
@@ -100,9 +104,9 @@ async function P(e, t, n, r, i, a) {
 		credentials: a ?? "same-origin"
 	});
 	if (c.status === 200) return c.headers.get("set-cookie");
-	throw c.status === 401 ? Error(E) : Error(C);
+	throw c.status === 401 ? Error(C) : Error(x);
 }
-function F(e) {
+function M(e) {
 	if (e.startsWith("http")) {
 		let { protocol: t, host: n, pathname: r } = new URL(e);
 		return {
@@ -117,39 +121,39 @@ function F(e) {
 		host: new URL(e).host
 	};
 }
-var I = (e) => {
+var N = (e) => {
 	let t = [];
 	return e.split(/,(?=\s*[^\s=;]+=[^\s=;]+)/).forEach((e) => {
 		let [n, r] = e.split(";")[0].split("=");
 		n && r && t.push(`${n.trim()}=${r.trim()}`);
 	}), t;
-}, L = /^[a-zA-Z0-9_\-\.]+\/[a-zA-Z0-9_\-\.]+$/, pe = /.*hf\.space\/{0,1}.*$/;
-async function R(e, t) {
+}, P = /^[a-zA-Z0-9_\-\.]+\/[a-zA-Z0-9_\-\.]+$/, F = /.*hf\.space\/{0,1}.*$/;
+async function I(e, t) {
 	let n = {};
 	t && (n.Authorization = `Bearer ${t}`);
 	let r = e.trim().replace(/\/$/, "");
-	if (L.test(r)) {
+	if (P.test(r)) {
 		let e;
 		try {
 			e = await fetch(`https://huggingface.co/api/spaces/${r}/${l}`, { headers: n });
 		} catch {
-			throw Error(C);
+			throw Error(x);
 		}
-		if (e.status === 401 || e.status === 404) throw Error(oe(r, e.status));
+		if (e.status === 401 || e.status === 404) throw Error(T(r, e.status));
 		let t;
 		try {
 			t = (await e.json()).host;
 		} catch {
-			throw Error(C);
+			throw Error(x);
 		}
-		if (!t) throw Error(C);
+		if (!t) throw Error(x);
 		return {
 			space_id: r,
-			...F(t)
+			...M(t)
 		};
 	}
-	if (pe.test(r)) {
-		let { ws_protocol: e, http_protocol: t, host: n } = F(r);
+	if (F.test(r)) {
+		let { ws_protocol: e, http_protocol: t, host: n } = M(r);
 		return {
 			space_id: n.split("/")[0].replace(".hf.space", ""),
 			ws_protocol: e,
@@ -159,17 +163,17 @@ async function R(e, t) {
 	}
 	return {
 		space_id: !1,
-		...F(r)
+		...M(r)
 	};
 }
-var me = (...e) => {
+var L = (...e) => {
 	try {
 		return e.reduce((e, t) => (e = e.replace(/\/+$/, ""), t = t.replace(/^\/+/, ""), new URL(t, e + "/").toString()));
 	} catch {
-		throw Error(w);
+		throw Error(se);
 	}
 };
-function he(e, t, n) {
+function ge(e, t, n) {
 	let r = {
 		named_endpoints: {},
 		unnamed_endpoints: {}
@@ -200,7 +204,7 @@ function he(e, t, n) {
 			let d = (e, t, n, r) => ({
 				...e,
 				description: _e(e?.type, n),
-				type: ge(e?.type, t, n, r) || ""
+				type: R(e?.type, t, n, r) || ""
 			});
 			r[i][e] = {
 				parameters: o.map((e) => d(e, e?.component, e?.serializer, "parameter")),
@@ -211,7 +215,7 @@ function he(e, t, n) {
 		}));
 	}), r;
 }
-function ge(e, t, n, r) {
+function R(e, t, n, r) {
 	if (t === "Api") return e.type;
 	switch (e?.type) {
 		case "string": return "string";
@@ -235,7 +239,7 @@ function ve(e, t) {
 			type: "update",
 			status: {
 				queue: !0,
-				message: ie,
+				message: ae,
 				stage: "error",
 				code: e.code,
 				success: e.success
@@ -386,21 +390,21 @@ async function be() {
 		let e, r;
 		if (typeof window < "u" && window.gradio_api_info) r = window.gradio_api_info;
 		else {
-			let i = me(t.root, this.api_prefix, h);
-			if (e = await this.fetch(i, {
+			let i = new URL(L(t.root, this.api_prefix, ee));
+			if (this.page !== null && i.searchParams.set("page", this.page), e = await this.fetch(i, {
 				headers: n,
 				credentials: this.options.credentials ?? "same-origin"
-			}), !e.ok) throw Error(y);
+			}), !e.ok) throw Error(v);
 			r = await e.json();
 		}
-		return "api" in r && (r = r.api), r.named_endpoints["/predict"] && !r.unnamed_endpoints[0] && (r.unnamed_endpoints[0] = r.named_endpoints["/predict"]), he(r, t, this.api_map);
+		return "api" in r && (r = r.api), r.named_endpoints["/predict"] && !r.unnamed_endpoints[0] && (r.unnamed_endpoints[0] = r.named_endpoints["/predict"]), ge(r, t, this.api_map);
 	} catch (e) {
 		throw Error("Could not get API info. " + e.message);
 	}
 }
 //#endregion
 //#region src/utils/upload_files.ts
-async function z(e, t, n) {
+async function xe(e, t, n) {
 	let r = {};
 	this?.options?.token && (r.Authorization = `Bearer ${this.options.token}`);
 	let i = 1e3, a = [], o;
@@ -418,7 +422,7 @@ async function z(e, t, n) {
 				credentials: this.options.credentials ?? "same-origin"
 			});
 		} catch (e) {
-			throw Error(y + e.message);
+			throw Error(v + e.message);
 		}
 		if (!o.ok) {
 			let e = await o.text();
@@ -429,7 +433,7 @@ async function z(e, t, n) {
 	}
 	return { files: a };
 }
-var B = {
+var Se = {
 	si: {
 		radix: 1e3,
 		unit: [
@@ -473,28 +477,31 @@ var B = {
 		]
 	}
 };
-function V(e, t = 1, n = "jedec") {
+function Ce(e, t = 1, n = "jedec") {
 	e = Math.abs(e);
-	let { radix: r, unit: i } = B[n] || B.jedec, a = 0;
+	let { radix: r, unit: i } = Se[n] || Se.jedec, a = 0;
 	for (; e >= r;) e /= r, ++a;
 	return `${e.toFixed(t)} ${i[a]}`;
 }
 //#endregion
 //#region src/upload.ts
-async function H(e, t, n, r) {
+async function z(e, t, n, r) {
 	let i = (Array.isArray(e) ? e : [e]).map((e) => e.blob), a = i.filter((e) => e.size > (r ?? Infinity));
-	if (a.length) throw Error(`File(s) exceed the maximum allowed size of ${V(r || Infinity)}: ${a.map((e) => `"${e.name}"`).join(", ")}`);
+	if (a.length) throw Error(`File(s) exceed the maximum allowed size of ${Ce(r || Infinity)}: ${a.map((e) => `"${e.name}"`).join(", ")}`);
 	return await Promise.all(await this.upload_files(t, i, n).then(async (n) => {
 		if (n.error) throw Error(n.error);
-		return n.files ? n.files.map((n, r) => new U({
-			...e[r],
-			path: n,
-			url: `${t}${this.api_prefix}/file=${n}`
-		})) : [];
+		return n.files ? n.files.map((n, r) => {
+			let i = n.split("/").map((e) => encodeURIComponent(e)).join("/");
+			return new V({
+				...e[r],
+				path: n,
+				url: `${t}${this.api_prefix}/file=${i}`
+			});
+		}) : [];
 	}));
 }
-async function xe(e, t) {
-	return e.map((e) => new U({
+async function B(e, t) {
+	return e.map((e) => new V({
 		path: e.name,
 		orig_name: e.name,
 		blob: e,
@@ -503,7 +510,7 @@ async function xe(e, t) {
 		is_stream: t
 	}));
 }
-var U = class {
+var V = class {
 	path;
 	url;
 	orig_name;
@@ -517,7 +524,7 @@ var U = class {
 	constructor({ path: e, url: t, orig_name: n, size: r, blob: i, is_stream: a, mime_type: o, alt_text: s, b64: c }) {
 		this.path = e, this.url = t, this.orig_name = n, this.size = r, this.blob = t ? void 0 : i, this.is_stream = a, this.mime_type = o, this.alt_text = s, this.b64 = c;
 	}
-}, W = class {
+}, H = class {
 	type;
 	command;
 	meta;
@@ -525,8 +532,8 @@ var U = class {
 	constructor(e, t) {
 		this.type = "command", this.command = e, this.meta = t;
 	}
-}, Se = typeof process < "u" && process.versions && process.versions.node;
-function Ce(e, t, n) {
+}, we = typeof process < "u" && process.versions && process.versions.node;
+function Te(e, t, n) {
 	for (; n.length > 1;) {
 		let t = n.shift();
 		if (typeof t == "string" || typeof t == "number") e = e[t];
@@ -536,13 +543,13 @@ function Ce(e, t, n) {
 	if (typeof r == "string" || typeof r == "number") e[r] = t;
 	else throw Error("Invalid key type");
 }
-async function we(e, t = void 0, n = [], r = !1, i = void 0) {
+async function U(e, t = void 0, n = [], r = !1, i = void 0) {
 	if (Array.isArray(e)) {
 		let a = [];
 		return await Promise.all(e.map(async (o, s) => {
 			let c = n.slice();
 			c.push(String(s));
-			let l = await we(e[s], r ? i?.parameters[s]?.component || void 0 : t, c, !1, i);
+			let l = await U(e[s], r ? i?.parameters[s]?.component || void 0 : t, c, !1, i);
 			a = a.concat(l);
 		})), a;
 	} else if (globalThis.Buffer && e instanceof globalThis.Buffer || e instanceof Blob) return [{
@@ -554,17 +561,17 @@ async function we(e, t = void 0, n = [], r = !1, i = void 0) {
 		let t = [];
 		for (let r of Object.keys(e)) {
 			let a = [...n, r], o = e[r];
-			t = t.concat(await we(o, void 0, a, !1, i));
+			t = t.concat(await U(o, void 0, a, !1, i));
 		}
 		return t;
 	}
 	return [];
 }
-function Te(e, t) {
+function Ee(e, t) {
 	let n = t?.dependencies?.find((t) => t.id == e)?.queue;
 	return n == null ? !t.enable_queue : !n;
 }
-function Ee(e, t) {
+function De(e, t) {
 	return new Promise((n, r) => {
 		let i = new MessageChannel();
 		i.port1.onmessage = (({ data: e }) => {
@@ -572,7 +579,7 @@ function Ee(e, t) {
 		}), window.parent.postMessage(e, t, [i.port2]);
 	});
 }
-function De(e) {
+function Oe(e) {
 	if (typeof e == "string") {
 		if (e.startsWith("http://") || e.startsWith("https://")) return {
 			path: e,
@@ -580,7 +587,7 @@ function De(e) {
 			orig_name: e.split("/").pop() ?? "unknown",
 			meta: { _type: "gradio.FileData" }
 		};
-		if (Se) return new W("upload_file", {
+		if (we) return new H("upload_file", {
 			path: e,
 			name: e,
 			orig_path: e
@@ -590,7 +597,7 @@ function De(e) {
 	else if (e instanceof Blob) return e;
 	throw Error("Invalid input: must be a URL, File, Blob, or Buffer object.");
 }
-function G(e, t, n, r, i = !1) {
+function W(e, t, n, r, i = !1) {
 	if (r === "input" && !i) throw Error("Invalid code path. Cannot skip state inputs for input.");
 	if (r === "output" && i) return e;
 	let a = [], o = 0, s = r === "input" ? t.inputs : t.outputs;
@@ -613,17 +620,41 @@ function G(e, t, n, r, i = !1) {
 	}
 	return a;
 }
+var ke = [
+	"/file=",
+	"/file/",
+	"/stream/",
+	"/proxy="
+];
+function Ae(e, t, n, r) {
+	if (!r || typeof e != "object" || !e) return;
+	let i = r, a = new URL(t), o = a.pathname.replace(/\/+$/, ""), s = n ? `/${n.replace(/^\/+|\/+$/g, "")}` : "", c = new Set([`${o}${s}`, s]);
+	s || (c.add(`${o}/gradio_api`), c.add("/gradio_api"));
+	function l(e) {
+		if (typeof e != "object" || !e) return;
+		let t = e;
+		if (t.meta?._type === "gradio.FileData" && typeof t.url == "string") {
+			let e = new URL(t.url, `${a.toString().replace(/\/$/, "")}/`), n = [...c].some((t) => ke.some((n) => e.pathname.startsWith(`${t}${n}`)));
+			(e.protocol === "http:" || e.protocol === "https:") && e.origin === a.origin && n && (e.searchParams.set("__sign", i), t.url = e.toString());
+		}
+		for (let e of Object.values(t)) l(e);
+	}
+	l(e);
+}
+function je(e, t) {
+	for (let n of e.components || []) Ae(n.props?.value, e.root, e.api_prefix || "", t);
+}
 //#endregion
 //#region __vite-browser-external
-var Oe = /* @__PURE__ */ o(((e, t) => {
+var Me = /* @__PURE__ */ o(((e, t) => {
 	t.exports = {};
 }));
 //#endregion
 //#region src/utils/handle_blob.ts
-async function ke(e, t, n) {
+async function Ne(e, t, n) {
 	let r = this;
-	await Ae(r, t);
-	let i = await we(t, void 0, [], !0, n);
+	await Pe(r, t);
+	let i = await U(t, void 0, [], !0, n);
 	return (await Promise.all(i.map(async ({ path: t, blob: n, type: i }) => {
 		if (!n) return {
 			path: t,
@@ -637,40 +668,40 @@ async function ke(e, t, n) {
 			name: typeof File < "u" && n instanceof File ? n?.name : void 0
 		};
 	}))).forEach(({ path: e, file_url: n, type: r, name: i }) => {
-		r === "Gallery" ? Ce(t, n, e) : n && Ce(t, new U({
+		r === "Gallery" ? Te(t, n, e) : n && Te(t, new V({
 			path: n,
 			orig_name: i
 		}), e);
 	}), t;
 }
-async function Ae(e, t) {
-	if (!(e.config?.root || e.config?.root_url)) throw Error(O);
-	await je(e, t);
+async function Pe(e, t) {
+	if (!(e.config?.root || e.config?.root_url)) throw Error(fe);
+	await Fe(e, t);
 }
-async function je(e, t, n = []) {
-	for (let r in t) t[r] instanceof W ? await Me(e, t, r) : typeof t[r] == "object" && t[r] !== null && await je(e, t[r], [...n, r]);
+async function Fe(e, t, n = []) {
+	for (let r in t) t[r] instanceof H ? await Ie(e, t, r) : typeof t[r] == "object" && t[r] !== null && await Fe(e, t[r], [...n, r]);
 }
-async function Me(e, t, n) {
+async function Ie(e, t, n) {
 	let r = t[n], i = e.config?.root || e.config?.root_url;
-	if (!i) throw Error(O);
+	if (!i) throw Error(fe);
 	try {
 		let a, o;
 		if (typeof process < "u" && process.versions && process.versions.node) {
-			let e = await Promise.resolve().then(() => /* @__PURE__ */ c(Oe(), 1));
-			o = (await Promise.resolve().then(() => /* @__PURE__ */ c(Oe(), 1))).resolve(process.cwd(), r.meta.path), a = await e.readFile(o);
-		} else throw Error(le);
+			let e = await Promise.resolve().then(() => /* @__PURE__ */ c(Me(), 1));
+			o = (await Promise.resolve().then(() => /* @__PURE__ */ c(Me(), 1))).resolve(process.cwd(), r.meta.path), a = await e.readFile(o);
+		} else throw Error(de);
 		let s = new Blob([a], { type: "application/octet-stream" }), l = await e.upload_files(i, [s]), u = l.files && l.files[0];
-		u && (t[n] = new U({
+		u && (t[n] = new V({
 			path: u,
 			orig_name: r.meta.name || ""
 		}));
 	} catch (e) {
-		console.error(ue, e);
+		console.error(pe, e);
 	}
 }
 //#endregion
 //#region src/utils/post_data.ts
-async function Ne(e, t, n) {
+async function Le(e, t, n) {
 	let r = { "Content-Type": "application/json" };
 	this.options.token && (r.Authorization = `Bearer ${this.options.token}`);
 	try {
@@ -684,7 +715,7 @@ async function Ne(e, t, n) {
 			credentials: this.options.credentials ?? "same-origin"
 		});
 	} catch {
-		return [{ error: y }, 500];
+		return [{ error: v }, 500];
 	}
 	let a, o;
 	try {
@@ -696,7 +727,7 @@ async function Ne(e, t, n) {
 }
 //#endregion
 //#region src/utils/predict.ts
-async function Pe(e, t = {}) {
+async function Re(e, t = {}) {
 	let n = !1, r = !1;
 	if (!this.config) throw Error("Could not resolve app config");
 	if (typeof e == "number") this.config.dependencies.find((t) => t.id == e);
@@ -719,7 +750,7 @@ async function Pe(e, t = {}) {
 }
 //#endregion
 //#region src/helpers/spaces.ts
-async function K(e, t, n) {
+async function G(e, t, n) {
 	let r = t === "subdomain" ? `https://huggingface.co/api/spaces/by-subdomain/${e}` : `https://huggingface.co/api/spaces/${e}`, i, a;
 	try {
 		if (i = await fetch(r), a = i.status, a !== 200) throw Error();
@@ -728,7 +759,7 @@ async function K(e, t, n) {
 		n({
 			status: "error",
 			load_status: "error",
-			message: x,
+			message: b,
 			detail: "NOT_FOUND"
 		});
 		return;
@@ -744,7 +775,7 @@ async function K(e, t, n) {
 				message: "Space is asleep. Waking it up...",
 				detail: o
 			}), setTimeout(() => {
-				K(e, t, n);
+				G(e, t, n);
 			}, 1e3);
 			break;
 		case "PAUSED":
@@ -753,7 +784,7 @@ async function K(e, t, n) {
 				load_status: "error",
 				message: "This space has been paused by the author. If you would like to try this demo, consider duplicating the space.",
 				detail: o,
-				discussions_enabled: await Le(s)
+				discussions_enabled: await Ve(s)
 			});
 			break;
 		case "RUNNING":
@@ -772,7 +803,7 @@ async function K(e, t, n) {
 				message: "Space is building...",
 				detail: o
 			}), setTimeout(() => {
-				K(e, t, n);
+				G(e, t, n);
 			}, 1e3);
 			break;
 		case "APP_STARTING":
@@ -782,7 +813,7 @@ async function K(e, t, n) {
 				message: "Space is starting...",
 				detail: o
 			}), setTimeout(() => {
-				K(e, t, n);
+				G(e, t, n);
 			}, 1e3);
 			break;
 		default:
@@ -791,34 +822,34 @@ async function K(e, t, n) {
 				load_status: "error",
 				message: "This space is experiencing an issue.",
 				detail: o,
-				discussions_enabled: await Le(s)
+				discussions_enabled: await Ve(s)
 			});
 			break;
 	}
 }
-var Fe = async (e, t) => {
+var ze = async (e, t) => {
 	let n = 0;
 	return new Promise((r) => {
-		K(e, L.test(e) ? "space_name" : "subdomain", (i) => {
+		G(e, P.test(e) ? "space_name" : "subdomain", (i) => {
 			t(i), i.status === "running" || i.status === "error" || i.status === "paused" || i.status === "space_error" ? r() : (i.status === "sleeping" || i.status === "building") && (n < 12 ? (n++, setTimeout(() => {
-				Fe(e, t).then(r);
+				ze(e, t).then(r);
 			}, 5e3)) : r());
 		});
 	});
-}, Ie = /^(?=[^]*\b[dD]iscussions{0,1}\b)(?=[^]*\b[dD]isabled\b)[^]*$/;
-async function Le(e) {
+}, Be = /^(?=[^]*\b[dD]iscussions{0,1}\b)(?=[^]*\b[dD]isabled\b)[^]*$/;
+async function Ve(e) {
 	try {
 		let t = await fetch(`https://huggingface.co/api/spaces/${e}/discussions`, { method: "HEAD" }), n = t.headers.get("x-error-message");
-		return !(!t.ok || n && Ie.test(n));
+		return !(!t.ok || n && Be.test(n));
 	} catch {
 		return !1;
 	}
 }
-async function Re(e, t) {
+async function He(e, t) {
 	let n = {};
 	t && (n.Authorization = `Bearer ${t}`);
 	try {
-		let t = await fetch(`https://huggingface.co/api/spaces/${e}/${g}`, { headers: n });
+		let t = await fetch(`https://huggingface.co/api/spaces/${e}/${h}`, { headers: n });
 		if (t.status !== 200) throw Error("Space hardware could not be obtained.");
 		let { hardware: r } = await t.json();
 		return r.current;
@@ -826,12 +857,12 @@ async function Re(e, t) {
 		throw Error(e.message);
 	}
 }
-async function ze(e, t, n) {
+async function Ue(e, t, n) {
 	let r = {};
 	n && (r.Authorization = `Bearer ${n}`);
 	let i = { seconds: t };
 	try {
-		let t = await fetch(`https://huggingface.co/api/spaces/${e}/${ee}`, {
+		let t = await fetch(`https://huggingface.co/api/spaces/${e}/${te}`, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
@@ -845,7 +876,7 @@ async function ze(e, t, n) {
 		throw Error(e.message);
 	}
 }
-var Be = [
+var We = [
 	"cpu-basic",
 	"cpu-upgrade",
 	"cpu-xl",
@@ -862,14 +893,14 @@ var Be = [
 ];
 //#endregion
 //#region src/utils/duplicate.ts
-async function Ve(e, t) {
-	k(t);
+async function Ge(e, t) {
+	E(t);
 	let { token: n, private: r, hardware: i, timeout: a, auth: o } = t;
-	if (i && !Be.includes(i)) throw Error(`Invalid hardware type provided. Valid types are: ${Be.map((e) => `"${e}"`).join(",")}.`);
-	let { http_protocol: s, host: c } = await R(e, n), l = null;
+	if (i && !We.includes(i)) throw Error(`Invalid hardware type provided. Valid types are: ${We.map((e) => `"${e}"`).join(",")}.`);
+	let { http_protocol: s, host: c } = await I(e, n), l = null;
 	if (o) {
-		let e = await P(s, c, o, fetch, void 0, t.credentials);
-		e && (l = I(e));
+		let e = await j(s, c, o, fetch, void 0, t.credentials);
+		e && (l = N(e));
 	}
 	let u = {
 		Authorization: `Bearer ${n}`,
@@ -879,9 +910,9 @@ async function Ve(e, t) {
 	r && (p.private = !0);
 	let m;
 	try {
-		i || (m = await Re(e, n));
+		i || (m = await He(e, n));
 	} catch (e) {
-		throw Error(C + e.message);
+		throw Error(x + e.message);
 	}
 	p.hardware = i || m || "cpu-basic";
 	try {
@@ -897,35 +928,35 @@ async function Ve(e, t) {
 		}
 		else if (r.status !== 200) throw Error(r.statusText);
 		let i = await r.json();
-		return await ze(`${d}/${f}`, a || 300, n), await $.connect(He(i.url), t);
+		return await Ue(`${d}/${f}`, a || 300, n), await $.connect(Ke(i.url), t);
 	} catch (e) {
 		throw Error(e);
 	}
 }
-function He(e) {
+function Ke(e) {
 	let t = e.match(/https:\/\/huggingface.co\/spaces\/([^/]+\/[^/]+)/);
 	if (t) return t[1];
 }
 //#endregion
 //#region src/helpers/zerogpu.ts
-var Ue = "supports-zerogpu-headers", We = !1;
-function Ge() {
+var qe = "supports-zerogpu-headers", Je = !1;
+function Ye() {
 	return typeof window < "u" && typeof document < "u" && typeof window.addEventListener == "function";
 }
-function Ke(e) {
+function Xe(e) {
 	return e.includes(".dev.") ? `https://moon-${e.split(".")[1]}.dev.spaces.huggingface.tech` : e.endsWith(".hf.space") ? "https://huggingface.co" : null;
 }
-function qe() {
-	if (!Ge() || We) return;
+function Ze() {
+	if (!Ye() || Je) return;
 	window.addEventListener("message", (e) => {
-		e.data === Ue && (window.supports_zerogpu_headers = !0);
-	}), We = !0;
-	let e = Ke(window.location.hostname);
-	e && window.parent !== window && window.parent.postMessage(Ue, e);
+		e.data === qe && (window.supports_zerogpu_headers = !0);
+	}), Je = !0;
+	let e = Xe(window.location.hostname);
+	e && window.parent !== window && window.parent.postMessage(qe, e);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/fetch-event-stream@0.1.6/node_modules/fetch-event-stream/esm/deps/jsr.io/@std/streams/0.221.0/text_line_stream.js
-var Je = class extends TransformStream {
+var Qe = class extends TransformStream {
 	#e = "";
 	constructor(e = { allowCR: !1 }) {
 		super({
@@ -952,22 +983,22 @@ var Je = class extends TransformStream {
 };
 //#endregion
 //#region ../../node_modules/.pnpm/fetch-event-stream@0.1.6/node_modules/fetch-event-stream/esm/utils.js
-function Ye(e) {
-	let t = new TextDecoderStream(), n = new Je({ allowCR: !0 });
+function $e(e) {
+	let t = new TextDecoderStream(), n = new Qe({ allowCR: !0 });
 	return e.pipeThrough(t).pipeThrough(n);
 }
-function Xe(e) {
+function et(e) {
 	let t = /[:]\s*/.exec(e), n = t && t.index;
 	if (n) return [e.substring(0, n), e.substring(n + t[0].length)];
 }
-function Ze(e, t, n) {
+function tt(e, t, n) {
 	e.get(t) || e.set(t, n);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/fetch-event-stream@0.1.6/node_modules/fetch-event-stream/esm/mod.js
-async function* Qe(e, t) {
+async function* nt(e, t) {
 	if (!e.body) return;
-	let n = Ye(e.body), r, i = n.getReader(), a;
+	let n = $e(e.body), r, i = n.getReader(), a;
 	for (;;) {
 		if (t && t.aborted) return i.cancel();
 		if (r = await i.read(), r.done) return;
@@ -975,20 +1006,20 @@ async function* Qe(e, t) {
 			a && (yield a), a = void 0;
 			continue;
 		}
-		let [e, n] = Xe(r.value) || [];
+		let [e, n] = et(r.value) || [];
 		e === "data" ? (a ||= {}, a[e] = a[e] ? a[e] + "\n" + n : n) : e === "event" ? (a ||= {}, a[e] = n) : e === "id" ? (a ||= {}, a[e] = String(+n) === n ? +n : n) : e === "retry" && (a ||= {}, a[e] = +n || void 0);
 	}
 }
-async function $e(e, t) {
+async function rt(e, t) {
 	let n = new Request(e, t);
-	Ze(n.headers, "Accept", "text/event-stream"), Ze(n.headers, "Content-Type", "application/json");
+	tt(n.headers, "Accept", "text/event-stream"), tt(n.headers, "Content-Type", "application/json");
 	let r = await fetch(n);
 	if (!r.ok) throw r;
-	return Qe(r, n.signal);
+	return nt(r, n.signal);
 }
 //#endregion
 //#region src/utils/stream.ts
-async function et() {
+async function it() {
 	let { event_callbacks: e, unclosed_events: t, pending_stream_messages: n, stream_status: r, config: i, jwt: a } = this, o = this;
 	if (!i) throw Error("Could not resolve app config");
 	r.open = !0;
@@ -1000,7 +1031,7 @@ async function et() {
 	s.onmessage = async function(a) {
 		let s = JSON.parse(a.data);
 		if (s.msg === "close_stream") {
-			tt(r, o.abort_controller);
+			at(r, o.abort_controller);
 			return;
 		}
 		let c = s.event_id;
@@ -1019,27 +1050,27 @@ async function et() {
 	}, s.onerror = async function(t) {
 		console.error(t), await Promise.all(Object.keys(e).map((t) => e[t]({
 			msg: "broken_connection",
-			message: y
+			message: v
 		})));
 	};
 }
-function tt(e, t) {
+function at(e, t) {
 	e && (e.open = !1, t?.abort());
 }
-function nt(e, t, n) {
+function ot(e, t, n) {
 	e[t] ? n.data.forEach((r, i) => {
-		let a = rt(i < e[t].length ? e[t][i] : null, r);
+		let a = st(i < e[t].length ? e[t][i] : null, r);
 		e[t][i] = a, n.data[i] = a;
 	}) : (e[t] = [], n.data.forEach((n, r) => {
 		e[t][r] = n;
 	}));
 }
-function rt(e, t) {
+function st(e, t) {
 	return t.forEach(([t, n, r]) => {
-		e = it(e, n, t, r);
+		e = ct(e, n, t, r);
 	}), e;
 }
-function it(e, t, n, r) {
+function ct(e, t, n, r) {
 	if (t.length === 0) {
 		if (n === "replace") return r;
 		if (n === "append") return e + r;
@@ -1065,7 +1096,7 @@ function it(e, t, n, r) {
 	}
 	return e;
 }
-function at(e, t = {}) {
+function lt(e, t = {}) {
 	let n = {
 		close: () => {
 			console.warn("Method not implemented.");
@@ -1089,7 +1120,7 @@ function at(e, t = {}) {
 			throw Error("Method not implemented.");
 		}
 	};
-	return $e(e, t).then(async (e) => {
+	return rt(e, t).then(async (e) => {
 		n.readyState = n.OPEN;
 		try {
 			for await (let t of e) n.onmessage && n.onmessage(t);
@@ -1103,7 +1134,7 @@ function at(e, t = {}) {
 }
 //#endregion
 //#region src/utils/run_history.ts
-var ot = "gradio:run-history:", q = `${ot}v2:`, st = `${ot}replay:v2:`, ct = 100, lt = 8;
+var K = "gradio:run-history:", q = `${K}v2:`, ut = `${K}replay:v2:`, dt = `${K}destination:v1:`, ft = 100, pt = 8;
 function J(e, t) {
 	try {
 		return e();
@@ -1111,7 +1142,7 @@ function J(e, t) {
 		return console.warn("Could not update the run history.", e), t;
 	}
 }
-function ut(e, t = "/gradio_api") {
+function mt(e, t = "/gradio_api") {
 	return `${e.replace(/\/+$/, "")}${t}/runs`;
 }
 function Y(e) {
@@ -1124,11 +1155,35 @@ function Y(e) {
 		return null;
 	}
 }
-function dt(e) {
+function ht(e) {
 	let t = Y(e);
-	return t ? t.replace(q, st) : null;
+	return t ? t.replace(q, ut) : null;
 }
-function ft(e) {
+function gt(e) {
+	let t = Y(e);
+	return t ? t.replace(q, dt) : null;
+}
+function _t(e) {
+	let t = gt(e);
+	if (!t) return { type: "browser" };
+	try {
+		let e = JSON.parse(window.localStorage.getItem(t) || "null");
+		return typeof e?.bucket_id == "string" ? e.type === "bucket" ? {
+			type: "bucket",
+			bucket_id: e.bucket_id
+		} : {
+			type: "browser",
+			bucket_id: e.bucket_id
+		} : { type: "browser" };
+	} catch {
+		return { type: "browser" };
+	}
+}
+function vt(e, t) {
+	let n = gt(e);
+	n && (t.type === "browser" && !t.bucket_id ? window.localStorage.removeItem(n) : window.localStorage.setItem(n, JSON.stringify(t)), Et());
+}
+function yt(e) {
 	try {
 		let t = JSON.parse(window.localStorage.getItem(e) || "[]");
 		return Array.isArray(t) && t.length && Date.parse(t[0]?.started_at) || 0;
@@ -1136,13 +1191,13 @@ function ft(e) {
 		return 0;
 	}
 }
-function pt(e) {
-	let t = Object.keys(window.localStorage).filter((e) => e.startsWith(ot)), n = [...t.filter((e) => !e.startsWith(q) && !e.startsWith(st)), ...t.filter((t) => t.startsWith(q) && t !== e).sort((e, t) => ft(t) - ft(e)).slice(lt - 1)];
+function bt(e) {
+	let t = Object.keys(window.localStorage).filter((e) => e.startsWith(K)), n = [...t.filter((e) => !e.startsWith(q) && !e.startsWith(ut) && !e.startsWith(dt)), ...t.filter((t) => t.startsWith(q) && t !== e).sort((e, t) => yt(t) - yt(e)).slice(pt - 1)];
 	for (let e of n) try {
-		window.localStorage.removeItem(e), window.sessionStorage.removeItem(e.replace(q, st));
+		window.localStorage.removeItem(e), window.sessionStorage.removeItem(e.replace(q, ut));
 	} catch {}
 }
-function mt() {
+function xt() {
 	return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
 function X(e) {
@@ -1170,16 +1225,16 @@ function Z(e) {
 		return [];
 	}
 }
-function ht(e, t) {
+function St(e, t) {
 	let n = Y(e);
 	if (!n) return;
-	let r = t.slice(0, ct), i = !1;
+	let r = t.slice(0, ft), i = !1;
 	for (; r.length > 0;) try {
 		window.localStorage.setItem(n, JSON.stringify(r));
 		return;
 	} catch {
 		if (!i) {
-			i = !0, pt(n);
+			i = !0, bt(n);
 			continue;
 		}
 		r = r.slice(0, -1);
@@ -1188,37 +1243,37 @@ function ht(e, t) {
 		window.localStorage.removeItem(n);
 	} catch {}
 }
-function gt(e) {
+function Ct(e) {
 	let t = Y(e);
 	if (t) {
 		try {
 			window.localStorage.removeItem(t);
 		} catch {}
-		yt();
+		Et();
 	}
 }
-function _t(e, t) {
-	ht(e, Z(e).filter((e) => e.id !== t)), yt();
+function wt(e, t) {
+	St(e, Z(e).filter((e) => e.id !== t)), Et();
 }
-var vt = "gradio:run-history-change";
-function yt() {
+var Tt = "gradio:run-history-change";
+function Et() {
 	if (!(typeof window > "u")) try {
-		window.dispatchEvent(new Event(vt));
+		window.dispatchEvent(new Event(Tt));
 	} catch {}
 }
-function bt(e) {
-	return typeof window > "u" ? () => {} : (window.addEventListener(vt, e), window.addEventListener("storage", e), () => {
-		window.removeEventListener(vt, e), window.removeEventListener("storage", e);
+function Dt(e) {
+	return typeof window > "u" ? () => {} : (window.addEventListener(Tt, e), window.addEventListener("storage", e), () => {
+		window.removeEventListener(Tt, e), window.removeEventListener("storage", e);
 	});
 }
-function xt(e, t) {
-	let n = dt(e);
+function Ot(e, t) {
+	let n = ht(e);
 	if (n) try {
 		window.sessionStorage.setItem(n, JSON.stringify(t));
 	} catch {}
 }
-function St(e) {
-	let t = dt(e);
+function kt(e) {
+	let t = ht(e);
 	if (!t) return null;
 	try {
 		let e = window.sessionStorage.getItem(t);
@@ -1227,7 +1282,7 @@ function St(e) {
 		return null;
 	}
 }
-function Ct(e, t) {
+function At(e, t) {
 	let n = e.dependencies.find((e) => e.id === t.fn_index || typeof e.api_name == "string" && `/${e.api_name.replace(/^\//, "")}` === t.api_name);
 	if (!n) return !1;
 	let r = Array.isArray(t.inputs) ? t.inputs : Object.values(t.inputs ?? {}), i = Array.isArray(t.outputs) ? t.outputs : t.outputs === null || t.outputs === void 0 ? [] : [t.outputs], a = (t, n) => {
@@ -1238,16 +1293,17 @@ function Ct(e, t) {
 	};
 	return a(n.inputs, r), a(n.outputs, i), !0;
 }
-function wt(e) {
-	let t = St(e);
-	return t ? Ct(e, t) : !1;
+function jt(e) {
+	let t = kt(e);
+	return t ? At(e, t) : !1;
 }
-function Tt(e) {
+function Mt(e) {
+	if (_t(e).type === "bucket") return null;
 	let t = Y(e);
 	if (!t) return null;
-	pt(t);
+	bt(t);
 	let n = {
-		id: mt(),
+		id: xt(),
 		endpoint: e.endpoint,
 		api_name: e.api_name,
 		fn_index: e.fn_index,
@@ -1259,116 +1315,125 @@ function Tt(e) {
 		status: "running",
 		started_at: (/* @__PURE__ */ new Date()).toISOString()
 	};
-	return ht(e, [n, ...Z(e)]), yt(), n.id;
+	return St(e, [n, ...Z(e)]), Et(), n.id;
 }
-function Et(e, t, n) {
+function Nt(e, t, n) {
 	if (!t) return;
 	let r = Z(e), i = r.find((e) => e.id === t);
-	i && (i.inputs = X(n), ht(e, r));
+	i && (i.inputs = X(n), St(e, r));
 }
-function Dt(e, t, n) {
+function Pt(e, t, n) {
 	if (!t) return;
 	let r = Z(e), i = r.find((e) => e.id === t);
 	if (!i) return;
 	let a = !1;
 	if (n.type === "data") i.outputs = X(n.data), Q.set(t, i.outputs);
-	else if (n.type === "status" && n.original_msg === "process_starts") At(i, n.time);
+	else if (n.type === "status" && n.original_msg === "process_starts") Lt(i, n.time);
 	else if (n.type === "status" && (n.stage === "generating" || n.stage === "streaming")) i.streamed = !0;
-	else if (n.type === "status" && n.stage === "complete") i.status = "completed", jt(i, n), a = !0;
-	else if (n.type === "status" && n.stage === "error") i.status = "failed", i.error = typeof n.message == "string" ? n.message : JSON.stringify(n.message || "Unknown error"), jt(i, n), a = !0;
+	else if (n.type === "status" && n.stage === "complete") i.status = "completed", Rt(i, n), a = !0;
+	else if (n.type === "status" && n.stage === "error") i.status = "failed", i.error = typeof n.message == "string" ? n.message : JSON.stringify(n.message || "Unknown error"), Rt(i, n), a = !0;
 	else return;
-	if (a) Q.has(t) && (i.outputs = Q.get(t)), Q.delete(t), kt.delete(t);
+	if (a) Q.has(t) && (i.outputs = Q.get(t)), Q.delete(t), It.delete(t);
 	else if (i.streamed) {
-		if (Date.now() - (kt.get(t) ?? 0) < Ot) return;
-		kt.set(t, Date.now()), Q.delete(t);
+		if (Date.now() - (It.get(t) ?? 0) < Ft) return;
+		It.set(t, Date.now()), Q.delete(t);
 	}
-	ht(e, r);
+	St(e, r);
 }
-var Ot = 500, kt = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Map();
-function At(e, t) {
+var Ft = 500, It = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Map();
+function Lt(e, t) {
 	if (e.process_started_at) return;
 	let n = t || /* @__PURE__ */ new Date();
 	e.process_started_at = n.toISOString(), e.queued_ms = Math.max(0, n.getTime() - Date.parse(e.started_at));
 }
-function jt(e, t) {
+function Rt(e, t) {
 	let n = t.time || /* @__PURE__ */ new Date();
 	e.completed_at = n.toISOString(), e.duration_ms = (!e.streamed && typeof t.cache_duration == "number" && t.cache_duration >= 0 ? t.cache_duration * 1e3 : null) ?? Math.max(0, n.getTime() - Date.parse(e.process_started_at || e.started_at));
 }
-function Mt(e) {
+function zt(e) {
 	return J(() => Z(e), []);
 }
-function Nt(e) {
-	J(() => gt(e), void 0);
+function Bt(e) {
+	return J(() => _t(e), { type: "browser" });
+}
+function Vt(e, t) {
+	J(() => vt(e, t), void 0);
 }
-function Pt(e, t) {
-	J(() => _t(e, t), void 0);
+function Ht(e) {
+	J(() => Ct(e), void 0);
 }
-function Ft(e, t) {
-	J(() => xt(e, t), void 0);
+function Ut(e, t) {
+	J(() => wt(e, t), void 0);
 }
-function It(e) {
-	return J(() => St(e), null);
+function Wt(e, t) {
+	J(() => Ot(e, t), void 0);
 }
-function Lt(e) {
-	return J(() => wt(e), !1);
+function Gt(e) {
+	return J(() => kt(e), null);
 }
-function Rt(e) {
-	return J(() => Tt(e), null);
+function Kt(e) {
+	return J(() => jt(e), !1);
 }
-function zt(e, t, n) {
-	J(() => Et(e, t, n), void 0);
+function qt(e) {
+	return J(() => Mt(e), null);
 }
-function Bt(e, t, n) {
-	J(() => Dt(e, t, n), void 0);
+function Jt(e, t, n) {
+	J(() => Nt(e, t, n), void 0);
 }
-function Vt(e) {
-	return J(() => bt(() => J(e, void 0)), () => {});
+function Yt(e, t, n) {
+	J(() => Pt(e, t, n), void 0);
+}
+function Xt(e) {
+	return J(() => Dt(() => J(e, void 0)), () => {});
 }
 //#endregion
 //#region src/utils/submit.ts
-function Ht(e, t = {}, n, r, i, a) {
+function Zt(e, t = {}, n, r, i, a) {
 	try {
-		let { token: o } = this.options, { fetch: s, app_reference: c, config: l, session_hash: f, api_info: p, api_map: m, stream_status: h, pending_stream_messages: g, pending_diff_streams: ee, event_callbacks: _, unclosed_events: te, post_data: v, options: b, api_prefix: x } = this, S = a || { "x-gradio-user": "api" }, C = this;
-		if (!p) throw Error(se);
+		let { token: o } = this.options, { fetch: s, app_reference: c, config: l, session_hash: f, api_info: p, api_map: m, stream_status: ee, pending_stream_messages: h, pending_diff_streams: te, event_callbacks: g, unclosed_events: ne, post_data: _, options: y, api_prefix: b } = this, oe = a || { "x-gradio-user": "api" }, x = this;
+		if (!p) throw Error(le);
 		if (!l) throw Error("Could not resolve app config");
-		let { fn_index: w, endpoint_info: T, dependency: E } = Wt(p, e, m, l), ae = ye(t, T), D = l.protocol ?? "ws";
-		if (D === "ws") throw Error(ce);
-		let oe = typeof E.api_name == "string" ? `/${E.api_name}` : e, le = typeof E.api_name == "string" ? `/${E.api_name}` : `Function ${w}`, O = (e) => {
+		let se = l.root, { fn_index: S, endpoint_info: C, dependency: w } = $t(p, e, m, l), ce = ye(t, C), T = l.protocol ?? "ws";
+		if (T === "ws") throw Error(ue);
+		let de = typeof w.api_name == "string" ? `/${w.api_name}` : e, fe = typeof w.api_name == "string" ? `/${w.api_name}` : `Function ${S}`, pe = (e) => {
 			let t = l.components.find((t) => t.id === e);
 			return t ? {
 				type: t.type,
 				component_class_id: t.component_class_id,
 				props: t.props
 			} : null;
-		}, ue = E.api_visibility === "public", de = l.run_history !== !1 && this.options.record_history !== !1, k = {
+		}, me = w.api_visibility === "public", E = l.run_history !== !1 && this.options.record_history !== !1, D = {
 			app_id: l.app_id,
 			username: l.username
-		}, fe = !de || !ue ? null : Rt({
-			...k,
-			endpoint: oe,
-			api_name: le,
-			fn_index: w,
-			inputs: G(ae, E, l.components, "input", !0),
-			input_components: E.inputs.map(O),
-			output_components: E.outputs.map(O)
-		}), A, j = "", M = typeof e == "number" ? "/predict" : e, N, P = null, F = !1, I = {}, L = typeof window < "u" && typeof document < "u" ? new URLSearchParams(window.location.search).toString() : "", pe = b?.events?.reduce((e, t) => (e[t] = !0, e), {}) || {};
+		}, he = Bt(D), O = {
+			...oe,
+			...E && he.type === "bucket" ? { "x-gradio-history-bucket": he.bucket_id } : {}
+		}, k = !E || !me ? null : qt({
+			...D,
+			endpoint: de,
+			api_name: fe,
+			fn_index: S,
+			inputs: W(ce, w, l.components, "input", !0),
+			input_components: w.inputs.map(pe),
+			output_components: w.outputs.map(pe)
+		}), A, j = "", M = typeof e == "number" ? "/predict" : e, N, P = null, F = !1, I = {}, L = typeof window < "u" && typeof document < "u" ? new URLSearchParams(window.location.search).toString() : "", ge = y?.events?.reduce((e, t) => (e[t] = !0, e), {}) || {};
 		function R(e) {
-			Bt(k, fe, e), (i || pe[e.type]) && U(e);
+			Yt(D, k, e), (e.type === "data" || e.type === "render") && Ae(e.data, se, b, x.jwt), (i || ge[e.type]) && Te(e);
 		}
-		async function me() {
+		async function _e() {
 			let e = {}, t = {};
 			e = { event_id: P }, t = {
 				event_id: P,
 				session_hash: f,
-				fn_index: w
+				fn_index: S
 			};
 			try {
 				if (!l) throw Error("Could not resolve app config");
-				"event_id" in t && await s(`${l.root}${x}/${re}`, {
+				"event_id" in t && await s(`${l.root}${b}/${ie}`, {
 					headers: { "Content-Type": "application/json" },
 					method: "POST",
 					body: JSON.stringify(t)
-				}), await s(`${l.root}${x}/${ne}`, {
+				}), await s(`${l.root}${b}/${re}`, {
 					headers: { "Content-Type": "application/json" },
 					method: "POST",
 					body: JSON.stringify(e)
@@ -1377,65 +1442,65 @@ function Ht(e, t = {}, n, r, i, a) {
 				console.warn("The `/reset` endpoint could not be called. Subsequent endpoint results may be unreliable.");
 			}
 		}
-		let he = async (e) => {
+		let be = async (e) => {
 			await this._resolve_heartbeat(e);
 		};
-		async function ge(e) {
+		async function xe(e) {
 			if (!l) return;
 			let t = e.render_id;
 			l.components = [...l.components.filter((e) => e.props.rendered_in !== t), ...e.components], l.dependencies = [...l.dependencies.filter((e) => e.rendered_in !== t), ...e.dependencies];
 			let n = l.components.some((e) => e.type === "state"), r = l.dependencies.some((e) => e.targets.some((e) => e[1] === "unload"));
-			l.connect_heartbeat = n || r, await he(l), R({
+			l.connect_heartbeat = n || r, await be(l), R({
 				type: "render",
 				data: e,
 				endpoint: M,
-				fn_index: w
+				fn_index: S
 			});
 		}
-		let _e = this.handle_blob(l.root, ae, T).then(async (e) => {
-			let t = G(e, E, l.components, "input", !0);
-			if (zt(k, fe, t || []), N = {
+		let Se = this.handle_blob(l.root, ce, C).then(async (e) => {
+			let t = W(e, w, l.components, "input", !0);
+			if (Jt(D, k, t || []), N = {
 				data: t || [],
 				event_data: n,
-				fn_index: w,
+				fn_index: S,
 				trigger_id: r,
-				...b.oauth_token && T?.oauth_token ? { oauth_token: b.oauth_token } : {}
-			}, Te(w, l)) R({
+				...y.oauth_token && C?.oauth_token ? { oauth_token: y.oauth_token } : {}
+			}, Ee(S, l)) R({
 				type: "status",
 				endpoint: M,
 				stage: "pending",
 				queue: !1,
-				fn_index: w,
+				fn_index: S,
 				time: /* @__PURE__ */ new Date()
-			}), v(`${l.root}${x}/run${M.startsWith("/") ? M : `/${M}`}${L ? "?" + L : ""}`, {
+			}), _(`${l.root}${b}/run${M.startsWith("/") ? M : `/${M}`}${L ? "?" + L : ""}`, {
 				...N,
 				session_hash: f
-			}, S).then(async ([e, t]) => {
+			}, O).then(async ([e, t]) => {
 				let i = e.data;
 				if (t == 200) R({
 					type: "data",
 					endpoint: M,
-					fn_index: w,
-					data: G(i, E, l.components, "output", b.with_null_state),
+					fn_index: S,
+					data: W(i, w, l.components, "output", y.with_null_state),
 					time: /* @__PURE__ */ new Date(),
 					event_data: n,
 					trigger_id: r
-				}), e.render_config && await ge(e.render_config), R({
+				}), e.render_config && await xe(e.render_config), R({
 					type: "status",
 					endpoint: M,
-					fn_index: w,
+					fn_index: S,
 					stage: "complete",
 					eta: e.average_duration,
 					queue: !1,
 					time: /* @__PURE__ */ new Date()
 				});
 				else {
-					let t = e?.error === y;
+					let t = e?.error === v;
 					R({
 						type: "status",
 						stage: "error",
 						endpoint: M,
-						fn_index: w,
+						fn_index: S,
 						message: e.error,
 						broken: t,
 						queue: !1,
@@ -1448,48 +1513,48 @@ function Ht(e, t = {}, n, r, i, a) {
 					stage: "error",
 					message: e.message,
 					endpoint: M,
-					fn_index: w,
+					fn_index: S,
 					queue: !1,
 					time: /* @__PURE__ */ new Date()
 				});
 			});
-			else if (D == "sse") {
+			else if (T == "sse") {
 				R({
 					type: "status",
 					stage: "pending",
 					queue: !0,
 					endpoint: M,
-					fn_index: w,
+					fn_index: S,
 					time: /* @__PURE__ */ new Date()
 				});
 				var i = new URLSearchParams({
-					fn_index: w.toString(),
+					fn_index: S.toString(),
 					session_hash: f
 				}).toString();
-				let e = new URL(`${l.root}${x}/${u}?${L ? L + "&" : ""}${i}`);
+				let e = new URL(`${l.root}${b}/${u}?${L ? L + "&" : ""}${i}`);
 				if (this.jwt && e.searchParams.set("__sign", this.jwt), A = this.stream(e), !A) return Promise.reject(/* @__PURE__ */ Error("Cannot connect to SSE endpoint: " + e.toString()));
 				A.onmessage = async function(e) {
-					let { type: t, status: i, data: a } = ve(JSON.parse(e.data), I[w]);
+					let { type: t, status: i, data: a } = ve(JSON.parse(e.data), I[S]);
 					if (t === "update" && i && !F) R({
 						type: "status",
 						endpoint: M,
-						fn_index: w,
+						fn_index: S,
 						time: /* @__PURE__ */ new Date(),
 						...i
 					}), i.stage === "error" && (A?.close(), V());
 					else if (t === "data") {
-						let [e, t] = await v(`${l.root}${x}/queue/data`, {
+						let [e, t] = await _(`${l.root}${b}/queue/data`, {
 							...N,
 							session_hash: f,
 							event_id: P
-						});
+						}, O);
 						t !== 200 && (R({
 							type: "status",
 							stage: "error",
-							message: y,
+							message: v,
 							queue: !0,
 							endpoint: M,
-							fn_index: w,
+							fn_index: S,
 							time: /* @__PURE__ */ new Date()
 						}), A?.close(), V());
 					} else t === "complete" ? F = i : t === "log" ? R({
@@ -1500,7 +1565,7 @@ function Ht(e, t = {}, n, r, i, a) {
 						endpoint: M,
 						duration: a.duration,
 						visible: a.visible,
-						fn_index: w
+						fn_index: S
 					}) : (t === "generating" || t === "streaming") && R({
 						type: "status",
 						time: /* @__PURE__ */ new Date(),
@@ -1508,14 +1573,14 @@ function Ht(e, t = {}, n, r, i, a) {
 						stage: i?.stage,
 						queue: !0,
 						endpoint: M,
-						fn_index: w
+						fn_index: S
 					});
 					a && (R({
 						type: "data",
 						time: /* @__PURE__ */ new Date(),
-						data: G(a.data, E, l.components, "output", b.with_null_state),
+						data: W(a.data, w, l.components, "output", y.with_null_state),
 						endpoint: M,
-						fn_index: w,
+						fn_index: S,
 						event_data: n,
 						trigger_id: r
 					}), F && (R({
@@ -1525,27 +1590,27 @@ function Ht(e, t = {}, n, r, i, a) {
 						stage: i?.stage,
 						queue: !0,
 						endpoint: M,
-						fn_index: w
+						fn_index: S
 					}), A?.close(), V()));
 				};
-			} else if (D == "sse_v1" || D == "sse_v2" || D == "sse_v2.1" || D == "sse_v3") {
+			} else if (T == "sse_v1" || T == "sse_v2" || T == "sse_v2.1" || T == "sse_v3") {
 				R({
 					type: "status",
 					stage: "pending",
 					queue: !0,
 					endpoint: M,
-					fn_index: w,
+					fn_index: S,
 					time: /* @__PURE__ */ new Date()
 				});
 				let e = "";
 				typeof window < "u" && typeof document < "u" && (e = window?.location?.hostname);
-				let t = Ke(e);
-				return (typeof window < "u" && typeof document < "u" && window.parent != window && t && window.supports_zerogpu_headers ? Ee("zerogpu-headers", t) : Promise.resolve(null)).then((e) => {
+				let t = Xe(e);
+				return (typeof window < "u" && typeof document < "u" && window.parent != window && t && window.supports_zerogpu_headers ? De("zerogpu-headers", t) : Promise.resolve(null)).then((e) => {
 					let t = {
-						...S,
+						...O,
 						...e || {}
 					};
-					return v(`${l.root}${x}/${d}?${L}`, {
+					return _(`${l.root}${b}/${d}?${L}`, {
 						...N,
 						session_hash: f
 					}, t);
@@ -1553,10 +1618,10 @@ function Ht(e, t = {}, n, r, i, a) {
 					if (e.event_id && (j = e.event_id), t === 503) R({
 						type: "status",
 						stage: "error",
-						message: ie,
+						message: ae,
 						queue: !0,
 						endpoint: M,
-						fn_index: w,
+						fn_index: S,
 						time: /* @__PURE__ */ new Date(),
 						visible: !0
 					}), V();
@@ -1566,21 +1631,21 @@ function Ht(e, t = {}, n, r, i, a) {
 						message: e.detail,
 						queue: !0,
 						endpoint: M,
-						fn_index: w,
+						fn_index: S,
 						code: "validation_error",
 						time: /* @__PURE__ */ new Date(),
 						visible: !0
 					}), V();
 					else if (t !== 200) {
-						let t = e?.error === y;
+						let t = e?.error === v;
 						R({
 							type: "status",
 							stage: "error",
 							broken: t,
-							message: t ? y : e.detail || e.error,
+							message: t ? v : e.detail || e.error,
 							queue: !0,
 							endpoint: M,
-							fn_index: w,
+							fn_index: S,
 							time: /* @__PURE__ */ new Date(),
 							visible: !0
 						}), V();
@@ -1588,12 +1653,12 @@ function Ht(e, t = {}, n, r, i, a) {
 						P = e.event_id, j = P;
 						let t = async function(e) {
 							try {
-								let { type: t, status: n, data: r, original_msg: i } = ve(e, I[w]);
+								let { type: t, status: n, data: r, original_msg: i } = ve(e, I[S]);
 								if (t == "heartbeat") return;
 								if (t === "update" && n && !F) R({
 									type: "status",
 									endpoint: M,
-									fn_index: w,
+									fn_index: S,
 									time: /* @__PURE__ */ new Date(),
 									original_msg: i,
 									...n
@@ -1610,7 +1675,7 @@ function Ht(e, t = {}, n, r, i, a) {
 										endpoint: M,
 										broken: e,
 										session_not_found: n?.session_not_found,
-										fn_index: w,
+										fn_index: S,
 										time: /* @__PURE__ */ new Date()
 									});
 								} else if (t === "log") {
@@ -1622,7 +1687,7 @@ function Ht(e, t = {}, n, r, i, a) {
 										endpoint: M,
 										duration: r.duration,
 										visible: r.visible,
-										fn_index: w
+										fn_index: S
 									});
 									return;
 								} else (t === "generating" || t === "streaming") && (R({
@@ -1632,27 +1697,27 @@ function Ht(e, t = {}, n, r, i, a) {
 									stage: n?.stage,
 									queue: !0,
 									endpoint: M,
-									fn_index: w
-								}), r && E.connection !== "stream" && [
+									fn_index: S
+								}), r && w.connection !== "stream" && [
 									"sse_v2",
 									"sse_v2.1",
 									"sse_v3"
-								].includes(D) && nt(ee, P, r));
+								].includes(T) && ot(te, P, r));
 								r && (R({
 									type: "data",
 									time: /* @__PURE__ */ new Date(),
-									data: G(r.data, E, l.components, "output", b.with_null_state),
+									data: W(r.data, w, l.components, "output", y.with_null_state),
 									endpoint: M,
-									fn_index: w
-								}), r.render_config && await ge(r.render_config), F && (R({
+									fn_index: S
+								}), r.render_config && await xe(r.render_config), F && (R({
 									type: "status",
 									time: /* @__PURE__ */ new Date(),
 									...F,
 									stage: n?.stage,
 									queue: !0,
 									endpoint: M,
-									fn_index: w
-								}), V())), (n?.stage === "complete" || n?.stage === "error") && (_[P] && delete _[P], P in ee && delete ee[P], V());
+									fn_index: S
+								}), V())), (n?.stage === "complete" || n?.stage === "error") && (g[P] && delete g[P], P in te && delete te[P], V());
 							} catch (e) {
 								console.error("Unexpected client exception", e), R({
 									type: "status",
@@ -1660,34 +1725,34 @@ function Ht(e, t = {}, n, r, i, a) {
 									message: "An Unexpected Error Occurred!",
 									queue: !0,
 									endpoint: M,
-									fn_index: w,
+									fn_index: S,
 									time: /* @__PURE__ */ new Date()
 								}), [
 									"sse_v2",
 									"sse_v2.1",
 									"sse_v3"
-								].includes(D) && (tt(h, C.abort_controller), h.open = !1, V());
+								].includes(T) && (at(ee, x.abort_controller), ee.open = !1, V());
 							}
 						};
-						P in g && (g[P].forEach((e) => t(e)), delete g[P]), _[P] = t, te.add(P), h.open || await this.open_stream();
+						P in h && (h[P].forEach((e) => t(e)), delete h[P]), g[P] = t, ne.add(P), ee.open || await this.open_stream();
 					}
 				});
 			}
 		});
-		_e.catch((e) => {
+		Se.catch((e) => {
 			R({
 				type: "status",
 				stage: "error",
 				message: e instanceof Error ? e.message : String(e),
-				queue: !Te(w, l),
+				queue: !Ee(S, l),
 				endpoint: M,
-				fn_index: w,
+				fn_index: S,
 				time: /* @__PURE__ */ new Date()
 			}), V();
 		});
-		let be = !1, z = [], B = [];
+		let Ce = !1, z = [], B = [];
 		function V() {
-			for (be = !0; B.length > 0;) B.shift()({
+			for (Ce = !0; B.length > 0;) B.shift()({
 				value: void 0,
 				done: !0
 			});
@@ -1695,51 +1760,51 @@ function Ht(e, t = {}, n, r, i, a) {
 		function H(e) {
 			B.length > 0 ? B.shift()(e) : z.push(e);
 		}
-		function xe(e) {
-			H(Ut(e)), V();
+		function we(e) {
+			H(Qt(e)), V();
 		}
-		function U(e) {
+		function Te(e) {
 			H({
 				value: e,
 				done: !1
 			});
 		}
-		function W() {
-			return z.length > 0 ? Promise.resolve(z.shift()) : be ? Promise.resolve({
+		function U() {
+			return z.length > 0 ? Promise.resolve(z.shift()) : Ce ? Promise.resolve({
 				value: void 0,
 				done: !0
 			}) : new Promise((e) => B.push(e));
 		}
-		let Se = {
-			[Symbol.asyncIterator]: () => Se,
-			next: W,
-			throw: async (e) => (xe(e), W()),
+		let Oe = {
+			[Symbol.asyncIterator]: () => Oe,
+			next: U,
+			throw: async (e) => (we(e), U()),
 			return: async () => (V(), {
 				value: void 0,
 				done: !0
 			}),
-			cancel: me,
+			cancel: _e,
 			send_chunk: (e) => {
-				this.post_data(`${l.root}${x}/stream/${j}`, {
+				this.post_data(`${l.root}${b}/stream/${j}`, {
 					...e,
 					session_hash: this.session_hash
 				});
 			},
 			close_stream: () => {
-				this.post_data(`${l.root}${x}/stream/${j}/close`, {}), V();
+				this.post_data(`${l.root}${b}/stream/${j}/close`, {}), V();
 			},
 			event_id: () => j,
-			wait_for_id: async () => (await _e, P)
+			wait_for_id: async () => (await Se, P)
 		};
-		return Se;
+		return Oe;
 	} catch (e) {
 		throw console.error("Submit function encountered an error:", e), e;
 	}
 }
-function Ut(e) {
+function Qt(e) {
 	return { then: (t, n) => n(e) };
 }
-function Wt(e, t, n, r) {
+function $t(e, t, n, r) {
 	let i, a, o;
 	if (typeof t == "number") i = t, a = e.unnamed_endpoints[i], o = r.dependencies.find((e) => e.id == t);
 	else {
@@ -1762,6 +1827,7 @@ var $ = class {
 	app_reference;
 	options;
 	deep_link = null;
+	page = null;
 	config;
 	api_prefix = "";
 	api_info;
@@ -1781,13 +1847,13 @@ var $ = class {
 	stream_instance = null;
 	current_payload;
 	get_url_config(e = null) {
-		if (!this.config) throw Error(b);
+		if (!this.config) throw Error(y);
 		e === null && (e = window.location.href);
 		let t = (e) => e.replace(/^\/+|\/+$/g, ""), n = t(new URL(this.config.root).pathname), r = t(new URL(e).pathname), i;
 		return i = r.startsWith(n) ? t(r.substring(n.length)) : "", this.get_page_config(i);
 	}
 	get_page_config(e) {
-		if (!this.config) throw Error(b);
+		if (!this.config) throw Error(y);
 		let t = this.config;
 		return e in t.page || (e = ""), {
 			...t,
@@ -1810,7 +1876,7 @@ var $ = class {
 		let t = new Headers();
 		return this && this.cookies && t.append("Cookie", this.cookies), this && this.options.headers && new Headers(this.options.headers).forEach((e, n) => {
 			t.append(n, e);
-		}), this && this.options.token && t.append("Authorization", `Bearer ${this.options.token}`), this.abort_controller = new AbortController(), this.stream_instance = at(e.toString(), {
+		}), this && this.options.token && t.append("Authorization", `Bearer ${this.options.token}`), this.abort_controller = new AbortController(), this.stream_instance = lt(e.toString(), {
 			credentials: this.options.credentials ?? "same-origin",
 			headers: t,
 			signal: this.abort_controller.signal
@@ -1827,20 +1893,20 @@ var $ = class {
 	resolve_config;
 	resolve_cookies;
 	constructor(e, t = { events: ["data"] }) {
-		this.app_reference = e, this.deep_link = t.query_params?.deep_link || null, t.events ||= ["data"], k(t), this.options = t, this.current_payload = {}, t.cookies && (this.cookies = t.cookies), this.view_api = be.bind(this), this.upload_files = z.bind(this), this.handle_blob = ke.bind(this), this.post_data = Ne.bind(this), this.submit = Ht.bind(this), this.predict = Pe.bind(this), this.open_stream = et.bind(this), this.resolve_config = j.bind(this), this.resolve_cookies = N.bind(this), this.upload = H.bind(this), this.fetch = this.fetch.bind(this), this.handle_space_success = this.handle_space_success.bind(this), this.stream = this.stream.bind(this);
+		this.app_reference = e, this.deep_link = t.query_params?.deep_link || null, this.page = t.query_params?.page ?? null, t.events ||= ["data"], E(t), this.options = t, this.current_payload = {}, t.cookies && (this.cookies = t.cookies), this.view_api = be.bind(this), this.upload_files = xe.bind(this), this.handle_blob = Ne.bind(this), this.post_data = Le.bind(this), this.submit = Zt.bind(this), this.predict = Re.bind(this), this.open_stream = it.bind(this), this.resolve_config = O.bind(this), this.resolve_cookies = A.bind(this), this.upload = z.bind(this), this.fetch = this.fetch.bind(this), this.handle_space_success = this.handle_space_success.bind(this), this.stream = this.stream.bind(this);
 	}
 	async init() {
-		qe(), this.options.auth && await this.resolve_cookies(), await this._resolve_config().then((e) => e?.config && this._resolve_heartbeat(e.config));
+		Ze(), this.options.auth && await this.resolve_cookies(), await this._resolve_config().then((e) => e?.config && this._resolve_heartbeat(e.config));
 		try {
 			this.api_info = await this.view_api();
 		} catch (e) {
 			console.error(e.message);
 		}
-		this.api_map = fe(this.config?.dependencies || []);
+		this.api_map = D(this.config?.dependencies || []);
 	}
 	async _resolve_heartbeat(e) {
-		if (e && (this.config = e, this.api_prefix = e.api_prefix || "", this.config && this.config.connect_heartbeat && this.config.space_id && this.options.token && (this.jwt = await de(this.config.space_id, this.options.token, this.cookies))), e.space_id && this.options.token && (this.jwt = await de(e.space_id, this.options.token)), this.config && this.config.connect_heartbeat) {
-			let e = new URL(`${this.config.root}${this.api_prefix}/${_}/${this.session_hash}`);
+		if (this.config = e, this.api_prefix = e.api_prefix || "", e.space_id && this.options.token && (this.jwt = await me(e.space_id, this.options.token, this.cookies)), je(this.config, this.jwt), this.config && this.config.connect_heartbeat) {
+			let e = new URL(`${this.config.root}${this.api_prefix}/${g}/${this.session_hash}`);
 			this.jwt && e.searchParams.set("__sign", this.jwt), this.heartbeat_event ||= this.stream(e);
 		}
 	}
@@ -1849,7 +1915,7 @@ var $ = class {
 		return t.session_hash && (n.session_hash = t.session_hash), await n.init(), n;
 	}
 	async reconnect() {
-		let e = new URL(`${this.config.root}${this.api_prefix}/${v}`), t;
+		let e = new URL(`${this.config.root}${this.api_prefix}/${_}`), t;
 		try {
 			let n = await this.fetch(e);
 			if (!n.ok) throw Error();
@@ -1860,17 +1926,17 @@ var $ = class {
 		return t === this.config.app_id ? "connected" : "changed";
 	}
 	close() {
-		this.closed = !0, tt(this.stream_status, this.abort_controller);
+		this.closed = !0, at(this.stream_status, this.abort_controller);
 	}
 	async refresh() {
-		if (!this.config) throw Error(b);
+		if (!this.config) throw Error(y);
 		let e = await this.resolve_config(this.config.root, !1);
-		if (!e) throw Error(b);
-		this.config = e, this.api_prefix = e.api_prefix || "", this.api_map = fe(e.dependencies || []);
+		if (!e) throw Error(y);
+		this.config = e, this.api_prefix = e.api_prefix || "", this.api_map = D(e.dependencies || []), je(this.config, this.jwt);
 		try {
 			this.api_info = await this.view_api();
 		} catch (e) {
-			console.error(S + e.message);
+			console.error(oe + e.message);
 		}
 		return this.get_url_config();
 	}
@@ -1878,18 +1944,18 @@ var $ = class {
 		this.current_payload = e;
 	}
 	static async duplicate(e, t = { events: ["data"] }) {
-		return Ve(e, t);
+		return Ge(e, t);
 	}
 	async _resolve_config() {
-		let { http_protocol: e, host: t, space_id: n } = await R(this.app_reference, this.options.token), { status_callback: r } = this.options;
-		n && r && await Fe(n, r);
+		let { http_protocol: e, host: t, space_id: n } = await I(this.app_reference, this.options.token), { status_callback: r } = this.options;
+		n && r && await ze(n, r);
 		let i;
 		try {
 			let n = `${e}//${t}`;
-			if (i = await this.resolve_config(n), !i) throw Error(b);
+			if (i = await this.resolve_config(n), !i) throw Error(y);
 			return this.config_success(i);
 		} catch (e) {
-			if (n && r) K(n, L.test(n) ? "space_name" : "subdomain", this.handle_space_success);
+			if (n && r) G(n, P.test(n) ? "space_name" : "subdomain", this.handle_space_success);
 			else throw r && r({
 				status: "error",
 				message: "Could not load this space.",
@@ -1899,22 +1965,22 @@ var $ = class {
 		}
 	}
 	async config_success(e) {
-		if (this.config = e, this.api_prefix = e.api_prefix || "", e.run_history === !1 && Nt({
+		if (this.config = e, this.api_prefix = e.api_prefix || "", e.run_history === !1 && Ht({
 			app_id: e.app_id,
 			username: e.username
 		}), this.config.auth_required) return this.prepare_return_obj();
 		try {
 			this.api_info = await this.view_api();
 		} catch (e) {
-			console.error(S + e.message);
+			console.error(oe + e.message);
 		}
 		return this.prepare_return_obj();
 	}
 	async handle_space_success(e) {
-		if (!this) throw Error(b);
+		if (!this) throw Error(y);
 		let { status_callback: t } = this.options;
 		if (t && t(e), e.status === "running") try {
-			if (this.config = await this._resolve_config(), this.api_prefix = this?.config?.api_prefix || "", !this.config) throw Error(b);
+			if (this.config = await this._resolve_config(), this.api_prefix = this?.config?.api_prefix || "", !this.config) throw Error(y);
 			return await this.config_success(this.config);
 		} catch (e) {
 			throw t && t({
@@ -1926,7 +1992,7 @@ var $ = class {
 		}
 	}
 	async component_server(e, t, n) {
-		if (!this.config) throw Error(b);
+		if (!this.config) throw Error(y);
 		let r = {}, { token: i } = this.options, { session_hash: a } = this;
 		i && (r.Authorization = `Bearer ${this.options.token}`);
 		let o, s = this.config.components.find((t) => t.id === e);
@@ -1945,20 +2011,21 @@ var $ = class {
 		}), r["Content-Type"] = "application/json";
 		i && (r.Authorization = `Bearer ${i}`);
 		try {
-			let e = await this.fetch(`${o}${this.api_prefix}/${te}/`, {
+			let e = await this.fetch(`${o}${this.api_prefix}/${ne}/`, {
 				method: "POST",
 				body: c,
 				headers: r,
 				credentials: this.options.credentials ?? "same-origin"
 			});
 			if (!e.ok) throw Error("Could not connect to component server: " + e.statusText);
-			return await e.json();
+			let t = await e.json();
+			return Ae(t, this.config.root, this.config.api_prefix || "", this.jwt), t;
 		} catch (e) {
 			console.warn(e);
 		}
 	}
 	set_cookies(e) {
-		this.cookies = I(e).join("; ");
+		this.cookies = N(e).join("; ");
 	}
 	prepare_return_obj() {
 		return {
@@ -1970,11 +2037,75 @@ var $ = class {
 		};
 	}
 };
-async function Gt(e, t = { events: ["data"] }) {
+async function en(e, t = { events: ["data"] }) {
 	return await $.connect(e, t);
 }
-async function Kt(e, t) {
+async function tn(e, t) {
 	return await $.duplicate(e, t);
 }
 //#endregion
-export { $ as Client, U as FileData, ae as MISSING_CREDENTIALS_MSG, Lt as apply_run_history_replay, Nt as clear_run_history, Gt as client, It as consume_run_history_replay, Pt as delete_run_history, Kt as duplicate, De as handle_file, Vt as on_run_history_change, Pe as predict, xe as prepare_files, Mt as read_run_history, ut as run_history_url, Ft as stage_run_history_replay, Ht as submit, H as upload, z as upload_files };
+//#region src/utils/bucket_sync.ts
+var nn = /^[a-zA-Z0-9_.-]+\/[a-zA-Z0-9_.-][a-zA-Z0-9_./-]*$/;
+function rn(e) {
+	return nn.test(e) ? !e.split("/").some((e) => e === "" || e === "." || e === "..") : !1;
+}
+function an(e, t, n) {
+	let r = n ? `?${new URLSearchParams(n)}` : "", i = e.replace(/\/+$/, "");
+	return i ? `${i}/gradio_api/run-history/${t}${r}` : typeof document < "u" && document.baseURI ? new URL(`gradio_api/run-history/${t}${r}`, document.baseURI).toString() : `gradio_api/run-history/${t}${r}`;
+}
+async function on(e) {
+	try {
+		let t = await e.json();
+		return typeof t?.detail == "string" ? t.detail : `${e.status}`;
+	} catch {
+		return `${e.status}`;
+	}
+}
+async function sn(e, t, n, r) {
+	try {
+		let i = await fetch(e, {
+			credentials: "include",
+			...t
+		});
+		return i.ok ? {
+			ok: !0,
+			status: i.status,
+			data: r(await i.json())
+		} : {
+			ok: !1,
+			status: i.status,
+			data: n,
+			detail: await on(i)
+		};
+	} catch (e) {
+		return {
+			ok: !1,
+			status: 0,
+			data: n,
+			detail: String(e)
+		};
+	}
+}
+async function cn(e, t) {
+	return rn(t) ? sn(an(e, "connect"), {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ bucket_id: t })
+	}, null, () => null) : {
+		ok: !1,
+		status: 422,
+		data: null,
+		detail: "invalid bucket id"
+	};
+}
+async function ln(e) {
+	return sn(an(e, "buckets"), {}, [], (e) => Array.isArray(e?.buckets) ? e.buckets : []);
+}
+async function un(e, t) {
+	return sn(an(e, "records", { bucket: t }), {}, [], (e) => Array.isArray(e?.records) ? e.records : []);
+}
+function dn(e, t, n, r, i) {
+	return an(e, `records/${encodeURIComponent(n)}/${encodeURIComponent(r)}/assets/${encodeURIComponent(i)}`, { bucket: t });
+}
+//#endregion
+export { $ as Client, V as FileData, w as MISSING_CREDENTIALS_MSG, Kt as apply_run_history_replay, dn as asset_url, Ht as clear_run_history, en as client, cn as connect_bucket, Gt as consume_run_history_replay, Ut as delete_run_history, tn as duplicate, Oe as handle_file, rn as is_valid_bucket_id, un as list_bucket_records, ln as list_user_buckets, Xt as on_run_history_change, Re as predict, B as prepare_files, zt as read_run_history, Bt as read_run_history_storage, mt as run_history_url, Vt as set_run_history_storage, Wt as stage_run_history_replay, Zt as submit, z as upload, xe as upload_files };