@burdenoff/microfe-planmagnet 2026.926.2 → 2026.927.2

package/dist/planmagnet/people/People.js

@@ -18,25 +18,39 @@ function u({ workspaceId: e, children: n }) {
 		children: n
 	});
 }
-function d({ id: e, className: t }) {
-	let i = n(l), a = i?.request;
-	if (r(() => {
-		e && a && a(e);
-	}, [e, a]), !e) return /* @__PURE__ */ o("span", {
-		className: t ?? "text-muted-foreground",
-		children: "—"
-	});
-	let c = i?.profiles[e] ?? s({
+function d(e) {
+	let t = n(l), i = t?.request;
+	return r(() => {
+		e && i && i(e);
+	}, [e, i]), e ? t?.profiles[e] ?? s({
 		actorId: e,
 		actorType: "user"
+	}) : null;
+}
+function f({ id: e, className: t }) {
+	let n = d(e);
+	return n ? /* @__PURE__ */ o("span", {
+		className: t,
+		title: n.email ?? void 0,
+		children: n.displayName
+	}) : /* @__PURE__ */ o("span", {
+		className: t ?? "text-muted-foreground",
+		children: "—"
 	});
+}
+function p(e) {
+	return e.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0].toUpperCase()).join("");
+}
+function m({ id: e, className: t }) {
+	let n = d(e), r = n ? n.email ? `${n.displayName} (${n.email})` : n.displayName : void 0;
 	return /* @__PURE__ */ o("span", {
 		className: t,
-		title: c.email ?? void 0,
-		children: c.displayName
+		title: r,
+		"aria-label": r,
+		children: (n?.resolved ? p(n.displayName) : "") || "?"
 	});
 }
 //#endregion
-export { u as PeopleProvider, d as PersonName };
+export { u as PeopleProvider, m as PersonAvatar, f as PersonName, p as initialsOf };
 
 //# sourceMappingURL=People.js.map

package/dist/planmagnet/people/People.js.map

@@ -1 +1 @@
-{"version":3,"file":"People.js","names":[],"sources":["../../../src/planmagnet/people/People.tsx"],"sourcesContent":["import {\n  buildActorFallback,\n  useActorProfiles,\n  type ActorInput,\n  type ActorProfileMap,\n} from '@burdenoff/fe-libs/shared';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\n\n/**\n * Show people by name, not by UUID.\n *\n * Until 2026-09-24, 21 places in this MFE rendered a raw user id where a\n * person belonged — project owners, roadmap owners, assignees, the team lead.\n * fe-libs already resolves ids to workspace-member identities\n * (`useActorProfiles`, with a 5-minute cache), but it batches per CALL and\n * does not dedupe across calls, so calling it from every row would fire a\n * burst of lookups on the first render of each list.\n *\n * So there is exactly one call, here. Every `<PersonName id>` on screen\n * registers its id with the provider; ids registered during the same render\n * land in one state update, and the provider resolves them together. A\n * growing list costs one request for the NEW ids only — already-resolved ids\n * come from the fe-libs cache.\n *\n * An id that cannot be resolved (not a member of this workspace, lookup\n * failed) renders fe-libs' short fallback, \"User 1a2b3c\", rather than the full\n * UUID: still identifiable, never a wall of hex.\n */\n\ninterface PeopleContextValue {\n  request: (id: string) => void;\n  profiles: ActorProfileMap;\n}\n\nconst PeopleContext = createContext<PeopleContextValue | null>(null);\n\nexport function PeopleProvider({\n  workspaceId,\n  children,\n}: {\n  workspaceId?: string;\n  children: ReactNode;\n}) {\n  const [ids, setIds] = useState<readonly string[]>([]);\n\n  const request = useCallback((id: string) => {\n    setIds((previous) => (previous.includes(id) ? previous : [...previous, id]));\n  }, []);\n\n  const actors = useMemo<ActorInput[]>(\n    () => ids.map((actorId) => ({ actorId, actorType: 'user' })),\n    [ids]\n  );\n\n  // No apiGatewayUrl on purpose: this MFE is handed the WORKSPACE gateway, and\n  // the hook resolves the right gateways from the hostname itself.\n  const profiles = useActorProfiles(actors, { workspaceId });\n\n  const value = useMemo(() => ({ request, profiles }), [request, profiles]);\n  return <PeopleContext.Provider value={value}>{children}</PeopleContext.Provider>;\n}\n\nexport interface PersonNameProps {\n  /** A user id. Empty or missing renders an em dash. */\n  id: string | null | undefined;\n  className?: string;\n}\n\n/**\n * Inline text on purpose. fe-libs' `ActorIdentity` is a block (avatar plus two\n * stacked paragraphs); every place this replaces is an inline label —\n * \"Owner: …\", a table cell, a <span> inside a <p> — where a block would break\n * the layout and nest a <div> inside a <p>. The email, when known, is the\n * hover title, so two people with the same name stay distinguishable.\n */\nexport function PersonName({ id, className }: PersonNameProps) {\n  const context = useContext(PeopleContext);\n  const request = context?.request;\n\n  useEffect(() => {\n    if (id && request) request(id);\n  }, [id, request]);\n\n  if (!id) return <span className={className ?? 'text-muted-foreground'}>—</span>;\n\n  const profile = context?.profiles[id] ?? buildActorFallback({ actorId: id, actorType: 'user' });\n  return (\n    <span className={className} title={profile.email ?? undefined}>\n      {profile.displayName}\n    </span>\n  );\n}\n"],"mappings":";;;;AA0CA,IAAM,IAAgB,EAAyC,KAAK;AAEpE,SAAgB,EAAe,EAC7B,gBACA,eAIC;CACD,IAAM,CAAC,GAAK,KAAU,EAA4B,EAAE,CAAC,EAE/C,IAAU,GAAa,MAAe;AAC1C,KAAQ,MAAc,EAAS,SAAS,EAAG,GAAG,IAAW,CAAC,GAAG,GAAU,EAAG,CAAE;IAC3E,EAAE,CAAC,EASA,IAAW,EAPF,QACP,EAAI,KAAK,OAAa;EAAE;EAAS,WAAW;EAAQ,EAAE,EAC5D,CAAC,EAAI,CACN,EAIyC,EAAE,gBAAa,CAAC,EAEpD,IAAQ,SAAe;EAAE;EAAS;EAAU,GAAG,CAAC,GAAS,EAAS,CAAC;AACzE,QAAO,kBAAC,EAAc,UAAf;EAA+B;EAAQ;EAAkC,CAAA;;AAgBlF,SAAgB,EAAW,EAAE,OAAI,gBAA8B;CAC7D,IAAM,IAAU,EAAW,EAAc,EACnC,IAAU,GAAS;AAMzB,KAJA,QAAgB;AACd,EAAI,KAAM,KAAS,EAAQ,EAAG;IAC7B,CAAC,GAAI,EAAQ,CAAC,EAEb,CAAC,EAAI,QAAO,kBAAC,QAAD;EAAM,WAAW,KAAa;YAAyB;EAAQ,CAAA;CAE/E,IAAM,IAAU,GAAS,SAAS,MAAO,EAAmB;EAAE,SAAS;EAAI,WAAW;EAAQ,CAAC;AAC/F,QACE,kBAAC,QAAD;EAAiB;EAAW,OAAO,EAAQ,SAAS,KAAA;YACjD,EAAQ;EACJ,CAAA"}
+{"version":3,"file":"People.js","names":[],"sources":["../../../src/planmagnet/people/People.tsx"],"sourcesContent":["import {\n  buildActorFallback,\n  useActorProfiles,\n  type ActorInput,\n  type ActorProfile,\n  type ActorProfileMap,\n} from '@burdenoff/fe-libs/shared';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\n\n/**\n * Show people by name, not by UUID.\n *\n * Until 2026-09-24, 21 places in this MFE rendered a raw user id where a\n * person belonged — project owners, roadmap owners, assignees, the team lead.\n * fe-libs already resolves ids to workspace-member identities\n * (`useActorProfiles`, with a 5-minute cache), but it batches per CALL and\n * does not dedupe across calls, so calling it from every row would fire a\n * burst of lookups on the first render of each list.\n *\n * So there is exactly one call, here. Every `<PersonName id>` on screen\n * registers its id with the provider; ids registered during the same render\n * land in one state update, and the provider resolves them together. A\n * growing list costs one request for the NEW ids only — already-resolved ids\n * come from the fe-libs cache.\n *\n * An id that cannot be resolved (not a member of this workspace, lookup\n * failed) renders fe-libs' short fallback, \"User 1a2b3c\", rather than the full\n * UUID: still identifiable, never a wall of hex.\n */\n\ninterface PeopleContextValue {\n  request: (id: string) => void;\n  profiles: ActorProfileMap;\n}\n\nconst PeopleContext = createContext<PeopleContextValue | null>(null);\n\nexport function PeopleProvider({\n  workspaceId,\n  children,\n}: {\n  workspaceId?: string;\n  children: ReactNode;\n}) {\n  const [ids, setIds] = useState<readonly string[]>([]);\n\n  const request = useCallback((id: string) => {\n    setIds((previous) => (previous.includes(id) ? previous : [...previous, id]));\n  }, []);\n\n  const actors = useMemo<ActorInput[]>(\n    () => ids.map((actorId) => ({ actorId, actorType: 'user' })),\n    [ids]\n  );\n\n  // No apiGatewayUrl on purpose: this MFE is handed the WORKSPACE gateway, and\n  // the hook resolves the right gateways from the hostname itself.\n  const profiles = useActorProfiles(actors, { workspaceId });\n\n  const value = useMemo(() => ({ request, profiles }), [request, profiles]);\n  return <PeopleContext.Provider value={value}>{children}</PeopleContext.Provider>;\n}\n\nexport interface PersonNameProps {\n  /** A user id. Empty or missing renders an em dash. */\n  id: string | null | undefined;\n  className?: string;\n}\n\n/**\n * Inline text on purpose. fe-libs' `ActorIdentity` is a block (avatar plus two\n * stacked paragraphs); every place this replaces is an inline label —\n * \"Owner: …\", a table cell, a <span> inside a <p> — where a block would break\n * the layout and nest a <div> inside a <p>. The email, when known, is the\n * hover title, so two people with the same name stay distinguishable.\n */\n/**\n * Register an id with the provider and return its profile: the resolved identity, or fe-libs' short fallback\n * (\"User 1a2b3c\", `resolved: false`) until and unless it resolves. `null` for an empty id.\n */\nexport function usePersonProfile(id: string | null | undefined): ActorProfile | null {\n  const context = useContext(PeopleContext);\n  const request = context?.request;\n\n  useEffect(() => {\n    if (id && request) request(id);\n  }, [id, request]);\n\n  if (!id) return null;\n  return context?.profiles[id] ?? buildActorFallback({ actorId: id, actorType: 'user' });\n}\n\nexport function PersonName({ id, className }: PersonNameProps) {\n  const profile = usePersonProfile(id);\n  if (!profile) return <span className={className ?? 'text-muted-foreground'}>—</span>;\n  return (\n    <span className={className} title={profile.email ?? undefined}>\n      {profile.displayName}\n    </span>\n  );\n}\n\n/** Up to two initials from a display name (\"Ada Lovelace\" → \"AL\", \"ada\" → \"A\"). */\nexport function initialsOf(name: string): string {\n  return name\n    .trim()\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((word) => word[0]!.toUpperCase())\n    .join('');\n}\n\nexport interface PersonAvatarProps {\n  id: string | null | undefined;\n  className?: string;\n}\n\n/**\n * An initials bubble for a user id. Initials come from the RESOLVED name; until the id resolves (or when it never\n * does) the bubble shows a neutral \"?\" rather than letters cut from the UUID, which matched nobody (BOFF-7977,\n * BOFF-8000). The tooltip is the name, plus the email when known.\n */\nexport function PersonAvatar({ id, className }: PersonAvatarProps) {\n  const profile = usePersonProfile(id);\n  const label = profile\n    ? profile.email\n      ? `${profile.displayName} (${profile.email})`\n      : profile.displayName\n    : undefined;\n  const initials = profile?.resolved ? initialsOf(profile.displayName) : '';\n  return (\n    <span className={className} title={label} aria-label={label}>\n      {initials || '?'}\n    </span>\n  );\n}\n"],"mappings":";;;;AA2CA,IAAM,IAAgB,EAAyC,KAAK;AAEpE,SAAgB,EAAe,EAC7B,gBACA,eAIC;CACD,IAAM,CAAC,GAAK,KAAU,EAA4B,EAAE,CAAC,EAE/C,IAAU,GAAa,MAAe;AAC1C,KAAQ,MAAc,EAAS,SAAS,EAAG,GAAG,IAAW,CAAC,GAAG,GAAU,EAAG,CAAE;IAC3E,EAAE,CAAC,EASA,IAAW,EAPF,QACP,EAAI,KAAK,OAAa;EAAE;EAAS,WAAW;EAAQ,EAAE,EAC5D,CAAC,EAAI,CACN,EAIyC,EAAE,gBAAa,CAAC,EAEpD,IAAQ,SAAe;EAAE;EAAS;EAAU,GAAG,CAAC,GAAS,EAAS,CAAC;AACzE,QAAO,kBAAC,EAAc,UAAf;EAA+B;EAAQ;EAAkC,CAAA;;AAoBlF,SAAgB,EAAiB,GAAoD;CACnF,IAAM,IAAU,EAAW,EAAc,EACnC,IAAU,GAAS;AAOzB,QALA,QAAgB;AACd,EAAI,KAAM,KAAS,EAAQ,EAAG;IAC7B,CAAC,GAAI,EAAQ,CAAC,EAEZ,IACE,GAAS,SAAS,MAAO,EAAmB;EAAE,SAAS;EAAI,WAAW;EAAQ,CAAC,GADtE;;AAIlB,SAAgB,EAAW,EAAE,OAAI,gBAA8B;CAC7D,IAAM,IAAU,EAAiB,EAAG;AAEpC,QADK,IAEH,kBAAC,QAAD;EAAiB;EAAW,OAAO,EAAQ,SAAS,KAAA;YACjD,EAAQ;EACJ,CAAA,GAJY,kBAAC,QAAD;EAAM,WAAW,KAAa;YAAyB;EAAQ,CAAA;;AAStF,SAAgB,EAAW,GAAsB;AAC/C,QAAO,EACJ,MAAM,CACN,MAAM,MAAM,CACZ,OAAO,QAAQ,CACf,MAAM,GAAG,EAAE,CACX,KAAK,MAAS,EAAK,GAAI,aAAa,CAAC,CACrC,KAAK,GAAG;;AAab,SAAgB,EAAa,EAAE,OAAI,gBAAgC;CACjE,IAAM,IAAU,EAAiB,EAAG,EAC9B,IAAQ,IACV,EAAQ,QACN,GAAG,EAAQ,YAAY,IAAI,EAAQ,MAAM,KACzC,EAAQ,cACV,KAAA;AAEJ,QACE,kBAAC,QAAD;EAAiB;EAAW,OAAO;EAAO,cAAY;aAFvC,GAAS,WAAW,EAAW,EAAQ,YAAY,GAAG,OAGtD;EACR,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-planmagnet",
-  "version": "2026.926.2",
+  "version": "2026.927.2",
   "description": "Burdenoff PlanMagnet Microfrontend",
   "type": "module",
   "files": [