create-arete-workspace 0.2.0

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

@@ -0,0 +1,28 @@
+import { NextResponse } from 'next/server'
+import { listEntities, createEntity } from '@/lib/vault'
+import { routineSchema } from '@/lib/vault/schemas'
+import type { Routine } from '@/types'
+
+export async function GET() {
+  const results = await listEntities<Routine>('routines', routineSchema)
+  return NextResponse.json(results.map(r => r.data))
+}
+
+export async function POST(request: Request) {
+  const body = await request.json()
+  const now = new Date().toISOString()
+  const data = {
+    ...body,
+    days_of_week: body.days_of_week ?? [1, 2, 3, 4, 5, 6, 7],
+    trigger_type: body.trigger_type ?? 'time',
+    energy_required: body.energy_required ?? 'medium',
+    streak: 0,
+    longest_streak: 0,
+    is_active: true,
+    position: body.position ?? 0,
+    created_at: now,
+  }
+
+  const entity = await createEntity<Routine>('routines', data)
+  return NextResponse.json(entity, { status: 201 })
+}

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

@@ -0,0 +1,28 @@
+import { NextResponse } from 'next/server'
+import { getEntity, updateEntity, deleteEntity } from '@/lib/vault'
+import { taskSchema } from '@/lib/vault/schemas'
+import type { Task } from '@/types'
+
+export async function GET(_: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  const result = await getEntity<Task>('tasks', id, taskSchema)
+  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<Task>('tasks', 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('tasks', id)
+  if (!deleted) return NextResponse.json({ error: 'Not found' }, { status: 404 })
+  return NextResponse.json({ success: true })
+}

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

@@ -0,0 +1,66 @@
+import { NextResponse } from 'next/server'
+import { listEntities, createEntity } from '@/lib/vault'
+import { taskSchema } from '@/lib/vault/schemas'
+import type { Task } from '@/types'
+
+export async function GET(request: Request) {
+  const { searchParams } = new URL(request.url)
+  const projectId = searchParams.get('project_id')
+  const view = searchParams.get('view')
+  const sort = searchParams.get('sort')
+
+  const results = await listEntities<Task>('tasks', taskSchema)
+  let tasks = results.map(r => ({ ...r.data, _content: r.content ?? '' }))
+
+  if (projectId) {
+    tasks = tasks.filter(t => t.project_id === projectId)
+  }
+
+  if (view) {
+    const today = new Date().toISOString().split('T')[0]
+    switch (view) {
+      case 'inbox':
+        tasks = tasks.filter(t => !t.due_date && t.status !== 'done')
+        break
+      case 'today':
+        tasks = tasks.filter(t => t.due_date?.slice(0, 10) === today && t.status !== 'done')
+        break
+      case 'upcoming':
+        tasks = tasks.filter(t => t.due_date && t.due_date.slice(0, 10) > today && t.status !== 'done')
+        break
+      case 'incomplete':
+        tasks = tasks.filter(t => t.status !== 'done')
+        break
+      case 'done':
+        tasks = tasks.filter(t => t.status === 'done')
+        break
+    }
+  }
+
+  if (sort === 'due_date') {
+    tasks.sort((a, b) => (a.due_date ?? '9999').localeCompare(b.due_date ?? '9999'))
+  } else if (sort === 'priority') {
+    const order: Record<string, number> = { urgent: 0, high: 1, medium: 2, low: 3 }
+    tasks.sort((a, b) => (order[a.priority] ?? 2) - (order[b.priority] ?? 2))
+  } else {
+    tasks.sort((a, b) => (a.position ?? 0) - (b.position ?? 0))
+  }
+
+  return NextResponse.json(tasks)
+}
+
+export async function POST(request: Request) {
+  const body = await request.json()
+  const now = new Date().toISOString()
+  const data = {
+    ...body,
+    status: body.status ?? 'backlog',
+    priority: body.priority ?? 'medium',
+    position: body.position ?? 0,
+    created_at: now,
+    updated_at: now,
+  }
+
+  const entity = await createEntity<Task>('tasks', data)
+  return NextResponse.json(entity, { status: 201 })
+}

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

@@ -0,0 +1,63 @@
+import { NextResponse } from 'next/server'
+import { FOLDERS } from '@/lib/vault/config'
+import fs from 'fs/promises'
+import path from 'path'
+import matter from 'gray-matter'
+
+export async function GET() {
+  const now = new Date()
+  const today = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`
+  const dirPath = FOLDERS.timing
+
+  try {
+    const files = await fs.readdir(dirPath)
+    const mdFiles = files.filter(f => f.endsWith('.md'))
+
+    // Find all matching periods, prefer the one with latest start (boundary = new month)
+    let bestMatch: Record<string, unknown> | null = null
+    let bestStart = ''
+
+    for (const file of mdFiles) {
+      const raw = await fs.readFile(path.join(dirPath, file), 'utf-8')
+      const { data } = matter(raw)
+
+      const start = data.period_start instanceof Date
+        ? data.period_start.toISOString().slice(0, 10)
+        : String(data.period_start || '')
+      const end = data.period_end instanceof Date
+        ? data.period_end.toISOString().slice(0, 10)
+        : String(data.period_end || '')
+
+      if (start && end && today >= start && today <= end) {
+        if (!bestMatch || start > bestStart) {
+          bestMatch = data
+          bestStart = start
+        }
+      }
+    }
+
+    if (bestMatch) {
+      const data = bestMatch
+      const actionItems = typeof data.action_guide === 'string'
+        ? data.action_guide.split(/[,、]/).map((s: string) => s.trim()).filter(Boolean)
+        : Array.isArray(data.action_guide) ? data.action_guide : []
+
+      return NextResponse.json({
+        month: data.month_name || '',
+        pillar: data.month_hanja || '',
+        heavenly_stem: (data.month_hanja as string)?.[0] || '',
+        earthly_branch: (data.month_hanja as string)?.[1] || '',
+        rating: data.rating || 3,
+        theme: data.theme || '',
+        insight: data.key_insight || '',
+        action_guide: actionItems,
+        caution: data.caution ? (Array.isArray(data.caution) ? data.caution : [data.caution]) : [],
+      })
+    }
+
+    return NextResponse.json(null, { status: 404 })
+  } catch (err) {
+    console.error('[timing/current]', err instanceof Error ? err.message : err)
+    return NextResponse.json(null, { status: 404 })
+  }
+}

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

@@ -0,0 +1,50 @@
+import { NextRequest, NextResponse } from 'next/server'
+import OpenAI from 'openai'
+import { governorCheck, governorRecord, estimateCost } from '@/lib/llm-governor'
+
+const openai = new OpenAI()
+
+const SYSTEM_PROMPT =
+  '당신은 Eve입니다. Drake의 EA(Executive Assistant)이자 Chief of Staff. 나긋나긋한 톤, 속은 칼. 응답은 한국어로, 3문장 이하로 간결하게. 음성 응답이므로 마크다운 없이 자연스러운 말투로.'
+
+export async function POST(req: NextRequest) {
+  try {
+    const { message, history } = (await req.json()) as {
+      message: string
+      history: Array<{ role: 'user' | 'assistant'; content: string }>
+    }
+
+    if (!message) {
+      return NextResponse.json({ error: 'message required' }, { status: 400 })
+    }
+
+    // Governor check
+    const check = governorCheck('voice/chat', message, 'gpt-4o')
+    if (!check.ok) {
+      console.error(`[voice/chat] Governor blocked: ${check.reason}`)
+      return NextResponse.json({ error: check.reason }, { status: 429 })
+    }
+    if (check.cached) {
+      return NextResponse.json({ reply: (check.result as { reply: string }).reply })
+    }
+
+    const messages: OpenAI.ChatCompletionMessageParam[] = [
+      { role: 'system', content: SYSTEM_PROMPT },
+      ...history.slice(-10),
+      { role: 'user', content: message },
+    ]
+
+    const completion = await openai.chat.completions.create({
+      model: 'gpt-4o',
+      messages,
+      max_tokens: 256,
+    })
+
+    const reply = completion.choices[0]?.message?.content ?? ''
+    governorRecord('voice/chat', estimateCost('gpt-4o', message.length), undefined, { reply })
+    return NextResponse.json({ reply })
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : 'chat failed'
+    return NextResponse.json({ error: msg }, { status: 500 })
+  }
+}

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

@@ -0,0 +1,25 @@
+import { NextRequest, NextResponse } from 'next/server'
+import OpenAI from 'openai'
+
+const openai = new OpenAI()
+
+export async function POST(req: NextRequest) {
+  try {
+    const formData = await req.formData()
+    const audio = formData.get('audio')
+    if (!(audio instanceof File)) {
+      return NextResponse.json({ error: 'audio file required' }, { status: 400 })
+    }
+
+    const transcription = await openai.audio.transcriptions.create({
+      model: 'whisper-1',
+      file: audio,
+      language: 'ko',
+    })
+
+    return NextResponse.json({ text: transcription.text })
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : 'transcription failed'
+    return NextResponse.json({ error: msg }, { status: 500 })
+  }
+}

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

@@ -0,0 +1,36 @@
+import { NextRequest } from 'next/server'
+import OpenAI from 'openai'
+
+const openai = new OpenAI()
+
+export async function POST(req: NextRequest) {
+  try {
+    const { text } = (await req.json()) as { text: string }
+    if (!text) {
+      return new Response(JSON.stringify({ error: 'text required' }), {
+        status: 400,
+        headers: { 'Content-Type': 'application/json' },
+      })
+    }
+
+    const mp3 = await openai.audio.speech.create({
+      model: 'tts-1',
+      voice: 'nova',
+      input: text,
+      response_format: 'mp3',
+    })
+
+    return new Response(mp3.body, {
+      headers: {
+        'Content-Type': 'audio/mpeg',
+        'Cache-Control': 'no-store',
+      },
+    })
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : 'tts failed'
+    return new Response(JSON.stringify({ error: msg }), {
+      status: 500,
+      headers: { 'Content-Type': 'application/json' },
+    })
+  }
+}

package/packages/gatsaeng-os/src/app/error.tsx

@@ -0,0 +1,30 @@
+'use client'
+
+import { useEffect } from 'react'
+
+export default function RootError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  useEffect(() => {
+    console.error('[RootError]', error)
+  }, [error])
+
+  return (
+    <div className="min-h-screen flex flex-col items-center justify-center gap-4 p-8 bg-black text-white">
+      <h2 className="text-lg font-bold text-red-500">Application Error</h2>
+      <p className="text-xs text-red-400 bg-red-950/30 p-4 rounded-lg max-w-2xl overflow-auto">
+        {error.message}
+      </p>
+      <button
+        onClick={reset}
+        className="px-4 py-2 rounded bg-white text-black text-sm font-semibold"
+      >
+        다시 시도
+      </button>
+    </div>
+  )
+}

package/packages/gatsaeng-os/src/app/globals.css

@@ -0,0 +1,208 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 12px);
+  --radius-4xl: calc(var(--radius) + 16px);
+
+  /* Gatsaeng semantic colors */
+  --color-gatsaeng-amber: #f5a623;
+  --color-gatsaeng-teal: #00d4aa;
+  --color-gatsaeng-purple: #7c5cbf;
+  --color-gatsaeng-red: #ff5470;
+  --color-mc-header-light: #f6f8fa;
+  --color-mc-header: #010409;
+}
+
+/* Light theme */
+:root {
+  --radius: 0.5rem;
+  --background: #ffffff;
+  --foreground: #1c2128;
+  --card: #f6f8fa;
+  --card-foreground: #1c2128;
+  --popover: #ffffff;
+  --popover-foreground: #1c2128;
+  --primary: #0969da;
+  --primary-foreground: #ffffff;
+  --secondary: #eaeef2;
+  --secondary-foreground: #1c2128;
+  --muted: #eaeef2;
+  --muted-foreground: #656d76;
+  --accent: #eaeef2;
+  --accent-foreground: #1c2128;
+  --destructive: #cf222e;
+  --border: #d0d7de;
+  --input: #d0d7de;
+  --ring: #0969da;
+  --chart-1: #d4850a;
+  --chart-2: #0a8f6f;
+  --chart-3: #6639a6;
+  --chart-4: #0969da;
+  --chart-5: #cf222e;
+  --sidebar: #f6f8fa;
+  --sidebar-foreground: #1c2128;
+  --sidebar-primary: #0969da;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #eaeef2;
+  --sidebar-accent-foreground: #1c2128;
+  --sidebar-border: #d0d7de;
+  --sidebar-ring: #0969da;
+}
+
+/* Mission Control dark theme */
+.dark {
+  --background: #0d1117;
+  --foreground: #c9d1d9;
+  --card: #161b22;
+  --card-foreground: #c9d1d9;
+  --popover: #161b22;
+  --popover-foreground: #c9d1d9;
+  --primary: #58a6ff;
+  --primary-foreground: #0d1117;
+  --secondary: #21262d;
+  --secondary-foreground: #c9d1d9;
+  --muted: #21262d;
+  --muted-foreground: #8b949e;
+  --accent: #21262d;
+  --accent-foreground: #c9d1d9;
+  --destructive: #ff5470;
+  --border: #30363d;
+  --input: #30363d;
+  --ring: #58a6ff;
+  --chart-1: #f5a623;
+  --chart-2: #00d4aa;
+  --chart-3: #7c5cbf;
+  --chart-4: #58a6ff;
+  --chart-5: #ff5470;
+  --sidebar: #0d1117;
+  --sidebar-foreground: #c9d1d9;
+  --sidebar-primary: #58a6ff;
+  --sidebar-primary-foreground: #0d1117;
+  --sidebar-accent: #161b22;
+  --sidebar-accent-foreground: #c9d1d9;
+  --sidebar-border: #30363d;
+  --sidebar-ring: #58a6ff;
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Pretendard", Helvetica, Arial, sans-serif;
+  }
+}
+
+/* Scrollbar styling */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: var(--border);
+  border-radius: 3px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: var(--muted-foreground);
+}
+
+/* ─── react-grid-layout ─── */
+.react-grid-item.react-grid-placeholder {
+  background: var(--primary);
+  opacity: 0.08;
+  border-radius: 0.75rem;
+  border: 2px dashed var(--primary);
+  transition: all 150ms ease;
+}
+
+.react-grid-item > .react-resizable-handle {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+}
+
+.react-grid-item > .react-resizable-handle::after {
+  content: '';
+  position: absolute;
+  right: 5px;
+  bottom: 5px;
+  width: 6px;
+  height: 6px;
+  border-right: 2px solid var(--muted-foreground);
+  border-bottom: 2px solid var(--muted-foreground);
+  opacity: 0;
+  transition: opacity 150ms ease;
+}
+
+.react-grid-item:hover > .react-resizable-handle::after {
+  opacity: 0.5;
+}
+
+.react-grid-item > .react-resizable-handle-se {
+  bottom: 0;
+  right: 0;
+  cursor: se-resize;
+}
+
+.react-grid-item.cssTransforms {
+  transition: transform 150ms ease;
+}
+
+/* Nova-style card close button — visible on hover (scoped to drag handle) */
+.react-grid-item:hover .card-drag-handle button {
+  opacity: 1 !important;
+}
+
+/* ─── Nova heading utility ─── */
+.nova-heading {
+  font-family: var(--font-mono);
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.15em;
+}

package/packages/gatsaeng-os/src/app/layout.tsx

@@ -0,0 +1,33 @@
+import type { Metadata } from 'next'
+import { Geist, Geist_Mono } from 'next/font/google'
+import { Providers } from './providers'
+import './globals.css'
+
+const geistSans = Geist({
+  variable: '--font-geist-sans',
+  subsets: ['latin'],
+})
+
+const geistMono = Geist_Mono({
+  variable: '--font-geist-mono',
+  subsets: ['latin'],
+})
+
+export const metadata: Metadata = {
+  title: 'GatsaengOS — Mission Control',
+  description: '뇌과학 기반 습관 & 생산성 시스템',
+}
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  return (
+    <html lang="ko" suppressHydrationWarning>
+      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
+        <Providers>{children}</Providers>
+      </body>
+    </html>
+  )
+}

package/packages/gatsaeng-os/src/app/login/page.tsx

@@ -0,0 +1,87 @@
+'use client'
+
+import { useState } from 'react'
+import { useRouter } from 'next/navigation'
+
+export default function LoginPage() {
+  const [username, setUsername] = useState('')
+  const [password, setPassword] = useState('')
+  const [error, setError] = useState('')
+  const [loading, setLoading] = useState(false)
+  const router = useRouter()
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault()
+    setLoading(true)
+    setError('')
+
+    try {
+      const res = await fetch('/api/auth/login', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ username, password }),
+      })
+
+      if (res.ok) {
+        router.push('/')
+        router.refresh()
+      } else {
+        const data = await res.json()
+        setError(data.error || 'Login failed')
+      }
+    } catch {
+      setError('Network error')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-black">
+      <div className="w-full max-w-sm p-8 rounded-2xl border border-zinc-800 bg-zinc-950">
+        <div className="mb-8 text-center">
+          <div className="text-3xl mb-2">🧭</div>
+          <h1 className="text-xl font-semibold text-white">GatsaengOS</h1>
+          <p className="text-zinc-500 text-sm mt-1">갓생 미션 컨트롤</p>
+        </div>
+
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div>
+            <input
+              type="text"
+              placeholder="Username"
+              value={username}
+              onChange={e => setUsername(e.target.value)}
+              required
+              autoComplete="username"
+              className="w-full px-4 py-3 rounded-lg bg-zinc-900 border border-zinc-700 text-white placeholder-zinc-500 focus:outline-none focus:border-zinc-400 transition"
+            />
+          </div>
+          <div>
+            <input
+              type="password"
+              placeholder="Password"
+              value={password}
+              onChange={e => setPassword(e.target.value)}
+              required
+              autoComplete="current-password"
+              className="w-full px-4 py-3 rounded-lg bg-zinc-900 border border-zinc-700 text-white placeholder-zinc-500 focus:outline-none focus:border-zinc-400 transition"
+            />
+          </div>
+
+          {error && (
+            <p className="text-red-400 text-sm text-center">{error}</p>
+          )}
+
+          <button
+            type="submit"
+            disabled={loading}
+            className="w-full py-3 rounded-lg bg-white text-black font-semibold hover:bg-zinc-200 transition disabled:opacity-50"
+          >
+            {loading ? '...' : 'Login'}
+          </button>
+        </form>
+      </div>
+    </div>
+  )
+}

package/packages/gatsaeng-os/src/app/providers.tsx

@@ -0,0 +1,27 @@
+'use client'
+
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { ThemeProvider } from 'next-themes'
+import { TooltipProvider } from '@/components/ui/tooltip'
+import { useState } from 'react'
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  const [queryClient] = useState(() => new QueryClient({
+    defaultOptions: {
+      queries: {
+        staleTime: 3 * 60 * 1000,
+        refetchOnWindowFocus: false,
+      },
+    },
+  }))
+
+  return (
+    <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
+      <QueryClientProvider client={queryClient}>
+        <TooltipProvider>
+          {children}
+        </TooltipProvider>
+      </QueryClientProvider>
+    </ThemeProvider>
+  )
+}