@k2b/ui 0.18.0 → 0.20.0

package/dist/ssr/content/Lightbox.js

@@ -9,12 +9,16 @@ var _tmpl$ = ["<span class=\"k2b-content-lightbox__counter\" aria-live=\"polite\
   _tmpl$4 = ["<button type=\"button\" class=\"k2b-content-lightbox__nav\" data-direction=\"previous\"", "><i class=\"ti ti-chevron-left\" aria-hidden=\"true\"></i></button>"],
   _tmpl$5 = ["<button type=\"button\" class=\"k2b-content-lightbox__nav\" data-direction=\"next\"", "><i class=\"ti ti-chevron-right\" aria-hidden=\"true\"></i></button>"],
   _tmpl$6 = ["<div class=\"k2b-content-lightbox__dots\" role=\"group\"", ">", "</div>"],
-  _tmpl$7 = ["<dialog class=\"k2b-content-lightbox\"", "><div class=\"k2b-content-lightbox__bar\"><div class=\"k2b-content-lightbox__meta\">", "", "</div><div class=\"k2b-content-lightbox__actions\">", "<button type=\"button\" class=\"k2b-content-lightbox__button\"", "><i class=\"ti ti-x\" aria-hidden=\"true\"></i><span class=\"k2b-content-lightbox__button-label\">", "</span></button></div></div><div class=\"k2b-content-lightbox__stage\">", "</div>", "", "</dialog>"],
-  _tmpl$8 = ["<img", " class=\"k2b-content-lightbox__image\" draggable=\"false\">"],
-  _tmpl$9 = ["<button type=\"button\" class=\"k2b-content-lightbox__dot\"", "></button>"];
+  _tmpl$7 = ["<dialog class=\"k2b-content-lightbox\"", "><div class=\"k2b-content-lightbox__bar\"><div class=\"k2b-content-lightbox__meta\">", "", "</div><div class=\"k2b-content-lightbox__actions\">", "", "<button type=\"button\" class=\"k2b-content-lightbox__button\"", "><i class=\"ti ti-x\" aria-hidden=\"true\"></i><span class=\"k2b-content-lightbox__button-label\">", "</span></button></div></div><div class=\"k2b-content-lightbox__stage\">", "</div>", "", "</dialog>"],
+  _tmpl$8 = ["<button type=\"button\" class=\"k2b-content-lightbox__button\"", "><i", " aria-hidden=\"true\"></i><span class=\"k2b-content-lightbox__button-label\">", "</span></button>"],
+  _tmpl$9 = ["<img", " class=\"k2b-content-lightbox__image\" draggable=\"false\">"],
+  _tmpl$0 = ["<button type=\"button\" class=\"k2b-content-lightbox__dot\"", "></button>"];
 import { createEffect, createSignal, For, onCleanup, onMount, Show } from "solid-js";
 import { returnFocus, ringOnReturn } from "../internal/focus-return";
 import { useUiMessages } from "../intl/messages";
+
+/** One more thing to do with the shown image, beside Download: a short label, its icon class, and what it does. */
+
 /**
  * Minimal, accessible lightbox using native <dialog>.
  * Supports keyboard navigation, touch swipe gestures, and screen readers.
@@ -64,8 +68,13 @@ export default function Lightbox(props) {
     props.onClose();
   };
 
+  // A key belongs to the Lightbox while focus is inside it, or on the page with no other dialog open. A dialog opened
+  // from one of its actions keeps its own keys: Escape closes that dialog, and arrows stay in its fields.
+  const ownsKey = target => target instanceof Node && (dialogRef.contains(target) || target === document.body && Array.from(document.querySelectorAll("dialog[open]")).every(dialog => dialog === dialogRef));
+
   // Keyboard navigation
   const handleKeyDown = e => {
+    if (!ownsKey(e.target)) return;
     switch (e.key) {
       case "Escape":
         // Handled here, so WebKit does not light the returned focus for this key.
@@ -144,6 +153,11 @@ export default function Lightbox(props) {
     get children() {
       return _$ssr(_tmpl$2, _$escape(current()?.alt));
     }
+  })), _$escape(_$createComponent(For, {
+    get each() {
+      return current()?.actions ?? [];
+    },
+    children: action => _$ssr(_tmpl$8, _$ssrAttribute("aria-label", _$escape(action.label, true), false), _$ssrAttribute("class", _$escape(action.icon, true), false), _$escape(action.label))
   })), _$escape(_$createComponent(Show, {
     get when() {
       return current()?.downloadUrl;
@@ -155,7 +169,7 @@ export default function Lightbox(props) {
     get when() {
       return current();
     },
-    children: image => _$ssr(_tmpl$8, _$ssrAttribute("src", _$escape(image().src, true), false) + _$ssrAttribute("alt", _$escape(image().alt ?? "", true), false))
+    children: image => _$ssr(_tmpl$9, _$ssrAttribute("src", _$escape(image().src, true), false) + _$ssrAttribute("alt", _$escape(image().alt ?? "", true), false))
   })), _$escape(_$createComponent(Show, {
     get when() {
       return isMultiple();
@@ -172,7 +186,7 @@ export default function Lightbox(props) {
         get each() {
           return props.images;
         },
-        children: (_, i) => _$ssr(_tmpl$9, _$ssrAttribute("aria-current", index() === i() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("aria-label", _$escape(messages().goToImage({
+        children: (_, i) => _$ssr(_tmpl$0, _$ssrAttribute("aria-current", index() === i() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("aria-label", _$escape(messages().goToImage({
           index: i() + 1
         }), true), false))
       })));

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/Lightbox.tsx"],"sourcesContent":["import { createEffect, createSignal, For, onCleanup, onMount, Show } from \"solid-js\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { useUiMessages } from \"../intl/messages\";\n\nexport type LightboxImage = {\n  src: string;\n  alt?: string;\n  downloadUrl?: string;\n};\n\ntype LightboxProps = {\n  images: LightboxImage[];\n  initialIndex?: number;\n  onClose: () => void;\n};\n\n/**\n * Minimal, accessible lightbox using native <dialog>.\n * Supports keyboard navigation, touch swipe gestures, and screen readers.\n */\nexport default function Lightbox(props: LightboxProps) {\n  const messages = useUiMessages();\n  const clampIndex = (value: number, images = props.images): number =>\n    images.length === 0 ? 0 : Math.max(0, Math.min(value, images.length - 1));\n  const [index, setIndex] = createSignal(clampIndex(props.initialIndex ?? 0));\n  let dialogRef!: HTMLDialogElement;\n  let opener: HTMLElement | null = null;\n  let openerRing = true;\n\n  createEffect(\n    (previous: { images: LightboxImage[]; initialIndex: number | undefined }) => {\n      const images = props.images;\n      const initialIndex = props.initialIndex;\n      setIndex((currentIndex) => {\n        if (initialIndex !== previous.initialIndex) return clampIndex(initialIndex ?? 0, images);\n        const previousImage = previous.images[currentIndex];\n        const retained = previousImage ? images.findIndex((image) => image === previousImage || image.src === previousImage.src) : -1;\n        return retained >= 0 ? retained : clampIndex(currentIndex, images);\n      });\n      return { images, initialIndex };\n    },\n    { images: props.images, initialIndex: props.initialIndex },\n  );\n\n  // Touch gesture tracking\n  let touchStartX = 0;\n  let touchStartY = 0;\n  const SWIPE_THRESHOLD = 50;\n\n  const current = () => props.images[index()];\n  const isMultiple = () => props.images.length > 1;\n  const prev = () => {\n    if (!isMultiple()) return;\n    setIndex((i) => (i - 1 + props.images.length) % props.images.length);\n  };\n  const next = () => {\n    if (!isMultiple()) return;\n    setIndex((i) => (i + 1) % props.images.length);\n  };\n\n  const close = () => {\n    dialogRef.close();\n    returnFocus(opener, openerRing);\n    props.onClose();\n  };\n\n  // Keyboard navigation\n  const handleKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case \"Escape\":\n        // Handled here, so WebKit does not light the returned focus for this key.\n        e.preventDefault();\n        close();\n        break;\n      case \"ArrowLeft\":\n        prev();\n        break;\n      case \"ArrowRight\":\n        next();\n        break;\n    }\n  };\n\n  // Touch handlers for swipe gestures\n  const handleTouchStart = (e: TouchEvent) => {\n    const touch = e.touches[0];\n    if (touch) {\n      touchStartX = touch.clientX;\n      touchStartY = touch.clientY;\n    }\n  };\n\n  const handleTouchEnd = (e: TouchEvent) => {\n    const touch = e.changedTouches[0];\n    if (!touch) return;\n\n    const deltaX = touch.clientX - touchStartX;\n    const deltaY = touch.clientY - touchStartY;\n\n    // Only trigger swipe if horizontal movement is dominant\n    if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > SWIPE_THRESHOLD) {\n      if (deltaX > 0) {\n        prev();\n      } else {\n        next();\n      }\n    }\n  };\n\n  // Click on backdrop closes lightbox\n  const handleBackdropClick = (e: MouseEvent) => {\n    if (e.target === dialogRef) {\n      close();\n    }\n  };\n\n  // The browser cancels the dialog itself, as on the Android back gesture;\n  // closing here still returns focus and tells the owner.\n  const handleCancel = (e: Event) => {\n    e.preventDefault();\n    close();\n  };\n\n  // Registration and teardown both live in onMount: onCleanup also runs when an\n  // SSR render is disposed, where `document` does not exist.\n  onMount(() => {\n    opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n    openerRing = ringOnReturn(opener);\n    // The native dialog would return focus with a ring of the browser's choosing.\n    opener?.blur();\n    dialogRef.showModal();\n    document.addEventListener(\"keydown\", handleKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", handleKeyDown));\n  });\n\n  return (\n    <dialog\n      ref={dialogRef}\n      class=\"k2b-content-lightbox\"\n      onMouseDown={handleBackdropClick}\n      onCancel={handleCancel}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      aria-label={messages().imageLightbox}\n    >\n      {/* Top bar */}\n      <div class=\"k2b-content-lightbox__bar\">\n        <div class=\"k2b-content-lightbox__meta\">\n          <Show when={isMultiple()}>\n            <span class=\"k2b-content-lightbox__counter\" aria-live=\"polite\">\n              {index() + 1} / {props.images.length}\n            </span>\n          </Show>\n          <Show when={current()?.alt}>\n            <div class=\"k2b-content-lightbox__caption\">\n              <div class=\"k2b-content-lightbox__caption-text\">{current()?.alt}</div>\n            </div>\n          </Show>\n        </div>\n\n        <div class=\"k2b-content-lightbox__actions\">\n          <Show when={current()?.downloadUrl}>\n            <a href={current()!.downloadUrl} download=\"\" class=\"k2b-content-lightbox__button\" aria-label={messages().downloadImage}>\n              <i class=\"ti ti-download\" aria-hidden=\"true\" />\n              <span class=\"k2b-content-lightbox__button-label\">{messages().download}</span>\n            </a>\n          </Show>\n          <button type=\"button\" onClick={close} class=\"k2b-content-lightbox__button\" aria-label={messages().closeLightbox}>\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            <span class=\"k2b-content-lightbox__button-label\">{messages().close}</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"k2b-content-lightbox__stage\">\n        <Show when={current()}>\n          {(image) => <img src={image().src} alt={image().alt ?? \"\"} class=\"k2b-content-lightbox__image\" draggable={false} />}\n        </Show>\n      </div>\n\n      <Show when={isMultiple()}>\n        <button\n          type=\"button\"\n          onClick={prev}\n          class=\"k2b-content-lightbox__nav\"\n          data-direction=\"previous\"\n          aria-label={messages().previousImage}\n        >\n          <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n        </button>\n        <button type=\"button\" onClick={next} class=\"k2b-content-lightbox__nav\" data-direction=\"next\" aria-label={messages().nextImage}>\n          <i class=\"ti ti-chevron-right\" aria-hidden=\"true\" />\n        </button>\n      </Show>\n\n      <Show when={isMultiple() && props.images.length <= 10}>\n        <div class=\"k2b-content-lightbox__dots\" role=\"group\" aria-label={messages().imageNavigation}>\n          <For each={props.images}>\n            {(_, i) => (\n              <button\n                type=\"button\"\n                onClick={() => setIndex(i())}\n                class=\"k2b-content-lightbox__dot\"\n                aria-current={index() === i() ? \"true\" : undefined}\n                aria-label={messages().goToImage({ index: i() + 1 })}\n              />\n            )}\n          </For>\n        </div>\n      </Show>\n    </dialog>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/Lightbox.tsx"],"sourcesContent":["import { createEffect, createSignal, For, onCleanup, onMount, Show } from \"solid-js\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { useUiMessages } from \"../intl/messages\";\n\n/** One more thing to do with the shown image, beside Download: a short label, its icon class, and what it does. */\nexport type LightboxAction = {\n  label: string;\n  icon: string;\n  onClick: () => void;\n};\n\nexport type LightboxImage = {\n  src: string;\n  alt?: string;\n  downloadUrl?: string;\n  /** Actions for this image, shown before Download in the same style. */\n  actions?: readonly LightboxAction[];\n};\n\ntype LightboxProps = {\n  images: LightboxImage[];\n  initialIndex?: number;\n  onClose: () => void;\n};\n\n/**\n * Minimal, accessible lightbox using native <dialog>.\n * Supports keyboard navigation, touch swipe gestures, and screen readers.\n */\nexport default function Lightbox(props: LightboxProps) {\n  const messages = useUiMessages();\n  const clampIndex = (value: number, images = props.images): number =>\n    images.length === 0 ? 0 : Math.max(0, Math.min(value, images.length - 1));\n  const [index, setIndex] = createSignal(clampIndex(props.initialIndex ?? 0));\n  let dialogRef!: HTMLDialogElement;\n  let opener: HTMLElement | null = null;\n  let openerRing = true;\n\n  createEffect(\n    (previous: { images: LightboxImage[]; initialIndex: number | undefined }) => {\n      const images = props.images;\n      const initialIndex = props.initialIndex;\n      setIndex((currentIndex) => {\n        if (initialIndex !== previous.initialIndex) return clampIndex(initialIndex ?? 0, images);\n        const previousImage = previous.images[currentIndex];\n        const retained = previousImage ? images.findIndex((image) => image === previousImage || image.src === previousImage.src) : -1;\n        return retained >= 0 ? retained : clampIndex(currentIndex, images);\n      });\n      return { images, initialIndex };\n    },\n    { images: props.images, initialIndex: props.initialIndex },\n  );\n\n  // Touch gesture tracking\n  let touchStartX = 0;\n  let touchStartY = 0;\n  const SWIPE_THRESHOLD = 50;\n\n  const current = () => props.images[index()];\n  const isMultiple = () => props.images.length > 1;\n  const prev = () => {\n    if (!isMultiple()) return;\n    setIndex((i) => (i - 1 + props.images.length) % props.images.length);\n  };\n  const next = () => {\n    if (!isMultiple()) return;\n    setIndex((i) => (i + 1) % props.images.length);\n  };\n\n  const close = () => {\n    dialogRef.close();\n    returnFocus(opener, openerRing);\n    props.onClose();\n  };\n\n  // A key belongs to the Lightbox while focus is inside it, or on the page with no other dialog open. A dialog opened\n  // from one of its actions keeps its own keys: Escape closes that dialog, and arrows stay in its fields.\n  const ownsKey = (target: EventTarget | null) =>\n    target instanceof Node &&\n    (dialogRef.contains(target) ||\n      (target === document.body && Array.from(document.querySelectorAll(\"dialog[open]\")).every((dialog) => dialog === dialogRef)));\n\n  // Keyboard navigation\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (!ownsKey(e.target)) return;\n    switch (e.key) {\n      case \"Escape\":\n        // Handled here, so WebKit does not light the returned focus for this key.\n        e.preventDefault();\n        close();\n        break;\n      case \"ArrowLeft\":\n        prev();\n        break;\n      case \"ArrowRight\":\n        next();\n        break;\n    }\n  };\n\n  // Touch handlers for swipe gestures\n  const handleTouchStart = (e: TouchEvent) => {\n    const touch = e.touches[0];\n    if (touch) {\n      touchStartX = touch.clientX;\n      touchStartY = touch.clientY;\n    }\n  };\n\n  const handleTouchEnd = (e: TouchEvent) => {\n    const touch = e.changedTouches[0];\n    if (!touch) return;\n\n    const deltaX = touch.clientX - touchStartX;\n    const deltaY = touch.clientY - touchStartY;\n\n    // Only trigger swipe if horizontal movement is dominant\n    if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > SWIPE_THRESHOLD) {\n      if (deltaX > 0) {\n        prev();\n      } else {\n        next();\n      }\n    }\n  };\n\n  // Click on backdrop closes lightbox\n  const handleBackdropClick = (e: MouseEvent) => {\n    if (e.target === dialogRef) {\n      close();\n    }\n  };\n\n  // The browser cancels the dialog itself, as on the Android back gesture;\n  // closing here still returns focus and tells the owner.\n  const handleCancel = (e: Event) => {\n    e.preventDefault();\n    close();\n  };\n\n  // Registration and teardown both live in onMount: onCleanup also runs when an\n  // SSR render is disposed, where `document` does not exist.\n  onMount(() => {\n    opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n    openerRing = ringOnReturn(opener);\n    // The native dialog would return focus with a ring of the browser's choosing.\n    opener?.blur();\n    dialogRef.showModal();\n    document.addEventListener(\"keydown\", handleKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", handleKeyDown));\n  });\n\n  return (\n    <dialog\n      ref={dialogRef}\n      class=\"k2b-content-lightbox\"\n      onMouseDown={handleBackdropClick}\n      onCancel={handleCancel}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      aria-label={messages().imageLightbox}\n    >\n      {/* Top bar */}\n      <div class=\"k2b-content-lightbox__bar\">\n        <div class=\"k2b-content-lightbox__meta\">\n          <Show when={isMultiple()}>\n            <span class=\"k2b-content-lightbox__counter\" aria-live=\"polite\">\n              {index() + 1} / {props.images.length}\n            </span>\n          </Show>\n          <Show when={current()?.alt}>\n            <div class=\"k2b-content-lightbox__caption\">\n              <div class=\"k2b-content-lightbox__caption-text\">{current()?.alt}</div>\n            </div>\n          </Show>\n        </div>\n\n        <div class=\"k2b-content-lightbox__actions\">\n          <For each={current()?.actions ?? []}>\n            {(action) => (\n              <button type=\"button\" onClick={() => action.onClick()} class=\"k2b-content-lightbox__button\" aria-label={action.label}>\n                <i class={action.icon} aria-hidden=\"true\" />\n                <span class=\"k2b-content-lightbox__button-label\">{action.label}</span>\n              </button>\n            )}\n          </For>\n          <Show when={current()?.downloadUrl}>\n            <a href={current()!.downloadUrl} download=\"\" class=\"k2b-content-lightbox__button\" aria-label={messages().downloadImage}>\n              <i class=\"ti ti-download\" aria-hidden=\"true\" />\n              <span class=\"k2b-content-lightbox__button-label\">{messages().download}</span>\n            </a>\n          </Show>\n          <button type=\"button\" onClick={close} class=\"k2b-content-lightbox__button\" aria-label={messages().closeLightbox}>\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            <span class=\"k2b-content-lightbox__button-label\">{messages().close}</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"k2b-content-lightbox__stage\">\n        <Show when={current()}>\n          {(image) => <img src={image().src} alt={image().alt ?? \"\"} class=\"k2b-content-lightbox__image\" draggable={false} />}\n        </Show>\n      </div>\n\n      <Show when={isMultiple()}>\n        <button\n          type=\"button\"\n          onClick={prev}\n          class=\"k2b-content-lightbox__nav\"\n          data-direction=\"previous\"\n          aria-label={messages().previousImage}\n        >\n          <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n        </button>\n        <button type=\"button\" onClick={next} class=\"k2b-content-lightbox__nav\" data-direction=\"next\" aria-label={messages().nextImage}>\n          <i class=\"ti ti-chevron-right\" aria-hidden=\"true\" />\n        </button>\n      </Show>\n\n      <Show when={isMultiple() && props.images.length <= 10}>\n        <div class=\"k2b-content-lightbox__dots\" role=\"group\" aria-label={messages().imageNavigation}>\n          <For each={props.images}>\n            {(_, i) => (\n              <button\n                type=\"button\"\n                onClick={() => setIndex(i())}\n                class=\"k2b-content-lightbox__dot\"\n                aria-current={index() === i() ? \"true\" : undefined}\n                aria-label={messages().goToImage({ index: i() + 1 })}\n              />\n            )}\n          </For>\n        </div>\n      </Show>\n    </dialog>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/MessageRow.js

@@ -30,7 +30,7 @@ var _tmpl$ = ["<span", " style=\"", "\">", "</span>"],
   _tmpl$22 = ["<div class=\"k2b-message-row__marker\"><i class=\"ti ti-pencil\" aria-hidden=\"true\"></i><span class=\"k2b-message-row__edited\">", "</span></div>"],
   _tmpl$23 = ["<div class=\"k2b-message-row__media\" role=\"group\"", " style=\"", "\">", "</div>"],
   _tmpl$24 = ["<div class=\"k2b-message-row__files\">", "</div>"],
-  _tmpl$25 = ["<div class=\"k2b-message-row__slot\">", "</div>"],
+  _tmpl$25 = ["<div class=\"k2b-message-row__slot\" data-gesture-ignore>", "</div>"],
   _tmpl$26 = ["<div class=\"k2b-message-row__line\">", "</div>"],
   _tmpl$27 = ["<div class=\"k2b-message-row__footer\">", "", "</div>"],
   _tmpl$28 = ["<div class=\"k2b-message-row__actions\" role=\"group\"", ">", "</div>"],
@@ -252,7 +252,7 @@ const renderMessage = (text, locale, messages, edited) => {
   renderer.code = token => {
     const language = token.lang?.match(/^\S{1,24}/)?.[0];
     const block = renderCode(token).replace(/^<pre>/, '<pre tabindex="0">');
-    return '<div class="k2b-message-row__code"><div class="k2b-message-row__code-bar">' + `<span class="k2b-message-row__code-label">${escapeHtml(language ?? messages.code)}</span>` + '<button type="button" class="k2b-message-row__copy">' + `<span class="k2b-message-row__copy-idle"><i class="ti ti-copy" aria-hidden="true"></i>${escapeHtml(messages.copy)}</span>` + `<span class="k2b-message-row__copy-done"><i class="ti ti-check" aria-hidden="true"></i>${escapeHtml(messages.copied)}</span>` + `</button></div>${block}</div>`;
+    return '<div class="k2b-message-row__code" data-gesture-ignore><div class="k2b-message-row__code-bar">' + `<span class="k2b-message-row__code-label">${escapeHtml(language ?? messages.code)}</span>` + '<button type="button" class="k2b-message-row__copy">' + `<span class="k2b-message-row__copy-idle"><i class="ti ti-copy" aria-hidden="true"></i>${escapeHtml(messages.copy)}</span>` + `<span class="k2b-message-row__copy-done"><i class="ti ti-check" aria-hidden="true"></i>${escapeHtml(messages.copied)}</span>` + `</button></div>${block}</div>`;
   };
   const marked = createSafeMarked(locale).setOptions({
     breaks: true,

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\"><div class=\"k2b-message-row__code-bar\">' +\n      `<span class=\"k2b-message-row__code-label\">${escapeHtml(language ?? messages.code)}</span>` +\n      '<button type=\"button\" class=\"k2b-message-row__copy\">' +\n      `<span class=\"k2b-message-row__copy-idle\"><i class=\"ti ti-copy\" aria-hidden=\"true\"></i>${escapeHtml(messages.copy)}</span>` +\n      `<span class=\"k2b-message-row__copy-done\"><i class=\"ti ti-check\" aria-hidden=\"true\"></i>${escapeHtml(messages.copied)}</span>` +\n      `</button></div>${block}</div>`\n    );\n  };\n  const marked = createSafeMarked(locale).setOptions({ breaks: true, renderer });\n  const tokens = marked.lexer(text);\n  const html = marked.parser(tokens);\n  const lines = renderedLines(tokens);\n  // A collapsed message would hide the end of its text, so its marker sits next to \"Show more\" instead.\n  if (!edited || lines > COLLAPSE_LINES) return { html, lines };\n  // The marker ends the last paragraph, so it takes no line of its own there.\n  const marker = `<span class=\"k2b-message-row__edited\">${escapeHtml(messages.messageEdited)}</span>`;\n  const end = html.trimEnd();\n  return { html: end.endsWith(\"</p>\") ? `${end.slice(0, -4)} ${marker}</p>` : `${html}<p>${marker}</p>`, lines };\n};\n\n/**\n * One message in a conversation with many people: own messages on the right, others on the left with avatar, name,\n * and time at the start of a group. Every part has its final height when the row mounts, so a virtualized list such\n * as `VirtualFeed` keeps its positions.\n */\nexport function MessageRow(props: MessageRowProps): JSX.Element {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  const textId = `k2b-message-${createUniqueId()}`;\n  const [expanded, setExpanded] = createSignal(false);\n  const rendered = createMemo(() => renderMessage(props.text, locale(), messages(), Boolean(props.edited)));\n  const collapsible = () => rendered().lines > COLLAPSE_LINES;\n  const collapsed = () => collapsible() && !expanded();\n  const groupStart = () => props.groupStart ?? true;\n  const hasLine = () => props.progress !== undefined || props.status !== undefined || props.receipt !== undefined;\n  const reactions = () => (props.deleted ? undefined : props.reactions);\n  // Chips follow their keys, so a chip keeps its element, and focus, when the caller passes new objects for it.\n  const reactionKeys = createMemo(() => reactions()?.map((reaction) => reaction.key) ?? []);\n  const reactionByKey = createMemo(() => new Map(reactions()?.map((reaction) => [reaction.key, reaction])));\n  const hasFooter = () => hasLine() || reactions() !== undefined;\n  const writing = () => props.progress !== undefined && !props.deleted && props.text.trim() === \"\";\n  const hasBubble = () => props.deleted || writing() || props.text.trim() !== \"\";\n  const content = () => !props.deleted;\n  const media = createMemo(() =>\n    content() ? (props.attachments ?? []).filter((attachment): attachment is MessageRowMedia => attachment.kind !== \"file\") : [],\n  );\n  const files = createMemo(() =>\n    content() ? (props.attachments ?? []).filter((attachment): attachment is MessageRowFile => attachment.kind === \"file\") : [],\n  );\n  const shownMedia = () => media().slice(0, MEDIA_SHOWN);\n  const hiddenMedia = () => media().length - shownMedia().length;\n  let text: HTMLDivElement | undefined;\n  let copiedTimer: ReturnType<typeof setTimeout> | undefined;\n\n  onCleanup(() => clearTimeout(copiedTimer));\n\n  const copyCode = (event: MouseEvent) => {\n    const button = (event.target as Element | null)?.closest?.<HTMLButtonElement>(\".k2b-message-row__copy\");\n    if (!button || !text?.contains(button)) return;\n    const code = button.closest(\".k2b-message-row__code\")?.querySelector(\"pre\")?.textContent ?? \"\";\n    copyText(code).then(\n      () => {\n        for (const other of text?.querySelectorAll<HTMLElement>(\".k2b-message-row__copy[data-copied]\") ?? []) delete other.dataset.copied;\n        button.dataset.copied = \"\";\n        announce(messages().copied);\n        clearTimeout(copiedTimer);\n        copiedTimer = setTimeout(() => delete button.dataset.copied, COPIED_MS);\n      },\n      () => {},\n    );\n  };\n\n  // A keyboard user who reaches a link or code block in the hidden or faded part of a collapsed message gets the whole\n  // message. The collapsed text clips instead of scrolling, so the browser cannot scroll it to the target instead.\n  const revealFocus = (event: FocusEvent) => {\n    if (!text || !collapsed() || !(event.target instanceof Element)) return;\n    const fade = text.getBoundingClientRect().bottom - FADE_LINES * Number.parseFloat(getComputedStyle(text).lineHeight);\n    if (event.target.getBoundingClientRect().bottom > fade) setExpanded(true);\n  };\n\n  const header = () => (\n    <>\n      <span class=\"k2b-message-row__name\">{props.author.name}</span>\n      <Show when={props.badge}>\n        <span class=\"k2b-message-row__badge\">{props.badge}</span>\n      </Show>\n      <time class=\"k2b-message-row__time\" datetime={dateTimeOf(props.dateTime)}>\n        {props.time}\n      </time>\n    </>\n  );\n\n  const quote = (value: MessageRowQuote) => (\n    <>\n      <i class=\"ti ti-arrow-back-up\" aria-hidden=\"true\" />\n      <span class=\"k2b-message-row__quote-text\">\n        <span class=\"k2b-sr-only\">{messages().messageReplyTo} </span>\n        <span class=\"k2b-message-row__quote-author\">{value.author}</span> {value.text}\n      </span>\n    </>\n  );\n\n  /** The picture's description, then that it is a video and how long, then how many more the grid hides. */\n  const mediaLabel = (item: MessageRowMedia, more: number) =>\n    [\n      item.alt,\n      item.kind === \"video\" ? [messages().messageVideo, item.duration].filter(Boolean).join(\" \") : \"\",\n      more > 0 ? messages().messageMoreAttachments({ count: more }) : \"\",\n    ]\n      .filter(Boolean)\n      .join(\", \");\n\n  /** A toggle button, or with no `onToggleReaction` a labelled image that also says whether the reader reacted. */\n  const reactionChip = (key: string, reaction: Accessor<MessageRowReaction>) => {\n    const label = (own: boolean) =>\n      messages().messageReaction({ emoji: reaction().emoji, count: reaction().count, names: reaction().label, own });\n    return (\n      <Show\n        when={props.onToggleReaction}\n        fallback={\n          <span\n            class=\"k2b-message-row__reaction\"\n            role=\"img\"\n            aria-label={label(Boolean(reaction().own))}\n            title={reaction().label}\n            data-own={reaction().own ? \"\" : undefined}\n          >\n            <span aria-hidden=\"true\">{reaction().emoji}</span>\n            <span aria-hidden=\"true\">{reaction().count}</span>\n          </span>\n        }\n      >\n        {(toggle) => (\n          <button\n            type=\"button\"\n            class=\"k2b-message-row__reaction\"\n            aria-pressed={reaction().own ? \"true\" : \"false\"}\n            aria-label={label(false)}\n            title={reaction().label}\n            data-own={reaction().own ? \"\" : undefined}\n            onClick={() => toggle()(key)}\n          >\n            <span aria-hidden=\"true\">{reaction().emoji}</span>\n            <span aria-hidden=\"true\">{reaction().count}</span>\n          </button>\n        )}\n      </Show>\n    );\n  };\n\n  const mediaItem = (item: MessageRowMedia, index: () => number) => {\n    const more = () => (index() === shownMedia().length - 1 ? hiddenMedia() : 0);\n    return (\n      <AttachmentTarget\n        class=\"k2b-message-row__media-item\"\n        style={media().length === 1 ? { \"aspect-ratio\": String(mediaRatio(item)) } : undefined}\n        label={mediaLabel(item, more())}\n        onOpen={item.onOpen}\n        href={item.href}\n      >\n        <img\n          src={attachmentUrl(item.src, true)}\n          alt=\"\"\n          width={item.width > 0 ? item.width : undefined}\n          height={item.height > 0 ? item.height : undefined}\n          loading=\"lazy\"\n          decoding=\"async\"\n        />\n        <Show when={item.kind === \"video\"}>\n          <span class=\"k2b-message-row__media-play\" aria-hidden=\"true\">\n            <i class=\"ti ti-player-play\" />\n          </span>\n          <Show when={item.duration}>\n            <span class=\"k2b-message-row__media-duration\" aria-hidden=\"true\">\n              {item.duration}\n            </span>\n          </Show>\n        </Show>\n        <Show when={more() > 0}>\n          <span class=\"k2b-message-row__media-more\" aria-hidden=\"true\">\n            +{more()}\n          </span>\n        </Show>\n      </AttachmentTarget>\n    );\n  };\n\n  return (\n    <div\n      class={props.class ? `k2b-message-row ${props.class}` : \"k2b-message-row\"}\n      data-own={props.own ? \"\" : undefined}\n      data-group-start={groupStart() ? \"\" : undefined}\n      data-status={props.status}\n      data-media={media().length > 0 ? \"\" : undefined}\n    >\n      <Show when={!props.own}>\n        <div class=\"k2b-message-row__gutter\">\n          <Show when={groupStart()}>\n            <span class=\"k2b-message-row__avatar\" aria-hidden=\"true\">\n              <Avatar name={props.author.name} src={props.author.avatar} icon={props.author.icon} size=\"sm\" />\n            </span>\n          </Show>\n        </div>\n      </Show>\n      <div class=\"k2b-message-row__body\">\n        <Show\n          when={groupStart()}\n          fallback={\n            <span class=\"k2b-sr-only\">\n              {props.author.name}, {props.time}:{\" \"}\n            </span>\n          }\n        >\n          <Show\n            when={!props.own}\n            fallback={\n              <div class=\"k2b-message-row__meta\">\n                <span class=\"k2b-sr-only\">{props.author.name}, </span>\n                <time class=\"k2b-message-row__time\" datetime={dateTimeOf(props.dateTime)}>\n                  {props.time}\n                </time>\n              </div>\n            }\n          >\n            <div class=\"k2b-message-row__meta\">{header()}</div>\n          </Show>\n        </Show>\n        <Show when={content() && props.forwarded}>\n          <div class=\"k2b-message-row__marker\">\n            <i class=\"ti ti-arrow-forward-up\" aria-hidden=\"true\" />\n            <span>{messages().messageForwarded}</span>\n          </div>\n        </Show>\n        <Show when={content() && props.quote}>\n          {(value) => (\n            <Show when={value().onSelect} fallback={<div class=\"k2b-message-row__quote\">{quote(value())}</div>}>\n              {(select) => (\n                <button type=\"button\" class=\"k2b-message-row__quote\" onClick={() => select()()}>\n                  {quote(value())}\n                </button>\n              )}\n            </Show>\n          )}\n        </Show>\n        <Show when={hasBubble()}>\n          <div\n            class=\"k2b-message-row__bubble\"\n            data-deleted={props.deleted ? \"\" : undefined}\n            aria-busy={props.progress && !props.deleted ? \"true\" : undefined}\n          >\n            <Show\n              when={!props.deleted}\n              fallback={\n                <span class=\"k2b-message-row__deleted\">\n                  <i class=\"ti ti-message-off\" aria-hidden=\"true\" />\n                  {messages().messageDeleted}\n                </span>\n              }\n            >\n              <Show\n                when={!writing()}\n                fallback={\n                  <span class=\"k2b-message-row__writing\">\n                    <span class=\"k2b-chat-progress-dots\" aria-hidden=\"true\">\n                      <span />\n                      <span />\n                      <span />\n                    </span>\n                  </span>\n                }\n              >\n                {/* biome-ignore lint/a11y/noStaticElementInteractions lint/a11y/useKeyWithClickEvents: the native copy buttons inside the rendered Markdown are the targets; their clicks, including from the keyboard, bubble here. */}\n                <div\n                  ref={text}\n                  id={textId}\n                  class=\"k2b-content-markdown k2b-message-row__text\"\n                  data-heading-scale=\"compact\"\n                  data-collapsed={collapsed() ? \"\" : undefined}\n                  onClick={copyCode}\n                  onFocusIn={revealFocus}\n                  innerHTML={rendered().html}\n                />\n                <Show when={collapsible()}>\n                  <div class=\"k2b-message-row__more-line\">\n                    <Button\n                      variant=\"text\"\n                      size=\"xs\"\n                      class=\"k2b-message-row__more\"\n                      aria-expanded={expanded() ? \"true\" : \"false\"}\n                      aria-controls={textId}\n                      onClick={() => setExpanded((value) => !value)}\n                    >\n                      {expanded() ? messages().messageShowLess : messages().messageShowMore}\n                    </Button>\n                    <Show when={props.edited}>\n                      <span class=\"k2b-message-row__edited\">{messages().messageEdited}</span>\n                    </Show>\n                  </div>\n                </Show>\n              </Show>\n            </Show>\n          </div>\n        </Show>\n        {/* Without a bubble to end, the edit marker takes the bubble's place. */}\n        <Show when={content() && props.edited && !hasBubble()}>\n          <div class=\"k2b-message-row__marker\">\n            <i class=\"ti ti-pencil\" aria-hidden=\"true\" />\n            <span class=\"k2b-message-row__edited\">{messages().messageEdited}</span>\n          </div>\n        </Show>\n        <Show when={media().length > 0}>\n          <div\n            class=\"k2b-message-row__media\"\n            role=\"group\"\n            aria-label={messages().attachments}\n            data-count={Math.min(media().length, MEDIA_SHOWN)}\n            style={media().length === 1 ? { width: mediaWidth(media()[0]!) } : undefined}\n          >\n            <For each={shownMedia()}>{(item, index) => mediaItem(item, index)}</For>\n          </div>\n        </Show>\n        <Show when={files().length > 0}>\n          <div class=\"k2b-message-row__files\">\n            <For each={files()}>\n              {(file) => (\n                <AttachmentTarget class=\"k2b-message-row__file\" onOpen={file.onOpen} href={file.href}>\n                  <span class=\"k2b-message-row__file-icon\" aria-hidden=\"true\">\n                    <i class={fileIcon(file)} />\n                  </span>\n                  <span class=\"k2b-message-row__file-copy\">\n                    <span class=\"k2b-message-row__file-name\">{file.name}</span>\n                    <Show when={file.detail}>\n                      <span class=\"k2b-message-row__file-detail\">{file.detail}</span>\n                    </Show>\n                  </span>\n                </AttachmentTarget>\n              )}\n            </For>\n          </div>\n        </Show>\n        <Show when={content() && props.linkPreview}>\n          <div class=\"k2b-message-row__slot\">{props.linkPreview}</div>\n        </Show>\n        <Show when={content() && props.card}>\n          <div class=\"k2b-message-row__slot\">{props.card}</div>\n        </Show>\n        <Show when={props.thread}>\n          {(thread) => (\n            <button type=\"button\" class=\"k2b-message-row__thread\" onClick={() => thread().onOpen()}>\n              <Show when={(thread().participants?.length ?? 0) > 0}>\n                <span class=\"k2b-message-row__thread-people\" aria-hidden=\"true\">\n                  <For each={thread().participants?.slice(0, 3)}>\n                    {(person) => <Avatar name={person.name} src={person.avatar} icon={person.icon} size=\"xs\" />}\n                  </For>\n                </span>\n              </Show>\n              <span class=\"k2b-message-row__thread-count\">{messages().messageReplies({ count: thread().count })}</span>\n              <Show when={thread().lastReply}>\n                {(time) => (\n                  <time class=\"k2b-message-row__thread-time\" datetime={dateTimeOf(thread().lastReplyDateTime)}>\n                    {messages().messageLastReply({ time: time() })}\n                  </time>\n                )}\n              </Show>\n            </button>\n          )}\n        </Show>\n        <Show when={hasFooter()}>\n          <div class=\"k2b-message-row__footer\">\n            <Show when={reactions()}>\n              {(list) => (\n                <div\n                  class=\"k2b-message-row__reactions\"\n                  role=\"group\"\n                  aria-label={messages().messageReactions}\n                  data-empty={list().length === 0 ? \"\" : undefined}\n                >\n                  <Show when={list().length > 0}>\n                    {/* Chips that do not fit scroll sideways behind a fade. Read-only chips are no tab stops, so the list\n                        is one: a keyboard can scroll it. */}\n                    <ScrollArea\n                      orientation=\"horizontal\"\n                      class=\"k2b-message-row__reaction-list\"\n                      tabindex={props.onToggleReaction ? undefined : 0}\n                    >\n                      <For each={reactionKeys()}>\n                        {(key) => <Show when={reactionByKey().get(key)}>{(reaction) => reactionChip(key, reaction)}</Show>}\n                      </For>\n                    </ScrollArea>\n                  </Show>\n                  <Show when={props.onAddReaction}>\n                    {(add) => (\n                      <IconButton\n                        label={messages().messageAddReaction}\n                        size=\"xs\"\n                        class=\"k2b-message-row__react\"\n                        onClick={(event) => add()(event.currentTarget)}\n                      >\n                        <i class=\"ti ti-mood-plus\" aria-hidden=\"true\" />\n                      </IconButton>\n                    )}\n                  </Show>\n                </div>\n              )}\n            </Show>\n            <Show when={hasLine()}>\n              <div class=\"k2b-message-row__line\">\n                <Show\n                  when={props.progress}\n                  fallback={\n                    <>\n                      <Show when={props.status === \"pending\"}>\n                        <i class=\"ti ti-clock\" aria-hidden=\"true\" />\n                        <span>{messages().sending}</span>\n                      </Show>\n                      <Show when={props.status === \"failed\"}>\n                        <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" />\n                        <span>{messages().messageNotSent}</span>\n                        <Show when={props.onRetry}>\n                          {(retry) => (\n                            <Button variant=\"text\" size=\"xs\" onClick={() => retry()()}>\n                              {messages().messageRetry}\n                            </Button>\n                          )}\n                        </Show>\n                      </Show>\n                      <Show when={props.status !== \"pending\" && props.status !== \"failed\"}>\n                        <Show\n                          when={props.receipt}\n                          fallback={\n                            <Show when={props.status === \"sent\"}>\n                              <i class=\"ti ti-check\" aria-hidden=\"true\" />\n                              <span class=\"k2b-sr-only\">{messages().messageSent}</span>\n                            </Show>\n                          }\n                        >\n                          {(receipt) => (\n                            <>\n                              <i class=\"ti ti-checks\" aria-hidden=\"true\" />\n                              <span class=\"k2b-message-row__receipt\">{receipt()}</span>\n                            </>\n                          )}\n                        </Show>\n                      </Show>\n                    </>\n                  }\n                >\n                  {(progress) => (\n                    <>\n                      <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                      <span class=\"k2b-message-row__line-text\">{progress().status}</span>\n                      <Show when={progress().onStop}>\n                        {(stop) => (\n                          <Button variant=\"text\" size=\"xs\" onClick={() => stop()()}>\n                            {messages().messageStop}\n                          </Button>\n                        )}\n                      </Show>\n                    </>\n                  )}\n                </Show>\n              </div>\n            </Show>\n          </div>\n        </Show>\n      </div>\n      <Show when={(props.actions?.length ?? 0) > 0}>\n        <div class=\"k2b-message-row__actions\" role=\"group\" aria-label={messages().messageActions}>\n          <For each={props.actions}>\n            {(action) => (\n              <IconButton label={action.label} size=\"sm\" disabled={action.disabled} onClick={() => action.onSelect()}>\n                <i class={action.icon} aria-hidden=\"true\" />\n              </IconButton>\n            )}\n          </For>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\n/** A quiet, centered line for something that happened in the conversation, such as a person joining. */\nexport function MessageSystemRow(props: MessageSystemRowProps): JSX.Element {\n  return (\n    <div class={props.class ? `k2b-message-system-row ${props.class}` : \"k2b-message-system-row\"}>\n      <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      <span>{props.children}</span>\n      <Show when={props.time}>\n        <time datetime={dateTimeOf(props.dateTime)}>{props.time}</time>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAwB,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,EAAY,SAAS,EAAE,IAAI,QAAQ,UAAU;AAClH,SAAS,MAAM,EAAE,UAAU,QAAQ,mBAAmB;AACtD,SAAS,QAAQ,QAAQ,uBAAuB;AAChD,SAAS,QAAQ,QAAQ,sBAAsB;AAC/C,SAAS,SAAS,QAAQ,gBAAgB;AAC1C,SAA0B,aAAa,QAAQ,kBAAkB;AACjE,SAAS,UAAU,QAAQ,sBAAsB;AACjD,SAAS,MAAM,QAAQ,oBAAoB;AAC3C,SAAS,gBAAgB,EAAE,kBAAkB,EAAE,UAAU,QAAQ,gBAAgB;;AAEjF;AACA,MAAM,eAAe,GAAG,CAAC,GAAG,MAAM;AAClC;AACA;AACA;AACA;AACA;AACA,MAAM,cAAc,GAAG,EAAE;AACzB;AACA,MAAM,UAAU,GAAG,GAAG;AACtB;AACA,MAAM,UAAU,GAAG,CAAC;AACpB,MAAM,SAAS,GAAG,KAAK;AACvB;AACA,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAU;AAC9D;AACA,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACzD;AACA;AACA;AACA;AACA,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,oBAAoB,EAAE,OAAO,CAAC,CAAC;AACrE;AACA,MAAM,WAAW,GAAG,CAAC;AACrB;AACA,MAAM,eAAe,GAAG,GAAG;AAC3B,MAAM,eAAe,GAAG,CAAC;AAyKzB,MAAM,SAAS,GAAI,KAA6B,IAAM,KAAK,YAAY,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAE;;AAE1H;AACA;AACA;AACA;AACA,OAAO,MAAM,kBAAkB,GAAG,CAAC,KAAwB,EAAE,QAAmC,KAAc;EAC5G,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,EAAE,OAAO,IAAI;EACjG,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;EACxD,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,eAAe,CAAC;AAC9C,CAAC;;AAED;AACA,MAAM,YAAY,GAAI,IAAY,IAChC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;;AAEjG;AACA,MAAM,UAAU,GAAI,MAAwB,IAAa;EACvD,IAAI,IAAI,GAAG,EAAE;EACb,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;IAC1B,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,KACjC,IAAI,QAAQ,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KACxE,IAAI,MAAM,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,CAAC,IAAI;EAC9C;EACA,OAAO,IAAI;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAM,aAAa,GAAI,MAAwB,IAAa;EAC1D,IAAI,KAAK,GAAG,CAAC;EACb,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;IAC1B,QAAQ,KAAK,CAAC,IAAI;MAChB,KAAK,MAAM;QACT,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC;QAC1C;MACF,KAAK,MAAM;QACT,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChF;MACF,KAAK,OAAO;QACV,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAE,IAAsB,IAAK,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACtG;MACF,KAAK,WAAW;MAChB,KAAK,SAAS;MACd,KAAK,MAAM;QACT,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC;QAC3E;MACF,KAAK,IAAI;QACP,KAAK,IAAI,CAAC;QACV;MACF,KAAK,OAAO;MACZ,KAAK,KAAK;QACR;MACF;QACE,IAAI,QAAQ,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,KAAK,IAAI,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KACvE,IAAI,MAAM,IAAI,KAAK,EAAE,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;IAC/D;EACF;EACA,OAAO,KAAK;AACd,CAAC;;AAED;AACA,MAAM,aAAa,GAAI,IAAY,IAAc;EAC/C,IAAI;IACF,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,EAAE;EACtC,CAAC,CAAC,MAAM;IACN,OAAO,KAAK;EACd;AACF,CAAC;AAED,MAAM,UAAU,GAAI,KAAgC,IAAyB;EAC3E,IAAI,KAAK,KAAK,SAAS,EAAE,OAAO,SAAS;EACzC,MAAM,IAAI,GAAG,KAAK,YAAY,IAAI,GAAG,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC;EAC5D,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS;AACzE,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAM,aAAa,GAAG,CAAC,GAAuB,EAAE,OAAO,GAAG,KAAK,KAAyB;EACtF,IAAI,CAAC,GAAG,EAAE,OAAO,SAAS;EAC1B,IAAI,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,GAAG;EACrD,IAAI;IACF,OAAO,CAAC,OAAO,GAAG,iBAAiB,GAAG,oBAAoB,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,EAAE,2BAA2B,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,SAAS;EACvI,CAAC,CAAC,MAAM;IACN,OAAO,SAAS;EAClB;AACF,CAAC;;AAED;AACA,MAAM,UAAU,GAAI,KAAsB,IAAa;EACrD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC;EACtF,OAAO,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AACpE,CAAC;;AAED;AACA,MAAM,UAAU,GAAI,KAAsB,IAAa;EACrD,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,MAAM,GAAG,EAAE;EAC3F,OAAO,aAAa,OAAO,0CAA0C,UAAU,CAAC,KAAK,CAAC,IAAI;AAC5F,CAAC;;AAED;AACA,MAAM,QAAQ,GAAI,IAAoB,IACpC,IAAI,CAAC,IAAI,IACT,MAAM,SAAS,CACZ,WAAW,CAAC;EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;EAAE,IAAI,EAAE,MAAM;EAAE,QAAQ,EAAE,IAAI,CAAC;AAAU,CAAC,CAAC,CACxE,KAAK,CAAC,KAAK,CAAC,CACZ,MAAM,CAAE,KAAK,IAAK,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAC1C,IAAI,CAAC,GAAG,CAAC,EAAE;;AAEhB;AACA,SAAS,gBAAgB,CACvB,KAMC,EACY;EACb,yBACG,IAAI;IAAA,IACH,IAAI;MAAA,OAAE,KAAK,CAAC,MAAM;IAAA;IAAA,IAClB,QAAQ;MAAA,yBACL,IAAI;QAAA,IACH,IAAI;UAAA,OAAE,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC;QAAA;QAAA,IAC/B,QAAQ;UAAA,yBACL,IAAI;YAAA,IACH,IAAI;cAAA,OAAE,KAAK,CAAC,KAAK;YAAA;YAAA,IACjB,QAAQ;cAAA,sDACO,KAAK,CAAC,KAAK,4BAAS,KAAK,CAAC,KAAK,YACzC,KAAK,CAAC,QAAQ;YAAA;YAAA,UAIjB,KAAK,oDACQ,KAAK,CAAC,KAAK,4BAAS,KAAK,CAAC,KAAK,yCAAyB,KAAK,CAAC,CAAC,0BACzE,KAAK,CAAC,QAAQ;UAElB;QAAA;QAAA,UAIH,IAAI,oDACM,KAAK,CAAC,KAAK,4BAAS,KAAK,CAAC,KAAK,mCAAQ,IAAI,CAAC,CAAC,uDAAwD,KAAK,CAAC,KAAK,0BACvH,KAAK,CAAC,QAAQ;MAElB;IAAA;IAAA,UAIH,IAAI,oDACyB,KAAK,CAAC,KAAK,4BAAS,KAAK,CAAC,KAAK,yCAAc,KAAK,CAAC,KAAK,0BAClF,KAAK,CAAC,QAAQ;EAElB;AAGP;;AAEA;AACA;AACA;AACA;AACA,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,MAAc,EAAE,QAAoB,EAAE,MAAe,KAAsC;EAC9H,MAAM,QAAQ,GAAG,kBAAkB,CAAC;IAAE,WAAW,EAAE,KAAK;IAAE,aAAa,EAAE,cAAc;IAAE,UAAU,EAAE,QAAQ;IAAE;EAAO,CAAC,CAAC;EACxH,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;EAC/C,QAAQ,CAAC,IAAI,GAAI,KAAkB,IAAM,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAE;EACnI,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;EAC/C,QAAQ,CAAC,IAAI,GAAI,KAAkB,IAAK;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,oBAAoB,CAAC;IACvE,OACE,4EAA4E,GAC5E,6CAA6C,UAAU,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,GAC3F,sDAAsD,GACtD,yFAAyF,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,GAC3H,0FAA0F,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,GAC9H,kBAAkB,KAAK,QAAQ;EAEnC,CAAC;EACD,MAAM,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC;IAAE,MAAM,EAAE,IAAI;IAAE;EAAS,CAAC,CAAC;EAC9E,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;EACjC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;EAClC,MAAM,KAAK,GAAG,aAAa,CAAC,MAAM,CAAC;EACnC;EACA,IAAI,CAAC,MAAM,IAAI,KAAK,GAAG,cAAc,EAAE,OAAO;IAAE,IAAI;IAAE;EAAM,CAAC;EAC7D;EACA,MAAM,MAAM,GAAG,yCAAyC,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS;EACnG,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;EAC1B,OAAO;IAAE,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,MAAM,MAAM,GAAG,GAAG,IAAI,MAAM,MAAM,MAAM;IAAE;EAAM,CAAC;AAChH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS,UAAU,CAAC,KAAsB,EAAe;EAC9D,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,MAAM,MAAM,GAAG,eAAe,cAAc,CAAC,CAAC,EAAE;EAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EACnD,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;EACzG,MAAM,WAAW,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,cAAc;EAC3D,MAAM,SAAS,GAAG,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;EACpD,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,UAAU,IAAI,IAAI;EACjD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS;EAC/G,MAAM,SAAS,GAAG,MAAO,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,CAAC,SAAU;EACrE;EACA,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,SAAS,CAAC,CAAC,EAAE,GAAG,CAAE,QAAQ,IAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;EACzF,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAE,QAAQ,IAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;EACzG,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,KAAK,SAAS;EAC9D,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE;EAChG,MAAM,SAAS,GAAG,MAAM,KAAK,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE;EAC9E,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO;EACpC,MAAM,KAAK,GAAG,UAAU,CAAC,MACvB,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,EAAE,MAAM,CAAE,UAAU,IAAoC,UAAU,CAAC,IAAI,KAAK,MAAM,CAAC,GAAG,EAC5H,CAAC;EACD,MAAM,KAAK,GAAG,UAAU,CAAC,MACvB,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,EAAE,MAAM,CAAE,UAAU,IAAmC,UAAU,CAAC,IAAI,KAAK,MAAM,CAAC,GAAG,EAC3H,CAAC;EACD,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC;EACtD,MAAM,WAAW,GAAG,MAAM,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM;EAC9D,IAAI,IAAgC;EACpC,IAAI,WAAsD;EAE1D,SAAS,CAAC,MAAM,YAAY,CAAC,WAAW,CAAC,CAAC;EAE1C,MAAM,QAAQ,GAAI,KAAiB,IAAK;IACtC,MAAM,MAAM,GAAI,KAAK,CAAC,MAAM,EAAqB,OAAO,GAAsB,wBAAwB,CAAC;IACvG,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE;IACxC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,wBAAwB,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,IAAI,EAAE;IAC9F,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CACjB,MAAM;MACJ,KAAK,MAAM,KAAK,IAAI,IAAI,EAAE,gBAAgB,CAAc,qCAAqC,CAAC,IAAI,EAAE,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM;MACjI,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,EAAE;MAC1B,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;MAC3B,YAAY,CAAC,WAAW,CAAC;MACzB,WAAW,GAAG,UAAU,CAAC,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC;IACzE,CAAC,EACD,MAAM,CAAC,CACT,CAAC;EACH,CAAC;;EAED;EACA;EACA,MAAM,WAAW,GAAI,KAAiB,IAAK;IACzC,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE;IACjE,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC;IACpH,IAAI,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;EAC3E,CAAC;EAED,MAAM,MAAM,GAAG,+BAE0B,KAAK,CAAC,MAAM,CAAC,IAAI,sBACrD,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,KAAK;IAAA;IAAA;MAAA,+BACiB,KAAK,CAAC,KAAK;IAAA;EAAA,uDAEL,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,0BACrE,KAAK,CAAC,IAAI,GAGhB;EAED,MAAM,KAAK,GAAI,KAAsB,6CAIJ,QAAQ,CAAC,CAAC,CAAC,cAAc,YACP,KAAK,CAAC,MAAM,YAAU,KAAK,CAAC,IAAI,GAGlF;;EAED;EACA,MAAM,UAAU,GAAG,CAAC,IAAqB,EAAE,IAAY,KACrD,CACE,IAAI,CAAC,GAAG,EACR,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,EAC/F,IAAI,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAAE,KAAK,EAAE;EAAK,CAAC,CAAC,GAAG,EAAE,CACnE,CACE,MAAM,CAAC,OAAO,CAAC,CACf,IAAI,CAAC,IAAI,CAAC;;EAEf;EACA,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,QAAsC,KAAK;IAC5E,MAAM,KAAK,GAAI,GAAY,IACzB,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC;MAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK;MAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK;MAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK;MAAE;IAAI,CAAC,CAAC;IAChH,yBACG,IAAI;MAAA,IACH,IAAI;QAAA,OAAE,KAAK,CAAC,gBAAgB;MAAA;MAAA,IAC5B,QAAQ;QAAA,4DAIQ,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,mDACnC,QAAQ,CAAC,CAAC,CAAC,KAAK,6CACb,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,YAAG,SAAS,0BAEf,QAAQ,CAAC,CAAC,CAAC,KAAK,YAChB,QAAQ,CAAC,CAAC,CAAC,KAAK;MAAA;MAAA,UAI5C,MAAM,kDAIU,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,MAAM,GAAG,OAAO,iDACnC,KAAK,CAAC,KAAK,CAAC,mDACjB,QAAQ,CAAC,CAAC,CAAC,KAAK,6CACb,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,YAAG,SAAS,0BAGf,QAAQ,CAAC,CAAC,CAAC,KAAK,YAChB,QAAQ,CAAC,CAAC,CAAC,KAAK;IAE7C;EAGP,CAAC;EAED,MAAM,SAAS,GAAG,CAAC,IAAqB,EAAE,KAAmB,KAAK;IAChE,MAAM,IAAI,GAAG,MAAO,KAAK,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,GAAG,CAAE;IAC5E,yBACG,gBAAgB;MAAA;MAAA,IAEf,KAAK;QAAA,OAAE,kBAAK,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,MAAG;UAAE,cAAc,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;QAAE,CAAC,GAAG,SAAS;MAAA;MAAA,IACtF,KAAK;QAAA,OAAE,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;MAAA;MAAA,IAC/B,MAAM;QAAA,OAAE,IAAI,CAAC,MAAM;MAAA;MAAA,IACnB,IAAI;QAAA,OAAE,IAAI,CAAC,IAAI;MAAA;MAAA;QAAA,uDAGR,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,yCAE3B,IAAI,CAAC,KAAK,GAAG,CAAC,YAAG,IAAI,CAAC,KAAK,mBAAG,SAAS,2CACtC,IAAI,CAAC,MAAM,GAAG,CAAC,YAAG,IAAI,CAAC,MAAM,mBAAG,SAAS,oCAIlD,IAAI;UAAA,IAAC,IAAI;YAAA,OAAE,IAAI,CAAC,IAAI,KAAK,OAAO;UAAA;UAAA;YAAA,2CAI9B,IAAI;cAAA,IAAC,IAAI;gBAAA,OAAE,IAAI,CAAC,QAAQ;cAAA;cAAA;gBAAA,gCAEpB,IAAI,CAAC,QAAQ;cAAA;YAAA;UAAA;QAAA,sBAInB,IAAI;UAAA,IAAC,IAAI;YAAA,OAAE,IAAI,CAAC,CAAC,GAAG,CAAC;UAAA;UAAA;YAAA,gCAEhB,IAAI,CAAC,CAAC;UAAA;QAAA;MAAA;IAAA;EAKlB,CAAC;EAED,+CAEW,KAAK,CAAC,KAAK,GAAG,4BAAmB,KAAK,CAAC,KAAK,SAAE,GAAG,iBAAiB,sCAC/D,KAAK,CAAC,GAAG,GAAG,EAAE,YAAG,SAAS,qDAClB,UAAU,CAAC,CAAC,GAAG,EAAE,YAAG,SAAS,yDAClC,KAAK,CAAC,MAAM,+CACb,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,EAAE,YAAG,SAAS,4CAE9C,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,CAAC,KAAK,CAAC,GAAG;IAAA;IAAA;MAAA,kDAEjB,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,UAAU,CAAC,CAAC;QAAA;QAAA;UAAA,kDAEnB,MAAM;YAAA,IAAC,IAAI;cAAA,OAAE,KAAK,CAAC,MAAM,CAAC,IAAI;YAAA;YAAA,IAAE,GAAG;cAAA,OAAE,KAAK,CAAC,MAAM,CAAC,MAAM;YAAA;YAAA,IAAE,IAAI;cAAA,OAAE,KAAK,CAAC,MAAM,CAAC,IAAI;YAAA;YAAE,IAAI;UAAA;QAAA;MAAA;IAAA;EAAA,gCAM7F,IAAI;IAAA,IACH,IAAI;MAAA,OAAE,UAAU,CAAC,CAAC;IAAA;IAAA,IAClB,QAAQ;MAAA,gCAEH,KAAK,CAAC,MAAM,CAAC,IAAI,YAAI,KAAK,CAAC,IAAI;IAAA;IAAA;MAAA,yBAInC,IAAI;QAAA,IACH,IAAI;UAAA,OAAE,CAAC,KAAK,CAAC,GAAG;QAAA;QAAA,IAChB,QAAQ;UAAA,gCAEuB,KAAK,CAAC,MAAM,CAAC,IAAI,uCACE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,0BACrE,KAAK,CAAC,IAAI;QAAA;QAAA;UAAA,gCAKmB,MAAM,CAAC,CAAC;QAAA;MAAA;IAAA;EAAA,gCAG/C,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,sBAAO,CAAC,CAAC,OAAI,KAAK,CAAC,SAAS;IAAA;IAAA;MAAA,gCAG7B,QAAQ,CAAC,CAAC,CAAC,gBAAgB;IAAA;EAAA,gCAGrC,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,sBAAO,CAAC,CAAC,OAAI,KAAK,CAAC,KAAK;IAAA;IAAA,UAChC,KAAK,sBACJ,IAAI;MAAA,IAAC,IAAI;QAAA,OAAE,KAAK,CAAC,CAAC,CAAC,QAAQ;MAAA;MAAA,IAAE,QAAQ;QAAA,gCAAuC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;MAAA;MAAA,UACvF,MAAM,6BAEH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB;EAEJ,gCAEF,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,SAAS,CAAC,CAAC;IAAA;IAAA;MAAA,sDAGL,KAAK,CAAC,OAAO,GAAG,EAAE,YAAG,SAAS,8CACjC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,YAAG,SAAS,4CAE/D,IAAI;QAAA,IACH,IAAI;UAAA,OAAE,CAAC,KAAK,CAAC,OAAO;QAAA;QAAA,IACpB,QAAQ;UAAA,gCAGH,QAAQ,CAAC,CAAC,CAAC,cAAc;QAAA;QAAA;UAAA,yBAI7B,IAAI;YAAA,IACH,IAAI;cAAA,OAAE,CAAC,OAAO,CAAC,CAAC;YAAA;YAAA,IAChB,QAAQ;cAAA;YAAA;YAAA;cAAA,sDAaF,MAAM,kDAGM,SAAS,CAAC,CAAC,GAAG,EAAE,YAAG,SAAS,iBAGjC,QAAQ,CAAC,CAAC,CAAC,IAAI,qBAE3B,IAAI;gBAAA,IAAC,IAAI;kBAAA,OAAE,WAAW,CAAC,CAAC;gBAAA;gBAAA;kBAAA,kDAEpB,MAAM;oBACL,OAAO;oBACP,IAAI;oBAAA;oBAAA;sBAAA,OAEW,QAAQ,CAAC,CAAC,GAAG,MAAM,GAAG,OAAO;oBAAA;oBAAA,iBAC7B,MAAM;oBACrB,OAAO,EAAE,MAAM,WAAW,CAAE,KAAK,IAAK,CAAC,KAAK,CAAC;oBAAA;sBAAA,OAE5C,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,eAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,eAAe;oBAAA;kBAAA,gCAEtE,IAAI;oBAAA,IAAC,IAAI;sBAAA,OAAE,KAAK,CAAC,MAAM;oBAAA;oBAAA;sBAAA,gCACiB,QAAQ,CAAC,CAAC,CAAC,aAAa;oBAAA;kBAAA;gBAAA;cAAA;YAAA;UAAA;QAAA;MAAA;IAAA;EAAA,gCAS5E,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,uBAAO,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,QAAI,CAAC,SAAS,CAAC,CAAC;IAAA;IAAA;MAAA,gCAGV,QAAQ,CAAC,CAAC,CAAC,aAAa;IAAA;EAAA,gCAGlE,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;IAAA;IAAA;MAAA,6DAId,QAAQ,CAAC,CAAC,CAAC,WAAW,wDACtB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,4BAC1C,KAAK,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,GAAG;QAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAE;MAAE,CAAC,GAAG,SAAS,8BAE3E,GAAG;QAAA,IAAC,IAAI;UAAA,OAAE,UAAU,CAAC,CAAC;QAAA;QAAA,UAAG,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,IAAI,EAAE,KAAK;MAAC;IAAA;EAAA,gCAGpE,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;IAAA;IAAA;MAAA,kDAEzB,GAAG;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,CAAC;QAAA;QAAA,UACd,IAAI,sBACH,gBAAgB;UAAA;UAAA,IAA+B,MAAM;YAAA,OAAE,IAAI,CAAC,MAAM;UAAA;UAAA,IAAE,IAAI;YAAA,OAAE,IAAI,CAAC,IAAI;UAAA;UAAA;YAAA,yDAEtE,QAAQ,CAAC,IAAI,CAAC,2CAGkB,IAAI,CAAC,IAAI,8BAClD,IAAI;cAAA,IAAC,IAAI;gBAAA,OAAE,IAAI,CAAC,MAAM;cAAA;cAAA;gBAAA,gCACuB,IAAI,CAAC,MAAM;cAAA;YAAA;UAAA;QAAA;MAI9D;IAAA;EAAA,gCAIN,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,sBAAO,CAAC,CAAC,OAAI,KAAK,CAAC,WAAW;IAAA;IAAA;MAAA,gCACJ,KAAK,CAAC,WAAW;IAAA;EAAA,gCAEtD,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,sBAAO,CAAC,CAAC,OAAI,KAAK,CAAC,IAAI;IAAA;IAAA;MAAA,gCACG,KAAK,CAAC,IAAI;IAAA;EAAA,gCAE/C,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,MAAM;IAAA;IAAA,UACpB,MAAM,+CAEH,IAAI;MAAA,IAAC,IAAI;QAAA,OAAE,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC;MAAA;MAAA;QAAA,kDAE/C,GAAG;UAAA,IAAC,IAAI;YAAA,OAAE,MAAM,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;UAAA;UAAA,UACzC,MAAM,sBAAM,MAAM;YAAA,IAAC,IAAI;cAAA,OAAE,MAAM,CAAC,IAAI;YAAA;YAAA,IAAE,GAAG;cAAA,OAAE,MAAM,CAAC,MAAM;YAAA;YAAA,IAAE,IAAI;cAAA,OAAE,MAAM,CAAC,IAAI;YAAA;YAAE,IAAI;UAAA;QAAQ;MAAA;IAAA,cAIpD,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC;MAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAAM,CAAC,CAAC,8BAChG,IAAI;MAAA,IAAC,IAAI;QAAA,OAAE,MAAM,CAAC,CAAC,CAAC,SAAS;MAAA;MAAA,UAC1B,IAAI,wDACiD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,0BACxF,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC;QAAE,IAAI,EAAE,IAAI,CAAC;MAAE,CAAC,CAAC;IAEjD;EAGN,gCAEF,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,SAAS,CAAC,CAAC;IAAA;IAAA;MAAA,kDAElB,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,SAAS,CAAC,CAAC;QAAA;QAAA,UACnB,IAAI,0DAIU,QAAQ,CAAC,CAAC,CAAC,gBAAgB,+CAC3B,IAAI,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,GAAG,EAAE,YAAG,SAAS,4CAE/C,IAAI;UAAA,IAAC,IAAI;YAAA,OAAE,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;UAAA;UAAA;YAAA,yBAG1B,UAAU;cACT,WAAW;cAAA;cAAA,IAEX,QAAQ;gBAAA,OAAE,KAAK,CAAC,gBAAgB,GAAG,SAAS,GAAG,CAAC;cAAA;cAAA;gBAAA,yBAE/C,GAAG;kBAAA,IAAC,IAAI;oBAAA,OAAE,YAAY,CAAC,CAAC;kBAAA;kBAAA,UACrB,GAAG,sBAAM,IAAI;oBAAA,IAAC,IAAI;sBAAA,OAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;oBAAA;oBAAA,UAAI,QAAQ,IAAK,YAAY,CAAC,GAAG,EAAE,QAAQ;kBAAC;gBAAQ;cAAA;YAAA;UAAA;QAAA,gCAIvG,IAAI;UAAA,IAAC,IAAI;YAAA,OAAE,KAAK,CAAC,aAAa;UAAA;UAAA,UAC3B,GAAG,sBACF,UAAU;YAAA,IACT,KAAK;cAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,kBAAkB;YAAA;YACpC,IAAI;YAAA;YAEJ,OAAO,EAAG,KAAK,IAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC;YAAA;cAAA;YAAA;UAAA;QAIjD;MAGN,gCAEF,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,OAAO,CAAC,CAAC;QAAA;QAAA;UAAA,kDAEhB,IAAI;YAAA,IACH,IAAI;cAAA,OAAE,KAAK,CAAC,QAAQ;YAAA;YAAA,IACpB,QAAQ;cAAA,0BAEH,IAAI;gBAAA,IAAC,IAAI;kBAAA,OAAE,KAAK,CAAC,MAAM,KAAK,SAAS;gBAAA;gBAAA;kBAAA,kDAE7B,QAAQ,CAAC,CAAC,CAAC,OAAO;gBAAA;cAAA,sBAE1B,IAAI;gBAAA,IAAC,IAAI;kBAAA,OAAE,KAAK,CAAC,MAAM,KAAK,QAAQ;gBAAA;gBAAA;kBAAA,kDAE5B,QAAQ,CAAC,CAAC,CAAC,cAAc,sBAC/B,IAAI;oBAAA,IAAC,IAAI;sBAAA,OAAE,KAAK,CAAC,OAAO;oBAAA;oBAAA,UACrB,KAAK,sBACJ,MAAM;sBAAC,OAAO;sBAAQ,IAAI;sBAAM,OAAO,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC;sBAAA;wBAAA,OACtD,QAAQ,CAAC,CAAC,CAAC,YAAY;sBAAA;oBAAA;kBAE3B;gBAAA;cAAA,sBAGJ,IAAI;gBAAA,IAAC,IAAI;kBAAA,OAAE,kBAAK,CAAC,MAAM,KAAK,SAAS,OAAI,KAAK,CAAC,MAAM,KAAK,QAAQ;gBAAA;gBAAA;kBAAA,yBAChE,IAAI;oBAAA,IACH,IAAI;sBAAA,OAAE,KAAK,CAAC,OAAO;oBAAA;oBAAA,IACnB,QAAQ;sBAAA,yBACL,IAAI;wBAAA,IAAC,IAAI;0BAAA,OAAE,KAAK,CAAC,MAAM,KAAK,MAAM;wBAAA;wBAAA;0BAAA,kDAEN,QAAQ,CAAC,CAAC,CAAC,WAAW;wBAAA;sBAAA;oBAAA;oBAAA,UAInD,OAAO,+CAGmC,OAAO,CAAC,CAAC;kBAEpD;gBAAA;cAAA;YAAA;YAAA,UAMP,QAAQ,+CAGoC,QAAQ,CAAC,CAAC,CAAC,MAAM,sBAC1D,IAAI;cAAA,IAAC,IAAI;gBAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,MAAM;cAAA;cAAA,UACzB,IAAI,sBACH,MAAM;gBAAC,OAAO;gBAAQ,IAAI;gBAAM,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC;gBAAA;kBAAA,OACrD,QAAQ,CAAC,CAAC,CAAC,WAAW;gBAAA;cAAA;YAE1B;UAGN;QAAA;MAAA;IAAA;EAAA,gCAOZ,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC;IAAA;IAAA;MAAA,6DACqB,QAAQ,CAAC,CAAC,CAAC,cAAc,4CACrF,GAAG;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,OAAO;QAAA;QAAA,UACpB,MAAM,sBACL,UAAU;UAAA,IAAC,KAAK;YAAA,OAAE,MAAM,CAAC,KAAK;UAAA;UAAE,IAAI;UAAA,IAAM,QAAQ;YAAA,OAAE,MAAM,CAAC,QAAQ;UAAA;UAAE,OAAO,EAAE,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC;UAAA;YAAA,wDAC1F,MAAM,CAAC,IAAI;UAAA;QAAA;MAExB;IAAA;EAAA;AAMb;;AAEA;AACA,OAAO,SAAS,gBAAgB,CAAC,KAA4B,EAAe;EAC1E,+CACc,KAAK,CAAC,KAAK,GAAG,mCAA0B,KAAK,CAAC,KAAK,SAAE,GAAG,wBAAwB,qCACzF,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA,UAAI,IAAI,qDAAe,IAAI,CAAC,CAAC;EAAuB,cACnE,KAAK,CAAC,QAAQ,8BACpB,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA;MAAA,2DACJ,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,0BAAG,KAAK,CAAC,IAAI;IAAA;EAAA;AAI/D","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/MessageRow.tsx"],"sourcesContent":["import { fileIcons } from \"@k2b/stdlib\";\nimport type { Token, Tokens } from \"marked\";\nimport { type Accessor, createMemo, createSignal, createUniqueId, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { copyText } from \"../actions/CopyButton\";\nimport { announce } from \"../feedback/announce\";\nimport { useLocale } from \"../intl/locale\";\nimport { type UiMessages, useUiMessages } from \"../intl/messages\";\nimport { ScrollArea } from \"../layout/ScrollArea\";\nimport { Avatar } from \"../surfaces/Avatar\";\nimport { createSafeMarked, createSafeRenderer, escapeHtml } from \"./MarkdownView\";\n\n/** Messages by the same author within this time continue a group. */\nconst GROUP_WINDOW_MS = 5 * 60_000;\n/**\n * A message collapses to ten lines (`.k2b-message-row__text[data-collapsed]`) when its rendered text takes more lines\n * than this. `renderedLines` counts the fewest lines the text takes at any width, so a collapsed message always hides\n * some of it.\n */\nconst COLLAPSE_LINES = 14;\n/** Visible characters that take at least one line of a message, even at its widest. */\nconst LINE_CHARS = 100;\n/** Lines at the bottom of a collapsed message that fade out, as `.k2b-message-row__text[data-collapsed]` draws them. */\nconst FADE_LINES = 2;\nconst COPIED_MS = 2_000;\n/** Links in messages may only use these schemes; other links show as their text. */\nconst LINK_PROTOCOLS = [\"https:\", \"http:\", \"mailto:\"] as const;\n/** Attachments open and load only from these schemes or from a relative URL. */\nconst ATTACHMENT_PROTOCOLS = new Set([\"https:\", \"http:\"]);\n/**\n * A picture may also show a file that is still uploading. A `blob:` URL runs in the page's origin when it is opened,\n * so links never use one.\n */\nconst PICTURE_PROTOCOLS = new Set([...ATTACHMENT_PROTOCOLS, \"blob:\"]);\n/** A grid shows this many images or videos; the last one tells how many more there are. */\nconst MEDIA_SHOWN = 4;\n/** A single image keeps its own aspect ratio within these bounds; beyond them it is cropped to fit. */\nconst MEDIA_RATIO_MIN = 0.5;\nconst MEDIA_RATIO_MAX = 3;\n\nexport type MessageRowAuthor = {\n  /** Display name, shown at the start of a group and read before every message. */\n  name: string;\n  /** Picture URL. Without one, the avatar shows initials on the author's tint. */\n  avatar?: string | null;\n  /** Icon class shown instead of initials, for example for an automated author. */\n  icon?: string;\n};\n\nexport type MessageRowStatus = \"pending\" | \"sent\" | \"failed\";\n\nexport type MessageRowAction = {\n  id: string;\n  /** Accessible name and tooltip. */\n  label: string;\n  /** Icon class, for example `ti ti-arrow-back-up`. */\n  icon: string;\n  onSelect: () => void;\n  disabled?: boolean;\n};\n\nexport type MessageRowQuote = {\n  /** Name of the quoted message's author. */\n  author: string;\n  /** Plain text of the quoted message. It shows at most two lines. */\n  text: string;\n  /** Opens the quoted message, for example by scrolling to it. Without it, the quote is not a control. */\n  onSelect?: () => void;\n};\n\nexport type MessageRowReaction = {\n  /** Stable identity of the reaction, passed to `onToggleReaction`. */\n  key: string;\n  emoji: string;\n  count: number;\n  /** The reader reacted this way; the chip shows pressed. */\n  own?: boolean;\n  /** Who reacted, for example \"Nora, Tobias\". Read by screen readers and shown as a tooltip. */\n  label?: string;\n};\n\nexport type MessageRowThread = {\n  /** Number of replies. */\n  count: number;\n  /** People who replied, most recent first; the bar shows up to three. */\n  participants?: readonly MessageRowAuthor[];\n  /** Visible time of the last reply, formatted by the caller. */\n  lastReply?: string;\n  lastReplyDateTime?: string | Date;\n  onOpen: () => void;\n};\n\ntype MessageRowAttachmentTarget = {\n  /** Opens the attachment, for example in a lightbox. Takes precedence over `href`. */\n  onOpen?: () => void;\n  /** Opens the attachment in a new tab. Absolute `https` or `http`, or relative. */\n  href?: string;\n};\n\nexport type MessageRowMedia = MessageRowAttachmentTarget & {\n  kind: \"image\" | \"video\";\n  /** The image, or the poster frame of a video. Absolute `https` or `http`, relative, `blob`, or `data:image/`. */\n  src: string;\n  /** Describes the image or video for people who cannot see it. */\n  alt: string;\n  /** Stored pixel size. The row reserves the area from it, so nothing moves when the image loads. */\n  width: number;\n  height: number;\n  /** Visible length of a video, for example \"0:42\". */\n  duration?: string;\n};\n\nexport type MessageRowFile = MessageRowAttachmentTarget & {\n  kind: \"file\";\n  name: string;\n  /** Second line, for example \"PDF · 412 KB\". */\n  detail?: string;\n  /** Media type, used with the name to choose the icon. */\n  mediaType?: string;\n  /** Icon class instead of the one chosen from the name. */\n  icon?: string;\n};\n\nexport type MessageRowAttachment = MessageRowMedia | MessageRowFile;\n\nexport type MessageRowProgress = {\n  /** What is happening, for example \"Writing\" or \"Searching the files\". */\n  status: string;\n  /** Called by \"Stop\". */\n  onStop?: () => void;\n};\n\nexport type MessageRowProps = {\n  author: MessageRowAuthor;\n  /** Message text as Markdown. Raw HTML shows as text; links must be absolute and use `https`, `http`, or `mailto`. */\n  text: string;\n  /** Visible time, formatted by the caller, so server and browser render the same text. */\n  time: string;\n  /** Machine-readable time for the `<time>` element. */\n  dateTime?: string | Date;\n  /** The reader's own message: on the right in the accent tint, without avatar or name. */\n  own?: boolean;\n  /**\n   * Starts a group with avatar, name, badge, and time. A continuation shows only its text; screen readers still hear\n   * the author and time. Defaults to true; `startsMessageGroup` decides it from the previous message.\n   */\n  groupStart?: boolean;\n  /** Shown next to the name at the start of a group, for example the kind of account. */\n  badge?: JSX.Element;\n  /** Send state. Sets a line of fixed height below the message: a clock, a check, or \"Not sent\" with \"Retry\". */\n  status?: MessageRowStatus;\n  /** Text shown in that line instead of the check once someone has read the message, for example \"Read by Nora\". */\n  receipt?: string;\n  /** Called by \"Retry\" while `status` is `\"failed\"`. */\n  onRetry?: () => void;\n  /** Shown as a toolbar over the message while it is hovered or focused. It never moves the layout. */\n  actions?: readonly MessageRowAction[];\n  /** The message this one answers, shown above it. */\n  quote?: MessageRowQuote;\n  /** Marks the message as forwarded from somewhere else. */\n  forwarded?: boolean;\n  /** Marks the message as edited after it was sent. */\n  edited?: boolean;\n  /** Shows \"This message was deleted\" instead of the text, quote, attachments, previews, and reactions. */\n  deleted?: boolean;\n  /** Images and videos in a grid with areas reserved from their stored size, then files as chips. */\n  attachments?: readonly MessageRowAttachment[];\n  /** A preview of a link in the text, supplied with its final height. */\n  linkPreview?: JSX.Element;\n  /** A card for an element the message refers to, such as a task or a document, supplied with its final height. */\n  card?: JSX.Element;\n  /**\n   * Reactions in a bar of fixed height. The bar shows whenever this is set, even to an empty list, so chips that come\n   * and go never change the row. Only setting it where it was unset adds a line, so pass it on own messages and on\n   * messages that have or had reactions, and leave it out on others' messages that never had one.\n   */\n  reactions?: readonly MessageRowReaction[];\n  /** Called with a reaction's `key` when the reader presses its chip. Without it, the chips are not controls. */\n  onToggleReaction?: (key: string) => void;\n  /** Called by \"Add reaction\" in the reaction bar, with the button to anchor a picker to. */\n  onAddReaction?: (anchor: HTMLElement) => void;\n  /** A bar of fixed height that opens the replies to this message. */\n  thread?: MessageRowThread;\n  /** The message is still being written, by a person or an automated author alike: a status line with \"Stop\". */\n  progress?: MessageRowProgress;\n  class?: string;\n};\n\nexport type MessageSystemRowProps = {\n  /** What happened, for example \"Nora added Tobias\". */\n  children: JSX.Element;\n  /** Visible time, formatted by the caller. */\n  time?: string;\n  dateTime?: string | Date;\n  /** Icon class shown before the text. */\n  icon?: string;\n  class?: string;\n};\n\nexport type MessageGroupEntry = {\n  /** Stable identity of the author. */\n  author: string;\n  at: Date | number | string;\n  /** System rows never belong to a group. */\n  system?: boolean;\n};\n\nconst timestamp = (value: Date | number | string) => (value instanceof Date ? value.getTime() : new Date(value).getTime());\n\n/**\n * Whether a message starts a new group: there is no previous message, either is a system row, the author changes, or\n * more than five minutes passed. Also start a group where you show a separator such as a new day.\n */\nexport const startsMessageGroup = (entry: MessageGroupEntry, previous?: MessageGroupEntry | null): boolean => {\n  if (!previous || entry.system || previous.system || entry.author !== previous.author) return true;\n  const gap = timestamp(entry.at) - timestamp(previous.at);\n  return !(gap >= 0 && gap <= GROUP_WINDOW_MS);\n};\n\n/** Text that wraps: every `LINE_CHARS` visible characters of a line take at least one line. */\nconst wrappedLines = (text: string): number =>\n  text.split(\"\\n\").reduce((lines, line) => lines + Math.ceil(line.trim().length / LINE_CHARS), 0);\n\n/** What inline tokens show: a link its label, never its destination. */\nconst inlineText = (tokens: readonly Token[]): string => {\n  let text = \"\";\n  for (const token of tokens) {\n    if (token.type === \"br\") text += \"\\n\";\n    else if (\"tokens\" in token && token.tokens) text += inlineText(token.tokens);\n    else if (\"text\" in token) text += token.text;\n  }\n  return text;\n};\n\n/**\n * The fewest lines the rendered tokens take at any width. Code never wraps, so each of its lines is one line, blank\n * ones too, and its bar one more. Link destinations and reference definitions show nothing. Decided from the text\n * alone, so the row has its final height when it mounts.\n */\nconst renderedLines = (tokens: readonly Token[]): number => {\n  let lines = 0;\n  for (const token of tokens) {\n    switch (token.type) {\n      case \"code\":\n        lines += token.text.split(\"\\n\").length + 1;\n        break;\n      case \"list\":\n        for (const item of token.items) lines += Math.max(1, renderedLines(item.tokens));\n        break;\n      case \"table\":\n        lines += token.rows.length + (token.header.some((cell: Tokens.TableCell) => cell.text.trim()) ? 1 : 0);\n        break;\n      case \"paragraph\":\n      case \"heading\":\n      case \"text\":\n        lines += wrappedLines(token.tokens ? inlineText(token.tokens) : token.text);\n        break;\n      case \"hr\":\n        lines += 1;\n        break;\n      case \"space\":\n      case \"def\":\n        break;\n      default:\n        if (\"tokens\" in token && token.tokens) lines += renderedLines(token.tokens);\n        else if (\"text\" in token) lines += wrappedLines(token.text);\n    }\n  }\n  return lines;\n};\n\n/** Messages link only to absolute URLs; a relative one would lead somewhere else on every page that shows it. */\nconst isAbsoluteUrl = (href: string): boolean => {\n  try {\n    return new URL(href).protocol !== \"\";\n  } catch {\n    return false;\n  }\n};\n\nconst dateTimeOf = (value: string | Date | undefined): string | undefined => {\n  if (value === undefined) return undefined;\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isFinite(date.getTime()) ? date.toISOString() : undefined;\n};\n\n/**\n * An attachment URL the row may load or open: absolute with an allowed scheme, or relative to the page. A picture may\n * also be a `blob:` URL or a `data:image/` URL, which an image element shows without running anything.\n */\nconst attachmentUrl = (url: string | undefined, picture = false): string | undefined => {\n  if (!url) return undefined;\n  if (picture && /^data:image\\//i.test(url)) return url;\n  try {\n    return (picture ? PICTURE_PROTOCOLS : ATTACHMENT_PROTOCOLS).has(new URL(url, \"https://relative.invalid/\").protocol) ? url : undefined;\n  } catch {\n    return undefined;\n  }\n};\n\n/** The aspect ratio a single image or video reserves, from its stored size. */\nconst mediaRatio = (media: MessageRowMedia): number => {\n  const ratio = media.width > 0 && media.height > 0 ? media.width / media.height : 4 / 3;\n  return Math.min(MEDIA_RATIO_MAX, Math.max(MEDIA_RATIO_MIN, ratio));\n};\n\n/** The width of a single image or video: its stored width, at most the row's media height tall, never wider than the row. */\nconst mediaWidth = (media: MessageRowMedia): string => {\n  const natural = Number.isFinite(media.width) && media.width > 0 ? `${media.width}px, ` : \"\";\n  return `min(100%, ${natural}calc(var(--k2b-message-media-height) * ${mediaRatio(media)}))`;\n};\n\n/** Only the `ti-*` glyph of `fileIcons`, which may add colour utilities that `@k2b/ui` does not ship. */\nconst fileIcon = (file: MessageRowFile): string =>\n  file.icon ??\n  `ti ${fileIcons\n    .getFileIcon({ name: file.name, type: \"file\", mimeType: file.mediaType })\n    .split(/\\s+/)\n    .filter((token) => token.startsWith(\"ti-\"))\n    .join(\" \")}`;\n\n/** A link, a button, or neither, depending on what the caller passes. */\nfunction AttachmentTarget(\n  props: MessageRowAttachmentTarget & {\n    class: string;\n    style?: JSX.CSSProperties;\n    /** Names a picture; without a link or button around it, the element becomes the image. */\n    label?: string;\n    children: JSX.Element;\n  },\n): JSX.Element {\n  return (\n    <Show\n      when={props.onOpen}\n      fallback={\n        <Show\n          when={attachmentUrl(props.href)}\n          fallback={\n            <Show\n              when={props.label}\n              fallback={\n                <span class={props.class} style={props.style}>\n                  {props.children}\n                </span>\n              }\n            >\n              {(label) => (\n                <span class={props.class} style={props.style} role=\"img\" aria-label={label()}>\n                  {props.children}\n                </span>\n              )}\n            </Show>\n          }\n        >\n          {(href) => (\n            <a class={props.class} style={props.style} href={href()} target=\"_blank\" rel=\"noopener noreferrer\" aria-label={props.label}>\n              {props.children}\n            </a>\n          )}\n        </Show>\n      }\n    >\n      {(open) => (\n        <button type=\"button\" class={props.class} style={props.style} aria-label={props.label} onClick={() => open()()}>\n          {props.children}\n        </button>\n      )}\n    </Show>\n  );\n}\n\n/**\n * Renders the safe Markdown of `MarkdownView` with line breaks kept, absolute links only, and a copy control above\n * every code block, and counts the fewest lines it takes. An edited message that does not collapse ends with the marker.\n */\nconst renderMessage = (text: string, locale: string, messages: UiMessages, edited: boolean): { html: string; lines: number } => {\n  const renderer = createSafeRenderer({ allowImages: false, linkProtocols: LINK_PROTOCOLS, linkTarget: \"_blank\", locale });\n  const renderLink = renderer.link.bind(renderer);\n  renderer.link = (token: Tokens.Link) => (isAbsoluteUrl(token.href) ? renderLink(token) : renderer.parser.parseInline(token.tokens));\n  const renderCode = renderer.code.bind(renderer);\n  renderer.code = (token: Tokens.Code) => {\n    const language = token.lang?.match(/^\\S{1,24}/)?.[0];\n    const block = renderCode(token).replace(/^<pre>/, '<pre tabindex=\"0\">');\n    return (\n      '<div class=\"k2b-message-row__code\" data-gesture-ignore><div class=\"k2b-message-row__code-bar\">' +\n      `<span class=\"k2b-message-row__code-label\">${escapeHtml(language ?? messages.code)}</span>` +\n      '<button type=\"button\" class=\"k2b-message-row__copy\">' +\n      `<span class=\"k2b-message-row__copy-idle\"><i class=\"ti ti-copy\" aria-hidden=\"true\"></i>${escapeHtml(messages.copy)}</span>` +\n      `<span class=\"k2b-message-row__copy-done\"><i class=\"ti ti-check\" aria-hidden=\"true\"></i>${escapeHtml(messages.copied)}</span>` +\n      `</button></div>${block}</div>`\n    );\n  };\n  const marked = createSafeMarked(locale).setOptions({ breaks: true, renderer });\n  const tokens = marked.lexer(text);\n  const html = marked.parser(tokens);\n  const lines = renderedLines(tokens);\n  // A collapsed message would hide the end of its text, so its marker sits next to \"Show more\" instead.\n  if (!edited || lines > COLLAPSE_LINES) return { html, lines };\n  // The marker ends the last paragraph, so it takes no line of its own there.\n  const marker = `<span class=\"k2b-message-row__edited\">${escapeHtml(messages.messageEdited)}</span>`;\n  const end = html.trimEnd();\n  return { html: end.endsWith(\"</p>\") ? `${end.slice(0, -4)} ${marker}</p>` : `${html}<p>${marker}</p>`, lines };\n};\n\n/**\n * One message in a conversation with many people: own messages on the right, others on the left with avatar, name,\n * and time at the start of a group. Every part has its final height when the row mounts, so a virtualized list such\n * as `VirtualFeed` keeps its positions.\n */\nexport function MessageRow(props: MessageRowProps): JSX.Element {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  const textId = `k2b-message-${createUniqueId()}`;\n  const [expanded, setExpanded] = createSignal(false);\n  const rendered = createMemo(() => renderMessage(props.text, locale(), messages(), Boolean(props.edited)));\n  const collapsible = () => rendered().lines > COLLAPSE_LINES;\n  const collapsed = () => collapsible() && !expanded();\n  const groupStart = () => props.groupStart ?? true;\n  const hasLine = () => props.progress !== undefined || props.status !== undefined || props.receipt !== undefined;\n  const reactions = () => (props.deleted ? undefined : props.reactions);\n  // Chips follow their keys, so a chip keeps its element, and focus, when the caller passes new objects for it.\n  const reactionKeys = createMemo(() => reactions()?.map((reaction) => reaction.key) ?? []);\n  const reactionByKey = createMemo(() => new Map(reactions()?.map((reaction) => [reaction.key, reaction])));\n  const hasFooter = () => hasLine() || reactions() !== undefined;\n  const writing = () => props.progress !== undefined && !props.deleted && props.text.trim() === \"\";\n  const hasBubble = () => props.deleted || writing() || props.text.trim() !== \"\";\n  const content = () => !props.deleted;\n  const media = createMemo(() =>\n    content() ? (props.attachments ?? []).filter((attachment): attachment is MessageRowMedia => attachment.kind !== \"file\") : [],\n  );\n  const files = createMemo(() =>\n    content() ? (props.attachments ?? []).filter((attachment): attachment is MessageRowFile => attachment.kind === \"file\") : [],\n  );\n  const shownMedia = () => media().slice(0, MEDIA_SHOWN);\n  const hiddenMedia = () => media().length - shownMedia().length;\n  let text: HTMLDivElement | undefined;\n  let copiedTimer: ReturnType<typeof setTimeout> | undefined;\n\n  onCleanup(() => clearTimeout(copiedTimer));\n\n  const copyCode = (event: MouseEvent) => {\n    const button = (event.target as Element | null)?.closest?.<HTMLButtonElement>(\".k2b-message-row__copy\");\n    if (!button || !text?.contains(button)) return;\n    const code = button.closest(\".k2b-message-row__code\")?.querySelector(\"pre\")?.textContent ?? \"\";\n    copyText(code).then(\n      () => {\n        for (const other of text?.querySelectorAll<HTMLElement>(\".k2b-message-row__copy[data-copied]\") ?? []) delete other.dataset.copied;\n        button.dataset.copied = \"\";\n        announce(messages().copied);\n        clearTimeout(copiedTimer);\n        copiedTimer = setTimeout(() => delete button.dataset.copied, COPIED_MS);\n      },\n      () => {},\n    );\n  };\n\n  // A keyboard user who reaches a link or code block in the hidden or faded part of a collapsed message gets the whole\n  // message. The collapsed text clips instead of scrolling, so the browser cannot scroll it to the target instead.\n  const revealFocus = (event: FocusEvent) => {\n    if (!text || !collapsed() || !(event.target instanceof Element)) return;\n    const fade = text.getBoundingClientRect().bottom - FADE_LINES * Number.parseFloat(getComputedStyle(text).lineHeight);\n    if (event.target.getBoundingClientRect().bottom > fade) setExpanded(true);\n  };\n\n  const header = () => (\n    <>\n      <span class=\"k2b-message-row__name\">{props.author.name}</span>\n      <Show when={props.badge}>\n        <span class=\"k2b-message-row__badge\">{props.badge}</span>\n      </Show>\n      <time class=\"k2b-message-row__time\" datetime={dateTimeOf(props.dateTime)}>\n        {props.time}\n      </time>\n    </>\n  );\n\n  const quote = (value: MessageRowQuote) => (\n    <>\n      <i class=\"ti ti-arrow-back-up\" aria-hidden=\"true\" />\n      <span class=\"k2b-message-row__quote-text\">\n        <span class=\"k2b-sr-only\">{messages().messageReplyTo} </span>\n        <span class=\"k2b-message-row__quote-author\">{value.author}</span> {value.text}\n      </span>\n    </>\n  );\n\n  /** The picture's description, then that it is a video and how long, then how many more the grid hides. */\n  const mediaLabel = (item: MessageRowMedia, more: number) =>\n    [\n      item.alt,\n      item.kind === \"video\" ? [messages().messageVideo, item.duration].filter(Boolean).join(\" \") : \"\",\n      more > 0 ? messages().messageMoreAttachments({ count: more }) : \"\",\n    ]\n      .filter(Boolean)\n      .join(\", \");\n\n  /** A toggle button, or with no `onToggleReaction` a labelled image that also says whether the reader reacted. */\n  const reactionChip = (key: string, reaction: Accessor<MessageRowReaction>) => {\n    const label = (own: boolean) =>\n      messages().messageReaction({ emoji: reaction().emoji, count: reaction().count, names: reaction().label, own });\n    return (\n      <Show\n        when={props.onToggleReaction}\n        fallback={\n          <span\n            class=\"k2b-message-row__reaction\"\n            role=\"img\"\n            aria-label={label(Boolean(reaction().own))}\n            title={reaction().label}\n            data-own={reaction().own ? \"\" : undefined}\n          >\n            <span aria-hidden=\"true\">{reaction().emoji}</span>\n            <span aria-hidden=\"true\">{reaction().count}</span>\n          </span>\n        }\n      >\n        {(toggle) => (\n          <button\n            type=\"button\"\n            class=\"k2b-message-row__reaction\"\n            aria-pressed={reaction().own ? \"true\" : \"false\"}\n            aria-label={label(false)}\n            title={reaction().label}\n            data-own={reaction().own ? \"\" : undefined}\n            onClick={() => toggle()(key)}\n          >\n            <span aria-hidden=\"true\">{reaction().emoji}</span>\n            <span aria-hidden=\"true\">{reaction().count}</span>\n          </button>\n        )}\n      </Show>\n    );\n  };\n\n  const mediaItem = (item: MessageRowMedia, index: () => number) => {\n    const more = () => (index() === shownMedia().length - 1 ? hiddenMedia() : 0);\n    return (\n      <AttachmentTarget\n        class=\"k2b-message-row__media-item\"\n        style={media().length === 1 ? { \"aspect-ratio\": String(mediaRatio(item)) } : undefined}\n        label={mediaLabel(item, more())}\n        onOpen={item.onOpen}\n        href={item.href}\n      >\n        <img\n          src={attachmentUrl(item.src, true)}\n          alt=\"\"\n          width={item.width > 0 ? item.width : undefined}\n          height={item.height > 0 ? item.height : undefined}\n          loading=\"lazy\"\n          decoding=\"async\"\n        />\n        <Show when={item.kind === \"video\"}>\n          <span class=\"k2b-message-row__media-play\" aria-hidden=\"true\">\n            <i class=\"ti ti-player-play\" />\n          </span>\n          <Show when={item.duration}>\n            <span class=\"k2b-message-row__media-duration\" aria-hidden=\"true\">\n              {item.duration}\n            </span>\n          </Show>\n        </Show>\n        <Show when={more() > 0}>\n          <span class=\"k2b-message-row__media-more\" aria-hidden=\"true\">\n            +{more()}\n          </span>\n        </Show>\n      </AttachmentTarget>\n    );\n  };\n\n  return (\n    <div\n      class={props.class ? `k2b-message-row ${props.class}` : \"k2b-message-row\"}\n      data-own={props.own ? \"\" : undefined}\n      data-group-start={groupStart() ? \"\" : undefined}\n      data-status={props.status}\n      data-media={media().length > 0 ? \"\" : undefined}\n    >\n      <Show when={!props.own}>\n        <div class=\"k2b-message-row__gutter\">\n          <Show when={groupStart()}>\n            <span class=\"k2b-message-row__avatar\" aria-hidden=\"true\">\n              <Avatar name={props.author.name} src={props.author.avatar} icon={props.author.icon} size=\"sm\" />\n            </span>\n          </Show>\n        </div>\n      </Show>\n      <div class=\"k2b-message-row__body\">\n        <Show\n          when={groupStart()}\n          fallback={\n            <span class=\"k2b-sr-only\">\n              {props.author.name}, {props.time}:{\" \"}\n            </span>\n          }\n        >\n          <Show\n            when={!props.own}\n            fallback={\n              <div class=\"k2b-message-row__meta\">\n                <span class=\"k2b-sr-only\">{props.author.name}, </span>\n                <time class=\"k2b-message-row__time\" datetime={dateTimeOf(props.dateTime)}>\n                  {props.time}\n                </time>\n              </div>\n            }\n          >\n            <div class=\"k2b-message-row__meta\">{header()}</div>\n          </Show>\n        </Show>\n        <Show when={content() && props.forwarded}>\n          <div class=\"k2b-message-row__marker\">\n            <i class=\"ti ti-arrow-forward-up\" aria-hidden=\"true\" />\n            <span>{messages().messageForwarded}</span>\n          </div>\n        </Show>\n        <Show when={content() && props.quote}>\n          {(value) => (\n            <Show when={value().onSelect} fallback={<div class=\"k2b-message-row__quote\">{quote(value())}</div>}>\n              {(select) => (\n                <button type=\"button\" class=\"k2b-message-row__quote\" onClick={() => select()()}>\n                  {quote(value())}\n                </button>\n              )}\n            </Show>\n          )}\n        </Show>\n        <Show when={hasBubble()}>\n          <div\n            class=\"k2b-message-row__bubble\"\n            data-deleted={props.deleted ? \"\" : undefined}\n            aria-busy={props.progress && !props.deleted ? \"true\" : undefined}\n          >\n            <Show\n              when={!props.deleted}\n              fallback={\n                <span class=\"k2b-message-row__deleted\">\n                  <i class=\"ti ti-message-off\" aria-hidden=\"true\" />\n                  {messages().messageDeleted}\n                </span>\n              }\n            >\n              <Show\n                when={!writing()}\n                fallback={\n                  <span class=\"k2b-message-row__writing\">\n                    <span class=\"k2b-chat-progress-dots\" aria-hidden=\"true\">\n                      <span />\n                      <span />\n                      <span />\n                    </span>\n                  </span>\n                }\n              >\n                {/* biome-ignore lint/a11y/noStaticElementInteractions lint/a11y/useKeyWithClickEvents: the native copy buttons inside the rendered Markdown are the targets; their clicks, including from the keyboard, bubble here. */}\n                <div\n                  ref={text}\n                  id={textId}\n                  class=\"k2b-content-markdown k2b-message-row__text\"\n                  data-heading-scale=\"compact\"\n                  data-collapsed={collapsed() ? \"\" : undefined}\n                  onClick={copyCode}\n                  onFocusIn={revealFocus}\n                  innerHTML={rendered().html}\n                />\n                <Show when={collapsible()}>\n                  <div class=\"k2b-message-row__more-line\">\n                    <Button\n                      variant=\"text\"\n                      size=\"xs\"\n                      class=\"k2b-message-row__more\"\n                      aria-expanded={expanded() ? \"true\" : \"false\"}\n                      aria-controls={textId}\n                      onClick={() => setExpanded((value) => !value)}\n                    >\n                      {expanded() ? messages().messageShowLess : messages().messageShowMore}\n                    </Button>\n                    <Show when={props.edited}>\n                      <span class=\"k2b-message-row__edited\">{messages().messageEdited}</span>\n                    </Show>\n                  </div>\n                </Show>\n              </Show>\n            </Show>\n          </div>\n        </Show>\n        {/* Without a bubble to end, the edit marker takes the bubble's place. */}\n        <Show when={content() && props.edited && !hasBubble()}>\n          <div class=\"k2b-message-row__marker\">\n            <i class=\"ti ti-pencil\" aria-hidden=\"true\" />\n            <span class=\"k2b-message-row__edited\">{messages().messageEdited}</span>\n          </div>\n        </Show>\n        <Show when={media().length > 0}>\n          <div\n            class=\"k2b-message-row__media\"\n            role=\"group\"\n            aria-label={messages().attachments}\n            data-count={Math.min(media().length, MEDIA_SHOWN)}\n            style={media().length === 1 ? { width: mediaWidth(media()[0]!) } : undefined}\n          >\n            <For each={shownMedia()}>{(item, index) => mediaItem(item, index)}</For>\n          </div>\n        </Show>\n        <Show when={files().length > 0}>\n          <div class=\"k2b-message-row__files\">\n            <For each={files()}>\n              {(file) => (\n                <AttachmentTarget class=\"k2b-message-row__file\" onOpen={file.onOpen} href={file.href}>\n                  <span class=\"k2b-message-row__file-icon\" aria-hidden=\"true\">\n                    <i class={fileIcon(file)} />\n                  </span>\n                  <span class=\"k2b-message-row__file-copy\">\n                    <span class=\"k2b-message-row__file-name\">{file.name}</span>\n                    <Show when={file.detail}>\n                      <span class=\"k2b-message-row__file-detail\">{file.detail}</span>\n                    </Show>\n                  </span>\n                </AttachmentTarget>\n              )}\n            </For>\n          </div>\n        </Show>\n        <Show when={content() && props.linkPreview}>\n          <div class=\"k2b-message-row__slot\" data-gesture-ignore>\n            {props.linkPreview}\n          </div>\n        </Show>\n        <Show when={content() && props.card}>\n          <div class=\"k2b-message-row__slot\" data-gesture-ignore>\n            {props.card}\n          </div>\n        </Show>\n        <Show when={props.thread}>\n          {(thread) => (\n            <button type=\"button\" class=\"k2b-message-row__thread\" onClick={() => thread().onOpen()}>\n              <Show when={(thread().participants?.length ?? 0) > 0}>\n                <span class=\"k2b-message-row__thread-people\" aria-hidden=\"true\">\n                  <For each={thread().participants?.slice(0, 3)}>\n                    {(person) => <Avatar name={person.name} src={person.avatar} icon={person.icon} size=\"xs\" />}\n                  </For>\n                </span>\n              </Show>\n              <span class=\"k2b-message-row__thread-count\">{messages().messageReplies({ count: thread().count })}</span>\n              <Show when={thread().lastReply}>\n                {(time) => (\n                  <time class=\"k2b-message-row__thread-time\" datetime={dateTimeOf(thread().lastReplyDateTime)}>\n                    {messages().messageLastReply({ time: time() })}\n                  </time>\n                )}\n              </Show>\n            </button>\n          )}\n        </Show>\n        <Show when={hasFooter()}>\n          <div class=\"k2b-message-row__footer\">\n            <Show when={reactions()}>\n              {(list) => (\n                <div\n                  class=\"k2b-message-row__reactions\"\n                  role=\"group\"\n                  aria-label={messages().messageReactions}\n                  data-empty={list().length === 0 ? \"\" : undefined}\n                >\n                  <Show when={list().length > 0}>\n                    {/* Chips that do not fit scroll sideways behind a fade. Read-only chips are no tab stops, so the list\n                        is one: a keyboard can scroll it. */}\n                    <ScrollArea\n                      orientation=\"horizontal\"\n                      class=\"k2b-message-row__reaction-list\"\n                      tabindex={props.onToggleReaction ? undefined : 0}\n                    >\n                      <For each={reactionKeys()}>\n                        {(key) => <Show when={reactionByKey().get(key)}>{(reaction) => reactionChip(key, reaction)}</Show>}\n                      </For>\n                    </ScrollArea>\n                  </Show>\n                  <Show when={props.onAddReaction}>\n                    {(add) => (\n                      <IconButton\n                        label={messages().messageAddReaction}\n                        size=\"xs\"\n                        class=\"k2b-message-row__react\"\n                        onClick={(event) => add()(event.currentTarget)}\n                      >\n                        <i class=\"ti ti-mood-plus\" aria-hidden=\"true\" />\n                      </IconButton>\n                    )}\n                  </Show>\n                </div>\n              )}\n            </Show>\n            <Show when={hasLine()}>\n              <div class=\"k2b-message-row__line\">\n                <Show\n                  when={props.progress}\n                  fallback={\n                    <>\n                      <Show when={props.status === \"pending\"}>\n                        <i class=\"ti ti-clock\" aria-hidden=\"true\" />\n                        <span>{messages().sending}</span>\n                      </Show>\n                      <Show when={props.status === \"failed\"}>\n                        <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" />\n                        <span>{messages().messageNotSent}</span>\n                        <Show when={props.onRetry}>\n                          {(retry) => (\n                            <Button variant=\"text\" size=\"xs\" onClick={() => retry()()}>\n                              {messages().messageRetry}\n                            </Button>\n                          )}\n                        </Show>\n                      </Show>\n                      <Show when={props.status !== \"pending\" && props.status !== \"failed\"}>\n                        <Show\n                          when={props.receipt}\n                          fallback={\n                            <Show when={props.status === \"sent\"}>\n                              <i class=\"ti ti-check\" aria-hidden=\"true\" />\n                              <span class=\"k2b-sr-only\">{messages().messageSent}</span>\n                            </Show>\n                          }\n                        >\n                          {(receipt) => (\n                            <>\n                              <i class=\"ti ti-checks\" aria-hidden=\"true\" />\n                              <span class=\"k2b-message-row__receipt\">{receipt()}</span>\n                            </>\n                          )}\n                        </Show>\n                      </Show>\n                    </>\n                  }\n                >\n                  {(progress) => (\n                    <>\n                      <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                      <span class=\"k2b-message-row__line-text\">{progress().status}</span>\n                      <Show when={progress().onStop}>\n                        {(stop) => (\n                          <Button variant=\"text\" size=\"xs\" onClick={() => stop()()}>\n                            {messages().messageStop}\n                          </Button>\n                        )}\n                      </Show>\n                    </>\n                  )}\n                </Show>\n              </div>\n            </Show>\n          </div>\n        </Show>\n      </div>\n      <Show when={(props.actions?.length ?? 0) > 0}>\n        <div class=\"k2b-message-row__actions\" role=\"group\" aria-label={messages().messageActions}>\n          <For each={props.actions}>\n            {(action) => (\n              <IconButton label={action.label} size=\"sm\" disabled={action.disabled} onClick={() => action.onSelect()}>\n                <i class={action.icon} aria-hidden=\"true\" />\n              </IconButton>\n            )}\n          </For>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\n/** A quiet, centered line for something that happened in the conversation, such as a person joining. */\nexport function MessageSystemRow(props: MessageSystemRowProps): JSX.Element {\n  return (\n    <div class={props.class ? `k2b-message-system-row ${props.class}` : \"k2b-message-system-row\"}>\n      <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      <span>{props.children}</span>\n      <Show when={props.time}>\n        <time datetime={dateTimeOf(props.dateTime)}>{props.time}</time>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}