kanban-lite 1.2.13 → 1.2.16

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.
@@ -424,7 +424,7 @@ function RunActionsDropdown({ actions, onTriggerAction }: RunActionsDropdownProp
424
424
  <button
425
425
  type="button"
426
426
  aria-label="Close actions menu"
427
- className="card-floating-dismiss cursor-default"
427
+ className="card-floating-dismiss"
428
428
  onClick={() => setIsOpen(false)}
429
429
  />
430
430
  <div
@@ -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>