@marimo-team/islands 0.24.1-dev95 → 0.24.1-dev97

package/src/components/editor/actions/useNotebookActions.tsx

@@ -83,6 +83,8 @@ import { useChromeActions, useChromeState } from "../chrome/state";
 import { isPanelHidden, PANELS } from "../chrome/types";
 import { AddConnectionDialogContent } from "../connections/add-connection-dialog";
 import { useAddDetectedDataSource } from "../connections/components";
+import { DATABASE_CONNECTION_KEYWORDS } from "../connections/database/add-database-form";
+import { STORAGE_CONNECTION_KEYWORDS } from "../connections/storage/add-storage-form";
 import { keyboardShortcutsAtom } from "../controls/keyboard-shortcuts";
 import { commandPaletteAtom } from "../controls/state";
 import { displayLayoutName, getLayoutIcon } from "../renderers/layout-select";
@@ -152,6 +154,16 @@ export function useNotebookActions({
   const sharingWasmEnabled = resolvedConfig.sharing?.wasm ?? true;
   const sharingMolabEnabled = resolvedConfig.sharing?.molab ?? true;
   const isSlidesLayout = selectedLayout === "slides";
+  const databaseConnectionKeywords = [
+    "db",
+    "sql",
+    ...DATABASE_CONNECTION_KEYWORDS,
+  ];
+  const storageConnectionKeywords = [
+    "bucket",
+    "object storage",
+    ...STORAGE_CONNECTION_KEYWORDS,
+  ];
 
   const renderCheckboxElement = (checked: boolean) => (
     <div className="w-8 flex justify-end">
@@ -458,6 +470,7 @@ export function useNotebookActions({
     {
       icon: <DatabaseIcon size={14} strokeWidth={1.5} />,
       label: "Add database connection",
+      additionalKeywords: databaseConnectionKeywords,
       handle: () => {
         openModal(<AddConnectionDialogContent onClose={closeModal} />);
       },
@@ -475,6 +488,7 @@ export function useNotebookActions({
                 divider: true,
                 icon: <DatabaseIcon size={14} strokeWidth={1.5} />,
                 label: "Browse all connections",
+                additionalKeywords: databaseConnectionKeywords,
                 handle: () => {
                   openModal(
                     <AddConnectionDialogContent onClose={closeModal} />,
@@ -486,6 +500,7 @@ export function useNotebookActions({
     {
       icon: <HardDrive size={14} strokeWidth={1.5} />,
       label: "Add remote storage",
+      additionalKeywords: storageConnectionKeywords,
       handle: () => {
         openModal(
           <AddConnectionDialogContent
@@ -508,6 +523,7 @@ export function useNotebookActions({
                 divider: true,
                 icon: <HardDrive size={14} strokeWidth={1.5} />,
                 label: "Browse all connections",
+                additionalKeywords: storageConnectionKeywords,
                 handle: () => {
                   openModal(
                     <AddConnectionDialogContent

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

@@ -73,7 +73,7 @@ export const PANELS: PanelDescriptor[] = [
     type: "files",
     Icon: FolderTreeIcon,
     label: "Files",
-    tooltip: "View files",
+    tooltip: "View files and remote storage",
     defaultSection: "sidebar",
     additionalKeywords: ["explorer", "browser", "directory"],
   },

package/src/components/editor/connections/database/add-database-form.tsx

@@ -220,6 +220,10 @@ const DATA_CATALOGS = [
 
 const ALL_ENTRIES = [...DATABASES, ...DATA_CATALOGS];
 
+export const DATABASE_CONNECTION_KEYWORDS = [
+  ...new Set(ALL_ENTRIES.flatMap(({ name, logo }) => [name, logo])),
+];
+
 const DatabaseSchemaSelector: React.FC<{
   onSelect: (schema: z.ZodType<DatabaseConnection, FieldValues>) => void;
 }> = ({ onSelect }) => {

package/src/components/editor/connections/storage/add-storage-form.tsx

@@ -101,6 +101,12 @@ const STORAGE_PROVIDERS = [
   },
 ] satisfies StorageProviderSchema[];
 
+export const STORAGE_CONNECTION_KEYWORDS = [
+  ...new Set(
+    STORAGE_PROVIDERS.flatMap(({ name, protocol }) => [name, protocol]),
+  ),
+];
+
 const StorageProviderSelector: React.FC<{
   onSelect: (schema: z.ZodType<StorageConnection, FieldValues>) => void;
 }> = ({ onSelect }) => {