@athenaintel/react 0.11.0 → 0.11.2

package/dist/index.js

@@ -33,7 +33,7 @@ import { runsMaterialize, StatewireThread, useStatewireSendCommand, useStatewire
 import { useAuiState } from "@assistant-ui/store";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync } from "react-dom";
-const version$1 = "0.11.0";
+const version$1 = "0.11.2";
 const packageJson = {
   version: version$1
 };
@@ -12031,6 +12031,9 @@ function useDeepAgentThread({
         return statewireTransport(
           {
             url: `${baseUrl.replace(/\/+$/, "")}/${encodeURIComponent(threadId)}`,
+            // A never-started chat has no server session yet: the transport
+            // makes no network calls until the first command send.
+            ...preloadRef.current.preload && { isNew: true },
             headers: (ctx) => headersRef.current(ctx),
             ...sessionStore && { sessionStore }
           },
@@ -16520,6 +16523,9 @@ function TooltipContent({
       "data-slot": "tooltip-content",
       sideOffset,
       className: cn(
+        // Portaled outside the provider wrapper — carries the SDK scope
+        // classes itself so tokens and the scoped reset still apply.
+        "athena-sdk athena-sdk-chrome",
         "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
         className
       ),
@@ -20979,10 +20985,14 @@ function AthenaProvider({
     );
   }
   let result = /* @__PURE__ */ jsx(PostHogProvider, { config: posthogConfig, children: inner });
-  if (themeStyleVars) {
-    result = /* @__PURE__ */ jsx("div", { className: "athena-themed", style: themeStyleVars, children: result });
-  }
-  return result;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: themeStyleVars ? "athena-sdk athena-themed" : "athena-sdk",
+      style: themeStyleVars,
+      children: result
+    }
+  );
 }
 function OrderedMap(content) {
   this.content = content;
@@ -55432,7 +55442,7 @@ const MentionSuggestionPopup = forwardRef(({ store, query, command: command2, cl
     {
       ref: refs.setFloating,
       style: floatingStyles,
-      className: "z-[9999]",
+      className: "athena-sdk athena-sdk-chrome z-[9999]",
       onMouseDown: (e) => e.preventDefault(),
       children: /* @__PURE__ */ jsx(
         MentionSuggestionList,
@@ -55999,13 +56009,13 @@ const TiptapComposer = ({ tools = [], rootCategories }) => {
       });
       if (fullMessage) {
         aui.composer.setText(fullMessage);
-        aui.composer.send();
+        aui.composer.send({ steer: false });
         clearAttachments();
         clearQuote();
       }
     } else {
       aui.composer.setText(markdown);
-      aui.composer.send();
+      aui.composer.send({ steer: false });
     }
     editor2.commands.clearContent();
   }, [aui, clearAttachments, clearQuote, appUrl]);
@@ -56642,6 +56652,10 @@ const TOOL_META = {
   // Presentations
   create_powerpoint_deck: { displayName: "Building presentation", icon: Monitor },
   execute_presentation_code: { displayName: "Generating slides", icon: Monitor },
+  execute_word_document_code: { displayName: "Editing Word document", icon: FileText },
+  execute_spreadsheet_code: { displayName: "Editing spreadsheet", icon: ChartColumn },
+  execute_spreadsheet_commands: { displayName: "Editing spreadsheet", icon: ChartColumn },
+  unified_email_list_accounts: { displayName: "Checking email accounts", icon: Mail },
   // Code & Data
   run_python_code: { displayName: "Running analysis", icon: Code },
   run_sql_query_tool: { displayName: "Running SQL query", icon: Database, describer: (a) => a.sql_query ?? a.query ?? a.sql ? `"${truncateLine(a.sql_query ?? a.query ?? a.sql)}"` : "" },
@@ -56689,14 +56703,14 @@ function extractResultMessage(result) {
   return null;
 }
 function isResultSuccess(result) {
-  if (typeof result === "string") {
-    const parsed = tryParseJson$1(result);
-    if (parsed) return parsed.success === true;
-  }
-  if (typeof result === "object" && result !== null) {
-    return result.success === true;
+  const obj = typeof result === "string" ? tryParseJson$1(result) : typeof result === "object" && result !== null ? result : null;
+  if (obj) {
+    if (obj.success === false || obj.ok === false) return false;
+    if (typeof obj.error === "string" && obj.error.length > 0) return false;
+    return true;
   }
-  return false;
+  if (typeof result === "string") return !/^\s*error\b/i.test(result);
+  return true;
 }
 function extractAssetId$1(result) {
   if (!result) return null;
@@ -56861,7 +56875,7 @@ function ToolFallbackTrigger({
             "span",
             {
               className: cn(
-                "relative inline-block leading-tight",
+                "relative inline-block text-[13px] font-medium leading-tight",
                 isCancelled && "text-muted-foreground line-through"
               ),
               children: [
@@ -57846,17 +57860,103 @@ BrowseToolUI.displayName = "BrowseToolUI";
 function parseEmailResults(data) {
   const results = data.limited_results ?? data.results ?? data.emails ?? data.messages;
   if (!Array.isArray(results)) return [];
-  return results.slice(0, 10).map((r2) => {
-    const item = r2;
-    return {
-      subject: item.subject ?? item.title,
-      from: item.from ?? item.sender ?? item.from_email,
-      date: item.date ?? item.received_at ?? item.sent_at,
-      snippet: item.snippet ?? item.preview ?? item.body_preview,
-      isDraft: Boolean(item.is_draft)
-    };
+  return results.slice(0, 50).flatMap((r2) => {
+    const item = asRecord(r2);
+    if (!item) return [];
+    return [
+      {
+        subject: asString(item.subject) ?? asString(item.title),
+        from: asString(item.from) ?? asString(item.sender) ?? asString(item.from_email),
+        date: asString(item.date) ?? asString(item.received_at) ?? asString(item.sent_at),
+        snippet: asString(item.snippet) ?? asString(item.preview) ?? asString(item.body_preview),
+        isDraft: item.is_draft === true
+      }
+    ];
   });
 }
+function formatEmailDate(raw) {
+  if (!raw) return void 0;
+  const dateOnly = /^(\d{4})-(\d{2})-(\d{2})$/.exec(raw.trim());
+  const date2 = dateOnly ? new Date(Number(dateOnly[1]), Number(dateOnly[2]) - 1, Number(dateOnly[3])) : new Date(raw);
+  if (Number.isNaN(date2.getTime())) return raw;
+  const now = /* @__PURE__ */ new Date();
+  if (!dateOnly && date2.toDateString() === now.toDateString()) {
+    return date2.toLocaleTimeString(void 0, {
+      hour: "numeric",
+      minute: "2-digit"
+    });
+  }
+  const sameYear = date2.getFullYear() === now.getFullYear();
+  return date2.toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric",
+    ...sameYear ? {} : { year: "numeric" }
+  });
+}
+const EMAIL_QUERY_OPERATOR = /(?:^|\s)(received|after|before|from|to|subject|has|in|is):(?:"([^"]+)"|(\S+))/gi;
+function humanEmailDate(raw) {
+  return formatEmailDate(raw.replace(/\//g, "-")) ?? raw;
+}
+function humanizeEmailQuery(query) {
+  if (!query.trim()) return "";
+  const phrases = [];
+  let freeText = query;
+  for (const match2 of query.matchAll(EMAIL_QUERY_OPERATOR)) {
+    const [token, op, quoted, bare] = match2;
+    const value = quoted ?? bare ?? "";
+    freeText = freeText.replace(token, " ");
+    switch (op.toLowerCase()) {
+      case "received": {
+        const [start, end] = value.split("..");
+        phrases.push(
+          end ? `${humanEmailDate(start)} – ${humanEmailDate(end)}` : humanEmailDate(start)
+        );
+        break;
+      }
+      case "after":
+        phrases.push(`after ${humanEmailDate(value)}`);
+        break;
+      case "before":
+        phrases.push(`before ${humanEmailDate(value)}`);
+        break;
+      case "from":
+        phrases.push(`from ${value}`);
+        break;
+      case "to":
+        phrases.push(`to ${value}`);
+        break;
+      case "subject":
+        phrases.push(`subject “${value}”`);
+        break;
+      case "has":
+        phrases.push(value === "attachment" ? "with attachments" : `has ${value}`);
+        break;
+      case "in":
+        phrases.push(value === "drafts" ? "drafts only" : `in ${value}`);
+        break;
+      case "is":
+        phrases.push(value);
+        break;
+    }
+  }
+  const remainder = freeText.trim().replace(/\s+/g, " ");
+  if (remainder) phrases.push(`“${remainder}”`);
+  return phrases.join(" · ");
+}
+const INLINE_EMAIL_ROWS = 3;
+function EmailResultRow({ email: email2 }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 py-2 first:pt-0 last:pb-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-baseline gap-1.5 text-[12px] font-medium text-foreground", children: [
+        email2.isDraft && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-amber-100 px-1 py-px text-[9px] font-semibold uppercase tracking-wide text-amber-700", children: "Draft" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: email2.subject || "No subject" })
+      ] }),
+      email2.date && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: formatEmailDate(email2.date) })
+    ] }),
+    email2.from && /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: email2.from }),
+    email2.snippet && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-relaxed text-muted-foreground/80", children: truncate(email2.snippet, 150) })
+  ] });
+}
 const EmailSearchToolUIImpl = ({
   toolName,
   args,
@@ -57867,35 +57967,96 @@ const EmailSearchToolUIImpl = ({
   const query = (typedArgs == null ? void 0 : typedArgs.query) ?? (typedArgs == null ? void 0 : typedArgs.search_query) ?? "";
   const data = useMemo(() => normalizeResult(result), [result]);
   const emails = useMemo(() => data ? parseEmailResults(data) : [], [data]);
+  const provider = typeof (data == null ? void 0 : data.provider) === "string" ? data.provider : void 0;
+  const totalCount = typeof (data == null ? void 0 : data.count) === "number" ? data.count : emails.length;
   const isRunning = (status == null ? void 0 : status.type) === "running";
   const isComplete = (status == null ? void 0 : status.type) === "complete";
   const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const readableQuery = useMemo(() => humanizeEmailQuery(query), [query]);
+  const inlineEmails = emails.slice(0, INLINE_EMAIL_ROWS);
+  const overflowEmails = emails.slice(INLINE_EMAIL_ROWS);
+  const countLabel = emails.length > 0 && totalCount > emails.length ? `${emails.length} of ${totalCount}` : `${totalCount}`;
   return /* @__PURE__ */ jsx(
     ToolCard,
     {
       icon: Mail,
       status: (status == null ? void 0 : status.type) ?? "complete",
-      title: isRunning ? "Searching emails..." : "Email search",
-      subtitle: query ? truncate(query, 80) : void 0,
+      title: isRunning ? "Searching email…" : "Email search",
+      subtitle: readableQuery ? truncate(readableQuery, 90) : void 0,
       toolName,
       args: typedArgs,
       result,
-      badge: isComplete && emails.length > 0 ? `${emails.length} emails` : void 0,
+      badge: isComplete ? totalCount > 0 ? `${countLabel} email${totalCount === 1 ? "" : "s"}${provider ? ` · ${provider}` : ""}` : "No matches" : void 0,
+      error: errorMsg,
+      children: isComplete && emails.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border/30", children: inlineEmails.map((email2, i) => /* @__PURE__ */ jsx(EmailResultRow, { email: email2 }, i)) }),
+        overflowEmails.length > 0 && /* @__PURE__ */ jsx(
+          ExpandableSection,
+          {
+            label: `Show ${overflowEmails.length} more`,
+            children: /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border/30", children: overflowEmails.map((email2, i) => /* @__PURE__ */ jsx(EmailResultRow, { email: email2 }, i)) })
+          }
+        )
+      ] })
+    }
+  );
+};
+const EmailSearchToolUI = memo(
+  EmailSearchToolUIImpl
+);
+EmailSearchToolUI.displayName = "EmailSearchToolUI";
+function parseEmailAccounts(data) {
+  const accounts = data.accounts ?? data.results;
+  if (!Array.isArray(accounts)) return [];
+  return accounts.slice(0, 10).flatMap((raw) => {
+    const item = asRecord(raw);
+    if (!item) return [];
+    const defaultFlag = typeof item.is_default === "boolean" ? item.is_default : item.default;
+    return [
+      {
+        address: asString(item.email_address) ?? asString(item.email) ?? asString(item.address),
+        provider: asString(item.provider) ?? asString(item.provider_name),
+        name: asString(item.account_name) ?? asString(item.name),
+        isDefault: defaultFlag === true
+      }
+    ];
+  });
+}
+const EmailAccountsToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const accounts = useMemo(
+    () => data ? parseEmailAccounts(data) : [],
+    [data]
+  );
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: Mail,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Checking connected email accounts…" : "Email accounts",
+      toolName,
+      args,
+      result,
+      badge: isComplete && accounts.length > 0 ? `${accounts.length} connected` : void 0,
       error: errorMsg,
-      children: isComplete && emails.length > 0 && /* @__PURE__ */ jsx(ExpandableSection, { label: "Show email results", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border/30", children: emails.map((email2, i) => /* @__PURE__ */ jsxs(
+      children: isComplete && accounts.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2.5", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border/30", children: accounts.map((account, i) => /* @__PURE__ */ jsxs(
         "div",
         {
-          className: cn("flex flex-col gap-0.5 py-2", i === 0 && "pt-0"),
+          className: "flex items-center justify-between gap-2 py-1.5 first:pt-0 last:pb-0",
           children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
-              /* @__PURE__ */ jsxs("span", { className: "flex items-baseline gap-1.5 text-[12px] font-medium text-foreground", children: [
-                email2.isDraft && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-amber-100 px-1 py-px text-[9px] font-semibold uppercase tracking-wide text-amber-700", children: "Draft" }),
-                email2.subject || "No subject"
-              ] }),
-              email2.date && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: email2.date })
-            ] }),
-            email2.from && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: email2.from }),
-            email2.snippet && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-relaxed text-muted-foreground/80", children: truncate(email2.snippet, 150) })
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-[12px] text-foreground", children: account.address || account.name || "Unknown account" }),
+            /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1.5", children: [
+              account.isDefault && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-emerald-50 px-1.5 py-px text-[9px] font-semibold uppercase tracking-wide text-emerald-700", children: "Default" }),
+              account.provider && /* @__PURE__ */ jsx("span", { className: "rounded-md bg-muted/60 px-1.5 py-0.5 text-[10px] text-muted-foreground", children: account.provider })
+            ] })
           ]
         },
         i
@@ -57903,10 +58064,10 @@ const EmailSearchToolUIImpl = ({
     }
   );
 };
-const EmailSearchToolUI = memo(
-  EmailSearchToolUIImpl
+const EmailAccountsToolUI = memo(
+  EmailAccountsToolUIImpl
 );
-EmailSearchToolUI.displayName = "EmailSearchToolUI";
+EmailAccountsToolUI.displayName = "EmailAccountsToolUI";
 function extractAssetId(result) {
   const data = normalizeResult(result);
   if (!data) return null;
@@ -57943,6 +58104,9 @@ function asRecord(value) {
   }
   return value;
 }
+function asString(value) {
+  return typeof value === "string" ? value : void 0;
+}
 const PRESENTATION_CODE_SLIDE_NUMBER_KEYS = [
   "slideNumber",
   "slide_number",
@@ -58039,22 +58203,51 @@ function CreateAssetToolUIImpl({
       args: typedArgs,
       result,
       error: errorMsg,
-      children: assetId && isComplete && !isCancelled && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxs(
+      children: assetId && isComplete && !isCancelled && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2.5", children: /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
           onClick: handleOpen,
-          className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+          className: "group flex w-full items-center gap-3 rounded-lg border border-border/60 bg-muted/20 px-3 py-2.5 text-left transition-colors hover:border-border hover:bg-muted/40",
           children: [
-            /* @__PURE__ */ jsx(ExternalLink, { className: "size-3" }),
-            "Open ",
-            assetType === "unknown" ? "asset" : assetType
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex size-10 shrink-0 items-center justify-center rounded-lg",
+                  ASSET_TILE_STYLE[assetType] ?? ASSET_TILE_STYLE.unknown
+                ),
+                children: /* @__PURE__ */ jsx(Icon2, { className: "size-5" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "truncate text-[13px] font-medium text-foreground", children: createdName || name || "Untitled" }),
+              /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
+                ASSET_TILE_LABEL[assetType] ?? "Asset",
+                " · Click to open"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(ExternalLink, { className: "size-3.5 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100" })
           ]
         }
       ) })
     }
   );
 }
+const ASSET_TILE_STYLE = {
+  document: "bg-blue-500/10 text-blue-600",
+  spreadsheet: "bg-emerald-500/10 text-emerald-600",
+  presentation: "bg-orange-500/10 text-orange-600",
+  notebook: "bg-violet-500/10 text-violet-600",
+  unknown: "bg-muted text-muted-foreground"
+};
+const ASSET_TILE_LABEL = {
+  document: "Document",
+  spreadsheet: "Spreadsheet",
+  presentation: "Presentation",
+  notebook: "Notebook",
+  unknown: "Asset"
+};
 const CreateDocumentToolUIImpl = (props) => /* @__PURE__ */ jsx(
   CreateAssetToolUIImpl,
   {
@@ -60477,6 +60670,8 @@ const TOOL_UI_REGISTRY = {
   open_browser: OpenBrowserToolUI,
   search_email: EmailSearchToolUI,
   unified_email_search: EmailSearchToolUI,
+  unified_email_list_accounts: EmailAccountsToolUI,
+  email_list_accounts: EmailAccountsToolUI,
   create_email_draft: CreateEmailDraftToolUI,
   unified_email_create_draft: CreateEmailDraftToolUI,
   create_new_document: CreateDocumentToolUI,
@@ -61235,7 +61430,7 @@ function useSendMessage() {
         shouldReplace || !currentText ? text2 : `${currentText}
 ${text2}`
       );
-      await aui.composer.send();
+      await aui.composer.send({ steer: false });
     },
     [aui]
   );
@@ -61835,13 +62030,13 @@ const ComposerSendWithQuote = () => {
       });
       if (!fullMessage) return;
       aui.composer.setText(fullMessage);
-      aui.composer.send();
+      aui.composer.send({ steer: false });
       clearQuote();
       clearAttachments();
     } else {
       if (!userText) return;
       aui.composer.setText(userText);
-      aui.composer.send();
+      aui.composer.send({ steer: false });
     }
     editor == null ? void 0 : editor.clear();
   }, [aui, quote, attachments, hasExtras, isUploading, isThreadRunning, clearQuote, clearAttachments, editorRef, appUrl]);
@@ -62554,7 +62749,7 @@ const AthenaAssetEmbed = ({
     if (error2) onError == null ? void 0 : onError(new Error(error2));
   }, [error2, onError]);
   if (isLoading) {
-    return loadingFallback ?? /* @__PURE__ */ jsxs("output", { className: "flex h-full w-full items-center justify-center", children: [
+    return loadingFallback ?? /* @__PURE__ */ jsxs("output", { className: "athena-sdk-chrome flex h-full w-full items-center justify-center", children: [
       /* @__PURE__ */ jsx(LoaderCircle, { className: "size-6 animate-spin text-muted-foreground" }),
       /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading asset" })
     ] });
@@ -62565,7 +62760,7 @@ const AthenaAssetEmbed = ({
     return errorFallback ?? /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "flex h-full w-full items-center justify-center gap-2 p-4 text-sm text-muted-foreground",
+        className: "athena-sdk-chrome flex h-full w-full items-center justify-center gap-2 p-4 text-sm text-muted-foreground",
         role: "alert",
         children: [
           /* @__PURE__ */ jsx(CircleAlert, { className: "size-4 text-destructive" }),
@@ -62938,21 +63133,27 @@ const AthenaLayout = ({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: "flex h-full w-1 shrink-0 cursor-col-resize items-center bg-border/40 transition-colors hover:bg-border active:bg-primary/30",
+        className: "athena-sdk-chrome flex h-full w-1 shrink-0 cursor-col-resize items-center bg-border/40 transition-colors hover:bg-border active:bg-primary/30",
         onPointerDown,
         onPointerMove,
         onPointerUp
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "flex h-full flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsx(AssetPanel, { manageAssetPanelHostRegistration: false }) })
+    /* @__PURE__ */ jsx("div", { className: "athena-sdk-chrome flex h-full flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsx(AssetPanel, { manageAssetPanelHostRegistration: false }) })
   ] });
 };
 function ThreadList({ className }) {
   const statewireList = useAthenaStatewireThreadList();
   if (statewireList) {
-    return /* @__PURE__ */ jsx(StatewireThreadList, { list: statewireList, className });
+    return /* @__PURE__ */ jsx(
+      StatewireThreadList,
+      {
+        list: statewireList,
+        className: cn("athena-sdk-chrome", className)
+      }
+    );
   }
-  return /* @__PURE__ */ jsx(LegacyThreadList, { className });
+  return /* @__PURE__ */ jsx(LegacyThreadList, { className: cn("athena-sdk-chrome", className) });
 }
 function LegacyThreadList({ className }) {
   const refresh = useRefreshThreadList();