+ ${mobile ? '' : buildOsintPanel('right-osint', 260)}
+
Signal Core
HOT METRICS
${signalMetrics.map(s=>`
`).join('')}
`;
@@ -1210,8 +1223,8 @@ function runBoot(){
tl.call(()=>{
const div=document.createElement('div');div.innerHTML=line.text;div.style.opacity='0';
container.appendChild(div);gsap.to(div,{opacity:1,duration:0.2});
- },null,line.delay/1000+0.5);
- });
+ },[],line.delay/1000+0.5);
+ });
tl.to('#bootFinal',{opacity:1,duration:0.4},3.1);
tl.to('#boot',{opacity:0,duration:0.5,ease:'power2.in'},3.7);
tl.set('#boot',{display:'none'},4.2);
@@ -1232,6 +1245,70 @@ function runBoot(){
},4.0);
}
+function isMobileLayout(){ return window.innerWidth <= 1100; }
+
+function buildOsintPanel(panelClass='', maxHeight=260){
+ const allPosts=[...D.tg.urgent,...D.tg.topPosts].sort((a,b)=>new Date(b.date||0)-new Date(a.date||0));
+ const whoItems=D.who.slice(0,4).map(w=>({channel:'WHO ALERT',text:w.title,date:w.date,isWho:true}));
+ const osintItems=[...allPosts.slice(0,15),...whoItems];
+ const osintCards=osintItems.map(p=>{
+ const isU=p.urgentFlags&&p.urgentFlags.length>0;
+ const views=p.views?p.views>=1000?`${(p.views/1000).toFixed(0)}K`:p.views:'';
+ const age=p.date?getAge(p.date):'';
+ const flags=(p.urgentFlags||[]).map(f=>`
${f}`).join('');
+ const srcCls=p.isWho?'style="color:#69f0ae;border-color:rgba(105,240,174,0.4)"':'class="tk-src tg"';
+ return `
${(p.channel||'OSINT').toUpperCase().substring(0,14)}${views?`
${views}`:''}
${age}${flags}
${cleanText((p.text||'').substring(0,160))}
`;
+ }).join('');
+ const osintDuration=Math.max(25,osintItems.length*3);
+ return `
+
OSINT Stream
${D.tg.urgent.length} URGENT
+
+
${osintCards}${osintCards}
+
+
`;
+}
+
+function refreshMapViewport(forceGlobeReflow=false){
+ const container = document.getElementById('mapContainer');
+ if(!container) return;
+ const width = container.clientWidth;
+ const height = container.clientHeight || (isMobileLayout() ? 420 : 560);
+ if(globe){
+ globe.width(width).height(height);
+ if(forceGlobeReflow && !isFlat){
+ const globeEl = document.getElementById('globeViz');
+ globeEl.style.display = 'none';
+ requestAnimationFrame(() => {
+ globeEl.style.display = 'block';
+ globe.width(width).height(height);
+ });
+ }
+ }
+ if(flatSvg){
+ flatW = width;
+ flatH = height;
+ flatSvg.attr('viewBox',`0 0 ${flatW} ${flatH}`).attr('preserveAspectRatio','xMidYMid meet');
+ if(flatProjection && flatG){
+ flatProjection = d3.geoNaturalEarth1().fitSize([flatW-20,flatH-20],{type:'Sphere'}).translate([flatW/2,flatH/2]);
+ flatPath = d3.geoPath(flatProjection);
+ flatG.selectAll('*').remove();
+ drawFlatMap();
+ }
+ }
+}
+
+let lastResponsiveMobile = null;
+function syncResponsiveLayout(force=false){
+ const mobileNow = isMobileLayout();
+ if(force || lastResponsiveMobile === null || mobileNow !== lastResponsiveMobile){
+ lastResponsiveMobile = mobileNow;
+ renderLeftRail();
+ renderLower();
+ renderRight();
+ }
+ refreshMapViewport(force && !isFlat);
+}
+
// === REINIT (for live updates without boot sequence) ===
function reinit(){
renderTopbar();renderLeftRail();renderLower();renderRight();
@@ -1288,6 +1365,7 @@ function init(){
if(url) window.open(url,'_blank','noopener');
}
});
+ syncResponsiveLayout(true);
}
document.addEventListener('DOMContentLoaded', () => {