@the-portland-company/shell 0.98.0 → 0.99.1

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## 0.99.1
+
+The user card says "Account Manager" for an Account Manager (bug seen live 2026-11-07: benedtl@hotmail.com, `account_manager` in "TEST Campaign A (link test)", a Linked Accounts roster membership, was shown as "Member").
+
+- **Role line from the real role.** The card under the name printed the app's own role string, and apps collapse roles to their permission pair (Contacts: admin | member), so `account_manager` came out as "Member". `PolitogyAppFrame` now labels the active organization's raw membership role (the chrome API's `rawRole`; in token mode the `org_role` claim) and falls back to the app's string. Labels (Specs/Organization-Settings §8.4 groups): owner / admin / account_admin → "Admin" and member / field roles → "Member" as before; account_manager → "Account Manager"; viewer → "Viewer".
+- `useChromeState()` gains `activeRawRole`. In controlled mode (Contacts) it comes from the chrome API org list when the app's list has no `rawRole`.
+- Tests: `__tests__/userCardRole.test.tsx` (new).
+
+## 0.99.0
+
+VRM Verified badge and the Contact Card slide-in (Ben 2026-11-06, typed in the UI debugging box; specs Contacts §4.2, §8.6A and VRM-Verified §2 updated with his go).
+
+- **Verified in a pill is a green dot.** `VrmVerifiedBadge` (pill, the default) draws Verified like the other tiers: a dot (`--vrm-tier-verified`, fallback `#00A651`) and the words "VRM Verified". Ben: "where it is in a pill… it should just be a green dot and remain in the pill".
+- **New `variant="icon"`** for a contact view's name line: the Brand `verifiedIcon` alone (no words, no pill, `role="img"`, label "VRM Verified", the VRM Verified tooltip), placed before the first letter of the first name. It renders nothing for any other tier.
+- **New `ContactSlideIn` + `useContactSlideIn`** (on `.` and `./native`): the Contact Card slides in from the right over the current page, matching Contacts' own drawer (40% overlay, right panel up to 672px, "Contact Card" header, close button, Esc and overlay click close), with an "Open in Contacts" link. It frames Contacts' chrome-less card view `/contacts/embed/<uvp id>?org=<org>`. Helpers `contactEmbedUrl`, `contactPageUrl`, `CONTACTS_ORIGIN`. Contacts §8: the Card opens as a slide-in "anywhere a contact reference appears".
+- Tests: `__tests__/vrmVerifiedBadge.test.tsx` (pill dot, icon variant), `__tests__/contactSlideIn.test.tsx` (new).
+
 ## 0.98.0
 
 The one VRM Verified badge (Contacts v59 §4, decided 2026-11-05, Ben: "Every badge is the brand `verifiedIcon`, drawn by one shared shell component"; Data-System/VRM-Verified v7 §2, §2.6).

package/dist/app-chrome.cjs

@@ -4094,6 +4094,34 @@ function LoadingScreen({
   );
 }
 
+// src/lib/roleLabel.ts
+var ADMIN_ROLES = /* @__PURE__ */ new Set(["owner", "admin", "account_admin"]);
+var STAFF_ROLES = /* @__PURE__ */ new Set(["super_admin", "super administrator", "politogy_admin"]);
+var MANAGER_ROLES = /* @__PURE__ */ new Set(["account_manager", "account manager", "manager", "campaign_manager"]);
+var FIELD_ROLES = /* @__PURE__ */ new Set([
+  "member",
+  "field_user",
+  "field user",
+  "field",
+  "volunteer",
+  "canvasser",
+  "caller",
+  "staff"
+]);
+var VIEWER_ROLES = /* @__PURE__ */ new Set(["viewer"]);
+function roleLabel(raw) {
+  const role = (raw ?? "").trim().toLowerCase();
+  if (!role) return null;
+  if (ADMIN_ROLES.has(role) || STAFF_ROLES.has(role)) return "Admin";
+  if (MANAGER_ROLES.has(role)) return "Account Manager";
+  if (FIELD_ROLES.has(role)) return "Member";
+  if (VIEWER_ROLES.has(role)) return "Viewer";
+  return null;
+}
+function userCardRole(activeRawRole, appRole) {
+  return roleLabel(activeRawRole) ?? roleLabel(appRole) ?? (appRole?.trim() || null);
+}
+
 // src/url-state.ts
 var URL_STATE_MODES = ["relationship", "campaign", "petition"];
 var URL_STATE_KEYS = ["mode", "page", "tab", "section", "org_id"];
@@ -4538,7 +4566,9 @@ function FrameBody({
             // The chrome API's avatar wins; the app may supply a fallback chain
             // (e.g. a stored memoji) for users with no uploaded photo.
             avatarUrl: identity.avatarUrl ?? data?.fallbackAvatarUrl ?? null,
-            role: session.role
+            // The active org's RAW role wins over the app's collapsed one, so an
+            // Account Manager is not shown as "Member" (Organization-Settings §8.4).
+            role: userCardRole(chrome?.activeRawRole ?? activeCoreOrg?.rawRole, session.role)
           },
           userMenu,
           onSignOut: handleSignOut,
@@ -4726,10 +4756,13 @@ function TokenChromeStateProvider({
       orgs,
       orgsLoading: !tokenOrg.orgs && orgsFetching && !orgsError && !fetchedOrgs,
       orgPending: pendingOrg !== null,
+      // The list's raw role, else the token's `org_role` claim — only while the
+      // token is still for the active org (not mid-switch).
+      activeRawRole: orgs.find((o) => o.id === orgId)?.rawRole ?? (orgId && tokenOrg.orgId === orgId ? tokenOrg.orgRole ?? null : null),
       navDisplay,
       setNavDisplay
     }),
-    [orgId, setOrgId, orgs, tokenOrg.orgs, orgsFetching, orgsError, fetchedOrgs, pendingOrg, navDisplay, setNavDisplay]
+    [orgId, setOrgId, orgs, tokenOrg.orgs, tokenOrg.orgId, tokenOrg.orgRole, orgsFetching, orgsError, fetchedOrgs, pendingOrg, navDisplay, setNavDisplay]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(ChromeStateContext.Provider, { value, children });
 }
@@ -4883,6 +4916,9 @@ function ChromeStateProvider({
         })),
         orgsLoading: false,
         orgPending: false,
+        // The app's list collapses roles (Contacts: admin | member); the
+        // chrome API's list carries the raw one.
+        activeRawRole: controlledOrg.orgs?.find((o) => o.id === controlledOrg.orgId)?.rawRole ?? orgs?.find((o) => o.id === controlledOrg.orgId)?.rawRole ?? null,
         navDisplay,
         setNavDisplay
       };
@@ -4903,6 +4939,7 @@ function ChromeStateProvider({
       // falls back to the app label rather than shimmering forever.
       orgsLoading: orgsFetching && !orgsError && !orgs,
       orgPending: false,
+      activeRawRole: orgs?.find((o) => o.id === orgId)?.rawRole ?? null,
       navDisplay,
       setNavDisplay
     };