@gradio/core 0.28.0 → 0.29.0

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # @gradio/core
 
+## 0.29.0
+
+### Features
+
+- [#11894](https://github.com/gradio-app/gradio/pull/11894) [`cf10724`](https://github.com/gradio-app/gradio/commit/cf107246c104f3d8be1adf7a4c3d85558a0a5497) - Remove additional indentation in python API docs.  Thanks @freddyaboulton!
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+- [#11902](https://github.com/gradio-app/gradio/pull/11902) [`6d39644`](https://github.com/gradio-app/gradio/commit/6d39644ee1000b04728eb4909cee405e7ee3b5b2) - Add navbar visibility controls and customization options.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11919](https://github.com/gradio-app/gradio/pull/11919) [`3b15f63`](https://github.com/gradio-app/gradio/commit/3b15f6370bc143c0acd91225574250bccf0a8877) - ensure spaces iframe resizes when images load.  Thanks @pngwn!
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+- [#11866](https://github.com/gradio-app/gradio/pull/11866) [`02df670`](https://github.com/gradio-app/gradio/commit/02df670eccf365c253f38b682a3000fe316eef22) - Fix i18n when accept-language header contains multiple values.  Thanks @freddyaboulton!
+- [#11903](https://github.com/gradio-app/gradio/pull/11903) [`895d884`](https://github.com/gradio-app/gradio/commit/895d884a7345894f95df5f131d6517e935fd275a) - enhanced_the_arabic_translation.  Thanks @makhlwf!
+
+### Dependency updates
+
+- @gradio/paramviewer@0.8.0
+- @gradio/code@0.15.0
+- @gradio/statustracker@0.11.1
+- @gradio/tabitem@0.6.1
+- @gradio/tabs@0.5.1
+- @gradio/atoms@0.18.0
+- @gradio/checkbox@0.4.30
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/button@0.5.13
+- @gradio/textbox@0.11.1
+- @gradio/gallery@0.15.33
+- @gradio/plot@0.9.24
+- @gradio/image@0.23.0
+- @gradio/column@0.2.2
+- @gradio/dropdown@0.10.4
+- @gradio/file@0.13.0
+- @gradio/video@0.16.0
+
 ## 0.28.0
 
 ### Features

package/dist/src/Blocks.svelte

@@ -837,24 +837,28 @@ function get_root_node(container) {
   if (!container) return null;
   return container.children[container.children.length - 1];
 }
+function handle_resize() {
+  if ("parentIFrame" in window) {
+    const box = root_node?.getBoundingClientRect();
+    if (!box) return;
+    window.parentIFrame?.size(box.bottom + footer_height + 32);
+  }
+}
 onMount(() => {
   if ("parentIFrame" in window) {
     window.parentIFrame?.autoResize(false);
   }
-  const mut = new MutationObserver((mutations) => {
-    if ("parentIFrame" in window) {
-      const box = root_node?.getBoundingClientRect();
-      if (!box) return;
-      window.parentIFrame?.size(box.bottom + footer_height + 32);
-    }
-  });
+  const mut = new MutationObserver(handle_resize);
+  const res = new ResizeObserver(handle_resize);
   mut.observe(root_container, {
     childList: true,
     subtree: true,
     attributes: true
   });
+  res.observe(root_container);
   return () => {
     mut.disconnect();
+    res.disconnect();
   };
 });
 </script>

package/dist/src/Embed.svelte

@@ -7,7 +7,6 @@ export let version;
 export let initial_height;
 export let fill_width;
 export let is_embed;
-export let is_lite;
 export let space;
 export let display;
 export let info;
@@ -16,7 +15,6 @@ export let pages = [];
 export let current_page = "";
 export let root;
 export let components = [];
-const set_page = getContext("set_lite_page");
 let navbar_component = components.find((c) => c.type === "navbar");
 let navbar = navbar_component ? {
   visible: navbar_component.props.visible,
@@ -35,9 +33,17 @@ $: if ($navbar_config) {
 }
 $: show_navbar = pages.length > 1 && (navbar === null || navbar.visible !== false);
 $: effective_pages = (() => {
-  let base_pages = navbar && navbar.main_page_name !== false && navbar.main_page_name !== "Home" ? pages.map(
-    ([route, label], index) => index === 0 && route === "" && label === "Home" ? [route, navbar.main_page_name] : [route, label]
-  ) : pages;
+  let visible_pages = pages.filter(([route, label, show], index) => {
+    if (index === 0 && route === "") {
+      return navbar?.main_page_name !== false;
+    }
+    return show !== false;
+  });
+  let base_pages = navbar && navbar.main_page_name !== false && navbar.main_page_name !== "Home" ? visible_pages.map(
+    ([route, label, show], index) => index === 0 && route === "" && label === "Home" ? [route, navbar.main_page_name] : [route, label]
+  ) : visible_pages.map(
+    ([route, label]) => [route, label]
+  );
   if (navbar?.value && navbar.value.length > 0) {
     const existing_routes = new Set(base_pages.map(([route]) => route));
     const additional_pages = navbar.value.map(
@@ -63,32 +69,20 @@ $: effective_pages = (() => {
 		<div class="nav-holder">
 			<nav class="fillable" class:fill_width>
 				{#each effective_pages as [route, label], i}
-					{#if is_lite}
-						<button
-							class:active={route === current_page}
-							on:click={(e) => {
-								e.preventDefault();
-								set_page?.(route);
-							}}
-							>{label}
-						</button>
-					{:else}
-						<a
-							href={route.startsWith("http://") || route.startsWith("https://")
-								? route
-								: `${root}/${route}`}
-							class:active={route === current_page}
-							data-sveltekit-reload
-							target={route.startsWith("http://") ||
-							route.startsWith("https://")
-								? "_blank"
-								: "_self"}
-							rel={route.startsWith("http://") || route.startsWith("https://")
-								? "noopener noreferrer"
-								: ""}
-							>{label}
-						</a>
-					{/if}
+					<a
+						href={route.startsWith("http://") || route.startsWith("https://")
+							? route
+							: `${root}/${route}`}
+						class:active={route === current_page}
+						data-sveltekit-reload
+						target={route.startsWith("http://") || route.startsWith("https://")
+							? "_blank"
+							: "_self"}
+						rel={route.startsWith("http://") || route.startsWith("https://")
+							? "noopener noreferrer"
+							: ""}
+						>{label}
+					</a>
 				{/each}
 			</nav>
 		</div>
@@ -134,16 +128,14 @@ $: effective_pages = (() => {
 		margin: 0 auto;
 		padding: 0 var(--size-8);
 	}
-	nav a,
-	button {
+	nav a {
 		padding: var(--size-1) var(--size-2);
 		border-radius: var(--block-radius);
 		border-width: var(--block-border-width);
 		border-color: transparent;
 		color: var(--body-text-color-subdued);
 	}
-	nav a.active,
-	button.active {
+	nav a.active {
 		color: var(--body-text-color);
 		border-color: var(--block-border-color);
 		background-color: var(--block-background-fill);

package/dist/src/Embed.svelte.d.ts

@@ -6,12 +6,11 @@ declare const __propDef: {
         initial_height: string;
         fill_width: boolean;
         is_embed: boolean;
-        is_lite: boolean;
         space: string | null;
         display: boolean;
         info: boolean;
         loaded: boolean;
-        pages?: [string, string][];
+        pages?: [string, string, boolean][];
         current_page?: string;
         root: string;
         components?: any[];

package/dist/src/Render.svelte

@@ -39,10 +39,14 @@ $: {
 setContext("BLOCK_KEY", parent);
 $: {
   if (node && node.type === "form") {
-    if (node.children?.every(
-      (c) => typeof c.props.visible === "boolean" && !c.props.visible
-    )) {
-      node.props.visible = false;
+    const allChildrenInvisible = node.children?.every(
+      (c) => c.props.visible === false || c.props.visible === "hidden"
+    );
+    if (allChildrenInvisible) {
+      const hasHiddenChild = node.children?.some(
+        (c) => c.props.visible === "hidden"
+      );
+      node.props.visible = hasHiddenChild ? "hidden" : false;
     } else {
       node.props.visible = true;
     }
@@ -76,7 +80,8 @@ $: node.props.gradio = new Gradio(
 		{...node.props}
 		{theme_mode}
 		{root}
-		visible={typeof node.props.visible === "boolean"
+		visible={typeof node.props.visible === "boolean" ||
+		node.props.visible === "hidden"
 			? node.props.visible
 			: true}
 	>

package/dist/src/RenderComponent.svelte.d.ts

@@ -12,7 +12,7 @@ declare const __propDef: {
         elem_id: string;
         elem_classes: string[];
         _id: number;
-        visible: boolean;
+        visible: boolean | "hidden";
     };
     events: {
         prop_change: any;

package/dist/src/api_docs/CodeSnippet.svelte

@@ -43,13 +43,13 @@ $: normalised_root = root.replace(/\/$/, "");
 							class="highlight">import</span
 						> Client{#if has_file_path}, handle_file{/if}
 
-	client = Client(<span class="token string">"{space_id || root}"</span
+client = Client(<span class="token string">"{space_id || root}"</span
 						>{#if username !== null}, auth=("{username}", **password**){/if})
-	result = client.<span class="highlight">predict</span
+result = client.<span class="highlight">predict</span
 						>(<!--
-	-->{#each endpoint_parameters as { python_type, example_input, parameter_name, parameter_has_default, parameter_default }, i}<!--
-			-->
-			{parameter_name
+-->{#each endpoint_parameters as { python_type, example_input, parameter_name, parameter_has_default, parameter_default }, i}<!--
+		-->
+	{parameter_name
 								? parameter_name + "="
 								: ""}<span
 								>{represent_value(
@@ -59,11 +59,11 @@ $: normalised_root = root.replace(/\/$/, "");
 								)}</span
 							>,{/each}<!--
 
-			-->
-			api_name=<span class="api-name">"/{dependency.api_name}"</span><!--
-			-->
-	)
-	<span class="highlight">print</span>(result)</pre>
+	-->
+	api_name=<span class="api-name">"/{dependency.api_name}"</span><!--
+	-->
+)
+<span class="highlight">print</span>(result)</pre>
 				</div>
 			</code>
 		</Block>

package/dist/src/i18n.js

@@ -108,6 +108,18 @@ export const language_choices = Object.entries(processed_langs).map(([code]) =>
 export let all_common_keys = new Set();
 let i18n_initialized = false;
 let previous_translations;
+function get_lang_from_preferred_locale(header) {
+    const options = header
+        .split(",")
+        .map((value) => value.includes(";") ? value.split(";").slice(0, 2) : [value, 1]);
+    options.sort((a, b) => parseFloat(b[1]) - parseFloat(a[1]));
+    for (const [lang, _] of options) {
+        if (available_locales.includes(lang)) {
+            return lang;
+        }
+    }
+    return null;
+}
 export async function setupi18n(custom_translations, preferred_locale) {
     const should_reinitialize = i18n_initialized && custom_translations !== previous_translations;
     if (i18n_initialized && !should_reinitialize) {
@@ -118,10 +130,17 @@ export async function setupi18n(custom_translations, preferred_locale) {
         processed_langs,
         custom_translations: custom_translations ?? {}
     });
-    const browser_locale = preferred_locale ?? getLocaleFromNavigator();
-    let initial_locale = browser_locale && available_locales.includes(browser_locale)
-        ? browser_locale
-        : null;
+    let initial_locale = null;
+    const browser_locale = getLocaleFromNavigator();
+    if (preferred_locale) {
+        initial_locale = get_lang_from_preferred_locale(preferred_locale);
+    }
+    else {
+        initial_locale =
+            browser_locale && available_locales.includes(browser_locale)
+                ? browser_locale
+                : null;
+    }
     if (!initial_locale) {
         const normalized_locale = browser_locale?.split("-")[0];
         initial_locale =

package/dist/src/init.js

@@ -33,7 +33,6 @@ export function create_components({ initial_layout = undefined } = {
     function value_change(cb) {
         value_change_cb = cb;
     }
-    // Store current layout and root for dynamic visibility recalculation
     let current_layout;
     let current_root;
     function set_event_specific_args(dependencies) {
@@ -49,14 +48,11 @@ export function create_components({ initial_layout = undefined } = {
         });
     }
     async function create_layout({ app: _app, components, layout, dependencies, root, options }) {
-        // make sure the state is settled before proceeding
         flush();
         app = _app;
         if (instance_map) {
-            // re-render in reload mode
             components.forEach((c) => {
                 if (c.props.value == null && c.key) {
-                    // If the component has a key, we preserve its value by finding a matching instance with the same key
                     const matching_instance = Object.values(instance_map).find((instance) => instance.key === c.key);
                     if (matching_instance) {
                         c.props.value = matching_instance.props.value;
@@ -71,13 +67,16 @@ export function create_components({ initial_layout = undefined } = {
         constructor_map = new Map();
         _component_map = new Map();
         instance_map = {};
-        // Store current layout and root for dynamic visibility recalculation
         current_layout = layout;
         current_root = root;
         _rootNode = {
             id: layout.id,
             type: "column",
-            props: { interactive: false, scale: options.fill_height ? 1 : null },
+            props: {
+                interactive: false,
+                scale: options.fill_height ? 1 : null,
+                visible: true
+            },
             has_modes: false,
             instance: null,
             component: null,
@@ -223,7 +222,10 @@ export function create_components({ initial_layout = undefined } = {
             instance.props.initial_tabs = child_tab_items?.map((child) => ({
                 label: child.props.label.includes(i18n_marker) ? "" : child.props.label,
                 id: child.props.id,
-                visible: typeof child.props.visible === "boolean" ? child.props.visible : true,
+                visible: typeof child.props.visible === "boolean" ||
+                    child.props.visible === "hidden"
+                    ? child.props.visible
+                    : true,
                 interactive: child.props.interactive,
                 order: child.props.order
             }));
@@ -248,7 +250,6 @@ export function create_components({ initial_layout = undefined } = {
         const components_to_load = components.filter((c) => newly_visible_ids.has(c.id));
         for (const component of components_to_load) {
             const constructor_key = component.component_class_id || component.type;
-            // Only load if not already loaded
             if (!constructor_map.has(constructor_key)) {
                 const { component: loadable_component, example_components } = get_component(component.type, component.component_class_id, current_root, components);
                 constructor_map.set(constructor_key, loadable_component);
@@ -257,7 +258,6 @@ export function create_components({ initial_layout = undefined } = {
                         constructor_map.set(name, example_component);
                     }
                 }
-                // Load the component if it doesn't exist yet
                 if (!component.component) {
                     component.component = (await loadable_component)?.default;
                 }
@@ -279,10 +279,8 @@ export function create_components({ initial_layout = undefined } = {
             const instance = instance_map?.[update.id];
             if (!instance)
                 return false;
-            // Check for visibility property changes
             if (update.prop === "visible")
                 return true;
-            // Check for selected tab changes in tabs components
             if (update.prop === "selected" && instance.type === "tabs")
                 return true;
             return false;
@@ -294,7 +292,6 @@ export function create_components({ initial_layout = undefined } = {
         const all_components = _component_map
             ? [..._component_map.values()]
             : _components;
-        // Capture current visibility state before applying updates
         if (had_visibility_changes && current_layout) {
             previous_visible_ids = determine_visible_components(current_layout, all_components);
         }
@@ -331,20 +328,16 @@ export function create_components({ initial_layout = undefined } = {
             }
             return layout;
         });
-        // After applying updates, check if we need to load new components
         if (had_visibility_changes && current_layout && previous_visible_ids) {
             raf(async () => {
                 const new_visible_ids = determine_visible_components(current_layout, all_components);
                 const newly_visible_ids = new Set();
-                // Find components that are now visible but weren't before
                 for (const id of new_visible_ids) {
                     if (!previous_visible_ids.has(id)) {
                         newly_visible_ids.add(id);
                     }
                 }
-                // Load the newly visible components
                 await load_newly_visible_components(newly_visible_ids, all_components);
-                // Trigger a layout update to render the newly loaded components
                 if (newly_visible_ids.size > 0) {
                     layout_store.update((layout) => layout);
                 }
@@ -603,12 +596,10 @@ function is_tab_item_visible(component, component_visible, parent_tabs_context)
  * @returns The selected tab ID
  */
 function get_selected_tab_id(component, layout, components) {
-    // Check if selected prop is a string or number
     const selected = component.props.selected;
     if (typeof selected === "string" || typeof selected === "number") {
         return selected;
     }
-    // If no tab is explicitly selected, find the first visible and interactive tab
     if (layout.children) {
         for (const child of layout.children) {
             const child_component = components.find((c) => c.id === child.id);
@@ -652,44 +643,32 @@ function determine_visible_components(layout, components, parent_visible = true,
     if (!component) {
         return visible_components;
     }
-    // Check if the component itself is visible
-    const component_visible = parent_visible &&
-        (typeof component.props.visible === "boolean"
-            ? component.props.visible
-            : true);
-    // Handle tab_item special case
-    if (component.type === "tabitem") {
-        if (is_tab_item_visible(component, component_visible, parent_tabs_context)) {
-            visible_components.add(component.id);
-            // Process children if this tab item is visible
-            const child_visible = process_children_visibility(layout, components, parent_tabs_context);
-            child_visible.forEach((id) => visible_components.add(id));
-        }
-        // If tab item is not visible, none of its children should be loaded
+    const component_visible = component.props.visible !== false &&
+        component.props.visible !== "hidden" &&
+        parent_visible;
+    const should_load = component.props.visible === "hidden" || component_visible;
+    if (!should_load) {
         return visible_components;
     }
-    // Handle tabs component
     if (component.type === "tabs") {
-        if (component_visible) {
-            visible_components.add(component.id);
-            // Determine which tab should be selected
-            const selected_tab_id = get_selected_tab_id(component, layout, components);
-            // Process children with tabs context
-            const child_visible = process_children_visibility(layout, components, {
-                selected_tab_id
-            });
+        const selected_tab_id = get_selected_tab_id(component, layout, components);
+        const tabs_context = { selected_tab_id };
+        visible_components.add(layout.id);
+        const child_visible = process_children_visibility(layout, components, tabs_context);
+        child_visible.forEach((id) => visible_components.add(id));
+    }
+    else if (component.type === "tabitem") {
+        if (is_tab_item_visible(component, component_visible, parent_tabs_context)) {
+            visible_components.add(layout.id);
+            const child_visible = process_children_visibility(layout, components, parent_tabs_context);
             child_visible.forEach((id) => visible_components.add(id));
         }
-        return visible_components;
     }
-    // For regular components
-    if (component_visible) {
-        visible_components.add(component.id);
-        // Process children if this component is visible
+    else {
+        visible_components.add(layout.id);
         const child_visible = process_children_visibility(layout, components, parent_tabs_context);
         child_visible.forEach((id) => visible_components.add(id));
     }
-    // If component is not visible, don't process children
     return visible_components;
 }
 /**
@@ -701,9 +680,7 @@ function determine_visible_components(layout, components, parent_visible = true,
  */
 export function preload_visible_components(components, layout, root) {
     let constructor_map = new Map();
-    // Determine which components should be visible
     const visible_component_ids = determine_visible_components(layout, components);
-    // Only preload visible components
     components.forEach((c) => {
         if (visible_component_ids.has(c.id)) {
             const { component, example_components } = get_component(c.type, c.component_class_id, root, components);
@@ -737,6 +714,9 @@ export function preload_all_components(components, root) {
     return constructor_map;
 }
 function is_visible(component) {
+    if (component.props.visible === "hidden") {
+        return true;
+    }
     if (typeof component.props.visible === "boolean" &&
         component.props.visible === false) {
         return false;

package/dist/src/lang/ar.json

@@ -2,7 +2,7 @@
 	"_name": "العربية",
 	"3D_model": {
 		"3d_model": "نموذج ثلاثي الأبعاد",
-		"drop_to_upload": "اسقط ملف نموذج 3D (.obj، .glb، .stl، .gltf، .splat، أو .ply) هنا للتحميل"
+		"drop_to_upload": "اسقط ملف نموذج ثلاثي الأبعاد 3D (.obj، .glb، .stl، .gltf، .splat، أو .ply) هنا للتحميل"
 	},
 	"annotated_image": {
 		"annotated_image": "صورة مشروحة"
@@ -23,10 +23,10 @@
 		"drop_to_upload": "اسقط ملف صوت هنا للتحميل"
 	},
 	"blocks": {
-		"connection_can_break": "على الهاتف المحمول، يمكن أن ينقطع الاتصال إذا تم تغيير التبويب أو دخل الجهاز في وضع السكون، مما يؤدي إلى فقدان موقعك في قائمة الانتظار.",
-		"long_requests_queue": "هناك قائمة انتظار طويلة من الطلبات المعلقة. قم بتكرار هذا الفضاء للتخطي.",
-		"lost_connection": "فقد الاتصال بسبب مغادرة الصفحة. إعادة الانضمام إلى قائمة الانتظار...",
-		"waiting_for_inputs": "انتظار انتهاء تحميل الملف(ات)، يرجى إعادة المحاولة."
+		"connection_can_break": "على الهاتف المحمول، يمكن أن ينقطع الاتصال إذا تم تغيير التبويب لهذه الصفحةة أو دخل الجهاز في وضع السكون، مما يؤدي إلى فقدان موقعك في قائمة الانتظار.",
+		"long_requests_queue": "هناك قائمة انتظار طويلة من الطلبات المعلقة. قم بنسخ هذه المساحة للتخطي.",
+		"lost_connection": "تم فقدان الاتصال بسبب مغادرة الصفحة. جارٍ إعادة الانضمام إلى قائمة الانتظار...",
+		"waiting_for_inputs": "إنتظر انتهاء رفع الملف(ات)، يرجى إعادة المحاولة."
 	},
 	"checkbox": {
 		"checkbox": "خانة اختيار",
@@ -40,9 +40,9 @@
 	},
 	"common": {
 		"built_with": "بُني باستخدام",
-		"built_with_gradio": "تم الإنشاء بإستخدام Gradio",
+		"built_with_gradio": "بني بإستخدام Gradio",
 		"clear": "أمسح",
-		"download": "تحميل",
+		"download": "تنزيل",
 		"edit": "تعديل",
 		"empty": "فارغ",
 		"error": "خطأ",
@@ -58,7 +58,12 @@
 		"no_devices": "لم يتم العثور على أجهزة",
 		"language": "اللغة",
 		"display_theme": "مظهر العرض",
-		"pwa": "تطبيق ويب تقدمي"
+		"pwa": "تطبيق ويب تقدمي",
+		"record": "تسجيل",
+		"stop_recording": "إيقاف التسجيل",
+		"screen_studio": "شاشة الأستوديو",
+		"share_gradio_tab": "مشاركة تبويبة صفحة Gradio",
+		"run": "تشغيل"
 	},
 	"dataframe": {
 		"incorrect_format": "تنسيق غير صحيح، يتم دعم ملفات CSV و TSV فقط",
@@ -73,8 +78,10 @@
 		"sort_column": "فرز العمود",
 		"sort_ascending": "فرز تصاعدي",
 		"sort_descending": "فرز تنازلي",
-		"drop_to_upload": "اسقط ملفات CSV أو TSV هنا لاستيراد البيانات إلى الإطار الجدولية",
-		"clear_sort": "مسح الترتيب"
+		"drop_to_upload": "اسقط ملفات CSV أو TSV هنا لاستيراد البيانات إلى الإطر الجدولية",
+		"clear_sort": "مسح الترتيب",
+		"filter": "مرشح",
+		"clear_filter": "مسح المرشحات"
 	},
 	"dropdown": {
 		"dropdown": "قائمة منسدلة"
@@ -82,18 +89,19 @@
 	"errors": {
 		"build_error": "هناك خطأ في البناء",
 		"config_error": "هناك خطأ في التكوين",
-		"contact_page_author": "يرجى الاتصال بمؤلف الصفحة",
+		"contact_page_author": "يرجى التواصل مع مبرمج الصفحة",
 		"no_app_file": "لا يوجد ملف تطبيق",
-		"runtime_error": "هناك خطأ في وقت التشغيل",
+		"runtime_error": "هناك خطأ أثناء التشغيل",
 		"space_not_working": "المساحة لا تعمل لأن {0}",
 		"space_paused": "المساحة متوقفة مؤقتًا",
-		"use_via_api": "استخدم عبر API"
+		"use_via_api": "إستخدام عبر API",
+		"use_via_api_or_mcp": "إستخدام عبر واجهة برمجة التطبيقات API أو خادم MCP"
 	},
 	"file": {
 		"uploading": "جاري الرفع..."
 	},
 	"highlighted_text": {
-		"highlighted_text": "نص مميز"
+		"highlighted_text": "نص محدد"
 	},
 	"image": {
 		"allow_webcam_access": "يرجى السماح بالوصول إلى كاميرا الويب للتسجيل.",

package/dist/src/types.d.ts

@@ -7,6 +7,7 @@ interface SharedProps {
     components?: string[];
     server_fns?: string[];
     interactive: boolean;
+    visible: boolean | "hidden";
     [key: string]: unknown;
 }
 /** The metadata for a component