Fix statustracker for generating outputs (#12337)

* Fix number status

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

Author: freddyaboulton

.changeset/petite-books-hunt.md

@@ -0,0 +1,6 @@
+---
+"@gradio/core": minor
+"gradio": minor
+---
+
+feat:Fix statustracker for generating outputs

.config/playwright.config.js

@@ -18,7 +18,7 @@ const base = defineConfig({
 	timeout: 30_000,
 	testMatch: /.*\.spec\.ts/,
 	testDir: "..",
-	workers: undefined,
+	workers: process.env.CI ? 6 : undefined,
 	retries: 3
 });
 

js/core/src/dependency.ts

@@ -431,6 +431,14 @@ export class DependencyManager {
 									break submit_loop;
 								} else if (result.stage === "generating") {
 									this.dispatch_state_change_events(result);
+									// @ts-ignore
+									this.loading_stati.update({
+										...status,
+										status: status.stage,
+										fn_index: dep.id,
+										stream_state
+									});
+									this.update_loading_stati_state();
 								} else if (result.stage === "error") {
 									if (Array.isArray(result?.message)) {
 										result.message.forEach((m: ValidationError, i) => {

js/core/src/init.svelte.ts

@@ -149,11 +149,12 @@ export class AppTree {
 	postprocess(tree: ProcessedComponentMeta) {
 		this.root = this.traverse(tree, [
 			(node) => handle_visibility(node, this.#config.root),
-			(node) => untrack_children_of_invisible_parents(
-				node,
-				this.#config.root,
-				this.components_to_register
-			),
+			(node) =>
+				untrack_children_of_invisible_parents(
+					node,
+					this.#config.root,
+					this.components_to_register
+				),
 			(node) =>
 				handle_empty_forms(
 					node,
@@ -331,7 +332,7 @@ export class AppTree {
 			this.root = this.traverse(this.root!, [
 				//@ts-ignore
 				(n) => set_visibility_for_updated_node(n, id, new_state.visible),
-				(n) => handle_visibility(n, this.#config.root),
+				(n) => handle_visibility(n, this.#config.root)
 			]);
 			already_updated_visibility = true;
 		}
@@ -500,23 +501,24 @@ function set_visibility_for_updated_node(
 	return node;
 }
 
-function _untrack(node: ProcessedComponentMeta, components_to_register: Set<number>): void {
+function _untrack(
+	node: ProcessedComponentMeta,
+	components_to_register: Set<number>
+): void {
 	components_to_register.delete(node.id);
 	if (node.children) {
 		node.children.forEach((child) => _untrack(child, components_to_register));
 	}
 	return;
 }
 
-
 function untrack_children_of_invisible_parents(
 	node: ProcessedComponentMeta,
 	root: string,
 	components_to_register: Set<number>
 ): ProcessedComponentMeta {
 	// Check if the node is visible
 	if (node.props.shared_props.visible !== true) {
-		console.log("Untracking children of invisible parent:", node.id, node.children);
 		_untrack(node, components_to_register);
 	}
 	return node;