@gradio/core 0.26.0 → 0.27.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @gradio/core
 
+## 0.27.0
+
+### Features
+
+- [#11723](https://github.com/gradio-app/gradio/pull/11723) [`379f0c1`](https://github.com/gradio-app/gradio/commit/379f0c151943b5f269910eba4a4c7abc6145a11c) - Support MCP resources and prompts.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11725](https://github.com/gradio-app/gradio/pull/11725) [`080f888`](https://github.com/gradio-app/gradio/commit/080f888e3b173b5b2deef5eaf9754f2a63adf1aa) - Ensure it is possible to use `@render` to generate Tabs.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.14.15
+- @gradio/statustracker@0.10.17
+- @gradio/paramviewer@0.7.15
+- @gradio/atoms@0.16.5
+- @gradio/column@0.2.1
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+- @gradio/image@0.22.17
+- @gradio/dropdown@0.10.2
+- @gradio/textbox@0.10.20
+- @gradio/button@0.5.11
+- @gradio/gallery@0.15.31
+- @gradio/plot@0.9.22
+- @gradio/checkbox@0.4.28
+- @gradio/file@0.12.28
+- @gradio/video@0.15.0
+
 ## 0.26.0
 
 ### Features

package/dist/src/api_docs/ApiDocs.svelte

@@ -126,6 +126,7 @@ async function fetch_mcp_tools() {
       name: tool.name,
       description: tool.description || "",
       parameters: tool.inputSchema?.properties || {},
+      meta: tool.meta,
       expanded: false
     }));
     selected_tools = new Set(tools.map((tool) => tool.name));

package/dist/src/api_docs/MCPSnippet.svelte

@@ -17,6 +17,11 @@ const transports = [
   ["sse", "SSE"],
   ["stdio", "STDIO"]
 ];
+const tool_type_emojis = {
+  tool: "\u{1F527}",
+  resource: "\u{1F4D5}",
+  prompt: "\u{1F4AC}"
+};
 $:
   display_url = current_transport === "sse" ? mcp_server_url : mcp_server_url_streamable;
 function update_config_with_file_upload(base_config, include_upload) {
@@ -105,7 +110,9 @@ $:
 
 	<div class="tool-selection">
 		<strong
-			>{all_tools.length > 0 ? all_tools.length : tools.length} Available MCP Tools</strong
+			>{all_tools.length > 0 ? all_tools.length : tools.length} Available MCP Tools
+			({tool_type_emojis.tool}), Resources ({tool_type_emojis.resource}), and
+			Prompts ({tool_type_emojis.prompt})</strong
 		>
 		{#if all_tools.length > 0}
 			<div class="tool-selection-controls">
@@ -157,7 +164,10 @@ $:
 						on:click={() => (tool.expanded = !tool.expanded)}
 					>
 						<span
-							><span class="tool-name">{tool.name}</span> &nbsp;
+							><span class="tool-name"
+								>{tool_type_emojis[tool.meta.mcp_type]} {tool.name}</span
+							>
+							&nbsp;
 							<span class="tool-description"
 								>{tool.description
 									? tool.description

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

@@ -15,6 +15,10 @@ declare const __propDef: {
                 default?: any;
             }>;
             expanded?: boolean;
+            meta: {
+                mcp_type: "tool" | "resource" | "prompt";
+                file_data_present: boolean;
+            };
         }[];
         all_tools?: {
             name: string;
@@ -27,6 +31,10 @@ declare const __propDef: {
                 default?: any;
             }>;
             expanded?: boolean;
+            meta: {
+                mcp_type: "tool" | "resource" | "prompt";
+                file_data_present: boolean;
+            };
         }[] | undefined;
         selected_tools?: Set<string> | undefined;
         mcp_json_sse: any;

package/dist/src/init.js

@@ -104,9 +104,6 @@ export function create_components({ initial_layout = undefined } = {
      * Rerender the layout when the config has been modified to attach new components
      */
     function rerender_layout({ render_id, components, layout, root, dependencies }) {
-        // Update current layout and root for dynamic visibility recalculation
-        current_layout = layout;
-        current_root = root;
         components.forEach((c) => {
             for (const prop in c.props) {
                 if (c.props[prop] === null) {

package/package.json

@@ -1,69 +1,69 @@
 {
   "name": "@gradio/core",
-  "version": "0.26.0",
+  "version": "0.27.0",
   "type": "module",
   "devDependencies": {
-    "@gradio/accordion": "^0.5.21",
-    "@gradio/annotatedimage": "^0.9.28",
-    "@gradio/audio": "^0.17.24",
-    "@gradio/box": "^0.2.22",
-    "@gradio/atoms": "^0.16.4",
+    "@gradio/annotatedimage": "^0.9.29",
+    "@gradio/accordion": "^0.5.22",
+    "@gradio/audio": "^0.17.25",
+    "@gradio/atoms": "^0.16.5",
     "@gradio/browserstate": "^0.3.2",
-    "@gradio/button": "^0.5.10",
-    "@gradio/chatbot": "^0.26.21",
-    "@gradio/checkbox": "^0.4.27",
-    "@gradio/checkboxgroup": "^0.6.26",
-    "@gradio/client": "^1.17.0",
-    "@gradio/code": "^0.14.14",
-    "@gradio/colorpicker": "^0.4.26",
-    "@gradio/dataframe": "^0.18.7",
-    "@gradio/dataset": "^0.4.31",
+    "@gradio/chatbot": "^0.26.22",
+    "@gradio/checkbox": "^0.4.28",
+    "@gradio/box": "^0.2.23",
+    "@gradio/button": "^0.5.11",
+    "@gradio/checkboxgroup": "^0.6.27",
+    "@gradio/client": "^1.17.1",
+    "@gradio/code": "^0.14.15",
+    "@gradio/colorpicker": "^0.4.27",
     "@gradio/column": "^0.2.1",
-    "@gradio/datetime": "^0.3.19",
-    "@gradio/downloadbutton": "^0.4.10",
-    "@gradio/dropdown": "^0.10.1",
-    "@gradio/fallback": "^0.4.26",
-    "@gradio/file": "^0.12.27",
-    "@gradio/fileexplorer": "^0.5.38",
-    "@gradio/gallery": "^0.15.30",
-    "@gradio/form": "^0.2.22",
-    "@gradio/html": "^0.6.18",
+    "@gradio/dataframe": "^0.18.8",
+    "@gradio/dropdown": "^0.10.2",
+    "@gradio/dataset": "^0.4.32",
+    "@gradio/datetime": "^0.3.20",
+    "@gradio/downloadbutton": "^0.4.11",
+    "@gradio/fallback": "^0.4.27",
+    "@gradio/file": "^0.12.28",
+    "@gradio/fileexplorer": "^0.5.39",
+    "@gradio/form": "^0.2.23",
     "@gradio/group": "^0.2.0",
-    "@gradio/highlightedtext": "^0.9.9",
-    "@gradio/icons": "^0.12.0",
-    "@gradio/image": "^0.22.16",
-    "@gradio/imageeditor": "^0.16.4",
-    "@gradio/imageslider": "^0.2.12",
-    "@gradio/label": "^0.5.18",
-    "@gradio/json": "^0.5.28",
-    "@gradio/model3d": "^0.14.24",
-    "@gradio/multimodaltextbox": "^0.10.16",
-    "@gradio/markdown": "^0.13.19",
-    "@gradio/number": "^0.6.3",
-    "@gradio/nativeplot": "^0.7.3",
-    "@gradio/plot": "^0.9.21",
-    "@gradio/paramviewer": "^0.7.14",
-    "@gradio/radio": "^0.7.9",
-    "@gradio/sidebar": "^0.1.19",
+    "@gradio/gallery": "^0.15.31",
+    "@gradio/highlightedtext": "^0.9.10",
+    "@gradio/html": "^0.6.19",
+    "@gradio/icons": "^0.13.0",
+    "@gradio/image": "^0.22.17",
+    "@gradio/imageeditor": "^0.16.5",
+    "@gradio/json": "^0.5.29",
+    "@gradio/imageslider": "^0.2.13",
+    "@gradio/label": "^0.5.19",
+    "@gradio/markdown": "^0.13.20",
+    "@gradio/model3d": "^0.14.25",
+    "@gradio/multimodaltextbox": "^0.10.17",
+    "@gradio/number": "^0.6.4",
+    "@gradio/nativeplot": "^0.7.4",
+    "@gradio/paramviewer": "^0.7.15",
+    "@gradio/plot": "^0.9.22",
+    "@gradio/radio": "^0.7.10",
     "@gradio/row": "^0.2.1",
-    "@gradio/simpletextbox": "^0.3.27",
-    "@gradio/simpleimage": "^0.8.38",
-    "@gradio/slider": "^0.6.15",
-    "@gradio/sketchbox": "^0.6.14",
+    "@gradio/sidebar": "^0.1.20",
+    "@gradio/simpleimage": "^0.8.39",
+    "@gradio/simpletextbox": "^0.3.28",
+    "@gradio/simpledropdown": "^0.3.27",
+    "@gradio/sketchbox": "^0.6.15",
+    "@gradio/slider": "^0.6.16",
     "@gradio/state": "^0.1.2",
-    "@gradio/simpledropdown": "^0.3.26",
     "@gradio/tabitem": "^0.5.0",
     "@gradio/tabs": "^0.4.5",
-    "@gradio/textbox": "^0.10.19",
-    "@gradio/statustracker": "^0.10.16",
+    "@gradio/textbox": "^0.10.20",
     "@gradio/theme": "^0.4.0",
     "@gradio/timer": "^0.4.5",
-    "@gradio/upload": "^0.16.14",
+    "@gradio/statustracker": "^0.10.17",
+    "@gradio/upload": "^0.16.15",
+    "@gradio/uploadbutton": "^0.9.11",
     "@gradio/utils": "^0.10.2",
-    "@gradio/uploadbutton": "^0.9.10",
-    "@gradio/wasm": "^0.18.1",
-    "@gradio/vibeeditor": "^0.2.1",
-    "@gradio/video": "^0.14.24"
+    "@gradio/video": "^0.15.0",
+    "@gradio/vibeeditor": "^0.2.2",
+    "@gradio/wasm": "^0.18.1"
   },
   "msw": {
     "workerDirectory": "public"

package/src/api_docs/ApiDocs.svelte

@@ -145,6 +145,10 @@
 		description: string;
 		parameters: Record<string, ToolParameter>;
 		expanded?: boolean;
+		meta: {
+			mcp_type: "tool" | "resource" | "prompt";
+			file_data_present: boolean;
+		};
 	}
 
 	let tools: Tool[] = [];
@@ -187,6 +191,7 @@
 				name: tool.name,
 				description: tool.description || "",
 				parameters: tool.inputSchema?.properties || {},
+				meta: tool.meta,
 				expanded: false
 			}));
 			selected_tools = new Set(tools.map((tool) => tool.name));

package/src/api_docs/MCPSnippet.svelte

@@ -26,6 +26,10 @@
 		description: string;
 		parameters: Record<string, ToolParameter>;
 		expanded?: boolean;
+		meta: {
+			mcp_type: "tool" | "resource" | "prompt";
+			file_data_present: boolean;
+		};
 	}
 
 	type Transport = "streamable_http" | "sse" | "stdio";
@@ -38,6 +42,12 @@
 		["stdio", "STDIO"]
 	] as const;
 
+	const tool_type_emojis = {
+		tool: "🔧",
+		resource: "📕",
+		prompt: "💬"
+	};
+
 	$: display_url =
 		current_transport === "sse" ? mcp_server_url : mcp_server_url_streamable;
 
@@ -136,7 +146,9 @@
 
 	<div class="tool-selection">
 		<strong
-			>{all_tools.length > 0 ? all_tools.length : tools.length} Available MCP Tools</strong
+			>{all_tools.length > 0 ? all_tools.length : tools.length} Available MCP Tools
+			({tool_type_emojis.tool}), Resources ({tool_type_emojis.resource}), and
+			Prompts ({tool_type_emojis.prompt})</strong
 		>
 		{#if all_tools.length > 0}
 			<div class="tool-selection-controls">
@@ -188,7 +200,10 @@
 						on:click={() => (tool.expanded = !tool.expanded)}
 					>
 						<span
-							><span class="tool-name">{tool.name}</span> &nbsp;
+							><span class="tool-name"
+								>{tool_type_emojis[tool.meta.mcp_type]} {tool.name}</span
+							>
+							&nbsp;
 							<span class="tool-description"
 								>{tool.description
 									? tool.description

package/src/init.ts

@@ -216,10 +216,6 @@ export function create_components(
 		root: string;
 		dependencies: Dependency[];
 	}): void {
-		// Update current layout and root for dynamic visibility recalculation
-		current_layout = layout;
-		current_root = root;
-
 		components.forEach((c) => {
 			for (const prop in c.props) {
 				if (c.props[prop] === null) {