{tab === 'layers' && (
<>
Project
SAVED
Karnataka LIS Master
KA-LIS-2026-Q2.bcgp • v3.4.1
{groups.map(g => (
{g.label}
{g.layers.length} layers
{g.layers.map(l => (
toggle(l.id)}>
{l.name}
{l.count}
))}
))}
)}
{tab === 'data' && (
Connected Sources
{[
{ name: 'PostGIS · ka_lis_prod', kind: 'PostgreSQL 16 · PostGIS 3.4', st: 'ok', ct: 24 },
{ name: 'GeoServer · WMS/WFS', kind: 'geoserver.bhoochitra.gov.in', st: 'ok', ct: 42 },
{ name: 'S3 · sentinel-imagery', kind: 'GeoTIFF · 4.2 TB', st: 'ok', ct: 1204 },
{ name: 'Oracle Spatial · legacy',kind: 'Read-only replication', st: 'warn', ct: 8 },
{ name: 'ISRO Bhuvan · WMTS', kind: 'External tile service', st: 'ok', ct: '—' },
].map((d, i) => (
{d.st.toUpperCase()}
{d.name}
{d.ct}
{d.kind}
))}
)}
{tab === 'book' && (
Saved Views
{[
{ name: 'National Overview', s: '1:12,000,000', by: 'default' },
{ name: 'NCR — Encroachment Scan', s: '1:80,000', by: 'ai.workflow' },
{ name: 'Krishna Basin', s: '1:1,200,000', by: 'hydro.team' },
{ name: 'Mumbai Metro Utilities', s: '1:20,000', by: 'utility.mh' },
{ name: 'NE Forest Cover', s: '1:800,000', by: 'forest.dept' },
].map((b,i) => (
))}
)}
);
}
// ---------- Right Panel — Inspector ----------
function InspectorPanel({ selected, activeTool }) {
const [tab, setTab] = useStateP('attr');
const renderAttributes = () => {
if (!selected) {
return (
No feature selected
Use the Select tool on the map — click a city, asset, AI detection, or state to inspect its attributes.
);
}
if (selected.kind === 'city') {
const c = selected.data;
return (
<>
Populated Place · Tier {c.tier === 'metro' ? '01' : '02'}
{c.name}
FID · {c.id.toUpperCase()}-1832 · CRS EPSG:4326
{[
['Population', c.pop],
['State', c.state],
['Category', c.tier === 'metro' ? 'Metropolitan' : 'Tier-I City'],
['Class', 'Municipal Corporation'],
['Latitude', approxLatLon(c).lat.toFixed(5) + '° N'],
['Longitude', approxLatLon(c).lon.toFixed(5) + '° E'],
['Elevation (SRTM)', Math.round(60 + Math.random()*300) + ' m'],
['Land Area', (300 + Math.random()*900).toFixed(1) + ' km²'],
['Last Updated', '2026-06-12'],
['Source', 'Census + ULB verified'],
].map(([k,v]) => (
))}
Tags
SMART_CITY
ULB
AMRUT
AI Detection · GeoAI v2.7
{d.kind}
DET-{d.id.toUpperCase()}-{Math.floor(Math.random()*9999).toString().padStart(4,'0')}
{tab === 'attr' && renderAttributes()}
{tab === 'ana' && (
<>
Features Visible
1,284,441
+18,240 this week
Selected
{selected ? '1' : '0'}
—
Basemap Cache
2.1 GB
Offline ready
Active Analysis
{[
{ name: 'Buffer 15 km @ Delhi', status: 'DONE', kind: 'proximity' },
{ name: 'Overlay: LULC × Parcels',status: 'RUN', kind: 'overlay' },
{ name: 'Hotspot: Encroachment', status: 'DONE', kind: 'hotspot' },
{ name: 'Route: Del → Kol', status: 'DONE', kind: 'route' },
{ name: 'NDVI Δ 2024 → 2026', status: 'RUN', kind: 'raster' },
].map((r,i) => (
{r.status}
{r.name}
{r.kind}
))}
Bar · Detections by class
)}
{tab === 'ai' && (
<>
GeoAI Model Queue
4 RUNNING
{[
{ name: 'YOLOv8 · Building Detection', pct: 82, area: 'Karnataka' },
{ name: 'U-Net · Land Cover Classify', pct: 47, area: 'Krishna Basin' },
{ name: 'SAM · Field Segmentation', pct: 96, area: 'Punjab Kharif' },
{ name: 'LSTM · Flood Forecast 7d', pct: 34, area: 'Assam' },
{ name: 'Change Detection · Δ2024', pct: 100,area: 'Odisha Coast' },
].map((m,i) => (
{m.name}
{m.pct}%
Region · {m.area}
))}
Prediction · Flood Risk (7d)
Jul 15peak: Jul 28Jul 31
Available Models
{['building.det','road.seg','water.det','crop.seg','forest.mon','mining.det','encr.det','fire.det','flood.pred','landslide.pred','ndvi.calc','change.det','traffic.ana','geoai.gen'].map(m => (
{m}
))}
)}
);
}
// ---------- Small chart atoms ----------
function BarChart({ data }) {
const max = Math.max(...data.map(d => d.v));
return (