From df1ba748d4829c69da3c8d510d7a2a3af7a36071 Mon Sep 17 00:00:00 2001 From: Hitonabi Date: Tue, 23 Jun 2026 18:23:57 +0200 Subject: [PATCH] =?UTF-8?q?feat(v8.2):=20UX=20=E2=80=94=20Guide-Tabs,=20Be?= =?UTF-8?q?griffe=20oben,=20Mobile,=20Download-Links?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - GuidesPanel: "Begriffe kurz erklärt" jetzt ganz oben (vor Guide-Karten) - GuidesPanel: Tab-Navigation mit Kategorie-Chips + Active-Highlighting; Klick scrollt zur jeweiligen Guide-Gruppe - ConnectPanel: Download-Links für Zed (zed.dev) und Cline (VS Code + JetBrains Marketplace) ergänzt - base.css: Mobile-Breakpoint ≤520px — Sidebar wird zur Bottom-Nav, Content-Padding reduziert, Touch-freundliche Button-Höhen (min 40px), Topbar kompaktiert, Guide-Tabs horizontal scrollbar Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/panels/ConnectPanel.svelte | 2 + frontend/src/panels/GuidesPanel.svelte | 71 ++++++++++++++++++++----- static/css/base.css | 54 ++++++++++++++++++- static/dist/main.css | 2 +- static/dist/main.js | 68 +++++++++++------------ 5 files changed, 148 insertions(+), 49 deletions(-) diff --git a/frontend/src/panels/ConnectPanel.svelte b/frontend/src/panels/ConnectPanel.svelte index 57ddf52..3dfbab5 100644 --- a/frontend/src/panels/ConnectPanel.svelte +++ b/frontend/src/panels/ConnectPanel.svelte @@ -270,6 +270,7 @@

API-Key: Öffne den Agent-Panel → Anbieter bosgame → trag irgendeinen Wert ein (z.B. local).

Danach im Agent-Panel das Modell bosgame / {firstModel} auswählen.
+
Zed herunterladen: zed.dev — kostenlos, native Performance, Windows/macOS/Linux.
{:else if selectedTool === 'opencode'} {@const block = openCodeBlock(url, activeIds)}

Datei anlegen oder öffnen (OpenCode Desktop nutzt .jsonc — JSON mit Kommentaren):

@@ -294,6 +295,7 @@
API-Key: ein beliebiger Wert (z.B. local).
+
Cline für VS Code: VS Code Marketplace · für JetBrains: JetBrains Marketplace
{:else if selectedTool === 'openwebui'}

Settings → Admin Panel → Connections → neue OpenAI-Verbindung:

diff --git a/frontend/src/panels/GuidesPanel.svelte b/frontend/src/panels/GuidesPanel.svelte index 40b7f49..b690194 100644 --- a/frontend/src/panels/GuidesPanel.svelte +++ b/frontend/src/panels/GuidesPanel.svelte @@ -1,5 +1,12 @@
@@ -9,8 +16,33 @@
+ +
+

Begriffe kurz erklärt

+
+ {#each CONCEPTS as [term, text]} +
+

{term}

+

{text}

+
+ {/each} +
+
+ + +
+ {#each GUIDE_GROUPS as group, gi} + + {/each} +
+ + {#each GUIDE_GROUPS as group, gi} -
+
{group.label}
{#each group.tutorials as [title, body], i}
@@ -21,21 +53,36 @@
{/each} -

Begriffe kurz erklärt

-
- {#each CONCEPTS as [term, text]} -
-

{term}

-

{text}

-
- {/each} -
-