@k2b/ui 0.1.0-rc.0

package/dist/ssr/chat/ChatTimeline.js

@@ -0,0 +1,301 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<div class=\"k2b-chat-timeline__navigation\" aria-live=\"off\">", "</div>"],
+  _tmpl$2 = ["<button type=\"button\" class=\"k2b-chat-timeline__older\"><i class=\"ti ti-history\" aria-hidden=\"true\"></i>", "</button>"],
+  _tmpl$3 = ["<div class=\"k2b-chat-timeline__history\" aria-live=\"off\">", "", "", "</div>"],
+  _tmpl$4 = "<button type=\"button\" class=\"k2b-chat-timeline__latest\"><i class=\"ti ti-arrow-down\" aria-hidden=\"true\"></i>Jump to latest</button>",
+  _tmpl$5 = ["<section class=\"", "\"", "><div class=\"k2b-chat-timeline__viewport\" role=\"region\"", " tabindex=\"0\">", "<div class=\"k2b-chat-timeline__content\" role=\"log\" aria-live=\"polite\" aria-relevant=\"additions text\"", "><div class=\"k2b-chat-timeline__sentinel\" aria-hidden=\"true\"></div>", "", "</div></div>", "</section>"],
+  _tmpl$6 = "<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\"></i>",
+  _tmpl$7 = ["<button type=\"button\" class=\"k2b-chat-timeline__retry\"", "><i class=\"ti ti-refresh\" aria-hidden=\"true\"></i></button>"];
+import { createEffect, createSignal, For, onCleanup, onMount, Show, untrack } from "solid-js";
+import { useUiMessages } from "../intl/messages";
+import Placeholder from "../surfaces/Placeholder";
+import { ChatActivity, ChatMessage } from "./ChatPrimitives";
+import { isChatNearBottom, restoredChatScrollTop } from "./chat-behavior";
+export function ChatTimeline(props) {
+  const messages = useUiMessages();
+  const [pinned, setPinned] = createSignal(true);
+  const [loadingOlderInternally, setLoadingOlderInternally] = createSignal(false);
+  const [historyError, setHistoryError] = createSignal(null);
+  let viewportRef;
+  let contentRef;
+  let topSentinelRef;
+  let followFrame;
+  let userScrollFrame;
+  let userScrollingAway = false;
+  let touchY;
+  let lastConversationKey;
+  const loadingOlder = () => Boolean(props.loadingOlder || loadingOlderInternally());
+  const canLoadOlder = () => Boolean(props.onLoadOlder && props.hasMore && !loadingOlder());
+  const hasHistoryControls = () => loadingOlder() || historyError() !== null || canLoadOlder();
+  const hasContent = () => props.items.length > 0;
+  const threshold = () => Math.max(0, props.followThreshold ?? 96);
+  const cancelFollow = () => {
+    if (followFrame !== undefined) cancelAnimationFrame(followFrame);
+    followFrame = undefined;
+  };
+  const noteUserScrollAway = () => {
+    userScrollingAway = true;
+    if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);
+    userScrollFrame = requestAnimationFrame(() => {
+      userScrollFrame = undefined;
+      userScrollingAway = false;
+    });
+  };
+  const scrollToLatest = () => {
+    if (!viewportRef) return;
+    setPinned(true);
+    viewportRef.scrollTop = viewportRef.scrollHeight;
+  };
+  const scheduleFollow = () => {
+    if (!pinned() || followFrame !== undefined) return;
+    followFrame = requestAnimationFrame(() => {
+      followFrame = undefined;
+      if (pinned()) scrollToLatest();
+    });
+  };
+  const loadOlder = async () => {
+    if (!props.onLoadOlder || !props.hasMore || loadingOlder()) return;
+    const viewport = viewportRef;
+    if (!viewport) return;
+    const previousScrollTop = viewport.scrollTop;
+    const previousScrollHeight = viewport.scrollHeight;
+    setHistoryError(null);
+    setLoadingOlderInternally(true);
+    let prepended = false;
+    try {
+      prepended = (await props.onLoadOlder()) !== false;
+    } catch (error) {
+      setHistoryError(error instanceof Error ? error.message : messages().couldNotLoadOlderMessages);
+    } finally {
+      setLoadingOlderInternally(false);
+    }
+    if (!prepended || viewportRef !== viewport) return;
+    queueMicrotask(() => {
+      requestAnimationFrame(() => {
+        if (viewportRef !== viewport) return;
+        viewport.scrollTop = restoredChatScrollTop(previousScrollTop, previousScrollHeight, viewport.scrollHeight);
+      });
+    });
+  };
+  const updatePinned = () => {
+    if (!viewportRef) return;
+    const nearBottom = isChatNearBottom(viewportRef.scrollHeight, viewportRef.scrollTop, viewportRef.clientHeight, threshold());
+    if (nearBottom) setPinned(true);else if (userScrollingAway || followFrame === undefined) {
+      if (userScrollingAway) cancelFollow();
+      setPinned(false);
+    }
+    if (viewportRef.scrollTop <= threshold()) void loadOlder();
+  };
+  onMount(() => {
+    scrollToLatest();
+    const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => scheduleFollow());
+    if (contentRef) resizeObserver?.observe(contentRef);
+    if (viewportRef) resizeObserver?.observe(viewportRef);
+    const historyObserver = typeof IntersectionObserver === "undefined" || !topSentinelRef ? null : new IntersectionObserver(entries => {
+      if (entries.some(entry => entry.isIntersecting)) void loadOlder();
+    }, {
+      root: viewportRef,
+      rootMargin: "160px 0px 0px"
+    });
+    if (topSentinelRef) historyObserver?.observe(topSentinelRef);
+    onCleanup(() => {
+      cancelFollow();
+      if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);
+      resizeObserver?.disconnect();
+      historyObserver?.disconnect();
+    });
+  });
+  createEffect(() => {
+    const key = props.conversationKey;
+    if (key === lastConversationKey) return;
+    lastConversationKey = key;
+    setHistoryError(null);
+    setPinned(true);
+    queueMicrotask(scrollToLatest);
+  });
+  createEffect(() => {
+    props.items.length;
+    props.items.at(-1)?.id;
+    untrack(scheduleFollow);
+  });
+  return _$ssr(_tmpl$5, `k2b-chat-timeline ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-label", _$escape(props.label ?? messages().conversation, true), false), _$ssrAttribute("aria-label", _$escape(messages().conversationMessages({
+    label: props.label ?? messages().conversation
+  }), true), false), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.navigation;
+    },
+    get children() {
+      return _$ssr(_tmpl$, _$escape(props.navigation));
+    }
+  })), _$ssrAttribute("aria-busy", props.loading ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
+    get when() {
+      return hasHistoryControls();
+    },
+    get children() {
+      return _$ssr(_tmpl$3, _$escape(_$createComponent(Show, {
+        get when() {
+          return canLoadOlder();
+        },
+        get children() {
+          return _$ssr(_tmpl$2, _$escape(messages().loadOlderMessages));
+        }
+      })), _$escape(_$createComponent(Show, {
+        get when() {
+          return loadingOlder();
+        },
+        get children() {
+          return _$createComponent(ChatActivity, {
+            get label() {
+              return messages().loadingOlderMessages;
+            },
+            icon: "ti ti-history",
+            get trailing() {
+              return _$ssr(_tmpl$6);
+            }
+          });
+        }
+      })), _$escape(_$createComponent(Show, {
+        get when() {
+          return historyError();
+        },
+        children: message => _$createComponent(ChatActivity, {
+          get label() {
+            return messages().couldNotLoadOlderMessages;
+          },
+          get description() {
+            return message();
+          },
+          icon: "ti ti-alert-circle",
+          tone: "danger",
+          get trailing() {
+            return _$ssr(_tmpl$7, _$ssrAttribute("aria-label", _$escape(messages().retryOlderMessages, true), false));
+          }
+        })
+      })));
+    }
+  })), _$escape(_$createComponent(Show, {
+    get when() {
+      return !props.loading && hasContent();
+    },
+    get fallback() {
+      return _$createComponent(Placeholder, {
+        "class": "k2b-chat-timeline__placeholder",
+        get state() {
+          return props.loading ? "loading" : "empty";
+        },
+        get icon() {
+          return props.loading ? undefined : "ti ti-sparkles";
+        },
+        get title() {
+          return props.loading ? messages().loadingConversation : props.emptyTitle ?? messages().startConversation;
+        },
+        get description() {
+          return !props.loading ? props.emptyDescription : undefined;
+        }
+      });
+    },
+    get children() {
+      return _$createComponent(For, {
+        get each() {
+          return props.items;
+        },
+        children: item => _$createComponent(Show, {
+          get when() {
+            return item.kind === "message";
+          },
+          get fallback() {
+            return _$createComponent(ChatActivity, {
+              get label() {
+                return item.label;
+              },
+              get description() {
+                return item.description;
+              },
+              get icon() {
+                return item.icon;
+              },
+              get leading() {
+                return item.leading;
+              },
+              get accent() {
+                return item.accent;
+              },
+              get tone() {
+                return item.tone;
+              },
+              get busy() {
+                return item.busy;
+              },
+              get trailing() {
+                return item.trailing;
+              },
+              get defaultOpen() {
+                return item.defaultOpen;
+              },
+              get anchorId() {
+                return item.anchorId;
+              },
+              get ["class"]() {
+                return item.class;
+              },
+              get children() {
+                return item.content;
+              }
+            });
+          },
+          get children() {
+            return _$createComponent(ChatMessage, {
+              get role() {
+                return item.role;
+              },
+              get label() {
+                return item.label;
+              },
+              get createdAt() {
+                return item.createdAt;
+              },
+              get timeLabel() {
+                return item.timeLabel;
+              },
+              get status() {
+                return item.status;
+              },
+              get attachments() {
+                return item.attachments;
+              },
+              get actions() {
+                return item.actions;
+              },
+              get actionDisplay() {
+                return item.actionDisplay;
+              },
+              get anchorId() {
+                return item.anchorId;
+              },
+              get onActionError() {
+                return props.onActionError;
+              },
+              get ["class"]() {
+                return item.class;
+              },
+              get children() {
+                return item.content;
+              }
+            });
+          }
+        })
+      });
+    }
+  })), _$escape(_$createComponent(Show, {
+    get when() {
+      return !pinned() && hasContent();
+    },
+    get children() {
+      return _$ssr(_tmpl$4);
+    }
+  })));
+}
+//# sourceMappingURL=ChatTimeline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createSignal","For","onCleanup","onMount","Show","untrack","useUiMessages","Placeholder","ChatActivity","ChatMessage","isChatNearBottom","restoredChatScrollTop","ChatTimeline","props","messages","pinned","setPinned","loadingOlderInternally","setLoadingOlderInternally","historyError","setHistoryError","viewportRef","contentRef","topSentinelRef","followFrame","userScrollFrame","userScrollingAway","touchY","lastConversationKey","loadingOlder","Boolean","canLoadOlder","onLoadOlder","hasMore","hasHistoryControls","hasContent","items","length","threshold","Math","max","followThreshold","cancelFollow","undefined","cancelAnimationFrame","noteUserScrollAway","requestAnimationFrame","scrollToLatest","scrollTop","scrollHeight","scheduleFollow","loadOlder","viewport","previousScrollTop","previousScrollHeight","prepended","error","Error","message","couldNotLoadOlderMessages","queueMicrotask","updatePinned","nearBottom","clientHeight","resizeObserver","ResizeObserver","observe","historyObserver","IntersectionObserver","entries","some","entry","isIntersecting","root","rootMargin","disconnect","key","conversationKey","at","id","_$ssr","_tmpl$5","_$escape","class","_$ssrAttribute","label","conversation","conversationMessages","_$createComponent","when","navigation","children","_tmpl$","loading","_tmpl$3","_tmpl$2","loadOlderMessages","loadingOlderMessages","icon","trailing","_tmpl$6","description","tone","_tmpl$7","retryOlderMessages","fallback","state","title","loadingConversation","emptyTitle","startConversation","emptyDescription","each","item","kind","leading","accent","busy","defaultOpen","anchorId","content","role","createdAt","timeLabel","status","attachments","actions","actionDisplay","onActionError","_tmpl$4"],"sources":["chat/ChatTimeline.tsx"],"sourcesContent":["import { createEffect, createSignal, For, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { ChatActivity, ChatMessage } from \"./ChatPrimitives\";\nimport { isChatNearBottom, restoredChatScrollTop } from \"./chat-behavior\";\nimport type { ChatAction, ChatActivityTone, ChatAttachment, ChatMessageStatus, ChatRole } from \"./types\";\n\nexport type ChatMessageItem = {\n  kind: \"message\";\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  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  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  label?: string;\n  followThreshold?: number;\n  class?: string;\n};\n\nexport function ChatTimeline(props: ChatTimelineProps): JSX.Element {\n  const messages = useUiMessages();\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  let contentRef: HTMLDivElement | undefined;\n  let topSentinelRef: HTMLDivElement | undefined;\n  let followFrame: number | undefined;\n  let userScrollFrame: number | undefined;\n  let userScrollingAway = false;\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 threshold = () => Math.max(0, props.followThreshold ?? 96);\n\n  const cancelFollow = () => {\n    if (followFrame !== undefined) cancelAnimationFrame(followFrame);\n    followFrame = undefined;\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() || 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 : messages().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  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    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\n    onCleanup(() => {\n      cancelFollow();\n      if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n      resizeObserver?.disconnect();\n      historyObserver?.disconnect();\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 ?? messages().conversation}>\n      <div\n        ref={(element) => {\n          viewportRef = element;\n          props.viewportRef?.(element);\n        }}\n        class=\"k2b-chat-timeline__viewport\"\n        role=\"region\"\n        aria-label={messages().conversationMessages({ label: props.label ?? messages().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                  {messages().loadOlderMessages}\n                </button>\n              </Show>\n              <Show when={loadingOlder()}>\n                <ChatActivity\n                  label={messages().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={messages().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={messages().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 ? messages().loadingConversation : (props.emptyTitle ?? messages().startConversation)}\n                description={!props.loading ? props.emptyDescription : undefined}\n              />\n            }\n          >\n            <For each={props.items}>\n              {(item) => (\n                <Show\n                  when={item.kind === \"message\"}\n                  fallback={\n                    <ChatActivity\n                      label={(item as ChatActivityItem).label}\n                      description={(item as ChatActivityItem).description}\n                      icon={(item as ChatActivityItem).icon}\n                      leading={(item as ChatActivityItem).leading}\n                      accent={(item as ChatActivityItem).accent}\n                      tone={(item as ChatActivityItem).tone}\n                      busy={(item as ChatActivityItem).busy}\n                      trailing={(item as ChatActivityItem).trailing}\n                      defaultOpen={(item as ChatActivityItem).defaultOpen}\n                      anchorId={(item as ChatActivityItem).anchorId}\n                      class={(item as ChatActivityItem).class}\n                    >\n                      {(item as ChatActivityItem).content}\n                    </ChatActivity>\n                  }\n                >\n                  <ChatMessage\n                    role={(item as ChatMessageItem).role}\n                    label={(item as ChatMessageItem).label}\n                    createdAt={(item as ChatMessageItem).createdAt}\n                    timeLabel={(item as ChatMessageItem).timeLabel}\n                    status={(item as ChatMessageItem).status}\n                    attachments={(item as ChatMessageItem).attachments}\n                    actions={(item as ChatMessageItem).actions}\n                    actionDisplay={(item as ChatMessageItem).actionDisplay}\n                    anchorId={(item as ChatMessageItem).anchorId}\n                    onActionError={props.onActionError}\n                    class={(item as ChatMessageItem).class}\n                  >\n                    {(item as ChatMessageItem).content}\n                  </ChatMessage>\n                </Show>\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          Jump to latest\n        </button>\n      </Show>\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/chat/chat-behavior.js

@@ -0,0 +1,53 @@
+export const filterChatCommands = (value, commands) => {
+  if (!value.startsWith("/") || /\s/.test(value)) return [];
+  const query = value.slice(1).toLowerCase();
+  return commands.filter(command => command.name.toLowerCase().startsWith(query));
+};
+export const nextChatCommandIndex = (index, length, direction) => length <= 0 ? 0 : (index + direction + length) % length;
+export const isChatNearBottom = (scrollHeight, scrollTop, clientHeight, threshold = 96) => scrollHeight - scrollTop - clientHeight <= threshold;
+export const restoredChatScrollTop = (previousScrollTop, previousScrollHeight, nextScrollHeight) => Math.max(0, previousScrollTop + nextScrollHeight - previousScrollHeight);
+/**
+ * Runs one composer submission with optimistic clearing. Resolves to `true`
+ * when the handler accepted the submission. A synchronous throw is handled
+ * exactly like a rejected promise so a controlled draft is never lost.
+ */
+export const runChatSubmission = async run => {
+  run.clear();
+  try {
+    if ((await run.perform()) === false) {
+      run.restore();
+      return false;
+    }
+    return true;
+  } catch (error) {
+    run.onError?.(error);
+    run.restore();
+    return false;
+  }
+};
+
+/** Reports a handler failure without letting a synchronous throw escape. */
+export const reportChatFailure = (perform, onError) => {
+  try {
+    const result = perform();
+    if (result instanceof Promise) void result.catch(error => onError?.(error));
+  } catch (error) {
+    onError?.(error);
+  }
+};
+const writeChatClipboard = async value => {
+  if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
+    throw new Error("Clipboard access is unavailable.");
+  }
+  await navigator.clipboard.writeText(value);
+};
+
+/** Executes the one behavior guaranteed by the ChatAction contract. */
+export const executeChatAction = async action => {
+  if (typeof action.copyText === "string") {
+    await writeChatClipboard(action.copyText);
+    return;
+  }
+  await action.onSelect();
+};
+//# sourceMappingURL=chat-behavior.js.map

package/dist/ssr/chat/chat-behavior.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filterChatCommands","value","commands","startsWith","test","query","slice","toLowerCase","filter","command","name","nextChatCommandIndex","index","length","direction","isChatNearBottom","scrollHeight","scrollTop","clientHeight","threshold","restoredChatScrollTop","previousScrollTop","previousScrollHeight","nextScrollHeight","Math","max","runChatSubmission","run","clear","perform","restore","error","onError","reportChatFailure","result","Promise","catch","writeChatClipboard","navigator","clipboard","writeText","Error","executeChatAction","action","copyText","onSelect"],"sources":["chat/chat-behavior.ts"],"sourcesContent":["import type { ChatAction } from \"./types\";\n\nexport const filterChatCommands = <T extends { name: string }>(value: string, commands: readonly T[]): T[] => {\n  if (!value.startsWith(\"/\") || /\\s/.test(value)) return [];\n  const query = value.slice(1).toLowerCase();\n  return commands.filter((command) => command.name.toLowerCase().startsWith(query));\n};\n\nexport const nextChatCommandIndex = (index: number, length: number, direction: 1 | -1): number =>\n  length <= 0 ? 0 : (index + direction + length) % length;\n\nexport const isChatNearBottom = (scrollHeight: number, scrollTop: number, clientHeight: number, threshold = 96): boolean =>\n  scrollHeight - scrollTop - clientHeight <= threshold;\n\nexport const restoredChatScrollTop = (previousScrollTop: number, previousScrollHeight: number, nextScrollHeight: number): number =>\n  Math.max(0, previousScrollTop + nextScrollHeight - previousScrollHeight);\n\nexport type ChatSubmissionRun = {\n  /** Clears the controlled draft (and attachments) before the handler runs. */\n  clear: () => void;\n  /**\n   * The application handler. A synchronous throw, a rejected promise, and a\n   * `false` result all count as a rejected submission.\n   */\n  perform: () => boolean | void | Promise<boolean | void>;\n  /** Restores the cleared draft (and attachments) after a rejected submission. */\n  restore: () => void;\n  onError?: (error: unknown) => void;\n};\n\n/**\n * Runs one composer submission with optimistic clearing. Resolves to `true`\n * when the handler accepted the submission. A synchronous throw is handled\n * exactly like a rejected promise so a controlled draft is never lost.\n */\nexport const runChatSubmission = async (run: ChatSubmissionRun): Promise<boolean> => {\n  run.clear();\n  try {\n    if ((await run.perform()) === false) {\n      run.restore();\n      return false;\n    }\n    return true;\n  } catch (error) {\n    run.onError?.(error);\n    run.restore();\n    return false;\n  }\n};\n\n/** Reports a handler failure without letting a synchronous throw escape. */\nexport const reportChatFailure = (perform: () => unknown, onError?: (error: unknown) => void): void => {\n  try {\n    const result = perform();\n    if (result instanceof Promise) void result.catch((error) => onError?.(error));\n  } catch (error) {\n    onError?.(error);\n  }\n};\n\nconst writeChatClipboard = async (value: string): Promise<void> => {\n  if (typeof navigator === \"undefined\" || !navigator.clipboard?.writeText) {\n    throw new Error(\"Clipboard access is unavailable.\");\n  }\n  await navigator.clipboard.writeText(value);\n};\n\n/** Executes the one behavior guaranteed by the ChatAction contract. */\nexport const executeChatAction = async (action: ChatAction): Promise<void> => {\n  if (typeof action.copyText === \"string\") {\n    await writeChatClipboard(action.copyText);\n    return;\n  }\n  await action.onSelect();\n};\n"],"mappings":"AAEA,OAAO,MAAMA,kBAAkB,GAAGA,CAA6BC,KAAa,EAAEC,QAAsB,KAAU;EAC5G,IAAI,CAACD,KAAK,CAACE,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,CAACC,IAAI,CAACH,KAAK,CAAC,EAAE,OAAO,EAAE;EACzD,MAAMI,KAAK,GAAGJ,KAAK,CAACK,KAAK,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;EAC1C,OAAOL,QAAQ,CAACM,MAAM,CAAEC,OAAO,IAAKA,OAAO,CAACC,IAAI,CAACH,WAAW,CAAC,CAAC,CAACJ,UAAU,CAACE,KAAK,CAAC,CAAC;AACnF,CAAC;AAED,OAAO,MAAMM,oBAAoB,GAAGA,CAACC,KAAa,EAAEC,MAAc,EAAEC,SAAiB,KACnFD,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAACD,KAAK,GAAGE,SAAS,GAAGD,MAAM,IAAIA,MAAM;AAEzD,OAAO,MAAME,gBAAgB,GAAGA,CAACC,YAAoB,EAAEC,SAAiB,EAAEC,YAAoB,EAAEC,SAAS,GAAG,EAAE,KAC5GH,YAAY,GAAGC,SAAS,GAAGC,YAAY,IAAIC,SAAS;AAEtD,OAAO,MAAMC,qBAAqB,GAAGA,CAACC,iBAAyB,EAAEC,oBAA4B,EAAEC,gBAAwB,KACrHC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,iBAAiB,GAAGE,gBAAgB,GAAGD,oBAAoB,CAAC;AAe1E;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,iBAAiB,GAAG,MAAOC,GAAsB,IAAuB;EACnFA,GAAG,CAACC,KAAK,CAAC,CAAC;EACX,IAAI;IACF,IAAI,CAAC,MAAMD,GAAG,CAACE,OAAO,CAAC,CAAC,MAAM,KAAK,EAAE;MACnCF,GAAG,CAACG,OAAO,CAAC,CAAC;MACb,OAAO,KAAK;IACd;IACA,OAAO,IAAI;EACb,CAAC,CAAC,OAAOC,KAAK,EAAE;IACdJ,GAAG,CAACK,OAAO,GAAGD,KAAK,CAAC;IACpBJ,GAAG,CAACG,OAAO,CAAC,CAAC;IACb,OAAO,KAAK;EACd;AACF,CAAC;;AAED;AACA,OAAO,MAAMG,iBAAiB,GAAGA,CAACJ,OAAsB,EAAEG,OAAkC,KAAW;EACrG,IAAI;IACF,MAAME,MAAM,GAAGL,OAAO,CAAC,CAAC;IACxB,IAAIK,MAAM,YAAYC,OAAO,EAAE,KAAKD,MAAM,CAACE,KAAK,CAAEL,KAAK,IAAKC,OAAO,GAAGD,KAAK,CAAC,CAAC;EAC/E,CAAC,CAAC,OAAOA,KAAK,EAAE;IACdC,OAAO,GAAGD,KAAK,CAAC;EAClB;AACF,CAAC;AAED,MAAMM,kBAAkB,GAAG,MAAOpC,KAAa,IAAoB;EACjE,IAAI,OAAOqC,SAAS,KAAK,WAAW,IAAI,CAACA,SAAS,CAACC,SAAS,EAAEC,SAAS,EAAE;IACvE,MAAM,IAAIC,KAAK,CAAC,kCAAkC,CAAC;EACrD;EACA,MAAMH,SAAS,CAACC,SAAS,CAACC,SAAS,CAACvC,KAAK,CAAC;AAC5C,CAAC;;AAED;AACA,OAAO,MAAMyC,iBAAiB,GAAG,MAAOC,MAAkB,IAAoB;EAC5E,IAAI,OAAOA,MAAM,CAACC,QAAQ,KAAK,QAAQ,EAAE;IACvC,MAAMP,kBAAkB,CAACM,MAAM,CAACC,QAAQ,CAAC;IACzC;EACF;EACA,MAAMD,MAAM,CAACE,QAAQ,CAAC,CAAC;AACzB,CAAC","ignoreList":[]}

package/dist/ssr/chat/index.js

@@ -0,0 +1,17 @@
+import { ChatComposer } from "./ChatComposer";
+import { ChatActivity, ChatContextUsage, ChatMessage } from "./ChatPrimitives";
+import { ChatRoot } from "./ChatRoot";
+import { ChatTimeline } from "./ChatTimeline";
+export { formatChatTokens } from "./ChatPrimitives";
+/**
+ * Portable, controlled chat surface. Applications own storage, streaming,
+ * authorization, rich message rendering, and domain actions.
+ */
+export const Chat = Object.assign(ChatRoot, {
+  Timeline: ChatTimeline,
+  Message: ChatMessage,
+  Activity: ChatActivity,
+  Composer: ChatComposer,
+  ContextUsage: ChatContextUsage
+});
+//# sourceMappingURL=index.js.map

package/dist/ssr/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChatComposer","ChatActivity","ChatContextUsage","ChatMessage","ChatRoot","ChatTimeline","formatChatTokens","Chat","Object","assign","Timeline","Message","Activity","Composer","ContextUsage"],"sources":["chat/index.ts"],"sourcesContent":["import { ChatComposer } from \"./ChatComposer\";\nimport { ChatActivity, ChatContextUsage, ChatMessage } from \"./ChatPrimitives\";\nimport { ChatRoot } from \"./ChatRoot\";\nimport { ChatTimeline } from \"./ChatTimeline\";\n\nexport type { ChatCommand, ChatCommandContext, ChatComposerProps, ChatFileSelection, ChatPasteHandler } from \"./ChatComposer\";\nexport type { ChatActivityProps, ChatContextUsageProps, ChatMessageProps } from \"./ChatPrimitives\";\nexport { formatChatTokens } from \"./ChatPrimitives\";\nexport type { ChatRootProps } from \"./ChatRoot\";\nexport type { ChatActivityItem, ChatMessageItem, ChatTimelineItem, ChatTimelineProps } from \"./ChatTimeline\";\nexport type {\n  ChatAction,\n  ChatActivityTone,\n  ChatAttachment,\n  ChatComposerState,\n  ChatContextUsageData,\n  ChatMessageStatus,\n  ChatModelOption,\n  ChatRole,\n  ChatSubmitInput,\n  ChatSubmitIntent,\n  ChatUsage,\n} from \"./types\";\n\n/**\n * Portable, controlled chat surface. Applications own storage, streaming,\n * authorization, rich message rendering, and domain actions.\n */\nexport const Chat = Object.assign(ChatRoot, {\n  Timeline: ChatTimeline,\n  Message: ChatMessage,\n  Activity: ChatActivity,\n  Composer: ChatComposer,\n  ContextUsage: ChatContextUsage,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,YAAY,EAAEC,gBAAgB,EAAEC,WAAW,QAAQ,kBAAkB;AAC9E,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,YAAY,QAAQ,gBAAgB;AAI7C,SAASC,gBAAgB,QAAQ,kBAAkB;AAiBnD;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAACL,QAAQ,EAAE;EAC1CM,QAAQ,EAAEL,YAAY;EACtBM,OAAO,EAAER,WAAW;EACpBS,QAAQ,EAAEX,YAAY;EACtBY,QAAQ,EAAEb,YAAY;EACtBc,YAAY,EAAEZ;AAChB,CAAC,CAAC","ignoreList":[]}

package/dist/ssr/chat/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/ssr/chat/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["chat/types.ts"],"sourcesContent":["export type ChatRole = \"user\" | \"assistant\" | \"system\" | \"tool\";\n\nexport type ChatMessageStatus = \"pending\" | \"streaming\" | \"complete\" | \"error\";\n\nexport type ChatActivityTone = \"neutral\" | \"ai\" | \"success\" | \"danger\";\n\ntype ChatActionBase = {\n  id: string;\n  label: string;\n  icon?: string;\n  variant?: \"danger\";\n  disabled?: boolean;\n  /** Toggle state for persistent message actions such as feedback. */\n  pressed?: boolean;\n};\n\n/** Exactly one executable behavior for every chat action. */\nexport type ChatAction = ChatActionBase &\n  ({ onSelect: () => void | Promise<void>; copyText?: never } | { copyText: string; onSelect?: never });\n\nexport type ChatAttachment = {\n  id: string;\n  name: string;\n  size?: number;\n  kind?: \"file\" | \"image\" | \"resource\";\n  icon?: string;\n  previewUrl?: string;\n  alt?: string;\n  /** Optional destination represented by this attachment. */\n  href?: string;\n  /** Opaque application-owned payload returned unchanged with ChatSubmitInput. */\n  data?: unknown;\n  /** Optional application-owned action presented below the attachment label. */\n  action?: ChatAction;\n};\n\nexport type ChatUsage = {\n  input?: number;\n  output?: number;\n  total?: number;\n};\n\nexport type ChatContextUsageData = {\n  usage?: ChatUsage | null;\n  loopUsage?: ChatUsage | null;\n  contextWindow?: number;\n  modelLabel?: string;\n};\n\nexport type ChatModelOption = {\n  id: string;\n  label: string;\n  description?: string;\n  image?: string;\n  icon?: string;\n  capabilities?: readonly string[];\n};\n\nexport type ChatComposerState = \"idle\" | \"submitting\" | \"running\" | \"stopping\";\n\nexport type ChatSubmitIntent = \"send\" | \"steer\" | \"queue\";\n\nexport type ChatSubmitInput = {\n  intent: ChatSubmitIntent;\n  text: string;\n  attachments: readonly ChatAttachment[];\n};\n"],"mappings":"","ignoreList":[]}