@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/components/ai/annotations.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotations.es.js","names":["Popover","PopoverPrimitive","_Fragment","Popover"],"sources":["../../../src/ds/components/ai/annotations/format-annotated-message.ts","../../../src/ds/components/ai/annotations/chat-annotations.tsx","../../../src/ds/components/ai/annotations/annotation-number.tsx","../../../src/ds/components/ai/annotations/annotation-comment-card.tsx","../../../src/ds/components/ai/annotations/annotation-comment-popover.tsx","../../../src/ds/components/ai/annotations/annotation-marker.tsx","../../../src/ds/components/ai/annotations/annotatable-selection.ts","../../../src/ds/components/ai/annotations/annotation-highlights.ts","../../../src/ds/components/ai/annotations/use-annotation-placement.ts","../../../src/ds/components/ai/annotations/annotation-markers.tsx","../../../src/ds/components/ai/annotations/use-annotation-selection.ts","../../../src/ds/components/ai/annotations/annotation-selection-toolbar.tsx","../../../src/ds/components/ai/annotations/transcript-annotations.tsx","../../../src/ds/components/ai/annotations/composer-annotation-list.tsx","../../../src/ds/components/ai/annotations/composer-annotations.tsx"],"sourcesContent":["export function normalizeAnnotationText(text: string): string {\n  return text\n    .replace(/\\r\\n?/g, '\\n')\n    .split('\\n')\n    .map(line => line.trimEnd())\n    .join('\\n')\n    .replace(/\\n{3,}/g, '\\n\\n')\n    .trim();\n}\n\nexport interface AnnotatedPassage {\n  text: string;\n  comment?: string;\n}\n\nfunction formatListItem({ text, comment }: AnnotatedPassage, number: number): string {\n  const marker = `${number}. `;\n  const pad = ' '.repeat(marker.length);\n  const quoted = text.split('\\n').map(line => (line ? `> ${line}` : '>'));\n  const quote = `${marker}${quoted.join(`\\n${pad}`)}`;\n  const note = comment ? normalizeAnnotationText(comment) : '';\n  if (!note) return quote;\n  const indentedNote = note.split('\\n').map(line => (line ? `${pad}${line}` : ''));\n  return [quote, '', ...indentedNote].join('\\n');\n}\n\n// CommonMark keeps a numbered or indented line that follows the list inside it; an empty link definition ends the list and renders nothing.\nconst JOINS_LIST = /^(?:\\s|\\d{1,9}[.)](?:\\s|$))/;\n\n/**\n * Labelled with the shortest run of slashes the message never holds, so no `[//]` the person wrote turns into\n * a link; that run stays far below CommonMark's 999-character label limit.\n */\nfunction listEnd(message: string): string {\n  const runs = new Set(Array.from(message.matchAll(/\\/+/g), match => match[0].length));\n  let length = 2;\n  while (runs.has(length)) length += 1;\n  return `\\n\\n[${'/'.repeat(length)}]: #\\n\\n`;\n}\n\n/**\n * The message the agent receives: the annotations as a numbered Markdown list, each holding its passage\n * as a blockquote and any comment on it, then what the person typed. The list keeps a comment on the\n * last passage apart from the typed message.\n */\nexport function formatAnnotatedMessage(text: string, annotations: readonly AnnotatedPassage[]): string {\n  const passages = annotations\n    .map(annotation => ({ text: normalizeAnnotationText(annotation.text), comment: annotation.comment }))\n    .filter(annotation => annotation.text);\n  if (passages.length === 0) return text;\n  const list = passages.map((passage, index) => formatListItem(passage, index + 1)).join('\\n\\n');\n  if (!text.trim()) return list;\n  if (!JOINS_LIST.test(text.replace(/^\\s*\\n/, ''))) return `${list}\\n\\n${text}`;\n  return `${list}${listEnd(list + text)}${text}`;\n}\n","/* eslint-disable react-refresh/only-export-components -- the provider and its hook share one context */\nimport { nanoid } from 'nanoid';\nimport { createContext, useContext, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type { AnnotationSource } from './annotatable-selection';\nimport { normalizeAnnotationText } from './format-annotated-message';\n\nexport interface ChatAnnotation {\n  id: string;\n  text: string;\n  source: AnnotationSource;\n  comment?: string;\n}\n\nexport const visibleComment = (annotation: ChatAnnotation) => annotation.comment?.trim() || undefined;\n\nexport type NewChatAnnotation = Pick<ChatAnnotation, 'text' | 'source'>;\n\nexport interface ChatAnnotationsApi {\n  /** In the order they were added: an annotation's number is its position. */\n  annotations: ChatAnnotation[];\n  /** Ignores blank text and a passage already waiting. */\n  addAnnotation: (annotation: NewChatAnnotation) => void;\n  removeAnnotation: (id: string) => void;\n  setAnnotationComment: (id: string, comment: string) => void;\n  /** Hands every waiting annotation to the message being sent and clears them from the chat. */\n  takeAnnotations: () => ChatAnnotation[];\n  /** Puts the annotations of a message that failed to send back, ahead of any added since. */\n  restoreAnnotations: (annotations: readonly ChatAnnotation[]) => void;\n}\n\nconst ChatAnnotationsContext = createContext<ChatAnnotationsApi | undefined>(undefined);\n\nconst samePassage = (a: AnnotationSource, b: AnnotationSource) =>\n  a.element === b.element && a.start === b.start && a.end === b.end;\n\n/** Mount it below whatever remounts when the thread changes, so annotations stay with their thread. */\nexport function ChatAnnotationsProvider({ children }: { children: ReactNode }) {\n  const [annotations, setAnnotations] = useState<ChatAnnotation[]>([]);\n\n  const value: ChatAnnotationsApi = {\n    annotations,\n    addAnnotation: ({ text, source }) => {\n      const annotation = { text: normalizeAnnotationText(text), source };\n      if (!annotation.text) return;\n      setAnnotations(current =>\n        current.some(waiting => samePassage(waiting.source, source))\n          ? current\n          : [...current, { id: nanoid(), ...annotation }],\n      );\n    },\n    removeAnnotation: id => setAnnotations(current => current.filter(annotation => annotation.id !== id)),\n    setAnnotationComment: (id, comment) =>\n      setAnnotations(current =>\n        current.map(annotation => (annotation.id === id ? { ...annotation, comment } : annotation)),\n      ),\n    takeAnnotations: () => {\n      const taken = new Set(annotations.map(annotation => annotation.id));\n      setAnnotations(current => current.filter(annotation => !taken.has(annotation.id)));\n      return annotations;\n    },\n    restoreAnnotations: restored =>\n      setAnnotations(current => {\n        const kept = new Set(current.map(annotation => annotation.id));\n        return [...restored.filter(annotation => !kept.has(annotation.id)), ...current];\n      }),\n  };\n\n  return <ChatAnnotationsContext.Provider value={value}>{children}</ChatAnnotationsContext.Provider>;\n}\n\nexport function useChatAnnotations(): ChatAnnotationsApi {\n  const value = useContext(ChatAnnotationsContext);\n  if (!value) throw new Error('useChatAnnotations must be used within a ChatAnnotationsProvider');\n  return value;\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/** The square bottom-left corner is the bubble's tail: in the transcript it touches the end of its passage. */\nexport const annotationBubbleStyle =\n  'inline-flex h-4.5 min-w-4.5 shrink-0 items-center justify-center gap-0.5 rounded-full rounded-bl-xs bg-info-indicator px-1.25 text-column leading-none text-background tabular-nums';\n\nexport function AnnotationNumber({ className, ...props }: ComponentPropsWithoutRef<'span'>) {\n  return <span data-slot=\"annotation-number\" className={cn(annotationBubbleStyle, className)} {...props} />;\n}\n","import { Trash2 } from 'lucide-react';\nimport type { Ref } from 'react';\n\nimport { AnnotationNumber } from './annotation-number';\nimport type { ChatAnnotation } from './chat-annotations';\nimport { Button } from '@/ds/components/Button';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface AnnotationCommentCardProps {\n  annotation: ChatAnnotation;\n  number: number;\n  commentRef?: Ref<HTMLTextAreaElement>;\n  onCommentChange: (comment: string) => void;\n  onRemove: () => void;\n  onDone: () => void;\n}\n\nexport function AnnotationCommentCard({\n  annotation,\n  number,\n  commentRef,\n  onCommentChange,\n  onRemove,\n  onDone,\n}: AnnotationCommentCardProps) {\n  return (\n    <div data-slot=\"annotation-comment-card\" className=\"flex flex-col gap-2.5\">\n      <div className=\"flex items-center gap-2\">\n        <AnnotationNumber>{number}</AnnotationNumber>\n        <Txt as=\"span\" variant=\"label\" className=\"flex-1\">\n          Annotation {number}\n        </Txt>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"-my-1 -me-1\"\n          tooltip={`Remove annotation ${number}`}\n          onClick={onRemove}\n        >\n          <Trash2 />\n        </Button>\n      </div>\n      <blockquote className=\"line-clamp-3 border-l-2 border-info-indicator ps-2.5 text-body-sm whitespace-pre-line text-muted-foreground\">\n        {annotation.text}\n      </blockquote>\n      <Textarea\n        ref={commentRef}\n        aria-label={`Comment on annotation ${number}`}\n        placeholder=\"Add a comment\"\n        rows={3}\n        className=\"min-h-18 resize-none\"\n        value={annotation.comment ?? ''}\n        onChange={event => onCommentChange(event.target.value)}\n        onKeyDown={event => {\n          if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n            event.preventDefault();\n            onDone();\n          }\n        }}\n      />\n      <div className=\"flex items-center justify-between gap-2\">\n        <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n          Sent with your next message\n        </Txt>\n        <Button type=\"button\" size=\"sm\" onClick={onDone}>\n          Done\n        </Button>\n      </div>\n    </div>\n  );\n}\n","import { useRef } from 'react';\n\nimport { AnnotationCommentCard } from './annotation-comment-card';\nimport type { ChatAnnotation } from './chat-annotations';\nimport { Popover, PopoverContent } from '@/ds/components/Popover';\n\nexport interface CommentCard {\n  id: string;\n  anchor: HTMLElement;\n  open: boolean;\n}\n\nexport interface AnnotationCommentPopoverProps {\n  card: CommentCard;\n  annotation: ChatAnnotation;\n  number: number;\n  onCommentChange: (comment: string) => void;\n  onRemove: () => void;\n  onClose: () => void;\n}\n\nexport function AnnotationCommentPopover({\n  card,\n  annotation,\n  number,\n  onCommentChange,\n  onRemove,\n  onClose,\n}: AnnotationCommentPopoverProps) {\n  const commentRef = useRef<HTMLTextAreaElement>(null);\n\n  return (\n    <Popover\n      open={card.open}\n      onOpenChange={(next, { reason, event }) => {\n        const target = event instanceof FocusEvent ? event.relatedTarget : event.target;\n        // The bubble's own click toggles the card, so pressing or focusing it must not close the card first.\n        const towardBubble =\n          (reason === 'outside-press' || reason === 'focus-out') &&\n          target instanceof Node &&\n          card.anchor.contains(target);\n        if (!next && !towardBubble) onClose();\n      }}\n    >\n      <PopoverContent\n        anchor={card.anchor}\n        side=\"top\"\n        align=\"start\"\n        sideOffset={8}\n        initialFocus={commentRef}\n        aria-label={`Annotation ${number}`}\n        className=\"w-80 max-w-[calc(100vw-2rem)] p-3\"\n      >\n        <AnnotationCommentCard\n          annotation={annotation}\n          number={number}\n          commentRef={commentRef}\n          onCommentChange={onCommentChange}\n          onRemove={onRemove}\n          onDone={onClose}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n","import type { Ref } from 'react';\n\nimport { annotationBubbleStyle } from './annotation-number';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface AnnotationMarkerProps {\n  ref: Ref<HTMLButtonElement>;\n  commented: boolean;\n  number: number;\n  active: boolean;\n  expanded: boolean;\n  onHoverStart: () => void;\n  onHoverEnd: () => void;\n  onToggle: (anchor: HTMLElement) => void;\n}\n\n/** Starts hidden: `AnnotationMarkers` shows it once the passage is laid out. */\nexport function AnnotationMarker({\n  ref,\n  commented,\n  number,\n  active,\n  expanded,\n  onHoverStart,\n  onHoverEnd,\n  onToggle,\n}: AnnotationMarkerProps) {\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-slot=\"annotation-marker\"\n      data-active={active || undefined}\n      data-commented={commented || undefined}\n      hidden\n      aria-label={commented ? `Annotation ${number}, with a comment` : `Annotation ${number}`}\n      aria-expanded={expanded}\n      aria-haspopup=\"dialog\"\n      className={cn(\n        annotationBubbleStyle,\n        'pointer-events-auto absolute origin-bottom-left -translate-y-full cursor-pointer shadow-raised',\n        'motion-safe:transition-[scale,background-color] motion-safe:duration-fast motion-safe:ease-out-custom',\n        'hover:scale-115 hover:bg-info-bright data-[active]:scale-115 data-[active]:bg-info-bright',\n        focusRing,\n      )}\n      onPointerEnter={onHoverStart}\n      onPointerLeave={onHoverEnd}\n      // Keyboard focus only: focus returns here when the card closes, which must not look hovered.\n      onFocus={event => {\n        if (event.currentTarget.matches(':focus-visible')) onHoverStart();\n      }}\n      onBlur={onHoverEnd}\n      onClick={event => onToggle(event.currentTarget)}\n    >\n      {number}\n      {commented && <span aria-hidden=\"true\" className=\"size-1 rounded-full bg-current\" />}\n    </button>\n  );\n}\n","import { escapeRegExp } from '@/lib/string';\n\n/** Every `Message` marks its content with this slot, in Studio and Factory alike. */\nconst ANNOTATABLE_SELECTOR = '[data-slot=\"message-content\"]';\n\nexport interface AnnotatablePart {\n  element: Element;\n  range: Range;\n  extendsPastContent: boolean;\n}\n\nexport interface SelectionAnchor {\n  getBoundingClientRect: () => DOMRect;\n  /** Lets the positioner find the scroll containers it has to follow. */\n  contextElement: Element;\n}\n\nconst visibleText = (value: string) => value.replace(/\\s+/g, '');\n\nfunction rangeWithin(range: Range, element: Element): Range {\n  const within = element.ownerDocument.createRange();\n  within.selectNodeContents(element);\n  if (range.compareBoundaryPoints(Range.START_TO_START, within) > 0) {\n    within.setStart(range.startContainer, range.startOffset);\n  }\n  if (range.compareBoundaryPoints(Range.END_TO_END, within) < 0) {\n    within.setEnd(range.endContainer, range.endOffset);\n  }\n  return within;\n}\n\nconst isOutermostMessage = (element: Element) => !element.parentElement?.closest(ANNOTATABLE_SELECTOR);\n\nexport function findAnnotatablePart(container: Element, range: Range): AnnotatablePart | undefined {\n  if (!range.intersectsNode(container)) return undefined;\n  const selected = visibleText(range.toString());\n  if (!selected) return undefined;\n\n  const withText = Array.from(container.querySelectorAll(ANNOTATABLE_SELECTOR))\n    .filter(element => range.intersectsNode(element) && isOutermostMessage(element))\n    .map(element => ({ element, range: rangeWithin(range, element) }))\n    .filter(part => visibleText(part.range.toString()));\n  const [part, other] = withText;\n  if (!part || other) return undefined;\n\n  return { ...part, extendsPastContent: visibleText(part.range.toString()) !== selected };\n}\n\nfunction isBackward(selection: Selection): boolean {\n  const { anchorNode, anchorOffset, focusNode, focusOffset } = selection;\n  if (!anchorNode || !focusNode) return false;\n  const anchor = anchorNode.ownerDocument?.createRange();\n  if (!anchor) return false;\n  anchor.setStart(anchorNode, anchorOffset);\n  return anchor.comparePoint(focusNode, focusOffset) < 0;\n}\n\nexport function clampSelection(selection: Selection, part: AnnotatablePart) {\n  const { startContainer, startOffset, endContainer, endOffset } = part.range;\n  if (isBackward(selection)) selection.setBaseAndExtent(endContainer, endOffset, startContainer, startOffset);\n  else selection.setBaseAndExtent(startContainer, startOffset, endContainer, endOffset);\n}\n\nconst lineRects = (range: Range) =>\n  Array.from(range.getClientRects()).filter(rect => rect.width > 0 && rect.height > 0);\n\nexport function selectionAnchor(part: AnnotatablePart): SelectionAnchor {\n  return {\n    getBoundingClientRect: () => lineRects(part.range)[0] ?? part.range.getBoundingClientRect(),\n    contextElement: part.element,\n  };\n}\n\n/** Offsets rather than a `Range`, so the mark survives the message re-rendering its text nodes. */\nexport interface AnnotationSource {\n  element: Element;\n  start: number;\n  end: number;\n  text: string;\n  textBefore: string;\n  textAfter: string;\n}\n\ninterface Span {\n  start: number;\n  end: number;\n}\n\nconst SURROUNDING_VISIBLE_CHARS = 16;\n\nfunction surroundings(content: string, { start, end }: Span) {\n  return {\n    textBefore: visibleText(content.slice(0, start)).slice(-SURROUNDING_VISIBLE_CHARS),\n    textAfter: visibleText(content.slice(end)).slice(0, SURROUNDING_VISIBLE_CHARS),\n  };\n}\n\nfunction textOffset(element: Element, node: Node, offset: number): number {\n  const before = element.ownerDocument.createRange();\n  before.selectNodeContents(element);\n  before.setEnd(node, offset);\n  return before.toString().length;\n}\n\nexport function annotationSource({ element, range }: AnnotatablePart): AnnotationSource {\n  const span = {\n    start: textOffset(element, range.startContainer, range.startOffset),\n    end: textOffset(element, range.endContainer, range.endOffset),\n  };\n  return { element, ...span, text: visibleText(range.toString()), ...surroundings(element.textContent ?? '', span) };\n}\n\nfunction passagePattern(text: string): RegExp {\n  return new RegExp(Array.from(text, escapeRegExp).join('\\\\s*'), 'g');\n}\n\nfunction locate(element: Element, source: AnnotationSource): Span | undefined {\n  const content = element.textContent ?? '';\n  const surroundingsAgree = (span: Span) => {\n    const now = surroundings(content, span);\n    return now.textBefore === source.textBefore || now.textAfter === source.textAfter;\n  };\n  const saved = { start: source.start, end: source.end };\n  if (visibleText(content.slice(saved.start, saved.end)) === source.text && surroundingsAgree(saved)) return saved;\n  const copies = Array.from(content.matchAll(passagePattern(source.text)), match => ({\n    start: match.index,\n    end: match.index + match[0].length,\n  }));\n  if (copies.length <= 1) return copies[0];\n  const distance = (copy: Span) => Math.abs(copy.start - source.start);\n  return copies.filter(surroundingsAgree).toSorted((a, b) => distance(a) - distance(b))[0];\n}\n\nexport function rangeFromSource(source: AnnotationSource): Range | undefined {\n  const { element } = source;\n  if (!element.isConnected) return undefined;\n  const span = locate(element, source);\n  if (!span) return undefined;\n  const document = element.ownerDocument;\n  const range = document.createRange();\n  const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);\n  let seen = 0;\n  let started = false;\n  for (let node = walker.nextNode(); node; node = walker.nextNode()) {\n    const length = node.textContent?.length ?? 0;\n    if (!started && span.start < seen + length) {\n      range.setStart(node, span.start - seen);\n      started = true;\n    }\n    if (started && span.end <= seen + length) {\n      range.setEnd(node, span.end - seen);\n      return range;\n    }\n    seen += length;\n  }\n  return undefined;\n}\n\nexport function passageEndRect(range: Range): DOMRect | undefined {\n  return lineRects(range).at(-1);\n}\n","import './annotation-highlights.css';\n\n/** Named in `annotation-highlights.css`. */\nconst HIGHLIGHT = 'chat-annotation';\nconst ACTIVE_HIGHLIGHT = 'chat-annotation-active';\n\nconst paintedByTranscript = new Map<string, { ranges: Range[]; active: Range | undefined }>();\n\nexport function paintHighlights(transcriptId: string, ranges: Range[], active: Range | undefined) {\n  if (typeof CSS === 'undefined' || !('highlights' in CSS)) return;\n  if (ranges.length === 0) paintedByTranscript.delete(transcriptId);\n  else paintedByTranscript.set(transcriptId, { ranges, active });\n  const painted = Array.from(paintedByTranscript.values());\n  const allRanges = painted.flatMap(entry => entry.ranges);\n  const activeRanges = painted.flatMap(entry => (entry.active ? [entry.active] : []));\n  if (allRanges.length === 0) CSS.highlights.delete(HIGHLIGHT);\n  else CSS.highlights.set(HIGHLIGHT, new Highlight(...allRanges));\n  if (activeRanges.length === 0) {\n    CSS.highlights.delete(ACTIVE_HIGHLIGHT);\n    return;\n  }\n  const emphasis = new Highlight(...activeRanges);\n  emphasis.priority = 1;\n  CSS.highlights.set(ACTIVE_HIGHLIGHT, emphasis);\n}\n","import { useEffect, useEffectEvent, useId, useRef } from 'react';\nimport type { RefObject } from 'react';\n\nimport { passageEndRect, rangeFromSource } from './annotatable-selection';\nimport { paintHighlights } from './annotation-highlights';\nimport type { ChatAnnotation } from './chat-annotations';\n\nexport interface AnnotationPlacementOptions {\n  containerRef: RefObject<Element | null>;\n  annotations: readonly ChatAnnotation[];\n  emphasized: string | undefined;\n}\n\ninterface PlacedPassage {\n  id: string;\n  marker: HTMLButtonElement;\n  range: Range;\n  end: DOMRect;\n}\n\ninterface PlacedBubble {\n  marker: HTMLButtonElement;\n  left: number;\n  top: number;\n  width: number;\n}\n\n// Leaves room for a hovered bubble's 115% scale.\nconst BUBBLE_GAP_PX = 4;\nconst TAIL_INSET_X_PX = 1;\nconst TAIL_DROP_Y_PX = 7;\n\n/** Bubbles on one line sit side by side, in the order their passages end, inside the transcript. */\nfunction spreadLine(line: readonly PlacedBubble[], layerWidth: number): PlacedBubble[] {\n  const pushedRight: PlacedBubble[] = [];\n  for (const bubble of line.toSorted((a, b) => a.left - b.left)) {\n    const previous = pushedRight.at(-1);\n    const left = previous ? Math.max(bubble.left, previous.left + previous.width + BUBBLE_GAP_PX) : bubble.left;\n    pushedRight.push({ ...bubble, left });\n  }\n  const fitted: PlacedBubble[] = [];\n  for (const bubble of pushedRight.toReversed()) {\n    const next = fitted.at(-1);\n    const limit = next ? next.left - BUBBLE_GAP_PX : layerWidth;\n    fitted.push({ ...bubble, left: Math.min(bubble.left, limit - bubble.width) });\n  }\n  return fitted;\n}\n\nfunction spreadBubbles(bubbles: readonly PlacedBubble[], layerWidth: number): PlacedBubble[] {\n  const lines = new Map<number, PlacedBubble[]>();\n  for (const bubble of bubbles) {\n    const line = Math.round(bubble.top);\n    lines.set(line, [...(lines.get(line) ?? []), bubble]);\n  }\n  return [...lines.values()].flatMap(line => spreadLine(line, layerWidth));\n}\n\nfunction placedPassage(annotation: ChatAnnotation, marker: HTMLButtonElement): PlacedPassage | undefined {\n  const range = rangeFromSource(annotation.source);\n  if (!range) return undefined;\n  const end = passageEndRect(range);\n  if (!end) return undefined;\n  return { id: annotation.id, marker, range, end };\n}\n\nexport function useAnnotationPlacement({ containerRef, annotations, emphasized }: AnnotationPlacementOptions) {\n  const transcriptId = useId();\n  const layerRef = useRef<HTMLDivElement>(null);\n  const markersRef = useRef(new Map<string, HTMLButtonElement>());\n  const tracking = annotations.length > 0;\n\n  // Written straight to the bubbles: layout is read after commit, and nothing renders from it.\n  const place = useEffectEvent(() => {\n    const layer = layerRef.current;\n    if (!layer) return;\n    const origin = layer.getBoundingClientRect();\n    const shown: PlacedPassage[] = [];\n    for (const annotation of annotations) {\n      const marker = markersRef.current.get(annotation.id);\n      if (!marker) continue;\n      const passage = placedPassage(annotation, marker);\n      marker.hidden = !passage;\n      if (passage) shown.push(passage);\n    }\n    const bubbles = shown.map(({ marker, end }) => ({\n      marker,\n      left: end.right - origin.left - TAIL_INSET_X_PX,\n      top: end.top - origin.top + TAIL_DROP_Y_PX,\n      width: marker.offsetWidth,\n    }));\n    for (const { marker, left, top } of spreadBubbles(bubbles, origin.width)) {\n      marker.style.left = `${left}px`;\n      marker.style.top = `${top}px`;\n    }\n    paintHighlights(\n      transcriptId,\n      shown.map(passage => passage.range),\n      shown.find(passage => passage.id === emphasized)?.range,\n    );\n  });\n\n  useEffect(() => {\n    place();\n  }, [annotations, emphasized]);\n\n  useEffect(() => {\n    const layer = layerRef.current;\n    const container = containerRef.current;\n    if (!tracking || !layer || !container) return;\n    let frame = 0;\n    const schedule = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => place());\n    };\n    const resizes = new ResizeObserver(schedule);\n    resizes.observe(layer);\n    const mutations = new MutationObserver(schedule);\n    mutations.observe(container, { childList: true, characterData: true, subtree: true });\n    container.addEventListener('scroll', schedule, { capture: true, passive: true });\n    return () => {\n      cancelAnimationFrame(frame);\n      resizes.disconnect();\n      mutations.disconnect();\n      container.removeEventListener('scroll', schedule, { capture: true });\n      paintHighlights(transcriptId, [], undefined);\n    };\n  }, [tracking, containerRef, transcriptId]);\n\n  const markerRef = (id: string) => (marker: HTMLButtonElement | null) => {\n    if (!marker) return;\n    markersRef.current.set(id, marker);\n    return () => {\n      markersRef.current.delete(id);\n    };\n  };\n\n  return { layerRef, markerRef };\n}\n","import { useState } from 'react';\nimport type { RefObject } from 'react';\n\nimport { AnnotationCommentPopover } from './annotation-comment-popover';\nimport type { CommentCard } from './annotation-comment-popover';\nimport { AnnotationMarker } from './annotation-marker';\nimport { visibleComment } from './chat-annotations';\nimport type { ChatAnnotation } from './chat-annotations';\nimport { useAnnotationPlacement } from './use-annotation-placement';\n\nexport interface AnnotationMarkersProps {\n  containerRef: RefObject<Element | null>;\n  annotations: readonly ChatAnnotation[];\n  onCommentChange: (id: string, comment: string) => void;\n  onRemove: (id: string) => void;\n}\n\nexport function AnnotationMarkers({ containerRef, annotations, onCommentChange, onRemove }: AnnotationMarkersProps) {\n  const [hovered, setHovered] = useState<string>();\n  const [card, setCard] = useState<CommentCard>();\n  const cardIndex = card ? annotations.findIndex(annotation => annotation.id === card.id) : -1;\n  const cardAnnotation = annotations[cardIndex];\n  const openId = card?.open ? card.id : undefined;\n  const emphasized = openId ?? hovered;\n  const { layerRef, markerRef } = useAnnotationPlacement({ containerRef, annotations, emphasized });\n\n  const close = () => setCard(current => current && { ...current, open: false });\n\n  return (\n    <div\n      ref={layerRef}\n      data-slot=\"annotation-markers\"\n      // Above the transcript's own positioned parts, below the docked composer.\n      className=\"pointer-events-none absolute inset-0 z-1\"\n    >\n      {annotations.map((annotation, index) => (\n        <AnnotationMarker\n          key={annotation.id}\n          ref={markerRef(annotation.id)}\n          number={index + 1}\n          commented={Boolean(visibleComment(annotation))}\n          active={annotation.id === emphasized}\n          expanded={annotation.id === openId}\n          onHoverStart={() => setHovered(annotation.id)}\n          onHoverEnd={() => setHovered(current => (current === annotation.id ? undefined : current))}\n          onToggle={anchor =>\n            setCard(current =>\n              current?.open && current.id === annotation.id\n                ? { ...current, open: false }\n                : { id: annotation.id, anchor, open: true },\n            )\n          }\n        />\n      ))}\n      {card && cardAnnotation && (\n        <AnnotationCommentPopover\n          card={card}\n          annotation={cardAnnotation}\n          number={cardIndex + 1}\n          onCommentChange={comment => onCommentChange(cardAnnotation.id, comment)}\n          onRemove={() => {\n            close();\n            onRemove(cardAnnotation.id);\n          }}\n          onClose={close}\n        />\n      )}\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport type { RefObject } from 'react';\n\nimport { clampSelection, findAnnotatablePart, selectionAnchor, annotationSource } from './annotatable-selection';\nimport type { SelectionAnchor, AnnotationSource } from './annotatable-selection';\nimport { normalizeAnnotationText } from './format-annotated-message';\n\nexport interface AnnotationSelection {\n  text: string;\n  source: AnnotationSource;\n  anchor: SelectionAnchor;\n}\n\ninterface AnnotationSelectionState {\n  open: boolean;\n  /** Kept after closing so the toolbar stays in place while it animates out. */\n  selection?: AnnotationSelection;\n}\n\nconst CLOSED: AnnotationSelectionState = { open: false };\n\nconst closing = (state: AnnotationSelectionState) => (state.open ? { ...state, open: false } : state);\n\n// Firefox can hold several ranges at once; a passage is exactly one.\nfunction singleRange(selection: Selection | null): Range | undefined {\n  if (!selection || selection.isCollapsed) return undefined;\n  if (selection.rangeCount !== 1) return undefined;\n  return selection.getRangeAt(0);\n}\n\nexport function useAnnotationSelection(containerRef: RefObject<Element | null>, toolbarRef: RefObject<Element | null>) {\n  const [state, setState] = useState<AnnotationSelectionState>(CLOSED);\n  const dismiss = () => setState(closing);\n\n  useEffect(() => {\n    let pressing = false;\n    let settleTimer: ReturnType<typeof setTimeout> | undefined;\n    const close = () => setState(closing);\n\n    const reportSelection = (pointerReleased: boolean) => {\n      const container = containerRef.current;\n      const selection = document.getSelection();\n      const range = singleRange(selection);\n      if (!container || !selection || !range) return close();\n      const part = findAnnotatablePart(container, range);\n      if (!part || (part.extendsPastContent && !pointerReleased)) return close();\n      if (part.extendsPastContent) clampSelection(selection, part);\n      const text = normalizeAnnotationText(selection.toString());\n      if (!text) return close();\n      setState({ open: true, selection: { text, source: annotationSource(part), anchor: selectionAnchor(part) } });\n    };\n\n    const onPointerDown = () => {\n      pressing = true;\n    };\n    const endPress = () => {\n      pressing = false;\n    };\n    // Read after the browser finishes the gesture: a click inside a selection collapses it only after release.\n    const onPointerUp = () => {\n      pressing = false;\n      clearTimeout(settleTimer);\n      settleTimer = setTimeout(() => reportSelection(true));\n    };\n    const onSelectionChange = () => {\n      // Focus moving into the toolbar can collapse the selection it acts on.\n      if (toolbarRef.current?.contains(document.activeElement)) return;\n      if (pressing) close();\n      else reportSelection(false);\n    };\n\n    document.addEventListener('pointerdown', onPointerDown, true);\n    document.addEventListener('pointerup', onPointerUp, true);\n    document.addEventListener('pointercancel', endPress, true);\n    // macOS swallows the pointer release behind a context menu.\n    document.addEventListener('contextmenu', endPress, true);\n    document.addEventListener('selectionchange', onSelectionChange);\n    return () => {\n      clearTimeout(settleTimer);\n      document.removeEventListener('pointerdown', onPointerDown, true);\n      document.removeEventListener('pointerup', onPointerUp, true);\n      document.removeEventListener('pointercancel', endPress, true);\n      document.removeEventListener('contextmenu', endPress, true);\n      document.removeEventListener('selectionchange', onSelectionChange);\n    };\n  }, [containerRef, toolbarRef]);\n\n  return { open: state.open, selection: state.selection, dismiss };\n}\n","import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport { TextQuote } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport type { KeyboardEvent as ReactKeyboardEvent, RefObject } from 'react';\n\nimport type { NewChatAnnotation } from './chat-annotations';\nimport { useAnnotationSelection } from './use-annotation-selection';\nimport { Button } from '@/ds/components/Button';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface AnnotationSelectionToolbarProps {\n  containerRef: RefObject<HTMLElement | null>;\n  onAnnotate: (annotation: NewChatAnnotation) => void;\n}\n\nconst hasModifier = (event: KeyboardEvent | ReactKeyboardEvent) => event.altKey || event.ctrlKey || event.metaKey;\n\nexport function AnnotationSelectionToolbar({ containerRef, onAnnotate }: AnnotationSelectionToolbarProps) {\n  const toolbarRef = useRef<HTMLDivElement>(null);\n  const { open, selection, dismiss } = useAnnotationSelection(containerRef, toolbarRef);\n  const portalContainer = usePortalContainer();\n  const addRef = useRef<HTMLElement>(null);\n  const actionsRef = useRef<PopoverPrimitive.Root.Actions>(null);\n  const originRef = useRef<HTMLElement>(undefined);\n\n  useEffect(() => {\n    if (!open) return;\n    // Focus sits on the scroller around the transcript, outside anything this component renders.\n    const onKeyDown = (event: KeyboardEvent) => {\n      const add = addRef.current;\n      const transcript = containerRef.current;\n      const { target } = event;\n      if (!add || !transcript || hasModifier(event)) return;\n      const holdsTranscript = target instanceof HTMLElement && target !== document.body && target.contains(transcript);\n      if (event.key !== 'Tab' || event.shiftKey || !holdsTranscript) return;\n      add.focus();\n      if (document.activeElement !== add) {\n        actionsRef.current?.close();\n        return;\n      }\n      event.preventDefault();\n      originRef.current = target;\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n      originRef.current = undefined;\n    };\n  }, [open, containerRef]);\n\n  // Without a trigger Base UI cannot route focus out of the toolbar, so it goes back to the scroller it came from.\n  const returnFocus = (event: ReactKeyboardEvent) => {\n    const origin = originRef.current;\n    if (!origin || hasModifier(event)) return;\n    if (event.key !== 'Tab' && event.key !== 'Escape') return;\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      actionsRef.current?.close();\n    }\n    origin.focus();\n  };\n\n  const addToChat = () => {\n    if (!selection) return;\n    // Cleared first: the consumer usually focuses its composer next, and that must keep its caret.\n    document.getSelection()?.removeAllRanges();\n    dismiss();\n    onAnnotate({ text: selection.text, source: selection.source });\n  };\n\n  return (\n    <PopoverPrimitive.Root\n      actionsRef={actionsRef}\n      open={open}\n      onOpenChange={next => {\n        if (!next) dismiss();\n      }}\n    >\n      <PopoverPrimitive.Portal container={portalContainer}>\n        <PopoverPrimitive.Positioner\n          anchor={selection?.anchor}\n          side=\"top\"\n          align=\"start\"\n          sideOffset={8}\n          collisionPadding={8}\n          positionMethod={FLOATING_POSITION_METHOD}\n          className=\"z-50 outline-none data-[anchor-hidden]:invisible\"\n        >\n          <PopoverPrimitive.Popup\n            ref={toolbarRef}\n            role=\"toolbar\"\n            aria-label=\"Selected text\"\n            initialFocus={false}\n            finalFocus={false}\n            // A press here must not collapse the selection it acts on.\n            onMouseDown={event => event.preventDefault()}\n            data-slot=\"annotation-selection-toolbar\"\n            className={cn(\n              'flex origin-(--transform-origin) items-center rounded-full p-1 focus-visible:outline-hidden',\n              overlaySurfaceStyle,\n              'motion-safe:data-[closed]:animate-out motion-safe:data-[closed]:fade-out-0 motion-safe:data-[closed]:zoom-out-95',\n              'motion-safe:data-[open]:animate-in motion-safe:data-[open]:fade-in-0 motion-safe:data-[open]:zoom-in-95',\n            )}\n          >\n            <Button\n              ref={addRef}\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              icon={<TextQuote />}\n              onClick={addToChat}\n              onKeyDown={returnFocus}\n            >\n              Add to chat\n            </Button>\n          </PopoverPrimitive.Popup>\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n","import { AnnotationMarkers } from './annotation-markers';\nimport { AnnotationSelectionToolbar } from './annotation-selection-toolbar';\nimport { useChatAnnotations } from './chat-annotations';\nimport { useChatShellRegions } from '@/ds/components/ChatShell/chat-shell-context';\n\n/**\n * Everything annotations add to a transcript, wired to `ChatAnnotationsProvider`: Add to chat over\n * selected text, and the numbered comment bubbles of what was added. Render it inside\n * `ChatShell.Transcript`; adding an annotation focuses the `ComposerInput` in `ChatShell.Dock`.\n */\nexport function TranscriptAnnotations() {\n  const { transcriptRef, composerInputRef } = useChatShellRegions();\n  const { annotations, addAnnotation, removeAnnotation, setAnnotationComment } = useChatAnnotations();\n\n  return (\n    <>\n      <AnnotationMarkers\n        containerRef={transcriptRef}\n        annotations={annotations}\n        onRemove={removeAnnotation}\n        onCommentChange={setAnnotationComment}\n      />\n      <AnnotationSelectionToolbar\n        containerRef={transcriptRef}\n        onAnnotate={annotation => {\n          addAnnotation(annotation);\n          composerInputRef.current?.focus();\n        }}\n      />\n    </>\n  );\n}\n","import { TextQuote, X } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { rangeFromSource } from './annotatable-selection';\nimport { AnnotationNumber } from './annotation-number';\nimport { visibleComment } from './chat-annotations';\nimport type { ChatAnnotation } from './chat-annotations';\nimport { Button } from '@/ds/components/Button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { pluralize } from '@/lib/string';\nimport { cn } from '@/lib/utils';\n\nexport interface ComposerAnnotationListProps {\n  annotations: readonly ChatAnnotation[];\n  onRemove: (id: string) => void;\n}\n\nfunction revealSource({ source }: ChatAnnotation): boolean {\n  const target = rangeFromSource(source)?.startContainer.parentElement;\n  if (!target) return false;\n  target.scrollIntoView({ block: 'center', behavior: 'smooth' });\n  return true;\n}\n\nexport function ComposerAnnotationList({ annotations, onRemove }: ComposerAnnotationListProps) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <div data-slot=\"composer-annotations\" className=\"flex px-2 pt-2\">\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger type=\"button\" size=\"sm\">\n          <TextQuote aria-hidden=\"true\" />\n          {pluralize(annotations.length, 'annotation')}\n        </PopoverTrigger>\n        <PopoverContent\n          align=\"start\"\n          side=\"top\"\n          className=\"flex max-h-(--available-height) w-80 max-w-[calc(100vw-2rem)] flex-col gap-1 p-1.5\"\n        >\n          <ol aria-label=\"Annotations\" className=\"flex min-h-0 flex-col overflow-y-auto\">\n            {annotations.map((annotation, index) => {\n              const comment = visibleComment(annotation);\n              return (\n                <li key={annotation.id} className=\"flex items-start gap-2 rounded-lg p-1.5\">\n                  <AnnotationNumber className=\"mt-px\">{index + 1}</AnnotationNumber>\n                  <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    <button\n                      type=\"button\"\n                      title=\"Show in chat\"\n                      className={cn(\n                        'line-clamp-3 cursor-pointer rounded-xs text-left text-body-sm whitespace-pre-line text-muted-foreground hover:text-foreground',\n                        focusRing,\n                      )}\n                      onClick={() => {\n                        if (revealSource(annotation)) setOpen(false);\n                      }}\n                    >\n                      {annotation.text}\n                    </button>\n                    {comment && (\n                      <p className=\"line-clamp-2 text-body-sm whitespace-pre-line text-foreground\">{comment}</p>\n                    )}\n                  </div>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"icon-sm\"\n                    className=\"-my-1\"\n                    tooltip={`Remove annotation ${index + 1}`}\n                    onClick={() => onRemove(annotation.id)}\n                  >\n                    <X />\n                  </Button>\n                </li>\n              );\n            })}\n          </ol>\n          {annotations.length > 1 && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"shrink-0 self-end\"\n              onClick={() => {\n                for (const annotation of annotations) onRemove(annotation.id);\n              }}\n            >\n              Remove all\n            </Button>\n          )}\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n","import { useChatAnnotations } from './chat-annotations';\nimport { ComposerAnnotationList } from './composer-annotation-list';\n\n/**\n * The waiting annotations as one chip at the top of `ComposerBox`, wired to\n * `ChatAnnotationsProvider`. Renders nothing while none is waiting.\n */\nexport function ComposerAnnotations() {\n  const { annotations, removeAnnotation } = useChatAnnotations();\n  if (annotations.length === 0) return null;\n  return <ComposerAnnotationList annotations={annotations} onRemove={removeAnnotation} />;\n}\n"],"mappings":"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"}

package/dist/components/ai/ask-user.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ask_user = require("../../ask-user-C1p2PEYe.cjs");
+const require_ask_user = require("../../ask-user-DcnUNMM5.cjs");
 exports.AskUser = require_ask_user.AskUser;
 exports.AskUserBody = require_ask_user.AskUserBody;
 exports.AskUserContainer = require_ask_user.AskUserContainer;

package/dist/components/ai/ask-user.es.js

@@ -1 +1 @@
-export { t as AskUser, c as AskUserBody, c as Body, l as AskUserContainer, r as AskUserCustomAnswer, r as CustomAnswer, u as AskUserLabel, i as AskUserOptionItem, i as Option, d as AskUserOptionRow, a as AskUserOptions, a as Options, f as AskUserOutput, f as Output, p as AskUserPending, p as Pending, m as AskUserQuestion, m as Question, n as AskUserRoot, n as Root, o as AskUserSubmit, o as Submit, s as AskUserTextAnswer, s as TextAnswer } from "../../ask-user-DPznrqGO.js";
+export { t as AskUser, c as AskUserBody, c as Body, l as AskUserContainer, r as AskUserCustomAnswer, r as CustomAnswer, u as AskUserLabel, i as AskUserOptionItem, i as Option, d as AskUserOptionRow, a as AskUserOptions, a as Options, f as AskUserOutput, f as Output, p as AskUserPending, p as Pending, m as AskUserQuestion, m as Question, n as AskUserRoot, n as Root, o as AskUserSubmit, o as Submit, s as AskUserTextAnswer, s as TextAnswer } from "../../ask-user-D4ezQ6pt.js";

package/dist/components/ai/plan.cjs.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../utils-uDc1ofX1.cjs");
+const require_Badge = require("../../Badge-DqaMg7Gy.cjs");
+const require_Button = require("../../Button-BfICfyxD.cjs");
+const require_components_CollapsibleBox = require("../CollapsibleBox.cjs.js");
+const require_MarkdownRenderer = require("../../MarkdownRenderer-CDwlvw0Y.cjs");
+const require_Txt = require("../../Txt-_00wWxTd.cjs");
 const require_icons_Icon = require("../../icons/Icon.cjs.js");
-const require_Button = require("../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../Txt-BnoSqxKE.cjs");
 const require_hooks_use_copy_to_clipboard = require("../../hooks/use-copy-to-clipboard.cjs.js");
-const require_Badge = require("../../Badge-DZ6r6bcw.cjs");
-const require_MarkdownRenderer = require("../../MarkdownRenderer-y65WGBhC.cjs");
-const require_components_CollapsibleBox = require("../CollapsibleBox.cjs.js");
+const require_utils = require("../../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/components/ai/plan.es.js

@@ -1,11 +1,11 @@
-import { t as cn } from "../../utils-DQx8TpNT.js";
+import { t as Badge } from "../../Badge-C7NnqmMx.js";
+import { t as Button } from "../../Button-Bi7aXd_G.js";
+import { CollapsibleBox, useCollapsibleBox } from "../CollapsibleBox.es.js";
+import { t as MarkdownRenderer } from "../../MarkdownRenderer-BSGb65Ze.js";
+import { t as Txt } from "../../Txt-5efBsb2p.js";
 import { Icon } from "../../icons/Icon.es.js";
-import { t as Button } from "../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../Txt-BM6TVV_c.js";
 import { useCopyToClipboard } from "../../hooks/use-copy-to-clipboard.es.js";
-import { t as Badge } from "../../Badge-aVu5iGAF.js";
-import { t as MarkdownRenderer } from "../../MarkdownRenderer-CI30RqdB.js";
-import { CollapsibleBox, useCollapsibleBox } from "../CollapsibleBox.es.js";
+import { t as cn } from "../../utils-DQx8TpNT.js";
 import { createContext, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, ClipboardList, CopyIcon, Maximize2, Minimize2 } from "lucide-react";

package/dist/components/ai/task-list.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../utils-uDc1ofX1.cjs");
+const require_scroll_area = require("../../scroll-area-BU_TorPW.cjs");
+const require_tooltip = require("../../tooltip-BsExuMO8.cjs");
+const require_Txt = require("../../Txt-_00wWxTd.cjs");
 const require_primitives_raised_surface = require("../../primitives/raised-surface.cjs.js");
-const require_tooltip = require("../../tooltip-BiRLT3Th.cjs");
 const require_primitives_transitions = require("../../primitives/transitions.cjs.js");
-const require_scroll_area = require("../../scroll-area-BP4gPZ4G.cjs");
-const require_Txt = require("../../Txt-BnoSqxKE.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -322,7 +322,7 @@ var TaskListRow = ({ task, className, style, ...props }) => /* @__PURE__ */ (0,
 	})]
 });
 var LIST_INSET_Y = 10;
-var edgeFades = "mask-no-repeat [--fade-bottom:0.875rem] [--fade-top:0.875rem] [mask-composite:subtract,add] [mask-image:linear-gradient(black,black),linear-gradient(to_bottom,black_40%,transparent),linear-gradient(to_top,black_40%,transparent)] [mask-position:0_0,0_0,0_100%] [mask-size:100%_100%,100%_var(--fade-top),100%_var(--fade-bottom)]";
+var edgeFades = "mask-no-repeat [--fade-bottom:0.875rem] [--fade-top:0.875rem] [mask-composite:subtract,add] [mask-image:linear-gradient(black,black),linear-gradient(to_bottom,black,transparent),linear-gradient(to_top,black,transparent)] [mask-position:0_0,0_0,0_100%] [mask-size:100%_100%,100%_var(--fade-top),100%_var(--fade-bottom)]";
 var edgeFadesWhenScrolled = "data-[overflow-y-end]:[--fade-bottom:2rem] data-[overflow-y-start]:[--fade-top:2rem]";
 var focusedTaskIndex = (tasks) => {
 	const activeIndex = tasks.findIndex((task) => task.status === "in_progress");

package/dist/components/ai/task-list.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"task-list.cjs.js","names":["cn","useId","useRef","useEffectEvent","cn","raisedSurfaceStyle","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","Txt","useState","useId","ScrollArea","ScrollAreaViewport","transitions","focusRing","ChevronDown"],"sources":["../../../src/ds/components/ai/task-list/task-graph-node.ts","../../../src/ds/components/ai/task-list/task-graph.tsx","../../../src/ds/components/ai/task-list/use-focused-row-scroll.ts","../../../src/ds/components/ai/task-list/task-list.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\n\ntype TaskStatus = TaskItem['status'];\n\nexport const TASK_ROW_HEIGHT = 28;\nexport const TASK_GRAPH_MOTION_MS = 600;\n\n/* One timing for nodes and lines, so a line end never detaches from its node mid-move. */\nexport const taskGraphMotion = 'duration-[600ms] ease-(--resize-ease) motion-reduce:transition-none';\n\n/* left-0.5 centres the 12px node on the trunk (x=8); translate-x-4 lands it on the lane (x=24). */\nexport const taskGraphNodeClass = 'absolute top-1/2 left-0.5 -translate-y-1/2 transition-[translate]';\nexport const taskGraphLaneShift: Record<TaskStatus, string> = {\n  completed: 'translate-x-0',\n  in_progress: 'translate-x-4',\n  pending: 'translate-x-0',\n};\n","import type { TaskItem } from '@mastra/core/signals';\nimport { useId } from 'react';\nimport { TASK_ROW_HEIGHT, taskGraphMotion } from './task-graph-node';\nimport { cn } from '@/lib/utils';\n\ntype TaskStatus = TaskItem['status'];\n\nconst TRUNK_X = 8;\nconst LANE_X = 24;\n\nconst laneX = (status: TaskStatus, singleLane: boolean) => (status === 'in_progress' && !singleLane ? LANE_X : TRUNK_X);\nconst rowCenter = (index: number) => index * TASK_ROW_HEIGHT + TASK_ROW_HEIGHT / 2;\n\nconst ink: Record<TaskStatus, string> = {\n  completed: 'var(--success-indicator)',\n  in_progress: 'var(--warning-indicator)',\n  pending: 'var(--border-strong)',\n};\n\nconst connectorPathData = (upper: TaskStatus, lower: TaskStatus, index: number, singleLane: boolean) => {\n  const fromY = rowCenter(index);\n  const toY = rowCenter(index + 1);\n  const midY = (fromY + toY) / 2;\n  const fromX = laneX(upper, singleLane);\n  const toX = laneX(lower, singleLane);\n  return `M ${fromX} ${fromY} C ${fromX} ${midY} ${toX} ${midY} ${toX} ${toY}`;\n};\n\ninterface TaskGraphSegmentProps {\n  upper: TaskStatus;\n  lower: TaskStatus;\n  index: number;\n  graphId: string;\n  singleLane: boolean;\n}\n\nconst TaskGraphSegment = ({ upper, lower, index, graphId, singleLane }: TaskGraphSegmentProps) => {\n  const pathData = connectorPathData(upper, lower, index, singleLane);\n  const d = `path(\"${pathData}\")`;\n  const reached = upper !== 'pending' && lower !== 'pending';\n  const touchesActive = upper === 'in_progress' || lower === 'in_progress';\n\n  return (\n    <g>\n      <path\n        d={pathData}\n        fill=\"none\"\n        strokeWidth={1}\n        mask={`url(#${graphId}-future)`}\n        className={cn('transition-[d]', taskGraphMotion)}\n        style={{ d, stroke: ink.pending }}\n      />\n      <path\n        d={pathData}\n        fill=\"none\"\n        strokeWidth={1}\n        pathLength={1}\n        strokeDasharray=\"1 1\"\n        className={cn('transition-[d,stroke-dashoffset,stroke]', taskGraphMotion)}\n        style={{ d, strokeDashoffset: reached ? 0 : 1, stroke: touchesActive ? ink.in_progress : ink.completed }}\n      />\n    </g>\n  );\n};\n\ninterface TaskGraphLinesProps {\n  statuses: TaskStatus[];\n  singleLane?: boolean;\n}\n\nexport const TaskGraphLines = ({ statuses, singleLane = false }: TaskGraphLinesProps) => {\n  const graphId = `task-graph${useId().replace(/[^a-zA-Z0-9]/g, '')}`;\n  const height = statuses.length * TASK_ROW_HEIGHT;\n  const maskBox = { x: -8, y: 0, width: LANE_X + 24, height };\n\n  return (\n    <svg\n      aria-hidden\n      width={LANE_X + 8}\n      height={height}\n      className=\"pointer-events-none absolute top-0 left-0 overflow-visible\"\n    >\n      <defs>\n        <linearGradient id={`${graphId}-fade`} gradientUnits=\"userSpaceOnUse\" x1={0} x2={0} y1={0} y2={height}>\n          <stop offset=\"0\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"1\" stopColor=\"white\" stopOpacity={0.15} />\n        </linearGradient>\n        <mask id={`${graphId}-future`} maskUnits=\"userSpaceOnUse\" {...maskBox}>\n          <rect {...maskBox} fill={`url(#${graphId}-fade)`} />\n        </mask>\n        <linearGradient id={`${graphId}-gap`} x1={0} x2={0} y1={0} y2={1}>\n          <stop offset=\"0.2\" stopColor=\"white\" stopOpacity={0} />\n          <stop offset=\"0.4\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"0.6\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"0.8\" stopColor=\"white\" stopOpacity={0} />\n        </linearGradient>\n        <pattern\n          id={`${graphId}-gaps`}\n          patternUnits=\"userSpaceOnUse\"\n          x={maskBox.x}\n          y={TASK_ROW_HEIGHT / 2}\n          width={maskBox.width}\n          height={TASK_ROW_HEIGHT}\n        >\n          <rect width={maskBox.width} height={TASK_ROW_HEIGHT} fill={`url(#${graphId}-gap)`} />\n        </pattern>\n        <mask id={`${graphId}-between-nodes`} maskUnits=\"userSpaceOnUse\" {...maskBox}>\n          <rect {...maskBox} fill={`url(#${graphId}-gaps)`} />\n        </mask>\n      </defs>\n      <g mask={`url(#${graphId}-between-nodes)`}>\n        {statuses.map((status, index) => {\n          const next = statuses[index + 1];\n          if (!next) return null;\n          return (\n            <TaskGraphSegment\n              key={index}\n              upper={status}\n              lower={next}\n              index={index}\n              graphId={graphId}\n              singleLane={singleLane}\n            />\n          );\n        })}\n      </g>\n    </svg>\n  );\n};\n","import { useEffect, useEffectEvent, useRef } from 'react';\nimport { TASK_GRAPH_MOTION_MS, TASK_ROW_HEIGHT } from './task-graph-node';\n\nconst prefersReducedMotion = () => window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n\nconst easeOutQuint = (progress: number) => 1 - (1 - progress) ** 5;\n\n/* Scroll position is not a CSS property, so the glide is tweened to match the max-height transition. */\nconst glideScrollTop = (viewport: HTMLElement, top: number) => {\n  const start = viewport.scrollTop;\n  const distance = top - start;\n  if (prefersReducedMotion()) {\n    viewport.scrollTo({ top });\n    return () => {};\n  }\n  let frame = 0;\n  const startedAt = performance.now();\n  const step = (now: number) => {\n    const progress = Math.min((now - startedAt) / TASK_GRAPH_MOTION_MS, 1);\n    viewport.scrollTo({ top: start + distance * easeOutQuint(progress) });\n    if (progress < 1) frame = requestAnimationFrame(step);\n  };\n  frame = requestAnimationFrame(step);\n  return () => cancelAnimationFrame(frame);\n};\n\nconst revealedScrollTop = (rowIndex: number, currentTop: number, windowHeight: number) => {\n  const rowTop = rowIndex * TASK_ROW_HEIGHT;\n  const rowBottom = rowTop + TASK_ROW_HEIGHT;\n  if (rowTop < currentTop) return rowTop;\n  if (rowBottom > currentTop + windowHeight) return rowBottom - windowHeight;\n  return currentTop;\n};\n\nconst EXPANDED_VISIBLE_ROWS = 4.5;\n\nexport const taskWindowHeight = (rowCount: number, open: boolean) =>\n  open ? Math.min(rowCount, EXPANDED_VISIBLE_ROWS) * TASK_ROW_HEIGHT : TASK_ROW_HEIGHT;\n\ninterface ScrollTarget {\n  focusIndex: number;\n  windowHeight: number;\n  open: boolean;\n  followFocus: boolean;\n}\n\nconst wantedScrollTop = (currentTop: number, { focusIndex, windowHeight, open, followFocus }: ScrollTarget) => {\n  if (!open) return focusIndex * TASK_ROW_HEIGHT;\n  if (!followFocus) return currentTop;\n  return revealedScrollTop(focusIndex, currentTop, windowHeight);\n};\n\nconst clampScrollTop = (top: number, contentHeight: number, windowHeight: number) =>\n  Math.min(Math.max(top, 0), Math.max(contentHeight - windowHeight, 0));\n\ninterface FocusedRowScrollOptions {\n  focusIndex: number;\n  rowCount: number;\n  open: boolean;\n  followFocus: boolean;\n}\n\nexport const useFocusedRowScroll = ({ focusIndex, rowCount, open, followFocus }: FocusedRowScrollOptions) => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const cancelGlide = useRef<() => void>(undefined);\n  const placedOnce = useRef(false);\n\n  const glideForOpen = (nextOpen: boolean) => {\n    const viewport = viewportRef.current;\n    if (!viewport || typeof viewport.scrollTo !== 'function') return;\n    const windowHeight = taskWindowHeight(rowCount, nextOpen);\n    const wantedTop = wantedScrollTop(viewport.scrollTop, { focusIndex, windowHeight, open: nextOpen, followFocus });\n    const top = clampScrollTop(wantedTop, rowCount * TASK_ROW_HEIGHT, windowHeight);\n    cancelGlide.current?.();\n    if (!placedOnce.current) {\n      placedOnce.current = true;\n      viewport.scrollTo({ top });\n      return;\n    }\n    if (top !== viewport.scrollTop) cancelGlide.current = glideScrollTop(viewport, top);\n  };\n\n  const followFocusedRow = useEffectEvent(() => glideForOpen(open));\n\n  useEffect(() => {\n    followFocusedRow();\n    return () => cancelGlide.current?.();\n  }, [focusIndex]);\n\n  return { viewportRef, glideForOpen };\n};\n","import type { TaskItem } from '@mastra/core/signals';\nimport { ChevronDown } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { ComponentProps } from 'react';\nimport { TaskGraphLines } from './task-graph';\nimport { TASK_ROW_HEIGHT, taskGraphLaneShift, taskGraphMotion, taskGraphNodeClass } from './task-graph-node';\nimport { taskWindowHeight, useFocusedRowScroll } from './use-focused-row-scroll';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { focusRing, transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TaskListItem = TaskItem;\n\nexport const TaskListContainer = ({ className, ...props }: ComponentProps<'section'>) => (\n  <section className={cn(raisedSurfaceStyle, 'overflow-hidden rounded-2xl', className)} {...props} />\n);\n\nconst barColors: Record<TaskListItem['status'], string> = {\n  completed: 'bg-success-indicator',\n  in_progress: 'bg-warning-indicator',\n  pending: 'bg-fill-hover',\n};\n\nexport interface TaskListProgressProps extends Omit<ComponentProps<'span'>, 'children'> {\n  tasks: TaskListItem[];\n}\n\nexport const TaskListProgress = ({ tasks, className, ...props }: TaskListProgressProps) => {\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <span\n              role=\"progressbar\"\n              aria-label=\"Task completion\"\n              aria-valuemin={0}\n              aria-valuemax={tasks.length}\n              aria-valuenow={completed}\n              className={cn('ml-auto flex h-4 w-fit max-w-40 shrink-0 items-center gap-1 overflow-hidden', className)}\n              {...props}\n            >\n              {tasks.map(task => (\n                <span\n                  key={task.id}\n                  className={cn(\n                    'h-full w-0.5 min-w-px shrink rounded-full transition-colors',\n                    taskGraphMotion,\n                    barColors[task.status],\n                  )}\n                />\n              ))}\n            </span>\n          }\n        />\n        <TooltipContent>\n          {completed}/{tasks.length} completed\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nconst statusLabels: Record<TaskListItem['status'], string> = {\n  completed: 'Completed',\n  in_progress: 'In progress',\n  pending: 'Pending',\n};\n\nconst ringClasses: Record<TaskListItem['status'], string> = {\n  completed: 'size-[7px] border-success-indicator bg-card',\n  in_progress: 'size-2 border-warning-indicator bg-warning-subtle',\n  pending: 'size-1.5 border-muted-foreground/45 bg-card',\n};\n\nexport interface TaskListStatusIconProps extends ComponentProps<'span'> {\n  status: TaskListItem['status'];\n}\n\nexport const TaskListStatusIcon = ({ status, className, ...props }: TaskListStatusIconProps) => (\n  <span\n    role=\"img\"\n    aria-label={statusLabels[status]}\n    className={cn('grid size-3 shrink-0 place-items-center rounded-full', className)}\n    {...props}\n  >\n    <span\n      className={cn(\n        'rounded-full border-[1.5px] transition-[width,height,border-color,background-color]',\n        taskGraphMotion,\n        ringClasses[status],\n      )}\n    />\n  </span>\n);\n\nconst TaskListLabel = ({ task }: { task: TaskListItem }) => {\n  const active = task.status === 'in_progress';\n  return (\n    <Txt as=\"span\" variant=\"caption\" className=\"grid min-w-0\">\n      <span\n        aria-hidden={active}\n        className={cn(\n          'col-start-1 row-start-1 truncate transition-[opacity,color,translate,filter]',\n          taskGraphMotion,\n          task.status === 'pending' ? 'text-muted-foreground/70' : 'text-muted-foreground',\n          active ? '-translate-y-1 opacity-0 blur-[2px]' : 'translate-y-0 opacity-100 blur-none',\n        )}\n      >\n        <span\n          className={cn(\n            'bg-[linear-gradient(currentColor,currentColor)] bg-no-repeat transition-[background-size]',\n            taskGraphMotion,\n            task.status === 'completed'\n              ? 'bg-size-[100%_1px] bg-position-[left_55%]'\n              : 'bg-size-[0%_1px] bg-position-[right_55%]',\n          )}\n        >\n          {task.content}\n        </span>\n      </span>\n      <span\n        aria-hidden={!active}\n        className={cn(\n          'col-start-1 row-start-1 truncate bg-linear-to-r from-warning-indicator to-foreground to-30% bg-size-[200%_100%] bg-clip-text font-medium text-transparent transition-[opacity,translate,filter,background-position]',\n          taskGraphMotion,\n          active\n            ? 'translate-y-0 bg-position-[0%_0] opacity-100 blur-none'\n            : 'translate-y-1 bg-position-[100%_0] opacity-0 blur-[2px]',\n        )}\n      >\n        {task.activeForm}\n      </span>\n    </Txt>\n  );\n};\n\nexport interface TaskListRowProps extends ComponentProps<'li'> {\n  task: TaskListItem;\n}\n\nexport const TaskListRow = ({ task, className, style, ...props }: TaskListRowProps) => (\n  <li className={cn('relative flex items-center', className)} style={{ height: TASK_ROW_HEIGHT, ...style }} {...props}>\n    <TaskListStatusIcon\n      status={task.status}\n      className={cn(\n        taskGraphNodeClass,\n        taskGraphMotion,\n        taskGraphLaneShift[task.status],\n        'group-data-collapsed/task-list:translate-x-0',\n      )}\n    />\n    <span\n      className={cn(\n        'flex min-w-0 transition-[padding-left]',\n        taskGraphMotion,\n        task.status === 'in_progress' ? 'pl-10 group-data-collapsed/task-list:pl-6' : 'pl-6',\n      )}\n    >\n      <TaskListLabel task={task} />\n    </span>\n  </li>\n);\n\nconst LIST_INSET_Y = 10;\n\n/* A full layer minus one fade per edge; the fades are sized by mask-size, so their depth animates. */\nconst edgeFades =\n  'mask-no-repeat [--fade-bottom:0.875rem] [--fade-top:0.875rem] [mask-composite:subtract,add] [mask-image:linear-gradient(black,black),linear-gradient(to_bottom,black_40%,transparent),linear-gradient(to_top,black_40%,transparent)] [mask-position:0_0,0_0,0_100%] [mask-size:100%_100%,100%_var(--fade-top),100%_var(--fade-bottom)]';\nconst edgeFadesWhenScrolled = 'data-[overflow-y-end]:[--fade-bottom:2rem] data-[overflow-y-start]:[--fade-top:2rem]';\n\nconst focusedTaskIndex = (tasks: TaskListItem[]) => {\n  const activeIndex = tasks.findIndex(task => task.status === 'in_progress');\n  if (activeIndex >= 0) return activeIndex;\n  const pendingIndex = tasks.findIndex(task => task.status === 'pending');\n  if (pendingIndex >= 0) return pendingIndex;\n  return tasks.length - 1;\n};\n\nexport interface TaskListProps extends Omit<ComponentProps<typeof TaskListContainer>, 'children'> {\n  tasks: TaskListItem[];\n  hideWhenComplete?: boolean;\n  scrollActiveIntoView?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const TaskList = ({\n  tasks,\n  hideWhenComplete = true,\n  scrollActiveIntoView = true,\n  defaultOpen = true,\n  className,\n  ...props\n}: TaskListProps) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const listId = useId();\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  const total = tasks.length;\n  const focusIndex = focusedTaskIndex(tasks);\n  const windowHeight = taskWindowHeight(total, open);\n  const { viewportRef, glideForOpen } = useFocusedRowScroll({\n    focusIndex,\n    rowCount: total,\n    open,\n    followFocus: scrollActiveIntoView,\n  });\n\n  const changeOpen = (nextOpen: boolean) => {\n    setOpen(nextOpen);\n    glideForOpen(nextOpen);\n  };\n\n  if (total === 0 || (hideWhenComplete && completed === total)) return null;\n\n  return (\n    <TaskListContainer\n      aria-label=\"Task list\"\n      data-testid=\"task-list\"\n      data-collapsed={open ? undefined : ''}\n      onClick={open ? undefined : () => changeOpen(true)}\n      className={cn('group/task-list relative', !open && 'cursor-pointer', className)}\n      {...props}\n    >\n      <ScrollArea id={listId} maxHeight={`${windowHeight + 2 * LIST_INSET_Y}px`} mask={false}>\n        <ScrollAreaViewport\n          ref={viewportRef}\n          className={cn(\n            edgeFades,\n            'transition-[max-height,mask-size]',\n            taskGraphMotion,\n            open ? edgeFadesWhenScrolled : 'overflow-hidden!',\n          )}\n        >\n          <div className=\"px-3\" style={{ paddingBlock: LIST_INSET_Y }}>\n            <div className=\"relative\">\n              <TaskGraphLines statuses={tasks.map(task => task.status)} singleLane={!open} />\n              <ul>\n                {tasks.map((task, index) => {\n                  const clippedAway = !open && index !== focusIndex;\n                  return <TaskListRow key={task.id} task={task} inert={clippedAway} aria-hidden={clippedAway} />;\n                })}\n              </ul>\n            </div>\n          </div>\n        </ScrollAreaViewport>\n      </ScrollArea>\n      <div className=\"absolute top-2.5 right-3 flex h-7 items-center bg-linear-to-r from-transparent to-card to-[1.5rem] pl-6\">\n        <div\n          inert={open}\n          aria-hidden={open}\n          className={cn(\n            'grid transition-[grid-template-columns,opacity]',\n            taskGraphMotion,\n            open ? 'grid-cols-[0fr] opacity-0' : 'grid-cols-[1fr] opacity-100',\n          )}\n        >\n          <div className=\"min-w-0 overflow-hidden\">\n            <TaskListProgress tasks={tasks} className=\"mr-2\" />\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          aria-label={open ? 'Collapse tasks' : 'Show all tasks'}\n          aria-expanded={open}\n          aria-controls={listId}\n          onClick={event => {\n            event.stopPropagation();\n            changeOpen(!open);\n          }}\n          className={cn(\n            'grid size-6 cursor-pointer place-items-center rounded-md text-muted-foreground hover:text-foreground',\n            transitions.colors,\n            focusRing,\n            !open && 'group-hover/task-list:text-foreground',\n          )}\n        >\n          <ChevronDown\n            className={cn('size-3.5 transition-[rotate]', taskGraphMotion, open ? 'rotate-180' : 'rotate-0')}\n          />\n        </button>\n      </div>\n    </TaskListContainer>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"task-list.cjs.js","names":["cn","useId","useRef","useEffectEvent","cn","raisedSurfaceStyle","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","Txt","useState","useId","ScrollArea","ScrollAreaViewport","transitions","focusRing","ChevronDown"],"sources":["../../../src/ds/components/ai/task-list/task-graph-node.ts","../../../src/ds/components/ai/task-list/task-graph.tsx","../../../src/ds/components/ai/task-list/use-focused-row-scroll.ts","../../../src/ds/components/ai/task-list/task-list.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\n\ntype TaskStatus = TaskItem['status'];\n\nexport const TASK_ROW_HEIGHT = 28;\nexport const TASK_GRAPH_MOTION_MS = 600;\n\n/* One timing for nodes and lines, so a line end never detaches from its node mid-move. */\nexport const taskGraphMotion = 'duration-[600ms] ease-(--resize-ease) motion-reduce:transition-none';\n\n/* left-0.5 centres the 12px node on the trunk (x=8); translate-x-4 lands it on the lane (x=24). */\nexport const taskGraphNodeClass = 'absolute top-1/2 left-0.5 -translate-y-1/2 transition-[translate]';\nexport const taskGraphLaneShift: Record<TaskStatus, string> = {\n  completed: 'translate-x-0',\n  in_progress: 'translate-x-4',\n  pending: 'translate-x-0',\n};\n","import type { TaskItem } from '@mastra/core/signals';\nimport { useId } from 'react';\nimport { TASK_ROW_HEIGHT, taskGraphMotion } from './task-graph-node';\nimport { cn } from '@/lib/utils';\n\ntype TaskStatus = TaskItem['status'];\n\nconst TRUNK_X = 8;\nconst LANE_X = 24;\n\nconst laneX = (status: TaskStatus, singleLane: boolean) => (status === 'in_progress' && !singleLane ? LANE_X : TRUNK_X);\nconst rowCenter = (index: number) => index * TASK_ROW_HEIGHT + TASK_ROW_HEIGHT / 2;\n\nconst ink: Record<TaskStatus, string> = {\n  completed: 'var(--success-indicator)',\n  in_progress: 'var(--warning-indicator)',\n  pending: 'var(--border-strong)',\n};\n\nconst connectorPathData = (upper: TaskStatus, lower: TaskStatus, index: number, singleLane: boolean) => {\n  const fromY = rowCenter(index);\n  const toY = rowCenter(index + 1);\n  const midY = (fromY + toY) / 2;\n  const fromX = laneX(upper, singleLane);\n  const toX = laneX(lower, singleLane);\n  return `M ${fromX} ${fromY} C ${fromX} ${midY} ${toX} ${midY} ${toX} ${toY}`;\n};\n\ninterface TaskGraphSegmentProps {\n  upper: TaskStatus;\n  lower: TaskStatus;\n  index: number;\n  graphId: string;\n  singleLane: boolean;\n}\n\nconst TaskGraphSegment = ({ upper, lower, index, graphId, singleLane }: TaskGraphSegmentProps) => {\n  const pathData = connectorPathData(upper, lower, index, singleLane);\n  const d = `path(\"${pathData}\")`;\n  const reached = upper !== 'pending' && lower !== 'pending';\n  const touchesActive = upper === 'in_progress' || lower === 'in_progress';\n\n  return (\n    <g>\n      <path\n        d={pathData}\n        fill=\"none\"\n        strokeWidth={1}\n        mask={`url(#${graphId}-future)`}\n        className={cn('transition-[d]', taskGraphMotion)}\n        style={{ d, stroke: ink.pending }}\n      />\n      <path\n        d={pathData}\n        fill=\"none\"\n        strokeWidth={1}\n        pathLength={1}\n        strokeDasharray=\"1 1\"\n        className={cn('transition-[d,stroke-dashoffset,stroke]', taskGraphMotion)}\n        style={{ d, strokeDashoffset: reached ? 0 : 1, stroke: touchesActive ? ink.in_progress : ink.completed }}\n      />\n    </g>\n  );\n};\n\ninterface TaskGraphLinesProps {\n  statuses: TaskStatus[];\n  singleLane?: boolean;\n}\n\nexport const TaskGraphLines = ({ statuses, singleLane = false }: TaskGraphLinesProps) => {\n  const graphId = `task-graph${useId().replace(/[^a-zA-Z0-9]/g, '')}`;\n  const height = statuses.length * TASK_ROW_HEIGHT;\n  const maskBox = { x: -8, y: 0, width: LANE_X + 24, height };\n\n  return (\n    <svg\n      aria-hidden\n      width={LANE_X + 8}\n      height={height}\n      className=\"pointer-events-none absolute top-0 left-0 overflow-visible\"\n    >\n      <defs>\n        <linearGradient id={`${graphId}-fade`} gradientUnits=\"userSpaceOnUse\" x1={0} x2={0} y1={0} y2={height}>\n          <stop offset=\"0\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"1\" stopColor=\"white\" stopOpacity={0.15} />\n        </linearGradient>\n        <mask id={`${graphId}-future`} maskUnits=\"userSpaceOnUse\" {...maskBox}>\n          <rect {...maskBox} fill={`url(#${graphId}-fade)`} />\n        </mask>\n        <linearGradient id={`${graphId}-gap`} x1={0} x2={0} y1={0} y2={1}>\n          <stop offset=\"0.2\" stopColor=\"white\" stopOpacity={0} />\n          <stop offset=\"0.4\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"0.6\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"0.8\" stopColor=\"white\" stopOpacity={0} />\n        </linearGradient>\n        <pattern\n          id={`${graphId}-gaps`}\n          patternUnits=\"userSpaceOnUse\"\n          x={maskBox.x}\n          y={TASK_ROW_HEIGHT / 2}\n          width={maskBox.width}\n          height={TASK_ROW_HEIGHT}\n        >\n          <rect width={maskBox.width} height={TASK_ROW_HEIGHT} fill={`url(#${graphId}-gap)`} />\n        </pattern>\n        <mask id={`${graphId}-between-nodes`} maskUnits=\"userSpaceOnUse\" {...maskBox}>\n          <rect {...maskBox} fill={`url(#${graphId}-gaps)`} />\n        </mask>\n      </defs>\n      <g mask={`url(#${graphId}-between-nodes)`}>\n        {statuses.map((status, index) => {\n          const next = statuses[index + 1];\n          if (!next) return null;\n          return (\n            <TaskGraphSegment\n              key={index}\n              upper={status}\n              lower={next}\n              index={index}\n              graphId={graphId}\n              singleLane={singleLane}\n            />\n          );\n        })}\n      </g>\n    </svg>\n  );\n};\n","import { useEffect, useEffectEvent, useRef } from 'react';\nimport { TASK_GRAPH_MOTION_MS, TASK_ROW_HEIGHT } from './task-graph-node';\n\nconst prefersReducedMotion = () => window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n\nconst easeOutQuint = (progress: number) => 1 - (1 - progress) ** 5;\n\n/* Scroll position is not a CSS property, so the glide is tweened to match the max-height transition. */\nconst glideScrollTop = (viewport: HTMLElement, top: number) => {\n  const start = viewport.scrollTop;\n  const distance = top - start;\n  if (prefersReducedMotion()) {\n    viewport.scrollTo({ top });\n    return () => {};\n  }\n  let frame = 0;\n  const startedAt = performance.now();\n  const step = (now: number) => {\n    const progress = Math.min((now - startedAt) / TASK_GRAPH_MOTION_MS, 1);\n    viewport.scrollTo({ top: start + distance * easeOutQuint(progress) });\n    if (progress < 1) frame = requestAnimationFrame(step);\n  };\n  frame = requestAnimationFrame(step);\n  return () => cancelAnimationFrame(frame);\n};\n\nconst revealedScrollTop = (rowIndex: number, currentTop: number, windowHeight: number) => {\n  const rowTop = rowIndex * TASK_ROW_HEIGHT;\n  const rowBottom = rowTop + TASK_ROW_HEIGHT;\n  if (rowTop < currentTop) return rowTop;\n  if (rowBottom > currentTop + windowHeight) return rowBottom - windowHeight;\n  return currentTop;\n};\n\nconst EXPANDED_VISIBLE_ROWS = 4.5;\n\nexport const taskWindowHeight = (rowCount: number, open: boolean) =>\n  open ? Math.min(rowCount, EXPANDED_VISIBLE_ROWS) * TASK_ROW_HEIGHT : TASK_ROW_HEIGHT;\n\ninterface ScrollTarget {\n  focusIndex: number;\n  windowHeight: number;\n  open: boolean;\n  followFocus: boolean;\n}\n\nconst wantedScrollTop = (currentTop: number, { focusIndex, windowHeight, open, followFocus }: ScrollTarget) => {\n  if (!open) return focusIndex * TASK_ROW_HEIGHT;\n  if (!followFocus) return currentTop;\n  return revealedScrollTop(focusIndex, currentTop, windowHeight);\n};\n\nconst clampScrollTop = (top: number, contentHeight: number, windowHeight: number) =>\n  Math.min(Math.max(top, 0), Math.max(contentHeight - windowHeight, 0));\n\ninterface FocusedRowScrollOptions {\n  focusIndex: number;\n  rowCount: number;\n  open: boolean;\n  followFocus: boolean;\n}\n\nexport const useFocusedRowScroll = ({ focusIndex, rowCount, open, followFocus }: FocusedRowScrollOptions) => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const cancelGlide = useRef<() => void>(undefined);\n  const placedOnce = useRef(false);\n\n  const glideForOpen = (nextOpen: boolean) => {\n    const viewport = viewportRef.current;\n    if (!viewport || typeof viewport.scrollTo !== 'function') return;\n    const windowHeight = taskWindowHeight(rowCount, nextOpen);\n    const wantedTop = wantedScrollTop(viewport.scrollTop, { focusIndex, windowHeight, open: nextOpen, followFocus });\n    const top = clampScrollTop(wantedTop, rowCount * TASK_ROW_HEIGHT, windowHeight);\n    cancelGlide.current?.();\n    if (!placedOnce.current) {\n      placedOnce.current = true;\n      viewport.scrollTo({ top });\n      return;\n    }\n    if (top !== viewport.scrollTop) cancelGlide.current = glideScrollTop(viewport, top);\n  };\n\n  const followFocusedRow = useEffectEvent(() => glideForOpen(open));\n\n  useEffect(() => {\n    followFocusedRow();\n    return () => cancelGlide.current?.();\n  }, [focusIndex]);\n\n  return { viewportRef, glideForOpen };\n};\n","import type { TaskItem } from '@mastra/core/signals';\nimport { ChevronDown } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { ComponentProps } from 'react';\nimport { TaskGraphLines } from './task-graph';\nimport { TASK_ROW_HEIGHT, taskGraphLaneShift, taskGraphMotion, taskGraphNodeClass } from './task-graph-node';\nimport { taskWindowHeight, useFocusedRowScroll } from './use-focused-row-scroll';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { focusRing, transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TaskListItem = TaskItem;\n\nexport const TaskListContainer = ({ className, ...props }: ComponentProps<'section'>) => (\n  <section className={cn(raisedSurfaceStyle, 'overflow-hidden rounded-2xl', className)} {...props} />\n);\n\nconst barColors: Record<TaskListItem['status'], string> = {\n  completed: 'bg-success-indicator',\n  in_progress: 'bg-warning-indicator',\n  pending: 'bg-fill-hover',\n};\n\nexport interface TaskListProgressProps extends Omit<ComponentProps<'span'>, 'children'> {\n  tasks: TaskListItem[];\n}\n\nexport const TaskListProgress = ({ tasks, className, ...props }: TaskListProgressProps) => {\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <span\n              role=\"progressbar\"\n              aria-label=\"Task completion\"\n              aria-valuemin={0}\n              aria-valuemax={tasks.length}\n              aria-valuenow={completed}\n              className={cn('ml-auto flex h-4 w-fit max-w-40 shrink-0 items-center gap-1 overflow-hidden', className)}\n              {...props}\n            >\n              {tasks.map(task => (\n                <span\n                  key={task.id}\n                  className={cn(\n                    'h-full w-0.5 min-w-px shrink rounded-full transition-colors',\n                    taskGraphMotion,\n                    barColors[task.status],\n                  )}\n                />\n              ))}\n            </span>\n          }\n        />\n        <TooltipContent>\n          {completed}/{tasks.length} completed\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nconst statusLabels: Record<TaskListItem['status'], string> = {\n  completed: 'Completed',\n  in_progress: 'In progress',\n  pending: 'Pending',\n};\n\nconst ringClasses: Record<TaskListItem['status'], string> = {\n  completed: 'size-[7px] border-success-indicator bg-card',\n  in_progress: 'size-2 border-warning-indicator bg-warning-subtle',\n  pending: 'size-1.5 border-muted-foreground/45 bg-card',\n};\n\nexport interface TaskListStatusIconProps extends ComponentProps<'span'> {\n  status: TaskListItem['status'];\n}\n\nexport const TaskListStatusIcon = ({ status, className, ...props }: TaskListStatusIconProps) => (\n  <span\n    role=\"img\"\n    aria-label={statusLabels[status]}\n    className={cn('grid size-3 shrink-0 place-items-center rounded-full', className)}\n    {...props}\n  >\n    <span\n      className={cn(\n        'rounded-full border-[1.5px] transition-[width,height,border-color,background-color]',\n        taskGraphMotion,\n        ringClasses[status],\n      )}\n    />\n  </span>\n);\n\nconst TaskListLabel = ({ task }: { task: TaskListItem }) => {\n  const active = task.status === 'in_progress';\n  return (\n    <Txt as=\"span\" variant=\"caption\" className=\"grid min-w-0\">\n      <span\n        aria-hidden={active}\n        className={cn(\n          'col-start-1 row-start-1 truncate transition-[opacity,color,translate,filter]',\n          taskGraphMotion,\n          task.status === 'pending' ? 'text-muted-foreground/70' : 'text-muted-foreground',\n          active ? '-translate-y-1 opacity-0 blur-[2px]' : 'translate-y-0 opacity-100 blur-none',\n        )}\n      >\n        <span\n          className={cn(\n            'bg-[linear-gradient(currentColor,currentColor)] bg-no-repeat transition-[background-size]',\n            taskGraphMotion,\n            task.status === 'completed'\n              ? 'bg-size-[100%_1px] bg-position-[left_55%]'\n              : 'bg-size-[0%_1px] bg-position-[right_55%]',\n          )}\n        >\n          {task.content}\n        </span>\n      </span>\n      <span\n        aria-hidden={!active}\n        className={cn(\n          'col-start-1 row-start-1 truncate bg-linear-to-r from-warning-indicator to-foreground to-30% bg-size-[200%_100%] bg-clip-text font-medium text-transparent transition-[opacity,translate,filter,background-position]',\n          taskGraphMotion,\n          active\n            ? 'translate-y-0 bg-position-[0%_0] opacity-100 blur-none'\n            : 'translate-y-1 bg-position-[100%_0] opacity-0 blur-[2px]',\n        )}\n      >\n        {task.activeForm}\n      </span>\n    </Txt>\n  );\n};\n\nexport interface TaskListRowProps extends ComponentProps<'li'> {\n  task: TaskListItem;\n}\n\nexport const TaskListRow = ({ task, className, style, ...props }: TaskListRowProps) => (\n  <li className={cn('relative flex items-center', className)} style={{ height: TASK_ROW_HEIGHT, ...style }} {...props}>\n    <TaskListStatusIcon\n      status={task.status}\n      className={cn(\n        taskGraphNodeClass,\n        taskGraphMotion,\n        taskGraphLaneShift[task.status],\n        'group-data-collapsed/task-list:translate-x-0',\n      )}\n    />\n    <span\n      className={cn(\n        'flex min-w-0 transition-[padding-left]',\n        taskGraphMotion,\n        task.status === 'in_progress' ? 'pl-10 group-data-collapsed/task-list:pl-6' : 'pl-6',\n      )}\n    >\n      <TaskListLabel task={task} />\n    </span>\n  </li>\n);\n\nconst LIST_INSET_Y = 10;\n\n/* A full layer minus one fade per edge; the fades are sized by mask-size, so their depth animates. */\nconst edgeFades =\n  'mask-no-repeat [--fade-bottom:0.875rem] [--fade-top:0.875rem] [mask-composite:subtract,add] [mask-image:linear-gradient(black,black),linear-gradient(to_bottom,black,transparent),linear-gradient(to_top,black,transparent)] [mask-position:0_0,0_0,0_100%] [mask-size:100%_100%,100%_var(--fade-top),100%_var(--fade-bottom)]';\nconst edgeFadesWhenScrolled = 'data-[overflow-y-end]:[--fade-bottom:2rem] data-[overflow-y-start]:[--fade-top:2rem]';\n\nconst focusedTaskIndex = (tasks: TaskListItem[]) => {\n  const activeIndex = tasks.findIndex(task => task.status === 'in_progress');\n  if (activeIndex >= 0) return activeIndex;\n  const pendingIndex = tasks.findIndex(task => task.status === 'pending');\n  if (pendingIndex >= 0) return pendingIndex;\n  return tasks.length - 1;\n};\n\nexport interface TaskListProps extends Omit<ComponentProps<typeof TaskListContainer>, 'children'> {\n  tasks: TaskListItem[];\n  hideWhenComplete?: boolean;\n  scrollActiveIntoView?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const TaskList = ({\n  tasks,\n  hideWhenComplete = true,\n  scrollActiveIntoView = true,\n  defaultOpen = true,\n  className,\n  ...props\n}: TaskListProps) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const listId = useId();\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  const total = tasks.length;\n  const focusIndex = focusedTaskIndex(tasks);\n  const windowHeight = taskWindowHeight(total, open);\n  const { viewportRef, glideForOpen } = useFocusedRowScroll({\n    focusIndex,\n    rowCount: total,\n    open,\n    followFocus: scrollActiveIntoView,\n  });\n\n  const changeOpen = (nextOpen: boolean) => {\n    setOpen(nextOpen);\n    glideForOpen(nextOpen);\n  };\n\n  if (total === 0 || (hideWhenComplete && completed === total)) return null;\n\n  return (\n    <TaskListContainer\n      aria-label=\"Task list\"\n      data-testid=\"task-list\"\n      data-collapsed={open ? undefined : ''}\n      onClick={open ? undefined : () => changeOpen(true)}\n      className={cn('group/task-list relative', !open && 'cursor-pointer', className)}\n      {...props}\n    >\n      <ScrollArea id={listId} maxHeight={`${windowHeight + 2 * LIST_INSET_Y}px`} mask={false}>\n        <ScrollAreaViewport\n          ref={viewportRef}\n          className={cn(\n            edgeFades,\n            'transition-[max-height,mask-size]',\n            taskGraphMotion,\n            open ? edgeFadesWhenScrolled : 'overflow-hidden!',\n          )}\n        >\n          <div className=\"px-3\" style={{ paddingBlock: LIST_INSET_Y }}>\n            <div className=\"relative\">\n              <TaskGraphLines statuses={tasks.map(task => task.status)} singleLane={!open} />\n              <ul>\n                {tasks.map((task, index) => {\n                  const clippedAway = !open && index !== focusIndex;\n                  return <TaskListRow key={task.id} task={task} inert={clippedAway} aria-hidden={clippedAway} />;\n                })}\n              </ul>\n            </div>\n          </div>\n        </ScrollAreaViewport>\n      </ScrollArea>\n      <div className=\"absolute top-2.5 right-3 flex h-7 items-center bg-linear-to-r from-transparent to-card to-[1.5rem] pl-6\">\n        <div\n          inert={open}\n          aria-hidden={open}\n          className={cn(\n            'grid transition-[grid-template-columns,opacity]',\n            taskGraphMotion,\n            open ? 'grid-cols-[0fr] opacity-0' : 'grid-cols-[1fr] opacity-100',\n          )}\n        >\n          <div className=\"min-w-0 overflow-hidden\">\n            <TaskListProgress tasks={tasks} className=\"mr-2\" />\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          aria-label={open ? 'Collapse tasks' : 'Show all tasks'}\n          aria-expanded={open}\n          aria-controls={listId}\n          onClick={event => {\n            event.stopPropagation();\n            changeOpen(!open);\n          }}\n          className={cn(\n            'grid size-6 cursor-pointer place-items-center rounded-md text-muted-foreground hover:text-foreground',\n            transitions.colors,\n            focusRing,\n            !open && 'group-hover/task-list:text-foreground',\n          )}\n        >\n          <ChevronDown\n            className={cn('size-3.5 transition-[rotate]', taskGraphMotion, open ? 'rotate-180' : 'rotate-0')}\n          />\n        </button>\n      </div>\n    </TaskListContainer>\n  );\n};\n"],"mappings":"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"}

package/dist/components/ai/task-list.es.js

@@ -1,9 +1,9 @@
 import { t as cn } from "../../utils-DQx8TpNT.js";
+import { n as ScrollAreaViewport, t as ScrollArea } from "../../scroll-area-9-S7wfSs.js";
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../../tooltip-DJcze2VZ.js";
+import { t as Txt } from "../../Txt-5efBsb2p.js";
 import { raisedSurfaceStyle } from "../../primitives/raised-surface.es.js";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../../tooltip-HzcLyGtV.js";
 import { focusRing, transitions } from "../../primitives/transitions.es.js";
-import { n as ScrollAreaViewport, t as ScrollArea } from "../../scroll-area-C226l0v0.js";
-import { t as Txt } from "../../Txt-BM6TVV_c.js";
 import { useEffect, useEffectEvent, useId, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";
@@ -321,7 +321,7 @@ var TaskListRow = ({ task, className, style, ...props }) => /* @__PURE__ */ jsxs
 	})]
 });
 var LIST_INSET_Y = 10;
-var edgeFades = "mask-no-repeat [--fade-bottom:0.875rem] [--fade-top:0.875rem] [mask-composite:subtract,add] [mask-image:linear-gradient(black,black),linear-gradient(to_bottom,black_40%,transparent),linear-gradient(to_top,black_40%,transparent)] [mask-position:0_0,0_0,0_100%] [mask-size:100%_100%,100%_var(--fade-top),100%_var(--fade-bottom)]";
+var edgeFades = "mask-no-repeat [--fade-bottom:0.875rem] [--fade-top:0.875rem] [mask-composite:subtract,add] [mask-image:linear-gradient(black,black),linear-gradient(to_bottom,black,transparent),linear-gradient(to_top,black,transparent)] [mask-position:0_0,0_0,0_100%] [mask-size:100%_100%,100%_var(--fade-top),100%_var(--fade-bottom)]";
 var edgeFadesWhenScrolled = "data-[overflow-y-end]:[--fade-bottom:2rem] data-[overflow-y-start]:[--fade-top:2rem]";
 var focusedTaskIndex = (tasks) => {
 	const activeIndex = tasks.findIndex((task) => task.status === "in_progress");

package/dist/components/ai/task-list.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"task-list.es.js","names":[],"sources":["../../../src/ds/components/ai/task-list/task-graph-node.ts","../../../src/ds/components/ai/task-list/task-graph.tsx","../../../src/ds/components/ai/task-list/use-focused-row-scroll.ts","../../../src/ds/components/ai/task-list/task-list.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\n\ntype TaskStatus = TaskItem['status'];\n\nexport const TASK_ROW_HEIGHT = 28;\nexport const TASK_GRAPH_MOTION_MS = 600;\n\n/* One timing for nodes and lines, so a line end never detaches from its node mid-move. */\nexport const taskGraphMotion = 'duration-[600ms] ease-(--resize-ease) motion-reduce:transition-none';\n\n/* left-0.5 centres the 12px node on the trunk (x=8); translate-x-4 lands it on the lane (x=24). */\nexport const taskGraphNodeClass = 'absolute top-1/2 left-0.5 -translate-y-1/2 transition-[translate]';\nexport const taskGraphLaneShift: Record<TaskStatus, string> = {\n  completed: 'translate-x-0',\n  in_progress: 'translate-x-4',\n  pending: 'translate-x-0',\n};\n","import type { TaskItem } from '@mastra/core/signals';\nimport { useId } from 'react';\nimport { TASK_ROW_HEIGHT, taskGraphMotion } from './task-graph-node';\nimport { cn } from '@/lib/utils';\n\ntype TaskStatus = TaskItem['status'];\n\nconst TRUNK_X = 8;\nconst LANE_X = 24;\n\nconst laneX = (status: TaskStatus, singleLane: boolean) => (status === 'in_progress' && !singleLane ? LANE_X : TRUNK_X);\nconst rowCenter = (index: number) => index * TASK_ROW_HEIGHT + TASK_ROW_HEIGHT / 2;\n\nconst ink: Record<TaskStatus, string> = {\n  completed: 'var(--success-indicator)',\n  in_progress: 'var(--warning-indicator)',\n  pending: 'var(--border-strong)',\n};\n\nconst connectorPathData = (upper: TaskStatus, lower: TaskStatus, index: number, singleLane: boolean) => {\n  const fromY = rowCenter(index);\n  const toY = rowCenter(index + 1);\n  const midY = (fromY + toY) / 2;\n  const fromX = laneX(upper, singleLane);\n  const toX = laneX(lower, singleLane);\n  return `M ${fromX} ${fromY} C ${fromX} ${midY} ${toX} ${midY} ${toX} ${toY}`;\n};\n\ninterface TaskGraphSegmentProps {\n  upper: TaskStatus;\n  lower: TaskStatus;\n  index: number;\n  graphId: string;\n  singleLane: boolean;\n}\n\nconst TaskGraphSegment = ({ upper, lower, index, graphId, singleLane }: TaskGraphSegmentProps) => {\n  const pathData = connectorPathData(upper, lower, index, singleLane);\n  const d = `path(\"${pathData}\")`;\n  const reached = upper !== 'pending' && lower !== 'pending';\n  const touchesActive = upper === 'in_progress' || lower === 'in_progress';\n\n  return (\n    <g>\n      <path\n        d={pathData}\n        fill=\"none\"\n        strokeWidth={1}\n        mask={`url(#${graphId}-future)`}\n        className={cn('transition-[d]', taskGraphMotion)}\n        style={{ d, stroke: ink.pending }}\n      />\n      <path\n        d={pathData}\n        fill=\"none\"\n        strokeWidth={1}\n        pathLength={1}\n        strokeDasharray=\"1 1\"\n        className={cn('transition-[d,stroke-dashoffset,stroke]', taskGraphMotion)}\n        style={{ d, strokeDashoffset: reached ? 0 : 1, stroke: touchesActive ? ink.in_progress : ink.completed }}\n      />\n    </g>\n  );\n};\n\ninterface TaskGraphLinesProps {\n  statuses: TaskStatus[];\n  singleLane?: boolean;\n}\n\nexport const TaskGraphLines = ({ statuses, singleLane = false }: TaskGraphLinesProps) => {\n  const graphId = `task-graph${useId().replace(/[^a-zA-Z0-9]/g, '')}`;\n  const height = statuses.length * TASK_ROW_HEIGHT;\n  const maskBox = { x: -8, y: 0, width: LANE_X + 24, height };\n\n  return (\n    <svg\n      aria-hidden\n      width={LANE_X + 8}\n      height={height}\n      className=\"pointer-events-none absolute top-0 left-0 overflow-visible\"\n    >\n      <defs>\n        <linearGradient id={`${graphId}-fade`} gradientUnits=\"userSpaceOnUse\" x1={0} x2={0} y1={0} y2={height}>\n          <stop offset=\"0\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"1\" stopColor=\"white\" stopOpacity={0.15} />\n        </linearGradient>\n        <mask id={`${graphId}-future`} maskUnits=\"userSpaceOnUse\" {...maskBox}>\n          <rect {...maskBox} fill={`url(#${graphId}-fade)`} />\n        </mask>\n        <linearGradient id={`${graphId}-gap`} x1={0} x2={0} y1={0} y2={1}>\n          <stop offset=\"0.2\" stopColor=\"white\" stopOpacity={0} />\n          <stop offset=\"0.4\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"0.6\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"0.8\" stopColor=\"white\" stopOpacity={0} />\n        </linearGradient>\n        <pattern\n          id={`${graphId}-gaps`}\n          patternUnits=\"userSpaceOnUse\"\n          x={maskBox.x}\n          y={TASK_ROW_HEIGHT / 2}\n          width={maskBox.width}\n          height={TASK_ROW_HEIGHT}\n        >\n          <rect width={maskBox.width} height={TASK_ROW_HEIGHT} fill={`url(#${graphId}-gap)`} />\n        </pattern>\n        <mask id={`${graphId}-between-nodes`} maskUnits=\"userSpaceOnUse\" {...maskBox}>\n          <rect {...maskBox} fill={`url(#${graphId}-gaps)`} />\n        </mask>\n      </defs>\n      <g mask={`url(#${graphId}-between-nodes)`}>\n        {statuses.map((status, index) => {\n          const next = statuses[index + 1];\n          if (!next) return null;\n          return (\n            <TaskGraphSegment\n              key={index}\n              upper={status}\n              lower={next}\n              index={index}\n              graphId={graphId}\n              singleLane={singleLane}\n            />\n          );\n        })}\n      </g>\n    </svg>\n  );\n};\n","import { useEffect, useEffectEvent, useRef } from 'react';\nimport { TASK_GRAPH_MOTION_MS, TASK_ROW_HEIGHT } from './task-graph-node';\n\nconst prefersReducedMotion = () => window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n\nconst easeOutQuint = (progress: number) => 1 - (1 - progress) ** 5;\n\n/* Scroll position is not a CSS property, so the glide is tweened to match the max-height transition. */\nconst glideScrollTop = (viewport: HTMLElement, top: number) => {\n  const start = viewport.scrollTop;\n  const distance = top - start;\n  if (prefersReducedMotion()) {\n    viewport.scrollTo({ top });\n    return () => {};\n  }\n  let frame = 0;\n  const startedAt = performance.now();\n  const step = (now: number) => {\n    const progress = Math.min((now - startedAt) / TASK_GRAPH_MOTION_MS, 1);\n    viewport.scrollTo({ top: start + distance * easeOutQuint(progress) });\n    if (progress < 1) frame = requestAnimationFrame(step);\n  };\n  frame = requestAnimationFrame(step);\n  return () => cancelAnimationFrame(frame);\n};\n\nconst revealedScrollTop = (rowIndex: number, currentTop: number, windowHeight: number) => {\n  const rowTop = rowIndex * TASK_ROW_HEIGHT;\n  const rowBottom = rowTop + TASK_ROW_HEIGHT;\n  if (rowTop < currentTop) return rowTop;\n  if (rowBottom > currentTop + windowHeight) return rowBottom - windowHeight;\n  return currentTop;\n};\n\nconst EXPANDED_VISIBLE_ROWS = 4.5;\n\nexport const taskWindowHeight = (rowCount: number, open: boolean) =>\n  open ? Math.min(rowCount, EXPANDED_VISIBLE_ROWS) * TASK_ROW_HEIGHT : TASK_ROW_HEIGHT;\n\ninterface ScrollTarget {\n  focusIndex: number;\n  windowHeight: number;\n  open: boolean;\n  followFocus: boolean;\n}\n\nconst wantedScrollTop = (currentTop: number, { focusIndex, windowHeight, open, followFocus }: ScrollTarget) => {\n  if (!open) return focusIndex * TASK_ROW_HEIGHT;\n  if (!followFocus) return currentTop;\n  return revealedScrollTop(focusIndex, currentTop, windowHeight);\n};\n\nconst clampScrollTop = (top: number, contentHeight: number, windowHeight: number) =>\n  Math.min(Math.max(top, 0), Math.max(contentHeight - windowHeight, 0));\n\ninterface FocusedRowScrollOptions {\n  focusIndex: number;\n  rowCount: number;\n  open: boolean;\n  followFocus: boolean;\n}\n\nexport const useFocusedRowScroll = ({ focusIndex, rowCount, open, followFocus }: FocusedRowScrollOptions) => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const cancelGlide = useRef<() => void>(undefined);\n  const placedOnce = useRef(false);\n\n  const glideForOpen = (nextOpen: boolean) => {\n    const viewport = viewportRef.current;\n    if (!viewport || typeof viewport.scrollTo !== 'function') return;\n    const windowHeight = taskWindowHeight(rowCount, nextOpen);\n    const wantedTop = wantedScrollTop(viewport.scrollTop, { focusIndex, windowHeight, open: nextOpen, followFocus });\n    const top = clampScrollTop(wantedTop, rowCount * TASK_ROW_HEIGHT, windowHeight);\n    cancelGlide.current?.();\n    if (!placedOnce.current) {\n      placedOnce.current = true;\n      viewport.scrollTo({ top });\n      return;\n    }\n    if (top !== viewport.scrollTop) cancelGlide.current = glideScrollTop(viewport, top);\n  };\n\n  const followFocusedRow = useEffectEvent(() => glideForOpen(open));\n\n  useEffect(() => {\n    followFocusedRow();\n    return () => cancelGlide.current?.();\n  }, [focusIndex]);\n\n  return { viewportRef, glideForOpen };\n};\n","import type { TaskItem } from '@mastra/core/signals';\nimport { ChevronDown } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { ComponentProps } from 'react';\nimport { TaskGraphLines } from './task-graph';\nimport { TASK_ROW_HEIGHT, taskGraphLaneShift, taskGraphMotion, taskGraphNodeClass } from './task-graph-node';\nimport { taskWindowHeight, useFocusedRowScroll } from './use-focused-row-scroll';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { focusRing, transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TaskListItem = TaskItem;\n\nexport const TaskListContainer = ({ className, ...props }: ComponentProps<'section'>) => (\n  <section className={cn(raisedSurfaceStyle, 'overflow-hidden rounded-2xl', className)} {...props} />\n);\n\nconst barColors: Record<TaskListItem['status'], string> = {\n  completed: 'bg-success-indicator',\n  in_progress: 'bg-warning-indicator',\n  pending: 'bg-fill-hover',\n};\n\nexport interface TaskListProgressProps extends Omit<ComponentProps<'span'>, 'children'> {\n  tasks: TaskListItem[];\n}\n\nexport const TaskListProgress = ({ tasks, className, ...props }: TaskListProgressProps) => {\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <span\n              role=\"progressbar\"\n              aria-label=\"Task completion\"\n              aria-valuemin={0}\n              aria-valuemax={tasks.length}\n              aria-valuenow={completed}\n              className={cn('ml-auto flex h-4 w-fit max-w-40 shrink-0 items-center gap-1 overflow-hidden', className)}\n              {...props}\n            >\n              {tasks.map(task => (\n                <span\n                  key={task.id}\n                  className={cn(\n                    'h-full w-0.5 min-w-px shrink rounded-full transition-colors',\n                    taskGraphMotion,\n                    barColors[task.status],\n                  )}\n                />\n              ))}\n            </span>\n          }\n        />\n        <TooltipContent>\n          {completed}/{tasks.length} completed\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nconst statusLabels: Record<TaskListItem['status'], string> = {\n  completed: 'Completed',\n  in_progress: 'In progress',\n  pending: 'Pending',\n};\n\nconst ringClasses: Record<TaskListItem['status'], string> = {\n  completed: 'size-[7px] border-success-indicator bg-card',\n  in_progress: 'size-2 border-warning-indicator bg-warning-subtle',\n  pending: 'size-1.5 border-muted-foreground/45 bg-card',\n};\n\nexport interface TaskListStatusIconProps extends ComponentProps<'span'> {\n  status: TaskListItem['status'];\n}\n\nexport const TaskListStatusIcon = ({ status, className, ...props }: TaskListStatusIconProps) => (\n  <span\n    role=\"img\"\n    aria-label={statusLabels[status]}\n    className={cn('grid size-3 shrink-0 place-items-center rounded-full', className)}\n    {...props}\n  >\n    <span\n      className={cn(\n        'rounded-full border-[1.5px] transition-[width,height,border-color,background-color]',\n        taskGraphMotion,\n        ringClasses[status],\n      )}\n    />\n  </span>\n);\n\nconst TaskListLabel = ({ task }: { task: TaskListItem }) => {\n  const active = task.status === 'in_progress';\n  return (\n    <Txt as=\"span\" variant=\"caption\" className=\"grid min-w-0\">\n      <span\n        aria-hidden={active}\n        className={cn(\n          'col-start-1 row-start-1 truncate transition-[opacity,color,translate,filter]',\n          taskGraphMotion,\n          task.status === 'pending' ? 'text-muted-foreground/70' : 'text-muted-foreground',\n          active ? '-translate-y-1 opacity-0 blur-[2px]' : 'translate-y-0 opacity-100 blur-none',\n        )}\n      >\n        <span\n          className={cn(\n            'bg-[linear-gradient(currentColor,currentColor)] bg-no-repeat transition-[background-size]',\n            taskGraphMotion,\n            task.status === 'completed'\n              ? 'bg-size-[100%_1px] bg-position-[left_55%]'\n              : 'bg-size-[0%_1px] bg-position-[right_55%]',\n          )}\n        >\n          {task.content}\n        </span>\n      </span>\n      <span\n        aria-hidden={!active}\n        className={cn(\n          'col-start-1 row-start-1 truncate bg-linear-to-r from-warning-indicator to-foreground to-30% bg-size-[200%_100%] bg-clip-text font-medium text-transparent transition-[opacity,translate,filter,background-position]',\n          taskGraphMotion,\n          active\n            ? 'translate-y-0 bg-position-[0%_0] opacity-100 blur-none'\n            : 'translate-y-1 bg-position-[100%_0] opacity-0 blur-[2px]',\n        )}\n      >\n        {task.activeForm}\n      </span>\n    </Txt>\n  );\n};\n\nexport interface TaskListRowProps extends ComponentProps<'li'> {\n  task: TaskListItem;\n}\n\nexport const TaskListRow = ({ task, className, style, ...props }: TaskListRowProps) => (\n  <li className={cn('relative flex items-center', className)} style={{ height: TASK_ROW_HEIGHT, ...style }} {...props}>\n    <TaskListStatusIcon\n      status={task.status}\n      className={cn(\n        taskGraphNodeClass,\n        taskGraphMotion,\n        taskGraphLaneShift[task.status],\n        'group-data-collapsed/task-list:translate-x-0',\n      )}\n    />\n    <span\n      className={cn(\n        'flex min-w-0 transition-[padding-left]',\n        taskGraphMotion,\n        task.status === 'in_progress' ? 'pl-10 group-data-collapsed/task-list:pl-6' : 'pl-6',\n      )}\n    >\n      <TaskListLabel task={task} />\n    </span>\n  </li>\n);\n\nconst LIST_INSET_Y = 10;\n\n/* A full layer minus one fade per edge; the fades are sized by mask-size, so their depth animates. */\nconst edgeFades =\n  'mask-no-repeat [--fade-bottom:0.875rem] [--fade-top:0.875rem] [mask-composite:subtract,add] [mask-image:linear-gradient(black,black),linear-gradient(to_bottom,black_40%,transparent),linear-gradient(to_top,black_40%,transparent)] [mask-position:0_0,0_0,0_100%] [mask-size:100%_100%,100%_var(--fade-top),100%_var(--fade-bottom)]';\nconst edgeFadesWhenScrolled = 'data-[overflow-y-end]:[--fade-bottom:2rem] data-[overflow-y-start]:[--fade-top:2rem]';\n\nconst focusedTaskIndex = (tasks: TaskListItem[]) => {\n  const activeIndex = tasks.findIndex(task => task.status === 'in_progress');\n  if (activeIndex >= 0) return activeIndex;\n  const pendingIndex = tasks.findIndex(task => task.status === 'pending');\n  if (pendingIndex >= 0) return pendingIndex;\n  return tasks.length - 1;\n};\n\nexport interface TaskListProps extends Omit<ComponentProps<typeof TaskListContainer>, 'children'> {\n  tasks: TaskListItem[];\n  hideWhenComplete?: boolean;\n  scrollActiveIntoView?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const TaskList = ({\n  tasks,\n  hideWhenComplete = true,\n  scrollActiveIntoView = true,\n  defaultOpen = true,\n  className,\n  ...props\n}: TaskListProps) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const listId = useId();\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  const total = tasks.length;\n  const focusIndex = focusedTaskIndex(tasks);\n  const windowHeight = taskWindowHeight(total, open);\n  const { viewportRef, glideForOpen } = useFocusedRowScroll({\n    focusIndex,\n    rowCount: total,\n    open,\n    followFocus: scrollActiveIntoView,\n  });\n\n  const changeOpen = (nextOpen: boolean) => {\n    setOpen(nextOpen);\n    glideForOpen(nextOpen);\n  };\n\n  if (total === 0 || (hideWhenComplete && completed === total)) return null;\n\n  return (\n    <TaskListContainer\n      aria-label=\"Task list\"\n      data-testid=\"task-list\"\n      data-collapsed={open ? undefined : ''}\n      onClick={open ? undefined : () => changeOpen(true)}\n      className={cn('group/task-list relative', !open && 'cursor-pointer', className)}\n      {...props}\n    >\n      <ScrollArea id={listId} maxHeight={`${windowHeight + 2 * LIST_INSET_Y}px`} mask={false}>\n        <ScrollAreaViewport\n          ref={viewportRef}\n          className={cn(\n            edgeFades,\n            'transition-[max-height,mask-size]',\n            taskGraphMotion,\n            open ? edgeFadesWhenScrolled : 'overflow-hidden!',\n          )}\n        >\n          <div className=\"px-3\" style={{ paddingBlock: LIST_INSET_Y }}>\n            <div className=\"relative\">\n              <TaskGraphLines statuses={tasks.map(task => task.status)} singleLane={!open} />\n              <ul>\n                {tasks.map((task, index) => {\n                  const clippedAway = !open && index !== focusIndex;\n                  return <TaskListRow key={task.id} task={task} inert={clippedAway} aria-hidden={clippedAway} />;\n                })}\n              </ul>\n            </div>\n          </div>\n        </ScrollAreaViewport>\n      </ScrollArea>\n      <div className=\"absolute top-2.5 right-3 flex h-7 items-center bg-linear-to-r from-transparent to-card to-[1.5rem] pl-6\">\n        <div\n          inert={open}\n          aria-hidden={open}\n          className={cn(\n            'grid transition-[grid-template-columns,opacity]',\n            taskGraphMotion,\n            open ? 'grid-cols-[0fr] opacity-0' : 'grid-cols-[1fr] opacity-100',\n          )}\n        >\n          <div className=\"min-w-0 overflow-hidden\">\n            <TaskListProgress tasks={tasks} className=\"mr-2\" />\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          aria-label={open ? 'Collapse tasks' : 'Show all tasks'}\n          aria-expanded={open}\n          aria-controls={listId}\n          onClick={event => {\n            event.stopPropagation();\n            changeOpen(!open);\n          }}\n          className={cn(\n            'grid size-6 cursor-pointer place-items-center rounded-md text-muted-foreground hover:text-foreground',\n            transitions.colors,\n            focusRing,\n            !open && 'group-hover/task-list:text-foreground',\n          )}\n        >\n          <ChevronDown\n            className={cn('size-3.5 transition-[rotate]', taskGraphMotion, open ? 'rotate-180' : 'rotate-0')}\n          />\n        </button>\n      </div>\n    </TaskListContainer>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"task-list.es.js","names":[],"sources":["../../../src/ds/components/ai/task-list/task-graph-node.ts","../../../src/ds/components/ai/task-list/task-graph.tsx","../../../src/ds/components/ai/task-list/use-focused-row-scroll.ts","../../../src/ds/components/ai/task-list/task-list.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\n\ntype TaskStatus = TaskItem['status'];\n\nexport const TASK_ROW_HEIGHT = 28;\nexport const TASK_GRAPH_MOTION_MS = 600;\n\n/* One timing for nodes and lines, so a line end never detaches from its node mid-move. */\nexport const taskGraphMotion = 'duration-[600ms] ease-(--resize-ease) motion-reduce:transition-none';\n\n/* left-0.5 centres the 12px node on the trunk (x=8); translate-x-4 lands it on the lane (x=24). */\nexport const taskGraphNodeClass = 'absolute top-1/2 left-0.5 -translate-y-1/2 transition-[translate]';\nexport const taskGraphLaneShift: Record<TaskStatus, string> = {\n  completed: 'translate-x-0',\n  in_progress: 'translate-x-4',\n  pending: 'translate-x-0',\n};\n","import type { TaskItem } from '@mastra/core/signals';\nimport { useId } from 'react';\nimport { TASK_ROW_HEIGHT, taskGraphMotion } from './task-graph-node';\nimport { cn } from '@/lib/utils';\n\ntype TaskStatus = TaskItem['status'];\n\nconst TRUNK_X = 8;\nconst LANE_X = 24;\n\nconst laneX = (status: TaskStatus, singleLane: boolean) => (status === 'in_progress' && !singleLane ? LANE_X : TRUNK_X);\nconst rowCenter = (index: number) => index * TASK_ROW_HEIGHT + TASK_ROW_HEIGHT / 2;\n\nconst ink: Record<TaskStatus, string> = {\n  completed: 'var(--success-indicator)',\n  in_progress: 'var(--warning-indicator)',\n  pending: 'var(--border-strong)',\n};\n\nconst connectorPathData = (upper: TaskStatus, lower: TaskStatus, index: number, singleLane: boolean) => {\n  const fromY = rowCenter(index);\n  const toY = rowCenter(index + 1);\n  const midY = (fromY + toY) / 2;\n  const fromX = laneX(upper, singleLane);\n  const toX = laneX(lower, singleLane);\n  return `M ${fromX} ${fromY} C ${fromX} ${midY} ${toX} ${midY} ${toX} ${toY}`;\n};\n\ninterface TaskGraphSegmentProps {\n  upper: TaskStatus;\n  lower: TaskStatus;\n  index: number;\n  graphId: string;\n  singleLane: boolean;\n}\n\nconst TaskGraphSegment = ({ upper, lower, index, graphId, singleLane }: TaskGraphSegmentProps) => {\n  const pathData = connectorPathData(upper, lower, index, singleLane);\n  const d = `path(\"${pathData}\")`;\n  const reached = upper !== 'pending' && lower !== 'pending';\n  const touchesActive = upper === 'in_progress' || lower === 'in_progress';\n\n  return (\n    <g>\n      <path\n        d={pathData}\n        fill=\"none\"\n        strokeWidth={1}\n        mask={`url(#${graphId}-future)`}\n        className={cn('transition-[d]', taskGraphMotion)}\n        style={{ d, stroke: ink.pending }}\n      />\n      <path\n        d={pathData}\n        fill=\"none\"\n        strokeWidth={1}\n        pathLength={1}\n        strokeDasharray=\"1 1\"\n        className={cn('transition-[d,stroke-dashoffset,stroke]', taskGraphMotion)}\n        style={{ d, strokeDashoffset: reached ? 0 : 1, stroke: touchesActive ? ink.in_progress : ink.completed }}\n      />\n    </g>\n  );\n};\n\ninterface TaskGraphLinesProps {\n  statuses: TaskStatus[];\n  singleLane?: boolean;\n}\n\nexport const TaskGraphLines = ({ statuses, singleLane = false }: TaskGraphLinesProps) => {\n  const graphId = `task-graph${useId().replace(/[^a-zA-Z0-9]/g, '')}`;\n  const height = statuses.length * TASK_ROW_HEIGHT;\n  const maskBox = { x: -8, y: 0, width: LANE_X + 24, height };\n\n  return (\n    <svg\n      aria-hidden\n      width={LANE_X + 8}\n      height={height}\n      className=\"pointer-events-none absolute top-0 left-0 overflow-visible\"\n    >\n      <defs>\n        <linearGradient id={`${graphId}-fade`} gradientUnits=\"userSpaceOnUse\" x1={0} x2={0} y1={0} y2={height}>\n          <stop offset=\"0\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"1\" stopColor=\"white\" stopOpacity={0.15} />\n        </linearGradient>\n        <mask id={`${graphId}-future`} maskUnits=\"userSpaceOnUse\" {...maskBox}>\n          <rect {...maskBox} fill={`url(#${graphId}-fade)`} />\n        </mask>\n        <linearGradient id={`${graphId}-gap`} x1={0} x2={0} y1={0} y2={1}>\n          <stop offset=\"0.2\" stopColor=\"white\" stopOpacity={0} />\n          <stop offset=\"0.4\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"0.6\" stopColor=\"white\" stopOpacity={1} />\n          <stop offset=\"0.8\" stopColor=\"white\" stopOpacity={0} />\n        </linearGradient>\n        <pattern\n          id={`${graphId}-gaps`}\n          patternUnits=\"userSpaceOnUse\"\n          x={maskBox.x}\n          y={TASK_ROW_HEIGHT / 2}\n          width={maskBox.width}\n          height={TASK_ROW_HEIGHT}\n        >\n          <rect width={maskBox.width} height={TASK_ROW_HEIGHT} fill={`url(#${graphId}-gap)`} />\n        </pattern>\n        <mask id={`${graphId}-between-nodes`} maskUnits=\"userSpaceOnUse\" {...maskBox}>\n          <rect {...maskBox} fill={`url(#${graphId}-gaps)`} />\n        </mask>\n      </defs>\n      <g mask={`url(#${graphId}-between-nodes)`}>\n        {statuses.map((status, index) => {\n          const next = statuses[index + 1];\n          if (!next) return null;\n          return (\n            <TaskGraphSegment\n              key={index}\n              upper={status}\n              lower={next}\n              index={index}\n              graphId={graphId}\n              singleLane={singleLane}\n            />\n          );\n        })}\n      </g>\n    </svg>\n  );\n};\n","import { useEffect, useEffectEvent, useRef } from 'react';\nimport { TASK_GRAPH_MOTION_MS, TASK_ROW_HEIGHT } from './task-graph-node';\n\nconst prefersReducedMotion = () => window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n\nconst easeOutQuint = (progress: number) => 1 - (1 - progress) ** 5;\n\n/* Scroll position is not a CSS property, so the glide is tweened to match the max-height transition. */\nconst glideScrollTop = (viewport: HTMLElement, top: number) => {\n  const start = viewport.scrollTop;\n  const distance = top - start;\n  if (prefersReducedMotion()) {\n    viewport.scrollTo({ top });\n    return () => {};\n  }\n  let frame = 0;\n  const startedAt = performance.now();\n  const step = (now: number) => {\n    const progress = Math.min((now - startedAt) / TASK_GRAPH_MOTION_MS, 1);\n    viewport.scrollTo({ top: start + distance * easeOutQuint(progress) });\n    if (progress < 1) frame = requestAnimationFrame(step);\n  };\n  frame = requestAnimationFrame(step);\n  return () => cancelAnimationFrame(frame);\n};\n\nconst revealedScrollTop = (rowIndex: number, currentTop: number, windowHeight: number) => {\n  const rowTop = rowIndex * TASK_ROW_HEIGHT;\n  const rowBottom = rowTop + TASK_ROW_HEIGHT;\n  if (rowTop < currentTop) return rowTop;\n  if (rowBottom > currentTop + windowHeight) return rowBottom - windowHeight;\n  return currentTop;\n};\n\nconst EXPANDED_VISIBLE_ROWS = 4.5;\n\nexport const taskWindowHeight = (rowCount: number, open: boolean) =>\n  open ? Math.min(rowCount, EXPANDED_VISIBLE_ROWS) * TASK_ROW_HEIGHT : TASK_ROW_HEIGHT;\n\ninterface ScrollTarget {\n  focusIndex: number;\n  windowHeight: number;\n  open: boolean;\n  followFocus: boolean;\n}\n\nconst wantedScrollTop = (currentTop: number, { focusIndex, windowHeight, open, followFocus }: ScrollTarget) => {\n  if (!open) return focusIndex * TASK_ROW_HEIGHT;\n  if (!followFocus) return currentTop;\n  return revealedScrollTop(focusIndex, currentTop, windowHeight);\n};\n\nconst clampScrollTop = (top: number, contentHeight: number, windowHeight: number) =>\n  Math.min(Math.max(top, 0), Math.max(contentHeight - windowHeight, 0));\n\ninterface FocusedRowScrollOptions {\n  focusIndex: number;\n  rowCount: number;\n  open: boolean;\n  followFocus: boolean;\n}\n\nexport const useFocusedRowScroll = ({ focusIndex, rowCount, open, followFocus }: FocusedRowScrollOptions) => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const cancelGlide = useRef<() => void>(undefined);\n  const placedOnce = useRef(false);\n\n  const glideForOpen = (nextOpen: boolean) => {\n    const viewport = viewportRef.current;\n    if (!viewport || typeof viewport.scrollTo !== 'function') return;\n    const windowHeight = taskWindowHeight(rowCount, nextOpen);\n    const wantedTop = wantedScrollTop(viewport.scrollTop, { focusIndex, windowHeight, open: nextOpen, followFocus });\n    const top = clampScrollTop(wantedTop, rowCount * TASK_ROW_HEIGHT, windowHeight);\n    cancelGlide.current?.();\n    if (!placedOnce.current) {\n      placedOnce.current = true;\n      viewport.scrollTo({ top });\n      return;\n    }\n    if (top !== viewport.scrollTop) cancelGlide.current = glideScrollTop(viewport, top);\n  };\n\n  const followFocusedRow = useEffectEvent(() => glideForOpen(open));\n\n  useEffect(() => {\n    followFocusedRow();\n    return () => cancelGlide.current?.();\n  }, [focusIndex]);\n\n  return { viewportRef, glideForOpen };\n};\n","import type { TaskItem } from '@mastra/core/signals';\nimport { ChevronDown } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { ComponentProps } from 'react';\nimport { TaskGraphLines } from './task-graph';\nimport { TASK_ROW_HEIGHT, taskGraphLaneShift, taskGraphMotion, taskGraphNodeClass } from './task-graph-node';\nimport { taskWindowHeight, useFocusedRowScroll } from './use-focused-row-scroll';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { focusRing, transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TaskListItem = TaskItem;\n\nexport const TaskListContainer = ({ className, ...props }: ComponentProps<'section'>) => (\n  <section className={cn(raisedSurfaceStyle, 'overflow-hidden rounded-2xl', className)} {...props} />\n);\n\nconst barColors: Record<TaskListItem['status'], string> = {\n  completed: 'bg-success-indicator',\n  in_progress: 'bg-warning-indicator',\n  pending: 'bg-fill-hover',\n};\n\nexport interface TaskListProgressProps extends Omit<ComponentProps<'span'>, 'children'> {\n  tasks: TaskListItem[];\n}\n\nexport const TaskListProgress = ({ tasks, className, ...props }: TaskListProgressProps) => {\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <span\n              role=\"progressbar\"\n              aria-label=\"Task completion\"\n              aria-valuemin={0}\n              aria-valuemax={tasks.length}\n              aria-valuenow={completed}\n              className={cn('ml-auto flex h-4 w-fit max-w-40 shrink-0 items-center gap-1 overflow-hidden', className)}\n              {...props}\n            >\n              {tasks.map(task => (\n                <span\n                  key={task.id}\n                  className={cn(\n                    'h-full w-0.5 min-w-px shrink rounded-full transition-colors',\n                    taskGraphMotion,\n                    barColors[task.status],\n                  )}\n                />\n              ))}\n            </span>\n          }\n        />\n        <TooltipContent>\n          {completed}/{tasks.length} completed\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nconst statusLabels: Record<TaskListItem['status'], string> = {\n  completed: 'Completed',\n  in_progress: 'In progress',\n  pending: 'Pending',\n};\n\nconst ringClasses: Record<TaskListItem['status'], string> = {\n  completed: 'size-[7px] border-success-indicator bg-card',\n  in_progress: 'size-2 border-warning-indicator bg-warning-subtle',\n  pending: 'size-1.5 border-muted-foreground/45 bg-card',\n};\n\nexport interface TaskListStatusIconProps extends ComponentProps<'span'> {\n  status: TaskListItem['status'];\n}\n\nexport const TaskListStatusIcon = ({ status, className, ...props }: TaskListStatusIconProps) => (\n  <span\n    role=\"img\"\n    aria-label={statusLabels[status]}\n    className={cn('grid size-3 shrink-0 place-items-center rounded-full', className)}\n    {...props}\n  >\n    <span\n      className={cn(\n        'rounded-full border-[1.5px] transition-[width,height,border-color,background-color]',\n        taskGraphMotion,\n        ringClasses[status],\n      )}\n    />\n  </span>\n);\n\nconst TaskListLabel = ({ task }: { task: TaskListItem }) => {\n  const active = task.status === 'in_progress';\n  return (\n    <Txt as=\"span\" variant=\"caption\" className=\"grid min-w-0\">\n      <span\n        aria-hidden={active}\n        className={cn(\n          'col-start-1 row-start-1 truncate transition-[opacity,color,translate,filter]',\n          taskGraphMotion,\n          task.status === 'pending' ? 'text-muted-foreground/70' : 'text-muted-foreground',\n          active ? '-translate-y-1 opacity-0 blur-[2px]' : 'translate-y-0 opacity-100 blur-none',\n        )}\n      >\n        <span\n          className={cn(\n            'bg-[linear-gradient(currentColor,currentColor)] bg-no-repeat transition-[background-size]',\n            taskGraphMotion,\n            task.status === 'completed'\n              ? 'bg-size-[100%_1px] bg-position-[left_55%]'\n              : 'bg-size-[0%_1px] bg-position-[right_55%]',\n          )}\n        >\n          {task.content}\n        </span>\n      </span>\n      <span\n        aria-hidden={!active}\n        className={cn(\n          'col-start-1 row-start-1 truncate bg-linear-to-r from-warning-indicator to-foreground to-30% bg-size-[200%_100%] bg-clip-text font-medium text-transparent transition-[opacity,translate,filter,background-position]',\n          taskGraphMotion,\n          active\n            ? 'translate-y-0 bg-position-[0%_0] opacity-100 blur-none'\n            : 'translate-y-1 bg-position-[100%_0] opacity-0 blur-[2px]',\n        )}\n      >\n        {task.activeForm}\n      </span>\n    </Txt>\n  );\n};\n\nexport interface TaskListRowProps extends ComponentProps<'li'> {\n  task: TaskListItem;\n}\n\nexport const TaskListRow = ({ task, className, style, ...props }: TaskListRowProps) => (\n  <li className={cn('relative flex items-center', className)} style={{ height: TASK_ROW_HEIGHT, ...style }} {...props}>\n    <TaskListStatusIcon\n      status={task.status}\n      className={cn(\n        taskGraphNodeClass,\n        taskGraphMotion,\n        taskGraphLaneShift[task.status],\n        'group-data-collapsed/task-list:translate-x-0',\n      )}\n    />\n    <span\n      className={cn(\n        'flex min-w-0 transition-[padding-left]',\n        taskGraphMotion,\n        task.status === 'in_progress' ? 'pl-10 group-data-collapsed/task-list:pl-6' : 'pl-6',\n      )}\n    >\n      <TaskListLabel task={task} />\n    </span>\n  </li>\n);\n\nconst LIST_INSET_Y = 10;\n\n/* A full layer minus one fade per edge; the fades are sized by mask-size, so their depth animates. */\nconst edgeFades =\n  'mask-no-repeat [--fade-bottom:0.875rem] [--fade-top:0.875rem] [mask-composite:subtract,add] [mask-image:linear-gradient(black,black),linear-gradient(to_bottom,black,transparent),linear-gradient(to_top,black,transparent)] [mask-position:0_0,0_0,0_100%] [mask-size:100%_100%,100%_var(--fade-top),100%_var(--fade-bottom)]';\nconst edgeFadesWhenScrolled = 'data-[overflow-y-end]:[--fade-bottom:2rem] data-[overflow-y-start]:[--fade-top:2rem]';\n\nconst focusedTaskIndex = (tasks: TaskListItem[]) => {\n  const activeIndex = tasks.findIndex(task => task.status === 'in_progress');\n  if (activeIndex >= 0) return activeIndex;\n  const pendingIndex = tasks.findIndex(task => task.status === 'pending');\n  if (pendingIndex >= 0) return pendingIndex;\n  return tasks.length - 1;\n};\n\nexport interface TaskListProps extends Omit<ComponentProps<typeof TaskListContainer>, 'children'> {\n  tasks: TaskListItem[];\n  hideWhenComplete?: boolean;\n  scrollActiveIntoView?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const TaskList = ({\n  tasks,\n  hideWhenComplete = true,\n  scrollActiveIntoView = true,\n  defaultOpen = true,\n  className,\n  ...props\n}: TaskListProps) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const listId = useId();\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  const total = tasks.length;\n  const focusIndex = focusedTaskIndex(tasks);\n  const windowHeight = taskWindowHeight(total, open);\n  const { viewportRef, glideForOpen } = useFocusedRowScroll({\n    focusIndex,\n    rowCount: total,\n    open,\n    followFocus: scrollActiveIntoView,\n  });\n\n  const changeOpen = (nextOpen: boolean) => {\n    setOpen(nextOpen);\n    glideForOpen(nextOpen);\n  };\n\n  if (total === 0 || (hideWhenComplete && completed === total)) return null;\n\n  return (\n    <TaskListContainer\n      aria-label=\"Task list\"\n      data-testid=\"task-list\"\n      data-collapsed={open ? undefined : ''}\n      onClick={open ? undefined : () => changeOpen(true)}\n      className={cn('group/task-list relative', !open && 'cursor-pointer', className)}\n      {...props}\n    >\n      <ScrollArea id={listId} maxHeight={`${windowHeight + 2 * LIST_INSET_Y}px`} mask={false}>\n        <ScrollAreaViewport\n          ref={viewportRef}\n          className={cn(\n            edgeFades,\n            'transition-[max-height,mask-size]',\n            taskGraphMotion,\n            open ? edgeFadesWhenScrolled : 'overflow-hidden!',\n          )}\n        >\n          <div className=\"px-3\" style={{ paddingBlock: LIST_INSET_Y }}>\n            <div className=\"relative\">\n              <TaskGraphLines statuses={tasks.map(task => task.status)} singleLane={!open} />\n              <ul>\n                {tasks.map((task, index) => {\n                  const clippedAway = !open && index !== focusIndex;\n                  return <TaskListRow key={task.id} task={task} inert={clippedAway} aria-hidden={clippedAway} />;\n                })}\n              </ul>\n            </div>\n          </div>\n        </ScrollAreaViewport>\n      </ScrollArea>\n      <div className=\"absolute top-2.5 right-3 flex h-7 items-center bg-linear-to-r from-transparent to-card to-[1.5rem] pl-6\">\n        <div\n          inert={open}\n          aria-hidden={open}\n          className={cn(\n            'grid transition-[grid-template-columns,opacity]',\n            taskGraphMotion,\n            open ? 'grid-cols-[0fr] opacity-0' : 'grid-cols-[1fr] opacity-100',\n          )}\n        >\n          <div className=\"min-w-0 overflow-hidden\">\n            <TaskListProgress tasks={tasks} className=\"mr-2\" />\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          aria-label={open ? 'Collapse tasks' : 'Show all tasks'}\n          aria-expanded={open}\n          aria-controls={listId}\n          onClick={event => {\n            event.stopPropagation();\n            changeOpen(!open);\n          }}\n          className={cn(\n            'grid size-6 cursor-pointer place-items-center rounded-md text-muted-foreground hover:text-foreground',\n            transitions.colors,\n            focusRing,\n            !open && 'group-hover/task-list:text-foreground',\n          )}\n        >\n          <ChevronDown\n            className={cn('size-3.5 transition-[rotate]', taskGraphMotion, open ? 'rotate-180' : 'rotate-0')}\n          />\n        </button>\n      </div>\n    </TaskListContainer>\n  );\n};\n"],"mappings":"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"}

package/dist/components/ai/tool-approval.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tool_approval = require("../../tool-approval-CJvPDL7D.cjs");
+const require_tool_approval = require("../../tool-approval-C4WNL8VD.cjs");
 exports.ToolApproval = require_tool_approval.ToolApproval;
 exports.ToolApprovalActions = require_tool_approval.ToolApprovalActions;
 exports.ToolApprovalStatus = require_tool_approval.ToolApprovalStatus;

package/dist/components/ai/tool-approval.es.js

@@ -1 +1 @@
-export { t as ToolApproval, n as ToolApprovalActions, r as ToolApprovalStatus } from "../../tool-approval-DyN11vFA.js";
+export { t as ToolApproval, n as ToolApprovalActions, r as ToolApprovalStatus } from "../../tool-approval-ZfL3-Vvi.js";

package/dist/components/ai/tool-call.cjs.js

@@ -1,14 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tool_call = require("../../tool-call-DBn14X-3.cjs");
-const require_tool_presentation = require("../../tool-presentation-D6nzVruN.cjs");
+const require_tool_call = require("../../tool-call-C4TBpJ6Y.cjs");
+const require_tool_presentation = require("../../tool-presentation-DPp9h-n2.cjs");
 exports.TOOL_GROUP_MIN = require_tool_call.TOOL_GROUP_MIN;
 exports.ToolCallArguments = require_tool_call.ToolCallArguments;
+exports.ToolCallBody = require_tool_call.ToolCallBody;
 exports.ToolCallCommand = require_tool_call.ToolCallCommand;
 exports.ToolCallEdit = require_tool_call.ToolCallEdit;
+exports.ToolCallExitStatus = require_tool_call.ToolCallExitStatus;
 exports.ToolCallGroup = require_tool_call.ToolCallGroup;
 exports.ToolCallMono = require_tool_call.ToolCallMono;
 exports.ToolCallOutput = require_tool_call.ToolCallOutput;
 exports.ToolCallTime = require_tool_call.ToolCallTime;
+exports.exitedWithFailure = require_tool_presentation.exitedWithFailure;
 exports.groupConsecutive = require_tool_call.groupConsecutive;
 exports.hasToolArguments = require_tool_presentation.hasToolArguments;
 exports.isTaskTool = require_tool_presentation.isTaskTool;
@@ -16,6 +19,8 @@ exports.presentTool = require_tool_presentation.presentTool;
 exports.stringifyToolValue = require_tool_presentation.stringifyToolValue;
 exports.stripAnsi = require_tool_call.stripAnsi;
 exports.stripSerializedAnsi = require_tool_call.stripSerializedAnsi;
+exports.toolCallHasBody = require_tool_call.toolCallHasBody;
+exports.toolCallResultText = require_tool_call.toolCallResultText;
 exports.toolEdit = require_tool_presentation.toolEdit;
 exports.toolPhrases = require_tool_call.toolPhrases;
 exports.visibleToolArgumentsText = require_tool_presentation.visibleToolArgumentsText;