@marimo-team/islands 0.22.1-dev28 → 0.22.1-dev30

package/dist/{toDate-O4H9dZVC.js → toDate-BzYZtEK7.js}

@@ -6,7 +6,7 @@ import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
 import { l as createLucideIcon } from "./dist-D_UjpfOY.js";
 import { g as Logger } from "./button-DNlNlZY_.js";
 import { r as KnownQueryParams } from "./constants-CvyfaCvs.js";
-import { f as waitFor, p as isIslands, u as store, y as atom } from "./useTheme-Bu-jenEZ.js";
+import { f as waitFor, p as isIslands, u as store, y as atom } from "./useTheme-MWfxn4oz.js";
 var CircleQuestionMark = createLucideIcon("circle-question-mark", [
   ["circle", {
     cx: "12",

package/dist/{useAsyncData-CdwQvOxU.js → useAsyncData-rN1nzPaS.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { w as useEvent_default } from "./useTheme-Bu-jenEZ.js";
+import { w as useEvent_default } from "./useTheme-MWfxn4oz.js";
 import { t as invariant } from "./invariant-e8eBgdux.js";
 var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__PURE__ */ __toESM(require_react(), 1), Result = {
   error(e, s) {

package/dist/{useDeepCompareMemoize-B8DwRVrX.js → useDeepCompareMemoize-iM1YNTEF.js}

@@ -1,10 +1,10 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { t as toDate } from "./toDate-O4H9dZVC.js";
+import { t as toDate } from "./toDate-BzYZtEK7.js";
 import { r as cva, y as cn } from "./button-DNlNlZY_.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
-import { C as dequal } from "./useTheme-Bu-jenEZ.js";
+import { C as dequal } from "./useTheme-MWfxn4oz.js";
 import { i as tableFromIPC } from "./loader-Bd1kgLn7.js";
 function isDate(t) {
   return t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]";

package/dist/{useLifecycle-BlKjtYt4.js → useLifecycle-DgDTfOLZ.js}

@@ -4,7 +4,7 @@ import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
 import { l as createLucideIcon } from "./dist-D_UjpfOY.js";
 import { g as Logger, r as cva, y as cn } from "./button-DNlNlZY_.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
-import { _ as useSetAtom, y as atom } from "./useTheme-Bu-jenEZ.js";
+import { _ as useSetAtom, y as atom } from "./useTheme-MWfxn4oz.js";
 var Calendar = createLucideIcon("calendar", [
   ["path", {
     d: "M8 2v4",

package/dist/{useTheme-Bu-jenEZ.js → useTheme-MWfxn4oz.js}

@@ -629,8 +629,7 @@ const UserConfigSchema = looseObject({
   }).prefault({}),
   experimental: looseObject({
     markdown: boolean().optional(),
-    rtc: boolean().optional(),
-    storage_inspector: boolean().prefault(true)
+    rtc: boolean().optional()
   }).prefault(() => ({})),
   server: looseObject({ disable_file_downloads: boolean().optional() }).prefault(() => ({})),
   diagnostics: looseObject({

package/dist/{vega-component-C-fsM9rL.js → vega-component-CkpTXaRx.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { c as asRemoteURL, g as CircleQuestionMark } from "./toDate-O4H9dZVC.js";
+import { c as asRemoteURL, g as CircleQuestionMark } from "./toDate-BzYZtEK7.js";
 import { c as Objects, g as Logger, h as Events, y as cn } from "./button-DNlNlZY_.js";
 import "./react-dom-BSUuJjCR.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
@@ -9,12 +9,12 @@ import "./zod-C6UGQ3fz.js";
 import { n as ErrorBanner } from "./error-banner-Cjf0RU9I.js";
 import { t as Tooltip } from "./tooltip-BXEpXV3R.js";
 import { i as debounce_default } from "./constants-CvyfaCvs.js";
-import { n as useTheme, w as useEvent_default } from "./useTheme-Bu-jenEZ.js";
+import { n as useTheme, w as useEvent_default } from "./useTheme-MWfxn4oz.js";
 import { s as uniq } from "./arrays-beUWo8RF.js";
-import { a as AlertTitle, n as arrow, o as isValid, r as Alert, t as useDeepCompareMemoize } from "./useDeepCompareMemoize-B8DwRVrX.js";
+import { a as AlertTitle, n as arrow, o as isValid, r as Alert, t as useDeepCompareMemoize } from "./useDeepCompareMemoize-iM1YNTEF.js";
 import { n as formats } from "./vega-loader.browser-DqEcFOPD.js";
 import { a as getContainerWidth, n as vegaLoadData, s as tooltipHandler } from "./loader-Bd1kgLn7.js";
-import { t as useAsyncData } from "./useAsyncData-CdwQvOxU.js";
+import { t as useAsyncData } from "./useAsyncData-rN1nzPaS.js";
 import { t as j } from "./react-vega-CzRAIHrv.js";
 import "./defaultLocale-qS7DaAmi.js";
 import "./defaultLocale-Bxoo2-30.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.22.1-dev28",
+  "version": "0.22.1-dev30",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/ai/ai-provider-icon.tsx

@@ -3,6 +3,7 @@
 import AnthropicIcon from "@marimo-team/llm-info/icons/anthropic.svg?inline";
 import BedrockIcon from "@marimo-team/llm-info/icons/aws.svg?inline";
 import AzureIcon from "@marimo-team/llm-info/icons/azure.svg?inline";
+import CursorIcon from "@marimo-team/llm-info/icons/cursor.svg?inline";
 import DeepseekIcon from "@marimo-team/llm-info/icons/deepseek.svg?inline";
 import GitHubIcon from "@marimo-team/llm-info/icons/github.svg?inline";
 import GeminiIcon from "@marimo-team/llm-info/icons/googlegemini.svg?inline";
@@ -34,6 +35,7 @@ const icons: Record<ProviderId | ExternalAgentId, string> = {
   wandb: WandbIcon,
   marimo: marimoIcon,
   opencode: OpencodeIcon,
+  cursor: CursorIcon,
 };
 
 export interface AiProviderIconProps extends React.HTMLAttributes<HTMLImageElement> {

package/src/components/app-config/user-config-form.tsx

@@ -1276,33 +1276,6 @@ export const UserConfigForm: React.FC = () => {
                 </div>
               )}
             />
-            <FormField
-              control={form.control}
-              name="experimental.storage_inspector"
-              render={({ field }) => (
-                <div className="flex flex-col gap-y-1">
-                  <FormItem className={formItemClasses}>
-                    <FormLabel className="font-normal">
-                      Storage Inspector
-                    </FormLabel>
-                    <FormControl>
-                      <Checkbox
-                        data-testid="storage-inspector-checkbox"
-                        checked={field.value === true}
-                        onCheckedChange={field.onChange}
-                      />
-                    </FormControl>
-                  </FormItem>
-                  <IsOverridden
-                    userConfig={config}
-                    name="experimental.storage_inspector"
-                  />
-                  <FormDescription>
-                    Enable experimental storage inspector.
-                  </FormDescription>
-                </div>
-              )}
-            />
           </SettingGroup>
         );
     }

package/src/components/chat/acp/agent-docs.tsx

@@ -50,11 +50,11 @@ const AgentDocItem = memo<AgentDocItemProps>(
         </div>
         <div className="bg-muted/50 rounded-md p-2 border">
           <div className="flex items-start gap-2 text-xs">
-            <TerminalIcon className="h-4 w-4 mt-0.5 text-muted-foreground flex-shrink-0" />
-            <code className="text-xs font-mono break-words flex-1 whitespace-pre-wrap">
+            <TerminalIcon className="h-4 w-4 mt-0.5 text-muted-foreground shrink-0" />
+            <code className="text-xs font-mono wrap-break-word flex-1 whitespace-pre-wrap">
               {command}
             </code>
-            <div className="flex items-center gap-1 flex-shrink-0">
+            <div className="flex items-center gap-1 shrink-0">
               {showCopy && (
                 <Button size="xs" variant="outline" className="border">
                   <CopyClipboardIcon value={command} className="h-3 w-3" />

package/src/components/chat/acp/agent-panel.tsx

@@ -1,6 +1,6 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
-import { useAtom, useAtomValue } from "jotai";
+import { useAtom } from "jotai";
 import {
   BotMessageSquareIcon,
   RefreshCwIcon,
@@ -8,7 +8,7 @@ import {
 } from "lucide-react";
 import React, { memo, useEffect, useMemo, useRef, useState } from "react";
 import useEvent from "react-use-event-hook";
-import { useAcpClient } from "use-acp";
+import { JsonRpcError, useAcpClient } from "use-acp";
 import {
   ConnectionStatus,
   PermissionRequest,
@@ -207,7 +207,6 @@ interface EmptyStateProps {
 
 const EmptyState = memo<EmptyStateProps>(
   ({ currentAgentId, connectionState, onConnect, onDisconnect }) => {
-    const filename = useAtomValue(filenameAtom);
     return (
       <div className="flex flex-col h-full">
         <AgentPanelHeader
@@ -223,7 +222,7 @@ const EmptyState = memo<EmptyStateProps>(
             <PanelEmptyState
               title="No Agent Sessions"
               description="Create a new session to start a conversation"
-              action={<AgentSelector className="border-y-1 rounded" />}
+              action={<AgentSelector className="border-y rounded" />}
               icon={<BotMessageSquareIcon />}
             />
             {connectionState.status === "disconnected" && (
@@ -232,10 +231,13 @@ const EmptyState = memo<EmptyStateProps>(
                 title="Connect to an agent"
                 description={
                   <>
-                    Start agents by running these commands in your terminal:
+                    <span>
+                      Start agents by running these commands in your terminal.
+                    </span>
                     <br />
-                    Note: This must be in the directory{" "}
-                    {Paths.dirname(filename ?? "")}
+                    <span>
+                      Authenticate with the agent before starting a session.
+                    </span>
                   </>
                 }
               />
@@ -615,6 +617,15 @@ const ChatContent = memo<ChatContentProps>(
 ChatContent.displayName = "ChatContent";
 
 const NO_WS_SET = "_skip_auto_connect_";
+const AUTH_REQUIRED_CODE = -32_000;
+
+function getDataMessage(data: unknown): string | undefined {
+  if (data != null && typeof data === "object" && "message" in data) {
+    const msg = (data as Record<string, unknown>).message;
+    return typeof msg === "string" ? msg : undefined;
+  }
+  return undefined;
+}
 
 function getCwd(): string {
   const cwd = store.get(cwdAtom);
@@ -705,14 +716,31 @@ const AgentPanel: React.FC = () => {
   } = acpClient;
 
   useEffect(() => {
-    agent?.initialize({
-      protocolVersion: 1,
-      clientCapabilities: {
-        fs: {
-          readTextFile: true,
-          writeTextFile: true,
+    if (!agent) {
+      return;
+    }
+
+    const initAndAuth = async () => {
+      const response = await agent.initialize({
+        protocolVersion: 1,
+        clientCapabilities: {
+          fs: {
+            readTextFile: true,
+            writeTextFile: true,
+          },
         },
-      },
+      });
+
+      // We try to authenticate with the agent if it supports it.
+      // The user must then restart the session
+      const authMethods = response?.authMethods;
+      if (authMethods && authMethods.length > 0) {
+        await agent.authenticate({ methodId: authMethods[0].id });
+      }
+    };
+
+    initAndAuth().catch((error) => {
+      logger.error("Failed to initialize/authenticate agent", { error });
     });
   }, [agent]);
 
@@ -1041,18 +1069,37 @@ const AgentPanel: React.FC = () => {
 
   const renderBody = () => {
     if (error) {
+      const isAuthError =
+        error instanceof JsonRpcError && error.code === AUTH_REQUIRED_CODE;
+      const dataMessage =
+        error instanceof JsonRpcError ? getDataMessage(error.data) : undefined;
+      const displayError = dataMessage ? new Error(dataMessage) : error;
+
       return (
         <ErrorBanner
           className="w-3/4 mx-auto mt-10"
-          error={error}
+          error={displayError}
           action={
-            <Button
-              variant="linkDestructive"
-              size="sm"
-              onClick={() => setError(null)}
-            >
-              Dismiss
-            </Button>
+            isAuthError ? (
+              <Button
+                variant="linkDestructive"
+                size="sm"
+                onClick={() => {
+                  setError(null);
+                  handleNewSession();
+                }}
+              >
+                Restart session
+              </Button>
+            ) : (
+              <Button
+                variant="linkDestructive"
+                size="sm"
+                onClick={() => setError(null)}
+              >
+                Dismiss
+              </Button>
+            )
           }
         />
       );

package/src/components/chat/acp/agent-selector.tsx

@@ -16,9 +16,7 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { useFilename } from "@/core/saving/filename";
 import { cn } from "@/utils/cn";
-import { Paths } from "@/utils/paths";
 import { AgentDocs } from "./agent-docs";
 import {
   type AgentSession,
@@ -55,17 +53,17 @@ const AVAILABLE_AGENTS = [
     displayName: "OpenCode",
     iconId: "opencode",
   },
+  { id: "cursor", displayName: "Cursor", iconId: "cursor" },
 ] as const;
 
 interface AgentMenuItemProps {
   agent: (typeof AVAILABLE_AGENTS)[number];
   onSelect: (agentId: ExternalAgentId) => void;
   existingSessions: AgentSession[];
-  filename: string | null;
 }
 
 const AgentMenuItem = memo<AgentMenuItemProps>(
-  ({ agent, onSelect, existingSessions, filename }) => {
+  ({ agent, onSelect, existingSessions }) => {
     const sessionSupport = getAgentSessionSupport(agent.id);
     const hasExistingSession = existingSessions.some(
       (s) => s.agentId === agent.id,
@@ -108,11 +106,6 @@ const AgentMenuItem = memo<AgentMenuItemProps>(
               <div className="text-xs font-medium text-muted-foreground mb-3">
                 To start a {agent.displayName} agent, run the following command
                 in your terminal.
-                <br />
-                Note: This must be in the directory{" "}
-                <code className="bg-muted font-mono">
-                  {Paths.dirname(filename ?? "")}
-                </code>
               </div>
               <AgentDocs agents={[agent.id]} showCopy={true} />
             </div>
@@ -126,7 +119,6 @@ AgentMenuItem.displayName = "AgentMenuItem";
 
 export const AgentSelector: React.FC<AgentSelectorProps> = memo(
   ({ onSessionCreated, className }) => {
-    const filename = useFilename();
     const [sessionState, setSessionState] = useAtom(agentSessionStateAtom);
     const setActiveTab = useSetAtom(selectedTabAtom);
     const [isOpen, setIsOpen] = useState(false);
@@ -165,7 +157,6 @@ export const AgentSelector: React.FC<AgentSelectorProps> = memo(
               agent={agent}
               onSelect={handleCreateSession}
               existingSessions={sessionState.sessions}
-              filename={filename}
             />
           ))}
         </DropdownMenuContent>

package/src/components/chat/acp/state.ts

@@ -11,7 +11,12 @@ import type { ExternalAgentSessionId, SessionSupportType } from "./types";
 
 // Types
 export type TabId = TypedString<"TabId">;
-export type ExternalAgentId = "claude" | "gemini" | "codex" | "opencode";
+export type ExternalAgentId =
+  | "claude"
+  | "gemini"
+  | "codex"
+  | "opencode"
+  | "cursor";
 
 // No agents support loading sessions, so we limit to 1, otherwise
 // this is confusing to the user when switching between sessions
@@ -225,7 +230,7 @@ export function getSessionsByAgent(
 }
 
 export function getAllAgentIds(): ExternalAgentId[] {
-  return ["claude", "gemini", "codex", "opencode"];
+  return ["claude", "gemini", "codex", "opencode", "cursor"];
 }
 
 export function getAgentDisplayName(agentId: ExternalAgentId): string {
@@ -245,6 +250,8 @@ interface AgentConfig {
   port: number;
   command: string;
   sessionSupport: SessionSupportType;
+  /** One-time setup command the user must run before starting the agent. */
+  loginHint?: string;
 }
 
 const AGENT_CONFIG: Record<ExternalAgentId, AgentConfig> = {
@@ -268,6 +275,11 @@ const AGENT_CONFIG: Record<ExternalAgentId, AgentConfig> = {
     command: "npx opencode-ai acp",
     sessionSupport: "single",
   },
+  cursor: {
+    port: 3025,
+    command: "agent acp",
+    sessionSupport: "single",
+  },
 };
 
 export function getAgentSessionSupport(

package/src/components/editor/chrome/panels/file-explorer-panel.tsx

@@ -7,7 +7,6 @@ import React, { useCallback, useMemo } from "react";
 import useResizeObserver from "use-resize-observer";
 import { StorageInspector } from "@/components/storage/storage-inspector";
 import { Accordion } from "@/components/ui/accordion";
-import { getFeatureFlag } from "@/core/config/feature-flag";
 import { storageNamespacesAtom } from "@/core/storage/state";
 import { cn } from "@/utils/cn";
 import { jotaiJsonStorage } from "@/utils/storage/jotai";
@@ -103,15 +102,6 @@ const FileExplorerPanel: React.FC = () => {
     bothOpen ? availableContent - storageMaxHeight : availableContent,
   );
 
-  const storageInspectorEnabled = getFeatureFlag("storage_inspector");
-  if (!storageInspectorEnabled) {
-    return (
-      <div ref={panelRef} className="h-full overflow-auto">
-        <FileExplorerComponent height={panelHeight} />
-      </div>
-    );
-  }
-
   return (
     <div ref={panelRef} className="h-full overflow-auto">
       <Accordion

package/src/core/config/__tests__/config-schema.test.ts

@@ -70,9 +70,7 @@ test("default UserConfig - empty", () => {
         "reference_highlighting": true,
         "theme": "light",
       },
-      "experimental": {
-        "storage_inspector": true,
-      },
+      "experimental": {},
       "formatting": {
         "line_length": 79,
       },
@@ -142,9 +140,7 @@ test("default UserConfig - one level", () => {
         "reference_highlighting": true,
         "theme": "light",
       },
-      "experimental": {
-        "storage_inspector": true,
-      },
+      "experimental": {},
       "formatting": {
         "line_length": 79,
       },

package/src/core/config/config-schema.ts

@@ -186,7 +186,6 @@ export const UserConfigSchema = z
       .looseObject({
         markdown: z.boolean().optional(),
         rtc: z.boolean().optional(),
-        storage_inspector: z.boolean().prefault(true),
         // Add new experimental features here
       })
       // Pass through so that we don't remove any extra keys that the user has added.

package/src/core/config/feature-flag.tsx

@@ -11,7 +11,6 @@ export interface ExperimentalFeatures {
   rtc_v2: boolean;
   cache_panel: boolean;
   external_agents: boolean;
-  storage_inspector: boolean;
   // Add new feature flags here
 }
 
@@ -21,7 +20,6 @@ const defaultValues: ExperimentalFeatures = {
   rtc_v2: false,
   cache_panel: false,
   external_agents: import.meta.env.DEV,
-  storage_inspector: true,
 };
 
 export function getFeatureFlag<T extends keyof ExperimentalFeatures>(

package/dist/assets/__vite-browser-external-Us1ds95c.js

@@ -1 +0,0 @@
-import{t as e}from"./worker-D10K3OOz.js";var t=e(((e,t)=>{t.exports={}}));export default t();