create-arete-workspace 0.2.0

package/packages/gatsaeng-os/src/app/(dashboard)/tasks/page.tsx

@@ -0,0 +1,307 @@
+'use client'
+
+import { useState, useMemo } from 'react'
+import { useRouter } from 'next/navigation'
+import { useGlobalTasks, useQuickCreateTask, useToggleTaskDone } from '@/hooks/useGlobalTasks'
+import { useProjects } from '@/hooks/useProjects'
+import { DDayBadge } from '@/components/tasks/DDayBadge'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Badge } from '@/components/ui/badge'
+import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import {
+  Inbox,
+  CalendarCheck,
+  CalendarClock,
+  ListTodo,
+  CheckCircle2,
+  Circle,
+  Plus,
+  ArrowUpDown,
+} from 'lucide-react'
+import { cn } from '@/lib/utils'
+import type { Task, TaskPriority } from '@/types'
+
+const VIEW_TABS = [
+  { value: 'inbox', label: 'Inbox', icon: Inbox },
+  { value: 'today', label: '오늘', icon: CalendarCheck },
+  { value: 'upcoming', label: '예정', icon: CalendarClock },
+  { value: 'incomplete', label: '미완료', icon: ListTodo },
+  { value: 'done', label: '완료', icon: CheckCircle2 },
+] as const
+
+const PRIORITY_COLORS: Record<TaskPriority, string> = {
+  urgent: 'bg-gatsaeng-red text-white',
+  high: 'bg-gatsaeng-red/70 text-white',
+  medium: 'bg-gatsaeng-amber/80 text-black',
+  low: 'bg-muted text-muted-foreground',
+}
+
+const PRIORITY_LABELS: Record<TaskPriority, string> = {
+  urgent: '긴급',
+  high: '높음',
+  medium: '보통',
+  low: '낮음',
+}
+
+export default function TasksPage() {
+  const [view, setView] = useState('inbox')
+  const [sort, setSort] = useState<string>('')
+  const [showQuickAdd, setShowQuickAdd] = useState(false)
+  const [quickTitle, setQuickTitle] = useState('')
+  const [quickDueDate, setQuickDueDate] = useState('')
+  const [quickProjectId, setQuickProjectId] = useState('')
+
+  const { data: tasks = [], isLoading } = useGlobalTasks(view, sort || undefined)
+  const { data: projects = [] } = useProjects()
+  const quickCreate = useQuickCreateTask()
+  const toggleDone = useToggleTaskDone()
+
+  const handleQuickAdd = async (e: React.FormEvent) => {
+    e.preventDefault()
+    if (!quickTitle.trim()) return
+    await quickCreate.mutateAsync({
+      title: quickTitle.trim(),
+      due_date: quickDueDate || undefined,
+      project_id: quickProjectId || undefined,
+    })
+    setQuickTitle('')
+    setQuickDueDate('')
+    setQuickProjectId('')
+    setShowQuickAdd(false)
+  }
+
+  const getProjectName = (projectId: string) => {
+    return projects.find(p => p.id === projectId)?.title ?? ''
+  }
+
+  const groupedTasks = useMemo(() => {
+    if (view === 'inbox' || view === 'done') return null // no date grouping for these
+    const today = new Date().toISOString().slice(0, 10)
+    const weekLater = new Date(Date.now() + 7 * 86400000).toISOString().slice(0, 10)
+
+    const groups: { label: string; tasks: Task[] }[] = []
+    const overdue: Task[] = []
+    const todayTasks: Task[] = []
+    const thisWeek: Task[] = []
+    const later: Task[] = []
+    const noDue: Task[] = []
+
+    for (const t of tasks) {
+      const d = t.due_date?.slice(0, 10)
+      if (!d) { noDue.push(t); continue }
+      if (d < today) overdue.push(t)
+      else if (d === today) todayTasks.push(t)
+      else if (d <= weekLater) thisWeek.push(t)
+      else later.push(t)
+    }
+
+    if (overdue.length) groups.push({ label: `지난 할일 ${overdue.length}`, tasks: overdue })
+    if (todayTasks.length) groups.push({ label: `오늘 ${todayTasks.length}`, tasks: todayTasks })
+    if (thisWeek.length) groups.push({ label: `다음 7일 ${thisWeek.length}`, tasks: thisWeek })
+    if (later.length) groups.push({ label: `이후 ${later.length}`, tasks: later })
+    if (noDue.length) groups.push({ label: `마감일 없음 ${noDue.length}`, tasks: noDue })
+
+    return groups.length > 0 ? groups : null
+  }, [tasks, view])
+
+  return (
+    <div className="max-w-4xl mx-auto">
+      <div className="flex items-center justify-between mb-6">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">할일</h1>
+          <p className="text-sm text-muted-foreground mt-1">스마트 뷰로 태스크 관리</p>
+        </div>
+        <div className="flex items-center gap-2">
+          <Select value={sort} onValueChange={setSort}>
+            <SelectTrigger className="w-[130px] h-8 text-xs">
+              <ArrowUpDown className="w-3 h-3 mr-1" />
+              <SelectValue placeholder="정렬" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="position">기본</SelectItem>
+              <SelectItem value="due_date">마감일순</SelectItem>
+              <SelectItem value="priority">우선순위순</SelectItem>
+            </SelectContent>
+          </Select>
+          <Button
+            size="sm"
+            className="bg-primary hover:bg-primary/80"
+            onClick={() => setShowQuickAdd(v => !v)}
+          >
+            <Plus className="w-4 h-4 mr-1" /> 추가
+          </Button>
+        </div>
+      </div>
+
+      {showQuickAdd && (
+        <Card className="mb-4 border-primary/30">
+          <CardContent className="py-3 px-4">
+            <form onSubmit={handleQuickAdd} className="flex items-center gap-2">
+              <Input
+                value={quickTitle}
+                onChange={e => setQuickTitle(e.target.value)}
+                placeholder="새 할일 입력..."
+                className="flex-1 h-8 text-sm"
+                autoFocus
+              />
+              <Input
+                type="date"
+                value={quickDueDate}
+                onChange={e => setQuickDueDate(e.target.value)}
+                className="w-[140px] h-8 text-xs"
+              />
+              <Select value={quickProjectId} onValueChange={setQuickProjectId}>
+                <SelectTrigger className="w-[130px] h-8 text-xs">
+                  <SelectValue placeholder="프로젝트" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="">없음</SelectItem>
+                  {projects.map(p => (
+                    <SelectItem key={p.id} value={p.id}>{p.title}</SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+              <Button type="submit" size="sm" disabled={quickCreate.isPending}>
+                추가
+              </Button>
+            </form>
+          </CardContent>
+        </Card>
+      )}
+
+      <Tabs value={view} onValueChange={setView} className="mb-6">
+        <TabsList>
+          {VIEW_TABS.map(tab => {
+            const Icon = tab.icon
+            return (
+              <TabsTrigger key={tab.value} value={tab.value} className="gap-1.5">
+                <Icon className="w-3.5 h-3.5" />
+                {tab.label}
+              </TabsTrigger>
+            )
+          })}
+        </TabsList>
+      </Tabs>
+
+      {isLoading ? (
+        <div className="space-y-2">
+          {[1, 2, 3, 4].map(i => (
+            <div key={i} className="h-14 bg-card rounded-lg animate-pulse" />
+          ))}
+        </div>
+      ) : tasks.length === 0 ? (
+        <Card>
+          <CardContent className="py-12 text-center text-muted-foreground">
+            {view === 'inbox' && '프로젝트에 배정되지 않은 할일이 없습니다'}
+            {view === 'today' && '오늘 마감인 할일이 없습니다'}
+            {view === 'upcoming' && '예정된 할일이 없습니다'}
+            {view === 'incomplete' && '미완료 할일이 없습니다'}
+            {view === 'done' && '완료된 할일이 없습니다'}
+          </CardContent>
+        </Card>
+      ) : groupedTasks ? (
+        <div className="space-y-4">
+          {groupedTasks.map(group => (
+            <div key={group.label}>
+              <div className="flex items-center gap-2 mb-2">
+                <span className="text-xs font-medium text-muted-foreground">▼ {group.label}</span>
+              </div>
+              <div className="space-y-1.5">
+                {group.tasks.map(task => (
+                  <TaskListItem
+                    key={task.id}
+                    task={task}
+                    projectName={getProjectName(task.project_id)}
+                    onToggle={() => toggleDone.mutate({ id: task.id, currentStatus: task.status })}
+                  />
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      ) : (
+        <div className="space-y-1.5">
+          {tasks.map(task => (
+            <TaskListItem
+              key={task.id}
+              task={task}
+              projectName={getProjectName(task.project_id)}
+              onToggle={() => toggleDone.mutate({ id: task.id, currentStatus: task.status })}
+            />
+          ))}
+        </div>
+      )}
+
+      {!isLoading && tasks.length > 0 && (
+        <div className="mt-4 text-xs text-muted-foreground text-right">
+          {tasks.length}개 태스크
+        </div>
+      )}
+    </div>
+  )
+}
+
+function TaskListItem({ task, projectName, onToggle }: {
+  task: Task
+  projectName: string
+  onToggle: () => void
+}) {
+  const router = useRouter()
+  const isDone = task.status === 'done'
+
+  return (
+    <Card
+      className={cn(
+        'group hover:border-primary/30 transition-colors cursor-pointer',
+        isDone && 'opacity-60'
+      )}
+      onClick={() => router.push(`/tasks/${task.id}`)}
+    >
+      <CardContent className="py-2.5 px-4">
+        <div className="flex items-center gap-3">
+          <button
+            onClick={(e) => { e.stopPropagation(); onToggle() }}
+            className="flex-shrink-0 transition-colors"
+          >
+            {isDone ? (
+              <CheckCircle2 className="w-5 h-5 text-primary" />
+            ) : (
+              <Circle className="w-5 h-5 text-muted-foreground hover:text-primary" />
+            )}
+          </button>
+
+          <div className="flex-1 min-w-0">
+            <div className="flex items-center gap-2">
+              <span className={cn(
+                'text-sm font-medium truncate',
+                isDone && 'line-through text-muted-foreground'
+              )}>
+                {task.title}
+              </span>
+            </div>
+            {(projectName || task.tag) && (
+              <div className="flex items-center gap-2 mt-0.5">
+                {projectName && (
+                  <span className="text-[10px] text-muted-foreground">{projectName}</span>
+                )}
+                {task.tag && (
+                  <Badge variant="outline" className="text-[9px] px-1 py-0">{task.tag}</Badge>
+                )}
+              </div>
+            )}
+          </div>
+
+          <div className="flex items-center gap-2 flex-shrink-0">
+            <Badge className={cn('text-[10px] px-1.5 py-0', PRIORITY_COLORS[task.priority])}>
+              {PRIORITY_LABELS[task.priority]}
+            </Badge>
+            {task.due_date && <DDayBadge dueDate={task.due_date} />}
+          </div>
+        </div>
+      </CardContent>
+    </Card>
+  )
+}

package/packages/gatsaeng-os/src/app/(dashboard)/voice/page.tsx

@@ -0,0 +1,212 @@
+'use client'
+
+import { useState, useRef, useCallback } from 'react'
+import { Mic, Loader2, Volume2, Play } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+type Message = { role: 'user' | 'assistant'; content: string; audioUrl?: string }
+type VoiceState = 'idle' | 'recording' | 'processing' | 'playing'
+
+export default function VoicePage() {
+  const [state, setState] = useState<VoiceState>('idle')
+  const [messages, setMessages] = useState<Message[]>([])
+  const [error, setError] = useState<string | null>(null)
+
+  const recorderRef = useRef<MediaRecorder | null>(null)
+  const chunksRef = useRef<Blob[]>([])
+  const streamRef = useRef<MediaStream | null>(null)
+  const historyRef = useRef<Message[]>([])
+
+  // Keep historyRef in sync
+  const pushMessage = useCallback((msg: Message) => {
+    setMessages(prev => {
+      const next = [...prev, msg].slice(-20) // keep UI messages
+      historyRef.current = next.slice(-10)   // keep 10 for API context
+      return next
+    })
+  }, [])
+
+  const startRecording = useCallback(async () => {
+    setError(null)
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true })
+      streamRef.current = stream
+      chunksRef.current = []
+
+      const recorder = new MediaRecorder(stream, { mimeType: 'audio/webm' })
+      recorder.ondataavailable = (e) => {
+        if (e.data.size > 0) chunksRef.current.push(e.data)
+      }
+      recorderRef.current = recorder
+      recorder.start()
+      setState('recording')
+    } catch {
+      setError('마이크 접근 권한이 필요합니다.')
+    }
+  }, [])
+
+  const stopAndSend = useCallback(async () => {
+    const recorder = recorderRef.current
+    if (!recorder || recorder.state !== 'recording') return
+
+    setState('processing')
+
+    // Stop recording and collect blob
+    const blob = await new Promise<Blob>((resolve) => {
+      recorder.onstop = () => {
+        resolve(new Blob(chunksRef.current, { type: 'audio/webm' }))
+      }
+      recorder.stop()
+    })
+
+    // Release mic
+    streamRef.current?.getTracks().forEach(t => t.stop())
+    streamRef.current = null
+
+    if (blob.size < 1000) {
+      setState('idle')
+      return // too short, ignore
+    }
+
+    try {
+      // 1. Transcribe
+      const form = new FormData()
+      form.append('audio', blob, 'recording.webm')
+      const sttRes = await fetch('/api/voice/transcribe', { method: 'POST', body: form })
+      if (!sttRes.ok) throw new Error('STT 실패')
+      const { text } = await sttRes.json()
+      if (!text?.trim()) { setState('idle'); return }
+
+      pushMessage({ role: 'user', content: text })
+
+      // 2. Chat
+      const chatRes = await fetch('/api/voice/chat', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ message: text, history: historyRef.current }),
+      })
+      if (!chatRes.ok) throw new Error('Chat 실패')
+      const { reply } = await chatRes.json()
+
+      pushMessage({ role: 'assistant', content: reply })
+
+      // 3. TTS — fetch audio, store URL for user-gesture play (iOS safe)
+      setState('playing')
+      const ttsRes = await fetch('/api/voice/tts', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ text: reply }),
+      })
+      if (!ttsRes.ok) throw new Error('TTS 실패')
+
+      const audioBlob = await ttsRes.blob()
+      const audioUrl = URL.createObjectURL(audioBlob)
+
+      // Store audioUrl on the last message so user can tap ▶ to play (iOS autoplay policy)
+      setMessages(prev => {
+        const next = [...prev]
+        const last = next[next.length - 1]
+        if (last?.role === 'assistant') next[next.length - 1] = { ...last, audioUrl }
+        return next
+      })
+      setState('idle')
+    } catch (e) {
+      setError(e instanceof Error ? e.message : '오류가 발생했습니다.')
+      setState('idle')
+    }
+  }, [pushMessage])
+
+  return (
+    <div className="flex flex-col h-full max-w-lg mx-auto">
+      {/* Header */}
+      <div className="text-center py-4 border-b border-border">
+        <h1 className="text-lg font-bold">Eve Voice</h1>
+        <p className="text-xs text-muted-foreground mt-0.5">
+          버튼을 누르고 말하세요
+        </p>
+      </div>
+
+      {/* Messages */}
+      <div className="flex-1 overflow-y-auto p-4 space-y-3">
+        {messages.length === 0 && (
+          <div className="flex items-center justify-center h-full text-muted-foreground text-sm">
+            Eve에게 무엇이든 물어보세요
+          </div>
+        )}
+        {messages.map((msg, i) => (
+          <div
+            key={i}
+            className={cn(
+              'flex',
+              msg.role === 'user' ? 'justify-end' : 'justify-start'
+            )}
+          >
+            <div
+              className={cn(
+                'max-w-[80%] rounded-2xl px-4 py-2.5 text-sm leading-relaxed',
+                msg.role === 'user'
+                  ? 'bg-muted text-foreground rounded-br-md'
+                  : 'bg-primary/10 text-foreground rounded-bl-md'
+              )}
+            >
+              {msg.role === 'assistant' && (
+                <span className="text-xs font-medium text-primary block mb-1">Eve</span>
+              )}
+              {msg.content}
+              {msg.role === 'assistant' && msg.audioUrl && (
+                <button
+                  onClick={() => {
+                    const audio = new Audio(msg.audioUrl!)
+                    audio.onended = () => setState('idle')
+                    setState('playing')
+                    audio.play().catch(() => setState('idle'))
+                  }}
+                  className="mt-2 flex items-center gap-1 text-xs text-primary/70 hover:text-primary"
+                >
+                  <Play className="w-3 h-3" /> 재생
+                </button>
+              )}
+            </div>
+          </div>
+        ))}
+      </div>
+
+      {/* Error */}
+      {error && (
+        <div className="mx-4 mb-2 text-center text-xs text-destructive bg-destructive/10 rounded-lg px-3 py-2">
+          {error}
+        </div>
+      )}
+
+      {/* Mic Button */}
+      <div className="flex flex-col items-center gap-2 py-6 border-t border-border">
+        <button
+          onPointerDown={startRecording}
+          onPointerUp={stopAndSend}
+          onPointerLeave={() => {
+            if (state === 'recording') stopAndSend()
+          }}
+          disabled={state === 'processing' || state === 'playing'}
+          className={cn(
+            'w-20 h-20 rounded-full flex items-center justify-center transition-all select-none touch-none',
+            state === 'idle' && 'bg-primary text-primary-foreground hover:bg-primary/90 active:scale-95',
+            state === 'recording' && 'bg-red-500 text-white animate-pulse scale-110',
+            state === 'processing' && 'bg-muted text-muted-foreground cursor-wait',
+            state === 'playing' && 'bg-green-500 text-white cursor-default'
+          )}
+        >
+          {state === 'idle' && <Mic className="w-8 h-8" />}
+          {state === 'recording' && <Mic className="w-8 h-8" />}
+          {state === 'processing' && <Loader2 className="w-8 h-8 animate-spin" />}
+          {state === 'playing' && <Volume2 className="w-8 h-8" />}
+        </button>
+        <span className="text-xs text-muted-foreground">
+          {state === 'idle' && '꾹 눌러서 말하기'}
+          {state === 'recording' && '듣고 있어요...'}
+          {state === 'processing' && '처리 중...'}
+          {state === 'playing' && 'Eve가 말하는 중...'}
+        </span>
+      </div>
+    </div>
+  )
+}

package/packages/gatsaeng-os/src/app/api/areas/[id]/route.ts

@@ -0,0 +1,26 @@
+import { NextResponse } from 'next/server'
+import { getEntity, updateEntity, deleteEntity } from '@/lib/vault'
+import { areaSchema } from '@/lib/vault/schemas'
+import type { Area } from '@/types'
+
+export async function GET(_: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  const item = await getEntity<Area>('areas', id, areaSchema)
+  if (!item) return NextResponse.json({ error: 'Not found' }, { status: 404 })
+  return NextResponse.json(item.data)
+}
+
+export async function PUT(req: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  const body = await req.json()
+  const updated = await updateEntity<Area>('areas', id, body)
+  if (!updated) return NextResponse.json({ error: 'Not found' }, { status: 404 })
+  return NextResponse.json(updated)
+}
+
+export async function DELETE(_: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  const ok = await deleteEntity('areas', id)
+  if (!ok) return NextResponse.json({ error: 'Not found' }, { status: 404 })
+  return NextResponse.json({ ok: true })
+}

package/packages/gatsaeng-os/src/app/api/areas/route.ts

@@ -0,0 +1,22 @@
+import { NextResponse } from 'next/server'
+import { listEntities, createEntity } from '@/lib/vault'
+import { areaSchema } from '@/lib/vault/schemas'
+import type { Area } from '@/types'
+import { LIMITS } from '@/types'
+
+export async function GET() {
+  const items = await listEntities<Area>('areas', areaSchema)
+  return NextResponse.json(items.map(i => i.data))
+}
+
+export async function POST(req: Request) {
+  const body = await req.json()
+  const now = new Date().toISOString()
+  const data = await createEntity<Area>('areas', {
+    ...body,
+    status: 'active',
+    linked_goals: body.linked_goals || [],
+    created: now,
+  }, body.body_content)
+  return NextResponse.json(data, { status: 201 })
+}

package/packages/gatsaeng-os/src/app/api/auth/login/route.ts

@@ -0,0 +1,52 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { signToken, checkCredentials, COOKIE_NAME, COOKIE_MAX_AGE } from '@/lib/auth'
+
+// Rate limiting (in-memory, resets on restart)
+const attempts = new Map<string, { count: number; resetAt: number }>()
+
+function getRateLimit(ip: string) {
+  const now = Date.now()
+  const entry = attempts.get(ip)
+  if (!entry || entry.resetAt < now) {
+    return { count: 0, resetAt: now + 15 * 60 * 1000 }
+  }
+  return entry
+}
+
+export async function POST(req: NextRequest) {
+  if (!process.env.SESSION_SECRET) {
+    return NextResponse.json({ error: 'Server misconfigured' }, { status: 500 })
+  }
+
+  const ip = req.headers.get('x-forwarded-for') ?? req.headers.get('x-real-ip') ?? 'unknown'
+  const limit = getRateLimit(ip)
+
+  if (limit.count >= 10) {
+    attempts.set(ip, limit)
+    return NextResponse.json(
+      { error: 'Too many attempts. Try again in 15 minutes.' },
+      { status: 429, headers: { 'Retry-After': '900' } }
+    )
+  }
+
+  const { username, password } = await req.json()
+
+  if (!checkCredentials(username, password)) {
+    attempts.set(ip, { count: limit.count + 1, resetAt: limit.resetAt })
+    return NextResponse.json({ error: 'Invalid credentials' }, { status: 401 })
+  }
+
+  // Reset on success
+  attempts.delete(ip)
+
+  const token = await signToken({ username })
+  const res = NextResponse.json({ ok: true })
+  res.cookies.set(COOKIE_NAME, token, {
+    httpOnly: true,
+    secure: true,
+    sameSite: 'lax',
+    maxAge: COOKIE_MAX_AGE,
+    path: '/',
+  })
+  return res
+}

package/packages/gatsaeng-os/src/app/api/auth/logout/route.ts

@@ -0,0 +1,8 @@
+import { NextResponse } from 'next/server'
+import { COOKIE_NAME } from '@/lib/auth'
+
+export async function POST() {
+  const res = NextResponse.json({ ok: true })
+  res.cookies.delete(COOKIE_NAME)
+  return res
+}

package/packages/gatsaeng-os/src/app/api/books/[id]/route.ts

@@ -0,0 +1,27 @@
+import { NextResponse } from 'next/server'
+import { getEntity, updateEntity, deleteEntity } from '@/lib/vault'
+import type { Book } from '@/types'
+
+export async function GET(_: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  const result = await getEntity<Book>('books', id)
+  if (!result) return NextResponse.json({ error: 'Not found' }, { status: 404 })
+  return NextResponse.json({ ...result.data, _content: result.content ?? '' })
+}
+
+export async function PUT(request: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  const body = await request.json()
+  const { content: bodyContent, ...updates } = body
+  const finalUpdates = { ...updates, updated_at: new Date().toISOString() }
+  const result = await updateEntity<Book>('books', id, finalUpdates, bodyContent)
+  if (!result) return NextResponse.json({ error: 'Not found' }, { status: 404 })
+  return NextResponse.json(result)
+}
+
+export async function DELETE(_: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  const deleted = await deleteEntity('books', id)
+  if (!deleted) return NextResponse.json({ error: 'Not found' }, { status: 404 })
+  return NextResponse.json({ success: true })
+}

package/packages/gatsaeng-os/src/app/api/books/route.ts

@@ -0,0 +1,20 @@
+import { NextResponse } from 'next/server'
+import { listEntities, createEntity } from '@/lib/vault'
+import { bookSchema } from '@/lib/vault/schemas'
+import type { Book } from '@/types'
+
+export async function GET() {
+  const books = await listEntities<Book>('books', bookSchema)
+  return NextResponse.json(books.map(b => ({ ...b.data, _content: b.content ?? '' })))
+}
+
+export async function POST(request: Request) {
+  const body = await request.json()
+  const data = {
+    ...body,
+    status: body.status || 'want_to_read',
+    created_at: new Date().toISOString(),
+  }
+  const result = await createEntity<Book>('books', data)
+  return NextResponse.json(result, { status: 201 })
+}