@burdenoff/microfe-planmagnet 2026.1008.2 → 2026.1008.3

package/dist/planmagnet/budgets/BudgetControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BudgetControls.js","names":[],"sources":["../../../src/planmagnet/budgets/BudgetControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Button,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { CheckCircle2, Pencil, Plus, Trash2 } from 'lucide-react';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { ProjectSelect } from '../controls/Pickers';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from '../controls/ConfirmButton';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { toDateInputValue } from '../time/timeShared';\n\n/**\n * Budget controls (BOFF-8047): create a budget, edit it, approve it, delete it.\n *\n * Approval is its own mutation (`planmagnetApproveBudget`), not a plain status change: it is the only write\n * that records who approved a budget and when (`approverId`/`approvedAt` — the service's `approve()`, unlike\n * `update()`, sets both). The status select below therefore never offers APPROVED as a target; moving to it\n * goes through the Approve button so that audit trail is never silently skipped.\n */\n\nexport const BUDGET_STATUSES = ['DRAFT', 'ACTIVE', 'APPROVED', 'EXCEEDED', 'CLOSED'] as const;\n/** Selectable directly. APPROVED is reached only through the dedicated Approve action (see above). */\nconst SELECTABLE_STATUSES = BUDGET_STATUSES.filter((s) => s !== 'APPROVED');\n\nconst BUDGET_QUERIES = [\n  'BudgetsList',\n  'GetBudget',\n  'GetBudgetPerformance',\n  'ProjectBudgetsSummary',\n];\n\nconst CREATE_BUDGET = gql`\n  mutation BudgetControlsCreate($input: PlanmagnetCreateBudgetInput!) {\n    planmagnetCreateBudget(input: $input) {\n      id\n      name\n      status\n      plannedAmount\n      currency\n      createdAt\n    }\n  }\n`;\n\nconst UPDATE_BUDGET = gql`\n  mutation BudgetControlsUpdate($id: ID!, $input: PlanmagnetUpdateBudgetInput!) {\n    planmagnetUpdateBudget(id: $id, input: $input) {\n      id\n      name\n      description\n      status\n      plannedAmount\n      currency\n      periodStart\n      periodEnd\n      updatedAt\n    }\n  }\n`;\n\nconst APPROVE_BUDGET = gql`\n  mutation BudgetControlsApprove($id: ID!) {\n    planmagnetApproveBudget(id: $id) {\n      id\n      status\n      approverId\n      approvedAt\n      updatedAt\n    }\n  }\n`;\n\nconst DELETE_BUDGET = gql`\n  mutation BudgetControlsDelete($id: ID!) {\n    planmagnetDeleteBudget(id: $id)\n  }\n`;\n\nconst FIELD =\n  'mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60';\n\nconst messageOf = (e: unknown, fallback: string) => (e instanceof Error ? e.message : fallback);\n\n/** Create a budget. With `presetProjectId` (the Project Detail entry point) the project picker is skipped. */\nexport function CreateBudgetDialog({\n  presetProjectId,\n  onCreated,\n  triggerSize = 'sm',\n}: {\n  presetProjectId?: string;\n  onCreated?: (id: string) => void;\n  triggerSize?: 'sm' | 'default';\n}) {\n  const empty = {\n    projectId: presetProjectId ?? '',\n    name: '',\n    description: '',\n    plannedAmount: '',\n    currency: 'USD',\n    periodStart: '',\n    periodEnd: '',\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(empty);\n  const [error, setError] = useState<string | null>(null);\n  const [create, { loading }] = useMutation<{ planmagnetCreateBudget: { id: string } }>(\n    CREATE_BUDGET,\n    { refetchQueries: BUDGET_QUERIES, awaitRefetchQueries: true }\n  );\n\n  const invertedLocally = form.periodStart && form.periodEnd && form.periodEnd < form.periodStart;\n  const amount = Number(form.plannedAmount);\n  const canSubmit =\n    !loading &&\n    form.name.trim() !== '' &&\n    !!form.projectId &&\n    Number.isFinite(amount) &&\n    amount >= 0 &&\n    form.currency.trim() !== '' &&\n    !invertedLocally;\n\n  const submit = async () => {\n    setError(null);\n    try {\n      const result = await throwOnError(\n        create({\n          variables: {\n            input: {\n              projectId: form.projectId,\n              name: form.name.trim(),\n              ...(form.description.trim() ? { description: form.description.trim() } : {}),\n              plannedAmount: amount,\n              currency: form.currency.trim().toUpperCase(),\n              ...(form.periodStart ? { periodStart: form.periodStart } : {}),\n              ...(form.periodEnd ? { periodEnd: form.periodEnd } : {}),\n            },\n          },\n        })\n      );\n      const id = result.data?.planmagnetCreateBudget.id;\n      setOpen(false);\n      setForm(empty);\n      if (id) onCreated?.(id);\n    } catch (e) {\n      setError(messageOf(e, 'The budget could not be created.'));\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) setForm(empty);\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size={triggerSize} data-testid=\"new-budget-open\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New budget\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>New budget</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>The budget starts in Draft.</ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          {!presetProjectId && (\n            <div>\n              <label htmlFor=\"new-budget-project\" className=\"text-sm font-medium\">\n                Project\n              </label>\n              <div className=\"mt-1\">\n                <ProjectSelect\n                  id=\"new-budget-project\"\n                  value={form.projectId}\n                  onChange={(projectId) => setForm({ ...form, projectId })}\n                />\n              </div>\n            </div>\n          )}\n          <div>\n            <label htmlFor=\"new-budget-name\" className=\"text-sm font-medium\">\n              Name\n            </label>\n            <Input\n              id=\"new-budget-name\"\n              className=\"mt-1\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"new-budget-amount\" className=\"text-sm font-medium\">\n                Planned amount\n              </label>\n              <Input\n                id=\"new-budget-amount\"\n                className=\"mt-1\"\n                type=\"number\"\n                min=\"0\"\n                step=\"0.01\"\n                inputMode=\"decimal\"\n                value={form.plannedAmount}\n                onChange={(e) => setForm({ ...form, plannedAmount: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"new-budget-currency\" className=\"text-sm font-medium\">\n                Currency\n              </label>\n              <Input\n                id=\"new-budget-currency\"\n                className=\"mt-1\"\n                placeholder=\"USD\"\n                maxLength={3}\n                value={form.currency}\n                onChange={(e) => setForm({ ...form, currency: e.target.value.toUpperCase() })}\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"new-budget-start\" className=\"text-sm font-medium\">\n                Period start (optional)\n              </label>\n              <Input\n                id=\"new-budget-start\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={form.periodStart}\n                onChange={(e) => setForm({ ...form, periodStart: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"new-budget-end\" className=\"text-sm font-medium\">\n                Period end (optional)\n              </label>\n              <Input\n                id=\"new-budget-end\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={form.periodEnd}\n                onChange={(e) => setForm({ ...form, periodEnd: e.target.value })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"new-budget-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"new-budget-description\"\n              className={`${FIELD} min-h-[64px]`}\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          {invertedLocally && (\n            <ErrorLine message=\"The period end cannot be before the period start.\" />\n          )}\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button\n            onClick={() => void submit()}\n            disabled={!canSubmit}\n            data-testid=\"new-budget-submit\"\n          >\n            {loading ? 'Creating…' : 'Create budget'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nexport interface BudgetValues {\n  id: string;\n  name: string;\n  description: string | null;\n  status: string;\n  plannedAmount: number;\n  currency: string;\n  periodStart: string | null;\n  periodEnd: string | null;\n}\n\n/** Status select, Edit, Approve and Delete for the budget detail header. */\nexport function BudgetHeaderActions({ budget }: { budget: BudgetValues }) {\n  const navigate = usePlanMagnetNavigate();\n  const [update, updateState] = useMutation(UPDATE_BUDGET, {\n    refetchQueries: BUDGET_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [approveMutation, approveState] = useMutation(APPROVE_BUDGET, {\n    refetchQueries: BUDGET_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [remove, removeState] = useMutation(DELETE_BUDGET, {\n    refetchQueries: ['BudgetsList', 'ProjectBudgetsSummary'],\n    context: LEAVES_PAGE_CONTEXT,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = updateState.loading || approveState.loading || removeState.loading;\n  const statusOptions = SELECTABLE_STATUSES.includes(\n    budget.status as (typeof SELECTABLE_STATUSES)[number]\n  )\n    ? SELECTABLE_STATUSES\n    : [budget.status, ...SELECTABLE_STATUSES];\n\n  const onStatus = async (status: string) => {\n    setError(null);\n    try {\n      await throwOnError(update({ variables: { id: budget.id, input: { status } } }));\n    } catch (e) {\n      setError(messageOf(e, 'The status could not be changed.'));\n    }\n  };\n  const onApprove = async () => {\n    setError(null);\n    try {\n      await throwOnError(approveMutation({ variables: { id: budget.id } }));\n    } catch (e) {\n      setError(messageOf(e, 'The budget could not be approved.'));\n    }\n  };\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: budget.id } }));\n      navigate('/projects/budgets-page');\n    } catch (e) {\n      setError(messageOf(e, 'The budget could not be deleted.'));\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-2\">\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        <select\n          aria-label=\"Status\"\n          data-testid=\"budget-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={budget.status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== budget.status) void onStatus(e.target.value);\n          }}\n        >\n          {statusOptions.map((s) => (\n            <option key={s} value={s}>\n              {enumLabel(s)}\n            </option>\n          ))}\n        </select>\n        {budget.status !== 'APPROVED' && budget.status !== 'CLOSED' && (\n          <Button size=\"sm\" variant=\"outline\" disabled={busy} onClick={() => void onApprove()}>\n            <CheckCircle2 className=\"mr-1 h-4 w-4\" />\n            Approve\n          </Button>\n        )}\n        <BudgetEditDialog budget={budget} />\n        <ConfirmButton\n          label=\"Delete\"\n          variant=\"outline\"\n          icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n          title={`Delete \"${budget.name}\"?`}\n          description=\"The budget and its logged expenses are removed. This cannot be undone here.\"\n          confirmLabel=\"Delete budget\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/** Name, description, planned amount, currency and period. Only changed fields are sent. */\nfunction BudgetEditDialog({ budget }: { budget: BudgetValues }) {\n  const initial = {\n    name: budget.name,\n    description: budget.description ?? '',\n    plannedAmount: String(budget.plannedAmount),\n    currency: budget.currency,\n    periodStart: toDateInputValue(budget.periodStart),\n    periodEnd: toDateInputValue(budget.periodEnd),\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(initial);\n  const [error, setError] = useState<string | null>(null);\n  const [update, state] = useMutation(UPDATE_BUDGET, {\n    refetchQueries: BUDGET_QUERIES,\n    awaitRefetchQueries: true,\n  });\n\n  const amount = Number(form.plannedAmount);\n  const invertedLocally = form.periodStart && form.periodEnd && form.periodEnd < form.periodStart;\n  const canSubmit =\n    !state.loading &&\n    form.name.trim() !== '' &&\n    Number.isFinite(amount) &&\n    amount >= 0 &&\n    !invertedLocally;\n\n  const save = async () => {\n    setError(null);\n    const input: Record<string, unknown> = {};\n    if (form.name.trim() !== initial.name) input.name = form.name.trim();\n    if (form.description.trim() !== initial.description.trim())\n      input.description = form.description.trim() || null;\n    if (amount !== budget.plannedAmount) input.plannedAmount = amount;\n    if (form.currency.trim().toUpperCase() !== initial.currency)\n      input.currency = form.currency.trim().toUpperCase();\n    if (form.periodStart !== initial.periodStart) input.periodStart = form.periodStart || null;\n    if (form.periodEnd !== initial.periodEnd) input.periodEnd = form.periodEnd || null;\n    if (Object.keys(input).length === 0) {\n      setOpen(false);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: budget.id, input } }));\n      setOpen(false);\n    } catch (e) {\n      setError(messageOf(e, 'The budget could not be saved.'));\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) setForm(initial);\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" data-testid=\"budget-edit\">\n          <Pencil className=\"mr-1 h-4 w-4\" />\n          Edit\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit budget</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Change the name, amount, currency, period or description.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"edit-budget-name\" className=\"text-sm font-medium\">\n              Name\n            </label>\n            <Input\n              id=\"edit-budget-name\"\n              className=\"mt-1\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"edit-budget-amount\" className=\"text-sm font-medium\">\n                Planned amount\n              </label>\n              <Input\n                id=\"edit-budget-amount\"\n                className=\"mt-1\"\n                type=\"number\"\n                min=\"0\"\n                step=\"0.01\"\n                inputMode=\"decimal\"\n                value={form.plannedAmount}\n                onChange={(e) => setForm({ ...form, plannedAmount: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"edit-budget-currency\" className=\"text-sm font-medium\">\n                Currency\n              </label>\n              <Input\n                id=\"edit-budget-currency\"\n                className=\"mt-1\"\n                maxLength={3}\n                value={form.currency}\n                onChange={(e) => setForm({ ...form, currency: e.target.value.toUpperCase() })}\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"edit-budget-start\" className=\"text-sm font-medium\">\n                Period start\n              </label>\n              <Input\n                id=\"edit-budget-start\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={form.periodStart}\n                onChange={(e) => setForm({ ...form, periodStart: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"edit-budget-end\" className=\"text-sm font-medium\">\n                Period end\n              </label>\n              <Input\n                id=\"edit-budget-end\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={form.periodEnd}\n                onChange={(e) => setForm({ ...form, periodEnd: e.target.value })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"edit-budget-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"edit-budget-description\"\n              className={`${FIELD} min-h-[64px]`}\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          {invertedLocally && (\n            <ErrorLine message=\"The period end cannot be before the period start.\" />\n          )}\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button onClick={() => void save()} disabled={!canSubmit} data-testid=\"edit-budget-save\">\n            {state.loading ? 'Saving…' : 'Save'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/budgets/ExpenseControls.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpenseControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/budgets/ExpenseControls.tsx"],"names":[],"mappings":"AAoEA,uCAAuC;AACvC,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,cAAc,GACf,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,2CAwKA;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,4GAA4G;AAC5G,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,cAAc,GACf,EAAE;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,2CA+IA;AAED,4CAA4C;AAC5C,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,WAAW,EACX,cAAc,GACf,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,2CAiCA"}

package/dist/planmagnet/budgets/ExpenseControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpenseControls.js","names":[],"sources":["../../../src/planmagnet/budgets/ExpenseControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Button,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { Pencil, Plus, Trash2 } from 'lucide-react';\nimport { WorkItemSearchSelect } from '../controls/Pickers';\nimport { throwOnError } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from '../controls/ConfirmButton';\nimport { todayInputValue, toDateInputValue } from '../time/timeShared';\n\n/**\n * Expense controls (BOFF-8047): log an expense against a budget, edit one, delete one.\n *\n * `spentAmount` on the parent budget is maintained by the SERVICE (increment on log, adjust on edit,\n * decrement on delete — `BudgetService.logExpense`/`updateExpense`/`deleteExpense`), inside a transaction\n * for edit. This UI never computes or sends a budget total itself; it only refetches the budget after a\n * write so the meter reflects the server's number.\n */\n\nconst LOG_EXPENSE = gql`\n  mutation ExpenseControlsLog($input: PlanmagnetLogExpenseInput!) {\n    planmagnetLogExpense(input: $input) {\n      id\n      budgetId\n      description\n      amount\n      category\n      date\n      workItemId\n      referenceUrl\n      createdAt\n    }\n  }\n`;\n\nconst UPDATE_EXPENSE = gql`\n  mutation ExpenseControlsUpdate($id: ID!, $input: PlanmagnetUpdateExpenseInput!) {\n    planmagnetUpdateExpense(id: $id, input: $input) {\n      id\n      description\n      amount\n      category\n      date\n      workItemId\n      referenceUrl\n      updatedAt\n    }\n  }\n`;\n\nconst DELETE_EXPENSE = gql`\n  mutation ExpenseControlsDelete($id: ID!) {\n    planmagnetDeleteExpense(id: $id)\n  }\n`;\n\nconst messageOf = (e: unknown, fallback: string) => (e instanceof Error ? e.message : fallback);\n\n/** Log an expense against a budget. */\nexport function LogExpenseDialog({\n  budgetId,\n  projectId,\n  refetchQueries,\n}: {\n  budgetId: string;\n  /** Narrows the optional \"work item\" search to the budget's own project, when known. */\n  projectId?: string;\n  refetchQueries: string[];\n}) {\n  const empty = {\n    description: '',\n    amount: '',\n    category: '',\n    date: todayInputValue(),\n    workItemId: '',\n    referenceUrl: '',\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(empty);\n  const [error, setError] = useState<string | null>(null);\n  const [log, { loading }] = useMutation(LOG_EXPENSE, {\n    refetchQueries,\n    awaitRefetchQueries: true,\n  });\n\n  const amount = Number(form.amount);\n  const canSubmit =\n    !loading &&\n    form.description.trim() !== '' &&\n    Number.isFinite(amount) &&\n    amount >= 0 &&\n    !!form.date;\n\n  const submit = async () => {\n    setError(null);\n    try {\n      await throwOnError(\n        log({\n          variables: {\n            input: {\n              budgetId,\n              description: form.description.trim(),\n              amount,\n              date: form.date,\n              ...(form.category.trim() ? { category: form.category.trim() } : {}),\n              ...(form.workItemId ? { workItemId: form.workItemId } : {}),\n              ...(form.referenceUrl.trim() ? { referenceUrl: form.referenceUrl.trim() } : {}),\n            },\n          },\n        })\n      );\n      setOpen(false);\n      setForm(empty);\n    } catch (e) {\n      setError(messageOf(e, 'The expense could not be logged.'));\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) setForm(empty);\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" data-testid=\"log-expense-open\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          Log expense\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Log an expense</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Logged against this budget; its spent total updates immediately.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"log-expense-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <Input\n              id=\"log-expense-description\"\n              className=\"mt-1\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"log-expense-amount\" className=\"text-sm font-medium\">\n                Amount\n              </label>\n              <Input\n                id=\"log-expense-amount\"\n                className=\"mt-1\"\n                type=\"number\"\n                min=\"0\"\n                step=\"0.01\"\n                inputMode=\"decimal\"\n                value={form.amount}\n                onChange={(e) => setForm({ ...form, amount: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"log-expense-date\" className=\"text-sm font-medium\">\n                Date\n              </label>\n              <Input\n                id=\"log-expense-date\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={form.date}\n                onChange={(e) => setForm({ ...form, date: e.target.value })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"log-expense-category\" className=\"text-sm font-medium\">\n              Category (optional)\n            </label>\n            <Input\n              id=\"log-expense-category\"\n              className=\"mt-1\"\n              placeholder=\"e.g. Travel, Software, Contractors\"\n              value={form.category}\n              onChange={(e) => setForm({ ...form, category: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"log-expense-work-item\" className=\"text-sm font-medium\">\n              Work item (optional)\n            </label>\n            <div className=\"mt-1\">\n              <WorkItemSearchSelect\n                id=\"log-expense-work-item\"\n                projectId={projectId}\n                value={form.workItemId}\n                onChange={(workItemId) => setForm({ ...form, workItemId })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"log-expense-reference\" className=\"text-sm font-medium\">\n              Receipt / reference URL (optional)\n            </label>\n            <Input\n              id=\"log-expense-reference\"\n              className=\"mt-1\"\n              type=\"url\"\n              placeholder=\"https://…\"\n              value={form.referenceUrl}\n              onChange={(e) => setForm({ ...form, referenceUrl: e.target.value })}\n            />\n          </div>\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button\n            onClick={() => void submit()}\n            disabled={!canSubmit}\n            data-testid=\"log-expense-submit\"\n          >\n            {loading ? 'Logging…' : 'Log expense'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nexport interface ExpenseValues {\n  id: string;\n  description: string;\n  amount: number;\n  category: string | null;\n  date: string;\n  referenceUrl: string | null;\n}\n\n/** Edit an expense's description, amount, category, date or reference URL. Only changed fields are sent. */\nexport function EditExpenseDialog({\n  expense,\n  refetchQueries,\n}: {\n  expense: ExpenseValues;\n  refetchQueries: string[];\n}) {\n  const initial = {\n    description: expense.description,\n    amount: String(expense.amount),\n    category: expense.category ?? '',\n    date: toDateInputValue(expense.date),\n    referenceUrl: expense.referenceUrl ?? '',\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(initial);\n  const [error, setError] = useState<string | null>(null);\n  const [update, { loading }] = useMutation(UPDATE_EXPENSE, {\n    refetchQueries,\n    awaitRefetchQueries: true,\n  });\n\n  const amount = Number(form.amount);\n  const canSubmit =\n    !loading && form.description.trim() !== '' && Number.isFinite(amount) && amount >= 0;\n\n  const save = async () => {\n    setError(null);\n    const input: Record<string, unknown> = {};\n    if (form.description.trim() !== initial.description)\n      input.description = form.description.trim();\n    if (amount !== expense.amount) input.amount = amount;\n    if (form.category.trim() !== initial.category.trim())\n      input.category = form.category.trim() || null;\n    if (form.date !== initial.date) input.date = form.date;\n    if (form.referenceUrl.trim() !== initial.referenceUrl.trim())\n      input.referenceUrl = form.referenceUrl.trim() || null;\n    if (Object.keys(input).length === 0) {\n      setOpen(false);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: expense.id, input } }));\n      setOpen(false);\n    } catch (e) {\n      setError(messageOf(e, 'The expense could not be saved.'));\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) setForm(initial);\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          aria-label={`Edit ${expense.description}`}\n          data-testid=\"expense-edit\"\n        >\n          <Pencil className=\"h-4 w-4\" />\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit expense</ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"edit-expense-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <Input\n              id=\"edit-expense-description\"\n              className=\"mt-1\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"edit-expense-amount\" className=\"text-sm font-medium\">\n                Amount\n              </label>\n              <Input\n                id=\"edit-expense-amount\"\n                className=\"mt-1\"\n                type=\"number\"\n                min=\"0\"\n                step=\"0.01\"\n                inputMode=\"decimal\"\n                value={form.amount}\n                onChange={(e) => setForm({ ...form, amount: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"edit-expense-date\" className=\"text-sm font-medium\">\n                Date\n              </label>\n              <Input\n                id=\"edit-expense-date\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={form.date}\n                onChange={(e) => setForm({ ...form, date: e.target.value })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"edit-expense-category\" className=\"text-sm font-medium\">\n              Category\n            </label>\n            <Input\n              id=\"edit-expense-category\"\n              className=\"mt-1\"\n              value={form.category}\n              onChange={(e) => setForm({ ...form, category: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"edit-expense-reference\" className=\"text-sm font-medium\">\n              Receipt / reference URL\n            </label>\n            <Input\n              id=\"edit-expense-reference\"\n              className=\"mt-1\"\n              type=\"url\"\n              value={form.referenceUrl}\n              onChange={(e) => setForm({ ...form, referenceUrl: e.target.value })}\n            />\n          </div>\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button onClick={() => void save()} disabled={!canSubmit} data-testid=\"edit-expense-save\">\n            {loading ? 'Saving…' : 'Save'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n/** Delete an expense, with confirmation. */\nexport function DeleteExpenseButton({\n  id,\n  description,\n  refetchQueries,\n}: {\n  id: string;\n  description: string;\n  refetchQueries: string[];\n}) {\n  const [remove, { loading }] = useMutation(DELETE_EXPENSE, {\n    refetchQueries,\n    awaitRefetchQueries: true,\n  });\n  const [error, setError] = useState<string | null>(null);\n\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id } }));\n    } catch (e) {\n      setError(messageOf(e, 'The expense could not be deleted.'));\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <ConfirmButton\n        label=\"\"\n        ariaLabel={`Delete ${description}`}\n        variant=\"outline\"\n        icon={<Trash2 className=\"h-4 w-4\" />}\n        title=\"Delete this expense?\"\n        description=\"The budget's spent total is adjusted back down. This cannot be undone here.\"\n        confirmLabel=\"Delete expense\"\n        destructive\n        disabled={loading}\n        onConfirm={() => void onDelete()}\n      />\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/budgets/ProjectBudgetsSummary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProjectBudgetsSummary.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/budgets/ProjectBudgetsSummary.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,SAAS,GACV,EAAE;IACD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB,2CA+EA"}

package/dist/planmagnet/budgets/ProjectBudgetsSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProjectBudgetsSummary.js","names":[],"sources":["../../../src/planmagnet/budgets/ProjectBudgetsSummary.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { ArrowRight, Wallet } from 'lucide-react';\nimport { budgetState, budgetUsage, BUDGET_STATE_STYLE, money } from './budgetMath';\nimport { CreateBudgetDialog } from './BudgetControls';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\n\n/**\n * The Project Detail entry point into Budgets (BOFF-8047, rule 2): a budget is a per-project record, and a\n * PM opens a project expecting to see (and start) its budget from there, not only from a separate top-level\n * list. Shows up to 3 budgets with their meter; \"View all\" carries the project filter into the full page.\n */\n\nconst PROJECT_BUDGETS = gql`\n  query ProjectBudgetsSummary($workspaceId: ID!, $projectId: String!) {\n    planmagnetBudgets(\n      workspaceId: $workspaceId\n      filter: { projectId: $projectId }\n      pagination: { first: 3 }\n    ) {\n      items {\n        id\n        name\n        status\n        plannedAmount\n        spentAmount\n        currency\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface BudgetRow {\n  id: string;\n  name: string;\n  status: string;\n  plannedAmount: number;\n  spentAmount: number;\n  currency: string;\n}\n\nexport function ProjectBudgetsSummary({\n  workspaceId,\n  projectId,\n}: {\n  workspaceId?: string | null;\n  projectId: string;\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const { data, loading, error } = useQuery<{\n    planmagnetBudgets: { items: BudgetRow[]; totalCount: number };\n  }>(PROJECT_BUDGETS, {\n    variables: { workspaceId, projectId },\n    skip: !workspaceId || !projectId,\n  });\n\n  const budgets = data?.planmagnetBudgets.items ?? [];\n  const total = data?.planmagnetBudgets.totalCount ?? 0;\n  const viewAll = () =>\n    navigate(`/projects/budgets-page?projectId=${encodeURIComponent(projectId)}`);\n\n  return (\n    <Card>\n      <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n        <CardTitle className=\"flex items-center gap-2\">\n          <Wallet className=\"h-4 w-4\" />\n          Budget{total === 1 ? '' : 's'} {data ? `(${total})` : ''}\n        </CardTitle>\n        <CreateBudgetDialog\n          presetProjectId={projectId}\n          onCreated={(id) => navigate(detailPath('/projects/budget-detail-page', id))}\n          triggerSize=\"sm\"\n        />\n      </CardHeader>\n      <CardContent className=\"space-y-2\">\n        {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading…</p>}\n        {error && (\n          <p role=\"alert\" className=\"text-sm text-destructive\">\n            Budgets could not be loaded: {error.message}\n          </p>\n        )}\n        {data && budgets.length === 0 && (\n          <p className=\"text-sm text-muted-foreground\">No budget for this project yet.</p>\n        )}\n        {budgets.map((budget) => {\n          const usage = budgetUsage(budget.plannedAmount, budget.spentAmount);\n          const state = budgetState(usage);\n          const style = BUDGET_STATE_STYLE[state];\n          const percent = usage === null ? null : Math.round(usage * 100);\n          return (\n            <button\n              key={budget.id}\n              type=\"button\"\n              className=\"block w-full rounded-md border p-2 text-left hover:border-primary transition-colors\"\n              onClick={() => navigate(detailPath('/projects/budget-detail-page', budget.id))}\n            >\n              <div className=\"flex items-center justify-between gap-2 text-sm\">\n                <span className=\"truncate font-medium\">{budget.name}</span>\n                <span className=\"shrink-0 tabular-nums text-muted-foreground\">\n                  {money(budget.spentAmount, budget.currency)} /{' '}\n                  {money(budget.plannedAmount, budget.currency)}\n                </span>\n              </div>\n              <div className={`mt-1.5 h-1.5 w-full overflow-hidden rounded-full ${style.track}`}>\n                <div\n                  className={`h-full rounded-full ${style.fill}`}\n                  style={{ width: `${Math.min(percent ?? 0, 100)}%` }}\n                />\n              </div>\n            </button>\n          );\n        })}\n        {total > 0 && (\n          <Button\n            size=\"sm\"\n            variant=\"ghost\"\n            className=\"mt-1 w-full justify-between\"\n            onClick={viewAll}\n          >\n            View all budgets\n            <ArrowRight className=\"h-4 w-4\" />\n          </Button>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,IAAM,IAAkB,CAAG;;;;;;;;;;;;;;;;;;;AA6B3B,SAAgB,EAAsB,EACpC,gBACA,gBAIC;CACD,IAAM,IAAW,GAAuB,EAClC,EAAE,SAAM,YAAS,aAAU,EAE9B,GAAiB;EAClB,WAAW;GAAE;GAAa;GAAW;EACrC,MAAM,CAAC,KAAe,CAAC;EACxB,CAAC,EAEI,IAAU,GAAM,kBAAkB,SAAS,EAAE,EAC7C,IAAQ,GAAM,kBAAkB,cAAc;AAIpD,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,WAAU;YAAtB,CACE,kBAAC,GAAD;GAAW,WAAU;aAArB;IACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;;IACvB,MAAU,IAAI,KAAK;IAAI;IAAE,IAAO,IAAI,EAAM,KAAK;IAC5C;MACZ,kBAAC,GAAD;GACE,iBAAiB;GACjB,YAAY,MAAO,EAAS,EAAW,gCAAgC,EAAG,CAAC;GAC3E,aAAY;GACZ,CAAA,CACS;KACb,kBAAC,GAAD;EAAa,WAAU;YAAvB;GACG,KAAW,CAAC,KAAQ,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAAY,CAAA;GAC7E,KACC,kBAAC,KAAD;IAAG,MAAK;IAAQ,WAAU;cAA1B,CAAqD,iCACrB,EAAM,QAClC;;GAEL,KAAQ,EAAQ,WAAW,KAC1B,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAAmC,CAAA;GAEjF,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAQ,EAAY,EAAO,eAAe,EAAO,YAAY,EAE7D,IAAQ,EADA,EAAY,EAAM,GAE1B,IAAU,MAAU,OAAO,OAAO,KAAK,MAAM,IAAQ,IAAI;AAC/D,WACE,kBAAC,UAAD;KAEE,MAAK;KACL,WAAU;KACV,eAAe,EAAS,EAAW,gCAAgC,EAAO,GAAG,CAAC;eAJhF,CAME,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAwB,EAAO;OAAY,CAAA,EAC3D,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACG,EAAM,EAAO,aAAa,EAAO,SAAS;QAAC;QAAG;QAC9C,EAAM,EAAO,eAAe,EAAO,SAAS;QACxC;SACH;SACN,kBAAC,OAAD;MAAK,WAAW,oDAAoD,EAAM;gBACxE,kBAAC,OAAD;OACE,WAAW,uBAAuB,EAAM;OACxC,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,KAAW,GAAG,IAAI,CAAC,IAAI;OACnD,CAAA;MACE,CAAA,CACC;OAlBF,EAAO,GAkBL;KAEX;GACD,IAAQ,KACP,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,WAAU;IACV,eA1DR,EAAS,oCAAoC,mBAAmB,EAAU,GAAG;cAsDvE,CAKC,oBAEC,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,CAC3B;;GAEC;IACT,EAAA,CAAA"}

package/dist/planmagnet/budgets/budgetMath.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"budgetMath.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/budgets/budgetMath.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C;;;;;;;GAOG;AAEH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;AAEhF,gFAAgF;AAChF,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGzE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,WAAW,CAM7D;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CACrC,WAAW,EACX;IACE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACrE,IAAI,EAAE,MAAM,CAAC;CACd,CA0BF,CAAC;AAEF,kHAAkH;AAClH,wBAAgB,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAW9D"}

package/dist/planmagnet/budgets/budgetMath.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"budgetMath.js","names":[],"sources":["../../../src/planmagnet/budgets/budgetMath.ts"],"sourcesContent":["import type { ComponentType } from 'react';\nimport { AlertOctagon, AlertTriangle, CheckCircle2, CircleDashed } from 'lucide-react';\n\n/**\n * Budget math and the meter's visual language, shared by every screen that shows a\n * budget's spend against its plan: the Analytics \"Budget performance\" card\n * (`analytics/DeliveryHealthCards.tsx`) and the Budgets list/detail pages (BOFF-8047).\n *\n * Kept in one place so the two surfaces can never disagree about what \"near limit\" or\n * \"over budget\" means — they read the same thresholds and the same colour/icon pairing.\n */\n\nexport type BudgetState = 'no-plan' | 'on-track' | 'near-limit' | 'over-budget';\n\n/** Share of the plan spent; `null` when there is no plan to measure against. */\nexport function budgetUsage(planned: number, spent: number): number | null {\n  if (!Number.isFinite(planned) || planned <= 0) return null;\n  return spent / planned;\n}\n\nexport function budgetState(usage: number | null): BudgetState {\n  // Without a plan there is nothing to be on track AGAINST — say so, rather\n  // than reporting a comforting \"On track\" the numbers cannot support.\n  if (usage === null) return 'no-plan';\n  if (usage <= 0.85) return 'on-track';\n  return usage <= 1 ? 'near-limit' : 'over-budget';\n}\n\nexport const BUDGET_STATE_STYLE: Record<\n  BudgetState,\n  {\n    track: string;\n    fill: string;\n    icon: ComponentType<{ className?: string; 'aria-hidden'?: boolean }>;\n    text: string;\n  }\n> = {\n  'no-plan': {\n    track: 'bg-muted',\n    fill: 'bg-muted',\n    icon: CircleDashed,\n    text: 'text-muted-foreground',\n  },\n  'on-track': {\n    track: 'bg-primary/15',\n    fill: 'bg-primary',\n    icon: CheckCircle2,\n    text: 'text-muted-foreground',\n  },\n  'near-limit': {\n    track: 'bg-status-warning-subtle',\n    fill: 'bg-status-warning',\n    icon: AlertTriangle,\n    text: 'text-status-warning-text',\n  },\n  'over-budget': {\n    track: 'bg-status-error-subtle',\n    fill: 'bg-status-error',\n    icon: AlertOctagon,\n    text: 'text-status-error-text',\n  },\n};\n\n/** Money, in the budget's own currency. Falls back to a plain number when the currency code is not recognised. */\nexport function money(amount: number, currency: string): string {\n  try {\n    return new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency,\n      maximumFractionDigits: 0,\n    }).format(amount);\n  } catch {\n    // An unrecognised currency code must not blank the whole table.\n    return `${Math.round(amount).toLocaleString()} ${currency}`;\n  }\n}\n"],"mappings":";;AAeA,SAAgB,EAAY,GAAiB,GAA8B;AAEzE,QADI,CAAC,OAAO,SAAS,EAAQ,IAAI,KAAW,IAAU,OAC/C,IAAQ;;AAGjB,SAAgB,EAAY,GAAmC;AAK7D,QAFI,MAAU,OAAa,YACvB,KAAS,MAAa,aACnB,KAAS,IAAI,eAAe;;AAGrC,IAAa,IAQT;CACF,WAAW;EACT,OAAO;EACP,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD,YAAY;EACV,OAAO;EACP,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD,cAAc;EACZ,OAAO;EACP,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD,eAAe;EACb,OAAO;EACP,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACF;AAGD,SAAgB,EAAM,GAAgB,GAA0B;AAC9D,KAAI;AACF,SAAO,IAAI,KAAK,aAAa,KAAA,GAAW;GACtC,OAAO;GACP;GACA,uBAAuB;GACxB,CAAC,CAAC,OAAO,EAAO;SACX;AAEN,SAAO,GAAG,KAAK,MAAM,EAAO,CAAC,gBAAgB,CAAC,GAAG"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommentAttachmentUpload.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/CommentAttachmentUpload.tsx"],"names":[],"mappings":"AA0CA,MAAM,WAAW,4BAA4B;IAC3C,sGAAsG;IACtG,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;iHAC6G;IAC7G,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,2CA2P9B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommentAttachmentUpload.js","names":[],"sources":["../../../src/planmagnet/comments/CommentAttachmentUpload.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport { Loader2, Paperclip, X } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { formatBytes, mimeTypeIcon } from './fileDisplay';\nimport {\n  MAX_COMMENT_ATTACHMENT_BYTES,\n  UploadCompletionUncertainError,\n  commentUploadErrorMessage,\n  createCommentAttachmentUploadTransport,\n  retryCommentAttachmentCompletion,\n  uploadCommentAttachment,\n  type CompletionSession,\n} from './commentAttachmentUploadClient';\n\n/**\n * CWF-12: Upload add/reply attachments into the creator's PRIVATE Files root, not a shared\n * path-based folder. Files chooses direct or multipart at 5 MiB; completion retries only\n * against the original session. Errors remain visible and block posting until resolved.\n */\n\n/** Mirrors `PlanmagnetAdd*CommentInput`'s server-side ten-file cap. */\nconst MAX_ATTACHMENTS = 10;\n\ntype AttachmentStatus = 'queued' | 'uploading' | 'finalizing' | 'ready' | 'error';\n\ninterface PendingAttachment {\n  tempId: string;\n  file: File;\n  status: AttachmentStatus;\n  error: string | null;\n  fileId: string | null;\n  /** Only retained after an ambiguous completion; retry must never re-upload the bytes. */\n  completionSession: CompletionSession | null;\n}\n\nlet tempSeq = 0;\nfunction nextTempId(): string {\n  tempSeq += 1;\n  return `pending-attachment-${Date.now()}-${tempSeq}`;\n}\n\nexport interface CommentAttachmentUploadState {\n  /** Successfully-uploaded file ids, in attach order — pass straight through as `attachmentFileIds`. */\n  fileIds: string[];\n  /** True while an attachment is queued, uploading, finalizing, failed, or a selection was rejected.\n   * The composer must not post until the author retries/removes failures or dismisses a rejected selection. */\n  pending: boolean;\n}\n\nexport interface CommentAttachmentUploadProps {\n  onChange: (state: CommentAttachmentUploadState) => void;\n  onInsertImage?: (fileId: string, filename: string) => void;\n  onRemoveImage?: (fileId: string) => void;\n  disabled?: boolean;\n  idPrefix: string;\n}\n\nexport function CommentAttachmentUpload({\n  onChange,\n  onInsertImage,\n  onRemoveImage,\n  disabled,\n  idPrefix,\n}: CommentAttachmentUploadProps) {\n  const client = useApolloClient();\n  const transport = useMemo(() => createCommentAttachmentUploadTransport(client), [client]);\n  const inputRef = useRef<HTMLInputElement>(null);\n  // `items` is what renders. `itemsRef` mirrors it in lockstep (every `commit` below writes both) purely so the\n  // sequential upload loop — running across `await` boundaries, outside any render — always reads what is\n  // actually attached right now (including files attached mid-upload, or removed while their own upload is\n  // still in flight) instead of a stale closure over the array from when the loop began. `itemsRef` is never\n  // read from the render body: `react-hooks/refs` (this repo's full React Compiler lint set) rejects that, and\n  // correctly — a ref read during render isn't reactive, so React would have no reason to re-render on it.\n  const [items, setItems] = useState<PendingAttachment[]>([]);\n  const [selectionError, setSelectionError] = useState<string | null>(null);\n  const selectionErrorRef = useRef<string | null>(null);\n  const itemsRef = useRef<PendingAttachment[]>([]);\n  const uploadingRef = useRef(false);\n  const mountedRef = useRef(false);\n  const controllersRef = useRef(new Map<string, AbortController>());\n\n  useEffect(() => {\n    mountedRef.current = true;\n    const controllers = controllersRef.current;\n    return () => {\n      mountedRef.current = false;\n      controllers.forEach((controller) => controller.abort());\n      controllers.clear();\n    };\n  }, []);\n\n  const commit = (next: PendingAttachment[]) => {\n    if (!mountedRef.current) return;\n    itemsRef.current = next;\n    setItems(next);\n    onChange({\n      fileIds: next.flatMap((item) =>\n        item.status === 'ready' && item.fileId ? [item.fileId] : []\n      ),\n      pending: selectionErrorRef.current !== null || next.some((item) => item.status !== 'ready'),\n    });\n  };\n\n  const runQueue = async () => {\n    if (uploadingRef.current) return; // Already draining — that loop will pick up anything just added.\n    uploadingRef.current = true;\n    try {\n      for (;;) {\n        if (!mountedRef.current) break;\n        const next = itemsRef.current.find((item) => item.status === 'queued');\n        if (!next) break;\n        const controller = new AbortController();\n        controllersRef.current.set(next.tempId, controller);\n        commit(\n          itemsRef.current.map(\n            (item): PendingAttachment =>\n              item.tempId === next.tempId\n                ? { ...item, status: next.completionSession ? 'finalizing' : 'uploading' }\n                : item\n          )\n        );\n        try {\n          const fileId = next.completionSession\n            ? await retryCommentAttachmentCompletion(\n                next.completionSession,\n                transport,\n                controller.signal\n              )\n            : await uploadCommentAttachment(next.file, transport, controller.signal, () => {\n                commit(\n                  itemsRef.current.map(\n                    (item): PendingAttachment =>\n                      item.tempId === next.tempId ? { ...item, status: 'finalizing' } : item\n                  )\n                );\n              });\n          // No-op if the attachment was removed during its upload. Finalization cannot be safely\n          // canceled after the mutation has been sent, so Remove is disabled while finalizing.\n          commit(\n            itemsRef.current.map(\n              (item): PendingAttachment =>\n                item.tempId === next.tempId\n                  ? { ...item, status: 'ready', fileId, error: null, completionSession: null }\n                  : item\n            )\n          );\n        } catch (error) {\n          if (!controller.signal.aborted || error instanceof UploadCompletionUncertainError) {\n            commit(\n              itemsRef.current.map(\n                (item): PendingAttachment =>\n                  item.tempId === next.tempId\n                    ? {\n                        ...item,\n                        status: 'error',\n                        error: commentUploadErrorMessage(error),\n                        completionSession:\n                          error instanceof UploadCompletionUncertainError\n                            ? error.session\n                            : item.completionSession,\n                      }\n                    : item\n              )\n            );\n          }\n        } finally {\n          controllersRef.current.delete(next.tempId);\n        }\n      }\n    } finally {\n      uploadingRef.current = false;\n    }\n  };\n\n  // Render-time derivation from `items` (state), never from `itemsRef` — see the comment on `itemsRef` above.\n  const countedTowardCap = items.filter((i) => i.status !== 'error').length;\n  const atCap = countedTowardCap >= MAX_ATTACHMENTS;\n\n  const handleFiles = (files: FileList | null) => {\n    if (!files || files.length === 0) return;\n    // Reads itemsRef (not `items`/`countedTowardCap`) deliberately: this handler can fire again before a\n    // previous commit's re-render has landed, and itemsRef is always the latest value, synchronously.\n    const roomLeft =\n      MAX_ATTACHMENTS - itemsRef.current.filter((item) => item.status !== 'error').length;\n    const selected = Array.from(files);\n    const allowed = selected.filter((file) => file.size <= MAX_COMMENT_ATTACHMENT_BYTES);\n    const queued: PendingAttachment[] = allowed.slice(0, Math.max(0, roomLeft)).map((file) => ({\n      tempId: nextTempId(),\n      file,\n      status: 'queued',\n      error: null,\n      fileId: null,\n      completionSession: null,\n    }));\n    const rejectedForSize = selected.length !== allowed.length;\n    const rejectedForCount = allowed.length > queued.length;\n    const rejection =\n      [\n        rejectedForSize\n          ? `Each attachment must be at most ${formatBytes(MAX_COMMENT_ATTACHMENT_BYTES)}. The larger files were not attached.`\n          : null,\n        rejectedForCount\n          ? `Only ${MAX_ATTACHMENTS} attachments can be added to one comment. The extra files were not attached.`\n          : null,\n      ]\n        .filter(Boolean)\n        .join(' ') || null;\n    // A rejected selection remains visible (and blocks posting) even if a later\n    // selection succeeds. The author must explicitly dismiss the omitted files.\n    if (rejection) {\n      const previous = selectionErrorRef.current;\n      selectionErrorRef.current =\n        previous && !previous.includes(rejection)\n          ? `${previous} ${rejection}`\n          : (previous ?? rejection);\n      setSelectionError(selectionErrorRef.current);\n    }\n    commit([...itemsRef.current, ...queued]);\n    if (queued.length > 0) void runQueue();\n    if (inputRef.current) inputRef.current.value = '';\n  };\n\n  const retryItem = (tempId: string) => {\n    // Errors do not count towards the selection cap, but retrying one must not exceed it.\n    if (itemsRef.current.filter((item) => item.status !== 'error').length >= MAX_ATTACHMENTS)\n      return;\n    commit(\n      itemsRef.current.map(\n        (item): PendingAttachment =>\n          item.tempId === tempId && item.status === 'error'\n            ? { ...item, status: 'queued', error: null }\n            : item\n      )\n    );\n    void runQueue();\n  };\n\n  const removeItem = (tempId: string) => {\n    const item = itemsRef.current.find((entry) => entry.tempId === tempId);\n    if (item?.status === 'finalizing') return; // Finalization may already have committed: never abort it.\n    controllersRef.current.get(tempId)?.abort();\n    if (item?.fileId && item.file.type.startsWith('image/')) onRemoveImage?.(item.fileId);\n    commit(itemsRef.current.filter((entry) => entry.tempId !== tempId));\n  };\n\n  return (\n    <div className=\"space-y-1.5\">\n      <div className=\"flex items-center gap-2\">\n        <input\n          ref={inputRef}\n          id={`${idPrefix}-attach-input`}\n          type=\"file\"\n          multiple\n          className=\"sr-only\"\n          disabled={disabled || atCap}\n          onChange={(e) => handleFiles(e.target.files)}\n        />\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"outline\"\n          className=\"h-7 px-2 text-xs\"\n          disabled={disabled || atCap}\n          onClick={() => inputRef.current?.click()}\n          data-testid={`${idPrefix}-attach-files`}\n        >\n          <Paperclip className=\"mr-1 h-3.5 w-3.5\" aria-hidden=\"true\" />\n          Attach files\n        </Button>\n        <span className=\"text-xs text-muted-foreground\">\n          {items.length > 0\n            ? `${countedTowardCap}/${MAX_ATTACHMENTS} attached`\n            : `Up to ${MAX_ATTACHMENTS} files`}\n        </span>\n      </div>\n\n      {selectionError && (\n        <p role=\"alert\" className=\"text-xs text-destructive\">\n          {selectionError}{' '}\n          <button\n            type=\"button\"\n            className=\"underline\"\n            onClick={() => {\n              selectionErrorRef.current = null;\n              setSelectionError(null);\n              commit(itemsRef.current);\n            }}\n          >\n            Dismiss\n          </button>\n        </p>\n      )}\n      {items.length > 0 && (\n        <ul\n          className=\"flex flex-wrap gap-1.5\"\n          data-testid={`${idPrefix}-pending-attachments`}\n          aria-label=\"Files attached to this comment\"\n        >\n          {items.map((item) => (\n            <li key={item.tempId}>\n              <PendingAttachmentChip\n                item={item}\n                disabled={disabled}\n                onInsertImage={onInsertImage}\n                onRetry={() => retryItem(item.tempId)}\n                retryDisabled={atCap}\n                onRemove={() => removeItem(item.tempId)}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nfunction PendingAttachmentChip({\n  item,\n  disabled,\n  onInsertImage,\n  onRetry,\n  retryDisabled,\n  onRemove,\n}: {\n  item: PendingAttachment;\n  disabled?: boolean;\n  onInsertImage?: (fileId: string, filename: string) => void;\n  onRetry: () => void;\n  retryDisabled: boolean;\n  onRemove: () => void;\n}) {\n  const errored = item.status === 'error';\n  const imageFileId =\n    item.status === 'ready' && item.file.type.startsWith('image/') ? item.fileId : null;\n  return (\n    <span\n      className={`inline-flex max-w-[16rem] items-center gap-1.5 rounded-md border px-2 py-1 text-xs ${\n        errored ? 'border-destructive/50 text-destructive' : 'border-border-default'\n      }`}\n      data-testid=\"pending-attachment\"\n    >\n      {item.status === 'uploading' || item.status === 'finalizing' ? (\n        <Loader2 className=\"h-3.5 w-3.5 shrink-0 animate-spin\" aria-hidden=\"true\" />\n      ) : (\n        mimeTypeIcon(item.file.type || 'application/octet-stream')\n      )}\n      <span className=\"truncate\">{item.file.name}</span>\n      <span className=\"shrink-0 text-muted-foreground\">{formatBytes(item.file.size)}</span>\n      {item.status === 'finalizing' && <span className=\"shrink-0\">Finalizing…</span>}\n      {errored && (\n        <span className=\"shrink-0 truncate\" role=\"alert\">\n          · {item.error ?? 'Upload failed'}\n        </span>\n      )}\n      {errored && (\n        <button\n          type=\"button\"\n          className=\"shrink-0 text-primary hover:underline disabled:opacity-50\"\n          disabled={disabled || retryDisabled}\n          onClick={onRetry}\n          title={retryDisabled ? 'Remove another attachment to retry' : undefined}\n        >\n          {item.completionSession ? 'Retry finalizing' : 'Retry upload'}\n        </button>\n      )}\n      {imageFileId && onInsertImage && (\n        <button\n          type=\"button\"\n          className=\"shrink-0 text-primary hover:underline\"\n          disabled={disabled}\n          onClick={() => onInsertImage(imageFileId, item.file.name)}\n        >\n          Insert image\n        </button>\n      )}\n      <button\n        type=\"button\"\n        aria-label={`Remove ${item.file.name}`}\n        className=\"shrink-0 rounded-sm text-muted-foreground hover:text-foreground\"\n        disabled={disabled || item.status === 'finalizing'}\n        onClick={onRemove}\n      >\n        <X className=\"h-3 w-3\" aria-hidden=\"true\" />\n      </button>\n    </span>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommentAttachments.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/CommentAttachments.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,sGAAsG;AACtG,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,MAAM,GACP,EAAE;IACD,WAAW,EAAE,wBAAwB,EAAE,CAAC;IACxC,MAAM,EAAE,iBAAiB,CAAC;CAC3B,kDAWA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommentAttachments.js","names":[],"sources":["../../../src/planmagnet/comments/CommentAttachments.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { formatBytes, mimeTypeIcon } from './fileDisplay';\nimport { useCommentFileUrl, type CommentFileTarget } from './useCommentFileUrl';\n\n/** Server-snapshotted metadata; the attachment ID, not its raw Files ID, authorizes each download. */\nexport interface CommentAttachmentSummary {\n  id: string;\n  fileId: string;\n  name: string;\n  mimeType: string;\n  size: number;\n}\n\nexport function CommentAttachments({\n  attachments,\n  target,\n}: {\n  attachments: CommentAttachmentSummary[];\n  target: CommentFileTarget;\n}) {\n  if (attachments.length === 0) return null;\n  return (\n    <ul className=\"flex flex-wrap gap-1.5\" data-testid=\"comment-attachments\">\n      {attachments.map((attachment) => (\n        <li key={attachment.id}>\n          <CommentAttachmentLink attachment={attachment} target={target} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction CommentAttachmentLink({\n  attachment,\n  target,\n}: {\n  attachment: CommentAttachmentSummary;\n  target: CommentFileTarget;\n}) {\n  const getUrl = useCommentFileUrl();\n  const [opening, setOpening] = useState(false);\n  const [error, setError] = useState(false);\n  const pendingTabRef = useRef<Window | null>(null);\n\n  useEffect(() => {\n    return () => {\n      // Navigating away must not leave a blank tab that a finished request could still populate.\n      const tab = pendingTabRef.current;\n      pendingTabRef.current = null;\n      tab?.close();\n    };\n  }, []);\n\n  const open = async () => {\n    if (opening) return;\n    setError(false);\n    // Open in the user's click gesture; browsers often block window.open after an awaited GraphQL request.\n    // Sever the opener before making a network request, then navigate only after fresh authorization succeeds.\n    const tab = window.open('about:blank', '_blank');\n    if (!tab) {\n      setError(true);\n      return;\n    }\n    tab.opener = null;\n    pendingTabRef.current = tab;\n    setOpening(true);\n    try {\n      const url = await getUrl(target, attachment.id);\n      if (pendingTabRef.current === tab && !tab.closed) tab.location.replace(url);\n    } catch {\n      if (pendingTabRef.current === tab) {\n        tab.close();\n        setError(true);\n      }\n    } finally {\n      if (pendingTabRef.current === tab) {\n        pendingTabRef.current = null;\n        setOpening(false);\n      }\n    }\n  };\n\n  return (\n    <div className=\"space-y-0.5\">\n      <button\n        type=\"button\"\n        disabled={opening}\n        title={attachment.name}\n        data-testid=\"comment-attachment\"\n        className=\"inline-flex max-w-[14rem] items-center gap-1.5 rounded-md border border-border-default px-2 py-1 text-xs hover:bg-muted disabled:opacity-70\"\n        onClick={() => void open()}\n      >\n        {mimeTypeIcon(attachment.mimeType)}\n        <span className=\"truncate\">{attachment.name}</span>\n        <span className=\"shrink-0 text-muted-foreground\">{formatBytes(attachment.size)}</span>\n        {opening && <span className=\"sr-only\">Opening…</span>}\n      </button>\n      {error && (\n        <p role=\"alert\" className=\"max-w-[14rem] text-xs text-destructive\">\n          Attachment unavailable. Check your access and pop-up settings.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgB,EAAmB,EACjC,gBACA,aAIC;AAED,QADI,EAAY,WAAW,IAAU,OAEnC,kBAAC,MAAD;EAAI,WAAU;EAAyB,eAAY;YAChD,EAAY,KAAK,MAChB,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;GAAmC;GAAoB;GAAU,CAAA,EAC9D,EAFI,EAAW,GAEf,CACL;EACC,CAAA;;AAIT,SAAS,EAAsB,EAC7B,eACA,aAIC;CACD,IAAM,IAAS,GAAmB,EAC5B,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAS,GAAM,EACnC,IAAgB,EAAsB,KAAK;AAEjD,eACe;EAEX,IAAM,IAAM,EAAc;AAE1B,EADA,EAAc,UAAU,MACxB,GAAK,OAAO;IAEb,EAAE,CAAC;CAEN,IAAM,IAAO,YAAY;AACvB,MAAI,EAAS;AACb,IAAS,GAAM;EAGf,IAAM,IAAM,OAAO,KAAK,eAAe,SAAS;AAChD,MAAI,CAAC,GAAK;AACR,KAAS,GAAK;AACd;;AAIF,EAFA,EAAI,SAAS,MACb,EAAc,UAAU,GACxB,EAAW,GAAK;AAChB,MAAI;GACF,IAAM,IAAM,MAAM,EAAO,GAAQ,EAAW,GAAG;AAC/C,GAAI,EAAc,YAAY,KAAO,CAAC,EAAI,UAAQ,EAAI,SAAS,QAAQ,EAAI;UACrE;AACN,GAAI,EAAc,YAAY,MAC5B,EAAI,OAAO,EACX,EAAS,GAAK;YAER;AACR,GAAI,EAAc,YAAY,MAC5B,EAAc,UAAU,MACxB,EAAW,GAAM;;;AAKvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,UAAU;GACV,OAAO,EAAW;GAClB,eAAY;GACZ,WAAU;GACV,eAAe,KAAK,GAAM;aAN5B;IAQG,EAAa,EAAW,SAAS;IAClC,kBAAC,QAAD;KAAM,WAAU;eAAY,EAAW;KAAY,CAAA;IACnD,kBAAC,QAAD;KAAM,WAAU;eAAkC,EAAY,EAAW,KAAK;KAAQ,CAAA;IACrF,KAAW,kBAAC,QAAD;KAAM,WAAU;eAAU;KAAe,CAAA;IAC9C;MACR,KACC,kBAAC,KAAD;GAAG,MAAK;GAAQ,WAAU;aAAyC;GAE/D,CAAA,CAEF"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommentBody.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/CommentBody.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAqB,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAkKrE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,wBAAwB,EAAE,CAAC;IACxC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAsBrF"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommentBody.js","names":[],"sources":["../../../src/planmagnet/comments/CommentBody.tsx"],"sourcesContent":["import { Fragment, useEffect, useRef, useState } from 'react';\nimport { ImageOff } from 'lucide-react';\nimport { PersonName } from '../people/People';\nimport { tokenizeCommentBody, type CommentToken } from './commentTokens';\nimport { useCommentFileUrl, type CommentFileTarget } from './useCommentFileUrl';\nimport type { CommentAttachmentSummary } from './CommentAttachments';\n\n/** Render only the server's constrained plain-text grammar; raw HTML is always inert React text. */\nfunction TokenView({\n  token,\n  attachment,\n  target,\n}: {\n  token: CommentToken;\n  attachment?: CommentAttachmentSummary;\n  target: CommentFileTarget;\n}) {\n  switch (token.kind) {\n    case 'text':\n      return <>{token.value}</>;\n    case 'mention':\n      return (\n        <span className=\"rounded bg-primary/10 px-1 py-0.5 font-medium text-primary\">\n          @<PersonName id={token.actorId} className=\"text-primary\" />\n        </span>\n      );\n    case 'link':\n      return (\n        <a\n          href={token.url}\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n          className=\"text-primary underline underline-offset-2 hover:no-underline\"\n        >\n          {token.text}\n        </a>\n      );\n    case 'image':\n      // A text token is not itself a grant to read any Files ID. Only this comment's attachment row\n      // permits a download; an unbound fileId in a hand-edited body remains inert.\n      return attachment?.mimeType.startsWith('image/') ? (\n        <CommentBodyImage\n          key={attachment.id}\n          attachment={attachment}\n          target={target}\n          alt={token.alt}\n        />\n      ) : (\n        <UnavailableImage alt={token.alt} />\n      );\n    case 'inline-code':\n      return (\n        <code className=\"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]\">{token.value}</code>\n      );\n    case 'code-block':\n      return (\n        <pre className=\"my-1 overflow-x-auto rounded-md bg-muted p-2 font-mono text-[0.85em] whitespace-pre\">\n          <code>{token.value}</code>\n        </pre>\n      );\n    case 'bold':\n      return <strong className=\"font-semibold\">{token.value}</strong>;\n    case 'italic':\n      return <em>{token.value}</em>;\n  }\n}\n\nfunction UnavailableImage({ alt }: { alt: string }) {\n  return (\n    <span className=\"my-1 inline-flex items-center gap-1 rounded-md border border-border-default px-2 py-1 align-bottom text-xs text-muted-foreground\">\n      <ImageOff className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n      {alt || 'Image unavailable'}\n    </span>\n  );\n}\n\n/** Fetch a fresh, short-lived URL only as an attached image enters the viewport. */\nfunction CommentBodyImage({\n  attachment,\n  target,\n  alt,\n}: {\n  attachment: CommentAttachmentSummary;\n  target: CommentFileTarget;\n  alt: string;\n}) {\n  const getUrl = useCommentFileUrl();\n  const targetType = target.type;\n  const targetId = target.id;\n  const containerRef = useRef<HTMLSpanElement>(null);\n  const [visible, setVisible] = useState(false);\n  const [url, setUrl] = useState<string | null>(null);\n  const [failed, setFailed] = useState(false);\n  const [retry, setRetry] = useState(0);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    if (typeof IntersectionObserver === 'undefined') {\n      let active = true;\n      queueMicrotask(() => {\n        if (active) setVisible(true);\n      });\n      return () => {\n        active = false;\n      };\n    }\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) {\n          setVisible(true);\n          observer.disconnect();\n        }\n      },\n      { rootMargin: '256px' }\n    );\n    observer.observe(container);\n    return () => observer.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (!visible) return;\n    let active = true;\n    void getUrl({ type: targetType, id: targetId }, attachment.id).then(\n      (next) => {\n        if (active) setUrl(next);\n      },\n      () => {\n        if (active) setFailed(true);\n      }\n    );\n    return () => {\n      active = false;\n    };\n  }, [visible, getUrl, targetType, targetId, attachment.id, retry]);\n\n  return (\n    <span ref={containerRef}>\n      {failed ? (\n        <UnavailableImage alt={alt} />\n      ) : url ? (\n        <img\n          src={url}\n          alt={alt}\n          className=\"my-1 max-h-64 max-w-full rounded-md border border-border-default object-contain align-bottom\"\n          loading=\"eager\"\n          onError={() => {\n            if (retry === 0) {\n              // The browser may have delayed an image request until its presign expired. Retry once via\n              // the comment-reader query, never by reusing a cached URL or looping forever on failure.\n              setUrl(null);\n              setRetry(1);\n            } else {\n              setFailed(true);\n            }\n          }}\n        />\n      ) : (\n        <span\n          className=\"my-1 inline-flex h-20 w-32 animate-pulse items-center justify-center rounded-md bg-muted align-bottom text-xs text-muted-foreground\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </span>\n  );\n}\n\nexport interface CommentBodyProps {\n  text: string;\n  attachments: CommentAttachmentSummary[];\n  target: CommentFileTarget;\n  className?: string;\n}\n\nexport function CommentBody({ text, attachments, target, className }: CommentBodyProps) {\n  let tokens: CommentToken[];\n  try {\n    tokens = tokenizeCommentBody(text);\n  } catch {\n    tokens = [{ kind: 'text', value: text }];\n  }\n  const files = new Map(attachments.map((item) => [item.fileId.toLowerCase(), item]));\n\n  return (\n    <div className={className ?? 'text-sm whitespace-pre-wrap break-words'}>\n      {tokens.map((token, index) => (\n        <Fragment key={index}>\n          <TokenView\n            token={token}\n            attachment={token.kind === 'image' ? files.get(token.fileId.toLowerCase()) : undefined}\n            target={target}\n          />\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommentThread.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/CommentThread.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAY5C,OAAO,EAAsB,KAAK,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACzF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAoC7D,KAAK,aAAa,GAAG,MAAM,GAAG,UAAU,CAAC;AAEzC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,EAAE,wBAAwB,EAAE,CAAC;IACxC,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAUD,MAAM,WAAW,kBAAkB;IACjC,6FAA6F;IAC7F,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qGAAqG;IACrG,UAAU,EAAE,MAAM,CAAC;IACnB,wGAAwG;IACxG,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,QAAQ,EAAE,YAAY,CAAC;QACvB,0FAA0F;QAC1F,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACnC,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,GAAG,EAAE;QACH,QAAQ,EAAE,YAAY,CAAC;QACvB,cAAc,EAAE,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,iBAAiB,EAAE,MAAM,EAAE,KACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC9B,CAAC;IACF,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC;IACtB;mEAC+D;IAC/D,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,8FAA8F;IAC9F,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;uGAEmG;IACnG,QAAQ,CAAC,EAAE;QACT,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;QAClC,YAAY,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;CACH;AAID,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,EACH,IAAI,EACJ,MAAM,EACN,OAAO,EACP,cAAc,EACd,YAAY,EACZ,QAAQ,GACT,EAAE,kBAAkB,2CAkNpB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommentThread.js","names":[],"sources":["../../../src/planmagnet/comments/CommentThread.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { DocumentNode } from 'graphql';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { CheckCircle2, ChevronDown, ChevronRight, Reply, RotateCcw, Trash2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { PersonName, usePersonProfile } from '../people/People';\nimport { ConfirmButton, ErrorLine } from '../controls/ConfirmButton';\nimport { throwOnError } from '../utils/mutationResult';\nimport { isForbidden, mutationErrorMessage } from '../utils/graphqlErrors';\nimport { MentionComposer } from './MentionComposer';\nimport { CommentBody } from './CommentBody';\nimport { appendImageEmbed, removeImageEmbed } from './commentImageTokens';\nimport { CommentAttachments, type CommentAttachmentSummary } from './CommentAttachments';\nimport type { CommentFileTarget } from './useCommentFileUrl';\nimport {\n  CommentAttachmentUpload,\n  type CommentAttachmentUploadState,\n} from './CommentAttachmentUpload';\nimport { TypingLine } from '../presence/PresenceAvatars';\n\n/**\n * The comment thread engine shared by every commentable surface in this MFE: a work item (CWF-02, via\n * `WorkItemComments.tsx`) and a project/doc (CWF-12, via `TargetComments.tsx`). Modeled on\n * `comments/RoadmapComments.tsx`'s list/add/author-only-edit/delete structure, extended with:\n *\n * - Threading (CWF-02): `PlanmagnetWorkItemComment`/`PlanmagnetComment.replies` are ONE level deep by contract —\n *   the server reparents \"a reply to a reply\" onto ITS OWN top-level parent. So a Reply action lives on both a\n *   top-level comment and on one of its replies, but both always post with `parentId = <the top-level id>`\n *   (`replyTargetId` below), matching what the server would do anyway — never a reply's own id.\n * - Resolution (CWF-14): a top-level-only OPEN/RESOLVED toggle, not restricted to the comment's author. A\n *   resolved thread collapses to a one-line summary that can be expanded back out.\n * - Mentions (CWF-13): every composer here (add / reply / edit) is a `MentionComposer`; every rendered body is\n *   `CommentBody`, so a `@[Name](actorId)` token always shows as a highlighted name, never raw markup.\n * - Rich text + attachments (CWF-12): the body also carries a small server-sanitized markdown grammar (bold,\n *   italic, code, links, mentions, fileId-referenced images — `CommentBody.tsx` renders it, `MentionComposer`'s\n *   toolbar writes it) and up to 10 file attachments, addable only when POSTING (add/reply) — none of the Edit\n *   mutations take `attachmentFileIds`, so an existing comment's attachments can never change.\n * - A caller-agnostic core: `query`/`add`/`edit`/`remove`/`resolve` are passed in per surface (different\n *   operation names, same field shapes — see `graphql/wspace.graphql`'s `PlanmagnetWorkItemComment` vs\n *   `PlanmagnetComment` doc comments: \"everything here means exactly what it means on\" the other type).\n *\n * The status filter (Open/Resolved/All) is applied CLIENT-SIDE over the loaded page: none of\n * `planmagnetWorkItemComments`/`planmagnetProjectComments`/`planmagnetDocComments` take a status argument, only\n * `pagination` — same constraint the pre-existing pagination already lived with.\n */\n\nconst PAGE = 30;\nconst MAX_LENGTH = 10_000; // Every Add*CommentInput: \"1 to 10,000 characters after trimming\"\n\ntype CommentStatus = 'OPEN' | 'RESOLVED';\n\nexport interface ThreadComment {\n  id: string;\n  authorId: string;\n  body: string;\n  createdAt: string;\n  editedAt: string | null;\n  parentId: string | null;\n  status: CommentStatus;\n  resolvedBy: string | null;\n  resolvedAt: string | null;\n  mentions: string[];\n  attachments: CommentAttachmentSummary[];\n  replies: ThreadComment[];\n}\n\ninterface ThreadList {\n  totalCount: number;\n  pageInfo: { hasNextPage: boolean; endCursor: string | null };\n  items: ThreadComment[];\n}\n\ntype ThreadQueryData = Record<string, ThreadList>;\n\nexport interface CommentThreadProps {\n  /** Verified by the matching product-read resource before an attachment can be downloaded. */\n  target: CommentFileTarget;\n  /** What this thread is attached to, used only in accessible copy (\"Add a comment on this task…\"). */\n  targetNoun: string;\n  /** Seeds every form-control id this instance renders, so two threads on the same page never collide. */\n  idPrefix: string;\n  query: {\n    document: DocumentNode;\n    /** The response field this query's data lands under (`planmagnetWorkItemComments`, …). */\n    dataKey: string;\n    variables: Record<string, unknown>;\n    skip?: boolean;\n  };\n  add: {\n    document: DocumentNode;\n    buildVariables: (\n      body: string,\n      parentId: string | null,\n      attachmentFileIds: string[]\n    ) => Record<string, unknown>;\n  };\n  edit: DocumentNode;\n  remove: DocumentNode;\n  resolve: DocumentNode;\n  /** Apollo operation names to refetch after any write here (this thread's own query, plus e.g. an Activity\n   * panel on the same page that also shows COMMENTED events). */\n  refetchQueries: string[];\n  /** Reports the thread's live top-level count up to the caller, for a \"Comments (n)\" title. */\n  onTotalCount?: (count: number) => void;\n  /** CWF-24 typing presence, owned by the page (one `usePresence` call shared with its `PresenceAvatars`) and\n   * threaded down here so the composers can signal typing and the thread can show who else is mid-reply. Omitted\n   * entirely on a surface that has not wired presence up (renders nothing extra, same as before). */\n  presence?: {\n    typingActorIds: readonly string[];\n    notifyTyping: () => void;\n  };\n}\n\nconst when = (iso: string) => new Date(iso).toLocaleString();\n\nexport function CommentThread({\n  target,\n  targetNoun,\n  idPrefix,\n  query,\n  add,\n  edit,\n  remove,\n  resolve,\n  refetchQueries,\n  onTotalCount,\n  presence,\n}: CommentThreadProps) {\n  const { currentUser, workspaceId, authToken, apiGatewayUrl } = usePlanMagnet();\n  const [draft, setDraft] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [loadingMore, setLoadingMore] = useState(false);\n  const [filter, setFilter] = useState<'OPEN' | 'RESOLVED' | 'ALL'>('ALL');\n  const [topAttach, setTopAttach] = useState<CommentAttachmentUploadState>({\n    fileIds: [],\n    pending: false,\n  });\n  // Remounts CommentAttachmentUpload (clearing its queue) after a successful top-level post — simpler and more\n  // robust than an imperative reset API, same \"change the key to reset\" approach React itself recommends.\n  const [topAttachResetKey, setTopAttachResetKey] = useState(0);\n\n  const mutationRefetch = { refetchQueries, awaitRefetchQueries: true };\n\n  const {\n    data,\n    loading,\n    error: loadError,\n    fetchMore,\n  } = useQuery<ThreadQueryData>(query.document, {\n    variables: { ...query.variables, pagination: { first: PAGE } },\n    skip: query.skip,\n  });\n  const [addComment, addState] = useMutation(add.document, mutationRefetch);\n\n  const thread = data?.[query.dataKey];\n  // The server returns TOP-LEVEL comments here; each carries its own (bounded, unpaginated) `replies`.\n  const topLevel = thread?.items ?? [];\n  const visible = filter === 'ALL' ? topLevel : topLevel.filter((c) => c.status === filter);\n  const openCount = topLevel.filter((c) => c.status === 'OPEN').length;\n  const resolvedCount = topLevel.length - openCount;\n\n  const trimmed = draft.trim();\n  const tooLong = trimmed.length > MAX_LENGTH;\n\n  useEffect(() => {\n    if (thread) onTotalCount?.(thread.totalCount);\n  }, [thread, onTotalCount]);\n\n  const post = async (\n    body: string,\n    parentId: string | null,\n    attachmentFileIds: string[]\n  ): Promise<boolean> => {\n    setError(null);\n    try {\n      await throwOnError(\n        addComment({ variables: add.buildVariables(body, parentId, attachmentFileIds) })\n      );\n      return true;\n    } catch (e) {\n      setError(\n        isForbidden(e)\n          ? 'Your role can read but not comment.'\n          : mutationErrorMessage(e, 'The comment could not be posted.')\n      );\n      return false;\n    }\n  };\n\n  const submitTop = async () => {\n    if (await post(trimmed, null, topAttach.fileIds)) {\n      setDraft('');\n      setTopAttach({ fileIds: [], pending: false });\n      setTopAttachResetKey((k) => k + 1);\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: { ...query.variables, pagination: { first: PAGE, after } },\n        updateQuery: (prev, { fetchMoreResult }) => ({\n          [query.dataKey]: {\n            ...fetchMoreResult[query.dataKey],\n            items: [...prev[query.dataKey].items, ...fetchMoreResult[query.dataKey].items],\n          },\n        }),\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-4\" data-testid=\"comment-thread\">\n      {error && <ErrorLine message={error} />}\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\n      {thread && topLevel.length > 0 && (\n        <div\n          role=\"group\"\n          aria-label=\"Filter comments by resolution\"\n          data-testid=\"comment-filter\"\n          className=\"flex flex-wrap gap-1\"\n        >\n          {(\n            [\n              ['OPEN', `Open (${openCount})`],\n              ['RESOLVED', `Resolved (${resolvedCount})`],\n              ['ALL', `All (${topLevel.length})`],\n            ] as const\n          ).map(([mode, label]) => (\n            <Button\n              key={mode}\n              type=\"button\"\n              size=\"sm\"\n              variant={filter === mode ? 'default' : 'outline'}\n              aria-pressed={filter === mode}\n              className=\"h-7 px-2.5 text-xs\"\n              onClick={() => setFilter(mode)}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      )}\n\n      {thread && visible.length === 0 && (\n        <p className=\"text-sm text-muted-foreground\">\n          {topLevel.length === 0 ? 'No comments yet.' : 'No comments match this filter.'}\n        </p>\n      )}\n\n      <ol className=\"space-y-3\">\n        {visible.map((comment) => (\n          <TopLevelThread\n            key={comment.id}\n            comment={comment}\n            target={target}\n            currentUserId={currentUser?.id}\n            editMutation={edit}\n            removeMutation={remove}\n            resolveMutation={resolve}\n            addMutation={add.document}\n            buildReplyVariables={(body, attachmentFileIds) =>\n              add.buildVariables(body, comment.id, attachmentFileIds)\n            }\n            mutationRefetch={mutationRefetch}\n            onError={setError}\n            idPrefix={idPrefix}\n            workspaceId={workspaceId}\n            authToken={authToken}\n            apiGatewayUrl={apiGatewayUrl}\n            onTyping={presence?.notifyTyping}\n          />\n        ))}\n      </ol>\n\n      {thread?.pageInfo.hasNextPage && (\n        <Button size=\"sm\" variant=\"outline\" onClick={() => void loadMore()} disabled={loadingMore}>\n          {loadingMore ? 'Loading…' : `Show more (${topLevel.length} of ${thread.totalCount})`}\n        </Button>\n      )}\n\n      {presence && <TypingLine typingActorIds={presence.typingActorIds} />}\n\n      <div className=\"space-y-2 border-t border-border-default pt-4\">\n        <label htmlFor={`${idPrefix}-add`} className=\"sr-only\">\n          Add a comment\n        </label>\n        <MentionComposer\n          id={`${idPrefix}-add`}\n          ariaLabel={`Add a comment on this ${targetNoun}`}\n          placeholder=\"Add a comment…\"\n          className=\"min-h-[72px]\"\n          value={draft}\n          disabled={addState.loading}\n          onChange={(value) => {\n            setDraft(value);\n            presence?.notifyTyping();\n          }}\n          workspaceId={workspaceId}\n          authToken={authToken}\n          apiGatewayUrl={apiGatewayUrl}\n        />\n        {tooLong && <ErrorLine message={`A comment can be at most ${MAX_LENGTH} characters.`} />}\n        <CommentAttachmentUpload\n          key={topAttachResetKey}\n          idPrefix={`${idPrefix}-add`}\n          disabled={addState.loading}\n          onChange={setTopAttach}\n          onInsertImage={(fileId, filename) =>\n            setDraft((current) => appendImageEmbed(current, fileId, filename))\n          }\n          onRemoveImage={(fileId) => setDraft((current) => removeImageEmbed(current, fileId))}\n        />\n        <div className=\"flex justify-end\">\n          <Button\n            size=\"sm\"\n            onClick={() => void submitTop()}\n            disabled={!trimmed || tooLong || addState.loading || topAttach.pending}\n            data-testid=\"comment-post\"\n          >\n            {addState.loading\n              ? 'Posting…'\n              : topAttach.pending\n                ? 'Preparing attachments…'\n                : 'Comment'}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\ninterface RowMutationProps {\n  target: CommentFileTarget;\n  editMutation: DocumentNode;\n  removeMutation: DocumentNode;\n  mutationRefetch: { refetchQueries: string[]; awaitRefetchQueries: boolean };\n  onError: (message: string | null) => void;\n  idPrefix: string;\n  workspaceId?: string;\n  authToken?: string;\n  apiGatewayUrl?: string;\n}\n\n/**\n * One top-level comment: header, body, its replies (indented), a Reply action, and — top-level only — the\n * Resolve/Reopen toggle. A resolved thread starts collapsed to a one-line summary; expand/collapse is local UI\n * state that does not reset when Resolve/Reopen flips (so reopening mid-review doesn't yank the view around).\n */\nfunction TopLevelThread({\n  comment,\n  target,\n  currentUserId,\n  editMutation,\n  removeMutation,\n  resolveMutation,\n  addMutation,\n  buildReplyVariables,\n  mutationRefetch,\n  onError,\n  idPrefix,\n  workspaceId,\n  authToken,\n  apiGatewayUrl,\n  onTyping,\n}: RowMutationProps & {\n  comment: ThreadComment;\n  currentUserId: string | undefined;\n  resolveMutation: DocumentNode;\n  addMutation: DocumentNode;\n  buildReplyVariables: (body: string, attachmentFileIds: string[]) => Record<string, unknown>;\n  /** CWF-24: signals typing while the reply box (the only composer a `TopLevelThread` instance owns) is active. */\n  onTyping?: () => void;\n}) {\n  const [editing, setEditing] = useState(false);\n  const [text, setText] = useState(comment.body);\n  const [expanded, setExpanded] = useState(comment.status !== 'RESOLVED');\n  const [replyOpen, setReplyOpen] = useState(false);\n  const [replyDraft, setReplyDraft] = useState('');\n  const [replyingToName, setReplyingToName] = useState<string | null>(null);\n  const [replyAttach, setReplyAttach] = useState<CommentAttachmentUploadState>({\n    fileIds: [],\n    pending: false,\n  });\n  const [replyAttachResetKey, setReplyAttachResetKey] = useState(0);\n  const replyUploadEpochRef = useRef(0);\n\n  const resetReplyAttachments = () => {\n    replyUploadEpochRef.current += 1;\n    setReplyAttach({ fileIds: [], pending: false });\n    setReplyAttachResetKey(replyUploadEpochRef.current);\n  };\n\n  const authorProfile = usePersonProfile(comment.authorId);\n  const [edit, editState] = useMutation(editMutation, mutationRefetch);\n  const [remove, removeState] = useMutation(removeMutation, mutationRefetch);\n  const [resolveComment, resolveState] = useMutation(resolveMutation, mutationRefetch);\n  const [reply, replyState] = useMutation(addMutation, mutationRefetch);\n\n  const mine = comment.authorId === currentUserId;\n  const resolved = comment.status === 'RESOLVED';\n  const editTooLong = text.trim().length > MAX_LENGTH;\n  const replyTooLong = replyDraft.trim().length > MAX_LENGTH;\n\n  const save = async () => {\n    onError(null);\n    try {\n      await throwOnError(edit({ variables: { id: comment.id, body: text.trim() } }));\n      setEditing(false);\n    } catch (e) {\n      onError(mutationErrorMessage(e, 'The comment could not be saved.'));\n    }\n  };\n\n  const onRemove = async () => {\n    onError(null);\n    try {\n      await throwOnError(remove({ variables: { id: comment.id } }));\n    } catch (e) {\n      onError(mutationErrorMessage(e, 'The comment could not be deleted.'));\n    }\n  };\n\n  const toggleResolve = async () => {\n    onError(null);\n    try {\n      await throwOnError(resolveComment({ variables: { id: comment.id, resolved: !resolved } }));\n    } catch (e) {\n      onError(\n        isForbidden(e)\n          ? 'Your role can read but not resolve comments.'\n          : mutationErrorMessage(e, 'The resolution could not be changed.')\n      );\n    }\n  };\n\n  const openReply = (name: string, mentionId?: string, mentionName?: string) => {\n    setReplyingToName(name);\n    setReplyDraft(mentionId && mentionName ? `@[${mentionName}](${mentionId}) ` : '');\n    setReplyOpen(true);\n    setExpanded(true);\n  };\n\n  const submitReply = async () => {\n    const body = replyDraft.trim();\n    if (!body) return;\n    onError(null);\n    try {\n      await throwOnError(reply({ variables: buildReplyVariables(body, replyAttach.fileIds) }));\n      setReplyDraft('');\n      setReplyOpen(false);\n      setReplyingToName(null);\n      resetReplyAttachments();\n    } catch (e) {\n      onError(\n        isForbidden(e)\n          ? 'Your role can read but not comment.'\n          : mutationErrorMessage(e, 'The reply could not be posted.')\n      );\n    }\n  };\n\n  const rowId = `${idPrefix}-comment-${comment.id}`;\n\n  return (\n    <li\n      className=\"rounded-md border border-border-default p-3 space-y-2\"\n      data-testid=\"comment-thread-item\"\n    >\n      {resolved && !expanded ? (\n        <div className=\"flex items-center justify-between gap-2\">\n          <p className=\"min-w-0 truncate text-sm text-muted-foreground\">\n            <CheckCircle2\n              className=\"mr-1 inline h-3.5 w-3.5 text-status-success-text\"\n              aria-hidden=\"true\"\n            />\n            Resolved by <PersonName id={comment.resolvedBy} />\n            {comment.resolvedAt ? ` · ${when(comment.resolvedAt)}` : ''}\n            {comment.replies.length > 0\n              ? ` · ${comment.replies.length} repl${comment.replies.length === 1 ? 'y' : 'ies'}`\n              : ''}\n          </p>\n          <Button\n            size=\"sm\"\n            variant=\"ghost\"\n            className=\"h-6 shrink-0 px-2 text-xs\"\n            aria-expanded={false}\n            aria-controls={rowId}\n            onClick={() => setExpanded(true)}\n          >\n            <ChevronRight className=\"mr-1 h-3.5 w-3.5\" aria-hidden=\"true\" />\n            Expand\n          </Button>\n        </div>\n      ) : (\n        <div id={rowId} className=\"space-y-2\">\n          <div className=\"flex items-start 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 && (\n                <span title={`Edited ${when(comment.editedAt)}`}> · edited</span>\n              )}\n              {resolved && (\n                <span className=\"ml-1 inline-flex items-center gap-1 text-status-success-text\">\n                  <CheckCircle2 className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n                  Resolved\n                </span>\n              )}\n            </span>\n            <span className=\"flex shrink-0 items-center gap-1\">\n              {mine && !editing && (\n                <>\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                  <ConfirmButton\n                    label=\"\"\n                    ariaLabel=\"Delete comment\"\n                    variant=\"outline\"\n                    icon={<Trash2 className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />}\n                    title=\"Delete this comment?\"\n                    description=\"It is removed from the discussion for everyone, replies included. This cannot be undone here.\"\n                    confirmLabel=\"Delete\"\n                    destructive\n                    disabled={removeState.loading}\n                    onConfirm={() => void onRemove()}\n                  />\n                </>\n              )}\n              <Button\n                size=\"sm\"\n                variant={resolved ? 'outline' : 'ghost'}\n                className=\"h-6 px-2 text-xs\"\n                data-testid=\"comment-resolve\"\n                disabled={resolveState.loading}\n                onClick={() => void toggleResolve()}\n              >\n                {resolved ? (\n                  <>\n                    <RotateCcw className=\"mr-1 h-3.5 w-3.5\" aria-hidden=\"true\" />\n                    Reopen\n                  </>\n                ) : (\n                  <>\n                    <CheckCircle2 className=\"mr-1 h-3.5 w-3.5\" aria-hidden=\"true\" />\n                    Resolve\n                  </>\n                )}\n              </Button>\n              {resolved && (\n                <Button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  className=\"h-6 px-2 text-xs\"\n                  aria-expanded\n                  aria-controls={rowId}\n                  onClick={() => setExpanded(false)}\n                >\n                  <ChevronDown className=\"mr-1 h-3.5 w-3.5\" aria-hidden=\"true\" />\n                  Collapse\n                </Button>\n              )}\n            </span>\n          </div>\n\n          {editing ? (\n            <div className=\"space-y-2\">\n              <MentionComposer\n                id={`${rowId}-edit`}\n                ariaLabel=\"Edit comment\"\n                className=\"min-h-[60px]\"\n                value={text}\n                onChange={setText}\n                workspaceId={workspaceId}\n                authToken={authToken}\n                apiGatewayUrl={apiGatewayUrl}\n              />\n              {editTooLong && (\n                <ErrorLine message={`A comment can be at most ${MAX_LENGTH} characters.`} />\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                    onError(null);\n                  }}\n                >\n                  Cancel\n                </Button>\n                <Button\n                  size=\"sm\"\n                  onClick={() => void save()}\n                  disabled={!text.trim() || editTooLong || editState.loading}\n                >\n                  {editState.loading ? 'Saving…' : 'Save'}\n                </Button>\n              </div>\n            </div>\n          ) : (\n            <CommentBody text={comment.body} attachments={comment.attachments} target={target} />\n          )}\n\n          {!editing && comment.attachments.length > 0 && (\n            <CommentAttachments attachments={comment.attachments} target={target} />\n          )}\n\n          {!editing && (\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              className=\"h-6 px-2 text-xs\"\n              data-testid=\"comment-reply\"\n              onClick={() =>\n                openReply(\n                  authorProfile?.displayName ?? 'this comment',\n                  comment.authorId,\n                  authorProfile?.displayName\n                )\n              }\n            >\n              <Reply className=\"mr-1 h-3.5 w-3.5\" aria-hidden=\"true\" />\n              Reply\n            </Button>\n          )}\n\n          {comment.replies.length > 0 && (\n            <ol className=\"ml-5 space-y-2 border-l border-border-default pl-3\">\n              {comment.replies.map((r) => (\n                <ReplyItem\n                  key={r.id}\n                  reply={r}\n                  target={target}\n                  currentUserId={currentUserId}\n                  editMutation={editMutation}\n                  removeMutation={removeMutation}\n                  mutationRefetch={mutationRefetch}\n                  onError={onError}\n                  idPrefix={idPrefix}\n                  workspaceId={workspaceId}\n                  authToken={authToken}\n                  apiGatewayUrl={apiGatewayUrl}\n                  onReply={openReply}\n                />\n              ))}\n            </ol>\n          )}\n\n          {replyOpen && (\n            <div className=\"ml-5 space-y-2 border-l border-border-default pl-3\">\n              {replyingToName && (\n                <p className=\"text-xs text-muted-foreground\">Replying to {replyingToName}</p>\n              )}\n              <MentionComposer\n                id={`${rowId}-reply`}\n                ariaLabel=\"Write a reply\"\n                className=\"min-h-[60px]\"\n                value={replyDraft}\n                disabled={replyState.loading}\n                onChange={(value) => {\n                  setReplyDraft(value);\n                  onTyping?.();\n                }}\n                autoFocus\n                workspaceId={workspaceId}\n                authToken={authToken}\n                apiGatewayUrl={apiGatewayUrl}\n              />\n              {replyTooLong && (\n                <ErrorLine message={`A comment can be at most ${MAX_LENGTH} characters.`} />\n              )}\n              <CommentAttachmentUpload\n                key={replyAttachResetKey}\n                idPrefix={`${rowId}-reply`}\n                disabled={replyState.loading}\n                onChange={(state) => {\n                  if (replyAttachResetKey === replyUploadEpochRef.current) setReplyAttach(state);\n                }}\n                onInsertImage={(fileId, filename) =>\n                  setReplyDraft((current) => appendImageEmbed(current, fileId, filename))\n                }\n                onRemoveImage={(fileId) =>\n                  setReplyDraft((current) => removeImageEmbed(current, fileId))\n                }\n              />\n              <div className=\"flex justify-end gap-2\">\n                <Button\n                  size=\"sm\"\n                  variant=\"outline\"\n                  disabled={replyState.loading}\n                  onClick={() => {\n                    setReplyOpen(false);\n                    setReplyDraft('');\n                    setReplyingToName(null);\n                    // Ignore any callback from the old picker even if its in-flight upload resolves before\n                    // React runs the unmount cleanup. A reopened Reply gets a fresh upload generation.\n                    resetReplyAttachments();\n                  }}\n                >\n                  Cancel\n                </Button>\n                <Button\n                  size=\"sm\"\n                  onClick={() => void submitReply()}\n                  disabled={\n                    !replyDraft.trim() || replyTooLong || replyState.loading || replyAttach.pending\n                  }\n                >\n                  {replyState.loading\n                    ? 'Posting…'\n                    : replyAttach.pending\n                      ? 'Preparing attachments…'\n                      : 'Reply'}\n                </Button>\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </li>\n  );\n}\n\n/** One reply, indented under its top-level parent. Replies carry no resolution state of their own (only a\n * top-level comment does — CWF-14) and their own Reply action still targets the TOP-LEVEL thread\n * (`onReply` is the parent's `openReply`, called with this reply's own author as the \"replying to\" context). */\nfunction ReplyItem({\n  reply,\n  target,\n  currentUserId,\n  editMutation,\n  removeMutation,\n  mutationRefetch,\n  onError,\n  idPrefix,\n  workspaceId,\n  authToken,\n  apiGatewayUrl,\n  onReply,\n}: RowMutationProps & {\n  reply: ThreadComment;\n  currentUserId: string | undefined;\n  onReply: (name: string, mentionId?: string, mentionName?: string) => void;\n}) {\n  const [editing, setEditing] = useState(false);\n  const [text, setText] = useState(reply.body);\n  const profile = usePersonProfile(reply.authorId);\n  const [edit, editState] = useMutation(editMutation, mutationRefetch);\n  const [remove, removeState] = useMutation(removeMutation, mutationRefetch);\n\n  const mine = reply.authorId === currentUserId;\n  const editTooLong = text.trim().length > MAX_LENGTH;\n\n  const save = async () => {\n    onError(null);\n    try {\n      await throwOnError(edit({ variables: { id: reply.id, body: text.trim() } }));\n      setEditing(false);\n    } catch (e) {\n      onError(mutationErrorMessage(e, 'The reply could not be saved.'));\n    }\n  };\n\n  const onRemove = async () => {\n    onError(null);\n    try {\n      await throwOnError(remove({ variables: { id: reply.id } }));\n    } catch (e) {\n      onError(mutationErrorMessage(e, 'The reply could not be deleted.'));\n    }\n  };\n\n  return (\n    <li className=\"space-y-1\" data-testid=\"comment-reply-item\">\n      <div className=\"flex items-start justify-between gap-2 text-xs text-muted-foreground\">\n        <span>\n          <span className=\"font-medium text-foreground\">\n            <PersonName id={reply.authorId} />\n          </span>{' '}\n          · {when(reply.createdAt)}\n          {reply.editedAt && <span title={`Edited ${when(reply.editedAt)}`}> · edited</span>}\n        </span>\n        {mine && !editing && (\n          <span className=\"flex shrink-0 items-center 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            <ConfirmButton\n              label=\"\"\n              ariaLabel=\"Delete reply\"\n              variant=\"outline\"\n              icon={<Trash2 className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />}\n              title=\"Delete this reply?\"\n              description=\"It is removed from the discussion for everyone. This cannot be undone here.\"\n              confirmLabel=\"Delete\"\n              destructive\n              disabled={removeState.loading}\n              onConfirm={() => void onRemove()}\n            />\n          </span>\n        )}\n      </div>\n\n      {editing ? (\n        <div className=\"space-y-2\">\n          <MentionComposer\n            id={`${idPrefix}-reply-${reply.id}-edit`}\n            ariaLabel=\"Edit reply\"\n            className=\"min-h-[56px]\"\n            value={text}\n            onChange={setText}\n            workspaceId={workspaceId}\n            authToken={authToken}\n            apiGatewayUrl={apiGatewayUrl}\n          />\n          {editTooLong && (\n            <ErrorLine message={`A comment can be at most ${MAX_LENGTH} characters.`} />\n          )}\n          <div className=\"flex justify-end gap-2\">\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              onClick={() => {\n                setEditing(false);\n                setText(reply.body);\n                onError(null);\n              }}\n            >\n              Cancel\n            </Button>\n            <Button\n              size=\"sm\"\n              onClick={() => void save()}\n              disabled={!text.trim() || editTooLong || editState.loading}\n            >\n              {editState.loading ? 'Saving…' : 'Save'}\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <CommentBody text={reply.body} attachments={reply.attachments} target={target} />\n      )}\n\n      {!editing && reply.attachments.length > 0 && (\n        <CommentAttachments attachments={reply.attachments} target={target} />\n      )}\n\n      {!editing && (\n        <Button\n          size=\"sm\"\n          variant=\"ghost\"\n          className=\"h-6 px-2 text-xs\"\n          data-testid=\"comment-reply\"\n          onClick={() =>\n            onReply(profile?.displayName ?? 'this reply', reply.authorId, profile?.displayName)\n          }\n        >\n          <Reply className=\"mr-1 h-3.5 w-3.5\" aria-hidden=\"true\" />\n          Reply\n        </Button>\n      )}\n    </li>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"MentionComposer.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/MentionComposer.tsx"],"names":[],"mappings":"AAuDA,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;+GAC+G;AAC/G,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAgB,EAChB,SAAS,EACT,SAAiB,EACjB,WAAW,EACX,SAAS,EACT,aAAa,GACd,EAAE,oBAAoB,2CAuVtB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"MentionComposer.js","names":[],"sources":["../../../src/planmagnet/comments/MentionComposer.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from 'react';\nimport { useWorkspaceDirectory, type WorkspaceDirectoryMember } from '@burdenoff/fe-libs/sharing';\nimport {\n  Button,\n  Input,\n  Label,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { Bold, Code2, Italic, Link2 } from 'lucide-react';\n\n/**\n * @-mention support (CWF-13) and the CWF-12 formatting toolbar (bold, italic, code, link), shared by every\n * comment composer — the top-level \"Add a comment\" box, a reply box and an edit box, on all three surfaces this\n * MFE has comments on (task, project, doc; see CommentThread.tsx).\n *\n * A mention is stored as the literal token `@[Name](actorId)` inside the comment body — the server parses it out\n * of the raw text (`PlanmagnetComment.mentions` / `PlanmagnetWorkItemComment.mentions` in graphql/wspace.graphql\n * are populated FROM this token, read-only). There is no separate \"mention\" API call: typing \"@\", picking someone\n * and posting the comment is the whole mechanism.\n *\n * Suggestions reuse the same workspace directory the assignee picker already calls\n * (`useWorkspaceDirectory`, see `controls/WorkItemControls.tsx`'s `useAssigneeOptions`): one paged list of\n * members, filtered case-insensitively client-side by `.search(query)`. The dropdown is anchored to the\n * composer box itself, not to the caret's pixel position — a caret-coordinate \"mirror div\" measurement is the\n * textbook way to do that, but it is fragile across zoom levels, font loading and line-wrap, and not worth it for\n * a box this short; anchoring to the field is the same trade-off GitHub's and Linear's own comment composers make.\n *\n * Mention delivery: the server records `mentions` but does NOT notify anyone yet (BOFF-7927, see the schema doc\n * comment on `mentions`) — this component only inserts the token and later renders it highlighted\n * (`CommentBody.tsx`), and never implies a mentioned person was paged, emailed or pushed.\n *\n * The toolbar inserts the same markdown-shaped tokens `CommentBody.tsx` renders and\n * wspace-planmagnet-svc's `rich-text-sanitizer.ts` accepts on write — it does not itself sanitize anything (the\n * server does, on every add/edit mutation); it only spares the author from memorizing the syntax. The Link\n * button refuses anything that isn't an `https://` url client-side too, so a typo never round-trips through the\n * server only to come back degraded to inert \"blocked link\" text.\n */\n\nconst MAX_SUGGESTIONS = 6;\n/** `@name` trigger: an \"@\" that starts a word (line start or preceded by whitespace), followed by up to 40\n * non-space, non-\"@\" characters up to the caret. Requiring a word boundary before \"@\" keeps this from firing\n * mid-token on something like an email address (\"ada@example.com\"). */\nconst TRIGGER_PATTERN = /(?:^|\\s)@([^\\s@]{0,40})$/;\n\nfunction findTrigger(text: string, caret: number): { start: number; query: string } | null {\n  const head = text.slice(0, caret);\n  const match = TRIGGER_PATTERN.exec(head);\n  if (!match) return null;\n  const start = match[0].startsWith('@') ? match.index : match.index + 1;\n  return { start, query: match[1] };\n}\n\nexport interface MentionComposerProps {\n  id: string;\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  ariaLabel?: string;\n  disabled?: boolean;\n  /** Merged with the Textarea's own base styling (e.g. `\"min-h-[60px]\"` for a reply box). */\n  className?: string;\n  autoFocus?: boolean;\n  workspaceId?: string;\n  authToken?: string;\n  apiGatewayUrl?: string;\n}\n\n/** A plain multi-line composer with an @-mention autocomplete overlay. Controlled, like every other composer in\n * this MFE (`value`/`onChange`) — the mention token is spliced into that same string, never a side channel. */\nexport function MentionComposer({\n  id,\n  value,\n  onChange,\n  placeholder,\n  ariaLabel,\n  disabled = false,\n  className,\n  autoFocus = false,\n  workspaceId,\n  authToken,\n  apiGatewayUrl,\n}: MentionComposerProps) {\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  // Selection to restore after a mention/toolbar insertion splices the text — `value` is controlled by the\n  // parent, so the new selection can only be applied once the DOM has the new text (the effect below, keyed on\n  // `value`). A range rather than a bare caret position so a toolbar wrap (e.g. **bold text**) can leave the\n  // inserted placeholder word SELECTED — the author can just start typing over it, same as every other editor's\n  // toolbar — while a mention insertion (a collapsed `start === end` range) still lands the caret as before.\n  const pendingSelectionRef = useRef<{ start: number; end: number } | null>(null);\n  const [trigger, setTrigger] = useState<{ start: number; query: string } | null>(null);\n  const [highlight, setHighlight] = useState(0);\n  const [linkOpen, setLinkOpen] = useState(false);\n  const [linkUrl, setLinkUrl] = useState('');\n  const [linkLabel, setLinkLabel] = useState('');\n  const [linkError, setLinkError] = useState<string | null>(null);\n\n  const directory = useWorkspaceDirectory({\n    workspaceId: workspaceId ?? '',\n    authToken,\n    apiGatewayUrl,\n  });\n  const { search, hasMore, fetchMore } = directory;\n\n  useEffect(() => {\n    search(trigger?.query ?? '');\n  }, [trigger?.query, search]);\n\n  useEffect(() => {\n    if (pendingSelectionRef.current && textareaRef.current) {\n      const { start, end } = pendingSelectionRef.current;\n      pendingSelectionRef.current = null;\n      textareaRef.current.focus();\n      textareaRef.current.setSelectionRange(start, end);\n    }\n  }, [value]);\n\n  const options = useMemo(\n    () => (trigger ? directory.members.slice(0, MAX_SUGGESTIONS) : []),\n    [trigger, directory.members]\n  );\n  const open = trigger !== null && !disabled;\n\n  // Resets the highlighted option whenever the trigger changes (new \"@query\", or it closed/opened) — done here,\n  // synchronously with the same event that changed it, rather than in an effect keyed on `trigger?.query`\n  // (react-hooks/set-state-in-effect: a setState called directly in an effect body cascades an extra render).\n  const recomputeTrigger = (text: string, caret: number) => {\n    setTrigger(findTrigger(text, caret));\n    setHighlight(0);\n  };\n\n  const insertMention = (member: WorkspaceDirectoryMember) => {\n    if (!trigger) return;\n    const end = trigger.start + 1 + trigger.query.length;\n    const token = `@[${member.name}](${member.id})`;\n    const next = `${value.slice(0, trigger.start)}${token} ${value.slice(end)}`;\n    const caret = trigger.start + token.length + 1;\n    pendingSelectionRef.current = { start: caret, end: caret };\n    setTrigger(null);\n    onChange(next);\n  };\n\n  /** Current selection in the textarea (or a collapsed caret at the end of the value when the ref isn't mounted\n   * yet — defensive only, the textarea is always mounted by the time a toolbar button is clickable). */\n  const currentSelection = () => {\n    const el = textareaRef.current;\n    return { start: el?.selectionStart ?? value.length, end: el?.selectionEnd ?? value.length };\n  };\n\n  /** Wraps the current selection (or inserts `placeholder`, pre-selected, when nothing is selected) in\n   * `prefix`/`suffix` — the shared mechanic behind the Bold/Italic/Code toolbar buttons. Leaves the wrapped\n   * text selected afterwards so typing immediately replaces it, same as every other rich-text toolbar. */\n  const wrapSelection = (prefix: string, suffix: string, placeholder: string) => {\n    const { start, end } = currentSelection();\n    const hasSelection = end > start;\n    const inner = hasSelection ? value.slice(start, end) : placeholder;\n    const next = `${value.slice(0, start)}${prefix}${inner}${suffix}${value.slice(end)}`;\n    pendingSelectionRef.current = {\n      start: start + prefix.length,\n      end: start + prefix.length + inner.length,\n    };\n    setTrigger(null);\n    onChange(next);\n  };\n\n  const applyCode = () => {\n    const { start, end } = currentSelection();\n    // A multi-line selection becomes a fenced block (the inline-code shape in the grammar explicitly excludes\n    // `\\n` — wspace-planmagnet-svc's INLINE_CODE_RE is `` [^`\\n]{1,500} `` — so wrapping multi-line text in\n    // single backticks would post a body the server itself cannot round-trip as one inline-code span).\n    if (value.slice(start, end).includes('\\n')) {\n      wrapSelection('```\\n', '\\n```', 'code');\n    } else {\n      wrapSelection('`', '`', 'code');\n    }\n  };\n\n  const openLinkPopover = () => {\n    const { start, end } = currentSelection();\n    setLinkLabel(value.slice(start, end));\n    setLinkUrl('');\n    setLinkError(null);\n    setLinkOpen(true);\n  };\n\n  const submitLink = () => {\n    const url = linkUrl.trim();\n    // Same allow-list wspace-planmagnet-svc's sanitizer enforces (HTTPS_URL_RE) — refusing a non-https link\n    // here means the author sees why immediately, instead of posting and getting back inert \"blocked link\" text.\n    if (!/^https:\\/\\/[^\\s<>\"'`]+$/i.test(url)) {\n      setLinkError('Enter a link starting with https://');\n      return;\n    }\n    const { start, end } = currentSelection();\n    const label = linkLabel.trim() || url;\n    if (/[[\\]]/.test(label)) {\n      setLinkError('Link text cannot contain [ or ].');\n      return;\n    }\n    const token = `[${label}](${url})`;\n    const next = `${value.slice(0, start)}${token}${value.slice(end)}`;\n    const caret = start + token.length;\n    pendingSelectionRef.current = { start: caret, end: caret };\n    setTrigger(null);\n    onChange(next);\n    setLinkOpen(false);\n    setLinkUrl('');\n    setLinkLabel('');\n    setLinkError(null);\n  };\n\n  const listId = `${id}-mentions`;\n  const activeOption = open ? options[highlight] : undefined;\n\n  return (\n    <div className=\"relative\">\n      <div\n        role=\"toolbar\"\n        aria-label=\"Formatting\"\n        aria-controls={id}\n        className=\"mb-1 flex items-center gap-0.5\"\n      >\n        <ToolbarButton\n          icon={<Bold className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />}\n          label=\"Bold\"\n          disabled={disabled}\n          onClick={() => wrapSelection('**', '**', 'bold text')}\n        />\n        <ToolbarButton\n          icon={<Italic className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />}\n          label=\"Italic\"\n          disabled={disabled}\n          onClick={() => wrapSelection('_', '_', 'italic text')}\n        />\n        <ToolbarButton\n          icon={<Code2 className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />}\n          label=\"Code\"\n          disabled={disabled}\n          onClick={applyCode}\n        />\n        <Popover\n          open={linkOpen}\n          onOpenChange={(isOpen) => {\n            setLinkOpen(isOpen);\n            if (!isOpen) setLinkError(null);\n          }}\n        >\n          <PopoverTrigger asChild>\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"ghost\"\n              className=\"h-6 w-6 p-0\"\n              aria-label=\"Link\"\n              title=\"Link\"\n              disabled={disabled}\n              onClick={openLinkPopover}\n            >\n              <Link2 className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"w-72 space-y-2\" align=\"start\">\n            <div className=\"space-y-1\">\n              <Label htmlFor={`${id}-link-url`}>Link URL</Label>\n              <Input\n                id={`${id}-link-url`}\n                placeholder=\"https://example.com\"\n                value={linkUrl}\n                autoFocus\n                onChange={(e) => {\n                  setLinkUrl(e.target.value);\n                  setLinkError(null);\n                }}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    e.preventDefault();\n                    submitLink();\n                  }\n                }}\n              />\n            </div>\n            <div className=\"space-y-1\">\n              <Label htmlFor={`${id}-link-label`}>Link text (optional)</Label>\n              <Input\n                id={`${id}-link-label`}\n                placeholder={linkUrl || 'Link text'}\n                value={linkLabel}\n                onChange={(e) => setLinkLabel(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    e.preventDefault();\n                    submitLink();\n                  }\n                }}\n              />\n            </div>\n            {linkError && <p className=\"text-xs text-destructive\">{linkError}</p>}\n            <div className=\"flex justify-end\">\n              <Button type=\"button\" size=\"sm\" onClick={submitLink} disabled={!linkUrl.trim()}>\n                Insert link\n              </Button>\n            </div>\n          </PopoverContent>\n        </Popover>\n      </div>\n      <Textarea\n        ref={textareaRef}\n        id={id}\n        aria-label={ariaLabel}\n        className={className}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        autoFocus={autoFocus}\n        aria-expanded={open}\n        aria-controls={open ? listId : undefined}\n        aria-haspopup=\"listbox\"\n        aria-autocomplete=\"list\"\n        aria-activedescendant={activeOption ? `${listId}-${activeOption.id}` : undefined}\n        onChange={(e) => {\n          onChange(e.target.value);\n          recomputeTrigger(e.target.value, e.target.selectionStart ?? e.target.value.length);\n        }}\n        onSelect={(e) => {\n          const el = e.currentTarget;\n          recomputeTrigger(el.value, el.selectionStart ?? el.value.length);\n        }}\n        onBlur={() => setTrigger(null)}\n        onKeyDown={(e: KeyboardEvent<HTMLTextAreaElement>) => {\n          if (!open || options.length === 0) return;\n          if (e.key === 'ArrowDown') {\n            e.preventDefault();\n            setHighlight((h) => (h + 1) % options.length);\n          } else if (e.key === 'ArrowUp') {\n            e.preventDefault();\n            setHighlight((h) => (h - 1 + options.length) % options.length);\n          } else if (e.key === 'Enter' || e.key === 'Tab') {\n            // `highlight` can only be stale within the bounds already guarded above (`options.length === 0`\n            // returns early); still resolved defensively rather than indexing blind.\n            const member = options[highlight] ?? options[0];\n            if (!member) return;\n            e.preventDefault();\n            insertMention(member);\n          } else if (e.key === 'Escape') {\n            e.preventDefault();\n            setTrigger(null);\n          }\n        }}\n      />\n      {open && (\n        <div className=\"absolute z-20 mt-1 w-72 overflow-hidden rounded-md border border-border-default bg-bg-surface text-sm shadow-md\">\n          <div\n            role=\"listbox\"\n            id={listId}\n            aria-label=\"Workspace members\"\n            data-testid=\"mention-suggestions\"\n            className=\"max-h-56 overflow-y-auto p-1\"\n          >\n            {directory.loading && options.length === 0 && (\n              <p className=\"px-2 py-1.5 text-xs text-muted-foreground\">Loading members…</p>\n            )}\n            {!directory.loading && options.length === 0 && (\n              <p className=\"px-2 py-1.5 text-xs text-muted-foreground\">No matching members.</p>\n            )}\n            {options.map((member, i) => (\n              <button\n                key={member.id}\n                type=\"button\"\n                id={`${listId}-${member.id}`}\n                role=\"option\"\n                aria-selected={i === highlight}\n                className={`flex w-full items-center justify-between gap-2 rounded-sm px-2 py-1.5 text-left ${\n                  i === highlight ? 'bg-primary/10 text-primary' : 'hover:bg-muted'\n                }`}\n                // mousedown (not click) + preventDefault: keeps focus (and the caret we're about to restore) on\n                // the textarea instead of letting the browser blur it into this button first.\n                onMouseDown={(e) => {\n                  e.preventDefault();\n                  insertMention(member);\n                }}\n                onMouseEnter={() => setHighlight(i)}\n              >\n                <span className=\"truncate font-medium\">{member.name}</span>\n                {member.email && (\n                  <span className=\"shrink-0 truncate text-xs text-muted-foreground\">\n                    {member.email}\n                  </span>\n                )}\n              </button>\n            ))}\n          </div>\n          {\n            // The directory loads members a page (50) at a time (`useWorkspaceDirectory`, PAGE_SIZE) and\n            // `search()` only filters what's already loaded — someone outside the first page is unmentionable\n            // until more is fetched. Mirrors the \"Show more members\" affordance the assignee picker and the\n            // roadmap reviewer picker already wire onto this same hook (WorkItemControls' AssigneeSelect,\n            // RoadmapReviewPanel).\n            hasMore && (\n              <button\n                type=\"button\"\n                className=\"w-full border-t border-border-default px-2 py-1.5 text-left text-xs text-primary hover:bg-muted hover:underline\"\n                // Same mousedown/preventDefault trick as the option buttons above: fetchMore() must not blur\n                // the textarea (which would close the dropdown via onBlur before the click is handled).\n                onMouseDown={(e) => {\n                  e.preventDefault();\n                  fetchMore();\n                }}\n              >\n                Show more members\n              </button>\n            )\n          }\n        </div>\n      )}\n      <span className=\"sr-only\" aria-live=\"polite\">\n        {open\n          ? activeOption\n            ? `${activeOption.name} highlighted, ${options.length} member${options.length === 1 ? '' : 's'} matching`\n            : directory.loading\n              ? 'Loading members'\n              : 'No matching members'\n          : ''}\n      </span>\n    </div>\n  );\n}\n\n/** One formatting-toolbar action: an icon-only ghost button sized to match the rest of this thread's compact\n * controls (the Edit/Reply/Resolve row in CommentThread.tsx is `h-6`). `label` is the only accessible name — the\n * icon is always `aria-hidden`. */\nfunction ToolbarButton({\n  icon,\n  label,\n  onClick,\n  disabled,\n}: {\n  icon: ReactNode;\n  label: string;\n  onClick: () => void;\n  disabled?: boolean;\n}) {\n  return (\n    <Button\n      type=\"button\"\n      size=\"sm\"\n      variant=\"ghost\"\n      className=\"h-6 w-6 p-0\"\n      aria-label={label}\n      title={label}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {icon}\n    </Button>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"RoadmapComments.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/RoadmapComments.tsx"],"names":[],"mappings":"AAwGA;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,aAAa,EACb,YAAY,GACb,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uGAAuG;IACvG,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,2CAkHA;AAqHD,+GAA+G;AAC/G,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,2CAe1E;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,2CAsCA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"RoadmapComments.js","names":[],"sources":["../../../src/planmagnet/comments/RoadmapComments.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { MessageSquare, Trash2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\nimport { ConfirmButton, ErrorLine } from '../controls/ConfirmButton';\nimport { throwOnError } from '../utils/mutationResult';\nimport { isForbidden, mutationErrorMessage } from '../utils/graphqlErrors';\n\n/**\n * Roadmap collaboration: discussion (PRM-11). `PlanmagnetRoadmapComment`'s own doc comment says it is the \"same\n * shape as PlanmagnetWorkItemComment\" — this mirrors `WorkItemComments.tsx`'s list/add/author-only-edit/delete\n * thread, parameterized on `roadmapItemId` so ONE component serves both the roadmap-level Discussion panel\n * (`roadmapItemId` omitted) and a per-item thread opened from an item (`roadmapItemId` set) — the server's own\n * \"filter present = exact match, absent = unplaced/unattached\" convention on that field.\n *\n * Posting needs the roadmap's write tier; a Stakeholder-Viewer role that can read but not comment gets FORBIDDEN,\n * shown here as a fixed, specific message (per BOFF-8168-style precedent elsewhere in this MFE) rather than the\n * server's generic one.\n */\n\nconst MAX_LENGTH = 5_000; // PlanmagnetAddRoadmapCommentInput: \"1 to 5,000 characters after trimming\"\nconst PAGE = 20;\n\nconst ROADMAP_COMMENTS = gql`\n  query RoadmapCommentsThread(\n    $roadmapId: ID!\n    $roadmapItemId: ID\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetRoadmapComments(\n      roadmapId: $roadmapId\n      roadmapItemId: $roadmapItemId\n      pagination: $pagination\n    ) {\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_ROADMAP_COMMENT = gql`\n  mutation RoadmapCommentAdd($input: PlanmagnetAddRoadmapCommentInput!) {\n    planmagnetAddRoadmapComment(input: $input) {\n      id\n    }\n  }\n`;\nconst EDIT_ROADMAP_COMMENT = gql`\n  mutation RoadmapCommentEdit($id: ID!, $body: String!) {\n    planmagnetEditRoadmapComment(id: $id, body: $body) {\n      id\n      body\n      editedAt\n    }\n  }\n`;\nconst DELETE_ROADMAP_COMMENT = gql`\n  mutation RoadmapCommentDelete($id: ID!) {\n    planmagnetDeleteRoadmapComment(id: $id)\n  }\n`;\n\ninterface RoadmapComment {\n  id: string;\n  authorId: string;\n  body: string;\n  createdAt: string;\n  editedAt: string | null;\n}\ninterface RoadmapCommentsData {\n  planmagnetRoadmapComments: {\n    totalCount: number;\n    pageInfo: { hasNextPage: boolean; endCursor: string | null };\n    items: RoadmapComment[];\n  };\n}\n\nconst when = (iso: string) => new Date(iso).toLocaleString();\nconst THREAD_REFETCH = { refetchQueries: ['RoadmapCommentsThread'], awaitRefetchQueries: true };\n\n/**\n * The list + composer, with no Card of its own: `RoadmapDiscussionPanel` wraps it in one for the roadmap-level\n * panel, `RoadmapItemCommentsButton` drops it straight into a dialog for an item's thread (a second nested Card\n * there would just be visual noise inside the dialog's own chrome).\n */\nexport function RoadmapCommentThread({\n  roadmapId,\n  roadmapItemId,\n  onTotalCount,\n}: {\n  roadmapId: string;\n  /** Omitted = the roadmap's own thread; set = one item's thread. */\n  roadmapItemId?: string;\n  /** Reports the thread's live total up to the caller (e.g. for a \"Discussion (n)\" title) once known. */\n  onTotalCount?: (count: number) => void;\n}) {\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<RoadmapCommentsData>(ROADMAP_COMMENTS, {\n    variables: { roadmapId, roadmapItemId: roadmapItemId ?? null, pagination: { first: PAGE } },\n    skip: !roadmapId,\n  });\n  const [add, addState] = useMutation(ADD_ROADMAP_COMMENT, THREAD_REFETCH);\n\n  const thread = data?.planmagnetRoadmapComments;\n  const comments = thread?.items ?? [];\n  const trimmed = draft.trim();\n  const tooLong = trimmed.length > MAX_LENGTH;\n\n  useEffect(() => {\n    if (thread) onTotalCount?.(thread.totalCount);\n  }, [thread, onTotalCount]);\n\n  const post = async () => {\n    setError(null);\n    try {\n      await throwOnError(\n        add({\n          variables: { input: { roadmapId, roadmapItemId: roadmapItemId ?? null, body: trimmed } },\n        })\n      );\n      setDraft('');\n    } catch (e) {\n      setError(\n        isForbidden(e)\n          ? 'Your role can read but not comment.'\n          : mutationErrorMessage(e, 'The comment could not be posted.')\n      );\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          planmagnetRoadmapComments: {\n            ...fetchMoreResult.planmagnetRoadmapComments,\n            items: [\n              ...prev.planmagnetRoadmapComments.items,\n              ...fetchMoreResult.planmagnetRoadmapComments.items,\n            ],\n          },\n        }),\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-4\">\n      {error && <ErrorLine message={error} />}\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            onError={setError}\n          />\n        ))}\n      </ol>\n      {thread?.pageInfo.hasNextPage && (\n        <Button size=\"sm\" variant=\"outline\" onClick={() => void 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={`roadmap-comment-draft-${roadmapItemId ?? roadmapId}`} className=\"sr-only\">\n          Add a comment\n        </label>\n        <textarea\n          id={`roadmap-comment-draft-${roadmapItemId ?? roadmapId}`}\n          className=\"w-full min-h-[72px] 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        <div className=\"flex justify-end\">\n          <Button\n            size=\"sm\"\n            onClick={() => void post()}\n            disabled={!trimmed || tooLong || addState.loading}\n            data-testid=\"roadmap-comment-add\"\n          >\n            {addState.loading ? 'Posting…' : 'Comment'}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Refusals are reported to the PANEL, not kept in the row — same reasoning as `WorkItemComments.tsx`'s\n * `CommentRow`: a refused edit/delete still refetches the thread, and a row that vanished with it (deleted\n * elsewhere) would take a row-level message down with it.\n */\nfunction CommentRow({\n  comment,\n  mine,\n  onError,\n}: {\n  comment: RoadmapComment;\n  mine: boolean;\n  onError: (message: string | null) => void;\n}) {\n  const [editing, setEditing] = useState(false);\n  const [text, setText] = useState(comment.body);\n  // Same limit as the Add composer (the edit mutation takes the same 1..5,000 characters after trimming).\n  const editTooLong = text.trim().length > MAX_LENGTH;\n  const setError = onError;\n  const [edit, editState] = useMutation(EDIT_ROADMAP_COMMENT, THREAD_REFETCH);\n  const [remove, removeState] = useMutation(DELETE_ROADMAP_COMMENT, THREAD_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(mutationErrorMessage(e, 'The comment could not be saved.'));\n    }\n  };\n\n  const onRemove = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: comment.id } }));\n    } catch (e) {\n      setError(mutationErrorMessage(e, 'The comment could not be deleted.'));\n    }\n  };\n\n  return (\n    <li className=\"rounded-md border p-3 space-y-1\" data-testid=\"roadmap-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 items-center 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            <ConfirmButton\n              label=\"\"\n              ariaLabel=\"Delete comment\"\n              variant=\"outline\"\n              icon={<Trash2 className=\"h-3.5 w-3.5\" />}\n              title=\"Delete this comment?\"\n              description=\"It is removed from the discussion for everyone. This cannot be undone here.\"\n              confirmLabel=\"Delete\"\n              destructive\n              disabled={removeState.loading}\n              onConfirm={() => void onRemove()}\n            />\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          {editTooLong && (\n            <ErrorLine message={`A comment can be at most ${MAX_LENGTH} characters.`} />\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\n              size=\"sm\"\n              onClick={() => void save()}\n              disabled={!text.trim() || editTooLong || editState.loading}\n            >\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    </li>\n  );\n}\n\n/** The roadmap-level Discussion panel (`roadmapItemId` omitted — the roadmap's own thread, not any item's). */\nexport function RoadmapDiscussionPanel({ roadmapId }: { roadmapId: string }) {\n  const [totalCount, setTotalCount] = useState<number | null>(null);\n  return (\n    <Card data-testid=\"roadmap-discussion\">\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <MessageSquare className=\"h-4 w-4\" aria-hidden=\"true\" />\n          Discussion{totalCount !== null ? ` (${totalCount})` : ''}\n        </CardTitle>\n      </CardHeader>\n      <CardContent>\n        <RoadmapCommentThread roadmapId={roadmapId} onTotalCount={setTotalCount} />\n      </CardContent>\n    </Card>\n  );\n}\n\n/**\n * The small \"Comments\" affordance opened from a roadmap item, in both the Timeline and Now/Next/Later views. It\n * deliberately does NOT pre-fetch a count for the collapsed label: `RoadmapItem` carries no `commentCount` field\n * of its own (unlike `WorkItem`), and both views already render every item on the roadmap unwindowed (Now/Next/\n * Later loads up to 2,000) — firing one count query per row would turn a single page load into a query-per-item\n * burst. The count instead comes from the thread itself, once it has been opened in this session.\n */\nexport function RoadmapItemCommentsButton({\n  roadmapId,\n  itemId,\n  itemTitle,\n}: {\n  roadmapId: string;\n  itemId: string;\n  itemTitle: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const [count, setCount] = useState<number | null>(null);\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={setOpen}>\n      <ResponsiveDialogTrigger asChild>\n        <Button\n          size=\"sm\"\n          variant=\"ghost\"\n          className=\"h-7 px-2 text-xs\"\n          data-testid=\"roadmap-item-comments\"\n          aria-label={`Comments on ${itemTitle}`}\n        >\n          <MessageSquare className=\"mr-1 h-3.5 w-3.5\" aria-hidden=\"true\" />\n          Comments{count !== null && count > 0 ? ` (${count})` : ''}\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Comments — {itemTitle}</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Visible to everyone who can read this roadmap.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"max-h-[60vh] overflow-y-auto pr-1\">\n          {/* Mounted only while open: the thread's own query never fires just because the row rendered. */}\n          {open && (\n            <RoadmapCommentThread\n              roadmapId={roadmapId}\n              roadmapItemId={itemId}\n              onTotalCount={setCount}\n            />\n          )}\n        </div>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TargetComments.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/TargetComments.tsx"],"names":[],"mappings":"AAkGA,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,kGAAkG;IAClG,QAAQ,CAAC,EAAE,sBAAsB,CAAC;CACnC,2CA2CA;AAmFD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,sBAAsB,CAAC;CACnC,2CA2CA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TargetComments.js","names":[],"sources":["../../../src/planmagnet/comments/TargetComments.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { MessageSquare } from 'lucide-react';\nimport { CommentThread } from './CommentThread';\n\n/**\n * Comments on a project or a doc (CWF-12) — the `PlanmagnetComment` type (`targetType` PROJECT | DOC), which\n * means exactly what `PlanmagnetWorkItemComment` means on a work item (see its schema doc comment): same\n * threading (CWF-02), resolution (CWF-14) and mention (CWF-13) behaviour, via the same `CommentThread` engine\n * `WorkItemComments.tsx` uses — only the GraphQL operation names differ per target.\n *\n * A viewer who can read but not write (e.g. a stakeholder-viewer role) sees the thread and gets the same\n * \"Your role can read but not comment.\" refusal `CommentThread` already shows on a FORBIDDEN post — there is no\n * separate read-only banner here; the refusal only appears once they actually try to post.\n */\n\nconst PROJECT_COMMENTS = gql`\n  query ProjectComments($projectId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetProjectComments(projectId: $projectId, pagination: $pagination) {\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      items {\n        id\n        authorId\n        body\n        createdAt\n        editedAt\n        parentId\n        status\n        resolvedBy\n        resolvedAt\n        mentions\n        attachments {\n          id\n          fileId\n          name\n          mimeType\n          size\n        }\n        replies {\n          id\n          authorId\n          body\n          createdAt\n          editedAt\n          parentId\n          status\n          resolvedBy\n          resolvedAt\n          mentions\n          attachments {\n            id\n            fileId\n            name\n            mimeType\n            size\n          }\n        }\n      }\n    }\n  }\n`;\nconst ADD_PROJECT_COMMENT = gql`\n  mutation ProjectCommentAdd($input: PlanmagnetAddProjectCommentInput!) {\n    planmagnetAddProjectComment(input: $input) {\n      id\n    }\n  }\n`;\nconst EDIT_PROJECT_COMMENT = gql`\n  mutation ProjectCommentEdit($id: ID!, $body: String!) {\n    planmagnetEditProjectComment(id: $id, body: $body) {\n      id\n      body\n      editedAt\n    }\n  }\n`;\nconst DELETE_PROJECT_COMMENT = gql`\n  mutation ProjectCommentDelete($id: ID!) {\n    planmagnetDeleteProjectComment(id: $id)\n  }\n`;\nconst RESOLVE_PROJECT_COMMENT = gql`\n  mutation ProjectCommentResolve($id: ID!, $resolved: Boolean!) {\n    planmagnetResolveProjectComment(id: $id, resolved: $resolved) {\n      id\n      status\n      resolvedBy\n      resolvedAt\n    }\n  }\n`;\n\nexport interface TargetCommentsPresence {\n  typingActorIds: readonly string[];\n  notifyTyping: () => void;\n}\n\nexport function ProjectComments({\n  projectId,\n  presence,\n}: {\n  projectId: string;\n  /** CWF-24: typing presence from the page's own `usePresence(targetType: 'PROJECT', ...)` call. */\n  presence?: TargetCommentsPresence;\n}) {\n  const [totalCount, setTotalCount] = useState<number | null>(null);\n  return (\n    <Card data-testid=\"project-comments\">\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <MessageSquare className=\"h-4 w-4\" />\n          Comments{totalCount !== null ? ` (${totalCount})` : ''}\n        </CardTitle>\n      </CardHeader>\n      <CardContent>\n        <CommentThread\n          key={projectId}\n          target={{ type: 'PROJECT', id: projectId }}\n          targetNoun=\"project\"\n          idPrefix={`project-comment-${projectId}`}\n          query={{\n            document: PROJECT_COMMENTS,\n            dataKey: 'planmagnetProjectComments',\n            variables: { projectId },\n            skip: !projectId,\n          }}\n          add={{\n            document: ADD_PROJECT_COMMENT,\n            buildVariables: (body, parentId, attachmentFileIds) => ({\n              input: {\n                projectId,\n                body,\n                parentId,\n                ...(attachmentFileIds.length > 0 ? { attachmentFileIds } : {}),\n              },\n            }),\n          }}\n          edit={EDIT_PROJECT_COMMENT}\n          remove={DELETE_PROJECT_COMMENT}\n          resolve={RESOLVE_PROJECT_COMMENT}\n          refetchQueries={['ProjectComments']}\n          onTotalCount={setTotalCount}\n          presence={presence}\n        />\n      </CardContent>\n    </Card>\n  );\n}\n\nconst DOC_COMMENTS = gql`\n  query DocComments($docId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetDocComments(docId: $docId, pagination: $pagination) {\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      items {\n        id\n        authorId\n        body\n        createdAt\n        editedAt\n        parentId\n        status\n        resolvedBy\n        resolvedAt\n        mentions\n        attachments {\n          id\n          fileId\n          name\n          mimeType\n          size\n        }\n        replies {\n          id\n          authorId\n          body\n          createdAt\n          editedAt\n          parentId\n          status\n          resolvedBy\n          resolvedAt\n          mentions\n          attachments {\n            id\n            fileId\n            name\n            mimeType\n            size\n          }\n        }\n      }\n    }\n  }\n`;\nconst ADD_DOC_COMMENT = gql`\n  mutation DocCommentAdd($input: PlanmagnetAddDocCommentInput!) {\n    planmagnetAddDocComment(input: $input) {\n      id\n    }\n  }\n`;\nconst EDIT_DOC_COMMENT = gql`\n  mutation DocCommentEdit($id: ID!, $body: String!) {\n    planmagnetEditDocComment(id: $id, body: $body) {\n      id\n      body\n      editedAt\n    }\n  }\n`;\nconst DELETE_DOC_COMMENT = gql`\n  mutation DocCommentDelete($id: ID!) {\n    planmagnetDeleteDocComment(id: $id)\n  }\n`;\nconst RESOLVE_DOC_COMMENT = gql`\n  mutation DocCommentResolve($id: ID!, $resolved: Boolean!) {\n    planmagnetResolveDocComment(id: $id, resolved: $resolved) {\n      id\n      status\n      resolvedBy\n      resolvedAt\n    }\n  }\n`;\n\nexport function DocComments({\n  docId,\n  presence,\n}: {\n  docId: string;\n  /** CWF-24: typing presence from the page's own `usePresence(targetType: 'DOC', ...)` call. */\n  presence?: TargetCommentsPresence;\n}) {\n  const [totalCount, setTotalCount] = useState<number | null>(null);\n  return (\n    <Card data-testid=\"doc-comments\">\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <MessageSquare className=\"h-4 w-4\" />\n          Comments{totalCount !== null ? ` (${totalCount})` : ''}\n        </CardTitle>\n      </CardHeader>\n      <CardContent>\n        <CommentThread\n          key={docId}\n          target={{ type: 'DOC', id: docId }}\n          targetNoun=\"doc\"\n          idPrefix={`doc-comment-${docId}`}\n          query={{\n            document: DOC_COMMENTS,\n            dataKey: 'planmagnetDocComments',\n            variables: { docId },\n            skip: !docId,\n          }}\n          add={{\n            document: ADD_DOC_COMMENT,\n            buildVariables: (body, parentId, attachmentFileIds) => ({\n              input: {\n                docId,\n                body,\n                parentId,\n                ...(attachmentFileIds.length > 0 ? { attachmentFileIds } : {}),\n              },\n            }),\n          }}\n          edit={EDIT_DOC_COMMENT}\n          remove={DELETE_DOC_COMMENT}\n          resolve={RESOLVE_DOC_COMMENT}\n          refetchQueries={['DocComments']}\n          onTotalCount={setTotalCount}\n          presence={presence}\n        />\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,IAAM,IAAmB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDtB,IAAsB,CAAG;;;;;;GAOzB,IAAuB,CAAG;;;;;;;;GAS1B,IAAyB,CAAG;;;;GAK5B,IAA0B,CAAG;;;;;;;;;;AAgBnC,SAAgB,EAAgB,EAC9B,cACA,eAKC;CACD,IAAM,CAAC,GAAY,KAAiB,EAAwB,KAAK;AACjE,QACE,kBAAC,GAAD;EAAM,eAAY;YAAlB,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAW,WAAU;aAArB;IACE,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;;IAC5B,MAAe,OAA4B,KAArB,KAAK,EAAW;IACrC;MACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAEE,QAAQ;IAAE,MAAM;IAAW,IAAI;IAAW;GAC1C,YAAW;GACX,UAAU,mBAAmB;GAC7B,OAAO;IACL,UAAU;IACV,SAAS;IACT,WAAW,EAAE,cAAW;IACxB,MAAM,CAAC;IACR;GACD,KAAK;IACH,UAAU;IACV,iBAAiB,GAAM,GAAU,OAAuB,EACtD,OAAO;KACL;KACA;KACA;KACA,GAAI,EAAkB,SAAS,IAAI,EAAE,sBAAmB,GAAG,EAAE;KAC9D,EACF;IACF;GACD,MAAM;GACN,QAAQ;GACR,SAAS;GACT,gBAAgB,CAAC,kBAAkB;GACnC,cAAc;GACJ;GACV,EA3BK,EA2BL,EACU,CAAA,CACT;;;AAIX,IAAM,IAAe,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDlB,IAAkB,CAAG;;;;;;GAOrB,IAAmB,CAAG;;;;;;;;GAStB,IAAqB,CAAG;;;;GAKxB,IAAsB,CAAG;;;;;;;;;;AAW/B,SAAgB,EAAY,EAC1B,UACA,eAKC;CACD,IAAM,CAAC,GAAY,KAAiB,EAAwB,KAAK;AACjE,QACE,kBAAC,GAAD;EAAM,eAAY;YAAlB,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAW,WAAU;aAArB;IACE,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;;IAC5B,MAAe,OAA4B,KAArB,KAAK,EAAW;IACrC;MACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAEE,QAAQ;IAAE,MAAM;IAAO,IAAI;IAAO;GAClC,YAAW;GACX,UAAU,eAAe;GACzB,OAAO;IACL,UAAU;IACV,SAAS;IACT,WAAW,EAAE,UAAO;IACpB,MAAM,CAAC;IACR;GACD,KAAK;IACH,UAAU;IACV,iBAAiB,GAAM,GAAU,OAAuB,EACtD,OAAO;KACL;KACA;KACA;KACA,GAAI,EAAkB,SAAS,IAAI,EAAE,sBAAmB,GAAG,EAAE;KAC9D,EACF;IACF;GACD,MAAM;GACN,QAAQ;GACR,SAAS;GACT,gBAAgB,CAAC,cAAc;GAC/B,cAAc;GACJ;GACV,EA3BK,EA2BL,EACU,CAAA,CACT"}

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

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