beads-ui 0.6.0 → 0.7.0

package/app/protocol.js

@@ -9,7 +9,7 @@
  * - Server can also send unsolicited events (e.g., subscription `snapshot`).
  */
 
-/** @typedef {'list-issues'|'update-status'|'edit-text'|'update-priority'|'create-issue'|'list-ready'|'dep-add'|'dep-remove'|'epic-status'|'update-assignee'|'label-add'|'label-remove'|'subscribe-list'|'unsubscribe-list'|'snapshot'|'upsert'|'delete'} MessageType */
+/** @typedef {'list-issues'|'update-status'|'edit-text'|'update-priority'|'create-issue'|'list-ready'|'dep-add'|'dep-remove'|'epic-status'|'update-assignee'|'label-add'|'label-remove'|'subscribe-list'|'unsubscribe-list'|'snapshot'|'upsert'|'delete'|'get-comments'|'add-comment'} MessageType */
 
 /**
  * @typedef {Object} RequestEnvelope
@@ -53,7 +53,10 @@ export const MESSAGE_TYPES = /** @type {const} */ ([
   // vNext per-subscription full-issue push events
   'snapshot',
   'upsert',
-  'delete'
+  'delete',
+  // Comments
+  'get-comments',
+  'add-comment'
 ]);
 
 /**

package/app/styles.css

@@ -1656,3 +1656,67 @@ html[data-theme='dark'] {
     grid-template-columns: 1fr;
   }
 }
+
+/* Comments section */
+.comments {
+  margin-top: 24px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border);
+}
+
+.comment-item {
+  padding: 12px;
+  margin-bottom: 8px;
+  background: color-mix(in srgb, var(--panel-bg) 95%, transparent);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+}
+
+.comment-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 6px;
+  font-size: 12px;
+}
+
+.comment-author {
+  font-weight: 600;
+  color: var(--fg);
+}
+
+.comment-date {
+  color: var(--muted);
+}
+
+.comment-text {
+  font-size: 14px;
+  line-height: 1.5;
+  white-space: pre-wrap;
+}
+
+.comment-input {
+  margin-top: 12px;
+}
+
+.comment-input textarea {
+  width: 100%;
+  min-height: 60px;
+  padding: 8px;
+  border: 1px solid var(--control-border);
+  border-radius: 4px;
+  background: var(--control-bg);
+  color: var(--fg);
+  font-family: inherit;
+  font-size: 14px;
+  resize: vertical;
+}
+
+.comment-input textarea:focus {
+  outline: none;
+  border-color: var(--link);
+}
+
+.comment-input button {
+  margin-top: 8px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beads-ui",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Local UI for Beads — Collaborate on issues with your coding agent.",
   "keywords": [
     "agent",

package/server/bd.js

@@ -4,6 +4,38 @@ import { debug } from './logging.js';
 
 const log = debug('bd');
 
+/**
+ * Get the git user name from git config.
+ *
+ * @param {{ cwd?: string }} [options]
+ * @returns {Promise<string>}
+ */
+export async function getGitUserName(options = {}) {
+  return new Promise((resolve) => {
+    const child = spawn('git', ['config', 'user.name'], {
+      cwd: options.cwd || process.cwd(),
+      shell: false
+    });
+
+    /** @type {string[]} */
+    const chunks = [];
+
+    if (child.stdout) {
+      child.stdout.setEncoding('utf8');
+      child.stdout.on('data', (chunk) => chunks.push(String(chunk)));
+    }
+
+    child.on('error', () => resolve(''));
+    child.on('close', (code) => {
+      if (code !== 0) {
+        resolve('');
+        return;
+      }
+      resolve(chunks.join('').trim());
+    });
+  });
+}
+
 /**
  * Resolve the bd executable path.
  *

package/server/ws.js

@@ -5,7 +5,7 @@
  */
 import { WebSocketServer } from 'ws';
 import { isRequest, makeError, makeOk } from '../app/protocol.js';
-import { runBd, runBdJson } from './bd.js';
+import { getGitUserName, runBd, runBdJson } from './bd.js';
 import { fetchListForSubscription } from './list-adapters.js';
 import { debug } from './logging.js';
 import { keyOf, registry } from './subscriptions.js';
@@ -1081,6 +1081,78 @@ export async function handleMessage(ws, data) {
     return;
   }
 
+  // get-comments: payload { id: string }
+  if (req.type === 'get-comments') {
+    const { id } = /** @type {any} */ (req.payload || {});
+    if (typeof id !== 'string' || id.length === 0) {
+      ws.send(
+        JSON.stringify(
+          makeError(req, 'bad_request', 'payload requires { id: string }')
+        )
+      );
+      return;
+    }
+    const res = await runBdJson(['comments', id, '--json']);
+    if (res.code !== 0) {
+      ws.send(
+        JSON.stringify(makeError(req, 'bd_error', res.stderr || 'bd failed'))
+      );
+      return;
+    }
+    ws.send(JSON.stringify(makeOk(req, res.stdoutJson || [])));
+    return;
+  }
+
+  // add-comment: payload { id: string, text: string }
+  if (req.type === 'add-comment') {
+    const { id, text } = /** @type {any} */ (req.payload || {});
+    if (
+      typeof id !== 'string' ||
+      id.length === 0 ||
+      typeof text !== 'string' ||
+      text.trim().length === 0
+    ) {
+      ws.send(
+        JSON.stringify(
+          makeError(
+            req,
+            'bad_request',
+            'payload requires { id: string, text: non-empty string }'
+          )
+        )
+      );
+      return;
+    }
+
+    // Get git user name for author attribution
+    const author = await getGitUserName();
+    const args = ['comment', id, text.trim()];
+    if (author) {
+      args.push('--author', author);
+    }
+
+    const res = await runBd(args);
+    if (res.code !== 0) {
+      ws.send(
+        JSON.stringify(makeError(req, 'bd_error', res.stderr || 'bd failed'))
+      );
+      return;
+    }
+
+    // Return updated comments list
+    const comments = await runBdJson(['comments', id, '--json']);
+    if (comments.code !== 0) {
+      ws.send(
+        JSON.stringify(
+          makeError(req, 'bd_error', comments.stderr || 'bd failed')
+        )
+      );
+      return;
+    }
+    ws.send(JSON.stringify(makeOk(req, comments.stdoutJson || [])));
+    return;
+  }
+
   // Unknown type
   const err = makeError(
     req,