@empoweredvote/ev-ui 0.5.0 → 0.6.0

package/dist/index.mjs

@@ -15,7 +15,8 @@ function RadarChartCore({
   size = 400,
   labelFontSize = 18,
   padding = 80,
-  labelOffset = 20
+  labelOffset = 20,
+  tightFit = false
 }) {
   const radius = size / 2 - 40;
   const centerX = size / 2;
@@ -114,6 +115,20 @@ function RadarChartCore({
   const leftPadding = symmetricPadding;
   const rightPadding = symmetricPadding;
   const verticalPadding = padding;
+  let tightTop = -verticalPadding;
+  let tightHeight = size + verticalPadding * 2;
+  if (tightFit && numSpokes > 0) {
+    let yMin = Infinity, yMax = -Infinity;
+    for (let i = 0; i < numSpokes; i++) {
+      const angle = 2 * Math.PI * i / numSpokes;
+      const y = centerY - radius * Math.cos(angle);
+      if (y < yMin) yMin = y;
+      if (y > yMax) yMax = y;
+    }
+    const labelMargin = labelOffset + labelFontSize * 1.4 + labelFontSize * 1.1;
+    tightTop = yMin - labelMargin;
+    tightHeight = yMax + labelMargin - tightTop;
+  }
   const guidePolygons = [];
   for (let level = 1; level <= 5; level++) {
     const scale = level / 5;
@@ -132,7 +147,7 @@ function RadarChartCore({
     "svg",
     {
       className: "w-full h-auto max-h-full",
-      viewBox: `-${leftPadding} -${verticalPadding} ${size + leftPadding + rightPadding} ${size + verticalPadding * 2}`,
+      viewBox: `-${leftPadding} ${tightTop} ${size + leftPadding + rightPadding} ${tightHeight}`,
       preserveAspectRatio: "xMidYMid meet"
     },
     guidePolygons,
@@ -190,6 +205,7 @@ function RadarChartCore({
           fill: isUnansweredLabel ? "#9ca3af" : void 0,
           style: { cursor: "pointer", userSelect: "none", fontSize: fSize }
         },
+        isUnansweredLabel && /* @__PURE__ */ React.createElement("title", null, "No stance on file for this topic."),
         lines.map((ln, idx) => /* @__PURE__ */ React.createElement("tspan", { key: idx, x: labelX, dy: idx === 0 ? "0" : `${lineHeight}` }, ln))
       );
     }),
@@ -216,18 +232,25 @@ function RadarChartCore({
         }
       }
     ),
-    pointsArr.map(([cx, cy], i) => /* @__PURE__ */ React.createElement(
-      "circle",
-      {
-        key: `user-dot-${i}`,
-        cx,
-        cy,
-        r: 5,
-        fill: "#7C6B9E",
-        stroke: "#FFFFFF",
-        strokeWidth: 2
-      }
-    )),
+    pointsArr.map(([cx, cy], i) => {
+      const shortTitle = spokes[i][0];
+      const userVal = spokes[i][1];
+      if (!userVal || Number(userVal) === 0) return null;
+      const compareVal = compareData[shortTitle];
+      const matches = hasCompareData && userVal !== 0 && compareVal !== 0 && compareVal != null && Number(userVal) === Number(compareVal);
+      return /* @__PURE__ */ React.createElement(
+        "circle",
+        {
+          key: `user-dot-${i}`,
+          cx,
+          cy,
+          r: matches ? 8 : 7,
+          fill: matches ? "#fed12e" : "#7C6B9E",
+          stroke: "#FFFFFF",
+          strokeWidth: 3
+        }
+      );
+    }),
     hasCompareData && comparePoints ? countChanged || compareJustAppeared ? /* @__PURE__ */ React.createElement(
       "polygon",
       {
@@ -251,18 +274,25 @@ function RadarChartCore({
         }
       }
     ) : null,
-    hasCompareData && compareCoords && compareCoords.map(([cx, cy], i) => /* @__PURE__ */ React.createElement(
-      "circle",
-      {
-        key: `compare-dot-${i}`,
-        cx,
-        cy,
-        r: 4,
-        fill: "#5A9A6E",
-        stroke: "#FFFFFF",
-        strokeWidth: 2
-      }
-    )),
+    hasCompareData && compareCoords && compareCoords.map(([cx, cy], i) => {
+      const shortTitle = spokes[i][0];
+      const userVal = spokes[i][1];
+      const compareVal = compareData[shortTitle];
+      if (!compareVal || Number(compareVal) === 0) return null;
+      const matches = userVal !== 0 && compareVal !== 0 && compareVal != null && Number(userVal) === Number(compareVal);
+      return /* @__PURE__ */ React.createElement(
+        "circle",
+        {
+          key: `compare-dot-${i}`,
+          cx,
+          cy,
+          r: matches ? 8 : 7,
+          fill: matches ? "#fed12e" : "#5A9A6E",
+          stroke: "#FFFFFF",
+          strokeWidth: 3
+        }
+      );
+    }),
     spokes.map(([shortTitle], i) => {
       const angle = 2 * Math.PI * i / numSpokes;
       const x = centerX + radius * Math.sin(angle);
@@ -1538,7 +1568,8 @@ function PoliticianCard({
     },
     imageWrapper: {
       width: isHorizontal ? "90px" : "100%",
-      height: isHorizontal ? void 0 : "auto",
+      height: isHorizontal ? "100%" : "auto",
+      maxHeight: isHorizontal ? "200px" : void 0,
       aspectRatio: isHorizontal ? void 0 : "4/5",
       flexShrink: 0,
       overflow: "hidden"
@@ -2074,7 +2105,7 @@ function CompassCardHorizontalMeta({
     IconOverlay,
     {
       ballot: politician.ballot || null,
-      hasStances: Boolean(userAnswers && userAnswers.length > 0) || Boolean(politician.hasStances),
+      hasStances: false,
       branch: politician.branch || null
     }
   ));
@@ -2105,11 +2136,12 @@ function buildAnswerMapByShortTitle(allTopics, allAnswers, allowedShorts) {
 }
 
 // src/CompassCardHorizontal.jsx
-var RADAR_SIZE = 250;
-var SLOT_WIDTH = 260;
+var RADAR_SIZE = 400;
+var SLOT_WIDTH = 420;
 function CompassCardHorizontal({
   politician,
   userAnswers = null,
+  invertedSpokes = {},
   tierVisuals = null,
   view = "compass",
   surface = "representatives",
@@ -2193,7 +2225,7 @@ function CompassCardHorizontal({
         topics,
         data,
         compareData,
-        invertedSpokes: {},
+        invertedSpokes: invertedSpokes || {},
         onToggleInversion: () => {
         },
         onReplaceTopic: () => {
@@ -2286,7 +2318,7 @@ function CompassCardHorizontal({
       "Calibrate your compass"
     ));
   }
-  function renderUnavailablePlate() {
+  function renderUnavailablePlate(message = "Compass currently unavailable for this role.") {
     return /* @__PURE__ */ React10.createElement("div", { style: {
       width: "100%",
       height: "100%",
@@ -2305,12 +2337,16 @@ function CompassCardHorizontal({
       maxWidth: "180px",
       margin: 0,
       fontFamily: fonts.primary
-    } }, "Compass currently unavailable for this role."));
+    } }, message));
   }
   function renderSlotContent() {
     if (view === "portrait") return renderPortrait();
     if (variant === "empty") return renderEmptyVariant();
     if (variant === "administrative" || variant === "judicial") return renderUnavailablePlate();
+    if (variant === "no-stances") {
+      const name = (politician == null ? void 0 : politician.full_name) || "this official";
+      return renderUnavailablePlate(`No compass stances on file for ${name} yet.`);
+    }
     return /* @__PURE__ */ React10.createElement("div", { style: {
       width: "100%",
       height: "100%",
@@ -2366,8 +2402,644 @@ function CompassCardHorizontal({
   );
 }
 
+// src/CompassCardVertical.jsx
+import React11, { useState as useState6, useEffect as useEffect6 } from "react";
+var RADAR_SIZE2 = 400;
+function CompassCardVertical({
+  politician,
+  userAnswers = null,
+  invertedSpokes = {},
+  tierVisuals = null,
+  view = "compass",
+  surface = "representatives",
+  variant = "compass",
+  onBuildCompass = null,
+  onClick
+}) {
+  var _a;
+  const [hovered, setHovered] = useState6(false);
+  const [focused, setFocused] = useState6(false);
+  const [imgError, setImgError] = useState6(false);
+  const [emptyCtaHovered, setEmptyCtaHovered] = useState6(false);
+  useEffect6(() => {
+    setImgError(false);
+  }, [politician == null ? void 0 : politician.photo_origin_url]);
+  const cardStyle = {
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: (_a = tierVisuals == null ? void 0 : tierVisuals.bg) != null ? _a : colors.bgWhite,
+    border: `1px solid ${colors.borderLight}`,
+    borderRadius: borderRadius.xl,
+    overflow: "hidden",
+    boxShadow: focused ? focus.ring : hovered ? shadows.cardHover : shadows.md,
+    transform: hovered ? "translateY(-2px)" : "none",
+    transition: `box-shadow ${duration.normal} ease, transform ${duration.normal} ease`,
+    cursor: onClick ? "pointer" : "default",
+    fontFamily: fonts.primary,
+    outline: "none"
+  };
+  const titleText = surface === "elections" ? politician.office_running_for : politician.office_title;
+  function renderCompass() {
+    var _a2, _b, _c;
+    if (!userAnswers || userAnswers.length === 0) {
+      return /* @__PURE__ */ React11.createElement(PlaceholderRadar, { size: RADAR_SIZE2, name: (politician == null ? void 0 : politician.full_name) || "" });
+    }
+    let topics = [];
+    let data = {};
+    let compareData = {};
+    try {
+      if (Array.isArray(userAnswers) && userAnswers.length > 0) {
+        const hasEmbeddedTopics = (_b = (_a2 = userAnswers[0]) == null ? void 0 : _a2.topic) == null ? void 0 : _b.short_title;
+        if (hasEmbeddedTopics) {
+          const allowedShorts = userAnswers.map((a) => a.topic.short_title);
+          const allTopics = userAnswers.map((a) => a.topic);
+          const { topicsFiltered, answersByShort } = buildAnswerMapByShortTitle(
+            allTopics,
+            userAnswers,
+            allowedShorts
+          );
+          topics = topicsFiltered;
+          data = answersByShort;
+        } else {
+          if (!Array.isArray(userAnswers[0])) {
+            topics = userAnswers.filter((a) => a.short_title).map((a) => ({ id: a.topic_id || a.short_title, short_title: a.short_title, title: a.short_title }));
+            data = {};
+            for (const a of userAnswers) {
+              if (a.short_title) data[a.short_title] = (_c = a.value) != null ? _c : 0;
+            }
+          }
+        }
+      }
+      if ((politician == null ? void 0 : politician.stances) && typeof politician.stances === "object") {
+        compareData = Array.isArray(politician.stances) ? politician.stances.reduce((acc, s) => {
+          var _a3;
+          if (s.short_title) acc[s.short_title] = (_a3 = s.value) != null ? _a3 : 0;
+          return acc;
+        }, {}) : politician.stances;
+      }
+      if (topics.length === 0) {
+        return /* @__PURE__ */ React11.createElement(PlaceholderRadar, { size: RADAR_SIZE2, name: (politician == null ? void 0 : politician.full_name) || "" });
+      }
+    } catch {
+      return /* @__PURE__ */ React11.createElement(PlaceholderRadar, { size: RADAR_SIZE2, name: (politician == null ? void 0 : politician.full_name) || "" });
+    }
+    const unansweredSpokes = {};
+    for (const t of topics) {
+      const v = compareData[t.short_title];
+      if (!v || Number(v) === 0) unansweredSpokes[t.short_title] = true;
+    }
+    return /* @__PURE__ */ React11.createElement("div", { style: { width: RADAR_SIZE2 + 240, maxWidth: "100%", flexShrink: 0 } }, /* @__PURE__ */ React11.createElement(
+      RadarChartCore,
+      {
+        topics,
+        data,
+        compareData,
+        invertedSpokes: invertedSpokes || {},
+        unansweredSpokes,
+        onToggleInversion: () => {
+        },
+        onReplaceTopic: () => {
+        },
+        size: RADAR_SIZE2,
+        padding: 40,
+        labelOffset: 5,
+        labelFontSize: 18,
+        tightFit: true
+      }
+    ));
+  }
+  function renderAvatar() {
+    var _a2, _b, _c;
+    const imageSrc = (politician == null ? void 0 : politician.photo_origin_url) || (politician == null ? void 0 : politician.images) && ((_a2 = politician.images[0]) == null ? void 0 : _a2.url) || null;
+    const baseStyle = {
+      width: 88,
+      height: 110,
+      flexShrink: 0,
+      overflow: "hidden",
+      borderRadius: borderRadius.md,
+      backgroundColor: colors.evMutedBlue,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    };
+    if (imageSrc && !imgError) {
+      return /* @__PURE__ */ React11.createElement("div", { style: baseStyle }, /* @__PURE__ */ React11.createElement(
+        "img",
+        {
+          src: imageSrc,
+          alt: `${politician.full_name} portrait`,
+          onError: () => setImgError(true),
+          style: {
+            width: "100%",
+            height: "100%",
+            objectFit: "cover",
+            objectPosition: (_b = politician.imageFocalPoint) != null ? _b : "center 20%",
+            display: "block"
+          }
+        }
+      ));
+    }
+    const parts = ((politician == null ? void 0 : politician.full_name) || "").split(" ").filter(Boolean);
+    const initials = (parts.length >= 2 ? parts[0][0] + parts[parts.length - 1][0] : ((_c = parts[0]) == null ? void 0 : _c[0]) || "?").toUpperCase();
+    return /* @__PURE__ */ React11.createElement("div", { style: baseStyle }, /* @__PURE__ */ React11.createElement("span", { style: {
+      color: colors.textWhite,
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.bold,
+      fontSize: fontSizes["2xl"]
+    } }, initials));
+  }
+  function renderPortrait() {
+    var _a2, _b, _c;
+    const imageSrc = (politician == null ? void 0 : politician.photo_origin_url) || (politician == null ? void 0 : politician.images) && ((_a2 = politician.images[0]) == null ? void 0 : _a2.url) || null;
+    if (imageSrc && !imgError) {
+      return /* @__PURE__ */ React11.createElement(
+        "img",
+        {
+          src: imageSrc,
+          alt: `${politician.full_name} portrait`,
+          style: {
+            width: RADAR_SIZE2,
+            height: RADAR_SIZE2,
+            objectFit: "cover",
+            objectPosition: (_b = politician.imageFocalPoint) != null ? _b : "center 20%",
+            display: "block",
+            borderRadius: borderRadius.md
+          },
+          onError: () => setImgError(true)
+        }
+      );
+    }
+    const parts = ((politician == null ? void 0 : politician.full_name) || "").split(" ").filter(Boolean);
+    const initials = (parts.length >= 2 ? parts[0][0] + parts[parts.length - 1][0] : ((_c = parts[0]) == null ? void 0 : _c[0]) || "?").toUpperCase();
+    return /* @__PURE__ */ React11.createElement("div", { style: {
+      width: RADAR_SIZE2,
+      height: RADAR_SIZE2,
+      backgroundColor: colors.evMutedBlue,
+      color: colors.textWhite,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.bold,
+      fontSize: fontSizes["5xl"],
+      borderRadius: borderRadius.md
+    } }, initials);
+  }
+  function renderEmptyVariant() {
+    return /* @__PURE__ */ React11.createElement("div", { style: {
+      width: "100%",
+      height: "100%",
+      flex: 1,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "12px",
+      padding: "20px",
+      boxSizing: "border-box",
+      backgroundColor: colorScales.teal["050"],
+      borderRadius: borderRadius.md
+    } }, /* @__PURE__ */ React11.createElement(PlaceholderRadar, { size: 220, name: (politician == null ? void 0 : politician.full_name) || "" }), /* @__PURE__ */ React11.createElement("p", { style: {
+      margin: 0,
+      fontSize: fontSizes.sm,
+      color: colors.textMuted,
+      textAlign: "center",
+      lineHeight: 1.4,
+      fontFamily: fonts.primary
+    } }, "Calibrate your compass to see how you align with ", (politician == null ? void 0 : politician.full_name) || "this official"), /* @__PURE__ */ React11.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: onBuildCompass || void 0,
+        onMouseEnter: () => setEmptyCtaHovered(true),
+        onMouseLeave: () => setEmptyCtaHovered(false),
+        style: {
+          minWidth: "180px",
+          height: "44px",
+          padding: "0 20px",
+          backgroundColor: emptyCtaHovered ? semanticTokens.light.buttonPrimary.background.hovered : semanticTokens.light.buttonPrimary.background.default,
+          color: colors.textWhite,
+          fontSize: fontSizes.sm,
+          fontWeight: fontWeights.semibold,
+          fontFamily: fonts.primary,
+          borderRadius: borderRadius.full,
+          border: "none",
+          cursor: onBuildCompass ? "pointer" : "default",
+          transition: `background ${duration.normal} ease`
+        }
+      },
+      "Calibrate your compass"
+    ));
+  }
+  function renderUnavailablePlate(message) {
+    return /* @__PURE__ */ React11.createElement("div", { style: {
+      width: "100%",
+      height: "100%",
+      flex: 1,
+      backgroundColor: colorScales.teal["050"],
+      borderRadius: borderRadius.md,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: spacing[6],
+      boxSizing: "border-box"
+    } }, /* @__PURE__ */ React11.createElement("p", { style: {
+      fontSize: fontSizes.base,
+      fontWeight: fontWeights.semibold,
+      lineHeight: 1.4,
+      color: colors.textMuted,
+      textAlign: "center",
+      margin: 0,
+      fontFamily: fonts.primary
+    } }, message));
+  }
+  function renderSlotContent() {
+    if (view === "portrait") return renderPortrait();
+    if (variant === "empty") return renderEmptyVariant();
+    if (variant === "administrative" || variant === "judicial") {
+      return renderUnavailablePlate("Compass currently unavailable for this role.");
+    }
+    if (variant === "no-stances") {
+      return renderUnavailablePlate(`No compass stances on file for ${(politician == null ? void 0 : politician.full_name) || "this official"} yet.`);
+    }
+    return renderCompass();
+  }
+  return /* @__PURE__ */ React11.createElement(
+    "div",
+    {
+      role: "article",
+      "aria-label": `${politician.full_name}, ${politician.office_title || ""}`,
+      tabIndex: 0,
+      style: cardStyle,
+      onClick,
+      onKeyDown: (e) => {
+        if (onClick && (e.key === "Enter" || e.key === " ")) {
+          e.preventDefault();
+          onClick();
+        }
+      },
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false)
+    },
+    /* @__PURE__ */ React11.createElement("div", { style: { padding: spacing[4], paddingBottom: spacing[3], display: "flex", alignItems: "stretch", gap: spacing[3], flexShrink: 0 } }, renderAvatar(), /* @__PURE__ */ React11.createElement("div", { style: { display: "flex", flexDirection: "column", gap: spacing[1], minWidth: 0, flex: 1 } }, /* @__PURE__ */ React11.createElement("p", { style: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.xl,
+      fontWeight: fontWeights.semibold,
+      lineHeight: 1.3,
+      color: colors.evMutedBlue,
+      margin: 0
+    } }, politician.full_name), /* @__PURE__ */ React11.createElement("p", { style: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.sm,
+      fontWeight: fontWeights.semibold,
+      lineHeight: 1.4,
+      color: colors.textSecondary,
+      margin: 0
+    } }, titleText || ""), politician.district_label && /* @__PURE__ */ React11.createElement("p", { style: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.sm,
+      fontWeight: fontWeights.regular,
+      lineHeight: 1.5,
+      color: colors.textMuted,
+      margin: 0,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    } }, politician.district_label), /* @__PURE__ */ React11.createElement("div", { style: { marginTop: "auto" } }, /* @__PURE__ */ React11.createElement(
+      IconOverlay,
+      {
+        ballot: politician.ballot || null,
+        hasStances: false,
+        branch: politician.branch || null
+      }
+    )))),
+    surface === "elections" && politician.withdrawn && /* @__PURE__ */ React11.createElement("div", { style: {
+      margin: `0 ${spacing[4]} ${spacing[3]}`,
+      backgroundColor: "rgba(120,0,0,0.85)",
+      color: "#fff",
+      fontSize: "12px",
+      fontWeight: 700,
+      letterSpacing: "0.4px",
+      textAlign: "center",
+      textTransform: "uppercase",
+      padding: "6px 0",
+      borderRadius: borderRadius.sm
+    } }, "Withdrawn"),
+    surface === "elections" && !politician.withdrawn && politician.running_unopposed && /* @__PURE__ */ React11.createElement("div", { style: {
+      margin: `0 ${spacing[4]} ${spacing[3]}`,
+      backgroundColor: "rgba(0,0,0,0.75)",
+      color: "#fff",
+      fontSize: "12px",
+      fontWeight: 700,
+      letterSpacing: "0.4px",
+      textAlign: "center",
+      textTransform: "uppercase",
+      padding: "6px 0",
+      borderRadius: borderRadius.sm
+    } }, "Running Unopposed"),
+    /* @__PURE__ */ React11.createElement("div", { style: {
+      flex: 1,
+      padding: spacing[4],
+      paddingTop: 0,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      position: "relative",
+      minHeight: 0
+    } }, renderSlotContent())
+  );
+}
+
+// src/CompassKey.jsx
+import React12, { useEffect as useEffect7, useState as useState7 } from "react";
+
+// src/evContext.js
+var DEFAULT_BROKER_URL = "https://ev-context.empowered.vote/";
+var brokerUrl = DEFAULT_BROKER_URL;
+var iframe = null;
+var readyPromise = null;
+var pendingRequests = /* @__PURE__ */ new Map();
+var subscribers = /* @__PURE__ */ new Set();
+var lastValue = null;
+var nextRequestId = 1;
+function brokerOrigin() {
+  try {
+    return new URL(brokerUrl).origin;
+  } catch {
+    return "";
+  }
+}
+function ensureMounted() {
+  if (typeof window === "undefined" || typeof document === "undefined") return null;
+  if (iframe) return iframe;
+  iframe = document.createElement("iframe");
+  iframe.src = brokerUrl;
+  iframe.setAttribute("aria-hidden", "true");
+  iframe.setAttribute("tabindex", "-1");
+  iframe.style.position = "absolute";
+  iframe.style.width = "1px";
+  iframe.style.height = "1px";
+  iframe.style.border = "0";
+  iframe.style.opacity = "0";
+  iframe.style.pointerEvents = "none";
+  iframe.style.top = "-9999px";
+  iframe.style.left = "-9999px";
+  window.addEventListener("message", onMessage);
+  (document.body || document.documentElement).appendChild(iframe);
+  readyPromise = new Promise((resolve) => {
+    const onReady = (e) => {
+      if (e.origin !== brokerOrigin()) return;
+      if (!e.data || e.data.type !== "ev-context:ready") return;
+      window.removeEventListener("message", onReady);
+      resolve();
+    };
+    window.addEventListener("message", onReady);
+    iframe.addEventListener("load", () => {
+      setTimeout(() => resolve(), 50);
+    });
+  });
+  return iframe;
+}
+function onMessage(event) {
+  var _a, _b, _c;
+  if (event.origin !== brokerOrigin()) return;
+  const data = event.data;
+  if (!data || typeof data !== "object") return;
+  if (data.type === "ev-context:value" || data.type === "ev-context:ack") {
+    const id = data.requestId;
+    if (id && pendingRequests.has(id)) {
+      const { resolve, timeout } = pendingRequests.get(id);
+      clearTimeout(timeout);
+      pendingRequests.delete(id);
+      resolve(data.type === "ev-context:value" ? (_a = data.value) != null ? _a : null : data.ok);
+    }
+    if (data.type === "ev-context:value") {
+      lastValue = (_b = data.value) != null ? _b : null;
+      notifySubscribers();
+    }
+  } else if (data.type === "ev-context:update") {
+    lastValue = (_c = data.value) != null ? _c : null;
+    notifySubscribers();
+  }
+}
+function notifySubscribers() {
+  for (const fn of subscribers) {
+    try {
+      fn(lastValue);
+    } catch {
+    }
+  }
+}
+function send(message, { expectReply = true, timeoutMs = 4e3 } = {}) {
+  ensureMounted();
+  return readyPromise.then(() => new Promise((resolve, reject) => {
+    if (!iframe || !iframe.contentWindow) {
+      reject(new Error("evContext broker iframe not ready"));
+      return;
+    }
+    const requestId = expectReply ? `req-${nextRequestId++}` : void 0;
+    if (expectReply) {
+      const timeout = setTimeout(() => {
+        pendingRequests.delete(requestId);
+        reject(new Error("evContext request timed out"));
+      }, timeoutMs);
+      pendingRequests.set(requestId, { resolve, reject, timeout });
+    }
+    try {
+      iframe.contentWindow.postMessage({ ...message, requestId }, brokerOrigin());
+      if (!expectReply) resolve(true);
+    } catch (err) {
+      if (expectReply) {
+        const entry = pendingRequests.get(requestId);
+        if (entry) {
+          clearTimeout(entry.timeout);
+          pendingRequests.delete(requestId);
+        }
+      }
+      reject(err);
+    }
+  }));
+}
+var evContext = {
+  /**
+   * Override the broker URL. Call once at app startup before any get/set.
+   * Defaults to https://ev-context.empowered.vote/ for prod.
+   */
+  configure({ brokerUrl: url } = {}) {
+    if (url) brokerUrl = url;
+  },
+  /** Mount the iframe immediately (optional — get/set will mount lazily). */
+  preload() {
+    ensureMounted();
+    return readyPromise;
+  },
+  /** Read the current shared context. Resolves to the stored value or null. */
+  async get() {
+    return send({ type: "ev-context:get" });
+  },
+  /** Overwrite the shared context. */
+  async set(value) {
+    return send({ type: "ev-context:set", value });
+  },
+  /** Clear the shared context. */
+  async clear() {
+    return send({ type: "ev-context:clear" });
+  },
+  /**
+   * Subscribe to live updates. Fires when this tab or any other tab
+   * (any subdomain) writes to the store. Returns an unsubscribe function.
+   */
+  subscribe(fn) {
+    subscribers.add(fn);
+    send({ type: "ev-context:subscribe" }).then((value) => {
+      lastValue = value != null ? value : lastValue;
+      try {
+        fn(lastValue);
+      } catch {
+      }
+    }).catch(() => {
+    });
+    return () => {
+      subscribers.delete(fn);
+    };
+  }
+};
+
+// src/CompassKey.jsx
+function CompassKey({ compact = false } = {}) {
+  const [dismissed, setDismissed] = useState7(false);
+  const [loaded, setLoaded] = useState7(false);
+  useEffect7(() => {
+    let cancelled = false;
+    evContext.get().then((shared) => {
+      if (cancelled) return;
+      setDismissed(Boolean(shared == null ? void 0 : shared.compassKeyDismissed));
+      setLoaded(true);
+    }).catch(() => {
+      if (!cancelled) setLoaded(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  function persistDismissed(value) {
+    evContext.get().then((current) => {
+      const next = { ...current || {}, compassKeyDismissed: value };
+      evContext.set(next).catch(() => {
+      });
+    }).catch(() => {
+    });
+  }
+  function handleDismiss() {
+    setDismissed(true);
+    persistDismissed(true);
+  }
+  function handleReopen() {
+    setDismissed(false);
+    persistDismissed(false);
+  }
+  if (!loaded) return null;
+  const Swatch = ({ color, label, ring }) => /* @__PURE__ */ React12.createElement("span", { style: { display: "inline-flex", alignItems: "center", gap: spacing[1] } }, /* @__PURE__ */ React12.createElement("span", { style: {
+    display: "inline-block",
+    width: 12,
+    height: 12,
+    borderRadius: "50%",
+    background: color,
+    border: `2px solid ${ring || "#fff"}`,
+    boxShadow: "0 0 0 1px rgba(0,0,0,0.08)"
+  } }), /* @__PURE__ */ React12.createElement("span", { style: { fontSize: fontSizes.xs, color: colors.textSecondary, fontFamily: fonts.primary } }, label));
+  if (dismissed) {
+    return /* @__PURE__ */ React12.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleReopen,
+        "aria-label": "Show compass legend",
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: spacing[1],
+          padding: "4px 10px",
+          borderRadius: borderRadius.full,
+          background: "transparent",
+          border: `1px solid ${colors.borderLight}`,
+          color: colors.textMuted,
+          fontFamily: fonts.primary,
+          fontSize: fontSizes.xs,
+          fontWeight: fontWeights.semibold,
+          cursor: "pointer"
+        }
+      },
+      /* @__PURE__ */ React12.createElement("span", { "aria-hidden": "true" }, "?"),
+      " Compass key"
+    );
+  }
+  return /* @__PURE__ */ React12.createElement(
+    "div",
+    {
+      role: "region",
+      "aria-label": "Compass legend",
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        flexWrap: "wrap",
+        gap: compact ? spacing[2] : spacing[3],
+        padding: compact ? `${spacing[1]} ${spacing[2]}` : `${spacing[2]} ${spacing[3]}`,
+        background: "#fff",
+        border: `1px solid ${colors.borderLight}`,
+        borderRadius: borderRadius.md,
+        fontFamily: fonts.primary,
+        maxWidth: "100%",
+        boxSizing: "border-box"
+      }
+    },
+    !compact && /* @__PURE__ */ React12.createElement("span", { style: {
+      fontSize: fontSizes.xs,
+      fontWeight: fontWeights.semibold,
+      color: colors.textMuted,
+      textTransform: "uppercase",
+      letterSpacing: "0.5px"
+    } }, "Compass key"),
+    /* @__PURE__ */ React12.createElement(Swatch, { color: "#7C6B9E", label: "You" }),
+    /* @__PURE__ */ React12.createElement(Swatch, { color: "#5A9A6E", label: "Politician" }),
+    /* @__PURE__ */ React12.createElement(Swatch, { color: "#fed12e", label: "Match" }),
+    /* @__PURE__ */ React12.createElement("span", { style: { display: "inline-flex", alignItems: "center", gap: spacing[1] } }, /* @__PURE__ */ React12.createElement("span", { style: {
+      fontSize: fontSizes.xs,
+      fontWeight: fontWeights.semibold,
+      color: "#9ca3af",
+      fontFamily: fonts.primary,
+      textDecoration: "underline",
+      textDecorationStyle: "dashed",
+      textUnderlineOffset: "3px"
+    } }, "Topic"), /* @__PURE__ */ React12.createElement("span", { style: { fontSize: fontSizes.xs, color: colors.textSecondary, fontFamily: fonts.primary } }, "= no stance")),
+    /* @__PURE__ */ React12.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleDismiss,
+        "aria-label": "Hide compass legend",
+        style: {
+          marginLeft: spacing[2],
+          padding: "2px 6px",
+          border: "none",
+          background: "transparent",
+          color: colors.textMuted,
+          fontSize: "16px",
+          lineHeight: 1,
+          cursor: "pointer"
+        }
+      },
+      "\xD7"
+    )
+  );
+}
+
 // src/CategorySection.jsx
-import React11, { useState as useState6 } from "react";
+import React13, { useState as useState8 } from "react";
 function CategorySection({
   title,
   infoTooltip,
@@ -2377,7 +3049,7 @@ function CategorySection({
   tier
 }) {
   var _a, _b;
-  const [showTooltip, setShowTooltip] = useState6(false);
+  const [showTooltip, setShowTooltip] = useState8(false);
   const tierStyle = tier ? tierColors[tier] : null;
   const styles2 = {
     section: {
@@ -2445,7 +3117,7 @@ function CategorySection({
       gap: spacing[4]
     }
   };
-  return /* @__PURE__ */ React11.createElement("section", { style: styles2.section, className: "ev-category-section" }, /* @__PURE__ */ React11.createElement("div", { style: styles2.header }, /* @__PURE__ */ React11.createElement("span", { style: styles2.titlePill }, title), infoTooltip && /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React13.createElement("section", { style: styles2.section, className: "ev-category-section" }, /* @__PURE__ */ React13.createElement("div", { style: styles2.header }, /* @__PURE__ */ React13.createElement("span", { style: styles2.titlePill }, title), infoTooltip && /* @__PURE__ */ React13.createElement(
     "button",
     {
       type: "button",
@@ -2457,8 +3129,8 @@ function CategorySection({
       "aria-label": `Info about ${title}`
     },
     "i",
-    showTooltip && /* @__PURE__ */ React11.createElement("div", { style: styles2.tooltip, role: "tooltip" }, infoTooltip)
-  ), websiteUrl && /* @__PURE__ */ React11.createElement(
+    showTooltip && /* @__PURE__ */ React13.createElement("div", { style: styles2.tooltip, role: "tooltip" }, infoTooltip)
+  ), websiteUrl && /* @__PURE__ */ React13.createElement(
     "a",
     {
       href: websiteUrl,
@@ -2467,7 +3139,7 @@ function CategorySection({
       style: styles2.externalLink,
       "aria-label": `Visit official website for ${title}`
     },
-    /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React13.createElement(
       "svg",
       {
         viewBox: "0 0 24 24",
@@ -2475,7 +3147,7 @@ function CategorySection({
         xmlns: "http://www.w3.org/2000/svg",
         style: { width: "14px", height: "14px" }
       },
-      /* @__PURE__ */ React11.createElement(
+      /* @__PURE__ */ React13.createElement(
         "path",
         {
           d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14",
@@ -2486,12 +3158,12 @@ function CategorySection({
         }
       )
     )
-  )), /* @__PURE__ */ React11.createElement("div", { style: styles2.grid, className: "ev-category-grid" }, children));
+  )), /* @__PURE__ */ React13.createElement("div", { style: styles2.grid, className: "ev-category-grid" }, children));
 }
 
 // src/SubGroupSection.jsx
-import React12 from "react";
-function SubGroupSection({ title, websiteUrl, children }) {
+import React14 from "react";
+function SubGroupSection({ title, websiteUrl, children, gridTemplateColumns, gap, justifyContent }) {
   const styles2 = {
     section: {
       marginBottom: spacing[4]
@@ -2519,11 +3191,13 @@ function SubGroupSection({ title, websiteUrl, children }) {
     },
     grid: {
       display: "grid",
-      gridTemplateColumns: "repeat(auto-fill, minmax(min(250px, 100%), 1fr))",
-      gap: spacing[2]
+      gridTemplateColumns: gridTemplateColumns || "repeat(auto-fill, minmax(min(250px, 100%), 1fr))",
+      gap: gap || spacing[2],
+      justifyContent: justifyContent || void 0,
+      width: "100%"
     }
   };
-  return /* @__PURE__ */ React12.createElement("div", { style: styles2.section }, title && /* @__PURE__ */ React12.createElement("div", { style: styles2.header }, /* @__PURE__ */ React12.createElement("span", { style: styles2.label }, title), websiteUrl && /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React14.createElement("div", { style: styles2.section }, title && /* @__PURE__ */ React14.createElement("div", { style: styles2.header }, /* @__PURE__ */ React14.createElement("span", { style: styles2.label }, title), websiteUrl && /* @__PURE__ */ React14.createElement(
     "a",
     {
       href: websiteUrl,
@@ -2531,12 +3205,12 @@ function SubGroupSection({ title, websiteUrl, children }) {
       rel: "noopener noreferrer",
       style: styles2.link
     },
-    /* @__PURE__ */ React12.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: "12px", height: "12px" } }, /* @__PURE__ */ React12.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React12.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z", stroke: "currentColor", strokeWidth: "2" }))
-  )), /* @__PURE__ */ React12.createElement("div", { style: styles2.grid, className: "ev-subgroup-grid" }, children));
+    /* @__PURE__ */ React14.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: "12px", height: "12px" } }, /* @__PURE__ */ React14.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React14.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z", stroke: "currentColor", strokeWidth: "2" }))
+  )), /* @__PURE__ */ React14.createElement("div", { style: styles2.grid, className: "ev-subgroup-grid" }, children));
 }
 
 // src/GovernmentBodySection.jsx
-import React13, { useState as useState7 } from "react";
+import React15, { useState as useState9 } from "react";
 function GovernmentBodySection({
   title,
   websiteUrl,
@@ -2545,7 +3219,7 @@ function GovernmentBodySection({
   children
 }) {
   var _a;
-  const [expanded, setExpanded] = useState7(defaultExpanded);
+  const [expanded, setExpanded] = useState9(defaultExpanded);
   const tierStyle = tier ? tierColors[tier] : null;
   const accentColor = (_a = tierStyle == null ? void 0 : tierStyle.accent) != null ? _a : colors.borderMedium;
   const styles2 = {
@@ -2585,7 +3259,7 @@ function GovernmentBodySection({
       display: expanded ? "block" : "none"
     }
   };
-  return /* @__PURE__ */ React13.createElement("section", { style: styles2.section, className: "ev-gov-body-section" }, /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React15.createElement("section", { style: styles2.section, className: "ev-gov-body-section" }, /* @__PURE__ */ React15.createElement(
     "div",
     {
       style: styles2.header,
@@ -2601,8 +3275,8 @@ function GovernmentBodySection({
       "aria-expanded": expanded,
       "aria-label": `${expanded ? "Collapse" : "Expand"} ${title}`
     },
-    /* @__PURE__ */ React13.createElement("span", { style: styles2.title }, title),
-    websiteUrl && /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React15.createElement("span", { style: styles2.title }, title),
+    websiteUrl && /* @__PURE__ */ React15.createElement(
       "a",
       {
         href: websiteUrl,
@@ -2612,14 +3286,14 @@ function GovernmentBodySection({
         onClick: (e) => e.stopPropagation(),
         "aria-label": `Visit ${title} website`
       },
-      /* @__PURE__ */ React13.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: "14px", height: "14px" } }, /* @__PURE__ */ React13.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React13.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z", stroke: "currentColor", strokeWidth: "2" }))
+      /* @__PURE__ */ React15.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: "14px", height: "14px" } }, /* @__PURE__ */ React15.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React15.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z", stroke: "currentColor", strokeWidth: "2" }))
     ),
-    /* @__PURE__ */ React13.createElement("span", { style: styles2.toggle, "aria-hidden": "true" }, "\u25BC")
-  ), /* @__PURE__ */ React13.createElement("div", { style: styles2.content }, children));
+    /* @__PURE__ */ React15.createElement("span", { style: styles2.toggle, "aria-hidden": "true" }, "\u25BC")
+  ), /* @__PURE__ */ React15.createElement("div", { style: styles2.content }, children));
 }
 
 // src/SocialLinks.jsx
-import React14 from "react";
+import React16 from "react";
 var SOCIAL_PLATFORMS = [
   { test: /facebook\.com/i, platform: "facebook" },
   { test: /twitter\.com|x\.com/i, platform: "twitter" },
@@ -2690,7 +3364,7 @@ function SocialLinks({
     }
   };
   const platformIconMap = {
-    twitter: /* @__PURE__ */ React14.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React14.createElement(
+    twitter: /* @__PURE__ */ React16.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React16.createElement(
       "path",
       {
         d: "M4 4L10.5 12.5M20 20L13.5 11.5M10.5 12.5L4 20H8L13.5 11.5M10.5 12.5L16 4H20L13.5 11.5",
@@ -2700,7 +3374,7 @@ function SocialLinks({
         strokeLinejoin: "round"
       }
     )),
-    facebook: /* @__PURE__ */ React14.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React14.createElement(
+    facebook: /* @__PURE__ */ React16.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React16.createElement(
       "path",
       {
         d: "M18 2H15C13.6739 2 12.4021 2.52678 11.4645 3.46447C10.5268 4.40215 10 5.67392 10 7V10H7V14H10V22H14V14H17L18 10H14V7C14 6.73478 14.1054 6.48043 14.2929 6.29289C14.4804 6.10536 14.7348 6 15 6H18V2Z",
@@ -2710,8 +3384,8 @@ function SocialLinks({
         strokeLinejoin: "round"
       }
     )),
-    instagram: /* @__PURE__ */ React14.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React14.createElement("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React14.createElement("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React14.createElement("circle", { cx: "18", cy: "6", r: "1", fill: "currentColor" })),
-    linkedin: /* @__PURE__ */ React14.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React14.createElement(
+    instagram: /* @__PURE__ */ React16.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React16.createElement("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React16.createElement("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React16.createElement("circle", { cx: "18", cy: "6", r: "1", fill: "currentColor" })),
+    linkedin: /* @__PURE__ */ React16.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React16.createElement(
       "path",
       {
         d: "M16 8C17.5913 8 19.1174 8.63214 20.2426 9.75736C21.3679 10.8826 22 12.4087 22 14V21H18V14C18 13.4696 17.7893 12.9609 17.4142 12.5858C17.0391 12.2107 16.5304 12 16 12C15.4696 12 14.9609 12.2107 14.5858 12.5858C14.2107 12.9609 14 13.4696 14 14V21H10V14C10 12.4087 10.6321 10.8826 11.7574 9.75736C12.8826 8.63214 14.4087 8 16 8Z",
@@ -2720,8 +3394,8 @@ function SocialLinks({
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React14.createElement("rect", { x: "2", y: "9", width: "4", height: "12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React14.createElement("circle", { cx: "4", cy: "4", r: "2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })),
-    youtube: /* @__PURE__ */ React14.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React14.createElement("rect", { x: "2", y: "5", width: "20", height: "14", rx: "3", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React14.createElement("polygon", { points: "10,9 16,12 10,15", fill: "currentColor" }))
+    ), /* @__PURE__ */ React16.createElement("rect", { x: "2", y: "9", width: "4", height: "12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React16.createElement("circle", { cx: "4", cy: "4", r: "2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })),
+    youtube: /* @__PURE__ */ React16.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React16.createElement("rect", { x: "2", y: "5", width: "20", height: "14", rx: "3", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React16.createElement("polygon", { points: "10,9 16,12 10,15", fill: "currentColor" }))
   };
   const links = [
     {
@@ -2747,7 +3421,7 @@ function SocialLinks({
     {
       href: website,
       label: "Website",
-      icon: /* @__PURE__ */ React14.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React14.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React14.createElement(
+      icon: /* @__PURE__ */ React16.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React16.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React16.createElement(
         "path",
         {
           d: "M2 12H22M12 2C14.5 4.5 16 8 16 12C16 16 14.5 19.5 12 22C9.5 19.5 8 16 8 12C8 8 9.5 4.5 12 2Z",
@@ -2777,7 +3451,7 @@ function SocialLinks({
   if (links.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React14.createElement("div", { style: styles2.container, className: "ev-social-links" }, links.map((link) => /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React16.createElement("div", { style: styles2.container, className: "ev-social-links" }, links.map((link) => /* @__PURE__ */ React16.createElement(
     "a",
     {
       key: link.label,
@@ -2800,7 +3474,7 @@ function SocialLinks({
 }
 
 // src/IssueTags.jsx
-import React15 from "react";
+import React17 from "react";
 function IssueTags({
   tags = [],
   selectedTags = [],
@@ -2843,9 +3517,9 @@ function IssueTags({
       onTagClick(tag.value);
     }
   };
-  return /* @__PURE__ */ React15.createElement("div", { style: styles2.container, className: "ev-issue-tags", role: "list" }, tags.map((tag) => {
+  return /* @__PURE__ */ React17.createElement("div", { style: styles2.container, className: "ev-issue-tags", role: "list" }, tags.map((tag) => {
     const isSelected = selectedTags.includes(tag.value);
-    return /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React17.createElement(
       "span",
       {
         key: tag.value,
@@ -2874,7 +3548,7 @@ function IssueTags({
 }
 
 // src/CommitteeTable.jsx
-import React16, { useState as useState8 } from "react";
+import React18, { useState as useState10 } from "react";
 var ROLE_ORDER = {
   "chair": 0,
   "co-chair": 1,
@@ -2901,7 +3575,7 @@ function CommitteeTable({
   maxVisible = 6,
   style = {}
 }) {
-  const [showAll, setShowAll] = useState8(false);
+  const [showAll, setShowAll] = useState10(false);
   if (committees.length === 0) {
     return null;
   }
@@ -2963,7 +3637,7 @@ function CommitteeTable({
       cursor: "pointer"
     }
   };
-  return /* @__PURE__ */ React16.createElement("div", { style: styles2.container, className: "ev-committee-table" }, /* @__PURE__ */ React16.createElement("h4", { style: styles2.heading }, /* @__PURE__ */ React16.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React16.createElement("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" }), /* @__PURE__ */ React16.createElement("circle", { cx: "9", cy: "7", r: "4" }), /* @__PURE__ */ React16.createElement("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75" })), title), /* @__PURE__ */ React16.createElement("table", { style: styles2.table }, /* @__PURE__ */ React16.createElement("tbody", null, visible.map((committee, index) => /* @__PURE__ */ React16.createElement("tr", { key: index, style: styles2.row }, /* @__PURE__ */ React16.createElement("td", { style: { ...styles2.cell, ...styles2.nameCell } }, committee.url ? /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React18.createElement("div", { style: styles2.container, className: "ev-committee-table" }, /* @__PURE__ */ React18.createElement("h4", { style: styles2.heading }, /* @__PURE__ */ React18.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React18.createElement("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" }), /* @__PURE__ */ React18.createElement("circle", { cx: "9", cy: "7", r: "4" }), /* @__PURE__ */ React18.createElement("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75" })), title), /* @__PURE__ */ React18.createElement("table", { style: styles2.table }, /* @__PURE__ */ React18.createElement("tbody", null, visible.map((committee, index) => /* @__PURE__ */ React18.createElement("tr", { key: index, style: styles2.row }, /* @__PURE__ */ React18.createElement("td", { style: { ...styles2.cell, ...styles2.nameCell } }, committee.url ? /* @__PURE__ */ React18.createElement(
     "a",
     {
       href: committee.url,
@@ -2978,7 +3652,7 @@ function CommitteeTable({
       }
     },
     committee.name
-  ) : committee.name), /* @__PURE__ */ React16.createElement("td", { style: { ...styles2.cell, ...styles2.positionCell } }, formatPosition(committee.position)))))), hasMore && /* @__PURE__ */ React16.createElement(
+  ) : committee.name), /* @__PURE__ */ React18.createElement("td", { style: { ...styles2.cell, ...styles2.positionCell } }, formatPosition(committee.position)))))), hasMore && /* @__PURE__ */ React18.createElement(
     "button",
     {
       type: "button",
@@ -2986,7 +3660,7 @@ function CommitteeTable({
       onClick: () => setShowAll(!showAll)
     },
     showAll ? "Show less" : `Show all ${sorted.length} committees`,
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React18.createElement(
       "svg",
       {
         width: "14",
@@ -2999,16 +3673,16 @@ function CommitteeTable({
         strokeLinejoin: "round",
         style: { transform: showAll ? "rotate(180deg)" : "none", transition: "transform 0.2s" }
       },
-      /* @__PURE__ */ React16.createElement("polyline", { points: "6 9 12 15 18 9" })
+      /* @__PURE__ */ React18.createElement("polyline", { points: "6 9 12 15 18 9" })
     )
   ));
 }
 
 // src/PoliticianProfile.jsx
-import React19, { useState as useState9, useEffect as useEffect6 } from "react";
+import React21, { useState as useState11, useEffect as useEffect8 } from "react";
 
 // src/LegislativeInlineSummary.jsx
-import React17 from "react";
+import React19 from "react";
 function normalizePosition(pos) {
   if (!pos) return "";
   return pos.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
@@ -3116,7 +3790,7 @@ function LegislativeInlineSummary({ summary, politicianId, onNavigateToRecord })
     fontSize: fontSizes.sm,
     fontWeight: fontWeights.medium
   };
-  return /* @__PURE__ */ React17.createElement("div", { style: card }, stats.length > 0 && /* @__PURE__ */ React17.createElement("div", { style: statsRow }, stats.map((s, i) => /* @__PURE__ */ React17.createElement("div", { key: i, style: statItem }, /* @__PURE__ */ React17.createElement("span", { style: statValue }, s.value), s.label && /* @__PURE__ */ React17.createElement("span", { style: statLabel }, s.label)))), mostRecentAction && /* @__PURE__ */ React17.createElement("div", { style: actionLine, title: mostRecentAction }, mostRecentAction), /* @__PURE__ */ React17.createElement("div", null), /* @__PURE__ */ React17.createElement("div", { style: footerRow }, /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { style: card }, stats.length > 0 && /* @__PURE__ */ React19.createElement("div", { style: statsRow }, stats.map((s, i) => /* @__PURE__ */ React19.createElement("div", { key: i, style: statItem }, /* @__PURE__ */ React19.createElement("span", { style: statValue }, s.value), s.label && /* @__PURE__ */ React19.createElement("span", { style: statLabel }, s.label)))), mostRecentAction && /* @__PURE__ */ React19.createElement("div", { style: actionLine, title: mostRecentAction }, mostRecentAction), /* @__PURE__ */ React19.createElement("div", null), /* @__PURE__ */ React19.createElement("div", { style: footerRow }, /* @__PURE__ */ React19.createElement(
     "button",
     {
       onClick: () => {
@@ -3141,12 +3815,12 @@ function LegislativeInlineSummary({ summary, politicianId, onNavigateToRecord })
       }
     },
     "View Full Legislative Record",
-    /* @__PURE__ */ React17.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React17.createElement("path", { d: "M9 18l6-6-6-6" }))
+    /* @__PURE__ */ React19.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React19.createElement("path", { d: "M9 18l6-6-6-6" }))
   )));
 }
 
 // src/JudicialScorecard.jsx
-import React18 from "react";
+import React20 from "react";
 
 // src/judicialUtils.js
 function formatDate(dateStr) {
@@ -3264,7 +3938,7 @@ function JudicialScorecard({ judicialRecord, politicianId, onNavigateToRecord })
       onNavigateToRecord(`/politician/${politicianId}/judicial-record`);
     }
   };
-  return /* @__PURE__ */ React18.createElement("section", { style: sectionStyle }, /* @__PURE__ */ React18.createElement("h3", { style: headingStyle }, "Judicial Record"), evaluations.length > 0 && /* @__PURE__ */ React18.createElement("div", { style: { marginBottom: "16px" } }, evaluations.slice(0, 3).map((ev, i) => /* @__PURE__ */ React18.createElement("span", { key: i, style: evalChipStyle }, ev.rating, /* @__PURE__ */ React18.createElement("span", { style: { fontWeight: 400, color: "#4a90a4", fontSize: "11px" } }, "\u2014 ", ev.source)))), metrics.length > 0 && /* @__PURE__ */ React18.createElement("div", { style: cardGridStyle }, metrics.slice(0, 4).map((m, i) => /* @__PURE__ */ React18.createElement("div", { key: i, style: metricCardStyle }, /* @__PURE__ */ React18.createElement("div", { style: metricLabelStyle }, METRIC_LABELS[m.metric_type] || m.metric_type.replace(/_/g, " ")), /* @__PURE__ */ React18.createElement("div", { style: metricValueStyle }, formatMetricValue(m.metric_type, m.value)), m.context_label && /* @__PURE__ */ React18.createElement("div", { style: metricContextStyle }, m.context_label)))), disciplinary.length > 0 && /* @__PURE__ */ React18.createElement("div", { style: { marginBottom: "12px" } }, disciplinary.slice(0, 2).map((d, i) => /* @__PURE__ */ React18.createElement("div", { key: i, style: disciplinaryStyle }, /* @__PURE__ */ React18.createElement("strong", null, d.record_type), " \u2014 ", formatDate(d.record_date), d.description && /* @__PURE__ */ React18.createElement("div", { style: { marginTop: "4px" } }, d.description)))), /* @__PURE__ */ React18.createElement("a", { href: `/politician/${politicianId}/judicial-record`, onClick: handleNavigate, style: linkStyle }, "View Full Judicial Record \u2192"));
+  return /* @__PURE__ */ React20.createElement("section", { style: sectionStyle }, /* @__PURE__ */ React20.createElement("h3", { style: headingStyle }, "Judicial Record"), evaluations.length > 0 && /* @__PURE__ */ React20.createElement("div", { style: { marginBottom: "16px" } }, evaluations.slice(0, 3).map((ev, i) => /* @__PURE__ */ React20.createElement("span", { key: i, style: evalChipStyle }, ev.rating, /* @__PURE__ */ React20.createElement("span", { style: { fontWeight: 400, color: "#4a90a4", fontSize: "11px" } }, "\u2014 ", ev.source)))), metrics.length > 0 && /* @__PURE__ */ React20.createElement("div", { style: cardGridStyle }, metrics.slice(0, 4).map((m, i) => /* @__PURE__ */ React20.createElement("div", { key: i, style: metricCardStyle }, /* @__PURE__ */ React20.createElement("div", { style: metricLabelStyle }, METRIC_LABELS[m.metric_type] || m.metric_type.replace(/_/g, " ")), /* @__PURE__ */ React20.createElement("div", { style: metricValueStyle }, formatMetricValue(m.metric_type, m.value)), m.context_label && /* @__PURE__ */ React20.createElement("div", { style: metricContextStyle }, m.context_label)))), disciplinary.length > 0 && /* @__PURE__ */ React20.createElement("div", { style: { marginBottom: "12px" } }, disciplinary.slice(0, 2).map((d, i) => /* @__PURE__ */ React20.createElement("div", { key: i, style: disciplinaryStyle }, /* @__PURE__ */ React20.createElement("strong", null, d.record_type), " \u2014 ", formatDate(d.record_date), d.description && /* @__PURE__ */ React20.createElement("div", { style: { marginTop: "4px" } }, d.description)))), /* @__PURE__ */ React20.createElement("a", { href: `/politician/${politicianId}/judicial-record`, onClick: handleNavigate, style: linkStyle }, "View Full Judicial Record \u2192"));
 }
 
 // src/PoliticianProfile.jsx
@@ -3415,13 +4089,13 @@ function formatAddress(addr) {
   if (cityStateZip) lines.push(cityStateZip);
   return lines;
 }
-var CalendarIcon = ({ size = 16 }) => /* @__PURE__ */ React19.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), /* @__PURE__ */ React19.createElement("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), /* @__PURE__ */ React19.createElement("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), /* @__PURE__ */ React19.createElement("line", { x1: "3", y1: "10", x2: "21", y2: "10" }));
-var ClockIcon = ({ size = 16 }) => /* @__PURE__ */ React19.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React19.createElement("polyline", { points: "12 6 12 12 16 14" }));
-var MapPinIcon = ({ size = 16 }) => /* @__PURE__ */ React19.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" }), /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "10", r: "3" }));
-var PhoneIcon = ({ size = 16 }) => /* @__PURE__ */ React19.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 10.8 19.79 19.79 0 01.07 2.18 2 2 0 012.02 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z" }));
-var MailIcon = ({ size = 16 }) => /* @__PURE__ */ React19.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("path", { d: "M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z" }), /* @__PURE__ */ React19.createElement("path", { d: "M22 6L12 13L2 6" }));
-var GlobeIcon = ({ size = 16 }) => /* @__PURE__ */ React19.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React19.createElement("path", { d: "M2 12H22M12 2C14.5 4.5 16 8 16 12C16 16 14.5 19.5 12 22C9.5 19.5 8 16 8 12C8 8 9.5 4.5 12 2Z" }));
-var ExternalLinkIcon = ({ size = 16 }) => /* @__PURE__ */ React19.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }), /* @__PURE__ */ React19.createElement("polyline", { points: "15 3 21 3 21 9" }), /* @__PURE__ */ React19.createElement("line", { x1: "10", y1: "14", x2: "21", y2: "3" }));
+var CalendarIcon = ({ size = 16 }) => /* @__PURE__ */ React21.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React21.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), /* @__PURE__ */ React21.createElement("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), /* @__PURE__ */ React21.createElement("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), /* @__PURE__ */ React21.createElement("line", { x1: "3", y1: "10", x2: "21", y2: "10" }));
+var ClockIcon = ({ size = 16 }) => /* @__PURE__ */ React21.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React21.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React21.createElement("polyline", { points: "12 6 12 12 16 14" }));
+var MapPinIcon = ({ size = 16 }) => /* @__PURE__ */ React21.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React21.createElement("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" }), /* @__PURE__ */ React21.createElement("circle", { cx: "12", cy: "10", r: "3" }));
+var PhoneIcon = ({ size = 16 }) => /* @__PURE__ */ React21.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React21.createElement("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 10.8 19.79 19.79 0 01.07 2.18 2 2 0 012.02 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z" }));
+var MailIcon = ({ size = 16 }) => /* @__PURE__ */ React21.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React21.createElement("path", { d: "M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z" }), /* @__PURE__ */ React21.createElement("path", { d: "M22 6L12 13L2 6" }));
+var GlobeIcon = ({ size = 16 }) => /* @__PURE__ */ React21.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React21.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React21.createElement("path", { d: "M2 12H22M12 2C14.5 4.5 16 8 16 12C16 16 14.5 19.5 12 22C9.5 19.5 8 16 8 12C8 8 9.5 4.5 12 2Z" }));
+var ExternalLinkIcon = ({ size = 16 }) => /* @__PURE__ */ React21.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React21.createElement("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }), /* @__PURE__ */ React21.createElement("polyline", { points: "15 3 21 3 21 9" }), /* @__PURE__ */ React21.createElement("line", { x1: "10", y1: "14", x2: "21", y2: "3" }));
 function PoliticianProfile({
   politician = {},
   onBack,
@@ -3448,8 +4122,8 @@ function PoliticianProfile({
     return pol.photo_origin_url;
   })();
   const initials = [pol.first_name, pol.last_name].filter(Boolean).map((n) => n[0]).join("");
-  const [imgError, setImgError] = useState9(false);
-  useEffect6(() => {
+  const [imgError, setImgError] = useState11(false);
+  useEffect8(() => {
     setImgError(false);
   }, [profileImageUrl]);
   const getSocialHandle = (type) => {
@@ -3749,7 +4423,7 @@ function PoliticianProfile({
       borderRadius: borderRadius.full
     }
   };
-  return /* @__PURE__ */ React19.createElement("div", { style: styles2.container, className: "ev-politician-profile" }, onBack && /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React21.createElement("div", { style: styles2.container, className: "ev-politician-profile" }, onBack && /* @__PURE__ */ React21.createElement(
     "button",
     {
       type: "button",
@@ -3762,9 +4436,9 @@ function PoliticianProfile({
         e.currentTarget.style.textDecoration = "none";
       }
     },
-    /* @__PURE__ */ React19.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("path", { d: "M15 19l-7-7 7-7" })),
+    /* @__PURE__ */ React21.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React21.createElement("path", { d: "M15 19l-7-7 7-7" })),
     label
-  ), /* @__PURE__ */ React19.createElement("div", { style: styles2.card }, /* @__PURE__ */ React19.createElement("div", { style: styles2.heroRow }, /* @__PURE__ */ React19.createElement("div", { style: styles2.photoWrap }, profileImageUrl && !imgError ? /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React21.createElement("div", { style: styles2.card }, /* @__PURE__ */ React21.createElement("div", { style: styles2.heroRow }, /* @__PURE__ */ React21.createElement("div", { style: styles2.photoWrap }, profileImageUrl && !imgError ? /* @__PURE__ */ React21.createElement(
     "img",
     {
       src: profileImageUrl,
@@ -3772,7 +4446,7 @@ function PoliticianProfile({
       style: styles2.photo,
       onError: () => setImgError(true)
     }
-  ) : /* @__PURE__ */ React19.createElement("div", { style: styles2.placeholder }, initials || "?")), /* @__PURE__ */ React19.createElement("div", { style: styles2.infoCol }, styles2.tierBadge && /* @__PURE__ */ React19.createElement("div", { style: styles2.tierBadge }, tier), /* @__PURE__ */ React19.createElement("h1", { style: styles2.name }, displayName), banner, /* @__PURE__ */ React19.createElement("p", { style: styles2.roleLine }, roleLine), pol.office_description && /* @__PURE__ */ React19.createElement("p", { style: styles2.officeDesc }, pol.office_description), pol.bio_text && /* @__PURE__ */ React19.createElement("p", { style: styles2.bioText }, pol.bio_text), (termLine || pol.total_years_in_office > 0) && /* @__PURE__ */ React19.createElement("div", { style: styles2.metaRow }, termLine && /* @__PURE__ */ React19.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ React19.createElement(CalendarIcon, { size: 14 }), termLine), pol.total_years_in_office > 0 && /* @__PURE__ */ React19.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ React19.createElement(ClockIcon, { size: 14 }), pol.total_years_in_office, " ", pol.total_years_in_office === 1 ? "year" : "years", " in office")), pol.web_form_url && /* @__PURE__ */ React19.createElement(
+  ) : /* @__PURE__ */ React21.createElement("div", { style: styles2.placeholder }, initials || "?")), /* @__PURE__ */ React21.createElement("div", { style: styles2.infoCol }, styles2.tierBadge && /* @__PURE__ */ React21.createElement("div", { style: styles2.tierBadge }, tier), /* @__PURE__ */ React21.createElement("h1", { style: styles2.name }, displayName), banner, /* @__PURE__ */ React21.createElement("p", { style: styles2.roleLine }, roleLine), pol.office_description && /* @__PURE__ */ React21.createElement("p", { style: styles2.officeDesc }, pol.office_description), pol.bio_text && /* @__PURE__ */ React21.createElement("p", { style: styles2.bioText }, pol.bio_text), (termLine || pol.total_years_in_office > 0) && /* @__PURE__ */ React21.createElement("div", { style: styles2.metaRow }, termLine && /* @__PURE__ */ React21.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ React21.createElement(CalendarIcon, { size: 14 }), termLine), pol.total_years_in_office > 0 && /* @__PURE__ */ React21.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ React21.createElement(ClockIcon, { size: 14 }), pol.total_years_in_office, " ", pol.total_years_in_office === 1 ? "year" : "years", " in office")), pol.web_form_url && /* @__PURE__ */ React21.createElement(
     "a",
     {
       href: pol.web_form_url,
@@ -3786,9 +4460,9 @@ function PoliticianProfile({
         e.currentTarget.style.background = colors.evTeal;
       }
     },
-    /* @__PURE__ */ React19.createElement(ExternalLinkIcon, { size: 14 }),
+    /* @__PURE__ */ React21.createElement(ExternalLinkIcon, { size: 14 }),
     "Submit a Message"
-  ))), hasContactInfo && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { style: divider }), /* @__PURE__ */ React19.createElement("div", { style: sectionHeading }, /* @__PURE__ */ React19.createElement(MailIcon, { size: 20 }), "Contact Information"), /* @__PURE__ */ React19.createElement("div", { style: styles2.contactGrid }, hasAddresses && /* @__PURE__ */ React19.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React19.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React19.createElement(MapPinIcon, { size: 12 }), "Addresses"), addresses.map((addr, i) => /* @__PURE__ */ React19.createElement("div", { key: `addr-${i}` }, /* @__PURE__ */ React19.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, addr.type), /* @__PURE__ */ React19.createElement("p", { style: styles2.contactValue }, addr.lines.map((line, j) => /* @__PURE__ */ React19.createElement(React19.Fragment, { key: j }, line, j < addr.lines.length - 1 && /* @__PURE__ */ React19.createElement("br", null))))))), hasPhones && /* @__PURE__ */ React19.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React19.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React19.createElement(PhoneIcon, { size: 12 }), "Phone"), Object.entries(phonesByType).map(([type, phones], i) => /* @__PURE__ */ React19.createElement("div", { key: `phone-${type}` }, /* @__PURE__ */ React19.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, type), phones.map((phone, j) => /* @__PURE__ */ React19.createElement("p", { key: j, style: styles2.contactValue }, /* @__PURE__ */ React19.createElement(
+  ))), hasContactInfo && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { style: divider }), /* @__PURE__ */ React21.createElement("div", { style: sectionHeading }, /* @__PURE__ */ React21.createElement(MailIcon, { size: 20 }), "Contact Information"), /* @__PURE__ */ React21.createElement("div", { style: styles2.contactGrid }, hasAddresses && /* @__PURE__ */ React21.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React21.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React21.createElement(MapPinIcon, { size: 12 }), "Addresses"), addresses.map((addr, i) => /* @__PURE__ */ React21.createElement("div", { key: `addr-${i}` }, /* @__PURE__ */ React21.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, addr.type), /* @__PURE__ */ React21.createElement("p", { style: styles2.contactValue }, addr.lines.map((line, j) => /* @__PURE__ */ React21.createElement(React21.Fragment, { key: j }, line, j < addr.lines.length - 1 && /* @__PURE__ */ React21.createElement("br", null))))))), hasPhones && /* @__PURE__ */ React21.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React21.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React21.createElement(PhoneIcon, { size: 12 }), "Phone"), Object.entries(phonesByType).map(([type, phones], i) => /* @__PURE__ */ React21.createElement("div", { key: `phone-${type}` }, /* @__PURE__ */ React21.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, type), phones.map((phone, j) => /* @__PURE__ */ React21.createElement("p", { key: j, style: styles2.contactValue }, /* @__PURE__ */ React21.createElement(
     "a",
     {
       href: `tel:${phone}`,
@@ -3801,7 +4475,7 @@ function PoliticianProfile({
       }
     },
     phone
-  )))))), hasEmails && /* @__PURE__ */ React19.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React19.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React19.createElement(MailIcon, { size: 12 }), "Email"), Object.entries(emailsByType).filter(([, emails]) => emails.some((e) => e && e.trim())).map(([type, emails], i) => /* @__PURE__ */ React19.createElement("div", { key: `email-${type}` }, /* @__PURE__ */ React19.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, type), emails.filter((e) => e && e.trim()).map((email, j) => /* @__PURE__ */ React19.createElement("p", { key: j, style: styles2.contactValue }, /* @__PURE__ */ React19.createElement(
+  )))))), hasEmails && /* @__PURE__ */ React21.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React21.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React21.createElement(MailIcon, { size: 12 }), "Email"), Object.entries(emailsByType).filter(([, emails]) => emails.some((e) => e && e.trim())).map(([type, emails], i) => /* @__PURE__ */ React21.createElement("div", { key: `email-${type}` }, /* @__PURE__ */ React21.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, type), emails.filter((e) => e && e.trim()).map((email, j) => /* @__PURE__ */ React21.createElement("p", { key: j, style: styles2.contactValue }, /* @__PURE__ */ React21.createElement(
     "a",
     {
       href: `mailto:${email}`,
@@ -3814,7 +4488,7 @@ function PoliticianProfile({
       }
     },
     email
-  )))))), hasWebsitesCol && /* @__PURE__ */ React19.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React19.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React19.createElement(GlobeIcon, { size: 12 }), "Websites"), allWebsites.map((url, i) => /* @__PURE__ */ React19.createElement("p", { key: i, style: styles2.contactValue }, /* @__PURE__ */ React19.createElement(
+  )))))), hasWebsitesCol && /* @__PURE__ */ React21.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React21.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React21.createElement(GlobeIcon, { size: 12 }), "Websites"), allWebsites.map((url, i) => /* @__PURE__ */ React21.createElement("p", { key: i, style: styles2.contactValue }, /* @__PURE__ */ React21.createElement(
     "a",
     {
       href: url,
@@ -3829,7 +4503,7 @@ function PoliticianProfile({
       }
     },
     extractDomain(url)
-  ))), (hasSocial || socialWebsiteUrls.length > 0) && /* @__PURE__ */ React19.createElement(
+  ))), (hasSocial || socialWebsiteUrls.length > 0) && /* @__PURE__ */ React21.createElement(
     SocialLinks,
     {
       twitter,
@@ -3840,14 +4514,14 @@ function PoliticianProfile({
       size: "sm",
       style: { marginTop: allWebsites.length > 0 ? "8px" : 0 }
     }
-  )))), committees.length > 0 && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { style: divider }), /* @__PURE__ */ React19.createElement(CommitteeTable, { committees })), pol.is_judicial ? /* @__PURE__ */ React19.createElement(
+  )))), committees.length > 0 && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { style: divider }), /* @__PURE__ */ React21.createElement(CommitteeTable, { committees })), pol.is_judicial ? /* @__PURE__ */ React21.createElement(
     JudicialScorecard,
     {
       judicialRecord,
       politicianId,
       onNavigateToRecord
     }
-  ) : /* @__PURE__ */ React19.createElement(
+  ) : /* @__PURE__ */ React21.createElement(
     LegislativeInlineSummary,
     {
       summary: legislativeSummary,
@@ -3858,7 +4532,7 @@ function PoliticianProfile({
 }
 
 // src/LegislativeRecord.jsx
-import React20, { useState as useState10 } from "react";
+import React22, { useState as useState12 } from "react";
 var DEFAULT_LIMIT = 25;
 function normalizeText(str) {
   if (!str) return "";
@@ -3938,7 +4612,7 @@ function getPositionBadge(position) {
   return { bg: colors.borderLight, text: colors.textSecondary };
 }
 function Badge({ label, bg, text }) {
-  return /* @__PURE__ */ React20.createElement("span", { style: {
+  return /* @__PURE__ */ React22.createElement("span", { style: {
     display: "inline-block",
     background: bg,
     color: text,
@@ -3951,18 +4625,18 @@ function Badge({ label, bg, text }) {
   } }, label);
 }
 function SectionHeader({ title, yearFilter, years, onYearChange }) {
-  return /* @__PURE__ */ React20.createElement("div", { style: {
+  return /* @__PURE__ */ React22.createElement("div", { style: {
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
     marginBottom: spacing[4]
-  } }, /* @__PURE__ */ React20.createElement("h2", { style: {
+  } }, /* @__PURE__ */ React22.createElement("h2", { style: {
     fontFamily: fonts.primary,
     fontSize: fontSizes.xl,
     fontWeight: fontWeights.bold,
     color: colors.evTeal,
     margin: 0
-  } }, title), years && years.length > 0 && /* @__PURE__ */ React20.createElement(
+  } }, title), years && years.length > 0 && /* @__PURE__ */ React22.createElement(
     "select",
     {
       value: yearFilter,
@@ -3978,13 +4652,13 @@ function SectionHeader({ title, yearFilter, years, onYearChange }) {
         cursor: "pointer"
       }
     },
-    /* @__PURE__ */ React20.createElement("option", { value: "All" }, "All years"),
-    years.map((y) => /* @__PURE__ */ React20.createElement("option", { key: y, value: y }, y))
+    /* @__PURE__ */ React22.createElement("option", { value: "All" }, "All years"),
+    years.map((y) => /* @__PURE__ */ React22.createElement("option", { key: y, value: y }, y))
   ));
 }
 function ShowAllLink({ totalCount, visibleCount, onClick }) {
   if (totalCount <= visibleCount) return null;
-  return /* @__PURE__ */ React20.createElement("div", { style: { textAlign: "center", marginTop: spacing[3] } }, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React22.createElement("div", { style: { textAlign: "center", marginTop: spacing[3] } }, /* @__PURE__ */ React22.createElement(
     "button",
     {
       type: "button",
@@ -4012,7 +4686,7 @@ function ShowAllLink({ totalCount, visibleCount, onClick }) {
   ));
 }
 function EmptyState({ message }) {
-  return /* @__PURE__ */ React20.createElement("p", { style: {
+  return /* @__PURE__ */ React22.createElement("p", { style: {
     fontFamily: fonts.primary,
     fontSize: fontSizes.sm,
     color: colors.textMuted,
@@ -4022,24 +4696,24 @@ function EmptyState({ message }) {
   } }, message);
 }
 function Spinner() {
-  return /* @__PURE__ */ React20.createElement("div", { style: {
+  return /* @__PURE__ */ React22.createElement("div", { style: {
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
     padding: spacing[10]
-  } }, /* @__PURE__ */ React20.createElement("div", { style: {
+  } }, /* @__PURE__ */ React22.createElement("div", { style: {
     width: "40px",
     height: "40px",
     borderRadius: borderRadius.full,
     border: `3px solid ${colors.borderLight}`,
     borderTopColor: colors.evTeal,
     animation: "ev-spin 0.8s linear infinite"
-  } }), /* @__PURE__ */ React20.createElement("style", null, `@keyframes ev-spin { to { transform: rotate(360deg); } }`));
+  } }), /* @__PURE__ */ React22.createElement("style", null, `@keyframes ev-spin { to { transform: rotate(360deg); } }`));
 }
 function CommitteesSection({ committees, leadership }) {
-  const [showAll, setShowAll] = useState10(false);
+  const [showAll, setShowAll] = useState12(false);
   const visible = showAll ? committees : committees.slice(0, DEFAULT_LIMIT);
-  return /* @__PURE__ */ React20.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ React20.createElement(SectionHeader, { title: "Committees & Leadership" }), leadership && leadership.length > 0 && /* @__PURE__ */ React20.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: spacing[2], marginBottom: spacing[4] } }, leadership.map((role, i) => /* @__PURE__ */ React20.createElement("div", { key: i, style: {
+  return /* @__PURE__ */ React22.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ React22.createElement(SectionHeader, { title: "Committees & Leadership" }), leadership && leadership.length > 0 && /* @__PURE__ */ React22.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: spacing[2], marginBottom: spacing[4] } }, leadership.map((role, i) => /* @__PURE__ */ React22.createElement("div", { key: i, style: {
     display: "inline-flex",
     alignItems: "center",
     gap: spacing[1],
@@ -4050,23 +4724,23 @@ function CommitteesSection({ committees, leadership }) {
     fontFamily: fonts.primary,
     fontSize: fontSizes.sm,
     fontWeight: fontWeights.semibold
-  } }, role.title, role.chamber && /* @__PURE__ */ React20.createElement("span", { style: { fontWeight: fontWeights.regular, opacity: 0.85 } }, "(", role.chamber, ")")))), committees.length === 0 ? /* @__PURE__ */ React20.createElement(EmptyState, { message: "Committee information is not available for this office." }) : /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("div", null, visible.map((c, i) => {
+  } }, role.title, role.chamber && /* @__PURE__ */ React22.createElement("span", { style: { fontWeight: fontWeights.regular, opacity: 0.85 } }, "(", role.chamber, ")")))), committees.length === 0 ? /* @__PURE__ */ React22.createElement(EmptyState, { message: "Committee information is not available for this office." }) : /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("div", null, visible.map((c, i) => {
     const badge = getRoleBadge(c.role);
-    return /* @__PURE__ */ React20.createElement("div", { key: i, style: {
+    return /* @__PURE__ */ React22.createElement("div", { key: i, style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       padding: `${spacing[3]} 0`,
       borderBottom: `1px solid ${colors.borderLight}`,
       gap: spacing[3]
-    } }, /* @__PURE__ */ React20.createElement("span", { style: {
+    } }, /* @__PURE__ */ React22.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.sm,
       color: colors.textSecondary,
       flex: 1,
       minWidth: 0
-    } }, c.committee_name, c.parent_name && /* @__PURE__ */ React20.createElement("span", { style: { color: colors.textMuted, marginLeft: spacing[1] } }, "(", c.parent_name, ")")), /* @__PURE__ */ React20.createElement(Badge, { label: badge.label, bg: badge.bg, text: badge.text }));
-  })), !showAll && /* @__PURE__ */ React20.createElement(
+    } }, c.committee_name, c.parent_name && /* @__PURE__ */ React22.createElement("span", { style: { color: colors.textMuted, marginLeft: spacing[1] } }, "(", c.parent_name, ")")), /* @__PURE__ */ React22.createElement(Badge, { label: badge.label, bg: badge.bg, text: badge.text }));
+  })), !showAll && /* @__PURE__ */ React22.createElement(
     ShowAllLink,
     {
       totalCount: committees.length,
@@ -4077,15 +4751,15 @@ function CommitteesSection({ committees, leadership }) {
 }
 function LegislationSection({ bills, isMobile }) {
   const years = getYears(bills, "introduced_at");
-  const [yearFilter, setYearFilter] = useState10("All");
-  const [showAll, setShowAll] = useState10(false);
+  const [yearFilter, setYearFilter] = useState12("All");
+  const [showAll, setShowAll] = useState12(false);
   const handleYearChange = (y) => {
     setYearFilter(y);
     setShowAll(false);
   };
   const filtered = yearFilter === "All" ? bills : bills.filter((b) => extractYear(b.introduced_at) === yearFilter);
   const visible = showAll ? filtered : filtered.slice(0, DEFAULT_LIMIT);
-  return /* @__PURE__ */ React20.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React22.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ React22.createElement(
     SectionHeader,
     {
       title: "Sponsored Legislation",
@@ -4093,42 +4767,42 @@ function LegislationSection({ bills, isMobile }) {
       years,
       onYearChange: handleYearChange
     }
-  ), bills.length === 0 ? /* @__PURE__ */ React20.createElement(EmptyState, { message: "Sponsored legislation data is not available for this office." }) : /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("div", null, visible.map((bill, i) => {
+  ), bills.length === 0 ? /* @__PURE__ */ React22.createElement(EmptyState, { message: "Sponsored legislation data is not available for this office." }) : /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("div", null, visible.map((bill, i) => {
     const statusBadge = getStatusBadge(bill.status_label);
-    return /* @__PURE__ */ React20.createElement("div", { key: i, style: {
+    return /* @__PURE__ */ React22.createElement("div", { key: i, style: {
       display: "flex",
       flexDirection: isMobile ? "column" : "row",
       alignItems: isMobile ? "flex-start" : "center",
       gap: isMobile ? spacing[1] : spacing[3],
       padding: `${spacing[3]} 0`,
       borderBottom: `1px solid ${colors.borderLight}`
-    } }, /* @__PURE__ */ React20.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React20.createElement("span", { style: {
+    } }, /* @__PURE__ */ React22.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React22.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.xs,
       fontWeight: fontWeights.bold,
       color: colors.textSecondary,
       marginRight: spacing[2]
-    } }, bill.number), /* @__PURE__ */ React20.createElement("span", { style: {
+    } }, bill.number), /* @__PURE__ */ React22.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.sm,
       color: colors.textSecondary
-    } }, bill.title)), /* @__PURE__ */ React20.createElement("div", { style: {
+    } }, bill.title)), /* @__PURE__ */ React22.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
       gap: spacing[2],
       flexShrink: 0,
       flexWrap: "wrap"
-    } }, /* @__PURE__ */ React20.createElement(Badge, { label: bill.status_label || "Unknown", bg: statusBadge.bg, text: statusBadge.text }), bill.introduced_at && /* @__PURE__ */ React20.createElement("span", { style: {
+    } }, /* @__PURE__ */ React22.createElement(Badge, { label: bill.status_label || "Unknown", bg: statusBadge.bg, text: statusBadge.text }), bill.introduced_at && /* @__PURE__ */ React22.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.xs,
       color: colors.textMuted
-    } }, formatDate2(bill.introduced_at)), /* @__PURE__ */ React20.createElement("span", { style: {
+    } }, formatDate2(bill.introduced_at)), /* @__PURE__ */ React22.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.xs,
       color: colors.textMuted,
       fontStyle: "italic"
     } }, bill.is_sponsor ? "Sponsored" : "Cosponsored")));
-  })), !showAll && /* @__PURE__ */ React20.createElement(
+  })), !showAll && /* @__PURE__ */ React22.createElement(
     ShowAllLink,
     {
       totalCount: filtered.length,
@@ -4139,15 +4813,15 @@ function LegislationSection({ bills, isMobile }) {
 }
 function VotingSection({ votes, isMobile }) {
   const years = getYears(votes, "vote_date");
-  const [yearFilter, setYearFilter] = useState10("All");
-  const [showAll, setShowAll] = useState10(false);
+  const [yearFilter, setYearFilter] = useState12("All");
+  const [showAll, setShowAll] = useState12(false);
   const handleYearChange = (y) => {
     setYearFilter(y);
     setShowAll(false);
   };
   const filtered = yearFilter === "All" ? votes : votes.filter((v) => extractYear(v.vote_date) === yearFilter);
   const visible = showAll ? filtered : filtered.slice(0, DEFAULT_LIMIT);
-  return /* @__PURE__ */ React20.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React22.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ React22.createElement(
     SectionHeader,
     {
       title: "Voting Record",
@@ -4155,38 +4829,38 @@ function VotingSection({ votes, isMobile }) {
       years,
       onYearChange: handleYearChange
     }
-  ), votes.length === 0 ? /* @__PURE__ */ React20.createElement(EmptyState, { message: "Voting records are not available for this office." }) : /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("div", null, visible.map((vote, i) => {
+  ), votes.length === 0 ? /* @__PURE__ */ React22.createElement(EmptyState, { message: "Voting records are not available for this office." }) : /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("div", null, visible.map((vote, i) => {
     const positionBadge = getPositionBadge(vote.position);
     const normPosition = normalizeText(vote.position);
     const topic = vote.bill_title || vote.vote_question;
     const sourceUrl = vote.bill_url;
-    return /* @__PURE__ */ React20.createElement("div", { key: i, style: {
+    return /* @__PURE__ */ React22.createElement("div", { key: i, style: {
       display: "flex",
       flexDirection: isMobile ? "column" : "row",
       alignItems: isMobile ? "flex-start" : "center",
       gap: isMobile ? spacing[1] : spacing[3],
       padding: `${spacing[3]} 0`,
       borderBottom: `1px solid ${colors.borderLight}`
-    } }, /* @__PURE__ */ React20.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React20.createElement("span", { style: {
+    } }, /* @__PURE__ */ React22.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React22.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.sm,
       color: colors.textSecondary
-    } }, topic)), /* @__PURE__ */ React20.createElement("div", { style: {
+    } }, topic)), /* @__PURE__ */ React22.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
       gap: spacing[2],
       flexShrink: 0,
       flexWrap: "wrap"
-    } }, vote.vote_date && /* @__PURE__ */ React20.createElement("span", { style: {
+    } }, vote.vote_date && /* @__PURE__ */ React22.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.xs,
       color: colors.textMuted
-    } }, formatDate2(vote.vote_date)), /* @__PURE__ */ React20.createElement(Badge, { label: normPosition || "Unknown", bg: positionBadge.bg, text: positionBadge.text }), vote.result && /* @__PURE__ */ React20.createElement("span", { style: {
+    } }, formatDate2(vote.vote_date)), /* @__PURE__ */ React22.createElement(Badge, { label: normPosition || "Unknown", bg: positionBadge.bg, text: positionBadge.text }), vote.result && /* @__PURE__ */ React22.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.xs,
       color: vote.result === "Passed" ? colors.success : colors.textMuted,
       fontWeight: fontWeights.medium
-    } }, vote.result), sourceUrl && /* @__PURE__ */ React20.createElement(
+    } }, vote.result), sourceUrl && /* @__PURE__ */ React22.createElement(
       "a",
       {
         href: sourceUrl,
@@ -4207,7 +4881,7 @@ function VotingSection({ votes, isMobile }) {
       },
       "Source"
     )));
-  })), !showAll && /* @__PURE__ */ React20.createElement(
+  })), !showAll && /* @__PURE__ */ React22.createElement(
     ShowAllLink,
     {
       totalCount: filtered.length,
@@ -4226,20 +4900,20 @@ function LegislativeRecord({
 }) {
   const isMobile = useMediaQuery("(max-width: 768px)");
   if (loading) {
-    return /* @__PURE__ */ React20.createElement(Spinner, null);
+    return /* @__PURE__ */ React22.createElement(Spinner, null);
   }
-  return /* @__PURE__ */ React20.createElement("div", { style: { fontFamily: fonts.primary } }, politicianName && /* @__PURE__ */ React20.createElement("h1", { style: {
+  return /* @__PURE__ */ React22.createElement("div", { style: { fontFamily: fonts.primary } }, politicianName && /* @__PURE__ */ React22.createElement("h1", { style: {
     fontFamily: fonts.primary,
     fontSize: isMobile ? fontSizes["2xl"] : fontSizes["4xl"],
     fontWeight: fontWeights.bold,
     color: colors.evTeal,
     marginBottom: spacing[8],
     marginTop: 0
-  } }, "Legislative Record: ", politicianName), /* @__PURE__ */ React20.createElement(CommitteesSection, { committees, leadership }), /* @__PURE__ */ React20.createElement(LegislationSection, { bills, isMobile }), /* @__PURE__ */ React20.createElement(VotingSection, { votes, isMobile }));
+  } }, "Legislative Record: ", politicianName), /* @__PURE__ */ React22.createElement(CommitteesSection, { committees, leadership }), /* @__PURE__ */ React22.createElement(LegislationSection, { bills, isMobile }), /* @__PURE__ */ React22.createElement(VotingSection, { votes, isMobile }));
 }
 
 // src/JudicialRecordDetail.jsx
-import React21 from "react";
+import React23 from "react";
 var containerStyle = {
   fontFamily: "'Manrope', sans-serif",
   maxWidth: "800px"
@@ -4324,7 +4998,7 @@ var emptyStateStyle = {
 function JudicialRecordDetail({ politician = {}, judicialRecord, onBack }) {
   var _a;
   if (!judicialRecord) {
-    return /* @__PURE__ */ React21.createElement("div", { style: containerStyle }, /* @__PURE__ */ React21.createElement("button", { style: backBtnStyle, onClick: onBack }, "\u2190 Back to Profile"), /* @__PURE__ */ React21.createElement("div", { style: emptyStateStyle }, "No judicial record data available."));
+    return /* @__PURE__ */ React23.createElement("div", { style: containerStyle }, /* @__PURE__ */ React23.createElement("button", { style: backBtnStyle, onClick: onBack }, "\u2190 Back to Profile"), /* @__PURE__ */ React23.createElement("div", { style: emptyStateStyle }, "No judicial record data available."));
   }
   const {
     judge_detail: detail,
@@ -4333,13 +5007,13 @@ function JudicialRecordDetail({ politician = {}, judicialRecord, onBack }) {
     disciplinary_records: disciplinary = []
   } = judicialRecord;
   const displayName = politician.full_name || `${politician.first_name || ""} ${politician.last_name || ""}`.trim();
-  return /* @__PURE__ */ React21.createElement("div", { style: containerStyle }, /* @__PURE__ */ React21.createElement("button", { style: backBtnStyle, onClick: onBack }, "\u2190 Back to Profile"), /* @__PURE__ */ React21.createElement("h1", { style: nameStyle }, displayName), /* @__PURE__ */ React21.createElement("p", { style: roleStyle }, (detail == null ? void 0 : detail.court_role) || politician.office_title, (detail == null ? void 0 : detail.date_seated) && ` \xB7 Seated ${formatDate(detail.date_seated)}`), detail && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("h2", { style: sectionHeadingStyle }, "Background"), detail.appointed_by && /* @__PURE__ */ React21.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React21.createElement("span", { style: detailLabelStyle }, "Appointed by"), /* @__PURE__ */ React21.createElement("span", { style: detailValueStyle }, detail.appointed_by, " (", detail.appointing_president_party, ")")), detail.confirmation_vote && /* @__PURE__ */ React21.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React21.createElement("span", { style: detailLabelStyle }, "Confirmation Vote"), /* @__PURE__ */ React21.createElement("span", { style: detailValueStyle }, detail.confirmation_vote)), detail.election_type && /* @__PURE__ */ React21.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React21.createElement("span", { style: detailLabelStyle }, "Election Type"), /* @__PURE__ */ React21.createElement("span", { style: detailValueStyle }, detail.election_type === "retention" ? "Retention (Yes/No)" : "Contested Election")), ((_a = detail.areas_of_focus) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ React21.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React21.createElement("span", { style: detailLabelStyle }, "Areas of Focus"), /* @__PURE__ */ React21.createElement("span", { style: detailValueStyle }, detail.areas_of_focus.join(", ")))), /* @__PURE__ */ React21.createElement("h2", { style: sectionHeadingStyle }, "Performance Evaluations"), evaluations.length === 0 ? /* @__PURE__ */ React21.createElement("div", { style: emptyStateStyle }, "No evaluation data available yet.") : /* @__PURE__ */ React21.createElement("table", { style: tableStyle }, /* @__PURE__ */ React21.createElement("thead", null, /* @__PURE__ */ React21.createElement("tr", null, /* @__PURE__ */ React21.createElement("th", { style: thStyle }, "Source"), /* @__PURE__ */ React21.createElement("th", { style: thStyle }, "Rating"), /* @__PURE__ */ React21.createElement("th", { style: thStyle }, "Date"))), /* @__PURE__ */ React21.createElement("tbody", null, evaluations.map((ev, i) => /* @__PURE__ */ React21.createElement("tr", { key: i }, /* @__PURE__ */ React21.createElement("td", { style: tdStyle }, ev.source_url ? /* @__PURE__ */ React21.createElement("a", { href: ev.source_url, target: "_blank", rel: "noopener noreferrer", style: { color: "#319795" } }, ev.source) : ev.source), /* @__PURE__ */ React21.createElement("td", { style: { ...tdStyle, fontWeight: 600 } }, ev.rating), /* @__PURE__ */ React21.createElement("td", { style: tdStyle }, formatDate(ev.rating_date)))))), /* @__PURE__ */ React21.createElement("h2", { style: sectionHeadingStyle }, "Performance Metrics"), metrics.length === 0 ? /* @__PURE__ */ React21.createElement("div", { style: emptyStateStyle }, "No performance metric data available yet.") : /* @__PURE__ */ React21.createElement("table", { style: tableStyle }, /* @__PURE__ */ React21.createElement("thead", null, /* @__PURE__ */ React21.createElement("tr", null, /* @__PURE__ */ React21.createElement("th", { style: thStyle }, "Metric"), /* @__PURE__ */ React21.createElement("th", { style: thStyle }, "Value"), /* @__PURE__ */ React21.createElement("th", { style: thStyle }, "Context"), /* @__PURE__ */ React21.createElement("th", { style: thStyle }, "Period"))), /* @__PURE__ */ React21.createElement("tbody", null, metrics.map((m, i) => /* @__PURE__ */ React21.createElement("tr", { key: i }, /* @__PURE__ */ React21.createElement("td", { style: { ...tdStyle, fontWeight: 600 } }, METRIC_LABELS[m.metric_type] || m.metric_type.replace(/_/g, " ")), /* @__PURE__ */ React21.createElement("td", { style: tdStyle }, formatMetricValue(m.metric_type, m.value)), /* @__PURE__ */ React21.createElement("td", { style: { ...tdStyle, color: "#718096", fontSize: "13px" } }, m.context_label), /* @__PURE__ */ React21.createElement("td", { style: tdStyle }, m.time_period))))), disciplinary.length > 0 && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("h2", { style: sectionHeadingStyle }, "Disciplinary History"), disciplinary.map((d, i) => /* @__PURE__ */ React21.createElement("div", { key: i, style: {
+  return /* @__PURE__ */ React23.createElement("div", { style: containerStyle }, /* @__PURE__ */ React23.createElement("button", { style: backBtnStyle, onClick: onBack }, "\u2190 Back to Profile"), /* @__PURE__ */ React23.createElement("h1", { style: nameStyle }, displayName), /* @__PURE__ */ React23.createElement("p", { style: roleStyle }, (detail == null ? void 0 : detail.court_role) || politician.office_title, (detail == null ? void 0 : detail.date_seated) && ` \xB7 Seated ${formatDate(detail.date_seated)}`), detail && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("h2", { style: sectionHeadingStyle }, "Background"), detail.appointed_by && /* @__PURE__ */ React23.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React23.createElement("span", { style: detailLabelStyle }, "Appointed by"), /* @__PURE__ */ React23.createElement("span", { style: detailValueStyle }, detail.appointed_by, " (", detail.appointing_president_party, ")")), detail.confirmation_vote && /* @__PURE__ */ React23.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React23.createElement("span", { style: detailLabelStyle }, "Confirmation Vote"), /* @__PURE__ */ React23.createElement("span", { style: detailValueStyle }, detail.confirmation_vote)), detail.election_type && /* @__PURE__ */ React23.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React23.createElement("span", { style: detailLabelStyle }, "Election Type"), /* @__PURE__ */ React23.createElement("span", { style: detailValueStyle }, detail.election_type === "retention" ? "Retention (Yes/No)" : "Contested Election")), ((_a = detail.areas_of_focus) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ React23.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React23.createElement("span", { style: detailLabelStyle }, "Areas of Focus"), /* @__PURE__ */ React23.createElement("span", { style: detailValueStyle }, detail.areas_of_focus.join(", ")))), /* @__PURE__ */ React23.createElement("h2", { style: sectionHeadingStyle }, "Performance Evaluations"), evaluations.length === 0 ? /* @__PURE__ */ React23.createElement("div", { style: emptyStateStyle }, "No evaluation data available yet.") : /* @__PURE__ */ React23.createElement("table", { style: tableStyle }, /* @__PURE__ */ React23.createElement("thead", null, /* @__PURE__ */ React23.createElement("tr", null, /* @__PURE__ */ React23.createElement("th", { style: thStyle }, "Source"), /* @__PURE__ */ React23.createElement("th", { style: thStyle }, "Rating"), /* @__PURE__ */ React23.createElement("th", { style: thStyle }, "Date"))), /* @__PURE__ */ React23.createElement("tbody", null, evaluations.map((ev, i) => /* @__PURE__ */ React23.createElement("tr", { key: i }, /* @__PURE__ */ React23.createElement("td", { style: tdStyle }, ev.source_url ? /* @__PURE__ */ React23.createElement("a", { href: ev.source_url, target: "_blank", rel: "noopener noreferrer", style: { color: "#319795" } }, ev.source) : ev.source), /* @__PURE__ */ React23.createElement("td", { style: { ...tdStyle, fontWeight: 600 } }, ev.rating), /* @__PURE__ */ React23.createElement("td", { style: tdStyle }, formatDate(ev.rating_date)))))), /* @__PURE__ */ React23.createElement("h2", { style: sectionHeadingStyle }, "Performance Metrics"), metrics.length === 0 ? /* @__PURE__ */ React23.createElement("div", { style: emptyStateStyle }, "No performance metric data available yet.") : /* @__PURE__ */ React23.createElement("table", { style: tableStyle }, /* @__PURE__ */ React23.createElement("thead", null, /* @__PURE__ */ React23.createElement("tr", null, /* @__PURE__ */ React23.createElement("th", { style: thStyle }, "Metric"), /* @__PURE__ */ React23.createElement("th", { style: thStyle }, "Value"), /* @__PURE__ */ React23.createElement("th", { style: thStyle }, "Context"), /* @__PURE__ */ React23.createElement("th", { style: thStyle }, "Period"))), /* @__PURE__ */ React23.createElement("tbody", null, metrics.map((m, i) => /* @__PURE__ */ React23.createElement("tr", { key: i }, /* @__PURE__ */ React23.createElement("td", { style: { ...tdStyle, fontWeight: 600 } }, METRIC_LABELS[m.metric_type] || m.metric_type.replace(/_/g, " ")), /* @__PURE__ */ React23.createElement("td", { style: tdStyle }, formatMetricValue(m.metric_type, m.value)), /* @__PURE__ */ React23.createElement("td", { style: { ...tdStyle, color: "#718096", fontSize: "13px" } }, m.context_label), /* @__PURE__ */ React23.createElement("td", { style: tdStyle }, m.time_period))))), disciplinary.length > 0 && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("h2", { style: sectionHeadingStyle }, "Disciplinary History"), disciplinary.map((d, i) => /* @__PURE__ */ React23.createElement("div", { key: i, style: {
     borderLeft: "3px solid #fc8181",
     backgroundColor: "#fff5f5",
     borderRadius: "0 6px 6px 0",
     padding: "12px 16px",
     marginBottom: "10px"
-  } }, /* @__PURE__ */ React21.createElement("div", { style: { fontWeight: 700, color: "#742a2a", fontSize: "14px" } }, d.record_type, " \u2014 ", formatDate(d.record_date)), d.description && /* @__PURE__ */ React21.createElement("div", { style: { color: "#9b2c2c", fontSize: "13px", marginTop: "4px" } }, d.description), d.source_url && /* @__PURE__ */ React21.createElement(
+  } }, /* @__PURE__ */ React23.createElement("div", { style: { fontWeight: 700, color: "#742a2a", fontSize: "14px" } }, d.record_type, " \u2014 ", formatDate(d.record_date)), d.description && /* @__PURE__ */ React23.createElement("div", { style: { color: "#9b2c2c", fontSize: "13px", marginTop: "4px" } }, d.description), d.source_url && /* @__PURE__ */ React23.createElement(
     "a",
     {
       href: d.source_url,
@@ -4352,7 +5026,7 @@ function JudicialRecordDetail({ politician = {}, judicialRecord, onBack }) {
 }
 
 // src/AuthForm.jsx
-import React22, { useState as useState11 } from "react";
+import React24, { useState as useState13 } from "react";
 function AuthForm({
   logoSrc = "/EVLogo.svg",
   appName = "Empowered Vote",
@@ -4363,11 +5037,11 @@ function AuthForm({
   error = null,
   submitting = false
 }) {
-  const [username, setUsername] = useState11("");
-  const [password, setPassword] = useState11("");
-  const [confirmPassword, setConfirmPassword] = useState11("");
-  const [showPasswords, setShowPasswords] = useState11(false);
-  const [passwordMismatch, setPasswordMismatch] = useState11(false);
+  const [username, setUsername] = useState13("");
+  const [password, setPassword] = useState13("");
+  const [confirmPassword, setConfirmPassword] = useState13("");
+  const [showPasswords, setShowPasswords] = useState13(false);
+  const [passwordMismatch, setPasswordMismatch] = useState13(false);
   const isLogin = mode === "login";
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -4379,7 +5053,7 @@ function AuthForm({
     setPasswordMismatch(false);
     onSubmit == null ? void 0 : onSubmit(username.trim(), password);
   };
-  const EyeOpen = () => /* @__PURE__ */ React22.createElement(
+  const EyeOpen = () => /* @__PURE__ */ React24.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4389,7 +5063,7 @@ function AuthForm({
       stroke: "currentColor",
       style: { width: "20px", height: "20px" }
     },
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React24.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -4397,7 +5071,7 @@ function AuthForm({
         d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"
       }
     ),
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React24.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -4406,7 +5080,7 @@ function AuthForm({
       }
     )
   );
-  const EyeClosed = () => /* @__PURE__ */ React22.createElement(
+  const EyeClosed = () => /* @__PURE__ */ React24.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4416,7 +5090,7 @@ function AuthForm({
       stroke: "currentColor",
       style: { width: "20px", height: "20px" }
     },
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React24.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -4425,17 +5099,17 @@ function AuthForm({
       }
     )
   );
-  const PasswordToggle = () => /* @__PURE__ */ React22.createElement(
+  const PasswordToggle = () => /* @__PURE__ */ React24.createElement(
     "button",
     {
       type: "button",
       onClick: () => setShowPasswords((prev) => !prev),
       style: styles.passwordToggle
     },
-    showPasswords ? /* @__PURE__ */ React22.createElement(EyeOpen, null) : /* @__PURE__ */ React22.createElement(EyeClosed, null)
+    showPasswords ? /* @__PURE__ */ React24.createElement(EyeOpen, null) : /* @__PURE__ */ React24.createElement(EyeClosed, null)
   );
   const displayError = passwordMismatch ? "Passwords do not match." : error;
-  return /* @__PURE__ */ React22.createElement("div", { style: styles.wrapper }, /* @__PURE__ */ React22.createElement("div", { style: styles.container }, /* @__PURE__ */ React22.createElement("div", { style: styles.header }, logoSrc && /* @__PURE__ */ React22.createElement("img", { src: logoSrc, alt: appName, style: styles.logo }), appName && /* @__PURE__ */ React22.createElement("h1", { style: styles.appName }, appName), appSubtitle && /* @__PURE__ */ React22.createElement("p", { style: styles.appSubtitle }, appSubtitle)), /* @__PURE__ */ React22.createElement("form", { onSubmit: handleSubmit, style: styles.card }, /* @__PURE__ */ React22.createElement("h2", { style: styles.cardTitle }, isLogin ? "Welcome Back" : "Create Account"), /* @__PURE__ */ React22.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ React22.createElement("label", { style: styles.label }, "Username"), /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React24.createElement("div", { style: styles.wrapper }, /* @__PURE__ */ React24.createElement("div", { style: styles.container }, /* @__PURE__ */ React24.createElement("div", { style: styles.header }, logoSrc && /* @__PURE__ */ React24.createElement("img", { src: logoSrc, alt: appName, style: styles.logo }), appName && /* @__PURE__ */ React24.createElement("h1", { style: styles.appName }, appName), appSubtitle && /* @__PURE__ */ React24.createElement("p", { style: styles.appSubtitle }, appSubtitle)), /* @__PURE__ */ React24.createElement("form", { onSubmit: handleSubmit, style: styles.card }, /* @__PURE__ */ React24.createElement("h2", { style: styles.cardTitle }, isLogin ? "Welcome Back" : "Create Account"), /* @__PURE__ */ React24.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ React24.createElement("label", { style: styles.label }, "Username"), /* @__PURE__ */ React24.createElement(
     "input",
     {
       type: "text",
@@ -4452,7 +5126,7 @@ function AuthForm({
       },
       required: true
     }
-  )), /* @__PURE__ */ React22.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ React22.createElement("label", { style: styles.label }, "Password"), /* @__PURE__ */ React22.createElement("div", { style: styles.passwordWrapper }, /* @__PURE__ */ React22.createElement(
+  )), /* @__PURE__ */ React24.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ React24.createElement("label", { style: styles.label }, "Password"), /* @__PURE__ */ React24.createElement("div", { style: styles.passwordWrapper }, /* @__PURE__ */ React24.createElement(
     "input",
     {
       type: showPasswords ? "text" : "password",
@@ -4468,7 +5142,7 @@ function AuthForm({
       },
       required: true
     }
-  ), /* @__PURE__ */ React22.createElement(PasswordToggle, null))), !isLogin && /* @__PURE__ */ React22.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ React22.createElement("label", { style: styles.label }, "Confirm Password"), /* @__PURE__ */ React22.createElement("div", { style: styles.passwordWrapper }, /* @__PURE__ */ React22.createElement(
+  ), /* @__PURE__ */ React24.createElement(PasswordToggle, null))), !isLogin && /* @__PURE__ */ React24.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ React24.createElement("label", { style: styles.label }, "Confirm Password"), /* @__PURE__ */ React24.createElement("div", { style: styles.passwordWrapper }, /* @__PURE__ */ React24.createElement(
     "input",
     {
       type: showPasswords ? "text" : "password",
@@ -4484,7 +5158,7 @@ function AuthForm({
       },
       required: true
     }
-  ), /* @__PURE__ */ React22.createElement(PasswordToggle, null))), displayError && /* @__PURE__ */ React22.createElement("div", { style: styles.errorBox }, /* @__PURE__ */ React22.createElement("p", { style: styles.errorText }, displayError)), /* @__PURE__ */ React22.createElement(
+  ), /* @__PURE__ */ React24.createElement(PasswordToggle, null))), displayError && /* @__PURE__ */ React24.createElement("div", { style: styles.errorBox }, /* @__PURE__ */ React24.createElement("p", { style: styles.errorText }, displayError)), /* @__PURE__ */ React24.createElement(
     "button",
     {
       type: "submit",
@@ -4502,7 +5176,7 @@ function AuthForm({
       }
     },
     submitting ? isLogin ? "Signing In..." : "Creating Account..." : isLogin ? "Sign In" : "Create Account"
-  ), onModeSwitch && /* @__PURE__ */ React22.createElement("div", { style: styles.modeSwitch }, /* @__PURE__ */ React22.createElement("p", { style: styles.modeSwitchText }, isLogin ? "Don't have an account?" : "Already have an account?"), /* @__PURE__ */ React22.createElement(
+  ), onModeSwitch && /* @__PURE__ */ React24.createElement("div", { style: styles.modeSwitch }, /* @__PURE__ */ React24.createElement("p", { style: styles.modeSwitchText }, isLogin ? "Don't have an account?" : "Already have an account?"), /* @__PURE__ */ React24.createElement(
     "button",
     {
       type: "button",
@@ -4675,9 +5349,9 @@ var styles = {
 };
 
 // src/TopicTierBadge.jsx
-import React23 from "react";
+import React25 from "react";
 function LandmarkIcon({ size = 14 }) {
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React25.createElement(
     "svg",
     {
       width: size,
@@ -4691,16 +5365,16 @@ function LandmarkIcon({ size = 14 }) {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     },
-    /* @__PURE__ */ React23.createElement("path", { d: "M10 18v-7" }),
-    /* @__PURE__ */ React23.createElement("path", { d: "M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z" }),
-    /* @__PURE__ */ React23.createElement("path", { d: "M14 18v-7" }),
-    /* @__PURE__ */ React23.createElement("path", { d: "M18 18v-7" }),
-    /* @__PURE__ */ React23.createElement("path", { d: "M3 22h18" }),
-    /* @__PURE__ */ React23.createElement("path", { d: "M6 18v-7" })
+    /* @__PURE__ */ React25.createElement("path", { d: "M10 18v-7" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "M14 18v-7" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "M18 18v-7" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "M3 22h18" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "M6 18v-7" })
   );
 }
 function Building2Icon({ size = 14 }) {
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React25.createElement(
     "svg",
     {
       width: size,
@@ -4714,17 +5388,17 @@ function Building2Icon({ size = 14 }) {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     },
-    /* @__PURE__ */ React23.createElement("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
-    /* @__PURE__ */ React23.createElement("path", { d: "M6 12H4a2 2 0 0 0-2 2v8h4" }),
-    /* @__PURE__ */ React23.createElement("path", { d: "M18 9h2a2 2 0 0 1 2 2v11h-4" }),
-    /* @__PURE__ */ React23.createElement("path", { d: "M10 6h4" }),
-    /* @__PURE__ */ React23.createElement("path", { d: "M10 10h4" }),
-    /* @__PURE__ */ React23.createElement("path", { d: "M10 14h4" }),
-    /* @__PURE__ */ React23.createElement("path", { d: "M10 18h4" })
+    /* @__PURE__ */ React25.createElement("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "M6 12H4a2 2 0 0 0-2 2v8h4" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "M18 9h2a2 2 0 0 1 2 2v11h-4" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "M10 6h4" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "M10 10h4" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "M10 14h4" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "M10 18h4" })
   );
 }
 function HomeIcon({ size = 14 }) {
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React25.createElement(
     "svg",
     {
       width: size,
@@ -4738,8 +5412,8 @@ function HomeIcon({ size = 14 }) {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     },
-    /* @__PURE__ */ React23.createElement("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
-    /* @__PURE__ */ React23.createElement("polyline", { points: "9 22 9 12 15 12 15 22" })
+    /* @__PURE__ */ React25.createElement("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+    /* @__PURE__ */ React25.createElement("polyline", { points: "9 22 9 12 15 12 15 22" })
   );
 }
 var TIER_INFO = {
@@ -4799,7 +5473,7 @@ function TopicTierBadge({
       userSelect: "none"
     };
   };
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React25.createElement(
     "span",
     {
       className: "ev-topic-tier-badge",
@@ -4809,13 +5483,13 @@ function TopicTierBadge({
     },
     effectiveTiers.map((tier) => {
       const { label, Icon } = TIER_INFO[tier];
-      return /* @__PURE__ */ React23.createElement("span", { key: tier, style: itemStyle(tier) }, /* @__PURE__ */ React23.createElement(Icon, { size: sizeStyle.iconSize }), !iconOnly && /* @__PURE__ */ React23.createElement("span", null, label));
+      return /* @__PURE__ */ React25.createElement("span", { key: tier, style: itemStyle(tier) }, /* @__PURE__ */ React25.createElement(Icon, { size: sizeStyle.iconSize }), !iconOnly && /* @__PURE__ */ React25.createElement("span", null, label));
     })
   );
 }
 
 // src/CompassCoverageCallout.jsx
-import React24, { useState as useState12 } from "react";
+import React26, { useState as useState14 } from "react";
 var TIER_LABELS = {
   federal: "federal",
   state: "state",
@@ -4828,7 +5502,7 @@ function CompassCoverageCallout({
   compassUrl,
   onDismiss
 }) {
-  const [dismissed, setDismissed] = useState12(false);
+  const [dismissed, setDismissed] = useState14(false);
   if (dismissed) return null;
   const tierLabel = TIER_LABELS[tier] || tier;
   const tierStyle = tierColors[tier] || tierColors.federal;
@@ -4879,15 +5553,15 @@ function CompassCoverageCallout({
     setDismissed(true);
     if (onDismiss) onDismiss();
   };
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React26.createElement(
     "div",
     {
       className: "ev-compass-coverage-callout",
       role: "status",
       style: containerStyle2
     },
-    /* @__PURE__ */ React24.createElement("div", { style: textStyle }, /* @__PURE__ */ React24.createElement("div", { style: headlineStyle }, "Your compass covers ", tierLabel, " issues lightly"), /* @__PURE__ */ React24.createElement("div", null, count === 0 ? `None of your ${totalSelected != null ? totalSelected : "selected"} compass topics apply at the ${tierLabel} level. ` : `Only ${count} of your ${totalSelected != null ? totalSelected : "selected"} compass topics apply at the ${tierLabel} level. `, "Add more ", tierLabel, "-applicable topics to get better comparisons with ", tierLabel, " officials."), /* @__PURE__ */ React24.createElement("a", { href: compassUrl, style: ctaStyle }, "Add ", tierLabel, " topics \u2192")),
-    onDismiss !== void 0 && /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React26.createElement("div", { style: textStyle }, /* @__PURE__ */ React26.createElement("div", { style: headlineStyle }, "Your compass covers ", tierLabel, " issues lightly"), /* @__PURE__ */ React26.createElement("div", null, count === 0 ? `None of your ${totalSelected != null ? totalSelected : "selected"} compass topics apply at the ${tierLabel} level. ` : `Only ${count} of your ${totalSelected != null ? totalSelected : "selected"} compass topics apply at the ${tierLabel} level. `, "Add more ", tierLabel, "-applicable topics to get better comparisons with ", tierLabel, " officials."), /* @__PURE__ */ React26.createElement("a", { href: compassUrl, style: ctaStyle }, "Add ", tierLabel, " topics \u2192")),
+    onDismiss !== void 0 && /* @__PURE__ */ React26.createElement(
       "button",
       {
         onClick: handleDismiss,
@@ -4900,7 +5574,7 @@ function CompassCoverageCallout({
 }
 
 // src/ExpandCompassNudge.jsx
-import React25 from "react";
+import React27 from "react";
 function ExpandCompassNudge({
   politicianName,
   missingCount,
@@ -4947,7 +5621,7 @@ function ExpandCompassNudge({
   };
   const topicsLabel = missingCount === 1 ? "topic" : "topics";
   const speakerName = politicianName || "This politician";
-  return /* @__PURE__ */ React25.createElement("div", { className: "ev-expand-compass-nudge", style: containerStyle2, role: "region" }, /* @__PURE__ */ React25.createElement("p", { style: headlineStyle }, "Want a richer comparison?"), /* @__PURE__ */ React25.createElement("p", { style: bodyStyle }, speakerName, " has stances on ", missingCount, " more ", topicsLabel, " you haven't answered yet. Expand your compass to see where you stand on all of them."), /* @__PURE__ */ React25.createElement("a", { href: compassUrl, style: ctaStyle }, "Expand my compass \u2192"));
+  return /* @__PURE__ */ React27.createElement("div", { className: "ev-expand-compass-nudge", style: containerStyle2, role: "region" }, /* @__PURE__ */ React27.createElement("p", { style: headlineStyle }, "Want a richer comparison?"), /* @__PURE__ */ React27.createElement("p", { style: bodyStyle }, speakerName, " has stances on ", missingCount, " more ", topicsLabel, " you haven't answered yet. Expand your compass to see where you stand on all of them."), /* @__PURE__ */ React27.createElement("a", { href: compassUrl, style: ctaStyle }, "Expand my compass \u2192"));
 }
 
 // src/computeTierCoverage.js
@@ -4968,14 +5642,14 @@ function computeTierCoverage(topics) {
 }
 
 // src/StanceAccordion.jsx
-import React27, { useState as useState13, useRef as useRef3, useCallback, useEffect as useEffect7 } from "react";
+import React29, { useState as useState15, useRef as useRef3, useCallback, useEffect as useEffect9 } from "react";
 
 // src/Favicon.jsx
-import React26 from "react";
+import React28 from "react";
 function Favicon({ url, size = 16 }) {
   try {
     const domain = new URL(url).hostname;
-    return /* @__PURE__ */ React26.createElement(
+    return /* @__PURE__ */ React28.createElement(
       "img",
       {
         src: `https://www.google.com/s2/favicons?sz=${size}&domain=${domain}`,
@@ -4986,7 +5660,7 @@ function Favicon({ url, size = 16 }) {
       }
     );
   } catch {
-    return /* @__PURE__ */ React26.createElement(
+    return /* @__PURE__ */ React28.createElement(
       "svg",
       {
         width: size,
@@ -4997,8 +5671,8 @@ function Favicon({ url, size = 16 }) {
         strokeWidth: "1.5",
         style: { verticalAlign: "middle", flexShrink: 0 }
       },
-      /* @__PURE__ */ React26.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ React26.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+      /* @__PURE__ */ React28.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ React28.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
     );
   }
 }
@@ -5029,9 +5703,9 @@ function StanceAccordion({
   apiUrl = "https://api.empowered.vote"
 }) {
   var _a;
-  const [expandedTopicId, setExpandedTopicId] = useState13(null);
-  const [loadingId, setLoadingId] = useState13(null);
-  const [showAll, setShowAll] = useState13(false);
+  const [expandedTopicId, setExpandedTopicId] = useState15(null);
+  const [loadingId, setLoadingId] = useState15(null);
+  const [showAll, setShowAll] = useState15(false);
   const contextCache = useRef3(/* @__PURE__ */ new Map());
   const quotesCache = useRef3(null);
   const polAnswerMap = {};
@@ -5109,7 +5783,7 @@ function StanceAccordion({
     },
     [expandedTopicId, politicianId, apiUrl]
   );
-  useEffect7(() => {
+  useEffect9(() => {
     if (initialExpandedTopicId && topics && topics.length > 0) {
       handleToggle(String(initialExpandedTopicId));
     }
@@ -5125,13 +5799,13 @@ function StanceAccordion({
       visibleTopics = [pinned, ...baseTopics.filter((t) => String(t.id) !== String(initialExpandedTopicId))];
     }
   }
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React29.createElement(
     "div",
     {
       className: "flex flex-col",
       style: { fontFamily: "'Manrope', sans-serif" }
     },
-    /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React29.createElement(
       "h3",
       {
         className: "text-sm font-semibold text-neutral-400 uppercase tracking-wider mb-2",
@@ -5153,15 +5827,15 @@ function StanceAccordion({
         if (topic.topic_key) return q.issue === topic.topic_key;
         return topic.short_title && q.issue.toLowerCase() === topic.short_title.toLowerCase();
       }) : [];
-      return /* @__PURE__ */ React27.createElement("div", { key: topicId, className: "border-b border-neutral-100" }, /* @__PURE__ */ React27.createElement(
+      return /* @__PURE__ */ React29.createElement("div", { key: topicId, className: "border-b border-neutral-100" }, /* @__PURE__ */ React29.createElement(
         "button",
         {
           type: "button",
           onClick: () => handleToggle(topicId),
           className: "w-full flex items-center justify-between py-3 px-2 text-left cursor-pointer hover:bg-neutral-50 transition-colors"
         },
-        /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React27.createElement("span", { className: "text-sm font-medium text-neutral-800 truncate" }, topic.short_title), questionText && /* @__PURE__ */ React27.createElement("span", { className: "text-xs text-neutral-400 mt-0.5" }, questionText), /* @__PURE__ */ React27.createElement("span", { className: "text-xs text-neutral-500 mt-0.5" }, label)),
-        /* @__PURE__ */ React27.createElement(
+        /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React29.createElement("span", { className: "text-sm font-medium text-neutral-800 truncate" }, topic.short_title), questionText && /* @__PURE__ */ React29.createElement("span", { className: "text-xs text-neutral-400 mt-0.5" }, questionText), /* @__PURE__ */ React29.createElement("span", { className: "text-xs text-neutral-500 mt-0.5" }, label)),
+        /* @__PURE__ */ React29.createElement(
           "svg",
           {
             width: "16",
@@ -5178,9 +5852,9 @@ function StanceAccordion({
               transition: "transform 0.2s ease"
             }
           },
-          /* @__PURE__ */ React27.createElement("polyline", { points: "9 18 15 12 9 6" })
+          /* @__PURE__ */ React29.createElement("polyline", { points: "9 18 15 12 9 6" })
         )
-      ), /* @__PURE__ */ React27.createElement(
+      ), /* @__PURE__ */ React29.createElement(
         "div",
         {
           style: {
@@ -5189,7 +5863,7 @@ function StanceAccordion({
             transition: "grid-template-rows 0.25s ease"
           }
         },
-        /* @__PURE__ */ React27.createElement("div", { style: { overflow: "hidden" } }, /* @__PURE__ */ React27.createElement("div", { className: "px-2 pb-4" }, isLoading && /* @__PURE__ */ React27.createElement("div", { className: "flex items-center py-3" }, /* @__PURE__ */ React27.createElement(
+        /* @__PURE__ */ React29.createElement("div", { style: { overflow: "hidden" } }, /* @__PURE__ */ React29.createElement("div", { className: "px-2 pb-4" }, isLoading && /* @__PURE__ */ React29.createElement("div", { className: "flex items-center py-3" }, /* @__PURE__ */ React29.createElement(
           "div",
           {
             style: {
@@ -5201,14 +5875,14 @@ function StanceAccordion({
               animation: "ev-spin 0.8s linear infinite"
             }
           }
-        )), !isLoading && cached && /* @__PURE__ */ React27.createElement(React27.Fragment, null, cached.reasoning ? /* @__PURE__ */ React27.createElement(
+        )), !isLoading && cached && /* @__PURE__ */ React29.createElement(React29.Fragment, null, cached.reasoning ? /* @__PURE__ */ React29.createElement(
           "p",
           {
             className: "text-sm text-neutral-700 mb-3",
             style: { whiteSpace: "pre-wrap", lineHeight: 1.6 }
           },
           cached.reasoning
-        ) : null, cached.sources && cached.sources.length > 0 && /* @__PURE__ */ React27.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React27.createElement("p", { className: "text-xs font-semibold text-neutral-500 uppercase tracking-wider mb-1.5" }, "References"), /* @__PURE__ */ React27.createElement("ol", { className: "list-decimal list-inside space-y-1" }, cached.sources.map((src, i) => /* @__PURE__ */ React27.createElement("li", { key: i, className: "text-xs text-neutral-600" }, /* @__PURE__ */ React27.createElement(
+        ) : null, cached.sources && cached.sources.length > 0 && /* @__PURE__ */ React29.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React29.createElement("p", { className: "text-xs font-semibold text-neutral-500 uppercase tracking-wider mb-1.5" }, "References"), /* @__PURE__ */ React29.createElement("ol", { className: "list-decimal list-inside space-y-1" }, cached.sources.map((src, i) => /* @__PURE__ */ React29.createElement("li", { key: i, className: "text-xs text-neutral-600" }, /* @__PURE__ */ React29.createElement(
           "a",
           {
             href: src,
@@ -5216,9 +5890,9 @@ function StanceAccordion({
             rel: "noreferrer",
             className: "inline-flex items-center gap-1.5 hover:text-[#00657c] transition-colors"
           },
-          /* @__PURE__ */ React27.createElement(Favicon, { url: src }),
-          /* @__PURE__ */ React27.createElement("span", { className: "underline underline-offset-2" }, getDisplayUrl(src))
-        ))))), topicQuotes.length > 0 && /* @__PURE__ */ React27.createElement("div", { style: { marginTop: "12px" } }, /* @__PURE__ */ React27.createElement(
+          /* @__PURE__ */ React29.createElement(Favicon, { url: src }),
+          /* @__PURE__ */ React29.createElement("span", { className: "underline underline-offset-2" }, getDisplayUrl(src))
+        ))))), topicQuotes.length > 0 && /* @__PURE__ */ React29.createElement("div", { style: { marginTop: "12px" } }, /* @__PURE__ */ React29.createElement(
           "p",
           {
             style: {
@@ -5235,7 +5909,7 @@ function StanceAccordion({
           const verdict = verdictsByQuote ? verdictsByQuote[quote.id] : void 0;
           const borderColor = verdict === "agreed" ? "#0e7490" : verdict === "disagreed" ? "#b45309" : "#e2e8f0";
           const sourceName = quote.source_name || quote.sourceName;
-          return /* @__PURE__ */ React27.createElement(
+          return /* @__PURE__ */ React29.createElement(
             "div",
             {
               key: quote.id,
@@ -5247,7 +5921,7 @@ function StanceAccordion({
                 marginBottom: "8px"
               }
             },
-            /* @__PURE__ */ React27.createElement(
+            /* @__PURE__ */ React29.createElement(
               "p",
               {
                 style: {
@@ -5260,7 +5934,7 @@ function StanceAccordion({
               },
               quote.text
             ),
-            verdict === "agreed" && /* @__PURE__ */ React27.createElement(
+            verdict === "agreed" && /* @__PURE__ */ React29.createElement(
               "span",
               {
                 style: {
@@ -5277,10 +5951,10 @@ function StanceAccordion({
                   flexShrink: 0
                 }
               },
-              /* @__PURE__ */ React27.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React27.createElement("path", { d: "M5 13l4 4L19 7" })),
+              /* @__PURE__ */ React29.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React29.createElement("path", { d: "M5 13l4 4L19 7" })),
               "Agreed"
             ),
-            verdict === "disagreed" && /* @__PURE__ */ React27.createElement(
+            verdict === "disagreed" && /* @__PURE__ */ React29.createElement(
               "span",
               {
                 style: {
@@ -5297,10 +5971,10 @@ function StanceAccordion({
                   flexShrink: 0
                 }
               },
-              /* @__PURE__ */ React27.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React27.createElement("path", { d: "M6 18L18 6M6 6l12 12" })),
+              /* @__PURE__ */ React29.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React29.createElement("path", { d: "M6 18L18 6M6 6l12 12" })),
               "Disagreed"
             ),
-            sourceName && /* @__PURE__ */ React27.createElement(
+            sourceName && /* @__PURE__ */ React29.createElement(
               "a",
               {
                 href: quote.source_url || quote.sourceUrl,
@@ -5317,10 +5991,10 @@ function StanceAccordion({
               sourceName
             )
           );
-        })), !cached.reasoning && (!cached.sources || cached.sources.length === 0) && topicQuotes.length === 0 && /* @__PURE__ */ React27.createElement("p", { className: "text-sm text-neutral-400 italic py-2" }, "No detailed reasoning available for this topic."))))
+        })), !cached.reasoning && (!cached.sources || cached.sources.length === 0) && topicQuotes.length === 0 && /* @__PURE__ */ React29.createElement("p", { className: "text-sm text-neutral-400 italic py-2" }, "No detailed reasoning available for this topic."))))
       ));
     }),
-    hasToggle && /* @__PURE__ */ React27.createElement(
+    hasToggle && /* @__PURE__ */ React29.createElement(
       "button",
       {
         type: "button",
@@ -5339,8 +6013,10 @@ export {
   CategorySection,
   CommitteeTable,
   CompassCardHorizontal,
+  CompassCardVertical,
   CompassCoverageCallout,
   CompassIcon,
+  CompassKey,
   ExpandCompassNudge,
   FilterSidebar,
   GovernmentBodySection,
@@ -5370,6 +6046,7 @@ export {
   defaultNavItems,
   duration,
   easing,
+  evContext,
   focus,
   fontSizes,
   fontWeights,