entertainment media

documentation technical

English

You're looking at domain 'quad-state-tornado.pages.dev' on the developer-focused generic top-level domain (.dev), featuring subdomain 'quad-state-tornado'. Its registrable label 'pages' stretches across 5 characters with 2 vowels and three consonants. Segmentation suggests one word: pages. No strong language cues emerged from the frequency lists.

html/cb/9e/cb9e423d-eab7-4e4a-a602-5d126425144c.html.gz

sha256=:V2sIX92Uh6ZaGSFTKMHghsB85b9toJtmazgG09AI2uk=:

sha256=:vpYzxNhw4m+zfxz+XFp3GBZnEUAD6hYgeseFDY2ordE=:

sha256=:SqjwRpVddxFvwcm7cbxJ0XRlQ0KvjxKEqjTGJccf1nY=:

4aa8f046955d77116fc1c9bb71bc49d174654342af8f1284aa34c625c71fd676

6002af63485b043fa60ddaba1b34363b98d2a8b2c63b607004f3a2405a8a053a

be9633c4d870e26fb37f1cfe5c5a77181667114003ea16207ac7850d8da8add1

b65fffcd7503e54b652019bf94bf4e4281e167c1ff66a5a489f00d8025aa4239

f1e1dc381404bb1ed3de1f2b230e5f339edcd05c4924f53279f3af92ad775aa4

587fcee585a3bd1553aa1d5405479505fb624f4c74b080dfa4882b78cae1d549

b8c9701032858e23358c88ebb5a2094face88a1571858a991d7b14f0536896cb

4383deabd84df8d761887e51f955654b372bca84db894b6ca857c91508861a22

viewport

Abuse Team

CloudFlare, Inc.

pages.dev

Abuse

Admin

Cloudflare-NOC

Cloudflare, Inc.

CLOUDFLARENET


// Event-specific constants for tornado_20211210_quad_state
// Source of truth — edit here, then run build_viewer.py to rebuild index.html

const EVENT_ID     = 'tornado_20211210_quad_state';
const EVENT_LABEL  = 'Quad-State EF4 Tornado, December 10 2021';
const STATE        = 'KY';
const EVENT_CENTER = [-87.821, 37.045];
const TRACK_COORDS = [[-89.135, 36.483], [-88.906, 36.563], [-88.724, 36.641], [-88.388, 36.747], [-88.09, 36.835], [-87.829, 36.972], [-87.506, 37.131], [-87.164, 37.29], [-86.877, 37.462], [-86.506, 37.608]];
const V_MAX_MPH    = 183;
const R_MAX_KM     = 0.143;
const LAT_REF_RAD  = 0.6466 * Math.PI / 180;




// shared/viewer/carrier_panel.js
// Carrier exposure panel — GeoJSON mode (tornado, wildfire, flood).
// Called after map load. Injects carrier/color/tiv into GeoJSON features
// before every setData call; renders the carrier checkbox table.
//
// PMTile mode (hail, hurricane) to be added in Phase 2.

'use strict';

function initCarrierPanelGeoJSON({
  map,                      // MapLibre map instance
  lookupUrl,                // 'https://media.hummingbirdsoftware.biz/tornado/event/tornado_20211210_quad_state/buildings_insurance_lookup.json'
  getActiveGeojson,         // () => current stage GeoJSON FeatureCollection
  onEnrichedSetData,        // (enrichedGeojson) => void — caller calls setData here
  buildingLayerIds,         // ['bldg-fill','bldg-outline','bldg-dots','buildings-carrier']
  stageSummaryUrl,          // './data/carrier_stage_summary.json'
  onStageSummaryLoaded,     // (summary) => void — called once summary is loaded
}) {
  let INSURANCE_LOOKUP = {};
  let visibleCarriers   = null;   // null = all; Set = named subset; empty Set = none
  let carrierAggCache   = {};

  // ── Load lookup JSON ──────────────────────────────────────────────
  signUrl(lookupUrl)
    .then(u => fetch(u))
    .then(r => r.json())
    .then(data => {
      INSURANCE_LOOKUP = data;
      // Reset viewport filter so first render always uses all features.
      // (A pre-lookup viewport refresh may have set _viewportFeatures to an
      // empty array if the map tiles hadn't finished rendering yet.)
      _viewportFeatures = null;
      // Re-enrich and re-push current stage data now that lookup is ready
      const geojson = getActiveGeojson();
      if (geojson && Object.keys(INSURANCE_LOOKUP).length) {
        const enriched = enrichWithInsurance(geojson);
        onEnrichedSetData(enriched);
      }
      _buildSummary();
    })
    .catch(() => {
      console.warn('[carrier_panel] Insurance lookup unavailable');
      const wrap = document.getElementById('carrier-table-wrap');
      if (wrap) wrap.innerHTML =
        '<div id="carrier-table-empty" style="color:#8b949e;font-size:11px">Insurance data unavailable</div>';
    });

  // ── Load stage summary JSON ───────────────────────────────────────
  let stageSummary = {};
  if (stageSummaryUrl) {
    fetch(stageSummaryUrl)
      .then(r => r.json())
      .then(data => {
        stageSummary = data;
        if (onStageSummaryLoaded) onStageSummaryLoaded(stageSummary);
      })
      .catch(() => console.warn('[carrier_panel] Stage summary unavailable'));
  }

  // ── Enrich GeoJSON features with carrier data ─────────────────────
  function enrichWithInsurance(geojson) {
    if (!Object.keys(INSURANCE_LOOKUP).length) return geojson;
    geojson.features = geojson.features.map(f => {
      const info = INSURANCE_LOOKUP[f.properties.id];
      if (info) {
        f.properties.carrier       = info[0];
        f.properties.carrier_color = info[1];
        f.properties.tiv           = info[2];
        const dr = f.properties.damage_ratio || f.properties.dr || f.properties.damage_index || 0;
        f.properties.insured_loss  = info[2] * dr * 0.85;
      }
      return f;
    });
    return geojson;
  }

  // Public: call this every time you would call map.getSource('buildings').setData(geojson)
  function setDataEnriched(geojson) {
    const enriched = enrichWithInsurance(geojson);
    onEnrichedSetData(enriched);
    _buildSummary();
  }

  // ── Carrier summary (aggregates current GeoJSON × lookup) ─────────
  let _viewportFeatures = null;  // null = use full stage; array = viewport-filtered features

  function _buildSummary() {
    const geojson = getActiveGeojson();
    if (!geojson || !Object.keys(INSURANCE_LOOKUP).length) return;
    const features = _viewportFeatures !== null ? _viewportFeatures : geojson.features;

    const agg = {};
    for (const f of features) {
      const info = INSURANCE_LOOKUP[f.properties.id];
      if (!info) continue;
      const [carrier, color, tiv] = info;
      const dr = f.properties.damage_ratio || f.properties.dr || f.properties.damage_index || 0;
      if (!agg[carrier]) agg[carrier] = { color, count: 0, tiv: 0, insuredLoss: 0 };
      agg[carrier].count++;
      agg[carrier].tiv += tiv;
      agg[carrier].insuredLoss += tiv * dr * 0.85;
    }
    carrierAggCache = agg;
    _renderPanel(agg);
  }

  function _getTotalByCarrier() {
    if (!stageSummary || !Object.keys(stageSummary).length) return {};
    const latestKey = Object.keys(stageSummary).sort().at(-1);
    const latest = stageSummary[latestKey] || {};
    const result = {};
    for (const [carrier, d] of Object.entries(latest)) {
      result[carrier] = d.insuredLoss || 0;
    }
    return result;
  }

  function _fmtM(v) {
    if (v >= 1e9) return '$' + (v / 1e9).toFixed(1) + 'B';
    return '$' + (v / 1e6).toFixed(1) + 'M';
  }

  function _renderPanel(agg) {
    const wrap = document.getElementById('carrier-table-wrap');
    if (!wrap) return;
    const totals = _getTotalByCarrier();
    const rows = Object.entries(agg).sort((a, b) => {
      return (totals[b[0]] ?? b[1].insuredLoss) - (totals[a[0]] ?? a[1].insuredLoss);
    });
    if (!rows.length) {
      wrap.innerHTML = '<div class="carrier-empty">No insurance data for this stage</div>';
      return;
    }
    wrap.innerHTML = rows.map(([carrier, d]) => {
      const isVisible = visibleCarriers === null || visibleCarriers.has(carrier);
      const dimClass  = isVisible ? '' : ' carrier-dim';
      const safeCarrier = carrier.replace(/'/g, "\\'");
      const total    = totals[carrier];
      const totalStr = _fmtM(total ?? d.insuredLoss);
      const inViewStr = isVisible ? _fmtM(d.insuredLoss) + ' in view' : 'hidden';
      return `<div class="carrier-row${dimClass}" data-carrier="${safeCarrier}">
      <input class="carrier-cb" type="checkbox" ${isVisible ? 'checked' : ''}
        onclick="_carrierPanelToggle('${safeCarrier}')">
      <div class="carrier-dot" style="background:${d.color}"></div>
      <div class="carrier-info" style="cursor:pointer"
        onclick="_carrierFocusClick('${safeCarrier}')"
        onmouseenter="_carrierHoverStart('${safeCarrier}')"
        onmouseleave="_carrierHoverEnd()">
        <div class="carrier-name">${carrier}</div>
        <div class="carrier-inview">${inViewStr}</div>
      </div>
      <div class="carrier-total">${totalStr}</div>
    </div>`;
    }).join('');
  }

  function updateClusterSummary(byCarrier) {
    document.querySelectorAll('.carrier-row').forEach(row => {
      const inview = row.querySelector('.carrier-inview');
      if (!inview) return;
      const name = row.dataset.carrier;
      const data = byCarrier[name];
      if (data) {
        const largest = data.largestLabel ? ` · ${data.largestLabel} ${_fmtM(data.largestLoss)}` : '';
        inview.textContent = `${data.count} cluster${data.count !== 1 ? 's' : ''}${largest}`;
      } else {
        inview.textContent = '0 clusters in view';
      }
    });
    const wrap = document.getElementById('carrier-table-wrap');
    if (wrap) wrap.dataset.focusMode = 'true';
  }

  function clearClusterSummary() {
    _renderPanel(carrierAggCache);
    const wrap = document.getElementById('carrier-table-wrap');
    if (wrap) delete wrap.dataset.focusMode;
  }

  function _applyFilter() {
    const allNames = Object.keys(carrierAggCache);
    const isAll  = visibleCarriers === null || visibleCarriers.size === allNames.length;
    const isNone = visibleCarriers !== null && visibleCarriers.size === 0;
    let filter = null;
    if (!isAll && !isNone) {
      filter = ['match', ['get', 'carrier'], [...visibleCarriers], true, false];
    } else if (isNone) {
      filter = ['has', '__no_carrier_match__'];  // always-false
    }
    buildingLayerIds.forEach(id => {
      if (map.getLayer(id)) map.setFilter(id, filter);
    });
  }

  // ── Public toggle functions (called from onclick in rendered HTML) ─
  window._carrierPanelToggle = function(name) {
    const allNames = Object.keys(carrierAggCache);
    if (visibleCarriers === null) visibleCarriers = new Set(allNames);
    if (visibleCarriers.has(name)) visibleCarriers.delete(name);
    else visibleCarriers.add(name);
    if (visibleCarriers.size === allNames.length) visibleCarriers = null;
    _applyFilter();
    _renderPanel(carrierAggCache);
  };

  window._carrierPanelSelectAll = function() {
    visibleCarriers = null;
    _applyFilter();
    _renderPanel(carrierAggCache);
  };

  window._carrierPanelDeselectAll = function() {
    visibleCarriers = new Set();
    _applyFilter();
    _renderPanel(carrierAggCache);
  };

  window._carrierFocusClick = function(name) {
    if (typeof window._onCarrierFocusToggle === 'function') window._onCarrierFocusToggle(name);
  };
  window._carrierHoverStart = function(name) {
    if (typeof window._onCarrierHoverStart === 'function') window._onCarrierHoverStart(name);
  };
  window._carrierHoverEnd = function() {
    if (typeof window._onCarrierHoverEnd === 'function') window._onCarrierHoverEnd();
  };

  // ── Expose getters for chat engine ────────────────────────────────
  return {
    setDataEnriched,
    rebuildSummary: _buildSummary,
    getCarrierAgg:  () => carrierAggCache,
    getStageSummary: () => stageSummary,
    getLookup:      () => INSURANCE_LOOKUP,
    // Viewport-aware summary: pass array of features visible in current view,
    // or null to revert to the full stage dataset.
    setViewportFeatures: (features) => { _viewportFeatures = features; _buildSummary(); },
    getCheckedCarriers: () => visibleCarriers,
    updateClusterSummary,
    clearClusterSummary,
  };
}

/**
 * PMTile carrier panel — uses queryRenderedFeatures to aggregate
 * visible buildings from vector tile layers.
 * Supports carrier checkboxes, select/deselect all, and map filtering
 * via the buildings-carrier GeoJSON overlay layer.
 */
function initCarrierPanelPMTile({
  map,                    // MapLibre map instance
  lookupUrl,              // 'https://media.hummingbirdsoftware.biz/tornado/event/tornado_20211210_quad_state/buildings_insurance_lookup.json'
  buildingLayerIds,       // layer IDs to query for aggregation (PMTile layers)
  filterLayerIds,         // layer IDs to apply carrier filter to (GeoJSON overlay layers)
  stageSummaryUrl,        // './data/carrier_stage_summary.json' (optional)
  onStageSummaryLoaded,   // (summary) => void (optional)
  onLookupLoaded,         // (data) => void — called with lookup data after insurance lookup JSON is loaded (optional)
}) {
  let INSURANCE_LOOKUP = {};
  let stageSummary = {};
  let visibleCarriers = null;   // null = all; Set = named subset; empty Set = none
  let carrierAggCache = {};
  const _filterLayerIds = filterLayerIds || [];

  // Load lookup JSON
  signUrl(lookupUrl)
    .then(u => fetch(u))
    .then(r => r.json())
    .then(data => {
      INSURANCE_LOOKUP = data;
      // Build initial summary from full lookup so panel always populates on load,
      // even when no buildings are in the initial viewport (e.g. low zoom / off-center).
      _buildSummaryFromLookup();
      // Then refine with viewport features (adds damage_ratio-weighted insuredLoss)
      _buildSummaryFromViewport();
      if (onLookupLoaded) onLookupLoaded(data);
    })
    .catch(() => {
      console.warn('[carrier_panel_pmtile] Insurance lookup unavailable');
      const wrap = document.getElementById('carrier-table-wrap');
      if (wrap) wrap.innerHTML =
        '<div id="carrier-table-empty" style="color:#8b949e;font-size:11px">Insurance data unavailable</div>';
    });

  // Load stage summary
  if (stageSummaryUrl) {
    fetch(stageSummaryUrl)
      .then(r => r.json())
      .then(data => {
        stageSummary = data;
        if (onStageSummaryLoaded) onStageSummaryLoaded(stageSummary);
      })
      .catch(() => {});
  }

  // Build aggregate from full lookup (no damage ratios; used for initial panel render).
  function _buildSummaryFromLookup() {
    const agg = {};
    for (const [, info] of Object.entries(INSURANCE_LOOKUP)) {
      const [carrier, color, tiv] = info;
      if (!agg[carrier]) agg[carrier] = { color, count: 0, tiv: 0, insuredLoss: 0 };
      agg[carrier].count++;
      agg[carrier].tiv += tiv;
    }
    if (Object.keys(agg).length) {
      carrierAggCache = agg;
      _renderPanel(agg);
    }
  }

  function _buildSummaryFromViewport() {
    if (!Object.keys(INSURANCE_LOOKUP).length) return;
    const features = map.queryRenderedFeatures(undefined, { layers: buildingLayerIds });
    if (!features.length) return;

    const seen = new Set();
    const agg = {};
    for (const f of features) {
      const bid = f.properties.id || f.properties.fd_id || f.properties.structure_id || f.properties.overture_id || f.id;
      if (!bid || seen.has(bid)) continue;
      seen.add(bid);
      const info = INSURANCE_LOOKUP[String(bid)];
      if (!info) continue;
      const [carrier, color, tiv] = info;
      const dr = f.properties.damage_ratio || f.properties.mdr || f.properties.dr || f.properties.damage_index || 0;
      if (!agg[carrier]) agg[carrier] = { color, count: 0, tiv: 0, insuredLoss: 0 };
      agg[carrier].count++;
      agg[carrier].tiv += tiv;
      agg[carrier].insuredLoss += tiv * dr * 0.85;
    }
    // Only overwrite when at least one feature matched the lookup.
    // If zero matches (e.g. PMTile lacks ID field — SLW), keep the
    // _buildSummaryFromLookup() result rather than blanking the panel.
    if (Object.keys(agg).length > 0) {
      carrierAggCache = agg;
      _renderPanel(agg);
    }
  }

  function _getTotalByCarrier() {
    if (!stageSummary || !Object.keys(stageSummary).length) return {};
    const latestKey = Object.keys(stageSummary).sort().at(-1);
    const latest = stageSummary[latestKey] || {};
    const result = {};
    for (const [carrier, d] of Object.entries(latest)) {
      result[carrier] = d.insuredLoss || 0;
    }
    return result;
  }

  function _fmtM(v) {
    if (v >= 1e9) return '$' + (v / 1e9).toFixed(1) + 'B';
    return '$' + (v / 1e6).toFixed(1) + 'M';
  }

  function _renderPanel(agg) {
    const wrap = document.getElementById('carrier-table-wrap');
    if (!wrap) return;
    const totals = _getTotalByCarrier();
    const rows = Object.entries(agg).sort((a, b) => {
      return (totals[b[0]] ?? b[1].insuredLoss) - (totals[a[0]] ?? a[1].insuredLoss);
    });
    if (!rows.length) {
      wrap.innerHTML = '<div class="carrier-empty" style="color:#8b949e;font-size:11px">Zoom in to see carrier breakdown</div>';
      return;
    }
    wrap.innerHTML = rows.map(([carrier, d]) => {
      const isVisible = visibleCarriers === null || visibleCarriers.has(carrier);
      const dimClass  = isVisible ? '' : ' carrier-dim';
      const safeCarrier = carrier.replace(/'/g, "\\'");
      const total    = totals[carrier];
      const totalStr = _fmtM(total ?? d.insuredLoss);
      const inViewStr = isVisible ? _fmtM(d.insuredLoss) + ' in view' : 'hidden';
      return `<div class="carrier-row${dimClass}" data-carrier="${safeCarrier}">
      <input class="carrier-cb" type="checkbox" ${isVisible ? 'checked' : ''}
        onclick="_carrierPanelToggle('${safeCarrier}')">
      <div class="carrier-dot" style="background:${d.color}"></div>
      <div class="carrier-info" style="cursor:pointer"
        onclick="_carrierFocusClick('${safeCarrier}')"
        onmouseenter="_carrierHoverStart('${safeCarrier}')"
        onmouseleave="_carrierHoverEnd()">
        <div class="carrier-name">${carrier}</div>
        <div class="carrier-inview">${inViewStr}</div>
      </div>
      <div class="carrier-total">${totalStr}</div>
    </div>`;
    }).join('');
  }

  function updateClusterSummary(byCarrier) {
    document.querySelectorAll('.carrier-row').forEach(row => {
      const inview = row.querySelector('.carrier-inview');
      if (!inview) return;
      const name = row.dataset.carrier;
      const data = byCarrier[name];
      if (data) {
        const largest = data.largestLabel ? ` · ${data.largestLabel} ${_fmtM(data.largestLoss)}` : '';
        inview.textContent = `${data.count} cluster${data.count !== 1 ? 's' : ''}${largest}`;
      } else {
        inview.textContent = '0 clusters in view';
      }
    });
    const wrap = document.getElementById('carrier-table-wrap');
    if (wrap) wrap.dataset.focusMode = 'true';
  }

  function clearClusterSummary() {
    _renderPanel(carrierAggCache);
    const wrap = document.getElementById('carrier-table-wrap');
    if (wrap) delete wrap.dataset.focusMode;
  }

  function _applyFilter() {
    const allNames = Object.keys(carrierAggCache);
    const isAll  = visibleCarriers === null || visibleCarriers.size === allNames.length;
    const isNone = visibleCarriers !== null && visibleCarriers.size === 0;
    let filter = null;
    if (!isAll && !isNone) {
      filter = ['match', ['get', 'carrier'], [...visibleCarriers], true, false];
    } else if (isNone) {
      filter = ['has', '__no_carrier_match__'];  // always-false
    }
    _filterLayerIds.forEach(id => {
      if (map.getLayer(id)) map.setFilter(id, filter);
    });
  }

  // ── Public toggle functions (called from onclick in rendered HTML) ──
  window._carrierPanelToggle = function(name) {
    const allNames = Object.keys(carrierAggCache);
    if (visibleCarriers === null) visibleCarriers = new Set(allNames);
    if (visibleCarriers.has(name)) visibleCarriers.delete(name);
    else visibleCarriers.add(name);
    if (visibleCarriers.size === allNames.length) visibleCarriers = null;
    _applyFilter();
    _renderPanel(carrierAggCache);
  };

  window._carrierPanelSelectAll = function() {
    visibleCarriers = null;
    _applyFilter();
    _renderPanel(carrierAggCache);
  };

  window._carrierPanelDeselectAll = function() {
    visibleCarriers = new Set();
    _applyFilter();
    _renderPanel(carrierAggCache);
  };

  window._carrierFocusClick = function(name) {
    if (typeof window._onCarrierFocusToggle === 'function') window._onCarrierFocusToggle(name);
  };
  window._carrierHoverStart = function(name) {
    if (typeof window._onCarrierHoverStart === 'function') window._onCarrierHoverStart(name);
  };
  window._carrierHoverEnd = function() {
    if (typeof window._onCarrierHoverEnd === 'function') window._onCarrierHoverEnd();
  };

  return {
    refreshFromViewport: _buildSummaryFromViewport,
    getStageSummary: () => stageSummary,
    getLookup: () => INSURANCE_LOOKUP,
    getCarrierAgg: () => carrierAggCache,
    getCheckedCarriers: () => visibleCarriers,
    updateClusterSummary,
    clearClusterSummary,
  };
}




// .worktrees/shared-viewer-modules/shared/viewer/loss_tiles.js
// Loss tile clustering, radius scaling, reverse geocoding.
// Works in browser (window.LossTiles = {}) and Node.js (module.exports = {}).

(function(exports) {
  'use strict';

  function buildTiles(buildings, gridSizeKm) {
    if (gridSizeKm === undefined) gridSizeKm = 0.5;
    var cellDeg = gridSizeKm / 111;
    var cells = {};

    for (var i = 0; i < buildings.length; i++) {
      var b = buildings[i];
      var row = Math.floor(b.lat / cellDeg);
      var col = Math.floor(b.lng / cellDeg);
      var key = row + '|' + col + '|' + b.carrier;
      if (!cells[key]) {
        cells[key] = {
          lat: (row + 0.5) * cellDeg,
          lng: (col + 0.5) * cellDeg,
          totalLoss: 0,
          carrier: b.carrier,
          carrier_color: b.carrier_color,
          count: 0,
          label: null,
        };
      }
      cells[key].totalLoss += b.insured_loss;
      cells[key].count++;
    }

    return Object.values(cells);
  }

  function scaleTileRadius(tiles, minRadius, maxRadius) {
    if (minRadius === undefined) minRadius = 8;
    if (maxRadius === undefined) maxRadius = 40;
    var maxLoss = tiles.reduce(function(m, t) { return Math.max(m, t.totalLoss); }, 0);
    if (maxLoss === 0) maxLoss = 1;
    return tiles.map(function(t) {
      var radius = minRadius + (maxRadius - minRadius) * Math.sqrt(t.totalLoss / maxLoss);
      return Object.assign({}, t, { radius: radius });
    });
  }

  function assignFallbackLabels(tiles) {
    var ZONES = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
    var unlabeled = tiles
      .filter(function(t) { return !t.label; })
      .sort(function(a, b) { return b.totalLoss - a.totalLoss; });
    var zoneIdx = 0;
    for (var i = 0; i < unlabeled.length; i++) {
      unlabeled[i].label = 'Zone ' + (ZONES[zoneIdx] || String(zoneIdx + 1));
      zoneIdx++;
    }
    return tiles;
  }

  async function reverseGeocode(lat, lng, cache) {
    var key = lat.toFixed(3) + ',' + lng.toFixed(3);
    if (cache.has(key)) return cache.get(key);

    try {
      var controller = new AbortController();
      var timeoutId = setTimeout(function() { controller.abort(); }, 2000);
      var resp = await fetch(
        'https://nominatim.openstreetmap.org/reverse?lat=' + lat + '&lon=' + lng + '&format=json&zoom=16',
        { signal: controller.signal, headers: { 'Accept-Language': 'en', 'User-Agent': 'hummingbird-fermat-viewer/1.0 (ken.bywaters@hummingbirdsoftware.net)' } }
      );
      clearTimeout(timeoutId);
      if (!resp.ok) { cache.set(key, null); return null; }
      var data = await resp.json();
      var label = _formatNominatimLabel(data);
      cache.set(key, label);
      return label;
    } catch (e) {
      return null;
    }
  }

  function _formatNominatimLabel(data) {
    var a = data.address || {};
    var parts = [a.road, a.neighbourhood || a.suburb || a.city_district].filter(Boolean);
    if (parts.length) return parts.join(' & ');
    return a.town || a.city || (data.display_name ? data.display_name.split(',')[0] : null) || 'Unknown';
  }

  exports.buildTiles           = buildTiles;
  exports.scaleTileRadius      = scaleTileRadius;
  exports.assignFallbackLabels = assignFallbackLabels;
  exports.reverseGeocode       = reverseGeocode;

})(typeof module !== 'undefined' ? module.exports : (window.LossTiles = {}));




// shared/viewer/query_chat.js
// Self-contained Claude-powered query chat widget.
// Lazy-loads SPC catalog for cross-event queries.
// Posts feedback (thumbs) to CF Worker /feedback endpoint.
// Handles [ZOOM:lat,lng] and [RUN_MODEL:event_id|label] response markers.

'use strict';

// ── marked.js — inject once from CDN ──────────────────────────────────────────
(function () {
  if (window.marked) return;
  const s = document.createElement('script');
  s.src = 'https://cdn.jsdelivr.net/npm/marked@9/marked.min.js';
  document.head.appendChild(s);
})();

// ── Markdown CSS — inject once ────────────────────────────────────────────────
(function () {
  if (document.getElementById('qc-md-style')) return;
  const style = document.createElement('style');
  style.id = 'qc-md-style';
  style.textContent = `
.chat-msg.assistant p { margin: 0 0 6px; }
.chat-msg.assistant p:last-child { margin-bottom: 0; }
.chat-msg.assistant h2 { font-size: 11px; font-weight: 700; margin: 8px 0 3px;
  text-transform: uppercase; letter-spacing: .05em; color: #e6edf3; }
.chat-msg.assistant h3 { font-size: 12px; font-weight: 600; margin: 6px 0 2px; color: #c9d1d9; }
.chat-msg.assistant ul, .chat-msg.assistant ol { margin: 3px 0 6px 16px; padding: 0; }
.chat-msg.assistant li { margin-bottom: 2px; line-height: 1.45; }
.chat-msg.assistant strong { font-weight: 600; color: #f0f6fc; }
.chat-msg.assistant code { background: rgba(0,0,0,.25); border-radius: 3px; padding: 1px 4px; font-size: 11px; }
`;
  document.head.appendChild(style);
})();

const MEDIA_BASE = 'https://media.hummingbirdsoftware.biz';
async function signUrl(keyOrUrl) {
  if (!keyOrUrl || keyOrUrl.startsWith('./') || keyOrUrl.startsWith('/')) return keyOrUrl;
  const key = keyOrUrl.startsWith('http')
    ? keyOrUrl.replace(/^https?:\/\/[^\/]+\//, '')
    : keyOrUrl;
  try {
    const r = await fetch(
      `${MEDIA_BASE}/sign?key=${encodeURIComponent(key)}&origin=${encodeURIComponent(location.origin)}`
    );
    if (!r.ok) return `${MEDIA_BASE}/${key}`;
    return (await r.json()).url;
  } catch { return `${MEDIA_BASE}/${key}`; }
}
const EVENTS_CONTEXT_URL = 'shared/events_context.json';
const SPC_CATALOG_URL    = 'shared/spc_catalog.json';

// Keywords that trigger lazy-load of spc_catalog.json
// Keep these specific to cross-event comparisons — avoid generic terms like "largest"/"worst"
// that also appear in single-event building queries.
const CROSS_EVENT_KEYWORDS = /\bsimilar\b|\bother (tornado|event|storm)\b|\bhistor|\bcompare\b|\b(19|20)\d{2}\b|\btornado.*\bin\b|\bhurricane.*\bin\b|\bhail.*\bin\b|\bdeadliest\b/i;

// Keywords that explicitly trigger model creation
const RUN_MODEL_KEYWORDS = /\bcreate an event\b|\brun (the )?model\b|\brun model\b/i;

function initQueryChat({
  containerId,        // DOM id of the .sb-body div containing chat UI
  cfWorkerUrl,        // 'https://hummingbird-ai-proxy.ken-bywaters.workers.dev/chat'
  buildContext,       // ({ stageSummary }) => contextObject
  onZoom,             // (lat, lng) => void
  onRunModel,         // (eventId, label) => void — show confirmation UI
  eventId,            // e.g. 'tornado_20191020_north_dallas'
  eventLabel,         // e.g. 'North Dallas EF3 Tornado, October 20 2019'
}) {
  let chatHistory       = [];
  let chatInitialized   = false;
  let eventsContext     = null;    // modeled events — always loaded
  let spcCatalog        = null;    // lazy-loaded
  let spcCatalogLoading = false;
  let currentStageSummary = {};

  // Load modeled events context immediately (small, ~50KB)
  signUrl(EVENTS_CONTEXT_URL)
    .then(u => fetch(u))
    .then(r => r.json())
    .then(d => { eventsContext = d; })
    .catch(() => console.warn('[query_chat] events_context unavailable'));

  // ── Public: update stage summary from carrier panel ───────────────
  function updateStageSummary(summary) {
    currentStageSummary = summary || {};
  }

  // ── Generic collapsible section toggle ───────────────────────────
  function toggleSection(bodyId) {
    const body = document.getElementById(bodyId);
    if (!body) return;
    const open = body.classList.toggle('open');
    const hdr = body.previousElementSibling;
    if (hdr) hdr.classList.toggle('open', open);
  }
  window.toggleSection = toggleSection;

  // ── Show welcome on first open ────────────────────────────────────
  function initChatOnOpen() {
    if (chatInitialized) return;
    chatInitialized = true;
    _appendMsg('assistant',
      'Hi! I have full context on this event — carrier exposures, damage by tier, loss estimates, and how model estimates evolved across stages. Ask about a specific carrier, loss trends, or say "zoom to the highest loss State Farm building."');
  }
  window.initChatOnOpen = initChatOnOpen;

  // ── Lazy SPC catalog load ─────────────────────────────────────────
  async function _ensureSpcCatalog() {
    if (spcCatalog) return spcCatalog;
    if (spcCatalogLoading) return null;
    spcCatalogLoading = true;
    try {
      const r = await fetch(await signUrl(SPC_CATALOG_URL));
      spcCatalog = await r.json();
      spcCatalogLoading = false;
      return spcCatalog;
    } catch {
      spcCatalogLoading = false;
      return null;
    }
  }

  // ── Build full context for Claude ─────────────────────────────────
  async function _buildFullContext(question) {
    const ctx = {
      current_event: buildContext({ stageSummary: currentStageSummary }),
      carrier_by_stage: currentStageSummary,
    };

    if (eventsContext) ctx.all_modeled_events = eventsContext.events;

    // Lazy-load SPC catalog for cross-event queries — sort by damage desc, cap at 500 records
    // (catalog is date-ordered; without sorting Claude only sees 1950-era tornadoes)
    if (CROSS_EVENT_KEYWORDS.test(question)) {
      const catalog = await _ensureSpcCatalog();
      if (catalog) {
        const sorted = catalog.slice().sort((a, b) => (b.dmg_usd || 0) - (a.dmg_usd || 0));
        ctx.spc_catalog = sorted.slice(0, 500);
      }
    }

    return ctx;
  }

  // ── Claude API call ───────────────────────────────────────────────
  async function _callClaude(question) {
    const ctx = await _buildFullContext(question);
    const resp = await fetch(cfWorkerUrl, {
      method: 'POST',
      headers: { 'content-type': 'application/json' },
      body: JSON.stringify({ question, context: ctx, event_id: eventId }),
    });
    if (!resp.ok) throw new Error(`Worker ${resp.status}`);
    const data = await resp.json();
    if (data.response == null) throw new Error(`Worker returned no response field (keys: ${Object.keys(data).join(',')})`);
    return data.response;
  }

  // ── Marker handlers ───────────────────────────────────────────────
  function _parseZoom(text) {
    const m = text.match(/\[ZOOM:([-\d.]+),([-\d.]+)\]/);
    if (!m) return text;
    if (onZoom) onZoom(parseFloat(m[1]), parseFloat(m[2]));
    return text.replace(/\[ZOOM:[-\d.,]+\]\n?/, '').trim();
  }

  function _parseRunModel(text) {
    const m = text.match(/\[RUN_MODEL:([^|]+)\|([^\]]+)\]/);
    if (!m) return text;
    const [, eid, label] = m;
    if (onRunModel) onRunModel(eid.trim(), label.trim());
    return text.replace(/\[RUN_MODEL:[^\]]+\]\n?/, '').trim();
  }

  function _processMarkers(text) {
    return _parseRunModel(_parseZoom(text));
  }

  // ── Feedback ──────────────────────────────────────────────────────
  function _postFeedback(rating, lastAnswer, lastQuestion, correction) {
    const payload = {
      event_id:   eventId,
      query:      lastQuestion,
      response:   lastAnswer,
      rating,
      correction: correction || null,
      ts:         new Date().toISOString(),
    };
    // Fire-and-forget — don't block UX
    fetch(cfWorkerUrl.replace('/chat', '/feedback'), {
      method: 'POST',
      headers: { 'content-type': 'application/json' },
      body: JSON.stringify(payload),
    }).catch(() => {});
  }

  function _addFeedbackRow(msgId, question, answer) {
    const div = document.getElementById(msgId);
    if (!div) return;
    const row = document.createElement('div');
    row.style.cssText = 'display:flex;gap:6px;margin-top:4px;font-size:10px;';
    row.innerHTML = `
      <button onclick="_chatThumb(this,'${msgId}',1)" style="background:none;border:none;cursor:pointer;color:#8b949e;padding:0" title="Good response">👍</button>
      <button onclick="_chatThumb(this,'${msgId}',-1)" style="background:none;border:none;cursor:pointer;color:#8b949e;padding:0" title="Bad response">👎</button>`;
    div.appendChild(row);
    div.dataset.question = question;
    div.dataset.answer   = answer;
  }

  window._chatThumb = function(btn, msgId, rating) {
    const div = document.getElementById(msgId);
    if (!div) return;
    const question = div.dataset.question || '';
    const answer   = div.dataset.answer   || '';
    let correction = null;
    if (rating === -1) {
      correction = window.prompt('Optional: what should the answer have been?') || null;
    }
    _postFeedback(rating, answer, question, correction);
    btn.parentElement.innerHTML = rating === 1
      ? '<span style="color:#3fb950;font-size:10px">✓ Thanks</span>'
      : '<span style="color:#8b949e;font-size:10px">Feedback sent</span>';
  };

  // ── Save transcript ───────────────────────────────────────────────
  function saveTranscript() {
    if (!chatHistory.length) return;
    const lines = chatHistory.map(m => `[${m.role.toUpperCase()}] ${m.text}`).join('\n\n');
    const blob = new Blob([lines], { type: 'text/plain' });
    const url  = URL.createObjectURL(blob);
    const a    = document.createElement('a');
    a.href     = url;
    a.download = `${eventId}-query-transcript.txt`;
    a.click();
    URL.revokeObjectURL(url);
  }
  window.saveTranscript = saveTranscript;

  // ── Send handler ──────────────────────────────────────────────────
  async function chatSend() {
    const input   = document.getElementById('chat-input');
    const sendBtn = document.getElementById('chat-send');
    const q = input.value.trim();
    if (!q) return;
    input.value = '';
    _appendMsg('user', q);
    const thinkId = _appendMsg('assistant', 'Thinking…', 'thinking');
    sendBtn.disabled = true;
    try {
      const raw    = await _callClaude(q);
      const answer = _processMarkers(raw);
      _updateMsg(thinkId, answer);
      _addFeedbackRow(thinkId, q, answer);
      const badge = document.getElementById('chat-engine');
      if (badge) { badge.textContent = '· Claude'; badge.classList.add('claude'); }
    } catch (err) {
      console.error('[query_chat] chatSend error:', err);
      const answer = `Query engine error: ${err && err.message ? err.message : String(err)}`;
      _updateMsg(thinkId, answer);
    } finally {
      sendBtn.disabled = false;
    }
  }
  window.chatSend = chatSend;

  function chatKeydown(e) {
    if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); chatSend(); }
  }
  window.chatKeydown = chatKeydown;

  // ── Pattern fallback (offline / worker error) ─────────────────────
  function _patternFallback(q) {
    const lq = q.toLowerCase();
    if (/total.*(insured|loss)|insured.*(total|loss)/i.test(lq)) {
      return 'Insurance data query requires the Claude engine — worker may be unavailable.';
    }
    if (/similar|other.*tornado|compare/i.test(lq)) {
      return 'Cross-event queries require the Claude engine — worker may be unavailable.';
    }
    return 'Query engine unavailable — please try again.';
  }

  // ── Markdown renderer ─────────────────────────────────────────────
  function _renderMd(text) {
    if (window.marked) return window.marked.parse(text, { breaks: true, gfm: true });
    return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
               .replace(/\n/g, '<br>');
  }

  // ── Message helpers ───────────────────────────────────────────────
  function _appendMsg(role, text, extraClass) {
    const id = 'msg-' + Date.now() + '-' + Math.random().toString(36).slice(2);
    chatHistory.push({ role, text });
    const container = document.getElementById('chat-messages');
    if (!container) return id;
    const div = document.createElement('div');
    div.id = id;
    div.className = `chat-msg ${role}${extraClass ? ' ' + extraClass : ''}`;
    if (role === 'assistant' && !extraClass) {
      div.innerHTML = _renderMd(text);
    } else {
      div.textContent = text;
    }
    container.appendChild(div);
    container.scrollTop = container.scrollHeight;
    return id;
  }

  function _updateMsg(id, text, extraClass) {
    const div = document.getElementById(id);
    if (!div) return;
    if (!extraClass) {
      div.innerHTML = _renderMd(text);
    } else {
      div.textContent = text;
    }
    div.className = `chat-msg assistant${extraClass ? ' ' + extraClass : ''}`;
    chatHistory[chatHistory.length - 1] = { role: 'assistant', text };
    const c = document.getElementById('chat-messages');
    if (c) c.scrollTop = c.scrollHeight;
  }

  // Show welcome on load — panel starts open by default
  setTimeout(initChatOnOpen, 200);

  return { updateStageSummary, initChatOnOpen };
}



Requests	IP Address	Location	AS Autonomous System
3	104.18.0.22	United States	AS13335Cloudflare, Inc.
1	151.101.193.229	United States	AS54113Fastly, Inc.
1	172.66.47.63	United States	AS13335Cloudflare, Inc.
1	146.75.122.132	Frankfurt am Main, Hesse, Germany	AS54113Fastly, Inc.
6	4	-	-

Security Scan Report: quad-state-tornado.pages.dev

Summary

AI Security Verdict

Low Risk

Risk Factors

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies6

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History