feat: update Makelore modules and conversations

src/pages/Home/index.tsx

@@ -5,7 +5,7 @@ import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@/components/ui/sheet';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import {
   CollaborationProject,
@@ -44,7 +44,7 @@ function ProjectCard({
   onRestore: () => void;
 }) {
   return (
-    <div className="rounded-lg border bg-card p-4 shadow-sm transition-colors hover:border-primary/40">
+    <div className="surface-card motion-press rounded-2xl border border-border/70 bg-card p-4 shadow-none hover:border-brand/25 hover:shadow-soft">
       <div className="flex items-start justify-between gap-3">
         <div className="min-w-0">
           <div className="flex min-w-0 items-center gap-2">
@@ -123,19 +123,19 @@ export function Home() {
     setNameError('');
   };
 
-  const openCreateSheet = () => {
+  const openCreateDialog = () => {
     resetCreateForm();
     setCreateOpen(true);
     window.setTimeout(() => nameInputRef.current?.focus(), 50);
   };
 
-  const cancelCreateSheet = () => {
+  const cancelCreateDialog = () => {
     resetCreateForm();
     setCreateOpen(false);
   };
 
   useEffect(() => {
-    const handleOpenCreateProject = () => openCreateSheet();
+    const handleOpenCreateProject = () => openCreateDialog();
 
     window.addEventListener('niancode:create-project', handleOpenCreateProject);
     return () => window.removeEventListener('niancode:create-project', handleOpenCreateProject);
@@ -195,7 +195,7 @@ export function Home() {
 
   return (
     <main className="flex h-full min-h-0 -m-6 flex-col bg-background">
-      <div className="shrink-0 border-b bg-background px-6 py-5">
+      <div className="glass-surface shrink-0 border-b border-border/70 bg-background/80 px-6 py-5">
         <div className="flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between">
           <div>
             <div className="flex items-center gap-2 text-sm font-medium text-muted-foreground">
@@ -207,7 +207,7 @@ export function Home() {
 
           <Button
             className="w-full shrink-0 lg:w-auto"
-            onClick={openCreateSheet}
+            onClick={openCreateDialog}
           >
             <Plus className="mr-2 h-4 w-4" />
             新建项目
@@ -225,7 +225,7 @@ export function Home() {
 
         <TabsContent value="running" className="min-h-0 flex-1 overflow-auto px-6 pb-6">
           {visibleGroups.active.length === 0 && visibleGroups.inactive.length === 0 ? (
-            <div className="mt-6 flex min-h-[280px] items-center justify-center rounded-lg border border-dashed bg-card/40">
+            <div className="surface-card mt-6 flex min-h-[280px] items-center justify-center rounded-2xl border border-dashed border-border bg-card/40">
               <div className="max-w-sm text-center">
                 <FolderKanban className="mx-auto h-10 w-10 text-muted-foreground" />
                 <p className="mt-3 text-sm font-medium">还没有项目</p>
@@ -233,7 +233,7 @@ export function Home() {
                 <Button
                   className="mt-4"
                   size="sm"
-                  onClick={openCreateSheet}
+                  onClick={openCreateDialog}
                 >
                   <Plus className="mr-2 h-4 w-4" />
                   新建项目
@@ -298,28 +298,28 @@ export function Home() {
         </TabsContent>
       </Tabs>
 
-      <Sheet
+      <Dialog
         open={createOpen}
         onOpenChange={(open) => {
           if (open) {
-            openCreateSheet();
+            openCreateDialog();
           } else {
-            cancelCreateSheet();
+            cancelCreateDialog();
           }
         }}
       >
-        <SheetContent className="flex w-[min(460px,92vw)] flex-col overflow-hidden p-0 sm:max-w-none">
-          <SheetHeader className="border-b px-6 py-5">
-            <SheetTitle className="flex items-center gap-2">
+        <DialogContent className="flex max-h-[calc(100vh-2rem)] w-[min(460px,92vw)] max-w-none flex-col overflow-hidden p-0 sm:max-w-lg">
+          <DialogHeader className="border-b px-6 py-5">
+            <DialogTitle className="flex items-center gap-2">
               <span className="flex h-8 w-8 items-center justify-center rounded-md bg-primary/10 text-primary">
                 <Sparkles className="h-4 w-4" />
               </span>
               新建项目
-            </SheetTitle>
-            <SheetDescription>
+            </DialogTitle>
+            <DialogDescription>
               只需要先填写项目名称，其他信息会在阶段一继续补充。
-            </SheetDescription>
-          </SheetHeader>
+            </DialogDescription>
+          </DialogHeader>
           <form onSubmit={submit} className="flex min-h-0 flex-1 flex-col">
             <div className="min-h-0 flex-1 space-y-4 overflow-auto px-6 py-5">
               <div>
@@ -378,7 +378,7 @@ export function Home() {
               </div>
             </div>
             <div className="mt-auto flex shrink-0 justify-end gap-2 border-t bg-background px-6 py-4">
-              <Button type="button" variant="outline" onClick={cancelCreateSheet}>
+              <Button type="button" variant="outline" onClick={cancelCreateDialog}>
                 取消
               </Button>
               <Button type="submit">
@@ -386,8 +386,8 @@ export function Home() {
               </Button>
             </div>
           </form>
-        </SheetContent>
-      </Sheet>
+        </DialogContent>
+      </Dialog>
     </main>
   );
 }