From a421cb7860dbb8eb7e406dfafd404c3cdbcaf3c2 Mon Sep 17 00:00:00 2001
From: cfdaily <cfdaily@gitee.com>
Date: Wed, 20 May 2026 10:26:42 +0800
Subject: [PATCH] auto-sync: 2026-05-20 10:26:42

---
 src/frontend/src/components/TaskModal.tsx | 49 +++++++++++++++++++++++
 1 file changed, 49 insertions(+)

diff --git a/src/frontend/src/components/TaskModal.tsx b/src/frontend/src/components/TaskModal.tsx
index 60d40b8..f5cab6c 100644
--- a/src/frontend/src/components/TaskModal.tsx
+++ b/src/frontend/src/components/TaskModal.tsx
@@ -434,6 +434,55 @@ export default function TaskModal() {
               </div>
             )}
 
+            {/* 评论输入框 */}
+            <div style={{ marginBottom: 16 }}>
+              <SectionLabel icon="✍️" title="发表评论" />
+              <div style={{ display: 'flex', gap: 6, alignItems: 'flex-start' }}>
+                <select id="comment-type-select" style={{
+                  fontSize: 11, padding: '6px 8px', borderRadius: 6,
+                  border: '1px solid var(--line)', background: 'var(--panel2)',
+                  color: 'var(--fg)', cursor: 'pointer', flexShrink: 0,
+                }}>
+                  <option value="general">💬 评论</option>
+                  <option value="handoff">🤝 交接</option>
+                  <option value="progress">📊 进展</option>
+                  <option value="observation">👁 观察</option>
+                </select>
+                <input
+                  id="comment-body-input"
+                  type="text"
+                  placeholder="输入评论内容..."
+                  style={{
+                    flex: 1, padding: '6px 10px', borderRadius: 6,
+                    border: '1px solid var(--line)', background: 'var(--panel2)',
+                    color: 'var(--fg)', fontSize: 12, outline: 'none',
+                  }}
+                  onKeyDown={(e) => {
+                    if (e.key === 'Enter') {
+                      const body = (e.target as HTMLInputElement).value.trim();
+                      const typeEl = document.getElementById('comment-type-select') as HTMLSelectElement;
+                      if (!body || !task) return;
+                      const pid = selectedProjectId;
+                      if (!pid) return;
+                      fetch(`/api/projects/${pid}/tasks/${task.id}/comments`, {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ author: 'user', body, comment_type: typeEl?.value || 'general' }),
+                      }).then(r => r.json()).then(r => {
+                        if (r.ok) {
+                          (e.target as HTMLInputElement).value = '';
+                          loadV2TaskDetail(task.id);
+                          toast('评论已发送', 'ok');
+                        } else {
+                          toast(r.error || '评论失败', 'err');
+                        }
+                      }).catch(() => toast('评论失败', 'err'));
+                    }
+                  }}
+                />
+              </div>
+            </div>
+
             {/* 决策记录 */}
             {decisions.length > 0 && (
               <div style={{ marginBottom: 16 }}>