@the-portland-company/shell 0.76.18 → 0.77.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.77.0
+
+No theme control in the account menu. Specs cited: Reference/UI-Platform "Theme — light only (Dark Mode retired)" and "There is no theme control … Apps must not render any theme control"; Reference/Global-Rules "Theming — Light Only".
+
+- **Breaking for the eye only.** `PolitogyAppFrame` no longer passes `theme` to the account menu, so the "Appearance" radio group (one option, "Light", since 0.73.0 made the theme light only) is gone from every app. `NavUserMenu.theme` stays optional for a caller that still passes it; nothing in the shell does.
+- `./theme-preference` and `useThemePreference` are unchanged: they still resolve every stored preference to light and keep the cross-app cookie contract for the apps that import them.
+- **Audit note (closeout 2026-10-12, item 1).** The "Known shell defect — dark theme restored in 0.68.0" paragraph in Reference/UI-Platform is stale: 0.73.0 (#116, 2026-10-06) removed dark rendering, `chrome.css` ships no `.dark` block (the remaining mentions are comments), and the pre-paint script hardcodes light. The runtime Brand token sheet (specs app, `lib/brand-authoring.ts`) still emits `.dark {}` blocks that nothing applies.
+
 ## 0.76.18
 
 Consolidates 0.76.16 and 0.76.17, neither of which reached npm (their publish gates failed). Specs cited: Global-Rules v38, UI-Platform v46, Specs/Left-Navigation (no Tribes row, §9.1), Specs/System-Communications §6.3 and §12.2 (Binding, 2026-10-03).

package/dist/app-chrome.cjs

@@ -487,92 +487,6 @@ function notificationsFeedToPayload(feed, orgId) {
     badge: feed.badge
   };
 }
-
-// src/theme-preference.ts
-var THEME_STORAGE_KEY = "politogy_theme";
-var THEME_COOKIE = "politogy_theme";
-var THEME_PENDING_COOKIE = "politogy_theme_pending";
-var VALID2 = ["light", "dark", "system"];
-function isThemePreference(v) {
-  return typeof v === "string" && VALID2.includes(v);
-}
-function readThemeCookie() {
-  if (typeof document === "undefined") return null;
-  try {
-    const m = document.cookie.match(
-      new RegExp(`(?:^|;\\s*)${THEME_COOKIE}=([^;]+)`)
-    );
-    const v = m ? decodeURIComponent(m[1]) : null;
-    return isThemePreference(v) ? v : null;
-  } catch {
-    return null;
-  }
-}
-function writeThemeCookie(pref) {
-  if (typeof document === "undefined" || typeof window === "undefined") return;
-  const host = window.location.hostname;
-  const onParentDomain = /(^|\.)politogyvrm\.com$/i.test(host);
-  const domainAttr = onParentDomain ? "; Domain=.politogyvrm.com" : "";
-  const secure = window.location.protocol === "https:" ? "; Secure" : "";
-  document.cookie = `${THEME_COOKIE}=${encodeURIComponent(
-    pref
-  )}; Path=/; Max-Age=31536000; SameSite=Lax${domainAttr}${secure}`;
-}
-function writeSharedCookie(name, value, maxAgeSeconds) {
-  if (typeof document === "undefined" || typeof window === "undefined") return;
-  const host = window.location.hostname;
-  const domainAttr = /(^|\.)politogyvrm\.com$/i.test(host) ? "; Domain=.politogyvrm.com" : "";
-  const secure = window.location.protocol === "https:" ? "; Secure" : "";
-  document.cookie = `${name}=${encodeURIComponent(
-    value
-  )}; Path=/; Max-Age=${maxAgeSeconds}; SameSite=Lax${domainAttr}${secure}`;
-}
-function markThemeChoicePending(pref) {
-  writeSharedCookie(THEME_PENDING_COOKIE, pref, 31536e3);
-}
-function readPendingThemeChoice() {
-  if (typeof document === "undefined") return null;
-  try {
-    const m = document.cookie.match(
-      new RegExp(`(?:^|;\\s*)${THEME_PENDING_COOKIE}=([^;]+)`)
-    );
-    const v = m ? decodeURIComponent(m[1]) : null;
-    return isThemePreference(v) ? v : null;
-  } catch {
-    return null;
-  }
-}
-function clearPendingThemeChoice() {
-  writeSharedCookie(THEME_PENDING_COOKIE, "", 0);
-}
-function resolveTheme(_pref) {
-  return "light";
-}
-function applyThemePreference(pref) {
-  if (typeof document === "undefined") return;
-  const resolved = resolveTheme();
-  const d = document.documentElement;
-  d.classList.toggle("dark", resolved === "dark");
-  try {
-    d.setAttribute("data-theme", resolved);
-    d.style.colorScheme = resolved;
-  } catch {
-  }
-}
-`(function(){try{
-var KEY=${JSON.stringify(THEME_STORAGE_KEY)};
-var VALID=["light","dark","system"];
-function fromCookie(){try{var m=document.cookie.match(/(?:^|;\\s*)${THEME_COOKIE}=([^;]+)/);return m?decodeURIComponent(m[1]):null;}catch(e){return null;}}
-var cookie=fromCookie();
-var ls=null;try{ls=localStorage.getItem(KEY);}catch(e){}
-var pref=cookie||ls||"system";
-if(VALID.indexOf(pref)===-1)pref="system";
-if(cookie&&cookie!==ls){try{localStorage.setItem(KEY,cookie);}catch(e){}}
-var dark=false;
-var d=document.documentElement;
-if(dark)d.classList.add("dark");else d.classList.remove("dark");
-try{d.setAttribute("data-theme",dark?"dark":"light");d.style.colorScheme=dark?"dark":"light";}catch(e){}
-}catch(e){}})();`;
 var CORE_APP_ORIGIN = "https://app.politogyvrm.com";
 var CORE_BILLING_PATH = "/organization-settings/subscription-billing/text-email";
 var CORE_BILLING_URL = `${CORE_APP_ORIGIN}${CORE_BILLING_PATH}`;
@@ -2201,102 +2115,6 @@ var NAV_DISPLAY_OPTIONS = [
   { value: "tabs", label: "Tabs Only" },
   { value: "both", label: "Both" }
 ];
-function useThemePreference() {
-  const ctx = react.useContext(NavChromeContext);
-  const fetchJson = ctx?.fetchJson ?? null;
-  const [value, setValueState] = react.useState("system");
-  const reconciled = react.useRef(false);
-  react.useEffect(() => {
-    const cookie = readThemeCookie();
-    let ls = null;
-    try {
-      ls = localStorage.getItem(THEME_STORAGE_KEY);
-    } catch {
-    }
-    const pref = cookie ?? (isThemePreference(ls) ? ls : null) ?? "system";
-    setValueState(pref);
-    applyThemePreference();
-  }, []);
-  const meCtx = react.useContext(NavChromeContext);
-  react.useEffect(() => {
-    if (reconciled.current) return;
-    const pending = readPendingThemeChoice();
-    if (pending) {
-      if (meCtx?.me) reconciled.current = true;
-      setValueState(pending);
-      applyThemePreference();
-      writeThemeCookie(pending);
-      try {
-        localStorage.setItem(THEME_STORAGE_KEY, pending);
-      } catch {
-      }
-      if (!meCtx?.me) return;
-      fetchJson?.("me/preferences", {
-        method: "PATCH",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ themePreference: pending })
-      }).then(() => clearPendingThemeChoice()).catch(() => {
-      });
-      return;
-    }
-    const pref = meCtx?.me?.themePreference;
-    if (isThemePreference(pref)) {
-      reconciled.current = true;
-      setValueState(pref);
-      applyThemePreference();
-      writeThemeCookie(pref);
-      try {
-        localStorage.setItem(THEME_STORAGE_KEY, pref);
-      } catch {
-      }
-    }
-  }, [meCtx?.me]);
-  react.useEffect(() => {
-    const onStorage = (e) => {
-      if (e.key === THEME_STORAGE_KEY && isThemePreference(e.newValue)) {
-        setValueState(e.newValue);
-        applyThemePreference(e.newValue);
-      }
-    };
-    const onWake = () => {
-      const cookie = readThemeCookie();
-      if (cookie) {
-        setValueState((prev) => {
-          if (cookie !== prev) applyThemePreference();
-          return cookie;
-        });
-      }
-    };
-    window.addEventListener("storage", onStorage);
-    window.addEventListener("focus", onWake);
-    document.addEventListener("visibilitychange", onWake);
-    return () => {
-      window.removeEventListener("storage", onStorage);
-      window.removeEventListener("focus", onWake);
-      document.removeEventListener("visibilitychange", onWake);
-    };
-  }, []);
-  const setValue = react.useCallback(
-    (next) => {
-      setValueState(next);
-      applyThemePreference();
-      writeThemeCookie(next);
-      try {
-        localStorage.setItem(THEME_STORAGE_KEY, next);
-      } catch {
-      }
-      markThemeChoicePending(next);
-      fetchJson?.("me/preferences", {
-        method: "PATCH",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ themePreference: next })
-      }).then(() => clearPendingThemeChoice()).catch(() => {
-      });
-    },
-    [fetchJson]
-  );
-  return { value, setValue };
-}
 var standardNavIcons = {
   home: lu.LuHouse,
   users: lu.LuUsers,
@@ -5597,7 +5415,6 @@ function useChromeUserMenu({
   email
 }) {
   const state = useChromeState();
-  const theme = useThemePreference();
   const activeOrg = state?.orgs.find((o) => o.id === state.orgId) ?? null;
   const orgSuffix = activeOrg ? `?org=${activeOrg.id}` : "";
   const coreBase = getCoreBaseUrl();
@@ -5608,7 +5425,9 @@ function useChromeUserMenu({
     roles: (state?.orgs ?? []).filter((o) => o.rawRole || o.role).map((o) => ({ role: o.rawRole ?? o.role, orgName: o.name })),
     accounts: [{ id: userId, name: userName, email, avatarUrl: null, active: true }],
     addAccountHref: `${coreBase}/my-profile#accounts`,
-    theme: { value: theme.value, onChange: theme.setValue },
+    // No theme control: the product is light only (Reference/UI-Platform
+    // "Theme — light only"; shell 0.73.0 stopped applying dark). The account
+    // menu rendered an "Appearance" radio with one option until 0.77.0.
     navDisplay: state ? { value: state.navDisplay, onChange: state.setNavDisplay } : void 0
   };
 }