@superatomai/application-react 0.0.2 → 0.0.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import React6, { Component, useState, useEffect, forwardRef, memo, useMemo, useRef, useCallback, createElement, lazy as lazy$1, Suspense } from 'react';
+import React6, { Component, useState, useEffect, forwardRef, memo, useMemo, useRef, useCallback, createElement, lazy as lazy$1, Suspense, useSyncExternalStore } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 
@@ -5448,34 +5448,34 @@ function subcontent(events, eventIndex) {
   let stream;
   let previous3;
   let index2 = -1;
-  let current = token;
+  let current3 = token;
   let adjust = 0;
   let start2 = 0;
   const breaks = [start2];
-  while (current) {
-    while (events.get(++startPosition)[1] !== current) {
+  while (current3) {
+    while (events.get(++startPosition)[1] !== current3) {
     }
     startPositions.push(startPosition);
-    if (!current._tokenizer) {
-      stream = context.sliceStream(current);
-      if (!current.next) {
+    if (!current3._tokenizer) {
+      stream = context.sliceStream(current3);
+      if (!current3.next) {
         stream.push(null);
       }
       if (previous3) {
-        tokenizer.defineSkip(current.start);
+        tokenizer.defineSkip(current3.start);
       }
-      if (current._isInFirstContentOfListItem) {
+      if (current3._isInFirstContentOfListItem) {
         tokenizer._gfmTasklistFirstContentOfListItem = true;
       }
       tokenizer.write(stream);
-      if (current._isInFirstContentOfListItem) {
+      if (current3._isInFirstContentOfListItem) {
         tokenizer._gfmTasklistFirstContentOfListItem = void 0;
       }
     }
-    previous3 = current;
-    current = current.next;
+    previous3 = current3;
+    current3 = current3.next;
   }
-  current = token;
+  current3 = token;
   while (++index2 < childEvents.length) {
     if (
       // Find a void token that includes a break.
@@ -5483,15 +5483,15 @@ function subcontent(events, eventIndex) {
     ) {
       start2 = index2 + 1;
       breaks.push(start2);
-      current._tokenizer = void 0;
-      current.previous = void 0;
-      current = current.next;
+      current3._tokenizer = void 0;
+      current3.previous = void 0;
+      current3 = current3.next;
     }
   }
   tokenizer.events = [];
-  if (current) {
-    current._tokenizer = void 0;
-    current.previous = void 0;
+  if (current3) {
+    current3._tokenizer = void 0;
+    current3.previous = void 0;
   } else {
     breaks.pop();
   }
@@ -13506,9 +13506,9 @@ function isAsciiAlphaNumeric(code4) {
 function isEntityInAttributeInvalidEnd(code4) {
   return code4 === CharCodes.EQUALS || isAsciiAlphaNumeric(code4);
 }
-function determineBranch(decodeTree, current, nodeIndex, char) {
-  const branchCount = (current & BinTrieFlags.BRANCH_LENGTH) >> 7;
-  const jumpOffset = current & BinTrieFlags.JUMP_TABLE;
+function determineBranch(decodeTree, current3, nodeIndex, char) {
+  const branchCount = (current3 & BinTrieFlags.BRANCH_LENGTH) >> 7;
+  const jumpOffset = current3 & BinTrieFlags.JUMP_TABLE;
   if (branchCount === 0) {
     return jumpOffset !== 0 && char === jumpOffset ? nodeIndex : -1;
   }
@@ -13747,19 +13747,19 @@ var init_decode = __esm({
        */
       stateNamedEntity(input, offset) {
         const { decodeTree } = this;
-        let current = decodeTree[this.treeIndex];
-        let valueLength = (current & BinTrieFlags.VALUE_LENGTH) >> 14;
+        let current3 = decodeTree[this.treeIndex];
+        let valueLength = (current3 & BinTrieFlags.VALUE_LENGTH) >> 14;
         for (; offset < input.length; offset++, this.excess++) {
           const char = input.charCodeAt(offset);
-          this.treeIndex = determineBranch(decodeTree, current, this.treeIndex + Math.max(1, valueLength), char);
+          this.treeIndex = determineBranch(decodeTree, current3, this.treeIndex + Math.max(1, valueLength), char);
           if (this.treeIndex < 0) {
             return this.result === 0 || // If we are parsing an attribute
             this.decodeMode === DecodingMode.Attribute && // We shouldn't have consumed any characters after the entity,
             (valueLength === 0 || // And there should be no invalid characters.
             isEntityInAttributeInvalidEnd(char)) ? 0 : this.emitNotTerminatedNamedEntity();
           }
-          current = decodeTree[this.treeIndex];
-          valueLength = (current & BinTrieFlags.VALUE_LENGTH) >> 14;
+          current3 = decodeTree[this.treeIndex];
+          valueLength = (current3 & BinTrieFlags.VALUE_LENGTH) >> 14;
           if (valueLength !== 0) {
             if (char === CharCodes.SEMI) {
               return this.emitNamedEntityData(this.treeIndex, valueLength, this.consumed + this.excess);
@@ -19815,8 +19815,8 @@ function startTagInForeignContent(p, token) {
     popUntilHtmlOrIntegrationPoint(p);
     p._startTagOutsideForeignContent(token);
   } else {
-    const current = p._getAdjustedCurrentElement();
-    const currentNs = p.treeAdapter.getNamespaceURI(current);
+    const current3 = p._getAdjustedCurrentElement();
+    const currentNs = p.treeAdapter.getNamespaceURI(current3);
     if (currentNs === NS.MATHML) {
       adjustTokenMathMLAttrs(token);
     } else if (currentNs === NS.SVG) {
@@ -20004,21 +20004,21 @@ var init_parser = __esm({
         }
         (_b = (_a4 = this.treeAdapter).onItemPop) === null || _b === void 0 ? void 0 : _b.call(_a4, node2, this.openElements.current);
         if (isTop) {
-          let current;
+          let current3;
           let currentTagId;
           if (this.openElements.stackTop === 0 && this.fragmentContext) {
-            current = this.fragmentContext;
+            current3 = this.fragmentContext;
             currentTagId = this.fragmentContextID;
           } else {
-            ({ current, currentTagId } = this.openElements);
+            ({ current: current3, currentTagId } = this.openElements);
           }
-          this._setContextModes(current, currentTagId);
+          this._setContextModes(current3, currentTagId);
         }
       }
-      _setContextModes(current, tid) {
-        const isHTML = current === this.document || current && this.treeAdapter.getNamespaceURI(current) === NS.HTML;
+      _setContextModes(current3, tid) {
+        const isHTML = current3 === this.document || current3 && this.treeAdapter.getNamespaceURI(current3) === NS.HTML;
         this.currentNotInHTML = !isHTML;
-        this.tokenizer.inForeignNode = !isHTML && current !== void 0 && tid !== void 0 && !this._isIntegrationPoint(tid, current);
+        this.tokenizer.inForeignNode = !isHTML && current3 !== void 0 && tid !== void 0 && !this._isIntegrationPoint(tid, current3);
       }
       /** @protected */
       _switchToTextParsing(currentToken, nextTokenizerState) {
@@ -20216,22 +20216,22 @@ var init_parser = __esm({
       shouldProcessStartTagTokenInForeignContent(token) {
         if (!this.currentNotInHTML)
           return false;
-        let current;
+        let current3;
         let currentTagId;
         if (this.openElements.stackTop === 0 && this.fragmentContext) {
-          current = this.fragmentContext;
+          current3 = this.fragmentContext;
           currentTagId = this.fragmentContextID;
         } else {
-          ({ current, currentTagId } = this.openElements);
+          ({ current: current3, currentTagId } = this.openElements);
         }
-        if (token.tagID === TAG_ID.SVG && this.treeAdapter.getTagName(current) === TAG_NAMES.ANNOTATION_XML && this.treeAdapter.getNamespaceURI(current) === NS.MATHML) {
+        if (token.tagID === TAG_ID.SVG && this.treeAdapter.getTagName(current3) === TAG_NAMES.ANNOTATION_XML && this.treeAdapter.getNamespaceURI(current3) === NS.MATHML) {
           return false;
         }
         return (
           // Check that `current` is not an integration point for HTML or MathML elements.
           this.tokenizer.inForeignNode || // If it _is_ an integration point, then we might have to check that it is not an HTML
           // integration point.
-          (token.tagID === TAG_ID.MGLYPH || token.tagID === TAG_ID.MALIGNMARK) && currentTagId !== void 0 && !this._isIntegrationPoint(currentTagId, current, NS.HTML)
+          (token.tagID === TAG_ID.MGLYPH || token.tagID === TAG_ID.MALIGNMARK) && currentTagId !== void 0 && !this._isIntegrationPoint(currentTagId, current3, NS.HTML)
         );
       }
       /** @protected */
@@ -21191,8 +21191,8 @@ function startTag(node2, state) {
   const tagName = node2.tagName.toLowerCase();
   if (state.parser.tokenizer.state === TokenizerMode.PLAINTEXT) return;
   resetTokenizer(state, pointStart(node2));
-  const current = state.parser.openElements.current;
-  let ns = "namespaceURI" in current ? current.namespaceURI : webNamespaces.html;
+  const current3 = state.parser.openElements.current;
+  let ns = "namespaceURI" in current3 ? current3.namespaceURI : webNamespaces.html;
   if (ns === webNamespaces.html && tagName === "svg") {
     ns = webNamespaces.svg;
   }
@@ -50461,11 +50461,13 @@ var init_Markdown = __esm({
           // Suppress the default <pre> wrapper — code renderer owns the full block structure
           pre: ({ node: _node, children }) => /* @__PURE__ */ jsx(Fragment, { children }),
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          code: ({ node: _node, inline, className, children, ...props }) => {
+          code: ({ node: _node, className, children, ...props }) => {
             const langMatch = /language-(\w+)/.exec(className || "");
             const language = langMatch ? langMatch[1] : "";
-            if (!inline) {
-              return language ? /* @__PURE__ */ jsxs("div", { className: "not-prose my-4 rounded-lg overflow-hidden border border-base-300", children: [
+            const isBlock = Boolean(language) || String(children).includes("\n");
+            const codeText2 = String(children).replace(/^\s*\n+/, "").replace(/\s+$/, "");
+            if (isBlock) {
+              return language ? /* @__PURE__ */ jsxs("div", { className: "sa-code-block not-prose my-4 rounded-lg overflow-hidden border border-base-300", children: [
                 /* @__PURE__ */ jsx("div", { className: "bg-neutral px-4 py-2 text-xs text-neutral-content font-mono", children: language }),
                 /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx(
                   prism_default2,
@@ -50475,13 +50477,13 @@ var init_Markdown = __esm({
                     PreTag: "div",
                     className: "!my-0 !rounded-none text-sm",
                     customStyle: { margin: 0, borderRadius: 0, padding: "1rem" },
-                    codeTagProps: { style: { backgroundColor: "transparent", padding: 0, fontSize: "inherit", textDecoration: "none" } },
+                    codeTagProps: { style: { backgroundColor: "transparent", padding: 0, fontSize: "inherit" } },
                     wrapLongLines: false,
                     ...props,
-                    children: String(children).replace(/\n$/, "")
+                    children: codeText2
                   }
                 ) })
-              ] }) : /* @__PURE__ */ jsx("div", { className: "not-prose my-4 rounded-lg overflow-hidden border border-base-300", children: /* @__PURE__ */ jsx("pre", { className: "bg-base-200 text-base-content p-4 overflow-x-auto text-sm font-mono whitespace-pre-wrap break-words", children: /* @__PURE__ */ jsx("code", { ...props, children }) }) });
+              ] }) : /* @__PURE__ */ jsx("div", { className: "sa-code-block not-prose my-4 rounded-lg overflow-hidden border border-base-300", children: /* @__PURE__ */ jsx("pre", { className: "bg-base-200 text-base-content p-4 overflow-x-auto text-sm font-mono whitespace-pre-wrap break-words", children: /* @__PURE__ */ jsx("code", { ...props, children: codeText2 }) }) });
             }
             return /* @__PURE__ */ jsx("code", { className: "bg-base-200 text-teal-700 px-1.5 py-0.5 rounded text-sm font-mono break-words", ...props, children });
           },
@@ -66191,6 +66193,7 @@ __export(services_exports, {
   deleteArtifact: () => deleteArtifact,
   deleteBookmark: () => deleteBookmark,
   deleteThread: () => deleteThread,
+  deleteUserConversation: () => deleteUserConversation,
   getActions: () => getActions,
   getAllArtifacts: () => getAllArtifacts,
   getAllBookmarks: () => getAllBookmarks,
@@ -66330,6 +66333,34 @@ function injectBundleStyles() {
   daisyThemes.type = "text/css";
   daisyThemes.href = "https://cdn.jsdelivr.net/npm/daisyui@5/themes.css";
   document.head.appendChild(daisyThemes);
+  const codeStyles = document.createElement("style");
+  codeStyles.setAttribute("data-sa-code-styles", "true");
+  codeStyles.textContent = `
+.sa-code-block, .sa-code-block * {
+  text-decoration: none !important;
+  text-shadow: none !important;
+  border: 0;
+  list-style: none;
+}
+.sa-code-block pre, .sa-code-block code, .sa-code-block span {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important;
+  line-height: 1.5 !important;
+  letter-spacing: normal !important;
+}
+.sa-code-block code { background: transparent !important; }
+
+/* Tailwind v4 dropped the browser default of cursor:pointer on buttons, so
+   anything clickable in our components would otherwise show an arrow. */
+.sa-ui button:not(:disabled),
+.sa-ui [role="button"]:not([aria-disabled="true"]),
+.sa-ui summary,
+.sa-ui label[for],
+.sa-ui select {
+  cursor: pointer;
+}
+.sa-ui button:disabled { cursor: not-allowed; }
+`;
+  document.head.appendChild(codeStyles);
 }
 async function requestBundle(client, options) {
   injectBundleStyles();
@@ -67146,6 +67177,29 @@ async function deleteThread(client, userId, threadId, clearCache = true, timeout
     };
   }
 }
+async function deleteUserConversation(client, userPrompt, userId, clearCache = true, timeout = 3e4) {
+  try {
+    const response = await client.requestData({
+      collection: "user-conversations",
+      operation: "deleteByUserPrompt",
+      params: { userPrompt, userId, clearCache },
+      timeout
+    });
+    if (response.error) {
+      return { success: false, error: response.error };
+    }
+    const data = response.data;
+    if (data?.success === false) {
+      return { success: false, error: data.message || "Failed to delete the message" };
+    }
+    return { success: true, message: data?.message, queriesDeleted: data?.queriesDeleted };
+  } catch (error51) {
+    return {
+      success: false,
+      error: error51 instanceof Error ? error51.message : "Failed to delete the message"
+    };
+  }
+}
 async function updateThreadTitle(client, userId, threadId, title, timeout = 15e3) {
   try {
     const response = await client.requestData({
@@ -67206,6 +67260,10 @@ var SuperatomClient = class {
     this.errorHandlers = /* @__PURE__ */ new Set();
     this.connectPromise = null;
     this.connectResolve = null;
+    // Supplies a valid session token before each (re)connect — see ClientConfig.getAccessToken.
+    this.getAccessToken = null;
+    // Waiting for getAccessToken; the socket does not exist yet.
+    this.fetchingToken = false;
     // Heartbeat — detects zombie sockets that readyState=OPEN can't catch.
     this.heartbeatInterval = null;
     this.pongDeadline = null;
@@ -67224,6 +67282,7 @@ var SuperatomClient = class {
     this.boundHandlePageShow = null;
     const parsed = ClientConfigSchema.parse(config2);
     this.config = parsed;
+    this.getAccessToken = config2.getAccessToken ?? null;
     this.registerGlobals();
   }
   registerGlobals() {
@@ -67375,21 +67434,7 @@ var SuperatomClient = class {
    * callbacks so the eventual real close doesn't double-fire everything.
    */
   markAsDead(reasonMessage) {
-    if (this.socket) {
-      const dying = this.socket;
-      this.socket = null;
-      try {
-        dying.onopen = null;
-        dying.onmessage = null;
-        dying.onerror = null;
-        dying.onclose = null;
-        if (dying.readyState === WebSocket.OPEN || dying.readyState === WebSocket.CONNECTING) {
-          dying.close();
-        }
-      } catch (err) {
-        this.log("error", "Failed to detach dying socket:", err);
-      }
-    }
+    this.discardSocket();
     this.stopHeartbeat();
     this.failPendingRequests(new Error(reasonMessage));
     this.disconnectionHandlers.forEach((handler) => handler());
@@ -67406,21 +67451,39 @@ var SuperatomClient = class {
     this.cancelReconnectTimer();
     this.reconnectAttempts = 0;
     this.shouldReconnect = true;
-    if (this.socket) {
-      try {
-        const old = this.socket;
-        this.socket = null;
-        if (old.readyState === WebSocket.OPEN || old.readyState === WebSocket.CONNECTING) {
-          old.close();
-        }
-      } catch (err) {
-        this.log("error", "Failed to close old socket during forceReconnect:", err);
-      }
-    }
+    const wasOpen = this.discardSocket();
     this.stopHeartbeat();
     this.failPendingRequests(new Error("Connection reset"));
+    if (wasOpen) this.disconnectionHandlers.forEach((handler) => handler());
     return this.connect();
   }
+  /**
+   * Drop the current socket without triggering its handlers: they are detached
+   * first, so its eventual real close is a no-op (on Linux/Chrome that close
+   * can arrive 30-60s later). Returns whether it was open.
+   */
+  discardSocket() {
+    const old = this.socket;
+    if (!old) return false;
+    this.socket = null;
+    const wasOpen = old.readyState === WebSocket.OPEN;
+    try {
+      old.onopen = null;
+      old.onmessage = null;
+      old.onerror = null;
+      old.onclose = null;
+      if (wasOpen || old.readyState === WebSocket.CONNECTING) {
+        old.close();
+      }
+    } catch (err) {
+      this.log("error", "Failed to detach old socket:", err);
+    }
+    return wasOpen;
+  }
+  /** A connection attempt is under way — fetching the session token, or the socket handshake. */
+  isConnecting() {
+    return this.fetchingToken || this.socket?.readyState === WebSocket.CONNECTING;
+  }
   /**
    * Attach window-level listeners that catch network changes faster than
    * the socket's own onclose. The browser's onclose for a half-open TCP can
@@ -67442,15 +67505,18 @@ var SuperatomClient = class {
     this.boundHandleVisibilityChange = () => {
       if (typeof document === "undefined") return;
       if (document.visibilityState !== "visible") return;
-      if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {
+      if (this.socket?.readyState === WebSocket.OPEN) {
+        this.sendHeartbeatProbe();
+      } else if (this.isConnecting()) {
+        return;
+      } else if (this.shouldReconnect) {
         this.forceReconnect().catch((err) => {
           this.log("error", "forceReconnect from visibility failed:", err);
         });
-      } else {
-        this.sendHeartbeatProbe();
       }
     };
-    this.boundHandlePageShow = (() => {
+    this.boundHandlePageShow = ((event) => {
+      if (!event.persisted) return;
       this.forceReconnect().catch((err) => {
         this.log("error", "forceReconnect from pageshow failed:", err);
       });
@@ -67565,13 +67631,50 @@ var SuperatomClient = class {
       this.log("warn", "Already connected");
       return Promise.resolve();
     }
-    if (this.socket?.readyState === WebSocket.CONNECTING && this.connectPromise) {
+    if ((this.socket?.readyState === WebSocket.CONNECTING || this.fetchingToken) && this.connectPromise) {
       this.log("warn", "Connection already in progress");
       return this.connectPromise;
     }
     this.connectPromise = new Promise((resolve) => {
       this.connectResolve = resolve;
     });
+    if (this.getAccessToken) {
+      void this.openWithFreshToken();
+    } else {
+      this.openSocket();
+    }
+    return this.connectPromise;
+  }
+  /**
+   * Get a valid session token, then open the socket. The relay checks the token
+   * only at handshake, so every (re)connect must present one that is still valid.
+   *
+   * A fatal auth failure (see SuperAtomAuthError.fatal) stops reconnecting — the
+   * session reports it to the host, and retrying would only repeat it. Anything
+   * else goes through the normal back-off.
+   */
+  async openWithFreshToken() {
+    this.fetchingToken = true;
+    try {
+      this.config.token = await this.getAccessToken();
+    } catch (error51) {
+      this.fetchingToken = false;
+      const err = error51 instanceof Error ? error51 : new Error("Could not get a session token");
+      this.errorHandlers.forEach((handler) => handler(err));
+      if (error51?.fatal) {
+        this.log("error", "Sign-in failed; not reconnecting:", err.message);
+        this.shouldReconnect = false;
+        this.cancelReconnectTimer();
+      } else {
+        this.scheduleReconnect();
+      }
+      return;
+    }
+    this.fetchingToken = false;
+    if (!this.shouldReconnect) return;
+    this.openSocket();
+  }
+  openSocket() {
     try {
       this.socket = new WebSocket(this.getWebSocketUrl());
       this.setupSocketHandlers();
@@ -67582,7 +67685,6 @@ var SuperatomClient = class {
       this.errorHandlers.forEach((handler) => handler(err));
       this.scheduleReconnect();
     }
-    return this.connectPromise;
   }
   /**
    * Disconnect from WebSocket server
@@ -67606,6 +67708,7 @@ var SuperatomClient = class {
     const merged = { ...this.config, ...config2 };
     const parsed = ClientConfigSchema.parse(merged);
     this.config = parsed;
+    if ("getAccessToken" in config2) this.getAccessToken = config2.getAccessToken ?? null;
   }
   /**
    * Reconnect with new configuration
@@ -68032,6 +68135,190 @@ var SuperatomClient = class {
   }
 };
 
+// src/auth.ts
+var DEFAULT_API_URL = "https://sa-api.superatom.ai";
+var SuperAtomAuthError = class extends Error {
+  constructor(code4, message, options) {
+    super(message);
+    this.name = "SuperAtomAuthError";
+    this.code = code4;
+    this.status = options.status;
+    this.fatal = options.fatal;
+    if (options.cause !== void 0) this.cause = options.cause;
+  }
+};
+var MIN_REMAINING_MS = 6e4;
+var RENEW_AHEAD_MS = 12e4;
+var RENEW_RETRY_MS = 3e4;
+var RETRIES_BEFORE_REPORTING = 2;
+var EXCHANGE_TIMEOUT_MS = 15e3;
+function expiryOf(token) {
+  try {
+    const payload = token.split(".")[1];
+    if (!payload) return null;
+    const json3 = JSON.parse(atob(payload.replace(/-/g, "+").replace(/_/g, "/")));
+    return typeof json3.exp === "number" ? json3.exp * 1e3 : null;
+  } catch {
+    return null;
+  }
+}
+var SdkSession = class {
+  constructor(opts) {
+    this.token = null;
+    this.expiresAt = 0;
+    this.currentUser = null;
+    /** The one renewal in flight — every caller shares it. */
+    this.inFlight = null;
+    this.fatalError = null;
+    /** Retryable failures in a row; reset by a successful exchange. */
+    this.retries = 0;
+    this.renewTimer = null;
+    this.stopped = false;
+    this.opts = opts;
+    this.apiUrl = (opts.apiUrl || DEFAULT_API_URL).replace(/\/+$/, "");
+  }
+  get user() {
+    return this.currentUser;
+  }
+  /** The fatal error that stopped the session, if any. */
+  get error() {
+    return this.fatalError;
+  }
+  /**
+   * A token with at least a minute left — the cached one, or a fresh exchange.
+   * Rejects with SuperAtomAuthError.
+   */
+  getAccessToken() {
+    if (this.fatalError) return Promise.reject(this.fatalError);
+    if (this.token && this.expiresAt - Date.now() > MIN_REMAINING_MS) {
+      return Promise.resolve(this.token);
+    }
+    return this.renew();
+  }
+  /** Clear a fatal error so the next getAccessToken() tries again (e.g. after the user signs in again). */
+  reset() {
+    this.fatalError = null;
+    this.stopped = false;
+  }
+  /** Stop renewing — the host unmounted or disconnected. */
+  stop() {
+    this.stopped = true;
+    this.clearRenewTimer();
+  }
+  renew() {
+    if (!this.inFlight) {
+      this.inFlight = this.exchange().finally(() => {
+        this.inFlight = null;
+      });
+    }
+    return this.inFlight;
+  }
+  async exchange() {
+    let customerToken;
+    try {
+      customerToken = await this.opts.getToken();
+    } catch (err) {
+      throw this.fail(new SuperAtomAuthError("get_token_failed", "getToken() failed", { fatal: true, cause: err }));
+    }
+    if (typeof customerToken !== "string" || !customerToken.trim()) {
+      throw this.fail(new SuperAtomAuthError("get_token_failed", "getToken() returned no token", { fatal: true }));
+    }
+    const controller = new AbortController();
+    const timeout = setTimeout(() => controller.abort(), EXCHANGE_TIMEOUT_MS);
+    let res;
+    try {
+      res = await fetch(`${this.apiUrl}/auth/sdk/exchange`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ projectId: this.opts.projectId, token: customerToken.trim() }),
+        signal: controller.signal
+      });
+    } catch (err) {
+      throw this.fail(new SuperAtomAuthError("network", "Could not reach Superatom to sign in", { fatal: false, cause: err }));
+    } finally {
+      clearTimeout(timeout);
+    }
+    const body = await res.json().catch(() => ({}));
+    if (!res.ok) {
+      const message = typeof body?.error === "string" ? body.error : `Sign-in failed (${res.status})`;
+      const fatal = res.status >= 400 && res.status < 500 && res.status !== 429;
+      throw this.fail(
+        new SuperAtomAuthError(fatal ? "exchange_rejected" : "exchange_unavailable", message, { status: res.status, fatal })
+      );
+    }
+    if (typeof body?.token !== "string" || !body.user?.id) {
+      throw this.fail(
+        new SuperAtomAuthError("exchange_unavailable", "Unexpected sign-in response", { status: res.status, fatal: false })
+      );
+    }
+    if (Array.isArray(body.warnings)) {
+      for (const w of body.warnings) console.warn("[SuperAtom] Sign-in warning:", w);
+    }
+    this.token = body.token;
+    this.expiresAt = expiryOf(body.token) ?? Date.now() + 15 * 6e4;
+    this.currentUser = {
+      id: body.user.id,
+      email: body.user.email,
+      name: body.user.name,
+      role: body.user.role,
+      externalRoles: Array.isArray(body.user.externalRoles) ? body.user.externalRoles : []
+    };
+    this.log(`Signed in as ${this.currentUser.email}; token valid until ${new Date(this.expiresAt).toISOString()}`);
+    if (this.retries) {
+      this.retries = 0;
+      this.opts.onRetrying?.(null);
+    }
+    this.opts.onSession?.(this.currentUser);
+    this.scheduleRenew(this.expiresAt - RENEW_AHEAD_MS - Date.now());
+    return body.token;
+  }
+  /** Record a failure: a fatal one stops the session and is reported once. */
+  fail(error51) {
+    if (error51.fatal) {
+      this.fatalError = error51;
+      this.clearRenewTimer();
+      console.error(`[SuperAtom] Sign-in failed: ${error51.message}`, error51);
+      try {
+        this.opts.onAuthError?.(error51);
+      } catch (err) {
+        console.error("[SuperAtom] onAuthError threw:", err);
+      }
+    } else {
+      this.retries++;
+      if (this.retries === RETRIES_BEFORE_REPORTING) {
+        console.warn(`[SuperAtom] ${error51.message} (${this.apiUrl}) \u2014 retrying`);
+      }
+      if (this.retries >= RETRIES_BEFORE_REPORTING) this.opts.onRetrying?.(error51);
+      this.log(`Sign-in attempt failed, will retry: ${error51.message}`);
+      this.scheduleRenew(RENEW_RETRY_MS);
+    }
+    return error51;
+  }
+  /**
+   * Renew in the background ahead of expiry. Timers are paused while the machine
+   * sleeps and fire on wake; a reconnect after wake also renews first if needed.
+   */
+  scheduleRenew(inMs) {
+    this.clearRenewTimer();
+    if (this.stopped || this.fatalError) return;
+    this.renewTimer = setTimeout(() => {
+      this.renewTimer = null;
+      if (this.stopped || this.fatalError) return;
+      this.renew().catch(() => {
+      });
+    }, Math.max(inMs, 5e3));
+  }
+  clearRenewTimer() {
+    if (this.renewTimer) {
+      clearTimeout(this.renewTimer);
+      this.renewTimer = null;
+    }
+  }
+  log(message) {
+    if (this.opts.debug) console.log(`[SuperAtom] ${message}`);
+  }
+};
+
 // src/setup.ts
 function setup(components) {
   if (typeof window === "undefined") {
@@ -68668,13 +68955,13 @@ var ExpressionEvaluator = class {
   resolveDataPath(path2, data) {
     if (!path2 || !data) return void 0;
     try {
-      return path2.split(".").reduce((current, key) => {
-        if (current === null || current === void 0) return void 0;
+      return path2.split(".").reduce((current3, key) => {
+        if (current3 === null || current3 === void 0) return void 0;
         if (!isNaN(Number(key))) {
           const index2 = parseInt(key, 10);
-          return Array.isArray(current) ? current[index2] : current;
+          return Array.isArray(current3) ? current3[index2] : current3;
         }
-        return current[key];
+        return current3[key];
       }, data);
     } catch (error51) {
       console.warn("Error resolving data path:", path2, error51);
@@ -69153,6 +69440,71 @@ function resetRegistration() {
   registeredKeys.forEach((key) => delete COMP_REGISTRY[key]);
   registeredKeys.clear();
 }
+var current = null;
+var retrying = null;
+var listeners = /* @__PURE__ */ new Set();
+function setAuthStatus(error51) {
+  if (current === error51) return;
+  current = error51;
+  if (error51) retrying = null;
+  listeners.forEach((l) => l());
+}
+function setRetryingStatus(error51) {
+  if (retrying === error51) return;
+  retrying = error51;
+  listeners.forEach((l) => l());
+}
+function useRetryingStatus() {
+  return useSyncExternalStore(
+    (l) => {
+      listeners.add(l);
+      return () => listeners.delete(l);
+    },
+    () => retrying,
+    () => null
+  );
+}
+function useAuthStatus() {
+  return useSyncExternalStore(
+    (l) => {
+      listeners.add(l);
+      return () => listeners.delete(l);
+    },
+    () => current,
+    () => null
+  );
+}
+function authStatusMessage(error51) {
+  switch (error51.code) {
+    case "get_token_failed":
+      return "Your session has ended. Please sign in again to continue.";
+    case "exchange_rejected":
+      return error51.status === 403 ? "This account cannot use the chat. Please contact your administrator." : "Your session is no longer valid. Please sign in again to continue.";
+    default:
+      return "Could not connect to Superatom. Please try again in a moment.";
+  }
+}
+function retryingStatusMessage(error51) {
+  return error51.code === "network" ? "Cannot reach Superatom \u2014 retrying\u2026" : "Superatom is not responding \u2014 retrying\u2026";
+}
+var current2 = {};
+var listeners2 = /* @__PURE__ */ new Set();
+function setMessageActions(actions) {
+  current2 = actions;
+  listeners2.forEach((l) => l());
+}
+function useMessageActions() {
+  return useSyncExternalStore(
+    (l) => {
+      listeners2.add(l);
+      return () => listeners2.delete(l);
+    },
+    () => current2,
+    () => current2
+  );
+}
+
+// src/ui/hooks/useSuperAtom.ts
 function newThreadId() {
   return `thread_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
 }
@@ -69312,17 +69664,40 @@ function buildResponseIssueSchema(response, messageId) {
 var MAX_ABORTED_TRACKED = 100;
 var THREADS_LIMIT = 50;
 var THREAD_MESSAGES_LIMIT = 50;
-function useSuperAtom({ token, userId, projectId, debug = false, streaming = false }) {
-  const resolvedUserId = (() => {
+function useSuperAtom({
+  token,
+  userId,
+  projectId,
+  getToken,
+  onAuthError,
+  apiUrl,
+  wsUrl,
+  debug = false,
+  streaming = false
+}) {
+  const sdkSignIn = !!getToken;
+  if (sdkSignIn && token) throw new Error("[SuperAtom] Pass either token or getToken, not both");
+  const [user, setUser] = useState(null);
+  const [authError, setAuthError] = useState(null);
+  const [signInAttempt, setSignInAttempt] = useState(0);
+  const directUserId = (() => {
+    if (sdkSignIn) return void 0;
     if (token) {
       const payload = decodeJWT(token);
       const id = payload.sub ?? payload.userId;
       if (!id) throw new Error("[SuperAtom] JWT decoded but no userId or sub field found in payload");
       return id;
     }
-    if (!userId) throw new Error("[SuperAtom] Either token or userId must be provided");
+    if (!userId) throw new Error("[SuperAtom] Either token, getToken or userId must be provided");
     return userId;
   })();
+  const resolvedUserId = directUserId ?? user?.id ?? "";
+  const getTokenRef = useRef(getToken);
+  getTokenRef.current = getToken;
+  const onAuthErrorRef = useRef(onAuthError);
+  onAuthErrorRef.current = onAuthError;
+  const sessionRef = useRef(null);
+  const setupDoneRef = useRef(false);
   const clientRef = useRef(null);
   const tokenRef = useRef(token);
   tokenRef.current = token;
@@ -69349,7 +69724,54 @@ function useSuperAtom({ token, userId, projectId, debug = false, streaming = fal
     injectBundleStyles();
     const timeoutId = setTimeout(async () => {
       if (cancelled) return;
-      const client = new SuperatomClient({ userId: resolvedUserId, projectId, type: "runtime", debug, token: tokenRef.current });
+      let clientUserId = directUserId;
+      let session = null;
+      if (sdkSignIn) {
+        session = new SdkSession({
+          projectId,
+          apiUrl,
+          debug,
+          getToken: () => getTokenRef.current(),
+          onAuthError: (err) => {
+            setAuthError(err);
+            setAuthStatus(err);
+            onAuthErrorRef.current?.(err);
+          },
+          onSession: (u) => {
+            setAuthError(null);
+            setAuthStatus(null);
+            setUser(u);
+          },
+          // Superatom unreachable or down, after a couple of tries: say so in the
+          // chat instead of sitting on "Connecting…".
+          onRetrying: (err) => setRetryingStatus(err)
+        });
+        sessionRef.current = session;
+        for (let delay = 1e3; ; delay = Math.min(delay * 2, 3e4)) {
+          try {
+            await session.getAccessToken();
+            break;
+          } catch (err) {
+            if (cancelled || err?.fatal) return;
+            await new Promise((r2) => setTimeout(r2, delay));
+            if (cancelled) return;
+          }
+        }
+        if (cancelled) {
+          session.stop();
+          return;
+        }
+        clientUserId = session.user.id;
+      }
+      const activeSession = session;
+      const client = new SuperatomClient({
+        userId: clientUserId,
+        projectId,
+        type: "runtime",
+        debug,
+        ...wsUrl ? { baseUrl: wsUrl } : {},
+        ...activeSession ? { getAccessToken: () => activeSession.getAccessToken() } : { token: tokenRef.current }
+      });
       clientRef.current = client;
       client.onError((err) => console.error("[SuperAtom] Error:", err));
       try {
@@ -69366,11 +69788,11 @@ function useSuperAtom({ token, userId, projectId, debug = false, streaming = fal
           };
           const unsub = client.onConnect(done);
           const cancelPoll = setInterval(() => {
-            if (cancelled) done();
+            if (cancelled || activeSession?.error) done();
           }, 50);
         });
-        if (cancelled) {
-          client.disconnect();
+        if (cancelled || activeSession?.error) {
+          if (cancelled) client.disconnect();
           return;
         }
         window.dispatchEvent(new CustomEvent("sa:client-connected"));
@@ -69446,7 +69868,10 @@ function useSuperAtom({ token, userId, projectId, debug = false, streaming = fal
             ]);
           };
         }
-        if (!cancelled) setBundleReady(true);
+        if (!cancelled) {
+          setupDoneRef.current = true;
+          setBundleReady(true);
+        }
       } catch (err) {
         console.error("[SuperAtom] Setup failed:", err);
       }
@@ -69460,9 +69885,25 @@ function useSuperAtom({ token, userId, projectId, debug = false, streaming = fal
       }
       clientRef.current?.disconnect();
       clientRef.current = null;
+      sessionRef.current?.stop();
+      sessionRef.current = null;
+      setAuthStatus(null);
+      setupDoneRef.current = false;
       setBundleReady(false);
     };
-  }, [resolvedUserId, projectId, debug]);
+  }, [directUserId, sdkSignIn, projectId, apiUrl, wsUrl, debug, signInAttempt]);
+  const reconnect = useCallback(() => {
+    const session = sessionRef.current;
+    const client = clientRef.current;
+    session?.reset();
+    setAuthError(null);
+    setAuthStatus(null);
+    if (client && setupDoneRef.current) {
+      client.forceReconnect().catch((err) => console.error("[SuperAtom] Reconnect failed:", err));
+    } else {
+      setSignInAttempt((n) => n + 1);
+    }
+  }, []);
   const sendMessage = useCallback(async () => {
     const text9 = input.trim();
     const client = clientRef.current;
@@ -69854,6 +70295,39 @@ function useSuperAtom({ token, userId, projectId, debug = false, streaming = fal
     if (threadId.current === id) newChat();
     return { success: true };
   }, [resolvedUserId, newChat]);
+  const deleteMessage = useCallback(async (messageId) => {
+    const client = clientRef.current;
+    if (!client) return { success: false, error: "Not connected" };
+    const list4 = messagesRef.current;
+    const index2 = list4.findIndex((m) => m.id === messageId);
+    if (index2 === -1) return { success: false, error: "Message not found" };
+    let questionIndex = list4[index2]?.role === "user" ? index2 : -1;
+    if (questionIndex === -1) {
+      for (let i = index2 - 1; i >= 0; i--) {
+        if (list4[i]?.role === "user") {
+          questionIndex = i;
+          break;
+        }
+      }
+    }
+    const question = questionIndex >= 0 ? list4[questionIndex]?.text ?? "" : "";
+    if (!question.trim()) return { success: false, error: "Could not find the question for this answer" };
+    const res = await deleteUserConversation(client, question, resolvedUserId);
+    if (!res.success) return res;
+    const removed = /* @__PURE__ */ new Set();
+    for (let i = questionIndex; i < list4.length; i++) {
+      const msg = list4[i];
+      if (!msg) continue;
+      if (i > questionIndex && msg.role === "user") break;
+      removed.add(msg.id);
+    }
+    setMessages((prev) => prev.filter((m) => !removed.has(m.id)));
+    return { success: true };
+  }, [resolvedUserId]);
+  useEffect(() => {
+    setMessageActions({ deleteMessage });
+    return () => setMessageActions({});
+  }, [deleteMessage]);
   const renameThread = useCallback(async (id, title) => {
     const client = clientRef.current;
     if (!client) return { success: false, error: "Not connected" };
@@ -69877,7 +70351,11 @@ function useSuperAtom({ token, userId, projectId, debug = false, streaming = fal
     isLoadingThread,
     refreshThreads,
     deleteThread: deleteThread2,
-    renameThread
+    renameThread,
+    isNewChat: bundleReady && !isLoadingThread && messages2.length === 0,
+    user,
+    authError,
+    reconnect
   };
 }
 
@@ -69973,6 +70451,8 @@ function ChatInput({
   isResponding = false,
   onStop
 }) {
+  const authError = useAuthStatus();
+  const isLocked = disabled || !!authError;
   const textareaRef = useRef(null);
   const historyRef = useRef(null);
   const [isMultiline, setIsMultiline] = useState(false);
@@ -70026,14 +70506,15 @@ function ChatInput({
     }, 0);
   };
   const handleSend = useCallback(() => {
-    if (!input.trim() || disabled) return;
+    if (!input.trim() || isLocked) return;
     const history = getOrCreateHistory();
     history?.addCommand(input.trim());
     history?.resetNavigation();
     onSend();
-  }, [input, disabled, onSend, getOrCreateHistory]);
+  }, [input, isLocked, onSend, getOrCreateHistory]);
   const themeColor = getThemeColor();
-  return /* @__PURE__ */ jsx("div", { className: `shrink-0 bg-base-100 border-t border-base-300 px-4 py-2 ${className}`, children: /* @__PURE__ */ jsx("div", { className: `group ${isMultiline ? "rounded-3xl" : "rounded-full"} bg-base-200 transition-all duration-200 w-full max-w-2xl mx-auto`, children: /* @__PURE__ */ jsx(
+  const effectivePlaceholder = authError ? authStatusMessage(authError) : placeholder;
+  return /* @__PURE__ */ jsx("div", { className: `sa-ui shrink-0 bg-base-100 border-t border-base-300 px-4 py-2 ${className}`, children: /* @__PURE__ */ jsx("div", { className: `group ${isMultiline ? "rounded-3xl" : "rounded-full"} bg-base-200 transition-all duration-200 w-full max-w-2xl mx-auto`, children: /* @__PURE__ */ jsx(
     "div",
     {
       className: `flex flex-col ${isMultiline ? "rounded-3xl" : "rounded-full"} border-2 shadow-sm transition-all duration-200 hover:shadow-md`,
@@ -70053,7 +70534,7 @@ function ChatInput({
             autoCapitalize: "off",
             ref: textareaRef,
             value: input,
-            placeholder,
+            placeholder: effectivePlaceholder,
             onChange: (e) => setInput(e.currentTarget.value),
             onBlur: () => setIsFocused(false),
             onFocus: () => setIsFocused(true),
@@ -70084,7 +70565,7 @@ function ChatInput({
             },
             rows: 1,
             className: "textarea textarea-ghost w-full focus:outline-none focus:bg-transparent min-h-[40px] resize-none overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
-            disabled,
+            disabled: isLocked,
             style: { maxHeight: "200px" }
           }
         ),
@@ -70106,11 +70587,11 @@ function ChatInput({
           "button",
           {
             onClick: handleSend,
-            disabled: !input.trim() || disabled,
+            disabled: !input.trim() || isLocked,
             className: `transition-colors duration-150 rounded-full p-2 flex-shrink-0 ${isMultiline ? "mb-1" : ""} disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-transparent disabled:text-base-content/40`,
             style: {
-              backgroundColor: input.trim() && !disabled ? themeColor : "transparent",
-              color: input.trim() && !disabled ? "white" : themeColor
+              backgroundColor: input.trim() && !isLocked ? themeColor : "transparent",
+              color: input.trim() && !isLocked ? "white" : themeColor
             },
             children: /* @__PURE__ */ jsx(Icon, { icon: "ph:paper-plane-right-fill", width: 20, height: 20, className: "sm:w-6 sm:h-6" })
           }
@@ -70126,6 +70607,86 @@ init_iconify();
 // src/ui/components/MessageBubble.tsx
 init_iconify();
 init_Markdown();
+
+// src/ui/components/ConfirmDeleteModal.tsx
+init_iconify();
+function ConfirmDeleteModal({
+  isOpen,
+  onClose,
+  onConfirm,
+  isDeleting,
+  title = "Delete",
+  message = "Are you sure you want to delete this?"
+}) {
+  useEffect(() => {
+    if (!isOpen) return;
+    const handleEscape = (e) => {
+      if (e.key === "Escape" && !isDeleting) {
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", handleEscape);
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handleEscape);
+      document.body.style.overflow = "unset";
+    };
+  }, [isOpen, onClose, isDeleting]);
+  const handleBackdropClick = (e) => {
+    if (e.target === e.currentTarget && !isDeleting) {
+      onClose();
+    }
+  };
+  if (!isOpen) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "sa-ui fixed inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm",
+        style: { zIndex: 9999 },
+        onClick: handleBackdropClick,
+        children: /* @__PURE__ */ jsxs("div", { className: "bg-base-100 rounded-xl shadow-2xl w-full max-w-sm mx-4 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b border-base-300", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-base-content", children: title }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: isDeleting,
+                onClick: onClose,
+                className: "p-1 rounded-lg hover:bg-base-200 transition-colors",
+                children: /* @__PURE__ */ jsx(Icon, { icon: "ph:x-bold", width: 20, height: 20, className: "text-base-content/60" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("p", { className: "text-base-content/80", children: message }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 p-4 border-t border-base-300", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                disabled: isDeleting,
+                className: "px-4 py-2 rounded-lg text-base-content hover:bg-base-200 transition-colors",
+                children: "Cancel"
+              }
+            ),
+            isDeleting ? /* @__PURE__ */ jsx("div", { className: "min-w-20 px-4 py-2 rounded-lg bg-red-600 text-white flex items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { icon: "eos-icons:loading", width: 20, height: 20, className: "animate-spin" }) }) : /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onConfirm,
+                className: "min-w-20 px-4 py-2 rounded-lg bg-red-600 text-white hover:bg-red-700 transition-colors",
+                children: "Delete"
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    document.body
+  );
+}
 function StopButton({ onStop }) {
   return /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs(
     "button",
@@ -70151,17 +70712,40 @@ function MessageBubble({ message, onStop }) {
   const isTextOnly = message.isTextOnlyResponse === true;
   const isAborted = message.aborted === true;
   const responseComplete = hasComponent || isTextOnly || !isStreaming && hasText;
+  const [watchedGeneration] = useState(() => !responseComplete);
   useEffect(() => {
-    if (message.role !== "assistant") return;
-    startTime.current = Date.now();
+    if (message.role !== "assistant" || !watchedGeneration) return;
     if (responseComplete) {
       setElapsedMs(Date.now() - startTime.current);
       return;
     }
+    setElapsedMs(Date.now() - startTime.current);
     const interval = setInterval(() => setElapsedMs(Date.now() - startTime.current), 100);
     return () => clearInterval(interval);
-  }, [message.role, responseComplete]);
+  }, [message.role, responseComplete, watchedGeneration]);
   const formatMs = (ms) => ms < 1e3 ? `${ms}ms` : `${(ms / 1e3).toFixed(1)}s`;
+  const { deleteMessage } = useMessageActions();
+  const [confirmOpen, setConfirmOpen] = useState(false);
+  const [isDeleting, setIsDeleting] = useState(false);
+  const handleDelete2 = async () => {
+    if (!deleteMessage) return;
+    setIsDeleting(true);
+    const res = await deleteMessage(message.id);
+    setIsDeleting(false);
+    setConfirmOpen(false);
+    if (!res.success) console.error("[SuperAtom] Could not delete the message:", res.error);
+  };
+  const deleteButton = deleteMessage && responseComplete && !isAborted ? /* @__PURE__ */ jsx("div", { className: "flex justify-end mt-2", children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: () => setConfirmOpen(true),
+      disabled: isDeleting,
+      title: "Delete this answer",
+      "aria-label": "Delete this answer",
+      className: "cursor-pointer p-2 rounded-lg shadow-md bg-base-100 text-base-content/40 hover:text-red-500 hover:shadow-lg transition-colors duration-150 disabled:opacity-50 disabled:cursor-wait",
+      children: /* @__PURE__ */ jsx("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) })
+    }
+  ) }) : null;
   const accordionHeader = useMemo(() => {
     if (isAborted) return hasText ? "Stopped" : "Stopped (no response yet)";
     if (!hasText) return "Thinking...";
@@ -70197,7 +70781,7 @@ function MessageBubble({ message, onStop }) {
             children: [
               /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-base-content truncate text-left flex-1", children: accordionHeader }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 shrink-0", children: [
-                !message.fromHistory && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-teal-50 border border-teal-200", children: [
+                !message.fromHistory && watchedGeneration && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-teal-50 border border-teal-200", children: [
                   responseComplete ? /* @__PURE__ */ jsx("svg", { className: "text-teal-600", width: 12, height: 12, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }) : /* @__PURE__ */ jsx("span", { className: "loading loading-spinner loading-xs text-teal-600" }),
                   /* @__PURE__ */ jsx("span", { className: "text-xs text-teal-700 font-medium font-mono", children: formatMs(elapsedMs) })
                 ] }),
@@ -70247,8 +70831,25 @@ function MessageBubble({ message, onStop }) {
         /* @__PURE__ */ jsx("span", { className: "text-sm text-base-content/70", children: "Generating component..." })
       ] })
     ] }) }),
-    hasComponent && /* @__PURE__ */ jsx("div", { id: `box-${message.id}`, className: "w-full px-4 lg:px-16 xl:px-24 2xl:px-32", children: /* @__PURE__ */ jsx("div", { className: "rounded-xl shadow-sm bg-base-100 border-2 border-base-300 min-h-[85vh] overflow-auto flex items-center justify-center p-5", children: /* @__PURE__ */ jsx(DSLRenderer, { dsl: message.schema.ui, data: message.schema.data ?? {} }) }) }),
-    !isStreaming && !hasComponent && hasText && isTextOnly && !isAborted && /* @__PURE__ */ jsx("div", { className: "flex justify-center w-full px-4", children: /* @__PURE__ */ jsx("div", { className: "w-full md:w-[60vw]", children: /* @__PURE__ */ jsx("div", { className: "rounded-xl shadow-sm bg-base-100 border-2 border-base-300 p-4 text-base-content", children: /* @__PURE__ */ jsx(Markdown_default, { content: fullText, isStreaming: false }) }) }) })
+    hasComponent && /* @__PURE__ */ jsxs("div", { id: `box-${message.id}`, className: "w-full px-4 lg:px-16 xl:px-24 2xl:px-32", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-xl shadow-sm bg-base-100 border-2 border-base-300 min-h-[85vh] overflow-auto flex items-center justify-center p-5", children: /* @__PURE__ */ jsx(DSLRenderer, { dsl: message.schema.ui, data: message.schema.data ?? {} }) }),
+      deleteButton
+    ] }),
+    !isStreaming && !hasComponent && hasText && isTextOnly && !isAborted && /* @__PURE__ */ jsx("div", { className: "flex justify-center w-full px-4", children: /* @__PURE__ */ jsxs("div", { className: "w-full md:w-[60vw]", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-xl shadow-sm bg-base-100 border-2 border-base-300 p-4 text-base-content", children: /* @__PURE__ */ jsx(Markdown_default, { content: fullText, isStreaming: false }) }),
+      deleteButton
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      ConfirmDeleteModal,
+      {
+        isOpen: confirmOpen,
+        onClose: () => setConfirmOpen(false),
+        onConfirm: handleDelete2,
+        isDeleting,
+        title: "Delete this answer?",
+        message: "The question and its answer are removed from this chat and from your history. Anything cached for it is cleared too, so asking again re-runs it."
+      }
+    )
   ] });
 }
 function DynamicSpacer({ messages: messages2 }) {
@@ -70262,6 +70863,7 @@ function MessageList({
   bundleReady,
   connectingText = "Connecting to SuperAtom...",
   emptyText = "Start a conversation",
+  emptyState,
   className = "",
   isResponding = false,
   onStop,
@@ -70345,11 +70947,16 @@ function MessageList({
       }
     }, 300);
   }, [messages2]);
-  return /* @__PURE__ */ jsxs("div", { className: `flex-1 relative overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ jsx("main", { ref: containerRef, className: "h-full overflow-y-auto py-6", children: !bundleReady || isLoadingThread && messages2.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center gap-3 text-base-content/50", children: [
+  const authError = useAuthStatus();
+  const retrying2 = useRetryingStatus();
+  return /* @__PURE__ */ jsxs("div", { className: `sa-ui flex-1 relative overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ jsx("main", { ref: containerRef, className: "h-full overflow-y-auto py-6", children: authError ? /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center gap-3 px-6 text-center", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: "mdi:lock-alert-outline", width: 28, height: 28, className: "text-base-content/40" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-base-content/70 max-w-sm", children: authStatusMessage(authError) })
+    ] }) : !bundleReady || isLoadingThread && messages2.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center gap-3 text-base-content/50", children: [
       /* @__PURE__ */ jsx("span", { className: "loading loading-spinner loading-md" }),
-      /* @__PURE__ */ jsx("span", { className: "text-sm", children: !bundleReady ? connectingText : loadingThreadText })
-    ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: !bundleReady ? retrying2 ? retryingStatusMessage(retrying2) : connectingText : loadingThreadText })
+    ] }) : messages2.length === 0 && emptyState ? /* @__PURE__ */ jsx("div", { className: "h-full flex flex-col", children: emptyState }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
       messages2.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-center mt-24", children: /* @__PURE__ */ jsx("p", { className: "text-base-content/40 text-sm", children: emptyText }) }),
       messages2.map((msg) => /* @__PURE__ */ jsx(
         MessageBubble,
@@ -70731,87 +71338,8 @@ var MenuV1RendererCollapsed = ({ items, onItemClick }) => {
     groupIndex < groupedItems.length - 1 && /* @__PURE__ */ jsx("div", { className: "w-8 border-t border-base-300 my-2" })
   ] }, groupIndex)) });
 };
-
-// src/ui/components/ConfirmDeleteModal.tsx
-init_iconify();
-function ConfirmDeleteModal({
-  isOpen,
-  onClose,
-  onConfirm,
-  isDeleting,
-  title = "Delete",
-  message = "Are you sure you want to delete this?"
-}) {
-  useEffect(() => {
-    if (!isOpen) return;
-    const handleEscape = (e) => {
-      if (e.key === "Escape" && !isDeleting) {
-        onClose();
-      }
-    };
-    document.addEventListener("keydown", handleEscape);
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.removeEventListener("keydown", handleEscape);
-      document.body.style.overflow = "unset";
-    };
-  }, [isOpen, onClose, isDeleting]);
-  const handleBackdropClick = (e) => {
-    if (e.target === e.currentTarget && !isDeleting) {
-      onClose();
-    }
-  };
-  if (!isOpen) return null;
-  return createPortal(
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "fixed inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm",
-        style: { zIndex: 9999 },
-        onClick: handleBackdropClick,
-        children: /* @__PURE__ */ jsxs("div", { className: "bg-base-100 rounded-xl shadow-2xl w-full max-w-sm mx-4 overflow-hidden", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b border-base-300", children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-base-content", children: title }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                disabled: isDeleting,
-                onClick: onClose,
-                className: "p-1 rounded-lg hover:bg-base-200 transition-colors",
-                children: /* @__PURE__ */ jsx(Icon, { icon: "ph:x-bold", width: 20, height: 20, className: "text-base-content/60" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("p", { className: "text-base-content/80", children: message }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 p-4 border-t border-base-300", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onClose,
-                disabled: isDeleting,
-                className: "px-4 py-2 rounded-lg text-base-content hover:bg-base-200 transition-colors",
-                children: "Cancel"
-              }
-            ),
-            isDeleting ? /* @__PURE__ */ jsx("div", { className: "min-w-20 px-4 py-2 rounded-lg bg-red-600 text-white flex items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { icon: "eos-icons:loading", width: 20, height: 20, className: "animate-spin" }) }) : /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onConfirm,
-                className: "min-w-20 px-4 py-2 rounded-lg bg-red-600 text-white hover:bg-red-700 transition-colors",
-                children: "Delete"
-              }
-            )
-          ] })
-        ] })
-      }
-    ),
-    document.body
-  );
-}
 var CHATS_OPEN_KEY = "chats-section-open";
+var SIDEBAR_COLLAPSED_KEY = "sa-sidebar-collapsed";
 function Sidebar({
   children,
   className = "",
@@ -70873,8 +71401,20 @@ function Sidebar({
       setThreadToDelete(null);
     }
   };
-  const [collapsed, setCollapsed] = useState(true);
-  const [showContent, setShowContent] = useState(false);
+  const [collapsed, setCollapsed] = useState(() => {
+    try {
+      return localStorage.getItem(SIDEBAR_COLLAPSED_KEY) === "true";
+    } catch {
+      return false;
+    }
+  });
+  const [showContent, setShowContent] = useState(() => {
+    try {
+      return localStorage.getItem(SIDEBAR_COLLAPSED_KEY) !== "true";
+    } catch {
+      return true;
+    }
+  });
   const [menuV1Data, setMenuV1Data] = useState(null);
   const [isChatsOpen, setIsChatsOpen] = useState(() => {
     try {
@@ -70918,6 +71458,10 @@ function Sidebar({
   function toggle() {
     const next2 = !collapsed;
     setCollapsed(next2);
+    try {
+      localStorage.setItem(SIDEBAR_COLLAPSED_KEY, String(next2));
+    } catch {
+    }
     if (!next2) {
       setTimeout(() => setShowContent(true), 150);
     } else {
@@ -70944,7 +71488,7 @@ function Sidebar({
   return /* @__PURE__ */ jsxs(
     "aside",
     {
-      className: `flex flex-col shrink-0 border-r border-base-300 transition-all duration-300 ease-in-out overflow-hidden bg-base-200 ${collapsed ? "w-16" : "w-60"} ${className}`,
+      className: `sa-ui flex flex-col shrink-0 border-r border-base-300 transition-all duration-300 ease-in-out overflow-hidden bg-base-200 ${collapsed ? "w-16" : "w-60"} ${className}`,
       children: [
         !collapsed && showContent && /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full w-60", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-3 border-b border-base-300 flex-shrink-0", children: [
@@ -71114,7 +71658,7 @@ function NewChatHero({
   subtitle = "Ask a question to start a new chat",
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: `flex-1 min-h-0 flex flex-col items-center justify-center gap-6 px-4 ${className}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `sa-ui flex-1 min-h-0 flex flex-col items-center justify-center gap-6 px-4 ${className}`, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [
       /* @__PURE__ */ jsx("h1", { className: "text-2xl md:text-3xl font-semibold text-base-content", children: title }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-base-content/50", children: subtitle })
@@ -71124,8 +71668,8 @@ function NewChatHero({
 }
 
 // src/index.ts
-var SDK_VERSION = "0.0.2";
+var SDK_VERSION = "0.0.3";
 
-export { ActionsRequestMessageSchema, ActionsRequestPayloadSchema, ActionsResponseMessageSchema, ActionsResponsePayloadSchema, BindingSchema3 as BindingSchema, BundleChunkMessageSchema, BundleChunkPayloadSchema, BundleErrorMessageSchema, BundleErrorPayloadSchema, BundleRequestMessageSchema, BundleRequestPayloadSchema, COMP_REGISTRY, ChatInput, ClientConfigSchema, ComponentSchema, ComponentsSendMessageSchema, ComponentsSendPayloadSchema, ConfirmDeleteModal, DSLErrorBoundary, DSLRenderer, DSLRendererPropsSchema3 as DSLRendererPropsSchema, DataRequestMessageSchema, DataRequestPayloadSchema, DataResponseMessageSchema, DataResponsePayloadSchema, DynamicComponent, ExpressionSchema3 as ExpressionSchema, ForDirectiveSchema3 as ForDirectiveSchema, MenuDataSchema, MenuQueryFiltersSchema, MenuV1Renderer, MenuV1RendererCollapsed, MenusRequestMessageSchema, MenusRequestPayloadSchema, MenusResponseMessageSchema, MenusResponsePayloadSchema, MessageBubble, MessageList, MessageParticipantSchema, MessageSchema, NewChatHero, QuerySpecSchema3 as QuerySpecSchema, SDK_VERSION, Sidebar, SuperatomClient, UIComponentSchema3 as UIComponentSchema, UIElementSchema3 as UIElementSchema, UILogEntrySchema, UILogsMessageSchema, UILogsPayloadSchema, UserPromptAbortRequestMessageSchema, UserPromptAbortRequestPayloadSchema, UserPromptRequestMessageSchema, UserPromptRequestPayloadSchema, UserPromptResponseMessageSchema, UserPromptResponsePayloadSchema, UserPromptSuggestionsRequestMessageSchema, UserPromptSuggestionsRequestPayloadSchema, UserPromptSuggestionsResponseMessageSchema, UserPromptSuggestionsResponsePayloadSchema, getComponent, getComponentStates, getComponents, hasComponents, registerBundleComponents, resetAllFailedComponents, resetFailedComponent, resetRegistration, sanitizeDSL, services_exports as services, setup, useDynamicComponent, useSuperAtom, validateDSL, validateUIComponent, validateUIElement, withConditionalErrorBoundary };
+export { ActionsRequestMessageSchema, ActionsRequestPayloadSchema, ActionsResponseMessageSchema, ActionsResponsePayloadSchema, BindingSchema3 as BindingSchema, BundleChunkMessageSchema, BundleChunkPayloadSchema, BundleErrorMessageSchema, BundleErrorPayloadSchema, BundleRequestMessageSchema, BundleRequestPayloadSchema, COMP_REGISTRY, ChatInput, ClientConfigSchema, ComponentSchema, ComponentsSendMessageSchema, ComponentsSendPayloadSchema, ConfirmDeleteModal, DEFAULT_API_URL, DSLErrorBoundary, DSLRenderer, DSLRendererPropsSchema3 as DSLRendererPropsSchema, DataRequestMessageSchema, DataRequestPayloadSchema, DataResponseMessageSchema, DataResponsePayloadSchema, DynamicComponent, ExpressionSchema3 as ExpressionSchema, ForDirectiveSchema3 as ForDirectiveSchema, MenuDataSchema, MenuQueryFiltersSchema, MenuV1Renderer, MenuV1RendererCollapsed, MenusRequestMessageSchema, MenusRequestPayloadSchema, MenusResponseMessageSchema, MenusResponsePayloadSchema, MessageBubble, MessageList, MessageParticipantSchema, MessageSchema, NewChatHero, QuerySpecSchema3 as QuerySpecSchema, SDK_VERSION, SdkSession, Sidebar, SuperAtomAuthError, SuperatomClient, UIComponentSchema3 as UIComponentSchema, UIElementSchema3 as UIElementSchema, UILogEntrySchema, UILogsMessageSchema, UILogsPayloadSchema, UserPromptAbortRequestMessageSchema, UserPromptAbortRequestPayloadSchema, UserPromptRequestMessageSchema, UserPromptRequestPayloadSchema, UserPromptResponseMessageSchema, UserPromptResponsePayloadSchema, UserPromptSuggestionsRequestMessageSchema, UserPromptSuggestionsRequestPayloadSchema, UserPromptSuggestionsResponseMessageSchema, UserPromptSuggestionsResponsePayloadSchema, getComponent, getComponentStates, getComponents, hasComponents, registerBundleComponents, resetAllFailedComponents, resetFailedComponent, resetRegistration, sanitizeDSL, services_exports as services, setup, useDynamicComponent, useSuperAtom, validateDSL, validateUIComponent, validateUIElement, withConditionalErrorBoundary };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map