From bf3c0822340f9234c1f073d7ebaf1d1d3bbc2e14 Mon Sep 17 00:00:00 2001
From: Schalli <kschaller@ctl.de>
Date: Mon, 7 Sep 2026 14:04:55 +0200
Subject: [PATCH] fix(web): Bildmarke statt Platzhalter im leeren Dashboard
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ueber "Keine Widgets aktiv" stand noch dasselbe handgezeichnete
Vier-Quadrate-Symbol, das auf der Anmeldeseite bereits durch das Logo ersetzt wurde
— beim Logo-Einbau uebersehen, weil der leere Zustand nur ohne Widgets sichtbar ist.

Jetzt die echte Bildmarke aus der Marken-Komponente, ohne den bisherigen grauen
Rahmen und ohne Kontur: die Marke steht frei auf dem Seitenhintergrund und braucht
keine eigene Flaeche. 226 Web-Tests gruen, im Browser gegengeprueft.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01K5jtbGzC5Sf9npJ3JCjKhq
---
 .../components/dashboard/dashboard-grid.tsx   | 24 ++++---------------
 1 file changed, 5 insertions(+), 19 deletions(-)

diff --git a/apps/web/src/components/dashboard/dashboard-grid.tsx b/apps/web/src/components/dashboard/dashboard-grid.tsx
index 585e1bc..d9023fb 100644
--- a/apps/web/src/components/dashboard/dashboard-grid.tsx
+++ b/apps/web/src/components/dashboard/dashboard-grid.tsx
@@ -8,6 +8,7 @@ import 'react-resizable/css/styles.css';
 import { useTranslations } from 'next-intl';
 import { WIDGET_CONSTRAINTS, type WidgetType } from './widget-registry';
 import { WidgetWrapper } from './widgets/widget-wrapper';
+import { TesseraLogo } from '@/components/brand/tessera-logo';
 
 const BREAKPOINTS = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 };
 const COLS = { lg: 12, md: 10, sm: 6, xs: 4, xxs: 1 };
@@ -52,25 +53,10 @@ export function DashboardGrid({
   if (widgets.length === 0) {
     return (
       <div className="flex flex-col items-center justify-center min-h-[60vh] gap-4">
-        <div className="rounded-lg bg-muted p-4">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="48"
-            height="48"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            className="text-muted-foreground"
-          >
-            <rect x="3" y="3" width="7" height="7" rx="1" />
-            <rect x="14" y="3" width="7" height="7" rx="1" />
-            <rect x="14" y="14" width="7" height="7" rx="1" />
-            <rect x="3" y="14" width="7" height="7" rx="1" />
-          </svg>
-        </div>
+        {/* Bildmarke statt des frueheren handgezeichneten Vier-Quadrate-Symbols.
+            Ohne Rahmen und ohne Kontur: die Marke steht hier frei auf dem
+            Seitenhintergrund, nicht auf einer eigenen Flaeche. */}
+        <TesseraLogo variant="mark" size={64} plateOutline={false} />
         <h2 className="text-lg font-semibold text-muted-foreground">
           {t('emptyHeading')}
         </h2>