@the-portland-company/shell 0.80.0 → 0.80.2

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## 0.80.2
+
+The mode switcher goes to each mode's landing page. Spec cited: Specs/Left-Navigation §7 and §11.1.
+
+- **Cause.** The Relationship and Campaign buttons still pointed at the retired VRM core (`app.politogyvrm.com/relationship/dashboard`, `/campaign/dashboard`). Its redirect lands on the Dashboard app without a mode, and that app then chooses by the `politogy_active_mode` cookie. From a Campaign page the cookie says campaign, so clicking Relationship landed back on Battleground (measured 2026-10-12 on an organization that holds Campaign Mode).
+- **Fix.** Relationship goes to `https://dashboard.politogyvrm.com/dashboard?mode=relationship`; Campaign goes to `https://battleground.politogyvrm.com/battleground?mode=campaign`. Both carry the active organization, and move to their `-staging` twins from a staging host. New export `modeLandingHref`.
+- **The `dashboard` registry row is pinned to `mode: 'relationship'`.** It was unscoped, so its frame followed the user's last mode selection: after a visit to Campaign Mode the Relationship Dashboard drew the red Campaign rail and the "Campaign mode" label over the Relationship rows (reported by Ben, reproduced 2026-10-12; Left-Navigation §11.1). Pinned, the Dashboard always draws the Relationship frame and writes `relationship` to the active-mode cookie, like `email`.
+- Tests: `__tests__/modeLandingHref.test.ts`.
+
+## 0.80.1
+
+The Dashboard row shows its active marker on the Dashboard. Spec cited: Specs/Left-Navigation §8.1 and §11.3 ("Exactly one row is active").
+
+- **Cause.** The Relationship tree linked Dashboard to the host root (`https://dashboard.politogyvrm.com/`). The app serves the page at `/dashboard` and the root only redirects there; `isNavItemActive` treats a `/` target as active on `/` alone, so no row was active on the Relationship Dashboard (measured 2026-10-12).
+- **Fix.** The row links to `https://dashboard.politogyvrm.com/dashboard`. Other apps follow the same link without the extra redirect.
+- Tests: `__tests__/standardNav.test.ts`.
+
 ## 0.80.0
 
 The URL-state helper. Specs cited: Reference/UI-Platform "URL state" (decided 2026-10-06, Spencer) and Global Rules → URL State. Until now the page said the helper "ships in a shell minor release" and no app could carry `section=` without concatenating by hand.

package/dist/app-chrome.cjs

@@ -2324,7 +2324,12 @@ function standardPolitogyNav(opts) {
       { kind: "section", label: "Relationship" },
       // Dashboard moved to the standalone Dashboard app (dashboard.politogyvrm.com,
       // Specs/Relationship-Dashboard) with the retirement of app.politogyvrm.com.
-      { label: "Dashboard", icon: icon("layoutDashboard"), href: withOrg(DASHBOARD_ORIGIN) },
+      // The row links to the page itself (`/dashboard`), not the host root.
+      // The root only redirects there, and `isNavItemActive` treats a `/`
+      // target as active on `/` alone, so a root link left the Dashboard row
+      // without its active marker on the Dashboard (Left-Navigation §8.1,
+      // §11.3 "exactly one row is active").
+      { label: "Dashboard", icon: icon("layoutDashboard"), href: withOrg(`${DASHBOARD_ORIGIN}dashboard`) },
       contacts,
       {
         label: "Email broadcast",
@@ -4547,7 +4552,11 @@ var POLITOGY_APPS = {
   // Relationship Dashboard, the Relationship Mode landing page, and nothing
   // else (Specs/Relationship-Dashboard §1A "Relationship Mode only"); Settings
   // hosts org settings & billing (Specs/Organization-Settings).
-  dashboard: { title: "Dashboard", origin: "https://dashboard.politogyvrm.com", storagePrefix: "dashboard" },
+  // PINNED to Relationship: left unscoped, its frame took the user's last
+  // mode selection, so after a visit to Campaign Mode the Dashboard drew the
+  // red Campaign rail and "Campaign mode" label over the Relationship rows
+  // (Left-Navigation §11.1 "the rail never shows a mix of two modes").
+  dashboard: { title: "Dashboard", origin: "https://dashboard.politogyvrm.com", storagePrefix: "dashboard", mode: "relationship" },
   // Battleground (the Campaign Mode landing page) and District Data are
   // Campaign Mode features, each its own app on its own host (Specs/Left-
   // Navigation §9.2, §13, §14; Reference/UI-Platform, decided 2026-10-12).
@@ -5439,14 +5448,19 @@ var MODE_DEFS = [
     id: "relationship",
     label: "Relationship Mode",
     icon: lu.LuContactRound,
-    href: `${CORE_BASE_URL}/relationship/dashboard`,
+    // The mode's landing page (Left-Navigation §11.1), with the mode stated in
+    // the URL. These used to point at the retired VRM core
+    // (`app.politogyvrm.com/relationship/dashboard`), whose redirect dropped
+    // the mode: the Dashboard app then chose by the active-mode cookie, so
+    // "Relationship" from a Campaign page landed back on Battleground.
+    href: "https://dashboard.politogyvrm.com/dashboard?mode=relationship",
     orgQuery: true
   },
   {
     id: "campaign",
     label: "Campaign Mode",
     icon: lu.LuMegaphone,
-    href: `${CORE_BASE_URL}/campaign/dashboard`,
+    href: "https://battleground.politogyvrm.com/battleground?mode=campaign",
     orgQuery: true
   },
   {
@@ -5459,6 +5473,14 @@ var MODE_DEFS = [
     orgQuery: true
   }
 ];
+function modeLandingHref(id, opts = {}) {
+  const def = MODE_DEFS.find((m) => m.id === id);
+  if (!def) return null;
+  const staging = (opts.hostname ?? "").toLowerCase().includes("staging");
+  const href = staging ? def.href.replace(/^https:\/\/(dashboard|battleground)\.politogyvrm\.com/, "https://$1-staging.politogyvrm.com") : def.href;
+  if (!opts.orgId) return href;
+  return `${href}${href.includes("?") ? "&" : "?"}org=${opts.orgId}`;
+}
 function useChromeMode(arg = {}) {
   const { fallbackModeId = "relationship", pinnedModeId } = typeof arg === "string" ? { fallbackModeId: arg, pinnedModeId: void 0 } : arg;
   const ctx = react.useContext(ChromeStateContext);
@@ -5496,7 +5518,6 @@ function useChromeMode(arg = {}) {
   const pinned = pinnedModeId ? MODE_DEFS.find((m) => m.id === pinnedModeId) ?? null : null;
   const selected = selectedModeId ? options.find((m) => m.id === selectedModeId) ?? null : null;
   const current = pinned ?? selected ?? options[0] ?? MODE_DEFS.find((m) => m.id === fallbackModeId) ?? MODE_DEFS[0];
-  const suffix = orgId ? `?org=${orgId}` : "";
   return {
     label: current.label,
     icon: current.icon,
@@ -5518,10 +5539,11 @@ function useChromeMode(arg = {}) {
         localStorage.setItem(MODE_STORAGE_KEY, id);
       } catch {
       }
-      const href = def.href.replace(CORE_BASE_URL, getCoreBaseUrl());
-      const sep = href.includes("?") ? "&" : "?";
       window.location.assign(
-        def.orgQuery && suffix ? `${href}${sep}${suffix.slice(1)}` : href
+        modeLandingHref(id, {
+          orgId: def.orgQuery ? orgId : null,
+          hostname: window.location.hostname
+        }) ?? def.href
       );
     } : void 0
   };
@@ -5534,6 +5556,7 @@ exports.PolitogyAppChrome = PolitogyAppChrome;
 exports.PolitogyAppFrame = PolitogyAppFrame;
 exports.deriveBreadcrumbs = deriveBreadcrumbs;
 exports.looksLikeEmail = looksLikeEmail;
+exports.modeLandingHref = modeLandingHref;
 exports.resolveIdentity = resolveIdentity;
 exports.standardNavIcons = standardNavIcons;
 exports.useChromeFooter = useChromeFooter;