@burdenoff/microfe-planmagnet 2026.924.2 → 2026.924.3

package/dist/planmagnet/people/People.js

@@ -0,0 +1,42 @@
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { buildActorFallback as s, useActorProfiles as c } from "@burdenoff/fe-libs/shared";
+//#region src/planmagnet/people/People.tsx
+var l = e(null);
+function u({ workspaceId: e, children: n }) {
+	let [r, s] = a([]), u = t((e) => {
+		s((t) => t.includes(e) ? t : [...t, e]);
+	}, []), d = c(i(() => r.map((e) => ({
+		actorId: e,
+		actorType: "user"
+	})), [r]), { workspaceId: e }), f = i(() => ({
+		request: u,
+		profiles: d
+	}), [u, d]);
+	return /* @__PURE__ */ o(l.Provider, {
+		value: f,
+		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({
+		actorId: e,
+		actorType: "user"
+	});
+	return /* @__PURE__ */ o("span", {
+		className: t,
+		title: c.email ?? void 0,
+		children: c.displayName
+	});
+}
+//#endregion
+export { u as PeopleProvider, d as PersonName };
+
+//# sourceMappingURL=People.js.map

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

@@ -0,0 +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"}

package/package.json

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