build(deps-dev): bump svelte-check from 3.8.6 to 4.0.2 (#1710)

* build(deps-dev): bump svelte-check from 3.8.6 to 4.0.2

Bumps [svelte-check](https://github.com/sveltejs/language-tools) from 3.8.6 to 4.0.2.
- [Release notes](https://github.com/sveltejs/language-tools/releases)
- [Commits](sveltejs/language-tools@svelte-check-3.8.6...svelte-check-4.0.2)

---
updated-dependencies:
- dependency-name: svelte-check
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>

* fix: update svelte-check errors (#1715)

Signed-off-by: Jeff MAURY <[email protected]>

---------

Signed-off-by: dependabot[bot] <[email protected]>
Signed-off-by: Jeff MAURY <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Jeff MAURY <[email protected]>

package.json

@@ -54,7 +54,7 @@
     "globals": "^15.9.0",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.6",
-    "svelte-check": "^3.8.6",
+    "svelte-check": "^4.0.2",
     "svelte-eslint-parser": "^0.41.0",
     "typescript": "5.6.2",
     "typescript-eslint": "^8.5.0",

packages/frontend/src/lib/select/ContainerProviderConnectionSelect.svelte

@@ -30,7 +30,7 @@ function handleOnChange(nValue: ContainerProviderConnectionInfo | undefined): vo
   label="Select Container Engine"
   name="select-container-engine"
   disabled={disabled}
-  bind:value={selected}
+  value={selected}
   onchange={handleOnChange}
   placeholder="Select container provider to use"
   items={containerProviderConnections.map(containerProviderConnection => ({

packages/frontend/src/pages/StartRecipe.svelte

@@ -53,7 +53,7 @@ $: models = $modelsInfo.filter(
 );
 
 // Hold the selected model
-let value: (ModelInfo & { label: string; value: string }) | undefined = undefined;
+let value: ModelInfo | undefined = undefined;
 
 $: {
   // let's select a default model
@@ -75,13 +75,13 @@ let loading: boolean = false;
 // All tasks are successful (not any in error)
 let completed: boolean = false;
 
-const getFirstRecommended = (): (ModelInfo & { label: string; value: string }) | undefined => {
+const getFirstRecommended = (): ModelInfo | undefined => {
   if (!recipe || !models) return undefined;
   const recommended = recipe.recommended && recipe.recommended.length > 0 ? recipe.recommended[0] : undefined;
 
   const model = models.find(model => model.id === recommended);
   if (!model) return undefined;
-  return { ...model, label: model.name, value: model.id };
+  return model;
 };
 
 const processTasks = (tasks: Task[]): void => {
@@ -116,7 +116,7 @@ function populateModelFromTasks(): void {
   const model = models.find(model => model.id === modelId);
   if (!model) return;
 
-  value = { ...model, label: model.name, value: model.id };
+  value = model;
 }
 
 async function submit(): Promise<void> {
@@ -217,11 +217,7 @@ function handleOnClick(): void {
             <!-- model form -->
             <label for="select-model" class="pt-4 block mb-2 font-bold text-[var(--pd-content-card-header-text)]"
               >Model</label>
-            <ModelSelect
-              bind:value={value}
-              disabled={loading}
-              recommended={recipe.recommended}
-              models={models.map(model => ({ ...model, value: model.id, label: model.name }))} />
+            <ModelSelect bind:value={value} disabled={loading} recommended={recipe.recommended} models={models} />
             {#if value && value.file === undefined}
               <div class="text-gray-800 text-sm flex items-center">
                 <Fa class="mr-2" icon={faWarning} />