@k2b/ui 0.27.0 → 0.29.0

package/dist/browser/chat/ChatDecision.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["chat/ChatDecision.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  For,\n  type JSX,\n  on,\n  onCleanup,\n  onMount,\n  Show,\n  untrack,\n  useContext,\n} from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { Avatar } from \"../surfaces/Avatar\";\nimport { useChatMessages } from \"./chat-messages\";\nimport type {\n  ChatDecisionAnswer,\n  ChatDecisionReason,\n  ChatDecisionState,\n  ChatOutcomeLine,\n  ChatOutcomeTone,\n  ChatPreviewHeaderRow,\n  ChatPreviewPerson,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Decision\n// ---------------------------------------------------------------------------\n\nexport type ChatDecisionProps = {\n  /** `open` shows the question; every other state shows `outcome` in its place. */\n  state: ChatDecisionState;\n  /** The question as one sentence, usually with `ReferenceChip`s. */\n  sentence: JSX.Element;\n  /** Why this question is asked, in the platform's words. */\n  reason: ChatDecisionReason;\n  /** The thing itself, usually `Chat.Preview`. */\n  preview?: JSX.Element;\n  /** The main answer, named by verb and target (\"Send to Lea\"). `danger` for deletions, `primary` for requests. */\n  confirm: ChatDecisionAnswer & { variant?: \"ai\" | \"primary\" | \"danger\" };\n  /** The other answer (\"Don't send\"). */\n  decline: ChatDecisionAnswer;\n  /** An optional quiet third answer after the buttons, such as \"Yes, and don't ask again in this chat\". */\n  remember?: ChatDecisionAnswer;\n  /** Turns `confirm` and `remember` off; this reason replaces `reason` in the same place. */\n  unavailable?: ChatDecisionReason;\n  /** The result line shown in every state but `open`, usually `Chat.Outcome`. */\n  outcome?: JSX.Element;\n  /** Receives a rejected promise from an answer's `onSelect`. */\n  onAnswerError?: (error: unknown) => void;\n  anchorId?: string | number;\n  class?: string;\n};\n\n/** What an outcome inside a question needs from it: whether it was just answered here, and a link press inside it. */\nconst DecisionScope = createContext<{ answered: () => boolean; pressed: () => void; released: () => void }>();\n\nconst reasonIcon = (reason: ChatDecisionReason) => reason.icon ?? \"ti ti-info-circle\";\n\n/**\n * A question the person answers in the conversation: one sentence, why it is asked, the thing itself, and two answers.\n * An answer collapses it at once to its outcome line, which takes the focus and is announced.\n */\nexport function ChatDecision(props: ChatDecisionProps): JSX.Element {\n  const id = createUniqueId();\n  const sentenceId = `k2b-chat-decision-${id}-sentence`;\n  const reasonId = `k2b-chat-decision-${id}-reason`;\n  let root: HTMLDivElement | undefined;\n  let sentence: HTMLParagraphElement | undefined;\n  // An answer given here moves the focus to the outcome; a click in the outcome that reopens the question moves it\n  // back to the sentence. A state change from elsewhere moves no focus.\n  const [answeredHere, setAnsweredHere] = createSignal(false);\n  const [arrive, setArrive] = createSignal(false);\n  let reopenedHere = false;\n  // A press counts only while its action runs: a reopen from elsewhere later must not take the focus.\n  const scope = {\n    answered: answeredHere,\n    pressed: () => {\n      reopenedHere = true;\n    },\n    released: () => {\n      reopenedHere = false;\n    },\n  };\n\n  // Read once: an object literal from the host builds its JSX again on every read.\n  const reason = createMemo(() => props.unavailable ?? props.reason);\n  const open = () => props.state === \"open\";\n\n  const answer = (choice: ChatDecisionAnswer, enabled: boolean) => {\n    if (!enabled || !open() || answeredHere()) return;\n    setAnsweredHere(true);\n    try {\n      const result = choice.onSelect();\n      if (result instanceof Promise) result.catch((error: unknown) => props.onAnswerError?.(error));\n    } catch (error) {\n      props.onAnswerError?.(error);\n    }\n    // A host that keeps the question open (it could not take the answer) gets working buttons back.\n    queueMicrotask(() => {\n      if (open()) setAnsweredHere(false);\n    });\n  };\n\n  createEffect(\n    on(\n      () => props.state,\n      (state, previous) => {\n        if (state !== \"open\" && previous === \"open\" && answeredHere()) {\n          root?.querySelector<HTMLElement>(\".k2b-chat-outcome\")?.focus({ preventScroll: true });\n        }\n        if (state === \"open\" && previous !== undefined && previous !== \"open\") {\n          // A host that could not take an answer given here returns the question from `sending`; the outcome that held\n          // the focus is gone, so the focus goes back to the sentence instead of the page.\n          const active = document.activeElement;\n          const failedHere = answeredHere() && previous === \"sending\" && (!active || active === document.body);\n          setAnsweredHere(false);\n          if (reopenedHere || failedHere) {\n            sentence?.focus({ preventScroll: true });\n            setArrive(true);\n          }\n          // Handled. Until then the marker holds through states in between, such as `sending` while a reopen loads.\n          reopenedHere = false;\n        }\n      },\n    ),\n  );\n\n  return (\n    <div\n      ref={root}\n      class={`k2b-chat-decision ${props.class ?? \"\"}`}\n      data-state={props.state}\n      data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n    >\n      <Show when={open()} fallback={<DecisionScope.Provider value={scope}>{props.outcome}</DecisionScope.Provider>}>\n        <section class=\"k2b-chat-decision__card\" aria-labelledby={sentenceId} aria-describedby={reasonId}>\n          <p\n            ref={sentence}\n            id={sentenceId}\n            class=\"k2b-chat-decision__sentence\"\n            tabindex=\"-1\"\n            data-arrive={arrive() ? \"true\" : undefined}\n            onAnimationEnd={() => setArrive(false)}\n          >\n            {props.sentence}\n          </p>\n          <p id={reasonId} class=\"k2b-chat-line k2b-chat-decision__reason\" data-tone={reason().tone ?? \"neutral\"}>\n            <i class={`k2b-chat-line__icon ${reasonIcon(reason())}`} aria-hidden=\"true\" />\n            <span class=\"k2b-chat-line__text\">{reason().text}</span>\n          </p>\n          {props.preview}\n          <div class=\"k2b-chat-decision__answers\">\n            <Button\n              class=\"k2b-chat-decision__answer\"\n              wrap\n              variant={props.confirm.variant ?? \"ai\"}\n              disabled={Boolean(props.unavailable)}\n              onClick={() => answer(props.confirm, !props.unavailable)}\n            >\n              <Show when={props.confirm.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n              {props.confirm.label}\n            </Button>\n            <Button class=\"k2b-chat-decision__answer\" wrap variant=\"subtle\" onClick={() => answer(props.decline, true)}>\n              <Show when={props.decline.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n              {props.decline.label}\n            </Button>\n            <Show when={props.remember}>\n              {(remember) => (\n                <Button\n                  class=\"k2b-chat-decision__remember\"\n                  wrap\n                  variant=\"text\"\n                  disabled={Boolean(props.unavailable)}\n                  onClick={() => answer(remember(), !props.unavailable)}\n                >\n                  {remember().label}\n                </Button>\n              )}\n            </Show>\n          </div>\n        </section>\n      </Show>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Outcome\n// ---------------------------------------------------------------------------\n\nexport type ChatOutcomeProps = {\n  /**\n   * Every line one flow can show, such as running and done. All of them share one cell, so the line is as high as\n   * the longest and switching between them moves nothing.\n   */\n  lines: Readonly<Record<string, ChatOutcomeLine>>;\n  /** The key of the visible line. */\n  current: string;\n  /** Receives an error thrown or rejected by a line's `action`. */\n  onActionError?: (error: unknown) => void;\n  anchorId?: string | number;\n  class?: string;\n};\n\nconst OUTCOME_ICONS: Record<ChatOutcomeTone, string> = {\n  running: \"ti ti-loader-2 k2b-spin\",\n  done: \"ti ti-check\",\n  off: \"ti ti-circle-off\",\n  waiting: \"ti ti-clock\",\n  warning: \"ti ti-alert-triangle\",\n  error: \"ti ti-alert-circle\",\n};\n\n/** The visible words of a line, without what screen readers do not hear. */\nconst spokenText = (element: Element): string => {\n  const copy = element.cloneNode(true) as Element;\n  // Buttons under the line are controls, not part of what happened.\n  for (const hidden of copy.querySelectorAll('[aria-hidden=\"true\"], .k2b-chat-outcome__actions')) hidden.remove();\n  // The time and the link stand apart by margin only; spoken, they need a space.\n  for (const part of copy.querySelectorAll(\".k2b-chat-outcome__time, .k2b-chat-outcome__link\")) part.before(\" \");\n  return (copy.textContent ?? \"\").replace(/\\s+/g, \" \").trim();\n};\n\n/**\n * One line that says what happened: running, done, off, waiting, warning, or error. Changes are announced through a\n * polite live region; the line itself can take the focus.\n */\nexport function ChatOutcome(props: ChatOutcomeProps): JSX.Element {\n  const scope = useContext(DecisionScope);\n  // Only a line that replaces a question just answered here fades in; history renders final.\n  const entering = untrack(() => scope?.answered() ?? false);\n  const [live, setLive] = createSignal(\"\");\n  let root: HTMLDivElement | undefined;\n  let cell: HTMLDivElement | undefined;\n  let pending = false;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  // Read once: an object literal from the host builds its JSX again on every read.\n  const lines = createMemo(() => props.lines);\n  const line = () => lines()[props.current];\n  const tone = () => line()?.tone ?? \"off\";\n  const keys = () => {\n    const all = Object.keys(lines());\n    return all.includes(props.current) ? all : [props.current, ...all];\n  };\n\n  // Empty the region first, so the same words spoken again are a change too.\n  const announce = () => {\n    setLive(\"\");\n    if (timer) clearTimeout(timer);\n    timer = setTimeout(() => {\n      const current = cell?.querySelector('[data-current=\"true\"]');\n      setLive(current ? spokenText(current) : \"\");\n    }, 40);\n  };\n\n  onMount(() => {\n    if (untrack(() => scope?.answered())) announce();\n  });\n  createEffect(\n    on(\n      () => props.current,\n      () => {\n        // A link pressed in a line that is now hidden would leave the focus on an invisible button, which the browser\n        // then drops to the page. The line itself keeps it instead.\n        const active = document.activeElement;\n        const hidden = active && cell?.contains(active) && !active.closest('[data-current=\"true\"]');\n        if (hidden || (pending && active === document.body)) root?.focus({ preventScroll: true });\n        announce();\n      },\n      { defer: true },\n    ),\n  );\n  onCleanup(() => {\n    if (timer) clearTimeout(timer);\n  });\n\n  return (\n    <div\n      ref={root}\n      class={`k2b-chat-outcome ${props.class ?? \"\"}`}\n      data-tone={tone()}\n      data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n      data-enter={entering ? \"true\" : undefined}\n      tabindex=\"-1\"\n    >\n      <span class=\"k2b-chat-outcome__icon\" aria-hidden=\"true\">\n        <i class={line()?.icon ?? OUTCOME_ICONS[tone()]} />\n      </span>\n      {/* Busy is set on the words only: a live region inside a busy subtree would be held back. */}\n      <div ref={cell} class=\"k2b-chat-outcome__cell\" aria-busy={tone() === \"running\" ? \"true\" : undefined}>\n        <For each={keys()}>\n          {(key) => {\n            const entry = () => lines()[key];\n            const current = () => key === props.current;\n            return (\n              <Show when={entry()}>\n                {(item) => (\n                  <div\n                    class=\"k2b-chat-outcome__text\"\n                    data-current={current() ? \"true\" : undefined}\n                    aria-hidden={current() ? undefined : \"true\"}\n                  >\n                    {item().text}\n                    <Show when={item().detail}>\n                      {(detail) => (\n                        <>\n                          {\" \"}\n                          <span class=\"k2b-chat-outcome__detail\">{detail()}</span>\n                        </>\n                      )}\n                    </Show>\n                    <Show when={item().time}>{(time) => <span class=\"k2b-chat-outcome__time\">{time()}</span>}</Show>\n                    <Show when={item().action}>\n                      {(action) => (\n                        <Button\n                          class=\"k2b-chat-outcome__link\"\n                          wrap\n                          variant=\"text\"\n                          tabIndex={current() ? undefined : -1}\n                          onClick={() => {\n                            // A second press while the first is still running would repeat its work.\n                            if (pending) return;\n                            scope?.pressed();\n                            try {\n                              const result = action().onSelect();\n                              if (result instanceof Promise) {\n                                pending = true;\n                                result\n                                  .catch((error: unknown) => props.onActionError?.(error))\n                                  .finally(() => {\n                                    pending = false;\n                                    scope?.released();\n                                  });\n                                return;\n                              }\n                            } catch (error) {\n                              props.onActionError?.(error);\n                            }\n                            scope?.released();\n                          }}\n                        >\n                          {action().label}\n                        </Button>\n                      )}\n                    </Show>\n                    {/* Every line keeps its buttons, hidden with its text, so the cell also reserves their row. */}\n                    <Show when={item().actions}>{(actions) => <div class=\"k2b-chat-outcome__actions\">{actions()}</div>}</Show>\n                  </div>\n                )}\n              </Show>\n            );\n          }}\n        </For>\n      </div>\n      <span class=\"k2b-sr-only\" role=\"status\" aria-live=\"polite\">\n        {live()}\n      </span>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Preview\n// ---------------------------------------------------------------------------\n\nexport type ChatPreviewProps = { children: JSX.Element; class?: string };\n\n/** The thing a question is about, as calm text on the sentence's edge: no surface, no column. */\nfunction ChatPreviewRoot(props: ChatPreviewProps): JSX.Element {\n  return <div class={`k2b-chat-preview ${props.class ?? \"\"}`}>{props.children}</div>;\n}\n\nexport type ChatPreviewHeaderProps = {\n  /** One row per field, such as From, To, Cc, and Bcc; the label stands right before its value. */\n  rows: readonly ChatPreviewHeaderRow[];\n  /** A last line, such as when the message goes out. */\n  note?: JSX.Element;\n};\n\nconst PreviewPeople = (props: { people: readonly ChatPreviewPerson[] }) => (\n  <For each={props.people}>\n    {(person, index) => (\n      <>\n        {index() > 0 ? \", \" : \"\"}\n        <span class=\"k2b-chat-preview__person\">\n          <Show when={person.name}>{(name) => <b>{name()}</b>}</Show>\n          <Show when={person.address}>\n            {(address) => (\n              <span class=\"k2b-chat-preview__address\" data-alone={person.name ? undefined : \"true\"}>\n                {address()}\n              </span>\n            )}\n          </Show>\n        </span>\n      </>\n    )}\n  </For>\n);\n\nfunction ChatPreviewHeader(props: ChatPreviewHeaderProps): JSX.Element {\n  return (\n    <div class=\"k2b-chat-preview__header\">\n      <dl>\n        <For each={props.rows}>\n          {(row) => (\n            <div data-emphasis={row.emphasis ? \"true\" : undefined}>\n              <dt>{row.label}</dt>\n              <dd>\n                <Show when={row.people}>{(people) => <PreviewPeople people={people()} />}</Show>\n                {row.value}\n              </dd>\n            </div>\n          )}\n        </For>\n      </dl>\n      <Show when={props.note}>{(note) => <p>{note()}</p>}</Show>\n    </div>\n  );\n}\n\nexport type ChatPreviewTitleProps = { children: JSX.Element; meta?: JSX.Element };\n\n/** The thing's name in the text's own face, with optional quiet facts after it. */\nfunction ChatPreviewTitle(props: ChatPreviewTitleProps): JSX.Element {\n  return (\n    <p class=\"k2b-chat-preview__title-line\">\n      <span class=\"k2b-chat-preview__title\">{props.children}</span>\n      <Show when={props.meta}>\n        {(meta) => (\n          <>\n            {\" \"}\n            <span class=\"k2b-chat-preview__meta\">{meta()}</span>\n          </>\n        )}\n      </Show>\n    </p>\n  );\n}\n\n/** A rule or instruction as one sentence, such as what a routine does; chips and marks may stand inside. */\nfunction ChatPreviewSentence(props: { children: JSX.Element }): JSX.Element {\n  return <p class=\"k2b-chat-preview__sentence\">{props.children}</p>;\n}\n\n/** The first lines of a longer text. It keeps its line breaks, shows about three lines, and fades out. */\nfunction ChatPreviewExcerpt(props: { children: JSX.Element }): JSX.Element {\n  return <p class=\"k2b-chat-preview__excerpt\">{props.children}</p>;\n}\n\nexport type ChatPreviewReadMoreProps = {\n  href: string;\n  children: JSX.Element;\n  /** Tooltip, such as \"Opens exactly this version of the draft\". */\n  title?: string;\n};\n\n/** Opens the whole thing at exactly the version the question shows. */\nfunction ChatPreviewReadMore(props: ChatPreviewReadMoreProps): JSX.Element {\n  return (\n    <a class=\"k2b-chat-preview__more\" href={props.href} title={props.title}>\n      {props.children}\n    </a>\n  );\n}\n\nconst InList = createContext(false);\n\n/** A list of lines with a name, such as \"What the routine may do\". */\nfunction ChatPreviewLines(props: { label?: string; children: JSX.Element }): JSX.Element {\n  return (\n    <ul class=\"k2b-chat-preview__lines\" aria-label={props.label}>\n      <InList.Provider value={true}>{props.children}</InList.Provider>\n    </ul>\n  );\n}\n\nexport type ChatPreviewLineProps = {\n  /** Icon class; the text after it starts 1.5rem from the edge. */\n  icon: string;\n  /** Icon colour, such as the PDF colour of an attachment. */\n  accent?: string;\n  /** `muted` for limits and notes, `warning` for an application's own warning. */\n  tone?: \"default\" | \"muted\" | \"warning\";\n  /** Marks the whole line as new or removed. */\n  mark?: \"added\" | \"removed\";\n  /** Quiet facts after the text, such as a file size. */\n  meta?: JSX.Element;\n  children: JSX.Element;\n};\n\n/** One line led by an icon: a consequence, a right, an attachment, or a warning. */\nfunction ChatPreviewLine(props: ChatPreviewLineProps): JSX.Element {\n  const inList = useContext(InList);\n  const messages = useChatMessages();\n  const content = () => (\n    <>\n      <i class={`k2b-chat-line__icon ${props.icon}`} style={props.accent ? { color: props.accent } : undefined} aria-hidden=\"true\" />\n      <span class=\"k2b-chat-line__text\">\n        {/* One stable wrapper, so marking a line later never moves its mounted children. */}\n        <span class=\"k2b-chat-mark\" data-change={props.mark}>\n          <Show when={props.mark}>\n            {(mark) => <span class=\"k2b-sr-only\">{mark() === \"added\" ? messages().markAdded : messages().markRemoved} </span>}\n          </Show>\n          {props.children}\n        </span>\n        <Show when={props.meta}>\n          {(meta) => (\n            <>\n              {\" \"}\n              <span class=\"k2b-chat-preview__meta\">{meta()}</span>\n            </>\n          )}\n        </Show>\n      </span>\n    </>\n  );\n  const attributes = () => ({\n    class: \"k2b-chat-line k2b-chat-preview__line\",\n    \"data-tone\": props.tone && props.tone !== \"default\" ? props.tone : undefined,\n  });\n  return inList ? <li {...attributes()}>{content()}</li> : <p {...attributes()}>{content()}</p>;\n}\n\nexport type ChatPreviewPeopleProps = {\n  /** The first few people; their avatars overlap at the start of the line. */\n  people: readonly { name: string; src?: string | null }[];\n  /** The names as text, such as \"Lea Berg, Tom Weber and 3 others\". */\n  children: JSX.Element;\n};\n\nfunction ChatPreviewPeople(props: ChatPreviewPeopleProps): JSX.Element {\n  return (\n    <p class=\"k2b-chat-preview__people\">\n      <span class=\"k2b-chat-preview__faces\" aria-hidden=\"true\">\n        <For each={props.people}>{(person) => <Avatar name={person.name} src={person.src} size=\"xs\" />}</For>\n      </span>\n      <span>{props.children}</span>\n    </p>\n  );\n}\n\nexport const ChatPreview = Object.assign(ChatPreviewRoot, {\n  Header: ChatPreviewHeader,\n  Title: ChatPreviewTitle,\n  Sentence: ChatPreviewSentence,\n  Excerpt: ChatPreviewExcerpt,\n  ReadMore: ChatPreviewReadMore,\n  Lines: ChatPreviewLines,\n  Line: ChatPreviewLine,\n  People: ChatPreviewPeople,\n});\n\n// ---------------------------------------------------------------------------\n// Mark\n// ---------------------------------------------------------------------------\n\nexport type ChatMarkProps = { change: \"added\" | \"removed\"; children: JSX.Element };\n\n/** Marks new or removed words; screen readers hear \"new:\" or \"removed:\" first. */\nexport function ChatMark(props: ChatMarkProps): JSX.Element {\n  const messages = useChatMessages();\n  return (\n    <Show\n      when={props.change === \"removed\"}\n      fallback={\n        <mark class=\"k2b-chat-mark\" data-change=\"added\">\n          <span class=\"k2b-sr-only\">{messages().markAdded} </span>\n          {props.children}\n        </mark>\n      }\n    >\n      <del class=\"k2b-chat-mark\" data-change=\"removed\">\n        <span class=\"k2b-sr-only\">{messages().markRemoved} </span>\n        {props.children}\n      </del>\n    </Show>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/chat/ChatPrimitives.js

@@ -491,20 +491,22 @@ export function ChatActivity(props) {
           _el$50 = _el$49.firstChild;
         _$insert(_el$50, _$createComponent(ActivityContent, props));
         _$effect(_p$ => {
-          var _v$24 = `k2b-chat-activity ${props.class ?? ""}`,
-            _v$25 = tone(),
-            _v$26 = props.accent ? "true" : undefined,
-            _v$27 = props.busy ? "true" : undefined,
-            _v$28 = props.anchorId !== undefined ? String(props.anchorId) : undefined,
-            _v$29 = style(),
-            _v$30 = props.busy ? "true" : undefined;
-          _v$24 !== _p$.e && _$className(_el$49, _p$.e = _v$24);
-          _v$25 !== _p$.t && _$setAttribute(_el$49, "data-tone", _p$.t = _v$25);
-          _v$26 !== _p$.a && _$setAttribute(_el$49, "data-accent", _p$.a = _v$26);
-          _v$27 !== _p$.o && _$setAttribute(_el$49, "data-busy", _p$.o = _v$27);
-          _v$28 !== _p$.i && _$setAttribute(_el$49, "data-chat-anchor", _p$.i = _v$28);
-          _p$.n = _$style(_el$49, _v$29, _p$.n);
-          _v$30 !== _p$.s && _$setAttribute(_el$49, "aria-busy", _p$.s = _v$30);
+          var _v$25 = `k2b-chat-activity ${props.class ?? ""}`,
+            _v$26 = tone(),
+            _v$27 = props.accent ? "true" : undefined,
+            _v$28 = props.busy ? "true" : undefined,
+            _v$29 = props.wrap ? "true" : undefined,
+            _v$30 = props.anchorId !== undefined ? String(props.anchorId) : undefined,
+            _v$31 = style(),
+            _v$32 = props.busy ? "true" : undefined;
+          _v$25 !== _p$.e && _$className(_el$49, _p$.e = _v$25);
+          _v$26 !== _p$.t && _$setAttribute(_el$49, "data-tone", _p$.t = _v$26);
+          _v$27 !== _p$.a && _$setAttribute(_el$49, "data-accent", _p$.a = _v$27);
+          _v$28 !== _p$.o && _$setAttribute(_el$49, "data-busy", _p$.o = _v$28);
+          _v$29 !== _p$.i && _$setAttribute(_el$49, "data-wrap", _p$.i = _v$29);
+          _v$30 !== _p$.n && _$setAttribute(_el$49, "data-chat-anchor", _p$.n = _v$30);
+          _p$.s = _$style(_el$49, _v$31, _p$.s);
+          _v$32 !== _p$.h && _$setAttribute(_el$49, "aria-busy", _p$.h = _v$32);
           return _p$;
         }, {
           e: undefined,
@@ -513,7 +515,8 @@ export function ChatActivity(props) {
           o: undefined,
           i: undefined,
           n: undefined,
-          s: undefined
+          s: undefined,
+          h: undefined
         });
         return _el$49;
       })();
@@ -543,22 +546,24 @@ export function ChatActivity(props) {
           _v$15 = tone(),
           _v$16 = props.accent ? "true" : undefined,
           _v$17 = props.busy ? "true" : undefined,
-          _v$18 = props.bodyInset === false ? "false" : undefined,
-          _v$19 = props.anchorId !== undefined ? String(props.anchorId) : undefined,
-          _v$20 = style(),
-          _v$21 = open(),
-          _v$22 = props.busy ? "true" : undefined,
-          _v$23 = props.ariaLabel;
+          _v$18 = props.wrap ? "true" : undefined,
+          _v$19 = props.bodyInset === false ? "false" : undefined,
+          _v$20 = props.anchorId !== undefined ? String(props.anchorId) : undefined,
+          _v$21 = style(),
+          _v$22 = open(),
+          _v$23 = props.busy ? "true" : undefined,
+          _v$24 = props.ariaLabel;
         _v$14 !== _p$.e && _$className(_el$46, _p$.e = _v$14);
         _v$15 !== _p$.t && _$setAttribute(_el$46, "data-tone", _p$.t = _v$15);
         _v$16 !== _p$.a && _$setAttribute(_el$46, "data-accent", _p$.a = _v$16);
         _v$17 !== _p$.o && _$setAttribute(_el$46, "data-busy", _p$.o = _v$17);
-        _v$18 !== _p$.i && _$setAttribute(_el$46, "data-body-inset", _p$.i = _v$18);
-        _v$19 !== _p$.n && _$setAttribute(_el$46, "data-chat-anchor", _p$.n = _v$19);
-        _p$.s = _$style(_el$46, _v$20, _p$.s);
-        _v$21 !== _p$.h && _$setProperty(_el$46, "open", _p$.h = _v$21);
-        _v$22 !== _p$.r && _$setAttribute(_el$46, "aria-busy", _p$.r = _v$22);
-        _v$23 !== _p$.d && _$setAttribute(_el$47, "aria-label", _p$.d = _v$23);
+        _v$18 !== _p$.i && _$setAttribute(_el$46, "data-wrap", _p$.i = _v$18);
+        _v$19 !== _p$.n && _$setAttribute(_el$46, "data-body-inset", _p$.n = _v$19);
+        _v$20 !== _p$.s && _$setAttribute(_el$46, "data-chat-anchor", _p$.s = _v$20);
+        _p$.h = _$style(_el$46, _v$21, _p$.h);
+        _v$22 !== _p$.r && _$setProperty(_el$46, "open", _p$.r = _v$22);
+        _v$23 !== _p$.d && _$setAttribute(_el$46, "aria-busy", _p$.d = _v$23);
+        _v$24 !== _p$.l && _$setAttribute(_el$47, "aria-label", _p$.l = _v$24);
         return _p$;
       }, {
         e: undefined,
@@ -570,7 +575,8 @@ export function ChatActivity(props) {
         s: undefined,
         h: undefined,
         r: undefined,
-        d: undefined
+        d: undefined,
+        l: undefined
       });
       return _el$46;
     }

package/dist/browser/chat/ChatPrimitives.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["chat/ChatPrimitives.tsx"],"sourcesContent":["import { createRenderEffect, createSignal, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem } from \"../actions/Dropdown\";\nimport { Tooltip } from \"../feedback/Tooltip\";\nimport { useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { ProgressBar } from \"../surfaces/ProgressBar\";\nimport { ChatContextPanel, ChatContextPopup } from \"./ChatContextPopup\";\nimport { executeChatAction } from \"./chat-behavior\";\nimport { type ChatMessages, useChatMessages } from \"./chat-messages\";\nimport type { ChatAction, ChatActivityTone, ChatAttachment, ChatContextUsageData, ChatMessageStatus, ChatRole } from \"./types\";\n\nexport type ChatMessageProps = {\n  role: ChatRole;\n  children?: JSX.Element;\n  label?: string;\n  createdAt?: string | Date;\n  timeLabel?: string;\n  status?: ChatMessageStatus;\n  attachments?: readonly ChatAttachment[];\n  actions?: readonly ChatAction[];\n  actionDisplay?: \"auto\" | \"inline\" | \"menu\";\n  anchorId?: string | number;\n  onActionError?: (error: unknown) => void;\n  class?: string;\n};\n\nexport type ChatActivityProps = {\n  label: string;\n  /** Spelled-out name for an expandable row whose visible text abbreviates, such as durations. */\n  ariaLabel?: string;\n  description?: string;\n  icon?: string;\n  /** Optional host-owned leading visual rendered instead of the icon. */\n  leading?: JSX.Element;\n  /** Optional identity accent for the leading visual. Semantic tones still take precedence. */\n  accent?: string;\n  tone?: ChatActivityTone;\n  /** Marks the activity as running with the shared accent sweep. */\n  busy?: boolean;\n  trailing?: JSX.Element;\n  /** Controlled disclosure state. Omit to keep native details behavior. */\n  open?: boolean;\n  /** Reports disclosure changes when `open` is controlled by the host. */\n  onOpenChange?: (open: boolean) => void;\n  defaultOpen?: boolean;\n  /** Set to false when the body is a peer list that should align with the activity row. */\n  bodyInset?: boolean;\n  anchorId?: string | number;\n  children?: JSX.Element;\n  /** Mount expensive details only while expanded. */\n  renderBody?: () => JSX.Element;\n  class?: string;\n};\n\nexport type ChatContextUsageProps = ChatContextUsageData & {\n  action?: ChatAction;\n  onActionError?: (error: unknown) => void;\n  /** Host-owned number formatting. The default groups whole numbers in the inherited render locale. */\n  formatNumber?: (value: number) => string;\n  class?: string;\n};\n\nconst roleLabel = (role: ChatRole, messages: ChatMessages): string => {\n  if (role === \"assistant\") return messages.assistant;\n  if (role === \"user\") return messages.user;\n  if (role === \"tool\") return messages.tool;\n  return messages.system;\n};\n\nconst statusLabel = (status: ChatMessageStatus | undefined, messages: ChatMessages): string | null => {\n  if (status === \"pending\") return messages.waiting;\n  if (status === \"streaming\") return messages.generating;\n  if (status === \"error\") return messages.failed;\n  return null;\n};\n\nconst statusIcon = (status: ChatMessageStatus | undefined): string => {\n  if (status === \"pending\") return \"ti ti-clock\";\n  return \"ti ti-alert-circle\";\n};\n\nconst ChatProgressDots = () => (\n  <span class=\"k2b-chat-progress-dots\" aria-hidden=\"true\">\n    <span />\n    <span />\n    <span />\n  </span>\n);\n\nconst attachmentIcon = (attachment: ChatAttachment): string =>\n  attachment.icon ?? (attachment.kind === \"image\" ? \"ti ti-photo\" : attachment.kind === \"resource\" ? \"ti ti-link\" : \"ti ti-file\");\n\nconst finiteNonNegative = (value: number | undefined): number =>\n  typeof value === \"number\" && Number.isFinite(value) ? Math.max(0, value) : 0;\n\nconst finiteUsageValue = (value: number | undefined): number | null =>\n  typeof value === \"number\" && Number.isFinite(value) && value >= 0 ? value : null;\n\nconst normalizedUsage = (usage: ChatContextUsageData[\"usage\"]) => {\n  const input = finiteUsageValue(usage?.input);\n  const output = finiteUsageValue(usage?.output);\n  const explicitTotal = finiteUsageValue(usage?.total);\n  const total = explicitTotal ?? (input !== null || output !== null ? (input ?? 0) + (output ?? 0) : null);\n  return { input, output, total, reported: total !== null };\n};\n\n/** Whole numbers in the render locale, so a German page reads 128.000 and an English one 128,000. */\nconst formatLocaleInteger = (value: number, locale: string): string =>\n  new Intl.NumberFormat(locale, { maximumFractionDigits: 0 }).format(Math.round(finiteNonNegative(value)));\n\nexport const formatChatTokens = (tokens: number): string => {\n  const value = finiteNonNegative(tokens);\n  if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;\n  if (value >= 1_000) return `${(value / 1_000).toFixed(1)}k`;\n  return String(Math.round(value));\n};\n\nconst dateTime = (value: string | Date | undefined): string | null => {\n  if (!value) return null;\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isFinite(date.getTime()) ? date.toISOString() : null;\n};\n\nexport function ChatMessage(props: ChatMessageProps): JSX.Element {\n  const chatMessages = useChatMessages();\n  const [busyActionId, setBusyActionId] = createSignal<string | null>(null);\n  const [completedActionId, setCompletedActionId] = createSignal<string | null>(null);\n  let completedTimer: ReturnType<typeof setTimeout> | undefined;\n  const status = () => statusLabel(props.status, chatMessages());\n  const timestamp = () => dateTime(props.createdAt);\n  // Locale and timezone are application policy. Requiring an explicit visible\n  // label keeps SSR and hydration byte-stable while `createdAt` still supplies\n  // the semantic machine-readable timestamp.\n  const time = () => props.timeLabel ?? null;\n  const actions = () => props.actions ?? [];\n  const actionDisplay = () =>\n    props.actionDisplay === \"auto\" || !props.actionDisplay ? (props.role === \"user\" ? \"menu\" : \"inline\") : props.actionDisplay;\n  const hasMeta = () => props.status === \"streaming\" || status() !== null || Boolean(time()) || actions().length > 0;\n\n  const runAction = async (action: ChatAction) => {\n    if (action.disabled || busyActionId()) return;\n    setBusyActionId(action.id);\n    try {\n      await executeChatAction(action);\n      setCompletedActionId(action.id);\n      if (completedTimer) clearTimeout(completedTimer);\n      completedTimer = setTimeout(() => setCompletedActionId(null), 1400);\n    } catch (error) {\n      props.onActionError?.(error);\n    } finally {\n      setBusyActionId(null);\n    }\n  };\n\n  const actionIcon = (action: ChatAction) =>\n    busyActionId() === action.id\n      ? \"ti ti-loader-2 k2b-spin\"\n      : completedActionId() === action.id\n        ? \"ti ti-check\"\n        : (action.icon ?? \"ti ti-dots\");\n\n  onCleanup(() => {\n    if (completedTimer) clearTimeout(completedTimer);\n  });\n\n  const menuItems = (): readonly DropdownItem[] =>\n    actions().map((action) => ({\n      icon: actionIcon(action),\n      label: action.label,\n      variant: action.variant,\n      disabled: action.disabled || Boolean(busyActionId()),\n      action: () => void runAction(action),\n    }));\n\n  return (\n    <article\n      class={`k2b-chat-message ${props.class ?? \"\"}`}\n      data-role={props.role}\n      data-status={props.status ?? \"complete\"}\n      data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n      aria-busy={props.status === \"pending\" || props.status === \"streaming\" ? \"true\" : undefined}\n    >\n      <span class=\"k2b-sr-only\">{props.label ?? roleLabel(props.role, chatMessages())}: </span>\n      <Show when={(props.attachments?.length ?? 0) > 0}>\n        <div class=\"k2b-chat-message__attachments\" role=\"list\" aria-label={chatMessages().attachments}>\n          <For each={props.attachments}>\n            {(attachment) => {\n              // A preview that no longer loads, such as a deleted file, falls back to the attachment icon; a new URL tries again.\n              const [failedPreviewUrl, setFailedPreviewUrl] = createSignal<string>();\n              const content = () => (\n                <>\n                  <Show\n                    when={attachment.kind === \"image\" && attachment.previewUrl && attachment.previewUrl !== failedPreviewUrl()}\n                    fallback={<i class={attachmentIcon(attachment)} aria-hidden=\"true\" />}\n                  >\n                    <img\n                      src={attachment.previewUrl}\n                      alt={attachment.alt ?? attachment.name}\n                      onError={() => setFailedPreviewUrl(attachment.previewUrl)}\n                    />\n                  </Show>\n                  <Show when={attachment.kind !== \"image\"}>\n                    <span>{attachment.name}</span>\n                  </Show>\n                </>\n              );\n              return (\n                <Show\n                  when={attachment.href}\n                  fallback={\n                    <div class=\"k2b-chat-message__attachment\" data-kind={attachment.kind} role=\"listitem\" title={attachment.name}>\n                      {content()}\n                    </div>\n                  }\n                >\n                  {(href) => (\n                    <a\n                      class=\"k2b-chat-message__attachment\"\n                      data-kind={attachment.kind}\n                      role=\"listitem\"\n                      title={attachment.name}\n                      href={href()}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      aria-label={chatMessages().openInNewTab({ name: attachment.name })}\n                    >\n                      {content()}\n                    </a>\n                  )}\n                </Show>\n              );\n            }}\n          </For>\n        </div>\n      </Show>\n\n      <Show when={props.children !== undefined && props.children !== null && props.children !== \"\"}>\n        <div class=\"k2b-chat-message__bubble\">\n          <div class=\"k2b-chat-message__content\">{props.children}</div>\n        </div>\n      </Show>\n\n      <Show when={hasMeta()}>\n        <footer class=\"k2b-chat-message__meta\">\n          <Show\n            when={props.status === \"streaming\"}\n            fallback={\n              <Show when={status()}>\n                {(label) => (\n                  <span class=\"k2b-chat-message__status\" role={props.status === \"error\" ? \"alert\" : \"status\"}>\n                    <i class={statusIcon(props.status)} aria-hidden=\"true\" />\n                    {label()}\n                  </span>\n                )}\n              </Show>\n            }\n          >\n            <span class=\"k2b-chat-message__status k2b-chat-message__status--streaming\" role=\"status\" aria-label={chatMessages().generating}>\n              <ChatProgressDots />\n            </span>\n          </Show>\n          <Show when={time()}>{(label) => <time dateTime={timestamp() ?? undefined}>{label()}</time>}</Show>\n          <Show when={actions().length > 0 && actionDisplay() === \"inline\"}>\n            <span class=\"k2b-chat-message__actions\" role=\"group\" aria-label={chatMessages().messageActions}>\n              <For each={actions()}>\n                {(action) => (\n                  <Tooltip.Trigger\n                    type=\"button\"\n                    aria-label={action.label}\n                    aria-pressed={action.pressed}\n                    data-pressed-tone={action.pressedTone}\n                    content={action.label}\n                    data-danger={action.variant === \"danger\" ? \"true\" : undefined}\n                    disabled={action.disabled || Boolean(busyActionId())}\n                    onClick={() => void runAction(action)}\n                  >\n                    <i class={actionIcon(action)} aria-hidden=\"true\" />\n                  </Tooltip.Trigger>\n                )}\n              </For>\n            </span>\n          </Show>\n          <Show when={actions().length > 0 && actionDisplay() === \"menu\"}>\n            <Dropdown.Root position=\"bottom-left\" label={chatMessages().messageActions} items={menuItems()}>\n              <Dropdown.Trigger\n                appearance=\"plain\"\n                class=\"k2b-chat-message__menu\"\n                label={chatMessages().messageActions}\n                title={chatMessages().messageActions}\n              >\n                <i class=\"ti ti-dots\" aria-hidden=\"true\" />\n              </Dropdown.Trigger>\n            </Dropdown.Root>\n          </Show>\n        </footer>\n      </Show>\n    </article>\n  );\n}\n\nconst ActivityContent = (props: ChatActivityProps & { disclosure?: boolean }) => (\n  <>\n    <span class=\"k2b-chat-activity__leading\" aria-hidden=\"true\">\n      <Show when={props.leading} fallback={<i class={props.icon ?? \"ti ti-sparkles\"} />}>\n        {props.leading}\n      </Show>\n    </span>\n    <span class=\"k2b-chat-activity__copy\">\n      <strong>{props.label}</strong>\n      <Show when={props.description}>{(description) => <small>{description()}</small>}</Show>\n    </span>\n    <Show when={props.trailing}>\n      <span class=\"k2b-chat-activity__trailing\">{props.trailing}</span>\n    </Show>\n    <Show when={props.disclosure}>\n      <i class=\"ti ti-chevron-right k2b-chat-activity__chevron\" aria-hidden=\"true\" />\n    </Show>\n  </>\n);\n\nexport function ChatActivity(props: ChatActivityProps): JSX.Element {\n  // The disclosure's real state. A controlled `open` sets it, and every toggle reports it, so the body renders whenever\n  // the row is open, also when a host has not yet passed its new `open` back.\n  const [expanded, setExpanded] = createSignal(props.open ?? props.defaultOpen ?? false);\n  createRenderEffect(() => {\n    const open = props.open;\n    if (open !== undefined) setExpanded(open);\n  });\n  const open = expanded;\n  const tone = () => props.tone ?? \"neutral\";\n  const style = () => (props.accent ? { \"--k2b-chat-activity-accent\": props.accent } : undefined);\n  return (\n    <Show\n      when={props.renderBody || props.children}\n      fallback={\n        <div\n          class={`k2b-chat-activity ${props.class ?? \"\"}`}\n          data-tone={tone()}\n          data-accent={props.accent ? \"true\" : undefined}\n          data-busy={props.busy ? \"true\" : undefined}\n          data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n          style={style()}\n          aria-busy={props.busy ? \"true\" : undefined}\n        >\n          <div class=\"k2b-chat-activity__row\">\n            <ActivityContent {...props} />\n          </div>\n        </div>\n      }\n    >\n      <details\n        class={`k2b-chat-activity ${props.class ?? \"\"}`}\n        data-tone={tone()}\n        data-accent={props.accent ? \"true\" : undefined}\n        data-busy={props.busy ? \"true\" : undefined}\n        data-body-inset={props.bodyInset === false ? \"false\" : undefined}\n        data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n        style={style()}\n        open={open()}\n        onToggle={(event) => {\n          setExpanded(event.currentTarget.open);\n          props.onOpenChange?.(event.currentTarget.open);\n        }}\n        aria-busy={props.busy ? \"true\" : undefined}\n      >\n        <summary class=\"k2b-chat-activity__row\" aria-label={props.ariaLabel}>\n          <ActivityContent {...props} disclosure />\n        </summary>\n        <div class=\"k2b-chat-activity__body\">\n          {props.renderBody ? <Show when={open() ? props.renderBody : undefined}>{(render) => render()()}</Show> : props.children}\n        </div>\n      </details>\n    </Show>\n  );\n}\n\nexport function ChatContextUsage(props: ChatContextUsageProps): JSX.Element {\n  const [busy, setBusy] = createSignal(false);\n  const run = async () => {\n    const action = props.action;\n    if (!action || action.disabled || busy()) return;\n    setBusy(true);\n    try {\n      await executeChatAction(action);\n    } catch (error) {\n      props.onActionError?.(error);\n    } finally {\n      setBusy(false);\n    }\n  };\n  const messages = useUiMessages();\n  const chatMessages = useChatMessages();\n  const locale = useLocale();\n  const formatNumber = (value: number) => (props.formatNumber ? props.formatNumber(value) : formatLocaleInteger(value, locale()));\n  const formattedUsageValue = (value: number | null): string => (value === null ? messages().unknown : formatNumber(value));\n  const usage = () => normalizedUsage(props.usage);\n  const loopUsage = () => normalizedUsage(props.loopUsage);\n  const total = () => usage().total ?? 0;\n  const windowSize = () => finiteNonNegative(props.contextWindow);\n  const reported = () => usage().reported;\n  const percent = () => (reported() && windowSize() > 0 ? Math.min(100, Math.round((total() / windowSize()) * 100)) : null);\n  const remaining = () => (reported() && windowSize() > 0 ? Math.max(0, windowSize() - total()) : null);\n  const accessibleLabel = () => {\n    if (!reported()) {\n      return windowSize() > 0\n        ? chatMessages().contextUsageUnavailableWithWindow({ window: formatNumber(windowSize()) })\n        : chatMessages().contextUsageUnavailable;\n    }\n    return percent() === null\n      ? chatMessages().tokensUsed({ total: formatNumber(total()) })\n      : chatMessages().tokensUsedPercent({ total: formatNumber(total()), percent: percent()! });\n  };\n\n  return (\n    <ChatContextPopup\n      content={\n        <ChatContextPanel title={chatMessages().lastRequestContext}>\n          <Show when={percent() !== null}>\n            <ProgressBar\n              value={percent() ?? 0}\n              size=\"xs\"\n              tone={(percent() ?? 0) >= 85 ? \"danger\" : \"info\"}\n              label={chatMessages().contextWindowUsed}\n            />\n          </Show>\n          <dl>\n            <Show when={props.modelLabel}>\n              {(model) => (\n                <div>\n                  <dt>{chatMessages().model}</dt>\n                  <dd>{model()}</dd>\n                </div>\n              )}\n            </Show>\n            <div>\n              <dt>{chatMessages().input}</dt>\n              <dd>{formattedUsageValue(usage().input)}</dd>\n            </div>\n            <div>\n              <dt>{chatMessages().output}</dt>\n              <dd>{formattedUsageValue(usage().output)}</dd>\n            </div>\n            <Show when={loopUsage().reported}>\n              <div>\n                <dt>{chatMessages().loopTotal}</dt>\n                <dd>{formattedUsageValue(loopUsage().total)}</dd>\n              </div>\n            </Show>\n            <div>\n              <dt>{chatMessages().contextWindow}</dt>\n              <dd>{windowSize() > 0 ? formatNumber(windowSize()) : chatMessages().notConfigured}</dd>\n            </div>\n            <Show when={remaining() !== null}>\n              <div>\n                <dt>{chatMessages().remaining}</dt>\n                <dd>{remaining() === null ? messages().unknown : formatNumber(remaining()!)}</dd>\n              </div>\n            </Show>\n          </dl>\n          <Show when={props.action}>\n            {(action) => (\n              <Button size=\"xs\" variant=\"subtle\" disabled={action().disabled || busy()} onClick={() => void run()} aria-busy={busy()}>\n                <i class={busy() ? \"ti ti-loader-2 k2b-spin\" : action().icon} aria-hidden=\"true\" />\n                {action().label}\n              </Button>\n            )}\n          </Show>\n        </ChatContextPanel>\n      }\n      type=\"button\"\n      class={`k2b-chat-context ${props.class ?? \"\"}`}\n      data-warning={reported() && (percent() ?? 0) >= 85 ? \"true\" : undefined}\n      aria-label={accessibleLabel()}\n    >\n      <i class=\"ti ti-brain\" aria-hidden=\"true\" />\n      <span>{percent() === null ? \"–\" : `${percent()}%`}</span>\n    </ChatContextPopup>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["chat/ChatPrimitives.tsx"],"sourcesContent":["import { createRenderEffect, createSignal, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem } from \"../actions/Dropdown\";\nimport { Tooltip } from \"../feedback/Tooltip\";\nimport { useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { ProgressBar } from \"../surfaces/ProgressBar\";\nimport { ChatContextPanel, ChatContextPopup } from \"./ChatContextPopup\";\nimport { executeChatAction } from \"./chat-behavior\";\nimport { type ChatMessages, useChatMessages } from \"./chat-messages\";\nimport type { ChatAction, ChatActivityTone, ChatAttachment, ChatContextUsageData, ChatMessageStatus, ChatRole } from \"./types\";\n\nexport type ChatMessageProps = {\n  role: ChatRole;\n  children?: JSX.Element;\n  label?: string;\n  createdAt?: string | Date;\n  timeLabel?: string;\n  status?: ChatMessageStatus;\n  attachments?: readonly ChatAttachment[];\n  actions?: readonly ChatAction[];\n  actionDisplay?: \"auto\" | \"inline\" | \"menu\";\n  anchorId?: string | number;\n  onActionError?: (error: unknown) => void;\n  class?: string;\n};\n\nexport type ChatActivityProps = {\n  /** The step as text, or as a sentence with `ReferenceChip`s. */\n  label: JSX.Element;\n  /** Spelled-out name for an expandable row whose visible text abbreviates, such as durations. */\n  ariaLabel?: string;\n  description?: string;\n  icon?: string;\n  /** Optional host-owned leading visual rendered instead of the icon. */\n  leading?: JSX.Element;\n  /** Optional identity accent for the leading visual. Semantic tones still take precedence. */\n  accent?: string;\n  tone?: ChatActivityTone;\n  /** Marks the activity as running with the shared accent sweep. */\n  busy?: boolean;\n  /** Lets label and description wrap instead of ending in an ellipsis, for a system line whose whole sentence matters. */\n  wrap?: boolean;\n  trailing?: JSX.Element;\n  /** Controlled disclosure state. Omit to keep native details behavior. */\n  open?: boolean;\n  /** Reports disclosure changes when `open` is controlled by the host. */\n  onOpenChange?: (open: boolean) => void;\n  defaultOpen?: boolean;\n  /** Set to false when the body is a peer list that should align with the activity row. */\n  bodyInset?: boolean;\n  anchorId?: string | number;\n  children?: JSX.Element;\n  /** Mount expensive details only while expanded. */\n  renderBody?: () => JSX.Element;\n  class?: string;\n};\n\nexport type ChatContextUsageProps = ChatContextUsageData & {\n  action?: ChatAction;\n  onActionError?: (error: unknown) => void;\n  /** Host-owned number formatting. The default groups whole numbers in the inherited render locale. */\n  formatNumber?: (value: number) => string;\n  class?: string;\n};\n\nconst roleLabel = (role: ChatRole, messages: ChatMessages): string => {\n  if (role === \"assistant\") return messages.assistant;\n  if (role === \"user\") return messages.user;\n  if (role === \"tool\") return messages.tool;\n  return messages.system;\n};\n\nconst statusLabel = (status: ChatMessageStatus | undefined, messages: ChatMessages): string | null => {\n  if (status === \"pending\") return messages.waiting;\n  if (status === \"streaming\") return messages.generating;\n  if (status === \"error\") return messages.failed;\n  return null;\n};\n\nconst statusIcon = (status: ChatMessageStatus | undefined): string => {\n  if (status === \"pending\") return \"ti ti-clock\";\n  return \"ti ti-alert-circle\";\n};\n\nconst ChatProgressDots = () => (\n  <span class=\"k2b-chat-progress-dots\" aria-hidden=\"true\">\n    <span />\n    <span />\n    <span />\n  </span>\n);\n\nconst attachmentIcon = (attachment: ChatAttachment): string =>\n  attachment.icon ?? (attachment.kind === \"image\" ? \"ti ti-photo\" : attachment.kind === \"resource\" ? \"ti ti-link\" : \"ti ti-file\");\n\nconst finiteNonNegative = (value: number | undefined): number =>\n  typeof value === \"number\" && Number.isFinite(value) ? Math.max(0, value) : 0;\n\nconst finiteUsageValue = (value: number | undefined): number | null =>\n  typeof value === \"number\" && Number.isFinite(value) && value >= 0 ? value : null;\n\nconst normalizedUsage = (usage: ChatContextUsageData[\"usage\"]) => {\n  const input = finiteUsageValue(usage?.input);\n  const output = finiteUsageValue(usage?.output);\n  const explicitTotal = finiteUsageValue(usage?.total);\n  const total = explicitTotal ?? (input !== null || output !== null ? (input ?? 0) + (output ?? 0) : null);\n  return { input, output, total, reported: total !== null };\n};\n\n/** Whole numbers in the render locale, so a German page reads 128.000 and an English one 128,000. */\nconst formatLocaleInteger = (value: number, locale: string): string =>\n  new Intl.NumberFormat(locale, { maximumFractionDigits: 0 }).format(Math.round(finiteNonNegative(value)));\n\nexport const formatChatTokens = (tokens: number): string => {\n  const value = finiteNonNegative(tokens);\n  if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;\n  if (value >= 1_000) return `${(value / 1_000).toFixed(1)}k`;\n  return String(Math.round(value));\n};\n\nconst dateTime = (value: string | Date | undefined): string | null => {\n  if (!value) return null;\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isFinite(date.getTime()) ? date.toISOString() : null;\n};\n\nexport function ChatMessage(props: ChatMessageProps): JSX.Element {\n  const chatMessages = useChatMessages();\n  const [busyActionId, setBusyActionId] = createSignal<string | null>(null);\n  const [completedActionId, setCompletedActionId] = createSignal<string | null>(null);\n  let completedTimer: ReturnType<typeof setTimeout> | undefined;\n  const status = () => statusLabel(props.status, chatMessages());\n  const timestamp = () => dateTime(props.createdAt);\n  // Locale and timezone are application policy. Requiring an explicit visible\n  // label keeps SSR and hydration byte-stable while `createdAt` still supplies\n  // the semantic machine-readable timestamp.\n  const time = () => props.timeLabel ?? null;\n  const actions = () => props.actions ?? [];\n  const actionDisplay = () =>\n    props.actionDisplay === \"auto\" || !props.actionDisplay ? (props.role === \"user\" ? \"menu\" : \"inline\") : props.actionDisplay;\n  const hasMeta = () => props.status === \"streaming\" || status() !== null || Boolean(time()) || actions().length > 0;\n\n  const runAction = async (action: ChatAction) => {\n    if (action.disabled || busyActionId()) return;\n    setBusyActionId(action.id);\n    try {\n      await executeChatAction(action);\n      setCompletedActionId(action.id);\n      if (completedTimer) clearTimeout(completedTimer);\n      completedTimer = setTimeout(() => setCompletedActionId(null), 1400);\n    } catch (error) {\n      props.onActionError?.(error);\n    } finally {\n      setBusyActionId(null);\n    }\n  };\n\n  const actionIcon = (action: ChatAction) =>\n    busyActionId() === action.id\n      ? \"ti ti-loader-2 k2b-spin\"\n      : completedActionId() === action.id\n        ? \"ti ti-check\"\n        : (action.icon ?? \"ti ti-dots\");\n\n  onCleanup(() => {\n    if (completedTimer) clearTimeout(completedTimer);\n  });\n\n  const menuItems = (): readonly DropdownItem[] =>\n    actions().map((action) => ({\n      icon: actionIcon(action),\n      label: action.label,\n      variant: action.variant,\n      disabled: action.disabled || Boolean(busyActionId()),\n      action: () => void runAction(action),\n    }));\n\n  return (\n    <article\n      class={`k2b-chat-message ${props.class ?? \"\"}`}\n      data-role={props.role}\n      data-status={props.status ?? \"complete\"}\n      data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n      aria-busy={props.status === \"pending\" || props.status === \"streaming\" ? \"true\" : undefined}\n    >\n      <span class=\"k2b-sr-only\">{props.label ?? roleLabel(props.role, chatMessages())}: </span>\n      <Show when={(props.attachments?.length ?? 0) > 0}>\n        <div class=\"k2b-chat-message__attachments\" role=\"list\" aria-label={chatMessages().attachments}>\n          <For each={props.attachments}>\n            {(attachment) => {\n              // A preview that no longer loads, such as a deleted file, falls back to the attachment icon; a new URL tries again.\n              const [failedPreviewUrl, setFailedPreviewUrl] = createSignal<string>();\n              const content = () => (\n                <>\n                  <Show\n                    when={attachment.kind === \"image\" && attachment.previewUrl && attachment.previewUrl !== failedPreviewUrl()}\n                    fallback={<i class={attachmentIcon(attachment)} aria-hidden=\"true\" />}\n                  >\n                    <img\n                      src={attachment.previewUrl}\n                      alt={attachment.alt ?? attachment.name}\n                      onError={() => setFailedPreviewUrl(attachment.previewUrl)}\n                    />\n                  </Show>\n                  <Show when={attachment.kind !== \"image\"}>\n                    <span>{attachment.name}</span>\n                  </Show>\n                </>\n              );\n              return (\n                <Show\n                  when={attachment.href}\n                  fallback={\n                    <div class=\"k2b-chat-message__attachment\" data-kind={attachment.kind} role=\"listitem\" title={attachment.name}>\n                      {content()}\n                    </div>\n                  }\n                >\n                  {(href) => (\n                    <a\n                      class=\"k2b-chat-message__attachment\"\n                      data-kind={attachment.kind}\n                      role=\"listitem\"\n                      title={attachment.name}\n                      href={href()}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      aria-label={chatMessages().openInNewTab({ name: attachment.name })}\n                    >\n                      {content()}\n                    </a>\n                  )}\n                </Show>\n              );\n            }}\n          </For>\n        </div>\n      </Show>\n\n      <Show when={props.children !== undefined && props.children !== null && props.children !== \"\"}>\n        <div class=\"k2b-chat-message__bubble\">\n          <div class=\"k2b-chat-message__content\">{props.children}</div>\n        </div>\n      </Show>\n\n      <Show when={hasMeta()}>\n        <footer class=\"k2b-chat-message__meta\">\n          <Show\n            when={props.status === \"streaming\"}\n            fallback={\n              <Show when={status()}>\n                {(label) => (\n                  <span class=\"k2b-chat-message__status\" role={props.status === \"error\" ? \"alert\" : \"status\"}>\n                    <i class={statusIcon(props.status)} aria-hidden=\"true\" />\n                    {label()}\n                  </span>\n                )}\n              </Show>\n            }\n          >\n            <span class=\"k2b-chat-message__status k2b-chat-message__status--streaming\" role=\"status\" aria-label={chatMessages().generating}>\n              <ChatProgressDots />\n            </span>\n          </Show>\n          <Show when={time()}>{(label) => <time dateTime={timestamp() ?? undefined}>{label()}</time>}</Show>\n          <Show when={actions().length > 0 && actionDisplay() === \"inline\"}>\n            <span class=\"k2b-chat-message__actions\" role=\"group\" aria-label={chatMessages().messageActions}>\n              <For each={actions()}>\n                {(action) => (\n                  <Tooltip.Trigger\n                    type=\"button\"\n                    aria-label={action.label}\n                    aria-pressed={action.pressed}\n                    data-pressed-tone={action.pressedTone}\n                    content={action.label}\n                    data-danger={action.variant === \"danger\" ? \"true\" : undefined}\n                    disabled={action.disabled || Boolean(busyActionId())}\n                    onClick={() => void runAction(action)}\n                  >\n                    <i class={actionIcon(action)} aria-hidden=\"true\" />\n                  </Tooltip.Trigger>\n                )}\n              </For>\n            </span>\n          </Show>\n          <Show when={actions().length > 0 && actionDisplay() === \"menu\"}>\n            <Dropdown.Root position=\"bottom-left\" label={chatMessages().messageActions} items={menuItems()}>\n              <Dropdown.Trigger\n                appearance=\"plain\"\n                class=\"k2b-chat-message__menu\"\n                label={chatMessages().messageActions}\n                title={chatMessages().messageActions}\n              >\n                <i class=\"ti ti-dots\" aria-hidden=\"true\" />\n              </Dropdown.Trigger>\n            </Dropdown.Root>\n          </Show>\n        </footer>\n      </Show>\n    </article>\n  );\n}\n\nconst ActivityContent = (props: ChatActivityProps & { disclosure?: boolean }) => (\n  <>\n    <span class=\"k2b-chat-activity__leading\" aria-hidden=\"true\">\n      <Show when={props.leading} fallback={<i class={props.icon ?? \"ti ti-sparkles\"} />}>\n        {props.leading}\n      </Show>\n    </span>\n    <span class=\"k2b-chat-activity__copy\">\n      <strong>{props.label}</strong>\n      <Show when={props.description}>{(description) => <small>{description()}</small>}</Show>\n    </span>\n    <Show when={props.trailing}>\n      <span class=\"k2b-chat-activity__trailing\">{props.trailing}</span>\n    </Show>\n    <Show when={props.disclosure}>\n      <i class=\"ti ti-chevron-right k2b-chat-activity__chevron\" aria-hidden=\"true\" />\n    </Show>\n  </>\n);\n\nexport function ChatActivity(props: ChatActivityProps): JSX.Element {\n  // The disclosure's real state. A controlled `open` sets it, and every toggle reports it, so the body renders whenever\n  // the row is open, also when a host has not yet passed its new `open` back.\n  const [expanded, setExpanded] = createSignal(props.open ?? props.defaultOpen ?? false);\n  createRenderEffect(() => {\n    const open = props.open;\n    if (open !== undefined) setExpanded(open);\n  });\n  const open = expanded;\n  const tone = () => props.tone ?? \"neutral\";\n  const style = () => (props.accent ? { \"--k2b-chat-activity-accent\": props.accent } : undefined);\n  return (\n    <Show\n      when={props.renderBody || props.children}\n      fallback={\n        <div\n          class={`k2b-chat-activity ${props.class ?? \"\"}`}\n          data-tone={tone()}\n          data-accent={props.accent ? \"true\" : undefined}\n          data-busy={props.busy ? \"true\" : undefined}\n          data-wrap={props.wrap ? \"true\" : undefined}\n          data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n          style={style()}\n          aria-busy={props.busy ? \"true\" : undefined}\n        >\n          <div class=\"k2b-chat-activity__row\">\n            <ActivityContent {...props} />\n          </div>\n        </div>\n      }\n    >\n      <details\n        class={`k2b-chat-activity ${props.class ?? \"\"}`}\n        data-tone={tone()}\n        data-accent={props.accent ? \"true\" : undefined}\n        data-busy={props.busy ? \"true\" : undefined}\n        data-wrap={props.wrap ? \"true\" : undefined}\n        data-body-inset={props.bodyInset === false ? \"false\" : undefined}\n        data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n        style={style()}\n        open={open()}\n        onToggle={(event) => {\n          setExpanded(event.currentTarget.open);\n          props.onOpenChange?.(event.currentTarget.open);\n        }}\n        aria-busy={props.busy ? \"true\" : undefined}\n      >\n        <summary class=\"k2b-chat-activity__row\" aria-label={props.ariaLabel}>\n          <ActivityContent {...props} disclosure />\n        </summary>\n        <div class=\"k2b-chat-activity__body\">\n          {props.renderBody ? <Show when={open() ? props.renderBody : undefined}>{(render) => render()()}</Show> : props.children}\n        </div>\n      </details>\n    </Show>\n  );\n}\n\nexport function ChatContextUsage(props: ChatContextUsageProps): JSX.Element {\n  const [busy, setBusy] = createSignal(false);\n  const run = async () => {\n    const action = props.action;\n    if (!action || action.disabled || busy()) return;\n    setBusy(true);\n    try {\n      await executeChatAction(action);\n    } catch (error) {\n      props.onActionError?.(error);\n    } finally {\n      setBusy(false);\n    }\n  };\n  const messages = useUiMessages();\n  const chatMessages = useChatMessages();\n  const locale = useLocale();\n  const formatNumber = (value: number) => (props.formatNumber ? props.formatNumber(value) : formatLocaleInteger(value, locale()));\n  const formattedUsageValue = (value: number | null): string => (value === null ? messages().unknown : formatNumber(value));\n  const usage = () => normalizedUsage(props.usage);\n  const loopUsage = () => normalizedUsage(props.loopUsage);\n  const total = () => usage().total ?? 0;\n  const windowSize = () => finiteNonNegative(props.contextWindow);\n  const reported = () => usage().reported;\n  const percent = () => (reported() && windowSize() > 0 ? Math.min(100, Math.round((total() / windowSize()) * 100)) : null);\n  const remaining = () => (reported() && windowSize() > 0 ? Math.max(0, windowSize() - total()) : null);\n  const accessibleLabel = () => {\n    if (!reported()) {\n      return windowSize() > 0\n        ? chatMessages().contextUsageUnavailableWithWindow({ window: formatNumber(windowSize()) })\n        : chatMessages().contextUsageUnavailable;\n    }\n    return percent() === null\n      ? chatMessages().tokensUsed({ total: formatNumber(total()) })\n      : chatMessages().tokensUsedPercent({ total: formatNumber(total()), percent: percent()! });\n  };\n\n  return (\n    <ChatContextPopup\n      content={\n        <ChatContextPanel title={chatMessages().lastRequestContext}>\n          <Show when={percent() !== null}>\n            <ProgressBar\n              value={percent() ?? 0}\n              size=\"xs\"\n              tone={(percent() ?? 0) >= 85 ? \"danger\" : \"info\"}\n              label={chatMessages().contextWindowUsed}\n            />\n          </Show>\n          <dl>\n            <Show when={props.modelLabel}>\n              {(model) => (\n                <div>\n                  <dt>{chatMessages().model}</dt>\n                  <dd>{model()}</dd>\n                </div>\n              )}\n            </Show>\n            <div>\n              <dt>{chatMessages().input}</dt>\n              <dd>{formattedUsageValue(usage().input)}</dd>\n            </div>\n            <div>\n              <dt>{chatMessages().output}</dt>\n              <dd>{formattedUsageValue(usage().output)}</dd>\n            </div>\n            <Show when={loopUsage().reported}>\n              <div>\n                <dt>{chatMessages().loopTotal}</dt>\n                <dd>{formattedUsageValue(loopUsage().total)}</dd>\n              </div>\n            </Show>\n            <div>\n              <dt>{chatMessages().contextWindow}</dt>\n              <dd>{windowSize() > 0 ? formatNumber(windowSize()) : chatMessages().notConfigured}</dd>\n            </div>\n            <Show when={remaining() !== null}>\n              <div>\n                <dt>{chatMessages().remaining}</dt>\n                <dd>{remaining() === null ? messages().unknown : formatNumber(remaining()!)}</dd>\n              </div>\n            </Show>\n          </dl>\n          <Show when={props.action}>\n            {(action) => (\n              <Button size=\"xs\" variant=\"subtle\" disabled={action().disabled || busy()} onClick={() => void run()} aria-busy={busy()}>\n                <i class={busy() ? \"ti ti-loader-2 k2b-spin\" : action().icon} aria-hidden=\"true\" />\n                {action().label}\n              </Button>\n            )}\n          </Show>\n        </ChatContextPanel>\n      }\n      type=\"button\"\n      class={`k2b-chat-context ${props.class ?? \"\"}`}\n      data-warning={reported() && (percent() ?? 0) >= 85 ? \"true\" : undefined}\n      aria-label={accessibleLabel()}\n    >\n      <i class=\"ti ti-brain\" aria-hidden=\"true\" />\n      <span>{percent() === null ? \"–\" : `${percent()}%`}</span>\n    </ChatContextPopup>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/chat/ChatTimeline.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["chat/ChatTimeline.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { createScrollFade } from \"../layout/scroll-fade\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { ChatActivity, ChatMessage } from \"./ChatPrimitives\";\nimport { isChatNearBottom, restoredChatScrollTop } from \"./chat-behavior\";\nimport { useChatMessages } from \"./chat-messages\";\nimport type { ChatAction, ChatActivityTone, ChatAttachment, ChatMessageStatus, ChatRole } from \"./types\";\n\nexport type ChatMessageItem = {\n  kind: \"message\";\n  /** Unique within the timeline. A record with a known id updates its row in place instead of replacing it. */\n  id: string;\n  role: ChatRole;\n  content?: JSX.Element;\n  label?: string;\n  createdAt?: string | Date;\n  timeLabel?: string;\n  status?: ChatMessageStatus;\n  attachments?: readonly ChatAttachment[];\n  actions?: readonly ChatAction[];\n  actionDisplay?: \"auto\" | \"inline\" | \"menu\";\n  anchorId?: string | number;\n  class?: string;\n};\n\nexport type ChatActivityItem = {\n  kind: \"activity\";\n  /** Unique within the timeline. A record with a known id updates its row in place instead of replacing it. */\n  id: string;\n  label: string;\n  description?: string;\n  icon?: string;\n  leading?: JSX.Element;\n  accent?: string;\n  tone?: ChatActivityTone;\n  busy?: boolean;\n  trailing?: JSX.Element;\n  defaultOpen?: boolean;\n  anchorId?: string | number;\n  content?: JSX.Element;\n  class?: string;\n};\n\nexport type ChatTimelineItem = ChatMessageItem | ChatActivityItem;\n\nexport type ChatTimelineProps = {\n  scrollFade?: boolean;\n  items: readonly ChatTimelineItem[];\n  conversationKey?: string | null;\n  loading?: boolean;\n  hasMore?: boolean;\n  loadingOlder?: boolean;\n  onLoadOlder?: () => boolean | void | Promise<boolean | void>;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  navigation?: JSX.Element;\n  onActionError?: (error: unknown) => void;\n  viewportRef?: (element: HTMLDivElement) => void;\n  contentRef?: (element: HTMLDivElement) => void;\n  scrollToAnchorRef?: (scrollToAnchor: (anchorId: string | number) => boolean) => void;\n  label?: string;\n  followThreshold?: number;\n  class?: string;\n};\n\nexport function ChatTimeline(props: ChatTimelineProps): JSX.Element {\n  const chatMessages = useChatMessages();\n  const [pinned, setPinned] = createSignal(true);\n  const [loadingOlderInternally, setLoadingOlderInternally] = createSignal(false);\n  const [historyError, setHistoryError] = createSignal<string | null>(null);\n  let viewportRef: HTMLDivElement | undefined;\n  createScrollFade(\n    () => viewportRef,\n    () => props.scrollFade !== false,\n  );\n  let contentRef: HTMLDivElement | undefined;\n  let topSentinelRef: HTMLDivElement | undefined;\n  let followFrame: number | undefined;\n  let userScrollFrame: number | undefined;\n  let userScrollingAway = false;\n  /** Set while a row the reader toggled settles; the timeline does not follow the end meanwhile. */\n  let disclosureHold = 0;\n  let touchY: number | undefined;\n  let lastConversationKey: string | null | undefined;\n\n  const loadingOlder = () => Boolean(props.loadingOlder || loadingOlderInternally());\n  const canLoadOlder = () => Boolean(props.onLoadOlder && props.hasMore && !loadingOlder());\n  const hasHistoryControls = () => loadingOlder() || historyError() !== null || canLoadOlder();\n  const hasContent = () => props.items.length > 0;\n  const itemIds = createMemo(() => props.items.map((item) => item.id), undefined, {\n    equals: (previous, next) => previous.length === next.length && previous.every((id, index) => id === next[index]),\n  });\n  const itemsById = createMemo(() => new Map(props.items.map((item) => [item.id, item])));\n  const threshold = () => Math.max(0, props.followThreshold ?? 96);\n\n  const cancelFollow = () => {\n    if (followFrame !== undefined) cancelAnimationFrame(followFrame);\n    followFrame = undefined;\n  };\n\n  props.scrollToAnchorRef?.((anchorId) => {\n    const anchor = Array.from(contentRef?.querySelectorAll<HTMLElement>(\"[data-chat-anchor]\") ?? []).find(\n      (element) => element.dataset.chatAnchor === String(anchorId),\n    );\n    if (!viewportRef || !anchor) return false;\n    cancelFollow();\n    setPinned(false);\n    viewportRef.scrollTop = Math.max(\n      0,\n      viewportRef.scrollTop + anchor.getBoundingClientRect().top - viewportRef.getBoundingClientRect().top - 16,\n    );\n    return true;\n  });\n\n  const noteUserScrollAway = () => {\n    userScrollingAway = true;\n    if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n    userScrollFrame = requestAnimationFrame(() => {\n      userScrollFrame = undefined;\n      userScrollingAway = false;\n    });\n  };\n\n  const scrollToLatest = () => {\n    if (!viewportRef) return;\n    setPinned(true);\n    viewportRef.scrollTop = viewportRef.scrollHeight;\n  };\n\n  const scheduleFollow = () => {\n    if (!pinned() || disclosureHold !== 0 || followFrame !== undefined) return;\n    followFrame = requestAnimationFrame(() => {\n      followFrame = undefined;\n      if (pinned()) scrollToLatest();\n    });\n  };\n\n  const loadOlder = async () => {\n    if (!props.onLoadOlder || !props.hasMore || loadingOlder()) return;\n    const viewport = viewportRef;\n    if (!viewport) return;\n    const previousScrollTop = viewport.scrollTop;\n    const previousScrollHeight = viewport.scrollHeight;\n    setHistoryError(null);\n    setLoadingOlderInternally(true);\n    let prepended = false;\n    try {\n      prepended = (await props.onLoadOlder()) !== false;\n    } catch (error) {\n      setHistoryError(error instanceof Error ? error.message : chatMessages().couldNotLoadOlderMessages);\n    } finally {\n      setLoadingOlderInternally(false);\n    }\n    if (!prepended || viewportRef !== viewport) return;\n    queueMicrotask(() => {\n      requestAnimationFrame(() => {\n        if (viewportRef !== viewport) return;\n        viewport.scrollTop = restoredChatScrollTop(previousScrollTop, previousScrollHeight, viewport.scrollHeight);\n      });\n    });\n  };\n\n  // A reader who opens or closes a row reads there. The row stays where it was instead of following the newest message,\n  // which would move it away from the pointer; once it has settled, the timeline keeps following only from the end.\n  const holdForDisclosure = (event: MouseEvent) => {\n    if (!(event.target instanceof Element) || !event.target.closest(\"summary\")) return;\n    cancelFollow();\n    const hold = ++disclosureHold;\n    requestAnimationFrame(() =>\n      requestAnimationFrame(() => {\n        if (hold !== disclosureHold) return;\n        disclosureHold = 0;\n        if (viewportRef && !isChatNearBottom(viewportRef.scrollHeight, viewportRef.scrollTop, viewportRef.clientHeight, threshold()))\n          setPinned(false);\n      }),\n    );\n  };\n\n  const updatePinned = () => {\n    if (!viewportRef) return;\n    const nearBottom = isChatNearBottom(viewportRef.scrollHeight, viewportRef.scrollTop, viewportRef.clientHeight, threshold());\n    if (nearBottom) setPinned(true);\n    else if (userScrollingAway || followFrame === undefined) {\n      if (userScrollingAway) cancelFollow();\n      setPinned(false);\n    }\n    if (viewportRef.scrollTop <= threshold()) void loadOlder();\n  };\n\n  onMount(() => {\n    // Switch from CSS-only SSR anchoring to normal scroll coordinates before paint.\n    viewportRef?.removeAttribute(\"data-initializing\");\n    scrollToLatest();\n    const resizeObserver = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(() => scheduleFollow());\n    if (contentRef) resizeObserver?.observe(contentRef);\n    if (viewportRef) resizeObserver?.observe(viewportRef);\n\n    const historyObserver =\n      typeof IntersectionObserver === \"undefined\" || !topSentinelRef\n        ? null\n        : new IntersectionObserver(\n            (entries) => {\n              if (entries.some((entry) => entry.isIntersecting)) void loadOlder();\n            },\n            { root: viewportRef, rootMargin: \"160px 0px 0px\" },\n          );\n    if (topSentinelRef) historyObserver?.observe(topSentinelRef);\n    // Keyboard activation of a row also arrives as a click.\n    contentRef?.addEventListener(\"click\", holdForDisclosure);\n\n    onCleanup(() => {\n      cancelFollow();\n      if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n      resizeObserver?.disconnect();\n      historyObserver?.disconnect();\n      contentRef?.removeEventListener(\"click\", holdForDisclosure);\n    });\n  });\n\n  createEffect(() => {\n    const key = props.conversationKey;\n    if (key === lastConversationKey) return;\n    lastConversationKey = key;\n    setHistoryError(null);\n    setPinned(true);\n    queueMicrotask(scrollToLatest);\n  });\n\n  createEffect(() => {\n    props.items.length;\n    props.items.at(-1)?.id;\n    untrack(scheduleFollow);\n  });\n\n  return (\n    <section class={`k2b-chat-timeline ${props.class ?? \"\"}`} aria-label={props.label ?? chatMessages().conversation}>\n      <div\n        ref={(element) => {\n          viewportRef = element;\n          props.viewportRef?.(element);\n        }}\n        class=\"k2b-chat-timeline__viewport\"\n        data-scroll-fade-mode={props.scrollFade !== false ? \"bottom\" : undefined}\n        data-initializing=\"\"\n        role=\"region\"\n        aria-label={chatMessages().conversationMessages({ label: props.label ?? chatMessages().conversation })}\n        tabIndex={0}\n        onWheel={(event) => {\n          if (event.deltaY < 0) noteUserScrollAway();\n        }}\n        onKeyDown={(event) => {\n          if (event.target !== event.currentTarget) return;\n          if (event.key === \"ArrowUp\" || event.key === \"PageUp\" || event.key === \"Home\" || (event.key === \" \" && event.shiftKey)) {\n            noteUserScrollAway();\n          }\n        }}\n        onTouchStart={(event) => {\n          touchY = event.touches[0]?.clientY;\n        }}\n        onTouchMove={(event) => {\n          const nextY = event.touches[0]?.clientY;\n          if (nextY !== undefined && touchY !== undefined && nextY > touchY) noteUserScrollAway();\n          touchY = nextY;\n        }}\n        onTouchEnd={() => {\n          touchY = undefined;\n        }}\n        onScroll={updatePinned}\n      >\n        <Show when={props.navigation}>\n          <div class=\"k2b-chat-timeline__navigation\" aria-live=\"off\">\n            {props.navigation}\n          </div>\n        </Show>\n        <div\n          ref={(element) => {\n            contentRef = element;\n            props.contentRef?.(element);\n          }}\n          class=\"k2b-chat-timeline__content\"\n          role=\"log\"\n          aria-live=\"polite\"\n          aria-relevant=\"additions text\"\n          aria-busy={props.loading ? \"true\" : undefined}\n        >\n          <div ref={topSentinelRef} class=\"k2b-chat-timeline__sentinel\" aria-hidden=\"true\" />\n          <Show when={hasHistoryControls()}>\n            <div class=\"k2b-chat-timeline__history\" aria-live=\"off\">\n              <Show when={canLoadOlder()}>\n                <button type=\"button\" class=\"k2b-chat-timeline__older\" onClick={() => void loadOlder()}>\n                  <i class=\"ti ti-history\" aria-hidden=\"true\" />\n                  {chatMessages().loadOlderMessages}\n                </button>\n              </Show>\n              <Show when={loadingOlder()}>\n                <ChatActivity\n                  label={chatMessages().loadingOlderMessages}\n                  icon=\"ti ti-history\"\n                  trailing={<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />}\n                />\n              </Show>\n              <Show when={historyError()}>\n                {(message) => (\n                  <ChatActivity\n                    label={chatMessages().couldNotLoadOlderMessages}\n                    description={message()}\n                    icon=\"ti ti-alert-circle\"\n                    tone=\"danger\"\n                    trailing={\n                      <button\n                        type=\"button\"\n                        class=\"k2b-chat-timeline__retry\"\n                        aria-label={chatMessages().retryOlderMessages}\n                        onClick={() => void loadOlder()}\n                      >\n                        <i class=\"ti ti-refresh\" aria-hidden=\"true\" />\n                      </button>\n                    }\n                  />\n                )}\n              </Show>\n            </div>\n          </Show>\n          <Show\n            when={!props.loading && hasContent()}\n            fallback={\n              <Placeholder\n                class=\"k2b-chat-timeline__placeholder\"\n                state={props.loading ? \"loading\" : \"empty\"}\n                icon={props.loading ? undefined : \"ti ti-sparkles\"}\n                title={props.loading ? chatMessages().loadingConversation : (props.emptyTitle ?? chatMessages().startConversation)}\n                description={!props.loading ? props.emptyDescription : undefined}\n              />\n            }\n          >\n            <For each={itemIds()}>\n              {(id) => {\n                // A row is keyed by its id, so an updated record with the same id keeps its DOM and component state.\n                const item = () => itemsById().get(id);\n                const message = () => {\n                  const value = item();\n                  return value?.kind === \"message\" ? value : undefined;\n                };\n                const activity = () => {\n                  const value = item();\n                  return value?.kind === \"activity\" ? value : undefined;\n                };\n                return (\n                  <Show\n                    when={message() !== undefined}\n                    fallback={\n                      <Show when={activity() !== undefined}>\n                        <ChatActivity\n                          label={activity()!.label}\n                          description={activity()!.description}\n                          icon={activity()!.icon}\n                          leading={activity()!.leading}\n                          accent={activity()!.accent}\n                          tone={activity()!.tone}\n                          busy={activity()!.busy}\n                          trailing={activity()!.trailing}\n                          defaultOpen={activity()!.defaultOpen}\n                          anchorId={activity()!.anchorId}\n                          class={activity()!.class}\n                        >\n                          {activity()!.content}\n                        </ChatActivity>\n                      </Show>\n                    }\n                  >\n                    <ChatMessage\n                      role={message()!.role}\n                      label={message()!.label}\n                      createdAt={message()!.createdAt}\n                      timeLabel={message()!.timeLabel}\n                      status={message()!.status}\n                      attachments={message()!.attachments}\n                      actions={message()!.actions}\n                      actionDisplay={message()!.actionDisplay}\n                      anchorId={message()!.anchorId}\n                      onActionError={props.onActionError}\n                      class={message()!.class}\n                    >\n                      {message()!.content}\n                    </ChatMessage>\n                  </Show>\n                );\n              }}\n            </For>\n          </Show>\n        </div>\n      </div>\n      <Show when={!pinned() && hasContent()}>\n        <button type=\"button\" class=\"k2b-chat-timeline__latest\" onClick={scrollToLatest}>\n          <i class=\"ti ti-arrow-down\" aria-hidden=\"true\" />\n          {chatMessages().jumpToLatest}\n        </button>\n      </Show>\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["chat/ChatTimeline.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { createScrollFade } from \"../layout/scroll-fade\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { ChatActivity, ChatMessage } from \"./ChatPrimitives\";\nimport { isChatNearBottom, restoredChatScrollTop } from \"./chat-behavior\";\nimport { useChatMessages } from \"./chat-messages\";\nimport type { ChatAction, ChatActivityTone, ChatAttachment, ChatMessageStatus, ChatRole } from \"./types\";\n\nexport type ChatMessageItem = {\n  kind: \"message\";\n  /** Unique within the timeline. A record with a known id updates its row in place instead of replacing it. */\n  id: string;\n  role: ChatRole;\n  content?: JSX.Element;\n  label?: string;\n  createdAt?: string | Date;\n  timeLabel?: string;\n  status?: ChatMessageStatus;\n  attachments?: readonly ChatAttachment[];\n  actions?: readonly ChatAction[];\n  actionDisplay?: \"auto\" | \"inline\" | \"menu\";\n  anchorId?: string | number;\n  class?: string;\n};\n\nexport type ChatActivityItem = {\n  kind: \"activity\";\n  /** Unique within the timeline. A record with a known id updates its row in place instead of replacing it. */\n  id: string;\n  /** The step as text, or as a sentence with `ReferenceChip`s. */\n  label: JSX.Element;\n  description?: string;\n  icon?: string;\n  leading?: JSX.Element;\n  accent?: string;\n  tone?: ChatActivityTone;\n  busy?: boolean;\n  trailing?: JSX.Element;\n  defaultOpen?: boolean;\n  anchorId?: string | number;\n  content?: JSX.Element;\n  class?: string;\n};\n\nexport type ChatTimelineItem = ChatMessageItem | ChatActivityItem;\n\nexport type ChatTimelineProps = {\n  scrollFade?: boolean;\n  items: readonly ChatTimelineItem[];\n  conversationKey?: string | null;\n  loading?: boolean;\n  hasMore?: boolean;\n  loadingOlder?: boolean;\n  onLoadOlder?: () => boolean | void | Promise<boolean | void>;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  navigation?: JSX.Element;\n  onActionError?: (error: unknown) => void;\n  viewportRef?: (element: HTMLDivElement) => void;\n  contentRef?: (element: HTMLDivElement) => void;\n  scrollToAnchorRef?: (scrollToAnchor: (anchorId: string | number) => boolean) => void;\n  label?: string;\n  followThreshold?: number;\n  class?: string;\n};\n\nexport function ChatTimeline(props: ChatTimelineProps): JSX.Element {\n  const chatMessages = useChatMessages();\n  const [pinned, setPinned] = createSignal(true);\n  const [loadingOlderInternally, setLoadingOlderInternally] = createSignal(false);\n  const [historyError, setHistoryError] = createSignal<string | null>(null);\n  let viewportRef: HTMLDivElement | undefined;\n  createScrollFade(\n    () => viewportRef,\n    () => props.scrollFade !== false,\n  );\n  let contentRef: HTMLDivElement | undefined;\n  let topSentinelRef: HTMLDivElement | undefined;\n  let followFrame: number | undefined;\n  let userScrollFrame: number | undefined;\n  let userScrollingAway = false;\n  /** Set while a row the reader toggled settles; the timeline does not follow the end meanwhile. */\n  let disclosureHold = 0;\n  let touchY: number | undefined;\n  let lastConversationKey: string | null | undefined;\n\n  const loadingOlder = () => Boolean(props.loadingOlder || loadingOlderInternally());\n  const canLoadOlder = () => Boolean(props.onLoadOlder && props.hasMore && !loadingOlder());\n  const hasHistoryControls = () => loadingOlder() || historyError() !== null || canLoadOlder();\n  const hasContent = () => props.items.length > 0;\n  const itemIds = createMemo(() => props.items.map((item) => item.id), undefined, {\n    equals: (previous, next) => previous.length === next.length && previous.every((id, index) => id === next[index]),\n  });\n  const itemsById = createMemo(() => new Map(props.items.map((item) => [item.id, item])));\n  const threshold = () => Math.max(0, props.followThreshold ?? 96);\n\n  const cancelFollow = () => {\n    if (followFrame !== undefined) cancelAnimationFrame(followFrame);\n    followFrame = undefined;\n  };\n\n  props.scrollToAnchorRef?.((anchorId) => {\n    const anchor = Array.from(contentRef?.querySelectorAll<HTMLElement>(\"[data-chat-anchor]\") ?? []).find(\n      (element) => element.dataset.chatAnchor === String(anchorId),\n    );\n    if (!viewportRef || !anchor) return false;\n    cancelFollow();\n    setPinned(false);\n    viewportRef.scrollTop = Math.max(\n      0,\n      viewportRef.scrollTop + anchor.getBoundingClientRect().top - viewportRef.getBoundingClientRect().top - 16,\n    );\n    return true;\n  });\n\n  const noteUserScrollAway = () => {\n    userScrollingAway = true;\n    if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n    userScrollFrame = requestAnimationFrame(() => {\n      userScrollFrame = undefined;\n      userScrollingAway = false;\n    });\n  };\n\n  const scrollToLatest = () => {\n    if (!viewportRef) return;\n    setPinned(true);\n    viewportRef.scrollTop = viewportRef.scrollHeight;\n  };\n\n  const scheduleFollow = () => {\n    if (!pinned() || disclosureHold !== 0 || followFrame !== undefined) return;\n    followFrame = requestAnimationFrame(() => {\n      followFrame = undefined;\n      if (pinned()) scrollToLatest();\n    });\n  };\n\n  const loadOlder = async () => {\n    if (!props.onLoadOlder || !props.hasMore || loadingOlder()) return;\n    const viewport = viewportRef;\n    if (!viewport) return;\n    const previousScrollTop = viewport.scrollTop;\n    const previousScrollHeight = viewport.scrollHeight;\n    setHistoryError(null);\n    setLoadingOlderInternally(true);\n    let prepended = false;\n    try {\n      prepended = (await props.onLoadOlder()) !== false;\n    } catch (error) {\n      setHistoryError(error instanceof Error ? error.message : chatMessages().couldNotLoadOlderMessages);\n    } finally {\n      setLoadingOlderInternally(false);\n    }\n    if (!prepended || viewportRef !== viewport) return;\n    queueMicrotask(() => {\n      requestAnimationFrame(() => {\n        if (viewportRef !== viewport) return;\n        viewport.scrollTop = restoredChatScrollTop(previousScrollTop, previousScrollHeight, viewport.scrollHeight);\n      });\n    });\n  };\n\n  // A reader who opens or closes a row reads there. The row stays where it was instead of following the newest message,\n  // which would move it away from the pointer; once it has settled, the timeline keeps following only from the end.\n  const holdForDisclosure = (event: MouseEvent) => {\n    if (!(event.target instanceof Element) || !event.target.closest(\"summary\")) return;\n    cancelFollow();\n    const hold = ++disclosureHold;\n    requestAnimationFrame(() =>\n      requestAnimationFrame(() => {\n        if (hold !== disclosureHold) return;\n        disclosureHold = 0;\n        if (viewportRef && !isChatNearBottom(viewportRef.scrollHeight, viewportRef.scrollTop, viewportRef.clientHeight, threshold()))\n          setPinned(false);\n      }),\n    );\n  };\n\n  const updatePinned = () => {\n    if (!viewportRef) return;\n    const nearBottom = isChatNearBottom(viewportRef.scrollHeight, viewportRef.scrollTop, viewportRef.clientHeight, threshold());\n    if (nearBottom) setPinned(true);\n    else if (userScrollingAway || followFrame === undefined) {\n      if (userScrollingAway) cancelFollow();\n      setPinned(false);\n    }\n    if (viewportRef.scrollTop <= threshold()) void loadOlder();\n  };\n\n  onMount(() => {\n    // Switch from CSS-only SSR anchoring to normal scroll coordinates before paint.\n    viewportRef?.removeAttribute(\"data-initializing\");\n    scrollToLatest();\n    const resizeObserver = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(() => scheduleFollow());\n    if (contentRef) resizeObserver?.observe(contentRef);\n    if (viewportRef) resizeObserver?.observe(viewportRef);\n\n    const historyObserver =\n      typeof IntersectionObserver === \"undefined\" || !topSentinelRef\n        ? null\n        : new IntersectionObserver(\n            (entries) => {\n              if (entries.some((entry) => entry.isIntersecting)) void loadOlder();\n            },\n            { root: viewportRef, rootMargin: \"160px 0px 0px\" },\n          );\n    if (topSentinelRef) historyObserver?.observe(topSentinelRef);\n    // Keyboard activation of a row also arrives as a click.\n    contentRef?.addEventListener(\"click\", holdForDisclosure);\n\n    onCleanup(() => {\n      cancelFollow();\n      if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n      resizeObserver?.disconnect();\n      historyObserver?.disconnect();\n      contentRef?.removeEventListener(\"click\", holdForDisclosure);\n    });\n  });\n\n  createEffect(() => {\n    const key = props.conversationKey;\n    if (key === lastConversationKey) return;\n    lastConversationKey = key;\n    setHistoryError(null);\n    setPinned(true);\n    queueMicrotask(scrollToLatest);\n  });\n\n  createEffect(() => {\n    props.items.length;\n    props.items.at(-1)?.id;\n    untrack(scheduleFollow);\n  });\n\n  return (\n    <section class={`k2b-chat-timeline ${props.class ?? \"\"}`} aria-label={props.label ?? chatMessages().conversation}>\n      <div\n        ref={(element) => {\n          viewportRef = element;\n          props.viewportRef?.(element);\n        }}\n        class=\"k2b-chat-timeline__viewport\"\n        data-scroll-fade-mode={props.scrollFade !== false ? \"bottom\" : undefined}\n        data-initializing=\"\"\n        role=\"region\"\n        aria-label={chatMessages().conversationMessages({ label: props.label ?? chatMessages().conversation })}\n        tabIndex={0}\n        onWheel={(event) => {\n          if (event.deltaY < 0) noteUserScrollAway();\n        }}\n        onKeyDown={(event) => {\n          if (event.target !== event.currentTarget) return;\n          if (event.key === \"ArrowUp\" || event.key === \"PageUp\" || event.key === \"Home\" || (event.key === \" \" && event.shiftKey)) {\n            noteUserScrollAway();\n          }\n        }}\n        onTouchStart={(event) => {\n          touchY = event.touches[0]?.clientY;\n        }}\n        onTouchMove={(event) => {\n          const nextY = event.touches[0]?.clientY;\n          if (nextY !== undefined && touchY !== undefined && nextY > touchY) noteUserScrollAway();\n          touchY = nextY;\n        }}\n        onTouchEnd={() => {\n          touchY = undefined;\n        }}\n        onScroll={updatePinned}\n      >\n        <Show when={props.navigation}>\n          <div class=\"k2b-chat-timeline__navigation\" aria-live=\"off\">\n            {props.navigation}\n          </div>\n        </Show>\n        <div\n          ref={(element) => {\n            contentRef = element;\n            props.contentRef?.(element);\n          }}\n          class=\"k2b-chat-timeline__content\"\n          role=\"log\"\n          aria-live=\"polite\"\n          aria-relevant=\"additions text\"\n          aria-busy={props.loading ? \"true\" : undefined}\n        >\n          <div ref={topSentinelRef} class=\"k2b-chat-timeline__sentinel\" aria-hidden=\"true\" />\n          <Show when={hasHistoryControls()}>\n            <div class=\"k2b-chat-timeline__history\" aria-live=\"off\">\n              <Show when={canLoadOlder()}>\n                <button type=\"button\" class=\"k2b-chat-timeline__older\" onClick={() => void loadOlder()}>\n                  <i class=\"ti ti-history\" aria-hidden=\"true\" />\n                  {chatMessages().loadOlderMessages}\n                </button>\n              </Show>\n              <Show when={loadingOlder()}>\n                <ChatActivity\n                  label={chatMessages().loadingOlderMessages}\n                  icon=\"ti ti-history\"\n                  trailing={<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />}\n                />\n              </Show>\n              <Show when={historyError()}>\n                {(message) => (\n                  <ChatActivity\n                    label={chatMessages().couldNotLoadOlderMessages}\n                    description={message()}\n                    icon=\"ti ti-alert-circle\"\n                    tone=\"danger\"\n                    trailing={\n                      <button\n                        type=\"button\"\n                        class=\"k2b-chat-timeline__retry\"\n                        aria-label={chatMessages().retryOlderMessages}\n                        onClick={() => void loadOlder()}\n                      >\n                        <i class=\"ti ti-refresh\" aria-hidden=\"true\" />\n                      </button>\n                    }\n                  />\n                )}\n              </Show>\n            </div>\n          </Show>\n          <Show\n            when={!props.loading && hasContent()}\n            fallback={\n              <Placeholder\n                class=\"k2b-chat-timeline__placeholder\"\n                state={props.loading ? \"loading\" : \"empty\"}\n                icon={props.loading ? undefined : \"ti ti-sparkles\"}\n                title={props.loading ? chatMessages().loadingConversation : (props.emptyTitle ?? chatMessages().startConversation)}\n                description={!props.loading ? props.emptyDescription : undefined}\n              />\n            }\n          >\n            <For each={itemIds()}>\n              {(id) => {\n                // A row is keyed by its id, so an updated record with the same id keeps its DOM and component state.\n                const item = () => itemsById().get(id);\n                const message = () => {\n                  const value = item();\n                  return value?.kind === \"message\" ? value : undefined;\n                };\n                const activity = () => {\n                  const value = item();\n                  return value?.kind === \"activity\" ? value : undefined;\n                };\n                return (\n                  <Show\n                    when={message() !== undefined}\n                    fallback={\n                      <Show when={activity() !== undefined}>\n                        <ChatActivity\n                          label={activity()!.label}\n                          description={activity()!.description}\n                          icon={activity()!.icon}\n                          leading={activity()!.leading}\n                          accent={activity()!.accent}\n                          tone={activity()!.tone}\n                          busy={activity()!.busy}\n                          trailing={activity()!.trailing}\n                          defaultOpen={activity()!.defaultOpen}\n                          anchorId={activity()!.anchorId}\n                          class={activity()!.class}\n                        >\n                          {activity()!.content}\n                        </ChatActivity>\n                      </Show>\n                    }\n                  >\n                    <ChatMessage\n                      role={message()!.role}\n                      label={message()!.label}\n                      createdAt={message()!.createdAt}\n                      timeLabel={message()!.timeLabel}\n                      status={message()!.status}\n                      attachments={message()!.attachments}\n                      actions={message()!.actions}\n                      actionDisplay={message()!.actionDisplay}\n                      anchorId={message()!.anchorId}\n                      onActionError={props.onActionError}\n                      class={message()!.class}\n                    >\n                      {message()!.content}\n                    </ChatMessage>\n                  </Show>\n                );\n              }}\n            </For>\n          </Show>\n        </div>\n      </div>\n      <Show when={!pinned() && hasContent()}>\n        <button type=\"button\" class=\"k2b-chat-timeline__latest\" onClick={scrollToLatest}>\n          <i class=\"ti ti-arrow-down\" aria-hidden=\"true\" />\n          {chatMessages().jumpToLatest}\n        </button>\n      </Show>\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/chat/chat-messages.js

@@ -1,10 +1,14 @@
 import { i18n } from "@k2b/stdlib";
 import { useLocale } from "../intl/locale";
-const chatMessages = i18n.define({
+export const chatMessages = i18n.define({
   baseLocale: "en",
   messages: {
     en: {
       commandFailed: "That did not work.",
+      commandDraftChanged: "The text changed in the meantime, so nothing was inserted.",
+      markAdded: "new:",
+      markRemoved: "removed:",
+      commandSelected: "selected",
       attachments: "Attachments",
       assistant: "Assistant",
       addToChat: "Add to chat",
@@ -43,6 +47,14 @@ const chatMessages = i18n.define({
         own
       }) => `${emoji} ${own && count === 1 ? "your reaction" : `${count} ${count === 1 ? "reaction" : "reactions"}${own ? ", including yours" : ""}`}${names ? `: ${names}` : ""}`,
       messageAddReaction: "Add reaction",
+      moreReactions: ({
+        count
+      }) => count === 1 ? "1 more reaction" : `${count} more reactions`,
+      reactionYou: "You",
+      reactionAnd: "and",
+      reactionMorePeople: ({
+        count
+      }) => `and ${count} more`,
       messageReplies: ({
         count
       }) => count === 1 ? "1 reply" : `${count} replies`,
@@ -123,6 +135,10 @@ const chatMessages = i18n.define({
     },
     de: {
       commandFailed: "Das hat nicht geklappt.",
+      commandDraftChanged: "Der Text hat sich inzwischen geändert, darum wurde nichts eingefügt.",
+      markAdded: "neu:",
+      markRemoved: "weg:",
+      commandSelected: "gewählt",
       attachments: "Anhänge",
       assistant: "Assistent",
       addToChat: "Zum Chat hinzufügen",
@@ -161,6 +177,14 @@ const chatMessages = i18n.define({
         own
       }) => `${emoji} ${own && count === 1 ? "deine Reaktion" : `${count} ${count === 1 ? "Reaktion" : "Reaktionen"}${own ? ", einschließlich deiner" : ""}`}${names ? `: ${names}` : ""}`,
       messageAddReaction: "Reaktion hinzufügen",
+      moreReactions: ({
+        count
+      }) => count === 1 ? "1 weitere Reaktion" : `${count} weitere Reaktionen`,
+      reactionYou: "Du",
+      reactionAnd: "und",
+      reactionMorePeople: ({
+        count
+      }) => `und ${count} weitere`,
       messageReplies: ({
         count
       }) => count === 1 ? "1 Antwort" : `${count} Antworten`,