From cf442b9a991fb2b93c364e5f3a204816c71b607a Mon Sep 17 00:00:00 2001
From: BOHA <boha@boha.cz>
Date: Mon, 8 Jun 2026 20:44:38 +0200
Subject: [PATCH] feat(odin): big claude.ai-style hero on the new-conversation
 screen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace the small empty-state with a large centred hero — the animated Odin
mark + a big gradient "Odin" wordmark (responsive clamp font) and the helper
line beneath.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/admin/components/odin/OdinThread.tsx | 29 ++++++++++++++++++++----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/admin/components/odin/OdinThread.tsx b/src/admin/components/odin/OdinThread.tsx
index 4d6b8c9..774b9fc 100644
--- a/src/admin/components/odin/OdinThread.tsx
+++ b/src/admin/components/odin/OdinThread.tsx
@@ -79,15 +79,34 @@ export default function OdinThread({
             flexDirection: "column",
             alignItems: "center",
             justifyContent: "center",
-            gap: 1.5,
+            gap: 2.5,
             textAlign: "center",
             px: 2,
           }}
         >
-          <OdinMark size={56} />
-          <Typography variant="body2" sx={{ color: "text.secondary" }}>
-            Dobrý den, jsem Odin. Zeptejte se, nebo přiložte fakturu (PDF) k
-            importu.
+          <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
+            <OdinMark size={52} />
+            <Box
+              component="span"
+              sx={(t) => ({
+                fontSize: "clamp(2rem, 1.2rem + 2.4vw, 2.75rem)",
+                fontWeight: 700,
+                lineHeight: 1.1,
+                letterSpacing: "-0.02em",
+                backgroundImage: `linear-gradient(120deg, ${t.vars!.palette.primary.light}, ${t.vars!.palette.primary.main})`,
+                WebkitBackgroundClip: "text",
+                backgroundClip: "text",
+                WebkitTextFillColor: "transparent",
+              })}
+            >
+              Odin
+            </Box>
+          </Box>
+          <Typography
+            variant="body2"
+            sx={{ color: "text.secondary", maxWidth: 440 }}
+          >
+            Zeptejte se, nebo přiložte fakturu (PDF) k automatickému importu.
           </Typography>
         </Box>
       )}