diff --git a/packages/safe-ds-eda/src/App.svelte b/packages/safe-ds-eda/src/App.svelte
index b436865b1..9fb008372 100644
--- a/packages/safe-ds-eda/src/App.svelte
+++ b/packages/safe-ds-eda/src/App.svelte
@@ -2,7 +2,7 @@
     import TableView from './components/TableView.svelte';
     import Sidebar from './components/Sidebar.svelte';
     import { throttle } from 'lodash';
-    import { currentTabIndex, currentState } from './webviewState';
+    import { currentTabIndex, tabs } from './webviewState';
     import TabContent from './components/tabs/TabContent.svelte';
 
     let sidebarWidth = 307; // Initial width of the sidebar in pixels
@@ -47,8 +47,8 @@
         <div class:hide={$currentTabIndex !== undefined}>
             <TableView {sidebarWidth} />
         </div>
-        {#if $currentState.tabs}
-            {#each $currentState.tabs as tab, index}
+        {#if $tabs.length > 0}
+            {#each $tabs as tab, index}
                 <div class:hide={index !== $currentTabIndex}>
                     <TabContent {tab} {sidebarWidth} />
                 </div>
diff --git a/packages/safe-ds-eda/src/apis/historyApi.ts b/packages/safe-ds-eda/src/apis/historyApi.ts
index de723ebd5..be67dff01 100644
--- a/packages/safe-ds-eda/src/apis/historyApi.ts
+++ b/packages/safe-ds-eda/src/apis/historyApi.ts
@@ -10,7 +10,7 @@ import type {
     Tab,
     TabHistoryEntry,
 } from '../../types/state';
-import { cancelTabIdsWaiting, currentState, currentTabIndex } from '../webviewState';
+import { cancelTabIdsWaiting, tabs, history, currentTabIndex } from '../webviewState';
 import { executeRunner } from './extensionApi';
 
 // Wait for results to return from the server
@@ -47,40 +47,34 @@ window.addEventListener('message', (event) => {
 });
 
 export const addInternalToHistory = function (entry: InternalHistoryEntry): void {
-    currentState.update((state) => {
+    history.update((state) => {
         const entryWithId: HistoryEntry = {
             ...entry,
             id: getAndIncrementEntryId(),
         };
-        const newHistory = [...state.history, entryWithId];
-        return {
-            ...state,
-            history: newHistory,
-        };
+        const newHistory = [...state, entryWithId];
+        return newHistory;
     });
 };
 
 export const executeExternalHistoryEntry = function (entry: ExternalHistoryEntry): void {
-    currentState.update((state) => {
+    history.update((state) => {
         const entryWithId: HistoryEntry = {
             ...entry,
             id: getAndIncrementEntryId(),
         };
-        const newHistory = [...state.history, entryWithId];
+        const newHistory = [...state, entryWithId];
 
         asyncQueue.push(entryWithId);
-        executeRunner(state.history, entryWithId); // Is this good in here? Otherwise risk of empty array idk
+        executeRunner(state, entryWithId);
 
-        return {
-            ...state,
-            history: newHistory,
-        };
+        return newHistory;
     });
 };
 
 export const addAndDeployTabHistoryEntry = function (entry: TabHistoryEntry & { id: number }, tab: Tab): void {
     // Search if already exists and is up to date
-    const existingTab = get(currentState).tabs?.find(
+    const existingTab = get(tabs).find(
         (et) =>
             et.type !== 'empty' &&
             et.type === tab.type &&
@@ -90,20 +84,18 @@ export const addAndDeployTabHistoryEntry = function (entry: TabHistoryEntry & {
             !et.isInGeneration,
     );
     if (existingTab) {
-        currentTabIndex.set(get(currentState).tabs!.indexOf(existingTab));
+        currentTabIndex.set(get(tabs).indexOf(existingTab));
         return;
     }
 
-    currentState.update((state) => {
-        const newHistory = [...state.history, entry];
-
-        return {
-            ...state,
-            history: newHistory,
-            tabs: (state.tabs ?? []).concat([tab]),
-        };
+    history.update((state) => {
+        return [...state, entry];
+    });
+    tabs.update((state) => {
+        const newTabs = (state ?? []).concat(tab);
+        return newTabs;
     });
-    currentTabIndex.set(get(currentState).tabs!.indexOf(tab));
+    currentTabIndex.set(get(tabs).indexOf(tab));
 };
 
 export const addEmptyTabHistoryEntry = function (): void {
@@ -119,16 +111,14 @@ export const addEmptyTabHistoryEntry = function (): void {
         isInGeneration: true,
     };
 
-    currentState.update((state) => {
-        const newHistory = [...state.history, entry];
-
-        return {
-            ...state,
-            history: newHistory,
-            tabs: (state.tabs ?? []).concat([tab]),
-        };
+    history.update((state) => {
+        return [...state, entry];
+    });
+    tabs.update((state) => {
+        const newTabs = (state ?? []).concat(tab);
+        return newTabs;
     });
-    currentTabIndex.set(get(currentState).tabs!.indexOf(tab));
+    currentTabIndex.set(get(tabs).indexOf(tab));
 };
 
 export const cancelExecuteExternalHistoryEntry = function (entry: HistoryEntry): void {
@@ -139,9 +129,7 @@ export const cancelExecuteExternalHistoryEntry = function (entry: HistoryEntry):
             cancelTabIdsWaiting.update((ids) => {
                 return ids.concat([entry.existingTabId!]);
             });
-            const tab: RealTab = get(currentState).tabs!.find(
-                (t) => t.type !== 'empty' && t.id === entry.existingTabId,
-            )! as RealTab;
+            const tab: RealTab = get(tabs).find((t) => t.type !== 'empty' && t.id === entry.existingTabId)! as RealTab;
             unsetTabAsGenerating(tab);
         }
     } else {
@@ -150,8 +138,8 @@ export const cancelExecuteExternalHistoryEntry = function (entry: HistoryEntry):
 };
 
 export const setTabAsGenerating = function (tab: RealTab): void {
-    currentState.update((state) => {
-        const newTabs = state.tabs?.map((t) => {
+    tabs.update((state) => {
+        const newTabs = state.map((t) => {
             if (t === tab) {
                 return {
                     ...t,
@@ -162,16 +150,13 @@ export const setTabAsGenerating = function (tab: RealTab): void {
             }
         });
 
-        return {
-            ...state,
-            tabs: newTabs,
-        };
+        return newTabs;
     });
 };
 
 export const unsetTabAsGenerating = function (tab: RealTab): void {
-    currentState.update((state) => {
-        const newTabs = state.tabs?.map((t) => {
+    tabs.update((state) => {
+        const newTabs = state.map((t) => {
             if (t === tab) {
                 return {
                     ...t,
@@ -193,34 +178,26 @@ const deployResult = function (result: RunnerExecutionResultMessage) {
     const resultContent = result.value;
     if (resultContent.type === 'tab') {
         if (resultContent.content.id) {
-            const existingTab = get(currentState).tabs?.find((et) => et.id === resultContent.content.id);
+            const existingTab = get(tabs).find((et) => et.id === resultContent.content.id);
             if (existingTab) {
-                const tabIndex = get(currentState).tabs!.indexOf(existingTab);
-                currentState.update((state) => {
-                    return {
-                        ...state,
-                        tabs: state.tabs?.map((t) => {
-                            if (t.id === resultContent.content.id) {
-                                return resultContent.content;
-                            } else {
-                                return t;
-                            }
-                        }),
-                    };
-                });
+                const tabIndex = get(tabs).indexOf(existingTab);
+                tabs.update((state) =>
+                    state.map((t) => {
+                        if (t.id === resultContent.content.id) {
+                            return resultContent.content;
+                        } else {
+                            return t;
+                        }
+                    }),
+                );
                 currentTabIndex.set(tabIndex);
                 return;
             }
         }
         const tab = resultContent.content;
         tab.id = crypto.randomUUID();
-        currentState.update((state) => {
-            return {
-                ...state,
-                tabs: (state.tabs ?? []).concat(tab),
-            };
-        });
-        currentTabIndex.set(get(currentState).tabs!.indexOf(tab));
+        tabs.update((state) => state.concat(tab));
+        currentTabIndex.set(get(tabs).indexOf(tab));
     }
 };
 
diff --git a/packages/safe-ds-eda/src/components/Sidebar.svelte b/packages/safe-ds-eda/src/components/Sidebar.svelte
index d5f15e1a2..c02278704 100644
--- a/packages/safe-ds-eda/src/components/Sidebar.svelte
+++ b/packages/safe-ds-eda/src/components/Sidebar.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { currentState, currentTabIndex, preventClicks } from '../webviewState';
+    import { table, currentTabIndex, preventClicks, tabs } from '../webviewState';
     import CaretIcon from '../icons/Caret.svelte';
     import HistoryIcon from '../icons/History.svelte';
     import UndoIcon from '../icons/Undo.svelte';
@@ -20,11 +20,11 @@
     <div class="titleBar">
         {#if width > 100}
             <span class="tableName"
-                >{$currentState.table?.name}
+                >{$table?.name ?? 'Loading ...'}
                 <span class="caret"><CaretIcon /></span>
             </span>{/if}
         {#if width > 70}
-            <span class="rowCounts">{$currentState.table?.visibleRows}/{$currentState.table?.totalRows} Rows</span>{/if}
+            <span class="rowCounts">{$table?.visibleRows ?? 0}/{$table?.totalRows ?? 0} Rows</span>{/if}
     </div>
     {#if width > 50}
         <div class="historyBar" class:no-borders={width < 50}>
@@ -44,8 +44,8 @@
             <button class="tab" class:tabActive={$currentTabIndex === undefined} on:click={() => changeTab(undefined)}>
                 <span class="icon tableIcon"><TableIcon /></span>{#if width > 109}Table{/if}
             </button>
-            {#if $currentState.tabs}
-                {#each $currentState.tabs as tab, index}
+            {#if $tabs}
+                {#each $tabs as tab, index}
                     <button class="sidebarButton" on:click={() => changeTab(index)}>
                         <SidebarTab tabObject={tab} active={$currentTabIndex === index} {width} />
                     </button>
diff --git a/packages/safe-ds-eda/src/components/TableView.svelte b/packages/safe-ds-eda/src/components/TableView.svelte
index 039ee6b8b..12fed9210 100644
--- a/packages/safe-ds-eda/src/components/TableView.svelte
+++ b/packages/safe-ds-eda/src/components/TableView.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { onMount } from 'svelte';
     import { throttle } from 'lodash';
-    import { currentState, preventClicks } from '../webviewState';
+    import { table, preventClicks } from '../webviewState';
     import CaretIcon from '../icons/Caret.svelte';
     import ErrorIcon from '../icons/Error.svelte';
     import FilterIcon from '../icons/Filter.svelte';
@@ -33,37 +33,35 @@
     let savedColumnWidths = writable(new Map<string, number>());
 
     //#region Startup
-    $: {
-        if ($currentState.table) {
-            minTableWidth = 0;
-            numRows = 0;
-            maxProfilingItemCount = 0;
-            $currentState.table.columns.forEach((column: [number, Column]) => {
-                if (column[1].values.length > numRows) {
-                    numRows = column[1].values.length;
+    $: if ($table) {
+        minTableWidth = 0;
+        numRows = 0;
+        maxProfilingItemCount = 0;
+        $table.columns.forEach((column: Column) => {
+            if (column.values.length > numRows) {
+                numRows = column.values.length;
+            }
+            minTableWidth += 100;
+
+            // Find which is the talles profiling type present in this table to adjust which profilings to give small height to, to have them adhere to good spacing
+            // (cannot give to tallest one, as then it will all be small)
+            if (column.profiling) {
+                let profilingItemCount = 0;
+                if (column.profiling.validRatio) profilingItemCount += 1;
+                if (column.profiling.missingRatio) profilingItemCount += 1;
+                for (const profilingItem of column.profiling.other) {
+                    profilingItemCount += calcProfilingItemValue(profilingItem);
                 }
-                minTableWidth += 100;
-
-                // Find which is the talles profiling type present in this table to adjust which profilings to give small height to, to have them adhere to good spacing
-                // (cannot give to tallest one, as then it will all be small)
-                if (column[1].profiling) {
-                    let profilingItemCount = 0;
-                    if (column[1].profiling.validRatio) profilingItemCount += 1;
-                    if (column[1].profiling.missingRatio) profilingItemCount += 1;
-                    for (const profilingItem of column[1].profiling.other) {
-                        profilingItemCount += calcProfilingItemValue(profilingItem);
-                    }
-                    if (profilingItemCount > maxProfilingItemCount) {
-                        maxProfilingItemCount = profilingItemCount;
-                    }
+                if (profilingItemCount > maxProfilingItemCount) {
+                    maxProfilingItemCount = profilingItemCount;
                 }
-            });
-
-            if (showProfiling) {
-                setTimeout(() => {
-                    fullHeadBackground.style.height = 2 * rowHeight + profilingInfo.clientHeight + 'px'; // To also update when profiling info is initially coming and profiling was already open
-                }, 700); // 700ms is the transition time of the profiling info opening/incresing in height
             }
+        });
+
+        if (showProfiling) {
+            setTimeout(() => {
+                fullHeadBackground.style.height = 2 * rowHeight + profilingInfo.clientHeight + 'px'; // To also update when profiling info is initially coming and profiling was already open
+            }, 700); // 700ms is the transition time of the profiling info opening/incresing in height
         }
     }
 
@@ -231,15 +229,11 @@
             if (dragCurrentIndex > dragStartIndex) {
                 dragCurrentIndex -= 1;
             }
-            currentState.update(($currentState) => {
-                const newColumns = [...$currentState.table!.columns];
+            table.update(($table) => {
+                const newColumns = [...$table!.columns];
                 const movedItem = newColumns.splice(dragStartIndex!, 1)[0];
                 newColumns.splice(dragCurrentIndex!, 0, movedItem);
-                // In newColumns also set the number of each column array to their new index
-                newColumns.forEach((column, index) => {
-                    column[0] = index;
-                });
-                return { ...$currentState, table: { ...$currentState.table!, columns: newColumns } };
+                return { ...$table!, columns: newColumns };
             });
             document.removeEventListener('mouseup', handleReorderDragEnd);
             isReorderDragging = false;
@@ -499,8 +493,8 @@
         if (selectedColumnIndexes.length !== 2) {
             throw new Error('Two columns must be selected to generate a two column plot');
         }
-        const xAxisColumnName = $currentState.table!.columns[selectedColumnIndexes[0]][1].name;
-        const yAxisColumnName = $currentState.table!.columns[selectedColumnIndexes[1]][1].name;
+        const xAxisColumnName = $table!.columns[selectedColumnIndexes[0]].name;
+        const yAxisColumnName = $table!.columns[selectedColumnIndexes[1]].name;
 
         executeExternalHistoryEntry({
             action: type,
@@ -520,7 +514,7 @@
         if (type === 'infoPanel') {
             throw new Error('Not implemented yet.');
         }
-        const columnName = $currentState.table!.columns[selectedColumnIndexes[0]][1].name;
+        const columnName = $table!.columns[selectedColumnIndexes[0]].name;
 
         executeExternalHistoryEntry({
             action: type,
@@ -577,17 +571,17 @@
     };
 
     // As store to update on profiling changes
-    const hasProfilingErrors = derived(currentState, ($currentState) => {
-        if (!$currentState.table) return false;
-        for (const column of $currentState.table!.columns) {
-            if (!column[1].profiling) return false;
+    const hasProfilingErrors = derived(table, ($table) => {
+        if (!$table) return false;
+        for (const column of $table.columns) {
+            if (!column.profiling) return false;
             if (
-                column[1].profiling.missingRatio?.interpretation === 'error' ||
-                column[1].profiling.validRatio?.interpretation === 'error'
+                column.profiling.missingRatio?.interpretation === 'error' ||
+                column.profiling.validRatio?.interpretation === 'error'
             ) {
                 return true;
             }
-            for (const profilingItem of column[1].profiling.other) {
+            for (const profilingItem of column.profiling.other) {
                 if (profilingItem.type === 'numerical' && profilingItem.interpretation === 'error') {
                     return true;
                 }
@@ -597,9 +591,9 @@
     });
 
     const getPosiibleColumnFilters = function (columnIndex: number): PossibleColumnFilter[] {
-        if (!$currentState.table) return [];
+        if (!$table) return [];
 
-        const column = $currentState.table.columns[columnIndex][1];
+        const column = $table.columns[columnIndex];
 
         if (!column.profiling) return [];
 
@@ -668,7 +662,7 @@
 </script>
 
 <div bind:this={tableContainer} class="tableContainer">
-    {#if !$currentState.table}
+    {#if !$table}
         <span>Loading ...</span>
     {:else}
         <div class="contentWrapper" style:height="{numRows * rowHeight}px">
@@ -686,18 +680,18 @@
                             class="borderColumn borderColumnHeader"
                             on:mousemove={(event) => throttledHandleReorderDragOver(event, 0)}>#</th
                         >
-                        {#each $currentState.table.columns as column, index}
+                        {#each $table.columns as column, index}
                             <th
                                 bind:this={headerElements[index]}
                                 class:reorderHighlightedLeft={isReorderDragging && dragCurrentIndex === index}
                                 style="width: {$savedColumnWidths.get(
-                                    column[1].name,
+                                    column.name,
                                 )}px; position: relative; {isReorderDragging && dragStartIndex === index
                                     ? 'display: none;'
                                     : ''}"
                                 on:mousedown={(event) => handleColumnInteractionStart(event, index)}
                                 on:mousemove={(event) => throttledHandleReorderDragOver(event, index)}
-                                >{column[1].name}
+                                >{column.name}
                                 <div
                                     role="none"
                                     class="filterIconWrapper"
@@ -720,9 +714,9 @@
                         <th
                             class="borderColumn borderColumnHeader"
                             class:reorderHighlightedLeft={isReorderDragging &&
-                                dragCurrentIndex === $currentState.table.columns.length}
-                            on:mousemove={(event) =>
-                                throttledHandleReorderDragOver(event, $currentState.table?.columns.length ?? 0)}>#</th
+                                dragCurrentIndex === $table.columns.length}
+                            on:mousemove={(event) => throttledHandleReorderDragOver(event, $table?.columns.length ?? 0)}
+                            >#</th
                         >
                     </tr>
                 </thead>
@@ -732,22 +726,22 @@
                         class="borderColumn borderRight profiling"
                         on:mousemove={(event) => throttledHandleReorderDragOver(event, 0)}
                     ></td>
-                    {#each $currentState.table.columns as column, index}
+                    {#each $table.columns as column, index}
                         <td
                             class="profiling"
                             class:expanded={showProfiling}
-                            style="height: {showProfiling && column[1].profiling
-                                ? getOptionalProfilingHeight(column[1].profiling)
+                            style="height: {showProfiling && column.profiling
+                                ? getOptionalProfilingHeight(column.profiling)
                                 : ''}; {isReorderDragging && dragStartIndex === index ? 'display: none;' : ''}"
                             on:mousemove={(event) => throttledHandleReorderDragOver(event, index)}
                         >
                             <div class="content" class:expanded={showProfiling}>
-                                {#if !column[1].profiling}
+                                {#if !column.profiling}
                                     <div>Loading ...</div>
                                 {:else}
                                     <ProfilingInfo
-                                        profiling={column[1].profiling}
-                                        columnName={column[1].name}
+                                        profiling={column.profiling}
+                                        columnName={column.name}
                                         imageWidth={profilingImageWidth}
                                     />
                                 {/if}
@@ -756,8 +750,7 @@
                     {/each}
                     <td
                         class="borderColumn profiling"
-                        on:mousemove={(event) =>
-                            throttledHandleReorderDragOver(event, $currentState.table?.columns.length ?? 0)}
+                        on:mousemove={(event) => throttledHandleReorderDragOver(event, $table?.columns.length ?? 0)}
                     ></td>
                 </tr>
                 <!-- Profiling banner, to toggle profiling info -->
@@ -784,8 +777,8 @@
                             </div>
                         </div>
                     </td>
-                    {#each $currentState.table.columns as _column, index}
-                        {#if index !== $currentState.table.columns.length - 1}
+                    {#each $table.columns as _column, index}
+                        {#if index !== $table.columns.length - 1}
                             <td
                                 style=" {isReorderDragging && dragStartIndex === index + 1 ? 'display: none;' : ''}"
                                 class="profilingBanner"
@@ -797,8 +790,7 @@
                     {/each}
                     <td
                         class="borderColumn profilingBanner"
-                        on:mousemove={(event) =>
-                            throttledHandleReorderDragOver(event, $currentState.table?.columns.length ?? 0)}
+                        on:mousemove={(event) => throttledHandleReorderDragOver(event, $table?.columns.length ?? 0)}
                     ></td>
                 </tr>
                 <!-- Table contents -->
@@ -812,23 +804,23 @@
                                 class:selectedColumn={selectedRowIndexes.includes(visibleStart + i)}
                                 >{visibleStart + i}</td
                             >
-                            {#each $currentState.table.columns as column, index}
+                            {#each $table.columns as column, index}
                                 <td
                                     style={isReorderDragging && dragStartIndex === index ? 'display: none;' : ''}
                                     on:click={handleMainCellClick}
                                     on:mousemove={(event) => throttledHandleReorderDragOver(event, index)}
                                     class:selectedColumn={selectedColumnIndexes.includes(index) ||
                                         selectedRowIndexes.includes(visibleStart + i)}
-                                    >{column[1].values[visibleStart + i] !== null &&
-                                    column[1].values[visibleStart + i] !== undefined
-                                        ? column[1].values[visibleStart + i]
+                                    >{column.values[visibleStart + i] !== null &&
+                                    column.values[visibleStart + i] !== undefined
+                                        ? column.values[visibleStart + i]
                                         : ''}</td
                                 >
                             {/each}
                             <td
                                 class="borderColumn borderColumnEndIndex cursorPointer"
                                 on:mousemove={(event) =>
-                                    throttledHandleReorderDragOver(event, $currentState.table?.columns.length ?? 0)}
+                                    throttledHandleReorderDragOver(event, $table?.columns.length ?? 0)}
                                 on:click={(event) => handleRowClick(event, visibleStart + i)}
                                 class:selectedColumn={selectedRowIndexes.includes(visibleStart + i)}
                                 >{visibleStart + i}</td
diff --git a/packages/safe-ds-eda/src/components/tabs/TabContent.svelte b/packages/safe-ds-eda/src/components/tabs/TabContent.svelte
index ede378b66..2d1b43637 100644
--- a/packages/safe-ds-eda/src/components/tabs/TabContent.svelte
+++ b/packages/safe-ds-eda/src/components/tabs/TabContent.svelte
@@ -2,7 +2,7 @@
     import type { EmptyTab, ExternalVisualizingHistoryEntry, Tab } from '../../../types/state';
     import ImageContent from './content/ImageContent.svelte';
     import DropDownButton from '../utilities/DropDownButton.svelte';
-    import { cancelTabIdsWaiting, currentState } from '../../webviewState';
+    import { cancelTabIdsWaiting, table } from '../../webviewState';
     import { imageWidthToHeightRatio } from '../../../consts.config';
     import { executeExternalHistoryEntry, setTabAsGenerating } from '../../apis/historyApi';
     import SwapIcon from '../../icons/Swap.svelte';
@@ -11,7 +11,7 @@
     export let tab: Tab | EmptyTab;
     export let sidebarWidth: number;
 
-    const columnNames = $currentState.table?.columns.map((column) => column[1].name) || [];
+    const columnNames = $table?.columns.map((column) => column.name) || [];
     const possibleTableNames = ['Histogram', 'Boxplot', 'Heatmap', 'Lineplot', 'Scatterplot'];
 
     let isLoadingGeneratedTab = false;
diff --git a/packages/safe-ds-eda/src/webviewState.ts b/packages/safe-ds-eda/src/webviewState.ts
index 24fbf0fc7..3ccf194fe 100644
--- a/packages/safe-ds-eda/src/webviewState.ts
+++ b/packages/safe-ds-eda/src/webviewState.ts
@@ -1,47 +1,48 @@
 import type { FromExtensionMessage } from '../types/messaging';
-import type { State } from '../types/state';
+import type { HistoryEntry, Tab, Table } from '../types/state';
 import { get, writable } from 'svelte/store';
 
-let currentTabIndex = writable<number | undefined>(undefined);
+const tabs = writable<Tab[]>([]);
 
-let preventClicks = writable<boolean>(false);
+const currentTabIndex = writable<number | undefined>(undefined);
 
-let cancelTabIdsWaiting = writable<string[]>([]);
+const preventClicks = writable<boolean>(false);
+
+const cancelTabIdsWaiting = writable<string[]>([]);
 
 // Define the stores, current state to default in case the extension never calls setWebviewState( Shouldn't happen)
-const currentState = writable<State>({ tableIdentifier: undefined, history: [], defaultState: true, tabs: [] });
+const table = writable<Table | undefined>();
+
+const history = writable<HistoryEntry[]>([]);
 
 window.addEventListener('message', (event) => {
     const message = event.data as FromExtensionMessage;
     // eslint-disable-next-line no-console
     console.log(Date.now() + ': ' + message.command + ' called');
     switch (message.command) {
-        case 'setWebviewState':
-            // This should be fired immediately whenever the panel is created or made visible again
-            currentState.set(message.value);
+        case 'setInitialTable':
+            if (!get(table)) {
+                table.set(message.value);
+            } else {
+                throw new Error('setInitialTable called more than once');
+            }
             break;
         case 'setProfiling':
-            if (get(currentState) && get(currentState).table) {
-                currentState.update((state) => {
+            if (get(table)) {
+                table.update((currentTable) => {
                     return {
-                        ...state,
-                        table: {
-                            ...state.table!,
-                            columns: state.table!.columns.map((column) => {
-                                const profiling = message.value.find((p) => p.columnName === column[1].name);
-                                if (profiling) {
-                                    return [
-                                        column[0],
-                                        {
-                                            ...column[1],
-                                            profiling: profiling.profiling,
-                                        },
-                                    ];
-                                } else {
-                                    return column;
-                                }
-                            }),
-                        },
+                        ...currentTable!,
+                        columns: currentTable!.columns.map((column) => {
+                            const profiling = message.value.find((p) => p.columnName === column.name);
+                            if (profiling) {
+                                return {
+                                    ...column,
+                                    profiling: profiling.profiling,
+                                };
+                            } else {
+                                return column;
+                            }
+                        }),
                     };
                 });
             }
@@ -49,4 +50,4 @@ window.addEventListener('message', (event) => {
     }
 });
 
-export { currentState, currentTabIndex, preventClicks, cancelTabIdsWaiting };
+export { history, tabs, table, currentTabIndex, preventClicks, cancelTabIdsWaiting };
diff --git a/packages/safe-ds-eda/types/messaging.ts b/packages/safe-ds-eda/types/messaging.ts
index 7a009310b..1ca6a3550 100644
--- a/packages/safe-ds-eda/types/messaging.ts
+++ b/packages/safe-ds-eda/types/messaging.ts
@@ -32,15 +32,15 @@ export type ToExtensionMessage =
     | ToExtensionExecuteRunnerMessage;
 
 // From extension
-type FromExtensionCommand = 'setWebviewState' | 'setProfiling' | 'runnerExecutionResult' | 'cancelRunnerExecution';
+type FromExtensionCommand = 'setInitialTable' | 'setProfiling' | 'runnerExecutionResult' | 'cancelRunnerExecution';
 
 interface FromExtensionCommandMessage {
     command: FromExtensionCommand;
     value: any;
 }
-interface FromExtensionSetStateMessage extends FromExtensionCommandMessage {
-    command: 'setWebviewState';
-    value: defaultTypes.State;
+interface FromExtensionSetInitialTableMessage extends FromExtensionCommandMessage {
+    command: 'setInitialTable';
+    value: defaultTypes.Table;
 }
 
 interface FromExtensionSetProfilingMessage extends FromExtensionCommandMessage {
@@ -79,7 +79,7 @@ export interface CancelRunnerExecutionMessage extends FromExtensionCommandMessag
 }
 
 export type FromExtensionMessage =
-    | FromExtensionSetStateMessage
+    | FromExtensionSetInitialTableMessage
     | FromExtensionSetProfilingMessage
     | RunnerExecutionResultMessage
     | CancelRunnerExecutionMessage;
diff --git a/packages/safe-ds-eda/types/state.ts b/packages/safe-ds-eda/types/state.ts
index c61cc4f6b..87c813926 100644
--- a/packages/safe-ds-eda/types/state.ts
+++ b/packages/safe-ds-eda/types/state.ts
@@ -1,12 +1,3 @@
-export interface State {
-    tableIdentifier?: string;
-    table?: Table;
-    tabs: Tab[];
-    defaultState?: boolean;
-    history: HistoryEntry[];
-    settings?: UserSettings;
-}
-
 type InternalAction = 'reorderColumns' | 'resizeColumn' | 'hideColumn' | 'highlightColumn' | 'emptyTab';
 type ExternalManipulatingAction = 'filterColumn' | 'sortColumn' | TableFilterTypes;
 type ExternalVisualizingAction = TabType | 'refreshTab';
@@ -197,11 +188,12 @@ export type PlotTab = OneColumnTab | TwoColumnTab | NoColumnTab;
 
 // ------------------ Types for the Table ------------------
 export interface Table {
-    columns: [number, Column][];
+    tableIdentifier?: string;
+    name: string;
+    columns: Column[];
     visibleRows?: number;
     totalRows: number;
-    name: string;
-    appliedFilters: TableFilter[];
+    appliedFilters: TableFilter;
 }
 
 // ------------ Types for the Profiling -----------
@@ -314,13 +306,14 @@ type TableFilterTypes =
     | 'hideDuplicateRows'
     | 'hideRowsWithOutliers';
 
-export interface TableFilter extends FilterBase {
-    type: TableFilterTypes;
-}
+export type TableFilter = {
+    [key in TableFilterTypes]?: boolean;
+};
 
 // ------------ Types for the Settings -----------
 export interface UserSettings {
     profiling: ProfilingSettings;
+    darkMode: boolean;
 }
 
 interface ProfilingSettingsBase {
diff --git a/packages/safe-ds-vscode/src/extension/eda/apis/runnerApi.ts b/packages/safe-ds-vscode/src/extension/eda/apis/runnerApi.ts
index 93d0d2f72..85382f178 100644
--- a/packages/safe-ds-vscode/src/extension/eda/apis/runnerApi.ts
+++ b/packages/safe-ds-vscode/src/extension/eda/apis/runnerApi.ts
@@ -313,7 +313,6 @@ export class RunnerApi {
                 appliedFilters: [] as Table['appliedFilters'],
             };
 
-            let i = 0;
             let currentMax = 0;
             for (const [columnName, columnValues] of Object.entries(pythonTableColumns)) {
                 if (!Array.isArray(columnValues)) {
@@ -336,7 +335,7 @@ export class RunnerApi {
                     appliedSort: null,
                     coloredHighLow: false,
                 };
-                table.columns.push([i++, column]);
+                table.columns.push(column);
             }
             table.totalRows = currentMax;
             table.visibleRows = currentMax;
@@ -368,31 +367,27 @@ export class RunnerApi {
 
         // Generate SDS code to get missing value ratio for each column
         for (const column of columns) {
-            const newMvPlaceholderName = this.genPlaceholderName(column[1].name + '_mv');
+            const newMvPlaceholderName = this.genPlaceholderName(column.name + '_mv');
             placeholderNames.push(newMvPlaceholderName);
-            columnNameToPlaceholderMVNameMap.set(column[1].name, newMvPlaceholderName);
-            sdsStrings += this.sdsStringForMissingValueRatioByColumnName(
-                column[1].name,
-                table.name,
-                newMvPlaceholderName,
-            );
+            columnNameToPlaceholderMVNameMap.set(column.name, newMvPlaceholderName);
+            sdsStrings += this.sdsStringForMissingValueRatioByColumnName(column.name, table.name, newMvPlaceholderName);
 
             // Find unique values
             // TODO reevaluate when image stuck problem fixed
             let uniqueValues = new Set<any>();
-            for (let j = 0; j < column[1].values.length; j++) {
-                uniqueValues.add(column[1].values[j]);
+            for (let j = 0; j < column.values.length; j++) {
+                uniqueValues.add(column.values[j]);
             }
-            uniqueValuesMap.set(column[1].name, uniqueValues);
+            uniqueValuesMap.set(column.name, uniqueValues);
 
             // Different histogram conditions for numerical and categorical columns
-            if (column[1].type !== 'numerical') {
+            if (column.type !== 'numerical') {
                 if (uniqueValues.size <= 3 || uniqueValues.size > 10) {
                     // Must match conidtions below that choose to display histogram for categorical columns
                     continue; // This historam only generated if between 4-10 categorigal uniques or numerical type
                 }
             } else {
-                if (uniqueValues.size > column[1].values.length * 0.9) {
+                if (uniqueValues.size > column.values.length * 0.9) {
                     // Must match conidtions below that choose to display histogram for numerical columns
                     // If 90% of values are unique, it's not a good idea to display histogram
                     continue;
@@ -400,14 +395,10 @@ export class RunnerApi {
             }
 
             // Histogram for numerical columns or categorical columns with 4-10 unique values
-            const newHistogramPlaceholderName = this.genPlaceholderName(column[1].name + '_hist');
+            const newHistogramPlaceholderName = this.genPlaceholderName(column.name + '_hist');
             placeholderNames.push(newHistogramPlaceholderName);
-            columnNameToPlaceholderHistogramNameMap.set(column[1].name, newHistogramPlaceholderName);
-            sdsStrings += this.sdsStringForHistogramByColumnName(
-                column[1].name,
-                table.name,
-                newHistogramPlaceholderName,
-            );
+            columnNameToPlaceholderHistogramNameMap.set(column.name, newHistogramPlaceholderName);
+            sdsStrings += this.sdsStringForHistogramByColumnName(column.name, table.name, newHistogramPlaceholderName);
         }
 
         // Execute with generated SDS code
@@ -439,7 +430,7 @@ export class RunnerApi {
         for (const column of columns) {
             // Base info for the top of the profiling
             const missingValuesRatio =
-                missingValueRatioMap.get(columnNameToPlaceholderMVNameMap.get(column[1].name)!)! * 100;
+                missingValueRatioMap.get(columnNameToPlaceholderMVNameMap.get(column.name)!)! * 100;
 
             const validRatio: ProfilingDetailStatistical = {
                 type: 'numerical',
@@ -455,19 +446,16 @@ export class RunnerApi {
                 interpretation: missingValuesRatio > 0 ? 'error' : 'default',
             };
 
-            const uniqueValues = uniqueValuesMap.get(column[1].name)!.size;
+            const uniqueValues = uniqueValuesMap.get(column.name)!.size;
             // If not numerical, add proper profilings according to idness results
-            if (column[1].type !== 'numerical') {
+            if (column.type !== 'numerical') {
                 if (uniqueValues <= 3) {
                     // Can display each separate percentages of unique values
                     // Find all unique values and count them
                     const uniqueValueCounts = new Map<string, number>();
-                    for (let i = 0; i < column[1].values.length; i++) {
-                        if (column[1].values[i] !== undefined && column[1].values[i] !== null)
-                            uniqueValueCounts.set(
-                                column[1].values[i],
-                                (uniqueValueCounts.get(column[1].values[i]) || 0) + 1,
-                            );
+                    for (let i = 0; i < column.values.length; i++) {
+                        if (column.values[i] !== undefined && column.values[i] !== null)
+                            uniqueValueCounts.set(column.values[i], (uniqueValueCounts.get(column.values[i]) || 0) + 1);
                     }
 
                     let uniqueProfilings: ProfilingDetailStatistical[] = [];
@@ -475,13 +463,13 @@ export class RunnerApi {
                         uniqueProfilings.push({
                             type: 'numerical',
                             name: key,
-                            value: ((value / column[1].values.length) * 100).toFixed(2) + '%',
+                            value: ((value / column.values.length) * 100).toFixed(2) + '%',
                             interpretation: 'category',
                         });
                     }
 
                     profiling.push({
-                        columnName: column[1].name,
+                        columnName: column.name,
                         profiling: {
                             validRatio,
                             missingRatio,
@@ -493,10 +481,10 @@ export class RunnerApi {
                     });
                 } else if (uniqueValues <= 10) {
                     // Display histogram for 4-10 unique values, has to match the condition above where histogram is generated
-                    const histogram = histogramMap.get(columnNameToPlaceholderHistogramNameMap.get(column[1].name)!)!;
+                    const histogram = histogramMap.get(columnNameToPlaceholderHistogramNameMap.get(column.name)!)!;
 
                     profiling.push({
-                        columnName: column[1].name,
+                        columnName: column.name,
                         profiling: {
                             validRatio,
                             missingRatio,
@@ -509,7 +497,7 @@ export class RunnerApi {
                 } else {
                     // Display only the number of unique values vs total valid values
                     profiling.push({
-                        columnName: column[1].name,
+                        columnName: column.name,
                         profiling: {
                             validRatio,
                             missingRatio,
@@ -524,10 +512,10 @@ export class RunnerApi {
                                     type: 'text',
                                     value:
                                         Math.round(
-                                            column[1].values.length *
+                                            column.values.length *
                                                 (1 -
                                                     (missingValueRatioMap.get(
-                                                        columnNameToPlaceholderMVNameMap.get(column[1].name)!,
+                                                        columnNameToPlaceholderMVNameMap.get(column.name)!,
                                                     ) || 0)),
                                         ) + ' Total Valids',
                                     interpretation: 'default',
@@ -537,9 +525,9 @@ export class RunnerApi {
                     });
                 }
             } else {
-                if (uniqueValues > column[1].values.length * 0.9) {
+                if (uniqueValues > column.values.length * 0.9) {
                     profiling.push({
-                        columnName: column[1].name,
+                        columnName: column.name,
                         profiling: {
                             validRatio,
                             missingRatio,
@@ -554,10 +542,10 @@ export class RunnerApi {
                                     type: 'text',
                                     value:
                                         Math.round(
-                                            column[1].values.length *
+                                            column.values.length *
                                                 (1 -
                                                     (missingValueRatioMap.get(
-                                                        columnNameToPlaceholderMVNameMap.get(column[1].name)!,
+                                                        columnNameToPlaceholderMVNameMap.get(column.name)!,
                                                     ) || 0)),
                                         ) + ' Total Valids',
                                     interpretation: 'default',
@@ -566,10 +554,10 @@ export class RunnerApi {
                         },
                     });
                 } else {
-                    const histogram = histogramMap.get(columnNameToPlaceholderHistogramNameMap.get(column[1].name)!)!;
+                    const histogram = histogramMap.get(columnNameToPlaceholderHistogramNameMap.get(column.name)!)!;
 
                     profiling.push({
-                        columnName: column[1].name,
+                        columnName: column.name,
                         profiling: {
                             validRatio,
                             missingRatio,
diff --git a/packages/safe-ds-vscode/src/extension/eda/edaPanel.ts b/packages/safe-ds-vscode/src/extension/eda/edaPanel.ts
index bb7ee5ecd..b744cae19 100644
--- a/packages/safe-ds-vscode/src/extension/eda/edaPanel.ts
+++ b/packages/safe-ds-vscode/src/extension/eda/edaPanel.ts
@@ -1,7 +1,7 @@
 import * as vscode from 'vscode';
 import { ToExtensionMessage } from '@safe-ds/eda/types/messaging.js';
 import * as webviewApi from './apis/webviewApi.ts';
-import { State } from '@safe-ds/eda/types/state.ts';
+import { Table } from '@safe-ds/eda/types/state.ts';
 import { SafeDsServices, ast } from '@safe-ds/lang';
 import { RunnerApi } from './apis/runnerApi.ts';
 import { safeDsLogger } from '../helpers/logging.js';
@@ -201,28 +201,18 @@ export class EDAPanel {
                 dark: vscode.Uri.joinPath(edaPanel.extensionUri, 'img', 'binoculars-solid.png'),
             };
             await edaPanel.waitForUpdateHtmlDone(10000);
-            const stateInfo = await edaPanel.constructCurrentState();
+            const table = await edaPanel.getBaseTable();
             webviewApi.postMessage(edaPanel!.panel.webview, {
-                command: 'setWebviewState',
-                value: stateInfo.state,
+                command: 'setInitialTable',
+                value: table,
             });
 
-            // TODO: if from existing state, show disclaimer that updated data is loading and execute pipeline + history + profiling and send
-
-            if (
-                !stateInfo.fromExisting ||
-                !stateInfo.state.table ||
-                !stateInfo.state.table!.columns.find((c) => c[1].profiling)
-            ) {
-                const profiling = await EDAPanel.panelsMap
-                    .get(tableIdentifier)!
-                    .runnerApi.getProfiling(stateInfo.state.table!);
-
-                webviewApi.postMessage(edaPanel!.panel.webview, {
-                    command: 'setProfiling',
-                    value: profiling,
-                });
-            }
+            const profiling = await EDAPanel.panelsMap.get(tableIdentifier)!.runnerApi.getProfiling(table);
+
+            webviewApi.postMessage(edaPanel!.panel.webview, {
+                command: 'setProfiling',
+                value: profiling,
+            });
         }
     }
     //#endregion
@@ -255,7 +245,7 @@ export class EDAPanel {
     //#endregion
 
     //#region State handling
-    private async constructCurrentState(): Promise<{ state: State; fromExisting: boolean }> {
+    private async getBaseTable(): Promise<Table> {
         const panel = EDAPanel.panelsMap.get(this.tableIdentifier);
         if (!panel) {
             throw new Error('Panel not found.');
@@ -264,16 +254,7 @@ export class EDAPanel {
             if (!table) {
                 throw new Error('Timeout waiting for placeholder value');
             } else {
-                return {
-                    state: {
-                        tableIdentifier: panel.tableIdentifier,
-                        history: [],
-                        defaultState: false,
-                        table,
-                        tabs: [],
-                    },
-                    fromExisting: false,
-                };
+                return table;
             }
         }
     }