@alfadocs/ui-kit-debug 1.96.0 → 1.97.0

package/dist/_chunks/{text-input-CaG9ApoE.js → text-input-B6iAgCr3.js}

@@ -3,7 +3,7 @@ import { forwardRef as Ve, useState as B, useRef as w, useEffect as q, useCallba
 import { c as te } from "./index-D2ZczOXr.js";
 import { useTranslation as _e } from "react-i18next";
 import { u as $e, a as Ne } from "./form-field-context-DtiROUJV.js";
-import { I as je, a as M, b as D } from "./input-surface-iBmxVBfr.js";
+import { I as je, a as M, b as D } from "./input-surface-BMffm2Vd.js";
 import { u as ke } from "./use-dom-value-DTxHhQAN.js";
 import { u as Fe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as Pe } from "./registry-DvAUVLHh.js";
@@ -330,4 +330,4 @@ Be.displayName = "TextInput";
 export {
   Be as T
 };
-//# sourceMappingURL=text-input-CaG9ApoE.js.map
+//# sourceMappingURL=text-input-B6iAgCr3.js.map

package/dist/_chunks/{text-input-CaG9ApoE.js.map → text-input-B6iAgCr3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text-input-CaG9ApoE.js","sources":["../../src/components/text-input/text-input.agent.ts","../../src/components/text-input/text-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TextInput.                                             */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TextInputHandle } from './text-input';\n\nexport const textInputAgent: AgentAdapter<TextInputHandle> = {\n  id: 'text-input',\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.textInput.state.value',\n      description: 'Current value of the text input.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.textInput.state.isEmpty',\n      description: 'Whether the input has no value.',\n      read: (handle) => handle.getValue() === '',\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { value: { type: 'string' } },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.textInput.actions.setValue',\n      description: 'Replace the input value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.textInput.actions.clear',\n      description: 'Empty the input. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.textInput.actions.focus',\n      description: 'Move keyboard focus to the input.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'text-input',\n      description: 'Marks the TextInput wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ClipboardEvent,\n  type CompositionEvent,\n  type DragEvent,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport {\n  useFormField,\n  useFormFieldControlId,\n} from '../form-field/form-field-context';\nimport {\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_TEXT,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\nimport { useDomValue } from '../_shared/use-dom-value';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent';\nimport { textInputAgent } from './text-input.agent';\n\n/**\n * Agent-readiness curated handle. The internal value setter drives the DOM\n * input via the native value setter so React picks up the change.\n */\nexport interface TextInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  focus: () => void;\n}\n\nconst wrapperVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:w-full',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-within:outline-[CanvasText]',\n    'ds:has-[:disabled]:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst inputVariants = cva(\n  [\n    'ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-input ds:text-foreground',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:placeholder:text-muted-foreground',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus:outline-none ds:focus-visible:outline-none',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:read-only:bg-muted ds:read-only:cursor-default ds:read-only:shadow-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_TEXT.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_TEXT.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_TEXT.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n      hasStart: {\n        true: 'ds:ps-10',\n        false: '',\n      },\n      hasEnd: {\n        true: 'ds:pe-10',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'sm', hasStart: false, class: 'ds:ps-3' },\n      { size: 'md', hasStart: false, class: 'ds:ps-3' },\n      { size: 'lg', hasStart: false, class: 'ds:ps-4' },\n      { size: 'sm', hasEnd: false, class: 'ds:pe-3' },\n      { size: 'md', hasEnd: false, class: 'ds:pe-3' },\n      { size: 'lg', hasEnd: false, class: 'ds:pe-4' },\n    ],\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n      hasStart: false,\n      hasEnd: false,\n    },\n  },\n);\n\nconst adornmentBase =\n  'ds:absolute ds:inset-y-0 ds:flex ds:items-center ds:pointer-events-none ds:text-muted-foreground';\n\nexport interface TextInputProps\n  extends\n    Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'size' | 'onChange' | 'onCompositionStart' | 'onCompositionEnd'\n    >,\n    Pick<VariantProps<typeof inputVariants>, 'size' | 'tone'> {\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  clearable?: boolean;\n  onClear?: () => void;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n  onCompositionStart?: (event: CompositionEvent<HTMLInputElement>) => void;\n  onCompositionEnd?: (event: CompositionEvent<HTMLInputElement>) => void;\n  /**\n   * Refuses paste and drop, so the user types the value, e.g. in a\n   * confirm field. Default false. Autofill from the browser or a password\n   * manager still works: it fills without pasting. A refusal is announced,\n   * and shown under the field inside a `FormField`.\n   */\n  blockPaste?: boolean;\n  /**\n   * Refuses copy, cut and dragging text out. Default false. Browsers\n   * already refuse to copy from a password field while it is hidden. A\n   * refusal is announced, and shown under the field inside a `FormField`.\n   */\n  blockCopy?: boolean;\n}\n\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      size = 'md',\n      tone = 'default',\n      startAdornment,\n      endAdornment,\n      clearable = false,\n      onClear,\n      className,\n      id,\n      disabled,\n      value,\n      defaultValue,\n      onChange,\n      onCompositionStart,\n      onCompositionEnd,\n      blockPaste = false,\n      blockCopy = false,\n      onPaste,\n      onDrop,\n      onCopy,\n      onCut,\n      onDragStart,\n      onBlur,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const ctx = useFormField();\n    const inputId = useFormFieldControlId(ctx, id);\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : tone;\n\n    // The DOM input is never given `value`: React copies a controlled value\n    // into the `value` attribute on every render, where a copied outerHTML\n    // or a session replay can read it. A host's `value` is written to the\n    // DOM property instead (useDomValue), and an uncontrolled field keeps\n    // what the user types there alone, so here we track only whether it\n    // holds any text (for the clear button).\n    const isControlled = value !== undefined;\n    const controlledValue = isControlled ? String(value) : undefined;\n    const [uncontrolledHasValue, setUncontrolledHasValue] = useState(\n      () => String(defaultValue ?? '').length > 0,\n    );\n    const hasValue = isControlled\n      ? (controlledValue as string).length > 0\n      : uncontrolledHasValue;\n    const valueProps =\n      isControlled || defaultValue === undefined ? {} : { defaultValue };\n\n    const composingRef = useRef(false);\n    const [composingState, setComposingState] = useState(false);\n\n    // A refused paste or copy leaves the value as it was, so the note\n    // stays until the user types or leaves the field. Only the kind is\n    // kept: the words follow the current language, and a note whose\n    // switch has been turned off goes. `count` makes a second refusal in\n    // a row change the live region, or it would be silent.\n    const [refusal, setRefusal] = useState<\n      { kind: 'paste' | 'copy'; count: number } | undefined\n    >(undefined);\n    const active =\n      refusal && (refusal.kind === 'paste' ? blockPaste : blockCopy)\n        ? refusal\n        : undefined;\n    const note = !active\n      ? undefined\n      : active.kind === 'paste'\n        ? t(\n            'inputs.clipboard.pasteBlocked',\n            'Pasting is turned off for this field. Please type it.',\n          )\n        : t(\n            'inputs.clipboard.copyBlocked',\n            'Copying is turned off for this field.',\n          );\n\n    // The note under the field, through FormField. Only a note this input\n    // set is ever taken away, so another control's note survives.\n    const setNotice = ctx.setNotice;\n    const noticeShown = useRef(false);\n    useEffect(() => {\n      if (note !== undefined) {\n        noticeShown.current = true;\n        setNotice?.(note);\n      } else if (noticeShown.current) {\n        noticeShown.current = false;\n        setNotice?.(undefined);\n      }\n    }, [note, setNotice]);\n    useEffect(\n      () => () => {\n        if (noticeShown.current) setNotice?.(undefined);\n      },\n      [setNotice],\n    );\n    // A refusal whose switch was turned off is dropped, so it cannot\n    // come back if the switch is turned on again.\n    useEffect(() => {\n      if (refusal && !active) setRefusal(undefined);\n    }, [refusal, active]);\n\n    const refuse = (\n      event: { preventDefault: () => void },\n      kind: 'paste' | 'copy',\n    ) => {\n      event.preventDefault();\n      setRefusal((now) => ({ kind, count: (now?.count ?? 0) + 1 }));\n    };\n    const clearRefusal = () => {\n      if (refusal !== undefined) setRefusal(undefined);\n    };\n    // Refused first, so the host's own handler sees `defaultPrevented`.\n    const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n      if (blockPaste) refuse(event, 'paste');\n      onPaste?.(event);\n    };\n    const handleDrop = (event: DragEvent<HTMLInputElement>) => {\n      if (blockPaste) refuse(event, 'paste');\n      onDrop?.(event);\n    };\n    const handleCopy = (event: ClipboardEvent<HTMLInputElement>) => {\n      if (blockCopy) refuse(event, 'copy');\n      onCopy?.(event);\n    };\n    const handleCut = (event: ClipboardEvent<HTMLInputElement>) => {\n      if (blockCopy) refuse(event, 'copy');\n      onCut?.(event);\n    };\n    const handleDragStart = (event: DragEvent<HTMLInputElement>) => {\n      if (blockCopy) refuse(event, 'copy');\n      onDragStart?.(event);\n    };\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      clearRefusal();\n      onBlur?.(event);\n    };\n\n    const innerRef = useRef<HTMLInputElement | null>(null);\n    const syncValue = useDomValue(innerRef, controlledValue, composingRef);\n\n    // A host that sets `value` back to undefined hands the field back to the\n    // user, starting again from `defaultValue` (or empty), not from the\n    // host's last value. The DOM input never switches between controlled\n    // and uncontrolled, so React has nothing to warn about.\n    const wasControlledRef = useRef(isControlled);\n    useIsomorphicLayoutEffect(() => {\n      if (wasControlledRef.current === isControlled) return;\n      wasControlledRef.current = isControlled;\n      if (isControlled) return;\n      const restart = defaultValue === undefined ? '' : String(defaultValue);\n      if (innerRef.current) innerRef.current.value = restart;\n      setUncontrolledHasValue(restart.length > 0);\n    });\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const hasStart = Boolean(startAdornment);\n    const showClear =\n      clearable && hasValue && !effectiveDisabled && !props.readOnly;\n    const hasEnd = Boolean(endAdornment) || showClear;\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      clearRefusal();\n      if (!isControlled) {\n        setUncontrolledHasValue(event.target.value.length > 0);\n      }\n      if (composingRef.current) return;\n      onChange?.(event);\n      // Put the host's value back if it refused this edit.\n      if (isControlled) syncValue();\n    };\n\n    const handleCompositionStart = (\n      event: CompositionEvent<HTMLInputElement>,\n    ) => {\n      composingRef.current = true;\n      setComposingState(true);\n      onCompositionStart?.(event);\n    };\n\n    const handleCompositionEnd = (\n      event: CompositionEvent<HTMLInputElement>,\n    ) => {\n      composingRef.current = false;\n      setComposingState(false);\n      onCompositionEnd?.(event);\n      const target = event.currentTarget;\n      if (!isControlled) {\n        setUncontrolledHasValue(target.value.length > 0);\n      }\n      // Synthesise a ChangeEvent from the CompositionEvent so consumers receive\n      // a single post-IME change. nativeEvent is still the CompositionEvent, so\n      // consumers inspecting `nativeEvent.inputType` will not find the usual\n      // \"insertCompositionText\" value — documented as a known limitation.\n      onChange?.({\n        ...event,\n        target,\n        currentTarget: target,\n      } as unknown as ChangeEvent<HTMLInputElement>);\n      if (isControlled) syncValue();\n    };\n\n    const handleClear = () => {\n      const node = innerRef.current;\n      if (!isControlled) {\n        setUncontrolledHasValue(false);\n      }\n      // An uncontrolled field holds its text only in the DOM, so empty it\n      // here. A controlled one is emptied only for an onChange, so its\n      // event.target.value reads '' and the host's next value then wins.\n      // A plain assignment keeps React's change tracking in step, so the\n      // same text typed again is still reported.\n      if (node && (!isControlled || onChange)) {\n        node.value = '';\n      }\n      if (node && onChange) {\n        // Forward a synthesised ChangeEvent: form libraries drive state\n        // from onChange, not onClear.\n        onChange({\n          target: node,\n          currentTarget: node,\n          bubbles: true,\n          type: 'change',\n          nativeEvent: new Event('change', { bubbles: true }),\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isDefaultPrevented: () => false,\n          isPropagationStopped: () => false,\n          persist: () => {},\n        } as unknown as ChangeEvent<HTMLInputElement>);\n      }\n      if (isControlled) syncValue();\n      onClear?.();\n      node?.focus();\n    };\n\n    const writeValueToInput = useCallback((next: string) => {\n      const node = innerRef.current;\n      if (!node) return;\n      const prototype = Object.getPrototypeOf(node) as HTMLInputElement;\n      const setter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;\n      setter?.call(node, next);\n      node.dispatchEvent(new Event('input', { bubbles: true }));\n      node.dispatchEvent(new Event('change', { bubbles: true }));\n    }, []);\n\n    const agentHandle = useMemo<TextInputHandle>(\n      () => ({\n        getValue: () => innerRef.current?.value ?? '',\n        setValue: (next) => {\n          writeValueToInput(next);\n        },\n        clear: () => {\n          writeValueToInput('');\n        },\n        focus: () => {\n          innerRef.current?.focus();\n        },\n      }),\n      [writeValueToInput],\n    );\n    useAgentRegistration(textInputAgent, agentHandle, id);\n\n    const handleWrapperClick = (event: MouseEvent<HTMLDivElement>) => {\n      if (event.target === innerRef.current) return;\n      if ((event.target as HTMLElement).closest('button')) return;\n      innerRef.current?.focus();\n    };\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- click on wrapper forwards focus to the inner input; keyboard interaction stays on the input itself\n      <div\n        className={wrapperVariants()}\n        onClick={handleWrapperClick}\n        data-component=\"text-input\"\n        data-component-id={id}\n        data-composing={composingState ? 'true' : undefined}\n      >\n        {startAdornment ? (\n          <span\n            aria-hidden=\"true\"\n            className={`${adornmentBase} ds:start-0 ds:ps-3 ds:[&_svg]:size-4`}\n          >\n            {startAdornment}\n          </span>\n        ) : null}\n        <input\n          ref={setRefs}\n          id={inputId}\n          type=\"text\"\n          {...valueProps}\n          disabled={effectiveDisabled}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          onChange={handleChange}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          onPaste={handlePaste}\n          onDrop={handleDrop}\n          onCopy={handleCopy}\n          onCut={handleCut}\n          onDragStart={handleDragStart}\n          onBlur={handleBlur}\n          className={inputVariants({\n            size,\n            tone: effectiveTone,\n            hasStart,\n            hasEnd,\n            className,\n          })}\n          {...props}\n        />\n        {showClear ? (\n          <button\n            type=\"button\"\n            aria-label={t('inputs.text.clear', 'Clear input')}\n            onClick={handleClear}\n            className=\"ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3 ds:flex ds:items-center ds:pointer-events-auto ds:text-muted-foreground ds:hover:text-foreground ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none\"\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : endAdornment ? (\n          <span\n            aria-hidden=\"true\"\n            className={`${adornmentBase} ds:end-0 ds:pe-3 ds:[&_svg]:size-4`}\n          >\n            {endAdornment}\n          </span>\n        ) : null}\n        {/* Always mounted while blocking is on: a live region announces\n            a change, not its first content. */}\n        {blockPaste || blockCopy ? (\n          <span role=\"status\" className=\"ds:sr-only\">\n            {active && note\n              ? `${note}${active.count % 2 === 0 ? '\\u00a0' : ''}`\n              : ''}\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTextInput.displayName = 'TextInput';\n"],"names":["textInputAgent","handle","args","wrapperVariants","cva","inputVariants","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_TEXT","INPUT_SURFACE_TONE","adornmentBase","TextInput","forwardRef","size","tone","startAdornment","endAdornment","clearable","onClear","className","id","disabled","value","defaultValue","onChange","onCompositionStart","onCompositionEnd","blockPaste","blockCopy","onPaste","onDrop","onCopy","onCut","onDragStart","onBlur","props","ref","t","useTranslation","ctx","useFormField","inputId","useFormFieldControlId","effectiveDisabled","effectiveTone","isControlled","controlledValue","uncontrolledHasValue","setUncontrolledHasValue","useState","hasValue","valueProps","composingRef","useRef","composingState","setComposingState","refusal","setRefusal","active","note","setNotice","noticeShown","useEffect","refuse","event","kind","now","clearRefusal","handlePaste","handleDrop","handleCopy","handleCut","handleDragStart","handleBlur","innerRef","syncValue","useDomValue","wasControlledRef","useIsomorphicLayoutEffect","restart","setRefs","useCallback","node","hasStart","showClear","hasEnd","handleChange","handleCompositionStart","handleCompositionEnd","target","handleClear","writeValueToInput","next","prototype","setter","_a","agentHandle","useMemo","useAgentRegistration","handleWrapperClick","jsxs","jsx","X"],"mappings":"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"}
+{"version":3,"file":"text-input-B6iAgCr3.js","sources":["../../src/components/text-input/text-input.agent.ts","../../src/components/text-input/text-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TextInput.                                             */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TextInputHandle } from './text-input';\n\nexport const textInputAgent: AgentAdapter<TextInputHandle> = {\n  id: 'text-input',\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.textInput.state.value',\n      description: 'Current value of the text input.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.textInput.state.isEmpty',\n      description: 'Whether the input has no value.',\n      read: (handle) => handle.getValue() === '',\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { value: { type: 'string' } },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.textInput.actions.setValue',\n      description: 'Replace the input value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.textInput.actions.clear',\n      description: 'Empty the input. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.textInput.actions.focus',\n      description: 'Move keyboard focus to the input.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'text-input',\n      description: 'Marks the TextInput wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ClipboardEvent,\n  type CompositionEvent,\n  type DragEvent,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport {\n  useFormField,\n  useFormFieldControlId,\n} from '../form-field/form-field-context';\nimport {\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_TEXT,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\nimport { useDomValue } from '../_shared/use-dom-value';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent';\nimport { textInputAgent } from './text-input.agent';\n\n/**\n * Agent-readiness curated handle. The internal value setter drives the DOM\n * input via the native value setter so React picks up the change.\n */\nexport interface TextInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  focus: () => void;\n}\n\nconst wrapperVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:w-full',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-within:outline-[CanvasText]',\n    'ds:has-[:disabled]:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst inputVariants = cva(\n  [\n    'ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-input ds:text-foreground',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:placeholder:text-muted-foreground',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus:outline-none ds:focus-visible:outline-none',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:read-only:bg-muted ds:read-only:cursor-default ds:read-only:shadow-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_TEXT.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_TEXT.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_TEXT.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n      hasStart: {\n        true: 'ds:ps-10',\n        false: '',\n      },\n      hasEnd: {\n        true: 'ds:pe-10',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'sm', hasStart: false, class: 'ds:ps-3' },\n      { size: 'md', hasStart: false, class: 'ds:ps-3' },\n      { size: 'lg', hasStart: false, class: 'ds:ps-4' },\n      { size: 'sm', hasEnd: false, class: 'ds:pe-3' },\n      { size: 'md', hasEnd: false, class: 'ds:pe-3' },\n      { size: 'lg', hasEnd: false, class: 'ds:pe-4' },\n    ],\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n      hasStart: false,\n      hasEnd: false,\n    },\n  },\n);\n\nconst adornmentBase =\n  'ds:absolute ds:inset-y-0 ds:flex ds:items-center ds:pointer-events-none ds:text-muted-foreground';\n\nexport interface TextInputProps\n  extends\n    Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'size' | 'onChange' | 'onCompositionStart' | 'onCompositionEnd'\n    >,\n    Pick<VariantProps<typeof inputVariants>, 'size' | 'tone'> {\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  clearable?: boolean;\n  onClear?: () => void;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n  onCompositionStart?: (event: CompositionEvent<HTMLInputElement>) => void;\n  onCompositionEnd?: (event: CompositionEvent<HTMLInputElement>) => void;\n  /**\n   * Refuses paste and drop, so the user types the value, e.g. in a\n   * confirm field. Default false. Autofill from the browser or a password\n   * manager still works: it fills without pasting. A refusal is announced,\n   * and shown under the field inside a `FormField`.\n   */\n  blockPaste?: boolean;\n  /**\n   * Refuses copy, cut and dragging text out. Default false. Browsers\n   * already refuse to copy from a password field while it is hidden. A\n   * refusal is announced, and shown under the field inside a `FormField`.\n   */\n  blockCopy?: boolean;\n}\n\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      size = 'md',\n      tone = 'default',\n      startAdornment,\n      endAdornment,\n      clearable = false,\n      onClear,\n      className,\n      id,\n      disabled,\n      value,\n      defaultValue,\n      onChange,\n      onCompositionStart,\n      onCompositionEnd,\n      blockPaste = false,\n      blockCopy = false,\n      onPaste,\n      onDrop,\n      onCopy,\n      onCut,\n      onDragStart,\n      onBlur,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const ctx = useFormField();\n    const inputId = useFormFieldControlId(ctx, id);\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : tone;\n\n    // The DOM input is never given `value`: React copies a controlled value\n    // into the `value` attribute on every render, where a copied outerHTML\n    // or a session replay can read it. A host's `value` is written to the\n    // DOM property instead (useDomValue), and an uncontrolled field keeps\n    // what the user types there alone, so here we track only whether it\n    // holds any text (for the clear button).\n    const isControlled = value !== undefined;\n    const controlledValue = isControlled ? String(value) : undefined;\n    const [uncontrolledHasValue, setUncontrolledHasValue] = useState(\n      () => String(defaultValue ?? '').length > 0,\n    );\n    const hasValue = isControlled\n      ? (controlledValue as string).length > 0\n      : uncontrolledHasValue;\n    const valueProps =\n      isControlled || defaultValue === undefined ? {} : { defaultValue };\n\n    const composingRef = useRef(false);\n    const [composingState, setComposingState] = useState(false);\n\n    // A refused paste or copy leaves the value as it was, so the note\n    // stays until the user types or leaves the field. Only the kind is\n    // kept: the words follow the current language, and a note whose\n    // switch has been turned off goes. `count` makes a second refusal in\n    // a row change the live region, or it would be silent.\n    const [refusal, setRefusal] = useState<\n      { kind: 'paste' | 'copy'; count: number } | undefined\n    >(undefined);\n    const active =\n      refusal && (refusal.kind === 'paste' ? blockPaste : blockCopy)\n        ? refusal\n        : undefined;\n    const note = !active\n      ? undefined\n      : active.kind === 'paste'\n        ? t(\n            'inputs.clipboard.pasteBlocked',\n            'Pasting is turned off for this field. Please type it.',\n          )\n        : t(\n            'inputs.clipboard.copyBlocked',\n            'Copying is turned off for this field.',\n          );\n\n    // The note under the field, through FormField. Only a note this input\n    // set is ever taken away, so another control's note survives.\n    const setNotice = ctx.setNotice;\n    const noticeShown = useRef(false);\n    useEffect(() => {\n      if (note !== undefined) {\n        noticeShown.current = true;\n        setNotice?.(note);\n      } else if (noticeShown.current) {\n        noticeShown.current = false;\n        setNotice?.(undefined);\n      }\n    }, [note, setNotice]);\n    useEffect(\n      () => () => {\n        if (noticeShown.current) setNotice?.(undefined);\n      },\n      [setNotice],\n    );\n    // A refusal whose switch was turned off is dropped, so it cannot\n    // come back if the switch is turned on again.\n    useEffect(() => {\n      if (refusal && !active) setRefusal(undefined);\n    }, [refusal, active]);\n\n    const refuse = (\n      event: { preventDefault: () => void },\n      kind: 'paste' | 'copy',\n    ) => {\n      event.preventDefault();\n      setRefusal((now) => ({ kind, count: (now?.count ?? 0) + 1 }));\n    };\n    const clearRefusal = () => {\n      if (refusal !== undefined) setRefusal(undefined);\n    };\n    // Refused first, so the host's own handler sees `defaultPrevented`.\n    const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n      if (blockPaste) refuse(event, 'paste');\n      onPaste?.(event);\n    };\n    const handleDrop = (event: DragEvent<HTMLInputElement>) => {\n      if (blockPaste) refuse(event, 'paste');\n      onDrop?.(event);\n    };\n    const handleCopy = (event: ClipboardEvent<HTMLInputElement>) => {\n      if (blockCopy) refuse(event, 'copy');\n      onCopy?.(event);\n    };\n    const handleCut = (event: ClipboardEvent<HTMLInputElement>) => {\n      if (blockCopy) refuse(event, 'copy');\n      onCut?.(event);\n    };\n    const handleDragStart = (event: DragEvent<HTMLInputElement>) => {\n      if (blockCopy) refuse(event, 'copy');\n      onDragStart?.(event);\n    };\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      clearRefusal();\n      onBlur?.(event);\n    };\n\n    const innerRef = useRef<HTMLInputElement | null>(null);\n    const syncValue = useDomValue(innerRef, controlledValue, composingRef);\n\n    // A host that sets `value` back to undefined hands the field back to the\n    // user, starting again from `defaultValue` (or empty), not from the\n    // host's last value. The DOM input never switches between controlled\n    // and uncontrolled, so React has nothing to warn about.\n    const wasControlledRef = useRef(isControlled);\n    useIsomorphicLayoutEffect(() => {\n      if (wasControlledRef.current === isControlled) return;\n      wasControlledRef.current = isControlled;\n      if (isControlled) return;\n      const restart = defaultValue === undefined ? '' : String(defaultValue);\n      if (innerRef.current) innerRef.current.value = restart;\n      setUncontrolledHasValue(restart.length > 0);\n    });\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const hasStart = Boolean(startAdornment);\n    const showClear =\n      clearable && hasValue && !effectiveDisabled && !props.readOnly;\n    const hasEnd = Boolean(endAdornment) || showClear;\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      clearRefusal();\n      if (!isControlled) {\n        setUncontrolledHasValue(event.target.value.length > 0);\n      }\n      if (composingRef.current) return;\n      onChange?.(event);\n      // Put the host's value back if it refused this edit.\n      if (isControlled) syncValue();\n    };\n\n    const handleCompositionStart = (\n      event: CompositionEvent<HTMLInputElement>,\n    ) => {\n      composingRef.current = true;\n      setComposingState(true);\n      onCompositionStart?.(event);\n    };\n\n    const handleCompositionEnd = (\n      event: CompositionEvent<HTMLInputElement>,\n    ) => {\n      composingRef.current = false;\n      setComposingState(false);\n      onCompositionEnd?.(event);\n      const target = event.currentTarget;\n      if (!isControlled) {\n        setUncontrolledHasValue(target.value.length > 0);\n      }\n      // Synthesise a ChangeEvent from the CompositionEvent so consumers receive\n      // a single post-IME change. nativeEvent is still the CompositionEvent, so\n      // consumers inspecting `nativeEvent.inputType` will not find the usual\n      // \"insertCompositionText\" value — documented as a known limitation.\n      onChange?.({\n        ...event,\n        target,\n        currentTarget: target,\n      } as unknown as ChangeEvent<HTMLInputElement>);\n      if (isControlled) syncValue();\n    };\n\n    const handleClear = () => {\n      const node = innerRef.current;\n      if (!isControlled) {\n        setUncontrolledHasValue(false);\n      }\n      // An uncontrolled field holds its text only in the DOM, so empty it\n      // here. A controlled one is emptied only for an onChange, so its\n      // event.target.value reads '' and the host's next value then wins.\n      // A plain assignment keeps React's change tracking in step, so the\n      // same text typed again is still reported.\n      if (node && (!isControlled || onChange)) {\n        node.value = '';\n      }\n      if (node && onChange) {\n        // Forward a synthesised ChangeEvent: form libraries drive state\n        // from onChange, not onClear.\n        onChange({\n          target: node,\n          currentTarget: node,\n          bubbles: true,\n          type: 'change',\n          nativeEvent: new Event('change', { bubbles: true }),\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isDefaultPrevented: () => false,\n          isPropagationStopped: () => false,\n          persist: () => {},\n        } as unknown as ChangeEvent<HTMLInputElement>);\n      }\n      if (isControlled) syncValue();\n      onClear?.();\n      node?.focus();\n    };\n\n    const writeValueToInput = useCallback((next: string) => {\n      const node = innerRef.current;\n      if (!node) return;\n      const prototype = Object.getPrototypeOf(node) as HTMLInputElement;\n      const setter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;\n      setter?.call(node, next);\n      node.dispatchEvent(new Event('input', { bubbles: true }));\n      node.dispatchEvent(new Event('change', { bubbles: true }));\n    }, []);\n\n    const agentHandle = useMemo<TextInputHandle>(\n      () => ({\n        getValue: () => innerRef.current?.value ?? '',\n        setValue: (next) => {\n          writeValueToInput(next);\n        },\n        clear: () => {\n          writeValueToInput('');\n        },\n        focus: () => {\n          innerRef.current?.focus();\n        },\n      }),\n      [writeValueToInput],\n    );\n    useAgentRegistration(textInputAgent, agentHandle, id);\n\n    const handleWrapperClick = (event: MouseEvent<HTMLDivElement>) => {\n      if (event.target === innerRef.current) return;\n      if ((event.target as HTMLElement).closest('button')) return;\n      innerRef.current?.focus();\n    };\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- click on wrapper forwards focus to the inner input; keyboard interaction stays on the input itself\n      <div\n        className={wrapperVariants()}\n        onClick={handleWrapperClick}\n        data-component=\"text-input\"\n        data-component-id={id}\n        data-composing={composingState ? 'true' : undefined}\n      >\n        {startAdornment ? (\n          <span\n            aria-hidden=\"true\"\n            className={`${adornmentBase} ds:start-0 ds:ps-3 ds:[&_svg]:size-4`}\n          >\n            {startAdornment}\n          </span>\n        ) : null}\n        <input\n          ref={setRefs}\n          id={inputId}\n          type=\"text\"\n          {...valueProps}\n          disabled={effectiveDisabled}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          onChange={handleChange}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          onPaste={handlePaste}\n          onDrop={handleDrop}\n          onCopy={handleCopy}\n          onCut={handleCut}\n          onDragStart={handleDragStart}\n          onBlur={handleBlur}\n          className={inputVariants({\n            size,\n            tone: effectiveTone,\n            hasStart,\n            hasEnd,\n            className,\n          })}\n          {...props}\n        />\n        {showClear ? (\n          <button\n            type=\"button\"\n            aria-label={t('inputs.text.clear', 'Clear input')}\n            onClick={handleClear}\n            className=\"ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3 ds:flex ds:items-center ds:pointer-events-auto ds:text-muted-foreground ds:hover:text-foreground ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none\"\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : endAdornment ? (\n          <span\n            aria-hidden=\"true\"\n            className={`${adornmentBase} ds:end-0 ds:pe-3 ds:[&_svg]:size-4`}\n          >\n            {endAdornment}\n          </span>\n        ) : null}\n        {/* Always mounted while blocking is on: a live region announces\n            a change, not its first content. */}\n        {blockPaste || blockCopy ? (\n          <span role=\"status\" className=\"ds:sr-only\">\n            {active && note\n              ? `${note}${active.count % 2 === 0 ? '\\u00a0' : ''}`\n              : ''}\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTextInput.displayName = 'TextInput';\n"],"names":["textInputAgent","handle","args","wrapperVariants","cva","inputVariants","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_TEXT","INPUT_SURFACE_TONE","adornmentBase","TextInput","forwardRef","size","tone","startAdornment","endAdornment","clearable","onClear","className","id","disabled","value","defaultValue","onChange","onCompositionStart","onCompositionEnd","blockPaste","blockCopy","onPaste","onDrop","onCopy","onCut","onDragStart","onBlur","props","ref","t","useTranslation","ctx","useFormField","inputId","useFormFieldControlId","effectiveDisabled","effectiveTone","isControlled","controlledValue","uncontrolledHasValue","setUncontrolledHasValue","useState","hasValue","valueProps","composingRef","useRef","composingState","setComposingState","refusal","setRefusal","active","note","setNotice","noticeShown","useEffect","refuse","event","kind","now","clearRefusal","handlePaste","handleDrop","handleCopy","handleCut","handleDragStart","handleBlur","innerRef","syncValue","useDomValue","wasControlledRef","useIsomorphicLayoutEffect","restart","setRefs","useCallback","node","hasStart","showClear","hasEnd","handleChange","handleCompositionStart","handleCompositionEnd","target","handleClear","writeValueToInput","next","prototype","setter","_a","agentHandle","useMemo","useAgentRegistration","handleWrapperClick","jsxs","jsx","X"],"mappings":";;;;;;;;;;AASO,MAAMA,KAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,cAAc,CAAC,WAAW;AAAA,EAC1B,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEpC,SAAS;AAAA,MACP,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,eAAe;AAAA,IAAA;AAAA,EAC1C;AAAA,EAEF,SAAS;AAAA,IACP,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY,EAAE,OAAO,EAAE,MAAM,WAAS;AAAA,QACtC,UAAU,CAAC,OAAO;AAAA,MAAA;AAAA,MAEpB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,GAAQC,MAA4B;AAC3C,QAAAD,EAAO,SAASC,EAAK,KAAK;AAAA,MAC5B;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACD,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GC5BME,KAAkBC;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMC,KAAgBD;AAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI,GAAGE,EAAqB,EAAE,IAAIC,EAAmB,EAAE;AAAA,QACvD,IAAI,GAAGD,EAAqB,EAAE,IAAIC,EAAmB,EAAE;AAAA,QACvD,IAAI,GAAGD,EAAqB,EAAE,IAAIC,EAAmB,EAAE;AAAA,MAAA;AAAA,MAEzD,MAAMC;AAAA,MACN,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA,MAChB,EAAE,MAAM,MAAM,UAAU,IAAO,OAAO,UAAA;AAAA,MACtC,EAAE,MAAM,MAAM,UAAU,IAAO,OAAO,UAAA;AAAA,MACtC,EAAE,MAAM,MAAM,UAAU,IAAO,OAAO,UAAA;AAAA,MACtC,EAAE,MAAM,MAAM,QAAQ,IAAO,OAAO,UAAA;AAAA,MACpC,EAAE,MAAM,MAAM,QAAQ,IAAO,OAAO,UAAA;AAAA,MACpC,EAAE,MAAM,MAAM,QAAQ,IAAO,OAAO,UAAA;AAAA,IAAU;AAAA,IAEhD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,GAEMC,KACJ,oGAiCWC,KAAYC;AAAA,EACvB,CACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC,KAAY;AAAA,IACZ,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAe,IAAI,GAC3BC,IAAMC,GAAA,GACNC,KAAUC,GAAsBH,GAAKnB,CAAE,GACvCuB,IAAoBJ,EAAI,YAAYlB,IACpCuB,KAAgBL,EAAI,UAAU,UAAUzB,GAQxC+B,IAAevB,MAAU,QACzBwB,IAAkBD,IAAe,OAAOvB,CAAK,IAAI,QACjD,CAACyB,IAAsBC,CAAuB,IAAIC;AAAA,MACtD,MAAM,OAAO1B,KAAgB,EAAE,EAAE,SAAS;AAAA,IAAA,GAEtC2B,KAAWL,IACZC,EAA2B,SAAS,IACrCC,IACEI,KACJN,KAAgBtB,MAAiB,SAAY,CAAA,IAAK,EAAE,cAAAA,EAAA,GAEhD6B,IAAeC,EAAO,EAAK,GAC3B,CAACC,IAAgBC,CAAiB,IAAIN,EAAS,EAAK,GAOpD,CAACO,GAASC,CAAU,IAAIR,EAE5B,MAAS,GACLS,IACJF,MAAYA,EAAQ,SAAS,UAAU7B,IAAaC,KAChD4B,IACA,QACAG,IAAQD,IAEVA,EAAO,SAAS,UACdrB;AAAA,MACE;AAAA,MACA;AAAA,IAAA,IAEFA;AAAA,MACE;AAAA,MACA;AAAA,IAAA,IARJ,QAaEuB,IAAYrB,EAAI,WAChBsB,IAAcR,EAAO,EAAK;AAChC,IAAAS,EAAU,MAAM;AACd,MAAIH,MAAS,UACXE,EAAY,UAAU,IACtBD,KAAA,QAAAA,EAAYD,MACHE,EAAY,YACrBA,EAAY,UAAU,IACtBD,KAAA,QAAAA,EAAY;AAAA,IAEhB,GAAG,CAACD,GAAMC,CAAS,CAAC,GACpBE;AAAA,MACE,MAAM,MAAM;AACV,QAAID,EAAY,YAASD,KAAA,QAAAA,EAAY;AAAA,MACvC;AAAA,MACA,CAACA,CAAS;AAAA,IAAA,GAIZE,EAAU,MAAM;AACd,MAAIN,KAAW,CAACE,KAAQD,EAAW,MAAS;AAAA,IAC9C,GAAG,CAACD,GAASE,CAAM,CAAC;AAEpB,UAAMK,IAAS,CACbC,GACAC,MACG;AACH,MAAAD,EAAM,eAAA,GACNP,EAAW,CAACS,OAAS,EAAE,MAAAD,GAAM,SAAQC,KAAA,gBAAAA,EAAK,UAAS,KAAK,EAAA,EAAI;AAAA,IAC9D,GACMC,IAAe,MAAM;AACzB,MAAIX,MAAY,UAAWC,EAAW,MAAS;AAAA,IACjD,GAEMW,KAAc,CAACJ,MAA4C;AAC/D,MAAIrC,KAAYoC,EAAOC,GAAO,OAAO,GACrCnC,KAAA,QAAAA,EAAUmC;AAAA,IACZ,GACMK,KAAa,CAACL,MAAuC;AACzD,MAAIrC,KAAYoC,EAAOC,GAAO,OAAO,GACrClC,KAAA,QAAAA,EAASkC;AAAA,IACX,GACMM,KAAa,CAACN,MAA4C;AAC9D,MAAIpC,KAAWmC,EAAOC,GAAO,MAAM,GACnCjC,KAAA,QAAAA,EAASiC;AAAA,IACX,GACMO,KAAY,CAACP,MAA4C;AAC7D,MAAIpC,KAAWmC,EAAOC,GAAO,MAAM,GACnChC,KAAA,QAAAA,EAAQgC;AAAA,IACV,GACMQ,KAAkB,CAACR,MAAuC;AAC9D,MAAIpC,KAAWmC,EAAOC,GAAO,MAAM,GACnC/B,KAAA,QAAAA,EAAc+B;AAAA,IAChB,GACMS,KAAa,CAACT,MAAwC;AAC1D,MAAAG,EAAA,GACAjC,KAAA,QAAAA,EAAS8B;AAAA,IACX,GAEMU,IAAWrB,EAAgC,IAAI,GAC/CsB,IAAYC,GAAYF,GAAU5B,GAAiBM,CAAY,GAM/DyB,IAAmBxB,EAAOR,CAAY;AAC5C,IAAAiC,GAA0B,MAAM;AAG9B,UAFID,EAAiB,YAAYhC,MACjCgC,EAAiB,UAAUhC,GACvBA,GAAc;AAClB,YAAMkC,IAAUxD,MAAiB,SAAY,KAAK,OAAOA,CAAY;AACrE,MAAImD,EAAS,YAASA,EAAS,QAAQ,QAAQK,IAC/C/B,EAAwB+B,EAAQ,SAAS,CAAC;AAAA,IAC5C,CAAC;AACD,UAAMC,KAAUC;AAAA,MACd,CAACC,MAAkC;AACjC,QAAAR,EAAS,UAAUQ,GACf,OAAO9C,KAAQ,aACjBA,EAAI8C,CAAI,IACC9C,MACTA,EAAI,UAAU8C;AAAA,MAElB;AAAA,MACA,CAAC9C,CAAG;AAAA,IAAA,GAGA+C,KAAW,EAAQpE,GACnBqE,IACJnE,MAAaiC,MAAY,CAACP,KAAqB,CAACR,EAAM,UAClDkD,KAAS,EAAQrE,KAAiBoE,GAElCE,KAAe,CAACtB,MAAyC;AAK7D,MAJAG,EAAA,GACKtB,KACHG,EAAwBgB,EAAM,OAAO,MAAM,SAAS,CAAC,GAEnD,CAAAZ,EAAa,YACjB5B,KAAA,QAAAA,EAAWwC,IAEPnB,KAAc8B,EAAA;AAAA,IACpB,GAEMY,KAAyB,CAC7BvB,MACG;AACH,MAAAZ,EAAa,UAAU,IACvBG,EAAkB,EAAI,GACtB9B,KAAA,QAAAA,EAAqBuC;AAAA,IACvB,GAEMwB,KAAuB,CAC3BxB,MACG;AACH,MAAAZ,EAAa,UAAU,IACvBG,EAAkB,EAAK,GACvB7B,KAAA,QAAAA,EAAmBsC;AACnB,YAAMyB,IAASzB,EAAM;AACrB,MAAKnB,KACHG,EAAwByC,EAAO,MAAM,SAAS,CAAC,GAMjDjE,KAAA,QAAAA,EAAW;AAAA,QACT,GAAGwC;AAAA,QACH,QAAAyB;AAAA,QACA,eAAeA;AAAA,MAAA,IAEb5C,KAAc8B,EAAA;AAAA,IACpB,GAEMe,KAAc,MAAM;AACxB,YAAMR,IAAOR,EAAS;AACtB,MAAK7B,KACHG,EAAwB,EAAK,GAO3BkC,MAAS,CAACrC,KAAgBrB,OAC5B0D,EAAK,QAAQ,KAEXA,KAAQ1D,KAGVA,EAAS;AAAA,QACP,QAAQ0D;AAAA,QACR,eAAeA;AAAA,QACf,SAAS;AAAA,QACT,MAAM;AAAA,QACN,aAAa,IAAI,MAAM,UAAU,EAAE,SAAS,IAAM;AAAA,QAClD,gBAAgB,MAAM;AAAA,QAAC;AAAA,QACvB,iBAAiB,MAAM;AAAA,QAAC;AAAA,QACxB,oBAAoB,MAAM;AAAA,QAC1B,sBAAsB,MAAM;AAAA,QAC5B,SAAS,MAAM;AAAA,QAAC;AAAA,MAAA,CAC2B,GAE3CrC,KAAc8B,EAAA,GAClBzD,KAAA,QAAAA,KACAgE,KAAA,QAAAA,EAAM;AAAA,IACR,GAEMS,IAAoBV,EAAY,CAACW,MAAiB;;AACtD,YAAMV,IAAOR,EAAS;AACtB,UAAI,CAACQ,EAAM;AACX,YAAMW,IAAY,OAAO,eAAeX,CAAI,GACtCY,KAASC,IAAA,OAAO,yBAAyBF,GAAW,OAAO,MAAlD,gBAAAE,EAAqD;AACpE,MAAAD,KAAA,QAAAA,EAAQ,KAAKZ,GAAMU,IACnBV,EAAK,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAA,CAAM,CAAC,GACxDA,EAAK,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,GAAA,CAAM,CAAC;AAAA,IAC3D,GAAG,CAAA,CAAE,GAECc,KAAcC;AAAA,MAClB,OAAO;AAAA,QACL,UAAU,MAAA;;AAAM,mBAAAF,IAAArB,EAAS,YAAT,gBAAAqB,EAAkB,UAAS;AAAA;AAAA,QAC3C,UAAU,CAACH,MAAS;AAClB,UAAAD,EAAkBC,CAAI;AAAA,QACxB;AAAA,QACA,OAAO,MAAM;AACX,UAAAD,EAAkB,EAAE;AAAA,QACtB;AAAA,QACA,OAAO,MAAM;;AACX,WAAAI,IAAArB,EAAS,YAAT,QAAAqB,EAAkB;AAAA,QACpB;AAAA,MAAA;AAAA,MAEF,CAACJ,CAAiB;AAAA,IAAA;AAEpB,IAAAO,GAAqBjG,IAAgB+F,IAAa5E,CAAE;AAEpD,UAAM+E,KAAqB,CAACnC,MAAsC;;AAChE,MAAIA,EAAM,WAAWU,EAAS,YACzBV,EAAM,OAAuB,QAAQ,QAAQ,MAClD+B,IAAArB,EAAS,YAAT,QAAAqB,EAAkB;AAAA,IACpB;AAEA;AAAA;AAAA,MAEE,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWhG,GAAA;AAAA,UACX,SAAS+F;AAAA,UACT,kBAAe;AAAA,UACf,qBAAmB/E;AAAA,UACnB,kBAAgBkC,KAAiB,SAAS;AAAA,UAEzC,UAAA;AAAA,YAAAvC,IACC,gBAAAsF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAW,GAAG3F,EAAa;AAAA,gBAE1B,UAAAK;AAAA,cAAA;AAAA,YAAA,IAED;AAAA,YACJ,gBAAAsF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKrB;AAAA,gBACL,IAAIvC;AAAA,gBACJ,MAAK;AAAA,gBACJ,GAAGU;AAAA,gBACJ,UAAUR;AAAA,gBACV,oBAAkBJ,EAAI,eAAe;AAAA,gBACrC,gBAAcA,EAAI,WAAW;AAAA,gBAC7B,iBAAeA,EAAI,YAAY;AAAA,gBAC/B,UAAU+C;AAAA,gBACV,oBAAoBC;AAAA,gBACpB,kBAAkBC;AAAA,gBAClB,SAASpB;AAAA,gBACT,QAAQC;AAAA,gBACR,QAAQC;AAAA,gBACR,OAAOC;AAAA,gBACP,aAAaC;AAAA,gBACb,QAAQC;AAAA,gBACR,WAAWnE,GAAc;AAAA,kBACvB,MAAAO;AAAA,kBACA,MAAM+B;AAAA,kBACN,UAAAuC;AAAA,kBACA,QAAAE;AAAA,kBACA,WAAAlE;AAAA,gBAAA,CACD;AAAA,gBACA,GAAGgB;AAAA,cAAA;AAAA,YAAA;AAAA,YAELiD,IACC,gBAAAiB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAYhE,EAAE,qBAAqB,aAAa;AAAA,gBAChD,SAASqD;AAAA,gBACT,WAAU;AAAA,gBAEV,UAAA,gBAAAW,EAACC,IAAA,EAAE,eAAY,QAAO,WAAU,YAAA,CAAY;AAAA,cAAA;AAAA,YAAA,IAE5CtF,IACF,gBAAAqF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAW,GAAG3F,EAAa;AAAA,gBAE1B,UAAAM;AAAA,cAAA;AAAA,YAAA,IAED;AAAA,YAGHW,KAAcC,IACb,gBAAAyE,EAAC,QAAA,EAAK,MAAK,UAAS,WAAU,cAC3B,UAAA3C,KAAUC,IACP,GAAGA,CAAI,GAAGD,EAAO,QAAQ,MAAM,IAAI,MAAW,EAAE,KAChD,GAAA,CACN,IACE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,EAGV;AACF;AAEA/C,GAAU,cAAc;"}

package/dist/_chunks/{timeline-B32dylRJ.js → timeline-tn5QQJdS.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as m, useMemo as p, useRef as w, useState as V, useCallback as I, useImperativeHandle as O, useContext as v, createContext as C } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
-import { A as P } from "./avatar-a6042Ox2.js";
+import { A as P } from "./avatar-BoqdWsNe.js";
 import { C as N } from "./card-C85_Ndhb.js";
 import { T as q } from "./timestamp-DPLDWdxA.js";
 import { u as B } from "./registry-DvAUVLHh.js";
@@ -293,4 +293,4 @@ export {
   le as T,
   K as t
 };
-//# sourceMappingURL=timeline-B32dylRJ.js.map
+//# sourceMappingURL=timeline-tn5QQJdS.js.map

package/dist/_chunks/{timeline-B32dylRJ.js.map → timeline-tn5QQJdS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timeline-B32dylRJ.js","sources":["../../src/components/timeline/timeline.agent.ts","../../src/components/timeline/timeline.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Timeline.                                              */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TimelineHandle } from './timeline';\n\nexport const timelineAgent: AgentAdapter<TimelineHandle> = {\n  id: 'timeline',\n  // `select_event` persists `selectedEvent` state, so this is single-selection\n  // (`select_single`), not a transient `pick`. See PRS §26 §4.\n  capabilities: ['select_single'],\n  state: {\n    selectedEvent: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.timeline.state.selectedEvent',\n      description: 'Opaque event id of the currently-active event, or null.',\n      read: (handle) => handle.getSelectedEvent(),\n    },\n  },\n  actions: {\n    select_event: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.timeline.actions.selectEvent',\n      description: 'Scroll the given event into view and mark it as selected.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectEvent(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'timeline',\n      description: 'Marks the Timeline root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-event-id',\n      description:\n        'Opaque event id emitted on each Timeline.Event when the `eventId` prop is provided.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type LiHTMLAttributes,\n  type OlHTMLAttributes,\n  type ReactNode,\n  type TimeHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { TriangleAlert, Check, Circle, Info, X } from 'lucide-react';\nimport { Avatar } from '../avatar';\nimport { Card } from '../card';\nimport { Timestamp } from '../timestamp';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { timelineAgent } from './timeline.agent';\n\n// TODO: optional @tanstack/react-virtual integration for 500+ events\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ntype EventType = 'info' | 'success' | 'warning' | 'error' | 'neutral';\ntype Layout = 'rail-start' | 'rail-end' | 'alternating';\n\ninterface TimelineContextValue {\n  layout: Layout;\n  order: 'newest-first' | 'oldest-first';\n}\n\nconst TimelineContext = createContext<TimelineContextValue>({\n  layout: 'rail-start',\n  order: 'newest-first',\n});\n\ninterface TimelineEventContextValue {\n  type: EventType;\n}\n\nconst TimelineEventContext = createContext<TimelineEventContextValue>({\n  type: 'neutral',\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — root                                                          */\n/* ------------------------------------------------------------------ */\n\nconst timelineVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    layout: {\n      'rail-start': 'ds:ps-4',\n      'rail-end': 'ds:pe-4',\n      alternating:\n        'ds:grid ds:grid-cols-[1fr_2rem_1fr] ds:gap-x-[var(--spacing-md)]',\n    },\n    order: {\n      'newest-first': 'ds:flex-col',\n      'oldest-first': 'ds:flex-col-reverse',\n    },\n  },\n  defaultVariants: { layout: 'rail-start', order: 'newest-first' },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — event item                                                    */\n/* ------------------------------------------------------------------ */\n\nconst eventVariants = cva(\n  'ds:relative ds:flex ds:gap-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n  {\n    variants: {\n      layout: {\n        'rail-start': [\n          'ds:flex-row',\n          // Rail: continuous line from this dot centre to the next dot centre\n          'ds:before:absolute ds:before:[inset-block-start:var(--spacing-md)] ds:before:[inset-block-end:calc(var(--spacing-md)*-1)]',\n          'ds:before:[inline-size:var(--border-width-md)] ds:before:bg-[var(--border)]',\n          'ds:before:[inset-inline-start:calc(var(--spacing-md)_-_var(--border-width-md)/2)]',\n          'ds:last:before:hidden',\n        ].join(' '),\n        'rail-end': [\n          'ds:flex-row-reverse',\n          'ds:before:absolute ds:before:[inset-block-start:var(--spacing-md)] ds:before:[inset-block-end:calc(var(--spacing-md)*-1)]',\n          'ds:before:[inline-size:var(--border-width-md)] ds:before:bg-[var(--border)]',\n          'ds:before:[inset-inline-end:calc(var(--spacing-md)_-_var(--border-width-md)/2)]',\n          'ds:last:before:hidden',\n        ].join(' '),\n        alternating: 'ds:contents',\n      },\n    },\n    defaultVariants: { layout: 'rail-start' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — dot                                                           */\n/* ------------------------------------------------------------------ */\n\nconst dotVariants = cva(\n  [\n    'ds:relative ds:z-10 ds:flex ds:items-center ds:justify-center',\n    'ds:rounded-[var(--radius-full)] ds:shrink-0',\n    'ds:size-8',\n    'ds:ring-2 ds:ring-[var(--background)]',\n  ].join(' '),\n  {\n    variants: {\n      type: {\n        info: 'ds:bg-[var(--info)] ds:text-[var(--info-solid-foreground)]',\n        success:\n          'ds:bg-[var(--success)] ds:text-[var(--success-solid-foreground)]',\n        warning:\n          'ds:bg-[var(--warning)] ds:text-[var(--warning-solid-foreground)]',\n        error:\n          'ds:bg-[var(--destructive)] ds:text-[var(--destructive-foreground)]',\n        neutral: 'ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: { type: 'neutral' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface TimelineProps\n  extends\n    Omit<OlHTMLAttributes<HTMLOListElement>, 'color'>,\n    VariantProps<typeof timelineVariants> {\n  layout?: Layout;\n  order?: 'newest-first' | 'oldest-first';\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineEventProps extends LiHTMLAttributes<HTMLLIElement> {\n  type?: EventType;\n  /** Opaque event id — when set, the component emits `data-event-id` for agent addressing. */\n  eventId?: string;\n  children: ReactNode;\n  className?: string;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface TimelineHandle {\n  getSelectedEvent: () => string | null;\n  selectEvent: (id: string) => void;\n}\n\nexport interface TimelineDotProps extends HTMLAttributes<HTMLDivElement> {\n  icon?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineContentProps extends HTMLAttributes<HTMLDivElement> {\n  title: string;\n  description?: ReactNode;\n  actor?: { name: string; src?: string };\n  children?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineTimestampProps extends TimeHTMLAttributes<HTMLTimeElement> {\n  date: Date | string;\n  /** Overrides the active language for date and time formatting. */\n  locale?: string;\n  relative?: boolean;\n  format?: Intl.DateTimeFormatOptions;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Default icons per type                                              */\n/* ------------------------------------------------------------------ */\n\nconst TYPE_ICONS: Record<EventType, ReactNode> = {\n  info: <Info size={16} aria-hidden=\"true\" />,\n  success: <Check size={16} aria-hidden=\"true\" />,\n  warning: <TriangleAlert size={16} aria-hidden=\"true\" />,\n  error: <X size={16} aria-hidden=\"true\" />,\n  neutral: <Circle size={16} aria-hidden=\"true\" />,\n};\n\n/* ------------------------------------------------------------------ */\n/* Timeline root                                                       */\n/* ------------------------------------------------------------------ */\n\nconst TimelineRoot = forwardRef<HTMLOListElement, TimelineProps>(\n  (\n    {\n      layout = 'rail-start',\n      order = 'newest-first',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useMemo(() => ({ layout, order }), [layout, order]);\n    const olRef = useRef<HTMLOListElement | null>(null);\n    const [selectedEvent, setSelectedEvent] = useState<string | null>(null);\n    const latestRef = useRef<string | null>(null);\n    latestRef.current = selectedEvent;\n\n    const selectEvent = useCallback((id: string) => {\n      setSelectedEvent(id);\n      const target = olRef.current?.querySelector(\n        `[data-event-id=\"${id}\"]`,\n      ) as HTMLElement | null;\n      target?.scrollIntoView({ block: 'center', behavior: 'auto' });\n    }, []);\n\n    const agentHandle = useMemo<TimelineHandle>(\n      () => ({\n        getSelectedEvent: () => latestRef.current,\n        selectEvent,\n      }),\n      [selectEvent],\n    );\n    useImperativeHandle(ref, () => olRef.current as HTMLOListElement, []);\n    useAgentRegistration(timelineAgent, agentHandle, props.id);\n\n    return (\n      <TimelineContext.Provider value={ctx}>\n        <ol\n          ref={olRef}\n          data-component=\"timeline\"\n          data-component-id={props.id}\n          data-selected-event={selectedEvent ?? undefined}\n          className={timelineVariants({ layout, order, className })}\n          {...props}\n        >\n          {children}\n        </ol>\n      </TimelineContext.Provider>\n    );\n  },\n);\nTimelineRoot.displayName = 'Timeline';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Event                                                      */\n/* ------------------------------------------------------------------ */\n\nconst TimelineEvent = forwardRef<HTMLLIElement, TimelineEventProps>(\n  ({ type = 'neutral', eventId, className, children, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n    const { t } = useTranslation('ui');\n\n    const evtCtx = useMemo(() => ({ type }), [type]);\n\n    if (layout === 'alternating') {\n      // In alternating layout the <li> uses `contents` so its children\n      // participate directly in the parent grid.\n      return (\n        <TimelineEventContext.Provider value={evtCtx}>\n          <li\n            ref={ref}\n            data-event-id={eventId}\n            className={['ds:contents', className].filter(Boolean).join(' ')}\n            {...props}\n          >\n            {/* Visually-hidden type prefix for screen readers */}\n            <span className=\"ds:sr-only\">{t(`timeline.type.${type}`)}</span>\n            {children}\n          </li>\n        </TimelineEventContext.Provider>\n      );\n    }\n\n    return (\n      <TimelineEventContext.Provider value={evtCtx}>\n        <li\n          ref={ref}\n          data-event-id={eventId}\n          className={eventVariants({ layout, className })}\n          {...props}\n        >\n          {/* Visually-hidden type prefix for screen readers */}\n          <span className=\"ds:sr-only\">{t(`timeline.type.${type}`)}</span>\n          {children}\n        </li>\n      </TimelineEventContext.Provider>\n    );\n  },\n);\nTimelineEvent.displayName = 'Timeline.Event';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Dot                                                        */\n/* ------------------------------------------------------------------ */\n\nconst TimelineDot = forwardRef<HTMLDivElement, TimelineDotProps>(\n  ({ icon, className, ...props }, ref) => {\n    const { type } = useContext(TimelineEventContext);\n    const { layout } = useContext(TimelineContext);\n\n    const dot = (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={dotVariants({ type, className })}\n        {...props}\n      >\n        {icon ?? TYPE_ICONS[type]}\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // In alternating grid: col 2 (centre) for the dot with the rail line\n      return (\n        <div\n          aria-hidden=\"true\"\n          className=\"ds:col-start-2 ds:flex ds:flex-col ds:items-center\"\n        >\n          {/* Rail segment above the dot */}\n          <div className=\"ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)] ds:first:hidden\" />\n          {dot}\n          {/* Rail segment below the dot */}\n          <div className=\"ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)]\" />\n        </div>\n      );\n    }\n\n    return dot;\n  },\n);\nTimelineDot.displayName = 'Timeline.Dot';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Content                                                    */\n/* ------------------------------------------------------------------ */\n\nconst TimelineContent = forwardRef<HTMLDivElement, TimelineContentProps>(\n  ({ title, description, actor, children, className, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n\n    const inner = (\n      <div\n        ref={ref}\n        className={[\n          'ds:flex-1 ds:min-w-0 ds:pb-[var(--spacing-md)]',\n          // Wrap policy: `break-word` (not `anywhere`) preserves word-\n          // boundary wrapping for natural-language titles / descriptions;\n          // only genuinely unbreakable strings (URLs, hashes) break mid-\n          // word when they would otherwise overflow. `anywhere` introduces\n          // a soft-wrap opportunity at every character boundary, which\n          // chopped Italian / German labels mid-word when an event card\n          // sat in a narrow context.\n          'ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:break-word]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <Card variant=\"outlined\">\n          <Card.Body>\n            <p className=\"type-label ds:text-[var(--foreground)]\">{title}</p>\n            {description && (\n              <div className=\"ds:mt-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]\">\n                {description}\n              </div>\n            )}\n            {actor && (\n              <div className=\"ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                <Avatar size=\"xs\" name={actor.name} src={actor.src} />\n                <span className=\"type-meta ds:text-[var(--muted-foreground)]\">\n                  {actor.name}\n                </span>\n              </div>\n            )}\n            {children}\n          </Card.Body>\n        </Card>\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // Alternating: odd events in col 1 (start), even events in col 3 (end).\n      // We use CSS nth-child targeting via a wrapper that sets col placement.\n      return (\n        <div className=\"ds:col-span-1 ds:[li:nth-child(even)_&]:col-start-3 ds:[li:nth-child(odd)_&]:col-start-1\">\n          {inner}\n        </div>\n      );\n    }\n\n    return inner;\n  },\n);\nTimelineContent.displayName = 'Timeline.Content';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Timestamp — thin wrapper over the shared Timestamp         */\n/* component. Keeps the existing API (`date`, `relative`, `format`)    */\n/* for backward compatibility; adds tabular-nums because timeline      */\n/* timestamps sit in a rail gutter and benefit from column-aligned     */\n/* digits.                                                              */\n/* ------------------------------------------------------------------ */\n\nconst TWENTY_FOUR_HOURS_MS = 24 * 60 * 60 * 1000;\n\nconst TimelineTimestamp = forwardRef<HTMLTimeElement, TimelineTimestampProps>(\n  (\n    {\n      date,\n      locale,\n      relative = true,\n      format = { dateStyle: 'medium', timeStyle: 'short' },\n      className,\n      ...props\n    },\n    ref,\n  ) => (\n    <Timestamp\n      ref={ref}\n      value={date}\n      locale={locale}\n      format={relative ? 'relative' : 'absolute'}\n      relativeWindow={relative ? TWENTY_FOUR_HOURS_MS : undefined}\n      absoluteFormat={format}\n      className={[\n        'ds:text-[var(--muted-foreground)]',\n        'ds:[font-variant-numeric:var(--font-feature-tabular)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nTimelineTimestamp.displayName = 'Timeline.Timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Event: TimelineEvent,\n  Dot: TimelineDot,\n  Content: TimelineContent,\n  Timestamp: TimelineTimestamp,\n});\n"],"names":["timelineAgent","handle","args","TimelineContext","createContext","TimelineEventContext","timelineVariants","cva","eventVariants","dotVariants","TYPE_ICONS","jsx","Info","Check","TriangleAlert","X","Circle","TimelineRoot","forwardRef","layout","order","className","children","props","ref","ctx","useMemo","olRef","useRef","selectedEvent","setSelectedEvent","useState","latestRef","selectEvent","useCallback","id","target","_a","agentHandle","useImperativeHandle","useAgentRegistration","TimelineEvent","type","eventId","useContext","t","useTranslation","evtCtx","jsxs","TimelineDot","icon","dot","TimelineContent","title","description","actor","inner","Card","Avatar","TWENTY_FOUR_HOURS_MS","TimelineTimestamp","date","locale","relative","format","Timestamp","Timeline"],"mappings":"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"}
+{"version":3,"file":"timeline-tn5QQJdS.js","sources":["../../src/components/timeline/timeline.agent.ts","../../src/components/timeline/timeline.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Timeline.                                              */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TimelineHandle } from './timeline';\n\nexport const timelineAgent: AgentAdapter<TimelineHandle> = {\n  id: 'timeline',\n  // `select_event` persists `selectedEvent` state, so this is single-selection\n  // (`select_single`), not a transient `pick`. See PRS §26 §4.\n  capabilities: ['select_single'],\n  state: {\n    selectedEvent: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.timeline.state.selectedEvent',\n      description: 'Opaque event id of the currently-active event, or null.',\n      read: (handle) => handle.getSelectedEvent(),\n    },\n  },\n  actions: {\n    select_event: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.timeline.actions.selectEvent',\n      description: 'Scroll the given event into view and mark it as selected.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectEvent(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'timeline',\n      description: 'Marks the Timeline root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-event-id',\n      description:\n        'Opaque event id emitted on each Timeline.Event when the `eventId` prop is provided.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type LiHTMLAttributes,\n  type OlHTMLAttributes,\n  type ReactNode,\n  type TimeHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { TriangleAlert, Check, Circle, Info, X } from 'lucide-react';\nimport { Avatar } from '../avatar';\nimport { Card } from '../card';\nimport { Timestamp } from '../timestamp';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { timelineAgent } from './timeline.agent';\n\n// TODO: optional @tanstack/react-virtual integration for 500+ events\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ntype EventType = 'info' | 'success' | 'warning' | 'error' | 'neutral';\ntype Layout = 'rail-start' | 'rail-end' | 'alternating';\n\ninterface TimelineContextValue {\n  layout: Layout;\n  order: 'newest-first' | 'oldest-first';\n}\n\nconst TimelineContext = createContext<TimelineContextValue>({\n  layout: 'rail-start',\n  order: 'newest-first',\n});\n\ninterface TimelineEventContextValue {\n  type: EventType;\n}\n\nconst TimelineEventContext = createContext<TimelineEventContextValue>({\n  type: 'neutral',\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — root                                                          */\n/* ------------------------------------------------------------------ */\n\nconst timelineVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    layout: {\n      'rail-start': 'ds:ps-4',\n      'rail-end': 'ds:pe-4',\n      alternating:\n        'ds:grid ds:grid-cols-[1fr_2rem_1fr] ds:gap-x-[var(--spacing-md)]',\n    },\n    order: {\n      'newest-first': 'ds:flex-col',\n      'oldest-first': 'ds:flex-col-reverse',\n    },\n  },\n  defaultVariants: { layout: 'rail-start', order: 'newest-first' },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — event item                                                    */\n/* ------------------------------------------------------------------ */\n\nconst eventVariants = cva(\n  'ds:relative ds:flex ds:gap-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n  {\n    variants: {\n      layout: {\n        'rail-start': [\n          'ds:flex-row',\n          // Rail: continuous line from this dot centre to the next dot centre\n          'ds:before:absolute ds:before:[inset-block-start:var(--spacing-md)] ds:before:[inset-block-end:calc(var(--spacing-md)*-1)]',\n          'ds:before:[inline-size:var(--border-width-md)] ds:before:bg-[var(--border)]',\n          'ds:before:[inset-inline-start:calc(var(--spacing-md)_-_var(--border-width-md)/2)]',\n          'ds:last:before:hidden',\n        ].join(' '),\n        'rail-end': [\n          'ds:flex-row-reverse',\n          'ds:before:absolute ds:before:[inset-block-start:var(--spacing-md)] ds:before:[inset-block-end:calc(var(--spacing-md)*-1)]',\n          'ds:before:[inline-size:var(--border-width-md)] ds:before:bg-[var(--border)]',\n          'ds:before:[inset-inline-end:calc(var(--spacing-md)_-_var(--border-width-md)/2)]',\n          'ds:last:before:hidden',\n        ].join(' '),\n        alternating: 'ds:contents',\n      },\n    },\n    defaultVariants: { layout: 'rail-start' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — dot                                                           */\n/* ------------------------------------------------------------------ */\n\nconst dotVariants = cva(\n  [\n    'ds:relative ds:z-10 ds:flex ds:items-center ds:justify-center',\n    'ds:rounded-[var(--radius-full)] ds:shrink-0',\n    'ds:size-8',\n    'ds:ring-2 ds:ring-[var(--background)]',\n  ].join(' '),\n  {\n    variants: {\n      type: {\n        info: 'ds:bg-[var(--info)] ds:text-[var(--info-solid-foreground)]',\n        success:\n          'ds:bg-[var(--success)] ds:text-[var(--success-solid-foreground)]',\n        warning:\n          'ds:bg-[var(--warning)] ds:text-[var(--warning-solid-foreground)]',\n        error:\n          'ds:bg-[var(--destructive)] ds:text-[var(--destructive-foreground)]',\n        neutral: 'ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: { type: 'neutral' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface TimelineProps\n  extends\n    Omit<OlHTMLAttributes<HTMLOListElement>, 'color'>,\n    VariantProps<typeof timelineVariants> {\n  layout?: Layout;\n  order?: 'newest-first' | 'oldest-first';\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineEventProps extends LiHTMLAttributes<HTMLLIElement> {\n  type?: EventType;\n  /** Opaque event id — when set, the component emits `data-event-id` for agent addressing. */\n  eventId?: string;\n  children: ReactNode;\n  className?: string;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface TimelineHandle {\n  getSelectedEvent: () => string | null;\n  selectEvent: (id: string) => void;\n}\n\nexport interface TimelineDotProps extends HTMLAttributes<HTMLDivElement> {\n  icon?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineContentProps extends HTMLAttributes<HTMLDivElement> {\n  title: string;\n  description?: ReactNode;\n  actor?: { name: string; src?: string };\n  children?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineTimestampProps extends TimeHTMLAttributes<HTMLTimeElement> {\n  date: Date | string;\n  /** Overrides the active language for date and time formatting. */\n  locale?: string;\n  relative?: boolean;\n  format?: Intl.DateTimeFormatOptions;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Default icons per type                                              */\n/* ------------------------------------------------------------------ */\n\nconst TYPE_ICONS: Record<EventType, ReactNode> = {\n  info: <Info size={16} aria-hidden=\"true\" />,\n  success: <Check size={16} aria-hidden=\"true\" />,\n  warning: <TriangleAlert size={16} aria-hidden=\"true\" />,\n  error: <X size={16} aria-hidden=\"true\" />,\n  neutral: <Circle size={16} aria-hidden=\"true\" />,\n};\n\n/* ------------------------------------------------------------------ */\n/* Timeline root                                                       */\n/* ------------------------------------------------------------------ */\n\nconst TimelineRoot = forwardRef<HTMLOListElement, TimelineProps>(\n  (\n    {\n      layout = 'rail-start',\n      order = 'newest-first',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useMemo(() => ({ layout, order }), [layout, order]);\n    const olRef = useRef<HTMLOListElement | null>(null);\n    const [selectedEvent, setSelectedEvent] = useState<string | null>(null);\n    const latestRef = useRef<string | null>(null);\n    latestRef.current = selectedEvent;\n\n    const selectEvent = useCallback((id: string) => {\n      setSelectedEvent(id);\n      const target = olRef.current?.querySelector(\n        `[data-event-id=\"${id}\"]`,\n      ) as HTMLElement | null;\n      target?.scrollIntoView({ block: 'center', behavior: 'auto' });\n    }, []);\n\n    const agentHandle = useMemo<TimelineHandle>(\n      () => ({\n        getSelectedEvent: () => latestRef.current,\n        selectEvent,\n      }),\n      [selectEvent],\n    );\n    useImperativeHandle(ref, () => olRef.current as HTMLOListElement, []);\n    useAgentRegistration(timelineAgent, agentHandle, props.id);\n\n    return (\n      <TimelineContext.Provider value={ctx}>\n        <ol\n          ref={olRef}\n          data-component=\"timeline\"\n          data-component-id={props.id}\n          data-selected-event={selectedEvent ?? undefined}\n          className={timelineVariants({ layout, order, className })}\n          {...props}\n        >\n          {children}\n        </ol>\n      </TimelineContext.Provider>\n    );\n  },\n);\nTimelineRoot.displayName = 'Timeline';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Event                                                      */\n/* ------------------------------------------------------------------ */\n\nconst TimelineEvent = forwardRef<HTMLLIElement, TimelineEventProps>(\n  ({ type = 'neutral', eventId, className, children, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n    const { t } = useTranslation('ui');\n\n    const evtCtx = useMemo(() => ({ type }), [type]);\n\n    if (layout === 'alternating') {\n      // In alternating layout the <li> uses `contents` so its children\n      // participate directly in the parent grid.\n      return (\n        <TimelineEventContext.Provider value={evtCtx}>\n          <li\n            ref={ref}\n            data-event-id={eventId}\n            className={['ds:contents', className].filter(Boolean).join(' ')}\n            {...props}\n          >\n            {/* Visually-hidden type prefix for screen readers */}\n            <span className=\"ds:sr-only\">{t(`timeline.type.${type}`)}</span>\n            {children}\n          </li>\n        </TimelineEventContext.Provider>\n      );\n    }\n\n    return (\n      <TimelineEventContext.Provider value={evtCtx}>\n        <li\n          ref={ref}\n          data-event-id={eventId}\n          className={eventVariants({ layout, className })}\n          {...props}\n        >\n          {/* Visually-hidden type prefix for screen readers */}\n          <span className=\"ds:sr-only\">{t(`timeline.type.${type}`)}</span>\n          {children}\n        </li>\n      </TimelineEventContext.Provider>\n    );\n  },\n);\nTimelineEvent.displayName = 'Timeline.Event';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Dot                                                        */\n/* ------------------------------------------------------------------ */\n\nconst TimelineDot = forwardRef<HTMLDivElement, TimelineDotProps>(\n  ({ icon, className, ...props }, ref) => {\n    const { type } = useContext(TimelineEventContext);\n    const { layout } = useContext(TimelineContext);\n\n    const dot = (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={dotVariants({ type, className })}\n        {...props}\n      >\n        {icon ?? TYPE_ICONS[type]}\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // In alternating grid: col 2 (centre) for the dot with the rail line\n      return (\n        <div\n          aria-hidden=\"true\"\n          className=\"ds:col-start-2 ds:flex ds:flex-col ds:items-center\"\n        >\n          {/* Rail segment above the dot */}\n          <div className=\"ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)] ds:first:hidden\" />\n          {dot}\n          {/* Rail segment below the dot */}\n          <div className=\"ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)]\" />\n        </div>\n      );\n    }\n\n    return dot;\n  },\n);\nTimelineDot.displayName = 'Timeline.Dot';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Content                                                    */\n/* ------------------------------------------------------------------ */\n\nconst TimelineContent = forwardRef<HTMLDivElement, TimelineContentProps>(\n  ({ title, description, actor, children, className, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n\n    const inner = (\n      <div\n        ref={ref}\n        className={[\n          'ds:flex-1 ds:min-w-0 ds:pb-[var(--spacing-md)]',\n          // Wrap policy: `break-word` (not `anywhere`) preserves word-\n          // boundary wrapping for natural-language titles / descriptions;\n          // only genuinely unbreakable strings (URLs, hashes) break mid-\n          // word when they would otherwise overflow. `anywhere` introduces\n          // a soft-wrap opportunity at every character boundary, which\n          // chopped Italian / German labels mid-word when an event card\n          // sat in a narrow context.\n          'ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:break-word]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <Card variant=\"outlined\">\n          <Card.Body>\n            <p className=\"type-label ds:text-[var(--foreground)]\">{title}</p>\n            {description && (\n              <div className=\"ds:mt-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]\">\n                {description}\n              </div>\n            )}\n            {actor && (\n              <div className=\"ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                <Avatar size=\"xs\" name={actor.name} src={actor.src} />\n                <span className=\"type-meta ds:text-[var(--muted-foreground)]\">\n                  {actor.name}\n                </span>\n              </div>\n            )}\n            {children}\n          </Card.Body>\n        </Card>\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // Alternating: odd events in col 1 (start), even events in col 3 (end).\n      // We use CSS nth-child targeting via a wrapper that sets col placement.\n      return (\n        <div className=\"ds:col-span-1 ds:[li:nth-child(even)_&]:col-start-3 ds:[li:nth-child(odd)_&]:col-start-1\">\n          {inner}\n        </div>\n      );\n    }\n\n    return inner;\n  },\n);\nTimelineContent.displayName = 'Timeline.Content';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Timestamp — thin wrapper over the shared Timestamp         */\n/* component. Keeps the existing API (`date`, `relative`, `format`)    */\n/* for backward compatibility; adds tabular-nums because timeline      */\n/* timestamps sit in a rail gutter and benefit from column-aligned     */\n/* digits.                                                              */\n/* ------------------------------------------------------------------ */\n\nconst TWENTY_FOUR_HOURS_MS = 24 * 60 * 60 * 1000;\n\nconst TimelineTimestamp = forwardRef<HTMLTimeElement, TimelineTimestampProps>(\n  (\n    {\n      date,\n      locale,\n      relative = true,\n      format = { dateStyle: 'medium', timeStyle: 'short' },\n      className,\n      ...props\n    },\n    ref,\n  ) => (\n    <Timestamp\n      ref={ref}\n      value={date}\n      locale={locale}\n      format={relative ? 'relative' : 'absolute'}\n      relativeWindow={relative ? TWENTY_FOUR_HOURS_MS : undefined}\n      absoluteFormat={format}\n      className={[\n        'ds:text-[var(--muted-foreground)]',\n        'ds:[font-variant-numeric:var(--font-feature-tabular)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nTimelineTimestamp.displayName = 'Timeline.Timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Event: TimelineEvent,\n  Dot: TimelineDot,\n  Content: TimelineContent,\n  Timestamp: TimelineTimestamp,\n});\n"],"names":["timelineAgent","handle","args","TimelineContext","createContext","TimelineEventContext","timelineVariants","cva","eventVariants","dotVariants","TYPE_ICONS","jsx","Info","Check","TriangleAlert","X","Circle","TimelineRoot","forwardRef","layout","order","className","children","props","ref","ctx","useMemo","olRef","useRef","selectedEvent","setSelectedEvent","useState","latestRef","selectEvent","useCallback","id","target","_a","agentHandle","useImperativeHandle","useAgentRegistration","TimelineEvent","type","eventId","useContext","t","useTranslation","evtCtx","jsxs","TimelineDot","icon","dot","TimelineContent","title","description","actor","inner","Card","Avatar","TWENTY_FOUR_HOURS_MS","TimelineTimestamp","date","locale","relative","format","Timestamp","Timeline"],"mappings":"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"}

package/dist/_chunks/{transcript-panel-CoHHpcFg.js → transcript-panel-A781Pkzr.js}

@@ -4,7 +4,7 @@ import { c as V } from "./index-D2ZczOXr.js";
 import { useTranslation as q } from "react-i18next";
 import { u as D } from "./registry-DvAUVLHh.js";
 import { u as B } from "./index-CJE9uQmb.js";
-import { S as U } from "./search-input-BAlDd05M.js";
+import { S as U } from "./search-input-CRAMo1CA.js";
 import { P as G } from "./panel-header-CbtlTe85.js";
 import { u as Q } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { F as W } from "./file-text-5yv6r2ls.js";
@@ -371,4 +371,4 @@ export {
   ae as T,
   Y as t
 };
-//# sourceMappingURL=transcript-panel-CoHHpcFg.js.map
+//# sourceMappingURL=transcript-panel-A781Pkzr.js.map

package/dist/_chunks/{transcript-panel-CoHHpcFg.js.map → transcript-panel-A781Pkzr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"transcript-panel-CoHHpcFg.js","sources":["../../src/components/transcript-panel/transcript-panel.agent.ts","../../src/components/transcript-panel/transcript-panel.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TranscriptPanel.                                       */\n/*                                                                        */\n/* `data-turn-id` carries the line's stable index (opaque id) — never     */\n/* the dictated text. Transcript content frequently contains PHI; the     */\n/* DOM hook MUST NOT leak it. See PRS §26 §6.1.                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TranscriptPanelHandle } from './transcript-panel';\n\nexport const transcriptPanelAgent: AgentAdapter<TranscriptPanelHandle> = {\n  id: 'transcript-panel',\n  capabilities: ['select_single', 'copy'],\n  state: {\n    selectedTurn: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.transcriptPanel.state.selectedTurn',\n      description:\n        'Opaque id (line index) of the currently-active turn, or null when none is active.',\n      read: (handle) => handle.getSelectedTurn(),\n    },\n  },\n  actions: {\n    focus_turn: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.transcriptPanel.actions.focusTurn',\n      description: 'Scroll the given turn into view and focus its seek button.',\n      invoke: (handle, args: { id: string }) => {\n        handle.focusTurn(args.id);\n      },\n    },\n    copy_turn: {\n      // Clipboard write of dictated PHI text — write + reaches the system\n      // clipboard (openWorld).\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      openWorld: true,\n      descriptionKey: 'ui.agent.transcriptPanel.actions.copyTurn',\n      description: \"Copy the given turn's text to the clipboard.\",\n      invoke: (handle, args: { id: string }) => handle.copyTurn(args.id),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'transcript-panel',\n      description: 'Marks the TranscriptPanel wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-turn-id',\n      description:\n        \"Stable opaque turn id (line index). Never carries the turn's dictated text.\",\n    },\n  },\n};\n","import {\n  forwardRef,\n  Fragment,\n  useCallback,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { transcriptPanelAgent } from './transcript-panel.agent';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { SearchInput } from '../search-input';\nimport { FileText } from 'lucide-react';\nimport { PanelHeader } from '../panel-header';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface TranscriptLine {\n  speaker: string;\n  text: string;\n  /** Seconds, floating-point — matches HTMLMediaElement.currentTime. */\n  start: number;\n  end: number;\n  /** 0..1 — rendered with a dotted underline when below 0.6. */\n  confidence?: number;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface TranscriptPanelHandle {\n  /** Opaque id (line index) of the active turn, or null. */\n  getSelectedTurn: () => string | null;\n  /** Scroll the turn with the given id into view and focus its seek button. */\n  focusTurn: (id: string) => void;\n  /** Copy the turn's text to the clipboard. */\n  copyTurn: (id: string) => Promise<void> | void;\n}\n\nexport interface TranscriptPanelProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'children'>,\n    VariantProps<typeof rootVariants> {\n  lines: TranscriptLine[];\n  /** Current playback time in seconds — drives the active line highlight. */\n  currentTime?: number;\n  onSeek?: (seconds: number) => void;\n  /** Show the search bar. */\n  searchable?: boolean;\n}\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:w-full ds:min-h-0',\n    'ds:rounded-[var(--radius-md)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:bg-background',\n    'ds:focus-within:border-[color:var(--primary)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst VIRTUALIZATION_THRESHOLD = 100;\nconst SPEAKER_SLOT_COUNT = 8;\n\nfunction formatTime(seconds: number, locale: string): string {\n  const total = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale, { minimumIntegerDigits: 2 }).format(n);\n  return `${fmt(m)}:${fmt(s)}`;\n}\n\n/** ISO-8601 duration (PT#M#S) for <time datetime=\"...\">. */\nfunction secondsToIsoDuration(seconds: number): string {\n  const total = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  return `PT${m}M${s}S`;\n}\n\n/** Deterministic speaker slot (0..7) based on name hash. */\nfunction speakerSlot(name: string): number {\n  let hash = 0;\n  for (let i = 0; i < name.length; i += 1) {\n    hash = (hash * 31 + name.charCodeAt(i)) | 0;\n  }\n  return Math.abs(hash) % SPEAKER_SLOT_COUNT;\n}\n\n/** Per-slot background classes. Indices align with the speaker palette tokens\n *  in tokens/index.css. Static strings so Tailwind can pick them up at build. */\nconst SPEAKER_BG_CLASSES = [\n  'ds:bg-[color:var(--transcript-speaker-1)]',\n  'ds:bg-[color:var(--transcript-speaker-2)]',\n  'ds:bg-[color:var(--transcript-speaker-3)]',\n  'ds:bg-[color:var(--transcript-speaker-4)]',\n  'ds:bg-[color:var(--transcript-speaker-5)]',\n  'ds:bg-[color:var(--transcript-speaker-6)]',\n  'ds:bg-[color:var(--transcript-speaker-7)]',\n  'ds:bg-[color:var(--transcript-speaker-8)]',\n] as const;\n\n/** Escape a literal string for safe use inside a RegExp. */\nfunction escapeRegExp(input: string): string {\n  return input.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\ninterface HighlightedTextProps {\n  text: string;\n  query: string;\n}\n\n/** Renders text with <mark> wrapping around case-insensitive matches.\n *  No dangerouslySetInnerHTML — splits text nodes only. */\nfunction HighlightedText({ text, query }: HighlightedTextProps): ReactNode {\n  if (!query) return text;\n  const escaped = escapeRegExp(query);\n  const parts = text.split(new RegExp(`(${escaped})`, 'gi'));\n  return parts.map((part, i) =>\n    part.toLocaleLowerCase() === query.toLocaleLowerCase() ? (\n      <mark\n        key={i}\n        className=\"ds:bg-[color:var(--warning)]/30 ds:text-[color:var(--foreground)] ds:rounded-[var(--radius-sm)]\"\n      >\n        {part}\n      </mark>\n    ) : (\n      <Fragment key={i}>{part}</Fragment>\n    ),\n  );\n}\n\nexport const TranscriptPanel = forwardRef<HTMLElement, TranscriptPanelProps>(\n  (\n    {\n      lines,\n      currentTime = 0,\n      onSeek,\n      searchable = true,\n      size = 'md',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const [query, setQuery] = useState('');\n    const scrollRef = useRef<HTMLDivElement | null>(null);\n    const searchInputRef = useRef<HTMLInputElement | null>(null);\n    const searchId = useId();\n\n    /* Active-line index */\n    const activeIndex = useMemo(() => {\n      if (!Number.isFinite(currentTime)) return -1;\n      for (let i = 0; i < lines.length; i += 1) {\n        const line = lines[i];\n        if (line.start <= currentTime && currentTime < line.end) return i;\n      }\n      return -1;\n    }, [lines, currentTime]);\n\n    /* Match count for search */\n    const matchCount = useMemo(() => {\n      if (!query) return 0;\n      let count = 0;\n      const needle = query.toLocaleLowerCase();\n      for (const line of lines) {\n        const hay = line.text.toLocaleLowerCase();\n        let idx = hay.indexOf(needle);\n        while (idx !== -1) {\n          count += 1;\n          idx = hay.indexOf(needle, idx + needle.length);\n        }\n      }\n      return count;\n    }, [lines, query]);\n\n    /* Ctrl/Cmd+F shortcut — focuses the search field when focus is within. */\n    const handleRootKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLElement>) => {\n        if (\n          (e.metaKey || e.ctrlKey) &&\n          e.key.toLowerCase() === 'f' &&\n          searchable\n        ) {\n          e.preventDefault();\n          searchInputRef.current?.focus();\n        }\n      },\n      [searchable],\n    );\n\n    /* Virtualisation above 100 lines */\n    const virtualized = lines.length > VIRTUALIZATION_THRESHOLD;\n    const virtualizer = useVirtualizer({\n      count: virtualized ? lines.length : 0,\n      getScrollElement: () => scrollRef.current,\n      estimateSize: () => 48,\n      overscan: 8,\n      getItemKey: (i) => i,\n    });\n\n    /* Auto-scroll active line into view when it changes. */\n    useIsomorphicLayoutEffect(() => {\n      if (activeIndex < 0) return;\n      const scroller = scrollRef.current;\n      if (!scroller) return;\n      const target = scroller.querySelector(\n        `[data-line-index=\"${activeIndex}\"]`,\n      ) as HTMLElement | null;\n      if (!target) return;\n      const prefersReducedMotion =\n        typeof window !== 'undefined' &&\n        window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      target.scrollIntoView({\n        block: 'center',\n        behavior: prefersReducedMotion ? 'auto' : 'smooth',\n      });\n    }, [activeIndex]);\n\n    const renderLine = useCallback(\n      (\n        line: TranscriptLine,\n        index: number,\n        extras?: {\n          liRef?: (node: HTMLLIElement | null) => void;\n          dataIndex?: number;\n          // Style is an inline-style escape hatch — virtualizer offsets\n          // cannot be expressed as static Tailwind. See 23-constraints §4.\n          style?: CSSProperties;\n          absolutePositioning?: boolean;\n        },\n      ) => {\n        const isActive = index === activeIndex;\n        const slot = speakerSlot(line.speaker);\n        const lowConfidence =\n          typeof line.confidence === 'number' && line.confidence < 0.6;\n        return (\n          <li\n            key={index}\n            ref={extras?.liRef}\n            data-line-index={index}\n            data-turn-id={String(index)}\n            data-index={extras?.dataIndex}\n            aria-current={isActive ? 'true' : undefined}\n            // eslint-disable-next-line react/forbid-dom-props -- virtualizer translateY offset, runtime-computed\n            style={extras?.style}\n            className={[\n              'ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n              'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n              isActive\n                ? 'ds:bg-[color:var(--accent)]/12 ds:border-s-[3px] ds:border-[color:var(--primary)]'\n                : 'ds:border-s-[3px] ds:border-transparent',\n              extras?.absolutePositioning\n                ? 'ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full'\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            <button\n              type=\"button\"\n              onClick={() => onSeek?.(line.start)}\n              aria-label={t('chat.transcript.seekTo', {\n                time: formatTime(line.start, i18n.language),\n              })}\n              className={[\n                'ds:inline-flex ds:items-center ds:justify-center',\n                'ds:font-[family-name:var(--font-mono)]',\n                'type-meta',\n                'ds:tabular-nums',\n                'ds:text-[color:var(--muted-foreground)]',\n                'ds:rounded-[var(--radius-sm)]',\n                'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n                // WCAG 2.5.5 target size: 44×44 default, 48×48 in accessible\n                // themes — matches the DS `--min-target-size` token.\n                'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n                'ds:hover:bg-muted/20',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:forced-colors:focus-visible:outline-[CanvasText]',\n              ].join(' ')}\n            >\n              <time dir=\"ltr\" dateTime={secondsToIsoDuration(line.start)}>\n                {formatTime(line.start, i18n.language)}\n              </time>\n            </button>\n            <div className=\"ds:flex-1 ds:min-w-0\">\n              <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                <span\n                  aria-hidden=\"true\"\n                  className={`ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${SPEAKER_BG_CLASSES[slot]}`}\n                />\n                <strong className=\"type-title-item\">\n                  {t('chat.transcript.speaker', { name: line.speaker })}\n                </strong>\n                {lowConfidence ? (\n                  <span className=\"type-meta ds:italic ds:text-[color:var(--muted-foreground)]\">\n                    ({t('chat.transcript.lowConfidence')})\n                  </span>\n                ) : null}\n              </div>\n              <span\n                dir=\"auto\"\n                className={[\n                  'ds:block',\n                  lowConfidence\n                    ? 'ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]'\n                    : '',\n                ].join(' ')}\n              >\n                <HighlightedText text={line.text} query={query} />\n              </span>\n            </div>\n          </li>\n        );\n      },\n      [activeIndex, i18n.language, onSeek, query, t],\n    );\n\n    const rootRef = useRef<HTMLElement>(null);\n    const headingId = useId();\n    useImperativeHandle(ref, () => rootRef.current as HTMLElement, []);\n\n    const agentHandle = useMemo<TranscriptPanelHandle>(\n      () => ({\n        getSelectedTurn: () => (activeIndex >= 0 ? String(activeIndex) : null),\n        focusTurn: (id: string) => {\n          const target = scrollRef.current?.querySelector(\n            `[data-turn-id=\"${id}\"]`,\n          ) as HTMLElement | null;\n          if (!target) return;\n          target.scrollIntoView({ block: 'center', behavior: 'auto' });\n          const btn = target.querySelector(\n            'button',\n          ) as HTMLButtonElement | null;\n          btn?.focus();\n        },\n        copyTurn: (id: string) => {\n          const index = Number.parseInt(id, 10);\n          if (!Number.isFinite(index)) return;\n          const line = lines[index];\n          if (!line) return;\n          if (typeof navigator !== 'undefined' && navigator.clipboard) {\n            return navigator.clipboard.writeText(line.text);\n          }\n        },\n      }),\n      [activeIndex, lines],\n    );\n    useAgentRegistration(\n      transcriptPanelAgent,\n      agentHandle,\n      rest.id as string | undefined,\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-static-element-interactions -- root keyboard shortcuts (j/k navigation, /) bubble up from focused descendants\n      <section\n        ref={rootRef}\n        onKeyDown={handleRootKeyDown}\n        data-component=\"transcript-panel\"\n        data-component-id={rest.id}\n        aria-labelledby={headingId}\n        className={rootVariants({ size, className })}\n        {...rest}\n      >\n        {/* Shared rail header — pins to the top of the panel's scroll region\n            while the transcript scrolls beneath it. The rail injects the\n            favourite / close actions via PanelHeaderActionsProvider; the\n            search field lives in the header's filters row. */}\n        <PanelHeader\n          title={t('transcriptPanel.title')}\n          icon={<FileText aria-hidden=\"true\" />}\n          headingId={headingId}\n          divider\n          filters={\n            searchable ? (\n              <>\n                <SearchInput\n                  ref={searchInputRef}\n                  id={searchId}\n                  placeholder={t('chat.transcript.search')}\n                  aria-label={t('chat.transcript.search')}\n                  aria-keyshortcuts=\"Meta+F Control+F\"\n                  debounceMs={150}\n                  onChange={(v) => setQuery(v)}\n                  size=\"sm\"\n                />\n                {query ? (\n                  <span\n                    role=\"status\"\n                    aria-live=\"polite\"\n                    className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums\"\n                  >\n                    {matchCount === 0\n                      ? t('chat.transcript.noMatches')\n                      : t('chat.transcript.matchCount', { count: matchCount })}\n                  </span>\n                ) : null}\n              </>\n            ) : undefined\n          }\n        />\n\n        <div\n          ref={scrollRef}\n          className=\"ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden\"\n        >\n          {virtualized ? (\n            <ol\n              className=\"ds:relative ds:list-none ds:ps-0 ds:m-0\"\n              // eslint-disable-next-line react/forbid-dom-props -- virtualizer total size, runtime-computed\n              style={{ blockSize: `${virtualizer.getTotalSize()}px` }}\n            >\n              {virtualizer.getVirtualItems().map((vi) => {\n                const line = lines[vi.index];\n                if (!line) return null;\n                // Put the measureElement ref on the <li> directly — a <div>\n                // child of <ol> is invalid and breaks list semantics for\n                // assistive tech.\n                return renderLine(line, vi.index, {\n                  liRef: virtualizer.measureElement,\n                  dataIndex: vi.index,\n                  style: { transform: `translateY(${vi.start}px)` },\n                  absolutePositioning: true,\n                });\n              })}\n            </ol>\n          ) : (\n            <ol className=\"ds:list-none ds:ps-0 ds:m-0\">\n              {lines.map((line, index) => renderLine(line, index))}\n            </ol>\n          )}\n        </div>\n      </section>\n    );\n  },\n);\n\nTranscriptPanel.displayName = 'TranscriptPanel';\n"],"names":["transcriptPanelAgent","handle","args","rootVariants","cva","VIRTUALIZATION_THRESHOLD","SPEAKER_SLOT_COUNT","formatTime","seconds","locale","total","m","s","fmt","n","secondsToIsoDuration","speakerSlot","name","hash","i","SPEAKER_BG_CLASSES","escapeRegExp","input","HighlightedText","text","query","escaped","part","jsx","Fragment","TranscriptPanel","forwardRef","lines","currentTime","onSeek","searchable","size","className","rest","ref","t","i18n","useTranslation","setQuery","useState","scrollRef","useRef","searchInputRef","searchId","useId","activeIndex","useMemo","line","matchCount","count","needle","hay","idx","handleRootKeyDown","useCallback","_a","virtualized","virtualizer","useVirtualizer","useIsomorphicLayoutEffect","scroller","target","prefersReducedMotion","renderLine","index","extras","isActive","slot","lowConfidence","jsxs","rootRef","headingId","useImperativeHandle","agentHandle","id","btn","useAgentRegistration","PanelHeader","FileText","SearchInput","v","vi"],"mappings":"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"}
+{"version":3,"file":"transcript-panel-A781Pkzr.js","sources":["../../src/components/transcript-panel/transcript-panel.agent.ts","../../src/components/transcript-panel/transcript-panel.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TranscriptPanel.                                       */\n/*                                                                        */\n/* `data-turn-id` carries the line's stable index (opaque id) — never     */\n/* the dictated text. Transcript content frequently contains PHI; the     */\n/* DOM hook MUST NOT leak it. See PRS §26 §6.1.                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TranscriptPanelHandle } from './transcript-panel';\n\nexport const transcriptPanelAgent: AgentAdapter<TranscriptPanelHandle> = {\n  id: 'transcript-panel',\n  capabilities: ['select_single', 'copy'],\n  state: {\n    selectedTurn: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.transcriptPanel.state.selectedTurn',\n      description:\n        'Opaque id (line index) of the currently-active turn, or null when none is active.',\n      read: (handle) => handle.getSelectedTurn(),\n    },\n  },\n  actions: {\n    focus_turn: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.transcriptPanel.actions.focusTurn',\n      description: 'Scroll the given turn into view and focus its seek button.',\n      invoke: (handle, args: { id: string }) => {\n        handle.focusTurn(args.id);\n      },\n    },\n    copy_turn: {\n      // Clipboard write of dictated PHI text — write + reaches the system\n      // clipboard (openWorld).\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      openWorld: true,\n      descriptionKey: 'ui.agent.transcriptPanel.actions.copyTurn',\n      description: \"Copy the given turn's text to the clipboard.\",\n      invoke: (handle, args: { id: string }) => handle.copyTurn(args.id),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'transcript-panel',\n      description: 'Marks the TranscriptPanel wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-turn-id',\n      description:\n        \"Stable opaque turn id (line index). Never carries the turn's dictated text.\",\n    },\n  },\n};\n","import {\n  forwardRef,\n  Fragment,\n  useCallback,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { transcriptPanelAgent } from './transcript-panel.agent';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { SearchInput } from '../search-input';\nimport { FileText } from 'lucide-react';\nimport { PanelHeader } from '../panel-header';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface TranscriptLine {\n  speaker: string;\n  text: string;\n  /** Seconds, floating-point — matches HTMLMediaElement.currentTime. */\n  start: number;\n  end: number;\n  /** 0..1 — rendered with a dotted underline when below 0.6. */\n  confidence?: number;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface TranscriptPanelHandle {\n  /** Opaque id (line index) of the active turn, or null. */\n  getSelectedTurn: () => string | null;\n  /** Scroll the turn with the given id into view and focus its seek button. */\n  focusTurn: (id: string) => void;\n  /** Copy the turn's text to the clipboard. */\n  copyTurn: (id: string) => Promise<void> | void;\n}\n\nexport interface TranscriptPanelProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'children'>,\n    VariantProps<typeof rootVariants> {\n  lines: TranscriptLine[];\n  /** Current playback time in seconds — drives the active line highlight. */\n  currentTime?: number;\n  onSeek?: (seconds: number) => void;\n  /** Show the search bar. */\n  searchable?: boolean;\n}\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:w-full ds:min-h-0',\n    'ds:rounded-[var(--radius-md)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:bg-background',\n    'ds:focus-within:border-[color:var(--primary)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst VIRTUALIZATION_THRESHOLD = 100;\nconst SPEAKER_SLOT_COUNT = 8;\n\nfunction formatTime(seconds: number, locale: string): string {\n  const total = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale, { minimumIntegerDigits: 2 }).format(n);\n  return `${fmt(m)}:${fmt(s)}`;\n}\n\n/** ISO-8601 duration (PT#M#S) for <time datetime=\"...\">. */\nfunction secondsToIsoDuration(seconds: number): string {\n  const total = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  return `PT${m}M${s}S`;\n}\n\n/** Deterministic speaker slot (0..7) based on name hash. */\nfunction speakerSlot(name: string): number {\n  let hash = 0;\n  for (let i = 0; i < name.length; i += 1) {\n    hash = (hash * 31 + name.charCodeAt(i)) | 0;\n  }\n  return Math.abs(hash) % SPEAKER_SLOT_COUNT;\n}\n\n/** Per-slot background classes. Indices align with the speaker palette tokens\n *  in tokens/index.css. Static strings so Tailwind can pick them up at build. */\nconst SPEAKER_BG_CLASSES = [\n  'ds:bg-[color:var(--transcript-speaker-1)]',\n  'ds:bg-[color:var(--transcript-speaker-2)]',\n  'ds:bg-[color:var(--transcript-speaker-3)]',\n  'ds:bg-[color:var(--transcript-speaker-4)]',\n  'ds:bg-[color:var(--transcript-speaker-5)]',\n  'ds:bg-[color:var(--transcript-speaker-6)]',\n  'ds:bg-[color:var(--transcript-speaker-7)]',\n  'ds:bg-[color:var(--transcript-speaker-8)]',\n] as const;\n\n/** Escape a literal string for safe use inside a RegExp. */\nfunction escapeRegExp(input: string): string {\n  return input.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\ninterface HighlightedTextProps {\n  text: string;\n  query: string;\n}\n\n/** Renders text with <mark> wrapping around case-insensitive matches.\n *  No dangerouslySetInnerHTML — splits text nodes only. */\nfunction HighlightedText({ text, query }: HighlightedTextProps): ReactNode {\n  if (!query) return text;\n  const escaped = escapeRegExp(query);\n  const parts = text.split(new RegExp(`(${escaped})`, 'gi'));\n  return parts.map((part, i) =>\n    part.toLocaleLowerCase() === query.toLocaleLowerCase() ? (\n      <mark\n        key={i}\n        className=\"ds:bg-[color:var(--warning)]/30 ds:text-[color:var(--foreground)] ds:rounded-[var(--radius-sm)]\"\n      >\n        {part}\n      </mark>\n    ) : (\n      <Fragment key={i}>{part}</Fragment>\n    ),\n  );\n}\n\nexport const TranscriptPanel = forwardRef<HTMLElement, TranscriptPanelProps>(\n  (\n    {\n      lines,\n      currentTime = 0,\n      onSeek,\n      searchable = true,\n      size = 'md',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const [query, setQuery] = useState('');\n    const scrollRef = useRef<HTMLDivElement | null>(null);\n    const searchInputRef = useRef<HTMLInputElement | null>(null);\n    const searchId = useId();\n\n    /* Active-line index */\n    const activeIndex = useMemo(() => {\n      if (!Number.isFinite(currentTime)) return -1;\n      for (let i = 0; i < lines.length; i += 1) {\n        const line = lines[i];\n        if (line.start <= currentTime && currentTime < line.end) return i;\n      }\n      return -1;\n    }, [lines, currentTime]);\n\n    /* Match count for search */\n    const matchCount = useMemo(() => {\n      if (!query) return 0;\n      let count = 0;\n      const needle = query.toLocaleLowerCase();\n      for (const line of lines) {\n        const hay = line.text.toLocaleLowerCase();\n        let idx = hay.indexOf(needle);\n        while (idx !== -1) {\n          count += 1;\n          idx = hay.indexOf(needle, idx + needle.length);\n        }\n      }\n      return count;\n    }, [lines, query]);\n\n    /* Ctrl/Cmd+F shortcut — focuses the search field when focus is within. */\n    const handleRootKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLElement>) => {\n        if (\n          (e.metaKey || e.ctrlKey) &&\n          e.key.toLowerCase() === 'f' &&\n          searchable\n        ) {\n          e.preventDefault();\n          searchInputRef.current?.focus();\n        }\n      },\n      [searchable],\n    );\n\n    /* Virtualisation above 100 lines */\n    const virtualized = lines.length > VIRTUALIZATION_THRESHOLD;\n    const virtualizer = useVirtualizer({\n      count: virtualized ? lines.length : 0,\n      getScrollElement: () => scrollRef.current,\n      estimateSize: () => 48,\n      overscan: 8,\n      getItemKey: (i) => i,\n    });\n\n    /* Auto-scroll active line into view when it changes. */\n    useIsomorphicLayoutEffect(() => {\n      if (activeIndex < 0) return;\n      const scroller = scrollRef.current;\n      if (!scroller) return;\n      const target = scroller.querySelector(\n        `[data-line-index=\"${activeIndex}\"]`,\n      ) as HTMLElement | null;\n      if (!target) return;\n      const prefersReducedMotion =\n        typeof window !== 'undefined' &&\n        window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      target.scrollIntoView({\n        block: 'center',\n        behavior: prefersReducedMotion ? 'auto' : 'smooth',\n      });\n    }, [activeIndex]);\n\n    const renderLine = useCallback(\n      (\n        line: TranscriptLine,\n        index: number,\n        extras?: {\n          liRef?: (node: HTMLLIElement | null) => void;\n          dataIndex?: number;\n          // Style is an inline-style escape hatch — virtualizer offsets\n          // cannot be expressed as static Tailwind. See 23-constraints §4.\n          style?: CSSProperties;\n          absolutePositioning?: boolean;\n        },\n      ) => {\n        const isActive = index === activeIndex;\n        const slot = speakerSlot(line.speaker);\n        const lowConfidence =\n          typeof line.confidence === 'number' && line.confidence < 0.6;\n        return (\n          <li\n            key={index}\n            ref={extras?.liRef}\n            data-line-index={index}\n            data-turn-id={String(index)}\n            data-index={extras?.dataIndex}\n            aria-current={isActive ? 'true' : undefined}\n            // eslint-disable-next-line react/forbid-dom-props -- virtualizer translateY offset, runtime-computed\n            style={extras?.style}\n            className={[\n              'ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n              'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n              isActive\n                ? 'ds:bg-[color:var(--accent)]/12 ds:border-s-[3px] ds:border-[color:var(--primary)]'\n                : 'ds:border-s-[3px] ds:border-transparent',\n              extras?.absolutePositioning\n                ? 'ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full'\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            <button\n              type=\"button\"\n              onClick={() => onSeek?.(line.start)}\n              aria-label={t('chat.transcript.seekTo', {\n                time: formatTime(line.start, i18n.language),\n              })}\n              className={[\n                'ds:inline-flex ds:items-center ds:justify-center',\n                'ds:font-[family-name:var(--font-mono)]',\n                'type-meta',\n                'ds:tabular-nums',\n                'ds:text-[color:var(--muted-foreground)]',\n                'ds:rounded-[var(--radius-sm)]',\n                'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n                // WCAG 2.5.5 target size: 44×44 default, 48×48 in accessible\n                // themes — matches the DS `--min-target-size` token.\n                'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n                'ds:hover:bg-muted/20',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:forced-colors:focus-visible:outline-[CanvasText]',\n              ].join(' ')}\n            >\n              <time dir=\"ltr\" dateTime={secondsToIsoDuration(line.start)}>\n                {formatTime(line.start, i18n.language)}\n              </time>\n            </button>\n            <div className=\"ds:flex-1 ds:min-w-0\">\n              <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                <span\n                  aria-hidden=\"true\"\n                  className={`ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${SPEAKER_BG_CLASSES[slot]}`}\n                />\n                <strong className=\"type-title-item\">\n                  {t('chat.transcript.speaker', { name: line.speaker })}\n                </strong>\n                {lowConfidence ? (\n                  <span className=\"type-meta ds:italic ds:text-[color:var(--muted-foreground)]\">\n                    ({t('chat.transcript.lowConfidence')})\n                  </span>\n                ) : null}\n              </div>\n              <span\n                dir=\"auto\"\n                className={[\n                  'ds:block',\n                  lowConfidence\n                    ? 'ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]'\n                    : '',\n                ].join(' ')}\n              >\n                <HighlightedText text={line.text} query={query} />\n              </span>\n            </div>\n          </li>\n        );\n      },\n      [activeIndex, i18n.language, onSeek, query, t],\n    );\n\n    const rootRef = useRef<HTMLElement>(null);\n    const headingId = useId();\n    useImperativeHandle(ref, () => rootRef.current as HTMLElement, []);\n\n    const agentHandle = useMemo<TranscriptPanelHandle>(\n      () => ({\n        getSelectedTurn: () => (activeIndex >= 0 ? String(activeIndex) : null),\n        focusTurn: (id: string) => {\n          const target = scrollRef.current?.querySelector(\n            `[data-turn-id=\"${id}\"]`,\n          ) as HTMLElement | null;\n          if (!target) return;\n          target.scrollIntoView({ block: 'center', behavior: 'auto' });\n          const btn = target.querySelector(\n            'button',\n          ) as HTMLButtonElement | null;\n          btn?.focus();\n        },\n        copyTurn: (id: string) => {\n          const index = Number.parseInt(id, 10);\n          if (!Number.isFinite(index)) return;\n          const line = lines[index];\n          if (!line) return;\n          if (typeof navigator !== 'undefined' && navigator.clipboard) {\n            return navigator.clipboard.writeText(line.text);\n          }\n        },\n      }),\n      [activeIndex, lines],\n    );\n    useAgentRegistration(\n      transcriptPanelAgent,\n      agentHandle,\n      rest.id as string | undefined,\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-static-element-interactions -- root keyboard shortcuts (j/k navigation, /) bubble up from focused descendants\n      <section\n        ref={rootRef}\n        onKeyDown={handleRootKeyDown}\n        data-component=\"transcript-panel\"\n        data-component-id={rest.id}\n        aria-labelledby={headingId}\n        className={rootVariants({ size, className })}\n        {...rest}\n      >\n        {/* Shared rail header — pins to the top of the panel's scroll region\n            while the transcript scrolls beneath it. The rail injects the\n            favourite / close actions via PanelHeaderActionsProvider; the\n            search field lives in the header's filters row. */}\n        <PanelHeader\n          title={t('transcriptPanel.title')}\n          icon={<FileText aria-hidden=\"true\" />}\n          headingId={headingId}\n          divider\n          filters={\n            searchable ? (\n              <>\n                <SearchInput\n                  ref={searchInputRef}\n                  id={searchId}\n                  placeholder={t('chat.transcript.search')}\n                  aria-label={t('chat.transcript.search')}\n                  aria-keyshortcuts=\"Meta+F Control+F\"\n                  debounceMs={150}\n                  onChange={(v) => setQuery(v)}\n                  size=\"sm\"\n                />\n                {query ? (\n                  <span\n                    role=\"status\"\n                    aria-live=\"polite\"\n                    className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums\"\n                  >\n                    {matchCount === 0\n                      ? t('chat.transcript.noMatches')\n                      : t('chat.transcript.matchCount', { count: matchCount })}\n                  </span>\n                ) : null}\n              </>\n            ) : undefined\n          }\n        />\n\n        <div\n          ref={scrollRef}\n          className=\"ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden\"\n        >\n          {virtualized ? (\n            <ol\n              className=\"ds:relative ds:list-none ds:ps-0 ds:m-0\"\n              // eslint-disable-next-line react/forbid-dom-props -- virtualizer total size, runtime-computed\n              style={{ blockSize: `${virtualizer.getTotalSize()}px` }}\n            >\n              {virtualizer.getVirtualItems().map((vi) => {\n                const line = lines[vi.index];\n                if (!line) return null;\n                // Put the measureElement ref on the <li> directly — a <div>\n                // child of <ol> is invalid and breaks list semantics for\n                // assistive tech.\n                return renderLine(line, vi.index, {\n                  liRef: virtualizer.measureElement,\n                  dataIndex: vi.index,\n                  style: { transform: `translateY(${vi.start}px)` },\n                  absolutePositioning: true,\n                });\n              })}\n            </ol>\n          ) : (\n            <ol className=\"ds:list-none ds:ps-0 ds:m-0\">\n              {lines.map((line, index) => renderLine(line, index))}\n            </ol>\n          )}\n        </div>\n      </section>\n    );\n  },\n);\n\nTranscriptPanel.displayName = 'TranscriptPanel';\n"],"names":["transcriptPanelAgent","handle","args","rootVariants","cva","VIRTUALIZATION_THRESHOLD","SPEAKER_SLOT_COUNT","formatTime","seconds","locale","total","m","s","fmt","n","secondsToIsoDuration","speakerSlot","name","hash","i","SPEAKER_BG_CLASSES","escapeRegExp","input","HighlightedText","text","query","escaped","part","jsx","Fragment","TranscriptPanel","forwardRef","lines","currentTime","onSeek","searchable","size","className","rest","ref","t","i18n","useTranslation","setQuery","useState","scrollRef","useRef","searchInputRef","searchId","useId","activeIndex","useMemo","line","matchCount","count","needle","hay","idx","handleRootKeyDown","useCallback","_a","virtualized","virtualizer","useVirtualizer","useIsomorphicLayoutEffect","scroller","target","prefersReducedMotion","renderLine","index","extras","isActive","slot","lowConfidence","jsxs","rootRef","headingId","useImperativeHandle","agentHandle","id","btn","useAgentRegistration","PanelHeader","FileText","SearchInput","v","vi"],"mappings":"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"}

package/dist/_chunks/{use-appointment-details-read-UXXvBeGZ.js → use-appointment-details-read-BbIoPWO6.js}

@@ -16,17 +16,17 @@ import { E as zt } from "./editable-description-KU56SP4P.js";
 import { N as Xe } from "./note-timeline-BrjHBQfx.js";
 import { P as Ot } from "./panel-header-CbtlTe85.js";
 import { P as Ge } from "./panel-subview-DCyvn-49.js";
-import { P as _t } from "./patient-summary-card-DXz07c2X.js";
+import { P as _t } from "./patient-summary-card-CL04aq8h.js";
 import { S as ne } from "./section-card-D1sV4Voz.js";
 import { C as nn, S as ue } from "./skeleton-tTWJpvAq.js";
 import { T as an } from "./text-area-COMVJ1yE.js";
 import { T as sn } from "./tooltip-uEBdD1-5.js";
 import { T as Bt } from "./treatment-receipt-pFqWFyD_.js";
 import { a as Nt } from "./whatsapp-button-DV9JFmtq.js";
-import { a as Ft, W as on } from "./workflow-status-HQ6ziE46.js";
+import { a as Ft, W as on } from "./workflow-status-9wb7iWUd.js";
 import { u as ot, a as At, i as rn } from "./appointment-workflow-status-DMjuIK90.js";
 import { E as dn } from "./empty-state-DwJ5YNzz.js";
-import { T as Ae } from "./timeline-B32dylRJ.js";
+import { T as Ae } from "./timeline-tn5QQJdS.js";
 import { C as rt } from "./calendar-clock-hbObjfGY.js";
 import { T as $t } from "./trash-2-uumy3fy1.js";
 import { A as Ve } from "./entity-card-fpm-KUKc.js";
@@ -35,7 +35,7 @@ import { P as me } from "./pencil-B1sKKyuT.js";
 import { C as Je } from "./clock-Drd4Wtis.js";
 import { c as Fe } from "./createLucideIcon-DhHxpK9K.js";
 import { A as cn } from "./arrow-right-KsIrLdt0.js";
-import { A as Ze } from "./avatar-a6042Ox2.js";
+import { A as Ze } from "./avatar-BoqdWsNe.js";
 import { B as $e } from "./badge-BUk4RjTS.js";
 import { H as dt } from "./heart-pulse-BCppJyN2.js";
 import { G as un } from "./globe-sHBW1JN5.js";
@@ -2195,4 +2195,4 @@ export {
   Kn as s,
   _s as u
 };
-//# sourceMappingURL=use-appointment-details-read-UXXvBeGZ.js.map
+//# sourceMappingURL=use-appointment-details-read-BbIoPWO6.js.map