@unson/brainbase-mcp 0.42.0 → 0.44.0

package/ui/local-web-shell.js

@@ -61,62 +61,63 @@ const NAV_ICON_PATHS = Object.freeze({
   ontology: ['M4 4h6v6H4z', 'M14 14h6v6h-6z', 'M14 4h6v6h-6z', 'M10 7h4', 'M17 10v4'],
   // World view (extension id `world`, ledger P17).
   world: ['M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z', 'M3 12h18', 'M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'],
-  // Areas whose screens have their own icons (ledger D10, stage 2): a briefcase, and
-  // the organization edition's gear.
-  'area:work': ['M4 8h16v11H4z', 'M9 8V5h6v3', 'M4 13h16'],
+  // 設定 (ledger D10): the organization edition's gear.
   'area:settings': ['M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915', 'M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'],
 });
 // Screens without their own icon (for example a private product's extension).
 const DEFAULT_NAV_ICON_PATHS = Object.freeze(['M5 20V10m7 10V4m7 16v-7']);
 const SVG_NS = 'http://www.w3.org/2000/svg';
 
-// The menu's areas (brainbase-project ledger D10): the same order and names as
-// the organization edition. The left side lists only the areas; the screens of
-// the current area are tabs above the page (stage 2). 目的と現状 is the only
-// screen of its area and keeps its own name. Inside an area, `order` lists the
-// screens first in that order; `defaultScreen` opens when nothing is remembered.
-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', 'memory'], defaultScreen: 'graph', icon: 'graph' }),
-  Object.freeze({ id: 'settings', label: '設定', order: ['ontology'], defaultScreen: 'ontology', icon: 'area:settings' }),
+// The menu's sections (brainbase-project ledger D10, 2026-10-17 revision): the
+// destinations themselves under small headings, in the organization edition's
+// order, with 設定 at the bottom. Screens OSS Personal does not have are not
+// listed. `screenId` makes the heading open that screen (プロジェクトと関係者);
+// `area` turns the section's screens into one line with tabs (設定). Inside a
+// section, `order` lists the screens first in that order.
+const NAV_SECTIONS = Object.freeze([
+  Object.freeze({ id: 'meetings', label: '会議', order: ['minutes'] }),
+  Object.freeze({ id: 'project', label: 'プロジェクト', screenId: 'projects', order: ['objectives'] }),
+  Object.freeze({ id: 'explore', label: '調べる', order: ['value-proofs', 'graph', 'people', 'memory'] }),
+  Object.freeze({ id: 'settings', label: null, placement: 'footer', order: ['ontology'], area: Object.freeze({ label: '設定', defaultScreen: 'ontology', icon: 'area:settings' }) }),
 ]);
 
+const sectionOf = (screen) => NAV_SECTIONS.find((section) => section.id === screen.section) ?? null;
+
 // Menu order only: the screens' own order (and so the first screen) stays as given.
-// Screens without an area keep their place — those before the first area-bound
-// screen come first (a leading extension such as the world), the rest come last.
-function navLayout(screens) {
-  const firstInArea = screens.findIndex((screen) => NAV_AREAS.some((area) => area.id === screen.area));
-  if (firstInArea === -1) return { leading: [...screens], areas: [], trailing: [] };
-  const leading = screens.slice(0, firstInArea);
-  const trailing = screens.slice(firstInArea).filter((screen) => !NAV_AREAS.some((area) => area.id === screen.area));
-  const areas = NAV_AREAS.map((area) => {
-    const members = screens.filter((screen) => screen.area === area.id);
+// Screens without a section keep their place — those before the first sectioned
+// screen come first (a leading extension such as the world), the rest come after
+// the sections and before 設定.
+function navAreas(screens) {
+  const own = (screen, section = null) => ({ id: screen.id, label: null, screenIds: [screen.id], icon: screen.id, ...(section ? { section } : {}) });
+  const firstSectioned = screens.findIndex((screen) => sectionOf(screen));
+  const leading = firstSectioned === -1 ? [...screens] : screens.slice(0, firstSectioned);
+  const trailing = firstSectioned === -1 ? [] : screens.slice(firstSectioned).filter((screen) => !sectionOf(screen));
+  const sectioned = NAV_SECTIONS.map((section) => {
+    const members = screens.filter((screen) => screen.section === section.id && screen.id !== section.screenId);
     const rank = (screen) => {
-      const index = area.order.indexOf(screen.id);
-      return index === -1 ? area.order.length + members.indexOf(screen) : index;
+      const index = section.order.indexOf(screen.id);
+      return index === -1 ? section.order.length + members.indexOf(screen) : index;
     };
-    return { area, screens: [...members].sort((a, b) => rank(a) - rank(b)) };
-  }).filter((entry) => entry.screens.length > 0);
-  return { leading, areas, trailing };
+    const ordered = [...members].sort((a, b) => rank(a) - rank(b));
+    if (ordered.length === 0) return { section, areas: [] };
+    if (section.area) {
+      return { section, areas: [{ id: section.id, label: section.area.label, defaultScreen: section.area.defaultScreen, screenIds: ordered.map((screen) => screen.id), icon: section.area.icon, section: section.id }] };
+    }
+    return { section, areas: ordered.map((screen) => own(screen, section.id)) };
+  });
+  const main = sectioned.filter(({ section }) => section.placement !== 'footer').flatMap(({ areas }) => areas);
+  const footer = sectioned.filter(({ section }) => section.placement === 'footer').flatMap(({ areas }) => areas);
+  return [...leading.map((screen) => own(screen)), ...main, ...trailing.map((screen) => own(screen)), ...footer];
 }
 
-// Every menu line is an area: a screen without an area is an area of its own.
-function navAreas(screens) {
-  const layout = navLayout(screens);
-  const own = (screen) => ({ id: screen.id, label: null, screenIds: [screen.id], icon: screen.id });
-  return [
-    ...layout.leading.map(own),
-    ...layout.areas.map(({ area, screens: members }) => ({
-      id: area.id,
-      label: area.label,
-      defaultScreen: area.defaultScreen,
-      screenIds: members.map((screen) => screen.id),
-      icon: area.icon,
-    })),
-    ...layout.trailing.map(own),
-  ];
+// The sections handed to the menu part; a heading opens its screen only when that screen exists.
+function navSections(screens) {
+  return NAV_SECTIONS.map((section) => ({
+    id: section.id,
+    label: section.label,
+    placement: section.placement ?? 'main',
+    ...(section.screenId && screens.some((screen) => screen.id === section.screenId) ? { screenId: section.screenId } : {}),
+  }));
 }
 
 function makeIcon(doc, id) {
@@ -376,19 +377,19 @@ function mountGraphScreen(screenId, createView, extra = {}) {
 }
 
 export const LOCAL_WEB_SCREENS = Object.freeze([
-  Object.freeze({ id: 'value-proofs', label: '判断の履歴', area: 'outcomes', usesGraph: false, rail: true, source: '判断の記録', mount: mountToday }),
-  Object.freeze({ id: 'minutes', label: '議事録', area: 'work', usesGraph: false, rail: true, source: '正本の議事録', mount: mountMeetingMinutes }),
-  Object.freeze({ id: 'objectives', label: '目的と現状', area: 'purpose', usesGraph: true, rail: true, source: '手元のGraph', mount: mountObjectives }),
-  Object.freeze({ id: 'projects', label: 'プロジェクトと関係者', area: 'work', usesGraph: true, rail: true, source: '手元のGraph', mount: mountGraphScreen('projects', createGraphProjectsView) }),
+  Object.freeze({ id: 'value-proofs', label: '判断の履歴', section: 'explore', usesGraph: false, rail: true, source: '判断の記録', mount: mountToday }),
+  Object.freeze({ id: 'minutes', label: '議事録', section: 'meetings', usesGraph: false, rail: true, source: '正本の議事録', mount: mountMeetingMinutes }),
+  Object.freeze({ id: 'objectives', label: '目的と現状', section: 'project', usesGraph: true, rail: true, source: '手元のGraph', mount: mountObjectives }),
+  Object.freeze({ id: 'projects', label: 'プロジェクトと関係者', section: 'project', usesGraph: true, rail: true, source: '手元のGraph', mount: mountGraphScreen('projects', createGraphProjectsView) }),
   // A record of 情報と関係 opens as its own screen at `#graph?entity_id=…`; the list is `#graph`.
-  Object.freeze({ id: 'graph', label: '情報と関係', area: 'information', usesGraph: true, rail: false, source: '手元のGraph', mount: mountGraphScreen('graph', createGraphRegistryView, (context) => ({
+  Object.freeze({ id: 'graph', label: '情報と関係', section: 'explore', usesGraph: true, rail: false, source: '手元のGraph', mount: mountGraphScreen('graph', createGraphRegistryView, (context) => ({
     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 }) }),
+  Object.freeze({ id: 'people', label: '人と会社', section: 'explore', 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 }),
+  Object.freeze({ id: 'memory', label: 'あなたの記憶', section: 'explore', 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 }) }),
+  Object.freeze({ id: 'ontology', label: '情報の種類とつながり方', section: 'settings', usesGraph: true, rail: false, source: '手元のGraph', mount: mountGraphScreen('ontology', createGraphOntologyView, { canCorrect: true }) }),
 ]);
 
 function renderGraphGate(doc, slot, status, onRecheck, label) {
@@ -516,6 +517,7 @@ export function createLocalWebShell({
   const areaNav = createAreaNav({
     document: doc,
     areas: areaList,
+    sections: navSections(screens),
     screens: screens.map((screen) => ({ id: screen.id, label: screen.label })),
     memory: areaMemory,
     linkClassName: 'bb-shell-nav-link',

package/ui/meeting-minutes.css

@@ -698,3 +698,125 @@
 .bb-minutes-connection-note.is-unavailable {
   color: var(--bb-color-warning);
 }
+
+/* 参加者 (story-meeting-participants-row-v1): linked names, 未確認 badges and the link panel. */
+.bb-minutes-participants {
+  display: grid;
+  gap: 4px;
+  margin: 8px 0 4px;
+  padding: 8px 12px;
+  border: 1px solid var(--bb-color-border);
+  border-radius: var(--bb-radius-md, 6px);
+  background: var(--bb-color-surface);
+}
+
+.bb-minutes-participants[hidden] {
+  display: none;
+}
+
+.bb-minutes-participants-row {
+  display: grid;
+  grid-template-columns: 7em minmax(0, 1fr);
+  gap: 8px;
+  align-items: baseline;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.bb-minutes-participant-items {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 14px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  min-width: 0;
+}
+
+.bb-minutes-participant-items li {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 4px;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.bb-minutes-participant-badge {
+  padding: 0 8px;
+  border: 1px dashed var(--bb-color-warning);
+  border-radius: 999px;
+  background: transparent;
+  color: var(--bb-color-ink);
+  font: inherit;
+  cursor: pointer;
+}
+
+.bb-minutes-participant-badge[aria-expanded="true"] {
+  border-style: solid;
+  background: var(--bb-color-warning-soft);
+}
+
+.bb-minutes-participant-undo {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--bb-color-muted);
+  font-size: 12px;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.bb-minutes-participant-notice {
+  margin: 0;
+  font-size: 13px;
+}
+
+.bb-minutes-participant-panel {
+  display: grid;
+  gap: 8px;
+  margin-top: 4px;
+  padding: 10px 12px;
+  border: 1px solid var(--bb-color-border);
+  border-radius: var(--bb-radius-md, 6px);
+  background: var(--bb-color-paper);
+  font-size: 13px;
+}
+
+.bb-minutes-participant-panel-title {
+  margin: 0;
+  font-weight: 700;
+}
+
+.bb-minutes-participant-others {
+  margin: 0;
+  color: var(--bb-color-muted);
+}
+
+.bb-minutes-participant-candidates {
+  display: grid;
+  gap: 6px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.bb-minutes-participant-candidate {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 4px 12px;
+}
+
+.bb-minutes-participant-candidate > div {
+  display: grid;
+  min-width: 0;
+}
+
+.bb-minutes-participant-new,
+.bb-minutes-participant-not-person {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  gap: 6px 8px;
+}

package/ui/meeting-minutes.js

@@ -208,6 +208,52 @@ function normalizeConnections(value) {
   ]));
 }
 
+// 参加者の行 (story-meeting-participants-row-v1). The host decides who is linked,
+// unconfirmed or not a person; anything malformed is unreadable, never a person (P9).
+const PARTICIPANT_STATES = new Set(['linked', 'unconfirmed', 'not_person']);
+
+function normalizeParticipant(value) {
+  if (!isRecord(value) || !PARTICIPANT_STATES.has(value.state)) return null;
+  const displayName = text(value.display_name);
+  if (!displayName) return null;
+  const others = Number(value.other_meetings);
+  const participant = {
+    displayName,
+    state: value.state,
+    removable: value.removable === true,
+    otherMeetings: Number.isInteger(others) && others > 0 ? others : 0,
+  };
+  if (value.state === 'linked') {
+    const name = text(value.name);
+    const entityId = text(value.entity_id);
+    if (!name || !entityId) return null;
+    participant.name = name;
+    participant.entityId = entityId;
+    participant.href = connectionHref(value.href);
+  }
+  return participant;
+}
+
+function normalizeParticipants(value) {
+  if (!isRecord(value) || !['recorded', 'none', 'unavailable'].includes(value.status)) return { status: 'unavailable' };
+  if (value.status !== 'recorded') return { status: value.status };
+  const participants = Array.isArray(value.participants) ? value.participants.map(normalizeParticipant) : [];
+  if (participants.some((participant) => participant === null)) return { status: 'unavailable' };
+  if (!participants.length) return { status: 'none' };
+  return { status: 'recorded', participants, redrafting: value.redrafting === true };
+}
+
+function normalizeCandidateList(values, idField) {
+  if (!Array.isArray(values)) return [];
+  return values.flatMap((value) => {
+    const id = text(value?.[idField]);
+    const name = text(value?.name);
+    if (!id || !name) return [];
+    const evidence = Array.isArray(value.evidence) ? value.evidence.map((item) => text(item)).filter(Boolean) : [];
+    return [{ id, name, company: text(value.company), evidence }];
+  });
+}
+
 function firstDate(values) {
   for (const value of values) {
     const date = parseDate(value);
@@ -636,6 +682,7 @@ export function createMeetingMinutesUI({
   versionActionExtensions = [],
   meetingLabel,
   meetingConnections,
+  meetingParticipants,
   canCreateMeeting,
   createUnavailableReason,
   canEditMinutes,
@@ -666,11 +713,14 @@ export function createMeetingMinutesUI({
     withdrawingMinutesId: null,
     // { meetingId, rows } where rows is null while the host is answering.
     connections: null,
+    // { meetingId, value, openName } for the 参加者 row (story-meeting-participants-row-v1).
+    participants: null,
   };
   let listRequestGeneration = 0;
   let detailRequestGeneration = 0;
   let createReasonSequence = 0;
   let connectionsSlot = null;
+  let participantsSlot = null;
   let railProjectSlot = null;
   let railProjectMeeting = null;
 
@@ -1052,6 +1102,260 @@ export function createMeetingMinutesUI({
     if (railProjectSlot && railProjectMeeting?.meeting_id === meetingId) fillRailProject(railProjectSlot, railProjectMeeting);
   }
 
+  function hasParticipants() {
+    return isRecord(meetingParticipants) && typeof meetingParticipants.read === 'function';
+  }
+
+  function currentParticipants(meeting) {
+    const value = state.participants;
+    return value && value.meetingId === meeting?.meeting_id ? value : null;
+  }
+
+  function participantError(error, fallback) {
+    const reason = text(error?.message);
+    return reason && !/^[a-z_]+$/u.test(reason) ? reason : fallback;
+  }
+
+  function fillParticipants(slot, meeting) {
+    const current = currentParticipants(meeting);
+    const value = current?.value ?? null;
+    slot.hidden = value?.status === 'none';
+    if (value?.status === 'none') {
+      slot.replaceChildren();
+      return;
+    }
+    const row = makeElement(doc, 'div', { className: 'bb-minutes-participants-row' });
+    row.append(makeElement(doc, 'span', { className: 'bb-minutes-connection-label', textContent: '参加者' }));
+    if (!value) {
+      row.append(makeElement(doc, 'p', { className: 'bb-minutes-connection-note', textContent: '読み込んでいます' }));
+      slot.replaceChildren(row);
+      return;
+    }
+    if (value.status !== 'recorded') {
+      row.append(makeElement(doc, 'p', { className: 'bb-minutes-connection-note is-unavailable', textContent: '参加者を読み込めませんでした' }));
+      slot.replaceChildren(row);
+      return;
+    }
+    const list = makeElement(doc, 'ul', { className: 'bb-minutes-participant-items' });
+    for (const participant of value.participants) {
+      const entry = makeElement(doc, 'li', { attrs: { 'data-participant-state': participant.state } });
+      if (participant.state === 'linked') {
+        entry.append(connectionLink({ label: participant.name, href: participant.href }, 'bb-minutes-connection-link'));
+        if (participant.name !== participant.displayName) {
+          entry.append(makeElement(doc, 'span', { className: 'bb-minutes-connection-detail', textContent: `（${participant.displayName}）` }));
+        }
+      } else if (participant.state === 'unconfirmed') {
+        const open = current.openName === participant.displayName;
+        const badge = button(doc, `${participant.displayName}（未確認）`, () => toggleParticipantPanel(meeting, participant.displayName), {
+          className: 'bb-minutes-participant-badge',
+          attrs: { 'aria-expanded': open ? 'true' : 'false' },
+        });
+        entry.append(badge);
+      } else {
+        entry.append(makeElement(doc, 'span', { textContent: participant.displayName }));
+        entry.append(makeElement(doc, 'span', { className: 'bb-minutes-connection-detail', textContent: '（人ではない）' }));
+      }
+      if (participant.removable && typeof meetingParticipants.unlink === 'function') {
+        entry.append(button(doc, '取り消す', () => void unlinkParticipant(meeting, participant), { className: 'bb-minutes-participant-undo' }));
+      }
+      list.append(entry);
+    }
+    row.append(list);
+    const children = [row];
+    if (value.redrafting) {
+      children.push(makeElement(doc, 'p', { className: 'bb-minutes-connection-note', textContent: '名前を結んだので、この議事録を作り直しています。' }));
+    }
+    if (current.notice) {
+      children.push(makeElement(doc, 'p', { className: 'bb-minutes-participant-notice', textContent: current.notice, attrs: { role: 'status' } }));
+    }
+    if (current.openName && value.participants.some((participant) => participant.state === 'unconfirmed' && participant.displayName === current.openName)) {
+      children.push(renderParticipantPanel(meeting, current));
+    }
+    slot.replaceChildren(...children);
+  }
+
+  function refreshParticipants(meeting) {
+    if (participantsSlot && state.detail?.meeting?.meeting_id === meeting.meeting_id) fillParticipants(participantsSlot, meeting);
+  }
+
+  async function loadParticipants(detail, isCurrentRequest, { notice = '' } = {}) {
+    const meetingId = detail.meeting.meeting_id;
+    const previous = currentParticipants(detail.meeting);
+    state.participants = { meetingId, value: previous?.value ?? null, openName: null, notice };
+    let value;
+    try {
+      value = normalizeParticipants(await meetingParticipants.read({
+        meeting: detail.meeting,
+        minutes: detail.minutes,
+        versions: detail.versions,
+      }));
+    } catch {
+      value = { status: 'unavailable' };
+    }
+    if (!isCurrentRequest() || state.participants?.meetingId !== meetingId) return;
+    state.participants = { ...state.participants, value };
+    refreshParticipants(detail.meeting);
+  }
+
+  function reloadParticipants(meeting, notice) {
+    const detail = state.detail;
+    if (!detail || detail.meeting?.meeting_id !== meeting.meeting_id) return Promise.resolve();
+    return loadParticipants(detail, () => state.detail?.meeting?.meeting_id === meeting.meeting_id, { notice });
+  }
+
+  function toggleParticipantPanel(meeting, displayName) {
+    const current = currentParticipants(meeting);
+    if (!current) return;
+    const closing = current.openName === displayName;
+    state.participants = { ...current, openName: closing ? null : displayName, panel: closing ? null : { status: 'loading' }, notice: '' };
+    refreshParticipants(meeting);
+    if (!closing) void loadCandidates(meeting, displayName);
+  }
+
+  async function loadCandidates(meeting, displayName) {
+    let panel;
+    try {
+      if (typeof meetingParticipants.candidates !== 'function') throw new Error('候補を読み込めませんでした');
+      const value = await meetingParticipants.candidates({ meeting }, displayName);
+      if (!isRecord(value)) throw new Error('候補を読み込めませんでした');
+      const others = Number(value.other_meetings);
+      panel = {
+        status: 'ready',
+        people: normalizeCandidateList(value.people, 'entity_id'),
+        contacts: normalizeCandidateList(value.contacts, 'contact_id'),
+        companies: normalizeCandidateList(value.companies, 'entity_id'),
+        otherMeetings: Number.isInteger(others) && others > 0 ? others : 0,
+      };
+    } catch (error) {
+      panel = { status: 'error', message: participantError(error, '候補を読み込めませんでした') };
+    }
+    const current = currentParticipants(meeting);
+    if (!current || current.openName !== displayName) return;
+    state.participants = { ...current, panel: { ...panel, name: current.panel?.name ?? displayName } };
+    refreshParticipants(meeting);
+  }
+
+  function candidateRow(name, evidence, actionLabel, onClick, busy) {
+    const item = makeElement(doc, 'li', { className: 'bb-minutes-participant-candidate' });
+    const body = makeElement(doc, 'div');
+    body.append(makeElement(doc, 'strong', { textContent: name }));
+    if (evidence.length) body.append(makeElement(doc, 'span', { className: 'bb-minutes-connection-detail', textContent: evidence.join('・') }));
+    item.append(body, button(doc, actionLabel, onClick, { disabled: busy }));
+    return item;
+  }
+
+  function renderParticipantPanel(meeting, current) {
+    const displayName = current.openName;
+    const panelState = current.panel ?? { status: 'loading' };
+    const busy = panelState.busy === true;
+    const panel = makeElement(doc, 'div', {
+      className: 'bb-minutes-participant-panel',
+      attrs: { role: 'group', 'aria-label': `${displayName}を人物に結ぶ` },
+    });
+    panel.append(makeElement(doc, 'p', { className: 'bb-minutes-participant-panel-title', textContent: `「${displayName}」は誰ですか` }));
+    if (panelState.status === 'loading') {
+      panel.append(makeElement(doc, 'p', { className: 'bb-minutes-connection-note', textContent: '候補を読み込んでいます' }));
+    } else if (panelState.status === 'error' && !panelState.people) {
+      panel.append(makeElement(doc, 'p', { className: 'bb-minutes-connection-note is-unavailable', textContent: panelState.message, attrs: { role: 'alert' } }));
+    }
+    if (panelState.people) {
+      if (panelState.otherMeetings > 0) {
+        panel.append(makeElement(doc, 'p', {
+          className: 'bb-minutes-participant-others',
+          textContent: `同じ表示名の議事録があと${panelState.otherMeetings}件あります。結ぶとそれらも作り直します。`,
+        }));
+      }
+      const list = makeElement(doc, 'ul', { className: 'bb-minutes-participant-candidates' });
+      for (const person of panelState.people) {
+        list.append(candidateRow(person.name, person.evidence, 'この人', () => void linkParticipant(meeting, displayName, { action: 'person', entity_id: person.id }), busy));
+      }
+      for (const contact of panelState.contacts) {
+        const evidence = contact.evidence.length ? contact.evidence : contact.company ? [`名刺：${contact.company}`] : ['名刺'];
+        list.append(candidateRow(contact.name, evidence, 'この名刺の名前で登録', () => void linkParticipant(meeting, displayName, { action: 'new_person', name: contact.name, contact_id: contact.id }), busy));
+      }
+      if (!panelState.people.length && !panelState.contacts.length) {
+        panel.append(makeElement(doc, 'p', { className: 'bb-minutes-connection-note', textContent: '人物と名刺に、それらしい候補はありませんでした。' }));
+      } else {
+        panel.append(list);
+      }
+      const form = makeElement(doc, 'div', { className: 'bb-minutes-participant-new' });
+      const field = labelInput(doc, '新しい人として登録する名前', { value: panelState.name ?? displayName, name: 'participant_name' });
+      field.input.addEventListener('input', () => {
+        const latest = currentParticipants(meeting);
+        if (latest?.panel) latest.panel.name = field.input.value;
+      });
+      form.append(field.wrapper, button(doc, '新しい人として登録', () => void linkParticipant(meeting, displayName, {
+        action: 'new_person',
+        name: text(field.input.value, displayName),
+      }), { disabled: busy, className: 'bb-minutes-button is-primary' }));
+      panel.append(form);
+      const notPerson = makeElement(doc, 'div', { className: 'bb-minutes-participant-not-person' });
+      notPerson.append(makeElement(doc, 'span', { className: 'bb-minutes-connection-label', textContent: '人ではない' }));
+      for (const company of panelState.companies) {
+        notPerson.append(button(doc, `${company.name}（会社）に結ぶ`, () => void linkParticipant(meeting, displayName, { action: 'company', entity_id: company.id }), { disabled: busy }));
+      }
+      notPerson.append(button(doc, '結ばない', () => void linkParticipant(meeting, displayName, { action: 'not_person' }), { disabled: busy }));
+      panel.append(notPerson);
+      if (panelState.message) {
+        panel.append(makeElement(doc, 'p', { className: 'bb-minutes-connection-note is-unavailable', textContent: panelState.message, attrs: { role: 'alert' } }));
+      }
+      if (panelState.existing) {
+        panel.append(candidateRow(panelState.existing.name, ['同じ名前の人がいます'], 'この人', () => void linkParticipant(meeting, displayName, { action: 'person', entity_id: panelState.existing.id }), busy));
+      }
+    }
+    panel.append(button(doc, 'あとで', () => toggleParticipantPanel(meeting, displayName), { className: 'bb-minutes-button is-quiet' }));
+    return panel;
+  }
+
+  function setPanel(meeting, displayName, patch) {
+    const current = currentParticipants(meeting);
+    if (!current || current.openName !== displayName) return false;
+    state.participants = { ...current, panel: { ...current.panel, ...patch } };
+    refreshParticipants(meeting);
+    return true;
+  }
+
+  function redraftNotice(result, done) {
+    const count = Number(result?.redraft?.meetings);
+    return Number.isInteger(count) && count > 0
+      ? `${done}議事録${count}件を作り直します（数分かかります）。`
+      : `${done}`;
+  }
+
+  async function linkParticipant(meeting, displayName, input) {
+    if (typeof meetingParticipants.link !== 'function') return;
+    if (!setPanel(meeting, displayName, { busy: true, message: '', existing: null })) return;
+    try {
+      const result = await meetingParticipants.link({ meeting }, { display_name: displayName, ...input });
+      const linkedName = text(result?.linked?.name);
+      await reloadParticipants(meeting, redraftNotice(result, linkedName ? `「${displayName}」を${linkedName}に結びました。` : `「${displayName}」を記録しました。`));
+    } catch (error) {
+      const existing = isRecord(error?.candidate) && text(error.candidate.entity_id) && text(error.candidate.name)
+        ? { id: text(error.candidate.entity_id), name: text(error.candidate.name) }
+        : null;
+      setPanel(meeting, displayName, {
+        busy: false,
+        existing,
+        message: existing ? '同じ名前の人がいます。この人で良ければ選んでください。' : participantError(error, '結べませんでした。もう一度試してください。'),
+      });
+    }
+  }
+
+  async function unlinkParticipant(meeting, participant) {
+    try {
+      const result = await meetingParticipants.unlink({ meeting }, {
+        display_name: participant.displayName,
+        ...(participant.entityId ? { entity_id: participant.entityId } : {}),
+      });
+      await reloadParticipants(meeting, redraftNotice(result, `「${participant.displayName}」の結び付きを取り消しました。`));
+    } catch (error) {
+      const current = currentParticipants(meeting);
+      if (!current) return;
+      state.participants = { ...current, notice: participantError(error, '取り消せませんでした。') };
+      refreshParticipants(meeting);
+    }
+  }
+
   function appendLoadError(parent, message, retry) {
     const notice = makeElement(doc, 'div', {
       className: 'bb-minutes-load-error',
@@ -1448,6 +1752,7 @@ export function createMeetingMinutesUI({
   function renderDetail(detail, documentRecord = null, selectedVersion = null) {
     clear(detailPane);
     connectionsSlot = null;
+    participantsSlot = null;
     if (state.detailError) {
       const retry = state.meetingId === null ? loadMeetings : () => loadDetail(state.meetingId);
       appendLoadError(detailPane, state.detailError.startsWith('会議詳細を読み込めませんでした。')
@@ -1480,6 +1785,15 @@ export function createMeetingMinutesUI({
       textContent: participants ? `${when} / ${participants}` : when,
     }));
     detailPane.append(header);
+    participantsSlot = null;
+    if (hasParticipants()) {
+      participantsSlot = makeElement(doc, 'section', {
+        className: 'bb-minutes-participants',
+        attrs: { 'aria-label': '参加者' },
+      });
+      fillParticipants(participantsSlot, meeting);
+      detailPane.append(participantsSlot);
+    }
     if (hasConnections()) {
       connectionsSlot = makeElement(doc, 'section', {
         className: 'bb-minutes-connections',
@@ -1631,9 +1945,11 @@ export function createMeetingMinutesUI({
       state.detail = detail;
       state.detailError = null;
       if (hasConnections()) state.connections = { meetingId, rows: null };
+      if (hasParticipants() && state.participants?.meetingId !== meetingId) state.participants = null;
       renderDetail(detail);
       setStatus('会議詳細を読み込みました。');
       if (hasConnections()) void loadConnections(detail, isCurrentRequest);
+      if (hasParticipants()) void loadParticipants(detail, isCurrentRequest);
     } catch (error) {
       if (!isCurrentRequest()) return state.detail;
       const preserved = preserveLoadedStateOnFailure(error) && state.detail?.meeting?.meeting_id === meetingId