// ═══════════════════════════════════════════════════════════════════
// INSTANCE KNOWLEDGE GRAPH (per tenant-project)
// The CONCRETE property graph — real entity instances and edges
// extracted from THIS project's parsed artifacts. (The abstract tier
// ontology lives under Platform · Ontology Reference.)
// · live project → the real deal-entity graph (window.RaisableInstanceGraph)
// · other projects → a provenance graph: artifacts → subject → derived entities
// ═══════════════════════════════════════════════════════════════════
(function () {
const I = window.INTEL;
const R = window.RAISABLE;
const igMono = (s, extra) => {s} ;
// ── ontology-category styling — the shared visual language (window.OKit),
// declared once in OntologyKit.jsx and reused by every ontology-typed graph.
const OK = window.OKit;
const cgCat = OK.subjCat, cgColor = OK.subjColor, cgGlyph = OK.subjGlyph;
// ── concrete entity graph from a store.GRAPH {nodes,edges} ────────
const NW = 116, NH = 46;
function ConcreteGraph({ graph }) {
const byId = {}; graph.nodes.forEach((n) => (byId[n.id] = n));
return (
{graph.edges.map((e, i) => {
const s = byId[e.from], t = byId[e.to]; if (!s || !t) return null;
const dx = t.x - s.x, dy = t.y - s.y, len = Math.hypot(dx, dy) || 1;
const sx = s.x + (dx / len) * 62, sy = s.y + (dy / len) * 28;
const ex = t.x - (dx / len) * 64, ey = t.y - (dy / len) * 28;
const stroke = e.risk ? "var(--err)" : "var(--ink-3)";
return (
{e.label}
);
})}
{graph.nodes.map((n) => {
const cat = cgCat(n.of);
const reified = cat === "reified";
const dashed = cat === "ref";
const baseCol = cgColor(n.of);
const c = n.risk ? "var(--err)" : baseCol;
const x0 = n.x - NW / 2, y0 = n.y - NH / 2;
const hex = `${x0},${n.y} ${x0 + 13},${y0} ${x0 + NW - 13},${y0} ${x0 + NW},${n.y} ${x0 + NW - 13},${y0 + NH} ${x0 + 13},${y0 + NH}`;
return (
{reified ? (
{cgGlyph(n.of)} {n.label}{n.sub}
);
})}
);
}
const KIND_GLYPH = { pdf: "▤", docx: "▤", html: "◍", md: "≣", xlsx: "▦", zip: "❏", platform: "⬡" };
// provenance graph for non-live projects: artifacts (left) → subject (centre) → entities (right)
function ProvenanceGraph({ proj }) {
const arts = I.artifactsFor(proj).filter((a) => a.status === "parsed");
const kg = (proj.metrics && proj.metrics.kg) || "—";
const nEnt = parseInt((kg.match(/(\d+)\s*entit/) || [])[1] || "0", 10);
const nEdge = parseInt((kg.match(/(\d+)\s*edge/) || [])[1] || "0", 10);
const H = Math.max(220, arts.length * 56 + 40);
const subjY = H / 2;
const aGap = arts.length > 1 ? (H - 80) / (arts.length - 1) : 0;
return (
{/* edges artifact -> subject */}
{arts.map((a, i) => {
const ay = 40 + i * aGap;
return
{KIND_GLYPH[a.kind] || "▢"}
{a.id}
);
})}
{/* subject node */}
{proj.kind}
{proj.subject.length > 34 ? proj.subject.slice(0, 33) + "…" : proj.subject}
{/* derived entities node */}
{nEnt || "—"}
ENTITIES
{/* labels */}
parsed
resolves
);
}
function InstanceGraph({ proj, tenant, go }) {
if (proj.live && window.RaisableInstanceGraph) {
return (
{igMono((proj.metrics && proj.metrics.kg) || "", { color: "var(--accent-lo)" })}
}>
{igMono((proj.metrics && proj.metrics.kg) || "", { color: "var(--accent-lo)" })}
}>
{!graphReady ? (
Graph not yet formed
go("workflow")} style={{ border: "1px solid var(--accent-bd)", background: "var(--accent-bg)", color: "var(--accent-lo)", borderRadius: "var(--r-2)", padding: "8px 16px", cursor: "pointer", fontFamily: "var(--mono)", fontSize: "9.5px", fontWeight: 600, letterSpacing: "0.08em", textTransform: "uppercase" }}>open workflow ↗
) : (
{[["structural link", "var(--ink-3)", false], ["at-risk dependency · unverified", "var(--err)", true]].map(([lbl, c, dash]) => (
))}
{store.GRAPH.nodes.length} entities · {store.GRAPH.edges.length} edges, each typed to a World-Model subject and styled by its ontology category. The two red dependencies (land control, IP rights) are unverified — everything downstream inherits their risk.
)}
);
}
const arts = I.artifactsFor(proj).filter((a) => a.status === "parsed");
// the concrete graph only exists once the Knowledge Graph step has built it
const graphReady = !!(proj.run && proj.run.steps && proj.run.steps.kg === "done");
return (
{igMono((graphReady && proj.metrics && proj.metrics.kg) || "no entities yet", { color: "var(--accent-lo)" })}
}>
{!graphReady ? (
Graph not yet formed
Entities resolve once the Knowledge Graph is built in Workflow · 01. This project is at the {proj.stage} stage{arts.length ? " — " + arts.length + " artifact" + (arts.length > 1 ? "s" : "") + " parsed" : ""}.
go("workflow")} style={{ border: "1px solid var(--accent-bd)", background: "var(--accent-bg)", color: "var(--accent-lo)", borderRadius: "var(--r-2)", padding: "8px 16px", cursor: "pointer", fontFamily: "var(--mono)", fontSize: "9.5px", fontWeight: 600, letterSpacing: "0.08em", textTransform: "uppercase" }}>open workflow ↗
) : (
Concrete Graph
{arts.length} parsed artifacts → {proj.kind} → {(proj.metrics && proj.metrics.kg) || "entities resolving"}. Typed against the ontology under Platform · Ontology Reference.
)}
);
}
Object.assign(window, { InstanceGraph, ConcreteGraph });
})();