@the-portland-company/shell 0.76.12 → 0.76.13

package/dist/app-chrome.js

@@ -1,7 +1,7 @@
 "use client";
 import { broadcastLogout, watchLogout } from './chunk-LL6LSJAH.js';
-import { clearBetaBannerDismissal, standardPolitogyNav, standardNavIcons, isNavItemActive, NavAppShell, NavChromeProvider, TopBarWidgetSlot, FuelAction, SpecOverlayAction, NotificationsAction, SupportAction, useChromeMe, useThemePreference, useNavChromeDedupedFetch, useChromeOrgs, useNavChromeFetcher } from './chunk-34NXDWIS.js';
-export { standardNavIcons } from './chunk-34NXDWIS.js';
+import { clearBetaBannerDismissal, standardPolitogyNav, standardNavIcons, isNavItemActive, NavAppShell, NavChromeProvider, TopBarWidgetSlot, FuelAction, SpecOverlayAction, NotificationsAction, SupportAction, useChromeMe, useThemePreference, useNavChromeDedupedFetch, useChromeOrgs, useNavChromeFetcher } from './chunk-HSC6EYRR.js';
+export { standardNavIcons } from './chunk-HSC6EYRR.js';
 import { warnDeprecated } from './chunk-MY6G3LMN.js';
 import './chunk-BHRVZPZ7.js';
 import { NAV_DISPLAY_DEFAULT, resolveNavDisplay, writeNavDisplayLocal, writeNavDisplayCookie, isNavDisplayPreference, NAV_DISPLAY_STORAGE_KEY, readNavDisplayCookie } from './chunk-7YVJ7HQG.js';

package/dist/chrome.css

@@ -339,6 +339,16 @@
   --color-accent: var(--color-race-red);
   --color-accent-hover: var(--color-race-red-600);
   --color-accent-contrast: var(--color-white);
+  /* TEXT/background-under-white-text aliases. Chrome furniture that draws
+     accent-COLORED TEXT, or white text ON an accent fill, must resolve
+     through these — never bare `--color-accent` — because a Mode's brand
+     accent (below) is operator-supplied and not guaranteed to clear WCAG AA
+     as text or as a white-text background (observed: Petition mode's brand
+     green #00a651 measured 2.84:1 as text on a light wash and 3.19:1 under
+     white text). Un-mode-scoped chrome keeps the plain accent, which is
+     already AA-safe both ways. Light-mode only; dark mode is retired. */
+  --color-accent-fg: var(--color-accent);
+  --color-accent-bg-safe: var(--color-accent);
   /* ATTENTION / ERROR, as distinct from accent: count badges, low-fuel
      warnings, validation errors. These stay red in EVERY Mode — a green
      "3 unread" badge or a green low-fuel warning is worse than a red one — so
@@ -395,6 +405,8 @@
 [data-politogy-mode] {
   --color-accent: var(--mode-accent, var(--color-race-red));
   --color-accent-hover: var(--mode-accent-strong, var(--color-race-red-600));
+  --color-accent-fg: var(--mode-accent, var(--color-race-red));
+  --color-accent-bg-safe: var(--mode-accent, var(--color-race-red));
   --nav-hover-gradient: linear-gradient(
     90deg,
     var(--mode-accent-strong, var(--color-race-red-400)) 0%,
@@ -420,6 +432,22 @@
    * their own and every existing `var(--color-accent)` read needs to follow. */
 }
 
+/* ---- Petition mode's brand green fails AA as text / under white text -----
+ * Petition mode's `--mode-accent` is operator/Brand-API supplied and was
+ * observed live at #00a651 — 2.84:1 as text on a light wash
+ * (`--mode-accent-surface`) and 3.19:1 under white text on an accent fill,
+ * both below WCAG 2.2 AA (4.5:1 for normal text). `--color-accent-fg` /
+ * `--color-accent-bg-safe` are pinned here to a fixed, measured-safe dark
+ * green (#15803d: 5.02:1 as text on white, 5.02:1 under white text) instead
+ * of following the raw brand value, so no org's brand configuration can
+ * reintroduce the failure. This selector has the same specificity as
+ * `[data-politogy-mode]` above and wins by appearing later in the sheet.
+ * Light-mode only; dark mode is retired (no `.dark` counterpart exists). */
+[data-politogy-mode="petition"] {
+  --color-accent-fg: #15803d;
+  --color-accent-bg-safe: #15803d;
+}
+
 /* ---- Rail background is a fixed brand color, not a theme ----------------
  * Reference/UI-Platform → Styling: the left rail is ink `#1B1C20` for
  * Relationship and Petition, and `#8F1F2A` for Campaign — always, regardless

package/dist/{chunk-34NXDWIS.js → chunk-HSC6EYRR.js}

@@ -185,7 +185,7 @@ function NavThemeControl({
             onClick: () => onChange(opt.value),
             className: [
               "flex-1 px-3 py-1.5 text-xs font-semibold transition",
-              value === opt.value ? "bg-[color:var(--color-accent)] text-[#FFFFFF]" : "text-[color:var(--muted)] hover:bg-[color:var(--panel)] hover:text-[color:var(--foreground)]"
+              value === opt.value ? "bg-[color:var(--color-accent-bg-safe,var(--color-accent))] text-[#FFFFFF]" : "text-[color:var(--muted)] hover:bg-[color:var(--panel)] hover:text-[color:var(--foreground)]"
             ].join(" "),
             children: opt.label
           },
@@ -973,7 +973,7 @@ function NotificationsAction({ orgId }) {
                 {
                   type: "button",
                   onClick: () => setMuted(false),
-                  className: "text-[11px] font-semibold text-[color:var(--color-accent)] hover:underline",
+                  className: "text-[11px] font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] hover:underline",
                   children: "Unsilence"
                 }
               ) : null
@@ -1037,7 +1037,7 @@ function NotificationsAction({ orgId }) {
                     "a",
                     {
                       href: withOrgParam(QUARANTINED_CONTACTS_URL, orgId),
-                      className: "text-[11px] font-semibold text-[color:var(--color-accent)] hover:underline",
+                      className: "text-[11px] font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] hover:underline",
                       children: "View all"
                     }
                   )
@@ -1194,7 +1194,7 @@ function SupportAction({
                 {
                   type: "button",
                   onClick: close,
-                  className: "rounded-full bg-[color:var(--color-accent)] px-4 py-2 text-sm font-semibold text-[#FFFFFF] hover:opacity-90",
+                  className: "rounded-full bg-[color:var(--color-accent-bg-safe,var(--color-accent))] px-4 py-2 text-sm font-semibold text-[#FFFFFF] hover:opacity-90",
                   children: "Done"
                 }
               ) })
@@ -1254,7 +1254,7 @@ function SupportAction({
                     type: "button",
                     onClick: submit,
                     disabled: !message.trim() || state === "sending",
-                    className: "rounded-full bg-[color:var(--color-accent)] px-4 py-2 text-sm font-semibold text-[#FFFFFF] transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50",
+                    className: "rounded-full bg-[color:var(--color-accent-bg-safe,var(--color-accent))] px-4 py-2 text-sm font-semibold text-[#FFFFFF] transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50",
                     children: state === "sending" ? "Sending\u2026" : "Send request"
                   }
                 )
@@ -1550,7 +1550,7 @@ function SpecOverlayAction({ orgId, orgName } = {}) {
                     href: status.spec_url,
                     target: "_blank",
                     rel: "noreferrer",
-                    className: "text-[color:var(--color-accent)] hover:underline",
+                    className: "text-[color:var(--color-accent-fg,var(--color-accent))] hover:underline",
                     children: "Open spec \u2197"
                   }
                 ),
@@ -1560,7 +1560,7 @@ function SpecOverlayAction({ orgId, orgName } = {}) {
                     href: status.compare_url,
                     target: "_blank",
                     rel: "noreferrer",
-                    className: "text-[color:var(--color-accent)] hover:underline",
+                    className: "text-[color:var(--color-accent-fg,var(--color-accent))] hover:underline",
                     children: "Compare tab \u2197"
                   }
                 ),
@@ -1631,7 +1631,7 @@ function SpecOverlayAction({ orgId, orgName } = {}) {
                   href: status.search_url,
                   target: "_blank",
                   rel: "noreferrer",
-                  className: "mt-2 inline-block font-semibold text-[color:var(--color-accent)] hover:underline",
+                  className: "mt-2 inline-block font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] hover:underline",
                   children: "Search specs \u2197"
                 }
               )
@@ -1674,7 +1674,7 @@ function NavDisplayAction({
           onClick: () => onChange(opt.value),
           className: [
             "flex w-full items-center justify-between px-4 py-2 text-left text-sm font-medium",
-            value === opt.value ? "text-[color:var(--color-accent)]" : "text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
+            value === opt.value ? "text-[color:var(--color-accent-fg,var(--color-accent))]" : "text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
           ].join(" "),
           children: [
             opt.label,
@@ -2204,7 +2204,7 @@ function envChipClasses(label) {
     return "bg-[#dcfce7] text-[#22c55e]";
   return "bg-[rgba(107,114,128,0.16)] text-[#6b7280]";
 }
-var ORG_PILL_DEFAULT = "var(--color-accent)";
+var ORG_PILL_DEFAULT = "var(--color-accent-bg-safe,var(--color-accent))";
 var RailCollapsibleContext = createContext(false);
 function useRailCollapse() {
   const collapsible = useContext(RailCollapsibleContext);
@@ -2359,7 +2359,7 @@ function NavSidebar({
                 "aria-expanded": open ?? false,
                 "data-rail-toggle": "expand",
                 className: `hidden h-8 w-8 items-center justify-center rounded-lg ${rc("max-md:flex")}`,
-                children: brand.logoSquareSrc ? /* @__PURE__ */ jsx("img", { src: brand.logoSquareSrc, alt: "", draggable: false, className: "h-8 w-8 object-contain" }) : brand.logoPending ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "block h-8 w-8" }) : /* @__PURE__ */ jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-xl bg-[color:var(--color-accent)] text-sm font-black text-[#FFFFFF]", children: brand.badgeLabel })
+                children: brand.logoSquareSrc ? /* @__PURE__ */ jsx("img", { src: brand.logoSquareSrc, alt: "", draggable: false, className: "h-8 w-8 object-contain" }) : brand.logoPending ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "block h-8 w-8" }) : /* @__PURE__ */ jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-xl bg-[color:var(--color-accent-bg-safe,var(--color-accent))] text-sm font-black text-[#FFFFFF]", children: brand.badgeLabel })
               }
             ) : null,
             /* @__PURE__ */ jsxs(
@@ -2398,12 +2398,12 @@ function NavSidebar({
                     /* @__PURE__ */ jsx(
                       "span",
                       {
-                        className: `flex h-9 w-9 items-center justify-center rounded-xl bg-[color:var(--color-accent)] text-base font-black text-[#FFFFFF] shadow-sm ${brand.logoSquareSrc ? rc("max-md:hidden") : ""}`,
+                        className: `flex h-9 w-9 items-center justify-center rounded-xl bg-[color:var(--color-accent-bg-safe,var(--color-accent))] text-base font-black text-[#FFFFFF] shadow-sm ${brand.logoSquareSrc ? rc("max-md:hidden") : ""}`,
                         children: brand.badgeLabel
                       }
                     ),
                     /* @__PURE__ */ jsxs("span", { className: `flex flex-col leading-tight ${rc("max-md:hidden")}`, children: [
-                      /* @__PURE__ */ jsx("span", { className: "text-base font-extrabold tracking-[-0.01em] text-[color:var(--color-accent)]", children: brand.title }),
+                      /* @__PURE__ */ jsx("span", { className: "text-base font-extrabold tracking-[-0.01em] text-[color:var(--color-accent-fg,var(--color-accent))]", children: brand.title }),
                       brand.subtitle ? /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-[color:var(--muted)]", children: brand.subtitle }) : null
                     ] })
                   ] })
@@ -2443,7 +2443,7 @@ function NavSidebar({
                           {
                             href: org.uploadLogoHref ?? "#",
                             onClick: (e) => e.stopPropagation(),
-                            className: "text-xs font-semibold text-[color:var(--color-accent)] underline",
+                            className: "text-xs font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] underline",
                             children: "Upload logo"
                           }
                         ) : /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-neutral-800", children: org.name ?? "Organization" }),
@@ -2504,7 +2504,7 @@ function NavSidebar({
                         "aria-current": selected ? "true" : void 0,
                         className: [
                           "flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm",
-                          selected ? "font-semibold text-[color:var(--color-accent)]" : "font-medium text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
+                          selected ? "font-semibold text-[color:var(--color-accent-fg,var(--color-accent))]" : "font-medium text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
                         ].join(" "),
                         children: [
                           /* @__PURE__ */ jsx(
@@ -2545,7 +2545,7 @@ function NavSidebar({
                         {
                           href: org.uploadLogoHref ?? "#",
                           onClick: (e) => e.stopPropagation(),
-                          className: "text-xs font-semibold text-[color:var(--color-accent)] underline",
+                          className: "text-xs font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] underline",
                           children: "Upload logo"
                         }
                       ) : /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-neutral-800", children: org.name ?? "Organization" }),
@@ -2597,7 +2597,7 @@ function NavSidebar({
                           disabled: !available,
                           className: [
                             `flex flex-none items-center justify-center rounded-[5px] px-[9px] py-[6px] transition ${rc("max-md:flex-1")}`,
-                            !available ? "cursor-not-allowed text-[color:var(--sidebar-text-muted,var(--muted))] opacity-35" : selected ? "bg-[color:var(--sidebar-mode-selected-bg,var(--mode-accent,var(--color-accent)))] text-[color:var(--mode-on-accent,white)]" : "text-[color:var(--sidebar-text-muted,var(--muted))] hover:bg-[#FFFFFF]/5 hover:text-[color:var(--sidebar-text,var(--foreground))]"
+                            !available ? "cursor-not-allowed text-[color:var(--sidebar-text-muted,var(--muted))] opacity-35" : selected ? "bg-[color:var(--sidebar-mode-selected-bg,var(--mode-accent,var(--color-accent)))] text-[color:var(--mode-on-accent,var(--color-accent-bg-safe,white))]" : "text-[color:var(--sidebar-text-muted,var(--muted))] hover:bg-[#FFFFFF]/5 hover:text-[color:var(--sidebar-text,var(--foreground))]"
                           ].join(" "),
                           children: OptIcon ? /* @__PURE__ */ jsx(OptIcon, { size: 15, className: "shrink-0" }) : null
                         },
@@ -2828,7 +2828,7 @@ var NAV_HOVER_GRADIENT = "var(--nav-hover-gradient)";
 var NAV_EYEBROW_CLASS = "text-[11px] font-bold uppercase leading-[1.2] tracking-[0.09em] text-[color:var(--sidebar-eyebrow,var(--sidebar-text-muted,var(--muted)))]";
 var NAV_TOP_ICON_SIZE = 17;
 var NAV_TOP_ROW_CLASS = (active) => `gap-[11px] px-[10px] py-[9px] text-[13px] leading-none ${active ? "font-semibold" : "font-normal"}`;
-var NAV_TOP_ACTIVE_CLASS = "bg-[color:var(--sidebar-active-bg,var(--color-accent))] text-[color:var(--sidebar-active-text,white)]";
+var NAV_TOP_ACTIVE_CLASS = "bg-[color:var(--sidebar-active-bg,var(--color-accent-bg-safe,var(--color-accent)))] text-[color:var(--sidebar-active-text,white)]";
 var NAV_TOP_INACTIVE_CLASS = "text-[color:var(--sidebar-row-text,var(--sidebar-text,var(--muted)))] hover:bg-[color:var(--sidebar-row-hover-bg,var(--panel-elevated))] hover:text-[color:var(--sidebar-text,var(--foreground))]";
 function modeCaption(label) {
   return label.replace(/\s+Mode$/i, " mode");
@@ -2887,7 +2887,7 @@ function NavRow({
   const Icon = item.icon;
   const isSub = variant === "sub";
   const washActive = variant !== "top";
-  const activeClasses = washActive ? "bg-[color:var(--mode-accent-surface,var(--panel-elevated))] text-[color:var(--color-accent)] shadow-sm" : NAV_TOP_ACTIVE_CLASS;
+  const activeClasses = washActive ? "bg-[color:var(--mode-accent-surface,var(--panel-elevated))] text-[color:var(--color-accent-fg,var(--color-accent))] shadow-sm" : NAV_TOP_ACTIVE_CLASS;
   const wrapperClasses = [
     "group relative block overflow-hidden transition",
     isSub ? "rounded-md" : "rounded-[5px]",
@@ -3050,7 +3050,7 @@ function NavTopBar({
         themeToggle,
         accountMenu === "topbar" ? /* @__PURE__ */ jsxs("details", { "data-nav-details": true, className: "group/acct relative", children: [
           /* @__PURE__ */ jsxs("summary", { className: "group/tbtip relative flex cursor-pointer list-none items-center gap-2.5 rounded-full py-1 pl-1 pr-2 transition hover:bg-[color:var(--panel-elevated)] [&::-webkit-details-marker]:hidden", children: [
-            /* @__PURE__ */ jsx("span", { className: "flex h-[var(--topbar-icon-button-size,32px)] w-[var(--topbar-icon-button-size,32px)] items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-accent)] text-xs font-bold text-[#FFFFFF]", children: user?.avatarUrl || user?.memojiUrl ? /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("span", { className: "flex h-[var(--topbar-icon-button-size,32px)] w-[var(--topbar-icon-button-size,32px)] items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-accent-bg-safe,var(--color-accent))] text-xs font-bold text-[#FFFFFF]", children: user?.avatarUrl || user?.memojiUrl ? /* @__PURE__ */ jsx(
               "img",
               {
                 src: user.avatarUrl || user.memojiUrl,
@@ -3150,14 +3150,14 @@ function NavAccountMenuPanel({
               },
               className: "flex min-w-0 flex-1 items-center gap-2.5 rounded-lg px-1 py-1 text-left hover:bg-[color:var(--panel)]",
               children: [
-                /* @__PURE__ */ jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-accent)] text-[11px] font-bold text-[#FFFFFF]", children: a.avatarUrl ? /* @__PURE__ */ jsx("img", { src: a.avatarUrl, alt: "", className: "h-full w-full object-cover" }) : (a.name ?? a.email ?? "?").slice(0, 2).toUpperCase() }),
+                /* @__PURE__ */ jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-accent-bg-safe,var(--color-accent))] text-[11px] font-bold text-[#FFFFFF]", children: a.avatarUrl ? /* @__PURE__ */ jsx("img", { src: a.avatarUrl, alt: "", className: "h-full w-full object-cover" }) : (a.name ?? a.email ?? "?").slice(0, 2).toUpperCase() }),
                 /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col leading-tight", children: [
                   /* @__PURE__ */ jsx(
                     "span",
                     {
                       className: [
                         "truncate text-sm font-semibold",
-                        a.active ? "text-[color:var(--color-accent)]" : "text-[color:var(--foreground)]"
+                        a.active ? "text-[color:var(--color-accent-fg,var(--color-accent))]" : "text-[color:var(--foreground)]"
                       ].join(" "),
                       children: a.name ?? a.email ?? a.id.slice(0, 8)
                     }
@@ -3173,7 +3173,7 @@ function NavAccountMenuPanel({
               type: "button",
               "aria-label": `Remove ${a.name ?? a.email ?? "account"}`,
               onClick: () => userMenu.onRemoveAccount?.(a.id),
-              className: "shrink-0 rounded p-1 text-[color:var(--color-accent)] hover:bg-[color:var(--panel)]",
+              className: "shrink-0 rounded p-1 text-[color:var(--color-accent-fg,var(--color-accent))] hover:bg-[color:var(--panel)]",
               children: /* @__PURE__ */ jsx(TrashIcon, {})
             }
           ) : null
@@ -3182,7 +3182,7 @@ function NavAccountMenuPanel({
           "a",
           {
             href: safeHref(userMenu.addAccountHref),
-            className: "mt-1.5 flex items-center gap-2.5 rounded-lg px-1 py-1.5 text-sm font-semibold text-[color:var(--color-accent)] hover:bg-[color:var(--panel)]",
+            className: "mt-1.5 flex items-center gap-2.5 rounded-lg px-1 py-1.5 text-sm font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] hover:bg-[color:var(--panel)]",
             children: [
               /* @__PURE__ */ jsx(AddUserIcon, {}),
               "Add Account"
@@ -3193,7 +3193,7 @@ function NavAccountMenuPanel({
           {
             type: "button",
             onClick: userMenu.onAddAccount,
-            className: "mt-1.5 flex w-full items-center gap-2.5 rounded-lg px-1 py-1.5 text-left text-sm font-semibold text-[color:var(--color-accent)] hover:bg-[color:var(--panel)]",
+            className: "mt-1.5 flex w-full items-center gap-2.5 rounded-lg px-1 py-1.5 text-left text-sm font-semibold text-[color:var(--color-accent-fg,var(--color-accent))] hover:bg-[color:var(--panel)]",
             children: [
               /* @__PURE__ */ jsx(AddUserIcon, {}),
               "Add Account"
@@ -3219,7 +3219,7 @@ function NavAccountMenuPanel({
             onClick: () => userMenu.navDisplay?.onChange(opt.value),
             className: [
               "flex w-full items-center justify-between rounded-md px-2 py-1.5 text-left text-sm font-medium",
-              userMenu.navDisplay?.value === opt.value ? "text-[color:var(--color-accent)]" : "text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
+              userMenu.navDisplay?.value === opt.value ? "text-[color:var(--color-accent-fg,var(--color-accent))]" : "text-[color:var(--foreground)] hover:bg-[color:var(--panel)]"
             ].join(" "),
             children: [
               opt.label,
@@ -3235,7 +3235,7 @@ function NavAccountMenuPanel({
       {
         type: "button",
         onClick: onSignOut,
-        className: "flex w-full shrink-0 items-center gap-2.5 border-t border-[color:var(--line)] px-4 py-2.5 text-left text-sm font-medium text-[color:var(--foreground)] hover:bg-[color:var(--panel)] hover:text-[color:var(--color-accent)]",
+        className: "flex w-full shrink-0 items-center gap-2.5 border-t border-[color:var(--line)] px-4 py-2.5 text-left text-sm font-medium text-[color:var(--foreground)] hover:bg-[color:var(--panel)] hover:text-[color:var(--color-accent-fg,var(--color-accent))]",
         children: [
           /* @__PURE__ */ jsx(SignOutIcon, {}),
           "Sign out"
@@ -3262,7 +3262,7 @@ function NavSidebarUserCard({
         "aria-label": "My Account",
         className: `flex w-full cursor-pointer list-none items-center gap-[9px] rounded-[5px] px-1 py-1 text-left transition hover:bg-[color:var(--sidebar-row-hover-bg,var(--panel-elevated))] [&::-webkit-details-marker]:hidden ${rc("max-md:justify-center max-md:px-0")}`,
         children: [
-          /* @__PURE__ */ jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[color:var(--sidebar-avatar-bg,var(--color-accent))] text-[11px] font-bold text-[#FFFFFF]", children: user.avatarUrl || user.memojiUrl ? /* @__PURE__ */ jsx("img", { src: user.avatarUrl || user.memojiUrl, alt: "", className: "h-full w-full object-cover" }) : initials }),
+          /* @__PURE__ */ jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[color:var(--sidebar-avatar-bg,var(--color-accent-bg-safe,var(--color-accent)))] text-[11px] font-bold text-[#FFFFFF]", children: user.avatarUrl || user.memojiUrl ? /* @__PURE__ */ jsx("img", { src: user.avatarUrl || user.memojiUrl, alt: "", className: "h-full w-full object-cover" }) : initials }),
           /* @__PURE__ */ jsxs("span", { className: `flex min-w-0 flex-1 flex-col ${rc("max-md:hidden")}`, children: [
             /* @__PURE__ */ jsx("span", { className: "truncate text-[12px] font-semibold leading-[1.2] text-[color:var(--sidebar-text,var(--foreground))]", children: displayName }),
             /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] leading-[1.3] text-[color:var(--sidebar-caption,var(--sidebar-text-muted,var(--muted)))]", children: secondary })
@@ -3312,7 +3312,7 @@ function NamePromptBubble({ profileHref, placement = "below" }) {
             "a",
             {
               href: safeHref(profileHref),
-              className: "rounded-full bg-[color:var(--color-accent)] px-3 py-1 text-xs font-semibold text-[#FFFFFF] hover:opacity-90",
+              className: "rounded-full bg-[color:var(--color-accent-bg-safe,var(--color-accent))] px-3 py-1 text-xs font-semibold text-[#FFFFFF] hover:opacity-90",
               children: "Set name"
             }
           ) : null,
@@ -3719,5 +3719,5 @@ function NavAppShell({
 }
 
 export { BETA_BANNER_DISMISS_KEY, CAMPAIGN_FEATURE_AVAILABILITY, CORE_APP_ORIGIN, CORE_BILLING_PATH, FuelAction, NavAppShell, NavBetaBanner, NavChromeProvider, NavDisplayAction, NavSidebar, NavTabStrip, NavThemeControl, NavTopBar, NotificationsAction, SPECS_ORIGIN, SpecOverlayAction, SupportAction, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, clearBetaBannerDismissal, envChipClasses, isNavItemActive, modeIdFromLabel, resolveOrgLogoUrl, shortEnvLabel, shortUserName, standardNavIcons, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference };
-//# sourceMappingURL=chunk-34NXDWIS.js.map
-//# sourceMappingURL=chunk-34NXDWIS.js.map
+//# sourceMappingURL=chunk-HSC6EYRR.js.map
+//# sourceMappingURL=chunk-HSC6EYRR.js.map