/* Verndale Commerce — Meeting Governance interactive map */
const { useState, useRef, useLayoutEffect, useEffect, useCallback, useMemo } = React;
const BASE_MEETINGS = window.MEETINGS;
const BASE_EDGES = window.EDGES;
const FLOWS = window.FLOWS;
const TIERS = window.TIERS;
const FLOW_BY_ID = Object.fromEntries(FLOWS.map(f => [f.id, f]));
const TIER_ORDER = { leadership: 0, practice: 1, project: 2 };
const edgeKey = e => `${e.from}__${e.to}__${e.flow}`;
/* ---------- persistence (Cloudflare KV via Pages Function) ---------- */
const IS_LOCAL = window.location.hostname === "localhost";
const API = IS_LOCAL
? "http://localhost:3501/api/meeting-governance/state"
: "/api/meeting-governance/state";
const LOCAL_SNAPSHOT = "/meeting-governance/.local-kv.json";
function apiGet() {
return fetch(API).then(r => {
if (!r.ok) throw new Error(r.status);
return r.json();
}).catch(() =>
fetch(LOCAL_SNAPSHOT).then(r => r.ok ? r.json() : { edits: { meetings: {}, edges: {} }, notes: "" })
).catch(() => ({ edits: { meetings: {}, edges: {} }, notes: "" }));
}
function apiPut(key, value) {
return fetch(API, { method: "PUT", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ key, value }) });
}
/* ---------- Outlook (.ics) meeting template ---------- */
function pad(n) { return String(n).padStart(2, "0"); }
function rruleFor(freq) {
const f = (freq || "").toLowerCase();
if (f.includes("bi-weekly") || f.includes("biweekly")) return "FREQ=WEEKLY;INTERVAL=2";
if (f.includes("week")) return "FREQ=WEEKLY";
if (f.includes("quarter")) return "FREQ=MONTHLY;INTERVAL=3";
if (f.includes("month")) return "FREQ=MONTHLY";
return null;
}
function durISO(d) {
const h = /(\d+)\s*h/.exec(d || ""); const m = /(\d+)\s*min/.exec(d || "");
if (h) return "PT" + h[1] + "H";
if (m) return "PT" + m[1] + "M";
return "PT30M";
}
function icsEscape(s) {
return String(s).replace(/\\/g, "\\\\").replace(/;/g, "\\;").replace(/,/g, "\\,").replace(/\r?\n/g, "\\n");
}
function fold(line) {
const out = [];
while (line.length > 73) { out.push(line.slice(0, 73)); line = " " + line.slice(73); }
out.push(line);
return out.join("\r\n");
}
function meetingDescription(m) {
const L = [];
L.push("FOCUS: " + m.focus, "");
L.push("DRIVER: " + FLOW_BY_ID[m.driver].label);
L.push("OWNER: " + m.owner);
L.push("PARTICIPANTS: " + m.participants.join(", "), "");
L.push("AGENDA:");
m.agenda.forEach(ph => {
L.push("• " + ph.phase + " (" + ph.time + ")");
ph.items.forEach(it => L.push(" – " + it));
});
L.push("", "Status today: " + (m.inPlace === "yes" ? "Existing meeting" : "Proposed meeting"));
L.push("Template generated from the Verndale Commerce Meeting Governance map.");
return L.join("\n");
}
function downloadInvite(m) {
const now = new Date();
const start = new Date(now);
const day = start.getDay();
const add = ((8 - day) % 7) || 7;
start.setDate(start.getDate() + add);
start.setHours(10, 0, 0, 0);
const fmtLocal = dt => "" + dt.getFullYear() + pad(dt.getMonth() + 1) + pad(dt.getDate()) + "T" + pad(dt.getHours()) + pad(dt.getMinutes()) + "00";
const fmtUTC = dt => "" + dt.getUTCFullYear() + pad(dt.getUTCMonth() + 1) + pad(dt.getUTCDate()) + "T" + pad(dt.getUTCHours()) + pad(dt.getUTCMinutes()) + pad(dt.getUTCSeconds()) + "Z";
const rr = rruleFor(m.frequency);
const lines = [
"BEGIN:VCALENDAR", "VERSION:2.0", "PRODID:-//Verndale//Commerce Meeting Governance//EN",
"CALSCALE:GREGORIAN", "METHOD:PUBLISH", "BEGIN:VEVENT",
"UID:" + m.id + "-" + Date.now() + "@verndale.com",
"DTSTAMP:" + fmtUTC(now), "DTSTART:" + fmtLocal(start), "DURATION:" + durISO(m.duration)
];
if (rr) lines.push("RRULE:" + rr);
lines.push(
"SUMMARY:" + icsEscape("Commerce — " + m.name),
"DESCRIPTION:" + icsEscape(meetingDescription(m)),
"ORGANIZER;CN=" + icsEscape(m.owner) + ":mailto:noreply@verndale.com",
"TRANSP:OPAQUE", "END:VEVENT", "END:VCALENDAR"
);
const ics = lines.map(fold).join("\r\n");
const blob = new Blob([ics], { type: "text/calendar;charset=utf-8" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = m.name.replace(/[^\w]+/g, "_").replace(/^_|_$/g, "") + ".ics";
document.body.appendChild(a); a.click(); a.remove();
setTimeout(() => URL.revokeObjectURL(url), 1500);
}
/* ---------- icons ---------- */
function CalIcon() {
return (
);
}
function PencilIcon() {
return (
);
}
function NoteIcon() {
return (
);
}
function TrashIcon() {
return (
);
}
function PlusIcon() {
return (
);
}
/* ---------- Notes panel ---------- */
function NotesPanel({ open, value, onChange, onClose }) {
const taRef = useRef(null);
useEffect(() => { if (open && taRef.current) taRef.current.focus(); }, [open]);
if (!open) return null;
const count = (value || "").trim().length;
return (