fix: mention slug regex includes hyphens + dropdown opaque background

src/components/ChatPanel.tsx

@@ -222,7 +222,7 @@ export default function ChatPanel({ chatId, projectId }: Props) {
     setSending(true);
     try {
       // Extract @mentions from text → resolve to member IDs
-      const mentionMatches = text.match(/@(\w+)/g);
+      const mentionMatches = text.match(/@([\w-]+)/g);
       const mentionSlugs = mentionMatches ? [...new Set(mentionMatches.map(m => m.slice(1)))] : [];
       const mentions = mentionSlugs
         .map(slug => mentionMapRef.current.get(slug))

src/index.css

@@ -6,6 +6,7 @@
   --accent: #3b82f6;
   --border: #262626;
   --card: #141414;
+  --surface: #1a1a1a;
   --muted: #737373;
 }