refactor(ux): consolidate BMAD skills, update design system, and clean up Prisma generated client

keep-notes/components/note-actions.tsx

@@ -12,9 +12,11 @@ import {
   MoreVertical,
   Palette,
   Pin,
-  Trash2,
   Users,
   Maximize2,
+  FileText,
+  Trash2,
+  RotateCcw,
 } from "lucide-react"
 import { cn } from "@/lib/utils"
 import { NOTE_COLORS } from "@/lib/types"
@@ -31,6 +33,11 @@ interface NoteActionsProps {
   onSizeChange?: (size: 'small' | 'medium' | 'large') => void
   onDelete: () => void
   onShareCollaborators?: () => void
+  isMarkdown?: boolean
+  onToggleMarkdown?: () => void
+  isTrashView?: boolean
+  onRestore?: () => void
+  onPermanentDelete?: () => void
   className?: string
 }
 
@@ -45,10 +52,49 @@ export function NoteActions({
   onSizeChange,
   onDelete,
   onShareCollaborators,
+  isMarkdown = false,
+  onToggleMarkdown,
+  isTrashView,
+  onRestore,
+  onPermanentDelete,
   className
 }: NoteActionsProps) {
   const { t } = useLanguage()
 
+  // Trash view: show only Restore and Permanent Delete
+  if (isTrashView) {
+    return (
+      <div
+        className={cn("flex items-center justify-end gap-1", className)}
+        onClick={(e) => e.stopPropagation()}
+      >
+        {/* Restore Button */}
+        <Button
+          variant="ghost"
+          size="sm"
+          className="h-8 gap-1 px-2 text-xs"
+          onClick={onRestore}
+          title={t('trash.restore')}
+        >
+          <RotateCcw className="h-4 w-4" />
+          <span className="hidden sm:inline">{t('trash.restore')}</span>
+        </Button>
+
+        {/* Permanent Delete Button */}
+        <Button
+          variant="ghost"
+          size="sm"
+          className="h-8 gap-1 px-2 text-xs text-red-600 dark:text-red-400 hover:text-red-700 dark:hover:text-red-300"
+          onClick={onPermanentDelete}
+          title={t('trash.permanentDelete')}
+        >
+          <Trash2 className="h-4 w-4" />
+          <span className="hidden sm:inline">{t('trash.permanentDelete')}</span>
+        </Button>
+      </div>
+    )
+  }
+
   return (
     <div
       className={cn("flex items-center justify-end gap-1", className)}
@@ -79,6 +125,20 @@ export function NoteActions({
         </DropdownMenuContent>
       </DropdownMenu>
 
+      {/* Markdown Toggle */}
+      {onToggleMarkdown && (
+        <Button 
+          variant="ghost" 
+          size="sm" 
+          className={cn("h-8 gap-1 px-2 text-xs", isMarkdown && "text-primary bg-primary/10")} 
+          title="Markdown"
+          onClick={onToggleMarkdown}
+        >
+          <FileText className="h-4 w-4" />
+          <span className="hidden sm:inline">MD</span>
+        </Button>
+      )}
+
       {/* More Options */}
       <DropdownMenu>
         <DropdownMenuTrigger asChild>