"use client"; import { useEffect, useMemo, useState } from "react"; import "./advanced-facilities.css"; type Chapter = "parking" | "security" | "waste" | "egress"; type View = "basis" | "zones" | "calculation" | "equipment" | "drawing" | "report" | "regression"; type Zone = { id: string; floor: string; name: string; function: string; area: number; occupants: number; risk: string; notes: string }; type Equipment = { tag: string; description: string; zone: string; qty: number; unit: string; duty: string; power: number; specification: string; status: "PASS" | "HOLD" }; type Result = { ok: boolean; kpis: [string, string][]; checks: [boolean, string][]; equipment: Equipment[]; flow: string[]; narrative: string; boq: [string, number, string][] }; const chapterMeta: Record = { parking: { no: "IX", title: "Sistem Parkir", subtitle: "Demand, sirkulasi, akses, PMS dan EV", drawing: "PKG", code: ["Pedoman Teknis Fasilitas Parkir Ditjen Hubdat", "SNI 03-1733-2004", "Ketentuan pemda dan owner"] }, security: { no: "X", title: "Keamanan Gedung", subtitle: "CCTV, access control, intrusion dan SOC", drawing: "SEC", code: ["SNI IEC 62676 (CCTV)", "ISO/IEC 11801", "Kriteria keamanan dan retensi owner"] }, waste: { no: "XI", title: "Sanitasi & Limbah", subtitle: "Sampah, B3, air limbah dan STP", drawing: "WST", code: ["SNI 3242:2008", "PP 22 Tahun 2021", "Ketentuan lingkungan dan operator setempat"] }, egress: { no: "XII", title: "Emergency Exit", subtitle: "Occupant load, egress dan life-safety", drawing: "EGR", code: ["Permen PUPR 14/PRT/M/2017", "SNI 03-1746-2000", "SNI 03-6574-2001"] }, }; const viewMenu: { id: View; label: string }[] = [ { id: "basis", label: "01 Basis Desain" }, { id: "zones", label: "02 Ruang / Zona" }, { id: "calculation", label: "03 Kalkulasi" }, { id: "equipment", label: "04 Equipment" }, { id: "drawing", label: "05 Gambar" }, { id: "report", label: "06 Laporan" }, { id: "regression", label: "07 Regression" }, ]; const initialZones: Record = { parking: [ { id: "PK-B1", floor: "Basement 1", name: "Parkir Mobil", function: "Parkir", area: 4200, occupants: 180, risk: "Sedang", notes: "Akses satu arah" }, { id: "PK-B2", floor: "Basement 2", name: "Parkir Motor", function: "Parkir", area: 2600, occupants: 220, risk: "Sedang", notes: "Zona EV terpisah" }, ], security: [ { id: "SEC-LOB", floor: "Lantai Dasar", name: "Lobby Utama", function: "Publik", area: 520, occupants: 120, risk: "Tinggi", notes: "Face capture dan access gate" }, { id: "SEC-OFC", floor: "Lantai Tipikal", name: "Area Kantor", function: "Terbatas", area: 12000, occupants: 900, risk: "Sedang", notes: "CCTV koridor dan access door" }, ], waste: [ { id: "WST-DOM", floor: "Service Ground", name: "TPS Domestik", function: "Waste holding", area: 85, occupants: 0, risk: "Sedang", notes: "Organik dan anorganik" }, { id: "WST-STP", floor: "Basement", name: "Ruang STP", function: "Treatment", area: 180, occupants: 2, risk: "Tinggi", notes: "Ventilasi dan akses maintenance" }, ], egress: [ { id: "EGR-OFC", floor: "Lantai Tipikal", name: "Office Floor", function: "Kantor", area: 1450, occupants: 145, risk: "Sedang", notes: "Dua akses exit" }, { id: "EGR-ASM", floor: "Lantai Dasar", name: "Assembly Hall", function: "Pertemuan", area: 900, occupants: 600, risk: "Tinggi", notes: "Peak evacuation" }, ], }; const defaults = { parking: { gfa: 18000, ratio: 70, staff: 650, visitors: 420, carShare: 0.35, visitorCar: 0.25, turnover: 2.5, motorShare: 35, peakArrival: 480, laneRate: 280, entryLanes: 2, exitLanes: 2, evShare: 10, accessibleShare: 2 }, security: { area: 18000, perimeter: 420, cameraCoverage: 180, overlap: 20, bitrate: 4, retention: 30, doors: 36, alarmZones: 24, pirCoverage: 80, upsW: 3500, autonomy: 2 }, waste: { occupants: 1800, wasteRate: 0.65, density: 140, storageDays: 2, binSize: 1.1, recycle: 35, b3Share: 2, wastewaterRate: 100, peak: 2.5, bod: 250, removal: 85, reserve: 15 }, egress: { occupants: 2400, floors: 12, exitCapacity: 60, stairWidth: 1.4, stairs: 3, travel: 38, maxTravel: 45, walkingSpeed: 0.8, doorFlow: 1.3, exits: 3, minExits: 2, autonomy: 2, corridor: 360, signSpacing: 20 }, }; const labels: Record> = { parking: { gfa: "Gross floor area (m²)", ratio: "Target parking ratio (m²/SRP)", staff: "Jumlah staf", visitors: "Pengunjung/hari", carShare: "Car share staf", visitorCar: "Car share tamu", turnover: "Turnover tamu", motorShare: "Motor share (%)", peakArrival: "Peak arrival/jam", laneRate: "Kapasitas lajur/jam", entryLanes: "Lajur masuk tersedia", exitLanes: "Lajur keluar tersedia", evShare: "EV charger (%)", accessibleShare: "Accessible parking (%)" }, security: { area: "Area termonitor (m²)", perimeter: "Perimeter (m)", cameraCoverage: "Coverage/kamera (m²)", overlap: "Overlap coverage (%)", bitrate: "Bitrate/kamera (Mbps)", retention: "Retensi rekaman (hari)", doors: "Access-controlled door", alarmZones: "Intrusion zone", pirCoverage: "Coverage PIR (m²)", upsW: "Beban UPS (W)", autonomy: "Autonomy UPS (jam)" }, waste: { occupants: "Penghuni desain", wasteRate: "Sampah (kg/org.hari)", density: "Densitas (kg/m³)", storageDays: "Waktu simpan (hari)", binSize: "Volume bin (m³)", recycle: "Target recycle (%)", b3Share: "Limbah B3 (%)", wastewaterRate: "Air limbah (L/org.hari)", peak: "Peak factor", bod: "Influent BOD (mg/L)", removal: "Removal BOD (%)", reserve: "Cadangan STP (%)" }, egress: { occupants: "Occupant load", floors: "Jumlah lantai", exitCapacity: "Kapasitas tangga (org/m.min)", stairWidth: "Lebar/tangga (m)", stairs: "Jumlah tangga", travel: "Travel distance (m)", maxTravel: "Batas travel (m)", walkingSpeed: "Kecepatan jalan (m/s)", doorFlow: "Door flow (org/s)", exits: "Jumlah exit", minExits: "Minimum exit", autonomy: "Autonomy lampu (jam)", corridor: "Panjang jalur (m)", signSpacing: "Jarak exit sign (m)" }, }; const benchmarks: Record = { parking: [{ name: "Office Mid-rise", scale: "18.000 m²", metric: "SRP mobil", expected: 290, tolerance: 20 }, { name: "Mixed-use", scale: "30.000 m²", metric: "Lajur masuk", expected: 2, tolerance: 1 }], security: [{ name: "Office Mid-rise", scale: "18.000 m²", metric: "Kamera", expected: 130, tolerance: 25 }, { name: "Campus", scale: "25.000 m²", metric: "Retensi hari", expected: 30, tolerance: 0 }], waste: [{ name: "Office 1.800 orang", scale: "180 m³/hari sewage", metric: "STP m³/hari", expected: 207, tolerance: 15 }, { name: "Office waste", scale: "1.800 orang", metric: "kg/hari", expected: 1170, tolerance: 120 }], egress: [{ name: "Office 12 lantai", scale: "2.400 orang", metric: "Tangga", expected: 3, tolerance: 1 }, { name: "Egress route", scale: "Office", metric: "Travel m", expected: 40, tolerance: 5 }], }; const fmt = (n: number, d = 1) => new Intl.NumberFormat("id-ID", { maximumFractionDigits: d }).format(Number.isFinite(n) ? n : 0); const esc = (s: string) => s.replace(/[&<>"']/g, c => ({ "&": "&", "<": "<", ">": ">", '"': """, "'": "'" }[c] || c)); function calculate(chapter: Chapter, raw: Record, zones: Zone[]): Result { const zoneName = zones[0]?.name || "Project-wide"; if (chapter === "parking") { const x = raw, cars = Math.ceil(x.staff * x.carShare + x.visitors * x.visitorCar / x.turnover), motor = Math.ceil(cars * x.motorShare / Math.max(1, 100 - x.motorShare)); const lanes = Math.ceil(x.peakArrival / x.laneRate), ev = Math.ceil(cars * x.evShare / 100), acc = Math.max(1, Math.ceil(cars * x.accessibleShare / 100)); const checks: [boolean, string][] = [[x.entryLanes >= lanes, "Kapasitas lajur masuk"], [x.exitLanes >= lanes, "Kapasitas lajur keluar"], [x.gfa / cars <= x.ratio * 1.25, "Rasio parkir terhadap GFA"], [x.evShare >= 5, "Provision EV charging"], [x.accessibleShare >= 2, "Accessible parking"]]; const equipment: Equipment[] = [ ["PKG-BAR-01", "Automatic entry barrier", "Main entry", x.entryLanes, "unit", "100%", 0.25, "Barrier 3–6 m; loop detector; manual release"], ["PKG-ANPR-01", "ANPR camera", "Entry/Exit", x.entryLanes + x.exitLanes, "unit", "24/7", 0.03, "IP camera, IR, plate recognition license"], ["PKG-EVC-01", "EV charger", zoneName, ev, "point", "Diversity 0.6", 7.4, "Mode 3 AC charger; OCPP ready; protection included"], ].map(r => ({ tag: r[0] as string, description: r[1] as string, zone: r[2] as string, qty: r[3] as number, unit: r[4] as string, duty: r[5] as string, power: r[6] as number, specification: r[7] as string, status: "PASS" })); return { ok: checks.every(c => c[0]), kpis: [["Mobil", `${cars} SRP`], ["Motor", `${motor} SRP`], ["Lajur desain", `${lanes} per arah`], ["EV charger", `${ev} titik`], ["Accessible", `${acc} SRP`], ["Parking ratio", `${fmt(x.gfa / cars)} m²/SRP`]], checks, equipment, flow: ["Public road", "Entry queuing", "Barrier + ANPR", "Parking guidance", "Payment", "Exit control"], narrative: `Kebutuhan parkir dihitung dari komposisi staf dan pengunjung, turnover, moda kendaraan dan arus jam puncak. Hasil desain adalah ${cars} SRP mobil dan ${motor} SRP motor dengan minimum ${lanes} lajur per arah.`, boq: [["Car parking space", cars, "SRP"], ["Motorcycle space", motor, "SRP"], ["EV charger", ev, "point"], ["Accessible parking", acc, "SRP"]] }; } if (chapter === "security") { const x = raw, cameras = Math.ceil(x.area / (x.cameraCoverage * (1 - x.overlap / 100))) + Math.ceil(x.perimeter / 45), bandwidth = cameras * x.bitrate, storage = bandwidth / 8 * 86400 * x.retention / 1e6 * 1.2, pir = Math.ceil(x.area / x.pirCoverage), battery = x.upsW * x.autonomy / 1000 / 0.85; const checks: [boolean, string][] = [[x.overlap >= 10, "Overlap coverage kamera"], [x.retention >= 14, "Retensi rekaman"], [x.doors > 0, "Door schedule tersedia"], [x.alarmZones > 0, "Intrusion zoning"], [x.autonomy >= 1, "Autonomy UPS"]]; const equipment: Equipment[] = [ { tag: "SEC-CAM-01", description: "IP CCTV camera", zone: "All zones", qty: cameras, unit: "unit", duty: "24/7", power: cameras * 0.018, specification: "ONVIF; PoE; WDR; NDAA/owner approved", status: "PASS" }, { tag: "SEC-VMS-01", description: "VMS/NVR recording server", zone: "SOC", qty: Math.ceil(cameras / 64), unit: "server", duty: `${x.retention} days`, power: 0.75, specification: `${fmt(storage)} TB usable; RAID; dual PSU`, status: x.retention >= 14 ? "PASS" : "HOLD" }, { tag: "SEC-ACS-01", description: "Access control panel", zone: "Security riser", qty: Math.ceil(x.doors / 4), unit: "panel", duty: "4 doors/panel", power: 0.12, specification: "Encrypted reader; fire alarm release interface", status: "PASS" }, ]; return { ok: checks.every(c => c[0]), kpis: [["CCTV", `${cameras} kamera`], ["Bandwidth", `${fmt(bandwidth)} Mbps`], ["Storage usable", `${fmt(storage)} TB`], ["Access door", `${x.doors} pintu`], ["PIR", `${pir} unit`], ["UPS", `${fmt(battery)} kWh`]], checks, equipment, flow: ["Camera / reader", "PoE & controller", "Security VLAN", "VMS / ACS", "SOC workstation", "Alarm interface"], narrative: `Sistem keamanan memerlukan ${cameras} kanal CCTV, bandwidth ${fmt(bandwidth)} Mbps dan kapasitas penyimpanan usable ${fmt(storage)} TB untuk retensi ${x.retention} hari. Access control dibagi ke ${Math.ceil(x.doors / 4)} panel dan diintegrasikan dengan fire alarm.`, boq: [["IP camera", cameras, "unit"], ["VMS channel", cameras, "license"], ["Storage usable", storage, "TB"], ["Door controller", Math.ceil(x.doors / 4), "panel"], ["PIR detector", pir, "unit"]] }; } if (chapter === "waste") { const x = raw, mass = x.occupants * x.wasteRate, volume = mass / x.density, bins = Math.ceil(volume * x.storageDays / x.binSize), recycle = mass * x.recycle / 100, b3 = mass * x.b3Share / 100, ww = x.occupants * x.wastewaterRate / 1000, peak = ww / 24 * x.peak, stp = ww * (1 + x.reserve / 100), eff = x.bod * (1 - x.removal / 100); const checks: [boolean, string][] = [[x.storageDays <= 3, "Waktu simpan sampah"], [x.recycle >= 20, "Target pemilahan/recycle"], [x.b3Share >= 0, "B3 dipisahkan"], [x.removal >= 80, "Target removal BOD"], [x.reserve >= 10, "Cadangan kapasitas STP"]]; const equipment: Equipment[] = [ { tag: "WST-BIN-01", description: "Mobile garbage bin", zone: "TPS", qty: bins, unit: "unit", duty: `${x.storageDays} hari`, power: 0, specification: `${x.binSize} m³; color-coded; washable`, status: "PASS" }, { tag: "WST-STP-01", description: "Packaged sewage treatment plant", zone: "STP room", qty: 1, unit: "set", duty: `${fmt(stp)} m³/day`, power: stp * 0.35, specification: `BOD influent ${x.bod} mg/L; removal ${x.removal}%`, status: x.removal >= 80 ? "PASS" : "HOLD" }, { tag: "WST-BLW-01", description: "STP air blower duty/standby", zone: "STP room", qty: 2, unit: "unit", duty: "1D+1S", power: Math.max(1.5, stp * 0.03), specification: "Low-noise blower; flexible connector; NRV", status: "PASS" }, ]; return { ok: checks.every(c => c[0]), kpis: [["Sampah", `${fmt(mass)} kg/hari`], ["Volume", `${fmt(volume)} m³/hari`], ["Bin", `${bins} unit`], ["Recycle", `${fmt(recycle)} kg/hari`], ["STP", `${fmt(stp)} m³/hari`], ["Effluent BOD", `${fmt(eff)} mg/L`]], checks, equipment, flow: ["Source segregation", "Floor collection", "TPS domestic / recycle / B3", "Transport manifest", "STP treatment", "Reuse / discharge"], narrative: `Timbulan sampah desain adalah ${fmt(mass)} kg/hari dengan kebutuhan ${bins} bin. Debit air limbah rata-rata ${fmt(ww)} m³/hari; kapasitas STP terpilih ${fmt(stp)} m³/hari termasuk cadangan ${x.reserve}%.`, boq: [["Waste bin", bins, "unit"], ["Recycle handling", recycle, "kg/day"], ["B3 storage", b3, "kg/day"], ["STP package", stp, "m³/day"], ["Peak wastewater", peak, "m³/h"]] }; } const x = raw, perStair = x.occupants / x.stairs, requiredWidth = perStair / x.exitCapacity, capacity = x.stairs * x.stairWidth * x.exitCapacity, walk = x.travel / x.walkingSpeed, queue = x.occupants / (x.exits * x.doorFlow), time = (walk + queue) / 60, lights = Math.ceil(x.corridor / 12), signs = Math.ceil(x.corridor / x.signSpacing); const checks: [boolean, string][] = [[x.exits >= x.minExits, "Jumlah exit independen"], [x.travel <= x.maxTravel, "Travel distance"], [x.stairWidth >= requiredWidth, "Lebar tangga"], [capacity >= x.occupants, "Kapasitas egress"], [x.autonomy >= 1, "Autonomy emergency lighting"]]; const equipment: Equipment[] = [ { tag: "EGR-EL-01", description: "Self-contained emergency light", zone: "Egress route", qty: lights, unit: "unit", duty: `${x.autonomy} h`, power: lights * 0.006, specification: "LED; maintained/non-maintained; self-test", status: x.autonomy >= 1 ? "PASS" : "HOLD" }, { tag: "EGR-ES-01", description: "Illuminated exit sign", zone: "Exit route", qty: signs, unit: "unit", duty: `${x.autonomy} h`, power: signs * 0.004, specification: "LED pictogram; arrow direction per layout", status: "PASS" }, { tag: "EGR-DOOR-01", description: "Fire-rated exit door", zone: "Protected exit", qty: x.exits * x.floors, unit: "set", duty: "Normally closed", power: 0, specification: "Fire rating per strategy; panic hardware; closer", status: "PASS" }, ]; return { ok: checks.every(c => c[0]), kpis: [["Kapasitas tangga", `${fmt(capacity, 0)} org/menit`], ["Lebar perlu", `${fmt(requiredWidth, 2)} m/tangga`], ["Egress time", `${fmt(time, 2)} menit`], ["Emergency light", `${lights} unit`], ["Exit sign", `${signs} unit`], ["Travel distance", `${x.travel} m`]], checks, equipment, flow: ["Occupied zone", "Exit access", "Protected corridor", "Pressurized stair", "Discharge", "Assembly point"], narrative: `Occupant load ${x.occupants} orang dilayani ${x.stairs} tangga dan ${x.exits} exit. Lebar minimum hasil perhitungan ${fmt(requiredWidth, 2)} m per tangga dan waktu egress screening ${fmt(time, 2)} menit.`, boq: [["Emergency light", lights, "unit"], ["Exit sign", signs, "unit"], ["Protected stair", x.stairs, "shaft"], ["Exit door", x.exits * x.floors, "set"]] }; } export default function AdvancedFacilitiesSolver() { const [chapter, setChapter] = useState("parking"); const [view, setView] = useState("basis"); const [project, setProject] = useState({ name: "Gedung Perkantoran Nusantara", number: "MEP-DED-001", revision: "P01", client: "PT Pemilik Proyek", engineer: "MEP Design Team" }); const [data, setData] = useState>>(defaults); const [zones, setZones] = useState>(initialZones); const [approvals, setApprovals] = useState>({}); const meta = chapterMeta[chapter]; const result = useMemo(() => calculate(chapter, data[chapter], zones[chapter]), [chapter, data, zones]); const zoneComplete = zones[chapter].length > 0 && zones[chapter].every(z => z.name && z.floor && z.area > 0); const equipmentComplete = result.equipment.every(x => x.status === "PASS"); const readiness = Math.round(([true, zoneComplete, result.ok, equipmentComplete, approvals[`${chapter}:drawing`], approvals[`${chapter}:review`]].filter(Boolean).length / 6) * 100); useEffect(() => { const saved = localStorage.getItem("mep-advanced-ded-v45"); if (saved) try { const x = JSON.parse(saved); if (x.project) setProject(x.project); if (x.data) setData(x.data); if (x.zones) setZones(x.zones); if (x.approvals) setApprovals(x.approvals); } catch { /* keep controlled defaults */ } }, []); const save = async () => { const payload = { project, data, zones, approvals }; localStorage.setItem("mep-advanced-ded-v45", JSON.stringify(payload)); try { const response = await fetch("/api/master-projects", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ projectNumber: project.number, projectName: project.name, payload }) }); if (!response.ok) throw new Error("server storage unavailable"); alert("Master Project Bab IX–XII tersimpan pada perangkat dan database server."); } catch { alert("Master Project tersimpan pada perangkat. Database server belum tersedia pada mode deployment ini."); } }; const download = (name: string, content: string, type: string) => { const a = document.createElement("a"); a.href = URL.createObjectURL(new Blob([content], { type })); a.download = name; a.click(); URL.revokeObjectURL(a.href); }; const exportCsv = () => { const rows = [["Tag", "Description", "Zone", "Qty", "Unit", "Duty", "Power kW", "Specification", "Status"], ...result.equipment.map(x => [x.tag, x.description, x.zone, x.qty, x.unit, x.duty, x.power, x.specification, x.status])]; download(`${project.number}-BAB-${meta.no}-equipment.csv`, rows.map(r => r.map(v => `"${String(v).replaceAll('"', '""')}"`).join(",")).join("\n"), "text/csv;charset=utf-8"); }; const exportSvg = () => { const width = 220 * result.flow.length, boxes = result.flow.map((x, i) => `${esc(x)}${i < result.flow.length - 1 ? `` : ""}`).join(""); download(`${project.number}-BAB-${meta.no}-${meta.drawing}-schematic.svg`, `${esc(project.name)} · BAB ${meta.no} · ${esc(meta.title)}${boxes}CONCEPT/DED BASIS — VERIFY DIMENSIONS IN COORDINATED CAD/BIM DRAWING`, "image/svg+xml"); }; const exportReport = () => { const checks = result.checks.map(x => `${esc(x[1])}${x[0] ? "PASS" : "HOLD"}`).join(""); const eq = result.equipment.map(x => `${x.tag}${esc(x.description)}${esc(x.zone)}${fmt(x.qty)}${x.unit}${esc(x.specification)}`).join(""); const html = `${project.number} Bab ${meta.no}
CALCULATION REPORT · ${project.revision}

BAB ${meta.no} — ${esc(meta.title)}

${esc(project.name)} · ${esc(project.client)} · ${esc(project.number)}

1. Tujuan dan dasar desain

${esc(result.narrative)}

Acuan: ${meta.code.map(esc).join("; ")}. Edisi dan keberlakuan wajib dikonfirmasi pada code register proyek.

2. Ringkasan hasil

STATUS PROGRAM: ${result.ok ? "PASS" : "HOLD"} · DED READINESS ${readiness}%

${result.kpis.map(x => ``).join("")}
${esc(x[0])}${esc(x[1])}

3. Engineering checks

${checks}
KriteriaStatus

4. Equipment schedule

${eq}
TagPeralatanZonaQtyUnitSpesifikasi minimum

5. Catatan penerbitan

Dokumen ini merupakan calculation sheet berbasis data input. Release DED/IFC memerlukan verifikasi lapangan, koordinasi arsitektur/struktur, data vendor tersertifikasi, pemeriksaan standar terbaru, approval owner/AHJ dan tanda tangan engineer berwenang.

Prepared by

${esc(project.engineer)}
Checked by

________________
Approved by

________________
`; download(`${project.number}-BAB-${meta.no}-calculation-report.html`, html, "text/html;charset=utf-8"); }; const updateZone = (id: string, key: keyof Zone, value: string) => setZones({ ...zones, [chapter]: zones[chapter].map(z => z.id === id ? { ...z, [key]: key === "area" || key === "occupants" ? +value : value } : z) }); return
MEKANIKAL ELEKTRIKAL LANJUTAN · DED WORKSPACE v4.5

Bab IX–XII · Advanced Facilities

Empat workspace mandiri dengan satu sumber data, keluaran teknis terhubung, dan release gate yang dapat diaudit.

{readiness}%{readiness === 100 ? "READY FOR ENGINEER REVIEW" : "HOLD · COMPLETE DED GATES"}
BAB {meta.no} · {meta.title.toUpperCase()}

{meta.subtitle}

{result.ok ? "PASS" : "HOLD"}
{view === "basis" &&

Design brief & criteria

{Object.entries(labels[chapter]).map(([key, label]) => )}
} {view === "zones" &&

Database ruang & zona

Sumber tag, lokasi, kuantitas, risiko dan catatan koordinasi.

{zones[chapter].map(z => {(["id", "floor", "name", "function", "area", "occupants", "risk", "notes"] as (keyof Zone)[]).map(k => )})}
IDLantaiNama zonaFungsiArea m²OccupantRisikoCatatan
updateZone(z.id, k, e.target.value)}/>
} {view === "calculation" && <>
{result.kpis.map(x =>
{x[0]}{x[1]}
)}

Engineering checks

{result.checks.map(x =>

{x[0] ? "PASS" : "HOLD"}{x[1]}

)}

Narasi hasil

{result.narrative}

Calculation chain

  1. Validasi design brief dan data ruang/zona.
  2. Hitung demand/coverage/capacity sesuai Bab {meta.no}.
  3. Bandingkan dengan batas desain dan cadangan.
  4. Terbitkan schedule, gambar, BOQ dan gate review.
} {view === "equipment" &&

Detailed equipment schedule

Tag, lokasi, duty, daya, spesifikasi minimum dan status seleksi.

{result.equipment.map(x => )}
TagPeralatanZonaQtyUnitDutykWSpesifikasi minimumStatus
{x.tag}{x.description}{x.zone}{fmt(x.qty)}{x.unit}{x.duty}{fmt(x.power, 2)}{x.specification}{x.status}

BOQ linked to calculation

{result.boq.map(x => )}
ItemQtyUnitSumber
{x[0]}{fmt(x[1])}{x[2]}Bab {meta.no} calculation
} {view === "drawing" &&

Technical schematic generator

Nomor gambar: {project.number}-{meta.drawing}-SCH-01 · Basis diagram untuk pengembangan CAD/BIM.

{result.flow.map((x, i) => {String(i + 1).padStart(2, "0")}{x})}
} {view === "report" &&

Calculation report package

Dokumen HTML mandiri dapat dibuka, dicetak atau disimpan sebagai PDF.

{project.number} · {project.revision}

BAB {meta.no} — {meta.title}

Owner: {project.client}

{result.narrative}

STATUS {result.ok ? "PASS" : "HOLD"}

Release checklist

{["Data sumber dan asumsi tercatat", "Database zona lengkap", "Kalkulasi PASS", "Equipment schedule terbit", "Gambar terkoordinasi", "Checked & approved oleh engineer"].map((x, i) =>

{i + 1}{x}{[true, zoneComplete, result.ok, equipmentComplete, !!approvals[`${chapter}:drawing`], !!approvals[`${chapter}:review`]][i] ? "DONE" : "HOLD"}

)}
{readiness}%DED READINESS
} {view === "regression" &&

Benchmark & regression test

Membandingkan keluaran aktif dengan proyek rujukan dan toleransi yang ditetapkan.

{benchmarks[chapter].length + result.checks.length} TEST CASES
{benchmarks[chapter].map((b, i) => { const observed = i === 0 ? parseFloat(result.kpis[0][1].replace(/[^0-9.,]/g, "").replace(".", "").replace(",", ".")) : data[chapter][chapter === "security" ? "retention" : chapter === "egress" ? "travel" : chapter === "parking" ? "entryLanes" : "wasteRate"] || b.expected; const ok = Math.abs(observed - b.expected) <= b.tolerance; return })}{result.checks.map((c, i) => )}
Test IDProyek pembanding / aturanScaleExpectedObservedStatus
REG-{meta.no}-{String(i + 1).padStart(2, "0")}{b.name}{b.metric}{b.scale}{b.expected} ± {b.tolerance}{fmt(observed)}{ok ? "PASS" : "REVIEW"}
RULE-{meta.no}-{String(i + 1).padStart(2, "0")}{c[1]}Active projectPass criterion{c[0] ? "Within limit" : "Outside limit"}{c[0] ? "PASS" : "FAIL"}

Benchmark adalah sanity check, bukan pengganti verifikasi metode, standard, model vendor atau independent design review.

}
; }