@1mancompany/onemancompany 0.7.23 → 0.7.27

package/frontend/app.js

@@ -7528,6 +7528,9 @@ class AppController {
     const tabDefs = [
       { id: 'overview', label: 'Overview' },
       { id: 'issues', label: `Issues (${issues.length})` },
+      { id: 'kanban', label: 'Kanban' },
+      { id: 'roadmap', label: 'Roadmap' },
+      { id: 'activity', label: 'Activity' },
       { id: 'projects', label: `Projects (${projects.length})` },
     ];
     const tabContent = document.createElement('div');
@@ -7559,6 +7562,12 @@ class AppController {
       this._renderProductOverview(product, versions, slug, container);
     } else if (tabId === 'issues') {
       this._renderProductIssues(issues, slug, container, data);
+    } else if (tabId === 'kanban') {
+      this._renderProductKanban(slug, container, data);
+    } else if (tabId === 'roadmap') {
+      this._renderProductRoadmap(slug, container);
+    } else if (tabId === 'activity') {
+      this._renderProductActivity(slug, container);
     } else if (tabId === 'projects') {
       this._renderProductProjects(projects, container);
     }
@@ -8246,6 +8255,322 @@ class AppController {
     }
   }
 
+  // ---------------------------------------------------------------------------
+  // Kanban Board Tab
+  // ---------------------------------------------------------------------------
+
+  _renderProductKanban(slug, container, fullData) {
+    container.innerHTML = '<div class="loading-text">Loading kanban...</div>';
+    fetch(`/api/product/${encodeURIComponent(slug)}/kanban`)
+      .then(r => r.json())
+      .then(data => {
+        container.innerHTML = '';
+        const board = document.createElement('div');
+        board.className = 'kanban-board';
+
+        const statusLabels = {
+          backlog: 'Backlog',
+          planned: 'Planned',
+          in_progress: 'In Progress',
+          in_review: 'In Review',
+          done: 'Done',
+          released: 'Released',
+        };
+        const blockedSet = new Set(data.blocked_ids || []);
+
+        for (const [status, label] of Object.entries(statusLabels)) {
+          const col = document.createElement('div');
+          col.className = 'kanban-column';
+          col.dataset.status = status;
+
+          const colHeader = document.createElement('div');
+          colHeader.className = 'kanban-column-header';
+          const items = data.columns[status] || [];
+          colHeader.textContent = `${label} (${items.length})`;
+          col.appendChild(colHeader);
+
+          const cardList = document.createElement('div');
+          cardList.className = 'kanban-card-list';
+
+          // Drag-drop: allow dropping on column
+          cardList.addEventListener('dragover', (e) => { e.preventDefault(); cardList.classList.add('kanban-drop-target'); });
+          cardList.addEventListener('dragleave', () => cardList.classList.remove('kanban-drop-target'));
+          cardList.addEventListener('drop', (e) => {
+            e.preventDefault();
+            cardList.classList.remove('kanban-drop-target');
+            const issueId = e.dataTransfer.getData('text/plain');
+            if (issueId) {
+              fetch(`/api/product/${encodeURIComponent(slug)}/issue/${encodeURIComponent(issueId)}`, {
+                method: 'PUT',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ status }),
+              }).then(() => this._renderProductKanban(slug, container, fullData));
+            }
+          });
+
+          for (const issue of items) {
+            const card = document.createElement('div');
+            card.className = `kanban-card priority-${(issue.priority || 'p2').toLowerCase()}`;
+            card.draggable = true;
+            card.dataset.issueId = issue.id;
+            if (blockedSet.has(issue.id)) card.classList.add('kanban-blocked');
+
+            card.addEventListener('dragstart', (e) => {
+              e.dataTransfer.setData('text/plain', issue.id);
+              card.classList.add('dragging');
+            });
+            card.addEventListener('dragend', () => card.classList.remove('dragging'));
+
+            const priTag = document.createElement('span');
+            priTag.className = `kanban-priority priority-${(issue.priority || 'p2').toLowerCase()}`;
+            priTag.textContent = issue.priority || 'P2';
+
+            const title = document.createElement('span');
+            title.className = 'kanban-card-title';
+            title.textContent = issue.title;
+
+            const meta = document.createElement('div');
+            meta.className = 'kanban-card-meta';
+            if (issue.assignee_id) {
+              meta.textContent = issue.assignee_id;
+            }
+            if (issue.story_points) {
+              const sp = document.createElement('span');
+              sp.className = 'kanban-sp';
+              sp.textContent = `${issue.story_points}sp`;
+              meta.appendChild(sp);
+            }
+            if (blockedSet.has(issue.id)) {
+              const lock = document.createElement('span');
+              lock.className = 'kanban-blocked-icon';
+              lock.textContent = '🔒';
+              lock.title = 'Blocked by dependency';
+              meta.appendChild(lock);
+            }
+
+            card.appendChild(priTag);
+            card.appendChild(title);
+            card.appendChild(meta);
+            cardList.appendChild(card);
+          }
+
+          col.appendChild(cardList);
+          board.appendChild(col);
+        }
+
+        container.appendChild(board);
+      })
+      .catch(err => { container.innerHTML = `<div class="error-text">Failed to load kanban: ${err.message}</div>`; });
+  }
+
+  // ---------------------------------------------------------------------------
+  // Roadmap Timeline Tab
+  // ---------------------------------------------------------------------------
+
+  _renderProductRoadmap(slug, container) {
+    container.innerHTML = '<div class="loading-text">Loading roadmap...</div>';
+    fetch(`/api/product/${encodeURIComponent(slug)}/roadmap`)
+      .then(r => r.json())
+      .then(data => {
+        container.innerHTML = '';
+
+        if (!data.sprints.length && !data.versions.length && !data.milestoned_issues.length) {
+          container.innerHTML = '<div class="task-empty">No sprints, versions, or milestoned issues yet.</div>';
+          return;
+        }
+
+        // Sprints section
+        if (data.sprints.length) {
+          const section = document.createElement('div');
+          section.className = 'roadmap-section';
+          const h = document.createElement('h3');
+          h.textContent = 'Sprints';
+          section.appendChild(h);
+
+          const timeline = document.createElement('div');
+          timeline.className = 'roadmap-timeline';
+
+          for (const s of data.sprints) {
+            const bar = document.createElement('div');
+            bar.className = `roadmap-sprint-bar roadmap-status-${s.status}`;
+
+            const label = document.createElement('div');
+            label.className = 'roadmap-bar-label';
+            label.textContent = `${s.name} (${s.issue_count} issues)`;
+
+            const dates = document.createElement('div');
+            dates.className = 'roadmap-bar-dates';
+            dates.textContent = `${s.start_date} → ${s.end_date}`;
+
+            const statusBadge = document.createElement('span');
+            statusBadge.className = `roadmap-status-badge roadmap-status-${s.status}`;
+            statusBadge.textContent = s.status;
+
+            bar.appendChild(label);
+            bar.appendChild(dates);
+            bar.appendChild(statusBadge);
+            if (s.goal) {
+              const goal = document.createElement('div');
+              goal.className = 'roadmap-goal';
+              goal.textContent = s.goal;
+              bar.appendChild(goal);
+            }
+            timeline.appendChild(bar);
+          }
+          section.appendChild(timeline);
+          container.appendChild(section);
+        }
+
+        // Versions section
+        if (data.versions.length) {
+          const section = document.createElement('div');
+          section.className = 'roadmap-section';
+          const h = document.createElement('h3');
+          h.textContent = 'Releases';
+          section.appendChild(h);
+
+          for (const v of data.versions) {
+            const row = document.createElement('div');
+            row.className = 'roadmap-version-row';
+
+            const ver = document.createElement('span');
+            ver.className = 'roadmap-version-tag';
+            ver.textContent = `v${v.version}`;
+
+            const date = document.createElement('span');
+            date.className = 'roadmap-version-date';
+            date.textContent = v.released_at ? v.released_at.split('T')[0] : '';
+
+            const count = document.createElement('span');
+            count.className = 'roadmap-version-count';
+            count.textContent = `${v.resolved_count} issues resolved`;
+
+            row.appendChild(ver);
+            row.appendChild(date);
+            row.appendChild(count);
+            section.appendChild(row);
+          }
+          container.appendChild(section);
+        }
+
+        // Milestoned issues
+        if (data.milestoned_issues.length) {
+          const section = document.createElement('div');
+          section.className = 'roadmap-section';
+          const h = document.createElement('h3');
+          h.textContent = 'Milestoned Issues';
+          section.appendChild(h);
+
+          // Group by milestone_version
+          const groups = {};
+          for (const i of data.milestoned_issues) {
+            const mv = i.milestone_version;
+            if (!groups[mv]) groups[mv] = [];
+            groups[mv].push(i);
+          }
+
+          for (const [ver, items] of Object.entries(groups).sort()) {
+            const group = document.createElement('div');
+            group.className = 'roadmap-milestone-group';
+
+            const gh = document.createElement('div');
+            gh.className = 'roadmap-milestone-header';
+            gh.textContent = `v${ver} (${items.length} issues)`;
+            group.appendChild(gh);
+
+            for (const item of items) {
+              const row = document.createElement('div');
+              row.className = `roadmap-issue-row priority-${(item.priority || 'p2').toLowerCase()}`;
+              row.innerHTML = `<span class="roadmap-issue-pri">[${item.priority}]</span> ${item.title} <span class="roadmap-issue-status">${item.status}</span>`;
+              group.appendChild(row);
+            }
+
+            section.appendChild(group);
+          }
+          container.appendChild(section);
+        }
+      })
+      .catch(err => { container.innerHTML = `<div class="error-text">Failed to load roadmap: ${err.message}</div>`; });
+  }
+
+  // ---------------------------------------------------------------------------
+  // Activity Feed Tab
+  // ---------------------------------------------------------------------------
+
+  _renderProductActivity(slug, container) {
+    container.innerHTML = '<div class="loading-text">Loading activity...</div>';
+    fetch(`/api/product/${encodeURIComponent(slug)}/activity?limit=100`)
+      .then(r => r.json())
+      .then(entries => {
+        container.innerHTML = '';
+
+        if (!entries.length) {
+          container.innerHTML = '<div class="task-empty">No activity recorded yet.</div>';
+          return;
+        }
+
+        const feed = document.createElement('div');
+        feed.className = 'activity-feed';
+
+        const eventIcons = {
+          issue_created: '📋',
+          issue_closed: '✅',
+          issue_assigned: '👤',
+          sprint_created: '🏃',
+          sprint_closed: '🏁',
+          version_released: '🚀',
+          review_created: '📝',
+          review_completed: '☑️',
+          kr_updated: '📊',
+        };
+
+        for (const entry of entries) {
+          const item = document.createElement('div');
+          item.className = 'activity-item';
+
+          const icon = document.createElement('span');
+          icon.className = 'activity-icon';
+          icon.textContent = eventIcons[entry.event_type] || '•';
+
+          const content = document.createElement('div');
+          content.className = 'activity-content';
+
+          const headerLine = document.createElement('div');
+          headerLine.className = 'activity-header';
+          const typeLabel = document.createElement('span');
+          typeLabel.className = 'activity-type';
+          typeLabel.textContent = (entry.event_type || '').replace(/_/g, ' ');
+          const actor = document.createElement('span');
+          actor.className = 'activity-actor';
+          actor.textContent = entry.actor || '';
+          headerLine.appendChild(typeLabel);
+          headerLine.appendChild(actor);
+
+          const detail = document.createElement('div');
+          detail.className = 'activity-detail';
+          detail.textContent = entry.detail || '';
+
+          const ts = document.createElement('div');
+          ts.className = 'activity-ts';
+          if (entry.ts) {
+            const d = new Date(entry.ts);
+            ts.textContent = d.toLocaleString();
+          }
+
+          content.appendChild(headerLine);
+          content.appendChild(detail);
+          content.appendChild(ts);
+
+          item.appendChild(icon);
+          item.appendChild(content);
+          feed.appendChild(item);
+        }
+
+        container.appendChild(feed);
+      })
+      .catch(err => { container.innerHTML = `<div class="error-text">Failed to load activity: ${err.message}</div>`; });
+  }
+
   _doUpdateProjectsPanel() {
     const panel = document.getElementById('projects-panel-list');
     if (!panel) return;

package/frontend/style.css

@@ -6173,6 +6173,291 @@ body.resize-dragging {
   align-items: center;
 }
 
+/* ================================================================
+   Kanban Board
+   ================================================================ */
+
+.kanban-board {
+  display: flex;
+  gap: 8px;
+  overflow-x: auto;
+  padding: 4px 0;
+  min-height: 200px;
+}
+
+.kanban-column {
+  flex: 1;
+  min-width: 130px;
+  max-width: 200px;
+  background: rgba(255,255,255,0.02);
+  border: 1px solid var(--border);
+  border-radius: 2px;
+}
+
+.kanban-column-header {
+  padding: 6px 8px;
+  font-size: calc(6px + var(--font-boost));
+  color: var(--pixel-cyan);
+  border-bottom: 1px solid var(--border);
+  text-align: center;
+  font-weight: bold;
+}
+
+.kanban-card-list {
+  padding: 4px;
+  min-height: 40px;
+}
+
+.kanban-card-list.kanban-drop-target {
+  background: rgba(0,255,255,0.05);
+  outline: 1px dashed var(--pixel-cyan);
+}
+
+.kanban-card {
+  background: rgba(0,0,0,0.3);
+  border: 1px solid var(--border);
+  border-left: 3px solid var(--text-dim);
+  border-radius: 2px;
+  padding: 4px 6px;
+  margin-bottom: 4px;
+  cursor: grab;
+  font-size: calc(5px + var(--font-boost));
+  transition: opacity 0.15s;
+}
+
+.kanban-card.dragging {
+  opacity: 0.4;
+}
+
+.kanban-card.priority-p0 { border-left-color: #ff4444; }
+.kanban-card.priority-p1 { border-left-color: #ff8800; }
+.kanban-card.priority-p2 { border-left-color: var(--pixel-yellow); }
+.kanban-card.priority-p3 { border-left-color: var(--text-dim); }
+
+.kanban-card.kanban-blocked {
+  background: rgba(255,68,68,0.08);
+}
+
+.kanban-priority {
+  font-size: calc(4px + var(--font-boost));
+  padding: 0 3px;
+  border-radius: 1px;
+  margin-right: 4px;
+}
+
+.kanban-card-title {
+  color: var(--pixel-white);
+  word-break: break-word;
+}
+
+.kanban-card-meta {
+  color: var(--text-dim);
+  font-size: calc(4px + var(--font-boost));
+  margin-top: 3px;
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
+
+.kanban-sp {
+  background: rgba(255,255,255,0.08);
+  padding: 0 3px;
+  border-radius: 1px;
+}
+
+.kanban-blocked-icon {
+  font-size: calc(5px + var(--font-boost));
+}
+
+/* ================================================================
+   Roadmap Timeline
+   ================================================================ */
+
+.roadmap-section {
+  margin-bottom: 16px;
+}
+
+.roadmap-section h3 {
+  color: var(--pixel-cyan);
+  font-size: calc(7px + var(--font-boost));
+  margin: 0 0 8px 0;
+  border-bottom: 1px solid var(--border);
+  padding-bottom: 4px;
+}
+
+.roadmap-timeline {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.roadmap-sprint-bar {
+  background: rgba(0,255,255,0.05);
+  border: 1px solid var(--border);
+  border-left: 3px solid var(--pixel-cyan);
+  border-radius: 2px;
+  padding: 6px 8px;
+}
+
+.roadmap-sprint-bar.roadmap-status-active {
+  border-left-color: var(--pixel-green);
+  background: rgba(0,255,0,0.05);
+}
+
+.roadmap-sprint-bar.roadmap-status-closed {
+  border-left-color: var(--text-dim);
+  opacity: 0.7;
+}
+
+.roadmap-bar-label {
+  color: var(--pixel-white);
+  font-size: calc(6px + var(--font-boost));
+  font-weight: bold;
+}
+
+.roadmap-bar-dates {
+  color: var(--text-dim);
+  font-size: calc(5px + var(--font-boost));
+  margin-top: 2px;
+}
+
+.roadmap-status-badge {
+  display: inline-block;
+  font-size: calc(4px + var(--font-boost));
+  padding: 0 4px;
+  border-radius: 2px;
+  margin-top: 3px;
+  color: var(--pixel-cyan);
+  border: 1px solid var(--border);
+}
+
+.roadmap-status-badge.roadmap-status-active { color: var(--pixel-green); border-color: var(--pixel-green); }
+.roadmap-status-badge.roadmap-status-closed { color: var(--text-dim); border-color: var(--text-dim); }
+
+.roadmap-goal {
+  color: var(--text-dim);
+  font-size: calc(5px + var(--font-boost));
+  font-style: italic;
+  margin-top: 2px;
+}
+
+.roadmap-version-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 4px 0;
+  border-bottom: 1px solid rgba(255,255,255,0.03);
+  font-size: calc(6px + var(--font-boost));
+}
+
+.roadmap-version-tag {
+  color: var(--pixel-green);
+  font-weight: bold;
+  min-width: 60px;
+}
+
+.roadmap-version-date {
+  color: var(--text-dim);
+  min-width: 80px;
+}
+
+.roadmap-version-count {
+  color: var(--pixel-white);
+}
+
+.roadmap-milestone-group {
+  margin-bottom: 10px;
+}
+
+.roadmap-milestone-header {
+  color: var(--pixel-yellow);
+  font-size: calc(6px + var(--font-boost));
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.roadmap-issue-row {
+  padding: 2px 8px;
+  font-size: calc(5px + var(--font-boost));
+  color: var(--pixel-white);
+  border-left: 2px solid var(--text-dim);
+  margin-left: 8px;
+}
+
+.roadmap-issue-row.priority-p0 { border-left-color: #ff4444; }
+.roadmap-issue-row.priority-p1 { border-left-color: #ff8800; }
+
+.roadmap-issue-pri {
+  color: var(--text-dim);
+  margin-right: 4px;
+}
+
+.roadmap-issue-status {
+  color: var(--text-dim);
+  font-size: calc(4px + var(--font-boost));
+  margin-left: 6px;
+}
+
+/* ================================================================
+   Activity Feed
+   ================================================================ */
+
+.activity-feed {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.activity-item {
+  display: flex;
+  gap: 8px;
+  padding: 6px 8px;
+  border-bottom: 1px solid rgba(255,255,255,0.03);
+}
+
+.activity-icon {
+  font-size: calc(7px + var(--font-boost));
+  flex-shrink: 0;
+  width: 20px;
+  text-align: center;
+}
+
+.activity-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.activity-header {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.activity-type {
+  color: var(--pixel-cyan);
+  font-size: calc(5px + var(--font-boost));
+  font-weight: bold;
+  text-transform: capitalize;
+}
+
+.activity-actor {
+  color: var(--text-dim);
+  font-size: calc(4px + var(--font-boost));
+}
+
+.activity-detail {
+  color: var(--pixel-white);
+  font-size: calc(5px + var(--font-boost));
+  margin-top: 1px;
+  word-break: break-word;
+}
+
+.activity-ts {
+  color: var(--text-dim);
+  font-size: calc(4px + var(--font-boost));
+  margin-top: 1px;
+}
+
 /* Product Detail Button in panel */
 .product-detail-btn {
   margin-left: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1mancompany/onemancompany",
-  "version": "0.7.23",
+  "version": "0.7.27",
   "description": "The AI Operating System for One-Person Companies",
   "bin": {
     "onemancompany": "bin/cli.js"

package/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "onemancompany"
-version = "0.7.23"
+version = "0.7.27"
 description = "A one-man company simulation with pixel art visualization and LangChain AI agents"
 requires-python = ">=3.12"
 dependencies = [