@the-portland-company/shell 0.97.0 → 0.98.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-BaUIPQpN.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-BaUIPQpN.cjs';
+import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-CUPeC2Ji.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, V as VRM_TIER_LABELS, j as VRM_VERIFIED_TOOLTIP, k as VrmVerifiedBadge, l as VrmVerifiedBadgeProps, m as VrmVerifiedTier, n as aiCreditsWalletUrl, o as createCommsNotificationsAdapter, p as emptyNotificationsFeed, q as normalizeNotificationsFeed, r as resolveTabGlyph, s as rowMenuPosition } from './index-CUPeC2Ji.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-BEMGfLpI.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-BEMGfLpI.js';
+import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-DAD6tSfV.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, V as VRM_TIER_LABELS, j as VRM_VERIFIED_TOOLTIP, k as VrmVerifiedBadge, l as VrmVerifiedBadgeProps, m as VrmVerifiedTier, n as aiCreditsWalletUrl, o as createCommsNotificationsAdapter, p as emptyNotificationsFeed, q as normalizeNotificationsFeed, r as resolveTabGlyph, s as rowMenuPosition } from './index-DAD6tSfV.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-VAQNZD37.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-VAQNZD37.js';
+import { PageHeaderView, warnDeprecated, BreadcrumbBarView } from './chunk-WOOBPM4V.js';
+export { AI_CREDITS_STATE_TITLES, AiCreditsState, Card, FormColumn, HeaderTabBar, KNOWN_TAB_GLYPHS, RowMenu, RowMenuItem, SpeculationRulesScript, VRM_TIER_LABELS, VRM_VERIFIED_TOOLTIP, VrmVerifiedBadge, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, emptyNotificationsFeed, normalizeNotificationsFeed, resolveTabGlyph, rowMenuPosition } from './chunk-WOOBPM4V.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

@@ -694,19 +694,26 @@ function TopBarCountBadge({ count }) {
 }
 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 }),
@@ -2379,7 +2386,7 @@ function useThemePreference() {
 function TopBarLinkAction({ label, description, href, icon: Icon }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("a", { href, "aria-label": label, className: topBarIconButtonClass(), children: [
     /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: TOPBAR_GLYPH_SIZE, className: "text-current" }),
-    /* @__PURE__ */ jsxRuntime.jsx(TopBarTooltip, { title: label, description })
+    /* @__PURE__ */ jsxRuntime.jsx(TopBarTooltip, { title: label, description, align: "end" })
   ] });
 }
 function OrganizationSettingsAction({ href }) {
@@ -2423,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";
@@ -2447,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 () => {
   };
@@ -2464,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();
@@ -3006,6 +3037,90 @@ 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 = {
+  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
+      ]
+    }
+  );
+}
 var standardNavIcons = {
   home: lu.LuHouse,
   users: lu.LuUsers,
@@ -3424,6 +3539,33 @@ function shortEnvLabel(label) {
   if (l === "development") return "dev";
   return l;
 }
+function buildLineParts(meta) {
+  const version = meta.version ? `v${meta.version.replace(/^v/, "")}` : null;
+  const parsed = meta.commitDate ? new Date(meta.commitDate) : null;
+  const date = parsed && !Number.isNaN(parsed.getTime()) ? parsed.toLocaleDateString(void 0, { month: "short", day: "numeric" }) : null;
+  const line = [version, date].filter(Boolean).join(" \xB7 ");
+  const detail2 = [
+    meta.envLabel ? shortEnvLabel(meta.envLabel) : null,
+    meta.commit ? meta.commit.slice(0, 12) : null,
+    version,
+    date,
+    meta.commitAuthor ? meta.commitAuthor.split(/\s+/)[0] : null
+  ].filter(Boolean).join(" | ");
+  return { line, detail: detail2 };
+}
+function ShellBuildLine({ footer, hidden }) {
+  const { line, detail: detail2 } = buildLineParts(footer);
+  if (!line && !detail2) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-shell-meta": true,
+      title: detail2,
+      className: `mt-1.5 truncate text-center font-[family-name:var(--font-mono,ui-monospace,monospace)] text-[10px] leading-[1.2] text-[color:var(--sidebar-row-text,rgba(255,255,255,0.66))] ${hidden}`,
+      children: line || detail2
+    }
+  );
+}
 function envChipClasses(label) {
   const l = label.toLowerCase();
   if (l === "production" || l === "prod")
@@ -3926,31 +4068,7 @@ function NavSidebar({
                 }
               )
             ] }, l.label)) }) : null,
-            footer.envLabel || footer.commit || footer.version ? /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                "data-shell-meta": true,
-                className: `mt-1.5 flex flex-col items-center gap-0.5 font-[family-name:var(--font-mono,ui-monospace,monospace)] text-[11px] text-[color:var(--sidebar-meta-text,rgba(255,255,255,0.72))] ${rc("max-md:hidden")}`,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: [
-                    footer.envLabel ? shortEnvLabel(footer.envLabel) : null,
-                    footer.commit ? footer.commit.slice(-4) : null,
-                    footer.version ? `v${footer.version.replace(/^v/, "")}` : null
-                  ].filter((v) => Boolean(v)).map((v, i) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-                    i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: "|" }) : null,
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: v })
-                  ] }, i)) }),
-                  footer.commitDate || footer.commitAuthor ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
-                    footer.commitDate ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: new Date(footer.commitDate).toLocaleDateString(void 0, {
-                      month: "short",
-                      day: "numeric"
-                    }) }) : null,
-                    footer.commitDate && footer.commitAuthor ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: "|" }) : null,
-                    footer.commitAuthor ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: footer.commitAuthor.split(/\s+/)[0] }) : null
-                  ] }) : null
-                ]
-              }
-            ) : null
+            footer.envLabel || footer.commit || footer.version ? /* @__PURE__ */ jsxRuntime.jsx(ShellBuildLine, { footer, hidden: rc("max-md:hidden") }) : null
           ] }) : null
         ]
       }
@@ -5009,8 +5127,12 @@ 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.creditGaugeRatio = creditGaugeRatio;
 exports.creditStateWord = creditStateWord;