@agent-native/core 0.91.2 → 0.92.1

package/corpus/core/src/client/chat/widgets/DataTableWidget.tsx

@@ -1,8 +1,20 @@
-import { IconExternalLink, IconTable } from "@tabler/icons-react";
+import {
+  IconDots,
+  IconDownload,
+  IconExternalLink,
+  IconTable,
+} from "@tabler/icons-react";
 
 import { requestAgentSidebarOpen } from "../../agent-sidebar-state.js";
 import { appPath } from "../../api-path.js";
 import { startAgentChatViewTransition } from "../../chat-view-transition.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "../../components/ui/dropdown-menu.js";
+import { downloadFile, toCSVTable } from "../../db-admin/export-utils.js";
 import { cn } from "../../utils.js";
 import type { DataTableWidget as DataTableWidgetData } from "./data-widget-types.js";
 
@@ -82,6 +94,15 @@ function navigateSameAppHref(href: string): void {
   });
 }
 
+function slugifyFilenamePart(value: string | undefined): string {
+  const slug = (value ?? "data-table")
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-+|-+$/g, "");
+  return slug || "data-table";
+}
+
 export function DataTableWidget({
   table,
   action,
@@ -91,6 +112,19 @@ export function DataTableWidget({
 }) {
   const rows = table.rows ?? [];
   const actionHref = action ? normalizeActionHref(action.href) : null;
+  const canExportCsv = table.columns.length > 0;
+  const exportCsv = () => {
+    if (!canExportCsv) return;
+    const stamp = new Date().toISOString().slice(0, 10);
+    downloadFile(
+      `${slugifyFilenamePart(table.title)}-${stamp}.csv`,
+      "text/csv;charset=utf-8",
+      toCSVTable(
+        table.columns.map((column) => column.label),
+        rows.map((row) => table.columns.map((column) => row[column.key])),
+      ),
+    );
+  };
 
   return (
     <div className="my-1.5 overflow-hidden rounded-lg border border-border bg-background text-foreground shadow-sm">
@@ -131,6 +165,23 @@ export function DataTableWidget({
             <IconExternalLink className="h-3 w-3" />
           </a>
         ) : null}
+        <DropdownMenu>
+          <DropdownMenuTrigger asChild>
+            <button
+              type="button"
+              aria-label="Data table options"
+              className="inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+            >
+              <IconDots className="h-3.5 w-3.5" />
+            </button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent align="end" className="w-44">
+            <DropdownMenuItem onSelect={exportCsv} disabled={!canExportCsv}>
+              <IconDownload className="mr-2 h-3.5 w-3.5" />
+              Download CSV
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
       </div>
       <div className="max-h-[360px] overflow-auto">
         <table className="w-full min-w-[420px] border-collapse text-xs">

package/corpus/core/src/client/code-agent-chat-adapter.ts

@@ -357,16 +357,9 @@ function thinkingContentPartForCodeAgentTranscriptItem(
 ): ContentPart | null {
   const text = item.text.trim();
   if (!text) return null;
-  // Surface as a special "thinking" tool-call-like part so the chat renderer
-  // can display a collapsed-by-default "Thinking…" cell.  Using a distinct
-  // toolName makes it easy to style in AssistantChat without a new content type.
   return {
-    type: "tool-call",
-    toolCallId: `thinking-${item.id}`,
-    toolName: "thinking",
-    argsText: "",
-    args: {},
-    result: text,
+    type: "reasoning",
+    text,
   };
 }
 

package/corpus/core/src/client/db-admin/TableEditor.tsx

@@ -7,6 +7,8 @@ import {
   IconCode,
   IconArrowBackUp,
   IconDeviceFloppy,
+  IconDots,
+  IconDownload,
   IconChevronLeft,
   IconChevronRight,
   IconChevronsLeft,
@@ -25,6 +27,12 @@ import type {
   DbAdminSort,
   DbAdminMutationResult,
 } from "../../db-admin/types.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "../components/ui/dropdown-menu.js";
 import {
   Popover,
   PopoverContent,
@@ -33,6 +41,7 @@ import {
 import { cn } from "../utils.js";
 import { useChangeset, pkStringFor } from "./changeset.js";
 import { DataGrid, type GridRow, type ActiveCell } from "./DataGrid.js";
+import { downloadFile, toCSVTable } from "./export-utils.js";
 import { FilterBar } from "./FilterBar.js";
 import { RowSidePanel, type RowSidePanelMode } from "./RowSidePanel.js";
 import { loadGridState, saveGridState } from "./storage.js";
@@ -54,6 +63,15 @@ export interface TableEditorProps {
 const DEFAULT_PAGE_SIZE = 100;
 const PAGE_SIZES = [25, 50, 100, 250, 500];
 
+function slugifyFilenamePart(value: string): string {
+  const slug = value
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-+|-+$/g, "");
+  return slug || "table";
+}
+
 export function TableEditor({
   table,
   dialect: _dialect,
@@ -300,6 +318,20 @@ export function TableEditor({
   }
 
   const noPk = schema.primaryKey.length === 0;
+  const exportCurrentPageCsv = () => {
+    const columns = schema.columns.map((column) => column.name);
+    const stamp = new Date().toISOString().slice(0, 10);
+    downloadFile(
+      `${slugifyFilenamePart(table)}-${stamp}.csv`,
+      "text/csv;charset=utf-8",
+      toCSVTable(
+        columns,
+        gridRows
+          .filter((row) => !row.isDeleted)
+          .map((row) => columns.map((column) => row.values[column])),
+      ),
+    );
+  };
 
   return (
     <div className="flex h-full min-h-0 flex-col">
@@ -337,6 +369,23 @@ export function TableEditor({
                 primary
               />
             )}
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <button
+                  type="button"
+                  aria-label="Table options"
+                  className="inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded-md border border-border text-muted-foreground hover:bg-muted hover:text-foreground"
+                >
+                  <IconDots className="h-3.5 w-3.5" />
+                </button>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="end" className="w-44">
+                <DropdownMenuItem onSelect={exportCurrentPageCsv}>
+                  <IconDownload className="mr-2 h-3.5 w-3.5" />
+                  Download CSV
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
           </div>
         </div>
 

package/corpus/core/src/client/db-admin/export-utils.ts

@@ -16,6 +16,9 @@ function cellToCSV(value: unknown): string {
   } else {
     str = String(value);
   }
+  // Spreadsheet apps treat leading =, +, -, and @ as formulas. Prefix with an
+  // apostrophe so exported CSV opens as literal text instead of executing.
+  if (/^[=+\-@]/.test(str)) str = `'${str}`;
   // Quote when the value contains a comma, quote, CR, or LF. Escape embedded
   // double-quotes by doubling them (RFC 4180).
   if (/[",\r\n]/.test(str)) {
@@ -24,16 +27,22 @@ function cellToCSV(value: unknown): string {
   return str;
 }
 
+/** Render a matrix as RFC-4180-style CSV with a header row. */
+export function toCSVTable(headers: string[], rows: unknown[][]): string {
+  const header = headers.map(cellToCSV).join(",");
+  const body = rows.map((row) => row.map(cellToCSV).join(","));
+  return [header, ...body].join("\r\n");
+}
+
 /** Render rows as RFC-4180-style CSV with a header row of the given columns. */
 export function toCSV(
   columns: string[],
   rows: Record<string, unknown>[],
 ): string {
-  const header = columns.map(cellToCSV).join(",");
-  const body = rows.map((row) =>
-    columns.map((col) => cellToCSV(row[col])).join(","),
+  return toCSVTable(
+    columns,
+    rows.map((row) => columns.map((col) => row[col])),
   );
-  return [header, ...body].join("\r\n");
 }
 
 /** Render rows as a pretty-printed JSON array. */

package/corpus/core/src/client/db-admin/useAgentSync.ts

@@ -14,7 +14,16 @@
  */
 import { useEffect, useRef } from "react";
 
+import {
+  removeAgentChatContextItem,
+  setAgentChatContextItem,
+} from "../agent-chat.js";
 import { agentNativePath } from "../api-path.js";
+import {
+  deleteClientAppState,
+  readClientAppState,
+  setClientAppState,
+} from "../application-state.js";
 
 const NAVIGATION_PATH = agentNativePath(
   "/_agent-native/application-state/navigation",
@@ -24,6 +33,9 @@ const NAVIGATE_PATH = agentNativePath(
 );
 
 const POLL_INTERVAL_MS = 1500;
+const TABLE_CONTEXT_KEY = "database-selected-table";
+const SELECTED_OBJECT_STATE_KEY = "selected-object";
+const SELECTED_OBJECT_SOURCE_FIELD = "__agentNativeSelectedObjectSource";
 
 let cachedSource: string | null = null;
 
@@ -55,6 +67,23 @@ function headers(extra?: Record<string, string>): Record<string, string> {
   return h;
 }
 
+async function deleteSelectedObjectIfOwned(source: string | undefined) {
+  if (!source) return;
+  try {
+    const current = await readClientAppState<Record<string, unknown>>(
+      SELECTED_OBJECT_STATE_KEY,
+    );
+    if (current?.[SELECTED_OBJECT_SOURCE_FIELD] !== source) return;
+    await deleteClientAppState(SELECTED_OBJECT_STATE_KEY, {
+      keepalive: true,
+      requestSource: source,
+    });
+  } catch {
+    // Best effort only; stale selected-object context is less harmful than
+    // clearing a selection owned by another tab.
+  }
+}
+
 export interface DbAdminNavigationState {
   view: "database";
   table: string | null;
@@ -88,6 +117,49 @@ export function useDbAdminAgentSync({
       body: JSON.stringify(state),
     }).catch(() => {});
   }, [enabled, table, mode]);
+
+  useEffect(() => {
+    if (!enabled) return;
+    const source = requestSource();
+    if (!table) {
+      removeAgentChatContextItem({
+        key: TABLE_CONTEXT_KEY,
+        openSidebar: false,
+      });
+      deleteSelectedObjectIfOwned(source);
+      return;
+    }
+
+    const selection = {
+      type: "database-table",
+      table,
+      mode,
+      [SELECTED_OBJECT_SOURCE_FIELD]: source,
+    };
+    setAgentChatContextItem({
+      key: TABLE_CONTEXT_KEY,
+      title: `Table: ${table}`,
+      context: [
+        `The user currently has this database table selected: ${table}.`,
+        `Database admin mode: ${mode}`,
+        "Use the database admin actions and current-screen context to inspect rows, schema, or run SQL against this table.",
+      ].join("\n"),
+      openSidebar: false,
+      focus: false,
+    });
+    setClientAppState(SELECTED_OBJECT_STATE_KEY, selection, {
+      keepalive: true,
+      requestSource: source,
+    }).catch(() => {});
+
+    return () => {
+      removeAgentChatContextItem({
+        key: TABLE_CONTEXT_KEY,
+        openSidebar: false,
+      });
+      deleteSelectedObjectIfOwned(source);
+    };
+  }, [enabled, table, mode]);
 }
 
 interface NavigateCommand {

package/corpus/core/src/client/error-capture.ts

@@ -317,6 +317,72 @@ function signatureOf(type: string, message: string, stack?: string): string {
   return `${type}|${message}|${firstStackLine(stack)}`;
 }
 
+function normalizeGlobalErrorEvent(event: ErrorEvent): {
+  type: string;
+  message: string;
+  stack?: string;
+} {
+  const error = event?.error;
+  const normalized = error
+    ? normalizeCapturedError(error)
+    : {
+        type: "Error",
+        message: String(event?.message ?? "Uncaught error"),
+      };
+
+  if (!normalized.stack && event?.filename) {
+    const line = event.lineno ?? 0;
+    const col = event.colno ?? 0;
+    normalized.stack = `at ${event.filename}:${line}:${col}`;
+  }
+
+  return normalized;
+}
+
+function shouldIgnoreAutoCapturedError(normalized: {
+  type: string;
+  message: string;
+  stack?: string;
+}): boolean {
+  const message = (normalized.message || "").trim();
+  const stack = normalized.stack || "";
+
+  if (
+    /^ResizeObserver loop (?:limit exceeded|completed with undelivered notifications\.?)$/i.test(
+      message,
+    )
+  ) {
+    return true;
+  }
+
+  if (
+    normalized.type === "InvalidStateError" &&
+    /^Transition was aborted because of invalid state$/i.test(message)
+  ) {
+    return true;
+  }
+
+  if (
+    /^This script should only be loaded in a browser extension\.?$/i.test(
+      message,
+    )
+  ) {
+    return true;
+  }
+
+  const hasExtensionFrame =
+    /\b(?:chrome|moz|safari|webkit)-extension:\/\//i.test(stack) ||
+    /\binjectScriptAdjust\.js\b/i.test(stack);
+  if (
+    hasExtensionFrame &&
+    /^(?:TypeError:\s*)?Failed to fetch$/i.test(message)
+  ) {
+    return true;
+  }
+
+  return false;
+}
+
 function shouldDedupe(
   runtime: ErrorCaptureRuntime,
   signature: string,
@@ -540,13 +606,8 @@ export function installErrorCapture(
   if (runtime.config.captureGlobalErrors) {
     const onError = (event: ErrorEvent) => {
       try {
-        const error = event?.error;
-        const normalized = error
-          ? normalizeCapturedError(error)
-          : {
-              type: "Error",
-              message: String(event?.message ?? "Uncaught error"),
-            };
+        const normalized = normalizeGlobalErrorEvent(event);
+        if (shouldIgnoreAutoCapturedError(normalized)) return;
         // Global errors are already logged by the session replay recorder, so
         // don't re-emit them onto the replay timeline (avoid double-counting).
         dispatch(
@@ -575,6 +636,7 @@ export function installErrorCapture(
         if (!normalized.type || normalized.type === "Error") {
           normalized.type = "UnhandledRejection";
         }
+        if (shouldIgnoreAutoCapturedError(normalized)) return;
         dispatch(
           runtime,
           buildEvent(runtime, normalized, {

package/corpus/core/src/client/extensions/EmbeddedExtension.tsx

@@ -41,6 +41,7 @@ import {
   type BridgePolicyContext,
   type ExtensionBridgeRole,
 } from "./iframe-bridge.js";
+import { normalizeAgentNativeExtensionSandbox } from "./portable-extension.js";
 
 interface Extension {
   id: string;
@@ -55,6 +56,9 @@ interface Extension {
   };
 }
 
+const EXTENSION_IFRAME_SANDBOX =
+  normalizeAgentNativeExtensionSandbox(undefined);
+
 // Read the host app's *actual* computed theme values for the shared token set
 // (THEME_VAR_NAMES). The iframe ships with a generic baked palette
 // (getThemeVars); syncing the live values keeps embedded extensions visually
@@ -392,7 +396,7 @@ export function EmbeddedExtension({
         key={`${extensionId}-${extension.updatedAt ?? ""}`}
         src={iframeSrc}
         title={extension.name}
-        sandbox="allow-scripts allow-forms"
+        sandbox={EXTENSION_IFRAME_SANDBOX}
         style={{ width: "100%", border: 0, height, display: "block" }}
         onLoad={() => {
           iframeRef.current?.contentWindow?.postMessage(

package/corpus/core/src/client/extensions/ExtensionViewer.tsx

@@ -51,6 +51,7 @@ import {
   type BridgePolicyContext,
   type ExtensionBridgeRole,
 } from "./iframe-bridge.js";
+import { normalizeAgentNativeExtensionSandbox } from "./portable-extension.js";
 
 const THEME_CSS_VARS = [
   "--background",
@@ -83,6 +84,9 @@ const THEME_CSS_VARS = [
   "--sidebar-ring",
 ];
 
+const EXTENSION_IFRAME_SANDBOX =
+  normalizeAgentNativeExtensionSandbox(undefined);
+
 function getParentThemeVars(): Record<string, string> {
   const computed = getComputedStyle(document.documentElement);
   const vars: Record<string, string> = {};
@@ -261,6 +265,40 @@ function compactDiffLines(
   return result;
 }
 
+function ExtensionUnavailableState({ status }: { status?: number }) {
+  const sessionExpired = status === 401;
+  const accessDenied = status === 403;
+  const unavailable = status === 404;
+  const title = sessionExpired
+    ? "Session expired"
+    : accessDenied
+      ? "Extension is not shared"
+      : unavailable
+        ? "Extension is unavailable"
+        : "Extension not found";
+  const message = sessionExpired
+    ? "Sign in again to view this extension."
+    : accessDenied
+      ? "You do not have access to this extension. Ask the owner to share it with your organization or open a different extension."
+      : "This extension may not be shared with you, may have been deleted, or is not available to your account.";
+  return (
+    <div className="flex h-full min-h-[20rem] items-center justify-center bg-muted/20 p-6">
+      <div className="w-full max-w-md rounded-lg border border-border bg-background p-6 text-center shadow-sm">
+        <p className="text-sm font-semibold text-foreground">{title}</p>
+        <p className="mt-2 text-sm leading-6 text-muted-foreground">
+          {message}
+        </p>
+        <Link
+          to="/extensions"
+          className="mt-4 inline-flex h-9 items-center justify-center rounded-md border border-input px-3 text-sm font-medium text-foreground hover:bg-accent hover:text-accent-foreground"
+        >
+          Back to extensions
+        </Link>
+      </div>
+    </div>
+  );
+}
+
 function diffLineClass(line: CompactDiffLine): string {
   switch (line.type) {
     case "insert":
@@ -1071,6 +1109,7 @@ export function ExtensionViewer({ extensionId }: ExtensionViewerProps) {
   const {
     data: extension,
     error: extensionError,
+    failureReason: extensionFailureReason,
     isFetching,
     isLoading,
   } = useQuery<Extension>({
@@ -1079,6 +1118,9 @@ export function ExtensionViewer({ extensionId }: ExtensionViewerProps) {
       const res = await fetch(
         agentNativePath(`/_agent-native/extensions/${extensionId}`),
       );
+      if (res.status === 401) {
+        throw extensionLoadError(401, "Session expired");
+      }
       if (res.status === 404) {
         throw extensionLoadError(404, "Extension not found");
       }
@@ -1092,6 +1134,7 @@ export function ExtensionViewer({ extensionId }: ExtensionViewerProps) {
     },
     retry: shouldRetryExtensionLoad,
     retryDelay: (attempt) => Math.min(1000 * 2 ** attempt, 4000),
+    refetchOnMount: "always",
   });
 
   toolRef.current = extension ?? null;
@@ -1130,6 +1173,13 @@ export function ExtensionViewer({ extensionId }: ExtensionViewerProps) {
     if (!extension?.content || !isEmbedMcpChatBridgeActive()) return undefined;
     return buildExtensionViewerSrcDoc(extension, isDark);
   }, [extension, isDark]);
+  const unavailableStatus = extensionLoadErrorStatus(
+    extensionError ?? extensionFailureReason,
+  );
+  const latestFetchDenied =
+    unavailableStatus === 401 ||
+    unavailableStatus === 403 ||
+    unavailableStatus === 404;
 
   useEffect(() => {
     setIframeReady(false);
@@ -1187,13 +1237,8 @@ export function ExtensionViewer({ extensionId }: ExtensionViewerProps) {
     );
   }
 
-  if (!extension) {
-    const status = extensionLoadErrorStatus(extensionError);
-    return (
-      <div className="flex h-full items-center justify-center text-sm text-muted-foreground">
-        {status === 403 ? "Extension access denied" : "Extension not found"}
-      </div>
-    );
+  if (latestFetchDenied || !extension) {
+    return <ExtensionUnavailableState status={unavailableStatus} />;
   }
 
   const isLocalExtension = extension.source?.mode === "local-files";
@@ -1334,7 +1379,7 @@ export function ExtensionViewer({ extensionId }: ExtensionViewerProps) {
             src={iframeSrcDoc ? undefined : iframeSrc}
             srcDoc={iframeSrcDoc}
             className="h-full w-full border-0"
-            sandbox="allow-scripts allow-forms"
+            sandbox={EXTENSION_IFRAME_SANDBOX}
             title={extension.name}
             style={{
               pointerEvents: openPopoverCount > 0 ? "none" : "auto",

package/corpus/core/src/client/extensions/InlineExtensionFrame.tsx

@@ -11,6 +11,7 @@ import {
   type BridgePolicyContext,
   type ExtensionBridgeRole,
 } from "./iframe-bridge.js";
+import { normalizeAgentNativeExtensionSandbox } from "./portable-extension.js";
 
 const THEME_CSS_VARS = [
   "--background",
@@ -43,6 +44,9 @@ const THEME_CSS_VARS = [
   "--sidebar-ring",
 ];
 
+const EXTENSION_IFRAME_SANDBOX =
+  normalizeAgentNativeExtensionSandbox(undefined);
+
 interface InlineExtensionSource {
   mode?: "database" | "local-files";
   permissions?: BridgePolicyContext["permissions"];
@@ -642,7 +646,7 @@ export function InlineExtensionFrame({
         src={iframeSrc}
         srcDoc={srcDoc}
         title={extension.name}
-        sandbox="allow-scripts allow-forms"
+        sandbox={EXTENSION_IFRAME_SANDBOX}
         style={{ width: "100%", border: 0, height, display: "block" }}
         onLoad={() => {
           sendThemeToIframe();

package/corpus/core/src/client/extensions/portable-extension.ts

@@ -447,6 +447,7 @@ export function normalizeAgentNativeExtensionSandbox(
   );
   tokens.delete("allow-same-origin");
   tokens.add("allow-scripts");
+  tokens.add("allow-downloads");
   return Array.from(tokens).join(" ");
 }
 

package/corpus/core/src/client/org/OrgSwitcher.tsx

@@ -62,7 +62,7 @@ export interface OrgSwitcherProps {
   reserveSpace?: boolean;
   /**
    * Path to navigate to when the user clicks "Organization settings".
-   * Defaults to the standard Team tab inside Settings. Templates with an
+   * Defaults to the Organization tab inside Settings. Templates with an
    * established org surface can pass their own path; pass `null` to only open
    * the in-sidebar settings panel.
    */
@@ -98,7 +98,7 @@ const APP_SUBMENU_CONTENT_CLASS =
 const SWITCHER_BUTTON_CLASS =
   "flex w-full items-center gap-2 rounded-md border border-border/70 px-2.5 py-1.5 text-xs font-medium text-muted-foreground hover:bg-accent/50 hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-60 cursor-pointer";
 
-const DEFAULT_ORGANIZATION_SETTINGS_PATH = "/settings#team";
+const DEFAULT_ORGANIZATION_SETTINGS_PATH = "/settings#organization";
 
 const APP_ICON_MAP: Record<string, typeof IconApps> = {
   Mail: IconMail,
@@ -130,7 +130,9 @@ function appMenuIcon(app: OrgSwitcherAppLink): typeof IconApps {
 }
 
 function organizationSettingsPath(path: string): string {
-  return path.includes("#") ? path : `${path}#team`;
+  if (path.includes("#")) return path;
+  const pathname = path.split("?")[0]?.replace(/\/+$/, "");
+  return pathname === "/settings" ? `${path}#organization` : path;
 }
 
 function AppMenuLink({
@@ -547,14 +549,15 @@ export function OrgSwitcher({
                   type="button"
                   onClick={() => {
                     setOpen(false);
-                    window.dispatchEvent(new CustomEvent("agent-panel:open"));
-                    window.dispatchEvent(
-                      new CustomEvent("agent-panel:open-settings", {
-                        detail: { section: "workspace-settings" },
-                      }),
-                    );
                     if (organizationSettingsHref) {
                       navigate(organizationSettingsHref);
+                    } else {
+                      window.dispatchEvent(new CustomEvent("agent-panel:open"));
+                      window.dispatchEvent(
+                        new CustomEvent("agent-panel:open-settings", {
+                          detail: { section: "workspace-settings" },
+                        }),
+                      );
                     }
                   }}
                   className={`${ITEM_CLASS} cursor-pointer`}