@k2b/ui 0.18.0 → 0.20.0

package/dist/browser/content/MessageRow.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/MessageRow.tsx"],"sourcesContent":["import { fileIcons } from \"@k2b/stdlib\";\nimport type { Token, Tokens } from \"marked\";\nimport { type Accessor, createMemo, createSignal, createUniqueId, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { copyText } from \"../actions/CopyButton\";\nimport { announce } from \"../feedback/announce\";\nimport { useLocale } from \"../intl/locale\";\nimport { type UiMessages, useUiMessages } from \"../intl/messages\";\nimport { ScrollArea } from \"../layout/ScrollArea\";\nimport { Avatar } from \"../surfaces/Avatar\";\nimport { createSafeMarked, createSafeRenderer, escapeHtml } from \"./MarkdownView\";\n\n/** Messages by the same author within this time continue a group. */\nconst GROUP_WINDOW_MS = 5 * 60_000;\n/**\n * A message collapses to ten lines (`.k2b-message-row__text[data-collapsed]`) when its rendered text takes more lines\n * than this. `renderedLines` counts the fewest lines the text takes at any width, so a collapsed message always hides\n * some of it.\n */\nconst COLLAPSE_LINES = 14;\n/** Visible characters that take at least one line of a message, even at its widest. */\nconst LINE_CHARS = 100;\n/** Lines at the bottom of a collapsed message that fade out, as `.k2b-message-row__text[data-collapsed]` draws them. */\nconst FADE_LINES = 2;\nconst COPIED_MS = 2_000;\n/** Links in messages may only use these schemes; other links show as their text. */\nconst LINK_PROTOCOLS = [\"https:\", \"http:\", \"mailto:\"] as const;\n/** Attachments open and load only from these schemes or from a relative URL. */\nconst ATTACHMENT_PROTOCOLS = new Set([\"https:\", \"http:\"]);\n/**\n * A picture may also show a file that is still uploading. A `blob:` URL runs in the page's origin when it is opened,\n * so links never use one.\n */\nconst PICTURE_PROTOCOLS = new Set([...ATTACHMENT_PROTOCOLS, \"blob:\"]);\n/** A grid shows this many images or videos; the last one tells how many more there are. */\nconst MEDIA_SHOWN = 4;\n/** A single image keeps its own aspect ratio within these bounds; beyond them it is cropped to fit. */\nconst MEDIA_RATIO_MIN = 0.5;\nconst MEDIA_RATIO_MAX = 3;\n\nexport type MessageRowAuthor = {\n  /** Display name, shown at the start of a group and read before every message. */\n  name: string;\n  /** Picture URL. Without one, the avatar shows initials on the author's tint. */\n  avatar?: string | null;\n  /** Icon class shown instead of initials, for example for an automated author. */\n  icon?: string;\n};\n\nexport type MessageRowStatus = \"pending\" | \"sent\" | \"failed\";\n\nexport type MessageRowAction = {\n  id: string;\n  /** Accessible name and tooltip. */\n  label: string;\n  /** Icon class, for example `ti ti-arrow-back-up`. */\n  icon: string;\n  onSelect: () => void;\n  disabled?: boolean;\n};\n\nexport type MessageRowQuote = {\n  /** Name of the quoted message's author. */\n  author: string;\n  /** Plain text of the quoted message. It shows at most two lines. */\n  text: string;\n  /** Opens the quoted message, for example by scrolling to it. Without it, the quote is not a control. */\n  onSelect?: () => void;\n};\n\nexport type MessageRowReaction = {\n  /** Stable identity of the reaction, passed to `onToggleReaction`. */\n  key: string;\n  emoji: string;\n  count: number;\n  /** The reader reacted this way; the chip shows pressed. */\n  own?: boolean;\n  /** Who reacted, for example \"Nora, Tobias\". Read by screen readers and shown as a tooltip. */\n  label?: string;\n};\n\nexport type MessageRowThread = {\n  /** Number of replies. */\n  count: number;\n  /** People who replied, most recent first; the bar shows up to three. */\n  participants?: readonly MessageRowAuthor[];\n  /** Visible time of the last reply, formatted by the caller. */\n  lastReply?: string;\n  lastReplyDateTime?: string | Date;\n  onOpen: () => void;\n};\n\ntype MessageRowAttachmentTarget = {\n  /** Opens the attachment, for example in a lightbox. Takes precedence over `href`. */\n  onOpen?: () => void;\n  /** Opens the attachment in a new tab. Absolute `https` or `http`, or relative. */\n  href?: string;\n};\n\nexport type MessageRowMedia = MessageRowAttachmentTarget & {\n  kind: \"image\" | \"video\";\n  /** The image, or the poster frame of a video. Absolute `https` or `http`, relative, `blob`, or `data:image/`. */\n  src: string;\n  /** Describes the image or video for people who cannot see it. */\n  alt: string;\n  /** Stored pixel size. The row reserves the area from it, so nothing moves when the image loads. */\n  width: number;\n  height: number;\n  /** Visible length of a video, for example \"0:42\". */\n  duration?: string;\n};\n\nexport type MessageRowFile = MessageRowAttachmentTarget & {\n  kind: \"file\";\n  name: string;\n  /** Second line, for example \"PDF · 412 KB\". */\n  detail?: string;\n  /** Media type, used with the name to choose the icon. */\n  mediaType?: string;\n  /** Icon class instead of the one chosen from the name. */\n  icon?: string;\n};\n\nexport type MessageRowAttachment = MessageRowMedia | MessageRowFile;\n\nexport type MessageRowProgress = {\n  /** What is happening, for example \"Writing\" or \"Searching the files\". */\n  status: string;\n  /** Called by \"Stop\". */\n  onStop?: () => void;\n};\n\nexport type MessageRowProps = {\n  author: MessageRowAuthor;\n  /** Message text as Markdown. Raw HTML shows as text; links must be absolute and use `https`, `http`, or `mailto`. */\n  text: string;\n  /** Visible time, formatted by the caller, so server and browser render the same text. */\n  time: string;\n  /** Machine-readable time for the `<time>` element. */\n  dateTime?: string | Date;\n  /** The reader's own message: on the right in the accent tint, without avatar or name. */\n  own?: boolean;\n  /**\n   * Starts a group with avatar, name, badge, and time. A continuation shows only its text; screen readers still hear\n   * the author and time. Defaults to true; `startsMessageGroup` decides it from the previous message.\n   */\n  groupStart?: boolean;\n  /** Shown next to the name at the start of a group, for example the kind of account. */\n  badge?: JSX.Element;\n  /** Send state. Sets a line of fixed height below the message: a clock, a check, or \"Not sent\" with \"Retry\". */\n  status?: MessageRowStatus;\n  /** Text shown in that line instead of the check once someone has read the message, for example \"Read by Nora\". */\n  receipt?: string;\n  /** Called by \"Retry\" while `status` is `\"failed\"`. */\n  onRetry?: () => void;\n  /** Shown as a toolbar over the message while it is hovered or focused. It never moves the layout. */\n  actions?: readonly MessageRowAction[];\n  /** The message this one answers, shown above it. */\n  quote?: MessageRowQuote;\n  /** Marks the message as forwarded from somewhere else. */\n  forwarded?: boolean;\n  /** Marks the message as edited after it was sent. */\n  edited?: boolean;\n  /** Shows \"This message was deleted\" instead of the text, quote, attachments, previews, and reactions. */\n  deleted?: boolean;\n  /** Images and videos in a grid with areas reserved from their stored size, then files as chips. */\n  attachments?: readonly MessageRowAttachment[];\n  /** A preview of a link in the text, supplied with its final height. */\n  linkPreview?: JSX.Element;\n  /** A card for an element the message refers to, such as a task or a document, supplied with its final height. */\n  card?: JSX.Element;\n  /**\n   * Reactions in a bar of fixed height. The bar shows whenever this is set, even to an empty list, so chips that come\n   * and go never change the row. Only setting it where it was unset adds a line, so pass it on own messages and on\n   * messages that have or had reactions, and leave it out on others' messages that never had one.\n   */\n  reactions?: readonly MessageRowReaction[];\n  /** Called with a reaction's `key` when the reader presses its chip. Without it, the chips are not controls. */\n  onToggleReaction?: (key: string) => void;\n  /** Called by \"Add reaction\" in the reaction bar, with the button to anchor a picker to. */\n  onAddReaction?: (anchor: HTMLElement) => void;\n  /** A bar of fixed height that opens the replies to this message. */\n  thread?: MessageRowThread;\n  /** The message is still being written, by a person or an automated author alike: a status line with \"Stop\". */\n  progress?: MessageRowProgress;\n  class?: string;\n};\n\nexport type MessageSystemRowProps = {\n  /** What happened, for example \"Nora added Tobias\". */\n  children: JSX.Element;\n  /** Visible time, formatted by the caller. */\n  time?: string;\n  dateTime?: string | Date;\n  /** Icon class shown before the text. */\n  icon?: string;\n  class?: string;\n};\n\nexport type MessageGroupEntry = {\n  /** Stable identity of the author. */\n  author: string;\n  at: Date | number | string;\n  /** System rows never belong to a group. */\n  system?: boolean;\n};\n\nconst timestamp = (value: Date | number | string) => (value instanceof Date ? value.getTime() : new Date(value).getTime());\n\n/**\n * Whether a message starts a new group: there is no previous message, either is a system row, the author changes, or\n * more than five minutes passed. Also start a group where you show a separator such as a new day.\n */\nexport const startsMessageGroup = (entry: MessageGroupEntry, previous?: MessageGroupEntry | null): boolean => {\n  if (!previous || entry.system || previous.system || entry.author !== previous.author) return true;\n  const gap = timestamp(entry.at) - timestamp(previous.at);\n  return !(gap >= 0 && gap <= GROUP_WINDOW_MS);\n};\n\n/** Text that wraps: every `LINE_CHARS` visible characters of a line take at least one line. */\nconst wrappedLines = (text: string): number =>\n  text.split(\"\\n\").reduce((lines, line) => lines + Math.ceil(line.trim().length / LINE_CHARS), 0);\n\n/** What inline tokens show: a link its label, never its destination. */\nconst inlineText = (tokens: readonly Token[]): string => {\n  let text = \"\";\n  for (const token of tokens) {\n    if (token.type === \"br\") text += \"\\n\";\n    else if (\"tokens\" in token && token.tokens) text += inlineText(token.tokens);\n    else if (\"text\" in token) text += token.text;\n  }\n  return text;\n};\n\n/**\n * The fewest lines the rendered tokens take at any width. Code never wraps, so each of its lines is one line, blank\n * ones too, and its bar one more. Link destinations and reference definitions show nothing. Decided from the text\n * alone, so the row has its final height when it mounts.\n */\nconst renderedLines = (tokens: readonly Token[]): number => {\n  let lines = 0;\n  for (const token of tokens) {\n    switch (token.type) {\n      case \"code\":\n        lines += token.text.split(\"\\n\").length + 1;\n        break;\n      case \"list\":\n        for (const item of token.items) lines += Math.max(1, renderedLines(item.tokens));\n        break;\n      case \"table\":\n        lines += token.rows.length + (token.header.some((cell: Tokens.TableCell) => cell.text.trim()) ? 1 : 0);\n        break;\n      case \"paragraph\":\n      case \"heading\":\n      case \"text\":\n        lines += wrappedLines(token.tokens ? inlineText(token.tokens) : token.text);\n        break;\n      case \"hr\":\n        lines += 1;\n        break;\n      case \"space\":\n      case \"def\":\n        break;\n      default:\n        if (\"tokens\" in token && token.tokens) lines += renderedLines(token.tokens);\n        else if (\"text\" in token) lines += wrappedLines(token.text);\n    }\n  }\n  return lines;\n};\n\n/** Messages link only to absolute URLs; a relative one would lead somewhere else on every page that shows it. */\nconst isAbsoluteUrl = (href: string): boolean => {\n  try {\n    return new URL(href).protocol !== \"\";\n  } catch {\n    return false;\n  }\n};\n\nconst dateTimeOf = (value: string | Date | undefined): string | undefined => {\n  if (value === undefined) return undefined;\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isFinite(date.getTime()) ? date.toISOString() : undefined;\n};\n\n/**\n * An attachment URL the row may load or open: absolute with an allowed scheme, or relative to the page. A picture may\n * also be a `blob:` URL or a `data:image/` URL, which an image element shows without running anything.\n */\nconst attachmentUrl = (url: string | undefined, picture = false): string | undefined => {\n  if (!url) return undefined;\n  if (picture && /^data:image\\//i.test(url)) return url;\n  try {\n    return (picture ? PICTURE_PROTOCOLS : ATTACHMENT_PROTOCOLS).has(new URL(url, \"https://relative.invalid/\").protocol) ? url : undefined;\n  } catch {\n    return undefined;\n  }\n};\n\n/** The aspect ratio a single image or video reserves, from its stored size. */\nconst mediaRatio = (media: MessageRowMedia): number => {\n  const ratio = media.width > 0 && media.height > 0 ? media.width / media.height : 4 / 3;\n  return Math.min(MEDIA_RATIO_MAX, Math.max(MEDIA_RATIO_MIN, ratio));\n};\n\n/** The width of a single image or video: its stored width, at most the row's media height tall, never wider than the row. */\nconst mediaWidth = (media: MessageRowMedia): string => {\n  const natural = Number.isFinite(media.width) && media.width > 0 ? `${media.width}px, ` : \"\";\n  return `min(100%, ${natural}calc(var(--k2b-message-media-height) * ${mediaRatio(media)}))`;\n};\n\n/** Only the `ti-*` glyph of `fileIcons`, which may add colour utilities that `@k2b/ui` does not ship. */\nconst fileIcon = (file: MessageRowFile): string =>\n  file.icon ??\n  `ti ${fileIcons\n    .getFileIcon({ name: file.name, type: \"file\", mimeType: file.mediaType })\n    .split(/\\s+/)\n    .filter((token) => token.startsWith(\"ti-\"))\n    .join(\" \")}`;\n\n/** A link, a button, or neither, depending on what the caller passes. */\nfunction AttachmentTarget(\n  props: MessageRowAttachmentTarget & {\n    class: string;\n    style?: JSX.CSSProperties;\n    /** Names a picture; without a link or button around it, the element becomes the image. */\n    label?: string;\n    children: JSX.Element;\n  },\n): JSX.Element {\n  return (\n    <Show\n      when={props.onOpen}\n      fallback={\n        <Show\n          when={attachmentUrl(props.href)}\n          fallback={\n            <Show\n              when={props.label}\n              fallback={\n                <span class={props.class} style={props.style}>\n                  {props.children}\n                </span>\n              }\n            >\n              {(label) => (\n                <span class={props.class} style={props.style} role=\"img\" aria-label={label()}>\n                  {props.children}\n                </span>\n              )}\n            </Show>\n          }\n        >\n          {(href) => (\n            <a class={props.class} style={props.style} href={href()} target=\"_blank\" rel=\"noopener noreferrer\" aria-label={props.label}>\n              {props.children}\n            </a>\n          )}\n        </Show>\n      }\n    >\n      {(open) => (\n        <button type=\"button\" class={props.class} style={props.style} aria-label={props.label} onClick={() => open()()}>\n          {props.children}\n        </button>\n      )}\n    </Show>\n  );\n}\n\n/**\n * Renders the safe Markdown of `MarkdownView` with line breaks kept, absolute links only, and a copy control above\n * every code block, and counts the fewest lines it takes. An edited message that does not collapse ends with the marker.\n */\nconst renderMessage = (text: string, locale: string, messages: UiMessages, edited: boolean): { html: string; lines: number } => {\n  const renderer = createSafeRenderer({ allowImages: false, linkProtocols: LINK_PROTOCOLS, linkTarget: \"_blank\", locale });\n  const renderLink = renderer.link.bind(renderer);\n  renderer.link = (token: Tokens.Link) => (isAbsoluteUrl(token.href) ? renderLink(token) : renderer.parser.parseInline(token.tokens));\n  const renderCode = renderer.code.bind(renderer);\n  renderer.code = (token: Tokens.Code) => {\n    const language = token.lang?.match(/^\\S{1,24}/)?.[0];\n    const block = renderCode(token).replace(/^<pre>/, '<pre tabindex=\"0\">');\n    return (\n      '<div class=\"k2b-message-row__code\"><div class=\"k2b-message-row__code-bar\">' +\n      `<span class=\"k2b-message-row__code-label\">${escapeHtml(language ?? messages.code)}</span>` +\n      '<button type=\"button\" class=\"k2b-message-row__copy\">' +\n      `<span class=\"k2b-message-row__copy-idle\"><i class=\"ti ti-copy\" aria-hidden=\"true\"></i>${escapeHtml(messages.copy)}</span>` +\n      `<span class=\"k2b-message-row__copy-done\"><i class=\"ti ti-check\" aria-hidden=\"true\"></i>${escapeHtml(messages.copied)}</span>` +\n      `</button></div>${block}</div>`\n    );\n  };\n  const marked = createSafeMarked(locale).setOptions({ breaks: true, renderer });\n  const tokens = marked.lexer(text);\n  const html = marked.parser(tokens);\n  const lines = renderedLines(tokens);\n  // A collapsed message would hide the end of its text, so its marker sits next to \"Show more\" instead.\n  if (!edited || lines > COLLAPSE_LINES) return { html, lines };\n  // The marker ends the last paragraph, so it takes no line of its own there.\n  const marker = `<span class=\"k2b-message-row__edited\">${escapeHtml(messages.messageEdited)}</span>`;\n  const end = html.trimEnd();\n  return { html: end.endsWith(\"</p>\") ? `${end.slice(0, -4)} ${marker}</p>` : `${html}<p>${marker}</p>`, lines };\n};\n\n/**\n * One message in a conversation with many people: own messages on the right, others on the left with avatar, name,\n * and time at the start of a group. Every part has its final height when the row mounts, so a virtualized list such\n * as `VirtualFeed` keeps its positions.\n */\nexport function MessageRow(props: MessageRowProps): JSX.Element {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  const textId = `k2b-message-${createUniqueId()}`;\n  const [expanded, setExpanded] = createSignal(false);\n  const rendered = createMemo(() => renderMessage(props.text, locale(), messages(), Boolean(props.edited)));\n  const collapsible = () => rendered().lines > COLLAPSE_LINES;\n  const collapsed = () => collapsible() && !expanded();\n  const groupStart = () => props.groupStart ?? true;\n  const hasLine = () => props.progress !== undefined || props.status !== undefined || props.receipt !== undefined;\n  const reactions = () => (props.deleted ? undefined : props.reactions);\n  // Chips follow their keys, so a chip keeps its element, and focus, when the caller passes new objects for it.\n  const reactionKeys = createMemo(() => reactions()?.map((reaction) => reaction.key) ?? []);\n  const reactionByKey = createMemo(() => new Map(reactions()?.map((reaction) => [reaction.key, reaction])));\n  const hasFooter = () => hasLine() || reactions() !== undefined;\n  const writing = () => props.progress !== undefined && !props.deleted && props.text.trim() === \"\";\n  const hasBubble = () => props.deleted || writing() || props.text.trim() !== \"\";\n  const content = () => !props.deleted;\n  const media = createMemo(() =>\n    content() ? (props.attachments ?? []).filter((attachment): attachment is MessageRowMedia => attachment.kind !== \"file\") : [],\n  );\n  const files = createMemo(() =>\n    content() ? (props.attachments ?? []).filter((attachment): attachment is MessageRowFile => attachment.kind === \"file\") : [],\n  );\n  const shownMedia = () => media().slice(0, MEDIA_SHOWN);\n  const hiddenMedia = () => media().length - shownMedia().length;\n  let text: HTMLDivElement | undefined;\n  let copiedTimer: ReturnType<typeof setTimeout> | undefined;\n\n  onCleanup(() => clearTimeout(copiedTimer));\n\n  const copyCode = (event: MouseEvent) => {\n    const button = (event.target as Element | null)?.closest?.<HTMLButtonElement>(\".k2b-message-row__copy\");\n    if (!button || !text?.contains(button)) return;\n    const code = button.closest(\".k2b-message-row__code\")?.querySelector(\"pre\")?.textContent ?? \"\";\n    copyText(code).then(\n      () => {\n        for (const other of text?.querySelectorAll<HTMLElement>(\".k2b-message-row__copy[data-copied]\") ?? []) delete other.dataset.copied;\n        button.dataset.copied = \"\";\n        announce(messages().copied);\n        clearTimeout(copiedTimer);\n        copiedTimer = setTimeout(() => delete button.dataset.copied, COPIED_MS);\n      },\n      () => {},\n    );\n  };\n\n  // A keyboard user who reaches a link or code block in the hidden or faded part of a collapsed message gets the whole\n  // message. The collapsed text clips instead of scrolling, so the browser cannot scroll it to the target instead.\n  const revealFocus = (event: FocusEvent) => {\n    if (!text || !collapsed() || !(event.target instanceof Element)) return;\n    const fade = text.getBoundingClientRect().bottom - FADE_LINES * Number.parseFloat(getComputedStyle(text).lineHeight);\n    if (event.target.getBoundingClientRect().bottom > fade) setExpanded(true);\n  };\n\n  const header = () => (\n    <>\n      <span class=\"k2b-message-row__name\">{props.author.name}</span>\n      <Show when={props.badge}>\n        <span class=\"k2b-message-row__badge\">{props.badge}</span>\n      </Show>\n      <time class=\"k2b-message-row__time\" datetime={dateTimeOf(props.dateTime)}>\n        {props.time}\n      </time>\n    </>\n  );\n\n  const quote = (value: MessageRowQuote) => (\n    <>\n      <i class=\"ti ti-arrow-back-up\" aria-hidden=\"true\" />\n      <span class=\"k2b-message-row__quote-text\">\n        <span class=\"k2b-sr-only\">{messages().messageReplyTo} </span>\n        <span class=\"k2b-message-row__quote-author\">{value.author}</span> {value.text}\n      </span>\n    </>\n  );\n\n  /** The picture's description, then that it is a video and how long, then how many more the grid hides. */\n  const mediaLabel = (item: MessageRowMedia, more: number) =>\n    [\n      item.alt,\n      item.kind === \"video\" ? [messages().messageVideo, item.duration].filter(Boolean).join(\" \") : \"\",\n      more > 0 ? messages().messageMoreAttachments({ count: more }) : \"\",\n    ]\n      .filter(Boolean)\n      .join(\", \");\n\n  /** A toggle button, or with no `onToggleReaction` a labelled image that also says whether the reader reacted. */\n  const reactionChip = (key: string, reaction: Accessor<MessageRowReaction>) => {\n    const label = (own: boolean) =>\n      messages().messageReaction({ emoji: reaction().emoji, count: reaction().count, names: reaction().label, own });\n    return (\n      <Show\n        when={props.onToggleReaction}\n        fallback={\n          <span\n            class=\"k2b-message-row__reaction\"\n            role=\"img\"\n            aria-label={label(Boolean(reaction().own))}\n            title={reaction().label}\n            data-own={reaction().own ? \"\" : undefined}\n          >\n            <span aria-hidden=\"true\">{reaction().emoji}</span>\n            <span aria-hidden=\"true\">{reaction().count}</span>\n          </span>\n        }\n      >\n        {(toggle) => (\n          <button\n            type=\"button\"\n            class=\"k2b-message-row__reaction\"\n            aria-pressed={reaction().own ? \"true\" : \"false\"}\n            aria-label={label(false)}\n            title={reaction().label}\n            data-own={reaction().own ? \"\" : undefined}\n            onClick={() => toggle()(key)}\n          >\n            <span aria-hidden=\"true\">{reaction().emoji}</span>\n            <span aria-hidden=\"true\">{reaction().count}</span>\n          </button>\n        )}\n      </Show>\n    );\n  };\n\n  const mediaItem = (item: MessageRowMedia, index: () => number) => {\n    const more = () => (index() === shownMedia().length - 1 ? hiddenMedia() : 0);\n    return (\n      <AttachmentTarget\n        class=\"k2b-message-row__media-item\"\n        style={media().length === 1 ? { \"aspect-ratio\": String(mediaRatio(item)) } : undefined}\n        label={mediaLabel(item, more())}\n        onOpen={item.onOpen}\n        href={item.href}\n      >\n        <img\n          src={attachmentUrl(item.src, true)}\n          alt=\"\"\n          width={item.width > 0 ? item.width : undefined}\n          height={item.height > 0 ? item.height : undefined}\n          loading=\"lazy\"\n          decoding=\"async\"\n        />\n        <Show when={item.kind === \"video\"}>\n          <span class=\"k2b-message-row__media-play\" aria-hidden=\"true\">\n            <i class=\"ti ti-player-play\" />\n          </span>\n          <Show when={item.duration}>\n            <span class=\"k2b-message-row__media-duration\" aria-hidden=\"true\">\n              {item.duration}\n            </span>\n          </Show>\n        </Show>\n        <Show when={more() > 0}>\n          <span class=\"k2b-message-row__media-more\" aria-hidden=\"true\">\n            +{more()}\n          </span>\n        </Show>\n      </AttachmentTarget>\n    );\n  };\n\n  return (\n    <div\n      class={props.class ? `k2b-message-row ${props.class}` : \"k2b-message-row\"}\n      data-own={props.own ? \"\" : undefined}\n      data-group-start={groupStart() ? \"\" : undefined}\n      data-status={props.status}\n      data-media={media().length > 0 ? \"\" : undefined}\n    >\n      <Show when={!props.own}>\n        <div class=\"k2b-message-row__gutter\">\n          <Show when={groupStart()}>\n            <span class=\"k2b-message-row__avatar\" aria-hidden=\"true\">\n              <Avatar name={props.author.name} src={props.author.avatar} icon={props.author.icon} size=\"sm\" />\n            </span>\n          </Show>\n        </div>\n      </Show>\n      <div class=\"k2b-message-row__body\">\n        <Show\n          when={groupStart()}\n          fallback={\n            <span class=\"k2b-sr-only\">\n              {props.author.name}, {props.time}:{\" \"}\n            </span>\n          }\n        >\n          <Show\n            when={!props.own}\n            fallback={\n              <div class=\"k2b-message-row__meta\">\n                <span class=\"k2b-sr-only\">{props.author.name}, </span>\n                <time class=\"k2b-message-row__time\" datetime={dateTimeOf(props.dateTime)}>\n                  {props.time}\n                </time>\n              </div>\n            }\n          >\n            <div class=\"k2b-message-row__meta\">{header()}</div>\n          </Show>\n        </Show>\n        <Show when={content() && props.forwarded}>\n          <div class=\"k2b-message-row__marker\">\n            <i class=\"ti ti-arrow-forward-up\" aria-hidden=\"true\" />\n            <span>{messages().messageForwarded}</span>\n          </div>\n        </Show>\n        <Show when={content() && props.quote}>\n          {(value) => (\n            <Show when={value().onSelect} fallback={<div class=\"k2b-message-row__quote\">{quote(value())}</div>}>\n              {(select) => (\n                <button type=\"button\" class=\"k2b-message-row__quote\" onClick={() => select()()}>\n                  {quote(value())}\n                </button>\n              )}\n            </Show>\n          )}\n        </Show>\n        <Show when={hasBubble()}>\n          <div\n            class=\"k2b-message-row__bubble\"\n            data-deleted={props.deleted ? \"\" : undefined}\n            aria-busy={props.progress && !props.deleted ? \"true\" : undefined}\n          >\n            <Show\n              when={!props.deleted}\n              fallback={\n                <span class=\"k2b-message-row__deleted\">\n                  <i class=\"ti ti-message-off\" aria-hidden=\"true\" />\n                  {messages().messageDeleted}\n                </span>\n              }\n            >\n              <Show\n                when={!writing()}\n                fallback={\n                  <span class=\"k2b-message-row__writing\">\n                    <span class=\"k2b-chat-progress-dots\" aria-hidden=\"true\">\n                      <span />\n                      <span />\n                      <span />\n                    </span>\n                  </span>\n                }\n              >\n                {/* biome-ignore lint/a11y/noStaticElementInteractions lint/a11y/useKeyWithClickEvents: the native copy buttons inside the rendered Markdown are the targets; their clicks, including from the keyboard, bubble here. */}\n                <div\n                  ref={text}\n                  id={textId}\n                  class=\"k2b-content-markdown k2b-message-row__text\"\n                  data-heading-scale=\"compact\"\n                  data-collapsed={collapsed() ? \"\" : undefined}\n                  onClick={copyCode}\n                  onFocusIn={revealFocus}\n                  innerHTML={rendered().html}\n                />\n                <Show when={collapsible()}>\n                  <div class=\"k2b-message-row__more-line\">\n                    <Button\n                      variant=\"text\"\n                      size=\"xs\"\n                      class=\"k2b-message-row__more\"\n                      aria-expanded={expanded() ? \"true\" : \"false\"}\n                      aria-controls={textId}\n                      onClick={() => setExpanded((value) => !value)}\n                    >\n                      {expanded() ? messages().messageShowLess : messages().messageShowMore}\n                    </Button>\n                    <Show when={props.edited}>\n                      <span class=\"k2b-message-row__edited\">{messages().messageEdited}</span>\n                    </Show>\n                  </div>\n                </Show>\n              </Show>\n            </Show>\n          </div>\n        </Show>\n        {/* Without a bubble to end, the edit marker takes the bubble's place. */}\n        <Show when={content() && props.edited && !hasBubble()}>\n          <div class=\"k2b-message-row__marker\">\n            <i class=\"ti ti-pencil\" aria-hidden=\"true\" />\n            <span class=\"k2b-message-row__edited\">{messages().messageEdited}</span>\n          </div>\n        </Show>\n        <Show when={media().length > 0}>\n          <div\n            class=\"k2b-message-row__media\"\n            role=\"group\"\n            aria-label={messages().attachments}\n            data-count={Math.min(media().length, MEDIA_SHOWN)}\n            style={media().length === 1 ? { width: mediaWidth(media()[0]!) } : undefined}\n          >\n            <For each={shownMedia()}>{(item, index) => mediaItem(item, index)}</For>\n          </div>\n        </Show>\n        <Show when={files().length > 0}>\n          <div class=\"k2b-message-row__files\">\n            <For each={files()}>\n              {(file) => (\n                <AttachmentTarget class=\"k2b-message-row__file\" onOpen={file.onOpen} href={file.href}>\n                  <span class=\"k2b-message-row__file-icon\" aria-hidden=\"true\">\n                    <i class={fileIcon(file)} />\n                  </span>\n                  <span class=\"k2b-message-row__file-copy\">\n                    <span class=\"k2b-message-row__file-name\">{file.name}</span>\n                    <Show when={file.detail}>\n                      <span class=\"k2b-message-row__file-detail\">{file.detail}</span>\n                    </Show>\n                  </span>\n                </AttachmentTarget>\n              )}\n            </For>\n          </div>\n        </Show>\n        <Show when={content() && props.linkPreview}>\n          <div class=\"k2b-message-row__slot\">{props.linkPreview}</div>\n        </Show>\n        <Show when={content() && props.card}>\n          <div class=\"k2b-message-row__slot\">{props.card}</div>\n        </Show>\n        <Show when={props.thread}>\n          {(thread) => (\n            <button type=\"button\" class=\"k2b-message-row__thread\" onClick={() => thread().onOpen()}>\n              <Show when={(thread().participants?.length ?? 0) > 0}>\n                <span class=\"k2b-message-row__thread-people\" aria-hidden=\"true\">\n                  <For each={thread().participants?.slice(0, 3)}>\n                    {(person) => <Avatar name={person.name} src={person.avatar} icon={person.icon} size=\"xs\" />}\n                  </For>\n                </span>\n              </Show>\n              <span class=\"k2b-message-row__thread-count\">{messages().messageReplies({ count: thread().count })}</span>\n              <Show when={thread().lastReply}>\n                {(time) => (\n                  <time class=\"k2b-message-row__thread-time\" datetime={dateTimeOf(thread().lastReplyDateTime)}>\n                    {messages().messageLastReply({ time: time() })}\n                  </time>\n                )}\n              </Show>\n            </button>\n          )}\n        </Show>\n        <Show when={hasFooter()}>\n          <div class=\"k2b-message-row__footer\">\n            <Show when={reactions()}>\n              {(list) => (\n                <div\n                  class=\"k2b-message-row__reactions\"\n                  role=\"group\"\n                  aria-label={messages().messageReactions}\n                  data-empty={list().length === 0 ? \"\" : undefined}\n                >\n                  <Show when={list().length > 0}>\n                    {/* Chips that do not fit scroll sideways behind a fade. Read-only chips are no tab stops, so the list\n                        is one: a keyboard can scroll it. */}\n                    <ScrollArea\n                      orientation=\"horizontal\"\n                      class=\"k2b-message-row__reaction-list\"\n                      tabindex={props.onToggleReaction ? undefined : 0}\n                    >\n                      <For each={reactionKeys()}>\n                        {(key) => <Show when={reactionByKey().get(key)}>{(reaction) => reactionChip(key, reaction)}</Show>}\n                      </For>\n                    </ScrollArea>\n                  </Show>\n                  <Show when={props.onAddReaction}>\n                    {(add) => (\n                      <IconButton\n                        label={messages().messageAddReaction}\n                        size=\"xs\"\n                        class=\"k2b-message-row__react\"\n                        onClick={(event) => add()(event.currentTarget)}\n                      >\n                        <i class=\"ti ti-mood-plus\" aria-hidden=\"true\" />\n                      </IconButton>\n                    )}\n                  </Show>\n                </div>\n              )}\n            </Show>\n            <Show when={hasLine()}>\n              <div class=\"k2b-message-row__line\">\n                <Show\n                  when={props.progress}\n                  fallback={\n                    <>\n                      <Show when={props.status === \"pending\"}>\n                        <i class=\"ti ti-clock\" aria-hidden=\"true\" />\n                        <span>{messages().sending}</span>\n                      </Show>\n                      <Show when={props.status === \"failed\"}>\n                        <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" />\n                        <span>{messages().messageNotSent}</span>\n                        <Show when={props.onRetry}>\n                          {(retry) => (\n                            <Button variant=\"text\" size=\"xs\" onClick={() => retry()()}>\n                              {messages().messageRetry}\n                            </Button>\n                          )}\n                        </Show>\n                      </Show>\n                      <Show when={props.status !== \"pending\" && props.status !== \"failed\"}>\n                        <Show\n                          when={props.receipt}\n                          fallback={\n                            <Show when={props.status === \"sent\"}>\n                              <i class=\"ti ti-check\" aria-hidden=\"true\" />\n                              <span class=\"k2b-sr-only\">{messages().messageSent}</span>\n                            </Show>\n                          }\n                        >\n                          {(receipt) => (\n                            <>\n                              <i class=\"ti ti-checks\" aria-hidden=\"true\" />\n                              <span class=\"k2b-message-row__receipt\">{receipt()}</span>\n                            </>\n                          )}\n                        </Show>\n                      </Show>\n                    </>\n                  }\n                >\n                  {(progress) => (\n                    <>\n                      <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                      <span class=\"k2b-message-row__line-text\">{progress().status}</span>\n                      <Show when={progress().onStop}>\n                        {(stop) => (\n                          <Button variant=\"text\" size=\"xs\" onClick={() => stop()()}>\n                            {messages().messageStop}\n                          </Button>\n                        )}\n                      </Show>\n                    </>\n                  )}\n                </Show>\n              </div>\n            </Show>\n          </div>\n        </Show>\n      </div>\n      <Show when={(props.actions?.length ?? 0) > 0}>\n        <div class=\"k2b-message-row__actions\" role=\"group\" aria-label={messages().messageActions}>\n          <For each={props.actions}>\n            {(action) => (\n              <IconButton label={action.label} size=\"sm\" disabled={action.disabled} onClick={() => action.onSelect()}>\n                <i class={action.icon} aria-hidden=\"true\" />\n              </IconButton>\n            )}\n          </For>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\n/** A quiet, centered line for something that happened in the conversation, such as a person joining. */\nexport function MessageSystemRow(props: MessageSystemRowProps): JSX.Element {\n  return (\n    <div class={props.class ? `k2b-message-system-row ${props.class}` : \"k2b-message-system-row\"}>\n      <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      <span>{props.children}</span>\n      <Show when={props.time}>\n        <time datetime={dateTimeOf(props.dateTime)}>{props.time}</time>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/MessageRow.tsx"],"sourcesContent":["import { fileIcons } from \"@k2b/stdlib\";\nimport type { Token, Tokens } from \"marked\";\nimport { type Accessor, createMemo, createSignal, createUniqueId, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { copyText } from \"../actions/CopyButton\";\nimport { announce } from \"../feedback/announce\";\nimport { useLocale } from \"../intl/locale\";\nimport { type UiMessages, useUiMessages } from \"../intl/messages\";\nimport { ScrollArea } from \"../layout/ScrollArea\";\nimport { Avatar } from \"../surfaces/Avatar\";\nimport { createSafeMarked, createSafeRenderer, escapeHtml } from \"./MarkdownView\";\n\n/** Messages by the same author within this time continue a group. */\nconst GROUP_WINDOW_MS = 5 * 60_000;\n/**\n * A message collapses to ten lines (`.k2b-message-row__text[data-collapsed]`) when its rendered text takes more lines\n * than this. `renderedLines` counts the fewest lines the text takes at any width, so a collapsed message always hides\n * some of it.\n */\nconst COLLAPSE_LINES = 14;\n/** Visible characters that take at least one line of a message, even at its widest. */\nconst LINE_CHARS = 100;\n/** Lines at the bottom of a collapsed message that fade out, as `.k2b-message-row__text[data-collapsed]` draws them. */\nconst FADE_LINES = 2;\nconst COPIED_MS = 2_000;\n/** Links in messages may only use these schemes; other links show as their text. */\nconst LINK_PROTOCOLS = [\"https:\", \"http:\", \"mailto:\"] as const;\n/** Attachments open and load only from these schemes or from a relative URL. */\nconst ATTACHMENT_PROTOCOLS = new Set([\"https:\", \"http:\"]);\n/**\n * A picture may also show a file that is still uploading. A `blob:` URL runs in the page's origin when it is opened,\n * so links never use one.\n */\nconst PICTURE_PROTOCOLS = new Set([...ATTACHMENT_PROTOCOLS, \"blob:\"]);\n/** A grid shows this many images or videos; the last one tells how many more there are. */\nconst MEDIA_SHOWN = 4;\n/** A single image keeps its own aspect ratio within these bounds; beyond them it is cropped to fit. */\nconst MEDIA_RATIO_MIN = 0.5;\nconst MEDIA_RATIO_MAX = 3;\n\nexport type MessageRowAuthor = {\n  /** Display name, shown at the start of a group and read before every message. */\n  name: string;\n  /** Picture URL. Without one, the avatar shows initials on the author's tint. */\n  avatar?: string | null;\n  /** Icon class shown instead of initials, for example for an automated author. */\n  icon?: string;\n};\n\nexport type MessageRowStatus = \"pending\" | \"sent\" | \"failed\";\n\nexport type MessageRowAction = {\n  id: string;\n  /** Accessible name and tooltip. */\n  label: string;\n  /** Icon class, for example `ti ti-arrow-back-up`. */\n  icon: string;\n  onSelect: () => void;\n  disabled?: boolean;\n};\n\nexport type MessageRowQuote = {\n  /** Name of the quoted message's author. */\n  author: string;\n  /** Plain text of the quoted message. It shows at most two lines. */\n  text: string;\n  /** Opens the quoted message, for example by scrolling to it. Without it, the quote is not a control. */\n  onSelect?: () => void;\n};\n\nexport type MessageRowReaction = {\n  /** Stable identity of the reaction, passed to `onToggleReaction`. */\n  key: string;\n  emoji: string;\n  count: number;\n  /** The reader reacted this way; the chip shows pressed. */\n  own?: boolean;\n  /** Who reacted, for example \"Nora, Tobias\". Read by screen readers and shown as a tooltip. */\n  label?: string;\n};\n\nexport type MessageRowThread = {\n  /** Number of replies. */\n  count: number;\n  /** People who replied, most recent first; the bar shows up to three. */\n  participants?: readonly MessageRowAuthor[];\n  /** Visible time of the last reply, formatted by the caller. */\n  lastReply?: string;\n  lastReplyDateTime?: string | Date;\n  onOpen: () => void;\n};\n\ntype MessageRowAttachmentTarget = {\n  /** Opens the attachment, for example in a lightbox. Takes precedence over `href`. */\n  onOpen?: () => void;\n  /** Opens the attachment in a new tab. Absolute `https` or `http`, or relative. */\n  href?: string;\n};\n\nexport type MessageRowMedia = MessageRowAttachmentTarget & {\n  kind: \"image\" | \"video\";\n  /** The image, or the poster frame of a video. Absolute `https` or `http`, relative, `blob`, or `data:image/`. */\n  src: string;\n  /** Describes the image or video for people who cannot see it. */\n  alt: string;\n  /** Stored pixel size. The row reserves the area from it, so nothing moves when the image loads. */\n  width: number;\n  height: number;\n  /** Visible length of a video, for example \"0:42\". */\n  duration?: string;\n};\n\nexport type MessageRowFile = MessageRowAttachmentTarget & {\n  kind: \"file\";\n  name: string;\n  /** Second line, for example \"PDF · 412 KB\". */\n  detail?: string;\n  /** Media type, used with the name to choose the icon. */\n  mediaType?: string;\n  /** Icon class instead of the one chosen from the name. */\n  icon?: string;\n};\n\nexport type MessageRowAttachment = MessageRowMedia | MessageRowFile;\n\nexport type MessageRowProgress = {\n  /** What is happening, for example \"Writing\" or \"Searching the files\". */\n  status: string;\n  /** Called by \"Stop\". */\n  onStop?: () => void;\n};\n\nexport type MessageRowProps = {\n  author: MessageRowAuthor;\n  /** Message text as Markdown. Raw HTML shows as text; links must be absolute and use `https`, `http`, or `mailto`. */\n  text: string;\n  /** Visible time, formatted by the caller, so server and browser render the same text. */\n  time: string;\n  /** Machine-readable time for the `<time>` element. */\n  dateTime?: string | Date;\n  /** The reader's own message: on the right in the accent tint, without avatar or name. */\n  own?: boolean;\n  /**\n   * Starts a group with avatar, name, badge, and time. A continuation shows only its text; screen readers still hear\n   * the author and time. Defaults to true; `startsMessageGroup` decides it from the previous message.\n   */\n  groupStart?: boolean;\n  /** Shown next to the name at the start of a group, for example the kind of account. */\n  badge?: JSX.Element;\n  /** Send state. Sets a line of fixed height below the message: a clock, a check, or \"Not sent\" with \"Retry\". */\n  status?: MessageRowStatus;\n  /** Text shown in that line instead of the check once someone has read the message, for example \"Read by Nora\". */\n  receipt?: string;\n  /** Called by \"Retry\" while `status` is `\"failed\"`. */\n  onRetry?: () => void;\n  /** Shown as a toolbar over the message while it is hovered or focused. It never moves the layout. */\n  actions?: readonly MessageRowAction[];\n  /** The message this one answers, shown above it. */\n  quote?: MessageRowQuote;\n  /** Marks the message as forwarded from somewhere else. */\n  forwarded?: boolean;\n  /** Marks the message as edited after it was sent. */\n  edited?: boolean;\n  /** Shows \"This message was deleted\" instead of the text, quote, attachments, previews, and reactions. */\n  deleted?: boolean;\n  /** Images and videos in a grid with areas reserved from their stored size, then files as chips. */\n  attachments?: readonly MessageRowAttachment[];\n  /** A preview of a link in the text, supplied with its final height. */\n  linkPreview?: JSX.Element;\n  /** A card for an element the message refers to, such as a task or a document, supplied with its final height. */\n  card?: JSX.Element;\n  /**\n   * Reactions in a bar of fixed height. The bar shows whenever this is set, even to an empty list, so chips that come\n   * and go never change the row. Only setting it where it was unset adds a line, so pass it on own messages and on\n   * messages that have or had reactions, and leave it out on others' messages that never had one.\n   */\n  reactions?: readonly MessageRowReaction[];\n  /** Called with a reaction's `key` when the reader presses its chip. Without it, the chips are not controls. */\n  onToggleReaction?: (key: string) => void;\n  /** Called by \"Add reaction\" in the reaction bar, with the button to anchor a picker to. */\n  onAddReaction?: (anchor: HTMLElement) => void;\n  /** A bar of fixed height that opens the replies to this message. */\n  thread?: MessageRowThread;\n  /** The message is still being written, by a person or an automated author alike: a status line with \"Stop\". */\n  progress?: MessageRowProgress;\n  class?: string;\n};\n\nexport type MessageSystemRowProps = {\n  /** What happened, for example \"Nora added Tobias\". */\n  children: JSX.Element;\n  /** Visible time, formatted by the caller. */\n  time?: string;\n  dateTime?: string | Date;\n  /** Icon class shown before the text. */\n  icon?: string;\n  class?: string;\n};\n\nexport type MessageGroupEntry = {\n  /** Stable identity of the author. */\n  author: string;\n  at: Date | number | string;\n  /** System rows never belong to a group. */\n  system?: boolean;\n};\n\nconst timestamp = (value: Date | number | string) => (value instanceof Date ? value.getTime() : new Date(value).getTime());\n\n/**\n * Whether a message starts a new group: there is no previous message, either is a system row, the author changes, or\n * more than five minutes passed. Also start a group where you show a separator such as a new day.\n */\nexport const startsMessageGroup = (entry: MessageGroupEntry, previous?: MessageGroupEntry | null): boolean => {\n  if (!previous || entry.system || previous.system || entry.author !== previous.author) return true;\n  const gap = timestamp(entry.at) - timestamp(previous.at);\n  return !(gap >= 0 && gap <= GROUP_WINDOW_MS);\n};\n\n/** Text that wraps: every `LINE_CHARS` visible characters of a line take at least one line. */\nconst wrappedLines = (text: string): number =>\n  text.split(\"\\n\").reduce((lines, line) => lines + Math.ceil(line.trim().length / LINE_CHARS), 0);\n\n/** What inline tokens show: a link its label, never its destination. */\nconst inlineText = (tokens: readonly Token[]): string => {\n  let text = \"\";\n  for (const token of tokens) {\n    if (token.type === \"br\") text += \"\\n\";\n    else if (\"tokens\" in token && token.tokens) text += inlineText(token.tokens);\n    else if (\"text\" in token) text += token.text;\n  }\n  return text;\n};\n\n/**\n * The fewest lines the rendered tokens take at any width. Code never wraps, so each of its lines is one line, blank\n * ones too, and its bar one more. Link destinations and reference definitions show nothing. Decided from the text\n * alone, so the row has its final height when it mounts.\n */\nconst renderedLines = (tokens: readonly Token[]): number => {\n  let lines = 0;\n  for (const token of tokens) {\n    switch (token.type) {\n      case \"code\":\n        lines += token.text.split(\"\\n\").length + 1;\n        break;\n      case \"list\":\n        for (const item of token.items) lines += Math.max(1, renderedLines(item.tokens));\n        break;\n      case \"table\":\n        lines += token.rows.length + (token.header.some((cell: Tokens.TableCell) => cell.text.trim()) ? 1 : 0);\n        break;\n      case \"paragraph\":\n      case \"heading\":\n      case \"text\":\n        lines += wrappedLines(token.tokens ? inlineText(token.tokens) : token.text);\n        break;\n      case \"hr\":\n        lines += 1;\n        break;\n      case \"space\":\n      case \"def\":\n        break;\n      default:\n        if (\"tokens\" in token && token.tokens) lines += renderedLines(token.tokens);\n        else if (\"text\" in token) lines += wrappedLines(token.text);\n    }\n  }\n  return lines;\n};\n\n/** Messages link only to absolute URLs; a relative one would lead somewhere else on every page that shows it. */\nconst isAbsoluteUrl = (href: string): boolean => {\n  try {\n    return new URL(href).protocol !== \"\";\n  } catch {\n    return false;\n  }\n};\n\nconst dateTimeOf = (value: string | Date | undefined): string | undefined => {\n  if (value === undefined) return undefined;\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isFinite(date.getTime()) ? date.toISOString() : undefined;\n};\n\n/**\n * An attachment URL the row may load or open: absolute with an allowed scheme, or relative to the page. A picture may\n * also be a `blob:` URL or a `data:image/` URL, which an image element shows without running anything.\n */\nconst attachmentUrl = (url: string | undefined, picture = false): string | undefined => {\n  if (!url) return undefined;\n  if (picture && /^data:image\\//i.test(url)) return url;\n  try {\n    return (picture ? PICTURE_PROTOCOLS : ATTACHMENT_PROTOCOLS).has(new URL(url, \"https://relative.invalid/\").protocol) ? url : undefined;\n  } catch {\n    return undefined;\n  }\n};\n\n/** The aspect ratio a single image or video reserves, from its stored size. */\nconst mediaRatio = (media: MessageRowMedia): number => {\n  const ratio = media.width > 0 && media.height > 0 ? media.width / media.height : 4 / 3;\n  return Math.min(MEDIA_RATIO_MAX, Math.max(MEDIA_RATIO_MIN, ratio));\n};\n\n/** The width of a single image or video: its stored width, at most the row's media height tall, never wider than the row. */\nconst mediaWidth = (media: MessageRowMedia): string => {\n  const natural = Number.isFinite(media.width) && media.width > 0 ? `${media.width}px, ` : \"\";\n  return `min(100%, ${natural}calc(var(--k2b-message-media-height) * ${mediaRatio(media)}))`;\n};\n\n/** Only the `ti-*` glyph of `fileIcons`, which may add colour utilities that `@k2b/ui` does not ship. */\nconst fileIcon = (file: MessageRowFile): string =>\n  file.icon ??\n  `ti ${fileIcons\n    .getFileIcon({ name: file.name, type: \"file\", mimeType: file.mediaType })\n    .split(/\\s+/)\n    .filter((token) => token.startsWith(\"ti-\"))\n    .join(\" \")}`;\n\n/** A link, a button, or neither, depending on what the caller passes. */\nfunction AttachmentTarget(\n  props: MessageRowAttachmentTarget & {\n    class: string;\n    style?: JSX.CSSProperties;\n    /** Names a picture; without a link or button around it, the element becomes the image. */\n    label?: string;\n    children: JSX.Element;\n  },\n): JSX.Element {\n  return (\n    <Show\n      when={props.onOpen}\n      fallback={\n        <Show\n          when={attachmentUrl(props.href)}\n          fallback={\n            <Show\n              when={props.label}\n              fallback={\n                <span class={props.class} style={props.style}>\n                  {props.children}\n                </span>\n              }\n            >\n              {(label) => (\n                <span class={props.class} style={props.style} role=\"img\" aria-label={label()}>\n                  {props.children}\n                </span>\n              )}\n            </Show>\n          }\n        >\n          {(href) => (\n            <a class={props.class} style={props.style} href={href()} target=\"_blank\" rel=\"noopener noreferrer\" aria-label={props.label}>\n              {props.children}\n            </a>\n          )}\n        </Show>\n      }\n    >\n      {(open) => (\n        <button type=\"button\" class={props.class} style={props.style} aria-label={props.label} onClick={() => open()()}>\n          {props.children}\n        </button>\n      )}\n    </Show>\n  );\n}\n\n/**\n * Renders the safe Markdown of `MarkdownView` with line breaks kept, absolute links only, and a copy control above\n * every code block, and counts the fewest lines it takes. An edited message that does not collapse ends with the marker.\n */\nconst renderMessage = (text: string, locale: string, messages: UiMessages, edited: boolean): { html: string; lines: number } => {\n  const renderer = createSafeRenderer({ allowImages: false, linkProtocols: LINK_PROTOCOLS, linkTarget: \"_blank\", locale });\n  const renderLink = renderer.link.bind(renderer);\n  renderer.link = (token: Tokens.Link) => (isAbsoluteUrl(token.href) ? renderLink(token) : renderer.parser.parseInline(token.tokens));\n  const renderCode = renderer.code.bind(renderer);\n  renderer.code = (token: Tokens.Code) => {\n    const language = token.lang?.match(/^\\S{1,24}/)?.[0];\n    const block = renderCode(token).replace(/^<pre>/, '<pre tabindex=\"0\">');\n    return (\n      '<div class=\"k2b-message-row__code\" data-gesture-ignore><div class=\"k2b-message-row__code-bar\">' +\n      `<span class=\"k2b-message-row__code-label\">${escapeHtml(language ?? messages.code)}</span>` +\n      '<button type=\"button\" class=\"k2b-message-row__copy\">' +\n      `<span class=\"k2b-message-row__copy-idle\"><i class=\"ti ti-copy\" aria-hidden=\"true\"></i>${escapeHtml(messages.copy)}</span>` +\n      `<span class=\"k2b-message-row__copy-done\"><i class=\"ti ti-check\" aria-hidden=\"true\"></i>${escapeHtml(messages.copied)}</span>` +\n      `</button></div>${block}</div>`\n    );\n  };\n  const marked = createSafeMarked(locale).setOptions({ breaks: true, renderer });\n  const tokens = marked.lexer(text);\n  const html = marked.parser(tokens);\n  const lines = renderedLines(tokens);\n  // A collapsed message would hide the end of its text, so its marker sits next to \"Show more\" instead.\n  if (!edited || lines > COLLAPSE_LINES) return { html, lines };\n  // The marker ends the last paragraph, so it takes no line of its own there.\n  const marker = `<span class=\"k2b-message-row__edited\">${escapeHtml(messages.messageEdited)}</span>`;\n  const end = html.trimEnd();\n  return { html: end.endsWith(\"</p>\") ? `${end.slice(0, -4)} ${marker}</p>` : `${html}<p>${marker}</p>`, lines };\n};\n\n/**\n * One message in a conversation with many people: own messages on the right, others on the left with avatar, name,\n * and time at the start of a group. Every part has its final height when the row mounts, so a virtualized list such\n * as `VirtualFeed` keeps its positions.\n */\nexport function MessageRow(props: MessageRowProps): JSX.Element {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  const textId = `k2b-message-${createUniqueId()}`;\n  const [expanded, setExpanded] = createSignal(false);\n  const rendered = createMemo(() => renderMessage(props.text, locale(), messages(), Boolean(props.edited)));\n  const collapsible = () => rendered().lines > COLLAPSE_LINES;\n  const collapsed = () => collapsible() && !expanded();\n  const groupStart = () => props.groupStart ?? true;\n  const hasLine = () => props.progress !== undefined || props.status !== undefined || props.receipt !== undefined;\n  const reactions = () => (props.deleted ? undefined : props.reactions);\n  // Chips follow their keys, so a chip keeps its element, and focus, when the caller passes new objects for it.\n  const reactionKeys = createMemo(() => reactions()?.map((reaction) => reaction.key) ?? []);\n  const reactionByKey = createMemo(() => new Map(reactions()?.map((reaction) => [reaction.key, reaction])));\n  const hasFooter = () => hasLine() || reactions() !== undefined;\n  const writing = () => props.progress !== undefined && !props.deleted && props.text.trim() === \"\";\n  const hasBubble = () => props.deleted || writing() || props.text.trim() !== \"\";\n  const content = () => !props.deleted;\n  const media = createMemo(() =>\n    content() ? (props.attachments ?? []).filter((attachment): attachment is MessageRowMedia => attachment.kind !== \"file\") : [],\n  );\n  const files = createMemo(() =>\n    content() ? (props.attachments ?? []).filter((attachment): attachment is MessageRowFile => attachment.kind === \"file\") : [],\n  );\n  const shownMedia = () => media().slice(0, MEDIA_SHOWN);\n  const hiddenMedia = () => media().length - shownMedia().length;\n  let text: HTMLDivElement | undefined;\n  let copiedTimer: ReturnType<typeof setTimeout> | undefined;\n\n  onCleanup(() => clearTimeout(copiedTimer));\n\n  const copyCode = (event: MouseEvent) => {\n    const button = (event.target as Element | null)?.closest?.<HTMLButtonElement>(\".k2b-message-row__copy\");\n    if (!button || !text?.contains(button)) return;\n    const code = button.closest(\".k2b-message-row__code\")?.querySelector(\"pre\")?.textContent ?? \"\";\n    copyText(code).then(\n      () => {\n        for (const other of text?.querySelectorAll<HTMLElement>(\".k2b-message-row__copy[data-copied]\") ?? []) delete other.dataset.copied;\n        button.dataset.copied = \"\";\n        announce(messages().copied);\n        clearTimeout(copiedTimer);\n        copiedTimer = setTimeout(() => delete button.dataset.copied, COPIED_MS);\n      },\n      () => {},\n    );\n  };\n\n  // A keyboard user who reaches a link or code block in the hidden or faded part of a collapsed message gets the whole\n  // message. The collapsed text clips instead of scrolling, so the browser cannot scroll it to the target instead.\n  const revealFocus = (event: FocusEvent) => {\n    if (!text || !collapsed() || !(event.target instanceof Element)) return;\n    const fade = text.getBoundingClientRect().bottom - FADE_LINES * Number.parseFloat(getComputedStyle(text).lineHeight);\n    if (event.target.getBoundingClientRect().bottom > fade) setExpanded(true);\n  };\n\n  const header = () => (\n    <>\n      <span class=\"k2b-message-row__name\">{props.author.name}</span>\n      <Show when={props.badge}>\n        <span class=\"k2b-message-row__badge\">{props.badge}</span>\n      </Show>\n      <time class=\"k2b-message-row__time\" datetime={dateTimeOf(props.dateTime)}>\n        {props.time}\n      </time>\n    </>\n  );\n\n  const quote = (value: MessageRowQuote) => (\n    <>\n      <i class=\"ti ti-arrow-back-up\" aria-hidden=\"true\" />\n      <span class=\"k2b-message-row__quote-text\">\n        <span class=\"k2b-sr-only\">{messages().messageReplyTo} </span>\n        <span class=\"k2b-message-row__quote-author\">{value.author}</span> {value.text}\n      </span>\n    </>\n  );\n\n  /** The picture's description, then that it is a video and how long, then how many more the grid hides. */\n  const mediaLabel = (item: MessageRowMedia, more: number) =>\n    [\n      item.alt,\n      item.kind === \"video\" ? [messages().messageVideo, item.duration].filter(Boolean).join(\" \") : \"\",\n      more > 0 ? messages().messageMoreAttachments({ count: more }) : \"\",\n    ]\n      .filter(Boolean)\n      .join(\", \");\n\n  /** A toggle button, or with no `onToggleReaction` a labelled image that also says whether the reader reacted. */\n  const reactionChip = (key: string, reaction: Accessor<MessageRowReaction>) => {\n    const label = (own: boolean) =>\n      messages().messageReaction({ emoji: reaction().emoji, count: reaction().count, names: reaction().label, own });\n    return (\n      <Show\n        when={props.onToggleReaction}\n        fallback={\n          <span\n            class=\"k2b-message-row__reaction\"\n            role=\"img\"\n            aria-label={label(Boolean(reaction().own))}\n            title={reaction().label}\n            data-own={reaction().own ? \"\" : undefined}\n          >\n            <span aria-hidden=\"true\">{reaction().emoji}</span>\n            <span aria-hidden=\"true\">{reaction().count}</span>\n          </span>\n        }\n      >\n        {(toggle) => (\n          <button\n            type=\"button\"\n            class=\"k2b-message-row__reaction\"\n            aria-pressed={reaction().own ? \"true\" : \"false\"}\n            aria-label={label(false)}\n            title={reaction().label}\n            data-own={reaction().own ? \"\" : undefined}\n            onClick={() => toggle()(key)}\n          >\n            <span aria-hidden=\"true\">{reaction().emoji}</span>\n            <span aria-hidden=\"true\">{reaction().count}</span>\n          </button>\n        )}\n      </Show>\n    );\n  };\n\n  const mediaItem = (item: MessageRowMedia, index: () => number) => {\n    const more = () => (index() === shownMedia().length - 1 ? hiddenMedia() : 0);\n    return (\n      <AttachmentTarget\n        class=\"k2b-message-row__media-item\"\n        style={media().length === 1 ? { \"aspect-ratio\": String(mediaRatio(item)) } : undefined}\n        label={mediaLabel(item, more())}\n        onOpen={item.onOpen}\n        href={item.href}\n      >\n        <img\n          src={attachmentUrl(item.src, true)}\n          alt=\"\"\n          width={item.width > 0 ? item.width : undefined}\n          height={item.height > 0 ? item.height : undefined}\n          loading=\"lazy\"\n          decoding=\"async\"\n        />\n        <Show when={item.kind === \"video\"}>\n          <span class=\"k2b-message-row__media-play\" aria-hidden=\"true\">\n            <i class=\"ti ti-player-play\" />\n          </span>\n          <Show when={item.duration}>\n            <span class=\"k2b-message-row__media-duration\" aria-hidden=\"true\">\n              {item.duration}\n            </span>\n          </Show>\n        </Show>\n        <Show when={more() > 0}>\n          <span class=\"k2b-message-row__media-more\" aria-hidden=\"true\">\n            +{more()}\n          </span>\n        </Show>\n      </AttachmentTarget>\n    );\n  };\n\n  return (\n    <div\n      class={props.class ? `k2b-message-row ${props.class}` : \"k2b-message-row\"}\n      data-own={props.own ? \"\" : undefined}\n      data-group-start={groupStart() ? \"\" : undefined}\n      data-status={props.status}\n      data-media={media().length > 0 ? \"\" : undefined}\n    >\n      <Show when={!props.own}>\n        <div class=\"k2b-message-row__gutter\">\n          <Show when={groupStart()}>\n            <span class=\"k2b-message-row__avatar\" aria-hidden=\"true\">\n              <Avatar name={props.author.name} src={props.author.avatar} icon={props.author.icon} size=\"sm\" />\n            </span>\n          </Show>\n        </div>\n      </Show>\n      <div class=\"k2b-message-row__body\">\n        <Show\n          when={groupStart()}\n          fallback={\n            <span class=\"k2b-sr-only\">\n              {props.author.name}, {props.time}:{\" \"}\n            </span>\n          }\n        >\n          <Show\n            when={!props.own}\n            fallback={\n              <div class=\"k2b-message-row__meta\">\n                <span class=\"k2b-sr-only\">{props.author.name}, </span>\n                <time class=\"k2b-message-row__time\" datetime={dateTimeOf(props.dateTime)}>\n                  {props.time}\n                </time>\n              </div>\n            }\n          >\n            <div class=\"k2b-message-row__meta\">{header()}</div>\n          </Show>\n        </Show>\n        <Show when={content() && props.forwarded}>\n          <div class=\"k2b-message-row__marker\">\n            <i class=\"ti ti-arrow-forward-up\" aria-hidden=\"true\" />\n            <span>{messages().messageForwarded}</span>\n          </div>\n        </Show>\n        <Show when={content() && props.quote}>\n          {(value) => (\n            <Show when={value().onSelect} fallback={<div class=\"k2b-message-row__quote\">{quote(value())}</div>}>\n              {(select) => (\n                <button type=\"button\" class=\"k2b-message-row__quote\" onClick={() => select()()}>\n                  {quote(value())}\n                </button>\n              )}\n            </Show>\n          )}\n        </Show>\n        <Show when={hasBubble()}>\n          <div\n            class=\"k2b-message-row__bubble\"\n            data-deleted={props.deleted ? \"\" : undefined}\n            aria-busy={props.progress && !props.deleted ? \"true\" : undefined}\n          >\n            <Show\n              when={!props.deleted}\n              fallback={\n                <span class=\"k2b-message-row__deleted\">\n                  <i class=\"ti ti-message-off\" aria-hidden=\"true\" />\n                  {messages().messageDeleted}\n                </span>\n              }\n            >\n              <Show\n                when={!writing()}\n                fallback={\n                  <span class=\"k2b-message-row__writing\">\n                    <span class=\"k2b-chat-progress-dots\" aria-hidden=\"true\">\n                      <span />\n                      <span />\n                      <span />\n                    </span>\n                  </span>\n                }\n              >\n                {/* biome-ignore lint/a11y/noStaticElementInteractions lint/a11y/useKeyWithClickEvents: the native copy buttons inside the rendered Markdown are the targets; their clicks, including from the keyboard, bubble here. */}\n                <div\n                  ref={text}\n                  id={textId}\n                  class=\"k2b-content-markdown k2b-message-row__text\"\n                  data-heading-scale=\"compact\"\n                  data-collapsed={collapsed() ? \"\" : undefined}\n                  onClick={copyCode}\n                  onFocusIn={revealFocus}\n                  innerHTML={rendered().html}\n                />\n                <Show when={collapsible()}>\n                  <div class=\"k2b-message-row__more-line\">\n                    <Button\n                      variant=\"text\"\n                      size=\"xs\"\n                      class=\"k2b-message-row__more\"\n                      aria-expanded={expanded() ? \"true\" : \"false\"}\n                      aria-controls={textId}\n                      onClick={() => setExpanded((value) => !value)}\n                    >\n                      {expanded() ? messages().messageShowLess : messages().messageShowMore}\n                    </Button>\n                    <Show when={props.edited}>\n                      <span class=\"k2b-message-row__edited\">{messages().messageEdited}</span>\n                    </Show>\n                  </div>\n                </Show>\n              </Show>\n            </Show>\n          </div>\n        </Show>\n        {/* Without a bubble to end, the edit marker takes the bubble's place. */}\n        <Show when={content() && props.edited && !hasBubble()}>\n          <div class=\"k2b-message-row__marker\">\n            <i class=\"ti ti-pencil\" aria-hidden=\"true\" />\n            <span class=\"k2b-message-row__edited\">{messages().messageEdited}</span>\n          </div>\n        </Show>\n        <Show when={media().length > 0}>\n          <div\n            class=\"k2b-message-row__media\"\n            role=\"group\"\n            aria-label={messages().attachments}\n            data-count={Math.min(media().length, MEDIA_SHOWN)}\n            style={media().length === 1 ? { width: mediaWidth(media()[0]!) } : undefined}\n          >\n            <For each={shownMedia()}>{(item, index) => mediaItem(item, index)}</For>\n          </div>\n        </Show>\n        <Show when={files().length > 0}>\n          <div class=\"k2b-message-row__files\">\n            <For each={files()}>\n              {(file) => (\n                <AttachmentTarget class=\"k2b-message-row__file\" onOpen={file.onOpen} href={file.href}>\n                  <span class=\"k2b-message-row__file-icon\" aria-hidden=\"true\">\n                    <i class={fileIcon(file)} />\n                  </span>\n                  <span class=\"k2b-message-row__file-copy\">\n                    <span class=\"k2b-message-row__file-name\">{file.name}</span>\n                    <Show when={file.detail}>\n                      <span class=\"k2b-message-row__file-detail\">{file.detail}</span>\n                    </Show>\n                  </span>\n                </AttachmentTarget>\n              )}\n            </For>\n          </div>\n        </Show>\n        <Show when={content() && props.linkPreview}>\n          <div class=\"k2b-message-row__slot\" data-gesture-ignore>\n            {props.linkPreview}\n          </div>\n        </Show>\n        <Show when={content() && props.card}>\n          <div class=\"k2b-message-row__slot\" data-gesture-ignore>\n            {props.card}\n          </div>\n        </Show>\n        <Show when={props.thread}>\n          {(thread) => (\n            <button type=\"button\" class=\"k2b-message-row__thread\" onClick={() => thread().onOpen()}>\n              <Show when={(thread().participants?.length ?? 0) > 0}>\n                <span class=\"k2b-message-row__thread-people\" aria-hidden=\"true\">\n                  <For each={thread().participants?.slice(0, 3)}>\n                    {(person) => <Avatar name={person.name} src={person.avatar} icon={person.icon} size=\"xs\" />}\n                  </For>\n                </span>\n              </Show>\n              <span class=\"k2b-message-row__thread-count\">{messages().messageReplies({ count: thread().count })}</span>\n              <Show when={thread().lastReply}>\n                {(time) => (\n                  <time class=\"k2b-message-row__thread-time\" datetime={dateTimeOf(thread().lastReplyDateTime)}>\n                    {messages().messageLastReply({ time: time() })}\n                  </time>\n                )}\n              </Show>\n            </button>\n          )}\n        </Show>\n        <Show when={hasFooter()}>\n          <div class=\"k2b-message-row__footer\">\n            <Show when={reactions()}>\n              {(list) => (\n                <div\n                  class=\"k2b-message-row__reactions\"\n                  role=\"group\"\n                  aria-label={messages().messageReactions}\n                  data-empty={list().length === 0 ? \"\" : undefined}\n                >\n                  <Show when={list().length > 0}>\n                    {/* Chips that do not fit scroll sideways behind a fade. Read-only chips are no tab stops, so the list\n                        is one: a keyboard can scroll it. */}\n                    <ScrollArea\n                      orientation=\"horizontal\"\n                      class=\"k2b-message-row__reaction-list\"\n                      tabindex={props.onToggleReaction ? undefined : 0}\n                    >\n                      <For each={reactionKeys()}>\n                        {(key) => <Show when={reactionByKey().get(key)}>{(reaction) => reactionChip(key, reaction)}</Show>}\n                      </For>\n                    </ScrollArea>\n                  </Show>\n                  <Show when={props.onAddReaction}>\n                    {(add) => (\n                      <IconButton\n                        label={messages().messageAddReaction}\n                        size=\"xs\"\n                        class=\"k2b-message-row__react\"\n                        onClick={(event) => add()(event.currentTarget)}\n                      >\n                        <i class=\"ti ti-mood-plus\" aria-hidden=\"true\" />\n                      </IconButton>\n                    )}\n                  </Show>\n                </div>\n              )}\n            </Show>\n            <Show when={hasLine()}>\n              <div class=\"k2b-message-row__line\">\n                <Show\n                  when={props.progress}\n                  fallback={\n                    <>\n                      <Show when={props.status === \"pending\"}>\n                        <i class=\"ti ti-clock\" aria-hidden=\"true\" />\n                        <span>{messages().sending}</span>\n                      </Show>\n                      <Show when={props.status === \"failed\"}>\n                        <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" />\n                        <span>{messages().messageNotSent}</span>\n                        <Show when={props.onRetry}>\n                          {(retry) => (\n                            <Button variant=\"text\" size=\"xs\" onClick={() => retry()()}>\n                              {messages().messageRetry}\n                            </Button>\n                          )}\n                        </Show>\n                      </Show>\n                      <Show when={props.status !== \"pending\" && props.status !== \"failed\"}>\n                        <Show\n                          when={props.receipt}\n                          fallback={\n                            <Show when={props.status === \"sent\"}>\n                              <i class=\"ti ti-check\" aria-hidden=\"true\" />\n                              <span class=\"k2b-sr-only\">{messages().messageSent}</span>\n                            </Show>\n                          }\n                        >\n                          {(receipt) => (\n                            <>\n                              <i class=\"ti ti-checks\" aria-hidden=\"true\" />\n                              <span class=\"k2b-message-row__receipt\">{receipt()}</span>\n                            </>\n                          )}\n                        </Show>\n                      </Show>\n                    </>\n                  }\n                >\n                  {(progress) => (\n                    <>\n                      <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                      <span class=\"k2b-message-row__line-text\">{progress().status}</span>\n                      <Show when={progress().onStop}>\n                        {(stop) => (\n                          <Button variant=\"text\" size=\"xs\" onClick={() => stop()()}>\n                            {messages().messageStop}\n                          </Button>\n                        )}\n                      </Show>\n                    </>\n                  )}\n                </Show>\n              </div>\n            </Show>\n          </div>\n        </Show>\n      </div>\n      <Show when={(props.actions?.length ?? 0) > 0}>\n        <div class=\"k2b-message-row__actions\" role=\"group\" aria-label={messages().messageActions}>\n          <For each={props.actions}>\n            {(action) => (\n              <IconButton label={action.label} size=\"sm\" disabled={action.disabled} onClick={() => action.onSelect()}>\n                <i class={action.icon} aria-hidden=\"true\" />\n              </IconButton>\n            )}\n          </For>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\n/** A quiet, centered line for something that happened in the conversation, such as a person joining. */\nexport function MessageSystemRow(props: MessageSystemRowProps): JSX.Element {\n  return (\n    <div class={props.class ? `k2b-message-system-row ${props.class}` : \"k2b-message-system-row\"}>\n      <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      <span>{props.children}</span>\n      <Show when={props.time}>\n        <time datetime={dateTimeOf(props.dateTime)}>{props.time}</time>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/content/PdfPreview.js

@@ -16,11 +16,13 @@ var _tmpl$ = /*#__PURE__*/_$template(`<button type=button class=k2b-button data-
   _tmpl$3 = /*#__PURE__*/_$template(`<span role=alert class=k2b-content-pdf-preview__notice>`),
   _tmpl$4 = /*#__PURE__*/_$template(`<div class=k2b-content-pdf-preview__actions><!$><!/><!$><!/><!$><!/><!$><!/>`),
   _tmpl$5 = /*#__PURE__*/_$template(`<a class=k2b-button data-variant=secondary data-size=sm target=_blank rel=noopener><i class="ti ti-external-link"aria-hidden=true></i><!$><!/>`),
-  _tmpl$6 = /*#__PURE__*/_$template(`<iframe class=k2b-content-pdf-preview__frame>`),
-  _tmpl$7 = /*#__PURE__*/_$template(`<button type=button class=k2b-button data-variant=secondary data-size=sm>`),
-  _tmpl$8 = /*#__PURE__*/_$template(`<h2 class=k2b-content-pdf-preview__title>`),
-  _tmpl$9 = /*#__PURE__*/_$template(`<section><div class=k2b-content-pdf-preview__toolbar><div class=k2b-content-pdf-preview__heading></div><!$><!/></div><!$><!/>`);
+  _tmpl$6 = /*#__PURE__*/_$template(`<div class=k2b-content-pdf-preview__viewer><!$><!/><!$><!/>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<iframe class=k2b-content-pdf-preview__frame>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<button type=button class=k2b-button data-variant=secondary data-size=sm>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<h2 class=k2b-content-pdf-preview__title>`),
+  _tmpl$0 = /*#__PURE__*/_$template(`<section><div class=k2b-content-pdf-preview__toolbar><div class=k2b-content-pdf-preview__heading></div><!$><!/></div><!$><!/>`);
 import { createSignal, onCleanup, onMount, Show } from "solid-js";
+import { announce } from "../feedback/announce";
 import { resolveUiMessages, useUiMessages } from "../intl/messages";
 import Placeholder from "../surfaces/Placeholder";
 const readErrorMessage = async response => {
@@ -44,15 +46,26 @@ export default function PdfPreview(props) {
   const [error, setError] = createSignal(null);
   const [failed, setFailed] = createSignal(false);
   const [tabBlocked, setTabBlocked] = createSignal(false);
+  // The frame has its document only once it fires `load`; until then the loading state covers it.
+  const [drawn, setDrawn] = createSignal(false);
   // An automatic preview shows one fixed document; the open action reuses it instead of requesting it again.
   let shownBlob = null;
   let openButton;
   let frame;
+  let viewer;
   let renderButton;
   let errorRetryButton;
   let disposed = false;
   let loadGeneration = 0;
   let openGeneration = 0;
+
+  // Without an inline PDF viewer (`navigator.pdfViewerEnabled === false`, as in Chrome on Android) a frame stays empty
+  // or downloads the file, so the viewer explains that instead and leaves the document to the open and download actions.
+  const inlineViewer = () => typeof navigator === "undefined" || navigator.pdfViewerEnabled !== false;
+  // There an automatic preview could show only that hint, so it requests nothing: the open action fetches the document
+  // when someone asks for it, and is also the retry after it fails. An on-demand preview still renders, because its
+  // request also checks the caller's input.
+  const openOnly = () => Boolean(props.autoLoad) && !inlineViewer();
   const revokeCurrent = () => {
     const current = url();
     if (current) URL.revokeObjectURL(current);
@@ -88,12 +101,18 @@ export default function PdfPreview(props) {
       const previousUrl = url();
       shownBlob = blob;
       setFailed(false);
+      setDrawn(false);
       setUrl(nextUrl);
       setLoading(false);
       if (previousUrl) URL.revokeObjectURL(previousUrl);
-      // The shown document removes the retry action; keep keyboard focus in the actions instead of the page, or on the
-      // document itself when the host shows only the content.
-      if (retryFocused && document.activeElement === document.body) (openButton?.isConnected ? openButton : frame)?.focus();
+      // The loading status turns into the missing-viewer hint in place and stops being a live region, so say it here.
+      if (!inlineViewer()) {
+        announce(messages().pdfPreviewNoViewer);
+        announce(messages().pdfPreviewNoViewerDescription);
+      }
+      // The shown document removes the retry action; keep keyboard focus in the actions instead of the page, or, when
+      // the host shows only the content, in the viewer, which hands it on to the document once the frame has loaded it.
+      if (retryFocused && document.activeElement === document.body) (openButton?.isConnected ? openButton : viewer)?.focus();
     } catch (e) {
       if (disposed || generation !== loadGeneration) return;
       shownBlob = null;
@@ -105,9 +124,10 @@ export default function PdfPreview(props) {
     }
   };
   onMount(() => {
-    // Hand the initial loading state to the request itself, which also covers a preview disabled by now.
+    // Hand the initial loading state to the request itself, which also covers a preview disabled by now or one that
+    // leaves the document to the open action.
     setLoading(false);
-    if (props.autoLoad) void load();
+    if (props.autoLoad && !openOnly()) void load();
   });
   const openInNewTab = async () => {
     if (loading() || opening() || props.disabled?.()) return;
@@ -140,7 +160,7 @@ export default function PdfPreview(props) {
 
   // With autoLoad, rendering again would show the same document: offer it only until one is shown. After a failure the
   // default error state carries it as the retry; beside a caller's error content it stays in place while a retry loads.
-  const renderable = () => !props.autoLoad || (failed() ? Boolean(props.renderError) : !url() && !loading());
+  const renderable = () => !openOnly() && (!props.autoLoad || (failed() ? Boolean(props.renderError) : !url() && !loading()));
   const actions = () => (() => {
     var _el$ = _$getNextElement(_tmpl$4),
       _el$1 = _el$.firstChild,
@@ -245,71 +265,118 @@ export default function PdfPreview(props) {
     }), _el$16, _co$6);
     return _el$;
   })();
-  // Every state before a document is shown uses one placeholder in the viewer's box, so loading changes no layout.
-  const content = () => _$createComponent(Show, {
-    get when() {
-      return error();
-    },
-    get fallback() {
-      return _$createComponent(Show, {
-        get when() {
-          return url();
-        },
-        get fallback() {
-          return _$createComponent(Placeholder, {
+  // Every state uses one placeholder in the viewer's box, so loading changes no layout: idle and loading before a
+  // document arrives, loading over the frame until it has loaded the document, and the hint where no frame can.
+  const status = () => {
+    if (error()) return null;
+    if (!inlineViewer() && (url() || openOnly() && !loading())) return "no-viewer";
+    if (!url()) return loading() ? "loading" : "idle";
+    return drawn() ? null : "loading";
+  };
+  const viewerBox = () => // While it shows a placeholder, the viewer itself holds keyboard focus that has nowhere else to go.
+  (() => {
+    var _el$25 = _$getNextElement(_tmpl$6),
+      _el$26 = _el$25.firstChild,
+      [_el$27, _co$9] = _$getNextMarker(_el$26.nextSibling),
+      _el$28 = _el$27.nextSibling,
+      [_el$29, _co$0] = _$getNextMarker(_el$28.nextSibling);
+    _$use(element => viewer = element, _el$25);
+    _$insert(_el$25, _$createComponent(Show, {
+      get when() {
+        return _$memo(() => !!(!error() && inlineViewer()))() && url();
+      },
+      children: currentUrl => (() => {
+        var _el$30 = _$getNextElement(_tmpl$7);
+        _el$30.addEventListener("load", () => {
+          const waiting = document.activeElement === viewer;
+          setDrawn(true);
+          if (waiting) frame?.focus();
+        });
+        _$use(element => {
+          frame = element;
+          // A new frame loads its document again, also one that was shown before a failed reload.
+          setDrawn(false);
+        }, _el$30);
+        _$effect(_p$ => {
+          var _v$5 = drawn() ? "" : undefined,
+            _v$6 = !drawn(),
+            _v$7 = currentUrl(),
+            _v$8 = props.title ?? messages().pdfPreview;
+          _v$5 !== _p$.e && _$setAttribute(_el$30, "data-drawn", _p$.e = _v$5);
+          _v$6 !== _p$.t && _$setProperty(_el$30, "inert", _p$.t = _v$6);
+          _v$7 !== _p$.a && _$setAttribute(_el$30, "src", _p$.a = _v$7);
+          _v$8 !== _p$.o && _$setAttribute(_el$30, "title", _p$.o = _v$8);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined,
+          a: undefined,
+          o: undefined
+        });
+        return _el$30;
+      })()
+    }), _el$27, _co$9);
+    _$insert(_el$25, _$createComponent(Show, {
+      get when() {
+        return error();
+      },
+      get fallback() {
+        return _$createComponent(Show, {
+          get when() {
+            return status();
+          },
+          children: state => _$createComponent(Placeholder, {
             "class": "k2b-content-pdf-preview__placeholder",
             get state() {
-              return loading() ? "loading" : "empty";
+              return state() === "loading" ? "loading" : "empty";
             },
             get icon() {
-              return loading() ? undefined : "ti ti-file-type-pdf";
+              return state() === "loading" ? undefined : "ti ti-file-type-pdf";
             },
             get title() {
-              return _$memo(() => !!loading())() ? messages().loading : undefined;
+              return _$memo(() => state() === "loading")() ? messages().loading : _$memo(() => state() === "no-viewer")() ? messages().pdfPreviewNoViewer : undefined;
             },
             get description() {
-              return _$memo(() => !!loading())() ? undefined : props.emptyText ?? messages().renderPdfPreview;
+              return _$memo(() => state() === "idle")() ? props.emptyText ?? messages().renderPdfPreview : _$memo(() => state() === "no-viewer")() ? messages().pdfPreviewNoViewerDescription : undefined;
             }
-          });
+          })
+        });
+      },
+      children: message => _$createComponent(Placeholder, {
+        "class": "k2b-content-pdf-preview__placeholder",
+        state: "error",
+        get description() {
+          return message();
         },
-        children: currentUrl => (() => {
-          var _el$25 = _$getNextElement(_tmpl$6);
-          _$use(element => frame = element, _el$25);
-          _$effect(_p$ => {
-            var _v$5 = currentUrl(),
-              _v$6 = props.title ?? messages().pdfPreview;
-            _v$5 !== _p$.e && _$setAttribute(_el$25, "src", _p$.e = _v$5);
-            _v$6 !== _p$.t && _$setAttribute(_el$25, "title", _p$.t = _v$6);
-            return _p$;
-          }, {
-            e: undefined,
-            t: undefined
-          });
-          return _el$25;
-        })()
-      });
+        get action() {
+          return (
+            // One retry at a time: the render action moves here only where the toolbar no longer offers it, and the
+            // open action is the retry of a preview that leaves the document to it.
+            _$memo(() => !!(renderable() || openOnly()))() ? undefined : (() => {
+              var _el$31 = _$getNextElement(_tmpl$8);
+              _el$31.$$click = () => void load();
+              _$use(element => errorRetryButton = element, _el$31);
+              _$insert(_el$31, () => props.buttonLabel ?? messages().retry);
+              _$effect(() => _$setProperty(_el$31, "disabled", opening() || props.disabled?.()));
+              _$runHydrationEvents();
+              return _el$31;
+            })()
+          );
+        }
+      })
+    }), _el$29, _co$0);
+    _$effect(() => _$setAttribute(_el$25, "tabindex", status() ? -1 : undefined));
+    return _el$25;
+  })();
+  // A caller's error content replaces the whole viewer, as it brings its own layout.
+  const content = () => _$createComponent(Show, {
+    get when() {
+      return _$memo(() => !!props.renderError)() ? error() : null;
     },
-    children: message => props.renderError?.(message()) ?? _$createComponent(Placeholder, {
-      "class": "k2b-content-pdf-preview__placeholder",
-      state: "error",
-      get description() {
-        return message();
-      },
-      get action() {
-        return (
-          // One retry at a time: the render action moves here only where the toolbar no longer offers it.
-          _$memo(() => !!renderable())() ? undefined : (() => {
-            var _el$26 = _$getNextElement(_tmpl$7);
-            _el$26.$$click = () => void load();
-            _$use(element => errorRetryButton = element, _el$26);
-            _$insert(_el$26, () => props.buttonLabel ?? messages().retry);
-            _$effect(() => _$setProperty(_el$26, "disabled", opening() || props.disabled?.()));
-            _$runHydrationEvents();
-            return _el$26;
-          })()
-        );
-      }
-    })
+    get fallback() {
+      return viewerBox();
+    },
+    children: message => props.renderError?.(message())
   });
   if (props.children) return props.children({
     get actions() {
@@ -320,27 +387,27 @@ export default function PdfPreview(props) {
     }
   });
   return (() => {
-    var _el$27 = _$getNextElement(_tmpl$9),
-      _el$28 = _el$27.firstChild,
-      _el$29 = _el$28.firstChild,
-      _el$31 = _el$29.nextSibling,
-      [_el$32, _co$9] = _$getNextMarker(_el$31.nextSibling),
-      _el$33 = _el$28.nextSibling,
-      [_el$34, _co$0] = _$getNextMarker(_el$33.nextSibling);
-    _$insert(_el$29, _$createComponent(Show, {
+    var _el$32 = _$getNextElement(_tmpl$0),
+      _el$33 = _el$32.firstChild,
+      _el$34 = _el$33.firstChild,
+      _el$36 = _el$34.nextSibling,
+      [_el$37, _co$1] = _$getNextMarker(_el$36.nextSibling),
+      _el$38 = _el$33.nextSibling,
+      [_el$39, _co$10] = _$getNextMarker(_el$38.nextSibling);
+    _$insert(_el$34, _$createComponent(Show, {
       get when() {
         return props.title;
       },
       get children() {
-        var _el$30 = _$getNextElement(_tmpl$8);
-        _$insert(_el$30, () => props.title);
-        return _el$30;
+        var _el$35 = _$getNextElement(_tmpl$9);
+        _$insert(_el$35, () => props.title);
+        return _el$35;
       }
     }));
-    _$insert(_el$28, actions, _el$32, _co$9);
-    _$insert(_el$27, content, _el$34, _co$0);
-    _$effect(() => _$className(_el$27, `k2b-content-pdf-preview ${props.class ?? ""}`));
-    return _el$27;
+    _$insert(_el$33, actions, _el$37, _co$1);
+    _$insert(_el$32, content, _el$39, _co$10);
+    _$effect(() => _$className(_el$32, `k2b-content-pdf-preview ${props.class ?? ""}`));
+    return _el$32;
   })();
 }
 _$delegateEvents(["click"]);