@the-portland-company/shell 0.97.1 → 0.99.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-SHcw15A4.cjs';
-export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as Card, c as CommsNotification, d as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, e as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, f as NotificationsAdapter, g as NotificationsFeed, R as RowMenu, h as RowMenuItem, i as RowMenuPlacement, T as TabGlyphComponent, j as aiCreditsWalletUrl, k as createCommsNotificationsAdapter, l as emptyNotificationsFeed, n as normalizeNotificationsFeed, r as resolveTabGlyph, m as rowMenuPosition } from './index-SHcw15A4.cjs';
+import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-DhrhpBVm.cjs';
+export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as CONTACTS_ORIGIN, c as Card, d as CommsNotification, e as CommsNotificationKind, f as ContactSlideIn, g as ContactSlideInProps, F as FormColumn, H as HeaderTabBar, h as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, i as NotificationsAdapter, j as NotificationsFeed, R as RowMenu, k as RowMenuItem, l as RowMenuPlacement, T as TabGlyphComponent, V as VRM_TIER_LABELS, m as VRM_VERIFIED_TOOLTIP, n as VrmVerifiedBadge, o as VrmVerifiedBadgeProps, p as VrmVerifiedTier, q as aiCreditsWalletUrl, r as contactEmbedUrl, s as contactPageUrl, t as createCommsNotificationsAdapter, u as emptyNotificationsFeed, v as normalizeNotificationsFeed, w as resolveTabGlyph, x as rowMenuPosition, y as useContactSlideIn } from './index-DhrhpBVm.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-smsLP_tM.js';
-export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as Card, c as CommsNotification, d as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, e as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, f as NotificationsAdapter, g as NotificationsFeed, R as RowMenu, h as RowMenuItem, i as RowMenuPlacement, T as TabGlyphComponent, j as aiCreditsWalletUrl, k as createCommsNotificationsAdapter, l as emptyNotificationsFeed, n as normalizeNotificationsFeed, r as resolveTabGlyph, m as rowMenuPosition } from './index-smsLP_tM.js';
+import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-Di9AyVsU.js';
+export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as CONTACTS_ORIGIN, c as Card, d as CommsNotification, e as CommsNotificationKind, f as ContactSlideIn, g as ContactSlideInProps, F as FormColumn, H as HeaderTabBar, h as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, i as NotificationsAdapter, j as NotificationsFeed, R as RowMenu, k as RowMenuItem, l as RowMenuPlacement, T as TabGlyphComponent, V as VRM_TIER_LABELS, m as VRM_VERIFIED_TOOLTIP, n as VrmVerifiedBadge, o as VrmVerifiedBadgeProps, p as VrmVerifiedTier, q as aiCreditsWalletUrl, r as contactEmbedUrl, s as contactPageUrl, t as createCommsNotificationsAdapter, u as emptyNotificationsFeed, v as normalizeNotificationsFeed, w as resolveTabGlyph, x as rowMenuPosition, y as useContactSlideIn } from './index-Di9AyVsU.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';

package/dist/index.js

@@ -1,7 +1,7 @@
-import { PageHeaderView, warnDeprecated, BreadcrumbBarView } from './chunk-XPTC47TY.js';
-export { AI_CREDITS_STATE_TITLES, AiCreditsState, Card, FormColumn, HeaderTabBar, KNOWN_TAB_GLYPHS, RowMenu, RowMenuItem, SpeculationRulesScript, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, emptyNotificationsFeed, normalizeNotificationsFeed, resolveTabGlyph, rowMenuPosition } from './chunk-XPTC47TY.js';
+import { PageHeaderView, warnDeprecated, BreadcrumbBarView } from './chunk-PQQLCUNO.js';
+export { AI_CREDITS_STATE_TITLES, AiCreditsState, CONTACTS_ORIGIN, Card, ContactSlideIn, FormColumn, HeaderTabBar, KNOWN_TAB_GLYPHS, RowMenu, RowMenuItem, SpeculationRulesScript, VRM_TIER_LABELS, VRM_VERIFIED_TOOLTIP, VrmVerifiedBadge, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, contactEmbedUrl, contactPageUrl, createCommsNotificationsAdapter, emptyNotificationsFeed, normalizeNotificationsFeed, resolveTabGlyph, rowMenuPosition, useContactSlideIn } from './chunk-PQQLCUNO.js';
 import { readResolvedTheme } from './chunk-BHRVZPZ7.js';
-export { BRAND_APPLE_ICON_LINK_ID, BRAND_FAVICON_LINK_ID, BrandFavicon, applyBrandFavicon, watchBrandFavicon } from './chunk-BMR5WAWH.js';
+export { BRAND_APPLE_ICON_LINK_ID, BRAND_FAVICON_LINK_ID, BrandFavicon, applyBrandFavicon, watchBrandFavicon } from './chunk-Q5DTPY5N.js';
 import { extendTheme, ChakraProvider, useColorMode } from '@chakra-ui/react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';

package/dist/native.cjs

@@ -2430,6 +2430,30 @@ function readBrandAsset(kind) {
     return null;
   }
 }
+var RETRY_MS = [0, 250, 1e3, 3e3];
+function useBrandAsset(kind) {
+  const [url, setUrl] = react.useState(null);
+  react.useEffect(() => {
+    let done = false;
+    const read = () => {
+      if (done) return;
+      const next = readBrandAsset(kind);
+      setUrl((prev) => prev === next ? prev : next);
+    };
+    const links = Array.from(
+      document.querySelectorAll('link[rel="stylesheet"][href*="api/tokens"]')
+    );
+    links.forEach((l) => l.addEventListener("load", read));
+    const timers = RETRY_MS.map((ms) => window.setTimeout(read, ms));
+    read();
+    return () => {
+      done = true;
+      links.forEach((l) => l.removeEventListener("load", read));
+      timers.forEach((t) => window.clearTimeout(t));
+    };
+  }, [kind]);
+  return url;
+}
 
 // src/lib/brandFavicon.ts
 var BRAND_FAVICON_LINK_ID = "politogy-brand-favicon";
@@ -2454,7 +2478,7 @@ function applyBrandFavicon() {
   if (apple) upsertLink(BRAND_APPLE_ICON_LINK_ID, "apple-touch-icon", apple);
   return true;
 }
-var RETRY_MS = [0, 250, 1e3, 3e3];
+var RETRY_MS2 = [0, 250, 1e3, 3e3];
 function watchBrandFavicon() {
   if (typeof document === "undefined") return () => {
   };
@@ -2471,7 +2495,7 @@ function watchBrandFavicon() {
     });
   };
   listen();
-  const timers = RETRY_MS.map((ms) => window.setTimeout(apply, ms));
+  const timers = RETRY_MS2.map((ms) => window.setTimeout(apply, ms));
   const observer = typeof MutationObserver === "undefined" ? null : new MutationObserver(() => {
     listen();
     apply();
@@ -3013,6 +3037,257 @@ function RowMenuItem({
     }
   );
 }
+var VRM_VERIFIED_TOOLTIP = "Politogy has confirmed this is a real, registered voter.";
+var VRM_TIER_LABELS = {
+  verified: "VRM Verified",
+  identified: "Identified",
+  anonymous: "Anonymous",
+  stale: "Stale",
+  inactive: "Inactive"
+};
+var TIER_TOOLTIPS = {
+  verified: VRM_VERIFIED_TOOLTIP,
+  identified: "Identified: we know who this is, but Politogy has not verified them.",
+  anonymous: "Anonymous: nothing identifying has been captured yet.",
+  stale: "Stale: was VRM Verified, but the proof is more than 12 months old.",
+  inactive: "Inactive: the voter file marks this registration inactive or canceled."
+};
+var DOT_FALLBACK = {
+  verified: "#00A651",
+  identified: "#a855f7",
+  anonymous: "var(--color-graphite, #2b2b2b)",
+  stale: "#eab308",
+  inactive: "var(--muted, #8a8a8a)"
+};
+function VrmVerifiedBadge({ tier, variant = "pill", size, showLabel = true, className, style }) {
+  const known = tier && tier in VRM_TIER_LABELS ? tier : null;
+  if (variant === "icon") {
+    return known === "verified" ? /* @__PURE__ */ jsxRuntime.jsx(VerifiedIcon, { size: size ?? 16, className, style }) : null;
+  }
+  const label = known ? VRM_TIER_LABELS[known] : "Not yet computed";
+  const title = known ? TIER_TOOLTIPS[known] : "The VRM Verified tier has not been worked out yet.";
+  const dotSize = size ?? 8;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-vrm-tier": known ?? "none",
+      title,
+      "aria-label": showLabel ? void 0 : label,
+      role: showLabel ? void 0 : "img",
+      className,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 6,
+        borderRadius: 9999,
+        border: "1px solid var(--line, #e5e5e5)",
+        padding: "2px 10px",
+        fontSize: 12,
+        fontWeight: 600,
+        lineHeight: 1.4,
+        whiteSpace: "nowrap",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            "data-vrm-dot": true,
+            style: {
+              display: "inline-block",
+              width: dotSize,
+              height: dotSize,
+              borderRadius: 9999,
+              flexShrink: 0,
+              background: known ? `var(--vrm-tier-${known}, ${DOT_FALLBACK[known]})` : "transparent",
+              border: known ? void 0 : "1px dashed var(--muted, #8a8a8a)"
+            }
+          }
+        ),
+        showLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }) : null
+      ]
+    }
+  );
+}
+function VerifiedIcon({ size, className, style }) {
+  const icon = useBrandAsset("verified-icon");
+  return (
+    // The box is reserved while the Brand sheet loads; nothing stands in.
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "data-vrm-tier": "verified",
+        "data-vrm-variant": "icon",
+        role: "img",
+        "aria-label": VRM_TIER_LABELS.verified,
+        title: VRM_VERIFIED_TOOLTIP,
+        className,
+        style: { display: "inline-block", width: size, height: size, flexShrink: 0, verticalAlign: "middle", ...style },
+        children: icon ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: icon,
+            alt: "",
+            width: size,
+            height: size,
+            draggable: false,
+            "data-testid": "vrm-verified-icon",
+            style: { display: "block", width: size, height: size }
+          }
+        ) : null
+      }
+    )
+  );
+}
+var CONTACTS_ORIGIN = "https://contacts.politogyvrm.com";
+function withOrg(path, orgId) {
+  return orgId ? `${path}?org=${encodeURIComponent(orgId)}` : path;
+}
+function contactEmbedUrl(contactId, orgId, origin = CONTACTS_ORIGIN) {
+  return withOrg(`${origin}/contacts/embed/${encodeURIComponent(contactId)}`, orgId);
+}
+function contactPageUrl(contactId, orgId, origin = CONTACTS_ORIGIN) {
+  return withOrg(`${origin}/contacts/${encodeURIComponent(contactId)}`, orgId);
+}
+function prefersReducedMotion() {
+  try {
+    return typeof window !== "undefined" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+  } catch {
+    return false;
+  }
+}
+var iconButton = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  borderRadius: 9999,
+  border: "1px solid var(--line, #d7dadf)",
+  padding: 6,
+  background: "transparent",
+  color: "var(--muted, #5c6b80)",
+  cursor: "pointer"
+};
+function ContactSlideIn({ contactId, orgId, onClose, contactsOrigin = CONTACTS_ORIGIN }) {
+  const [shown, setShown] = react.useState(false);
+  react.useEffect(() => {
+    if (!contactId) {
+      setShown(false);
+      return;
+    }
+    if (prefersReducedMotion()) {
+      setShown(true);
+      return;
+    }
+    const id = requestAnimationFrame(() => setShown(true));
+    return () => cancelAnimationFrame(id);
+  }, [contactId]);
+  react.useEffect(() => {
+    if (!contactId) return;
+    const onKey = (event) => {
+      if (event.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [contactId, onClose]);
+  if (!contactId) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-testid": "contact-slide-in-overlay",
+      onClick: onClose,
+      style: { position: "fixed", inset: 0, zIndex: 60, background: "rgba(0, 0, 0, 0.4)" },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "aside",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": "Contact card",
+          "data-testid": "contact-slide-in",
+          onClick: (event) => event.stopPropagation(),
+          style: {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            width: "100%",
+            maxWidth: 672,
+            display: "flex",
+            flexDirection: "column",
+            background: "var(--panel, #ffffff)",
+            color: "var(--foreground, #2f3136)",
+            borderLeft: "1px solid var(--line, #d7dadf)",
+            boxShadow: "var(--shadow-soft, 0 10px 28px rgba(27, 28, 32, 0.14))",
+            transform: shown ? "translateX(0)" : "translateX(100%)",
+            transition: "transform 220ms cubic-bezier(0.16, 1, 0.3, 1)"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  gap: 12,
+                  borderBottom: "1px solid var(--line, #d7dadf)",
+                  padding: "12px 24px"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "p",
+                    {
+                      style: {
+                        margin: 0,
+                        fontSize: 12,
+                        fontWeight: 600,
+                        letterSpacing: "0.18em",
+                        textTransform: "uppercase",
+                        color: "var(--muted, #5c6b80)"
+                      },
+                      children: "Contact Card"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href: contactPageUrl(contactId, orgId, contactsOrigin),
+                        target: "_top",
+                        style: { fontSize: 13, fontWeight: 600, color: "var(--color-race-blue-500, #007bff)", textDecoration: "none" },
+                        children: "Open in Contacts"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Close contact card", title: "Close", onClick: onClose, style: iconButton, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { "aria-hidden": true, width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 6 12 12" })
+                    ] }) })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "iframe",
+              {
+                title: "Contact card",
+                src: contactEmbedUrl(contactId, orgId, contactsOrigin),
+                "data-testid": "contact-slide-in-frame",
+                style: { flex: 1, minHeight: 0, width: "100%", border: 0, background: "var(--panel, #ffffff)" }
+              },
+              contactId
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function useContactSlideIn() {
+  const [contactId, setContactId] = react.useState(null);
+  const open = react.useCallback((id) => setContactId(id), []);
+  const close = react.useCallback(() => setContactId(null), []);
+  return { contactId, open, close };
+}
 var standardNavIcons = {
   home: lu.LuHouse,
   users: lu.LuUsers,
@@ -3168,14 +3443,14 @@ var APP_SIGNS_CHILDREN = [
 function standardPolitogyNav(opts) {
   const icon = (key) => opts.icons?.[key] ?? standardNavIcons[key];
   const orgParam = opts.activeOrgId ? `org=${opts.activeOrgId}` : "";
-  const withOrg = (url) => orgParam ? `${url}${url.includes("?") ? "&" : "?"}${orgParam}` : url;
+  const withOrg2 = (url) => orgParam ? `${url}${url.includes("?") ? "&" : "?"}${orgParam}` : url;
   const leaves = (origin, children) => appLeaves(origin, children);
   const branches = (origin, children) => {
     const o = origin.replace(/\/+$/, "");
     return children.map((c) => ({
       label: c.label,
       icon: icon(c.icon),
-      href: withOrg(`${o}/${c.path}`),
+      href: withOrg2(`${o}/${c.path}`),
       children: c.children ? leaves(origin, c.children) : void 0
     }));
   };
@@ -3184,21 +3459,21 @@ function standardPolitogyNav(opts) {
     return children.map((c) => {
       const url = c.path ? `${base}/${c.path}` : `${base}/`;
       const withMode = modeParam ? `${url}${url.includes("?") ? "&" : "?"}mode=${modeParam}` : url;
-      return { label: c.label, icon: icon(c.icon), href: withOrg(withMode) };
+      return { label: c.label, icon: icon(c.icon), href: withOrg2(withMode) };
     });
   };
   const accountRows = () => [
     { kind: "section", label: "Account", railHidden: true },
     // My Profile moved to the Politogy ID account app (auth.politogyvrm.com)
     // with the retirement of app.politogyvrm.com.
-    { label: "My profile", icon: icon("circleUser"), href: withOrg(`${AUTH_ORIGIN}my-profile`), railHidden: true },
+    { label: "My profile", icon: icon("circleUser"), href: withOrg2(`${AUTH_ORIGIN}my-profile`), railHidden: true },
     {
       label: "Organization settings",
       icon: icon("settings"),
       railHidden: true,
       // Organization settings moved to the standalone Settings app
       // (settings.politogyvrm.com, Specs/Organization-Settings v12).
-      href: withOrg(`${SETTINGS_ORIGIN2}organization-settings`),
+      href: withOrg2(`${SETTINGS_ORIGIN2}organization-settings`),
       children: branches(SETTINGS_ORIGIN2, ORG_SETTINGS_CHILDREN)
     }
   ];
@@ -3212,11 +3487,11 @@ function standardPolitogyNav(opts) {
     } : {
       label: "Contacts",
       icon: icon("usersRound"),
-      href: withOrg(`${CONTACTS_APP}/`),
+      href: withOrg2(`${CONTACTS_APP}/`),
       children: APP_CONTACTS_CHILDREN.map((c) => ({
         label: c.label,
         icon: icon(c.icon),
-        href: withOrg(c.href)
+        href: withOrg2(c.href)
       }))
     };
     return [
@@ -3228,13 +3503,13 @@ function standardPolitogyNav(opts) {
       // target as active on `/` alone, so a root link left the Dashboard row
       // without its active marker on the Dashboard (Left-Navigation §8.1,
       // §11.3 "exactly one row is active").
-      { label: "Dashboard", icon: icon("layoutDashboard"), href: withOrg(`${DASHBOARD_ORIGIN}dashboard`) },
+      { label: "Dashboard", icon: icon("layoutDashboard"), href: withOrg2(`${DASHBOARD_ORIGIN}dashboard`) },
       contacts,
       {
         label: "Email broadcast",
         icon: icon("mail"),
-        href: withOrg(`${EMAIL_APP}/dashboard`),
-        children: APP_EMAIL_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg(c.href) }))
+        href: withOrg2(`${EMAIL_APP}/dashboard`),
+        children: APP_EMAIL_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg2(c.href) }))
       },
       {
         // SMS/MMS Blast is the a2p app entered in RELATIONSHIP mode (a2p is
@@ -3243,7 +3518,7 @@ function standardPolitogyNav(opts) {
         // lights up on arrival.
         label: "SMS/MMS blast",
         icon: icon("messageSquare"),
-        href: withOrg(`${A2P_ORIGIN}?mode=relationship`),
+        href: withOrg2(`${A2P_ORIGIN}?mode=relationship`),
         children: appLeaves(A2P_ORIGIN, APP_A2P_CHILDREN, "relationship")
       },
       { kind: "section", label: "Collect" },
@@ -3252,20 +3527,20 @@ function standardPolitogyNav(opts) {
       {
         label: "Calls to action",
         icon: icon("mousePointerClick"),
-        href: withOrg("https://ctas.politogyvrm.com/"),
-        children: APP_CTAS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg(c.href) }))
+        href: withOrg2("https://ctas.politogyvrm.com/"),
+        children: APP_CTAS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg2(c.href) }))
       },
       {
         label: "Forms",
         icon: icon("fileText"),
-        href: withOrg("https://forms.politogyvrm.com/"),
-        children: APP_FORMS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg(c.href) }))
+        href: withOrg2("https://forms.politogyvrm.com/"),
+        children: APP_FORMS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg2(c.href) }))
       },
       {
         label: "Surveys",
         icon: icon("clipboardList"),
-        href: withOrg("https://surveys.politogyvrm.com/surveys"),
-        children: APP_SURVEYS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg(c.href) }))
+        href: withOrg2("https://surveys.politogyvrm.com/surveys"),
+        children: APP_SURVEYS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg2(c.href) }))
       },
       // No Polls row here: Polling is a Campaign Mode feature only
       // (Specs/Left-Navigation §9.1 "Polls is not a Relationship row"). Its
@@ -3286,48 +3561,48 @@ function standardPolitogyNav(opts) {
       { kind: "section", label: "Race data" },
       // Battleground is the Campaign Mode landing page, its own app on its own
       // host (registry key `battleground`; Specs/Left-Navigation §9.2, §13, §14).
-      { label: "Battleground", icon: icon("crosshair"), href: withOrg(`${BATTLEGROUND_ORIGIN}battleground`) },
+      { label: "Battleground", icon: icon("crosshair"), href: withOrg2(`${BATTLEGROUND_ORIGIN}battleground`) },
       // District Data is its own Campaign Mode app on its own host (registry key `districts`).
-      { label: "District data", icon: icon("landmark"), href: withOrg(`${DISTRICTS_ORIGIN}districts`) },
+      { label: "District data", icon: icon("landmark"), href: withOrg2(`${DISTRICTS_ORIGIN}districts`) },
       // Campaign Tribes (Specs/Tribes §2.3–§2.4, Left-Navigation §9.2; decided
       // 2026-10-16, Ben): a page of the Battleground app at /tribes, so it is
       // the only active row there (Battleground's /battleground prefix does
       // not match it). Relationship Tribes stay inside Contacts.
-      { label: "Tribes", icon: icon("usersRound"), href: withOrg(`${BATTLEGROUND_ORIGIN}tribes`) },
+      { label: "Tribes", icon: icon("usersRound"), href: withOrg2(`${BATTLEGROUND_ORIGIN}tribes`) },
       { kind: "section", label: "Research" },
       {
         label: "Polling",
         icon: icon("chartNoAxes"),
-        href: withOrg(POLLS_ORIGIN),
-        children: APP_POLLS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg(c.href) })),
+        href: withOrg2(POLLS_ORIGIN),
+        children: APP_POLLS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg2(c.href) })),
         flag: "polling"
       },
       { kind: "section", label: "GOTV" },
       {
         label: "Field canvassing",
         icon: icon("doorOpen"),
-        href: withOrg(CANVASS_ORIGIN),
+        href: withOrg2(CANVASS_ORIGIN),
         children: appLeaves(CANVASS_ORIGIN, APP_CANVASS_CHILDREN),
         flag: "canvass"
       },
       {
         label: "Phone banking",
         icon: icon("phone"),
-        href: withOrg(PHONEBANK_ORIGIN),
+        href: withOrg2(PHONEBANK_ORIGIN),
         children: appLeaves(PHONEBANK_ORIGIN, APP_PHONEBANK_CHILDREN),
         flag: "phonebank"
       },
       {
         label: "A2P texting",
         icon: icon("messageSquare"),
-        href: withOrg(A2P_ORIGIN),
+        href: withOrg2(A2P_ORIGIN),
         children: appLeaves(A2P_ORIGIN, APP_A2P_CHILDREN),
         flag: "a2p"
       },
       {
         label: "Sign mapping",
         icon: icon("signpost"),
-        href: withOrg(SIGNS_ORIGIN),
+        href: withOrg2(SIGNS_ORIGIN),
         children: appLeaves(SIGNS_ORIGIN, APP_SIGNS_CHILDREN),
         flag: "signs"
       },
@@ -3344,9 +3619,9 @@ function standardPolitogyNav(opts) {
     opts.petitionsItem ? {
       label: "Dashboard",
       icon: icon("home"),
-      href: opts.petitionsItem.href ?? withOrg(PETITION_MODE_ORIGIN),
+      href: opts.petitionsItem.href ?? withOrg2(PETITION_MODE_ORIGIN),
       children: opts.petitionsItem.children
-    } : { label: "Dashboard", icon: icon("home"), href: withOrg(PETITION_MODE_ORIGIN) }
+    } : { label: "Dashboard", icon: icon("home"), href: withOrg2(PETITION_MODE_ORIGIN) }
   ];
   const mode = opts.mode ?? "relationship";
   const built = mode === "campaign" ? buildCampaign() : mode === "petition" ? buildPetition() : buildRelationship();
@@ -4986,11 +5261,13 @@ exports.BETA_BANNER_DISMISS_KEY = BETA_BANNER_DISMISS_KEY;
 exports.BrandFavicon = BrandFavicon;
 exports.BreadcrumbBar = BreadcrumbBar;
 exports.CAMPAIGN_FEATURE_AVAILABILITY = CAMPAIGN_FEATURE_AVAILABILITY;
+exports.CONTACTS_ORIGIN = CONTACTS_ORIGIN;
 exports.CORE_APP_ORIGIN = CORE_APP_ORIGIN;
 exports.CORE_BILLING_PATH = CORE_BILLING_PATH;
 exports.CREDIT_TYPE_LABELS = CREDIT_TYPE_LABELS;
 exports.CREDIT_TYPE_ORDER = CREDIT_TYPE_ORDER;
 exports.Card = Card;
+exports.ContactSlideIn = ContactSlideIn;
 exports.CreditsAction = CreditsAction;
 exports.FormColumn = FormColumn;
 exports.FuelAction = FuelAction;
@@ -5019,10 +5296,15 @@ exports.TopBarPanelArrow = TopBarPanelArrow;
 exports.TopBarPopover = TopBarPopover;
 exports.TopBarTooltip = TopBarTooltip;
 exports.TopBarWidgetSlot = TopBarWidgetSlot;
+exports.VRM_TIER_LABELS = VRM_TIER_LABELS;
+exports.VRM_VERIFIED_TOOLTIP = VRM_VERIFIED_TOOLTIP;
+exports.VrmVerifiedBadge = VrmVerifiedBadge;
 exports.aiCreditsWalletUrl = aiCreditsWalletUrl;
 exports.applyBrandFavicon = applyBrandFavicon;
 exports.buildLineParts = buildLineParts;
 exports.clearBetaBannerDismissal = clearBetaBannerDismissal;
+exports.contactEmbedUrl = contactEmbedUrl;
+exports.contactPageUrl = contactPageUrl;
 exports.creditGaugeRatio = creditGaugeRatio;
 exports.creditStateWord = creditStateWord;
 exports.creditTooltipLine = creditTooltipLine;
@@ -5040,6 +5322,7 @@ exports.standardPolitogyNav = standardPolitogyNav;
 exports.topBarIconButtonClass = topBarIconButtonClass;
 exports.useChromeMe = useChromeMe;
 exports.useChromeOrgs = useChromeOrgs;
+exports.useContactSlideIn = useContactSlideIn;
 exports.useNavChromeDedupedFetch = useNavChromeDedupedFetch;
 exports.useNavChromeFetcher = useNavChromeFetcher;
 exports.useThemePreference = useThemePreference;