/* NutriDMS, Compliance rule wizards (Nutrition · Ingredient · Health Tag · Allergen)
Large centered two-pane popup: step-by-step builder on the left, a LIVE preview
on the right that simulates, in real time, exactly what the rule will trigger
and which recipes/ingredients it affects across the library.
Mounted once at root; opened via openCompliance({type, mode, row, onSaved}).
Read-only when mode === "view" or the role can't edit. */
const { useState: useCwState, useMemo: useCwMemo, useEffect: useCwEffect } = React;
/* ───────── Shared atoms ───────── */
/* Stepper header */
function CwSteps({ steps, active, onJump }) {
return (
{steps.map((s, i) => (
{i > 0 && }
))}
);
}
/* Loraa step guidance, a short, branded "here's what to do" line at the top of each step. */
function CwGuide({ children }) {
return (
{children}
);
}
/* Optional-field marker */
function Opt() { return (optional); }
/* ═══════════ Loraa rule copilot (Enterprise-only) ═══════════
An ACTIVE assistant pinned to the right pane across every step of every rule
wizard. It re-reads the draft + live simulation on each render and surfaces
contextual, prioritised guidance with jump-to-step actions and an Ask row.
Gated: only enterprise subscribers get the live copilot; everyone else sees a
locked upsell card. */
function cwIsEnterprise() {
try { return (typeof mpPlan === "function" ? mpPlan() : "professional") === "enterprise"; } catch (e) { return false; }
}
/* Build prioritised, draft-aware insights. Returns [{tone, icon, title, body, step}] */
function cwLoraaInsights(type, draft, sim) {
const out = [];
const sev = draft.severity || "Minimal";
const hard = /^(severe|critical)$/i.test(sev);
const limits = (draft.limits || []).filter((l) => l.nutrient);
const ings = (draft.ingredients || []).filter(Boolean);
// Identity coverage (all types)
if (!draft.name || !String(draft.name).trim()) {
out.push({ tone: "warn", icon: "type", title: "Name this rule", body: "Reviewers and the audit log key off the rule name, give it something specific.", step: 1 });
}
if (type === "nutrition") {
if (!limits.length) {
out.push({ tone: "warn", icon: "sliders-horizontal", title: "Add a threshold", body: "A nutrition rule does nothing until you set at least one Min or Max. I'll simulate impact the moment you do.", step: 1 });
} else if (sim) {
const pct = sim.tested ? Math.round((sim.flagged.length / sim.tested) * 100) : 0;
if (sim.flagged.length === 0) {
out.push({ tone: "info", icon: "search", title: "Catches nothing today", body: `No published recipe breaches these limits. That's fine for a guardrail, but if you meant to catch outliers, tighten the threshold.`, step: 1 });
} else if (pct >= 40) {
out.push({ tone: "warn", icon: "radar", title: "Wide blast radius", body: `This flags ${sim.flagged.length} of ${sim.tested} recipes (${pct}%). ${hard ? "At " + sev + " severity that blocks all of them until fixed." : "Confirm that's intended before activating."}`, step: 1 });
} else {
out.push({ tone: "good", icon: "circle-check", title: "Looks well-targeted", body: `${sim.flagged.length} of ${sim.tested} recipes (${pct}%) flag, a focused set you can action.`, step: 1 });
}
}
if (limits.length && !hard) {
out.push({ tone: "info", icon: "shield", title: "Severity is advisory", body: `At ${sev}, recipes are warned but not blocked. Raise to Severe/Critical to gate submission.`, step: 1 });
}
}
if (type === "ingredient") {
if (!ings.length) {
out.push({ tone: "warn", icon: "leaf", title: "Pick ingredients to watch", body: "Choose the ingredients this rule should catch, I'll list every recipe that uses them on the right.", step: 1 });
}
const alts = (draft.alternatives || draft.alts || []).filter((a) => a && (a.ing || a.name));
if (ings.length && !alts.length) {
out.push({ tone: "info", icon: "repeat", title: "Offer a swap", body: "Add an approved alternative with its nutrient target so cooks know exactly what to substitute, that's what turns a block into a fix.", step: 1 });
} else if (alts.length) {
out.push({ tone: "good", icon: "repeat", title: `${alts.length} alternative${alts.length === 1 ? "" : "s"} ready`, body: "Cooks will see these swaps inline when a recipe trips this rule.", step: 1 });
}
if (sim && sim.flagged.length) {
out.push({ tone: "warn", icon: "radar", title: `${sim.flagged.length} recipe${sim.flagged.length === 1 ? "" : "s"} affected`, body: `Currently use the watched ingredient${ings.length === 1 ? "" : "s"}. ${hard ? "These will be blocked at " + sev + "." : "These get a " + sev.toLowerCase() + " warning."}`, step: 1 });
}
}
if (type === "allergen") {
if (!ings.length) {
out.push({ tone: "warn", icon: "alert-triangle", title: "Link the carriers", body: "Tag every ingredient that carries this allergen, any recipe with one gets flagged automatically.", step: 1 });
}
if (!hard) {
out.push({ tone: "warn", icon: "shield-alert", title: "Allergens usually block", body: `You're at ${sev}. Allergen rules are typically Severe or Critical so unsafe recipes can't ship, consider raising it.`, step: 1 });
} else {
out.push({ tone: "good", icon: "shield-check", title: "Hard block set", body: `At ${sev}, any recipe containing a linked ingredient is blocked until resolved.`, step: 1 });
}
}
if (type === "healthtag") {
const low = (draft.low || []).length, mod = (draft.mod || []).length, high = (draft.high || []).length;
const conds = (draft.conditions || []).length;
out.push({ tone: "info", icon: "info", title: "Tags steer, they don't block", body: "Health tags shape scoring and patient matching rather than hard-flagging recipes, there's no blast radius to simulate.", step: 1 });
if (!conds) {
out.push({ tone: "warn", icon: "heart-pulse", title: "Attach conditions", body: "Link the conditions this tag serves so the right patients get matched to meals carrying it.", step: 1 });
}
if (!(low + mod + high)) {
out.push({ tone: "warn", icon: "list", title: "Map some nutrients", body: "Sort a few nutrients into keep-low / moderate / encourage so meals can be scored against this tag.", step: 2 });
} else if (!high) {
out.push({ tone: "info", icon: "trending-up", title: "Nothing to encourage", body: "You've set restrictions but no encouraged nutrients, adding a couple makes scoring more balanced.", step: 2 });
} else {
out.push({ tone: "good", icon: "circle-check", title: "Balanced map", body: `${low} low · ${mod} moderate · ${high} encouraged, meals can be scored cleanly.`, step: 2 });
}
}
return out.slice(0, 4);
}
const CW_LORAA_ASKS = {
nutrition: [
{ q: "What severity should I use?", a: "Use Minimal/Low for nudges, Moderate/Warning to surface issues in review, and Severe/Critical only when a breach should block submission outright." },
{ q: "How tight should the limit be?", a: "Watch the simulation: aim for a threshold that flags the genuine outliers (a handful of recipes), not zero and not half the library." },
{ q: "Min, Max, or both?", a: "Max caps a nutrient (sodium, sugar), Min enforces a floor (protein, fibre). Set both to define an acceptable band." },
],
ingredient: [
{ q: "Do I need an alternative?", a: "Not required, but recommended, a named swap with a nutrient target turns a hard block into a one-click fix for cooks." },
{ q: "How does this link to allergens?", a: "If the watched ingredient also carries an allergen, link it in the Allergen Table so both rules fire together." },
{ q: "Will existing recipes break?", a: "The live panel lists exactly which approved recipes use the ingredient today, that's your migration list." },
],
allergen: [
{ q: "What severity for allergens?", a: "Almost always Severe or Critical, an allergen slip is a safety event, so blocking submission is the safe default." },
{ q: "Do I list every ingredient?", a: "Link every carrier you know of. Recipes are matched on these, so a missing carrier means a missed flag." },
],
healthtag: [
{ q: "Why no recipe simulation?", a: "Tags influence scoring and patient matching, not pass/fail, so there's no flag count to preview, only the recommendation map." },
{ q: "Keep-low vs encourage?", a: "Keep-low nutrients pull a meal's score down for this tag; encouraged nutrients lift it. Moderate sits neutral." },
{ q: "Where do conditions come from?", a: "From Health Conditions, managing them there keeps this list consistent across every rule." },
],
};
function CwLoraa({ draft, setStep }) {
const type = ({ "Nutrition": "nutrition", "Ingredient": "ingredient", "Allergen": "allergen", "Health Tag": "healthtag" })[draft.type] || "nutrition";
const [, bumpPlan] = React.useState(0);
React.useEffect(() => {
const h = () => bumpPlan((n) => n + 1);
window.addEventListener("nutridms-mealprograms", h);
return () => window.removeEventListener("nutridms-mealprograms", h);
}, []);
const enterprise = cwIsEnterprise();
let loraaToast = null; try { loraaToast = useApp().toast; } catch (e) {}
const [ask, setAsk] = React.useState(null);
const sim = useCwMemo(() => {
if (!enterprise || type === "healthtag") return null;
try {
const d = { type: draft.type, name: draft.name, severity: draft.severity, limits: (draft.limits || []).filter((l) => l.nutrient), ingredients: (draft.ingredients || []).filter(Boolean) };
return (typeof compSimulateRule === "function") ? compSimulateRule(d) : null;
} catch (e) { return null; }
}, [enterprise, type, JSON.stringify(draft)]);
if (!enterprise) {
return (
Loraa rule copilot Enterprise
Live, rule-aware coaching, threshold tuning, blast-radius checks and swap suggestions as you build, is part of the Enterprise plan.
);
}
/* Severity tag used across the live preview */
function CwSev({ sev }) {
const tone = (typeof compSeverityTone === "function") ? compSeverityTone(sev) : "neutral";
return {sev};
}
/* Step 1, input method (shared). onScratch advances into the step-by-step builder. */
function CwMethod({ noun, onScratch, readOnly, bulkType, onImported }) {
const { toast } = useApp();
const fileRef = React.useRef(null);
const [busy, setBusy] = React.useState(false);
const proceed = () => { if (onScratch) onScratch(); };
const supportsBulk = bulkType === "nutrition" && !readOnly;
const downloadTemplate = async () => {
try {
await compDownloadRuleTemplate();
toast && toast("Nutrient rule template downloaded");
} catch (error) {
toast && toast((error && error.message) || "The rule template could not be downloaded.");
}
};
const importFile = async (event) => {
const input = event && event.target;
const file = input && input.files && input.files[0];
if (!file) return;
setBusy(true);
try {
const result = await compBulkUploadRuleFile(file);
toast && toast((result.imported || 0) + " nutrient rule" + (result.imported === 1 ? "" : "s") + " imported");
onImported && onImported();
} catch (error) {
const first = error && error.data && Array.isArray(error.data.rows) && error.data.rows[0];
const rowMessage = first && Array.isArray(first.errors) ? " Row " + first.row + ": " + first.errors.join("; ") : "";
toast && toast(((error && error.message) || "The rules were not imported.") + rowMessage);
} finally {
setBusy(false);
if (input) input.value = "";
}
};
return (
{supportsBulk ? "Import a validated CSV to bulk-create nutrient rules, or build one step by step. Every imported row is checked before anything is saved." : "Build this " + noun + " step by step, I'll preview what it affects as you go."}
{readOnly ? "View rule details" : "How do you want to start?"}
{supportsBulk && (
<>
Download the live CSV template. Its columns exactly match the tenant-scoped importer.
Choose a completed NutriDMS nutrient-rule CSV file.
Maximum 200 rows and 1 MB. Import is all-or-nothing.
)}
);
}
/* Activate toggle row */
function CwActivate({ on, set, disabled }) {
return (
Do you want to activate this Rule?Once activated it applies to ingredients and recipes selected
);
}
/* Photo picker, stock library (searchable, by category) + upload your own.
Opens as a small modal over the wizard. onPick(url) assigns; onClear removes override. */
function CwPhotoPicker({ tag, current, onPick, onClose }) {
const { toast } = useApp();
const [cat, setCat] = useCwState("All");
const [q, setQ] = useCwState("");
const fileRef = React.useRef(null);
const stock = (window.COMP_STOCK_PHOTOS || []);
const cats = (window.COMP_STOCK_CATS || ["All"]);
const shown = stock.filter((p) => (cat === "All" || p.cat === cat) && (!q || p.cat.toLowerCase().includes(q.toLowerCase())));
const onFile = (e) => {
const f = e.target.files && e.target.files[0];
if (!f) return;
if (!/^image\//.test(f.type)) { toast && toast("Please choose an image file"); return; }
const reader = new FileReader();
reader.onload = () => { onPick(reader.result); toast && toast(`Custom photo set for ${tag}`); };
reader.readAsDataURL(f);
};
return (
{ if (e.target === e.currentTarget) onClose(); }}>
Linking tags lets this rule run automatically wherever the tag is applied. Pick any that fit, you can map several. Hover a card to swap its photo for a stock image or one of your own.
