@unson/brainbase-mcp 0.41.13 → 0.42.0

package/ui/local-web-shell.js

@@ -26,6 +26,8 @@ import { createMeetingMinutesUI } from './meeting-minutes.js';
 import { createMeetingMinutesStorageExtension } from './meeting-minutes-storage.js';
 import { createMeetingMinutesLineageExtension } from './meeting-minutes-lineage-http.js';
 import { createWorldModelView } from './world-model-view.js';
+import { createPersonalMemoryUI, parsePersonalMemoryRoute, personalMemoryRouteTarget } from './personal-memory.js';
+import { createPersonalMemoryHttpPort } from './personal-memory-http-port.js';
 import { createGraphClient } from './graph-view-shared.js';
 import { installNativeScrollbars } from './native-scrollbars.js';
 import { browserAreaStorage, createAreaMemory, createAreaNav } from './area-nav.js';
@@ -53,6 +55,8 @@ const NAV_ICON_PATHS = Object.freeze({
   minutes: ['M6 3.5h9l3 3V20.5H6z', 'M15 3.5v4h3', 'M9 12h6m-6 3h6'],
   // Two people (the organization edition's 人と会社 uses the same shape).
   people: ['M9 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z', 'M2.5 20a6.5 6.5 0 0 1 13 0', 'M16 4.5a3.5 3.5 0 0 1 0 6.5', 'M18 14a6.5 6.5 0 0 1 3.5 6'],
+  // あなたの記憶 (ledger D15): one person and a lock, seen only by the owner.
+  memory: ['M10 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z', 'M3.5 20a6.5 6.5 0 0 1 10-5.5', 'M15 15h6v5h-6z', 'M16.5 15v-1.5a1.5 1.5 0 0 1 3 0V15'],
   // Kinds of information and how they connect (settings, ledger D14): three linked boxes.
   ontology: ['M4 4h6v6H4z', 'M14 14h6v6h-6z', 'M14 4h6v6h-6z', 'M10 7h4', 'M17 10v4'],
   // World view (extension id `world`, ledger P17).
@@ -75,7 +79,7 @@ const NAV_AREAS = Object.freeze([
   Object.freeze({ id: 'purpose', label: null, order: ['objectives'], icon: 'objectives' }),
   Object.freeze({ id: 'work', label: '仕事', order: ['projects', 'minutes'], defaultScreen: 'projects', icon: 'area:work' }),
   Object.freeze({ id: 'outcomes', label: '成果', order: ['value-proofs'], icon: 'value-proofs' }),
-  Object.freeze({ id: 'information', label: '情報と関係', order: ['graph', 'people'], defaultScreen: 'graph', icon: 'graph' }),
+  Object.freeze({ id: 'information', label: '情報と関係', order: ['graph', 'people', 'memory'], defaultScreen: 'graph', icon: 'graph' }),
   Object.freeze({ id: 'settings', label: '設定', order: ['ontology'], defaultScreen: 'ontology', icon: 'area:settings' }),
 ]);
 
@@ -163,11 +167,14 @@ export function parseLocalWebTarget(target) {
   // プロジェクトと関係者 one project (`project` = Graph project id); other screens ignore them.
   const decisionId = screenId === 'value-proofs' ? params.get('decision')?.trim() || null : null;
   const projectId = screenId === 'projects' ? params.get('project')?.trim() || null : null;
+  // あなたの記憶 keeps its filters and the opened memory (never the search words).
+  const memoryRoute = screenId === 'memory' ? parsePersonalMemoryRoute(params) : null;
   return {
     screenId,
     entityId: screenId === 'graph' ? params.get('entity_id')?.trim() || null : null,
     ...(decisionId ? { decisionId } : {}),
     ...(projectId ? { projectId } : {}),
+    ...(memoryRoute ? { memoryRoute } : {}),
   };
 }
 
@@ -228,6 +235,26 @@ function judgmentReferenceLabelReader(context) {
   };
 }
 
+function personalMemoryPort(context) {
+  return createPersonalMemoryHttpPort({ fetcher: context.fetcher, token: context.token });
+}
+
+/** The opening of each used memory, for 判断の履歴's 本人の考え; the local host has one owner. */
+function personalMemoryResolver(context) {
+  const port = personalMemoryPort(context);
+  return async (refs) => {
+    const list = await port.listMemories({});
+    if (list.status !== 'ok') throw new Error(list.reason);
+    const wanted = new Set(refs);
+    const found = new Map();
+    for (const item of list.items) {
+      if (!wanted.has(item.id)) continue;
+      found.set(item.id, { excerpt: item.text, href: `#${personalMemoryRouteTarget({ memoryId: item.id })}` });
+    }
+    return found;
+  };
+}
+
 function mountToday(container, context) {
   return createJudgmentHistoryUI({
     root: makePage(container, context),
@@ -238,6 +265,23 @@ function mountToday(container, context) {
     token: context.token,
     basePath: '/api/judgment-history',
     resolveReferenceLabels: judgmentReferenceLabelReader(context),
+    resolvePersonalMemory: personalMemoryResolver(context),
+  });
+}
+
+function mountPersonalMemory(container, context) {
+  return createPersonalMemoryUI({
+    root: makePage(container, context),
+    rail: context.rail,
+    page: context.page,
+    document: context.document,
+    port: personalMemoryPort(context),
+    judgmentHref: (decisionId) => `#value-proofs?decision=${encodeURIComponent(decisionId)}`,
+    candidatesCommand: 'brainbase onboard:candidates',
+    route: context.initialEntityId ?? undefined,
+    onRouteChange: context.navigate
+      ? (route, options) => context.navigate(personalMemoryRouteTarget(route), options)
+      : undefined,
   });
 }
 
@@ -341,6 +385,8 @@ export const LOCAL_WEB_SCREENS = Object.freeze([
     onRouteChange: (entityId, options) => context.navigate?.(entityId ? `graph?entity_id=${encodeURIComponent(entityId)}` : 'graph', options),
   })) }),
   Object.freeze({ id: 'people', label: '人と会社', area: 'information', usesGraph: true, rail: true, source: '手元のGraph', mount: mountGraphScreen('people', createPeopleAndCompaniesView, { canCorrect: true }) }),
+  // Only the owner sees it (ledger D15); the local host has one owner, so it is always listed here.
+  Object.freeze({ id: 'memory', label: 'あなたの記憶', area: 'information', usesGraph: false, rail: true, ownerOnly: true, source: '手元の個人KG', mount: mountPersonalMemory }),
   // The definitions behind 情報と関係: infrequent management work, so under settings (ledger D14).
   Object.freeze({ id: 'ontology', label: '情報の種類とつながり方', area: 'settings', usesGraph: true, rail: false, source: '手元のGraph', mount: mountGraphScreen('ontology', createGraphOntologyView, { canCorrect: true }) }),
 ]);
@@ -428,10 +474,14 @@ export function createLocalWebShell({
   meetingMinutesLineage = null,
   areaMemory = createAreaMemory(browserAreaStorage()),
   onNavigate,
+  // A host that serves more than one person passes false for anyone but the owner:
+  // owner-only screens (あなたの記憶) are then neither listed nor mounted.
+  isOwner = true,
 } = {}) {
   if (!root) throw new TypeError('root is required');
   const doc = explicitDocument ?? (typeof document === 'undefined' ? null : document);
   if (!doc || typeof doc.createElement !== 'function') throw new Error('document_unavailable');
+  screens = screens.filter((screen) => isOwner === true || screen.ownerOnly !== true);
   const request = typeof fetcher === 'function'
     ? fetcher
     : typeof globalThis.fetch === 'function' ? (path, init) => globalThis.fetch(path, init) : null;
@@ -522,6 +572,7 @@ export function createLocalWebShell({
       if (!entityId && screen.id === 'graph' && view?.state?.detail && typeof view.closeEntity === 'function') view.closeEntity();
       if (entityId && screen.id === 'value-proofs' && typeof view?.openDecision === 'function') view.openDecision(entityId);
       if (entityId && screen.id === 'projects' && typeof view?.openProject === 'function') void view.openProject(entityId);
+      if (entityId && screen.id === 'memory' && typeof view?.applyRoute === 'function') view.applyRoute(entityId);
       return;
     }
     const slot = slots.get(screen.id);
@@ -535,6 +586,7 @@ export function createLocalWebShell({
     const page = Object.freeze({ crumbs: Object.freeze(['あなたのBrainbase', screen.label]), source: screen.source ?? null });
     const view = screen.mount(slot, Object.freeze({ ...context, rail, page, initialEntityId: entityId })) ?? true;
     mounted.set(screen.id, view);
+    if (screen.id === 'memory' && typeof view?.load === 'function') void view.load();
     if (entityId && screen.id === 'value-proofs' && typeof view?.openDecision === 'function') view.openDecision(entityId);
     if (entityId && screen.id === 'projects' && typeof view?.openProject === 'function') void view.openProject(entityId);
     updateRail();
@@ -550,7 +602,9 @@ export function createLocalWebShell({
       const screen = screens.find((candidate) => candidate.id === parsed.screenId) ?? screens[0];
       pendingEntityIds.set(screen.id, screen.id === 'graph' ? parsed.entityId
         : screen.id === 'value-proofs' ? parsed.decisionId ?? null
-          : screen.id === 'projects' ? parsed.projectId ?? null : null);
+          : screen.id === 'projects' ? parsed.projectId ?? null
+            // あなたの記憶 receives its whole route (filters and the opened memory).
+            : screen.id === 'memory' ? parsed.memoryRoute ?? null : null);
       active = screen.id;
       for (const [screenId, slot] of slots) slot.hidden = screenId !== screen.id;
       areaNav.show(screen.id);

package/ui/personal-memory-http-port.js

@@ -0,0 +1,72 @@
+/*
+ * The local Web host's port for 「あなたの記憶」 (ui/personal-memory.js).
+ *
+ * Every read carries the launch token: the memory bodies are private, so the
+ * host guards these reads as it guards writes.  The list is read whole and
+ * filtered here, so the words being searched for never go into a request URL.
+ * The local host has a single owner, so `isOwner` is always true.
+ */
+
+import { filterPersonalMemories } from './personal-memory.js';
+
+export function createPersonalMemoryHttpPort({
+  fetcher,
+  token,
+  basePath = '/api/personal-memory',
+  tokenHeader = 'x-brainbase-review-token',
+} = {}) {
+  const request = typeof fetcher === 'function'
+    ? fetcher
+    : typeof globalThis.fetch === 'function' ? (path, init) => globalThis.fetch(path, init) : null;
+  const base = String(basePath).replace(/\/+$/u, '');
+
+  async function read(path) {
+    if (!request) return { status: 0, body: null, failure: 'fetch_unavailable' };
+    try {
+      const response = await request(path, { method: 'GET', headers: token ? { [tokenHeader]: token } : {} });
+      let body = null;
+      try {
+        body = await response.json();
+      } catch {
+        body = null;
+      }
+      return { status: response.status, ok: response.ok === true, body };
+    } catch (error) {
+      return { status: 0, body: null, failure: error instanceof Error ? error.message : 'request_failed' };
+    }
+  }
+
+  function unavailable(result) {
+    return {
+      status: 'unavailable',
+      reason: result.failure ?? result.body?.reason ?? result.body?.error?.code ?? `http_${result.status}`,
+    };
+  }
+
+  return {
+    isOwner: () => true,
+    async listMemories(filter = {}) {
+      const result = await read(base);
+      if (!result.ok || result.body?.status !== 'ok' || !Array.isArray(result.body.items)) return unavailable(result);
+      return { status: 'ok', items: filterPersonalMemories(result.body.items, filter), nextCursor: null };
+    },
+    async readMemory(id) {
+      const result = await read(`${base}/${encodeURIComponent(id)}`);
+      if (result.status === 404 && result.body?.status === 'not_found') return { status: 'not_found' };
+      if (!result.ok || result.body?.status !== 'ok' || !result.body.item) return unavailable(result);
+      return { status: 'ok', item: result.body.item };
+    },
+    async listJudgmentsUsing(id, limit) {
+      const result = await read(`${base}/${encodeURIComponent(id)}/judgments?limit=${encodeURIComponent(String(limit))}`);
+      if (!result.ok || result.body?.status !== 'ok' || !Array.isArray(result.body.items)) return unavailable(result);
+      return { status: 'ok', items: result.body.items, total: result.body.total };
+    },
+    async countJudgmentsUsing() {
+      const result = await read(`${base}?view=judgment-counts`);
+      if (!result.ok || result.body?.status !== 'ok' || !result.body.counts) return unavailable(result);
+      return { status: 'ok', counts: result.body.counts };
+    },
+  };
+}
+
+export default createPersonalMemoryHttpPort;

package/ui/personal-memory.css

@@ -0,0 +1,254 @@
+/*
+ * 「あなたの記憶」. Load after workspace-kit.css.
+ * The privacy line, the one-line summary, the filter chips, the ledger's
+ * columns (the memory opening wraps to two lines) and the detail's parts.
+ * States are told apart by words and a quiet tone, never by red: a superseded
+ * or retracted memory is not an error.
+ * Uses only the shared tokens in brainbase-tokens.css.
+ */
+.bb-pm-privacy {
+  margin: -4px 0 12px;
+  color: var(--bb-color-muted);
+  font-size: 12px;
+}
+
+.bb-pm-summary {
+  margin: 0 0 12px;
+  color: var(--bb-color-ink);
+  font-size: 13px;
+}
+
+.bb-pm-loading {
+  height: 2px;
+  margin: 0 0 10px;
+  overflow: hidden;
+  background: var(--bb-color-accent-soft);
+  color: transparent;
+  font-size: 0;
+}
+
+.bb-pm-filter-bar {
+  margin: 0 0 14px;
+}
+
+.bb-pm-filters {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+
+.bb-pm-chip {
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid var(--bb-color-control-border);
+  border-radius: 999px;
+  background: var(--bb-color-paper);
+}
+
+.bb-pm-chip.is-active {
+  border-color: var(--bb-color-accent);
+  background: var(--bb-color-accent-soft);
+}
+
+.bb-pm-chip-button,
+.bb-pm-chip-clear,
+.bb-pm-option,
+.bb-pm-clear-all {
+  border: 0;
+  background: transparent;
+  color: var(--bb-color-ink);
+  font: inherit;
+  font-size: 13px;
+  cursor: pointer;
+}
+
+.bb-pm-chip-button {
+  padding: 5px 12px;
+}
+
+.bb-pm-chip-clear {
+  padding: 5px 10px 5px 0;
+  color: var(--bb-color-muted);
+}
+
+.bb-pm-clear-all {
+  padding: 5px 4px;
+  color: var(--bb-color-accent-strong);
+}
+
+.bb-pm-clear-all:disabled {
+  color: var(--bb-color-quiet);
+  cursor: default;
+}
+
+.bb-pm-search {
+  min-width: 200px;
+  flex: 1 1 200px;
+  max-width: 320px;
+  padding: 6px 10px;
+  border: 1px solid var(--bb-color-control-border);
+  border-radius: 6px;
+  background: var(--bb-color-paper);
+  color: var(--bb-color-ink);
+  font: inherit;
+  font-size: 13px;
+}
+
+.bb-pm-filter-options {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 8px;
+  padding: 8px;
+  border: 1px solid var(--bb-color-border);
+  border-radius: 8px;
+  background: var(--bb-color-surface);
+}
+
+.bb-pm-option {
+  padding: 4px 10px;
+  border: 1px solid var(--bb-color-border);
+  border-radius: 999px;
+}
+
+.bb-pm-option.is-selected {
+  border-color: var(--bb-color-accent);
+  background: var(--bb-color-accent-soft);
+}
+
+.bb-pm-ledger .bb-ws-ledger-row {
+  grid-template-columns: 112px minmax(0, 1fr) minmax(0, 168px) 132px 72px;
+}
+
+.bb-pm-ledger .bb-ws-ledger-row > span.bb-pm-kind,
+.bb-pm-ledger .bb-ws-ledger-row > span:first-child {
+  color: var(--bb-color-muted);
+  font-size: 12px;
+}
+
+.bb-pm-ledger .bb-ws-ledger-row > span:nth-child(2) {
+  white-space: normal;
+}
+
+.bb-pm-excerpt {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-height: 1.5;
+}
+
+.bb-pm-ledger .bb-ws-ledger-row.is-past .bb-pm-excerpt > span:last-child {
+  color: var(--bb-color-muted);
+}
+
+.bb-pm-ledger .bb-ws-ledger-row > span.is-none,
+.bb-pm-ledger .bb-ws-ledger-row > span.is-unknown,
+.bb-pm-ledger .bb-ws-ledger-row > span.is-loading,
+.bb-pm-updated {
+  color: var(--bb-color-muted);
+  font-size: 12px;
+}
+
+.bb-pm-state,
+.bb-pm-inferred {
+  display: inline-block;
+  margin-right: 6px;
+  padding: 0 6px;
+  border: 1px solid var(--bb-color-border-strong);
+  border-radius: 4px;
+  color: var(--bb-color-muted);
+  font-size: 11px;
+  line-height: 18px;
+  vertical-align: 1px;
+}
+
+.bb-pm-state.is-active {
+  border-color: var(--bb-color-success);
+  color: var(--bb-color-success);
+}
+
+.bb-pm-inferred {
+  margin: 0 0 0 6px;
+}
+
+.bb-pm-origin {
+  font-size: 12px;
+}
+
+.bb-pm-empty {
+  padding: 28px 16px;
+  border: 1px dashed var(--bb-color-border-strong);
+  border-radius: 8px;
+  color: var(--bb-color-ink);
+}
+
+.bb-pm-empty p {
+  margin: 6px 0 0;
+  color: var(--bb-color-muted);
+  font-size: 13px;
+}
+
+.bb-pm-muted {
+  margin: 0;
+  color: var(--bb-color-muted);
+  font-size: 12px;
+}
+
+.bb-pm-status > .bb-pm-state {
+  margin-bottom: 6px;
+}
+
+.bb-pm-history,
+.bb-pm-judgment-list {
+  margin: 6px 0 0;
+  padding-left: 18px;
+  font-size: 13px;
+}
+
+.bb-pm-judgment-list li {
+  margin: 0 0 6px;
+}
+
+.bb-pm-judgment-list li > .bb-pm-muted {
+  margin-left: 8px;
+}
+
+.bb-pm-record {
+  margin-top: 16px;
+  font-size: 12px;
+}
+
+.bb-pm-record summary {
+  cursor: pointer;
+  color: var(--bb-color-muted);
+}
+
+.bb-pm-detail-inline {
+  margin-top: 20px;
+}
+
+@media (max-width: 760px) {
+  .bb-pm-ledger .bb-ws-ledger-row {
+    grid-template-columns: minmax(0, 1fr) 124px;
+  }
+
+  .bb-pm-ledger .bb-ws-ledger-row > span:nth-child(4) {
+    white-space: normal;
+  }
+
+  .bb-pm-ledger .bb-ws-ledger-row > span:nth-child(1),
+  .bb-pm-ledger .bb-ws-ledger-row > span:nth-child(3),
+  .bb-pm-ledger .bb-ws-ledger-row > span:nth-child(5) {
+    display: none;
+  }
+}
+
+/* The detail's head is the memory itself: body-sized, not a page title. */
+.bb-pm-detail .bb-ws-rail-head h2 {
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.6;
+  white-space: pre-wrap;
+}