@unson/brainbase-mcp 0.18.1 → 0.19.0

package/dist/foundation-graph-http.d.ts

@@ -8,6 +8,7 @@ import { type FoundationHttpCsrfVerifier, type FoundationHttpRouter } from './fo
  */
 export declare const FOUNDATION_GRAPH_READY_SQL = "SELECT\n    EXISTS (SELECT 1 FROM pg_class WHERE oid = to_regclass('public.graph_foundation_revisions') AND relrowsecurity)\n    AND EXISTS (SELECT 1 FROM pg_trigger WHERE tgrelid = to_regclass('public.graph_entities')\n        AND tgname = 'graph_entities_foundation_history_capture' AND tgenabled = 'O' AND tgtype = 21\n        AND tgfoid = to_regprocedure('public.capture_graph_foundation_revision()'))\n    AND EXISTS (SELECT 1 FROM pg_trigger WHERE tgrelid = to_regclass('public.graph_foundation_revisions')\n        AND tgname = 'graph_foundation_revisions_guard' AND tgenabled = 'O' AND tgtype = 31\n        AND tgfoid = to_regprocedure('public.guard_graph_foundation_revision_mutation()'))\n    AND EXISTS (SELECT 1 FROM pg_trigger WHERE tgrelid = to_regclass('public.graph_foundation_revisions')\n        AND tgname = 'graph_foundation_revisions_truncate_guard' AND tgenabled = 'O' AND tgtype = 34\n        AND tgfoid = to_regprocedure('public.guard_graph_foundation_revision_mutation()')) AS ready";
 export declare const FOUNDATION_GRAPH_CONTRACT_VERSION: "foundation-graph-http.v1";
+export declare const FOUNDATION_OVERVIEW_CONTRACT_VERSION: "foundation-overview.v1";
 type MaybePromise<T> = T | Promise<T>;
 export interface FoundationGraphTrustedIdentity {
     /** Canonical principal supplied by the host authentication boundary. */

package/dist/foundation-graph-http.js

@@ -22,6 +22,8 @@ export const FOUNDATION_GRAPH_READY_SQL = `SELECT
         AND tgname = 'graph_foundation_revisions_truncate_guard' AND tgenabled = 'O' AND tgtype = 34
         AND tgfoid = to_regprocedure('public.guard_graph_foundation_revision_mutation()')) AS ready`;
 export const FOUNDATION_GRAPH_CONTRACT_VERSION = 'foundation-graph-http.v1';
+export const FOUNDATION_OVERVIEW_CONTRACT_VERSION = 'foundation-overview.v1';
+const FOUNDATION_CATALOG_PATH = '/api/foundation/catalog';
 const DEFAULT_BODY_LIMIT_BYTES = 65_536;
 const DIRECT_FOUNDATION_REFERENCE_KINDS = new Set(['objective', 'variable', 'model', 'constraint', 'philosophy']);
 const SNAPSHOT_REFERENCE_KINDS = new Set([
@@ -35,6 +37,15 @@ function jsonResponse(status, value) {
         headers: { 'content-type': 'application/json' }
     });
 }
+function methodNotAllowed(allow) {
+    return new Response(JSON.stringify({ error: { code: 'method_not_allowed' } }), {
+        status: 405,
+        headers: {
+            'content-type': 'application/json',
+            allow: allow.join(', ')
+        }
+    });
+}
 function isRecord(value) {
     return value !== null && typeof value === 'object' && !Array.isArray(value);
 }
@@ -138,6 +149,28 @@ async function readJsonForScopeCheck(request, bodyLimitBytes) {
         return null;
     }
 }
+async function catalogRequestHasBody(request, bodyLimitBytes) {
+    const contentLength = Number(request.headers.get('content-length'));
+    if (Number.isFinite(contentLength) && contentLength > 0)
+        return true;
+    if (Number.isFinite(contentLength) && contentLength > bodyLimitBytes)
+        return true;
+    if (!request.body)
+        return false;
+    try {
+        return (await request.clone().text()).length > 0;
+    }
+    catch {
+        return true;
+    }
+}
+function catalogQueryIsStrict(url) {
+    for (const key of url.searchParams.keys()) {
+        if (key !== 'scope_id')
+            return false;
+    }
+    return true;
+}
 function identityIsValid(identity) {
     if (!identity)
         return false;
@@ -153,6 +186,34 @@ function selectedScopeIsAllowed(identity, scopeId) {
 function readyResult(result) {
     return result.rows[0]?.ready === true;
 }
+function createFoundationCatalogRoute(readers, scopeId, context) {
+    return {
+        name: 'foundation-catalog',
+        methods: ['GET'],
+        paths: [`GET ${FOUNDATION_CATALOG_PATH}`],
+        matches(request) {
+            return new URL(request.url).pathname === FOUNDATION_CATALOG_PATH;
+        },
+        async handle(request) {
+            if ((request.method || 'GET').toUpperCase() !== 'GET')
+                return methodNotAllowed(['GET']);
+            // Resolve all collections before constructing the response. A failed
+            // history/ACL read must never be represented as an empty partial catalog.
+            const objectives = await readers.store.list('objective', context);
+            const variables = await readers.store.list('variable', context);
+            const models = await readers.store.list('model', context);
+            const philosophies = await readers.listPhilosophies(context);
+            return jsonResponse(200, {
+                contractVersion: FOUNDATION_OVERVIEW_CONTRACT_VERSION,
+                scopeId,
+                objectives,
+                variables,
+                models,
+                philosophies
+            });
+        }
+    };
+}
 /**
  * Create the reusable Graph-backed public Foundation handler.
  *
@@ -194,6 +255,16 @@ export function createFoundationGraphHttpHandler(options) {
             if (!selectedScopeIsAllowed(identity, scopeId)) {
                 return jsonResponse(403, { error: { code: 'scope_not_allowed' } });
             }
+            const isCatalog = url.pathname === FOUNDATION_CATALOG_PATH;
+            if (isCatalog && (request.method || 'GET').toUpperCase() !== 'GET') {
+                return methodNotAllowed(['GET']);
+            }
+            if (isCatalog && !catalogQueryIsStrict(url)) {
+                return jsonResponse(400, { error: { code: 'unknown_query_parameter' } });
+            }
+            if (isCatalog && await catalogRequestHasBody(request, bodyLimitBytes)) {
+                return jsonResponse(400, { error: { code: 'body_not_allowed' } });
+            }
             const body = await readJsonForScopeCheck(request, bodyLimitBytes);
             if (hasFoundationScopeOverride(request, body, scopeId, identity.organizationId)) {
                 return jsonResponse(403, { error: { code: 'scope_not_allowed' } });
@@ -226,6 +297,7 @@ export function createFoundationGraphHttpHandler(options) {
                     });
                     const provider = createFoundationPublicProvider(readers);
                     const route = createFoundationPublicRoute(provider);
+                    const catalogRoute = createFoundationCatalogRoute(readers, scopeId, context);
                     const objectiveRoute = createObjectiveFoundationRoute({
                         objectives: {
                             async createObjective() {
@@ -248,7 +320,7 @@ export function createFoundationGraphHttpHandler(options) {
                     const handler = createFoundationHttpRouter({
                         resolveContext: () => context,
                         csrf: options.csrf,
-                        routes: [route, objectiveRoute],
+                        routes: [catalogRoute, route, objectiveRoute],
                         bodyLimitBytes
                     });
                     return handler.handle(request);

package/dist/graph-foundation-reader.d.ts

@@ -1,5 +1,6 @@
 import { type FoundationRevisionStore, type FoundationStoreContext } from './foundation-store.js';
-import type { PhilosophyRevisionReader } from './philosophy-revision-reader.js';
+import type { PhilosophyRevisionReader, PhilosophyRevisionRecord } from './philosophy-revision-reader.js';
+import type { FoundationCatalogRecord } from './types.js';
 /** Read contract for history that is joined to the current Graph row. */
 export declare const GRAPH_FOUNDATION_READ_CONTRACT_VERSION: "graph-foundation-history-read.v1";
 /**
@@ -25,6 +26,14 @@ export declare const GRAPH_FOUNDATION_LATEST_SQL = "\nSELECT\n  history.entity_i
  * scope identifier selected by the organization BFF.
  */
 export declare const GRAPH_FOUNDATION_LIST_SQL = "\nSELECT\n  history.entity_id,\n  history.entity_type,\n  history.revision,\n  history.payload,\n  history.project_id,\n  history.role_min,\n  history.sensitivity,\n  history.lifecycle_status,\n  history.storage_digest,\n  history.captured_at,\n  (\n    history.storage_digest = 'sha256:' ||\n      encode(sha256(convert_to(history.payload::text, 'UTF8')), 'hex')\n  ) AS storage_digest_valid,\n  current_entity.id AS current_entity_id,\n  current_entity.entity_type AS current_entity_type,\n  current_entity.payload AS current_payload,\n  current_entity.project_id AS current_project_id,\n  current_entity.role_min AS current_role_min,\n  current_entity.sensitivity AS current_sensitivity,\n  current_entity.lifecycle_status AS current_lifecycle_status,\n  projects.code AS current_project_code,\n  true AS current_visible\nFROM public.graph_entities AS current_entity\nLEFT JOIN public.projects AS projects\n  ON projects.id = current_entity.project_id\nLEFT JOIN LATERAL (\n  SELECT history.*\n  FROM public.graph_foundation_revisions AS history\n  WHERE history.entity_id = current_entity.id\n    AND history.entity_type = current_entity.entity_type\n  ORDER BY history.revision::numeric DESC\n  LIMIT 1\n) AS history ON true\nWHERE ($1::text IS NULL OR current_entity.entity_type = $1)\n  AND ($2::text IS NULL OR projects.code = $2 OR projects.id IS NULL)\n  AND current_entity.entity_type IN ('objective', 'variable', 'model', 'constraint')\nORDER BY current_entity.id, current_entity.entity_type\n";
+/**
+ * List the newest immutable revision for each philosophy attached to the
+ * selected project. The current Graph row is still the authorization
+ * boundary; the transaction's RLS policies hide rows the caller cannot see.
+ * Unlike the Foundation list, this query requires a canonical project join so
+ * a missing project membership cannot be interpreted as a selected-scope hit.
+ */
+export declare const GRAPH_PHILOSOPHY_LIST_SQL = "\nSELECT\n  history.entity_id,\n  history.entity_type,\n  history.revision,\n  history.payload,\n  history.project_id,\n  history.role_min,\n  history.sensitivity,\n  history.lifecycle_status,\n  history.storage_digest,\n  history.captured_at,\n  (\n    history.storage_digest = 'sha256:' ||\n      encode(sha256(convert_to(history.payload::text, 'UTF8')), 'hex')\n  ) AS storage_digest_valid,\n  current_entity.id AS current_entity_id,\n  current_entity.entity_type AS current_entity_type,\n  current_entity.payload AS current_payload,\n  current_entity.project_id AS current_project_id,\n  current_entity.role_min AS current_role_min,\n  current_entity.sensitivity AS current_sensitivity,\n  current_entity.lifecycle_status AS current_lifecycle_status,\n  projects.code AS current_project_code,\n  true AS current_visible\nFROM public.graph_entities AS current_entity\nJOIN public.projects AS projects\n  ON projects.id = current_entity.project_id\nLEFT JOIN LATERAL (\n  SELECT history.*\n  FROM public.graph_foundation_revisions AS history\n  WHERE history.entity_id = current_entity.id\n    AND history.entity_type = current_entity.entity_type\n  ORDER BY history.revision::numeric DESC\n  LIMIT 1\n) AS history ON true\nWHERE current_entity.entity_type = 'philosophy'\n  AND projects.code = $1\nORDER BY current_entity.id\n";
 /** Flat row shape returned by GRAPH_FOUNDATION_READ_SQL. */
 export interface GraphFoundationHistoryRow {
     readonly entity_id?: unknown;
@@ -61,9 +70,23 @@ export interface GraphFoundationReaderOptions {
     /** Canonical project code selected by the organization boundary. */
     readonly selectedProjectCode?: string;
 }
+export interface FoundationObjectiveDetails {
+    readonly title?: unknown;
+    readonly criteria_text?: unknown;
+    readonly beneficiary_description?: unknown;
+    readonly evaluation_period_note?: unknown;
+    readonly evaluator_note?: unknown;
+    readonly current_state?: unknown;
+}
+/** Runtime shape used by the overview contract for Objective records. */
+export interface FoundationOverviewObjectiveRecord extends FoundationCatalogRecord {
+    readonly details?: FoundationObjectiveDetails;
+}
 export interface GraphFoundationReaders {
     readonly store: Pick<FoundationRevisionStore, 'read' | 'readLatest' | 'list'>;
     readonly philosophyReader: PhilosophyRevisionReader;
+    /** List latest, current-visible philosophy revisions for the selected project. */
+    readonly listPhilosophies: (context: FoundationStoreContext) => Promise<PhilosophyRevisionRecord[]>;
 }
 /**
  * Create both public read ports over one trusted, transaction-bound context.

package/dist/graph-foundation-reader.js

@@ -142,6 +142,53 @@ WHERE ($1::text IS NULL OR current_entity.entity_type = $1)
   AND current_entity.entity_type IN ('objective', 'variable', 'model', 'constraint')
 ORDER BY current_entity.id, current_entity.entity_type
 `;
+/**
+ * List the newest immutable revision for each philosophy attached to the
+ * selected project. The current Graph row is still the authorization
+ * boundary; the transaction's RLS policies hide rows the caller cannot see.
+ * Unlike the Foundation list, this query requires a canonical project join so
+ * a missing project membership cannot be interpreted as a selected-scope hit.
+ */
+export const GRAPH_PHILOSOPHY_LIST_SQL = `
+SELECT
+  history.entity_id,
+  history.entity_type,
+  history.revision,
+  history.payload,
+  history.project_id,
+  history.role_min,
+  history.sensitivity,
+  history.lifecycle_status,
+  history.storage_digest,
+  history.captured_at,
+  (
+    history.storage_digest = 'sha256:' ||
+      encode(sha256(convert_to(history.payload::text, 'UTF8')), 'hex')
+  ) AS storage_digest_valid,
+  current_entity.id AS current_entity_id,
+  current_entity.entity_type AS current_entity_type,
+  current_entity.payload AS current_payload,
+  current_entity.project_id AS current_project_id,
+  current_entity.role_min AS current_role_min,
+  current_entity.sensitivity AS current_sensitivity,
+  current_entity.lifecycle_status AS current_lifecycle_status,
+  projects.code AS current_project_code,
+  true AS current_visible
+FROM public.graph_entities AS current_entity
+JOIN public.projects AS projects
+  ON projects.id = current_entity.project_id
+LEFT JOIN LATERAL (
+  SELECT history.*
+  FROM public.graph_foundation_revisions AS history
+  WHERE history.entity_id = current_entity.id
+    AND history.entity_type = current_entity.entity_type
+  ORDER BY history.revision::numeric DESC
+  LIMIT 1
+) AS history ON true
+WHERE current_entity.entity_type = 'philosophy'
+  AND projects.code = $1
+ORDER BY current_entity.id
+`;
 const FOUNDATION_TYPES = ['objective', 'variable', 'model', 'constraint'];
 const REVISION_PATTERN = /^[1-9]\d*$/u;
 const DIGEST_PATTERN = /^sha256:[0-9a-f]{64}$/u;
@@ -214,7 +261,42 @@ export function createGraphFoundationReaders(options) {
             return readPhilosophyRevision(input, context, query);
         }
     };
-    return { store, philosophyReader };
+    async function listPhilosophies(suppliedContext) {
+        assertTrustedPrincipal(context, suppliedContext);
+        if (selectedProjectCode === undefined) {
+            throw scopeViolation('A selected project is required to list philosophy revisions');
+        }
+        const rows = await executePhilosophyList(query, selectedProjectCode);
+        const seen = new Set();
+        return rows.map((row) => {
+            const id = requireString(row.entity_id, 'Philosophy history entity_id');
+            const revision = requireRevision(row.revision, 'Philosophy history revision');
+            if (row.current_project_code !== selectedProjectCode) {
+                throw scopeViolation('The current philosophy project is outside the selected project scope');
+            }
+            const key = `${id}:${revision}`;
+            if (seen.has(key))
+                throw corrupt('Philosophy list returned duplicate entity revisions');
+            seen.add(key);
+            const validated = validatePhilosophyHistoryAccess(row, id, revision, context);
+            return createPhilosophyRevisionRecord(validated, id, revision, context.principal);
+        });
+    }
+    return { store, philosophyReader, listPhilosophies };
+}
+function createPhilosophyRevisionRecord(validated, id, revision, principal) {
+    return {
+        kind: 'philosophy',
+        id,
+        revision,
+        digest: validated.digest,
+        payload: validated.history.payload,
+        applicability: validated.history.applicability,
+        // This is a read-time projection of the current Graph permission. It
+        // does not mutate the canonical philosophy payload or Graph ACL.
+        currentAcl: privateCurrentAcl(principal),
+        currentScope: cloneJudgmentScope(validated.history.applicability.scope)
+    };
 }
 async function readCanonicalPhilosophyRevision(input, trustedContext, query) {
     try {
@@ -399,6 +481,21 @@ async function executeList(query, type, selectedProjectCode) {
     }
     throw corrupt('Graph foundation list query returned an invalid result');
 }
+async function executePhilosophyList(query, selectedProjectCode) {
+    let result;
+    try {
+        result = await query(GRAPH_PHILOSOPHY_LIST_SQL, [selectedProjectCode]);
+    }
+    catch {
+        throw corrupt('Graph philosophy list query failed');
+    }
+    if (Array.isArray(result))
+        return result;
+    if (!Array.isArray(result) && 'rows' in result && Array.isArray(result.rows)) {
+        return result.rows;
+    }
+    throw corrupt('Graph philosophy list query returned an invalid result');
+}
 function validateFoundationRecord(row, reference, context, selectedProjectCode, requireCurrentRevision = false) {
     const history = validateHistoryRow(row, reference.id, reference.type, reference.revision);
     const current = validateCurrentRow(row, reference.id, reference.type);
@@ -418,10 +515,39 @@ function validateFoundationRecord(row, reference, context, selectedProjectCode,
     if (history.projectId !== current.projectId) {
         throw scopeViolation('Historical foundation project differs from current Graph project');
     }
-    return {
+    const record = {
         definition: cloneFoundationDefinition(history.definition),
         digest: digestFoundationDefinition(history.definition)
     };
+    if (reference.type === 'objective') {
+        const details = projectObjectiveDetails(history.payload);
+        if (details !== undefined)
+            return { ...record, details };
+    }
+    return record;
+}
+const OBJECTIVE_DETAIL_KEYS = [
+    'title',
+    'criteria_text',
+    'beneficiary_description',
+    'evaluation_period_note',
+    'evaluator_note',
+    'current_state'
+];
+function projectObjectiveDetails(payload) {
+    const nestedDetails = isPlainRecord(payload.details) ? payload.details : undefined;
+    const foundation = isPlainRecord(payload.foundation) ? payload.foundation : undefined;
+    // Graphify payloads historically carried these descriptive fields at the
+    // payload root. Keep the two known nested forms compatible while exposing
+    // only the six fields in the overview contract.
+    const candidates = [payload, nestedDetails, foundation].filter((candidate) => candidate !== undefined);
+    const projected = {};
+    for (const key of OBJECTIVE_DETAIL_KEYS) {
+        const source = candidates.find((candidate) => Object.prototype.hasOwnProperty.call(candidate, key));
+        if (source !== undefined && source[key] !== undefined)
+            projected[key] = source[key];
+    }
+    return Object.keys(projected).length === 0 ? undefined : projected;
 }
 function rowReference(row) {
     const id = requireString(row.entity_id, 'Foundation history entity_id');
@@ -441,7 +567,7 @@ function validateHistoryRow(row, id, type, revision) {
         throw corrupt('Foundation history definition identity does not match the requested revision');
     }
     const projectId = requireString(row.project_id, 'Foundation history project_id');
-    return { definition, projectId };
+    return { definition, payload, projectId };
 }
 function validatePhilosophyHistoryRow(row, reference) {
     assertRowIdentity(row, reference.id, 'philosophy', reference.revision);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unson/brainbase-mcp",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "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",
@@ -228,6 +228,8 @@
     "./ui/local-web-shell.css": "./ui/local-web-shell.css",
     "./ui/workspace-kit": "./ui/workspace-kit.js",
     "./ui/workspace-kit.css": "./ui/workspace-kit.css",
+    "./ui/foundation-overview": "./ui/foundation-overview.js",
+    "./ui/foundation-overview.css": "./ui/foundation-overview.css",
     "./ui/graph-view-shared": "./ui/graph-view-shared.js",
     "./ui/graph-view-shared.css": "./ui/graph-view-shared.css",
     "./ui/project-icon": "./ui/project-icon.js",
@@ -361,5 +363,5 @@
   "engines": {
     "node": ">=20"
   },
-  "gitHead": "9037a15719140c0e5c4e28f29975f98aa970c557"
+  "gitHead": "7cd7be975882fd1cbc797b7992b27a221f9fc02f"
 }

package/ui/foundation-overview.css

@@ -0,0 +1,236 @@
+/*
+ * Read-only Foundation overview. Load after brainbase-tokens.css and
+ * workspace-kit.css. The screen uses the shared workspace parts for page
+ * framing and adds only the cards, references, and pagination unique to this
+ * catalog projection.
+ */
+
+.bb-fov {
+  min-width: 0;
+  color: var(--bb-color-ink);
+}
+
+.bb-fov-section {
+  min-width: 0;
+}
+
+.bb-fov-objective-ledger .bb-ws-ledger-row {
+  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.4fr) minmax(100px, .7fr);
+}
+
+.bb-fov-objective-card,
+.bb-fov-philosophy-card,
+.bb-fov-model-card {
+  min-width: 0;
+  border-top: 1px solid var(--bb-color-border);
+  padding: 24px 0;
+}
+
+.bb-fov-objective-card h3,
+.bb-fov-philosophy-card h3,
+.bb-fov-model-card h3 {
+  margin: 0;
+  color: var(--bb-color-ink);
+  font-size: 17px;
+  line-height: 1.4;
+  overflow-wrap: anywhere;
+}
+
+.bb-fov-objective-card .bb-ws-definition,
+.bb-fov-model-card .bb-ws-definition,
+.bb-fov-philosophy-card .bb-ws-definition {
+  margin-top: 16px;
+}
+
+.bb-fov-status {
+  margin: 7px 0 0;
+  color: var(--bb-color-muted);
+  font-size: 11px;
+  line-height: 1.55;
+}
+
+.bb-fov-list {
+  display: grid;
+  gap: 5px;
+  margin: 0;
+  padding-left: 18px;
+}
+
+.bb-fov-list li,
+.bb-fov-ref-list li {
+  overflow-wrap: anywhere;
+}
+
+.bb-fov-criteria {
+  display: grid;
+  gap: 7px;
+}
+
+.bb-fov-criteria-text {
+  margin: 0;
+  color: var(--bb-color-muted);
+  line-height: 1.55;
+}
+
+.bb-fov-criteria-text-list {
+  color: var(--bb-color-muted);
+}
+
+.bb-fov-list .is-unrecorded,
+.bb-fov-ref-list .is-unrecorded,
+.bb-fov-recorded-notice.is-unrecorded,
+.bb-fov-gap .is-unrecorded {
+  color: var(--bb-color-quiet);
+}
+
+.bb-fov-current-state {
+  display: grid;
+  gap: 6px;
+}
+
+.bb-fov-current-state strong {
+  color: var(--bb-color-ink);
+  font-weight: 680;
+  overflow-wrap: anywhere;
+}
+
+.bb-fov-current-state .bb-ws-definition {
+  margin: 4px 0 0;
+}
+
+.bb-fov-current-missing {
+  color: var(--bb-color-muted);
+}
+
+.bb-fov-recorded-notice {
+  margin: 0;
+  color: var(--bb-color-muted);
+  font-size: 11px;
+  line-height: 1.55;
+}
+
+.bb-fov-gap {
+  margin-top: 18px;
+  border-left: 3px solid var(--bb-color-warning);
+  padding: 10px 14px;
+  background: var(--bb-color-warning-soft);
+  color: var(--bb-color-muted);
+  font-size: 12px;
+  line-height: 1.55;
+}
+
+.bb-fov-gap strong {
+  color: var(--bb-color-warning);
+}
+
+.bb-fov-gap p {
+  margin: 0;
+}
+
+.bb-fov-gap .bb-fov-list {
+  margin-top: 5px;
+}
+
+.bb-fov-philosophy-grid,
+.bb-fov-model-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0 28px;
+}
+
+.bb-fov-philosophy-statement {
+  margin: 12px 0 0;
+  color: var(--bb-color-ink);
+  font-size: 15px;
+  line-height: 1.65;
+}
+
+.bb-fov-philosophy-card > p:not(.bb-fov-status):not(.bb-fov-philosophy-statement) {
+  margin: 8px 0 0;
+  color: var(--bb-color-muted);
+  line-height: 1.55;
+}
+
+.bb-fov-record-id {
+  display: block;
+  margin-top: 7px;
+  color: var(--bb-color-quiet);
+  font-family: var(--bb-font-mono);
+  font-size: 10px;
+  overflow-wrap: anywhere;
+}
+
+.bb-fov-ref-list {
+  display: grid;
+  gap: 5px;
+  margin: 0;
+  padding-left: 18px;
+}
+
+.bb-fov-model-search {
+  display: grid;
+  gap: 6px;
+  max-width: 520px;
+  margin: 0 0 18px;
+}
+
+.bb-fov-model-search label {
+  color: var(--bb-color-muted);
+  font-size: 12px;
+  font-weight: 680;
+}
+
+.bb-fov-search-input {
+  width: 100%;
+  min-height: 40px;
+  box-sizing: border-box;
+  border: 1px solid var(--bb-color-control-border);
+  border-radius: var(--bb-radius-sm);
+  padding: 9px 12px;
+  background: var(--bb-color-panel);
+  color: var(--bb-color-ink);
+  font: inherit;
+  font-size: 13px;
+}
+
+.bb-fov-search-input:focus {
+  outline: 2px solid var(--bb-color-focus);
+  outline-offset: 1px;
+}
+
+.bb-fov-pager {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 10px;
+  border-top: 1px solid var(--bb-color-border);
+  padding-top: 14px;
+}
+
+.bb-fov-pager > span {
+  min-width: 48px;
+  color: var(--bb-color-muted);
+  font-size: 11px;
+  text-align: center;
+}
+
+.bb-fov [hidden] {
+  display: none;
+}
+
+@media (max-width: 760px) {
+  .bb-fov-objective-ledger .bb-ws-ledger-row {
+    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) 84px;
+  }
+
+  .bb-fov-philosophy-grid,
+  .bb-fov-model-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .bb-fov-objective-card .bb-ws-definition,
+  .bb-fov-model-card .bb-ws-definition,
+  .bb-fov-philosophy-card .bb-ws-definition {
+    grid-template-columns: minmax(90px, .55fr) minmax(0, 1fr);
+  }
+}