@beastmode-develeap/beastmode 0.1.311 → 0.1.313

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260529-035638-2e3404c";</script>
+<script>window.__BUILD_STAMP__ = "20260529-052503-1d6b0d6";</script>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
@@ -3551,6 +3551,76 @@ input[type="range"]::-webkit-slider-thumb {
 .loading-text { font-size: 13px; color: var(--text-muted); }
 .empty-text { font-size: 13px; color: var(--text-muted); }
 
+/* Timeline rail */
+.timeline-rail {
+  position: relative;
+  padding-left: 32px;
+}
+.timeline-rail::before {
+  content: '';
+  position: absolute;
+  left: 11px;
+  top: 16px;
+  bottom: 16px;
+  width: 2px;
+  background: var(--border);
+}
+.timeline-rail.single-entry::before {
+  display: none;
+}
+
+/* Timeline node */
+.timeline-node {
+  position: relative;
+  margin-bottom: 8px;
+}
+.timeline-dot {
+  position: absolute;
+  left: -25px;
+  top: 14px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--accent);
+  border: 2px solid var(--bg-card);
+  z-index: 1;
+}
+.timeline-dot.dot-system { background: var(--text-muted); }
+.timeline-dot.dot-bot { background: var(--accent); }
+.timeline-dot.dot-user { background: var(--info); }
+
+/* Author badge */
+.timeline-author-badge {
+  display: inline-block;
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  padding: 1px 5px;
+  border-radius: 3px;
+  margin-left: 6px;
+  vertical-align: middle;
+}
+.timeline-author-badge.badge-sys {
+  background: var(--bg-input);
+  color: var(--text-muted);
+}
+.timeline-author-badge.badge-bot {
+  background: var(--accent-subtle);
+  color: var(--accent);
+}
+.timeline-author-badge.badge-user {
+  background: var(--info-subtle);
+  color: var(--info);
+}
+
+/* Timeline time label (left gutter) */
+.timeline-time-gutter {
+  position: absolute;
+  left: -32px;
+  top: 14px;
+  width: 0;
+}
+
 /* ================================================================
    CREATE TASK MODAL
    ================================================================ */
@@ -5105,6 +5175,14 @@ function CollapsibleUpdate({ html: content }) {
 
 // ── Update Item with threaded replies ──
 
+function classifyAuthor(creatorName) {
+  const name = (creatorName || '').toLowerCase().trim();
+  if (name === 'system') return { badge: 'SYS', dotClass: 'dot-system', badgeClass: 'badge-sys' };
+  if (name === 'beastmode' || name === 'pipeline' || name.startsWith('daemon'))
+    return { badge: 'BOT', dotClass: 'dot-bot', badgeClass: 'badge-bot' };
+  return { badge: 'USER', dotClass: 'dot-user', badgeClass: 'badge-user' };
+}
+
 function UpdateItemWithReplies({ update }) {
   const [replies, setReplies] = useState([]);
   const [showReplies, setShowReplies] = useState(false);
@@ -5136,12 +5214,16 @@ function UpdateItemWithReplies({ update }) {
     setPosting(false);
   };
 
+  const { badge, dotClass, badgeClass } = classifyAuthor(update.creator_name || (update.creator && update.creator.name));
   return html`
-    <div class="update-item" style="padding:12px;background:var(--bg-input);border-radius:var(--radius-sm);margin-bottom:8px;">
-      <div class="update-author" style="font-size:11px;font-weight:600;color:var(--accent);margin-bottom:4px;">
-        ${update.creator_name || (update.creator && update.creator.name) || 'system'}
-      </div>
-      <${CollapsibleUpdate} html=${update.body || update.text_body || ''} />
+    <div class="timeline-node">
+      <span class=${'timeline-dot ' + dotClass} aria-hidden="true"></span>
+      <div class="update-item" style="padding:12px;background:var(--bg-input);border-radius:var(--radius-sm);margin-bottom:8px;">
+        <div class="update-author" style="font-size:11px;font-weight:600;color:var(--accent);margin-bottom:4px;">
+          ${update.creator_name || (update.creator && update.creator.name) || 'system'}
+          <span class=${'timeline-author-badge ' + badgeClass}>${badge}</span>
+        </div>
+        <${CollapsibleUpdate} html=${update.body || update.text_body || ''} />
       <div style="display:flex;justify-content:space-between;align-items:center;margin-top:6px;">
         <div class="update-time" style="font-size:11px;color:var(--text-muted);font-family:var(--font-mono);">
           ${timeAgo(update.created_at)}
@@ -5180,6 +5262,7 @@ function UpdateItemWithReplies({ update }) {
           </div>
         </div>
       ` : null}
+      </div>
     </div>
   `;
 }
@@ -6195,9 +6278,11 @@ function ItemDetailSidebar({ item, onClose, onStatusChange, selectedProject, all
         <${UpdatesHeader} count=${updates.length} sortNewest=${sortNewest} onToggle=${() => setSortNewest(!sortNewest)} itemId=${item.id} onPosted=${refreshUpdates} />
         ${loadingUpdates ? html`<div class="loading-text">Loading updates...</div>` :
           sortedUpdates.length === 0 ? html`<div class="empty-text">No updates yet</div>` :
-          sortedUpdates.map((u, i) => html`
-            <${UpdateItemWithReplies} key=${u.id || i} update=${u} />
-          `)
+          html`<div class=${'timeline-rail' + (sortedUpdates.length <= 1 ? ' single-entry' : '')}>
+            ${sortedUpdates.map((u, i) => html`
+              <${UpdateItemWithReplies} key=${u.id || i} update=${u} />
+            `)}
+          </div>`
         }
       </div>
       <div style="border-top:1px solid var(--border);padding:0 24px 16px;">

package/dist/web/build-commit.txt

@@ -1 +1 @@
-2e3404ced4ff646069b5675177544d3b030cab78
+1d6b0d68b3e42c5cb2167ffa1e7a4db72a439f82

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260529-035638-2e3404c
+20260529-052503-1d6b0d6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beastmode-develeap/beastmode",
-  "version": "0.1.311",
+  "version": "0.1.313",
   "description": "BeastMode Dark Factory — turn intent into verified software",
   "type": "module",
   "bin": {