@the-portland-company/shell 0.96.0 → 0.96.2

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 0.96.2
+
+The org switcher list shows each organization's icon (Specs/Left-Navigation §6: each org "with its icon mark, name and short ID"; Ben 2026-11-04: the Primary logo showed in the card, but the list did not show the icon).
+
+- **Switcher rows use `iconUrl`.** A row shows the org's Brand Kit icon on a white tile, uncropped (`object-contain`). Without an icon it shows the Primary logo as before, then initials. Each row's mark carries `data-org-option-mark="icon" | "logo" | "initials"`.
+- **`iconUrl` reaches the switcher and the collapsed rail.** `ChromeOrgSummary` gains optional `iconUrl` (sent by the chrome API `/api/orgs` from contacts#425). Every org-list copy in the chrome state (token, controlled and uncontrolled providers) and the active org card in `PolitogyAppFrame` now carry it, so the collapsed rail's `OrgIconMark` gets the icon too. Apps that pass their own `tokenOrg.orgs` or controlled `orgs` should include `iconUrl` from `/api/orgs`.
+- Tests: `__tests__/orgSwitcherIcon.test.tsx`.
+
+## 0.96.1
+
+Privacy, Terms and Subscriptions open in a new tab (Ben 2026-11-04: clicking Privacy replaced the app with the public Politogy ID page, with no left bar or top bar).
+
+- **Left-bar footer links honor `external`.** `NavFooterLink.external` was documented as "opens in a new tab" but the rail footer ignored it, so every app sent the user away from the app in the same tab. External links now get `target="_blank"` and `rel="noopener noreferrer"`; links without `external` keep opening in the same tab. Every app on the frame gets this with a version bump and no code change.
+- **Privacy and Terms point at the website** (Ben 2026-11-04: "Yes, point them now"): Privacy `https://politogyvrm.com/privacy` (was Politogy ID `/privacy-policy`), Terms `https://politogyvrm.com/terms-of-service` (was `/terms-and-conditions`). Subscriptions is unchanged. `footerLinks()` no longer depends on the host, so staging links to the same public pages.
+- Tests: `__tests__/native.test.tsx` ("opens external legal links in a new tab"), `__tests__/retiredHostLinks.test.tsx` (the three addresses).
+
 ## 0.96.0
 
 One shared "⋯" row menu for list rows (Ben 2026-10-26: Email's broadcast menu stuck open, and on the last row Archive and Delete were cut off by the table frame).

package/dist/app-chrome.cjs

@@ -2985,6 +2985,8 @@ function NavSidebar({
                   ] }) : null,
                   filterOrgs(org.organizations, orgFilter).map((o) => {
                     const selected = o.id === org.id;
+                    const iconSrc = resolveOrgLogoUrl(o.iconUrl);
+                    const logoSrc = iconSrc ? void 0 : resolveOrgLogoUrl(o.logoUrl);
                     return /* @__PURE__ */ jsxRuntime.jsxs(
                       "button",
                       {
@@ -3003,12 +3005,13 @@ function NavSidebar({
                           /* @__PURE__ */ jsxRuntime.jsx(
                             "span",
                             {
-                              style: { backgroundColor: o.brandColor || ORG_PILL_DEFAULT },
-                              className: "flex h-6 w-6 shrink-0 items-center justify-center overflow-hidden rounded-full text-[10px] font-bold text-[#FFFFFF]",
-                              children: resolveOrgLogoUrl(o.logoUrl) ? /* @__PURE__ */ jsxRuntime.jsx(
+                              "data-org-option-mark": iconSrc ? "icon" : logoSrc ? "logo" : "initials",
+                              style: iconSrc ? void 0 : { backgroundColor: o.brandColor || ORG_PILL_DEFAULT },
+                              className: `flex h-6 w-6 shrink-0 items-center justify-center overflow-hidden text-[10px] font-bold text-[#FFFFFF] ${iconSrc ? "rounded-[4px] bg-[#FFFFFF]" : "rounded-full"}`,
+                              children: iconSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: iconSrc, alt: "", className: "max-h-full max-w-full object-contain" }) : logoSrc ? /* @__PURE__ */ jsxRuntime.jsx(
                                 "img",
                                 {
-                                  src: resolveOrgLogoUrl(o.logoUrl),
+                                  src: logoSrc,
                                   alt: "",
                                   className: "h-full w-full object-cover"
                                 }
@@ -3180,6 +3183,7 @@ function NavSidebar({
                 "a",
                 {
                   href: safeHref(l.href),
+                  ...l.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
                   className: "text-[color:var(--sidebar-caption,var(--sidebar-text-muted,var(--muted)))] hover:text-[color:var(--sidebar-text,var(--foreground))] hover:underline",
                   children: l.label
                 }
@@ -5071,6 +5075,7 @@ function FrameBody({
             name: activeCoreOrg.name,
             id: activeCoreOrg.id,
             logoUrl: activeCoreOrg.logoUrl,
+            iconUrl: activeCoreOrg.iconUrl ?? null,
             brandColor: activeCoreOrg.brandColor,
             organizations: coreOrgs,
             onSwitch: chrome?.setOrgId
@@ -5174,6 +5179,7 @@ function TokenChromeStateProvider({
       id: o.id,
       name: o.name,
       logoUrl: o.logoUrl,
+      iconUrl: o.iconUrl ?? null,
       brandColor: o.brandColor,
       role: o.role,
       rawRole: o.rawRole ?? null
@@ -5434,6 +5440,7 @@ function ChromeStateProvider({
           id: o.id,
           name: o.name,
           logoUrl: o.logoUrl,
+          iconUrl: o.iconUrl ?? null,
           brandColor: o.brandColor,
           role: o.role,
           rawRole: o.rawRole ?? null
@@ -5451,6 +5458,7 @@ function ChromeStateProvider({
         id: o.id,
         name: o.name,
         logoUrl: o.logoUrl,
+        iconUrl: o.iconUrl ?? null,
         brandColor: o.brandColor,
         role: o.role,
         rawRole: o.rawRole ?? null
@@ -5668,14 +5676,11 @@ function useIsSuperAdmin() {
   return (state?.orgs ?? []).some((o) => /super/i.test(o.rawRole ?? ""));
 }
 function footerLinks() {
-  const auth = authBaseUrl();
-  return [
-    { label: "Privacy", href: `${auth}/privacy-policy`, external: true },
-    { label: "Terms", href: `${auth}/terms-and-conditions`, external: true },
-    ...FOOTER_LINKS_STATIC
-  ];
+  return FOOTER_LINKS.map((l) => ({ ...l }));
 }
-var FOOTER_LINKS_STATIC = [
+var FOOTER_LINKS = [
+  { label: "Privacy", href: "https://politogyvrm.com/privacy", external: true },
+  { label: "Terms", href: "https://politogyvrm.com/terms-of-service", external: true },
   {
     label: "Subscriptions",
     href: "https://politogyvrm.com/subscription-cancellation-policy",