@gradio/core 0.1.1 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,102 @@
 # @gradio/core
 
+## 0.2.1
+
+### Fixes
+
+- [#9653](https://github.com/gradio-app/gradio/pull/9653) [`61cd768`](https://github.com/gradio-app/gradio/commit/61cd768490a12f5d63101d5434092bcd1cfc43a8) - Ensures tabs with visible set to false are not visible.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/button@0.3.4
+- @gradio/video@0.11.5
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+- @gradio/plot@0.8.0
+- @gradio/gallery@0.13.5
+- @gradio/tabs@0.3.2
+- @gradio/column@0.2.0
+- @gradio/tabitem@0.3.2
+- @gradio/code@0.10.5
+- @gradio/paramviewer@0.5.4
+- @gradio/textbox@0.8.3
+- @gradio/file@0.10.5
+- @gradio/checkbox@0.4.4
+- @gradio/image@0.16.5
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/markdown@0.10.3
+- @gradio/code@0.10.4
+- @gradio/paramviewer@0.5.3
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/button@0.3.3
+- @gradio/video@0.11.4
+- @gradio/atoms@0.9.2
+- @gradio/gallery@0.13.4
+- @gradio/plot@0.7.3
+- @gradio/column@0.2.0
+- @gradio/textbox@0.8.2
+- @gradio/checkbox@0.4.3
+- @gradio/file@0.10.4
+- @gradio/image@0.16.4
+
+## 0.2.0
+
+### Features
+
+- [#9681](https://github.com/gradio-app/gradio/pull/9681) [`2ed2361`](https://github.com/gradio-app/gradio/commit/2ed236187a9aab18e17fc4a8079eddef7dd195a5) - Allow setting title in gr.Info/Warning/Error.  Thanks @ABucket!
+
+### Fixes
+
+- [#9728](https://github.com/gradio-app/gradio/pull/9728) [`d0b2ce8`](https://github.com/gradio-app/gradio/commit/d0b2ce8c0f150f0b636ad7d2226f7c8c61401996) - Ensure tabs render in SSR mode and reduce time it takes for them to render.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/video@0.11.3
+- @gradio/markdown@0.10.2
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/button@0.3.2
+- @gradio/wasm@0.14.2
+- @gradio/gallery@0.13.3
+- @gradio/plot@0.7.2
+- @gradio/image@0.16.3
+- @gradio/column@0.2.0
+- @gradio/textbox@0.8.1
+- @gradio/file@0.10.3
+- @gradio/checkbox@0.4.2
+- @gradio/tabs@0.3.1
+- @gradio/code@0.10.3
+- @gradio/paramviewer@0.5.2
+- @gradio/tabitem@0.3.1
+
+## 0.1.1
+
+### Dependency updates
+
+- @gradio/textbox@0.8.0
+
+## 0.1.1
+
+### Dependency updates
+
+- @gradio/code@0.10.2
+- @gradio/file@0.10.2
+- @gradio/upload@0.13.1
+- @gradio/image@0.16.2
+- @gradio/video@0.11.2
+- @gradio/button@0.3.1
+- @gradio/wasm@0.14.1
+- @gradio/gallery@0.13.2
+
 ## 0.1.1
 
 ### Features

package/dist/src/Blocks.svelte

@@ -117,8 +117,9 @@ async function handle_update(data, fn_index) {
 }
 let submit_map = /* @__PURE__ */ new Map();
 let messages = [];
-function new_message(message, fn_index, type, duration = 10, visible = true) {
+function new_message(title2, message, fn_index, type, duration = 10, visible = true) {
   return {
+    title: title2,
     message,
     fn_index,
     type,
@@ -127,8 +128,8 @@ function new_message(message, fn_index, type, duration = 10, visible = true) {
     visible
   };
 }
-export function add_new_message(message, type) {
-  messages = [new_message(message, -1, type), ...messages];
+export function add_new_message(title2, message, type) {
+  messages = [new_message(title2, message, -1, type), ...messages];
 }
 let _error_id = -1;
 let user_left_page = false;
@@ -173,7 +174,7 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
   if (inputs_waiting.length > 0) {
     for (const input of inputs_waiting) {
       if (dep.inputs.includes(input)) {
-        add_new_message(WAITING_FOR_INPUTS_MESSAGE, "warning");
+        add_new_message("Warning", WAITING_FOR_INPUTS_MESSAGE, "warning");
         return;
       }
     }
@@ -262,7 +263,10 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
       );
     } catch (e) {
       const fn_index = 0;
-      messages = [new_message(String(e), fn_index, "error"), ...messages];
+      messages = [
+        new_message("Error", String(e), fn_index, "error"),
+        ...messages
+      ];
       loading_status.update({
         status: "error",
         fn_index,
@@ -322,9 +326,9 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
       });
     }
     function handle_log(msg) {
-      const { log, fn_index, level, duration, visible } = msg;
+      const { title: title2, log, fn_index, level, duration, visible } = msg;
       messages = [
-        new_message(log, fn_index, level, duration, visible),
+        new_message(title2, log, fn_index, level, duration, visible),
         ...messages
       ];
     }
@@ -354,14 +358,14 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
       if (!showed_duplicate_message && space_id !== null && status.position !== void 0 && status.position >= 2 && status.eta !== void 0 && status.eta > SHOW_DUPLICATE_MESSAGE_ON_ETA) {
         showed_duplicate_message = true;
         messages = [
-          new_message(DUPLICATE_MESSAGE, fn_index, "warning"),
+          new_message("Warning", DUPLICATE_MESSAGE, fn_index, "warning"),
           ...messages
         ];
       }
       if (!showed_mobile_warning && is_mobile_device && status.eta !== void 0 && status.eta > SHOW_MOBILE_QUEUE_WARNING_ON_ETA) {
         showed_mobile_warning = true;
         messages = [
-          new_message(MOBILE_QUEUE_WARNING, fn_index, "warning"),
+          new_message("Warning", MOBILE_QUEUE_WARNING, fn_index, "warning"),
           ...messages
         ];
       }
@@ -386,7 +390,7 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
       if (status.broken && is_mobile_device && user_left_page) {
         window.setTimeout(() => {
           messages = [
-            new_message(MOBILE_RECONNECT_MESSAGE, fn_index, "error"),
+            new_message("Error", MOBILE_RECONNECT_MESSAGE, fn_index, "error"),
             ...messages
           ];
         }, 0);
@@ -398,8 +402,10 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
             MESSAGE_QUOTE_RE,
             (_2, b) => b
           );
+          const _title = status.title ?? "Error";
           messages = [
             new_message(
+              _title,
               _message,
               fn_index,
               "error",
@@ -478,8 +484,10 @@ async function handle_mount() {
     if (event === "share") {
       const { title: title2, description } = data;
       trigger_share(title2, description);
-    } else if (event === "error" || event === "warning") {
-      messages = [new_message(data, -1, event), ...messages];
+    } else if (event === "error") {
+      messages = [new_message("Error", data, -1, event), ...messages];
+    } else if (event === "warning") {
+      messages = [new_message("Warning", data, -1, event), ...messages];
     } else if (event == "clear_status") {
       update_status(id, "complete", data);
     } else if (event == "close_stream") {

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

@@ -30,7 +30,7 @@ declare const __propDef: {
         css?: string | null | undefined;
         search_params: URLSearchParams;
         render_complete?: boolean | undefined;
-        add_new_message?: ((message: string, type: ToastMessage["type"]) => void) | undefined;
+        add_new_message?: ((title: string, message: string, type: ToastMessage["type"]) => void) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -41,6 +41,6 @@ export type BlocksProps = typeof __propDef.props;
 export type BlocksEvents = typeof __propDef.events;
 export type BlocksSlots = typeof __propDef.slots;
 export default class Blocks extends SvelteComponent<BlocksProps, BlocksEvents, BlocksSlots> {
-    get add_new_message(): (message: string, type: ToastMessage["type"]) => void;
+    get add_new_message(): (title: string, message: string, type: ToastMessage["type"]) => void;
 }
 export {};

package/dist/src/init.d.ts

@@ -7,10 +7,6 @@ export interface UpdateTransaction {
     value: any;
     prop: string;
 }
-/**
- * Create a store with the layout and a map of targets
- * @returns A store with the layout and a map of targets
- */
 export declare function create_components(initial_layout: ComponentMeta | undefined): {
     layout: Writable<ComponentMeta>;
     targets: Writable<TargetMap>;

package/dist/src/init.js

@@ -11,6 +11,7 @@ const raf = is_browser
  * Create a store with the layout and a map of targets
  * @returns A store with the layout and a map of targets
  */
+let has_run = new Set();
 export function create_components(initial_layout) {
     let _component_map;
     let target_map = writable({});
@@ -145,6 +146,28 @@ export function create_components(initial_layout) {
         if (node.children) {
             instance.children = await Promise.all(node.children.map((v) => walk_layout(v, root, instance)));
         }
+        if (instance.type === "tabs" && !instance.props.initial_tabs) {
+            const tab_items_props = node.children?.map((c) => {
+                var _a;
+                const instance = instance_map[c.id];
+                // console.log("tabs", JSON.stringify(instance.props, null, 2));
+                (_a = instance.props).id ?? (_a.id = c.id);
+                return {
+                    type: instance.type,
+                    props: {
+                        ...instance.props,
+                        id: instance.props.id
+                    }
+                };
+            }) || [];
+            const child_tab_items = tab_items_props.filter((child) => child.type === "tabitem");
+            instance.props.initial_tabs = child_tab_items?.map((child) => ({
+                label: child.props.label,
+                id: child.props.id,
+                visible: child.props.visible,
+                interactive: child.props.interactive
+            }));
+        }
         return instance;
     }
     let update_scheduled = false;
@@ -173,7 +196,7 @@ export function create_components(initial_layout) {
                         new_value = new Set(update.value);
                     else if (Array.isArray(update.value))
                         new_value = [...update.value];
-                    else if (update.value === null)
+                    else if (update.value == null)
                         new_value = null;
                     else if (typeof update.value === "object")
                         new_value = { ...update.value };

package/dist/src/lang/fi.json

@@ -0,0 +1,124 @@
+{
+	"3D_model": {
+		"3d_model": "3D-malli"
+	},
+	"annotated_image": {
+		"annotated_image": "Annotoitu kuva"
+	},
+	"audio": {
+		"allow_recording_access": "Ole hyvä ja anna selaimelle ja sivustolle pääsy mikrofoniin.",
+		"audio": "Audio",
+		"record_from_microphone": "Äänitä mikrofonia",
+		"stop_recording": "Lopeta äänitys",
+		"no_device_support": "Medialaitteita ei voitu käyttää. Tarkista, että yhteys on salattu (https), paikallinen (localhost), tai ssl_verify on saanut voimassa olevan SSL-sertifikaatin. Tarkista, että olet antanut selaimelle pääsyn medialaitteeseen.",
+		"stop": "Stop",
+		"resume": "Jatka",
+		"record": "Äänitä",
+		"no_microphone": "Ei mikrofonia käytössä",
+		"pause": "Pause",
+		"play": "Play",
+		"waiting": "Odotetaan"
+	},
+	"blocks": {
+		"connection_can_break": "Mobiililaitteella yhteys voi katketa, jos vaihdat välilehteä tai laite menee lepotilaa. Tällöin menetät paikkasi jonossa.",
+		"long_requests_queue": "Spacessa on ruuhkaa ja jono on pitkä. Kopioi tämä Space hypätäksesi jonon ohi.",
+		"lost_connection": "Yhteys katkesi sivulta poistumisen seurauksena. Liitytään takaisin jonoon...",
+		"waiting_for_inputs": "Odotetaan latauksen valmistumista, ole hyvä ja yritä uudelleen."
+	},
+	"checkbox": {
+		"checkbox": "Valintaruutu",
+		"checkbox_group": "Valintaruuturyhmä"
+	},
+	"code": {
+		"code": "Koodi"
+	},
+	"color_picker": {
+		"color_picker": "Värivalitsin"
+	},
+	"common": {
+		"built_with": "tehty",
+		"built_with_gradio": "tehty Gradiolla",
+		"clear": "Poista",
+		"download": "Lataa",
+		"edit": "Muokkaa",
+		"empty": "Tyhjennä",
+		"error": "Virhe",
+		"hosted_on": "Hostattu",
+		"loading": "Ladataan",
+		"logo": "logo",
+		"or": "tai",
+		"remove": "Poista",
+		"share": "Jaa",
+		"submit": "Suorita",
+		"undo": "Kumoa",
+		"no_devices": "Laitetta ei löytynyt"
+	},
+	"dataframe": {
+		"incorrect_format": "Yhteensopimaton tiedostomuoto, vain CSV- ja TSV-tiedostoja tuetaan.",
+		"new_column": "Lisää sarake",
+		"new_row": "Lisää rivi",
+		"add_row_above": "Lisää rivi yläpuolelle",
+		"add_row_below": "Lisää rivi alle",
+		"add_column_left": "Lisää sarake vasemmalle",
+		"add_column_right": "Lisää sarake oikealle"
+	},
+	"dropdown": {
+		"dropdown": "Pudotusvalikko"
+	},
+	"errors": {
+		"build_error": "tapahtui virhe",
+		"config_error": "virhe asetuksissa",
+		"contact_page_author": "Kerro ylläpitäjälle virheestä.",
+		"no_app_file": "sovellustiedosto puuttuu",
+		"runtime_error": "ohjelman suorituksen aikana tapahtui virhe",
+		"space_not_working": "\"Space ei toimi, koska\" {0}",
+		"space_paused": "tila on tauolla",
+		"use_via_api": "Käytä rajapinnan kautta"
+	},
+	"file": {
+		"uploading": "Ladataan..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Korostettu teksti"
+	},
+	"image": {
+		"allow_webcam_access": "Ole hyvä ja anna lupa web-kameran käyttöön.",
+		"brush_color": "Siveltimen väri",
+		"brush_radius": "Siveltimen koko",
+		"image": "Kuva",
+		"remove_image": "Poista kuva",
+		"select_brush_color": "Valitse siveltimen väri",
+		"start_drawing": "Aloita piirtäminen",
+		"use_brush": "Käytä sivellintä"
+	},
+	"label": {
+		"label": "Tunniste"
+	},
+	"login": {
+		"enable_cookies": "Jos käytät Hugging Face Spacea Incognito-tilassa, sinun on otettava käyttöön kolmansien osapuolten evästeet..",
+		"incorrect_credentials": "Käyttäjätietoja ei löytynyt",
+		"login": "Kirjaudu sisään"
+	},
+	"number": {
+		"number": "Numero"
+	},
+	"plot": {
+		"plot": "Kuvaaja"
+	},
+	"radio": {
+		"radio": "Radio"
+	},
+	"slider": {
+		"slider": "Säädin"
+	},
+	"upload_text": {
+		"click_to_upload": "Lataa palvelimelle",
+		"drop_audio": "Vedä audiotiedosto tähän",
+		"drop_csv": "Vedä CSV tähän",
+		"drop_file": "Vedä tiedosto tähän",
+		"drop_image": "Vedä kuva tähän",
+		"drop_video": "Vedä video tähän",
+		"drop_gallery": "Vedä media tähän",
+		"paste_clipboard": "Liitä leikepöydältä"
+	}
+}

package/package.json

@@ -1,64 +1,64 @@
 {
   "name": "@gradio/core",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "type": "module",
   "devDependencies": {
-    "@gradio/accordion": "^0.4.1",
-    "@gradio/atoms": "^0.9.0",
-    "@gradio/annotatedimage": "^0.8.1",
-    "@gradio/audio": "^0.14.1",
-    "@gradio/box": "^0.2.0",
-    "@gradio/button": "^0.3.0",
-    "@gradio/chatbot": "^0.14.1",
-    "@gradio/checkbox": "^0.4.1",
-    "@gradio/checkboxgroup": "^0.6.1",
-    "@gradio/client": "^1.6.0",
-    "@gradio/code": "^0.10.1",
-    "@gradio/colorpicker": "^0.4.1",
+    "@gradio/accordion": "^0.4.4",
+    "@gradio/annotatedimage": "^0.8.5",
+    "@gradio/audio": "^0.14.5",
+    "@gradio/button": "^0.3.4",
+    "@gradio/box": "^0.2.3",
+    "@gradio/atoms": "^0.10.0",
+    "@gradio/chatbot": "^0.16.0",
+    "@gradio/checkboxgroup": "^0.6.4",
+    "@gradio/checkbox": "^0.4.4",
+    "@gradio/client": "^1.7.0",
     "@gradio/column": "^0.2.0",
-    "@gradio/dataframe": "^0.11.1",
-    "@gradio/dataset": "^0.3.1",
-    "@gradio/datetime": "^0.2.1",
-    "@gradio/downloadbutton": "^0.2.0",
-    "@gradio/fallback": "^0.4.1",
-    "@gradio/dropdown": "^0.8.1",
-    "@gradio/file": "^0.10.1",
-    "@gradio/fileexplorer": "^0.5.1",
-    "@gradio/gallery": "^0.13.1",
-    "@gradio/form": "^0.2.0",
+    "@gradio/colorpicker": "^0.4.4",
+    "@gradio/code": "^0.10.5",
+    "@gradio/dataframe": "^0.12.0",
+    "@gradio/dataset": "^0.3.6",
+    "@gradio/datetime": "^0.2.4",
+    "@gradio/downloadbutton": "^0.2.4",
+    "@gradio/dropdown": "^0.9.2",
+    "@gradio/fallback": "^0.4.4",
+    "@gradio/fileexplorer": "^0.5.5",
+    "@gradio/file": "^0.10.5",
+    "@gradio/form": "^0.2.3",
+    "@gradio/gallery": "^0.13.5",
     "@gradio/group": "^0.2.0",
-    "@gradio/html": "^0.4.1",
-    "@gradio/highlightedtext": "^0.8.1",
-    "@gradio/image": "^0.16.1",
-    "@gradio/icons": "^0.8.0",
-    "@gradio/imageeditor": "^0.11.1",
-    "@gradio/json": "^0.5.1",
-    "@gradio/label": "^0.4.1",
-    "@gradio/markdown": "^0.10.1",
-    "@gradio/model3d": "^0.13.1",
-    "@gradio/multimodaltextbox": "^0.6.1",
-    "@gradio/nativeplot": "^0.4.1",
-    "@gradio/paramviewer": "^0.5.1",
-    "@gradio/plot": "^0.7.1",
-    "@gradio/number": "^0.5.1",
-    "@gradio/radio": "^0.6.1",
+    "@gradio/highlightedtext": "^0.8.4",
+    "@gradio/html": "^0.4.4",
+    "@gradio/image": "^0.16.5",
+    "@gradio/icons": "^0.8.1",
+    "@gradio/json": "^0.5.4",
+    "@gradio/imageeditor": "^0.11.5",
+    "@gradio/label": "^0.4.4",
+    "@gradio/model3d": "^0.13.5",
+    "@gradio/multimodaltextbox": "^0.7.3",
+    "@gradio/nativeplot": "^0.4.4",
+    "@gradio/number": "^0.5.4",
+    "@gradio/markdown": "^0.11.0",
+    "@gradio/paramviewer": "^0.5.4",
     "@gradio/row": "^0.2.0",
-    "@gradio/simpleimage": "^0.8.1",
-    "@gradio/simpledropdown": "^0.3.1",
-    "@gradio/slider": "^0.5.1",
-    "@gradio/simpletextbox": "^0.3.1",
+    "@gradio/radio": "^0.6.4",
+    "@gradio/plot": "^0.8.0",
+    "@gradio/simpledropdown": "^0.3.4",
+    "@gradio/simpleimage": "^0.8.5",
+    "@gradio/simpletextbox": "^0.3.4",
+    "@gradio/slider": "^0.5.4",
     "@gradio/state": "^0.1.2",
-    "@gradio/statustracker": "^0.8.1",
-    "@gradio/tabitem": "^0.3.0",
-    "@gradio/tabs": "^0.3.0",
-    "@gradio/textbox": "^0.7.1",
+    "@gradio/tabitem": "^0.3.2",
+    "@gradio/tabs": "^0.3.2",
+    "@gradio/textbox": "^0.8.3",
     "@gradio/theme": "^0.3.0",
     "@gradio/timer": "^0.4.0",
-    "@gradio/upload": "^0.13.0",
+    "@gradio/uploadbutton": "^0.7.4",
+    "@gradio/statustracker": "^0.9.2",
+    "@gradio/upload": "^0.13.4",
     "@gradio/utils": "^0.7.0",
-    "@gradio/uploadbutton": "^0.7.0",
-    "@gradio/wasm": "^0.14.0",
-    "@gradio/video": "^0.11.1"
+    "@gradio/video": "^0.11.5",
+    "@gradio/wasm": "^0.14.2"
   },
   "msw": {
     "workerDirectory": "public"

package/src/Blocks.svelte

@@ -152,6 +152,7 @@
 
 	let messages: (ToastMessage & { fn_index: number })[] = [];
 	function new_message(
+		title: string,
 		message: string,
 		fn_index: number,
 		type: ToastMessage["type"],
@@ -159,6 +160,7 @@
 		visible = true
 	): ToastMessage & { fn_index: number } {
 		return {
+			title,
 			message,
 			fn_index,
 			type,
@@ -169,10 +171,11 @@
 	}
 
 	export function add_new_message(
+		title: string,
 		message: string,
 		type: ToastMessage["type"]
 	): void {
-		messages = [new_message(message, -1, type), ...messages];
+		messages = [new_message(title, message, -1, type), ...messages];
 	}
 
 	let _error_id = -1;
@@ -241,7 +244,7 @@
 		if (inputs_waiting.length > 0) {
 			for (const input of inputs_waiting) {
 				if (dep.inputs.includes(input)) {
-					add_new_message(WAITING_FOR_INPUTS_MESSAGE, "warning");
+					add_new_message("Warning", WAITING_FOR_INPUTS_MESSAGE, "warning");
 					return;
 				}
 			}
@@ -346,7 +349,10 @@
 				);
 			} catch (e) {
 				const fn_index = 0; // Mock value for fn_index
-				messages = [new_message(String(e), fn_index, "error"), ...messages];
+				messages = [
+					new_message("Error", String(e), fn_index, "error"),
+					...messages
+				];
 				loading_status.update({
 					status: "error",
 					fn_index,
@@ -413,9 +419,9 @@
 			}
 
 			function handle_log(msg: LogMessage): void {
-				const { log, fn_index, level, duration, visible } = msg;
+				const { title, log, fn_index, level, duration, visible } = msg;
 				messages = [
-					new_message(log, fn_index, level, duration, visible),
+					new_message(title, log, fn_index, level, duration, visible),
 					...messages
 				];
 			}
@@ -463,7 +469,7 @@
 				) {
 					showed_duplicate_message = true;
 					messages = [
-						new_message(DUPLICATE_MESSAGE, fn_index, "warning"),
+						new_message("Warning", DUPLICATE_MESSAGE, fn_index, "warning"),
 						...messages
 					];
 				}
@@ -475,7 +481,7 @@
 				) {
 					showed_mobile_warning = true;
 					messages = [
-						new_message(MOBILE_QUEUE_WARNING, fn_index, "warning"),
+						new_message("Warning", MOBILE_QUEUE_WARNING, fn_index, "warning"),
 						...messages
 					];
 				}
@@ -503,7 +509,7 @@
 				if (status.broken && is_mobile_device && user_left_page) {
 					window.setTimeout(() => {
 						messages = [
-							new_message(MOBILE_RECONNECT_MESSAGE, fn_index, "error"),
+							new_message("Error", MOBILE_RECONNECT_MESSAGE, fn_index, "error"),
 							...messages
 						];
 					}, 0);
@@ -515,8 +521,10 @@
 							MESSAGE_QUOTE_RE,
 							(_, b) => b
 						);
+						const _title = status.title ?? "Error";
 						messages = [
 							new_message(
+								_title,
 								_message,
 								fn_index,
 								"error",
@@ -612,8 +620,10 @@
 			if (event === "share") {
 				const { title, description } = data as ShareData;
 				trigger_share(title, description);
-			} else if (event === "error" || event === "warning") {
-				messages = [new_message(data, -1, event), ...messages];
+			} else if (event === "error") {
+				messages = [new_message("Error", data, -1, event), ...messages];
+			} else if (event === "warning") {
+				messages = [new_message("Warning", data, -1, event), ...messages];
 			} else if (event == "clear_status") {
 				update_status(id, "complete", data);
 			} else if (event == "close_stream") {

package/src/init.ts

@@ -1,4 +1,5 @@
 import { writable, type Writable, get } from "svelte/store";
+
 import type {
 	ComponentMeta,
 	Dependency,
@@ -27,6 +28,7 @@ const raf = is_browser
  * Create a store with the layout and a map of targets
  * @returns A store with the layout and a map of targets
  */
+let has_run = new Set<number>();
 export function create_components(initial_layout: ComponentMeta | undefined): {
 	layout: Writable<ComponentMeta>;
 	targets: Writable<TargetMap>;
@@ -290,6 +292,33 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
 			);
 		}
 
+		if (instance.type === "tabs" && !instance.props.initial_tabs) {
+			const tab_items_props =
+				node.children?.map((c) => {
+					const instance = instance_map[c.id];
+					// console.log("tabs", JSON.stringify(instance.props, null, 2));
+					instance.props.id ??= c.id;
+					return {
+						type: instance.type,
+						props: {
+							...(instance.props as any),
+							id: instance.props.id
+						}
+					};
+				}) || [];
+
+			const child_tab_items = tab_items_props.filter(
+				(child) => child.type === "tabitem"
+			);
+
+			instance.props.initial_tabs = child_tab_items?.map((child) => ({
+				label: child.props.label,
+				id: child.props.id,
+				visible: child.props.visible,
+				interactive: child.props.interactive
+			}));
+		}
+
 		return instance;
 	}
 
@@ -317,7 +346,7 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
 					else if (update.value instanceof Set)
 						new_value = new Set(update.value);
 					else if (Array.isArray(update.value)) new_value = [...update.value];
-					else if (update.value === null) new_value = null;
+					else if (update.value == null) new_value = null;
 					else if (typeof update.value === "object")
 						new_value = { ...update.value };
 					else new_value = update.value;

package/src/lang/fi.json

@@ -0,0 +1,124 @@
+{
+	"3D_model": {
+		"3d_model": "3D-malli"
+	},
+	"annotated_image": {
+		"annotated_image": "Annotoitu kuva"
+	},
+	"audio": {
+		"allow_recording_access": "Ole hyvä ja anna selaimelle ja sivustolle pääsy mikrofoniin.",
+		"audio": "Audio",
+		"record_from_microphone": "Äänitä mikrofonia",
+		"stop_recording": "Lopeta äänitys",
+		"no_device_support": "Medialaitteita ei voitu käyttää. Tarkista, että yhteys on salattu (https), paikallinen (localhost), tai ssl_verify on saanut voimassa olevan SSL-sertifikaatin. Tarkista, että olet antanut selaimelle pääsyn medialaitteeseen.",
+		"stop": "Stop",
+		"resume": "Jatka",
+		"record": "Äänitä",
+		"no_microphone": "Ei mikrofonia käytössä",
+		"pause": "Pause",
+		"play": "Play",
+		"waiting": "Odotetaan"
+	},
+	"blocks": {
+		"connection_can_break": "Mobiililaitteella yhteys voi katketa, jos vaihdat välilehteä tai laite menee lepotilaa. Tällöin menetät paikkasi jonossa.",
+		"long_requests_queue": "Spacessa on ruuhkaa ja jono on pitkä. Kopioi tämä Space hypätäksesi jonon ohi.",
+		"lost_connection": "Yhteys katkesi sivulta poistumisen seurauksena. Liitytään takaisin jonoon...",
+		"waiting_for_inputs": "Odotetaan latauksen valmistumista, ole hyvä ja yritä uudelleen."
+	},
+	"checkbox": {
+		"checkbox": "Valintaruutu",
+		"checkbox_group": "Valintaruuturyhmä"
+	},
+	"code": {
+		"code": "Koodi"
+	},
+	"color_picker": {
+		"color_picker": "Värivalitsin"
+	},
+	"common": {
+		"built_with": "tehty",
+		"built_with_gradio": "tehty Gradiolla",
+		"clear": "Poista",
+		"download": "Lataa",
+		"edit": "Muokkaa",
+		"empty": "Tyhjennä",
+		"error": "Virhe",
+		"hosted_on": "Hostattu",
+		"loading": "Ladataan",
+		"logo": "logo",
+		"or": "tai",
+		"remove": "Poista",
+		"share": "Jaa",
+		"submit": "Suorita",
+		"undo": "Kumoa",
+		"no_devices": "Laitetta ei löytynyt"
+	},
+	"dataframe": {
+		"incorrect_format": "Yhteensopimaton tiedostomuoto, vain CSV- ja TSV-tiedostoja tuetaan.",
+		"new_column": "Lisää sarake",
+		"new_row": "Lisää rivi",
+		"add_row_above": "Lisää rivi yläpuolelle",
+		"add_row_below": "Lisää rivi alle",
+		"add_column_left": "Lisää sarake vasemmalle",
+		"add_column_right": "Lisää sarake oikealle"
+	},
+	"dropdown": {
+		"dropdown": "Pudotusvalikko"
+	},
+	"errors": {
+		"build_error": "tapahtui virhe",
+		"config_error": "virhe asetuksissa",
+		"contact_page_author": "Kerro ylläpitäjälle virheestä.",
+		"no_app_file": "sovellustiedosto puuttuu",
+		"runtime_error": "ohjelman suorituksen aikana tapahtui virhe",
+		"space_not_working": "\"Space ei toimi, koska\" {0}",
+		"space_paused": "tila on tauolla",
+		"use_via_api": "Käytä rajapinnan kautta"
+	},
+	"file": {
+		"uploading": "Ladataan..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Korostettu teksti"
+	},
+	"image": {
+		"allow_webcam_access": "Ole hyvä ja anna lupa web-kameran käyttöön.",
+		"brush_color": "Siveltimen väri",
+		"brush_radius": "Siveltimen koko",
+		"image": "Kuva",
+		"remove_image": "Poista kuva",
+		"select_brush_color": "Valitse siveltimen väri",
+		"start_drawing": "Aloita piirtäminen",
+		"use_brush": "Käytä sivellintä"
+	},
+	"label": {
+		"label": "Tunniste"
+	},
+	"login": {
+		"enable_cookies": "Jos käytät Hugging Face Spacea Incognito-tilassa, sinun on otettava käyttöön kolmansien osapuolten evästeet..",
+		"incorrect_credentials": "Käyttäjätietoja ei löytynyt",
+		"login": "Kirjaudu sisään"
+	},
+	"number": {
+		"number": "Numero"
+	},
+	"plot": {
+		"plot": "Kuvaaja"
+	},
+	"radio": {
+		"radio": "Radio"
+	},
+	"slider": {
+		"slider": "Säädin"
+	},
+	"upload_text": {
+		"click_to_upload": "Lataa palvelimelle",
+		"drop_audio": "Vedä audiotiedosto tähän",
+		"drop_csv": "Vedä CSV tähän",
+		"drop_file": "Vedä tiedosto tähän",
+		"drop_image": "Vedä kuva tähän",
+		"drop_video": "Vedä video tähän",
+		"drop_gallery": "Vedä media tähän",
+		"paste_clipboard": "Liitä leikepöydältä"
+	}
+}