@burdenoff/microfe-planmagnet 2026.926.2 → 2026.927.2

package/dist/planmagnet/pages/TasksTasksPagePage.js

@@ -94,7 +94,7 @@ var h = c`
 	BUG: "bg-red-100 text-red-700",
 	TASK: "bg-blue-100 text-blue-700",
 	EPIC: "bg-purple-100 text-purple-700",
-	SUBTASK: "bg-gray-100 text-gray-700"
+	SUB_TASK: "bg-gray-100 text-gray-700"
 };
 function w() {
 	let { workspaceId: c } = e(), w = t(), [T, E] = o("all"), [D, O] = o("all"), [k, A] = o(null), { data: j } = l(v, {
@@ -113,7 +113,7 @@ function w() {
 	}), { data: H } = l(g, {
 		variables: {
 			workspaceId: c,
-			filter: F
+			filter: N ? { projectId: N } : F
 		},
 		skip: !c
 	}), U = async () => {
@@ -144,7 +144,7 @@ function w() {
 		className: "p-6 text-red-500",
 		children: ["Error: ", B.message]
 	});
-	let W = R?.planmagnetWorkItems?.items ?? [], G = H?.planmagnetWorkItemCounts, K = G?.total ?? R?.planmagnetWorkItems?.totalCount ?? W.length, q = (e) => G?.byStatus.find((t) => t.status === e)?.count ?? W.filter((t) => t.status === e).length, J = R?.planmagnetWorkItems?.pageInfo?.hasNextPage ?? !1;
+	let W = R?.planmagnetWorkItems?.items ?? [], G = H?.planmagnetWorkItemCounts, K = G?.total ?? (N ? void 0 : R?.planmagnetWorkItems?.totalCount), q = (e) => G?.byStatus.find((t) => t.status === e)?.count ?? W.filter((t) => t.status === e).length, J = R?.planmagnetWorkItems?.pageInfo?.hasNextPage ?? !1;
 	return /* @__PURE__ */ f("div", {
 		className: "space-y-4 p-6",
 		children: [/* @__PURE__ */ d("div", {
@@ -176,14 +176,10 @@ function w() {
 					className: "mt-2",
 					children: /* @__PURE__ */ d(a, { projectId: N || void 0 })
 				}),
-				/* @__PURE__ */ f("p", {
+				/* @__PURE__ */ d("p", {
 					className: "text-sm text-muted-foreground",
 					"data-testid": "task-board-total",
-					children: [
-						K,
-						" tasks across all projects",
-						W.length < K && ` · showing ${W.length}`
-					]
+					children: K === void 0 ? "Counting tasks…" : N ? `${K} ${K === 1 ? "task" : "tasks"} in ${P}` : `${K} tasks across all projects${W.length < K ? ` · showing ${W.length}` : ""}`
 				})
 			] })
 		}), N ? /* @__PURE__ */ d(i, {
@@ -215,11 +211,12 @@ function w() {
 							"story",
 							"bug",
 							"task",
-							"epic"
+							"epic",
+							"sub_task"
 						].map((e) => /* @__PURE__ */ d("button", {
 							onClick: () => O(e),
 							className: `px-2 py-1 text-xs rounded capitalize ${D === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
-							children: e
+							children: e === "sub_task" ? "sub-task" : e
 						}, e))
 					})
 				]

package/dist/planmagnet/pages/TasksTasksPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TasksTasksPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTasksPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Filter } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { ProjectBoard } from '../board/ProjectBoard';\nimport { ExportWorkItemsButton } from '../export/ExportWorkItemsButton';\n\nconst GET_WORK_ITEMS = gql`\n  query GetWorkItems(\n    $workspaceId: ID!\n    $filter: PlanmagnetWorkItemFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetWorkItems(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        title\n        type\n        status\n        priority\n        key\n        assigneeId\n        reporterId\n        sprintId\n        storyPoints\n        estimateMinutes\n        dueDate\n        labels\n        tags\n        createdAt\n      }\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      totalCount\n    }\n  }\n`;\n\n// Server-side counts (QA H2): the list returns at most 100 rows per page, so\n// counting the loaded page undercounted every workspace past 100 items.\nconst GET_WORK_ITEM_COUNTS = gql`\n  query GetWorkItemCounts($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter) {\n    planmagnetWorkItemCounts(workspaceId: $workspaceId, filter: $filter) {\n      total\n      byStatus {\n        status\n        count\n      }\n    }\n  }\n`;\n\nconst PAGE_SIZE = 100;\n\nconst GET_BOARD_PROJECTS = gql`\n  query GetBoardProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n    }\n  }\n`;\n\ninterface WorkItemNode {\n  id: string;\n  title: string;\n  type: string;\n  status: string;\n  priority: string;\n  key: string;\n  assigneeId: string | null;\n  reporterId: string | null;\n  sprintId: string | null;\n  storyPoints: number | null;\n  estimateMinutes: number | null;\n  dueDate: string | null;\n  labels: string[];\n  tags: string[];\n  createdAt: string;\n}\n\nconst columns = [\n  'BACKLOG',\n  'TODO',\n  'IN_PROGRESS',\n  'IN_REVIEW',\n  'TESTING',\n  'DONE',\n  'CANCELLED',\n] as const;\n\nconst colLabel: Record<string, string> = {\n  BACKLOG: 'Backlog',\n  TODO: 'To Do',\n  IN_PROGRESS: 'In Progress',\n  IN_REVIEW: 'In Review',\n  TESTING: 'Testing',\n  DONE: 'Done',\n  CANCELLED: 'Cancelled',\n};\n\nconst colColor: Record<string, string> = {\n  BACKLOG: 'border-t-gray-400',\n  TODO: 'border-t-blue-400',\n  IN_PROGRESS: 'border-t-yellow-400',\n  IN_REVIEW: 'border-t-purple-400',\n  TESTING: 'border-t-teal-400',\n  DONE: 'border-t-green-400',\n  CANCELLED: 'border-t-muted-foreground',\n};\n\nconst priorityColor: Record<string, string> = {\n  LOW: 'bg-gray-100 text-gray-700',\n  MEDIUM: 'bg-blue-100 text-blue-700',\n  HIGH: 'bg-orange-100 text-orange-700',\n  CRITICAL: 'bg-red-100 text-red-700',\n};\n\nconst typeColor: Record<string, string> = {\n  STORY: 'bg-green-100 text-green-700',\n  BUG: 'bg-red-100 text-red-700',\n  TASK: 'bg-blue-100 text-blue-700',\n  EPIC: 'bg-purple-100 text-purple-700',\n  SUBTASK: 'bg-gray-100 text-gray-700',\n};\n\nexport function TasksTasksPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [priorityFilter, setPriorityFilter] = useState<string>('all');\n  const [typeFilter, setTypeFilter] = useState<string>('all');\n  // P1.2: the Task Board is a project's real board (server-side placement,\n  // drag-and-drop, WIP limits). null = not chosen yet -> the first project;\n  // '' = the cross-project status overview, which is NOT a board.\n  const [boardProject, setBoardProject] = useState<string | null>(null);\n  const { data: projectsData } = useQuery(GET_BOARD_PROJECTS, {\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n  const boardProjects = projectsData?.planmagnetProjects?.items ?? [];\n  const selectedProject = boardProject ?? boardProjects[0]?.id ?? '';\n  const selectedProjectName = boardProjects.find((p) => p.id === selectedProject)?.name ?? '';\n\n  // Filters go to the server so the loaded items AND the counts both reflect\n  // every matching item, not just the first page.\n  const filter = {\n    ...(priorityFilter !== 'all' && { priority: priorityFilter.toUpperCase() }),\n    ...(typeFilter !== 'all' && { type: typeFilter.toUpperCase() }),\n  };\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const { data, loading, error, fetchMore } = useQuery<{\n    planmagnetWorkItems: {\n      items: WorkItemNode[];\n      pageInfo: { hasNextPage: boolean; endCursor: string | null };\n      totalCount: number;\n    };\n  }>(GET_WORK_ITEMS, {\n    variables: { workspaceId, filter, pagination: { first: PAGE_SIZE } },\n    // The list only feeds the cross-project overview; a board loads its own cards.\n    skip: !workspaceId || !!selectedProject,\n  });\n  const { data: countsData } = useQuery<{\n    planmagnetWorkItemCounts: { total: number; byStatus: { status: string; count: number }[] };\n  }>(GET_WORK_ITEM_COUNTS, { variables: { workspaceId, filter }, skip: !workspaceId });\n\n  const loadMore = async () => {\n    const after = data?.planmagnetWorkItems?.pageInfo?.endCursor;\n    if (!after) return;\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { pagination: { first: PAGE_SIZE, after } },\n        updateQuery: (prev, { fetchMoreResult }) => ({\n          planmagnetWorkItems: {\n            ...fetchMoreResult.planmagnetWorkItems,\n            items: [\n              ...prev.planmagnetWorkItems.items,\n              ...fetchMoreResult.planmagnetWorkItems.items,\n            ],\n          },\n        }),\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  // Only before the first load: a refetch or a filter change must not blank the board.\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const tasks = data?.planmagnetWorkItems?.items ?? [];\n\n  const counts = countsData?.planmagnetWorkItemCounts;\n  const total = counts?.total ?? data?.planmagnetWorkItems?.totalCount ?? tasks.length;\n  const countFor = (status: string) =>\n    counts?.byStatus.find((c) => c.status === status)?.count ??\n    tasks.filter((t) => t.status === status).length;\n  const hasMore = data?.planmagnetWorkItems?.pageInfo?.hasNextPage ?? false;\n\n  return (\n    <div className=\"space-y-4 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Task Board</h1>\n          <label className=\"sr-only\" htmlFor=\"task-board-project\">\n            Project\n          </label>\n          <select\n            id=\"task-board-project\"\n            className=\"mt-2 rounded-md border border-input bg-background px-2 py-1 text-sm\"\n            value={selectedProject}\n            onChange={(e) => setBoardProject(e.target.value)}\n          >\n            {boardProjects.map((p) => (\n              <option key={p.id} value={p.id}>\n                {p.name}\n              </option>\n            ))}\n            <option value=\"\">All projects — status overview</option>\n          </select>\n          <div className=\"mt-2\">\n            <ExportWorkItemsButton projectId={selectedProject || undefined} />\n          </div>\n          <p className=\"text-sm text-muted-foreground\" data-testid=\"task-board-total\">\n            {total} tasks across all projects\n            {tasks.length < total && ` · showing ${tasks.length}`}\n          </p>\n        </div>\n      </div>\n      {selectedProject ? (\n        <ProjectBoard projectId={selectedProject} projectName={selectedProjectName} />\n      ) : (\n        <>\n          <div className=\"flex gap-4 items-center flex-wrap\">\n            <Filter className=\"h-4 w-4 text-muted-foreground\" />\n            <div className=\"flex gap-1\">\n              {['all', 'low', 'medium', 'high', 'critical'].map((p) => (\n                <button\n                  key={p}\n                  onClick={() => setPriorityFilter(p)}\n                  className={`px-2 py-1 text-xs rounded capitalize ${priorityFilter === p ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                >\n                  {p}\n                </button>\n              ))}\n            </div>\n            <div className=\"flex gap-1\">\n              {['all', 'story', 'bug', 'task', 'epic'].map((t) => (\n                <button\n                  key={t}\n                  onClick={() => setTypeFilter(t)}\n                  className={`px-2 py-1 text-xs rounded capitalize ${typeFilter === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                >\n                  {t}\n                </button>\n              ))}\n            </div>\n          </div>\n          <div className=\"grid grid-cols-7 gap-3 overflow-x-auto\">\n            {columns.map((col) => {\n              const colTasks = tasks.filter((t) => t.status === col);\n              return (\n                <div key={col} className=\"min-w-[200px]\">\n                  <div className={`border-t-2 ${colColor[col]} rounded-t-md p-2 bg-muted/50`}>\n                    <div className=\"flex justify-between items-center\">\n                      <span className=\"text-sm font-medium\">{colLabel[col]}</span>\n                      <span\n                        className=\"text-xs bg-muted rounded-full px-1.5\"\n                        data-testid={`task-col-count-${col}`}\n                      >\n                        {countFor(col)}\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"space-y-2 mt-2\">\n                    {colTasks.map((task) => (\n                      <Card\n                        key={task.id}\n                        {...rowLinkProps(\n                          () =>\n                            navigate(\n                              `/tasks/task-detail-page?taskId=${encodeURIComponent(task.id)}`\n                            ),\n                          task.title\n                        )}\n                      >\n                        <CardContent className=\"p-3 space-y-2\">\n                          <p className=\"text-sm font-medium leading-tight\">{task.title}</p>\n                          <p className=\"text-xs text-muted-foreground\">{task.key}</p>\n                          <div className=\"flex gap-1 flex-wrap\">\n                            <span\n                              className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${priorityColor[task.priority] ?? ''}`}\n                            >\n                              {task.priority.toLowerCase()}\n                            </span>\n                            <span\n                              className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${typeColor[task.type] ?? ''}`}\n                            >\n                              {task.type.toLowerCase()}\n                            </span>\n                          </div>\n                          <div className=\"flex items-center justify-between\">\n                            <div className=\"flex gap-1\">\n                              {(task.labels ?? []).slice(0, 2).map((l) => (\n                                <span key={l} className=\"text-[9px] px-1 py-0.5 rounded bg-muted\">\n                                  {l}\n                                </span>\n                              ))}\n                            </div>\n                            <div className=\"flex items-center gap-1\">\n                              <span className=\"text-[10px] font-medium bg-primary/10 text-primary rounded-full h-5 w-5 flex items-center justify-center\">\n                                {task.storyPoints ?? 0}\n                              </span>\n                            </div>\n                          </div>\n                          <div className=\"flex justify-between text-[10px] text-muted-foreground\">\n                            <span>\n                              {task.assigneeId ? <PersonName id={task.assigneeId} /> : 'Unassigned'}\n                            </span>\n                            <span>\n                              {task.dueDate ? new Date(task.dueDate).toLocaleDateString() : ''}\n                            </span>\n                          </div>\n                        </CardContent>\n                      </Card>\n                    ))}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n          {hasMore && (\n            <div className=\"flex justify-center\">\n              <button\n                type=\"button\"\n                onClick={loadMore}\n                disabled={loadingMore}\n                className=\"px-3 py-1.5 text-sm rounded-md bg-muted text-foreground hover:bg-muted/80 disabled:opacity-50\"\n                data-testid=\"task-board-load-more\"\n              >\n                {loadingMore ? 'Loading…' : `Load more (${tasks.length} of ${total})`}\n              </button>\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TasksTasksPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTasksPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Filter } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { ProjectBoard } from '../board/ProjectBoard';\nimport { ExportWorkItemsButton } from '../export/ExportWorkItemsButton';\n\nconst GET_WORK_ITEMS = gql`\n  query GetWorkItems(\n    $workspaceId: ID!\n    $filter: PlanmagnetWorkItemFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetWorkItems(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        title\n        type\n        status\n        priority\n        key\n        assigneeId\n        reporterId\n        sprintId\n        storyPoints\n        estimateMinutes\n        dueDate\n        labels\n        tags\n        createdAt\n      }\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      totalCount\n    }\n  }\n`;\n\n// Server-side counts (QA H2): the list returns at most 100 rows per page, so\n// counting the loaded page undercounted every workspace past 100 items.\nconst GET_WORK_ITEM_COUNTS = gql`\n  query GetWorkItemCounts($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter) {\n    planmagnetWorkItemCounts(workspaceId: $workspaceId, filter: $filter) {\n      total\n      byStatus {\n        status\n        count\n      }\n    }\n  }\n`;\n\nconst PAGE_SIZE = 100;\n\nconst GET_BOARD_PROJECTS = gql`\n  query GetBoardProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n    }\n  }\n`;\n\ninterface WorkItemNode {\n  id: string;\n  title: string;\n  type: string;\n  status: string;\n  priority: string;\n  key: string;\n  assigneeId: string | null;\n  reporterId: string | null;\n  sprintId: string | null;\n  storyPoints: number | null;\n  estimateMinutes: number | null;\n  dueDate: string | null;\n  labels: string[];\n  tags: string[];\n  createdAt: string;\n}\n\nconst columns = [\n  'BACKLOG',\n  'TODO',\n  'IN_PROGRESS',\n  'IN_REVIEW',\n  'TESTING',\n  'DONE',\n  'CANCELLED',\n] as const;\n\nconst colLabel: Record<string, string> = {\n  BACKLOG: 'Backlog',\n  TODO: 'To Do',\n  IN_PROGRESS: 'In Progress',\n  IN_REVIEW: 'In Review',\n  TESTING: 'Testing',\n  DONE: 'Done',\n  CANCELLED: 'Cancelled',\n};\n\nconst colColor: Record<string, string> = {\n  BACKLOG: 'border-t-gray-400',\n  TODO: 'border-t-blue-400',\n  IN_PROGRESS: 'border-t-yellow-400',\n  IN_REVIEW: 'border-t-purple-400',\n  TESTING: 'border-t-teal-400',\n  DONE: 'border-t-green-400',\n  CANCELLED: 'border-t-muted-foreground',\n};\n\nconst priorityColor: Record<string, string> = {\n  LOW: 'bg-gray-100 text-gray-700',\n  MEDIUM: 'bg-blue-100 text-blue-700',\n  HIGH: 'bg-orange-100 text-orange-700',\n  CRITICAL: 'bg-red-100 text-red-700',\n};\n\nconst typeColor: Record<string, string> = {\n  STORY: 'bg-green-100 text-green-700',\n  BUG: 'bg-red-100 text-red-700',\n  TASK: 'bg-blue-100 text-blue-700',\n  EPIC: 'bg-purple-100 text-purple-700',\n  // The API serves SUB_TASK (the stored SUBTASK is mapped by the service), so the old SUBTASK key never matched.\n  SUB_TASK: 'bg-gray-100 text-gray-700',\n};\n\nexport function TasksTasksPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [priorityFilter, setPriorityFilter] = useState<string>('all');\n  const [typeFilter, setTypeFilter] = useState<string>('all');\n  // P1.2: the Task Board is a project's real board (server-side placement,\n  // drag-and-drop, WIP limits). null = not chosen yet -> the first project;\n  // '' = the cross-project status overview, which is NOT a board.\n  const [boardProject, setBoardProject] = useState<string | null>(null);\n  const { data: projectsData } = useQuery(GET_BOARD_PROJECTS, {\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n  const boardProjects = projectsData?.planmagnetProjects?.items ?? [];\n  const selectedProject = boardProject ?? boardProjects[0]?.id ?? '';\n  const selectedProjectName = boardProjects.find((p) => p.id === selectedProject)?.name ?? '';\n\n  // Filters go to the server so the loaded items AND the counts both reflect\n  // every matching item, not just the first page.\n  const filter = {\n    ...(priorityFilter !== 'all' && { priority: priorityFilter.toUpperCase() }),\n    ...(typeFilter !== 'all' && { type: typeFilter.toUpperCase() }),\n  };\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const { data, loading, error, fetchMore } = useQuery<{\n    planmagnetWorkItems: {\n      items: WorkItemNode[];\n      pageInfo: { hasNextPage: boolean; endCursor: string | null };\n      totalCount: number;\n    };\n  }>(GET_WORK_ITEMS, {\n    variables: { workspaceId, filter, pagination: { first: PAGE_SIZE } },\n    // The list only feeds the cross-project overview; a board loads its own cards.\n    skip: !workspaceId || !!selectedProject,\n  });\n  const { data: countsData } = useQuery<{\n    planmagnetWorkItemCounts: { total: number; byStatus: { status: string; count: number }[] };\n  }>(GET_WORK_ITEM_COUNTS, {\n    // On a project board the header counts THAT project, without the overview's priority/type filters (their\n    // buttons are hidden there, but their state survived and silently narrowed the count). It used to count the\n    // whole workspace above a single project's board (BOFF-7943).\n    variables: { workspaceId, filter: selectedProject ? { projectId: selectedProject } : filter },\n    skip: !workspaceId,\n  });\n\n  const loadMore = async () => {\n    const after = data?.planmagnetWorkItems?.pageInfo?.endCursor;\n    if (!after) return;\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { pagination: { first: PAGE_SIZE, after } },\n        updateQuery: (prev, { fetchMoreResult }) => ({\n          planmagnetWorkItems: {\n            ...fetchMoreResult.planmagnetWorkItems,\n            items: [\n              ...prev.planmagnetWorkItems.items,\n              ...fetchMoreResult.planmagnetWorkItems.items,\n            ],\n          },\n        }),\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  // Only before the first load: a refetch or a filter change must not blank the board.\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const tasks = data?.planmagnetWorkItems?.items ?? [];\n\n  const counts = countsData?.planmagnetWorkItemCounts;\n  // Never fall back to the loaded page's length: on a board nothing is loaded here, so that read \"0 tasks\".\n  const total: number | undefined =\n    counts?.total ?? (selectedProject ? undefined : data?.planmagnetWorkItems?.totalCount);\n  const countFor = (status: string) =>\n    counts?.byStatus.find((c) => c.status === status)?.count ??\n    tasks.filter((t) => t.status === status).length;\n  const hasMore = data?.planmagnetWorkItems?.pageInfo?.hasNextPage ?? false;\n\n  return (\n    <div className=\"space-y-4 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Task Board</h1>\n          <label className=\"sr-only\" htmlFor=\"task-board-project\">\n            Project\n          </label>\n          <select\n            id=\"task-board-project\"\n            className=\"mt-2 rounded-md border border-input bg-background px-2 py-1 text-sm\"\n            value={selectedProject}\n            onChange={(e) => setBoardProject(e.target.value)}\n          >\n            {boardProjects.map((p) => (\n              <option key={p.id} value={p.id}>\n                {p.name}\n              </option>\n            ))}\n            <option value=\"\">All projects — status overview</option>\n          </select>\n          <div className=\"mt-2\">\n            <ExportWorkItemsButton projectId={selectedProject || undefined} />\n          </div>\n          <p className=\"text-sm text-muted-foreground\" data-testid=\"task-board-total\">\n            {total === undefined\n              ? 'Counting tasks…'\n              : selectedProject\n                ? `${total} ${total === 1 ? 'task' : 'tasks'} in ${selectedProjectName}`\n                : `${total} tasks across all projects${tasks.length < total ? ` · showing ${tasks.length}` : ''}`}\n          </p>\n        </div>\n      </div>\n      {selectedProject ? (\n        <ProjectBoard projectId={selectedProject} projectName={selectedProjectName} />\n      ) : (\n        <>\n          <div className=\"flex gap-4 items-center flex-wrap\">\n            <Filter className=\"h-4 w-4 text-muted-foreground\" />\n            <div className=\"flex gap-1\">\n              {['all', 'low', 'medium', 'high', 'critical'].map((p) => (\n                <button\n                  key={p}\n                  onClick={() => setPriorityFilter(p)}\n                  className={`px-2 py-1 text-xs rounded capitalize ${priorityFilter === p ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                >\n                  {p}\n                </button>\n              ))}\n            </div>\n            <div className=\"flex gap-1\">\n              {/* sub_task → SUB_TASK: filtering by it works since svc 1f4db8e (it was a masked 500). */}\n              {['all', 'story', 'bug', 'task', 'epic', 'sub_task'].map((t) => (\n                <button\n                  key={t}\n                  onClick={() => setTypeFilter(t)}\n                  className={`px-2 py-1 text-xs rounded capitalize ${typeFilter === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                >\n                  {t === 'sub_task' ? 'sub-task' : t}\n                </button>\n              ))}\n            </div>\n          </div>\n          <div className=\"grid grid-cols-7 gap-3 overflow-x-auto\">\n            {columns.map((col) => {\n              const colTasks = tasks.filter((t) => t.status === col);\n              return (\n                <div key={col} className=\"min-w-[200px]\">\n                  <div className={`border-t-2 ${colColor[col]} rounded-t-md p-2 bg-muted/50`}>\n                    <div className=\"flex justify-between items-center\">\n                      <span className=\"text-sm font-medium\">{colLabel[col]}</span>\n                      <span\n                        className=\"text-xs bg-muted rounded-full px-1.5\"\n                        data-testid={`task-col-count-${col}`}\n                      >\n                        {countFor(col)}\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"space-y-2 mt-2\">\n                    {colTasks.map((task) => (\n                      <Card\n                        key={task.id}\n                        {...rowLinkProps(\n                          () =>\n                            navigate(\n                              `/tasks/task-detail-page?taskId=${encodeURIComponent(task.id)}`\n                            ),\n                          task.title\n                        )}\n                      >\n                        <CardContent className=\"p-3 space-y-2\">\n                          <p className=\"text-sm font-medium leading-tight\">{task.title}</p>\n                          <p className=\"text-xs text-muted-foreground\">{task.key}</p>\n                          <div className=\"flex gap-1 flex-wrap\">\n                            <span\n                              className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${priorityColor[task.priority] ?? ''}`}\n                            >\n                              {task.priority.toLowerCase()}\n                            </span>\n                            <span\n                              className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${typeColor[task.type] ?? ''}`}\n                            >\n                              {task.type.toLowerCase()}\n                            </span>\n                          </div>\n                          <div className=\"flex items-center justify-between\">\n                            <div className=\"flex gap-1\">\n                              {(task.labels ?? []).slice(0, 2).map((l) => (\n                                <span key={l} className=\"text-[9px] px-1 py-0.5 rounded bg-muted\">\n                                  {l}\n                                </span>\n                              ))}\n                            </div>\n                            <div className=\"flex items-center gap-1\">\n                              <span className=\"text-[10px] font-medium bg-primary/10 text-primary rounded-full h-5 w-5 flex items-center justify-center\">\n                                {task.storyPoints ?? 0}\n                              </span>\n                            </div>\n                          </div>\n                          <div className=\"flex justify-between text-[10px] text-muted-foreground\">\n                            <span>\n                              {task.assigneeId ? <PersonName id={task.assigneeId} /> : 'Unassigned'}\n                            </span>\n                            <span>\n                              {task.dueDate ? new Date(task.dueDate).toLocaleDateString() : ''}\n                            </span>\n                          </div>\n                        </CardContent>\n                      </Card>\n                    ))}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n          {hasMore && (\n            <div className=\"flex justify-center\">\n              <button\n                type=\"button\"\n                onClick={loadMore}\n                disabled={loadingMore}\n                className=\"px-3 py-1.5 text-sm rounded-md bg-muted text-foreground hover:bg-muted/80 disabled:opacity-50\"\n                data-testid=\"task-board-load-more\"\n              >\n                {loadingMore ? 'Loading…' : `Load more (${tasks.length} of ${total})`}\n              </button>\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/TeamTeamPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamTeamPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamTeamPagePage.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,gBAAgB,4CAqL/B"}
+{"version":3,"file":"TeamTeamPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamTeamPagePage.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,gBAAgB,4CAsL/B"}

package/dist/planmagnet/pages/TeamTeamPagePage.js

@@ -1,12 +1,12 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
-import { PersonName as n } from "../people/People.js";
-import { UserPlus as r } from "lucide-react";
-import { gql as i } from "@apollo/client";
-import { useQuery as a } from "@apollo/client/react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+import { PersonAvatar as n, PersonName as r } from "../people/People.js";
+import { UserPlus as i } from "lucide-react";
+import { gql as a } from "@apollo/client";
+import { useQuery as o } from "@apollo/client/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/TeamTeamPagePage.tsx
-var m = i`
+var h = a`
   query GetTeamData(
     $workspaceId: ID!
     $projectPagination: PlanmagnetPaginationInput
@@ -33,173 +33,172 @@ var m = i`
       totalCount
     }
   }
-`, h = {
+`, g = {
 	active: "bg-green-400",
 	away: "bg-yellow-400",
 	busy: "bg-red-400",
 	offline: "bg-gray-300"
 };
-function g() {
-	let { workspaceId: i } = e(), g = t(), { data: _, loading: v, error: y } = a(m, {
+function _() {
+	let { workspaceId: a } = e(), _ = t(), { data: v, loading: y, error: b } = o(h, {
 		variables: {
-			workspaceId: i,
+			workspaceId: a,
 			projectPagination: { first: 100 },
 			workItemPagination: { first: 500 }
 		},
-		skip: !i
+		skip: !a
 	});
-	if (v && !_) return /* @__PURE__ */ o("div", {
+	if (y && !v) return /* @__PURE__ */ s("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ o("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ s("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (y) return /* @__PURE__ */ s("div", {
+	if (b) return /* @__PURE__ */ c("div", {
 		className: "p-6 text-red-500",
-		children: ["Error: ", y.message]
+		children: ["Error: ", b.message]
 	});
-	let b = _?.planmagnetProjects?.items ?? [], x = _?.planmagnetWorkItems?.items ?? [], S = new Set(x.filter((e) => e.assigneeId).map((e) => e.assigneeId)), C = new Set(b.filter((e) => e.ownerId).map((e) => e.ownerId)), w = new Set([...S, ...C]), T = Array.from(w).map((e) => {
-		let t = x.filter((t) => t.assigneeId === e), n = t.length, r = t.filter((e) => e.status === "DONE").length, i = t.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0);
+	let x = v?.planmagnetProjects?.items ?? [], S = v?.planmagnetWorkItems?.items ?? [], C = new Set(S.filter((e) => e.assigneeId).map((e) => e.assigneeId)), w = new Set(x.filter((e) => e.ownerId).map((e) => e.ownerId)), T = new Set([...C, ...w]), E = Array.from(T).map((e) => {
+		let t = S.filter((t) => t.assigneeId === e), n = t.length, r = t.filter((e) => e.status === "DONE").length, i = t.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0);
 		return {
 			id: e,
-			name: e,
-			role: b.filter((t) => t.ownerId === e).length > 0 ? "Project Owner" : "Contributor",
+			role: x.filter((t) => t.ownerId === e).length > 0 ? "Project Owner" : "Contributor",
 			department: "Engineering",
 			tasksAssigned: n,
 			tasksCompleted: r,
 			velocity: i,
 			status: n > 0 ? "active" : "offline"
 		};
-	}), E = b.reduce((e, t) => {
+	}), D = x.reduce((e, t) => {
 		let n = t.methodology ?? "unassigned";
 		return e[n] || (e[n] = {
 			projects: [],
 			ownerIds: /* @__PURE__ */ new Set()
 		}), e[n].projects.push(t), t.ownerId && e[n].ownerIds.add(t.ownerId), e;
-	}, {}), D = Object.entries(E).map(([e, t]) => ({
+	}, {}), O = Object.entries(D).map(([e, t]) => ({
 		id: e,
 		name: `${e.charAt(0).toUpperCase()}${e.slice(1)} Team`,
 		description: `Projects using ${e} methodology`,
 		projectsCount: t.projects.length,
-		leadId: Array.from(t.ownerIds)[0] ?? "Unassigned"
+		leadId: Array.from(t.ownerIds)[0] ?? null
 	}));
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ c("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				className: "flex items-start justify-between gap-4",
-				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
 					className: "text-2xl font-semibold",
 					children: "Team Overview"
-				}), /* @__PURE__ */ s("p", {
+				}), /* @__PURE__ */ c("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
-						T.length,
+						E.length,
 						" contributors across ",
-						D.length,
+						O.length,
 						" teams"
 					]
-				})] }), /* @__PURE__ */ s(l, {
+				})] }), /* @__PURE__ */ c(u, {
 					size: "sm",
 					variant: "outline",
-					onClick: () => g("/team/invite-member-page"),
+					onClick: () => _("/team/invite-member-page"),
 					"data-testid": "team-invite",
-					children: [/* @__PURE__ */ o(r, { className: "mr-1 h-4 w-4" }), "Invite member"]
+					children: [/* @__PURE__ */ s(i, { className: "mr-1 h-4 w-4" }), "Invite member"]
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ o("h2", {
+				children: [/* @__PURE__ */ s("h2", {
 					className: "text-lg font-medium",
 					children: "Teams"
-				}), /* @__PURE__ */ s("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-					children: [D.map((e) => /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, {
+					children: [O.map((e) => /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, {
 						className: "pb-2",
-						children: /* @__PURE__ */ s("div", {
+						children: /* @__PURE__ */ c("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ o(p, {
+							children: [/* @__PURE__ */ s(m, {
 								className: "text-base",
 								children: e.name
-							}), /* @__PURE__ */ s(c, {
+							}), /* @__PURE__ */ c(l, {
 								variant: "outline",
 								children: [e.projectsCount, " projects"]
 							})]
 						})
-					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("p", {
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("p", {
 						className: "text-sm text-muted-foreground",
 						children: e.description
-					}), /* @__PURE__ */ s("p", {
+					}), /* @__PURE__ */ c("p", {
 						className: "text-xs text-muted-foreground mt-2",
-						children: ["Lead: ", /* @__PURE__ */ o(n, { id: e.leadId })]
-					})] })] }, e.id)), D.length === 0 && /* @__PURE__ */ o("p", {
+						children: ["Lead: ", e.leadId ? /* @__PURE__ */ s(r, { id: e.leadId }) : "No lead"]
+					})] })] }, e.id)), O.length === 0 && /* @__PURE__ */ s("p", {
 						className: "text-sm text-muted-foreground col-span-2 text-center py-4",
 						children: "No teams found. Create projects to see team groupings."
 					})]
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ o("h2", {
+				children: [/* @__PURE__ */ s("h2", {
 					className: "text-lg font-medium",
 					children: "Members"
-				}), /* @__PURE__ */ s("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: [T.map((e) => /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+					children: [E.map((e) => /* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
 						className: "pt-4 space-y-3",
 						children: [
-							/* @__PURE__ */ s("div", {
+							/* @__PURE__ */ c("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ s("div", {
+								children: [/* @__PURE__ */ c("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ o("div", {
-										className: "h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center text-sm font-medium text-primary",
-										children: e.name.split(/[\s-]+/).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("")
-									}), /* @__PURE__ */ o("div", { className: `absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-background ${h[e.status]}` })]
-								}), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+									children: [/* @__PURE__ */ s(n, {
+										id: e.id,
+										className: "h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center text-sm font-medium text-primary"
+									}), /* @__PURE__ */ s("div", { className: `absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-background ${g[e.status]}` })]
+								}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
 									className: "text-sm font-medium",
-									children: e.name
-								}), /* @__PURE__ */ o("p", {
+									children: /* @__PURE__ */ s(r, { id: e.id })
+								}), /* @__PURE__ */ s("p", {
 									className: "text-xs text-muted-foreground",
 									children: e.role
 								})] })]
 							}),
-							/* @__PURE__ */ s("div", {
+							/* @__PURE__ */ c("div", {
 								className: "grid grid-cols-3 gap-2 text-center text-xs",
 								children: [
-									/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+									/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
 										className: "font-semibold",
 										children: e.tasksAssigned
-									}), /* @__PURE__ */ o("p", {
+									}), /* @__PURE__ */ s("p", {
 										className: "text-muted-foreground",
 										children: "Assigned"
 									})] }),
-									/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+									/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
 										className: "font-semibold",
 										children: e.tasksCompleted
-									}), /* @__PURE__ */ o("p", {
+									}), /* @__PURE__ */ s("p", {
 										className: "text-muted-foreground",
 										children: "Done"
 									})] }),
-									/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+									/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
 										className: "font-semibold",
 										children: e.velocity
-									}), /* @__PURE__ */ o("p", {
+									}), /* @__PURE__ */ s("p", {
 										className: "text-muted-foreground",
 										children: "Velocity"
 									})] })
 								]
 							}),
-							/* @__PURE__ */ s("div", {
+							/* @__PURE__ */ c("div", {
 								className: "flex justify-between text-xs",
-								children: [/* @__PURE__ */ o("span", {
+								children: [/* @__PURE__ */ s("span", {
 									className: "text-muted-foreground",
 									children: e.department
-								}), /* @__PURE__ */ o("span", {
+								}), /* @__PURE__ */ s("span", {
 									className: "capitalize text-muted-foreground",
 									children: e.status
 								})]
 							})
 						]
-					}) }, e.id)), T.length === 0 && /* @__PURE__ */ o("p", {
+					}) }, e.id)), E.length === 0 && /* @__PURE__ */ s("p", {
 						className: "text-sm text-muted-foreground col-span-3 text-center py-4",
 						children: "No team members found. Assign work items to see members here."
 					})]
@@ -209,6 +208,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as TeamTeamPagePage };
+export { _ as TeamTeamPagePage };
 
 //# sourceMappingURL=TeamTeamPagePage.js.map

package/dist/planmagnet/pages/TeamTeamPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamTeamPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamTeamPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { UserPlus, Users } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\n\nconst GET_TEAM_DATA = gql`\n  query GetTeamData(\n    $workspaceId: ID!\n    $projectPagination: PlanmagnetPaginationInput\n    $workItemPagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {\n      items {\n        id\n        name\n        key\n        status\n        ownerId\n        methodology\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: $workItemPagination) {\n      items {\n        id\n        status\n        assigneeId\n        storyPoints\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  status: string;\n  ownerId: string | null;\n  methodology: string | null;\n}\n\ninterface WorkItemNode {\n  id: string;\n  status: string;\n  assigneeId: string | null;\n  storyPoints: number | null;\n}\n\ninterface TeamData {\n  projects: { items: ProjectNode[]; totalCount: number };\n  workItems: { items: WorkItemNode[]; totalCount: number };\n}\n\nconst statusColor: Record<string, string> = {\n  active: 'bg-green-400',\n  away: 'bg-yellow-400',\n  busy: 'bg-red-400',\n  offline: 'bg-gray-300',\n};\n\nexport function TeamTeamPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<TeamData>(GET_TEAM_DATA, {\n    variables: {\n      workspaceId,\n      projectPagination: { first: 100 },\n      workItemPagination: { first: 500 },\n    },\n    skip: !workspaceId,\n  });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const workItems = data?.planmagnetWorkItems?.items ?? [];\n\n  const assigneeIds = new Set(\n    workItems.filter((wi) => wi.assigneeId).map((wi) => wi.assigneeId as string)\n  );\n  const ownerIds = new Set(projects.filter((p) => p.ownerId).map((p) => p.ownerId as string));\n  const allMemberIds = new Set([...assigneeIds, ...ownerIds]);\n\n  const members = Array.from(allMemberIds).map((memberId) => {\n    const memberWorkItems = workItems.filter((wi) => wi.assigneeId === memberId);\n    const assigned = memberWorkItems.length;\n    const completed = memberWorkItems.filter((wi) => wi.status === 'DONE').length;\n    const velocity = memberWorkItems\n      .filter((wi) => wi.status === 'DONE')\n      .reduce((s, wi) => s + (wi.storyPoints ?? 0), 0);\n    const memberProjects = projects.filter((p) => p.ownerId === memberId);\n\n    return {\n      id: memberId,\n      name: memberId,\n      role: memberProjects.length > 0 ? 'Project Owner' : 'Contributor',\n      department: 'Engineering',\n      tasksAssigned: assigned,\n      tasksCompleted: completed,\n      velocity,\n      status: assigned > 0 ? 'active' : 'offline',\n    };\n  });\n\n  const teamsByMethodology = projects.reduce(\n    (acc, p) => {\n      const method = p.methodology ?? 'unassigned';\n      if (!acc[method]) {\n        acc[method] = { projects: [], ownerIds: new Set<string>() };\n      }\n      acc[method].projects.push(p);\n      if (p.ownerId) acc[method].ownerIds.add(p.ownerId);\n      return acc;\n    },\n    {} as Record<string, { projects: ProjectNode[]; ownerIds: Set<string> }>\n  );\n\n  const teams = Object.entries(teamsByMethodology).map(([methodology, group]) => ({\n    id: methodology,\n    name: `${methodology.charAt(0).toUpperCase()}${methodology.slice(1)} Team`,\n    description: `Projects using ${methodology} methodology`,\n    projectsCount: group.projects.length,\n    leadId: Array.from(group.ownerIds)[0] ?? 'Unassigned',\n  }));\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Team Overview</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {members.length} contributors across {teams.length} teams\n          </p>\n        </div>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={() => navigate('/team/invite-member-page')}\n          data-testid=\"team-invite\"\n        >\n          <UserPlus className=\"mr-1 h-4 w-4\" />\n          Invite member\n        </Button>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-lg font-medium\">Teams</h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          {teams.map((team) => (\n            <Card key={team.id}>\n              <CardHeader className=\"pb-2\">\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{team.name}</CardTitle>\n                  <Badge variant=\"outline\">{team.projectsCount} projects</Badge>\n                </div>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-muted-foreground\">{team.description}</p>\n                <p className=\"text-xs text-muted-foreground mt-2\">\n                  Lead: <PersonName id={team.leadId} />\n                </p>\n              </CardContent>\n            </Card>\n          ))}\n          {teams.length === 0 && (\n            <p className=\"text-sm text-muted-foreground col-span-2 text-center py-4\">\n              No teams found. Create projects to see team groupings.\n            </p>\n          )}\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-lg font-medium\">Members</h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n          {members.map((member) => (\n            <Card key={member.id}>\n              <CardContent className=\"pt-4 space-y-3\">\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"relative\">\n                    <div className=\"h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center text-sm font-medium text-primary\">\n                      {member.name\n                        .split(/[\\s-]+/)\n                        .slice(0, 2)\n                        .map((n) => n[0]?.toUpperCase() ?? '')\n                        .join('')}\n                    </div>\n                    <div\n                      className={`absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-background ${statusColor[member.status]}`}\n                    />\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium\">{member.name}</p>\n                    <p className=\"text-xs text-muted-foreground\">{member.role}</p>\n                  </div>\n                </div>\n                <div className=\"grid grid-cols-3 gap-2 text-center text-xs\">\n                  <div>\n                    <p className=\"font-semibold\">{member.tasksAssigned}</p>\n                    <p className=\"text-muted-foreground\">Assigned</p>\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{member.tasksCompleted}</p>\n                    <p className=\"text-muted-foreground\">Done</p>\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{member.velocity}</p>\n                    <p className=\"text-muted-foreground\">Velocity</p>\n                  </div>\n                </div>\n                <div className=\"flex justify-between text-xs\">\n                  <span className=\"text-muted-foreground\">{member.department}</span>\n                  <span className=\"capitalize text-muted-foreground\">{member.status}</span>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n          {members.length === 0 && (\n            <p className=\"text-sm text-muted-foreground col-span-3 text-center py-4\">\n              No team members found. Assign work items to see members here.\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TeamTeamPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamTeamPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { UserPlus, Users } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonAvatar, PersonName } from '../people/People';\n\nconst GET_TEAM_DATA = gql`\n  query GetTeamData(\n    $workspaceId: ID!\n    $projectPagination: PlanmagnetPaginationInput\n    $workItemPagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {\n      items {\n        id\n        name\n        key\n        status\n        ownerId\n        methodology\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: $workItemPagination) {\n      items {\n        id\n        status\n        assigneeId\n        storyPoints\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  status: string;\n  ownerId: string | null;\n  methodology: string | null;\n}\n\ninterface WorkItemNode {\n  id: string;\n  status: string;\n  assigneeId: string | null;\n  storyPoints: number | null;\n}\n\ninterface TeamData {\n  projects: { items: ProjectNode[]; totalCount: number };\n  workItems: { items: WorkItemNode[]; totalCount: number };\n}\n\nconst statusColor: Record<string, string> = {\n  active: 'bg-green-400',\n  away: 'bg-yellow-400',\n  busy: 'bg-red-400',\n  offline: 'bg-gray-300',\n};\n\nexport function TeamTeamPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<TeamData>(GET_TEAM_DATA, {\n    variables: {\n      workspaceId,\n      projectPagination: { first: 100 },\n      workItemPagination: { first: 500 },\n    },\n    skip: !workspaceId,\n  });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const workItems = data?.planmagnetWorkItems?.items ?? [];\n\n  const assigneeIds = new Set(\n    workItems.filter((wi) => wi.assigneeId).map((wi) => wi.assigneeId as string)\n  );\n  const ownerIds = new Set(projects.filter((p) => p.ownerId).map((p) => p.ownerId as string));\n  const allMemberIds = new Set([...assigneeIds, ...ownerIds]);\n\n  const members = Array.from(allMemberIds).map((memberId) => {\n    const memberWorkItems = workItems.filter((wi) => wi.assigneeId === memberId);\n    const assigned = memberWorkItems.length;\n    const completed = memberWorkItems.filter((wi) => wi.status === 'DONE').length;\n    const velocity = memberWorkItems\n      .filter((wi) => wi.status === 'DONE')\n      .reduce((s, wi) => s + (wi.storyPoints ?? 0), 0);\n    const memberProjects = projects.filter((p) => p.ownerId === memberId);\n\n    return {\n      id: memberId,\n      role: memberProjects.length > 0 ? 'Project Owner' : 'Contributor',\n      department: 'Engineering',\n      tasksAssigned: assigned,\n      tasksCompleted: completed,\n      velocity,\n      status: assigned > 0 ? 'active' : 'offline',\n    };\n  });\n\n  const teamsByMethodology = projects.reduce(\n    (acc, p) => {\n      const method = p.methodology ?? 'unassigned';\n      if (!acc[method]) {\n        acc[method] = { projects: [], ownerIds: new Set<string>() };\n      }\n      acc[method].projects.push(p);\n      if (p.ownerId) acc[method].ownerIds.add(p.ownerId);\n      return acc;\n    },\n    {} as Record<string, { projects: ProjectNode[]; ownerIds: Set<string> }>\n  );\n\n  const teams = Object.entries(teamsByMethodology).map(([methodology, group]) => ({\n    id: methodology,\n    name: `${methodology.charAt(0).toUpperCase()}${methodology.slice(1)} Team`,\n    description: `Projects using ${methodology} methodology`,\n    projectsCount: group.projects.length,\n    // null, not a sentinel string: PersonName would try to resolve \"Unassigned\" as a user id (\"User Unassigned\").\n    leadId: Array.from(group.ownerIds)[0] ?? null,\n  }));\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Team Overview</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {members.length} contributors across {teams.length} teams\n          </p>\n        </div>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={() => navigate('/team/invite-member-page')}\n          data-testid=\"team-invite\"\n        >\n          <UserPlus className=\"mr-1 h-4 w-4\" />\n          Invite member\n        </Button>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-lg font-medium\">Teams</h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          {teams.map((team) => (\n            <Card key={team.id}>\n              <CardHeader className=\"pb-2\">\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{team.name}</CardTitle>\n                  <Badge variant=\"outline\">{team.projectsCount} projects</Badge>\n                </div>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-muted-foreground\">{team.description}</p>\n                <p className=\"text-xs text-muted-foreground mt-2\">\n                  Lead: {team.leadId ? <PersonName id={team.leadId} /> : 'No lead'}\n                </p>\n              </CardContent>\n            </Card>\n          ))}\n          {teams.length === 0 && (\n            <p className=\"text-sm text-muted-foreground col-span-2 text-center py-4\">\n              No teams found. Create projects to see team groupings.\n            </p>\n          )}\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-lg font-medium\">Members</h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n          {members.map((member) => (\n            <Card key={member.id}>\n              <CardContent className=\"pt-4 space-y-3\">\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"relative\">\n                    {/* Name and initials come from the resolved identity: this card used to print the raw user\n                        UUID as the name, with initials cut from the UUID (BOFF-7945). */}\n                    <PersonAvatar\n                      id={member.id}\n                      className=\"h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center text-sm font-medium text-primary\"\n                    />\n                    <div\n                      className={`absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-background ${statusColor[member.status]}`}\n                    />\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium\">\n                      <PersonName id={member.id} />\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">{member.role}</p>\n                  </div>\n                </div>\n                <div className=\"grid grid-cols-3 gap-2 text-center text-xs\">\n                  <div>\n                    <p className=\"font-semibold\">{member.tasksAssigned}</p>\n                    <p className=\"text-muted-foreground\">Assigned</p>\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{member.tasksCompleted}</p>\n                    <p className=\"text-muted-foreground\">Done</p>\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{member.velocity}</p>\n                    <p className=\"text-muted-foreground\">Velocity</p>\n                  </div>\n                </div>\n                <div className=\"flex justify-between text-xs\">\n                  <span className=\"text-muted-foreground\">{member.department}</span>\n                  <span className=\"capitalize text-muted-foreground\">{member.status}</span>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n          {members.length === 0 && (\n            <p className=\"text-sm text-muted-foreground col-span-3 text-center py-4\">\n              No team members found. Assign work items to see members here.\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/WorkspaceCreateWorkspacePagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceCreateWorkspacePagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/WorkspaceCreateWorkspacePagePage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,gCAAgC,4CA2F/C"}
+{"version":3,"file":"WorkspaceCreateWorkspacePagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/WorkspaceCreateWorkspacePagePage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,gCAAgC,4CAwF/C"}

package/dist/planmagnet/pages/WorkspaceCreateWorkspacePagePage.js

@@ -90,11 +90,7 @@ function m() {
 							description: e.target.value
 						}),
 						placeholder: "Describe what this workspace is for..."
-					})] }),
-					m && /* @__PURE__ */ s("p", {
-						className: "text-xs text-muted-foreground",
-						children: ["Current workspace: ", m]
-					})
+					})] })
 				]
 			})] })
 		]

package/dist/planmagnet/pages/WorkspaceCreateWorkspacePagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceCreateWorkspacePagePage.js","names":[],"sources":["../../../src/planmagnet/pages/WorkspaceCreateWorkspacePagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, Building2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nexport function WorkspaceCreateWorkspacePagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [form, setForm] = useState({ name: '', description: '', slug: '' });\n\n  // NOTE: nothing here can create a workspace. Workspaces are a platform\n  // capability, created from the shell's workspace switcher; this MFE has no\n  // workspace mutation. The previous handler only called navigate('/'), so a\n  // user named a workspace, clicked Create, landed on the home page, and no\n  // workspace existed — indistinguishable from success (found 2026-09-24). The\n  // button is disabled and the notice points to the real flow, matching the\n  // Create Report / Create Team / Invite Member pages.\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Create Workspace</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Set up a new workspace for your organization.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" disabled title=\"Not available here — see the notice below\">\n            <Save className=\"mr-1 h-4 w-4\" />\n            Create Workspace\n          </Button>\n        </div>\n      </div>\n      <div className=\"rounded-md border border-border bg-muted p-4 text-sm text-muted-foreground\">\n        <strong className=\"text-foreground\">Not available here.</strong> Workspaces are created from\n        the workspace switcher at the top of the app, not from PlanMagnet. Nothing entered on this\n        page is stored.\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Building2 className=\"h-4 w-4\" />\n            Workspace Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Workspace Name</label>\n            <Input\n              value={form.name}\n              onChange={(e) =>\n                setForm({\n                  ...form,\n                  name: e.target.value,\n                  slug: e.target.value\n                    .toLowerCase()\n                    .replace(/\\s+/g, '-')\n                    .replace(/[^a-z0-9-]/g, ''),\n                })\n              }\n              className=\"mt-1\"\n              placeholder=\"e.g. PlanMagnet HQ\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">URL Slug</label>\n            <div className=\"mt-1 flex items-center gap-1\">\n              <span className=\"text-sm text-muted-foreground\">planmagnet.com/</span>\n              <Input\n                value={form.slug}\n                onChange={(e) => setForm({ ...form, slug: e.target.value })}\n                placeholder=\"planmagnet-hq\"\n              />\n            </div>\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              placeholder=\"Describe what this workspace is for...\"\n            />\n          </div>\n          {workspaceId && (\n            <p className=\"text-xs text-muted-foreground\">Current workspace: {workspaceId}</p>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAOA,SAAgB,IAAmC;CACjD,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAClC,CAAC,GAAM,KAAW,EAAS;EAAE,MAAM;EAAI,aAAa;EAAI,MAAM;EAAI,CAAC;AAUzE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAAqB,CAAA,EAC5D,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAEzC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,eAAe,EAAS,IAAI;gBAAhE,CACE,kBAAC,GAAD,EAAG,WAAU,gBAAiB,CAAA,EAAA,SAEvB;SACT,kBAAC,GAAD;MAAQ,MAAK;MAAK,UAAA;MAAS,OAAM;gBAAjC,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,mBAE1B;QACL;OACF;;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KAAQ,WAAU;eAAkB;KAA4B,CAAA,EAAA,0IAG5D;;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,oBAEvB;OACD,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAsB,CAAA,EAC7D,kBAAC,GAAD;MACE,OAAO,EAAK;MACZ,WAAW,MACT,EAAQ;OACN,GAAG;OACH,MAAM,EAAE,OAAO;OACf,MAAM,EAAE,OAAO,MACZ,aAAa,CACb,QAAQ,QAAQ,IAAI,CACpB,QAAQ,eAAe,GAAG;OAC9B,CAAC;MAEJ,WAAU;MACV,aAAY;MACZ,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAgB,CAAA,EACvD,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAgC;OAAsB,CAAA,EACtE,kBAAC,GAAD;OACE,OAAO,EAAK;OACZ,WAAW,MAAM,EAAQ;QAAE,GAAG;QAAM,MAAM,EAAE,OAAO;QAAO,CAAC;OAC3D,aAAY;OACZ,CAAA,CACE;QACF,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAmB,CAAA,EAC1D,kBAAC,YAAD;MACE,WAAU;MACV,OAAO,EAAK;MACZ,WAAW,MAAM,EAAQ;OAAE,GAAG;OAAM,aAAa,EAAE,OAAO;OAAO,CAAC;MAClE,aAAY;MACZ,CAAA,CACE,EAAA,CAAA;KACL,KACC,kBAAC,KAAD;MAAG,WAAU;gBAAb,CAA6C,uBAAoB,EAAgB;;KAEvE;MACT,EAAA,CAAA;GACH"}
+{"version":3,"file":"WorkspaceCreateWorkspacePagePage.js","names":[],"sources":["../../../src/planmagnet/pages/WorkspaceCreateWorkspacePagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, Building2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nexport function WorkspaceCreateWorkspacePagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [form, setForm] = useState({ name: '', description: '', slug: '' });\n\n  // NOTE: nothing here can create a workspace. Workspaces are a platform\n  // capability, created from the shell's workspace switcher; this MFE has no\n  // workspace mutation. The previous handler only called navigate('/'), so a\n  // user named a workspace, clicked Create, landed on the home page, and no\n  // workspace existed — indistinguishable from success (found 2026-09-24). The\n  // button is disabled and the notice points to the real flow, matching the\n  // Create Report / Create Team / Invite Member pages.\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Create Workspace</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Set up a new workspace for your organization.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" disabled title=\"Not available here — see the notice below\">\n            <Save className=\"mr-1 h-4 w-4\" />\n            Create Workspace\n          </Button>\n        </div>\n      </div>\n      <div className=\"rounded-md border border-border bg-muted p-4 text-sm text-muted-foreground\">\n        <strong className=\"text-foreground\">Not available here.</strong> Workspaces are created from\n        the workspace switcher at the top of the app, not from PlanMagnet. Nothing entered on this\n        page is stored.\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Building2 className=\"h-4 w-4\" />\n            Workspace Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Workspace Name</label>\n            <Input\n              value={form.name}\n              onChange={(e) =>\n                setForm({\n                  ...form,\n                  name: e.target.value,\n                  slug: e.target.value\n                    .toLowerCase()\n                    .replace(/\\s+/g, '-')\n                    .replace(/[^a-z0-9-]/g, ''),\n                })\n              }\n              className=\"mt-1\"\n              placeholder=\"e.g. PlanMagnet HQ\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">URL Slug</label>\n            <div className=\"mt-1 flex items-center gap-1\">\n              <span className=\"text-sm text-muted-foreground\">planmagnet.com/</span>\n              <Input\n                value={form.slug}\n                onChange={(e) => setForm({ ...form, slug: e.target.value })}\n                placeholder=\"planmagnet-hq\"\n              />\n            </div>\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              placeholder=\"Describe what this workspace is for...\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAOA,SAAgB,IAAmC;CACjD,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAClC,CAAC,GAAM,KAAW,EAAS;EAAE,MAAM;EAAI,aAAa;EAAI,MAAM;EAAI,CAAC;AAUzE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAAqB,CAAA,EAC5D,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAEzC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,eAAe,EAAS,IAAI;gBAAhE,CACE,kBAAC,GAAD,EAAG,WAAU,gBAAiB,CAAA,EAAA,SAEvB;SACT,kBAAC,GAAD;MAAQ,MAAK;MAAK,UAAA;MAAS,OAAM;gBAAjC,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,mBAE1B;QACL;OACF;;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KAAQ,WAAU;eAAkB;KAA4B,CAAA,EAAA,0IAG5D;;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,oBAEvB;OACD,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAsB,CAAA,EAC7D,kBAAC,GAAD;MACE,OAAO,EAAK;MACZ,WAAW,MACT,EAAQ;OACN,GAAG;OACH,MAAM,EAAE,OAAO;OACf,MAAM,EAAE,OAAO,MACZ,aAAa,CACb,QAAQ,QAAQ,IAAI,CACpB,QAAQ,eAAe,GAAG;OAC9B,CAAC;MAEJ,WAAU;MACV,aAAY;MACZ,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAgB,CAAA,EACvD,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAgC;OAAsB,CAAA,EACtE,kBAAC,GAAD;OACE,OAAO,EAAK;OACZ,WAAW,MAAM,EAAQ;QAAE,GAAG;QAAM,MAAM,EAAE,OAAO;QAAO,CAAC;OAC3D,aAAY;OACZ,CAAA,CACE;QACF,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAmB,CAAA,EAC1D,kBAAC,YAAD;MACE,WAAU;MACV,OAAO,EAAK;MACZ,WAAW,MAAM,EAAQ;OAAE,GAAG;OAAM,aAAa,EAAE,OAAO;OAAO,CAAC;MAClE,aAAY;MACZ,CAAA,CACE,EAAA,CAAA;KACM;MACT,EAAA,CAAA;GACH"}

package/dist/planmagnet/people/People.d.ts

@@ -1,3 +1,4 @@
+import { ActorProfile } from '@burdenoff/fe-libs/shared';
 import { ReactNode } from 'react';
 
 export declare function PeopleProvider({ workspaceId, children, }: {
@@ -16,5 +17,22 @@ export interface PersonNameProps {
  * the layout and nest a <div> inside a <p>. The email, when known, is the
  * hover title, so two people with the same name stay distinguishable.
  */
+/**
+ * Register an id with the provider and return its profile: the resolved identity, or fe-libs' short fallback
+ * ("User 1a2b3c", `resolved: false`) until and unless it resolves. `null` for an empty id.
+ */
+export declare function usePersonProfile(id: string | null | undefined): ActorProfile | null;
 export declare function PersonName({ id, className }: PersonNameProps): import("react/jsx-runtime").JSX.Element;
+/** Up to two initials from a display name ("Ada Lovelace" → "AL", "ada" → "A"). */
+export declare function initialsOf(name: string): string;
+export interface PersonAvatarProps {
+    id: string | null | undefined;
+    className?: string;
+}
+/**
+ * An initials bubble for a user id. Initials come from the RESOLVED name; until the id resolves (or when it never
+ * does) the bubble shows a neutral "?" rather than letters cut from the UUID, which matched nobody (BOFF-7977,
+ * BOFF-8000). The tooltip is the name, plus the email when known.
+ */
+export declare function PersonAvatar({ id, className }: PersonAvatarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=People.d.ts.map

package/dist/planmagnet/people/People.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"People.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/people/People.tsx"],"names":[],"mappings":"AAMA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA8Bf,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,QAAQ,GACT,EAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAkBA;AAED,MAAM,WAAW,eAAe;IAC9B,sDAAsD;IACtD,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,2CAgB5D"}
+{"version":3,"file":"People.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/people/People.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EAElB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA8Bf,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,QAAQ,GACT,EAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAkBA;AAED,MAAM,WAAW,eAAe;IAC9B,sDAAsD;IACtD,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,YAAY,GAAG,IAAI,CAUnF;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,2CAQ5D;AAED,mFAAmF;AACnF,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQ/C;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAahE"}