@superatomai/application-react 0.0.2 → 0.0.3

package/dist/index.cjs

@@ -5454,34 +5454,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.
@@ -5489,15 +5489,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();
   }
@@ -13512,9 +13512,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;
   }
@@ -13753,19 +13753,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);
@@ -19821,8 +19821,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) {
@@ -20010,21 +20010,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) {
@@ -20222,22 +20222,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 */
@@ -21197,8 +21197,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;
   }
@@ -50467,11 +50467,13 @@ var init_Markdown = __esm({
           // Suppress the default <pre> wrapper — code renderer owns the full block structure
           pre: ({ node: _node, children }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "sa-code-block not-prose my-4 rounded-lg overflow-hidden border border-base-300", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-neutral px-4 py-2 text-xs text-neutral-content font-mono", children: language }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
                   prism_default2,
@@ -50481,13 +50483,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__ */ jsxRuntime.jsx("div", { className: "not-prose my-4 rounded-lg overflow-hidden border border-base-300", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("code", { ...props, children }) }) });
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sa-code-block not-prose my-4 rounded-lg overflow-hidden border border-base-300", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("code", { ...props, children: codeText2 }) }) });
             }
             return /* @__PURE__ */ jsxRuntime.jsx("code", { className: "bg-base-200 text-teal-700 px-1.5 py-0.5 rounded text-sm font-mono break-words", ...props, children });
           },
@@ -66197,6 +66199,7 @@ __export(services_exports, {
   deleteArtifact: () => deleteArtifact,
   deleteBookmark: () => deleteBookmark,
   deleteThread: () => deleteThread,
+  deleteUserConversation: () => deleteUserConversation,
   getActions: () => getActions,
   getAllArtifacts: () => getAllArtifacts,
   getAllBookmarks: () => getAllBookmarks,
@@ -66336,6 +66339,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();
@@ -67152,6 +67183,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({
@@ -67212,6 +67266,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;
@@ -67230,6 +67288,7 @@ var SuperatomClient = class {
     this.boundHandlePageShow = null;
     const parsed = ClientConfigSchema.parse(config2);
     this.config = parsed;
+    this.getAccessToken = config2.getAccessToken ?? null;
     this.registerGlobals();
   }
   registerGlobals() {
@@ -67381,21 +67440,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());
@@ -67412,21 +67457,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
@@ -67448,15 +67511,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);
       });
@@ -67571,13 +67637,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();
@@ -67588,7 +67691,6 @@ var SuperatomClient = class {
       this.errorHandlers.forEach((handler) => handler(err));
       this.scheduleReconnect();
     }
-    return this.connectPromise;
   }
   /**
    * Disconnect from WebSocket server
@@ -67612,6 +67714,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
@@ -68038,6 +68141,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") {
@@ -68674,13 +68961,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);
@@ -69159,6 +69446,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 React6.useSyncExternalStore(
+    (l) => {
+      listeners.add(l);
+      return () => listeners.delete(l);
+    },
+    () => retrying,
+    () => null
+  );
+}
+function useAuthStatus() {
+  return React6.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 React6.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)}`;
 }
@@ -69318,17 +69670,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] = React6.useState(null);
+  const [authError, setAuthError] = React6.useState(null);
+  const [signInAttempt, setSignInAttempt] = React6.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 = React6.useRef(getToken);
+  getTokenRef.current = getToken;
+  const onAuthErrorRef = React6.useRef(onAuthError);
+  onAuthErrorRef.current = onAuthError;
+  const sessionRef = React6.useRef(null);
+  const setupDoneRef = React6.useRef(false);
   const clientRef = React6.useRef(null);
   const tokenRef = React6.useRef(token);
   tokenRef.current = token;
@@ -69355,7 +69730,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 {
@@ -69372,11 +69794,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"));
@@ -69452,7 +69874,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);
       }
@@ -69466,9 +69891,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 = React6.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 = React6.useCallback(async () => {
     const text9 = input.trim();
     const client = clientRef.current;
@@ -69860,6 +70301,39 @@ function useSuperAtom({ token, userId, projectId, debug = false, streaming = fal
     if (threadId.current === id) newChat();
     return { success: true };
   }, [resolvedUserId, newChat]);
+  const deleteMessage = React6.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]);
+  React6.useEffect(() => {
+    setMessageActions({ deleteMessage });
+    return () => setMessageActions({});
+  }, [deleteMessage]);
   const renameThread = React6.useCallback(async (id, title) => {
     const client = clientRef.current;
     if (!client) return { success: false, error: "Not connected" };
@@ -69883,7 +70357,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
   };
 }
 
@@ -69979,6 +70457,8 @@ function ChatInput({
   isResponding = false,
   onStop
 }) {
+  const authError = useAuthStatus();
+  const isLocked = disabled || !!authError;
   const textareaRef = React6.useRef(null);
   const historyRef = React6.useRef(null);
   const [isMultiline, setIsMultiline] = React6.useState(false);
@@ -70032,14 +70512,15 @@ function ChatInput({
     }, 0);
   };
   const handleSend = React6.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__ */ jsxRuntime.jsx("div", { className: `shrink-0 bg-base-100 border-t border-base-300 px-4 py-2 ${className}`, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+  const effectivePlaceholder = authError ? authStatusMessage(authError) : placeholder;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `sa-ui shrink-0 bg-base-100 border-t border-base-300 px-4 py-2 ${className}`, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
     "div",
     {
       className: `flex flex-col ${isMultiline ? "rounded-3xl" : "rounded-full"} border-2 shadow-sm transition-all duration-200 hover:shadow-md`,
@@ -70059,7 +70540,7 @@ function ChatInput({
             autoCapitalize: "off",
             ref: textareaRef,
             value: input,
-            placeholder,
+            placeholder: effectivePlaceholder,
             onChange: (e) => setInput(e.currentTarget.value),
             onBlur: () => setIsFocused(false),
             onFocus: () => setIsFocused(true),
@@ -70090,7 +70571,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" }
           }
         ),
@@ -70112,11 +70593,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__ */ jsxRuntime.jsx(Icon, { icon: "ph:paper-plane-right-fill", width: 20, height: 20, className: "sm:w-6 sm:h-6" })
           }
@@ -70132,6 +70613,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?"
+}) {
+  React6.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 reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "bg-base-100 rounded-xl shadow-2xl w-full max-w-sm mx-4 overflow-hidden", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-base-300", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-base-content", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                disabled: isDeleting,
+                onClick: onClose,
+                className: "p-1 rounded-lg hover:bg-base-200 transition-colors",
+                children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: "ph:x-bold", width: 20, height: 20, className: "text-base-content/60" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base-content/80", children: message }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 p-4 border-t border-base-300", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "min-w-20 px-4 py-2 rounded-lg bg-red-600 text-white flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: "eos-icons:loading", width: 20, height: 20, className: "animate-spin" }) }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
@@ -70157,17 +70718,40 @@ function MessageBubble({ message, onStop }) {
   const isTextOnly = message.isTextOnlyResponse === true;
   const isAborted = message.aborted === true;
   const responseComplete = hasComponent || isTextOnly || !isStreaming && hasText;
+  const [watchedGeneration] = React6.useState(() => !responseComplete);
   React6.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] = React6.useState(false);
+  const [isDeleting, setIsDeleting] = React6.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__ */ jsxRuntime.jsx("div", { className: "flex justify-end mt-2", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsxRuntime.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 = React6.useMemo(() => {
     if (isAborted) return hasText ? "Stopped" : "Stopped (no response yet)";
     if (!hasText) return "Thinking...";
@@ -70203,7 +70787,7 @@ function MessageBubble({ message, onStop }) {
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-base-content truncate text-left flex-1", children: accordionHeader }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 shrink-0", children: [
-                !message.fromHistory && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className: "text-teal-600", width: 12, height: 12, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loading loading-spinner loading-xs text-teal-600" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-teal-700 font-medium font-mono", children: formatMs(elapsedMs) })
                 ] }),
@@ -70253,8 +70837,25 @@ function MessageBubble({ message, onStop }) {
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-base-content/70", children: "Generating component..." })
       ] })
     ] }) }),
-    hasComponent && /* @__PURE__ */ jsxRuntime.jsx("div", { id: `box-${message.id}`, className: "w-full px-4 lg:px-16 xl:px-24 2xl:px-32", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(DSLRenderer, { dsl: message.schema.ui, data: message.schema.data ?? {} }) }) }),
-    !isStreaming && !hasComponent && hasText && isTextOnly && !isAborted && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center w-full px-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full md:w-[60vw]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl shadow-sm bg-base-100 border-2 border-base-300 p-4 text-base-content", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown_default, { content: fullText, isStreaming: false }) }) }) })
+    hasComponent && /* @__PURE__ */ jsxRuntime.jsxs("div", { id: `box-${message.id}`, className: "w-full px-4 lg:px-16 xl:px-24 2xl:px-32", children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(DSLRenderer, { dsl: message.schema.ui, data: message.schema.data ?? {} }) }),
+      deleteButton
+    ] }),
+    !isStreaming && !hasComponent && hasText && isTextOnly && !isAborted && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center w-full px-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full md:w-[60vw]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl shadow-sm bg-base-100 border-2 border-base-300 p-4 text-base-content", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown_default, { content: fullText, isStreaming: false }) }),
+      deleteButton
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.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 }) {
@@ -70268,6 +70869,7 @@ function MessageList({
   bundleReady,
   connectingText = "Connecting to SuperAtom...",
   emptyText = "Start a conversation",
+  emptyState,
   className = "",
   isResponding = false,
   onStop,
@@ -70351,11 +70953,16 @@ function MessageList({
       }
     }, 300);
   }, [messages2]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 relative overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("main", { ref: containerRef, className: "h-full overflow-y-auto py-6", children: !bundleReady || isLoadingThread && messages2.length === 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: `sa-ui flex-1 relative overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("main", { ref: containerRef, className: "h-full overflow-y-auto py-6", children: authError ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col items-center justify-center gap-3 px-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: "mdi:lock-alert-outline", width: 28, height: 28, className: "text-base-content/40" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-base-content/70 max-w-sm", children: authStatusMessage(authError) })
+    ] }) : !bundleReady || isLoadingThread && messages2.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col items-center justify-center gap-3 text-base-content/50", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loading loading-spinner loading-md" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: !bundleReady ? connectingText : loadingThreadText })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: !bundleReady ? retrying2 ? retryingStatusMessage(retrying2) : connectingText : loadingThreadText })
+    ] }) : messages2.length === 0 && emptyState ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full flex flex-col", children: emptyState }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
       messages2.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center mt-24", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base-content/40 text-sm", children: emptyText }) }),
       messages2.map((msg) => /* @__PURE__ */ jsxRuntime.jsx(
         MessageBubble,
@@ -70737,87 +71344,8 @@ var MenuV1RendererCollapsed = ({ items, onItemClick }) => {
     groupIndex < groupedItems.length - 1 && /* @__PURE__ */ jsxRuntime.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?"
-}) {
-  React6.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 reactDom.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "fixed inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm",
-        style: { zIndex: 9999 },
-        onClick: handleBackdropClick,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-base-100 rounded-xl shadow-2xl w-full max-w-sm mx-4 overflow-hidden", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-base-300", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-base-content", children: title }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                disabled: isDeleting,
-                onClick: onClose,
-                className: "p-1 rounded-lg hover:bg-base-200 transition-colors",
-                children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: "ph:x-bold", width: 20, height: 20, className: "text-base-content/60" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base-content/80", children: message }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 p-4 border-t border-base-300", children: [
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "min-w-20 px-4 py-2 rounded-lg bg-red-600 text-white flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: "eos-icons:loading", width: 20, height: 20, className: "animate-spin" }) }) : /* @__PURE__ */ jsxRuntime.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 = "",
@@ -70879,8 +71407,20 @@ function Sidebar({
       setThreadToDelete(null);
     }
   };
-  const [collapsed, setCollapsed] = React6.useState(true);
-  const [showContent, setShowContent] = React6.useState(false);
+  const [collapsed, setCollapsed] = React6.useState(() => {
+    try {
+      return localStorage.getItem(SIDEBAR_COLLAPSED_KEY) === "true";
+    } catch {
+      return false;
+    }
+  });
+  const [showContent, setShowContent] = React6.useState(() => {
+    try {
+      return localStorage.getItem(SIDEBAR_COLLAPSED_KEY) !== "true";
+    } catch {
+      return true;
+    }
+  });
   const [menuV1Data, setMenuV1Data] = React6.useState(null);
   const [isChatsOpen, setIsChatsOpen] = React6.useState(() => {
     try {
@@ -70924,6 +71464,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 {
@@ -70950,7 +71494,7 @@ function Sidebar({
   return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full w-60", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-3 py-3 border-b border-base-300 flex-shrink-0", children: [
@@ -71120,7 +71664,7 @@ function NewChatHero({
   subtitle = "Ask a question to start a new chat",
   className = ""
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-h-0 flex flex-col items-center justify-center gap-6 px-4 ${className}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `sa-ui flex-1 min-h-0 flex flex-col items-center justify-center gap-6 px-4 ${className}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl md:text-3xl font-semibold text-base-content", children: title }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-base-content/50", children: subtitle })
@@ -71130,7 +71674,7 @@ function NewChatHero({
 }
 
 // src/index.ts
-var SDK_VERSION = "0.0.2";
+var SDK_VERSION = "0.0.3";
 
 exports.ActionsRequestMessageSchema = ActionsRequestMessageSchema;
 exports.ActionsRequestPayloadSchema = ActionsRequestPayloadSchema;
@@ -71150,6 +71694,7 @@ exports.ComponentSchema = ComponentSchema;
 exports.ComponentsSendMessageSchema = ComponentsSendMessageSchema;
 exports.ComponentsSendPayloadSchema = ComponentsSendPayloadSchema;
 exports.ConfirmDeleteModal = ConfirmDeleteModal;
+exports.DEFAULT_API_URL = DEFAULT_API_URL;
 exports.DSLErrorBoundary = DSLErrorBoundary;
 exports.DSLRenderer = DSLRenderer;
 exports.DSLRendererPropsSchema = DSLRendererPropsSchema3;
@@ -71175,7 +71720,9 @@ exports.MessageSchema = MessageSchema;
 exports.NewChatHero = NewChatHero;
 exports.QuerySpecSchema = QuerySpecSchema3;
 exports.SDK_VERSION = SDK_VERSION;
+exports.SdkSession = SdkSession;
 exports.Sidebar = Sidebar;
+exports.SuperAtomAuthError = SuperAtomAuthError;
 exports.SuperatomClient = SuperatomClient;
 exports.UIComponentSchema = UIComponentSchema3;
 exports.UIElementSchema = UIElementSchema3;