From b41bb8ab1cefdec3aa6cf3429b0e3d8520cf8d22 Mon Sep 17 00:00:00 2001
From: Markov <markov@uix.su>
Date: Sat, 14 Mar 2026 06:58:53 +0100
Subject: [PATCH] fix: mention slug regex includes hyphens + dropdown opaque
 background

---
 src/components/ChatPanel.tsx | 2 +-
 src/index.css                | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/ChatPanel.tsx b/src/components/ChatPanel.tsx
index 3a03149..96e657a 100644
--- a/src/components/ChatPanel.tsx
+++ b/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))
diff --git a/src/index.css b/src/index.css
index aebd58c..8769a9a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -6,6 +6,7 @@
   --accent: #3b82f6;
   --border: #262626;
   --card: #141414;
+  --surface: #1a1a1a;
   --muted: #737373;
 }