@maintainer-pro/ai-ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1,2097 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AiChat: () => AiChat,
+  buildBrowserClientContext: () => buildBrowserClientContext,
+  countUnreadSince: () => countUnreadSince,
+  createMaintainerProClient: () => createMaintainerProClient,
+  fetchChatMessageTimestamps: () => fetchChatMessageTimestamps,
+  fetchChatMessages: () => fetchChatMessages,
+  rememberConversationId: () => rememberConversationId,
+  startChatUnreadPoller: () => startChatUnreadPoller,
+  useChatUnread: () => useChatUnread,
+  useClientContextBuilder: () => useClientContextBuilder,
+  usePersistedChatOpen: () => usePersistedChatOpen
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/AiChat.tsx
+var import_react2 = require("react");
+var import_react3 = require("@assistant-ui/react");
+var import_react_markdown = require("@assistant-ui/react-markdown");
+var import_remark_gfm = __toESM(require("remark-gfm"), 1);
+
+// src/context.ts
+var import_react = require("react");
+function buildBrowserClientContext(input = {}) {
+  const route = input.route ?? (typeof window !== "undefined" ? window.location.pathname : "/");
+  const pageTitle = input.pageTitle ?? (typeof document !== "undefined" ? document.title || "App" : "App");
+  const focused = typeof document !== "undefined" && document.activeElement instanceof HTMLElement ? document.activeElement.innerText?.slice(0, 80) || document.activeElement.getAttribute("aria-label") || document.activeElement.tagName.toLowerCase() : null;
+  return {
+    route,
+    pageTitle,
+    visiblePanels: input.visiblePanels,
+    focusedElement: focused,
+    relevantFiles: input.relevantFiles,
+    data: input.data
+  };
+}
+function useClientContextBuilder(getInput) {
+  return (0, import_react.useCallback)(() => buildBrowserClientContext(getInput()), [getInput]);
+}
+
+// src/maintainer-pro.ts
+function joinUrl(baseUrl, path) {
+  return `${baseUrl.replace(/\/$/, "")}${path}`;
+}
+function createMaintainerProClient(options) {
+  const fetchImpl = options.fetchImpl ?? fetch;
+  async function request(path, init) {
+    const res = await fetchImpl(joinUrl(options.baseUrl, path), {
+      ...init,
+      headers: {
+        Authorization: `Bearer ${options.apiKey}`,
+        "Content-Type": "application/json",
+        ...init?.headers ?? {}
+      }
+    });
+    if (!res.ok) {
+      const text = await res.text().catch(() => "");
+      throw new Error(
+        `Maintainer Pro ${path} failed (${res.status}): ${text || res.statusText}`
+      );
+    }
+    return await res.json();
+  }
+  return {
+    async getApplication() {
+      const data = await request(
+        "/api/v1/client/application"
+      );
+      return data.application;
+    },
+    async listConversations() {
+      const data = await request("/api/v1/store/conversations");
+      return data.conversations;
+    },
+    async listChatUsers() {
+      const data = await request(
+        "/api/v1/client/chat-users"
+      );
+      return data.users ?? [];
+    },
+    async loginChatUser(email, password) {
+      const res = await fetchImpl(
+        joinUrl(options.baseUrl, "/api/v1/client/chat-login"),
+        {
+          method: "POST",
+          headers: {
+            Authorization: `Bearer ${options.apiKey}`,
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({ email, password })
+        }
+      );
+      if (!res.ok) {
+        if (res.status === 401) {
+          throw new Error("Invalid email or password");
+        }
+        if (res.status === 403) {
+          throw new Error("Account disabled");
+        }
+        const text = await res.text().catch(() => "");
+        throw new Error(text || `Sign in failed (${res.status})`);
+      }
+      const data = await res.json();
+      return data.user;
+    },
+    async listMessages(conversationId) {
+      const data = await request(
+        `/api/v1/store/conversations/${encodeURIComponent(conversationId)}/messages`
+      );
+      return data.messages ?? [];
+    },
+    attachmentUrl(attachmentId) {
+      return joinUrl(
+        options.baseUrl,
+        `/api/v1/store/attachments/${encodeURIComponent(attachmentId)}`
+      );
+    }
+  };
+}
+
+// src/chat-unread.ts
+function defaultStorageKey(conversationId) {
+  return `ai-ui:chat-read:${conversationId ?? "default"}`;
+}
+function resolveUnreadStorageKey(options) {
+  return options.storageKey ?? defaultStorageKey(options.conversationId);
+}
+function readLastReadAt(storageKey) {
+  if (typeof window === "undefined") return null;
+  try {
+    return window.localStorage.getItem(storageKey);
+  } catch {
+    return null;
+  }
+}
+function writeLastReadAt(storageKey, iso) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(storageKey, iso);
+  } catch {
+  }
+}
+function mpCacheKey(baseUrl, apiKey) {
+  return `${baseUrl.replace(/\/$/, "")}|${apiKey}`;
+}
+var resolvedConversationIds = /* @__PURE__ */ new Map();
+function conversationIdStorageKey(baseUrl, apiKey) {
+  return `ai-ui:mp-conversation:${mpCacheKey(baseUrl, apiKey)}`;
+}
+function readCachedConversationId(baseUrl, apiKey) {
+  const key = mpCacheKey(baseUrl, apiKey);
+  const mem = resolvedConversationIds.get(key);
+  if (mem) return mem;
+  if (typeof window === "undefined") return null;
+  try {
+    return window.sessionStorage.getItem(
+      conversationIdStorageKey(baseUrl, apiKey)
+    );
+  } catch {
+    return null;
+  }
+}
+function rememberConversationId(baseUrl, apiKey, conversationId) {
+  if (!conversationId || conversationId === "shared") return;
+  const key = mpCacheKey(baseUrl, apiKey);
+  resolvedConversationIds.set(key, conversationId);
+  if (typeof window === "undefined") return;
+  try {
+    window.sessionStorage.setItem(
+      conversationIdStorageKey(baseUrl, apiKey),
+      conversationId
+    );
+  } catch {
+  }
+}
+async function resolveMaintainerProConversationId(baseUrl, apiKey, conversationId) {
+  if (conversationId && conversationId !== "shared") {
+    rememberConversationId(baseUrl, apiKey, conversationId);
+    return conversationId;
+  }
+  const cached = readCachedConversationId(baseUrl, apiKey);
+  if (cached) return cached;
+  const mp = createMaintainerProClient({ baseUrl, apiKey });
+  const conversations = await mp.listConversations();
+  const id = conversations[0]?.id ?? null;
+  if (id) rememberConversationId(baseUrl, apiKey, id);
+  return id;
+}
+async function fetchChatMessages(options) {
+  const {
+    apiUrl = "/api/chat",
+    maintainerProUrl,
+    maintainerProApiKey,
+    conversationId
+  } = options;
+  if (maintainerProUrl && maintainerProApiKey) {
+    const id = await resolveMaintainerProConversationId(
+      maintainerProUrl,
+      maintainerProApiKey,
+      conversationId
+    );
+    if (!id) return [];
+    const mp = createMaintainerProClient({
+      baseUrl: maintainerProUrl,
+      apiKey: maintainerProApiKey
+    });
+    const messages = await mp.listMessages(id);
+    return messages.map((m) => ({
+      id: m.id,
+      role: m.role,
+      content: m.content ?? "",
+      provider: m.provider,
+      senderType: m.senderType,
+      senderName: m.senderName,
+      createdAt: m.createdAt
+    }));
+  }
+  const res = await fetch(apiUrl);
+  if (!res.ok) return [];
+  const data = await res.json().catch(() => ({}));
+  return (data.messages ?? []).map((m) => ({
+    id: m.id,
+    role: m.role,
+    content: m.content ?? "",
+    provider: m.provider,
+    senderType: m.senderType,
+    senderName: m.senderName,
+    createdAt: m.createdAt
+  }));
+}
+async function fetchChatMessageTimestamps(options) {
+  const {
+    apiUrl = "/api/chat",
+    maintainerProUrl,
+    maintainerProApiKey,
+    conversationId
+  } = options;
+  if (maintainerProUrl && maintainerProApiKey) {
+    const cached = readCachedConversationId(
+      maintainerProUrl,
+      maintainerProApiKey
+    );
+    const knownId = conversationId && conversationId !== "shared" ? conversationId : cached;
+    if (knownId) {
+      const messages = await fetchChatMessages({
+        ...options,
+        conversationId: knownId
+      });
+      return messages.map((m) => m.createdAt).filter((t) => Boolean(t));
+    }
+    const mp = createMaintainerProClient({
+      baseUrl: maintainerProUrl,
+      apiKey: maintainerProApiKey
+    });
+    const conversations = await mp.listConversations();
+    const first = conversations[0];
+    if (first?.id) {
+      rememberConversationId(
+        maintainerProUrl,
+        maintainerProApiKey,
+        first.id
+      );
+    }
+    return (first?.messages ?? []).map((m) => m.createdAt).filter((t) => Boolean(t));
+  }
+  const res = await fetch(apiUrl);
+  if (!res.ok) return [];
+  const data = await res.json().catch(() => ({}));
+  return (data.messages ?? []).map((m) => m.createdAt).filter((t) => Boolean(t));
+}
+function countUnreadSince(timestamps, lastReadAt) {
+  if (!lastReadAt) return 0;
+  const watermark = Date.parse(lastReadAt);
+  if (Number.isNaN(watermark)) return 0;
+  return timestamps.filter((t) => {
+    const ms = Date.parse(t);
+    return !Number.isNaN(ms) && ms > watermark;
+  }).length;
+}
+function latestTimestamp(timestamps) {
+  let latest = null;
+  let latestMs = -Infinity;
+  for (const t of timestamps) {
+    const ms = Date.parse(t);
+    if (!Number.isNaN(ms) && ms >= latestMs) {
+      latestMs = ms;
+      latest = t;
+    }
+  }
+  return latest;
+}
+function startChatUnreadPoller(options) {
+  const storageKey = resolveUnreadStorageKey(options);
+  const pollIntervalMs = options.pollIntervalMs ?? 5e3;
+  let stopped = false;
+  let timer = null;
+  const setCount = (count) => {
+    if (!stopped) options.onChange(count);
+  };
+  const refresh = async () => {
+    if (stopped) return;
+    if (options.isOpen()) {
+      setCount(0);
+      return;
+    }
+    try {
+      const timestamps = await fetchChatMessageTimestamps(options);
+      const latest = latestTimestamp(timestamps);
+      let lastRead = readLastReadAt(storageKey);
+      if (!lastRead) {
+        lastRead = latest ?? (/* @__PURE__ */ new Date()).toISOString();
+        writeLastReadAt(storageKey, lastRead);
+        setCount(0);
+        return;
+      }
+      setCount(countUnreadSince(timestamps, lastRead));
+    } catch {
+    }
+  };
+  const markRead = async () => {
+    setCount(0);
+    try {
+      const timestamps = await fetchChatMessageTimestamps(options);
+      const latest = latestTimestamp(timestamps) ?? (/* @__PURE__ */ new Date()).toISOString();
+      writeLastReadAt(storageKey, latest);
+    } catch {
+      writeLastReadAt(storageKey, (/* @__PURE__ */ new Date()).toISOString());
+    }
+  };
+  void refresh();
+  timer = setInterval(() => {
+    void refresh();
+  }, pollIntervalMs);
+  return {
+    stop: () => {
+      stopped = true;
+      if (timer) clearInterval(timer);
+      timer = null;
+    },
+    refresh,
+    markRead
+  };
+}
+
+// src/AiChat.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function userBadge(user) {
+  if (user.role?.trim()) return user.role.trim();
+  if (user.type === "ai") return "ai";
+  return user.type;
+}
+var MessageImagesContext = (0, import_react2.createContext)(null);
+var MessageSendersContext = (0, import_react2.createContext)(null);
+var AiUserContext = (0, import_react2.createContext)(null);
+var ChatUsersContext = (0, import_react2.createContext)([]);
+function isComposableUser(user) {
+  return user.type === "client" || user.type === "developer";
+}
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function getActiveMention(text, cursor) {
+  const before = text.slice(0, cursor);
+  const match = before.match(/@([\w.-]*)$/);
+  if (!match) return null;
+  return {
+    start: cursor - match[0].length,
+    query: match[1] ?? ""
+  };
+}
+function MentionText({
+  text,
+  tone
+}) {
+  const users = (0, import_react2.useContext)(ChatUsersContext);
+  const names = [
+    ...new Set(users.map((u) => u.name.trim()).filter(Boolean))
+  ].sort((a, b) => b.length - a.length);
+  if (names.length === 0 || !text) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: text });
+  }
+  const pattern = new RegExp(
+    `(@(?:${names.map(escapeRegExp).join("|")}))(?=$|\\s|[.,!?;:'")\\]])`,
+    "g"
+  );
+  const nodes = [];
+  let lastIndex = 0;
+  let match;
+  while ((match = pattern.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      nodes.push(text.slice(lastIndex, match.index));
+    }
+    nodes.push(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          className: tone === "user" ? "font-semibold text-white underline decoration-white/50 underline-offset-2" : "font-semibold text-indigo-600",
+          children: match[1]
+        },
+        `${match.index}-${match[1]}`
+      )
+    );
+    lastIndex = match.index + match[0].length;
+  }
+  if (lastIndex < text.length) {
+    nodes.push(text.slice(lastIndex));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: nodes });
+}
+function userKey(user, index) {
+  return `${user.type}:${user.name}:${index}`;
+}
+function providerDisplayName(providerId) {
+  const id = (providerId ?? "").toLowerCase().trim();
+  if (!id || id === "developer") return null;
+  if (id === "claude") return "claude";
+  if (id === "cursor") return "cursor";
+  if (id === "antigravity" || id === "agy") return "antigravity";
+  return providerId.trim();
+}
+function resolveAiUser(users, providerId) {
+  const fromList = users?.find((u) => u.type === "ai");
+  const fromListName = fromList?.name.trim();
+  return {
+    type: "ai",
+    name: fromListName || providerDisplayName(providerId) || "ai"
+  };
+}
+function senderFromStoredMessage(m, aiUser) {
+  if (m.senderType === "developer" || m.provider === "developer") {
+    return {
+      name: m.senderName?.trim() || "Developer",
+      type: "developer"
+    };
+  }
+  if (m.senderType === "client" || m.role === "user" && m.senderName) {
+    return {
+      name: m.senderName?.trim() || "Client",
+      type: "client"
+    };
+  }
+  if (m.role === "assistant" && (m.senderType === "ai" || m.provider && m.provider !== "developer" || m.senderType == null)) {
+    return {
+      type: "ai",
+      name: m.senderName?.trim() || providerDisplayName(m.provider) || aiUser.name
+    };
+  }
+  return null;
+}
+function persistDeveloperReply(apiUrl, conversationId, content, senderName) {
+  if (!conversationId || !content.trim()) return;
+  void fetch(apiUrl, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      type: "reply",
+      conversationId,
+      content,
+      senderName,
+      senderType: "developer"
+    })
+  }).catch(() => {
+  });
+}
+var MAX_IMAGES = 5;
+var MAX_BYTES = 4 * 1024 * 1024;
+function fileToPending(file) {
+  return new Promise((resolve, reject) => {
+    if (!file.type.startsWith("image/")) {
+      reject(new Error("Only image files are supported"));
+      return;
+    }
+    if (file.size > MAX_BYTES) {
+      reject(new Error("Screenshot too large (max 4MB)"));
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = () => {
+      const dataUrl = String(reader.result ?? "");
+      const base64 = dataUrl.includes(",") ? dataUrl.split(",")[1] ?? "" : dataUrl;
+      resolve({
+        id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+        name: file.name || "screenshot.png",
+        mimeType: file.type || "image/png",
+        dataUrl,
+        base64
+      });
+    };
+    reader.onerror = () => reject(new Error("Failed to read image"));
+    reader.readAsDataURL(file);
+  });
+}
+function getMessageText(message) {
+  return message.content.filter((p) => p.type === "text").map((p) => p.text ?? "").join("");
+}
+function takeSnapshot(captureState) {
+  if (!captureState) return void 0;
+  try {
+    return structuredClone(captureState());
+  } catch {
+    return captureState();
+  }
+}
+function combineUserPrompts(previous, next) {
+  const a = previous.trim();
+  const b = next.trim();
+  if (!a) return b;
+  if (!b) return a;
+  if (b.startsWith(a)) return b;
+  if (a.includes(b)) return a;
+  return `${a}
+
+Also: ${b}`;
+}
+function isLikelyStatusAck(content) {
+  const text = content.trim();
+  if (!text || text.length > 96) return false;
+  return /^(on it|sure|yep|got it|okay|ok|alright|one sec|hang on)/i.test(
+    text
+  );
+}
+function prepareApiMessages(messages) {
+  const usable = messages.filter((m) => {
+    if (m.role !== "assistant") return true;
+    const status = m.status?.type;
+    return status !== "incomplete" && status !== "running";
+  });
+  const mapped = usable.map((m) => ({
+    role: m.role,
+    content: getMessageText(m)
+  }));
+  const trailingUsers = [];
+  while (mapped.length > 0) {
+    const last = mapped[mapped.length - 1];
+    if (last.role === "user") {
+      trailingUsers.unshift(mapped.pop().content);
+      continue;
+    }
+    if (trailingUsers.length > 0 && isLikelyStatusAck(last.content)) {
+      mapped.pop();
+      continue;
+    }
+    break;
+  }
+  if (trailingUsers.length > 0) {
+    mapped.push({
+      role: "user",
+      content: trailingUsers.reduce(
+        (prev, next) => combineUserPrompts(prev, next)
+      )
+    });
+  }
+  return mapped;
+}
+function pickOne(options) {
+  return options[Math.floor(Math.random() * options.length)];
+}
+function buildInterimReply(messages, hasAttachments) {
+  if (hasAttachments) {
+    return pickOne([
+      "Got the screenshot \u2014 taking a look.",
+      "One sec, checking the image.",
+      "Alright, looking at what you sent."
+    ]);
+  }
+  const lastUser = [...messages].reverse().find((m) => m.role === "user");
+  const text = lastUser ? getMessageText(lastUser).toLowerCase() : "";
+  if (/\b(create|add|new)\b/.test(text)) {
+    return pickOne([
+      "Sure, adding that now.",
+      "On it \u2014 making that for you.",
+      "Yep, give me a second."
+    ]);
+  }
+  if (/\b(update|edit|change|rename)\b/.test(text)) {
+    return pickOne([
+      "Okay, updating that.",
+      "Got it \u2014 changing it now.",
+      "Sure, one sec."
+    ]);
+  }
+  if (/\b(delete|remove)\b/.test(text)) {
+    return pickOne([
+      "Okay, removing that.",
+      "Sure, I'll take that out.",
+      "On it."
+    ]);
+  }
+  return pickOne([
+    "On it.",
+    "Sure, one sec.",
+    "Got it \u2014 hang on.",
+    "Yep, working on that."
+  ]);
+}
+function wait(ms, signal) {
+  return new Promise((resolve, reject) => {
+    if (signal?.aborted) {
+      reject(signal.reason ?? new DOMException("Aborted", "AbortError"));
+      return;
+    }
+    const timer = setTimeout(resolve, ms);
+    signal?.addEventListener(
+      "abort",
+      () => {
+        clearTimeout(timer);
+        reject(signal.reason ?? new DOMException("Aborted", "AbortError"));
+      },
+      { once: true }
+    );
+  });
+}
+function persistStatusMessage(apiUrl, conversationId, content) {
+  if (!conversationId || !content.trim()) return;
+  void fetch(apiUrl, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      type: "status",
+      conversationId,
+      content
+    })
+  }).catch(() => {
+  });
+}
+function useStableAdapter(options) {
+  const optsRef = (0, import_react2.useRef)(options);
+  optsRef.current = options;
+  return (0, import_react2.useMemo)(
+    () => ({
+      async *run({ messages, abortSignal }) {
+        const {
+          apiUrl,
+          buildContext,
+          onToolCalls,
+          captureState,
+          restoreState,
+          conversationId,
+          takePending,
+          registerImages,
+          registerSender,
+          getSelectedUser,
+          onProvider,
+          turnRef,
+          appendAssistant
+        } = optsRef.current;
+        turnRef.current = {
+          snapshot: takeSnapshot(captureState),
+          toolsApplied: false
+        };
+        const selectedUser = getSelectedUser();
+        const pending = takePending();
+        const lastUser = [...messages].reverse().find((m) => m.role === "user");
+        if (lastUser?.id && pending.length > 0) {
+          registerImages(
+            lastUser.id,
+            pending.map((img) => img.dataUrl)
+          );
+        }
+        if (lastUser?.id && selectedUser) {
+          registerSender(lastUser.id, {
+            name: selectedUser.name,
+            type: selectedUser.type
+          });
+        }
+        const apiMessages = prepareApiMessages(messages);
+        const interimText = buildInterimReply(messages, pending.length > 0);
+        const rawUserMessage = lastUser ? getMessageText(lastUser) : "";
+        const attachments = pending.map((img) => ({
+          name: img.name,
+          mimeType: img.mimeType,
+          data: img.base64
+        }));
+        const request = (async () => {
+          const res = await fetch(apiUrl, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              messages: apiMessages,
+              userMessage: rawUserMessage || void 0,
+              context: buildContext(),
+              conversationId,
+              attachments: attachments.length > 0 ? attachments : void 0,
+              senderType: selectedUser?.type === "client" ? "client" : void 0,
+              senderName: selectedUser?.name
+            }),
+            signal: abortSignal
+          });
+          const data2 = await res.json();
+          if (data2.superseded) {
+            return data2;
+          }
+          if (!res.ok) {
+            throw new Error(
+              data2.error ?? `Failed to fetch from ${apiUrl} (${res.status})`
+            );
+          }
+          return data2;
+        })();
+        const delayMs = 1600 + Math.floor(Math.random() * 900);
+        let raced = "done";
+        try {
+          raced = await Promise.race([
+            request.then(() => "done"),
+            wait(delayMs, abortSignal).then(() => "delay")
+          ]);
+        } catch {
+          raced = "aborted";
+        }
+        if (abortSignal.aborted || raced === "aborted") {
+          return;
+        }
+        let showedInterim = false;
+        if (raced === "delay") {
+          showedInterim = true;
+          yield {
+            content: [{ type: "text", text: interimText }]
+          };
+          persistStatusMessage(apiUrl, conversationId, interimText);
+        }
+        if (abortSignal.aborted) return;
+        let data;
+        try {
+          data = await request;
+        } catch (err) {
+          if (abortSignal.aborted) return;
+          const message = err instanceof Error && err.message.trim() ? err.message.trim() : "Sorry about that \u2014 I couldn't finish this right now. Happy to jump on a quick call if you'd like help \u2014 just let us know when works.";
+          if (showedInterim) {
+            appendAssistant(message);
+            return;
+          }
+          yield {
+            content: [{ type: "text", text: message }]
+          };
+          return;
+        }
+        if (abortSignal.aborted) return;
+        if (data.superseded) {
+          return;
+        }
+        if (data.provider) {
+          onProvider?.(data.provider);
+        }
+        const toolCalls = data.toolCalls ?? [];
+        let text = data.text ?? "";
+        if (toolCalls.length > 0) {
+          await onToolCalls?.(toolCalls);
+          turnRef.current.toolsApplied = true;
+        }
+        if (abortSignal.aborted) {
+          if (turnRef.current.toolsApplied) {
+            restoreState?.(turnRef.current.snapshot);
+            turnRef.current.toolsApplied = false;
+          }
+          return;
+        }
+        if (toolCalls.length > 0 && !text.trim()) {
+          text = "Done \u2014 please check the updated UI.";
+        }
+        if (showedInterim) {
+          if (text.trim()) {
+            appendAssistant(text);
+          }
+          return;
+        }
+        yield {
+          content: [{ type: "text", text }]
+        };
+      }
+    }),
+    []
+  );
+}
+var markdownComponents = (0, import_react_markdown.unstable_memoizeMarkdownComponents)({
+  h1: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "mb-2 mt-3 text-base font-semibold first:mt-0", children }),
+  h2: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "mb-2 mt-3 text-sm font-semibold first:mt-0", children }),
+  h3: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mb-1.5 mt-2 text-sm font-semibold first:mt-0", children }),
+  p: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mb-2 last:mb-0 whitespace-pre-wrap", children }),
+  strong: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { className: "font-semibold", children }),
+  em: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { className: "italic", children }),
+  ul: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "mb-2 list-disc space-y-1 pl-5 last:mb-0", children }),
+  ol: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "mb-2 list-decimal space-y-1 pl-5 last:mb-0", children }),
+  li: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "leading-relaxed", children }),
+  a: ({ href, children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noreferrer",
+      className: "text-indigo-600 underline underline-offset-2 hover:text-indigo-700",
+      children
+    }
+  ),
+  blockquote: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("blockquote", { className: "mb-2 border-l-2 border-gray-300 pl-3 text-gray-600 italic last:mb-0", children }),
+  code: ({ className, children, ...props }) => {
+    const isBlock = Boolean(className?.includes("language-"));
+    if (isBlock) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: `${className ?? ""} text-xs`, ...props, children });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "code",
+      {
+        className: "rounded bg-gray-100 px-1 py-0.5 font-mono text-[0.85em] text-gray-800",
+        ...props,
+        children
+      }
+    );
+  },
+  pre: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "mb-2 overflow-x-auto rounded-lg bg-gray-900 p-3 text-xs text-gray-100 last:mb-0", children }),
+  hr: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", { className: "my-3 border-gray-200" }),
+  table: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-2 overflow-x-auto last:mb-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", { className: "w-full border-collapse text-left text-xs", children }) }),
+  th: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: "border-b border-gray-200 px-2 py-1 font-semibold", children }),
+  td: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: "border-b border-gray-100 px-2 py-1 align-top", children })
+});
+function MarkdownText() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_markdown.MarkdownTextPrimitive,
+    {
+      remarkPlugins: [import_remark_gfm.default],
+      className: "aui-md",
+      smooth: false,
+      components: markdownComponents
+    }
+  );
+}
+function UserMessage() {
+  const message = (0, import_react3.useMessage)();
+  const imagesApi = (0, import_react2.useContext)(MessageImagesContext);
+  const sendersApi = (0, import_react2.useContext)(MessageSendersContext);
+  const images = imagesApi?.imagesByMessageId[message.id] ?? [];
+  const custom = message.metadata?.custom;
+  const sender = sendersApi?.senderByMessageId[message.id] ?? (custom?.senderName ? {
+    name: custom.senderName,
+    type: custom.senderType || "client"
+  } : null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.MessagePrimitive.Root, { className: "flex justify-end px-4 py-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-[80%]", children: [
+    sender && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mb-1 text-right text-[11px] font-medium text-gray-400", children: sender.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl rounded-br-sm bg-indigo-600 px-4 py-2.5 text-sm text-white", children: [
+      images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-2 flex flex-wrap gap-2", children: images.map((src, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          href: src,
+          target: "_blank",
+          rel: "noreferrer",
+          className: "block overflow-hidden rounded-lg border border-white/30 bg-white/10",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "img",
+            {
+              src,
+              alt: `Attached screenshot ${index + 1}`,
+              className: "max-h-40 max-w-full object-contain"
+            }
+          )
+        },
+        `${message.id}-${index}`
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "whitespace-pre-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MentionText, { text: getMessageText(message), tone: "user" }) })
+    ] })
+  ] }) });
+}
+function AssistantMessage() {
+  const message = (0, import_react3.useMessage)();
+  const sendersApi = (0, import_react2.useContext)(MessageSendersContext);
+  const aiUser = (0, import_react2.useContext)(AiUserContext);
+  const custom = message.metadata?.custom;
+  const registered = sendersApi?.senderByMessageId[message.id];
+  const isDeveloper = custom?.senderType === "developer" || custom?.senderType == null && registered?.type === "developer";
+  const sender = isDeveloper ? {
+    name: custom?.senderName || registered?.name || "Developer",
+    type: "developer"
+  } : aiUser ? {
+    type: "ai",
+    name: aiUser.name !== "ai" ? aiUser.name : custom?.senderName && custom.senderName !== "ai" ? custom.senderName : registered?.type === "ai" && registered.name !== "ai" ? registered.name : aiUser.name
+  } : registered?.type === "ai" ? registered : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.MessagePrimitive.Root, { className: "flex justify-start px-4 py-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-[85%]", children: [
+    sender && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "p",
+      {
+        className: `mb-1 text-[11px] font-medium ${isDeveloper ? "text-emerald-700" : "text-gray-400"}`,
+        children: sender.name
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: `rounded-2xl rounded-bl-sm px-4 py-2.5 text-sm shadow-sm ${isDeveloper ? "border border-emerald-200 bg-emerald-50 text-emerald-950" : "border border-gray-200 bg-white text-gray-800"}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.MessagePrimitive.Content, { components: { Text: MarkdownText } })
+      }
+    )
+  ] }) });
+}
+function MessageRenderer() {
+  const message = (0, import_react3.useMessage)();
+  if (message.role === "assistant" && message.status?.type === "incomplete") {
+    if (!getMessageText(message).trim()) return null;
+  }
+  if (message.role === "user") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserMessage, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantMessage, {});
+}
+function ComposerSendButton() {
+  const isEmpty = (0, import_react3.useComposer)((c) => c.isEmpty);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "submit",
+      disabled: isEmpty,
+      className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-indigo-600 text-white hover:bg-indigo-700 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+      "aria-label": "Send",
+      title: "Send",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          className: "h-5 w-5",
+          "aria-hidden": true,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function chatUserStorageKey(conversationId) {
+  return `ai-ui:chat-auth:${conversationId}`;
+}
+function readStoredUserKey(conversationId, composableUsers) {
+  if (typeof window === "undefined" || composableUsers.length === 0) {
+    return null;
+  }
+  try {
+    const stored = sessionStorage.getItem(chatUserStorageKey(conversationId));
+    if (stored && composableUsers.some((u, i) => userKey(u, i) === stored)) {
+      return stored;
+    }
+  } catch {
+  }
+  return null;
+}
+function writeStoredUserKey(conversationId, key) {
+  if (typeof window === "undefined") return;
+  try {
+    const storageKey = chatUserStorageKey(conversationId);
+    if (key) sessionStorage.setItem(storageKey, key);
+    else sessionStorage.removeItem(storageKey);
+  } catch {
+  }
+}
+function ChatLoginScreen({
+  users,
+  title,
+  className,
+  requirePassword,
+  onSelect
+}) {
+  const [selectedKey, setSelectedKey] = (0, import_react2.useState)(null);
+  const [password, setPassword] = (0, import_react2.useState)("");
+  const [error, setError] = (0, import_react2.useState)(null);
+  const [submitting, setSubmitting] = (0, import_react2.useState)(false);
+  const entries = users.filter((user) => user.type === "client" || user.type === "developer").map((user, index) => ({
+    user,
+    key: userKey(user, index)
+  }));
+  const selected = entries.find((e) => e.key === selectedKey) ?? null;
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    if (!selected) {
+      setError("Select a user first");
+      return;
+    }
+    if (requirePassword && !password) {
+      setError("Enter your password");
+      return;
+    }
+    setSubmitting(true);
+    setError(null);
+    try {
+      await onSelect(selected.key, password);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Sign in failed. Try again."
+      );
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `flex h-full flex-col bg-gray-50 ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "border-b border-gray-200 bg-white px-5 py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "font-semibold text-gray-800", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-gray-400", children: requirePassword ? "Sign in with your Maintainer Pro account" : "Choose who you are to continue" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-1 flex-col items-center justify-center overflow-y-auto p-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full max-w-sm space-y-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-semibold text-gray-800", children: "Sign in" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-sm text-gray-500", children: requirePassword ? "Select your account and enter your password. Everyone listed can still be @mentioned." : "Pick your identity for this chat. Everyone below can still be @mentioned." })
+      ] }),
+      entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-center text-sm text-gray-500", children: "No users are available for this application yet." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "space-y-2", children: entries.map(({ user, key }) => {
+        const active = key === selectedKey;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setSelectedKey(key);
+              setPassword("");
+              setError(null);
+              if (!requirePassword) {
+                void onSelect(key);
+              }
+            },
+            className: `flex w-full items-center justify-between gap-3 rounded-xl border px-4 py-3 text-left shadow-sm transition-colors ${active ? "border-teal-400 bg-teal-50/50" : "border-gray-200 bg-white hover:border-teal-300 hover:bg-teal-50/40"}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block font-medium text-gray-800", children: user.name }),
+                user.email && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block truncate text-xs text-gray-400", children: user.email })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "shrink-0 rounded-md bg-gray-100 px-2 py-0.5 text-[11px] font-medium capitalize text-gray-600", children: userBadge(user) })
+            ]
+          }
+        ) }, key);
+      }) }),
+      requirePassword && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: (e) => void handleSubmit(e), className: "space-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "label",
+            {
+              htmlFor: "ai-chat-password",
+              className: "mb-1 block text-xs font-medium text-gray-600",
+              children: [
+                "Password",
+                selected?.user.email ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-normal text-gray-400", children: [
+                  " ",
+                  "for ",
+                  selected.user.email
+                ] }) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              id: "ai-chat-password",
+              type: "password",
+              autoComplete: "current-password",
+              value: password,
+              onChange: (e) => {
+                setPassword(e.target.value);
+                setError(null);
+              },
+              disabled: !selected || submitting,
+              className: "w-full rounded-xl border border-gray-200 bg-white px-3 py-2.5 text-sm text-gray-800 outline-none ring-teal-500/30 placeholder:text-gray-400 focus:border-teal-400 focus:ring-2 disabled:bg-gray-50 disabled:text-gray-400",
+              placeholder: selected ? "Enter password" : "Select a user first"
+            }
+          )
+        ] }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-red-600", role: "alert", children: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "submit",
+            disabled: !selected || !password || submitting,
+            className: "w-full rounded-xl bg-teal-700 px-4 py-2.5 text-sm font-medium text-white transition-colors hover:bg-teal-800 disabled:cursor-not-allowed disabled:opacity-40",
+            children: submitting ? "Signing in\u2026" : "Sign in"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+function ComposerMentionInput({
+  users,
+  excludeUser,
+  isDeveloper,
+  onPaste,
+  onSubmitKeyDown
+}) {
+  const composerRuntime = (0, import_react3.useComposerRuntime)();
+  const wrapRef = (0, import_react2.useRef)(null);
+  const [mention, setMention] = (0, import_react2.useState)(null);
+  const [activeIndex, setActiveIndex] = (0, import_react2.useState)(0);
+  const filtered = (0, import_react2.useMemo)(() => {
+    if (!mention || users.length === 0) return [];
+    const q = mention.query.toLowerCase();
+    return users.filter((u) => {
+      if (excludeUser && u.type === excludeUser.type && u.name.toLowerCase() === excludeUser.name.toLowerCase()) {
+        return false;
+      }
+      return u.name.toLowerCase().includes(q) || u.type.toLowerCase().includes(q) || (u.role?.toLowerCase().includes(q) ?? false);
+    });
+  }, [mention, users, excludeUser]);
+  (0, import_react2.useEffect)(() => {
+    setActiveIndex(0);
+  }, [mention?.start, mention?.query, filtered.length]);
+  const syncMention = (textarea) => {
+    setMention(getActiveMention(textarea.value, textarea.selectionStart));
+  };
+  const insertMention = (user) => {
+    if (!mention) return;
+    const textarea = wrapRef.current?.querySelector("textarea");
+    const text = textarea?.value ?? composerRuntime.getState().text;
+    const cursor = textarea?.selectionStart ?? text.length;
+    const before = text.slice(0, mention.start);
+    const after = text.slice(cursor);
+    const inserted = `@${user.name} `;
+    const next = `${before}${inserted}${after}`;
+    composerRuntime.setText(next);
+    setMention(null);
+    requestAnimationFrame(() => {
+      const el = wrapRef.current?.querySelector("textarea");
+      if (!el) return;
+      const pos = before.length + inserted.length;
+      el.focus();
+      el.setSelectionRange(pos, pos);
+    });
+  };
+  const handleKeyDown = (event) => {
+    if (mention && filtered.length > 0) {
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setActiveIndex((i) => (i + 1) % filtered.length);
+        return;
+      }
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setActiveIndex((i) => (i - 1 + filtered.length) % filtered.length);
+        return;
+      }
+      if (event.key === "Enter" || event.key === "Tab") {
+        event.preventDefault();
+        insertMention(filtered[activeIndex] ?? filtered[0]);
+        return;
+      }
+      if (event.key === "Escape") {
+        event.preventDefault();
+        setMention(null);
+        return;
+      }
+    }
+    onSubmitKeyDown(event);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: wrapRef, className: "relative flex min-w-0 flex-1 items-end", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react3.ComposerPrimitive.Input,
+      {
+        placeholder: isDeveloper ? "Reply without running AI\u2026 (@ to tag)" : users.length > 0 ? "Message\u2026 (@ to tag someone)" : "Message\u2026 (paste a screenshot anytime)",
+        className: "box-border block min-h-10 max-h-32 w-full resize-none rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm leading-5 text-gray-800 placeholder-gray-400 focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-100",
+        rows: 1,
+        onPaste,
+        onKeyDown: handleKeyDown,
+        onKeyUp: (event) => syncMention(event.currentTarget),
+        onClick: (event) => syncMention(event.currentTarget)
+      }
+    ),
+    mention && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        role: "listbox",
+        "aria-label": "Tag user",
+        className: "absolute bottom-full left-0 z-20 mb-1.5 max-h-48 min-w-[12rem] overflow-y-auto rounded-lg border border-gray-200 bg-white py-1 shadow-lg",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "px-3 py-1 text-[10px] font-medium uppercase tracking-wide text-gray-400", children: "Tag someone" }),
+          filtered.map((user, index) => {
+            const active = index === activeIndex;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": active,
+                onMouseDown: (event) => {
+                  event.preventDefault();
+                  insertMention(user);
+                },
+                onMouseEnter: () => setActiveIndex(index),
+                className: `flex w-full items-center justify-between gap-3 px-3 py-1.5 text-left text-xs transition-colors ${active ? "bg-indigo-50 text-indigo-700" : "text-gray-700 hover:bg-gray-50"}`,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-medium", children: [
+                    "@",
+                    user.name
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "span",
+                    {
+                      className: `text-[10px] capitalize ${active ? "text-indigo-500" : "text-gray-400"}`,
+                      children: userBadge(user)
+                    }
+                  )
+                ]
+              },
+              `${user.type}:${user.name}:${index}`
+            );
+          })
+        ]
+      }
+    )
+  ] });
+}
+function useInterruptibleSubmit(options) {
+  const threadRuntime = (0, import_react3.useThreadRuntime)();
+  const composerRuntime = (0, import_react3.useComposerRuntime)();
+  const optsRef = (0, import_react2.useRef)(options);
+  optsRef.current = options;
+  return (0, import_react2.useCallback)(() => {
+    const composer = composerRuntime.getState();
+    if (composer.isEmpty) return;
+    const {
+      restoreState,
+      turnRef,
+      getSelectedUser,
+      apiUrl,
+      conversationId,
+      registerSender
+    } = optsRef.current;
+    const selectedUser = getSelectedUser();
+    if (selectedUser?.type === "developer") {
+      const text = composer.text.trim();
+      if (!text) return;
+      void composerRuntime.reset();
+      const beforeIds = new Set(
+        threadRuntime.getState().messages.map((m) => m.id)
+      );
+      threadRuntime.append({
+        role: "assistant",
+        content: [{ type: "text", text }],
+        metadata: {
+          custom: {
+            senderType: "developer",
+            senderName: selectedUser.name
+          }
+        },
+        startRun: false
+      });
+      const added = [...threadRuntime.getState().messages].reverse().find((m) => !beforeIds.has(m.id));
+      if (added) {
+        registerSender(added.id, {
+          name: selectedUser.name,
+          type: "developer"
+        });
+      }
+      persistDeveloperReply(apiUrl, conversationId, text, selectedUser.name);
+      return;
+    }
+    const thread = threadRuntime.getState();
+    if (!thread.isRunning) {
+      composerRuntime.send();
+      return;
+    }
+    threadRuntime.cancelRun();
+    if (turnRef.current.toolsApplied || turnRef.current.snapshot !== void 0) {
+      restoreState?.(turnRef.current.snapshot);
+    }
+    turnRef.current = { snapshot: void 0, toolsApplied: false };
+    composerRuntime.send();
+  }, [composerRuntime, threadRuntime]);
+}
+function ChatUI({
+  apiUrl,
+  title,
+  emptyState,
+  className,
+  pendingImages,
+  onAddImages,
+  onRemoveImage,
+  restoreState,
+  turnRef,
+  users,
+  onSwitchUser,
+  conversationId,
+  registerSender,
+  getSelectedUser,
+  onProvider
+}) {
+  const [providerLabel, setProviderLabel] = (0, import_react2.useState)("AI CLI");
+  const fileInputRef = (0, import_react2.useRef)(null);
+  const submit = useInterruptibleSubmit({
+    restoreState,
+    turnRef,
+    getSelectedUser,
+    apiUrl,
+    conversationId,
+    registerSender
+  });
+  const selectedUser = getSelectedUser();
+  const isDeveloper = selectedUser?.type === "developer";
+  (0, import_react2.useEffect)(() => {
+    let cancelled = false;
+    fetch(apiUrl).then(async (res) => {
+      const data = await res.json();
+      if (!cancelled) {
+        setProviderLabel(
+          res.ok && data.providerLabel ? data.providerLabel : "No AI CLI found"
+        );
+        if (res.ok && data.provider) {
+          onProvider?.(data.provider);
+        }
+      }
+    }).catch(() => {
+      if (!cancelled) setProviderLabel("No AI CLI found");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [apiUrl, onProvider]);
+  const handlePaste = (event) => {
+    const items = event.clipboardData?.items;
+    if (!items) return;
+    const files = [];
+    for (const item of Array.from(items)) {
+      if (item.type.startsWith("image/")) {
+        const file = item.getAsFile();
+        if (file) files.push(file);
+      }
+    }
+    if (files.length > 0) {
+      event.preventDefault();
+      onAddImages(files);
+    }
+  };
+  const handleFileChange = (event) => {
+    const files = Array.from(event.target.files ?? []);
+    if (files.length > 0) onAddImages(files);
+    event.target.value = "";
+  };
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    void submit();
+  };
+  const handleInputKeyDown = (event) => {
+    if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) {
+      return;
+    }
+    event.preventDefault();
+    void submit();
+  };
+  const mentionUsers = users ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `flex h-full flex-col bg-gray-50 ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between gap-3 border-b border-gray-200 bg-white px-5 py-4 pr-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "font-semibold text-gray-800", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-gray-400", children: [
+          "Powered by ",
+          providerLabel
+        ] })
+      ] }),
+      selectedUser && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: `rounded-full px-2.5 py-0.5 text-xs font-medium ${isDeveloper ? "bg-emerald-50 text-emerald-700" : "bg-stone-100 text-stone-600"}`,
+            children: selectedUser.name
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: onSwitchUser,
+            className: "text-[11px] text-gray-400 underline-offset-2 hover:text-gray-600 hover:underline",
+            children: "Switch user"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react3.ThreadPrimitive.Root, { className: "flex flex-1 flex-col overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react3.ThreadPrimitive.Viewport, { className: "flex-1 overflow-y-auto py-4 space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.ThreadPrimitive.Empty, { children: emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-full items-center justify-center p-8 text-center text-sm text-gray-400", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-medium text-gray-500", children: "Ask me to help with this app" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.ThreadPrimitive.Messages, { components: { Message: MessageRenderer } })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react3.ThreadPrimitive.ViewportFooter, { className: "bg-gray-50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex justify-end px-4 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.ThreadPrimitive.ScrollToBottom, { className: "rounded-full bg-white border border-gray-200 px-3 py-1 text-xs text-gray-500 shadow hover:bg-gray-50 transition-colors", children: "Scroll to bottom" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_react3.ComposerPrimitive.Root,
+          {
+            className: "border-t border-gray-200 bg-white p-4",
+            onSubmit: handleSubmit,
+            children: [
+              pendingImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-3 flex flex-wrap gap-2", children: pendingImages.map((img) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "div",
+                {
+                  className: "group relative h-16 w-16 overflow-hidden rounded-lg border border-gray-200 bg-gray-50",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "img",
+                      {
+                        src: img.dataUrl,
+                        alt: img.name,
+                        className: "h-full w-full object-cover"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => onRemoveImage(img.id),
+                        className: "absolute right-0.5 top-0.5 flex h-5 w-5 items-center justify-center rounded-full bg-black/60 text-xs text-white opacity-0 transition-opacity group-hover:opacity-100",
+                        "aria-label": "Remove screenshot",
+                        children: "\xD7"
+                      }
+                    )
+                  ]
+                },
+                img.id
+              )) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-end gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "input",
+                  {
+                    ref: fileInputRef,
+                    type: "file",
+                    accept: "image/png,image/jpeg,image/webp,image/gif",
+                    multiple: true,
+                    className: "hidden",
+                    onChange: handleFileChange
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => fileInputRef.current?.click(),
+                    className: "flex h-10 w-10 shrink-0 items-center justify-center self-end rounded-lg border border-gray-300 text-gray-500 hover:bg-gray-50 hover:text-gray-700 transition-colors",
+                    "aria-label": "Attach screenshot",
+                    title: "Attach screenshot",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        className: "h-5 w-5",
+                        "aria-hidden": true,
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8.5", cy: "10.5", r: "1.5" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m21 15-4.5-4.5L9 18", strokeLinecap: "round" })
+                        ]
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  ComposerMentionInput,
+                  {
+                    users: mentionUsers,
+                    excludeUser: selectedUser,
+                    isDeveloper,
+                    onPaste: handlePaste,
+                    onSubmitKeyDown: handleInputKeyDown
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerSendButton, {})
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-[11px] text-gray-400", children: isDeveloper ? "Your reply is saved to chat history only \u2014 AI will not run." : `Paste or attach screenshots (PNG/JPG, up to ${MAX_IMAGES}). Type @ to tag someone.` })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function AiChat({
+  apiUrl = "/api/chat",
+  buildContext,
+  onToolCalls,
+  captureState,
+  restoreState,
+  conversationId: conversationIdProp,
+  title = "AI Assistant",
+  emptyState,
+  className,
+  users,
+  maintainerProUrl,
+  maintainerProApiKey
+}) {
+  const resolvedBuildContext = buildContext ?? (() => buildBrowserClientContext());
+  const [boot, setBoot] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    let cancelled = false;
+    async function bootChat() {
+      try {
+        const providerRes = await fetch(apiUrl).catch(() => null);
+        const providerData = providerRes ? await providerRes.json().catch(() => ({})) : {};
+        let conversationId = conversationIdProp ?? providerData.conversationId ?? "shared";
+        let storedMessages = providerData.messages ?? [];
+        let resolvedUsers = users ?? [];
+        if (maintainerProUrl && maintainerProApiKey) {
+          const mp = createMaintainerProClient({
+            baseUrl: maintainerProUrl,
+            apiKey: maintainerProApiKey
+          });
+          if (!conversationIdProp) {
+            const conversations = await mp.listConversations();
+            conversationId = conversations[0]?.id ?? "shared";
+          }
+          if (conversationId && conversationId !== "shared") {
+            rememberConversationId(
+              maintainerProUrl,
+              maintainerProApiKey,
+              conversationId
+            );
+          }
+          storedMessages = await mp.listMessages(conversationId);
+          if (users === void 0) {
+            try {
+              resolvedUsers = await mp.listChatUsers();
+            } catch {
+              resolvedUsers = [];
+            }
+          }
+        }
+        const providerId = providerData.provider ?? null;
+        const aiFallback = resolveAiUser(resolvedUsers, providerId);
+        const initialSenders = {};
+        const initialMessages = storedMessages.filter((m) => m.role === "user" || m.role === "assistant").map((m, index) => {
+          const sender = senderFromStoredMessage(m, aiFallback);
+          const id = m.id ?? `boot-${index}`;
+          if (sender) {
+            initialSenders[id] = sender;
+          }
+          return {
+            id,
+            role: m.role,
+            content: [{ type: "text", text: m.content || "" }],
+            ...sender ? {
+              metadata: {
+                custom: {
+                  senderType: sender.type,
+                  senderName: sender.name
+                }
+              }
+            } : {}
+          };
+        });
+        if (!cancelled) {
+          setBoot({
+            conversationId,
+            initialMessages,
+            initialSenders,
+            providerId,
+            users: resolvedUsers
+          });
+        }
+      } catch {
+        if (!cancelled) {
+          setBoot({
+            conversationId: conversationIdProp ?? "shared",
+            initialMessages: [],
+            initialSenders: {},
+            providerId: null,
+            users: users ?? []
+          });
+        }
+      }
+    }
+    void bootChat();
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    apiUrl,
+    conversationIdProp,
+    maintainerProUrl,
+    maintainerProApiKey,
+    users
+  ]);
+  if (!boot) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: `flex h-full items-center justify-center bg-gray-50 text-sm text-gray-400 ${className ?? ""}`,
+        children: "Loading chat\u2026"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    AiChatReady,
+    {
+      apiUrl,
+      buildContext: resolvedBuildContext,
+      onToolCalls,
+      captureState,
+      restoreState,
+      conversationId: boot.conversationId,
+      initialMessages: boot.initialMessages,
+      initialSenders: boot.initialSenders,
+      providerId: boot.providerId,
+      title,
+      emptyState,
+      className,
+      users: boot.users,
+      maintainerProUrl,
+      maintainerProApiKey
+    }
+  );
+}
+function AiChatReady({
+  apiUrl,
+  buildContext,
+  onToolCalls,
+  captureState,
+  restoreState,
+  conversationId,
+  initialMessages,
+  initialSenders,
+  providerId,
+  title,
+  emptyState,
+  className,
+  users,
+  maintainerProUrl,
+  maintainerProApiKey
+}) {
+  const [pendingImages, setPendingImages] = (0, import_react2.useState)([]);
+  const [imagesByMessageId, setImagesByMessageId] = (0, import_react2.useState)({});
+  const [senderByMessageId, setSenderByMessageId] = (0, import_react2.useState)(initialSenders);
+  const [activeProviderId, setActiveProviderId] = (0, import_react2.useState)(
+    providerId
+  );
+  const aiUser = (0, import_react2.useMemo)(
+    () => resolveAiUser(users, activeProviderId),
+    [users, activeProviderId]
+  );
+  const onProvider = (0, import_react2.useCallback)((id) => {
+    setActiveProviderId((prev) => prev === id ? prev : id);
+  }, []);
+  const composableUsers = (0, import_react2.useMemo)(
+    () => (users ?? []).filter(isComposableUser),
+    [users]
+  );
+  const requirePassword = Boolean(
+    maintainerProUrl && maintainerProApiKey && composableUsers.some((u) => Boolean(u.email))
+  );
+  const [selectedUserKey, setSelectedUserKey] = (0, import_react2.useState)(
+    () => readStoredUserKey(conversationId, (users ?? []).filter(isComposableUser))
+  );
+  const pendingRef = (0, import_react2.useRef)([]);
+  pendingRef.current = pendingImages;
+  const turnRef = (0, import_react2.useRef)({
+    snapshot: void 0,
+    toolsApplied: false
+  });
+  const appendAssistantRef = (0, import_react2.useRef)(() => {
+  });
+  const selectedUserRef = (0, import_react2.useRef)(null);
+  const getSelectedUser = (0, import_react2.useCallback)(() => {
+    if (composableUsers.length === 0 || !selectedUserKey) return null;
+    const index = composableUsers.findIndex(
+      (u, i) => userKey(u, i) === selectedUserKey
+    );
+    return index >= 0 ? composableUsers[index] : null;
+  }, [composableUsers, selectedUserKey]);
+  selectedUserRef.current = getSelectedUser();
+  const handleSelectUser = (0, import_react2.useCallback)(
+    async (key, password) => {
+      const index = composableUsers.findIndex(
+        (u, i) => userKey(u, i) === key
+      );
+      const user = index >= 0 ? composableUsers[index] : null;
+      if (!user) throw new Error("Unknown user");
+      if (requirePassword) {
+        if (!user.email) throw new Error("This account has no email");
+        if (!password) throw new Error("Enter your password");
+        if (!maintainerProUrl || !maintainerProApiKey) {
+          throw new Error("Maintainer Pro is not configured");
+        }
+        const mp = createMaintainerProClient({
+          baseUrl: maintainerProUrl,
+          apiKey: maintainerProApiKey
+        });
+        const authed = await mp.loginChatUser(user.email, password);
+        if (authed.type !== user.type || authed.name.toLowerCase() !== user.name.toLowerCase()) {
+          throw new Error("Signed-in user does not match selection");
+        }
+      }
+      setSelectedUserKey(key);
+      writeStoredUserKey(conversationId, key);
+    },
+    [
+      composableUsers,
+      conversationId,
+      maintainerProApiKey,
+      maintainerProUrl,
+      requirePassword
+    ]
+  );
+  const handleSwitchUser = (0, import_react2.useCallback)(() => {
+    setSelectedUserKey(null);
+    writeStoredUserKey(conversationId, null);
+  }, [conversationId]);
+  const needsLogin = composableUsers.length > 0 && !selectedUserKey;
+  const registerImages = (0, import_react2.useCallback)((messageId, dataUrls) => {
+    setImagesByMessageId((prev) => ({ ...prev, [messageId]: dataUrls }));
+  }, []);
+  const registerSender = (0, import_react2.useCallback)(
+    (messageId, sender) => {
+      setSenderByMessageId((prev) => ({ ...prev, [messageId]: sender }));
+    },
+    []
+  );
+  const takePending = (0, import_react2.useCallback)(() => {
+    const current = pendingRef.current;
+    pendingRef.current = [];
+    setPendingImages([]);
+    return current;
+  }, []);
+  const onAddImages = (0, import_react2.useCallback)(async (files) => {
+    try {
+      const next = [];
+      for (const file of files) {
+        next.push(await fileToPending(file));
+      }
+      setPendingImages((prev) => [...prev, ...next].slice(0, MAX_IMAGES));
+    } catch (err) {
+      console.error(err);
+      window.alert(err instanceof Error ? err.message : "Could not add image");
+    }
+  }, []);
+  const onRemoveImage = (0, import_react2.useCallback)((id) => {
+    setPendingImages((prev) => prev.filter((img) => img.id !== id));
+  }, []);
+  const appendAssistant = (0, import_react2.useCallback)((text) => {
+    appendAssistantRef.current(text);
+  }, []);
+  const adapter = useStableAdapter({
+    apiUrl,
+    buildContext,
+    onToolCalls,
+    captureState,
+    restoreState,
+    conversationId,
+    takePending,
+    registerImages,
+    registerSender,
+    getSelectedUser: () => selectedUserRef.current,
+    onProvider,
+    turnRef,
+    appendAssistant
+  });
+  const runtime = (0, import_react3.useLocalRuntime)(adapter, { initialMessages });
+  const imagesApi = (0, import_react2.useMemo)(
+    () => ({ imagesByMessageId, registerImages }),
+    [imagesByMessageId, registerImages]
+  );
+  const sendersApi = (0, import_react2.useMemo)(
+    () => ({ senderByMessageId, registerSender }),
+    [senderByMessageId, registerSender]
+  );
+  if (needsLogin) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ChatLoginScreen,
+      {
+        users: composableUsers,
+        title,
+        className,
+        requirePassword,
+        onSelect: handleSelectUser
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.AssistantRuntimeProvider, { runtime, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChatUsersContext.Provider, { value: users ?? [], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AiUserContext.Provider, { value: aiUser, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageImagesContext.Provider, { value: imagesApi, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(MessageSendersContext.Provider, { value: sendersApi, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      AssistantAppenderBinder,
+      {
+        appendRef: appendAssistantRef,
+        aiUser,
+        registerSender
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      RemoteMessageSync,
+      {
+        apiUrl,
+        conversationId,
+        maintainerProUrl,
+        maintainerProApiKey,
+        aiUser,
+        registerSender
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ChatUI,
+      {
+        apiUrl,
+        title,
+        emptyState,
+        className,
+        pendingImages,
+        onAddImages,
+        onRemoveImage,
+        restoreState,
+        turnRef,
+        users,
+        onSwitchUser: handleSwitchUser,
+        conversationId,
+        registerSender,
+        getSelectedUser,
+        onProvider
+      }
+    )
+  ] }) }) }) }) });
+}
+function AssistantAppenderBinder({
+  appendRef,
+  aiUser,
+  registerSender
+}) {
+  const threadRuntime = (0, import_react3.useThreadRuntime)();
+  (0, import_react2.useEffect)(() => {
+    appendRef.current = (text) => {
+      const trimmed = text.trim();
+      if (!trimmed) return;
+      const beforeIds = new Set(
+        threadRuntime.getState().messages.map((m) => m.id)
+      );
+      threadRuntime.append({
+        role: "assistant",
+        content: [{ type: "text", text: trimmed }],
+        metadata: {
+          custom: {
+            senderType: "ai",
+            senderName: aiUser.name
+          }
+        },
+        startRun: false
+      });
+      const added = [...threadRuntime.getState().messages].reverse().find((m) => !beforeIds.has(m.id));
+      if (added) {
+        registerSender(added.id, aiUser);
+      }
+    };
+  }, [appendRef, threadRuntime, aiUser, registerSender]);
+  return null;
+}
+function threadMessagePlainText(message) {
+  const content = message.content;
+  if (typeof content === "string") return content.trim();
+  if (!Array.isArray(content)) return "";
+  return content.map((part) => {
+    if (part && typeof part === "object" && part.type === "text" && typeof part.text === "string") {
+      return part.text;
+    }
+    return "";
+  }).join("").trim();
+}
+function contentFingerprint(role, content) {
+  return `${role}|${content.trim()}`;
+}
+function RemoteMessageSync({
+  apiUrl,
+  conversationId,
+  maintainerProUrl,
+  maintainerProApiKey,
+  aiUser,
+  registerSender,
+  pollIntervalMs = 4e3
+}) {
+  const threadRuntime = (0, import_react3.useThreadRuntime)();
+  const seenRemoteIdsRef = (0, import_react2.useRef)(/* @__PURE__ */ new Set());
+  const baselineReadyRef = (0, import_react2.useRef)(false);
+  (0, import_react2.useEffect)(() => {
+    let cancelled = false;
+    let inFlight = false;
+    baselineReadyRef.current = false;
+    seenRemoteIdsRef.current = /* @__PURE__ */ new Set();
+    if (maintainerProUrl && maintainerProApiKey && conversationId) {
+      rememberConversationId(
+        maintainerProUrl,
+        maintainerProApiKey,
+        conversationId
+      );
+    }
+    const sync = async () => {
+      if (cancelled || inFlight) return;
+      inFlight = true;
+      try {
+        const remote = await fetchChatMessages({
+          apiUrl,
+          conversationId,
+          maintainerProUrl,
+          maintainerProApiKey
+        });
+        if (cancelled) return;
+        const local = threadRuntime.getState().messages;
+        const localContents = new Set(
+          local.map(
+            (m) => contentFingerprint(m.role, threadMessagePlainText(m))
+          )
+        );
+        if (!baselineReadyRef.current) {
+          for (const m of remote) {
+            if (!m.id) continue;
+            const content = (m.content ?? "").trim();
+            if (content && localContents.has(contentFingerprint(m.role, content))) {
+              seenRemoteIdsRef.current.add(m.id);
+            }
+          }
+          baselineReadyRef.current = true;
+        }
+        for (const m of remote) {
+          if (m.role !== "user" && m.role !== "assistant") continue;
+          const content = (m.content ?? "").trim();
+          if (!content) continue;
+          if (m.id && seenRemoteIdsRef.current.has(m.id)) continue;
+          const key = contentFingerprint(m.role, content);
+          if (localContents.has(key)) {
+            if (m.id) seenRemoteIdsRef.current.add(m.id);
+            continue;
+          }
+          if (m.id) seenRemoteIdsRef.current.add(m.id);
+          localContents.add(key);
+          const sender = senderFromStoredMessage(m, aiUser);
+          const beforeIds = new Set(
+            threadRuntime.getState().messages.map((msg) => msg.id)
+          );
+          threadRuntime.append({
+            role: m.role,
+            content: [{ type: "text", text: content }],
+            ...sender ? {
+              metadata: {
+                custom: {
+                  senderType: sender.type,
+                  senderName: sender.name
+                }
+              }
+            } : {},
+            startRun: false
+          });
+          const added = [...threadRuntime.getState().messages].reverse().find((msg) => !beforeIds.has(msg.id));
+          if (added && sender) {
+            registerSender(added.id, sender);
+          }
+        }
+      } catch {
+      } finally {
+        inFlight = false;
+      }
+    };
+    void sync();
+    const timer = setInterval(() => {
+      void sync();
+    }, pollIntervalMs);
+    return () => {
+      cancelled = true;
+      clearInterval(timer);
+    };
+  }, [
+    apiUrl,
+    conversationId,
+    maintainerProUrl,
+    maintainerProApiKey,
+    aiUser,
+    registerSender,
+    pollIntervalMs,
+    threadRuntime
+  ]);
+  return null;
+}
+
+// src/usePersistedChatOpen.ts
+var import_react4 = require("react");
+var DEFAULT_KEY = "ai-ui.chatOpen";
+function usePersistedChatOpen(storageKey = DEFAULT_KEY, defaultOpen = false) {
+  const [open, setOpenState] = (0, import_react4.useState)(defaultOpen);
+  (0, import_react4.useEffect)(() => {
+    try {
+      const raw = window.localStorage.getItem(storageKey);
+      if (raw === "true") setOpenState(true);
+      else if (raw === "false") setOpenState(false);
+    } catch {
+    }
+  }, [storageKey]);
+  const setOpen = (0, import_react4.useCallback)(
+    (value) => {
+      setOpenState((prev) => {
+        const next = typeof value === "function" ? value(prev) : value;
+        try {
+          window.localStorage.setItem(storageKey, String(next));
+        } catch {
+        }
+        return next;
+      });
+    },
+    [storageKey]
+  );
+  return [open, setOpen];
+}
+
+// src/useChatUnread.ts
+var import_react5 = require("react");
+function useChatUnread(options) {
+  const [unreadCount, setUnreadCount] = (0, import_react5.useState)(0);
+  const openRef = (0, import_react5.useRef)(options.chatOpen);
+  openRef.current = options.chatOpen;
+  const pollerRef = (0, import_react5.useRef)(
+    null
+  );
+  const {
+    chatOpen,
+    apiUrl,
+    maintainerProUrl,
+    maintainerProApiKey,
+    conversationId,
+    storageKey,
+    pollIntervalMs
+  } = options;
+  (0, import_react5.useEffect)(() => {
+    const poller = startChatUnreadPoller({
+      apiUrl,
+      maintainerProUrl,
+      maintainerProApiKey,
+      conversationId,
+      storageKey,
+      pollIntervalMs,
+      isOpen: () => openRef.current,
+      onChange: setUnreadCount
+    });
+    pollerRef.current = poller;
+    return () => {
+      poller.stop();
+      pollerRef.current = null;
+    };
+  }, [
+    apiUrl,
+    maintainerProUrl,
+    maintainerProApiKey,
+    conversationId,
+    storageKey,
+    pollIntervalMs
+  ]);
+  (0, import_react5.useEffect)(() => {
+    if (chatOpen) {
+      void pollerRef.current?.markRead();
+    } else {
+      void pollerRef.current?.refresh();
+    }
+  }, [chatOpen]);
+  return {
+    unreadCount,
+    hasUnread: unreadCount > 0
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AiChat,
+  buildBrowserClientContext,
+  countUnreadSince,
+  createMaintainerProClient,
+  fetchChatMessageTimestamps,
+  fetchChatMessages,
+  rememberConversationId,
+  startChatUnreadPoller,
+  useChatUnread,
+  useClientContextBuilder,
+  usePersistedChatOpen
+});