/* global React */
// ─── FILE CONTENTS ──────────────────────────────────────────────
// Each file's content is rendered into the editor pane when the
// user clicks the file in the tree. Files that vary across slides
// (scripts/answer.ts, df.d.ts) accept the slide index.
// ─────────────────────────────────────────────────────────────────
// Shorthand colour tags for syntax-highlighted code blocks.
const K = (p) => ;
const I = (p) => ;
const S = (p) => ;
const FN = (p) => ;
const C = (p) => ;
const O = (p) => ;
const N = (p) => ;
const P = (p) => ;
const G = ({ n }) => {n};
// ─── AGENTS.md ──────────────────────────────────────────────────
function AgentsMd() {
return (
# vendor-risk workspace{'\n'}
> tenant: acme-procurement{'\n'}
> dataset: vendors{'\n'}
> opened: 2026-05-04 · q2{'\n'}
{'\n'}
intent{'\n'}
{' '}assess vendor risk from filings, sanctions,{'\n'}
{' '}incidents, contracts, and disclosures.{'\n'}
{'\n'}
primitives{'\n'}
{' '}df.db.vendors{'\n'}
{' '}df.db.incidents{'\n'}
{' '}df.db.contracts{'\n'}
{' '}df.db.disclosures{'\n'}
{' '}df.db.filings{'\n'}
{'\n'}
rules{'\n'}
{' '}- every commit seals one df.answer(…){'\n'}
{' '}{' '}with evidence + derivation.{'\n'}
{' '}- stable shape across ≥ 3 trajectories{'\n'}
{' '}{' '}is a promote candidate.{'\n'}
{' '}- helpers never lose source. always inspectable.{'\n'}
{'\n'}
# nothing here is magic. it is just code.
);
}
// ─── df.d.ts — v0 (pre-crystallisation) ─────────────────────────
function DfdV0() {
return (
// /mnt/vendors/df.d.ts — generated{'\n'}
// v0 · only db primitives. lib is empty.{'\n'}
{'\n'}
declare namespace df.
db {'{'}{'\n'}
vendors.
search(q:
string, opt?:
Opt):
Promise{'<'}
Row[]{'>'};{'\n'}
vendors.
findExact(k:
Key, n:
number):
Promise{'<'}
Row[]{'>'};{'\n'}
incidents.
search(q:
string, opt?:
Opt):
Promise{'<'}
Row[]{'>'};{'\n'}
contracts.
search(q:
string, opt?:
Opt):
Promise{'<'}
Row[]{'>'};{'\n'}
disclosures.
search(q:
string, opt?:
Opt):
Promise{'<'}
Row[]{'>'};{'\n'}
filings.
search(q:
string, opt?:
Opt):
Promise{'<'}
Row[]{'>'};{'\n'}
{'}'}{'\n'}
{'\n'}
declare namespace df.
lib {'{'}{'\n'}
// (empty — nothing crystallised yet){'\n'}
rankVendorRisk(
input
:
RankInput):
Promise{'<'}
Result{'<'}
unknown{'>>'};{'\n'}
explainVendorRisk(
input
:
ExplainInput):
Promise{'<'}
Result{'<'}
unknown{'>>'};{'\n'}
{'}'}{'\n'}
{'\n'}
declare function df.
answer(
a
:
Answer):
never;
);
}
// ─── df.d.ts — v1 (post-crystallisation) ────────────────────────
function DfdV1() {
return (
// /mnt/vendors/df.d.ts — regenerated{'\n'}
// v1 · promoted 3 helpers from acme-procurement.{'\n'}
{'\n'}
declare namespace df.
db {'{'}
/* …unchanged… */ {'}'}{'\n'}
{'\n'}
declare namespace df.
lib {'{'}{'\n'}
{'\n'}
+ assessVendorRisk(
input
: {'{'}{'\n'}
+ intent:
string;{'\n'}
+ vendors?:
unknown[];{'\n'}
+ dimension?:
"security" |
"legal"{'\n'}
+ |
"operational" |
"financial";{'\n'}
+ limit?:
number;{'\n'}
+ {'}'}):
Promise{'<'}
Result{'<'}
unknown{'>>'};{'\n'}
{'\n'}
+ explainVendorRisk(
input
:
ExplainInput):
Promise{'<'}
Result{'<'}
unknown{'>>'};{'\n'}
+ compareVendorRisk(
input
:
CompareInput):
Promise{'<'}
Result{'<'}
unknown{'>>'};{'\n'}
{'\n'}
// retained from v0 (cold-composition helpers){'\n'}
rankVendorRisk(
input
:
RankInput):
Promise{'<'}
Result{'<'}
unknown{'>>'};{'\n'}
{'}'}{'\n'}
{'\n'}
declare function df.
answer(
a
:
Answer):
never;
);
}
// ─── db/*.ts schemas ───────────────────────────────────────────
function VendorsSchema() {
return (
// /mnt/vendors/db/vendors.ts — immutable{'\n'}
// rows · 3,124 · indexed by id, name, tier{'\n'}
{'\n'}
export interface Vendor {'{'}{'\n'}
id: string;{'\n'}
name: string;{'\n'}
tier: "strategic" | "tactical" | "tail";{'\n'}
category: string;{'\n'}
region: string;{'\n'}
active: boolean;{'\n'}
spendUSD: number;{'\n'}
{'}'}{'\n'}
{'\n'}
export const search: SearchFn{'<'}Vendor{'>'};{'\n'}
export const findExact: FindFn{'<'}Vendor{'>'};{'\n'}
{'\n'}
// search() does a small embedding lookup over (name,{'\n'}
// category, region) and returns ranked rows.{'\n'}
// findExact() is structured by key — no LLM in the path.
);
}
function IncidentsSchema() {
return (
// /mnt/vendors/db/incidents.ts — immutable{'\n'}
// rows · 18,407 · indexed by vendorId, date, kind{'\n'}
{'\n'}
export interface Incident {'{'}{'\n'}
id: string;{'\n'}
vendorId: string;{'\n'}
kind: "security" | "outage" | "litigation"{'\n'}
| "sla" | "data";{'\n'}
severity: 1 | 2 | 3 | 4 | 5;{'\n'}
date: string; // ISO-8601{'\n'}
source: string; // "filing" | "press" | "ticket"{'\n'}
summary: string;{'\n'}
evidence: Citation[];{'\n'}
{'}'}{'\n'}
{'\n'}
export const search: SearchFn{'<'}Incident{'>'};
);
}
function ContractsSchema() {
return (
// /mnt/vendors/db/contracts.ts — immutable{'\n'}
// rows · 6,812 · indexed by vendorId, status{'\n'}
{'\n'}
export interface Contract {'{'}{'\n'}
id: string;{'\n'}
vendorId: string;{'\n'}
status: "active" | "renewing" | "churned";{'\n'}
startDate: string;{'\n'}
endDate: string;{'\n'}
obligations: Obligation[]; // sla, security, data{'\n'}
termsBlob: string; // raw clause text{'\n'}
{'}'}{'\n'}
{'\n'}
export const search: SearchFn{'<'}Contract{'>'};
);
}
function DisclosuresSchema() {
return (
// /mnt/vendors/db/disclosures.ts — immutable{'\n'}
// rows · 9,055 · indexed by vendorId, year, topic{'\n'}
{'\n'}
export interface Disclosure {'{'}{'\n'}
id: string;{'\n'}
vendorId: string;{'\n'}
topic: "climate" | "governance"{'\n'}
| "labor" | "supply-chain" | "data";{'\n'}
year: number;{'\n'}
body: string;{'\n'}
cites: Citation[];{'\n'}
{'}'}{'\n'}
{'\n'}
export const search: SearchFn{'<'}Disclosure{'>'};{'\n'}
{'\n'}
// climate disclosures cover scope 1/2/3, supply-chain{'\n'}
// transit risk, flood/heat exposure, water stress.
);
}
function FilingsSchema() {
return (
// /mnt/vendors/db/filings.ts — immutable{'\n'}
// rows · 4,201 · ed-gar, equiv-EU{'\n'}
{'\n'}
export interface Filing {'{'}{'\n'}
id: string;{'\n'}
vendorId: string;{'\n'}
kind: "10-K" | "10-Q" | "8-K" | "AR";{'\n'}
date: string;{'\n'}
url: string;{'\n'}
text: string;{'\n'}
{'}'}{'\n'}
{'\n'}
export const search: SearchFn{'<'}Filing{'>'};
);
}
// ─── lib/*.ts (promoted helpers) ────────────────────────────────
function AssessLib() {
return (
// /mnt/vendors/lib/acme-procurement/assessVendorRisk.ts{'\n'}
// promoted 20260518 · from intents a7f3, b021, c4d2{'\n'}
import *
as df
from "../../df";{'\n'}
{'\n'}
export async function assessVendorRisk(
input
: {'{'}{'\n'}
intent:
string;{'\n'}
vendors?:
unknown[];{'\n'}
dimension?:
"security"|
"legal"|
"operational"|
"financial";{'\n'}
limit?:
number;{'\n'}
{'}'}) {'{'}{'\n'}
const q =
shape(input);{'\n'}
const v =
await df.
db.
vendors.
search(q.vendorQuery, {'{'} limit:
50 {'}'});{'\n'}
const i =
await df.
db.
incidents.
search(q.incidentQuery, {'{'} limit:
100 {'}'});{'\n'}
const c =
await df.
db.
contracts.
search(q.contractQuery, {'{'} limit:
50 {'}'});{'\n'}
{'\n'}
const ranked =
rank({'{'} vendors: v, incidents: i, contracts: c, dim: input.dimension {'}'});{'\n'}
{'\n'}
return df.
result({'{'}{'\n'}
topRisks: ranked.
slice(
0, input.limit ??
10),{'\n'}
evidence: ranked.
flatMap(r => r.evidence),{'\n'}
derivation: {'{'} operation:
"vendor risk ranking" {'}'},{'\n'}
{'}'});{'\n'}
{'}'}
);
}
function ExplainLib() {
return (
// /mnt/vendors/lib/acme-procurement/explainVendorRisk.ts{'\n'}
// promoted 20260518 · single-vendor explanation{'\n'}
import *
as df
from "../../df";{'\n'}
{'\n'}
export async function explainVendorRisk(
input
: {'{'}{'\n'}
vendor:
Vendor;{'\n'}
incidents?:
Incident[];{'\n'}
contracts?:
Contract[];{'\n'}
{'}'}) {'{'}{'\n'}
const incidents = input.incidents{'\n'}
??
await df.
db.
incidents.
search(input.vendor.name, {'{'} limit:
25 {'}'});{'\n'}
const contracts = input.contracts{'\n'}
??
await df.
db.
contracts.
search(input.vendor.name, {'{'} limit:
25 {'}'});{'\n'}
{'\n'}
const reasons =
extractReasons(input.vendor, incidents, contracts);{'\n'}
{'\n'}
return df.
result({'{'}{'\n'}
summary:
compose(input.vendor, reasons),{'\n'}
evidence: reasons.
flatMap(r => r.citations),{'\n'}
{'}'});{'\n'}
{'}'}
);
}
function CompareLib() {
return (
// /mnt/vendors/lib/acme-procurement/compareVendorRisk.ts{'\n'}
// promoted 20260518 · two-vendor diff on one dimension{'\n'}
import *
as df
from "../../df";{'\n'}
{'\n'}
export async function compareVendorRisk(
input
: {'{'}{'\n'}
vendors:
Vendor[];{'\n'}
incidents?:
Incident[];{'\n'}
contracts?:
Contract[];{'\n'}
dimension:
"security"|
"legal"|
"operational"|
"financial";{'\n'}
{'}'}) {'{'}{'\n'}
const rows = input.vendors.
map(v =>
scoreOne(v, {'{'}{'\n'}
incidents: input.incidents, contracts: input.contracts,{'\n'}
dim: input.dimension,{'\n'}
{'}'}));{'\n'}
{'\n'}
return df.
result({'{'}{'\n'}
table: rows, winner:
pickWinner(rows),{'\n'}
evidence: rows.
flatMap(r => r.evidence),{'\n'}
{'}'});{'\n'}
{'}'}
);
}
// ─── scripts/scratch.ts (constant — exploratory draft) ─────────
function ScratchTs() {
return (
// scripts/scratch.ts — exploratory probes{'\n'}
// the agent edits this freely before sealing answer.ts{'\n'}
{'\n'}
const probe1 = await df.db.vendors.search("strategic", {'{'} limit: 10 {'}'});{'\n'}
console.log(probe1.value.slice(0, 3));{'\n'}
{'\n'}
const probe2 = await df.db.incidents.search("breach", {'{'} limit: 5 {'}'});{'\n'}
console.log(probe2.value);{'\n'}
{'\n'}
// once a shape works, copy it into answer.ts and seal.
);
}
// ─── result/ folder placeholder ────────────────────────────────
function ResultPlaceholder({ sealed }) {
return (
// result/ — sealed commits{'\n'}
// one folder per intent, each containing:{'\n'}
// source.ts · the answer program{'\n'}
// trajectory · typed read/compute/write chain{'\n'}
// evidence/ · cited rows{'\n'}
// tests/replay · re-runs deterministically{'\n'}
{'\n'}
{sealed && sealed.map((s, i) => (
◆ {s}{'\n'}
))}
{(!sealed || sealed.length === 0) && (
⌁ no sealed commits yet
)}
);
}
// ─── Generic placeholder for empty / not-yet files ─────────────
function EmptyFile({ reason }) {
return (
⌁ {reason}
);
}
// ─── EXPORT: dispatcher ─────────────────────────────────────────
// Returns the JSX content for a given file path at a given slide
// index. Slide-relative content (scripts/answer.ts) is read from
// the slide data, so we don't store it here.
//
// AFTER = the slide index at which crystallisation happens.
const CRYST_IDX = 4;
function renderFile(path, slideIdx, slide) {
// Slide-bound: scripts/answer.ts
if (path === 'scripts/answer.ts') return slide.answerSrc || ;
if (path === 'scripts/scratch.ts') return ;
if (path === 'AGENTS.md') return ;
if (path === 'df.d.ts') return slideIdx >= CRYST_IDX ? : ;
if (path === 'db/vendors.ts') return ;
if (path === 'db/incidents.ts') return ;
if (path === 'db/contracts.ts') return ;
if (path === 'db/disclosures.ts') return ;
if (path === 'db/filings.ts') return ;
// lib helpers — only exist after crystallisation
if (path.startsWith('lib/')) {
if (slideIdx < CRYST_IDX) {
return ;
}
if (path === 'lib/assessVendorRisk.ts') return ;
if (path === 'lib/explainVendorRisk.ts') return ;
if (path === 'lib/compareVendorRisk.ts') return ;
}
// result/ — show sealed list relevant to slide
if (path === 'result/') {
const sealed = [];
if (slideIdx >= 1) sealed.push('a7f3 — find high-risk vendors');
if (slideIdx >= 2) sealed.push('b021 — explain Northwind');
if (slideIdx >= 3) sealed.push('c4d2 — compare Northwind/Contoso');
if (slideIdx >= 5) sealed.push('d918 — top by security (reused)');
if (slideIdx >= 6) sealed.push('e7a4 — climate exposure (cold)');
return ;
}
return ;
}
// Per-file pill tag shown in the editor header.
function fileTag(path, slideIdx) {
if (path === 'AGENTS.md') return 'core';
if (path === 'df.d.ts') return slideIdx >= CRYST_IDX ? 'types · v1' : 'types · v0';
if (path.startsWith('db/')) return 'immutable';
if (path === 'scripts/scratch.ts') return 'scratch';
if (path === 'scripts/answer.ts') return 'this intent';
if (path === 'result/') return 'sealed';
if (path.startsWith('lib/')) {
return slideIdx >= CRYST_IDX ? 'tenant · v1' : '— not yet —';
}
return '';
}
Object.assign(window, { renderFile, fileTag, CRYST_IDX });