+
+
+
+
+
+
+
+ 인사이트
+업계 동향/레퍼런스 링크를 모아두고, 팀/고객과 빠르게 공유합니다.
+
+ {news.map((n) => (
+
+ {newsLoading && (
+
+
+ ))}
+
+ {n.meta?.image ? (
+ 
+ ) : null}
+
+
+
+ {n.meta?.title || n.url}
+
+
+ {n.meta?.description}
+ {new Date(n.created_at).toISOString().slice(0, 10)}
+
+ 뉴스 로딩중
+
+
+
+
+
+
+ )}
+ {user && !showNewsEditor && (
+
+ )}
+ {showNewsEditor && user && (
+
+ setNewsUrl(e.target.value)}
+ placeholder="뉴스 URL을 입력하세요"
+ style={{ width: 'calc(100% - 25px)', marginBottom: 8, padding: '10px 12px', borderRadius: 8, border: '1px solid #ffd6c2' }}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter') {
+ e.preventDefault();
+ submitNews();
+ }
+ }}
+ />
+
+ )}
+
+
+
+
+
+
+
+ );
+}
+
+function FileSidebar() {
+ const [files, setFiles] = useState([]);
+
+ const loadFiles = async () => {
+ try {
+ const res = await fetch(`${API_BASE_URL}/files`);
+ const data = await res.json();
+ setFiles(data.files || []);
+ } catch (_) {}
+ };
+
+ useEffect(() => {
+ loadFiles();
+ }, []);
+
+ const handleDelete = async (fname) => {
+ if (!window.confirm(`${fname} 파일을 삭제하시겠습니까?`)) return;
+ await fetch(`${API_BASE_URL}/file?filename=${encodeURIComponent(fname)}`, { method: 'DELETE' });
+ loadFiles();
+ };
+
+ const handleUpload = async (e) => {
+ const files = Array.from(e.target.files || []);
+ if (!files.length) return;
+ const formData = new FormData();
+ files.forEach((f) => formData.append('files', f));
+ await fetch(`${API_BASE_URL}/upload_pdf`, { method: 'POST', body: formData });
+ loadFiles();
+ };
+
+ return (
+ 대화 히스토리
+ -
+ {messages.length === 0 && (
+
- 대화 기록이 없습니다. + )} + {messages.map((m, idx) => ( +
-
+ {String(m.content).slice(0, 36)}{String(m.content).length > 36 ? '…' : ''}+{m.time}+
+ ))}
+
+
+ );
+}
+
+export default function ChatPage() {
+ const { selectedTool } = useTool();
+ const { user } = useAuth();
+ const [messages, setMessages] = useState(() => {
+ try {
+ const toolIdInitial = selectedTool?.id || 'chatgpt';
+ const saved = JSON.parse(localStorage.getItem(`messages_${toolIdInitial}`) || '[]');
+ return Array.isArray(saved) ? saved.filter(m=>m.type!=='loading') : [];
+ } catch {
+ return [];
+ }
+ });
+ const [input, setInput] = useState('');
+ const [chatModel, setChatModel] = useState('GPT-5');
+ const inputRef = useRef(null);
+ const chatEndRef = useRef(null);
+ const [sending, setSending] = useState(false);
+
+ // 기본 카드: ChatGPT (도구 목록에서 제거되었기 때문에 selectedTool 이 없으면 ChatGPT로 동작)
+ const defaultChatTool = {
+ id: 'chatgpt',
+ name: 'Recipe Engine Demo',
+ description: '영양/질환/약물 제약을 포함해 “설명 가능한” 레시피 추천을 만드는 데모입니다. (모델 선택 가능)',
+ };
+ const activeTool = selectedTool || defaultChatTool;
+
+ // 히스토리 패널용 공통 값
+ const toolId = selectedTool?.id || 'chatgpt';
+ const historyPanel =
+ 파일 리스트
+
+
+
+ -
+ {files.map((f) => (
+
- + {f} + + + ))} +
+
+
+
+
+ {messages.map((m, idx) => (
+ {activeTool.name}
+ {activeTool.description}
+
+ {m.type==='loading' ? (
+ 
+ ) : m.markdown ? (
+
+ ) : (
+
+ ))}
+
+ 생각중...
+ ) : m.type==='image' ? (
+ {m.content}
+ )}
+ { m.type==='loading' ? `${Math.floor((Date.now()-m.start)/1000)}s` : m.time}
+
+
+ {activeTool.id==='chatgpt' && (
+
+ )}
+