feat(frontend): add a refresh component control to the DB Studio (#3490)

* feat(frontend): add a refresh component control to the DB Studio

* feat(frontend): add a refresh component control to the DB Studio

* feat(frontend): clean up

* feat(frontend): improve recompute to handle sub runnable

* feat(frontend): clean up

frontend/src/lib/components/apps/components/helpers/eval.ts

@@ -140,6 +140,7 @@ export async function eval_like(
 			invalidate?: (key: string, error: string) => void
 			validateAll?: () => void
 			clearFiles?: () => void
+			showToast?: (message: string, error?: boolean) => void
 		}
 	>,
 	worldStore: World | undefined,
@@ -183,6 +184,13 @@ export async function eval_like(
 			controlComponents[id]?.setTab?.(index)
 		},
 		(id) => {
+			// Check for the existence of sub-runnables:
+			// For example a_count for Database Studio
+
+			if (runnableComponents[`${id}_count`]?.cb) {
+				runnableComponents[`${id}_count`]?.cb?.forEach((f) => f())
+			}
+
 			runnableComponents[id]?.cb?.forEach((f) => f())
 		},
 		(id) => {

frontend/src/lib/components/apps/editor/componentsPanel/componentControlUtils.ts

@@ -126,6 +126,8 @@ export function getComponentControl(type: keyof typeof components): Array<Compon
 			return [setValue, validate, validateAll, invalidate]
 		case 'tablecomponent':
 			return [setSelectedIndex]
+		case 'dbexplorercomponent':
+			return [recompute]
 		default:
 			if (components[type].initialData['componentInput']) {
 				return [recompute]

frontend/src/lib/components/apps/types.ts

@@ -258,6 +258,7 @@ export type AppViewerContext = {
 				invalidate?: (key: string, error: string) => void
 				validateAll?: () => void
 				clearFiles?: () => void
+				showToast?: (message: string, error?: boolean) => void
 			}
 		>
 	>