Your operating brief{config.brief || `${queue.length} items are moving through your workspace.`}
{config.briefSub || "Loraa is monitoring recipes, ingredients, labels, approvals and compliance rules for changes."}
Compliance {dashboardComplianceValue(currentSnapshot)} {reviewItemCount} in review {currentSnapshot.apiConnected ? "Loraa operations live" : "Secure data connection pending"}
{customizing && (
Customize your dashboard, remove cards with ✕, or add more cards below.
{available.length > 0 ? (
{available.map((w) => )}
) : All cards are shown.}
)}
{fullW.map((w) => (
{customizing && }
{w.render()}
))}
{gridW.map((w) => (
{customizing && }
{w.render()}
))}
);
}
/* ── Global Loraa assistant — MOVED to screens/loraa-center.jsx (AI Operations
Center). window.LoraaAsk is defined there and loaded after this file. The old
chat-modal implementation below is retained only as a disabled reference and
is never rendered (the later definition wins). ── */
function LoraaAsk_LEGACY_UNUSED({ role, open, onClose }) {
const loraaLoadHistory = () => [];
const loraaSaveHistory = () => {};
const [history, setHistory] = useState_d(loraaLoadHistory);
const [activeId, setActiveId] = useState_d(null); // null = new proactive chat
const [msgs, setMsgs] = useState_d([]);
const [typing, setTyping] = useState_d(false);
const [input, setInput] = useState_d("");
const bodyRef = useRef_d(null);
const queue = useMemo_d(() => (typeof RECIPES !== "undefined" ? RECIPES.filter(r => ["pending-review", "compliance-review", "changes-requested"].includes(r.status)).slice(0, 5) : []), []);
const name = (typeof currentUser === "function" && currentUser(role) && currentUser(role).name) ? currentUser(role).name.split(" ")[0] : "there";
const hour = new Date().getHours();
const greet = hour < 12 ? "Good morning" : hour < 18 ? "Good afternoon" : "Good evening";
const ingCount = useMemo_d(() => (typeof INGREDIENTS !== "undefined" ? Math.min(24, INGREDIENTS.length) : 12), []);
const activity = useMemo_d(() => ([
{ title: `Mapped ${ingCount} new ingredients`, sub: "to the verified master library", tag: "Auto-mapped", tone: "ok", state: "done", prompt: `Show me the ${ingCount} ingredients you auto-mapped` },
{ title: "Calculated nutrition", sub: "8 recipes · per serving + per 100g", tag: "Done", tone: "ok", state: "done", prompt: "Which recipes did you calculate nutrition for?" },
{ title: "Flagged 2 allergen conflicts", sub: "milk + wheat across 3 products", tag: "Escalated", tone: "warn", state: "done", prompt: "Explain the 2 allergen conflicts you flagged" },
{ title: "Drafted a CFIA label", sub: "ingredient statement generated", tag: "Ready to review", tone: "info", state: "done", prompt: "Show me the CFIA label you drafted" },
{ title: "Ran compliance checks", sub: "against your nutrient policies", tag: "Passed", tone: "ok", state: "done", prompt: "What compliance checks did you run?" },
{ title: `Routed ${queue.length || 5} products`, sub: "to the right staff for approval", tag: "Working…", tone: "muted", state: "working", prompt: "Which products did you route, and to whom?" },
]), [ingCount, queue.length]);
const suggestions = useMemo_d(() => ([
"What needs my attention today?",
"Summarize my pipeline",
role === "compliance" || role === "super-admin" ? "Which items are highest risk?" : "How is my review time trending?",
"Draft a status update for my team",
]), [role]);
const answerFor = (q) => {
const s = q.toLowerCase();
if (/attention|today|urgent/.test(s)) return `You have ${queue.length} item${queue.length === 1 ? "" : "s"} in the pipeline. ${queue[0] ? `“${queue[0].name}” is highest priority (${queue[0].priority}). ` : ""}I'd start there, want me to open it?`;
if (/pipeline|summar/.test(s)) return `Your pipeline: ${queue.length} in review, and submissions are trending up. Nothing is overdue. The busiest stage is compliance review.`;
if (/risk|highest/.test(s)) return `The highest-risk item is a recipe missing allergen tags. Two others have unverified nutrition sources. I can route them to a reviewer for you.`;
if (/review time|trend/.test(s)) return `Your average review time is down 12% this month, faster than last. Approvals are your strongest stage.`;
if (/draft|status|update/.test(s)) return `Here's a draft: “The team currently has ${queue.length} recipe${queue.length === 1 ? "" : "s"} in review. Compliance status should be reported only from completed tenant checks.” Want me to refine the tone?`;
if (/auto-mapped|mapped/.test(s)) return `I matched ${ingCount} newly-added ingredients to your verified master library by name, CAS and synonyms, all above 95% confidence, so no manual review was needed. They're live in the Ingredient Library now.`;
if (/calculate|calculated nutrition/.test(s)) return `I recalculated nutrition for 8 recipes, generating both per-serving and per-100g panels from your portion data. Two recipes shifted category thresholds, I've noted those on their compliance tabs.`;
if (/allergen conflict|milk|wheat/.test(s)) return `Two recipes declare milk + wheat that appear across 3 shared products without a precautionary statement. I escalated both to Compliance and tagged the affected products. Want me to open the first one?`;
if (/cfia label|drafted/.test(s)) return `I generated a CFIA-format ingredient statement (descending order by weight, allergens bolded, “Contains” line built). It's marked Ready to review in Label Studio, you just need to approve it.`;
if (/compliance check|checks did/.test(s)) return `I ran your org's nutrient policies against every active recipe: sodium, sat-fat, added-sugar thresholds and allergen completeness. All passed except the 2 allergen items I escalated.`;
if (/routed|route/.test(s)) return `I routed ${queue.length || 5} products to the right reviewers based on your workflow rules, nutrition items to dietitians, label items to Compliance. They're waiting in each person's queue.`;
return `I can help with your pipeline, compliance risk, review times, and drafting updates. Try one of the suggestions above.`;
};
const loadChat = (h) => { setActiveId(h.id); setMsgs(h.msgs || []); };
const newChat = () => { setActiveId(null); setMsgs([]); setInput(""); };
const ask = (q) => {
if (!q.trim()) return;
const userMsg = { role: "user", text: q };
setInput(""); setTyping(true);
let id = activeId;
setMsgs((m) => {
const next = [...m, userMsg];
// persist into history (create a new thread on first message)
setHistory((h) => {
let list = h.slice();
if (!id) {
id = "c-" + Date.now();
list = [{ id, title: q.slice(0, 34), when: "Now", msgs: next }, ...list];
} else {
list = list.map((x) => x.id === id ? { ...x, msgs: next } : x);
}
loraaSaveHistory(list);
return list;
});
if (!activeId) setActiveId(id);
return next;
});
setTimeout(() => {
setTyping(false);
const reply = { role: "loraa", text: answerFor(q) };
setMsgs((m) => {
const next = [...m, reply];
setHistory((h) => { const list = h.map((x) => x.id === id ? { ...x, msgs: next } : x); loraaSaveHistory(list); return list; });
return next;
});
}, 750);
};
useEffect_d(() => { if (bodyRef.current) bodyRef.current.scrollTop = bodyRef.current.scrollHeight; }, [msgs, typing]);
useEffect_d(() => { const h = (e) => { if (e.key === "Escape" && open) onClose(); }; window.addEventListener("keydown", h); return () => window.removeEventListener("keydown", h); }, [open, onClose]);
if (!open) return null;
return (
<>
{ e.currentTarget.style.display = "none"; }} />
LoraaYour AI teammate, proactive, always on
{msgs.length === 0 ? (
{greet}, {name}
Here's what I've handled for you today, so your team reviews and approves instead of doing it by hand.
{regions.length ? regions.slice(0, 3).map((region) => {region} {rules.filter((rule) => (rule.region || rule.jurisdiction) === region).length}) : No active jurisdictions —}
;
}
function DashboardRecommendations({ role }) {
const prompts = role === "compliance" ? ["Review the highest-risk label","Explain today’s compliance delta","Prepare an audit summary"] : ["Validate my next recipe","Show inventory risks","Summarize my approvals"];
return
{prompts.map((p,i) => )}
;
}
function DashboardNoData({ icon, title, copy }) {
return
