// ─── تشخیص نوع رویداد از متن پیام ─────────────────────── function detectEventType(text) { const t = text.toLowerCase(); if (/سلام|هلو|درود|خوندم|دیدم|اومدم/.test(t)) return { type: 'script', reason: 'پیام اولیه — اسکریپت جواب می‌ده' }; if (/پرداخت|کارت|بانک|واریز|رها|نیمه|ناقص/.test(t)) return { type: 'trigger', reason: 'سیگنال پرداخت رها شده — تریگر فوری فعال' }; if (/مشاوره|جلسه|قرار|وقت|زمان|ساعت/.test(t)) return { type: 'followup', reason: 'درخواست زمان‌بندی — فالوآپ مدیریت می‌کنه' }; if (/قیمت|هزینه|تخفیف|اقساط|چقدر|کمپین/.test(t)) return { type: 'campaign', reason: 'سوال قیمت — کمپین مناسب پیدا می‌کنه' }; if (/خریدم|پرداخت کردم|ثبت‌نام|خرید|گرفتم/.test(t)) return { type: 'campaign', reason: 'تأیید خرید — کمپین Upsell فعال' }; if (/نیستم|بعداً|فردا|بعد|بیشتر فکر|شاید/.test(t)) return { type: 'followup', reason: 'تعلل — فالوآپ زمان‌بندی می‌کنه' }; if (/چطور|چی|چرا|توضیح|بگو|بیشتر/.test(t)) return { type: 'script', reason: 'سوال عمومی — اسکریپت هدایت می‌کنه' }; return { type: 'bot', reason: 'پیام نامشخص — بات نگه می‌داره' }; } // ─── پاسخ شبیه‌سازی‌شده برای هر handler ────────────────── function simulateReply(ownerType, msgText) { const t = msgText; const replies = { trigger: [ 'متوجه شدیم پرداختت ناتمام موند 🙏 الان یه لینک امن برات می‌فرستیم.', 'یه اتفاق افتاده که نیاز به پیگیری فوری داره. یه لحظه صبر کن.', ], followup: [ 'وقت مشاوره‌ات ثبت شد. قبل از جلسه یادآوری می‌فرستیم.', 'باشه، یه زمان مناسب هماهنگ می‌کنیم. چه ساعتی بهتره؟', ], campaign: [ 'بذار مشاورمون قیمت دقیق رو باهاتون در میان بذاره. شماره داری؟', 'ممنون از خریدت! یه پیشنهاد ویژه برات داریم 🎁', 'این کمپین دقیقاً برای این موقعیت طراحی شده. بیشتر بگو.', ], script: [ 'سلام! در خدمتتم 🙏 بفرمایید.', 'چطور می‌تونم کمکتون کنم؟', 'هدفتون از برنامه‌نویسی چیه؟', ], bot: [ 'پیامتون دریافت شد. به زودی پاسخ می‌دیم.', 'ممنون از تماستون. یه لحظه صبر کنید.', ], }; const list = replies[ownerType] || replies.bot; return list[Math.floor(Math.random() * list.length)]; } // ─── کامپوننت چت شبیه‌ساز ──────────────────────────────── const ChatSimulator = ({ priorityOrder, colors, handlerLabels, entities }) => { const [messages, setMessages] = useState([]); const [input, setInput] = useState(''); const [activeOwner, setActiveOwner] = useState(null); const [viewMode, setViewMode] = useState('chat'); // chat | admin const bottomRef = useRef(null); useEffect(() => { bottomRef.current?.scrollIntoView({ behavior: 'smooth' }); }, [messages]); const send = () => { const txt = input.trim(); if (!txt) return; const { type, reason } = detectEventType(txt); const inIdx = priorityOrder.indexOf(type); const curIdx = activeOwner ? priorityOrder.indexOf(activeOwner) : 999; const wins = inIdx <= curIdx; const newOwner = wins ? type : activeOwner; const prevOwner = activeOwner; // موجودیت فعال برای log const activeEntForLog = ((entities && entities[newOwner]) || [])[0]; // log سیستمی const logParts = [ `تشخیص: ${handlerLabels[type]} (اولویت #${inIdx + 1})`, wins && prevOwner && prevOwner !== type ? `${handlerLabels[prevOwner]} pause شد` : !wins ? `${handlerLabels[newOwner]} همچنان در کنترل (اولویت بالاتر)` : null, activeEntForLog ? `← ${activeEntForLog.name}` : null, ].filter(Boolean); // موجودیت فعال برای نمایش const ents = (entities && entities[newOwner]) || []; const activeEnt = ents[0]; const entLabel = newOwner === 'campaign' ? 'کمپین فعال' : newOwner === 'script' ? 'اسکریپت فعال' : newOwner === 'followup' ? 'الگوی فالوآپ' : newOwner === 'trigger' ? 'تریگر' : 'بات'; // داده ادمین const adminData = { 'handler فعال': handlerLabels[newOwner], 'اولویت': `#${priorityOrder.indexOf(newOwner) + 1}`, ...(activeEnt ? { [entLabel]: activeEnt.name } : {}), 'تغییر': wins && prevOwner && prevOwner !== type ? `${handlerLabels[prevOwner]} → ${handlerLabels[newOwner]}` : 'بدون تغییر', 'دلیل': reason, 'action': newOwner === 'trigger' ? 'ارسال پیام فوری' : newOwner === 'followup' ? 'زمان‌بندی تماس' : newOwner === 'campaign' ? 'اجرای flow کمپین' : newOwner === 'script' ? 'اجرای اسکریپت' : 'نگه‌داری لید', }; setMessages(prev => [...prev, { kind: 'user', text: txt }, { kind: 'log', parts: logParts, owner: newOwner, changed: wins && prevOwner !== newOwner }, { kind: 'reply', text: simulateReply(newOwner, txt), adminData, owner: newOwner }, ]); setActiveOwner(newOwner); setInput(''); }; const reset = () => { setMessages([]); setActiveOwner(null); }; return (
{/* نوار بالا */}
{/* مالک فعلی */}
مالک فعلی: {activeOwner ? handlerLabels[activeOwner] : 'هنوز پیامی نیست'}
{/* سوئیچ نمایش */}
{[['chat','چت'],['admin','ادمین']].map(([v, l]) => ( ))}
{messages.length > 0 && ( )}
{/* پیام‌ها */}
{messages.length === 0 && (
یه پیام بفرست تا ببینیم چی فعال می‌شه 👇
)} {messages.map((m, i) => { if (m.kind === 'user') return (
{m.text}
); if (m.kind === 'log') return (
{m.parts.map((p, pi) => ( {pi > 0 && ·} {p} ))}
); if (m.kind === 'reply') return (
{/* هدر handler */}
{handlerLabels[m.owner]}
{/* محتوا */}
{viewMode === 'chat' ? ( {m.text} ) : (
{Object.entries(m.adminData).map(([k, v]) => (
{k} {v}
))}
)}
); return null; })}
{/* input */}
setInput(e.target.value)} onKeyDown={e => e.key === 'Enter' && send()} placeholder="پیام بفرست... مثلاً: سلام / مشاوره می‌خوام / قیمت چنده؟" style={{ flex: 1, padding: '9px 14px', borderRadius: 10, fontSize: 12, background: 'rgba(255,255,255,0.05)', border: '1px solid rgba(255,255,255,0.1)', color: '#e2e8f0', outline: 'none' }} />
{/* نمونه‌ها */}
{['سلام','قیمت چنده؟','مشاوره می‌خوام','پرداختم رها شد','بعداً بهتون زنگ می‌زنم','خریدم','نمی‌دونم'].map(s => ( ))}
); }; // ─── engine: شبیه‌ساز اولویت ───────────────────────────── // هر رویداد یه handler_type داره. engine بر اساس ترتیب فعلی // تعیین می‌کنه کی کنترل رو می‌گیره. function runSimulation(events, priorityOrder) { let activeType = null; return events.map(ev => { const inIdx = priorityOrder.indexOf(ev.type); const curIdx = activeType ? priorityOrder.indexOf(activeType) : 999; const wins = inIdx <= curIdx; // عدد کوچکتر = اولویت بالاتر const prev = activeType; if (wins) activeType = ev.type; return { ...ev, owner: wins ? ev.type : activeType, changed: wins && prev !== ev.type, from: wins && prev ? prev : null }; }); } // ─── سناریوهای واقعی سیستم ──────────────────────────────── const SCENARIOS = [ { id: 's1', name: 'علی — لید جدید', emoji: '👤', desc: 'لید تازه وارد می‌شه، اسکریپت شروع می‌کنه، بعد لینک پرداخت رو رها می‌کنه', events: [ { t:0, icon:'👤', label:'وارد شد', type:'script' }, { t:10, icon:'💬', label:'پیام اول فرستاد', type:'script' }, { t:25, icon:'📢', label:'کمپین خوش‌آمدگویی', type:'campaign' }, { t:45, icon:'🔗', label:'لینک پرداخت باز کرد', type:'trigger' }, { t:70, icon:'⏰', label:'۲۴ ساعت بی‌جواب', type:'campaign' }, { t:90, icon:'✅', label:'پرداخت کرد', type:'campaign' }, ], }, { id: 's2', name: 'سارا — No-Show', emoji: '📅', desc: 'مشاوره رزرو کرد ولی نیومد — تریگر فوری فعال می‌شه', events: [ { t:0, icon:'👤', label:'وارد شد', type:'script' }, { t:15, icon:'📢', label:'کمپین فعال شد', type:'campaign' }, { t:30, icon:'📅', label:'مشاوره رزرو کرد', type:'followup' }, { t:50, icon:'❌', label:'No-Show مشاوره', type:'trigger' }, { t:65, icon:'📞', label:'فالوآپ پیگیری', type:'followup' }, { t:85, icon:'💰', label:'خرید کرد', type:'campaign' }, ], }, { id: 's3', name: 'رضا — لید سرد', emoji: '🧊', desc: 'بعد از ۳۰ روز بی‌خبری کمپین بازگشت فعال می‌شه', events: [ { t:0, icon:'👤', label:'وارد شد', type:'script' }, { t:10, icon:'😶', label:'۳۰ روز بی‌خبر', type:'bot' }, { t:35, icon:'📢', label:'کمپین بازگشت', type:'campaign' }, { t:55, icon:'💬', label:'دوباره پیام داد', type:'trigger' }, { t:75, icon:'📞', label:'مشاوره خواست', type:'followup' }, ], }, { id: 's4', name: 'مریم — وسط کمپین', emoji: '⚡', desc: 'وسط کمپین یه تریگر فوری میاد — کی برنده می‌شه؟', events: [ { t:0, icon:'📢', label:'کمپین پیگیری فعاله', type:'campaign' }, { t:20, icon:'⚡', label:'تریگر keyword', type:'trigger' }, { t:40, icon:'📢', label:'کمپین ادامه داد', type:'campaign' }, { t:60, icon:'⏰', label:'فالوآپ زمان‌بندی', type:'followup' }, { t:80, icon:'✅', label:'ثبت‌نام کرد', type:'campaign' }, ], }, { id: 's5', name: 'حسین — بعد از خرید', emoji: '🛒', desc: 'بعد از خرید کمپین Upsell شروع می‌کنه', events: [ { t:0, icon:'✅', label:'خرید کرد', type:'campaign' }, { t:15, icon:'📢', label:'Upsell فعال شد', type:'campaign' }, { t:35, icon:'💬', label:'سوال فرستاد', type:'script' }, { t:55, icon:'⚡', label:'تریگر keyword خاص', type:'trigger' }, { t:75, icon:'📢', label:'Upsell ادامه داد', type:'campaign' }, ], }, { id: 's6', name: 'نیلوفر — ریکاوری', emoji: '🔄', desc: 'مکالمه رها شد — بات نگه می‌داره تا handler بیاد', events: [ { t:0, icon:'👤', label:'وارد شد', type:'script' }, { t:15, icon:'😶', label:'مکالمه قطع شد', type:'bot' }, { t:30, icon:'⚡', label:'تریگر ریکاوری', type:'trigger' }, { t:50, icon:'📢', label:'کمپین ریکاوری', type:'campaign' }, { t:70, icon:'📞', label:'فالوآپ تلفنی', type:'followup' }, ], }, ]; // ─── کامپوننت Timeline یک سناریو ───────────────────────── const ScenarioTimeline = ({ scenario, priorityOrder, colors }) => { const result = runSimulation(scenario.events, priorityOrder); const maxT = Math.max(...scenario.events.map(e => e.t)) + 15; return (
{/* header سناریو */}
{scenario.emoji}
{scenario.name}
{scenario.desc}
{/* خط timeline */}
{/* track */}
{/* رنگ‌آمیزی بر اساس owner */} {result.map((ev, i) => { const next = result[i + 1]; const x1 = ev.t / maxT * 100; const x2 = next ? next.t / maxT * 100 : 100; return (
); })}
{/* pin‌های رویداد */} {result.map((ev, i) => (
{ev.icon}
{ev.label}
))}
{/* لاگ تغییر owner */}
{result.filter(ev => ev.changed).map((ev, i) => (
t+{ev.t} {ev.owner === 'trigger' ? 'تریگر' : ev.owner === 'followup' ? 'فالوآپ' : ev.owner === 'campaign' ? 'کمپین' : ev.owner === 'script' ? 'اسکریپت' : 'بات'} کنترل گرفت {ev.from && ← از {ev.from === 'trigger' ? 'تریگر' : ev.from === 'followup' ? 'فالوآپ' : ev.from === 'campaign' ? 'کمپین' : ev.from === 'script' ? 'اسکریپت' : 'بات'}}
))}
); }; // ─── MindMap — نقشه زنده با انیمیشن bezier (طراحی اصلی) ───── const MindMap = ({ entities, colors, handlerLabels, brainScript, items, onBrainClick, onRefresh, onClose }) => { /* ── load Vazirmatn ── */ useEffect(() => { if (!document.getElementById('_vzf')) { const l = document.createElement('link'); l.id='_vzf'; l.rel='stylesheet'; l.href='https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap'; document.head.appendChild(l); } }, []); /* ── refs ── */ const stageRef = useRef(null); const rafRef = useRef(null); const animRef = useRef({ i:0, phase:'incoming', start:0, paused:false, pausedEl:0 }); const logRef = useRef([]); const msgsRef = useRef([]); const [idle, setIdle] = useState(false); /* ── state ── */ const [tick, setTick] = useState(0); const [stageScale, setStageScale] = useState(0.78); const [chatInput, setChatInput] = useState(''); const [mode, setMode] = useState('live'); // live | trace | sandbox | settings const [liveEvents, setLiveEvents] = useState([]); const [selectedNode, setSelectedNode] = useState(null); const [selectedEvent, setSelectedEvent] = useState(null); const [dashboard, setDashboard] = useState(null); const [sandboxText, setSandboxText] = useState(''); const [sandboxPlatform, setSandboxPlatform] = useState('bale'); const [sandboxLoading, setSandboxLoading] = useState(false); const [sandboxResult, setSandboxResult] = useState(null); const [selectedStep, setSelectedStep] = useState(null); const [sandboxTurns, setSandboxTurns] = useState([]); const [sandboxRecording, setSandboxRecording] = useState(false); const [sandboxVoiceStatus, setSandboxVoiceStatus] = useState(''); const modeRef = useRef(mode); const sandboxSessionRef = useRef(`lab-${Date.now()}-${Math.random().toString(36).slice(2,8)}`); const sandboxRecorderRef = useRef(null); const sandboxAudioFileRef = useRef(null); const sandboxStreamRef = useRef(null); const sandboxAudioChunksRef = useRef([]); const sandboxDiscardRecordingRef = useRef(false); const packetPauseRef = useRef({ hovering:false, locked:false, wasPaused:false }); useEffect(()=>{ modeRef.current=mode; },[mode]); /* ── helpers ── */ const BX = 500, BY = 348; const D = { incoming:1800, thinking:2200, routing:2200, stateflow:2800, responding:1500, outgoing:2300, returned:1300, gap:900 }; const col = (h, a) => a == null ? `oklch(0.74 0.19 ${h})` : `oklch(0.74 0.19 ${h} / ${a})`; const fa = (s) => String(s).replace(/[0-9]/g, d => '۰۱۲۳۴۵۶۷۸۹'[+d]); const ctP = (ax,ay,bx2,by2,sign) => { const mx=(ax+bx2)/2,my=(ay+by2)/2,dx=bx2-ax,dy=by2-ay; const L=Math.hypot(dx,dy)||1,nx=-dy/L,ny=dx/L,o=L*.14*sign; return {x:mx+nx*o,y:my+ny*o}; }; const quad = (p0,cp,p1,t) => { const m=1-t,a=m*m,b=2*m*t,c=t*t; return {x:a*p0.x+b*cp.x+c*p1.x,y:a*p0.y+b*cp.y+c*p1.y}; }; const E = React.createElement; /* ── categories (همان موقعیت طراحی اصلی) ── */ const HUE = {trigger:350,bot:322,followup:292,campaign:264,script:238}; const rawCats = [ {id:'trigger', name:'تریگرها', desc:'نقطه ورود', x:505,y:74, sign:-1}, {id:'bot', name:'بات‌ها', desc:'پاسخ خودکار', x:122,y:196,sign:1 }, {id:'followup',name:'فالوآپ‌ها', desc:'پیگیری', x:892,y:212,sign:1 }, {id:'campaign',name:'کمپین‌ها', desc:'کمپین فعال', x:852,y:560,sign:-1}, {id:'script', name:'اسکریپت‌ها',desc:'مکالمه', x:150,y:566,sign:-1}, ]; const LEAF_DEF = { trigger: ['لید جدید','پیام ورودی','فرم سایت'], bot: ['بات پاسخ','دستیار فروش'], followup: ['No-Show','پرداخت رها شده','پیگیری مشاوره'], campaign: ['جذب لید جدید','Upsell بعد خرید','وفاداری'], script: ['تماس اول','تماس دوم','ریکاوری مکالمه'], }; const CNT_DEF = {trigger:6,bot:4,followup:12,campaign:33,script:8}; const cats = rawCats.map(c => { const h=HUE[c.id]; const cp=ctP(BX,BY,c.x,c.y,c.sign); const path=`M ${BX} ${BY} Q ${cp.x.toFixed(1)} ${cp.y.toFixed(1)} ${c.x} ${c.y}`; const ents=entities[c.id]||[]; const leafEntities=ents.length>0?ents.slice(0,3):LEAF_DEF[c.id].map((name,idx)=>({id:`placeholder:${c.id}:${idx}`,name,placeholder:true})); const leafNames=leafEntities.map(e=>e.name); const base=Math.atan2(c.y-BY,c.x-BX); const n=leafNames.length,spread=.52,R=98; const leaves=leafNames.map((name,i)=>{ const ang=base+spread*(i-(n-1)/2); const lx=c.x+R*Math.cos(ang),ly=c.y+R*Math.sin(ang); return {name,entity:leafEntities[i],category:c.id,x:+lx.toFixed(1),y:+ly.toFixed(1),conn:`M ${c.x} ${c.y} L ${lx.toFixed(1)} ${ly.toFixed(1)}`,hue:h,idx:i}; }); const count=ents.length>0?fa(ents.length):fa(CNT_DEF[c.id]); return {...c,hue:h,cp,path,leaves,count}; }); const byId=Object.fromEntries(cats.map(c=>[c.id,c])); const playLabTraceOnMap = (data, inputMode='text') => { if(!data?.input)return; const routeStep=(data.trace||[]).find(step=>step.stage==='route'); const stateStep=(data.trace||[]).find(step=>step.stage==='state'); const routeId=routeStep?.diff?.scriptId||routeStep?.diff?.campaignId||routeStep?.diff?.triggerId||null; let cat='bot'; let leaf=0; if(routeId&&routeId!=='brain_main'){ for(const category of ['trigger','campaign','followup','script','bot']){ const idx=(entities[category]||[]).findIndex(item=>String(item.id)===String(routeId)); if(idx>=0){cat=category;leaf=Math.min(idx,2);break;} } } const routeTitle=String(routeStep?.title||''); if(routeId!=='brain_main'){ if(routeTitle.includes('اسکریپت'))cat='script'; else if(routeTitle.includes('کمپین'))cat='campaign'; else if(routeTitle.includes('تریگر'))cat='trigger'; else if(routeTitle.includes('فالوآپ'))cat='followup'; } const targetCat=byId[cat]||byId.bot; if(routeId){ const exactLeaf=targetCat.leaves.findIndex(item=>String(item.entity?.id)===String(routeId)); if(exactLeaf>=0)leaf=exactLeaf; } const channelLabel={bale:'بله',bale2:'بله',telegram:'تلگرام',voice_call:'تماس صوتی',web:'گفتگوی وب'}[data.channel]||data.channel||'ورودی'; const destinationLabel=routeId==='brain_main'?'پاسخ مستقیم مغز اصلی':routeTitle.replace(/^مقصد:\s*/,'')||targetCat.name; const scriptStates=Array.isArray(stateStep?.diff?.allStates)?stateStep.diff.allStates:[]; msgsRef.current=[{ text:data.input,src:0,cat:targetCat.id,leaf,channel:data.channel,sourceLabel:`ورودی ${channelLabel}`, destinationLabel,inputMode,reply:data.reply||null,directBrain:routeId==='brain_main',scriptId:stateStep?.diff?.scriptId||((routeId&&routeId!=='brain_main')?routeId:null),conf:typeof data.confidence==='number'?data.confidence/100:null, scriptStates,currentState:stateStep?.diff?.state||null,currentStep:stateStep?.diff?.step??null, intent:data.intent||String(data.input).slice(0,24),reason:routeStep?.reason||'تصمیم ثبت‌شدهٔ مغز اصلی',trace:data.trace||[], }]; const anim=animRef.current; anim.i=0;anim.phase='incoming';anim.start=performance.now();anim.paused=false;anim.pausedEl=0; setIdle(false);setTick(value=>value+1); }; /* ── animation loop (throttled to ~30fps for performance) ── */ const frameRef = useRef(0); const pushLog=()=>{ const a=animRef.current,msgs=msgsRef.current,m=msgs[a.i]; const t=byId[m?.cat]; if(!t)return; const lf=t.leaves[m.leaf]||t.leaves[0]; logRef.current=[...logRef.current, {intent:m.intent,dest:m.destinationLabel||`${t.name} · ${lf?.name||''}`,confPct:m.conf==null?'—':fa(Math.round(m.conf*100))+'٪',color:col(t.hue),glow:col(t.hue,.8)} ].slice(-7); }; useEffect(()=>{ const a=animRef.current; a.start=performance.now(); const loop=()=>{ rafRef.current=requestAnimationFrame(loop); if(a.paused)return; const now=performance.now(),el=now-a.start,dur=D[a.phase]; if(el>=dur){ if (a.phase==='incoming') {a.phase='thinking'; a.start=now;} else if(a.phase==='thinking') {a.phase='routing'; a.start=now;} else if(a.phase==='routing') { const current=msgsRef.current[a.i]; a.phase=current?.scriptStates?.length?'stateflow':'responding';a.start=now; } else if(a.phase==='stateflow'){a.phase='responding';a.start=now;} else if(a.phase==='responding'){a.phase='outgoing';a.start=now;} else if(a.phase==='outgoing'){a.phase='returned';a.start=now;pushLog();} else if(a.phase==='returned'){a.phase='gap';a.start=now;} else{ const len=msgsRef.current.length; if(len===0){a.paused=true;} else{a.i=(a.i+1)%len;a.phase='incoming';a.start=now;} } } /* مسیر با CSS نرم می‌ماند؛ React فقط حدود ۱۰fps بازترسیم می‌شود تا پنل جزئیات سنگین نشود. */ frameRef.current=(frameRef.current+1)%6; if(frameRef.current===0) setTick(t=>t+1); }; rafRef.current=requestAnimationFrame(loop); return ()=>{if(rafRef.current)cancelAnimationFrame(rafRef.current);}; },[]); /* ── polling پیام‌های واقعی از سرور ── */ const CATS_VALID = new Set(['trigger','bot','followup','campaign','script']); const fetchEvents = () => { window.api('/orchestrator/recent-events?limit=30').then(r => { if (!r.success || !r.data?.length) { setIdle(true); return; } /* فقط پیام‌های ۱۰ دقیقه اخیر — قدیمی‌تر از اون idle می‌شه */ const cutoff = Date.now() - 10 * 60 * 1000; const fresh = r.data.filter(ev => new Date(ev.time).getTime() >= cutoff); setLiveEvents(r.data); if(modeRef.current==='sandbox')return; if (!fresh.length) { setIdle(true); msgsRef.current = []; return; } const mapped = fresh.map(ev => { const actualCat=ev.ownerRegistered&&CATS_VALID.has(ev.cat)?ev.cat:(ev.scriptId?'script':null); const cn=actualCat?byId[actualCat]:null; const routeRef=ev.ownerRef||ev.scriptId||null; const exactLeaf=cn?.leaves?.findIndex(item=>String(item.entity?.id)===String(routeRef))??-1; const leaf=exactLeaf>=0?exactLeaf:0; const entityName=exactLeaf>=0?cn.leaves[exactLeaf]?.name:null; const channelLabel={bale:'بله',bale2:'بله',telegram:'تلگرام',telegram2:'تلگرام',voice_call:'تماس صوتی',web:'گفتگوی وب'}[ev.platform]||ev.platform||'کانال نامشخص'; const destinationLabel=entityName||(ev.scriptId?`اسکریپت ${ev.scriptId}`:(ev.activeOwner||'مقصد ثبت نشده')); return { text: ev.text, src: 0, cat: cn?.id||null, leaf, noRoute:!cn, channel:ev.platform, sourceLabel:`ورودی ${channelLabel}`, destinationLabel, inputMode:'recorded', reply:ev.reply||null, scriptStates:ev.state?.current_state_name?[{id:ev.state.current_state_id||'current',name:ev.state.current_state_name,order:ev.state.current_step,status:'current'}]:[], currentState:ev.state?.current_state_name||null, currentStep:ev.state?.current_step??null, scriptId:ev.scriptId||ev.state?.script_id||null, conf: null, intent: (ev.text || '').slice(0, 24), reason: cn?`مسیر ثبت‌شده: ${destinationLabel}`:'برای این پیام مقصدی ثبت نشده است', name: ev.name, event: ev, }; }); const prev = msgsRef.current; if (JSON.stringify(prev.map(m=>m.text)) !== JSON.stringify(mapped.map(m=>m.text))) { msgsRef.current = mapped; setIdle(false); const a = animRef.current; if (a.i >= mapped.length) { a.i = 0; a.phase = 'incoming'; a.start = performance.now(); } } }).catch(() => setIdle(true)); }; useEffect(() => { fetchEvents(); const tid = setInterval(fetchEvents, 12000); return () => clearInterval(tid); }, []); // eslint-disable-line useEffect(() => { const loadDashboard = () => window.api('/orchestrator/dashboard').then(r => { if (r.success) setDashboard(r.data); }).catch(() => {}); loadDashboard(); const tid = setInterval(loadDashboard, 12000); return () => clearInterval(tid); }, []); const runSandbox = async () => { const text = sandboxText.trim(); if (!text || sandboxLoading) return; setSandboxLoading(true); setSandboxResult(null); setSelectedStep(null); try { const r = await window.api('/orchestrator/lab-session/turn', { method:'POST', body:{ text, channel:sandboxPlatform, sessionId:sandboxSessionRef.current } }); if (r.success) { setSandboxResult(r.data); setSelectedStep(r.data.trace?.[0] || null); playLabTraceOnMap(r.data,'text'); setSandboxTurns(turns=>[...turns, {role:'user',text,channel:sandboxPlatform}, {role:'assistant',text:r.data.reply || (r.data.silence?'[سکوت کنترل‌شده]':'[پاسخی تولید نشد]'),source:r.data.source,model:r.data.model} ]); setSandboxText(''); } else setSandboxResult({ error:r.error || 'خطا در اجرای آزمایش' }); } catch (e) { setSandboxResult({ error:e.message || 'خطای شبکه' }); } setSandboxLoading(false); }; const blobToBase64 = blob => new Promise((resolve,reject)=>{ const reader=new FileReader(); reader.onload=()=>resolve(String(reader.result||'').split(',')[1]||''); reader.onerror=()=>reject(reader.error||new Error('خواندن فایل صوتی ناموفق بود')); reader.readAsDataURL(blob); }); const runSandboxVoice = async (blob, mimeType) => { if (!blob?.size || sandboxLoading) return; setSandboxLoading(true); setSandboxResult(null); setSelectedStep(null); setSandboxVoiceStatus('در حال ذخیره و تبدیل ویس به متن…'); try { const audioBase64=await blobToBase64(blob); const r=await window.api('/orchestrator/lab-session/voice-turn',{ method:'POST', body:{audioBase64,mimeType,channel:sandboxPlatform,sessionId:sandboxSessionRef.current} }); if(r.success){ setSandboxResult(r.data); setSelectedStep(r.data.trace?.[0]||null); playLabTraceOnMap(r.data,'voice'); setSandboxTurns(turns=>[...turns, {role:'user',text:r.data.input,channel:sandboxPlatform,voice:true,durationMs:r.data.inputArtifact?.durationMs}, {role:'assistant',text:r.data.reply||(r.data.silence?'[سکوت کنترل‌شده]':'[پاسخی تولید نشد]'),source:r.data.source,model:r.data.model} ]); setSandboxVoiceStatus(`ویس ذخیره شد · متن: «${r.data.input}»`); } else { setSandboxResult({error:r.error||'تشخیص ویس ناموفق بود',voice:r.data?.voice}); setSandboxVoiceStatus('ویس محلی ذخیره شد، اما متن قابل‌اعتمادی تشخیص داده نشد.'); } } catch(e){ setSandboxResult({error:e.message||'خطا در پردازش ویس'}); setSandboxVoiceStatus('پردازش ویس ناموفق بود.'); } setSandboxLoading(false); }; const replayLastSandboxVoice = async () => { if(sandboxLoading)return; setSandboxLoading(true);setSandboxResult(null);setSelectedStep(null); setSandboxVoiceStatus('در حال بازپخش و تبدیل آخرین ویس محلی…'); try{ const r=await window.api('/orchestrator/lab-session/replay-last-voice',{ method:'POST',body:{channel:sandboxPlatform,sessionId:sandboxSessionRef.current} }); if(r.success){ setSandboxResult(r.data);setSelectedStep(r.data.trace?.[0]||null); playLabTraceOnMap(r.data,'voice'); setSandboxTurns(turns=>[...turns, {role:'user',text:r.data.input,channel:sandboxPlatform,voice:true,durationMs:r.data.inputArtifact?.durationMs}, {role:'assistant',text:r.data.reply||(r.data.silence?'[سکوت کنترل‌شده]':'[پاسخی تولید نشد]'),source:r.data.source,model:r.data.model} ]); setSandboxVoiceStatus(`ویس بازپخش و ذخیره شد · متن: «${r.data.input}»`); }else{ setSandboxResult({error:r.error||'بازپخش ویس ناموفق بود',voice:r.data?.voice}); setSandboxVoiceStatus('بازپخش ویس محلی ناموفق بود.'); } }catch(e){setSandboxResult({error:e.message||'خطا در بازپخش ویس'});setSandboxVoiceStatus('بازپخش ویس محلی ناموفق بود.');} setSandboxLoading(false); }; const toggleSandboxRecording = async () => { if (sandboxRecording) { sandboxRecorderRef.current?.stop(); return; } try { const stream=await navigator.mediaDevices.getUserMedia({audio:{channelCount:1,echoCancellation:true,noiseSuppression:true}}); const preferred=['audio/webm;codecs=opus','audio/ogg;codecs=opus','audio/webm']; const mimeType=preferred.find(t=>window.MediaRecorder?.isTypeSupported?.(t))||''; const recorder=new MediaRecorder(stream,mimeType?{mimeType}:undefined); sandboxStreamRef.current=stream; sandboxRecorderRef.current=recorder; sandboxAudioChunksRef.current=[]; recorder.ondataavailable=e=>{if(e.data?.size)sandboxAudioChunksRef.current.push(e.data);}; recorder.onstop=()=>{ const actualType=recorder.mimeType||mimeType||'audio/webm'; const blob=new Blob(sandboxAudioChunksRef.current,{type:actualType}); sandboxStreamRef.current?.getTracks().forEach(t=>t.stop()); sandboxStreamRef.current=null; sandboxRecorderRef.current=null; setSandboxRecording(false); if(sandboxDiscardRecordingRef.current){sandboxDiscardRecordingRef.current=false;return;} runSandboxVoice(blob,actualType); }; recorder.start(250); setSandboxRecording(true); setSandboxVoiceStatus('در حال ضبط… برای پایان دوباره کلیک کن'); } catch(e) { setSandboxResult({error:e?.name==='NotAllowedError'?'اجازهٔ میکروفن داده نشد. دسترسی میکروفن را برای این صفحه فعال کن.':(e.message||'میکروفن در دسترس نیست')}); } }; const uploadSandboxVoice = async event => { const file=event.target.files?.[0]; if(!file)return; await runSandboxVoice(file,file.type||(/\.wav$/i.test(file.name)?'audio/wav':/\.ogg$/i.test(file.name)?'audio/ogg':'audio/webm')); event.target.value=''; }; const resetSandbox = async () => { if(sandboxRecorderRef.current?.state==='recording') { sandboxDiscardRecordingRef.current=true; sandboxRecorderRef.current.stop(); } try { await window.api('/orchestrator/lab-session/reset',{method:'POST',body:{sessionId:sandboxSessionRef.current}}); } catch {} sandboxSessionRef.current=`lab-${Date.now()}-${Math.random().toString(36).slice(2,8)}`; setSandboxTurns([]); setSandboxResult(null); setSelectedStep(null); setSandboxText(''); setSandboxVoiceStatus(''); }; const inspectTraceStep = step => { setSelectedStep(step); const phase=(step?.stage==='voice-input'||step?.stage==='start'||step?.stage==='input')?'incoming': step?.stage==='brain'?'thinking':step?.stage==='route'?'routing':step?.stage==='state'?'stateflow':step?.stage==='reply'?'outgoing':'responding'; const anim=animRef.current; anim.phase=phase;anim.paused=true;anim.pausedEl=(D[phase]||1000)*.72;anim.start=performance.now()-anim.pausedEl; setTick(value=>value+1); }; /* ── stage scale measurement ── */ useEffect(()=>{ const measure=()=>{ const el=stageRef.current; if(!el)return; const w=el.clientWidth-8,h=el.clientHeight-200; const s=Math.max(.32,Math.min(w/1012,h/712,1.0)); setStageScale(prev=>Math.abs(s-prev)>.005?s:prev); }; measure();const tid=setTimeout(measure,200); window.addEventListener('resize',measure); return ()=>{clearTimeout(tid);window.removeEventListener('resize',measure);}; },[]); /* ── controls ── */ const select=(i)=>{ const a=animRef.current; a.i=i%msgsRef.current.length;a.phase='incoming';a.start=performance.now();a.paused=false; setTick(t=>t+1); }; const toggle=()=>{ const a=animRef.current,now=performance.now(); if(a.paused){a.paused=false;a.start=now-a.pausedEl;} else {a.paused=true; a.pausedEl=now-a.start;} setTick(t=>t+1); }; const pausePacketMotion=()=>{ const a=animRef.current,p=packetPauseRef.current; if(!p.hovering&&!p.locked)p.wasPaused=a.paused; p.hovering=true; if(!a.paused){a.pausedEl=performance.now()-a.start;a.paused=true;} setTick(t=>t+1); }; const releasePacketMotion=(unlock=false)=>{ const a=animRef.current,p=packetPauseRef.current; p.hovering=false; if(unlock)p.locked=false; if(p.locked)return; if(!p.wasPaused&&a.paused){a.paused=false;a.start=performance.now()-a.pausedEl;} p.wasPaused=false; setTick(t=>t+1); }; const closeSelectedNode=()=>{ if(selectedNode?.kind==='message')releasePacketMotion(true); setSelectedNode(null); }; useEffect(()=>{ if(selectedNode?.kind!=='message'&&packetPauseRef.current.locked)releasePacketMotion(true); },[selectedNode]); const sendChat=async()=>{ const text=chatInput.trim(); if(!text)return; setChatInput(''); let preview=null; try { const r=await window.api('/orchestrator/brain-preview',{method:'POST',body:{text,platform:'web'}}); if(r.success) preview=r.data; } catch {} const targetType=preview?.targetType; const type=targetType==='trigger'?'trigger':targetType==='script'?'script':targetType==='campaign'?'campaign':'bot'; const cn=byId[type]||byId['bot']; msgsRef.current=[...msgsRef.current, {text,src:0,cat:cn.id,leaf:0,conf:null,intent:text.slice(0,22),reason:preview?.reason||`پیش‌نمایش محلی — مسیر: ${cn.name}`} ]; if(preview){setSandboxResult(preview);setSelectedStep(preview.trace?.[0]||null);} const a=animRef.current; a.phase='incoming'; a.start=performance.now(); a.paused=false; a.i=msgsRef.current.length-1; setIdle(false); setTick(t=>t+1); }; /* ── render values (هر frame محاسبه می‌شه) ── */ const a=animRef.current,msgs=msgsRef.current; const phase=a.phase,msg=msgs[a.i]||msgs[0]; const target=(msg?.noRoute||msg?.directBrain)?null:(byId[msg?.cat]||null),trig=byId['trigger']; const nowT=performance.now(),elT=a.paused?a.pausedEl:nowT-a.start; const prog=Math.max(0,Math.min(1,elT/(D[phase]||1))); const brain={x:BX,y:BY}; const incoming=!!msg&&phase==='incoming',analyzing=!!msg&&phase==='thinking'; const routing=!!msg&&phase==='routing',stateflow=!!msg&&phase==='stateflow',responding=!!msg&&phase==='responding'; const outgoing=!!msg&&phase==='outgoing',returned=!!msg&&phase==='returned'; const outputFlow=responding||outgoing||returned; const showDec=routing||stateflow||outputFlow; /* Real script-state lane. Pending states are visible, but the packet only travels across completed states and the current state reported by the trace. */ const rawScriptStates=Array.isArray(msg?.scriptStates)?msg.scriptStates:[]; const rawCurrentIndex=Math.max(0,rawScriptStates.findIndex(s=>s?.status==='current'||String(s?.name)===String(msg?.currentState))); const stateWindowStart=rawScriptStates.length>5?Math.max(0,Math.min(rawCurrentIndex-2,rawScriptStates.length-5)):0; const visibleScriptStates=rawScriptStates.slice(stateWindowStart,stateWindowStart+5); const stateNodes=visibleScriptStates.map((state,index)=>({ ...state,x:270+(index*125),y:640, isCurrent:state?.status==='current'||String(state?.name)===String(msg?.currentState), })); const currentStateNode=stateNodes.find(node=>node.isCurrent)||null; const stateOrigin=target?{x:target.x,y:target.y}:brain; const currentVisibleIndex=currentStateNode?stateNodes.indexOf(currentStateNode):Math.max(0,stateNodes.findIndex(node=>node.status==='pending')-1); const stateTravelNodes=[stateOrigin,...stateNodes.slice(0,Math.max(0,currentVisibleIndex)+1).map(node=>({x:node.x,y:node.y}))]; const pointOnPolyline=(points,t)=>{ if(!points.length)return brain; if(points.length===1)return points[0]; const lengths=points.slice(1).map((point,index)=>Math.hypot(point.x-points[index].x,point.y-points[index].y)); const total=lengths.reduce((sum,length)=>sum+length,0)||1; let distance=t*total; for(let index=0;index{ const isSrc=(incoming||outgoing||returned)&&c.id==='trigger'; const isTgt=(routing||stateflow||responding)&&c.id===target?.id; const active=isSrc||isTgt,h=c.hue; return {...c,active, displayName:isSrc&&msg?.sourceLabel?msg.sourceLabel:c.name, displayDesc:isSrc?(outgoing||returned?'پاسخ خروجی':msg?.inputMode==='voice'?'پیام صوتی':msg?.inputMode==='text'?'پیام متنی':'پیام ثبت‌شده'):c.desc, ns:{ /* nodeStyle */ position:'absolute',left:c.x+'px',top:c.y+'px', transform:`translate(-50%,-50%) scale(${active?1.06:1})`, display:'flex',alignItems:'center',gap:'10px', padding:'10px 14px',borderRadius:'15px',whiteSpace:'nowrap', background:active?`linear-gradient(150deg,${col(h,.28)},rgba(20,11,26,.92))`:'rgba(19,11,25,.78)', border:`1px solid ${active?col(h,.9):'rgba(255,255,255,.1)'}`, boxShadow:active?`0 0 0 1px ${col(h,.4)},0 10px 34px ${col(h,.45)},0 0 46px ${col(h,.3)}`:'0 6px 20px rgba(0,0,0,.45)', backdropFilter:'blur(12px)',WebkitBackdropFilter:'blur(12px)', transition:'all .35s',zIndex:active?8:5,pointerEvents:'auto',cursor:'pointer', }, ds:{width:'11px',height:'11px',borderRadius:'4px',flex:'0 0 auto',background:col(h),boxShadow:`0 0 12px ${col(h,.95)}`}, cs:{ /* countStyle */ marginInlineStart:'4px',fontSize:'12px',fontWeight:'800', color:active?'#fff':col(h,.95), background:active?col(h,.3):'rgba(255,255,255,.06)', border:`1px solid ${active?col(h,.7):'rgba(255,255,255,.08)'}`, padding:'2px 8px',borderRadius:'999px', }, }; }); /* leaf views */ const leafViews=[],leafLinks=[]; cats.forEach(c=>c.leaves.forEach(lf=>{ const isSrc=(incoming||outgoing||returned)&&c.id==='trigger'&&lf.idx===msg?.src; const isTgt=(routing||stateflow||responding)&&c.id===target?.id&&lf.idx===msg?.leaf; const active=isSrc||isTgt,h=lf.hue; leafLinks.push({conn:lf.conn,stroke:col(h,.18)}); leafViews.push({name:isSrc&&msg?.sourceLabel?msg.sourceLabel:lf.name,entity:lf.entity,category:lf.category,style:{ position:'absolute',left:lf.x+'px',top:lf.y+'px',transform:'translate(-50%,-50%)', padding:'5px 11px',borderRadius:'999px',fontSize:'11.5px',fontWeight:active?'700':'500',whiteSpace:'nowrap', background:active?col(h,.2):'rgba(255,255,255,.04)', border:`1px solid ${active?col(h,.75):'rgba(255,255,255,.08)'}`, color:active?'#fff':'rgba(225,210,225,.55)', boxShadow:active?`0 0 18px ${col(h,.55)}`:'none', textShadow:active?`0 0 9px ${col(h,.8)}`:'none', transition:'all .3s',zIndex:active?7:4,pointerEvents:'auto',cursor:'pointer', }}); })); /* SVG overlay */ const gp=(d,h,key,w,op)=>[ E('path',{key:key+'h',d,fill:'none',stroke:col(h,op*.5),strokeWidth:(w||3)+5,strokeLinecap:'round',filter:'url(#mg1)',opacity:op*.7}), E('path',{key:key+'c',d,fill:'none',stroke:'#fff',strokeWidth:1.6,strokeLinecap:'round',opacity:op*.9}), E('path',{key:key+'m',d,fill:'none',stroke:col(h),strokeWidth:w||3,strokeLinecap:'round',filter:'url(#mg1)',opacity:op}), ]; const pt=(p,h,key)=>[ E('circle',{key:key+'g',cx:p.x,cy:p.y,r:13,fill:col(h,.4),filter:'url(#mg1)'}), E('circle',{key:key+'o',cx:p.x,cy:p.y,r:7,fill:col(h,.9)}), E('circle',{key:key+'i',cx:p.x,cy:p.y,r:3.2,fill:'#fff'}), ]; const ov=[]; if(incoming&&trig){ ov.push(...gp(trig.path,trig.hue,'inc',2.6,.85)); ov.push(...pt(quad(brain,trig.cp,{x:trig.x,y:trig.y},1-prog),trig.hue,'incp')); } if(analyzing){ const r=26+prog*64,op=Math.max(0,.5*(1-prog)); ov.push(E('circle',{key:'th1',cx:BX,cy:BY,r,fill:'none',stroke:col(340,op),strokeWidth:2})); const p2=(prog+.5)%1,r2=26+p2*64,op2=Math.max(0,.4*(1-p2)); ov.push(E('circle',{key:'th2',cx:BX,cy:BY,r:r2,fill:'none',stroke:col(330,op2),strokeWidth:2})); } if((routing||stateflow||responding)&&target){ ov.push(...gp(target.path,target.hue,'rt',3,.95)); const lf=target.leaves[msg?.leaf||0]||target.leaves[0]; if(lf)ov.push(...gp(lf.conn,target.hue,'rtl',1.8,.85)); if(routing)ov.push(...pt(quad(brain,target.cp,{x:target.x,y:target.y},prog),target.hue,'rtp')); if(responding&&!currentStateNode){ const r=12+prog*70,op=Math.max(0,1-prog); ov.push(E('circle',{key:'dl',cx:target.x,cy:target.y,r,fill:'none',stroke:col(target.hue,op*.8),strokeWidth:2.4})); } } if((stateflow||responding||outgoing||returned)&&stateNodes.length){ const stateHue=target?.hue??238; const connectors=[stateOrigin,...stateNodes.map(node=>({x:node.x,y:node.y}))]; connectors.slice(1).forEach((point,index)=>{ const previous=connectors[index]; ov.push(...gp(`M ${previous.x} ${previous.y} L ${point.x} ${point.y}`,stateHue,`state-${index}`,1.6,.62)); }); if(stateflow)ov.push(...pt(pointOnPolyline(stateTravelNodes,prog),stateHue,'statep')); if(responding&¤tStateNode){ const r=12+prog*58,op=Math.max(0,1-prog); ov.push(E('circle',{key:'state-response',cx:currentStateNode.x,cy:currentStateNode.y,r,fill:'none',stroke:col(stateHue,op*.85),strokeWidth:2.4})); } } if((outgoing||returned)&&trig){ ov.push(...gp(outputPath,trig.hue,'out',2.8,.9)); if(outgoing)ov.push(...pt(quad(responseOrigin,outputCp,{x:trig.x,y:trig.y},prog),trig.hue,'outp')); if(returned){ const r=12+prog*62,op=Math.max(0,1-prog); ov.push(E('circle',{key:'returned',cx:trig.x,cy:trig.y,r,fill:'none',stroke:col(trig.hue,op*.85),strokeWidth:2.5})); } } let packetPos=null; if(incoming&&trig)packetPos=quad(brain,trig.cp,{x:trig.x,y:trig.y},1-prog); else if(analyzing)packetPos=brain; else if(routing)packetPos=target?quad(brain,target.cp,{x:target.x,y:target.y},prog):brain; else if(stateflow)packetPos=pointOnPolyline(stateTravelNodes,prog); else if(responding)packetPos=responseOrigin; else if(outgoing)packetPos=quad(responseOrigin,outputCp,{x:trig.x,y:trig.y},prog); else if(returned)packetPos={x:trig.x,y:trig.y}; const packetBubbleX=packetPos?Math.max(140,Math.min(860,packetPos.x)):0; const packetStage=incoming?'در حال ورود به مغز':analyzing?'مغز در حال تصمیم‌گیری':routing?(target?'در حال ارسال به مقصد':'پاسخ مستقیم مغز'):stateflow?`عبور از استیت ${msg?.currentState||''}`:responding?(currentStateNode?'پاسخ در استیت جاری آماده شد':'پاسخ در مقصد آماده شد'):outgoing?`ارسال مستقیم پاسخ به ${msg?.sourceLabel||'کانال'}`:returned?'پاسخ تحویل شد':'ثبت‌شده'; const packetText=outputFlow&&msg?.reply?msg.reply:msg?.text; const isVoicePacket=msg?.inputMode==='voice'; const responseOriginLabel=currentStateNode?.name||msg?.currentState||msg?.destinationLabel||(target?.name||'مغز اصلی'); const packetRouteLabel=routing||stateflow||responding?`← ${currentStateNode?.name||msg?.destinationLabel||'مقصد ثبت نشده'}`:outgoing||returned?`${responseOriginLabel} → ${msg?.sourceLabel||'کانال ورودی'}`:''; /* rail data */ const current={ channel:msg?.sourceLabel||trig?.leaves[msg?.src||0]?.name||'ورودی', text:msg?.text||'', time:incoming?'در حال دریافت…':'هم‌اکنون', }; const decision=showDec&&target&&msg?{ catName:target.name, leaf:(target.leaves[msg.leaf||0]||target.leaves[0])?.name||'', reason:msg.reason, confPct:msg.conf == null?'ثبت نشده':fa(Math.round(msg.conf*100))+'٪',confW:msg.conf == null?'0%':Math.round(msg.conf*100)+'%', chipBg:col(target.hue,.22),chipBorder:col(target.hue,.6), chipShadow:`0 0 16px ${col(target.hue,.4)}`,leafColor:col(target.hue,.95), barBg:`linear-gradient(90deg,${col(target.hue,.6)},${col(target.hue)})`,barGlow:col(target.hue,.7), }:null; const queue=msgs.length>1?[1,2].map(k=>{const j=(a.i+k)%msgs.length;return{text:msgs[j]?.text||'',idx:j};}):[]; const recent=logRef.current.slice().reverse(); const legend=cats.map(c=>({name:c.name,color:col(c.hue),glow:col(c.hue,.7)})); const statusText=!msg?'آماده':incoming?`${msg?.sourceLabel||'ورودی'} ← دریافت`:analyzing?'در حال تصمیم‌گیری…':routing?`ارسال به ${msg?.destinationLabel||target?.name||'مقصد'}…`:stateflow?`در اسکریپت: ${msg?.currentState||'استیت جاری'}`:responding?(currentStateNode?`پاسخ در استیت ${currentStateNode.name} آماده شد`:'پاسخ آماده شد'):outgoing?`خروج مستقیم به ${msg?.sourceLabel||'کانال'}…`:returned?'✓ پاسخ تحویل کانال شد':'آماده'; const thinkGlow=analyzing?.95:routing?.6:(stateflow||responding||outgoing||returned)?.58:.32; const kpis=[ {val:fa(dashboard?.messagesToday ?? 0),label:'پیام واقعی امروز'}, {val:fa(dashboard?.activeLeads ?? 0),label:'لید فعال'}, {val:fa(dashboard?.activeRoutes ?? 0),label:'مسیر فعال'}, ]; const artifactThrough = stage => { const trace=Array.isArray(msg?.trace)?msg.trace:[]; const index=trace.findIndex(step=>step.stage===stage); if(index<0)return { snapshot:null,trace:[] }; return { snapshot:trace[index]?.snapshot||null,trace:trace.slice(0,index+1) }; }; const executionSummary=()=>({ phase,channel:msg?.channel||null,channelLabel:msg?.sourceLabel||null, inputMode:msg?.inputMode||null,message:msg?.text||null,reply:msg?.reply||null, destination:msg?.destinationLabel||null,scriptId:msg?.scriptId||null, currentState:msg?.currentState||null,currentStep:msg?.currentStep??null, intent:msg?.intent||null,confidence:msg?.conf??null,reason:msg?.reason||null, }); const openBrainDetails=async()=>{ setSelectedNode({kind:'brain',title:'مغز اصلی',loading:true,data:{execution:executionSummary(),artifact:artifactThrough('brain')}}); try{ const [scriptResult,contextResult]=await Promise.all([ window.api('/orchestrator/brain-script'),window.api('/orchestrator/brain-context') ]); setSelectedNode({kind:'brain',title:'مغز اصلی',data:{ script:scriptResult?.success?scriptResult.data:null, activeContext:contextResult?.success?contextResult.data:null, dashboard,execution:executionSummary(),artifact:artifactThrough('brain') }}); }catch(error){setSelectedNode({kind:'brain',title:'مغز اصلی',data:{error:error.message,execution:executionSummary(),artifact:artifactThrough('brain')}});} }; const openScriptDetails=async entity=>{ const scriptId=entity?.id||msg?.scriptId; setSelectedNode({kind:'script',title:entity?.name||msg?.destinationLabel||'اسکریپت',category:'script',loading:true,data:{id:scriptId,execution:executionSummary(),artifact:artifactThrough('route')}}); if(!scriptId)return; try{ const [scriptResult,mapResult]=await Promise.all([ window.api(`/scripts/${encodeURIComponent(scriptId)}`),window.api(`/scripts/${encodeURIComponent(scriptId)}/map`) ]); const script=scriptResult?.data?.script||scriptResult?.script||entity||null; const versions=scriptResult?.data?.versions||scriptResult?.versions||[]; const states=mapResult?.data?.states||mapResult?.states||[]; setSelectedNode({kind:'script',title:script?.name||entity?.name||'اسکریپت',category:'script',data:{ script,states,versions,execution:executionSummary(),artifact:artifactThrough('route') }}); }catch(error){setSelectedNode({kind:'script',title:entity?.name||'اسکریپت',category:'script',data:{id:scriptId,error:error.message,execution:executionSummary(),artifact:artifactThrough('route')}});} }; const openStateDetails=async state=>{ const scriptId=msg?.scriptId||state?.scriptId; setSelectedNode({kind:'state',title:state?.name||'استیت',category:'script',loading:true,data:{state,scriptId,execution:executionSummary(),artifact:artifactThrough('state')}}); try{ const [mapResult,scriptResult]=scriptId?await Promise.all([ window.api(`/scripts/${encodeURIComponent(scriptId)}/map`),window.api(`/scripts/${encodeURIComponent(scriptId)}`) ]):[null,null]; const states=mapResult?.data?.states||mapResult?.states||[]; const fullState=states.find(item=>String(item.id)===String(state?.id))||state; const script=scriptResult?.data?.script||scriptResult?.script||null; setSelectedNode({kind:'state',title:fullState?.name||'استیت',category:'script',data:{ state:fullState,progressStatus:state?.status||null,script, allStates:states,execution:executionSummary(),artifact:artifactThrough('state') }}); }catch(error){setSelectedNode({kind:'state',title:state?.name||'استیت',category:'script',data:{state,scriptId,error:error.message,execution:executionSummary(),artifact:artifactThrough('state')}});} }; /* ── JSX ── */ return (
{/* dot grid */}
{/* center glow */}
{/* ── HEADER ── */}
{onClose&&} e.target.style.display='none'}/>
Orchestra آنلاین
مغز مرکزی هوشمند · موتور ارجاع پیام
{[ ['live','● زنده'],['trace','ردیابی'],['sandbox','آزمایشگاه'],['settings','تنظیمات'] ].map(([id,label])=>( ))}
{kpis.map((k,i)=>(
{k.val} {k.label}
))} {onClose&&( )}
{/* ── BODY ── */}
{/* پنل مرکز فرماندهی: جزئیات، ردیابی، آزمایش امن و تنظیمات */} {(mode!=='live'||selectedNode)&&(