@unson/brainbase-mcp 0.10.8 → 0.10.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unson/brainbase-mcp",
-  "version": "0.10.8",
+  "version": "0.10.9",
   "description": "Local-first Brainbase judgment OS that lets supported AI agents reuse a user's approved goals, priorities, decisions, and judgment criteria.",
   "type": "module",
   "license": "MIT",
@@ -336,5 +336,5 @@
   "engines": {
     "node": ">=20"
   },
-  "gitHead": "0c5238559b78d31ea5c3dc7f2b27361b8d8b03c4"
+  "gitHead": "56b00ab769c11319de73f799e8be90a95a81b7f0"
 }

package/ui/project-workspace.css

@@ -218,6 +218,120 @@
   flex-basis: 100%;
 }
 
+.bb-pkw-context-task-list {
+  gap: 0;
+  border-top: 1px solid var(--bb-color-border);
+}
+
+.bb-pkw-context-list .bb-pkw-context-task-row {
+  display: grid;
+  grid-template-columns: 28px minmax(0, 2.4fr) minmax(112px, .75fr) 92px minmax(100px, .9fr);
+  align-items: center;
+  gap: 0;
+  min-height: 54px;
+  border-bottom: 1px solid var(--bb-color-border);
+  padding: 0;
+  font-size: 12px;
+}
+
+.bb-pkw-context-list .bb-pkw-context-task-row:last-child {
+  border-bottom: 1px solid var(--bb-color-border);
+}
+
+.bb-pkw-context-task-row > * {
+  min-width: 0;
+  padding: 8px 10px;
+}
+
+.bb-pkw-context-task-row .bb-pkw-context-task-state {
+  width: 9px;
+  height: 9px;
+  margin: auto;
+  padding: 0;
+  border: 1.5px solid var(--bb-color-muted);
+  border-radius: 50%;
+}
+
+.bb-pkw-context-task-row .bb-pkw-context-task-state.bb-pkw-context-task-wait {
+  border-color: var(--bb-color-warning);
+  background: var(--bb-color-warning);
+}
+
+.bb-pkw-context-task-row .bb-pkw-context-task-state.bb-pkw-context-task-fail {
+  border-color: var(--bb-color-danger);
+  background: var(--bb-color-danger);
+}
+
+.bb-pkw-context-task-row .bb-pkw-context-task-state.bb-pkw-context-task-ok {
+  border-color: var(--bb-color-accent);
+  background: var(--bb-color-accent);
+}
+
+.bb-pkw-context-task-row .bb-pkw-context-task-title {
+  width: 100%;
+  overflow: hidden;
+  border: 0;
+  background: transparent;
+  color: var(--bb-color-ink);
+  font: inherit;
+  font-size: 14px;
+  font-weight: 690;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+button.bb-pkw-context-task-title { cursor: pointer; }
+button.bb-pkw-context-task-title:hover { color: var(--bb-color-accent-strong); text-decoration: underline; }
+button.bb-pkw-context-task-title:focus-visible { outline: 3px solid var(--bb-color-focus); outline-offset: -2px; }
+
+.bb-pkw-context-task-owner {
+  color: var(--bb-color-muted);
+  overflow-wrap: anywhere;
+}
+
+.bb-pkw-context-task-due {
+  white-space: nowrap;
+}
+
+.bb-pkw-context-task-due.bb-pkw-context-task-overdue {
+  color: var(--bb-color-danger);
+  font-weight: 740;
+}
+
+.bb-pkw-context-task-stage {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  color: var(--bb-color-muted);
+}
+
+.bb-pkw-context-task-stage::before {
+  width: 6px;
+  height: 6px;
+  flex: 0 0 auto;
+  border-radius: 50%;
+  background: var(--bb-color-muted);
+  content: '';
+}
+
+.bb-pkw-context-task-stage.bb-pkw-context-task-wait::before { background: var(--bb-color-warning); }
+.bb-pkw-context-task-stage.bb-pkw-context-task-fail::before { background: var(--bb-color-danger); }
+.bb-pkw-context-task-stage.bb-pkw-context-task-ok::before { background: var(--bb-color-accent); }
+
+@media (max-width: 760px) {
+  .bb-pkw-context-list .bb-pkw-context-task-row {
+    grid-template-columns: 28px minmax(0, 1fr) auto;
+    grid-template-areas: 'state title stage' '. owner due';
+  }
+
+  .bb-pkw-context-task-state { grid-area: state; }
+  .bb-pkw-context-task-title { grid-area: title; }
+  .bb-pkw-context-task-owner { grid-area: owner; }
+  .bb-pkw-context-task-due { grid-area: due; }
+  .bb-pkw-context-task-stage { grid-area: stage; }
+}
+
 .bb-pkw-info-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));

package/ui/project-workspace.js

@@ -62,7 +62,7 @@ function normalizeContextItem(item) {
   const title = cleanName(item.title, item.name);
   if (!id || !title) return null;
   const normalized = { id, title };
-  for (const key of ['kind', 'status', 'priority', 'summary', 'owner', 'assignee', 'dueAt', 'updatedAt', 'eventAt', 'body', 'description', 'sourceRecordId', 'relatedRecordId', 'relatedTaskId', 'sourcePath', 'provenance']) {
+  for (const key of ['kind', 'status', 'statusKind', 'priority', 'summary', 'owner', 'assignee', 'dueAt', 'updatedAt', 'eventAt', 'body', 'description', 'sourceRecordId', 'relatedRecordId', 'relatedTaskId', 'sourcePath', 'provenance']) {
     const value = textOrNull(item[key]);
     if (value) normalized[key] = value;
   }
@@ -338,7 +338,46 @@ function contextSectionSkeleton(doc, { title = null, message = null } = {}) {
   return group;
 }
 
-function renderProjectContextGroup(doc, item) {
+function contextTaskDue(value) {
+  if (!value) return '未確認';
+  const date = new Date(value);
+  return Number.isNaN(date.getTime())
+    ? value
+    : new Intl.DateTimeFormat('ja-JP', { month: 'numeric', day: 'numeric' }).format(date);
+}
+
+function contextTaskOverdue(value, statusKind) {
+  if (!value || ['ok', 'fail'].includes(statusKind)) return false;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return false;
+  const today = new Date();
+  date.setHours(0, 0, 0, 0);
+  today.setHours(0, 0, 0, 0);
+  return date < today;
+}
+
+function renderProjectContextTaskRow(doc, entry, onTaskOpen) {
+  const status = entry.status ?? '未確認';
+  const kind = ['ok', 'wait', 'fail'].includes(entry.statusKind) ? entry.statusKind : '';
+  const row = makeElement(doc, 'li', { className: 'bb-pkw-context-task-row' });
+  row.append(makeElement(doc, 'span', {
+    className: `bb-pkw-context-task-state${kind ? ` bb-pkw-context-task-${kind}` : ''}`,
+    attrs: { 'aria-hidden': 'true' },
+  }));
+  row.append(typeof onTaskOpen === 'function'
+    ? denseButton(doc, entry.title, 'bb-pkw-context-task-title', () => onTaskOpen(entry.id), { title: entry.title, 'data-item-id': entry.id })
+    : makeElement(doc, 'strong', { className: 'bb-pkw-context-task-title', text: entry.title, attrs: { title: entry.title } }));
+  row.append(makeElement(doc, 'span', { className: 'bb-pkw-context-task-owner', text: entry.owner ?? entry.assignee ?? '担当者を確認できていない' }));
+  row.append(makeElement(doc, 'time', {
+    className: `bb-pkw-context-task-due${contextTaskOverdue(entry.dueAt, kind) ? ' bb-pkw-context-task-overdue' : ''}`,
+    text: contextTaskDue(entry.dueAt),
+    attrs: entry.dueAt ? { datetime: entry.dueAt } : {},
+  }));
+  row.append(makeElement(doc, 'span', { className: `bb-pkw-context-task-stage${kind ? ` bb-pkw-context-task-${kind}` : ''}`, text: status }));
+  return row;
+}
+
+function renderProjectContextGroup(doc, item, onTaskOpen) {
   const group = makeElement(doc, 'section', {
     className: `bb-pkw-context-group${item.state === 'loading' ? ' bb-pkw-context-group-loading' : ''}`,
     attrs: { 'aria-label': item.title, ...(item.state === 'loading' ? { 'aria-busy': 'true' } : {}) },
@@ -357,8 +396,13 @@ function renderProjectContextGroup(doc, item) {
   } else if (item.state === 'unknown') {
     group.append(workspaceNotice(doc, { label: '未確認', text: item.message ?? 'このセクションの取得状態は確認できません。', tone: 'warning' }));
   } else if (item.items.length > 0) {
-    const list = makeElement(doc, 'ul', { className: 'bb-pkw-context-list' });
+    const taskList = item.items.every((entry) => entry.kind === 'task');
+    const list = makeElement(doc, 'ul', { className: `bb-pkw-context-list${taskList ? ' bb-pkw-context-task-list' : ''}` });
     for (const entry of item.items) {
+      if (entry.kind === 'task') {
+        list.append(renderProjectContextTaskRow(doc, entry, onTaskOpen));
+        continue;
+      }
       const row = makeElement(doc, 'li');
       row.append(makeElement(doc, 'strong', { text: entry.title }));
       if (entry.status) row.append(badge(doc, entry.status, 'muted'));
@@ -385,6 +429,7 @@ export function renderProjectContext(doc, context, {
   sections: selectedSections = null,
   includeStatus = true,
   includeHeading = true,
+  onTaskOpen = null,
 } = {}) {
   if (!context) return null;
   const sections = Array.isArray(selectedSections)
@@ -407,7 +452,7 @@ export function renderProjectContext(doc, context, {
     section.append(makeElement(doc, 'p', { className: 'bb-pkw-muted', text: '補足情報のセクションはありません。' }));
     return section;
   }
-  for (const item of sections) section.append(renderProjectContextGroup(doc, item));
+  for (const item of sections) section.append(renderProjectContextGroup(doc, item, onTaskOpen));
   return section;
 }
 
@@ -850,7 +895,7 @@ function renderOverview(doc, detail, context, edges, entities, onSelect, onConte
   columns.append(people);
   panel.append(columns);
 
-  const contextBlock = renderProjectContext(doc, context);
+  const contextBlock = renderProjectContext(doc, context, { onTaskOpen: actions.openWorkDetail });
   if (contextBlock) {
     panel.append(contextBlock);
     if (typeof onContext === 'function') onContext(contextBlock, null);
@@ -1250,7 +1295,7 @@ export function createProjectKnowledgeWorkspace({
       render();
       return;
     }
-    const nextBlock = renderProjectContext(doc, currentContext);
+    const nextBlock = renderProjectContext(doc, currentContext, { onTaskOpen: openWorkDetail });
     if (!nextBlock) {
       if (contextBlock?.parentNode && typeof contextBlock.parentNode.replaceChild === 'function') {
         const nextAnchor = projectContextInsertionAnchor(doc);