idea-manager 0.4.0 → 0.5.0

package/src/components/tree/StatusBadge.tsx

@@ -1,32 +0,0 @@
-'use client';
-
-interface StatusBadgeProps {
-  status: string;
-  onStatusChange: (status: string) => void;
-  disabled?: boolean;
-}
-
-const statusConfig: Record<string, { icon: string; label: string; next: string }> = {
-  pending: { icon: '\u{23F3}', label: '대기', next: 'in_progress' },
-  in_progress: { icon: '\u{1F504}', label: '진행 중', next: 'done' },
-  done: { icon: '\u{2705}', label: '완료', next: 'pending' },
-};
-
-export default function StatusBadge({ status, onStatusChange, disabled }: StatusBadgeProps) {
-  const config = statusConfig[status] || statusConfig.pending;
-
-  return (
-    <button
-      onClick={(e) => {
-        e.stopPropagation();
-        onStatusChange(config.next);
-      }}
-      disabled={disabled}
-      className="status-badge"
-      title={`${config.label} → 클릭하여 변경`}
-    >
-      <span>{config.icon}</span>
-      <span className="status-badge-label">{config.label}</span>
-    </button>
-  );
-}

package/src/components/tree/TreeNode.tsx

@@ -1,227 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import LockToggle from './LockToggle';
-import StatusBadge from './StatusBadge';
-import ItemDetail from './ItemDetail';
-import RefinePopover from './RefinePopover';
-
-interface IItemTree {
-  id: string;
-  project_id?: string;
-  title: string;
-  description: string;
-  item_type: string;
-  priority: string;
-  status: string;
-  is_locked: boolean;
-  is_pinned: boolean;
-  children: IItemTree[];
-}
-
-interface TreeNodeProps {
-  item: IItemTree;
-  depth: number;
-  projectId: string;
-  onItemUpdate: (itemId: string, data: Record<string, unknown>) => void;
-  onItemDelete: (itemId: string) => void;
-  onTreeRefresh: (tree: IItemTree[]) => void;
-  selectMode?: boolean;
-  selected?: Set<string>;
-  onToggleSelect?: (id: string) => void;
-  defaultExpanded?: boolean;
-}
-
-const typeConfig: Record<string, { icon: string; color: string; label: string }> = {
-  feature: { icon: '\u{1F4E6}', color: 'var(--primary)', label: '기능' },
-  task:    { icon: '\u{2705}', color: 'var(--success)', label: '작업' },
-  bug:     { icon: '\u{1F41B}', color: 'var(--destructive)', label: '버그' },
-  idea:    { icon: '\u{1F4A1}', color: 'var(--warning)', label: '아이디어' },
-  note:    { icon: '\u{1F4DD}', color: 'var(--muted-foreground)', label: '메모' },
-};
-
-function countDescendantStatus(item: IItemTree): { total: number; done: number } {
-  let total = 0;
-  let done = 0;
-  for (const child of item.children) {
-    total++;
-    if (child.status === 'done') done++;
-    const sub = countDescendantStatus(child);
-    total += sub.total;
-    done += sub.done;
-  }
-  return { total, done };
-}
-
-export default function TreeNode({ item, depth, projectId, onItemUpdate, onItemDelete, onTreeRefresh, selectMode, selected, onToggleSelect, defaultExpanded }: TreeNodeProps) {
-  const [expanded, setExpanded] = useState(defaultExpanded ?? depth < 2);
-  const [showDetail, setShowDetail] = useState(false);
-  const [showRefine, setShowRefine] = useState(false);
-  const hasChildren = item.children.length > 0;
-  const baseCfg = typeConfig[item.item_type] || typeConfig.note;
-  const cfg = item.status === 'done'
-    ? { icon: '\u{2705}', color: 'var(--success)', label: baseCfg.label }
-    : item.status === 'in_progress'
-      ? { ...baseCfg, color: 'var(--primary)' }
-      : baseCfg;
-  const childStats = hasChildren ? countDescendantStatus(item) : null;
-
-  const handleDelete = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    onItemDelete(item.id);
-  };
-
-  const handlePinToggle = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    onItemUpdate(item.id, { is_pinned: !item.is_pinned });
-  };
-
-  const handleRefineToggle = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    setShowRefine(!showRefine);
-  };
-
-  const isDone = item.status === 'done';
-
-  return (
-    <div className="select-none">
-      <div
-        className={`tree-node-row group ${isDone ? 'opacity-50' : ''}`}
-        style={{
-          paddingLeft: `${depth * 20 + 8}px`,
-          borderLeft: depth === 0 ? `3px solid hsl(${cfg.color})` : undefined,
-        }}
-        onClick={() => selectMode ? onToggleSelect?.(item.id) : setShowDetail(!showDetail)}
-      >
-        {selectMode && (
-          <input
-            type="checkbox"
-            checked={selected?.has(item.id) ?? false}
-            onChange={() => onToggleSelect?.(item.id)}
-            onClick={(e) => e.stopPropagation()}
-            className="w-3.5 h-3.5 flex-shrink-0 accent-accent"
-          />
-        )}
-
-        {hasChildren ? (
-          <button
-            onClick={(e) => {
-              e.stopPropagation();
-              setExpanded(!expanded);
-            }}
-            className="text-muted-foreground hover:text-foreground text-[10px] w-4 flex-shrink-0 transition-transform"
-            style={{ transform: expanded ? 'rotate(0deg)' : 'rotate(-90deg)' }}
-          >
-            ▼
-          </button>
-        ) : (
-          <span className="w-4 flex-shrink-0 text-center text-muted-foreground/30 text-[10px]">·</span>
-        )}
-
-        {/* Main content area */}
-        <div className="flex-1 min-w-0 py-0.5">
-          <div className="flex items-center gap-1.5">
-            <span className="text-sm flex-shrink-0">{cfg.icon}</span>
-            <span className={`text-sm truncate ${isDone ? 'line-through' : ''}`}>
-              {item.title}
-            </span>
-            {item.is_pinned && (
-              <span className="text-[10px] flex-shrink-0" title="고정됨">📌</span>
-            )}
-            {/* Child progress */}
-            {childStats && childStats.total > 0 && (
-              <span className="tree-progress-badge flex-shrink-0">
-                {childStats.done}/{childStats.total}
-              </span>
-            )}
-          </div>
-          {/* Description subtitle */}
-          {item.description && !showDetail && (
-            <p className="text-[11px] text-muted-foreground/50 truncate mt-0.5 leading-tight">
-              {item.description}
-            </p>
-          )}
-        </div>
-
-        {/* Right side controls */}
-        <div className="flex items-center gap-1 flex-shrink-0">
-          {/* Hover actions */}
-          <div className="flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity">
-            <LockToggle
-              isLocked={item.is_locked}
-              onToggle={(locked) => onItemUpdate(item.id, { is_locked: locked })}
-            />
-            <button onClick={handlePinToggle} className="tree-icon-btn" title={item.is_pinned ? '고정 해제' : '고정'}>
-              {item.is_pinned ? '📌' : '📍'}
-            </button>
-            <button onClick={handleRefineToggle} className="tree-action-btn" title="다듬기">
-              다듬기
-            </button>
-            <button onClick={handleDelete} className="tree-action-btn tree-action-btn-danger" title="삭제">
-              ✕
-            </button>
-          </div>
-
-          {/* Always visible: priority + status */}
-          <span className="tree-priority-dot" style={{
-            background: item.priority === 'high' ? 'hsl(var(--destructive))'
-              : item.priority === 'medium' ? 'hsl(var(--warning))'
-              : 'hsl(var(--success))'
-          }} title={item.priority} />
-          <StatusBadge
-            status={item.status}
-            onStatusChange={(status) => onItemUpdate(item.id, { status })}
-          />
-        </div>
-      </div>
-
-      {showRefine && (
-        <div style={{ marginLeft: `${depth * 20 + 28}px` }}>
-          <RefinePopover
-            itemId={item.id}
-            projectId={projectId}
-            title={item.title}
-            description={item.description}
-            onClose={() => setShowRefine(false)}
-            onItemUpdate={onItemUpdate}
-            onTreeRefresh={onTreeRefresh}
-          />
-        </div>
-      )}
-
-      {showDetail && (
-        <ItemDetail
-          itemId={item.id}
-          projectId={projectId}
-          title={item.title}
-          description={item.description}
-          itemType={item.item_type}
-          priority={item.priority}
-          status={item.status}
-          isLocked={item.is_locked}
-          depth={depth}
-        />
-      )}
-
-      {expanded && hasChildren && (
-        <div className={depth === 0 ? 'tree-children-group' : ''}>
-          {item.children.map((child) => (
-            <TreeNode
-              key={child.id}
-              item={child}
-              depth={depth + 1}
-              projectId={projectId}
-              onItemUpdate={onItemUpdate}
-              onItemDelete={onItemDelete}
-              onTreeRefresh={onTreeRefresh}
-              selectMode={selectMode}
-              selected={selected}
-              onToggleSelect={onToggleSelect}
-              defaultExpanded={defaultExpanded}
-            />
-          ))}
-        </div>
-      )}
-    </div>
-  );
-}

package/src/components/tree/TreeView.tsx

@@ -1,304 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import TreeNode from './TreeNode';
-import CardView from './CardView';
-
-interface IItemTree {
-  id: string;
-  title: string;
-  description: string;
-  item_type: string;
-  priority: string;
-  status: string;
-  is_locked: boolean;
-  is_pinned: boolean;
-  children: IItemTree[];
-}
-
-interface TreeViewProps {
-  items: IItemTree[];
-  loading: boolean;
-  projectId: string;
-  onItemUpdate: (itemId: string, data: Record<string, unknown>) => void;
-  onItemDelete: (itemId: string) => void;
-  onBulkDelete: (itemIds: string[] | 'all') => void;
-  onBulkStatus: (status: string) => void;
-  onTreeRefresh: (tree: IItemTree[]) => void;
-  onCleanup?: () => void;
-  cleaning?: boolean;
-}
-
-type ViewMode = 'tree' | 'card';
-
-function collectIds(item: IItemTree): string[] {
-  return [item.id, ...item.children.flatMap(collectIds)];
-}
-
-function filterDone(items: IItemTree[]): IItemTree[] {
-  return items
-    .filter(item => item.status !== 'done')
-    .map(item => ({
-      ...item,
-      children: filterDone(item.children),
-    }));
-}
-
-export default function TreeView({ items, loading, projectId, onItemUpdate, onItemDelete, onBulkDelete, onBulkStatus, onTreeRefresh, onCleanup, cleaning }: TreeViewProps) {
-  const [selectMode, setSelectMode] = useState(false);
-  const [selected, setSelected] = useState<Set<string>>(new Set());
-  const [hideDone, setHideDone] = useState(() => {
-    if (typeof window !== 'undefined') {
-      return localStorage.getItem('im-hide-done') !== 'false';
-    }
-    return true;
-  });
-
-  useEffect(() => {
-    localStorage.setItem('im-hide-done', String(hideDone));
-  }, [hideDone]);
-  const [viewMode, setViewMode] = useState<ViewMode>('card');
-  const [collapseAll, setCollapseAll] = useState(false);
-  const [collapseKey, setCollapseKey] = useState(0);
-
-  const toggleSelect = (id: string) => {
-    setSelected(prev => {
-      const next = new Set(prev);
-      if (next.has(id)) {
-        next.delete(id);
-      } else {
-        next.add(id);
-      }
-      return next;
-    });
-  };
-
-  const handleDeleteSelected = () => {
-    if (selected.size === 0) return;
-    const ids = Array.from(selected);
-    onBulkDelete(ids);
-    setSelected(new Set());
-    setSelectMode(false);
-  };
-
-  const handleDeleteAll = () => {
-    onBulkDelete('all');
-    setSelected(new Set());
-    setSelectMode(false);
-  };
-
-  const handleSelectAll = () => {
-    const allIds = items.flatMap(collectIds);
-    setSelected(new Set(allIds));
-  };
-
-  const totalCount = items.reduce((sum, item) => sum + 1 + countChildren(item), 0);
-  const doneCount = countByStatus(items, 'done');
-  const displayItems = hideDone ? filterDone(items) : items;
-
-  return (
-    <div className="flex flex-col h-full">
-      <div className="flex items-center justify-between px-4 py-2 border-b border-border">
-        <div className="flex items-center gap-2">
-          <h2 className="text-sm font-medium text-muted-foreground">구조화 뷰</h2>
-          {totalCount > 0 && (
-            <span className="text-xs text-muted-foreground/60">{totalCount}</span>
-          )}
-          {doneCount > 0 && (
-            <button
-              onClick={() => setHideDone(!hideDone)}
-              className={`text-xs px-1.5 py-0.5 rounded transition-colors ${
-                hideDone
-                  ? 'bg-accent/15 text-accent'
-                  : 'text-muted-foreground/50 hover:text-muted-foreground'
-              }`}
-              title={hideDone ? '완료 항목 표시' : '완료 항목 숨기기'}
-            >
-              {hideDone ? `+${doneCount} 숨김` : `${doneCount} 완료`}
-            </button>
-          )}
-          {loading && (
-            <span className="text-xs text-accent animate-pulse">AI 분석 중...</span>
-          )}
-          {cleaning && !loading && (
-            <span className="text-xs text-muted-foreground animate-pulse">정리 중...</span>
-          )}
-        </div>
-        <div className="flex items-center gap-2">
-          {/* View mode toggle */}
-          <div className="view-toggle">
-            <button
-              onClick={() => setViewMode('card')}
-              className={`view-toggle-btn ${viewMode === 'card' ? 'view-toggle-btn-active' : ''}`}
-            >
-              카드
-            </button>
-            <button
-              onClick={() => setViewMode('tree')}
-              className={`view-toggle-btn ${viewMode === 'tree' ? 'view-toggle-btn-active' : ''}`}
-            >
-              트리
-            </button>
-          </div>
-
-          {items.length > 0 && viewMode === 'tree' && (
-            <div className="flex items-center gap-1">
-              {selectMode ? (
-                <>
-                  <button
-                    onClick={handleSelectAll}
-                    className="text-xs px-2 py-1 text-muted-foreground hover:text-foreground rounded transition-colors"
-                  >
-                    전체선택
-                  </button>
-                  <button
-                    onClick={handleDeleteSelected}
-                    disabled={selected.size === 0}
-                    className="text-xs px-2 py-1 text-destructive hover:bg-destructive/10 rounded transition-colors disabled:opacity-30"
-                  >
-                    선택삭제 ({selected.size})
-                  </button>
-                  <button
-                    onClick={() => { setSelectMode(false); setSelected(new Set()); }}
-                    className="text-xs px-2 py-1 text-muted-foreground hover:text-foreground rounded transition-colors"
-                  >
-                    취소
-                  </button>
-                </>
-              ) : (
-                <>
-                  {onCleanup && (
-                    <button
-                      onClick={onCleanup}
-                      disabled={cleaning || loading}
-                      className="text-xs px-2 py-1 text-accent hover:bg-accent/10 rounded transition-colors disabled:opacity-30"
-                    >
-                      정리
-                    </button>
-                  )}
-                  <button
-                    onClick={() => { setCollapseAll(!collapseAll); setCollapseKey(k => k + 1); }}
-                    className="text-xs px-2 py-1 text-muted-foreground hover:text-foreground rounded transition-colors"
-                    title={collapseAll ? '전체 펼치기' : '전체 접기'}
-                  >
-                    {collapseAll ? '펼치기' : '접기'}
-                  </button>
-                  <button
-                    onClick={() => onBulkStatus('done')}
-                    className="text-xs px-2 py-1 text-success hover:bg-success/10 rounded transition-colors"
-                  >
-                    전체완료
-                  </button>
-                  <button
-                    onClick={() => setSelectMode(true)}
-                    className="text-xs px-2 py-1 text-muted-foreground hover:text-foreground rounded transition-colors"
-                  >
-                    선택
-                  </button>
-                  <button
-                    onClick={handleDeleteAll}
-                    className="text-xs px-2 py-1 text-destructive hover:bg-destructive/10 rounded transition-colors"
-                  >
-                    전체삭제
-                  </button>
-                </>
-              )}
-            </div>
-          )}
-
-          {items.length > 0 && viewMode === 'card' && (
-            <div className="flex items-center gap-1">
-              {onCleanup && (
-                <button
-                  onClick={onCleanup}
-                  disabled={cleaning || loading}
-                  className="text-xs px-2 py-1 text-accent hover:bg-accent/10 rounded transition-colors disabled:opacity-30"
-                >
-                  정리
-                </button>
-              )}
-              <button
-                onClick={() => onBulkStatus('done')}
-                className="text-xs px-2 py-1 text-success hover:bg-success/10 rounded transition-colors"
-              >
-                전체완료
-              </button>
-              <button
-                onClick={handleDeleteAll}
-                className="text-xs px-2 py-1 text-destructive hover:bg-destructive/10 rounded transition-colors"
-              >
-                전체삭제
-              </button>
-            </div>
-          )}
-        </div>
-      </div>
-
-      <div className="flex-1 overflow-auto">
-        {displayItems.length === 0 && !loading ? (
-          <div className="flex flex-col items-center justify-center h-full text-muted-foreground text-sm p-4">
-            {items.length > 0 && hideDone ? (
-              <>
-                <div className="text-4xl mb-3">&#x2705;</div>
-                <p className="mb-2">모든 항목이 완료되었습니다</p>
-                <button
-                  onClick={() => setHideDone(false)}
-                  className="text-xs text-accent hover:underline"
-                >
-                  완료 항목 보기
-                </button>
-              </>
-            ) : (
-              <>
-                <div className="text-4xl mb-3">&#x1F5C2;</div>
-                <p className="mb-2">아직 구조화된 항목이 없습니다</p>
-                <p className="text-xs text-center">
-                  왼쪽 패널에서 아이디어를 입력해보세요.
-                  <br />
-                  입력을 멈추면 3초 후 AI가 자동으로 구조화합니다.
-                </p>
-              </>
-            )}
-          </div>
-        ) : viewMode === 'card' ? (
-          <CardView
-            items={displayItems}
-            onItemUpdate={onItemUpdate}
-            onItemDelete={onItemDelete}
-          />
-        ) : (
-          <div className="p-2">
-            {displayItems.map((item) => (
-              <TreeNode
-                key={`${item.id}-${collapseKey}`}
-                item={item}
-                depth={0}
-                projectId={projectId}
-                onItemUpdate={onItemUpdate}
-                onItemDelete={onItemDelete}
-                onTreeRefresh={onTreeRefresh}
-                selectMode={selectMode}
-                selected={selected}
-                onToggleSelect={toggleSelect}
-                defaultExpanded={!collapseAll}
-              />
-            ))}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
-
-function countChildren(item: IItemTree): number {
-  return item.children.reduce((sum, child) => sum + 1 + countChildren(child), 0);
-}
-
-function countByStatus(items: IItemTree[], status: string): number {
-  let count = 0;
-  for (const item of items) {
-    if (item.status === status) count++;
-    count += countByStatus(item.children, status);
-  }
-  return count;
-}

package/src/lib/ai/chat-responder.ts

@@ -1,71 +0,0 @@
-import { runStructureWithQuestions, type IStructuredItem } from './client';
-import { replaceItems } from '../db/queries/items';
-import { getRecentConversations, addMessage } from '../db/queries/conversations';
-import { getBrainstorm } from '../db/queries/brainstorms';
-import { getProjectContextSummary } from '../db/queries/context';
-import { resolveMemos, createMemosFromQuestions } from '../db/queries/memos';
-import type { IItemTree, IMemo, IConversation } from '@/types';
-
-export async function handleChatResponse(
-  projectId: string,
-  brainstormId: string,
-  userMessage: string,
-): Promise<{ items: IItemTree[]; memos: IMemo[]; messages: IConversation[] }> {
-  // Save user message
-  const userMsg = addMessage(projectId, 'user', userMessage);
-
-  // Load brainstorm content
-  const brainstorm = getBrainstorm(projectId);
-  if (!brainstorm || !brainstorm.content.trim()) {
-    return { items: [], memos: [], messages: [userMsg] };
-  }
-
-  // Resolve old memos before generating new ones
-  resolveMemos(projectId);
-
-  // Load full conversation history (limited to 20)
-  const history = getRecentConversations(projectId, 20);
-  const historyForAi = history.map(h => ({
-    role: h.role,
-    content: h.content,
-  }));
-
-  // AI call with updated conversation context + project docs
-  const projectContext = getProjectContextSummary(projectId) || undefined;
-  const result = await runStructureWithQuestions(brainstorm.content, historyForAi, projectContext);
-
-  // Replace items in DB
-  const dbItems = mapToDbFormat(result.items as IStructuredItem[]);
-  const tree = replaceItems(projectId, brainstormId, dbItems);
-
-  // Build AI response + new memos
-  const newMessages: IConversation[] = [userMsg];
-  let memos: IMemo[] = [];
-
-  if (result.questions.length > 0) {
-    const messageContent = result.questions
-      .map((q, i) => `${i + 1}. ${q.question}`)
-      .join('\n');
-
-    const aiMsg = addMessage(projectId, 'assistant', messageContent);
-    newMessages.push(aiMsg);
-    memos = createMemosFromQuestions(projectId, aiMsg.id, result.questions);
-  } else {
-    // Even without questions, acknowledge the refinement
-    const aiMsg = addMessage(projectId, 'assistant', '답변을 반영하여 구조를 업데이트했습니다.');
-    newMessages.push(aiMsg);
-  }
-
-  return { items: tree, memos, messages: newMessages };
-}
-
-function mapToDbFormat(items: IStructuredItem[]): Parameters<typeof replaceItems>[2] {
-  return items.map((item) => ({
-    parent_id: null,
-    title: item.title,
-    description: item.description,
-    item_type: item.item_type,
-    priority: item.priority,
-    children: item.children ? mapToDbFormat(item.children) : undefined,
-  }));
-}