diff --git a/packages/frontend/src/lib/table/playground/PlaygroundColumnIcon.svelte b/packages/frontend/src/lib/table/playground/PlaygroundColumnIcon.svelte
index 49ef98faf..fb0e5cbb6 100644
--- a/packages/frontend/src/lib/table/playground/PlaygroundColumnIcon.svelte
+++ b/packages/frontend/src/lib/table/playground/PlaygroundColumnIcon.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
 import PlaygroundWhite from '../../icons/PlaygroundWhite.svelte';
+// svelte-ignore unused-export-let
+export let object: {};
 </script>
 
 <PlaygroundWhite />
diff --git a/packages/frontend/src/pages/Playgrounds.svelte b/packages/frontend/src/pages/Playgrounds.svelte
index cc114c052..ca3d3fb9c 100644
--- a/packages/frontend/src/pages/Playgrounds.svelte
+++ b/packages/frontend/src/pages/Playgrounds.svelte
@@ -3,20 +3,20 @@ import { router } from 'tinro';
 import NavPage from '../lib/NavPage.svelte';
 import PlaygroundColumnModel from '../lib/table/playground/PlaygroundColumnModel.svelte';
 import PlaygroundColumnName from '../lib/table/playground/PlaygroundColumnName.svelte';
-import type { PlaygroundV2 } from '@shared/src/models/IPlaygroundV2';
 import ConversationColumnAction from '/@/lib/table/playground/ConversationColumnAction.svelte';
 import { conversations } from '/@/stores/conversations';
 import PlaygroundColumnIcon from '/@/lib/table/playground/PlaygroundColumnIcon.svelte';
 import { Button } from '@podman-desktop/ui-svelte';
 import { Table, TableColumn, TableRow } from '@podman-desktop/ui-svelte';
+import type { Conversation } from '@shared/src/models/IPlaygroundMessage';
 
-const columns: TableColumn<PlaygroundV2>[] = [
-  new TableColumn<PlaygroundV2>('', { width: '40px', renderer: PlaygroundColumnIcon }),
-  new TableColumn<PlaygroundV2>('Name', { width: '1fr', renderer: PlaygroundColumnName }),
-  new TableColumn<PlaygroundV2>('Model', { width: '1fr', renderer: PlaygroundColumnModel }),
-  new TableColumn<PlaygroundV2>('Actions', { width: '40px', renderer: ConversationColumnAction, align: 'center' }),
+const columns = [
+  new TableColumn<{}>('', { width: '40px', renderer: PlaygroundColumnIcon }),
+  new TableColumn<Conversation>('Name', { width: '1fr', renderer: PlaygroundColumnName }),
+  new TableColumn<Conversation>('Model', { width: '1fr', renderer: PlaygroundColumnModel }),
+  new TableColumn<Conversation>('Actions', { width: '40px', renderer: ConversationColumnAction, align: 'center' }),
 ];
-const row = new TableRow<PlaygroundV2>({});
+const row = new TableRow<Conversation>({});
 
 function createNewPlayground() {
   router.goto('/playground/create');
diff --git a/packages/frontend/src/pages/RecipeModels.svelte b/packages/frontend/src/pages/RecipeModels.svelte
index bf815dcc1..2cdf1f183 100644
--- a/packages/frontend/src/pages/RecipeModels.svelte
+++ b/packages/frontend/src/pages/RecipeModels.svelte
@@ -5,6 +5,7 @@ import ModelColumnRecipeRecommended from '../lib/table/model/ModelColumnRecipeRe
 import ModelColumnIcon from '/@/lib/table/model/ModelColumnIcon.svelte';
 import { Table, TableColumn, TableRow } from '@podman-desktop/ui-svelte';
 import type { ModelInfo } from '@shared/src/models/IModelInfo';
+import type { RecipeModelInfo } from '../models/RecipeModelInfo';
 
 export let models: ModelInfo[];
 export let recommended: string[];
@@ -19,7 +20,7 @@ $: models = models.map((m, i) => {
 });
 
 const columns = [
-  new TableColumn<ModelInfo>('', { width: '20px', renderer: ModelColumnRecipeSelection }),
+  new TableColumn<RecipeModelInfo>('', { width: '20px', renderer: ModelColumnRecipeSelection }),
   new TableColumn<ModelInfo, boolean>('', {
     width: '20px',
     renderer: ModelColumnRecipeRecommended,