From e4ec08a5ef3b25fb2f1918eec8d2c2cea0f99374 Mon Sep 17 00:00:00 2001
From: BOHA <boha@boha.cz>
Date: Mon, 8 Jun 2026 18:38:35 +0200
Subject: [PATCH] feat(ai): move the assistant to its own "Odin" sidebar page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Promote the AI chat from a dashboard widget to a dedicated page:
- new sidebar item "Odin" under the Přehled section, gated on ai.use, → /odin
- new /odin route + Odin page (reuses the assistant component, with a light
  ai.use guard)
- remove the widget from the dashboard
- rebrand the assistant header "Asistent" → "Odin" and give the thread more
  height now that it owns the page

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/admin/AdminApp.tsx                        |  2 ++
 .../components/dashboard/DashAssistant.tsx    |  6 ++---
 src/admin/pages/Dashboard.tsx                 |  4 ---
 src/admin/pages/Odin.tsx                      | 27 +++++++++++++++++++
 src/admin/ui/navData.tsx                      | 16 +++++++++++
 5 files changed, 48 insertions(+), 7 deletions(-)
 create mode 100644 src/admin/pages/Odin.tsx

diff --git a/src/admin/AdminApp.tsx b/src/admin/AdminApp.tsx
index 77d6bde..4dcd98f 100644
--- a/src/admin/AdminApp.tsx
+++ b/src/admin/AdminApp.tsx
@@ -12,6 +12,7 @@ import { LoadingState } from "./ui";
 import Login from "./pages/Login";
 import Dashboard from "./pages/Dashboard";
 
+const Odin = lazy(() => import("./pages/Odin"));
 const Users = lazy(() => import("./pages/Users"));
 const Attendance = lazy(() => import("./pages/Attendance"));
 const AttendanceHistory = lazy(() => import("./pages/AttendanceHistory"));
@@ -82,6 +83,7 @@ export default function AdminApp() {
                   )}
                   <Route element={<AppShell />}>
                     <Route index element={<Dashboard />} />
+                    <Route path="odin" element={<Odin />} />
                     <Route path="users" element={<Users />} />
                     <Route path="attendance" element={<Attendance />} />
                     <Route
diff --git a/src/admin/components/dashboard/DashAssistant.tsx b/src/admin/components/dashboard/DashAssistant.tsx
index dc39c98..6423f3e 100644
--- a/src/admin/components/dashboard/DashAssistant.tsx
+++ b/src/admin/components/dashboard/DashAssistant.tsx
@@ -361,7 +361,7 @@ export default function DashAssistant() {
             AI
           </Box>
           <Typography variant="subtitle1" sx={{ fontWeight: 600 }}>
-            Asistent
+            Odin
           </Typography>
         </Box>
         <Box sx={{ display: "flex", alignItems: "center", gap: 1.5 }}>
@@ -393,8 +393,8 @@ export default function DashAssistant() {
           display: "flex",
           flexDirection: "column",
           gap: 1,
-          minHeight: 120,
-          maxHeight: 360,
+          minHeight: 200,
+          maxHeight: 480,
           overflowY: "auto",
           mb: 1.5,
           p: 1,
diff --git a/src/admin/pages/Dashboard.tsx b/src/admin/pages/Dashboard.tsx
index d4fcbd1..2f95e8a 100644
--- a/src/admin/pages/Dashboard.tsx
+++ b/src/admin/pages/Dashboard.tsx
@@ -22,7 +22,6 @@ import DashSessions from "../components/dashboard/DashSessions";
 import DashTodayPlan, {
   type TodayPlan,
 } from "../components/dashboard/DashTodayPlan";
-import DashAssistant from "../components/dashboard/DashAssistant";
 
 const API_BASE = "/api/admin";
 
@@ -237,9 +236,6 @@ export default function Dashboard() {
         </Typography>
       </Box>
 
-      {/* AI Assistant widget */}
-      {hasPermission("ai.use") && <DashAssistant />}
-
       {/* 2FA Required Banner */}
       {user?.require2FA && !user?.totpEnabled && (
         <Card
diff --git a/src/admin/pages/Odin.tsx b/src/admin/pages/Odin.tsx
new file mode 100644
index 0000000..e751a72
--- /dev/null
+++ b/src/admin/pages/Odin.tsx
@@ -0,0 +1,27 @@
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import { PageEnter } from "../ui";
+import { useAuth } from "../context/AuthContext";
+import DashAssistant from "../components/dashboard/DashAssistant";
+
+export default function Odin() {
+  const { hasPermission } = useAuth();
+
+  if (!hasPermission("ai.use")) {
+    return (
+      <PageEnter>
+        <Typography variant="body1" color="text.secondary">
+          Nemáte oprávnění pro AI asistenta.
+        </Typography>
+      </PageEnter>
+    );
+  }
+
+  return (
+    <PageEnter>
+      <Box sx={{ maxWidth: 920, mx: "auto" }}>
+        <DashAssistant />
+      </Box>
+    </PageEnter>
+  );
+}
diff --git a/src/admin/ui/navData.tsx b/src/admin/ui/navData.tsx
index 55025b7..712e5ad 100644
--- a/src/admin/ui/navData.tsx
+++ b/src/admin/ui/navData.tsx
@@ -38,6 +38,22 @@ export const menuSections: MenuSection[] = [
           </svg>
         ),
       },
+      {
+        path: "/odin",
+        label: "Odin",
+        permission: "ai.use",
+        end: true,
+        icon: (
+          <svg
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2"
+          >
+            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" />
+          </svg>
+        ),
+      },
     ],
   },
   {