fix tab behavior

frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte

@@ -243,13 +243,26 @@
 		{/if}
 
 		{#if componentSettings.item.data.type === 'tabscomponent'}
-			<GridTab bind:tabs={componentSettings.item.data.tabs} {component} />
+			<GridTab
+				bind:tabs={componentSettings.item.data.tabs}
+				bind:component={componentSettings.item.data}
+			/>
 		{:else if componentSettings.item.data.type === 'steppercomponent'}
-			<GridTab bind:tabs={componentSettings.item.data.tabs} {component} word="Step" />
+			<GridTab
+				bind:tabs={componentSettings.item.data.tabs}
+				bind:component={componentSettings.item.data}
+				word="Step"
+			/>
 		{:else if componentSettings.item.data.type === 'conditionalwrapper'}
-			<GridCondition bind:conditions={componentSettings.item.data.conditions} {component} />
+			<GridCondition
+				bind:conditions={componentSettings.item.data.conditions}
+				bind:component={componentSettings.item.data}
+			/>
 		{:else if componentSettings.item.data.type === 'verticalsplitpanescomponent' || componentSettings.item.data.type === 'horizontalsplitpanescomponent'}
-			<GridPane bind:panes={componentSettings.item.data.panes} {component} />
+			<GridPane
+				bind:panes={componentSettings.item.data.panes}
+				bind:component={componentSettings.item.data}
+			/>
 		{:else if componentSettings.item.data.type === 'tablecomponent' && Array.isArray(componentSettings.item.data.actionButtons)}
 			<TableActions id={component.id} bind:components={componentSettings.item.data.actionButtons} />
 		{/if}

frontend/src/lib/components/apps/editor/settingsPanel/GridTab.svelte

@@ -33,16 +33,15 @@
 		}
 
 		$app.subgrids[`${component.id}-${numberOfTabs}`] = []
-		component.numberOfSubgrids = items.length
-
 		items = [
 			...items,
 			{
 				value: `${word} ${items.length + 1}`,
 				id: generateRandomString(),
-				originalIndex: items.length - 1
+				originalIndex: items.length
 			}
 		]
+		component.numberOfSubgrids = items.length
 	}
 
 	function deleteSubgrid(index: number) {
@@ -54,6 +53,7 @@
 			}
 		}
 		$runnableComponents = $runnableComponents
+
 		for (let i = index; i < items.length - 1; i++) {
 			$app!.subgrids![`${component.id}-${i}`] = $app!.subgrids![`${component.id}-${i + 1}`]
 		}
@@ -62,12 +62,13 @@
 		items = items.filter((item) => item.originalIndex !== index)
 
 		component.numberOfSubgrids = items.length
-		$app = $app
-
 		// Update the originalIndex of the remaining items
 		items.forEach((item, i) => {
 			item.originalIndex = i
 		})
+		items = items
+		delete $app!.subgrids![items.length]
+		$app = $app
 	}
 
 	function handleConsider(e: CustomEvent): void {

frontend/src/lib/script_helpers.ts

@@ -221,7 +221,7 @@ func main() (interface{}, error) {
 }
 `
 
-export const DENO_INIT_CODE_APPROVAL = `import * as wmill from "https://deno.land/x/windmill@v1.41.0/mod.ts"
+export const DENO_INIT_CODE_APPROVAL = `import * as wmill from "https://deno.land/x/windmill@v1.99.0/mod.ts"
 
 export async function main(approver?: string) {
   return wmill.getResumeEndpoints(approver)