@marimo-team/islands 0.18.5-dev172 → 0.18.5-dev176

package/dist/main.js

@@ -30396,7 +30396,16 @@ ${c.sqlString}
       }
     };
   }
-  const jotaiJsonStorage = createJSONStorage(() => availableStorage);
+  const jotaiJsonStorage = createJSONStorage(() => availableStorage), capabilitiesAtom = atom({
+    terminal: false,
+    pylsp: false,
+    basedpyright: false,
+    ty: false
+  });
+  function hasCapability(e) {
+    var _a2;
+    return ((_a2 = store.get(capabilitiesAtom)) == null ? void 0 : _a2[e]) ?? false;
+  }
   function repl(e, r) {
     if (typeof window > "u") return;
     let c = `__marimo__${r}`;
@@ -30523,7 +30532,9 @@ ${c.sqlString}
       Icon: SquareTerminal,
       label: "Terminal",
       tooltip: "Terminal",
-      defaultSection: "developer-panel"
+      hidden: isWasm(),
+      defaultSection: "developer-panel",
+      requiredCapability: "terminal"
     },
     {
       type: "cache",
@@ -30537,9 +30548,13 @@ ${c.sqlString}
   new Map(PANELS.map((e) => [
     e.type,
     e
-  ])), require_compiler_runtime(), atomWithStorage("marimo:panel-layout", {
-    sidebar: PANELS.filter((e) => !e.hidden && e.defaultSection === "sidebar").map((e) => e.type),
-    developerPanel: PANELS.filter((e) => !e.hidden && e.defaultSection === "developer-panel").map((e) => e.type)
+  ]));
+  function isPanelHidden(e) {
+    return !!(e.hidden || e.requiredCapability && !hasCapability(e.requiredCapability));
+  }
+  require_compiler_runtime(), atomWithStorage("marimo:panel-layout", {
+    sidebar: PANELS.filter((e) => !isPanelHidden(e) && e.defaultSection === "sidebar").map((e) => e.type),
+    developerPanel: PANELS.filter((e) => !isPanelHidden(e) && e.defaultSection === "developer-panel").map((e) => e.type)
   }, jotaiJsonStorage, {
     getOnInit: true
   });
@@ -30599,15 +30614,6 @@ ${c.sqlString}
   function useChromeActions() {
     return useActions$2();
   }
-  const capabilitiesAtom = atom({
-    terminal: false,
-    pylsp: false,
-    basedpyright: false,
-    ty: false
-  });
-  function hasCapability(e) {
-    return store.get(capabilitiesAtom)[e] ?? false;
-  }
   const documentationAtom = atom({
     documentation: null
   });
@@ -101019,7 +101025,7 @@ Defaulting to \`null\`.`;
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.18.5-dev172"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.18.5-dev176"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {

package/package.json

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

package/src/components/editor/chrome/state.ts

@@ -7,7 +7,7 @@ import { createReducerAndAtoms } from "@/utils/createReducer";
 import { jotaiJsonStorage } from "@/utils/storage/jotai";
 import { ZodLocalStorage } from "@/utils/storage/typed";
 import type { PanelType } from "./types";
-import { PANELS } from "./types";
+import { isPanelHidden, PANELS } from "./types";
 
 export interface ChromeState {
   selectedPanel: PanelType | undefined;
@@ -27,10 +27,10 @@ export interface PanelLayout {
 
 const DEFAULT_PANEL_LAYOUT: PanelLayout = {
   sidebar: PANELS.filter(
-    (p) => !p.hidden && p.defaultSection === "sidebar",
+    (p) => !isPanelHidden(p) && p.defaultSection === "sidebar",
   ).map((p) => p.type),
   developerPanel: PANELS.filter(
-    (p) => !p.hidden && p.defaultSection === "developer-panel",
+    (p) => !isPanelHidden(p) && p.defaultSection === "developer-panel",
   ).map((p) => p.type),
 };
 

package/src/components/editor/chrome/types.ts

@@ -18,7 +18,9 @@ import {
   VariableIcon,
   XCircleIcon,
 } from "lucide-react";
+import { hasCapability } from "@/core/config/capabilities";
 import { getFeatureFlag } from "@/core/config/feature-flag";
+import type { Capabilities } from "@/core/kernel/messages";
 import { isWasm } from "@/core/wasm/utils";
 
 /**
@@ -56,6 +58,8 @@ export interface PanelDescriptor {
   hidden?: boolean;
   /** Which section this panel belongs to by default */
   defaultSection: PanelSection;
+  /** Capability required for this panel to be visible. If the capability is false, the panel is hidden. */
+  requiredCapability?: keyof Capabilities;
 }
 
 /**
@@ -162,7 +166,9 @@ export const PANELS: PanelDescriptor[] = [
     Icon: TerminalSquareIcon,
     label: "Terminal",
     tooltip: "Terminal",
+    hidden: isWasm(),
     defaultSection: "developer-panel",
+    requiredCapability: "terminal",
   },
   {
     type: "cache",
@@ -177,3 +183,19 @@ export const PANELS: PanelDescriptor[] = [
 export const PANEL_MAP = new Map<PanelType, PanelDescriptor>(
   PANELS.map((p) => [p.type, p]),
 );
+
+/**
+ * Check if a panel should be hidden based on its `hidden` property
+ * and `requiredCapability`.
+ */
+export function isPanelHidden(panel: PanelDescriptor): boolean {
+  if (panel.hidden) {
+    return true;
+  }
+  if (panel.requiredCapability) {
+    if (!hasCapability(panel.requiredCapability)) {
+      return true;
+    }
+  }
+  return false;
+}

package/src/components/editor/chrome/wrapper/app-chrome.tsx

@@ -28,7 +28,12 @@ import { ErrorBoundary } from "../../boundary/ErrorBoundary";
 import { ContextAwarePanel } from "../panels/context-aware-panel/context-aware-panel";
 import { PanelSectionProvider } from "../panels/panel-context";
 import { panelLayoutAtom, useChromeActions, useChromeState } from "../state";
-import { PANEL_MAP, PANELS, type PanelDescriptor } from "../types";
+import {
+  isPanelHidden,
+  PANEL_MAP,
+  PANELS,
+  type PanelDescriptor,
+} from "../types";
 import { BackendConnectionStatus } from "./footer-items/backend-status";
 import { Minimap } from "./minimap";
 import { PanelsWrapper } from "./panels";
@@ -125,7 +130,7 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
   const availableDevPanels = useMemo(() => {
     const sidebarIds = new Set(panelLayout.sidebar);
     return PANELS.filter((p) => {
-      if (p.hidden) {
+      if (isPanelHidden(p)) {
         return false;
       }
       // Exclude panels that are in the sidebar

package/src/components/editor/chrome/wrapper/sidebar.tsx

@@ -11,7 +11,12 @@ import { notebookQueuedOrRunningCountAtom } from "@/core/cells/cells";
 import { cn } from "@/utils/cn";
 import { FeedbackButton } from "../components/feedback-button";
 import { panelLayoutAtom, useChromeActions, useChromeState } from "../state";
-import { PANEL_MAP, PANELS, type PanelDescriptor } from "../types";
+import {
+  isPanelHidden,
+  PANEL_MAP,
+  PANELS,
+  type PanelDescriptor,
+} from "../types";
 
 export const Sidebar: React.FC = () => {
   const { selectedPanel, selectedDeveloperPanelTab } = useChromeState();
@@ -28,7 +33,7 @@ export const Sidebar: React.FC = () => {
   const availableSidebarPanels = useMemo(() => {
     const devPanelIds = new Set(panelLayout.developerPanel);
     return PANELS.filter((p) => {
-      if (p.hidden) {
+      if (isPanelHidden(p)) {
         return false;
       }
       // Exclude panels that are in the developer panel

package/src/core/config/capabilities.ts

@@ -11,5 +11,5 @@ export const capabilitiesAtom = atom<Capabilities>({
 });
 
 export function hasCapability(key: keyof Capabilities): boolean {
-  return store.get(capabilitiesAtom)[key] ?? false;
+  return store.get(capabilitiesAtom)?.[key] ?? false;
 }

package/src/plugins/impl/code/any-language-editor.tsx

@@ -15,7 +15,7 @@ import type { ResolvedTheme } from "@/theme/useTheme";
 import { Logger } from "@/utils/Logger";
 import { ErrorBanner } from "../common/error-banner";
 
-export const LANGUAGE_MAP: Record<string, string> = {
+export const LANGUAGE_MAP: Record<string, LanguageName | undefined> = {
   python: "py",
   javascript: "js",
   typescript: "ts",