@brokr/sdk 2.1.0 → 2.1.1

package/dist/react.mjs

@@ -4197,6 +4197,7 @@ import React2, {
 } from "react";
 
 // src/models.ts
+var STACK_DEFAULT = "__stack_default__";
 var providers = [
   { id: "deepseek", label: "Deepseek", model: "deepseek-chat", color: "#0EA5E9", free: true, logo: "https://assets.brokr.sh/sdk/deepseek_logo.png" },
   { id: "openai", label: "ChatGPT", model: "gpt-5.4-mini", color: "#10B981", free: false, logo: "https://assets.brokr.sh/sdk/gpt_logo.png" },
@@ -6047,7 +6048,7 @@ function PlanCard({
   const handleClick = useCallback12(() => {
     void onSelect(plan.slug);
   }, [plan.slug, onSelect]);
-  return /* @__PURE__ */ React21.createElement("article", { className: "brokr-card brokr-plan-card", "data-highlight": isHighlighted, key: plan.slug }, /* @__PURE__ */ React21.createElement("div", { className: "brokr-section", style: { gap: "var(--brokr-space-3)" } }, /* @__PURE__ */ React21.createElement("div", { className: "brokr-brand-row", style: { justifyContent: "space-between" } }, /* @__PURE__ */ React21.createElement("strong", null, plan.name), plan.isCurrent ? /* @__PURE__ */ React21.createElement("span", { className: "brokr-badge" }, "Current") : null, isHighlighted && !plan.isCurrent ? /* @__PURE__ */ React21.createElement("span", { className: "brokr-badge" }, "Recommended") : null), /* @__PURE__ */ React21.createElement("div", { className: "brokr-plan-price" }, /* @__PURE__ */ React21.createElement("span", { className: "brokr-plan-value" }, plan.price === 0 ? "$0" : `$${(plan.price / 100).toFixed(0)}`), /* @__PURE__ */ React21.createElement("span", { className: "brokr-copy" }, "/", plan.interval)), plan.trialDays ? /* @__PURE__ */ React21.createElement("span", { className: "brokr-copy" }, plan.trialDays, " day trial included.") : null), /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React21.createElement("article", { className: "brokr-card brokr-plan-card", "data-highlight": isHighlighted, key: plan.slug }, /* @__PURE__ */ React21.createElement("div", { className: "brokr-section", style: { gap: "var(--brokr-space-3)" } }, /* @__PURE__ */ React21.createElement("div", { className: "brokr-brand-row", style: { justifyContent: "space-between" } }, /* @__PURE__ */ React21.createElement("strong", null, plan.name), plan.isCurrent ? /* @__PURE__ */ React21.createElement("span", { className: "brokr-badge" }, "Current") : null, isHighlighted && !plan.isCurrent ? /* @__PURE__ */ React21.createElement("span", { className: "brokr-badge" }, "Recommended") : null), /* @__PURE__ */ React21.createElement("div", { className: "brokr-plan-price" }, /* @__PURE__ */ React21.createElement("span", { className: "brokr-plan-value" }, plan.price === 0 ? "$0" : `$${(plan.price / 100).toFixed(0)}`), /* @__PURE__ */ React21.createElement("span", { className: "brokr-copy" }, "/", plan.interval)), plan.trialDays ? /* @__PURE__ */ React21.createElement("span", { className: "brokr-copy" }, plan.trialDays, " day trial included.") : null), /* @__PURE__ */ React21.createElement("ul", { className: "brokr-feature-list" }, features.map(([key, value]) => /* @__PURE__ */ React21.createElement("li", { className: "brokr-feature-item", key }, /* @__PURE__ */ React21.createElement(CheckIcon, { size: 14 }), /* @__PURE__ */ React21.createElement("span", null, featureLabel(key), " \xB7 ", featureValueLabel(value))))), /* @__PURE__ */ React21.createElement(
     "button",
     {
       className: plan.isCurrent ? "brokr-button-secondary" : "brokr-button",
@@ -6056,7 +6057,7 @@ function PlanCard({
       type: "button"
     },
     plan.isCurrent ? "Current plan" : isPending ? "Redirecting" : "Choose plan"
-  ), /* @__PURE__ */ React21.createElement("ul", { className: "brokr-feature-list" }, features.map(([key, value]) => /* @__PURE__ */ React21.createElement("li", { className: "brokr-feature-item", key }, /* @__PURE__ */ React21.createElement(CheckIcon, { size: 14 }), /* @__PURE__ */ React21.createElement("span", null, featureLabel(key), " \xB7 ", featureValueLabel(value))))));
+  ));
 }
 function Plans({
   columns,
@@ -6410,6 +6411,39 @@ function isSSEResponse(response) {
   return ct.includes("text/event-stream") && response.body !== null;
 }
 
+// src/react/chat/memory.ts
+var MAX_MEMORY_CHARS = 2e3;
+function serializeMemory(obj, prefix = "") {
+  const lines = [];
+  for (const [key, value] of Object.entries(obj)) {
+    if (value === null || value === void 0) continue;
+    const label = prefix ? `${prefix}.${key}` : key;
+    if (Array.isArray(value)) {
+      lines.push(`${label}: ${value.join(", ")}`);
+    } else if (typeof value === "object") {
+      lines.push(...serializeMemory(value, label));
+    } else {
+      lines.push(`${label}: ${String(value)}`);
+    }
+  }
+  return lines;
+}
+function buildEffectivePrompt(prompt, memory) {
+  if (!memory || Object.keys(memory).length === 0) return prompt;
+  let block = serializeMemory(memory).join("\n");
+  if (block.length > MAX_MEMORY_CHARS) {
+    block = block.slice(0, MAX_MEMORY_CHARS);
+    if (typeof console !== "undefined") {
+      console.warn("[brokr] memory exceeded 2000 char limit, truncated");
+    }
+  }
+  const memSection = `[User context]
+${block}`;
+  return prompt ? `${memSection}
+
+${prompt}` : memSection;
+}
+
 // src/react/chat/useChat.ts
 function makeId(prefix) {
   return `${prefix}_${crypto.randomUUID()}`;
@@ -6427,7 +6461,9 @@ function useChat(config) {
   const {
     endpoint,
     prompt,
-    model: activeModel,
+    explicitModel,
+    displayModel: activeModel,
+    memory,
     persist,
     surface,
     subject,
@@ -6463,9 +6499,25 @@ function useChat(config) {
   const scrollContainerRef = useRef5(null);
   const sentinelRef = useRef5(null);
   const displaySidebarItems = useMemo18(() => {
-    if (isControlled) return threadsProp?.map((t) => ({ id: t.id, title: t.title })) ?? [];
-    if (isPersist) return serverThreads.map((t) => ({ id: t.id, title: t.title }));
-    return memConversations.map((c) => ({ id: c.id, title: c.title || "New chat" }));
+    if (isControlled) {
+      return threadsProp?.map((t) => ({
+        id: t.id,
+        title: t.title,
+        updatedAt: t.updatedAt ?? null
+      })) ?? [];
+    }
+    if (isPersist) {
+      return serverThreads.map((t) => ({
+        id: t.id,
+        title: t.title,
+        updatedAt: t.updatedAt ?? null
+      }));
+    }
+    return memConversations.map((c) => ({
+      id: c.id,
+      title: c.title || "New chat",
+      updatedAt: new Date(c.updatedAt).toISOString()
+    }));
   }, [isControlled, isPersist, threadsProp, serverThreads, memConversations]);
   const activeId = useMemo18(() => {
     if (isControlled) return activeThreadIdProp ?? null;
@@ -6646,8 +6698,11 @@ function useChat(config) {
         messages: trimToTokenBudget(
           nextMessages.filter((m) => m.role === "user" || m.role === "assistant" && m.content).map(({ content: mc, role }) => ({ role, content: mc }))
         ),
-        model: activeModel,
-        ...prompt ? { systemPrompt: prompt } : {}
+        ...explicitModel ? { model: explicitModel } : {},
+        ...(() => {
+          const ep = buildEffectivePrompt(prompt, memory);
+          return ep ? { systemPrompt: ep } : {};
+        })()
       })
     });
     if (!response.ok) {
@@ -6692,8 +6747,10 @@ function useChat(config) {
     ensureMemConversation,
     memConversations,
     endpoint,
+    explicitModel,
     activeModel,
     prompt,
+    memory,
     updateMemMessages,
     appendMemDelta,
     animateTitle,
@@ -6715,9 +6772,12 @@ function useChat(config) {
         content,
         surface,
         subject: subject ?? null,
-        model: activeModel,
+        ...explicitModel ? { model: explicitModel } : {},
         userId: userId ?? void 0,
-        ...prompt ? { systemPrompt: prompt } : {}
+        ...(() => {
+          const ep = buildEffectivePrompt(prompt, memory);
+          return ep ? { systemPrompt: ep } : {};
+        })()
       })
     });
     if (!response.ok) {
@@ -6772,8 +6832,10 @@ function useChat(config) {
     endpoint,
     surface,
     subject,
+    explicitModel,
     activeModel,
     prompt,
+    memory,
     userId,
     setServerMessages,
     setServerActiveId,
@@ -6970,12 +7032,17 @@ function ModelSelector({
 }) {
   const [selectorOpen, setSelectorOpen] = useState17(false);
   const selectorRef = useRef6(null);
+  const isAuto = activeModel === STACK_DEFAULT || !providers.some((p) => p.model === activeModel);
   const activeProvider = useMemo19(
-    () => providers.find((p) => p.model === activeModel) ?? providers[0],
-    [activeModel]
+    () => isAuto ? void 0 : providers.find((p) => p.model === activeModel) ?? providers[0],
+    [activeModel, isAuto]
   );
   const handleModelSelect = useCallback17((model) => {
-    setSelectedModel(model);
+    setSelectedModel(model === STACK_DEFAULT ? null : model);
+    setSelectorOpen(false);
+  }, [setSelectedModel]);
+  const handleAutoSelect = useCallback17(() => {
+    setSelectedModel(null);
     setSelectorOpen(false);
   }, [setSelectedModel]);
   useEffect10(() => {
@@ -7005,15 +7072,26 @@ function ModelSelector({
       onClick: handleToggle,
       type: "button"
     },
-    activeProvider ? /* @__PURE__ */ React29.createElement("img", { alt: "", className: "brokr-model-logo", src: activeProvider.logo }) : /* @__PURE__ */ React29.createElement("span", { className: "brokr-model-dot", style: { background: "currentColor" } }),
-    activeProvider?.label ?? "Model",
+    activeProvider ? /* @__PURE__ */ React29.createElement("img", { alt: "", className: "brokr-model-logo", src: activeProvider.logo }) : /* @__PURE__ */ React29.createElement("span", { className: "brokr-model-dot", style: { background: "#6B7280" } }),
+    isAuto ? "Auto" : activeProvider?.label ?? "Model",
     /* @__PURE__ */ React29.createElement(ChevronDownIcon, { size: 13 })
-  ), selectorOpen ? /* @__PURE__ */ React29.createElement("div", { className: "brokr-model-dropdown", role: "listbox" }, providers.map((p) => /* @__PURE__ */ React29.createElement(
+  ), selectorOpen ? /* @__PURE__ */ React29.createElement("div", { className: "brokr-model-dropdown", role: "listbox" }, /* @__PURE__ */ React29.createElement(
+    "button",
+    {
+      "aria-selected": isAuto,
+      className: "brokr-model-option",
+      "data-active": isAuto,
+      onClick: handleAutoSelect,
+      type: "button"
+    },
+    /* @__PURE__ */ React29.createElement("span", { className: "brokr-model-dot", style: { background: "#6B7280" } }),
+    /* @__PURE__ */ React29.createElement("span", { className: "brokr-model-option-label" }, "Stack Default")
+  ), providers.map((p) => /* @__PURE__ */ React29.createElement(
     ModelOption,
     {
       key: p.id,
       provider: p,
-      isActive: p.model === activeModel,
+      isActive: !isAuto && p.model === activeModel,
       isLocked: !availableProviders.some((a) => a.id === p.id),
       onSelect: handleModelSelect,
       onCheckout: checkout
@@ -7033,9 +7111,40 @@ function ThreadItemButton({ id, title, isActive, onSelect }) {
       onClick: handleClick,
       type: "button"
     },
-    title
+    /* @__PURE__ */ React30.createElement(MessageIcon, { size: 12 }),
+    /* @__PURE__ */ React30.createElement("span", { className: "brokr-ai-chat-conversation-label" }, title)
   );
 }
+var SIDEBAR_GROUP_ORDER = [
+  "today",
+  "yesterday",
+  "this_week",
+  "this_month",
+  "earlier",
+  "undated"
+];
+var SIDEBAR_GROUP_LABELS = {
+  today: "Today",
+  yesterday: "Yesterday",
+  this_week: "This Week",
+  this_month: "This Month",
+  earlier: "Earlier",
+  undated: "Recent"
+};
+function resolveSidebarDateGroup(updatedAt) {
+  if (!updatedAt) return "undated";
+  const parsed = new Date(updatedAt);
+  if (Number.isNaN(parsed.getTime())) return "undated";
+  const now = /* @__PURE__ */ new Date();
+  const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const startOfTarget = new Date(parsed.getFullYear(), parsed.getMonth(), parsed.getDate());
+  const diffDays = Math.floor((startOfToday.getTime() - startOfTarget.getTime()) / 864e5);
+  if (diffDays <= 0) return "today";
+  if (diffDays === 1) return "yesterday";
+  if (diffDays < 7) return "this_week";
+  if (diffDays < 30) return "this_month";
+  return "earlier";
+}
 function ThreadSidebar() {
   const {
     startNewChat,
@@ -7067,14 +7176,31 @@ function ThreadSidebar() {
   const handleRenameChange = useCallback18((e) => {
     setRenameValue(e.target.value);
   }, [setRenameValue]);
+  const groupedSidebarItems = useMemo20(() => {
+    const grouped = /* @__PURE__ */ new Map();
+    for (const item of displaySidebarItems) {
+      const key = resolveSidebarDateGroup(item.updatedAt);
+      const bucket = grouped.get(key);
+      if (bucket) {
+        bucket.push(item);
+      } else {
+        grouped.set(key, [item]);
+      }
+    }
+    return SIDEBAR_GROUP_ORDER.map((key) => ({
+      key,
+      label: SIDEBAR_GROUP_LABELS[key],
+      items: grouped.get(key) ?? []
+    })).filter((group) => group.items.length > 0);
+  }, [displaySidebarItems]);
   const content = useMemo20(() => {
     if (threadsLoading && displaySidebarItems.length === 0) {
-      return /* @__PURE__ */ React30.createElement("div", { style: { display: "grid", gap: "0.5rem", padding: "0 0.65rem" } }, /* @__PURE__ */ React30.createElement(Skeleton, { width: "75%", height: 14, radius: 6 }), /* @__PURE__ */ React30.createElement(Skeleton, { width: "60%", height: 14, radius: 6 }), /* @__PURE__ */ React30.createElement(Skeleton, { width: "85%", height: 14, radius: 6 }));
+      return /* @__PURE__ */ React30.createElement("div", { className: "brokr-ai-chat-sidebar-skeleton" }, /* @__PURE__ */ React30.createElement(Skeleton, { width: "75%", height: 14, radius: 6 }), /* @__PURE__ */ React30.createElement(Skeleton, { width: "60%", height: 14, radius: 6 }), /* @__PURE__ */ React30.createElement(Skeleton, { width: "85%", height: 14, radius: 6 }));
     }
     if (displaySidebarItems.length === 0) {
       return /* @__PURE__ */ React30.createElement("div", { className: "brokr-ai-chat-sidebar-empty" }, /* @__PURE__ */ React30.createElement("p", { className: "brokr-ai-chat-sidebar-empty-text" }, "No conversations yet. Start one above."));
     }
-    return /* @__PURE__ */ React30.createElement("div", { className: "brokr-ai-chat-conversations" }, displaySidebarItems.map((item) => renamingId === item.id ? /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React30.createElement("div", { className: "brokr-ai-chat-sidebar-groups" }, groupedSidebarItems.map((group) => /* @__PURE__ */ React30.createElement("section", { className: "brokr-ai-chat-sidebar-group", key: group.key }, /* @__PURE__ */ React30.createElement("span", { className: "brokr-ai-chat-sidebar-kicker" }, group.label), /* @__PURE__ */ React30.createElement("div", { className: "brokr-ai-chat-conversations" }, group.items.map((item) => renamingId === item.id ? /* @__PURE__ */ React30.createElement(
       "input",
       {
         autoFocus: true,
@@ -7094,19 +7220,20 @@ function ThreadSidebar() {
         isActive: item.id === activeId,
         onSelect: selectThreadAndCloseSidebar
       }
-    )));
+    ))))));
   }, [
     threadsLoading,
     displaySidebarItems,
     renamingId,
     renameValue,
+    groupedSidebarItems,
     activeId,
     selectThreadAndCloseSidebar,
     handleRenameBlur,
     handleRenameChange,
     handleRenameKeyDown
   ]);
-  return /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement("button", { className: "brokr-ai-chat-sidebar-button", onClick: handleNewChat, type: "button" }, /* @__PURE__ */ React30.createElement(MessageIcon, { size: 16 }), "New chat"), content);
+  return /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement("button", { className: "brokr-ai-chat-sidebar-new-chat", onClick: handleNewChat, type: "button" }, /* @__PURE__ */ React30.createElement(MessageIcon, { size: 16 }), "New chat"), content);
 }
 
 // src/react/chat/MessagePane.tsx
@@ -7134,6 +7261,12 @@ function parseInline(text) {
       remaining = remaining.slice(boldMatch[0].length);
       continue;
     }
+    const strikethroughMatch = remaining.match(/^~~(.+?)~~/);
+    if (strikethroughMatch) {
+      nodes.push(/* @__PURE__ */ React31.createElement("del", { key: key++ }, strikethroughMatch[1]));
+      remaining = remaining.slice(strikethroughMatch[0].length);
+      continue;
+    }
     const italicMatch = remaining.match(/^\*(.+?)\*/);
     if (italicMatch) {
       nodes.push(/* @__PURE__ */ React31.createElement("em", { key: key++ }, italicMatch[1]));
@@ -7150,7 +7283,7 @@ function parseInline(text) {
       remaining = remaining.slice(linkMatch[0].length);
       continue;
     }
-    const nextSpecial = remaining.search(/[`*\[]/);
+    const nextSpecial = remaining.search(/[`*~\[]/);
     if (nextSpecial === -1) {
       nodes.push(remaining);
       break;
@@ -7181,6 +7314,15 @@ function CodeBlock({ code, language }) {
     "Copy"
   )), /* @__PURE__ */ React31.createElement("pre", { className: "brokr-md-codeblock-pre" }, /* @__PURE__ */ React31.createElement("code", null, code)));
 }
+function looksLikeTableSeparator(line) {
+  const trimmed = line.trim();
+  return /^\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?$/.test(trimmed);
+}
+function splitTableRow(line) {
+  const trimmed = line.trim();
+  const withoutEdges = trimmed.replace(/^\|/, "").replace(/\|$/, "");
+  return withoutEdges.split("|").map((cell) => cell.trim());
+}
 function parseBlocks(text) {
   const blocks = [];
   const lines = text.split("\n");
@@ -7210,22 +7352,44 @@ function parseBlocks(text) {
       i++;
       continue;
     }
+    if (line.includes("|") && i + 1 < lines.length && looksLikeTableSeparator(lines[i + 1] ?? "")) {
+      const headers = splitTableRow(line);
+      const rows = [];
+      i += 2;
+      while (i < lines.length) {
+        const candidate = lines[i] ?? "";
+        if (!candidate.trim() || !candidate.includes("|")) break;
+        rows.push(splitTableRow(candidate));
+        i++;
+      }
+      blocks.push({ type: "table", content: "", headers, rows });
+      continue;
+    }
+    if (/^[\s]*>\s?/.test(line)) {
+      const quoteLines = [];
+      while (i < lines.length && /^[\s]*>\s?/.test(lines[i])) {
+        quoteLines.push(lines[i].replace(/^[\s]*>\s?/, ""));
+        i++;
+      }
+      blocks.push({ type: "quote", content: "", items: quoteLines });
+      continue;
+    }
     if (/^[\s]*[-*]\s+/.test(line)) {
       const items = [];
       while (i < lines.length && /^[\s]*[-*]\s+/.test(lines[i])) {
         items.push(lines[i].replace(/^[\s]*[-*]\s+/, ""));
         i++;
       }
-      blocks.push({ type: "list", content: "", items });
+      blocks.push({ type: "list", content: "", items, ordered: false });
       continue;
     }
-    if (/^[\s]*\d+\.\s+/.test(line)) {
+    if (/^[\s]*\d+[.)]\s+/.test(line)) {
       const items = [];
-      while (i < lines.length && /^[\s]*\d+\.\s+/.test(lines[i])) {
-        items.push(lines[i].replace(/^[\s]*\d+\.\s+/, ""));
+      while (i < lines.length && /^[\s]*\d+[.)]\s+/.test(lines[i])) {
+        items.push(lines[i].replace(/^[\s]*\d+[.)]\s+/, ""));
         i++;
       }
-      blocks.push({ type: "list", content: "", items });
+      blocks.push({ type: "list", content: "", items, ordered: true });
       continue;
     }
     if (!line.trim()) {
@@ -7234,7 +7398,7 @@ function parseBlocks(text) {
     }
     const paraLines = [line];
     i++;
-    while (i < lines.length && lines[i].trim() && !lines[i].trimStart().startsWith("```") && !lines[i].match(/^#{1,6}\s/) && !/^(-{3,}|\*{3,}|_{3,})\s*$/.test(lines[i].trim()) && !/^[\s]*[-*]\s+/.test(lines[i]) && !/^[\s]*\d+\.\s+/.test(lines[i])) {
+    while (i < lines.length && lines[i].trim() && !lines[i].trimStart().startsWith("```") && !lines[i].match(/^#{1,6}\s/) && !(lines[i].includes("|") && i + 1 < lines.length && looksLikeTableSeparator(lines[i + 1] ?? "")) && !/^(-{3,}|\*{3,}|_{3,})\s*$/.test(lines[i].trim()) && !/^[\s]*>\s?/.test(lines[i]) && !/^[\s]*[-*]\s+/.test(lines[i]) && !/^[\s]*\d+[.)]\s+/.test(lines[i])) {
       paraLines.push(lines[i]);
       i++;
     }
@@ -7254,7 +7418,14 @@ function renderBlocks(blocks) {
         return /* @__PURE__ */ React31.createElement(Tag, { className: `brokr-md-heading brokr-md-h${block.level}`, key: idx }, parseInline(block.content));
       }
       case "list":
-        return /* @__PURE__ */ React31.createElement("ul", { className: "brokr-md-list", key: idx }, block.items?.map((item, li) => /* @__PURE__ */ React31.createElement("li", { key: li }, parseInline(item))));
+        if (block.ordered) {
+          return /* @__PURE__ */ React31.createElement("ol", { className: "brokr-md-list brokr-md-list-ordered", key: idx }, block.items?.map((item, li) => /* @__PURE__ */ React31.createElement("li", { key: li }, parseInline(item))));
+        }
+        return /* @__PURE__ */ React31.createElement("ul", { className: "brokr-md-list brokr-md-list-unordered", key: idx }, block.items?.map((item, li) => /* @__PURE__ */ React31.createElement("li", { key: li }, parseInline(item))));
+      case "quote":
+        return /* @__PURE__ */ React31.createElement("blockquote", { className: "brokr-md-quote", key: idx }, block.items?.map((line, lineIndex) => /* @__PURE__ */ React31.createElement("p", { className: "brokr-md-quote-line", key: lineIndex }, parseInline(line))));
+      case "table":
+        return /* @__PURE__ */ React31.createElement("div", { className: "brokr-md-table-wrap", key: idx }, /* @__PURE__ */ React31.createElement("table", { className: "brokr-md-table" }, /* @__PURE__ */ React31.createElement("thead", null, /* @__PURE__ */ React31.createElement("tr", null, block.headers?.map((header, headerIndex) => /* @__PURE__ */ React31.createElement("th", { key: headerIndex }, parseInline(header))))), /* @__PURE__ */ React31.createElement("tbody", null, block.rows?.map((row, rowIndex) => /* @__PURE__ */ React31.createElement("tr", { key: rowIndex }, row.map((cell, cellIndex) => /* @__PURE__ */ React31.createElement("td", { key: cellIndex }, parseInline(cell))))))));
       case "paragraph":
       default:
         return /* @__PURE__ */ React31.createElement("p", { className: "brokr-md-paragraph", key: idx }, parseInline(block.content));
@@ -7411,6 +7582,7 @@ function AIChat(inlineProps) {
     subtitle,
     model: modelProp,
     modelSelector,
+    memory,
     variant = 1,
     sidebar: sidebarProp,
     threadMenu: threadMenuProp,
@@ -7434,16 +7606,12 @@ function AIChat(inlineProps) {
   const headerVisible = variant !== 3;
   const threadMenuVisible = threadMenuProp !== void 0 ? threadMenuProp : variant !== 3;
   const modelSelectorVisible = (modelSelector !== void 0 ? modelSelector : true) && !modelProp;
-  const [selectedModel, setSelectedModel] = useState18(() => {
-    if (modelProp) return modelProp;
-    return providers.find((p) => p.free)?.model ?? providers[0]?.model ?? "";
-  });
-  useEffect12(() => {
-    if (modelProp) setSelectedModel(modelProp);
-  }, [modelProp]);
-  const activeModel = modelProp ?? selectedModel;
+  const [userSelectedModel, setUserSelectedModel] = useState18(null);
+  const explicitModel = modelProp ?? userSelectedModel ?? void 0;
+  const displayModel = explicitModel ?? providers.find((p) => p.free)?.model ?? providers[0]?.model ?? "";
+  const activeModel = explicitModel ?? STACK_DEFAULT;
   const activeProvider = useMemo23(
-    () => providers.find((p) => p.model === activeModel) ?? providers[0],
+    () => activeModel === STACK_DEFAULT ? void 0 : providers.find((p) => p.model === activeModel) ?? providers[0],
     [activeModel]
   );
   const hasBalance = useMemo23(
@@ -7457,7 +7625,9 @@ function AIChat(inlineProps) {
   const chat = useChat({
     endpoint,
     prompt,
-    model: activeModel,
+    explicitModel,
+    displayModel,
+    memory,
     persist,
     surface,
     subject,
@@ -7565,10 +7735,10 @@ function AIChat(inlineProps) {
     activeThread: chat.activeThread,
     renderedTitle: finalTitle,
     isTitleLoading: chat.isTitleLoading,
-    activeModel,
+    activeModel: displayModel,
     activeProvider,
-    selectedModel,
-    setSelectedModel,
+    selectedModel: displayModel,
+    setSelectedModel: setUserSelectedModel,
     availableProviders,
     sendMessage: chat.sendMessage,
     startNewChat: chat.startNewChat,
@@ -7608,9 +7778,9 @@ function AIChat(inlineProps) {
   }), [
     chat,
     finalTitle,
-    activeModel,
+    displayModel,
     activeProvider,
-    selectedModel,
+    userSelectedModel,
     availableProviders,
     sidebarOpen,
     closeSidebar,
@@ -7647,8 +7817,8 @@ function AIChat(inlineProps) {
         threadMenuRef,
         threadMenuVisible,
         setThreadMenuOpenId,
-        activeModel,
-        setSelectedModel,
+        activeModel: displayModel,
+        setSelectedModel: setUserSelectedModel,
         availableProviders,
         startRename: chatState.startRename,
         deleteThread: chat.deleteThread
@@ -7767,24 +7937,63 @@ function ChatHeader({
 }
 
 // src/react/composites/FabAI.tsx
-import React36, { useCallback as useCallback24, useMemo as useMemo24, useState as useState19 } from "react";
-function StarterButton({ prompt, onSelect }) {
-  const handleClick = useCallback24(() => onSelect(prompt), [prompt, onSelect]);
-  return /* @__PURE__ */ React36.createElement("button", { className: "brokr-chat-starter", onClick: handleClick, type: "button" }, prompt);
+import React36, { useCallback as useCallback24, useMemo as useMemo24, useRef as useRef8, useState as useState19 } from "react";
+
+// src/react/composites/fab-context.ts
+function buildFabSystemPrompt(appContext, brandName, existingPrompt) {
+  if (appContext === false) return existingPrompt;
+  const name = appContext?.name ?? brandName;
+  if (!name && !appContext) return existingPrompt;
+  const parts = [];
+  if (name) parts.push(`You are an AI assistant embedded in ${name}.`);
+  if (appContext?.description) parts.push(`This app is ${appContext.description}.`);
+  if (appContext?.currentPage) parts.push(`The user is currently on: ${appContext.currentPage}.`);
+  if (appContext?.facts?.length) parts.push(...appContext.facts);
+  const autoPrompt = parts.join(" ");
+  return existingPrompt ? `${autoPrompt}
+
+${existingPrompt}` : autoPrompt;
+}
+
+// src/react/composites/FabAI.tsx
+function ensureAssistantReply(messages, content) {
+  const normalized = content.trim() ? content : "No response received.";
+  for (let index = messages.length - 1; index >= 0; index -= 1) {
+    if (messages[index]?.role !== "assistant") continue;
+    const next = [...messages];
+    next[index] = { ...next[index], content: normalized };
+    return next;
+  }
+  return [...messages, { role: "assistant", content: normalized }];
+}
+function appendAssistantDelta(messages, delta) {
+  for (let index = messages.length - 1; index >= 0; index -= 1) {
+    if (messages[index]?.role !== "assistant") continue;
+    const next = [...messages];
+    next[index] = {
+      ...next[index],
+      content: `${contentToText(next[index].content)}${delta}`
+    };
+    return next;
+  }
+  return [...messages, { role: "assistant", content: delta }];
 }
 function FabAI({
+  appContext,
   model,
+  memory,
   onSendMessage,
   position = "bottom-right",
-  starterPrompts = [],
   systemPrompt
 }) {
-  const { can, user } = useBrokr();
+  const { can, user, theme } = useBrokr();
+  const brandName = theme?.brand?.name;
   const [isOpen, setIsOpen] = useState19(false);
   const [input, setInput] = useState19("");
   const [error, setError] = useState19(null);
   const [isSending, setIsSending] = useState19(false);
   const [messages, setMessages] = useState19([]);
+  const conversationIdRef = useRef8(`fab_${crypto.randomUUID()}`);
   const launcherStyle = useMemo24(
     () => ({
       left: position === "bottom-left" ? "var(--brokr-space-6)" : void 0,
@@ -7808,37 +8017,75 @@ function FabAI({
   }, []);
   const sendPrompt = useCallback24(async (prompt) => {
     const nextPrompt = prompt.trim();
-    if (!nextPrompt) return;
-    const nextMessages = [...messages, { role: "user", content: nextPrompt }];
+    if (!nextPrompt || isSending) return;
+    const userMessage = { role: "user", content: nextPrompt };
+    const nextMessages = [...messages, userMessage];
+    const optimisticMessages = [...nextMessages, { role: "assistant", content: "" }];
     try {
       setError(null);
       setIsSending(true);
-      setMessages(nextMessages);
+      setMessages(optimisticMessages);
       setInput("");
-      let responseText = "";
       if (onSendMessage) {
-        responseText = await onSendMessage({ messages: nextMessages, model, systemPrompt });
-      } else {
-        const payload = await postJson(
-          "/api/brokr/chat",
-          {
-            messages: nextMessages,
-            model,
-            systemPrompt
+        const responseText2 = await onSendMessage({ messages: nextMessages, model, systemPrompt });
+        setMessages((current) => ensureAssistantReply(current, responseText2));
+        return;
+      }
+      const response = await fetch("/api/brokr/chat", {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          conversationId: conversationIdRef.current,
+          messages: trimToTokenBudget(
+            nextMessages.filter((message) => message.role === "user" || message.role === "assistant" && Boolean(contentToText(message.content))).map((message) => ({
+              role: message.role,
+              content: contentToText(message.content)
+            }))
+          ),
+          ...model !== void 0 ? { model } : {},
+          ...(() => {
+            const withContext = buildFabSystemPrompt(appContext, brandName, systemPrompt);
+            const ep = buildEffectivePrompt(withContext, memory);
+            return ep ? { systemPrompt: ep } : {};
+          })()
+        })
+      });
+      if (!response.ok) {
+        const payload2 = await response.json().catch(() => ({}));
+        throw new Error(payload2.message ?? payload2.error ?? `Chat failed (${response.status})`);
+      }
+      if (isSSEResponse(response)) {
+        let hasDelta = false;
+        for await (const event of parseSSEStream(response)) {
+          if (event.type === "conversation") {
+            conversationIdRef.current = event.id;
+          } else if (event.type === "delta") {
+            hasDelta = true;
+            setMessages((current) => appendAssistantDelta(current, event.delta));
+          } else if (event.type === "error") {
+            throw new Error(event.message);
           }
-        );
-        responseText = payload.content ?? payload.response ?? "";
+        }
+        if (!hasDelta) {
+          setMessages((current) => ensureAssistantReply(current, "No response received."));
+        }
+        return;
       }
-      setMessages((current) => [...current, {
-        role: "assistant",
-        content: responseText || "No response received."
-      }]);
+      const payload = await response.json().catch(() => ({}));
+      if (payload.error || payload.message) {
+        throw new Error(payload.message ?? payload.error ?? "AI request failed.");
+      }
+      const responseText = payload.content ?? payload.response ?? payload.text ?? "";
+      setMessages((current) => ensureAssistantReply(current, responseText));
     } catch (cause) {
-      setError(cause instanceof Error ? cause.message : "Could not send message.");
+      const message = cause instanceof Error ? cause.message : "Could not send message.";
+      setError(message);
+      setMessages((current) => ensureAssistantReply(current, `Error: ${message}`));
     } finally {
       setIsSending(false);
     }
-  }, [messages, model, onSendMessage, systemPrompt]);
+  }, [isSending, messages, model, onSendMessage, systemPrompt]);
   const handleSubmit = useCallback24(async (event) => {
     event.preventDefault();
     await sendPrompt(input);
@@ -7849,28 +8096,29 @@ function FabAI({
       void sendPrompt(input);
     }
   }, [input, sendPrompt]);
-  const handleStarterPrompt = useCallback24((prompt) => {
-    void sendPrompt(prompt);
-  }, [sendPrompt]);
   return /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement("div", { className: "brokr-chat-fab", style: launcherStyle }, /* @__PURE__ */ React36.createElement(
     "button",
     {
+      "aria-label": isOpen ? "Close AI chat" : "Open AI chat",
       "aria-expanded": isOpen,
       "aria-haspopup": "dialog",
-      className: "brokr-button",
+      className: "brokr-chat-fab-trigger",
       onClick: toggleOpen,
       type: "button"
     },
-    /* @__PURE__ */ React36.createElement(MessageIcon, { size: 16 }),
-    "Ask AI"
+    /* @__PURE__ */ React36.createElement(SparkIcon, { size: 18 })
   )), isOpen ? /* @__PURE__ */ React36.createElement("div", { className: "brokr-panel brokr-chat-panel", role: "dialog" }, /* @__PURE__ */ React36.createElement("div", { className: "brokr-brand-row", style: { justifyContent: "space-between" } }, /* @__PURE__ */ React36.createElement("div", { className: "brokr-section", style: { gap: "var(--brokr-space-1)" } }, /* @__PURE__ */ React36.createElement("strong", null, "AI Chat"), user?.name ? /* @__PURE__ */ React36.createElement("span", { className: "brokr-copy" }, user.name) : null), /* @__PURE__ */ React36.createElement("button", { className: "brokr-button-ghost", onClick: handleClose, type: "button" }, /* @__PURE__ */ React36.createElement(CloseIcon, { size: 16 }))), /* @__PURE__ */ React36.createElement(
     "div",
     {
       className: "brokr-chat-messages",
       "data-empty": messages.length === 0
     },
-    messages.length === 0 ? /* @__PURE__ */ React36.createElement("div", { className: "brokr-chat-empty" }, /* @__PURE__ */ React36.createElement(SparkIcon, { size: 18 }), /* @__PURE__ */ React36.createElement("div", { className: "brokr-section", style: { gap: "var(--brokr-space-1)" } }, /* @__PURE__ */ React36.createElement("strong", null, "Send a message to chat with the AI."), /* @__PURE__ */ React36.createElement("span", { className: "brokr-copy" }, "Ask a question or drop in a starter prompt below.")), starterPrompts.length > 0 ? /* @__PURE__ */ React36.createElement("div", { className: "brokr-chat-starters" }, starterPrompts.map((prompt) => /* @__PURE__ */ React36.createElement(StarterButton, { key: prompt, prompt, onSelect: handleStarterPrompt }))) : null) : null,
-    messages.map((message, index) => /* @__PURE__ */ React36.createElement("div", { className: "brokr-chat-bubble", "data-role": message.role, key: `${message.role}-${index}` }, contentToText(message.content))),
+    messages.length === 0 ? /* @__PURE__ */ React36.createElement("div", { className: "brokr-chat-empty" }, /* @__PURE__ */ React36.createElement(SparkIcon, { size: 18 }), /* @__PURE__ */ React36.createElement("div", { className: "brokr-section", style: { gap: "var(--brokr-space-1)" } }, /* @__PURE__ */ React36.createElement("strong", null, "Send a message to chat with the AI."), /* @__PURE__ */ React36.createElement("span", { className: "brokr-copy" }, "Ask a question or drop in a starter prompt below."))) : null,
+    messages.map((message, index) => {
+      const text = contentToText(message.content);
+      const isTyping = message.role === "assistant" && !text && isSending && index === messages.length - 1;
+      return /* @__PURE__ */ React36.createElement("div", { className: "brokr-chat-bubble", "data-role": message.role, key: `${message.role}-${index}` }, isTyping ? /* @__PURE__ */ React36.createElement("div", { className: "brokr-ai-chat-typing", "aria-label": "AI is typing" }, /* @__PURE__ */ React36.createElement("span", null), /* @__PURE__ */ React36.createElement("span", null), /* @__PURE__ */ React36.createElement("span", null)) : message.role === "assistant" ? /* @__PURE__ */ React36.createElement(MarkdownRenderer, { content: text }) : text);
+    }),
     error ? /* @__PURE__ */ React36.createElement("div", { className: "brokr-inline-message", "data-tone": "error" }, error) : null
   ), /* @__PURE__ */ React36.createElement("form", { className: "brokr-section", onSubmit: handleSubmit, style: { gap: "var(--brokr-space-3)" } }, /* @__PURE__ */ React36.createElement(
     "textarea",
@@ -7882,7 +8130,7 @@ function FabAI({
       rows: 2,
       value: input
     }
-  ), /* @__PURE__ */ React36.createElement("button", { className: "brokr-button", disabled: isSending, type: "submit" }, isSending ? "Thinking" : "Send"))) : null);
+  ), /* @__PURE__ */ React36.createElement("button", { className: "brokr-button", disabled: isSending || !input.trim(), type: "submit" }, isSending ? "Thinking" : "Send"))) : null);
 }
 
 // src/react/composites/SmartUpload.tsx
@@ -7890,7 +8138,7 @@ import React37, {
   useCallback as useCallback25,
   useId as useId2,
   useMemo as useMemo25,
-  useRef as useRef8,
+  useRef as useRef9,
   useState as useState20
 } from "react";
 function SmartUpload({
@@ -7901,7 +8149,7 @@ function SmartUpload({
 }) {
   const { paymentsMode } = useBrokr();
   const inputId = useId2();
-  const inputRef = useRef8(null);
+  const inputRef = useRef9(null);
   const [dragActive, setDragActive] = useState20(false);
   const [error, setError] = useState20(null);
   const [fileName, setFileName] = useState20(null);
@@ -8336,7 +8584,7 @@ var BrokrErrorBoundary = class extends React39.Component {
 };
 
 // src/react/notifications/NotificationBell.tsx
-import React40, { useCallback as useCallback27, useEffect as useEffect13, useMemo as useMemo26, useRef as useRef9, useState as useState22 } from "react";
+import React40, { useCallback as useCallback27, useEffect as useEffect13, useMemo as useMemo26, useRef as useRef10, useState as useState22 } from "react";
 
 // src/react/notifications/use-notifications.ts
 import { useContext as useContext4 } from "react";
@@ -8386,8 +8634,8 @@ function NotifDropdownItem({
 function NotificationBell() {
   const { notifications, unreadCount, markRead, markAllRead, isLoading, registry } = useNotifications();
   const [open, setOpen] = useState22(false);
-  const containerRef = useRef9(null);
-  const markReadTimerRef = useRef9(null);
+  const containerRef = useRef10(null);
+  const markReadTimerRef = useRef10(null);
   const toggle = useCallback27(() => setOpen((o) => !o), []);
   useEffect13(() => {
     if (markReadTimerRef.current) {