olly-molly 0.1.0

package/app/api/pm/tickets/route.ts

@@ -0,0 +1,147 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { ticketService, memberService } from '@/lib/db';
+
+/**
+ * PM Agent API - Create tickets with automatic assignment
+ * 
+ * The PM Agent analyzes the ticket content and automatically assigns
+ * it to the most appropriate team member based on keywords and task type.
+ */
+
+// Keywords mapping for auto-assignment
+const ROLE_KEYWORDS: Record<string, string[]> = {
+    FE_DEV: [
+        'frontend', 'ui', 'ux', 'react', 'component', 'css', 'style', 'design',
+        'button', 'form', 'page', 'layout', 'responsive', 'animation', 'tailwind',
+        '프론트엔드', 'UI', '컴포넌트', '디자인', '스타일', '화면', '페이지'
+    ],
+    BACKEND_DEV: [
+        'backend', 'api', 'database', 'db', 'server', 'endpoint', 'rest',
+        'authentication', 'auth', 'sql', 'query', 'migration', 'model',
+        '백엔드', 'API', '데이터베이스', '서버', '인증'
+    ],
+    QA: [
+        'test', 'testing', 'qa', 'quality', 'bug', 'fix', 'verify', 'validation',
+        'e2e', 'integration', 'unit test', 'playwright', 'automation',
+        '테스트', 'QA', '버그', '검증', '품질'
+    ],
+    DEVOPS: [
+        'deploy', 'deployment', 'ci', 'cd', 'pipeline', 'docker', 'kubernetes',
+        'infrastructure', 'monitoring', 'logging', 'aws', 'cloud', 'server',
+        '배포', '인프라', '파이프라인', '모니터링'
+    ],
+};
+
+function analyzeAndAssign(title: string, description?: string): string | null {
+    const text = `${title} ${description || ''}`.toLowerCase();
+
+    // Count keyword matches for each role
+    const scores: Record<string, number> = {
+        FE_DEV: 0,
+        BACKEND_DEV: 0,
+        QA: 0,
+        DEVOPS: 0,
+    };
+
+    for (const [role, keywords] of Object.entries(ROLE_KEYWORDS)) {
+        for (const keyword of keywords) {
+            if (text.includes(keyword.toLowerCase())) {
+                scores[role] += 1;
+            }
+        }
+    }
+
+    // Find the role with highest score
+    let maxScore = 0;
+    let assignedRole: string | null = null;
+
+    for (const [role, score] of Object.entries(scores)) {
+        if (score > maxScore) {
+            maxScore = score;
+            assignedRole = role;
+        }
+    }
+
+    // If no clear match, default to FE_DEV for general tasks
+    if (maxScore === 0) {
+        assignedRole = 'FE_DEV';
+    }
+
+    // Get the member with this role
+    const member = memberService.getByRole(assignedRole!);
+    return member?.id || null;
+}
+
+export async function POST(request: NextRequest) {
+    try {
+        const body = await request.json();
+
+        if (!body.title) {
+            return NextResponse.json(
+                { error: 'Title is required' },
+                { status: 400 }
+            );
+        }
+
+        // Get PM member
+        const pmMember = memberService.getByRole('PM');
+
+        // Auto-assign based on content analysis
+        let assigneeId = body.assignee_id;
+        let autoAssigned = false;
+
+        if (!assigneeId && body.auto_assign !== false) {
+            assigneeId = analyzeAndAssign(body.title, body.description);
+            autoAssigned = true;
+        }
+
+        // Create ticket with PM as creator
+        const ticket = ticketService.create({
+            title: body.title,
+            description: body.description,
+            priority: body.priority || 'MEDIUM',
+            assignee_id: assigneeId,
+            created_by: pmMember?.id,
+        });
+
+        // Get assignee info for response
+        const assignee = assigneeId ? memberService.getById(assigneeId) : null;
+
+        return NextResponse.json({
+            ...ticket,
+            assignee,
+            auto_assigned: autoAssigned,
+            created_by_pm: true,
+        }, { status: 201 });
+    } catch (error) {
+        console.error('Error in PM create ticket:', error);
+        return NextResponse.json(
+            { error: 'Failed to create ticket' },
+            { status: 500 }
+        );
+    }
+}
+
+// GET endpoint to get PM agent info and capabilities
+export async function GET() {
+    try {
+        const pmMember = memberService.getByRole('PM');
+        const allMembers = memberService.getAll();
+
+        return NextResponse.json({
+            pm: pmMember,
+            team: allMembers.filter(m => m.role !== 'PM'),
+            capabilities: {
+                auto_assignment: true,
+                supported_roles: Object.keys(ROLE_KEYWORDS),
+                keywords: ROLE_KEYWORDS,
+            },
+        });
+    } catch (error) {
+        console.error('Error fetching PM info:', error);
+        return NextResponse.json(
+            { error: 'Failed to fetch PM info' },
+            { status: 500 }
+        );
+    }
+}

package/app/api/projects/[id]/route.ts

@@ -0,0 +1,56 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { projectService } from '@/lib/db';
+
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const project = projectService.getById(id);
+        if (!project) {
+            return NextResponse.json({ error: 'Project not found' }, { status: 404 });
+        }
+        return NextResponse.json(project);
+    } catch (error) {
+        console.error('Error fetching project:', error);
+        return NextResponse.json({ error: 'Failed to fetch project' }, { status: 500 });
+    }
+}
+
+export async function DELETE(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const deleted = projectService.delete(id);
+        if (!deleted) {
+            return NextResponse.json({ error: 'Project not found' }, { status: 404 });
+        }
+        return NextResponse.json({ success: true });
+    } catch (error) {
+        console.error('Error deleting project:', error);
+        return NextResponse.json({ error: 'Failed to delete project' }, { status: 500 });
+    }
+}
+
+export async function PATCH(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const body = await request.json();
+
+        if (body.is_active) {
+            const project = projectService.setActive(id);
+            return NextResponse.json(project);
+        }
+
+        return NextResponse.json({ error: 'Invalid update' }, { status: 400 });
+    } catch (error) {
+        console.error('Error updating project:', error);
+        return NextResponse.json({ error: 'Failed to update project' }, { status: 500 });
+    }
+}

package/app/api/projects/active/route.ts

@@ -0,0 +1,15 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { projectService } from '@/lib/db';
+
+export async function GET() {
+    try {
+        const project = projectService.getActive();
+        if (!project) {
+            return NextResponse.json({ error: 'No active project' }, { status: 404 });
+        }
+        return NextResponse.json(project);
+    } catch (error) {
+        console.error('Error fetching active project:', error);
+        return NextResponse.json({ error: 'Failed to fetch active project' }, { status: 500 });
+    }
+}

package/app/api/projects/route.ts

@@ -0,0 +1,53 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { projectService } from '@/lib/db';
+import fs from 'fs';
+import path from 'path';
+
+export async function GET() {
+    try {
+        const projects = projectService.getAll();
+        return NextResponse.json(projects);
+    } catch (error) {
+        console.error('Error fetching projects:', error);
+        return NextResponse.json({ error: 'Failed to fetch projects' }, { status: 500 });
+    }
+}
+
+export async function POST(request: NextRequest) {
+    try {
+        const body = await request.json();
+
+        if (!body.path) {
+            return NextResponse.json({ error: 'Project path is required' }, { status: 400 });
+        }
+
+        // Validate that the path exists and is a directory
+        const projectPath = body.path;
+        if (!fs.existsSync(projectPath)) {
+            return NextResponse.json({ error: 'Path does not exist' }, { status: 400 });
+        }
+
+        const stats = fs.statSync(projectPath);
+        if (!stats.isDirectory()) {
+            return NextResponse.json({ error: 'Path is not a directory' }, { status: 400 });
+        }
+
+        // Check if it's a git repository
+        const gitPath = path.join(projectPath, '.git');
+        const isGitRepo = fs.existsSync(gitPath);
+
+        // Extract project name from path if not provided
+        const name = body.name || path.basename(projectPath);
+
+        const project = projectService.create({
+            name,
+            path: projectPath,
+            description: body.description || (isGitRepo ? 'Git repository' : 'Local project'),
+        });
+
+        return NextResponse.json({ ...project, is_git_repo: isGitRepo }, { status: 201 });
+    } catch (error) {
+        console.error('Error creating project:', error);
+        return NextResponse.json({ error: 'Failed to create project' }, { status: 500 });
+    }
+}

package/app/api/tickets/[id]/logs/route.ts

@@ -0,0 +1,16 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { activityService } from '@/lib/db';
+
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const logs = activityService.getByTicketId(id);
+        return NextResponse.json(logs);
+    } catch (error) {
+        console.error('Error fetching activity logs:', error);
+        return NextResponse.json({ error: 'Failed to fetch activity logs' }, { status: 500 });
+    }
+}

package/app/api/tickets/[id]/route.ts

@@ -0,0 +1,60 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { ticketService, activityService } from '@/lib/db';
+
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const ticket = ticketService.getById(id);
+        if (!ticket) {
+            return NextResponse.json({ error: 'Ticket not found' }, { status: 404 });
+        }
+
+        // Include activity logs
+        const logs = activityService.getByTicketId(id);
+
+        return NextResponse.json({ ...ticket, logs });
+    } catch (error) {
+        console.error('Error fetching ticket:', error);
+        return NextResponse.json({ error: 'Failed to fetch ticket' }, { status: 500 });
+    }
+}
+
+export async function PATCH(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const body = await request.json();
+        const { updated_by, ...data } = body;
+
+        const ticket = ticketService.update(id, data, updated_by);
+        if (!ticket) {
+            return NextResponse.json({ error: 'Ticket not found' }, { status: 404 });
+        }
+        return NextResponse.json(ticket);
+    } catch (error) {
+        console.error('Error updating ticket:', error);
+        return NextResponse.json({ error: 'Failed to update ticket' }, { status: 500 });
+    }
+}
+
+export async function DELETE(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const deleted = ticketService.delete(id);
+        if (!deleted) {
+            return NextResponse.json({ error: 'Ticket not found' }, { status: 404 });
+        }
+        return NextResponse.json({ success: true });
+    } catch (error) {
+        console.error('Error deleting ticket:', error);
+        return NextResponse.json({ error: 'Failed to delete ticket' }, { status: 500 });
+    }
+}

package/app/api/tickets/[id]/work-logs/route.ts

@@ -0,0 +1,16 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { agentWorkLogService } from '@/lib/db';
+
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const logs = agentWorkLogService.getByTicketId(id);
+        return NextResponse.json(logs);
+    } catch (error) {
+        console.error('Error fetching work logs:', error);
+        return NextResponse.json({ error: 'Failed to fetch work logs' }, { status: 500 });
+    }
+}

package/app/api/tickets/route.ts

@@ -0,0 +1,37 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { ticketService } from '@/lib/db';
+
+export async function GET(request: NextRequest) {
+    try {
+        const { searchParams } = new URL(request.url);
+        const status = searchParams.get('status') || undefined;
+        const projectId = searchParams.get('projectId') || undefined;
+        const tickets = ticketService.getAll(status, projectId);
+        return NextResponse.json(tickets);
+    } catch (error) {
+        console.error('Error fetching tickets:', error);
+        return NextResponse.json({ error: 'Failed to fetch tickets' }, { status: 500 });
+    }
+}
+
+export async function POST(request: NextRequest) {
+    try {
+        const body = await request.json();
+        if (!body.title) {
+            return NextResponse.json({ error: 'Title is required' }, { status: 400 });
+        }
+        const ticket = ticketService.create({
+            title: body.title,
+            description: body.description,
+            priority: body.priority,
+            assignee_id: body.assignee_id,
+            project_id: body.project_id,
+            created_by: body.created_by,
+        });
+        return NextResponse.json(ticket, { status: 201 });
+    } catch (error) {
+        console.error('Error creating ticket:', error);
+        return NextResponse.json({ error: 'Failed to create ticket' }, { status: 500 });
+    }
+}
+

package/app/design-system/page.tsx

@@ -0,0 +1,242 @@
+'use client';
+
+import { useState } from 'react';
+import Image from 'next/image';
+import Link from 'next/link';
+import { Button } from '@/components/ui/Button';
+import { Card, CardHeader, CardContent, CardFooter } from '@/components/ui/Card';
+import { Badge, StatusBadge, PriorityBadge } from '@/components/ui/Badge';
+import { Input } from '@/components/ui/Input';
+import { Textarea } from '@/components/ui/Textarea';
+import { Select } from '@/components/ui/Select';
+import { Modal } from '@/components/ui/Modal';
+import { Avatar } from '@/components/ui/Avatar';
+import { ThemeToggle } from '@/components/ThemeToggle';
+
+export default function DesignSystemPage() {
+    const [selectValue, setSelectValue] = useState('');
+    const [modalOpen, setModalOpen] = useState(false);
+
+    return (
+        <div className="min-h-screen bg-[var(--bg-primary)]">
+            {/* Header */}
+            <header className="border-b border-[var(--border-primary)]">
+                <div className="max-w-5xl mx-auto px-6 py-4 flex items-center justify-between">
+                    <div className="flex items-center gap-4">
+                        <Image
+                            src="/app-icon.png"
+                            alt="Olly Molly"
+                            width={32}
+                            height={32}
+                            className="opacity-80"
+                        />
+                        <div>
+                            <h1 className="text-sm font-medium text-[var(--text-primary)]">Design System</h1>
+                            <p className="text-xs text-[var(--text-muted)]">Olly Molly</p>
+                        </div>
+                    </div>
+                    <div className="flex items-center gap-4">
+                        <Link href="/" className="text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)]">
+                            ← Back
+                        </Link>
+                        <ThemeToggle />
+                    </div>
+                </div>
+            </header>
+
+            <main className="max-w-5xl mx-auto px-6 py-12">
+                {/* Intro */}
+                <div className="mb-16">
+                    <h1 className="text-display text-[var(--text-primary)] mb-4">Design System</h1>
+                    <p className="text-body text-[var(--text-secondary)] max-w-lg">
+                        Minimal design inspired by fontshare.com. Cream backgrounds, black text, thin borders.
+                    </p>
+                </div>
+
+                {/* Colors */}
+                <section className="mb-16">
+                    <h2 className="text-xs font-medium uppercase tracking-wider text-[var(--text-muted)] mb-6">Colors</h2>
+                    <div className="border-t border-[var(--border-primary)]">
+                        <ColorRow name="bg-primary" value="#F5F4EE" />
+                        <ColorRow name="bg-secondary" value="#EFEDE5" />
+                        <ColorRow name="bg-card" value="#FAFAF7" />
+                        <ColorRow name="border-primary" value="#E0DED6" />
+                        <ColorRow name="text-primary" value="#1A1A1A" isText />
+                        <ColorRow name="text-secondary" value="#4A4A4A" isText />
+                        <ColorRow name="text-muted" value="#9A9A9A" isText />
+                    </div>
+                </section>
+
+                {/* Typography */}
+                <section className="mb-16">
+                    <h2 className="text-xs font-medium uppercase tracking-wider text-[var(--text-muted)] mb-6">Typography</h2>
+                    <div className="border-t border-[var(--border-primary)] divide-y divide-[var(--border-primary)]">
+                        <div className="py-4 flex items-baseline justify-between">
+                            <span className="text-display text-[var(--text-primary)]">Display</span>
+                            <span className="text-xs text-[var(--text-muted)]">2.5rem / 500</span>
+                        </div>
+                        <div className="py-4 flex items-baseline justify-between">
+                            <span className="text-heading-1 text-[var(--text-primary)]">Heading 1</span>
+                            <span className="text-xs text-[var(--text-muted)]">1.75rem / 500</span>
+                        </div>
+                        <div className="py-4 flex items-baseline justify-between">
+                            <span className="text-heading-2 text-[var(--text-primary)]">Heading 2</span>
+                            <span className="text-xs text-[var(--text-muted)]">1.25rem / 500</span>
+                        </div>
+                        <div className="py-4 flex items-baseline justify-between">
+                            <span className="text-body text-[var(--text-primary)]">Body Text</span>
+                            <span className="text-xs text-[var(--text-muted)]">0.875rem</span>
+                        </div>
+                        <div className="py-4 flex items-baseline justify-between">
+                            <span className="text-caption text-[var(--text-muted)]">CAPTION TEXT</span>
+                            <span className="text-xs text-[var(--text-muted)]">0.75rem</span>
+                        </div>
+                    </div>
+                </section>
+
+                {/* Buttons */}
+                <section className="mb-16">
+                    <h2 className="text-xs font-medium uppercase tracking-wider text-[var(--text-muted)] mb-6">Buttons</h2>
+                    <div className="border-t border-[var(--border-primary)] py-6">
+                        <div className="flex flex-wrap items-center gap-4 mb-6">
+                            <Button variant="primary">Primary</Button>
+                            <Button variant="secondary">Secondary</Button>
+                            <Button variant="ghost">Ghost</Button>
+                            <Button variant="danger">Danger</Button>
+                        </div>
+                        <div className="flex flex-wrap items-center gap-4">
+                            <Button size="sm">Small</Button>
+                            <Button size="md">Medium</Button>
+                            <Button size="lg">Large</Button>
+                            <Button disabled>Disabled</Button>
+                        </div>
+                    </div>
+                </section>
+
+                {/* Badges */}
+                <section className="mb-16">
+                    <h2 className="text-xs font-medium uppercase tracking-wider text-[var(--text-muted)] mb-6">Badges</h2>
+                    <div className="border-t border-[var(--border-primary)] py-6">
+                        <div className="flex flex-wrap gap-3 mb-4">
+                            <Badge>Default</Badge>
+                            <Badge variant="success">Success</Badge>
+                            <Badge variant="warning">Warning</Badge>
+                            <Badge variant="danger">Danger</Badge>
+                            <Badge variant="info">Info</Badge>
+                        </div>
+                        <div className="flex flex-wrap gap-3 mb-4">
+                            <StatusBadge status="TODO" />
+                            <StatusBadge status="IN_PROGRESS" />
+                            <StatusBadge status="IN_REVIEW" />
+                            <StatusBadge status="COMPLETE" />
+                        </div>
+                        <div className="flex flex-wrap gap-3">
+                            <PriorityBadge priority="LOW" />
+                            <PriorityBadge priority="MEDIUM" />
+                            <PriorityBadge priority="HIGH" />
+                            <PriorityBadge priority="CRITICAL" />
+                        </div>
+                    </div>
+                </section>
+
+                {/* Cards */}
+                <section className="mb-16">
+                    <h2 className="text-xs font-medium uppercase tracking-wider text-[var(--text-muted)] mb-6">Cards</h2>
+                    <div className="border border-[var(--border-primary)]">
+                        <Card variant="bordered">
+                            <CardHeader>
+                                <h3 className="text-sm font-medium text-[var(--text-primary)]">Card Title</h3>
+                            </CardHeader>
+                            <CardContent>
+                                <p className="text-sm text-[var(--text-secondary)]">
+                                    Minimal card with thin borders and no shadows.
+                                </p>
+                            </CardContent>
+                            <CardFooter>
+                                <div className="flex justify-end gap-3">
+                                    <Button variant="ghost" size="sm">Cancel</Button>
+                                    <Button size="sm">Save</Button>
+                                </div>
+                            </CardFooter>
+                        </Card>
+                    </div>
+                </section>
+
+                {/* Form Elements */}
+                <section className="mb-16">
+                    <h2 className="text-xs font-medium uppercase tracking-wider text-[var(--text-muted)] mb-6">Form Elements</h2>
+                    <div className="border-t border-[var(--border-primary)] py-6 space-y-6 max-w-md">
+                        <Input label="Input" placeholder="Enter text..." />
+                        <Input label="With Error" placeholder="Enter text..." error="This field has an error" />
+                        <Select
+                            label="Select"
+                            value={selectValue}
+                            onChange={setSelectValue}
+                            placeholder="Choose option..."
+                            options={[
+                                { value: '1', label: 'Option 1' },
+                                { value: '2', label: 'Option 2' },
+                            ]}
+                        />
+                        <Textarea label="Textarea" placeholder="Write here..." rows={3} />
+                    </div>
+                </section>
+
+                {/* Avatars */}
+                <section className="mb-16">
+                    <h2 className="text-xs font-medium uppercase tracking-wider text-[var(--text-muted)] mb-6">Avatars</h2>
+                    <div className="border-t border-[var(--border-primary)] py-6">
+                        <div className="flex items-end gap-6">
+                            <Avatar name="John Doe" size="sm" />
+                            <Avatar name="Jane Smith" size="md" />
+                            <Avatar name="Bob Wilson" size="lg" />
+                            <Avatar name="PM" emoji="👔" size="md" />
+                        </div>
+                    </div>
+                </section>
+
+                {/* Modal */}
+                <section className="mb-16">
+                    <h2 className="text-xs font-medium uppercase tracking-wider text-[var(--text-muted)] mb-6">Modal</h2>
+                    <div className="border-t border-[var(--border-primary)] py-6">
+                        <Button onClick={() => setModalOpen(true)}>Open Modal</Button>
+                    </div>
+                </section>
+            </main>
+
+            <Modal isOpen={modalOpen} onClose={() => setModalOpen(false)} title="Modal Title">
+                <p className="text-sm text-[var(--text-secondary)] mb-6">
+                    Minimal modal dialog with thin borders.
+                </p>
+                <div className="flex justify-end gap-3">
+                    <Button variant="ghost" onClick={() => setModalOpen(false)}>Cancel</Button>
+                    <Button onClick={() => setModalOpen(false)}>Confirm</Button>
+                </div>
+            </Modal>
+
+            {/* Footer */}
+            <footer className="border-t border-[var(--border-primary)] py-8">
+                <p className="text-center text-xs text-[var(--text-muted)]">
+                    Olly Molly Design System
+                </p>
+            </footer>
+        </div>
+    );
+}
+
+function ColorRow({ name, value, isText = false }: { name: string; value: string; isText?: boolean }) {
+    return (
+        <div className="flex items-center justify-between py-3 border-b border-[var(--border-primary)]">
+            <div className="flex items-center gap-4">
+                <div
+                    className={`w-8 h-8 border border-[var(--border-primary)] ${isText ? 'flex items-center justify-center bg-[var(--bg-card)]' : ''}`}
+                    style={{ backgroundColor: isText ? undefined : value }}
+                >
+                    {isText && <span style={{ color: value }} className="text-sm font-medium">A</span>}
+                </div>
+                <span className="text-sm text-[var(--text-primary)]">{name}</span>
+            </div>
+            <span className="text-xs text-[var(--text-muted)] font-mono">{value}</span>
+        </div>
+    );
+}