@tomehq/theme 0.6.3 → 0.7.0

package/dist/{chunk-26CZLWVW.js → chunk-6AD5TJ6F.js}

@@ -1,3 +1,10 @@
+import {
+  buildSystemPrompt,
+  callAnthropic,
+  callOpenAI,
+  getDefaultModel
+} from "./chunk-LNWYFDZ4.js";
+
 // src/entry.tsx
 import { useState as useState3, useEffect as useEffect3, useCallback as useCallback3, useRef as useRef3 } from "react";
 import { createRoot } from "react-dom/client";
@@ -85,7 +92,7 @@ var THEME_PRESETS = {
       bd: "#1a1a25",
       tx: "#d4ff00",
       tx2: "#8a90a0",
-      txM: "#6a7080",
+      txM: "#7e8494",
       ac: "#6666ff",
       acD: "rgba(102,102,255,0.10)",
       acT: "#8080ff",
@@ -101,7 +108,7 @@ var THEME_PRESETS = {
       bd: "#d0d4db",
       tx: "#0f1219",
       tx2: "#4a5060",
-      txM: "#6a7080",
+      txM: "#5c6272",
       ac: "#2020cc",
       acD: "rgba(32,32,204,0.08)",
       acT: "#1a1aa8",
@@ -120,7 +127,7 @@ var THEME_PRESETS = {
       bd: "#21262d",
       tx: "#e6edf3",
       tx2: "#8b949e",
-      txM: "#6e7681",
+      txM: "#7d858f",
       ac: "#0ea371",
       acD: "rgba(14,163,113,0.10)",
       acT: "#2dd4a0",
@@ -146,6 +153,216 @@ var THEME_PRESETS = {
       hdBg: "rgba(255,255,255,0.90)"
     },
     fonts: { heading: "Inter", body: "Inter", code: "Fira Code" }
+  },
+  ocean: {
+    dark: {
+      bg: "#0a1628",
+      sf: "#0f1d33",
+      sfH: "#142540",
+      bd: "#1a2e50",
+      tx: "#e0e8f0",
+      tx2: "#8ca0b8",
+      txM: "#7b92aa",
+      ac: "#0ea5e9",
+      acD: "rgba(14,165,233,0.10)",
+      acT: "#38bdf8",
+      cdBg: "#081320",
+      cdTx: "#94b4d0",
+      sbBg: "#0a1628",
+      hdBg: "rgba(10,22,40,0.90)"
+    },
+    light: {
+      bg: "#f0f7ff",
+      sf: "#ffffff",
+      sfH: "#e8f0fa",
+      bd: "#ccdcef",
+      tx: "#0c1929",
+      tx2: "#3d5a78",
+      txM: "#4a6a88",
+      ac: "#0369a1",
+      acD: "rgba(3,105,161,0.07)",
+      acT: "#025e8f",
+      cdBg: "#e4edf7",
+      cdTx: "#1a3050",
+      sbBg: "#eef4fc",
+      hdBg: "rgba(240,247,255,0.92)"
+    },
+    fonts: { heading: "Outfit", body: "Inter", code: "JetBrains Mono" }
+  },
+  rose: {
+    dark: {
+      bg: "#0f0a10",
+      sf: "#171118",
+      sfH: "#1e1620",
+      bd: "#2a1f2c",
+      tx: "#f0e4f0",
+      tx2: "#b09ab0",
+      txM: "#8a7890",
+      ac: "#f43f5e",
+      acD: "rgba(244,63,94,0.10)",
+      acT: "#fb7185",
+      cdBg: "#0d080e",
+      cdTx: "#c8aec8",
+      sbBg: "#0f0a10",
+      hdBg: "rgba(15,10,16,0.88)"
+    },
+    light: {
+      bg: "#fef7f7",
+      sf: "#ffffff",
+      sfH: "#fceef0",
+      bd: "#f0d4d8",
+      tx: "#1a0f12",
+      tx2: "#6b4048",
+      txM: "#8a5a64",
+      ac: "#c81e3e",
+      acD: "rgba(200,30,62,0.06)",
+      acT: "#a81835",
+      cdBg: "#f8eaec",
+      cdTx: "#3a1a22",
+      sbBg: "#fdf2f4",
+      hdBg: "rgba(254,247,247,0.92)"
+    },
+    fonts: { heading: "Playfair Display", body: "Source Sans 3", code: "Fira Code" }
+  },
+  forest: {
+    dark: {
+      bg: "#091209",
+      sf: "#0f1a0f",
+      sfH: "#152215",
+      bd: "#1e2e1e",
+      tx: "#e0f0e0",
+      tx2: "#8aaa8a",
+      txM: "#6a8a6a",
+      ac: "#22c55e",
+      acD: "rgba(34,197,94,0.10)",
+      acT: "#4ade80",
+      cdBg: "#070e07",
+      cdTx: "#a0c4a0",
+      sbBg: "#091209",
+      hdBg: "rgba(9,18,9,0.90)"
+    },
+    light: {
+      bg: "#f4faf4",
+      sf: "#ffffff",
+      sfH: "#e8f4e8",
+      bd: "#c8e0c8",
+      tx: "#0a1a0a",
+      tx2: "#3a5a3a",
+      txM: "#5a7a5a",
+      ac: "#15803d",
+      acD: "rgba(21,128,61,0.07)",
+      acT: "#116d34",
+      cdBg: "#e4f2e4",
+      cdTx: "#1a3a1a",
+      sbBg: "#eef6ee",
+      hdBg: "rgba(244,250,244,0.92)"
+    },
+    fonts: { heading: "Merriweather", body: "Nunito Sans", code: "Source Code Pro" }
+  },
+  slate: {
+    dark: {
+      bg: "#0f1115",
+      sf: "#16181e",
+      sfH: "#1c1f26",
+      bd: "#24272e",
+      tx: "#e2e4e8",
+      tx2: "#9498a0",
+      txM: "#808690",
+      ac: "#94a3b8",
+      acD: "rgba(148,163,184,0.10)",
+      acT: "#b0bec8",
+      cdBg: "#0c0e12",
+      cdTx: "#a8acb4",
+      sbBg: "#0f1115",
+      hdBg: "rgba(15,17,21,0.88)"
+    },
+    light: {
+      bg: "#f8fafc",
+      sf: "#ffffff",
+      sfH: "#f1f5f9",
+      bd: "#d8dfe7",
+      tx: "#0f172a",
+      tx2: "#475569",
+      txM: "#64748b",
+      ac: "#475569",
+      acD: "rgba(71,85,105,0.07)",
+      acT: "#3a4a5c",
+      cdBg: "#f0f4f8",
+      cdTx: "#1e293b",
+      sbBg: "#f5f7fa",
+      hdBg: "rgba(248,250,252,0.92)"
+    },
+    fonts: { heading: "Inter", body: "Inter", code: "JetBrains Mono" }
+  },
+  sunset: {
+    dark: {
+      bg: "#120c06",
+      sf: "#1a1208",
+      sfH: "#22180c",
+      bd: "#2e2010",
+      tx: "#f0e4d4",
+      tx2: "#b0986a",
+      txM: "#907850",
+      ac: "#f97316",
+      acD: "rgba(249,115,22,0.10)",
+      acT: "#fb923c",
+      cdBg: "#0e0a05",
+      cdTx: "#c8aa78",
+      sbBg: "#120c06",
+      hdBg: "rgba(18,12,6,0.90)"
+    },
+    light: {
+      bg: "#fffbf5",
+      sf: "#ffffff",
+      sfH: "#fef3e6",
+      bd: "#f0d8b8",
+      tx: "#1a1008",
+      tx2: "#6a5030",
+      txM: "#8a6840",
+      ac: "#c2410c",
+      acD: "rgba(194,65,12,0.06)",
+      acT: "#a63a0a",
+      cdBg: "#faf0e2",
+      cdTx: "#3a2810",
+      sbBg: "#fdf6ec",
+      hdBg: "rgba(255,251,245,0.92)"
+    },
+    fonts: { heading: "Sora", body: "DM Sans", code: "Fira Code" }
+  },
+  carbon: {
+    dark: {
+      bg: "#080808",
+      sf: "#101010",
+      sfH: "#171717",
+      bd: "#1f1f1f",
+      tx: "#d4d4d4",
+      tx2: "#888888",
+      txM: "#787878",
+      ac: "#e4e4e4",
+      acD: "rgba(228,228,228,0.08)",
+      acT: "#f0f0f0",
+      cdBg: "#0a0a0a",
+      cdTx: "#a0a0a0",
+      sbBg: "#080808",
+      hdBg: "rgba(8,8,8,0.90)"
+    },
+    light: {
+      bg: "#f5f5f5",
+      sf: "#ffffff",
+      sfH: "#ebebeb",
+      bd: "#d4d4d4",
+      tx: "#171717",
+      tx2: "#525252",
+      txM: "#6b6b6b",
+      ac: "#262626",
+      acD: "rgba(38,38,38,0.06)",
+      acT: "#1a1a1a",
+      cdBg: "#eaeaea",
+      cdTx: "#1a1a1a",
+      sbBg: "#f0f0f0",
+      hdBg: "rgba(245,245,245,0.92)"
+    },
+    fonts: { heading: "Geist", body: "Geist", code: "Geist Mono" }
   }
 };
 
@@ -194,66 +411,6 @@ var SendIcon = () => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4z" })
   }
 );
-function buildSystemPrompt(context) {
-  let prompt = "You are a helpful documentation assistant. Answer questions accurately based on the documentation provided below. If the answer isn't in the documentation, say so clearly. Keep answers concise and reference specific sections when possible.";
-  if (context) {
-    const trimmed = context.length > 1e5 ? context.slice(0, 1e5) + "\n\n[Documentation truncated...]" : context;
-    prompt += `
-
-Documentation:
-${trimmed}`;
-  }
-  return prompt;
-}
-async function callOpenAI(messages, apiKey, model, context) {
-  const res = await fetch("https://api.openai.com/v1/chat/completions", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      "Authorization": `Bearer ${apiKey}`
-    },
-    body: JSON.stringify({
-      model,
-      messages: [
-        { role: "system", content: buildSystemPrompt(context) },
-        ...messages.map((m) => ({ role: m.role, content: m.content }))
-      ]
-    })
-  });
-  if (!res.ok) {
-    const err = await res.text();
-    throw new Error(`OpenAI API error (${res.status}): ${err}`);
-  }
-  const data = await res.json();
-  return data.choices?.[0]?.message?.content || "No response.";
-}
-async function callAnthropic(messages, apiKey, model, context) {
-  const res = await fetch("https://api.anthropic.com/v1/messages", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      "x-api-key": apiKey,
-      "anthropic-version": "2023-06-01",
-      "anthropic-dangerous-direct-browser-access": "true"
-    },
-    body: JSON.stringify({
-      model,
-      max_tokens: 1024,
-      system: buildSystemPrompt(context),
-      messages: messages.map((m) => ({ role: m.role, content: m.content }))
-    })
-  });
-  if (!res.ok) {
-    const err = await res.text();
-    throw new Error(`Anthropic API error (${res.status}): ${err}`);
-  }
-  const data = await res.json();
-  return data.content?.[0]?.text || "No response.";
-}
-function getDefaultModel(provider) {
-  if (provider === "openai") return "gpt-4o-mini";
-  return "claude-sonnet-4-20250514";
-}
 function AiChat({ provider, model, apiKey, context }) {
   const [open, setOpen] = useState(false);
   const [messages, setMessages] = useState([]);
@@ -284,10 +441,11 @@ function AiChat({ provider, model, apiKey, context }) {
     setError(null);
     try {
       let response;
+      const sysPrompt = buildSystemPrompt(context);
       if (provider === "openai") {
-        response = await callOpenAI(updatedMessages, resolvedKey, resolvedModel, context);
+        response = await callOpenAI(updatedMessages, resolvedKey, resolvedModel, sysPrompt);
       } else {
-        response = await callAnthropic(updatedMessages, resolvedKey, resolvedModel, context);
+        response = await callAnthropic(updatedMessages, resolvedKey, resolvedModel, sysPrompt);
       }
       setMessages((prev) => [...prev, { role: "assistant", content: response }]);
     } catch (err) {
@@ -889,10 +1047,12 @@ function Shell({
   lastUpdated,
   changelogEntries,
   apiManifest,
+  asyncApiManifest,
   apiBaseUrl,
   apiPlayground,
   apiAuth,
   ApiReferenceComponent,
+  AsyncApiReferenceComponent,
   onNavigate,
   allPages,
   versioning,
@@ -921,6 +1081,9 @@ function Shell({
   const [localeDropdownOpen, setLocaleDropdown] = useState2(false);
   const [zoomSrc, setZoomSrc] = useState2(null);
   const [feedbackGiven, setFeedbackGiven] = useState2({});
+  const [feedbackRating, setFeedbackRating] = useState2({});
+  const [feedbackComment, setFeedbackComment] = useState2("");
+  const [feedbackSubmitted, setFeedbackSubmitted] = useState2({});
   const [bannerDismissed, setBannerDismissed] = useState2(() => {
     if (!config2.banner?.text) return true;
     try {
@@ -1192,7 +1355,14 @@ function Shell({
           setSearch(false);
         },
         onClose: () => setSearch(false),
-        mobile
+        mobile,
+        aiSearch: config2.search?.ai && config2.ai?.enabled ? {
+          provider: config2.ai.provider || "anthropic",
+          model: config2.ai.model,
+          apiKey: window.__TOME_AI_API_KEY__ || void 0,
+          context: docContext2?.map((d) => `## ${d.title}
+${d.content}`).join("\n\n")
+        } : void 0
       }
     ) : null,
     /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: isRtl ? "row-reverse" : "row", flex: 1, height: config2.banner?.text && !bannerDismissed ? "calc(100vh - 32px)" : "100vh" }, children: [
@@ -1349,7 +1519,7 @@ function Shell({
         )) }),
         /* @__PURE__ */ jsxs2("div", { style: { padding: "12px 16px", borderTop: "1px solid var(--bd)", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
           themeMode === "auto" ? /* @__PURE__ */ jsx2("button", { "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode", onClick: () => setDark((d) => !d), style: { background: "none", border: "none", color: "var(--txM)", cursor: "pointer", display: "flex" }, children: isDark ? /* @__PURE__ */ jsx2(SunIcon, {}) : /* @__PURE__ */ jsx2(MoonIcon, {}) }) : /* @__PURE__ */ jsx2("div", {}),
-          /* @__PURE__ */ jsxs2("span", { style: { fontSize: 11, color: "var(--txM)", letterSpacing: 0.2 }, children: [
+          config2.branding?.powered !== false && /* @__PURE__ */ jsxs2("span", { style: { fontSize: 11, color: "var(--txM)", letterSpacing: 0.2 }, children: [
             "Built with ",
             "\u2661",
             " by Tome"
@@ -1659,7 +1829,7 @@ function Shell({
           }
         ),
         /* @__PURE__ */ jsxs2("div", { ref: contentRef, style: { flex: 1, overflow: "auto", display: "flex" }, children: [
-          /* @__PURE__ */ jsxs2("main", { style: { flex: 1, maxWidth: mobile ? "100%" : apiManifest ? 1100 : 760, padding: mobile ? "24px 16px 60px" : "40px 48px 80px", margin: "0 auto", minWidth: 0 }, children: [
+          /* @__PURE__ */ jsxs2("main", { style: { flex: 1, maxWidth: mobile ? "100%" : apiManifest || asyncApiManifest ? 1100 : 760, padding: mobile ? "24px 16px 60px" : "40px 48px 80px", margin: "0 auto", minWidth: 0 }, children: [
             breadcrumbs.length > 0 && /* @__PURE__ */ jsx2("nav", { "aria-label": "Breadcrumbs", "data-testid": "breadcrumbs", style: {
               display: "flex",
               alignItems: "center",
@@ -1686,7 +1856,13 @@ function Shell({
             /* @__PURE__ */ jsx2("h1", { style: { fontFamily: "var(--font-heading)", fontSize: mobile ? 26 : 38, fontWeight: 400, fontStyle: "italic", lineHeight: 1.15, marginBottom: 8 }, children: pageTitle }),
             isDraft && /* @__PURE__ */ jsx2("div", { "data-testid": "draft-banner", style: { background: "#fef3c7", color: "#92400e", padding: "8px 16px", borderRadius: 6, fontSize: 13, marginBottom: 16 }, children: "Draft \u2014 This page is only visible in development" }),
             pageDescription && /* @__PURE__ */ jsx2("p", { style: { fontSize: 16, color: "var(--tx2)", lineHeight: 1.6, marginBottom: 32 }, children: pageDescription }),
-            /* @__PURE__ */ jsx2("div", { style: { borderTop: "1px solid var(--bd)", paddingTop: 28 }, children: apiManifest && ApiReferenceComponent ? /* @__PURE__ */ jsx2(ApiReferenceComponent, { manifest: apiManifest, baseUrl: apiBaseUrl, showPlayground: apiPlayground, playgroundAuth: apiAuth }) : (
+            /* @__PURE__ */ jsx2("div", { style: { borderTop: "1px solid var(--bd)", paddingTop: 28 }, children: (apiManifest || asyncApiManifest) && (ApiReferenceComponent || AsyncApiReferenceComponent) ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+              apiManifest && ApiReferenceComponent && /* @__PURE__ */ jsx2(ApiReferenceComponent, { manifest: apiManifest, baseUrl: apiBaseUrl, showPlayground: apiPlayground, playgroundAuth: apiAuth }),
+              asyncApiManifest && AsyncApiReferenceComponent && /* @__PURE__ */ jsxs2(Fragment, { children: [
+                apiManifest && /* @__PURE__ */ jsx2("div", { style: { borderTop: "1px solid var(--bd)", margin: "40px 0" } }),
+                /* @__PURE__ */ jsx2(AsyncApiReferenceComponent, { manifest: asyncApiManifest })
+              ] })
+            ] }) : (
               /* TOM-49: Changelog page type */
               changelogEntries && changelogEntries.length > 0 ? /* @__PURE__ */ jsx2(ChangelogView, { entries: changelogEntries }) : PageComponent ? /* @__PURE__ */ jsx2("div", { className: "tome-content", children: /* @__PURE__ */ jsx2(PageComponent, { components: mdxComponents || {} }) }) : /* @__PURE__ */ jsx2(
                 "div",
@@ -1739,13 +1915,100 @@ function Shell({
                   formatRelativeDate(lastUpdated)
                 ] })
               ] }),
-              /* @__PURE__ */ jsx2("div", { style: { display: "flex", alignItems: "center", gap: 12, marginTop: 24, padding: "12px 0" }, children: feedbackGiven[currentPageId] ? /* @__PURE__ */ jsx2("span", { style: { fontSize: 13, color: "var(--txM)", fontFamily: "var(--font-body)" }, children: "Thanks for your feedback!" }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+              config2.feedback?.enabled !== false && /* @__PURE__ */ jsx2("div", { "data-testid": "feedback-widget", style: { marginTop: 24, padding: "12px 0" }, children: feedbackSubmitted[currentPageId] ? /* @__PURE__ */ jsx2("span", { style: { fontSize: 13, color: "var(--txM)", fontFamily: "var(--font-body)" }, children: "Thanks for your feedback!" }) : feedbackGiven[currentPageId] && config2.feedback?.textInput ? /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+                /* @__PURE__ */ jsx2("span", { style: { fontSize: 13, color: "var(--txM)", fontFamily: "var(--font-body)" }, children: "Any additional feedback? (optional)" }),
+                /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 8 }, children: [
+                  /* @__PURE__ */ jsx2(
+                    "input",
+                    {
+                      "data-testid": "feedback-text-input",
+                      type: "text",
+                      value: feedbackComment,
+                      onChange: (e) => setFeedbackComment(e.target.value),
+                      placeholder: "Tell us more...",
+                      style: {
+                        flex: 1,
+                        padding: "6px 10px",
+                        fontSize: 13,
+                        fontFamily: "var(--font-body)",
+                        background: "var(--sf)",
+                        border: "1px solid var(--bd)",
+                        borderRadius: 2,
+                        color: "var(--tx)",
+                        outline: "none"
+                      },
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter") {
+                          window.__tome?.trackFeedback(currentPageId, feedbackRating[currentPageId], feedbackComment);
+                          try {
+                            localStorage.setItem(`tome-feedback-${currentPageId}`, feedbackRating[currentPageId]);
+                          } catch {
+                          }
+                          setFeedbackSubmitted((prev2) => ({ ...prev2, [currentPageId]: true }));
+                          setFeedbackComment("");
+                        }
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    "button",
+                    {
+                      "data-testid": "feedback-submit",
+                      onClick: () => {
+                        window.__tome?.trackFeedback(currentPageId, feedbackRating[currentPageId], feedbackComment);
+                        try {
+                          localStorage.setItem(`tome-feedback-${currentPageId}`, feedbackRating[currentPageId]);
+                        } catch {
+                        }
+                        setFeedbackSubmitted((prev2) => ({ ...prev2, [currentPageId]: true }));
+                        setFeedbackComment("");
+                      },
+                      style: {
+                        background: "none",
+                        border: "1px solid var(--bd)",
+                        borderRadius: 2,
+                        padding: "6px 14px",
+                        cursor: "pointer",
+                        fontSize: 13,
+                        color: "var(--txM)"
+                      },
+                      children: "Submit"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    "button",
+                    {
+                      onClick: () => {
+                        window.__tome?.trackFeedback(currentPageId, feedbackRating[currentPageId]);
+                        try {
+                          localStorage.setItem(`tome-feedback-${currentPageId}`, feedbackRating[currentPageId]);
+                        } catch {
+                        }
+                        setFeedbackSubmitted((prev2) => ({ ...prev2, [currentPageId]: true }));
+                      },
+                      style: {
+                        background: "none",
+                        border: "none",
+                        cursor: "pointer",
+                        fontSize: 13,
+                        color: "var(--txM)"
+                      },
+                      children: "Skip"
+                    }
+                  )
+                ] })
+              ] }) : feedbackGiven[currentPageId] ? /* @__PURE__ */ jsx2("span", { style: { fontSize: 13, color: "var(--txM)", fontFamily: "var(--font-body)" }, children: "Thanks for your feedback!" }) : /* @__PURE__ */ jsxs2("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
                 /* @__PURE__ */ jsx2("span", { style: { fontSize: 13, color: "var(--txM)", fontFamily: "var(--font-body)" }, children: "Was this helpful?" }),
-                /* @__PURE__ */ jsx2("button", { onClick: () => {
+                /* @__PURE__ */ jsx2("button", { "data-testid": "feedback-up", onClick: () => {
+                  setFeedbackRating((prev2) => ({ ...prev2, [currentPageId]: "up" }));
                   setFeedbackGiven((prev2) => ({ ...prev2, [currentPageId]: true }));
-                  try {
-                    localStorage.setItem(`tome-feedback-${currentPageId}`, "up");
-                  } catch {
+                  if (!config2.feedback?.textInput) {
+                    window.__tome?.trackFeedback(currentPageId, "up");
+                    try {
+                      localStorage.setItem(`tome-feedback-${currentPageId}`, "up");
+                    } catch {
+                    }
+                    setFeedbackSubmitted((prev2) => ({ ...prev2, [currentPageId]: true }));
                   }
                 }, style: {
                   background: "none",
@@ -1757,11 +2020,16 @@ function Shell({
                   color: "var(--txM)",
                   transition: "border-color .15s"
                 }, children: "\u{1F44D}" }),
-                /* @__PURE__ */ jsx2("button", { onClick: () => {
+                /* @__PURE__ */ jsx2("button", { "data-testid": "feedback-down", onClick: () => {
+                  setFeedbackRating((prev2) => ({ ...prev2, [currentPageId]: "down" }));
                   setFeedbackGiven((prev2) => ({ ...prev2, [currentPageId]: true }));
-                  try {
-                    localStorage.setItem(`tome-feedback-${currentPageId}`, "down");
-                  } catch {
+                  if (!config2.feedback?.textInput) {
+                    window.__tome?.trackFeedback(currentPageId, "down");
+                    try {
+                      localStorage.setItem(`tome-feedback-${currentPageId}`, "down");
+                    } catch {
+                    }
+                    setFeedbackSubmitted((prev2) => ({ ...prev2, [currentPageId]: true }));
                   }
                 }, style: {
                   background: "none",
@@ -1921,13 +2189,16 @@ ${d.content}`).join("\n\n") ?? allPages.map((p) => `- ${p.title}${p.description
     }, children: /* @__PURE__ */ jsx2("img", { src: zoomSrc, alt: "", style: { maxWidth: "90vw", maxHeight: "90vh", objectFit: "contain", borderRadius: 4, boxShadow: "0 16px 64px rgba(0,0,0,0.4)" } }) })
   ] });
 }
-function SearchModal({ allPages, onNavigate, onClose, mobile }) {
+function SearchModal({ allPages, onNavigate, onClose, mobile, aiSearch }) {
   const [q, setQ] = useState2("");
   const [results, setResults] = useState2([]);
   const [selected, setSelected] = useState2(0);
   const [pagefindReady, setPagefindReady] = useState2(null);
+  const [aiAnswer, setAiAnswer] = useState2(null);
+  const [aiLoading, setAiLoading] = useState2(false);
   const inputRef = useRef2(null);
   const debounceRef = useRef2(void 0);
+  const aiDebounceRef = useRef2(void 0);
   useEffect2(() => {
     initPagefind().then((pf) => setPagefindReady(!!pf));
     setTimeout(() => inputRef.current?.focus(), 50);
@@ -1960,12 +2231,15 @@ function SearchModal({ allPages, onNavigate, onClose, mobile }) {
         }
         setResults(items);
         setSelected(0);
+        window.__tome?.trackSearch(query, items.length);
         return;
       } catch {
       }
     }
-    setResults(fallbackSearch(query));
+    const fallbackResults = fallbackSearch(query);
+    setResults(fallbackResults);
     setSelected(0);
+    window.__tome?.trackSearch(query, fallbackResults.length);
   }, [fallbackSearch]);
   useEffect2(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
@@ -1974,6 +2248,46 @@ function SearchModal({ allPages, onNavigate, onClose, mobile }) {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [q, doSearch]);
+  useEffect2(() => {
+    if (!aiSearch?.apiKey || !q.trim() || q.length < 3) {
+      setAiAnswer(null);
+      return;
+    }
+    if (aiDebounceRef.current) clearTimeout(aiDebounceRef.current);
+    aiDebounceRef.current = setTimeout(async () => {
+      setAiLoading(true);
+      try {
+        const { callAiProvider, buildSystemPrompt: buildSystemPrompt2, getDefaultModel: getDefaultModel2 } = await import("./ai-api-6KVITVN6.js");
+        const model = aiSearch.model || getDefaultModel2(aiSearch.provider);
+        const searchContext = results.slice(0, 5).map((r) => `Page: ${r.title}
+${r.excerpt || ""}`).join("\n\n");
+        const fullContext = aiSearch.context ? `${searchContext}
+
+---
+
+${aiSearch.context}` : searchContext;
+        const sysPrompt = buildSystemPrompt2(
+          fullContext,
+          "You are a documentation search assistant. Answer the user's question concisely (2-3 sentences max) based on the documentation. Cite specific page names when relevant. If you can't answer from the docs, say so briefly."
+        );
+        const answer = await callAiProvider(
+          aiSearch.provider,
+          [{ role: "user", content: q }],
+          aiSearch.apiKey || "",
+          model,
+          sysPrompt
+        );
+        setAiAnswer(answer);
+      } catch {
+        setAiAnswer(null);
+      } finally {
+        setAiLoading(false);
+      }
+    }, 500);
+    return () => {
+      if (aiDebounceRef.current) clearTimeout(aiDebounceRef.current);
+    };
+  }, [q, results, aiSearch]);
   const handleKeyDown = useCallback2((e) => {
     if (e.key === "ArrowDown") {
       e.preventDefault();
@@ -2023,6 +2337,17 @@ function SearchModal({ allPages, onNavigate, onClose, mobile }) {
       ),
       /* @__PURE__ */ jsx2("kbd", { style: { fontFamily: "var(--font-code)", fontSize: 10, color: "var(--txM)", background: "var(--cdBg)", padding: "2px 6px", borderRadius: 2, border: "1px solid var(--bd)" }, children: "ESC" })
     ] }),
+    aiSearch && q.length >= 3 && (aiLoading || aiAnswer) && /* @__PURE__ */ jsxs2("div", { style: {
+      padding: "12px 18px",
+      borderBottom: "1px solid var(--bd)",
+      background: "var(--acT)",
+      fontSize: 13,
+      lineHeight: 1.5,
+      color: "var(--tx)"
+    }, children: [
+      /* @__PURE__ */ jsx2("div", { style: { fontSize: 10, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5, color: "var(--ac)", marginBottom: 6 }, children: "AI Answer" }),
+      aiLoading ? /* @__PURE__ */ jsx2("div", { style: { color: "var(--txM)", fontStyle: "italic" }, children: "Thinking..." }) : aiAnswer ? /* @__PURE__ */ jsx2("div", { children: aiAnswer }) : null
+    ] }),
     results.length > 0 && /* @__PURE__ */ jsx2("div", { style: { padding: 6, maxHeight: mobile ? "none" : 360, overflow: "auto", flex: mobile ? 1 : void 0 }, children: results.map((r, i) => /* @__PURE__ */ jsxs2(
       "button",
       {
@@ -2059,12 +2384,17 @@ function SearchModal({ allPages, onNavigate, onClose, mobile }) {
 // src/routing.ts
 function pathnameToPageId(pathname, basePath2, routes2) {
   let relative = pathname;
-  if (basePath2 && relative.startsWith(basePath2)) {
-    relative = relative.slice(basePath2.length);
+  const normalizedBase = basePath2 === "/" ? "" : basePath2.replace(/\/+$/, "");
+  if (normalizedBase && relative.startsWith(normalizedBase)) {
+    relative = relative.slice(normalizedBase.length);
   }
   const id = relative.replace(/^\//, "").replace(/\/index\.html$/, "").replace(/\.html$/, "").replace(/\/$/, "") || "index";
-  const route = routes2.find((r) => r.id === id);
-  return route ? id : null;
+  const routeById = routes2.find((r) => r.id === id);
+  if (routeById) return id;
+  const urlPath = "/" + id;
+  const urlPathWithSlash = urlPath + "/";
+  const routeByUrl = routes2.find((r) => r.urlPath === urlPath || r.urlPath === urlPathWithSlash);
+  return routeByUrl ? routeByUrl.id : null;
 }
 function pageIdToPath(id, basePath2, routes2) {
   const route = routes2.find((r) => r.id === id);
@@ -2118,8 +2448,14 @@ async function loadPage(id, routes2, loadPageModule2) {
     };
   }
   if (!mod.default) throw new PageNotFoundError(id);
-  if (mod.isApiReference && mod.apiManifest) {
-    return { isMdx: false, isApiReference: true, ...mod.default, apiManifest: mod.apiManifest };
+  if (mod.isApiReference && (mod.apiManifest || mod.asyncApiManifest)) {
+    return {
+      isMdx: false,
+      isApiReference: true,
+      ...mod.default,
+      apiManifest: mod.apiManifest,
+      asyncApiManifest: mod.asyncApiManifest
+    };
   }
   if (mod.isChangelog && mod.changelogEntries) {
     return { isMdx: false, ...mod.default, changelogEntries: mod.changelogEntries };
@@ -2150,7 +2486,8 @@ import {
   CodeSamples,
   LinkCard,
   CardGrid,
-  ApiReference
+  ApiReference,
+  AsyncApiReference
 } from "@tomehq/components";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var MDX_COMPONENTS = {
@@ -2640,10 +2977,12 @@ function App() {
         lastUpdated: currentRoute?.lastUpdated,
         changelogEntries: !pageData?.isMdx ? pageData?.changelogEntries : void 0,
         apiManifest: !pageData?.isMdx && pageData?.isApiReference ? pageData.apiManifest : void 0,
+        asyncApiManifest: !pageData?.isMdx && pageData?.isApiReference ? pageData.asyncApiManifest : void 0,
         apiBaseUrl: config.api?.baseUrl,
         apiPlayground: config.api?.playground,
         apiAuth: config.api?.auth,
         ApiReferenceComponent: ApiReference,
+        AsyncApiReferenceComponent: AsyncApiReference,
         onNavigate: navigateTo,
         allPages,
         docContext,