@flanksource/clicky-ui 0.3.40 → 0.3.42

package/dist/comments/CommentCardParts.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCardParts.js","sources":["../../src/comments/CommentCardParts.tsx"],"sourcesContent":["import { Badge } from \"../data/Badge\";\nimport { cn } from \"../lib/utils\";\nimport { UiThumbsDown, UiThumbsUp } from \"../icons\";\nimport {\n  resolveFacetOption,\n  resolveStatusConfig,\n  toneToBadgeTone,\n} from \"./comment-utils\";\nimport { resolveCommentStage } from \"../lib/comment-stage\";\nimport type { Comment, CommentConfig, CommentRating } from \"./comment-types\";\n\nexport function RatingChip({ rating }: { rating: CommentRating | undefined }) {\n  if (!rating) return null;\n  const positive = rating === \"positive\";\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={positive ? \"success\" : \"danger\"}\n      size=\"xs\"\n      icon={positive ? UiThumbsUp : UiThumbsDown}\n    >\n      {positive ? \"Positive rating\" : \"Negative rating\"}\n    </Badge>\n  );\n}\n\nexport function StatusChip({\n  comment,\n  config,\n}: {\n  comment: Comment;\n  config: CommentConfig;\n}) {\n  const status = resolveStatusConfig(config, comment.status);\n  if (!status) return null;\n  const closedBy =\n    resolveCommentStage(config, comment.status) === \"closed\"\n      ? comment.closedBy\n      : undefined;\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={toneToBadgeTone(status.tone)}\n      size=\"xs\"\n      {...(status.icon ? { icon: status.icon } : {})}\n      {...(comment.closedAt\n        ? { title: new Date(comment.closedAt).toLocaleString() }\n        : {})}\n    >\n      {closedBy ? `Closed by ${closedBy.name}` : status.label}\n    </Badge>\n  );\n}\n\nexport function FacetBadges({\n  comment,\n  config,\n  compact,\n}: {\n  comment: Comment;\n  config: CommentConfig;\n  compact?: boolean;\n}) {\n  const chips = (config.facets ?? []).flatMap((facet) => {\n    const option = resolveFacetOption(facet, comment.facets?.[facet.key]);\n    if (!option) return [];\n    return [\n      <Badge\n        key={facet.key}\n        variant=\"soft\"\n        tone={toneToBadgeTone(option.tone)}\n        size=\"xs\"\n      >\n        {compact ? (option.short ?? option.label) : option.label}\n      </Badge>,\n    ];\n  });\n  return chips.length > 0 ? <>{chips}</> : null;\n}\n\nexport function ChecklistChips({\n  comment,\n  onChecklistToggle,\n}: {\n  comment: Comment;\n  onChecklistToggle?: (index: number) => void;\n}) {\n  if (!comment.checklist?.length) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1\">\n      {comment.checklist.map((item, index) => {\n        const done = /done|complete|resolved/i.test(item.status);\n        const active = /progress|doing/i.test(item.status);\n        return (\n          <button\n            key={index}\n            type=\"button\"\n            onClick={() => onChecklistToggle?.(index)}\n            disabled={!onChecklistToggle}\n            className={cn(\n              \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] transition-opacity\",\n              onChecklistToggle && \"cursor-pointer hover:opacity-80\",\n              done\n                ? \"bg-green-100 text-green-800 line-through dark:bg-green-500/20 dark:text-green-300\"\n                : active\n                  ? \"bg-yellow-100 text-yellow-800 dark:bg-yellow-500/20 dark:text-yellow-300\"\n                  : \"bg-muted text-muted-foreground\",\n            )}\n          >\n            {item.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function RefChips({ comment }: { comment: Comment }) {\n  if (!comment.refs?.length) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {comment.refs.map((group, index) => (\n        <span\n          key={index}\n          className=\"inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\"\n        >\n          <span className=\"font-medium\">{group.label}:</span>\n          <span className={group.mono ? \"font-mono\" : undefined}>\n            {group.items.join(\", \")}\n          </span>\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentCardParts.js","sources":["../../src/comments/CommentCardParts.tsx"],"sourcesContent":["import { Badge } from \"../data/Badge\";\nimport { cn } from \"../lib/utils\";\nimport { UiThumbsDown, UiThumbsUp } from \"../icons\";\nimport {\n  resolveFacetOption,\n  resolveStatusConfig,\n  toneToBadgeTone,\n} from \"./comment-utils\";\nimport { resolveCommentStage } from \"../lib/comment-stage\";\nimport type {\n  Comment,\n  CommentConfig,\n  CommentRating,\n  CommentReviewDecision,\n} from \"./comment-types\";\n\nexport function ReviewDecisionChip({\n  decision,\n}: {\n  decision: CommentReviewDecision | undefined;\n}) {\n  if (!decision) return null;\n  const label =\n    decision === \"approved\"\n      ? \"Approved\"\n      : decision === \"rejected\"\n        ? \"Rejected\"\n        : \"Revision requested\";\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={\n        decision === \"approved\"\n          ? \"success\"\n          : decision === \"rejected\"\n            ? \"danger\"\n            : \"warning\"\n      }\n      size=\"xs\"\n    >\n      {label}\n    </Badge>\n  );\n}\n\nexport function RatingChip({ rating }: { rating: CommentRating | undefined }) {\n  if (!rating) return null;\n  const positive = rating === \"positive\";\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={positive ? \"success\" : \"danger\"}\n      size=\"xs\"\n      icon={positive ? UiThumbsUp : UiThumbsDown}\n    >\n      {positive ? \"Positive rating\" : \"Negative rating\"}\n    </Badge>\n  );\n}\n\nexport function StatusChip({\n  comment,\n  config,\n}: {\n  comment: Comment;\n  config: CommentConfig;\n}) {\n  const status = resolveStatusConfig(config, comment.status);\n  if (!status) return null;\n  const closedBy =\n    resolveCommentStage(config, comment.status) === \"closed\"\n      ? comment.closedBy\n      : undefined;\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={toneToBadgeTone(status.tone)}\n      size=\"xs\"\n      {...(status.icon ? { icon: status.icon } : {})}\n      {...(comment.closedAt\n        ? { title: new Date(comment.closedAt).toLocaleString() }\n        : {})}\n    >\n      {closedBy ? `Closed by ${closedBy.name}` : status.label}\n    </Badge>\n  );\n}\n\nexport function FacetBadges({\n  comment,\n  config,\n  compact,\n}: {\n  comment: Comment;\n  config: CommentConfig;\n  compact?: boolean;\n}) {\n  const chips = (config.facets ?? []).flatMap((facet) => {\n    const option = resolveFacetOption(facet, comment.facets?.[facet.key]);\n    if (!option) return [];\n    return [\n      <Badge\n        key={facet.key}\n        variant=\"soft\"\n        tone={toneToBadgeTone(option.tone)}\n        size=\"xs\"\n      >\n        {compact ? (option.short ?? option.label) : option.label}\n      </Badge>,\n    ];\n  });\n  return chips.length > 0 ? <>{chips}</> : null;\n}\n\nexport function ChecklistChips({\n  comment,\n  onChecklistToggle,\n}: {\n  comment: Comment;\n  onChecklistToggle?: (index: number) => void;\n}) {\n  if (!comment.checklist?.length) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1\">\n      {comment.checklist.map((item, index) => {\n        const done = /done|complete|resolved/i.test(item.status);\n        const active = /progress|doing/i.test(item.status);\n        return (\n          <button\n            key={index}\n            type=\"button\"\n            onClick={() => onChecklistToggle?.(index)}\n            disabled={!onChecklistToggle}\n            className={cn(\n              \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] transition-opacity\",\n              onChecklistToggle && \"cursor-pointer hover:opacity-80\",\n              done\n                ? \"bg-green-100 text-green-800 line-through dark:bg-green-500/20 dark:text-green-300\"\n                : active\n                  ? \"bg-yellow-100 text-yellow-800 dark:bg-yellow-500/20 dark:text-yellow-300\"\n                  : \"bg-muted text-muted-foreground\",\n            )}\n          >\n            {item.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function RefChips({ comment }: { comment: Comment }) {\n  if (!comment.refs?.length) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {comment.refs.map((group, index) => (\n        <span\n          key={index}\n          className=\"inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\"\n        >\n          <span className=\"font-medium\">{group.label}:</span>\n          <span className={group.mono ? \"font-mono\" : undefined}>\n            {group.items.join(\", \")}\n          </span>\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/comments/comment-types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"comment-types.cjs","sources":["../../src/comments/comment-types.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { StaticIconComponent } from \"../data/Icon\";\n\n/** Semantic tone driving a status/facet color (maps onto Badge tones). */\nexport type CommentTone =\n  | \"default\"\n  | \"info\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"neutral\";\n\n/** Product lifecycle stage represented by one or more stored statuses. */\nexport type CommentStatusStage = \"active\" | \"resolved\" | \"closed\";\n\n/** A single selectable status (e.g. \"open\", \"resolved\"). Consumer-defined. */\nexport type CommentStatusConfig = {\n  /** Stable value stored on a comment's `status`. */\n  value: string;\n  /** Human label shown in menus and badges. */\n  label: string;\n  /** Color tone for the status chip. */\n  tone?: CommentTone;\n  /** Optional leading glyph. */\n  icon?: string | StaticIconComponent;\n  /** Lifecycle stage used by review queues and status actions. */\n  stage?: CommentStatusStage;\n  /**\n   * Whether this status counts as \"unresolved/open\" — drives progress tallies\n   * and which groups start expanded. Defaults to false.\n   */\n  unresolved?: boolean;\n};\n\n/** One option of a generic facet (e.g. a \"category\" value). */\nexport type CommentFacetOption = {\n  value: string;\n  label: string;\n  tone?: CommentTone;\n  /** Compact glyph for the collapsed card (e.g. \"BS\" for a category). */\n  short?: string;\n};\n\n/**\n * A generic, consumer-supplied classification axis. Replaces the financial\n * category/severity vocabulary — any app declares its own facets.\n */\nexport type CommentFacet = {\n  /** Key into `Comment.facets`. */\n  key: string;\n  label: string;\n  options: CommentFacetOption[];\n  /** Allow several values to be selected at once in the filter bar. */\n  multiple?: boolean;\n};\n\nexport type CommentMentionKind = \"user\" | \"agent\";\n\n/** A person or agent that can be @-mentioned in the composer. */\nexport type CommentMentionable = {\n  id: string;\n  name: string;\n  /** Image URL for `kind: \"user\"`. */\n  avatar?: string;\n  kind: CommentMentionKind;\n  /** Glyph override for `kind: \"agent\"`. */\n  icon?: string | StaticIconComponent;\n};\n\n/** A resolved mention emitted when a comment referencing a mentionable is posted. */\nexport type CommentMention = {\n  id: string;\n  name: string;\n  kind: CommentMentionKind;\n};\n\n/** A labelled group of reference chips (e.g. linked ids). */\nexport type CommentRefGroup = {\n  label: string;\n  items: string[];\n  /** Render items in a monospace font. */\n  mono?: boolean;\n};\n\n/** One item of a generic checklist; `status` cycles through `checklistStatusCycle`. */\nexport type CommentChecklistItem = {\n  label: string;\n  status: string;\n};\n\nexport type CommentAuthor = {\n  id?: string;\n  name: string;\n  kind?: CommentMentionKind;\n  avatar?: string;\n  /** Glyph override for `kind: \"agent\"` authors. */\n  icon?: string | StaticIconComponent;\n};\n\n/**\n * An opaque anchor key locating a comment within a document. Not a JSON path —\n * any stable string a consumer registers via the provider. `null`/absent means\n * document-level.\n */\nexport type CommentAnchor = string;\n\n/** Binary review signal attached to a root comment. */\nexport type CommentRating = \"positive\" | \"negative\";\n\n/** Anchor key reserved for document-level (un-anchored) comments. */\nexport const DOCUMENT_ANCHOR = \"__document__\";\n\n/** A single comment. Replies set `parentId`; roots leave it null. */\nexport type Comment = {\n  id: string;\n  body: string;\n  /** ISO-8601 creation time. */\n  createdAt: string;\n  /** ISO-8601 last-update time. */\n  updatedAt?: string;\n  author: CommentAuthor | null;\n  /** Key into the configured statuses; roots only. */\n  status?: string;\n  /** Parent comment id when this is a reply. */\n  parentId?: string | null;\n  /** Where the comment is anchored; null/absent = document-level. */\n  anchor?: CommentAnchor | null;\n  /** Optional positive/negative review signal; roots only. */\n  rating?: CommentRating;\n  /** ISO-8601 time when a human closed the resolved comment. */\n  closedAt?: string;\n  /** Human who closed the comment. */\n  closedBy?: CommentAuthor;\n  /** facet.key → selected option value. */\n  facets?: Record<string, string>;\n  refs?: CommentRefGroup[];\n  checklist?: CommentChecklistItem[];\n};\n\n/** Payload for creating a new root comment. */\nexport type CommentCreateInput = {\n  body: string;\n  anchor?: CommentAnchor | null;\n  rating?: CommentRating;\n  facets?: Record<string, string>;\n  mentions?: CommentMention[];\n};\n\nexport type CommentCreateAction = { id: string; label: string };\n\n/** Payload for replying to a comment. */\nexport type CommentReplyInput = {\n  parentId: string;\n  body: string;\n  anchor?: CommentAnchor | null;\n  mentions?: CommentMention[];\n};\n\n/**\n * Controlled callbacks. The components own no data fetching; the consumer\n * performs the mutation and feeds the updated `comments` back in.\n */\nexport type CommentCallbacks = {\n  onCreate?: (input: CommentCreateInput, actionId?: string) => void | Promise<void>;\n  onReply?: (input: CommentReplyInput) => void | Promise<void>;\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  /** Human-only transition from resolved to closed. */\n  onClose?: (id: string) => void | Promise<void>;\n  onUpdateRating?: (id: string, rating: CommentRating) => void | Promise<void>;\n  onDelete?: (id: string) => void | Promise<void>;\n  onChecklistToggle?: (\n    id: string,\n    index: number,\n    next: string,\n  ) => void | Promise<void>;\n  /** Fired when a posted comment references a mentionable. */\n  onMention?: (mention: CommentMention, context: { body: string }) => void;\n};\n\n/** Static configuration shared across the comment components. */\nexport type CommentConfig = {\n  /** Selectable statuses; the first `unresolved` one is the default for new comments. */\n  statuses: CommentStatusConfig[];\n  /** Classification axes (category/severity/etc.). */\n  facets?: CommentFacet[];\n  /** People/agents available for @-mention. */\n  mentionables?: CommentMentionable[];\n  /** Status values a checklist item cycles through on click. */\n  checklistStatusCycle?: string[];\n};\n\n/** Aggregate metadata for one anchor, derived from the comment list. */\nexport type CommentAnchorMeta = {\n  count: number;\n  authors: string[];\n  latestStatus?: string;\n};\n\n/** Selected filter state for the filter bar / `applyCommentFilters`. */\nexport type CommentFilters = {\n  /** Selected status values; empty = all statuses. */\n  statuses: Set<string>;\n  /** facet.key → selected option values; empty set = all values for that facet. */\n  facets: Record<string, Set<string>>;\n  /** Restrict to an author kind, or \"all\". */\n  authorKind?: CommentMentionKind | \"all\";\n};\n\n/** Optional renderers passed down to a card. */\nexport type CommentRenderOptions = {\n  /** Custom comment-body renderer (e.g. full Markdown). Defaults to CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n};\n\n/** A domain-free default status set: open / in progress / resolved / closed. */\nexport const DEFAULT_COMMENT_STATUSES: CommentStatusConfig[] = [\n  {\n    value: \"open\",\n    label: \"Open\",\n    tone: \"info\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"in_progress\",\n    label: \"In progress\",\n    tone: \"warning\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"resolved\",\n    label: \"Resolved\",\n    tone: \"success\",\n    stage: \"resolved\",\n  },\n  { value: \"closed\", label: \"Closed\", tone: \"neutral\", stage: \"closed\" },\n];\n\n/** Default checklist status cycle used when a consumer omits one. */\nexport const DEFAULT_CHECKLIST_CYCLE = [\"open\", \"in_progress\", \"done\"];\n"],"names":[],"mappings":";;AA8GO,MAAM,kBAAkB;AAyGxB,MAAM,2BAAkD;AAAA,EAC7D;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,WAAW,OAAO,SAAA;AAC9D;AAGO,MAAM,0BAA0B,CAAC,QAAQ,eAAe,MAAM;;;;"}
+{"version":3,"file":"comment-types.cjs","sources":["../../src/comments/comment-types.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { StaticIconComponent } from \"../data/Icon\";\n\n/** Semantic tone driving a status/facet color (maps onto Badge tones). */\nexport type CommentTone =\n  | \"default\"\n  | \"info\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"neutral\";\n\n/** Product lifecycle stage represented by one or more stored statuses. */\nexport type CommentStatusStage = \"active\" | \"resolved\" | \"closed\";\n\n/** A single selectable status (e.g. \"open\", \"resolved\"). Consumer-defined. */\nexport type CommentStatusConfig = {\n  /** Stable value stored on a comment's `status`. */\n  value: string;\n  /** Human label shown in menus and badges. */\n  label: string;\n  /** Color tone for the status chip. */\n  tone?: CommentTone;\n  /** Optional leading glyph. */\n  icon?: string | StaticIconComponent;\n  /** Lifecycle stage used by review queues and status actions. */\n  stage?: CommentStatusStage;\n  /**\n   * Whether this status counts as \"unresolved/open\" — drives progress tallies\n   * and which groups start expanded. Defaults to false.\n   */\n  unresolved?: boolean;\n};\n\n/** One option of a generic facet (e.g. a \"category\" value). */\nexport type CommentFacetOption = {\n  value: string;\n  label: string;\n  tone?: CommentTone;\n  /** Compact glyph for the collapsed card (e.g. \"BS\" for a category). */\n  short?: string;\n};\n\n/**\n * A generic, consumer-supplied classification axis. Replaces the financial\n * category/severity vocabulary — any app declares its own facets.\n */\nexport type CommentFacet = {\n  /** Key into `Comment.facets`. */\n  key: string;\n  label: string;\n  options: CommentFacetOption[];\n  /** Allow several values to be selected at once in the filter bar. */\n  multiple?: boolean;\n};\n\nexport type CommentMentionKind = \"user\" | \"agent\";\n\n/** A person or agent that can be @-mentioned in the composer. */\nexport type CommentMentionable = {\n  id: string;\n  name: string;\n  /** Image URL for `kind: \"user\"`. */\n  avatar?: string;\n  kind: CommentMentionKind;\n  /** Glyph override for `kind: \"agent\"`. */\n  icon?: string | StaticIconComponent;\n};\n\n/** A resolved mention emitted when a comment referencing a mentionable is posted. */\nexport type CommentMention = {\n  id: string;\n  name: string;\n  kind: CommentMentionKind;\n};\n\n/** A labelled group of reference chips (e.g. linked ids). */\nexport type CommentRefGroup = {\n  label: string;\n  items: string[];\n  /** Render items in a monospace font. */\n  mono?: boolean;\n};\n\n/** One item of a generic checklist; `status` cycles through `checklistStatusCycle`. */\nexport type CommentChecklistItem = {\n  label: string;\n  status: string;\n};\n\nexport type CommentAuthor = {\n  id?: string;\n  name: string;\n  kind?: CommentMentionKind;\n  avatar?: string;\n  /** Glyph override for `kind: \"agent\"` authors. */\n  icon?: string | StaticIconComponent;\n};\n\n/**\n * An opaque anchor key locating a comment within a document. Not a JSON path —\n * any stable string a consumer registers via the provider. `null`/absent means\n * document-level.\n */\nexport type CommentAnchor = string;\n\n/** Binary review signal attached to a root comment. */\nexport type CommentRating = \"positive\" | \"negative\";\nexport type CommentReviewDecision =\n  | \"approved\"\n  | \"rejected\"\n  | \"revision_requested\";\n\n/** Anchor key reserved for document-level (un-anchored) comments. */\nexport const DOCUMENT_ANCHOR = \"__document__\";\n\n/** A single comment. Replies set `parentId`; roots leave it null. */\nexport type Comment = {\n  id: string;\n  body: string;\n  /** ISO-8601 creation time. */\n  createdAt: string;\n  /** ISO-8601 last-update time. */\n  updatedAt?: string;\n  author: CommentAuthor | null;\n  /** Key into the configured statuses; roots only. */\n  status?: string;\n  /** Parent comment id when this is a reply. */\n  parentId?: string | null;\n  /** Where the comment is anchored; null/absent = document-level. */\n  anchor?: CommentAnchor | null;\n  /** Optional positive/negative review signal; roots only. */\n  rating?: CommentRating;\n  /** Human decision on an opted-in playground review element; roots only. */\n  reviewDecision?: CommentReviewDecision;\n  /** ISO-8601 time when a human closed the resolved comment. */\n  closedAt?: string;\n  /** Human who closed the comment. */\n  closedBy?: CommentAuthor;\n  /** facet.key → selected option value. */\n  facets?: Record<string, string>;\n  refs?: CommentRefGroup[];\n  checklist?: CommentChecklistItem[];\n};\n\n/** Payload for creating a new root comment. */\nexport type CommentCreateInput = {\n  body: string;\n  anchor?: CommentAnchor | null;\n  rating?: CommentRating;\n  reviewDecision?: CommentReviewDecision;\n  facets?: Record<string, string>;\n  mentions?: CommentMention[];\n};\n\nexport type CommentCreateAction = { id: string; label: string };\n\n/** Payload for replying to a comment. */\nexport type CommentReplyInput = {\n  parentId: string;\n  body: string;\n  anchor?: CommentAnchor | null;\n  mentions?: CommentMention[];\n};\n\n/**\n * Controlled callbacks. The components own no data fetching; the consumer\n * performs the mutation and feeds the updated `comments` back in.\n */\nexport type CommentCallbacks = {\n  onCreate?: (\n    input: CommentCreateInput,\n    actionId?: string,\n  ) => void | Promise<void>;\n  onReply?: (input: CommentReplyInput) => void | Promise<void>;\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  /** Human-only transition from resolved to closed. */\n  onClose?: (id: string) => void | Promise<void>;\n  onUpdateRating?: (id: string, rating: CommentRating) => void | Promise<void>;\n  onDelete?: (id: string) => void | Promise<void>;\n  onChecklistToggle?: (\n    id: string,\n    index: number,\n    next: string,\n  ) => void | Promise<void>;\n  /** Fired when a posted comment references a mentionable. */\n  onMention?: (mention: CommentMention, context: { body: string }) => void;\n};\n\n/** Static configuration shared across the comment components. */\nexport type CommentConfig = {\n  /** Selectable statuses; the first `unresolved` one is the default for new comments. */\n  statuses: CommentStatusConfig[];\n  /** Classification axes (category/severity/etc.). */\n  facets?: CommentFacet[];\n  /** People/agents available for @-mention. */\n  mentionables?: CommentMentionable[];\n  /** Status values a checklist item cycles through on click. */\n  checklistStatusCycle?: string[];\n};\n\n/** Aggregate metadata for one anchor, derived from the comment list. */\nexport type CommentAnchorMeta = {\n  count: number;\n  authors: string[];\n  latestStatus?: string;\n};\n\n/** Selected filter state for the filter bar / `applyCommentFilters`. */\nexport type CommentFilters = {\n  /** Selected status values; empty = all statuses. */\n  statuses: Set<string>;\n  /** facet.key → selected option values; empty set = all values for that facet. */\n  facets: Record<string, Set<string>>;\n  /** Restrict to an author kind, or \"all\". */\n  authorKind?: CommentMentionKind | \"all\";\n};\n\n/** Optional renderers passed down to a card. */\nexport type CommentRenderOptions = {\n  /** Custom comment-body renderer (e.g. full Markdown). Defaults to CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n};\n\n/** A domain-free default status set: open / in progress / resolved / closed. */\nexport const DEFAULT_COMMENT_STATUSES: CommentStatusConfig[] = [\n  {\n    value: \"open\",\n    label: \"Open\",\n    tone: \"info\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"in_progress\",\n    label: \"In progress\",\n    tone: \"warning\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"resolved\",\n    label: \"Resolved\",\n    tone: \"success\",\n    stage: \"resolved\",\n  },\n  { value: \"closed\", label: \"Closed\", tone: \"neutral\", stage: \"closed\" },\n];\n\n/** Default checklist status cycle used when a consumer omits one. */\nexport const DEFAULT_CHECKLIST_CYCLE = [\"open\", \"in_progress\", \"done\"];\n"],"names":[],"mappings":";;AAkHO,MAAM,kBAAkB;AA+GxB,MAAM,2BAAkD;AAAA,EAC7D;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,WAAW,OAAO,SAAA;AAC9D;AAGO,MAAM,0BAA0B,CAAC,QAAQ,eAAe,MAAM;;;;"}

package/dist/comments/comment-types.d.ts

@@ -87,6 +87,7 @@ export type CommentAuthor = {
 export type CommentAnchor = string;
 /** Binary review signal attached to a root comment. */
 export type CommentRating = "positive" | "negative";
+export type CommentReviewDecision = "approved" | "rejected" | "revision_requested";
 /** Anchor key reserved for document-level (un-anchored) comments. */
 export declare const DOCUMENT_ANCHOR = "__document__";
 /** A single comment. Replies set `parentId`; roots leave it null. */
@@ -106,6 +107,8 @@ export type Comment = {
     anchor?: CommentAnchor | null;
     /** Optional positive/negative review signal; roots only. */
     rating?: CommentRating;
+    /** Human decision on an opted-in playground review element; roots only. */
+    reviewDecision?: CommentReviewDecision;
     /** ISO-8601 time when a human closed the resolved comment. */
     closedAt?: string;
     /** Human who closed the comment. */
@@ -120,6 +123,7 @@ export type CommentCreateInput = {
     body: string;
     anchor?: CommentAnchor | null;
     rating?: CommentRating;
+    reviewDecision?: CommentReviewDecision;
     facets?: Record<string, string>;
     mentions?: CommentMention[];
 };

package/dist/comments/comment-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"comment-types.d.ts","sourceRoot":"","sources":["../../src/comments/comment-types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"comment-types.d.ts","sourceRoot":"","sources":["../../src/comments/comment-types.ts"],"names":[],"mappings":"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"}

package/dist/comments/comment-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"comment-types.js","sources":["../../src/comments/comment-types.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { StaticIconComponent } from \"../data/Icon\";\n\n/** Semantic tone driving a status/facet color (maps onto Badge tones). */\nexport type CommentTone =\n  | \"default\"\n  | \"info\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"neutral\";\n\n/** Product lifecycle stage represented by one or more stored statuses. */\nexport type CommentStatusStage = \"active\" | \"resolved\" | \"closed\";\n\n/** A single selectable status (e.g. \"open\", \"resolved\"). Consumer-defined. */\nexport type CommentStatusConfig = {\n  /** Stable value stored on a comment's `status`. */\n  value: string;\n  /** Human label shown in menus and badges. */\n  label: string;\n  /** Color tone for the status chip. */\n  tone?: CommentTone;\n  /** Optional leading glyph. */\n  icon?: string | StaticIconComponent;\n  /** Lifecycle stage used by review queues and status actions. */\n  stage?: CommentStatusStage;\n  /**\n   * Whether this status counts as \"unresolved/open\" — drives progress tallies\n   * and which groups start expanded. Defaults to false.\n   */\n  unresolved?: boolean;\n};\n\n/** One option of a generic facet (e.g. a \"category\" value). */\nexport type CommentFacetOption = {\n  value: string;\n  label: string;\n  tone?: CommentTone;\n  /** Compact glyph for the collapsed card (e.g. \"BS\" for a category). */\n  short?: string;\n};\n\n/**\n * A generic, consumer-supplied classification axis. Replaces the financial\n * category/severity vocabulary — any app declares its own facets.\n */\nexport type CommentFacet = {\n  /** Key into `Comment.facets`. */\n  key: string;\n  label: string;\n  options: CommentFacetOption[];\n  /** Allow several values to be selected at once in the filter bar. */\n  multiple?: boolean;\n};\n\nexport type CommentMentionKind = \"user\" | \"agent\";\n\n/** A person or agent that can be @-mentioned in the composer. */\nexport type CommentMentionable = {\n  id: string;\n  name: string;\n  /** Image URL for `kind: \"user\"`. */\n  avatar?: string;\n  kind: CommentMentionKind;\n  /** Glyph override for `kind: \"agent\"`. */\n  icon?: string | StaticIconComponent;\n};\n\n/** A resolved mention emitted when a comment referencing a mentionable is posted. */\nexport type CommentMention = {\n  id: string;\n  name: string;\n  kind: CommentMentionKind;\n};\n\n/** A labelled group of reference chips (e.g. linked ids). */\nexport type CommentRefGroup = {\n  label: string;\n  items: string[];\n  /** Render items in a monospace font. */\n  mono?: boolean;\n};\n\n/** One item of a generic checklist; `status` cycles through `checklistStatusCycle`. */\nexport type CommentChecklistItem = {\n  label: string;\n  status: string;\n};\n\nexport type CommentAuthor = {\n  id?: string;\n  name: string;\n  kind?: CommentMentionKind;\n  avatar?: string;\n  /** Glyph override for `kind: \"agent\"` authors. */\n  icon?: string | StaticIconComponent;\n};\n\n/**\n * An opaque anchor key locating a comment within a document. Not a JSON path —\n * any stable string a consumer registers via the provider. `null`/absent means\n * document-level.\n */\nexport type CommentAnchor = string;\n\n/** Binary review signal attached to a root comment. */\nexport type CommentRating = \"positive\" | \"negative\";\n\n/** Anchor key reserved for document-level (un-anchored) comments. */\nexport const DOCUMENT_ANCHOR = \"__document__\";\n\n/** A single comment. Replies set `parentId`; roots leave it null. */\nexport type Comment = {\n  id: string;\n  body: string;\n  /** ISO-8601 creation time. */\n  createdAt: string;\n  /** ISO-8601 last-update time. */\n  updatedAt?: string;\n  author: CommentAuthor | null;\n  /** Key into the configured statuses; roots only. */\n  status?: string;\n  /** Parent comment id when this is a reply. */\n  parentId?: string | null;\n  /** Where the comment is anchored; null/absent = document-level. */\n  anchor?: CommentAnchor | null;\n  /** Optional positive/negative review signal; roots only. */\n  rating?: CommentRating;\n  /** ISO-8601 time when a human closed the resolved comment. */\n  closedAt?: string;\n  /** Human who closed the comment. */\n  closedBy?: CommentAuthor;\n  /** facet.key → selected option value. */\n  facets?: Record<string, string>;\n  refs?: CommentRefGroup[];\n  checklist?: CommentChecklistItem[];\n};\n\n/** Payload for creating a new root comment. */\nexport type CommentCreateInput = {\n  body: string;\n  anchor?: CommentAnchor | null;\n  rating?: CommentRating;\n  facets?: Record<string, string>;\n  mentions?: CommentMention[];\n};\n\nexport type CommentCreateAction = { id: string; label: string };\n\n/** Payload for replying to a comment. */\nexport type CommentReplyInput = {\n  parentId: string;\n  body: string;\n  anchor?: CommentAnchor | null;\n  mentions?: CommentMention[];\n};\n\n/**\n * Controlled callbacks. The components own no data fetching; the consumer\n * performs the mutation and feeds the updated `comments` back in.\n */\nexport type CommentCallbacks = {\n  onCreate?: (input: CommentCreateInput, actionId?: string) => void | Promise<void>;\n  onReply?: (input: CommentReplyInput) => void | Promise<void>;\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  /** Human-only transition from resolved to closed. */\n  onClose?: (id: string) => void | Promise<void>;\n  onUpdateRating?: (id: string, rating: CommentRating) => void | Promise<void>;\n  onDelete?: (id: string) => void | Promise<void>;\n  onChecklistToggle?: (\n    id: string,\n    index: number,\n    next: string,\n  ) => void | Promise<void>;\n  /** Fired when a posted comment references a mentionable. */\n  onMention?: (mention: CommentMention, context: { body: string }) => void;\n};\n\n/** Static configuration shared across the comment components. */\nexport type CommentConfig = {\n  /** Selectable statuses; the first `unresolved` one is the default for new comments. */\n  statuses: CommentStatusConfig[];\n  /** Classification axes (category/severity/etc.). */\n  facets?: CommentFacet[];\n  /** People/agents available for @-mention. */\n  mentionables?: CommentMentionable[];\n  /** Status values a checklist item cycles through on click. */\n  checklistStatusCycle?: string[];\n};\n\n/** Aggregate metadata for one anchor, derived from the comment list. */\nexport type CommentAnchorMeta = {\n  count: number;\n  authors: string[];\n  latestStatus?: string;\n};\n\n/** Selected filter state for the filter bar / `applyCommentFilters`. */\nexport type CommentFilters = {\n  /** Selected status values; empty = all statuses. */\n  statuses: Set<string>;\n  /** facet.key → selected option values; empty set = all values for that facet. */\n  facets: Record<string, Set<string>>;\n  /** Restrict to an author kind, or \"all\". */\n  authorKind?: CommentMentionKind | \"all\";\n};\n\n/** Optional renderers passed down to a card. */\nexport type CommentRenderOptions = {\n  /** Custom comment-body renderer (e.g. full Markdown). Defaults to CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n};\n\n/** A domain-free default status set: open / in progress / resolved / closed. */\nexport const DEFAULT_COMMENT_STATUSES: CommentStatusConfig[] = [\n  {\n    value: \"open\",\n    label: \"Open\",\n    tone: \"info\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"in_progress\",\n    label: \"In progress\",\n    tone: \"warning\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"resolved\",\n    label: \"Resolved\",\n    tone: \"success\",\n    stage: \"resolved\",\n  },\n  { value: \"closed\", label: \"Closed\", tone: \"neutral\", stage: \"closed\" },\n];\n\n/** Default checklist status cycle used when a consumer omits one. */\nexport const DEFAULT_CHECKLIST_CYCLE = [\"open\", \"in_progress\", \"done\"];\n"],"names":[],"mappings":"AA8GO,MAAM,kBAAkB;AAyGxB,MAAM,2BAAkD;AAAA,EAC7D;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,WAAW,OAAO,SAAA;AAC9D;AAGO,MAAM,0BAA0B,CAAC,QAAQ,eAAe,MAAM;"}
+{"version":3,"file":"comment-types.js","sources":["../../src/comments/comment-types.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { StaticIconComponent } from \"../data/Icon\";\n\n/** Semantic tone driving a status/facet color (maps onto Badge tones). */\nexport type CommentTone =\n  | \"default\"\n  | \"info\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"neutral\";\n\n/** Product lifecycle stage represented by one or more stored statuses. */\nexport type CommentStatusStage = \"active\" | \"resolved\" | \"closed\";\n\n/** A single selectable status (e.g. \"open\", \"resolved\"). Consumer-defined. */\nexport type CommentStatusConfig = {\n  /** Stable value stored on a comment's `status`. */\n  value: string;\n  /** Human label shown in menus and badges. */\n  label: string;\n  /** Color tone for the status chip. */\n  tone?: CommentTone;\n  /** Optional leading glyph. */\n  icon?: string | StaticIconComponent;\n  /** Lifecycle stage used by review queues and status actions. */\n  stage?: CommentStatusStage;\n  /**\n   * Whether this status counts as \"unresolved/open\" — drives progress tallies\n   * and which groups start expanded. Defaults to false.\n   */\n  unresolved?: boolean;\n};\n\n/** One option of a generic facet (e.g. a \"category\" value). */\nexport type CommentFacetOption = {\n  value: string;\n  label: string;\n  tone?: CommentTone;\n  /** Compact glyph for the collapsed card (e.g. \"BS\" for a category). */\n  short?: string;\n};\n\n/**\n * A generic, consumer-supplied classification axis. Replaces the financial\n * category/severity vocabulary — any app declares its own facets.\n */\nexport type CommentFacet = {\n  /** Key into `Comment.facets`. */\n  key: string;\n  label: string;\n  options: CommentFacetOption[];\n  /** Allow several values to be selected at once in the filter bar. */\n  multiple?: boolean;\n};\n\nexport type CommentMentionKind = \"user\" | \"agent\";\n\n/** A person or agent that can be @-mentioned in the composer. */\nexport type CommentMentionable = {\n  id: string;\n  name: string;\n  /** Image URL for `kind: \"user\"`. */\n  avatar?: string;\n  kind: CommentMentionKind;\n  /** Glyph override for `kind: \"agent\"`. */\n  icon?: string | StaticIconComponent;\n};\n\n/** A resolved mention emitted when a comment referencing a mentionable is posted. */\nexport type CommentMention = {\n  id: string;\n  name: string;\n  kind: CommentMentionKind;\n};\n\n/** A labelled group of reference chips (e.g. linked ids). */\nexport type CommentRefGroup = {\n  label: string;\n  items: string[];\n  /** Render items in a monospace font. */\n  mono?: boolean;\n};\n\n/** One item of a generic checklist; `status` cycles through `checklistStatusCycle`. */\nexport type CommentChecklistItem = {\n  label: string;\n  status: string;\n};\n\nexport type CommentAuthor = {\n  id?: string;\n  name: string;\n  kind?: CommentMentionKind;\n  avatar?: string;\n  /** Glyph override for `kind: \"agent\"` authors. */\n  icon?: string | StaticIconComponent;\n};\n\n/**\n * An opaque anchor key locating a comment within a document. Not a JSON path —\n * any stable string a consumer registers via the provider. `null`/absent means\n * document-level.\n */\nexport type CommentAnchor = string;\n\n/** Binary review signal attached to a root comment. */\nexport type CommentRating = \"positive\" | \"negative\";\nexport type CommentReviewDecision =\n  | \"approved\"\n  | \"rejected\"\n  | \"revision_requested\";\n\n/** Anchor key reserved for document-level (un-anchored) comments. */\nexport const DOCUMENT_ANCHOR = \"__document__\";\n\n/** A single comment. Replies set `parentId`; roots leave it null. */\nexport type Comment = {\n  id: string;\n  body: string;\n  /** ISO-8601 creation time. */\n  createdAt: string;\n  /** ISO-8601 last-update time. */\n  updatedAt?: string;\n  author: CommentAuthor | null;\n  /** Key into the configured statuses; roots only. */\n  status?: string;\n  /** Parent comment id when this is a reply. */\n  parentId?: string | null;\n  /** Where the comment is anchored; null/absent = document-level. */\n  anchor?: CommentAnchor | null;\n  /** Optional positive/negative review signal; roots only. */\n  rating?: CommentRating;\n  /** Human decision on an opted-in playground review element; roots only. */\n  reviewDecision?: CommentReviewDecision;\n  /** ISO-8601 time when a human closed the resolved comment. */\n  closedAt?: string;\n  /** Human who closed the comment. */\n  closedBy?: CommentAuthor;\n  /** facet.key → selected option value. */\n  facets?: Record<string, string>;\n  refs?: CommentRefGroup[];\n  checklist?: CommentChecklistItem[];\n};\n\n/** Payload for creating a new root comment. */\nexport type CommentCreateInput = {\n  body: string;\n  anchor?: CommentAnchor | null;\n  rating?: CommentRating;\n  reviewDecision?: CommentReviewDecision;\n  facets?: Record<string, string>;\n  mentions?: CommentMention[];\n};\n\nexport type CommentCreateAction = { id: string; label: string };\n\n/** Payload for replying to a comment. */\nexport type CommentReplyInput = {\n  parentId: string;\n  body: string;\n  anchor?: CommentAnchor | null;\n  mentions?: CommentMention[];\n};\n\n/**\n * Controlled callbacks. The components own no data fetching; the consumer\n * performs the mutation and feeds the updated `comments` back in.\n */\nexport type CommentCallbacks = {\n  onCreate?: (\n    input: CommentCreateInput,\n    actionId?: string,\n  ) => void | Promise<void>;\n  onReply?: (input: CommentReplyInput) => void | Promise<void>;\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  /** Human-only transition from resolved to closed. */\n  onClose?: (id: string) => void | Promise<void>;\n  onUpdateRating?: (id: string, rating: CommentRating) => void | Promise<void>;\n  onDelete?: (id: string) => void | Promise<void>;\n  onChecklistToggle?: (\n    id: string,\n    index: number,\n    next: string,\n  ) => void | Promise<void>;\n  /** Fired when a posted comment references a mentionable. */\n  onMention?: (mention: CommentMention, context: { body: string }) => void;\n};\n\n/** Static configuration shared across the comment components. */\nexport type CommentConfig = {\n  /** Selectable statuses; the first `unresolved` one is the default for new comments. */\n  statuses: CommentStatusConfig[];\n  /** Classification axes (category/severity/etc.). */\n  facets?: CommentFacet[];\n  /** People/agents available for @-mention. */\n  mentionables?: CommentMentionable[];\n  /** Status values a checklist item cycles through on click. */\n  checklistStatusCycle?: string[];\n};\n\n/** Aggregate metadata for one anchor, derived from the comment list. */\nexport type CommentAnchorMeta = {\n  count: number;\n  authors: string[];\n  latestStatus?: string;\n};\n\n/** Selected filter state for the filter bar / `applyCommentFilters`. */\nexport type CommentFilters = {\n  /** Selected status values; empty = all statuses. */\n  statuses: Set<string>;\n  /** facet.key → selected option values; empty set = all values for that facet. */\n  facets: Record<string, Set<string>>;\n  /** Restrict to an author kind, or \"all\". */\n  authorKind?: CommentMentionKind | \"all\";\n};\n\n/** Optional renderers passed down to a card. */\nexport type CommentRenderOptions = {\n  /** Custom comment-body renderer (e.g. full Markdown). Defaults to CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n};\n\n/** A domain-free default status set: open / in progress / resolved / closed. */\nexport const DEFAULT_COMMENT_STATUSES: CommentStatusConfig[] = [\n  {\n    value: \"open\",\n    label: \"Open\",\n    tone: \"info\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"in_progress\",\n    label: \"In progress\",\n    tone: \"warning\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"resolved\",\n    label: \"Resolved\",\n    tone: \"success\",\n    stage: \"resolved\",\n  },\n  { value: \"closed\", label: \"Closed\", tone: \"neutral\", stage: \"closed\" },\n];\n\n/** Default checklist status cycle used when a consumer omits one. */\nexport const DEFAULT_CHECKLIST_CYCLE = [\"open\", \"in_progress\", \"done\"];\n"],"names":[],"mappings":"AAkHO,MAAM,kBAAkB;AA+GxB,MAAM,2BAAkD;AAAA,EAC7D;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,WAAW,OAAO,SAAA;AAC9D;AAGO,MAAM,0BAA0B,CAAC,QAAQ,eAAe,MAAM;"}

package/dist/components/AccordionList.cjs

@@ -20,6 +20,7 @@ function AccordionList({
   renderActions,
   renderMeta,
   summary,
+  toolbar,
   itemLabel,
   allowReorder = false,
   allowDrag = false,
@@ -140,7 +141,10 @@ function AccordionList({
     else if (e.key === "End") focusAt(stops);
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex flex-col gap-2", className), children: [
-    summary !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils.cn("text-muted-foreground", jsonSchemaFormSize.labelSizeClass[size]), children: summary }),
+    (summary !== void 0 || toolbar !== void 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-accordion-summary": true, className: "flex items-center justify-between gap-2", children: [
+      summary !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils.cn("text-muted-foreground", jsonSchemaFormSize.labelSizeClass[size]), children: summary }),
+      toolbar !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex shrink-0 items-center", children: toolbar })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {

package/dist/components/AccordionList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionList.cjs","sources":["../../src/components/AccordionList.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n  type ReactNode,\n} from \"react\";\nimport { duplicateIndex, moveItem, removeIndex, setIndex } from \"../lib/collections\";\nimport type { SizeToken } from \"../lib/size\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiChevronDown, UiChevronRight, UiDotsVertical } from \"../icons\";\nimport { ItemActions } from \"./ItemActions\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// AccordionList renders a list of items as one-line rows, expanding one at a\n// time into that item's own editor. It exists because a ten-field item stacked\n// in full costs ~700px of screen each, and a column of them says nothing about\n// which item is which.\n//\n// It knows nothing about what an item IS: `renderHeader` fills the collapsed\n// row, `renderBody` fills the open panel, and everything structural — the\n// disclosure, the aria pairing, roving arrow-key focus, the mutation buttons,\n// the add row — belongs to the list. Every editing capability is opt-in, so the\n// same component serves a read-only summary list and a full editor.\n//\n// \"Add\" is the list's own last row rather than a button beside it: the\n// affordance sits exactly where the next item will appear, and at zero items\n// that same row IS the empty state — one control, no separate screen.\n\n/** Handed to every slot, describing one row. */\nexport interface AccordionListItemContext<T> {\n  item: T;\n  index: number;\n  open: boolean;\n  /** Replaces this item in place, committing the whole list through `onChange`. */\n  onChange: (next: T) => void;\n  /** The ids the disclosure/panel pair is wired with. */\n  headerId: string;\n  panelId: string;\n}\n\nexport interface AccordionListProps<T> {\n  items: T[];\n  /** Receives the whole next list for every add, remove, duplicate, move or item edit. */\n  onChange?: (next: T[]) => void;\n\n  /** Row content, rendered inside the disclosure button after the chevron. */\n  renderHeader: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Panel content. Rendered only while the row is open — never hidden with CSS. */\n  renderBody: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Extra per-row actions, rendered before the built-in ones. */\n  renderActions?: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Persistent row metadata rendered between the disclosure and actions. */\n  renderMeta?: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Content above the list — typically the item count. */\n  summary?: ReactNode;\n  /** Names an item in its actions' accessible labels. Defaults to `Item <n>`. */\n  itemLabel?: (ctx: { item: T; index: number }) => string;\n\n  /** Offer the up/down reorder buttons. */\n  allowReorder?: boolean;\n  /**\n   * Offer a grab handle at the head of every row, and drag-to-reorder across\n   * the list. Arrow keys on a focused handle move the row too, so the gesture\n   * is not mouse-only.\n   */\n  allowDrag?: boolean;\n  /**\n   * Whether a row takes part in dragging — as a source and as a destination.\n   * Defaults to every row. A list holding rows that have no position of their\n   * own (a filtered-out item, a soft-deleted one) says so here.\n   */\n  canDrag?: (ctx: { item: T; index: number }) => boolean;\n  /**\n   * Commits a completed drag or handle keypress. Defaults to the same move the\n   * reorder buttons perform; a list whose order lives outside `items` (a\n   * filtered view of a longer list) reorders the source through this instead.\n   */\n  onReorder?: (from: number, to: number) => void;\n  /** Offer the duplicate button. */\n  allowDuplicate?: boolean;\n  /** Offer the remove button. */\n  allowRemove?: boolean;\n  /** Copy override for duplicate. Defaults to a one-level clone. */\n  cloneItem?: (item: T) => T;\n  /**\n   * Reveal the per-row actions on hover/focus (the default). Pass false where an\n   * action carries state the row has to show at rest — a visibility toggle whose\n   * glyph says whether the item is hidden answers a question, not just offers a\n   * click.\n   */\n  revealActions?: boolean;\n\n  /** Seeds a new item. Supplying it is what adds the trailing add row. */\n  onCreate?: () => T;\n  /** Add-row text. Defaults to \"Add item\". */\n  addLabel?: string;\n  /** Add-row copy; grows into the empty state at zero items. */\n  addDescription?: string;\n\n  /** Controlled open row — an index, or null for none. */\n  expanded?: number | null;\n  /** Initially open row for uncontrolled usage. Defaults to none. */\n  defaultExpanded?: number | null;\n  onExpandedChange?: (index: number | null) => void;\n\n  /** Hides the add row and every per-row action. Rows still open. */\n  readOnly?: boolean;\n  size?: SizeToken;\n  /** Stem for the generated header/panel ids. */\n  idPrefix?: string;\n  /** Overrides the per-row id stem (e.g. with a JSON-Pointer instance path). */\n  itemId?: (index: number) => string;\n  /** Selector focused inside a freshly added row's panel. */\n  focusSelector?: string;\n  className?: string;\n  listClassName?: string;\n  rowClassName?: string;\n  bodyClassName?: string;\n}\n\nconst DEFAULT_FOCUS_SELECTOR = \"[data-autofocus], input, select, textarea\";\n\nexport function AccordionList<T>({\n  items,\n  onChange,\n  renderHeader,\n  renderBody,\n  renderActions,\n  renderMeta,\n  summary,\n  itemLabel,\n  allowReorder = false,\n  allowDrag = false,\n  canDrag,\n  onReorder,\n  allowDuplicate = false,\n  allowRemove = false,\n  revealActions = true,\n  cloneItem,\n  onCreate,\n  addLabel = \"Add item\",\n  addDescription,\n  expanded: expandedProp,\n  defaultExpanded = null,\n  onExpandedChange,\n  readOnly = false,\n  size = \"md\",\n  idPrefix = \"accordion\",\n  itemId,\n  focusSelector = DEFAULT_FOCUS_SELECTOR,\n  className,\n  listClassName,\n  rowClassName,\n  bodyClassName,\n}: AccordionListProps<T>) {\n  // Which row is open is transient view state, deliberately local and never\n  // persisted. The INDEX is the key, not the item: an editor typically replaces\n  // the item object on every keystroke, so any identity-based map would die on\n  // the first character typed. That makes it the mutators' job to keep this\n  // pointing at the same row.\n  const isControlled = expandedProp !== undefined;\n  const [innerExpanded, setInnerExpanded] = useState<number | null>(defaultExpanded);\n  const expanded = isControlled ? expandedProp : innerExpanded;\n\n  // The in-flight drag: the row being dragged and the row the pointer is over.\n  const [dragFrom, setDragFrom] = useState<number | null>(null);\n  const [dragOver, setDragOver] = useState<number | null>(null);\n\n  const rowRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const addRef = useRef<HTMLButtonElement | null>(null);\n  const pendingFocus = useRef<{ kind: \"panel\" | \"row\" | \"add\"; index: number } | null>(null);\n\n  useEffect(() => {\n    const pending = pendingFocus.current;\n    if (!pending) return;\n    pendingFocus.current = null;\n    if (pending.kind === \"add\") {\n      addRef.current?.focus();\n      return;\n    }\n    const row = rowRefs.current[pending.index];\n    if (pending.kind === \"row\") {\n      row?.focus();\n      return;\n    }\n    // Land in the new item's first editable control, so adding an item leaves\n    // the caret where the author is about to type.\n    const panel = document.getElementById(panelId(pending.index));\n    (panel?.querySelector<HTMLElement>(focusSelector) ?? row)?.focus();\n  });\n\n  function rowId(index: number): string {\n    return itemId ? itemId(index) : `${idPrefix}-${index}`;\n  }\n  function panelId(index: number): string {\n    return `${rowId(index)}-panel`;\n  }\n  function headerId(index: number): string {\n    return `${rowId(index)}-header`;\n  }\n\n  function expand(next: number | null) {\n    if (!isControlled) setInnerExpanded(next);\n    onExpandedChange?.(next);\n  }\n  // A mutator moves the open row without the caller having asked to expand\n  // anything, so it maps the current index rather than setting an absolute one.\n  function reindexExpanded(map: (open: number | null) => number | null) {\n    const next = map(expanded);\n    if (next !== expanded) expand(next);\n  }\n\n  function commit(next: T[]) {\n    onChange?.(next);\n  }\n\n  function add() {\n    if (!onCreate) return;\n    pendingFocus.current = { kind: \"panel\", index: items.length };\n    expand(items.length);\n    commit([...items, onCreate()]);\n  }\n\n  function remove(index: number) {\n    reindexExpanded((open) =>\n      open === index ? null : open !== null && open > index ? open - 1 : open,\n    );\n    pendingFocus.current =\n      items.length === 1\n        ? { kind: \"add\", index: 0 }\n        : { kind: \"row\", index: Math.max(index - 1, 0) };\n    commit(removeIndex(items, index));\n  }\n\n  function duplicate(index: number) {\n    reindexExpanded((open) => (open !== null && open > index ? open + 1 : open));\n    pendingFocus.current = { kind: \"row\", index: index + 1 };\n    commit(duplicateIndex(items, index, cloneItem));\n  }\n\n  /** Where a drag would land, so the row can draw the insertion line. */\n  function dropEdge(index: number): \"top\" | \"bottom\" | null {\n    if (dragFrom === null || dragOver !== index || dragFrom === index) return null;\n    return dragFrom < index ? \"bottom\" : \"top\";\n  }\n\n  function endDrag() {\n    setDragFrom(null);\n    setDragOver(null);\n  }\n\n  function reorder(from: number, to: number) {\n    if (from === to) return;\n    if (onReorder) onReorder(from, to);\n    else move(from, to);\n  }\n\n  function move(index: number, to: number) {\n    if (to < 0 || to >= items.length) return;\n    // Follow the item, not the slot — otherwise moving an open row silently\n    // expands whichever row took its place.\n    reindexExpanded((open) => (open === index ? to : open === to ? index : open));\n    pendingFocus.current = { kind: \"row\", index: to };\n    commit(moveItem(items, index, to));\n  }\n\n  // Roving focus across the headers, with the add row as the final stop.\n  function handleKeyDown(e: KeyboardEvent<HTMLButtonElement>, index: number) {\n    const stops = rowRefs.current.length;\n    const focusAt = (i: number) => {\n      e.preventDefault();\n      (i >= stops ? addRef.current : rowRefs.current[i])?.focus();\n    };\n    if (e.key === \"ArrowDown\") focusAt(Math.min(index + 1, stops));\n    else if (e.key === \"ArrowUp\" && index > 0) focusAt(index - 1);\n    else if (e.key === \"Home\") focusAt(0);\n    else if (e.key === \"End\") focusAt(stops);\n  }\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)}>\n      {summary !== undefined && (\n        <p className={cn(\"text-muted-foreground\", labelSizeClass[size])}>{summary}</p>\n      )}\n      <div\n        className={cn(\"divide-y divide-border rounded-lg border border-border\", listClassName)}\n      >\n        {items.map((item, i) => {\n          const open = expanded === i;\n          const slotCtx: AccordionListItemContext<T> = {\n            item,\n            index: i,\n            open,\n            onChange: (next) => commit(setIndex(items, i, next)),\n            headerId: headerId(i),\n            panelId: panelId(i),\n          };\n          const label = itemLabel?.({ item, index: i }) ?? `Item ${i + 1}`;\n          const actions = renderActions?.(slotCtx);\n          const meta = renderMeta?.(slotCtx);\n          const dragEnabled = allowDrag && !readOnly && (canDrag?.({ item, index: i }) ?? true);\n          const droppable = dragEnabled && dragFrom !== null && dragFrom !== i;\n          const edge = droppable ? dropEdge(i) : null;\n          return (\n            <div key={i} className=\"group\">\n              {/* The row is a plain element, NOT a button: the actions beside it\n                  are buttons, and nesting interactive content is invalid DOM\n                  with undefined click targeting. Only the disclosure toggles. */}\n              <div\n                data-accordion-row\n                data-drop-edge={edge ?? undefined}\n                onDragOver={(e) => {\n                  if (!droppable) return;\n                  e.preventDefault();\n                  e.dataTransfer.dropEffect = \"move\";\n                  setDragOver(i);\n                }}\n                onDrop={(e) => {\n                  if (!droppable || dragFrom === null) return;\n                  e.preventDefault();\n                  reorder(dragFrom, i);\n                  endDrag();\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 px-3 py-2 hover:bg-accent/40\",\n                  i % 2 === 0 ? \"bg-card\" : \"bg-muted/20\",\n                  open && \"bg-accent/30\",\n                  dragFrom === i && \"opacity-40\",\n                  edge === \"top\" && \"shadow-[inset_0_2px_0_0_var(--color-primary)]\",\n                  edge === \"bottom\" && \"shadow-[inset_0_-2px_0_0_var(--color-primary)]\",\n                  rowClassName,\n                )}\n              >\n                {allowDrag && !readOnly && (\n                  <button\n                    type=\"button\"\n                    aria-label={`Reorder ${label}`}\n                    title={`Reorder ${label}`}\n                    disabled={!dragEnabled}\n                    draggable={dragEnabled}\n                    onDragStart={(e) => {\n                      e.dataTransfer.effectAllowed = \"move\";\n                      e.dataTransfer.setData(\"text/plain\", String(i));\n                      // Drag the row, not the handle glyph the pointer grabbed.\n                      const row = e.currentTarget.closest(\"[data-accordion-row]\");\n                      if (row instanceof HTMLElement) e.dataTransfer.setDragImage(row, 12, 12);\n                      setDragFrom(i);\n                    }}\n                    onDragEnd={endDrag}\n                    onKeyDown={(e) => {\n                      const to = e.key === \"ArrowUp\" ? i - 1 : e.key === \"ArrowDown\" ? i + 1 : i;\n                      if (to === i || to < 0 || to >= items.length) return;\n                      e.preventDefault();\n                      reorder(i, to);\n                    }}\n                    className=\"shrink-0 cursor-grab rounded text-muted-foreground hover:text-foreground active:cursor-grabbing disabled:cursor-default disabled:opacity-30\"\n                  >\n                    <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                  </button>\n                )}\n                <button\n                  type=\"button\"\n                  id={headerId(i)}\n                  aria-expanded={open}\n                  aria-controls={panelId(i)}\n                  ref={(el) => {\n                    rowRefs.current[i] = el;\n                  }}\n                  onKeyDown={(e) => handleKeyDown(e, i)}\n                  onClick={() => expand(open ? null : i)}\n                  className=\"flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Icon\n                    icon={open ? UiChevronDown : UiChevronRight}\n                    className=\"shrink-0 text-sm text-muted-foreground\"\n                  />\n                  {renderHeader(slotCtx)}\n                </button>\n                {meta}\n                {!readOnly && (allowReorder || allowDuplicate || allowRemove || actions) && (\n                  <ItemActions\n                    label={label}\n                    index={i}\n                    count={items.length}\n                    size={size}\n                    reveal={revealActions}\n                    {...(actions ? { leading: actions } : {})}\n                    {...(allowReorder ? { onMove: (to: number) => move(i, to) } : {})}\n                    {...(allowDuplicate ? { onDuplicate: () => duplicate(i) } : {})}\n                    {...(allowRemove ? { onRemove: () => remove(i) } : {})}\n                  />\n                )}\n              </div>\n              {open && (\n                <div\n                  id={panelId(i)}\n                  role=\"region\"\n                  aria-labelledby={headerId(i)}\n                  className={cn(\"border-t border-border bg-muted/20 p-3\", bodyClassName)}\n                >\n                  {renderBody(slotCtx)}\n                </div>\n              )}\n            </div>\n          );\n        })}\n        {!readOnly && onCreate && (\n          <AddItemRow\n            buttonRef={addRef}\n            label={addLabel}\n            empty={items.length === 0}\n            onAdd={add}\n            onKeyDown={(e) => handleKeyDown(e, items.length)}\n            {...(addDescription ? { copy: addDescription } : {})}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// AddItemRow is the list's own final row. At zero items it grows to carry the\n// explanation of what an item is — so the empty state is the same control the\n// author will use, not a separate screen they have to leave.\nfunction AddItemRow({\n  label,\n  copy,\n  empty,\n  onAdd,\n  onKeyDown,\n  buttonRef,\n}: {\n  label: string;\n  copy?: string;\n  empty: boolean;\n  onAdd: () => void;\n  onKeyDown: (e: KeyboardEvent<HTMLButtonElement>) => void;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n}) {\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        buttonRef.current = el;\n      }}\n      onClick={onAdd}\n      onKeyDown={onKeyDown}\n      className={cn(\n        \"group/add flex w-full items-center gap-2 px-3 py-2 text-left text-muted-foreground hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\",\n        empty && \"items-start py-5\",\n      )}\n    >\n      {/* Holds the chevron column, so this row lines up with the ones above it. */}\n      <Icon icon={UiChevronRight} className=\"shrink-0 text-sm opacity-0\" />\n      <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60 group-hover/add:border-primary group-hover/add:text-primary\">\n        <Icon icon={UiAdd} className=\"text-[13px]\" />\n      </span>\n      <span className=\"flex min-w-0 flex-col gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{label}</span>\n        {copy && (\n          <span className={cn(\"text-xs\", empty ? \"max-w-xl leading-snug\" : \"truncate\")}>{copy}</span>\n        )}\n      </span>\n    </button>\n  );\n}\n"],"names":["useState","useRef","useEffect","removeIndex","duplicateIndex","moveItem","cn","jsx","labelSizeClass","jsxs","setIndex","Icon","UiDotsVertical","UiChevronDown","UiChevronRight","ItemActions","UiAdd"],"mappings":"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"}
+{"version":3,"file":"AccordionList.cjs","sources":["../../src/components/AccordionList.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n  type ReactNode,\n} from \"react\";\nimport { duplicateIndex, moveItem, removeIndex, setIndex } from \"../lib/collections\";\nimport type { SizeToken } from \"../lib/size\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiChevronDown, UiChevronRight, UiDotsVertical } from \"../icons\";\nimport { ItemActions } from \"./ItemActions\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// AccordionList renders a list of items as one-line rows, expanding one at a\n// time into that item's own editor. It exists because a ten-field item stacked\n// in full costs ~700px of screen each, and a column of them says nothing about\n// which item is which.\n//\n// It knows nothing about what an item IS: `renderHeader` fills the collapsed\n// row, `renderBody` fills the open panel, and everything structural — the\n// disclosure, the aria pairing, roving arrow-key focus, the mutation buttons,\n// the add row — belongs to the list. Every editing capability is opt-in, so the\n// same component serves a read-only summary list and a full editor.\n//\n// \"Add\" is the list's own last row rather than a button beside it: the\n// affordance sits exactly where the next item will appear, and at zero items\n// that same row IS the empty state — one control, no separate screen.\n\n/** Handed to every slot, describing one row. */\nexport interface AccordionListItemContext<T> {\n  item: T;\n  index: number;\n  open: boolean;\n  /** Replaces this item in place, committing the whole list through `onChange`. */\n  onChange: (next: T) => void;\n  /** The ids the disclosure/panel pair is wired with. */\n  headerId: string;\n  panelId: string;\n}\n\nexport interface AccordionListProps<T> {\n  items: T[];\n  /** Receives the whole next list for every add, remove, duplicate, move or item edit. */\n  onChange?: (next: T[]) => void;\n\n  /** Row content, rendered inside the disclosure button after the chevron. */\n  renderHeader: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Panel content. Rendered only while the row is open — never hidden with CSS. */\n  renderBody: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Extra per-row actions, rendered before the built-in ones. */\n  renderActions?: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Persistent row metadata rendered between the disclosure and actions. */\n  renderMeta?: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Content above the list — typically the item count. */\n  summary?: ReactNode;\n  /** List-level actions, right-aligned on the summary line (e.g. a view menu). */\n  toolbar?: ReactNode;\n  /** Names an item in its actions' accessible labels. Defaults to `Item <n>`. */\n  itemLabel?: (ctx: { item: T; index: number }) => string;\n\n  /** Offer the up/down reorder buttons. */\n  allowReorder?: boolean;\n  /**\n   * Offer a grab handle at the head of every row, and drag-to-reorder across\n   * the list. Arrow keys on a focused handle move the row too, so the gesture\n   * is not mouse-only.\n   */\n  allowDrag?: boolean;\n  /**\n   * Whether a row takes part in dragging — as a source and as a destination.\n   * Defaults to every row. A list holding rows that have no position of their\n   * own (a filtered-out item, a soft-deleted one) says so here.\n   */\n  canDrag?: (ctx: { item: T; index: number }) => boolean;\n  /**\n   * Commits a completed drag or handle keypress. Defaults to the same move the\n   * reorder buttons perform; a list whose order lives outside `items` (a\n   * filtered view of a longer list) reorders the source through this instead.\n   */\n  onReorder?: (from: number, to: number) => void;\n  /** Offer the duplicate button. */\n  allowDuplicate?: boolean;\n  /** Offer the remove button. */\n  allowRemove?: boolean;\n  /** Copy override for duplicate. Defaults to a one-level clone. */\n  cloneItem?: (item: T) => T;\n  /**\n   * Reveal the per-row actions on hover/focus (the default). Pass false where an\n   * action carries state the row has to show at rest — a visibility toggle whose\n   * glyph says whether the item is hidden answers a question, not just offers a\n   * click.\n   */\n  revealActions?: boolean;\n\n  /** Seeds a new item. Supplying it is what adds the trailing add row. */\n  onCreate?: () => T;\n  /** Add-row text. Defaults to \"Add item\". */\n  addLabel?: string;\n  /** Add-row copy; grows into the empty state at zero items. */\n  addDescription?: string;\n\n  /** Controlled open row — an index, or null for none. */\n  expanded?: number | null;\n  /** Initially open row for uncontrolled usage. Defaults to none. */\n  defaultExpanded?: number | null;\n  onExpandedChange?: (index: number | null) => void;\n\n  /** Hides the add row and every per-row action. Rows still open. */\n  readOnly?: boolean;\n  size?: SizeToken;\n  /** Stem for the generated header/panel ids. */\n  idPrefix?: string;\n  /** Overrides the per-row id stem (e.g. with a JSON-Pointer instance path). */\n  itemId?: (index: number) => string;\n  /** Selector focused inside a freshly added row's panel. */\n  focusSelector?: string;\n  className?: string;\n  listClassName?: string;\n  rowClassName?: string;\n  bodyClassName?: string;\n}\n\nconst DEFAULT_FOCUS_SELECTOR = \"[data-autofocus], input, select, textarea\";\n\nexport function AccordionList<T>({\n  items,\n  onChange,\n  renderHeader,\n  renderBody,\n  renderActions,\n  renderMeta,\n  summary,\n  toolbar,\n  itemLabel,\n  allowReorder = false,\n  allowDrag = false,\n  canDrag,\n  onReorder,\n  allowDuplicate = false,\n  allowRemove = false,\n  revealActions = true,\n  cloneItem,\n  onCreate,\n  addLabel = \"Add item\",\n  addDescription,\n  expanded: expandedProp,\n  defaultExpanded = null,\n  onExpandedChange,\n  readOnly = false,\n  size = \"md\",\n  idPrefix = \"accordion\",\n  itemId,\n  focusSelector = DEFAULT_FOCUS_SELECTOR,\n  className,\n  listClassName,\n  rowClassName,\n  bodyClassName,\n}: AccordionListProps<T>) {\n  // Which row is open is transient view state, deliberately local and never\n  // persisted. The INDEX is the key, not the item: an editor typically replaces\n  // the item object on every keystroke, so any identity-based map would die on\n  // the first character typed. That makes it the mutators' job to keep this\n  // pointing at the same row.\n  const isControlled = expandedProp !== undefined;\n  const [innerExpanded, setInnerExpanded] = useState<number | null>(defaultExpanded);\n  const expanded = isControlled ? expandedProp : innerExpanded;\n\n  // The in-flight drag: the row being dragged and the row the pointer is over.\n  const [dragFrom, setDragFrom] = useState<number | null>(null);\n  const [dragOver, setDragOver] = useState<number | null>(null);\n\n  const rowRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const addRef = useRef<HTMLButtonElement | null>(null);\n  const pendingFocus = useRef<{ kind: \"panel\" | \"row\" | \"add\"; index: number } | null>(null);\n\n  useEffect(() => {\n    const pending = pendingFocus.current;\n    if (!pending) return;\n    pendingFocus.current = null;\n    if (pending.kind === \"add\") {\n      addRef.current?.focus();\n      return;\n    }\n    const row = rowRefs.current[pending.index];\n    if (pending.kind === \"row\") {\n      row?.focus();\n      return;\n    }\n    // Land in the new item's first editable control, so adding an item leaves\n    // the caret where the author is about to type.\n    const panel = document.getElementById(panelId(pending.index));\n    (panel?.querySelector<HTMLElement>(focusSelector) ?? row)?.focus();\n  });\n\n  function rowId(index: number): string {\n    return itemId ? itemId(index) : `${idPrefix}-${index}`;\n  }\n  function panelId(index: number): string {\n    return `${rowId(index)}-panel`;\n  }\n  function headerId(index: number): string {\n    return `${rowId(index)}-header`;\n  }\n\n  function expand(next: number | null) {\n    if (!isControlled) setInnerExpanded(next);\n    onExpandedChange?.(next);\n  }\n  // A mutator moves the open row without the caller having asked to expand\n  // anything, so it maps the current index rather than setting an absolute one.\n  function reindexExpanded(map: (open: number | null) => number | null) {\n    const next = map(expanded);\n    if (next !== expanded) expand(next);\n  }\n\n  function commit(next: T[]) {\n    onChange?.(next);\n  }\n\n  function add() {\n    if (!onCreate) return;\n    pendingFocus.current = { kind: \"panel\", index: items.length };\n    expand(items.length);\n    commit([...items, onCreate()]);\n  }\n\n  function remove(index: number) {\n    reindexExpanded((open) =>\n      open === index ? null : open !== null && open > index ? open - 1 : open,\n    );\n    pendingFocus.current =\n      items.length === 1\n        ? { kind: \"add\", index: 0 }\n        : { kind: \"row\", index: Math.max(index - 1, 0) };\n    commit(removeIndex(items, index));\n  }\n\n  function duplicate(index: number) {\n    reindexExpanded((open) => (open !== null && open > index ? open + 1 : open));\n    pendingFocus.current = { kind: \"row\", index: index + 1 };\n    commit(duplicateIndex(items, index, cloneItem));\n  }\n\n  /** Where a drag would land, so the row can draw the insertion line. */\n  function dropEdge(index: number): \"top\" | \"bottom\" | null {\n    if (dragFrom === null || dragOver !== index || dragFrom === index) return null;\n    return dragFrom < index ? \"bottom\" : \"top\";\n  }\n\n  function endDrag() {\n    setDragFrom(null);\n    setDragOver(null);\n  }\n\n  function reorder(from: number, to: number) {\n    if (from === to) return;\n    if (onReorder) onReorder(from, to);\n    else move(from, to);\n  }\n\n  function move(index: number, to: number) {\n    if (to < 0 || to >= items.length) return;\n    // Follow the item, not the slot — otherwise moving an open row silently\n    // expands whichever row took its place.\n    reindexExpanded((open) => (open === index ? to : open === to ? index : open));\n    pendingFocus.current = { kind: \"row\", index: to };\n    commit(moveItem(items, index, to));\n  }\n\n  // Roving focus across the headers, with the add row as the final stop.\n  function handleKeyDown(e: KeyboardEvent<HTMLButtonElement>, index: number) {\n    const stops = rowRefs.current.length;\n    const focusAt = (i: number) => {\n      e.preventDefault();\n      (i >= stops ? addRef.current : rowRefs.current[i])?.focus();\n    };\n    if (e.key === \"ArrowDown\") focusAt(Math.min(index + 1, stops));\n    else if (e.key === \"ArrowUp\" && index > 0) focusAt(index - 1);\n    else if (e.key === \"Home\") focusAt(0);\n    else if (e.key === \"End\") focusAt(stops);\n  }\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)}>\n      {(summary !== undefined || toolbar !== undefined) && (\n        <div data-accordion-summary className=\"flex items-center justify-between gap-2\">\n          {summary !== undefined && (\n            <p className={cn(\"text-muted-foreground\", labelSizeClass[size])}>{summary}</p>\n          )}\n          {toolbar !== undefined && (\n            <div className=\"ml-auto flex shrink-0 items-center\">{toolbar}</div>\n          )}\n        </div>\n      )}\n      <div\n        className={cn(\"divide-y divide-border rounded-lg border border-border\", listClassName)}\n      >\n        {items.map((item, i) => {\n          const open = expanded === i;\n          const slotCtx: AccordionListItemContext<T> = {\n            item,\n            index: i,\n            open,\n            onChange: (next) => commit(setIndex(items, i, next)),\n            headerId: headerId(i),\n            panelId: panelId(i),\n          };\n          const label = itemLabel?.({ item, index: i }) ?? `Item ${i + 1}`;\n          const actions = renderActions?.(slotCtx);\n          const meta = renderMeta?.(slotCtx);\n          const dragEnabled = allowDrag && !readOnly && (canDrag?.({ item, index: i }) ?? true);\n          const droppable = dragEnabled && dragFrom !== null && dragFrom !== i;\n          const edge = droppable ? dropEdge(i) : null;\n          return (\n            <div key={i} className=\"group\">\n              {/* The row is a plain element, NOT a button: the actions beside it\n                  are buttons, and nesting interactive content is invalid DOM\n                  with undefined click targeting. Only the disclosure toggles. */}\n              <div\n                data-accordion-row\n                data-drop-edge={edge ?? undefined}\n                onDragOver={(e) => {\n                  if (!droppable) return;\n                  e.preventDefault();\n                  e.dataTransfer.dropEffect = \"move\";\n                  setDragOver(i);\n                }}\n                onDrop={(e) => {\n                  if (!droppable || dragFrom === null) return;\n                  e.preventDefault();\n                  reorder(dragFrom, i);\n                  endDrag();\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 px-3 py-2 hover:bg-accent/40\",\n                  i % 2 === 0 ? \"bg-card\" : \"bg-muted/20\",\n                  open && \"bg-accent/30\",\n                  dragFrom === i && \"opacity-40\",\n                  edge === \"top\" && \"shadow-[inset_0_2px_0_0_var(--color-primary)]\",\n                  edge === \"bottom\" && \"shadow-[inset_0_-2px_0_0_var(--color-primary)]\",\n                  rowClassName,\n                )}\n              >\n                {allowDrag && !readOnly && (\n                  <button\n                    type=\"button\"\n                    aria-label={`Reorder ${label}`}\n                    title={`Reorder ${label}`}\n                    disabled={!dragEnabled}\n                    draggable={dragEnabled}\n                    onDragStart={(e) => {\n                      e.dataTransfer.effectAllowed = \"move\";\n                      e.dataTransfer.setData(\"text/plain\", String(i));\n                      // Drag the row, not the handle glyph the pointer grabbed.\n                      const row = e.currentTarget.closest(\"[data-accordion-row]\");\n                      if (row instanceof HTMLElement) e.dataTransfer.setDragImage(row, 12, 12);\n                      setDragFrom(i);\n                    }}\n                    onDragEnd={endDrag}\n                    onKeyDown={(e) => {\n                      const to = e.key === \"ArrowUp\" ? i - 1 : e.key === \"ArrowDown\" ? i + 1 : i;\n                      if (to === i || to < 0 || to >= items.length) return;\n                      e.preventDefault();\n                      reorder(i, to);\n                    }}\n                    className=\"shrink-0 cursor-grab rounded text-muted-foreground hover:text-foreground active:cursor-grabbing disabled:cursor-default disabled:opacity-30\"\n                  >\n                    <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                  </button>\n                )}\n                <button\n                  type=\"button\"\n                  id={headerId(i)}\n                  aria-expanded={open}\n                  aria-controls={panelId(i)}\n                  ref={(el) => {\n                    rowRefs.current[i] = el;\n                  }}\n                  onKeyDown={(e) => handleKeyDown(e, i)}\n                  onClick={() => expand(open ? null : i)}\n                  className=\"flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Icon\n                    icon={open ? UiChevronDown : UiChevronRight}\n                    className=\"shrink-0 text-sm text-muted-foreground\"\n                  />\n                  {renderHeader(slotCtx)}\n                </button>\n                {meta}\n                {!readOnly && (allowReorder || allowDuplicate || allowRemove || actions) && (\n                  <ItemActions\n                    label={label}\n                    index={i}\n                    count={items.length}\n                    size={size}\n                    reveal={revealActions}\n                    {...(actions ? { leading: actions } : {})}\n                    {...(allowReorder ? { onMove: (to: number) => move(i, to) } : {})}\n                    {...(allowDuplicate ? { onDuplicate: () => duplicate(i) } : {})}\n                    {...(allowRemove ? { onRemove: () => remove(i) } : {})}\n                  />\n                )}\n              </div>\n              {open && (\n                <div\n                  id={panelId(i)}\n                  role=\"region\"\n                  aria-labelledby={headerId(i)}\n                  className={cn(\"border-t border-border bg-muted/20 p-3\", bodyClassName)}\n                >\n                  {renderBody(slotCtx)}\n                </div>\n              )}\n            </div>\n          );\n        })}\n        {!readOnly && onCreate && (\n          <AddItemRow\n            buttonRef={addRef}\n            label={addLabel}\n            empty={items.length === 0}\n            onAdd={add}\n            onKeyDown={(e) => handleKeyDown(e, items.length)}\n            {...(addDescription ? { copy: addDescription } : {})}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// AddItemRow is the list's own final row. At zero items it grows to carry the\n// explanation of what an item is — so the empty state is the same control the\n// author will use, not a separate screen they have to leave.\nfunction AddItemRow({\n  label,\n  copy,\n  empty,\n  onAdd,\n  onKeyDown,\n  buttonRef,\n}: {\n  label: string;\n  copy?: string;\n  empty: boolean;\n  onAdd: () => void;\n  onKeyDown: (e: KeyboardEvent<HTMLButtonElement>) => void;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n}) {\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        buttonRef.current = el;\n      }}\n      onClick={onAdd}\n      onKeyDown={onKeyDown}\n      className={cn(\n        \"group/add flex w-full items-center gap-2 px-3 py-2 text-left text-muted-foreground hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\",\n        empty && \"items-start py-5\",\n      )}\n    >\n      {/* Holds the chevron column, so this row lines up with the ones above it. */}\n      <Icon icon={UiChevronRight} className=\"shrink-0 text-sm opacity-0\" />\n      <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60 group-hover/add:border-primary group-hover/add:text-primary\">\n        <Icon icon={UiAdd} className=\"text-[13px]\" />\n      </span>\n      <span className=\"flex min-w-0 flex-col gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{label}</span>\n        {copy && (\n          <span className={cn(\"text-xs\", empty ? \"max-w-xl leading-snug\" : \"truncate\")}>{copy}</span>\n        )}\n      </span>\n    </button>\n  );\n}\n"],"names":["useState","useRef","useEffect","removeIndex","duplicateIndex","moveItem","cn","jsxs","jsx","labelSizeClass","setIndex","Icon","UiDotsVertical","UiChevronDown","UiChevronRight","ItemActions","UiAdd"],"mappings":"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"}

package/dist/components/AccordionList.d.ts

@@ -25,6 +25,8 @@ export interface AccordionListProps<T> {
     renderMeta?: (ctx: AccordionListItemContext<T>) => ReactNode;
     /** Content above the list — typically the item count. */
     summary?: ReactNode;
+    /** List-level actions, right-aligned on the summary line (e.g. a view menu). */
+    toolbar?: ReactNode;
     /** Names an item in its actions' accessible labels. Defaults to `Item <n>`. */
     itemLabel?: (ctx: {
         item: T;
@@ -91,5 +93,5 @@ export interface AccordionListProps<T> {
     rowClassName?: string;
     bodyClassName?: string;
 }
-export declare function AccordionList<T>({ items, onChange, renderHeader, renderBody, renderActions, renderMeta, summary, itemLabel, allowReorder, allowDrag, canDrag, onReorder, allowDuplicate, allowRemove, revealActions, cloneItem, onCreate, addLabel, addDescription, expanded: expandedProp, defaultExpanded, onExpandedChange, readOnly, size, idPrefix, itemId, focusSelector, className, listClassName, rowClassName, bodyClassName, }: AccordionListProps<T>): import("react").JSX.Element;
+export declare function AccordionList<T>({ items, onChange, renderHeader, renderBody, renderActions, renderMeta, summary, toolbar, itemLabel, allowReorder, allowDrag, canDrag, onReorder, allowDuplicate, allowRemove, revealActions, cloneItem, onCreate, addLabel, addDescription, expanded: expandedProp, defaultExpanded, onExpandedChange, readOnly, size, idPrefix, itemId, focusSelector, className, listClassName, rowClassName, bodyClassName, }: AccordionListProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=AccordionList.d.ts.map

package/dist/components/AccordionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionList.d.ts","sourceRoot":"","sources":["../../src/components/AccordionList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccordionList.d.ts","sourceRoot":"","sources":["../../src/components/AccordionList.tsx"],"names":[],"mappings":"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"}

package/dist/components/AccordionList.js

@@ -18,6 +18,7 @@ function AccordionList({
   renderActions,
   renderMeta,
   summary,
+  toolbar,
   itemLabel,
   allowReorder = false,
   allowDrag = false,
@@ -138,7 +139,10 @@ function AccordionList({
     else if (e.key === "End") focusAt(stops);
   }
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
-    summary !== void 0 && /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", labelSizeClass[size]), children: summary }),
+    (summary !== void 0 || toolbar !== void 0) && /* @__PURE__ */ jsxs("div", { "data-accordion-summary": true, className: "flex items-center justify-between gap-2", children: [
+      summary !== void 0 && /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", labelSizeClass[size]), children: summary }),
+      toolbar !== void 0 && /* @__PURE__ */ jsx("div", { className: "ml-auto flex shrink-0 items-center", children: toolbar })
+    ] }),
     /* @__PURE__ */ jsxs(
       "div",
       {

package/dist/components/AccordionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionList.js","sources":["../../src/components/AccordionList.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n  type ReactNode,\n} from \"react\";\nimport { duplicateIndex, moveItem, removeIndex, setIndex } from \"../lib/collections\";\nimport type { SizeToken } from \"../lib/size\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiChevronDown, UiChevronRight, UiDotsVertical } from \"../icons\";\nimport { ItemActions } from \"./ItemActions\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// AccordionList renders a list of items as one-line rows, expanding one at a\n// time into that item's own editor. It exists because a ten-field item stacked\n// in full costs ~700px of screen each, and a column of them says nothing about\n// which item is which.\n//\n// It knows nothing about what an item IS: `renderHeader` fills the collapsed\n// row, `renderBody` fills the open panel, and everything structural — the\n// disclosure, the aria pairing, roving arrow-key focus, the mutation buttons,\n// the add row — belongs to the list. Every editing capability is opt-in, so the\n// same component serves a read-only summary list and a full editor.\n//\n// \"Add\" is the list's own last row rather than a button beside it: the\n// affordance sits exactly where the next item will appear, and at zero items\n// that same row IS the empty state — one control, no separate screen.\n\n/** Handed to every slot, describing one row. */\nexport interface AccordionListItemContext<T> {\n  item: T;\n  index: number;\n  open: boolean;\n  /** Replaces this item in place, committing the whole list through `onChange`. */\n  onChange: (next: T) => void;\n  /** The ids the disclosure/panel pair is wired with. */\n  headerId: string;\n  panelId: string;\n}\n\nexport interface AccordionListProps<T> {\n  items: T[];\n  /** Receives the whole next list for every add, remove, duplicate, move or item edit. */\n  onChange?: (next: T[]) => void;\n\n  /** Row content, rendered inside the disclosure button after the chevron. */\n  renderHeader: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Panel content. Rendered only while the row is open — never hidden with CSS. */\n  renderBody: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Extra per-row actions, rendered before the built-in ones. */\n  renderActions?: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Persistent row metadata rendered between the disclosure and actions. */\n  renderMeta?: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Content above the list — typically the item count. */\n  summary?: ReactNode;\n  /** Names an item in its actions' accessible labels. Defaults to `Item <n>`. */\n  itemLabel?: (ctx: { item: T; index: number }) => string;\n\n  /** Offer the up/down reorder buttons. */\n  allowReorder?: boolean;\n  /**\n   * Offer a grab handle at the head of every row, and drag-to-reorder across\n   * the list. Arrow keys on a focused handle move the row too, so the gesture\n   * is not mouse-only.\n   */\n  allowDrag?: boolean;\n  /**\n   * Whether a row takes part in dragging — as a source and as a destination.\n   * Defaults to every row. A list holding rows that have no position of their\n   * own (a filtered-out item, a soft-deleted one) says so here.\n   */\n  canDrag?: (ctx: { item: T; index: number }) => boolean;\n  /**\n   * Commits a completed drag or handle keypress. Defaults to the same move the\n   * reorder buttons perform; a list whose order lives outside `items` (a\n   * filtered view of a longer list) reorders the source through this instead.\n   */\n  onReorder?: (from: number, to: number) => void;\n  /** Offer the duplicate button. */\n  allowDuplicate?: boolean;\n  /** Offer the remove button. */\n  allowRemove?: boolean;\n  /** Copy override for duplicate. Defaults to a one-level clone. */\n  cloneItem?: (item: T) => T;\n  /**\n   * Reveal the per-row actions on hover/focus (the default). Pass false where an\n   * action carries state the row has to show at rest — a visibility toggle whose\n   * glyph says whether the item is hidden answers a question, not just offers a\n   * click.\n   */\n  revealActions?: boolean;\n\n  /** Seeds a new item. Supplying it is what adds the trailing add row. */\n  onCreate?: () => T;\n  /** Add-row text. Defaults to \"Add item\". */\n  addLabel?: string;\n  /** Add-row copy; grows into the empty state at zero items. */\n  addDescription?: string;\n\n  /** Controlled open row — an index, or null for none. */\n  expanded?: number | null;\n  /** Initially open row for uncontrolled usage. Defaults to none. */\n  defaultExpanded?: number | null;\n  onExpandedChange?: (index: number | null) => void;\n\n  /** Hides the add row and every per-row action. Rows still open. */\n  readOnly?: boolean;\n  size?: SizeToken;\n  /** Stem for the generated header/panel ids. */\n  idPrefix?: string;\n  /** Overrides the per-row id stem (e.g. with a JSON-Pointer instance path). */\n  itemId?: (index: number) => string;\n  /** Selector focused inside a freshly added row's panel. */\n  focusSelector?: string;\n  className?: string;\n  listClassName?: string;\n  rowClassName?: string;\n  bodyClassName?: string;\n}\n\nconst DEFAULT_FOCUS_SELECTOR = \"[data-autofocus], input, select, textarea\";\n\nexport function AccordionList<T>({\n  items,\n  onChange,\n  renderHeader,\n  renderBody,\n  renderActions,\n  renderMeta,\n  summary,\n  itemLabel,\n  allowReorder = false,\n  allowDrag = false,\n  canDrag,\n  onReorder,\n  allowDuplicate = false,\n  allowRemove = false,\n  revealActions = true,\n  cloneItem,\n  onCreate,\n  addLabel = \"Add item\",\n  addDescription,\n  expanded: expandedProp,\n  defaultExpanded = null,\n  onExpandedChange,\n  readOnly = false,\n  size = \"md\",\n  idPrefix = \"accordion\",\n  itemId,\n  focusSelector = DEFAULT_FOCUS_SELECTOR,\n  className,\n  listClassName,\n  rowClassName,\n  bodyClassName,\n}: AccordionListProps<T>) {\n  // Which row is open is transient view state, deliberately local and never\n  // persisted. The INDEX is the key, not the item: an editor typically replaces\n  // the item object on every keystroke, so any identity-based map would die on\n  // the first character typed. That makes it the mutators' job to keep this\n  // pointing at the same row.\n  const isControlled = expandedProp !== undefined;\n  const [innerExpanded, setInnerExpanded] = useState<number | null>(defaultExpanded);\n  const expanded = isControlled ? expandedProp : innerExpanded;\n\n  // The in-flight drag: the row being dragged and the row the pointer is over.\n  const [dragFrom, setDragFrom] = useState<number | null>(null);\n  const [dragOver, setDragOver] = useState<number | null>(null);\n\n  const rowRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const addRef = useRef<HTMLButtonElement | null>(null);\n  const pendingFocus = useRef<{ kind: \"panel\" | \"row\" | \"add\"; index: number } | null>(null);\n\n  useEffect(() => {\n    const pending = pendingFocus.current;\n    if (!pending) return;\n    pendingFocus.current = null;\n    if (pending.kind === \"add\") {\n      addRef.current?.focus();\n      return;\n    }\n    const row = rowRefs.current[pending.index];\n    if (pending.kind === \"row\") {\n      row?.focus();\n      return;\n    }\n    // Land in the new item's first editable control, so adding an item leaves\n    // the caret where the author is about to type.\n    const panel = document.getElementById(panelId(pending.index));\n    (panel?.querySelector<HTMLElement>(focusSelector) ?? row)?.focus();\n  });\n\n  function rowId(index: number): string {\n    return itemId ? itemId(index) : `${idPrefix}-${index}`;\n  }\n  function panelId(index: number): string {\n    return `${rowId(index)}-panel`;\n  }\n  function headerId(index: number): string {\n    return `${rowId(index)}-header`;\n  }\n\n  function expand(next: number | null) {\n    if (!isControlled) setInnerExpanded(next);\n    onExpandedChange?.(next);\n  }\n  // A mutator moves the open row without the caller having asked to expand\n  // anything, so it maps the current index rather than setting an absolute one.\n  function reindexExpanded(map: (open: number | null) => number | null) {\n    const next = map(expanded);\n    if (next !== expanded) expand(next);\n  }\n\n  function commit(next: T[]) {\n    onChange?.(next);\n  }\n\n  function add() {\n    if (!onCreate) return;\n    pendingFocus.current = { kind: \"panel\", index: items.length };\n    expand(items.length);\n    commit([...items, onCreate()]);\n  }\n\n  function remove(index: number) {\n    reindexExpanded((open) =>\n      open === index ? null : open !== null && open > index ? open - 1 : open,\n    );\n    pendingFocus.current =\n      items.length === 1\n        ? { kind: \"add\", index: 0 }\n        : { kind: \"row\", index: Math.max(index - 1, 0) };\n    commit(removeIndex(items, index));\n  }\n\n  function duplicate(index: number) {\n    reindexExpanded((open) => (open !== null && open > index ? open + 1 : open));\n    pendingFocus.current = { kind: \"row\", index: index + 1 };\n    commit(duplicateIndex(items, index, cloneItem));\n  }\n\n  /** Where a drag would land, so the row can draw the insertion line. */\n  function dropEdge(index: number): \"top\" | \"bottom\" | null {\n    if (dragFrom === null || dragOver !== index || dragFrom === index) return null;\n    return dragFrom < index ? \"bottom\" : \"top\";\n  }\n\n  function endDrag() {\n    setDragFrom(null);\n    setDragOver(null);\n  }\n\n  function reorder(from: number, to: number) {\n    if (from === to) return;\n    if (onReorder) onReorder(from, to);\n    else move(from, to);\n  }\n\n  function move(index: number, to: number) {\n    if (to < 0 || to >= items.length) return;\n    // Follow the item, not the slot — otherwise moving an open row silently\n    // expands whichever row took its place.\n    reindexExpanded((open) => (open === index ? to : open === to ? index : open));\n    pendingFocus.current = { kind: \"row\", index: to };\n    commit(moveItem(items, index, to));\n  }\n\n  // Roving focus across the headers, with the add row as the final stop.\n  function handleKeyDown(e: KeyboardEvent<HTMLButtonElement>, index: number) {\n    const stops = rowRefs.current.length;\n    const focusAt = (i: number) => {\n      e.preventDefault();\n      (i >= stops ? addRef.current : rowRefs.current[i])?.focus();\n    };\n    if (e.key === \"ArrowDown\") focusAt(Math.min(index + 1, stops));\n    else if (e.key === \"ArrowUp\" && index > 0) focusAt(index - 1);\n    else if (e.key === \"Home\") focusAt(0);\n    else if (e.key === \"End\") focusAt(stops);\n  }\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)}>\n      {summary !== undefined && (\n        <p className={cn(\"text-muted-foreground\", labelSizeClass[size])}>{summary}</p>\n      )}\n      <div\n        className={cn(\"divide-y divide-border rounded-lg border border-border\", listClassName)}\n      >\n        {items.map((item, i) => {\n          const open = expanded === i;\n          const slotCtx: AccordionListItemContext<T> = {\n            item,\n            index: i,\n            open,\n            onChange: (next) => commit(setIndex(items, i, next)),\n            headerId: headerId(i),\n            panelId: panelId(i),\n          };\n          const label = itemLabel?.({ item, index: i }) ?? `Item ${i + 1}`;\n          const actions = renderActions?.(slotCtx);\n          const meta = renderMeta?.(slotCtx);\n          const dragEnabled = allowDrag && !readOnly && (canDrag?.({ item, index: i }) ?? true);\n          const droppable = dragEnabled && dragFrom !== null && dragFrom !== i;\n          const edge = droppable ? dropEdge(i) : null;\n          return (\n            <div key={i} className=\"group\">\n              {/* The row is a plain element, NOT a button: the actions beside it\n                  are buttons, and nesting interactive content is invalid DOM\n                  with undefined click targeting. Only the disclosure toggles. */}\n              <div\n                data-accordion-row\n                data-drop-edge={edge ?? undefined}\n                onDragOver={(e) => {\n                  if (!droppable) return;\n                  e.preventDefault();\n                  e.dataTransfer.dropEffect = \"move\";\n                  setDragOver(i);\n                }}\n                onDrop={(e) => {\n                  if (!droppable || dragFrom === null) return;\n                  e.preventDefault();\n                  reorder(dragFrom, i);\n                  endDrag();\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 px-3 py-2 hover:bg-accent/40\",\n                  i % 2 === 0 ? \"bg-card\" : \"bg-muted/20\",\n                  open && \"bg-accent/30\",\n                  dragFrom === i && \"opacity-40\",\n                  edge === \"top\" && \"shadow-[inset_0_2px_0_0_var(--color-primary)]\",\n                  edge === \"bottom\" && \"shadow-[inset_0_-2px_0_0_var(--color-primary)]\",\n                  rowClassName,\n                )}\n              >\n                {allowDrag && !readOnly && (\n                  <button\n                    type=\"button\"\n                    aria-label={`Reorder ${label}`}\n                    title={`Reorder ${label}`}\n                    disabled={!dragEnabled}\n                    draggable={dragEnabled}\n                    onDragStart={(e) => {\n                      e.dataTransfer.effectAllowed = \"move\";\n                      e.dataTransfer.setData(\"text/plain\", String(i));\n                      // Drag the row, not the handle glyph the pointer grabbed.\n                      const row = e.currentTarget.closest(\"[data-accordion-row]\");\n                      if (row instanceof HTMLElement) e.dataTransfer.setDragImage(row, 12, 12);\n                      setDragFrom(i);\n                    }}\n                    onDragEnd={endDrag}\n                    onKeyDown={(e) => {\n                      const to = e.key === \"ArrowUp\" ? i - 1 : e.key === \"ArrowDown\" ? i + 1 : i;\n                      if (to === i || to < 0 || to >= items.length) return;\n                      e.preventDefault();\n                      reorder(i, to);\n                    }}\n                    className=\"shrink-0 cursor-grab rounded text-muted-foreground hover:text-foreground active:cursor-grabbing disabled:cursor-default disabled:opacity-30\"\n                  >\n                    <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                  </button>\n                )}\n                <button\n                  type=\"button\"\n                  id={headerId(i)}\n                  aria-expanded={open}\n                  aria-controls={panelId(i)}\n                  ref={(el) => {\n                    rowRefs.current[i] = el;\n                  }}\n                  onKeyDown={(e) => handleKeyDown(e, i)}\n                  onClick={() => expand(open ? null : i)}\n                  className=\"flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Icon\n                    icon={open ? UiChevronDown : UiChevronRight}\n                    className=\"shrink-0 text-sm text-muted-foreground\"\n                  />\n                  {renderHeader(slotCtx)}\n                </button>\n                {meta}\n                {!readOnly && (allowReorder || allowDuplicate || allowRemove || actions) && (\n                  <ItemActions\n                    label={label}\n                    index={i}\n                    count={items.length}\n                    size={size}\n                    reveal={revealActions}\n                    {...(actions ? { leading: actions } : {})}\n                    {...(allowReorder ? { onMove: (to: number) => move(i, to) } : {})}\n                    {...(allowDuplicate ? { onDuplicate: () => duplicate(i) } : {})}\n                    {...(allowRemove ? { onRemove: () => remove(i) } : {})}\n                  />\n                )}\n              </div>\n              {open && (\n                <div\n                  id={panelId(i)}\n                  role=\"region\"\n                  aria-labelledby={headerId(i)}\n                  className={cn(\"border-t border-border bg-muted/20 p-3\", bodyClassName)}\n                >\n                  {renderBody(slotCtx)}\n                </div>\n              )}\n            </div>\n          );\n        })}\n        {!readOnly && onCreate && (\n          <AddItemRow\n            buttonRef={addRef}\n            label={addLabel}\n            empty={items.length === 0}\n            onAdd={add}\n            onKeyDown={(e) => handleKeyDown(e, items.length)}\n            {...(addDescription ? { copy: addDescription } : {})}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// AddItemRow is the list's own final row. At zero items it grows to carry the\n// explanation of what an item is — so the empty state is the same control the\n// author will use, not a separate screen they have to leave.\nfunction AddItemRow({\n  label,\n  copy,\n  empty,\n  onAdd,\n  onKeyDown,\n  buttonRef,\n}: {\n  label: string;\n  copy?: string;\n  empty: boolean;\n  onAdd: () => void;\n  onKeyDown: (e: KeyboardEvent<HTMLButtonElement>) => void;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n}) {\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        buttonRef.current = el;\n      }}\n      onClick={onAdd}\n      onKeyDown={onKeyDown}\n      className={cn(\n        \"group/add flex w-full items-center gap-2 px-3 py-2 text-left text-muted-foreground hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\",\n        empty && \"items-start py-5\",\n      )}\n    >\n      {/* Holds the chevron column, so this row lines up with the ones above it. */}\n      <Icon icon={UiChevronRight} className=\"shrink-0 text-sm opacity-0\" />\n      <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60 group-hover/add:border-primary group-hover/add:text-primary\">\n        <Icon icon={UiAdd} className=\"text-[13px]\" />\n      </span>\n      <span className=\"flex min-w-0 flex-col gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{label}</span>\n        {copy && (\n          <span className={cn(\"text-xs\", empty ? \"max-w-xl leading-snug\" : \"truncate\")}>{copy}</span>\n        )}\n      </span>\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccordionList.js","sources":["../../src/components/AccordionList.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n  type ReactNode,\n} from \"react\";\nimport { duplicateIndex, moveItem, removeIndex, setIndex } from \"../lib/collections\";\nimport type { SizeToken } from \"../lib/size\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiChevronDown, UiChevronRight, UiDotsVertical } from \"../icons\";\nimport { ItemActions } from \"./ItemActions\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// AccordionList renders a list of items as one-line rows, expanding one at a\n// time into that item's own editor. It exists because a ten-field item stacked\n// in full costs ~700px of screen each, and a column of them says nothing about\n// which item is which.\n//\n// It knows nothing about what an item IS: `renderHeader` fills the collapsed\n// row, `renderBody` fills the open panel, and everything structural — the\n// disclosure, the aria pairing, roving arrow-key focus, the mutation buttons,\n// the add row — belongs to the list. Every editing capability is opt-in, so the\n// same component serves a read-only summary list and a full editor.\n//\n// \"Add\" is the list's own last row rather than a button beside it: the\n// affordance sits exactly where the next item will appear, and at zero items\n// that same row IS the empty state — one control, no separate screen.\n\n/** Handed to every slot, describing one row. */\nexport interface AccordionListItemContext<T> {\n  item: T;\n  index: number;\n  open: boolean;\n  /** Replaces this item in place, committing the whole list through `onChange`. */\n  onChange: (next: T) => void;\n  /** The ids the disclosure/panel pair is wired with. */\n  headerId: string;\n  panelId: string;\n}\n\nexport interface AccordionListProps<T> {\n  items: T[];\n  /** Receives the whole next list for every add, remove, duplicate, move or item edit. */\n  onChange?: (next: T[]) => void;\n\n  /** Row content, rendered inside the disclosure button after the chevron. */\n  renderHeader: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Panel content. Rendered only while the row is open — never hidden with CSS. */\n  renderBody: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Extra per-row actions, rendered before the built-in ones. */\n  renderActions?: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Persistent row metadata rendered between the disclosure and actions. */\n  renderMeta?: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Content above the list — typically the item count. */\n  summary?: ReactNode;\n  /** List-level actions, right-aligned on the summary line (e.g. a view menu). */\n  toolbar?: ReactNode;\n  /** Names an item in its actions' accessible labels. Defaults to `Item <n>`. */\n  itemLabel?: (ctx: { item: T; index: number }) => string;\n\n  /** Offer the up/down reorder buttons. */\n  allowReorder?: boolean;\n  /**\n   * Offer a grab handle at the head of every row, and drag-to-reorder across\n   * the list. Arrow keys on a focused handle move the row too, so the gesture\n   * is not mouse-only.\n   */\n  allowDrag?: boolean;\n  /**\n   * Whether a row takes part in dragging — as a source and as a destination.\n   * Defaults to every row. A list holding rows that have no position of their\n   * own (a filtered-out item, a soft-deleted one) says so here.\n   */\n  canDrag?: (ctx: { item: T; index: number }) => boolean;\n  /**\n   * Commits a completed drag or handle keypress. Defaults to the same move the\n   * reorder buttons perform; a list whose order lives outside `items` (a\n   * filtered view of a longer list) reorders the source through this instead.\n   */\n  onReorder?: (from: number, to: number) => void;\n  /** Offer the duplicate button. */\n  allowDuplicate?: boolean;\n  /** Offer the remove button. */\n  allowRemove?: boolean;\n  /** Copy override for duplicate. Defaults to a one-level clone. */\n  cloneItem?: (item: T) => T;\n  /**\n   * Reveal the per-row actions on hover/focus (the default). Pass false where an\n   * action carries state the row has to show at rest — a visibility toggle whose\n   * glyph says whether the item is hidden answers a question, not just offers a\n   * click.\n   */\n  revealActions?: boolean;\n\n  /** Seeds a new item. Supplying it is what adds the trailing add row. */\n  onCreate?: () => T;\n  /** Add-row text. Defaults to \"Add item\". */\n  addLabel?: string;\n  /** Add-row copy; grows into the empty state at zero items. */\n  addDescription?: string;\n\n  /** Controlled open row — an index, or null for none. */\n  expanded?: number | null;\n  /** Initially open row for uncontrolled usage. Defaults to none. */\n  defaultExpanded?: number | null;\n  onExpandedChange?: (index: number | null) => void;\n\n  /** Hides the add row and every per-row action. Rows still open. */\n  readOnly?: boolean;\n  size?: SizeToken;\n  /** Stem for the generated header/panel ids. */\n  idPrefix?: string;\n  /** Overrides the per-row id stem (e.g. with a JSON-Pointer instance path). */\n  itemId?: (index: number) => string;\n  /** Selector focused inside a freshly added row's panel. */\n  focusSelector?: string;\n  className?: string;\n  listClassName?: string;\n  rowClassName?: string;\n  bodyClassName?: string;\n}\n\nconst DEFAULT_FOCUS_SELECTOR = \"[data-autofocus], input, select, textarea\";\n\nexport function AccordionList<T>({\n  items,\n  onChange,\n  renderHeader,\n  renderBody,\n  renderActions,\n  renderMeta,\n  summary,\n  toolbar,\n  itemLabel,\n  allowReorder = false,\n  allowDrag = false,\n  canDrag,\n  onReorder,\n  allowDuplicate = false,\n  allowRemove = false,\n  revealActions = true,\n  cloneItem,\n  onCreate,\n  addLabel = \"Add item\",\n  addDescription,\n  expanded: expandedProp,\n  defaultExpanded = null,\n  onExpandedChange,\n  readOnly = false,\n  size = \"md\",\n  idPrefix = \"accordion\",\n  itemId,\n  focusSelector = DEFAULT_FOCUS_SELECTOR,\n  className,\n  listClassName,\n  rowClassName,\n  bodyClassName,\n}: AccordionListProps<T>) {\n  // Which row is open is transient view state, deliberately local and never\n  // persisted. The INDEX is the key, not the item: an editor typically replaces\n  // the item object on every keystroke, so any identity-based map would die on\n  // the first character typed. That makes it the mutators' job to keep this\n  // pointing at the same row.\n  const isControlled = expandedProp !== undefined;\n  const [innerExpanded, setInnerExpanded] = useState<number | null>(defaultExpanded);\n  const expanded = isControlled ? expandedProp : innerExpanded;\n\n  // The in-flight drag: the row being dragged and the row the pointer is over.\n  const [dragFrom, setDragFrom] = useState<number | null>(null);\n  const [dragOver, setDragOver] = useState<number | null>(null);\n\n  const rowRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const addRef = useRef<HTMLButtonElement | null>(null);\n  const pendingFocus = useRef<{ kind: \"panel\" | \"row\" | \"add\"; index: number } | null>(null);\n\n  useEffect(() => {\n    const pending = pendingFocus.current;\n    if (!pending) return;\n    pendingFocus.current = null;\n    if (pending.kind === \"add\") {\n      addRef.current?.focus();\n      return;\n    }\n    const row = rowRefs.current[pending.index];\n    if (pending.kind === \"row\") {\n      row?.focus();\n      return;\n    }\n    // Land in the new item's first editable control, so adding an item leaves\n    // the caret where the author is about to type.\n    const panel = document.getElementById(panelId(pending.index));\n    (panel?.querySelector<HTMLElement>(focusSelector) ?? row)?.focus();\n  });\n\n  function rowId(index: number): string {\n    return itemId ? itemId(index) : `${idPrefix}-${index}`;\n  }\n  function panelId(index: number): string {\n    return `${rowId(index)}-panel`;\n  }\n  function headerId(index: number): string {\n    return `${rowId(index)}-header`;\n  }\n\n  function expand(next: number | null) {\n    if (!isControlled) setInnerExpanded(next);\n    onExpandedChange?.(next);\n  }\n  // A mutator moves the open row without the caller having asked to expand\n  // anything, so it maps the current index rather than setting an absolute one.\n  function reindexExpanded(map: (open: number | null) => number | null) {\n    const next = map(expanded);\n    if (next !== expanded) expand(next);\n  }\n\n  function commit(next: T[]) {\n    onChange?.(next);\n  }\n\n  function add() {\n    if (!onCreate) return;\n    pendingFocus.current = { kind: \"panel\", index: items.length };\n    expand(items.length);\n    commit([...items, onCreate()]);\n  }\n\n  function remove(index: number) {\n    reindexExpanded((open) =>\n      open === index ? null : open !== null && open > index ? open - 1 : open,\n    );\n    pendingFocus.current =\n      items.length === 1\n        ? { kind: \"add\", index: 0 }\n        : { kind: \"row\", index: Math.max(index - 1, 0) };\n    commit(removeIndex(items, index));\n  }\n\n  function duplicate(index: number) {\n    reindexExpanded((open) => (open !== null && open > index ? open + 1 : open));\n    pendingFocus.current = { kind: \"row\", index: index + 1 };\n    commit(duplicateIndex(items, index, cloneItem));\n  }\n\n  /** Where a drag would land, so the row can draw the insertion line. */\n  function dropEdge(index: number): \"top\" | \"bottom\" | null {\n    if (dragFrom === null || dragOver !== index || dragFrom === index) return null;\n    return dragFrom < index ? \"bottom\" : \"top\";\n  }\n\n  function endDrag() {\n    setDragFrom(null);\n    setDragOver(null);\n  }\n\n  function reorder(from: number, to: number) {\n    if (from === to) return;\n    if (onReorder) onReorder(from, to);\n    else move(from, to);\n  }\n\n  function move(index: number, to: number) {\n    if (to < 0 || to >= items.length) return;\n    // Follow the item, not the slot — otherwise moving an open row silently\n    // expands whichever row took its place.\n    reindexExpanded((open) => (open === index ? to : open === to ? index : open));\n    pendingFocus.current = { kind: \"row\", index: to };\n    commit(moveItem(items, index, to));\n  }\n\n  // Roving focus across the headers, with the add row as the final stop.\n  function handleKeyDown(e: KeyboardEvent<HTMLButtonElement>, index: number) {\n    const stops = rowRefs.current.length;\n    const focusAt = (i: number) => {\n      e.preventDefault();\n      (i >= stops ? addRef.current : rowRefs.current[i])?.focus();\n    };\n    if (e.key === \"ArrowDown\") focusAt(Math.min(index + 1, stops));\n    else if (e.key === \"ArrowUp\" && index > 0) focusAt(index - 1);\n    else if (e.key === \"Home\") focusAt(0);\n    else if (e.key === \"End\") focusAt(stops);\n  }\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)}>\n      {(summary !== undefined || toolbar !== undefined) && (\n        <div data-accordion-summary className=\"flex items-center justify-between gap-2\">\n          {summary !== undefined && (\n            <p className={cn(\"text-muted-foreground\", labelSizeClass[size])}>{summary}</p>\n          )}\n          {toolbar !== undefined && (\n            <div className=\"ml-auto flex shrink-0 items-center\">{toolbar}</div>\n          )}\n        </div>\n      )}\n      <div\n        className={cn(\"divide-y divide-border rounded-lg border border-border\", listClassName)}\n      >\n        {items.map((item, i) => {\n          const open = expanded === i;\n          const slotCtx: AccordionListItemContext<T> = {\n            item,\n            index: i,\n            open,\n            onChange: (next) => commit(setIndex(items, i, next)),\n            headerId: headerId(i),\n            panelId: panelId(i),\n          };\n          const label = itemLabel?.({ item, index: i }) ?? `Item ${i + 1}`;\n          const actions = renderActions?.(slotCtx);\n          const meta = renderMeta?.(slotCtx);\n          const dragEnabled = allowDrag && !readOnly && (canDrag?.({ item, index: i }) ?? true);\n          const droppable = dragEnabled && dragFrom !== null && dragFrom !== i;\n          const edge = droppable ? dropEdge(i) : null;\n          return (\n            <div key={i} className=\"group\">\n              {/* The row is a plain element, NOT a button: the actions beside it\n                  are buttons, and nesting interactive content is invalid DOM\n                  with undefined click targeting. Only the disclosure toggles. */}\n              <div\n                data-accordion-row\n                data-drop-edge={edge ?? undefined}\n                onDragOver={(e) => {\n                  if (!droppable) return;\n                  e.preventDefault();\n                  e.dataTransfer.dropEffect = \"move\";\n                  setDragOver(i);\n                }}\n                onDrop={(e) => {\n                  if (!droppable || dragFrom === null) return;\n                  e.preventDefault();\n                  reorder(dragFrom, i);\n                  endDrag();\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 px-3 py-2 hover:bg-accent/40\",\n                  i % 2 === 0 ? \"bg-card\" : \"bg-muted/20\",\n                  open && \"bg-accent/30\",\n                  dragFrom === i && \"opacity-40\",\n                  edge === \"top\" && \"shadow-[inset_0_2px_0_0_var(--color-primary)]\",\n                  edge === \"bottom\" && \"shadow-[inset_0_-2px_0_0_var(--color-primary)]\",\n                  rowClassName,\n                )}\n              >\n                {allowDrag && !readOnly && (\n                  <button\n                    type=\"button\"\n                    aria-label={`Reorder ${label}`}\n                    title={`Reorder ${label}`}\n                    disabled={!dragEnabled}\n                    draggable={dragEnabled}\n                    onDragStart={(e) => {\n                      e.dataTransfer.effectAllowed = \"move\";\n                      e.dataTransfer.setData(\"text/plain\", String(i));\n                      // Drag the row, not the handle glyph the pointer grabbed.\n                      const row = e.currentTarget.closest(\"[data-accordion-row]\");\n                      if (row instanceof HTMLElement) e.dataTransfer.setDragImage(row, 12, 12);\n                      setDragFrom(i);\n                    }}\n                    onDragEnd={endDrag}\n                    onKeyDown={(e) => {\n                      const to = e.key === \"ArrowUp\" ? i - 1 : e.key === \"ArrowDown\" ? i + 1 : i;\n                      if (to === i || to < 0 || to >= items.length) return;\n                      e.preventDefault();\n                      reorder(i, to);\n                    }}\n                    className=\"shrink-0 cursor-grab rounded text-muted-foreground hover:text-foreground active:cursor-grabbing disabled:cursor-default disabled:opacity-30\"\n                  >\n                    <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                  </button>\n                )}\n                <button\n                  type=\"button\"\n                  id={headerId(i)}\n                  aria-expanded={open}\n                  aria-controls={panelId(i)}\n                  ref={(el) => {\n                    rowRefs.current[i] = el;\n                  }}\n                  onKeyDown={(e) => handleKeyDown(e, i)}\n                  onClick={() => expand(open ? null : i)}\n                  className=\"flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Icon\n                    icon={open ? UiChevronDown : UiChevronRight}\n                    className=\"shrink-0 text-sm text-muted-foreground\"\n                  />\n                  {renderHeader(slotCtx)}\n                </button>\n                {meta}\n                {!readOnly && (allowReorder || allowDuplicate || allowRemove || actions) && (\n                  <ItemActions\n                    label={label}\n                    index={i}\n                    count={items.length}\n                    size={size}\n                    reveal={revealActions}\n                    {...(actions ? { leading: actions } : {})}\n                    {...(allowReorder ? { onMove: (to: number) => move(i, to) } : {})}\n                    {...(allowDuplicate ? { onDuplicate: () => duplicate(i) } : {})}\n                    {...(allowRemove ? { onRemove: () => remove(i) } : {})}\n                  />\n                )}\n              </div>\n              {open && (\n                <div\n                  id={panelId(i)}\n                  role=\"region\"\n                  aria-labelledby={headerId(i)}\n                  className={cn(\"border-t border-border bg-muted/20 p-3\", bodyClassName)}\n                >\n                  {renderBody(slotCtx)}\n                </div>\n              )}\n            </div>\n          );\n        })}\n        {!readOnly && onCreate && (\n          <AddItemRow\n            buttonRef={addRef}\n            label={addLabel}\n            empty={items.length === 0}\n            onAdd={add}\n            onKeyDown={(e) => handleKeyDown(e, items.length)}\n            {...(addDescription ? { copy: addDescription } : {})}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// AddItemRow is the list's own final row. At zero items it grows to carry the\n// explanation of what an item is — so the empty state is the same control the\n// author will use, not a separate screen they have to leave.\nfunction AddItemRow({\n  label,\n  copy,\n  empty,\n  onAdd,\n  onKeyDown,\n  buttonRef,\n}: {\n  label: string;\n  copy?: string;\n  empty: boolean;\n  onAdd: () => void;\n  onKeyDown: (e: KeyboardEvent<HTMLButtonElement>) => void;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n}) {\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        buttonRef.current = el;\n      }}\n      onClick={onAdd}\n      onKeyDown={onKeyDown}\n      className={cn(\n        \"group/add flex w-full items-center gap-2 px-3 py-2 text-left text-muted-foreground hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\",\n        empty && \"items-start py-5\",\n      )}\n    >\n      {/* Holds the chevron column, so this row lines up with the ones above it. */}\n      <Icon icon={UiChevronRight} className=\"shrink-0 text-sm opacity-0\" />\n      <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60 group-hover/add:border-primary group-hover/add:text-primary\">\n        <Icon icon={UiAdd} className=\"text-[13px]\" />\n      </span>\n      <span className=\"flex min-w-0 flex-col gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{label}</span>\n        {copy && (\n          <span className={cn(\"text-xs\", empty ? \"max-w-xl leading-snug\" : \"truncate\")}>{copy}</span>\n        )}\n      </span>\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}