idea-manager 0.7.10 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "idea-manager",
-  "version": "0.7.10",
+  "version": "0.8.0",
   "description": "AI 기반 브레인스토밍 → 구조화 → 프롬프트 생성 도구. MCP Server 내장.",
   "keywords": [
     "brainstorm",
@@ -51,6 +51,7 @@
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1",
     "tsx": "^4.21.0"
   },
   "devDependencies": {

package/public/sw.js

@@ -1,4 +1,4 @@
-const CACHE_NAME = 'im-v3';
+const CACHE_NAME = 'im-v4';
 
 self.addEventListener('install', (event) => {
   self.skipWaiting();

package/src/app/globals.css

@@ -1016,6 +1016,29 @@ textarea:focus {
   margin: 0.5em 0;
 }
 
+.chat-markdown table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 0.5em 0;
+  font-size: 0.85em;
+}
+
+.chat-markdown th,
+.chat-markdown td {
+  border: 1px solid hsl(var(--border));
+  padding: 4px 8px;
+  text-align: left;
+}
+
+.chat-markdown th {
+  background: hsl(var(--muted));
+  font-weight: 600;
+}
+
+.chat-markdown tr:nth-child(even) {
+  background: hsl(var(--muted) / 0.3);
+}
+
 /* Dialog animation */
 @keyframes dialogIn {
   from { opacity: 0; transform: scale(0.95) translateY(4px); }

package/src/components/chat/ChatMessage.tsx

@@ -1,5 +1,8 @@
 'use client';
 
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+
 interface ChatMessageProps {
   role: 'assistant' | 'user';
   content: string;
@@ -16,11 +19,17 @@ export default function ChatMessage({ role, content, createdAt }: ChatMessagePro
   return (
     <div className={`chat-message ${isAi ? 'chat-message-ai' : 'chat-message-user'}`}>
       <div className={`chat-bubble ${isAi ? 'chat-bubble-ai' : 'chat-bubble-user'}`}>
-        {content.split('\n').map((line, i) => (
-          <p key={i} className={i > 0 ? 'mt-1' : ''}>
-            {line}
-          </p>
-        ))}
+        {isAi ? (
+          <div className="chat-markdown">
+            <ReactMarkdown remarkPlugins={[remarkGfm]}>{content}</ReactMarkdown>
+          </div>
+        ) : (
+          content.split('\n').map((line, i) => (
+            <p key={i} className={i > 0 ? 'mt-1' : ''}>
+              {line}
+            </p>
+          ))
+        )}
       </div>
       <span className="chat-time">{time}</span>
     </div>

package/src/components/task/TaskChat.tsx

@@ -3,6 +3,7 @@
 import { useState, useEffect, useRef, useCallback } from 'react';
 import type { ITaskConversation, TaskStatus } from '@/types';
 import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
 
 const POLL_INTERVAL = 3000; // Poll every 3s when task is testing
 
@@ -112,7 +113,7 @@ export default function TaskChat({
                 : 'bg-muted text-foreground rounded-bl-sm chat-markdown'
             }`}>
               {msg.role === 'assistant'
-                ? <ReactMarkdown>{msg.content}</ReactMarkdown>
+                ? <ReactMarkdown remarkPlugins={[remarkGfm]}>{msg.content}</ReactMarkdown>
                 : msg.content}
             </div>
             {msg.role === 'assistant' && (