@the-portland-company/shell 0.96.1 → 0.96.2

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 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).

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"
                                 }
@@ -5072,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
@@ -5175,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
@@ -5435,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
@@ -5452,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