@gradio/core 1.4.1 → 1.5.0

package/CHANGELOG.md

@@ -1,5 +1,79 @@
 # @gradio/core
 
+## 1.5.0
+
+### Features
+
+- [#13289](https://github.com/gradio-app/gradio/pull/13289) [`d6f24df`](https://github.com/gradio-app/gradio/commit/d6f24df6233e7882746ba6e49307a34a11101ea1) - Improve curl info.  Thanks @freddyaboulton!
+- [#13277](https://github.com/gradio-app/gradio/pull/13277) [`cab8be0`](https://github.com/gradio-app/gradio/commit/cab8be062deb958a718aae25175e07fb013dfd4f) - CLI/Agent API Docs.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/checkbox@0.7.0
+- @gradio/upload@0.17.9
+- @gradio/textbox@0.13.9
+- @gradio/tabs@0.5.10
+- @gradio/code@0.17.8
+- @gradio/html@0.12.3
+- @gradio/paramviewer@0.9.9
+- @gradio/file@0.14.8
+- @gradio/gallery@0.17.7
+- @gradio/plot@0.10.9
+- @gradio/dropdown@0.12.0
+- @gradio/image@0.26.3
+- @gradio/video@0.20.8
+- @gradio/audio@0.23.3
+
+## 1.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+- @gradio/textbox@0.13.8
+- @gradio/column@0.3.3
+- @gradio/image@0.26.2
+- @gradio/file@0.14.7
+- @gradio/video@0.20.7
+- @gradio/code@0.17.7
+- @gradio/html@0.12.2
+- @gradio/paramviewer@0.9.8
+- @gradio/gallery@0.17.6
+- @gradio/plot@0.10.8
+- @gradio/checkbox@0.6.7
+- @gradio/dropdown@0.11.8
+- @gradio/audio@0.23.2
+
+## 1.4.2
+
+### Fixes
+
+- [#13048](https://github.com/gradio-app/gradio/pull/13048) [`a5d4096`](https://github.com/gradio-app/gradio/commit/a5d40965bba21a832da522127048926b71c1a6dd) - Fix Tab Interactive Bug.  Thanks @freddyaboulton!
+- [#13172](https://github.com/gradio-app/gradio/pull/13172) [`03a9d4c`](https://github.com/gradio-app/gradio/commit/03a9d4c99f3c9466e4fc162d02800850ed67a29e) - fix: prevent [object Object] when label matches a nested i18n key.  Thanks @mango766!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+- @gradio/tabs@0.5.9
+- @gradio/code@0.17.6
+- @gradio/html@0.12.1
+- @gradio/paramviewer@0.9.7
+- @gradio/image@0.26.1
+- @gradio/checkbox@0.6.6
+- @gradio/video@0.20.6
+- @gradio/file@0.14.6
+- @gradio/gallery@0.17.5
+- @gradio/plot@0.10.7
+- @gradio/textbox@0.13.7
+- @gradio/dropdown@0.11.7
+- @gradio/audio@0.23.1
+
 ## 1.4.1
 
 ### Fixes

package/dist/src/api_docs/ApiBanner.svelte

@@ -11,7 +11,8 @@
 		| "javascript"
 		| "bash"
 		| "skill"
-		| "mcp" = "python";
+		| "mcp"
+		| "cli" = "python";
 
 	const dispatch = createEventDispatcher();
 </script>
@@ -19,13 +20,14 @@
 <h2>
 	<img src={api_logo} alt="" />
 	<div class="title">
-		{#if current_language === "mcp"}MCP{:else}API{/if} documentation
+		{#if current_language === "mcp"}MCP{:else if current_language === "cli"}CLI{:else}API{/if}
+		documentation
 		<div class="url">
 			{root}
 		</div>
 	</div>
 	<span class="counts">
-		{#if current_language !== "mcp"}
+		{#if current_language !== "mcp" && current_language !== "cli"}
 			<BaseButton
 				size="sm"
 				variant="secondary"
@@ -38,8 +40,8 @@
 		{/if}
 		<p>
 			<span class="url">{api_count}</span>
-			{#if current_language !== "mcp"}API endpoint{:else}MCP Tool{/if}{#if api_count > 1}s{/if}<br
-			/>
+			{#if current_language === "mcp"}MCP Tool{:else if current_language === "cli"}CLI
+				endpoint{:else}API endpoint{/if}{#if api_count > 1}s{/if}<br />
 		</p>
 	</span>
 </h2>

package/dist/src/api_docs/ApiBanner.svelte.d.ts

@@ -14,7 +14,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 declare const ApiBanner: $$__sveltets_2_IsomorphicComponent<{
     root: string;
     api_count: number;
-    current_language?: "python" | "javascript" | "bash" | "skill" | "mcp";
+    current_language?: "python" | "javascript" | "bash" | "skill" | "mcp" | "cli";
 }, {
     close: CustomEvent<any>;
 } & {

package/dist/src/api_docs/ApiDocs.svelte

@@ -22,6 +22,9 @@
 	import skill from "./img/skill.svg";
 	import SkillSnippet from "./SkillSnippet.svelte";
 	import mcp from "./img/mcp.svg";
+	import agent from "./img/agent.svg";
+	import hf_logo from "./img/hf-logo.svg";
+	import gradio_logo from "../images/logo.svg";
 	import MCPSnippet from "./MCPSnippet.svelte";
 	import CopyMarkdown from "./CopyMarkdown.svelte";
 
@@ -55,8 +58,17 @@
 	}
 
 	export let api_calls: Payload[] = [];
-	let current_language: "python" | "javascript" | "bash" | "skill" | "mcp" =
-		"python";
+	let current_language:
+		| "python"
+		| "javascript"
+		| "bash"
+		| "skill"
+		| "mcp"
+		| "cli" = "python";
+
+	let cli_flavor: "hf" | "gradio" = "gradio";
+
+	$: cli_command = cli_flavor === "hf" ? "hf gradio" : "gradio";
 
 	$: sorted_dependencies = (() => {
 		const valid = dependencies.filter(
@@ -84,7 +96,7 @@
 	}
 
 	function is_valid_language(lang: string | null): boolean {
-		return ["python", "javascript", "bash", "skill", "mcp"].includes(
+		return ["python", "javascript", "bash", "skill", "mcp", "cli"].includes(
 			lang ?? ""
 		);
 	}
@@ -92,6 +104,7 @@
 	$: langs = [
 		["python", "Python", python],
 		["javascript", "JavaScript", javascript],
+		["cli", "CLI", agent],
 		["bash", "cURL", bash],
 		...(space_id ? [["skill", "Skill", skill] as const] : []),
 		["mcp", "MCP", mcp]
@@ -264,14 +277,25 @@
 		}
 	}
 
-	let markdown_code_snippets: Record<string, Record<string, string>> = {};
-
-	$: markdown_code_snippets;
+	$: markdown_code_snippets = (() => {
+		const out: Record<string, Record<string, string>> = {};
+		if (!info?.named_endpoints) return out;
+		for (const dep of dependencies) {
+			const ep = info.named_endpoints["/" + dep.api_name];
+			if (!ep?.code_snippets) continue;
+			const snippets = ep.code_snippets;
+			out[dep.api_name] = {
+				python: snippets.python || "",
+				javascript: snippets.javascript || "",
+				bash: snippets.bash || "",
+				cli: (snippets.cli || "").replace("{command}", cli_command)
+			};
+		}
+		return out;
+	})();
 
 	let config_snippets: Record<string, string> = {};
 
-	$: config_snippets;
-
 	onMount(() => {
 		const controller = new AbortController();
 		const signal = controller.signal;
@@ -288,6 +312,7 @@
 				| "javascript"
 				| "bash"
 				| "skill"
+				| "cli"
 				| "mcp";
 		}
 
@@ -367,7 +392,7 @@
 								set_query_param("lang", language);
 							}}
 						>
-							<img src={img} alt="" />
+							<img src={img} alt="" class:agent-icon={language === "cli"} />
 							{display_name}
 						</li>
 					{/each}
@@ -421,10 +446,39 @@
 								>) if you don't already have it installed.
 							{:else if current_language == "bash"}
 								1. Confirm that you have cURL installed on your system.
+							{:else if current_language == "cli"}
+								1. Install the CLI if you don't already have it installed.
 							{/if}
 						</p>
 					{/if}
 
+					{#if current_language === "cli"}
+						<div class="cli-flavor-selector">
+							<li
+								class="snippet {cli_flavor === 'gradio'
+									? 'current-lang'
+									: 'inactive-lang'}"
+								on:click={() => {
+									cli_flavor = "gradio";
+								}}
+							>
+								<img src={gradio_logo} alt="Gradio" />
+								Gradio CLI
+							</li>
+							<li
+								class="snippet {cli_flavor === 'hf'
+									? 'current-lang'
+									: 'inactive-lang'}"
+								on:click={() => {
+									cli_flavor = "hf";
+								}}
+							>
+								<img src={hf_logo} alt="HF" />
+								HF CLI
+							</li>
+						</div>
+					{/if}
+
 					<div class:hidden={current_language !== "skill"}>
 						<SkillSnippet {space_id} />
 					</div>
@@ -446,7 +500,7 @@
 					</div>
 
 					{#if current_language !== "mcp" && current_language !== "skill"}
-						<InstallSnippet {current_language} />
+						<InstallSnippet {current_language} {cli_flavor} />
 
 						<p class="padded">
 							2. Find the API endpoint below corresponding to your desired
@@ -483,7 +537,15 @@
 								<code>GET</code> request to fetch the results. In these
 								snippets, we've used <code>awk</code> and <code>read</code> to
 								parse the results, combining these two requests into one command
-								for ease of use. {#if username !== null}
+								for ease of use.
+								<br />&nbsp;<br />
+								If your endpoint accepts files, you must first upload them via a
+								<code>POST</code> to <code>/upload</code>, then reference the
+								returned path with the <code>meta</code> key:
+								<code
+									>{"{"}"path": "...", "meta": {"{"}"_type": "gradio.FileData"{"}"}{"}"}
+								</code>.
+								{#if username !== null}
 									Note: connecting to an authenticated app requires an
 									additional request.{/if} See
 								<a href={bash_docs} target="_blank">curl docs</a>.
@@ -515,7 +577,7 @@
 									{last_api_call}
 									code_snippets={info.named_endpoints["/" + dependency.api_name]
 										.code_snippets}
-									bind:markdown_code_snippets
+									{cli_command}
 								/>
 
 								<ParametersSnippet
@@ -525,7 +587,9 @@
 									js_returns={js_info.named_endpoints["/" + dependency.api_name]
 										.parameters}
 									{is_running}
-									{current_language}
+									current_language={current_language === "cli"
+										? "python"
+										: current_language}
 								/>
 
 								<ResponseSnippet
@@ -535,7 +599,9 @@
 									js_returns={js_info.named_endpoints["/" + dependency.api_name]
 										.returns}
 									{is_running}
-									{current_language}
+									current_language={current_language === "cli"
+										? "python"
+										: current_language}
 								/>
 							</div>
 						{/if}
@@ -739,4 +805,20 @@
 	.hidden {
 		display: none;
 	}
+
+	.cli-flavor-selector {
+		display: flex;
+		align-items: center;
+		margin-bottom: var(--size-4);
+	}
+
+	.cli-flavor-selector > * + * {
+		margin-left: var(--size-2);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.agent-icon {
+			filter: invert(1);
+		}
+	}
 </style>

package/dist/src/api_docs/CodeSnippet.svelte

@@ -10,20 +10,15 @@
 		| "javascript"
 		| "bash"
 		| "skill"
+		| "cli"
 		| "mcp";
 	export let api_description: string | null = null;
 	export let analytics: Record<string, any>;
-	export let markdown_code_snippets: Record<string, Record<string, string>>;
 	export let code_snippets: Record<string, string>;
 	export let last_api_call: Payload | null = null;
+	export let cli_command = "";
 
-	$: markdown_code_snippets[
-		dependency.api_name as keyof typeof markdown_code_snippets
-	] = {
-		python: code_snippets.python || "",
-		javascript: code_snippets.javascript || "",
-		bash: code_snippets.bash || ""
-	};
+	$: cli_code = (code_snippets.cli || "").replace("{command}", cli_command);
 
 	function escape_html(text: string): string {
 		return text
@@ -73,6 +68,7 @@
 	$: python_html = highlight_python(code_snippets.python || "");
 	$: js_html = highlight_javascript(code_snippets.javascript || "");
 	$: bash_html = highlight_bash(code_snippets.bash || "");
+	$: cli_html = highlight_bash(cli_code);
 </script>
 
 <div class="container">
@@ -113,6 +109,16 @@
 			</code>
 		</Block>
 	</div>
+	<div class:hidden={current_language !== "cli"}>
+		<Block>
+			<code>
+				<div class="copy">
+					<CopyButton code={cli_code} />
+				</div>
+				<pre>{@html cli_html}</pre>
+			</code>
+		</Block>
+	</div>
 </div>
 
 <style>

package/dist/src/api_docs/CodeSnippet.svelte.d.ts

@@ -14,12 +14,12 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const CodeSnippet: $$__sveltets_2_IsomorphicComponent<{
     dependency: Dependency;
-    current_language: "python" | "javascript" | "bash" | "skill" | "mcp";
+    current_language: "python" | "javascript" | "bash" | "skill" | "cli" | "mcp";
     api_description?: string | null;
     analytics: Record<string, any>;
-    markdown_code_snippets: Record<string, Record<string, string>>;
     code_snippets: Record<string, string>;
     last_api_call?: Payload | null;
+    cli_command?: string;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/src/api_docs/CopyMarkdown.svelte

@@ -15,7 +15,8 @@
 		| "javascript"
 		| "bash"
 		| "skill"
-		| "mcp";
+		| "mcp"
+		| "cli";
 	export let space_id: string | null;
 	export let root: string;
 	export let api_count: number;
@@ -153,7 +154,9 @@ curl --version
 
 2. Find the API endpoint below corresponding to your desired function in the app. Copy the code snippet, replacing the placeholder values with your own input data.
 
-Making a prediction and getting a result requires 2 requests: a POST and a GET request. The POST request returns an EVENT_ID, which is used in the second GET request to fetch the results. In these snippets, we've used awk and read to parse the results, combining these two requests into one command for ease of use. See [curl docs](${bash_docs}).
+Making a prediction and getting a result requires 2 requests: a POST and a GET request. The POST request returns an EVENT_ID, which is used in the second GET request to fetch the results. In these snippets, we've used awk and read to parse the results, combining these two requests into one command for ease of use.
+
+If your endpoint accepts files, you must first upload them via a POST to \`/upload\`, then reference the returned path with the meta key: \`{"path": "...", "meta": {"_type": "gradio.FileData"}}\`. See [curl docs](${bash_docs}).
 
 ${dependencies
 	.filter(
@@ -169,21 +172,21 @@ ${info?.named_endpoints["/" + d.api_name]?.description ? "Description: " + info?
 ${markdown_code_snippets[d.api_name as keyof typeof markdown_code_snippets]?.bash}
 \`\`\`
 
-Accepts ${info?.named_endpoints["/" + d.api_name]?.parameters?.length} parameter${info?.named_endpoints["/" + d.api_name]?.parameters?.length != 1 ? "s" : ""}:
+Accepts a JSON object with ${info?.named_endpoints["/" + d.api_name]?.parameters?.length} key${info?.named_endpoints["/" + d.api_name]?.parameters?.length != 1 ? "s" : ""}:
 
 ${info?.named_endpoints["/" + d.api_name]?.parameters
 	?.map((p: any) => {
 		const defaultValue = "Required";
-		const type = `${js_info.named_endpoints["/" + d.api_name]?.parameters.find((_p: any) => _p.parameter_name === p.parameter_name)?.type || "any"}`;
-		return `${`[${js_info.named_endpoints["/" + d.api_name]?.parameters.findIndex((_p: any) => _p.parameter_name === p.parameter_name)}]`}:\n- Type: ${type}\n- ${defaultValue}\n- The input value that is provided in the ${p.label} ${p.component} component. ${p.python_type.description}`;
+		const type = `${p.python_type.type}`;
+		return `${p.parameter_name}:\n- Type: ${type}\n- ${defaultValue}\n- The input value that is provided in the ${p.label} ${p.component} component. ${p.python_type.description}`;
 	})
 	.join("\n\n")}
 
-Returns ${info?.named_endpoints["/" + d.api_name]?.returns?.length > 1 ? `list of ${info?.named_endpoints["/" + d.api_name]?.returns?.length} elements` : "1 element"}:
+Returns ${info?.named_endpoints["/" + d.api_name]?.returns?.length > 1 ? `an array of ${info?.named_endpoints["/" + d.api_name]?.returns?.length} elements` : "an array of 1 element"}:
 
 ${info?.named_endpoints["/" + d.api_name]?.returns
 	?.map((r: any, i: number) => {
-		const type = js_info.named_endpoints["/" + d.api_name]?.returns[i]?.type;
+		const type = r.python_type.type;
 		return `${info?.named_endpoints["/" + d.api_name]?.returns?.length > 1 ? `[${i}]: ` : ""}- Type: ${type}\n- The output value that appears in the "${r.label}" ${r.component} component.`;
 	})
 	.join("\n\n")}
@@ -278,7 +281,9 @@ Read more about the MCP in the [Gradio docs](${mcp_docs}).
 				? "JavaScript"
 				: current_language === "bash"
 					? "Bash"
-					: "MCP";
+					: current_language === "cli"
+						? "CLI"
+						: "MCP";
 
 	$: current_language;
 	$: current_language_label =
@@ -288,7 +293,9 @@ Read more about the MCP in the [Gradio docs](${mcp_docs}).
 				? "JavaScript"
 				: current_language === "bash"
 					? "Bash"
-					: "MCP";
+					: current_language === "cli"
+						? "CLI"
+						: "MCP";
 
 	let label = `Copy ${current_language_label} Docs as Markdown for LLMs`;
 	$: label = `Copy ${current_language_label} Docs as Markdown for LLMs`;
@@ -367,7 +374,7 @@ Read the documentation above so I can ask questions about it.`
 	}
 
 	async function copyMarkdown(
-		current_language: "python" | "javascript" | "bash" | "skill" | "mcp"
+		current_language: "python" | "javascript" | "bash" | "skill" | "mcp" | "cli"
 	): Promise<void> {
 		try {
 			if (!markdown_content[current_language]) {

package/dist/src/api_docs/CopyMarkdown.svelte.d.ts

@@ -13,7 +13,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const CopyMarkdown: $$__sveltets_2_IsomorphicComponent<{
-    current_language: "python" | "javascript" | "bash" | "skill" | "mcp";
+    current_language: "python" | "javascript" | "bash" | "skill" | "mcp" | "cli";
     space_id: string | null;
     root: string;
     api_count: number;

package/dist/src/api_docs/InstallSnippet.svelte

@@ -7,39 +7,93 @@
 		| "javascript"
 		| "bash"
 		| "skill"
-		| "mcp";
+		| "mcp"
+		| "cli";
+	export let cli_flavor: "hf" | "gradio" = "hf";
 
 	let py_install = "pip install gradio_client";
 	let js_install = "npm i -D @gradio/client";
 	let bash_install = "curl --version";
+	const hf_mac_install = "curl -LsSf https://hf.co/cli/install.sh | bash";
+	const hf_win_install =
+		'powershell -ExecutionPolicy ByPass -c "irm https://hf.co/cli/install.ps1 | iex"';
+	$: cli_install =
+		cli_flavor === "hf"
+			? "hf extensions install gradio-app/hf-gradio"
+			: "pip install gradio --upgrade";
 </script>
 
-<Block>
-	<code>
-		{#if current_language === "python"}
+{#if current_language === "python"}
+	<Block>
+		<code>
 			<div class="copy">
 				<CopyButton code={py_install} />
 			</div>
 			<div>
 				<pre>$ {py_install}</pre>
 			</div>
-		{:else if current_language === "javascript"}
+		</code>
+	</Block>
+{:else if current_language === "javascript"}
+	<Block>
+		<code>
 			<div class="copy">
 				<CopyButton code={js_install} />
 			</div>
 			<div>
 				<pre>$ {js_install}</pre>
 			</div>
-		{:else if current_language === "bash"}
+		</code>
+	</Block>
+{:else if current_language === "bash"}
+	<Block>
+		<code>
 			<div class="copy">
 				<CopyButton code={bash_install} />
 			</div>
 			<div>
 				<pre>$ {bash_install}</pre>
 			</div>
-		{/if}
-	</code>
-</Block>
+		</code>
+	</Block>
+{:else if current_language === "cli"}
+	{#if cli_flavor === "hf"}
+		<p class="step">First, install the HF CLI.</p>
+		<p class="os-label">On macOS and Linux:</p>
+		<Block>
+			<code>
+				<div class="copy">
+					<CopyButton code={hf_mac_install} />
+				</div>
+				<div>
+					<pre>$ {hf_mac_install}</pre>
+				</div>
+			</code>
+		</Block>
+		<p class="os-label">On Windows:</p>
+		<Block>
+			<code>
+				<div class="copy">
+					<CopyButton code={hf_win_install} />
+				</div>
+				<div>
+					<pre>$ {hf_win_install}</pre>
+				</div>
+			</code>
+		</Block>
+		<p class="step">Then, install the Gradio extension:</p>
+	{/if}
+	<Block>
+		<code>
+			<div class="copy">
+				<CopyButton code={cli_install} />
+			</div>
+			<div>
+				<pre>$ {cli_install}</pre>
+			</div>
+		</code>
+	</Block>
+{/if}
 
 <style>
 	code pre {
@@ -61,4 +115,18 @@
 		margin-top: -5px;
 		margin-right: -5px;
 	}
+
+	.step {
+		margin-top: var(--size-3);
+		margin-bottom: var(--size-2);
+		font-weight: var(--weight-semibold);
+		color: var(--body-text-color);
+	}
+
+	.os-label {
+		margin-top: var(--size-2);
+		margin-bottom: var(--size-1);
+		font-size: var(--text-sm);
+		color: var(--body-text-color-subdued);
+	}
 </style>

package/dist/src/api_docs/InstallSnippet.svelte.d.ts

@@ -12,7 +12,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const InstallSnippet: $$__sveltets_2_IsomorphicComponent<{
-    current_language: "python" | "javascript" | "bash" | "skill" | "mcp";
+    current_language: "python" | "javascript" | "bash" | "skill" | "mcp" | "cli";
+    cli_flavor?: "hf" | "gradio";
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/src/api_docs/ParametersSnippet.svelte

@@ -8,6 +8,7 @@
 	export let current_language:
 		| "python"
 		| "javascript"
+		| "cli"
 		| "bash"
 		| "skill"
 		| "mcp";
@@ -17,7 +18,9 @@
 	<div class="toggle-icon">
 		<div class="toggle-dot" />
 	</div>
-	Accepts {endpoint_returns.length} parameter{#if endpoint_returns.length != 1}s{/if}:
+	{#if current_language === "bash"}Accepts a JSON object with {endpoint_returns.length}
+		key{#if endpoint_returns.length != 1}s{/if}:{:else}Accepts {endpoint_returns.length}
+		parameter{#if endpoint_returns.length != 1}s{/if}:{/if}
 </h4>
 
 <div class:hide={is_running}>
@@ -26,13 +29,13 @@
 		<div style="margin:10px;">
 			<p style="white-space: nowrap; overflow-x: auto;">
 				<span class="code" style="margin-right: 10px;"
-					>{current_language !== "bash" && parameter_name
-						? parameter_name
-						: "[" + i + "]"}</span
+					>{parameter_name || `[${i}]`}</span
 				>
 				<span class="code highlight" style="margin-right: 10px;"
 					>{#if current_language === "python"}{python_type.type}{#if parameter_has_default && parameter_default === null}&nbsp;|
-							None{/if}{:else}{js_returns[i].type || "any"}{/if}</span
+							None{/if}{:else if current_language === "bash"}{python_type.type}{:else}{js_returns[
+							i
+						].type || "any"}{/if}</span
 				>
 				{#if !parameter_has_default || current_language == "bash"}<span
 						style="font-weight:bold">Required</span

package/dist/src/api_docs/ParametersSnippet.svelte.d.ts

@@ -15,7 +15,7 @@ declare const ParametersSnippet: $$__sveltets_2_IsomorphicComponent<{
     is_running: boolean;
     endpoint_returns: any;
     js_returns: any;
-    current_language: "python" | "javascript" | "bash" | "skill" | "mcp";
+    current_language: "python" | "javascript" | "cli" | "bash" | "skill" | "mcp";
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;