@refraction-ui/react 0.9.2 → 0.10.0

package/dist/index.js

@@ -1,3 +1,4 @@
+'use client';
 import { cn, devWarn, cva, createKeyboardHandler, Keys, createMachine, generateId } from './chunk-VZLV27H2.js';
 export { createFaroSink } from './chunk-XWP763SH.js';
 import * as React11 from 'react';
@@ -2679,239 +2680,1861 @@ var CommandSeparator = React11.forwardRef(
 );
 CommandSeparator.displayName = "CommandSeparator";
 
-// ../content-protection/dist/index.js
-function createContentProtection(props = {}) {
-  const {
-    enabled = true,
-    disableCopy = true,
-    disableContextMenu = true,
-    watermarkText
-  } = props;
-  const eventHandlers = {};
-  if (enabled) {
-    if (disableCopy) {
-      const prevent = (e) => e.preventDefault();
-      eventHandlers.onCopy = prevent;
-      eventHandlers.onCut = prevent;
-      eventHandlers.onSelectStart = prevent;
-    }
-    if (disableContextMenu) {
-      eventHandlers.onContextMenu = (e) => e.preventDefault();
-    }
-  }
-  const watermarkConfig = watermarkText ? { text: watermarkText, opacity: 0.08, angle: -45 } : null;
-  const dataAttributes = {};
-  if (enabled) {
-    dataAttributes["data-protected"] = "true";
-  }
-  return {
-    eventHandlers,
-    watermarkConfig,
-    dataAttributes
-  };
-}
-var contentProtectionVariants = cva({
-  base: "relative select-none"
-});
-var watermarkVariants = cva({
-  base: "pointer-events-none absolute inset-0 z-50 overflow-hidden"
-});
-var ContentProtection = React11.forwardRef(
-  ({
-    enabled,
-    disableCopy,
-    disableContextMenu,
-    watermarkText,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    const api = createContentProtection({
-      enabled,
-      disableCopy,
-      disableContextMenu,
-      watermarkText
-    });
-    const classes = cn(contentProtectionVariants(), className);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: classes,
-        ...api.dataAttributes,
-        onCopy: api.eventHandlers.onCopy,
-        onCut: api.eventHandlers.onCut,
-        onContextMenu: api.eventHandlers.onContextMenu,
-        onSelect: api.eventHandlers.onSelectStart,
-        ...props,
-        children: [
-          children,
-          api.watermarkConfig && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: watermarkVariants(),
-              "aria-hidden": "true",
-              style: {
-                opacity: api.watermarkConfig.opacity,
-                transform: `rotate(${api.watermarkConfig.angle}deg)`,
-                backgroundImage: `repeating-linear-gradient(
-                ${api.watermarkConfig.angle}deg,
-                transparent,
-                transparent 80px,
-                currentColor 80px,
-                currentColor 80px
-              )`
-              },
-              children: /* @__PURE__ */ jsxs("svg", { width: "100%", height: "100%", children: [
-                /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
-                  "pattern",
-                  {
-                    id: "rfr-watermark",
-                    x: "0",
-                    y: "0",
-                    width: "200",
-                    height: "200",
-                    patternUnits: "userSpaceOnUse",
-                    patternTransform: `rotate(${api.watermarkConfig.angle})`,
-                    children: /* @__PURE__ */ jsx(
-                      "text",
-                      {
-                        x: "0",
-                        y: "100",
-                        fill: "currentColor",
-                        fontSize: "16",
-                        fontFamily: "sans-serif",
-                        children: api.watermarkConfig.text
-                      }
-                    )
-                  }
-                ) }),
-                /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "url(#rfr-watermark)" })
-              ] })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ContentProtection.displayName = "ContentProtection";
-
-// ../data-table/dist/index.js
-function createDataTable(props) {
-  const {
-    columns,
-    data,
-    sortBy: initialSortBy,
-    sortDir: initialSortDir = "asc",
-    onSort,
-    filters: initialFilters
-  } = props;
-  let sortBy = initialSortBy ?? null;
-  let sortDir = initialSortDir;
-  let filters = { ...initialFilters ?? {} };
-  function getFilteredData() {
-    let result = [...data];
-    for (const [columnId, filterValue] of Object.entries(filters)) {
-      if (!filterValue) continue;
-      const col = columns.find((c) => c.id === columnId);
-      if (!col) continue;
-      const lowerFilter = filterValue.toLowerCase();
-      result = result.filter((row) => {
-        const cellValue = col.accessor(row);
-        return String(cellValue ?? "").toLowerCase().includes(lowerFilter);
-      });
-    }
-    return result;
+// ../conversation/dist/index.js
+function byTime(a, b) {
+  return a.timestamp.getTime() - b.timestamp.getTime();
+}
+function findMessage(messages, id) {
+  return messages.find((m) => m.id === id);
+}
+function rootIdOf(messages, id) {
+  const m = findMessage(messages, id);
+  if (!m) return id;
+  return m.parentId ?? m.id;
+}
+function selectRoots(messages) {
+  return messages.filter((m) => !m.parentId).sort(byTime);
+}
+function selectReplies(messages, rootId) {
+  return messages.filter((m) => m.parentId === rootId).sort(byTime);
+}
+function selectThreadMessages(messages, rootId) {
+  const root = findMessage(messages, rootId);
+  const replies = selectReplies(messages, rootId);
+  return root ? [root, ...replies] : replies;
+}
+function getReplyCount(messages, rootId) {
+  return messages.reduce((n, m) => m.parentId === rootId ? n + 1 : n, 0);
+}
+function selectMainTimeline(messages, mode) {
+  if (mode === "panel") return selectRoots(messages);
+  return [...messages].sort(byTime);
+}
+function selectTimelineFromState(state) {
+  return selectMainTimeline(state.messages, state.threadingMode);
+}
+var DEFAULT_ASSISTANT = { id: "assistant", name: "Assistant" };
+var DEFAULT_USER = { id: "user", name: "You" };
+var DEFAULT_TITLE = "New conversation";
+function defaultGenerateTitle(firstMessage) {
+  const firstLine = firstMessage.split("\n", 1)[0].trim();
+  if (firstLine.length <= 48) return firstLine || DEFAULT_TITLE;
+  return `${firstLine.slice(0, 47).trimEnd()}\u2026`;
+}
+function createConversation(config = {}) {
+  const assistant = config.assistant ?? DEFAULT_ASSISTANT;
+  const currentUser = config.currentUser ?? DEFAULT_USER;
+  const generateTitle = config.generateTitle ?? defaultGenerateTitle;
+  let transport = config.transport;
+  let threadingMode = config.threadingMode ?? "inline";
+  const conversations = /* @__PURE__ */ new Map();
+  const messagesByConv = /* @__PURE__ */ new Map();
+  let activeConversationId = config.activeConversationId ?? null;
+  let openThreadRootId = null;
+  let status = "idle";
+  let error = null;
+  let abortController = null;
+  for (const c of config.conversations ?? []) {
+    conversations.set(c.id, c);
+    messagesByConv.set(c.id, []);
+  }
+  for (const [conversationId, msgs] of Object.entries(config.messages ?? {})) {
+    messagesByConv.set(conversationId, [...msgs]);
+  }
+  if (activeConversationId === null && config.conversations?.length) {
+    activeConversationId = config.conversations[0].id;
   }
-  function getSortedData() {
-    const filtered = getFilteredData();
-    if (!sortBy) return filtered;
-    const col = columns.find((c) => c.id === sortBy);
-    if (!col) return filtered;
-    return [...filtered].sort((a, b) => {
-      const aVal = col.accessor(a);
-      const bVal = col.accessor(b);
-      const aStr = String(aVal ?? "");
-      const bStr = String(bVal ?? "");
-      const cmp = aStr.localeCompare(bStr, void 0, { numeric: true });
-      return sortDir === "asc" ? cmp : -cmp;
-    });
+  const listeners = /* @__PURE__ */ new Set();
+  let snapshot = buildSnapshot();
+  function buildSnapshot() {
+    return {
+      conversations: orderedConversations(),
+      activeConversationId,
+      messages: activeConversationId ? messagesByConv.get(activeConversationId) ?? [] : [],
+      openThreadRootId,
+      threadingMode,
+      status,
+      error
+    };
   }
-  function sort(columnId) {
-    const col = columns.find((c) => c.id === columnId);
-    if (!col?.sortable) return;
-    if (sortBy === columnId) {
-      sortDir = sortDir === "asc" ? "desc" : "asc";
-    } else {
-      sortBy = columnId;
-      sortDir = "asc";
-    }
-    onSort?.(sortBy, sortDir);
+  function emit() {
+    snapshot = buildSnapshot();
+    for (const l of listeners) l();
   }
-  function setFilter(columnId, value) {
-    filters = { ...filters, [columnId]: value };
+  function orderedConversations() {
+    return [...conversations.values()].sort(
+      (a, b) => b.updatedAt.getTime() - a.updatedAt.getTime()
+    );
   }
-  function getHeaderProps(col) {
-    const props2 = {
-      role: "columnheader"
+  function touch(conversationId) {
+    const c = conversations.get(conversationId);
+    if (c) conversations.set(conversationId, { ...c, updatedAt: /* @__PURE__ */ new Date() });
+  }
+  function ensureActiveConversation(opts) {
+    if (opts?.conversationId) {
+      if (!conversations.has(opts.conversationId)) createConversationInternal({}, opts.conversationId);
+      return opts.conversationId;
+    }
+    if (activeConversationId && conversations.has(activeConversationId)) return activeConversationId;
+    return createConversationInternal({}).id;
+  }
+  function createConversationInternal(opts, id) {
+    const now = /* @__PURE__ */ new Date();
+    const conversation = {
+      id: id ?? generateId("rfr-conv"),
+      title: opts.title ?? DEFAULT_TITLE,
+      createdAt: now,
+      updatedAt: now,
+      metadata: opts.metadata
     };
-    if (col.sortable) {
-      if (sortBy === col.id) {
-        props2["aria-sort"] = sortDir === "asc" ? "ascending" : "descending";
+    conversations.set(conversation.id, conversation);
+    messagesByConv.set(conversation.id, []);
+    activeConversationId = conversation.id;
+    return conversation;
+  }
+  async function streamReply(conversationId, assistantMsg, userMsg, history) {
+    abortController = new AbortController();
+    status = "streaming";
+    emit();
+    try {
+      const stream = transport.send({
+        conversationId,
+        message: userMsg,
+        history,
+        parentId: assistantMsg.parentId,
+        signal: abortController.signal
+      });
+      for await (const chunk of stream) {
+        if (chunk.content !== void 0) assistantMsg.content = chunk.content;
+        if (chunk.delta) assistantMsg.content += chunk.delta;
+        if (chunk.metadata) {
+          assistantMsg.metadata = { ...assistantMsg.metadata, ...chunk.metadata };
+        }
+        emit();
+        if (abortController.signal.aborted) break;
+      }
+      assistantMsg.status = "sent";
+      status = "idle";
+      error = null;
+    } catch (err) {
+      if (abortController.signal.aborted) {
+        assistantMsg.status = "sent";
+        status = "idle";
       } else {
-        props2["aria-sort"] = "none";
+        const message = err instanceof Error ? err.message : String(err);
+        assistantMsg.status = "error";
+        assistantMsg.error = message;
+        status = "error";
+        error = message;
       }
+    } finally {
+      abortController = null;
+      touch(conversationId);
+      emit();
     }
-    return props2;
-  }
-  function getCellProps(col, _row) {
-    return {
-      role: "cell",
-      "data-column": col.id
-    };
   }
-  function getRowProps(_row, index) {
-    return {
-      role: "row",
-      "data-row-index": index
-    };
+  function historyFor(list, parentId) {
+    const scope = parentId ? selectThreadMessages(list, parentId) : selectRoots(list);
+    return scope.filter((m) => m.status !== "error");
   }
-  return {
-    get state() {
-      return {
-        get sortedData() {
-          return getSortedData();
-        },
-        get sortBy() {
-          return sortBy;
-        },
-        get sortDir() {
-          return sortDir;
-        },
-        get filters() {
-          return { ...filters };
+  const api = {
+    getState() {
+      return snapshot;
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    },
+    newConversation(opts) {
+      const conversation = createConversationInternal(opts ?? {});
+      openThreadRootId = null;
+      emit();
+      return conversation;
+    },
+    selectConversation(conversationId) {
+      if (!conversations.has(conversationId) || activeConversationId === conversationId) return;
+      activeConversationId = conversationId;
+      openThreadRootId = null;
+      emit();
+    },
+    deleteConversation(conversationId) {
+      if (!conversations.has(conversationId)) return;
+      conversations.delete(conversationId);
+      messagesByConv.delete(conversationId);
+      if (activeConversationId === conversationId) {
+        activeConversationId = orderedConversations()[0]?.id ?? null;
+        openThreadRootId = null;
+      }
+      emit();
+    },
+    renameConversation(conversationId, title) {
+      const c = conversations.get(conversationId);
+      if (!c) return;
+      conversations.set(conversationId, { ...c, title });
+      emit();
+    },
+    appendMessage(message) {
+      const list = messagesByConv.get(message.conversationId);
+      if (!list) return;
+      list.push(message);
+      touch(message.conversationId);
+      emit();
+    },
+    editMessage(messageId, content) {
+      if (!activeConversationId) return;
+      const list = messagesByConv.get(activeConversationId);
+      const msg = list.find((m) => m.id === messageId);
+      if (!msg) return;
+      msg.content = content;
+      msg.edited = true;
+      emit();
+    },
+    deleteMessage(messageId) {
+      if (!activeConversationId) return;
+      const list = messagesByConv.get(activeConversationId);
+      const msg = list.find((m) => m.id === messageId);
+      if (!msg) return;
+      const removeIds = /* @__PURE__ */ new Set([messageId]);
+      if (!msg.parentId) {
+        for (const r of list) if (r.parentId === messageId) removeIds.add(r.id);
+      }
+      const next = list.filter((m) => !removeIds.has(m.id));
+      messagesByConv.set(activeConversationId, next);
+      if (openThreadRootId && removeIds.has(openThreadRootId)) openThreadRootId = null;
+      emit();
+    },
+    react(messageId, emoji) {
+      if (!activeConversationId) return;
+      const list = messagesByConv.get(activeConversationId);
+      const msg = list.find((m) => m.id === messageId);
+      if (!msg) return;
+      const reactions = [...msg.reactions ?? []];
+      const idx = reactions.findIndex((r) => r.emoji === emoji);
+      if (idx === -1) {
+        reactions.push({ emoji, count: 1, userReacted: true });
+      } else {
+        const r = reactions[idx];
+        if (r.userReacted) {
+          const count = r.count - 1;
+          if (count <= 0) reactions.splice(idx, 1);
+          else reactions[idx] = { ...r, count, userReacted: false };
+        } else {
+          reactions[idx] = { ...r, count: r.count + 1, userReacted: true };
         }
+      }
+      msg.reactions = reactions;
+      emit();
+    },
+    async sendMessage(content, opts) {
+      const trimmed = content.trim();
+      if (!trimmed && !opts?.attachments?.length) return;
+      const conversationId = ensureActiveConversation(opts);
+      const list = messagesByConv.get(conversationId);
+      const parentId = opts?.replyTo ? rootIdOf(list, opts.replyTo) : void 0;
+      const isFirstRoot = !parentId && selectRoots(list).length === 0;
+      const userMsg = {
+        id: generateId("rfr-msg"),
+        conversationId,
+        role: "user",
+        author: currentUser,
+        content: trimmed,
+        timestamp: /* @__PURE__ */ new Date(),
+        status: "sent",
+        parentId,
+        attachments: opts?.attachments,
+        metadata: opts?.metadata
+      };
+      list.push(userMsg);
+      const conversation = conversations.get(conversationId);
+      if (isFirstRoot && conversation.title === DEFAULT_TITLE) {
+        conversations.set(conversationId, { ...conversation, title: generateTitle(trimmed) });
+      }
+      touch(conversationId);
+      if (!transport) {
+        status = "idle";
+        emit();
+        return;
+      }
+      const history = historyFor(list, parentId).filter((m) => m.id !== userMsg.id);
+      const assistantMsg = {
+        id: generateId("rfr-msg"),
+        conversationId,
+        role: "assistant",
+        author: assistant,
+        content: "",
+        timestamp: /* @__PURE__ */ new Date(),
+        status: "streaming",
+        parentId
       };
+      list.push(assistantMsg);
+      await streamReply(conversationId, assistantMsg, userMsg, history);
     },
-    sort,
-    setFilter,
-    getHeaderProps,
-    getCellProps,
-    getRowProps
+    async retryLast() {
+      if (!activeConversationId || !transport) return;
+      const list = messagesByConv.get(activeConversationId);
+      const last = list[list.length - 1];
+      const parentId = last?.parentId;
+      if (last && last.role === "assistant" && last.status === "error") list.pop();
+      const scope = parentId ? selectThreadMessages(list, parentId) : selectRoots(list);
+      const lastUser = [...scope].reverse().find((m) => m.role === "user");
+      if (!lastUser) return;
+      const history = historyFor(list, parentId);
+      const assistantMsg = {
+        id: generateId("rfr-msg"),
+        conversationId: activeConversationId,
+        role: "assistant",
+        author: assistant,
+        content: "",
+        timestamp: /* @__PURE__ */ new Date(),
+        status: "streaming",
+        parentId
+      };
+      list.push(assistantMsg);
+      await streamReply(activeConversationId, assistantMsg, lastUser, history);
+    },
+    stop() {
+      abortController?.abort();
+    },
+    openThread(rootId) {
+      openThreadRootId = rootId;
+      emit();
+    },
+    closeThread() {
+      if (openThreadRootId === null) return;
+      openThreadRootId = null;
+      emit();
+    },
+    setThreadingMode(mode) {
+      if (threadingMode === mode) return;
+      threadingMode = mode;
+      emit();
+    },
+    setTransport(next) {
+      transport = next;
+    }
   };
+  return api;
 }
-var tableVariants = cva({
-  base: "w-full caption-bottom text-sm border-collapse",
-  variants: {
-    size: {
-      sm: "text-xs",
-      md: "text-sm",
-      lg: "text-base"
-    }
-  },
-  defaultVariants: {
-    size: "md"
+
+// ../markdown-renderer/dist/index.js
+function escapeHtml(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function parseInline(text, linkResolver) {
+  let result = escapeHtml(text);
+  result = result.replace(/`([^`]+)`/g, "<code>$1</code>");
+  result = result.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
+  result = result.replace(/__([^_]+)__/g, "<strong>$1</strong>");
+  result = result.replace(/\*([^*]+)\*/g, "<em>$1</em>");
+  result = result.replace(/_([^_]+)_/g, "<em>$1</em>");
+  result = result.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_match, text2, url) => {
+    if (/^\s*javascript\s*:/i.test(url)) {
+      return text2;
+    }
+    const resolvedUrl = linkResolver ? linkResolver(url) : url;
+    return `<a href="${resolvedUrl}">${text2}</a>`;
+  });
+  return result;
+}
+function parseMarkdown(content, linkResolver) {
+  const lines = content.split("\n");
+  const outputLines = [];
+  let inCodeBlock = false;
+  let codeBlockContent = [];
+  let codeBlockLang = "";
+  let inList = null;
+  let inBlockquote = false;
+  function closeList() {
+    if (inList) {
+      outputLines.push(inList === "ul" ? "</ul>" : "</ol>");
+      inList = null;
+    }
+  }
+  function closeBlockquote() {
+    if (inBlockquote) {
+      outputLines.push("</blockquote>");
+      inBlockquote = false;
+    }
+  }
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    if (line.trimStart().startsWith("```")) {
+      if (inCodeBlock) {
+        outputLines.push(`<pre><code${codeBlockLang ? ` class="language-${escapeHtml(codeBlockLang)}"` : ""}>${escapeHtml(codeBlockContent.join("\n"))}</code></pre>`);
+        codeBlockContent = [];
+        codeBlockLang = "";
+        inCodeBlock = false;
+      } else {
+        closeList();
+        closeBlockquote();
+        inCodeBlock = true;
+        codeBlockLang = line.trimStart().slice(3).trim();
+      }
+      continue;
+    }
+    if (inCodeBlock) {
+      codeBlockContent.push(line);
+      continue;
+    }
+    if (/^(\s*[-*_]\s*){3,}$/.test(line)) {
+      closeList();
+      closeBlockquote();
+      outputLines.push("<hr />");
+      continue;
+    }
+    const headingMatch = line.match(/^(#{1,6})\s+(.+)$/);
+    if (headingMatch) {
+      closeList();
+      closeBlockquote();
+      const level = headingMatch[1].length;
+      const text = parseInline(headingMatch[2], linkResolver);
+      outputLines.push(`<h${level}>${text}</h${level}>`);
+      continue;
+    }
+    const blockquoteMatch = line.match(/^>\s?(.*)$/);
+    if (blockquoteMatch) {
+      closeList();
+      if (!inBlockquote) {
+        inBlockquote = true;
+        outputLines.push("<blockquote>");
+      }
+      const text = blockquoteMatch[1].trim();
+      if (text) {
+        outputLines.push(`<p>${parseInline(text, linkResolver)}</p>`);
+      }
+      continue;
+    } else if (inBlockquote) {
+      closeBlockquote();
+    }
+    const ulMatch = line.match(/^[\s]*[-*+]\s+(.+)$/);
+    if (ulMatch) {
+      closeBlockquote();
+      if (inList !== "ul") {
+        closeList();
+        inList = "ul";
+        outputLines.push("<ul>");
+      }
+      outputLines.push(`<li>${parseInline(ulMatch[1], linkResolver)}</li>`);
+      continue;
+    }
+    const olMatch = line.match(/^[\s]*\d+\.\s+(.+)$/);
+    if (olMatch) {
+      closeBlockquote();
+      if (inList !== "ol") {
+        closeList();
+        inList = "ol";
+        outputLines.push("<ol>");
+      }
+      outputLines.push(`<li>${parseInline(olMatch[1], linkResolver)}</li>`);
+      continue;
+    }
+    if (inList) {
+      closeList();
+    }
+    if (line.trim() === "") {
+      continue;
+    }
+    outputLines.push(`<p>${parseInline(line, linkResolver)}</p>`);
+  }
+  if (inCodeBlock) {
+    outputLines.push(`<pre><code${codeBlockLang ? ` class="language-${escapeHtml(codeBlockLang)}"` : ""}>${escapeHtml(codeBlockContent.join("\n"))}</code></pre>`);
+  }
+  closeList();
+  closeBlockquote();
+  return outputLines.join("\n");
+}
+function extractComponents(content, components) {
+  if (!components) return [];
+  const extracted = [];
+  for (const [name, def] of Object.entries(components)) {
+    const matches = Array.from(content.matchAll(def.pattern));
+    matches.forEach(() => {
+      extracted.push({
+        name,
+        props: { ...def.props }
+      });
+    });
+  }
+  return extracted;
+}
+function createMarkdownRenderer(props) {
+  const { content, components, linkResolver } = props;
+  const html = parseMarkdown(content, linkResolver);
+  const extractedComponents = extractComponents(content, components);
+  const ariaProps = {
+    role: "document",
+    "aria-label": "Rendered markdown content"
+  };
+  return {
+    html,
+    components: extractedComponents,
+    ariaProps
+  };
+}
+var markdownRendererTokens = {
+  name: "markdown-renderer",
+  tokens: {
+    bg: { variable: "--rfr-markdown-bg", fallback: "hsl(var(--background))" },
+    fg: { variable: "--rfr-markdown-fg", fallback: "hsl(var(--foreground))" },
+    codeBg: { variable: "--rfr-markdown-code-bg", fallback: "hsl(var(--muted))" },
+    linkColor: { variable: "--rfr-markdown-link", fallback: "hsl(var(--primary))" },
+    borderColor: { variable: "--rfr-markdown-border", fallback: "hsl(var(--border))" }
+  }
+};
+var proseVariants = cva({
+  base: "prose max-w-none text-foreground leading-relaxed",
+  variants: {
+    size: {
+      sm: "prose-sm text-sm",
+      default: "prose-base text-base",
+      lg: "prose-lg text-lg"
+    },
+    theme: {
+      light: "bg-white text-gray-900",
+      dark: "bg-gray-900 text-gray-100"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+function sanitizeHtml(html) {
+  let sanitized = html;
+  sanitized = sanitized.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "");
+  sanitized = sanitized.replace(/<\/?script[^>]*>/gi, "");
+  sanitized = sanitized.replace(/\s+on\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "");
+  sanitized = sanitized.replace(/(href|src)\s*=\s*["']?\s*javascript\s*:[^"'>]*/gi, '$1=""');
+  return sanitized;
+}
+var MarkdownRenderer = React11.forwardRef(
+  ({ content, components, linkResolver, className, size }, ref) => {
+    const coreProps = { content, components, linkResolver };
+    const api = createMarkdownRenderer(coreProps);
+    const classes = cn(proseVariants({ size }), className);
+    const sanitizedHtml = sanitizeHtml(api.html);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: classes,
+        ...api.ariaProps,
+        dangerouslySetInnerHTML: { __html: sanitizedHtml }
+      }
+    );
+  }
+);
+MarkdownRenderer.displayName = "MarkdownRenderer";
+
+// ../thread-view/dist/index.js
+function formatTimestamp(date) {
+  const hours = date.getHours();
+  const minutes = date.getMinutes();
+  const ampm = hours >= 12 ? "PM" : "AM";
+  const displayHours = hours % 12 || 12;
+  const displayMinutes = minutes < 10 ? `0${minutes}` : `${minutes}`;
+  return `${displayHours}:${displayMinutes} ${ampm}`;
+}
+function formatRelativeTime(date, now) {
+  const reference = now ?? /* @__PURE__ */ new Date();
+  const diffMs = reference.getTime() - date.getTime();
+  const diffSeconds = Math.floor(diffMs / 1e3);
+  const diffMinutes = Math.floor(diffSeconds / 60);
+  const diffHours = Math.floor(diffMinutes / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  if (diffSeconds < 60) return "just now";
+  if (diffMinutes < 60) return `${diffMinutes} minute${diffMinutes === 1 ? "" : "s"} ago`;
+  if (diffHours < 24) return `${diffHours} hour${diffHours === 1 ? "" : "s"} ago`;
+  if (diffDays < 7) return `${diffDays} day${diffDays === 1 ? "" : "s"} ago`;
+  return date.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+}
+function createThreadView(props) {
+  const { messages, onReply, onReact, currentUserId } = props;
+  let replyingTo = null;
+  const threadId = generateId("rfr-thread");
+  const labelId = generateId("rfr-thread-label");
+  function startReply(messageId) {
+    replyingTo = messageId;
+  }
+  function cancelReply() {
+    replyingTo = null;
+  }
+  function reply(messageId, content) {
+    onReply?.(messageId, content);
+    replyingTo = null;
+  }
+  function react(messageId, emoji) {
+    onReact?.(messageId, emoji);
+  }
+  const ariaProps = {
+    role: "log",
+    "aria-label": "Message thread",
+    "aria-live": "polite",
+    id: threadId
+  };
+  function getMessageAriaProps(message) {
+    const isOwn = currentUserId && message.author.id === currentUserId;
+    return {
+      role: "article",
+      "aria-label": `Message from ${message.author.name}${isOwn ? " (you)" : ""} at ${formatTimestamp(message.timestamp)}`
+    };
+  }
+  function getReplyButtonAriaProps(_messageId) {
+    return {
+      role: "button",
+      "aria-label": `Reply to message`
+    };
+  }
+  return {
+    state: {
+      messages,
+      get replyingTo() {
+        return replyingTo;
+      }
+    },
+    startReply,
+    cancelReply,
+    reply,
+    react,
+    formatTimestamp,
+    formatRelativeTime,
+    ariaProps,
+    getMessageAriaProps,
+    getReplyButtonAriaProps,
+    ids: {
+      thread: threadId,
+      label: labelId
+    }
+  };
+}
+var threadContainerStyles = "flex flex-col gap-1";
+var threadMessageStyles = "flex gap-3 px-4 py-2 hover:bg-accent/50 rounded-md transition-colors group";
+var threadAvatarStyles = "h-9 w-9 rounded-full bg-muted flex items-center justify-center text-sm font-medium overflow-hidden flex-shrink-0";
+var threadContentStyles = "flex-1 min-w-0";
+var threadAuthorStyles = "font-semibold text-sm";
+var threadTimestampStyles = "text-xs text-muted-foreground ml-2";
+var threadBodyStyles = "text-sm mt-0.5 whitespace-pre-wrap break-words";
+var threadReactionsStyles = "flex flex-wrap gap-1 mt-1";
+var threadReplyIndicatorStyles = "flex items-center gap-1 mt-1 text-xs text-primary cursor-pointer hover:underline";
+var threadActionsStyles = "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity";
+var threadAttachmentStyles = "flex items-center gap-2 mt-1 p-2 rounded border text-xs bg-muted/50";
+var threadEditedStyles = "text-xs text-muted-foreground ml-1";
+
+// ../react-conversation/dist/index.js
+function useConversation(config) {
+  const apiRef = React11.useRef(null);
+  if (apiRef.current === null) {
+    apiRef.current = createConversation(config);
+  }
+  const api = apiRef.current;
+  const state = React11.useSyncExternalStore(api.subscribe, api.getState, api.getState);
+  const transport = config?.transport;
+  React11.useEffect(() => {
+    if (transport) api.setTransport(transport);
+  }, [api, transport]);
+  return {
+    state,
+    api,
+    sendMessage: api.sendMessage,
+    newConversation: api.newConversation,
+    selectConversation: api.selectConversation,
+    deleteConversation: api.deleteConversation,
+    renameConversation: api.renameConversation,
+    editMessage: api.editMessage,
+    deleteMessage: api.deleteMessage,
+    react: api.react,
+    retryLast: api.retryLast,
+    stop: api.stop,
+    openThread: api.openThread,
+    closeThread: api.closeThread,
+    setThreadingMode: api.setThreadingMode
+  };
+}
+var h = React11.createElement;
+var EMOJI = {
+  smile: "\u{1F604}",
+  grin: "\u{1F601}",
+  joy: "\u{1F602}",
+  rofl: "\u{1F923}",
+  wink: "\u{1F609}",
+  heart_eyes: "\u{1F60D}",
+  thinking: "\u{1F914}",
+  neutral: "\u{1F610}",
+  sob: "\u{1F62D}",
+  scream: "\u{1F631}",
+  tada: "\u{1F389}",
+  fire: "\u{1F525}",
+  heart: "\u2764\uFE0F",
+  thumbsup: "\u{1F44D}",
+  thumbsdown: "\u{1F44E}",
+  clap: "\u{1F44F}",
+  pray: "\u{1F64F}",
+  eyes: "\u{1F440}",
+  rocket: "\u{1F680}",
+  sparkles: "\u2728",
+  star: "\u2B50",
+  check: "\u2705",
+  x: "\u274C",
+  warning: "\u26A0\uFE0F",
+  bulb: "\u{1F4A1}",
+  bug: "\u{1F41B}",
+  wave: "\u{1F44B}",
+  ok_hand: "\u{1F44C}",
+  muscle: "\u{1F4AA}",
+  "100": "\u{1F4AF}",
+  poop: "\u{1F4A9}",
+  ghost: "\u{1F47B}",
+  robot: "\u{1F916}",
+  cat: "\u{1F431}",
+  dog: "\u{1F436}",
+  coffee: "\u2615",
+  pizza: "\u{1F355}",
+  beer: "\u{1F37A}",
+  sun: "\u2600\uFE0F",
+  moon: "\u{1F319}",
+  zap: "\u26A1"
+};
+function detectTrigger(text, caret) {
+  const before = text.slice(0, caret);
+  const m = before.match(/(?:^|\s)([/@:])([\w+-]*)$/);
+  if (!m) return null;
+  const type = m[1];
+  const query = m[2] ?? "";
+  return { type, query, start: caret - query.length - 1, end: caret };
+}
+function Composer({
+  placeholder = "Type a message\u2026  (/ commands, @ mentions, : emoji)",
+  busy = false,
+  slashCommands = [],
+  mentions,
+  toolbar = true,
+  emoji = true,
+  attachments = true,
+  onSubmit,
+  onStop,
+  onSlashCommand,
+  autoFocus
+}) {
+  const [value, setValue] = React11.useState("");
+  const [pending, setPending] = React11.useState([]);
+  const [trigger, setTrigger] = React11.useState(null);
+  const [active, setActive] = React11.useState(0);
+  const [mentionItems, setMentionItems] = React11.useState([]);
+  const ref = React11.useRef(null);
+  const fileRef = React11.useRef(null);
+  React11.useEffect(() => {
+    if (trigger?.type !== "@" || !mentions) {
+      setMentionItems([]);
+      return;
+    }
+    if (Array.isArray(mentions)) {
+      const q = trigger.query.toLowerCase();
+      setMentionItems(mentions.filter((m) => m.label.toLowerCase().includes(q)).slice(0, 8));
+      return;
+    }
+    let cancelled = false;
+    Promise.resolve(mentions(trigger.query)).then((res) => {
+      if (!cancelled) setMentionItems(res.slice(0, 8));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [trigger, mentions]);
+  const items = React11.useMemo(() => {
+    if (!trigger) return [];
+    const q = trigger.query.toLowerCase();
+    if (trigger.type === "/") {
+      return slashCommands.filter((c) => c.label.toLowerCase().includes(q) || c.id.toLowerCase().includes(q)).slice(0, 8).map((c) => ({ key: c.id, primary: c.label, secondary: c.description, icon: c.icon, apply: c.insertText ?? "", runCmd: c }));
+    }
+    if (trigger.type === "@") {
+      return mentionItems.map((m) => ({ key: m.id, primary: m.label, icon: m.avatarUrl ? "" : "@", apply: `@${m.label} ` }));
+    }
+    if (trigger.type === ":" && emoji) {
+      return Object.entries(EMOJI).filter(([name]) => name.includes(q)).slice(0, 8).map(([name, char]) => ({ key: name, primary: `${char}  :${name}:`, apply: char }));
+    }
+    return [];
+  }, [trigger, slashCommands, mentionItems, emoji]);
+  const menuOpen = trigger !== null && items.length > 0;
+  React11.useEffect(() => setActive(0), [trigger?.type, trigger?.query]);
+  function syncFromTextarea(el) {
+    setValue(el.value);
+    setTrigger(detectTrigger(el.value, el.selectionStart ?? el.value.length));
+  }
+  function selectItem(i) {
+    const item = items[i];
+    if (!item || !trigger) return;
+    if (trigger.type === "/" && !item.apply && item.runCmd) {
+      const next2 = value.slice(0, trigger.start) + value.slice(trigger.end);
+      setValue(next2);
+      setTrigger(null);
+      onSlashCommand?.(item.runCmd);
+      queueCaret(trigger.start);
+      return;
+    }
+    const next = value.slice(0, trigger.start) + item.apply + value.slice(trigger.end);
+    setValue(next);
+    setTrigger(null);
+    queueCaret(trigger.start + item.apply.length);
+  }
+  function queueCaret(pos) {
+    requestAnimationFrame(() => {
+      const el = ref.current;
+      if (!el) return;
+      el.focus();
+      el.setSelectionRange(pos, pos);
+    });
+  }
+  function format(kind) {
+    const el = ref.current;
+    if (!el) return;
+    const start = el.selectionStart ?? 0;
+    const end = el.selectionEnd ?? 0;
+    const sel = value.slice(start, end);
+    let replacement = sel;
+    let caretOffset = 0;
+    if (kind === "bold") replacement = `**${sel || "bold"}**`;
+    else if (kind === "italic") replacement = `*${sel || "italic"}*`;
+    else if (kind === "code") replacement = sel.includes("\n") ? `
+\`\`\`
+${sel}
+\`\`\`
+` : `\`${sel || "code"}\``;
+    else if (kind === "link") {
+      replacement = `[${sel || "text"}](url)`;
+      caretOffset = replacement.length - 4;
+    } else if (kind === "quote" || kind === "ul" || kind === "ol") {
+      const prefix = kind === "quote" ? "> " : kind === "ul" ? "- " : "1. ";
+      const block = (sel || "item").split("\n").map((l) => prefix + l).join("\n");
+      replacement = (start > 0 && value[start - 1] !== "\n" ? "\n" : "") + block;
+    }
+    const next = value.slice(0, start) + replacement + value.slice(end);
+    setValue(next);
+    const caret = caretOffset ? start + caretOffset : start + replacement.length;
+    queueCaret(caret);
+  }
+  function submit() {
+    const text = value.trim();
+    if (!text && pending.length === 0 || busy) return;
+    onSubmit(text, pending.length ? pending : void 0);
+    setValue("");
+    setPending([]);
+    setTrigger(null);
+  }
+  function onFiles(files) {
+    if (!files) return;
+    setPending((p) => [
+      ...p,
+      ...Array.from(files).map((f) => ({
+        id: `${f.name}-${f.size}-${f.lastModified}`,
+        name: f.name,
+        url: URL.createObjectURL(f),
+        type: f.type || "application/octet-stream",
+        size: f.size
+      }))
+    ]);
+  }
+  function onKeyDown(e) {
+    if (menuOpen) {
+      if (e.key === "ArrowDown") return e.preventDefault(), setActive((a) => (a + 1) % items.length);
+      if (e.key === "ArrowUp") return e.preventDefault(), setActive((a) => (a - 1 + items.length) % items.length);
+      if (e.key === "Enter" || e.key === "Tab") return e.preventDefault(), selectItem(active);
+      if (e.key === "Escape") return e.preventDefault(), setTrigger(null);
+    }
+    const mod = e.metaKey || e.ctrlKey;
+    if (mod && e.key.toLowerCase() === "b") return e.preventDefault(), format("bold");
+    if (mod && e.key.toLowerCase() === "i") return e.preventDefault(), format("italic");
+    if (mod && e.key.toLowerCase() === "e") return e.preventDefault(), format("code");
+    if (mod && e.key.toLowerCase() === "k") return e.preventDefault(), format("link");
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      submit();
+    }
+  }
+  const toolbarBtn = (label, title, kind) => h(
+    "button",
+    {
+      key: kind,
+      type: "button",
+      title,
+      className: "rounded px-1.5 py-0.5 text-xs text-muted-foreground hover:bg-accent hover:text-foreground",
+      onMouseDown: (e) => e.preventDefault(),
+      // keep textarea selection
+      onClick: () => format(kind)
+    },
+    label
+  );
+  return h(
+    "div",
+    { className: "border-t border-border" },
+    // attachment chips
+    pending.length > 0 ? h(
+      "div",
+      { className: "flex flex-wrap gap-2 px-3 pt-2" },
+      ...pending.map(
+        (a) => h(
+          "span",
+          { key: a.id, className: "inline-flex items-center gap-1 rounded bg-muted px-2 py-0.5 text-xs" },
+          a.name,
+          h(
+            "button",
+            {
+              type: "button",
+              className: "text-muted-foreground hover:text-destructive",
+              onClick: () => setPending((p) => p.filter((x) => x.id !== a.id))
+            },
+            "\u2715"
+          )
+        )
+      )
+    ) : null,
+    // toolbar
+    toolbar ? h(
+      "div",
+      { className: "flex items-center gap-0.5 px-2 pt-2" },
+      toolbarBtn("B", "Bold (\u2318B)", "bold"),
+      toolbarBtn("\u{1D456}", "Italic (\u2318I)", "italic"),
+      toolbarBtn("</>", "Code (\u2318E)", "code"),
+      toolbarBtn("\u{1F517}", "Link (\u2318K)", "link"),
+      toolbarBtn("\u275D", "Quote", "quote"),
+      toolbarBtn("\u2022", "Bulleted list", "ul"),
+      toolbarBtn("1.", "Numbered list", "ol")
+    ) : null,
+    // input row (relative for the popup menu)
+    h(
+      "div",
+      { className: "relative flex items-end gap-2 p-3" },
+      menuOpen ? h(
+        "div",
+        {
+          className: "absolute bottom-full left-3 z-20 mb-1 w-72 overflow-hidden rounded-lg border border-border bg-popover shadow-lg",
+          role: "listbox"
+        },
+        h(
+          "div",
+          { className: "border-b border-border px-2 py-1 text-[10px] uppercase tracking-wide text-muted-foreground" },
+          trigger?.type === "/" ? "Commands" : trigger?.type === "@" ? "Mentions" : "Emoji"
+        ),
+        ...items.map(
+          (it, i) => h(
+            "button",
+            {
+              key: it.key,
+              type: "button",
+              role: "option",
+              "aria-selected": i === active,
+              className: cn(
+                "flex w-full items-center gap-2 px-2 py-1.5 text-left text-sm",
+                i === active ? "bg-accent" : "hover:bg-accent/50"
+              ),
+              onMouseEnter: () => setActive(i),
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => selectItem(i)
+            },
+            it.icon ? h("span", { className: "w-4 text-center text-muted-foreground" }, it.icon) : null,
+            h("span", { className: "flex-1 truncate" }, it.primary),
+            it.secondary ? h("span", { className: "truncate text-xs text-muted-foreground" }, it.secondary) : null
+          )
+        )
+      ) : null,
+      attachments ? h(
+        React11.Fragment,
+        null,
+        h("input", {
+          ref: fileRef,
+          type: "file",
+          accept: "image/*",
+          multiple: true,
+          className: "hidden",
+          onChange: (e) => {
+            onFiles(e.target.files);
+            e.target.value = "";
+          }
+        }),
+        h(
+          "button",
+          {
+            type: "button",
+            className: "rounded-md border border-border px-2 py-2 text-sm hover:bg-accent",
+            "aria-label": "Attach image or GIF",
+            onClick: () => fileRef.current?.click()
+          },
+          "\u{1F4CE}"
+        )
+      ) : null,
+      h("textarea", {
+        ref,
+        className: "max-h-40 flex-1 resize-none rounded-md border border-border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
+        rows: 1,
+        value,
+        placeholder,
+        autoFocus,
+        "aria-label": "Message",
+        onChange: (e) => syncFromTextarea(e.target),
+        onClick: (e) => syncFromTextarea(e.currentTarget),
+        onKeyUp: (e) => syncFromTextarea(e.currentTarget),
+        onKeyDown,
+        onBlur: () => setTimeout(() => setTrigger(null), 120)
+      }),
+      busy ? h(
+        "button",
+        {
+          type: "button",
+          className: "rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground",
+          onClick: () => onStop?.()
+        },
+        "Stop"
+      ) : h(
+        "button",
+        {
+          type: "button",
+          className: "rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground disabled:opacity-50",
+          disabled: !value.trim() && pending.length === 0,
+          onClick: submit
+        },
+        "Send"
+      )
+    )
+  );
+}
+var h2 = React11.createElement;
+var QUICK_EMOJIS = ["\u{1F44D}", "\u2764\uFE0F", "\u{1F602}", "\u{1F389}", "\u{1F440}", "\u{1F64F}"];
+var chatMd = cn(
+  "max-w-none text-sm",
+  "[&_p]:my-1 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0",
+  "[&_pre]:my-2 [&_pre]:rounded-md [&_pre]:text-xs [&_pre]:leading-relaxed",
+  "[&_ul]:my-1 [&_ol]:my-1 [&_li]:my-0.5",
+  "[&_h1]:text-base [&_h1]:font-semibold [&_h1]:mt-2 [&_h1]:mb-1",
+  "[&_h2]:text-sm [&_h2]:font-semibold [&_h2]:mt-2 [&_h2]:mb-1",
+  "[&_h3]:text-sm [&_h3]:font-semibold",
+  "[&_blockquote]:my-1 [&_blockquote]:border-l-2 [&_blockquote]:pl-2 [&_blockquote]:not-italic [&_blockquote]:text-muted-foreground",
+  "[&_img]:my-1 [&_img]:max-h-60 [&_img]:rounded-md",
+  "[&_code]:text-[0.85em]"
+);
+function Avatar({ name, avatarUrl, size = 8 }) {
+  return h2(
+    "div",
+    {
+      className: cn(
+        "flex-shrink-0 overflow-hidden rounded-full bg-muted flex items-center justify-center text-xs font-medium",
+        size === 8 ? "h-8 w-8" : "h-7 w-7"
+      )
+    },
+    avatarUrl ? h2("img", { src: avatarUrl, alt: name, className: "h-full w-full object-cover" }) : (name.charAt(0) || "?").toUpperCase()
+  );
+}
+function TypingDots() {
+  return h2(
+    "div",
+    { className: "flex items-center gap-1 py-1.5", "aria-label": "Assistant is typing" },
+    ...[0, 150, 300].map(
+      (delay) => h2("span", {
+        key: delay,
+        className: "h-1.5 w-1.5 rounded-full bg-muted-foreground/60 animate-bounce",
+        style: { animationDelay: `${delay}ms` }
+      })
+    )
+  );
+}
+function Attachments({ attachments }) {
+  return h2(
+    "div",
+    { className: "mt-2 flex flex-wrap gap-2" },
+    ...attachments.map(
+      (a) => a.type.startsWith("image/") ? h2("img", { key: a.id, src: a.url, alt: a.name, className: "max-h-60 rounded-md border border-border object-contain" }) : h2(
+        "a",
+        {
+          key: a.id,
+          href: a.url,
+          target: "_blank",
+          rel: "noreferrer",
+          className: "inline-flex items-center gap-2 rounded-md border border-border bg-background/60 px-2 py-1 text-xs"
+        },
+        "\u{1F4CE} ",
+        a.name
+      )
+    )
+  );
+}
+function MessageBody({ message }) {
+  if (message.status === "streaming" && message.content === "") return h2(TypingDots);
+  return h2(
+    React11.Fragment,
+    null,
+    message.content ? h2(MarkdownRenderer, { content: message.content, size: "sm", className: chatMd }) : null,
+    message.attachments && message.attachments.length > 0 ? h2(Attachments, { attachments: message.attachments }) : null,
+    message.status === "error" ? h2("div", { className: "mt-1 text-xs text-destructive", role: "alert" }, message.error ?? "Failed to send.") : null
+  );
+}
+function Reactions({ message, onReact, align }) {
+  if (!message.reactions || message.reactions.length === 0) return null;
+  return h2(
+    "div",
+    { className: cn("mt-1 flex flex-wrap gap-1", align === "end" && "justify-end") },
+    ...message.reactions.map(
+      (r) => h2(
+        "button",
+        {
+          key: r.emoji,
+          type: "button",
+          onClick: () => onReact(r.emoji),
+          className: cn(
+            "inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-xs",
+            r.userReacted ? "border-primary bg-primary/10" : "border-border bg-background"
+          )
+        },
+        `${r.emoji} ${r.count}`
+      )
+    )
+  );
+}
+function QuotedParent({ parent, onClick }) {
+  const snippet = parent.content.length > 80 ? `${parent.content.slice(0, 80)}\u2026` : parent.content;
+  return h2(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "mb-1 flex max-w-full items-start gap-2 rounded-md border-l-2 border-primary/50 bg-muted/50 px-2 py-1 text-left text-xs text-muted-foreground hover:bg-muted"
+    },
+    h2("span", { className: "font-medium" }, parent.author.name),
+    h2("span", { className: "truncate" }, snippet)
+  );
+}
+function HoverActions({
+  message,
+  conversation,
+  isOwn,
+  onEdit,
+  onToggleEmojis,
+  align
+}) {
+  const { state, openThread, deleteMessage } = conversation;
+  return h2(
+    "div",
+    {
+      className: cn(
+        "mt-1 flex items-center gap-3 text-xs text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100",
+        align === "end" && "justify-end"
+      )
+    },
+    h2("button", { type: "button", className: "hover:text-foreground", onClick: () => openThread(rootIdOf(state.messages, message.id)) }, "Reply"),
+    h2("button", { type: "button", className: "hover:text-foreground", onClick: onToggleEmojis }, "React"),
+    isOwn ? h2("button", { type: "button", className: "hover:text-foreground", onClick: onEdit }, "Edit") : null,
+    isOwn ? h2("button", { type: "button", className: "hover:text-destructive", onClick: () => deleteMessage(message.id) }, "Delete") : null
+  );
+}
+function EmojiRow({ onPick, align }) {
+  return h2(
+    "div",
+    { className: cn("mt-1 flex gap-1", align === "end" && "justify-end") },
+    ...QUICK_EMOJIS.map(
+      (emoji) => h2("button", { key: emoji, type: "button", className: "rounded px-1 text-base hover:bg-accent", onClick: () => onPick(emoji) }, emoji)
+    )
+  );
+}
+function EditField({ message, conversation, onDone }) {
+  const [draft, setDraft] = React11.useState(message.content);
+  function save() {
+    const t = draft.trim();
+    if (t && t !== message.content) conversation.editMessage(message.id, t);
+    onDone();
+  }
+  return h2(
+    "div",
+    { className: "mt-1" },
+    h2("textarea", {
+      className: "w-full resize-none rounded-md border border-border bg-background px-2 py-1 text-sm",
+      value: draft,
+      autoFocus: true,
+      onChange: (e) => setDraft(e.target.value),
+      onKeyDown: (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+          e.preventDefault();
+          save();
+        }
+        if (e.key === "Escape") onDone();
+      }
+    }),
+    h2(
+      "div",
+      { className: "mt-1 flex gap-2 text-xs" },
+      h2("button", { type: "button", className: "text-primary", onClick: save }, "Save"),
+      h2("button", { type: "button", className: "text-muted-foreground", onClick: onDone }, "Cancel")
+    )
+  );
+}
+function MessageRow({
+  message,
+  conversation,
+  currentUserId,
+  showThreadAffordance,
+  quotedParent
+}) {
+  const { state, react, openThread } = conversation;
+  const [showEmojis, setShowEmojis] = React11.useState(false);
+  const [editing, setEditing] = React11.useState(false);
+  const isUser = currentUserId ? message.author.id === currentUserId : message.role === "user";
+  const replyCount = getReplyCount(state.messages, message.id);
+  const align = isUser ? "end" : "start";
+  const inner = h2(
+    React11.Fragment,
+    null,
+    quotedParent ? h2(QuotedParent, { parent: quotedParent, onClick: () => openThread(quotedParent.id) }) : null,
+    editing ? h2(EditField, { message, conversation, onDone: () => setEditing(false) }) : isUser ? h2("div", { className: "inline-block rounded-2xl rounded-br-sm bg-primary/10 px-3 py-2 text-left" }, h2(MessageBody, { message })) : h2(MessageBody, { message }),
+    h2(Reactions, { message, onReact: (e) => react(message.id, e), align }),
+    showThreadAffordance && replyCount > 0 ? h2(
+      "button",
+      { type: "button", className: cn("mt-1 text-xs font-medium text-primary hover:underline", align === "end" && "self-end"), onClick: () => openThread(message.id) },
+      `\u{1F4AC} ${replyCount} ${replyCount === 1 ? "reply" : "replies"}`
+    ) : null,
+    h2(HoverActions, { message, conversation, isOwn: isUser, onEdit: () => setEditing(true), onToggleEmojis: () => setShowEmojis((v) => !v), align }),
+    showEmojis ? h2(EmojiRow, {
+      onPick: (e) => {
+        react(message.id, e);
+        setShowEmojis(false);
+      },
+      align
+    }) : null
+  );
+  if (!isUser) {
+    return h2(
+      "div",
+      { className: "group flex gap-3 rounded-md px-3 py-2 hover:bg-accent/30", role: "article", "aria-label": `Message from ${message.author.name}`, "data-message-id": message.id },
+      h2(Avatar, { name: message.author.name, avatarUrl: message.author.avatarUrl }),
+      h2(
+        "div",
+        { className: "min-w-0 flex-1" },
+        h2(
+          "div",
+          { className: "flex items-baseline gap-2" },
+          h2("span", { className: "text-sm font-semibold" }, message.author.name),
+          h2("span", { className: "text-xs text-muted-foreground", title: message.timestamp.toLocaleString() }, formatTimestamp(message.timestamp)),
+          message.edited ? h2("span", { className: "text-xs text-muted-foreground" }, "(edited)") : null
+        ),
+        inner
+      )
+    );
+  }
+  return h2(
+    "div",
+    { className: "group flex flex-col items-end px-3 py-1.5", role: "article", "aria-label": `Message from ${message.author.name}`, "data-message-id": message.id },
+    h2(
+      "div",
+      { className: "flex items-baseline gap-2" },
+      message.edited ? h2("span", { className: "text-xs text-muted-foreground" }, "(edited)") : null,
+      h2("span", { className: "text-xs text-muted-foreground", title: message.timestamp.toLocaleString() }, formatTimestamp(message.timestamp)),
+      h2("span", { className: "text-sm font-semibold" }, message.author.name)
+    ),
+    h2("div", { className: "mt-0.5 flex max-w-[80%] flex-col items-end" }, inner)
+  );
+}
+function ConversationSidebar({ conversation }) {
+  const { state, newConversation, selectConversation, deleteConversation } = conversation;
+  return h2(
+    "aside",
+    { className: "flex w-56 flex-col gap-1 overflow-y-auto border-r border-border bg-muted/20 p-2", "aria-label": "Conversations" },
+    h2(
+      "button",
+      { type: "button", className: "mb-1 w-full rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:opacity-90", onClick: () => newConversation() },
+      "+ New chat"
+    ),
+    ...state.conversations.map(
+      (conv) => h2(
+        "div",
+        {
+          key: conv.id,
+          role: "button",
+          "aria-current": conv.id === state.activeConversationId,
+          onClick: () => selectConversation(conv.id),
+          className: cn(
+            "group flex items-center justify-between gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-accent/60",
+            conv.id === state.activeConversationId && "bg-accent font-medium"
+          )
+        },
+        h2(
+          "div",
+          { className: "min-w-0" },
+          h2("div", { className: "truncate" }, conv.title),
+          h2("div", { className: "truncate text-xs text-muted-foreground" }, formatRelativeTime(conv.updatedAt))
+        ),
+        h2(
+          "button",
+          {
+            type: "button",
+            className: "text-xs text-muted-foreground opacity-0 hover:text-destructive group-hover:opacity-100",
+            "aria-label": `Delete ${conv.title}`,
+            onClick: (e) => {
+              e.stopPropagation();
+              deleteConversation(conv.id);
+            }
+          },
+          "\u2715"
+        )
+      )
+    )
+  );
+}
+function ThreadPanel({ conversation, currentUserId, composer }) {
+  const { state } = conversation;
+  const rootId = state.openThreadRootId;
+  if (!rootId) return null;
+  const messages = selectThreadMessages(state.messages, rootId);
+  return h2(
+    "aside",
+    { className: "flex w-80 flex-col border-l border-border", "aria-label": "Thread" },
+    h2(
+      "div",
+      { className: "flex items-center justify-between border-b border-border px-3 py-2" },
+      h2("span", { className: "text-sm font-semibold" }, "Thread"),
+      h2("button", { type: "button", className: "text-muted-foreground hover:text-foreground", "aria-label": "Close thread", onClick: () => conversation.closeThread() }, "\u2715")
+    ),
+    h2(
+      "div",
+      { className: "flex-1 overflow-y-auto p-1" },
+      ...messages.map((m) => h2(MessageRow, { key: m.id, message: m, conversation, currentUserId, showThreadAffordance: false }))
+    ),
+    composer
+  );
+}
+function ModeToggle({ conversation }) {
+  const { state, setThreadingMode } = conversation;
+  const opt = (mode, label) => h2(
+    "button",
+    {
+      type: "button",
+      onClick: () => setThreadingMode(mode),
+      className: cn("rounded px-2 py-0.5 text-xs", state.threadingMode === mode ? "bg-background shadow-sm" : "text-muted-foreground")
+    },
+    label
+  );
+  return h2(
+    "div",
+    { className: "inline-flex rounded-md bg-muted p-0.5", role: "group", "aria-label": "Threading mode" },
+    opt("inline", "Inline"),
+    opt("panel", "Threads")
+  );
+}
+function Chat({
+  conversation,
+  showConversationList = true,
+  showModeToggle = true,
+  placeholder,
+  currentUserId,
+  emptyState,
+  className,
+  slashCommands,
+  mentions,
+  onSlashCommand,
+  composerToolbar = true
+}) {
+  const { state, sendMessage } = conversation;
+  const timeline = selectMainTimeline(state.messages, state.threadingMode);
+  const activeConv = state.conversations.find((c) => c.id === state.activeConversationId);
+  const busy = state.status === "sending" || state.status === "streaming";
+  const mainComposer = h2(Composer, {
+    placeholder,
+    busy,
+    slashCommands,
+    mentions,
+    onSlashCommand,
+    toolbar: composerToolbar,
+    onSubmit: (content, atts) => void sendMessage(content, { attachments: atts }),
+    onStop: () => conversation.stop()
+  });
+  const threadComposer = state.openThreadRootId ? h2(Composer, {
+    placeholder: "Reply\u2026",
+    busy,
+    slashCommands,
+    mentions,
+    onSlashCommand,
+    toolbar: composerToolbar,
+    onSubmit: (content, atts) => void sendMessage(content, { replyTo: state.openThreadRootId, attachments: atts }),
+    onStop: () => conversation.stop()
+  }) : null;
+  const body = timeline.length === 0 ? h2("div", { className: "flex flex-1 items-center justify-center p-6 text-sm text-muted-foreground" }, emptyState ?? "No messages yet. Say hello \u{1F44B}") : h2(
+    "div",
+    { className: "flex-1 space-y-0.5 overflow-y-auto p-2" },
+    ...timeline.map(
+      (m) => h2(MessageRow, {
+        key: m.id,
+        message: m,
+        conversation,
+        currentUserId,
+        showThreadAffordance: state.threadingMode === "panel",
+        quotedParent: state.threadingMode === "inline" && m.parentId ? findMessage(state.messages, m.parentId) : void 0
+      })
+    )
+  );
+  return h2(
+    "div",
+    { className: cn("flex h-full min-h-0 overflow-hidden rounded-xl border border-border bg-background", className) },
+    showConversationList ? h2(ConversationSidebar, { conversation }) : null,
+    h2(
+      "div",
+      { className: "flex min-w-0 flex-1 flex-col" },
+      h2(
+        "div",
+        { className: "flex items-center justify-between border-b border-border px-3 py-2" },
+        h2("span", { className: "truncate text-sm font-semibold" }, activeConv?.title ?? "Chat"),
+        showModeToggle ? h2(ModeToggle, { conversation }) : null
+      ),
+      body,
+      mainComposer
+    ),
+    h2(ThreadPanel, { conversation, currentUserId, composer: threadComposer })
+  );
+}
+
+// ../content-protection/dist/index.js
+function createContentProtection(props = {}) {
+  const {
+    enabled = true,
+    disableCopy = true,
+    disableContextMenu = true,
+    watermarkText
+  } = props;
+  const eventHandlers = {};
+  if (enabled) {
+    if (disableCopy) {
+      const prevent = (e) => e.preventDefault();
+      eventHandlers.onCopy = prevent;
+      eventHandlers.onCut = prevent;
+      eventHandlers.onSelectStart = prevent;
+    }
+    if (disableContextMenu) {
+      eventHandlers.onContextMenu = (e) => e.preventDefault();
+    }
+  }
+  const watermarkConfig = watermarkText ? { text: watermarkText, opacity: 0.08, angle: -45 } : null;
+  const dataAttributes = {};
+  if (enabled) {
+    dataAttributes["data-protected"] = "true";
+  }
+  return {
+    eventHandlers,
+    watermarkConfig,
+    dataAttributes
+  };
+}
+var contentProtectionVariants = cva({
+  base: "relative select-none"
+});
+var watermarkVariants = cva({
+  base: "pointer-events-none absolute inset-0 z-50 overflow-hidden"
+});
+var ContentProtection = React11.forwardRef(
+  ({
+    enabled,
+    disableCopy,
+    disableContextMenu,
+    watermarkText,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const api = createContentProtection({
+      enabled,
+      disableCopy,
+      disableContextMenu,
+      watermarkText
+    });
+    const classes = cn(contentProtectionVariants(), className);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: classes,
+        ...api.dataAttributes,
+        onCopy: api.eventHandlers.onCopy,
+        onCut: api.eventHandlers.onCut,
+        onContextMenu: api.eventHandlers.onContextMenu,
+        onSelect: api.eventHandlers.onSelectStart,
+        ...props,
+        children: [
+          children,
+          api.watermarkConfig && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: watermarkVariants(),
+              "aria-hidden": "true",
+              style: {
+                opacity: api.watermarkConfig.opacity,
+                transform: `rotate(${api.watermarkConfig.angle}deg)`,
+                backgroundImage: `repeating-linear-gradient(
+                ${api.watermarkConfig.angle}deg,
+                transparent,
+                transparent 80px,
+                currentColor 80px,
+                currentColor 80px
+              )`
+              },
+              children: /* @__PURE__ */ jsxs("svg", { width: "100%", height: "100%", children: [
+                /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+                  "pattern",
+                  {
+                    id: "rfr-watermark",
+                    x: "0",
+                    y: "0",
+                    width: "200",
+                    height: "200",
+                    patternUnits: "userSpaceOnUse",
+                    patternTransform: `rotate(${api.watermarkConfig.angle})`,
+                    children: /* @__PURE__ */ jsx(
+                      "text",
+                      {
+                        x: "0",
+                        y: "100",
+                        fill: "currentColor",
+                        fontSize: "16",
+                        fontFamily: "sans-serif",
+                        children: api.watermarkConfig.text
+                      }
+                    )
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "url(#rfr-watermark)" })
+              ] })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ContentProtection.displayName = "ContentProtection";
+
+// ../cookie-consent/dist/index.js
+var DEFAULT_KEY = "rfr-cookie-consent";
+var DEFAULT_CATEGORIES = [
+  { id: "necessary", label: "Strictly necessary", description: "Required for the site to function. Always on.", required: true },
+  { id: "preferences", label: "Preferences", description: "Remembers your settings and choices." },
+  { id: "analytics", label: "Analytics", description: "Helps us understand how the site is used." },
+  { id: "marketing", label: "Marketing", description: "Used to personalize ads and measure campaigns." }
+];
+function baseline(categories) {
+  const p = {};
+  for (const c of categories) p[c.id] = !!c.required;
+  return p;
+}
+function createCookieConsent(config = {}) {
+  const categories = config.categories ?? DEFAULT_CATEGORIES;
+  const storage = config.storage;
+  const key = config.storageKey ?? DEFAULT_KEY;
+  const version = config.version;
+  let preferences = baseline(categories);
+  let consented = false;
+  const raw = storage?.get(key) ?? null;
+  if (raw) {
+    try {
+      const parsed = JSON.parse(raw);
+      if ((parsed.version ?? void 0) === version) {
+        preferences = { ...baseline(categories), ...parsed.preferences };
+        for (const c of categories) if (c.required) preferences[c.id] = true;
+        consented = true;
+      }
+    } catch {
+    }
+  }
+  let open = !consented;
+  const listeners = /* @__PURE__ */ new Set();
+  let snapshot = build();
+  function build() {
+    return { consented, preferences: { ...preferences }, open, categories };
+  }
+  function emit() {
+    snapshot = build();
+    for (const l of listeners) l();
+  }
+  function persist() {
+    storage?.set(key, JSON.stringify({ version, preferences }));
+    config.onChange?.({ ...preferences });
+  }
+  function save(next) {
+    const merged = { ...baseline(categories), ...next };
+    for (const c of categories) if (c.required) merged[c.id] = true;
+    preferences = merged;
+    consented = true;
+    open = false;
+    persist();
+    emit();
+  }
+  return {
+    getState() {
+      return snapshot;
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    },
+    acceptAll() {
+      const all = {};
+      for (const c of categories) all[c.id] = true;
+      save(all);
+    },
+    rejectAll() {
+      save(baseline(categories));
+    },
+    savePreferences(prefs) {
+      save(prefs);
+    },
+    setPreference(id, value) {
+      const cat = categories.find((c) => c.id === id);
+      if (!cat || cat.required) return;
+      preferences = { ...preferences, [id]: value };
+      emit();
+    },
+    reset() {
+      storage?.remove(key);
+      preferences = baseline(categories);
+      consented = false;
+      open = true;
+      emit();
+    },
+    openSettings() {
+      if (open) return;
+      open = true;
+      emit();
+    },
+    close() {
+      if (!open) return;
+      open = false;
+      emit();
+    }
+  };
+}
+
+// ../react-cookie-consent/dist/index.js
+var localStorageAdapter = {
+  get(k) {
+    try {
+      return typeof localStorage !== "undefined" ? localStorage.getItem(k) : null;
+    } catch {
+      return null;
+    }
+  },
+  set(k, v) {
+    try {
+      localStorage?.setItem(k, v);
+    } catch {
+    }
+  },
+  remove(k) {
+    try {
+      localStorage?.removeItem(k);
+    } catch {
+    }
+  }
+};
+function useCookieConsent(config) {
+  const apiRef = React11.useRef(null);
+  if (apiRef.current === null) {
+    apiRef.current = createCookieConsent({ storage: localStorageAdapter, ...config });
+  }
+  const api = apiRef.current;
+  const state = React11.useSyncExternalStore(api.subscribe, api.getState, api.getState);
+  return {
+    state,
+    api,
+    acceptAll: api.acceptAll,
+    rejectAll: api.rejectAll,
+    savePreferences: api.savePreferences,
+    setPreference: api.setPreference,
+    reset: api.reset,
+    openSettings: api.openSettings,
+    close: api.close
+  };
+}
+var h3 = React11.createElement;
+var btnPrimary = "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90";
+var btnGhost = "rounded-md border border-border px-3 py-1.5 text-sm hover:bg-accent";
+var btnLink = "text-sm text-muted-foreground underline hover:text-foreground";
+function CookieConsent({
+  consent,
+  position = "bottom",
+  title = "We use cookies",
+  description = "We use cookies to run the site, remember your preferences, and measure traffic. Choose which categories to allow.",
+  policyUrl,
+  policyLabel = "Cookie policy",
+  className
+}) {
+  const { state, acceptAll, rejectAll, savePreferences, setPreference } = consent;
+  const [settings, setSettings] = React11.useState(false);
+  if (!state.open) return null;
+  const wrapper = cn(
+    "fixed inset-x-0 z-50 p-4",
+    position === "bottom" ? "bottom-0" : "top-0",
+    className
+  );
+  const panel = "mx-auto max-w-3xl rounded-xl border border-border bg-background p-4 shadow-lg";
+  const header = h3(
+    "div",
+    null,
+    h3("h2", { className: "text-base font-semibold" }, title),
+    h3("p", { className: "mt-1 text-sm text-muted-foreground" }, description),
+    policyUrl ? h3("a", { href: policyUrl, target: "_blank", rel: "noreferrer", className: cn(btnLink, "mt-1 inline-block") }, policyLabel) : null
+  );
+  const promptActions = h3(
+    "div",
+    { className: "mt-3 flex flex-wrap items-center gap-2" },
+    h3("button", { type: "button", className: btnPrimary, onClick: () => acceptAll() }, "Accept all"),
+    h3("button", { type: "button", className: btnGhost, onClick: () => rejectAll() }, "Reject all"),
+    h3("button", { type: "button", className: cn(btnGhost, "ml-auto"), onClick: () => setSettings(true) }, "Manage preferences")
+  );
+  const settingsView = h3(
+    "div",
+    { className: "mt-3 space-y-2" },
+    ...state.categories.map(
+      (cat) => h3(
+        "label",
+        {
+          key: cat.id,
+          className: "flex items-start justify-between gap-3 rounded-md border border-border p-3"
+        },
+        h3(
+          "span",
+          { className: "min-w-0" },
+          h3("span", { className: "block text-sm font-medium" }, cat.label, cat.required ? " (required)" : ""),
+          cat.description ? h3("span", { className: "block text-xs text-muted-foreground" }, cat.description) : null
+        ),
+        h3("input", {
+          type: "checkbox",
+          className: "mt-0.5 h-4 w-4 accent-[hsl(var(--primary))]",
+          checked: !!state.preferences[cat.id],
+          disabled: cat.required,
+          "aria-label": cat.label,
+          onChange: (e) => setPreference(cat.id, e.target.checked)
+        })
+      )
+    ),
+    h3(
+      "div",
+      { className: "flex flex-wrap items-center gap-2 pt-1" },
+      h3("button", { type: "button", className: btnPrimary, onClick: () => savePreferences(state.preferences) }, "Save preferences"),
+      h3("button", { type: "button", className: btnGhost, onClick: () => acceptAll() }, "Accept all"),
+      h3("button", { type: "button", className: cn(btnLink, "ml-auto"), onClick: () => setSettings(false) }, "Back")
+    )
+  );
+  return h3(
+    "div",
+    { className: wrapper, role: "dialog", "aria-label": "Cookie consent", "aria-modal": false },
+    h3("div", { className: panel }, header, settings ? settingsView : promptActions)
+  );
+}
+
+// ../data-table/dist/index.js
+function createDataTable(props) {
+  const {
+    columns,
+    data,
+    sortBy: initialSortBy,
+    sortDir: initialSortDir = "asc",
+    onSort,
+    filters: initialFilters
+  } = props;
+  let sortBy = initialSortBy ?? null;
+  let sortDir = initialSortDir;
+  let filters = { ...initialFilters ?? {} };
+  function getFilteredData() {
+    let result = [...data];
+    for (const [columnId, filterValue] of Object.entries(filters)) {
+      if (!filterValue) continue;
+      const col = columns.find((c) => c.id === columnId);
+      if (!col) continue;
+      const lowerFilter = filterValue.toLowerCase();
+      result = result.filter((row) => {
+        const cellValue = col.accessor(row);
+        return String(cellValue ?? "").toLowerCase().includes(lowerFilter);
+      });
+    }
+    return result;
+  }
+  function getSortedData() {
+    const filtered = getFilteredData();
+    if (!sortBy) return filtered;
+    const col = columns.find((c) => c.id === sortBy);
+    if (!col) return filtered;
+    return [...filtered].sort((a, b) => {
+      const aVal = col.accessor(a);
+      const bVal = col.accessor(b);
+      const aStr = String(aVal ?? "");
+      const bStr = String(bVal ?? "");
+      const cmp = aStr.localeCompare(bStr, void 0, { numeric: true });
+      return sortDir === "asc" ? cmp : -cmp;
+    });
+  }
+  function sort(columnId) {
+    const col = columns.find((c) => c.id === columnId);
+    if (!col?.sortable) return;
+    if (sortBy === columnId) {
+      sortDir = sortDir === "asc" ? "desc" : "asc";
+    } else {
+      sortBy = columnId;
+      sortDir = "asc";
+    }
+    onSort?.(sortBy, sortDir);
+  }
+  function setFilter(columnId, value) {
+    filters = { ...filters, [columnId]: value };
+  }
+  function getHeaderProps(col) {
+    const props2 = {
+      role: "columnheader"
+    };
+    if (col.sortable) {
+      if (sortBy === col.id) {
+        props2["aria-sort"] = sortDir === "asc" ? "ascending" : "descending";
+      } else {
+        props2["aria-sort"] = "none";
+      }
+    }
+    return props2;
+  }
+  function getCellProps(col, _row) {
+    return {
+      role: "cell",
+      "data-column": col.id
+    };
+  }
+  function getRowProps(_row, index) {
+    return {
+      role: "row",
+      "data-row-index": index
+    };
+  }
+  return {
+    get state() {
+      return {
+        get sortedData() {
+          return getSortedData();
+        },
+        get sortBy() {
+          return sortBy;
+        },
+        get sortDir() {
+          return sortDir;
+        },
+        get filters() {
+          return { ...filters };
+        }
+      };
+    },
+    sort,
+    setFilter,
+    getHeaderProps,
+    getCellProps,
+    getRowProps
+  };
+}
+var tableVariants = cva({
+  base: "w-full caption-bottom text-sm border-collapse",
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "md"
   }
 });
 var headerVariants = cva({
@@ -4321,460 +5944,251 @@ Input.displayName = "Input";
 function createInputGroup(props = {}) {
   const { orientation = "horizontal" } = props;
   const id = props.id ?? generateId("rfr-input-group");
-  const ariaProps = {
-    role: "group"
-  };
-  if (props["aria-label"]) {
-    ariaProps["aria-label"] = props["aria-label"];
-  }
-  if (props["aria-labelledby"]) {
-    ariaProps["aria-labelledby"] = props["aria-labelledby"];
-  }
-  const dataAttributes = {
-    "data-orientation": orientation,
-    id
-  };
-  return {
-    ariaProps,
-    dataAttributes
-  };
-}
-var inputGroupTokens = {
-  name: "input-group",
-  tokens: {
-    bg: { variable: "--rfr-input-group-bg", fallback: "hsl(var(--background))" },
-    border: { variable: "--rfr-input-group-border", fallback: "hsl(var(--border))" },
-    radius: { variable: "--rfr-input-group-radius", fallback: "var(--radius)" }
-  }
-};
-var inputGroupVariants = cva({
-  base: "flex items-stretch [&>*:not(:first-child):not(:last-child)]:rounded-none",
-  variants: {
-    orientation: {
-      horizontal: "flex-row [&>*:first-child]:rounded-r-none [&>*:last-child]:rounded-l-none",
-      vertical: "flex-col [&>*:first-child]:rounded-b-none [&>*:last-child]:rounded-t-none"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal"
-  }
-});
-var inputGroupAddonVariants = cva({
-  base: "flex items-center justify-center border bg-muted px-3 text-sm text-muted-foreground",
-  variants: {
-    orientation: {
-      horizontal: "border-y border-x first:border-r-0 last:border-l-0",
-      vertical: "border-x border-y first:border-b-0 last:border-t-0"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal"
-  }
-});
-var inputGroupButtonVariants = cva({
-  base: "relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  variants: {
-    orientation: {
-      horizontal: "",
-      vertical: ""
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal"
-  }
-});
-var InputGroup = React11.forwardRef(
-  ({ orientation = "horizontal", className, children, ...props }, ref) => {
-    const api = createInputGroup({
-      orientation,
-      id: props.id,
-      "aria-label": props["aria-label"],
-      "aria-labelledby": props["aria-labelledby"]
-    });
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(inputGroupVariants({ orientation }), className),
-        ...api.ariaProps,
-        ...api.dataAttributes,
-        ...props,
-        children
-      }
-    );
-  }
-);
-InputGroup.displayName = "InputGroup";
-var InputGroupAddon = React11.forwardRef(
-  ({ orientation = "horizontal", className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(inputGroupAddonVariants({ orientation }), className),
-        ...props,
-        children
-      }
-    );
-  }
-);
-InputGroupAddon.displayName = "InputGroupAddon";
-var InputGroupText = React11.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        ref,
-        className: cn("flex items-center px-3 text-sm text-muted-foreground", className),
-        ...props,
-        children
-      }
-    );
-  }
-);
-InputGroupText.displayName = "InputGroupText";
-var InputGroupButton = React11.forwardRef(
-  ({ orientation = "horizontal", className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        type: props.type ?? "button",
-        className: cn(inputGroupButtonVariants({ orientation }), className),
-        ...props,
-        children
-      }
-    );
-  }
-);
-InputGroupButton.displayName = "InputGroupButton";
-
-// ../install-prompt/dist/index.js
-function createInstallPrompt(props = {}, storage) {
-  const { storageKey = "rfr-install-dismissed" } = props;
-  const dismissed = storage?.get(storageKey) === "true";
-  const state = {
-    canShow: false,
-    isDismissed: dismissed
-  };
-  return {
-    state,
-    show() {
-      if (!state.isDismissed) {
-        state.canShow = true;
-      }
-    },
-    dismiss() {
-      state.canShow = false;
-      state.isDismissed = true;
-      storage?.set(storageKey, "true");
-    },
-    install(promptEvent) {
-      promptEvent?.prompt();
-      state.canShow = false;
-    },
-    ariaProps: {
-      role: "banner",
-      "aria-label": "Install application"
-    }
-  };
-}
-var installPromptVariants = cva({
-  base: "fixed bottom-0 left-0 right-0 z-50 flex items-center justify-between gap-4 border-t bg-background px-4 py-3 shadow-lg"
-});
-function createLocalStorage() {
-  return {
-    get(key) {
-      try {
-        return localStorage.getItem(key);
-      } catch {
-        return null;
-      }
-    },
-    set(key, value) {
-      try {
-        localStorage.setItem(key, value);
-      } catch {
-      }
-    }
-  };
-}
-var InstallPrompt = React11.forwardRef(
-  ({
-    delay = 3e3,
-    storageKey,
-    installLabel = "Install",
-    dismissLabel = "Dismiss",
-    message = "Install this app for a better experience",
-    className,
-    ...props
-  }, ref) => {
-    const storageRef = React11.useRef(void 0);
-    if (typeof window !== "undefined" && !storageRef.current) {
-      storageRef.current = createLocalStorage();
-    }
-    const api = createInstallPrompt({ storageKey }, storageRef.current);
-    const [visible, setVisible] = React11.useState(false);
-    const promptEventRef = React11.useRef(null);
-    React11.useEffect(() => {
-      if (api.state.isDismissed) return;
-      const handleBeforeInstall = (e) => {
-        e.preventDefault();
-        promptEventRef.current = e;
-      };
-      window.addEventListener("beforeinstallprompt", handleBeforeInstall);
-      const timer = setTimeout(() => {
-        if (promptEventRef.current && !api.state.isDismissed) {
-          api.show();
-          setVisible(true);
-        }
-      }, delay);
-      return () => {
-        window.removeEventListener("beforeinstallprompt", handleBeforeInstall);
-        clearTimeout(timer);
-      };
-    }, [delay, api]);
-    if (!visible) return null;
-    const classes = cn(installPromptVariants(), className);
-    return /* @__PURE__ */ jsxs("div", { ref, className: classes, ...api.ariaProps, ...props, children: [
-      /* @__PURE__ */ jsx("span", { children: message }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              api.install(promptEventRef.current ?? void 0);
-              setVisible(false);
-            },
-            children: installLabel
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              api.dismiss();
-              setVisible(false);
-            },
-            children: dismissLabel
-          }
-        )
-      ] })
-    ] });
+  const ariaProps = {
+    role: "group"
+  };
+  if (props["aria-label"]) {
+    ariaProps["aria-label"] = props["aria-label"];
   }
-);
-InstallPrompt.displayName = "InstallPrompt";
-
-// ../markdown-renderer/dist/index.js
-function escapeHtml(text) {
-  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
-function parseInline(text, linkResolver) {
-  let result = escapeHtml(text);
-  result = result.replace(/`([^`]+)`/g, "<code>$1</code>");
-  result = result.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
-  result = result.replace(/__([^_]+)__/g, "<strong>$1</strong>");
-  result = result.replace(/\*([^*]+)\*/g, "<em>$1</em>");
-  result = result.replace(/_([^_]+)_/g, "<em>$1</em>");
-  result = result.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_match, text2, url) => {
-    if (/^\s*javascript\s*:/i.test(url)) {
-      return text2;
-    }
-    const resolvedUrl = linkResolver ? linkResolver(url) : url;
-    return `<a href="${resolvedUrl}">${text2}</a>`;
-  });
-  return result;
+  if (props["aria-labelledby"]) {
+    ariaProps["aria-labelledby"] = props["aria-labelledby"];
+  }
+  const dataAttributes = {
+    "data-orientation": orientation,
+    id
+  };
+  return {
+    ariaProps,
+    dataAttributes
+  };
 }
-function parseMarkdown(content, linkResolver) {
-  const lines = content.split("\n");
-  const outputLines = [];
-  let inCodeBlock = false;
-  let codeBlockContent = [];
-  let codeBlockLang = "";
-  let inList = null;
-  let inBlockquote = false;
-  function closeList() {
-    if (inList) {
-      outputLines.push(inList === "ul" ? "</ul>" : "</ol>");
-      inList = null;
-    }
+var inputGroupTokens = {
+  name: "input-group",
+  tokens: {
+    bg: { variable: "--rfr-input-group-bg", fallback: "hsl(var(--background))" },
+    border: { variable: "--rfr-input-group-border", fallback: "hsl(var(--border))" },
+    radius: { variable: "--rfr-input-group-radius", fallback: "var(--radius)" }
   }
-  function closeBlockquote() {
-    if (inBlockquote) {
-      outputLines.push("</blockquote>");
-      inBlockquote = false;
+};
+var inputGroupVariants = cva({
+  base: "flex items-stretch [&>*:not(:first-child):not(:last-child)]:rounded-none",
+  variants: {
+    orientation: {
+      horizontal: "flex-row [&>*:first-child]:rounded-r-none [&>*:last-child]:rounded-l-none",
+      vertical: "flex-col [&>*:first-child]:rounded-b-none [&>*:last-child]:rounded-t-none"
     }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
   }
-  for (let i = 0; i < lines.length; i++) {
-    const line = lines[i];
-    if (line.trimStart().startsWith("```")) {
-      if (inCodeBlock) {
-        outputLines.push(`<pre><code${codeBlockLang ? ` class="language-${escapeHtml(codeBlockLang)}"` : ""}>${escapeHtml(codeBlockContent.join("\n"))}</code></pre>`);
-        codeBlockContent = [];
-        codeBlockLang = "";
-        inCodeBlock = false;
-      } else {
-        closeList();
-        closeBlockquote();
-        inCodeBlock = true;
-        codeBlockLang = line.trimStart().slice(3).trim();
-      }
-      continue;
-    }
-    if (inCodeBlock) {
-      codeBlockContent.push(line);
-      continue;
-    }
-    if (/^(\s*[-*_]\s*){3,}$/.test(line)) {
-      closeList();
-      closeBlockquote();
-      outputLines.push("<hr />");
-      continue;
-    }
-    const headingMatch = line.match(/^(#{1,6})\s+(.+)$/);
-    if (headingMatch) {
-      closeList();
-      closeBlockquote();
-      const level = headingMatch[1].length;
-      const text = parseInline(headingMatch[2], linkResolver);
-      outputLines.push(`<h${level}>${text}</h${level}>`);
-      continue;
+});
+var inputGroupAddonVariants = cva({
+  base: "flex items-center justify-center border bg-muted px-3 text-sm text-muted-foreground",
+  variants: {
+    orientation: {
+      horizontal: "border-y border-x first:border-r-0 last:border-l-0",
+      vertical: "border-x border-y first:border-b-0 last:border-t-0"
     }
-    const blockquoteMatch = line.match(/^>\s?(.*)$/);
-    if (blockquoteMatch) {
-      closeList();
-      if (!inBlockquote) {
-        inBlockquote = true;
-        outputLines.push("<blockquote>");
-      }
-      const text = blockquoteMatch[1].trim();
-      if (text) {
-        outputLines.push(`<p>${parseInline(text, linkResolver)}</p>`);
-      }
-      continue;
-    } else if (inBlockquote) {
-      closeBlockquote();
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var inputGroupButtonVariants = cva({
+  base: "relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  variants: {
+    orientation: {
+      horizontal: "",
+      vertical: ""
     }
-    const ulMatch = line.match(/^[\s]*[-*+]\s+(.+)$/);
-    if (ulMatch) {
-      closeBlockquote();
-      if (inList !== "ul") {
-        closeList();
-        inList = "ul";
-        outputLines.push("<ul>");
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var InputGroup = React11.forwardRef(
+  ({ orientation = "horizontal", className, children, ...props }, ref) => {
+    const api = createInputGroup({
+      orientation,
+      id: props.id,
+      "aria-label": props["aria-label"],
+      "aria-labelledby": props["aria-labelledby"]
+    });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(inputGroupVariants({ orientation }), className),
+        ...api.ariaProps,
+        ...api.dataAttributes,
+        ...props,
+        children
       }
-      outputLines.push(`<li>${parseInline(ulMatch[1], linkResolver)}</li>`);
-      continue;
-    }
-    const olMatch = line.match(/^[\s]*\d+\.\s+(.+)$/);
-    if (olMatch) {
-      closeBlockquote();
-      if (inList !== "ol") {
-        closeList();
-        inList = "ol";
-        outputLines.push("<ol>");
+    );
+  }
+);
+InputGroup.displayName = "InputGroup";
+var InputGroupAddon = React11.forwardRef(
+  ({ orientation = "horizontal", className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(inputGroupAddonVariants({ orientation }), className),
+        ...props,
+        children
       }
-      outputLines.push(`<li>${parseInline(olMatch[1], linkResolver)}</li>`);
-      continue;
-    }
-    if (inList) {
-      closeList();
-    }
-    if (line.trim() === "") {
-      continue;
-    }
-    outputLines.push(`<p>${parseInline(line, linkResolver)}</p>`);
+    );
   }
-  if (inCodeBlock) {
-    outputLines.push(`<pre><code${codeBlockLang ? ` class="language-${escapeHtml(codeBlockLang)}"` : ""}>${escapeHtml(codeBlockContent.join("\n"))}</code></pre>`);
+);
+InputGroupAddon.displayName = "InputGroupAddon";
+var InputGroupText = React11.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn("flex items-center px-3 text-sm text-muted-foreground", className),
+        ...props,
+        children
+      }
+    );
   }
-  closeList();
-  closeBlockquote();
-  return outputLines.join("\n");
-}
-function extractComponents(content, components) {
-  if (!components) return [];
-  const extracted = [];
-  for (const [name, def] of Object.entries(components)) {
-    const matches = Array.from(content.matchAll(def.pattern));
-    matches.forEach(() => {
-      extracted.push({
-        name,
-        props: { ...def.props }
-      });
-    });
+);
+InputGroupText.displayName = "InputGroupText";
+var InputGroupButton = React11.forwardRef(
+  ({ orientation = "horizontal", className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: props.type ?? "button",
+        className: cn(inputGroupButtonVariants({ orientation }), className),
+        ...props,
+        children
+      }
+    );
   }
-  return extracted;
-}
-function createMarkdownRenderer(props) {
-  const { content, components, linkResolver } = props;
-  const html = parseMarkdown(content, linkResolver);
-  const extractedComponents = extractComponents(content, components);
-  const ariaProps = {
-    role: "document",
-    "aria-label": "Rendered markdown content"
+);
+InputGroupButton.displayName = "InputGroupButton";
+
+// ../install-prompt/dist/index.js
+function createInstallPrompt(props = {}, storage) {
+  const { storageKey = "rfr-install-dismissed" } = props;
+  const dismissed = storage?.get(storageKey) === "true";
+  const state = {
+    canShow: false,
+    isDismissed: dismissed
   };
   return {
-    html,
-    components: extractedComponents,
-    ariaProps
+    state,
+    show() {
+      if (!state.isDismissed) {
+        state.canShow = true;
+      }
+    },
+    dismiss() {
+      state.canShow = false;
+      state.isDismissed = true;
+      storage?.set(storageKey, "true");
+    },
+    install(promptEvent) {
+      promptEvent?.prompt();
+      state.canShow = false;
+    },
+    ariaProps: {
+      role: "banner",
+      "aria-label": "Install application"
+    }
   };
 }
-var markdownRendererTokens = {
-  name: "markdown-renderer",
-  tokens: {
-    bg: { variable: "--rfr-markdown-bg", fallback: "hsl(var(--background))" },
-    fg: { variable: "--rfr-markdown-fg", fallback: "hsl(var(--foreground))" },
-    codeBg: { variable: "--rfr-markdown-code-bg", fallback: "hsl(var(--muted))" },
-    linkColor: { variable: "--rfr-markdown-link", fallback: "hsl(var(--primary))" },
-    borderColor: { variable: "--rfr-markdown-border", fallback: "hsl(var(--border))" }
-  }
-};
-var proseVariants = cva({
-  base: "prose max-w-none text-foreground leading-relaxed",
-  variants: {
-    size: {
-      sm: "prose-sm text-sm",
-      default: "prose-base text-base",
-      lg: "prose-lg text-lg"
+var installPromptVariants = cva({
+  base: "fixed bottom-0 left-0 right-0 z-50 flex items-center justify-between gap-4 border-t bg-background px-4 py-3 shadow-lg"
+});
+function createLocalStorage() {
+  return {
+    get(key) {
+      try {
+        return localStorage.getItem(key);
+      } catch {
+        return null;
+      }
     },
-    theme: {
-      light: "bg-white text-gray-900",
-      dark: "bg-gray-900 text-gray-100"
+    set(key, value) {
+      try {
+        localStorage.setItem(key, value);
+      } catch {
+      }
     }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-});
-function sanitizeHtml(html) {
-  let sanitized = html;
-  sanitized = sanitized.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "");
-  sanitized = sanitized.replace(/<\/?script[^>]*>/gi, "");
-  sanitized = sanitized.replace(/\s+on\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "");
-  sanitized = sanitized.replace(/(href|src)\s*=\s*["']?\s*javascript\s*:[^"'>]*/gi, '$1=""');
-  return sanitized;
+  };
 }
-var MarkdownRenderer = React11.forwardRef(
-  ({ content, components, linkResolver, className, size }, ref) => {
-    const coreProps = { content, components, linkResolver };
-    const api = createMarkdownRenderer(coreProps);
-    const classes = cn(proseVariants({ size }), className);
-    const sanitizedHtml = sanitizeHtml(api.html);
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: classes,
-        ...api.ariaProps,
-        dangerouslySetInnerHTML: { __html: sanitizedHtml }
-      }
-    );
+var InstallPrompt = React11.forwardRef(
+  ({
+    delay = 3e3,
+    storageKey,
+    installLabel = "Install",
+    dismissLabel = "Dismiss",
+    message = "Install this app for a better experience",
+    className,
+    ...props
+  }, ref) => {
+    const storageRef = React11.useRef(void 0);
+    if (typeof window !== "undefined" && !storageRef.current) {
+      storageRef.current = createLocalStorage();
+    }
+    const api = createInstallPrompt({ storageKey }, storageRef.current);
+    const [visible, setVisible] = React11.useState(false);
+    const promptEventRef = React11.useRef(null);
+    React11.useEffect(() => {
+      if (api.state.isDismissed) return;
+      const handleBeforeInstall = (e) => {
+        e.preventDefault();
+        promptEventRef.current = e;
+      };
+      window.addEventListener("beforeinstallprompt", handleBeforeInstall);
+      const timer = setTimeout(() => {
+        if (promptEventRef.current && !api.state.isDismissed) {
+          api.show();
+          setVisible(true);
+        }
+      }, delay);
+      return () => {
+        window.removeEventListener("beforeinstallprompt", handleBeforeInstall);
+        clearTimeout(timer);
+      };
+    }, [delay, api]);
+    if (!visible) return null;
+    const classes = cn(installPromptVariants(), className);
+    return /* @__PURE__ */ jsxs("div", { ref, className: classes, ...api.ariaProps, ...props, children: [
+      /* @__PURE__ */ jsx("span", { children: message }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              api.install(promptEventRef.current ?? void 0);
+              setVisible(false);
+            },
+            children: installLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              api.dismiss();
+              setVisible(false);
+            },
+            children: dismissLabel
+          }
+        )
+      ] })
+    ] });
   }
 );
-MarkdownRenderer.displayName = "MarkdownRenderer";
+InstallPrompt.displayName = "InstallPrompt";
 
 // ../mobile-nav/dist/index.js
 function createMobileNav(props = {}) {
@@ -9592,7 +11006,7 @@ var AvatarContext = React11.createContext({
   setImageError: () => {
   }
 });
-var Avatar = React11.forwardRef(
+var Avatar2 = React11.forwardRef(
   ({ size = "md", className, children, ...props }, ref) => {
     const [imageLoaded, setImageLoaded] = React11.useState(false);
     const [imageError, setImageError] = React11.useState(false);
@@ -9610,7 +11024,7 @@ var Avatar = React11.forwardRef(
     ) });
   }
 );
-Avatar.displayName = "Avatar";
+Avatar2.displayName = "Avatar";
 var AvatarImage = React11.forwardRef(
   ({ className, src, alt = "", onLoad, onError, ...props }, ref) => {
     const { setImageLoaded, setImageError } = React11.useContext(AvatarContext);
@@ -10203,10 +11617,10 @@ function createDatePicker(props = {}) {
       closePicker();
     }
   }
-  function setHours(h) {
-    if (h < 0 || h > 23) return;
+  function setHours(h4) {
+    if (h4 < 0 || h4 > 23) return;
     const newDate = value ? new Date(value) : /* @__PURE__ */ new Date();
-    newDate.setHours(h);
+    newDate.setHours(h4);
     onChange?.(newDate);
   }
   function setMinutes(m) {
@@ -10398,10 +11812,10 @@ function DatePicker({
     }
   };
   const handleHoursChange = (e) => {
-    const h = parseInt(e.target.value, 10);
-    if (isNaN(h) || h < 0 || h > 23) return;
+    const h4 = parseInt(e.target.value, 10);
+    if (isNaN(h4) || h4 < 0 || h4 > 23) return;
     const newDate = value ? new Date(value) : /* @__PURE__ */ new Date();
-    newDate.setHours(h);
+    newDate.setHours(h4);
     onChange?.(newDate);
   };
   const handleMinutesChange = (e) => {
@@ -12575,102 +13989,6 @@ var Switch = React11.forwardRef(
   }
 );
 Switch.displayName = "Switch";
-
-// ../thread-view/dist/index.js
-function formatTimestamp(date) {
-  const hours = date.getHours();
-  const minutes = date.getMinutes();
-  const ampm = hours >= 12 ? "PM" : "AM";
-  const displayHours = hours % 12 || 12;
-  const displayMinutes = minutes < 10 ? `0${minutes}` : `${minutes}`;
-  return `${displayHours}:${displayMinutes} ${ampm}`;
-}
-function formatRelativeTime(date, now) {
-  const reference = now ?? /* @__PURE__ */ new Date();
-  const diffMs = reference.getTime() - date.getTime();
-  const diffSeconds = Math.floor(diffMs / 1e3);
-  const diffMinutes = Math.floor(diffSeconds / 60);
-  const diffHours = Math.floor(diffMinutes / 60);
-  const diffDays = Math.floor(diffHours / 24);
-  if (diffSeconds < 60) return "just now";
-  if (diffMinutes < 60) return `${diffMinutes} minute${diffMinutes === 1 ? "" : "s"} ago`;
-  if (diffHours < 24) return `${diffHours} hour${diffHours === 1 ? "" : "s"} ago`;
-  if (diffDays < 7) return `${diffDays} day${diffDays === 1 ? "" : "s"} ago`;
-  return date.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
-}
-function createThreadView(props) {
-  const { messages, onReply, onReact, currentUserId } = props;
-  let replyingTo = null;
-  const threadId = generateId("rfr-thread");
-  const labelId = generateId("rfr-thread-label");
-  function startReply(messageId) {
-    replyingTo = messageId;
-  }
-  function cancelReply() {
-    replyingTo = null;
-  }
-  function reply(messageId, content) {
-    onReply?.(messageId, content);
-    replyingTo = null;
-  }
-  function react(messageId, emoji) {
-    onReact?.(messageId, emoji);
-  }
-  const ariaProps = {
-    role: "log",
-    "aria-label": "Message thread",
-    "aria-live": "polite",
-    id: threadId
-  };
-  function getMessageAriaProps(message) {
-    const isOwn = currentUserId && message.author.id === currentUserId;
-    return {
-      role: "article",
-      "aria-label": `Message from ${message.author.name}${isOwn ? " (you)" : ""} at ${formatTimestamp(message.timestamp)}`
-    };
-  }
-  function getReplyButtonAriaProps(_messageId) {
-    return {
-      role: "button",
-      "aria-label": `Reply to message`
-    };
-  }
-  return {
-    state: {
-      messages,
-      get replyingTo() {
-        return replyingTo;
-      }
-    },
-    startReply,
-    cancelReply,
-    reply,
-    react,
-    formatTimestamp,
-    formatRelativeTime,
-    ariaProps,
-    getMessageAriaProps,
-    getReplyButtonAriaProps,
-    ids: {
-      thread: threadId,
-      label: labelId
-    }
-  };
-}
-var threadContainerStyles = "flex flex-col gap-1";
-var threadMessageStyles = "flex gap-3 px-4 py-2 hover:bg-accent/50 rounded-md transition-colors group";
-var threadAvatarStyles = "h-9 w-9 rounded-full bg-muted flex items-center justify-center text-sm font-medium overflow-hidden flex-shrink-0";
-var threadContentStyles = "flex-1 min-w-0";
-var threadAuthorStyles = "font-semibold text-sm";
-var threadTimestampStyles = "text-xs text-muted-foreground ml-2";
-var threadBodyStyles = "text-sm mt-0.5 whitespace-pre-wrap break-words";
-var threadReactionsStyles = "flex flex-wrap gap-1 mt-1";
-var threadReplyIndicatorStyles = "flex items-center gap-1 mt-1 text-xs text-primary cursor-pointer hover:underline";
-var threadActionsStyles = "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity";
-var threadAttachmentStyles = "flex items-center gap-2 mt-1 p-2 rounded border text-xs bg-muted/50";
-var threadEditedStyles = "text-xs text-muted-foreground ml-1";
-
-// ../react-thread-view/dist/index.js
 function MessageComponent({
   message,
   api
@@ -12782,11 +14100,11 @@ ThreadView.displayName = "ThreadView";
 // ../table-of-contents/dist/index.js
 function parseHeadings(container, selectors = "h2, h3, h4") {
   const headings = Array.from(container.querySelectorAll(selectors));
-  return headings.map((h) => ({
-    id: h.id || h.textContent?.toLowerCase().replace(/\s+/g, "-") || "",
-    text: h.textContent || "",
-    level: parseInt(h.tagName.charAt(1), 10)
-  })).filter((h) => h.id !== "");
+  return headings.map((h4) => ({
+    id: h4.id || h4.textContent?.toLowerCase().replace(/\s+/g, "-") || "",
+    text: h4.textContent || "",
+    level: parseInt(h4.tagName.charAt(1), 10)
+  })).filter((h4) => h4.id !== "");
 }
 function observeHeadings(headingIds, callback, options) {
   const observer = new IntersectionObserver((entries) => {
@@ -12813,7 +14131,7 @@ var TableOfContents = React11.forwardRef(
       const parsedHeadings = parseHeadings(container, selectors);
       setHeadings(parsedHeadings);
       if (parsedHeadings.length === 0) return;
-      const disconnect = observeHeadings(parsedHeadings.map((h) => h.id), (id) => {
+      const disconnect = observeHeadings(parsedHeadings.map((h4) => h4.id), (id) => {
         setActiveId(id);
         onActiveIdChange?.(id);
       });
@@ -13943,7 +15261,7 @@ function resolveStorage(override) {
   return createMemoryStorage();
 }
 var DEFAULT_SESSION_TIMEOUT_MS = 30 * 60 * 1e3;
-var DEFAULT_KEY = "rfx:analytics:session";
+var DEFAULT_KEY2 = "rfx:analytics:session";
 var CAMPAIGN_PARAMS = [
   "utm_source",
   "utm_medium",
@@ -13974,7 +15292,7 @@ function campaignFingerprint(search) {
 }
 function createSession(config, now = () => Date.now()) {
   const storage = resolveStorage(config?.storage);
-  const key = config?.storageKey ?? DEFAULT_KEY;
+  const key = config?.storageKey ?? DEFAULT_KEY2;
   const timeoutMs = config?.timeoutMs ?? DEFAULT_SESSION_TIMEOUT_MS;
   const resetOnCampaign = config?.resetOnCampaign ?? true;
   function read() {
@@ -14043,10 +15361,10 @@ function createSession(config, now = () => Date.now()) {
     }
   };
 }
-var DEFAULT_KEY2 = "rfx:analytics:anon";
+var DEFAULT_KEY22 = "rfx:analytics:anon";
 function createIdentity(config) {
   const storage = resolveStorage(config?.storage);
-  const key = config?.storageKey ?? DEFAULT_KEY2;
+  const key = config?.storageKey ?? DEFAULT_KEY22;
   let userId;
   function loadOrMintAnon() {
     const existing = storage.get(key);
@@ -15515,6 +16833,6 @@ function useTrackEvent(options) {
   );
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnalyticsProvider, AnimatedText, AppShell, AuthGuard, AuthProvider, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, Calendar, CalendarHeader, Callout, CalloutContent, CalloutDescription, CalloutIcon, CalloutTitle, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Checkbox, CodeBlock, CodeBlockContent, CodeBlockHeader, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, ContentProtection, DEFAULT_VOICE_PILL_POSITION, DEFAULT_VOICE_PILL_SPEAKER, DEFAULT_WAVEFORM_BAR_COUNT, DEFAULT_WAVEFORM_COLOR, DEFAULT_WAVEFORM_HEIGHT, DEFAULT_WAVEFORM_INTENSITY, DEFAULT_WAVEFORM_SMOOTHING, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_DATA, EmojiPicker, FeedbackButton, FeedbackDialog, FileTree, FileUpload, Footer, IconSystem, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KeyboardShortcut, LanguageSelector, LinkCard, MarkdownRenderer, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PresenceIndicator, ProgressBar, RadioGroup, RadioItem, ReactionBar, ResizableDivider, ResizableLayout, ResizablePane, SANE_DEFAULTS, STATUS_INDICATOR_COLORS as STATUS_COLORS, STATUS_INDICATOR_LABELS as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, Select, SelectContent, SelectItem, SelectTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, ShortcutBadge, ShortcutContext, ShortcutHint, ShortcutProvider, ShortcutRegistry, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, StatsGrid, StatusIndicator, Step, StepContent, StepDescription, StepIndicator, StepTitle, Steps, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, TelemetryErrorBoundary, TelemetryProvider, Textarea, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, VoicePill, Waveform, altHintState, animatedTextVariants, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, clampVoicePillIntensity, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxTriggerVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, createAnalytics, createAppInsightsSink, createConsoleSink, createGA4ClientSdkSink, createGA4HttpSink, createGA4Sink, createIntensitySamples, createPostHogClientSdkSink, createPostHogHttpSink, createPostHogSink, createSilentSamples, createTelemetry, createVoicePill, createWaveform, dayVariants, deviceFrameVariants, dialogContentVariants, drawWaveform, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, getVoicePillAriaLabel, getVoicePillInitials, getVoicePillPosition, getVoicePillPulseStyle, getVoicePillSpeakerKey, getVoicePillSpeakerLabel, getWaveformPeak, globalShortcutRegistry, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, isWaveformSampleInput, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, normalizeBarCount, normalizeIntensity, normalizeSmoothing, normalizeWaveformConfig, normalizeWaveformSamples, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, prepareWaveformCanvas, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resampleWaveformSamples, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rowVariants, scaleWaveformSamples, searchBarVariants, searchResultVariants, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants, selectorVariants, sheetContentVariants, sheetOverlayStyles, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, smoothWaveformSamples, startSessionReplay, statCardVariants, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toCssDimension, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAnalytics, useAuth, useLogger, useShortcut, useSpan, useTelemetry, useToast, useTrackEvent, versionSelectorOptionVariants, versionSelectorVariants, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens, watermarkVariants, waveformCanvasVariants, waveformVariants };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnalyticsProvider, AnimatedText, AppShell, AuthGuard, AuthProvider, Avatar2 as Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, Calendar, CalendarHeader, Callout, CalloutContent, CalloutDescription, CalloutIcon, CalloutTitle, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Chat, Checkbox, CodeBlock, CodeBlockContent, CodeBlockHeader, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Composer, ContentProtection, CookieConsent, DEFAULT_CATEGORIES, DEFAULT_VOICE_PILL_POSITION, DEFAULT_VOICE_PILL_SPEAKER, DEFAULT_WAVEFORM_BAR_COUNT, DEFAULT_WAVEFORM_COLOR, DEFAULT_WAVEFORM_HEIGHT, DEFAULT_WAVEFORM_INTENSITY, DEFAULT_WAVEFORM_SMOOTHING, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_DATA, EmojiPicker, FeedbackButton, FeedbackDialog, FileTree, FileUpload, Footer, IconSystem, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KeyboardShortcut, LanguageSelector, LinkCard, MarkdownRenderer, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PresenceIndicator, ProgressBar, RadioGroup, RadioItem, ReactionBar, ResizableDivider, ResizableLayout, ResizablePane, SANE_DEFAULTS, STATUS_INDICATOR_COLORS as STATUS_COLORS, STATUS_INDICATOR_LABELS as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, Select, SelectContent, SelectItem, SelectTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, ShortcutBadge, ShortcutContext, ShortcutHint, ShortcutProvider, ShortcutRegistry, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, StatsGrid, StatusIndicator, Step, StepContent, StepDescription, StepIndicator, StepTitle, Steps, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, TelemetryErrorBoundary, TelemetryProvider, Textarea, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, VoicePill, Waveform, altHintState, animatedTextVariants, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, clampVoicePillIntensity, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxTriggerVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, createAnalytics, createAppInsightsSink, createConsoleSink, createConversation, createCookieConsent, createGA4ClientSdkSink, createGA4HttpSink, createGA4Sink, createIntensitySamples, createPostHogClientSdkSink, createPostHogHttpSink, createPostHogSink, createSilentSamples, createTelemetry, createVoicePill, createWaveform, dayVariants, deviceFrameVariants, dialogContentVariants, drawWaveform, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, findMessage, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, getReplyCount, getVoicePillAriaLabel, getVoicePillInitials, getVoicePillPosition, getVoicePillPulseStyle, getVoicePillSpeakerKey, getVoicePillSpeakerLabel, getWaveformPeak, globalShortcutRegistry, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, isWaveformSampleInput, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, normalizeBarCount, normalizeIntensity, normalizeSmoothing, normalizeWaveformConfig, normalizeWaveformSamples, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, prepareWaveformCanvas, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resampleWaveformSamples, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rootIdOf, rowVariants, scaleWaveformSamples, searchBarVariants, searchResultVariants, selectContentVariants, selectItemVariants, selectMainTimeline, selectReplies, selectRoots, selectThreadMessages, selectTimelineFromState, selectTokens, selectTriggerVariants, selectorVariants, sheetContentVariants, sheetOverlayStyles, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, smoothWaveformSamples, startSessionReplay, statCardVariants, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toCssDimension, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAnalytics, useAuth, useConversation, useCookieConsent, useLogger, useShortcut, useSpan, useTelemetry, useToast, useTrackEvent, versionSelectorOptionVariants, versionSelectorVariants, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens, watermarkVariants, waveformCanvasVariants, waveformVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map