@chaaskit/client 0.1.0 → 0.1.2

package/dist/lib/index.js

@@ -1,11 +1,129 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { c as clientRegistry, a as useSidebarPages, b as useExtensionTools } from "./useExtensions-B5nX_8XD.js";
 import { C, a, S } from "./LoadingSkeletons-IcIC2JPq.js";
 import React, { createContext, useState, useEffect, useContext, useCallback, useRef, forwardRef, createElement as createElement$1, useMemo, useImperativeHandle } from "react";
 import { useSearchParams, useNavigate, Link as Link$1, useMatch, useParams, Navigate } from "react-router";
 import { S as S2, b, u, a as a2, c } from "./ServerThemeProvider-DNF0LAyk.js";
-import { a as useSidebarPages } from "./useExtensions-B5nX_8XD.js";
-import { c as c2 } from "./useExtensions-B5nX_8XD.js";
 import { createPortal } from "react-dom";
+function getTextContent(content2) {
+  if (!content2) return null;
+  const firstText = content2.find((item) => item.type === "text" && typeof item.text === "string");
+  return (firstText == null ? void 0 : firstText.text) ?? null;
+}
+function DocumentListRenderer({ toolCall, toolResult }) {
+  const structured = toolResult.structuredContent;
+  const documents = (structured == null ? void 0 : structured.documents) ?? [];
+  const fallback = getTextContent(toolResult.content);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-text-primary", children: "Documents" }),
+    documents.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: documents.map((doc, index2) => /* @__PURE__ */ jsxs("li", { className: "rounded-md border border-border bg-background px-3 py-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-text-primary", children: doc.path ?? doc.name ?? "Untitled document" }),
+      /* @__PURE__ */ jsxs("div", { className: "text-xs text-text-muted", children: [
+        doc.mimeType ?? "text/plain",
+        typeof doc.charCount === "number" ? ` • ${doc.charCount} chars` : "",
+        doc.teamId ? " • team" : "",
+        doc.projectId ? " • project" : ""
+      ] })
+    ] }, doc.id ?? doc.path ?? index2)) }) : /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: fallback ?? "No documents found." }),
+    /* @__PURE__ */ jsxs("div", { className: "text-xs text-text-muted", children: [
+      "Tool: ",
+      toolCall.toolName
+    ] })
+  ] });
+}
+function DocumentReadRenderer({ toolCall, toolResult }) {
+  const structured = toolResult.structuredContent;
+  const fallback = getTextContent(toolResult.content);
+  const rangeText = structured ? `Lines ${Number(structured.offset ?? 0) + 1}-${Number(structured.offset ?? 0) + Number(structured.linesReturned ?? 0)} of ${structured.totalLines ?? "unknown"}` : null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-text-primary", children: "Document Preview" }),
+    structured ? /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-text-secondary", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium text-text-primary", children: structured.path ?? "Document" }),
+      rangeText && /* @__PURE__ */ jsxs("div", { className: "text-xs text-text-muted", children: [
+        rangeText,
+        structured.truncated ? " (truncated)" : ""
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: fallback ?? "No structured document details." }),
+    /* @__PURE__ */ jsxs("div", { className: "text-xs text-text-muted", children: [
+      "Tool: ",
+      toolCall.toolName
+    ] })
+  ] });
+}
+function DocumentSearchRenderer({ toolCall, toolResult }) {
+  const structured = toolResult.structuredContent;
+  const fallback = getTextContent(toolResult.content);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-text-primary", children: "Document Search" }),
+    structured ? /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-text-secondary", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium text-text-primary", children: structured.path ?? "Document" }),
+      /* @__PURE__ */ jsxs("div", { className: "text-xs text-text-muted", children: [
+        "Query: ",
+        structured.query ?? "unknown"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-xs text-text-muted", children: [
+        "Matches: ",
+        structured.matchCount ?? 0
+      ] }),
+      structured.matchLines && structured.matchLines.length > 0 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-text-muted", children: [
+        "Lines: ",
+        structured.matchLines.join(", ")
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: fallback ?? "No structured search data." }),
+    /* @__PURE__ */ jsxs("div", { className: "text-xs text-text-muted", children: [
+      "Tool: ",
+      toolCall.toolName
+    ] })
+  ] });
+}
+function DocumentSaveRenderer({ toolCall, toolResult }) {
+  const structured = toolResult.structuredContent;
+  const fallback = getTextContent(toolResult.content);
+  const success = (structured == null ? void 0 : structured.success) !== false && !toolResult.isError;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-text-primary", children: "Save Document" }),
+    structured ? /* @__PURE__ */ jsxs("div", { className: `rounded-md border px-3 py-2 text-sm ${success ? "border-success/30 bg-success/10 text-success" : "border-error/30 bg-error/10 text-error"}`, children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium", children: success ? "Saved" : "Failed" }),
+      structured.path && /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
+        "Path: ",
+        structured.path
+      ] }),
+      structured.id && /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
+        "ID: ",
+        structured.id
+      ] }),
+      typeof structured.charCount === "number" && /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
+        "Size: ",
+        structured.charCount,
+        " chars"
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: fallback ?? "No structured save data." }),
+    /* @__PURE__ */ jsxs("div", { className: "text-xs text-text-muted", children: [
+      "Tool: ",
+      toolCall.toolName
+    ] })
+  ] });
+}
+clientRegistry.registerTool({
+  name: "list_documents",
+  description: "Render document list results",
+  resultRenderer: DocumentListRenderer
+});
+clientRegistry.registerTool({
+  name: "read_document",
+  description: "Render document read results",
+  resultRenderer: DocumentReadRenderer
+});
+clientRegistry.registerTool({
+  name: "search_in_document",
+  description: "Render document search results",
+  resultRenderer: DocumentSearchRenderer
+});
+clientRegistry.registerTool({
+  name: "save_document",
+  description: "Render document save results",
+  resultRenderer: DocumentSaveRenderer
+});
 class ApiError extends Error {
   constructor(status, message, code2) {
     super(message);
@@ -85,8 +203,8 @@ function AuthProvider({ children }) {
     setUser(response.user);
     return { requiresVerification: response.requiresVerification ?? false };
   }
-  async function register2(email, password, name2) {
-    const response = await api.post("/api/auth/register", { email, password, name: name2 });
+  async function register2(email, password, name2, options) {
+    const response = await api.post("/api/auth/register", { email, password, name: name2, ...options });
     setUser(response.user);
     return { requiresVerification: response.requiresVerification ?? false };
   }
@@ -94,8 +212,8 @@ function AuthProvider({ children }) {
     await api.post("/api/auth/logout", {});
     setUser(null);
   }
-  async function sendMagicLink(email) {
-    await api.post("/api/auth/magic-link", { email });
+  async function sendMagicLink(email, inviteToken) {
+    await api.post("/api/auth/magic-link", { email, inviteToken });
   }
   async function verifyEmail(code2) {
     await api.post(
@@ -132,11 +250,54 @@ function useAuth() {
   }
   return context;
 }
+const ThemeContext = createContext(void 0);
+const DEFAULT_THEMES = ["light", "dark"];
+const DEFAULT_THEME = "dark";
+function ThemeProvider({
+  children,
+  availableThemes = DEFAULT_THEMES,
+  defaultTheme = DEFAULT_THEME
+}) {
+  const [theme, setThemeState] = useState(() => {
+    if (typeof window !== "undefined") {
+      const stored = localStorage.getItem("theme");
+      if (stored && availableThemes.includes(stored)) {
+        return stored;
+      }
+    }
+    return defaultTheme;
+  });
+  useEffect(() => {
+    document.documentElement.setAttribute("data-theme", theme);
+    localStorage.setItem("theme", theme);
+    document.cookie = `theme=${theme};path=/;max-age=31536000;SameSite=Lax`;
+  }, [theme]);
+  function setTheme(newTheme) {
+    if (availableThemes.includes(newTheme)) {
+      setThemeState(newTheme);
+    }
+  }
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, setTheme, availableThemes }, children });
+}
+function useTheme() {
+  const context = useContext(ThemeContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+function getInjectedConfig() {
+  if (typeof window !== "undefined" && window.__CHAASKIT_CONFIG__) {
+    return window.__CHAASKIT_CONFIG__;
+  }
+  return void 0;
+}
 const defaultConfig = {
   app: {
     name: "AI Chat",
     description: "Your AI assistant",
-    url: "http://localhost:5173"
+    url: "http://localhost:5173",
+    basePath: "/chat"
   },
   ui: {
     welcomeTitle: "Welcome to AI Chat",
@@ -219,28 +380,16 @@ const defaultConfig = {
     magicLink: {
       enabled: true,
       expiresInMinutes: 15
-    }
-  },
-  agent: {
-    type: "built-in",
-    provider: "anthropic",
-    model: "claude-sonnet-4-20250514",
-    systemPrompt: "You are a helpful AI assistant.",
-    maxTokens: 4096
+    },
+    gating: {
+      mode: "open",
+      waitlistEnabled: false
+    },
+    isAdmin: false
   },
   payments: {
     enabled: false,
-    provider: "stripe",
-    plans: [
-      {
-        id: "free",
-        name: "Free",
-        type: "free",
-        params: {
-          monthlyMessageLimit: 20
-        }
-      }
-    ]
+    provider: "stripe"
   },
   legal: {
     privacyPolicyUrl: "/privacy",
@@ -269,7 +418,6 @@ const defaultConfig = {
   },
   promptTemplates: {
     enabled: true,
-    builtIn: [],
     allowUserTemplates: true
   },
   teams: {
@@ -277,9 +425,6 @@ const defaultConfig = {
   },
   documents: {
     enabled: false,
-    storage: {
-      provider: "database"
-    },
     maxFileSizeMB: 10,
     hybridThreshold: 1e3,
     acceptedTypes: ["text/plain", "text/markdown", "application/json"]
@@ -290,16 +435,30 @@ const defaultConfig = {
   },
   api: {
     enabled: false
+  },
+  credits: {
+    enabled: false,
+    expiryEnabled: false,
+    promoEnabled: false
+  },
+  metering: {
+    enabled: false,
+    recordPromptCompletion: true
   }
 };
 const ConfigContext = createContext({
   config: defaultConfig,
   configLoaded: false
 });
-function ConfigProvider({ children }) {
-  const [config, setConfig] = useState(defaultConfig);
-  const [configLoaded, setConfigLoaded] = useState(false);
+function ConfigProvider({ children, initialConfig }) {
+  const injectedConfig = getInjectedConfig();
+  const preloadedConfig = initialConfig || injectedConfig;
+  const [config, setConfig] = useState(
+    preloadedConfig ? { ...defaultConfig, ...preloadedConfig } : defaultConfig
+  );
+  const [configLoaded, setConfigLoaded] = useState(!!preloadedConfig);
   useEffect(() => {
+    if (preloadedConfig) return;
     async function loadConfig() {
       try {
         const response = await fetch("/api/config");
@@ -317,7 +476,7 @@ function ConfigProvider({ children }) {
       }
     }
     loadConfig();
-  }, []);
+  }, [preloadedConfig]);
   return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: { config, configLoaded }, children });
 }
 function useConfig() {
@@ -326,80 +485,6 @@ function useConfig() {
 function useConfigLoaded() {
   return useContext(ConfigContext).configLoaded;
 }
-const ThemeContext = createContext(void 0);
-function ThemeProvider({ children }) {
-  const config = useConfig();
-  const [theme, setThemeState] = useState(() => {
-    const stored = localStorage.getItem("theme");
-    if (stored && config.theming.themes[stored]) {
-      return stored;
-    }
-    return config.theming.defaultTheme;
-  });
-  const availableThemes = Object.keys(config.theming.themes);
-  useEffect(() => {
-    document.documentElement.setAttribute("data-theme", theme);
-    localStorage.setItem("theme", theme);
-    document.cookie = `theme=${theme};path=/;max-age=31536000;SameSite=Lax`;
-    const themeConfig = config.theming.themes[theme];
-    if (themeConfig) {
-      const root2 = document.documentElement;
-      const colors = themeConfig.colors;
-      Object.entries(colors).forEach(([key, value]) => {
-        const cssKey = `--color-${key.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
-        const rgb = hexToRgb(value);
-        if (rgb) {
-          root2.style.setProperty(cssKey, `${rgb.r} ${rgb.g} ${rgb.b}`);
-        }
-      });
-    }
-    document.documentElement.style.setProperty(
-      "--font-sans",
-      config.theming.fonts.sans
-    );
-    document.documentElement.style.setProperty(
-      "--font-mono",
-      config.theming.fonts.mono
-    );
-    document.documentElement.style.setProperty(
-      "--radius-sm",
-      config.theming.borderRadius.sm
-    );
-    document.documentElement.style.setProperty(
-      "--radius-md",
-      config.theming.borderRadius.md
-    );
-    document.documentElement.style.setProperty(
-      "--radius-lg",
-      config.theming.borderRadius.lg
-    );
-    document.documentElement.style.setProperty(
-      "--radius-full",
-      config.theming.borderRadius.full
-    );
-  }, [theme, config.theming]);
-  function setTheme(newTheme) {
-    if (config.theming.themes[newTheme]) {
-      setThemeState(newTheme);
-    }
-  }
-  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, setTheme, availableThemes }, children });
-}
-function useTheme() {
-  const context = useContext(ThemeContext);
-  if (context === void 0) {
-    throw new Error("useTheme must be used within a ThemeProvider");
-  }
-  return context;
-}
-function hexToRgb(hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? {
-    r: parseInt(result[1], 16),
-    g: parseInt(result[2], 16),
-    b: parseInt(result[3], 16)
-  } : null;
-}
 const TeamContext = createContext(void 0);
 function TeamProvider({ children }) {
   var _a;
@@ -1328,7 +1413,8 @@ ${mentions}` : mentions;
                     ...pendingCall,
                     result: data2.content || [],
                     isError: data2.isError,
-                    uiResource: data2.uiResource
+                    uiResource: data2.uiResource,
+                    structuredContent: data2.structuredContent
                   } : {
                     // Fallback: create from tool_result event data (server now includes name/serverId/input)
                     id: data2.id,
@@ -1337,7 +1423,8 @@ ${mentions}` : mentions;
                     input: data2.input || {},
                     result: data2.content || [],
                     isError: data2.isError,
-                    uiResource: data2.uiResource
+                    uiResource: data2.uiResource,
+                    structuredContent: data2.structuredContent
                   };
                   return {
                     pendingToolCalls: state2.pendingToolCalls.filter((tc) => tc.id !== data2.id),
@@ -1409,7 +1496,8 @@ ${mentions}` : mentions;
           toolCallId: tc.id,
           content: tc.result,
           isError: tc.isError,
-          uiResource: tc.uiResource
+          uiResource: tc.uiResource,
+          structuredContent: tc.structuredContent
         })) : void 0,
         createdAt: /* @__PURE__ */ new Date()
       };
@@ -27180,12 +27268,12 @@ function MCPCredentialsSection({ onCredentialChange }) {
   ] });
 }
 function OAuthAppsSection() {
-  var _a, _b, _c;
+  var _a, _b;
   const config = useConfig();
   const [apps, setApps] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
   const [revokingId, setRevokingId] = useState(null);
-  const oauthEnabled = (_c = (_b = (_a = config.mcp) == null ? void 0 : _a.server) == null ? void 0 : _b.oauth) == null ? void 0 : _c.enabled;
+  const oauthEnabled = (_b = (_a = config.mcp) == null ? void 0 : _a.servers) == null ? void 0 : _b.some((server) => server.authMode === "user-oauth");
   useEffect(() => {
     if (oauthEnabled) {
       loadApps();
@@ -28006,16 +28094,16 @@ function ProjectModal({ isOpen, onClose, project }) {
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-text-secondary mb-2", children: "Color" }),
-          /* @__PURE__ */ jsx("div", { className: "flex gap-2 flex-wrap", children: projectColors.map((c3) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "flex gap-2 flex-wrap", children: projectColors.map((c2) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              onClick: () => canEdit && setColor(c3),
-              className: `w-8 h-8 rounded-full border-2 transition-all ${color2 === c3 ? "border-text-primary scale-110" : "border-transparent hover:scale-105"} ${!canEdit ? "cursor-not-allowed opacity-50" : ""}`,
-              style: { backgroundColor: c3 },
+              onClick: () => canEdit && setColor(c2),
+              className: `w-8 h-8 rounded-full border-2 transition-all ${color2 === c2 ? "border-text-primary scale-110" : "border-transparent hover:scale-105"} ${!canEdit ? "cursor-not-allowed opacity-50" : ""}`,
+              style: { backgroundColor: c2 },
               disabled: !canEdit
             },
-            c3
+            c2
           )) })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
@@ -28537,7 +28625,7 @@ function getIconComponent(iconName) {
   return Icon || Puzzle;
 }
 function Sidebar({ onClose, onOpenSearch }) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
   const navigate = useNavigate();
   const appPath = useAppPath();
   const basePath = useBasePath();
@@ -28787,12 +28875,7 @@ function Sidebar({ onClose, onOpenSearch }) {
           ]
         }
       ),
-      ((user == null ? void 0 : user.isAdmin) || ((_d = (_c = config.admin) == null ? void 0 : _c.emails) == null ? void 0 : _d.some(
-        (email) => {
-          var _a2;
-          return email.toLowerCase() === ((_a2 = user == null ? void 0 : user.email) == null ? void 0 : _a2.toLowerCase());
-        }
-      ))) && /* @__PURE__ */ jsxs(
+      ((user == null ? void 0 : user.isAdmin) || ((_c = config.auth) == null ? void 0 : _c.isAdmin)) && /* @__PURE__ */ jsxs(
         Link$1,
         {
           to: appPath("/admin"),
@@ -28818,7 +28901,7 @@ function Sidebar({ onClose, onOpenSearch }) {
           page.id
         );
       }),
-      ((_e = config.documents) == null ? void 0 : _e.enabled) && /* @__PURE__ */ jsxs(
+      ((_d = config.documents) == null ? void 0 : _d.enabled) && /* @__PURE__ */ jsxs(
         Link$1,
         {
           to: appPath("/documents"),
@@ -28829,7 +28912,7 @@ function Sidebar({ onClose, onOpenSearch }) {
           ]
         }
       ),
-      ((_f = config.scheduledPrompts) == null ? void 0 : _f.enabled) && /* @__PURE__ */ jsxs(
+      ((_e = config.scheduledPrompts) == null ? void 0 : _e.enabled) && /* @__PURE__ */ jsxs(
         Link$1,
         {
           to: appPath("/automations"),
@@ -30418,11 +30501,11 @@ function index$1(style2, options) {
     match(WHITESPACE_REGEX);
   }
   function comments(rules) {
-    var c3;
+    var c2;
     rules = rules || [];
-    while (c3 = comment()) {
-      if (c3 !== false) {
-        rules.push(c3);
+    while (c2 = comment()) {
+      if (c2 !== false) {
+        rules.push(c2);
       }
     }
     return rules;
@@ -46243,10 +46326,10 @@ var hasRequiredC;
 function requireC() {
   if (hasRequiredC) return c_1;
   hasRequiredC = 1;
-  c_1 = c3;
-  c3.displayName = "c";
-  c3.aliases = [];
-  function c3(Prism2) {
+  c_1 = c2;
+  c2.displayName = "c";
+  c2.aliases = [];
+  function c2(Prism2) {
     Prism2.languages.c = Prism2.languages.extend("clike", {
       comment: {
         pattern: /\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,
@@ -58775,7 +58858,7 @@ function requireNaniscript() {
         var tokens = env2.tokens;
         tokens.forEach(function(token) {
           if (typeof token !== "string" && token.type === "generic-text") {
-            var content2 = getTextContent(token);
+            var content2 = getTextContent2(token);
             if (!isBracketsBalanced(content2)) {
               token.type = "bad-line";
               token.content = content2;
@@ -58799,13 +58882,13 @@ function requireNaniscript() {
         }
         return stack.length === 0;
       }
-      function getTextContent(token) {
+      function getTextContent2(token) {
         if (typeof token === "string") {
           return token;
         } else if (Array.isArray(token)) {
-          return token.map(getTextContent).join("");
+          return token.map(getTextContent2).join("");
         } else {
-          return getTextContent(token.content);
+          return getTextContent2(token.content);
         }
       }
     })(Prism2);
@@ -67976,6 +68059,7 @@ const AUTO_APPROVE_LABELS = {
   user_always: "You always allowed this tool",
   thread_allowed: "Allowed for this chat"
 };
+const TOOL_UI_MESSAGE_SOURCE = "chaaskit-tool-ui";
 function generateOpenAiScript(toolInput, toolOutput, theme) {
   const openAiTheme = theme === "dark" ? "dark" : "light";
   const backgroundColor = theme === "dark" ? "#111827" : "#ffffff";
@@ -68018,6 +68102,46 @@ function generateOpenAiScript(toolInput, toolOutput, theme) {
 </style>
 <script>
 (function() {
+  const MESSAGE_SOURCE = '${TOOL_UI_MESSAGE_SOURCE}';
+  let requestId = 0;
+  const pending = new Map();
+
+  function resolvePending(id, data) {
+    const entry = pending.get(id);
+    if (!entry) return;
+    pending.delete(id);
+    if (data && data.ok) {
+      entry.resolve(data.result);
+      return;
+    }
+    entry.resolve({ error: (data && data.error) || 'Tool UI bridge error' });
+  }
+
+  window.addEventListener('message', (event) => {
+    const data = event.data || {};
+    if (data.source !== MESSAGE_SOURCE || !data.id) return;
+    resolvePending(data.id, data);
+  });
+
+  function sendToParent(type, payload, timeoutMs = 15000) {
+    return new Promise((resolve) => {
+      const id = String(Date.now()) + '-' + String(requestId++);
+      pending.set(id, { resolve });
+      try {
+        window.parent.postMessage({ source: MESSAGE_SOURCE, type, id, payload }, '*');
+      } catch (err) {
+        pending.delete(id);
+        resolve({ error: 'Unable to reach host window' });
+        return;
+      }
+      setTimeout(() => {
+        if (!pending.has(id)) return;
+        pending.delete(id);
+        resolve({ error: 'Tool UI request timed out' });
+      }, timeoutMs);
+    });
+  }
+
   // Initialize window.openai with the OpenAI Apps SDK spec
   window.openai = {
     // Core globals
@@ -68042,17 +68166,20 @@ function generateOpenAiScript(toolInput, toolOutput, theme) {
     // API methods
     callTool: async (name, args) => {
       console.log('window.openai.callTool called:', { name, args });
-      // TODO: Implement actual tool calling via parent window messaging
-      return {
-        content: [{ type: 'text', text: 'Tool calling not yet implemented' }],
-        isError: false
-      };
+      const response = await sendToParent('callTool', { name, args });
+      if (response && response.error) {
+        return {
+          content: [{ type: 'text', text: response.error }],
+          isError: true
+        };
+      }
+      return response || { content: [{ type: 'text', text: 'No response from host' }], isError: true };
     },
 
     sendFollowUpMessage: async (args) => {
       console.log('window.openai.sendFollowUpMessage called:', args);
-      // TODO: Implement via parent window messaging
-      return {};
+      const response = await sendToParent('sendFollowUpMessage', args);
+      return response && response.error ? { error: response.error } : (response || {});
     },
 
     openExternal: (payload) => {
@@ -68064,27 +68191,41 @@ function generateOpenAiScript(toolInput, toolOutput, theme) {
 
     requestDisplayMode: async (args) => {
       console.log('window.openai.requestDisplayMode called:', args);
-      return { mode: args.mode };
+      const response = await sendToParent('requestDisplayMode', args);
+      if (response && response.error) {
+        return { mode: args.mode };
+      }
+      return response || { mode: args.mode };
     },
 
     setWidgetState: async (state) => {
       console.log('window.openai.setWidgetState called:', state);
       window.openai.widgetState = state;
-      return {};
+      const response = await sendToParent('setWidgetState', state);
+      return response && response.error ? {} : (response || {});
     },
 
     requestClose: () => {
       console.log('window.openai.requestClose called');
+      sendToParent('requestClose', {});
     },
 
     getFileDownloadUrl: async ({ fileId }) => {
       console.log('window.openai.getFileDownloadUrl called:', fileId);
-      return { url: '' };
+      const response = await sendToParent('getFileDownloadUrl', { fileId });
+      if (response && response.error) {
+        return { url: '' };
+      }
+      return response || { url: '' };
     },
 
     uploadFile: async (file) => {
       console.log('window.openai.uploadFile called:', file);
-      return { fileId: '' };
+      const response = await sendToParent('uploadFile', { file });
+      if (response && response.error) {
+        return { fileId: '' };
+      }
+      return response || { fileId: '' };
     }
   };
 
@@ -68136,6 +68277,31 @@ function UIResourceWidget({ uiResource, theme }) {
 }
 function ToolCallDisplay({ toolCall, toolResult, isPending, uiResource, hideUiResource, autoApproveReason }) {
   var _a;
+  useEffect(() => {
+    async function handleMessage(event) {
+      const data2 = event.data || {};
+      if (data2.source !== TOOL_UI_MESSAGE_SOURCE || !data2.id) return;
+      const targetOrigin = event.origin && event.origin !== "null" ? event.origin : "*";
+      try {
+        const handler = window.chaaskitToolUiHandler;
+        const result = typeof handler === "function" ? await handler({ type: data2.type, payload: data2.payload }) : { error: "Tool UI bridge not configured" };
+        const sourceWindow = event.source;
+        sourceWindow == null ? void 0 : sourceWindow.postMessage(
+          { source: TOOL_UI_MESSAGE_SOURCE, id: data2.id, ok: true, result },
+          targetOrigin
+        );
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Tool UI bridge error";
+        const sourceWindow = event.source;
+        sourceWindow == null ? void 0 : sourceWindow.postMessage(
+          { source: TOOL_UI_MESSAGE_SOURCE, id: data2.id, ok: false, error: message },
+          targetOrigin
+        );
+      }
+    }
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, []);
   const hasHtmlResource = !hideUiResource && (uiResource == null ? void 0 : uiResource.text) && (((_a = uiResource.mimeType) == null ? void 0 : _a.includes("html")) || uiResource.text.trim().startsWith("<"));
   const [isExpanded, setIsExpanded] = useState(hasHtmlResource);
   const [showRawResult, setShowRawResult] = useState(false);
@@ -68469,6 +68635,12 @@ function MessageItem({ message, isStreaming, messageIndex = 0, previousMessage }
   const config = useConfig();
   const navigate = useNavigate();
   const appPath = useAppPath();
+  const extensionTools = useExtensionTools();
+  const toolRendererMap = useMemo(() => {
+    const map2 = /* @__PURE__ */ new Map();
+    extensionTools.forEach((tool) => map2.set(tool.name, tool));
+    return map2;
+  }, [extensionTools]);
   const isUser = message.role === "user";
   const showToolCalls = ((_a = config.mcp) == null ? void 0 : _a.showToolCalls) !== false;
   const canBranch = messageIndex > 0;
@@ -68515,9 +68687,19 @@ function MessageItem({ message, isStreaming, messageIndex = 0, previousMessage }
       toolResult: (_a2 = message.toolResults) == null ? void 0 : _a2.find((r) => r.toolCallId === toolCall.id)
     };
   })) || [];
+  const renderedToolCalls = toolCallsWithResults.filter(
+    ({ toolCall, toolResult }) => {
+      var _a2;
+      return toolCall.serverId === "native" && !!toolResult && !!((_a2 = toolRendererMap.get(toolCall.toolName)) == null ? void 0 : _a2.resultRenderer);
+    }
+  ).map(({ toolCall, toolResult }) => {
+    const renderer = toolRendererMap.get(toolCall.toolName).resultRenderer;
+    return { toolCall, toolResult, Renderer: renderer };
+  });
+  const renderedToolCallIds = new Set(renderedToolCalls.map((entry) => entry.toolCall.id));
   const uiResources = toolCallsWithResults.filter((tc) => {
     var _a2, _b2;
-    return (_b2 = (_a2 = tc.toolResult) == null ? void 0 : _a2.uiResource) == null ? void 0 : _b2.text;
+    return ((_b2 = (_a2 = tc.toolResult) == null ? void 0 : _a2.uiResource) == null ? void 0 : _b2.text) && !renderedToolCallIds.has(tc.toolCall.id);
   }).map((tc) => tc.toolResult.uiResource);
   if (!isUser && ((_c = message.toolCalls) == null ? void 0 : _c.length)) {
     console.log("[MessageItem] Rendering message with toolCalls:", message.toolCalls.length);
@@ -68588,6 +68770,7 @@ function MessageItem({ message, isStreaming, messageIndex = 0, previousMessage }
       },
       toolCall.id
     )) }),
+    renderedToolCalls.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: renderedToolCalls.map(({ toolCall, toolResult, Renderer }) => /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-background-secondary/40 p-3", children: /* @__PURE__ */ jsx(Renderer, { toolCall, toolResult }) }, toolCall.id)) }),
     uiResources.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: uiResources.map((uiResource, index2) => /* @__PURE__ */ jsx(UIResourceWidget, { uiResource, theme }, index2)) }),
     (message.content || isStreaming) && /* @__PURE__ */ jsxs("div", { className: "group flex gap-3", children: [
       /* @__PURE__ */ jsx("div", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-secondary overflow-hidden", children: ((_f = config.ui) == null ? void 0 : _f.logo) ? /* @__PURE__ */ jsx("img", { src: typeof config.ui.logo === "string" ? config.ui.logo : theme === "dark" ? config.ui.logo.dark : config.ui.logo.light, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx(Bot, { size: 12, className: "text-white" }) }),
@@ -68678,6 +68861,12 @@ function MessageList({
   const bottomRef = useRef(null);
   const { theme } = useTheme();
   const config = useConfig();
+  const extensionTools = useExtensionTools();
+  const toolRendererMap = useMemo(() => {
+    const map2 = /* @__PURE__ */ new Map();
+    extensionTools.forEach((tool) => map2.set(tool.name, tool));
+    return map2;
+  }, [extensionTools]);
   const showToolCalls = ((_a = config.mcp) == null ? void 0 : _a.showToolCalls) !== false;
   useEffect(() => {
     var _a2;
@@ -68685,9 +68874,33 @@ function MessageList({
   }, [messages2, streamingContent, pendingToolCalls, completedToolCalls]);
   const hasToolActivity = pendingToolCalls.length > 0 || completedToolCalls.length > 0;
   const isStreaming = Boolean(streamingContent) || hasToolActivity;
+  const renderedToolCalls = completedToolCalls.filter(
+    (call) => {
+      var _a2;
+      return call.serverId === "native" && !!((_a2 = toolRendererMap.get(call.name)) == null ? void 0 : _a2.resultRenderer);
+    }
+  ).map((call) => {
+    const renderer = toolRendererMap.get(call.name).resultRenderer;
+    const toolCall = {
+      id: call.id,
+      serverId: call.serverId,
+      toolName: call.name,
+      arguments: call.input,
+      status: call.isError ? "error" : "completed"
+    };
+    const toolResult = {
+      toolCallId: call.id,
+      content: call.result,
+      isError: call.isError,
+      uiResource: call.uiResource,
+      structuredContent: call.structuredContent
+    };
+    return { toolCall, toolResult, Renderer: renderer };
+  });
+  const renderedToolCallIds = new Set(renderedToolCalls.map((entry) => entry.toolCall.id));
   const uiResources = completedToolCalls.filter((tc) => {
     var _a2;
-    return (_a2 = tc.uiResource) == null ? void 0 : _a2.text;
+    return ((_a2 = tc.uiResource) == null ? void 0 : _a2.text) && !renderedToolCallIds.has(tc.id);
   }).map((tc) => tc.uiResource);
   console.log("[MessageList] Rendering messages:", messages2.length, "isStreaming:", isStreaming);
   messages2.forEach((msg, i) => {
@@ -68734,7 +68947,8 @@ function MessageList({
               toolResult: {
                 toolCallId: call.id,
                 content: call.result,
-                isError: call.isError
+                isError: call.isError,
+                structuredContent: call.structuredContent
               },
               hideUiResource: true
             },
@@ -68755,6 +68969,7 @@ function MessageList({
             call.id
           ))
         ] }),
+        renderedToolCalls.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: renderedToolCalls.map(({ toolCall, toolResult, Renderer }) => /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-background-secondary/40 p-3", children: /* @__PURE__ */ jsx(Renderer, { toolCall, toolResult }) }, toolCall.id)) }),
         uiResources.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: uiResources.map((uiResource, index2) => /* @__PURE__ */ jsx(UIResourceWidget, { uiResource, theme }, index2)) }),
         streamingContent && /* @__PURE__ */ jsxs("div", { className: "group flex gap-3", children: [
           /* @__PURE__ */ jsx("div", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-secondary", children: /* @__PURE__ */ jsx(Bot, { size: 12, className: "text-white" }) }),
@@ -69790,11 +70005,20 @@ function RegisterPage() {
   const { register: register2 } = useAuth();
   const config = useConfig();
   const { theme } = useTheme();
+  const [searchParams] = useSearchParams();
+  const inviteToken = searchParams.get("invite") || void 0;
+  const referralCode = searchParams.get("ref") || void 0;
+  const gating = config.auth.gating;
+  const signupsRestricted = (gating == null ? void 0 : gating.mode) && gating.mode !== "open" && !inviteToken;
+  const waitlistEnabled = (gating == null ? void 0 : gating.waitlistEnabled) ?? false;
+  const showWaitlist = !!signupsRestricted && waitlistEnabled;
+  const showRestrictedMessage = !!signupsRestricted && !waitlistEnabled;
   const [name2, setName] = useState("");
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
   const [isLoading, setIsLoading] = useState(false);
+  const [waitlistStatus, setWaitlistStatus] = useState("idle");
   async function handleSubmit(e) {
     e.preventDefault();
     setError("");
@@ -69804,7 +70028,10 @@ function RegisterPage() {
     }
     setIsLoading(true);
     try {
-      const { requiresVerification } = await register2(email, password, name2 || void 0);
+      const { requiresVerification } = await register2(email, password, name2 || void 0, {
+        inviteToken,
+        referralCode
+      });
       if (requiresVerification) {
         navigate("/verify-email");
       } else {
@@ -69816,6 +70043,16 @@ function RegisterPage() {
       setIsLoading(false);
     }
   }
+  async function handleWaitlistSubmit(e) {
+    e.preventDefault();
+    setError("");
+    try {
+      await api.post("/api/auth/waitlist", { email, name: name2 || void 0 });
+      setWaitlistStatus("submitted");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to join waitlist");
+    }
+  }
   return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen items-center justify-center bg-background p-4", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md", children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-8 text-center", children: [
       config.ui.logo && /* @__PURE__ */ jsx(
@@ -69833,7 +70070,46 @@ function RegisterPage() {
       ] })
     ] }),
     error && /* @__PURE__ */ jsx("div", { className: "mb-4 rounded-lg bg-error/10 p-3 text-sm text-error", children: error }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    showRestrictedMessage ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-background-secondary p-4 text-sm text-text-secondary", children: "Signups are currently closed. Please check back later." }) : showWaitlist ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-background-secondary p-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: "Signups are currently restricted. Join the waitlist to get an invite." }),
+      waitlistStatus === "submitted" ? /* @__PURE__ */ jsx("div", { className: "mt-4 rounded-lg bg-success/10 p-3 text-sm text-success", children: "Thanks! You’re on the waitlist." }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleWaitlistSubmit, className: "mt-4 space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "waitlist-name", className: "block text-sm font-medium text-text-primary", children: "Name (optional)" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              id: "waitlist-name",
+              value: name2,
+              onChange: (e) => setName(e.target.value),
+              className: "mt-1 w-full rounded-lg border border-input-border bg-input-background px-4 py-2 text-text-primary focus:border-primary focus:outline-none"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "waitlist-email", className: "block text-sm font-medium text-text-primary", children: "Email" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "email",
+              id: "waitlist-email",
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              required: true,
+              className: "mt-1 w-full rounded-lg border border-input-border bg-input-background px-4 py-2 text-text-primary focus:border-primary focus:outline-none"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "submit",
+            className: "w-full rounded-lg bg-primary px-4 py-2 font-medium text-white hover:bg-primary-hover",
+            children: "Join waitlist"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx(
           "label",
@@ -69908,7 +70184,7 @@ function RegisterPage() {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("p", { className: "mt-6 text-center text-sm text-text-secondary", children: [
+    !signupsRestricted && /* @__PURE__ */ jsxs("p", { className: "mt-6 text-center text-sm text-text-secondary", children: [
       "Already have an account?",
       " ",
       /* @__PURE__ */ jsx(Link$1, { to: "/login", className: "text-primary hover:underline", children: "Sign in" })
@@ -73180,6 +73456,28 @@ function AdminDashboardPage() {
             "Teams"
           ]
         }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/waitlist"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Mail, { size: 16 }),
+            "Waitlist"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/promo-codes"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Tag, { size: 16 }),
+            "Promo Codes"
+          ]
+        }
       )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-8", children: [
@@ -73454,6 +73752,28 @@ function AdminUsersPage() {
             "Teams"
           ]
         }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/waitlist"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Mail, { size: 16 }),
+            "Waitlist"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/promo-codes"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Tag, { size: 16 }),
+            "Promo Codes"
+          ]
+        }
       )
     ] }),
     error && /* @__PURE__ */ jsx("div", { className: "mb-6 rounded-lg bg-error/10 p-4 text-sm text-error", children: error }),
@@ -73736,6 +74056,28 @@ function AdminTeamsPage() {
             "Teams"
           ]
         }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/waitlist"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Mail, { size: 16 }),
+            "Waitlist"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/promo-codes"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Tag, { size: 16 }),
+            "Promo Codes"
+          ]
+        }
       )
     ] }),
     error && /* @__PURE__ */ jsx("div", { className: "mb-6 rounded-lg bg-error/10 p-4 text-sm text-error", children: error }),
@@ -73911,6 +74253,28 @@ function AdminTeamPage() {
               "Teams"
             ]
           }
+        ),
+        /* @__PURE__ */ jsxs(
+          Link$1,
+          {
+            to: appPath("/admin/waitlist"),
+            className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+            children: [
+              /* @__PURE__ */ jsx(Mail, { size: 16 }),
+              "Waitlist"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Link$1,
+          {
+            to: appPath("/admin/promo-codes"),
+            className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+            children: [
+              /* @__PURE__ */ jsx(Tag, { size: 16 }),
+              "Promo Codes"
+            ]
+          }
         )
       ] }),
       /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-error/10 p-4 text-sm text-error", children: error || "Team not found" }),
@@ -73970,6 +74334,28 @@ function AdminTeamPage() {
             "Teams"
           ]
         }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/waitlist"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Mail, { size: 16 }),
+            "Waitlist"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/promo-codes"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Tag, { size: 16 }),
+            "Promo Codes"
+          ]
+        }
       )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-6", children: [
@@ -74070,16 +74456,493 @@ function AdminTeamPage() {
     ] })
   ] }) });
 }
+function AdminWaitlistPage() {
+  var _a;
+  const config = useConfig();
+  const appPath = useAppPath();
+  const [entries, setEntries] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState("");
+  const [success, setSuccess] = useState("");
+  async function loadWaitlist() {
+    setIsLoading(true);
+    setError("");
+    try {
+      const response = await api.get("/api/admin/waitlist");
+      setEntries(response.entries);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load waitlist");
+    } finally {
+      setIsLoading(false);
+    }
+  }
+  useEffect(() => {
+    loadWaitlist();
+  }, []);
+  async function handleInvite(entryId, email) {
+    setError("");
+    setSuccess("");
+    try {
+      await api.post(`/api/admin/waitlist/${entryId}/invite`, {});
+      setSuccess(`Invite sent to ${email}`);
+      loadWaitlist();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to send invite");
+    }
+  }
+  return /* @__PURE__ */ jsx("div", { className: "min-h-screen bg-background p-4 sm:p-8", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-xl sm:text-2xl font-bold text-text-primary", children: "Admin" }),
+      /* @__PURE__ */ jsx(
+        Link$1,
+        {
+          to: appPath("/"),
+          className: "flex items-center justify-center rounded-lg p-2 text-text-muted hover:text-text-primary hover:bg-background-secondary",
+          "aria-label": "Close",
+          children: /* @__PURE__ */ jsx(X, { size: 20 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-6 sm:mb-8", children: [
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(LayoutDashboard, { size: 16 }),
+            "Overview"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/users"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Users, { size: 16 }),
+            "Users"
+          ]
+        }
+      ),
+      ((_a = config.teams) == null ? void 0 : _a.enabled) && /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/teams"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Building2, { size: 16 }),
+            "Teams"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/promo-codes"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Tag, { size: 16 }),
+            "Promo Codes"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 rounded-full bg-primary px-4 py-2 text-sm font-medium text-white", children: [
+        /* @__PURE__ */ jsx(Mail, { size: 16 }),
+        "Waitlist"
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { className: "mb-6 rounded-lg bg-error/10 p-4 text-sm text-error", children: error }),
+    success && /* @__PURE__ */ jsx("div", { className: "mb-6 rounded-lg bg-success/10 p-4 text-sm text-success", children: success }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-background-secondary overflow-hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "hidden md:block px-4 py-3 bg-background", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4 text-sm font-medium text-text-muted", children: [
+        /* @__PURE__ */ jsx("div", { className: "col-span-4", children: "Email" }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-2", children: "Name" }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-2", children: "Status" }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-2", children: "Joined" }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-2", children: "Action" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "divide-y divide-background", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "px-4 py-8 text-center text-text-muted", children: "Loading..." }) : entries.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-4 py-8 text-center text-text-muted", children: "No waitlist entries" }) : entries.map((entry) => /* @__PURE__ */ jsx("div", { className: "px-4 py-3 hover:bg-background/50", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-12 gap-2 md:gap-4 text-sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "md:col-span-4 text-text-primary", children: entry.email }),
+        /* @__PURE__ */ jsx("div", { className: "md:col-span-2 text-text-secondary", children: entry.name || "-" }),
+        /* @__PURE__ */ jsx("div", { className: "md:col-span-2 capitalize text-text-secondary", children: entry.status.replace("_", " ") }),
+        /* @__PURE__ */ jsx("div", { className: "md:col-span-2 text-text-muted", children: new Date(entry.createdAt).toLocaleDateString() }),
+        /* @__PURE__ */ jsx("div", { className: "md:col-span-2", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleInvite(entry.id, entry.email),
+            disabled: entry.status === "invited",
+            className: "rounded-lg bg-primary px-3 py-1.5 text-xs font-medium text-white hover:bg-primary-hover disabled:opacity-50",
+            children: entry.status === "invited" ? "Invited" : "Invite"
+          }
+        ) })
+      ] }) }, entry.id)) })
+    ] })
+  ] }) });
+}
+function AdminPromoCodesPage() {
+  var _a, _b, _c;
+  const config = useConfig();
+  const appPath = useAppPath();
+  const [promoCodes, setPromoCodes] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState("");
+  const [success, setSuccess] = useState("");
+  const [search2, setSearch] = useState("");
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [copiedCode, setCopiedCode] = useState(null);
+  const [form, setForm] = useState({
+    code: "",
+    credits: 10,
+    maxUses: 100,
+    startsAt: "",
+    endsAt: "",
+    creditsExpiresAt: ""
+  });
+  async function loadPromoCodes() {
+    setIsLoading(true);
+    setError("");
+    try {
+      const params = new URLSearchParams();
+      if (search2.trim()) {
+        params.set("search", search2.trim());
+      }
+      if (statusFilter !== "all") {
+        params.set("status", statusFilter);
+      }
+      const query = params.toString();
+      const response = await api.get(`/api/admin/promo-codes${query ? `?${query}` : ""}`);
+      setPromoCodes(response.promoCodes);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load promo codes");
+    } finally {
+      setIsLoading(false);
+    }
+  }
+  useEffect(() => {
+    loadPromoCodes();
+  }, [search2, statusFilter]);
+  async function handleCreatePromoCode(e) {
+    e.preventDefault();
+    setError("");
+    setSuccess("");
+    try {
+      const payload = {
+        code: form.code.trim(),
+        credits: Number(form.credits),
+        maxUses: Number(form.maxUses),
+        startsAt: form.startsAt || void 0,
+        endsAt: form.endsAt || void 0,
+        creditsExpiresAt: form.creditsExpiresAt || void 0
+      };
+      const response = await api.post("/api/admin/promo-codes", payload);
+      setPromoCodes((prev) => [response.promoCode, ...prev]);
+      setSuccess(`Promo code ${response.promoCode.code} created`);
+      setForm({
+        code: "",
+        credits: 10,
+        maxUses: 100,
+        startsAt: "",
+        endsAt: "",
+        creditsExpiresAt: ""
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to create promo code");
+    }
+  }
+  const promoEnabled = ((_a = config.credits) == null ? void 0 : _a.enabled) && ((_b = config.credits) == null ? void 0 : _b.promoEnabled) !== false;
+  async function handleDeactivate(promo) {
+    setError("");
+    setSuccess("");
+    try {
+      const response = await api.patch(`/api/admin/promo-codes/${promo.id}`, {
+        endsAt: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      setPromoCodes((prev) => prev.map((p) => p.id === promo.id ? response.promoCode : p));
+      setSuccess(`Promo code ${promo.code} deactivated`);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to deactivate promo code");
+    }
+  }
+  async function handleReactivate(promo) {
+    setError("");
+    setSuccess("");
+    try {
+      const response = await api.patch(`/api/admin/promo-codes/${promo.id}`, {
+        endsAt: null
+      });
+      setPromoCodes((prev) => prev.map((p) => p.id === promo.id ? response.promoCode : p));
+      setSuccess(`Promo code ${promo.code} reactivated`);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to reactivate promo code");
+    }
+  }
+  async function handleCopy(code2) {
+    try {
+      await navigator.clipboard.writeText(code2);
+      setCopiedCode(code2);
+      setTimeout(() => setCopiedCode((current) => current === code2 ? null : current), 1500);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to copy code");
+    }
+  }
+  return /* @__PURE__ */ jsx("div", { className: "min-h-screen bg-background p-4 sm:p-8", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-xl sm:text-2xl font-bold text-text-primary", children: "Admin" }),
+      /* @__PURE__ */ jsx(
+        Link$1,
+        {
+          to: appPath("/"),
+          className: "flex items-center justify-center rounded-lg p-2 text-text-muted hover:text-text-primary hover:bg-background-secondary",
+          "aria-label": "Close",
+          children: /* @__PURE__ */ jsx(X, { size: 20 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-6 sm:mb-8", children: [
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(LayoutDashboard, { size: 16 }),
+            "Overview"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/users"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Users, { size: 16 }),
+            "Users"
+          ]
+        }
+      ),
+      ((_c = config.teams) == null ? void 0 : _c.enabled) && /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/teams"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Building2, { size: 16 }),
+            "Teams"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link$1,
+        {
+          to: appPath("/admin/waitlist"),
+          className: "flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80",
+          children: [
+            /* @__PURE__ */ jsx(Mail, { size: 16 }),
+            "Waitlist"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 rounded-full bg-primary px-4 py-2 text-sm font-medium text-white", children: [
+        /* @__PURE__ */ jsx(Tag, { size: 16 }),
+        "Promo Codes"
+      ] })
+    ] }),
+    !promoEnabled && /* @__PURE__ */ jsx("div", { className: "mb-6 rounded-lg bg-warning/10 p-4 text-sm text-warning", children: "Promo codes are disabled in config. Enable `credits.promoEnabled` to use this page." }),
+    error && /* @__PURE__ */ jsx("div", { className: "mb-6 rounded-lg bg-error/10 p-4 text-sm text-error", children: error }),
+    success && /* @__PURE__ */ jsx("div", { className: "mb-6 rounded-lg bg-success/10 p-4 text-sm text-success", children: success }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-1 rounded-lg bg-background-secondary p-4", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-text-primary mb-4", children: "Create Promo Code" }),
+        /* @__PURE__ */ jsxs("form", { onSubmit: handleCreatePromoCode, className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-text-primary", htmlFor: "promo-code", children: "Code" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "promo-code",
+                value: form.code,
+                onChange: (e) => setForm((prev) => ({ ...prev, code: e.target.value })),
+                className: "mt-1 w-full rounded-lg border border-input-border bg-input-background px-3 py-2 text-text-primary focus:border-primary focus:outline-none",
+                placeholder: "WELCOME10",
+                required: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-text-primary", htmlFor: "promo-credits", children: "Credits" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: "promo-credits",
+                  type: "number",
+                  min: 1,
+                  value: form.credits,
+                  onChange: (e) => setForm((prev) => ({ ...prev, credits: Number(e.target.value) })),
+                  className: "mt-1 w-full rounded-lg border border-input-border bg-input-background px-3 py-2 text-text-primary focus:border-primary focus:outline-none",
+                  required: true
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-text-primary", htmlFor: "promo-uses", children: "Max Uses" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: "promo-uses",
+                  type: "number",
+                  min: 1,
+                  value: form.maxUses,
+                  onChange: (e) => setForm((prev) => ({ ...prev, maxUses: Number(e.target.value) })),
+                  className: "mt-1 w-full rounded-lg border border-input-border bg-input-background px-3 py-2 text-text-primary focus:border-primary focus:outline-none",
+                  required: true
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-text-primary", htmlFor: "promo-start", children: "Starts At (optional)" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "promo-start",
+                type: "datetime-local",
+                value: form.startsAt,
+                onChange: (e) => setForm((prev) => ({ ...prev, startsAt: e.target.value })),
+                className: "mt-1 w-full rounded-lg border border-input-border bg-input-background px-3 py-2 text-text-primary focus:border-primary focus:outline-none"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-text-primary", htmlFor: "promo-end", children: "Ends At (optional)" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "promo-end",
+                type: "datetime-local",
+                value: form.endsAt,
+                onChange: (e) => setForm((prev) => ({ ...prev, endsAt: e.target.value })),
+                className: "mt-1 w-full rounded-lg border border-input-border bg-input-background px-3 py-2 text-text-primary focus:border-primary focus:outline-none"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-text-primary", htmlFor: "promo-expires", children: "Credits Expire At (optional)" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "promo-expires",
+                type: "datetime-local",
+                value: form.creditsExpiresAt,
+                onChange: (e) => setForm((prev) => ({ ...prev, creditsExpiresAt: e.target.value })),
+                className: "mt-1 w-full rounded-lg border border-input-border bg-input-background px-3 py-2 text-text-primary focus:border-primary focus:outline-none"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "submit",
+              disabled: !promoEnabled,
+              className: "w-full rounded-lg bg-primary px-4 py-2 font-medium text-white hover:bg-primary-hover disabled:opacity-50",
+              children: "Create promo code"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2 rounded-lg bg-background-secondary overflow-hidden", children: [
+        /* @__PURE__ */ jsxs("div", { className: "px-4 py-3 bg-background flex flex-wrap items-center gap-3", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              placeholder: "Search code...",
+              value: search2,
+              onChange: (e) => setSearch(e.target.value),
+              className: "flex-1 min-w-[160px] rounded-lg border border-input-border bg-input-background px-3 py-2 text-sm text-text-primary focus:border-primary focus:outline-none"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: statusFilter,
+              onChange: (e) => setStatusFilter(e.target.value),
+              className: "rounded-lg border border-input-border bg-input-background px-3 py-2 text-sm text-text-primary focus:border-primary focus:outline-none",
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "all", children: "All" }),
+                /* @__PURE__ */ jsx("option", { value: "active", children: "Active" }),
+                /* @__PURE__ */ jsx("option", { value: "scheduled", children: "Scheduled" }),
+                /* @__PURE__ */ jsx("option", { value: "expired", children: "Expired" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "hidden md:block px-4 py-3 bg-background", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4 text-sm font-medium text-text-muted", children: [
+          /* @__PURE__ */ jsx("div", { className: "col-span-3", children: "Code" }),
+          /* @__PURE__ */ jsx("div", { className: "col-span-2", children: "Credits" }),
+          /* @__PURE__ */ jsx("div", { className: "col-span-2", children: "Uses" }),
+          /* @__PURE__ */ jsx("div", { className: "col-span-2", children: "Active" }),
+          /* @__PURE__ */ jsx("div", { className: "col-span-3", children: "Actions" })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "divide-y divide-background", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "px-4 py-8 text-center text-text-muted", children: "Loading..." }) : promoCodes.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-4 py-8 text-center text-text-muted", children: "No promo codes yet" }) : promoCodes.map((promo) => {
+          const now = /* @__PURE__ */ new Date();
+          const startsAt = promo.startsAt ? new Date(promo.startsAt) : null;
+          const endsAt = promo.endsAt ? new Date(promo.endsAt) : null;
+          const active = (!startsAt || startsAt <= now) && (!endsAt || endsAt >= now);
+          return /* @__PURE__ */ jsx("div", { className: "px-4 py-3 hover:bg-background/50", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-12 gap-2 md:gap-4 text-sm", children: [
+            /* @__PURE__ */ jsxs("div", { className: "md:col-span-3 font-medium text-text-primary flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { children: promo.code }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => handleCopy(promo.code),
+                  className: "text-xs text-primary hover:underline",
+                  children: copiedCode === promo.code ? "Copied" : "Copy"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "md:col-span-2 text-text-secondary", children: promo.credits }),
+            /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 text-text-secondary", children: [
+              promo.redeemedCount,
+              " / ",
+              promo.maxUses
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: `md:col-span-2 ${active ? "text-success" : "text-text-muted"}`, children: active ? "Active" : "Inactive" }),
+            /* @__PURE__ */ jsxs("div", { className: "md:col-span-3 text-text-muted flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { children: new Date(promo.createdAt).toLocaleDateString() }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => active ? handleDeactivate(promo) : handleReactivate(promo),
+                  className: "rounded-lg border border-input-border px-2 py-1 text-xs text-text-primary hover:bg-background",
+                  children: active ? "Deactivate" : "Reactivate"
+                }
+              )
+            ] })
+          ] }) }, promo.id);
+        }) })
+      ] })
+    ] })
+  ] }) });
+}
 const styles = "@chaaskit/client/src/styles/index.css";
-function ChatProviders({ children }) {
-  return /* @__PURE__ */ jsx(ConfigProvider, { children: /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsx(TeamProvider, { children: /* @__PURE__ */ jsx(ProjectProvider, { children }) }) }) }) });
+function ChatProviders({ children, initialConfig }) {
+  return /* @__PURE__ */ jsx(ConfigProvider, { initialConfig, children: /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsx(TeamProvider, { children: /* @__PURE__ */ jsx(ProjectProvider, { children }) }) }) }) });
 }
 export {
   AcceptInvitePage,
   AdminDashboardPage,
+  AdminPromoCodesPage,
   AdminTeamPage,
   AdminTeamsPage,
   AdminUsersPage,
+  AdminWaitlistPage,
   ApiKeysPage,
   AuthProvider,
   C as ChatLoadingSkeleton,
@@ -74108,7 +74971,7 @@ export {
   TermsPage,
   ThemeProvider,
   VerifyEmailPage,
-  c2 as clientRegistry,
+  clientRegistry,
   styles,
   useAppPath,
   useAuth,