/* global React */
const { useState, useEffect, useRef, useCallback } = React;
/* ============================================================
Awen — Document generation workspace (interactive demo)
Two views: (1) document picker grid → (2) EIR section builder
with live "generate" (streaming) and "approve" interactions.
============================================================ */
// --- Minimal line icons (functional UI chrome) ---
const I = {
brief: (s = 18) => (),
doc: (s = 18) => (),
grid: (s = 18) => (),
gear: (s = 18) => (),
info: (s = 18) => (),
plus: (s = 15) => (),
eye: (s = 15) => (),
moon: (s = 15) => (),
logout: (s = 15) => (),
bolt: (s = 15) => (),
refresh: (s = 15) => (),
download: (s = 15) => (),
chevL: (s = 16) => (),
chevR: (s = 16) => (),
// card icons
clipboard: (s = 22) => (),
list: (s = 22) => (),
org: (s = 22) => (),
home: (s = 22) => (),
chart: (s = 22) => (),
tag: (s = 22) => (),
server: (s = 22) => (),
filedoc: (s = 22) => (),
checksq: (s = 22) => (),
wrench: (s = 22) => (),
calendar: (s = 22) => (),
people: (s = 22) => (),
database: (s = 22) => (),
};
// --- The Awen three-ray mark ---
function AwenMark({ size = 26 }) {
return (
);
}
// === Picker data ===
const APPOINTING = [
{ abbr: "EIR", title: "Exchange Information Requirements", desc: "Defines information requirements at project outset", icon: "clipboard", badges: [{ t: "1/4 sections" }, { t: "Client document", teal: true }], feature: true },
{ abbr: "PIR", title: "Project Information Requirements", desc: "Milestone-tied information requirements for a specific project delivery phase", icon: "clipboard" },
{ abbr: "OIR", title: "Organisational Information Requirements", desc: "Organisational-level information requirements", icon: "org", badges: [{ t: "Client document", teal: true }] },
{ abbr: "AIR", title: "Asset Information Requirements", desc: "Information requirements for the operational asset", icon: "home", badges: [{ t: "0/6 sections" }, { t: "Client document", teal: true }] },
{ abbr: "CCA", title: "Capability and Capacity Assessment", desc: "Pre-qualification assessment of team BIM capability and capacity", icon: "chart" },
{ abbr: "NP", title: "Naming Protocol", desc: "Information container naming conventions and controlled vocabulary", icon: "tag" },
{ abbr: "CDE", title: "CDE Protocol", desc: "Rules for the Common Data Environment", icon: "server" },
];
const APPOINTED = [
{ abbr: "Pre-BEP", title: "BIM Execution Plan — Pre-appointment", desc: "Proposed approach submitted before appointment", icon: "filedoc" },
{ abbr: "Post-BEP", title: "BIM Execution Plan — Post-appointment", desc: "Agreed plan following appointment", icon: "checksq" },
{ abbr: "IMP", title: "Information Management Procedure", desc: "Process for managing project information", icon: "wrench" },
{ abbr: "MIDP", title: "Master Information Delivery Plan", desc: "Programme for all information deliverables", icon: "calendar" },
{ abbr: "RM", title: "Responsibility Matrix", desc: "RACI matrix for information responsibilities", icon: "people" },
{ abbr: "AIM", title: "Asset Information Model — Delivery Plan", desc: "How the asset information model will be maintained throughout the operational life of the asset", icon: "database" },
];
// === EIR section tree ===
// content blocks: {h2}|{h3}|{p}|{clause}|{callout:{label,text}}
// inline tokens in text: [[teal mark]] {{client-to-confirm}}
const PURPOSE_BLOCKS = [
{ t: "h2", x: "1.1 Purpose" },
{ t: "p", x: "This Exchange Information Requirements document is issued by [[Riverside Properties Group]] as the Appointing Party for the [[Northgate Quarter — Phase 2]] development, covering the design and delivery information requirements for the scheme and governing both the pre-appointment BEP assessment and all subsequent information production obligations under [[BS EN ISO 19650-2]]." },
{ t: "p", x: "The scheme comprises 285 residential units across two mixed-tenure blocks and 1,200 m² of ground-floor commercial space on a 1.4-hectare brownfield site, procured under a two-stage design and build contract with a target practical completion of Q3 2027." },
{ t: "h2", x: "1.2 Information Management Goals and Objectives" },
{ t: "h3", x: "1.2.1 Goals" },
{ t: "clause", x: "The delivery team shall maintain the integrity of the project information model throughout all stages of information production and handover." },
{ t: "clause", x: "The delivery team shall ensure all information production remains aligned with the Organisational Information Requirements (OIR)." },
{ t: "clause", x: "The delivery team shall maintain a golden thread of building information in accordance with the Building Safety Act 2022." },
{ t: "clause", x: "The delivery team shall produce spatially coordinated information that is free from unresolved clashes at each information exchange." },
{ t: "clause", x: "The delivery team shall deliver a complete Asset Information Model (AIM) at project handover in accordance with the asset information requirements defined in this document." },
{ t: "callout", label: "Building Safety Act 2022 — Higher-Risk Buildings", x: "This appointment is subject to the Building Safety Act 2022. Gateway obligations are defined in Section 2.9.2. Higher-Risk Building status is {{[CLIENT TO CONFIRM: confirm HRB status for each residential building based on final building heights]}}." },
{ t: "h3", x: "1.2.2 Objectives" },
{ t: "clause", x: "The lead appointed party shall submit a pre-appointment BEP prior to contract award." },
{ t: "clause", x: "All appointed parties shall adopt the Common Data Environment (CDE) defined in Section 4b for all information exchanges." },
{ t: "clause", x: "The lead appointed party shall assign a Level of Information Need (LOIN) to each deliverable in accordance with the Master Information Delivery Plan (MIDP)." },
{ t: "clause", x: "Each task team shall produce a clash-free federated model at each design information exchange milestone." },
{ t: "clause", x: "The lead appointed party shall ensure all information required to support Gateway 2 submission is complete, accurate, and held within the CDE." },
];
// Bespoke content for a few sections; the rest use a template.
const BESPOKE = {
"1": PURPOSE_BLOCKS,
"tender": [
{ t: "h2", x: "1.3 Tender Response and Pre-appointment Assessment" },
{ t: "p", x: "Each prospective lead appointed party shall submit a pre-appointment BIM Execution Plan demonstrating capability to deliver against this EIR. Submissions shall be assessed against the [[Capability and Capacity Assessment (CCA)]] criteria appended to the tender documentation." },
{ t: "clause", x: "The pre-appointment BEP shall confirm the proposed information delivery strategy and supporting resources." },
{ t: "clause", x: "Each prospective party shall return a completed Capability and Capacity Assessment for evaluation." },
{ t: "clause", x: "The Appointing Party reserves the right to request clarification of any element of the submitted response." },
],
"related": [
{ t: "h2", x: "1.4 Related Documents" },
{ t: "p", x: "This Exchange Information Requirements document shall be read in conjunction with the [[Northgate Quarter — Phase 2 Project Information Requirements (PIR)]] and incorporated into all appointment documentation issued to the Lead Appointed Party and task teams." },
{ t: "clause", x: "Organisational Information Requirements (OIR) — Riverside Properties Group." },
{ t: "clause", x: "Asset Information Requirements (AIR) — operational asset specification." },
{ t: "clause", x: "Master Information Delivery Plan (MIDP) — issued post-appointment." },
],
};
function templateBlocks(group, name) {
return [
{ t: "h2", x: name },
{ t: "p", x: `This section sets out the ${name.toLowerCase()} applicable to the [[Northgate Quarter — Phase 2]] appointment. All appointed parties shall comply with the requirements defined herein when producing and exchanging information through [[Asite]] as the project Common Data Environment.` },
{ t: "p", x: `Requirements are established in accordance with [[BS EN ISO 19650-2:2018]] and the UK National Annex, and apply throughout the delivery phase under the direction of [[Riverside Properties Group]] as the Appointing Party.` },
{ t: "clause", x: `Each task team shall demonstrate conformance with the ${group.toLowerCase()} defined in this section at every information exchange.` },
{ t: "clause", x: `Non-conformances shall be recorded and resolved before the affected information container is accepted into the shared area of the CDE.` },
];
}
const GROUPS = [
{
name: "Introduction", sections: [
{ id: "1", code: "1", name: "Purpose, Goals and Objectives", sub: "EIR purpose, audience statement, information management goals and objectives" },
{ id: "tender", code: "1 (cont.)", name: "Tender Response and Pre-appointment", sub: "Pre-appointment BEP assessment and submission requirements" },
{ id: "related", code: "1 (cont.)", name: "Related Documents", sub: "PIR, OIR, AIR and supporting reference documents" },
]
},
{
name: "Information Requirements", sections: [
{ id: "2a", code: "2", name: "Purpose, Programme and Milestones", sub: "Delivery programme and information exchange milestones" },
{ id: "2b", code: "2", name: "Security, Coordination, PIM and Asset Information", sub: "Coordination of the project information model" },
{ id: "2c", code: "2b (cont.)", name: "Information Management KPIs", sub: "Performance indicators for information delivery" },
{ id: "2d", code: "2", name: "Health, Safety and CDM Obligations", sub: "CDM 2015 information duties" },
{ id: "2e", code: "2", name: "Design Risk Register", sub: "Design risk information requirements" },
]
},
{
name: "Information Standards", sections: [
{ id: "3a", code: "3a", name: "Applicable Standards", sub: "ISO 19650 suite and supporting British Standards" },
{ id: "3b", code: "3b", name: "Naming Convention and CDE Metadata", sub: "Container naming and required metadata fields" },
{ id: "3c", code: "3c", name: "Security Classification", sub: "Information security classifications" },
{ id: "3d", code: "3d", name: "Level of Information Need", sub: "LOIN definition and assignment" },
{ id: "3e", code: "3e", name: "Data Authoring and Exchange Formats", sub: "Permitted authoring tools and exchange formats" },
{ id: "3f", code: "3f", name: "Software Platforms and Quality Assurance", sub: "Approved platforms and QA process" },
]
},
{
name: "Information Production Methods", sections: [
{ id: "4a", code: "4a", name: "Roles, Responsibilities and RACI", sub: "Information management roles" },
{ id: "4b", code: "4b", name: "Common Data Environment", sub: "CDE workflow and states" },
{ id: "4c", code: "4c", name: "Information Production Workflows", sub: "WIP, shared, published and archive" },
{ id: "4d", code: "4d", name: "Model Federation Strategy", sub: "Federation and volume strategy" },
{ id: "4e", code: "4e", name: "Clash Detection and Coordination", sub: "Coordination process and tolerances" },
{ id: "4f", code: "4f", name: "Classification System", sub: "Uniclass 2015 classification" },
{ id: "4g", code: "4g", name: "Information Delivery and Acceptance", sub: "Acceptance and authorisation process" },
{ id: "4h", code: "4h", name: "Information Container Breakdown Structure", sub: "ICBS definition" },
]
},
];
const ALL_SECTIONS = GROUPS.flatMap(g => g.sections.map(s => ({ ...s, group: g.name })));
const TOTAL = ALL_SECTIONS.length;
function blocksFor(sec) {
return BESPOKE[sec.id] || templateBlocks(sec.group, sec.name);
}
// --- inline token renderer ---
function Inline({ text }) {
const parts = [];
const re = /(\[\[[^\]]+\]\]|\{\{[^}]+\}\})/g;
let last = 0, m, k = 0;
while ((m = re.exec(text)) !== null) {
if (m.index > last) parts.push(text.slice(last, m.index));
const tok = m[0];
if (tok.startsWith("[[")) parts.push({tok.slice(2, -2)});
else parts.push({tok.slice(2, -2)});
last = m.index + tok.length;
}
if (last < text.length) parts.push(text.slice(last));
return <>{parts};
}
function Block({ b }) {
if (b.t === "h2") return
{b.x}
;
if (b.t === "h3") return
{b.x}
;
if (b.t === "clause") return
;
if (b.t === "callout") return
{b.label}:
;
return
;
}
// =================== TOP BAR ===================
function TopBar({ view, onBack }) {
return (
{view === "picker" ? (
ClientProject
) : (
›EIR
)}
{I.eye()}Confidential
);
}
// =================== NAV RAIL ===================
function Rail() {
return (