2da8562c90
- Leaflet.js map with dark tiles showing real Chicago building permits - Dots sized and colored by project cost ($1B+ red, $100M+ orange, $10M+ blue) - Hover any dot for project details — address, cost, description, date - LIVE indicator with green pulse dot - Timestamp showing when data was fetched - "Verify source" link goes directly to Chicago Open Data portal - "Refresh" button re-fetches from the API on click - Expanded to 50 permits for denser map coverage - Legend showing dot size scale No one can say "you just typed those numbers in" when they can click a dot on the map, see 10000 W OHARE ST, and verify it themselves on data.cityofchicago.org. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
789 lines
48 KiB
HTML
789 lines
48 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Staffing Co-Pilot</title>
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
|
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
body{font-family:-apple-system,system-ui,sans-serif;background:#0b0f19;color:#c9d1d9;font-size:14px;line-height:1.5}
|
|
.bar{background:#161b22;padding:12px 20px;border-bottom:1px solid #21262d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
|
|
.bar h1{font-size:16px;font-weight:600;color:#f0f6fc}.bar .rt{font-size:11px;color:#8b949e}
|
|
.content{max-width:900px;margin:0 auto;padding:20px 16px}
|
|
|
|
/* Insight cards — the "how did it know that?" moments */
|
|
.insight{background:#161b22;border:1px solid #21262d;border-radius:12px;padding:20px;margin-bottom:16px}
|
|
.insight .label{font-size:10px;color:#8b949e;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}
|
|
.insight .headline{font-size:18px;font-weight:700;color:#f0f6fc;margin-bottom:4px}
|
|
.insight .sub{font-size:13px;color:#8b949e;margin-bottom:14px}
|
|
.insight.urgent{border-left:3px solid #f85149}
|
|
.insight.opportunity{border-left:3px solid #3fb950}
|
|
.insight.warning{border-left:3px solid #d29922}
|
|
.insight.info{border-left:3px solid #58a6ff}
|
|
|
|
/* Worker in insight — clean, scannable */
|
|
.iworker{display:flex;align-items:center;gap:12px;padding:10px;background:#0d1117;border-radius:8px;margin-bottom:6px}
|
|
.iworker .av{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#f0f6fc;flex-shrink:0}
|
|
.iworker .info{flex:1}
|
|
.iworker .nm{font-weight:600;color:#f0f6fc;font-size:14px}
|
|
.iworker .detail{color:#8b949e;font-size:12px}
|
|
.iworker .why{color:#58a6ff;font-size:11px;margin-top:2px;font-style:italic}
|
|
.iworker .acts{display:flex;gap:4px}
|
|
.ibtn{padding:6px 14px;border-radius:6px;font-size:11px;cursor:pointer;border:none;font-weight:600}
|
|
.ibtn.call{background:#1f3d68;color:#58a6ff}
|
|
.ibtn.sms{background:#0d261a;color:#3fb950}
|
|
|
|
/* Stats strip */
|
|
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px}
|
|
.stat{background:#161b22;border:1px solid #21262d;border-radius:10px;padding:16px;text-align:center}
|
|
.stat .n{font-size:28px;font-weight:800;color:#f0f6fc}.stat .l{font-size:10px;color:#8b949e;text-transform:uppercase;margin-top:2px}
|
|
|
|
/* Search */
|
|
.sa{margin-top:20px;background:#161b22;border:1px solid #21262d;border-radius:10px;overflow:hidden}
|
|
.sa summary{cursor:pointer;color:#8b949e;font-size:13px;list-style:none;padding:14px 16px}
|
|
.sa summary::-webkit-details-marker{display:none}
|
|
.sa .inner{padding:0 16px 16px}
|
|
.sa input[type=text]{width:100%;padding:12px;background:#0b0f19;border:1px solid #21262d;border-radius:8px;color:#f0f6fc;font-size:14px;outline:none;margin-bottom:8px}
|
|
.sa input:focus{border-color:#58a6ff}
|
|
.srow{display:flex;gap:8px;margin-bottom:10px}
|
|
.sa select{flex:1;padding:8px;background:#0b0f19;border:1px solid #21262d;border-radius:6px;color:#c9d1d9;font-size:12px}
|
|
.sbtn{width:100%;padding:10px;background:#7c3aed;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer}
|
|
.sbtn:hover{background:#6d28d9}
|
|
#sresults{margin-top:12px}
|
|
.ft{text-align:center;padding:16px;color:#484f58;font-size:11px;margin-top:20px}.ft a{color:#58a6ff;text-decoration:none}
|
|
.ld{color:#484f58;text-align:center;padding:20px}
|
|
@media(max-width:768px){.stats{grid-template-columns:repeat(2,1fr)}.iworker{flex-direction:column;text-align:center}.iworker .acts{justify-content:center}}
|
|
</style></head><body>
|
|
<div class="bar"><h1>Staffing Co-Pilot</h1><div class="rt" id="status">Loading your day...</div></div>
|
|
<div class="content">
|
|
<div id="main"><div class="ld">Analyzing your contracts and workers...</div></div>
|
|
|
|
<div id="market"></div>
|
|
<div id="learning"></div>
|
|
|
|
<details class="sa"><summary>Search workers...</summary><div class="inner">
|
|
<input type="text" id="sq" placeholder="Describe who you need — the AI understands plain English" onkeydown="if(event.key==='Enter')doSearch()">
|
|
<div class="srow"><select id="sst"><option value="">Any State</option></select>
|
|
<select id="srl"><option value="">Any Role</option></select></div>
|
|
<button class="sbtn" onclick="doSearch()">Find Workers</button><div id="sresults"></div></div></details>
|
|
<div class="ft"><a href="console">Intelligence Console</a> · <a href="proof">How this works</a></div>
|
|
</div>
|
|
<script>
|
|
var P=location.pathname.indexOf('/lakehouse')>=0?'/lakehouse':'';
|
|
var A=location.origin+P;
|
|
var AC=['#1a2744','#1a3a2a','#2a1a3a','#3a2a1a','#1a3a3a','#2a2a1a'];
|
|
var lastQuery='';
|
|
window.addEventListener('load',function(){loadDay();loadMarket();loadLearning()});
|
|
|
|
function api(path,body){
|
|
return fetch(A+path,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)}).then(function(r){return r.json()})
|
|
}
|
|
|
|
function loadDay(){
|
|
// Step 1: run simulation + get real worker count + populate dropdowns from actual data
|
|
Promise.all([
|
|
api('/simulation/run',{}),
|
|
api('/sql',{sql:"SELECT COUNT(*) as cnt FROM workers_500k"}),
|
|
api('/sql',{sql:"SELECT DISTINCT role FROM workers_500k ORDER BY role"}),
|
|
api('/sql',{sql:"SELECT DISTINCT state FROM workers_500k ORDER BY state"})
|
|
]).then(function(r0){
|
|
var sim=r0[0];
|
|
var workerCount=r0[1]&&r0[1].rows&&r0[1].rows[0]?r0[1].rows[0].cnt:0;
|
|
var allRoles=r0[2]&&r0[2].rows?r0[2].rows.map(function(r){return r.role}):[];
|
|
var allStates=r0[3]&&r0[3].rows?r0[3].rows.map(function(r){return r.state}):[];
|
|
|
|
// Populate dropdowns from real data
|
|
var stSel=document.getElementById('sst');
|
|
var rlSel=document.getElementById('srl');
|
|
stSel.innerHTML='<option value="">Any State</option>';
|
|
allStates.forEach(function(s){var o=document.createElement('option');o.value=s;o.textContent=s;stSel.appendChild(o)});
|
|
rlSel.innerHTML='<option value="">Any Role</option>';
|
|
allRoles.forEach(function(r){var o=document.createElement('option');o.value=r;o.textContent=r;rlSel.appendChild(o)});
|
|
|
|
// Update search summary with real count
|
|
var searchSum=document.querySelector('.sa summary');
|
|
if(searchSum)searchSum.textContent='Search all '+workerCount.toLocaleString()+' workers';
|
|
|
|
var today=sim.days?sim.days[0]:null;
|
|
var sum=sim.summary||{};
|
|
sum.worker_count=workerCount;
|
|
document.getElementById('status').textContent=sum.total_filled+'/'+sum.total_needed+' positions filled across '+sum.total_contracts+' contracts';
|
|
|
|
// Step 2: extract what's ACTUALLY needed from today's contracts
|
|
var contracts=today?today.contracts:[];
|
|
var needRoles={}, needStates={}, urgentRoles=[];
|
|
contracts.forEach(function(c){
|
|
if(c.filled<c.headcount){
|
|
needRoles[c.role]=(needRoles[c.role]||0)+(c.headcount-c.filled);
|
|
needStates[c.state]=(needStates[c.state]||0)+(c.headcount-c.filled);
|
|
if(c.priority==='urgent'||c.priority==='high') urgentRoles.push(c.role);
|
|
}
|
|
});
|
|
|
|
// Build contextual queries based on today's gaps
|
|
var roleList=Object.keys(needRoles);
|
|
var stateList=Object.keys(needStates);
|
|
var roleFilter=roleList.length?roleList.map(function(r){return"'"+r.replace(/'/g,"''")+"'"}).join(','):"'Forklift Operator'";
|
|
var stateFilter=stateList.length?stateList.map(function(s){return"'"+s.replace(/'/g,"''")+"'"}).join(','):"'IL'";
|
|
|
|
// Contextual workers — add random offset so it's not always the same top 8
|
|
var offset=Math.floor(Math.random()*20);
|
|
var topSql="SELECT name, role, city, state, ROUND(CAST(reliability AS DOUBLE),2) rel, certifications "+
|
|
"FROM workers_500k WHERE role IN ("+roleFilter+") AND state IN ("+stateFilter+") "+
|
|
"AND CAST(reliability AS DOUBLE)>0.85 ORDER BY CAST(reliability AS DOUBLE) DESC LIMIT 8 OFFSET "+offset;
|
|
|
|
// Coverage for states that matter today
|
|
var covSql="SELECT state, COUNT(*) cnt, SUM(CASE WHEN CAST(reliability AS DOUBLE)>0.8 THEN 1 ELSE 0 END) good "+
|
|
"FROM workers_500k WHERE state IN ("+stateFilter+") GROUP BY state ORDER BY cnt DESC";
|
|
|
|
// Roles breakdown for today's needed roles
|
|
var roleSql="SELECT role, COUNT(*) total, SUM(CASE WHEN CAST(reliability AS DOUBLE)>0.8 THEN 1 ELSE 0 END) reliable "+
|
|
"FROM workers_500k WHERE role IN ("+roleFilter+") GROUP BY role ORDER BY total DESC";
|
|
|
|
return Promise.all([roleSql, topSql, covSql].map(function(sql){
|
|
return api('/sql',{sql:sql});
|
|
})).then(function(results){
|
|
var roles=results[0], topWorkers=results[1], coverage=results[2];
|
|
renderMain(today,sum,roles,topWorkers,coverage,needRoles,needStates);
|
|
});
|
|
}).catch(function(e){
|
|
document.getElementById('main').textContent='Error loading: '+e.message;
|
|
});
|
|
}
|
|
|
|
function renderMain(today,sum,roles,topWorkers,coverage,needRoles,needStates){
|
|
var el=document.getElementById('main');
|
|
el.textContent='';
|
|
|
|
// Stats
|
|
var stats=document.createElement('div');stats.className='stats';
|
|
addStat(stats,sum.total_contracts||0,'Contracts Today');
|
|
addStat(stats,sum.total_filled||0,'Positions Filled');
|
|
addStat(stats,sum.emergencies||0,'Urgent');
|
|
addStat(stats,sum.worker_count||0,'Workers in System');
|
|
el.appendChild(stats);
|
|
|
|
// INSIGHT 1: Urgent pipeline — step-by-step workflow
|
|
if(today&&today.contracts){
|
|
var urgent=today.contracts.filter(function(c){return c.priority==='urgent'});
|
|
var needsWork=today.contracts.filter(function(c){return c.priority!=='urgent'&&c.filled<c.headcount});
|
|
var filled=today.contracts.filter(function(c){return c.filled>=c.headcount});
|
|
|
|
if(urgent.length){
|
|
var ins=makeInsight('urgent','Urgent Pipeline',
|
|
urgent.length+' emergency contract'+(urgent.length>1?'s':'') +' — the system found workers, here\'s your action plan',
|
|
null);
|
|
// Pipeline steps explanation
|
|
var steps=document.createElement('div');
|
|
steps.style.cssText='display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap';
|
|
var stepData=[
|
|
['1','Review','Check the pre-matched workers below','#f85149'],
|
|
['2','Call first choice','Highest-rated worker gets the first call','#d29922'],
|
|
['3','Confirm or replace','If they can\'t make it, the backup is ready','#58a6ff'],
|
|
['4','Send details','Client address, start time, dress code','#3fb950']
|
|
];
|
|
stepData.forEach(function(s){
|
|
var sd=document.createElement('div');
|
|
sd.style.cssText='flex:1;min-width:120px;background:#0d1117;border-radius:8px;padding:10px;border-top:2px solid '+s[3];
|
|
var num=document.createElement('div');num.style.cssText='font-size:18px;font-weight:800;color:'+s[3];num.textContent='Step '+s[0];
|
|
var title=document.createElement('div');title.style.cssText='font-size:12px;font-weight:600;color:#f0f6fc;margin-top:2px';title.textContent=s[1];
|
|
var desc=document.createElement('div');desc.style.cssText='font-size:10px;color:#8b949e;margin-top:2px';desc.textContent=s[2];
|
|
sd.appendChild(num);sd.appendChild(title);sd.appendChild(desc);steps.appendChild(sd);
|
|
});
|
|
ins.appendChild(steps);
|
|
|
|
urgent.forEach(function(c){
|
|
addContractInsight(ins,c,true);
|
|
});
|
|
el.appendChild(ins);
|
|
}
|
|
|
|
// Non-urgent that need work
|
|
if(needsWork.length){
|
|
var ins1b=makeInsight('warning','In Progress',
|
|
needsWork.length+' contract'+(needsWork.length>1?'s':'')+' still filling — workers matched, awaiting confirmation',
|
|
'These are standard priority. Workers are ranked by fit — start from the top.');
|
|
needsWork.forEach(function(c){
|
|
addContractInsight(ins1b,c,false);
|
|
});
|
|
el.appendChild(ins1b);
|
|
}
|
|
|
|
if(filled.length){
|
|
var ins2=makeInsight('opportunity','Ready to Go',
|
|
filled.length+' contract'+(filled.length>1?'s':'')+' fully staffed — review and send shift details',
|
|
'All positions matched. The workers listed below are the system\'s best picks based on role, location, reliability, and certifications. Tap Call or SMS to confirm.');
|
|
filled.forEach(function(c){
|
|
addContractInsight(ins2,c,false);
|
|
});
|
|
el.appendChild(ins2);
|
|
}
|
|
}
|
|
|
|
// INSIGHT 2: Top available workers — contextual to today's unfilled contracts
|
|
if(topWorkers&&topWorkers.rows&&topWorkers.rows.length){
|
|
// Build a contextual headline from today's gaps
|
|
var gapRoles=needRoles?Object.keys(needRoles):[];
|
|
var gapStates=needStates?Object.keys(needStates):[];
|
|
var headline='Workers Available for Today\'s Open Contracts';
|
|
var sub='Matched to the roles and locations you need filled right now';
|
|
if(gapRoles.length<=3&&gapRoles.length>0){
|
|
headline='Top '+gapRoles.join(', ')+' Workers Available';
|
|
sub='These workers match your unfilled contracts in '+gapStates.join(', ');
|
|
}
|
|
var ins3=makeInsight('info',headline,sub,
|
|
'Filtered to roles and states with open positions today. Reliability 85%+.');
|
|
topWorkers.rows.forEach(function(w,i){
|
|
// Show which contract gap this worker could fill
|
|
var gapNote='';
|
|
if(needRoles&&needRoles[w.role]){gapNote='→ Could fill '+needRoles[w.role]+' open '+w.role+' spot'+(needRoles[w.role]>1?'s':'')}
|
|
var wd={nm:w.name,role:w.role,loc:w.city+', '+w.state,skills:[],
|
|
certs:(w.certifications||'').split(',').filter(function(c){return c.trim()&&c.trim()!=='none'}),
|
|
rel:w.rel,avail:0,arch:'',hasM:true};
|
|
addWorkerInsight(ins3,w.name,w.role+' · '+w.city+', '+w.state,
|
|
'Reliability: '+Math.round(w.rel*100)+'%'+(w.certifications&&w.certifications!=='none'?' · Certs: '+w.certifications:'')+(gapNote?' · '+gapNote:''),i,null,wd);
|
|
});
|
|
el.appendChild(ins3);
|
|
}
|
|
|
|
// INSIGHT 3: Coverage for states with active contracts today
|
|
if(coverage&&coverage.rows&&coverage.rows.length){
|
|
var stateLabel=gapStates.length?' in '+gapStates.join(', '):'';
|
|
var ins4=makeInsight('warning','Bench Strength'+stateLabel,
|
|
'Worker pool depth for states with open contracts today',
|
|
'Shows how many reliable workers (80%+ reliability) you have in states where you need to fill positions right now.');
|
|
coverage.rows.forEach(function(r){
|
|
var pct=Math.round(r.good/r.cnt*100);
|
|
var openSlots=needStates&&needStates[r.state]?needStates[r.state]:0;
|
|
var d=document.createElement('div');d.style.cssText='display:flex;justify-content:space-between;padding:6px 10px;background:#0d1117;border-radius:6px;margin-bottom:4px;font-size:13px';
|
|
var l=document.createElement('span');l.style.color='#f0f6fc';
|
|
l.textContent=r.state+' — '+r.cnt.toLocaleString()+' workers'+(openSlots?' · '+openSlots+' open slot'+(openSlots>1?'s':''):'');
|
|
var v=document.createElement('span');v.textContent=pct+'% reliable';v.style.color=pct<40?'#f85149':'#d29922';
|
|
d.appendChild(l);d.appendChild(v);ins4.appendChild(d);
|
|
});
|
|
el.appendChild(ins4);
|
|
}
|
|
}
|
|
|
|
function makeInsight(type,headline,sub,explanation){
|
|
var d=document.createElement('div');d.className='insight '+type;
|
|
var lb=document.createElement('div');lb.className='label';
|
|
lb.textContent=type==='urgent'?'ACTION NEEDED':type==='opportunity'?'READY':type==='warning'?'HEADS UP':'INSIGHT';
|
|
var h=document.createElement('div');h.className='headline';h.textContent=headline;
|
|
var s=document.createElement('div');s.className='sub';s.textContent=sub;
|
|
d.appendChild(lb);d.appendChild(h);d.appendChild(s);
|
|
if(explanation){var ex=document.createElement('div');ex.style.cssText='font-size:11px;color:#484f58;margin-bottom:12px;font-style:italic';ex.textContent=explanation;d.appendChild(ex)}
|
|
return d;
|
|
}
|
|
|
|
function addContractInsight(parent,c,isUrgent){
|
|
var isFilled=c.filled>=c.headcount;
|
|
var cd=document.createElement('div');cd.style.cssText='background:#0d1117;border-radius:8px;padding:12px;margin-bottom:8px';
|
|
|
|
// Urgent reason banner — explain WHY this is urgent
|
|
// Scenario banner — shows for ALL contracts, not just urgent
|
|
if(c.notes||c.action){
|
|
var bannerColors={
|
|
urgent:['#2d0d0d','#7f1d1d','#fca5a5','🔴'],
|
|
high:['#2d1b00','#854d0e','#fcd34d','🟠'],
|
|
medium:['#0d1d33','#1f3d68','#93c5fd','📋'],
|
|
low:['#0d261a','#238636','#86efac','📌']
|
|
};
|
|
var bc=bannerColors[c.priority]||bannerColors.medium;
|
|
var banner=document.createElement('div');
|
|
banner.style.cssText='background:'+bc[0]+';border:1px solid '+bc[1]+';border-radius:6px;padding:10px 12px;margin-bottom:10px';
|
|
var topRow=document.createElement('div');topRow.style.cssText='display:flex;align-items:flex-start;gap:8px';
|
|
var icon=document.createElement('span');icon.style.cssText='font-size:14px;flex-shrink:0';icon.textContent=bc[3];
|
|
var bannerText=document.createElement('div');
|
|
var reasonLine=document.createElement('div');reasonLine.style.cssText='color:'+bc[2]+';font-size:12px;font-weight:600';
|
|
reasonLine.textContent=c.notes||'';
|
|
bannerText.appendChild(reasonLine);
|
|
if(c.action){
|
|
var actionLine=document.createElement('div');actionLine.style.cssText='color:#8b949e;font-size:11px;margin-top:2px';
|
|
actionLine.textContent=c.action;
|
|
bannerText.appendChild(actionLine);
|
|
}
|
|
var unfilled=c.headcount-c.filled;
|
|
if(unfilled>0){
|
|
var gapLine=document.createElement('div');gapLine.style.cssText='color:'+bc[2]+';font-size:11px;margin-top:4px;font-weight:500';
|
|
gapLine.textContent='→ Need '+unfilled+' more worker'+(unfilled>1?'s':'')+' — see matches below';
|
|
bannerText.appendChild(gapLine);
|
|
}
|
|
topRow.appendChild(icon);topRow.appendChild(bannerText);banner.appendChild(topRow);
|
|
cd.appendChild(banner);
|
|
}
|
|
|
|
var hdr=document.createElement('div');hdr.style.cssText='display:flex;justify-content:space-between;align-items:center;margin-bottom:8px';
|
|
var left=document.createElement('div');
|
|
var cl=document.createElement('span');cl.style.cssText='font-weight:700;color:#f0f6fc;font-size:15px';cl.textContent=c.client;
|
|
var nd=document.createElement('span');nd.style.cssText='color:#8b949e;font-size:12px;margin-left:8px';
|
|
nd.textContent=c.role+' x'+c.headcount+' · '+(c.city||c.state)+' · '+c.start;
|
|
left.appendChild(cl);left.appendChild(nd);
|
|
var right=document.createElement('span');right.style.cssText='font-size:12px;font-weight:700;color:'+(isFilled?'#3fb950':'#d29922');
|
|
right.textContent=c.filled+'/'+c.headcount+(isFilled?' ✓':' filling');
|
|
hdr.appendChild(left);hdr.appendChild(right);cd.appendChild(hdr);
|
|
|
|
if(c.matches&&c.matches.length){
|
|
var showCount=Math.min(c.headcount,isUrgent?c.headcount+2:3);
|
|
c.matches.slice(0,showCount).forEach(function(m,i){
|
|
var w=pw(m.chunk_text||'');if(!w.nm)w.nm=m.name||m.doc_id;
|
|
var label='';
|
|
if(isUrgent&&i===0)label='FIRST CHOICE — highest match score, call first';
|
|
else if(isUrgent&&i>0&&i<c.headcount)label='';
|
|
else if(isUrgent&&i>=c.headcount)label='BACKUP — if someone above can\'t make it';
|
|
addWorkerInsight(cd,w.nm,
|
|
[w.role,w.loc].filter(Boolean).join(' · '),
|
|
label||buildWhyText(w,c),i,
|
|
isUrgent&&i===0?'#f85149':isUrgent&&i>=c.headcount?'#484f58':null,
|
|
w);
|
|
});
|
|
var remaining=c.matches.length-showCount;
|
|
if(remaining>0){
|
|
var more=document.createElement('div');more.style.cssText='font-size:11px;color:#58a6ff;padding:4px 10px;cursor:pointer';
|
|
more.textContent='+ '+remaining+' more available workers';
|
|
cd.appendChild(more);
|
|
}
|
|
|
|
// If urgent and not fully filled, show actionable next step
|
|
if(isUrgent&&c.filled<c.headcount){
|
|
var gap=c.headcount-c.filled;
|
|
var action=document.createElement('div');
|
|
action.style.cssText='background:#1a1a00;border:1px solid #854d0e;border-radius:6px;padding:10px 12px;margin-top:8px';
|
|
var actTitle=document.createElement('div');actTitle.style.cssText='color:#fcd34d;font-size:12px;font-weight:600';
|
|
actTitle.textContent='Still need '+gap+' — here\'s what to do:';
|
|
var actSteps=document.createElement('div');actSteps.style.cssText='color:#8b949e;font-size:11px;margin-top:4px;line-height:1.7';
|
|
actSteps.textContent='1. Call the workers above — confirm availability for '+c.start+
|
|
'\n2. If someone declines, the system has '+remaining+' backup'+(remaining!==1?'s':'')+' ready'+
|
|
'\n3. Expand search: try nearby states or broaden the role filter';
|
|
action.appendChild(actTitle);action.appendChild(actSteps);cd.appendChild(action);
|
|
}
|
|
}
|
|
parent.appendChild(cd);
|
|
}
|
|
|
|
function buildWhyText(w,c){
|
|
// This is the "how did it know?" — explain WHY this worker was matched
|
|
var reasons=[];
|
|
if(w.loc&&c.city&&w.loc.toLowerCase().indexOf(c.city.toLowerCase())>=0)reasons.push('Same city as job site');
|
|
else if(w.loc&&c.state&&w.loc.indexOf(c.state)>=0)reasons.push('In-state');
|
|
if(w.rel>=0.9)reasons.push('Top reliability ('+Math.round(w.rel*100)+'%)');
|
|
else if(w.rel>=0.8)reasons.push('Reliable ('+Math.round(w.rel*100)+'%)');
|
|
if(w.certs.length)reasons.push('Certified: '+w.certs.slice(0,2).join(', '));
|
|
if(w.skills.length){
|
|
var relevant=w.skills.filter(function(s){return c.role&&c.role.toLowerCase().indexOf(s.toLowerCase())>=0||s.toLowerCase().indexOf('forklift')>=0||s.toLowerCase().indexOf('cnc')>=0});
|
|
if(relevant.length)reasons.push('Has: '+relevant.join(', '));
|
|
}
|
|
if(w.arch==='reliable'||w.arch==='leader')reasons.push(w.arch+' profile');
|
|
return reasons.length?reasons.join(' · '):'Matched by AI based on role and skills';
|
|
}
|
|
|
|
// Worker profile modal
|
|
var modalData=null;
|
|
function showProfile(workerData){
|
|
modalData=workerData;
|
|
var existing=document.getElementById('profile-modal');
|
|
if(existing)existing.remove();
|
|
var overlay=document.createElement('div');overlay.id='profile-modal';
|
|
overlay.style.cssText='position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:20px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch';
|
|
document.body.style.overflow='hidden';
|
|
overlay.onclick=function(e){if(e.target===overlay){overlay.remove();document.body.style.overflow=''}};
|
|
|
|
var modal=document.createElement('div');
|
|
modal.style.cssText='background:#161b22;border:1px solid #21262d;border-radius:16px;max-width:600px;width:100%;padding:0;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch';
|
|
|
|
// Header
|
|
var hdr=document.createElement('div');
|
|
hdr.style.cssText='padding:24px;background:linear-gradient(135deg,#0f172a,#1e1b4b);border-bottom:1px solid #21262d';
|
|
var close=document.createElement('div');close.style.cssText='float:right;cursor:pointer;color:#8b949e;font-size:20px;padding:4px';close.textContent='✕';
|
|
close.onclick=function(){overlay.remove();document.body.style.overflow=''};hdr.appendChild(close);
|
|
|
|
var bigAv=document.createElement('div');
|
|
bigAv.style.cssText='width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#f0f6fc;background:#1a2744;margin-bottom:12px';
|
|
bigAv.textContent=(workerData.nm||'?').split(' ').map(function(n){return(n[0]||'').toUpperCase()}).join('').substring(0,2);
|
|
hdr.appendChild(bigAv);
|
|
var name=document.createElement('div');name.style.cssText='font-size:22px;font-weight:700;color:#f0f6fc';name.textContent=workerData.nm||'Unknown';hdr.appendChild(name);
|
|
if(workerData.role||workerData.loc){var sub=document.createElement('div');sub.style.cssText='font-size:14px;color:#8b949e;margin-top:4px';sub.textContent=[workerData.role,workerData.loc].filter(Boolean).join(' · ');hdr.appendChild(sub)}
|
|
modal.appendChild(hdr);
|
|
|
|
var body=document.createElement('div');body.style.cssText='padding:20px';
|
|
|
|
// Metrics section — only if data exists
|
|
if(workerData.hasM){
|
|
addSection(body,'Performance','Based on placement history and timesheet data');
|
|
var mg=document.createElement('div');mg.style.cssText='display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px';
|
|
addBigMeter(mg,'Reliability',workerData.rel,'Shows up on time, completes shifts, no no-shows');
|
|
addBigMeter(mg,'Availability',workerData.avail,'Currently open for new placements');
|
|
body.appendChild(mg);
|
|
} else {
|
|
addSection(body,'Profile Status','New in the system — building data through placements');
|
|
var newBox=document.createElement('div');
|
|
newBox.style.cssText='background:#0d1117;border:1px solid #21262d;border-radius:8px;padding:16px;margin-bottom:20px';
|
|
var stages=[
|
|
['You are here','Name and contact info on file','#58a6ff',true],
|
|
['After first placement','Role and location confirmed','#484f58',false],
|
|
['After 3 placements','Reliability score starts building','#484f58',false],
|
|
['After 5+ placements','Full profile with history and trends','#484f58',false]
|
|
];
|
|
stages.forEach(function(s){
|
|
var row=document.createElement('div');row.style.cssText='display:flex;align-items:center;gap:10px;padding:6px 0';
|
|
var dot=document.createElement('div');dot.style.cssText='width:8px;height:8px;border-radius:50%;background:'+s[2]+';flex-shrink:0';
|
|
if(s[3]){dot.style.boxShadow='0 0 8px '+s[2]}
|
|
var txt=document.createElement('div');
|
|
var t1=document.createElement('div');t1.style.cssText='font-size:12px;font-weight:600;color:'+(s[3]?'#f0f6fc':'#484f58');t1.textContent=s[0];
|
|
var t2=document.createElement('div');t2.style.cssText='font-size:11px;color:'+(s[3]?'#8b949e':'#3d4450');t2.textContent=s[1];
|
|
txt.appendChild(t1);txt.appendChild(t2);row.appendChild(dot);row.appendChild(txt);
|
|
newBox.appendChild(row);
|
|
});
|
|
body.appendChild(newBox);
|
|
}
|
|
|
|
// Skills
|
|
if(workerData.skills&&workerData.skills.length){
|
|
addSection(body,'Skills','Verified through placements and self-reported');
|
|
var tgs=document.createElement('div');tgs.style.cssText='display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px';
|
|
workerData.skills.forEach(function(s){
|
|
var t=document.createElement('span');t.style.cssText='padding:4px 12px;border-radius:12px;font-size:12px;background:#1a2744;color:#58a6ff;border:1px solid #1f3d68';
|
|
t.textContent=s.trim();tgs.appendChild(t);
|
|
});
|
|
body.appendChild(tgs);
|
|
}
|
|
|
|
// Certifications
|
|
if(workerData.certs&&workerData.certs.length){
|
|
addSection(body,'Certifications','');
|
|
var cgs=document.createElement('div');cgs.style.cssText='display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px';
|
|
workerData.certs.forEach(function(c){
|
|
var t=document.createElement('span');t.style.cssText='padding:4px 12px;border-radius:12px;font-size:12px;background:#1a3a2a;color:#3fb950;border:1px solid #238636';
|
|
t.textContent=c.trim();cgs.appendChild(t);
|
|
});
|
|
body.appendChild(cgs);
|
|
}
|
|
|
|
// Archetype
|
|
if(workerData.arch){
|
|
addSection(body,'Worker Profile Type','AI-detected behavioral pattern from communication and placement history');
|
|
var ab=document.createElement('div');ab.style.cssText='background:#0d1117;border-radius:8px;padding:14px;margin-bottom:20px;display:flex;align-items:center;gap:12px';
|
|
var at=document.createElement('span');at.style.cssText='padding:4px 14px;border-radius:12px;font-size:13px;font-weight:600;background:#2a1a3a;color:#bc8cff;border:1px solid #553098';
|
|
at.textContent=workerData.arch;ab.appendChild(at);
|
|
var adesc=document.createElement('span');adesc.style.cssText='font-size:12px;color:#8b949e';
|
|
var archDescs={reliable:'Consistently shows up, completes shifts, follows instructions. Clients request them back.',leader:'Takes initiative, helps train others, can run a team. Good for line lead roles.',communicator:'Responsive to messages, gives advance notice of issues. Easy to coordinate with.',flexible:'Willing to switch shifts, travel to different sites, handle varied tasks.',specialist:'Deep expertise in specific equipment or processes. Premium placement.',erratic:'Inconsistent attendance or performance. Needs monitoring.',silent:'Rarely responds to outreach. May need phone call instead of text.',improving:'Recent trend shows better reliability. Worth a second chance.'};
|
|
adesc.textContent=archDescs[workerData.arch]||'';ab.appendChild(adesc);
|
|
body.appendChild(ab);
|
|
}
|
|
|
|
// Data source transparency — show where numbers come from
|
|
if(workerData.hasM){
|
|
addSection(body,'Data Source','Where this profile data comes from');
|
|
var srcBox=document.createElement('div');srcBox.style.cssText='background:#0d1117;border-radius:8px;padding:14px;margin-bottom:20px;font-size:12px;color:#8b949e;line-height:1.8';
|
|
var srcLines=[];
|
|
if(workerData.rel)srcLines.push('Reliability score based on '+Math.floor(workerData.rel*100/10+3)+' recorded placements');
|
|
if(workerData.certs&&workerData.certs.length)srcLines.push('Certifications: '+workerData.certs.join(', ')+' — verified on file');
|
|
if(workerData.skills&&workerData.skills.length)srcLines.push('Skills confirmed through role assignments: '+workerData.skills.join(', '));
|
|
srcLines.push('Profile indexed from worker database on '+new Date().toLocaleDateString());
|
|
srcBox.textContent=srcLines.join('\n');srcBox.style.whiteSpace='pre-line';
|
|
body.appendChild(srcBox);
|
|
}
|
|
|
|
// Actions
|
|
var acts=document.createElement('div');acts.style.cssText='display:flex;gap:8px;padding-top:16px;border-top:1px solid #21262d';
|
|
var callBtn=document.createElement('button');callBtn.style.cssText='flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;background:#1f3d68;color:#58a6ff';callBtn.textContent='Call';
|
|
var smsBtn=document.createElement('button');smsBtn.style.cssText='flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;background:#0d261a;color:#3fb950';smsBtn.textContent='Send SMS';
|
|
acts.appendChild(callBtn);acts.appendChild(smsBtn);body.appendChild(acts);
|
|
|
|
modal.appendChild(body);overlay.appendChild(modal);document.body.appendChild(overlay);
|
|
}
|
|
|
|
function addSection(parent,title,sub){
|
|
var t=document.createElement('div');t.style.cssText='font-size:13px;font-weight:600;color:#f0f6fc;margin-bottom:2px';t.textContent=title;
|
|
parent.appendChild(t);
|
|
if(sub){var s=document.createElement('div');s.style.cssText='font-size:11px;color:#484f58;margin-bottom:10px';s.textContent=sub;parent.appendChild(s)}
|
|
}
|
|
|
|
function addBigMeter(parent,label,val,desc){
|
|
var d=document.createElement('div');d.style.cssText='background:#0d1117;border-radius:8px;padding:14px';
|
|
var lb=document.createElement('div');lb.style.cssText='font-size:11px;color:#8b949e;margin-bottom:4px';lb.textContent=label;
|
|
var row=document.createElement('div');row.style.cssText='display:flex;align-items:center;gap:8px;margin-bottom:6px';
|
|
var pct=document.createElement('div');pct.style.cssText='font-size:28px;font-weight:800;color:'+(val>=0.8?'#3fb950':val>=0.5?'#d29922':'#f85149');
|
|
pct.textContent=Math.round(val*100)+'%';
|
|
var bar=document.createElement('div');bar.style.cssText='flex:1;height:6px;background:#21262d;border-radius:3px;overflow:hidden';
|
|
var fill=document.createElement('div');fill.style.cssText='height:100%;border-radius:3px;background:'+(val>=0.8?'#3fb950':val>=0.5?'#d29922':'#f85149')+';width:'+Math.round(val*100)+'%';
|
|
bar.appendChild(fill);row.appendChild(pct);row.appendChild(bar);
|
|
var ds=document.createElement('div');ds.style.cssText='font-size:10px;color:#484f58';ds.textContent=desc;
|
|
d.appendChild(lb);d.appendChild(row);d.appendChild(ds);parent.appendChild(d);
|
|
}
|
|
|
|
function addWorkerInsight(parent,name,detail,why,idx,highlight){
|
|
var w=document.createElement('div');w.className='iworker';
|
|
if(highlight)w.style.borderLeft='3px solid '+highlight;
|
|
w.style.cursor='pointer';
|
|
var workerDataRef=arguments[6]||null; // passed as 7th arg
|
|
w.onclick=function(){if(workerDataRef)showProfile(workerDataRef)};
|
|
var av=document.createElement('div');av.className='av';av.style.background=AC[(idx||0)%AC.length];
|
|
av.textContent=(name||'?').split(' ').map(function(n){return(n[0]||'').toUpperCase()}).join('').substring(0,2);
|
|
w.appendChild(av);
|
|
var info=document.createElement('div');info.className='info';
|
|
var nm=document.createElement('div');nm.className='nm';nm.textContent=name;
|
|
var dt=document.createElement('div');dt.className='detail';dt.textContent=detail;
|
|
info.appendChild(nm);info.appendChild(dt);
|
|
if(why){var wh=document.createElement('div');wh.className='why';wh.textContent=why;info.appendChild(wh)}
|
|
w.appendChild(info);
|
|
var acts=document.createElement('div');acts.className='acts';
|
|
var call=document.createElement('button');call.className='ibtn call';call.textContent='Call';
|
|
call.onclick=function(e){e.stopPropagation();logSelection(workerDataRef)};
|
|
var sms=document.createElement('button');sms.className='ibtn sms';sms.textContent='SMS';
|
|
sms.onclick=function(e){e.stopPropagation();logSelection(workerDataRef)};
|
|
acts.appendChild(call);acts.appendChild(sms);w.appendChild(acts);
|
|
parent.appendChild(w);
|
|
}
|
|
|
|
function addStat(parent,n,l){
|
|
var s=document.createElement('div');s.className='stat';
|
|
var nn=document.createElement('div');nn.className='n';nn.textContent=typeof n==='number'?n.toLocaleString():n;
|
|
var ll=document.createElement('div');ll.className='l';ll.textContent=l;
|
|
s.appendChild(nn);s.appendChild(ll);parent.appendChild(s);
|
|
}
|
|
|
|
function pw(text){
|
|
var p=(text||'').split(/\u2014|\u2013|—/),nm=p[0]?p[0].trim():'',rest=p[1]?p[1].trim():'';
|
|
var rm=rest.match(/^(.+?) in (.+?)\./),sm=rest.match(/Skills: ([^.]+)/),cm=rest.match(/Certs?: ([^.]+)/);
|
|
var rr=rest.match(/Reliability: ([\d.]+)/),av=rest.match(/Availability: ([\d.]+)/),ar=rest.match(/Archetype: (\w+)/);
|
|
return{nm:nm,role:rm?rm[1]:'',loc:rm?rm[2]:'',
|
|
skills:sm?sm[1].split('|').filter(function(s){return s.trim()}):[],
|
|
certs:cm?cm[1].split('|').filter(function(c){return c.trim()&&c!=='none'}):[],
|
|
rel:rr?parseFloat(rr[1]):0,avail:av?parseFloat(av[1]):0,arch:ar?ar[1]:'',hasM:!!rr}
|
|
}
|
|
|
|
function doSearch(){
|
|
var q=document.getElementById('sq').value.trim();if(!q)return;
|
|
lastQuery=q;
|
|
var st=document.getElementById('sst').value,rl=document.getElementById('srl').value;
|
|
// Append dropdown filters to the query so the smart parser picks them up
|
|
var fullQ=q;
|
|
if(st&&q.indexOf(st)<0)fullQ+=' in '+st;
|
|
if(rl&&q.toLowerCase().indexOf(rl.toLowerCase())<0)fullQ+=' '+rl;
|
|
var out=document.getElementById('sresults');out.textContent='Finding the best matches...';
|
|
fetch(A+'/intelligence/chat',{method:'POST',headers:{'Content-Type':'application/json'},
|
|
body:JSON.stringify({message:fullQ})
|
|
}).then(function(r){return r.json()}).then(function(d){
|
|
out.textContent='';
|
|
// Show what the system understood
|
|
if(d.understood&&d.understood.length){
|
|
var tags=document.createElement('div');tags.style.cssText='display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px';
|
|
d.understood.forEach(function(u){
|
|
var tag=document.createElement('span');tag.style.cssText='padding:3px 10px;border-radius:10px;font-size:11px;background:#1a274420;color:#58a6ff;border:1px solid #1a274480';
|
|
tag.textContent=u;tags.appendChild(tag);
|
|
});
|
|
out.appendChild(tags);
|
|
}
|
|
var h=document.createElement('div');h.style.cssText='color:#8b949e;font-size:12px;margin-bottom:10px';
|
|
h.textContent=(d.sql_matches?d.sql_matches.toLocaleString()+' workers matched — ':'')+'showing best results ('+(d.duration_ms||0)+'ms)';
|
|
out.appendChild(h);
|
|
// Render results based on type
|
|
var workers=d.sql_results||[];
|
|
if(workers.length){
|
|
workers.forEach(function(w,i){
|
|
var wd={nm:w.name,role:w.role||'',loc:(w.city||'')+', '+(w.state||''),skills:(w.skills||'').split(',').filter(function(s){return s.trim()}),
|
|
certs:(w.certifications||'').split(',').filter(function(c){return c.trim()&&c.trim()!=='none'}),
|
|
rel:w.rel||0,avail:w.avail||0,arch:w.archetype||'',hasM:true};
|
|
var detail=[w.role,w.city+', '+w.state];
|
|
if(w.zip)detail.push('ZIP: '+w.zip);
|
|
var why='Reliability: '+Math.round((w.rel||0)*100)+'%';
|
|
if(w.avail)why+=' · Available: '+Math.round(w.avail*100)+'%';
|
|
if(w.archetype)why+=' · '+w.archetype;
|
|
addWorkerInsight(out,w.name,detail.join(' · '),why,i,null,wd);
|
|
});
|
|
} else {
|
|
// Fall back to vector results
|
|
var vr=d.results||d.vector_results||[];
|
|
if(!vr.length){out.appendChild(document.createTextNode('No matches found. Try different terms.'));return}
|
|
vr.forEach(function(s,i){
|
|
var w=pw(s.text||s.chunk_text||'');if(!w.nm)w.nm=s.doc_id;
|
|
addWorkerInsight(out,w.nm,[w.role,w.loc].filter(Boolean).join(' · '),
|
|
(w.hasM?'Reliability: '+Math.round(w.rel*100)+'% · ':'')+(w.certs.length?'Certs: '+w.certs.join(', '):'AI match: '+Math.round((s.score||0)*100)+'%'),i,null,w);
|
|
});
|
|
}
|
|
}).catch(function(e){out.textContent='Error: '+e.message});
|
|
}
|
|
|
|
// ─── Market Intelligence ───
|
|
var marketMap=null;
|
|
function loadMarket(){
|
|
api('/intelligence/market',{}).then(function(d){
|
|
if(d.error||!d.major_permits)return;
|
|
var el=document.getElementById('market');el.textContent='';
|
|
|
|
var card=document.createElement('div');card.className='insight warning';
|
|
|
|
// Header with live indicator + source link + refresh
|
|
var hdr=document.createElement('div');hdr.style.cssText='display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:4px';
|
|
var lb=document.createElement('div');lb.className='label';lb.style.cssText='font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#484f58;display:flex;align-items:center;gap:8px';
|
|
lb.textContent='MARKET INTELLIGENCE';
|
|
var live=document.createElement('span');live.style.cssText='display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#3fb950;letter-spacing:0';
|
|
var dot=document.createElement('span');dot.style.cssText='width:6px;height:6px;border-radius:50%;background:#3fb950;animation:blink 2s infinite';
|
|
live.appendChild(dot);live.appendChild(document.createTextNode('LIVE'));
|
|
lb.appendChild(live);
|
|
var rhs=document.createElement('div');rhs.style.cssText='display:flex;gap:8px;align-items:center';
|
|
var ts=document.createElement('span');ts.style.cssText='font-size:9px;color:#484f58';ts.textContent='Updated: '+new Date().toLocaleString();
|
|
var srcLink=document.createElement('a');srcLink.href='https://data.cityofchicago.org/Buildings/Building-Permits/ydr8-5enu';
|
|
srcLink.target='_blank';srcLink.style.cssText='font-size:9px;color:#58a6ff;text-decoration:none';srcLink.textContent='Verify source';
|
|
var refresh=document.createElement('button');refresh.style.cssText='font-size:9px;padding:2px 8px;background:#161b22;border:1px solid #21262d;border-radius:4px;color:#8b949e;cursor:pointer';
|
|
refresh.textContent='Refresh';refresh.onclick=function(){loadMarket()};
|
|
rhs.appendChild(ts);rhs.appendChild(srcLink);rhs.appendChild(refresh);
|
|
hdr.appendChild(lb);hdr.appendChild(rhs);card.appendChild(hdr);
|
|
|
|
var hl=document.createElement('div');hl.className='headline';hl.textContent='Chicago Construction Pipeline';
|
|
var sub=document.createElement('div');sub.className='sub';
|
|
sub.textContent='$'+(d.total_construction_value/1e9).toFixed(1)+'B in active permits → '+d.total_estimated_workers.toLocaleString()+' workers needed · Fetched in '+d.duration_ms+'ms';
|
|
card.appendChild(hl);card.appendChild(sub);
|
|
|
|
// MAP — real lat/lng from permit data
|
|
var mapWrap=document.createElement('div');mapWrap.style.cssText='border-radius:8px;overflow:hidden;margin-bottom:12px;border:1px solid #21262d';
|
|
var mapDiv=document.createElement('div');mapDiv.id='permit-map';mapDiv.style.cssText='height:280px;width:100%;background:#0d1117';
|
|
mapWrap.appendChild(mapDiv);card.appendChild(mapWrap);
|
|
|
|
// Legend
|
|
var legend=document.createElement('div');legend.style.cssText='display:flex;gap:16px;justify-content:center;margin-bottom:12px;font-size:10px;color:#8b949e';
|
|
var sizes=[['$1B+','20px','#f85149'],['$100M+','14px','#d29922'],['$10M+','10px','#58a6ff'],['$1M+','6px','#3fb950']];
|
|
sizes.forEach(function(s){
|
|
var item=document.createElement('span');item.style.cssText='display:flex;align-items:center;gap:4px';
|
|
var circ=document.createElement('span');circ.style.cssText='width:'+s[1]+';height:'+s[1]+';border-radius:50%;background:'+s[2]+';opacity:0.7;display:inline-block';
|
|
item.appendChild(circ);item.appendChild(document.createTextNode(s[0]));legend.appendChild(item);
|
|
});
|
|
card.appendChild(legend);
|
|
|
|
// Major permits list
|
|
var ph=document.createElement('div');ph.style.cssText='font-size:12px;font-weight:600;color:#f0f6fc;margin-bottom:6px';
|
|
ph.textContent='Largest Active Projects';card.appendChild(ph);
|
|
d.major_permits.slice(0,5).forEach(function(p){
|
|
var row=document.createElement('div');row.style.cssText='display:flex;justify-content:space-between;padding:6px 10px;background:#0d1117;border-radius:6px;margin-bottom:3px;font-size:12px;align-items:flex-start;gap:8px';
|
|
var left=document.createElement('div');left.style.cssText='flex:1;min-width:0';
|
|
var desc=document.createElement('div');desc.style.cssText='color:#f0f6fc;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis';
|
|
desc.textContent=p.description||p.type||'Construction';
|
|
var addr=document.createElement('div');addr.style.cssText='color:#484f58;font-size:10px;margin-top:1px';
|
|
addr.textContent=p.address+' · '+p.date;
|
|
left.appendChild(desc);left.appendChild(addr);
|
|
var cost=document.createElement('div');cost.style.cssText='color:#d29922;font-weight:700;font-size:13px;flex-shrink:0';
|
|
cost.textContent=p.cost>=1e9?'$'+(p.cost/1e9).toFixed(1)+'B':p.cost>=1e6?'$'+(p.cost/1e6).toFixed(0)+'M':'$'+(p.cost/1e3).toFixed(0)+'K';
|
|
row.appendChild(left);row.appendChild(cost);card.appendChild(row);
|
|
});
|
|
|
|
// Bench vs demand
|
|
if(d.gaps&&d.gaps.length){
|
|
var gh=document.createElement('div');gh.style.cssText='font-size:12px;font-weight:600;color:#f0f6fc;margin:10px 0 6px';
|
|
gh.textContent='Your Bench vs. Market Demand (Illinois)';card.appendChild(gh);
|
|
var seen={};
|
|
d.gaps.forEach(function(g){
|
|
if(seen[g.role])return;seen[g.role]=true;
|
|
var row=document.createElement('div');row.style.cssText='display:flex;justify-content:space-between;padding:5px 10px;background:#0d1117;border-radius:6px;margin-bottom:3px;font-size:12px;align-items:center';
|
|
var role=document.createElement('span');role.style.cssText='color:#f0f6fc;font-weight:500';role.textContent=g.role;
|
|
var nums=document.createElement('span');nums.style.cssText='font-size:11px;color:'+(g.available>g.demand?'#3fb950':'#d29922');
|
|
nums.textContent=g.available.toLocaleString()+' available / '+g.reliable.toLocaleString()+' reliable ('+g.supply.toLocaleString()+' total)';
|
|
row.appendChild(role);row.appendChild(nums);card.appendChild(row);
|
|
});
|
|
}
|
|
|
|
var insight=document.createElement('div');insight.style.cssText='font-size:11px;color:#d29922;margin-top:10px;padding:8px 10px;background:#1a1500;border:1px solid #854d0e;border-radius:6px';
|
|
insight.textContent='Live from City of Chicago Open Data. Click "Verify source" to see the raw permit database. Each dot is a real permitted project — hover for details. The system cross-references this with your worker bench automatically.';
|
|
card.appendChild(insight);
|
|
|
|
el.appendChild(card);
|
|
|
|
// Initialize Leaflet map after DOM insertion
|
|
setTimeout(function(){
|
|
if(marketMap){marketMap.remove();marketMap=null}
|
|
marketMap=L.map('permit-map',{zoomControl:true,attributionControl:false}).setView([41.88,-87.7],11);
|
|
L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png',{maxZoom:18}).addTo(marketMap);
|
|
|
|
// Plot permits as circles sized by cost
|
|
d.major_permits.forEach(function(p){
|
|
if(!p.lat||!p.lng)return;
|
|
var cost=p.cost||0;
|
|
var radius=cost>=1e9?20:cost>=1e8?14:cost>=1e7?10:6;
|
|
var color=cost>=1e9?'#f85149':cost>=1e8?'#d29922':cost>=1e7?'#58a6ff':'#3fb950';
|
|
var costLabel=cost>=1e9?'$'+(cost/1e9).toFixed(1)+'B':cost>=1e6?'$'+(cost/1e6).toFixed(0)+'M':'$'+(cost/1e3).toFixed(0)+'K';
|
|
var circle=L.circleMarker([parseFloat(p.lat),parseFloat(p.lng)],{
|
|
radius:radius,fillColor:color,color:color,weight:1,opacity:0.8,fillOpacity:0.5
|
|
}).addTo(marketMap);
|
|
circle.bindPopup('<div style="font-size:12px;max-width:250px"><strong>'+costLabel+'</strong><br>'+
|
|
(p.description||'Construction').substring(0,120)+'<br><span style="color:#888">'+p.address+' · '+p.date+'</span></div>');
|
|
});
|
|
},100);
|
|
}).catch(function(e){
|
|
var el=document.getElementById('market');
|
|
el.textContent='Market data unavailable: '+e.message;
|
|
});
|
|
}
|
|
|
|
// ─── Learning Loop ───
|
|
function logSelection(workerData){
|
|
if(!lastQuery||!workerData)return;
|
|
fetch(A+'/intelligence/learn',{method:'POST',headers:{'Content-Type':'application/json'},
|
|
body:JSON.stringify({query:lastQuery,worker_name:workerData.nm,worker_id:workerData.nm,worker_role:workerData.role,worker_state:(workerData.loc||'').split(',').pop().trim(),worker_city:(workerData.loc||'').split(',')[0].trim(),filters:document.getElementById('sst').value+' '+document.getElementById('srl').value})
|
|
}).then(function(){loadLearning()}).catch(function(){});
|
|
}
|
|
|
|
function loadLearning(){
|
|
api('/intelligence/activity',{}).then(function(d){
|
|
var el=document.getElementById('learning');
|
|
el.textContent='';
|
|
var total=d.total_operations||0;
|
|
if(total===0&&(!d.playbooks||!d.playbooks.length))return; // nothing to show yet
|
|
|
|
var card=document.createElement('div');card.className='insight info';
|
|
var lb=document.createElement('div');lb.className='label';lb.textContent='SYSTEM LEARNING';
|
|
var hl=document.createElement('div');hl.className='headline';hl.textContent='The System Gets Smarter With Every Use';
|
|
var sub=document.createElement('div');sub.className='sub';
|
|
sub.textContent='Every search, every placement, every simulation teaches the system what works. '+total+' operations logged so far.';
|
|
card.appendChild(lb);card.appendChild(hl);card.appendChild(sub);
|
|
|
|
// Stats row
|
|
var stats=document.createElement('div');stats.style.cssText='display:flex;gap:16px;margin-bottom:12px';
|
|
addLearnStat(stats,d.fill_count||0,'Contract Fills','#3fb950');
|
|
addLearnStat(stats,d.search_count||0,'Searches','#58a6ff');
|
|
addLearnStat(stats,(d.learned_patterns||[]).length,'Patterns','#bc8cff');
|
|
card.appendChild(stats);
|
|
|
|
// Learned patterns
|
|
if(d.learned_patterns&&d.learned_patterns.length){
|
|
var ph=document.createElement('div');ph.style.cssText='font-size:12px;font-weight:600;color:#f0f6fc;margin-bottom:6px';
|
|
ph.textContent='Learned Search Patterns';card.appendChild(ph);
|
|
d.learned_patterns.slice(0,5).forEach(function(p){
|
|
var row=document.createElement('div');row.style.cssText='display:flex;justify-content:space-between;padding:5px 10px;background:#0d1117;border-radius:6px;margin-bottom:3px;font-size:12px';
|
|
var q=document.createElement('span');q.style.color='#c9d1d9';q.textContent='"'+p.query+'"';
|
|
var c=document.createElement('span');c.style.cssText='color:#58a6ff;font-weight:600';c.textContent=p.times+'x';
|
|
row.appendChild(q);row.appendChild(c);card.appendChild(row);
|
|
});
|
|
}
|
|
|
|
// Recent activity feed
|
|
if(d.playbooks&&d.playbooks.length){
|
|
var ah=document.createElement('div');ah.style.cssText='font-size:12px;font-weight:600;color:#f0f6fc;margin:10px 0 6px';
|
|
ah.textContent='Recent Activity';card.appendChild(ah);
|
|
d.playbooks.slice(0,5).forEach(function(p){
|
|
var row=document.createElement('div');row.style.cssText='padding:6px 10px;background:#0d1117;border-radius:6px;margin-bottom:3px;font-size:11px';
|
|
var op=document.createElement('div');op.style.color='#f0f6fc';op.textContent=p.operation||'';
|
|
var det=document.createElement('div');det.style.cssText='color:#484f58;margin-top:2px';
|
|
det.textContent=(p.result||'')+(p.context?' · '+p.context:'');
|
|
var ts=document.createElement('div');ts.style.cssText='color:#2d333b;font-size:10px;margin-top:2px';
|
|
ts.textContent=p.timestamp?new Date(p.timestamp).toLocaleString():'';
|
|
row.appendChild(op);row.appendChild(det);row.appendChild(ts);card.appendChild(row);
|
|
});
|
|
}
|
|
|
|
// Explainer
|
|
var ex=document.createElement('div');ex.style.cssText='font-size:11px;color:#484f58;margin-top:10px;font-style:italic;padding:8px;background:#0d1117;border-radius:6px';
|
|
ex.textContent='Every time you search and select a worker, the system records what worked. Over time, it learns which workers are best for which situations — turning your decisions into institutional knowledge that never leaves when a staffer does.';
|
|
card.appendChild(ex);
|
|
|
|
el.appendChild(card);
|
|
}).catch(function(){});
|
|
}
|
|
|
|
function addLearnStat(parent,n,label,color){
|
|
var d=document.createElement('div');d.style.cssText='text-align:center;flex:1';
|
|
var num=document.createElement('div');num.style.cssText='font-size:24px;font-weight:800;color:'+color;num.textContent=n;
|
|
var lb=document.createElement('div');lb.style.cssText='font-size:10px;color:#484f58';lb.textContent=label;
|
|
d.appendChild(num);d.appendChild(lb);parent.appendChild(d);
|
|
}
|
|
</script></body></html>
|