@workerdeck/ui 2.9.0 → 2.11.0

package/src/components/agent/use-transcript-jumps.ts

@@ -26,6 +26,31 @@ export function repinToBottom(stick: RepinTarget): void {
   state.scrollTop = state.calculatedTargetScrollTop
 }
 
+// A scroller whose height changes clamps `scrollTop`, and the browser reports that clamp as an
+// ordinary scroll event, which the library reads as scroll-up intent and answers by escaping the
+// bottom lock. Its guard against exactly that, `resizeDifference`, is set only by the observer on
+// the *content*, so a composer collapsing after send breaks the lock while the view still sits at
+// the bottom, and the turn's later output streams past unfollowed (GOTCHAS "A scroller resize
+// escapes the bottom lock"). Set the flag ourselves, on the library's schedule. A live send re-pin
+// owns `state.animation` and `scrollToBottom` would clear it, dropping the `ignoreEscapes` hold
+// into the momentum tail, so press that scroll by hand instead.
+export function absorbScrollerResize(stick: RepinTarget, difference: number): void {
+  const { state } = stick
+  state.resizeDifference = difference
+  requestAnimationFrame(() => {
+    setTimeout(() => {
+      if (state.resizeDifference === difference) {
+        state.resizeDifference = 0
+      }
+    }, 1)
+  })
+  if (state.animation?.ignoreEscapes) {
+    state.scrollTop = state.calculatedTargetScrollTop
+    return
+  }
+  void stick.scrollToBottom('instant')
+}
+
 export function useTranscriptJumps(options: {
   rows: TranscriptRow[]
   terminal: boolean

package/src/components/prompt-area/clipboard-helpers.ts

@@ -6,8 +6,16 @@
  * clipboard I/O concerns alongside its DOM traversal and chip-accessor helpers.
  */
 import type { Segment, ChipSegment } from './types.ts'
-import { chipNodeToSegment, getChipDisplay, getChipTrigger, getSelectionRange, isChipElement, isHTMLElement } from './dom-helpers.ts'
-import { mergeAdjacentTextSegments } from './prompt-area-engine.ts'
+import {
+  chipNodeToSegment,
+  getChipDisplay,
+  getChipSigil,
+  getChipTrigger,
+  getSelectionRange,
+  isChipElement,
+  isHTMLElement,
+} from './dom-helpers.ts'
+import { chipPlainText, mergeAdjacentTextSegments } from './prompt-area-engine.ts'
 import { getTextLengthInRange } from './cursor-helpers.ts'
 
 function isRecord(value: unknown): value is Record<string, unknown> {
@@ -63,7 +71,7 @@ export function serializeFragmentToPlainText(fragment: DocumentFragment): string
       text += value
     },
     onChip: (node) => {
-      text += (getChipTrigger(node) ?? '') + (getChipDisplay(node) ?? '')
+      text += (getChipSigil(node) ?? getChipTrigger(node) ?? '') + (getChipDisplay(node) ?? '')
     },
     onBreak: () => {
       text += '\n'
@@ -129,6 +137,7 @@ export function parseSegmentsFromClipboard(json: string): Segment[] | null {
           trigger: item.trigger,
           value: item.value,
           displayText: item.displayText,
+          ...(typeof item.sigil === 'string' ? { sigil: item.sigil } : {}),
           ...(item.data !== undefined ? { data: item.data } : {}),
           ...(item.autoResolved ? { autoResolved: true } : {}),
         }
@@ -173,7 +182,7 @@ export function insertSegmentsAtCursor(currentSegments: Segment[], pastedSegment
 
   for (const seg of currentSegments) {
     if (seg.type === 'chip') {
-      const chipLen = seg.trigger.length + seg.displayText.length
+      const chipLen = chipPlainText(seg).length
       if (offset >= cursorOffset) {
         insertOnce()
       }

package/src/components/prompt-area/dom-helpers.ts

@@ -139,6 +139,13 @@ export function getChipData(node: Node): unknown {
   return safeJsonParse(raw)
 }
 
+export function getChipSigil(node: Node): string | undefined {
+  if (!isChipElement(node)) {
+    return undefined
+  }
+  return node.dataset.chipSigil
+}
+
 /**
  * Length of a chip's plain-text representation (`trigger + displayText`).
  *
@@ -148,7 +155,7 @@ export function getChipData(node: Node): unknown {
  * `textContent` for resilience against externally-mutated nodes.
  */
 export function chipNodeTextLength(node: HTMLElement): number {
-  const trigger = node.dataset.chipTrigger ?? ''
+  const trigger = node.dataset.chipSigil ?? node.dataset.chipTrigger ?? ''
   const display = node.dataset.chipDisplay ?? node.textContent ?? ''
   return trigger.length + display.length
 }
@@ -174,6 +181,7 @@ export function chipNodeToSegment(node: Node): ChipSegment | null {
     return null
   }
 
+  const sigil = getChipSigil(node)
   const data = getChipData(node)
   const autoResolved = getChipAutoResolved(node)
 
@@ -182,6 +190,7 @@ export function chipNodeToSegment(node: Node): ChipSegment | null {
     trigger,
     value,
     displayText,
+    ...(sigil !== undefined ? { sigil } : {}),
     ...(data !== undefined ? { data } : {}),
     ...(autoResolved ? { autoResolved: true } : {}),
   }

package/src/components/prompt-area/index.ts

@@ -7,4 +7,13 @@ export { PromptArea } from './prompt-area.tsx'
 export { usePromptAreaState } from './use-prompt-area-state.ts'
 export { commandTrigger, mentionTrigger, hashtagTrigger, launchTrigger } from './trigger-presets.ts'
 export { segmentsToPlainText, plainTextToSegments, isSegmentsEmpty, getChipsByTrigger } from './segment-helpers.ts'
-export type { PromptAreaHandle, PromptAreaProps, Segment, ChipSegment, TextSegment, TriggerConfig, TriggerSuggestion } from './types.ts'
+export type {
+  ChipOptions,
+  PromptAreaHandle,
+  PromptAreaProps,
+  Segment,
+  ChipSegment,
+  TextSegment,
+  TriggerConfig,
+  TriggerSuggestion,
+} from './types.ts'

package/src/components/prompt-area/prompt-area-engine.ts

@@ -6,9 +6,16 @@ import type { Segment, ChipSegment, TriggerConfig, TriggerPosition, ActiveTrigge
 
 // Serialization
 
+/**
+ * A chip's plain-text form: `{sigil ?? trigger}{displayText}` (e.g., "@Alice").
+ */
+export function chipPlainText(seg: ChipSegment): string {
+  return `${seg.sigil ?? seg.trigger}${seg.displayText}`
+}
+
 /**
  * Converts an array of segments to a plain text string.
- * Chips are represented as `{trigger}{displayText}` (e.g., "@Alice").
+ * Chips are represented by {@link chipPlainText}.
  */
 export function segmentsToPlainText(segments: Segment[]): string {
   return segments
@@ -16,7 +23,7 @@ export function segmentsToPlainText(segments: Segment[]): string {
       if (seg.type === 'text') {
         return seg.text
       }
-      return `${seg.trigger}${seg.displayText}`
+      return chipPlainText(seg)
     })
     .join('')
 }
@@ -45,7 +52,7 @@ export function truncateSegmentsToLength(segments: Segment[], maxLength: number)
   const result: Segment[] = []
   let length = 0
   for (const seg of segments) {
-    const segLength = seg.type === 'text' ? seg.text.length : seg.trigger.length + seg.displayText.length
+    const segLength = seg.type === 'text' ? seg.text.length : chipPlainText(seg).length
     if (length + segLength <= maxLength) {
       result.push(seg)
       length += segLength
@@ -195,7 +202,8 @@ export function detectActiveTrigger(text: string, cursorPos: number, triggers: T
 export function resolveChip(
   segments: Segment[],
   activeTrigger: ActiveTrigger,
-  chip: { value: string; displayText: string; data?: unknown; autoResolved?: boolean },
+  chip: { value: string; displayText: string; sigil?: string; data?: unknown; autoResolved?: boolean },
+  trailingText = ' ',
 ): { segments: Segment[]; cursorOffset: number } {
   const triggerStart = activeTrigger.startOffset
   const triggerEnd = triggerStart + 1 + activeTrigger.query.length // +1 for trigger char
@@ -205,7 +213,7 @@ export function resolveChip(
 
   for (const seg of segments) {
     if (seg.type === 'chip') {
-      const chipText = `${seg.trigger}${seg.displayText}`
+      const chipText = chipPlainText(seg)
       const chipStart = offset
       const chipEnd = offset + chipText.length
 
@@ -239,16 +247,17 @@ export function resolveChip(
           trigger: activeTrigger.config.char,
           value: chip.value,
           displayText: chip.displayText,
+          ...(chip.sigil !== undefined ? { sigil: chip.sigil } : {}),
           ...(chip.data !== undefined ? { data: chip.data } : {}),
           ...(chip.autoResolved ? { autoResolved: true } : {}),
         }
         newSegments.push(newChip)
 
-        // Add trailing space after chip, then any remaining text
+        // Add the trailing text (a space by default) after the chip, then any remaining text
         if (afterText) {
-          newSegments.push({ type: 'text', text: ' ' + afterText.replace(/^\s/, '') })
+          newSegments.push({ type: 'text', text: trailingText + afterText.replace(/^\s/, '') })
         } else {
-          newSegments.push({ type: 'text', text: ' ' })
+          newSegments.push({ type: 'text', text: trailingText })
         }
       }
 
@@ -266,14 +275,14 @@ export function resolveChip(
     if (seg.type === 'text') {
       runningOffset += seg.text.length
     } else {
-      runningOffset += seg.trigger.length + seg.displayText.length
+      runningOffset += chipPlainText(seg).length
       if (seg.value === chip.value && seg.displayText === chip.displayText && seg.trigger === activeTrigger.config.char) {
         lastChipEndOffset = runningOffset
       }
     }
   }
-  // +1 accounts for the trailing space after the chip
-  const cursorOffset = lastChipEndOffset === -1 ? runningOffset : lastChipEndOffset + 1
+  // The caret lands after the chip and its trailing text
+  const cursorOffset = lastChipEndOffset === -1 ? runningOffset : lastChipEndOffset + trailingText.length
 
   return { segments: merged, cursorOffset }
 }
@@ -302,7 +311,7 @@ export function resolveText(
 
   for (const seg of segments) {
     if (seg.type === 'chip') {
-      const chipEnd = offset + `${seg.trigger}${seg.displayText}`.length
+      const chipEnd = offset + chipPlainText(seg).length
       // A trigger range can never overlap a chip - chips are atomic - so a chip
       // is either wholly before or wholly after, and is kept either way.
       if (chipEnd <= triggerStart || offset >= triggerEnd) {
@@ -377,7 +386,7 @@ export function revertChipAtIndex(segments: Segment[], index: number): { segment
     return null
   }
 
-  const revertedText = `${seg.trigger}${seg.displayText}`
+  const revertedText = chipPlainText(seg)
   const result = [...segments.slice(0, index), { type: 'text' as const, text: revertedText }, ...segments.slice(index + 1)]
   return { segments: mergeAdjacentTextSegments(result), revertedText }
 }
@@ -491,7 +500,7 @@ export function replaceTextRange(segments: Segment[], start: number, end: number
 
   for (const seg of segments) {
     if (seg.type === 'chip') {
-      const chipText = `${seg.trigger}${seg.displayText}`
+      const chipText = chipPlainText(seg)
       const chipStart = offset
       const chipEnd = offset + chipText.length
 

package/src/components/prompt-area/types.ts

@@ -23,6 +23,12 @@ export type ChipSegment = {
   value: string
   /** The display text shown in the chip */
   displayText: string
+  /**
+   * The character the chip serialises and renders with, when it differs from
+   * `trigger`. The trigger is the menu the chip came from; the sigil is the
+   * token the host parses. Unset, the trigger character is the sigil.
+   */
+  sigil?: string
   /** Optional data payload attached to the chip */
   data?: unknown
   /**
@@ -74,6 +80,11 @@ export type TriggerSuggestion = {
   data?: unknown
 }
 
+export type ChipOptions = {
+  sigil?: string
+  trailingText?: string
+}
+
 /**
  * Configuration for a trigger character.
  */
@@ -113,6 +124,15 @@ export type TriggerConfig = {
    * `onChipAdd` does not fire either.
    */
   insertAsText?: (suggestion: TriggerSuggestion) => string | undefined
+  /**
+   * For 'dropdown' mode: per-suggestion overrides for the chip a selection
+   * resolves to. `sigil` replaces the trigger character in the chip's text and
+   * serialisation (a `/` menu inserting a `$name` token); `trailingText` is
+   * the editable text placed after the chip in place of the default single
+   * space (it is inserted verbatim, so include the leading space). Return
+   * undefined for the plain chip.
+   */
+  chipOptions?: (suggestion: TriggerSuggestion) => ChipOptions | undefined
   /**
    * For 'callback' and 'launch' modes: called when the trigger is activated.
    * Receives the full input text and cursor position. For 'launch' it fires on

package/src/components/prompt-area/use-prompt-area-keydown.ts

@@ -10,6 +10,7 @@ import {
   revertChipAtIndex,
   replaceTextRange,
   toggleMarkdownWrap,
+  chipPlainText,
 } from './prompt-area-engine.ts'
 import {
   getListContext,
@@ -138,7 +139,7 @@ export function usePromptAreaKeydown({
         if (s.type === 'text') {
           targetOffset += s.text.length
         } else {
-          targetOffset += s.trigger.length + s.displayText.length
+          targetOffset += chipPlainText(s).length
         }
       }
       targetOffset += result.revertedText.length

package/src/components/prompt-area/use-prompt-area.ts

@@ -12,6 +12,7 @@ import {
   resolveChip,
   resolveText,
   truncateSegmentsToLength,
+  chipPlainText,
 } from './prompt-area-engine.ts'
 import {
   autoFormatListPrefix,
@@ -223,6 +224,9 @@ export function usePromptArea({
           chip.dataset.chipTrigger = seg.trigger
           chip.dataset.chipValue = seg.value
           chip.dataset.chipDisplay = seg.displayText
+          if (seg.sigil !== undefined) {
+            chip.dataset.chipSigil = seg.sigil
+          }
           if (seg.data !== undefined) {
             const json = safeJsonStringify(seg.data)
             if (json) {
@@ -236,7 +240,7 @@ export function usePromptArea({
           const chipStyle = triggerConfig?.chipStyle ?? 'pill'
           chip.dataset.chipStyle = chipStyle
           chip.className = cn('prompt-area-chip', chipStyle === 'inline' && 'prompt-area-chip--inline', triggerConfig?.chipClassName)
-          chip.textContent = `${seg.trigger}${seg.displayText}`
+          chip.textContent = chipPlainText(seg)
           chip.setAttribute('role', 'button')
           chip.setAttribute('tabindex', '-1')
           editor.appendChild(chip)
@@ -598,10 +602,12 @@ export function usePromptArea({
       }
 
       const displayText = activeTrigger.config.onSelect?.(suggestion) ?? suggestion.label
+      const options = activeTrigger.config.chipOptions?.(suggestion)
 
       const chipData = {
         value: suggestion.value,
         displayText: displayText || suggestion.label,
+        ...(options?.sigil !== undefined ? { sigil: options.sigil } : {}),
         data: suggestion.data,
       }
 
@@ -616,7 +622,7 @@ export function usePromptArea({
         }, 0)
         return
       }
-      const result = resolveChip(segments, activeTrigger, chipData)
+      const result = resolveChip(segments, activeTrigger, chipData, options?.trailingText)
 
       onChange(result.segments)
       renderSegmentsToDOM(result.segments)

package/src/components/terminal/StatusLine.tsx

@@ -75,10 +75,11 @@ export function TerminalStatusLine({
     )
   }
 
-  if (state.totalCostUsd > 0) {
+  const costUsd = state.costUsd ?? (state.totalCostUsd || undefined)
+  if (costUsd !== undefined && costUsd > 0) {
     parts.push(
       <Ink key="cost" tone="faint">
-        {formatCost(state.totalCostUsd)}
+        {formatCost(costUsd)}
       </Ink>,
     )
   }

package/src/components/terminal/TerminalTranscript.tsx

@@ -8,7 +8,8 @@ import {
   CompactionRow,
   FileRow,
   NoticeRow,
-  ToolRunRow,
+  PeerSendRow,
+  RunRow,
   ThinkingRow,
   ToolRow,
   TurnResultRow,
@@ -17,8 +18,9 @@ import {
 } from './items.tsx'
 import { blockNeedsBlank, taskChildItems, terminalBlocks, type TaskBlock } from './blocks.ts'
 import { usePulse } from '../agent/pulse.tsx'
+import { PeerNamesProvider } from './peer-names.tsx'
 import { Pressable, useRevealOnOpen } from './press.tsx'
-import { taskBrief, taskBusy, taskFailed, taskSummary } from './tool-run.ts'
+import { isPeerSend, taskBrief, taskBusy, taskFailed, taskSummary } from './tool-run.ts'
 import { BRIEF_LINES } from './height.ts'
 import { Blank, Row } from './row.tsx'
 import { TerminalSurface } from './surface.tsx'
@@ -44,7 +46,7 @@ export function TerminalItemView({ item, fileUrl }: { item: TranscriptItem; file
       return <ThinkingRow item={item} />
     }
     case 'tool_call': {
-      return <ToolRow item={item} />
+      return isPeerSend(item) ? <PeerSendRow item={item} /> : <ToolRow item={item} />
     }
     case 'turn_result': {
       return <TurnResultRow item={item} />
@@ -110,7 +112,7 @@ export function TaskRow({
     <div ref={reveal} className={open ? 'term-open' : undefined}>
       <Pressable onPress={() => setOpen((v) => !v)} expanded={open}>
         <Row glyph={busy ? pulse : '●'} glyphTone={failed ? 'red' : busy ? 'mark' : 'dim'} tone={failed ? 'red' : 'green'}>
-          {taskSummary(block.task, children)}
+          {busy ? <span className="term-shimmer">{taskSummary(block.task, children)}</span> : taskSummary(block.task, children)}
         </Row>
       </Pressable>
       {open ? (
@@ -119,7 +121,7 @@ export function TaskRow({
           {block.children.map((leaf, index) => (
             <Fragment key={leaf.key}>
               {index > 0 && blockNeedsBlank(block.children[index - 1]!, leaf) ? <Blank /> : null}
-              {'run' in leaf ? <ToolRunRow items={leaf.run} /> : <TerminalItemView item={leaf.item} fileUrl={fileUrl} />}
+              {'run' in leaf ? <RunRow items={leaf.run} /> : <TerminalItemView item={leaf.item} fileUrl={fileUrl} />}
             </Fragment>
           ))}
         </div>
@@ -170,28 +172,30 @@ export function TerminalTranscript({ state, fileUrl, fontSize, lineHeight, affor
       bleed="1ch"
       className={cn('term-transcript', className)}
     >
-      {blocks.map((block, index) => (
-        <Fragment key={block.key}>
-          {index > 0 && blockNeedsBlank(blocks[index - 1]!, block) ? <Blank /> : null}
-          {'run' in block ? (
-            <ToolRunRow items={block.run} />
-          ) : 'item' in block ? (
-            <TerminalItemView item={block.item} fileUrl={fileUrl} />
-          ) : (
-            <TaskRow block={block} fileUrl={fileUrl} />
-          )}
-        </Fragment>
-      ))}
-      {working(state) ? (
-        <>
-          {state.items.length > 0 ? <Blank /> : null}
-          <WorkingRow
-            label={state.status === 'starting' ? 'Starting…' : 'Working…'}
-            startedAt={runStartedAt}
-            tokens={state.contextUsage?.totalTokens}
-          />
-        </>
-      ) : null}
+      <PeerNamesProvider items={state.items}>
+        {blocks.map((block, index) => (
+          <Fragment key={block.key}>
+            {index > 0 && blockNeedsBlank(blocks[index - 1]!, block) ? <Blank /> : null}
+            {'run' in block ? (
+              <RunRow items={block.run} />
+            ) : 'item' in block ? (
+              <TerminalItemView item={block.item} fileUrl={fileUrl} />
+            ) : (
+              <TaskRow block={block} fileUrl={fileUrl} />
+            )}
+          </Fragment>
+        ))}
+        {working(state) ? (
+          <>
+            {state.items.length > 0 ? <Blank /> : null}
+            <WorkingRow
+              label={state.status === 'starting' ? 'Starting…' : 'Working…'}
+              startedAt={runStartedAt}
+              tokens={state.contextUsage?.totalTokens}
+            />
+          </>
+        ) : null}
+      </PeerNamesProvider>
     </TerminalSurface>
   )
 }

package/src/components/terminal/blocks.ts

@@ -1,5 +1,5 @@
 import type { TranscriptItem } from '@workerdeck/react'
-import { foldsTogether } from './tool-run.ts'
+import { foldsTogether, isPeerSend } from './tool-run.ts'
 
 export type ToolCallItem = Extract<TranscriptItem, { kind: 'tool_call' }>
 
@@ -42,7 +42,7 @@ export function taskChildItems(block: TaskBlock): TranscriptItem[] {
 
 function pushLeaf(out: LeafBlock[], item: TranscriptItem, index: number): void {
   const previous = out.at(-1)
-  if (isRunCall(item)) {
+  if (isRunCall(item) && !isPeerSend(item)) {
     if (previous && 'run' in previous && foldsTogether(previous.run[0]!, item)) {
       previous.run.push(item)
       previous.indices.push(index)
@@ -112,13 +112,21 @@ export function terminalBlocks(items: readonly TranscriptItem[], offset = 0, fol
 }
 
 export function needsBlank(previous: TranscriptItem, next: TranscriptItem): boolean {
-  if (previous.kind === 'tool_call' && next.kind === 'tool_call') {
-    return false
+  if (isPeerSend(previous) || isPeerSend(next)) {
+    return true
   }
-  return true
+  return !(previous.kind === 'tool_call' && next.kind === 'tool_call')
+}
+
+function blockKind(block: TerminalBlock): string {
+  if (!('item' in block)) {
+    return 'tool_call'
+  }
+  // A peer send is a tool call on the wire and a message on the page, so it takes the blank line
+  // every other message gets rather than sitting flush against the run above it.
+  return isPeerSend(block.item) ? 'peer_send' : block.item.kind
 }
 
 export function blockNeedsBlank(previous: TerminalBlock, next: TerminalBlock): boolean {
-  const kind = (block: TerminalBlock) => ('item' in block ? block.item.kind : 'tool_call')
-  return !(kind(previous) === 'tool_call' && kind(next) === 'tool_call')
+  return !(blockKind(previous) === 'tool_call' && blockKind(next) === 'tool_call')
 }

package/src/components/terminal/height.ts

@@ -5,7 +5,7 @@ import { taskChildItems, type TerminalBlock, type ToolCallItem } from './blocks.
 import { IMAGE_BOX_LINES } from './image-box.ts'
 import { collapsedResult } from './result-preview.ts'
 import { todoLine, todoPreview } from './todos.ts'
-import { runSummary, taskSummary } from './tool-run.ts'
+import { isPeerSend, peerName, planRun, runSummary, taskSummary } from './tool-run.ts'
 
 export type CellMetrics = {
   width: number
@@ -595,8 +595,9 @@ export function itemHeight(item: TranscriptItem, m: CellMetrics): ComputedHeight
         acc = add(acc, rowH(item.attachments.map((a) => a.name).join(', '), m, { extraPx }))
       }
       if (item.text) {
-        for (const line of item.text.split('\n')) {
-          acc = add(acc, rowH(line || ' ', m, { extraPx }))
+        const who = item.origin ? `${peerName(item.origin)}: ` : ''
+        for (const [index, line] of item.text.split('\n').entries()) {
+          acc = add(acc, rowH((index === 0 ? who : '') + (line || ' '), m, { extraPx }))
         }
       }
       return acc
@@ -608,6 +609,10 @@ export function itemHeight(item: TranscriptItem, m: CellMetrics): ComputedHeight
       return rowH(item.text, m, { extraPx })
     }
     case 'tool_call': {
+      // A closed peer send is exactly one ellipsised row, whatever the message's length.
+      if (isPeerSend(item)) {
+        return { px: m.line + extraPx, exact: true }
+      }
       return toolRowHeight(item, m, extraPx)
     }
     case 'turn_result': {
@@ -640,8 +645,12 @@ export function blockHeight(block: TerminalBlock, m: CellMetrics): ComputedHeigh
     return rowH(taskSummary(block.task, taskChildItems(block)), m)
   }
   if ('run' in block) {
-    const busy = block.run.some((item) => item.status === 'running' || item.status === 'pending')
-    return rowH(runSummary(block.run, busy), m)
+    const plan = planRun(block.run)
+    if (plan.kind === 'call') {
+      return itemHeight(plan.item, m)
+    }
+    const busy = plan.items.some((item) => item.status === 'running' || item.status === 'pending')
+    return rowH(runSummary(plan.items, busy), m)
   }
   return itemHeight(block.item, m)
 }