@the-portland-company/shell 0.97.1 → 0.99.0

package/dist/app-chrome.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { S as StandardNavIconKey, o as NavIcon, N as NavItem, p as NavBreadcrumb, q as StandardNavMode, s as NavLinkComponent, t as NavChromeFetcher, u as NavMode, v as NavUserMenu, w as NavOrgOption, f as NotificationsAdapter, x as NavFooterLink, y as NavFooter, z as NavDisplayMode } from './index-SHcw15A4.cjs';
+import { S as StandardNavIconKey, z as NavIcon, N as NavItem, D as NavBreadcrumb, E as StandardNavMode, G as NavLinkComponent, I as NavChromeFetcher, J as NavMode, L as NavUserMenu, M as NavOrgOption, i as NotificationsAdapter, O as NavFooterLink, Q as NavFooter, U as NavDisplayMode } from './index-DhrhpBVm.cjs';
 import './theme-preference.cjs';
 import './brand-favicon.cjs';
 

package/dist/app-chrome.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { S as StandardNavIconKey, o as NavIcon, N as NavItem, p as NavBreadcrumb, q as StandardNavMode, s as NavLinkComponent, t as NavChromeFetcher, u as NavMode, v as NavUserMenu, w as NavOrgOption, f as NotificationsAdapter, x as NavFooterLink, y as NavFooter, z as NavDisplayMode } from './index-smsLP_tM.js';
+import { S as StandardNavIconKey, z as NavIcon, N as NavItem, D as NavBreadcrumb, E as StandardNavMode, G as NavLinkComponent, I as NavChromeFetcher, J as NavMode, L as NavUserMenu, M as NavOrgOption, i as NotificationsAdapter, O as NavFooterLink, Q as NavFooter, U as NavDisplayMode } from './index-Di9AyVsU.js';
 import './theme-preference.js';
 import './brand-favicon.js';
 

package/dist/app-chrome.js

@@ -1,13 +1,13 @@
 "use client";
 import { broadcastLogout, watchLogout } from './chunk-LL6LSJAH.js';
 import { writeUrlState } from './chunk-GVQKZI5X.js';
-import { clearBetaBannerDismissal, standardPolitogyNav, standardNavIcons, isNavItemActive, NavAppShell } from './chunk-5IRZD6GF.js';
-export { standardNavIcons } from './chunk-5IRZD6GF.js';
+import { clearBetaBannerDismissal, standardPolitogyNav, standardNavIcons, isNavItemActive, NavAppShell } from './chunk-YMCWLO2L.js';
+export { standardNavIcons } from './chunk-YMCWLO2L.js';
 import { orgIdTail, ORG_ID_QUERY_PARAM, settingsBaseUrl, authBaseUrl, readOrgSelectorFromUrl, matchOrgSelector, syncOrgIdInUrl, isOrgId, switchActiveOrg, ACTIVE_ORG_QUERY_PARAM, writeActiveOrgCookie, resolveActiveOrg, readActiveOrgCookie } from './chunk-5LO5W7W5.js';
-import { warnDeprecated, NavChromeProvider, FuelAction, NotificationsAction, OrganizationSettingsAction, MyProfileAction, useChromeMe, useNavChromeDedupedFetch, useChromeOrgs, useNavChromeFetcher } from './chunk-XPTC47TY.js';
+import { warnDeprecated, NavChromeProvider, FuelAction, NotificationsAction, OrganizationSettingsAction, MyProfileAction, useChromeMe, useNavChromeDedupedFetch, useChromeOrgs, useNavChromeFetcher } from './chunk-PQQLCUNO.js';
 import './chunk-BHRVZPZ7.js';
 import { NAV_DISPLAY_DEFAULT, resolveNavDisplay, writeNavDisplayLocal, writeNavDisplayCookie, isNavDisplayPreference, NAV_DISPLAY_STORAGE_KEY, readNavDisplayCookie } from './chunk-7YVJ7HQG.js';
-import { useBrandAssets, BrandFavicon } from './chunk-BMR5WAWH.js';
+import { useBrandAssets, BrandFavicon } from './chunk-Q5DTPY5N.js';
 import { createContext, useMemo, useRef, useEffect, useState, useCallback, useContext } from 'react';
 import { createDevNotesClient, DevNotesProvider, DevNotesTaskListModal, DevNotesOverlay } from '@the-portland-company/devnotes';
 import { LuContactRound, LuMegaphone, LuFilePenLine } from 'react-icons/lu';

package/dist/brand-favicon.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/brandAssets.ts","../src/lib/brandFavicon.ts"],"names":["useEffect"],"mappings":"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","file":"brand-favicon.cjs","sourcesContent":["// Brand assets — logo URLs read at RUNTIME from the Brand token sheet.\n//\n// Brand guideline \"Logo standard: use the uploaded Brand assets as-is\": apps\n// (and the shell) never bundle their own copy of a logo; they read the URLs\n// from the Brand `assets` group. `/api/tokens?format=css` emits each set asset\n// as `--asset-<kebab>: url(\"…\")` on `:root`, and every app already loads that\n// sheet at runtime (see ../runtime-tokens.ts), so the rail logo is resolved\n// from the same live sheet as every other chrome value — a Brand upload swaps\n// the logo in every app without a deploy, and there is nothing to fall back to\n// that could drift.\n\n'use client'\n\nimport { useEffect, useState } from 'react'\n\n/** Brand `assets` keys the chrome renders, by their `--asset-<kebab>` name. */\nexport type BrandAssetKind = 'logo-horizontal' | 'logo-square' | 'favicon' | 'apple-icon'\n\n/** `url(\"https://…\")` / `url(https://…)` → the bare https URL, else null. */\nexport function parseCssUrl(value: string | null | undefined): string | null {\n  if (!value) return null\n  const m = /^url\\(\\s*(['\"]?)(.*?)\\1\\s*\\)$/i.exec(value.trim())\n  const url = m?.[2]?.trim()\n  return url && /^https:\\/\\//i.test(url) ? url : null\n}\n\n/** One Brand asset URL from the live token sheet, or null while it is unset. */\nexport function readBrandAsset(kind: BrandAssetKind): string | null {\n  if (typeof document === 'undefined') return null\n  try {\n    return parseCssUrl(\n      window.getComputedStyle(document.documentElement).getPropertyValue(`--asset-${kind}`),\n    )\n  } catch {\n    return null\n  }\n}\n\nexport type BrandAssets = {\n  /** `assets.logoHorizontal` — the all-white lockup at the top of the rail. */\n  logoHorizontal: string | null\n  /** `assets.logoSquare` — the all-white vrm tile on the collapsed rail. */\n  logoSquare: string | null\n}\n\nconst EMPTY: BrandAssets = { logoHorizontal: null, logoSquare: null }\n\n// The token sheet is a <link> the app appends at startup, so it may still be\n// in flight on first paint. Re-read when it loads, and a few times after, to\n// cover a link that is inserted after this effect ran.\nconst RETRY_MS = [0, 250, 1000, 3000]\n\n/**\n * The Brand logo URLs, resolved after mount (null on the server and until the\n * runtime token sheet has loaded). Callers reserve the logo's box and draw\n * nothing while a value is null — never a stand-in image.\n */\nexport function useBrandAssets(): BrandAssets {\n  const [assets, setAssets] = useState<BrandAssets>(EMPTY)\n  useEffect(() => {\n    let done = false\n    const read = () => {\n      if (done) return\n      const next = {\n        logoHorizontal: readBrandAsset('logo-horizontal'),\n        logoSquare: readBrandAsset('logo-square'),\n      }\n      setAssets((prev) =>\n        prev.logoHorizontal === next.logoHorizontal && prev.logoSquare === next.logoSquare\n          ? prev\n          : next,\n      )\n    }\n    const links = Array.from(\n      document.querySelectorAll<HTMLLinkElement>('link[rel=\"stylesheet\"][href*=\"api/tokens\"]'),\n    )\n    links.forEach((l) => l.addEventListener('load', read))\n    const timers = RETRY_MS.map((ms) => window.setTimeout(read, ms))\n    read()\n    return () => {\n      done = true\n      links.forEach((l) => l.removeEventListener('load', read))\n      timers.forEach((t) => window.clearTimeout(t))\n    }\n  }, [])\n  return assets\n}\n","// Browser-tab icon — Brand `assets.favicon` read at RUNTIME from the Brand\n// token sheet, the same way the rail logo is (./brandAssets).\n//\n// `politogyAppIcons()` (../app-icons) resolves the icon on the SERVER from\n// specs.politogyvrm.com/api/icons/<app>. In production that request comes from\n// a Worker, not a browser, and Cloudflare's bot check answers it with a\n// challenge page, so the metadata comes back with no icon and the tab shows the\n// browser default (or an app's leftover Next.js `favicon.ico` triangle). The\n// token sheet, by contrast, is loaded by the BROWSER in every app, and emits\n// `--asset-favicon` / `--asset-apple-icon` from Brand `assets.*`. Reading those\n// gives every app the Brand's VRM tile with no static file in any repo (Global\n// Rules → App Icons) and no extra request.\n//\n// The link carries a fixed id and is kept the LAST icon link in <head>, so a\n// stale icon from metadata or an old static file never wins over the Brand's.\n\n'use client'\n\nimport { useEffect } from 'react'\n\nimport { readBrandAsset } from './brandAssets'\n\nexport const BRAND_FAVICON_LINK_ID = 'politogy-brand-favicon'\nexport const BRAND_APPLE_ICON_LINK_ID = 'politogy-brand-apple-icon'\n\nfunction upsertLink(id: string, rel: string, href: string): void {\n  let link = document.getElementById(id) as HTMLLinkElement | null\n  if (!link) {\n    link = document.createElement('link')\n    link.id = id\n    link.rel = rel\n  }\n  if (link.getAttribute('href') !== href) link.href = href\n  // Last icon link in <head> wins. Re-appending an already-last node is a no-op\n  // for the browser, so only move it when something was added after it.\n  const icons = document.head.querySelectorAll(`link[rel~=\"${rel.split(' ')[0]}\"]`)\n  if (icons[icons.length - 1] !== link) document.head.appendChild(link)\n}\n\n/**\n * Point the tab icon (and the iOS home-screen icon) at the Brand's uploaded\n * assets. Returns true once the favicon was set; false while the token sheet\n * has not defined `--asset-favicon` yet. Never draws a stand-in.\n */\nexport function applyBrandFavicon(): boolean {\n  if (typeof document === 'undefined') return false\n  const favicon = readBrandAsset('favicon')\n  if (!favicon) return false\n  upsertLink(BRAND_FAVICON_LINK_ID, 'icon', favicon)\n  const apple = readBrandAsset('apple-icon')\n  if (apple) upsertLink(BRAND_APPLE_ICON_LINK_ID, 'apple-touch-icon', apple)\n  return true\n}\n\n// The token sheet is a <link> the app appends at startup, so it may still be in\n// flight on first paint. Re-read when it loads and a few times after.\nconst RETRY_MS = [0, 250, 1000, 3000]\n\n/**\n * Apply the Brand favicon now and keep it applied: on token sheet load, on a\n * few retries, and whenever <head> changes (a client navigation can re-insert\n * metadata icon links after ours). Returns a cleanup function.\n */\nexport function watchBrandFavicon(): () => void {\n  if (typeof document === 'undefined') return () => {}\n  let done = false\n  const apply = () => {\n    if (!done) applyBrandFavicon()\n  }\n  // A token sheet inserted after mount is picked up by the observer below.\n  const sheets = new Set<HTMLLinkElement>()\n  const listen = () => {\n    document\n      .querySelectorAll<HTMLLinkElement>('link[rel=\"stylesheet\"][href*=\"api/tokens\"]')\n      .forEach((l) => {\n        if (sheets.has(l)) return\n        sheets.add(l)\n        l.addEventListener('load', apply)\n      })\n  }\n  listen()\n  const timers = RETRY_MS.map((ms) => window.setTimeout(apply, ms))\n  const observer =\n    typeof MutationObserver === 'undefined'\n      ? null\n      : new MutationObserver(() => {\n          listen()\n          apply()\n        })\n  observer?.observe(document.head, { childList: true })\n  return () => {\n    done = true\n    sheets.forEach((l) => l.removeEventListener('load', apply))\n    timers.forEach((t) => window.clearTimeout(t))\n    observer?.disconnect()\n  }\n}\n\n/** Renders nothing; sets the Brand favicon after mount. PolitogyAppFrame renders it. */\nexport function BrandFavicon(): null {\n  useEffect(() => watchBrandFavicon(), [])\n  return null\n}\n"]}
+{"version":3,"sources":["../src/lib/brandAssets.ts","../src/lib/brandFavicon.ts"],"names":["useEffect"],"mappings":"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","file":"brand-favicon.cjs","sourcesContent":["// Brand assets — logo URLs read at RUNTIME from the Brand token sheet.\n//\n// Brand guideline \"Logo standard: use the uploaded Brand assets as-is\": apps\n// (and the shell) never bundle their own copy of a logo; they read the URLs\n// from the Brand `assets` group. `/api/tokens?format=css` emits each set asset\n// as `--asset-<kebab>: url(\"…\")` on `:root`, and every app already loads that\n// sheet at runtime (see ../runtime-tokens.ts), so the rail logo is resolved\n// from the same live sheet as every other chrome value — a Brand upload swaps\n// the logo in every app without a deploy, and there is nothing to fall back to\n// that could drift.\n\n'use client'\n\nimport { useEffect, useState } from 'react'\n\n/** Brand `assets` keys the chrome renders, by their `--asset-<kebab>` name. */\nexport type BrandAssetKind = 'logo-horizontal' | 'logo-square' | 'favicon' | 'apple-icon' | 'verified-icon'\n\n/** `url(\"https://…\")` / `url(https://…)` → the bare https URL, else null. */\nexport function parseCssUrl(value: string | null | undefined): string | null {\n  if (!value) return null\n  const m = /^url\\(\\s*(['\"]?)(.*?)\\1\\s*\\)$/i.exec(value.trim())\n  const url = m?.[2]?.trim()\n  return url && /^https:\\/\\//i.test(url) ? url : null\n}\n\n/** One Brand asset URL from the live token sheet, or null while it is unset. */\nexport function readBrandAsset(kind: BrandAssetKind): string | null {\n  if (typeof document === 'undefined') return null\n  try {\n    return parseCssUrl(\n      window.getComputedStyle(document.documentElement).getPropertyValue(`--asset-${kind}`),\n    )\n  } catch {\n    return null\n  }\n}\n\nexport type BrandAssets = {\n  /** `assets.logoHorizontal` — the all-white lockup at the top of the rail. */\n  logoHorizontal: string | null\n  /** `assets.logoSquare` — the all-white vrm tile on the collapsed rail. */\n  logoSquare: string | null\n}\n\nconst EMPTY: BrandAssets = { logoHorizontal: null, logoSquare: null }\n\n// The token sheet is a <link> the app appends at startup, so it may still be\n// in flight on first paint. Re-read when it loads, and a few times after, to\n// cover a link that is inserted after this effect ran.\nconst RETRY_MS = [0, 250, 1000, 3000]\n\n/**\n * The Brand logo URLs, resolved after mount (null on the server and until the\n * runtime token sheet has loaded). Callers reserve the logo's box and draw\n * nothing while a value is null — never a stand-in image.\n */\nexport function useBrandAssets(): BrandAssets {\n  const [assets, setAssets] = useState<BrandAssets>(EMPTY)\n  useEffect(() => {\n    let done = false\n    const read = () => {\n      if (done) return\n      const next = {\n        logoHorizontal: readBrandAsset('logo-horizontal'),\n        logoSquare: readBrandAsset('logo-square'),\n      }\n      setAssets((prev) =>\n        prev.logoHorizontal === next.logoHorizontal && prev.logoSquare === next.logoSquare\n          ? prev\n          : next,\n      )\n    }\n    const links = Array.from(\n      document.querySelectorAll<HTMLLinkElement>('link[rel=\"stylesheet\"][href*=\"api/tokens\"]'),\n    )\n    links.forEach((l) => l.addEventListener('load', read))\n    const timers = RETRY_MS.map((ms) => window.setTimeout(read, ms))\n    read()\n    return () => {\n      done = true\n      links.forEach((l) => l.removeEventListener('load', read))\n      timers.forEach((t) => window.clearTimeout(t))\n    }\n  }, [])\n  return assets\n}\n\n/**\n * One Brand asset URL, resolved after mount the same way as the rail logos\n * (null on the server and until the runtime token sheet has loaded). Used by\n * the VRM Verified badge for `assets.verifiedIcon` (`--asset-verified-icon`).\n */\nexport function useBrandAsset(kind: BrandAssetKind): string | null {\n  const [url, setUrl] = useState<string | null>(null)\n  useEffect(() => {\n    let done = false\n    const read = () => {\n      if (done) return\n      const next = readBrandAsset(kind)\n      setUrl((prev) => (prev === next ? prev : next))\n    }\n    const links = Array.from(\n      document.querySelectorAll<HTMLLinkElement>('link[rel=\"stylesheet\"][href*=\"api/tokens\"]'),\n    )\n    links.forEach((l) => l.addEventListener('load', read))\n    const timers = RETRY_MS.map((ms) => window.setTimeout(read, ms))\n    read()\n    return () => {\n      done = true\n      links.forEach((l) => l.removeEventListener('load', read))\n      timers.forEach((t) => window.clearTimeout(t))\n    }\n  }, [kind])\n  return url\n}\n","// Browser-tab icon — Brand `assets.favicon` read at RUNTIME from the Brand\n// token sheet, the same way the rail logo is (./brandAssets).\n//\n// `politogyAppIcons()` (../app-icons) resolves the icon on the SERVER from\n// specs.politogyvrm.com/api/icons/<app>. In production that request comes from\n// a Worker, not a browser, and Cloudflare's bot check answers it with a\n// challenge page, so the metadata comes back with no icon and the tab shows the\n// browser default (or an app's leftover Next.js `favicon.ico` triangle). The\n// token sheet, by contrast, is loaded by the BROWSER in every app, and emits\n// `--asset-favicon` / `--asset-apple-icon` from Brand `assets.*`. Reading those\n// gives every app the Brand's VRM tile with no static file in any repo (Global\n// Rules → App Icons) and no extra request.\n//\n// The link carries a fixed id and is kept the LAST icon link in <head>, so a\n// stale icon from metadata or an old static file never wins over the Brand's.\n\n'use client'\n\nimport { useEffect } from 'react'\n\nimport { readBrandAsset } from './brandAssets'\n\nexport const BRAND_FAVICON_LINK_ID = 'politogy-brand-favicon'\nexport const BRAND_APPLE_ICON_LINK_ID = 'politogy-brand-apple-icon'\n\nfunction upsertLink(id: string, rel: string, href: string): void {\n  let link = document.getElementById(id) as HTMLLinkElement | null\n  if (!link) {\n    link = document.createElement('link')\n    link.id = id\n    link.rel = rel\n  }\n  if (link.getAttribute('href') !== href) link.href = href\n  // Last icon link in <head> wins. Re-appending an already-last node is a no-op\n  // for the browser, so only move it when something was added after it.\n  const icons = document.head.querySelectorAll(`link[rel~=\"${rel.split(' ')[0]}\"]`)\n  if (icons[icons.length - 1] !== link) document.head.appendChild(link)\n}\n\n/**\n * Point the tab icon (and the iOS home-screen icon) at the Brand's uploaded\n * assets. Returns true once the favicon was set; false while the token sheet\n * has not defined `--asset-favicon` yet. Never draws a stand-in.\n */\nexport function applyBrandFavicon(): boolean {\n  if (typeof document === 'undefined') return false\n  const favicon = readBrandAsset('favicon')\n  if (!favicon) return false\n  upsertLink(BRAND_FAVICON_LINK_ID, 'icon', favicon)\n  const apple = readBrandAsset('apple-icon')\n  if (apple) upsertLink(BRAND_APPLE_ICON_LINK_ID, 'apple-touch-icon', apple)\n  return true\n}\n\n// The token sheet is a <link> the app appends at startup, so it may still be in\n// flight on first paint. Re-read when it loads and a few times after.\nconst RETRY_MS = [0, 250, 1000, 3000]\n\n/**\n * Apply the Brand favicon now and keep it applied: on token sheet load, on a\n * few retries, and whenever <head> changes (a client navigation can re-insert\n * metadata icon links after ours). Returns a cleanup function.\n */\nexport function watchBrandFavicon(): () => void {\n  if (typeof document === 'undefined') return () => {}\n  let done = false\n  const apply = () => {\n    if (!done) applyBrandFavicon()\n  }\n  // A token sheet inserted after mount is picked up by the observer below.\n  const sheets = new Set<HTMLLinkElement>()\n  const listen = () => {\n    document\n      .querySelectorAll<HTMLLinkElement>('link[rel=\"stylesheet\"][href*=\"api/tokens\"]')\n      .forEach((l) => {\n        if (sheets.has(l)) return\n        sheets.add(l)\n        l.addEventListener('load', apply)\n      })\n  }\n  listen()\n  const timers = RETRY_MS.map((ms) => window.setTimeout(apply, ms))\n  const observer =\n    typeof MutationObserver === 'undefined'\n      ? null\n      : new MutationObserver(() => {\n          listen()\n          apply()\n        })\n  observer?.observe(document.head, { childList: true })\n  return () => {\n    done = true\n    sheets.forEach((l) => l.removeEventListener('load', apply))\n    timers.forEach((t) => window.clearTimeout(t))\n    observer?.disconnect()\n  }\n}\n\n/** Renders nothing; sets the Brand favicon after mount. PolitogyAppFrame renders it. */\nexport function BrandFavicon(): null {\n  useEffect(() => watchBrandFavicon(), [])\n  return null\n}\n"]}

package/dist/brand-favicon.js

@@ -1,4 +1,4 @@
 "use client";
-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';
 //# sourceMappingURL=brand-favicon.js.map
 //# sourceMappingURL=brand-favicon.js.map

package/dist/{chunk-XPTC47TY.js → chunk-PQQLCUNO.js}

@@ -1,4 +1,5 @@
 import { readThemeCookie, THEME_STORAGE_KEY, isThemePreference, applyThemePreference, readPendingThemeChoice, writeThemeCookie, clearPendingThemeChoice, markThemeChoicePending } from './chunk-BHRVZPZ7.js';
+import { useBrandAsset } from './chunk-Q5DTPY5N.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { createContext, useState, useRef, useCallback, useEffect, useLayoutEffect, useContext, useMemo, useSyncExternalStore } from 'react';
 import { createPortal } from 'react-dom';
@@ -344,6 +345,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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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] = useState(false);
+  useEffect(() => {
+    if (!contactId) {
+      setShown(false);
+      return;
+    }
+    if (prefersReducedMotion()) {
+      setShown(true);
+      return;
+    }
+    const id = requestAnimationFrame(() => setShown(true));
+    return () => cancelAnimationFrame(id);
+  }, [contactId]);
+  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__ */ 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__ */ 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__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  gap: 12,
+                  borderBottom: "1px solid var(--line, #d7dadf)",
+                  padding: "12px 24px"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      style: {
+                        margin: 0,
+                        fontSize: 12,
+                        fontWeight: 600,
+                        letterSpacing: "0.18em",
+                        textTransform: "uppercase",
+                        color: "var(--muted, #5c6b80)"
+                      },
+                      children: "Contact Card"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+                    /* @__PURE__ */ 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__ */ jsx("button", { type: "button", "aria-label": "Close contact card", title: "Close", onClick: onClose, style: iconButton, children: /* @__PURE__ */ 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__ */ jsx("path", { d: "M18 6 6 18" }),
+                      /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+                    ] }) })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ 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] = useState(null);
+  const open = useCallback((id) => setContactId(id), []);
+  const close = useCallback(() => setContactId(null), []);
+  return { contactId, open, close };
+}
 function FormColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { "data-shell-form-column": "", className: clsx2("w-full max-w-[960px]", className), children });
 }
@@ -2733,6 +2985,6 @@ function BreadcrumbBarView({
   );
 }
 
-export { AI_CREDITS_STATE_TITLES, AiCreditsState, BreadcrumbBarView, CORE_APP_ORIGIN, CORE_BILLING_PATH, CREDIT_TYPE_LABELS, CREDIT_TYPE_ORDER, Card, CreditsAction, FormColumn, FuelAction, HeaderTabBar, KNOWN_TAB_GLYPHS, MyProfileAction, NAV_DISPLAY_OPTIONS, NavChromeProvider, NavDisplayAction, NavThemeControl, NotificationsAction, OrganizationSettingsAction, PageHeaderView, RowMenu, RowMenuItem, SPECS_ORIGIN, SpecOverlayAction, SpeculationRulesScript, SupportAction, TOPBAR_GLYPH_SIZE, TopBarCountBadge, TopBarLinkAction, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, creditGaugeRatio, creditStateWord, creditTooltipLine, creditsAriaLabel, creditsIconState, emptyNotificationsFeed, normalizeNotificationsFeed, resolveBrandGlyph, resolveOrgLogoUrl, resolveTabGlyph, rowMenuPosition, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference, useTopBarIconSlotGlyph, warnDeprecated };
-//# sourceMappingURL=chunk-XPTC47TY.js.map
-//# sourceMappingURL=chunk-XPTC47TY.js.map
+export { AI_CREDITS_STATE_TITLES, AiCreditsState, BreadcrumbBarView, CONTACTS_ORIGIN, CORE_APP_ORIGIN, CORE_BILLING_PATH, CREDIT_TYPE_LABELS, CREDIT_TYPE_ORDER, Card, ContactSlideIn, CreditsAction, FormColumn, FuelAction, HeaderTabBar, KNOWN_TAB_GLYPHS, MyProfileAction, NAV_DISPLAY_OPTIONS, NavChromeProvider, NavDisplayAction, NavThemeControl, NotificationsAction, OrganizationSettingsAction, PageHeaderView, RowMenu, RowMenuItem, SPECS_ORIGIN, SpecOverlayAction, SpeculationRulesScript, SupportAction, TOPBAR_GLYPH_SIZE, TopBarCountBadge, TopBarLinkAction, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, VRM_TIER_LABELS, VRM_VERIFIED_TOOLTIP, VrmVerifiedBadge, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, contactEmbedUrl, contactPageUrl, createCommsNotificationsAdapter, creditGaugeRatio, creditStateWord, creditTooltipLine, creditsAriaLabel, creditsIconState, emptyNotificationsFeed, normalizeNotificationsFeed, resolveBrandGlyph, resolveOrgLogoUrl, resolveTabGlyph, rowMenuPosition, topBarIconButtonClass, useChromeMe, useChromeOrgs, useContactSlideIn, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference, useTopBarIconSlotGlyph, warnDeprecated };
+//# sourceMappingURL=chunk-PQQLCUNO.js.map
+//# sourceMappingURL=chunk-PQQLCUNO.js.map