Team Task Claim

When to use

Drop TeamTaskClaim onto any team task card to give members an autonomy affordance: open a task for anyone, or volunteer for it — by their own choice, never told to. It is the E4 / Autonomy surface of the gamification pack. The rule that shapes it: choice is always available, never forced; releasing or reassigning never penalizes whoever held it before.

Basic example

import { TeamTaskClaim } from "@/components/team-task-claim"

<TeamTaskClaim
  teamId={team.id}
  members={team.members}          // this team only
  value={task.choice}             // { taskId, openForAnyone, assigneeId }
  currentMemberId={viewerId}
  onOpenForAnyoneChange={(open) => update(task.id, { openForAnyone: open })}
  onClaim={(id) => update(task.id, { assigneeId: id, openForAnyone: false })}
  onAssigneeChange={(id) => update(task.id, { assigneeId: id })} // undefined = release
  density="compact"
/>

Three states

• Open — a friendly 🙌 Open-for-anyone invite plus an I'll take this claim.
• Claimed — an assignee chip + a neutral Release + a reassign picker. Release is onAssigneeChange(undefined) — never a penalty.
• Unassigned — Volunteer and Open-for-anyone offered side by side.

Capability-gating & read-only

Each affordance hides when its callback is omitted; readOnly is a global off-switch. They compose — omitting all callbacks produces the same display-only render as readOnly. Prefer readOnly to express intent.

À-la-carte parts

import {
  OpenForAnyoneToggle, ClaimButton, AssigneeChip,
} from "@/components/team-task-claim"

// Mount just the part you need — each is flat-exported, no Root/context.
<OpenForAnyoneToggle open={task.choice.openForAnyone} onOpenChange={setOpen} />

Notes

• Controlled. value drives the render; the component holds no source-of-truth choice state.
• Team-scoped. Only members (this team) appear in the reassign picker; nothing public/inter-team.
• Telemetry. onEvent emits task-claim.interaction on meaningful interactions only (toggle / claim / reassign / release) — not on render.
• Portable. No next/*, no other registry import; own types.ts slice; only the shadcn switch / button / avatar / popover / command primitives.