{T("توصية فقط — تتطلّب موافقة المؤسس.", "Recommendation only — requires founder approval.")}
) : null}
) : null}
);
}
// Founder Command panel — Part 2: PER-DIRECTOR commands (each director shows only the levers it owns).
// Every command is REAL + reuse-only — one of three kinds: cmd (audited founderCommand settings change),
// ask (a real directorChat message → pending recommendation, no auto-execute), nav (deep-link to the
// existing screen that performs it). No fake buttons. Money-adjacent stays directive-only (Assem never spends).
const DIRECTOR_QUICK = {
revenue: [
{ en: "Change the target", ar: "غيّر الهدف", kind: "cmd", type: "set_revenue_target", input: "number", placeholder: "500000" },
{ en: "Generate a revenue plan", ar: "أنشئ خطة إيراد", kind: "ask", text: { en: "Generate a revenue plan: forecast by vertical and product, the gap to target, and the actions to close it.", ar: "أنشئ خطة إيراد: توقّع بحسب القطاع والمنتج، والفجوة عن الهدف، والإجراءات لإغلاقها." } },
{ en: "Approve revenue actions", ar: "اعتمد إجراءات الإيراد", kind: "ask", text: { en: "Which revenue actions should we prioritize and approve now, and what's the expected impact?", ar: "أي إجراءات إيراد نعطيها الأولوية ونعتمدها الآن، وما الأثر المتوقّع؟" } },
{ en: "Change market focus", ar: "غيّر تركيز السوق", kind: "cmd", type: "focus_enterprise" },
{ en: "Change vertical focus", ar: "غيّر تركيز القطاع", kind: "cmd", type: "set_vertical_focus", input: "text", placeholder: "logistics" },
// Sales merged into Revenue — the selling commands live here now (Revenue owns the selling agents).
{ en: "Review leads", ar: "راجع العملاء المحتملين", kind: "ask", text: { en: "Which leads should we prioritize right now, and why?", ar: "أي العملاء المحتملين نعطيهم الأولوية الآن، ولماذا؟" } },
{ en: "Improve conversion", ar: "حسّن التحويل", kind: "ask", text: { en: "What's our conversion rate by stage, where are we losing deals, and how do we improve it?", ar: "ما معدّل التحويل بحسب المرحلة، وأين نخسر الصفقات، وكيف نحسّنه؟" } },
{ en: "Review opportunities", ar: "راجع الفرص", kind: "nav", screen: "opportunities" },
],
// Channel Director — REAL messaging outreach (WhatsApp / Instagram / Messenger / TikTok). NOT ads.
marketing: [
{ en: "Create an outreach campaign", ar: "أنشئ حملة تواصل", kind: "nav", screen: "campaigns" },
{ en: "Review outreach performance", ar: "راجع أداء التواصل", kind: "ask", text: { en: "Which outreach campaigns perform best by replies and conversions, and which should we pause?", ar: "أي حملات التواصل أفضل أداءً من حيث الردود والتحويلات، وأيّها نوقف؟" } },
{ en: "Change target audience", ar: "غيّر الجمهور المستهدف", kind: "ask", text: { en: "Who should we reach next, and how should we change our audience and messaging?", ar: "من نراسل تالياً، وكيف نغيّر الجمهور والرسائل؟" } },
{ en: "Pause all campaigns", ar: "أوقف كل الحملات", kind: "cmd", type: "pause_campaigns" },
{ en: "Resume campaigns", ar: "استأنف الحملات", kind: "cmd", type: "resume_campaigns" },
],
customer_success: [
{ en: "Review churn risk", ar: "راجع مخاطر التسرّب", kind: "ask", text: { en: "Which customers are most at risk of churning, and what should we do to keep them?", ar: "أي العملاء الأكثر عرضة للتسرّب، وماذا نفعل للحفاظ عليهم؟" } },
{ en: "Review renewals", ar: "راجع التجديدات", kind: "ask", text: { en: "Which renewals are coming up and how do we secure them?", ar: "أي تجديدات قادمة وكيف نضمنها؟" } },
{ en: "Review expansion", ar: "راجع فرص التوسّع", kind: "ask", text: { en: "Which customers are ready for an upsell or expansion, and what should we offer?", ar: "أي العملاء جاهزون للبيع الإضافي أو التوسّع، وبماذا نعرض عليهم؟" } },
{ en: "Review at-risk accounts", ar: "راجع الحسابات المهدّدة", kind: "nav", screen: "customers" },
],
research: [
{ en: "Research a competitor", ar: "ابحث منافساً", kind: "ask", text: { en: "Research our top competitor and summarize their pricing, strengths, and weaknesses.", ar: "ابحث أكبر منافس لدينا ولخّص أسعاره ونقاط قوته وضعفه." } },
{ en: "Find a new market", ar: "جد سوقاً جديداً", kind: "ask", text: { en: "Find a promising new vertical or market we should target next, and why.", ar: "جد قطاعاً أو سوقاً جديداً واعداً نستهدفه تالياً، ولماذا." } },
{ en: "Summarize a market", ar: "لخّص سوقاً", kind: "ask", text: { en: "Summarize the market we sell into: size, demand, and what buyers want.", ar: "لخّص السوق الذي نبيع فيه: الحجم والطلب وما يطلبه المشترون." } },
],
cto: [
{ en: "Review integrations", ar: "راجع التكاملات", kind: "nav", screen: "settings", tab: "integrations" },
{ en: "Generate a Claude fix report", ar: "أنشئ تقرير إصلاح", kind: "ask", text: { en: "Generate a fix report: root causes of recent failures and the recommended fixes for Claude Code.", ar: "أنشئ تقرير إصلاح: الأسباب الجذرية للأعطال الأخيرة والإصلاحات الموصى بها." } },
{ en: "Analyze technical problems", ar: "حلّل المشكلات التقنية", kind: "ask", text: { en: "What are the root causes of our recent technical issues and outages?", ar: "ما الأسباب الجذرية لمشكلاتنا التقنية وأعطالنا الأخيرة؟" } },
{ en: "Review deployment readiness", ar: "راجع جاهزية النشر", kind: "ask", text: { en: "Give me a deployment readiness plan: what's blocking go-live and the steps to fix it.", ar: "أعطني خطة جاهزية للنشر: ما الذي يعيق الإطلاق وخطوات إصلاحه." } },
],
operations: [
{ en: "Review escalations", ar: "راجع التصعيدات", kind: "nav", screen: "escalations" },
{ en: "Review requests", ar: "راجع الطلبات", kind: "nav", screen: "requests" },
{ en: "Optimize workflows", ar: "حسّن سير العمل", kind: "ask", text: { en: "Which process or workflow should we streamline first to move faster, and how?", ar: "أي عملية أو سير عمل نبسّطه أولاً لنتحرّك أسرع، وكيف؟" } },
{ en: "Find bottlenecks", ar: "اكشف الاختناقات", kind: "ask", text: { en: "Where are the operational bottlenecks slowing us down, and how do we clear them?", ar: "أين الاختناقات التشغيلية التي تبطئنا، وكيف نزيلها؟" } },
],
// Data Director — actionable insight from REAL data (funnel / objections / agent performance). Read-only.
data: [
{ en: "Review the sales funnel", ar: "راجع قمع المبيعات", kind: "ask", text: { en: "Show the sales funnel: leads → replies → qualified → meetings → proposals → closed, with conversion and the biggest drop-off.", ar: "اعرض قمع المبيعات: عملاء ← ردود ← مؤهّلون ← اجتماعات ← عروض ← مغلقة، مع التحويل وأكبر تسرّب." } },
{ en: "Top objection costing deals", ar: "أكثر اعتراض يكلّفنا", kind: "ask", text: { en: "Which objection is losing us the most deals, and what should we add to the playbook?", ar: "أي اعتراض يخسّرنا أكثر الصفقات، وماذا نضيف إلى دليل المبيعات؟" } },
{ en: "Which agent is underperforming?", ar: "أي وكيل أداؤه ضعيف؟", kind: "ask", text: { en: "Which agent is underperforming, on what metric, and what's the recommended fix?", ar: "أي وكيل أداؤه ضعيف، وعلى أي مقياس، وما الإصلاح الموصى به؟" } },
{ en: "Open analytics", ar: "افتح التحليلات", kind: "nav", screen: "data" },
],
};
function FounderCommandPanel({ id, lang, go }) {
const T = (ar, en) => (lang === "ar" ? ar : en);
const [val, setVal] = useHeadState({});
const [result, setResult] = useHeadState(null);
const [busy, setBusy] = useHeadState(false);
const cmds = DIRECTOR_QUICK[id] || [];
const label = (c) => (lang === "ar" ? c.ar : c.en);
const run = (cmd) => {
if (cmd.kind === "nav") {
try { window.__navTab = { screen: cmd.screen, tab: cmd.tab, revtab: cmd.revtab, director: cmd.director }; window.dispatchEvent(new CustomEvent("maxab:navtab", { detail: window.__navTab })); } catch (e) {}
if (go) go(cmd.screen);
return;
}
setBusy(true); setResult(null);
if (cmd.kind === "ask") {
const text = lang === "ar" ? cmd.text.ar : cmd.text.en;
API.assem.directorChat(id, text, lang).then((r) => setResult({ ok: true, ask: true, mode: r.mode })).catch((e) => setResult({ ok: false, error: e.message })).finally(() => setBusy(false));
return;
}
const v = cmd.input === "number" ? Number(val[cmd.type] || 0) : (val[cmd.type] || "");
API.assem.founderCommand(cmd.type, v, label(cmd)).then((r) => setResult(r)).catch((e) => setResult({ ok: false, error: e.message })).finally(() => setBusy(false));
};
if (!cmds.length) return null;
return (
{T("أوامر المؤسس", "Founder commands")}
{T("أوامر تخصّ هذا المدير فقط. تغييرات حقيقية موثّقة — لا ينفق عاصم مالاً؛ التوجيهات تُسجَّل كتوصيات تعتمدها.", "Only this manager's own levers. Real, audited changes — Assem never spends money; directions are recorded as recommendations you approve.")}
{result.ok ? (result.ask
? T("سُجّلت توصية معلّقة — راجعها في التوصيات أعلاه.", "Recorded as a pending recommendation — review it in Recommendations above.")
: `${result.command}: ${result.applied ? T("طُبّق", "applied") : T("سُجّل كتوجيه (لا إنفاق)", "recorded as directive (no spend)")}${result.recalc && result.recalc.target ? ` · target ${result.recalc.target}` : ""}${result.effect && result.effect.campaignsChanged != null ? ` · ${result.effect.campaignsChanged} campaign(s)` : ""}`) : (result.error || "failed")}
: null}
);
}
// What each director can actually do — a plain one-liner helper shown above the chat (matches each
// director's real exclusive domain; not marketing copy).
const DIRECTOR_CAN_DO = {
revenue: ["يضبط الأهداف، يختار التركيز، يتوقّع الإيراد، ويحدّد ماذا نبيع.", "Set targets, choose focus, forecast revenue, and decide what to sell."],
sales: ["يرتّب أولوية الصفقات، يدير خطّ البيع، ويدفع المتابعات للإغلاق.", "Prioritize deals, manage the pipeline, and push follow-ups to close."],
marketing: ["يدير التواصل عبر واتساب وإنستغرام وماسنجر وتيك توك ويستهدف الجمهور الصحيح.", "Run messaging outreach on WhatsApp/Instagram/Messenger/TikTok and target the right audience."],
research: ["يبحث المنافسين والسوق وما يطلبه المشترون.", "Research competitors, markets, and what buyers want."],
customer_success: ["يتابع صحّة العملاء، يمنع التسرّب، ويجد فرص البيع الإضافي.", "Track customer health, prevent churn, and find upsells."],
cto: ["يراقب صحّة النظام، التكاملات، النشر، وما يجب إصلاحه.", "Watch system health, integrations, deployment, and what to fix."],
operations: ["يكشف الاختناقات، يوازن الأحمال، ويبسّط العمليات.", "Find bottlenecks, balance workload, and streamline operations."],
data: ["يحوّل البيانات الحقيقية إلى رؤى: القمع، الاعتراضات، أداء الوكلاء.", "Turn real data into insight: the funnel, objections, and agent performance."],
};
// Suggested prompts per director — a mix of questions and commands. Each chip sends a REAL message to
// the directorChat endpoint (no fake/canned answers). Commands become pending recommendations.
const DIRECTOR_PROMPTS = {
revenue: [["ما فجوة الإيراد هذا الشهر؟", "What's our revenue gap this month?"], ["ركّز على عملاء المؤسسات", "Focus on enterprise customers"], ["أي منتج أكثر ربحية؟", "Which product is most profitable?"], ["ارفع الهدف الشهري إلى 750 ألف", "Raise the monthly target to 750k"]],
sales: [["أي الصفقات نغلقها أولاً؟", "Which deals should we close first?"], ["رتّب أولوية عملاء اللوجستيات", "Prioritize logistics leads"], ["كيف حال خطّ البيع؟", "How is the pipeline doing?"], ["ادفع أكثر في المتابعات", "Push harder on follow-ups"]],
marketing: [["ما حملة التواصل التالية؟", "What outreach campaign should we launch next?"], ["ركّز التواصل على متاجر شوبيفاي", "Focus outreach on Shopify stores"], ["أي قناة تؤدّي أفضل؟", "Which channel performs best?"], ["أوقف الحملات ضعيفة الأداء", "Pause low-performing campaigns"]],
research: [["ابحث أكبر منافس لدينا", "Research our top competitor"], ["ماذا يطلب المشترون؟", "What are buyers asking for?"], ["جد قطاعاً جديداً نستهدفه", "Find a new vertical to target"], ["لخّص سوق اللوجستيات", "Summarize the logistics market"]],
data: [["اعرض قمع المبيعات", "Show the sales funnel"], ["أكثر اعتراض يكلّفنا الصفقات؟", "Top objection costing us deals?"], ["أي وكيل أداؤه ضعيف؟", "Which agent is underperforming?"], ["أين نخسر الإيراد؟", "Where are we losing revenue?"]],
customer_success: [["أي عملاء مهدّدون بالتسرّب؟", "Which customers are at risk of churn?"], ["من جاهز للبيع الإضافي؟", "Who is ready for an upsell?"], ["ما صحّة قاعدة عملائنا؟", "How healthy is our customer base?"], ["أعطِ أولوية لتهيئة الحسابات الجديدة", "Prioritize onboarding for new accounts"]],
cto: [["ما الذي يعيق النشر؟", "What's blocking deployment?"], ["أي التكاملات تفشل؟", "Which integrations are failing?"], ["هل النظام بصحّة جيدة؟", "Is the system healthy?"], ["ما أول ما يجب إصلاحه؟", "What should we fix first?"]],
operations: [["ما الذي يبطئنا؟", "What's slowing us down?"], ["أين الاختناقات؟", "Where are the bottlenecks?"], ["كيف توزيع أحمال الفريق؟", "How is the team's workload?"], ["بسّط عمليتنا", "Streamline our process"]],
};
// DirectorChat — Part 4: a REAL chat per director, redesigned to feel like ChatGPT/Claude — the manager
// is a NAMED person (avatar + name), large conversation area, clean message hierarchy (avatar + name on
// each manager reply), a rounded input with a send button, contextual follow-up suggestions, and a clear
// recommendation card. A question is answered by the exec brain; a command becomes a pending
// recommendation + Assem awareness + cross-director alignment (no auto-execute). Reuse-only — same endpoint.
function DirectorChat({ id, lang }) {
const T = (ar, en) => (lang === "ar" ? ar : en);
const [q, setQ] = useHeadState("");
const [log, setLog] = useHeadState([]); // [{role, text, result}]
const [busy, setBusy] = useHeadState(false);
const scrollRef = React.useRef(null);
useHeadEffect(() => { if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight; }, [log, busy]);
const dmeta = HEAD_DIRECTORS.find((d) => d[0] === id) || [id, id, id, "sparkles"];
const dirName = lang === "ar" ? dmeta[2] : dmeta[1];
const dirIcon = dmeta[3];
const canDo = DIRECTOR_CAN_DO[id];
const prompts = DIRECTOR_PROMPTS[id] || [];
const send = (preset) => {
const text = (preset || q).trim(); if (!text || busy) return;
setBusy(true); setLog((l) => [...l, { role: "founder", text }]); setQ("");
API.assem.directorChat(id, text, lang).then((r) => {
setLog((l) => [...l, { role: "director", text: r.answer || "", result: r }]);
}).catch((e) => setLog((l) => [...l, { role: "director", text: T("تعذّر الإرسال", "Could not send") + ": " + e.message }])).finally(() => setBusy(false));
};
// EXECUTION CHAIN — approve/reject a pending recommendation right here. Approving RUNS the suggested
// founder command (real audited settings change) and records the outcome; the result is shown inline.
const approve = (i, decisionId, status) => {
if (!decisionId) return;
setLog((l) => l.map((m, j) => (j === i ? { ...m, approving: status } : m)));
API.assem.approveDecision(decisionId, status)
.then((r) => setLog((l) => l.map((m, j) => (j === i ? { ...m, approving: null, approval: { status, result: r } } : m))))
.catch((e) => setLog((l) => l.map((m, j) => (j === i ? { ...m, approving: null, approval: { status, error: e.message } } : m))));
};
const avatar = (size) =>
;
return (
{/* Header — the manager as a NAMED person, with a one-line capability + approval reminder. */}
{T("تحدّث مع " + dirName, "Talk to the " + dirName)}
{T("اسأله سؤالاً أو أعطه توجيهاً. التوجيهات تُسجَّل كتوصيات معلّقة تعتمدها — لا تنفيذ تلقائي.", "Ask a question or give a direction. Directions become pending recommendations you approve — nothing runs automatically.")}
);
}
// Director TABS — a horizontal, ChatGPT-style "switch conversation" strip (replaces the old side-list).
// Switching a director feels like switching chats: instant, no reload.
// ORGANIZATION — the company hierarchy (Part: Organization screen). ASSEM (CEO) over 6 directors, each
// leading its agents. 100% real, read-only, over headOrganization() (agents grouped by authored ownership).
// Answers the UX questions: where am I (the company), what (talk to a manager), why (they run the work).
const ORG_ICON = { revenue: "trending", marketing: "message", customer_success: "heart", operations: "grid", cto: "cpu", data: "layers" };
function OrganizationPanel({ org, lang, onPick }) {
const T = (ar, en) => (lang === "ar" ? ar : en);
if (!org) return ;
const dirs = org.directors || [];
const managers = dirs.filter((d) => d.id !== "assem");
const L = (d) => (d.label && (lang === "ar" ? d.label.ar : d.label.en)) || d.id;
return (
{T("عاصم (المدير التنفيذي) فوق 6 مديرين، وكل مدير يقود وكلاءه. اضغط أي مدير لتتحدّث معه.", "ASSEM (CEO) over 6 directors, each leading their agents. Click any manager to talk to them.")}
{T("عاصم (المدير التنفيذي)", "ASSEM (CEO)")}
{T("يدير الشركة عبر المديرين — لا يدير محادثات البيع.", "Runs the company through the directors — never handles sales conversations.")}
{T("لا سجل بعد لهذا المدير — يمتلئ مع كل صفقة/تجديد/قرار حقيقي.", "No history yet for this manager — it fills as real deals, renewals and decisions happen.")}
}
);
}
// P3·P3 — Subagents panel: this director's REAL agents (grouped by authored ownership). Each card shows
// name / role / status / readiness / certification / last-activity / current-objective from REAL engines
// (agentCommandCenter + agentReadiness + headOrganization). Manager commands render ONLY where a real route
// exists — Review conversations (nav), Train (Learning Hub), Reassign (PATCH agent.director). Objective-assign,
// per-agent escalate, and disable/pause are NOT rendered (no per-agent route) — documented in the audit report.
const SUBAGENT_DIRECTORS = [["revenue", "مدير الإيراد", "Revenue"], ["marketing", "مدير القنوات", "Channel"], ["customer_success", "نجاح العملاء", "Customer Success"], ["operations", "العمليات", "Operations"], ["cto", "التقني", "CTO"], ["data", "البيانات", "Data"]];
function SubagentCard({ a, cc, lang, go }) {
const T = (ar, en) => (lang === "ar" ? ar : en);
const [rd, setRd] = useHeadState(null);
const [dir, setDir] = useHeadState(a.director || "");
const [busy, setBusy] = useHeadState(false);
useHeadEffect(() => { let on = true; API.metrics.agentReadiness(a.id).then((r) => on && setRd(r)).catch(() => {}); return () => { on = false; }; }, [a.id]);
const reassign = (d) => { setDir(d); setBusy(true); API.agents.update(a.id, { director: d }).catch(() => {}).finally(() => setBusy(false)); };
const status = (cc && cc.status) || null;
const obj = cc && Array.isArray(cc.currentObjectives) && cc.currentObjectives[0] ? (cc.currentObjectives[0].title || String(cc.currentObjectives[0].type || "").replace(/_/g, " ")) : null;
const last = cc && cc.lastActiveAt ? (() => { try { return new Date(cc.lastActiveAt).toLocaleDateString(); } catch (e) { return null; } })() : null;
const readyTone = rd && rd.status === "READY" ? "success" : rd && rd.status === "PARTIALLY_READY" ? "warning" : rd && rd.status === "NOT_READY" ? "danger" : "neutral";
const cert = rd && rd.certification;
const navTo = (screen, tab) => { try { window.__navTab = { screen, tab }; window.dispatchEvent(new CustomEvent("maxab:navtab", { detail: { screen, tab } })); } catch (e) {} if (go) go(screen); };
return (
{T("لا هدف مُسند — يُشتق من قائمة المهام.", "No assigned objective — derived from the task queue.")}
}
{T("أعد الإسناد", "Reassign")}:
);
}
function SubagentsPanel({ id, lang, go }) {
const T = (ar, en) => (lang === "ar" ? ar : en);
const [org, setOrg] = useHeadState(null);
const [cc, setCc] = useHeadState(null);
useHeadEffect(() => { API.assem.head(lang).then(setOrg).catch(() => setOrg({ directors: [] })); API.assem.agentCommandCenter().then(setCc).catch(() => setCc(null)); }, []);
if (!org) return ;
const dir = (org.directors || []).find((d) => d.id === id);
const agents = (dir && dir.agents) || [];
const ccById = {};
for (const x of (cc && Array.isArray(cc.agents) ? cc.agents : [])) { if (x && x.agentId) ccById[x.agentId] = x; }
if (!agents.length) return ;
return (
{agents.map((a) => )}
{T("الأوامر المعروضة حقيقية فقط — إسناد الأهداف/التعطيل لكل وكيل غير مُفعّلين بعد.", "Only real commands are shown — per-agent objective-assign / disable are not wired yet (see the manager-authority report).")}
);
}
// P11 — Director KPI Scorecard: the 6-axis 0-100 card — "how is this director performing?" at a glance.
function DirectorScorecardCard({ id, lang }) {
const T = (ar, en) => (lang === "ar" ? ar : en);
const [d, setD] = useHeadState(null);
useHeadEffect(() => { setD(null); API.assem.directorScorecard(id, lang).then(setD).catch(() => setD({ error: true })); }, [id]);
if (!d) return ;
if (d.error) return null;
const s = d.scores || {};
const AX = [["overall", T("الإجمالي", "Overall")], ["performance", T("الأداء", "Performance")], ["learning", T("التعلّم", "Learning")], ["execution", T("التنفيذ", "Execution")], ["team", T("الفريق", "Team")], ["revenueImpact", T("أثر الإيراد", "Revenue impact")]];
const col = (v) => v == null ? "var(--fg-4)" : v >= 70 ? "var(--color-green)" : v >= 45 ? "var(--color-orange)" : "var(--color-danger)";
return (
{T("بطاقة أداء المدير", "Director scorecard")}{d.confidence === "measured" ? T("مقاسة", "measured") : T("بيانات غير كافية", "not enough data")}
);
}
// P10 — Director Learning Accountability: what this director + team learned, what changed, approval-gated.
function DirectorLearningCard({ id, lang }) {
const T = (ar, en) => (lang === "ar" ? ar : en);
const [d, setD] = useHeadState(null);
useHeadEffect(() => { setD(null); API.assem.directorLearning(id, lang).then(setD).catch(() => setD({ error: true })); }, [id]);
if (!d) return ;
if (d.error) return null;
if (d.status === "not_enough_data") return
{T("مساءلة التعلّم", "Learning accountability")}{T("لا دروس مسجّلة لهذا المدير بعد — تظهر عند تسجيل نتائج حقيقية.", "No recorded lessons for this director yet — they appear as real outcomes are recorded.")}