@unson/brainbase-mcp 0.10.7 → 0.10.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unson/brainbase-mcp",
-  "version": "0.10.7",
+  "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": "9b53aa137dac5126a8bd43b7a58b21b135244c88"
+  "gitHead": "56b00ab769c11319de73f799e8be90a95a81b7f0"
 }

package/ui/project-workspace.css

@@ -1,22 +1,13 @@
 /* Shared project knowledge workspace. Load after graph-view-shared.css. */
 
 .bb-pkw {
-  --bb-color-ink: var(--bb-color-project-ink);
-  --bb-color-muted: var(--bb-color-project-muted);
-  --bb-color-border: var(--bb-color-project-border);
-  --bb-color-border-strong: var(--bb-color-project-border-strong);
-  --bb-color-surface: var(--bb-color-panel);
-  --bb-color-accent: var(--bb-color-project-accent);
-  --bb-color-accent-strong: var(--bb-color-project-accent-strong);
   display: grid;
   gap: var(--bb-space-4);
   min-width: 0;
   margin-top: var(--bb-space-6);
-  border: 1px solid var(--bb-color-border);
-  border-radius: var(--bb-radius-md);
-  padding: var(--bb-space-5);
+  padding: 0;
   color: var(--bb-color-ink);
-  background: var(--bb-color-panel);
+  background: transparent;
   font-family: var(--bb-font-sans);
 }
 
@@ -36,7 +27,7 @@
 
 .bb-pkw-header {
   display: grid;
-  gap: var(--bb-space-2);
+  gap: 12px;
   min-width: 0;
 }
 
@@ -50,9 +41,12 @@
 }
 
 .bb-pkw-header h2 {
-  font-size: clamp(22px, 2.6vw, 32px);
-  letter-spacing: -.04em;
-  overflow-wrap: anywhere;
+  font-size: clamp(32px, 3.5vw, 44px);
+  font-weight: 760;
+  line-height: 1.1;
+  letter-spacing: -.055em;
+  word-break: keep-all;
+  overflow-wrap: break-word;
 }
 
 .bb-pkw-lead,
@@ -63,6 +57,10 @@
   line-height: 1.65;
 }
 
+.bb-pkw-lead {
+  max-width: 720px;
+}
+
 .bb-pkw-meta {
   display: flex;
   flex-wrap: wrap;
@@ -203,15 +201,15 @@
   font: inherit;
   font-weight: 720;
   text-align: left;
-  text-decoration: underline;
-  text-decoration-color: color-mix(in srgb, var(--bb-color-accent) 35%, transparent);
-  text-underline-offset: 3px;
+  text-decoration: none;
   cursor: pointer;
 }
 
 .bb-pkw-record-link:hover {
   color: var(--bb-color-accent);
+  text-decoration: underline;
   text-decoration-color: currentColor;
+  text-underline-offset: 3px;
 }
 
 .bb-pkw-people-list p,
@@ -220,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));
@@ -228,10 +340,9 @@
 
 .bb-pkw-object {
   min-width: 0;
-  border: 1px solid var(--bb-color-border);
-  border-radius: var(--bb-radius-sm);
-  padding: var(--bb-space-3);
-  background: var(--bb-color-surface);
+  border-top: 1px solid var(--bb-color-border);
+  padding: var(--bb-space-3) 0 0;
+  background: transparent;
 }
 
 .bb-pkw-object h4 {
@@ -474,7 +585,7 @@
 
 @media (max-width: 760px) {
   .bb-pkw {
-    padding: var(--bb-space-4);
+    padding: 0;
   }
 
   .bb-pkw-columns {
@@ -540,7 +651,7 @@
    entry point; rows and details carry the long form. */
 .bb-pkw-dense-overview {
   display: grid;
-  gap: var(--bb-space-4);
+  gap: 0;
 }
 
 .bb-pkw-dense-intro {
@@ -569,17 +680,25 @@
 .bb-pkw-dense-metrics {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: var(--bb-space-2);
+  gap: 0;
+  margin: 0 0 var(--bb-space-5);
+  border-block: 1px solid var(--bb-color-border);
 }
 
 .bb-pkw-dense-metric {
   display: grid;
   gap: 3px;
   min-width: 0;
-  border: 1px solid var(--bb-color-border);
-  border-radius: var(--bb-radius-sm);
-  padding: 8px 12px;
-  background: var(--bb-color-panel);
+  border-right: 1px solid var(--bb-color-border);
+  padding: 20px 24px;
+}
+
+.bb-pkw-dense-metric:first-child {
+  padding-left: 0;
+}
+
+.bb-pkw-dense-metric:last-child {
+  border-right: 0;
 }
 
 .bb-pkw-dense-metric-label {
@@ -589,31 +708,34 @@
 }
 
 .bb-pkw-dense-metric-value {
+  display: block;
   min-width: 0;
   overflow-wrap: anywhere;
   color: var(--bb-color-ink);
-  font-size: 20px;
+  font-size: 30px;
+  font-weight: 760;
+  line-height: 1.1;
   letter-spacing: -.03em;
 }
 
 .bb-pkw-dense-grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
-  gap: var(--bb-space-3);
+  gap: 0;
 }
 
 .bb-pkw-dense-supporting-grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: var(--bb-space-5);
 }
 
 .bb-pkw-dense-card {
   display: grid;
-  gap: 6px;
+  gap: var(--bb-space-3);
   min-width: 0;
-  border: 1px solid var(--bb-color-border);
-  border-radius: var(--bb-radius-sm);
-  padding: 10px 14px;
-  background: var(--bb-color-panel);
+  border-top: 1px solid var(--bb-color-border-strong);
+  padding: var(--bb-space-4) 0 0;
+  background: transparent;
 }
 
 .bb-pkw-dense-card-wide {
@@ -660,7 +782,7 @@
 .bb-pkw-dense-list,
 .bb-pkw-dense-record-list {
   display: grid;
-  gap: var(--bb-space-2);
+  gap: 0;
   margin: 0;
   padding: 0;
   list-style: none;
@@ -671,7 +793,11 @@
   gap: 4px;
   min-width: 0;
   border-bottom: 1px solid var(--bb-color-border);
-  padding-bottom: var(--bb-space-2);
+  padding: var(--bb-space-2) 0;
+}
+
+.bb-pkw-dense-item:first-child {
+  padding-top: 0;
 }
 
 .bb-pkw-dense-item:last-child {
@@ -693,15 +819,15 @@
   font: inherit;
   font-weight: 720;
   text-align: left;
-  text-decoration: underline;
-  text-decoration-color: color-mix(in srgb, var(--bb-color-accent) 35%, transparent);
-  text-underline-offset: 3px;
+  text-decoration: none;
   cursor: pointer;
 }
 
 .bb-pkw-dense-link:hover {
   color: var(--bb-color-accent);
+  text-decoration: underline;
   text-decoration-color: currentColor;
+  text-underline-offset: 3px;
 }
 
 .bb-pkw-dense-item-facts {
@@ -793,8 +919,12 @@
   margin: 0;
   overflow-wrap: anywhere;
   color: var(--bb-color-ink);
-  font-size: clamp(18px, 2vw, 26px);
-  letter-spacing: -.03em;
+  font-size: clamp(28px, 3vw, 36px);
+  font-weight: 760;
+  line-height: 1.1;
+  letter-spacing: -.05em;
+  word-break: keep-all;
+  overflow-wrap: break-word;
 }
 
 .bb-pkw-work-controls {
@@ -902,10 +1032,40 @@
 }
 
 @media (max-width: 760px) {
+  .bb-pkw {
+    margin-top: var(--bb-space-5);
+  }
+
+  .bb-pkw-header h2 {
+    font-size: 34px;
+  }
+
   .bb-pkw-dense-metrics {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .bb-pkw-dense-metric,
+  .bb-pkw-dense-metric:first-child {
+    padding: 14px 12px;
+  }
+
+  .bb-pkw-dense-metric:nth-child(odd) {
+    padding-left: 0;
+  }
+
+  .bb-pkw-dense-metric:nth-child(even) {
+    border-right: 0;
+    padding-right: 0;
+  }
+
+  .bb-pkw-dense-metric:nth-child(-n + 2) {
+    border-bottom: 1px solid var(--bb-color-border);
+  }
+
+  .bb-pkw-dense-metric:last-child {
+    border-bottom: 0;
+  }
+
   .bb-pkw-dense-grid,
   .bb-pkw-detail-columns {
     grid-template-columns: minmax(0, 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);