@the-portland-company/shell 0.97.0 → 0.98.0

package/dist/{index-BaUIPQpN.d.cts → index-CUPeC2Ji.d.cts}

@@ -78,6 +78,21 @@ declare function RowMenuItem({ onSelect, disabled, danger, className, style, chi
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
+type VrmVerifiedTier = 'verified' | 'identified' | 'anonymous' | 'stale' | 'inactive';
+declare const VRM_VERIFIED_TOOLTIP = "Politogy has confirmed this is a real, registered voter.";
+declare const VRM_TIER_LABELS: Record<VrmVerifiedTier, string>;
+interface VrmVerifiedBadgeProps {
+    /** The person's tier; null draws "Not yet computed". */
+    tier: VrmVerifiedTier | null | undefined;
+    /** Icon / dot size in px. Default 16 (icon) / 8 (dot). */
+    size?: number;
+    /** Show the tier name beside the mark. Default true. */
+    showLabel?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function VrmVerifiedBadge({ tier, size, showLabel, className, style }: VrmVerifiedBadgeProps): react_jsx_runtime.JSX.Element;
+
 type FormColumnProps = {
     children: ReactNode;
     className?: string;
@@ -300,9 +315,19 @@ declare function TopBarCountBadge({ count }: {
  * Pure CSS (group-hover) so it works on <a>, <button> and <summary> triggers.
  * The trigger must carry `group/tbtip relative` (topBarIconButtonClass does).
  */
-declare function TopBarTooltip({ title, description, }: {
+declare function TopBarTooltip({ title, description, align, }: {
     title: string;
     description?: ReactNode;
+    /**
+     * `center` (default): the body is centered under the trigger.
+     * `end`: the body's right edge lines up with the trigger's right edge, so a
+     * control at the right end of the top bar (Organization settings, My profile)
+     * keeps its tooltip on screen. The arrow stays on the trigger's center either
+     * way (Brand guideline "Tooltips point at their trigger"). Measured
+     * 2026-11-05 at 1547px: the centered 224px body ran 75px past the viewport
+     * for My profile and 35px for Organization settings.
+     */
+    align?: 'center' | 'end';
 }): react_jsx_runtime.JSX.Element;
 /**
  * The up-pointing arrow every top-bar panel renders, anchored under its
@@ -804,6 +829,25 @@ declare function modeIdFromLabel(label: string | undefined): string | undefined;
 declare function shortUserName(name: string): string;
 /** Short environment name for the rail's build line ("prod", "staging", "local"). */
 declare function shortEnvLabel(label: string): string;
+/**
+ * The left-bar build line (Left-Navigation §10, UI-Platform → Debug info;
+ * decided 2026-11-05, Ben): ONE quiet line, `v<version> · <Mon D>`, 10px mono
+ * in the inactive-row gray (`--sidebar-row-text`: 66% white, #F0CFD2 on the
+ * Campaign rail; the dimmest rail gray that clears 4.5:1 on both rails). The
+ * full build info (env, commit, version, date, author) is the hover title, so
+ * it stays one hover away for the team. Replaces the two rows
+ * `env | commit | version` / `date | author` until the Debug info button ships.
+ */
+declare function buildLineParts(meta: {
+    envLabel?: string;
+    version?: string;
+    commit?: string;
+    commitDate?: string;
+    commitAuthor?: string;
+}): {
+    line: string;
+    detail: string;
+};
 declare function envChipClasses(label: string): string;
 type NavBrand = {
     /** Where the logo links to. Defaults to "/". */
@@ -1259,4 +1303,4 @@ type NavAppShellProps = {
 };
 declare function NavAppShell({ sidebar, topBar, betaBanner, contentWrapper, accountMenuPlacement, modeId, children, }: NavAppShellProps): react_jsx_runtime.JSX.Element;
 
-export { type CreditHealthState as $, AI_CREDITS_STATE_TITLES as A, type BreadcrumbBarProps as B, Card as C, BETA_BANNER_DISMISS_KEY as D, BreadcrumbBar as E, FormColumn as F, CAMPAIGN_FEATURE_AVAILABILITY as G, HeaderTabBar as H, CORE_APP_ORIGIN as I, CORE_BILLING_PATH as J, KNOWN_TAB_GLYPHS as K, CREDIT_TYPE_LABELS as L, CREDIT_TYPE_ORDER as M, type NavItem as N, type CampaignFeatureAvailability as O, type PageHeaderProps as P, type ChromeMe as Q, RowMenu as R, type StandardNavIconKey as S, type TabGlyphComponent as T, type ChromeNotificationAlert as U, type ChromeNotificationImport as V, type ChromeNotificationQuarantine as W, type ChromeNotificationReply as X, type ChromeNotificationsPayload as Y, type ChromeOrgSummary as Z, type CommunicationsFuelStatus as _, AiCreditsState as a, useThemePreference as a$, type CreditTypeKey as a0, CreditsAction as a1, type CreditsIconState as a2, FuelAction as a3, type FuelChannelStatus as a4, MyProfileAction as a5, NavAppShell as a6, type NavAppShellProps as a7, NavBetaBanner as a8, type NavBetaBannerProps as a9, type ThemePreference as aA, TopBarCountBadge as aB, type TopBarIconTone as aC, TopBarLinkAction as aD, type TopBarLinkActionProps as aE, TopBarPanelArrow as aF, TopBarPopover as aG, TopBarTooltip as aH, TopBarWidgetSlot as aI, clearBetaBannerDismissal as aJ, creditGaugeRatio as aK, creditStateWord as aL, creditTooltipLine as aM, creditsAriaLabel as aN, creditsIconState as aO, envChipClasses as aP, isNavItemActive as aQ, modeIdFromLabel as aR, resolveOrgLogoUrl as aS, shortEnvLabel as aT, shortUserName as aU, standardPolitogyNav as aV, topBarIconButtonClass as aW, useChromeMe as aX, useChromeOrgs as aY, useNavChromeDedupedFetch as aZ, useNavChromeFetcher as a_, type NavBrand as aa, NavChromeProvider as ab, NavDisplayAction as ac, type NavLinkProps as ad, type NavLinkedAccount as ae, type NavModeOption as af, type NavOrg as ag, type NavRoleBadge as ah, NavSidebar as ai, type NavSidebarProps as aj, type NavTab as ak, NavTabStrip as al, type NavTabStripProps as am, NavThemeControl as an, NavTopBar as ao, type NavTopBarAction as ap, type NavTopBarProps as aq, type NavUser as ar, NotificationsAction as as, OrganizationSettingsAction as at, PageHeader as au, type PageHeaderMode as av, SPECS_ORIGIN as aw, SpecOverlayAction as ax, type StandardNavOptions as ay, SupportAction as az, type AiCreditsStateKind as b, type CommsNotification as c, type CommsNotificationKind as d, type HeaderTabBarItem as e, type NotificationsAdapter as f, type NotificationsFeed as g, RowMenuItem as h, type RowMenuPlacement as i, aiCreditsWalletUrl as j, createCommsNotificationsAdapter as k, emptyNotificationsFeed as l, rowMenuPosition as m, normalizeNotificationsFeed as n, type NavIcon as o, type NavBreadcrumb as p, type StandardNavMode as q, resolveTabGlyph as r, type NavLinkComponent as s, type NavChromeFetcher as t, type NavMode as u, type NavUserMenu as v, type NavOrgOption as w, type NavFooterLink as x, type NavFooter as y, type NavDisplayMode as z };
+export { type ChromeNotificationQuarantine as $, AI_CREDITS_STATE_TITLES as A, type BreadcrumbBarProps as B, Card as C, type NavOrgOption as D, type NavFooterLink as E, FormColumn as F, type NavFooter as G, HeaderTabBar as H, type NavDisplayMode as I, BETA_BANNER_DISMISS_KEY as J, KNOWN_TAB_GLYPHS as K, BreadcrumbBar as L, CAMPAIGN_FEATURE_AVAILABILITY as M, type NavItem as N, CORE_APP_ORIGIN as O, type PageHeaderProps as P, CORE_BILLING_PATH as Q, RowMenu as R, type StandardNavIconKey as S, type TabGlyphComponent as T, CREDIT_TYPE_LABELS as U, VRM_TIER_LABELS as V, CREDIT_TYPE_ORDER as W, type CampaignFeatureAvailability as X, type ChromeMe as Y, type ChromeNotificationAlert as Z, type ChromeNotificationImport as _, AiCreditsState as a, standardPolitogyNav as a$, type ChromeNotificationReply as a0, type ChromeNotificationsPayload as a1, type ChromeOrgSummary as a2, type CommunicationsFuelStatus as a3, type CreditHealthState as a4, type CreditTypeKey as a5, CreditsAction as a6, type CreditsIconState as a7, FuelAction as a8, type FuelChannelStatus as a9, type PageHeaderMode as aA, SPECS_ORIGIN as aB, SpecOverlayAction as aC, type StandardNavOptions as aD, SupportAction as aE, type ThemePreference as aF, TopBarCountBadge as aG, type TopBarIconTone as aH, TopBarLinkAction as aI, type TopBarLinkActionProps as aJ, TopBarPanelArrow as aK, TopBarPopover as aL, TopBarTooltip as aM, TopBarWidgetSlot as aN, buildLineParts as aO, clearBetaBannerDismissal as aP, creditGaugeRatio as aQ, creditStateWord as aR, creditTooltipLine as aS, creditsAriaLabel as aT, creditsIconState as aU, envChipClasses as aV, isNavItemActive as aW, modeIdFromLabel as aX, resolveOrgLogoUrl as aY, shortEnvLabel as aZ, shortUserName as a_, MyProfileAction as aa, NavAppShell as ab, type NavAppShellProps as ac, NavBetaBanner as ad, type NavBetaBannerProps as ae, type NavBrand as af, NavChromeProvider as ag, NavDisplayAction as ah, type NavLinkProps as ai, type NavLinkedAccount as aj, type NavModeOption as ak, type NavOrg as al, type NavRoleBadge as am, NavSidebar as an, type NavSidebarProps as ao, type NavTab as ap, NavTabStrip as aq, type NavTabStripProps as ar, NavThemeControl as as, NavTopBar as at, type NavTopBarAction as au, type NavTopBarProps as av, type NavUser as aw, NotificationsAction as ax, OrganizationSettingsAction as ay, PageHeader as az, type AiCreditsStateKind as b, topBarIconButtonClass as b0, useChromeMe as b1, useChromeOrgs as b2, useNavChromeDedupedFetch as b3, useNavChromeFetcher as b4, useThemePreference as b5, type CommsNotification as c, type CommsNotificationKind as d, type HeaderTabBarItem as e, type NotificationsAdapter as f, type NotificationsFeed as g, RowMenuItem as h, type RowMenuPlacement as i, VRM_VERIFIED_TOOLTIP as j, VrmVerifiedBadge as k, type VrmVerifiedBadgeProps as l, type VrmVerifiedTier as m, aiCreditsWalletUrl as n, createCommsNotificationsAdapter as o, emptyNotificationsFeed as p, normalizeNotificationsFeed as q, resolveTabGlyph as r, rowMenuPosition as s, type NavIcon as t, type NavBreadcrumb as u, type StandardNavMode as v, type NavLinkComponent as w, type NavChromeFetcher as x, type NavMode as y, type NavUserMenu as z };

package/dist/{index-BEMGfLpI.d.ts → index-DAD6tSfV.d.ts}

@@ -78,6 +78,21 @@ declare function RowMenuItem({ onSelect, disabled, danger, className, style, chi
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
+type VrmVerifiedTier = 'verified' | 'identified' | 'anonymous' | 'stale' | 'inactive';
+declare const VRM_VERIFIED_TOOLTIP = "Politogy has confirmed this is a real, registered voter.";
+declare const VRM_TIER_LABELS: Record<VrmVerifiedTier, string>;
+interface VrmVerifiedBadgeProps {
+    /** The person's tier; null draws "Not yet computed". */
+    tier: VrmVerifiedTier | null | undefined;
+    /** Icon / dot size in px. Default 16 (icon) / 8 (dot). */
+    size?: number;
+    /** Show the tier name beside the mark. Default true. */
+    showLabel?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function VrmVerifiedBadge({ tier, size, showLabel, className, style }: VrmVerifiedBadgeProps): react_jsx_runtime.JSX.Element;
+
 type FormColumnProps = {
     children: ReactNode;
     className?: string;
@@ -300,9 +315,19 @@ declare function TopBarCountBadge({ count }: {
  * Pure CSS (group-hover) so it works on <a>, <button> and <summary> triggers.
  * The trigger must carry `group/tbtip relative` (topBarIconButtonClass does).
  */
-declare function TopBarTooltip({ title, description, }: {
+declare function TopBarTooltip({ title, description, align, }: {
     title: string;
     description?: ReactNode;
+    /**
+     * `center` (default): the body is centered under the trigger.
+     * `end`: the body's right edge lines up with the trigger's right edge, so a
+     * control at the right end of the top bar (Organization settings, My profile)
+     * keeps its tooltip on screen. The arrow stays on the trigger's center either
+     * way (Brand guideline "Tooltips point at their trigger"). Measured
+     * 2026-11-05 at 1547px: the centered 224px body ran 75px past the viewport
+     * for My profile and 35px for Organization settings.
+     */
+    align?: 'center' | 'end';
 }): react_jsx_runtime.JSX.Element;
 /**
  * The up-pointing arrow every top-bar panel renders, anchored under its
@@ -804,6 +829,25 @@ declare function modeIdFromLabel(label: string | undefined): string | undefined;
 declare function shortUserName(name: string): string;
 /** Short environment name for the rail's build line ("prod", "staging", "local"). */
 declare function shortEnvLabel(label: string): string;
+/**
+ * The left-bar build line (Left-Navigation §10, UI-Platform → Debug info;
+ * decided 2026-11-05, Ben): ONE quiet line, `v<version> · <Mon D>`, 10px mono
+ * in the inactive-row gray (`--sidebar-row-text`: 66% white, #F0CFD2 on the
+ * Campaign rail; the dimmest rail gray that clears 4.5:1 on both rails). The
+ * full build info (env, commit, version, date, author) is the hover title, so
+ * it stays one hover away for the team. Replaces the two rows
+ * `env | commit | version` / `date | author` until the Debug info button ships.
+ */
+declare function buildLineParts(meta: {
+    envLabel?: string;
+    version?: string;
+    commit?: string;
+    commitDate?: string;
+    commitAuthor?: string;
+}): {
+    line: string;
+    detail: string;
+};
 declare function envChipClasses(label: string): string;
 type NavBrand = {
     /** Where the logo links to. Defaults to "/". */
@@ -1259,4 +1303,4 @@ type NavAppShellProps = {
 };
 declare function NavAppShell({ sidebar, topBar, betaBanner, contentWrapper, accountMenuPlacement, modeId, children, }: NavAppShellProps): react_jsx_runtime.JSX.Element;
 
-export { type CreditHealthState as $, AI_CREDITS_STATE_TITLES as A, type BreadcrumbBarProps as B, Card as C, BETA_BANNER_DISMISS_KEY as D, BreadcrumbBar as E, FormColumn as F, CAMPAIGN_FEATURE_AVAILABILITY as G, HeaderTabBar as H, CORE_APP_ORIGIN as I, CORE_BILLING_PATH as J, KNOWN_TAB_GLYPHS as K, CREDIT_TYPE_LABELS as L, CREDIT_TYPE_ORDER as M, type NavItem as N, type CampaignFeatureAvailability as O, type PageHeaderProps as P, type ChromeMe as Q, RowMenu as R, type StandardNavIconKey as S, type TabGlyphComponent as T, type ChromeNotificationAlert as U, type ChromeNotificationImport as V, type ChromeNotificationQuarantine as W, type ChromeNotificationReply as X, type ChromeNotificationsPayload as Y, type ChromeOrgSummary as Z, type CommunicationsFuelStatus as _, AiCreditsState as a, useThemePreference as a$, type CreditTypeKey as a0, CreditsAction as a1, type CreditsIconState as a2, FuelAction as a3, type FuelChannelStatus as a4, MyProfileAction as a5, NavAppShell as a6, type NavAppShellProps as a7, NavBetaBanner as a8, type NavBetaBannerProps as a9, type ThemePreference as aA, TopBarCountBadge as aB, type TopBarIconTone as aC, TopBarLinkAction as aD, type TopBarLinkActionProps as aE, TopBarPanelArrow as aF, TopBarPopover as aG, TopBarTooltip as aH, TopBarWidgetSlot as aI, clearBetaBannerDismissal as aJ, creditGaugeRatio as aK, creditStateWord as aL, creditTooltipLine as aM, creditsAriaLabel as aN, creditsIconState as aO, envChipClasses as aP, isNavItemActive as aQ, modeIdFromLabel as aR, resolveOrgLogoUrl as aS, shortEnvLabel as aT, shortUserName as aU, standardPolitogyNav as aV, topBarIconButtonClass as aW, useChromeMe as aX, useChromeOrgs as aY, useNavChromeDedupedFetch as aZ, useNavChromeFetcher as a_, type NavBrand as aa, NavChromeProvider as ab, NavDisplayAction as ac, type NavLinkProps as ad, type NavLinkedAccount as ae, type NavModeOption as af, type NavOrg as ag, type NavRoleBadge as ah, NavSidebar as ai, type NavSidebarProps as aj, type NavTab as ak, NavTabStrip as al, type NavTabStripProps as am, NavThemeControl as an, NavTopBar as ao, type NavTopBarAction as ap, type NavTopBarProps as aq, type NavUser as ar, NotificationsAction as as, OrganizationSettingsAction as at, PageHeader as au, type PageHeaderMode as av, SPECS_ORIGIN as aw, SpecOverlayAction as ax, type StandardNavOptions as ay, SupportAction as az, type AiCreditsStateKind as b, type CommsNotification as c, type CommsNotificationKind as d, type HeaderTabBarItem as e, type NotificationsAdapter as f, type NotificationsFeed as g, RowMenuItem as h, type RowMenuPlacement as i, aiCreditsWalletUrl as j, createCommsNotificationsAdapter as k, emptyNotificationsFeed as l, rowMenuPosition as m, normalizeNotificationsFeed as n, type NavIcon as o, type NavBreadcrumb as p, type StandardNavMode as q, resolveTabGlyph as r, type NavLinkComponent as s, type NavChromeFetcher as t, type NavMode as u, type NavUserMenu as v, type NavOrgOption as w, type NavFooterLink as x, type NavFooter as y, type NavDisplayMode as z };
+export { type ChromeNotificationQuarantine as $, AI_CREDITS_STATE_TITLES as A, type BreadcrumbBarProps as B, Card as C, type NavOrgOption as D, type NavFooterLink as E, FormColumn as F, type NavFooter as G, HeaderTabBar as H, type NavDisplayMode as I, BETA_BANNER_DISMISS_KEY as J, KNOWN_TAB_GLYPHS as K, BreadcrumbBar as L, CAMPAIGN_FEATURE_AVAILABILITY as M, type NavItem as N, CORE_APP_ORIGIN as O, type PageHeaderProps as P, CORE_BILLING_PATH as Q, RowMenu as R, type StandardNavIconKey as S, type TabGlyphComponent as T, CREDIT_TYPE_LABELS as U, VRM_TIER_LABELS as V, CREDIT_TYPE_ORDER as W, type CampaignFeatureAvailability as X, type ChromeMe as Y, type ChromeNotificationAlert as Z, type ChromeNotificationImport as _, AiCreditsState as a, standardPolitogyNav as a$, type ChromeNotificationReply as a0, type ChromeNotificationsPayload as a1, type ChromeOrgSummary as a2, type CommunicationsFuelStatus as a3, type CreditHealthState as a4, type CreditTypeKey as a5, CreditsAction as a6, type CreditsIconState as a7, FuelAction as a8, type FuelChannelStatus as a9, type PageHeaderMode as aA, SPECS_ORIGIN as aB, SpecOverlayAction as aC, type StandardNavOptions as aD, SupportAction as aE, type ThemePreference as aF, TopBarCountBadge as aG, type TopBarIconTone as aH, TopBarLinkAction as aI, type TopBarLinkActionProps as aJ, TopBarPanelArrow as aK, TopBarPopover as aL, TopBarTooltip as aM, TopBarWidgetSlot as aN, buildLineParts as aO, clearBetaBannerDismissal as aP, creditGaugeRatio as aQ, creditStateWord as aR, creditTooltipLine as aS, creditsAriaLabel as aT, creditsIconState as aU, envChipClasses as aV, isNavItemActive as aW, modeIdFromLabel as aX, resolveOrgLogoUrl as aY, shortEnvLabel as aZ, shortUserName as a_, MyProfileAction as aa, NavAppShell as ab, type NavAppShellProps as ac, NavBetaBanner as ad, type NavBetaBannerProps as ae, type NavBrand as af, NavChromeProvider as ag, NavDisplayAction as ah, type NavLinkProps as ai, type NavLinkedAccount as aj, type NavModeOption as ak, type NavOrg as al, type NavRoleBadge as am, NavSidebar as an, type NavSidebarProps as ao, type NavTab as ap, NavTabStrip as aq, type NavTabStripProps as ar, NavThemeControl as as, NavTopBar as at, type NavTopBarAction as au, type NavTopBarProps as av, type NavUser as aw, NotificationsAction as ax, OrganizationSettingsAction as ay, PageHeader as az, type AiCreditsStateKind as b, topBarIconButtonClass as b0, useChromeMe as b1, useChromeOrgs as b2, useNavChromeDedupedFetch as b3, useNavChromeFetcher as b4, useThemePreference as b5, type CommsNotification as c, type CommsNotificationKind as d, type HeaderTabBarItem as e, type NotificationsAdapter as f, type NotificationsFeed as g, RowMenuItem as h, type RowMenuPlacement as i, VRM_VERIFIED_TOOLTIP as j, VrmVerifiedBadge as k, type VrmVerifiedBadgeProps as l, type VrmVerifiedTier as m, aiCreditsWalletUrl as n, createCommsNotificationsAdapter as o, emptyNotificationsFeed as p, normalizeNotificationsFeed as q, resolveTabGlyph as r, rowMenuPosition as s, type NavIcon as t, type NavBreadcrumb as u, type StandardNavMode as v, type NavLinkComponent as w, type NavChromeFetcher as x, type NavMode as y, type NavUserMenu as z };

package/dist/index.cjs

@@ -1172,6 +1172,130 @@ function RowMenuItem({
     }
   );
 }
+function parseCssUrl(value) {
+  if (!value) return null;
+  const m = /^url\(\s*(['"]?)(.*?)\1\s*\)$/i.exec(value.trim());
+  const url = m?.[2]?.trim();
+  return url && /^https:\/\//i.test(url) ? url : null;
+}
+function readBrandAsset(kind) {
+  if (typeof document === "undefined") return null;
+  try {
+    return parseCssUrl(
+      window.getComputedStyle(document.documentElement).getPropertyValue(`--asset-${kind}`)
+    );
+  } catch {
+    return null;
+  }
+}
+var RETRY_MS = [0, 250, 1e3, 3e3];
+function useBrandAsset(kind) {
+  const [url, setUrl] = react$1.useState(null);
+  react$1.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;
+}
+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 = {
+  identified: "#a855f7",
+  anonymous: "var(--color-graphite, #2b2b2b)",
+  stale: "#eab308",
+  inactive: "var(--muted, #8a8a8a)"
+};
+function VrmVerifiedBadge({ tier, size, showLabel = true, className, style }) {
+  const icon = useBrandAsset("verified-icon");
+  const known = tier && tier in VRM_TIER_LABELS ? tier : 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 iconSize = size ?? 16;
+  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: [
+        known === "verified" ? (
+          // The box is reserved while the Brand sheet loads; nothing stands in.
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, style: { display: "inline-block", width: iconSize, height: iconSize, flexShrink: 0 }, children: icon ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: icon,
+              alt: "",
+              width: iconSize,
+              height: iconSize,
+              draggable: false,
+              "data-testid": "vrm-verified-icon",
+              style: { display: "block", width: iconSize, height: iconSize }
+            }
+          ) : null })
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": 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 FormColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-shell-form-column": "", className: clsx5__default.default("w-full max-w-[960px]", className), children });
 }
@@ -1463,19 +1587,26 @@ try{d.setAttribute("data-theme",dark?"dark":"light");d.style.colorScheme=dark?"d
 }catch(e){}})();`;
 function TopBarTooltip({
   title,
-  description
+  description,
+  align = "center"
 }) {
+  const bodyPosition = align === "end" ? "right-0" : "left-1/2 -translate-x-1/2";
+  const arrowPosition = align === "end" ? "" : "left-1/2 -translate-x-1/2";
+  const arrowStyle = align === "end" ? { right: "calc(var(--topbar-icon-button-size, 34px) / 2 - 5px)" } : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
       role: "tooltip",
-      className: "pointer-events-none absolute left-1/2 top-full z-50 mt-2 hidden w-max max-w-56 -translate-x-1/2 flex-col rounded-lg border border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)] px-3 py-2 text-left shadow-[var(--shadow-soft)] group-hover/tbtip:flex group-focus-visible/tbtip:flex",
+      "data-tooltip-align": align,
+      className: `pointer-events-none absolute ${bodyPosition} top-full z-50 mt-2 hidden w-max max-w-56 flex-col rounded-lg border border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)] px-3 py-2 text-left shadow-[var(--shadow-soft)] group-hover/tbtip:flex group-focus-visible/tbtip:flex`,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             "aria-hidden": true,
-            className: "absolute -top-[5px] left-1/2 h-2.5 w-2.5 -translate-x-1/2 rotate-45 border-l border-t border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)]"
+            "data-tooltip-arrow": true,
+            style: arrowStyle,
+            className: `absolute -top-[5px] ${arrowPosition} h-2.5 w-2.5 rotate-45 border-l border-t border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)]`
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-[color:var(--app-btn-tooltip-fg,#FFFFFF)]", children: title }),
@@ -1919,24 +2050,6 @@ function BrandIcon({
     }
   );
 }
-function parseCssUrl(value) {
-  if (!value) return null;
-  const m = /^url\(\s*(['"]?)(.*?)\1\s*\)$/i.exec(value.trim());
-  const url = m?.[2]?.trim();
-  return url && /^https:\/\//i.test(url) ? url : null;
-}
-function readBrandAsset(kind) {
-  if (typeof document === "undefined") return null;
-  try {
-    return parseCssUrl(
-      window.getComputedStyle(document.documentElement).getPropertyValue(`--asset-${kind}`)
-    );
-  } catch {
-    return null;
-  }
-}
-
-// src/lib/brandFavicon.ts
 var BRAND_FAVICON_LINK_ID = "politogy-brand-favicon";
 var BRAND_APPLE_ICON_LINK_ID = "politogy-brand-apple-icon";
 function upsertLink(id, rel, href) {
@@ -1959,7 +2072,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 () => {
   };
@@ -1976,7 +2089,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();
@@ -2319,6 +2432,9 @@ exports.ShellProvider = ShellProvider;
 exports.ShellRoleContext = ShellRoleContext;
 exports.ShellSupportProviderContext = ShellSupportProviderContext;
 exports.SpeculationRulesScript = SpeculationRulesScript;
+exports.VRM_TIER_LABELS = VRM_TIER_LABELS;
+exports.VRM_VERIFIED_TOOLTIP = VRM_VERIFIED_TOOLTIP;
+exports.VrmVerifiedBadge = VrmVerifiedBadge;
 exports.aiCreditsWalletUrl = aiCreditsWalletUrl;
 exports.applyBrandFavicon = applyBrandFavicon;
 exports.buildNavSpeculationRules = buildNavSpeculationRules;