@gradio/client 2.3.0 → 2.4.0

package/dist/index.js

@@ -1,2557 +1,2263 @@
-const HOST_URL = `host`;
-const SSE_URL = `queue/data`;
-const SSE_DATA_URL = `queue/join`;
-const UPLOAD_URL = `upload`;
-const LOGIN_URL = `login`;
-const CONFIG_URL = `config`;
-const API_INFO_URL = `info`;
-const RUNTIME_URL = `runtime`;
-const SLEEPTIME_URL = `sleeptime`;
-const HEARTBEAT_URL = `heartbeat`;
-const COMPONENT_SERVER_URL = `component_server`;
-const RESET_URL = `reset`;
-const CANCEL_URL = `cancel`;
-const APP_ID_URL = `app_id`;
-const QUEUE_FULL_MSG = "This application is currently busy. Please try again. ";
-const BROKEN_CONNECTION_MSG = "Connection errored out. ";
-const CONFIG_ERROR_MSG = "Could not resolve app config. ";
-const SPACE_STATUS_ERROR_MSG = "Could not get space status. ";
-const API_INFO_ERROR_MSG = "Could not get API info. ";
-const SPACE_METADATA_ERROR_MSG = "Space metadata could not be loaded. ";
-const INVALID_URL_MSG = "Invalid URL. A full URL path is required.";
-const UNAUTHORIZED_MSG = "Not authorized to access this space. ";
-const INVALID_CREDENTIALS_MSG = "Invalid credentials. Could not login. ";
-const MISSING_CREDENTIALS_MSG = "Login credentials are required to access this space.";
-const NODEJS_FS_ERROR_MSG = "File system access is only available in Node.js environments";
-const ROOT_URL_ERROR_MSG = "Root URL not found in client config";
-const FILE_PROCESSING_ERROR_MSG = "Error uploading file";
+//#region src/constants.ts
+var HOST_URL = `host`;
+var SSE_URL = `queue/data`;
+var SSE_DATA_URL = `queue/join`;
+var UPLOAD_URL = `upload`;
+var LOGIN_URL = `login`;
+var CONFIG_URL = `config`;
+var API_INFO_URL = `info`;
+var RUNTIME_URL = `runtime`;
+var SLEEPTIME_URL = `sleeptime`;
+var HEARTBEAT_URL = `heartbeat`;
+var COMPONENT_SERVER_URL = `component_server`;
+var RESET_URL = `reset`;
+var CANCEL_URL = `cancel`;
+var APP_ID_URL = `app_id`;
+var QUEUE_FULL_MSG = "This application is currently busy. Please try again. ";
+var BROKEN_CONNECTION_MSG = "Connection errored out. ";
+var CONFIG_ERROR_MSG = "Could not resolve app config. ";
+var SPACE_STATUS_ERROR_MSG = "Could not get space status. ";
+var API_INFO_ERROR_MSG = "Could not get API info. ";
+var SPACE_METADATA_ERROR_MSG = "Space metadata could not be loaded. ";
+var INVALID_URL_MSG = "Invalid URL. A full URL path is required.";
+var UNAUTHORIZED_MSG = "Not authorized to access this space. ";
+var INVALID_CREDENTIALS_MSG = "Invalid credentials. Could not login. ";
+var MISSING_CREDENTIALS_MSG = "Login credentials are required to access this space.";
+var PRIVATE_SPACE_MSG = "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.";
+var SPACE_NOT_FOUND_MSG = (space, status) => `Space "${space}" could not be accessed (received a ${status} 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.`;
+var NO_API_INFO_MSG = "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. ";
+var WS_PROTOCOL_MSG = "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.";
+var NODEJS_FS_ERROR_MSG = "File system access is only available in Node.js environments";
+var ROOT_URL_ERROR_MSG = "Root URL not found in client config";
+var FILE_PROCESSING_ERROR_MSG = "Error uploading file";
+//#endregion
+//#region src/helpers/init_helpers.ts
 async function get_jwt(space, token, cookies) {
-  try {
-    const r = await fetch(`https://huggingface.co/api/spaces/${space}/jwt`, {
-      headers: {
-        Authorization: `Bearer ${token}`,
-        ...cookies ? { Cookie: cookies } : {}
-      }
-    });
-    const jwt = (await r.json()).token;
-    return jwt || false;
-  } catch (e) {
-    return false;
-  }
+	try {
+		return (await (await fetch(`https://huggingface.co/api/spaces/${space}/jwt`, { headers: {
+			Authorization: `Bearer ${token}`,
+			...cookies ? { Cookie: cookies } : {}
+		} })).json()).token || false;
+	} catch (e) {
+		return false;
+	}
+}
+/**
+* The `hf_token` option was renamed to `token`, but a lot of existing code
+* (and the Python client) still uses `hf_token`. Accept it as an alias so
+* that authenticated requests are not silently sent without credentials,
+* which previously surfaced as "Could not resolve app config" errors when
+* connecting to private Spaces.
+*/
+function normalise_token_option(options) {
+	if (options.hf_token && !options.token) {
+		options.token = options.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 map_names_to_ids(fns) {
-  let apis = {};
-  fns.forEach(({ api_name, id }) => {
-    if (api_name) apis[api_name] = id;
-  });
-  return apis;
+	let apis = {};
+	fns.forEach(({ api_name, id }) => {
+		if (api_name) apis[api_name] = id;
+	});
+	return apis;
+}
+function resolve_config_root(root, current_location) {
+	const root_url = new URL(root, current_location);
+	const current_url = new URL(current_location);
+	if (root_url.hostname !== current_url.hostname) return root;
+	root_url.protocol = current_url.protocol;
+	root_url.host = current_url.host;
+	return root_url.toString().replace(/\/$/, "");
 }
-async function resolve_config(endpoint) {
-  const headers = this.options.token ? { Authorization: `Bearer ${this.options.token}` } : {};
-  headers["Content-Type"] = "application/json";
-  if (typeof window !== "undefined" && window.gradio_config && location.origin !== "http://localhost:9876") {
-    if (window.gradio_config.current_page) {
-      endpoint = endpoint.substring(0, endpoint.lastIndexOf("/"));
-    }
-    if (window.gradio_config.dev_mode || typeof window !== "undefined" && window?.BUILD_MODE === "dev") {
-      let config_url = join_urls(
-        endpoint,
-        this.deep_link ? CONFIG_URL + "?deep_link=" + this.deep_link : CONFIG_URL
-      );
-      const response = await this.fetch(config_url, {
-        headers,
-        credentials: "include"
-      });
-      const config = await handleConfigResponse(response, !!this.options.auth);
-      config.root = endpoint || config.root;
-      window.gradio_config = {
-        ...config,
-        current_page: window.gradio_config.current_page
-      };
-    }
-    return { ...window.gradio_config };
-  } else if (endpoint) {
-    let config_url = join_urls(
-      endpoint,
-      this.deep_link ? CONFIG_URL + "?deep_link=" + this.deep_link : CONFIG_URL
-    );
-    const response = await this.fetch(config_url, {
-      headers,
-      credentials: "include"
-    });
-    const config = await handleConfigResponse(response, !!this.options.auth);
-    if (!config.root) {
-      config.root = endpoint;
-    }
-    return config;
-  }
-  throw new Error(CONFIG_ERROR_MSG);
+async function resolve_config(endpoint, strip_current_page = true) {
+	const headers = this.options.token ? { Authorization: `Bearer ${this.options.token}` } : {};
+	if (typeof window !== "undefined" && window.gradio_config && location.origin !== "http://localhost:9876") {
+		if (strip_current_page && window.gradio_config.current_page) endpoint = endpoint.substring(0, endpoint.lastIndexOf("/"));
+		if (window.gradio_config.dev_mode || typeof window !== "undefined" && window?.BUILD_MODE === "dev") {
+			let config_url = join_urls(endpoint, this.deep_link ? CONFIG_URL + "?deep_link=" + this.deep_link : CONFIG_URL);
+			const config = await handleConfigResponse(await this.fetch(config_url, {
+				headers,
+				credentials: this.options.credentials ?? "same-origin"
+			}), !!this.options.auth);
+			config.root = endpoint || config.root;
+			window.gradio_config = {
+				...config,
+				current_page: window.gradio_config.current_page
+			};
+		}
+		const config = { ...window.gradio_config };
+		config.root = resolve_config_root(config.root, location.href);
+		return config;
+	} else if (endpoint) {
+		let config_url = join_urls(endpoint, this.deep_link ? CONFIG_URL + "?deep_link=" + this.deep_link : CONFIG_URL);
+		const config = await handleConfigResponse(await this.fetch(config_url, {
+			headers,
+			credentials: this.options.credentials ?? "same-origin"
+		}), !!this.options.auth);
+		if (!config.root) config.root = endpoint;
+		return config;
+	}
+	throw new Error(CONFIG_ERROR_MSG);
 }
 async function handleConfigResponse(response, authorized) {
-  if (response?.status === 401 && !authorized) {
-    const error_data = await response.json();
-    const auth_message = error_data?.detail?.auth_message;
-    throw new Error(auth_message || MISSING_CREDENTIALS_MSG);
-  } else if (response?.status === 401 && authorized) {
-    throw new Error(INVALID_CREDENTIALS_MSG);
-  }
-  if (response?.status === 200) {
-    let config = await response.json();
-    config.dependencies?.forEach((dep, i) => {
-      if (dep.id === void 0) {
-        dep.id = i;
-      }
-    });
-    return config;
-  } else if (response?.status === 401) {
-    throw new Error(UNAUTHORIZED_MSG);
-  }
-  throw new Error(CONFIG_ERROR_MSG);
+	if (response?.status === 401 && !authorized) {
+		let error_data = null;
+		try {
+			error_data = await response.json();
+		} catch (e) {
+			throw new Error(PRIVATE_SPACE_MSG);
+		}
+		const auth_message = error_data?.detail?.auth_message;
+		throw new Error(auth_message || "Login credentials are required to access this space.");
+	} else if (response?.status === 401 && authorized) throw new Error(INVALID_CREDENTIALS_MSG);
+	if (response?.status === 200) {
+		let config = await response.json();
+		config.dependencies?.forEach((dep, i) => {
+			if (dep.id === void 0) dep.id = i;
+		});
+		return config;
+	} else if (response?.status === 401) throw new Error(UNAUTHORIZED_MSG);
+	throw new Error(`${CONFIG_ERROR_MSG}(received status ${response?.status} when fetching the app config)`);
 }
 async function resolve_cookies() {
-  const { http_protocol, host } = await process_endpoint(
-    this.app_reference,
-    this.options.token
-  );
-  try {
-    if (this.options.auth) {
-      const cookie_header = await get_cookie_header(
-        http_protocol,
-        host,
-        this.options.auth,
-        this.fetch,
-        this.options.token
-      );
-      if (cookie_header) this.set_cookies(cookie_header);
-    }
-  } catch (e) {
-    throw Error(e.message);
-  }
+	const { http_protocol, host } = await process_endpoint(this.app_reference, this.options.token);
+	try {
+		if (this.options.auth) {
+			const cookie_header = await get_cookie_header(http_protocol, host, this.options.auth, this.fetch, this.options.token, this.options.credentials);
+			if (cookie_header) this.set_cookies(cookie_header);
+		}
+	} catch (e) {
+		throw Error(e.message);
+	}
 }
-async function get_cookie_header(http_protocol, host, auth, _fetch, token) {
-  const formData = new FormData();
-  formData.append("username", auth?.[0]);
-  formData.append("password", auth?.[1]);
-  let headers = {};
-  if (token) {
-    headers.Authorization = `Bearer ${token}`;
-  }
-  const res = await _fetch(`${http_protocol}//${host}/${LOGIN_URL}`, {
-    headers,
-    method: "POST",
-    body: formData,
-    credentials: "include"
-  });
-  if (res.status === 200) {
-    return res.headers.get("set-cookie");
-  } else if (res.status === 401) {
-    throw new Error(INVALID_CREDENTIALS_MSG);
-  } else {
-    throw new Error(SPACE_METADATA_ERROR_MSG);
-  }
+async function get_cookie_header(http_protocol, host, auth, _fetch, token, credentials) {
+	const formData = new FormData();
+	formData.append("username", auth?.[0]);
+	formData.append("password", auth?.[1]);
+	let headers = {};
+	if (token) headers.Authorization = `Bearer ${token}`;
+	const res = await _fetch(`${http_protocol}//${host}/${LOGIN_URL}`, {
+		headers,
+		method: "POST",
+		body: formData,
+		credentials: credentials ?? "same-origin"
+	});
+	if (res.status === 200) return res.headers.get("set-cookie");
+	else if (res.status === 401) throw new Error(INVALID_CREDENTIALS_MSG);
+	else throw new Error(SPACE_METADATA_ERROR_MSG);
 }
 function determine_protocol(endpoint) {
-  if (endpoint.startsWith("http")) {
-    const { protocol, host, pathname } = new URL(endpoint);
-    return {
-      ws_protocol: protocol === "https:" ? "wss" : "ws",
-      http_protocol: protocol,
-      host: host + (pathname !== "/" ? pathname : "")
-    };
-  }
-  return {
-    ws_protocol: "wss",
-    http_protocol: "https:",
-    host: new URL(endpoint).host
-  };
+	if (endpoint.startsWith("http")) {
+		const { protocol, host, pathname } = new URL(endpoint);
+		return {
+			ws_protocol: protocol === "https:" ? "wss" : "ws",
+			http_protocol: protocol,
+			host: host + (pathname !== "/" ? pathname : "")
+		};
+	}
+	return {
+		ws_protocol: "wss",
+		http_protocol: "https:",
+		host: new URL(endpoint).host
+	};
 }
-const parse_and_set_cookies = (cookie_header) => {
-  let cookies = [];
-  const parts = cookie_header.split(/,(?=\s*[^\s=;]+=[^\s=;]+)/);
-  parts.forEach((cookie) => {
-    const [cookie_name, cookie_value] = cookie.split(";")[0].split("=");
-    if (cookie_name && cookie_value) {
-      cookies.push(`${cookie_name.trim()}=${cookie_value.trim()}`);
-    }
-  });
-  return cookies;
+var parse_and_set_cookies = (cookie_header) => {
+	let cookies = [];
+	cookie_header.split(/,(?=\s*[^\s=;]+=[^\s=;]+)/).forEach((cookie) => {
+		const [cookie_name, cookie_value] = cookie.split(";")[0].split("=");
+		if (cookie_name && cookie_value) cookies.push(`${cookie_name.trim()}=${cookie_value.trim()}`);
+	});
+	return cookies;
 };
-const RE_SPACE_NAME = /^[a-zA-Z0-9_\-\.]+\/[a-zA-Z0-9_\-\.]+$/;
-const RE_SPACE_DOMAIN = /.*hf\.space\/{0,1}.*$/;
+//#endregion
+//#region src/helpers/api_info.ts
+var RE_SPACE_NAME = /^[a-zA-Z0-9_\-\.]+\/[a-zA-Z0-9_\-\.]+$/;
+var RE_SPACE_DOMAIN = /.*hf\.space\/{0,1}.*$/;
 async function process_endpoint(app_reference, token) {
-  const headers = {};
-  if (token) {
-    headers.Authorization = `Bearer ${token}`;
-  }
-  const _app_reference = app_reference.trim().replace(/\/$/, "");
-  if (RE_SPACE_NAME.test(_app_reference)) {
-    try {
-      const res = await fetch(
-        `https://huggingface.co/api/spaces/${_app_reference}/${HOST_URL}`,
-        { headers }
-      );
-      const _host = (await res.json()).host;
-      return {
-        space_id: app_reference,
-        ...determine_protocol(_host)
-      };
-    } catch (e) {
-      throw new Error(SPACE_METADATA_ERROR_MSG);
-    }
-  }
-  if (RE_SPACE_DOMAIN.test(_app_reference)) {
-    const { ws_protocol, http_protocol, host } = determine_protocol(_app_reference);
-    return {
-      space_id: host.split("/")[0].replace(".hf.space", ""),
-      ws_protocol,
-      http_protocol,
-      host
-    };
-  }
-  return {
-    space_id: false,
-    ...determine_protocol(_app_reference)
-  };
+	const headers = {};
+	if (token) headers.Authorization = `Bearer ${token}`;
+	const _app_reference = app_reference.trim().replace(/\/$/, "");
+	if (RE_SPACE_NAME.test(_app_reference)) {
+		let res;
+		try {
+			res = await fetch(`https://huggingface.co/api/spaces/${_app_reference}/${HOST_URL}`, { headers });
+		} catch (e) {
+			throw new Error(SPACE_METADATA_ERROR_MSG);
+		}
+		if (res.status === 401 || res.status === 404) throw new Error(SPACE_NOT_FOUND_MSG(_app_reference, res.status));
+		let _host;
+		try {
+			_host = (await res.json()).host;
+		} catch (e) {
+			throw new Error(SPACE_METADATA_ERROR_MSG);
+		}
+		if (!_host) throw new Error(SPACE_METADATA_ERROR_MSG);
+		return {
+			space_id: _app_reference,
+			...determine_protocol(_host)
+		};
+	}
+	if (RE_SPACE_DOMAIN.test(_app_reference)) {
+		const { ws_protocol, http_protocol, host } = determine_protocol(_app_reference);
+		return {
+			space_id: host.split("/")[0].replace(".hf.space", ""),
+			ws_protocol,
+			http_protocol,
+			host
+		};
+	}
+	return {
+		space_id: false,
+		...determine_protocol(_app_reference)
+	};
 }
-const join_urls = (...urls) => {
-  try {
-    return urls.reduce((base_url, part) => {
-      base_url = base_url.replace(/\/+$/, "");
-      part = part.replace(/^\/+/, "");
-      return new URL(part, base_url + "/").toString();
-    });
-  } catch (e) {
-    throw new Error(INVALID_URL_MSG);
-  }
+var join_urls = (...urls) => {
+	try {
+		return urls.reduce((base_url, part) => {
+			base_url = base_url.replace(/\/+$/, "");
+			part = part.replace(/^\/+/, "");
+			return new URL(part, base_url + "/").toString();
+		});
+	} catch (e) {
+		throw new Error(INVALID_URL_MSG);
+	}
 };
 function transform_api_info(api_info, config, api_map) {
-  const transformed_info = {
-    named_endpoints: {},
-    unnamed_endpoints: {}
-  };
-  Object.keys(api_info).forEach((category) => {
-    if (category === "named_endpoints" || category === "unnamed_endpoints") {
-      transformed_info[category] = {};
-      Object.entries(api_info[category]).forEach(
-        ([endpoint, { parameters, returns }]) => {
-          const dependencyIndex = config.dependencies.find(
-            (dep) => dep.api_name === endpoint || dep.api_name === endpoint.replace("/", "")
-          )?.id || api_map[endpoint.replace("/", "")] || -1;
-          const dependencyTypes = dependencyIndex !== -1 ? config.dependencies.find((dep) => dep.id == dependencyIndex)?.types : { generator: false, cancel: false };
-          if (dependencyIndex !== -1 && config.dependencies.find((dep) => dep.id == dependencyIndex)?.inputs?.length !== parameters.length) {
-            const components = config.dependencies.find((dep) => dep.id == dependencyIndex).inputs.map(
-              (input) => config.components.find((c) => c.id === input)?.type
-            );
-            try {
-              components.forEach((comp, idx) => {
-                if (comp === "state") {
-                  const new_param = {
-                    component: "state",
-                    example: null,
-                    parameter_default: null,
-                    parameter_has_default: true,
-                    parameter_name: null,
-                    hidden: true
-                  };
-                  parameters.splice(idx, 0, new_param);
-                }
-              });
-            } catch (e) {
-              console.error(e);
-            }
-          }
-          const transform_type = (data, component, serializer, signature_type) => ({
-            ...data,
-            description: get_description(data?.type, serializer),
-            type: get_type(data?.type, component, serializer, signature_type) || ""
-          });
-          transformed_info[category][endpoint] = {
-            parameters: parameters.map(
-              (p) => transform_type(p, p?.component, p?.serializer, "parameter")
-            ),
-            returns: returns.map(
-              (r) => transform_type(r, r?.component, r?.serializer, "return")
-            ),
-            type: dependencyTypes
-          };
-        }
-      );
-    }
-  });
-  return transformed_info;
+	const transformed_info = {
+		named_endpoints: {},
+		unnamed_endpoints: {}
+	};
+	Object.keys(api_info).forEach((category) => {
+		if (category === "named_endpoints" || category === "unnamed_endpoints") {
+			transformed_info[category] = {};
+			Object.entries(api_info[category]).forEach(([endpoint, endpoint_info]) => {
+				const parameters = endpoint_info?.parameters ?? [];
+				const returns = endpoint_info?.returns ?? [];
+				const dependencyIndex = config.dependencies.find((dep) => dep.api_name === endpoint || dep.api_name === endpoint.replace("/", ""))?.id || api_map[endpoint.replace("/", "")] || -1;
+				const dependency = dependencyIndex !== -1 ? config.dependencies.find((dep) => dep.id == dependencyIndex) : void 0;
+				const dependencyTypes = dependencyIndex !== -1 ? dependency?.types : {
+					generator: false,
+					cancel: false
+				};
+				if (dependency && Array.isArray(dependency.inputs) && dependency.inputs.length !== parameters.length) {
+					const components = dependency.inputs.map((input) => config.components.find((c) => c.id === input)?.type);
+					try {
+						components.forEach((comp, idx) => {
+							if (comp === "state") parameters.splice(idx, 0, {
+								component: "state",
+								example: null,
+								parameter_default: null,
+								parameter_has_default: true,
+								parameter_name: null,
+								hidden: true
+							});
+						});
+					} catch (e) {
+						console.error(e);
+					}
+				}
+				const transform_type = (data, component, serializer, signature_type) => ({
+					...data,
+					description: get_description(data?.type, serializer),
+					type: get_type(data?.type, component, serializer, signature_type) || ""
+				});
+				transformed_info[category][endpoint] = {
+					parameters: parameters.map((p) => transform_type(p, p?.component, p?.serializer, "parameter")),
+					returns: returns.map((r) => transform_type(r, r?.component, r?.serializer, "return")),
+					type: dependencyTypes,
+					...endpoint_info?.oauth_token ? { oauth_token: endpoint_info.oauth_token } : {}
+				};
+			});
+		}
+	});
+	return transformed_info;
 }
 function get_type(type, component, serializer, signature_type) {
-  if (component === "Api") return type.type;
-  switch (type?.type) {
-    case "string":
-      return "string";
-    case "boolean":
-      return "boolean";
-    case "number":
-      return "number";
-  }
-  if (serializer === "JSONSerializable" || serializer === "StringSerializable") {
-    return "any";
-  } else if (serializer === "ListStringSerializable") {
-    return "string[]";
-  } else if (component === "Image") {
-    return signature_type === "parameter" ? "Blob | File | Buffer" : "string";
-  } else if (serializer === "FileSerializable") {
-    if (type?.type === "array") {
-      return signature_type === "parameter" ? "(Blob | File | Buffer)[]" : `{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}[]`;
-    }
-    return signature_type === "parameter" ? "Blob | File | Buffer" : `{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}`;
-  } else if (serializer === "GallerySerializable") {
-    return signature_type === "parameter" ? "[(Blob | File | Buffer), (string | null)][]" : `[{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}, (string | null))][]`;
-  }
+	if (component === "Api") return type.type;
+	switch (type?.type) {
+		case "string": return "string";
+		case "boolean": return "boolean";
+		case "number": return "number";
+	}
+	if (serializer === "JSONSerializable" || serializer === "StringSerializable") return "any";
+	else if (serializer === "ListStringSerializable") return "string[]";
+	else if (component === "Image") return signature_type === "parameter" ? "Blob | File | Buffer" : "string";
+	else if (serializer === "FileSerializable") {
+		if (type?.type === "array") return signature_type === "parameter" ? "(Blob | File | Buffer)[]" : `{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}[]`;
+		return signature_type === "parameter" ? "Blob | File | Buffer" : `{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}`;
+	} else if (serializer === "GallerySerializable") return signature_type === "parameter" ? "[(Blob | File | Buffer), (string | null)][]" : `[{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}, (string | null))][]`;
 }
 function get_description(type, serializer) {
-  if (serializer === "GallerySerializable") {
-    return "array of [file, label] tuples";
-  } else if (serializer === "ListStringSerializable") {
-    return "array of strings";
-  } else if (serializer === "FileSerializable") {
-    return "array of files or single file";
-  }
-  return type?.description;
+	if (serializer === "GallerySerializable") return "array of [file, label] tuples";
+	else if (serializer === "ListStringSerializable") return "array of strings";
+	else if (serializer === "FileSerializable") return "array of files or single file";
+	return type?.description;
 }
 function handle_message(data, last_status) {
-  const queue = true;
-  switch (data.msg) {
-    case "send_data":
-      return { type: "data" };
-    case "send_hash":
-      return { type: "hash" };
-    case "queue_full":
-      return {
-        type: "update",
-        status: {
-          queue,
-          message: QUEUE_FULL_MSG,
-          stage: "error",
-          code: data.code,
-          success: data.success
-        }
-      };
-    case "heartbeat":
-      return {
-        type: "heartbeat"
-      };
-    case "unexpected_error":
-      return {
-        type: "unexpected_error",
-        status: {
-          queue,
-          message: data.message,
-          session_not_found: data.session_not_found,
-          stage: "error",
-          success: false
-        }
-      };
-    case "broken_connection":
-      return {
-        type: "broken_connection",
-        status: {
-          queue,
-          message: data.message,
-          stage: "error",
-          success: false
-        }
-      };
-    case "estimation":
-      return {
-        type: "update",
-        status: {
-          queue,
-          stage: last_status || "pending",
-          code: data.code,
-          size: data.queue_size,
-          position: data.rank,
-          eta: data.rank_eta,
-          success: data.success
-        }
-      };
-    case "progress":
-      return {
-        type: "update",
-        status: {
-          queue,
-          stage: "pending",
-          code: data.code,
-          progress_data: data.progress_data,
-          success: data.success
-        }
-      };
-    case "log":
-      return { type: "log", data };
-    case "process_generating":
-      return {
-        type: "generating",
-        status: {
-          queue,
-          message: !data.success ? data.output.error : null,
-          stage: data.success ? "generating" : "error",
-          code: data.code,
-          progress_data: data.progress_data,
-          eta: data.average_duration,
-          changed_state_ids: data.success ? data.output.changed_state_ids : void 0
-        },
-        data: data.success ? data.output : null
-      };
-    case "process_streaming":
-      return {
-        type: "streaming",
-        status: {
-          queue,
-          message: data.output.error,
-          stage: "streaming",
-          time_limit: data.time_limit,
-          code: data.code,
-          progress_data: data.progress_data,
-          eta: data.eta
-        },
-        data: data.output
-      };
-    case "process_completed":
-      if ("error" in data.output) {
-        return {
-          type: "update",
-          status: {
-            queue,
-            title: data.output.title ?? "Error",
-            message: data.output.error ?? "An error occurred",
-            visible: data.output.visible,
-            duration: data.output.duration,
-            stage: "error",
-            code: data.code,
-            success: data.success
-          }
-        };
-      }
-      return {
-        type: "complete",
-        status: {
-          queue,
-          message: !data.success ? data.output.error : void 0,
-          stage: data.success ? "complete" : "error",
-          code: data.code,
-          progress_data: data.progress_data,
-          changed_state_ids: data.success ? data.output.changed_state_ids : void 0,
-          used_cache: data.used_cache,
-          cache_duration: data.cache_duration,
-          avg_time: data.avg_time
-        },
-        data: data.success ? data.output : null
-      };
-    case "process_starts":
-      return {
-        type: "update",
-        status: {
-          queue,
-          stage: "pending",
-          code: data.code,
-          size: data.rank,
-          position: 0,
-          success: data.success,
-          eta: data.eta
-        },
-        original_msg: "process_starts"
-      };
-  }
-  return { type: "none", status: { stage: "error", queue } };
+	const queue = true;
+	switch (data.msg) {
+		case "send_data": return { type: "data" };
+		case "send_hash": return { type: "hash" };
+		case "queue_full": return {
+			type: "update",
+			status: {
+				queue,
+				message: QUEUE_FULL_MSG,
+				stage: "error",
+				code: data.code,
+				success: data.success
+			}
+		};
+		case "heartbeat": return { type: "heartbeat" };
+		case "unexpected_error": return {
+			type: "unexpected_error",
+			status: {
+				queue,
+				message: data.message,
+				session_not_found: data.session_not_found,
+				stage: "error",
+				success: false
+			}
+		};
+		case "broken_connection": return {
+			type: "broken_connection",
+			status: {
+				queue,
+				message: data.message,
+				stage: "error",
+				success: false
+			}
+		};
+		case "estimation": return {
+			type: "update",
+			status: {
+				queue,
+				stage: last_status || "pending",
+				code: data.code,
+				size: data.queue_size,
+				position: data.rank,
+				eta: data.rank_eta,
+				success: data.success
+			}
+		};
+		case "progress": return {
+			type: "update",
+			status: {
+				queue,
+				stage: "pending",
+				code: data.code,
+				progress_data: data.progress_data,
+				success: data.success
+			}
+		};
+		case "log": return {
+			type: "log",
+			data
+		};
+		case "process_generating": return {
+			type: "generating",
+			status: {
+				queue,
+				message: !data.success ? data.output.error : null,
+				stage: data.success ? "generating" : "error",
+				code: data.code,
+				progress_data: data.progress_data,
+				eta: data.average_duration,
+				changed_state_ids: data.success ? data.output.changed_state_ids : void 0
+			},
+			data: data.success ? data.output : null
+		};
+		case "process_streaming": return {
+			type: "streaming",
+			status: {
+				queue,
+				message: data.output.error,
+				stage: "streaming",
+				time_limit: data.time_limit,
+				code: data.code,
+				progress_data: data.progress_data,
+				changed_state_ids: data.output.changed_state_ids,
+				eta: data.eta
+			},
+			data: data.output
+		};
+		case "process_completed":
+			if ("error" in data.output) return {
+				type: "update",
+				status: {
+					queue,
+					title: data.output.title ?? "Error",
+					message: data.output.error ?? "An error occurred",
+					visible: data.output.visible,
+					duration: data.output.duration,
+					stage: "error",
+					code: data.code,
+					success: data.success
+				}
+			};
+			return {
+				type: "complete",
+				status: {
+					queue,
+					message: !data.success ? data.output.error : void 0,
+					stage: data.success ? "complete" : "error",
+					code: data.code,
+					progress_data: data.progress_data,
+					changed_state_ids: data.success ? data.output.changed_state_ids : void 0,
+					used_cache: data.used_cache,
+					cache_duration: data.cache_duration,
+					avg_time: data.avg_time
+				},
+				data: data.success ? data.output : null
+			};
+		case "process_starts": return {
+			type: "update",
+			status: {
+				queue,
+				stage: "pending",
+				code: data.code,
+				size: data.rank,
+				position: 0,
+				success: data.success,
+				eta: data.eta
+			},
+			original_msg: "process_starts"
+		};
+	}
+	return {
+		type: "none",
+		status: {
+			stage: "error",
+			queue
+		}
+	};
 }
-const map_data_to_params = (data = [], endpoint_info) => {
-  const parameters = endpoint_info ? endpoint_info.parameters : [];
-  if (Array.isArray(data)) {
-    if (endpoint_info && parameters.length > 0 && data.length > parameters.length) {
-      console.warn("Too many arguments provided for the endpoint.");
-    }
-    return data;
-  }
-  const resolved_data = [];
-  const provided_keys = Object.keys(data);
-  parameters.forEach((param, index) => {
-    if (data.hasOwnProperty(param.parameter_name)) {
-      resolved_data[index] = data[param.parameter_name];
-    } else if (param.parameter_has_default) {
-      resolved_data[index] = param.parameter_default;
-    } else {
-      throw new Error(
-        `No value provided for required parameter: ${param.parameter_name}`
-      );
-    }
-  });
-  provided_keys.forEach((key) => {
-    if (!parameters.some((param) => param.parameter_name === key)) {
-      throw new Error(
-        `Parameter \`${key}\` is not a valid keyword argument. Please refer to the API for usage.`
-      );
-    }
-  });
-  resolved_data.forEach((value, idx) => {
-    if (value === void 0 && !parameters[idx].parameter_has_default) {
-      throw new Error(
-        `No value provided for required parameter: ${parameters[idx].parameter_name}`
-      );
-    }
-  });
-  return resolved_data;
+/**
+* Maps the provided `data` to the parameters defined by the `/info` endpoint response.
+* This allows us to support both positional and keyword arguments passed to the client
+* and ensures that all parameters are either directly provided or have default values assigned.
+*
+* @param {unknown[] | Record<string, unknown>} data - The input data for the function,
+*        which can be either an array of values for positional arguments or an object
+*        with key-value pairs for keyword arguments.
+* @param {JsApiData[]} parameters - Array of parameter descriptions retrieved from the
+*        `/info` endpoint.
+*
+* @returns {unknown[]} - Returns an array of resolved data where each element corresponds
+*         to the expected parameter from the API. The `parameter_default` value is used where
+*         a value is not provided for a parameter, and optional parameters without defaults are
+* 		   set to `undefined`.
+*
+* @throws {Error} - Throws an error:
+*         - If more arguments are provided than are defined in the parameters.
+*  *      - If no parameter value is provided for a required parameter and no default value is defined.
+*         - If an argument is provided that does not match any defined parameter.
+*/
+var map_data_to_params = (data = [], endpoint_info) => {
+	const parameters = endpoint_info ? endpoint_info.parameters : [];
+	if (Array.isArray(data)) {
+		if (endpoint_info && parameters.length > 0 && data.length > parameters.length) console.warn("Too many arguments provided for the endpoint.");
+		return data;
+	}
+	const resolved_data = [];
+	const provided_keys = Object.keys(data);
+	parameters.forEach((param, index) => {
+		if (data.hasOwnProperty(param.parameter_name)) resolved_data[index] = data[param.parameter_name];
+		else if (param.parameter_has_default) resolved_data[index] = param.parameter_default;
+		else throw new Error(`No value provided for required parameter: ${param.parameter_name}`);
+	});
+	provided_keys.forEach((key) => {
+		if (!parameters.some((param) => param.parameter_name === key)) throw new Error(`Parameter \`${key}\` is not a valid keyword argument. Please refer to the API for usage.`);
+	});
+	resolved_data.forEach((value, idx) => {
+		if (value === void 0 && !parameters[idx].parameter_has_default) throw new Error(`No value provided for required parameter: ${parameters[idx].parameter_name}`);
+	});
+	return resolved_data;
 };
+//#endregion
+//#region src/utils/view_api.ts
 async function view_api() {
-  if (this.api_info) return this.api_info;
-  const { token } = this.options;
-  const { config } = this;
-  const headers = { "Content-Type": "application/json" };
-  if (token) {
-    headers.Authorization = `Bearer ${token}`;
-  }
-  if (!config) {
-    return;
-  }
-  try {
-    let response;
-    let api_info;
-    if (typeof window !== "undefined" && window.gradio_api_info) {
-      api_info = window.gradio_api_info;
-    } else {
-      const url = join_urls(config.root, this.api_prefix, API_INFO_URL);
-      response = await this.fetch(url, {
-        headers,
-        credentials: "include"
-      });
-      if (!response.ok) {
-        throw new Error(BROKEN_CONNECTION_MSG);
-      }
-      api_info = await response.json();
-    }
-    if ("api" in api_info) {
-      api_info = api_info.api;
-    }
-    if (api_info.named_endpoints["/predict"] && !api_info.unnamed_endpoints["0"]) {
-      api_info.unnamed_endpoints[0] = api_info.named_endpoints["/predict"];
-    }
-    return transform_api_info(api_info, config, this.api_map);
-  } catch (e) {
-    throw new Error("Could not get API info. " + e.message);
-  }
+	if (this.api_info) return this.api_info;
+	const { token } = this.options;
+	const { config } = this;
+	const headers = {};
+	if (token) headers.Authorization = `Bearer ${token}`;
+	if (!config) return;
+	try {
+		let response;
+		let api_info;
+		if (typeof window !== "undefined" && window.gradio_api_info) api_info = window.gradio_api_info;
+		else {
+			const url = join_urls(config.root, this.api_prefix, API_INFO_URL);
+			response = await this.fetch(url, {
+				headers,
+				credentials: this.options.credentials ?? "same-origin"
+			});
+			if (!response.ok) throw new Error(BROKEN_CONNECTION_MSG);
+			api_info = await response.json();
+		}
+		if ("api" in api_info) api_info = api_info.api;
+		if (api_info.named_endpoints["/predict"] && !api_info.unnamed_endpoints["0"]) api_info.unnamed_endpoints[0] = api_info.named_endpoints["/predict"];
+		return transform_api_info(api_info, config, this.api_map);
+	} catch (e) {
+		throw new Error("Could not get API info. " + e.message);
+	}
 }
+//#endregion
+//#region src/utils/upload_files.ts
 async function upload_files(root_url, files, upload_id) {
-  const headers = {};
-  if (this?.options?.token) {
-    headers.Authorization = `Bearer ${this.options.token}`;
-  }
-  const chunkSize = 1e3;
-  const uploadResponses = [];
-  let response;
-  for (let i = 0; i < files.length; i += chunkSize) {
-    const chunk = files.slice(i, i + chunkSize);
-    const formData = new FormData();
-    chunk.forEach((file) => {
-      formData.append("files", file);
-    });
-    try {
-      const upload_url = upload_id ? `${root_url}${this.api_prefix}/${UPLOAD_URL}?upload_id=${upload_id}` : `${root_url}${this.api_prefix}/${UPLOAD_URL}`;
-      response = await this.fetch(upload_url, {
-        method: "POST",
-        body: formData,
-        headers,
-        credentials: "include"
-      });
-    } catch (e) {
-      throw new Error(BROKEN_CONNECTION_MSG + e.message);
-    }
-    if (!response.ok) {
-      const error_text = await response.text();
-      return { error: `HTTP ${response.status}: ${error_text}` };
-    }
-    const output = await response.json();
-    if (output) {
-      uploadResponses.push(...output);
-    }
-  }
-  return { files: uploadResponses };
+	const headers = {};
+	if (this?.options?.token) headers.Authorization = `Bearer ${this.options.token}`;
+	const chunkSize = 1e3;
+	const uploadResponses = [];
+	let response;
+	for (let i = 0; i < files.length; i += chunkSize) {
+		const chunk = files.slice(i, i + chunkSize);
+		const formData = new FormData();
+		chunk.forEach((file) => {
+			formData.append("files", file);
+		});
+		try {
+			const upload_url = upload_id ? `${root_url}${this.api_prefix}/${UPLOAD_URL}?upload_id=${upload_id}` : `${root_url}${this.api_prefix}/${UPLOAD_URL}`;
+			response = await this.fetch(upload_url, {
+				method: "POST",
+				body: formData,
+				headers,
+				credentials: this.options.credentials ?? "same-origin"
+			});
+		} catch (e) {
+			throw new Error(BROKEN_CONNECTION_MSG + e.message);
+		}
+		if (!response.ok) {
+			const error_text = await response.text();
+			return { error: `HTTP ${response.status}: ${error_text}` };
+		}
+		const output = await response.json();
+		if (output) uploadResponses.push(...output);
+	}
+	return { files: uploadResponses };
 }
-const si = {
-  radix: 1e3,
-  unit: ["b", "kb", "Mb", "Gb", "Tb", "Pb", "Eb", "Zb", "Yb"]
-};
-const iec = {
-  radix: 1024,
-  unit: ["b", "Kib", "Mib", "Gib", "Tib", "Pib", "Eib", "Zib", "Yib"]
-};
-const jedec = {
-  radix: 1024,
-  unit: ["b", "Kb", "Mb", "Gb", "Tb", "Pb", "Eb", "Zb", "Yb"]
-};
-const SPECS = {
-  si,
-  iec,
-  jedec
+var SPECS = {
+	si: {
+		radix: 1e3,
+		unit: [
+			"b",
+			"kb",
+			"Mb",
+			"Gb",
+			"Tb",
+			"Pb",
+			"Eb",
+			"Zb",
+			"Yb"
+		]
+	},
+	iec: {
+		radix: 1024,
+		unit: [
+			"b",
+			"Kib",
+			"Mib",
+			"Gib",
+			"Tib",
+			"Pib",
+			"Eib",
+			"Zib",
+			"Yib"
+		]
+	},
+	jedec: {
+		radix: 1024,
+		unit: [
+			"b",
+			"Kb",
+			"Mb",
+			"Gb",
+			"Tb",
+			"Pb",
+			"Eb",
+			"Zb",
+			"Yb"
+		]
+	}
 };
+/**
+* file size from https://github.com/hustcc/filesize.js
+* @param bytes - The number of bytes to convert to human-readable format
+* @param fixed - Number of decimal places to display (default: 1)
+* @param spec - Size specification to use: "si", "iec", or "jedec" (default: "jedec")
+* @returns Human-readable file size string
+*/
 function filesize(bytes, fixed = 1, spec = "jedec") {
-  bytes = Math.abs(bytes);
-  const { radix, unit } = SPECS[spec] || SPECS.jedec;
-  let loop = 0;
-  while (bytes >= radix) {
-    bytes /= radix;
-    ++loop;
-  }
-  return `${bytes.toFixed(fixed)} ${unit[loop]}`;
+	bytes = Math.abs(bytes);
+	const { radix, unit } = SPECS[spec] || SPECS.jedec;
+	let loop = 0;
+	while (bytes >= radix) {
+		bytes /= radix;
+		++loop;
+	}
+	return `${bytes.toFixed(fixed)} ${unit[loop]}`;
 }
+//#endregion
+//#region src/upload.ts
 async function upload(file_data, root_url, upload_id, max_file_size) {
-  let files = (Array.isArray(file_data) ? file_data : [file_data]).map(
-    (file_data2) => file_data2.blob
-  );
-  const oversized_files = files.filter(
-    (f) => f.size > (max_file_size ?? Infinity)
-  );
-  if (oversized_files.length) {
-    throw new Error(
-      `File(s) exceed the maximum allowed size of ${filesize(max_file_size || Infinity)}: ${oversized_files.map((f) => `"${f.name}"`).join(", ")}`
-    );
-  }
-  return await Promise.all(
-    await this.upload_files(root_url, files, upload_id).then(
-      async (response) => {
-        if (response.error) {
-          throw new Error(response.error);
-        } else {
-          if (response.files) {
-            return response.files.map((f, i) => {
-              const file = new FileData({
-                ...file_data[i],
-                path: f,
-                url: `${root_url}${this.api_prefix}/file=${f}`
-              });
-              return file;
-            });
-          }
-          return [];
-        }
-      }
-    )
-  );
+	let files = (Array.isArray(file_data) ? file_data : [file_data]).map((file_data) => file_data.blob);
+	const oversized_files = files.filter((f) => f.size > (max_file_size ?? Infinity));
+	if (oversized_files.length) throw new Error(`File(s) exceed the maximum allowed size of ${filesize(max_file_size || Infinity)}: ${oversized_files.map((f) => `"${f.name}"`).join(", ")}`);
+	return await Promise.all(await this.upload_files(root_url, files, upload_id).then(async (response) => {
+		if (response.error) throw new Error(response.error);
+		else {
+			if (response.files) return response.files.map((f, i) => {
+				return new FileData({
+					...file_data[i],
+					path: f,
+					url: `${root_url}${this.api_prefix}/file=${f}`
+				});
+			});
+			return [];
+		}
+	}));
 }
 async function prepare_files(files, is_stream) {
-  return files.map(
-    (f) => new FileData({
-      path: f.name,
-      orig_name: f.name,
-      blob: f,
-      size: f.size,
-      mime_type: f.type,
-      is_stream
-    })
-  );
-}
-class FileData {
-  path;
-  url;
-  orig_name;
-  size;
-  blob;
-  is_stream;
-  mime_type;
-  alt_text;
-  b64;
-  meta = { _type: "gradio.FileData" };
-  constructor({
-    path,
-    url,
-    orig_name,
-    size,
-    blob,
-    is_stream,
-    mime_type,
-    alt_text,
-    b64
-  }) {
-    this.path = path;
-    this.url = url;
-    this.orig_name = orig_name;
-    this.size = size;
-    this.blob = url ? void 0 : blob;
-    this.is_stream = is_stream;
-    this.mime_type = mime_type;
-    this.alt_text = alt_text;
-    this.b64 = b64;
-  }
-}
-class Command {
-  type;
-  command;
-  meta;
-  fileData;
-  constructor(command, meta) {
-    this.type = "command";
-    this.command = command;
-    this.meta = meta;
-  }
+	return files.map((f) => new FileData({
+		path: f.name,
+		orig_name: f.name,
+		blob: f,
+		size: f.size,
+		mime_type: f.type,
+		is_stream
+	}));
 }
-const is_node = typeof process !== "undefined" && process.versions && process.versions.node;
+var FileData = class {
+	path;
+	url;
+	orig_name;
+	size;
+	blob;
+	is_stream;
+	mime_type;
+	alt_text;
+	b64;
+	meta = { _type: "gradio.FileData" };
+	constructor({ path, url, orig_name, size, blob, is_stream, mime_type, alt_text, b64 }) {
+		this.path = path;
+		this.url = url;
+		this.orig_name = orig_name;
+		this.size = size;
+		this.blob = url ? void 0 : blob;
+		this.is_stream = is_stream;
+		this.mime_type = mime_type;
+		this.alt_text = alt_text;
+		this.b64 = b64;
+	}
+};
+//#endregion
+//#region src/types.ts
+var Command = class {
+	type;
+	command;
+	meta;
+	fileData;
+	constructor(command, meta) {
+		this.type = "command";
+		this.command = command;
+		this.meta = meta;
+	}
+};
+//#endregion
+//#region src/helpers/data.ts
+var is_node = typeof process !== "undefined" && process.versions && process.versions.node;
 function update_object(object, newValue, stack) {
-  while (stack.length > 1) {
-    const key2 = stack.shift();
-    if (typeof key2 === "string" || typeof key2 === "number") {
-      object = object[key2];
-    } else {
-      throw new Error("Invalid key type");
-    }
-  }
-  const key = stack.shift();
-  if (typeof key === "string" || typeof key === "number") {
-    object[key] = newValue;
-  } else {
-    throw new Error("Invalid key type");
-  }
+	while (stack.length > 1) {
+		const key = stack.shift();
+		if (typeof key === "string" || typeof key === "number") object = object[key];
+		else throw new Error("Invalid key type");
+	}
+	const key = stack.shift();
+	if (typeof key === "string" || typeof key === "number") object[key] = newValue;
+	else throw new Error("Invalid key type");
 }
 async function walk_and_store_blobs(data, type = void 0, path = [], root = false, endpoint_info = void 0) {
-  if (Array.isArray(data)) {
-    let blob_refs = [];
-    await Promise.all(
-      data.map(async (_, index) => {
-        let new_path = path.slice();
-        new_path.push(String(index));
-        const array_refs = await walk_and_store_blobs(
-          data[index],
-          root ? endpoint_info?.parameters[index]?.component || void 0 : type,
-          new_path,
-          false,
-          endpoint_info
-        );
-        blob_refs = blob_refs.concat(array_refs);
-      })
-    );
-    return blob_refs;
-  } else if (globalThis.Buffer && data instanceof globalThis.Buffer || data instanceof Blob) {
-    return [
-      {
-        path,
-        blob: new Blob([data]),
-        type
-      }
-    ];
-  } else if (typeof data === "object" && data !== null) {
-    let blob_refs = [];
-    for (const key of Object.keys(data)) {
-      const new_path = [...path, key];
-      const value = data[key];
-      blob_refs = blob_refs.concat(
-        await walk_and_store_blobs(
-          value,
-          void 0,
-          new_path,
-          false,
-          endpoint_info
-        )
-      );
-    }
-    return blob_refs;
-  }
-  return [];
+	if (Array.isArray(data)) {
+		let blob_refs = [];
+		await Promise.all(data.map(async (_, index) => {
+			let new_path = path.slice();
+			new_path.push(String(index));
+			const array_refs = await walk_and_store_blobs(data[index], root ? endpoint_info?.parameters[index]?.component || void 0 : type, new_path, false, endpoint_info);
+			blob_refs = blob_refs.concat(array_refs);
+		}));
+		return blob_refs;
+	} else if (globalThis.Buffer && data instanceof globalThis.Buffer || data instanceof Blob) return [{
+		path,
+		blob: data instanceof Blob ? data : new Blob([data]),
+		type
+	}];
+	else if (typeof data === "object" && data !== null) {
+		let blob_refs = [];
+		for (const key of Object.keys(data)) {
+			const new_path = [...path, key];
+			const value = data[key];
+			blob_refs = blob_refs.concat(await walk_and_store_blobs(value, void 0, new_path, false, endpoint_info));
+		}
+		return blob_refs;
+	}
+	return [];
 }
 function skip_queue(id, config) {
-  let fn_queue = config?.dependencies?.find((dep) => dep.id == id)?.queue;
-  if (fn_queue != null) {
-    return !fn_queue;
-  }
-  return !config.enable_queue;
+	let fn_queue = config?.dependencies?.find((dep) => dep.id == id)?.queue;
+	if (fn_queue != null) return !fn_queue;
+	return !config.enable_queue;
 }
 function post_message(message, origin) {
-  return new Promise((res, _rej) => {
-    const channel = new MessageChannel();
-    channel.port1.onmessage = (({ data }) => {
-      channel.port1.close();
-      res(data);
-    });
-    window.parent.postMessage(message, origin, [channel.port2]);
-  });
+	return new Promise((res, _rej) => {
+		const channel = new MessageChannel();
+		channel.port1.onmessage = (({ data }) => {
+			channel.port1.close();
+			res(data);
+		});
+		window.parent.postMessage(message, origin, [channel.port2]);
+	});
 }
 function handle_file(file_or_url) {
-  if (typeof file_or_url === "string") {
-    if (file_or_url.startsWith("http://") || file_or_url.startsWith("https://")) {
-      return {
-        path: file_or_url,
-        url: file_or_url,
-        orig_name: file_or_url.split("/").pop() ?? "unknown",
-        meta: { _type: "gradio.FileData" }
-      };
-    }
-    if (is_node) {
-      return new Command("upload_file", {
-        path: file_or_url,
-        name: file_or_url,
-        orig_path: file_or_url
-      });
-    }
-  } else if (typeof File !== "undefined" && file_or_url instanceof File) {
-    return new Blob([file_or_url]);
-  } else if (file_or_url instanceof Buffer) {
-    return new Blob([file_or_url]);
-  } else if (file_or_url instanceof Blob) {
-    return file_or_url;
-  }
-  throw new Error(
-    "Invalid input: must be a URL, File, Blob, or Buffer object."
-  );
+	if (typeof file_or_url === "string") {
+		if (file_or_url.startsWith("http://") || file_or_url.startsWith("https://")) return {
+			path: file_or_url,
+			url: file_or_url,
+			orig_name: file_or_url.split("/").pop() ?? "unknown",
+			meta: { _type: "gradio.FileData" }
+		};
+		if (is_node) return new Command("upload_file", {
+			path: file_or_url,
+			name: file_or_url,
+			orig_path: file_or_url
+		});
+	} else if (typeof File !== "undefined" && file_or_url instanceof File) return file_or_url;
+	else if (globalThis.Buffer && file_or_url instanceof globalThis.Buffer) return new Blob([file_or_url]);
+	else if (file_or_url instanceof Blob) return file_or_url;
+	throw new Error("Invalid input: must be a URL, File, Blob, or Buffer object.");
 }
+/**
+* Handles the payload by filtering out state inputs and returning an array of resolved payload values.
+* We send null values for state inputs to the server, but we don't want to include them in the resolved payload.
+*
+* @param resolved_payload - The resolved payload values received from the client or the server
+* @param dependency - The dependency object.
+* @param components - The array of component metadata.
+* @param with_null_state - Optional. Specifies whether to include null values for state inputs. Default is false.
+* @returns An array of resolved payload values, filtered based on the dependency and component metadata.
+*/
 function handle_payload(resolved_payload, dependency, components, type, with_null_state = false) {
-  if (type === "input" && !with_null_state) {
-    throw new Error("Invalid code path. Cannot skip state inputs for input.");
-  }
-  if (type === "output" && with_null_state) {
-    return resolved_payload;
-  }
-  let updated_payload = [];
-  let payload_index = 0;
-  const deps = type === "input" ? dependency.inputs : dependency.outputs;
-  for (let i = 0; i < deps.length; i++) {
-    const input_id = deps[i];
-    const component = components.find((c) => c.id === input_id);
-    if (component?.type === "state") {
-      if (with_null_state) {
-        if (resolved_payload.length === deps.length) {
-          const value = resolved_payload[payload_index];
-          updated_payload.push(value);
-          payload_index++;
-        } else {
-          updated_payload.push(null);
-        }
-      } else {
-        payload_index++;
-        continue;
-      }
-      continue;
-    } else {
-      const value = resolved_payload[payload_index];
-      updated_payload.push(value);
-      payload_index++;
-    }
-  }
-  return updated_payload;
+	if (type === "input" && !with_null_state) throw new Error("Invalid code path. Cannot skip state inputs for input.");
+	if (type === "output" && with_null_state) return resolved_payload;
+	let updated_payload = [];
+	let payload_index = 0;
+	const deps = type === "input" ? dependency.inputs : dependency.outputs;
+	for (let i = 0; i < deps.length; i++) {
+		const input_id = deps[i];
+		if (components.find((c) => c.id === input_id)?.type === "state") {
+			if (with_null_state) if (resolved_payload.length === deps.length) {
+				const value = resolved_payload[payload_index];
+				updated_payload.push(value);
+				payload_index++;
+			} else updated_payload.push(null);
+			else {
+				payload_index++;
+				continue;
+			}
+			continue;
+		} else {
+			const value = resolved_payload[payload_index];
+			updated_payload.push(value);
+			payload_index++;
+		}
+	}
+	return updated_payload;
 }
+//#endregion
+//#region src/utils/handle_blob.ts
 async function handle_blob(endpoint, data, api_info) {
-  const self = this;
-  await process_local_file_commands(self, data);
-  const blobRefs = await walk_and_store_blobs(
-    data,
-    void 0,
-    [],
-    true,
-    api_info
-  );
-  const results = await Promise.all(
-    blobRefs.map(async ({ path, blob, type }) => {
-      if (!blob) return { path, type };
-      const response = await self.upload_files(endpoint, [blob]);
-      const file_url = response.files && response.files[0];
-      return {
-        path,
-        file_url,
-        type,
-        name: typeof File !== "undefined" && blob instanceof File ? blob?.name : void 0
-      };
-    })
-  );
-  results.forEach(({ path, file_url, type, name }) => {
-    if (type === "Gallery") {
-      update_object(data, file_url, path);
-    } else if (file_url) {
-      const file = new FileData({ path: file_url, orig_name: name });
-      update_object(data, file, path);
-    }
-  });
-  return data;
+	const self = this;
+	await process_local_file_commands(self, data);
+	const blobRefs = await walk_and_store_blobs(data, void 0, [], true, api_info);
+	(await Promise.all(blobRefs.map(async ({ path, blob, type }) => {
+		if (!blob) return {
+			path,
+			type
+		};
+		const response = await self.upload_files(endpoint, [blob]);
+		return {
+			path,
+			file_url: response.files && response.files[0],
+			type,
+			name: typeof File !== "undefined" && blob instanceof File ? blob?.name : void 0
+		};
+	}))).forEach(({ path, file_url, type, name }) => {
+		if (type === "Gallery") update_object(data, file_url, path);
+		else if (file_url) update_object(data, new FileData({
+			path: file_url,
+			orig_name: name
+		}), path);
+	});
+	return data;
 }
-async function process_local_file_commands(client2, data) {
-  const root = client2.config?.root || client2.config?.root_url;
-  if (!root) {
-    throw new Error(ROOT_URL_ERROR_MSG);
-  }
-  await recursively_process_commands(client2, data);
+async function process_local_file_commands(client, data) {
+	if (!(client.config?.root || client.config?.root_url)) throw new Error(ROOT_URL_ERROR_MSG);
+	await recursively_process_commands(client, data);
 }
-async function recursively_process_commands(client2, data, path = []) {
-  for (const key in data) {
-    if (data[key] instanceof Command) {
-      await process_single_command(client2, data, key);
-    } else if (typeof data[key] === "object" && data[key] !== null) {
-      await recursively_process_commands(client2, data[key], [...path, key]);
-    }
-  }
+async function recursively_process_commands(client, data, path = []) {
+	for (const key in data) if (data[key] instanceof Command) await process_single_command(client, data, key);
+	else if (typeof data[key] === "object" && data[key] !== null) await recursively_process_commands(client, data[key], [...path, key]);
 }
-async function process_single_command(client2, data, key) {
-  let cmd_item = data[key];
-  const root = client2.config?.root || client2.config?.root_url;
-  if (!root) {
-    throw new Error(ROOT_URL_ERROR_MSG);
-  }
-  try {
-    let fileBuffer;
-    let fullPath;
-    if (typeof process !== "undefined" && process.versions && process.versions.node) {
-      const fs = await import("fs/promises");
-      const path = await import("path");
-      fullPath = path.resolve(process.cwd(), cmd_item.meta.path);
-      fileBuffer = await fs.readFile(fullPath);
-    } else {
-      throw new Error(NODEJS_FS_ERROR_MSG);
-    }
-    const file = new Blob([fileBuffer], {
-      type: "application/octet-stream"
-    });
-    const response = await client2.upload_files(root, [file]);
-    const file_url = response.files && response.files[0];
-    if (file_url) {
-      const fileData = new FileData({
-        path: file_url,
-        orig_name: cmd_item.meta.name || ""
-      });
-      data[key] = fileData;
-    }
-  } catch (error) {
-    console.error(FILE_PROCESSING_ERROR_MSG, error);
-  }
+async function process_single_command(client, data, key) {
+	let cmd_item = data[key];
+	const root = client.config?.root || client.config?.root_url;
+	if (!root) throw new Error(ROOT_URL_ERROR_MSG);
+	try {
+		let fileBuffer;
+		let fullPath;
+		if (typeof process !== "undefined" && process.versions && process.versions.node) {
+			const fs = await import("fs/promises");
+			fullPath = (await import("path")).resolve(process.cwd(), cmd_item.meta.path);
+			fileBuffer = await fs.readFile(fullPath);
+		} else throw new Error(NODEJS_FS_ERROR_MSG);
+		const file = new Blob([fileBuffer], { type: "application/octet-stream" });
+		const response = await client.upload_files(root, [file]);
+		const file_url = response.files && response.files[0];
+		if (file_url) data[key] = new FileData({
+			path: file_url,
+			orig_name: cmd_item.meta.name || ""
+		});
+	} catch (error) {
+		console.error(FILE_PROCESSING_ERROR_MSG, error);
+	}
 }
+//#endregion
+//#region src/utils/post_data.ts
 async function post_data(url, body, additional_headers) {
-  const headers = { "Content-Type": "application/json" };
-  if (this.options.token) {
-    headers.Authorization = `Bearer ${this.options.token}`;
-  }
-  try {
-    var response = await this.fetch(url, {
-      method: "POST",
-      body: JSON.stringify(body),
-      headers: { ...headers, ...additional_headers },
-      credentials: "include"
-    });
-  } catch (e) {
-    return [{ error: BROKEN_CONNECTION_MSG }, 500];
-  }
-  let output;
-  let status;
-  try {
-    output = await response.json();
-    status = response.status;
-  } catch (e) {
-    output = { error: `Could not parse server response: ${e}` };
-    status = 500;
-  }
-  return [output, status];
+	const headers = { "Content-Type": "application/json" };
+	if (this.options.token) headers.Authorization = `Bearer ${this.options.token}`;
+	try {
+		var response = await this.fetch(url, {
+			method: "POST",
+			body: JSON.stringify(body),
+			headers: {
+				...headers,
+				...additional_headers
+			},
+			credentials: this.options.credentials ?? "same-origin"
+		});
+	} catch (e) {
+		return [{ error: BROKEN_CONNECTION_MSG }, 500];
+	}
+	let output;
+	let status;
+	try {
+		output = await response.json();
+		status = response.status;
+	} catch (e) {
+		output = { error: `Could not parse server response: ${e}` };
+		status = 500;
+	}
+	return [output, status];
 }
+//#endregion
+//#region src/utils/predict.ts
 async function predict(endpoint, data = {}) {
-  let data_returned = false;
-  let status_complete = false;
-  if (!this.config) {
-    throw new Error("Could not resolve app config");
-  }
-  if (typeof endpoint === "number") {
-    this.config.dependencies.find((dep) => dep.id == endpoint);
-  } else {
-    const trimmed_endpoint = endpoint.replace(/^\//, "");
-    this.config.dependencies.find(
-      (dep) => dep.id == this.api_map[trimmed_endpoint]
-    );
-  }
-  return new Promise(async (resolve, reject) => {
-    const app = this.submit(endpoint, data, null, null, true);
-    let result;
-    for await (const message of app) {
-      if (message.type === "data") {
-        if (status_complete) {
-          resolve(result);
-        }
-        data_returned = true;
-        result = message;
-      }
-      if (message.type === "status") {
-        if (message.stage === "error") reject(message);
-        if (message.stage === "complete") {
-          status_complete = true;
-          if (data_returned) {
-            resolve(result);
-          }
-        }
-      }
-    }
-  });
+	let data_returned = false;
+	let status_complete = false;
+	if (!this.config) throw new Error("Could not resolve app config");
+	if (typeof endpoint === "number") this.config.dependencies.find((dep) => dep.id == endpoint);
+	else {
+		const trimmed_endpoint = endpoint.replace(/^\//, "");
+		this.config.dependencies.find((dep) => dep.id == this.api_map[trimmed_endpoint]);
+	}
+	const app = this.submit(endpoint, data, null, null, true);
+	let result;
+	for await (const message of app) {
+		if (message.type === "data") {
+			data_returned = true;
+			result = message;
+			if (status_complete) return result;
+		}
+		if (message.type === "status") {
+			if (message.stage === "error") {
+				const { message: error_message, ...status } = message;
+				const error = new Error((typeof error_message === "string" ? error_message : error_message && JSON.stringify(error_message)) || "An unknown error occurred while making a prediction.");
+				Object.assign(error, status);
+				throw error;
+			}
+			if (message.stage === "complete") {
+				status_complete = true;
+				if (data_returned) return result;
+			}
+		}
+	}
+	return result;
 }
+//#endregion
+//#region src/helpers/spaces.ts
 async function check_space_status(id, type, status_callback) {
-  let endpoint = type === "subdomain" ? `https://huggingface.co/api/spaces/by-subdomain/${id}` : `https://huggingface.co/api/spaces/${id}`;
-  let response;
-  let _status;
-  try {
-    response = await fetch(endpoint);
-    _status = response.status;
-    if (_status !== 200) {
-      throw new Error();
-    }
-    response = await response.json();
-  } catch (e) {
-    status_callback({
-      status: "error",
-      load_status: "error",
-      message: SPACE_STATUS_ERROR_MSG,
-      detail: "NOT_FOUND"
-    });
-    return;
-  }
-  if (!response || _status !== 200) return;
-  const {
-    runtime: { stage },
-    id: space_name
-  } = response;
-  switch (stage) {
-    case "STOPPED":
-    case "SLEEPING":
-      status_callback({
-        status: "sleeping",
-        load_status: "pending",
-        message: "Space is asleep. Waking it up...",
-        detail: stage
-      });
-      setTimeout(() => {
-        check_space_status(id, type, status_callback);
-      }, 1e3);
-      break;
-    case "PAUSED":
-      status_callback({
-        status: "paused",
-        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: stage,
-        discussions_enabled: await discussions_enabled(space_name)
-      });
-      break;
-    case "RUNNING":
-    case "RUNNING_BUILDING":
-      status_callback({
-        status: "running",
-        load_status: "complete",
-        message: "Space is running.",
-        detail: stage
-      });
-      break;
-    case "BUILDING":
-      status_callback({
-        status: "building",
-        load_status: "pending",
-        message: "Space is building...",
-        detail: stage
-      });
-      setTimeout(() => {
-        check_space_status(id, type, status_callback);
-      }, 1e3);
-      break;
-    case "APP_STARTING":
-      status_callback({
-        status: "starting",
-        load_status: "pending",
-        message: "Space is starting...",
-        detail: stage
-      });
-      setTimeout(() => {
-        check_space_status(id, type, status_callback);
-      }, 1e3);
-      break;
-    default:
-      status_callback({
-        status: "space_error",
-        load_status: "error",
-        message: "This space is experiencing an issue.",
-        detail: stage,
-        discussions_enabled: await discussions_enabled(space_name)
-      });
-      break;
-  }
+	let endpoint = type === "subdomain" ? `https://huggingface.co/api/spaces/by-subdomain/${id}` : `https://huggingface.co/api/spaces/${id}`;
+	let response;
+	let _status;
+	try {
+		response = await fetch(endpoint);
+		_status = response.status;
+		if (_status !== 200) throw new Error();
+		response = await response.json();
+	} catch (e) {
+		status_callback({
+			status: "error",
+			load_status: "error",
+			message: SPACE_STATUS_ERROR_MSG,
+			detail: "NOT_FOUND"
+		});
+		return;
+	}
+	if (!response || _status !== 200) return;
+	const { runtime: { stage }, id: space_name } = response;
+	switch (stage) {
+		case "STOPPED":
+		case "SLEEPING":
+			status_callback({
+				status: "sleeping",
+				load_status: "pending",
+				message: "Space is asleep. Waking it up...",
+				detail: stage
+			});
+			setTimeout(() => {
+				check_space_status(id, type, status_callback);
+			}, 1e3);
+			break;
+		case "PAUSED":
+			status_callback({
+				status: "paused",
+				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: stage,
+				discussions_enabled: await discussions_enabled(space_name)
+			});
+			break;
+		case "RUNNING":
+		case "RUNNING_BUILDING":
+			status_callback({
+				status: "running",
+				load_status: "complete",
+				message: "Space is running.",
+				detail: stage
+			});
+			break;
+		case "BUILDING":
+			status_callback({
+				status: "building",
+				load_status: "pending",
+				message: "Space is building...",
+				detail: stage
+			});
+			setTimeout(() => {
+				check_space_status(id, type, status_callback);
+			}, 1e3);
+			break;
+		case "APP_STARTING":
+			status_callback({
+				status: "starting",
+				load_status: "pending",
+				message: "Space is starting...",
+				detail: stage
+			});
+			setTimeout(() => {
+				check_space_status(id, type, status_callback);
+			}, 1e3);
+			break;
+		default:
+			status_callback({
+				status: "space_error",
+				load_status: "error",
+				message: "This space is experiencing an issue.",
+				detail: stage,
+				discussions_enabled: await discussions_enabled(space_name)
+			});
+			break;
+	}
 }
-const check_and_wake_space = async (space_id, status_callback) => {
-  let retries = 0;
-  const max_retries = 12;
-  const check_interval = 5e3;
-  return new Promise((resolve) => {
-    check_space_status(
-      space_id,
-      RE_SPACE_NAME.test(space_id) ? "space_name" : "subdomain",
-      (status) => {
-        status_callback(status);
-        if (status.status === "running") {
-          resolve();
-        } else if (status.status === "error" || status.status === "paused" || status.status === "space_error") {
-          resolve();
-        } else if (status.status === "sleeping" || status.status === "building") {
-          if (retries < max_retries) {
-            retries++;
-            setTimeout(() => {
-              check_and_wake_space(space_id, status_callback).then(resolve);
-            }, check_interval);
-          } else {
-            resolve();
-          }
-        }
-      }
-    );
-  });
+var check_and_wake_space = async (space_id, status_callback) => {
+	let retries = 0;
+	const max_retries = 12;
+	const check_interval = 5e3;
+	return new Promise((resolve) => {
+		check_space_status(space_id, RE_SPACE_NAME.test(space_id) ? "space_name" : "subdomain", (status) => {
+			status_callback(status);
+			if (status.status === "running") resolve();
+			else if (status.status === "error" || status.status === "paused" || status.status === "space_error") resolve();
+			else if (status.status === "sleeping" || status.status === "building") if (retries < max_retries) {
+				retries++;
+				setTimeout(() => {
+					check_and_wake_space(space_id, status_callback).then(resolve);
+				}, check_interval);
+			} else resolve();
+		});
+	});
 };
-const RE_DISABLED_DISCUSSION = /^(?=[^]*\b[dD]iscussions{0,1}\b)(?=[^]*\b[dD]isabled\b)[^]*$/;
+var RE_DISABLED_DISCUSSION = /^(?=[^]*\b[dD]iscussions{0,1}\b)(?=[^]*\b[dD]isabled\b)[^]*$/;
 async function discussions_enabled(space_id) {
-  try {
-    const r = await fetch(
-      `https://huggingface.co/api/spaces/${space_id}/discussions`,
-      {
-        method: "HEAD"
-      }
-    );
-    const error = r.headers.get("x-error-message");
-    if (!r.ok || error && RE_DISABLED_DISCUSSION.test(error)) return false;
-    return true;
-  } catch (e) {
-    return false;
-  }
+	try {
+		const r = await fetch(`https://huggingface.co/api/spaces/${space_id}/discussions`, { method: "HEAD" });
+		const error = r.headers.get("x-error-message");
+		if (!r.ok || error && RE_DISABLED_DISCUSSION.test(error)) return false;
+		return true;
+	} catch (e) {
+		return false;
+	}
 }
 async function get_space_hardware(space_id, token) {
-  const headers = {};
-  if (token) {
-    headers.Authorization = `Bearer ${token}`;
-  }
-  try {
-    const res = await fetch(
-      `https://huggingface.co/api/spaces/${space_id}/${RUNTIME_URL}`,
-      { headers }
-    );
-    if (res.status !== 200)
-      throw new Error("Space hardware could not be obtained.");
-    const { hardware } = await res.json();
-    return hardware.current;
-  } catch (e) {
-    throw new Error(e.message);
-  }
+	const headers = {};
+	if (token) headers.Authorization = `Bearer ${token}`;
+	try {
+		const res = await fetch(`https://huggingface.co/api/spaces/${space_id}/${RUNTIME_URL}`, { headers });
+		if (res.status !== 200) throw new Error("Space hardware could not be obtained.");
+		const { hardware } = await res.json();
+		return hardware.current;
+	} catch (e) {
+		throw new Error(e.message);
+	}
 }
 async function set_space_timeout(space_id, timeout, token) {
-  const headers = {};
-  if (token) {
-    headers.Authorization = `Bearer ${token}`;
-  }
-  const body = {
-    seconds: timeout
-  };
-  try {
-    const res = await fetch(
-      `https://huggingface.co/api/spaces/${space_id}/${SLEEPTIME_URL}`,
-      {
-        method: "POST",
-        headers: { "Content-Type": "application/json", ...headers },
-        body: JSON.stringify(body)
-      }
-    );
-    if (res.status !== 200) {
-      throw new Error(
-        "Could not set sleep timeout on duplicated Space. Please visit *ADD HF LINK TO SETTINGS* to set a timeout manually to reduce billing charges."
-      );
-    }
-    const response = await res.json();
-    return response;
-  } catch (e) {
-    throw new Error(e.message);
-  }
+	const headers = {};
+	if (token) headers.Authorization = `Bearer ${token}`;
+	const body = { seconds: timeout };
+	try {
+		const res = await fetch(`https://huggingface.co/api/spaces/${space_id}/${SLEEPTIME_URL}`, {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+				...headers
+			},
+			body: JSON.stringify(body)
+		});
+		if (res.status !== 200) throw new Error("Could not set sleep timeout on duplicated Space. Please visit *ADD HF LINK TO SETTINGS* to set a timeout manually to reduce billing charges.");
+		return await res.json();
+	} catch (e) {
+		throw new Error(e.message);
+	}
 }
-const hardware_types = [
-  "cpu-basic",
-  "cpu-upgrade",
-  "cpu-xl",
-  "t4-small",
-  "t4-medium",
-  "a10g-small",
-  "a10g-large",
-  "a10g-largex2",
-  "a10g-largex4",
-  "a100-large",
-  "zero-a10g",
-  "h100",
-  "h100x8"
+var hardware_types = [
+	"cpu-basic",
+	"cpu-upgrade",
+	"cpu-xl",
+	"t4-small",
+	"t4-medium",
+	"a10g-small",
+	"a10g-large",
+	"a10g-largex2",
+	"a10g-largex4",
+	"a100-large",
+	"zero-a10g",
+	"h100",
+	"h100x8"
 ];
+//#endregion
+//#region src/utils/duplicate.ts
 async function duplicate(app_reference, options) {
-  const { token, private: _private, hardware, timeout, auth } = options;
-  if (hardware && !hardware_types.includes(hardware)) {
-    throw new Error(
-      `Invalid hardware type provided. Valid types are: ${hardware_types.map((v) => `"${v}"`).join(",")}.`
-    );
-  }
-  const { http_protocol, host } = await process_endpoint(app_reference, token);
-  let cookies = null;
-  if (auth) {
-    const cookie_header = await get_cookie_header(
-      http_protocol,
-      host,
-      auth,
-      fetch
-    );
-    if (cookie_header) cookies = parse_and_set_cookies(cookie_header);
-  }
-  const headers = {
-    Authorization: `Bearer ${token}`,
-    "Content-Type": "application/json",
-    ...cookies ? { Cookie: cookies.join("; ") } : {}
-  };
-  const user = (await (await fetch(`https://huggingface.co/api/whoami-v2`, {
-    headers
-  })).json()).name;
-  const space_name = app_reference.split("/")[1];
-  const body = {
-    repository: `${user}/${space_name}`
-  };
-  if (_private) {
-    body.private = true;
-  }
-  let original_hardware;
-  try {
-    if (!hardware) {
-      original_hardware = await get_space_hardware(app_reference, token);
-    }
-  } catch (e) {
-    throw Error(SPACE_METADATA_ERROR_MSG + e.message);
-  }
-  const requested_hardware = hardware || original_hardware || "cpu-basic";
-  body.hardware = requested_hardware;
-  try {
-    const response = await fetch(
-      `https://huggingface.co/api/spaces/${app_reference}/duplicate`,
-      {
-        method: "POST",
-        headers,
-        body: JSON.stringify(body)
-      }
-    );
-    if (response.status === 409) {
-      try {
-        const client2 = await Client.connect(`${user}/${space_name}`, options);
-        return client2;
-      } catch (error) {
-        console.error("Failed to connect Client instance:", error);
-        throw error;
-      }
-    } else if (response.status !== 200) {
-      throw new Error(response.statusText);
-    }
-    const duplicated_space = await response.json();
-    await set_space_timeout(`${user}/${space_name}`, timeout || 300, token);
-    return await Client.connect(
-      get_space_reference(duplicated_space.url),
-      options
-    );
-  } catch (e) {
-    throw new Error(e);
-  }
+	normalise_token_option(options);
+	const { token, private: _private, hardware, timeout, auth } = options;
+	if (hardware && !hardware_types.includes(hardware)) throw new Error(`Invalid hardware type provided. Valid types are: ${hardware_types.map((v) => `"${v}"`).join(",")}.`);
+	const { http_protocol, host } = await process_endpoint(app_reference, token);
+	let cookies = null;
+	if (auth) {
+		const cookie_header = await get_cookie_header(http_protocol, host, auth, fetch, void 0, options.credentials);
+		if (cookie_header) cookies = parse_and_set_cookies(cookie_header);
+	}
+	const headers = {
+		Authorization: `Bearer ${token}`,
+		"Content-Type": "application/json",
+		...cookies ? { Cookie: cookies.join("; ") } : {}
+	};
+	const user = (await (await fetch(`https://huggingface.co/api/whoami-v2`, { headers })).json()).name;
+	const space_name = app_reference.split("/")[1];
+	const body = { repository: `${user}/${space_name}` };
+	if (_private) body.private = true;
+	let original_hardware;
+	try {
+		if (!hardware) original_hardware = await get_space_hardware(app_reference, token);
+	} catch (e) {
+		throw Error(SPACE_METADATA_ERROR_MSG + e.message);
+	}
+	body.hardware = hardware || original_hardware || "cpu-basic";
+	try {
+		const response = await fetch(`https://huggingface.co/api/spaces/${app_reference}/duplicate`, {
+			method: "POST",
+			headers,
+			body: JSON.stringify(body)
+		});
+		if (response.status === 409) try {
+			return await Client.connect(`${user}/${space_name}`, options);
+		} catch (error) {
+			console.error("Failed to connect Client instance:", error);
+			throw error;
+		}
+		else if (response.status !== 200) throw new Error(response.statusText);
+		const duplicated_space = await response.json();
+		await set_space_timeout(`${user}/${space_name}`, timeout || 300, token);
+		return await Client.connect(get_space_reference(duplicated_space.url), options);
+	} catch (e) {
+		throw new Error(e);
+	}
 }
 function get_space_reference(url) {
-  const regex = /https:\/\/huggingface.co\/spaces\/([^/]+\/[^/]+)/;
-  const match = url.match(regex);
-  if (match) {
-    return match[1];
-  }
+	const match = url.match(/https:\/\/huggingface.co\/spaces\/([^/]+\/[^/]+)/);
+	if (match) return match[1];
 }
-const ZEROGPU_HEADERS_MESSAGE = "supports-zerogpu-headers";
-let zerogpu_handshake_initialized = false;
+//#endregion
+//#region src/helpers/zerogpu.ts
+var ZEROGPU_HEADERS_MESSAGE = "supports-zerogpu-headers";
+var zerogpu_handshake_initialized = false;
 function supports_browser_handshake() {
-  return typeof window !== "undefined" && typeof document !== "undefined" && typeof window.addEventListener === "function";
+	return typeof window !== "undefined" && typeof document !== "undefined" && typeof window.addEventListener === "function";
 }
 function get_zerogpu_origin(hostname) {
-  if (hostname.includes(".dev.")) {
-    return `https://moon-${hostname.split(".")[1]}.dev.spaces.huggingface.tech`;
-  }
-  if (hostname.endsWith(".hf.space")) {
-    return "https://huggingface.co";
-  }
-  return null;
+	if (hostname.includes(".dev.")) return `https://moon-${hostname.split(".")[1]}.dev.spaces.huggingface.tech`;
+	if (hostname.endsWith(".hf.space")) return "https://huggingface.co";
+	return null;
 }
 function initialize_zerogpu_handshake() {
-  if (!supports_browser_handshake() || zerogpu_handshake_initialized) {
-    return;
-  }
-  window.addEventListener("message", (event) => {
-    if (event.data === ZEROGPU_HEADERS_MESSAGE) {
-      window.supports_zerogpu_headers = true;
-    }
-  });
-  zerogpu_handshake_initialized = true;
-  const origin = get_zerogpu_origin(window.location.hostname);
-  if (origin && window.parent !== window) {
-    window.parent.postMessage(ZEROGPU_HEADERS_MESSAGE, origin);
-  }
-}
-class TextLineStream extends TransformStream {
-  #currentLine = "";
-  /** Constructs a new instance. */
-  constructor(options = { allowCR: false }) {
-    super({
-      transform: (chars, controller) => {
-        chars = this.#currentLine + chars;
-        while (true) {
-          const lfIndex = chars.indexOf("\n");
-          const crIndex = options.allowCR ? chars.indexOf("\r") : -1;
-          if (crIndex !== -1 && crIndex !== chars.length - 1 && (lfIndex === -1 || lfIndex - 1 > crIndex)) {
-            controller.enqueue(chars.slice(0, crIndex));
-            chars = chars.slice(crIndex + 1);
-            continue;
-          }
-          if (lfIndex === -1)
-            break;
-          const endIndex = chars[lfIndex - 1] === "\r" ? lfIndex - 1 : lfIndex;
-          controller.enqueue(chars.slice(0, endIndex));
-          chars = chars.slice(lfIndex + 1);
-        }
-        this.#currentLine = chars;
-      },
-      flush: (controller) => {
-        if (this.#currentLine === "")
-          return;
-        const currentLine = options.allowCR && this.#currentLine.endsWith("\r") ? this.#currentLine.slice(0, -1) : this.#currentLine;
-        controller.enqueue(currentLine);
-      }
-    });
-  }
+	if (!supports_browser_handshake() || zerogpu_handshake_initialized) return;
+	window.addEventListener("message", (event) => {
+		if (event.data === ZEROGPU_HEADERS_MESSAGE) window.supports_zerogpu_headers = true;
+	});
+	zerogpu_handshake_initialized = true;
+	const origin = get_zerogpu_origin(window.location.hostname);
+	if (origin && window.parent !== window) window.parent.postMessage(ZEROGPU_HEADERS_MESSAGE, origin);
 }
+//#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
+/**
+* Transform a stream into a stream where each chunk is divided by a newline,
+* be it `\n` or `\r\n`. `\r` can be enabled via the `allowCR` option.
+*
+* @example
+* ```ts
+* import { TextLineStream } from "@std/streams/text-line-stream";
+*
+* const res = await fetch("https://example.com");
+* const lines = res.body!
+*   .pipeThrough(new TextDecoderStream())
+*   .pipeThrough(new TextLineStream());
+* ```
+*/
+var TextLineStream = class extends TransformStream {
+	#currentLine = "";
+	/** Constructs a new instance. */
+	constructor(options = { allowCR: false }) {
+		super({
+			transform: (chars, controller) => {
+				chars = this.#currentLine + chars;
+				while (true) {
+					const lfIndex = chars.indexOf("\n");
+					const crIndex = options.allowCR ? chars.indexOf("\r") : -1;
+					if (crIndex !== -1 && crIndex !== chars.length - 1 && (lfIndex === -1 || lfIndex - 1 > crIndex)) {
+						controller.enqueue(chars.slice(0, crIndex));
+						chars = chars.slice(crIndex + 1);
+						continue;
+					}
+					if (lfIndex === -1) break;
+					const endIndex = chars[lfIndex - 1] === "\r" ? lfIndex - 1 : lfIndex;
+					controller.enqueue(chars.slice(0, endIndex));
+					chars = chars.slice(lfIndex + 1);
+				}
+				this.#currentLine = chars;
+			},
+			flush: (controller) => {
+				if (this.#currentLine === "") return;
+				const currentLine = options.allowCR && this.#currentLine.endsWith("\r") ? this.#currentLine.slice(0, -1) : this.#currentLine;
+				controller.enqueue(currentLine);
+			}
+		});
+	}
+};
+//#endregion
+//#region ../../node_modules/.pnpm/fetch-event-stream@0.1.6/node_modules/fetch-event-stream/esm/utils.js
 function stream$1(input) {
-  let decoder = new TextDecoderStream();
-  let split2 = new TextLineStream({ allowCR: true });
-  return input.pipeThrough(decoder).pipeThrough(split2);
+	let decoder = new TextDecoderStream();
+	let split = new TextLineStream({ allowCR: true });
+	return input.pipeThrough(decoder).pipeThrough(split);
 }
 function split(input) {
-  let rgx = /[:]\s*/;
-  let match = rgx.exec(input);
-  let idx = match && match.index;
-  if (idx) {
-    return [
-      input.substring(0, idx),
-      input.substring(idx + match[0].length)
-    ];
-  }
+	let match = /[:]\s*/.exec(input);
+	let idx = match && match.index;
+	if (idx) return [input.substring(0, idx), input.substring(idx + match[0].length)];
 }
 function fallback(headers, key, value) {
-  let tmp = headers.get(key);
-  if (!tmp)
-    headers.set(key, value);
+	if (!headers.get(key)) headers.set(key, value);
 }
+//#endregion
+//#region ../../node_modules/.pnpm/fetch-event-stream@0.1.6/node_modules/fetch-event-stream/esm/mod.js
+/**
+* Convert a `Response` body containing Server Sent Events (SSE) into an Async Iterator that yields {@linkcode ServerSentEventMessage} objects.
+*
+* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events}
+*
+* @example
+* ```js
+* // Optional
+* let abort = new AbortController;
+*
+* // Manually fetch a Response
+* let res = await fetch('https://...', {
+*   method: 'POST',
+*   signal: abort.signal,
+*   headers: {
+*     'api-key': 'token <value>',
+*     'content-type': 'application/json',
+*   },
+*   body: JSON.stringify({
+*     stream: true, // <- hypothetical
+*     // ...
+*   })
+* });
+*
+* if (res.ok) {
+*   let stream = events(res, abort.signal);
+*   for await (let event of stream) {
+*     console.log('<<', event.data);
+*   }
+* }
+* ```
+*/
 async function* events(res, signal) {
-  if (!res.body)
-    return;
-  let iter = stream$1(res.body);
-  let line, reader = iter.getReader();
-  let event;
-  for (; ; ) {
-    if (signal && signal.aborted) {
-      return reader.cancel();
-    }
-    line = await reader.read();
-    if (line.done)
-      return;
-    if (!line.value) {
-      if (event)
-        yield event;
-      event = void 0;
-      continue;
-    }
-    let [field, value] = split(line.value) || [];
-    if (field === "data") {
-      event ||= {};
-      event[field] = event[field] ? event[field] + "\n" + value : value;
-    } else if (field === "event") {
-      event ||= {};
-      event[field] = value;
-    } else if (field === "id") {
-      event ||= {};
-      event[field] = String(+value) === value ? +value : value;
-    } else if (field === "retry") {
-      event ||= {};
-      event[field] = +value || void 0;
-    }
-  }
+	if (!res.body) return;
+	let iter = stream$1(res.body);
+	let line, reader = iter.getReader();
+	let event;
+	for (;;) {
+		if (signal && signal.aborted) return reader.cancel();
+		line = await reader.read();
+		if (line.done) return;
+		if (!line.value) {
+			if (event) yield event;
+			event = void 0;
+			continue;
+		}
+		let [field, value] = split(line.value) || [];
+		if (field === "data") {
+			event ||= {};
+			event[field] = event[field] ? event[field] + "\n" + value : value;
+		} else if (field === "event") {
+			event ||= {};
+			event[field] = value;
+		} else if (field === "id") {
+			event ||= {};
+			event[field] = String(+value) === value ? +value : value;
+		} else if (field === "retry") {
+			event ||= {};
+			event[field] = +value || void 0;
+		}
+	}
 }
+/**
+* Convenience function that will `fetch` with the given arguments and, if ok, will return the {@linkcode events} async iterator.
+*
+* If the response is not ok (status 200-299), the `Response` is thrown.
+*
+* @example
+* ```js
+* // NOTE: throws `Response` if not 2xx status
+* let events = await stream('https://api.openai.com/...', {
+*   method: 'POST',
+*   headers: {
+*     'Authorization': 'Bearer <token>',
+*     'Content-Type': 'application/json',
+*   },
+*   body: JSON.stringify({
+*     stream: true,
+*     // ...
+*   })
+* });
+*
+* for await (let event of events) {
+*   console.log('<<', JSON.parse(event.data));
+* }
+* ```
+*/
 async function stream(input, init) {
-  let req = new Request(input, init);
-  fallback(req.headers, "Accept", "text/event-stream");
-  fallback(req.headers, "Content-Type", "application/json");
-  let r = await fetch(req);
-  if (!r.ok)
-    throw r;
-  return events(r, req.signal);
+	let req = new Request(input, init);
+	fallback(req.headers, "Accept", "text/event-stream");
+	fallback(req.headers, "Content-Type", "application/json");
+	let r = await fetch(req);
+	if (!r.ok) throw r;
+	return events(r, req.signal);
 }
+//#endregion
+//#region src/utils/stream.ts
 async function open_stream() {
-  let {
-    event_callbacks,
-    unclosed_events,
-    pending_stream_messages,
-    stream_status,
-    config,
-    jwt
-  } = this;
-  const that = this;
-  if (!config) {
-    throw new Error("Could not resolve app config");
-  }
-  stream_status.open = true;
-  let stream2 = null;
-  let params = new URLSearchParams({
-    session_hash: this.session_hash
-  }).toString();
-  let url = new URL(`${config.root}${this.api_prefix}/${SSE_URL}?${params}`);
-  if (jwt) {
-    url.searchParams.set("__sign", jwt);
-  }
-  stream2 = this.stream(url);
-  if (!stream2) {
-    console.warn("Cannot connect to SSE endpoint: " + url.toString());
-    return;
-  }
-  stream2.onmessage = async function(event) {
-    let _data = JSON.parse(event.data);
-    if (_data.msg === "close_stream") {
-      close_stream(stream_status, that.abort_controller);
-      return;
-    }
-    const event_id = _data.event_id;
-    if (!event_id) {
-      await Promise.all(
-        Object.keys(event_callbacks).map(
-          (event_id2) => event_callbacks[event_id2](_data)
-        )
-      );
-    } else if (event_callbacks[event_id] && config) {
-      if (_data.msg === "process_completed" && ["sse", "sse_v1", "sse_v2", "sse_v2.1", "sse_v3"].includes(
-        config.protocol
-      )) {
-        unclosed_events.delete(event_id);
-      }
-      let fn = event_callbacks[event_id];
-      if (typeof window !== "undefined" && typeof document !== "undefined") {
-        setTimeout(fn, 0, _data);
-      } else {
-        fn(_data);
-      }
-    } else {
-      if (!pending_stream_messages[event_id]) {
-        pending_stream_messages[event_id] = [];
-      }
-      pending_stream_messages[event_id].push(_data);
-    }
-  };
-  stream2.onerror = async function(e) {
-    console.error(e);
-    await Promise.all(
-      Object.keys(event_callbacks).map(
-        (event_id) => event_callbacks[event_id]({
-          msg: "broken_connection",
-          message: BROKEN_CONNECTION_MSG
-        })
-      )
-    );
-  };
+	let { event_callbacks, unclosed_events, pending_stream_messages, stream_status, config, jwt } = this;
+	const that = this;
+	if (!config) throw new Error("Could not resolve app config");
+	stream_status.open = true;
+	let stream = null;
+	let params = new URLSearchParams({ session_hash: this.session_hash }).toString();
+	let url = new URL(`${config.root}${this.api_prefix}/${SSE_URL}?${params}`);
+	if (jwt) url.searchParams.set("__sign", jwt);
+	stream = this.stream(url);
+	if (!stream) {
+		console.warn("Cannot connect to SSE endpoint: " + url.toString());
+		return;
+	}
+	stream.onmessage = async function(event) {
+		let _data = JSON.parse(event.data);
+		if (_data.msg === "close_stream") {
+			close_stream(stream_status, that.abort_controller);
+			return;
+		}
+		const event_id = _data.event_id;
+		if (!event_id) await Promise.all(Object.keys(event_callbacks).map((event_id) => event_callbacks[event_id](_data)));
+		else if (event_callbacks[event_id] && config) {
+			if (_data.msg === "process_completed" && [
+				"sse",
+				"sse_v1",
+				"sse_v2",
+				"sse_v2.1",
+				"sse_v3"
+			].includes(config.protocol)) unclosed_events.delete(event_id);
+			let fn = event_callbacks[event_id];
+			if (typeof window !== "undefined" && typeof document !== "undefined" && document.visibilityState !== "hidden") setTimeout(fn, 0, _data);
+			else fn(_data);
+		} else {
+			if (!pending_stream_messages[event_id]) pending_stream_messages[event_id] = [];
+			pending_stream_messages[event_id].push(_data);
+		}
+	};
+	stream.onerror = async function(e) {
+		console.error(e);
+		await Promise.all(Object.keys(event_callbacks).map((event_id) => event_callbacks[event_id]({
+			msg: "broken_connection",
+			message: BROKEN_CONNECTION_MSG
+		})));
+	};
 }
 function close_stream(stream_status, abort_controller) {
-  if (stream_status) {
-    stream_status.open = false;
-    abort_controller?.abort();
-  }
+	if (stream_status) {
+		stream_status.open = false;
+		abort_controller?.abort();
+	}
 }
 function apply_diff_stream(pending_diff_streams, event_id, data) {
-  let is_first_generation = !pending_diff_streams[event_id];
-  if (is_first_generation) {
-    pending_diff_streams[event_id] = [];
-    data.data.forEach((value, i) => {
-      pending_diff_streams[event_id][i] = value;
-    });
-  } else {
-    data.data.forEach((value, i) => {
-      let new_data = apply_diff(pending_diff_streams[event_id][i], value);
-      pending_diff_streams[event_id][i] = new_data;
-      data.data[i] = new_data;
-    });
-  }
+	if (!pending_diff_streams[event_id]) {
+		pending_diff_streams[event_id] = [];
+		data.data.forEach((value, i) => {
+			pending_diff_streams[event_id][i] = value;
+		});
+	} else data.data.forEach((value, i) => {
+		let new_data = apply_diff(i < pending_diff_streams[event_id].length ? pending_diff_streams[event_id][i] : null, value);
+		pending_diff_streams[event_id][i] = new_data;
+		data.data[i] = new_data;
+	});
 }
 function apply_diff(obj, diff) {
-  diff.forEach(([action, path, value]) => {
-    obj = apply_edit(obj, path, action, value);
-  });
-  return obj;
+	diff.forEach(([action, path, value]) => {
+		obj = apply_edit(obj, path, action, value);
+	});
+	return obj;
 }
 function apply_edit(target, path, action, value) {
-  if (path.length === 0) {
-    if (action === "replace") {
-      return value;
-    } else if (action === "append") {
-      return target + value;
-    }
-    throw new Error(`Unsupported action: ${action}`);
-  }
-  let current = target;
-  for (let i = 0; i < path.length - 1; i++) {
-    current = current[path[i]];
-  }
-  const last_path = path[path.length - 1];
-  switch (action) {
-    case "replace":
-      current[last_path] = value;
-      break;
-    case "append":
-      current[last_path] += value;
-      break;
-    case "add":
-      if (Array.isArray(current)) {
-        current.splice(Number(last_path), 0, value);
-      } else {
-        current[last_path] = value;
-      }
-      break;
-    case "delete":
-      if (Array.isArray(current)) {
-        current.splice(Number(last_path), 1);
-      } else {
-        delete current[last_path];
-      }
-      break;
-    default:
-      throw new Error(`Unknown action: ${action}`);
-  }
-  return target;
+	if (path.length === 0) {
+		if (action === "replace") return value;
+		else if (action === "append") return target + value;
+		throw new Error(`Unsupported action: ${action}`);
+	}
+	let current = target;
+	for (let i = 0; i < path.length - 1; i++) current = current[path[i]];
+	const last_path = path[path.length - 1];
+	switch (action) {
+		case "replace":
+			current[last_path] = value;
+			break;
+		case "append":
+			current[last_path] += value;
+			break;
+		case "add":
+			if (Array.isArray(current)) current.splice(Number(last_path), 0, value);
+			else current[last_path] = value;
+			break;
+		case "delete":
+			if (Array.isArray(current)) current.splice(Number(last_path), 1);
+			else delete current[last_path];
+			break;
+		default: throw new Error(`Unknown action: ${action}`);
+	}
+	return target;
 }
 function readable_stream(input, init = {}) {
-  const instance = {
-    close: () => {
-      console.warn("Method not implemented.");
-    },
-    onerror: null,
-    onmessage: null,
-    onopen: null,
-    readyState: 0,
-    url: input.toString(),
-    withCredentials: false,
-    CONNECTING: 0,
-    OPEN: 1,
-    CLOSED: 2,
-    addEventListener: () => {
-      throw new Error("Method not implemented.");
-    },
-    dispatchEvent: () => {
-      throw new Error("Method not implemented.");
-    },
-    removeEventListener: () => {
-      throw new Error("Method not implemented.");
-    }
-  };
-  stream(input, init).then(async (res) => {
-    instance.readyState = instance.OPEN;
-    try {
-      for await (const chunk of res) {
-        instance.onmessage && instance.onmessage(chunk);
-      }
-      instance.readyState = instance.CLOSED;
-    } catch (e) {
-      instance.onerror && instance.onerror(e);
-      instance.readyState = instance.CLOSED;
-    }
-  }).catch((e) => {
-    console.error(e);
-    instance.onerror && instance.onerror(e);
-    instance.readyState = instance.CLOSED;
-  });
-  return instance;
+	const instance = {
+		close: () => {
+			console.warn("Method not implemented.");
+		},
+		onerror: null,
+		onmessage: null,
+		onopen: null,
+		readyState: 0,
+		url: input.toString(),
+		withCredentials: false,
+		CONNECTING: 0,
+		OPEN: 1,
+		CLOSED: 2,
+		addEventListener: () => {
+			throw new Error("Method not implemented.");
+		},
+		dispatchEvent: () => {
+			throw new Error("Method not implemented.");
+		},
+		removeEventListener: () => {
+			throw new Error("Method not implemented.");
+		}
+	};
+	stream(input, init).then(async (res) => {
+		instance.readyState = instance.OPEN;
+		try {
+			for await (const chunk of res) instance.onmessage && instance.onmessage(chunk);
+			instance.readyState = instance.CLOSED;
+		} catch (e) {
+			instance.onerror && instance.onerror(e);
+			instance.readyState = instance.CLOSED;
+		}
+	}).catch((e) => {
+		console.error(e);
+		instance.onerror && instance.onerror(e);
+		instance.readyState = instance.CLOSED;
+	});
+	return instance;
 }
+//#endregion
+//#region src/utils/submit.ts
 function submit(endpoint, data = {}, event_data, trigger_id, all_events, additional_headers) {
-  try {
-    let fire_event = function(event) {
-      if (all_events || events_to_publish[event.type]) {
-        push_event(event);
-      }
-    }, close = function() {
-      done = true;
-      while (resolvers.length > 0)
-        resolvers.shift()({
-          value: void 0,
-          done: true
-        });
-    }, push = function(data2) {
-      if (resolvers.length > 0) {
-        resolvers.shift()(data2);
-      } else {
-        values.push(data2);
-      }
-    }, push_error = function(error) {
-      push(thenable_reject(error));
-      close();
-    }, push_event = function(event) {
-      push({ value: event, done: false });
-    }, next = function() {
-      if (values.length > 0) {
-        return Promise.resolve(values.shift());
-      }
-      if (done) {
-        return Promise.resolve({ value: void 0, done: true });
-      }
-      return new Promise((resolve) => resolvers.push(resolve));
-    };
-    const { token } = this.options;
-    const {
-      fetch: fetch2,
-      app_reference,
-      config,
-      session_hash,
-      api_info,
-      api_map,
-      stream_status,
-      pending_stream_messages,
-      pending_diff_streams,
-      event_callbacks,
-      unclosed_events,
-      post_data: post_data2,
-      options,
-      api_prefix
-    } = this;
-    const addt_headers = additional_headers || { "x-gradio-user": "api" };
-    const that = this;
-    if (!api_info) throw new Error("No API found");
-    if (!config) throw new Error("Could not resolve app config");
-    let { fn_index, endpoint_info, dependency } = get_endpoint_info(
-      api_info,
-      endpoint,
-      api_map,
-      config
-    );
-    let resolved_data = map_data_to_params(data, endpoint_info);
-    let stream2;
-    let protocol = config.protocol ?? "ws";
-    if (protocol === "ws") {
-      throw new Error("WebSocket protocol is not supported in this version");
-    }
-    let event_id_final = "";
-    let event_id_cb = () => event_id_final;
-    const _endpoint = typeof endpoint === "number" ? "/predict" : endpoint;
-    let payload;
-    let event_id = null;
-    let complete = false;
-    let last_status = {};
-    let url_params = typeof window !== "undefined" && typeof document !== "undefined" ? new URLSearchParams(window.location.search).toString() : "";
-    const events_to_publish = options?.events?.reduce(
-      (acc, event) => {
-        acc[event] = true;
-        return acc;
-      },
-      {}
-    ) || {};
-    async function cancel() {
-      let reset_request = {};
-      let cancel_request = {};
-      reset_request = { event_id };
-      cancel_request = { event_id, session_hash, fn_index };
-      try {
-        if (!config) {
-          throw new Error("Could not resolve app config");
-        }
-        if ("event_id" in cancel_request) {
-          await fetch2(`${config.root}${api_prefix}/${CANCEL_URL}`, {
-            headers: { "Content-Type": "application/json" },
-            method: "POST",
-            body: JSON.stringify(cancel_request)
-          });
-        }
-        await fetch2(`${config.root}${api_prefix}/${RESET_URL}`, {
-          headers: { "Content-Type": "application/json" },
-          method: "POST",
-          body: JSON.stringify(reset_request)
-        });
-      } catch (e) {
-        console.warn(
-          "The `/reset` endpoint could not be called. Subsequent endpoint results may be unreliable."
-        );
-      }
-    }
-    const resolve_heartbeat = async (config2) => {
-      await this._resolve_heartbeat(config2);
-    };
-    async function handle_render_config(render_config) {
-      if (!config) return;
-      let render_id = render_config.render_id;
-      config.components = [
-        ...config.components.filter((c) => c.props.rendered_in !== render_id),
-        ...render_config.components
-      ];
-      config.dependencies = [
-        ...config.dependencies.filter((d) => d.rendered_in !== render_id),
-        ...render_config.dependencies
-      ];
-      const any_state = config.components.some((c) => c.type === "state");
-      const any_unload = config.dependencies.some(
-        (d) => d.targets.some((t) => t[1] === "unload")
-      );
-      config.connect_heartbeat = any_state || any_unload;
-      await resolve_heartbeat(config);
-      fire_event({
-        type: "render",
-        data: render_config,
-        endpoint: _endpoint,
-        fn_index
-      });
-    }
-    const job = this.handle_blob(
-      config.root,
-      resolved_data,
-      endpoint_info
-    ).then(async (_payload) => {
-      let input_data = handle_payload(
-        _payload,
-        dependency,
-        config.components,
-        "input",
-        true
-      );
-      payload = {
-        data: input_data || [],
-        event_data,
-        fn_index,
-        trigger_id
-      };
-      if (skip_queue(fn_index, config)) {
-        fire_event({
-          type: "status",
-          endpoint: _endpoint,
-          stage: "pending",
-          queue: false,
-          fn_index,
-          time: /* @__PURE__ */ new Date()
-        });
-        post_data2(
-          `${config.root}${api_prefix}/run${_endpoint.startsWith("/") ? _endpoint : `/${_endpoint}`}${url_params ? "?" + url_params : ""}`,
-          {
-            ...payload,
-            session_hash
-          },
-          addt_headers
-        ).then(async ([output, status_code]) => {
-          const data2 = output.data;
-          if (status_code == 200) {
-            fire_event({
-              type: "data",
-              endpoint: _endpoint,
-              fn_index,
-              data: handle_payload(
-                data2,
-                dependency,
-                config.components,
-                "output",
-                options.with_null_state
-              ),
-              time: /* @__PURE__ */ new Date(),
-              event_data,
-              trigger_id
-            });
-            if (output.render_config) {
-              await handle_render_config(output.render_config);
-            }
-            fire_event({
-              type: "status",
-              endpoint: _endpoint,
-              fn_index,
-              stage: "complete",
-              eta: output.average_duration,
-              queue: false,
-              time: /* @__PURE__ */ new Date()
-            });
-          } else {
-            const is_connection_error = output?.error === BROKEN_CONNECTION_MSG;
-            fire_event({
-              type: "status",
-              stage: "error",
-              endpoint: _endpoint,
-              fn_index,
-              message: output.error,
-              broken: is_connection_error,
-              queue: false,
-              time: /* @__PURE__ */ new Date()
-            });
-          }
-        }).catch((e) => {
-          fire_event({
-            type: "status",
-            stage: "error",
-            message: e.message,
-            endpoint: _endpoint,
-            fn_index,
-            queue: false,
-            time: /* @__PURE__ */ new Date()
-          });
-        });
-      } else if (protocol == "sse") {
-        fire_event({
-          type: "status",
-          stage: "pending",
-          queue: true,
-          endpoint: _endpoint,
-          fn_index,
-          time: /* @__PURE__ */ new Date()
-        });
-        var params = new URLSearchParams({
-          fn_index: fn_index.toString(),
-          session_hash
-        }).toString();
-        let url = new URL(
-          `${config.root}${api_prefix}/${SSE_URL}?${url_params ? url_params + "&" : ""}${params}`
-        );
-        if (this.jwt) {
-          url.searchParams.set("__sign", this.jwt);
-        }
-        stream2 = this.stream(url);
-        if (!stream2) {
-          return Promise.reject(
-            new Error("Cannot connect to SSE endpoint: " + url.toString())
-          );
-        }
-        stream2.onmessage = async function(event) {
-          const _data = JSON.parse(event.data);
-          const { type, status, data: data2 } = handle_message(
-            _data,
-            last_status[fn_index]
-          );
-          if (type === "update" && status && !complete) {
-            fire_event({
-              type: "status",
-              endpoint: _endpoint,
-              fn_index,
-              time: /* @__PURE__ */ new Date(),
-              ...status
-            });
-            if (status.stage === "error") {
-              stream2?.close();
-              close();
-            }
-          } else if (type === "data") {
-            let [_, status2] = await post_data2(
-              `${config.root}${api_prefix}/queue/data`,
-              {
-                ...payload,
-                session_hash,
-                event_id
-              }
-            );
-            if (status2 !== 200) {
-              fire_event({
-                type: "status",
-                stage: "error",
-                message: BROKEN_CONNECTION_MSG,
-                queue: true,
-                endpoint: _endpoint,
-                fn_index,
-                time: /* @__PURE__ */ new Date()
-              });
-              stream2?.close();
-              close();
-            }
-          } else if (type === "complete") {
-            complete = status;
-          } else if (type === "log") {
-            fire_event({
-              type: "log",
-              title: data2.title,
-              log: data2.log,
-              level: data2.level,
-              endpoint: _endpoint,
-              duration: data2.duration,
-              visible: data2.visible,
-              fn_index
-            });
-          } else if (type === "generating" || type === "streaming") {
-            fire_event({
-              type: "status",
-              time: /* @__PURE__ */ new Date(),
-              ...status,
-              stage: status?.stage,
-              queue: true,
-              endpoint: _endpoint,
-              fn_index
-            });
-          }
-          if (data2) {
-            fire_event({
-              type: "data",
-              time: /* @__PURE__ */ new Date(),
-              data: handle_payload(
-                data2.data,
-                dependency,
-                config.components,
-                "output",
-                options.with_null_state
-              ),
-              endpoint: _endpoint,
-              fn_index,
-              event_data,
-              trigger_id
-            });
-            if (complete) {
-              fire_event({
-                type: "status",
-                time: /* @__PURE__ */ new Date(),
-                ...complete,
-                stage: status?.stage,
-                queue: true,
-                endpoint: _endpoint,
-                fn_index
-              });
-              stream2?.close();
-              close();
-            }
-          }
-        };
-      } else if (protocol == "sse_v1" || protocol == "sse_v2" || protocol == "sse_v2.1" || protocol == "sse_v3") {
-        fire_event({
-          type: "status",
-          stage: "pending",
-          queue: true,
-          endpoint: _endpoint,
-          fn_index,
-          time: /* @__PURE__ */ new Date()
-        });
-        let hostname = "";
-        if (typeof window !== "undefined" && typeof document !== "undefined") {
-          hostname = window?.location?.hostname;
-        }
-        const origin = get_zerogpu_origin(hostname);
-        const is_zerogpu_iframe = typeof window !== "undefined" && typeof document !== "undefined" && window.parent != window && !!origin && window.supports_zerogpu_headers;
-        const zerogpu_auth_promise = is_zerogpu_iframe ? post_message("zerogpu-headers", origin) : Promise.resolve(null);
-        const post_data_promise = zerogpu_auth_promise.then((headers) => {
-          const combined_headers = { ...addt_headers, ...headers || {} };
-          return post_data2(
-            `${config.root}${api_prefix}/${SSE_DATA_URL}?${url_params}`,
-            {
-              ...payload,
-              session_hash
-            },
-            combined_headers
-          );
-        });
-        return post_data_promise.then(async ([response, status]) => {
-          if (response.event_id) {
-            event_id_final = response.event_id;
-          }
-          if (status === 503) {
-            fire_event({
-              type: "status",
-              stage: "error",
-              message: QUEUE_FULL_MSG,
-              queue: true,
-              endpoint: _endpoint,
-              fn_index,
-              time: /* @__PURE__ */ new Date(),
-              visible: true
-            });
-            close();
-          } else if (status === 422) {
-            fire_event({
-              type: "status",
-              stage: "error",
-              message: response.detail,
-              queue: true,
-              endpoint: _endpoint,
-              fn_index,
-              code: "validation_error",
-              time: /* @__PURE__ */ new Date(),
-              visible: true
-            });
-            close();
-          } else if (status !== 200) {
-            const is_connection_error = response?.error === BROKEN_CONNECTION_MSG;
-            fire_event({
-              type: "status",
-              stage: "error",
-              broken: is_connection_error,
-              message: is_connection_error ? BROKEN_CONNECTION_MSG : response.detail || response.error,
-              queue: true,
-              endpoint: _endpoint,
-              fn_index,
-              time: /* @__PURE__ */ new Date(),
-              visible: true
-            });
-            close();
-          } else {
-            event_id = response.event_id;
-            event_id_final = event_id;
-            let callback = async function(_data) {
-              try {
-                const { type, status: status2, data: data2, original_msg } = handle_message(
-                  _data,
-                  last_status[fn_index]
-                );
-                if (type == "heartbeat") {
-                  return;
-                }
-                if (type === "update" && status2 && !complete) {
-                  fire_event({
-                    type: "status",
-                    endpoint: _endpoint,
-                    fn_index,
-                    time: /* @__PURE__ */ new Date(),
-                    original_msg,
-                    ...status2
-                  });
-                } else if (type === "complete") {
-                  complete = status2;
-                } else if (type == "unexpected_error" || type == "broken_connection") {
-                  console.error("Unexpected error", status2?.message);
-                  const broken = type === "broken_connection";
-                  fire_event({
-                    type: "status",
-                    stage: "error",
-                    message: status2?.message || "An Unexpected Error Occurred!",
-                    queue: true,
-                    endpoint: _endpoint,
-                    broken,
-                    session_not_found: status2?.session_not_found,
-                    fn_index,
-                    time: /* @__PURE__ */ new Date()
-                  });
-                } else if (type === "log") {
-                  fire_event({
-                    type: "log",
-                    title: data2.title,
-                    log: data2.log,
-                    level: data2.level,
-                    endpoint: _endpoint,
-                    duration: data2.duration,
-                    visible: data2.visible,
-                    fn_index
-                  });
-                  return;
-                } else if (type === "generating" || type === "streaming") {
-                  fire_event({
-                    type: "status",
-                    time: /* @__PURE__ */ new Date(),
-                    ...status2,
-                    stage: status2?.stage,
-                    queue: true,
-                    endpoint: _endpoint,
-                    fn_index
-                  });
-                  if (data2 && dependency.connection !== "stream" && ["sse_v2", "sse_v2.1", "sse_v3"].includes(protocol)) {
-                    apply_diff_stream(pending_diff_streams, event_id, data2);
-                  }
-                }
-                if (data2) {
-                  fire_event({
-                    type: "data",
-                    time: /* @__PURE__ */ new Date(),
-                    data: handle_payload(
-                      data2.data,
-                      dependency,
-                      config.components,
-                      "output",
-                      options.with_null_state
-                    ),
-                    endpoint: _endpoint,
-                    fn_index
-                  });
-                  if (data2.render_config) {
-                    await handle_render_config(data2.render_config);
-                  }
-                  if (complete) {
-                    fire_event({
-                      type: "status",
-                      time: /* @__PURE__ */ new Date(),
-                      ...complete,
-                      stage: status2?.stage,
-                      queue: true,
-                      endpoint: _endpoint,
-                      fn_index
-                    });
-                    close();
-                  }
-                }
-                if (status2?.stage === "complete" || status2?.stage === "error") {
-                  if (event_callbacks[event_id]) {
-                    delete event_callbacks[event_id];
-                  }
-                  if (event_id in pending_diff_streams) {
-                    delete pending_diff_streams[event_id];
-                  }
-                  close();
-                }
-              } catch (e) {
-                console.error("Unexpected client exception", e);
-                fire_event({
-                  type: "status",
-                  stage: "error",
-                  message: "An Unexpected Error Occurred!",
-                  queue: true,
-                  endpoint: _endpoint,
-                  fn_index,
-                  time: /* @__PURE__ */ new Date()
-                });
-                if (["sse_v2", "sse_v2.1", "sse_v3"].includes(protocol)) {
-                  close_stream(stream_status, that.abort_controller);
-                  stream_status.open = false;
-                  close();
-                }
-              }
-            };
-            if (event_id in pending_stream_messages) {
-              pending_stream_messages[event_id].forEach((msg) => callback(msg));
-              delete pending_stream_messages[event_id];
-            }
-            event_callbacks[event_id] = callback;
-            unclosed_events.add(event_id);
-            if (!stream_status.open) {
-              await this.open_stream();
-            }
-          }
-        });
-      }
-    });
-    let done = false;
-    const values = [];
-    const resolvers = [];
-    const iterator = {
-      [Symbol.asyncIterator]: () => iterator,
-      next,
-      throw: async (value) => {
-        push_error(value);
-        return next();
-      },
-      return: async () => {
-        close();
-        return { value: void 0, done: true };
-      },
-      cancel,
-      send_chunk: (payload2) => {
-        this.post_data(`${config.root}${api_prefix}/stream/${event_id_final}`, {
-          ...payload2,
-          session_hash: this.session_hash
-        });
-      },
-      close_stream: () => {
-        this.post_data(
-          `${config.root}${api_prefix}/stream/${event_id_final}/close`,
-          {}
-        );
-        close();
-      },
-      event_id: () => event_id_final,
-      wait_for_id: async () => {
-        await job;
-        return event_id;
-      }
-    };
-    return iterator;
-  } catch (error) {
-    console.error("Submit function encountered an error:", error);
-    throw error;
-  }
+	try {
+		const { token } = this.options;
+		const { fetch, app_reference, config, session_hash, api_info, api_map, stream_status, pending_stream_messages, pending_diff_streams, event_callbacks, unclosed_events, post_data, options, api_prefix } = this;
+		const addt_headers = additional_headers || { "x-gradio-user": "api" };
+		const that = this;
+		if (!api_info) throw new Error(NO_API_INFO_MSG);
+		if (!config) throw new Error("Could not resolve app config");
+		let { fn_index, endpoint_info, dependency } = get_endpoint_info(api_info, endpoint, api_map, config);
+		let resolved_data = map_data_to_params(data, endpoint_info);
+		let stream;
+		let protocol = config.protocol ?? "ws";
+		if (protocol === "ws") throw new Error(WS_PROTOCOL_MSG);
+		let event_id_final = "";
+		const _endpoint = typeof endpoint === "number" ? "/predict" : endpoint;
+		let payload;
+		let event_id = null;
+		let complete = false;
+		let last_status = {};
+		let url_params = typeof window !== "undefined" && typeof document !== "undefined" ? new URLSearchParams(window.location.search).toString() : "";
+		const events_to_publish = options?.events?.reduce((acc, event) => {
+			acc[event] = true;
+			return acc;
+		}, {}) || {};
+		function fire_event(event) {
+			if (all_events || events_to_publish[event.type]) push_event(event);
+		}
+		async function cancel() {
+			let reset_request = {};
+			let cancel_request = {};
+			reset_request = { event_id };
+			cancel_request = {
+				event_id,
+				session_hash,
+				fn_index
+			};
+			try {
+				if (!config) throw new Error("Could not resolve app config");
+				if ("event_id" in cancel_request) await fetch(`${config.root}${api_prefix}/${CANCEL_URL}`, {
+					headers: { "Content-Type": "application/json" },
+					method: "POST",
+					body: JSON.stringify(cancel_request)
+				});
+				await fetch(`${config.root}${api_prefix}/${RESET_URL}`, {
+					headers: { "Content-Type": "application/json" },
+					method: "POST",
+					body: JSON.stringify(reset_request)
+				});
+			} catch (e) {
+				console.warn("The `/reset` endpoint could not be called. Subsequent endpoint results may be unreliable.");
+			}
+		}
+		const resolve_heartbeat = async (config) => {
+			await this._resolve_heartbeat(config);
+		};
+		async function handle_render_config(render_config) {
+			if (!config) return;
+			let render_id = render_config.render_id;
+			config.components = [...config.components.filter((c) => c.props.rendered_in !== render_id), ...render_config.components];
+			config.dependencies = [...config.dependencies.filter((d) => d.rendered_in !== render_id), ...render_config.dependencies];
+			const any_state = config.components.some((c) => c.type === "state");
+			const any_unload = config.dependencies.some((d) => d.targets.some((t) => t[1] === "unload"));
+			config.connect_heartbeat = any_state || any_unload;
+			await resolve_heartbeat(config);
+			fire_event({
+				type: "render",
+				data: render_config,
+				endpoint: _endpoint,
+				fn_index
+			});
+		}
+		const job = this.handle_blob(config.root, resolved_data, endpoint_info).then(async (_payload) => {
+			payload = {
+				data: handle_payload(_payload, dependency, config.components, "input", true) || [],
+				event_data,
+				fn_index,
+				trigger_id,
+				...options.oauth_token && endpoint_info?.oauth_token ? { oauth_token: options.oauth_token } : {}
+			};
+			if (skip_queue(fn_index, config)) {
+				fire_event({
+					type: "status",
+					endpoint: _endpoint,
+					stage: "pending",
+					queue: false,
+					fn_index,
+					time: /* @__PURE__ */ new Date()
+				});
+				post_data(`${config.root}${api_prefix}/run${_endpoint.startsWith("/") ? _endpoint : `/${_endpoint}`}${url_params ? "?" + url_params : ""}`, {
+					...payload,
+					session_hash
+				}, addt_headers).then(async ([output, status_code]) => {
+					const data = output.data;
+					if (status_code == 200) {
+						fire_event({
+							type: "data",
+							endpoint: _endpoint,
+							fn_index,
+							data: handle_payload(data, dependency, config.components, "output", options.with_null_state),
+							time: /* @__PURE__ */ new Date(),
+							event_data,
+							trigger_id
+						});
+						if (output.render_config) await handle_render_config(output.render_config);
+						fire_event({
+							type: "status",
+							endpoint: _endpoint,
+							fn_index,
+							stage: "complete",
+							eta: output.average_duration,
+							queue: false,
+							time: /* @__PURE__ */ new Date()
+						});
+					} else {
+						const is_connection_error = output?.error === BROKEN_CONNECTION_MSG;
+						fire_event({
+							type: "status",
+							stage: "error",
+							endpoint: _endpoint,
+							fn_index,
+							message: output.error,
+							broken: is_connection_error,
+							queue: false,
+							time: /* @__PURE__ */ new Date()
+						});
+					}
+				}).catch((e) => {
+					fire_event({
+						type: "status",
+						stage: "error",
+						message: e.message,
+						endpoint: _endpoint,
+						fn_index,
+						queue: false,
+						time: /* @__PURE__ */ new Date()
+					});
+				});
+			} else if (protocol == "sse") {
+				fire_event({
+					type: "status",
+					stage: "pending",
+					queue: true,
+					endpoint: _endpoint,
+					fn_index,
+					time: /* @__PURE__ */ new Date()
+				});
+				var params = new URLSearchParams({
+					fn_index: fn_index.toString(),
+					session_hash
+				}).toString();
+				let url = new URL(`${config.root}${api_prefix}/${SSE_URL}?${url_params ? url_params + "&" : ""}${params}`);
+				if (this.jwt) url.searchParams.set("__sign", this.jwt);
+				stream = this.stream(url);
+				if (!stream) return Promise.reject(/* @__PURE__ */ new Error("Cannot connect to SSE endpoint: " + url.toString()));
+				stream.onmessage = async function(event) {
+					const { type, status, data } = handle_message(JSON.parse(event.data), last_status[fn_index]);
+					if (type === "update" && status && !complete) {
+						fire_event({
+							type: "status",
+							endpoint: _endpoint,
+							fn_index,
+							time: /* @__PURE__ */ new Date(),
+							...status
+						});
+						if (status.stage === "error") {
+							stream?.close();
+							close();
+						}
+					} else if (type === "data") {
+						let [_, status] = await post_data(`${config.root}${api_prefix}/queue/data`, {
+							...payload,
+							session_hash,
+							event_id
+						});
+						if (status !== 200) {
+							fire_event({
+								type: "status",
+								stage: "error",
+								message: BROKEN_CONNECTION_MSG,
+								queue: true,
+								endpoint: _endpoint,
+								fn_index,
+								time: /* @__PURE__ */ new Date()
+							});
+							stream?.close();
+							close();
+						}
+					} else if (type === "complete") complete = status;
+					else if (type === "log") fire_event({
+						type: "log",
+						title: data.title,
+						log: data.log,
+						level: data.level,
+						endpoint: _endpoint,
+						duration: data.duration,
+						visible: data.visible,
+						fn_index
+					});
+					else if (type === "generating" || type === "streaming") fire_event({
+						type: "status",
+						time: /* @__PURE__ */ new Date(),
+						...status,
+						stage: status?.stage,
+						queue: true,
+						endpoint: _endpoint,
+						fn_index
+					});
+					if (data) {
+						fire_event({
+							type: "data",
+							time: /* @__PURE__ */ new Date(),
+							data: handle_payload(data.data, dependency, config.components, "output", options.with_null_state),
+							endpoint: _endpoint,
+							fn_index,
+							event_data,
+							trigger_id
+						});
+						if (complete) {
+							fire_event({
+								type: "status",
+								time: /* @__PURE__ */ new Date(),
+								...complete,
+								stage: status?.stage,
+								queue: true,
+								endpoint: _endpoint,
+								fn_index
+							});
+							stream?.close();
+							close();
+						}
+					}
+				};
+			} else if (protocol == "sse_v1" || protocol == "sse_v2" || protocol == "sse_v2.1" || protocol == "sse_v3") {
+				fire_event({
+					type: "status",
+					stage: "pending",
+					queue: true,
+					endpoint: _endpoint,
+					fn_index,
+					time: /* @__PURE__ */ new Date()
+				});
+				let hostname = "";
+				if (typeof window !== "undefined" && typeof document !== "undefined") hostname = window?.location?.hostname;
+				const origin = get_zerogpu_origin(hostname);
+				return (typeof window !== "undefined" && typeof document !== "undefined" && window.parent != window && !!origin && window.supports_zerogpu_headers ? post_message("zerogpu-headers", origin) : Promise.resolve(null)).then((headers) => {
+					const combined_headers = {
+						...addt_headers,
+						...headers || {}
+					};
+					return post_data(`${config.root}${api_prefix}/${SSE_DATA_URL}?${url_params}`, {
+						...payload,
+						session_hash
+					}, combined_headers);
+				}).then(async ([response, status]) => {
+					if (response.event_id) event_id_final = response.event_id;
+					if (status === 503) {
+						fire_event({
+							type: "status",
+							stage: "error",
+							message: QUEUE_FULL_MSG,
+							queue: true,
+							endpoint: _endpoint,
+							fn_index,
+							time: /* @__PURE__ */ new Date(),
+							visible: true
+						});
+						close();
+					} else if (status === 422) {
+						fire_event({
+							type: "status",
+							stage: "error",
+							message: response.detail,
+							queue: true,
+							endpoint: _endpoint,
+							fn_index,
+							code: "validation_error",
+							time: /* @__PURE__ */ new Date(),
+							visible: true
+						});
+						close();
+					} else if (status !== 200) {
+						const is_connection_error = response?.error === BROKEN_CONNECTION_MSG;
+						fire_event({
+							type: "status",
+							stage: "error",
+							broken: is_connection_error,
+							message: is_connection_error ? BROKEN_CONNECTION_MSG : response.detail || response.error,
+							queue: true,
+							endpoint: _endpoint,
+							fn_index,
+							time: /* @__PURE__ */ new Date(),
+							visible: true
+						});
+						close();
+					} else {
+						event_id = response.event_id;
+						event_id_final = event_id;
+						let callback = async function(_data) {
+							try {
+								const { type, status, data, original_msg } = handle_message(_data, last_status[fn_index]);
+								if (type == "heartbeat") return;
+								if (type === "update" && status && !complete) fire_event({
+									type: "status",
+									endpoint: _endpoint,
+									fn_index,
+									time: /* @__PURE__ */ new Date(),
+									original_msg,
+									...status
+								});
+								else if (type === "complete") complete = status;
+								else if (type == "unexpected_error" || type == "broken_connection") {
+									console.error("Unexpected error", status?.message);
+									const broken = type === "broken_connection";
+									fire_event({
+										type: "status",
+										stage: "error",
+										message: status?.message || "An Unexpected Error Occurred!",
+										queue: true,
+										endpoint: _endpoint,
+										broken,
+										session_not_found: status?.session_not_found,
+										fn_index,
+										time: /* @__PURE__ */ new Date()
+									});
+								} else if (type === "log") {
+									fire_event({
+										type: "log",
+										title: data.title,
+										log: data.log,
+										level: data.level,
+										endpoint: _endpoint,
+										duration: data.duration,
+										visible: data.visible,
+										fn_index
+									});
+									return;
+								} else if (type === "generating" || type === "streaming") {
+									fire_event({
+										type: "status",
+										time: /* @__PURE__ */ new Date(),
+										...status,
+										stage: status?.stage,
+										queue: true,
+										endpoint: _endpoint,
+										fn_index
+									});
+									if (data && dependency.connection !== "stream" && [
+										"sse_v2",
+										"sse_v2.1",
+										"sse_v3"
+									].includes(protocol)) apply_diff_stream(pending_diff_streams, event_id, data);
+								}
+								if (data) {
+									fire_event({
+										type: "data",
+										time: /* @__PURE__ */ new Date(),
+										data: handle_payload(data.data, dependency, config.components, "output", options.with_null_state),
+										endpoint: _endpoint,
+										fn_index
+									});
+									if (data.render_config) await handle_render_config(data.render_config);
+									if (complete) {
+										fire_event({
+											type: "status",
+											time: /* @__PURE__ */ new Date(),
+											...complete,
+											stage: status?.stage,
+											queue: true,
+											endpoint: _endpoint,
+											fn_index
+										});
+										close();
+									}
+								}
+								if (status?.stage === "complete" || status?.stage === "error") {
+									if (event_callbacks[event_id]) delete event_callbacks[event_id];
+									if (event_id in pending_diff_streams) delete pending_diff_streams[event_id];
+									close();
+								}
+							} catch (e) {
+								console.error("Unexpected client exception", e);
+								fire_event({
+									type: "status",
+									stage: "error",
+									message: "An Unexpected Error Occurred!",
+									queue: true,
+									endpoint: _endpoint,
+									fn_index,
+									time: /* @__PURE__ */ new Date()
+								});
+								if ([
+									"sse_v2",
+									"sse_v2.1",
+									"sse_v3"
+								].includes(protocol)) {
+									close_stream(stream_status, that.abort_controller);
+									stream_status.open = false;
+									close();
+								}
+							}
+						};
+						if (event_id in pending_stream_messages) {
+							pending_stream_messages[event_id].forEach((msg) => callback(msg));
+							delete pending_stream_messages[event_id];
+						}
+						event_callbacks[event_id] = callback;
+						unclosed_events.add(event_id);
+						if (!stream_status.open) await this.open_stream();
+					}
+				});
+			}
+		});
+		job.catch((e) => {
+			fire_event({
+				type: "status",
+				stage: "error",
+				message: e instanceof Error ? e.message : String(e),
+				queue: !skip_queue(fn_index, config),
+				endpoint: _endpoint,
+				fn_index,
+				time: /* @__PURE__ */ new Date()
+			});
+			close();
+		});
+		let done = false;
+		const values = [];
+		const resolvers = [];
+		function close() {
+			done = true;
+			while (resolvers.length > 0) resolvers.shift()({
+				value: void 0,
+				done: true
+			});
+		}
+		function push(data) {
+			if (resolvers.length > 0) resolvers.shift()(data);
+			else values.push(data);
+		}
+		function push_error(error) {
+			push(thenable_reject(error));
+			close();
+		}
+		function push_event(event) {
+			push({
+				value: event,
+				done: false
+			});
+		}
+		function next() {
+			if (values.length > 0) return Promise.resolve(values.shift());
+			if (done) return Promise.resolve({
+				value: void 0,
+				done: true
+			});
+			return new Promise((resolve) => resolvers.push(resolve));
+		}
+		const iterator = {
+			[Symbol.asyncIterator]: () => iterator,
+			next,
+			throw: async (value) => {
+				push_error(value);
+				return next();
+			},
+			return: async () => {
+				close();
+				return {
+					value: void 0,
+					done: true
+				};
+			},
+			cancel,
+			send_chunk: (payload) => {
+				this.post_data(`${config.root}${api_prefix}/stream/${event_id_final}`, {
+					...payload,
+					session_hash: this.session_hash
+				});
+			},
+			close_stream: () => {
+				this.post_data(`${config.root}${api_prefix}/stream/${event_id_final}/close`, {});
+				close();
+			},
+			event_id: () => event_id_final,
+			wait_for_id: async () => {
+				await job;
+				return event_id;
+			}
+		};
+		return iterator;
+	} catch (error) {
+		console.error("Submit function encountered an error:", error);
+		throw error;
+	}
 }
 function thenable_reject(error) {
-  return {
-    then: (resolve, reject) => reject(error)
-  };
+	return { then: (resolve, reject) => reject(error) };
 }
 function get_endpoint_info(api_info, endpoint, api_map, config) {
-  let fn_index;
-  let endpoint_info;
-  let dependency;
-  if (typeof endpoint === "number") {
-    fn_index = endpoint;
-    endpoint_info = api_info.unnamed_endpoints[fn_index];
-    dependency = config.dependencies.find((dep) => dep.id == endpoint);
-  } else {
-    const trimmed_endpoint = endpoint.replace(/^\//, "");
-    fn_index = api_map[trimmed_endpoint];
-    endpoint_info = api_info.named_endpoints[endpoint.trim()];
-    dependency = config.dependencies.find(
-      (dep) => dep.id == api_map[trimmed_endpoint]
-    );
-  }
-  if (typeof fn_index !== "number") {
-    throw new Error(
-      "There is no endpoint matching that name of fn_index matching that number."
-    );
-  }
-  return { fn_index, endpoint_info, dependency };
+	let fn_index;
+	let endpoint_info;
+	let dependency;
+	if (typeof endpoint === "number") {
+		fn_index = endpoint;
+		endpoint_info = api_info.unnamed_endpoints[fn_index];
+		dependency = config.dependencies.find((dep) => dep.id == endpoint);
+	} else {
+		const trimmed_endpoint = endpoint.replace(/^\//, "");
+		fn_index = api_map[trimmed_endpoint];
+		endpoint_info = api_info.named_endpoints[endpoint.trim()] ?? api_info.named_endpoints[`/${trimmed_endpoint}`];
+		dependency = config.dependencies.find((dep) => dep.id == api_map[trimmed_endpoint]);
+	}
+	if (typeof fn_index !== "number" || !dependency) {
+		const valid_endpoints = config.dependencies.filter((dep) => dep.api_name).map((dep) => `"/${dep.api_name}"`).join(", ");
+		throw new Error(`No endpoint matching ${JSON.stringify(endpoint)} was found. ` + (valid_endpoints ? `Valid named endpoints are: ${valid_endpoints}. ` : "This app exposes no named endpoints. ") + "An fn_index (number) of an existing dependency can also be used.");
+	}
+	return {
+		fn_index,
+		endpoint_info,
+		dependency
+	};
 }
-class Client {
-  app_reference;
-  options;
-  deep_link = null;
-  config;
-  api_prefix = "";
-  api_info;
-  api_map = {};
-  session_hash = Math.random().toString(36).substring(2);
-  jwt = false;
-  last_status = {};
-  cookies = null;
-  // streaming
-  stream_status = { open: false };
-  closed = false;
-  pending_stream_messages = {};
-  pending_diff_streams = {};
-  event_callbacks = {};
-  unclosed_events = /* @__PURE__ */ new Set();
-  heartbeat_event = null;
-  abort_controller = null;
-  stream_instance = null;
-  current_payload;
-  get_url_config(url = null) {
-    if (!this.config) {
-      throw new Error(CONFIG_ERROR_MSG);
-    }
-    if (url === null) {
-      url = window.location.href;
-    }
-    const stripSlashes = (str) => str.replace(/^\/+|\/+$/g, "");
-    let root_path = stripSlashes(new URL(this.config.root).pathname);
-    let url_path = stripSlashes(new URL(url).pathname);
-    let page;
-    if (!url_path.startsWith(root_path)) {
-      page = "";
-    } else {
-      page = stripSlashes(url_path.substring(root_path.length));
-    }
-    return this.get_page_config(page);
-  }
-  get_page_config(page) {
-    if (!this.config) {
-      throw new Error(CONFIG_ERROR_MSG);
-    }
-    let config = this.config;
-    if (!(page in config.page)) {
-      page = "";
-    }
-    return {
-      ...config,
-      current_page: page,
-      layout: config.page[page].layout,
-      components: config.components.filter(
-        (c) => config.page[page].components.includes(c.id)
-      ),
-      dependencies: this.config.dependencies.filter(
-        (d) => config.page[page].dependencies.includes(d.id)
-      )
-    };
-  }
-  fetch(input, init) {
-    const headers = new Headers(init?.headers || {});
-    if (this && this.cookies) {
-      headers.append("Cookie", this.cookies);
-    }
-    if (this && this.options.headers) {
-      let additional_headers = new Headers(this.options.headers);
-      additional_headers.forEach((value, name) => {
-        headers.append(name, value);
-      });
-    }
-    return fetch(input, { ...init, headers });
-  }
-  stream(url) {
-    const headers = new Headers();
-    if (this && this.cookies) {
-      headers.append("Cookie", this.cookies);
-    }
-    if (this && this.options.headers) {
-      let additional_headers = new Headers(this.options.headers);
-      additional_headers.forEach((value, name) => {
-        headers.append(name, value);
-      });
-    }
-    if (this && this.options.token) {
-      headers.append("Authorization", `Bearer ${this.options.token}`);
-    }
-    this.abort_controller = new AbortController();
-    this.stream_instance = readable_stream(url.toString(), {
-      credentials: "include",
-      headers,
-      signal: this.abort_controller.signal
-    });
-    return this.stream_instance;
-  }
-  view_api;
-  upload_files;
-  upload;
-  handle_blob;
-  post_data;
-  submit;
-  predict;
-  open_stream;
-  resolve_config;
-  resolve_cookies;
-  constructor(app_reference, options = { events: ["data"] }) {
-    this.app_reference = app_reference;
-    this.deep_link = options.query_params?.deep_link || null;
-    if (!options.events) {
-      options.events = ["data"];
-    }
-    this.options = options;
-    this.current_payload = {};
-    if (options.cookies) {
-      this.cookies = options.cookies;
-    }
-    this.view_api = view_api.bind(this);
-    this.upload_files = upload_files.bind(this);
-    this.handle_blob = handle_blob.bind(this);
-    this.post_data = post_data.bind(this);
-    this.submit = submit.bind(this);
-    this.predict = predict.bind(this);
-    this.open_stream = open_stream.bind(this);
-    this.resolve_config = resolve_config.bind(this);
-    this.resolve_cookies = resolve_cookies.bind(this);
-    this.upload = upload.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() {
-    initialize_zerogpu_handshake();
-    if (this.options.auth) {
-      await this.resolve_cookies();
-    }
-    await this._resolve_config().then(
-      ({ config }) => this._resolve_heartbeat(config)
-    );
-    this.api_info = await this.view_api();
-    this.api_map = map_names_to_ids(this.config?.dependencies || []);
-  }
-  async _resolve_heartbeat(_config) {
-    if (_config) {
-      this.config = _config;
-      this.api_prefix = _config.api_prefix || "";
-      if (this.config && this.config.connect_heartbeat) {
-        if (this.config.space_id && this.options.token) {
-          this.jwt = await get_jwt(
-            this.config.space_id,
-            this.options.token,
-            this.cookies
-          );
-        }
-      }
-    }
-    if (_config.space_id && this.options.token) {
-      this.jwt = await get_jwt(_config.space_id, this.options.token);
-    }
-    if (this.config && this.config.connect_heartbeat) {
-      const heartbeat_url = new URL(
-        `${this.config.root}${this.api_prefix}/${HEARTBEAT_URL}/${this.session_hash}`
-      );
-      if (this.jwt) {
-        heartbeat_url.searchParams.set("__sign", this.jwt);
-      }
-      if (!this.heartbeat_event) {
-        this.heartbeat_event = this.stream(heartbeat_url);
-      }
-    }
-  }
-  static async connect(app_reference, options = {
-    events: ["data"]
-  }) {
-    const client2 = new this(app_reference, options);
-    if (options.session_hash) {
-      client2.session_hash = options.session_hash;
-    }
-    await client2.init();
-    return client2;
-  }
-  async reconnect() {
-    const app_id_url = new URL(
-      `${this.config.root}${this.api_prefix}/${APP_ID_URL}`
-    );
-    let app_id;
-    try {
-      const response = await this.fetch(app_id_url);
-      if (!response.ok) {
-        throw new Error();
-      }
-      app_id = (await response.json()).app_id;
-    } catch (e) {
-      return "broken";
-    }
-    if (app_id !== this.config.app_id) {
-      return "changed";
-    }
-    return "connected";
-  }
-  close() {
-    this.closed = true;
-    close_stream(this.stream_status, this.abort_controller);
-  }
-  set_current_payload(payload) {
-    this.current_payload = payload;
-  }
-  static async duplicate(app_reference, options = {
-    events: ["data"]
-  }) {
-    return duplicate(app_reference, options);
-  }
-  async _resolve_config() {
-    const { http_protocol, host, space_id } = await process_endpoint(
-      this.app_reference,
-      this.options.token
-    );
-    const { status_callback } = this.options;
-    if (space_id && status_callback) {
-      await check_and_wake_space(space_id, status_callback);
-    }
-    let config;
-    try {
-      let configUrl = `${http_protocol}//${host}`;
-      config = await this.resolve_config(configUrl);
-      if (!config) {
-        throw new Error(CONFIG_ERROR_MSG);
-      }
-      return this.config_success(config);
-    } catch (e) {
-      if (space_id && status_callback) {
-        check_space_status(
-          space_id,
-          RE_SPACE_NAME.test(space_id) ? "space_name" : "subdomain",
-          this.handle_space_success
-        );
-      } else {
-        if (status_callback)
-          status_callback({
-            status: "error",
-            message: "Could not load this space.",
-            load_status: "error",
-            detail: "NOT_FOUND"
-          });
-        throw Error(e);
-      }
-    }
-  }
-  async config_success(_config) {
-    this.config = _config;
-    this.api_prefix = _config.api_prefix || "";
-    if (this.config.auth_required) {
-      return this.prepare_return_obj();
-    }
-    try {
-      this.api_info = await this.view_api();
-    } catch (e) {
-      console.error(API_INFO_ERROR_MSG + e.message);
-    }
-    return this.prepare_return_obj();
-  }
-  async handle_space_success(status) {
-    if (!this) {
-      throw new Error(CONFIG_ERROR_MSG);
-    }
-    const { status_callback } = this.options;
-    if (status_callback) status_callback(status);
-    if (status.status === "running") {
-      try {
-        this.config = await this._resolve_config();
-        this.api_prefix = this?.config?.api_prefix || "";
-        if (!this.config) {
-          throw new Error(CONFIG_ERROR_MSG);
-        }
-        const _config = await this.config_success(this.config);
-        return _config;
-      } catch (e) {
-        if (status_callback) {
-          status_callback({
-            status: "error",
-            message: "Could not load this space.",
-            load_status: "error",
-            detail: "NOT_FOUND"
-          });
-        }
-        throw e;
-      }
-    }
-  }
-  async component_server(component_id, fn_name, data) {
-    if (!this.config) {
-      throw new Error(CONFIG_ERROR_MSG);
-    }
-    const headers = {};
-    const { token } = this.options;
-    const { session_hash } = this;
-    if (token) {
-      headers.Authorization = `Bearer ${this.options.token}`;
-    }
-    let root_url;
-    let component = this.config.components.find(
-      (comp) => comp.id === component_id
-    );
-    if (component?.props?.root_url) {
-      root_url = component.props.root_url;
-    } else {
-      root_url = this.config.root;
-    }
-    let body;
-    if (typeof data === "object" && data !== null && "binary" in data) {
-      const _data = data;
-      body = new FormData();
-      for (const key in _data.data) {
-        if (key === "binary") continue;
-        body.append(key, _data.data[key]);
-      }
-      body.set("component_id", component_id.toString());
-      body.set("fn_name", fn_name);
-      body.set("session_hash", session_hash);
-    } else {
-      body = JSON.stringify({
-        data,
-        component_id,
-        fn_name,
-        session_hash
-      });
-      headers["Content-Type"] = "application/json";
-    }
-    if (token) {
-      headers.Authorization = `Bearer ${token}`;
-    }
-    try {
-      const response = await this.fetch(
-        `${root_url}${this.api_prefix}/${COMPONENT_SERVER_URL}/`,
-        {
-          method: "POST",
-          body,
-          headers,
-          credentials: "include"
-        }
-      );
-      if (!response.ok) {
-        throw new Error(
-          "Could not connect to component server: " + response.statusText
-        );
-      }
-      const output = await response.json();
-      return output;
-    } catch (e) {
-      console.warn(e);
-    }
-  }
-  set_cookies(raw_cookies) {
-    this.cookies = parse_and_set_cookies(raw_cookies).join("; ");
-  }
-  prepare_return_obj() {
-    return {
-      config: this.config,
-      predict: this.predict,
-      submit: this.submit,
-      view_api: this.view_api,
-      component_server: this.component_server
-    };
-  }
-}
-async function client(app_reference, options = {
-  events: ["data"]
-}) {
-  return await Client.connect(app_reference, options);
+//#endregion
+//#region src/client.ts
+var Client = class {
+	app_reference;
+	options;
+	deep_link = null;
+	config;
+	api_prefix = "";
+	api_info;
+	api_map = {};
+	session_hash = Math.random().toString(36).substring(2);
+	jwt = false;
+	last_status = {};
+	cookies = null;
+	stream_status = { open: false };
+	closed = false;
+	pending_stream_messages = {};
+	pending_diff_streams = {};
+	event_callbacks = {};
+	unclosed_events = /* @__PURE__ */ new Set();
+	heartbeat_event = null;
+	abort_controller = null;
+	stream_instance = null;
+	current_payload;
+	get_url_config(url = null) {
+		if (!this.config) throw new Error(CONFIG_ERROR_MSG);
+		if (url === null) url = window.location.href;
+		const stripSlashes = (str) => str.replace(/^\/+|\/+$/g, "");
+		let root_path = stripSlashes(new URL(this.config.root).pathname);
+		let url_path = stripSlashes(new URL(url).pathname);
+		let page;
+		if (!url_path.startsWith(root_path)) page = "";
+		else page = stripSlashes(url_path.substring(root_path.length));
+		return this.get_page_config(page);
+	}
+	get_page_config(page) {
+		if (!this.config) throw new Error(CONFIG_ERROR_MSG);
+		let config = this.config;
+		if (!(page in config.page)) page = "";
+		return {
+			...config,
+			current_page: page,
+			layout: config.page[page].layout,
+			components: config.components.filter((c) => config.page[page].components.includes(c.id)),
+			dependencies: this.config.dependencies.filter((d) => config.page[page].dependencies.includes(d.id))
+		};
+	}
+	fetch(input, init) {
+		const headers = new Headers(init?.headers || {});
+		if (this && this.cookies) headers.append("Cookie", this.cookies);
+		if (this && this.options.headers) new Headers(this.options.headers).forEach((value, name) => {
+			headers.append(name, value);
+		});
+		return fetch(input, {
+			...init,
+			headers
+		});
+	}
+	stream(url) {
+		const headers = new Headers();
+		if (this && this.cookies) headers.append("Cookie", this.cookies);
+		if (this && this.options.headers) new Headers(this.options.headers).forEach((value, name) => {
+			headers.append(name, value);
+		});
+		if (this && this.options.token) headers.append("Authorization", `Bearer ${this.options.token}`);
+		this.abort_controller = new AbortController();
+		this.stream_instance = readable_stream(url.toString(), {
+			credentials: this.options.credentials ?? "same-origin",
+			headers,
+			signal: this.abort_controller.signal
+		});
+		return this.stream_instance;
+	}
+	view_api;
+	upload_files;
+	upload;
+	handle_blob;
+	post_data;
+	submit;
+	predict;
+	open_stream;
+	resolve_config;
+	resolve_cookies;
+	constructor(app_reference, options = { events: ["data"] }) {
+		this.app_reference = app_reference;
+		this.deep_link = options.query_params?.deep_link || null;
+		if (!options.events) options.events = ["data"];
+		normalise_token_option(options);
+		this.options = options;
+		this.current_payload = {};
+		if (options.cookies) this.cookies = options.cookies;
+		this.view_api = view_api.bind(this);
+		this.upload_files = upload_files.bind(this);
+		this.handle_blob = handle_blob.bind(this);
+		this.post_data = post_data.bind(this);
+		this.submit = submit.bind(this);
+		this.predict = predict.bind(this);
+		this.open_stream = open_stream.bind(this);
+		this.resolve_config = resolve_config.bind(this);
+		this.resolve_cookies = resolve_cookies.bind(this);
+		this.upload = upload.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() {
+		initialize_zerogpu_handshake();
+		if (this.options.auth) await this.resolve_cookies();
+		await this._resolve_config().then((res) => res?.config && this._resolve_heartbeat(res.config));
+		try {
+			this.api_info = await this.view_api();
+		} catch (e) {
+			console.error(e.message);
+		}
+		this.api_map = map_names_to_ids(this.config?.dependencies || []);
+	}
+	async _resolve_heartbeat(_config) {
+		if (_config) {
+			this.config = _config;
+			this.api_prefix = _config.api_prefix || "";
+			if (this.config && this.config.connect_heartbeat) {
+				if (this.config.space_id && this.options.token) this.jwt = await get_jwt(this.config.space_id, this.options.token, this.cookies);
+			}
+		}
+		if (_config.space_id && this.options.token) this.jwt = await get_jwt(_config.space_id, this.options.token);
+		if (this.config && this.config.connect_heartbeat) {
+			const heartbeat_url = new URL(`${this.config.root}${this.api_prefix}/${HEARTBEAT_URL}/${this.session_hash}`);
+			if (this.jwt) heartbeat_url.searchParams.set("__sign", this.jwt);
+			if (!this.heartbeat_event) this.heartbeat_event = this.stream(heartbeat_url);
+		}
+	}
+	static async connect(app_reference, options = { events: ["data"] }) {
+		const client = new this(app_reference, options);
+		if (options.session_hash) client.session_hash = options.session_hash;
+		await client.init();
+		return client;
+	}
+	async reconnect() {
+		const app_id_url = new URL(`${this.config.root}${this.api_prefix}/${APP_ID_URL}`);
+		let app_id;
+		try {
+			const response = await this.fetch(app_id_url);
+			if (!response.ok) throw new Error();
+			app_id = (await response.json()).app_id;
+		} catch (e) {
+			return "broken";
+		}
+		if (app_id !== this.config.app_id) return "changed";
+		return "connected";
+	}
+	close() {
+		this.closed = true;
+		close_stream(this.stream_status, this.abort_controller);
+	}
+	/**
+	* Re-fetch the app config without closing the SSE stream.
+	* Used by hot-reload so in-flight generators keep delivering updates.
+	*/
+	async refresh() {
+		if (!this.config) throw new Error(CONFIG_ERROR_MSG);
+		const config = await this.resolve_config(this.config.root, false);
+		if (!config) throw new Error(CONFIG_ERROR_MSG);
+		this.config = config;
+		this.api_prefix = config.api_prefix || "";
+		this.api_map = map_names_to_ids(config.dependencies || []);
+		try {
+			this.api_info = await this.view_api();
+		} catch (e) {
+			console.error(API_INFO_ERROR_MSG + e.message);
+		}
+		return this.get_url_config();
+	}
+	set_current_payload(payload) {
+		this.current_payload = payload;
+	}
+	static async duplicate(app_reference, options = { events: ["data"] }) {
+		return duplicate(app_reference, options);
+	}
+	async _resolve_config() {
+		const { http_protocol, host, space_id } = await process_endpoint(this.app_reference, this.options.token);
+		const { status_callback } = this.options;
+		if (space_id && status_callback) await check_and_wake_space(space_id, status_callback);
+		let config;
+		try {
+			let configUrl = `${http_protocol}//${host}`;
+			config = await this.resolve_config(configUrl);
+			if (!config) throw new Error(CONFIG_ERROR_MSG);
+			return this.config_success(config);
+		} catch (e) {
+			if (space_id && status_callback) check_space_status(space_id, RE_SPACE_NAME.test(space_id) ? "space_name" : "subdomain", this.handle_space_success);
+			else {
+				if (status_callback) status_callback({
+					status: "error",
+					message: "Could not load this space.",
+					load_status: "error",
+					detail: "NOT_FOUND"
+				});
+				throw e instanceof Error ? e : new Error(String(e));
+			}
+		}
+	}
+	async config_success(_config) {
+		this.config = _config;
+		this.api_prefix = _config.api_prefix || "";
+		if (this.config.auth_required) return this.prepare_return_obj();
+		try {
+			this.api_info = await this.view_api();
+		} catch (e) {
+			console.error(API_INFO_ERROR_MSG + e.message);
+		}
+		return this.prepare_return_obj();
+	}
+	async handle_space_success(status) {
+		if (!this) throw new Error(CONFIG_ERROR_MSG);
+		const { status_callback } = this.options;
+		if (status_callback) status_callback(status);
+		if (status.status === "running") try {
+			this.config = await this._resolve_config();
+			this.api_prefix = this?.config?.api_prefix || "";
+			if (!this.config) throw new Error(CONFIG_ERROR_MSG);
+			return await this.config_success(this.config);
+		} catch (e) {
+			if (status_callback) status_callback({
+				status: "error",
+				message: "Could not load this space.",
+				load_status: "error",
+				detail: "NOT_FOUND"
+			});
+			throw e;
+		}
+	}
+	async component_server(component_id, fn_name, data) {
+		if (!this.config) throw new Error(CONFIG_ERROR_MSG);
+		const headers = {};
+		const { token } = this.options;
+		const { session_hash } = this;
+		if (token) headers.Authorization = `Bearer ${this.options.token}`;
+		let root_url;
+		let component = this.config.components.find((comp) => comp.id === component_id);
+		if (component?.props?.root_url) root_url = component.props.root_url;
+		else root_url = this.config.root;
+		let body;
+		if (typeof data === "object" && data !== null && "binary" in data) {
+			const _data = data;
+			body = new FormData();
+			for (const key in _data.data) {
+				if (key === "binary") continue;
+				body.append(key, _data.data[key]);
+			}
+			body.set("component_id", component_id.toString());
+			body.set("fn_name", fn_name);
+			body.set("session_hash", session_hash);
+		} else {
+			body = JSON.stringify({
+				data,
+				component_id,
+				fn_name,
+				session_hash
+			});
+			headers["Content-Type"] = "application/json";
+		}
+		if (token) headers.Authorization = `Bearer ${token}`;
+		try {
+			const response = await this.fetch(`${root_url}${this.api_prefix}/${COMPONENT_SERVER_URL}/`, {
+				method: "POST",
+				body,
+				headers,
+				credentials: this.options.credentials ?? "same-origin"
+			});
+			if (!response.ok) throw new Error("Could not connect to component server: " + response.statusText);
+			return await response.json();
+		} catch (e) {
+			console.warn(e);
+		}
+	}
+	set_cookies(raw_cookies) {
+		this.cookies = parse_and_set_cookies(raw_cookies).join("; ");
+	}
+	prepare_return_obj() {
+		return {
+			config: this.config,
+			predict: this.predict,
+			submit: this.submit,
+			view_api: this.view_api,
+			component_server: this.component_server
+		};
+	}
+};
+/**
+* @deprecated This method will be removed in v1.0. Use `Client.connect()` instead.
+* Creates a client instance for interacting with Gradio apps.
+*
+* @param {string} app_reference - The reference or URL to a Gradio space or app.
+* @param {ClientOptions} options - Configuration options for the client.
+* @returns {Promise<Client>} A promise that resolves to a `Client` instance.
+*/
+async function client(app_reference, options = { events: ["data"] }) {
+	return await Client.connect(app_reference, options);
 }
+/**
+* @deprecated This method will be removed in v1.0. Use `Client.duplicate()` instead.
+* Creates a duplicate of a space and returns a client instance for the duplicated space.
+*
+* @param {string} app_reference - The reference or URL to a Gradio space or app to duplicate.
+* @param {DuplicateOptions} options - Configuration options for the client.
+* @returns {Promise<Client>} A promise that resolves to a `Client` instance.
+*/
 async function duplicate_space(app_reference, options) {
-  return await Client.duplicate(app_reference, options);
+	return await Client.duplicate(app_reference, options);
 }
-export {
-  Client,
-  FileData,
-  MISSING_CREDENTIALS_MSG,
-  client,
-  duplicate_space as duplicate,
-  handle_file,
-  predict,
-  prepare_files,
-  submit,
-  upload,
-  upload_files
-};
+//#endregion
+export { Client, FileData, MISSING_CREDENTIALS_MSG, client, duplicate_space as duplicate, handle_file, predict, prepare_files, submit, upload, upload_files };