feat(v9): Cookbook 3.0 — Segmented-Tabs (Setups | Modelle finden)

Entschlackt die überladene Seite: statt 3 gestapelter Sektionen zwei Tabs.
"Fertige Setups" = (jetzt auto-aktuelle) Bundles; "Modelle finden" bündelt
Discover + Profi-Suche (Facetten) unter einem Tab. Nur eine Ansicht zur Zeit.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Hitonabi
2026-06-24 18:30:50 +02:00
parent 5d8babaede
commit 084f92c661
2 changed files with 61 additions and 46 deletions
+16 -1
View File
@@ -82,6 +82,9 @@
const sys = $derived(systemStore.value)
// ---- Tabs (Cookbook 3.0: entschlackt — eine Ansicht zur Zeit) ----
let cookTab = $state<'setups' | 'find'>('setups')
// ---- Recipes ----
let recipes = $state<any[]>([])
let recommended = $state<string | null>(null)
@@ -311,9 +314,18 @@
<div><h1>Cookbook</h1><div class="sub">Modelle finden, installieren und eigene Setups zusammenstellen.</div></div>
</div>
<!-- Segmented-Tabs -->
<div class="flex gap-2" style="margin-bottom:14px">
<button class="{cookTab === 'setups' ? 'primary' : 'ghost'}" style="padding:7px 16px"
onclick={() => cookTab = 'setups'}>📦 Fertige Setups</button>
<button class="{cookTab === 'find' ? 'primary' : 'ghost'}" style="padding:7px 16px"
onclick={() => cookTab = 'find'}>🔍 Modelle finden</button>
</div>
{#if cookTab === 'setups'}
<div class="card">
<div class="card-h">
<h3>1 · Anwendungsfall wählen &amp; installieren</h3>
<h3>Fertige Setups — automatisch aktuell für deine Hardware</h3>
<button class="ghost" style="margin-left:auto" onclick={openNewRecipe}>+ Eigenes Setup</button>
</div>
<div class="card-sub">Hier starten: Fertige Modell-Bundles für deinen Anwendungsfall — ein Klick installiert alles. Die Hardware-Ampel zeigt vorab, ob das Setup auf deinen PC passt.</div>
@@ -346,7 +358,9 @@
</div>
{/if}
</div>
{/if}
{#if cookTab === 'find'}
<!-- ============================================================ -->
<!-- DISCOVER -->
<div class="card">
@@ -475,6 +489,7 @@
</div>
{/if}
</div>
{/if}
<!-- ============================================================ -->
<!-- RECIPE DETAIL MODAL -->
+45 -45
View File
File diff suppressed because one or more lines are too long