);
}
function ChromeButton({ children, icon, kind = "ghost", onClick, active }) {
const solid = kind === "solid";
return (
);
}
function Select({ value, options, onChange, width = 132, icon }) {
return (
);
}
// ─── gates ───
function stageIndex(pid, sid) { return PIPE_BY_ID[pid].stages.findIndex(s => s.id === sid); }
function missingFields(deal, targetStage) {
const p = PIPE_BY_ID[deal.pid];
const from = stageIndex(deal.pid, deal.stage), to = stageIndex(deal.pid, targetStage.id);
const crossed = p.stages.slice(from + 1, to + 1);
const out = [];
const f = deal.f || {};
const mice = deal.pid === "mice";
crossed.forEach(s => {
if (s.cat === "proposal") {
if (!deal.contact) out.push(["Primary contact", "The proposal is addressed to a person, not a company."]);
if (!deal.close) out.push(["Expected close date", "Required from the proposal boundary onwards."]);
if (mice) {
if (!f.from || !f.to) out.push(["Event dates", "Confirmed dates, or the first option of several."]);
if (!f.pax) out.push(["Pax", "Head count drives the meeting-space quote."]);
} else {
if (!f.rateType) out.push(["Rate type", "Negotiated, static net, dynamic or series."]);
if (!f.roomNights) out.push(["Room-night commitment", "The volume the rate is priced against."]);
}
}
if (s.cat === "negotiation") {
if (!deal.close) out.push(["Expected close date", "Negotiation without a date is not a forecast."]);
const limit = s.rot || 30;
if ((deal.lastAct ?? 99) > limit) out.push([`Activity in the last ${limit} days`, `Last logged activity was ${deal.lastAct} days ago. Log a call, an email or a note.`]);
if (mice) {
if (!f.accBudget || !f.meetBudget) out.push(["Budget breakdown", "Accommodation and meetings priced separately."]);
} else {
if (!f.allotment) out.push(["Allotment & release", "Rooms held and the release window in days."]);
}
}
if (s.cat === "won") {
if (mice) {
if (!f.locator) out.push(["PMS locator", "The group block reference in the PMS."]);
if (!f.signed) out.push(["Signed proposal", "Client acceptance on record before the deal is won."]);
} else {
if (!f.promo) out.push(["Booking-engine promo code", "This is the code that attributes every future reservation to the account."]);
if (!f.payTerms) out.push(["Payment terms accepted", "Commission, settlement cycle and credit limit agreed."]);
}
}
});
return out;
}
function approvalGate(deal, targetStage) {
const p = PIPE_BY_ID[deal.pid];
const from = stageIndex(deal.pid, deal.stage), to = stageIndex(deal.pid, targetStage.id);
if (to <= from) return null; // backwards never gated
if (targetStage.cat === "lost") return null; // marking lost never gated
const crossed = p.stages.slice(from + 1, to + 1).filter(s => s.approval);
if (!crossed.length) return null;
if (deal.approval?.state === "granted") return null;
return crossed[0];
}
// ─── deal card ───
function nextActivityTone(next) {
if (!next) return { fg: AMBER, bg: "#FBF3E7", bd: "#EBDCC2", label: "No next action" };
if (next.state === "overdue") return { fg: RED, bg: "#FBEDED", bd: "#EFD2D2", label: `${next.type} · overdue` };
if (next.state === "today") return { fg: FUCHSIA_DARK, bg: FUCHSIA_PALE + "60", bd: FUCHSIA_PALE, label: `${next.type} · today` };
return { fg: DIM, bg: PAPER, bd: RULE, label: `${next.type} · ${shortDate(next.date)}` };
}
function DealCard({ deal, stage, onOpen, onDragStart, dragging, selected }) {
const acc = ACC_BY_ID[deal.acc];
const rotting = stage.rot != null && (deal.lastAct ?? 0) > stage.rot;
const tone = nextActivityTone(deal.next);
const mice = deal.pid === "mice";
const [hover, setHover] = useState(false);
return (
);
}
function GateBlocked({ deal, target, missing, onClose }) {
return (
1 ? "s" : ""} pending on the ${target.cat} boundary. A jump that skips several categories is checked against all of them.`}>