@burdenoff/microfe-planmagnet 2026.925.7 → 2026.925.9

package/dist/planmagnet/board/ProjectBoard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectBoard.js","names":[],"sources":["../../../src/planmagnet/board/ProjectBoard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Button,\n  Card,\n  CardContent,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { ChevronLeft, ChevronRight, LayoutGrid, Pencil, Plus } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\n\n/**\n * A project's board (P1.2). The server owns placement: each column's `cards`\n * follow the rule in wspace-planmagnet-svc board.service.ts `columnCardsWhere`\n * (placed column, else the first column mapped to the item's status), and\n * `unplacedCount` says how many items are on no column. Moving a card into a\n * column mapped to a status changes that status on the server, and a column's\n * WIP limit is enforced there too. This component only draws and asks.\n */\n\nconst STATUSES = [\n  'BACKLOG',\n  'TODO',\n  'IN_PROGRESS',\n  'IN_REVIEW',\n  'TESTING',\n  'DONE',\n  'CANCELLED',\n] as const;\nconst statusLabel = (status: string) =>\n  status.charAt(0) + status.slice(1).toLowerCase().replace(/_/g, ' ');\n\nconst CARDS_PER_COLUMN = 100;\n\nconst BOARDS = gql`\n  query ProjectBoards($workspaceId: ID!, $projectId: String) {\n    planmagnetBoards(\n      workspaceId: $workspaceId\n      filter: { projectId: $projectId }\n      pagination: { first: 20 }\n    ) {\n      items {\n        id\n        name\n        isDefault\n      }\n    }\n  }\n`;\n\nconst BOARD = gql`\n  query ProjectBoard($id: ID!) {\n    planmagnetBoard(id: $id) {\n      id\n      name\n      unplacedCount\n      columns {\n        id\n        name\n        mappedStatus\n        wipLimit\n        sortOrder\n        cards(pagination: { first: 100 }) {\n          totalCount\n          items {\n            id\n            key\n            title\n            status\n            priority\n            storyPoints\n            assigneeId\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst MOVE_CARD = gql`\n  mutation ProjectBoardMoveCard($boardId: ID!, $input: PlanmagnetMoveCardInput!) {\n    planmagnetMoveCard(boardId: $boardId, input: $input) {\n      id\n    }\n  }\n`;\nconst CREATE_BOARD = gql`\n  mutation ProjectBoardCreate($input: PlanmagnetCreateBoardInput!) {\n    planmagnetCreateBoard(input: $input) {\n      id\n    }\n  }\n`;\nconst CREATE_COLUMN = gql`\n  mutation ProjectBoardCreateColumn($input: PlanmagnetCreateBoardColumnInput!) {\n    planmagnetCreateBoardColumn(input: $input) {\n      id\n    }\n  }\n`;\nconst UPDATE_COLUMN = gql`\n  mutation ProjectBoardUpdateColumn($id: ID!, $input: PlanmagnetUpdateBoardColumnInput!) {\n    planmagnetUpdateBoardColumn(id: $id, input: $input) {\n      id\n    }\n  }\n`;\nconst DELETE_COLUMN = gql`\n  mutation ProjectBoardDeleteColumn($id: ID!) {\n    planmagnetDeleteBoardColumn(id: $id)\n  }\n`;\nconst REORDER_COLUMNS = gql`\n  mutation ProjectBoardReorder($boardId: ID!, $input: PlanmagnetReorderColumnsInput!) {\n    planmagnetReorderColumns(boardId: $boardId, input: $input) {\n      id\n    }\n  }\n`;\n\n/** Every query whose numbers a board change can move. */\nconst REFETCH = [\n  'ProjectBoard',\n  'ProjectBoards',\n  'GetWorkItems',\n  'GetWorkItemCounts',\n  'GetDashboardData',\n];\n\ninterface BoardCard {\n  id: string;\n  key: string;\n  title: string;\n  status: string;\n  priority: string;\n  storyPoints: number | null;\n  assigneeId: string | null;\n}\n\ninterface BoardColumn {\n  id: string;\n  name: string;\n  mappedStatus: string | null;\n  wipLimit: number | null;\n  sortOrder: number;\n  cards: { totalCount: number; items: BoardCard[] };\n}\n\ninterface BoardData {\n  id: string;\n  name: string;\n  unplacedCount: number;\n  columns: BoardColumn[];\n}\n\nconst messageOf = (e: unknown, fallback: string) => (e instanceof Error ? e.message : fallback);\n\nfunction ErrorLine({ message }: { message: string }) {\n  return (\n    <p role=\"alert\" className=\"text-sm text-destructive\">\n      {message}\n    </p>\n  );\n}\n\nexport function ProjectBoard({\n  projectId,\n  projectName,\n}: {\n  projectId: string;\n  projectName: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [chosenBoardId, setChosenBoardId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const { data: boardsData, loading: boardsLoading } = useQuery<{\n    planmagnetBoards: { items: Array<{ id: string; name: string; isDefault: boolean }> };\n  }>(BOARDS, { variables: { workspaceId, projectId }, skip: !workspaceId });\n  const boards = boardsData?.planmagnetBoards.items ?? [];\n  const boardId =\n    (chosenBoardId && boards.some((b) => b.id === chosenBoardId) ? chosenBoardId : null) ??\n    boards.find((b) => b.isDefault)?.id ??\n    boards[0]?.id ??\n    null;\n\n  const { data, loading } = useQuery<{ planmagnetBoard: BoardData | null }>(BOARD, {\n    variables: { id: boardId },\n    skip: !boardId,\n  });\n  const board = data?.planmagnetBoard ?? null;\n\n  const [createBoard, createBoardState] = useMutation<{ planmagnetCreateBoard: { id: string } }>(\n    CREATE_BOARD,\n    { refetchQueries: REFETCH, awaitRefetchQueries: true }\n  );\n  const [moveCard, moveState] = useMutation(MOVE_CARD, {\n    refetchQueries: REFETCH,\n    awaitRefetchQueries: true,\n  });\n  const [reorder] = useMutation(REORDER_COLUMNS, {\n    refetchQueries: REFETCH,\n    awaitRefetchQueries: true,\n  });\n\n  const run = async (action: () => Promise<unknown>, fallback: string) => {\n    setError(null);\n    try {\n      await action();\n    } catch (e) {\n      setError(messageOf(e, fallback));\n    }\n  };\n\n  const move = (workItemId: string, targetColumnId: string) =>\n    run(\n      () => moveCard({ variables: { boardId, input: { workItemId, targetColumnId } } }),\n      'The card could not be moved.'\n    );\n\n  const shiftColumn = (index: number, delta: -1 | 1) => {\n    if (!board) return;\n    const order = board.columns.map((c) => c.id);\n    const target = index + delta;\n    if (target < 0 || target >= order.length) return;\n    [order[index], order[target]] = [order[target], order[index]];\n    return run(\n      () => reorder({ variables: { boardId, input: { columnIds: order } } }),\n      'The columns could not be reordered.'\n    );\n  };\n\n  if (boardsLoading && !boardsData) {\n    return <p className=\"text-sm text-muted-foreground p-4\">Loading board…</p>;\n  }\n\n  if (!boardId) {\n    return (\n      <Card>\n        <CardContent className=\"p-8 text-center space-y-3\" data-testid=\"board-empty\">\n          <LayoutGrid className=\"h-8 w-8 mx-auto text-muted-foreground\" />\n          <p className=\"text-sm text-muted-foreground\">{projectName} has no board yet.</p>\n          <Button\n            size=\"sm\"\n            disabled={createBoardState.loading}\n            onClick={() =>\n              run(\n                () =>\n                  createBoard({\n                    variables: {\n                      input: {\n                        projectId,\n                        name: `${projectName} board`,\n                        type: 'KANBAN',\n                        isDefault: true,\n                        withDefaultColumns: true,\n                      },\n                    },\n                  }),\n                'The board could not be created.'\n              )\n            }\n          >\n            <Plus className=\"mr-1 h-4 w-4\" />\n            {createBoardState.loading ? 'Creating…' : 'Create board'}\n          </Button>\n          <p className=\"text-xs text-muted-foreground\">\n            Starts with one column per status: Backlog, To Do, In Progress, In Review, Testing,\n            Done.\n          </p>\n          {error && <ErrorLine message={error} />}\n        </CardContent>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"space-y-3\" data-testid=\"project-board\">\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {boards.length > 1 && (\n          <select\n            aria-label=\"Board\"\n            className=\"rounded-md border border-input bg-background px-2 py-1 text-sm\"\n            value={boardId}\n            onChange={(e) => setChosenBoardId(e.target.value)}\n          >\n            {boards.map((b) => (\n              <option key={b.id} value={b.id}>\n                {b.name}\n              </option>\n            ))}\n          </select>\n        )}\n        {board && board.unplacedCount > 0 && (\n          <p className=\"text-xs text-muted-foreground\" data-testid=\"board-unplaced\">\n            {board.unplacedCount} work item{board.unplacedCount === 1 ? ' is' : 's are'} not on this\n            board: {board.unplacedCount === 1 ? 'its status has' : 'their status has'} no column.\n          </p>\n        )}\n        {board && (\n          <div className=\"ml-auto\">\n            <ColumnDialog boardId={board.id} />\n          </div>\n        )}\n      </div>\n      {error && <ErrorLine message={error} />}\n      {loading && !board ? (\n        <p className=\"text-sm text-muted-foreground p-4\">Loading board…</p>\n      ) : (\n        <div className=\"flex gap-3 overflow-x-auto pb-2\">\n          {board?.columns.map((column, index) => (\n            <BoardColumnView\n              key={column.id}\n              boardId={board.id}\n              column={column}\n              columns={board.columns}\n              isFirst={index === 0}\n              isLast={index === board.columns.length - 1}\n              busy={moveState.loading}\n              onMove={move}\n              onShift={(delta) => shiftColumn(index, delta)}\n            />\n          ))}\n          {board && board.columns.length === 0 && (\n            <p className=\"text-sm text-muted-foreground p-4\">\n              This board has no columns. Add one to start placing work.\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction BoardColumnView({\n  boardId,\n  column,\n  columns,\n  isFirst,\n  isLast,\n  busy,\n  onMove,\n  onShift,\n}: {\n  boardId: string;\n  column: BoardColumn;\n  columns: BoardColumn[];\n  isFirst: boolean;\n  isLast: boolean;\n  busy: boolean;\n  onMove: (workItemId: string, targetColumnId: string) => void;\n  onShift: (delta: -1 | 1) => void;\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const [dragOver, setDragOver] = useState(false);\n  const count = column.cards.totalCount;\n  const atLimit = column.wipLimit != null && column.wipLimit > 0 && count >= column.wipLimit;\n  const hidden = count - column.cards.items.length;\n\n  return (\n    <section\n      aria-label={`${column.name} column`}\n      data-testid={`board-column-${column.name}`}\n      className={`min-w-[240px] w-[240px] shrink-0 rounded-md border bg-muted/30 ${dragOver ? 'ring-2 ring-primary' : ''}`}\n      onDragOver={(e) => {\n        e.preventDefault();\n        setDragOver(true);\n      }}\n      onDragLeave={() => setDragOver(false)}\n      onDrop={(e) => {\n        e.preventDefault();\n        setDragOver(false);\n        const workItemId = e.dataTransfer.getData('text/plain');\n        if (workItemId) onMove(workItemId, column.id);\n      }}\n    >\n      <header className=\"p-2 border-b space-y-1\">\n        <div className=\"flex items-center justify-between gap-1\">\n          <h3 className=\"text-sm font-medium truncate\">{column.name}</h3>\n          <span\n            data-testid={`board-column-count-${column.name}`}\n            className={`text-xs rounded-full px-1.5 ${atLimit ? 'bg-status-warning-subtle text-status-warning' : 'bg-muted'}`}\n            title={column.wipLimit ? `WIP limit ${column.wipLimit}` : undefined}\n          >\n            {column.wipLimit ? `${count} / ${column.wipLimit}` : count}\n          </span>\n        </div>\n        <div className=\"flex items-center justify-between gap-1\">\n          <span className=\"text-[11px] text-muted-foreground\">\n            {column.mappedStatus ? `Sets status: ${statusLabel(column.mappedStatus)}` : 'No status'}\n          </span>\n          <span className=\"flex\">\n            <Button\n              size=\"icon\"\n              variant=\"ghost\"\n              className=\"h-6 w-6\"\n              aria-label={`Move ${column.name} column left`}\n              disabled={isFirst}\n              onClick={() => onShift(-1)}\n            >\n              <ChevronLeft className=\"h-3.5 w-3.5\" />\n            </Button>\n            <Button\n              size=\"icon\"\n              variant=\"ghost\"\n              className=\"h-6 w-6\"\n              aria-label={`Move ${column.name} column right`}\n              disabled={isLast}\n              onClick={() => onShift(1)}\n            >\n              <ChevronRight className=\"h-3.5 w-3.5\" />\n            </Button>\n            <ColumnDialog boardId={boardId} column={column} />\n          </span>\n        </div>\n      </header>\n      <ul className=\"p-2 space-y-2 min-h-[80px]\">\n        {column.cards.items.map((card) => (\n          <li\n            key={card.id}\n            draggable\n            onDragStart={(e) => {\n              e.dataTransfer.setData('text/plain', card.id);\n              e.dataTransfer.effectAllowed = 'move';\n            }}\n            className=\"rounded-md border bg-background p-2 space-y-1 cursor-grab\"\n            data-testid=\"board-card\"\n          >\n            <button\n              type=\"button\"\n              className=\"text-left text-sm font-medium leading-tight hover:underline\"\n              onClick={() =>\n                navigate(`/tasks/task-detail-page?taskId=${encodeURIComponent(card.id)}`)\n              }\n            >\n              {card.title}\n            </button>\n            <div className=\"flex items-center justify-between text-[11px] text-muted-foreground\">\n              <span>{card.key}</span>\n              <span>{card.storyPoints ?? 0} pts</span>\n            </div>\n            <div className=\"flex items-center justify-between gap-1 text-[11px] text-muted-foreground\">\n              <span className=\"truncate\">\n                {card.assigneeId ? <PersonName id={card.assigneeId} /> : 'Unassigned'}\n              </span>\n              {/* The same move as drag-and-drop, for keyboard and assistive tech. */}\n              <select\n                aria-label={`Move ${card.key} to column`}\n                className=\"rounded border border-input bg-background px-1 py-0.5 text-[11px]\"\n                value=\"\"\n                disabled={busy}\n                onChange={(e) => e.target.value && onMove(card.id, e.target.value)}\n              >\n                <option value=\"\">Move…</option>\n                {columns\n                  .filter((c) => c.id !== column.id)\n                  .map((c) => (\n                    <option key={c.id} value={c.id}>\n                      {c.name}\n                    </option>\n                  ))}\n              </select>\n            </div>\n          </li>\n        ))}\n        {count === 0 && <li className=\"text-xs text-muted-foreground text-center py-4\">Empty</li>}\n      </ul>\n      {hidden > 0 && (\n        <p className=\"px-2 pb-2 text-xs text-muted-foreground\">\n          +{hidden} more (showing the first {CARDS_PER_COLUMN})\n        </p>\n      )}\n    </section>\n  );\n}\n\n/** Add a column (no `column`) or edit one: name, the status it sets, WIP limit; delete. */\nfunction ColumnDialog({ boardId, column }: { boardId: string; column?: BoardColumn }) {\n  const editing = column !== undefined;\n  const [open, setOpen] = useState(false);\n  const [name, setName] = useState(column?.name ?? '');\n  const [mappedStatus, setMappedStatus] = useState(column?.mappedStatus ?? '');\n  const [wip, setWip] = useState(column?.wipLimit ? String(column.wipLimit) : '');\n  const [error, setError] = useState<string | null>(null);\n  const options = { refetchQueries: REFETCH, awaitRefetchQueries: true };\n  const [create, createState] = useMutation(CREATE_COLUMN, options);\n  const [update, updateState] = useMutation(UPDATE_COLUMN, options);\n  const [remove, removeState] = useMutation(DELETE_COLUMN, options);\n  const busy = createState.loading || updateState.loading || removeState.loading;\n\n  const wipValue = wip.trim() === '' ? null : Number(wip);\n  const invalidWip = wipValue !== null && (!Number.isInteger(wipValue) || wipValue < 1);\n  const canSave = name.trim() !== '' && !invalidWip && !busy;\n\n  const reset = () => {\n    setName(column?.name ?? '');\n    setMappedStatus(column?.mappedStatus ?? '');\n    setWip(column?.wipLimit ? String(column.wipLimit) : '');\n    setError(null);\n  };\n\n  const save = async () => {\n    setError(null);\n    const fields = {\n      name: name.trim(),\n      mappedStatus: mappedStatus || null,\n      wipLimit: wipValue,\n    };\n    try {\n      if (editing) {\n        await update({ variables: { id: column.id, input: fields } });\n      } else {\n        await create({ variables: { input: { boardId, type: 'CUSTOM', ...fields } } });\n      }\n      setOpen(false);\n    } catch (e) {\n      setError(messageOf(e, 'The column could not be saved.'));\n    }\n  };\n\n  const idPrefix = editing ? `column-${column.id}` : 'new-column';\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) reset();\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        {editing ? (\n          <Button\n            size=\"icon\"\n            variant=\"ghost\"\n            className=\"h-6 w-6\"\n            aria-label={`Edit ${column.name} column`}\n          >\n            <Pencil className=\"h-3.5 w-3.5\" />\n          </Button>\n        ) : (\n          <Button size=\"sm\" variant=\"outline\">\n            <Plus className=\"mr-1 h-4 w-4\" />\n            Add column\n          </Button>\n        )}\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-md\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            {editing ? `Edit ${column.name}` : 'Add column'}\n          </ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Moving a card into a column that sets a status changes the work item&apos;s status.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor={`${idPrefix}-name`} className=\"text-sm font-medium\">\n              Name\n            </label>\n            <Input\n              id={`${idPrefix}-name`}\n              className=\"mt-1\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n            />\n          </div>\n          <div>\n            <label htmlFor={`${idPrefix}-status`} className=\"text-sm font-medium\">\n              Sets status\n            </label>\n            <select\n              id={`${idPrefix}-status`}\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n              value={mappedStatus}\n              onChange={(e) => setMappedStatus(e.target.value)}\n            >\n              <option value=\"\">No status (cards keep theirs)</option>\n              {STATUSES.map((s) => (\n                <option key={s} value={s}>\n                  {statusLabel(s)}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor={`${idPrefix}-wip`} className=\"text-sm font-medium\">\n              WIP limit (blank for none)\n            </label>\n            <Input\n              id={`${idPrefix}-wip`}\n              type=\"number\"\n              min={1}\n              className=\"mt-1\"\n              value={wip}\n              onChange={(e) => setWip(e.target.value)}\n            />\n            {invalidWip && <ErrorLine message=\"The WIP limit must be a whole number, 1 or more.\" />}\n          </div>\n        </div>\n        {error && <ErrorLine message={error} />}\n        <ResponsiveDialogFooter className=\"gap-2\">\n          {editing && (\n            <AlertDialog>\n              <AlertDialogTrigger asChild>\n                <Button variant=\"outline\" disabled={busy}>\n                  Delete column\n                </Button>\n              </AlertDialogTrigger>\n              <AlertDialogContent>\n                <AlertDialogHeader>\n                  <AlertDialogTitle>Delete {column.name}?</AlertDialogTitle>\n                  <AlertDialogDescription>\n                    Its cards are not deleted: each goes back to the column for its status, or off\n                    the board if no column sets that status.\n                  </AlertDialogDescription>\n                </AlertDialogHeader>\n                <AlertDialogFooter>\n                  <AlertDialogCancel>Keep it</AlertDialogCancel>\n                  <AlertDialogAction\n                    className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n                    onClick={async () => {\n                      try {\n                        await remove({ variables: { id: column.id } });\n                        setOpen(false);\n                      } catch (e) {\n                        setError(messageOf(e, 'The column could not be deleted.'));\n                      }\n                    }}\n                  >\n                    Delete column\n                  </AlertDialogAction>\n                </AlertDialogFooter>\n              </AlertDialogContent>\n            </AlertDialog>\n          )}\n          <Button onClick={save} disabled={!canSave} data-testid={`${idPrefix}-save`}>\n            {busy ? 'Saving…' : editing ? 'Save' : 'Add column'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectBoard.js","names":[],"sources":["../../../src/planmagnet/board/ProjectBoard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Button,\n  Card,\n  CardContent,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { ChevronLeft, ChevronRight, LayoutGrid, Pencil, Plus } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\nimport { throwOnError } from '../utils/mutationResult';\n\n/**\n * A project's board (P1.2). The server owns placement: each column's `cards`\n * follow the rule in wspace-planmagnet-svc board.service.ts `columnCardsWhere`\n * (placed column, else the first column mapped to the item's status), and\n * `unplacedCount` says how many items are on no column. Moving a card into a\n * column mapped to a status changes that status on the server, and a column's\n * WIP limit is enforced there too. This component only draws and asks.\n */\n\nconst STATUSES = [\n  'BACKLOG',\n  'TODO',\n  'IN_PROGRESS',\n  'IN_REVIEW',\n  'TESTING',\n  'DONE',\n  'CANCELLED',\n] as const;\nconst statusLabel = (status: string) =>\n  status.charAt(0) + status.slice(1).toLowerCase().replace(/_/g, ' ');\n\nconst CARDS_PER_COLUMN = 100;\n\nconst BOARDS = gql`\n  query ProjectBoards($workspaceId: ID!, $projectId: String) {\n    planmagnetBoards(\n      workspaceId: $workspaceId\n      filter: { projectId: $projectId }\n      pagination: { first: 20 }\n    ) {\n      items {\n        id\n        name\n        isDefault\n      }\n    }\n  }\n`;\n\nconst BOARD = gql`\n  query ProjectBoard($id: ID!) {\n    planmagnetBoard(id: $id) {\n      id\n      name\n      unplacedCount\n      columns {\n        id\n        name\n        mappedStatus\n        wipLimit\n        sortOrder\n        cards(pagination: { first: 100 }) {\n          totalCount\n          items {\n            id\n            key\n            title\n            status\n            priority\n            storyPoints\n            assigneeId\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst MOVE_CARD = gql`\n  mutation ProjectBoardMoveCard($boardId: ID!, $input: PlanmagnetMoveCardInput!) {\n    planmagnetMoveCard(boardId: $boardId, input: $input) {\n      id\n    }\n  }\n`;\nconst CREATE_BOARD = gql`\n  mutation ProjectBoardCreate($input: PlanmagnetCreateBoardInput!) {\n    planmagnetCreateBoard(input: $input) {\n      id\n    }\n  }\n`;\nconst CREATE_COLUMN = gql`\n  mutation ProjectBoardCreateColumn($input: PlanmagnetCreateBoardColumnInput!) {\n    planmagnetCreateBoardColumn(input: $input) {\n      id\n    }\n  }\n`;\nconst UPDATE_COLUMN = gql`\n  mutation ProjectBoardUpdateColumn($id: ID!, $input: PlanmagnetUpdateBoardColumnInput!) {\n    planmagnetUpdateBoardColumn(id: $id, input: $input) {\n      id\n    }\n  }\n`;\nconst DELETE_COLUMN = gql`\n  mutation ProjectBoardDeleteColumn($id: ID!) {\n    planmagnetDeleteBoardColumn(id: $id)\n  }\n`;\nconst REORDER_COLUMNS = gql`\n  mutation ProjectBoardReorder($boardId: ID!, $input: PlanmagnetReorderColumnsInput!) {\n    planmagnetReorderColumns(boardId: $boardId, input: $input) {\n      id\n    }\n  }\n`;\n\n/** Every query whose numbers a board change can move. */\nconst REFETCH = [\n  'ProjectBoard',\n  'ProjectBoards',\n  'GetWorkItems',\n  'GetWorkItemCounts',\n  'GetDashboardData',\n];\n\ninterface BoardCard {\n  id: string;\n  key: string;\n  title: string;\n  status: string;\n  priority: string;\n  storyPoints: number | null;\n  assigneeId: string | null;\n}\n\ninterface BoardColumn {\n  id: string;\n  name: string;\n  mappedStatus: string | null;\n  wipLimit: number | null;\n  sortOrder: number;\n  cards: { totalCount: number; items: BoardCard[] };\n}\n\ninterface BoardData {\n  id: string;\n  name: string;\n  unplacedCount: number;\n  columns: BoardColumn[];\n}\n\nconst messageOf = (e: unknown, fallback: string) => (e instanceof Error ? e.message : fallback);\n\nfunction ErrorLine({ message }: { message: string }) {\n  return (\n    <p role=\"alert\" className=\"text-sm text-destructive\">\n      {message}\n    </p>\n  );\n}\n\nexport function ProjectBoard({\n  projectId,\n  projectName,\n}: {\n  projectId: string;\n  projectName: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [chosenBoardId, setChosenBoardId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const { data: boardsData, loading: boardsLoading } = useQuery<{\n    planmagnetBoards: { items: Array<{ id: string; name: string; isDefault: boolean }> };\n  }>(BOARDS, { variables: { workspaceId, projectId }, skip: !workspaceId });\n  const boards = boardsData?.planmagnetBoards.items ?? [];\n  const boardId =\n    (chosenBoardId && boards.some((b) => b.id === chosenBoardId) ? chosenBoardId : null) ??\n    boards.find((b) => b.isDefault)?.id ??\n    boards[0]?.id ??\n    null;\n\n  const { data, loading } = useQuery<{ planmagnetBoard: BoardData | null }>(BOARD, {\n    variables: { id: boardId },\n    skip: !boardId,\n  });\n  const board = data?.planmagnetBoard ?? null;\n\n  const [createBoard, createBoardState] = useMutation<{ planmagnetCreateBoard: { id: string } }>(\n    CREATE_BOARD,\n    { refetchQueries: REFETCH, awaitRefetchQueries: true }\n  );\n  const [moveCard, moveState] = useMutation(MOVE_CARD, {\n    refetchQueries: REFETCH,\n    awaitRefetchQueries: true,\n  });\n  const [reorder] = useMutation(REORDER_COLUMNS, {\n    refetchQueries: REFETCH,\n    awaitRefetchQueries: true,\n  });\n\n  const run = async (action: () => Promise<{ error?: unknown }>, fallback: string) => {\n    setError(null);\n    try {\n      await throwOnError(action());\n    } catch (e) {\n      setError(messageOf(e, fallback));\n    }\n  };\n\n  const move = (workItemId: string, targetColumnId: string) =>\n    run(\n      () => moveCard({ variables: { boardId, input: { workItemId, targetColumnId } } }),\n      'The card could not be moved.'\n    );\n\n  const shiftColumn = (index: number, delta: -1 | 1) => {\n    if (!board) return;\n    const order = board.columns.map((c) => c.id);\n    const target = index + delta;\n    if (target < 0 || target >= order.length) return;\n    [order[index], order[target]] = [order[target], order[index]];\n    return run(\n      () => reorder({ variables: { boardId, input: { columnIds: order } } }),\n      'The columns could not be reordered.'\n    );\n  };\n\n  if (boardsLoading && !boardsData) {\n    return <p className=\"text-sm text-muted-foreground p-4\">Loading board…</p>;\n  }\n\n  if (!boardId) {\n    return (\n      <Card>\n        <CardContent className=\"p-8 text-center space-y-3\" data-testid=\"board-empty\">\n          <LayoutGrid className=\"h-8 w-8 mx-auto text-muted-foreground\" />\n          <p className=\"text-sm text-muted-foreground\">{projectName} has no board yet.</p>\n          <Button\n            size=\"sm\"\n            disabled={createBoardState.loading}\n            onClick={() =>\n              run(\n                () =>\n                  createBoard({\n                    variables: {\n                      input: {\n                        projectId,\n                        name: `${projectName} board`,\n                        type: 'KANBAN',\n                        isDefault: true,\n                        withDefaultColumns: true,\n                      },\n                    },\n                  }),\n                'The board could not be created.'\n              )\n            }\n          >\n            <Plus className=\"mr-1 h-4 w-4\" />\n            {createBoardState.loading ? 'Creating…' : 'Create board'}\n          </Button>\n          <p className=\"text-xs text-muted-foreground\">\n            Starts with one column per status: Backlog, To Do, In Progress, In Review, Testing,\n            Done.\n          </p>\n          {error && <ErrorLine message={error} />}\n        </CardContent>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"space-y-3\" data-testid=\"project-board\">\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {boards.length > 1 && (\n          <select\n            aria-label=\"Board\"\n            className=\"rounded-md border border-input bg-background px-2 py-1 text-sm\"\n            value={boardId}\n            onChange={(e) => setChosenBoardId(e.target.value)}\n          >\n            {boards.map((b) => (\n              <option key={b.id} value={b.id}>\n                {b.name}\n              </option>\n            ))}\n          </select>\n        )}\n        {board && board.unplacedCount > 0 && (\n          <p className=\"text-xs text-muted-foreground\" data-testid=\"board-unplaced\">\n            {board.unplacedCount} work item{board.unplacedCount === 1 ? ' is' : 's are'} not on this\n            board: {board.unplacedCount === 1 ? 'its status has' : 'their status has'} no column.\n          </p>\n        )}\n        {board && (\n          <div className=\"ml-auto\">\n            <ColumnDialog boardId={board.id} />\n          </div>\n        )}\n      </div>\n      {error && <ErrorLine message={error} />}\n      {loading && !board ? (\n        <p className=\"text-sm text-muted-foreground p-4\">Loading board…</p>\n      ) : (\n        <div className=\"flex gap-3 overflow-x-auto pb-2\">\n          {board?.columns.map((column, index) => (\n            <BoardColumnView\n              key={column.id}\n              boardId={board.id}\n              column={column}\n              columns={board.columns}\n              isFirst={index === 0}\n              isLast={index === board.columns.length - 1}\n              busy={moveState.loading}\n              onMove={move}\n              onShift={(delta) => shiftColumn(index, delta)}\n            />\n          ))}\n          {board && board.columns.length === 0 && (\n            <p className=\"text-sm text-muted-foreground p-4\">\n              This board has no columns. Add one to start placing work.\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction BoardColumnView({\n  boardId,\n  column,\n  columns,\n  isFirst,\n  isLast,\n  busy,\n  onMove,\n  onShift,\n}: {\n  boardId: string;\n  column: BoardColumn;\n  columns: BoardColumn[];\n  isFirst: boolean;\n  isLast: boolean;\n  busy: boolean;\n  onMove: (workItemId: string, targetColumnId: string) => void;\n  onShift: (delta: -1 | 1) => void;\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const [dragOver, setDragOver] = useState(false);\n  const count = column.cards.totalCount;\n  const atLimit = column.wipLimit != null && column.wipLimit > 0 && count >= column.wipLimit;\n  const hidden = count - column.cards.items.length;\n\n  return (\n    <section\n      aria-label={`${column.name} column`}\n      data-testid={`board-column-${column.name}`}\n      className={`min-w-[240px] w-[240px] shrink-0 rounded-md border bg-muted/30 ${dragOver ? 'ring-2 ring-primary' : ''}`}\n      onDragOver={(e) => {\n        e.preventDefault();\n        setDragOver(true);\n      }}\n      onDragLeave={() => setDragOver(false)}\n      onDrop={(e) => {\n        e.preventDefault();\n        setDragOver(false);\n        const workItemId = e.dataTransfer.getData('text/plain');\n        if (workItemId) onMove(workItemId, column.id);\n      }}\n    >\n      <header className=\"p-2 border-b space-y-1\">\n        <div className=\"flex items-center justify-between gap-1\">\n          <h3 className=\"text-sm font-medium truncate\">{column.name}</h3>\n          <span\n            data-testid={`board-column-count-${column.name}`}\n            className={`text-xs rounded-full px-1.5 ${atLimit ? 'bg-status-warning-subtle text-status-warning' : 'bg-muted'}`}\n            title={column.wipLimit ? `WIP limit ${column.wipLimit}` : undefined}\n          >\n            {column.wipLimit ? `${count} / ${column.wipLimit}` : count}\n          </span>\n        </div>\n        <div className=\"flex items-center justify-between gap-1\">\n          <span className=\"text-[11px] text-muted-foreground\">\n            {column.mappedStatus ? `Sets status: ${statusLabel(column.mappedStatus)}` : 'No status'}\n          </span>\n          <span className=\"flex\">\n            <Button\n              size=\"icon\"\n              variant=\"ghost\"\n              className=\"h-6 w-6\"\n              aria-label={`Move ${column.name} column left`}\n              disabled={isFirst}\n              onClick={() => onShift(-1)}\n            >\n              <ChevronLeft className=\"h-3.5 w-3.5\" />\n            </Button>\n            <Button\n              size=\"icon\"\n              variant=\"ghost\"\n              className=\"h-6 w-6\"\n              aria-label={`Move ${column.name} column right`}\n              disabled={isLast}\n              onClick={() => onShift(1)}\n            >\n              <ChevronRight className=\"h-3.5 w-3.5\" />\n            </Button>\n            <ColumnDialog boardId={boardId} column={column} />\n          </span>\n        </div>\n      </header>\n      <ul className=\"p-2 space-y-2 min-h-[80px]\">\n        {column.cards.items.map((card) => (\n          <li\n            key={card.id}\n            draggable\n            onDragStart={(e) => {\n              e.dataTransfer.setData('text/plain', card.id);\n              e.dataTransfer.effectAllowed = 'move';\n            }}\n            className=\"rounded-md border bg-background p-2 space-y-1 cursor-grab\"\n            data-testid=\"board-card\"\n          >\n            <button\n              type=\"button\"\n              className=\"text-left text-sm font-medium leading-tight hover:underline\"\n              onClick={() =>\n                navigate(`/tasks/task-detail-page?taskId=${encodeURIComponent(card.id)}`)\n              }\n            >\n              {card.title}\n            </button>\n            <div className=\"flex items-center justify-between text-[11px] text-muted-foreground\">\n              <span>{card.key}</span>\n              <span>{card.storyPoints ?? 0} pts</span>\n            </div>\n            <div className=\"flex items-center justify-between gap-1 text-[11px] text-muted-foreground\">\n              <span className=\"truncate\">\n                {card.assigneeId ? <PersonName id={card.assigneeId} /> : 'Unassigned'}\n              </span>\n              {/* The same move as drag-and-drop, for keyboard and assistive tech. */}\n              <select\n                aria-label={`Move ${card.key} to column`}\n                className=\"rounded border border-input bg-background px-1 py-0.5 text-[11px]\"\n                value=\"\"\n                disabled={busy}\n                onChange={(e) => e.target.value && onMove(card.id, e.target.value)}\n              >\n                <option value=\"\">Move…</option>\n                {columns\n                  .filter((c) => c.id !== column.id)\n                  .map((c) => (\n                    <option key={c.id} value={c.id}>\n                      {c.name}\n                    </option>\n                  ))}\n              </select>\n            </div>\n          </li>\n        ))}\n        {count === 0 && <li className=\"text-xs text-muted-foreground text-center py-4\">Empty</li>}\n      </ul>\n      {hidden > 0 && (\n        <p className=\"px-2 pb-2 text-xs text-muted-foreground\">\n          +{hidden} more (showing the first {CARDS_PER_COLUMN})\n        </p>\n      )}\n    </section>\n  );\n}\n\n/** Add a column (no `column`) or edit one: name, the status it sets, WIP limit; delete. */\nfunction ColumnDialog({ boardId, column }: { boardId: string; column?: BoardColumn }) {\n  const editing = column !== undefined;\n  const [open, setOpen] = useState(false);\n  const [name, setName] = useState(column?.name ?? '');\n  const [mappedStatus, setMappedStatus] = useState(column?.mappedStatus ?? '');\n  const [wip, setWip] = useState(column?.wipLimit ? String(column.wipLimit) : '');\n  const [error, setError] = useState<string | null>(null);\n  const options = { refetchQueries: REFETCH, awaitRefetchQueries: true };\n  const [create, createState] = useMutation(CREATE_COLUMN, options);\n  const [update, updateState] = useMutation(UPDATE_COLUMN, options);\n  const [remove, removeState] = useMutation(DELETE_COLUMN, options);\n  const busy = createState.loading || updateState.loading || removeState.loading;\n\n  const wipValue = wip.trim() === '' ? null : Number(wip);\n  const invalidWip = wipValue !== null && (!Number.isInteger(wipValue) || wipValue < 1);\n  const canSave = name.trim() !== '' && !invalidWip && !busy;\n\n  const reset = () => {\n    setName(column?.name ?? '');\n    setMappedStatus(column?.mappedStatus ?? '');\n    setWip(column?.wipLimit ? String(column.wipLimit) : '');\n    setError(null);\n  };\n\n  const save = async () => {\n    setError(null);\n    const fields = {\n      name: name.trim(),\n      mappedStatus: mappedStatus || null,\n      wipLimit: wipValue,\n    };\n    try {\n      if (editing) {\n        await throwOnError(update({ variables: { id: column.id, input: fields } }));\n      } else {\n        await throwOnError(\n          create({ variables: { input: { boardId, type: 'CUSTOM', ...fields } } })\n        );\n      }\n      setOpen(false);\n    } catch (e) {\n      setError(messageOf(e, 'The column could not be saved.'));\n    }\n  };\n\n  const idPrefix = editing ? `column-${column.id}` : 'new-column';\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) reset();\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        {editing ? (\n          <Button\n            size=\"icon\"\n            variant=\"ghost\"\n            className=\"h-6 w-6\"\n            aria-label={`Edit ${column.name} column`}\n          >\n            <Pencil className=\"h-3.5 w-3.5\" />\n          </Button>\n        ) : (\n          <Button size=\"sm\" variant=\"outline\">\n            <Plus className=\"mr-1 h-4 w-4\" />\n            Add column\n          </Button>\n        )}\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-md\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            {editing ? `Edit ${column.name}` : 'Add column'}\n          </ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Moving a card into a column that sets a status changes the work item&apos;s status.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor={`${idPrefix}-name`} className=\"text-sm font-medium\">\n              Name\n            </label>\n            <Input\n              id={`${idPrefix}-name`}\n              className=\"mt-1\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n            />\n          </div>\n          <div>\n            <label htmlFor={`${idPrefix}-status`} className=\"text-sm font-medium\">\n              Sets status\n            </label>\n            <select\n              id={`${idPrefix}-status`}\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n              value={mappedStatus}\n              onChange={(e) => setMappedStatus(e.target.value)}\n            >\n              <option value=\"\">No status (cards keep theirs)</option>\n              {STATUSES.map((s) => (\n                <option key={s} value={s}>\n                  {statusLabel(s)}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor={`${idPrefix}-wip`} className=\"text-sm font-medium\">\n              WIP limit (blank for none)\n            </label>\n            <Input\n              id={`${idPrefix}-wip`}\n              type=\"number\"\n              min={1}\n              className=\"mt-1\"\n              value={wip}\n              onChange={(e) => setWip(e.target.value)}\n            />\n            {invalidWip && <ErrorLine message=\"The WIP limit must be a whole number, 1 or more.\" />}\n          </div>\n        </div>\n        {error && <ErrorLine message={error} />}\n        <ResponsiveDialogFooter className=\"gap-2\">\n          {editing && (\n            <AlertDialog>\n              <AlertDialogTrigger asChild>\n                <Button variant=\"outline\" disabled={busy}>\n                  Delete column\n                </Button>\n              </AlertDialogTrigger>\n              <AlertDialogContent>\n                <AlertDialogHeader>\n                  <AlertDialogTitle>Delete {column.name}?</AlertDialogTitle>\n                  <AlertDialogDescription>\n                    Its cards are not deleted: each goes back to the column for its status, or off\n                    the board if no column sets that status.\n                  </AlertDialogDescription>\n                </AlertDialogHeader>\n                <AlertDialogFooter>\n                  <AlertDialogCancel>Keep it</AlertDialogCancel>\n                  <AlertDialogAction\n                    className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n                    onClick={async () => {\n                      try {\n                        await throwOnError(remove({ variables: { id: column.id } }));\n                        setOpen(false);\n                      } catch (e) {\n                        setError(messageOf(e, 'The column could not be deleted.'));\n                      }\n                    }}\n                  >\n                    Delete column\n                  </AlertDialogAction>\n                </AlertDialogFooter>\n              </AlertDialogContent>\n            </AlertDialog>\n          )}\n          <Button onClick={save} disabled={!canSave} data-testid={`${idPrefix}-save`}>\n            {busy ? 'Saving…' : editing ? 'Save' : 'Add column'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/comments/WorkItemComments.d.ts

@@ -0,0 +1,4 @@
+export declare function WorkItemComments({ workItemId }: {
+    workItemId: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkItemComments.d.ts.map

package/dist/planmagnet/comments/WorkItemComments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkItemComments.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/WorkItemComments.tsx"],"names":[],"mappings":"AAqGA,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,2CA8GtE"}

package/dist/planmagnet/comments/WorkItemComments.js

@@ -0,0 +1,260 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { PersonName as t } from "../people/People.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { useState as r } from "react";
+import { MessageSquare as i } from "lucide-react";
+import { gql as a } from "@apollo/client";
+import { useMutation as o, useQuery as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { AlertDialog as u, AlertDialogAction as d, AlertDialogCancel as f, AlertDialogContent as p, AlertDialogDescription as m, AlertDialogFooter as h, AlertDialogHeader as g, AlertDialogTitle as _, AlertDialogTrigger as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/comments/WorkItemComments.tsx
+var w = 1e4, T = 50, E = a`
+  query WorkItemComments($workItemId: ID!, $pagination: PlanmagnetPaginationInput) {
+    planmagnetWorkItemComments(workItemId: $workItemId, pagination: $pagination) {
+      totalCount
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+      items {
+        id
+        authorId
+        body
+        createdAt
+        editedAt
+      }
+    }
+  }
+`, D = a`
+  mutation WorkItemCommentAdd($input: PlanmagnetAddWorkItemCommentInput!) {
+    planmagnetAddWorkItemComment(input: $input) {
+      id
+    }
+  }
+`, O = a`
+  mutation WorkItemCommentEdit($id: ID!, $body: String!) {
+    planmagnetEditWorkItemComment(id: $id, body: $body) {
+      id
+      body
+      editedAt
+    }
+  }
+`, k = a`
+  mutation WorkItemCommentDelete($id: ID!) {
+    planmagnetDeleteWorkItemComment(id: $id)
+  }
+`, A = (e, t) => e instanceof Error ? e.message : t, j = (e) => new Date(e).toLocaleString();
+function M({ message: e }) {
+	return /* @__PURE__ */ c("p", {
+		role: "alert",
+		className: "text-sm text-destructive",
+		children: e
+	});
+}
+function N({ workItemId: t }) {
+	let { currentUser: a } = e(), [u, d] = r(""), [f, p] = r(null), [m, h] = r(!1), { data: g, loading: _, error: v, fetchMore: O } = s(E, {
+		variables: {
+			workItemId: t,
+			pagination: { first: T }
+		},
+		skip: !t
+	}), [k, j] = o(D, {
+		refetchQueries: ["WorkItemComments"],
+		awaitRefetchQueries: !0
+	}), N = g?.planmagnetWorkItemComments, F = N?.items ?? [], I = u.trim(), L = I.length > w;
+	return /* @__PURE__ */ l(b, {
+		"data-testid": "work-item-comments",
+		children: [/* @__PURE__ */ c(S, { children: /* @__PURE__ */ l(C, {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ c(i, { className: "h-4 w-4" }),
+				"Discussion ",
+				N ? `(${N.totalCount})` : ""
+			]
+		}) }), /* @__PURE__ */ l(x, {
+			className: "space-y-4",
+			children: [
+				_ && !g && /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Loading comments…"
+				}),
+				v && /* @__PURE__ */ c(M, { message: `Comments could not be loaded: ${v.message}` }),
+				N && F.length === 0 && /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: "No comments yet."
+				}),
+				/* @__PURE__ */ c("ol", {
+					className: "space-y-3",
+					children: F.map((e) => /* @__PURE__ */ c(P, {
+						comment: e,
+						mine: e.authorId === a?.id
+					}, e.id))
+				}),
+				N?.pageInfo.hasNextPage && /* @__PURE__ */ c(y, {
+					size: "sm",
+					variant: "outline",
+					onClick: async () => {
+						let e = N?.pageInfo.endCursor;
+						if (e) {
+							h(!0);
+							try {
+								await O({
+									variables: { pagination: {
+										first: T,
+										after: e
+									} },
+									updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetWorkItemComments: {
+										...t.planmagnetWorkItemComments,
+										items: [...e.planmagnetWorkItemComments.items, ...t.planmagnetWorkItemComments.items]
+									} })
+								});
+							} finally {
+								h(!1);
+							}
+						}
+					},
+					disabled: m,
+					children: m ? "Loading…" : `Show more (${F.length} of ${N.totalCount})`
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "space-y-2 border-t pt-4",
+					children: [
+						/* @__PURE__ */ c("label", {
+							htmlFor: `comment-${t}`,
+							className: "sr-only",
+							children: "Add a comment"
+						}),
+						/* @__PURE__ */ c("textarea", {
+							id: `comment-${t}`,
+							className: "w-full min-h-[80px] rounded-md border border-input bg-background px-3 py-2 text-sm",
+							placeholder: "Add a comment…",
+							value: u,
+							onChange: (e) => d(e.target.value)
+						}),
+						L && /* @__PURE__ */ c(M, { message: `A comment can be at most ${w} characters.` }),
+						f && /* @__PURE__ */ c(M, { message: f }),
+						/* @__PURE__ */ c("div", {
+							className: "flex justify-end",
+							children: /* @__PURE__ */ c(y, {
+								size: "sm",
+								onClick: async () => {
+									p(null);
+									try {
+										await n(k({ variables: { input: {
+											workItemId: t,
+											body: I
+										} } })), d("");
+									} catch (e) {
+										p(A(e, "The comment could not be posted."));
+									}
+								},
+								disabled: !I || L || j.loading,
+								"data-testid": "comment-post",
+								children: j.loading ? "Posting…" : "Comment"
+							})
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+function P({ comment: e, mine: i }) {
+	let [a, s] = r(!1), [b, x] = r(e.body), [S, C] = r(null), w = {
+		refetchQueries: ["WorkItemComments"],
+		awaitRefetchQueries: !0
+	}, [T, E] = o(O, w), [D, N] = o(k, w);
+	return /* @__PURE__ */ l("li", {
+		className: "rounded-md border p-3 space-y-1",
+		"data-testid": "comment",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between gap-2 text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ l("span", { children: [
+					/* @__PURE__ */ c("span", {
+						className: "font-medium text-foreground",
+						children: /* @__PURE__ */ c(t, { id: e.authorId })
+					}),
+					" ",
+					"· ",
+					j(e.createdAt),
+					e.editedAt && /* @__PURE__ */ c("span", {
+						title: `Edited ${j(e.editedAt)}`,
+						children: " · edited"
+					})
+				] }), i && !a && /* @__PURE__ */ l("span", {
+					className: "flex gap-1",
+					children: [/* @__PURE__ */ c(y, {
+						size: "sm",
+						variant: "ghost",
+						className: "h-6 px-2 text-xs",
+						onClick: () => s(!0),
+						children: "Edit"
+					}), /* @__PURE__ */ l(u, { children: [/* @__PURE__ */ c(v, {
+						asChild: !0,
+						children: /* @__PURE__ */ c(y, {
+							size: "sm",
+							variant: "ghost",
+							className: "h-6 px-2 text-xs",
+							disabled: N.loading,
+							children: "Delete"
+						})
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ c(_, { children: "Delete this comment?" }), /* @__PURE__ */ c(m, { children: "It is removed from the discussion for everyone." })] }), /* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(f, { children: "Keep it" }), /* @__PURE__ */ c(d, {
+						className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+						onClick: async () => {
+							C(null);
+							try {
+								await n(D({ variables: { id: e.id } }));
+							} catch (e) {
+								C(A(e, "The comment could not be deleted."));
+							}
+						},
+						children: "Delete"
+					})] })] })] })]
+				})]
+			}),
+			a ? /* @__PURE__ */ l("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ c("textarea", {
+					"aria-label": "Edit comment",
+					className: "w-full min-h-[60px] rounded-md border border-input bg-background px-3 py-2 text-sm",
+					value: b,
+					onChange: (e) => x(e.target.value)
+				}), /* @__PURE__ */ l("div", {
+					className: "flex justify-end gap-2",
+					children: [/* @__PURE__ */ c(y, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => {
+							s(!1), x(e.body), C(null);
+						},
+						children: "Cancel"
+					}), /* @__PURE__ */ c(y, {
+						size: "sm",
+						onClick: async () => {
+							C(null);
+							try {
+								await n(T({ variables: {
+									id: e.id,
+									body: b.trim()
+								} })), s(!1);
+							} catch (e) {
+								C(A(e, "The comment could not be saved."));
+							}
+						},
+						disabled: !b.trim() || E.loading,
+						children: E.loading ? "Saving…" : "Save"
+					})]
+				})]
+			}) : /* @__PURE__ */ c("p", {
+				className: "text-sm whitespace-pre-wrap break-words",
+				children: e.body
+			}),
+			S && /* @__PURE__ */ c(M, { message: S })
+		]
+	});
+}
+//#endregion
+export { N as WorkItemComments };
+
+//# sourceMappingURL=WorkItemComments.js.map

package/dist/planmagnet/comments/WorkItemComments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkItemComments.js","names":[],"sources":["../../../src/planmagnet/comments/WorkItemComments.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { MessageSquare } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\nimport { throwOnError } from '../utils/mutationResult';\n\n/**\n * Discussion on a work item (P1.4). Anyone who can read the item sees the\n * thread; posting needs edit rights on work items; only a comment's author\n * can edit or delete it. The server enforces all three and says why it refused\n * (shown inline). The controls here only avoid offering what would be refused.\n */\n\nconst MAX_LENGTH = 10_000;\nconst PAGE = 50;\n\nconst COMMENTS = gql`\n  query WorkItemComments($workItemId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetWorkItemComments(workItemId: $workItemId, pagination: $pagination) {\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      items {\n        id\n        authorId\n        body\n        createdAt\n        editedAt\n      }\n    }\n  }\n`;\nconst ADD = gql`\n  mutation WorkItemCommentAdd($input: PlanmagnetAddWorkItemCommentInput!) {\n    planmagnetAddWorkItemComment(input: $input) {\n      id\n    }\n  }\n`;\nconst EDIT = gql`\n  mutation WorkItemCommentEdit($id: ID!, $body: String!) {\n    planmagnetEditWorkItemComment(id: $id, body: $body) {\n      id\n      body\n      editedAt\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation WorkItemCommentDelete($id: ID!) {\n    planmagnetDeleteWorkItemComment(id: $id)\n  }\n`;\n\ninterface Comment {\n  id: string;\n  authorId: string;\n  body: string;\n  createdAt: string;\n  editedAt: string | null;\n}\n\ninterface CommentsData {\n  planmagnetWorkItemComments: {\n    totalCount: number;\n    pageInfo: { hasNextPage: boolean; endCursor: string | null };\n    items: Comment[];\n  };\n}\n\nconst messageOf = (e: unknown, fallback: string) => (e instanceof Error ? e.message : fallback);\nconst when = (iso: string) => new Date(iso).toLocaleString();\n\nfunction ErrorLine({ message }: { message: string }) {\n  return (\n    <p role=\"alert\" className=\"text-sm text-destructive\">\n      {message}\n    </p>\n  );\n}\n\nexport function WorkItemComments({ workItemId }: { workItemId: string }) {\n  const { currentUser } = usePlanMagnet();\n  const [draft, setDraft] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const {\n    data,\n    loading,\n    error: loadError,\n    fetchMore,\n  } = useQuery<CommentsData>(COMMENTS, {\n    variables: { workItemId, pagination: { first: PAGE } },\n    skip: !workItemId,\n  });\n  const refetch = { refetchQueries: ['WorkItemComments'], awaitRefetchQueries: true };\n  const [add, addState] = useMutation(ADD, refetch);\n\n  const thread = data?.planmagnetWorkItemComments;\n  const comments = thread?.items ?? [];\n  const trimmed = draft.trim();\n  const tooLong = trimmed.length > MAX_LENGTH;\n\n  const post = async () => {\n    setError(null);\n    try {\n      await throwOnError(add({ variables: { input: { workItemId, body: trimmed } } }));\n      setDraft('');\n    } catch (e) {\n      setError(messageOf(e, 'The comment could not be posted.'));\n    }\n  };\n\n  const loadMore = async () => {\n    const after = thread?.pageInfo.endCursor;\n    if (!after) return;\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { pagination: { first: PAGE, after } },\n        updateQuery: (prev, { fetchMoreResult }) => ({\n          planmagnetWorkItemComments: {\n            ...fetchMoreResult.planmagnetWorkItemComments,\n            items: [\n              ...prev.planmagnetWorkItemComments.items,\n              ...fetchMoreResult.planmagnetWorkItemComments.items,\n            ],\n          },\n        }),\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  return (\n    <Card data-testid=\"work-item-comments\">\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <MessageSquare className=\"h-4 w-4\" />\n          Discussion {thread ? `(${thread.totalCount})` : ''}\n        </CardTitle>\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading comments…</p>}\n        {loadError && <ErrorLine message={`Comments could not be loaded: ${loadError.message}`} />}\n        {thread && comments.length === 0 && (\n          <p className=\"text-sm text-muted-foreground\">No comments yet.</p>\n        )}\n        <ol className=\"space-y-3\">\n          {comments.map((comment) => (\n            <CommentRow\n              key={comment.id}\n              comment={comment}\n              mine={comment.authorId === currentUser?.id}\n            />\n          ))}\n        </ol>\n        {thread?.pageInfo.hasNextPage && (\n          <Button size=\"sm\" variant=\"outline\" onClick={loadMore} disabled={loadingMore}>\n            {loadingMore ? 'Loading…' : `Show more (${comments.length} of ${thread.totalCount})`}\n          </Button>\n        )}\n        <div className=\"space-y-2 border-t pt-4\">\n          <label htmlFor={`comment-${workItemId}`} className=\"sr-only\">\n            Add a comment\n          </label>\n          <textarea\n            id={`comment-${workItemId}`}\n            className=\"w-full min-h-[80px] rounded-md border border-input bg-background px-3 py-2 text-sm\"\n            placeholder=\"Add a comment…\"\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n          />\n          {tooLong && <ErrorLine message={`A comment can be at most ${MAX_LENGTH} characters.`} />}\n          {error && <ErrorLine message={error} />}\n          <div className=\"flex justify-end\">\n            <Button\n              size=\"sm\"\n              onClick={post}\n              disabled={!trimmed || tooLong || addState.loading}\n              data-testid=\"comment-post\"\n            >\n              {addState.loading ? 'Posting…' : 'Comment'}\n            </Button>\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n\nfunction CommentRow({ comment, mine }: { comment: Comment; mine: boolean }) {\n  const [editing, setEditing] = useState(false);\n  const [text, setText] = useState(comment.body);\n  const [error, setError] = useState<string | null>(null);\n  const refetch = { refetchQueries: ['WorkItemComments'], awaitRefetchQueries: true };\n  const [edit, editState] = useMutation(EDIT, refetch);\n  const [remove, removeState] = useMutation(DELETE, refetch);\n\n  const save = async () => {\n    setError(null);\n    try {\n      await throwOnError(edit({ variables: { id: comment.id, body: text.trim() } }));\n      setEditing(false);\n    } catch (e) {\n      setError(messageOf(e, 'The comment could not be saved.'));\n    }\n  };\n\n  return (\n    <li className=\"rounded-md border p-3 space-y-1\" data-testid=\"comment\">\n      <div className=\"flex items-center justify-between gap-2 text-xs text-muted-foreground\">\n        <span>\n          <span className=\"font-medium text-foreground\">\n            <PersonName id={comment.authorId} />\n          </span>{' '}\n          · {when(comment.createdAt)}\n          {comment.editedAt && <span title={`Edited ${when(comment.editedAt)}`}> · edited</span>}\n        </span>\n        {mine && !editing && (\n          <span className=\"flex gap-1\">\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              className=\"h-6 px-2 text-xs\"\n              onClick={() => setEditing(true)}\n            >\n              Edit\n            </Button>\n            <AlertDialog>\n              <AlertDialogTrigger asChild>\n                <Button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  className=\"h-6 px-2 text-xs\"\n                  disabled={removeState.loading}\n                >\n                  Delete\n                </Button>\n              </AlertDialogTrigger>\n              <AlertDialogContent>\n                <AlertDialogHeader>\n                  <AlertDialogTitle>Delete this comment?</AlertDialogTitle>\n                  <AlertDialogDescription>\n                    It is removed from the discussion for everyone.\n                  </AlertDialogDescription>\n                </AlertDialogHeader>\n                <AlertDialogFooter>\n                  <AlertDialogCancel>Keep it</AlertDialogCancel>\n                  <AlertDialogAction\n                    className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n                    onClick={async () => {\n                      setError(null);\n                      try {\n                        await throwOnError(remove({ variables: { id: comment.id } }));\n                      } catch (e) {\n                        setError(messageOf(e, 'The comment could not be deleted.'));\n                      }\n                    }}\n                  >\n                    Delete\n                  </AlertDialogAction>\n                </AlertDialogFooter>\n              </AlertDialogContent>\n            </AlertDialog>\n          </span>\n        )}\n      </div>\n      {editing ? (\n        <div className=\"space-y-2\">\n          <textarea\n            aria-label=\"Edit comment\"\n            className=\"w-full min-h-[60px] rounded-md border border-input bg-background px-3 py-2 text-sm\"\n            value={text}\n            onChange={(e) => setText(e.target.value)}\n          />\n          <div className=\"flex justify-end gap-2\">\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              onClick={() => {\n                setEditing(false);\n                setText(comment.body);\n                setError(null);\n              }}\n            >\n              Cancel\n            </Button>\n            <Button size=\"sm\" onClick={save} disabled={!text.trim() || editState.loading}>\n              {editState.loading ? 'Saving…' : 'Save'}\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <p className=\"text-sm whitespace-pre-wrap break-words\">{comment.body}</p>\n      )}\n      {error && <ErrorLine message={error} />}\n    </li>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/create/CreateDialogs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateDialogs.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/create/CreateDialogs.tsx"],"names":[],"mappings":"AAoIA,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CAoGzF;AAcD,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CA6F7F"}
+{"version":3,"file":"CreateDialogs.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/create/CreateDialogs.tsx"],"names":[],"mappings":"AAqIA,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CAsGzF;AAcD,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CA+F7F"}