Files
html/vsm-pipelines.html
2026-04-12 22:57:03 +02:00

64 lines
8.4 KiB
HTML

<!-- VALUE STREAM MAPPING + PIPELINES — 2Apr2026 -->
<div id="vsm-section" style="display:none;padding:20px;background:#0a0e1a;min-height:100vh;font-family:'DM Sans',sans-serif;color:#e2e8f0">
<style>#vsm-section *{box-sizing:border-box}#vsm-section .vk{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0}#vsm-section .vk>div{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:14px;text-align:center}#vsm-section .vk .vn{font-size:24px;font-weight:700;font-family:'JetBrains Mono',monospace}#vsm-section .vk .vl{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-top:4px}#vsm-section .vp{display:flex;gap:0;padding:8px 0;overflow-x:auto}#vsm-section .vs{flex:1;min-width:100px;text-align:center;position:relative;padding:8px}#vsm-section .vs::after{content:'→';position:absolute;right:-6px;top:50%;transform:translateY(-50%);color:#64748b;font-size:16px}#vsm-section .vs:last-child::after{display:none}#vsm-section .vc{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:16px;margin-bottom:12px}#vsm-section .vc h4{font-size:13px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}#vsm-section .vb{font-size:10px;background:rgba(201,100,66,.2);color:#c96442;padding:2px 8px;border-radius:99px}#vsm-section .n8g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}#vsm-section .n8c{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:10px;font-size:11px}</style>
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px">
<h2 style="margin:0;font-size:22px">🔄 Value Stream Mapping — All Pipelines</h2>
<span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#10b981">● LIVE</span>
</div>
<div class="vk" id="vsm-kpis"></div>
<div id="vsm-pipes"></div>
<h3 style="margin:24px 0 12px;font-size:16px">⚙️ n8n Automation Workflows</h3>
<div class="n8g" id="vsm-n8n"></div>
</div>
<script>
(function(){
var D=[
{n:'CEO Office',i:'👔',c:'#c96442',a:['CEO','Brain','Orch','TaskMgr','Intro'],p:['Decision','Budget','Strategy','Hiring','Review'],k:'1 brief/j'},
{n:'Prospect',i:'🎯',c:'#f59e0b',a:['Ethica','Analyst','Writer','Proposal','Contract'],p:['Leads','Qualify','Outreach','Convert','Close'],k:'1052 leads'},
{n:'Consulting',i:'🏗️',c:'#3b82f6',a:['Architect','Planner','DeerFlow','Critic','Translate','Academy','ECC36','Persona6'],p:['Analyse','Design','Propose','Deliver','Support'],k:'3 proposals'},
{n:'Dev Lab',i:'⚡',c:'#8b5cf6',a:['Executor','Debugger','Reviewer','Designer','WEDROID','Simplifier','Blueprint','DevForge'],p:['Code','Review','Test','Deploy','Monitor'],k:'12 deploy/j'},
{n:'Infra',i:'🖥️',c:'#06b6d4',a:['Watchdog','Guardian','Blade','GitMaster','Loki'],p:['Monitor','Fix','Deploy','Verify','Report'],k:'99.9% up'},
{n:'Security',i:'🔐',c:'#ef4444',a:['Security','Verifier','Nuclei'],p:['Scan','Detect','Assess','Remediate','Audit'],k:'OWASP A+'},
{n:'QA',i:'🧪',c:'#10b981',a:['QA','TestEng','Tracer','Scientist'],p:['Plan','Execute','Analyze','Report','Fix'],k:'153/153'},
{n:'Pharma',i:'💊',c:'#ec4899',a:['Explore','DocSpec','MiroFish'],p:['Scrape','Validate','Enrich','Campaign','Track'],k:'131K HCPs'},
{n:'AI Engine',i:'🧠',c:'#a855f7',a:['Groq','Cerebras','Ollama','Sovereign','ClaudeCode','OpenWebUI','Flowise'],p:['Ingest','Route','Infer','Validate','Deliver'],k:'180 models'},
{n:'MTA',i:'📧',c:'#f97316',a:['PMTA','KumoMTA','Postfix'],p:['Compose','Route','Deliver','Track','Bounce'],k:'3M contacts'},
{n:'Cognitive',i:'🎯',c:'#6366f1',a:['Analysis','Codegen','Creative','Debug','Strategy','Research','Orchestration','TokenEff','Business'],p:['Perceive','Process','Generate','Validate','Output'],k:'9 modes'},
{n:'OSS',i:'🌐',c:'#14b8a6',a:['BrowserUse','OpenClaw','Goose','AIOS','Dify','Mastra','EvoMaster','Activepieces','AEGIS','Prometheus','Flowise','OpenWebUI','CrewAI','LangChain','Scrapy','Supermemory'],p:['Discover','Evaluate','Wire','Test','Deploy'],k:'685 tools'},
{n:'SaaS',i:'📦',c:'#0ea5e9',a:['LeadForge','OutreachAI','MailWarm','ProposalAI','WhatsAppAPI','WEVIA','Manager'],p:['Build','Launch','Sell','Support','Scale'],k:'38 tools'},
{n:'Automation',i:'⏰',c:'#64748b',a:['EthicaCron','B2BCron','NonRegCron','BackupCron','OSSChain','SkillSync','L99Auto','GuardCron'],p:['Schedule','Execute','Validate','Alert','Log'],k:'30+ crons'}
];
var N=[
{n:'Ethica HCP Enrichment',t:'*/6h',nd:12,s:1,d:'Scrape→Validate→Enrich→Store'},
{n:'B2B Lead Generation',t:'*/4h',nd:8,s:1,d:'LinkedIn→Pattern→Verify→CRM'},
{n:'NonReg Watchdog',t:'6h/18h',nd:6,s:1,d:'153 tests→TG alert→HTML'},
{n:'Sovereign AI Router',t:'Webhook',nd:5,s:1,d:'Request→Provider→Infer→Cache'},
{n:'WhatsApp Campaign',t:'Manual',nd:7,s:0,d:'Template→Audience→Send→Track'},
{n:'Email Drip DZ+MA+TN',t:'*/5min',nd:9,s:1,d:'Queue→Segment→Send→Track'},
{n:'OSS Discovery Sync',t:'*/6h',nd:6,s:1,d:'GitHub→Evaluate→Wire→Alert'},
{n:'DeerFlow Research',t:'Webhook',nd:8,s:1,d:'Query→Sources→Synth→Store'},
{n:'Paperclip Agent Chain',t:'API',nd:10,s:1,d:'Trigger→Agent→Execute→Learn'},
{n:'Azure AD O365 Sync',t:'Daily',nd:5,s:1,d:'Tenants→Sync→Refresh→Report'},
{n:'Guardian Auto-Heal',t:'*/5min',nd:4,s:1,d:'Check→Detect→Restart→Alert'},
{n:'Stripe Billing',t:'Webhook',nd:6,s:0,d:'Event→Payment→Invoice→Email'},
{n:'L99 Alive Monitor',t:'*/30min',nd:7,s:1,d:'Scan→PW test→Screenshot→TG'},
{n:'Backup GOLD',t:'Daily 4am',nd:5,s:1,d:'PG dump→GOLD→S3→Verify→Clean'},
{n:'IP Warmup Pipeline',t:'Daily',nd:8,s:1,d:'Select→Ramp→Monitor→Adjust'}
];
var kpis=[{v:'150',l:'Agents',c:'#c96442'},{v:'14',l:'Pipelines',c:'#3b82f6'},{v:'15',l:'n8n Flows',c:'#8b5cf6'},{v:'685',l:'OSS Tools',c:'#14b8a6'},{v:'3M',l:'Contacts',c:'#f59e0b'},{v:'132K',l:'HCPs',c:'#10b981'},{v:'93%',l:'L99 Score',c:'#c96442'},{v:'12',l:'SaaS',c:'#0ea5e9'}];
var el=document.getElementById;
document.getElementById('vsm-kpis').innerHTML=kpis.map(function(k){return '<div><div class="vn" style="color:'+k.c+'">'+k.v+'</div><div class="vl">'+k.l+'</div></div>'}).join('');
var ph='';D.forEach(function(d){
ph+='<div class="vc"><h4>'+d.i+' '+d.n+' <span class="vb">'+d.a.length+' agents</span> <span class="vb" style="background:rgba(16,185,129,.2);color:#10b981">'+d.k+'</span></h4>';
ph+='<div class="vp">'+d.p.map(function(s,i){return '<div class="vs"><div style="width:32px;height:32px;border-radius:8px;background:'+d.c+'22;color:'+d.c+';display:flex;align-items:center;justify-content:center;margin:0 auto 4px;font-size:12px;font-weight:700">'+(i+1)+'</div><div style="font-size:11px;font-weight:600">'+s+'</div></div>'}).join('')+'</div>';
ph+='<div style="display:flex;flex-wrap:wrap;gap:4px;margin-top:8px">'+d.a.map(function(a){return '<span style="font-size:10px;background:'+d.c+'15;color:'+d.c+';padding:2px 8px;border-radius:4px">'+a+'</span>'}).join('')+'</div></div>';
});
document.getElementById('vsm-pipes').innerHTML=ph;
document.getElementById('vsm-n8n').innerHTML=N.map(function(w){return '<div class="n8c"><div style="font-weight:700">⚙️ '+w.n+'</div><div style="color:#64748b;margin:2px 0">'+w.t+' • '+w.nd+' nodes</div><div style="color:'+(w.s?'#10b981':'#f59e0b')+';font-size:10px">'+(w.s?'● Active':'○ Ready')+'</div><div style="margin-top:4px;opacity:.7">'+w.d+'</div></div>'}).join('');
// Add VSM tab to nav
var nav=document.querySelector('.tbar')||document.querySelector('nav')||document.querySelector('[style*="position:sticky"]');
if(nav){var btn=document.createElement('div');btn.textContent='🔄 VSM';btn.style.cssText='padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;color:#c96442;background:rgba(201,100,66,.1);margin-left:8px;display:inline-block';btn.onclick=function(){var s=document.getElementById('vsm-section');s.style.display=s.style.display==='none'?'block':'none'};nav.appendChild(btn)}
else{var t=document.querySelector('.tabs,.tab-bar')||document.body.firstElementChild;if(t){var btn2=document.createElement('button');btn2.textContent='🔄 Value Stream Map';btn2.style.cssText='position:fixed;bottom:20px;right:20px;z-index:9999;padding:12px 20px;border-radius:12px;background:#c96442;color:white;border:none;cursor:pointer;font-weight:700;font-size:13px;box-shadow:0 4px 12px rgba(0,0,0,.3)';btn2.onclick=function(){var s=document.getElementById('vsm-section');s.style.display=s.style.display==='none'?'block':'none'};document.body.appendChild(btn2)}}
})();
</script>