kanban-lite 1.2.13 → 1.2.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -46,7 +46,7 @@ export function CommentsSection({ comments, onAddComment, onUpdateComment, onDel
46
46
  {comments.map(comment => (
47
47
  <div
48
48
  key={comment.id}
49
- className="card-comment-item"
49
+ className={`card-comment-item${comment.streaming ? ' card-comment-streaming' : ''}`}
50
50
  >
51
51
  <span className="card-comment-avatar">
52
52
  {comment.author.split(/\s+/).filter(Boolean).map(w => w[0]).join('').toUpperCase().slice(0, 2)}
@@ -54,25 +54,30 @@ export function CommentsSection({ comments, onAddComment, onUpdateComment, onDel
54
54
  <div className="card-comment-bubble">
55
55
  <div className="card-comment-meta">
56
56
  <span className="card-comment-author">{comment.author}</span>
57
+ {comment.streaming && (
58
+ <span className="card-comment-streaming-badge" title="Being written by an agent…">streaming</span>
59
+ )}
57
60
  <span className="card-comment-time">{timeAgo(comment.created)}</span>
58
- <div className="card-comment-actions">
59
- <button
60
- onClick={() => setEditingId(comment.id)}
61
- className="p-1 rounded-full transition-colors vscode-hover-bg"
62
- style={{ color: 'var(--vscode-descriptionForeground)' }}
63
- title="Edit"
64
- >
65
- <Pencil size={11} />
66
- </button>
67
- <button
68
- onClick={() => onDeleteComment(comment.id)}
69
- className="p-1 rounded-full transition-colors hover:text-red-500"
70
- style={{ color: 'var(--vscode-descriptionForeground)' }}
71
- title="Delete"
72
- >
73
- <Trash2 size={11} />
74
- </button>
75
- </div>
61
+ {!comment.streaming && (
62
+ <div className="card-comment-actions">
63
+ <button
64
+ onClick={() => setEditingId(comment.id)}
65
+ className="p-1 rounded-full transition-colors vscode-hover-bg"
66
+ style={{ color: 'var(--vscode-descriptionForeground)' }}
67
+ title="Edit"
68
+ >
69
+ <Pencil size={11} />
70
+ </button>
71
+ <button
72
+ onClick={() => onDeleteComment(comment.id)}
73
+ className="p-1 rounded-full transition-colors hover:text-red-500"
74
+ style={{ color: 'var(--vscode-descriptionForeground)' }}
75
+ title="Delete"
76
+ >
77
+ <Trash2 size={11} />
78
+ </button>
79
+ </div>
80
+ )}
76
81
  </div>
77
82
 
78
83
  {editingId === comment.id ? (
@@ -88,7 +93,10 @@ export function CommentsSection({ comments, onAddComment, onUpdateComment, onDel
88
93
  />
89
94
  </div>
90
95
  ) : (
91
- <CommentBody content={comment.content} />
96
+ <div className="card-comment-content-wrap">
97
+ <CommentBody content={comment.content} />
98
+ {comment.streaming && <span className="card-comment-cursor" aria-hidden="true" />}
99
+ </div>
92
100
  )}
93
101
  </div>
94
102
  </div>