feat: design tokens, globals CSS, fonts, navigation config

- Rewrite globals.css with dark-theme OKLCH tokens, glass utilities, ambient bg - Update root layout with Inter + JetBrains Mono fonts, theme script - Redirect / to /dashboard - Update navigation config — remove search link, add recordings - Update analysis search-panel with glass styling Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-28 10:05:08 +07:00
parent 59bce79bcd
commit 3ae0c96a13
56 changed files with 2173 additions and 2404 deletions
@@ -0,0 +1,55 @@
+"use client";
+
+import { ArrowLeft, MessageSquare } from "lucide-react";
+import { GlassCard } from "@/components/glass/card";
+import { AttachmentsGrid } from "./attachments-grid";
+import { AiAnalysisPanel } from "./ai-analysis-panel";
+import type { AttachmentRecord, MessageRecord } from "@/lib/types";
+
+interface MessageDetailProps {
+  message: MessageRecord;
+  attachments?: AttachmentRecord[];
+  onBack?: () => void;
+}
+
+export function MessageDetail({ message, attachments, onBack }: MessageDetailProps) {
+  return (
+    <GlassCard variant="base" className="h-full">
+      {onBack && (
+        <button type="button" onClick={onBack} className="flex items-center gap-1 text-xs text-text-secondary/60 hover:text-text-primary mb-3 transition-colors">
+          <ArrowLeft className="size-3" /> Back
+        </button>
+      )}
+
+      {/* Message header */}
+      <div className="flex items-center gap-2 mb-3">
+        <MessageSquare className="size-4 text-primary" />
+        <span className="font-semibold text-sm text-text-primary">{message.username}</span>
+        <span className="text-[10px] text-text-secondary/40 font-mono">{message.channel_id?.slice(0, 8)}</span>
+      </div>
+
+      {/* Content */}
+      <div className="text-sm text-text-primary/90 leading-relaxed mb-4 whitespace-pre-wrap">
+        {message.content || "(no text content)"}
+      </div>
+
+      {/* Attachments */}
+      {attachments && attachments.length > 0 && (
+        <div className="mb-4">
+          <AttachmentsGrid attachments={attachments} />
+        </div>
+      )}
+
+      {/* AI Analysis */}
+      <AiAnalysisPanel
+        status={message.ai_status}
+        severity={message.ai_severity}
+        confidence={message.ai_confidence}
+        flags={message.ai_moderation_flags}
+        categories={message.ai_categories}
+        action={message.ai_recommended_action}
+        score={message.ai_moderation_score}
+      />
+    </GlassCard>
+  );
+}