byuckchon-frontend-cli 1.7.0 → 1.9.1

package/src/history/store.js

@@ -49,7 +49,7 @@ export async function createSession({ model, cwd = process.cwd() } = {}) {
     cwd,
     messages: [],
   };
-  return { ...session, _file: path.join(dir, `${id}.json`) };
+  return { ...session, _file: path.join(dir, `${id}.json`), _persisted: false };
 }
 
 export async function saveSession(session) {
@@ -64,6 +64,7 @@ export async function saveSession(session) {
     messages: session.messages,
   };
   await fs.writeFile(file, JSON.stringify(data, null, 2) + '\n', 'utf8');
+  session._persisted = true;
 }
 
 export async function listSessions(cwd = process.cwd(), { limit = 20 } = {}) {
@@ -77,19 +78,27 @@ export async function listSessions(cwd = process.cwd(), { limit = 20 } = {}) {
   }
   const files = entries.filter((f) => f.endsWith('.json')).sort().reverse();
   const out = [];
-  for (const name of files.slice(0, limit)) {
+  for (const name of files) {
+    if (out.length >= limit) break;
     const file = path.join(dir, name);
     try {
       const raw = await fs.readFile(file, 'utf8');
       const data = JSON.parse(raw);
-      const firstUser = data.messages?.find((m) => m.role === 'user');
+      const conversation = (data.messages ?? []).filter(
+        (message) =>
+          (message.role === 'user' || message.role === 'assistant') &&
+          typeof message.text === 'string' &&
+          message.text.trim(),
+      );
+      if (conversation.length === 0) continue;
+      const firstUser = conversation.find((message) => message.role === 'user');
       out.push({
         id: data.id,
         file,
         startedAt: data.startedAt,
         updatedAt: data.updatedAt,
         model: data.model,
-        turns: data.messages?.length ?? 0,
+        turns: conversation.length,
         preview: firstUser?.text?.slice(0, 60) ?? '(빈 세션)',
       });
     } catch {
@@ -107,7 +116,7 @@ export async function loadSession(idOrFile, cwd = process.cwd()) {
   }
   const raw = await fs.readFile(file, 'utf8');
   const data = JSON.parse(raw);
-  return { ...data, _file: file };
+  return { ...data, _file: file, _persisted: true };
 }
 
 export async function loadLatestSession(cwd = process.cwd()) {
@@ -115,3 +124,22 @@ export async function loadLatestSession(cwd = process.cwd()) {
   if (list.length === 0) return null;
   return loadSession(list[0].id, cwd);
 }
+
+export async function deleteSession(id, cwd = process.cwd()) {
+  const normalized = String(id ?? '').replace(/\.json$/, '');
+  if (!/^[a-zA-Z0-9_-]+$/.test(normalized)) {
+    const error = new Error(`잘못된 세션 ID: ${id}`);
+    error.code = 'BC_INVALID_SESSION_ID';
+    throw error;
+  }
+
+  const dir = await getHistoryDir(cwd);
+  const file = path.join(dir, `${normalized}.json`);
+  try {
+    await fs.unlink(file);
+    return { id: normalized, file, deleted: true };
+  } catch (error) {
+    if (error.code === 'ENOENT') return { id: normalized, file, deleted: false };
+    throw error;
+  }
+}

package/src/ui/ChatApp.js

@@ -14,6 +14,8 @@ import { toSdkMessages, isImagePath } from '../ai/messageContent.js';
 import { buildTools } from '../ai/tools.js';
 import { searchIndex } from '../indexer/search.js';
 import { loadIndex, buildIndex } from '../indexer/store.js';
+import { listSessions } from '../history/store.js';
+import { findLastRetryableUser } from '../history/management.js';
 
 const h = React.createElement;
 
@@ -115,7 +117,7 @@ async function pasteClipboardImage() {
  * 슬래시 명령은 Input 컴포넌트의 onSubmit 에서 가로채서 처리.
  */
 
-function Header({ modelMeta, projectFile, gateway, ragOn, hasIndex, openapiInfo }) {
+function Header({ modelMeta, projectFile, gateway, ragOn, hasIndex, openapiInfo, conventionFiles }) {
   let ragLabel;
   if (!hasIndex) ragLabel = '(준비 중 — 자동 빌드 또는 /index)';
   else if (ragOn) ragLabel = 'on (관련 코드 자동 주입)';
@@ -167,6 +169,14 @@ function Header({ modelMeta, projectFile, gateway, ragOn, hasIndex, openapiInfo
           h(Text, null, openapiLabel),
         )
       : null,
+    conventionFiles?.length
+      ? h(
+          Box,
+          null,
+          h(Text, { dimColor: true }, 'docs     '),
+          h(Text, null, conventionFiles.join(', ')),
+        )
+      : null,
     gateway
       ? h(
           Box,
@@ -279,6 +289,8 @@ function AttachBar({ pending }) {
 const SLASH_COMMANDS = [
   { cmd: '/help', hint: '', desc: '명령 도움말' },
   { cmd: '/clear', hint: '', desc: '대화 컨텍스트 비우기' },
+  { cmd: '/history', hint: '', desc: '프로젝트의 이전 대화 목록' },
+  { cmd: '/retry', hint: '', desc: '마지막 사용자 요청 다시 실행' },
   { cmd: '/model', hint: '<id>', desc: '세션 모델 변경 (인자 없으면 목록)' },
   { cmd: '/cost', hint: '', desc: '누적 토큰/비용' },
   { cmd: '/image', hint: '<path>', desc: '이미지 첨부 (Finder 에서 끌어다 놔도 됨)' },
@@ -342,7 +354,45 @@ function SlashMenu({ items, activeIndex }) {
   );
 }
 
-export function ChatApp({ initialConfig, initialResolved, session, onSessionUpdate }) {
+function HistoryMenu({ items, activeIndex, activeSessionId, deleteId }) {
+  if (items.length === 0) return null;
+  return h(
+    Box,
+    {
+      flexDirection: 'column',
+      borderStyle: 'single',
+      borderColor: 'gray',
+      paddingX: 1,
+    },
+    h(Text, { bold: true }, '이전 대화'),
+    ...items.map((item, index) => {
+      const active = index === activeIndex;
+      const current = item.id === activeSessionId;
+      const when = item.updatedAt?.replace('T', ' ').slice(0, 16) ?? '';
+      return h(
+        Text,
+        {
+          key: item.id,
+          color: item.id === deleteId ? 'red' : active ? 'cyan' : undefined,
+          bold: active,
+        },
+        `${active ? '›' : ' '} ${item.id}${current ? ' (현재)' : ''}  ${when}  ${item.turns} turns\n  ${item.preview}`,
+      );
+    }),
+    deleteId
+      ? h(Text, { color: 'red' }, `${deleteId} 세션을 삭제할까요? y/n`)
+      : h(Text, { dimColor: true }, '↑↓ 선택 · Enter 불러오기 · d 삭제 · Esc 취소'),
+  );
+}
+
+export function ChatApp({
+  initialConfig,
+  initialResolved,
+  session,
+  onSessionUpdate,
+  onSessionSwitch,
+  onSessionDelete,
+}) {
   const app = useApp();
   const { stdout } = useStdout();
   const [cfg, setCfg] = useState(initialConfig);
@@ -372,12 +422,17 @@ export function ChatApp({ initialConfig, initialResolved, session, onSessionUpda
   const [indexProgress, setIndexProgress] = useState('');
   const [ragEnabled, setRagEnabled] = useState(true);
   const [menuIndex, setMenuIndex] = useState(0);
+  const [historyItems, setHistoryItems] = useState([]);
+  const [historyIndex, setHistoryIndex] = useState(0);
+  const [historyDeleteId, setHistoryDeleteId] = useState(null);
+  const [activeSessionId, setActiveSessionId] = useState(session?.id ?? null);
   const [, force] = useState(0);
   const rerender = useCallback(() => force((n) => n + 1), []);
 
   // 슬래시 메뉴: input 상태에 따라 동적으로 계산.
   const slashItems = state === 'idle' ? filterSlashCommands(input) : [];
   const slashOpen = slashItems.length > 0;
+  const historyOpen = state === 'idle' && historyItems.length > 0;
   // input 이 바뀌면 선택 인덱스를 0 으로 리셋 (필터 변경 시 자연스럽게).
   useEffect(() => {
     setMenuIndex(0);
@@ -499,6 +554,29 @@ export function ChatApp({ initialConfig, initialResolved, session, onSessionUpda
       app.exit();
       return;
     }
+    if (historyOpen) {
+      if (historyDeleteId) {
+        if (char.toLowerCase() === 'y') {
+          void deleteHistorySession();
+        } else if (char.toLowerCase() === 'n' || key.escape) {
+          setHistoryDeleteId(null);
+        }
+        return;
+      }
+      if (key.upArrow) {
+        setHistoryIndex((index) => Math.max(0, index - 1));
+      } else if (key.downArrow) {
+        setHistoryIndex((index) => Math.min(historyItems.length - 1, index + 1));
+      } else if (key.escape) {
+        setHistoryItems([]);
+      } else if (char.toLowerCase() === 'd') {
+        const selected = historyItems[historyIndex];
+        if (selected) setHistoryDeleteId(selected.id);
+      } else if (key.return) {
+        void selectHistorySession();
+      }
+      return;
+    }
     if (!slashOpen) return;
     if (key.upArrow) {
       setMenuIndex((i) => Math.max(0, i - 1));
@@ -544,6 +622,33 @@ export function ChatApp({ initialConfig, initialResolved, session, onSessionUpda
       pushSystemInfo('대화 컨텍스트를 비웠습니다.');
       return true;
     }
+    if (cmd === 'history') {
+      try {
+        const sessions = await listSessions();
+        if (!sessions.length) {
+          pushSystemInfo('저장된 이전 세션이 없습니다.');
+          return true;
+        }
+        setHistoryItems(sessions.slice(0, 10));
+        setHistoryIndex(0);
+        setHistoryDeleteId(null);
+      } catch (err) {
+        pushSystemError('대화 목록을 불러올 수 없습니다: ' + err.message);
+      }
+      return true;
+    }
+    if (cmd === 'retry') {
+      const retry = findLastRetryableUser(messages);
+      if (!retry) {
+        pushSystemError('다시 실행할 사용자 요청이 없습니다.');
+        return true;
+      }
+      await sendMessage(retry.text, {
+        baseMessages: messages.slice(0, retry.index),
+        attachments: retry.message.attachments ?? [],
+      });
+      return true;
+    }
     if (cmd === 'cost') {
       pushSystemInfo(meterRef.current.format());
       return true;
@@ -648,13 +753,70 @@ export function ChatApp({ initialConfig, initialResolved, session, onSessionUpda
     return true;
   };
 
-  const sendMessage = async (text) => {
+  const selectHistorySession = async () => {
+    const selected = historyItems[historyIndex];
+    if (!selected || !onSessionSwitch) return;
+
+    setHistoryItems([]);
+    setState('thinking');
+    try {
+      const loaded = await onSessionSwitch(selected.id);
+      setActiveSessionId(loaded.id);
+      setPendingAttachments([]);
+      setMessages([
+        ...(loaded.messages ?? []),
+        {
+          role: 'system-info',
+          text: `세션 ${loaded.id} 컨텍스트를 불러왔습니다.`,
+        },
+      ]);
+    } catch (err) {
+      pushSystemError('세션을 불러올 수 없습니다: ' + (err?.message ?? String(err)));
+    } finally {
+      setState('idle');
+    }
+  };
+
+  const deleteHistorySession = async () => {
+    const id = historyDeleteId;
+    if (!id || !onSessionDelete) return;
+
+    setHistoryDeleteId(null);
+    try {
+      const result = await onSessionDelete(id);
+      const remaining = historyItems.filter((item) => item.id !== id);
+      setHistoryItems(remaining);
+      setHistoryIndex((index) => Math.min(index, Math.max(0, remaining.length - 1)));
+
+      if (result.replacementSession) {
+        setActiveSessionId(result.replacementSession.id);
+        setPendingAttachments([]);
+        setMessages([
+          {
+            role: 'system-info',
+            text: `세션 ${id}을 삭제하고 새 세션을 시작했습니다.`,
+          },
+        ]);
+      } else {
+        pushSystemInfo(
+          result.deleted ? `세션 ${id}을 삭제했습니다.` : `세션 ${id}을 찾을 수 없습니다.`,
+        );
+      }
+    } catch (err) {
+      pushSystemError('세션을 삭제할 수 없습니다: ' + (err?.message ?? String(err)));
+    }
+  };
+
+  const sendMessage = async (
+    text,
+    { baseMessages = messages, attachments = pendingAttachments } = {},
+  ) => {
     const userMsg = {
       role: 'user',
       text,
-      attachments: pendingAttachments,
+      attachments,
     };
-    const newMessages = [...messages, userMsg];
+    const newMessages = [...baseMessages, userMsg];
     setMessages(newMessages);
     setPendingAttachments([]);
     setState('thinking');
@@ -870,6 +1032,7 @@ export function ChatApp({ initialConfig, initialResolved, session, onSessionUpda
       ragOn: ragEnabled,
       hasIndex,
       openapiInfo: cfg.openapiInfo,
+      conventionFiles: cfg.conventionFiles,
     }),
     h(
       Box,
@@ -887,12 +1050,20 @@ export function ChatApp({ initialConfig, initialResolved, session, onSessionUpda
       }),
     ),
     h(AttachBar, { pending: pendingAttachments }),
+    historyOpen
+      ? h(HistoryMenu, {
+          items: historyItems,
+          activeIndex: historyIndex,
+          activeSessionId,
+          deleteId: historyDeleteId,
+        })
+      : null,
     slashOpen ? h(SlashMenu, { items: slashItems, activeIndex: menuIndex }) : null,
     h(
       Box,
       { marginTop: 0 },
       h(Text, { color: 'magenta', bold: true }, 'you › '),
-      state === 'idle'
+      state === 'idle' && !historyOpen
         ? h(TextInput, {
             value: input,
             onChange: setInput,
@@ -903,7 +1074,15 @@ export function ChatApp({ initialConfig, initialResolved, session, onSessionUpda
             // 가짜 커서가 있으면 한글 IME 미리보기가 한 칸 어긋나 보일 수 있다.
             showCursor: false,
           })
-        : h(Text, { dimColor: true }, '(응답 받는 중 — 잠시만)'),
+        : h(
+            Text,
+            { dimColor: true },
+            historyOpen
+              ? historyDeleteId
+                ? '(y 또는 n을 입력하세요)'
+                : '(이전 대화를 선택하세요)'
+              : '(응답 받는 중 — 잠시만)',
+          ),
     ),
   );
 }