@k2b/ui 0.20.0 → 0.22.0

package/dist/ssr/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\" 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":[]}
+{"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 { type ChatMessages, useChatMessages } from \"../chat/chat-messages\";\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 = (\n  text: string,\n  locale: string,\n  messages: UiMessages,\n  chatMessages: ChatMessages,\n  edited: boolean,\n): { 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(chatMessages.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 chatMessages = useChatMessages();\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(), chatMessages(), 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\">{chatMessages().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\" ? [chatMessages().messageVideo, item.duration].filter(Boolean).join(\" \") : \"\",\n      more > 0 ? chatMessages().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      chatMessages().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>{chatMessages().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                  {chatMessages().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() ? chatMessages().messageShowLess : chatMessages().messageShowMore}\n                    </Button>\n                    <Show when={props.edited}>\n                      <span class=\"k2b-message-row__edited\">{chatMessages().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\">{chatMessages().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={chatMessages().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\">{chatMessages().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                    {chatMessages().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={chatMessages().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={chatMessages().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>{chatMessages().sending}</span>\n                      </Show>\n                      <Show when={props.status === \"failed\"}>\n                        <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" />\n                        <span>{chatMessages().messageNotSent}</span>\n                        <Show when={props.onRetry}>\n                          {(retry) => (\n                            <Button variant=\"text\" size=\"xs\" onClick={() => retry()()}>\n                              {chatMessages().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\">{chatMessages().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                            {chatMessages().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={chatMessages().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/ssr/content/Pagination.js

@@ -11,7 +11,7 @@ var _tmpl$ = ["<a", " class=\"", "\"", ">", "</a>"],
   _tmpl$6 = ["<span class=\"k2b-pagination__page is-current\" aria-current=\"page\">", "</span>"];
 import { Link } from "@k2b/ssr/nav";
 import { createMemo, For, Show } from "solid-js";
-import { useUiMessages } from "../intl/messages";
+import { usePaginationMessages } from "./pagination-messages";
 const PaginationLink = props => props.onNavigate ? _$createComponent(Link, {
   get href() {
     return props.href;
@@ -36,7 +36,7 @@ const PaginationLink = props => props.onNavigate ? _$createComponent(Link, {
 
 /** Link-based pagination with directional navigation and compact mobile disclosure. */
 export const Pagination = props => {
-  const messages = useUiMessages();
+  const paginationMessages = usePaginationMessages();
   const totalPages = createMemo(() => Math.max(1, Math.floor(Number.isFinite(props.totalPages) ? props.totalPages : 1)));
   const currentPage = createMemo(() => Math.min(totalPages(), Math.max(1, Math.floor(Number.isFinite(props.currentPage) ? props.currentPage : 1))));
   const href = page => `${props.baseUrl}${page}`;
@@ -46,7 +46,7 @@ export const Pagination = props => {
       return totalPages() > 1;
     },
     get children() {
-      return _$ssr(_tmpl$4, _$ssrAttribute("aria-label", _$escape(messages().pagination, true), false), _$escape(messages().pageOf({
+      return _$ssr(_tmpl$4, _$ssrAttribute("aria-label", _$escape(paginationMessages().pagination, true), false), _$escape(paginationMessages().pageOf({
         page: currentPage(),
         total: totalPages()
       })), _$escape(_$createComponent(Show, {
@@ -60,7 +60,7 @@ export const Pagination = props => {
             },
             rel: "prev",
             get label() {
-              return messages().previousPage;
+              return paginationMessages().previousPage;
             },
             get onNavigate() {
               return props.onNavigate;
@@ -96,7 +96,7 @@ export const Pagination = props => {
                   return href(page);
                 },
                 get label() {
-                  return messages().goToPage({
+                  return paginationMessages().goToPage({
                     page
                   });
                 },
@@ -125,7 +125,7 @@ export const Pagination = props => {
             },
             rel: "next",
             get label() {
-              return messages().nextPage;
+              return paginationMessages().nextPage;
             },
             get onNavigate() {
               return props.onNavigate;

package/dist/ssr/content/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/Pagination.tsx"],"sourcesContent":["import { Link, type LinkNavigateEvent } from \"@k2b/ssr/nav\";\nimport { createMemo, For, type JSX, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\n\nexport type PaginationProps = {\n  currentPage: number;\n  totalPages: number;\n  baseUrl: string;\n  onNavigate?: (event: LinkNavigateEvent) => void | Promise<void>;\n};\n\ntype PaginationLinkProps = {\n  href: string;\n  label: string;\n  rel?: \"prev\" | \"next\";\n  class?: string;\n  onNavigate?: PaginationProps[\"onNavigate\"];\n  children: JSX.Element;\n};\n\nconst PaginationLink = (props: PaginationLinkProps) =>\n  props.onNavigate ? (\n    <Link\n      href={props.href}\n      rel={props.rel}\n      scroll=\"top\"\n      onNavigate={props.onNavigate}\n      class={`k2b-pagination__page ${props.class ?? \"\"}`}\n      aria-label={props.label}\n    >\n      {props.children}\n    </Link>\n  ) : (\n    <a href={props.href} rel={props.rel} class={`k2b-pagination__page ${props.class ?? \"\"}`} aria-label={props.label}>\n      {props.children}\n    </a>\n  );\n\n/** Link-based pagination with directional navigation and compact mobile disclosure. */\nexport const Pagination = (props: PaginationProps): JSX.Element => {\n  const messages = useUiMessages();\n  const totalPages = createMemo(() => Math.max(1, Math.floor(Number.isFinite(props.totalPages) ? props.totalPages : 1)));\n  const currentPage = createMemo(() =>\n    Math.min(totalPages(), Math.max(1, Math.floor(Number.isFinite(props.currentPage) ? props.currentPage : 1))),\n  );\n  const href = (page: number) => `${props.baseUrl}${page}`;\n  const visiblePages = createMemo(() =>\n    [...new Set([1, currentPage() - 1, currentPage(), currentPage() + 1, totalPages()])]\n      .filter((page) => page >= 1 && page <= totalPages())\n      .sort((left, right) => left - right),\n  );\n\n  return (\n    <Show when={totalPages() > 1}>\n      <nav class=\"k2b-pagination\" aria-label={messages().pagination}>\n        <span class=\"k2b-sr-only\">{messages().pageOf({ page: currentPage(), total: totalPages() })}</span>\n        <div class=\"k2b-pagination__pages\">\n          <Show when={currentPage() > 1}>\n            <PaginationLink href={href(currentPage() - 1)} rel=\"prev\" label={messages().previousPage} onNavigate={props.onNavigate}>\n              <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n            </PaginationLink>\n          </Show>\n\n          <For each={visiblePages()}>\n            {(page, index) => {\n              const previousPage = () => visiblePages()[index() - 1];\n              const hasGap = () => previousPage() !== undefined && page - previousPage()! > 1;\n              const isCurrent = () => page === currentPage();\n              const mobileVisible = () => page === 1 || page === totalPages() || isCurrent();\n\n              return (\n                <>\n                  <Show when={hasGap()}>\n                    <span class=\"k2b-pagination__ellipsis\" aria-hidden=\"true\">\n                      …\n                    </span>\n                  </Show>\n                  <Show\n                    when={isCurrent()}\n                    fallback={\n                      <PaginationLink\n                        href={href(page)}\n                        label={messages().goToPage({ page })}\n                        class={mobileVisible() ? \"\" : \"k2b-pagination__page--wide-only\"}\n                        onNavigate={props.onNavigate}\n                      >\n                        {page}\n                      </PaginationLink>\n                    }\n                  >\n                    <span class=\"k2b-pagination__page is-current\" aria-current=\"page\">\n                      {page}\n                    </span>\n                  </Show>\n                </>\n              );\n            }}\n          </For>\n\n          <Show when={currentPage() < totalPages()}>\n            <PaginationLink href={href(currentPage() + 1)} rel=\"next\" label={messages().nextPage} onNavigate={props.onNavigate}>\n              <i class=\"ti ti-chevron-right\" aria-hidden=\"true\" />\n            </PaginationLink>\n          </Show>\n        </div>\n      </nav>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,IAAI,QAAgC,cAAc;AAC3D,SAAS,UAAU,EAAE,GAAG,EAAY,IAAI,QAAQ,UAAU;AAC1D,SAAS,aAAa,QAAQ,kBAAkB;AAkBhD,MAAM,cAAc,GAAI,KAA0B,IAChD,KAAK,CAAC,UAAU,qBACb,IAAI;EAAA,IACH,IAAI;IAAA,OAAE,KAAK,CAAC,IAAI;EAAA;EAAA,IAChB,GAAG;IAAA,OAAE,KAAK,CAAC,GAAG;EAAA;EACd,MAAM;EAAA,IACN,UAAU;IAAA,OAAE,KAAK,CAAC,UAAU;EAAA;EAAA;IAAA,OACrB,wBAAwB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;EAAA;EAAA;IAAA,OACtC,KAAK,CAAC,KAAK;EAAA;EAAA;IAAA,OAEtB,KAAK,CAAC,QAAQ;EAAA;AAAA,mDAGR,KAAK,CAAC,IAAI,iDAAO,KAAK,CAAC,GAAG,iBAAS,iCAAwB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,wCAAc,KAAK,CAAC,KAAK,0BAC7G,KAAK,CAAC,QAAQ,EAElB;;AAEH;AACA,OAAO,MAAM,UAAU,GAAI,KAAsB,IAAkB;EACjE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;EACtH,MAAM,WAAW,GAAG,UAAU,CAAC,MAC7B,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAC5G,CAAC;EACD,MAAM,IAAI,GAAI,IAAY,IAAK,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,EAAE;EACxD,MAAM,YAAY,GAAG,UAAU,CAAC,MAC9B,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CACjF,MAAM,CAAE,IAAI,IAAK,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,CACnD,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,GAAG,KAAK,CACvC,CAAC;EAED,yBACG,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,UAAU,CAAC,CAAC,GAAG,CAAC;IAAA;IAAA;MAAA,4DACc,QAAQ,CAAC,CAAC,CAAC,UAAU,0BAChC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;QAAE,IAAI,EAAE,WAAW,CAAC,CAAC;QAAE,KAAK,EAAE,UAAU,CAAC;MAAE,CAAC,CAAC,8BAEvF,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,WAAW,CAAC,CAAC,GAAG,CAAC;QAAA;QAAA;UAAA,yBAC1B,cAAc;YAAA,IAAC,IAAI;cAAA,OAAE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC;YAAA;YAAE,GAAG;YAAA,IAAQ,KAAK;cAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,YAAY;YAAA;YAAA,IAAE,UAAU;cAAA,OAAE,KAAK,CAAC,UAAU;YAAA;YAAA;cAAA;YAAA;UAAA;QAAA;MAAA,gCAKvH,GAAG;QAAA,IAAC,IAAI;UAAA,OAAE,YAAY,CAAC,CAAC;QAAA;QAAA,UACtB,CAAC,IAAI,EAAE,KAAK,KAAK;UAChB,MAAM,YAAY,GAAG,MAAM,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;UACtD,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,CAAC,KAAK,SAAS,IAAI,IAAI,GAAG,YAAY,CAAC,CAAE,GAAG,CAAC;UAC/E,MAAM,SAAS,GAAG,MAAM,IAAI,KAAK,WAAW,CAAC,CAAC;UAC9C,MAAM,aAAa,GAAG,MAAM,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,UAAU,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC;UAE9E,0BAEK,IAAI;YAAA,IAAC,IAAI;cAAA,OAAE,MAAM,CAAC,CAAC;YAAA;YAAA;cAAA;YAAA;UAAA,sBAKnB,IAAI;YAAA,IACH,IAAI;cAAA,OAAE,SAAS,CAAC,CAAC;YAAA;YAAA,IACjB,QAAQ;cAAA,yBACL,cAAc;gBAAA,IACb,IAAI;kBAAA,OAAE,IAAI,CAAC,IAAI,CAAC;gBAAA;gBAAA,IAChB,KAAK;kBAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;oBAAE;kBAAK,CAAC,CAAC;gBAAA;gBAAA;kBAAA,OAC7B,aAAa,CAAC,CAAC,GAAG,EAAE,GAAG,iCAAiC;gBAAA;gBAAA,IAC/D,UAAU;kBAAA,OAAE,KAAK,CAAC,UAAU;gBAAA;gBAAA,UAE3B;cAAI;YAAA;YAAA;cAAA,+BAKN,IAAI;YAAA;UAAA;QAKf;MAAC,gCAGF,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,WAAW,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;QAAA;QAAA;UAAA,yBACrC,cAAc;YAAA,IAAC,IAAI;cAAA,OAAE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC;YAAA;YAAE,GAAG;YAAA,IAAQ,KAAK;cAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ;YAAA;YAAA,IAAE,UAAU;cAAA,OAAE,KAAK,CAAC,UAAU;YAAA;YAAA;cAAA;YAAA;UAAA;QAAA;MAAA;IAAA;EAAA;AAQ9H,CAAC","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/Pagination.tsx"],"sourcesContent":["import { Link, type LinkNavigateEvent } from \"@k2b/ssr/nav\";\nimport { createMemo, For, type JSX, Show } from \"solid-js\";\nimport { usePaginationMessages } from \"./pagination-messages\";\n\nexport type PaginationProps = {\n  currentPage: number;\n  totalPages: number;\n  baseUrl: string;\n  onNavigate?: (event: LinkNavigateEvent) => void | Promise<void>;\n};\n\ntype PaginationLinkProps = {\n  href: string;\n  label: string;\n  rel?: \"prev\" | \"next\";\n  class?: string;\n  onNavigate?: PaginationProps[\"onNavigate\"];\n  children: JSX.Element;\n};\n\nconst PaginationLink = (props: PaginationLinkProps) =>\n  props.onNavigate ? (\n    <Link\n      href={props.href}\n      rel={props.rel}\n      scroll=\"top\"\n      onNavigate={props.onNavigate}\n      class={`k2b-pagination__page ${props.class ?? \"\"}`}\n      aria-label={props.label}\n    >\n      {props.children}\n    </Link>\n  ) : (\n    <a href={props.href} rel={props.rel} class={`k2b-pagination__page ${props.class ?? \"\"}`} aria-label={props.label}>\n      {props.children}\n    </a>\n  );\n\n/** Link-based pagination with directional navigation and compact mobile disclosure. */\nexport const Pagination = (props: PaginationProps): JSX.Element => {\n  const paginationMessages = usePaginationMessages();\n  const totalPages = createMemo(() => Math.max(1, Math.floor(Number.isFinite(props.totalPages) ? props.totalPages : 1)));\n  const currentPage = createMemo(() =>\n    Math.min(totalPages(), Math.max(1, Math.floor(Number.isFinite(props.currentPage) ? props.currentPage : 1))),\n  );\n  const href = (page: number) => `${props.baseUrl}${page}`;\n  const visiblePages = createMemo(() =>\n    [...new Set([1, currentPage() - 1, currentPage(), currentPage() + 1, totalPages()])]\n      .filter((page) => page >= 1 && page <= totalPages())\n      .sort((left, right) => left - right),\n  );\n\n  return (\n    <Show when={totalPages() > 1}>\n      <nav class=\"k2b-pagination\" aria-label={paginationMessages().pagination}>\n        <span class=\"k2b-sr-only\">{paginationMessages().pageOf({ page: currentPage(), total: totalPages() })}</span>\n        <div class=\"k2b-pagination__pages\">\n          <Show when={currentPage() > 1}>\n            <PaginationLink\n              href={href(currentPage() - 1)}\n              rel=\"prev\"\n              label={paginationMessages().previousPage}\n              onNavigate={props.onNavigate}\n            >\n              <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n            </PaginationLink>\n          </Show>\n\n          <For each={visiblePages()}>\n            {(page, index) => {\n              const previousPage = () => visiblePages()[index() - 1];\n              const hasGap = () => previousPage() !== undefined && page - previousPage()! > 1;\n              const isCurrent = () => page === currentPage();\n              const mobileVisible = () => page === 1 || page === totalPages() || isCurrent();\n\n              return (\n                <>\n                  <Show when={hasGap()}>\n                    <span class=\"k2b-pagination__ellipsis\" aria-hidden=\"true\">\n                      …\n                    </span>\n                  </Show>\n                  <Show\n                    when={isCurrent()}\n                    fallback={\n                      <PaginationLink\n                        href={href(page)}\n                        label={paginationMessages().goToPage({ page })}\n                        class={mobileVisible() ? \"\" : \"k2b-pagination__page--wide-only\"}\n                        onNavigate={props.onNavigate}\n                      >\n                        {page}\n                      </PaginationLink>\n                    }\n                  >\n                    <span class=\"k2b-pagination__page is-current\" aria-current=\"page\">\n                      {page}\n                    </span>\n                  </Show>\n                </>\n              );\n            }}\n          </For>\n\n          <Show when={currentPage() < totalPages()}>\n            <PaginationLink href={href(currentPage() + 1)} rel=\"next\" label={paginationMessages().nextPage} onNavigate={props.onNavigate}>\n              <i class=\"ti ti-chevron-right\" aria-hidden=\"true\" />\n            </PaginationLink>\n          </Show>\n        </div>\n      </nav>\n    </Show>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/PdfPreview.js

@@ -15,8 +15,9 @@ var _tmpl$ = ["<button type=\"button\" class=\"k2b-button\" data-variant=\"secon
   _tmpl$0 = ["<section class=\"", "\"><div class=\"k2b-content-pdf-preview__toolbar\"><div class=\"k2b-content-pdf-preview__heading\">", "</div>", "</div>", "</section>"];
 import { createSignal, onCleanup, onMount, Show } from "solid-js";
 import { announce } from "../feedback/announce";
-import { resolveUiMessages, useUiMessages } from "../intl/messages";
+import { useUiMessages } from "../intl/messages";
 import Placeholder from "../surfaces/Placeholder";
+import { resolvePdfMessages, usePdfMessages } from "./pdf-messages";
 const readErrorMessage = async response => {
   try {
     const data = await response.json();
@@ -24,12 +25,13 @@ const readErrorMessage = async response => {
   } catch {
     // Fall through to the HTTP status fallback.
   }
-  return resolveUiMessages().pdfPreviewHttpError({
+  return resolvePdfMessages().pdfPreviewHttpError({
     status: response.status
   });
 };
 export default function PdfPreview(props) {
   const messages = useUiMessages();
+  const pdfMessages = usePdfMessages();
   const [url, setUrl] = createSignal(null);
   // An automatic preview starts loading once mounted. The server and the page before hydration already show that
   // state, so they offer neither a retry nor an invitation to render while nothing has failed.
@@ -99,8 +101,8 @@ export default function PdfPreview(props) {
       if (previousUrl) URL.revokeObjectURL(previousUrl);
       // 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);
+        announce(pdfMessages().pdfPreviewNoViewer);
+        announce(pdfMessages().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.
@@ -129,8 +131,8 @@ export default function PdfPreview(props) {
     setTabBlocked(!tab);
     if (!tab) return;
     tab.opener = null;
-    tab.document.title = props.title ?? messages().pdfPreview;
-    tab.document.body.textContent = messages().pdfPreviewRendering;
+    tab.document.title = props.title ?? pdfMessages().pdfPreview;
+    tab.document.body.textContent = pdfMessages().pdfPreviewRendering;
     setOpening(true);
     setError(null);
     try {
@@ -158,10 +160,10 @@ export default function PdfPreview(props) {
       return _$memo(() => !!!props.disabled?.())() && props.openHref;
     },
     get fallback() {
-      return _$ssr(_tmpl$2, _$ssrAttribute("disabled", loading() || opening() || props.disabled?.(), true), _$ssrAttribute("class", opening() ? "ti ti-loader-2 k2b-spin" : "ti ti-external-link", false), _$escape(props.openButtonLabel ?? messages().openPreview));
+      return _$ssr(_tmpl$2, _$ssrAttribute("disabled", loading() || opening() || props.disabled?.(), true), _$ssrAttribute("class", opening() ? "ti ti-loader-2 k2b-spin" : "ti ti-external-link", false), _$escape(props.openButtonLabel ?? pdfMessages().openPreview));
     },
     children: href => // A plain link to a real address: the browser opens it on the user's own click, and the tab can reload it.
-    _$ssr(_tmpl$5, _$ssrAttribute("href", _$escape(href(), true), false), _$escape(props.openButtonLabel ?? messages().openPreview))
+    _$ssr(_tmpl$5, _$ssrAttribute("href", _$escape(href(), true), false), _$escape(props.openButtonLabel ?? pdfMessages().openPreview))
   })), _$escape(_$createComponent(Show, {
     get when() {
       return props.onDownload;
@@ -174,14 +176,14 @@ export default function PdfPreview(props) {
       return renderable();
     },
     get children() {
-      return _$ssr(_tmpl$2, _$ssrAttribute("disabled", loading() || opening() || props.disabled?.(), true), _$ssrAttribute("class", loading() ? "ti ti-loader-2 k2b-spin" : "ti ti-file-type-pdf", false), _$escape(props.buttonLabel ?? messages().previewPdf));
+      return _$ssr(_tmpl$2, _$ssrAttribute("disabled", loading() || opening() || props.disabled?.(), true), _$ssrAttribute("class", loading() ? "ti ti-loader-2 k2b-spin" : "ti ti-file-type-pdf", false), _$escape(props.buttonLabel ?? pdfMessages().previewPdf));
     }
   })), _$escape(_$createComponent(Show, {
     get when() {
       return tabBlocked();
     },
     get children() {
-      return _$ssr(_tmpl$3, _$escape(messages().pdfPreviewTabBlocked));
+      return _$ssr(_tmpl$3, _$escape(pdfMessages().pdfPreviewTabBlocked));
     }
   })));
   // Every state uses one placeholder in the viewer's box, so loading changes no layout: idle and loading before a
@@ -197,7 +199,7 @@ export default function PdfPreview(props) {
     get when() {
       return _$memo(() => !!(!error() && inlineViewer()))() && url();
     },
-    children: currentUrl => _$ssr(_tmpl$7, _$ssrAttribute("data-drawn", drawn() ? "" : _$escape(undefined, true), false), _$ssrAttribute("inert", !drawn(), true) + _$ssrAttribute("src", _$escape(currentUrl(), true), false) + _$ssrAttribute("title", _$escape(props.title ?? messages().pdfPreview, true), false))
+    children: currentUrl => _$ssr(_tmpl$7, _$ssrAttribute("data-drawn", drawn() ? "" : _$escape(undefined, true), false), _$ssrAttribute("inert", !drawn(), true) + _$ssrAttribute("src", _$escape(currentUrl(), true), false) + _$ssrAttribute("title", _$escape(props.title ?? pdfMessages().pdfPreview, true), false))
   })), _$escape(_$createComponent(Show, {
     get when() {
       return error();
@@ -216,10 +218,10 @@ export default function PdfPreview(props) {
             return state() === "loading" ? undefined : "ti ti-file-type-pdf";
           },
           get title() {
-            return _$memo(() => state() === "loading")() ? messages().loading : _$memo(() => state() === "no-viewer")() ? messages().pdfPreviewNoViewer : undefined;
+            return _$memo(() => state() === "loading")() ? messages().loading : _$memo(() => state() === "no-viewer")() ? pdfMessages().pdfPreviewNoViewer : undefined;
           },
           get description() {
-            return _$memo(() => state() === "idle")() ? props.emptyText ?? messages().renderPdfPreview : _$memo(() => state() === "no-viewer")() ? messages().pdfPreviewNoViewerDescription : undefined;
+            return _$memo(() => state() === "idle")() ? props.emptyText ?? pdfMessages().renderPdfPreview : _$memo(() => state() === "no-viewer")() ? pdfMessages().pdfPreviewNoViewerDescription : undefined;
           }
         })
       });