init: 昔涟项目骨架

2026-05-15 20:10:35 +08:00
commit 6bde87f807
84 changed files with 3635 additions and 0 deletions
@@ -0,0 +1,38 @@
+import { CyreneAvatar } from '@/components/persona/CyreneAvatar';
+
+interface MessageBubbleProps {
+  role: 'user' | 'assistant';
+  content: string;
+  timestamp: number;
+}
+
+export function MessageBubble({ role, content, timestamp }: MessageBubbleProps) {
+  if (role === 'user') {
+    return (
+      <div className="flex justify-end px-4 py-2">
+        <div className="max-w-[70%] bg-pink-400 text-white rounded-2xl rounded-br-md px-4 py-2 shadow-sm">
+          <p className="text-sm leading-relaxed">{content}</p>
+          <span className="text-xs text-pink-100 mt-1 block">
+            {new Date(timestamp).toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })}
+          </span>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex px-4 py-2 gap-3">
+      <CyreneAvatar size="sm" className="flex-shrink-0 mt-1" />
+      <div className="max-w-[70%]">
+        <div className="bg-white dark:bg-gray-800 rounded-2xl rounded-bl-md px-4 py-2 shadow-sm border border-pink-100 dark:border-pink-900">
+          <p className="text-sm leading-relaxed text-gray-700 dark:text-gray-200">
+            {content}
+          </p>
+        </div>
+        <span className="text-xs text-gray-400 mt-1 block ml-1">
+          {new Date(timestamp).toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })}
+        </span>
+      </div>
+    </div>
+  );
+}